@dimina-kit/devtools 0.3.0 → 0.3.1-dev.20260515105504

package/dist/preload/windows/simulator.js

@@ -10,6 +10,32 @@ var state = {
 };
 var highlightOverlay = null;
 var exposedApi = null;
+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);
+    if (!ref) return null;
+    const el = ref.deref();
+    if (!el || !el.isConnected) {
+      elBySyntheticSid.delete(sid);
+      return null;
+    }
+    if (el.ownerDocument !== doc) return null;
+    return el;
+  }
+  return doc.querySelector(`[data-sid="${CSS.escape(sid)}"]`);
+}
 function clone(value) {
   try {
     return JSON.parse(JSON.stringify(value));
@@ -25,16 +51,17 @@ function ensureOverlay(doc) {
   if (highlightOverlay && highlightOverlay.ownerDocument === doc) return highlightOverlay;
   highlightOverlay = doc.createElement("div");
   highlightOverlay.id = "__simulator-highlight";
-  highlightOverlay.style.cssText = "position:fixed;pointer-events:none;z-index:999999;border:2px solid #1a73e8;background:rgba(26,115,232,0.12);transition:all 0.1s ease;display:none;border-radius:2px;";
+  highlightOverlay.style.cssText = "position:fixed;pointer-events:none;z-index:999999;border:2px solid #1a73e8;background:rgba(26,115,232,0.12);transition:all 0.1s ease;display:none;border-radius:2px;box-sizing:border-box;";
   doc.body.appendChild(highlightOverlay);
   return highlightOverlay;
 }
 function highlightElement(sid) {
+  if (!sid) return null;
   const iframe = getPageIframe();
-  if (!iframe?.contentDocument) return;
+  if (!iframe?.contentDocument) return null;
   const doc = iframe.contentDocument;
-  const el = doc.querySelector(`[data-sid="${sid}"]`);
-  if (!el) return;
+  const el = findElementBySid(doc, sid);
+  if (!el) return null;
   const rect = el.getBoundingClientRect();
   const overlay = ensureOverlay(doc);
   overlay.style.left = `${rect.left}px`;
@@ -42,6 +69,22 @@ function highlightElement(sid) {
   overlay.style.width = `${rect.width}px`;
   overlay.style.height = `${rect.height}px`;
   overlay.style.display = "block";
+  const style = el.ownerDocument.defaultView?.getComputedStyle(el);
+  if (!style) return null;
+  return {
+    sid,
+    rect: { x: rect.x, y: rect.y, width: rect.width, height: rect.height },
+    style: {
+      display: style.display,
+      position: style.position,
+      boxSizing: style.boxSizing,
+      margin: style.margin,
+      padding: style.padding,
+      color: style.color,
+      backgroundColor: style.backgroundColor,
+      fontSize: style.fontSize
+    }
+  };
 }
 function unhighlightElement() {
   if (highlightOverlay) highlightOverlay.style.display = "none";
@@ -130,6 +173,9 @@ function installSimulatorBridge() {
   };
 }
 
+// src/preload/runtime/custom-apis.ts
+var import_electron2 = require("electron");
+
 // src/shared/ipc-channels.ts
 var SimulatorChannel = {
   Attach: "simulator:attach",
@@ -141,11 +187,48 @@ var SimulatorChannel = {
   AppData: "simulator:appdata",
   AppDataAll: "simulator:appdata-all"
 };
+var SimulatorCustomApiChannel = {
+  List: "simulator:custom-apis:list",
+  Invoke: "simulator:custom-apis:invoke"
+};
+var BridgeChannel = {
+  WxmlRefreshRequest: "wxml:refresh:request",
+  AppDataGetAllRequest: "appdata:getAll:request",
+  AppDataGetAllResponse: "appdata:getAll:response"
+};
+
+// src/preload/runtime/custom-apis.ts
+function buildBridge() {
+  return {
+    list: () => import_electron2.ipcRenderer.invoke(SimulatorCustomApiChannel.List),
+    invoke: (name, params) => import_electron2.ipcRenderer.invoke(SimulatorCustomApiChannel.Invoke, name, params)
+  };
+}
+function installCustomApisBridge() {
+  const bridge = buildBridge();
+  try {
+    import_electron2.contextBridge.exposeInMainWorld("__diminaCustomApis", bridge);
+  } catch {
+    window.__diminaCustomApis = bridge;
+  }
+}
 
 // src/preload/runtime/host.ts
-var import_electron2 = require("electron");
+var import_electron3 = require("electron");
 function sendToHost(channel, data) {
-  import_electron2.ipcRenderer.sendToHost(channel, data);
+  import_electron3.ipcRenderer.sendToHost(channel, data);
+}
+function onHostMessage(channel, handler) {
+  let active = true;
+  const wrapped = (_event, ...args) => {
+    if (!active) return;
+    handler(...args);
+  };
+  import_electron3.ipcRenderer.on(channel, wrapped);
+  return () => {
+    active = false;
+    import_electron3.ipcRenderer.removeListener(channel, wrapped);
+  };
 }
 function safeSerialize(val) {
   if (val === null || val === void 0) return val;
@@ -229,13 +312,46 @@ function createDisposableSet() {
 
 // src/preload/instrumentation/app-data.ts
 var appDataCache = /* @__PURE__ */ new Map();
+var bridgeOrder = [];
+var bridgePagePath = /* @__PURE__ */ new Map();
+function recordBridge(bridgeId) {
+  if (!bridgeOrder.includes(bridgeId)) bridgeOrder.push(bridgeId);
+}
+function buildSnapshot() {
+  const bridges = [];
+  for (const id of bridgeOrder) {
+    bridges.push({ id, pagePath: bridgePagePath.get(id) ?? null });
+  }
+  const entries = {};
+  for (const [key, entry] of appDataCache) {
+    const slash = key.indexOf("/");
+    if (slash < 0) continue;
+    const bridgeId = key.slice(0, slash);
+    const moduleId = key.slice(slash + 1);
+    if (!entries[bridgeId]) entries[bridgeId] = {};
+    const displayKey = entry.componentPath ?? moduleId;
+    entries[bridgeId][displayKey] = entry.data;
+  }
+  return { bridges, entries };
+}
 function publishSnapshot() {
   const data = {};
-  for (const [key, value] of appDataCache) {
-    data[key] = value;
+  for (const [key, entry] of appDataCache) {
+    data[key] = entry.data;
   }
   setAppDataSnapshot(data);
 }
+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);
+  publishSnapshot();
+  sendToHost(SimulatorChannel.AppDataAll, buildSnapshot());
+}
 function decodeWorkerMessage(message) {
   let payload = message;
   if (typeof payload === "string") {
@@ -245,9 +361,61 @@ function decodeWorkerMessage(message) {
       return null;
     }
   }
+  if (!payload || typeof payload !== "object") return null;
   const record = payload;
-  if (record?.type !== "u" || !record.body) return null;
-  return record.body;
+  if (record.type === "ub") {
+    const body = record.body;
+    if (!body || typeof body !== "object") return null;
+    if (typeof body.bridgeId !== "string" || !Array.isArray(body.updates)) return null;
+    const out = [];
+    for (const u of body.updates) {
+      if (!u || typeof u.moduleId !== "string") continue;
+      if (!u.moduleId.startsWith("page_")) continue;
+      out.push({ mode: "patch", bridgeId: body.bridgeId, moduleId: u.moduleId, data: u.data });
+    }
+    return out.length > 0 ? out : null;
+  }
+  if (typeof record.type === "string" && record.type.startsWith("page_")) {
+    const body = record.body;
+    if (!body || typeof body !== "object") return null;
+    if (typeof body.bridgeId !== "string" || typeof body.path !== "string") return null;
+    if (!body.data || typeof body.data !== "object") return null;
+    return [{
+      mode: "init",
+      bridgeId: body.bridgeId,
+      moduleId: record.type,
+      componentPath: body.path,
+      data: body.data
+    }];
+  }
+  return null;
+}
+function decodeOutgoingMessage(message) {
+  let payload = message;
+  if (typeof payload === "string") {
+    try {
+      payload = JSON.parse(payload);
+    } catch {
+      return null;
+    }
+  }
+  if (!payload || typeof payload !== "object") return null;
+  const r = payload;
+  if (typeof r.type !== "string") return null;
+  return {
+    type: r.type,
+    bridgeId: typeof r.body?.bridgeId === "string" ? r.body.bridgeId : void 0
+  };
+}
+function instrumentPostMessage(worker) {
+  const orig = worker.postMessage.bind(worker);
+  worker.postMessage = function(msg, ...rest) {
+    const decoded = decodeOutgoingMessage(msg);
+    if (decoded?.type === "pageUnload" && decoded.bridgeId) {
+      clearBridge(decoded.bridgeId);
+    }
+    return orig(msg, ...rest);
+  };
 }
 function createInstrumentedWorker(OriginalWorker) {
   function InstrumentedWorker(scriptURL, options) {
@@ -257,14 +425,20 @@ function createInstrumentedWorker(OriginalWorker) {
       [resolvedScriptURL, options],
       new.target ?? InstrumentedWorker
     );
+    instrumentPostMessage(worker);
     worker.addEventListener("message", (event) => {
-      const body = decodeWorkerMessage(event.data);
-      if (!body) return;
-      window.__simulatorHook?.appData({
-        bridgeId: body.bridgeId,
-        moduleId: body.moduleId,
-        data: body.data
-      });
+      const entries = decodeWorkerMessage(event.data);
+      if (!entries) return;
+      for (const entry of entries) {
+        const hookBody = {
+          bridgeId: entry.bridgeId,
+          moduleId: entry.moduleId,
+          data: entry.data,
+          mode: entry.mode
+        };
+        if (entry.mode === "init") hookBody.componentPath = entry.componentPath;
+        window.__simulatorHook?.appData(hookBody);
+      }
     });
     return worker;
   }
@@ -282,12 +456,27 @@ function installAppDataInstrumentation() {
   window.__simulatorHook = {
     appData: (body) => {
       const record = body;
-      if (record?.bridgeId && record?.moduleId) {
-        const key = `${record.bridgeId}/${record.moduleId}`;
-        appDataCache.set(key, record.data);
-        publishSnapshot();
+      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);
       }
-      sendToHost(SimulatorChannel.AppData, body);
+      publishSnapshot();
+      const payload = {
+        bridgeId: record.bridgeId,
+        moduleId: record.moduleId,
+        data: merged
+      };
+      if (componentPath !== void 0) payload.componentPath = componentPath;
+      sendToHost(SimulatorChannel.AppData, payload);
     }
   };
   Object.defineProperty(window, "Worker", {
@@ -295,6 +484,9 @@ function installAppDataInstrumentation() {
     writable: true,
     value: createInstrumentedWorker(OriginalWorker)
   });
+  disposables2.add(
+    onHostMessage(BridgeChannel.AppDataGetAllRequest, () => sendAllAppData())
+  );
   publishSnapshot();
   disposables2.add(() => {
     if (originalDescriptor) {
@@ -312,6 +504,8 @@ function installAppDataInstrumentation() {
   });
   disposables2.add(() => {
     appDataCache.clear();
+    bridgeOrder.length = 0;
+    bridgePagePath.clear();
     clearAppDataSnapshot();
     publishSnapshot();
   });
@@ -319,6 +513,10 @@ function installAppDataInstrumentation() {
     disposables2.disposeAll();
   };
 }
+function sendAllAppData() {
+  publishSnapshot();
+  sendToHost(SimulatorChannel.AppDataAll, buildSnapshot());
+}
 
 // src/preload/shared/constants.ts
 var WXML_DEBOUNCE_MS = 300;
@@ -356,9 +554,22 @@ function resolveTemplateNameFromParent(instance) {
   }
   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) {
@@ -368,7 +579,8 @@ function resolveTagName(instance) {
   }
   if (name === "dd-page") return "page";
   if (name.startsWith("dd-")) return name.slice(3);
-  if (name.startsWith("Dd") && name.length > 2) return name.slice(2).toLowerCase();
+  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) {
@@ -398,7 +610,10 @@ function isInternalElement(vnode) {
 function getElementSid(instance) {
   const subTree = instance.subTree;
   const el = subTree?.el;
-  return el?.getAttribute ? el.getAttribute("data-sid") ?? void 0 : void 0;
+  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;
@@ -413,8 +628,17 @@ function isTransparentComponent(instance, tagName) {
   }
   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] : [];
@@ -465,6 +689,30 @@ function extractChildrenFromVNode(vnode, depth) {
   }
   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);
@@ -473,7 +721,7 @@ function walkInstance(instance, depth) {
   const node = { tagName, attrs: extractProps(instance), children };
   const sid = getElementSid(instance);
   if (sid) node.sid = sid;
-  return node;
+  return wrapInShadowRoot(unwrapCustomComponent(node));
 }
 
 // src/preload/instrumentation/wxml.ts
@@ -855,6 +1103,7 @@ function setupApiCompatHook() {
 // src/preload/windows/simulator.ts
 setupApiCompatHook();
 installSimulatorBridge();
+installCustomApisBridge();
 installConsoleInstrumentation();
 installAppDataInstrumentation();
 installWxmlInstrumentation();