extension-develop 3.1.0-next.10 → 3.1.0-next.12

package/dist/547.js

@@ -663,8 +663,8 @@ exports.modules = {
                 const projectPath = compiler.options.context || process.cwd();
                 const plugins = [];
                 const manifestPath = this.manifestPath;
-                const usingSass = (0, css_lib_integrations.w)(projectPath, 'sass');
-                const usingLess = (0, css_lib_integrations.w)(projectPath, 'less');
+                const usingSass = (0, css_lib_integrations.ws)(projectPath, 'sass');
+                const usingLess = (0, css_lib_integrations.ws)(projectPath, 'less');
                 const maybeInstallStylelint = await maybeUseStylelint(projectPath);
                 plugins.push(...maybeInstallStylelint);
                 const maybeInstallSass = await (0, sass.IZ)(projectPath);
@@ -707,8 +707,8 @@ exports.modules = {
                 ].filter(Boolean);
                 if ('true' === process.env.EXTENSION_AUTHOR_MODE) {
                     const integrations = [];
-                    const usingTailwind = (0, css_lib_integrations.w)(projectPath, 'tailwindcss');
-                    const usingPostcss = (0, css_lib_integrations.w)(projectPath, 'postcss') || void 0 !== findPostCssConfig(projectPath) || usingSass || usingLess || usingTailwind;
+                    const usingTailwind = (0, css_lib_integrations.ws)(projectPath, 'tailwindcss');
+                    const usingPostcss = (0, css_lib_integrations.ws)(projectPath, 'postcss') || void 0 !== findPostCssConfig(projectPath) || usingSass || usingLess || usingTailwind;
                     if (usingPostcss) integrations.push('PostCSS');
                     if (usingSass) integrations.push('Sass');
                     if (usingLess) integrations.push('Less');
@@ -1957,7 +1957,7 @@ exports.modules = {
             return lines.join('\n');
         }
         function fileNotFound(errorSourcePath, missingFilePath, opts) {
-            if (!errorSourcePath) throw new Error('This operation is impossible. Please report a bug.');
+            if (!errorSourcePath) throw new Error('This state should not occur. Please report a bug.');
             switch(external_path_.extname(missingFilePath)){
                 case '.js':
                 case '.ts':
@@ -4931,7 +4931,7 @@ Set background.noDynamicEntryWarning to true to disable this warning.
             }
         }
         function manifestNotFoundMessageOnly(absPath) {
-            return `Check the manifest.json file.\n\nNOT FOUND ${absPath}`;
+            return `Check for a valid manifest.json file.\n\nNOT FOUND ${absPath}`;
         }
         function entryNotFoundMessageOnly(manifestField, absPath) {
             const guidance = `Check the ${manifestField} field in your manifest.json file.`;
@@ -4939,24 +4939,24 @@ Set background.noDynamicEntryWarning to true to disable this warning.
             return guidance + suffix;
         }
         function defaultLocaleSpecifiedButLocalesMissing() {
-            return 'Default locale was specified, but _locales subtree is missing.';
+            return 'default_locale is set, but the _locales folder is missing. Add _locales/<default>/messages.json.';
         }
         function defaultLocaleFolderMissing(defaultLocale) {
-            return `Default locale folder is missing: _locales/${defaultLocale}`;
+            return `Default locale folder is missing: _locales/${defaultLocale}. Create it and add messages.json.`;
         }
         function defaultLocaleMessagesMissing(defaultLocale) {
-            return `Default locale messages.json is missing: _locales/${defaultLocale}/messages.json`;
+            return `Default locale messages.json is missing: _locales/${defaultLocale}/messages.json. Create the file with your strings.`;
         }
         function localesPresentButNoDefaultLocale() {
-            return 'The _locales subtree exists but manifest.json is missing default_locale.';
+            return 'The _locales folder exists, but manifest.json is missing default_locale. Add default_locale to manifest.json.';
         }
         function invalidMessagesJson(absPath) {
-            return `Invalid JSON in locale messages file: ${absPath}`;
+            return `Invalid JSON in locale messages file: ${absPath}. Fix the JSON syntax and try again.`;
         }
         function missingManifestMessageKey(key, defaultLocale) {
             const header = 'Check the i18n placeholders in your manifest.json file.';
             const localePath = defaultLocale ? `_locales/${defaultLocale}/messages.json` : '_locales/<default>/messages.json';
-            const guidance = `The key "${key}" referenced via __MSG_${key}__ must be defined in ${localePath}.`;
+            const guidance = `The key "${key}" referenced via __MSG_${key}__ must be defined in ${localePath}. Add the key to that file.`;
             const final = `MISSING KEY ${key} in ${localePath}`;
             return `${header}\n${guidance}\n\n${final}`;
         }
@@ -6529,7 +6529,7 @@ Set background.noDynamicEntryWarning to true to disable this warning.
         }
         var external_chokidar_ = __webpack_require__("chokidar");
         function serverRestartRequiredFromSpecialFolderMessageOnly(addingOrRemoving, folder, typeOfAsset) {
-            return `${external_pintor_default().red('ERROR')} in ${external_pintor_default().yellow('manifest.json')} entrypoint: ${addingOrRemoving} ${external_pintor_default().yellow(typeOfAsset)} in ${external_pintor_default().underline(folder + '/')} requires a server restart.`;
+            return `${external_pintor_default().red('ERROR')} in ${external_pintor_default().yellow('manifest.json')} entrypoint: ${addingOrRemoving} ${external_pintor_default().yellow(typeOfAsset)} in ${external_pintor_default().underline(folder + '/')} requires a dev server restart to apply changes.`;
         }
         function specialFoldersSetupSummary(hasPublic, copyEnabled, ignoredCount) {
             return `Special folders setup — public=${String(hasPublic)}, copy=${String(copyEnabled)}, ignored=${String(ignoredCount)}`;

package/dist/module.js

@@ -127598,7 +127598,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 +127640,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 +127649,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 +127679,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 +127736,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)}`;
@@ -130563,8 +130563,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,18 +130585,46 @@ var __webpack_modules__ = {
             if (process.env['npm_execpath']) return 'npm';
             return false;
         }
+        function getOptionalInstallCommand(pm, dependencies) {
+            const quotedDir = JSON.stringify(__dirname);
+            if (pm?.name === 'yarn') return `yarn --silent add ${dependencies.join(' ')} --cwd ${quotedDir} --optional`;
+            if (pm?.name === 'npm' || isFromNpx()) return `npm --silent install ${dependencies.join(' ')} --prefix ${quotedDir} --save-optional`;
+            if (isFromPnpx()) return `pnpm --silent add ${dependencies.join(' ')} --prefix ${quotedDir} --save-optional`;
+            const pmName = 'string' == typeof pm ? pm : pm?.name || 'npm';
+            return `${pmName} --silent install ${dependencies.join(' ')} --cwd ${quotedDir} --optional`;
+        }
+        function getRootInstallCommand(pm) {
+            if (pm?.name === 'yarn') return "yarn install --silent";
+            if (pm?.name === 'npm' || isFromNpx()) return "npm install --silent";
+            if (isFromPnpx()) return "pnpm install --silent";
+            return `${'string' == typeof pm ? pm : pm?.name || 'npm'} install --silent`;
+        }
         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 installCommand = getOptionalInstallCommand(pm, dependencies);
+                console.log(`[${integration}] Installing optional dependencies...`);
+                (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(`[${integration}] Dependencies installed successfully.`);
+            } catch (error) {
+                console.error(`[${integration}] Failed to install dependencies.`, error);
+            }
+        }
+        async function installOptionalDependenciesBatch(integration, dependencies) {
+            if (!dependencies.length) return;
+            try {
+                const pm = await (0, package_manager_detector__rspack_import_4.detect)();
+                const installCommand = getOptionalInstallCommand(pm, dependencies);
                 console.log(`[${integration}] Installing optional dependencies...`);
                 (0, child_process__rspack_import_2.execSync)(installCommand, {
                     stdio: 'inherit'
@@ -130603,8 +130632,7 @@ var __webpack_modules__ = {
                 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'
                     });
                 }
@@ -130714,7 +130742,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 +130761,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 +130836,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 +130886,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 +130958,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 +131009,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 +131054,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 +131075,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 +131090,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 +131143,7 @@ var __webpack_modules__ = {
             Jv: ()=>youAreAllSet,
             LR: ()=>creatingTSConfig,
             MH: ()=>jsFrameworksConfigsDetected,
+            Q2: ()=>optionalDepsReady,
             Ty: ()=>isUsingCustomLoader,
             jH: ()=>jsFrameworksIntegrationsEnabled,
             zA: ()=>isUsingIntegration
@@ -131126,6 +131156,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 +131328,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 +131469,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,25 +131582,12 @@ 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);
@@ -132513,7 +132534,7 @@ var __webpack_modules__ = {
     },
     "./package.json" (module) {
         "use strict";
-        module.exports = JSON.parse('{"rE":"3.1.0-next.10","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.0-next.12","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__ = {};
@@ -133116,26 +133137,101 @@ var __webpack_exports__ = {};
     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");
-    async function preflightOptionalDependencies(projectStructure, mode) {
+    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;
         }
-        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
-        });
+        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) {
+            await (0, integrations.Dy)('Optional', Array.from(missingOptionalDeps));
+            if (opts?.showRunAgainMessage !== false) {
+                const uniqueIntegrations = Array.from(new Set(usedIntegrations));
+                console.log(js_frameworks_lib_messages.Q2(uniqueIntegrations));
+            }
+            if (opts?.exitOnInstall !== false) process.exit(0);
+        }
         writePreflightMarker(projectPath);
     }
     function shouldRunOptionalPreflight(projectStructure) {
@@ -133146,7 +133242,9 @@ var __webpack_exports__ = {};
     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);
+        if (shouldRunOptionalPreflight(projectStructure)) await preflightOptionalDependencies(projectStructure, mode, {
+            exitOnInstall: opts?.exitOnInstall
+        });
         return result;
     }
     async function extensionBuild(pathOrRemoteUrl, buildOptions) {
@@ -133475,7 +133573,10 @@ var __webpack_exports__ = {};
     }
     async function preflightOptionalDependenciesForProject(pathOrRemoteUrl, mode = 'development') {
         const projectStructure = await getProjectStructure(pathOrRemoteUrl);
-        await preflightOptionalDependencies(projectStructure, mode);
+        await preflightOptionalDependencies(projectStructure, mode, {
+            exitOnInstall: false,
+            showRunAgainMessage: false
+        });
     }
 })();
 exports.ensureDependencies = __webpack_exports__.ensureDependencies;

package/package.json

@@ -22,7 +22,7 @@
     "dist"
   ],
   "name": "extension-develop",
-  "version": "3.1.0-next.10",
+  "version": "3.1.0-next.12",
   "description": "Develop, build, preview, and package Extension.js projects.",
   "author": {
     "name": "Cezar Augusto",