extension-develop 4.0.30 → 4.0.33

package/dist/839.mjs

@@ -5,7 +5,7 @@ import { buildExecEnv, detectPackageManagerFromLockfile } from "prefers-yarn";
 import "pintor";
 import { EventEmitter } from "node:events";
 import { browserRowValue, ENVELOPE, CODES, prefix as messaging_prefix, card, isDebug, claimCardKey, isMachineOutput } from "./349.mjs";
-import { package_namespaceObject, buildWarningsDetails, DEV_COMMAND_DEFAULTS, buildFailed, getDirs, stampReadyDistExtensionId, zipArtifactReady, stampReadyKnownExtensionId, projectInstallFallbackToNpm, assertNoManagedDependencyConflicts, debugDirs, browserLaunchFailed, START_BUILD_DEFAULTS, extensionLoadRecovered, extensionLoadStillRefused, writingTypeDefinitionsError, projectInstallScriptsDisabled, authorInstallNotice, getSpecialFoldersDataForProjectRoot, buildAssetsTree, loadCommandConfig, needsInstall, mergeOptionLayers, buildCommandFailed, writingTypeDefinitions, buildComplete, normalizeBrowser, debugBrowser, debugOutputPath, loadCustomConfig, devCommandFailed, getProjectStructure, getDistPath, resolveCompanionExtensionsConfig, buildShareHint, loadBrowserConfig, BUILD_COMMAND_DEFAULTS } from "./101.mjs";
+import { package_namespaceObject, buildWarningsDetails, DEV_COMMAND_DEFAULTS, buildFailed, getDirs, stampReadyDistExtensionId, zipArtifactReady, stampReadyKnownExtensionId, projectInstallFallbackToNpm, assertNoManagedDependencyConflicts, debugDirs, browserLaunchFailed, START_BUILD_DEFAULTS, extensionLoadRecovered, extensionLoadStillRefused, writingTypeDefinitionsError, projectInstallScriptsDisabled, authorInstallNotice, getSpecialFoldersDataForProjectRoot, buildAssetsTree, loadCommandConfig, needsInstall, mergeOptionLayers, buildCommandFailed, writingTypeDefinitions, buildComplete, normalizeBrowser, debugBrowser, debugOutputPath, loadCustomConfig, devCommandFailed, getProjectStructure, getDistPath, resolveCompanionExtensionsConfig, buildShareHint, loadBrowserConfig, BUILD_COMMAND_DEFAULTS, withDarkMode } from "./101.mjs";
 import { stripBom, parseJsonSafe } from "./23.mjs";
 import { hasProjectDependency, findNearestProjectManifestDirSync } from "./80.mjs";
 import { buildSummaryPath, ensureSessionArtifactsIgnoreFile, ensureSessionStateInProjectGitignore } from "./494.mjs";
@@ -890,7 +890,14 @@ let hasShownUserMessage = false;
 function findNearestPackageJsonDirectory(startPath) {
     return findNearestProjectManifestDirSync(startPath, 6);
 }
