extension-develop 4.1.14 → 4.1.16

package/dist/0~dev-server.mjs

@@ -6,7 +6,7 @@ import { rspack } from "@rspack/core";
 import { RspackDevServer } from "@rspack/dev-server";
 import { merge } from "webpack-merge";
 import { WebSocket, WebSocketServer } from "ws";
-import { classifyReloadFromSources, attachLifecycleStream, readContentScriptCount, humanLine, buildSourceFeatureIndex, createChangedSourcesTracker, createLifecycleStream, dispatchReload } from "./839.mjs";
+import { classifyReloadFromSources, attachLifecycleStream, readContentScriptCount, humanLine, createChangedSourcesTracker, buildSourceFeatureIndex, applySplitChunksGuard, createLifecycleStream, dispatchReload } from "./839.mjs";
 import { runnerCleanupError, autoExitForceKill, loadCommandConfig, sanitize, extensionJsRunnerError, portInUse, devServerStartTimeout, autoExitTriggered, loadProjectConfigDefaults, runnerUncaughtException, shouldWarnPortConflict, devServerRestarting, DEV_COMMAND_DEFAULTS, mergeOptionLayers, runnerUnhandledRejection, createPlaywrightMetadataWriter, autoExitModeEnabled, getSessionRunId, isGeckoBasedBrowser, loadCustomConfig, loadBrowserConfig, resolveCompanionExtensionsConfig, getSpecialFoldersDataForProjectRoot } from "./101.mjs";
 import { CONTROL_WS_PATH, writePersistedControlPort, writeControlToken, clearControlToken, readPersistedControlPort } from "./887.mjs";
 import { hasProjectDependency, findNearestProjectManifestDirSync } from "./80.mjs";
