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

package/dist/renderer/assets/{workbenchSettings-C6w5S2ZY.js → workbenchSettings-CtRBr7gS.js}

@@ -1,8 +1,8 @@
-import{S as e,T as t,w as n,x as r}from"./ipc-transport-Ck5Xa8Tu.js";import{t as i}from"./constants-EAMiwL9_.js";import{a,c as o,i as s,r as c,s as l,u}from"./settings-api-DMbMp1Eq.js";var d=t(e(),1),f=t(n(),1),p=r(),m=[{id:`general`,label:`通用`},{id:`debug`,label:`调试`},{id:`mcp`,label:`MCP`}],h={system:`跟随系统`,dark:`深色`,light:`浅色`};function g({checked:e,onClick:t}){return(0,p.jsx)(`button`,{type:`button`,onClick:t,className:`relative inline-flex h-5 w-9 shrink-0 rounded-full transition-colors`,style:{background:e?`var(--color-accent)`:`var(--color-surface-3)`},children:(0,p.jsx)(`span`,{className:`inline-block h-3.5 w-3.5 rounded-full bg-white transition-transform`,style:{marginTop:3,transform:e?`translateX(18px)`:`translateX(3px)`}})})}function _({activeTab:e,onSelect:t}){return(0,p.jsx)(`div`,{className:`flex items-center border-b border-border shrink-0`,children:m.map(n=>(0,p.jsx)(`button`,{className:`flex-1 py-2.5 text-[12px] text-center transition-colors ${e===n.id?`text-accent border-b-2 border-accent`:`text-text-secondary hover:text-text`}`,onClick:()=>t(n.id),children:n.label},n.id))})}function v({theme:e,onSelect:t}){return(0,p.jsx)(`div`,{className:`flex rounded overflow-hidden border border-border text-[11px]`,children:[`system`,`dark`,`light`].map((n,r)=>(0,p.jsx)(`button`,{onClick:()=>t(n),className:[`px-3 py-1 transition-colors`,r>0?`border-l border-border`:``,e===n?`bg-accent text-white`:`text-text-secondary hover:text-text hover:bg-surface-3`].join(` `),children:h[n]},n))})}function y({autoBuildEnabled:e,onAutoBuildChange:t,autoReloadEnabled:n,onAutoReloadChange:r,theme:i,onThemeChange:a,saved:o}){return(0,p.jsxs)(`div`,{className:`space-y-4`,children:[(0,p.jsxs)(`section`,{className:`rounded-lg border border-border p-4 space-y-4 bg-bg`,children:[(0,p.jsxs)(`div`,{children:[(0,p.jsx)(`h2`,{className:`text-[13px] font-medium mb-1`,children:`编译与预览`}),(0,p.jsx)(`p`,{className:`text-[11px] leading-relaxed text-text-secondary`,children:`开启「自动编译」后，打开项目时会监听源文件改动并自动重新编译。开启「自动刷新」后，每次编译完成会刷新模拟器；关闭它可保留当前页面栈与表单状态，仅手动刷新。配置在下次打开项目时生效。`})]}),(0,p.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,p.jsx)(`span`,{className:`text-[12px] text-text-secondary`,children:`监听文件变化自动编译`}),(0,p.jsx)(g,{checked:e,onClick:()=>t(!e)})]}),(0,p.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,p.jsx)(`span`,{className:`text-[12px] text-text-secondary`,children:`编译完成后自动刷新模拟器`}),(0,p.jsx)(g,{checked:n,onClick:()=>r(!n)})]})]}),(0,p.jsxs)(`section`,{className:`rounded-lg border border-border p-4 space-y-3 bg-bg`,children:[(0,p.jsx)(`div`,{children:(0,p.jsx)(`h2`,{className:`text-[13px] font-medium mb-1`,children:`外观`})}),(0,p.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,p.jsx)(`span`,{className:`text-[12px] text-text-secondary`,children:`颜色模式`}),(0,p.jsx)(v,{theme:i,onSelect:a})]})]}),o&&(0,p.jsx)(`div`,{className:`text-[11px] text-status-success`,children:`已保存`})]})}function b({cdpStatus:e}){return(0,p.jsxs)(`div`,{className:`rounded p-3 space-y-2 border border-border bg-surface`,children:[(0,p.jsx)(`div`,{className:`text-[11px] font-medium text-text-secondary`,children:`当前状态`}),(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,p.jsx)(`span`,{className:`inline-block w-2 h-2 rounded-full`,style:{background:e?.active?`var(--color-status-success)`:`var(--color-text-dim)`}}),(0,p.jsx)(`span`,{className:`text-[12px] text-text-secondary`,children:e?.active?`CDP 已激活 - 端口 ${e.activePort}`:`CDP 未激活`})]}),e?.implicitDevDefault&&(0,p.jsx)(`div`,{className:`text-[11px] text-text-dim`,children:`当前为开发模式默认端口`}),e?.active&&(0,p.jsxs)(`div`,{className:`text-[11px] text-text-dim font-mono`,children:[`调试地址: http://localhost:`,e.activePort]})]})}function x(e,t){return!e||e.implicitDevDefault?!1:t.enabled===e.active?t.enabled&&e.active&&t.port!==e.activePort:!0}function S({cdpEnabled:e,onToggleCdp:t,portInput:n,onPortInputChange:r,cdpStatus:a,needsRestart:o,onSave:s,saved:c}){return(0,p.jsxs)(`section`,{className:`rounded-lg border border-border p-4 space-y-4 bg-bg`,children:[(0,p.jsxs)(`div`,{children:[(0,p.jsx)(`h2`,{className:`text-[13px] font-medium mb-1`,children:`DevTools Protocol`}),(0,p.jsx)(`p`,{className:`text-[11px] leading-relaxed text-text-secondary`,children:`开启后可通过 DevTools Protocol 连接调试模拟器。配置变更需要重启应用后生效。`})]}),(0,p.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,p.jsx)(`span`,{className:`text-[12px] text-text-secondary`,children:`启用 DevTools Protocol`}),(0,p.jsx)(g,{checked:e,onClick:t})]}),(0,p.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,p.jsx)(`label`,{className:`text-[12px] shrink-0 w-16 text-text-secondary`,children:`调试端口`}),(0,p.jsx)(`input`,{type:`number`,min:1024,max:65535,value:n,onChange:e=>r(e.target.value),disabled:!e,className:`w-24 h-7 px-2 rounded text-[12px] outline-none bg-surface border border-border text-text`,style:{opacity:e?1:.4}}),(0,p.jsxs)(`span`,{className:`text-[11px] text-text-dim`,children:[`默认 `,i]})]}),(0,p.jsx)(b,{cdpStatus:a}),o&&(0,p.jsx)(`div`,{className:`rounded px-3 py-2 text-[12px] border bg-warn-bg text-[var(--color-status-warn)]`,children:`配置已变更，需要重启应用后生效`}),(0,p.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,p.jsx)(`button`,{onClick:s,className:`h-7 px-4 rounded text-[13px] font-medium text-white bg-accent hover:bg-accent-hover`,children:`保存`}),c&&(0,p.jsx)(`span`,{className:`text-[11px] text-status-success`,children:`已保存`})]})]})}function C({color:e,children:t}){return(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,p.jsx)(`span`,{className:`inline-block w-2 h-2 rounded-full`,style:{background:e}}),(0,p.jsx)(`span`,{className:`text-[12px] text-text-secondary`,children:t})]})}function w({mcpEnabled:e,mcpStatus:t}){return(0,p.jsxs)(`div`,{className:`rounded p-3 space-y-2 border border-border bg-surface`,children:[(0,p.jsx)(`div`,{className:`text-[11px] font-medium text-text-secondary`,children:`当前状态`}),e?t?.running?(0,p.jsxs)(C,{color:`var(--color-status-success)`,children:[`MCP 已运行 - 端口 `,t.activePort]}):(0,p.jsxs)(C,{color:`var(--color-status-error, #e54d4d)`,children:[`MCP 未运行`,t?.error===`port-in-use`?`（端口 ${t.configuredPort} 已被占用）`:t?.error?`（${t.error}）`:``]}):(0,p.jsx)(C,{color:`var(--color-text-dim)`,children:`MCP 未启用`})]})}function T({mcpEnabled:e,onToggleMcp:t,mcpPortInput:n,onMcpPortInputChange:r,mcpStatus:i,mcpPort:a,onSave:o,saved:s}){return(0,p.jsxs)(`section`,{className:`rounded-lg border border-border p-4 space-y-4 bg-bg`,children:[(0,p.jsxs)(`div`,{children:[(0,p.jsx)(`h2`,{className:`text-[13px] font-medium mb-1`,children:`MCP 配置`}),(0,p.jsx)(`p`,{className:`text-[11px] leading-relaxed text-text-secondary`,children:`AI 助手可以通过 MCP 连接当前开发工具，读取 console、截图、执行 JS、查看 DOM / Storage / 网络请求。启用后开发工具启动时会自动监听 SSE 端点，并自动启用 CDP。`})]}),(0,p.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,p.jsx)(`span`,{className:`text-[12px] text-text-secondary`,children:`启用 MCP 服务`}),(0,p.jsx)(g,{checked:e,onClick:t})]}),(0,p.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,p.jsx)(`label`,{className:`text-[12px] shrink-0 w-16 text-text-secondary`,children:`SSE 端口`}),(0,p.jsx)(`input`,{type:`number`,min:1024,max:65535,value:n,onChange:e=>r(e.target.value),disabled:!e,className:`w-24 h-7 px-2 rounded text-[12px] outline-none bg-surface border border-border text-text`,style:{opacity:e?1:.4}}),(0,p.jsx)(`span`,{className:`text-[11px] text-text-dim`,children:`默认 7789`})]}),(0,p.jsx)(w,{mcpEnabled:e,mcpStatus:i}),(0,p.jsxs)(`div`,{className:`rounded p-3 border border-border bg-surface`,children:[(0,p.jsx)(`div`,{className:`text-[11px] font-medium mb-2 text-text-secondary`,children:"`.mcp.json` 示例（SSE 传输）"}),(0,p.jsx)(`pre`,{className:`text-[11px] whitespace-pre-wrap leading-relaxed text-[var(--color-code-blue)] font-mono`,children:`{
+import{S as e,T as t,w as n,x as r}from"./ipc-transport-SuI2rOB_.js";import{t as i}from"./constants-EAMiwL9_.js";import{a,c as o,i as s,r as c,s as l,u}from"./settings-api-HIBz8BFz.js";var d=t(e(),1),f=t(n(),1),p=r(),m=[{id:`general`,label:`通用`},{id:`debug`,label:`调试`},{id:`mcp`,label:`MCP`}],h={system:`跟随系统`,dark:`深色`,light:`浅色`};function g({checked:e,onClick:t}){return(0,p.jsx)(`button`,{type:`button`,onClick:t,className:`relative inline-flex h-5 w-9 shrink-0 rounded-full transition-colors`,style:{background:e?`var(--color-accent)`:`var(--color-surface-3)`},children:(0,p.jsx)(`span`,{className:`inline-block h-3.5 w-3.5 rounded-full bg-white transition-transform`,style:{marginTop:3,transform:e?`translateX(18px)`:`translateX(3px)`}})})}function _({activeTab:e,onSelect:t}){return(0,p.jsx)(`div`,{className:`flex items-center border-b border-border shrink-0`,children:m.map(n=>(0,p.jsx)(`button`,{className:`flex-1 py-2.5 text-[12px] text-center transition-colors ${e===n.id?`text-accent border-b-2 border-accent`:`text-text-secondary hover:text-text`}`,onClick:()=>t(n.id),children:n.label},n.id))})}function v({theme:e,onSelect:t}){return(0,p.jsx)(`div`,{className:`flex rounded overflow-hidden border border-border text-[11px]`,children:[`system`,`dark`,`light`].map((n,r)=>(0,p.jsx)(`button`,{onClick:()=>t(n),className:[`px-3 py-1 transition-colors`,r>0?`border-l border-border`:``,e===n?`bg-accent text-white`:`text-text-secondary hover:text-text hover:bg-surface-3`].join(` `),children:h[n]},n))})}function y({autoBuildEnabled:e,onAutoBuildChange:t,autoReloadEnabled:n,onAutoReloadChange:r,theme:i,onThemeChange:a,saved:o}){return(0,p.jsxs)(`div`,{className:`space-y-4`,children:[(0,p.jsxs)(`section`,{className:`rounded-lg border border-border p-4 space-y-4 bg-bg`,children:[(0,p.jsxs)(`div`,{children:[(0,p.jsx)(`h2`,{className:`text-[13px] font-medium mb-1`,children:`编译与预览`}),(0,p.jsx)(`p`,{className:`text-[11px] leading-relaxed text-text-secondary`,children:`开启「自动编译」后，打开项目时会监听源文件改动并自动重新编译。开启「自动刷新」后，每次编译完成会刷新模拟器；关闭它可保留当前页面栈与表单状态，仅手动刷新。配置在下次打开项目时生效。`})]}),(0,p.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,p.jsx)(`span`,{className:`text-[12px] text-text-secondary`,children:`监听文件变化自动编译`}),(0,p.jsx)(g,{checked:e,onClick:()=>t(!e)})]}),(0,p.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,p.jsx)(`span`,{className:`text-[12px] text-text-secondary`,children:`编译完成后自动刷新模拟器`}),(0,p.jsx)(g,{checked:n,onClick:()=>r(!n)})]})]}),(0,p.jsxs)(`section`,{className:`rounded-lg border border-border p-4 space-y-3 bg-bg`,children:[(0,p.jsx)(`div`,{children:(0,p.jsx)(`h2`,{className:`text-[13px] font-medium mb-1`,children:`外观`})}),(0,p.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,p.jsx)(`span`,{className:`text-[12px] text-text-secondary`,children:`颜色模式`}),(0,p.jsx)(v,{theme:i,onSelect:a})]})]}),o&&(0,p.jsx)(`div`,{className:`text-[11px] text-status-success`,children:`已保存`})]})}function b({cdpStatus:e}){return(0,p.jsxs)(`div`,{className:`rounded p-3 space-y-2 border border-border bg-surface`,children:[(0,p.jsx)(`div`,{className:`text-[11px] font-medium text-text-secondary`,children:`当前状态`}),(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,p.jsx)(`span`,{className:`inline-block w-2 h-2 rounded-full`,style:{background:e?.active?`var(--color-status-success)`:`var(--color-text-dim)`}}),(0,p.jsx)(`span`,{className:`text-[12px] text-text-secondary`,children:e?.active?`CDP 已激活 - 端口 ${e.activePort}`:`CDP 未激活`})]}),e?.implicitDevDefault&&(0,p.jsx)(`div`,{className:`text-[11px] text-text-dim`,children:`当前为开发模式默认端口`}),e?.active&&(0,p.jsxs)(`div`,{className:`text-[11px] text-text-dim font-mono`,children:[`调试地址: http://localhost:`,e.activePort]})]})}function x(e,t){return!e||e.implicitDevDefault?!1:t.enabled===e.active?t.enabled&&e.active&&t.port!==e.activePort:!0}function S({cdpEnabled:e,onToggleCdp:t,portInput:n,onPortInputChange:r,cdpStatus:a,needsRestart:o,onSave:s,saved:c}){return(0,p.jsxs)(`section`,{className:`rounded-lg border border-border p-4 space-y-4 bg-bg`,children:[(0,p.jsxs)(`div`,{children:[(0,p.jsx)(`h2`,{className:`text-[13px] font-medium mb-1`,children:`DevTools Protocol`}),(0,p.jsx)(`p`,{className:`text-[11px] leading-relaxed text-text-secondary`,children:`开启后可通过 DevTools Protocol 连接调试模拟器。配置变更需要重启应用后生效。`})]}),(0,p.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,p.jsx)(`span`,{className:`text-[12px] text-text-secondary`,children:`启用 DevTools Protocol`}),(0,p.jsx)(g,{checked:e,onClick:t})]}),(0,p.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,p.jsx)(`label`,{className:`text-[12px] shrink-0 w-16 text-text-secondary`,children:`调试端口`}),(0,p.jsx)(`input`,{type:`number`,min:1024,max:65535,value:n,onChange:e=>r(e.target.value),disabled:!e,className:`w-24 h-7 px-2 rounded text-[12px] outline-none bg-surface border border-border text-text`,style:{opacity:e?1:.4}}),(0,p.jsxs)(`span`,{className:`text-[11px] text-text-dim`,children:[`默认 `,i]})]}),(0,p.jsx)(b,{cdpStatus:a}),o&&(0,p.jsx)(`div`,{className:`rounded px-3 py-2 text-[12px] border bg-warn-bg text-[var(--color-status-warn)]`,children:`配置已变更，需要重启应用后生效`}),(0,p.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,p.jsx)(`button`,{onClick:s,className:`h-7 px-4 rounded text-[13px] font-medium text-white bg-accent hover:bg-accent-hover`,children:`保存`}),c&&(0,p.jsx)(`span`,{className:`text-[11px] text-status-success`,children:`已保存`})]})]})}function C({color:e,children:t}){return(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,p.jsx)(`span`,{className:`inline-block w-2 h-2 rounded-full`,style:{background:e}}),(0,p.jsx)(`span`,{className:`text-[12px] text-text-secondary`,children:t})]})}function w({mcpEnabled:e,mcpStatus:t}){return(0,p.jsxs)(`div`,{className:`rounded p-3 space-y-2 border border-border bg-surface`,children:[(0,p.jsx)(`div`,{className:`text-[11px] font-medium text-text-secondary`,children:`当前状态`}),e?t?.running?(0,p.jsxs)(C,{color:`var(--color-status-success)`,children:[`MCP 已运行 - 端口 `,t.activePort]}):(0,p.jsxs)(C,{color:`var(--color-status-error, #e54d4d)`,children:[`MCP 未运行`,t?.error===`port-in-use`?`（端口 ${t.configuredPort} 已被占用）`:t?.error?`（${t.error}）`:``]}):(0,p.jsx)(C,{color:`var(--color-text-dim)`,children:`MCP 未启用`})]})}function T({mcpEnabled:e,onToggleMcp:t,mcpPortInput:n,onMcpPortInputChange:r,mcpStatus:i,mcpPort:a,onSave:o,saved:s}){return(0,p.jsxs)(`section`,{className:`rounded-lg border border-border p-4 space-y-4 bg-bg`,children:[(0,p.jsxs)(`div`,{children:[(0,p.jsx)(`h2`,{className:`text-[13px] font-medium mb-1`,children:`MCP 配置`}),(0,p.jsx)(`p`,{className:`text-[11px] leading-relaxed text-text-secondary`,children:`AI 助手可以通过 MCP 连接当前开发工具，读取 console、截图、执行 JS、查看 DOM / Storage / 网络请求。启用后开发工具启动时会自动监听 SSE 端点，并自动启用 CDP。`})]}),(0,p.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,p.jsx)(`span`,{className:`text-[12px] text-text-secondary`,children:`启用 MCP 服务`}),(0,p.jsx)(g,{checked:e,onClick:t})]}),(0,p.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,p.jsx)(`label`,{className:`text-[12px] shrink-0 w-16 text-text-secondary`,children:`SSE 端口`}),(0,p.jsx)(`input`,{type:`number`,min:1024,max:65535,value:n,onChange:e=>r(e.target.value),disabled:!e,className:`w-24 h-7 px-2 rounded text-[12px] outline-none bg-surface border border-border text-text`,style:{opacity:e?1:.4}}),(0,p.jsx)(`span`,{className:`text-[11px] text-text-dim`,children:`默认 7789`})]}),(0,p.jsx)(w,{mcpEnabled:e,mcpStatus:i}),(0,p.jsxs)(`div`,{className:`rounded p-3 border border-border bg-surface`,children:[(0,p.jsx)(`div`,{className:`text-[11px] font-medium mb-2 text-text-secondary`,children:"`.mcp.json` 示例（SSE 传输）"}),(0,p.jsx)(`pre`,{className:`text-[11px] whitespace-pre-wrap leading-relaxed text-[var(--color-code-blue)] font-mono`,children:`{
   "mcpServers": {
     "dimina-devtools": {
       "url": "http://127.0.0.1:${a}/sse"
     }
   }
 }`})]}),(0,p.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,p.jsx)(`button`,{onClick:o,className:`h-7 px-4 rounded text-[13px] font-medium text-white bg-accent hover:bg-accent-hover`,children:`保存`}),s&&(0,p.jsx)(`span`,{className:`text-[11px] text-status-success`,children:`已保存`})]})]})}function E(){let[e,t]=(0,f.useState)({cdp:{enabled:!1,port:i},mcp:{enabled:!1,port:7789},compile:{autoBuild:!0},preview:{autoReload:!0},theme:`system`,lastCreateBaseDir:null}),[n,r]=(0,f.useState)(null),[d,m]=(0,f.useState)(null),[h,g]=(0,f.useState)(`general`),[v,b]=(0,f.useState)(!1),[C,w]=(0,f.useState)(String(i)),[E,D]=(0,f.useState)(`7789`);(0,f.useEffect)(()=>{let e=l(e=>{t(e.settings),w(String(e.settings.cdp.port)),D(String(e.settings.mcp.port))});return a().then(e=>{t(e),w(String(e.cdp.port)),D(String(e.mcp.port))}),c().then(r),s().then(m),e},[]);function O(){b(!0),window.setTimeout(()=>b(!1),2e3)}function k(){t(e=>({...e,cdp:{...e.cdp,enabled:!e.cdp.enabled}}))}function A(){t(e=>({...e,mcp:{...e.mcp,enabled:!e.mcp.enabled}}))}function j(n){let r={...e,theme:n};t(r),u(n),o(r)}function M(e){t(e),o(e).then(O)}async function N(){let n=parseInt(C,10);if(Number.isNaN(n)||n<1024||n>65535)return;let i=parseInt(E,10);if(Number.isNaN(i)||i<1024||i>65535)return;let a={...e,cdp:{...e.cdp,port:n},mcp:{...e.mcp,port:i}};t(a),await o(a),r(await c()),m(await s()),O()}let P=x(n,e.cdp);return(0,p.jsxs)(`div`,{className:`flex flex-col h-screen bg-surface text-text`,children:[(0,p.jsx)(_,{activeTab:h,onSelect:g}),(0,p.jsxs)(`div`,{className:`flex-1 overflow-y-auto p-4`,children:[h===`general`&&(0,p.jsx)(y,{autoBuildEnabled:e.compile.autoBuild,onAutoBuildChange:t=>M({...e,compile:{...e.compile,autoBuild:t}}),autoReloadEnabled:e.preview.autoReload,onAutoReloadChange:t=>M({...e,preview:{...e.preview,autoReload:t}}),theme:e.theme,onThemeChange:j,saved:v}),h===`debug`&&(0,p.jsx)(S,{cdpEnabled:e.cdp.enabled,onToggleCdp:k,portInput:C,onPortInputChange:w,cdpStatus:n,needsRestart:P,onSave:N,saved:v}),h===`mcp`&&(0,p.jsx)(T,{mcpEnabled:e.mcp.enabled,onToggleMcp:A,mcpPortInput:E,onMcpPortInputChange:D,mcpStatus:d,mcpPort:e.mcp.port,onSave:N,saved:v})]})]})}d.createRoot(document.getElementById(`root`)).render((0,p.jsx)(E,{}));
-//# sourceMappingURL=workbenchSettings-C6w5S2ZY.js.map
+//# sourceMappingURL=workbenchSettings-CtRBr7gS.js.map

package/dist/renderer/entries/main/index.html

@@ -26,13 +26,13 @@
       overflow: hidden;
     }
   </style>
-  <script type="module" crossorigin src="../../assets/index-BjCKGJDg.js"></script>
-  <link rel="modulepreload" crossorigin href="../../assets/ipc-transport-Ck5Xa8Tu.js">
-  <link rel="modulepreload" crossorigin href="../../assets/input-CTb_le7F.js">
-  <link rel="modulepreload" crossorigin href="../../assets/select-ozSk5Pt6.js">
-  <link rel="modulepreload" crossorigin href="../../assets/settings-api-DMbMp1Eq.js">
+  <script type="module" crossorigin src="../../assets/index-WbvXdhWQ.js"></script>
+  <link rel="modulepreload" crossorigin href="../../assets/ipc-transport-SuI2rOB_.js">
+  <link rel="modulepreload" crossorigin href="../../assets/input-COtRON-n.js">
+  <link rel="modulepreload" crossorigin href="../../assets/select-Bwb8O0Mf.js">
+  <link rel="modulepreload" crossorigin href="../../assets/settings-api-HIBz8BFz.js">
   <link rel="modulepreload" crossorigin href="../../assets/constants-EAMiwL9_.js">
-  <link rel="stylesheet" crossorigin href="../../assets/ipc-transport-BPWIV5hA.css">
+  <link rel="stylesheet" crossorigin href="../../assets/ipc-transport-CNvORIEX.css">
 </head>
 <body>
   <div id="root"></div>

package/dist/renderer/entries/popover/index.html

@@ -8,12 +8,12 @@
   <style>
     html, body { margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; background: transparent !important; }
   </style>
-  <script type="module" crossorigin src="../../assets/popover-B1Zu2UQu.js"></script>
-  <link rel="modulepreload" crossorigin href="../../assets/ipc-transport-Ck5Xa8Tu.js">
-  <link rel="modulepreload" crossorigin href="../../assets/input-CTb_le7F.js">
-  <link rel="modulepreload" crossorigin href="../../assets/select-ozSk5Pt6.js">
+  <script type="module" crossorigin src="../../assets/popover-B73T3z-m.js"></script>
+  <link rel="modulepreload" crossorigin href="../../assets/ipc-transport-SuI2rOB_.js">
+  <link rel="modulepreload" crossorigin href="../../assets/input-COtRON-n.js">
+  <link rel="modulepreload" crossorigin href="../../assets/select-Bwb8O0Mf.js">
   <link rel="modulepreload" crossorigin href="../../assets/constants-EAMiwL9_.js">
-  <link rel="stylesheet" crossorigin href="../../assets/ipc-transport-BPWIV5hA.css">
+  <link rel="stylesheet" crossorigin href="../../assets/ipc-transport-CNvORIEX.css">
 </head>
 <body>
   <div id="root"></div>

package/dist/renderer/entries/settings/index.html

@@ -11,11 +11,11 @@
        closes the overlay — mirrors the popover entry. */
     html, body { margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; background: transparent !important; }
   </style>
-  <script type="module" crossorigin src="../../assets/settings-CNwGOI22.js"></script>
-  <link rel="modulepreload" crossorigin href="../../assets/ipc-transport-Ck5Xa8Tu.js">
-  <link rel="modulepreload" crossorigin href="../../assets/input-CTb_le7F.js">
-  <link rel="modulepreload" crossorigin href="../../assets/settings-api-DMbMp1Eq.js">
-  <link rel="stylesheet" crossorigin href="../../assets/ipc-transport-BPWIV5hA.css">
+  <script type="module" crossorigin src="../../assets/settings-BispnvJU.js"></script>
+  <link rel="modulepreload" crossorigin href="../../assets/ipc-transport-SuI2rOB_.js">
+  <link rel="modulepreload" crossorigin href="../../assets/input-COtRON-n.js">
+  <link rel="modulepreload" crossorigin href="../../assets/settings-api-HIBz8BFz.js">
+  <link rel="stylesheet" crossorigin href="../../assets/ipc-transport-CNvORIEX.css">
 </head>
 <body>
   <div id="root"></div>

package/dist/renderer/entries/workbench-settings/index.html

@@ -6,11 +6,11 @@
     <!-- See entries/main/index.html for CSP rationale. -->
     <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' 'unsafe-inline' 'unsafe-eval'; style-src 'self' 'unsafe-inline'; img-src 'self' data: blob: http: https:; font-src 'self' data:; media-src 'self' blob: http: https:; connect-src 'self' http: https: ws: wss:;" />
     <title>开发工具设置</title>
-    <script type="module" crossorigin src="../../assets/workbenchSettings-C6w5S2ZY.js"></script>
-    <link rel="modulepreload" crossorigin href="../../assets/ipc-transport-Ck5Xa8Tu.js">
-    <link rel="modulepreload" crossorigin href="../../assets/settings-api-DMbMp1Eq.js">
+    <script type="module" crossorigin src="../../assets/workbenchSettings-CtRBr7gS.js"></script>
+    <link rel="modulepreload" crossorigin href="../../assets/ipc-transport-SuI2rOB_.js">
+    <link rel="modulepreload" crossorigin href="../../assets/settings-api-HIBz8BFz.js">
     <link rel="modulepreload" crossorigin href="../../assets/constants-EAMiwL9_.js">
-    <link rel="stylesheet" crossorigin href="../../assets/ipc-transport-BPWIV5hA.css">
+    <link rel="stylesheet" crossorigin href="../../assets/ipc-transport-CNvORIEX.css">
   </head>
   <body>
     <div id="root"></div>

package/dist/shared/ipc-channels.d.ts

@@ -67,31 +67,7 @@ export declare const SimulatorStorageChannel: {
     readonly ClearAll: "simulator:storage:clearAll";
     readonly Event: "simulator:storage:event";
 };
-export interface StorageItem {
-    key: string;
-    value: string;
-}
-export type StorageEvent = {
-    type: 'added';
-    key: string;
-    newValue: string;
-} | {
-    type: 'updated';
-    key: string;
-    oldValue: string;
-    newValue: string;
-} | {
-    type: 'removed';
-    key: string;
-} | {
-    type: 'cleared';
-};
-export type StorageWriteResult = {
-    ok: true;
-} | {
-    ok: false;
-    error: string;
-};
+export type { StorageEvent, StorageItem, StorageWriteResult } from '@dimina-kit/inspect';
 /**
  * A storage mutation reported by the service-host's SYNC wx storage APIs
  * (`setStorageSync`/`removeStorageSync`/`clearStorageSync`). Those run inside the
@@ -126,25 +102,7 @@ export declare const SimulatorAppDataChannel: {
     readonly GetSnapshot: "simulator:appdata:snapshot";
     readonly Event: "simulator:appdata:event";
 };
-export interface ElementInspection {
-    sid: string;
-    rect: {
-        x: number;
-        y: number;
-        width: number;
-        height: number;
-    };
-    style: {
-        display: string;
-        position: string;
-        boxSizing: string;
-        margin: string;
-        padding: string;
-        color: string;
-        backgroundColor: string;
-        fontSize: string;
-    };
-}
+export type { ElementInspection } from '@dimina-kit/inspect';
 export declare const WorkbenchSettingsChannel: {
     readonly Get: "workbenchSettings:get";
     readonly Save: "workbenchSettings:save";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dimina-kit/devtools",
-  "version": "0.4.0-dev.20260710085051",
+  "version": "0.4.0-dev.20260711062001",
   "description": "Dimina DevTools - modular developer tools for mini app debugging",
   "keywords": [
     "dimina",
@@ -85,9 +85,10 @@
     "chrome-remote-interface": "^0.34.0",
     "ws": "^8.20.0",
     "zod": "^4.3.6",
-    "@dimina-kit/devkit": "0.1.2-dev.20260710085051",
-    "@dimina-kit/electron-deck": "0.1.0-dev.20260710085051",
-    "@dimina-kit/view-anchor": "0.1.0-dev.20260710085051"
+    "@dimina-kit/devkit": "0.1.2-dev.20260711062001",
+    "@dimina-kit/view-anchor": "0.1.0-dev.20260711062001",
+    "@dimina-kit/electron-deck": "0.1.0-dev.20260711062001",
+    "@dimina-kit/inspect": "0.3.0"
   },
   "devDependencies": {
     "@playwright/test": "^1.59.1",

package/dist/preload/instrumentation/wxml-extract.d.ts

@@ -1,11 +0,0 @@
-import { type WxmlNode } from '../shared/sid-registry.js';
-export interface ComponentInstance extends Record<string, unknown> {
-    type?: Record<string, unknown>;
-    props?: Record<string, unknown>;
-    attrs?: Record<string, unknown>;
-    parent?: Record<string, unknown>;
-    appContext?: Record<string, unknown>;
-    subTree?: Record<string, unknown>;
-}
-export declare function walkInstance(instance: ComponentInstance, depth: number): WxmlNode | WxmlNode[] | null;
-//# sourceMappingURL=wxml-extract.d.ts.map

package/dist/preload/instrumentation/wxml-extract.js

@@ -1,382 +0,0 @@
-import { registerSyntheticSid } from '../shared/sid-registry.js';
-const INTERNAL_CLASSES = 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',
-]);
-const FRAMEWORK_TEMPLATE_RE = /^(taro_tmpl|tmpl_\d+)/;
-/**
- * Strip the `dd-` registration prefix and the `tpl-` prefix dimina adds to
- * compiled template components (`app.component('dd-tpl-taro_tmpl', …)`), so a
- * framework template wrapper normalizes to its bare name (`taro_tmpl`,
- * `tmpl_0_3`) and `FRAMEWORK_TEMPLATE_RE` recognizes it.
- */
-function normalizeRegisteredName(regName) {
-    const base = regName.startsWith('dd-') ? regName.slice(3) : regName;
-    return base.startsWith('tpl-') ? base.slice(4) : base;
-}
-function resolveTemplateNameFromParent(instance) {
-    const parent = instance.parent;
-    const parentType = parent?.type;
-    const components = parentType?.components;
-    if (components) {
-        for (const [regName, comp] of Object.entries(components)) {
-            if (comp === instance.type)
-                return normalizeRegisteredName(regName);
-        }
-    }
-    const appComponents = instance.appContext?.components;
-    if (!appComponents)
-        return null;
-    for (const [regName, comp] of Object.entries(appComponents)) {
-        if (comp === instance.type)
-            return normalizeRegisteredName(regName);
-    }
-    return null;
-}
-/**
- * Convert a PascalCase / camelCase identifier to kebab-case. Matches the
- * upstream `camelCaseToUnderscore` (dimina/fe/packages/common) so a name
- * already normalized by `withInstall` round-trips identically.
- * `View` -> `view`, `ScrollView` -> `scroll-view`, `CoverImage` -> `cover-image`.
- */
-function pascalToKebab(name) {
-    return name.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
-}
-/**
- * Read the page's source path off Vue's provide/inject. dimina runtime.js 在
- * dd-page 的 setup() 里调用 `provide('path', path)`，Vue 把它存到
- * `instance.provides`。我们利用这个把页面节点的 tagName 从硬编码 `page`
- * 升级为页面全路径（如 `pages/index/index`），对齐微信开发者工具。
- */
-function resolvePagePath(instance) {
-    // dimina runtime 在 dd-page 的 setup 里 `instance.proxy.__page__ = true` 并
-    // `provide('path', path)`。两个标记同时具备才视为页面层级，避免 dd-page
-    // 的子节点继承 provides.path 后被误判（Vue 用 Object.create 链式 provides）。
-    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;
-}
-/**
- * A NATIVE dimina custom component (a `usingComponents` entry) calls
- * `provide('path', componentPath)` in its setup (render runtime), so its
- * provided `path` DIFFERS from its parent's. A plain descendant inherits the
- * same provides object (identical `path`) and is not a boundary; a Taro template
- * wrapper (`dd-tpl-*`) never provides, so it never differs either. Comparing
- * against the parent's provided path therefore isolates exactly the native
- * component roots — matching WeChat, which shows each custom component as a node
- * tagged with its full registered path (with a synthetic `#shadow-root` added by
- * `wrapInShadowRoot` since the path contains `/`). Pages are handled earlier via
- * their authoritative `__page__` marker, so this only fires for components.
- */
-function resolveComponentPath(instance) {
-    const provides = instance.provides;
-    const path = provides?.path;
-    if (typeof path !== 'string' || !path)
-        return null;
-    const parent = instance.parent;
-    const parentProvides = parent?.provides;
-    if (path === parentProvides?.path)
-        return null;
-    return path.startsWith('/') ? path.slice(1) : path;
-}
-function resolveTagName(instance) {
-    const type = instance.type;
-    if (!type)
-        return 'unknown';
-    // 页面层级优先：dd-page 没有 __tagName/__name，且 home 页等无 usingComponents
-    // 的页面 type.components 为 undefined，会落到 resolveTemplateNameFromParent
-    // 回到 'page'。在那之前直接用 provide('path') 的路径升级 tag 名。
-    const pagePath = resolvePagePath(instance);
-    if (pagePath)
-        return pagePath;
-    // Native custom-component boundary → tag with its full registered path (WeChat
-    // parity). Must precede the __tagName/__name/dd- shortening below, which would
-    // otherwise collapse `dd-foo` to the bare `foo` and lose the path.
-    const componentPath = resolveComponentPath(instance);
-    if (componentPath)
-        return componentPath;
-    if (typeof type.__tagName === 'string')
-        return type.__tagName;
-    const name = (type.__name || type.name);
-    if (!name) {
-        // A nameless component carrying a `__scopeId` is a compiled page, custom
-        // component, or framework template wrapper. The page is already resolved
-        // above via its authoritative `__page__` marker, so by here it is NOT a
-        // page — recover the registered tag (e.g. a Taro `taro_tmpl`/`tmpl_0_3`
-        // wrapper) and fall back to `template`. Defaulting to `page` here would
-        // mislabel every such wrapper as a second page root.
-        if (type.__scopeId)
-            return resolveTemplateNameFromParent(instance) || 'template';
-        return 'unknown';
-    }
-    if (name === 'dd-page')
-        return 'page';
-    if (name.startsWith('dd-'))
-        return name.slice(3);
-    // Reverse-map Dimina component names back to their miniprogram tag names.
-    // The installer (`withInstall`) sets `__tagName = camelCaseToUnderscore(__name)`,
-    // but in dev builds, custom registrations, or when the installer hasn't run,
-    // we may only see the raw `__name`/`name` (e.g. `View`, `ScrollView`, `DdButton`).
-    // Without this fallback the WXML panel would surface the upstream Vue name
-    // verbatim, defeating the panel's purpose of showing source-level tags.
-    if (name.startsWith('Dd') && name.length > 2)
-        return pascalToKebab(name.slice(2));
-    if (/^[A-Z]/.test(name))
-        return pascalToKebab(name);
-    return name;
-}
-/** Props/attrs entries that never surface in the WXML panel (internal Vue plumbing, falsy booleans). */
-function isSkippedProp(key, value) {
-    if (typeof value === 'function' || value === undefined)
-        return true;
-    if (key === 'data' || key.startsWith('__'))
-        return true;
-    return typeof value === 'boolean' && !value;
-}
-/** Drop the `dd-` internal-marker classes so the panel shows only user-authored classes. */
-function cleanClassAttr(value) {
-    return value.split(/\s+/).filter((c) => !c.startsWith('dd-')).join(' ');
-}
-function stringifyPropValue(value) {
-    return typeof value === 'object' ? JSON.stringify(value) : String(value);
-}
-function assignProp(out, key, value) {
-    if (isSkippedProp(key, value))
-        return;
-    if (key === 'class' && typeof value === 'string') {
-        const cleaned = cleanClassAttr(value);
-        if (cleaned)
-            out[key] = cleaned;
-        return;
-    }
-    out[key] = stringifyPropValue(value);
-}
-function extractProps(instance) {
-    const out = {};
-    for (const raw of [instance.props, instance.attrs]) {
-        if (!raw)
-            continue;
-        for (const [k, v] of Object.entries(raw)) {
-            assignProp(out, k, 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 undefined;
-    const sid = el.getAttribute('data-sid');
-    if (sid)
-        return sid;
-    return registerSyntheticSid(el);
-}
-function isTransparentComponent(instance, tagName) {
-    if (tagName === 'unknown')
-        return true;
-    // A framework template wrapper (Taro `taro_tmpl` / `tmpl_0_3`, whether named
-    // via `props.is` or recovered from its registration) is compiler scaffolding,
-    // not user content — pass its children straight through.
-    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) {
-            const type = instance.type;
-            if (type?.__scopeId && !type.components)
-                return true;
-        }
-    }
-    return false;
-}
-/**
- * 检测 Vue 的 Comment vnode（`v-if`/`v-else`/`v-for` 占位锚点）。
- * Vue 在条件不成立时会留下 `<!-- v-if -->` 这样的注释 vnode 用作 DOM 锚点。
- * 这些 vnode 不是用户内容，必须从 wxml 树里剔除。
- *
- * - dev build：type 是 `Symbol('Comment')`，description = 'Comment' 或 'v-cmt'
- * - prod build：description 可能丢失，但 children 一般是 'v-if'/'v-else' 等 marker
- */
-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 textNode(text) {
-    return { tagName: '#text', attrs: {}, children: [], text };
-}
-/** A component vnode's children come from walking its mounted instance, not `vnode.children`. */
-function childrenFromComponentVNode(component, depth) {
-    const result = walkInstance(component, depth + 1);
-    if (!result)
-        return [];
-    return Array.isArray(result) ? result : [result];
-}
-/** A `<Suspense>` vnode's visible content is whichever branch is currently active. */
-function childrenFromSuspenseVNode(suspense, depth) {
-    const activeBranch = suspense.activeBranch;
-    return activeBranch ? extractChildrenFromVNode(activeBranch, depth + 1) : [];
-}
-/**
- * A vnode whose OWN `children` is a plain string only counts as a text node when
- * its `type` is a symbol/string (a real element or fragment) — a component vnode
- * with string `children` is slot content, not text, and is handled elsewhere.
- * Returns null when this vnode is not (top-level) text, so the caller falls
- * through to the array-children path.
- */
-function directTextChild(vnode) {
-    if (typeof vnode.children !== 'string' || !vnode.children.trim())
-        return null;
-    const vnodeType = vnode.type;
-    if (typeof vnodeType !== 'symbol' && typeof vnodeType !== 'string')
-        return null;
-    return [textNode(vnode.children.trim())];
-}
-function textChildEntry(child) {
-    const trimmed = child.trim();
-    return trimmed ? [textNode(trimmed)] : [];
-}
-/** A DOM-typed child (`type` is its tag name string): text leaf, internal wrapper, or a normal subtree. */
-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())];
-    return extractChildrenFromVNode(c, depth + 1);
-}
-/** One entry from a vnode's `children` array, normalized to zero or more WXML nodes. */
-function extractChildEntry(child, depth) {
-    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);
-    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);
-    const directText = directTextChild(vnode);
-    if (directText)
-        return directText;
-    const kids = vnode.children;
-    if (!Array.isArray(kids))
-        return [];
-    const result = [];
-    for (const child of kids) {
-        result.push(...extractChildEntry(child, depth));
-    }
-    return result;
-}
-/**
- * Reverse-map Dimina's `<wrapper name="/components/foo/foo">` (used to host
- * every user-defined component) back to the source-level tag the user wrote
- * in WXML (e.g. `<foo>`).
- *
- * The wrapper carries the registered component path in its `name` Vue prop.
- * By convention (also followed by miniprogram tooling), the registered key is
- * the last path segment, optionally stripping a trailing `/index`. We can't
- * see the page's `usingComponents` map from inside the Vue instance, so this
- * convention-based recovery is best-effort: if the user picked a different
- * registration key than the directory name (e.g. `usingComponents:
- * { myCounter: '/components/counter/counter' }`), the panel will show
- * `counter`, not `myCounter`.
- *
- * The path heuristic also resolves a name-collision risk: a user-written
- * `<counter name="x">` would land in the same `attrs.name` slot as the
- * wrapper-internal path. We only unwrap when the value looks like an absolute
- * component path (leading `/`), which dimina always emits but a user would
- * almost never type as a literal attr.
- */
-function unwrapCustomComponent(node) {
-    if (node.tagName !== 'wrapper')
-        return node;
-    const path = node.attrs?.name;
-    if (typeof path !== 'string' || !path.startsWith('/'))
-        return node;
-    // 去掉前导 `/` 后保留原路径形式（保留所有斜杠，不做 kebab/dash 转换）。
-    // 仅当路径以 `/index` 结尾且剥离后仍至少剩一段时才剥（`/index` 单独存在则
-    // 退回 wrapper，避免出现空 tagName）。
-    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 };
-}
-/**
- * 把"用户授权"层级（页面 / 自定义组件，tagName 以路径形式呈现，含 `/`）
- * 的 children 包一层合成 `#shadow-root`，对齐微信开发者工具：组件本身
- * 与内部实现之间用 shadow-root 边界视觉分隔。
- *
- * 内置组件（view/text/button 等）和合成节点（#text/#fragment）tagName 都
- * 不含 `/`，自然不会被包裹。children 为空也不插入（避免空壳）。重复调用
- * 是幂等的：若 children[0] 已经是 #shadow-root 就跳过。
- */
-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 }],
-    };
-}
-export 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));
-}
-//# sourceMappingURL=wxml-extract.js.map

