extension-develop 3.0.0-next.6 → 3.0.0-next.7

package/dist/module.js

@@ -78,13 +78,18 @@ var __webpack_modules__ = {
     },
     "./webpack/webpack-lib/messages.ts": function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
         __webpack_require__.d(__webpack_exports__, {
+            $T: ()=>debugOutputPath,
+            KH: ()=>debugExtensionsToLoad,
             LO: ()=>buildWebpack,
             N$: ()=>manifestNotFoundError,
             Nv: ()=>installingDependencies,
+            OF: ()=>debugDirs,
             QC: ()=>failedToDownloadOrExtractZIPFileError,
             QR: ()=>fetchingProjectPath,
+            Ry: ()=>debugBrowser,
             WF: ()=>unpackagingExtension,
             WW: ()=>previewing,
+            ZE: ()=>debugContextPath,
             _n: ()=>writingTypeDefinitions,
             aP: ()=>unpackagedSuccessfully,
             cq: ()=>downloadingText,
@@ -96,6 +101,7 @@ var __webpack_modules__ = {
             oM: ()=>managedDependencyConflict,
             rF: ()=>configLoadingError,
             vC: ()=>installingDependenciesFailed,
+            vQ: ()=>debugPreviewOutput,
             vX: ()=>downloadedProjectFolderNotFound,
             wX: ()=>invalidRemoteZip,
             z$: ()=>buildSuccess,
@@ -239,6 +245,26 @@ var __webpack_modules__ = {
         function installingDependencies() {
             return `${getLoggingPrefix('info')} Installing project dependencies...`;
         }
+        function debugDirs(manifestDir, packageJsonDir) {
+            return `${getLoggingPrefix('info')} Directories\n${pintor__WEBPACK_IMPORTED_MODULE_2___default().gray('MANIFEST_DIR')} ${pintor__WEBPACK_IMPORTED_MODULE_2___default().underline(manifestDir)}\n${pintor__WEBPACK_IMPORTED_MODULE_2___default().gray('PACKAGE_JSON_DIR')} ${pintor__WEBPACK_IMPORTED_MODULE_2___default().underline(packageJsonDir)}`;
+        }
+        function debugBrowser(browser, chromiumBinary, geckoBinary) {
+            return `${getLoggingPrefix('info')} Browser Target\n${pintor__WEBPACK_IMPORTED_MODULE_2___default().gray('BROWSER')} ${pintor__WEBPACK_IMPORTED_MODULE_2___default().yellow(String(browser))}\n${pintor__WEBPACK_IMPORTED_MODULE_2___default().gray('CHROMIUM_BINARY')} ${pintor__WEBPACK_IMPORTED_MODULE_2___default().underline(String(chromiumBinary || 'auto'))}\n${pintor__WEBPACK_IMPORTED_MODULE_2___default().gray('GECKO_BINARY')} ${pintor__WEBPACK_IMPORTED_MODULE_2___default().underline(String(geckoBinary || 'auto'))}`;
+        }
+        function debugOutputPath(pathValue) {
+            return `${getLoggingPrefix('info')} Output Path\n${pintor__WEBPACK_IMPORTED_MODULE_2___default().gray('PATH')} ${pintor__WEBPACK_IMPORTED_MODULE_2___default().underline(pathValue)}`;
+        }
+        function debugPreviewOutput(outputPath, distPath) {
+            return `${getLoggingPrefix('info')} Preview Output\n${pintor__WEBPACK_IMPORTED_MODULE_2___default().gray('OUTPUT')} ${pintor__WEBPACK_IMPORTED_MODULE_2___default().underline(outputPath)}\n${pintor__WEBPACK_IMPORTED_MODULE_2___default().gray('DIST')} ${pintor__WEBPACK_IMPORTED_MODULE_2___default().underline(distPath)}`;
+        }
+        function debugContextPath(packageJsonDir) {
+            return `${getLoggingPrefix('info')} Context\n${pintor__WEBPACK_IMPORTED_MODULE_2___default().gray('CONTEXT')} ${pintor__WEBPACK_IMPORTED_MODULE_2___default().underline(packageJsonDir)}`;
+        }
+        function debugExtensionsToLoad(extensions) {
+            const header = `${getLoggingPrefix('info')} Extensions To Load (${extensions.length})`;
+            const list = extensions.map((e)=>`- ${pintor__WEBPACK_IMPORTED_MODULE_2___default().underline(e)}`).join('\n');
+            return `${header}\n${list}`;
+        }
         function installingDependenciesFailed(gitCommand, gitArgs, code) {
             return `${getLoggingPrefix('error')} Command ${pintor__WEBPACK_IMPORTED_MODULE_2___default().gray(gitCommand)} ${pintor__WEBPACK_IMPORTED_MODULE_2___default().gray(gitArgs.join(' '))} failed.\n${pintor__WEBPACK_IMPORTED_MODULE_2___default().red(`exit code ${pintor__WEBPACK_IMPORTED_MODULE_2___default().gray(String(code))}`)}`;
         }
@@ -292,7 +318,7 @@ var __webpack_modules__ = {
         });
     },
     "./package.json": function(module) {
-        module.exports = JSON.parse('{"i8":"3.0.0-next.5","HO":{"@rspack/core":"^1.6.3","@rspack/dev-server":"^1.1.4","@swc/core":"^1.13.2","@swc/helpers":"^0.5.15","adm-zip":"^0.5.16","browser-extension-manifest-fields":"^2.2.1","case-sensitive-paths-webpack-plugin":"^2.4.0","chokidar":"^4.0.1","chrome-location2":"3.2.1","chromium-location":"1.2.3","content-security-policy-parser":"^0.6.0","cross-spawn":"^7.0.6","dotenv":"^16.4.7","edge-location":"^2.1.1","firefox-location2":"2.1.1","go-git-it":"^5.0.0","ignore":"^6.0.2","loader-utils":"^3.3.1","magic-string":"^0.30.10","package-manager-detector":"^0.2.7","parse5":"^7.2.1","parse5-utilities":"^1.0.0","pintor":"0.3.0","schema-utils":"^4.2.0","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.18.0"},"Lq":{"@prefresh/core":"^1.5.2","@prefresh/utils":"^1.2.0","@prefresh/webpack":"^4.0.1","@rspack/plugin-preact-refresh":"^1.1.2","@rspack/plugin-react-refresh":"^1.0.1","@vue/compiler-sfc":"^3.5.13","babel-loader":"^9.2.1","less-loader":"^12.2.0","postcss-loader":"^8.1.1","postcss-preset-env":"^10.1.1","react-refresh":"^0.14.2","sass-loader":"^16.0.4","svelte-loader":"^3.2.4","vue-loader":"^17.4.2","vue-style-loader":"^4.1.3"}}');
+        module.exports = JSON.parse('{"i8":"3.0.0-next.6","HO":{"@rspack/core":"^1.6.3","@rspack/dev-server":"^1.1.4","@swc/core":"^1.13.2","@swc/helpers":"^0.5.15","adm-zip":"^0.5.16","browser-extension-manifest-fields":"^2.2.1","case-sensitive-paths-webpack-plugin":"^2.4.0","chokidar":"^4.0.1","chrome-location2":"3.2.1","chromium-location":"1.2.3","content-security-policy-parser":"^0.6.0","cross-spawn":"^7.0.6","dotenv":"^16.4.7","edge-location":"^2.1.1","firefox-location2":"2.1.1","go-git-it":"^5.0.0","ignore":"^6.0.2","loader-utils":"^3.3.1","magic-string":"^0.30.10","package-manager-detector":"^0.2.7","parse5":"^7.2.1","parse5-utilities":"^1.0.0","pintor":"0.3.0","schema-utils":"^4.2.0","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.18.0"},"Lq":{"@prefresh/core":"^1.5.2","@prefresh/utils":"^1.2.0","@prefresh/webpack":"^4.0.1","@rspack/plugin-preact-refresh":"^1.1.2","@rspack/plugin-react-refresh":"^1.0.1","@vue/compiler-sfc":"^3.5.13","babel-loader":"^9.2.1","less-loader":"^12.2.0","postcss-loader":"^8.1.1","postcss-preset-env":"^10.1.1","react-refresh":"^0.14.2","sass-loader":"^16.0.4","svelte-loader":"^3.2.4","vue-loader":"^17.4.2","vue-style-loader":"^4.1.3"}}');
     }
 };
 var __webpack_module_cache__ = {};
@@ -369,12 +395,12 @@ var __webpack_exports__ = {};
         extensionPreview: ()=>extensionPreview,
         extensionStart: ()=>extensionStart
     });
