@crxjs/vite-plugin 2.0.0-beta.16 → 2.0.0-beta.18

package/dist/index.d.ts

@@ -118,12 +118,12 @@ interface ManifestV3 {
     } | undefined;
     incognito?: string | undefined;
     input_components?: {
-        name?: string | undefined;
-        type?: string | undefined;
+        name: string;
         id?: string | undefined;
-        description?: string | undefined;
-        language?: string | undefined;
-        layouts?: string[] | undefined;
+        language?: string | string[] | undefined;
+        layouts?: string | string[] | undefined;
+        input_view?: string | undefined;
+        options_page?: string | undefined;
     }[] | undefined;
     key?: string | undefined;
     minimum_chrome_version?: string | undefined;
@@ -166,6 +166,9 @@ interface ManifestV3 {
         pages: string[];
         content_security_policy?: string | undefined;
     } | undefined;
+    side_panel?: {
+        default_path?: string | undefined;
+    } | undefined;
     short_name?: string | undefined;
     spellcheck?: {
         dictionary_language?: string | undefined;

package/dist/index.mjs

@@ -10,6 +10,7 @@ import { rollup } from 'rollup';
 import * as lexer from 'es-module-lexer';
 import { readFile as readFile$1 } from 'fs/promises';
 import MagicString from 'magic-string';
+import convertSourceMap from 'convert-source-map';
 import { createLogger } from 'vite';
 import { readFileSync, existsSync, promises } from 'fs';
 import { createRequire } from 'module';
@@ -441,8 +442,25 @@ function prepScript(fileName, script) {
       const transformResult = await server.transformRequest(viteUrl);
       if (!transformResult)
         throw new TypeError(`Unable to load "${script.id}" from server.`);
-      const { code, deps = [], dynamicDeps = [] } = transformResult;
-      return { target, code, deps: [...deps, ...dynamicDeps].flat(), server };
+      const { deps = [], dynamicDeps = [], map: map2 } = transformResult;
+      let { code } = transformResult;
+      try {
+        if (map2 && server.config.build.sourcemap === "inline") {
+          code = code.replace(/\n*\/\/# sourceMappingURL=[^\n]+/g, "");
+          const sourceMap = convertSourceMap.fromObject(map2).toComment();
+          code += `
+${sourceMap}
+`;
+        }
+      } catch (error) {
+        console.warn("Failed to inline source map", error);
+      }
+      return {
+        target,
+        code,
+        deps: [...deps, ...dynamicDeps].flat(),
+        server
+      };
     }),
     // retry in case of dependency rebundle
     retry({ count: 10, delay: 100 }),
@@ -1004,7 +1022,8 @@ function htmlFiles(manifest) {
     manifest.devtools_page,
     manifest.options_page,
     manifest.options_ui?.page,
-    manifest.sandbox?.pages
+    manifest.sandbox?.pages,
+    manifest.side_panel?.default_path
   ].flat().filter(isString).map((s) => s.split("#")[0]).sort();
   return [...new Set(files)];
 }
@@ -1568,7 +1587,7 @@ const pluginManifest = () => {
           }
         }
         const encoded = encodeManifest(manifest2);
-        return encoded;
+        return { code: encoded, map: null };
       },
       async generateBundle(options, bundle) {
         const manifestName = this.getFileName(refId);
@@ -1694,7 +1713,11 @@ function compileFileResources(fileName, {
   assets: /* @__PURE__ */ new Set(),
   css: /* @__PURE__ */ new Set(),
   imports: /* @__PURE__ */ new Set()
-}) {
+}, processedFiles = /* @__PURE__ */ new Set()) {
+  if (processedFiles.has(fileName)) {
+    return resources;
+  }
+  processedFiles.add(fileName);
   const chunk = chunks.get(fileName);
   if (chunk) {
     const { modules, facadeModuleId, imports, dynamicImports } = chunk;
@@ -1703,7 +1726,7 @@ function compileFileResources(fileName, {
     for (const x of dynamicImports)
       resources.imports.add(x);
     for (const x of [...imports, ...dynamicImports])
-      compileFileResources(x, { chunks, files, config }, resources);
+      compileFileResources(x, { chunks, files, config }, resources, processedFiles);
     for (const m of Object.keys(modules))
       if (m !== facadeModuleId) {
         const key = prefix$1("/", relative(config.root, m.split("?")[0]));
@@ -1716,7 +1739,8 @@ function compileFileResources(fileName, {
             compileFileResources(
               script.fileName,
               { chunks, files, config },
-              resources
+              resources,
+              processedFiles
             );
           }
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crxjs/vite-plugin",
-  "version": "2.0.0-beta.16",
+  "version": "2.0.0-beta.18",
   "description": "Build Chrome Extensions with this Vite plugin.",
   "keywords": [
     "rollup-plugin",
@@ -26,7 +26,7 @@
   "type": "module",
   "exports": {
     ".": {
-      "require": "./index.cjs",
+      "require": "./dist/index.cjs",
       "import": "./dist/index.mjs",
       "types": "./dist/index.d.ts"
     },
@@ -68,6 +68,7 @@
     "acorn-walk": "^8.2.0",
     "cheerio": "^1.0.0-rc.10",
     "connect-injector": "^0.4.4",
+    "convert-source-map": "^1.7.0",
     "debug": "^4.3.3",
     "es-module-lexer": "^0.10.0",
     "fast-glob": "^3.2.11",
@@ -82,13 +83,14 @@
   "devDependencies": {
     "@extend-chrome/messages": "1.2.2",
     "@extend-chrome/storage": "1.5.0",
-    "@rollup/plugin-alias": "4.0.2",
+    "@rollup/plugin-alias": "4.0.4",
     "@rollup/plugin-commonjs": "21.1.0",
     "@rollup/plugin-json": "^5.0.0",
     "@rollup/plugin-node-resolve": "13.2.0",
-    "@sveltejs/vite-plugin-svelte": "1.1.0",
+    "@sveltejs/vite-plugin-svelte": "1.4.0",
     "@types/acorn": "4.0.6",
-    "@types/chrome": "0.0.209",
+    "@types/chrome": "0.0.237",
+    "@types/convert-source-map": "^2.0.0",
     "@types/debug": "4.1.7",
     "@types/fs-extra": "9.0.13",
     "@types/jest-image-snapshot": "^5.1.0",
@@ -103,21 +105,21 @@
     "chokidar": "^3.5.3",
     "esbuild": "0.17.14",
     "esbuild-runner": "2.2.2",
-    "eslint": "8.26.0",
+    "eslint": "8.43.0",
     "eslint-plugin-react": "^7.29.4",
     "jest-image-snapshot": "^5.2.0",
     "npm-run-all": "^4.1.5",
-    "playwright-chromium": "1.31.2",
+    "playwright-chromium": "1.33.0",
     "react": "17.0.2",
     "react-dom": "17.0.2",
     "rimraf": "3.0.2",
     "rollup-plugin-dts": "^4.2.0",
-    "rollup-plugin-esbuild": "4.10.1",
+    "rollup-plugin-esbuild": "4.10.3",
     "svelte": "^3.48.0",
     "typescript": "^4.6.4",
     "vite": "^3.1.7",
-    "vite-plugin-inspect": "0.7.14",
+    "vite-plugin-inspect": "0.7.25",
     "vitest": "0.28.5",
-    "vue": "3.2.41"
+    "vue": "3.2.47"
   }
 }