@crxjs/vite-plugin 1.0.1 → 1.0.2

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @crxjs/vite-plugin
 
+## 1.0.2
+
+### Patch Changes
+
+- be8a1de: Remove unused code that throws when web accessible resources contains
+  an HTML file.
+
 ## 1.0.1
 
 ### Patch Changes

package/dist/index.cjs

@@ -2545,6 +2545,216 @@ const pluginHtmlAuditor = () => {
   };
 };
 
+const pluginManifest = (_manifest) => () => {
+  let manifest;
+  let plugins;
+  let refId;
+  let config;
+  return [
+    {
+      name: "crx:manifest-init",
+      enforce: "pre",
+      async config(config2, env) {
+        manifest = await (typeof _manifest === "function" ? _manifest(env) : _manifest);
+        if (manifest.manifest_version !== 3)
+          throw new Error(`Manifest v${manifest.manifest_version} is currently unsupported, please use manifest v3`);
+        if (env.command === "serve") {
+          const {
+            contentScripts: js,
+            background: sw,
+            html
+          } = await manifestFiles(manifest);
+          let { entries = [] } = config2.optimizeDeps ?? {};
+          entries = [entries].flat();
+          const set = new Set(entries);
+          for (const x of [...js, ...sw, ...html])
+            set.add(x);
+          return {
+            ...config2,
+            optimizeDeps: {
+              ...config2.optimizeDeps,
+              entries: [...set]
+            }
+          };
+        }
+      },
+      buildStart(options) {
+        if (options.plugins)
+          plugins = options.plugins;
+      }
+    },
+    {
+      name: "crx:manifest-loader",
+      apply: "build",
+      enforce: "pre",
+      buildStart() {
+        refId = this.emitFile({
+          type: "chunk",
+          id: manifestId,
+          name: "crx-manifest.js",
+          preserveSignature: "strict"
+        });
+      },
+      resolveId(source) {
+        if (source === manifestId)
+          return manifestId;
+        return null;
+      },
+      load(id) {
+        if (id === manifestId)
+          return encodeManifest(manifest);
+        return null;
+      }
+    },
+    {
+      name: "crx:stub-input",
+      apply: "build",
+      enforce: "pre",
+      options({ input, ...options }) {
+        return {
+          input: isString(input) && input.endsWith("index.html") ? stubId : input,
+          ...options
+        };
+      },
+      resolveId(source) {
+        if (source === stubId)
+          return stubId;
+        return null;
+      },
+      load(id) {
+        if (id === stubId)
+          return `console.log('stub')`;
+        return null;
+      },
+      generateBundle(options, bundle) {
+        for (const [key, chunk] of Object.entries(bundle)) {
+          if (chunk.type === "chunk" && chunk.facadeModuleId === stubId) {
+            delete bundle[key];
+            break;
+          }
+        }
+      }
+    },
+    {
+      name: "crx:manifest-post",
+      apply: "build",
+      enforce: "post",
+      configResolved(_config) {
+        config = _config;
+        const plugins2 = config.plugins;
+        const crx = plugins2.findIndex(({ name }) => name === "crx:manifest-post");
+        const [plugin] = plugins2.splice(crx, 1);
+        plugins2.push(plugin);
+      },
+      async transform(code, id) {
+        if (id !== manifestId)
+          return;
+        let manifest2 = decodeManifest.call(this, code);
+        for (const plugin of plugins) {
+          try {
+            const m = structuredClone(manifest2);
+            const result = await plugin.transformCrxManifest?.call(this, m);
+            manifest2 = result ?? manifest2;
+          } catch (error) {
+            if (error instanceof Error)
+              error.message = `[${plugin.name}] ${error.message}`;
+            throw error;
+          }
+        }
+        if (manifest2.content_scripts?.length) {
+          manifest2.content_scripts = manifest2.content_scripts.map(({ js = [], ...rest }) => {
+            const refJS = js.map((file) => this.emitFile({
+              type: "chunk",
+              id: file,
+              name: basename(file)
+            }));
+            return { js: refJS, ...rest };
+          });
+        }
+        if (!this.meta.watchMode) {
+          if (manifest2.background?.service_worker) {
+            const file = manifest2.background.service_worker;
+            const refId2 = this.emitFile({
+              type: "chunk",
+              id: file,
+              name: basename(file)
+            });
+            manifest2.background.service_worker = refId2;
+          }
+          for (const file of htmlFiles(manifest2)) {
+            this.emitFile({
+              type: "chunk",
+              id: file,
+              name: basename(file)
+            });
+          }
+        }
+        const encoded = encodeManifest(manifest2);
+        return encoded;
+      },
+      async generateBundle(options, bundle) {
+        const manifestName = this.getFileName(refId);
+        const manifestJs = bundle[manifestName];
+        let manifest2 = decodeManifest.call(this, manifestJs.code);
+        if (manifest2.background?.service_worker && !this.meta.watchMode) {
+          const ref = manifest2.background.service_worker;
+          const name = this.getFileName(ref);
+          manifest2.background.service_worker = name;
+        }
+        manifest2.content_scripts = manifest2.content_scripts?.map(({ js = [], ...rest }) => {
+          const refJS = js.map((ref) => this.getFileName(ref));
+          return { js: refJS, ...rest };
+        });
+        for (const plugin of plugins) {
+          try {
+            const m = structuredClone(manifest2);
+            const result = await plugin.renderCrxManifest?.call(this, m, bundle);
+            manifest2 = result ?? manifest2;
+          } catch (error) {
+            const name = `[${plugin.name}]`;
+            let message = error;
+            if (error instanceof Error) {
+              message = colors__default["default"].red(`${name} ${error.stack ? error.stack : error.message}`);
+            } else if (typeof error === "string") {
+              message = colors__default["default"].red(`${name} ${error}`);
+            }
+            console.log(message);
+            throw new Error(`Error in ${plugin.name}.renderCrxManifest`);
+          }
+        }
+        const assetTypes = [
+          "icons",
+          "locales",
+          "rulesets",
+          "webAccessibleResources"
+        ];
+        const files = await manifestFiles(manifest2);
+        await Promise.all(assetTypes.map((k) => files[k]).flat().map(async (f) => {
+          if (typeof bundle[f] === "undefined") {
+            const filename = join(config.root, f);
+            this.emitFile({
+              type: "asset",
+              fileName: f,
+              source: await fsExtra.readFile(filename)
+            });
+          }
+        }));
+        const manifestJson = bundle["manifest.json"];
+        if (typeof manifestJson === "undefined") {
+          this.emitFile({
+            type: "asset",
+            fileName: "manifest.json",
+            source: JSON.stringify(manifest2, null, 2)
+          });
+        } else {
+          manifestJson.source = JSON.stringify(manifest2, null, 2);
+        }
+        delete bundle[manifestName];
+      }
+    }
+  ];
+};
+
 var contentHmrPort = "function isCrxHMRPayload(x) {\n  return x.type === \"custom\" && x.event.startsWith(\"crx:\");\n}\nclass HMRPort {\n  port;\n  callbacks = /* @__PURE__ */ new Map();\n  constructor() {\n    setInterval(() => {\n      try {\n        this.port?.postMessage({ data: \"ping\" });\n      } catch (error) {\n        if (error instanceof Error && error.message.includes(\"Extension context invalidated.\")) {\n          location.reload();\n        } else\n          throw error;\n      }\n    }, __CRX_HMR_TIMEOUT__);\n    setInterval(this.initPort, 5 * 60 * 1e3);\n    this.initPort();\n  }\n  initPort = () => {\n    this.port?.disconnect();\n    this.port = chrome.runtime.connect({ name: \"@crx/client\" });\n    this.port.onDisconnect.addListener(this.handleDisconnect.bind(this));\n    this.port.onMessage.addListener(this.handleMessage.bind(this));\n    this.port.postMessage({ type: \"connected\" });\n  };\n  handleDisconnect = () => {\n    if (this.callbacks.has(\"close\"))\n      for (const cb of this.callbacks.get(\"close\")) {\n        cb({ wasClean: true });\n      }\n  };\n  handleMessage = (message) => {\n    const forward = (data) => {\n      if (this.callbacks.has(\"message\"))\n        for (const cb of this.callbacks.get(\"message\")) {\n          cb({ data });\n        }\n    };\n    const payload = JSON.parse(message.data);\n    if (isCrxHMRPayload(payload)) {\n      if (payload.event === \"crx:runtime-reload\") {\n        console.log(\"[crx] runtime reload\");\n        setTimeout(() => location.reload(), 500);\n      } else {\n        forward(JSON.stringify(payload.data));\n      }\n    } else {\n      forward(message.data);\n    }\n  };\n  addEventListener = (event, callback) => {\n    const cbs = this.callbacks.get(event) ?? /* @__PURE__ */ new Set();\n    cbs.add(callback);\n    this.callbacks.set(event, cbs);\n  };\n  send = (data) => {\n    if (this.port)\n      this.port.postMessage({ data });\n    else\n      throw new Error(\"HMRPort is not initialized\");\n  };\n}\n\nexport { HMRPort };\n";
 
 var contentDevLoader = "(function () {\n  'use strict';\n\n  (async () => {\n    if (__PREAMBLE__)\n      await import(\n        /* @vite-ignore */\n        chrome.runtime.getURL(__PREAMBLE__)\n      );\n    await import(\n      /* @vite-ignore */\n      chrome.runtime.getURL(__CLIENT__)\n    );\n    await import(\n      /* @vite-ignore */\n      chrome.runtime.getURL(__SCRIPT__)\n    );\n  })().catch(console.error);\n\n})();\n";
