extension-develop 3.11.1 → 3.12.0

package/dist/{677.cjs → 890.cjs}

@@ -3,7 +3,7 @@ const __rslib_import_meta_url__ = /*#__PURE__*/ function() {
     return "u" < typeof document ? new (require('url'.replace('', ''))).URL('file:' + __filename).href : document.currentScript && document.currentScript.src || new URL('main.js', document.baseURI).href;
 }();
 exports.ids = [
-    "677"
+    "890"
 ];
 exports.modules = {
     "./webpack/dev-server/compiler-hooks.ts" (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
@@ -442,14 +442,14 @@ exports.modules = {
             const timestamp = external_pintor_default().gray(`[${hh}:${mm}:${ss}]`);
             const hasErrors = stats.hasErrors();
             const hasWarnings = stats.hasWarnings();
-            const arrow = hasErrors ? external_pintor_default().red('✖✖✖') : hasWarnings ? external_pintor_default().brightYellow('►►►') : external_pintor_default().gray('►►►');
+            const arrow = hasErrors ? external_pintor_default().red('✖✖✖') : hasWarnings ? external_pintor_default().brightYellow('⏵⏵⏵') : external_pintor_default().gray('⏵⏵⏵');
             const label = hasErrors ? external_pintor_default().red('with errors') : hasWarnings ? external_pintor_default().yellow('with warnings') : external_pintor_default().green('successfully');
             const app = manifestName;
             const time = `${durationMs} ms`;
             return `${arrow} ${timestamp} ${app} compiled ${label} in ${time}.`;
         }
         function cleanDistStarting(distPath) {
-            return `${external_pintor_default().gray('►►►')} Clean dist: ${external_pintor_default().gray('starting')}\n${external_pintor_default().gray('PATH')} ${external_pintor_default().underline(distPath)}`;
+            return `${external_pintor_default().gray('⏵⏵⏵')} Clean dist: ${external_pintor_default().gray('starting')}\n${external_pintor_default().gray('PATH')} ${external_pintor_default().underline(distPath)}`;
         }
         function cleanDistRemovedSummary(removedCount, distPath) {
             return [
@@ -459,10 +459,10 @@ exports.modules = {
             ].join('\n');
         }
         function cleanDistSkippedNotFound(distPath) {
-            return `${external_pintor_default().gray('►►►')} Clean dist: ${external_pintor_default().gray('skipped')} (path not found)\n${external_pintor_default().gray('PATH')} ${external_pintor_default().underline(distPath)}`;
+            return `${external_pintor_default().gray('⏵⏵⏵')} Clean dist: ${external_pintor_default().gray('skipped')} (path not found)\n${external_pintor_default().gray('PATH')} ${external_pintor_default().underline(distPath)}`;
         }
         function zipPackagingSkipped(reason) {
-            return `${external_pintor_default().gray('►►►')} Packaging: ${external_pintor_default().gray('skipped')} (${external_pintor_default().gray(reason)})`;
+            return `${external_pintor_default().gray('⏵⏵⏵')} Packaging: ${external_pintor_default().gray('skipped')} (${external_pintor_default().gray(reason)})`;
         }
         function envSelectedFile(envPath) {
             const label = envPath ? external_pintor_default().underline(envPath) : external_pintor_default().gray('none');
@@ -1585,7 +1585,7 @@ exports.modules = {
         }
         plugin_compilation_define_property(CompilationPlugin, "name", 'plugin-compilation');
         var css_lib_messages = __webpack_require__("./webpack/plugin-css/css-lib/messages.ts");
-        var external_isolated_deps_ = __webpack_require__("isolated-deps");
+        var has_dependency = __webpack_require__("./webpack/webpack-lib/has-dependency.ts");
         var sass = __webpack_require__("./webpack/plugin-css/css-tools/sass.ts");
         var less = __webpack_require__("./webpack/plugin-css/css-tools/less.ts");
         function getStylelintConfigFile(projectPath) {
@@ -1618,7 +1618,7 @@ exports.modules = {
             const isUsingStylelint = !!configFile;
             if (isUsingStylelint) {
                 if (!userMessageDelivered) {
-                    if ('true' === process.env.EXTENSION_AUTHOR_MODE) console.log(`${external_pintor_default().brightMagenta('►►► Author says')} ${css_lib_messages.zA('Stylelint')}`);
+                    if ('true' === process.env.EXTENSION_AUTHOR_MODE) console.log(`${external_pintor_default().brightMagenta('⏵⏵⏵ Author says')} ${css_lib_messages.zA('Stylelint')}`);
                     userMessageDelivered = true;
                 }
             }
@@ -1804,6 +1804,35 @@ exports.modules = {
             }));
             return rules;
         }
+        var external_parse5_utilities_ = __webpack_require__("parse5-utilities");
+        function injectCssLink(headNode, feature, firstLinkAttrs, hrefOverride) {
+            const linkTag = external_parse5_utilities_.createNode('link');
+            linkTag.attrs = [
+                {
+                    name: 'rel',
+                    value: 'stylesheet'
+                },
+                {
+                    name: 'href',
+                    value: hrefOverride || `/${feature}.css`
+                }
+            ];
+            const propagateLinkAttrs = new Set([
+                'media',
+                'crossorigin',
+                'integrity',
+                'referrerpolicy',
+                'type',
+                'disabled'
+            ]);
+            if (firstLinkAttrs) {
+                for (const attr of firstLinkAttrs)if (propagateLinkAttrs.has(attr.name) && !linkTag.attrs.find((a)=>a.name === attr.name)) linkTag.attrs.push({
+                    name: attr.name,
+                    value: attr.value
+                });
+            }
+            external_parse5_utilities_.append(headNode, linkTag);
+        }
         function plugin_css_define_property(obj, key, value) {
             if (key in obj) Object.defineProperty(obj, key, {
                 value: value,
@@ -1820,8 +1849,8 @@ exports.modules = {
                 const projectPath = compiler.options.context || process.cwd();
                 const plugins = [];
                 const manifestPath = this.manifestPath;
-                const usingSass = (0, external_isolated_deps_.hasDependency)(projectPath, 'sass');
-                const usingLess = (0, external_isolated_deps_.hasDependency)(projectPath, 'less');
+                const usingSass = (0, has_dependency.w)(projectPath, 'sass');
+                const usingLess = (0, has_dependency.w)(projectPath, 'less');
                 const maybeInstallStylelint = await maybeUseStylelint(projectPath);
                 plugins.push(...maybeInstallStylelint);
                 const maybeInstallSass = await (0, sass.IZ)(projectPath);
@@ -1854,6 +1883,8 @@ exports.modules = {
                     },
                     issuer: (issuer)=>(0, is_content_script.z)(issuer, manifestPath, projectPath)
                 });
+                compiler.options.output.cssFilename = '[name].css';
+                compiler.options.output.cssChunkFilename = '[name].css';
                 compiler.options.plugins = [
                     ...compiler.options.plugins,
                     ...plugins
@@ -1864,8 +1895,8 @@ exports.modules = {
                 ].filter(Boolean);
                 if ('true' === process.env.EXTENSION_AUTHOR_MODE) {
                     const integrations = [];
-                    const usingTailwind = (0, external_isolated_deps_.hasDependency)(projectPath, 'tailwindcss');
-                    const usingPostcss = (0, external_isolated_deps_.hasDependency)(projectPath, 'postcss') || void 0 !== findPostCssConfig(projectPath) || usingSass || usingLess || usingTailwind;
+                    const usingTailwind = (0, has_dependency.w)(projectPath, 'tailwindcss');
+                    const usingPostcss = (0, has_dependency.w)(projectPath, 'postcss') || void 0 !== findPostCssConfig(projectPath) || usingSass || usingLess || usingTailwind;
                     if (usingPostcss) integrations.push('PostCSS');
                     if (usingSass) integrations.push('Sass');
                     if (usingLess) integrations.push('Less');
@@ -1928,14 +1959,14 @@ exports.modules = {
         }
         function assetsRulesEnabled(rules) {
             const list = rules.length > 0 ? rules.map((n)=>external_pintor_default().yellow(n)).join(', ') : external_pintor_default().gray('none');
-            return `${external_pintor_default().gray('►►►')} Assets: Rules enabled (${external_pintor_default().gray(String(rules.length))}) ${list}`;
+            return `${external_pintor_default().gray('⏵⏵⏵')} Assets: Rules enabled (${external_pintor_default().gray(String(rules.length))}) ${list}`;
         }
         function assetsConfigsDetected(filenamePattern, svgRuleMode, svgInlineLimitKB, imageInlineLimitKB, fileInlineLimitKB) {
             const fmt = (v)=>v || 0 === v ? external_pintor_default().underline(String(v)) : external_pintor_default().gray('n/a');
-            return `${external_pintor_default().gray('►►►')} Assets: Configs\n${external_pintor_default().gray('FILENAME_PATTERN')} ${external_pintor_default().underline(filenamePattern)}\n${external_pintor_default().gray('SVG_RULE')} ${external_pintor_default().yellow(svgRuleMode)}\n${external_pintor_default().gray('SVG_INLINE_LIMIT')} ${fmt(svgInlineLimitKB)}${svgInlineLimitKB ? external_pintor_default().gray('KB') : ''}\n${external_pintor_default().gray('IMAGE_INLINE_LIMIT')} ${fmt(imageInlineLimitKB)}${imageInlineLimitKB ? external_pintor_default().gray('KB') : ''}\n${external_pintor_default().gray('FILE_INLINE_LIMIT')} ${fmt(fileInlineLimitKB)}${fileInlineLimitKB ? external_pintor_default().gray('KB') : ''}`;
+            return `${external_pintor_default().gray('⏵⏵⏵')} Assets: Configs\n${external_pintor_default().gray('FILENAME_PATTERN')} ${external_pintor_default().underline(filenamePattern)}\n${external_pintor_default().gray('SVG_RULE')} ${external_pintor_default().yellow(svgRuleMode)}\n${external_pintor_default().gray('SVG_INLINE_LIMIT')} ${fmt(svgInlineLimitKB)}${svgInlineLimitKB ? external_pintor_default().gray('KB') : ''}\n${external_pintor_default().gray('IMAGE_INLINE_LIMIT')} ${fmt(imageInlineLimitKB)}${imageInlineLimitKB ? external_pintor_default().gray('KB') : ''}\n${external_pintor_default().gray('FILE_INLINE_LIMIT')} ${fmt(fileInlineLimitKB)}${fileInlineLimitKB ? external_pintor_default().gray('KB') : ''}`;
         }
         function assetsEmittedSummary(total, byCategory) {
-            return `${external_pintor_default().gray('►►►')} Assets: Emitted ${external_pintor_default().gray(String(total))} file(s)\n${external_pintor_default().gray('SVG')} ${external_pintor_default().underline(String(byCategory.svg))}\n${external_pintor_default().gray('IMAGES')} ${external_pintor_default().underline(String(byCategory.images))}\n${external_pintor_default().gray('FONTS')} ${external_pintor_default().underline(String(byCategory.fonts))}\n${external_pintor_default().gray('FILES')} ${external_pintor_default().underline(String(byCategory.files))}`;
+            return `${external_pintor_default().gray('⏵⏵⏵')} Assets: Emitted ${external_pintor_default().gray(String(total))} file(s)\n${external_pintor_default().gray('SVG')} ${external_pintor_default().underline(String(byCategory.svg))}\n${external_pintor_default().gray('IMAGES')} ${external_pintor_default().underline(String(byCategory.images))}\n${external_pintor_default().gray('FONTS')} ${external_pintor_default().underline(String(byCategory.fonts))}\n${external_pintor_default().gray('FILES')} ${external_pintor_default().underline(String(byCategory.files))}`;
         }
         function plugin_static_assets_define_property(obj, key, value) {
             if (key in obj) Object.defineProperty(obj, key, {
@@ -2176,7 +2207,7 @@ exports.modules = {
                     }
                 } catch  {}
                 const maybeInstallReact = await (0, react.b)(projectPath, {
-                    disableRefresh: true,
+                    disableRefresh: 'development' !== mode,
                     refreshExclude: (resourcePath)=>isfeatureScriptsContentLike(resourcePath)
                 });
                 const maybeInstallPreact = await (0, preact.b)(projectPath);
@@ -3741,7 +3772,6 @@ exports.modules = {
             const fieldLabel = isContentScripts ? `content_scripts (index ${contentIndex})` : manifestFieldName;
             return `Check the ${external_pintor_default().yellow(fieldLabel)} field in your ${external_pintor_default().yellow('manifest.json')} file.`;
         }
-        var external_parse5_utilities_ = __webpack_require__("parse5-utilities");
         function parse_html_isUrl(src) {
             try {
                 new URL(src);
@@ -4057,34 +4087,6 @@ exports.modules = {
             if (external_fs_.existsSync(absolutePath)) node = external_parse5_utilities_.setAttribute(node, 'staticSrc' === assetType ? 'src' : 'href', getFilePath(filepath, '', true) + (search || '') + (hash || ''));
             return node;
         }
-        function injectCssLink(headNode, feature, firstLinkAttrs) {
-            const linkTag = external_parse5_utilities_.createNode('link');
-            linkTag.attrs = [
-                {
-                    name: 'rel',
-                    value: 'stylesheet'
-                },
-                {
-                    name: 'href',
-                    value: getFilePath(feature, '.css', true)
-                }
-            ];
-            const propagateLinkAttrs = new Set([
-                'media',
-                'crossorigin',
-                'integrity',
-                'referrerpolicy',
-                'type',
-                'disabled'
-            ]);
-            if (firstLinkAttrs) {
-                for (const attr of firstLinkAttrs)if (propagateLinkAttrs.has(attr.name) && !linkTag.attrs.find((a)=>a.name === attr.name)) linkTag.attrs.push({
-                    name: attr.name,
-                    value: attr.value
-                });
-            }
-            external_parse5_utilities_.append(headNode, linkTag);
-        }
         function injectJsScript(bodyNode, feature, firstScriptAttrs) {
             const scriptTag = external_parse5_utilities_.createNode("script");
             scriptTag.attrs = [
@@ -4106,13 +4108,32 @@ exports.modules = {
             }
             external_parse5_utilities_.append(bodyNode, scriptTag);
         }
+        function resolveCssAsset(compilation, feature) {
+            if (compilation.getAsset(feature + '.css')) return {
+                found: true,
+                href: void 0
+            };
+            const entrypoint = compilation.entrypoints?.get(feature);
+            if (entrypoint) {
+                for (const chunk of entrypoint.chunks)for (const file of chunk.files)if (file.endsWith('.css')) return {
+                    found: true,
+                    href: '/' + file
+                };
+            }
+            return {
+                found: false,
+                href: void 0
+            };
+        }
         function patchHtml(compilation, feature, htmlEntry, includeList) {
             const htmlFile = external_fs_.readFileSync(htmlEntry, {
                 encoding: 'utf8'
             });
             const htmlDocument = external_parse5_utilities_.parse(htmlFile);
             const baseHref = getBaseHref(htmlDocument);
-            let hasCssEntry = !!compilation.getAsset(feature + '.css');
+            const cssAsset = resolveCssAsset(compilation, feature);
+            let hasCssEntry = cssAsset.found;
+            let cssHrefOverride = cssAsset.href;
             let hasJsEntry = false;
             let firstScriptAttrs;
             let firstLinkAttrs;
@@ -4155,7 +4176,7 @@ exports.modules = {
                         }
                     });
                     if ('head' === htmlChildNode.nodeName) {
-                        if (hasCssEntry) injectCssLink(htmlChildNode, feature, firstLinkAttrs);
+                        if (hasCssEntry) injectCssLink(htmlChildNode, feature, firstLinkAttrs, cssHrefOverride);
                     }
                     if ('body' === htmlChildNode.nodeName) {
                         if (hasJsEntry || 'production' !== compilation.options.mode) injectJsScript(htmlChildNode, feature, firstScriptAttrs);
@@ -4448,6 +4469,32 @@ exports.modules = {
             if ('boolean' == typeof value) return String(value);
             return 'true';
         }
+        let _resolvedClientPath;
+        let _resolvedHotPath;
+        function resolveHmrClientPath() {
+            if (!_resolvedClientPath) try {
+                _resolvedClientPath = require.resolve('@rspack/dev-server/client/index.js', {
+                    paths: [
+                        __dirname
+                    ]
+                });
+            } catch  {
+                _resolvedClientPath = '@rspack/dev-server/client/index.js';
+            }
+            return _resolvedClientPath;
+        }
+        function resolveHmrHotPath() {
+            if (!_resolvedHotPath) try {
+                _resolvedHotPath = require.resolve('webpack/hot/dev-server', {
+                    paths: [
+                        __dirname
+                    ]
+                });
+            } catch  {
+                _resolvedHotPath = 'webpack/hot/dev-server';
+            }
+            return _resolvedHotPath;
+        }
         function getDevServerHmrImports(compiler) {
             const devServer = compiler.options?.devServer;
             const envHost = process.env.EXTENSION_DEV_SERVER_HOST;
@@ -4480,8 +4527,8 @@ exports.modules = {
                 'live-reload': liveReload
             });
             return [
-                `@rspack/dev-server/client/index.js?${query.toString()}`,
-                'webpack/hot/dev-server'
+                `${resolveHmrClientPath()}?${query.toString()}`,
+                resolveHmrHotPath()
             ];
         }
         var develop_context = __webpack_require__("./webpack/webpack-lib/develop-context.ts");
@@ -8190,13 +8237,13 @@ Set background.noDynamicEntryWarning to true to disable this warning.
         function messages_getLoggingPrefix(type) {
             const isAuthor = 'true' === process.env.EXTENSION_AUTHOR_MODE;
             if (isAuthor) {
-                const base = 'error' === type ? 'ERROR Author says' : '►►► Author says';
+                const base = 'error' === type ? 'ERROR Author says' : '⏵⏵⏵ Author says';
                 return external_pintor_default().brightMagenta(base);
             }
             if ('error' === type) return external_pintor_default().red('ERROR');
-            if ('warn' === type) return external_pintor_default().brightYellow('►►►');
-            if ('info' === type) return external_pintor_default().gray('►►►');
-            return external_pintor_default().green('►►►');
+            if ('warn' === type) return external_pintor_default().brightYellow('⏵⏵⏵');
+            if ('info' === type) return external_pintor_default().gray('⏵⏵⏵');
+            return external_pintor_default().green('⏵⏵⏵');
         }
         const messages_code = (text)=>external_pintor_default().blue(text);
         function webextensionPolyfillNotFound() {
@@ -8208,13 +8255,13 @@ Set background.noDynamicEntryWarning to true to disable this warning.
             return external_pintor_default().yellow(`${cap}`);
         }
         function compatibilityPolyfillEnabled(browser, polyfillPath) {
-            return `${external_pintor_default().gray('►►►')} Compatibility: Polyfill enabled for ${capitalizedBrowserName(browser)}\n${external_pintor_default().gray('ALIAS')} ${external_pintor_default().underline(polyfillPath)}`;
+            return `${external_pintor_default().gray('⏵⏵⏵')} Compatibility: Polyfill enabled for ${capitalizedBrowserName(browser)}\n${external_pintor_default().gray('ALIAS')} ${external_pintor_default().underline(polyfillPath)}`;
         }
         function compatibilityPolyfillSkipped(reason, browser) {
-            return `${external_pintor_default().gray('►►►')} Compatibility: Polyfill ${external_pintor_default().gray('skipped')} for ${capitalizedBrowserName(browser)} (${external_pintor_default().gray(reason)})`;
+            return `${external_pintor_default().gray('⏵⏵⏵')} Compatibility: Polyfill ${external_pintor_default().gray('skipped')} for ${capitalizedBrowserName(browser)} (${external_pintor_default().gray(reason)})`;
         }
         function compatibilityPolyfillDisabled(browser) {
-            return `${external_pintor_default().gray('►►►')} Compatibility: Polyfill ${external_pintor_default().gray('disabled')} for ${capitalizedBrowserName(browser)}`;
+            return `${external_pintor_default().gray('⏵⏵⏵')} Compatibility: Polyfill ${external_pintor_default().gray('disabled')} for ${capitalizedBrowserName(browser)}`;
         }
         function feature_polyfill_define_property(obj, key, value) {
             if (key in obj) Object.defineProperty(obj, key, {
@@ -8399,7 +8446,7 @@ Set background.noDynamicEntryWarning to true to disable this warning.
                         if (/\bcontent(_scripts)?\b/i.test(u) || /\bcontent[-_/]/i.test(text)) return 'content';
                         return 'page';
                     })();
-                    const prefix = '►►►';
+                    const prefix = '⏵⏵⏵';
                     function fmtLevel(lvl) {
                         const up = String(lvl || 'log').toUpperCase();
                         switch(String(lvl || '').toLowerCase()){
@@ -12036,14 +12083,19 @@ Set background.noDynamicEntryWarning to true to disable this warning.
             return '';
           }
         })()`);
-                    if ('string' == typeof shadowHtml && shadowHtml.includes('<style')) {
-                        const matches = Array.from(shadowHtml.matchAll(/<style[\s\S]*?<\/style>/g)).slice(0, 3);
+                    if ('string' == typeof shadowHtml && /<style/i.test(shadowHtml)) {
+                        const matches = Array.from(shadowHtml.matchAll(/<style[\s\S]*?<\/style>/gi)).slice(0, 3);
                         if (matches.length > 0) return {
                             rootMode: 'shadow',
                             count: totalCount,
                             styles: matches.map((match)=>{
                                 const html = String(match[0] || '');
-                                const text = html.replace(/<style[^>]*>|<\/style>/g, '');
+                                let text = html;
+                                let prev;
+                                do {
+                                    prev = text;
+                                    text = text.replace(/<style[^>]*>|<\/style>/gi, '');
+                                }while (text !== prev);
                                 return {
                                     html,
                                     textLength: text.length,