-    var external_fs_ = __webpack_require__("fs");
-    var external_path_ = __webpack_require__("path");
-    var external_path_default = /*#__PURE__*/ __webpack_require__.n(external_path_);
     const core_namespaceObject = require("@rspack/core");
     var core_default = /*#__PURE__*/ __webpack_require__.n(core_namespaceObject);
     const external_webpack_merge_namespaceObject = require("webpack-merge");
+    var external_path_ = __webpack_require__("path");
+    var external_path_default = /*#__PURE__*/ __webpack_require__.n(external_path_);
+    var external_fs_ = __webpack_require__("fs");
     var webpack_lib_messages = __webpack_require__("./webpack/webpack-lib/messages.ts");
     async function findUpLocal(filename, options) {
         const root = external_path_.parse(options.cwd).root;
@@ -836,6 +862,84 @@ var __webpack_exports__ = {};
             error: (...args)=>console.error(...args.map(sanitize))
         };
     }
+    function asAbsolute(p) {
+        return external_path_.isAbsolute(p) ? p : external_path_.resolve(p);
+    }
+    function getDirs(struct) {
+        const manifestDir = asAbsolute(external_path_.dirname(struct.manifestPath));
+        const packageJsonDir = asAbsolute(struct.packageJsonPath ? external_path_.dirname(struct.packageJsonPath) : manifestDir);
+        return {
+            manifestDir,
+            packageJsonDir
+        };
+    }
+    function getNodeModulesDir(packageJsonDir) {
+        return asAbsolute(external_path_.join(packageJsonDir, 'node_modules'));
+    }
+    function needsInstall(packageJsonDir) {
+        const nm = getNodeModulesDir(packageJsonDir);
+        try {
+            return !external_fs_.existsSync(nm) || 0 === external_fs_.readdirSync(nm).length;
+        } catch  {
+            return true;
+        }
+    }
+    function normalizeBrowser(browser, chromiumBinary, geckoBinary) {
+        if (chromiumBinary) return 'chromium-based';
+        if (geckoBinary) return 'gecko-based';
+        switch(String(browser || '')){
+            case 'chrome':
+                return 'chrome';
+            case 'edge':
+                return 'edge';
+            case 'chromium':
+            case 'chromium-based':
+                return 'chromium';
+            case 'firefox':
+            case 'firefox-based':
+            case 'gecko-based':
+                return 'firefox';
+            default:
+                return browser || 'chrome';
+        }
+    }
+    function getDistPath(packageJsonDir, browser) {
+        return asAbsolute(external_path_.join(packageJsonDir, 'dist', browser));
+    }
+    function computePreviewOutputPath(struct, browser, explicitOutputPath) {
+        const { manifestDir, packageJsonDir } = getDirs(struct);
+        if (explicitOutputPath) return asAbsolute(explicitOutputPath);
+        if (struct.packageJsonPath) {
+            const distDir = getDistPath(packageJsonDir, browser);
+            try {
+                if (external_fs_.existsSync(external_path_.join(distDir, 'manifest.json'))) return distDir;
+            } catch  {}
+        }
+        return manifestDir;
+    }
+    function ensureDirSync(dir) {
+        try {
+            if (!external_fs_.existsSync(dir)) external_fs_.mkdirSync(dir, {
+                recursive: true
+            });
+        } catch  {}
+    }
+    function devtoolsEngineFor(browser) {
+        switch(browser){
+            case 'chrome':
+                return 'chrome';
+            case 'edge':
+                return 'edge';
+            case 'chromium':
+            case 'chromium-based':
+                return 'chromium';
+            case 'firefox':
+            case 'gecko-based':
+                return 'firefox';
+            default:
+                return 'chrome';
+        }
+    }
     function filterKeysForThisBrowser(manifest, browser) {
         const CHROMIUM_BASED_BROWSERS = [
             'chrome',
@@ -863,6 +967,60 @@ var __webpack_exports__ = {};
         });
         return patchedManifest;
     }
