wxt 0.19.13 → 0.19.14

package/dist/browser/index.d.ts

@@ -23,4 +23,4 @@ export interface WxtI18n {
 export declare const browser: AugmentedBrowser;
 /** @ignore */
 export type { ActivityLog, Alarms, Bookmarks, Action, BrowserAction, BrowserSettings, BrowsingData, CaptivePortal, Clipboard, Commands, ContentScripts, ContextualIdentities, Cookies, DeclarativeNetRequest, Devtools, Dns, Downloads, Events, Experiments, Extension, ExtensionTypes, Find, GeckoProfiler, History, I18n, Identity, Idle, Management, Manifest, // TODO: Export custom manifest types that are valid for both Chrome and Firefox.
-ContextMenus, Menus, NetworkStatus, NormandyAddonStudy, Notifications, Omnibox, PageAction, Permissions, Pkcs11, Privacy, Proxy, Runtime, Scripting, Search, Sessions, SidebarAction, Storage, Tabs, Theme, TopSites, Types, Urlbar, UserScripts, WebNavigation, WebRequest, Windows, } from 'webextension-polyfill';
+ContextMenus, Menus, NetworkStatus, NormandyAddonStudy, Notifications, Omnibox, PageAction, Permissions, Pkcs11, Privacy, Proxy, Runtime, Scripting, Search, Sessions, SidebarAction, Storage, Tabs, Theme, TopSites, Types, UserScripts, WebNavigation, WebRequest, Windows, } from 'webextension-polyfill';

package/dist/client/content-scripts/ui/index.d.ts

@@ -18,6 +18,6 @@ export declare function createIframeUi<TMounted>(ctx: ContentScriptContext, opti
  *
  * > This function is async because it has to load the CSS via a network call.
  *
- * @see https://wxt.dev/guide/essentials/content-scripts.html#shadowroot
+ * @see https://wxt.dev/guide/essentials/content-scripts.html#shadow-root
  */
 export declare function createShadowRootUi<TMounted>(ctx: ContentScriptContext, options: ShadowRootContentScriptUiOptions<TMounted>): Promise<ShadowRootContentScriptUi<TMounted>>;

package/dist/core/resolve-config.mjs

@@ -23,6 +23,9 @@ export async function resolveConfig(inlineConfig, command) {
         esmResolve: true
       }
     });
+    if (inlineConfig.configFile && metadata.layers?.length === 0) {
+      throw Error(`Config file "${inlineConfig.configFile}" not found`);
+    }
     userConfig = loadedConfig ?? {};
     userConfigMetadata = metadata;
   }

package/dist/core/runners/web-ext.mjs

@@ -34,7 +34,10 @@ export function createWebExtRunner() {
             wxtUserConfig?.chromiumPref,
             DEFAULT_CHROMIUM_PREFS
           ),