package/dist/preload/shared/sid-registry.d.ts

@@ -1,11 +0,0 @@
-export interface WxmlNode {
-    tagName: string;
-    attrs: Record<string, string>;
-    children: WxmlNode[];
-    text?: string;
-    sid?: string;
-}
-export declare const SYNTHETIC_SID_PREFIX = "devtools-";
-export declare function registerSyntheticSid(el: HTMLElement): string;
-export declare function findElementBySid(doc: Document, sid: string): HTMLElement | null;
-//# sourceMappingURL=sid-registry.d.ts.map

package/dist/preload/shared/sid-registry.js

@@ -1,38 +0,0 @@
-// Stable-id registry for WXML nodes, shared by the iframe-path extractor
-// (preload/instrumentation/wxml-extract + runtime/bridge) and the native-host
-// render-guest inspector (render-host/render-inspect). It is dependency-free so
-// the render-inspect bundle injected into the guest main world stays small and
-// doesn't drag in the iframe/exposeOnMainWorld machinery from runtime/bridge.
-// 合成 sid 注册表：用 WeakMap 把元素 ↔ sid 双向绑定，避免在源 DOM 上写
-// `data-*` 属性（提取本应只读，且属性形式会污染用户的快照/选择器）。
-// elBySyntheticSid 为反向查找用 WeakRef，元素被 GC 后下次 lookup 自动清理。
-export const SYNTHETIC_SID_PREFIX = 'devtools-';
-const syntheticSidByEl = new WeakMap();
-const elBySyntheticSid = new Map();
-let nextSyntheticSid = 1;
-export 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;
-}
-export 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)}"]`);
-}
-//# sourceMappingURL=sid-registry.js.map