extension-develop 3.15.0-next.1 → 3.15.1

package/dist/221.cjs

@@ -464,7 +464,9 @@ exports.modules = {
                 compress: false,
                 devMiddleware: {
                     writeToDisk: shouldWriteAssetToDisk,
-                    stats: false
+                    stats: {
+                        all: false
+                    }
                 },
                 watchFiles: {
                     paths: [
@@ -488,7 +490,7 @@ exports.modules = {
                 },
                 port,
                 hot: true,
-                liveReload: false
+                liveReload: true
             };
             const devServer = new dev_server_.RspackDevServer(serverConfig, compiler);
             const START_TIMEOUT_MS = parseInt(String(process.env.EXTENSION_START_TIMEOUT_MS || '30000'), 10);

package/dist/{512.cjs → 442.cjs}

@@ -1,6 +1,6 @@
 "use strict";
 exports.ids = [
-    512
+    442
 ];
 exports.modules = {
     "./dev-server/compiler-hooks.ts" (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
@@ -1451,6 +1451,7 @@ exports.modules = {
             bannerPrinted: false,
             pendingCompilationLine: ''
         };
+        const BANNER_PRINTED_EVENT = 'extensionjs:banner-printed';
         function markBannerPrinted() {
             sharedState.bannerPrinted = true;
             if (sharedState.pendingCompilationLine) {
@@ -1458,6 +1459,15 @@ exports.modules = {
                 sharedState.pendingCompilationLine = '';
             }
         }
+        let listenerInstalled = false;
+        function ensureBannerListener() {
+            if (listenerInstalled) return;
+            listenerInstalled = true;
+            process.on(BANNER_PRINTED_EVENT, ()=>{
+                markBannerPrinted();
+            });
+        }
+        ensureBannerListener();
         function isBannerPrinted() {
             if (sharedState.bannerPrinted) return true;
             if ('true' === process.env.EXTENSION_CLI_BANNER_PRINTED) {
@@ -2199,14 +2209,14 @@ exports.modules = {
                 {
                     test: /\.css$/,
                     exclude: /\.module\.css$/,
-                    type: 'asset',
+                    type: 'asset/inline',
                     loader: null
                 },
                 ...useSass ? [
                     {
                         test: /\.(sass|scss)$/,
                         exclude: /\.module\.(sass|scss)$/,
-                        type: 'asset',
+                        type: 'asset/inline',
                         loader: 'sass-loader'
                     },
                     {
@@ -2219,7 +2229,7 @@ exports.modules = {
                     {
                         test: /\.less$/,
                         exclude: /\.module\.less$/,
-                        type: 'asset',
+                        type: 'asset/inline',
                         loader: 'less-loader'
                     },
                     {
@@ -2229,32 +2239,22 @@ exports.modules = {
                     }
                 ] : []
             ];
-            const rules = await Promise.all(fileTypes.map(async ({ test, exclude, type = 'asset', loader })=>{
-                const baseConfig = {
+            const rules = await Promise.all(fileTypes.map(async ({ test, exclude, type, loader })=>{
+                const use = loader ? await commonStyleLoaders(projectPath, {
+                    mode: mode,
+                    loader: resolvePreprocessorLoader(loader, projectPath),
+                    loaderOptions: 'sass-loader' === loader ? createSassLoaderOptions(projectPath, mode) : {
+                        sourceMap: true
+                    }
+                }) : await commonStyleLoaders(projectPath, {
+                    mode: mode
+                });
+                return {
                     test,
                     exclude,
                     type,
-                    issuer: isContentScript
-                };
-                if ('asset' === type) baseConfig.generator = {
-                    filename: "content_scripts/[name].[contenthash:8].css"
-                };
-                if (!loader) return {
-                    ...baseConfig,
-                    use: await commonStyleLoaders(projectPath, {
-                        mode: mode
-                    })
-                };
-                const loaderOptions = 'sass-loader' === loader ? createSassLoaderOptions(projectPath, mode) : {
-                    sourceMap: true
-                };
-                return {
-                    ...baseConfig,
-                    use: await commonStyleLoaders(projectPath, {
-                        mode: mode,
-                        loader: resolvePreprocessorLoader(loader, projectPath),
-                        loaderOptions
-                    })
+                    issuer: isContentScript,
+                    use
                 };
             }));
             return rules;
@@ -2305,28 +2305,21 @@ exports.modules = {
                 ] : []
             ];
             const rules = await Promise.all(fileTypes.map(async ({ test, exclude, type, loader })=>{
-                const baseConfig = {
+                const use = loader ? await commonStyleLoaders(projectPath, {
+                    mode: mode,
+                    loader: css_in_html_loader_resolvePreprocessorLoader(loader, projectPath),
+                    loaderOptions: 'sass-loader' === loader ? createSassLoaderOptions(projectPath, mode) : {
+                        sourceMap: true
+                    }
+                }) : await commonStyleLoaders(projectPath, {
+                    mode: mode
+                });
+                return {
                     test,
                     exclude,
                     type,
-                    issuer: isNotContentScript
-                };
-                if (!loader) return {
-                    ...baseConfig,
-                    use: await commonStyleLoaders(projectPath, {
-                        mode: mode
-                    })
-                };
-                const loaderOptions = 'sass-loader' === loader ? createSassLoaderOptions(projectPath, mode) : {
-                    sourceMap: true
-                };
-                return {
-                    ...baseConfig,
-                    use: await commonStyleLoaders(projectPath, {
-                        mode: mode,
-                        loader: css_in_html_loader_resolvePreprocessorLoader(loader, projectPath),
-                        loaderOptions
-                    })
+                    issuer: isNotContentScript,
+                    use
                 };
             }));
             return rules;
@@ -2380,8 +2373,8 @@ exports.modules = {
                 const usingLess = (0, has_dependency.w)(projectPath, 'less');
                 const maybeInstallStylelint = await maybeUseStylelint(projectPath);
                 plugins.push(...maybeInstallStylelint);
-                const maybeInstallSass = await maybeUseSass(projectPath);
-                const maybeInstallLess = await maybeUseLess(projectPath, manifestPath);
+                await maybeUseSass(projectPath);
+                await maybeUseLess(projectPath, manifestPath);
                 const loaders = [
                     ...await cssInContentScriptLoader(projectPath, manifestPath, mode, {
                         useSass: usingSass,
@@ -2392,24 +2385,6 @@ exports.modules = {
                         useLess: usingLess
                     })
                 ];
-                if (maybeInstallSass.length) loaders.push({
-                    test: /\.(sass|scss)$/,
-                    exclude: /\.module\.(sass|scss)$/,
-                    type: 'asset/resource',
-                    generator: {
-                        filename: "content_scripts/[name].[contenthash:8].css"
-                    },
-                    issuer: (issuer)=>isContentScriptEntry(issuer, manifestPath, projectPath)
-                });
-                if (maybeInstallLess.length) loaders.push({
-                    test: /\.less$/,
-                    exclude: /\.module\.less$/,
-                    type: 'asset/resource',
-                    generator: {
-                        filename: "content_scripts/[name].[contenthash:8].css"
-                    },
-                    issuer: (issuer)=>isContentScriptEntry(issuer, manifestPath, projectPath)
-                });
                 compiler.options.output.cssFilename = '[name].css';
                 compiler.options.output.cssChunkFilename = '[name].css';
                 compiler.options.plugins = [
@@ -2648,9 +2623,6 @@ exports.modules = {
                 dependencyId: '@rspack/plugin-preact-refresh',
                 moduleAdapter: (mod)=>mod && mod.default || mod
             });
-            const preactPlugins = [
-                new PreactRefreshPlugin({})
-            ];
             const requireFromProject = (0, external_module_.createRequire)(external_path_.join(projectPath, 'package.json'));
             const resolveFromProject = (id)=>{
                 try {
@@ -2659,11 +2631,19 @@ exports.modules = {
                     return;
                 }
             };
+            const preactPkgJson = resolveFromProject('preact/package.json');
+            const preactDir = preactPkgJson ? external_path_.dirname(preactPkgJson) : void 0;
             const preactCompat = resolveFromProject('preact/compat');
             const preactTestUtils = resolveFromProject('preact/test-utils');
             const preactJsxRuntime = resolveFromProject('preact/jsx-runtime');
             const preactJsxDevRuntime = resolveFromProject('preact/jsx-dev-runtime');
+            const preactPlugins = [
+                new PreactRefreshPlugin(preactDir ? {
+                    preactPath: preactDir
+                } : {})
+            ];
             const alias = {};
+            if (preactDir) alias.preact = preactDir;
             if (preactCompat) {
                 alias.react = preactCompat;
                 alias['react-dom'] = preactCompat;
@@ -2820,7 +2800,7 @@ exports.modules = {
             const defaultPlugins = [
                 new VueLoaderPlugin(),
                 new core_.DefinePlugin({
-                    __VUE_OPTIONS_API__: JSON.stringify(true),
+                    __VUE_OPTIONS_API__: JSON.stringify(!isProd),
                     __VUE_PROD_DEVTOOLS__: JSON.stringify(!isProd),
                     __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: JSON.stringify(!isProd)
                 })
@@ -3415,13 +3395,20 @@ exports.modules = {
             if (!outputPath) return;
             const csDir = external_path_.join(outputPath, "content_scripts");
             if (!external_fs_.existsSync(csDir)) return;
-            const hashedRe = /^content-\d+\.[a-f0-9]+\.(js|css)(\.map)?$/i;
+            const emittedNames = new Set();
+            const assets = 'function' == typeof compilation.getAssets ? compilation.getAssets() : [];
+            for (const asset of assets){
+                const name = asset?.name || '';
+                if (name.startsWith("content_scripts/")) emittedNames.add(name);
+            }
+            const hashedRe = /^[A-Za-z0-9._-]+\.[a-f0-9]{6,}\.(js|css)(\.map)?$/i;
             try {
                 for (const name of external_fs_.readdirSync(csDir)){
                     if (!hashedRe.test(name)) continue;
                     const rel = `content_scripts/${name}`;
-                    if (!currentNames.has(rel)) {
-                        if (!currentNames.has(rel.replace(/\.map$/, ''))) try {
+                    const relNoMap = rel.replace(/\.map$/, '');
+                    if (!(currentNames.has(rel) || currentNames.has(relNoMap))) {
+                        if (!(emittedNames.has(rel) || emittedNames.has(relNoMap))) try {
                             external_fs_.unlinkSync(external_path_.join(csDir, name));
                         } catch  {}
                     }
@@ -3899,7 +3886,19 @@ exports.modules = {
                 }
             }
             const assetKeys = Object.keys(compilation.assets || {});
-            const cssUnderContentScripts = assetKeys.filter((k)=>k.startsWith("content_scripts/")).filter((k)=>k.endsWith('.css')).sort();
+            const emittedCssUnderContentScripts = assetKeys.filter((k)=>k.startsWith("content_scripts/")).filter((k)=>k.endsWith('.css'));
+            const onDiskCssUnderContentScripts = [];
+            const outputPath = compilation.options.output?.path;
+            if (outputPath) try {
+                const csDir = external_path_.join(outputPath, "content_scripts");
+                if (external_fs_.existsSync(csDir)) {
+                    for (const name of external_fs_.readdirSync(csDir))if (name.endsWith('.css')) onDiskCssUnderContentScripts.push(`content_scripts/${name}`);
+                }
+            } catch  {}
+            const cssUnderContentScripts = Array.from(new Set([
+                ...emittedCssUnderContentScripts,
+                ...onDiskCssUnderContentScripts
+            ])).sort();
             if (Array.isArray(canonicalManifest.content_scripts)) for (const contentScript of canonicalManifest.content_scripts){
                 const jsFiles = Array.isArray(contentScript.js) ? contentScript.js : [];
                 const canonicalCss = jsFiles.map(toCanonicalContentScriptCss).filter((resource)=>Boolean(resource && cssUnderContentScripts.includes(resource)));
@@ -5322,6 +5321,7 @@ exports.modules = {
                         ];
                         if ('development' === compiler.options.mode) {
                             if (devServerHmrImports.length > 0) fileAssets.unshift(...devServerHmrImports);
+                            fileAssets.unshift((0, develop_context.G5)('preact-refresh-shim'));
                             const hmrScript = (0, develop_context.G5)("minimum-script-file");
                             fileAssets.push(hmrScript);
                         }
@@ -7534,8 +7534,7 @@ Set background.noDynamicEntryWarning to true to disable this warning.
                     manifestPath: this.manifestPath,
                     includeList: this.includeList || {}
                 }).apply(compiler);
-                const wrapperDisabled = 'production' === compiler.options.mode || 'true' === process.env.EXTENSION_NO_RELOAD;
-                if (!wrapperDisabled) new AddContentScriptWrapper({
+                new AddContentScriptWrapper({
                     manifestPath: this.manifestPath,
                     browser: this.browser
                 }).apply(compiler);
@@ -7600,6 +7599,9 @@ Set background.noDynamicEntryWarning to true to disable this warning.
         function localesValidationDetected(issue) {
             return `Locales validation detected: ${issue}`;
         }
+        function localesMustBeAtProjectRoot(foundAt, expectedAt) {
+            return `_locales/ is canonically placed at the project root (sibling of package.json, public/, dist/) — mirroring public/ and how Chrome reads locales from the extension root in dist. Found in the legacy next-to-manifest location; the build will use it, but consider moving it for consistency with public/ and to silence this warning.\n\n  found:    ${foundAt}\n  preferred: ${expectedAt}`;
+        }
         function pushCompilationError(compiler, compilation, name, message, file) {
             const ErrorConstructor = compiler?.rspack?.WebpackError || Error;
             const error = new ErrorConstructor(message);
@@ -7608,14 +7610,60 @@ Set background.noDynamicEntryWarning to true to disable this warning.
             if (!compilation.errors) compilation.errors = [];
             compilation.errors.push(error);
         }
+        function isUsableDir(p) {
+            try {
+                return external_fs_.existsSync(p) && external_fs_.statSync(p).isDirectory();
+            } catch  {
+                return false;
+            }
+        }
+        function resolveLocalesFolder(manifestPath, projectRoot) {
+            if (projectRoot) {
+                const fromRoot = external_path_.join(projectRoot, '_locales');
+                if (isUsableDir(fromRoot)) return fromRoot;
+            }
+            const fromManifest = external_path_.join(external_path_.dirname(manifestPath), '_locales');
+            if (isUsableDir(fromManifest)) return fromManifest;
+        }
+        function listLocaleFiles(folder) {
+            const out = [];
+            for (const locale of external_fs_.readdirSync(folder)){
+                const localeDir = external_path_.join(folder, locale);
+                try {
+                    if (!external_fs_.statSync(localeDir).isDirectory()) continue;
+                } catch  {
+                    continue;
+                }
+                for (const entry of external_fs_.readdirSync(localeDir))out.push(external_path_.join(localeDir, entry));
+            }
+            return out;
+        }
+        function getLocales(manifestPath, projectRoot) {
+            const localesFolder = resolveLocalesFolder(manifestPath, projectRoot);
+            if (!localesFolder) return [];
+            return listLocaleFiles(localesFolder);
+        }
         function validateLocales(compiler, compilation, manifestPath) {
+            const projectRoot = compiler.options.context || void 0;
             try {
-                const manifestDir = external_path_.dirname(manifestPath);
                 const manifestRaw = external_fs_.readFileSync(manifestPath, 'utf8');
                 const manifest = JSON.parse(manifestRaw);
                 const defaultLocale = manifest?.default_locale;
-                const localesRoot = external_path_.join(manifestDir, '_locales');
-                const hasLocalesRoot = external_fs_.existsSync(localesRoot);
+                const resolvedLocalesRoot = resolveLocalesFolder(manifestPath, projectRoot);
+                const localesRoot = resolvedLocalesRoot || external_path_.join(external_path_.dirname(manifestPath), '_locales');
+                const hasLocalesRoot = Boolean(resolvedLocalesRoot);
+                if (projectRoot && resolvedLocalesRoot) {
+                    const manifestDir = external_path_.dirname(manifestPath);
+                    const sameAsRoot = external_path_.resolve(manifestDir) === external_path_.resolve(projectRoot);
+                    const usedManifestDirFallback = !sameAsRoot && external_path_.resolve(resolvedLocalesRoot) === external_path_.resolve(external_path_.join(manifestDir, '_locales'));
+                    if (usedManifestDirFallback) {
+                        const ErrorConstructor = compiler?.rspack?.WebpackError || Error;
+                        const warning = new ErrorConstructor(localesMustBeAtProjectRoot(resolvedLocalesRoot, external_path_.join(projectRoot, '_locales')));
+                        warning.name = 'LocalesLayoutWarning';
+                        if (!compilation.warnings) compilation.warnings = [];
+                        compilation.warnings.push(warning);
+                    }
+                }
                 if ('true' === process.env.EXTENSION_AUTHOR_MODE) console.log(localesIncludeSummary(true, hasLocalesRoot, 'string' == typeof defaultLocale ? defaultLocale : void 0));
                 if ('string' == typeof defaultLocale && defaultLocale.trim()) {
                     if (!hasLocalesRoot) {
@@ -7675,9 +7723,8 @@ Set background.noDynamicEntryWarning to true to disable this warning.
                 }
             } catch  {}
             try {
-                const manifestDir = external_path_.dirname(manifestPath);
-                const localesRoot = external_path_.join(manifestDir, '_locales');
-                if (external_fs_.existsSync(localesRoot)) {
+                const localesRoot = resolveLocalesFolder(manifestPath, projectRoot);
+                if (localesRoot && external_fs_.existsSync(localesRoot)) {
                     const localeDirs = external_fs_.readdirSync(localesRoot).map((d)=>external_path_.join(localesRoot, d)).filter((p)=>external_fs_.statSync(p).isDirectory());
                     for (const localeDir of localeDirs){
                         const msgPath = external_path_.join(localeDir, 'messages.json');
@@ -7694,19 +7741,12 @@ Set background.noDynamicEntryWarning to true to disable this warning.
             } catch  {}
             return true;
         }
-        function getLocales(manifestPath) {
-            const localesFolder = external_path_.join(external_path_.dirname(manifestPath), '_locales');
-            const localeFiles = [];
-            if (external_fs_.existsSync(localesFolder)) for (const locale of external_fs_.readdirSync(localesFolder)){
-                const localeDir = external_path_.join(localesFolder, locale);
-                if (localeDir && external_fs_.statSync(localeDir).isDirectory()) for (const localeEntity of external_fs_.readdirSync(localeDir))localeFiles.push(external_path_.join(external_path_.dirname(manifestPath), '_locales', locale, localeEntity));
-            }
-            return localeFiles;
-        }
         function processLocaleAssets(compiler, compilation, manifestPath) {
             if (compilation.errors.length > 0) return;
-            const localesFields = getLocales(manifestPath);
-            const discoveredList = getLocales(manifestPath) || [];
+            const projectRoot = compiler.options.context || void 0;
+            const localesFields = getLocales(manifestPath, projectRoot);
+            const discoveredList = getLocales(manifestPath, projectRoot) || [];
+            const resolvedLocalesRoot = resolveLocalesFolder(manifestPath, projectRoot);
             let emittedCount = 0;
             let missingCount = 0;
             for (const field of Object.entries(localesFields || [])){
@@ -7726,8 +7766,7 @@ Set background.noDynamicEntryWarning to true to disable this warning.
                     }
                     const source = external_fs_.readFileSync(thisResource);
                     const rawSource = new core_.sources.RawSource(source);
-                    const manifestDir = external_path_.dirname(manifestPath);
-                    const localesRoot = external_path_.join(manifestDir, '_locales');
+                    const localesRoot = resolvedLocalesRoot || external_path_.join(external_path_.dirname(manifestPath), '_locales');
                     const relativeToLocales = external_path_.relative(localesRoot, thisResource);
                     const normalizedRel = relativeToLocales.split(external_path_.sep).join('/');
                     const filename = `_locales/${normalizedRel}`;
@@ -7737,22 +7776,14 @@ Set background.noDynamicEntryWarning to true to disable this warning.
             }
             if ('true' === process.env.EXTENSION_AUTHOR_MODE) console.log(localesEmitSummary(emittedCount, missingCount, discoveredList.length));
         }
-        function trackLocaleDependencies(compilation, manifestPath) {
+        function trackLocaleDependencies(compilation, manifestPath, projectRoot) {
             if (compilation.errors?.length) return;
-            const localesFields = getLocales(manifestPath);
+            const localesFields = getLocales(manifestPath, projectRoot) || [];
             let added = 0;
-            for (const field of Object.entries(localesFields || [])){
-                const [, resource] = field;
-                if (resource) {
-                    const fileDependencies = new Set(compilation.fileDependencies);
-                    const fileResources = localesFields || [];
-                    for (const thisResource of fileResources)if (external_fs_.existsSync(thisResource) && '.json' === external_path_.extname(thisResource)) {
-                        if (!fileDependencies.has(thisResource)) {
-                            fileDependencies.add(thisResource);
-                            compilation.fileDependencies.add(thisResource);
-                            added++;
-                        }
-                    }
+            for (const thisResource of localesFields)if (external_fs_.existsSync(thisResource) && '.json' === external_path_.extname(thisResource)) {
+                if (!compilation.fileDependencies.has(thisResource)) {
+                    compilation.fileDependencies.add(thisResource);
+                    added++;
                 }
             }
             if ('true' === process.env.EXTENSION_AUTHOR_MODE) console.log(localesDepsTracked(added));
@@ -7788,13 +7819,9 @@ Set background.noDynamicEntryWarning to true to disable this warning.
                         processLocaleAssets(compiler, compilation, this.manifestPath);
                     });
                 });
-                compiler.hooks.thisCompilation.tap('locales:module', (compilation)=>{
-                    compilation.hooks.processAssets.tap({
-                        name: 'locales:module',
-                        stage: core_.Compilation.PROCESS_ASSETS_STAGE_ADDITIONS
-                    }, ()=>{
-                        trackLocaleDependencies(compilation, this.manifestPath);
-                    });
+                compiler.hooks.afterCompile.tap('locales:module', (compilation)=>{
+                    const projectRoot = compiler.options.context || void 0;
+                    trackLocaleDependencies(compilation, this.manifestPath, projectRoot);
                 });
             }
             constructor(options){
@@ -8524,7 +8551,7 @@ Set background.noDynamicEntryWarning to true to disable this warning.
                 else if (val) scripts.push(val);
                 const html = fields.html || {};
                 const iconsRaw = fields.icons;
-                const icons = iconsRaw ? Array.isArray(iconsRaw) ? iconsRaw : Object.values(iconsRaw) : [];
+                const icons = iconsRaw ? Array.isArray(iconsRaw) ? iconsRaw : flattenValues(iconsRaw) : [];
                 const jsonMap = fields.json || {};
                 const json = [];
                 for (const [key, val] of Object.entries(jsonMap))if (isCriticalJsonFeatureKey(key)) {
@@ -8871,6 +8898,117 @@ Set background.noDynamicEntryWarning to true to disable this warning.
             }
         }
         plugin_wasm_define_property(WasmPlugin, "name", 'plugin-wasm');
+        const PAGE_DIRS = [
+            'pages',
+            'sidebar',
+            'popup',
+            'options',
+            'options_ui',
+            'devtools',
+            'newtab',
+            'sandbox',
+            'action',
+            'browser_action',
+            'page_action'
+        ];
+        const isCodeAsset = (name)=>/\.(js|css|wasm)$/i.test(name);
+        const categorize_isSourceMap = (name)=>/\.map$/i.test(name);
+        const isHotUpdate = (name)=>/(^|\/)hot\//.test(name);
+        function categorizeAsset(rawName) {
+            const name = String(rawName || '').replace(/\\/g, '/');
+            if (!name) return 'ignored';
+            if (!isCodeAsset(name)) return 'ignored';
+            if (categorize_isSourceMap(name)) return 'ignored';
+            if (isHotUpdate(name)) return 'ignored';
+            if (/(^|\/)content_scripts\//.test(name)) return "content-script";
+            if (/(^|\/)background\//.test(name) || /(^|\/)service[-_]?worker\.(js|css|wasm)$/i.test(name)) return 'service-worker';
+            for (const dir of PAGE_DIRS)if (new RegExp(`(^|\\/)${dir}\\/`).test(name)) return 'page';
+            return 'ignored';
+        }
+        const BUDGET_BYTES = {
+            "content-script": 262144,
+            'service-worker': 204800,
+            page: 512000,
+            ignored: 1 / 0
+        };
+        function fmtKiB(bytes) {
+            const kib = bytes / 1024;
+            if (kib >= 1024) return `${(kib / 1024).toFixed(2)} MiB`;
+            return `${kib.toFixed(1)} KiB`;
+        }
+        function perfBudgetWarning(assets) {
+            const header = `${1 === assets.length ? 'asset exceeds' : 'assets exceed'} the extension performance budget. Browser extensions inject content scripts on every navigation and wake service workers from cold, so we apply tighter budgets than the rspack default.`;
+            const lines = assets.map((a)=>{
+                const over = (a.size / a.budget * 100 - 100).toFixed(0);
+                return `  ${a.name}\n    size:   ${fmtKiB(a.size)}\n    budget: ${fmtKiB(a.budget)}  (over by ${over}%)\n    role:   ${categoryRole(a.category)}`;
+            });
+            const remediation = "Recommended: lazy-load with dynamic import(), code-split per route, or replace large SDKs with thin fetch wrappers. See https://rspack.rs/guide/optimization/code-splitting";
+            return `${header}\n\n${lines.join('\n')}\n\n${remediation}`;
+        }
+        function categoryRole(c) {
+            switch(c){
+                case "content-script":
+                    return "content script — injected on every page navigation";
+                case 'service-worker':
+                    return 'service worker / background — wakes from cold each session';
+                case 'page':
+                    return 'UI page — opened on demand';
+                default:
+                    return 'asset';
+            }
+        }
+        function plugin_perf_budgets_define_property(obj, key, value) {
+            if (key in obj) Object.defineProperty(obj, key, {
+                value: value,
+                enumerable: true,
+                configurable: true,
+                writable: true
+            });
+            else obj[key] = value;
+            return obj;
+        }
+        class PerfBudgetsPlugin {
+            apply(compiler) {
+                const enabled = 'boolean' == typeof this.options.enabled ? this.options.enabled : 'production' === compiler.options.mode;
+                if (!enabled) return;
+                const budgets = {
+                    ...BUDGET_BYTES,
+                    ...this.options.budgets || {}
+                };
+                compiler.hooks.afterCompile.tap(PerfBudgetsPlugin.name, (compilation)=>{
+                    if (compilation.errors?.length) return;
+                    const oversized = [];
+                    const assets = compilation.assets || {};
+                    for (const [name, source] of Object.entries(assets)){
+                        const size = source?.size?.() ?? 0;
+                        if (!size) continue;
+                        const category = categorizeAsset(name);
+                        if ('ignored' === category) continue;
+                        const budget = budgets[category];
+                        if (isFinite(budget)) {
+                            if (!(size <= budget)) oversized.push({
+                                name,
+                                size,
+                                budget,
+                                category
+                            });
+                        }
+                    }
+                    if (0 === oversized.length) return;
+                    oversized.sort((a, b)=>b.size - a.size);
+                    const ErrorConstructor = compiler?.rspack?.WebpackError || Error;
+                    const warning = new ErrorConstructor(perfBudgetWarning(oversized));
+                    warning.name = 'PerfBudgetWarning';
+                    if (!compilation.warnings) compilation.warnings = [];
+                    compilation.warnings.push(warning);
+                });
+            }
+            constructor(options = {}){
+                plugin_perf_budgets_define_property(this, "options", void 0);
+                this.options = options;
+            }
+        }
+        plugin_perf_budgets_define_property(PerfBudgetsPlugin, "name", 'plugin-perf-budgets');
         function webpackConfig(projectStructure, devOptions) {
             const { manifestPath } = projectStructure;
             const { packageJsonDir } = (0, lib_paths.fu)(projectStructure);
@@ -8927,7 +9065,8 @@ Set background.noDynamicEntryWarning to true to disable this warning.
                 }),
                 new SpecialFoldersPlugin({
                     manifestPath
-                })
+                }),
+                new PerfBudgetsPlugin()
             ];
             if (devOptions.noBrowser) plugins.push(new plugin_playwright.Tb({
                 packageJsonDir,
@@ -9066,7 +9205,7 @@ Set background.noDynamicEntryWarning to true to disable this warning.
                     console: (0, branding.P)('Extension.js')
                 },
                 performance: {
-                    hints: 'production' === devOptions.mode ? 'warning' : false
+                    hints: false
                 },
                 optimization: {
                     minimize: 'production' === devOptions.mode,