@@ -2983,220 +3193,6 @@ const pluginResources = ({ contentScripts = {} }) => {
   ];
 };
 
-const pluginManifest = (_manifest) => () => {
-  let manifest;
-  let plugins;
-  let refId;
-  let config;
-  return [
-    {
-      name: "crx:manifest-init",
-      enforce: "pre",
-      async config(config2, env) {
-        manifest = await (typeof _manifest === "function" ? _manifest(env) : _manifest);
-        if (manifest.manifest_version !== 3)
-          throw new Error(`Manifest v${manifest.manifest_version} is currently unsupported, please use manifest v3`);
-        if (env.command === "serve") {
-          const {
-            contentScripts: js,
-            background: sw,
-            html
-          } = await manifestFiles(manifest);
-          let { entries = [] } = config2.optimizeDeps ?? {};
-          entries = [entries].flat();
-          const set = new Set(entries);
-          for (const x of [...js, ...sw, ...html])
-            set.add(x);
-          return {
-            ...config2,
-            optimizeDeps: {
-              ...config2.optimizeDeps,
-              entries: [...set]
-            }
-          };
-        }
-      },
-      buildStart(options) {
-        if (options.plugins)
-          plugins = options.plugins;
-      }
-    },
-    {
-      name: "crx:manifest-loader",
-      apply: "build",
-      enforce: "pre",
-      buildStart() {
-        refId = this.emitFile({
-          type: "chunk",
-          id: manifestId,
-          name: "crx-manifest.js",
-          preserveSignature: "strict"
-        });
-      },
-      resolveId(source) {
-        if (source === manifestId)
-          return manifestId;
-        return null;
-      },
-      load(id) {
-        if (id === manifestId)
-          return encodeManifest(manifest);
-        return null;
-      }
-    },
-    {
-      name: "crx:stub-input",
-      apply: "build",
-      enforce: "pre",
-      options({ input, ...options }) {
-        return {
-          input: isString(input) && input.endsWith("index.html") ? stubId : input,
-          ...options
-        };
-      },
-      resolveId(source) {
-        if (source === stubId)
-          return stubId;
-        return null;
-      },
-      load(id) {
-        if (id === stubId)
-          return `console.log('stub')`;
-        return null;
-      },
-      generateBundle(options, bundle) {
-        for (const [key, chunk] of Object.entries(bundle)) {
-          if (chunk.type === "chunk" && chunk.facadeModuleId === stubId) {
-            delete bundle[key];
-            break;
-          }
-        }
-      }
-    },
-    {
-      name: "crx:manifest-post",
-      apply: "build",
-      enforce: "post",
-      configResolved(_config) {
-        config = _config;
-        const plugins2 = config.plugins;
-        const crx = plugins2.findIndex(({ name }) => name === "crx:manifest-post");
-        const [plugin] = plugins2.splice(crx, 1);
-        plugins2.push(plugin);
-      },
-      async transform(code, id) {
-        if (id !== manifestId)
-          return;
-        let manifest2 = decodeManifest.call(this, code);
-        for (const plugin of plugins) {
-          try {
-            const m = structuredClone(manifest2);
-            const result = await plugin.transformCrxManifest?.call(this, m);
-            manifest2 = result ?? manifest2;
-          } catch (error) {
-            if (error instanceof Error)
-              error.message = `[${plugin.name}] ${error.message}`;
-            throw error;
-          }
-        }
-        if (manifest2.content_scripts?.length) {
-          manifest2.content_scripts = manifest2.content_scripts.map(({ js = [], ...rest }) => {
-            const refJS = js.map((file) => this.emitFile({
-              type: "chunk",
-              id: file,
-              name: basename(file)
-            }));
-            return { js: refJS, ...rest };
-          });
-        }
-        if (!this.meta.watchMode) {
-          if (manifest2.background?.service_worker) {
-            const file = manifest2.background.service_worker;
-            const refId2 = this.emitFile({
-              type: "chunk",
-              id: file,
-              name: basename(file)
-            });
-            manifest2.background.service_worker = refId2;
-          }
-          for (const file of htmlFiles(manifest2)) {
-            this.emitFile({
-              type: "chunk",
-              id: file,
-              name: basename(file)
-            });
-          }
-        }
-        const encoded = encodeManifest(manifest2);
-        return encoded;
-      },
-      async generateBundle(options, bundle) {
-        const manifestName = this.getFileName(refId);
-        const manifestJs = bundle[manifestName];
-        let manifest2 = decodeManifest.call(this, manifestJs.code);
-        if (manifest2.background?.service_worker && !this.meta.watchMode) {
-          const ref = manifest2.background.service_worker;
-          const name = this.getFileName(ref);
-          manifest2.background.service_worker = name;
-        }
-        manifest2.content_scripts = manifest2.content_scripts?.map(({ js = [], ...rest }) => {
-          const refJS = js.map((ref) => this.getFileName(ref));
-          return { js: refJS, ...rest };
-        });
-        manifest2.web_accessible_resources = manifest2.web_accessible_resources?.map(({ resources, ...rest }) => ({
-          resources: resources.map((r) => fg__default["default"].isDynamicPattern(r) || r === dynamicResourcesName ? r : this.getFileName(r)),
-          ...rest
-        }));
-        for (const plugin of plugins) {
-          try {
-            const m = structuredClone(manifest2);
-            const result = await plugin.renderCrxManifest?.call(this, m, bundle);
-            manifest2 = result ?? manifest2;
-          } catch (error) {
-            const name = `[${plugin.name}]`;
-            let message = error;
-            if (error instanceof Error) {
-              message = colors__default["default"].red(`${name} ${error.stack ? error.stack : error.message}`);
-            } else if (typeof error === "string") {
-              message = colors__default["default"].red(`${name} ${error}`);
-            }
-            console.log(message);
-            throw new Error(`Error in ${plugin.name}.renderCrxManifest`);
-          }
-        }
-        const assetTypes = [
-          "icons",
-          "locales",
-          "rulesets",
-          "webAccessibleResources"
-        ];
-        const files = await manifestFiles(manifest2);
-        await Promise.all(assetTypes.map((k) => files[k]).flat().map(async (f) => {
-          if (typeof bundle[f] === "undefined") {
-            const filename = join(config.root, f);
-            this.emitFile({
-              type: "asset",
-              fileName: f,
-              source: await fsExtra.readFile(filename)
-            });
-          }
-        }));
-        const manifestJson = bundle["manifest.json"];
-        if (typeof manifestJson === "undefined") {
-          this.emitFile({
-            type: "asset",
-            fileName: "manifest.json",
-            source: JSON.stringify(manifest2, null, 2)
-          });
-        } else {
-          manifestJson.source = JSON.stringify(manifest2, null, 2);
-        }
-        delete bundle[manifestName];
-      }
-    }
-  ];
-};
-
 var workerHmrClient = "const ownOrigin = new URL(chrome.runtime.getURL(\"/\")).origin;\nself.addEventListener(\"fetch\", (fetchEvent) => {\n  const url = new URL(fetchEvent.request.url);\n  if (url.origin === ownOrigin) {\n    fetchEvent.respondWith(sendToServer(url));\n  }\n});\nasync function sendToServer(url) {\n  url.protocol = \"http:\";\n  url.host = \"localhost\";\n  url.port = __SERVER_PORT__;\n  url.searchParams.set(\"t\", Date.now().toString());\n  const response = await fetch(url.href.replace(/=$|=(?=&)/g, \"\"));\n  return new Response(response.body, {\n    headers: {\n      \"Content-Type\": response.headers.get(\"Content-Type\") ?? \"text/javascript\"\n    }\n  });\n}\nconst ports = /* @__PURE__ */ new Set();\nchrome.runtime.onConnect.addListener((port) => {\n  if (port.name === \"@crx/client\") {\n    ports.add(port);\n    port.onDisconnect.addListener((port2) => ports.delete(port2));\n    port.onMessage.addListener((message) => {\n    });\n    port.postMessage({ data: JSON.stringify({ type: \"connected\" }) });\n  }\n});\nfunction notifyContentScripts(payload) {\n  const data = JSON.stringify(payload);\n  for (const port of ports)\n    port.postMessage({ data });\n}\nconsole.log(\"[vite] connecting...\");\nconst socketProtocol = __HMR_PROTOCOL__ || (location.protocol === \"https:\" ? \"wss\" : \"ws\");\nconst socketHost = `${__HMR_HOSTNAME__ || location.hostname}:${__HMR_PORT__}`;\nconst socket = new WebSocket(`${socketProtocol}://${socketHost}`, \"vite-hmr\");\nconst base = __BASE__ || \"/\";\nsocket.addEventListener(\"message\", async ({ data }) => {\n  handleSocketMessage(JSON.parse(data));\n});\nfunction isCrxHmrPayload(x) {\n  return x.type === \"custom\" && x.event.startsWith(\"crx:\");\n}\nfunction handleSocketMessage(payload) {\n  if (isCrxHmrPayload(payload)) {\n    handleCrxHmrPayload(payload);\n  } else if (payload.type === \"connected\") {\n    console.log(`[vite] connected.`);\n    const interval = setInterval(() => socket.send(\"ping\"), __HMR_TIMEOUT__);\n    socket.addEventListener(\"close\", () => clearInterval(interval));\n  }\n}\nfunction handleCrxHmrPayload(payload) {\n  notifyContentScripts(payload);\n  switch (payload.event) {\n    case \"crx:runtime-reload\":\n      console.log(\"[crx] runtime reload\");\n      chrome.runtime.reload();\n      break;\n  }\n}\nasync function waitForSuccessfulPing(ms = 1e3) {\n  while (true) {\n    try {\n      await fetch(`${base}__vite_ping`);\n      break;\n    } catch (e) {\n      await new Promise((resolve) => setTimeout(resolve, ms));\n    }\n  }\n}\nsocket.addEventListener(\"close\", async ({ wasClean }) => {\n  if (wasClean)\n    return;\n  console.log(`[vite] server connection lost. polling for restart...`);\n  await waitForSuccessfulPing();\n  chrome.runtime.reload();\n});\n";
 
 function defineClientValues(code, config) {

package/dist/index.mjs

@@ -2512,6 +2512,216 @@ const pluginHtmlAuditor = () => {
   };
 };
 