@@ -1305,7 +1305,7 @@ async function dev_server_devServer(projectStructure, devOptions) {
     async function createCompilerAndServer(opts) {
         const baseConfig = webpackConfig(projectStructure, webpackConfigOptions);
         const customWebpackConfig = await loadCustomConfig(packageJsonDir);
-        const compilerConfig = merge(customWebpackConfig(baseConfig), {});
+        const compilerConfig = applySplitChunksGuard(merge(customWebpackConfig(baseConfig), {}));
         const compiler = rspack(compilerConfig);
         const uninstallManifestGuard = installManifestDiskWriteGuard(manifestOutputPath);
         const releaseOutputFsGuard = suppressManifestOutputWrites(compiler, manifestOutputPath);

package/dist/0~rspack-config.mjs

@@ -16,15 +16,17 @@ import { package_namespaceObject, bundlerFatalError, bundlerRecompiling, browser
 import { stripBom, parseJsonSafe } from "./23.mjs";
 import { isResourceUnderDirs, canonicalizeDir, toResourceKey } from "./93.mjs";
 import { prefix as messaging_prefix, isDebug } from "./349.mjs";
-import { jsFrameworksHmrSummary, isUsingTypeScript, resolvePackageManager, humanLine, jsFrameworksIntegrationsEnabled, jsFrameworksConfigsDetected, recordZipArtifact, hasDependency, resolveDevelopInstallRoot, resolveDevelopDistFile, isUsingCustomLoader, ensureTypeScriptConfig, isUsingIntegration as messages_isUsingIntegration, getUserTypeScriptConfigFile } from "./839.mjs";
+import { isUsingTypeScript, resolvePackageManager, jsFrameworksIntegrationsEnabled, classifyEntrySurface, ensureTypeScriptConfig, resolveDevelopInstallRoot, isUsingCustomLoader, getUserTypeScriptConfigFile, isUsingIntegration as messages_isUsingIntegration, jsFrameworksHmrSummary, humanLine, jsFrameworksConfigsDetected, recordZipArtifact, hasDependency, resolveDevelopDistFile, defaultSplitChunks } from "./839.mjs";
 import { renderStatsBlocks, makeSanitizedConsole } from "./0~stats-handler.mjs";
-import { utils_isUrl, getBaseNode, manifestJsonOutputTarget, getExtname, getBaseHref, toPosixPath, getAssetsFromHtml, normalizeManifestOutputPath, isFromIncludeList, htmlStaticAssetOutputName, manifestPageOutputTarget, iconOutputPath, isSpecialScheme, resolveStaticAttributeName, getHtmlPageDeclaredAssetPath, themeImageOutputPath, themeIconOutputPath, applyRewrittenStaticUrl, cleanLeading, getFilePath, parseHtml, resolveAbsoluteFsPath, cleanAssetUrl, isHttpLike, resolveHtmlRefPath } from "./518.mjs";
+import { utils_isUrl, getBaseNode, manifestJsonOutputTarget, getExtname, getBaseHref, getAssetsFromHtml, normalizeManifestOutputPath, isFromIncludeList, htmlStaticAssetOutputName, isSpecialScheme, manifestPageOutputTarget, iconOutputPath, resolveStaticAttributeName, getHtmlPageDeclaredAssetPath, themeImageOutputPath, themeIconOutputPath, applyRewrittenStaticUrl, cleanLeading, getFilePath, parseHtml, resolveAbsoluteFsPath, cleanAssetUrl, isHttpLike, resolveHtmlRefPath } from "./834.mjs";
 import { EXTENSIONJS_CONTENT_SCRIPT_LAYER, getCanonicalContentScriptEntryName, parseCanonicalContentScriptAsset, CONTENT_SCRIPT_CSS_PROBE_MARKER_PREFIX, createContentScriptCssProbeMarkerPattern, getCanonicalContentScriptJsAssetName, getCanonicalContentScriptCssAssetName, isCanonicalContentScriptAsset } from "./291.mjs";
 import { packagingSourceFiles, debugBrowser, debugExtensionsToLoad, treeWithSourceFiles, debugOutputPath, manifestInvalidJson, getDirs, asAbsolute, treeWithDistFilesBrowser, packagingDistributionFiles, treeWithSourceAndDistFiles, toPosixPath as paths_toPosixPath, debugContextPath, noCompanionExtensionsResolved } from "./77.mjs";
 import { hasProjectDependency, findNearestProjectManifestSync, PROJECT_MANIFEST_FILENAMES, readProjectDependencies } from "./80.mjs";
 import { cssMinifierDroppedRules, postCssConfigUnreadable, missingSassDependency, deadCssUrlRef, postCssPluginNotResolved, postCssConfigPluginsShape, cssIntegrationsEnabled, cssConfigsDetected, isUsingIntegration } from "./845.mjs";
 import { minifierDroppedTokens, restoreVerbatimCssAssets } from "./129.mjs";
-import { injectedFileDependencyMissing, importScriptsDependencyMissing, getURLDependencyMissing, staticImportDependencyMissing, fetchedFileDependencyMissing, runtimeSetSurfaceDependencyMissing } from "./266.mjs";
+import { restorePublicRootRefs, PUBLIC_ROOT_SCHEME } from "./public-css-url-loader.mjs";
+import { toPosixPath } from "./86.mjs";
+import { getURLDependencyMissing, entrySplitAcrossInitialFiles, fetchedFileDependencyMissing, importScriptsDependencyMissing, injectedCompiledSourceLiteral, injectedFileDependencyMissing, staticImportDependencyMissing, runtimeSetSurfaceDependencyMissing } from "./266.mjs";
 import { inspectPublicFolders, publicResolveRoots, rememberPublicRoots } from "./278.mjs";
 import { fileURLToPath as __rspack_fileURLToPath } from "node:url";
 import { dirname as __rspack_dirname } from "node:path";
@@ -2822,6 +2824,13 @@ async function buildCssRules(projectPath, mode, usage, opts) {
         }
         let ruleType = type;
         let parser;
+        if ('css' === nonModuleType && manifestPath && 'asset/inline' !== type) use.unshift({
+            loader: resolveDevelopDistFile('public-css-url-loader'),
+            options: {
+                manifestPath,
+                projectPath
+            }
+        });
         if ('asset/inline' === type && manifestPath) {
             use.unshift({
                 loader: resolveDevelopDistFile('dead-css-url-loader'),
@@ -2899,7 +2908,8 @@ async function cssInContentScriptLoader(projectPath, manifestPath, mode, usage =
 async function cssInHtmlLoader(projectPath, mode, manifestPath, usage = {}) {
     return buildCssRules(projectPath, mode, usage, {
         nonModuleType: 'css',
-        issuer: (issuer)=>!isContentScriptEntry(issuer, manifestPath, projectPath)
+        issuer: (issuer)=>!isContentScriptEntry(issuer, manifestPath, projectPath),
+        manifestPath
     });
 }
 class CssPlugin {
@@ -2984,6 +2994,22 @@ class CssPlugin {
             });
         });
     }
+    restorePublicRootRefs(compiler) {
+        if (!compiler.hooks?.thisCompilation?.tap) return;
+        compiler.hooks.thisCompilation.tap(`${CssPlugin.name}:public`, (c)=>{
+            if (!c?.hooks?.processAssets?.tap) return;
+            c.hooks.processAssets.tap({
+                name: `${CssPlugin.name}:public-root-restore`,
+                stage: core_Compilation.PROCESS_ASSETS_STAGE_OPTIMIZE_SIZE + 2
+            }, ()=>{
+                for (const asset of c.getAssets()){
+                    if (!/\.(css|js)$/.test(asset.name)) continue;
+                    const before = asset.source.source().toString();
+                    if (before.includes(PUBLIC_ROOT_SCHEME)) c.updateAsset(asset.name, new core_sources.RawSource(restorePublicRootRefs(before)));
+                }
+            });
+        });
+    }
     tolerateDeadUrlRefs(compiler) {
         const manifestDir = __rspack_external_node_path_c5b9b54f.dirname(this.manifestPath);
         const projectPath = compiler.options.context || process.cwd();
@@ -3032,6 +3058,7 @@ class CssPlugin {
     }
     async apply(compiler) {
         this.keepCssParityInProduction(compiler);
+        this.restorePublicRootRefs(compiler);
         this.tolerateDeadUrlRefs(compiler);
         const mode = compiler.options.mode || 'development';
         if ('production' === mode) return void compiler.hooks.beforeRun.tapPromise(CssPlugin.name, ()=>this.configureOptions(compiler));
@@ -6891,6 +6918,15 @@ const SOURCE_SIBLING_EXTENSIONS = [
     '.jsx',
     '.mjs'
 ];
+const COMPILED_TO_JS_EXTENSIONS = new Set([
+    '.ts',
+    '.tsx',
+    '.jsx',
+    '.mts',
+    '.cts',
+    '.mjs',
+    '.cjs'
+]);
 class TraceRuntimeLoadedFiles {
     manifestPath;
     constructor(options){
@@ -7098,17 +7134,25 @@ class TraceRuntimeLoadedFiles {
             const content = asset.source.source().toString();
             for (const literal of extractInjectedFileLiterals(content)){
                 const distRel = resolveExtensionPath(literal, '');
-                if (!(!distRel || seen.has(distRel))) {
-                    seen.add(distRel);
-                    copyThroughOrWarn(compilation, {
-                        manifestDir,
-                        sourceRel: distRel,
-                        distRel,
-                        warning: (expected, sourceSibling)=>injectedFileDependencyMissing(asset.name, literal, expected, sourceSibling),
-                        warningName: 'InjectedScriptFilesMissing',
-                        warningFile: asset.name
-                    });
+                if (!distRel || seen.has(distRel)) continue;
+                seen.add(distRel);
+                const emittedPath = compiledSourceEmittedPath(distRel);
+                if (emittedPath && compilation.getAsset(emittedPath)) {
+                    const warn = new core_WebpackError(injectedCompiledSourceLiteral(asset.name, literal, emittedPath));
+                    warn.name = 'InjectedScriptCompiledSource';
+                    warn.file = asset.name;
+                    compilation.warnings ||= [];
+                    compilation.warnings.push(warn);
+                    continue;
                 }
+                copyThroughOrWarn(compilation, {
+                    manifestDir,
+                    sourceRel: distRel,
+                    distRel,
+                    warning: (expected, sourceSibling)=>injectedFileDependencyMissing(asset.name, literal, expected, sourceSibling),
+                    warningName: 'InjectedScriptFilesMissing',
+                    warningFile: asset.name
+                });
             }
         }
     }
@@ -7161,6 +7205,11 @@ function findSourceSibling(abs) {
     const base = abs.slice(0, -3);
     return SOURCE_SIBLING_EXTENSIONS.map((ext)=>base + ext).find((candidate)=>__rspack_external_node_fs_5ea92f0c.existsSync(candidate));
 }
+function compiledSourceEmittedPath(distRel) {
+    const ext = __rspack_external_node_path_c5b9b54f.posix.extname(distRel);
+    if (!COMPILED_TO_JS_EXTENSIONS.has(ext.toLowerCase())) return null;
+    return `${distRel.slice(0, -ext.length)}.js`;
+}
 function trace_runtime_loaded_files_unixify(filePath) {
     return filePath.replace(/\\/g, '/');
 }
@@ -7290,20 +7339,38 @@ function extractImportScriptsLiterals(source) {
 function extractInjectedFileLiterals(source) {
     const code = blankComments(source);
     const literals = [];
-    const callRe = /\b(?:executeScript|insertCSS|removeCSS)\s*\(/g;
-    let match;
-    while(match = callRe.exec(code)){
-        const args = readBalancedArgs(code, match.index + match[0].length - 1);
-        if (null == args) continue;
-        const filesRe = /["']?files["']?\s*:\s*\[([^\]]*)\]/g;
-        let filesMatch;
-        while(filesMatch = filesRe.exec(args))for (const element of splitTopLevelArgs(filesMatch[1])){
-            const literal = pureStringLiteral(element);
-            if (null != literal) literals.push(literal);
+    const calls = [
+        {
+            callRe: /\b(?:executeScript|insertCSS|removeCSS)\s*\(/g,
+            arrayProps: [
+                'files'
+            ]
+        },
+        {
+            callRe: /\b(?:registerContentScripts|updateContentScripts)\s*\(/g,
+            arrayProps: [
+                'js',
+                'css'
+            ]
+        }
+    ];
+    for (const { callRe, arrayProps } of calls){
+        let match;
+        while(match = callRe.exec(code)){
+            const args = readBalancedArgs(code, match.index + match[0].length - 1);
+            if (null == args) continue;
+            for (const prop of arrayProps){
+                const arrayRe = new RegExp(`(?<![\\w$.])["']?${prop}["']?\\s*:\\s*\\[([^\\]]*)\\]`, 'g');
+                let arrayMatch;
+                while(arrayMatch = arrayRe.exec(args))for (const element of splitTopLevelArgs(arrayMatch[1])){
+                    const literal = pureStringLiteral(element);
+                    if (null != literal) literals.push(literal);
+                }
+            }
+            const fileRe = /["']?file["']?\s*:\s*(['"])((?:\\.|(?!\1)[^\\])*)\1/g;
+            let fileMatch;
+            while(fileMatch = fileRe.exec(args))literals.push(unescapeStringBody(fileMatch[2]));
         }
-        const fileRe = /["']?file["']?\s*:\s*(['"])((?:\\.|(?!\1)[^\\])*)\1/g;
-        let fileMatch;
-        while(fileMatch = fileRe.exec(args))literals.push(unescapeStringBody(fileMatch[2]));
     }
     return literals;
 }
@@ -8226,26 +8293,32 @@ function bakeBaseHref(htmlDocument) {
         node.childNodes = node.childNodes.filter((child)=>child !== baseNode);
     });
 }
-function injectJsScript(bodyNode, feature, firstScriptAttrs) {
-    const scriptTag = __rspack_external_parse5_utilities_78b19c6a.createNode("script");
-    scriptTag.attrs = [
+const PROPAGATED_SCRIPT_ATTRS = new Set([
+    'type',
+    'defer',
+    'async'
+]);
+function scriptTagAttrs(src, firstScriptAttrs) {
+    const attrs = [
         {
             name: 'src',
-            value: getFilePath(feature, '.js', true)
+            value: src
         }
     ];
-    const propagateScriptAttrs = new Set([
-        'type',
-        'defer',
-        'async'
-    ]);
-    if (firstScriptAttrs) {
-        for (const attr of firstScriptAttrs)if (propagateScriptAttrs.has(attr.name) && !scriptTag.attrs.find((a)=>a.name === attr.name)) scriptTag.attrs.push({
-            name: attr.name,
-            value: attr.value
-        });
-    }
-    __rspack_external_parse5_utilities_78b19c6a.append(bodyNode, scriptTag);
+    for (const attr of firstScriptAttrs || [])if (PROPAGATED_SCRIPT_ATTRS.has(attr.name) && !attrs.find((a)=>a.name === attr.name)) attrs.push({
+        name: attr.name,
+        value: attr.value
+    });
+    return attrs;
+}
+function createScriptTag(src, firstScriptAttrs) {
+    const scriptTag = __rspack_external_parse5_utilities_78b19c6a.createNode("script");
+    scriptTag.attrs = scriptTagAttrs(src, firstScriptAttrs);
+    return scriptTag;
+}
+function injectJsScript(bodyNode, feature, firstScriptAttrs, siblingScripts = []) {
+    for (const src of siblingScripts)__rspack_external_parse5_utilities_78b19c6a.append(bodyNode, createScriptTag(src, firstScriptAttrs));
+    __rspack_external_parse5_utilities_78b19c6a.append(bodyNode, createScriptTag(getFilePath(feature, '.js', true), firstScriptAttrs));
 }
 function warnIfPublicRootAssetMissing(compilation, htmlEntry, cleanPath) {
     const projectDir = __rspack_external_node_path_c5b9b54f.dirname(__rspack_external_node_path_c5b9b54f.dirname(htmlEntry));
@@ -8258,7 +8331,15 @@ function warnIfPublicRootAssetMissing(compilation, htmlEntry, cleanPath) {
     warn.message = filtered.join('\n').trim();
     compilation.warnings.push(warn);
 }
-function patchHtml(compilation, feature, htmlEntry, includeList, manifestDir) {
+function insertBefore(reference, node) {
+    const parent = reference.parentNode;
+    if (!parent || !Array.isArray(parent.childNodes)) return;
+    const index = parent.childNodes.indexOf(reference);
+    if (-1 === index) return;
+    node.parentNode = parent;
+    parent.childNodes.splice(index, 0, node);
+}
+function patchHtml(compilation, feature, htmlEntry, includeList, manifestDir, siblingScripts = []) {
     const htmlFile = __rspack_external_node_fs_5ea92f0c.readFileSync(htmlEntry, {
         encoding: 'utf8'
     });
@@ -8319,19 +8400,9 @@ function patchHtml(compilation, feature, htmlEntry, includeList, manifestDir) {
             if (bundledScriptNodes.length > 0) {
                 for (const scriptNode of bundledScriptNodes.slice(0, -1))__rspack_external_parse5_utilities_78b19c6a.remove(scriptNode);
                 const lastScriptNode = bundledScriptNodes[bundledScriptNodes.length - 1];
-                const propagateScriptAttrs = new Set([
-                    'type',
-                    'defer',
-                    'async'
-                ]);
-                lastScriptNode.attrs = [
-                    {
-                        name: 'src',
-                        value: getFilePath(feature, '.js', true)
-                    },
-                    ...(firstScriptAttrs || []).filter((attr)=>propagateScriptAttrs.has(attr.name))
-                ];
-            } else if (bodyNode) injectJsScript(bodyNode, feature, firstScriptAttrs);
+                for (const src of siblingScripts)insertBefore(lastScriptNode, createScriptTag(src, firstScriptAttrs));
+                lastScriptNode.attrs = scriptTagAttrs(getFilePath(feature, '.js', true), firstScriptAttrs);
+            } else if (bodyNode) injectJsScript(bodyNode, feature, firstScriptAttrs, siblingScripts);
         }
         bakeBaseHref(htmlDocument);
         return __rspack_external_parse5_utilities_78b19c6a.stringify(htmlDocument);
@@ -9035,6 +9106,34 @@ class ThrowIfRecompileIsNeeded {
         });
     }
 }
+const HOT_UPDATE_FILE = /\.hot-update\.m?js$/i;
+function isJsFile(file) {
+    return /\.m?js$/i.test(file) && !HOT_UPDATE_FILE.test(file);
+}
+function initialJsFiles(entrypoint) {
+    const files = new Set();
+    const runtimeChunk = entrypoint.getRuntimeChunk?.();
+    for (const file of runtimeChunk?.files || [])if (isJsFile(file)) files.add(file);
+    for (const file of entrypoint.getFiles())if (isJsFile(file)) files.add(file);
+    return [
+        ...files
+    ];
+}
+function entryOwnJsFile(entryName, entrypoint, files) {
+    const entryChunk = entrypoint.getEntrypointChunk?.();
+    for (const file of entryChunk?.files || [])if (isJsFile(file) && files.includes(file)) return file;
+    const byName = new RegExp(`^${entryName.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')}(\\.[a-z0-9]+)?\\.m?js$`, 'i');
+    return files.find((file)=>byName.test(file)) || files[files.length - 1];
+}
+function siblingScriptsFor(compilation, feature) {
+    const entrypoints = compilation.entrypoints;
+    const entrypoint = 'function' == typeof entrypoints?.get ? entrypoints.get(feature) : null;
+    if (!entrypoint || 'function' != typeof entrypoint.getFiles) return [];
+    const files = initialJsFiles(entrypoint);
+    if (files.length <= 1) return [];
+    const ownFile = entryOwnJsFile(feature, entrypoint, files);
+    return files.filter((file)=>file !== ownFile).map((file)=>getFilePath(file, '', true));
+}
 class UpdateHtmlFile {
     manifestPath;
     includeList;
@@ -9057,7 +9156,7 @@ class UpdateHtmlFile {
                     const getAssetFn = compilation.getAsset;
                     const existing = 'function' == typeof getAssetFn ? getAssetFn.call(compilation, assetFilename) : compilation.assets?.[assetFilename];
                     if (!existing) continue;
-                    const updated = patchHtml(compilation, feature, resolved, this.includeList || {}, projectDir);
+                    const updated = patchHtml(compilation, feature, resolved, this.includeList || {}, projectDir, siblingScriptsFor(compilation, feature));
                     const updatedHtml = 'string' == typeof updated ? updated : updated && 'string' == typeof updated.html ? updated.html : null;
                     if ('string' == typeof updatedHtml) compilation.updateAsset(assetFilename, new core_sources.RawSource(updatedHtml));
                 }
@@ -10178,6 +10277,26 @@ class AddDependencies {
         });
     }
 }
+const DEV_INJECTED_PERMISSIONS_MV3 = [
+    "scripting",
+    'tabs',
+    'management',
+    'storage'
+];
+const DEV_INJECTED_PERMISSIONS_MV2 = [
+    'tabs',
+    'storage'
+];
+function devInjectedPermissions(manifestVersion) {
+    return 3 === manifestVersion ? DEV_INJECTED_PERMISSIONS_MV3 : DEV_INJECTED_PERMISSIONS_MV2;
+}
+const PARTIALLY_GATED_APIS = {
+    tabs: "Some chrome.tabs methods run without the permission, but the tab url, title and favIconUrl fields and the url and title query filters come back empty without it."
+};
+function partiallyGatedNote(api) {
+    const note = PARTIALLY_GATED_APIS[api];
+    return note ? ` ${note}` : '';
+}
 function persistentPatchFor(manifest) {
     return 3 === manifest.manifest_version ? {} : {
         persistent: true
@@ -10428,11 +10547,6 @@ function patchWebResourcesV3(manifest) {
         }
     ];
 }
-const INJECTED_PERMISSION_APIS = [
-    'storage',
-    "scripting",
-    'management'
-];
 function findInjectedOnlyPermissionUses(compilation, declared, injected) {
     const firstOffenderByApi = new Map();
     const candidates = injected.filter((api)=>!declared.has(api));
@@ -10510,40 +10624,19 @@ class ApplyDevDefaults {
                         ...optionalPermissions
                     ]
                 ]);
-                const devInjectedPermissions = 3 === canonicalManifest.manifest_version ? [
-                    "scripting",
-                    'tabs',
-                    'management',
-                    'storage'
-                ] : [
-                    'tabs',
-                    'storage'
-                ];
-                for (const permission of devInjectedPermissions)if (optionalPermissions.has(permission) && !(canonicalManifest.permissions || []).includes(permission)) pushDevWarning('DevPromotedOptionalPermissionWarning', `manifest.json lists "${permission}" under optional_permissions, but the dev build needs it and lists it under permissions too. Listed in both means required, so in development it is granted at install and your runtime request flow never runs. The production build keeps it optional.`);
-                for (const match of contentScriptMatches)if (optionalHosts.has(match)) pushDevWarning('DevPromotedOptionalHostWarning', `manifest.json keeps "${match}" optional, but a content script matches it and the dev build grants that host at install so it can re-inject the script on save. In development the host is required; the production build keeps it optional.`);
+                const injectedPermissions = devInjectedPermissions(canonicalManifest.manifest_version);
+                for (const permission of injectedPermissions)if (optionalPermissions.has(permission) && !(canonicalManifest.permissions || []).includes(permission)) pushDevWarning('DevPromotedOptionalPermissionWarning', `manifest.json lists "${permission}" under optional_permissions, but the dev build needs it and lists it under permissions too. Listed in both means required, so in development it is granted at install and your runtime request flow never runs. The production build keeps it optional.`);
+                for (const match of contentScriptMatches)if (optionalHosts.has(match)) pushDevWarning('DevPromotedOptionalHostWarning', `manifest.json keeps "${match}" optional, but a content script matches it and the dev build grants that host at install so it can re-inject the script on save. In development the host is required. The production build keeps it optional.`);
                 const patchedManifest = {
                     ...canonicalManifest,
                     content_security_policy: 3 === canonicalManifest.manifest_version ? patchV3CSP(canonicalManifest) : patchV2CSP(canonicalManifest),
-                    ...3 === canonicalManifest.manifest_version ? {
-                        permissions: [
-                            ...new Set([
-                                "scripting",
-                                'tabs',
-                                'management',
-                                'storage',
-                                ...canonicalManifest.permissions || []
-                            ])
-                        ]
-                    } : {
-                        permissions: [
-                            ...new Set([
-                                'tabs',
-                                'storage',
-                                ...contentScriptMatches,
-                                ...canonicalManifest.permissions || []
-                            ])
-                        ]
-                    },
+                    permissions: [
+                        ...new Set([
+                            ...injectedPermissions,
+                            ...3 === canonicalManifest.manifest_version ? [] : contentScriptMatches,
+                            ...canonicalManifest.permissions || []
+                        ])
+                    ],
                     ...hostPermissionsPatch,
                     ...patchBackground(canonicalManifest, this.browser),
                     ...patchExternallyConnectable(canonicalManifest),
@@ -10551,14 +10644,11 @@ class ApplyDevDefaults {
                 };
                 try {
                     const declared = new Set(canonicalManifest.permissions || []);
-                    const injectedForEra = 3 === canonicalManifest.manifest_version ? INJECTED_PERMISSION_APIS : [
-                        'storage'
-                    ];
-                    const uses = findInjectedOnlyPermissionUses(compilation, declared, injectedForEra);
+                    const uses = findInjectedOnlyPermissionUses(compilation, declared, injectedPermissions);
                     for (const [api, file] of uses){
                         const relative = __rspack_external_path.relative(__rspack_external_path.dirname(this.manifestPath), file);
                         const text = optionalPermissions.has(api) ? `manifest.json only lists the "${api}" permission under optional_permissions, but ${relative} uses chrome.${api}. It works in development only because the dev instrumentation injects "${api}" as required: the production build has it only after a runtime chrome.permissions.request, so guard the use or move "${api}" to permissions.` : `manifest.json does not declare the "${api}" permission, but ${relative} uses chrome.${api}. It works in development only because the dev instrumentation injects "${api}": the production build will fail at runtime. Add "${api}" to permissions in manifest.json.`;
-                        pushDevWarning('DevInjectedPermissionWarning', text);
+                        pushDevWarning('DevInjectedPermissionWarning', text + partiallyGatedNote(api));
                     }
                 } catch  {}
                 const source = JSON.stringify(patchedManifest, null, 2);
@@ -13212,6 +13302,31 @@ function parsesAsModule(source) {
         return false;
     }
 }
+class WarnSplitInitialChunks {
+    apply(compiler) {
+        if (!compiler?.hooks?.thisCompilation?.tap) return;
+        compiler.hooks.thisCompilation.tap("scripts:warn-split-initial-chunks", (compilation)=>{
+            compilation.hooks.processAssets.tap({
+                name: "scripts:warn-split-initial-chunks",
+                stage: core_Compilation.PROCESS_ASSETS_STAGE_REPORT
+            }, ()=>{
+                const entrypoints = compilation.entrypoints;
+                for (const [entryName, entrypoint] of entrypoints){
+                    const surface = classifyEntrySurface(entryName);
+                    if ('page' === surface) continue;
+                    const files = initialJsFiles(entrypoint);
+                    if (files.length <= 1) continue;
+                    const ownFile = entryOwnJsFile(entryName, entrypoint, files);
+                    const extraFiles = files.filter((file)=>file !== ownFile);
+                    if (!ownFile || 0 === extraFiles.length) continue;
+                    const warn = new core_WebpackError(entrySplitAcrossInitialFiles(entryName, surface, ownFile, extraFiles));
+                    warn.file = ownFile;
+                    compilation.warnings.push(warn);
+                }
+            });
+        });
+    }
+}
 class ScriptsPlugin {
     manifestPath;
     includeList;
@@ -13241,6 +13356,7 @@ class ScriptsPlugin {
         }).apply(compiler);
         if ('production' === compiler.options.mode) new AddPublicPathRuntimeModule().apply(compiler);
         new ValidateEmittedScriptSyntax().apply(compiler);
+        new WarnSplitInitialChunks().apply(compiler);
     }
 }
 class CollectContentEntryImports {
@@ -14040,7 +14156,7 @@ function webpackConfig(projectStructure, devOptions) {
             sideEffects: true,
             usedExports: 'global',
             concatenateModules: 'production' === devOptions.mode,
-            splitChunks: false,
+            splitChunks: defaultSplitChunks(),
             runtimeChunk: false,
             moduleIds: 'deterministic',
             chunkIds: 'deterministic'

package/dist/101.mjs

@@ -352,7 +352,7 @@ async function isUsingExperimentalConfig(projectPath) {
     }
     return false;
 }
-var package_namespaceObject = /*#__PURE__*/ JSON.parse('{"rE":"4.1.14","El":{"@prefresh/core":"1.5.9","@prefresh/utils":"1.2.1","@rspack/core":"^2.1.1","@rspack/dev-server":"2.1.0","@rspack/plugin-preact-refresh":"2.0.1","@rspack/plugin-react-refresh":"2.0.2","@vue/compiler-sfc":"3.5.26","acorn":"^8.16.0","browser-extension-manifest-fields":"^2.3.1","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.2.5","fflate":"^0.8.3","go-git-it":"^5.1.5","ignore":"^7.0.5","less":"4.6.7","less-loader":"13.0.0","parse5-utilities":"^1.0.0","pintor":"0.3.0","postcss":"8.5.23","postcss-loader":"8.2.1","postcss-preset-env":"11.1.1","postcss-scss":"4.0.9","preact":"10.27.3","prefers-yarn":"2.0.1","react-refresh":"0.18.0","sass-loader":"17.0.0","schema-utils":"^4.3.3","svelte-loader":"3.2.4","tiny-glob":"^0.2.9","vue":"3.5.26","vue-loader":"17.4.2","webextension-polyfill":"^0.12.0","webpack-merge":"^6.0.1","webpack-target-webextension":"^2.1.3","ws":"^8.20.1"}}');
+var package_namespaceObject = /*#__PURE__*/ JSON.parse('{"rE":"4.1.16","El":{"@prefresh/core":"1.5.9","@prefresh/utils":"1.2.1","@rspack/core":"^2.1.1","@rspack/dev-server":"2.1.0","@rspack/plugin-preact-refresh":"2.0.1","@rspack/plugin-react-refresh":"2.0.2","@vue/compiler-sfc":"3.5.26","acorn":"^8.16.0","browser-extension-manifest-fields":"^2.3.1","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.2.5","fflate":"^0.8.3","go-git-it":"^5.1.5","ignore":"^7.0.5","less":"4.6.7","less-loader":"13.0.0","parse5-utilities":"^1.0.0","pintor":"0.3.0","postcss":"8.5.23","postcss-loader":"8.2.1","postcss-preset-env":"11.1.1","postcss-scss":"4.0.9","preact":"10.27.3","prefers-yarn":"2.0.1","react-refresh":"0.18.0","sass-loader":"17.0.0","schema-utils":"^4.3.3","svelte-loader":"3.2.4","tiny-glob":"^0.2.9","vue":"3.5.26","vue-loader":"17.4.2","webextension-polyfill":"^0.12.0","webpack-merge":"^6.0.1","webpack-target-webextension":"^2.1.3","ws":"^8.20.1"}}');
 function sanitize(obj) {
     return Object.fromEntries(Object.entries(obj || {}).filter(([, value])=>void 0 !== value));
 }

package/dist/266.mjs

@@ -21,6 +21,45 @@ function injectedFileDependencyMissing(assetName, literal, expectedPath, sourceS
     lines.push(`Move the file to ${pintor.blue(expectedPath)} or ${pintor.blue('public/')} so it ships with the extension.`);
     return lines.join('\n');
 }
+function injectedCompiledSourceLiteral(assetName, literal, emittedPath) {
+    const lines = [];
+    lines.push(`${assetName} injects '${literal}', but ${literal} is compiled to ${emittedPath}.`);
+    lines.push(`${pintor.gray('REQUESTED')} ${pintor.underline(literal)}`);
+    lines.push(`${pintor.gray('EMITTED')} ${pintor.underline(emittedPath)}`);
+    lines.push("The browser asks for the source path, which the output does not contain, so the injection fails at runtime.");
+    lines.push(`Inject the emitted path: ${pintor.blue(emittedPath)}.`);
+    return lines.join('\n');
+}
+const SPLIT_ENTRY_RECIPE_URL = 'https://extension.js.org/docs/features/rspack-configuration#share-a-module-between-entries';
+const SPLIT_ENTRY_SURFACES = {
+    page: {
+        loads: (entryName)=>`${entryName}.html references only`,
+        effect: 'the page renders blank'
+    },
+    background: {
+        loads: ()=>'the background registration loads only',
+        effect: "the background script never starts"
+    },
+    content_script: {
+        loads: ()=>"the content_scripts declaration injects only",
+        effect: "the content script never runs on the page"
+    },
+    script: {
+        loads: ()=>'the runtime injection loads only',
+        effect: "the script never runs"
+    }
+};
+function entrySplitAcrossInitialFiles(entryName, surface, ownFile, extraFiles) {
+    const shape = SPLIT_ENTRY_SURFACES[surface];
+    const count = extraFiles.length + 1;
+    const lines = [];
+    lines.push(`${entryName} is split into ${count} initial files, but ${shape.loads(entryName)} ${ownFile}.`);
+    lines.push(`${pintor.gray('LOADED')} ${pintor.underline(ownFile)}`);
+    lines.push(`${pintor.gray('NOT LOADED')} ${extraFiles.map((file)=>pintor.underline(file)).join(', ')}`);
+    lines.push(`The entry waits for the other files at runtime and never runs, so ${shape.effect}.`);
+    lines.push(`Only a user-set optimization.splitChunks cache group does this. Use chunks: 'async' and import() the shared module: ${pintor.blue(SPLIT_ENTRY_RECIPE_URL)}`);
+    return lines.join('\n');
+}
 function fetchedFileDependencyMissing(assetName, literal, expectedPath) {
     const lines = [];
     lines.push(`${assetName} loads '${literal}' at runtime (fetch/XMLHttpRequest/new URL), but the file isn't in the output.`);
@@ -57,4 +96,4 @@ function reservedScriptsFolder(relPath, indicators) {
     const reasons = indicators.map((r)=>`- ${pintor.gray(r)}`).join('\n');
     return `${prefix('error')} scripts/ is a reserved folder in Extension.js.\n${pintor.gray('PATH')} ${pintor.underline(relPath)}\nEvery file under ${pintor.blue("scripts/")} is wrapped with the browser content-script mount runtime, so Node.js-only files placed here fail to parse or run.\nThis file looks Node.js-only:\n${reasons}\nRename the folder at the project root (for example ${pintor.blue('bin/')}, ${pintor.blue('tools/')}, or ${pintor.blue('tasks/')}), or move the file out of scripts/.`;
 }
-export { fetchedFileDependencyMissing, getURLDependencyMissing, importScriptsDependencyMissing, injectedFileDependencyMissing, reservedScriptsFolder, runtimeSetSurfaceDependencyMissing, staticImportDependencyMissing };
+export { entrySplitAcrossInitialFiles, fetchedFileDependencyMissing, getURLDependencyMissing, importScriptsDependencyMissing, injectedCompiledSourceLiteral, injectedFileDependencyMissing, reservedScriptsFolder, runtimeSetSurfaceDependencyMissing, staticImportDependencyMissing };

package/dist/372.mjs

@@ -1,5 +1,6 @@
 import { createRequire as __extjsCreateRequire } from "node:module"; const require = __extjsCreateRequire(import.meta.url);
-import { replaceCssUrlRefs, toPosixPath, htmlStaticAssetOutputName } from "./518.mjs";
+import { htmlStaticAssetOutputName } from "./834.mjs";
+import { replaceCssUrlRefs, toPosixPath } from "./86.mjs";
 import * as __rspack_external_node_fs_5ea92f0c from "node:fs";
 import * as __rspack_external_node_path_c5b9b54f from "node:path";
 const EXTENSION_ROOT_PLACEHOLDER = '__EXTENSIONJS_EXTENSION_ROOT__/';

package/dist/77.mjs

@@ -337,6 +337,9 @@ function debugDirs(manifestDir, packageJsonDir) {
 function debugBrowser(browser, chromiumBinary, geckoBinary) {
     return `${messaging_prefix('debug')} browser  target=${String(browser)} chromiumBinary=${String(chromiumBinary || 'auto')} geckoBinary=${String(geckoBinary || 'auto')}`;
 }
+function debugSplitChunksNarrowed(optionPaths) {
+    return `${messaging_prefix('debug')} chunks   narrowed=${optionPaths.join(',')} single-file=background,content_scripts/,scripts/`;
+}
 function debugOutputPath(pathValue) {
     return `${messaging_prefix('debug')} output   path=${pathValue}`;
 }
@@ -930,4 +933,4 @@ function actionsPath(projectPath, browser) {
 function buildSummaryPath(projectPath, browser) {
     return __rspack_external_node_path_c5b9b54f.join(browserArtifactsDir(projectPath, browser), 'build-summary.json');
 }
-export { actionsPath, anotherDevSessionActive, asAbsolute, authorInstallNotice, browserArtifactsDir, browserDistDir, browserLaunchFailed, browserProfileRootDir, buildAssetsTree, buildCommandFailed, buildComplete, buildFailed, buildShareHint, buildSummaryPath, buildWarningsDetails, computePreviewOutputPath, configBrowserOrThrow, configLoadingError, controlPortFilePath, controlTokenPath, debugBrowser, debugContextPath, debugDirs, debugExtensionsToLoad, debugOutputPath, debugPreviewOutput, devCommandFailed, devtoolsEngineFor, downloadingText, ensureSessionArtifactsIgnoreFile, ensureSessionStateInProjectGitignore, eventsPath, extensionLoadRecovered, extensionLoadStillRefused, failedToDownloadOrExtractZIPFileError, getDirs, getDistPath, getProjectStructure, invalidRemoteZip, isUsingExperimentalConfig, legacyControlPortFilePath, legacyControlTokenPath, localZipNotFound, logsPath, managedDependencyConflict, manifestInvalidJson, needsInstall, noCompanionExtensionsResolved, normalizeBrowser, notAZipArchive, packagingDistributionFiles, packagingSourceFiles, previewing, previewingCustomOutput, previewingSourceFallback, projectInstallFallbackToNpm, projectInstallScriptsDisabled, readyContractPath, resolveProjectStructureSync, sessionArtifactsRootDir, sessionStateDir, starting, toPosixPath, treeWithDistFilesBrowser, treeWithSourceAndDistFiles, treeWithSourceFiles, unpackagedSuccessfully, unpackagingExtension, writingTypeDefinitions, writingTypeDefinitionsError, zipArtifactReady };
+export { actionsPath, anotherDevSessionActive, asAbsolute, authorInstallNotice, browserArtifactsDir, browserDistDir, browserLaunchFailed, browserProfileRootDir, buildAssetsTree, buildCommandFailed, buildComplete, buildFailed, buildShareHint, buildSummaryPath, buildWarningsDetails, computePreviewOutputPath, configBrowserOrThrow, configLoadingError, controlPortFilePath, controlTokenPath, debugBrowser, debugContextPath, debugDirs, debugExtensionsToLoad, debugOutputPath, debugPreviewOutput, debugSplitChunksNarrowed, devCommandFailed, devtoolsEngineFor, downloadingText, ensureSessionArtifactsIgnoreFile, ensureSessionStateInProjectGitignore, eventsPath, extensionLoadRecovered, extensionLoadStillRefused, failedToDownloadOrExtractZIPFileError, getDirs, getDistPath, getProjectStructure, invalidRemoteZip, isUsingExperimentalConfig, legacyControlPortFilePath, legacyControlTokenPath, localZipNotFound, logsPath, managedDependencyConflict, manifestInvalidJson, needsInstall, noCompanionExtensionsResolved, normalizeBrowser, notAZipArchive, packagingDistributionFiles, packagingSourceFiles, previewing, previewingCustomOutput, previewingSourceFallback, projectInstallFallbackToNpm, projectInstallScriptsDisabled, readyContractPath, resolveProjectStructureSync, sessionArtifactsRootDir, sessionStateDir, starting, toPosixPath, treeWithDistFilesBrowser, treeWithSourceAndDistFiles, treeWithSourceFiles, unpackagedSuccessfully, unpackagingExtension, writingTypeDefinitions, writingTypeDefinitionsError, zipArtifactReady };