npm - @dword-design/base-config-web-extension - Versions diffs - 3.1.11 → 4.0.1 - Mend

@dword-design/base-config-web-extension 3.1.11 → 4.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (13) hide show

package/README.md CHANGED Viewed

@@ -3,49 +3,49 @@
 <!-- /TITLE -->
 <!-- BADGES/ -->
-  <p>
-    <a href="https://npmjs.org/package/@dword-design/base-config-web-extension">
-      <img
-        src="https://img.shields.io/npm/v/@dword-design/base-config-web-extension.svg"
-        alt="npm version"
-      >
-    </a><img src="https://img.shields.io/badge/os-linux%20%7C%C2%A0macos%20%7C%C2%A0windows-blue" alt="Linux macOS Windows compatible"><a href="https://github.com/dword-design/base-config-web-extension/actions">
-      <img
-        src="https://github.com/dword-design/base-config-web-extension/workflows/build/badge.svg"
-        alt="Build status"
-      >
-    </a><a href="https://codecov.io/gh/dword-design/base-config-web-extension">
-      <img
-        src="https://codecov.io/gh/dword-design/base-config-web-extension/branch/master/graph/badge.svg"
-        alt="Coverage status"
-      >
-    </a><a href="https://david-dm.org/dword-design/base-config-web-extension">
-      <img src="https://img.shields.io/david/dword-design/base-config-web-extension" alt="Dependency status">
-    </a><img src="https://img.shields.io/badge/renovate-enabled-brightgreen" alt="Renovate enabled"><br/><a href="https://gitpod.io/#https://github.com/dword-design/base-config-web-extension">
-      <img
-        src="https://gitpod.io/button/open-in-gitpod.svg"
-        alt="Open in Gitpod"
-        width="114"
-      >
-    </a><a href="https://www.buymeacoffee.com/dword">
-      <img
-        src="https://www.buymeacoffee.com/assets/img/guidelines/download-assets-sm-2.svg"
-        alt="Buy Me a Coffee"
-        width="114"
-      >
-    </a><a href="https://paypal.me/SebastianLandwehr">
-      <img
-        src="https://sebastianlandwehr.com/images/paypal.svg"
-        alt="PayPal"
-        width="163"
-      >
-    </a><a href="https://www.patreon.com/dworddesign">
-      <img
-        src="https://sebastianlandwehr.com/images/patreon.svg"
-        alt="Patreon"
-        width="163"
-      >
-    </a>
+<p>
+  <a href="https://npmjs.org/package/@dword-design/base-config-web-extension">
+    <img
+      src="https://img.shields.io/npm/v/@dword-design/base-config-web-extension.svg"
+      alt="npm version"
+    >
+  </a><img src="https://img.shields.io/badge/os-linux%20%7C%C2%A0macos%20%7C%C2%A0windows-blue" alt="Linux macOS Windows compatible"><a href="https://github.com/dword-design/base-config-web-extension/actions">
+    <img
+      src="https://github.com/dword-design/base-config-web-extension/workflows/build/badge.svg"
+      alt="Build status"
+    >
+  </a><a href="https://codecov.io/gh/dword-design/base-config-web-extension">
+    <img
+      src="https://codecov.io/gh/dword-design/base-config-web-extension/branch/master/graph/badge.svg"
+      alt="Coverage status"
+    >
+  </a><a href="https://david-dm.org/dword-design/base-config-web-extension">
+    <img src="https://img.shields.io/david/dword-design/base-config-web-extension" alt="Dependency status">
+  </a><img src="https://img.shields.io/badge/renovate-enabled-brightgreen" alt="Renovate enabled"><br/><a href="https://gitpod.io/#https://github.com/dword-design/base-config-web-extension">
+    <img
+      src="https://gitpod.io/button/open-in-gitpod.svg"
+      alt="Open in Gitpod"
+      width="114"
+    >
+  </a><a href="https://www.buymeacoffee.com/dword">
+    <img
+      src="https://www.buymeacoffee.com/assets/img/guidelines/download-assets-sm-2.svg"
+      alt="Buy Me a Coffee"
+      width="114"
+    >
+  </a><a href="https://paypal.me/SebastianLandwehr">
+    <img
+      src="https://sebastianlandwehr.com/images/paypal.svg"
+      alt="PayPal"
+      width="163"
+    >
+  </a><a href="https://www.patreon.com/dworddesign">
+    <img
+      src="https://sebastianlandwehr.com/images/patreon.svg"
+      alt="Patreon"
+      width="163"
+    >
+  </a>
 </p>
 <!-- /BADGES -->