+const pluginManifest = (_manifest) => () => {
+  let manifest;
+  let plugins;
+  let refId;
+  let config;
+  return [
+    {
+      name: "crx:manifest-init",
+      enforce: "pre",
+      async config(config2, env) {
+        manifest = await (typeof _manifest === "function" ? _manifest(env) : _manifest);
+        if (manifest.manifest_version !== 3)
+          throw new Error(`Manifest v${manifest.manifest_version} is currently unsupported, please use manifest v3`);
+        if (env.command === "serve") {
+          const {
+            contentScripts: js,
+            background: sw,
+            html
+          } = await manifestFiles(manifest);
+          let { entries = [] } = config2.optimizeDeps ?? {};
+          entries = [entries].flat();
+          const set = new Set(entries);
+          for (const x of [...js, ...sw, ...html])
+            set.add(x);
+          return {
+            ...config2,
+            optimizeDeps: {
+              ...config2.optimizeDeps,
+              entries: [...set]
+            }
+          };
+        }
+      },
+      buildStart(options) {
+        if (options.plugins)
+          plugins = options.plugins;
+      }
+    },
+    {
+      name: "crx:manifest-loader",
+      apply: "build",
+      enforce: "pre",
+      buildStart() {
+        refId = this.emitFile({
+          type: "chunk",
+          id: manifestId,
+          name: "crx-manifest.js",
+          preserveSignature: "strict"
+        });
+      },
+      resolveId(source) {
+        if (source === manifestId)
+          return manifestId;
+        return null;
+      },
+      load(id) {
+        if (id === manifestId)
+          return encodeManifest(manifest);
+        return null;
+      }
+    },
+    {
+      name: "crx:stub-input",
+      apply: "build",
+      enforce: "pre",
+      options({ input, ...options }) {
+        return {
+          input: isString(input) && input.endsWith("index.html") ? stubId : input,
+          ...options
+        };
+      },
+      resolveId(source) {
+        if (source === stubId)
+          return stubId;
+        return null;
+      },
+      load(id) {
+        if (id === stubId)
+          return `console.log('stub')`;
+        return null;
+      },
+      generateBundle(options, bundle) {
+        for (const [key, chunk] of Object.entries(bundle)) {
+          if (chunk.type === "chunk" && chunk.facadeModuleId === stubId) {
+            delete bundle[key];
+            break;
+          }
+        }
+      }
+    },
+    {
+      name: "crx:manifest-post",
+      apply: "build",
+      enforce: "post",
+      configResolved(_config) {
+        config = _config;
+        const plugins2 = config.plugins;
+        const crx = plugins2.findIndex(({ name }) => name === "crx:manifest-post");
+        const [plugin] = plugins2.splice(crx, 1);
+        plugins2.push(plugin);
+      },
+      async transform(code, id) {
+        if (id !== manifestId)
+          return;
+        let manifest2 = decodeManifest.call(this, code);
+        for (const plugin of plugins) {
+          try {
+            const m = structuredClone(manifest2);
+            const result = await plugin.transformCrxManifest?.call(this, m);
+            manifest2 = result ?? manifest2;
+          } catch (error) {
+            if (error instanceof Error)
+              error.message = `[${plugin.name}] ${error.message}`;
+            throw error;
+          }
+        }
+        if (manifest2.content_scripts?.length) {
+          manifest2.content_scripts = manifest2.content_scripts.map(({ js = [], ...rest }) => {
+            const refJS = js.map((file) => this.emitFile({
+              type: "chunk",
+              id: file,
+              name: basename(file)
+            }));
+            return { js: refJS, ...rest };
+          });
+        }
+        if (!this.meta.watchMode) {
+          if (manifest2.background?.service_worker) {
+            const file = manifest2.background.service_worker;
+            const refId2 = this.emitFile({
+              type: "chunk",
+              id: file,
+              name: basename(file)
+            });
+            manifest2.background.service_worker = refId2;
+          }
+          for (const file of htmlFiles(manifest2)) {
+            this.emitFile({
+              type: "chunk",
+              id: file,
+              name: basename(file)
+            });
+          }
+        }
+        const encoded = encodeManifest(manifest2);
+        return encoded;
+      },
+      async generateBundle(options, bundle) {
+        const manifestName = this.getFileName(refId);
+        const manifestJs = bundle[manifestName];
+        let manifest2 = decodeManifest.call(this, manifestJs.code);
+        if (manifest2.background?.service_worker && !this.meta.watchMode) {
+          const ref = manifest2.background.service_worker;
+          const name = this.getFileName(ref);
+          manifest2.background.service_worker = name;
+        }
+        manifest2.content_scripts = manifest2.content_scripts?.map(({ js = [], ...rest }) => {
+          const refJS = js.map((ref) => this.getFileName(ref));
+          return { js: refJS, ...rest };
+        });
+        for (const plugin of plugins) {
+          try {
+            const m = structuredClone(manifest2);
+            const result = await plugin.renderCrxManifest?.call(this, m, bundle);
+            manifest2 = result ?? manifest2;
+          } catch (error) {
+            const name = `[${plugin.name}]`;
+            let message = error;
+            if (error instanceof Error) {
+              message = colors.red(`${name} ${error.stack ? error.stack : error.message}`);
+            } else if (typeof error === "string") {
+              message = colors.red(`${name} ${error}`);
+            }
+            console.log(message);
+            throw new Error(`Error in ${plugin.name}.renderCrxManifest`);
+          }
+        }
+        const assetTypes = [
+          "icons",
+          "locales",
+          "rulesets",
+          "webAccessibleResources"
+        ];
+        const files = await manifestFiles(manifest2);
+        await Promise.all(assetTypes.map((k) => files[k]).flat().map(async (f) => {
+          if (typeof bundle[f] === "undefined") {
+            const filename = join(config.root, f);
+            this.emitFile({
+              type: "asset",
+              fileName: f,
+              source: await readFile(filename)
+            });
+          }
+        }));
+        const manifestJson = bundle["manifest.json"];
+        if (typeof manifestJson === "undefined") {
+          this.emitFile({
+            type: "asset",
+            fileName: "manifest.json",
+            source: JSON.stringify(manifest2, null, 2)
+          });
+        } else {
+          manifestJson.source = JSON.stringify(manifest2, null, 2);
+        }
+        delete bundle[manifestName];
+      }
+    }
+  ];
+};
+
 var contentHmrPort = "function isCrxHMRPayload(x) {\n  return x.type === \"custom\" && x.event.startsWith(\"crx:\");\n}\nclass HMRPort {\n  port;\n  callbacks = /* @__PURE__ */ new Map();\n  constructor() {\n    setInterval(() => {\n      try {\n        this.port?.postMessage({ data: \"ping\" });\n      } catch (error) {\n        if (error instanceof Error && error.message.includes(\"Extension context invalidated.\")) {\n          location.reload();\n        } else\n          throw error;\n      }\n    }, __CRX_HMR_TIMEOUT__);\n    setInterval(this.initPort, 5 * 60 * 1e3);\n    this.initPort();\n  }\n  initPort = () => {\n    this.port?.disconnect();\n    this.port = chrome.runtime.connect({ name: \"@crx/client\" });\n    this.port.onDisconnect.addListener(this.handleDisconnect.bind(this));\n    this.port.onMessage.addListener(this.handleMessage.bind(this));\n    this.port.postMessage({ type: \"connected\" });\n  };\n  handleDisconnect = () => {\n    if (this.callbacks.has(\"close\"))\n      for (const cb of this.callbacks.get(\"close\")) {\n        cb({ wasClean: true });\n      }\n  };\n  handleMessage = (message) => {\n    const forward = (data) => {\n      if (this.callbacks.has(\"message\"))\n        for (const cb of this.callbacks.get(\"message\")) {\n          cb({ data });\n        }\n    };\n    const payload = JSON.parse(message.data);\n    if (isCrxHMRPayload(payload)) {\n      if (payload.event === \"crx:runtime-reload\") {\n        console.log(\"[crx] runtime reload\");\n        setTimeout(() => location.reload(), 500);\n      } else {\n        forward(JSON.stringify(payload.data));\n      }\n    } else {\n      forward(message.data);\n    }\n  };\n  addEventListener = (event, callback) => {\n    const cbs = this.callbacks.get(event) ?? /* @__PURE__ */ new Set();\n    cbs.add(callback);\n    this.callbacks.set(event, cbs);\n  };\n  send = (data) => {\n    if (this.port)\n      this.port.postMessage({ data });\n    else\n      throw new Error(\"HMRPort is not initialized\");\n  };\n}\n\nexport { HMRPort };\n";
 
 var contentDevLoader = "(function () {\n  'use strict';\n\n  (async () => {\n    if (__PREAMBLE__)\n      await import(\n        /* @vite-ignore */\n        chrome.runtime.getURL(__PREAMBLE__)\n      );\n    await import(\n      /* @vite-ignore */\n      chrome.runtime.getURL(__CLIENT__)\n    );\n    await import(\n      /* @vite-ignore */\n      chrome.runtime.getURL(__SCRIPT__)\n    );\n  })().catch(console.error);\n\n})();\n";
