manifest.config.ts

import { defineManifest } from '@crxjs/vite-plugin'
import pkg from './package.json'

// MV3 manifest. The panel + overlays are injected by the content script into a
// Shadow DOM; the background worker only translates the keyboard command / icon
// click into a "toggle" message to the active tab.
export default defineManifest({
  manifest_version: 3,
  name: 'Avemo Dev',
  version: pkg.version,
  description: pkg.description,

  icons: {
    16: 'icons/icon-16.png',
    32: 'icons/icon-32.png',
    48: 'icons/icon-48.png',
    128: 'icons/icon-128.png',
  },

  // No popup — clicking the toolbar icon toggles the in-page panel (handled in
  // the background worker via chrome.action.onClicked).
  action: {
    default_title: 'Avemo Dev — toggle panel (⌘⇧Y)',
    default_icon: {
      16: 'icons/icon-16.png',
      32: 'icons/icon-32.png',
    },
  },

  background: {
    service_worker: 'src/background/service-worker.ts',
    type: 'module',
  },

  content_scripts: [
    {
      matches: ['http://*/*', 'https://*/*'],
      js: ['src/content/main.ts'],
      run_at: 'document_idle',
      all_frames: false,
    },
  ],

  permissions: ['storage', 'activeTab', 'scripting'],

  // captureVisibleTab (the full-page screenshot tool) checks specifically for the
  // `<all_urls>` host permission (or activeTab granted via a gesture) — a
  // http/https pattern pair does NOT satisfy it. The content script already runs
  // on every http/https page, so this widens nothing the extension can't reach.
  host_permissions: ['<all_urls>'],

  commands: {
    'toggle-panel': {
      // NB: ⌘⇧G is the browser's built-in "Find previous" on macOS, so it never
      // reached the extension — ⌘⇧Y / Ctrl⇧Y is conflict-free (rebindable at
      // chrome://extensions/shortcuts).
      suggested_key: { default: 'Ctrl+Shift+Y', mac: 'Command+Shift+Y' },
      description: 'Toggle the Avemo Dev panel',
    },
  },

  // The bundled Inter woff2 files, referenced by the injected @font-face via
  // chrome.runtime.getURL. (On ultra-strict-CSP sites the font may be blocked and
  // gracefully falls back to system-ui.)
  web_accessible_resources: [
    {
      resources: ['fonts/*.woff2'],
      matches: ['http://*/*', 'https://*/*'],
    },
  ],
})