manifest.js

import packageJson from './package.json' assert { type: 'json' };

/**
 * After changing, please reload the extension at `chrome://extensions`
 * @type {chrome.runtime.ManifestV3}
 */
const manifest = {
  manifest_version: 3,
  name: 'KonvaJS Devtools',
  version: packageJson.version,
  description: packageJson.description,
  permissions: ['storage'],
  background: {
    service_worker: 'src/pages/background/index.js',
    type: 'module',
  },
  action: {
    default_popup: 'src/pages/popup/index.html',
    default_icon: 'icon32_black.png',
  },
  icons: {
    16: 'icon16.png',
    32: 'icon32.png',
    48: 'icon48.png',
    128: 'icon128.png',
  },
  content_scripts: [
    {
      matches: ['http://*/*', 'https://*/*', '<all_urls>'],
      js: ['src/pages/content/index.js'],
      css: [],
    },
  ],
  devtools_page: 'src/pages/devtools/index.html',
  web_accessible_resources: [
    {
      resources: ['assets/js/*.js', 'assets/css/*.css', 'src/pages/detector/index.js'],
      matches: ['*://*/*'],
    },
  ],
};

if (process.env.__FIREFOX__ === 'true') {
  manifest.browser_specific_settings = {
    gecko: {
      id: 'maitrungduc1410@gmail.com',
    },
  };
}

export default manifest;