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

package/dist/renderer/assets/workbenchSettings-CtRBr7gS.js

@@ -0,0 +1,8 @@
+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-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-Cr4EHo5w.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/dist/shared/ipc-schemas.d.ts

@@ -126,7 +126,10 @@ export declare const WorkbenchSettingsSaveSchema: z.ZodTuple<[z.ZodObject<{
         port: z.ZodNumber;
     }, z.core.$loose>;
     compile: z.ZodObject<{
-        watch: z.ZodBoolean;
+        autoBuild: z.ZodBoolean;
+    }, z.core.$loose>;
+    preview: z.ZodObject<{
+        autoReload: z.ZodBoolean;
     }, z.core.$loose>;
     theme: z.ZodEnum<{
         system: "system";

package/dist/shared/ipc-schemas.js

@@ -179,7 +179,10 @@ export const WorkbenchSettingsSaveSchema = z.tuple([
             port: z.number().int().min(0).max(65535),
         }),
         compile: z.looseObject({
-            watch: z.boolean(),
+            autoBuild: z.boolean(),
+        }),
+        preview: z.looseObject({
+            autoReload: z.boolean(),
         }),
         theme: z.enum(['system', 'light', 'dark']),
         lastCreateBaseDir: z.union([z.string(), z.null()]),