wxt 0.19.0 → 0.19.1-alpha2

package/dist/core/builders/vite/index.mjs

@@ -172,10 +172,7 @@ export async function createViteBuilder(wxtConfig, hooks, server) {
           baseConfig.optimizeDeps.noDiscovery = true;
           baseConfig.optimizeDeps.include = [];
           const envConfig = {
-            plugins: [
-              wxtPlugins.extensionApiMock(wxtConfig),
-              wxtPlugins.removeEntrypointMainFunction(wxtConfig, path)
-            ]
+            plugins: [wxtPlugins.removeEntrypointMainFunction(wxtConfig, path)]
           };
           const config = vite.mergeConfig(baseConfig, envConfig);
           const server2 = await vite.createServer(config);

package/dist/core/builders/vite/plugins/removeEntrypointMainFunction.mjs

@@ -5,8 +5,11 @@ export function removeEntrypointMainFunction(config, path) {
   const absPath = normalizePath(resolve(config.root, path));
   return {
     name: "wxt:remove-entrypoint-main-function",
-    transform(code, id) {
-      if (id === absPath) return removeMainFunctionCode(code);
+    transform: {
+      order: "pre",
+      handler(code, id) {
+        if (id === absPath) return removeMainFunctionCode(code);
+      }
     }
   };
 }

package/dist/core/utils/building/find-entrypoints.mjs

@@ -12,6 +12,7 @@ import { VIRTUAL_NOOP_BACKGROUND_MODULE_ID } from "../../utils/constants.mjs";
 import { CSS_EXTENSIONS_PATTERN } from "../../utils/paths.mjs";
 import pc from "picocolors";
 import { wxt } from "../../wxt.mjs";
+import { createExtensionEnvironment } from "../environments/index.mjs";
 export async function findEntrypoints() {
   await fs.mkdir(wxt.config.wxtDir, { recursive: true });
   await fs.writeJson(resolve(wxt.config.wxtDir, "tsconfig.json"), {});
@@ -40,47 +41,50 @@ export async function findEntrypoints() {
   preventNoEntrypoints(entrypointInfos);
   preventDuplicateEntrypointNames(entrypointInfos);
   let hasBackground = false;
-  const entrypoints = await Promise.all(
-    entrypointInfos.map(async (info) => {
-      const { type } = info;
-      switch (type) {
-        case "popup":
-          return await getPopupEntrypoint(info);
-        case "sidepanel":
-          return await getSidepanelEntrypoint(info);
-        case "options":
-          return await getOptionsEntrypoint(info);
-        case "background":
-          hasBackground = true;
-          return await getBackgroundEntrypoint(info);
-        case "content-script":
-          return await getContentScriptEntrypoint(info);
-        case "unlisted-page":
-          return await getUnlistedPageEntrypoint(info);
-        case "unlisted-script":
-          return await getUnlistedScriptEntrypoint(info);
-        case "content-script-style":
-          return {
-            ...info,
-            type,
-            outputDir: resolve(wxt.config.outDir, CONTENT_SCRIPT_OUT_DIR),
-            options: {
-              include: void 0,
-              exclude: void 0
-            }
-          };
-        default:
-          return {
-            ...info,
-            type,
-            outputDir: wxt.config.outDir,
-            options: {
-              include: void 0,
-              exclude: void 0
-            }
-          };
-      }
-    })
+  const env = createExtensionEnvironment();
+  const entrypoints = await env.run(
+    () => Promise.all(
+      entrypointInfos.map(async (info) => {
+        const { type } = info;
+        switch (type) {
+          case "popup":
+            return await getPopupEntrypoint(info);
+          case "sidepanel":
+            return await getSidepanelEntrypoint(info);
+          case "options":
+            return await getOptionsEntrypoint(info);
+          case "background":
+            hasBackground = true;
+            return await getBackgroundEntrypoint(info);
+          case "content-script":
+            return await getContentScriptEntrypoint(info);
+          case "unlisted-page":
+            return await getUnlistedPageEntrypoint(info);
+          case "unlisted-script":
+            return await getUnlistedScriptEntrypoint(info);
+          case "content-script-style":
+            return {
+              ...info,
+              type,
+              outputDir: resolve(wxt.config.outDir, CONTENT_SCRIPT_OUT_DIR),
+              options: {
+                include: void 0,
+                exclude: void 0
+              }
+            };
+          default:
+            return {
+              ...info,
+              type,
+              outputDir: wxt.config.outDir,
+              options: {
+                include: void 0,
+                exclude: void 0
+              }
+            };
+        }
+      })
+    )
   );
   if (wxt.config.command === "serve" && !hasBackground) {
     entrypoints.push(

package/dist/core/utils/environments/browser-environment.d.ts

@@ -0,0 +1,3 @@
+import { Environment, EnvGlobals } from './environment';
+export declare function createBrowserEnvironment(): Environment;
+export declare function getBrowserEnvironmentGlobals(): EnvGlobals;

package/dist/core/utils/environments/browser-environment.mjs

@@ -0,0 +1,19 @@
+import { parseHTML } from "linkedom";
+import { createEnvironment } from "./environment.mjs";
+export function createBrowserEnvironment() {
+  return createEnvironment(getBrowserEnvironmentGlobals);
+}
+export function getBrowserEnvironmentGlobals() {
+  const { window, document, global } = parseHTML(`
+    <html>
+      <head></head>
+      <body></body>
+    </html>
+  `);
+  return {
+    ...global,
+    window,
+    document,
+    self: global
+  };
+}

package/dist/core/utils/environments/environment.d.ts

@@ -0,0 +1,8 @@
+export interface Environment {
+    setup: () => () => void;
+    run: <T>(fn: () => Promise<T>) => Promise<T>;
+}
+export declare function createEnvironment(getGlobals: () => EnvGlobals): Environment;
+export type EnvGlobals = Record<string, any>;
+export declare function getOgGlobals(envGlobals: EnvGlobals): EnvGlobals;
+export declare function applyGlobals(globals: EnvGlobals): void;

package/dist/core/utils/environments/environment.mjs

@@ -0,0 +1,36 @@
+export function createEnvironment(getGlobals) {
+  const setup = () => {
+    const envGlobals = getGlobals();
+    const ogGlobals = getOgGlobals(envGlobals);
+    applyGlobals(envGlobals);
+    return () => {
+      applyGlobals(ogGlobals);
+    };
+  };
+  const run = async (fn) => {
+    const teardown = setup();
+    try {
+      return await fn();
+    } finally {
+      teardown();
+    }
+  };
+  return {
+    setup,
+    run
+  };
+}
+export function getOgGlobals(envGlobals) {
+  return Object.keys(envGlobals).reduce((acc, key) => {
+    acc[key] = globalThis[key];
+    return acc;
+  }, {});
+}
+export function applyGlobals(globals) {
+  Object.entries(globals).forEach(([key, envValue]) => {
+    try {
+      globalThis[key] = envValue;
+    } catch (err) {
+    }
+  });
+}

package/dist/core/utils/environments/extension-environment.d.ts

@@ -0,0 +1,6 @@
+import { Environment } from './environment';
+export declare function createExtensionEnvironment(): Environment;
+export declare function getExtensionEnvironmentGlobals(): {
+    chrome: import("@webext-core/fake-browser").FakeBrowser;
+    browser: import("@webext-core/fake-browser").FakeBrowser;
+};

package/dist/core/utils/environments/extension-environment.mjs

@@ -0,0 +1,13 @@
+import { fakeBrowser } from "@webext-core/fake-browser";
+import { getBrowserEnvironmentGlobals } from "./browser-environment.mjs";
+import { createEnvironment } from "./environment.mjs";
+export function createExtensionEnvironment() {
+  return createEnvironment(getExtensionEnvironmentGlobals);
+}
+export function getExtensionEnvironmentGlobals() {
+  return {
+    ...getBrowserEnvironmentGlobals(),
+    chrome: fakeBrowser,
+    browser: fakeBrowser
+  };
+}

package/dist/core/utils/environments/index.d.ts

@@ -0,0 +1,2 @@
+export * from './browser-environment';
+export * from './extension-environment';

package/dist/core/utils/environments/index.mjs

@@ -0,0 +1,2 @@
+export * from "./browser-environment.mjs";
+export * from "./extension-environment.mjs";

package/dist/version.mjs

@@ -1 +1 @@
-export const version = "0.19.0";
+export const version = "0.19.1-alpha2";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "wxt",
   "type": "module",
-  "version": "0.19.0",
+  "version": "0.19.1-alpha2",
   "description": "Next gen framework for developing web extensions",
   "repository": {
     "type": "git",