extension-develop 4.1.25-canary.408.177007 → 4.1.26

package/dist/{731~0.mjs → 474~0.mjs}

@@ -1,6 +1,56 @@
 import { createRequire as __extjsCreateRequire } from "node:module"; const require = __extjsCreateRequire(import.meta.url);
-import * as __rspack_external_node_fs_1b05aee1 from "node:fs";
 import * as __rspack_external_node_path_806ed179 from "node:path";
+import * as __rspack_external_node_fs_1b05aee1 from "node:fs";
+__rspack_external_node_path_806ed179.join(process.cwd(), 'node_modules/extension-develop/dist/certs');
+const CHROMIUM_BASED_BROWSERS = [
+    'chrome',
+    'edge',
+    'brave',
+    'opera',
+    'vivaldi',
+    'yandex'
+];
+const GECKO_BASED_BROWSERS = [
+    'firefox',
+    'waterfox',
+    'librewolf',
+    'zen',
+    'floorp'
+];
+const WEBKIT_BASED_BROWSERS = [
+    'safari'
+];
+const CHROMIUM_FAMILY_ALIASES = [
+    'chromium',
+    'chrome',
+    'edge',
+    'chromium-based'
+];
+const GECKO_FAMILY_ALIASES = [
+    'firefox',
+    'gecko-based'
+];
+const EMULATOR_BROWSER = 'chromium-emulator';
+function isEmulatorLaneEnabled(env = process.env) {
+    const value = String(env.EXTENSION_EXPERIMENTAL_EMULATOR || '').trim().toLowerCase();
+    return '1' === value || 'true' === value;
+}
+function isEmulatorBrowser(browser) {
+    return browser === EMULATOR_BROWSER;
+}
+[
+    ...CHROMIUM_BASED_BROWSERS,
+    ...GECKO_BASED_BROWSERS
+];
+function isChromiumBasedBrowser(browser) {
+    return CHROMIUM_BASED_BROWSERS.includes(browser) || String(browser).includes('chromium');
+}
+function isGeckoBasedBrowser(browser) {
+    return GECKO_BASED_BROWSERS.includes(browser) || String(browser).includes('gecko') || String(browser).includes('firefox');
+}
+function isWebkitBasedBrowser(browser) {
+    return WEBKIT_BASED_BROWSERS.includes(browser) || String(browser).includes('webkit');
+}
 function stripBom(text) {
     const raw = 'string' == typeof text ? text : String(text || '');
     return raw && 0xfeff === raw.charCodeAt(0) ? raw.slice(1) : raw;
@@ -208,4 +258,4 @@ function validateDenoConfig(denoConfigPath) {
         return false;
     }
 }
-export { PROJECT_MANIFEST_FILENAMES, findNearestDenoConfigSync, findNearestProjectManifestDirSync, findNearestProjectManifestSync, hasProjectDependency, parseJsonSafe, readProjectDependencies, stripBom, validateDenoConfig };
+export { CHROMIUM_FAMILY_ALIASES, GECKO_FAMILY_ALIASES, PROJECT_MANIFEST_FILENAMES, findNearestDenoConfigSync, findNearestProjectManifestDirSync, findNearestProjectManifestSync, hasProjectDependency, isChromiumBasedBrowser, isEmulatorBrowser, isEmulatorLaneEnabled, isGeckoBasedBrowser, isWebkitBasedBrowser, parseJsonSafe, readProjectDependencies, stripBom, validateDenoConfig };

package/dist/672~0.mjs

@@ -1,7 +1,6 @@
 import { createRequire as __extjsCreateRequire } from "node:module"; const require = __extjsCreateRequire(import.meta.url);
 import pintor from "pintor";
