wxt 0.0.1

package/dist/index.js

@@ -0,0 +1,1441 @@
+// src/core/utils/getInternalConfig.ts
+import path2, { resolve as resolve7 } from "node:path";
+import * as vite from "vite";
+import { consola as consola2 } from "consola";
+
+// src/core/utils/importTsFile.ts
+import { consola } from "consola";
+import createJITI from "jiti";
+import transform from "jiti/dist/babel";
+import { resolve } from "path";
+import { scanExports } from "unimport";
+async function importTsFile(root, path5) {
+  const clientImports = await scanExports(
+    resolve(root, "node_modules/wxt/dist/client/index.js")
+  );
+  const jiti = createJITI(__filename, {
+    cache: false,
+    esmResolve: true,
+    interopDefault: true,
+    transform(opts) {
+      opts.source = opts.source.replace(/^import ['"].*\.css['"];?$/gm, "");
+      opts.source = opts.source.replace(
+        /^import\s+.*\s+from ['"]webextension-polyfill['"];?$/gm,
+        ""
+      );
+      if (opts.filename === path5) {
+        const imports = clientImports.map((i) => `import { ${i.name} } from "${i.from}";`).join("\n") + "\n";
+        opts.source = imports + opts.source;
+      }
+      return transform(opts);
+    }
+  });
+  try {
+    return await jiti(path5);
+  } catch (err) {
+    consola.error(`Failed to import file: ${path5}`);
+    throw err;
+  }
+}
+
+// src/core/utils/network.ts
+import dns from "node:dns";
+
+// src/core/utils/promises.ts
+function withTimeout(promise, duration) {
+  return new Promise((res, rej) => {
+    const timeout = setTimeout(() => {
+      rej(`Promise timed out after ${duration}ms`);
+    }, duration);
+    promise.then(res).catch(rej).finally(() => clearTimeout(timeout));
+  });
+}
+
+// src/core/utils/network.ts
+function isOffline() {
+  const isOffline2 = new Promise((res) => {
+    dns.resolve("google.com", (err) => {
+      if (err == null) {
+        res(false);
+      } else {
+        res(true);
+      }
+    });
+  });
+  return withTimeout(isOffline2, 1e3).catch(() => true);
+}
+async function isOnline() {
+  const offline = await isOffline();
+  return !offline;
+}
+async function fetchCached(url, config) {
+  let content = "";
+  if (await isOnline()) {
+    const res = await fetch(url);
+    if (res.status < 300) {
+      content = await res.text();
+      await config.fsCache.set(url, content);
+    } else {
+      config.logger.debug(
+        `Failed to download "${url}", falling back to cache...`
+      );
+    }
+  }
+  if (!content)
+    content = await config.fsCache.get(url) ?? "";
+  if (!content)
+    throw Error(
+      `Offline and "${url}" has not been cached. Try again when online.`
+    );
+  return content;
+}
+
+// src/core/vite-plugins/download.ts
+function download(config) {
+  return {
+    name: "wxt:download",
+    resolveId(id) {
+      if (id.startsWith("url:"))
+        return "\0" + id;
+    },
+    async load(id) {
+      if (!id.startsWith("\0url:"))
+        return;
+      const url = id.replace("\0url:", "");
+      return await fetchCached(url, config);
+    }
+  };
+}
+
+// src/core/vite-plugins/unimport.ts
+import { createUnimport } from "unimport";
+
+// src/core/utils/auto-imports.ts
+import { mergeConfig } from "vite";
+function getUnimportOptions(config) {
+  const defaultOptions = {
+    debugLog: config.logger.debug,
+    imports: [
+      { name: "*", as: "browser", from: "webextension-polyfill" },
+      { name: "defineConfig", from: "wxt" }
+    ],
+    presets: [{ package: "wxt/client" }],
+    warn: config.logger.warn,
+    dirs: ["components", "composables", "hooks", "utils"]
+  };
+  return mergeConfig(
+    defaultOptions,
+    config.imports
+  );
+}
+
+// src/core/vite-plugins/unimport.ts
+function unimport(config) {
+  const options = getUnimportOptions(config);
+  const unimport2 = createUnimport(options);
+  return {
+    name: "wxt:unimport",
+    async config() {
+      await unimport2.scanImportsFromDir(void 0, { cwd: config.srcDir });
+    },
+    async transform(code, id) {
+      return unimport2.injectImports(code, id);
+    }
+  };
+}
+
+// src/core/vite-plugins/multipageMove.ts
+import { dirname, extname, resolve as resolve3 } from "node:path";
+
+// src/core/utils/entrypoints.ts
+import path, { relative, resolve as resolve2 } from "node:path";
+function getEntrypointName(entrypointsDir, inputPath) {
+  const relativePath = path.relative(entrypointsDir, inputPath);
+  const name = relativePath.split(/[\.\/]/, 2)[0];
+  return name;
+}
+function getEntrypointOutputFile(entrypoint, ext) {
+  return resolve2(entrypoint.outputDir, `${entrypoint.name}${ext}`);
+}
+function getEntrypointBundlePath(entrypoint, outDir, ext) {
+  return relative(outDir, getEntrypointOutputFile(entrypoint, ext));
+}
+
+// src/core/vite-plugins/multipageMove.ts
+import fs, { ensureDir } from "fs-extra";
+function multipageMove(entrypoints, config) {
+  return {
+    name: "wxt:multipage-move",
+    async writeBundle(_, bundle) {
+      for (const oldBundlePath in bundle) {
+        const entrypoint = entrypoints.find(
+          (entry) => !!entry.inputPath.endsWith(oldBundlePath)
+        );
+        if (entrypoint == null) {
+          config.logger.debug("No entrypoint found for", oldBundlePath);
+          continue;
+        }
+        const newBundlePath = getEntrypointBundlePath(
+          entrypoint,
+          config.outDir,
+          extname(oldBundlePath)
+        );
+        if (newBundlePath === oldBundlePath) {
+          config.logger.debug(
+            "HTML file is already in the correct location",
+            oldBundlePath
+          );
+          continue;
+        }
+        const oldAbsPath = resolve3(config.outDir, oldBundlePath);
+        const newAbsPath = resolve3(config.outDir, newBundlePath);
+        await ensureDir(dirname(newAbsPath));
+        await fs.move(oldAbsPath, newAbsPath);
+        const renamedChunk = {
+          ...bundle[oldBundlePath],
+          fileName: newBundlePath
+        };
+        delete bundle[oldBundlePath];
+        bundle[newBundlePath] = renamedChunk;
+      }
+    }
+  };
+}
+
+// src/core/vite-plugins/devHtmlPrerender.ts
+import { parseHTML } from "linkedom";
+import { dirname as dirname2, isAbsolute, relative as relative2, resolve as resolve4 } from "path";
+function devHtmlPrerender(config) {
+  return {
+    apply: "build",
+    name: "wxt:dev-html-prerender",
+    async transform(html, id) {
+      const server = config.server;
+      if (config.command !== "serve" || server == null || !id.endsWith(".html"))
+        return;
+      const originalUrl = `${server.origin}${id}`;
+      const name = getEntrypointName(config.entrypointsDir, id);
+      const url = `${server.origin}/${name}.html`;
+      const serverHtml = await server.transformIndexHtml(
+        url,
+        html,
+        originalUrl
+      );
+      const { document } = parseHTML(serverHtml);
+      const pointToDevServer = (querySelector, attr) => {
+        document.querySelectorAll(querySelector).forEach((element) => {
+          const src = element.getAttribute(attr);
+          if (!src)
+            return;
+          if (isAbsolute(src)) {
+            element.setAttribute(attr, server.origin + src);
+          } else if (src.startsWith(".")) {
+            const abs = resolve4(dirname2(id), src);
+            const pathname = relative2(config.root, abs);
+            element.setAttribute(attr, `${server.origin}/${pathname}`);
+          }
+        });
+      };
+      pointToDevServer("script[type=module]", "src");
+      pointToDevServer("link[rel=stylesheet]", "href");
+      const newHtml = document.toString();
+      config.logger.debug("Transformed " + id);
+      config.logger.debug("Old HTML:\n" + html);
+      config.logger.debug("New HTML:\n" + newHtml);
+      return newHtml;
+    }
+  };
+}
+
+// src/core/vite-plugins/virtualEntrypoint.ts
+import fs2 from "fs-extra";
+import { resolve as resolve5 } from "path";
+function virtualEntrypoin(type, config) {
+  const virtualId = `virtual:wxt-${type}?`;
+  const resolvedVirtualId = `\0${virtualId}`;
+  return {
+    name: `wxt:virtual-entrypoint`,
+    resolveId(id) {
+      const index = id.indexOf(virtualId);
+      if (index === -1)
+        return;
+      const inputPath = id.substring(index + virtualId.length);
+      return resolvedVirtualId + inputPath;
+    },
+    async load(id) {
+      if (!id.startsWith(resolvedVirtualId))
+        return;
+      const inputPath = id.replace(resolvedVirtualId, "");
+      const template = await fs2.readFile(
+        resolve5(config.root, `node_modules/wxt/templates/virtual-${type}.ts`),
+        "utf-8"
+      );
+      return template.replaceAll("{{moduleId}}", inputPath);
+    }
+  };
+}
+
+// src/core/utils/createFsCache.ts
+import fs3, { ensureDir as ensureDir2 } from "fs-extra";
+import { dirname as dirname3, resolve as resolve6 } from "path";
+function createFsCache(wxtDir) {
+  const getPath = (key) => resolve6(wxtDir, "cache", encodeURIComponent(key));
+  return {
+    async set(key, value) {
+      const path5 = getPath(key);
+      await ensureDir2(dirname3(path5));
+      await fs3.writeFile(path5, value, "utf-8");
+    },
+    async get(key) {
+      const path5 = getPath(key);
+      try {
+        return await fs3.readFile(path5, "utf-8");
+      } catch {
+        return void 0;
+      }
+    }
+  };
+}
+
+// src/core/utils/globals.ts
+function getGlobals(config) {
+  return [
+    {
+      name: "__MANIFEST_VERSION__",
+      value: config.manifestVersion,
+      type: `2 | 3`
+    },
+    {
+      name: "__BROWSER__",
+      value: config.browser,
+      type: `"chromium" | "firefox"`
+    },
+    {
+      name: "__IS_CHROME__",
+      value: config.browser === "chrome",
+      type: `boolean`
+    },
+    {
+      name: "__IS_FIREFOX__",
+      value: config.browser === "firefox",
+      type: `boolean`
+    },
+    {
+      name: "__IS_SAFARI__",
+      value: config.browser === "safari",
+      type: `boolean`
+    },
+    {
+      name: "__IS_EDGE__",
+      value: config.browser === "edge",
+      type: `boolean`
+    },
+    {
+      name: "__IS_OPERA__",
+      value: config.browser === "opera",
+      type: `boolean`
+    }
+  ];
+}
+
+// src/core/utils/getInternalConfig.ts
+import { loadConfig } from "c12";
+async function getInternalConfig(config, command) {
+  const root = config.root ? path2.resolve(config.root) : process.cwd();
+  const mode = config.mode ?? (command === "build" ? "production" : "development");
+  const browser = config.browser ?? "chrome";
+  const manifestVersion = config.manifestVersion ?? (browser == "firefox" ? 2 : 3);
+  const outBaseDir = path2.resolve(root, ".output");
+  const outDir = path2.resolve(outBaseDir, `${browser}-mv${manifestVersion}`);
+  const logger = config.logger ?? consola2;
+  const baseConfig = {
+    root,
+    outDir,
+    outBaseDir,
+    storeIds: config.storeIds ?? {},
+    browser,
+    manifestVersion,
+    mode,
+    command,
+    logger,
+    vite: config.vite ?? {},
+    manifest: config.manifest ?? {},
+    imports: config.imports ?? {},
+    runnerConfig: await loadConfig({
+      name: "web-ext",
+      cwd: root,
+      globalRc: true,
+      rcFile: ".webextrc",
+      overrides: config.runner
+    })
+  };
+  let userConfig = {
+    mode
+  };
+  if (config.configFile !== false) {
+    userConfig = await importTsFile(
+      root,
+      path2.resolve(root, config.configFile ?? "wxt.config.ts")
+    );
+  }
+  const merged = vite.mergeConfig(
+    baseConfig,
+    userConfig
+  );
+  const srcDir = userConfig.srcDir ? resolve7(root, userConfig.srcDir) : root;
+  const entrypointsDir = resolve7(
+    srcDir,
+    userConfig.entrypointsDir ?? "entrypoints"
+  );
+  const publicDir = resolve7(srcDir, userConfig.publicDir ?? "public");
+  const wxtDir = resolve7(srcDir, ".wxt");
+  const typesDir = resolve7(wxtDir, "types");
+  const finalConfig = {
+    ...merged,
+    srcDir,
+    entrypointsDir,
+    publicDir,
+    wxtDir,
+    typesDir,
+    fsCache: createFsCache(wxtDir)
+  };
+  finalConfig.vite.root = root;
+  finalConfig.vite.configFile = false;
+  finalConfig.vite.logLevel = "silent";
+  finalConfig.vite.build ??= {};
+  finalConfig.vite.build.outDir = outDir;
+  finalConfig.vite.build.emptyOutDir = false;
+  finalConfig.vite.plugins ??= [];
+  finalConfig.vite.plugins.push(download(finalConfig));
+  finalConfig.vite.plugins.push(devHtmlPrerender(finalConfig));
+  finalConfig.vite.plugins.push(unimport(finalConfig));
+  finalConfig.vite.plugins.push(
+    virtualEntrypoin("background", finalConfig)
+  );
+  finalConfig.vite.plugins.push(
+    virtualEntrypoin("content-script", finalConfig)
+  );
+  finalConfig.vite.define ??= {};
+  getGlobals(finalConfig).forEach((global) => {
+    finalConfig.vite.define[global.name] = JSON.stringify(global.value);
+  });
+  return finalConfig;
+}
+
+// src/core/build/findEntrypoints.ts
+import { relative as relative3, resolve as resolve8 } from "path";
+import fs4 from "fs-extra";
+import picomatch from "picomatch";
+import { parseHTML as parseHTML2 } from "linkedom";
+import JSON5 from "json5";
+import glob from "fast-glob";
+async function findEntrypoints(config) {
+  const relativePaths = await glob("**/*", {
+    cwd: config.entrypointsDir
+  });
+  relativePaths.sort();
+  const pathGlobs = Object.keys(PATH_GLOB_TO_TYPE_MAP);
+  const existingNames = {};
+  const entrypoints = [];
+  await Promise.all(
+    relativePaths.map(async (relativePath) => {
+      const path5 = resolve8(config.entrypointsDir, relativePath);
+      const matchingGlob = pathGlobs.find(
+        (glob3) => picomatch.isMatch(relativePath, glob3)
+      );
+      if (matchingGlob == null) {
+        return config.logger.warn(
+          `${relativePath} does not match any known entrypoint. Known entrypoints:
+${JSON.stringify(
+            PATH_GLOB_TO_TYPE_MAP,
+            null,
+            2
+          )}`
+        );
+      }
+      const type = PATH_GLOB_TO_TYPE_MAP[matchingGlob];
+      if (type === "ignored")
+        return;
+      let entrypoint;
+      switch (type) {
+        case "popup":
+          entrypoint = await getPopupEntrypoint(config, path5);
+          break;
+        case "options":
+          entrypoint = await getOptionsEntrypoint(config, path5);
+          break;
+        case "background":
+          entrypoint = await getBackgroundEntrypoint(config, path5);
+          break;
+        case "content-script":
+          entrypoint = await getContentScriptEntrypoint(
+            config,
+            relativePath.split(".", 2)[0],
+            path5
+          );
+          break;
+        default:
+          entrypoint = {
+            type,
+            name: getEntrypointName(config.entrypointsDir, path5),
+            inputPath: path5,
+            outputDir: config.outDir
+          };
+      }
+      const withSameName = existingNames[entrypoint.name];
+      if (withSameName) {
+        throw Error(
+          `Multiple entrypoints with the name "${entrypoint.name}" detected, but only one is allowed: ${[
+            relative3(config.root, withSameName.inputPath),
+            relative3(config.root, entrypoint.inputPath)
+          ].join(", ")}`
+        );
+      }
+      entrypoints.push(entrypoint);
+      existingNames[entrypoint.name] = entrypoint;
+    })
+  );
+  return entrypoints;
+}
+async function getPopupEntrypoint(config, path5) {
+  const options = {};
+  const content = await fs4.readFile(path5, "utf-8");
+  const { document } = parseHTML2(content);
+  const title = document.querySelector("title");
+  if (title != null)
+    options.defaultTitle = title.textContent ?? void 0;
+  const defaultIconContent = document.querySelector("meta[name='manifest.default_icon']")?.getAttribute("content");
+  if (defaultIconContent) {
+    try {
+      options.defaultIcon = JSON5.parse(defaultIconContent);
+    } catch (err) {
+      config.logger.fatal(
+        `Failed to parse default_icon meta tag content as JSON5. content=${defaultIconContent}`,
+        err
+      );
+    }
+  }
+  const mv2KeyContent = document.querySelector("meta[name='manifest.type']")?.getAttribute("content");
+  if (mv2KeyContent) {
+    options.mv2Key = mv2KeyContent === "page_action" ? "page_action" : "browser_action";
+  }
+  return {
+    type: "popup",
+    name: "popup",
+    options,
+    inputPath: path5,
+    outputDir: config.outDir
+  };
+}
+async function getOptionsEntrypoint(config, path5) {
+  const options = {};
+  const content = await fs4.readFile(path5, "utf-8");
+  const { document } = parseHTML2(content);
+  const openInTabContent = document.querySelector("meta[name='manifest.open_in_tab']")?.getAttribute("content");
+  if (openInTabContent) {
+    options.openInTab = Boolean(openInTabContent);
+  }
+  const chromeStyleContent = document.querySelector("meta[name='manifest.chrome_style']")?.getAttribute("content");
+  if (chromeStyleContent) {
+    options.chromeStyle = Boolean(chromeStyleContent);
+  }
+  const browserStyleContent = document.querySelector("meta[name='manifest.browser_style']")?.getAttribute("content");
+  if (browserStyleContent) {
+    options.browserStyle = Boolean(browserStyleContent);
+  }
+  return {
+    type: "options",
+    name: "options",
+    options,
+    inputPath: path5,
+    outputDir: config.outDir
+  };
+}
+async function getBackgroundEntrypoint(config, path5) {
+  const { main: _, ...options } = await importTsFile(config.root, path5);
+  if (options == null) {
+    throw Error("Background script does not have a default export");
+  }
+  return {
+    type: "background",
+    name: "background",
+    inputPath: path5,
+    outputDir: config.outDir,
+    options
+  };
+}
+async function getContentScriptEntrypoint(config, name, path5) {
+  const { main: _, ...options } = await importTsFile(
+    config.root,
+    path5
+  );
+  if (options == null) {
+    throw Error(`Content script ${name} does not have a default export`);
+  }
+  return {
+    type: "content-script",
+    name: getEntrypointName(config.entrypointsDir, path5),
+    inputPath: path5,
+    outputDir: resolve8(config.outDir, "content-scripts"),
+    options
+  };
+}
+var PATH_GLOB_TO_TYPE_MAP = {
+  "sandbox.html": "sandbox",
+  "sandbox/index.html": "sandbox",
+  "*.sandbox.html": "sandbox",
+  "*.sandbox/index.html": "sandbox",
+  "bookmarks.html": "bookmarks",
+  "bookmarks/index.html": "bookmarks",
+  "history.html": "history",
+  "history/index.html": "history",
+  "newtab.html": "newtab",
+  "newtab/index.html": "newtab",
+  "sidepanel.html": "sidepanel",
+  "sidepanel/index.html": "sidepanel",
+  "*.sidepanel.html": "sidepanel",
+  "*.sidepanel/index.html": "sidepanel",
+  "devtools.html": "devtools",
+  "devtools/index.html": "devtools",
+  "background.ts": "background",
+  "*.content.ts?(x)": "content-script",
+  "*.content/index.ts?(x)": "content-script",
+  "popup.html": "popup",
+  "popup/index.html": "popup",
+  "options.html": "options",
+  "options/index.html": "options",
+  "*.html": "unlisted-page",
+  "*/index.html": "unlisted-page",
+  "*.ts": "unlisted-script",
+  // Don't warn about any files in subdirectories, like CSS or JS entrypoints for HTML files
+  "*/*": "ignored"
+};
+
+// src/core/build/buildEntrypoints.ts
+import * as vite2 from "vite";
+
+// src/core/utils/groupEntrypoints.ts
+function groupEntrypoints(entrypoints) {
+  const groupIndexMap = {};
+  const groups = [];
+  for (const entry of entrypoints) {
+    const group = ENTRY_TYPE_TO_GROUP_MAP[entry.type];
+    if (group === "no-group") {
+      groups.push(entry);
+    } else {
+      let groupIndex = groupIndexMap[group];
+      if (groupIndex == null) {
+        groupIndex = groups.push([]) - 1;
+        groupIndexMap[group] = groupIndex;
+      }
+      groups[groupIndex].push(entry);
+    }
+  }
+  return groups;
+}
+var ENTRY_TYPE_TO_GROUP_MAP = {
+  sandbox: "sandbox-page",
+  popup: "extension-page",
+  newtab: "extension-page",
+  history: "extension-page",
+  options: "extension-page",
+  devtools: "extension-page",
+  bookmarks: "extension-page",
+  sidepanel: "extension-page",
+  "unlisted-page": "extension-page",
+  background: "no-group",
+  "content-script": "no-group",
+  "unlisted-script": "no-group"
+};
+
+// src/core/utils/removeEmptyDirs.ts
+import fs5 from "fs-extra";
+import path3 from "path";
+async function removeEmptyDirs(dir) {
+  const files = await fs5.readdir(dir);
+  for (const file of files) {
+    const filePath = path3.join(dir, file);
+    const stats = await fs5.stat(filePath);
+    if (stats.isDirectory()) {
+      await removeEmptyDirs(filePath);
+    }
+  }
+  try {
+    await fs5.rmdir(dir);
+  } catch {
+  }
+}
+
+// src/core/build/buildEntrypoints.ts
+import glob2 from "fast-glob";
+import fs6 from "fs-extra";
+import { dirname as dirname4, resolve as resolve9 } from "path";
+async function buildEntrypoints(entrypoints, config) {
+  const groups = groupEntrypoints(entrypoints);
+  const outputs = [];
+  for (const group of groups) {
+    const output = Array.isArray(group) ? await buildMultipleEntrypoints(group, config) : await buildSingleEntrypoint(group, config);
+    outputs.push(output);
+  }
+  const publicOutput = await copyPublicDirectory(config);
+  outputs.push(publicOutput);
+  await removeEmptyDirs(config.outDir);
+  return outputs.flat();
+}
+async function buildSingleEntrypoint(entrypoint, config) {
+  const isVirtual = ["background", "content-script"].includes(entrypoint.type);
+  const entry = isVirtual ? `virtual:wxt-${entrypoint.type}?${entrypoint.inputPath}` : entrypoint.inputPath;
+  const libMode = {
+    build: {
+      lib: {
+        entry,
+        formats: ["iife"],
+        name: entrypoint.name,
+        fileName: entrypoint.name
+      },
+      rollupOptions: {
+        output: {
+          entryFileNames: getEntrypointBundlePath(
+            entrypoint,
+            config.outDir,
+            ".js"
+          ),
+          // Output content script CSS to assets/ with a hash to prevent conflicts. Defaults to
+          // "[name].[ext]" in lib mode, which usually results in "style.css". That means multiple
+          // content scripts with styles would overwrite each other if it weren't changed below.
+          assetFileNames: `assets/${entrypoint.name}-[hash].[ext]`
+        }
+      }
+    }
+  };
+  const entryConfig = vite2.mergeConfig(
+    libMode,
+    config.vite
+  );
+  const result = await vite2.build(entryConfig);
+  return getBuildOutput(result);
+}
+async function buildMultipleEntrypoints(entrypoints, config) {
+  const multiPage = {
+    plugins: [multipageMove(entrypoints, config)],
+    build: {
+      rollupOptions: {
+        input: entrypoints.reduce((input, entry) => {
+          input[entry.name] = entry.inputPath;
+          return input;
+        }, {})
+      }
+    }
+  };
+  const entryConfig = vite2.mergeConfig(
+    multiPage,
+    config.vite
+  );
+  const result = await vite2.build(entryConfig);
+  return getBuildOutput(result);
+}
+function getBuildOutput(result) {
+  if ("on" in result)
+    throw Error("wxt does not support vite watch mode.");
+  if (Array.isArray(result))
+    return result.flatMap(({ output }) => output);
+  return result.output;
+}
+async function copyPublicDirectory(config) {
+  if (!await fs6.exists(config.publicDir))
+    return [];
+  const files = await glob2("**/*", { cwd: config.publicDir });
+  const outputs = [];
+  for (const file of files) {
+    const srcPath = resolve9(config.publicDir, file);
+    const outPath = resolve9(config.outDir, file);
+    await fs6.ensureDir(dirname4(outPath));
+    await fs6.copyFile(srcPath, outPath);
+    outputs.push({
+      type: "asset",
+      fileName: file,
+      name: file,
+      needsCodeReference: false,
+      source: await fs6.readFile(srcPath)
+    });
+  }
+  return outputs;
+}
+
+// src/core/utils/manifest.ts
+import fs7 from "fs-extra";
+import { resolve as resolve10 } from "path";
+
+// src/core/utils/ContentSecurityPolicy.ts
+var ContentSecurityPolicy = class _ContentSecurityPolicy {
+  static DIRECTIVE_ORDER = {
+    "default-src": 0,
+    "script-src": 1,
+    "object-src": 2
+  };
+  data;
+  constructor(csp) {
+    if (csp) {
+      const sections = csp.split(";").map((section) => section.trim());
+      this.data = sections.reduce((data, section) => {
+        const [key, ...values] = section.split(" ").map((item) => item.trim());
+        if (key)
+          data[key] = values;
+        return data;
+      }, {});
+    } else {
+      this.data = {};
+    }
+  }
+  /**
+   * Ensure a set of values are listed under a directive.
+   */
+  add(directive, ...newValues) {
+    const values = this.data[directive] ?? [];
+    newValues.forEach((newValue) => {
+      if (!values.includes(newValue))
+        values.push(newValue);
+    });
+    this.data[directive] = values;
+    return this;
+  }
+  toString() {
+    const directives = Object.entries(this.data).sort(([l], [r]) => {
+      const lo = _ContentSecurityPolicy.DIRECTIVE_ORDER[l] ?? 2;
+      const ro = _ContentSecurityPolicy.DIRECTIVE_ORDER[r] ?? 2;
+      return lo - ro;
+    });
+    return directives.map((entry) => entry.flat().join(" ")).join("; ") + ";";
+  }
+};
+
+// src/core/utils/manifest.ts
+async function writeManifest(manifest, output, config) {
+  const str = config.mode === "production" ? JSON.stringify(manifest) : JSON.stringify(manifest, null, 2);
+  await fs7.ensureDir(config.outDir);
+  await fs7.writeFile(resolve10(config.outDir, "manifest.json"), str, "utf-8");
+  output.unshift({
+    type: "asset",
+    fileName: "manifest.json",
+    name: "manifest",
+    needsCodeReference: false,
+    source: str
+  });
+}
+async function generateMainfest(entrypoints, buildOutput, config) {
+  const pkg = await getPackageJson(config);
+  if (pkg.version == null)
+    throw Error("package.json does not include a version");
+  if (pkg.name == null)
+    throw Error("package.json does not include a name");
+  if (pkg.description == null)
+    throw Error("package.json does not include a description");
+  const manifest = {
+    manifest_version: config.manifestVersion,
+    name: pkg.name,
+    short_name: pkg.shortName,
+    version: simplifyVersion(pkg.version),
+    version_name: config.browser === "firefox" ? void 0 : pkg.version,
+    ...config.manifest
+  };
+  addEntrypoints(manifest, entrypoints, buildOutput, config);
+  if (config.command === "serve")
+    addDevModeCsp(manifest, config);
+  return manifest;
+}
+async function getPackageJson(config) {
+  return await fs7.readJson(resolve10(config.root, "package.json"));
+}
+function simplifyVersion(versionName) {
+  const version3 = /^((0|[1-9][0-9]{0,8})([.](0|[1-9][0-9]{0,8})){0,3}).*$/.exec(
+    versionName
+  )?.[1];
+  if (version3 == null)
+    throw Error(
+      `Cannot simplify package.json version "${versionName}" to a valid extension version, "X.Y.Z"`
+    );
+  return version3;
+}
+function addEntrypoints(manifest, entrypoints, buildOutput, config) {
+  const entriesByType = entrypoints.reduce((map, entrypoint) => {
+    map[entrypoint.type] ??= [];
+    map[entrypoint.type]?.push(entrypoint);
+    return map;
+  }, {});
+  const background = entriesByType["background"]?.[0];
+  const bookmarks = entriesByType["bookmarks"]?.[0];
+  const contentScripts = entriesByType["content-script"];
+  const devtools = entriesByType["devtools"]?.[0];
+  const history = entriesByType["history"]?.[0];
+  const newtab = entriesByType["newtab"]?.[0];
+  const options = entriesByType["options"]?.[0];
+  const popup = entriesByType["popup"]?.[0];
+  const sandboxes = entriesByType["sandbox"];
+  const sidepanels = entriesByType["sidepanel"];
+  if (background) {
+    const script = getEntrypointBundlePath(background, config.outDir, ".js");
+    if (manifest.manifest_version === 3) {
+      manifest.background = {
+        type: background.options.type,
+        service_worker: script
+      };
+    } else {
+      manifest.background = {
+        persistent: background.options.persistent,
+        scripts: [script]
+      };
+    }
+  }
+  if (bookmarks) {
+    if (config.browser === "firefox") {
+      config.logger.warn(
+        "Bookmarks are not supported by Firefox. chrome_url_overrides.bookmarks was not added to the manifest"
+      );
+    } else {
+      manifest.chrome_url_overrides ??= {};
+      manifest.chrome_url_overrides.bookmarks = getEntrypointBundlePath(
+        bookmarks,
+        config.outDir,
+        ".html"
+      );
+    }
+  }
+  if (history) {
+    if (config.browser === "firefox") {
+      config.logger.warn(
+        "Bookmarks are not supported by Firefox. chrome_url_overrides.history was not added to the manifest"
+      );
+    } else {
+      manifest.chrome_url_overrides ??= {};
+      manifest.chrome_url_overrides.history = getEntrypointBundlePath(
+        history,
+        config.outDir,
+        ".html"
+      );
+    }
+  }
+  if (newtab) {
+    manifest.chrome_url_overrides ??= {};
+    manifest.chrome_url_overrides.newtab = getEntrypointBundlePath(
+      newtab,
+      config.outDir,
+      ".html"
+    );
+  }
+  if (popup) {
+    const default_popup = getEntrypointBundlePath(
+      popup,
+      config.outDir,
+      ".html"
+    );
+    const options2 = {
+      default_icon: popup.options.defaultIcon,
+      default_title: popup.options.defaultTitle
+    };
+    if (manifest.manifest_version === 3) {
+      manifest.action = {
+        ...options2,
+        default_popup
+      };
+    } else {
+      manifest[popup.options.mv2Key ?? "browser_action"] = {
+        ...options2,
+        default_popup
+      };
+    }
+  }
+  if (devtools) {
+    manifest.devtools_page = getEntrypointBundlePath(
+      devtools,
+      config.outDir,
+      ".html"
+    );
+  }
+  if (options) {
+    const page = getEntrypointBundlePath(options, config.outDir, ".html");
+    manifest.options_ui = {
+      open_in_tab: options.options.openInTab,
+      browser_style: config.browser === "firefox" ? options.options.browserStyle : void 0,
+      chrome_style: config.browser !== "firefox" ? options.options.chromeStyle : void 0,
+      page
+    };
+  }
+  if (sandboxes?.length) {
+    if (config.browser === "firefox") {
+      config.logger.warn(
+        "Sandboxed pages not supported by Firefox. sandbox.pages was not added to the manifest"
+      );
+    } else {
+      manifest.sandbox = {
+        pages: sandboxes.map(
+          (entry) => getEntrypointBundlePath(entry, config.outDir, ".html")
+        )
+      };
+    }
+  }
+  if (sidepanels?.length) {
+    const defaultSidepanel = sidepanels.find((entry) => entry.name === "sidepanel") ?? sidepanels[0];
+    const page = getEntrypointBundlePath(
+      defaultSidepanel,
+      config.outDir,
+      ".html"
+    );
+    if (config.browser === "firefox") {
+      manifest.sidebar_action = {
+        // TODO: Add options to side panel
+        // ...defaultSidepanel.options,
+        default_panel: page
+      };
+    } else if (config.manifestVersion === 3) {
+      manifest.side_panel = {
+        default_path: page
+      };
+    } else {
+      config.logger.warn(
+        "Side panel not supported by Chromium using MV2. side_panel.default_path was not added to the manifest"
+      );
+    }
+  }
+  if (contentScripts?.length) {
+    if (config.command === "serve") {
+      const permissionsKey = config.manifestVersion === 2 ? "permissions" : "host_permissions";
+      const hostPermissions = new Set(manifest[permissionsKey] ?? []);
+      contentScripts.forEach((script) => {
+        script.options.matches.forEach((matchPattern) => {
+          hostPermissions.add(matchPattern);
+        });
+      });
+      manifest[permissionsKey] = Array.from(hostPermissions).sort();
+    } else {
+      const hashToEntrypointsMap = contentScripts.reduce((map, script) => {
+        const hash = JSON.stringify(script.options);
+        if (!map.has(hash)) {
+          map.set(hash, [script]);
+        } else {
+          map.get(hash)?.push(script);
+        }
+        return map;
+      }, /* @__PURE__ */ new Map());
+      manifest.content_scripts = Array.from(hashToEntrypointsMap.entries()).map(
+        ([, scripts]) => ({
+          ...scripts[0].options,
+          // TOOD: Sorting css and js arrays here so we get consistent test results... but we
+          // shouldn't have to. Where is the inconsistency coming from?
+          css: getContentScriptCssFiles(scripts, buildOutput)?.sort(),
+          js: scripts.map(
+            (entry) => getEntrypointBundlePath(entry, config.outDir, ".js")
+          ).sort()
+        })
+      );
+    }
+  }
+}
+function addDevModeCsp(manifest, config) {
+  const permission = `http://${config.server?.hostname ?? ""}/*`;
+  const allowedCsp = config.server?.origin ?? "http://localhost:*";
+  if (manifest.manifest_version === 3) {
+    manifest.host_permissions ??= [];
+    if (!manifest.host_permissions.includes(permission))
+      manifest.host_permissions.push(permission);
+  } else {
+    manifest.permissions ??= [];
+    if (!manifest.permissions.includes(permission))
+      manifest.permissions.push(permission);
+  }
+  const csp = new ContentSecurityPolicy(
+    manifest.manifest_version === 3 ? (
+      // @ts-expect-error: extension_pages is not typed
+      manifest.content_security_policy?.extension_pages ?? "script-src 'self' 'wasm-unsafe-eval'; object-src 'self';"
+    ) : manifest.content_security_policy ?? "script-src 'self'; object-src 'self';"
+    // default CSP for MV2
+  );
+  if (config.server)
+    csp.add("script-src", allowedCsp);
+  if (manifest.manifest_version === 3) {
+    manifest.content_security_policy ??= {};
+    manifest.content_security_policy.extension_pages = csp.toString();
+  } else {
+    manifest.content_security_policy = csp.toString();
+  }
+}
+function getContentScriptCssFiles(contentScripts, buildOutput) {
+  const css = [];
+  contentScripts.forEach((script) => {
+    const cssRegex = new RegExp(`^assets/${script.name}-[a-f0-9]{8}.css$`);
+    const relatedCss = buildOutput.find(
+      (chunk) => chunk.fileName.match(cssRegex)
+    );
+    if (relatedCss)
+      css.push(relatedCss.fileName);
+  });
+  if (css.length > 0)
+    return css;
+  return void 0;
+}
+
+// src/core/log/printBuildSummary.ts
+import path4, { extname as extname2, relative as relative4, resolve as resolve11 } from "path";
+
+// src/core/log/printTable.ts
+function printTable(log, rows, gap = 2) {
+  if (rows.length === 0)
+    return;
+  const columnWidths = rows.reduce(
+    (widths, row) => {
+      for (let i = 0; i < Math.max(widths.length, row.length); i++) {
+        widths[i] = Math.max(row[i]?.length ?? 0, widths[i] ?? 0);
+      }
+      return widths;
+    },
+    rows[0].map((column) => column.length)
+  );
+  let str = "";
+  rows.forEach((row, i) => {
+    row.forEach((col, j) => {
+      str += col.padEnd(columnWidths[j], " ");
+      if (j !== row.length - 1)
+        str += "".padEnd(gap, " ");
+    });
+    if (i !== rows.length - 1)
+      str += "\n";
+  });
+  log(str);
+}
+
+// src/core/log/printBuildSummary.ts
+import pc from "picocolors";
+import fs8 from "fs-extra";
+import { filesize } from "filesize";
+async function printBuildSummary(output, config) {
+  const chunks = output.sort((l, r) => {
+    const lWeight = CHUNK_SORT_WEIGHTS[l.fileName] ?? CHUNK_SORT_WEIGHTS[extname2(l.fileName)] ?? DEFAULT_SORT_WEIGHT;
+    const rWeight = CHUNK_SORT_WEIGHTS[r.fileName] ?? CHUNK_SORT_WEIGHTS[extname2(r.fileName)] ?? DEFAULT_SORT_WEIGHT;
+    const diff = lWeight - rWeight;
+    if (diff !== 0)
+      return diff;
+    return l.fileName.localeCompare(r.fileName);
+  });
+  let totalSize = 0;
+  const chunkRows = await Promise.all(
+    chunks.map(async (chunk, i) => {
+      const file = [
+        relative4(process.cwd(), config.outDir) + path4.sep,
+        chunk.fileName
+      ];
+      const ext = extname2(chunk.fileName);
+      const prefix = i === chunks.length - 1 ? "  \u2514\u2500" : "  \u251C\u2500";
+      const color = CHUNK_COLORS[ext] ?? DEFAULT_COLOR;
+      const stats = await fs8.lstat(resolve11(config.outDir, chunk.fileName));
+      totalSize += stats.size;
+      const size = String(filesize(stats.size));
+      return [
+        `${pc.gray(prefix)} ${pc.dim(file[0])}${color(file[1])}`,
+        pc.dim(size)
+      ];
+    })
+  );
+  printTable(config.logger.log, chunkRows);
+  config.logger.log(
+    `${pc.cyan("\u03A3 Total size:")} ${String(filesize(totalSize))}`
+  );
+}
+var DEFAULT_SORT_WEIGHT = 100;
+var CHUNK_SORT_WEIGHTS = {
+  "manifest.json": 0,
+  ".html": 1,
+  ".js": 2,
+  ".css": 3
+};
+var DEFAULT_COLOR = pc.blue;
+var CHUNK_COLORS = {
+  ".html": pc.green,
+  ".css": pc.magenta,
+  ".js": pc.cyan
+};
+
+// src/index.ts
+import fs10 from "fs-extra";
+
+// src/core/build/generateTypesDir.ts
+import { createUnimport as createUnimport2 } from "unimport";
+import fs9 from "fs-extra";
+import { relative as relative5, resolve as resolve12 } from "path";
+async function generateTypesDir(entrypoints, config) {
+  await fs9.ensureDir(config.typesDir);
+  const references = [];
+  references.push(await writeImportsDeclarationFile(config));
+  references.push(await writePathsDeclarationFile(entrypoints, config));
+  references.push(await writeGlobalsDeclarationFile(config));
+  const mainReference = await writeMainDeclarationFile(references, config);
+  await writeTsConfigFile(mainReference, config);
+}
+async function writeImportsDeclarationFile(config) {
+  const filePath = resolve12(config.typesDir, "imports.d.ts");
+  const unimport2 = createUnimport2(getUnimportOptions(config));
+  await unimport2.scanImportsFromDir(void 0, { cwd: config.srcDir });
+  await fs9.writeFile(
+    filePath,
+    ["// Generated by wxt", await unimport2.generateTypeDeclarations()].join(
+      "\n"
+    ) + "\n"
+  );
+  return filePath;
+}
+async function writePathsDeclarationFile(entrypoints, config) {
+  const filePath = resolve12(config.typesDir, "paths.d.ts");
+  await fs9.writeFile(
+    filePath,
+    [
+      "// Generated by wxt",
+      "type EntrypointPath =",
+      ...entrypoints.map((entry) => {
+        const path5 = getEntrypointBundlePath(
+          entry,
+          config.outDir,
+          entry.inputPath.endsWith(".html") ? ".html" : ".js"
+        );
+        return `  | "/${path5}"`;
+      }).sort()
+    ].join("\n") + "\n"
+  );
+  return filePath;
+}
+async function writeGlobalsDeclarationFile(config) {
+  const filePath = resolve12(config.typesDir, "globals.d.ts");
+  const globals = getGlobals(config);
+  await fs9.writeFile(
+    filePath,
+    [
+      "// Generated by wxt",
+      "export {}",
+      "declare global {",
+      ...globals.map((global) => `  const ${global.name}: ${global.type};`),
+      "}"
+    ].join("\n") + "\n",
+    "utf-8"
+  );
+  return filePath;
+}
+async function writeMainDeclarationFile(references, config) {
+  const dir = config.wxtDir;
+  const filePath = resolve12(dir, "wxt.d.ts");
+  await fs9.writeFile(
+    filePath,
+    [
+      "// Generated by wxt",
+      ...references.map(
+        (ref) => `/// <reference types="./${relative5(dir, ref)}" />`
+      )
+    ].join("\n") + "\n"
+  );
+  return filePath;
+}
+async function writeTsConfigFile(mainReference, config) {
+  const dir = config.wxtDir;
+  await fs9.writeFile(
+    resolve12(dir, "tsconfig.json"),
+    `{
+  "compilerOptions": {
+    "target": "ESNext",
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "noEmit": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true,
+
+    /* Type Checking */
+    "strict": true,
+
+    /* Completeness */
+    "skipLibCheck": true
+  },
+  "include": [
+    "${relative5(dir, config.root)}/**/*",
+    "./${relative5(dir, mainReference)}"
+  ],
+  "exclude": ["${relative5(dir, config.outBaseDir)}"]
+}`
+  );
+}
+
+// src/index.ts
+import pc2 from "picocolors";
+import * as vite3 from "vite";
+
+// src/core/utils/findOpenPort.ts
+import net from "node:net";
+function findOpenPort(startPort, endPort) {
+  return findOpenPortRecursive(startPort, startPort, endPort);
+}
+function findOpenPortRecursive(port, startPort, endPort) {
+  return new Promise((resolve13, reject) => {
+    if (port > endPort)
+      return reject(
+        Error(`Could not find open port between ${startPort}-${endPort}`)
+      );
+    const server = net.createServer();
+    server.listen(port, () => {
+      server.once("close", () => resolve13(port));
+      server.close();
+    });
+    server.on(
+      "error",
+      () => resolve13(findOpenPortRecursive(port + 1, startPort, endPort))
+    );
+  });
+}
+
+// src/core/utils/formatDuration.ts
+function formatDuration(duration) {
+  if (duration < 1e3)
+    return `${duration} ms`;
+  if (duration < 1e4)
+    return `${(duration / 1e3).toFixed(3)} s`;
+  if (duration < 6e4)
+    return `${(duration / 1e3).toFixed(1)} s`;
+  return `${(duration / 1e3).toFixed(0)} s`;
+}
+
+// src/core/runners/createWebExtRunner.ts
+function createWebExtRunner() {
+  let runner;
+  return {
+    async openBrowser(config) {
+      if (config.browser === "safari") {
+        config.logger.warn("Cannot open safari automatically.");
+        return;
+      }
+      const webExtLogger = await import("web-ext/util/logger");
+      webExtLogger.consoleStream.write = ({ level, msg, name }) => {
+        if (level >= ERROR_LOG_LEVEL)
+          config.logger.error(name, msg);
+        if (level >= WARN_LOG_LEVEL)
+          config.logger.warn(msg);
+      };
+      const wxtUserConfig = config.runnerConfig.config;
+      const userConfig = {
+        console: wxtUserConfig?.openConsole,
+        devtools: wxtUserConfig?.openDevtools,
+        startUrl: wxtUserConfig?.startUrls,
+        ...config.browser === "firefox" ? {
+          firefox: wxtUserConfig?.binaries?.firefox,
+          firefoxProfile: wxtUserConfig?.firefoxProfile,
+          prefs: wxtUserConfig?.firefoxPrefs,
+          args: wxtUserConfig?.firefoxArgs
+        } : {
+          chromiumBinary: wxtUserConfig?.binaries?.[config.browser],
+          chromiumProfile: wxtUserConfig?.chromiumProfile,
+          args: wxtUserConfig?.chromiumArgs
+        }
+      };
+      const finalConfig = {
+        ...userConfig,
+        target: config.browser === "firefox" ? "firefox-desktop" : "chromium",
+        sourceDir: config.outDir,
+        // WXT handles reloads, so disable auto-reload behaviors in web-ext
+        noReload: true,
+        noInput: true
+      };
+      const options = {
+        // Don't call `process.exit(0)` after starting web-ext
+        shouldExitProgram: false
+      };
+      config.logger.debug("web-ext config:", finalConfig);
+      config.logger.debug("web-ext options:", options);
+      const webExt = await import("web-ext");
+      runner = await webExt.default.cmd.run(finalConfig, options);
+    },
+    async closeBrowser() {
+      return await runner?.exit();
+    }
+  };
+}
+var WARN_LOG_LEVEL = 40;
+var ERROR_LOG_LEVEL = 50;
+
+// package.json
+var version = "0.0.1";
+
+// src/core/utils/defineConfig.ts
+function defineConfig(config) {
+  return config;
+}
+
+// src/core/utils/defineRunnerConfig.ts
+function defineRunnerConfig(config) {
+  return config;
+}
+
+// src/index.ts
+async function build2(config) {
+  const internalConfig = await getInternalConfig(config, "build");
+  return await buildInternal(internalConfig);
+}
+async function createServer2(config) {
+  const port = await findOpenPort(3e3, 3010);
+  const hostname = "localhost";
+  const origin = `http://${hostname}:${port}`;
+  const serverConfig = {
+    server: {
+      origin
+    }
+  };
+  const internalConfig = await getInternalConfig(
+    vite3.mergeConfig(serverConfig, config ?? {}),
+    "serve"
+  );
+  const runner = createWebExtRunner();
+  const viteServer = await vite3.createServer(internalConfig.vite);
+  const server = {
+    ...viteServer,
+    async listen(port2, isRestart) {
+      const res = await viteServer.listen(port2, isRestart);
+      if (!isRestart) {
+        internalConfig.logger.success(`Started dev server @ ${origin}`);
+        internalConfig.logger.info("Opening browser...");
+        await runner.openBrowser(internalConfig);
+        internalConfig.logger.success("Opened!");
+      }
+      return res;
+    },
+    logger: internalConfig.logger,
+    port,
+    hostname,
+    origin
+  };
+  internalConfig.logger.info("Created dev server");
+  internalConfig.server = server;
+  await buildInternal(internalConfig);
+  return server;
+}
+async function buildInternal(config) {
+  const verb = config.command === "serve" ? "Pre-rendering" : "Building";
+  const target = `${config.browser}-mv${config.manifestVersion}`;
+  config.logger.info(
+    `${verb} ${pc2.cyan(target)} for ${pc2.cyan(config.mode)} with ${pc2.green(
+      `Vite ${vite3.version}`
+    )}`
+  );
+  const startTime = Date.now();
+  await fs10.rm(config.outDir, { recursive: true, force: true });
+  await fs10.ensureDir(config.outDir);
+  const entrypoints = await findEntrypoints(config);
+  await generateTypesDir(entrypoints, config);
+  const output = await buildEntrypoints(entrypoints, config);
+  const manifest = await generateMainfest(entrypoints, output, config);
+  await writeManifest(manifest, output, config);
+  config.logger.success(
+    `Built extension in ${formatDuration(Date.now() - startTime)}`
+  );
+  await printBuildSummary(output, config);
+  return output;
+}
+export {
+  build2 as build,
+  createServer2 as createServer,
+  defineConfig,
+  defineRunnerConfig,
+  version
+};
+//# sourceMappingURL=index.js.map