wxt 0.19.28 → 0.19.29

package/dist/core/create-server.mjs

@@ -1,4 +1,5 @@
 import { debounce } from "perfect-debounce";
+import chokidar from "chokidar";
 import { getEntrypointBundlePath, isHtmlEntrypoint } from "./utils/entrypoints.mjs";
 import {
   getContentScriptCssFiles,
@@ -21,6 +22,7 @@ import {
   mapWxtOptionsToRegisteredContentScript
 } from "./utils/content-scripts.mjs";
 import { createKeyboardShortcuts } from "./keyboard-shortcuts.mjs";
+import { isBabelSyntaxError, logBabelSyntaxError } from "./utils/syntax-errors.mjs";
 export async function createServer(inlineConfig) {
   await registerWxt("serve", inlineConfig);
   wxt.server = await createServerInternal();
@@ -116,7 +118,24 @@ async function createServerInternal() {
   };
   const keyboardShortcuts = createKeyboardShortcuts(server);
   const buildAndOpenBrowser = async () => {
-    server.currentOutput = await internalBuild();
+    try {
+      server.currentOutput = await internalBuild();
+    } catch (err) {
+      if (!isBabelSyntaxError(err)) {
+        throw err;
+      }
+      logBabelSyntaxError(err);
+      wxt.logger.info("Waiting for syntax error to be fixed...");
+      await new Promise((resolve) => {
+        const watcher = chokidar.watch(err.id, { ignoreInitial: true });
+        watcher.on("all", () => {
+          watcher.close();
+          wxt.logger.info("Syntax error resolved, rebuilding...");
+          resolve();
+        });
+      });
+      return buildAndOpenBrowser();
+    }
     try {
       server.watcher.add(getExternalOutputDependencies(server));
     } catch (err) {
@@ -132,7 +151,7 @@ function createFileReloader(server) {
   const changeQueue = [];
   const cb = async (event, path) => {
     changeQueue.push([event, path]);
-    await fileChangedMutex.runExclusive(async () => {
+    const reloading = fileChangedMutex.runExclusive(async () => {
       if (server.currentOutput == null) return;
       const fileChanges = changeQueue.splice(0, changeQueue.length).map(([_, file]) => file);
       if (fileChanges.length === 0) return;
@@ -182,6 +201,12 @@ function createFileReloader(server) {
       } catch {
       }
     });
+    await reloading.catch((error) => {
+      if (!isBabelSyntaxError(error)) {
+        throw error;
+      }
+      logBabelSyntaxError(error);
+    });
   };
   return debounce(cb, wxt.config.dev.server.watchDebounce, {
     leading: true,

package/dist/core/utils/manifest.mjs

@@ -303,11 +303,6 @@ function addEntrypoints(manifest, entrypoints, buildOutput) {
       const runtimeContentScripts = contentScripts.filter(
         (cs) => cs.options.registration === "runtime"
       );
-      if (runtimeContentScripts.length > 0 && wxt.config.manifestVersion === 2) {
-        throw Error(
-          'Cannot use `registration: "runtime"` with MV2 content scripts, it is a MV3-only feature.'
-        );
-      }
       runtimeContentScripts.forEach((script) => {
         script.options.matches?.forEach((matchPattern) => {
           addHostPermission(manifest, matchPattern);

package/dist/core/utils/syntax-errors.d.ts

@@ -0,0 +1,11 @@
+export interface BabelSyntaxError extends SyntaxError {
+    code: 'BABEL_PARSER_SYNTAX_ERROR';
+    frame?: string;
+    id: string;
+    loc: {
+        line: number;
+        column: number;
+    };
+}
+export declare function isBabelSyntaxError(error: unknown): error is BabelSyntaxError;
+export declare function logBabelSyntaxError(error: BabelSyntaxError): void;

package/dist/core/utils/syntax-errors.mjs

@@ -0,0 +1,20 @@
+import { relative } from "node:path";
+import pc from "picocolors";
+import { wxt } from "../wxt.mjs";
+export function isBabelSyntaxError(error) {
+  return error instanceof SyntaxError && error.code === "BABEL_PARSER_SYNTAX_ERROR";
+}
+export function logBabelSyntaxError(error) {
+  let filename = relative(wxt.config.root, error.id);
+  if (filename.startsWith("..")) {
+    filename = error.id;
+  }
+  let message = error.message.replace(
+    /\(\d+:\d+\)$/,
+    `(${filename}:${error.loc.line}:${error.loc.column + 1})`
+  );
+  if (error.frame) {
+    message += "\n\n" + pc.red(error.frame);
+  }
+  wxt.logger.error(message);
+}

package/dist/version.mjs

@@ -1 +1 @@
-export const version = "0.19.28";
+export const version = "0.19.29";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "wxt",
   "type": "module",
-  "version": "0.19.28",
+  "version": "0.19.29",
   "description": "⚡ Next-gen Web Extension Framework",
   "repository": {
     "type": "git",