@@ -2950,220 +3160,6 @@ const pluginResources = ({ contentScripts = {} }) => {
   ];
 };
 
-const pluginManifest = (_manifest) => () => {
-  let manifest;
-  let plugins;
-  let refId;
-  let config;
-  return [
-    {
-      name: "crx:manifest-init",
-      enforce: "pre",
-      async config(config2, env) {
-        manifest = await (typeof _manifest === "function" ? _manifest(env) : _manifest);
-        if (manifest.manifest_version !== 3)
-          throw new Error(`Manifest v${manifest.manifest_version} is currently unsupported, please use manifest v3`);
-        if (env.command === "serve") {
-          const {
-            contentScripts: js,
-            background: sw,
-            html
-          } = await manifestFiles(manifest);
-          let { entries = [] } = config2.optimizeDeps ?? {};
-          entries = [entries].flat();
-          const set = new Set(entries);
-          for (const x of [...js, ...sw, ...html])
-            set.add(x);
-          return {
-            ...config2,
-            optimizeDeps: {
-              ...config2.optimizeDeps,
-              entries: [...set]
-            }
-          };
-        }
-      },
-      buildStart(options) {
-        if (options.plugins)
-          plugins = options.plugins;
-      }
-    },
-    {
-      name: "crx:manifest-loader",
-      apply: "build",
-      enforce: "pre",
-      buildStart() {
-        refId = this.emitFile({
-          type: "chunk",
-          id: manifestId,
-          name: "crx-manifest.js",
-          preserveSignature: "strict"
-        });
-      },
-      resolveId(source) {
-        if (source === manifestId)
-          return manifestId;
-        return null;
-      },
-      load(id) {
-        if (id === manifestId)
-          return encodeManifest(manifest);
-        return null;
-      }
-    },
-    {
-      name: "crx:stub-input",
-      apply: "build",
-      enforce: "pre",
-      options({ input, ...options }) {
-        return {
-          input: isString(input) && input.endsWith("index.html") ? stubId : input,
-          ...options
-        };
-      },
-      resolveId(source) {
-        if (source === stubId)
-          return stubId;
-        return null;
-      },
-      load(id) {
-        if (id === stubId)
-          return `console.log('stub')`;
-        return null;
-      },
-      generateBundle(options, bundle) {
-        for (const [key, chunk] of Object.entries(bundle)) {
-          if (chunk.type === "chunk" && chunk.facadeModuleId === stubId) {
-            delete bundle[key];
-            break;
-          }
-        }
-      }
-    },
-    {
-      name: "crx:manifest-post",
-      apply: "build",
-      enforce: "post",
-      configResolved(_config) {
-        config = _config;
-        const plugins2 = config.plugins;
-        const crx = plugins2.findIndex(({ name }) => name === "crx:manifest-post");
-        const [plugin] = plugins2.splice(crx, 1);
-        plugins2.push(plugin);
-      },
-      async transform(code, id) {
-        if (id !== manifestId)
-          return;
-        let manifest2 = decodeManifest.call(this, code);
-        for (const plugin of plugins) {
-          try {
-            const m = structuredClone(manifest2);
-            const result = await plugin.transformCrxManifest?.call(this, m);
-            manifest2 = result ?? manifest2;
-          } catch (error) {
-            if (error instanceof Error)
-              error.message = `[${plugin.name}] ${error.message}`;
-            throw error;
-          }
-        }
-        if (manifest2.content_scripts?.length) {
-          manifest2.content_scripts = manifest2.content_scripts.map(({ js = [], ...rest }) => {
-            const refJS = js.map((file) => this.emitFile({
-              type: "chunk",
-              id: file,
-              name: basename(file)
-            }));
-            return { js: refJS, ...rest };
-          });
-        }
-        if (!this.meta.watchMode) {
-          if (manifest2.background?.service_worker) {
-            const file = manifest2.background.service_worker;
-            const refId2 = this.emitFile({
-              type: "chunk",
-              id: file,
-              name: basename(file)
-            });
-            manifest2.background.service_worker = refId2;
-          }
-          for (const file of htmlFiles(manifest2)) {
-            this.emitFile({
-              type: "chunk",
-              id: file,
-              name: basename(file)
-            });
-          }
-        }
-        const encoded = encodeManifest(manifest2);
-        return encoded;
-      },
-      async generateBundle(options, bundle) {
-        const manifestName = this.getFileName(refId);
-        const manifestJs = bundle[manifestName];
-        let manifest2 = decodeManifest.call(this, manifestJs.code);
-        if (manifest2.background?.service_worker && !this.meta.watchMode) {
-          const ref = manifest2.background.service_worker;
-          const name = this.getFileName(ref);
-          manifest2.background.service_worker = name;
-        }
-        manifest2.content_scripts = manifest2.content_scripts?.map(({ js = [], ...rest }) => {
-          const refJS = js.map((ref) => this.getFileName(ref));
-          return { js: refJS, ...rest };
-        });
-        manifest2.web_accessible_resources = manifest2.web_accessible_resources?.map(({ resources, ...rest }) => ({
-          resources: resources.map((r) => fg.isDynamicPattern(r) || r === dynamicResourcesName ? r : this.getFileName(r)),
-          ...rest
-        }));
-        for (const plugin of plugins) {
-          try {
-            const m = structuredClone(manifest2);
-            const result = await plugin.renderCrxManifest?.call(this, m, bundle);
-            manifest2 = result ?? manifest2;
-          } catch (error) {
-            const name = `[${plugin.name}]`;
-            let message = error;
-            if (error instanceof Error) {
-              message = colors.red(`${name} ${error.stack ? error.stack : error.message}`);
-            } else if (typeof error === "string") {
-              message = colors.red(`${name} ${error}`);
-            }
-            console.log(message);
-            throw new Error(`Error in ${plugin.name}.renderCrxManifest`);
-          }
-        }
-        const assetTypes = [
-          "icons",
-          "locales",
-          "rulesets",
-          "webAccessibleResources"
-        ];
-        const files = await manifestFiles(manifest2);
-        await Promise.all(assetTypes.map((k) => files[k]).flat().map(async (f) => {
-          if (typeof bundle[f] === "undefined") {
-            const filename = join(config.root, f);
-            this.emitFile({
-              type: "asset",
-              fileName: f,
-              source: await readFile(filename)
-            });
-          }
-        }));
-        const manifestJson = bundle["manifest.json"];
-        if (typeof manifestJson === "undefined") {
-          this.emitFile({
-            type: "asset",
-            fileName: "manifest.json",
-            source: JSON.stringify(manifest2, null, 2)
-          });
-        } else {
-          manifestJson.source = JSON.stringify(manifest2, null, 2);
-        }
-        delete bundle[manifestName];
-      }
-    }
-  ];
-};
-
 var workerHmrClient = "const ownOrigin = new URL(chrome.runtime.getURL(\"/\")).origin;\nself.addEventListener(\"fetch\", (fetchEvent) => {\n  const url = new URL(fetchEvent.request.url);\n  if (url.origin === ownOrigin) {\n    fetchEvent.respondWith(sendToServer(url));\n  }\n});\nasync function sendToServer(url) {\n  url.protocol = \"http:\";\n  url.host = \"localhost\";\n  url.port = __SERVER_PORT__;\n  url.searchParams.set(\"t\", Date.now().toString());\n  const response = await fetch(url.href.replace(/=$|=(?=&)/g, \"\"));\n  return new Response(response.body, {\n    headers: {\n      \"Content-Type\": response.headers.get(\"Content-Type\") ?? \"text/javascript\"\n    }\n  });\n}\nconst ports = /* @__PURE__ */ new Set();\nchrome.runtime.onConnect.addListener((port) => {\n  if (port.name === \"@crx/client\") {\n    ports.add(port);\n    port.onDisconnect.addListener((port2) => ports.delete(port2));\n    port.onMessage.addListener((message) => {\n    });\n    port.postMessage({ data: JSON.stringify({ type: \"connected\" }) });\n  }\n});\nfunction notifyContentScripts(payload) {\n  const data = JSON.stringify(payload);\n  for (const port of ports)\n    port.postMessage({ data });\n}\nconsole.log(\"[vite] connecting...\");\nconst socketProtocol = __HMR_PROTOCOL__ || (location.protocol === \"https:\" ? \"wss\" : \"ws\");\nconst socketHost = `${__HMR_HOSTNAME__ || location.hostname}:${__HMR_PORT__}`;\nconst socket = new WebSocket(`${socketProtocol}://${socketHost}`, \"vite-hmr\");\nconst base = __BASE__ || \"/\";\nsocket.addEventListener(\"message\", async ({ data }) => {\n  handleSocketMessage(JSON.parse(data));\n});\nfunction isCrxHmrPayload(x) {\n  return x.type === \"custom\" && x.event.startsWith(\"crx:\");\n}\nfunction handleSocketMessage(payload) {\n  if (isCrxHmrPayload(payload)) {\n    handleCrxHmrPayload(payload);\n  } else if (payload.type === \"connected\") {\n    console.log(`[vite] connected.`);\n    const interval = setInterval(() => socket.send(\"ping\"), __HMR_TIMEOUT__);\n    socket.addEventListener(\"close\", () => clearInterval(interval));\n  }\n}\nfunction handleCrxHmrPayload(payload) {\n  notifyContentScripts(payload);\n  switch (payload.event) {\n    case \"crx:runtime-reload\":\n      console.log(\"[crx] runtime reload\");\n      chrome.runtime.reload();\n      break;\n  }\n}\nasync function waitForSuccessfulPing(ms = 1e3) {\n  while (true) {\n    try {\n      await fetch(`${base}__vite_ping`);\n      break;\n    } catch (e) {\n      await new Promise((resolve) => setTimeout(resolve, ms));\n    }\n  }\n}\nsocket.addEventListener(\"close\", async ({ wasClean }) => {\n  if (wasClean)\n    return;\n  console.log(`[vite] server connection lost. polling for restart...`);\n  await waitForSuccessfulPing();\n  chrome.runtime.reload();\n});\n";
 
 function defineClientValues(code, config) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crxjs/vite-plugin",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Build Chrome Extensions with this Vite plugin.",
   "keywords": [
     "rollup-plugin",
@@ -72,7 +72,7 @@
     "jsesc": "^3.0.2",
     "magic-string": "^0.26.0",
     "picocolors": "^1.0.0",
-    "react-refresh": "^0.12.0",
+    "react-refresh": "^0.13.0",
     "rollup": "^2.70.2"
   },
   "devDependencies": {
@@ -95,11 +95,9 @@
     "@typescript-eslint/parser": "5.21.0",
     "@vitejs/plugin-react": "1.3.1",
     "@vitejs/plugin-vue": "2.3.1",
-    "@vue/compiler-sfc": "3.2.33",
-    "@vueuse/core": "8.3.1",
-    "@vueuse/router": "8.2.6",
     "esbuild": "0.14.38",
     "esbuild-runner": "2.2.1",
+    "eslint": "^8.14.0",
     "jest": "27.5.1",
     "jest-image-snapshot": "4.5.1",
     "playwright-chromium": "1.21.1",
@@ -109,7 +107,6 @@
     "rollup-plugin-dts": "^4.2.0",
     "rollup-plugin-esbuild": "4.9.1",
     "rxjs": "7.5.5",
-    "typescript": "4.6.3",
     "vite": "^2.9.5",
     "vite-plugin-inspect": "0.5.0",
     "vue": "3.2.33"