extension-develop 3.1.0-next.8 → 3.1.1

package/dist/module.js

@@ -127144,6 +127144,12 @@ var __webpack_modules__ = {
             }
         }
         const printedKeys = new Set();
+        function readUpdateMessageOnce() {
+            const message = process.env.EXTENSION_CLI_UPDATE_MESSAGE;
+            if (!message) return null;
+            delete process.env.EXTENSION_CLI_UPDATE_MESSAGE;
+            return message;
+        }
         function keyFor(browser, outPath, hp) {
             const host = (hp?.host || '127.0.0.1').toString();
             const port = hp?.port == null ? '' : String(hp.port);
@@ -127170,8 +127176,11 @@ var __webpack_modules__ = {
             };
             console.log(messages.io8());
             console.log(messages.e_P(manifest, opts.browser, message, opts.browserVersionLine));
+            const updateMessage = readUpdateMessageOnce();
+            if (updateMessage) console.log(updateMessage);
             console.log(messages.io8());
             markBannerPrinted();
+            process.env.EXTENSION_CLI_BANNER_PRINTED = 'true';
             printedKeys.add(k);
             return true;
         }
@@ -127194,6 +127203,8 @@ var __webpack_modules__ = {
                     };
                     console.log(messages.io8());
                     console.log(messages.e_P(manifest, opts.browser, message, browserLabel));
+                    const updateMessage = readUpdateMessageOnce();
+                    if (updateMessage) console.log(updateMessage);
                     console.log(messages.io8());
                 } else {
                     const message = {
@@ -127207,14 +127218,19 @@ var __webpack_modules__ = {
                     };
                     console.log(messages.io8());
                     console.log(messages.e_P(manifest, opts.browser, message, browserLabel));
+                    const updateMessage = readUpdateMessageOnce();
+                    if (updateMessage) console.log(updateMessage);
                     console.log(messages.io8());
                 }
             } catch  {
                 console.log(messages.io8());
                 console.log(webpack_lib_messages.Al(opts.outPath, browserLabel));
+                const updateMessage = readUpdateMessageOnce();
+                if (updateMessage) console.log(updateMessage);
                 console.log(messages.io8());
             }
             markBannerPrinted();
+            process.env.EXTENSION_CLI_BANNER_PRINTED = 'true';
             printedKeys.add(k);
             return true;
         }
