@dimina-kit/devtools 0.4.0-dev.20260707110006 → 0.4.0-dev.20260711062001

package/dist/preload/windows/simulator.js

@@ -30,22 +30,30 @@ function getActivePageIframe() {
   return iframes.length > 0 ? iframes[iframes.length - 1] : null;
 }
 
-// src/preload/shared/sid-registry.ts
+// ../inspect/dist/sid-registry.js
 var SYNTHETIC_SID_PREFIX = "devtools-";
 var elBySyntheticSid = /* @__PURE__ */ new Map();
 function findElementBySid(doc, sid) {
   if (sid.startsWith(SYNTHETIC_SID_PREFIX)) {
     const ref = elBySyntheticSid.get(sid);
-    if (!ref) return null;
+    if (!ref)
+      return null;
     const el = ref.deref();
     if (!el || !el.isConnected) {
       elBySyntheticSid.delete(sid);
       return null;
     }
-    if (el.ownerDocument !== doc) return null;
+    if (el.ownerDocument !== doc)
+      return null;
     return el;
   }
-  return doc.querySelector(`[data-sid="${CSS.escape(sid)}"]`);
+  return doc.querySelector(`[data-sid="${escapeForAttrSelector(sid)}"]`);
+}
+function escapeForAttrSelector(value) {
+  const impl = globalThis.CSS?.escape;
+  if (impl)
+    return impl(value);
+  return value.replace(/[\\"]/g, "\\$&");
 }
 
 // src/preload/runtime/bridge.ts

package/dist/render-host/render-inspect.js

@@ -1,13 +1,14 @@
 "use strict";
 (() => {
-  // src/preload/shared/sid-registry.ts
+  // ../inspect/dist/sid-registry.js
   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;
+    if (existing)
+      return existing;
     const synthetic = `${SYNTHETIC_SID_PREFIX}${nextSyntheticSid++}`;
     syntheticSidByEl.set(el, synthetic);
     elBySyntheticSid.set(synthetic, new WeakRef(el));
@@ -16,19 +17,27 @@
   function findElementBySid(doc, sid) {
     if (sid.startsWith(SYNTHETIC_SID_PREFIX)) {
       const ref = elBySyntheticSid.get(sid);
-      if (!ref) return null;
+      if (!ref)
+        return null;
       const el = ref.deref();
       if (!el || !el.isConnected) {
         elBySyntheticSid.delete(sid);
         return null;
       }
-      if (el.ownerDocument !== doc) return null;
+      if (el.ownerDocument !== doc)
+        return null;
       return el;
     }
-    return doc.querySelector(`[data-sid="${CSS.escape(sid)}"]`);
+    return doc.querySelector(`[data-sid="${escapeForAttrSelector(sid)}"]`);
+  }
+  function escapeForAttrSelector(value) {
+    const impl = globalThis.CSS?.escape;
+    if (impl)
+      return impl(value);
+    return value.replace(/[\\"]/g, "\\$&");
   }
 
-  // src/preload/instrumentation/wxml-extract.ts
+  // ../inspect/dist/wxml-extract.js
   var INTERNAL_CLASSES = /* @__PURE__ */ new Set([
     "dd-swiper-wrapper",
     "dd-swiper-slides",
@@ -50,13 +59,16 @@
     const components = parentType?.components;
     if (components) {
       for (const [regName, comp] of Object.entries(components)) {
-        if (comp === instance.type) return normalizeRegisteredName(regName);
+        if (comp === instance.type)
+          return normalizeRegisteredName(regName);
       }
     }
     const appComponents = instance.appContext?.components;
-    if (!appComponents) return null;
+    if (!appComponents)
+      return null;
     for (const [regName, comp] of Object.entries(appComponents)) {
-      if (comp === instance.type) return normalizeRegisteredName(regName);
+      if (comp === instance.type)
+        return normalizeRegisteredName(regName);
     }
     return null;
   }
@@ -65,43 +77,58 @@
   }
   function resolvePagePath(instance) {
     const proxy = instance.proxy;
-    if (proxy?.__page__ !== true) return null;
+    if (proxy?.__page__ !== true)
+      return null;
     const provides = instance.provides;
     const path = provides?.path;
-    if (typeof path !== "string" || !path) return null;
+    if (typeof path !== "string" || !path)
+      return null;
     return path.startsWith("/") ? path.slice(1) : path;
   }
   function resolveComponentPath(instance) {
     const provides = instance.provides;
     const path = provides?.path;
-    if (typeof path !== "string" || !path) return null;
+    if (typeof path !== "string" || !path)
+      return null;
     const parent = instance.parent;
     const parentProvides = parent?.provides;
-    if (path === parentProvides?.path) return null;
+    if (path === parentProvides?.path)
+      return null;
     return path.startsWith("/") ? path.slice(1) : path;
   }
   function resolveTagName(instance) {
     const type = instance.type;
-    if (!type) return "unknown";
+    if (!type)
+      return "unknown";
     const pagePath = resolvePagePath(instance);
-    if (pagePath) return pagePath;
+    if (pagePath)
+      return pagePath;
     const componentPath = resolveComponentPath(instance);
-    if (componentPath) return componentPath;
-    if (typeof type.__tagName === "string") return type.__tagName;
+    if (componentPath)
+      return componentPath;
+    if (typeof type.__tagName === "string")
+      return type.__tagName;
     const name = type.__name || type.name;
     if (!name) {
-      if (type.__scopeId) return resolveTemplateNameFromParent(instance) || "template";
+      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);
+    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 isSkippedProp(key, value) {
-    if (typeof value === "function" || value === void 0) return true;
-    if (key === "data" || key.startsWith("__")) return true;
+    if (typeof value === "function" || value === void 0)
+      return true;
+    if (key === "data" || key.startsWith("__"))
+      return true;
     return typeof value === "boolean" && !value;
   }
   function cleanClassAttr(value) {
@@ -111,10 +138,12 @@
     return typeof value === "object" ? JSON.stringify(value) : String(value);
   }
   function assignProp(out, key, value) {
-    if (isSkippedProp(key, value)) return;
+    if (isSkippedProp(key, value))
+      return;
     if (key === "class" && typeof value === "string") {
       const cleaned = cleanClassAttr(value);
-      if (cleaned) out[key] = cleaned;
+      if (cleaned)
+        out[key] = cleaned;
       return;
     }
     out[key] = stringifyPropValue(value);
@@ -122,7 +151,8 @@
   function extractProps(instance) {
     const out = {};
     for (const raw of [instance.props, instance.attrs]) {
-      if (!raw) continue;
+      if (!raw)
+        continue;
       for (const [k, v] of Object.entries(raw)) {
         assignProp(out, k, v);
       }
@@ -131,37 +161,46 @@
   }
   function isInternalElement(vnode) {
     const props = vnode.props;
-    if (!props) return false;
+    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;
+    if (!el?.getAttribute)
+      return void 0;
     const sid = el.getAttribute("data-sid");
-    if (sid) return sid;
+    if (sid)
+      return sid;
     return registerSyntheticSid(el);
   }
   function isTransparentComponent(instance, tagName) {
-    if (tagName === "unknown") return true;
-    if (FRAMEWORK_TEMPLATE_RE.test(tagName)) return true;
+    if (tagName === "unknown")
+      return true;
+    if (FRAMEWORK_TEMPLATE_RE.test(tagName))
+      return true;
     if (tagName === "template") {
       const props = instance.props;
       const is = props?.is;
-      if (is && FRAMEWORK_TEMPLATE_RE.test(is)) return true;
+      if (is && FRAMEWORK_TEMPLATE_RE.test(is))
+        return true;
       if (!is) {
         const type = instance.type;
-        if (type?.__scopeId && !type.components) return true;
+        if (type?.__scopeId && !type.components)
+          return true;
       }
     }
     return false;
   }
   function isCommentVNode(vnode) {
     const type = vnode.type;
-    if (typeof type !== "symbol") return false;
+    if (typeof type !== "symbol")
+      return false;
     const desc = type.description;
-    if (desc === "Comment" || desc === "v-cmt") return true;
+    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);
   }
@@ -170,7 +209,8 @@
   }
   function childrenFromComponentVNode(component, depth) {
     const result = walkInstance(component, depth + 1);
-    if (!result) return [];
+    if (!result)
+      return [];
     return Array.isArray(result) ? result : [result];
   }
   function childrenFromSuspenseVNode(suspense, depth) {
@@ -178,9 +218,11 @@
     return activeBranch ? extractChildrenFromVNode(activeBranch, depth + 1) : [];
   }
   function directTextChild(vnode) {
-    if (typeof vnode.children !== "string" || !vnode.children.trim()) return null;
+    if (typeof vnode.children !== "string" || !vnode.children.trim())
+      return null;
     const vnodeType = vnode.type;
-    if (typeof vnodeType !== "symbol" && typeof vnodeType !== "string") return null;
+    if (typeof vnodeType !== "symbol" && typeof vnodeType !== "string")
+      return null;
     return [textNode(vnode.children.trim())];
   }
   function textChildEntry(child) {
@@ -188,29 +230,43 @@
     return trimmed ? [textNode(trimmed)] : [];
   }
   function domTypedChildEntries(c, depth) {
-    if (isInternalElement(c)) return extractChildrenFromVNode(c, depth + 1);
-    if (typeof c.children === "string" && c.children.trim()) return [textNode(c.children.trim())];
+    if (isInternalElement(c))
+      return extractChildrenFromVNode(c, depth + 1);
+    if (typeof c.children === "string" && c.children.trim())
+      return [textNode(c.children.trim())];
     return extractChildrenFromVNode(c, depth + 1);
   }
   function extractChildEntry(child, depth) {
-    if (!child) return [];
-    if (typeof child === "string") return textChildEntry(child);
-    if (typeof child !== "object") return [];
+    if (!child)
+      return [];
+    if (typeof child === "string")
+      return textChildEntry(child);
+    if (typeof child !== "object")
+      return [];
     const c = child;
-    if (c.component) return childrenFromComponentVNode(c.component, depth);
-    if (typeof c.type === "symbol") return extractChildrenFromVNode(c, depth + 1);
-    if (typeof c.type === "string") return domTypedChildEntries(c, depth);
+    if (c.component)
+      return childrenFromComponentVNode(c.component, depth);
+    if (typeof c.type === "symbol")
+      return extractChildrenFromVNode(c, depth + 1);
+    if (typeof c.type === "string")
+      return domTypedChildEntries(c, depth);
     return extractChildrenFromVNode(c, depth + 1);
   }
   function extractChildrenFromVNode(vnode, depth) {
-    if (!vnode || depth > 50) return [];
-    if (isCommentVNode(vnode)) return [];
-    if (vnode.component) return childrenFromComponentVNode(vnode.component, depth);
-    if (vnode.suspense) return childrenFromSuspenseVNode(vnode.suspense, depth);
+    if (!vnode || depth > 50)
+      return [];
+    if (isCommentVNode(vnode))
+      return [];
+    if (vnode.component)
+      return childrenFromComponentVNode(vnode.component, depth);
+    if (vnode.suspense)
+      return childrenFromSuspenseVNode(vnode.suspense, depth);
     const directText = directTextChild(vnode);
-    if (directText) return directText;
+    if (directText)
+      return directText;
     const kids = vnode.children;
-    if (!Array.isArray(kids)) return [];
+    if (!Array.isArray(kids))
+      return [];
     const result = [];
     for (const child of kids) {
       result.push(...extractChildEntry(child, depth));
@@ -218,50 +274,64 @@
     return result;
   }
   function unwrapCustomComponent(node) {
-    if (node.tagName !== "wrapper") return node;
+    if (node.tagName !== "wrapper")
+      return node;
     const path = node.attrs?.name;
-    if (typeof path !== "string" || !path.startsWith("/")) return node;
+    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;
+    if (!recovered || recovered === "index")
+      return node;
     const nextAttrs = {};
     for (const [k, v] of Object.entries(node.attrs)) {
-      if (k === "name") continue;
+      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;
+    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;
+    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;
+    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;
+    if (sid)
+      node.sid = sid;
     return wrapInShadowRoot(unwrapCustomComponent(node));
   }
 
-  // src/render-host/render-inspect.ts
-  var WXML_MUTATION_DEBOUNCE_MS = 200;
-  var g = globalThis;
-  if (!g.__diminaRenderInspect) {
+  // ../inspect/dist/inspector.js
+  var DEFAULT_DEBOUNCE_MS = 200;
+  function createWxmlInspector(options = {}) {
+    const doc = options.document ?? globalThis.document;
+    const debounceMs = options.debounceMs ?? DEFAULT_DEBOUNCE_MS;
+    const onMutated = options.onMutated;
     const getVueApp = () => {
       try {
-        const body = document.body;
+        const body = doc?.body;
         const app = body?.__vue_app__;
-        if (!app) return null;
-        if (app._instance) return app._instance;
+        if (!app)
+          return null;
+        if (app._instance)
+          return app._instance;
         const container = app._container;
         const vnode = container?._vnode;
         return vnode?.component ?? null;
@@ -271,21 +341,26 @@
     };
     const getWxml = () => {
       const instance = getVueApp();
-      if (!instance) return null;
+      if (!instance)
+        return null;
       const tree = walkInstance(instance, 0);
-      if (!tree) return null;
+      if (!tree)
+        return null;
       return Array.isArray(tree) ? { tagName: "#fragment", attrs: {}, children: tree } : tree;
     };
     const elementFor = (sid) => {
-      if (!sid) return null;
-      return findElementBySid(document, sid);
+      if (!sid)
+        return null;
+      return findElementBySid(doc, sid);
     };
     const highlightElement = (sid) => {
       const el = elementFor(sid);
-      if (!el) return null;
+      if (!el)
+        return null;
       const rect = el.getBoundingClientRect();
       const style = el.ownerDocument.defaultView?.getComputedStyle(el);
-      if (!style) return null;
+      if (!style)
+        return null;
       return {
         sid,
         rect: { x: rect.x, y: rect.y, width: rect.width, height: rect.height },
@@ -301,32 +376,35 @@
         }
       };
     };
-    const unhighlightElement = () => {
-    };
     let observer = null;
     let debounceTimer = null;
     const notifyMutated = () => {
       debounceTimer = null;
-      g.DiminaRenderBridge?.invoke({ type: "wxmlChanged", target: "container", body: {} });
+      onMutated?.();
     };
-    const setWxmlObserving = (on) => {
+    const setObserving = (on) => {
       if (on) {
-        if (observer) return;
+        if (observer)
+          return;
         observer = new MutationObserver(() => {
-          if (debounceTimer !== null) clearTimeout(debounceTimer);
-          debounceTimer = setTimeout(notifyMutated, WXML_MUTATION_DEBOUNCE_MS);
+          if (debounceTimer !== null)
+            clearTimeout(debounceTimer);
+          debounceTimer = setTimeout(notifyMutated, debounceMs);
         });
         const begin = () => {
-          if (!observer || !document.body) return;
-          observer.observe(document.body, {
+          if (!observer || !doc.body)
+            return;
+          observer.observe(doc.body, {
             childList: true,
             subtree: true,
             attributes: true,
             characterData: true
           });
         };
-        if (document.body) begin();
-        else document.addEventListener("DOMContentLoaded", begin, { once: true });
+        if (doc.body)
+          begin();
+        else
+          doc.addEventListener("DOMContentLoaded", begin, { once: true });
       } else {
         if (debounceTimer !== null) {
           clearTimeout(debounceTimer);
@@ -336,6 +414,29 @@
         observer = null;
       }
     };
-    g.__diminaRenderInspect = { getWxml, highlightElement, elementFor, unhighlightElement, setWxmlObserving };
+    return {
+      getWxml,
+      highlightElement,
+      elementFor,
+      setObserving,
+      dispose: () => setObserving(false)
+    };
+  }
+
+  // src/render-host/render-inspect.ts
+  var g = globalThis;
+  if (!g.__diminaRenderInspect) {
+    const inspector = createWxmlInspector({
+      onMutated: () => g.DiminaRenderBridge?.invoke({ type: "wxmlChanged", target: "container", body: {} })
+    });
+    const unhighlightElement = () => {
+    };
+    g.__diminaRenderInspect = {
+      getWxml: inspector.getWxml,
+      highlightElement: inspector.highlightElement,
+      elementFor: inspector.elementFor,
+      unhighlightElement,
+      setWxmlObserving: inspector.setObserving
+    };
   }
 })();