-function hasTypeScriptSourceFiles(projectPath) {
+const NON_SOURCE_DIRS = new Set([
+    'node_modules',
+    'dist',
+    'public'
+]);
+const MAX_SOURCE_SCAN_DEPTH = 4;
+function hasTypeScriptSourceFiles(projectPath, depth = 0) {
+    if (depth > MAX_SOURCE_SCAN_DEPTH) return false;
     try {
         const entries = __rspack_external_node_fs_5ea92f0c.readdirSync(projectPath, {
             withFileTypes: true
@@ -904,14 +911,9 @@ function hasTypeScriptSourceFiles(projectPath) {
                 return true;
             }
             if (entry.isDirectory()) {
-                if (![
-                    'src',
-                    'content',
-                    'sidebar',
-                    'background'
-                ].includes(entry.name)) return false;
+                if (entry.name.startsWith('.') || NON_SOURCE_DIRS.has(entry.name)) return false;
                 const sub = __rspack_external_node_path_c5b9b54f.join(projectPath, entry.name);
-                return hasTypeScriptSourceFiles(sub);
+                return hasTypeScriptSourceFiles(sub, depth + 1);
             }
             return false;
         });
@@ -930,18 +932,18 @@ function isUsingTypeScript(projectPath) {
     return hasTypeScriptDependency(projectPath) || hasTypeScriptSourceFiles(projectPath);
 }
 function ensureTypeScriptConfig(projectPath) {
-    if (hasShownUserMessage) return;
     const tsConfigFilePath = getUserTypeScriptConfigFile(projectPath);
     const hasDep = hasTypeScriptDependency(projectPath);
     const hasTsFiles = hasTypeScriptSourceFiles(projectPath);
-    if (hasDep || hasTsFiles) if (tsConfigFilePath) {
-        if (isDebug()) console.log(`${messaging_prefix('debug')} ${isUsingIntegration('TypeScript')}`);
-    } else if (hasTsFiles) throw new Error('[Extension.js] Missing tsconfig.json next to package.json. Create one to use TypeScript.');
-    else {
-        console.log(creatingTSConfig());
-        writeTsConfig(projectPath);
+    if (hasDep || hasTsFiles) {
+        if (tsConfigFilePath) {
+            if (!hasShownUserMessage && isDebug()) console.log(`${messaging_prefix('debug')} ${isUsingIntegration('TypeScript')}`);
+        } else {
+            if (!hasShownUserMessage) console.log(creatingTSConfig());
+            writeTsConfig(projectPath);
+        }
+        hasShownUserMessage = true;
     }
-    hasShownUserMessage = true;
 }
 function defaultTypeScriptConfig(projectPath, _opts) {
     return {
@@ -978,7 +980,8 @@ function getUserTypeScriptConfigFile(projectPath) {
     }
 }
 function writeTsConfig(projectPath) {
-    __rspack_external_node_fs_5ea92f0c.writeFileSync(__rspack_external_node_path_c5b9b54f.join(projectPath, 'tsconfig.json'), JSON.stringify(defaultTypeScriptConfig(projectPath, {
+    const targetDir = findNearestPackageJsonDirectory(projectPath) || projectPath;
+    __rspack_external_node_fs_5ea92f0c.writeFileSync(__rspack_external_node_path_c5b9b54f.join(targetDir, 'tsconfig.json'), JSON.stringify(defaultTypeScriptConfig(projectPath, {
         mode: 'development'
     }), null, 2));
 }
@@ -1055,8 +1058,9 @@ async function extensionBuild(pathOrRemoteUrl, buildOptions) {
         if (userManifestPath) assertNoManagedDependencyConflicts(userManifestPath, manifestDir);
         const commandKey = buildOptions?.metadataCommand === 'start' ? 'start' : 'build';
         const commandConfig = await loadCommandConfig(packageJsonDir, commandKey);
+        const browserConfig = await loadBrowserConfig(packageJsonDir, browser);
         const specialFoldersData = getSpecialFoldersDataForProjectRoot(packageJsonDir);
-        const mergedBuildOptions = mergeOptionLayers('start' === commandKey ? START_BUILD_DEFAULTS : BUILD_COMMAND_DEFAULTS, commandConfig, buildOptions);
+        const mergedBuildOptions = mergeOptionLayers('start' === commandKey ? START_BUILD_DEFAULTS : BUILD_COMMAND_DEFAULTS, browserConfig, commandConfig, buildOptions);
         const silent = Boolean(mergedBuildOptions.silent);
         removeStaleStagingDirs(distPath);
         if (debug) {
@@ -1064,7 +1068,7 @@ async function extensionBuild(pathOrRemoteUrl, buildOptions) {
             console.log(debugBrowser(browser, buildOptions?.chromiumBinary, buildOptions?.geckoBinary || buildOptions?.firefoxBinary));
             console.log(debugOutputPath(distPath));
         }
-        const mergedExtensionsConfig = buildOptions?.extensions ?? commandConfig.extensions ?? specialFoldersData.extensions;
+        const mergedExtensionsConfig = buildOptions?.extensions ?? commandConfig.extensions ?? browserConfig.extensions ?? specialFoldersData.extensions;
         const resolvedExtensionsConfig = await resolveCompanionExtensionsConfig({
             projectRoot: packageJsonDir,
             browser,
@@ -1678,7 +1682,10 @@ async function extensionDev(pathOrRemoteUrl, devOptions) {
         }
         const browserConfig = await loadBrowserConfig(packageJsonDir, browser);
         const commandConfig = await loadCommandConfig(packageJsonDir, 'dev');
-        const merged = mergeOptionLayers(DEV_COMMAND_DEFAULTS, browserConfig, commandConfig, devOptions);
+        const merged = withDarkMode({
+            ...mergeOptionLayers(DEV_COMMAND_DEFAULTS, browserConfig, commandConfig, devOptions),
+            browser
+        });
         if (('safari' === browser || 'webkit-based' === browser) && !devOptions.noBrowser && devOptions.safariPackager) {
             const safariPackager = devOptions.safariPackager;
             const safariOverrides = {

package/dist/contract/codes.json

@@ -40,7 +40,7 @@
     },
     "E_BROWSER_NOT_INSTALLABLE": {
       "area": "usage",
-      "summary": "The browser ships with the OS and cannot be installed by the CLI."
+      "summary": "The browser is a known target but has no managed download; the CLI cannot fetch it."
     },
     "E_PARENT_GONE": {
       "area": "usage",

package/dist/lib/stats-handler.d.ts

@@ -18,6 +18,7 @@ export interface StatsToStringLike {
 export declare function isEmitTimeWarning(warning: {
     code?: unknown;
 } | string | null | undefined): boolean;
+export declare function humanizeCaseMismatchBlocks(raw: string, showStack?: boolean): string;
 export declare function wrapStatsBlocks(raw: string): string;
 export declare function renderStatsBlocks(stats: StatsToStringLike, opts: {
     errors: boolean;

package/dist/plugin-compilation/env.d.ts

@@ -7,3 +7,9 @@ export declare class EnvPlugin {
     constructor(options: Partial<PluginInterface>);
     apply(compiler: Compiler): void;
 }
+/**
+ * Env values available to `$EXTENSION_*` placeholders in emitted .json/.html.
+ * Mirrors DefinePlugin: dotenv/process values plus the per-build-target
+ * browser and mode synthetics JS already reads via import.meta.env.
+ */
+export declare function buildTemplateVars(combinedVars: Record<string, unknown>, browser: DevOptions['browser'], mode: string): Record<string, string>;

package/dist/plugin-perf-budgets/categorize.d.ts

@@ -1,3 +1,3 @@
-export type AssetCategory = 'content-script' | 'service-worker' | 'page' | 'ignored';
+export type AssetCategory = 'content-script' | 'service-worker' | 'page' | 'runtime' | 'ignored';
 export declare function categorizeAsset(rawName: string): AssetCategory;
 export declare const BUDGET_BYTES: Record<AssetCategory, number>;

package/dist/plugin-perf-budgets/index.d.ts

@@ -14,6 +14,7 @@ interface PerfBudgetsPluginOptions {
  *   content_scripts/*    → 512 KiB  (injected on every navigation)
  *   background / SW      → 512 KiB  (wakes from cold each session)
  *   pages / sidebar / …  → 1 MiB    (opened on demand)
+ *   runtime / wasm cores → 1 MiB    (hashed payloads at the output root)
  *   images, fonts, etc.  → silenced (not a code-splitting concern)
  *
  * Numbers are sized to clear realistic framework templates (React/Vue/

package/dist/plugin-wasm/index.d.ts

@@ -7,6 +7,7 @@ export declare class WasmPlugin {
     constructor(options: PluginInterface & {
         mode: DevOptions['mode'];
     });
+    private collectSearchRoots;
     private resolveAssetPath;
     private buildAssetAliases;
     private ensureWasmResolution;

package/dist/plugin-web-extension/feature-manifest/manifest-lib/legacy-paths.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Old Extension.js scaffold layout → current standardized HTML destinations.
+ * Detection is field-scoped on purpose: a string that merely looks like an old
+ * path in description, web_accessible_resources, or any other field is not a hit.
+ */
+export interface LegacyManifestPathRule {
+    /** Dot-path into the author manifest (e.g. `options_ui.page`). */
+    field: string;
+    /** Exact path the old scaffold wrote into that field. */
+    legacyPath: string;
+    /** Canonical emit destination Extension.js rewrites the field to. */
+    modernPath: string;
+}
+export interface LegacyManifestPathHit {
+    field: string;
+    legacyPath: string;
+    modernPath: string;
+}
+export declare const LEGACY_MANIFEST_PATH_RULES: readonly LegacyManifestPathRule[];
+/** Collapse author path noise so `./x` and `/x` match the scaffold form. */
+export declare function normalizeLegacyPathRef(raw: string): string;
+/**
+ * Field-by-field scan of the *author* manifest for old scaffold HTML paths.
+ * Call this on the pre-rewrite source; the emitted asset already has modern paths.
+ */
+export declare function findLegacyManifestPathHits(manifest: unknown): LegacyManifestPathHit[];

package/dist/plugin-web-extension/feature-manifest/messages.d.ts

@@ -1,5 +1,5 @@
 export declare function serverRestartRequiredFromManifestError(fileAdded: string, fileRemoved: string): string;
-export declare function legacyManifestPathWarning(legacyPath: string): string;
+export declare function legacyManifestPathWarning(field: string, legacyPath: string, modernPath: string): string;
 export declare function fatalManifestShapeFixed(field: string, detail: string): string;
 export declare function invalidThemeValue(field: string, detail: string, value: string): string;
 export declare function themeNotSupportedByBrowser(browser: string): string;

package/dist/plugin-web-extension/feature-manifest/steps/legacy-warnings.d.ts

@@ -1,5 +1,6 @@
 import { type Compiler } from '@rspack/core';
 export declare class ManifestLegacyWarnings {
     static readonly name: string;
+    private reportedHits;
     apply(compiler: Compiler): void;
 }

package/dist/plugin-web-extension/feature-manifest/steps/update-manifest.d.ts

@@ -3,6 +3,7 @@ import type { DevOptions, PluginInterface } from '../../../types';
 export declare class UpdateManifest {
     readonly manifestPath: string;
     readonly browser: DevOptions['browser'];
+    private reportedFatalFixes;
     constructor(options: PluginInterface);
     private applyDevOverrides;
     apply(compiler: Compiler): void;

package/dist/plugin-web-extension/feature-web-resources/collect-entry-imports.d.ts

@@ -1,4 +1,6 @@
 import type { Compilation } from '@rspack/core';
 import type { FilepathList } from '../../types';
 export declare const EMITTED_ASSET_REF_PATTERN: RegExp;
+export declare function listEmittedAssetNames(compilation: Compilation): string[];
+export declare function collectReferencedRuntimePayloads(source: string, emittedAssetNames: string[]): string[];
 export declare function collectContentScriptEntryImports(compilation: Compilation, includeList?: FilepathList): Record<string, string[]>;

package/dist/plugin-web-extension/shared/discover-devtools-panels.d.ts

@@ -0,0 +1,8 @@
+import type { FilepathList } from '../../types';
+/**
+ * Statically discovers HTML pages referenced only through
+ * chrome.devtools.panels.create in the devtools page's scripts, and returns
+ * them as extra HTML entries keyed by their extension-root-relative path so
+ * the emitted dist serves the exact URL Chrome will request.
+ */
+export declare function discoverDevtoolsPanelPages(manifestPath: string): FilepathList;

package/package.json

@@ -43,7 +43,7 @@
     "runtime"
   ],
   "name": "extension-develop",
-  "version": "4.0.30",
+  "version": "4.0.33",
   "description": "Develop, build, preview, and package Extension.js projects.",
   "author": {
     "name": "Cezar Augusto",
@@ -99,13 +99,13 @@
     "@rspack/plugin-react-refresh": "2.0.2",
     "@vue/compiler-sfc": "3.5.26",
     "acorn": "^8.16.0",
-    "adm-zip": "^0.6.0",
     "browser-extension-manifest-fields": "^2.2.9",
     "case-sensitive-paths-webpack-plugin": "^2.4.0",
     "content-security-policy-parser": "^0.6.0",
     "dotenv": "^17.2.3",
     "es-module-lexer": "^2.1.0",
-    "extension-from-store": "^0.1.1",
+    "extension-from-store": "^0.2.5",
+    "fflate": "^0.8.3",
     "go-git-it": "^5.1.5",
     "ignore": "^7.0.5",
     "less": "4.6.7",
@@ -133,7 +133,6 @@
   "devDependencies": {
     "@prefresh/webpack": "4.0.6",
     "@rslib/core": "^0.23.1",
-    "@types/adm-zip": "^0.5.7",
     "@types/case-sensitive-paths-webpack-plugin": "^2.1.9",
     "@types/chrome": "^0.1.33",
     "@types/cross-spawn": "^6.0.6",