-import { isChromiumBasedBrowser, isGeckoBasedBrowser } from "./331~0.mjs";
-import { parseJsonSafe } from "./731~0.mjs";
+import { isChromiumBasedBrowser, parseJsonSafe, isGeckoBasedBrowser } from "./474~0.mjs";
 import { prefix as messaging_prefix } from "./852~0.mjs";
 import * as __rspack_external_node_fs_1b05aee1 from "node:fs";
 const CHROMIUM_VENDOR_PREFIXES = [

package/dist/832~0.mjs

@@ -9,9 +9,8 @@ import node_path from "node:path";
 import { getSpecialFoldersData } from "browser-extension-manifest-fields";
 import pintor from "pintor";
 import { devtoolsEngineFor, managedDependencyConflict, resolveProjectStructureSync, getDirs, computePreviewOutputPath, eventsPath as session_paths_eventsPath, anotherDevSessionActive, previewingSourceFallback, asAbsolute, displayPath, previewing, starting, debugPreviewOutput, ensureSessionArtifactsIgnoreFile, debugDirs, debugBrowser, readyContractPath, configLoadingError, normalizeBrowser, collapseHomeDir, previewingCustomOutput, browserArtifactsDir, getProjectStructure, isUsingExperimentalConfig as messages_isUsingExperimentalConfig, getDistPath, configBrowserOrThrow } from "./950~0.mjs";
-import { isChromiumBasedBrowser, isWebkitBasedBrowser, isGeckoBasedBrowser } from "./331~0.mjs";
+import { isChromiumBasedBrowser, isEmulatorBrowser, isGeckoBasedBrowser, readProjectDependencies, stripBom, parseJsonSafe, isWebkitBasedBrowser } from "./474~0.mjs";
 import { humanWarn, isDebug, browserRowValue, artifactNoun, prefix as messaging_prefix, card, humanLine } from "./852~0.mjs";
-import { stripBom, parseJsonSafe, readProjectDependencies } from "./731~0.mjs";
 import { fileURLToPath as __rspack_fileURLToPath } from "node:url";
 import { dirname as __rspack_dirname } from "node:path";
 var __rspack_import_meta_dirname__ = __rspack_dirname(__rspack_fileURLToPath(import.meta.url));
@@ -19,7 +18,7 @@ import * as __rspack_external_node_fs_1b05aee1 from "node:fs";
 import * as __rspack_external_node_os_4f3c9d58 from "node:os";
 import * as __rspack_external_node_path_806ed179 from "node:path";
 import * as __rspack_external_node_vm_ef240610 from "node:vm";
-var package_namespaceObject = /*#__PURE__*/ JSON.parse('{"rE":"4.1.25-canary.408.0177007","El":{"@prefresh/core":"1.5.9","@prefresh/utils":"1.2.1","@rspack/core":"2.2.3","@rspack/dev-server":"2.1.0","@rspack/plugin-preact-refresh":"2.0.1","@rspack/plugin-react-refresh":"2.0.2","@vue/compiler-sfc":"3.5.26","acorn":"^8.16.0","browser-extension-manifest-fields":"^3.0.1","case-sensitive-paths-webpack-plugin":"^2.4.0","content-security-policy-parser":"^0.6.0","cross-spawn":"^7.0.6","dotenv":"^17.2.3","es-module-lexer":"^3.0.2","extension-from-store":"^0.2.5","fflate":"^0.8.3","go-git-it":"^5.1.5","ignore":"^7.0.5","less":"4.9.1","less-loader":"13.0.0","parse5-utilities":"^1.0.0","pintor":"0.3.0","postcss":"8.5.23","postcss-loader":"8.2.1","postcss-preset-env":"11.1.1","postcss-scss":"4.0.9","preact":"10.27.3","prefers-yarn":"2.0.1","react-refresh":"0.18.0","sass-loader":"17.0.0","schema-utils":"^4.3.3","svelte-loader":"3.2.4","tiny-glob":"^0.2.9","vue":"3.5.26","vue-loader":"17.4.2","webextension-polyfill":"^0.12.0","webpack-merge":"^6.0.1","webpack-target-webextension":"^2.1.3","ws":"^8.20.1"}}');
+var package_namespaceObject = /*#__PURE__*/ JSON.parse('{"rE":"4.1.26","El":{"@prefresh/core":"1.5.9","@prefresh/utils":"1.2.1","@rspack/core":"2.2.3","@rspack/dev-server":"2.1.0","@rspack/plugin-preact-refresh":"2.0.1","@rspack/plugin-react-refresh":"2.0.2","@vue/compiler-sfc":"3.5.26","acorn":"^8.16.0","browser-extension-manifest-fields":"^3.0.1","case-sensitive-paths-webpack-plugin":"^2.4.0","content-security-policy-parser":"^0.6.0","cross-spawn":"^7.0.6","dotenv":"^17.2.3","es-module-lexer":"^3.0.2","extension-from-store":"^0.2.5","fflate":"^0.8.3","go-git-it":"^5.1.5","ignore":"^7.0.5","less":"4.9.1","less-loader":"13.0.0","parse5-utilities":"^1.0.0","pintor":"0.3.0","postcss":"8.5.23","postcss-loader":"8.2.1","postcss-preset-env":"11.1.1","postcss-scss":"4.0.9","preact":"10.27.3","prefers-yarn":"2.0.1","react-refresh":"0.18.0","sass-loader":"17.0.0","schema-utils":"^4.3.3","svelte-loader":"3.2.4","tiny-glob":"^0.2.9","vue":"3.5.26","vue-loader":"17.4.2","webextension-polyfill":"^0.12.0","webpack-merge":"^6.0.1","webpack-target-webextension":"^2.1.3","ws":"^8.20.1"}}');
 const preloadedEnvKeys = new Set();
 function getPreloadedEnvKeys() {
     return preloadedEnvKeys;
@@ -526,7 +525,7 @@ function getSessionRunId(packageJsonDir, browser) {
 }
 function deriveDistExtensionId(browser, distPath) {
     try {
-        if (isWebkitBasedBrowser(browser)) return;
+        if (isWebkitBasedBrowser(browser) || isEmulatorBrowser(browser)) return;
         if (!__rspack_external_node_fs_1b05aee1.existsSync(__rspack_external_node_path_806ed179.join(distPath, 'manifest.json'))) return;
         const id = isGeckoBasedBrowser(browser) ? geckoExtensionId(distPath) : chromiumExtensionId(distPath);
         return id || void 0;
@@ -630,7 +629,7 @@ function createPlaywrightMetadataWriter(options) {
         instanceId: options.instanceId,
         instanceExplicit: options.instanceExplicit
     })) humanWarn(anotherDevSessionActive(options.browser, liveOwner.pid, liveOwner.runId));
-    const toManagedRecords = (dirs)=>Array.isArray(dirs) && dirs.length > 0 ? managedExtensionRecords(options.browser, dirs) : void 0;
+    const toManagedRecords = (dirs)=>Array.isArray(dirs) && dirs.length > 0 && !isEmulatorBrowser(options.browser) ? managedExtensionRecords(options.browser, dirs) : void 0;
     let managedExtensionsExplicit = void 0 !== options.managedExtensionDirs;
     let managedExtensions = toManagedRecords(options.managedExtensionDirs);
     const base = {
@@ -652,7 +651,11 @@ function createPlaywrightMetadataWriter(options) {
         controlPath: options.controlPath,
         logsPath: options.logsPath,
         toolchainVersion: package_namespaceObject.rE,
-        ...readManifestProvenance(options.manifestPath)
+        ...readManifestProvenance(options.manifestPath),
+        ...isEmulatorBrowser(options.browser) ? {
+            engine: 'emulator',
+            browserPid: null
+        } : {}
     };
     function writeReady(status, extra) {
         if (foreignLiveDevSession) return;
@@ -1512,6 +1515,7 @@ function readJsonRecord(filePath) {
     }
 }
 function capitalizeToken(value) {
+    if ('chromium-emulator' === value) return 'Emulated Chromium';
     return value.split('-').filter(Boolean).map((token)=>token.charAt(0).toUpperCase() + token.slice(1)).join('-');
 }
 function getExtensionVersion() {
@@ -1563,6 +1567,9 @@ function shouldWarnPortConflict(requested, actual) {
     const requestedPort = Number(requested);
     return Number.isFinite(requestedPort) && 0 !== requestedPort && requestedPort !== actual;
 }
+function emulatorViewerUrl(url) {
+    return `${getLoggingPrefix('info')} Emulated Chromium runs in a web page. Open this address to load your extension:\n${pintor.underline(url)}`;
+}
 function portInUse(requestedPort, newPort) {
     return `${getLoggingPrefix('warn')} Port ${requestedPort} is in use.\nThe dev server listens on port ${newPort} instead.`;
 }
@@ -1878,4 +1885,4 @@ async function extensionPreview(pathOrRemoteUrl, previewOptions, browserLauncher
         metadata.writeShutdown(`the ${metadataCommand} session ended`);
     });
 }
-export { BUILD_COMMAND_DEFAULTS, DEV_COMMAND_DEFAULTS, PlaywrightPlugin, START_BUILD_DEFAULTS, assertNoManagedDependencyConflicts, autoExitForceKill, autoExitModeEnabled, autoExitTriggered, browserRunnerDisabled, bundlerFatalError, bundlerRecompiling, computeExtensionsToLoad, createPlaywrightMetadataWriter, devServerRestarting, devServerStartTimeout, extensionJsRunnerError, extensionPreview, getPreloadedEnvKeys, getSessionRunId, getSpecialFoldersDataForCompiler, getSpecialFoldersDataForProjectRoot, loadBrowserConfig, loadCommandConfig, loadCustomConfig, loadProjectConfigDefaults, mergeOptionLayers, messages_ready, noEntrypointsDetected, package_namespaceObject, portInUse, publicFolderShadowed, publicMustBeAtProjectRoot, resolveCompanionExtensionDirs, resolveCompanionExtensionsConfig, runnerCleanupError, runnerUncaughtException, runnerUnhandledRejection, sanitize, serverRestartRequiredFromSpecialFolderMessageOnly, shouldWarnPortConflict, spacerLine, specialFolderChangeDetected, specialFoldersSetupSummary, stampReadyDistExtensionId, stampReadyKnownExtensionId, withDarkMode };
+export { BUILD_COMMAND_DEFAULTS, DEV_COMMAND_DEFAULTS, PlaywrightPlugin, START_BUILD_DEFAULTS, assertNoManagedDependencyConflicts, autoExitForceKill, autoExitModeEnabled, autoExitTriggered, browserRunnerDisabled, bundlerFatalError, bundlerRecompiling, computeExtensionsToLoad, createPlaywrightMetadataWriter, devServerRestarting, devServerStartTimeout, emulatorViewerUrl, extensionJsRunnerError, extensionPreview, getPreloadedEnvKeys, getSessionRunId, getSpecialFoldersDataForCompiler, getSpecialFoldersDataForProjectRoot, loadBrowserConfig, loadCommandConfig, loadCustomConfig, loadProjectConfigDefaults, mergeOptionLayers, messages_ready, noEntrypointsDetected, package_namespaceObject, portInUse, publicFolderShadowed, publicMustBeAtProjectRoot, resolveCompanionExtensionDirs, resolveCompanionExtensionsConfig, runnerCleanupError, runnerUncaughtException, runnerUnhandledRejection, sanitize, serverRestartRequiredFromSpecialFolderMessageOnly, shouldWarnPortConflict, spacerLine, specialFolderChangeDetected, specialFoldersSetupSummary, stampReadyDistExtensionId, stampReadyKnownExtensionId, withDarkMode };

package/dist/840~0.mjs

@@ -9,8 +9,7 @@ import { pathToFileURL } from "node:url";
 import { EventEmitter } from "node:events";
 import { humanWarn, browserRowValue, CODES, ENVELOPE, prefix as messaging_prefix, card, isDebug, claimCardKey, isMachineOutput } from "./852~0.mjs";
 import { package_namespaceObject, loadCommandConfig, DEV_COMMAND_DEFAULTS, stampReadyDistExtensionId, loadProjectConfigDefaults, mergeOptionLayers, stampReadyKnownExtensionId, assertNoManagedDependencyConflicts, loadCustomConfig, START_BUILD_DEFAULTS, loadBrowserConfig, resolveCompanionExtensionsConfig, BUILD_COMMAND_DEFAULTS, getSpecialFoldersDataForProjectRoot, withDarkMode } from "./832~0.mjs";
-import { stripBom, hasProjectDependency, parseJsonSafe, findNearestProjectManifestDirSync } from "./731~0.mjs";
-import { isGeckoBasedBrowser } from "./331~0.mjs";
+import { stripBom, hasProjectDependency, isGeckoBasedBrowser, parseJsonSafe, findNearestProjectManifestDirSync } from "./474~0.mjs";
 import { buildWarningsDetails, buildFailed, getDirs, zipArtifactReady, projectInstallFallbackToNpm, debugDirs, addonLintDependencyAttribution, browserLaunchFailed, collapseHomeDir, addonLintMore, extensionLoadStillRefused, extensionLoadRecovered, writingTypeDefinitionsError, operaBuildUnminified, projectInstallScriptsDisabled, authorInstallNotice, addonLintFailed, buildAssetsTree, addonLintSummary, addonLintFinding, relativeToDir, configBrowserOrThrow, needsInstall, projectInstallInWorkspaceRoot, buildCommandFailed, addonLintNotInstalled, writingTypeDefinitions, buildComplete, buildSummaryPath, displayPath, ensureSessionStateInProjectGitignore, ensureSessionArtifactsIgnoreFile, debugBrowser, normalizeBrowser, debugOutputPath, devCommandFailed, buildShareHint, getDistPath, getProjectStructure, debugSplitChunksNarrowed } from "./950~0.mjs";
 import { publicRootsFor } from "./105~0.mjs";
 import { getCanonicalContentScriptEntryName } from "./640~0.mjs";
@@ -2995,6 +2994,7 @@ class BrowsersPlugin {
     controller;
     reloadBroker;
     logSink;
+    emulatorViewerUrl;
     lastReportedRefusal;
     constructor(options){
         this.options = options;
@@ -3005,6 +3005,9 @@ class BrowsersPlugin {
     setLogSink(sink) {
         this.logSink = sink;
     }
+    setEmulatorViewerUrl(url) {
+        this.emulatorViewerUrl = url;
+    }
     async retryRefusedExtensionLoad() {
         const controller = this.controller;
         if (!controller?.retryExtensionLoad || !controller.getExtensionLoadRefusal) return false;
@@ -3055,7 +3058,10 @@ class BrowsersPlugin {
                     outputPath,
                     contextDir,
                     extensionsToLoad: this.extensionsToLoad,
-                    logSink: this.logSink
+                    logSink: this.logSink,
+                    ...this.emulatorViewerUrl ? {
+                        emulatorViewerUrl: this.emulatorViewerUrl
+                    } : {}
                 });
                 const logLevel = this.options.browserOptions.logLevel || 'off';
                 if ('off' !== logLevel && this.controller) await this.controller.enableUnifiedLogging({

package/dist/950~0.mjs

@@ -2,7 +2,7 @@ import { createRequire as __extjsCreateRequire } from "node:module"; const requi
 import pintor from "pintor";
 import { spawnSync } from "node:child_process";
 import { fmt, isDebug, artifactNoun, prefix as messaging_prefix, hasChannelPrefix } from "./852~0.mjs";
-import { findNearestDenoConfigSync, validateDenoConfig, PROJECT_MANIFEST_FILENAMES, parseJsonSafe, readProjectDependencies } from "./731~0.mjs";
+import { findNearestDenoConfigSync, isEmulatorLaneEnabled, validateDenoConfig, isEmulatorBrowser, PROJECT_MANIFEST_FILENAMES, parseJsonSafe, readProjectDependencies } from "./474~0.mjs";
 import * as __rspack_external_node_path_806ed179 from "node:path";
 import * as __rspack_external_node_fs_1b05aee1 from "node:fs";
 import * as __rspack_external_node_os_4f3c9d58 from "node:os";
@@ -821,7 +821,9 @@ const KNOWN_BROWSER_NAMES = new Set([
     'webkit-based'
 ]);
 function isKnownBrowserName(name) {
-    return 'string' == typeof name && KNOWN_BROWSER_NAMES.has(name);
+    if ('string' != typeof name) return false;
+    if (isEmulatorBrowser(name)) return isEmulatorLaneEnabled();
+    return KNOWN_BROWSER_NAMES.has(name);
 }
 function configBrowserOrThrow(configBrowser, command) {
     if (null == configBrowser) return;
@@ -878,6 +880,9 @@ function normalizeBrowser(browser, chromiumBinary, geckoBinary, safariBinary) {
             return 'safari';
         case 'webkit-based':
             return 'webkit-based';
+        case 'chromium-emulator':
+            if (isEmulatorLaneEnabled()) return 'chromium-emulator';
+            return 'chrome';
         default:
             return 'chrome';
     }
@@ -904,6 +909,7 @@ function devtoolsEngineFor(browser) {
             return 'edge';
         case 'chromium':
         case 'chromium-based':
+        case 'chromium-emulator':
         case 'brave':
         case 'opera':
         case 'vivaldi':

package/dist/bridge.mjs

@@ -27,6 +27,7 @@ function readReadyContract(projectPath, browser = 'chrome') {
             schema: 'number' == typeof c.schema ? c.schema : void 0,
             logsPath: c.logsPath,
             status: c.status,
+            engine: 'string' == typeof c.engine ? c.engine : void 0,
             pid: 'number' == typeof c.pid ? c.pid : void 0,
             cdpPort: 'number' == typeof c.cdpPort ? c.cdpPort : void 0,
             browserExitedAt: 'string' == typeof c.browserExitedAt ? c.browserExitedAt : void 0,

package/dist/dev-server/control-bridge/broker.d.ts

@@ -1,16 +1,18 @@
 import { type ActionsSink } from './actions-file.js';
-import { type AnyFrame, type CommandFrame, type DevReloadKind, type IncomingLogEvent, type ServerFrame } from './contracts.js';
+import { type AnyFrame, type BridgeEngine, type CommandFrame, type DevReloadKind, type IncomingLogEvent, type ServerFrame } from './contracts.js';
 import type { LogsFileWriter } from './logs-file.js';
 import { LogRingBuffer } from './ring-buffer.js';
 export interface BridgeConnection {
     readonly id: string;
+    readonly origin?: string;
     send(frame: ServerFrame | CommandFrame): void;
     close(code?: number, reason?: string): void;
 }
 export interface BridgeBrokerOptions {
     instanceId: string;
     runId: string;
-    engine?: 'chromium' | 'firefox' | 'webkit';
+    engine?: BridgeEngine;
+    viewerOrigin?: string | null;
     ring?: LogRingBuffer;
     file?: LogsFileWriter;
     allowControl?: boolean;
@@ -31,6 +33,8 @@ export declare class BridgeBroker {
     private readonly instanceId;
     private readonly runId;
     private readonly engine?;
+    private readonly viewerOrigin;
+    private viewerEverConnected;
     private readonly ring;
     private readonly file?;
     private readonly roles;
@@ -57,6 +61,7 @@ export declare class BridgeBroker {
     get consumerCount(): number;
     get producerCount(): number;
     get controllerCount(): number;
+    get viewerCount(): number;
     get pendingCount(): number;
     onFrame(conn: BridgeConnection, frame: AnyFrame): void;
     onClose(conn: BridgeConnection): void;
@@ -83,5 +88,6 @@ export declare class BridgeBroker {
     private firstExecutor;
     private audit;
     private fanOut;
+    private isReloadReceiver;
     private countRole;
 }

package/dist/dev-server/control-bridge/consumer-client.d.ts

@@ -10,6 +10,7 @@ export interface ReadyContractInfo {
     schema?: number;
     logsPath?: string;
     status?: string;
+    engine?: string;
     /** Dev-server pid; absent in pre-4.1 contracts. */
     pid?: number;
     /** Browser CDP port, stamped post-launch, may lag `status: 'ready'`. */

package/dist/dev-server/control-bridge/contracts.d.ts

@@ -33,7 +33,8 @@ export interface LogEvent {
 export type IncomingLogEvent = Omit<LogEvent, 'seq'> & {
     seq?: number;
 };
-export type BridgeRole = 'producer' | 'consumer' | 'controller';
+export type BridgeRole = 'producer' | 'consumer' | 'controller' | 'viewer';
+export type BridgeEngine = 'chromium' | 'firefox' | 'webkit' | 'emulator';
 export interface BridgeTarget {
     context: 'background' | 'popup' | 'options' | 'sidebar' | 'devtools' | 'content' | 'page';
     url?: string;
@@ -68,7 +69,7 @@ export interface ReadyFrame {
     type: 'ready';
     runId: string;
     bufferedFrom?: number;
-    engine?: 'chromium' | 'firefox' | 'webkit';
+    engine?: BridgeEngine;
     capabilities?: {
         eval?: boolean;
         storage?: boolean;

package/dist/dev-server/control-bridge/ws-control-server.d.ts

@@ -9,6 +9,8 @@ export interface StartControlServerOptions {
     host?: string;
     port?: number;
     path?: string;
+    viewerOrigin?: string | null;
 }
 export declare function isWebOrigin(origin: string | undefined): boolean;
+export declare function isAdmittedOrigin(origin: string | undefined, viewerOrigin?: string | null): boolean;
 export declare function startControlServer(options: StartControlServerOptions): Promise<ControlServer>;

package/dist/dev-server/dev-middleware-body.d.ts

@@ -0,0 +1,16 @@
+import type { ReadStream } from 'node:fs';
+import type { IncomingMessage, ServerResponse } from 'node:http';
+export interface OutputFileSystemLike {
+    readFileSync?: (filePath: string) => Buffer;
+}
+export interface ActiveCompilerRef {
+    outputPath(): string | undefined;
+    outputFileSystem(): OutputFileSystemLike | undefined;
+}
+type ResponseData = Buffer | ReadStream;
+interface ModifiedResponseData {
+    data: ResponseData;
+    byteLength: number;
+}
+export declare function createResponseDataRepair(ref: ActiveCompilerRef): (req: IncomingMessage, res: ServerResponse, data: ResponseData, byteLength: number) => ModifiedResponseData;
+export {};

package/dist/dev-server/emulator-lane.d.ts

@@ -0,0 +1,56 @@
+import type { IncomingMessage, ServerResponse } from 'node:http';
+export declare const EMULATOR_FILES_PATH = "/__extjs-emulator/files.json";
+export declare const EMULATOR_FILES_VERSION: 1;
+export declare const EMULATOR_WIRE_VERSION = "1";
+export declare const DEFAULT_EMULATOR_ORIGIN = "https://browsers.extension.land";
+export interface EmulatorFileEntry {
+    path: string;
+    size: number;
+    sha256: string;
+}
+export interface EmulatorFileIndex {
+    version: typeof EMULATOR_FILES_VERSION;
+    instanceId: string;
+    root: '/';
+    livereload?: {
+        path: string;
+    };
+    files: EmulatorFileEntry[];
+}
+export declare function normalizeWebOrigin(value: unknown): string | null;
+export declare function resolveEmulatorOrigin(env?: NodeJS.ProcessEnv): string;
+export declare function isSameWebOrigin(candidate: unknown, expected: string | null | undefined): boolean;
+export declare function buildEmulatorViewerUrl(options: {
+    origin: string;
+    host: string;
+    port: number;
+    controlPort: number | null;
+    controlPath: string;
+    instanceId: string;
+}): string;
+export interface EmulatorAssetLike {
+    name: string;
+    source: {
+        buffer(): Buffer;
+    };
+    info?: {
+        hotModuleReplacement?: boolean;
+        related?: Record<string, string | string[] | undefined>;
+    };
+}
+export declare function buildEmulatorFileIndex(assets: Iterable<EmulatorAssetLike>, instanceId: string): EmulatorFileIndex;
+export declare function resolveLivereloadPath(webSocketServer: unknown): string | null;
+export interface EmulatorFileIndexHolder {
+    publish(assets: Iterable<EmulatorAssetLike>): EmulatorFileIndex;
+    reset(): void;
+    setLivereloadPath(socketPath: string | null): void;
+    current(): Promise<EmulatorFileIndex>;
+}
+export declare function createEmulatorFileIndexHolder(instanceId: string): EmulatorFileIndexHolder;
+export declare function attachEmulatorFileIndex(compiler: unknown, holder: EmulatorFileIndexHolder): void;
+export declare function createEmulatorFilesMiddlewareEntry(holder: EmulatorFileIndexHolder, devServer: unknown): {
+    name: string;
+    path: string;
+    middleware: (req: IncomingMessage, res: ServerResponse, next: (err?: unknown) => void) => Promise<void>;
+};
+export declare function createEmulatorFilesMiddleware(holder: EmulatorFileIndexHolder): (req: IncomingMessage, res: ServerResponse, next: (err?: unknown) => void) => Promise<void>;

package/dist/dev-server/messages.d.ts

@@ -6,6 +6,7 @@ export declare function browserRunnerDisabled(args: {
     distPath?: string;
 }): string;
 export declare function shouldWarnPortConflict(requested: unknown, actual: number): boolean;
+export declare function emulatorViewerUrl(url: string): string;
 export declare function portInUse(requestedPort: number, newPort: number): string;
 export declare function extensionJsRunnerError(error: unknown): string;
 export declare function autoExitModeEnabled(ms: number): string;

package/dist/dev-server~0.mjs

@@ -1,5 +1,5 @@
 import { createRequire as __extjsCreateRequire } from "node:module"; const require = __extjsCreateRequire(import.meta.url);
-import { randomUUID } from "node:crypto";
+import { createHash, randomUUID } from "node:crypto";
 import node_fs from "node:fs";
 import { Writable } from "node:stream";
 import { rspack } from "@rspack/core";
@@ -7,14 +7,13 @@ import { RspackDevServer } from "@rspack/dev-server";
 import { merge } from "webpack-merge";
 import { WebSocket, WebSocketServer } from "ws";
 import { classifyReloadFromSources, attachLifecycleStream, readContentScriptCount, humanLine, createChangedSourcesTracker, buildSourceFeatureIndex, applySplitChunksGuard, createLifecycleStream, dispatchReload } from "./840~0.mjs";
-import { runnerCleanupError, autoExitForceKill, loadCommandConfig, sanitize, extensionJsRunnerError, portInUse, devServerStartTimeout, autoExitTriggered, loadProjectConfigDefaults, runnerUncaughtException, shouldWarnPortConflict, devServerRestarting, DEV_COMMAND_DEFAULTS, mergeOptionLayers, runnerUnhandledRejection, createPlaywrightMetadataWriter, autoExitModeEnabled, getSessionRunId, loadCustomConfig, loadBrowserConfig, resolveCompanionExtensionsConfig, getSpecialFoldersDataForProjectRoot } from "./832~0.mjs";
+import { runnerCleanupError, autoExitForceKill, loadCommandConfig, sanitize, extensionJsRunnerError, portInUse, devServerStartTimeout, autoExitTriggered, loadProjectConfigDefaults, runnerUncaughtException, shouldWarnPortConflict, devServerRestarting, DEV_COMMAND_DEFAULTS, mergeOptionLayers, runnerUnhandledRejection, createPlaywrightMetadataWriter, autoExitModeEnabled, emulatorViewerUrl, getSessionRunId, loadCustomConfig, loadBrowserConfig, resolveCompanionExtensionsConfig, getSpecialFoldersDataForProjectRoot } from "./832~0.mjs";
 import { CONTROL_WS_PATH, writePersistedControlPort, writeControlToken, clearControlToken, readPersistedControlPort } from "./616~0.mjs";
-import { hasProjectDependency, findNearestProjectManifestDirSync } from "./731~0.mjs";
+import { isGeckoBasedBrowser, hasProjectDependency, isEmulatorBrowser, findNearestProjectManifestDirSync, isWebkitBasedBrowser } from "./474~0.mjs";
 import { publicFolderOrDefault } from "./105~0.mjs";
 import { setupNoBrowserBannerOnFirstDone, DevSessionRestartScheduler, resolveConnectableHost, default as webpackConfig, bindDevSessionRestart, unbindDevSessionRestart, setupCompilerLifecycleHooks } from "./rspack-config~0.mjs";
 import { logsPath, controlPortFilePath, legacyControlPortFilePath, asAbsolute, getDistPath, ensureSessionStateInProjectGitignore, actionsPath, ensureSessionArtifactsIgnoreFile } from "./950~0.mjs";
 import { isDebug } from "./852~0.mjs";
-import { isGeckoBasedBrowser, isWebkitBasedBrowser } from "./331~0.mjs";
 import * as __rspack_external_node_os_4f3c9d58 from "node:os";
 import * as __rspack_external_node_path_806ed179 from "node:path";
 import * as __rspack_external_node_fs_1b05aee1 from "node:fs";
@@ -181,6 +180,173 @@ function fnv1aHex(input) {
     }
     return (hash >>> 0).toString(16).padStart(8, '0');
 }
+const EMULATOR_FILES_PATH = '/__extjs-emulator/files.json';
+const EMULATOR_FILES_VERSION = 1;
+const EMULATOR_WIRE_VERSION = '1';
+const DEFAULT_EMULATOR_ORIGIN = 'https://browsers.extension.land';
+function normalizeWebOrigin(value) {
+    const raw = String(value ?? '').trim();
+    if (!raw) return null;
+    let url;
+    try {
+        url = new URL(raw);
+    } catch  {
+        return null;
+    }
+    if ('http:' !== url.protocol && 'https:' !== url.protocol) return null;
+    if (url.username || url.password) return null;
+    return url.origin;
+}
+function resolveEmulatorOrigin(env = process.env) {
+    const configured = String(env.EXTENSION_EMULATOR_ORIGIN || '').trim();
+    if (!configured) return DEFAULT_EMULATOR_ORIGIN;
+    const origin = normalizeWebOrigin(configured);
+    if (!origin) throw new Error(`EXTENSION_EMULATOR_ORIGIN must be an http or https origin, got: ${configured}`);
+    return origin;
+}
+function isSameWebOrigin(candidate, expected) {
+    if (!expected) return false;
+    const left = normalizeWebOrigin(candidate);
+    const right = normalizeWebOrigin(expected);
+    return null !== left && left === right;
+}
+function buildEmulatorViewerUrl(options) {
+    const host = options.host.includes(':') ? `[${options.host}]` : options.host;
+    const params = new URLSearchParams();
+    params.set('files', `http://${host}:${options.port}${EMULATOR_FILES_PATH}`);
+    if (null != options.controlPort) params.set('control', `ws://${host}:${options.controlPort}${options.controlPath}`);
+    params.set('instance', options.instanceId);
+    params.set('v', EMULATOR_WIRE_VERSION);
+    return `${options.origin}/chromium/#${params.toString()}`;
+}
+function hotModuleReplacementNames(assets) {
+    const names = new Set();
+    for (const asset of assets)if (asset.info?.hotModuleReplacement) {
+        names.add(asset.name);
+        for (const related of Object.values(asset.info.related || {}))for (const name of [].concat(related))if (name) names.add(name);
+    }
+    return names;
+}
+function isServableAssetName(name) {
+    if (!name || name.startsWith('/') || name.includes('\\')) return false;
+    return !/(?:^|\/)\.\.(?:\/|$)/.test(name);
+}
+function servedAssetPath(name) {
+    return name.split('/').filter((segment, index)=>'' !== segment && !('.' === segment && index > 0)).join('/');
+}
+function buildEmulatorFileIndex(assets, instanceId) {
+    const list = Array.from(assets);
+    const hotNames = hotModuleReplacementNames(list);
+    const files = [];
+    const listed = new Set();
+    for (const asset of list){
+        const name = String(asset.name || '');
+        if (!isServableAssetName(name) || hotNames.has(name)) continue;
+        const servedPath = servedAssetPath(name);
+        if (!servedPath || listed.has(servedPath)) continue;
+        listed.add(servedPath);
+        const bytes = asset.source.buffer();
+        files.push({
+            path: servedPath,
+            size: bytes.length,
+            sha256: createHash('sha256').update(bytes).digest('hex')
+        });
+    }
+    files.sort((a, b)=>a.path < b.path ? -1 : a.path > b.path ? 1 : 0);
+    return {
+        version: EMULATOR_FILES_VERSION,
+        instanceId,
+        root: '/',
+        files
+    };
+}
+function resolveLivereloadPath(webSocketServer) {
+    if (!webSocketServer || 'object' != typeof webSocketServer) return null;
+    const options = webSocketServer.options;
+    const socketPath = options?.path;
+    return 'string' == typeof socketPath && socketPath.startsWith('/') ? socketPath : null;
+}
+function createEmulatorFileIndexHolder(instanceId) {
+    let latest = null;
+    let livereloadPath = null;
+    let waiters = [];
+    const withLivereload = (index)=>livereloadPath ? {
+            version: index.version,
+            instanceId: index.instanceId,
+            root: index.root,
+            livereload: {
+                path: livereloadPath
+            },
+            files: index.files
+        } : index;
+    return {
+        publish (assets) {
+            latest = buildEmulatorFileIndex(assets, instanceId);
+            const ready = waiters;
+            waiters = [];
+            for (const resolve of ready)resolve(withLivereload(latest));
+            return withLivereload(latest);
+        },
+        reset () {
+            latest = null;
+        },
+        setLivereloadPath (socketPath) {
+            livereloadPath = socketPath;
+        },
+        current () {
+            if (latest) return Promise.resolve(withLivereload(latest));
+            return new Promise((resolve)=>{
+                waiters.push(resolve);
+            });
+        }
+    };
+}
+function attachEmulatorFileIndex(compiler, holder) {
+    const done = compiler?.hooks?.done;
+    if (!done) return;
+    holder.reset();
+    done.tap({
+        name: 'extjs-emulator-files',
+        stage: -100
+    }, (stats)=>{
+        if (stats.compilation.errors?.length) return;
+        holder.publish(stats.compilation.getAssets());
+    });
+}
+function createEmulatorFilesMiddlewareEntry(holder, devServer) {
+    const options = devServer?.options;
+    holder.setLivereloadPath(resolveLivereloadPath(options?.webSocketServer));
+    return {
+        name: 'extjs-emulator-files',
+        path: EMULATOR_FILES_PATH,
+        middleware: createEmulatorFilesMiddleware(holder)
+    };
+}
+function createEmulatorFilesMiddleware(holder) {
+    return async (req, res, next)=>{
+        const method = String(req.method || 'GET').toUpperCase();
+        res.setHeader('Access-Control-Allow-Origin', '*');
+        res.setHeader('Access-Control-Allow-Private-Network', 'true');
+        res.setHeader('Cache-Control', 'no-store');
+        if ('OPTIONS' === method) {
+            res.setHeader('Access-Control-Allow-Methods', 'GET, OPTIONS');
+            res.statusCode = 204;
+            res.end();
+            return;
+        }
+        if ('GET' !== method && 'HEAD' !== method) return void next();
+        try {
+            const index = await holder.current();
+            const body = JSON.stringify(index);
+            res.statusCode = 200;
+            res.setHeader('Content-Type', 'application/json; charset=utf-8');
+            res.setHeader('Content-Length', Buffer.byteLength(body));
+            res.end('HEAD' === method ? void 0 : body);
+        } catch (error) {
+            next(error);
+        }
+    };
+}
 const DEFAULT_RING_CAPACITY = 5000;
 class LogRingBuffer {
     capacity;
@@ -263,10 +429,16 @@ const UNDELIVERED_RELOAD_WARN = {
     'recently-disconnected': "SW not attached, your edit compiled but no page received it. The extension's service worker disconnected (MV3 workers idle out, or the browser may have exited). Reloads resume automatically once it reconnects."
 };
 const UNDELIVERED_RELOAD_WARN_WEBKIT_NEVER_CONNECTED = "Extension not connected, your edit compiled but no page received it. The extension has not connected to the dev server this session. Open Safari > Settings > Extensions and turn it on. Safari restarts the extension itself once it is enabled, and reloads resume automatically.";
+const UNDELIVERED_RELOAD_WARN_EMULATOR = {
+    'never-connected': "No emulated Chromium page is connected, your edit compiled but no page received it. Open the emulated Chromium URL the dev server printed; reloads resume automatically once the page connects.",
+    'recently-disconnected': "The emulated Chromium page disconnected, your edit compiled but no page received it. Reopen the emulated Chromium URL the dev server printed; reloads resume automatically once the page reconnects."
+};
 class BridgeBroker {
     instanceId;
     runId;
     engine;
+    viewerOrigin;
+    viewerEverConnected = false;
     ring;
     file;
     roles = new Map();
@@ -293,6 +465,7 @@ class BridgeBroker {
         this.instanceId = options.instanceId;
         this.runId = options.runId;
         this.engine = options.engine;
+        this.viewerOrigin = normalizeWebOrigin(options.viewerOrigin);
         this.ring = options.ring ?? new LogRingBuffer();
         this.file = options.file;
         this.allowEval = options.allowEval ?? false;
@@ -316,6 +489,9 @@ class BridgeBroker {
     get controllerCount() {
         return this.countRole('controller');
     }
+    get viewerCount() {
+        return this.countRole('viewer');
+    }
     get pendingCount() {
         return this.pending.size;
     }
@@ -334,7 +510,7 @@ class BridgeBroker {
                 if ('producer' === this.roles.get(conn)) this.onResult(frame);
                 return;
             case 'reload-ack':
-                if ('producer' === this.roles.get(conn) && this.pendingReload?.reloadType === frame.reloadType) this.pendingReload = void 0;
+                if (this.isReloadReceiver(this.roles.get(conn)) && this.pendingReload?.reloadType === frame.reloadType) this.pendingReload = void 0;
                 return;
             default:
                 return;
@@ -368,7 +544,7 @@ class BridgeBroker {
             } : {}
         };
         let notified = 0;
-        for (const [conn, role] of this.roles)if ('producer' === role) try {
+        for (const [conn, role] of this.roles)if (this.isReloadReceiver(role)) try {
             conn.send(frame);
             notified++;
         } catch  {}
@@ -379,11 +555,12 @@ class BridgeBroker {
         const now = this.now();
         if (now - this.sessionStartedAt < UNDELIVERED_RELOAD_GRACE_MS) return null;
         if (null != this.lastStaleHelloAt && now - this.lastStaleHelloAt < STALE_RESYNC_HINT_MS) return null;
-        const kind = this.producerEverConnected ? 'recently-disconnected' : 'never-connected';
+        const kind = this.producerEverConnected || this.viewerEverConnected ? 'recently-disconnected' : 'never-connected';
         if (options?.producerRestartExpected && 'recently-disconnected' === kind) return null;
         if (this.lastUndeliveredWarnKind === kind) return null;
         this.lastUndeliveredWarnKind = kind;
         if ('never-connected' === kind && 'webkit' === this.engine) return UNDELIVERED_RELOAD_WARN_WEBKIT_NEVER_CONNECTED;
+        if ('emulator' === this.engine) return UNDELIVERED_RELOAD_WARN_EMULATOR[kind];
         return UNDELIVERED_RELOAD_WARN[kind];
     }
     pingProducers() {
@@ -423,6 +600,26 @@ class BridgeBroker {
     }
     onHello(conn, hello) {
         if (1 !== hello.v) return void conn.close(4002, 'unsupported envelope version');
+        const fromViewerOrigin = isSameWebOrigin(conn.origin, this.viewerOrigin);
+        if ('viewer' === hello.role && !fromViewerOrigin) return void conn.close(4002, 'viewer not allowed from this origin');
+        if (fromViewerOrigin && 'viewer' !== hello.role) return void conn.close(4002, 'only the viewer role is allowed from a web origin');
+        if ('viewer' === hello.role) {
+            if (hello.instanceId !== this.instanceId) return void conn.close(4001, 'instanceId mismatch');
+            this.roles.set(conn, 'viewer');
+            this.viewerEverConnected = true;
+            this.lastUndeliveredWarnKind = null;
+            conn.send({
+                type: 'ready',
+                runId: this.runId,
+                engine: this.engine
+            });
+            if (this.pendingReload) {
+                const frame = this.pendingReload;
+                this.pendingReload = void 0;
+                conn.send(frame);
+            }
+            return;
+        }
         if (hello.instanceId !== this.instanceId) {
             if ('producer' === hello.role) {
                 this.lastStaleHelloAt = this.now();
@@ -632,6 +829,9 @@ class BridgeBroker {
             conn.send(frame);
         } catch  {}
     }
+    isReloadReceiver(role) {
+        return 'producer' === role || 'viewer' === role;
+    }
     countRole(role) {
         let n = 0;
         for (const r of this.roles.values())if (r === role) n++;
@@ -766,6 +966,10 @@ function isWebOrigin(origin) {
     const value = String(origin || '').trim();
     return 'null' === value.toLowerCase() || /^https?:\/\//i.test(value);
 }
+function isAdmittedOrigin(origin, viewerOrigin) {
+    if (!isWebOrigin(origin)) return true;
+    return isSameWebOrigin(origin, viewerOrigin);
+}
 function startControlServer(options) {
     const { broker } = options;
     const host = options.host ?? '127.0.0.1';
@@ -775,12 +979,14 @@ function startControlServer(options) {
             host,
             port: options.port ?? 0,
             path,
-            verifyClient: (info)=>!isWebOrigin(info.origin)
+            verifyClient: (info)=>isAdmittedOrigin(info.origin, options.viewerOrigin)
         });
         wss.on('error', reject);
-        wss.on('connection', (socket)=>{
+        wss.on('connection', (socket, request)=>{
+            const origin = request?.headers?.origin;
             const conn = {
                 id: `c${++connSeq}`,
+                origin: 'string' == typeof origin ? origin : void 0,
                 send (frame) {
                     if (socket.readyState !== WebSocket.OPEN) return;
                     if (socket.bufferedAmount > SLOW_CONSUMER_BYTES) {
@@ -909,6 +1115,35 @@ class PortManager {
         this.currentInstance = null;
     }
 }
+function createResponseDataRepair(ref) {
+    return (req, res, data, byteLength)=>{
+        const untouched = {
+            data,
+            byteLength
+        };
+        if (0 !== byteLength) return untouched;
+        if (!data || Buffer.isBuffer(data)) return untouched;
+        if (req.headers.range || 206 === res.statusCode) return untouched;
+        const outputPath = ref.outputPath();
+        const outputFileSystem = ref.outputFileSystem();
+        if (!outputPath || 'function' != typeof outputFileSystem?.readFileSync) return untouched;
+        const pathname = decodeURIComponent(String(req.url || '').split('?')[0].split('#')[0]);
+        const filename = __rspack_external_node_path_806ed179.join(outputPath, pathname);
+        if (!filename.startsWith(__rspack_external_node_path_806ed179.join(outputPath, __rspack_external_node_path_806ed179.sep))) return untouched;
+        let buffer;
+        try {
+            buffer = outputFileSystem.readFileSync(filename);
+        } catch  {
+            return untouched;
+        }
+        if (0 === buffer.length) return untouched;
+        if ('function' == typeof data.destroy) data.destroy();
+        return {
+            data: buffer,
+            byteLength: buffer.length
+        };
+    };
+}
 function shouldWriteAssetToDisk(filePath) {
     if (/(?:^|[/\\])\.\.(?:[/\\]|$)/.test(filePath)) return false;
     return !/(?:^|[/\\])manifest\.json$/i.test(filePath);
@@ -1124,6 +1359,8 @@ async function dev_server_devServer(projectStructure, devOptions) {
     process.env.EXTENSION_DEV_SERVER_PORT = String(port);
     process.env.EXTENSION_DEV_SERVER_PATH = '/ws';
     const browserName = String(devOptions.browser || 'chromium');
+    const emulatorLane = isEmulatorBrowser(browserName);
+    const emulatorOrigin = emulatorLane ? resolveEmulatorOrigin() : null;
     const primaryDistPath = getDistPath(asAbsolute(packageJsonDir), browserName);
     const bridgeLogsAbsPath = logsPath(packageJsonDir, browserName);
     ensureSessionArtifactsIgnoreFile(packageJsonDir);
@@ -1146,7 +1383,8 @@ async function dev_server_devServer(projectStructure, devOptions) {
     const bridgeBroker = new BridgeBroker({
         instanceId: currentInstance.instanceId,
         runId: sessionRunId,
-        engine: isGeckoBasedBrowser(browserName) ? 'firefox' : isWebkitBasedBrowser(browserName) ? 'webkit' : 'chromium',
+        engine: emulatorLane ? 'emulator' : isGeckoBasedBrowser(browserName) ? 'firefox' : isWebkitBasedBrowser(browserName) ? 'webkit' : 'chromium',
+        viewerOrigin: emulatorOrigin,
         ring: new LogRingBuffer(),
         file: bridgeLogFile,
         allowControl,
@@ -1195,13 +1433,15 @@ async function dev_server_devServer(projectStructure, devOptions) {
             controlServer = await startControlServer({
                 broker: bridgeBroker,
                 host: devServerHost,
-                port: preferredControlPort ?? 0
+                port: preferredControlPort ?? 0,
+                viewerOrigin: emulatorOrigin
             });
         } catch (error) {
             if (null == preferredControlPort) throw error;
             controlServer = await startControlServer({
                 broker: bridgeBroker,
-                host: devServerHost
+                host: devServerHost,
+                viewerOrigin: emulatorOrigin
             });
         }
         bridgeControlPort = controlServer.port;
@@ -1213,6 +1453,16 @@ async function dev_server_devServer(projectStructure, devOptions) {
     }
     process.env.EXTENSION_INSTANCE_ID = currentInstance.instanceId;
     process.env.EXTENSION_CONTROL_PORT = null != bridgeControlPort ? String(bridgeControlPort) : '';
+    const emulatorFiles = emulatorLane ? createEmulatorFileIndexHolder(currentInstance.instanceId) : null;
+    const emulatorViewer = emulatorLane && emulatorOrigin ? buildEmulatorViewerUrl({
+        origin: emulatorOrigin,
+        host: connectableHost,
+        port,
+        controlPort: bridgeControlPort,
+        controlPath: CONTROL_WS_PATH,
+        instanceId: currentInstance.instanceId
+    }) : null;
+    if (emulatorViewer && launchedPlugin && 'function' == typeof launchedPlugin.setEmulatorViewerUrl) launchedPlugin.setEmulatorViewerUrl(emulatorViewer);
     process.once('exit', ()=>{
         try {
             bridgeLogFile.close();
@@ -1281,6 +1531,7 @@ async function dev_server_devServer(projectStructure, devOptions) {
         port
     });
     if (shouldWarnPortConflict(devOptions.port, port)) humanLine(portInUse(Number(devOptions.port), port));
+    let activeCompiler = null;
     const serverConfig = {
         host: devServerHost,
         allowedHosts: 'all',
@@ -1293,7 +1544,11 @@ async function dev_server_devServer(projectStructure, devOptions) {
             writeToDisk: shouldWriteAssetToDisk,
             stats: {
                 all: false
-            }
+            },
+            modifyResponseData: createResponseDataRepair({
+                outputPath: ()=>activeCompiler?.options?.output?.path,
+                outputFileSystem: ()=>activeCompiler?.outputFileSystem
+            })
         },
         watchFiles: {
             paths: [
@@ -1317,6 +1572,12 @@ async function dev_server_devServer(projectStructure, devOptions) {
         headers: {
             'Access-Control-Allow-Origin': '*'
         },
+        ...emulatorFiles ? {
+            setupMiddlewares: (...args)=>[
+                    createEmulatorFilesMiddlewareEntry(emulatorFiles, args[1]),
+                    ...args[0]
+                ]
+        } : {},
         port,
         hot: true,
         liveReload: true
@@ -1327,6 +1588,7 @@ async function dev_server_devServer(projectStructure, devOptions) {
         const customWebpackConfig = await loadCustomConfig(packageJsonDir);
         const compilerConfig = applySplitChunksGuard(merge(customWebpackConfig(baseConfig), {}));
         const compiler = rspack(compilerConfig);
+        activeCompiler = compiler;
         const uninstallManifestGuard = installManifestDiskWriteGuard(manifestOutputPath);
         const releaseOutputFsGuard = suppressManifestOutputWrites(compiler, manifestOutputPath);
         if (!extendedOptions.browsersPlugin && compiler?.hooks?.watchRun) {
@@ -1354,6 +1616,15 @@ async function dev_server_devServer(projectStructure, devOptions) {
                 });
             });
         }
+        if (emulatorFiles) attachEmulatorFileIndex(compiler, emulatorFiles);
+        if (emulatorViewer && !opts.isRestart && devOptions.noBrowser) {
+            let printedViewer = false;
+            compiler.hooks.done.tap('extjs-emulator-viewer-url', (stats)=>{
+                if (printedViewer || stats?.hasErrors?.()) return;
+                printedViewer = true;
+                humanLine(emulatorViewerUrl(emulatorViewer));
+            });
+        }
         attachLifecycleStream(compiler, lifecycle);
         setupCompilerLifecycleHooks(compiler);
         if (!opts.isRestart && devOptions.noBrowser) setupNoBrowserBannerOnFirstDone({

package/dist/feature-scripts-content-script-wrapper.js

@@ -4,7 +4,7 @@ import node_path from "node:path";
 import { parse } from "es-module-lexer";
 import { validate } from "schema-utils";
 import { filterKeysForThisBrowser, reservedScriptsFolder } from "./672~0.mjs";
-import { stripBom, findNearestProjectManifestSync } from "./731~0.mjs";
+import { stripBom, findNearestProjectManifestSync } from "./474~0.mjs";
 import { canonicalizeDir, canonicalizeResourcePath } from "./938~0.mjs";
 import { getCanonicalContentScriptEntryName, CANONICAL_CONTENT_SCRIPT_ENTRY_PREFIX, getContentScriptCssProbeMarker } from "./640~0.mjs";
 import { EXTENSION_ROOT_PLACEHOLDER } from "./747~0.mjs";

package/dist/feature-scripts-content-script-wrapper.mjs

@@ -4,7 +4,7 @@ import node_path from "node:path";
 import { parse } from "es-module-lexer";
 import { validate } from "schema-utils";
 import { filterKeysForThisBrowser, reservedScriptsFolder } from "./672~0.mjs";
-import { stripBom, findNearestProjectManifestSync } from "./731~0.mjs";
+import { stripBom, findNearestProjectManifestSync } from "./474~0.mjs";
 import { canonicalizeDir, canonicalizeResourcePath } from "./938~0.mjs";
 import { getCanonicalContentScriptEntryName, CANONICAL_CONTENT_SCRIPT_ENTRY_PREFIX, getContentScriptCssProbeMarker } from "./640~0.mjs";
 import { EXTENSION_ROOT_PLACEHOLDER } from "./747~0.mjs";

package/dist/lib/constants.d.ts

@@ -4,6 +4,9 @@ export declare const GECKO_BASED_BROWSERS: string[];
 export declare const WEBKIT_BASED_BROWSERS: string[];
 export declare const CHROMIUM_FAMILY_ALIASES: string[];
 export declare const GECKO_FAMILY_ALIASES: string[];
+export declare const EMULATOR_BROWSER = "chromium-emulator";
+export declare function isEmulatorLaneEnabled(env?: NodeJS.ProcessEnv): boolean;
+export declare function isEmulatorBrowser(browser: unknown): boolean;
 export declare const SUPPORTED_BROWSERS: string[];
 export declare const SUPPORTED_PACKAGE_MANAGERS: readonly ['npm', 'pnpm', 'yarn', 'bun', 'deno'];
 export declare const SUPPORTED_RUNTIMES: readonly ['node', 'deno', 'bun'];

package/dist/lib/paths.d.ts

@@ -2,8 +2,8 @@ import type { ProjectStructure } from './project.js';
 export type AbsolutePath = string & {
     readonly __brand: 'AbsolutePath';
 };
-export type BrowserInput = 'chrome' | 'edge' | 'chromium' | 'firefox' | 'brave' | 'opera' | 'vivaldi' | 'yandex' | 'waterfox' | 'librewolf' | 'zen' | 'floorp' | 'chromium-based' | 'gecko-based' | 'firefox-based' | 'safari' | 'webkit-based' | undefined;
-export type NormalizedBrowser = 'chrome' | 'edge' | 'chromium' | 'firefox' | 'brave' | 'opera' | 'vivaldi' | 'yandex' | 'waterfox' | 'librewolf' | 'zen' | 'floorp' | 'chromium-based' | 'gecko-based' | 'safari' | 'webkit-based';
+export type BrowserInput = 'chrome' | 'edge' | 'chromium' | 'firefox' | 'brave' | 'opera' | 'vivaldi' | 'yandex' | 'waterfox' | 'librewolf' | 'zen' | 'floorp' | 'chromium-based' | 'gecko-based' | 'firefox-based' | 'safari' | 'webkit-based' | 'chromium-emulator' | undefined;
+export type NormalizedBrowser = 'chrome' | 'edge' | 'chromium' | 'firefox' | 'brave' | 'opera' | 'vivaldi' | 'yandex' | 'waterfox' | 'librewolf' | 'zen' | 'floorp' | 'chromium-based' | 'gecko-based' | 'safari' | 'webkit-based' | 'chromium-emulator';
 export declare function asAbsolute(p: string): AbsolutePath;
 export declare function toPosixPath(p: string): string;
 export declare function collapseHomeDir(value: string): string;

package/dist/plugin-browsers/index.d.ts

@@ -47,6 +47,7 @@ export interface BrowserLaunchOptions {
     logColor?: boolean;
     logUrl?: string;
     logTab?: number | string;
+    emulatorViewerUrl?: string;
     logSink?: BrowserLogSink;
 }
 /** Browser-generated log entry normalized by the launcher's CDP controller. */
@@ -118,6 +119,7 @@ export declare class BrowsersPlugin implements RunnerPlugin {
     private controller;
     private reloadBroker;
     private logSink;
+    private emulatorViewerUrl;
     private lastReportedRefusal;
     constructor(options: BrowsersPluginOptions);
     /**
@@ -127,6 +129,7 @@ export declare class BrowsersPlugin implements RunnerPlugin {
      */
     setReloadBroker(broker: ReloadBroker): void;
     setLogSink(sink: BrowserLogSink): void;
+    setEmulatorViewerUrl(url: string): void;
     private retryRefusedExtensionLoad;
     apply(compiler: Compiler): void;
 }

package/dist/plugin-playwright/index.d.ts

@@ -29,7 +29,8 @@ export type ReadyMetadata = {
     cdpPort?: number;
     rdpPort?: number;
     profilePath?: string;
-    browserPid?: number;
+    browserPid?: number | null;
+    engine?: 'emulator';
     launcherPid?: number;
     toolchainVersion: string;
     extensionName?: string;

package/dist/plugin-web-extension/shared/omit-owned-pages.d.ts

@@ -0,0 +1,2 @@
+import type { FilepathList } from '../../types.js';
+export declare function omitOwnedPages(pages: FilepathList | undefined, owned: FilepathList): FilepathList;

package/dist/rspack-config~0.mjs

@@ -13,11 +13,10 @@ import node_fs from "node:fs";
 import node_path from "node:path";
 import { utils_isUrl, getBaseNode, parseHtml, manifestJsonOutputTarget, getExtname, getBaseHref, isResourceUnderDirs, getAssetsFromHtml, normalizeManifestOutputPath, manifestPageOutputTarget, canonicalizeDir, iconOutputPath, isFromIncludeList, htmlStaticAssetOutputName, isSpecialScheme, resolveStaticAttributeName, getHtmlPageDeclaredAssetPath, themeImageOutputPath, themeIconOutputPath, applyRewrittenStaticUrl, toResourceKey, cleanLeading, getFilePath, resolveAbsoluteFsPath, cleanAssetUrl, isHttpLike, resolveHtmlRefPath } from "./938~0.mjs";
 import { prefix as messaging_prefix, isDebug } from "./852~0.mjs";
-import { isChromiumBasedBrowser, CHROMIUM_FAMILY_ALIASES, GECKO_FAMILY_ALIASES, isWebkitBasedBrowser, isGeckoBasedBrowser } from "./331~0.mjs";
+import { GECKO_FAMILY_ALIASES, isEmulatorBrowser, isGeckoBasedBrowser, findNearestProjectManifestSync, readProjectDependencies, isChromiumBasedBrowser, CHROMIUM_FAMILY_ALIASES, stripBom, PROJECT_MANIFEST_FILENAMES, parseJsonSafe, isWebkitBasedBrowser } from "./474~0.mjs";
 import { maybeUsePreact, isUsingTypeScript, jsFrameworksIntegrationsEnabled, maybeUseReact, isUsingVue, classifyEntrySurface, ensureTypeScriptConfig, resolveDevelopInstallRoot, loadLoaderOptions, getUserTypeScriptConfigFile, svelteCompilerRuntimeMismatch, isUsingIntegration as messages_isUsingIntegration, maybeUseVue, maybeUseSolid, jsFrameworksHmrSummary, humanLine, ensureOptionalContractPackageResolved, jsFrameworksConfigsDetected, recordZipArtifact, hasDependency, resolveDevelopDistFile, isUsingJsxFramework, getJsxImportSource, swcParserForFile, isUsingReact, defaultSplitChunks } from "./840~0.mjs";
 import { bundlerFatalError, bundlerRecompiling, browserRunnerDisabled, PlaywrightPlugin, publicFolderShadowed, resolveCompanionExtensionDirs, specialFoldersSetupSummary, noEntrypointsDetected, serverRestartRequiredFromSpecialFolderMessageOnly, specialFolderChangeDetected, spacerLine, messages_ready, getPreloadedEnvKeys, publicMustBeAtProjectRoot, computeExtensionsToLoad, getSpecialFoldersDataForCompiler } from "./832~0.mjs";
 import { renderStatsBlocks, makeSanitizedConsole } from "./stats-handler~0.mjs";
-import { stripBom, findNearestProjectManifestSync, PROJECT_MANIFEST_FILENAMES, parseJsonSafe, readProjectDependencies } from "./731~0.mjs";
 import { EXTENSIONJS_CONTENT_SCRIPT_LAYER, getCanonicalContentScriptEntryName, parseCanonicalContentScriptAsset, CONTENT_SCRIPT_CSS_PROBE_MARKER_PREFIX, createContentScriptCssProbeMarkerPattern, getCanonicalContentScriptJsAssetName, getCanonicalContentScriptCssAssetName, isCanonicalContentScriptAsset } from "./640~0.mjs";
 import { getURLDependencyMissing, findDroppedVendorKeys, isStaticThemeSource, workerStartedFromPageContext, importScriptsDependencyMissing, filterKeysForThisBrowser, findPrefixedManifestVersionKeys, injectedCompiledSourceLiteral, staticImportDependencyMissing, entrySplitAcrossInitialFiles, fetchedFileDependencyMissing, isStaticTheme, compiledSourceSpelling, injectedFileDependencyMissing, isValidManifestVersion, runtimeSetSurfaceDependencyMissing } from "./672~0.mjs";
 import { packagingSourceFiles, debugBrowser, debugExtensionsToLoad, treeWithSourceFiles, debugOutputPath, manifestInvalidJson, getDirs, asAbsolute, treeWithDistFilesBrowser, packagingDistributionFiles, treeWithSourceAndDistFiles, toPosixPath as paths_toPosixPath, debugContextPath, noCompanionExtensionsResolved } from "./950~0.mjs";
@@ -7041,9 +7040,11 @@ class ReloadPlugin {
             browser: this.browser
         }).apply(compiler);
         new InjectScriptsReplayShim().apply(compiler);
-        if (isChromiumBasedBrowser(String(this.browser))) new SetupDevContentScripts().apply(compiler);
-        new InjectBridgeProducer().apply(compiler);
-        new InjectBridgeRelay().apply(compiler);
+        if (isChromiumBasedBrowser(String(this.browser)) && !isEmulatorBrowser(this.browser)) new SetupDevContentScripts().apply(compiler);
+        if (!isEmulatorBrowser(this.browser)) {
+            new InjectBridgeProducer().apply(compiler);
+            new InjectBridgeRelay().apply(compiler);
+        }
         new PruneStaleHotUpdates().apply(compiler);
     }
 }
@@ -8786,6 +8787,21 @@ class WasmPlugin {
         this.ensureWasmResolution(compiler, projectRoot);
     }
 }
+function filesOf(value) {
+    if (Array.isArray(value)) return value;
+    return value ? [
+        value
+    ] : [];
+}
+function omitOwnedPages(pages, owned) {
+    const ownedFiles = new Set(Object.values(owned).flatMap(filesOf).map((file)=>__rspack_external_node_path_806ed179.resolve(file)));
+    const next = {};
+    for (const [name, value] of Object.entries(pages || {})){
+        const files = filesOf(value);
+        if (!(files.length > 0 && files.every((file)=>ownedFiles.has(__rspack_external_node_path_806ed179.resolve(file))))) next[name] = value;
+    }
+    return next;
+}
 const COMPILED_SIBLING_EXTENSIONS = [
     '.ts',
     '.mts',
@@ -15129,15 +15145,18 @@ class plugin_web_extension_WebExtensionPlugin {
                 ...manifestFieldsData.scripts
             }
         }).apply(compiler);
+        const ownedPages = {
+            ...manifestFieldsData.html,
+            ...discoverDevtoolsPanelPages(manifestPath, this.browser),
+            ...settingsOverridesStartupPages(manifestPath, this.browser)
+        };
         new HtmlPlugin({
             devSession: this.devSession,
             manifestPath,
             browser: this.browser,
             includeList: {
-                ...manifestFieldsData.html,
-                ...discoverDevtoolsPanelPages(manifestPath, this.browser),
-                ...settingsOverridesStartupPages(manifestPath, this.browser),
-                ...specialFoldersData.pages
+                ...ownedPages,
+                ...omitOwnedPages(specialFoldersData.pages, ownedPages)
             }
         }).apply(compiler);
         new ScriptsPlugin({

package/dist/types.d.ts

@@ -65,7 +65,7 @@ export interface JsFramework {
 import type { Configuration } from '@rspack/core';
 import type { SafariPackageSummary } from './lib/build-summary.js';
 import type { CompanionExtensionsConfig } from './plugin-special-folders/folder-extensions/types.js';
-export type BrowserType = 'chrome' | 'edge' | 'firefox' | 'chromium' | 'brave' | 'opera' | 'vivaldi' | 'yandex' | 'waterfox' | 'librewolf' | 'zen' | 'floorp' | 'chromium-based' | 'gecko-based' | 'firefox-based' | 'safari' | 'webkit-based';
+export type BrowserType = 'chrome' | 'edge' | 'firefox' | 'chromium' | 'brave' | 'opera' | 'vivaldi' | 'yandex' | 'waterfox' | 'librewolf' | 'zen' | 'floorp' | 'chromium-based' | 'gecko-based' | 'firefox-based' | 'safari' | 'webkit-based' | 'chromium-emulator';
 export interface BrowserOptionsBase {
     noOpen?: boolean;
     profile?: string | false;

package/package.json

@@ -43,7 +43,7 @@
     "runtime"
   ],
   "name": "extension-develop",
-  "version": "4.1.25-canary.408.0177007",
+  "version": "4.1.26",
   "description": "Develop, build, preview, and package Extension.js projects.",
   "author": {
     "name": "Cezar Augusto",

package/dist/331~0.mjs

@@ -1,45 +0,0 @@
-import { createRequire as __extjsCreateRequire } from "node:module"; const require = __extjsCreateRequire(import.meta.url);
-import * as __rspack_external_node_path_806ed179 from "node:path";
-__rspack_external_node_path_806ed179.join(process.cwd(), 'node_modules/extension-develop/dist/certs');
-const CHROMIUM_BASED_BROWSERS = [
-    'chrome',
-    'edge',
-    'brave',
-    'opera',
-    'vivaldi',
-    'yandex'
-];
-const GECKO_BASED_BROWSERS = [
-    'firefox',
-    'waterfox',
-    'librewolf',
-    'zen',
-    'floorp'
-];
-const WEBKIT_BASED_BROWSERS = [
-    'safari'
-];
-const CHROMIUM_FAMILY_ALIASES = [
-    'chromium',
-    'chrome',
-    'edge',
-    'chromium-based'
-];
-const GECKO_FAMILY_ALIASES = [
-    'firefox',
-    'gecko-based'
-];
-[
-    ...CHROMIUM_BASED_BROWSERS,
-    ...GECKO_BASED_BROWSERS
-];
-function isChromiumBasedBrowser(browser) {
-    return CHROMIUM_BASED_BROWSERS.includes(browser) || String(browser).includes('chromium');
-}
-function isGeckoBasedBrowser(browser) {
-    return GECKO_BASED_BROWSERS.includes(browser) || String(browser).includes('gecko') || String(browser).includes('firefox');
-}
-function isWebkitBasedBrowser(browser) {
-    return WEBKIT_BASED_BROWSERS.includes(browser) || String(browser).includes('webkit');
-}
-export { CHROMIUM_FAMILY_ALIASES, GECKO_FAMILY_ALIASES, isChromiumBasedBrowser, isGeckoBasedBrowser, isWebkitBasedBrowser };