package/dist/dev.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+import type { Base, PartialCommandOptions } from '@dword-design/base';
+export default function (this: Base, options: PartialCommandOptions & {
+    browser?: string;
+}): import("execa").ResultPromise<{
+    cwd: string;
+    reject: boolean;
+    stderr: any;
+    stdout?: "inherit" | undefined;
+}>;

package/dist/dev.js CHANGED Viewed

@@ -1,26 +1,18 @@
-import { execaCommand } from 'execa';
-import getManifest from "./get-manifest.js";
-export default async function (browser = 'chrome', options) {
+import { execaCommand } from "execa";
+export default function (options) {
   options = {
+    browser: "chrome",
     env: {},
-    log: process.env.NODE_ENV !== 'test',
-    stderr: 'inherit',
+    log: process.env.NODE_ENV !== "test",
+    stderr: "inherit",
     ...options
   };
-  return execaCommand('vite', {
-    env: {
-      ...options.env,
-      MANIFEST: JSON.stringify(await getManifest({
-        browser,
-        cwd: this.cwd
-      })),
-      TARGET: browser
-    },
+  return execaCommand(`wxt${options.browser ? ` -b ${options.browser}` : ""}`, {
     ...(options.log && {
-      stdout: 'inherit'
+      stdout: "inherit"
     }),
     cwd: this.cwd,
-    reject: process.env.NODE_ENV !== 'test',
+    reject: process.env.NODE_ENV !== "test",
     stderr: options.stderr
   });
 }

package/dist/index.d.ts ADDED Viewed

@@ -0,0 +1,77 @@
+import { type Base } from '@dword-design/base';
+import lint from './lint';
+import typecheck from './typecheck';
+declare const _default: (this: Base) => {
+    allowedMatches: string[];
+    commands: {
+        dev: {
+            handler: (options: {
+                browser: string;
+            }) => any;
+            options: {
+                default: string;
+                description: string;
+                name: string;
+            }[];
+        };
+        prepublishOnly: {
+            handler: (options: {
+                browser: string;
+            }) => any;
+            options: {
+                default: string;
+                description: string;
+                name: string;
+            }[];
+        };
+    };
+    depcheckConfig: {
+        parsers: {
+            '**/*.scss': (filePath: any) => any;
+            '**/*.vue': any;
+        };
+    };
+    deployAssets: {
+        label: string;
+        path: string;
+    }[];
+    deployEnv: {
+        CHROME_CLIENT_ID: string;
+        CHROME_CLIENT_SECRET: string;
+        CHROME_EXTENSION_ID: string;
+        CHROME_REFRESH_TOKEN: string;
+        FIREFOX_EXTENSION_ID: string;
+        FIREFOX_JWT_ISSUER: string;
+        FIREFOX_JWT_SECRET: string;
+    };
+    deployPlugins: any[][];
+    editorIgnore: string[];
+    gitignore: string[];
+    isLockFileFixCommitType: boolean;
+    lint: typeof lint;
+    preDeploySteps: ({
+        run: string;
+        env?: undefined;
+        'working-directory'?: undefined;
+    } | {
+        env: {
+            FIREFOX_EXTENSION_ID: string;
+        };
+        run: string;
+        'working-directory'?: undefined;
+    } | {
+        run: string;
+        'working-directory': string;
+        env?: undefined;
+    })[];
+    prepare: () => Promise<any>;
+    readmeInstallString: string;
+    typecheck: typeof typecheck;
+    typescriptConfig: {
+        compilerOptions: {
+            declaration: boolean;
+        };
+        extends: string;
+    };
+};
+export default _default;

package/dist/index.js CHANGED Viewed

@@ -1,98 +1,102 @@
-import pathLib from 'node:path';
-import depcheckParserSass from '@dword-design/depcheck-parser-sass';
-import dedent from 'dedent';
-import binName from 'depcheck-bin-name';
-import packageName from 'depcheck-package-name';
-import depcheckParserVue from 'depcheck-parser-vue';
-import fs from 'fs-extra';
+import pathLib from "node:path";
+import { defineBaseConfig } from "@dword-design/base";
+import depcheckParserSass from "@dword-design/depcheck-parser-sass";
+import depcheck from "depcheck";
+import binName from "depcheck-bin-name";
+import packageName from "depcheck-package-name";
+import endent from "endent";
+import fs from "fs-extra";
+import { stringify as stringifyIni } from "ini";
+import outputFiles from "output-files";
 import dev from "./dev.js";
+import lint from "./lint.js";
 import prepublishOnly from "./prepublish-only.js";
-export default function () {
+import typecheck from "./typecheck.js";
+export default defineBaseConfig(function () {
   return {
-    allowedMatches: ['assets', 'components', 'public', 'background.js', 'content.js', 'config.json', 'index.spec.js', 'options.html', 'popup.html', 'popup.js', 'popup.vue', 'options.js', 'popup.js', 'model'],
+    allowedMatches: Object.keys({
+      assets: true,
+      components: true,
+      entrypoints: true,
+      "index.spec.ts": true,
+      public: true
+    }),
     commands: {
       dev: {
-        arguments: '[browser]',
-        handler: (...args) => dev.call(this, ...args)
+        handler: options => dev.call(this, options),
+        options: [{
+          default: "chrome",
+          description: "Specify a browser",
+          name: "-b, --browser <browser>"
+        }]
       },
       prepublishOnly: {
-        arguments: '[browser]',
-        handler: (...args) => prepublishOnly.call(this, ...args)
+        handler: options => prepublishOnly.call(this, options),
+        options: [{
+          default: "chrome",
+          description: "Specify a browser",
+          name: "-b, --browser <browser>"
+        }]
       }
     },
     depcheckConfig: {
       parsers: {
-        '**/*.scss': depcheckParserSass,
-        '**/*.vue': depcheckParserVue
+        "**/*.scss": depcheckParserSass,
+        "**/*.vue": depcheck.parser.vue
       }
     },
     deployAssets: [{
-      label: 'Extension',
-      path: 'extension.zip'
+      label: "Extension",
+      path: "extension.zip"
     }],
     deployEnv: {
-      CHROME_CLIENT_ID: '${{ secrets.CHROME_CLIENT_ID }}',
-      CHROME_CLIENT_SECRET: '${{ secrets.CHROME_CLIENT_SECRET }}',
-      CHROME_EXTENSION_ID: '${{ secrets.CHROME_EXTENSION_ID }}',
-      CHROME_REFRESH_TOKEN: '${{ secrets.CHROME_REFRESH_TOKEN }}',
-      FIREFOX_EXTENSION_ID: '${{ secrets.FIREFOX_EXTENSION_ID }}',
-      FIREFOX_JWT_ISSUER: '${{ secrets.FIREFOX_JWT_ISSUER }}',
-      FIREFOX_JWT_SECRET: '${{ secrets.FIREFOX_JWT_SECRET }}'
+      CHROME_CLIENT_ID: "${{ secrets.CHROME_CLIENT_ID }}",
+      CHROME_CLIENT_SECRET: "${{ secrets.CHROME_CLIENT_SECRET }}",
+      CHROME_EXTENSION_ID: "${{ secrets.CHROME_EXTENSION_ID }}",
+      CHROME_REFRESH_TOKEN: "${{ secrets.CHROME_REFRESH_TOKEN }}",
+      FIREFOX_EXTENSION_ID: "${{ secrets.FIREFOX_EXTENSION_ID }}",
+      FIREFOX_JWT_ISSUER: "${{ secrets.FIREFOX_JWT_ISSUER }}",
+      FIREFOX_JWT_SECRET: "${{ secrets.FIREFOX_JWT_SECRET }}"
     },
     deployPlugins: [[packageName`@semantic-release/exec`, {
       publishCmd: `pnpm ${binName`publish-extension`} --chrome-zip=dist/chrome.zip --firefox-zip=dist/firefox.zip --firefox-sources-zip=dist/firefox-sources.zip`
     }]],
-    editorIgnore: ['dist', 'userdata', 'vite.config.js'],
-    gitignore: ['/dist', '/userdata', '/vite.config.js'],
+    editorIgnore: [".wxt", "dist", "userdata"],
+    gitignore: ["/.wxt", "/dist", "/userdata"],
     isLockFileFixCommitType: true,
+    lint,
     preDeploySteps: [{
-      run: 'pnpm prepublishOnly'
+      run: "pnpm prepublishOnly"
     }, {
       env: {
-        FIREFOX_EXTENSION_ID: '${{ secrets.FIREFOX_EXTENSION_ID }}'
+        FIREFOX_EXTENSION_ID: "${{ secrets.FIREFOX_EXTENSION_ID }}"
       },
-      run: 'pnpm prepublishOnly firefox'
+      run: "pnpm prepublishOnly firefox"
     }, {
-      run: 'zip -r ../chrome.zip .',
-      'working-directory': 'dist/chrome'
+      run: "zip -r ../chrome.zip .",
+      "working-directory": "dist/chrome"
     }, {
-      run: 'zip -r ../firefox.zip .',
-      'working-directory': 'dist/firefox'
+      run: "zip -r ../firefox.zip .",
+      "working-directory": "dist/firefox"
     }, {
-      run: 'git archive --output=dist/firefox-sources.zip HEAD'
+      run: "git archive --output=dist/firefox-sources.zip HEAD"
     }],
-    prepare: () => Promise.all([fs.outputFile(pathLib.join(this.cwd, 'vite.config.js'), dedent` // TODO: resolve.alias shouldn't be necessary with existing babel config
-          import vue from '${packageName`@vitejs/plugin-vue`}'
-          import P from 'path'
-          import { defineConfig } from '${packageName`vite`}'
-          import vueBabel from '${packageName`@dword-design/vite-plugin-vue-babel`}'
-          import babel from '${packageName`vite-plugin-babel`}'
-          import eslint from '${packageName`vite-plugin-eslint`}'
-          import webExtension from '${packageName`vite-plugin-web-extension`}'
-          import svgLoader from '${packageName`vite-svg-loader`}'
+    prepare: () => Promise.all([fs.ensureDir(pathLib.join(this.cwd, "userdata")), outputFiles(this.cwd, {
+      ".wxtrc": stringifyIni({
+        modules: [packageName`@wxt-dev/module-vue`],
+        outDir: "dist",
+        outDirTemplate: "{{browser}}"
+      }),
+      "web-ext.config.ts": endent`
+            import { defineWebExtConfig } from 'wxt';
-          export default defineConfig({
-            build: {
-              outDir: P.join('dist', process.env.TARGET),
-            },
-            resolve: {
-              alias: { '@': '.' },
-            },
-            plugins: [
-              vueBabel(),
-              vue(),
-              svgLoader(),
-              eslint({ fix: true }),
-              webExtension({
-                browser: process.env.TARGET,
-                manifest: () => JSON.parse(process.env.MANIFEST),
-                scriptViteConfig: { plugins: [babel(), eslint({ fix: true })] },
-                webExtConfig: { keepProfileChanges: true, chromiumProfile: 'userdata' },
-              }),
-            ],
-          })\n
-        `), fs.ensureDir(pathLib.join(this.cwd, 'userdata'))]),
-    readmeInstallString: dedent`
+            export default defineWebExtConfig({
+              keepProfileChanges: true,
+              chromiumProfile: 'userdata', // chromiumArgs: ['--user-data-dir=userdata'] doesn't keep sessions across dev restarts
+            });\n
+          `
+    })]),
+    readmeInstallString: endent`
       ## Recommended setup
       * Node.js 20.11.1
       * pnpm 9.15.3
@@ -104,14 +108,22 @@ export default function () {
       ## Running a development server
       \`\`\`bash
-      $ pnpm dev [browser]
+      $ pnpm dev -b <browser>
       \`\`\`
       Available browsers are \`firefox\` and \`chrome\`. Default is \`firefox\`.
       ## Building the extension for upload
       \`\`\`bash
-      $ pnpm prepublishOnly [browser]
+      $ pnpm prepublishOnly -b <browser>
       \`\`\`
-    `
+    `,
+    typecheck,
+    typescriptConfig: {
+      compilerOptions: {
+        declaration: false
+        // OtherwiseTypeScript error when declaring a content script via defineContentScript: "The inferred type of 'default' cannot be named without a reference to '@/node_modules/wxt/dist/types'. This is likely not portable. A type annotation is necessary.",
+      },
+      extends: "./.wxt/tsconfig.json"
+    }
   };
-}
+});

package/dist/lint.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import type { Base, PartialCommandOptions } from '@dword-design/base';
+export default function (this: Base, options: PartialCommandOptions): import("execa").ResultPromise<{
+    cwd: string;
+    stderr: any;
+    stdout?: "inherit" | undefined;
+}>;

package/dist/lint.js ADDED Viewed

@@ -0,0 +1,16 @@
+import { execaCommand } from "execa";
+export default function (options) {
+  options = {
+    env: {},
+    log: process.env.NODE_ENV !== "test",
+    stderr: "inherit",
+    ...options
+  };
+  return execaCommand("wxt prepare", {
+    ...(options.log && {
+      stdout: "inherit"
+    }),
+    cwd: this.cwd,
+    stderr: options.stderr
+  });
+}

package/dist/prepublish-only.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import type { Base, PartialCommandOptions } from '@dword-design/base';
+export default function (this: Base, options: PartialCommandOptions & {
+    browser?: string;
+}): Promise<import("execa").Result<{
+    cwd: string;
+    stderr: any;
+    stdout?: "inherit" | undefined;
+}>>;

package/dist/prepublish-only.js CHANGED Viewed

@@ -1,28 +1,18 @@
-import { execaCommand } from 'execa';
-import getManifest from "./get-manifest.js";
-export default async function (...args) {
-  let options = typeof args[0] === 'string' ? args[1] : args[0];
+import { execaCommand } from "execa";
+import { omit } from "lodash-es";
+export default async function (options) {
   options = {
-    browser: 'chrome',
+    browser: "chrome",
     env: {},
-    log: process.env.NODE_ENV !== 'test',
-    stderr: 'inherit',
-    ...(typeof args[0] === 'string' && {
-      browser: args[0]
-    }),
+    log: process.env.NODE_ENV !== "test",
+    stderr: "inherit",
     ...options
   };
-  return execaCommand('vite build', {
-    env: {
-      ...options.env,
-      MANIFEST: JSON.stringify(await getManifest({
-        browser: options.browser,
-        cwd: this.cwd
-      })),
-      TARGET: options.browser
-    },
+  await this.lint(omit(options, ["browser"]));
+  await this.typecheck(omit(options, ["browser"]));
+  return execaCommand(`wxt build${options.browser ? ` -b ${options.browser}` : ""}`, {
     ...(options.log && {
-      stdout: 'inherit'
+      stdout: "inherit"
     }),
     cwd: this.cwd,
     stderr: options.stderr

package/dist/typecheck.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import type { Base, PartialCommandOptions } from '@dword-design/base';
2	+ export default function (this: Base, options?: PartialCommandOptions): Promise<void>;

package/dist/typecheck.js ADDED Viewed

@@ -0,0 +1,15 @@
+import { execaCommand } from "execa";
+export default async function (options = {}) {
+  options = {
+    log: process.env.NODE_ENV !== "test",
+    stderr: "inherit",
+    ...options
+  };
+  await execaCommand("wxt prepare", {
+    ...(options.log && {
+      stdout: "inherit"
+    }),
+    cwd: this.cwd,
+    stderr: options.stderr
+  });
+}

package/package.json CHANGED Viewed

@@ -1,12 +1,19 @@
 {
   "name": "@dword-design/base-config-web-extension",
-  "version": "3.1.11",
+  "version": "4.0.1",
   "repository": "dword-design/base-config-web-extension",
   "funding": "https://github.com/sponsors/dword-design",
   "license": "MIT",
   "author": "Sebastian Landwehr <info@sebastianlandwehr.com>",
   "type": "module",
-  "exports": "./dist/index.js",
+  "exports": {
+    ".": {
+      "import": {
+        "default": "./dist/index.js",
+        "types": "./dist/index.d.ts"
+      }
+    }
+  },
   "main": "dist/index.js",
   "files": [
     "dist"
@@ -19,44 +26,42 @@
     "lint": "base lint",
     "prepare": "base prepare",
     "prepublishOnly": "base prepublishOnly",
-    "test": "base test"
+    "test": "base test",
+    "typecheck": "base typecheck",
+    "verify": "base verify"
   },
   "dependencies": {
-    "@dword-design/depcheck-parser-sass": "^4.0.4",
-    "@dword-design/vite-plugin-vue-babel": "^1.0.2",
+    "@dword-design/base": "^15.2.3",
+    "@dword-design/depcheck-parser-sass": "^5.0.0",
     "@semantic-release/exec": "^6.0.3",
-    "@vitejs/plugin-vue": "^5.2.4",
-    "dedent": "^1.6.0",
-    "depcheck-bin-name": "^1.0.1",
-    "depcheck-package-name": "^3.0.1",
-    "depcheck-parser-vue": "^5.0.0",
+    "@wxt-dev/module-vue": "^1.0.2",
+    "depcheck-bin-name": "^2.0.0",
+    "depcheck-package-name": "^4.0.0",
+    "endent": "npm:@dword-design/endent@^1.4.7",
     "execa": "^9.6.0",
     "fs-extra": "^11.3.0",
-    "load-pkg": "^4.0.0",
+    "ini": "^5.0.0",
     "lodash-es": "^4.17.21",
+    "output-files": "^3.0.0",
     "publish-browser-extension": "^2.3.1",
-    "vite": "^6.0.0",
-    "vite-plugin-babel": "^1.3.1",
-    "vite-plugin-eslint": "^1.8.1",
-    "vite-plugin-web-extension": "^4.4.3",
-    "vite-svg-loader": "^5.1.0",
-    "vue": "^3.5.16"
+    "wxt": "npm:@dword-design/wxt-fork@^0.0.2"
   },
   "devDependencies": {
-    "@dword-design/base": "^12.0.18",
-    "@mdi/svg": "^7.4.47",
-    "@playwright/test": "^1.52.0",
-    "express": "^4.21.2",
-    "get-port": "^7.1.0",
-    "globby": "^14.1.0",
-    "output-files": "^2.0.32",
-    "playwright": "^1.52.0",
-    "playwright-chromium": "^1.52.0",
-    "webextension-polyfill": "^0.12.0"
+    "@playwright/browser-chromium": "^1.54.1",
+    "@playwright/test": "^1.54.1",
+    "@types/express": "^5.0.3",
+    "@types/fs-extra": "^11.0.4",
+    "@types/ini": "^4.1.1",
+    "@types/lodash-es": "^4.17.12",
+    "express": "^5.1.0",
+    "get-port": "^7.1.0"
+  },
+  "peerDependencies": {
+    "depcheck": "*"
   },
   "packageManager": "pnpm@10.11.0+sha512.6540583f41cc5f628eb3d9773ecee802f4f9ef9923cc45b69890fb47991d4b092964694ec3a4f738a420c918a333062c8b925d312f42e4f0c263eb603551f977",
   "engines": {
-    "node": ">=18"
+    "node": ">=20"
   },
   "publishConfig": {
     "access": "public"

package/dist/get-manifest.js DELETED Viewed

@@ -1,69 +0,0 @@
-import pathLib from 'node:path';
-import fs from 'fs-extra';
-import loadPkg from 'load-pkg';
-import { pick } from 'lodash-es';
-export default async ({
-  cwd,
-  browser
-}) => {
-  const packageConfig = await loadPkg(cwd);
-  const config = await fs.readJson(pathLib.join(cwd, 'config.json')).catch(() => ({}));
-  const iconExists = await fs.exists(pathLib.join(cwd, 'public', 'icon.png'));
-  const popupExists = await fs.exists(pathLib.join(cwd, 'popup.html'));
-  return {
-    name: config.name,
-    ...pick(packageConfig, ['version', 'description']),
-    manifest_version: 3,
-    ...(iconExists && {
-      icons: {
-        128: 'icon.png'
-      }
-    }),
-    ...(('action' in config || popupExists) && {
-      action: {
-        ...(iconExists && {
-          default_icon: {
-            128: 'icon.png'
-          }
-        }),
-        ...(popupExists && {
-          default_popup: 'popup.html'
-        }),
-        ...(typeof config.action === 'object' && config.action)
-      }
-    }),
-    ...(((await fs.exists(pathLib.join(cwd, 'content.js'))) || config.css?.length > 0) && {
-      content_scripts: [{
-        js: ['content.js'],
-        ...(config.css?.length > 0 && {
-          css: config.css
-        }),
-        matches: config.matches || ['<all_urls>']
-      }]
-    }),
-    ...((await fs.exists(pathLib.join(cwd, 'background.js'))) && {
-      background: {
-        ...(browser === 'firefox' ? {
-          scripts: ['background.js']
-        } : {
-          service_worker: 'background.js'
-        })
-      }
-    }),
-    ...(process.env.FIREFOX_EXTENSION_ID && browser === 'firefox' && {
-      browser_specific_settings: {
-        gecko: {
-          id: process.env.FIREFOX_EXTENSION_ID
-        }
-      }
-    }),
-    ...pick(config, Object.keys({
-      css: true,
-      host_permissions: true,
-      optional_host_permissions: true,
-      optional_permissions: true,
-      permissions: true,
-      web_accessible_resources: true
-    }))
-  };
-};