@@ -127598,7 +127614,7 @@ var __webpack_modules__ = {
             return body.join('\n') + '\n';
         }
         function firefoxLaunchCalled() {
-            return `${getLoggingPrefix('info')} launchFirefox called!`;
+            return `${getLoggingPrefix('info')} Firefox launch requested.`;
         }
         function firefoxBinaryArgsExtracted(args) {
             return `${getLoggingPrefix('info')} Firefox binary args extracted: ${pintor__rspack_import_0_default().gray(args)}`;
@@ -127640,7 +127656,7 @@ var __webpack_modules__ = {
             return `${getLoggingPrefix('info')} Waiting for Firefox to be ready with remote debugging...`;
         }
         function firefoxRemoteDebuggingReady() {
-            return `${getLoggingPrefix('success')} Firefox is ready with remote debugging!`;
+            return `${getLoggingPrefix('success')} Firefox is ready with remote debugging.`;
         }
         function sourceInspectorFirefoxNotReadyYet(retries, maxRetries) {
             return `${getLoggingPrefix('warn')} Firefox not ready yet, retrying... (${pintor__rspack_import_0_default().gray(retries.toString())}/${pintor__rspack_import_0_default().gray(maxRetries.toString())})`;
@@ -127649,7 +127665,7 @@ var __webpack_modules__ = {
             return `${getLoggingPrefix('info')} Waiting for Chrome to be ready with remote debugging...`;
         }
         function chromeRemoteDebuggingReady() {
-            return `${getLoggingPrefix('success')} Chrome is ready with remote debugging!`;
+            return `${getLoggingPrefix('success')} Chrome is ready with remote debugging.`;
         }
         function sourceInspectorChromeNotReadyYet(retries, maxRetries) {
             return `${getLoggingPrefix('warn')} Chrome not ready yet, retrying... (${pintor__rspack_import_0_default().gray(retries.toString())}/${pintor__rspack_import_0_default().gray(maxRetries.toString())})`;
@@ -127679,7 +127695,7 @@ var __webpack_modules__ = {
             return `${getLoggingPrefix('success')} Chrome is attached to the target with session ID: ${pintor__rspack_import_0_default().gray(sessionId)}`;
         }
         function sourceInspectorHTMLExtractionComplete() {
-            return `${getLoggingPrefix('success')} Chrome HTML extraction is complete`;
+            return `${getLoggingPrefix('success')} Chrome HTML extraction is complete.`;
         }
         function sourceInspectorInspectionFailed(error) {
             return `${getLoggingPrefix('error')} Failed to inspect Chrome source: ${pintor__rspack_import_0_default().red(error)}`;
@@ -127736,7 +127752,7 @@ var __webpack_modules__ = {
             return `${getLoggingPrefix('error')} Failed to update Chrome HTML: ${pintor__rspack_import_0_default().red(error)}`;
         }
         function sourceInspectorCleanupComplete() {
-            return `${getLoggingPrefix('success')} Chrome source inspector cleaned up`;
+            return `${getLoggingPrefix('success')} Chrome source inspector cleaned up.`;
         }
         function sourceInspectorCleanupError(error) {
             return `${getLoggingPrefix('error')} Error during Chrome cleanup: ${pintor__rspack_import_0_default().red(error)}`;
@@ -127843,7 +127859,13 @@ var __webpack_modules__ = {
                 if ('true' === process.env.EXTENSION_AUTHOR_MODE) return `${getLoggingPrefix('error')} No management API info received from client for ${manifestName}. Investigate.`;
             }
             const { name = '', version: version1 = '' } = management;
-            const extensionVersion = require1('../../../package.json').version;
+            const extensionVersion = process.env.EXTENSION_CLI_VERSION || (()=>{
+                try {
+                    return require1('../../../package.json').version;
+                } catch  {
+                    return 'unknown';
+                }
+            })();
             let effectiveBrowserLine = browserVersionLine && browserVersionLine.trim().length > 0 ? browserVersionLine.trim() : '';
             if (!effectiveBrowserLine) try {
                 if ('chromium' === browser || 'chromium-based' === browser) {
@@ -128804,7 +128826,7 @@ var __webpack_modules__ = {
                             group: process.getgid?.()
                         }
                     });
-                    this.logger.debug?.('[plugin-browsers] Final Chrome flags:', launchArgs.join(' '));
+                    if ('true' === process.env.EXTENSION_AUTHOR_MODE) this.logger.debug?.('[plugin-browsers] Final Chrome flags:', launchArgs.join(' '));
                     child.on('close', (code)=>{
                         if ('true' === process.env.EXTENSION_AUTHOR_MODE) this.logger.info(messages.nnm(code || 0));
                     });
@@ -130563,8 +130585,9 @@ var __webpack_modules__ = {
     "./webpack/plugin-css/css-lib/integrations.ts" (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
         "use strict";
         __webpack_require__.d(__webpack_exports__, {
-            t: ()=>installOptionalDependencies,
-            w: ()=>hasDependency
+            Dy: ()=>installOptionalDependenciesBatch,
+            tm: ()=>installOptionalDependencies,
+            ws: ()=>hasDependency
         });
         var path__rspack_import_0 = __webpack_require__("path");
         var fs__rspack_import_1 = __webpack_require__("fs");
@@ -130584,31 +130607,79 @@ var __webpack_modules__ = {
             if (process.env['npm_execpath']) return 'npm';
             return false;
         }
+        function getPackageManagerFromEnv() {
+            const ua = process.env.npm_config_user_agent;
+            if (!ua) return;
+            if (ua.includes('pnpm')) return 'pnpm';
+            if (ua.includes('yarn')) return 'yarn';
+            if (ua.includes('bun')) return 'bun';
+            if (ua.includes('npm')) return 'npm';
+        }
+        async function resolvePackageManager() {
+            const envPm = getPackageManagerFromEnv();
+            if (envPm) return envPm;
+            return (0, package_manager_detector__rspack_import_4.detect)();
+        }
+        function getOptionalInstallCommand(pm, dependencies) {
+            const quotedDir = JSON.stringify(__dirname);
+            const pmName = 'string' == typeof pm ? pm : pm?.name;
+            if ('yarn' === pmName) return `yarn --silent add ${dependencies.join(' ')} --cwd ${quotedDir} --optional`;
+            if ('npm' === pmName || isFromNpx()) return `npm --silent install ${dependencies.join(' ')} --prefix ${quotedDir} --save-optional`;
+            if (isFromPnpx()) return `pnpm --silent add ${dependencies.join(' ')} --prefix ${quotedDir} --save-optional`;
+            const fallback = pmName || 'npm';
+            return `${fallback} --silent install ${dependencies.join(' ')} --cwd ${quotedDir} --optional`;
+        }
+        function getRootInstallCommand(pm) {
+            const pmName = 'string' == typeof pm ? pm : pm?.name;
+            if ('yarn' === pmName) return "yarn install --silent";
+            if ('npm' === pmName || isFromNpx()) return "npm install --silent";
+            if (isFromPnpx()) return "pnpm install --silent";
+            return `${pmName || 'npm'} install --silent`;
+        }
+        function formatToolingLabel(integrations, fallback) {
+            const list = integrations && integrations.length > 0 ? integrations.join('/') : fallback;
+            return `Setting up ${list} tooling...`;
+        }
         async function installOptionalDependencies(integration, dependencies) {
+            if (!dependencies.length) return;
             try {
-                const pm = await (0, package_manager_detector__rspack_import_4.detect)();
-                let installCommand = '';
-                const quotedDir = JSON.stringify(__dirname);
-                if (pm?.name === 'yarn') installCommand = `yarn --silent add ${dependencies.join(' ')} --cwd ${quotedDir} --optional`;
-                else if (pm?.name === 'npm' || isFromNpx()) installCommand = `npm --silent install ${dependencies.join(' ')} --prefix ${quotedDir} --save-optional`;
-                else if (isFromPnpx()) installCommand = `pnpm --silent add ${dependencies.join(' ')} --prefix ${quotedDir} --save-optional`;
-                else {
-                    const pmName = 'string' == typeof pm ? pm : pm?.name || 'npm';
-                    installCommand = `${pmName} --silent install ${dependencies.join(' ')} --cwd ${quotedDir} --optional`;
+                const pm = await resolvePackageManager();
+                const installCommand = getOptionalInstallCommand(pm, dependencies);
+                console.log(formatToolingLabel([
+                    integration
+                ], integration));
+                (0, child_process__rspack_import_2.execSync)(installCommand, {
+                    stdio: 'inherit'
+                });
+                await new Promise((r)=>setTimeout(r, 500));
+                if ('true' === process.env.EXTENSION_AUTHOR_MODE) {
+                    console.log(`${pintor__rspack_import_3_default().brightMagenta('►►► Author says')} [${integration}] Installing root dependencies for dev...`);
+                    (0, child_process__rspack_import_2.execSync)(getRootInstallCommand(pm), {
+                        stdio: 'ignore'
+                    });
+                    console.log(`${pintor__rspack_import_3_default().brightMagenta('►►► Author says')} ${integration} tooling ready.`);
                 }
-                console.log(`[${integration}] Installing optional dependencies...`);
+            } catch (error) {
+                console.error(`[${integration}] Failed to install dependencies.`, error);
+            }
+        }
+        async function installOptionalDependenciesBatch(integration, dependencies, integrations) {
+            if (!dependencies.length) return;
+            try {
+                const pm = await resolvePackageManager();
+                const installCommand = getOptionalInstallCommand(pm, dependencies);
+                console.log(formatToolingLabel(integrations, integration));
                 (0, child_process__rspack_import_2.execSync)(installCommand, {
                     stdio: 'inherit'
                 });
                 await new Promise((r)=>setTimeout(r, 500));
                 if ('true' === process.env.EXTENSION_AUTHOR_MODE) {
                     console.log(`${pintor__rspack_import_3_default().brightMagenta('►►► Author says')} [${integration}] Installing root dependencies for dev...`);
-                    const devInstall = pm?.name === 'yarn' ? "yarn install --silent" : pm?.name === 'npm' || isFromNpx() ? "npm install --silent" : isFromPnpx() ? "pnpm install --silent" : `${'string' == typeof pm ? pm : pm?.name || 'npm'} install --silent`;
-                    (0, child_process__rspack_import_2.execSync)(devInstall, {
+                    (0, child_process__rspack_import_2.execSync)(getRootInstallCommand(pm), {
                         stdio: 'ignore'
                     });
+                    console.log(`${pintor__rspack_import_3_default().brightMagenta('►►► Author says')} ${integration} tooling ready.`);
                 }
-                console.log(`[${integration}] Dependencies installed successfully.`);
             } catch (error) {
                 console.error(`[${integration}] Failed to install dependencies.`, error);
             }
@@ -130714,7 +130785,7 @@ var __webpack_modules__ = {
         var _css_lib_is_content_script__rspack_import_4 = __webpack_require__("./webpack/plugin-css/css-lib/is-content-script.ts");
         let userMessageDelivered = false;
         function isUsingLess(projectPath) {
-            if ((0, _css_lib_integrations__rspack_import_3.w)(projectPath, 'less')) {
+            if ((0, _css_lib_integrations__rspack_import_3.ws)(projectPath, 'less')) {
                 if (!userMessageDelivered) {
                     if ('true' === process.env.EXTENSION_AUTHOR_MODE) console.log(`${pintor__rspack_import_1_default().brightMagenta('►►► Author says')} ${_css_lib_messages__rspack_import_2.zA('LESS')}`);
                     userMessageDelivered = true;
@@ -130733,7 +130804,7 @@ var __webpack_modules__ = {
                     'less',
                     'less-loader'
                 ];
-                await (0, _css_lib_integrations__rspack_import_3.t)('LESS', lessDependencies);
+                await (0, _css_lib_integrations__rspack_import_3.tm)('LESS', lessDependencies);
                 console.log(_css_lib_messages__rspack_import_2.Jv('LESS'));
                 process.exit(0);
             }
@@ -130808,7 +130879,7 @@ var __webpack_modules__ = {
             }
         }
         function isUsingPostCss(projectPath) {
-            if ((0, _css_lib_integrations__rspack_import_5.w)(projectPath, 'postcss')) {
+            if ((0, _css_lib_integrations__rspack_import_5.ws)(projectPath, 'postcss')) {
                 if (!userMessageDelivered) {
                     if ('true' === process.env.EXTENSION_AUTHOR_MODE) console.log(`${pintor__rspack_import_3_default().brightMagenta('►►► Author says')} ${_css_lib_messages__rspack_import_4.zA('PostCSS')}`);
                     userMessageDelivered = true;
@@ -130858,7 +130929,7 @@ var __webpack_modules__ = {
                         'postcss',
                         'postcss-loader'
                     ];
-                    await (0, _css_lib_integrations__rspack_import_5.t)('PostCSS', postCssDependencies);
+                    await (0, _css_lib_integrations__rspack_import_5.tm)('PostCSS', postCssDependencies);
                 }
                 console.log(_css_lib_messages__rspack_import_4.Jv('PostCSS'));
                 process.exit(0);
@@ -130930,7 +131001,7 @@ var __webpack_modules__ = {
         var _css_lib_integrations__rspack_import_4 = __webpack_require__("./webpack/plugin-css/css-lib/integrations.ts");
         let userMessageDelivered = false;
         function isUsingSass(projectPath) {
-            if ((0, _css_lib_integrations__rspack_import_4.w)(projectPath, 'sass')) {
+            if ((0, _css_lib_integrations__rspack_import_4.ws)(projectPath, 'sass')) {
                 if (!userMessageDelivered) {
                     if ('true' === process.env.EXTENSION_AUTHOR_MODE) console.log(`${pintor__rspack_import_2_default().brightMagenta('►►► Author says')} ${_css_lib_messages__rspack_import_3.zA('SASS')}`);
                     userMessageDelivered = true;
@@ -130981,11 +131052,11 @@ var __webpack_modules__ = {
                     'postcss-scss',
                     'postcss-preset-env'
                 ];
-                await (0, _css_lib_integrations__rspack_import_4.t)('PostCSS', postCssDependencies);
+                await (0, _css_lib_integrations__rspack_import_4.tm)('PostCSS', postCssDependencies);
                 const sassDependencies = [
                     'sass-loader'
                 ];
-                await (0, _css_lib_integrations__rspack_import_4.t)('SASS', sassDependencies);
+                await (0, _css_lib_integrations__rspack_import_4.tm)('SASS', sassDependencies);
                 console.log(_css_lib_messages__rspack_import_3.Jv('SASS'));
                 process.exit(0);
             }
@@ -131026,7 +131097,7 @@ var __webpack_modules__ = {
         var _css_lib_integrations__rspack_import_4 = __webpack_require__("./webpack/plugin-css/css-lib/integrations.ts");
         let userMessageDelivered = false;
         function isUsingTailwind(projectPath) {
-            const isUsingTailwind = (0, _css_lib_integrations__rspack_import_4.w)(projectPath, 'tailwindcss') || (0, _css_lib_integrations__rspack_import_4.w)(projectPath, '@tailwindcss/postcss');
+            const isUsingTailwind = (0, _css_lib_integrations__rspack_import_4.ws)(projectPath, 'tailwindcss') || (0, _css_lib_integrations__rspack_import_4.ws)(projectPath, '@tailwindcss/postcss');
             if (isUsingTailwind) {
                 if (!userMessageDelivered) {
                     if ('true' === process.env.EXTENSION_AUTHOR_MODE) console.log(`${pintor__rspack_import_2_default().brightMagenta('►►► Author says')} ${_css_lib_messages__rspack_import_3.zA('Tailwind')}`);
@@ -131047,9 +131118,10 @@ var __webpack_modules__ = {
     "./webpack/plugin-js-frameworks/frameworks-lib/integrations.ts" (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
         "use strict";
         __webpack_require__.d(__webpack_exports__, {
+            Dy: ()=>_plugin_css_css_lib_integrations__rspack_import_0.Dy,
             qQ: ()=>isUsingJSFramework,
-            tm: ()=>_plugin_css_css_lib_integrations__rspack_import_0.t,
-            ws: ()=>_plugin_css_css_lib_integrations__rspack_import_0.w
+            tm: ()=>_plugin_css_css_lib_integrations__rspack_import_0.tm,
+            ws: ()=>_plugin_css_css_lib_integrations__rspack_import_0.ws
         });
         var _plugin_css_css_lib_integrations__rspack_import_0 = __webpack_require__("./webpack/plugin-css/css-lib/integrations.ts");
         function isUsingJSFramework(projectPath) {
@@ -131061,7 +131133,7 @@ var __webpack_modules__ = {
                 'solid-js',
                 'preact'
             ];
-            return frameworks.some((fw)=>__webpack_require__("./webpack/plugin-css/css-lib/integrations.ts").w(projectPath, fw));
+            return frameworks.some((fw)=>__webpack_require__("./webpack/plugin-css/css-lib/integrations.ts").ws(projectPath, fw));
         }
     },
     "./webpack/plugin-js-frameworks/js-frameworks-lib/load-loader-options.ts" (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
@@ -131114,6 +131186,7 @@ var __webpack_modules__ = {
             Jv: ()=>youAreAllSet,
             LR: ()=>creatingTSConfig,
             MH: ()=>jsFrameworksConfigsDetected,
+            Q2: ()=>optionalDepsReady,
             Ty: ()=>isUsingCustomLoader,
             jH: ()=>jsFrameworksIntegrationsEnabled,
             zA: ()=>isUsingIntegration
@@ -131126,6 +131199,10 @@ var __webpack_modules__ = {
         function youAreAllSet(name) {
             return `${pintor__rspack_import_0_default().green('►►►')} ${name} installation completed. Run again to proceed.`;
         }
+        function optionalDepsReady(integrations) {
+            const list = integrations.length > 0 ? integrations.map((name)=>pintor__rspack_import_0_default().yellow(name)).join(', ') : pintor__rspack_import_0_default().gray('optional');
+            return `${pintor__rspack_import_0_default().green('►►►')} All set — ${list} tooling is ready.`;
+        }
         function creatingTSConfig() {
             return `${pintor__rspack_import_0_default().gray('►►►')} Creating default tsconfig.json...`;
         }
@@ -131294,7 +131371,8 @@ var __webpack_modules__ = {
     "./webpack/plugin-js-frameworks/js-tools/svelte.ts" (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
         "use strict";
         __webpack_require__.d(__webpack_exports__, {
-            X: ()=>maybeUseSvelte
+            X: ()=>maybeUseSvelte,
+            a: ()=>isUsingSvelte
         });
         var path__rspack_import_0 = __webpack_require__("path");
         var _js_frameworks_lib_messages__rspack_import_1 = __webpack_require__("./webpack/plugin-js-frameworks/js-frameworks-lib/messages.ts");
@@ -131434,8 +131512,7 @@ var __webpack_modules__ = {
         "use strict";
         __webpack_require__.d(__webpack_exports__, {
             eE: ()=>isUsingTypeScript,
-            hB: ()=>getUserTypeScriptConfigFile,
-            vv: ()=>maybeUseTypeScript
+            hB: ()=>getUserTypeScriptConfigFile
         });
         var path__rspack_import_0 = __webpack_require__("path");
         var fs__rspack_import_1 = __webpack_require__("fs");
@@ -131548,31 +131625,19 @@ var __webpack_modules__ = {
                 mode: 'development'
             }), null, 2));
         }
-        async function maybeUseTypeScript(projectPath) {
-            if (!isUsingTypeScript(projectPath)) return false;
-            try {
-                require.resolve("typescript");
-            } catch (e) {
-                const typescriptDependencies = [
-                    "typescript"
-                ];
-                await (0, _frameworks_lib_integrations__rspack_import_4.tm)('TypeScript', typescriptDependencies);
-                console.log(_js_frameworks_lib_messages__rspack_import_3.Jv('TypeScript'));
-                process.exit(0);
-            }
-            return true;
-        }
     },
     "./webpack/plugin-js-frameworks/js-tools/vue.ts" (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
         "use strict";
         __webpack_require__.d(__webpack_exports__, {
-            K: ()=>maybeUseVue
+            K: ()=>maybeUseVue,
+            L: ()=>isUsingVue
         });
-        var pintor__rspack_import_0 = __webpack_require__("pintor");
-        var pintor__rspack_import_0_default = /*#__PURE__*/ __webpack_require__.n(pintor__rspack_import_0);
-        var _js_frameworks_lib_messages__rspack_import_1 = __webpack_require__("./webpack/plugin-js-frameworks/js-frameworks-lib/messages.ts");
-        var _frameworks_lib_integrations__rspack_import_2 = __webpack_require__("./webpack/plugin-js-frameworks/frameworks-lib/integrations.ts");
-        var _js_frameworks_lib_load_loader_options__rspack_import_3 = __webpack_require__("./webpack/plugin-js-frameworks/js-frameworks-lib/load-loader-options.ts");
+        var _rspack_core__rspack_import_0 = __webpack_require__("@rspack/core");
+        var pintor__rspack_import_1 = __webpack_require__("pintor");
+        var pintor__rspack_import_1_default = /*#__PURE__*/ __webpack_require__.n(pintor__rspack_import_1);
+        var _js_frameworks_lib_messages__rspack_import_2 = __webpack_require__("./webpack/plugin-js-frameworks/js-frameworks-lib/messages.ts");
+        var _frameworks_lib_integrations__rspack_import_3 = __webpack_require__("./webpack/plugin-js-frameworks/frameworks-lib/integrations.ts");
+        var _js_frameworks_lib_load_loader_options__rspack_import_4 = __webpack_require__("./webpack/plugin-js-frameworks/js-frameworks-lib/load-loader-options.ts");
         let userMessageDelivered = false;
         let cachedVueLoaderPlugin;
         function getVueLoaderPlugin() {
@@ -131587,14 +131652,14 @@ var __webpack_modules__ = {
             } catch  {}
         }
         function isUsingVue(projectPath) {
-            const using = (0, _frameworks_lib_integrations__rspack_import_2.ws)(projectPath, 'vue');
+            const using = (0, _frameworks_lib_integrations__rspack_import_3.ws)(projectPath, 'vue');
             if (using && !userMessageDelivered) {
-                if ('true' === process.env.EXTENSION_AUTHOR_MODE) console.log(`${pintor__rspack_import_0_default().brightMagenta('►►► Author says')} ${_js_frameworks_lib_messages__rspack_import_1.zA('Vue')}`);
+                if ('true' === process.env.EXTENSION_AUTHOR_MODE) console.log(`${pintor__rspack_import_1_default().brightMagenta('►►► Author says')} ${_js_frameworks_lib_messages__rspack_import_2.zA('Vue')}`);
                 userMessageDelivered = true;
             }
             return using;
         }
-        async function maybeUseVue(projectPath) {
+        async function maybeUseVue(projectPath, mode = 'development') {
             if (!isUsingVue(projectPath)) return;
             try {
                 require.resolve('vue-loader');
@@ -131603,13 +131668,13 @@ var __webpack_modules__ = {
                     'vue-loader',
                     '@vue/compiler-sfc'
                 ];
-                await (0, _frameworks_lib_integrations__rspack_import_2.tm)('Vue', vueDependencies);
-                console.log(_js_frameworks_lib_messages__rspack_import_1.Jv('Vue'));
+                await (0, _frameworks_lib_integrations__rspack_import_3.tm)('Vue', vueDependencies);
+                console.log(_js_frameworks_lib_messages__rspack_import_2.Jv('Vue'));
                 process.exit(0);
             }
             const VueLoaderPlugin = getVueLoaderPlugin();
             if (!VueLoaderPlugin) throw new Error('[Vue] vue-loader is installed but VueLoaderPlugin could not be resolved.');
-            const customOptions = await (0, _js_frameworks_lib_load_loader_options__rspack_import_3.g)(projectPath, 'vue');
+            const customOptions = await (0, _js_frameworks_lib_load_loader_options__rspack_import_4.g)(projectPath, 'vue');
             const defaultLoaders = [
                 {
                     test: /\.vue$/,
@@ -131622,8 +131687,14 @@ var __webpack_modules__ = {
                     exclude: /node_modules/
                 }
             ];
+            const isProd = 'production' === mode;
             const defaultPlugins = [
-                new VueLoaderPlugin()
+                new VueLoaderPlugin(),
+                new _rspack_core__rspack_import_0.DefinePlugin({
+                    __VUE_OPTIONS_API__: JSON.stringify(true),
+                    __VUE_PROD_DEVTOOLS__: JSON.stringify(!isProd),
+                    __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: JSON.stringify(!isProd)
+                })
             ];
             return {
                 plugins: defaultPlugins,
@@ -132513,7 +132584,7 @@ var __webpack_modules__ = {
     },
     "./package.json" (module) {
         "use strict";
-        module.exports = JSON.parse('{"rE":"3.1.0-next.8","El":{"@rspack/core":"^1.7.2","@rspack/dev-server":"^1.1.5","@swc/core":"^1.15.8","@swc/helpers":"^0.5.18","adm-zip":"^0.5.16","browser-extension-manifest-fields":"^2.2.1","case-sensitive-paths-webpack-plugin":"^2.4.0","chokidar":"^5.0.0","chrome-location2":"4.0.0","chromium-location":"2.0.0","content-security-policy-parser":"^0.6.0","cross-spawn":"^7.0.6","dotenv":"^17.2.3","edge-location":"2.2.0","firefox-location2":"3.0.0","go-git-it":"^5.0.3","ignore":"^7.0.5","loader-utils":"^3.3.1","magic-string":"^0.30.21","package-manager-detector":"^1.6.0","parse5":"^8.0.0","parse5-utilities":"^1.0.0","pintor":"0.3.0","schema-utils":"^4.3.3","tiny-glob":"^0.2.9","unique-names-generator":"^4.7.1","webextension-polyfill":"^0.12.0","webpack-merge":"^6.0.1","webpack-target-webextension":"^2.1.3","ws":"^8.19.0"}}');
+        module.exports = JSON.parse('{"rE":"3.1.1","El":{"@rspack/core":"^1.7.2","@rspack/dev-server":"^1.1.5","@swc/core":"^1.15.8","@swc/helpers":"^0.5.18","adm-zip":"^0.5.16","browser-extension-manifest-fields":"^2.2.1","case-sensitive-paths-webpack-plugin":"^2.4.0","chokidar":"^5.0.0","chrome-location2":"4.0.0","chromium-location":"2.0.0","content-security-policy-parser":"^0.6.0","cross-spawn":"^7.0.6","dotenv":"^17.2.3","edge-location":"2.2.0","firefox-location2":"3.0.0","go-git-it":"^5.0.3","ignore":"^7.0.5","loader-utils":"^3.3.1","magic-string":"^0.30.21","package-manager-detector":"^1.6.0","parse5":"^8.0.0","parse5-utilities":"^1.0.0","pintor":"0.3.0","schema-utils":"^4.3.3","tiny-glob":"^0.2.9","unique-names-generator":"^4.7.1","webextension-polyfill":"^0.12.0","webpack-merge":"^6.0.1","webpack-target-webextension":"^2.1.3","ws":"^8.19.0"}}');
     }
 };
 var __webpack_module_cache__ = {};
@@ -132590,8 +132661,20 @@ var __webpack_exports__ = {};
         extensionStart: ()=>extensionStart,
         ensureDependencies: ()=>ensureDependencies,
         extensionPreview: ()=>extensionPreview,
-        extensionBuild: ()=>extensionBuild
+        extensionBuild: ()=>extensionBuild,
+        preflightOptionalDependenciesForProject: ()=>preflightOptionalDependenciesForProject
     });
+    function getBuildSummary(browser, info) {
+        const assets = info?.assets || [];
+        return {
+            browser,
+            total_assets: assets.length,
+            total_bytes: assets.reduce((n, a)=>n + (a.size || 0), 0),
+            largest_asset_bytes: assets.reduce((m, a)=>Math.max(m, a.size || 0), 0),
+            warnings_count: (info?.warnings || []).length,
+            errors_count: (info?.errors || []).length
+        };
+    }
     var external_path_ = __webpack_require__("path");
     var external_fs_ = __webpack_require__("fs");
     var messages = __webpack_require__("./webpack/webpack-lib/messages.ts");
@@ -132813,39 +132896,6 @@ var __webpack_exports__ = {};
         }
     }
     var paths = __webpack_require__("./webpack/webpack-lib/paths.ts");
-    function getBuildSummary(browser, info) {
-        const assets = info?.assets || [];
-        return {
-            browser,
-            total_assets: assets.length,
-            total_bytes: assets.reduce((n, a)=>n + (a.size || 0), 0),
-            largest_asset_bytes: assets.reduce((m, a)=>Math.max(m, a.size || 0), 0),
-            warnings_count: (info?.warnings || []).length,
-            errors_count: (info?.errors || []).length
-        };
-    }
-    var react = __webpack_require__("./webpack/plugin-js-frameworks/js-tools/react.ts");
-    var preact = __webpack_require__("./webpack/plugin-js-frameworks/js-tools/preact.ts");
-    var vue = __webpack_require__("./webpack/plugin-js-frameworks/js-tools/vue.ts");
-    var svelte = __webpack_require__("./webpack/plugin-js-frameworks/js-tools/svelte.ts");
-    var typescript = __webpack_require__("./webpack/plugin-js-frameworks/js-tools/typescript.ts");
-    var sass = __webpack_require__("./webpack/plugin-css/css-tools/sass.ts");
-    var less = __webpack_require__("./webpack/plugin-css/css-tools/less.ts");
-    var postcss = __webpack_require__("./webpack/plugin-css/css-tools/postcss.ts");
-    async function preflightOptionalDependencies(projectStructure, mode) {
-        const { packageJsonDir } = (0, paths.fu)(projectStructure);
-        const projectPath = packageJsonDir;
-        await (0, typescript.vv)(projectPath);
-        await (0, react.b)(projectPath);
-        await (0, preact.b)(projectPath);
-        await (0, vue.K)(projectPath);
-        await (0, svelte.X)(projectPath, mode);
-        await (0, sass.IZ)(projectPath);
-        await (0, less.V)(projectPath, projectStructure.manifestPath);
-        await (0, postcss.t)(projectPath, {
-            mode
-        });
-    }
     function findExtensionDevelopRoot() {
         const webpackLibDir = __dirname;
         const webpackDir = external_path_.resolve(webpackLibDir, '..');
@@ -133021,6 +133071,230 @@ var __webpack_exports__ = {};
             installedUser: needsUserInstall
         };
     }
+    var external_pintor_ = __webpack_require__("pintor");
+    var external_pintor_default = /*#__PURE__*/ __webpack_require__.n(external_pintor_);
+    var external_crypto_ = __webpack_require__("crypto");
+    function getPreflightCacheDir(packageRoot) {
+        return external_path_.join(packageRoot, '.cache', 'extensionjs', 'preflight');
+    }
+    function getProjectKey(projectPath) {
+        return (0, external_crypto_.createHash)('sha1').update(external_path_.resolve(projectPath)).digest('hex');
+    }
+    function getCacheVersionPath(cacheDir) {
+        return external_path_.join(cacheDir, 'version.json');
+    }
+    function getProjectDepsHash(projectPath) {
+        try {
+            const packageJsonPath = external_path_.join(projectPath, 'package.json');
+            if (!external_fs_.existsSync(packageJsonPath)) return 'no-package-json';
+            const raw = external_fs_.readFileSync(packageJsonPath, 'utf8');
+            const parsed = JSON.parse(raw || '{}');
+            const deps = parsed?.dependencies || {};
+            const devDeps = parsed?.devDependencies || {};
+            const normalize = (input)=>{
+                const sortedKeys = Object.keys(input).sort();
+                const normalized = {};
+                for (const key of sortedKeys)normalized[key] = input[key];
+                return normalized;
+            };
+            const stable = JSON.stringify({
+                dependencies: normalize(deps),
+                devDependencies: normalize(devDeps)
+            });
+            return (0, external_crypto_.createHash)('sha1').update(stable).digest('hex');
+        } catch  {
+            return 'invalid-package-json';
+        }
+    }
+    function ensureCacheVersion(cacheDir) {
+        const versionPath = getCacheVersionPath(cacheDir);
+        const expectedVersion = package_0.rE;
+        try {
+            if (!external_fs_.existsSync(versionPath)) return true;
+            const raw = external_fs_.readFileSync(versionPath, 'utf8');
+            const data = JSON.parse(raw || '{}');
+            if (data?.version !== expectedVersion) {
+                external_fs_.rmSync(cacheDir, {
+                    recursive: true,
+                    force: true
+                });
+                return false;
+            }
+            return true;
+        } catch  {
+            try {
+                external_fs_.rmSync(cacheDir, {
+                    recursive: true,
+                    force: true
+                });
+            } catch  {}
+            return false;
+        }
+    }
+    function getPreflightMarkerPath(projectPath) {
+        const packageRoot = findExtensionDevelopRoot();
+        if (!packageRoot) return;
+        const cacheDir = getPreflightCacheDir(packageRoot);
+        return external_path_.join(cacheDir, `${getProjectKey(projectPath)}.json`);
+    }
+    function hasPreflightMarker(projectPath) {
+        const marker = getPreflightMarkerPath(projectPath);
+        if (!marker) return false;
+        const cacheDir = external_path_.dirname(marker);
+        if (!ensureCacheVersion(cacheDir)) return false;
+        if (!external_fs_.existsSync(marker)) return false;
+        try {
+            const raw = external_fs_.readFileSync(marker, 'utf8');
+            const data = JSON.parse(raw || '{}');
+            const depsHash = getProjectDepsHash(projectPath);
+            if (data?.depsHash !== depsHash) {
+                external_fs_.rmSync(marker, {
+                    force: true
+                });
+                return false;
+            }
+            return true;
+        } catch  {
+            try {
+                external_fs_.rmSync(marker, {
+                    force: true
+                });
+            } catch  {}
+            return false;
+        }
+    }
+    function writePreflightMarker(projectPath) {
+        const marker = getPreflightMarkerPath(projectPath);
+        if (!marker) return;
+        const cacheDir = external_path_.dirname(marker);
+        try {
+            external_fs_.mkdirSync(cacheDir, {
+                recursive: true
+            });
+            external_fs_.writeFileSync(getCacheVersionPath(cacheDir), JSON.stringify({
+                version: package_0.rE
+            }));
+            external_fs_.writeFileSync(marker, JSON.stringify({
+                projectPath: external_path_.resolve(projectPath),
+                depsHash: getProjectDepsHash(projectPath),
+                version: package_0.rE,
+                ts: Date.now()
+            }));
+        } catch  {}
+    }
+    var react = __webpack_require__("./webpack/plugin-js-frameworks/js-tools/react.ts");
+    var preact = __webpack_require__("./webpack/plugin-js-frameworks/js-tools/preact.ts");
+    var vue = __webpack_require__("./webpack/plugin-js-frameworks/js-tools/vue.ts");
+    var svelte = __webpack_require__("./webpack/plugin-js-frameworks/js-tools/svelte.ts");
+    var typescript = __webpack_require__("./webpack/plugin-js-frameworks/js-tools/typescript.ts");
+    var integrations = __webpack_require__("./webpack/plugin-js-frameworks/frameworks-lib/integrations.ts");
+    var sass = __webpack_require__("./webpack/plugin-css/css-tools/sass.ts");
+    var less = __webpack_require__("./webpack/plugin-css/css-tools/less.ts");
+    var postcss = __webpack_require__("./webpack/plugin-css/css-tools/postcss.ts");
+    var js_frameworks_lib_messages = __webpack_require__("./webpack/plugin-js-frameworks/js-frameworks-lib/messages.ts");
+    function canResolveFromProject(id, projectPath) {
+        try {
+            return require.resolve(id, {
+                paths: [
+                    projectPath,
+                    process.cwd()
+                ]
+            });
+        } catch  {
+            return;
+        }
+    }
+    function canResolve(id) {
+        try {
+            return require.resolve(id);
+        } catch  {
+            return;
+        }
+    }
+    async function preflightOptionalDependencies(projectStructure, mode, opts) {
+        const { packageJsonDir } = (0, paths.fu)(projectStructure);
+        const projectPath = packageJsonDir;
+        if (hasPreflightMarker(projectPath)) {
+            if ('true' === process.env.EXTENSION_AUTHOR_MODE) console.log(`${external_pintor_default().brightMagenta('►►► Author says')} Optional deps preflight skipped (cache hit).`);
+            return;
+        }
+        const missingOptionalDeps = new Set();
+        const usedIntegrations = [];
+        const usesTypeScript = (0, typescript.eE)(projectPath);
+        const usesReact = (0, react.S)(projectPath);
+        const usesPreact = (0, preact.K)(projectPath);
+        const usesVue = (0, vue.L)(projectPath);
+        const usesSvelte = (0, svelte.a)(projectPath);
+        const usesSass = (0, sass.fZ)(projectPath);
+        const usesLess = (0, less.K)(projectPath);
+        const usesPostCss = (0, postcss.A)(projectPath);
+        if (usesTypeScript && !canResolveFromProject("typescript", projectPath)) {
+            missingOptionalDeps.add("typescript");
+            usedIntegrations.push('TypeScript');
+        }
+        if (usesReact) {
+            if (!canResolve('react-refresh')) missingOptionalDeps.add('react-refresh');
+            if (!canResolve('@rspack/plugin-react-refresh')) missingOptionalDeps.add('@rspack/plugin-react-refresh');
+            usedIntegrations.push('React');
+        }
+        if (usesPreact) {
+            if (!canResolve('@prefresh/core')) missingOptionalDeps.add('@prefresh/core');
+            if (!canResolve('@prefresh/utils')) missingOptionalDeps.add('@prefresh/utils');
+            if (!canResolve('@rspack/plugin-preact-refresh')) missingOptionalDeps.add('@rspack/plugin-preact-refresh');
+            if (!canResolve('preact')) missingOptionalDeps.add('preact');
+            usedIntegrations.push('Preact');
+        }
+        if (usesVue) {
+            if (!canResolve('vue-loader')) missingOptionalDeps.add('vue-loader');
+            if (!canResolve('@vue/compiler-sfc')) missingOptionalDeps.add('@vue/compiler-sfc');
+            usedIntegrations.push('Vue');
+        }
+        if (usesSvelte) {
+            if (!canResolveFromProject('svelte-loader', projectPath) && !canResolve('svelte-loader')) missingOptionalDeps.add('svelte-loader');
+            if (!canResolveFromProject("typescript", projectPath)) missingOptionalDeps.add("typescript");
+            usedIntegrations.push('Svelte');
+        }
+        if (usesSass && !canResolve('sass-loader')) {
+            const postCssDeps = [
+                'postcss-loader',
+                'postcss-scss',
+                'postcss-preset-env'
+            ];
+            for (const dep of postCssDeps)if (!canResolve(dep)) missingOptionalDeps.add(dep);
+            missingOptionalDeps.add('sass-loader');
+            usedIntegrations.push('Sass');
+        }
+        if (usesLess && !canResolve('less-loader')) {
+            if (!canResolve('less')) missingOptionalDeps.add('less');
+            missingOptionalDeps.add('less-loader');
+            usedIntegrations.push('Less');
+        }
+        if (usesPostCss && !canResolve('postcss-loader') && !usesSass && !usesLess) {
+            if (!canResolve('postcss')) missingOptionalDeps.add('postcss');
+            missingOptionalDeps.add('postcss-loader');
+            usedIntegrations.push('PostCSS');
+        }
+        if (missingOptionalDeps.size > 0) {
+            const uniqueIntegrations = Array.from(new Set(usedIntegrations));
+            await (0, integrations.Dy)('Optional', Array.from(missingOptionalDeps), uniqueIntegrations);
+            if (opts?.showRunAgainMessage !== false) console.log(js_frameworks_lib_messages.Q2(uniqueIntegrations));
+            if (opts?.exitOnInstall !== false) process.exit(0);
+        }
+        writePreflightMarker(projectPath);
+    }
+    function shouldRunOptionalPreflight(projectStructure) {
+        const { packageJsonDir } = (0, paths.fu)(projectStructure);
+        const projectPath = packageJsonDir;
+        return !hasPreflightMarker(projectPath);
+    }
+    async function ensureProjectReady(projectStructure, mode, opts) {
+        const { packageJsonDir } = (0, paths.fu)(projectStructure);
+        const result = await ensureDependencies(packageJsonDir, opts);
+        if (shouldRunOptionalPreflight(projectStructure)) await preflightOptionalDependencies(projectStructure, mode, {
+            exitOnInstall: opts?.exitOnInstall
+        });
+        return result;
+    }
     async function extensionBuild(pathOrRemoteUrl, buildOptions) {
         const projectStructure = await getProjectStructure(pathOrRemoteUrl);
         const isVitest = 'true' === process.env.VITEST;
@@ -133028,7 +133302,7 @@ var __webpack_exports__ = {};
         const browser = (0, paths.YN)(buildOptions?.browser || 'chrome', buildOptions?.chromiumBinary, buildOptions?.geckoBinary || buildOptions?.firefoxBinary);
         const { manifestDir, packageJsonDir } = (0, paths.fu)(projectStructure);
         try {
-            const depsResult = await ensureDependencies(packageJsonDir, {
+            const depsResult = await ensureProjectReady(projectStructure, 'production', {
                 skipProjectInstall: isVitest || !projectStructure.packageJsonPath,
                 exitOnInstall: true
             });
@@ -133040,7 +133314,6 @@ var __webpack_exports__ = {};
                 warnings_count: 0,
                 errors_count: 0
             };
-            await preflightOptionalDependencies(projectStructure, 'production');
             const [{ rspack }, { merge }, { handleStatsErrors }, { default: webpackConfig }] = await Promise.all([
                 import("@rspack/core"),
                 import("webpack-merge"),
@@ -133150,12 +133423,11 @@ var __webpack_exports__ = {};
         try {
             const debug = 'true' === process.env.EXTENSION_AUTHOR_MODE;
             const { manifestDir, packageJsonDir } = (0, paths.fu)(projectStructure);
-            const depsResult = await ensureDependencies(packageJsonDir, {
+            const depsResult = await ensureProjectReady(projectStructure, 'development', {
                 skipProjectInstall: !projectStructure.packageJsonPath,
                 exitOnInstall: true
             });
             if (depsResult.installed) return;
-            await preflightOptionalDependencies(projectStructure, 'development');
             if ((0, typescript.eE)(manifestDir)) await generateExtensionTypes(manifestDir, packageJsonDir);
             if (projectStructure.packageJsonPath) assertNoManagedDependencyConflicts(projectStructure.packageJsonPath, manifestDir);
             const browser = (0, paths.YN)(devOptions.browser || 'chrome', devOptions.chromiumBinary, devOptions.geckoBinary || devOptions.firefoxBinary);
@@ -133192,6 +133464,15 @@ var __webpack_exports__ = {};
     var firefox_launch = __webpack_require__("./webpack/plugin-browsers/run-firefox/firefox-launch/index.ts");
     async function runOnlyPreviewBrowser(opts) {
         const sourceEnabled = false;
+        let exitScheduled = false;
+        const scheduleExitOnSignal = ()=>{
+            if (exitScheduled) return;
+            exitScheduled = true;
+            setTimeout(()=>process.exit(0), 10);
+        };
+        process.once('SIGINT', scheduleExitOnSignal);
+        process.once('SIGTERM', scheduleExitOnSignal);
+        process.once('SIGHUP', scheduleExitOnSignal);
         const compilationLike = {
             options: {
                 mode: 'production',
@@ -133312,6 +133593,11 @@ var __webpack_exports__ = {};
         const projectStructure = await getProjectStructure(pathOrRemoteUrl);
         try {
             const debug = 'true' === process.env.EXTENSION_AUTHOR_MODE;
+            const depsResult = await ensureProjectReady(projectStructure, 'development', {
+                skipProjectInstall: !projectStructure.packageJsonPath,
+                exitOnInstall: true
+            });
+            if (depsResult.installed) return;
             const browser = (0, paths.YN)(startOptions.browser || 'chrome', startOptions.chromiumBinary, startOptions.geckoBinary || startOptions.firefoxBinary);
             const { manifestDir, packageJsonDir } = (0, paths.fu)(projectStructure);
             const commandConfig = await (0, config_loader.eY)(packageJsonDir, 'start');
@@ -133342,18 +133628,27 @@ var __webpack_exports__ = {};
             process.exit(1);
         }
     }
+    async function preflightOptionalDependenciesForProject(pathOrRemoteUrl, mode = 'development') {
+        const projectStructure = await getProjectStructure(pathOrRemoteUrl);
+        await preflightOptionalDependencies(projectStructure, mode, {
+            exitOnInstall: false,
+            showRunAgainMessage: false
+        });
+    }
 })();
 exports.ensureDependencies = __webpack_exports__.ensureDependencies;
 exports.extensionBuild = __webpack_exports__.extensionBuild;
 exports.extensionDev = __webpack_exports__.extensionDev;
 exports.extensionPreview = __webpack_exports__.extensionPreview;
 exports.extensionStart = __webpack_exports__.extensionStart;
+exports.preflightOptionalDependenciesForProject = __webpack_exports__.preflightOptionalDependenciesForProject;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "ensureDependencies",
     "extensionBuild",
     "extensionDev",
     "extensionPreview",
-    "extensionStart"
+    "extensionStart",
+    "preflightOptionalDependenciesForProject"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true