-          args: wxtUserConfig?.chromiumArgs
+          args: [
+            "--unsafely-disable-devtools-self-xss-warnings",
+            ...wxtUserConfig?.chromiumArgs ?? []
+          ]
         }
       };
       const finalConfig = {

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

@@ -176,7 +176,7 @@ async function getPopupEntrypoint(info) {
   const options = await getHtmlEntrypointOptions(
     info,
     {
-      browserStyle: "browse_style",
+      browserStyle: "browser_style",
       exclude: "exclude",
       include: "include",
       defaultIcon: "default_icon",
@@ -204,7 +204,7 @@ async function getOptionsEntrypoint(info) {
   const options = await getHtmlEntrypointOptions(
     info,
     {
-      browserStyle: "browse_style",
+      browserStyle: "browser_style",
       chromeStyle: "chrome_style",
       exclude: "exclude",
       include: "include",

package/dist/core/utils/content-scripts.mjs

@@ -15,7 +15,6 @@ export function hashContentScriptOptions(options) {
     match_about_blank: false,
     run_at: "document_idle",
     all_frames: false,
-    // @ts-expect-error - not in type
     match_origin_as_fallback: false,
     world: "ISOLATED",
     ...simplifiedOptions
@@ -38,7 +37,6 @@ export function mapWxtOptionsToContentScript(options, js, css) {
     run_at: options.runAt,
     css,
     js,
-    // @ts-expect-error: untyped chrome options
     match_origin_as_fallback: options.matchOriginAsFallback,
     world: options.world
   };
@@ -51,7 +49,6 @@ export function mapWxtOptionsToRegisteredContentScript(options, js, css) {
     runAt: options.runAt,
     js,
     css,
-    // @ts-expect-error: Chrome accepts this, not typed in webextension-polyfill (https://developer.chrome.com/docs/extensions/reference/scripting/#type-RegisteredContentScript)
     world: options.world
   };
 }

package/dist/storage.d.ts

@@ -17,7 +17,7 @@ export interface WxtStorage {
      * @example
      * await storage.getItems(["local:installDate", "session:someCounter"]);
      */
-    getItems(keys: Array<StorageItemKey | {
+    getItems(keys: Array<StorageItemKey | WxtStorageItem<any, any> | {
         key: StorageItemKey;
         options?: GetItemOptions<any>;
     }>): Promise<Array<{
@@ -32,6 +32,16 @@ export interface WxtStorage {
      * await storage.getMeta("local:installDate");
      */
     getMeta<T extends Record<string, unknown>>(key: StorageItemKey): Promise<T>;
+    /**
+     * Get the metadata of multiple storage items.
+     *
+     * @param items List of keys or items to get the metadata of.
+     * @returns An array containing storage keys and their metadata.
+     */
+    getMetas(keys: Array<StorageItemKey | WxtStorageItem<any, any>>): Promise<Array<{
+        key: StorageItemKey;
+        meta: any;
+    }>>;
     /**
      * Set a value in storage. Setting a value to `null` or `undefined` is equivalent to calling
      * `removeItem`.
@@ -52,6 +62,9 @@ export interface WxtStorage {
     setItems(values: Array<{
         key: StorageItemKey;
         value: any;
+    } | {
+        item: WxtStorageItem<any, any>;
+        value: any;
     }>): Promise<void>;
     /**
      * Sets metadata properties. If some properties are already set, but are not included in the
@@ -61,6 +74,18 @@ export interface WxtStorage {
      * await storage.setMeta("local:installDate", { appVersion });
      */
     setMeta<T extends Record<string, unknown>>(key: StorageItemKey, properties: T | null): Promise<void>;
+    /**
+     * Set the metadata of multiple storage items.
+     *
+     * @param items List of storage keys or items and metadata to set for each.
+     */
+    setMetas(metas: Array<{
+        key: StorageItemKey;
+        meta: Record<string, any>;
+    } | {
+        item: WxtStorageItem<any, any>;
+        meta: Record<string, any>;
+    }>): Promise<void>;
     /**
      * Removes an item from storage.
      *
@@ -71,9 +96,12 @@ export interface WxtStorage {
     /**
      * Remove a list of keys from storage.
      */
-    removeItems(keys: Array<StorageItemKey | {
+    removeItems(keys: Array<StorageItemKey | WxtStorageItem<any, any> | {
         key: StorageItemKey;
         options?: RemoveItemOptions;
+    } | {
+        item: WxtStorageItem<any, any>;
+        options?: RemoveItemOptions;
     }>): Promise<void>;
     /**
      * Remove the entire metadata for a key, or specific properties by name.
@@ -113,7 +141,11 @@ export interface WxtStorage {
 }
 export interface WxtStorageItem<TValue, TMetadata extends Record<string, unknown>> {
     /**
-     * @deprecated Renamed to `fallback`, use it instead.
+     * The storage key passed when creating the storage item.
+     */
+    key: StorageItemKey;
+    /**
+     * @deprecated Renamed to fallback, use it instead.
      */
     defaultValue: TValue;
     /**
@@ -224,3 +256,8 @@ export type WatchCallback<T> = (newValue: T, oldValue: T) => void;
  * Call to remove a watch listener
  */
 export type Unwatch = () => void;
+export declare class MigrationError extends Error {
+    key: string;
+    version: number;
+    constructor(key: string, version: number, options?: ErrorOptions);
+}

package/dist/storage.mjs

@@ -34,6 +34,14 @@ function createStorage() {
     };
   };
   const getMetaKey = (key) => key + "$";
+  const mergeMeta = (oldMeta, newMeta) => {
+    const newFields = { ...oldMeta };
+    Object.entries(newMeta).forEach(([key, value]) => {
+      if (value == null) delete newFields[key];
+      else newFields[key] = value;
+    });
+    return newFields;
+  };
   const getValueOrFallback = (value, fallback) => value ?? fallback ?? null;
   const getMetaValue = (properties) => typeof properties === "object" && !Array.isArray(properties) ? properties : {};
   const getItem = async (driver, driverKey, opts) => {
@@ -51,15 +59,7 @@ function createStorage() {
   const setMeta = async (driver, driverKey, properties) => {
     const metaKey = getMetaKey(driverKey);
     const existingFields = getMetaValue(await driver.getItem(metaKey));
-    const newFields = { ...existingFields };
-    Object.entries(properties).forEach(([key, value]) => {
-      if (value == null) {
-        delete newFields[key];
-      } else {
-        newFields[key] = value;
-      }
-    });
-    await driver.setItem(metaKey, newFields);
+    await driver.setItem(metaKey, mergeMeta(existingFields, properties));
   };
   const removeItem = async (driver, driverKey, opts) => {
     await driver.removeItem(driverKey);
@@ -89,92 +89,171 @@ function createStorage() {
     getItems: async (keys) => {
       const areaToKeyMap = /* @__PURE__ */ new Map();
       const keyToOptsMap = /* @__PURE__ */ new Map();
+      const orderedKeys = [];
       keys.forEach((key) => {
         let keyStr;
         let opts;
         if (typeof key === "string") {
           keyStr = key;
+        } else if ("getValue" in key) {
+          keyStr = key.key;
+          opts = { fallback: key.fallback };
         } else {
           keyStr = key.key;
           opts = key.options;
         }
+        orderedKeys.push(keyStr);
         const { driverArea, driverKey } = resolveKey(keyStr);
-        const keys2 = areaToKeyMap.get(driverArea) ?? [];
-        areaToKeyMap.set(driverArea, keys2.concat(driverKey));
+        const areaKeys = areaToKeyMap.get(driverArea) ?? [];
+        areaToKeyMap.set(driverArea, areaKeys.concat(driverKey));
         keyToOptsMap.set(keyStr, opts);
       });
-      const results = await Promise.all(
+      const resultsMap = /* @__PURE__ */ new Map();
+      await Promise.all(
         Array.from(areaToKeyMap.entries()).map(async ([driverArea, keys2]) => {
           const driverResults = await drivers[driverArea].getItems(keys2);
-          return driverResults.map((driverResult) => {
+          driverResults.forEach((driverResult) => {
             const key = `${driverArea}:${driverResult.key}`;
             const opts = keyToOptsMap.get(key);
             const value = getValueOrFallback(
               driverResult.value,
               opts?.fallback ?? opts?.defaultValue
             );
-            return { key, value };
+            resultsMap.set(key, value);
           });
         })
       );
-      return results.flat();
+      return orderedKeys.map((key) => ({
+        key,
+        value: resultsMap.get(key)
+      }));
     },
     getMeta: async (key) => {
       const { driver, driverKey } = resolveKey(key);
       return await getMeta(driver, driverKey);
     },
+    getMetas: async (args) => {
+      const keys = args.map((arg) => {
+        const key = typeof arg === "string" ? arg : arg.key;
+        const { driverArea, driverKey } = resolveKey(key);
+        return {
+          key,
+          driverArea,
+          driverKey,
+          driverMetaKey: getMetaKey(driverKey)
+        };
+      });
+      const areaToDriverMetaKeysMap = keys.reduce((map, key) => {
+        map[key.driverArea] ??= [];
+        map[key.driverArea].push(key);
+        return map;
+      }, {});
+      const resultsMap = {};
+      await Promise.all(
+        Object.entries(areaToDriverMetaKeysMap).map(async ([area, keys2]) => {
+          const areaRes = await browser.storage[area].get(
+            keys2.map((key) => key.driverMetaKey)
+          );
+          keys2.forEach((key) => {
+            resultsMap[key.key] = areaRes[key.driverMetaKey] ?? {};
+          });
+        })
+      );
+      return keys.map((key) => ({
+        key: key.key,
+        meta: resultsMap[key.key]
+      }));
+    },
     setItem: async (key, value) => {
       const { driver, driverKey } = resolveKey(key);
       await setItem(driver, driverKey, value);
     },
-    setItems: async (values) => {
-      const areaToKeyValueMap = /* @__PURE__ */ new Map();
-      values.forEach(({ key, value }) => {
-        const { driverArea, driverKey } = resolveKey(key);
-        const values2 = areaToKeyValueMap.get(driverArea) ?? [];
-        areaToKeyValueMap.set(
-          driverArea,
-          values2.concat({ key: driverKey, value })
+    setItems: async (items) => {
+      const areaToKeyValueMap = {};
+      items.forEach((item) => {
+        const { driverArea, driverKey } = resolveKey(
+          "key" in item ? item.key : item.item.key
         );
+        areaToKeyValueMap[driverArea] ??= [];
+        areaToKeyValueMap[driverArea].push({
+          key: driverKey,
+          value: item.value
+        });
       });
       await Promise.all(
-        Array.from(areaToKeyValueMap.entries()).map(
-          async ([driverArea, values2]) => {
-            const driver = getDriver(driverArea);
-            await driver.setItems(values2);
-          }
-        )
+        Object.entries(areaToKeyValueMap).map(async ([driverArea, values]) => {
+          const driver = getDriver(driverArea);
+          await driver.setItems(values);
+        })
       );
     },
     setMeta: async (key, properties) => {
       const { driver, driverKey } = resolveKey(key);
       await setMeta(driver, driverKey, properties);
     },
+    setMetas: async (items) => {
+      const areaToMetaUpdatesMap = {};
+      items.forEach((item) => {
+        const { driverArea, driverKey } = resolveKey(
+          "key" in item ? item.key : item.item.key
+        );
+        areaToMetaUpdatesMap[driverArea] ??= [];
+        areaToMetaUpdatesMap[driverArea].push({
+          key: driverKey,
+          properties: item.meta
+        });
+      });
+      await Promise.all(
+        Object.entries(areaToMetaUpdatesMap).map(
+          async ([storageArea, updates]) => {
+            const driver = getDriver(storageArea);
+            const metaKeys = updates.map(({ key }) => getMetaKey(key));
+            console.log(storageArea, metaKeys);
+            const existingMetas = await driver.getItems(metaKeys);
+            const existingMetaMap = Object.fromEntries(
+              existingMetas.map(({ key, value }) => [key, getMetaValue(value)])
+            );
+            const metaUpdates = updates.map(({ key, properties }) => {
+              const metaKey = getMetaKey(key);
+              return {
+                key: metaKey,
+                value: mergeMeta(existingMetaMap[metaKey] ?? {}, properties)
+              };
+            });
+            await driver.setItems(metaUpdates);
+          }
+        )
+      );
+    },
     removeItem: async (key, opts) => {
       const { driver, driverKey } = resolveKey(key);
       await removeItem(driver, driverKey, opts);
     },
     removeItems: async (keys) => {
-      const areaToKeysMap = /* @__PURE__ */ new Map();
+      const areaToKeysMap = {};
       keys.forEach((key) => {
         let keyStr;
         let opts;
         if (typeof key === "string") {
           keyStr = key;
+        } else if ("getValue" in key) {
+          keyStr = key.key;
+        } else if ("item" in key) {
+          keyStr = key.item.key;
+          opts = key.options;
         } else {
           keyStr = key.key;
           opts = key.options;
         }
         const { driverArea, driverKey } = resolveKey(keyStr);
-        const areaKeys = areaToKeysMap.get(driverArea) ?? [];
-        areaKeys.push(driverKey);
+        areaToKeysMap[driverArea] ??= [];
+        areaToKeysMap[driverArea].push(driverKey);
         if (opts?.removeMeta) {
-          areaKeys.push(getMetaKey(driverKey));
+          areaToKeysMap[driverArea].push(getMetaKey(driverKey));
         }
-        areaToKeysMap.set(driverArea, areaKeys);
       });
       await Promise.all(
-        Array.from(areaToKeysMap.entries()).map(async ([driverArea, keys2]) => {
+        Object.entries(areaToKeysMap).map(async ([driverArea, keys2]) => {
           const driver = getDriver(driverArea);
           await driver.removeItems(keys2);
         })
@@ -236,7 +315,13 @@ function createStorage() {
         );
         let migratedValue = value;
         for (const migrateToVersion of migrationsToRun) {
-          migratedValue = await migrations?.[migrateToVersion]?.(migratedValue) ?? migratedValue;
+          try {
+            migratedValue = await migrations?.[migrateToVersion]?.(migratedValue) ?? migratedValue;
+          } catch (err) {
+            throw Error(`v${migrateToVersion} migration failed for "${key}"`, {
+              cause: err
+            });
+          }
         }
         await driver.setItems([
           { key: driverKey, value: migratedValue },
@@ -261,6 +346,7 @@ function createStorage() {
       });
       migrationsDone.then(getOrInitValue);
       return {
+        key,
         get defaultValue() {
           return getFallback();
         },
@@ -388,3 +474,10 @@ function createDriver(storageArea) {
     }
   };
 }
+export class MigrationError extends Error {
+  constructor(key, version, options) {
+    super(`v${version} migration failed for "${key}"`, options);
+    this.key = key;
+    this.version = version;
+  }
+}

package/dist/version.mjs

@@ -1 +1 @@
-export const version = "0.19.13";
+export const version = "0.19.14";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "wxt",
   "type": "module",
-  "version": "0.19.13",
+  "version": "0.19.14",
   "description": "Next gen framework for developing web extensions",
   "repository": {
     "type": "git",
@@ -71,8 +71,8 @@
   },
   "dependencies": {
     "@aklinker1/rollup-plugin-visualizer": "5.12.0",
-    "@types/chrome": "^0.0.269",
-    "@types/webextension-polyfill": "^0.10.7",
+    "@types/chrome": "^0.0.280",
+    "@types/webextension-polyfill": "^0.12.1",
     "@webext-core/fake-browser": "^1.3.1",
     "@webext-core/isolated-element": "^1.1.2",
     "@webext-core/match-patterns": "^1.0.3",
@@ -80,7 +80,7 @@
     "c12": "^1.11.2",
     "cac": "^6.7.14",
     "chokidar": "^3.6.0",
-    "ci-info": "^4.0.0",
+    "ci-info": "^4.1.0",
     "consola": "^3.2.3",
     "defu": "^6.1.4",
     "dequal": "^2.0.3",
@@ -99,40 +99,40 @@
     "linkedom": "^0.18.5",
     "magicast": "^0.3.5",
     "minimatch": "^10.0.1",
-    "nano-spawn": "^0.1.0",
+    "nano-spawn": "^0.2.0",
     "normalize-path": "^3.0.0",
     "nypm": "^0.3.12",
     "ohash": "^1.1.4",
     "open": "^10.1.0",
-    "ora": "^8.1.0",
+    "ora": "^8.1.1",
     "perfect-debounce": "^1.0.0",
-    "picocolors": "^1.1.0",
+    "picocolors": "^1.1.1",
     "prompts": "^2.4.2",
     "publish-browser-extension": "^2.2.2",
     "scule": "^1.3.0",
     "unimport": "^3.13.1",
-    "vite": "^5.4.8",
-    "vite-node": "^2.1.2",
+    "vite": "^5.4.11",
+    "vite-node": "^2.1.4",
     "web-ext-run": "^0.2.1",
     "webextension-polyfill": "^0.12.0"
   },
   "devDependencies": {
     "@aklinker1/check": "^1.4.5",
-    "@faker-js/faker": "^8.4.1",
+    "@faker-js/faker": "^9.2.0",
     "@types/fs-extra": "^11.0.4",
     "@types/lodash.merge": "^4.6.9",
-    "@types/node": "^20.16.10",
+    "@types/node": "^20.17.6",
     "@types/normalize-path": "^3.0.2",
     "@types/prompts": "^2.4.9",
     "extract-zip": "^2.0.1",
-    "happy-dom": "^14.12.3",
+    "happy-dom": "^15.11.4",
     "lodash.merge": "^4.6.2",
-    "oxlint": "^0.9.9",
-    "publint": "^0.2.11",
+    "oxlint": "^0.11.1",
+    "publint": "^0.2.12",
     "tsx": "4.15.7",
-    "typescript": "^5.6.2",
+    "typescript": "^5.6.3",
     "unbuild": "^2.0.0",
-    "vitest": "^2.1.2",
+    "vitest": "^2.1.4",
     "vitest-plugin-random-seed": "^1.1.0"
   },
   "peerDependenciesMeta": {