@dimina-kit/devtools 0.3.2-dev.20260525152421 → 0.3.2-dev.20260610082053

package/dist/preload/windows/simulator.js

@@ -3,16 +3,22 @@
 // src/preload/shared/expose.ts
 var import_electron = require("electron");
 function exposeOnMainWorld(key, value) {
-  let fellBack = false;
-  try {
-    import_electron.contextBridge.exposeInMainWorld(key, value);
-  } catch {
+  let assignedToWindow = false;
+  if (process.contextIsolated) {
+    try {
+      import_electron.contextBridge.exposeInMainWorld(key, value);
+    } catch (err) {
+      console.warn("[devtools/expose] contextBridge.exposeInMainWorld failed, falling back to direct window assignment:", err);
+      window[key] = value;
+      assignedToWindow = true;
+    }
+  } else {
     ;
     window[key] = value;
-    fellBack = true;
+    assignedToWindow = true;
   }
   return () => {
-    if (!fellBack) return;
+    if (!assignedToWindow) return;
     const w = window;
     if (w[key] === value) delete w[key];
   };
@@ -24,27 +30,9 @@ function getActivePageIframe() {
   return iframes.length > 0 ? iframes[iframes.length - 1] : null;
 }
 
-// src/preload/runtime/bridge.ts
-var state = {
-  appdata: { gen: 0, ready: true, data: {} },
-  storage: { gen: 0, ready: false, namespace: null, data: {} },
-  wxml: { gen: 0, ready: false, data: null },
-  refreshHandler: null
-};
-var highlightOverlay = null;
-var exposedApi = null;
+// src/preload/shared/sid-registry.ts
 var SYNTHETIC_SID_PREFIX = "devtools-";
-var syntheticSidByEl = /* @__PURE__ */ new WeakMap();
 var elBySyntheticSid = /* @__PURE__ */ new Map();
-var nextSyntheticSid = 1;
-function registerSyntheticSid(el) {
-  const existing = syntheticSidByEl.get(el);
-  if (existing) return existing;
-  const synthetic = `${SYNTHETIC_SID_PREFIX}${nextSyntheticSid++}`;
-  syntheticSidByEl.set(el, synthetic);
-  elBySyntheticSid.set(synthetic, new WeakRef(el));
-  return synthetic;
-}
 function findElementBySid(doc, sid) {
   if (sid.startsWith(SYNTHETIC_SID_PREFIX)) {
     const ref = elBySyntheticSid.get(sid);
@@ -59,6 +47,16 @@ function findElementBySid(doc, sid) {
   }
   return doc.querySelector(`[data-sid="${CSS.escape(sid)}"]`);
 }
+
+// src/preload/runtime/bridge.ts
+var state = {
+  appdata: { gen: 0, ready: true, data: {} },
+  storage: { gen: 0, ready: false, namespace: null, data: {} },
+  wxml: { gen: 0, ready: false, data: null },
+  refreshHandler: null
+};
+var highlightOverlay = null;
+var exposedApi = null;
 function clone(value) {
   try {
     return JSON.parse(JSON.stringify(value));
@@ -145,13 +143,6 @@ function clearStorageSnapshot() {
     data: {}
   };
 }
-function setWxmlSnapshot(data, ready = true) {
-  state.wxml = {
-    gen: state.wxml.gen + 1,
-    ready,
-    data: clone(data)
-  };
-}
 function clearWxmlSnapshot() {
   state.wxml = {
     gen: state.wxml.gen + 1,
@@ -182,20 +173,31 @@ var import_electron2 = require("electron");
 
 // src/shared/ipc-channels.ts
 var SimulatorChannel = {
-  Attach: "simulator:attach",
+  // Ask main to create the simulator as a top-level WebContentsView (so nested
+  // render-host <webview>s can attach). Native-host is the sole runtime.
+  AttachNative: "simulator:attach-native",
+  // Renderer reports the device-bezel inner-screen rect (CSS px from content
+  // top-left) + zoom so main can overlay the simulator WCV on it.
+  SetNativeBounds: "simulator:set-native-bounds",
+  // Renderer pushes the selected device's LOGICAL metrics (screen size,
+  // pixelRatio, statusBarHeight, …) when the device dropdown changes. Main
+  // maps it to a HostEnvSnapshot and live-updates the running service-host
+  // window — the authoritative `wx.getSystemInfoSync()` source — so the
+  // mini-app sees the selected device without a relaunch.
+  SetDeviceInfo: "simulator:set-device-info",
   Detach: "simulator:detach",
   Resize: "simulator:resize",
   SetVisible: "simulator:setVisible",
-  Console: "simulator:console"
+  Console: "simulator:console",
+  // Main → renderer push of the visible top-of-stack page route whenever the
+  // mini-app navigates (navigateTo / switchTab / back). Payload: the page path
+  // string (same bare format as `getCurrentPagePath`), or '' when unknown.
+  CurrentPage: "simulator:current-page"
 };
 var SimulatorCustomApiBridgeChannel = {
   Request: "simulator:custom-apis:bridge-request",
   Response: "simulator:custom-apis:bridge-response"
 };
-var MiniappSnapshotChannel = {
-  Push: "miniapp-snapshot:push",
-  Pull: "miniapp-snapshot:pull"
-};
 
 // src/preload/runtime/custom-apis.ts
 var LIST_RETRY_INTERVAL_MS = 150;
@@ -203,6 +205,9 @@ var LIST_RETRY_CEILING_MS = 2500;
 function buildBridge() {
   let nextId = 1;
   const pending = /* @__PURE__ */ new Map();
+  const sendRequest = (req) => {
+    import_electron2.ipcRenderer.send(SimulatorCustomApiBridgeChannel.Request, req);
+  };
   import_electron2.ipcRenderer.on(SimulatorCustomApiBridgeChannel.Response, (_event, payload) => {
     const entry = pending.get(payload.id);
     if (!entry) return;
@@ -219,7 +224,7 @@ function buildBridge() {
         resolve: (value) => resolve(value),
         reject
       });
-      import_electron2.ipcRenderer.sendToHost(SimulatorCustomApiBridgeChannel.Request, req);
+      sendRequest(req);
     });
   };
   const listWithRetry = () => {
@@ -249,7 +254,7 @@ function buildBridge() {
             reject(reason);
           }
         });
-        import_electron2.ipcRenderer.sendToHost(SimulatorCustomApiBridgeChannel.Request, { id, op: "list" });
+        sendRequest({ id, op: "list" });
       };
       state2.retryTimer = setInterval(attempt, LIST_RETRY_INTERVAL_MS);
       state2.ceilingTimer = setTimeout(() => {
@@ -306,18 +311,6 @@ var import_electron4 = require("electron");
 function sendToHost(channel, data) {
   import_electron4.ipcRenderer.sendToHost(channel, data);
 }
-function onHostMessage(channel, handler) {
-  let active = true;
-  const wrapped = (_event, ...args) => {
-    if (!active) return;
-    handler(...args);
-  };
-  import_electron4.ipcRenderer.on(channel, wrapped);
-  return () => {
-    active = false;
-    import_electron4.ipcRenderer.removeListener(channel, wrapped);
-  };
-}
 function safeSerialize(val) {
   if (val === null || val === void 0) return val;
   if (typeof val === "function") return `[Function: ${val.name || "anonymous"}]`;
@@ -386,7 +379,7 @@ function installConsoleInstrumentation() {
   };
 }
 
-// src/preload/instrumentation/app-data.ts
+// src/shared/appdata-accumulator.ts
 function decodeWorkerMessage(message) {
   let payload = message;
   if (typeof payload === "string") {
@@ -442,25 +435,53 @@ function decodeOutgoingMessage(message) {
     bridgeId: typeof r.body?.bridgeId === "string" ? r.body.bridgeId : void 0
   };
 }
-function createAppDataSource() {
-  const appDataCache = /* @__PURE__ */ new Map();
-  const bridgeOrder = [];
-  const bridgePagePath = /* @__PURE__ */ new Map();
-  let emit = null;
-  let installed = false;
-  let originalHook;
-  let originalDescriptor;
-  let OriginalWorker;
-  function recordBridge(bridgeId) {
-    if (!bridgeOrder.includes(bridgeId)) bridgeOrder.push(bridgeId);
+var AppDataAccumulator = class {
+  cache = /* @__PURE__ */ new Map();
+  // Bridges in insertion order — drives the `bridges` array (stable tab order).
+  bridgeOrder = [];
+  // Page path per bridge: set from `page_*` init's body.path (the page route).
+  bridgePagePath = /* @__PURE__ */ new Map();
+  recordBridge(bridgeId) {
+    if (!this.bridgeOrder.includes(bridgeId)) this.bridgeOrder.push(bridgeId);
+  }
+  /**
+   * Apply one entry. Returns true if it was accepted (a mutation worth
+   * republishing), false if dropped (missing ids, or the R6 gate).
+   */
+  apply(input) {
+    if (!input.bridgeId || !input.moduleId) return false;
+    if (input.mode !== "init" && !this.bridgePagePath.has(input.bridgeId)) return false;
+    const key = `${input.bridgeId}/${input.moduleId}`;
+    const prev = this.cache.get(key);
+    const incoming = input.data && typeof input.data === "object" ? input.data : {};
+    const merged = input.mode === "init" ? { ...incoming } : { ...prev?.data ?? {}, ...incoming };
+    const componentPath = input.componentPath ?? prev?.componentPath;
+    const next = componentPath !== void 0 ? { componentPath, data: merged } : { data: merged };
+    this.cache.set(key, next);
+    this.recordBridge(input.bridgeId);
+    if (input.mode === "init" && input.moduleId.startsWith("page_") && input.componentPath) {
+      this.bridgePagePath.set(input.bridgeId, input.componentPath);
+    }
+    return true;
   }
-  function buildSnapshot() {
+  /** Evict every entry for a bridge (page teardown). */
+  clearBridge(bridgeId) {
+    const prefix = `${bridgeId}/`;
+    for (const key of [...this.cache.keys()]) {
+      if (key.startsWith(prefix)) this.cache.delete(key);
+    }
+    const idx = this.bridgeOrder.indexOf(bridgeId);
+    if (idx >= 0) this.bridgeOrder.splice(idx, 1);
+    this.bridgePagePath.delete(bridgeId);
+  }
+  /** The full cumulative snapshot for the panel. */
+  snapshot() {
     const bridges = [];
-    for (const id of bridgeOrder) {
-      bridges.push({ id, pagePath: bridgePagePath.get(id) ?? null });
+    for (const id of this.bridgeOrder) {
+      bridges.push({ id, pagePath: this.bridgePagePath.get(id) ?? null });
     }
     const entries = {};
-    for (const [key, entry] of appDataCache) {
+    for (const [key, entry] of this.cache) {
       const slash = key.indexOf("/");
       if (slash < 0) continue;
       const bridgeId = key.slice(0, slash);
@@ -471,39 +492,53 @@ function createAppDataSource() {
     }
     return { bridges, entries };
   }
-  function publishSnapshot() {
-    const data = {};
-    for (const [key, entry] of appDataCache) {
-      data[key] = entry.data;
+  /**
+   * The current reactive page state for a bridge: shallow-merge of `entry.data`
+   * across every cache entry whose key starts with `${bridgeId}/`, in insertion
+   * order (later entries win on key conflicts). `{}` when no entries match
+   * (unknown bridge / after clearBridge). Pure, no side effects.
+   */
+  pageData(bridgeId) {
+    const merged = {};
+    for (const [key, entry] of this.cache) {
+      const slash = key.indexOf("/");
+      if (slash < 0) continue;
+      if (key.slice(0, slash) !== bridgeId) continue;
+      Object.assign(merged, entry.data);
     }
-    setAppDataSnapshot(data);
+    return merged;
+  }
+  /** Flat `key → data` map for the `__simulatorData.getAppdata()` mirror. */
+  flat() {
+    const data = {};
+    for (const [key, entry] of this.cache) data[key] = entry.data;
+    return data;
+  }
+  clear() {
+    this.cache.clear();
+    this.bridgeOrder.length = 0;
+    this.bridgePagePath.clear();
+  }
+};
+
+// src/preload/instrumentation/app-data.ts
+function createAppDataSource() {
+  const accumulator = new AppDataAccumulator();
+  let emit = null;
+  let installed = false;
+  let originalHook;
+  let originalDescriptor;
+  let OriginalWorker;
+  function publishSnapshot() {
+    setAppDataSnapshot(accumulator.flat());
   }
   function clearBridge(bridgeId) {
-    const prefix = `${bridgeId}/`;
-    for (const key of [...appDataCache.keys()]) {
-      if (key.startsWith(prefix)) appDataCache.delete(key);
-    }
-    const idx = bridgeOrder.indexOf(bridgeId);
-    if (idx >= 0) bridgeOrder.splice(idx, 1);
-    bridgePagePath.delete(bridgeId);
+    accumulator.clearBridge(bridgeId);
     publishSnapshot();
     emit?.();
   }
   function applyAppData(body) {
-    const record = body;
-    if (!record?.bridgeId || !record?.moduleId) return;
-    if (record.mode !== "init" && !bridgePagePath.has(record.bridgeId)) return;
-    const key = `${record.bridgeId}/${record.moduleId}`;
-    const prev = appDataCache.get(key);
-    const incoming = record.data && typeof record.data === "object" ? record.data : {};
-    const merged = record.mode === "init" ? { ...incoming } : { ...prev?.data ?? {}, ...incoming };
-    const componentPath = record.componentPath ?? prev?.componentPath;
-    const next = componentPath !== void 0 ? { componentPath, data: merged } : { data: merged };
-    appDataCache.set(key, next);
-    recordBridge(record.bridgeId);
-    if (record.mode === "init" && record.moduleId.startsWith("page_") && record.componentPath) {
-      bridgePagePath.set(record.bridgeId, record.componentPath);
-    }
+    if (!accumulator.apply(body)) return;
     publishSnapshot();
     emit?.();
   }
@@ -550,7 +585,7 @@ function createAppDataSource() {
   }
   return {
     id: "appdata",
-    snapshot: () => buildSnapshot(),
+    snapshot: () => accumulator.snapshot(),
     start(onChange) {
       if (installed) return;
       installed = true;
@@ -583,486 +618,13 @@ function createAppDataSource() {
       originalDescriptor = void 0;
       OriginalWorker = void 0;
       originalHook = void 0;
-      appDataCache.clear();
-      bridgeOrder.length = 0;
-      bridgePagePath.clear();
+      accumulator.clear();
       clearAppDataSnapshot();
       emit = null;
     }
   };
 }
 
-// src/preload/shared/constants.ts
-var WXML_DEBOUNCE_MS = 300;
-var WXML_RETRY_INTERVAL_MS = 500;
-var WXML_RETRY_TIMEOUT_MS = 1e4;
-var NAVIGATION_POLL_INTERVAL_MS = 200;
-var NAVIGATION_TIMEOUT_MS = 1e4;
-
-// src/preload/instrumentation/wxml-extract.ts
-var INTERNAL_CLASSES = /* @__PURE__ */ new Set([
-  "dd-swiper-wrapper",
-  "dd-swiper-slides",
-  "dd-swiper-slide-frame",
-  "dd-swiper-dots",
-  "dd-picker-overlay",
-  "dd-picker-container",
-  "dd-picker-header",
-  "dd-picker-body"
-]);
-var FRAMEWORK_TEMPLATE_RE = /^(taro_tmpl|tmpl_\d+)/;
-function resolveTemplateNameFromParent(instance) {
-  const parent = instance.parent;
-  if (!parent) return null;
-  const parentType = parent.type;
-  const components = parentType?.components;
-  if (components) {
-    for (const [regName, comp] of Object.entries(components)) {
-      if (comp === instance.type) return regName.startsWith("dd-") ? regName.slice(3) : regName;
-    }
-  }
-  const appComponents = instance.appContext?.components;
-  if (!appComponents) return null;
-  for (const [regName, comp] of Object.entries(appComponents)) {
-    if (comp === instance.type) return regName.startsWith("dd-") ? regName.slice(3) : regName;
-  }
-  return null;
-}
-function pascalToKebab(name) {
-  return name.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
-}
-function resolvePagePath(instance) {
-  const proxy = instance.proxy;
-  if (proxy?.__page__ !== true) return null;
-  const provides = instance.provides;
-  const path = provides?.path;
-  if (typeof path !== "string" || !path) return null;
-  return path.startsWith("/") ? path.slice(1) : path;
-}
-function resolveTagName(instance) {
-  const type = instance.type;
-  if (!type) return "unknown";
-  const pagePath = resolvePagePath(instance);
-  if (pagePath) return pagePath;
-  if (typeof type.__tagName === "string") return type.__tagName;
-  const name = type.__name || type.name;
-  if (!name) {
-    if (type.__scopeId && type.components) return "page";
-    if (type.__scopeId) return resolveTemplateNameFromParent(instance) || "template";
-    return "unknown";
-  }
-  if (name === "dd-page") return "page";
-  if (name.startsWith("dd-")) return name.slice(3);
-  if (name.startsWith("Dd") && name.length > 2) return pascalToKebab(name.slice(2));
-  if (/^[A-Z]/.test(name)) return pascalToKebab(name);
-  return name;
-}
-function extractProps(instance) {
-  const out = {};
-  for (const raw of [instance.props, instance.attrs]) {
-    if (!raw) continue;
-    for (const [k, v] of Object.entries(raw)) {
-      if (typeof v === "function" || v === void 0) continue;
-      if (k === "data" || k.startsWith("__")) continue;
-      if (typeof v === "boolean" && !v) continue;
-      if (k === "class" && typeof v === "string") {
-        const cleaned = v.split(/\s+/).filter((c) => !c.startsWith("dd-")).join(" ");
-        if (cleaned) out[k] = cleaned;
-        continue;
-      }
-      out[k] = typeof v === "object" ? JSON.stringify(v) : String(v);
-    }
-  }
-  return out;
-}
-function isInternalElement(vnode) {
-  const props = vnode.props;
-  if (!props) return false;
-  const cls = String(props.class || "");
-  return cls.split(/\s+/).some((c) => INTERNAL_CLASSES.has(c));
-}
-function getElementSid(instance) {
-  const subTree = instance.subTree;
-  const el = subTree?.el;
-  if (!el?.getAttribute) return void 0;
-  const sid = el.getAttribute("data-sid");
-  if (sid) return sid;
-  return registerSyntheticSid(el);
-}
-function isTransparentComponent(instance, tagName) {
-  if (tagName === "unknown") return true;
-  if (tagName === "template") {
-    const props = instance.props;
-    const is = props?.is;
-    if (is && FRAMEWORK_TEMPLATE_RE.test(is)) return true;
-    if (!is) {
-      const type = instance.type;
-      if (type?.__scopeId && !type.components) return true;
-    }
-  }
-  return false;
-}
-function isCommentVNode(vnode) {
-  const type = vnode.type;
-  if (typeof type !== "symbol") return false;
-  const desc = type.description;
-  if (desc === "Comment" || desc === "v-cmt") return true;
-  const children = typeof vnode.children === "string" ? vnode.children : "";
-  return /^v-(if|else|else-if|for)$/.test(children);
-}
-function extractChildrenFromVNode(vnode, depth) {
-  if (!vnode || depth > 50) return [];
-  if (isCommentVNode(vnode)) return [];
-  if (vnode.component) {
-    const result2 = walkInstance(vnode.component, depth + 1);
-    return result2 ? Array.isArray(result2) ? result2 : [result2] : [];
-  }
-  if (vnode.suspense) {
-    const suspense = vnode.suspense;
-    const activeBranch = suspense.activeBranch;
-    return activeBranch ? extractChildrenFromVNode(activeBranch, depth + 1) : [];
-  }
-  if (typeof vnode.children === "string" && vnode.children.trim()) {
-    const vnodeType = vnode.type;
-    if (typeof vnodeType === "symbol" || typeof vnodeType === "string") {
-      return [{ tagName: "#text", attrs: {}, children: [], text: vnode.children.trim() }];
-    }
-  }
-  const kids = vnode.children;
-  if (!Array.isArray(kids)) return [];
-  const result = [];
-  for (const child of kids) {
-    if (!child) continue;
-    if (typeof child === "string") {
-      const trimmed = child.trim();
-      if (trimmed) result.push({ tagName: "#text", attrs: {}, children: [], text: trimmed });
-      continue;
-    }
-    if (typeof child !== "object") continue;
-    const c = child;
-    if (c.component) {
-      const walked = walkInstance(c.component, depth + 1);
-      if (walked) result.push(...Array.isArray(walked) ? walked : [walked]);
-      continue;
-    }
-    if (typeof c.type === "symbol") {
-      result.push(...extractChildrenFromVNode(c, depth + 1));
-      continue;
-    }
-    if (typeof c.type === "string") {
-      if (isInternalElement(c)) {
-        result.push(...extractChildrenFromVNode(c, depth + 1));
-      } else if (typeof c.children === "string" && c.children.trim()) {
-        result.push({ tagName: "#text", attrs: {}, children: [], text: c.children.trim() });
-      } else {
-        result.push(...extractChildrenFromVNode(c, depth + 1));
-      }
-      continue;
-    }
-    result.push(...extractChildrenFromVNode(c, depth + 1));
-  }
-  return result;
-}
-function unwrapCustomComponent(node) {
-  if (node.tagName !== "wrapper") return node;
-  const path = node.attrs?.name;
-  if (typeof path !== "string" || !path.startsWith("/")) return node;
-  const stripped = path.replace(/^\//, "");
-  const withoutIndex = stripped.endsWith("/index") ? stripped.slice(0, -"/index".length) : stripped;
-  const recovered = withoutIndex || stripped;
-  if (!recovered || recovered === "index") return node;
-  const nextAttrs = {};
-  for (const [k, v] of Object.entries(node.attrs)) {
-    if (k === "name") continue;
-    nextAttrs[k] = v;
-  }
-  return { ...node, tagName: recovered, attrs: nextAttrs };
-}
-function wrapInShadowRoot(node) {
-  if (!node.tagName.includes("/")) return node;
-  if (node.children.length === 0) return node;
-  if (node.children[0]?.tagName === "#shadow-root") return node;
-  return {
-    ...node,
-    children: [{ tagName: "#shadow-root", attrs: {}, children: node.children }]
-  };
-}
-function walkInstance(instance, depth) {
-  if (depth > 50) return null;
-  const tagName = resolveTagName(instance);
-  const children = extractChildrenFromVNode(instance.subTree, depth);
-  if (isTransparentComponent(instance, tagName)) return children.length > 0 ? children : null;
-  const node = { tagName, attrs: extractProps(instance), children };
-  const sid = getElementSid(instance);
-  if (sid) node.sid = sid;
-  return wrapInShadowRoot(unwrapCustomComponent(node));
-}
-
-// src/preload/instrumentation/wxml.ts
-function getVueAppFromIframe(iframe) {
-  try {
-    const doc = iframe.contentDocument;
-    if (!doc?.body) return null;
-    const body = doc.body;
-    const app = body.__vue_app__;
-    if (!app) return null;
-    if (app._instance) return app._instance;
-    const container = app._container;
-    const vnode = container?._vnode;
-    return vnode?.component ?? null;
-  } catch {
-    return null;
-  }
-}
-function computeWxmlTree() {
-  const iframe = getActivePageIframe();
-  if (!iframe) return null;
-  const instance = getVueAppFromIframe(iframe);
-  if (!instance) return null;
-  const tree = walkInstance(instance, 0);
-  if (!tree) return null;
-  return Array.isArray(tree) ? { tagName: "#fragment", attrs: {}, children: tree } : tree;
-}
-function createWxmlSource() {
-  let tree = null;
-  let emit = null;
-  let wxmlTimer;
-  let currentObserver = null;
-  let currentIframe = null;
-  let topObserver = null;
-  let retryTimer;
-  let retryTimeout;
-  let navigationWaitTimer;
-  let navigationWaitTimeout;
-  function clearTimers() {
-    if (wxmlTimer) clearTimeout(wxmlTimer);
-    if (retryTimer) clearInterval(retryTimer);
-    if (retryTimeout) clearTimeout(retryTimeout);
-    if (navigationWaitTimer) clearInterval(navigationWaitTimer);
-    if (navigationWaitTimeout) clearTimeout(navigationWaitTimeout);
-    wxmlTimer = void 0;
-    retryTimer = void 0;
-    retryTimeout = void 0;
-    navigationWaitTimer = void 0;
-    navigationWaitTimeout = void 0;
-  }
-  function refresh() {
-    tree = computeWxmlTree();
-    if (tree) {
-      setWxmlSnapshot(tree, true);
-    } else {
-      clearWxmlSnapshot();
-      unhighlightElement();
-    }
-    emit?.();
-  }
-  function observeIframe(iframe) {
-    if (iframe === currentIframe) return;
-    if (currentObserver) {
-      currentObserver.disconnect();
-      currentObserver = null;
-    }
-    if (navigationWaitTimer) {
-      clearInterval(navigationWaitTimer);
-      navigationWaitTimer = void 0;
-    }
-    if (navigationWaitTimeout) {
-      clearTimeout(navigationWaitTimeout);
-      navigationWaitTimeout = void 0;
-    }
-    currentIframe = iframe;
-    const doc = iframe.contentDocument;
-    if (!doc?.body) {
-      refresh();
-      return;
-    }
-    refresh();
-    currentObserver = new MutationObserver(() => {
-      clearTimeout(wxmlTimer);
-      wxmlTimer = setTimeout(refresh, WXML_DEBOUNCE_MS);
-    });
-    currentObserver.observe(doc.body, { childList: true, subtree: true });
-  }
-  function tryAttach() {
-    const iframe = getActivePageIframe();
-    if (!iframe) return false;
-    const instance = getVueAppFromIframe(iframe);
-    if (!instance) return false;
-    observeIframe(iframe);
-    return true;
-  }
-  function scheduleAttach() {
-    if (retryTimer) clearInterval(retryTimer);
-    if (retryTimeout) clearTimeout(retryTimeout);
-    retryTimer = setInterval(() => {
-      if (tryAttach() && retryTimer) {
-        clearInterval(retryTimer);
-        retryTimer = void 0;
-      }
-    }, WXML_RETRY_INTERVAL_MS);
-    retryTimeout = setTimeout(() => {
-      if (retryTimer) clearInterval(retryTimer);
-      retryTimer = void 0;
-    }, WXML_RETRY_TIMEOUT_MS);
-  }
-  function observeTopLevel() {
-    if (topObserver) return;
-    topObserver = new MutationObserver(() => {
-      const iframe = getActivePageIframe();
-      if (!iframe) {
-        refresh();
-        return;
-      }
-      if (iframe !== currentIframe) {
-        if (navigationWaitTimer) {
-          clearInterval(navigationWaitTimer);
-          navigationWaitTimer = void 0;
-        }
-        if (navigationWaitTimeout) {
-          clearTimeout(navigationWaitTimeout);
-          navigationWaitTimeout = void 0;
-        }
-        navigationWaitTimer = setInterval(() => {
-          if (getVueAppFromIframe(iframe)) {
-            if (navigationWaitTimer) {
-              clearInterval(navigationWaitTimer);
-              navigationWaitTimer = void 0;
-            }
-            if (navigationWaitTimeout) {
-              clearTimeout(navigationWaitTimeout);
-              navigationWaitTimeout = void 0;
-            }
-            observeIframe(iframe);
-          }
-        }, NAVIGATION_POLL_INTERVAL_MS);
-        navigationWaitTimeout = setTimeout(() => {
-          if (navigationWaitTimer) {
-            clearInterval(navigationWaitTimer);
-            navigationWaitTimer = void 0;
-          }
-          navigationWaitTimeout = void 0;
-        }, NAVIGATION_TIMEOUT_MS);
-      }
-    });
-    if (document.body) {
-      topObserver.observe(document.body, { childList: true, subtree: true });
-    } else {
-      document.addEventListener("DOMContentLoaded", () => {
-        if (document.body && topObserver) {
-          topObserver.observe(document.body, { childList: true, subtree: true });
-        }
-      }, { once: true });
-    }
-  }
-  return {
-    id: "wxml",
-    snapshot: () => tree,
-    start(onChange) {
-      emit = onChange;
-      if (!tryAttach()) {
-        scheduleAttach();
-      }
-      observeTopLevel();
-    },
-    dispose() {
-      if (currentObserver) {
-        currentObserver.disconnect();
-        currentObserver = null;
-      }
-      if (topObserver) {
-        topObserver.disconnect();
-        topObserver = null;
-      }
-      currentIframe = null;
-      clearTimers();
-      clearWxmlSnapshot();
-      unhighlightElement();
-      tree = null;
-      emit = null;
-    }
-  };
-}
-
-// src/preload/miniapp-snapshot/host.ts
-var import_electron5 = require("electron");
-var ACCESSOR_KEY = "__miniappSnapshot";
-function exposeApi(api) {
-  try {
-    import_electron5.contextBridge.exposeInMainWorld(ACCESSOR_KEY, api);
-  } catch {
-    ;
-    window.__miniappSnapshot = api;
-  }
-  return () => {
-    const windowRef = window;
-    if (windowRef[ACCESSOR_KEY] === api) {
-      delete windowRef[ACCESSOR_KEY];
-    }
-  };
-}
-function createMiniappSnapshotHost() {
-  const sources = [];
-  const byId = /* @__PURE__ */ new Map();
-  let installed = false;
-  let disposed = false;
-  let seq = 0;
-  function publish(source) {
-    if (disposed) return;
-    seq += 1;
-    const envelope = {
-      id: source.id,
-      seq,
-      ts: Date.now(),
-      data: source.snapshot()
-    };
-    sendToHost(MiniappSnapshotChannel.Push, envelope);
-  }
-  function register(source) {
-    if (installed) {
-      throw new Error("MiniappSnapshotHost: register() called after install()");
-    }
-    if (byId.has(source.id)) {
-      throw new Error(`MiniappSnapshotHost: duplicate source id "${source.id}"`);
-    }
-    const erased = source;
-    byId.set(source.id, erased);
-    sources.push(erased);
-  }
-  function install() {
-    if (installed) {
-      throw new Error("MiniappSnapshotHost: install() called twice");
-    }
-    installed = true;
-    for (const source of sources) {
-      source.start(() => publish(source));
-      publish(source);
-    }
-    const disposePull = onHostMessage(MiniappSnapshotChannel.Pull, (...args) => {
-      const payload = args[0];
-      const id = payload?.id;
-      if (typeof id !== "string") return;
-      const source = byId.get(id);
-      if (!source) return;
-      publish(source);
-    });
-    const api = {
-      get: (id) => byId.get(id)?.snapshot(),
-      ids: () => sources.map((source) => source.id)
-    };
-    const disposeApi = exposeApi(api);
-    return () => {
-      if (disposed) return;
-      disposed = true;
-      disposePull();
-      disposeApi();
-      for (const source of sources) {
-        source.dispose();
-      }
-    };
-  }
-  return { register, install };
-}
-
 // src/preload/shared/api-compat.ts
 function call(fn, payload) {
   try {
@@ -1242,14 +804,122 @@ function setupApiCompatHook() {
   }, 200);
 }
 
+// src/preload/runtime/native-host.ts
+var import_electron5 = require("electron");
+
+// src/shared/bridge-channels.ts
+var BRIDGE_CHANNELS = {
+  SPAWN: "dmb:spawn",
+  DISPOSE: "dmb:dispose",
+  PAGE_OPEN: "dmb:page:open",
+  PAGE_CLOSE: "dmb:page:close",
+  PAGE_LIFECYCLE: "dmb:page:lifecycle",
+  NAV_CALLBACK: "dmb:nav:callback",
+  SERVICE_INVOKE: "dmb:service:invoke",
+  SERVICE_PUBLISH: "dmb:service:publish",
+  RENDER_INVOKE: "dmb:render:invoke",
+  RENDER_PUBLISH: "dmb:render:publish",
+  TO_SERVICE: "dmb:to-service",
+  TO_RENDER: "dmb:to-render",
+  SIMULATOR_API: "dmb:simulator-api",
+  /** simulator → main: ack of an API_CALL request (carries success/fail args). */
+  API_RESPONSE: "dmb:api:response",
+  /**
+   * simulator webview preload → main (sendSync): "is native-host mode on?".
+   * The guest preload can't read the launch `process.env`, so it asks main
+   * (which can) at install time. Reply is `e.returnValue = boolean`.
+   */
+  NATIVE_HOST_ENABLED: "dmb:native-host-enabled",
+  /**
+   * simulator (DeviceShell) → main: the visible top-of-stack page bridgeId.
+   * Main has no z-order concept — the active page lives only in DeviceShell's
+   * ShellState — so devtools panels / automation that must target "the current
+   * page's render webContents" resolve it through this signal. Fire-and-forget.
+   */
+  ACTIVE_PAGE: "dmb:active-page",
+  /**
+   * simulator (DeviceShell) → main: the FULL ordered page stack (bottom→top)
+   * whenever it changes. Main has no stack of its own (it only learns the
+   * active bridgeId via ACTIVE_PAGE), so automation's `App.getPageStack` needs
+   * this to report multi-page stacks. Fire-and-forget.
+   */
+  PAGE_STACK: "dmb:page-stack"
+};
+
+// src/preload/runtime/native-host.ts
+function queryNativeHostConfig() {
+  try {
+    const res = import_electron5.ipcRenderer.sendSync(BRIDGE_CHANNELS.NATIVE_HOST_ENABLED);
+    return res && res.enabled ? res : null;
+  } catch {
+    return null;
+  }
+}
+function buildBridge2(cfg) {
+  return {
+    enabled: true,
+    spawn(opts) {
+      return import_electron5.ipcRenderer.invoke(BRIDGE_CHANNELS.SPAWN, opts);
+    },
+    dispose(bridgeId) {
+      const payload = { bridgeId };
+      import_electron5.ipcRenderer.send(BRIDGE_CHANNELS.DISPOSE, payload);
+    },
+    openPage(opts) {
+      return import_electron5.ipcRenderer.invoke(BRIDGE_CHANNELS.PAGE_OPEN, opts);
+    },
+    closePage(bridgeId) {
+      const payload = { bridgeId };
+      import_electron5.ipcRenderer.send(BRIDGE_CHANNELS.PAGE_CLOSE, payload);
+    },
+    notifyLifecycle(payload) {
+      import_electron5.ipcRenderer.send(BRIDGE_CHANNELS.PAGE_LIFECYCLE, payload);
+    },
+    notifyNavCallback(payload) {
+      import_electron5.ipcRenderer.send(BRIDGE_CHANNELS.NAV_CALLBACK, payload);
+    },
+    notifyApiResponse(payload) {
+      import_electron5.ipcRenderer.send(BRIDGE_CHANNELS.API_RESPONSE, payload);
+    },
+    notifyActivePage(payload) {
+      import_electron5.ipcRenderer.send(BRIDGE_CHANNELS.ACTIVE_PAGE, payload);
+    },
+    notifyPageStack(payload) {
+      import_electron5.ipcRenderer.send(BRIDGE_CHANNELS.PAGE_STACK, payload);
+    },
+    createRenderHostUrl(opts) {
+      const url = new URL(cfg.renderHostHtmlUrl);
+      url.searchParams.set("bridgeId", opts.bridgeId);
+      url.searchParams.set("appId", opts.appId);
+      url.searchParams.set("pagePath", opts.pagePath);
+      return url.toString();
+    },
+    renderPreloadUrl: cfg.renderPreloadUrl,
+    device: cfg.device,
+    onSimulatorEvent(channel, listener) {
+      const wrapped = (_event, payload) => {
+        ;
+        listener(payload);
+      };
+      import_electron5.ipcRenderer.on(channel, wrapped);
+      return () => import_electron5.ipcRenderer.removeListener(channel, wrapped);
+    }
+  };
+}
+function installNativeHostBridge() {
+  const cfg = queryNativeHostConfig();
+  if (!cfg) return () => {
+  };
+  return exposeOnMainWorld("__diminaNativeHost", buildBridge2(cfg));
+}
+
 // src/preload/windows/simulator.ts
 setupApiCompatHook();
 installSimulatorBridge();
 installCustomApisBridge();
 installTempFileBridge();
 installConsoleInstrumentation();
-var snapshotHost = createMiniappSnapshotHost();
-snapshotHost.register(createAppDataSource());
-snapshotHost.register(createWxmlSource());
-snapshotHost.install();
+installNativeHostBridge();
+createAppDataSource().start(() => {
+});
 //# sourceMappingURL=simulator.js.map