+    function getDarkModeDefaults(browser) {
+        if ('chrome' === browser || 'edge' === browser || 'chromium' === browser || 'chromium-based' === browser) return {
+            browserFlags: [
+                '--force-dark-mode',
+                '--enable-features=WebUIDarkMode'
+            ],
+            preferences: {}
+        };
+        if ('firefox' === browser || 'gecko-based' === browser || 'firefox-based' === browser) return {
+            browserFlags: [],
+            preferences: {
+                'ui.systemUsesDarkTheme': 1,
+                'layout.css.prefers-color-scheme.content-override': 2,
+                'devtools.theme': 'dark'
+            }
+        };
+        return {
+            browserFlags: [],
+            preferences: {}
+        };
+    }
+    function withDarkMode(config) {
+        const defaults = getDarkModeDefaults(config.browser);
+        const existingFlags = Array.isArray(config.browserFlags) ? [
+            ...config.browserFlags
+        ] : [];
+        const nextFlags = [
+            ...existingFlags
+        ];
+        for (const flag of defaults.browserFlags || [])if (!nextFlags.some((f)=>String(f).trim() === flag)) nextFlags.push(flag);
+        const nextPreferences = {
+            ...config.preferences || {},
+            ...Object.fromEntries(Object.entries(defaults.preferences || {}).filter(([k])=>!(k in (config.preferences || {}))))
+        };
+        return {
+            ...config,
+            browserFlags: nextFlags,
+            preferences: nextPreferences
+        };
+    }
+    function computeExtensionsToLoad(baseDir, mode, browser, userExtensionOutputPath) {
+        const list = [];
+        try {
+            const engine = devtoolsEngineFor(browser);
+            const devtoolsRoot = external_path_.resolve(baseDir, '../dist/extension-js-devtools');
+            const themeRoot = external_path_.resolve(baseDir, '../dist/extension-js-theme');
+            const devtoolsForBrowser = external_path_.join(devtoolsRoot, engine);
+            const themeForBrowser = external_path_.join(themeRoot, engine);
+            if ('production' !== mode && external_fs_.existsSync(devtoolsForBrowser)) list.push(devtoolsForBrowser);
+            if (external_fs_.existsSync(themeForBrowser)) list.push(themeForBrowser);
+        } catch  {}
+        list.push(userExtensionOutputPath);
+        return list;
+    }
     const external_case_sensitive_paths_webpack_plugin_namespaceObject = require("case-sensitive-paths-webpack-plugin");
     var external_case_sensitive_paths_webpack_plugin_default = /*#__PURE__*/ __webpack_require__.n(external_case_sensitive_paths_webpack_plugin_namespaceObject);
     function _define_property(obj, key, value) {
@@ -1443,11 +1601,15 @@ var __webpack_exports__ = {};
     }
     async function maybeUsePostCss(projectPath, opts) {
         if (!isUsingPostCss(projectPath)) return {};
+        const userPostCssConfig = findPostCssConfig(projectPath);
         try {
             require.resolve('postcss-loader');
         } catch (e) {
             if (!isUsingSass(projectPath) && !isUsingLess(projectPath)) {
-                const postCssDependencies = [
+                const postCssDependencies = userPostCssConfig ? [
+                    'postcss',
+                    'postcss-loader'
+                ] : [
                     'postcss',
                     'postcss-loader',
                     'postcss-preset-env'
@@ -1464,8 +1626,8 @@ var __webpack_exports__ = {};
             options: {
                 postcssOptions: {
                     ident: 'postcss',
-                    config: findPostCssConfig(projectPath),
-                    plugins: [
+                    config: userPostCssConfig,
+                    plugins: userPostCssConfig ? [] : [
                         [
                             'postcss-preset-env',
                             {
@@ -7229,28 +7391,25 @@ var __webpack_exports__ = {};
                 } catch  {}
             }
         } catch  {}
+        let browserNorm = 'chromium';
+        if ('chromium-based' === browser) browserNorm = 'chromium';
+        else if ('gecko-based' === browser) browserNorm = 'firefox';
+        else if ('chrome' === browser || 'chromium' === browser || 'firefox' === browser || 'edge' === browser) browserNorm = browser;
+        const finalCachePath = browserNorm && cacheDir ? external_path_.join(cacheDir, browserNorm) : cacheDir;
         try {
-            if (cacheDir && cacheDir.trim().length > 0) {
+            if (finalCachePath && finalCachePath.trim().length > 0) {
                 const lines = cleaned.split(/\r?\n/);
                 const idx = lines.findIndex((l)=>/npx\s+@puppeteer\/browsers\s+install\s+/i.test(l));
                 if (-1 !== idx && !/--path\s+/i.test(lines[idx])) {
-                    lines[idx] = `${lines[idx].trim()} --path "${cacheDir}"`;
+                    lines[idx] = `${lines[idx].trim()} --path "${finalCachePath}"`;
                     cleaned = lines.join('\n');
                 }
                 try {
                     const pwIdx = lines.findIndex((l)=>/npx\s+playwright\s+install(\s+.+)?/i.test(l));
                     if (-1 !== pwIdx) {
-                        const browserNorm = (()=>{
-                            const b = String(browser || '').toLowerCase();
-                            if ('chromium-based' === b) return 'chromium';
-                            if ('gecko-based' === b) return 'firefox';
-                            if ('chrome' === b || 'chromium' === b || 'firefox' === b || 'edge' === b) return b;
-                            return 'chrome';
-                        })();
-                        const finalPath = browserNorm && cacheDir ? external_path_.join(cacheDir, browserNorm) : cacheDir;
-                        if (finalPath && finalPath.trim().length > 0) {
+                        if (finalCachePath && finalCachePath.trim().length > 0) {
                             const cmd = lines[pwIdx].trim();
-                            const withEnv = 'win32' === process.platform ? `set PLAYWRIGHT_BROWSERS_PATH="${finalPath}" && ${cmd}` : `PLAYWRIGHT_BROWSERS_PATH="${finalPath}" ${cmd}`;
+                            const withEnv = 'win32' === process.platform ? `set PLAYWRIGHT_BROWSERS_PATH="${finalCachePath}" && ${cmd}` : `PLAYWRIGHT_BROWSERS_PATH="${finalCachePath}" ${cmd}`;
                             lines[pwIdx] = withEnv;
                             cleaned = lines.join('\n');
                         }
@@ -7259,7 +7418,7 @@ var __webpack_exports__ = {};
             }
         } catch  {}
         body.push(cleaned);
-        if (cacheDir) body.push(`${dim('INSTALL PATH')} ${external_pintor_default().underline(cacheDir)}`);
+        if (finalCachePath) body.push(`${dim('INSTALL PATH')} ${external_pintor_default().underline(finalCachePath)}`);
         return body.join('\n') + '\n';
     }
     function firefoxLaunchCalled() {
@@ -7649,6 +7808,29 @@ var __webpack_exports__ = {};
     function getLastCDPPort() {
         return lastCDPPort;
     }
+    function computeSharedCacheRoot() {
+        const explicit = String(process.env.EXT_BROWSERS_CACHE_DIR || '').trim();
+        if (explicit) return external_path_.resolve(explicit);
+        const isWin = 'win32' === process.platform;
+        const isMac = 'darwin' === process.platform;
+        if (isWin) {
+            const local = String(process.env.LOCALAPPDATA || '').trim();
+            if (local) return external_path_.join(local, 'extension.js', 'browsers');
+            const userProfile = String(process.env.USERPROFILE || '').trim();
+            if (userProfile) return external_path_.join(userProfile, 'AppData', 'Local', 'extension.js', 'browsers');
+            return external_path_.resolve(process.cwd(), '.cache', 'extension.js', 'browsers');
+        }
+        if (isMac) {
+            const home = String(process.env.HOME || '').trim();
+            if (home) return external_path_.join(home, 'Library', 'Caches', 'extension.js', 'browsers');
+            return external_path_.resolve(process.cwd(), '.cache', 'extension.js', 'browsers');
+        }
+        const xdg = String(process.env.XDG_CACHE_HOME || '').trim();
+        if (xdg) return external_path_.join(xdg, 'extension.js', 'browsers');
+        const home = String(process.env.HOME || '').trim();
+        if (home) return external_path_.join(home, '.cache', 'extension.js', 'browsers');
+        return external_path_.resolve(process.cwd(), '.cache', 'extension.js', 'browsers');
+    }
     function getCompilationOutputPath(compilation) {
         try {
             var _compilation_options_output, _compilation_options, _compilation_outputOptions;
@@ -7658,6 +7840,7 @@ var __webpack_exports__ = {};
         }
     }
     function computeBinariesBaseDir(compilation) {
+        if ('1' !== process.env.EXTENSIONJS_BINARIES_IN_DIST) return computeSharedCacheRoot();
         const outputDir = getCompilationOutputPath(compilation);
         if (outputDir) {
             const last = external_path_.basename(outputDir);
@@ -7973,6 +8156,17 @@ var __webpack_exports__ = {};
             try {
                 if ('development' === process.env.EXTENSION_ENV) console.log(enhancedProcessManagementCleanup(browser));
                 if (child && !child.killed) {
+                    if ('win32' === process.platform) try {
+                        (0, external_child_process_.spawn)('taskkill', [
+                            '/PID',
+                            String(child.pid),
+                            '/T',
+                            '/F'
+                        ], {
+                            stdio: 'ignore',
+                            windowsHide: true
+                        }).on('error', ()=>{});
+                    } catch  {}
                     if ('development' === process.env.EXTENSION_ENV) console.log(enhancedProcessManagementTerminating(browser));
                     child.kill('SIGTERM');
                     setTimeout(()=>{
@@ -8912,10 +9106,19 @@ var __webpack_exports__ = {};
             this.cdpPort = args.cdpPort;
         }
     }
+    function getExtensionOutputPath(compilation, loadExtensionFlag) {
+        if (!loadExtensionFlag) {
+            var _compilation_options_output, _compilation_options;
+            return (null == compilation ? void 0 : null == (_compilation_options = compilation.options) ? void 0 : null == (_compilation_options_output = _compilation_options.output) ? void 0 : _compilation_options_output.path) || external_path_.join(process.cwd(), 'dist');
+        }
+        const entries = loadExtensionFlag.replace('--load-extension=', '').split(',').map((s)=>s.trim()).filter(Boolean);
+        const userCandidates = entries.filter((p)=>!/[\\\/]extension-js-devtools[\\\/]/.test(p) && !/[\\\/]extension-js-theme[\\\/]/.test(p));
+        return (userCandidates.length ? userCandidates : entries).slice(-1)[0];
+    }
     async function setupCdpAfterLaunch(compilation, plugin, chromiumArgs) {
-        var _compilation_options_output, _compilation_options, _compilation_options1;
+        var _compilation_options;
         const loadExtensionFlag = chromiumArgs.find((flag)=>flag.startsWith('--load-extension='));
-        const extensionOutputPath = loadExtensionFlag ? loadExtensionFlag.replace('--load-extension=', '').split(',')[0] : (null == compilation ? void 0 : null == (_compilation_options = compilation.options) ? void 0 : null == (_compilation_options_output = _compilation_options.output) ? void 0 : _compilation_options_output.path) || external_path_.join(process.cwd(), 'dist');
+        const extensionOutputPath = getExtensionOutputPath(compilation, loadExtensionFlag);
         const remoteDebugPortFlag = chromiumArgs.find((flag)=>flag.startsWith('--remote-debugging-port='));
         const chromeRemoteDebugPort = remoteDebugPortFlag ? parseInt(remoteDebugPortFlag.split('=')[1], 10) : deriveDebugPortWithInstance(plugin.port, plugin.instanceId);
         if ('development' === process.env.EXTENSION_ENV) {
@@ -8945,7 +9148,7 @@ var __webpack_exports__ = {};
         await retryAsync(()=>cdpExtensionController.connect());
         if ('development' === process.env.EXTENSION_ENV) console.log(cdpClientConnected('127.0.0.1', chromeRemoteDebugPort));
         const extensionControllerInfo = await cdpExtensionController.ensureLoaded();
-        if ((null == compilation ? void 0 : null == (_compilation_options1 = compilation.options) ? void 0 : _compilation_options1.mode) !== 'production') try {
+        if ((null == compilation ? void 0 : null == (_compilation_options = compilation.options) ? void 0 : _compilation_options.mode) !== 'production') try {
             const bannerPrinted = await printDevBannerOnce({
                 outPath: extensionOutputPath,
                 browser: plugin.browser,
@@ -10154,6 +10357,8 @@ var __webpack_exports__ = {};
         process.on('SIGINT', onSignal);
         process.on('SIGTERM', onSignal);
         process.on('SIGHUP', onSignal);
+        process.on('SIGBREAK', onSignal);
+        process.on('beforeExit', onSignal);
         process.on('uncaughtException', async (error)=>{
             console.error(enhancedProcessManagementUncaughtException(browser, error));
             await attemptCleanup();
@@ -11322,6 +11527,15 @@ var __webpack_exports__ = {};
         console.log(firefoxDryRunConfig(firefoxConfig));
     }
     const masterPreferences = {
+        'browser.aboutwelcome.enabled': false,
+        'browser.startup.homepage_override.mstone': 'ignore',
+        'browser.shell.didSkipDefaultBrowserCheckOnFirstRun': true,
+        'datareporting.policy.dataSubmissionPolicyBypassNotification': true,
+        'browser.startup.upgradeDialog.enabled': false,
+        'browser.messaging-system.whatsNewPanel.enabled': false,
+        'browser.newtabpage.activity-stream.asrouter.userprefs.cfr.addons': false,
+        'browser.newtabpage.activity-stream.asrouter.userprefs.cfr.features': false,
+        'browser.startup.homepage_override_url': '',
         'app.update.enabled': false,
         'browser.dom.window.dump.enabled': true,
         'browser.formfill.enable': false,
@@ -11646,13 +11860,18 @@ var __webpack_exports__ = {};
             if (profileMatch) {
                 const profilePath = profileMatch[1];
                 const { binary, args } = FirefoxBinaryDetector.generateFirefoxArgs(binaryPath, profilePath, debugPort, firefoxArgs);
+                const isWin = 'win32' === process.platform;
+                const stdio = isWin ? 'ignore' : [
+                    'pipe',
+                    'pipe',
+                    'pipe'
+                ];
                 this.child = (0, external_child_process_.spawn)(binary, args, {
-                    stdio: [
-                        'pipe',
-                        'pipe',
-                        'pipe'
-                    ],
-                    detached: false
+                    stdio,
+                    detached: false,
+                    ...isWin ? {
+                        windowsHide: true
+                    } : {}
                 });
                 this.wireChildLifecycle(compilation, debugPort, desiredDebugPort);
                 const ctrl = await setupRdpAfterLaunch({
@@ -11680,13 +11899,18 @@ var __webpack_exports__ = {};
                     '--disable-renderer-backgrounding',
                     ...firefoxArgs
                 ];
+                const isWin = 'win32' === process.platform;
+                const stdio = isWin ? 'ignore' : [
+                    'pipe',
+                    'pipe',
+                    'pipe'
+                ];
                 this.child = (0, external_child_process_.spawn)(binaryPath, args, {
-                    stdio: [
-                        'pipe',
-                        'pipe',
-                        'pipe'
-                    ],
-                    detached: false
+                    stdio,
+                    detached: false,
+                    ...isWin ? {
+                        windowsHide: true
+                    } : {}
                 });
                 this.wireChildLifecycle(compilation, debugPort, desiredDebugPort);
             }
@@ -12278,47 +12502,32 @@ var __webpack_exports__ = {};
     }
     plugin_browsers_define_property(BrowsersPlugin, "name", 'plugin-browsers');
     function webpackConfig(projectStructure, devOptions) {
-        var _devOptions_output, _devOptions_output1;
-        const { manifestPath, packageJsonPath } = projectStructure;
-        const manifestDir = external_path_.dirname(manifestPath);
-        const packageJsonDir = packageJsonPath ? external_path_.dirname(packageJsonPath) : manifestDir;
-        const geckoBinaryAlias = devOptions.geckoBinary || devOptions.firefoxBinary;
-        const browser = devOptions.chromiumBinary ? 'chromium-based' : geckoBinaryAlias ? 'gecko-based' : devOptions.browser;
-        const manifest = filterKeysForThisBrowser(JSON.parse(external_fs_.readFileSync(manifestPath, 'utf-8')), browser);
-        const userExtensionOutputPath = external_path_.isAbsolute(devOptions.output.path) ? devOptions.output.path : external_path_.resolve(packageJsonDir, devOptions.output.path);
-        const extensionsToLoad = [];
-        if ('production' !== devOptions.mode) {
-            const devtoolsRoot = external_path_.resolve(__dirname, '../dist/extension-js-devtools');
-            const devtoolsEngine = (()=>{
-                const b = String(browser || '');
-                switch(b){
-                    case 'chrome':
-                        return 'chrome';
-                    case 'edge':
-                        return 'edge';
-                    case 'chromium':
-                    case 'chromium-based':
-                        return 'chromium';
-                    case 'firefox':
-                    case 'gecko-based':
-                    case 'firefox-based':
-                        return 'firefox';
-                    default:
-                        return b;
-                }
-            })();
-            const devtoolsForBrowser = external_path_.join(devtoolsRoot, devtoolsEngine);
-            if (external_fs_.existsSync(devtoolsForBrowser)) extensionsToLoad.push(devtoolsForBrowser);
-        }
-        extensionsToLoad.push(userExtensionOutputPath);
+        const { manifestPath } = projectStructure;
+        const { packageJsonDir } = getDirs(projectStructure);
+        const manifest = filterKeysForThisBrowser(JSON.parse(external_fs_.readFileSync(manifestPath, 'utf-8')), devOptions.browser);
+        const userExtensionOutputPath = asAbsolute(external_path_.isAbsolute(devOptions.output.path) ? devOptions.output.path : external_path_.resolve(packageJsonDir, devOptions.output.path));
+        const extensionsToLoad = computeExtensionsToLoad(__dirname, devOptions.mode, devOptions.browser, userExtensionOutputPath);
+        const debug = 'development' === process.env.EXTENSION_ENV;
+        if (debug) {
+            console.log(webpack_lib_messages.Ry(devOptions.browser, devOptions.chromiumBinary, devOptions.geckoBinary));
+            console.log(webpack_lib_messages.ZE(packageJsonDir));
+            console.log(webpack_lib_messages.$T(userExtensionOutputPath));
+            console.log(webpack_lib_messages.KH(extensionsToLoad));
+        }
+        const darkDefaults = withDarkMode({
+            browser: devOptions.browser,
+            browserFlags: devOptions.browserFlags,
+            preferences: devOptions.preferences
+        });
         return {
             mode: devOptions.mode || 'development',
             entry: {},
             target: 'web',
             context: packageJsonDir,
+            cache: false,
             devtool: 'production' === (devOptions.mode || 'development') ? false : 3 === manifest.manifest_version ? 'cheap-source-map' : 'eval-cheap-source-map',
             output: {
-                clean: null == (_devOptions_output = devOptions.output) ? void 0 : _devOptions_output.clean,
+                clean: devOptions.output.clean,
                 path: userExtensionOutputPath,
                 publicPath: '/',
                 hotUpdateChunkFilename: 'hot/[id].[fullhash].hot-update.js',
@@ -12328,8 +12537,27 @@ var __webpack_exports__ = {};
                     dynamicImport: true
                 }
             },
+            watchOptions: {
+                ignored: /node_modules|dist|extension-js\/profiles/,
+                poll: 1000,
+                aggregateTimeout: 200
+            },
             resolve: {
-                modules: packageJsonPath ? [
+                mainFields: [
+                    'browser',
+                    'module',
+                    'main'
+                ],
+                conditionNames: [
+                    'browser',
+                    'import',
+                    'module',
+                    'default'
+                ],
+                aliasFields: [
+                    'browser'
+                ],
+                modules: projectStructure.packageJsonPath ? [
                     'node_modules',
                     external_path_.join(packageJsonDir, 'node_modules'),
                     external_path_.join(process.cwd(), 'node_modules')
@@ -12347,27 +12575,8 @@ var __webpack_exports__ = {};
                     '.json',
                     '.wasm',
                     '.svelte'
-                ],
-                mainFields: [
-                    'browser',
-                    'module',
-                    'main'
-                ],
-                conditionNames: [
-                    'browser',
-                    'import',
-                    'module',
-                    'default'
-                ],
-                aliasFields: [
-                    'browser'
                 ]
             },
-            watchOptions: {
-                ignored: /node_modules|dist|extension-js\/profiles/,
-                poll: 1000,
-                aggregateTimeout: 200
-            },
             module: {
                 rules: [],
                 parser: {
@@ -12376,12 +12585,11 @@ var __webpack_exports__ = {};
                     }
                 }
             },
-            cache: false,
             plugins: [
                 new CompilationPlugin({
                     manifestPath,
-                    browser,
-                    clean: null == (_devOptions_output1 = devOptions.output) ? void 0 : _devOptions_output1.clean,
+                    browser: devOptions.browser,
+                    clean: devOptions.output.clean,
                     zip: true === devOptions.zip,
                     zipSource: true === devOptions.zipSource,
                     zipFilename: devOptions.zipFilename
@@ -12399,24 +12607,24 @@ var __webpack_exports__ = {};
                 }),
                 new CompatibilityPlugin({
                     manifestPath,
-                    browser,
+                    browser: devOptions.browser,
                     polyfill: devOptions.polyfill
                 }),
                 new ExtensionPlugin({
                     manifestPath,
-                    browser
+                    browser: devOptions.browser
                 }),
                 new BrowsersPlugin({
                     extension: extensionsToLoad,
-                    browser,
+                    browser: devOptions.browser,
                     noOpen: devOptions.noOpen,
                     startingUrl: devOptions.startingUrl,
                     profile: devOptions.profile,
                     persistProfile: devOptions.persistProfile,
-                    preferences: devOptions.preferences,
-                    browserFlags: devOptions.browserFlags,
+                    preferences: darkDefaults.preferences,
+                    browserFlags: darkDefaults.browserFlags,
                     chromiumBinary: devOptions.chromiumBinary,
-                    geckoBinary: geckoBinaryAlias,
+                    geckoBinary: devOptions.geckoBinary,
                     instanceId: devOptions.instanceId,
                     port: devOptions.port,
                     source: devOptions.source,
@@ -12441,7 +12649,7 @@ var __webpack_exports__ = {};
                 logging: 'none'
             },
             infrastructureLogging: {
-                level: 'development' === devOptions.mode && '1' === String(process.env.EXTENSION_VERBOSE || '').trim() ? 'info' : 'error',
+                level: 'development' === String(devOptions.mode) && '1' === String(process.env.EXTENSION_VERBOSE || '').trim() ? 'info' : 'error',
                 console: makeSanitizedConsole('Extension.js')
             },
             ignoreWarnings: [
@@ -12489,13 +12697,19 @@ var __webpack_exports__ = {};
         const projectStructure = await getProjectStructure(pathOrRemoteUrl);
         const isVitest = 'true' === process.env.VITEST;
         const shouldExitOnError = ((null == buildOptions ? void 0 : buildOptions.exitOnError) ?? true) && !isVitest;
-        const browser = (null == buildOptions ? void 0 : buildOptions.browser) || 'chrome';
+        const browser = normalizeBrowser((null == buildOptions ? void 0 : buildOptions.browser) || 'chrome', null == buildOptions ? void 0 : buildOptions.chromiumBinary, (null == buildOptions ? void 0 : buildOptions.geckoBinary) || (null == buildOptions ? void 0 : buildOptions.firefoxBinary));
         try {
             var _baseConfig_plugins;
-            const manifestDir = external_path_.dirname(projectStructure.manifestPath);
-            const packageJsonDir = projectStructure.packageJsonPath ? external_path_.dirname(projectStructure.packageJsonPath) : manifestDir;
-            if (projectStructure.packageJsonPath) assertNoManagedDependencyConflicts(projectStructure.packageJsonPath, external_path_.dirname(projectStructure.manifestPath));
+            const debug = 'development' === process.env.EXTENSION_ENV;
+            const { manifestDir, packageJsonDir } = getDirs(projectStructure);
+            if (projectStructure.packageJsonPath) assertNoManagedDependencyConflicts(projectStructure.packageJsonPath, manifestDir);
             const commandConfig = await loadCommandConfig(manifestDir, 'build');
+            const distPath = getDistPath(packageJsonDir, browser);
+            if (debug) {
+                console.log(webpack_lib_messages.OF(manifestDir, packageJsonDir));
+                console.log(webpack_lib_messages.Ry(browser, null == buildOptions ? void 0 : buildOptions.chromiumBinary, (null == buildOptions ? void 0 : buildOptions.geckoBinary) || (null == buildOptions ? void 0 : buildOptions.firefoxBinary)));
+                console.log(webpack_lib_messages.$T(distPath));
+            }
             const baseConfig = webpackConfig(projectStructure, {
                 ...commandConfig,
                 ...buildOptions,
@@ -12503,7 +12717,7 @@ var __webpack_exports__ = {};
                 mode: 'production',
                 output: {
                     clean: true,
-                    path: external_path_.join(packageJsonDir, 'dist', browser)
+                    path: distPath
                 }
             });
             const allPluginsButBrowserRunners = null == (_baseConfig_plugins = baseConfig.plugins) ? void 0 : _baseConfig_plugins.filter((plugin)=>(null == plugin ? void 0 : plugin.constructor.name) !== 'plugin-browsers');
@@ -12515,9 +12729,7 @@ var __webpack_exports__ = {};
             const compilerConfig = (0, external_webpack_merge_namespaceObject.merge)(userConfig);
             const compiler = (0, core_namespaceObject.rspack)(compilerConfig);
             if (projectStructure.packageJsonPath) {
-                const nodeModulesPath = external_path_.join(packageJsonDir, 'node_modules');
-                const needsInstall = !external_fs_.existsSync(nodeModulesPath) || external_fs_.existsSync(nodeModulesPath) && 0 === external_fs_.readdirSync(nodeModulesPath).length;
-                if (needsInstall) {
+                if (needsInstall(packageJsonDir)) {
                     console.log(webpack_lib_messages.Nv());
                     if ('true' !== process.env.VITEST) await installDependencies(packageJsonDir);
                 }
@@ -12778,15 +12990,14 @@ var __webpack_exports__ = {};
     function closeAll(devServer, portManager) {
         devServer.stop().then(async ()=>{
             await portManager.terminateCurrentInstance();
-            process.exit();
+            setTimeout(()=>process.exit(), 500);
         }).catch(async (error)=>{
             console.log(messages_extensionJsRunnerError(error));
             await portManager.terminateCurrentInstance();
-            process.exit(1);
+            setTimeout(()=>process.exit(1), 500);
         });
     }
     async function dev_server_devServer(projectStructure, devOptions) {
-        var _process_removeAllListeners, _process, _process_removeAllListeners1, _process1, _process_removeAllListeners2, _process2, _process_removeAllListeners3, _process3;
         const { manifestPath, packageJsonPath } = projectStructure;
         const manifestDir = external_path_.dirname(manifestPath);
         const packageJsonDir = external_path_.dirname(packageJsonPath);
@@ -12958,10 +13169,6 @@ var __webpack_exports__ = {};
             } catch  {}
             await cleanup();
         };
-        null == (_process_removeAllListeners = (_process = process).removeAllListeners) || _process_removeAllListeners.call(_process, 'SIGINT');
-        null == (_process_removeAllListeners1 = (_process1 = process).removeAllListeners) || _process_removeAllListeners1.call(_process1, 'SIGTERM');
-        null == (_process_removeAllListeners2 = (_process2 = process).removeAllListeners) || _process_removeAllListeners2.call(_process2, 'SIGHUP');
-        null == (_process_removeAllListeners3 = (_process3 = process).removeAllListeners) || _process_removeAllListeners3.call(_process3, 'ERROR');
         process.on('ERROR', cancelAndCleanup);
         process.on('SIGINT', cancelAndCleanup);
         process.on('SIGTERM', cancelAndCleanup);
@@ -13000,22 +13207,27 @@ var __webpack_exports__ = {};
     async function extensionDev(pathOrRemoteUrl, devOptions) {
         const projectStructure = await getProjectStructure(pathOrRemoteUrl);
         try {
-            const manifestDir = external_path_.dirname(projectStructure.manifestPath);
-            const packageJsonDir = external_path_.dirname(projectStructure.packageJsonPath);
+            const debug = 'development' === process.env.EXTENSION_ENV;
+            const { manifestDir, packageJsonDir } = getDirs(projectStructure);
             if (isUsingTypeScript(manifestDir)) await generateExtensionTypes(manifestDir, packageJsonDir);
-            if (projectStructure.packageJsonPath) assertNoManagedDependencyConflicts(projectStructure.packageJsonPath, external_path_.dirname(projectStructure.manifestPath));
+            if (projectStructure.packageJsonPath) assertNoManagedDependencyConflicts(projectStructure.packageJsonPath, manifestDir);
             if (projectStructure.packageJsonPath) {
-                const nodeModulesPath = external_path_.join(packageJsonDir, 'node_modules');
-                const needsInstall = !external_fs_.existsSync(nodeModulesPath) || external_fs_.existsSync(nodeModulesPath) && 0 === external_fs_.readdirSync(nodeModulesPath).length;
-                if (needsInstall) {
+                if (needsInstall(packageJsonDir)) {
                     console.log(webpack_lib_messages.Nv());
                     await installDependencies(packageJsonDir);
                 }
             }
+            const browser = normalizeBrowser(devOptions.browser || 'chrome', devOptions.chromiumBinary, devOptions.geckoBinary || devOptions.firefoxBinary);
+            const geckoBinary = devOptions.geckoBinary || devOptions.firefoxBinary;
+            if (debug) {
+                console.log(webpack_lib_messages.OF(manifestDir, packageJsonDir));
+                console.log(webpack_lib_messages.Ry(browser, devOptions.chromiumBinary, geckoBinary));
+            }
             await dev_server_devServer(projectStructure, {
                 ...devOptions,
                 mode: 'development',
-                browser: devOptions.browser || 'chrome'
+                browser,
+                geckoBinary
             });
         } catch (error) {
             console.error(error);
@@ -13024,19 +13236,22 @@ var __webpack_exports__ = {};
     }
     async function extensionPreview(pathOrRemoteUrl, previewOptions) {
         const projectStructure = await getProjectStructure(pathOrRemoteUrl);
+        const debug = 'development' === process.env.EXTENSION_ENV;
         if (projectStructure.packageJsonPath) assertNoManagedDependencyConflicts(projectStructure.packageJsonPath, external_path_.dirname(projectStructure.manifestPath));
-        const manifestDir = external_path_.dirname(projectStructure.manifestPath);
-        const packageJsonDir = projectStructure.packageJsonPath ? external_path_.dirname(projectStructure.packageJsonPath) : manifestDir;
-        const distPath = external_path_.join(packageJsonDir, 'dist', previewOptions.browser);
-        const outputPath = previewOptions.outputPath || distPath;
+        const { manifestDir, packageJsonDir } = getDirs(projectStructure);
+        const browser = normalizeBrowser(previewOptions.browser || 'chrome', previewOptions.chromiumBinary, previewOptions.geckoBinary || previewOptions.firefoxBinary);
+        const outputPath = computePreviewOutputPath(projectStructure, browser, previewOptions.outputPath);
+        const distPath = getDistPath(packageJsonDir, browser);
+        if (debug) {
+            console.log(webpack_lib_messages.OF(manifestDir, packageJsonDir));
+            console.log(webpack_lib_messages.Ry(browser, previewOptions.chromiumBinary, previewOptions.geckoBinary || previewOptions.firefoxBinary));
+            console.log(webpack_lib_messages.vQ(outputPath, distPath));
+        }
         try {
-            if (!external_fs_.existsSync(outputPath)) external_fs_.mkdirSync(outputPath, {
-                recursive: true
-            });
+            if (outputPath === distPath) ensureDirSync(outputPath);
         } catch  {}
         try {
             var _baseConfig_plugins;
-            const browser = previewOptions.browser || 'chrome';
             const commandConfig = await loadCommandConfig(manifestDir, 'preview');
             const browserConfig = await loadBrowserConfig(manifestDir, browser);
             console.log(webpack_lib_messages.WW(browser));
@@ -13047,7 +13262,7 @@ var __webpack_exports__ = {};
                 profile: previewOptions.profile,
                 browser,
                 chromiumBinary: previewOptions.chromiumBinary,
-                geckoBinary: previewOptions.geckoBinary,
+                geckoBinary: previewOptions.geckoBinary || previewOptions.firefoxBinary,
                 startingUrl: previewOptions.startingUrl,
                 port: previewOptions.port,
                 source: previewOptions.source,
@@ -13130,10 +13345,17 @@ var __webpack_exports__ = {};
     async function extensionStart(pathOrRemoteUrl, startOptions) {
         const projectStructure = await getProjectStructure(pathOrRemoteUrl);
         try {
-            const browser = startOptions.browser || 'chrome';
-            const manifestDir = external_path_.dirname(projectStructure.manifestPath);
+            const debug = 'development' === process.env.EXTENSION_ENV;
+            const browser = normalizeBrowser(startOptions.browser || 'chrome', startOptions.chromiumBinary, startOptions.geckoBinary || startOptions.firefoxBinary);
+            const { manifestDir, packageJsonDir } = getDirs(projectStructure);
             const commandConfig = await loadCommandConfig(manifestDir, 'start');
             const browserConfig = await loadBrowserConfig(manifestDir, browser);
+            const distPath = getDistPath(packageJsonDir, browser);
+            if (debug) {
+                console.log(webpack_lib_messages.OF(manifestDir, packageJsonDir));
+                console.log(webpack_lib_messages.Ry(browser, startOptions.chromiumBinary, startOptions.geckoBinary || startOptions.firefoxBinary));
+                console.log(webpack_lib_messages.$T(distPath));
+            }
             await extensionBuild(pathOrRemoteUrl, {
                 ...browserConfig,
                 ...commandConfig,
@@ -13141,13 +13363,13 @@ var __webpack_exports__ = {};
                 browser,
                 silent: true
             });
-            const packageJsonDir = projectStructure.packageJsonPath ? external_path_.dirname(projectStructure.packageJsonPath) : manifestDir;
             await extensionPreview(pathOrRemoteUrl, {
                 ...browserConfig,
                 ...commandConfig,
                 ...startOptions,
                 browser,
-                outputPath: external_path_.join(packageJsonDir, 'dist', browser)
+                geckoBinary: startOptions.geckoBinary || startOptions.firefoxBinary,
+                outputPath: distPath
             });
         } catch (error) {
             if ('development' === process.env.EXTENSION_ENV) console.error(error);

package/dist/resolve-paths-loader.js

@@ -1328,8 +1328,12 @@ var __webpack_exports__ = {};
                         let start = span.start - 1;
                         let end = span.end + 1;
                         const q = before;
-                        const escaped = "'" === q ? String(computed).replace(/'/g, "\\'") : String(computed).replace(/"/g, '\\"');
-                        ms.overwrite(start, end, `${q}${escaped}${q}`);
+                        const json = JSON.stringify(String(computed));
+                        if ('"' === q) ms.overwrite(start, end, json);
+                        else {
+                            const inner = json.slice(1, -1).replace(/'/g, "\\'");
+                            ms.overwrite(start, end, `'${inner}'`);
+                        }
                     } else ms.overwrite(span.start, span.end, JSON.stringify(computed));
                     edited = true;
                 }

package/package.json

@@ -21,7 +21,7 @@
     "dist"
   ],
   "name": "extension-develop",
-  "version": "3.0.0-next.6",
+  "version": "3.0.0-next.7",
   "description": "The develop step of Extension.js",
   "author": {
     "name": "Cezar Augusto",