@dimina-kit/devtools 0.1.0 → 0.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dimina-kit/devtools",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Dimina DevTools - modular developer tools for mini app debugging",
   "keywords": [
     "dimina",
@@ -173,8 +173,8 @@
     "vite": "^8.0.8",
     "esbuild": "^0.28.0",
     "vitest": "^4.1.4",
-    "@dimina-kit/eslint-config": "0.1.0",
-    "@dimina-kit/typescript-config": "0.1.0"
+    "@dimina-kit/typescript-config": "0.1.0",
+    "@dimina-kit/eslint-config": "0.1.0"
   },
   "peerDependencies": {
     "electron": ">=36"
@@ -184,7 +184,7 @@
   },
   "scripts": {
     "start": "electron dist/main/index.js",
-    "build": "pnpm build:main && pnpm build:preload && pnpm build:renderer && pnpm build:simulator",
+    "build": "pnpm build:container && pnpm build:main && pnpm build:preload && pnpm build:renderer && pnpm build:simulator",
     "build:container": "node build-container.js",
     "build:simulator": "vite build --config vite.config.simulator.ts",
     "pack": "electron-builder --dir",

package/dist/preload/instrumentation/storage.d.ts

@@ -1,2 +0,0 @@
-export declare function installStorageInstrumentation(): () => void;
-//# sourceMappingURL=storage.d.ts.map

package/dist/preload/instrumentation/storage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"storage.d.ts","sourceRoot":"","sources":["../../../src/preload/instrumentation/storage.ts"],"names":[],"mappings":"AA8CA,wBAAgB,6BAA6B,IAAI,MAAM,IAAI,CAsE1D"}

package/dist/preload/instrumentation/storage.js

@@ -1,106 +0,0 @@
-import { SimulatorChannel } from '../../shared/ipc-channels.js';
-import { sendToHost } from '../runtime/host.js';
-import { setStorageSnapshot, clearStorageSnapshot, } from '../runtime/bridge.js';
-import { createDisposableSet } from './disposable.js';
-const STORAGE_PREFIX = /^#\/?/;
-function getStorageNamespace() {
-    const hash = window.location.hash || '';
-    const normalized = hash.replace(STORAGE_PREFIX, '');
-    // New format: appid|page1|page2 — first segment is appid
-    // Legacy format: appid/pages/xxx?query
-    const candidate = normalized.split(/[|/?&]/, 1)[0]?.trim();
-    return candidate ? candidate : null;
-}
-function normalizeStorageKey(rawKey, namespace) {
-    const prefix = `${namespace}_`;
-    if (!rawKey.startsWith(prefix))
-        return null;
-    return rawKey.slice(prefix.length);
-}
-function readSnapshot(namespace) {
-    if (!namespace)
-        return {};
-    const items = {};
-    for (let i = 0; i < localStorage.length; i++) {
-        const key = localStorage.key(i);
-        if (!key)
-            continue;
-        const normalized = normalizeStorageKey(key, namespace);
-        if (normalized === null)
-            continue;
-        items[normalized] = localStorage.getItem(key) ?? '';
-    }
-    return items;
-}
-function syncSnapshot(namespace) {
-    if (!namespace) {
-        clearStorageSnapshot();
-        return;
-    }
-    setStorageSnapshot(namespace, readSnapshot(namespace));
-}
-export function installStorageInstrumentation() {
-    const originalSetItem = localStorage.setItem.bind(localStorage);
-    const originalRemoveItem = localStorage.removeItem.bind(localStorage);
-    const namespaceRef = { value: getStorageNamespace() };
-    const handleNamespaceChange = () => {
-        namespaceRef.value = getStorageNamespace();
-        syncSnapshot(namespaceRef.value);
-    };
-    const handleSetItem = (key, value) => {
-        const namespace = namespaceRef.value;
-        originalSetItem(key, value);
-        if (namespace) {
-            const normalized = normalizeStorageKey(key, namespace);
-            if (normalized !== null) {
-                const snapshot = readSnapshot(namespace);
-                setStorageSnapshot(namespace, snapshot);
-                sendToHost(SimulatorChannel.Storage, {
-                    namespace,
-                    action: 'set',
-                    key: normalized,
-                    rawKey: key,
-                    value,
-                    ts: Date.now(),
-                });
-            }
-        }
-    };
-    const handleRemoveItem = (key) => {
-        const namespace = namespaceRef.value;
-        originalRemoveItem(key);
-        if (namespace) {
-            const normalized = normalizeStorageKey(key, namespace);
-            if (normalized !== null) {
-                const snapshot = readSnapshot(namespace);
-                setStorageSnapshot(namespace, snapshot);
-                sendToHost(SimulatorChannel.Storage, {
-                    namespace,
-                    action: 'remove',
-                    key: normalized,
-                    rawKey: key,
-                    ts: Date.now(),
-                });
-            }
-        }
-    };
-    const disposables = createDisposableSet();
-    localStorage.setItem = handleSetItem;
-    localStorage.removeItem = handleRemoveItem;
-    window.addEventListener('hashchange', handleNamespaceChange);
-    syncSnapshot(namespaceRef.value);
-    disposables.add(() => {
-        localStorage.setItem = originalSetItem;
-        localStorage.removeItem = originalRemoveItem;
-    });
-    disposables.add(() => {
-        window.removeEventListener('hashchange', handleNamespaceChange);
-    });
-    disposables.add(() => {
-        clearStorageSnapshot();
-    });
-    return () => {
-        disposables.disposeAll();
-    };
-}
-//# sourceMappingURL=storage.js.map

package/dist/preload/instrumentation/storage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"storage.js","sourceRoot":"","sources":["../../../src/preload/instrumentation/storage.ts"],"names":[],"mappings":"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"}

package/dist/renderer/assets/index-kcmIQPCg.js

@@ -1,2 +0,0 @@
-import{S as e,a as t,b as n,d as r,n as i,o as a,p as o,r as s,s as c,t as l,u,v as d,x as f,y as p}from"./ipc-transport-L_WD9x12.js";import{n as m,r as h,t as g}from"./input-B7sz4y1r.js";import{_,a as v,b as y,c as ee,d as b,f as te,g as x,h as ne,i as re,m as ie,n as ae,o as oe,p as se,r as ce,s as le,t as S,u as ue,v as de,x as C,y as w}from"./select-BBXJVe8R.js";var fe=(...e)=>e.filter((e,t,n)=>!!e&&e.trim()!==``&&n.indexOf(e)===t).join(` `).trim(),pe=e=>e.replace(/([a-z0-9])([A-Z])/g,`$1-$2`).toLowerCase(),me=e=>e.replace(/^([A-Z])|[\s-_]+(\w)/g,(e,t,n)=>n?n.toUpperCase():t.toLowerCase()),he=e=>{let t=me(e);return t.charAt(0).toUpperCase()+t.slice(1)},T={xmlns:`http://www.w3.org/2000/svg`,width:24,height:24,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,strokeLinecap:`round`,strokeLinejoin:`round`},ge=e=>{for(let t in e)if(t.startsWith(`aria-`)||t===`role`||t===`title`)return!0;return!1},E=e(f()),_e=(0,E.createContext)({}),ve=()=>(0,E.useContext)(_e),ye=(0,E.forwardRef)(({color:e,size:t,strokeWidth:n,absoluteStrokeWidth:r,className:i=``,children:a,iconNode:o,...s},c)=>{let{size:l=24,strokeWidth:u=2,absoluteStrokeWidth:d=!1,color:f=`currentColor`,className:p=``}=ve()??{},m=r??d?Number(n??u)*24/Number(t??l):n??u;return(0,E.createElement)(`svg`,{ref:c,...T,width:t??l??T.width,height:t??l??T.height,stroke:e??f,strokeWidth:m,className:fe(`lucide`,p,i),...!a&&!ge(s)&&{"aria-hidden":`true`},...s},[...o.map(([e,t])=>(0,E.createElement)(e,t)),...Array.isArray(a)?a:[a]])}),be=((e,t)=>{let n=(0,E.forwardRef)(({className:n,...r},i)=>(0,E.createElement)(ye,{ref:i,iconNode:t,className:fe(`lucide-${pe(he(e))}`,`lucide-${e}`,n),...r}));return n.displayName=he(e),n})(`search`,[[`path`,{d:`m21 21-4.34-4.34`,key:`14j7rj`}],[`circle`,{cx:`11`,cy:`11`,r:`8`,key:`4ej97u`}]]),xe=e(p(),1),D=d();function Se({project:e,onOpen:t,onRemove:n}){let[r,i]=(0,E.useState)(!1);return(0,D.jsxs)(`div`,{className:`relative bg-surface border border-border rounded-lg overflow-hidden cursor-pointer transition-all duration-150 hover:border-accent hover:-translate-y-0.5`,onClick:()=>t(e),onMouseEnter:()=>i(!0),onMouseLeave:()=>i(!1),children:[(0,D.jsx)(`div`,{className:`h-20 bg-surface-thumb`}),(0,D.jsxs)(`div`,{className:`p-3`,children:[(0,D.jsx)(`div`,{className:`text-sm font-medium text-text-white mb-1 truncate`,title:e.name,children:e.name}),(0,D.jsx)(`div`,{className:`text-[11px] text-text-secondary truncate`,title:e.path,children:e.path}),(0,D.jsx)(`div`,{className:`text-[11px] text-text-dim mt-1.5`,children:h(e.lastOpened)})]}),r&&(0,D.jsx)(C,{variant:`danger`,size:`icon-sm`,className:`absolute top-1.5 right-1.5 w-5 h-5 rounded-full bg-overlay text-text-secondary leading-none hover:text-status-error hover:bg-danger-bg`,onClick:t=>{t.stopPropagation(),n(e)},title:`移除`,children:`×`})]})}function Ce({projects:e,onAdd:t,onOpen:n,onRemove:r}){let[i,a]=(0,E.useState)(``),o=(0,E.useMemo)(()=>{if(!i.trim())return e;let t=i.trim().toLowerCase();return e.filter(e=>(e.name||``).toLowerCase().includes(t)||(e.path||``).toLowerCase().includes(t))},[e,i]);return(0,D.jsx)(`div`,{className:`flex flex-col h-screen bg-bg`,children:(0,D.jsxs)(`div`,{className:`flex-1 overflow-y-auto p-6`,children:[(0,D.jsxs)(`div`,{className:`flex items-center justify-between mb-6 gap-4`,children:[(0,D.jsx)(`div`,{className:`flex items-center flex-1 max-w-xs min-w-0`,children:(0,D.jsxs)(`div`,{className:`relative w-full`,children:[(0,D.jsx)(be,{className:`absolute left-2.5 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-text-secondary pointer-events-none`}),(0,D.jsx)(g,{placeholder:`搜索`,value:i,onChange:e=>a(e.target.value),className:`w-full h-8 pl-8 pr-3 rounded-md text-sm`})]})}),(0,D.jsx)(C,{variant:`ghost`,size:`sm`,onClick:t,className:`shrink-0 text-accent hover:text-accent-hover hover:bg-transparent`,children:`导入`})]}),e.length>0?o.length>0?(0,D.jsx)(`div`,{className:`grid gap-4`,style:{gridTemplateColumns:`repeat(auto-fill, minmax(220px, 1fr))`},children:o.map(e=>(0,D.jsx)(Se,{project:e,onOpen:n,onRemove:r},e.path))}):(0,D.jsxs)(`div`,{className:`flex flex-col items-center justify-center h-72 text-text-dim gap-3`,children:[(0,D.jsx)(`span`,{className:`text-5xl opacity-40`,children:`🔍`}),(0,D.jsx)(`span`,{className:`text-sm`,children:`未找到匹配的项目`})]}):(0,D.jsxs)(`div`,{className:`flex flex-col items-center justify-center h-72 text-text-dim gap-3`,children:[(0,D.jsx)(`span`,{className:`text-5xl opacity-40`,children:`📁`}),(0,D.jsx)(`span`,{className:`text-sm`,children:`暂无项目，点击「导入」添加`})]})]})})}function O(){return l(t.GetBranding)}function we(){return i(t.GetPreloadPath)}function k(){return i(r.List)}function Te(){return l(c.OpenDirectory)}function Ee(e){return i(r.Add,e)}function De(e){return l(r.Remove,e)}function Oe(e){return i(u.Open,e)}function ke(e){return i(u.GetPages,e)}function Ae(e){return i(u.GetCompileConfig,e)}function je(e,t){return i(u.SaveCompileConfig,e,t)}function Me(e){return s(u.Status,t=>e(t))}var Ne={selected:`simulator`,simulatorVisible:!0};function A(e){return e+48}function Pe(e,t){return Math.max(200,Math.min(t-200,e))}function j(e){return e.current}function Fe(e){let{initialDevice:t,simulatorRef:n}=e,[r,i]=(0,E.useState)(t),[a,o]=(0,E.useState)(100),[s,c]=(0,E.useState)(()=>A(t.width)),l=(0,E.useRef)(null),u=(0,E.useRef)(s),d=(0,E.useRef)(s),f=(0,E.useRef)(r);(0,E.useEffect)(()=>{u.current=s,d.current=s},[s]),(0,E.useEffect)(()=>{f.current=r},[r]),(0,E.useEffect)(()=>()=>{l.current!==null&&window.cancelAnimationFrame(l.current)},[]);let p=(0,E.useCallback)(e=>{u.current=e,l.current===null&&(l.current=window.requestAnimationFrame(()=>{l.current=null,ie(u.current)}))},[]),m=(0,E.useCallback)(e=>{let t=j(n);try{t?.send?.(`device:change`,{brand:`Apple`,model:e.name,pixelRatio:e.pixelRatio,screenWidth:e.width,screenHeight:e.height,statusBarHeight:e.statusBarHeight,system:e.system,platform:`ios`,safeAreaBottom:e.safeAreaBottom})}catch{}},[n]);return{device:r,zoom:a,simPanelWidth:s,setSimPanelWidth:c,handleDeviceChange:(0,E.useCallback)(e=>{let t=w.find(t=>t.name===e.target.value)??w[1];i(t),m(t);let n=A(t.width);c(n),p(n)},[p,m]),handleZoomChange:(0,E.useCallback)(e=>{o(Number(e.target.value))},[]),handleSplitterDrag:(0,E.useCallback)(e=>{e.preventDefault();let t=e.clientX,n=d.current,r=e=>{let r=Pe(n+e.clientX-t,window.innerWidth);c(r),p(r)},i=()=>{window.removeEventListener(`mousemove`,r),window.removeEventListener(`mouseup`,i)};window.addEventListener(`mousemove`,r),window.addEventListener(`mouseup`,i)},[p]),sendDeviceInfo:m,simPanelWidthRef:d,deviceRef:f,scheduleResize:p}}function M(e,t,n,r){let i=t.startPage||`pages/index/index`,a=(t.queryParams||[]).filter(e=>e.key).map(e=>`${encodeURIComponent(e.key)}=${encodeURIComponent(e.value)}`);return a.push(`scene=${t.scene||1001}`),`http://localhost:${n}/simulator.html${r?.length?`?apiNamespaces=${r.join(`,`)}`:``}#${e}|${i}?${a.join(`&`)}`}function N(e){let t=e.split(`#`)[1];if(!t)return``;let n=t.indexOf(`|`);return n===-1?t.split(`?`)[0].split(`/`).slice(1).join(`/`):t.slice(n+1).split(`?`)[0]}function Ie(e){let{projectPath:t,simulatorRef:n}=e,[r,i]=(0,E.useState)({status:`compiling`,message:`正在编译...`}),[a,o]=(0,E.useState)(null),[s,c]=(0,E.useState)([]),[l,u]=(0,E.useState)(0),[d,f]=(0,E.useState)({startPage:``,scene:ae,queryParams:[]}),[p,m]=(0,E.useState)(``);(0,E.useEffect)(()=>{let e=!1;async function n(){try{let n=await Oe(t);if(e)return;if(!n.success){i({status:`error`,message:n.error});return}let[r,a]=await Promise.all([ke(t),Ae(t)]);if(e)return;o(n.appInfo),u(n.port),c(r.pages),f({startPage:a.startPage||r.entryPagePath||r.pages[0]||``,scene:a.scene??1001,queryParams:a.queryParams||[]}),i({status:`ready`,message:`编译完成`})}catch(t){if(e)return;i({status:`error`,message:t instanceof Error?t.message:String(t)})}}return n(),()=>{e=!0}},[t]),(0,E.useEffect)(()=>{we().then(m)},[]),(0,E.useEffect)(()=>Me(e=>i(e)),[]);let h=(0,E.useRef)(!1),g=(0,E.useRef)(null);return(0,E.useEffect)(()=>()=>{g.current?.()},[]),{compileStatus:r,appInfo:a,port:l,pages:s,compileConfig:d,preloadPath:p,relaunch:(0,E.useCallback)(async(e=d)=>{try{if(!a?.appId||h.current)return;let r=j(n);if(!r)return;g.current?.(),g.current=null,h.current=!0,await je(t,e),i({status:`ready`,message:`正在刷新...`});let o=M(a.appId,e,l),s=r.getURL?.(),c=!1,u=null,d=(t,n)=>{c||(c=!0,h.current=!1,g.current=null,u&&clearTimeout(u),r.removeEventListener?.(`did-finish-load`,p),r.removeEventListener?.(`did-stop-loading`,p),r.removeEventListener?.(`did-fail-load`,m),f(e),i({status:t,message:n}))},p=()=>{let e=r.getURL?.()??``,t=o.split(`#`)[1]??``,n=e.split(`#`)[1]??``;t&&n!==t||d(`ready`,`刷新完成`)},m=e=>{e.errorCode!==-3&&d(`error`,`刷新失败`)};r.addEventListener?.(`did-finish-load`,p),r.addEventListener?.(`did-stop-loading`,p),r.addEventListener?.(`did-fail-load`,m),g.current=()=>d(`error`,`已取消`),u=setTimeout(()=>{d(`error`,`刷新超时`)},3e4),s===o?r.reload?.():(r.loadURL?.(o),setTimeout(()=>r.reload?.(),100))}catch(e){h.current=!1,i({status:`error`,message:e instanceof Error?e.message:`刷新失败`})}},[a,d,l,t,n])}}function Le(e){let{compileStatus:t,sendDeviceInfo:n,simulatorRef:r,simPanelWidthRef:i,deviceRef:a,appInfo:o,compileConfig:s,port:c}=e,l=(0,E.useMemo)(()=>!o||!c?``:M(o.appId,s,c),[o,s,c]),[u,d]=(0,E.useState)(()=>N(l));return(0,E.useEffect)(()=>{d(N(l))},[l]),(0,E.useEffect)(()=>{if(t.status!==`ready`)return;let e=j(r);if(!e){n(a.current);return}let o=!1,s=!1,c=null,u=0,f=t=>{let n=t;if(!n)try{n=e.getURL?.()}catch{}d(N(n??l))},p=()=>{if(o||s)return;if(u++,u>50){console.warn(`[simulator] Max attach retries exceeded, giving up`),c!==null&&(window.clearInterval(c),c=null);return}let t;try{t=e.getWebContentsId?.()}catch{return}t&&(s=!0,c!==null&&(window.clearInterval(c),c=null),ce(t,i.current),n(a.current),f())},m=e=>{f(e.url)},h=()=>{o||(f(),n(a.current),p())};return e.addEventListener?.(`did-navigate`,m),e.addEventListener?.(`did-navigate-in-page`,m),e.addEventListener?.(`dom-ready`,h),e.addEventListener?.(`did-finish-load`,h),c=window.setInterval(p,200),p(),()=>{o=!0,c!==null&&window.clearInterval(c),e.removeEventListener?.(`did-navigate`,m),e.removeEventListener?.(`did-navigate-in-page`,m),e.removeEventListener?.(`dom-ready`,h),e.removeEventListener?.(`did-finish-load`,h)}},[t.status,n,l,r,i,a]),{simulatorUrl:l,currentPage:u}}function Re(e,t){if(t.action===`clear`)return[];if(t.action===`set`&&t.key!==void 0){let n=e.findIndex(e=>e.key===t.key);if(n>=0){let r=[...e];return r[n]={key:t.key,value:t.value},r}return[...e,{key:t.key,value:t.value}]}return t.action===`remove`&&t.key?e.filter(e=>e.key!==t.key):e}function ze(e){let{compileStatus:t,simulatorRef:n}=e,[r,i]=(0,E.useState)(!0),[s,c]=(0,E.useState)(null),[l,u]=(0,E.useState)({}),[d,f]=(0,E.useState)([]);return(0,E.useEffect)(()=>{if(t.status!==`ready`)return;let e=j(n);if(!e)return;let r=e=>{let{channel:t,args:n}=e;if(t===o.Wxml)c(n[0]);else if(t===o.AppData){let e=n[0],t=e.componentPath||e.moduleId||e.bridgeId;t&&u(n=>({...n,[t]:e.data}))}else if(t===o.AppDataAll)u(n[0]);else if(t===o.Storage){let e=n[0];f(t=>Re(t,e))}else t===o.StorageAll&&f(n[0])};i(!0);let a=()=>i(!1),s=()=>i(!0);return e.addEventListener(`ipc-message`,r),e.addEventListener(`crashed`,a),e.addEventListener(`did-start-loading`,s),()=>{e.removeEventListener(`ipc-message`,r),e.removeEventListener(`crashed`,a),e.removeEventListener(`did-start-loading`,s)}},[t.status,n]),(0,E.useEffect)(()=>se(()=>{i(!0),c(null),u({}),f([])}),[]),{connected:r,wxmlTree:s,appData:l,storageItems:d,refreshWxml:(0,E.useCallback)(()=>{j(n)?.send?.(a.WxmlRefreshRequest)},[n]),refreshAppData:(0,E.useCallback)(()=>{j(n)?.send?.(a.AppDataGetAllRequest)},[n]),refreshStorage:(0,E.useCallback)(()=>{j(n)?.send?.(a.StorageGetAllRequest)},[n])}}function Be(e){let{initialRightPane:t,simPanelWidthRef:n}=e,[r,i]=(0,E.useState)(t),a=(0,E.useCallback)((e,t)=>{if(e.selected===`simulator`){if(e.simulatorVisible){ne();return}x(!1,t);return}x(!1,t)},[]);return{rightPane:r,selectRightPane:(0,E.useCallback)(e=>{let t={selected:e,simulatorVisible:!0};i(t),a(t,n.current)},[a,n]),toggleRightPaneVisible:(0,E.useCallback)(()=>{i(e=>{let t={...e,simulatorVisible:!e.simulatorVisible};return a(t,n.current),t})},[a,n])}}function Ve(e){let{relaunch:t,compileConfig:n,pages:r,compileDropdownRef:i}=e,[a,o]=(0,E.useState)(!1),s=(0,E.useRef)(t);(0,E.useEffect)(()=>{s.current=t},[t]),(0,E.useEffect)(()=>{let e=ee(()=>o(!1)),t=ue(e=>{o(!1),s.current(e)});return()=>{e(),t()}},[]);let c=(0,E.useRef)(n),l=(0,E.useRef)(r);return(0,E.useEffect)(()=>{c.current=n},[n]),(0,E.useEffect)(()=>{l.current=r},[r]),{showCompilePanel:a,toggleCompilePanel:(0,E.useCallback)(()=>{o(e=>{if(e)return v(),!1;let t=i.current;if(!t)return e;let n=t.getBoundingClientRect();return _({top:Math.round(n.bottom-40+6),left:Math.round(n.left),config:c.current,pages:l.current}),!0})},[i])}}function He(e){let{projectPath:t,initialDevice:n=w[1],initialRightPane:r=Ne}=e,i=(0,E.useRef)(null),a=(0,E.useRef)(null),o=Fe({initialDevice:n,simulatorRef:i}),s=Ie({projectPath:t,simulatorRef:i});(0,E.useEffect)(()=>{s.compileStatus.status===`ready`&&o.setSimPanelWidth(o.device.width+48)},[o.device.width,s.compileStatus.status,o.setSimPanelWidth]);let c=Le({compileStatus:s.compileStatus,sendDeviceInfo:o.sendDeviceInfo,simulatorRef:i,simPanelWidthRef:o.simPanelWidthRef,deviceRef:o.deviceRef,appInfo:s.appInfo,compileConfig:s.compileConfig,port:s.port}),l=ze({compileStatus:s.compileStatus,simulatorRef:i}),u=Be({initialRightPane:r,simPanelWidthRef:o.simPanelWidthRef}),d=Ve({relaunch:s.relaunch,compileConfig:s.compileConfig,pages:s.pages,compileDropdownRef:a});return{session:{compileStatus:s.compileStatus,appInfo:s.appInfo,port:s.port,pages:s.pages,compileConfig:s.compileConfig,preloadPath:s.preloadPath,relaunch:s.relaunch},device:{device:o.device,zoom:o.zoom,simPanelWidth:o.simPanelWidth,setSimPanelWidth:o.setSimPanelWidth,handleDeviceChange:o.handleDeviceChange,handleZoomChange:o.handleZoomChange,handleSplitterDrag:o.handleSplitterDrag,sendDeviceInfo:o.sendDeviceInfo},simulator:{simulatorRef:i,simulatorUrl:c.simulatorUrl,currentPage:c.currentPage},panelData:{connected:l.connected,wxmlTree:l.wxmlTree,appData:l.appData,storageItems:l.storageItems,refreshWxml:l.refreshWxml,refreshAppData:l.refreshAppData,refreshStorage:l.refreshStorage},rightPane:{rightPane:u.rightPane,selectRightPane:u.selectRightPane,toggleRightPaneVisible:u.toggleRightPaneVisible},popover:{compileDropdownRef:a,showCompilePanel:d.showCompilePanel,toggleCompilePanel:d.toggleCompilePanel}}}typeof window<`u`&&window.document&&window.document.createElement;function P(e,t,{checkForDefaultPrevented:n=!0}={}){return function(r){if(e?.(r),n===!1||!r.defaultPrevented)return t?.(r)}}function F(e,t=[]){let n=[];function r(t,r){let i=E.createContext(r),a=n.length;n=[...n,r];let o=t=>{let{scope:n,children:r,...o}=t,s=n?.[e]?.[a]||i,c=E.useMemo(()=>o,Object.values(o));return(0,D.jsx)(s.Provider,{value:c,children:r})};o.displayName=t+`Provider`;function s(n,o){let s=o?.[e]?.[a]||i,c=E.useContext(s);if(c)return c;if(r!==void 0)return r;throw Error(`\`${n}\` must be used within \`${t}\``)}return[o,s]}let i=()=>{let t=n.map(e=>E.createContext(e));return function(n){let r=n?.[e]||t;return E.useMemo(()=>({[`__scope${e}`]:{...n,[e]:r}}),[n,r])}};return i.scopeName=e,[r,Ue(i,...t)]}function Ue(...e){let t=e[0];if(e.length===1)return t;let n=()=>{let n=e.map(e=>({useScope:e(),scopeName:e.scopeName}));return function(e){let r=n.reduce((t,{useScope:n,scopeName:r})=>{let i=n(e)[`__scope${r}`];return{...t,...i}},{});return E.useMemo(()=>({[`__scope${t.scopeName}`]:r}),[r])}};return n.scopeName=t.scopeName,n}function I(e,t){if(typeof e==`function`)return e(t);e!=null&&(e.current=t)}function L(...e){return t=>{let n=!1,r=e.map(e=>{let r=I(e,t);return!n&&typeof r==`function`&&(n=!0),r});if(n)return()=>{for(let t=0;t<r.length;t++){let n=r[t];typeof n==`function`?n():I(e[t],null)}}}}function R(...e){return E.useCallback(L(...e),e)}function z(e){let t=We(e),n=E.forwardRef((e,n)=>{let{children:r,...i}=e,a=E.Children.toArray(r),o=a.find(Ke);if(o){let e=o.props.children,r=a.map(t=>t===o?E.Children.count(e)>1?E.Children.only(null):E.isValidElement(e)?e.props.children:null:t);return(0,D.jsx)(t,{...i,ref:n,children:E.isValidElement(e)?E.cloneElement(e,void 0,r):null})}return(0,D.jsx)(t,{...i,ref:n,children:r})});return n.displayName=`${e}.Slot`,n}function We(e){let t=E.forwardRef((e,t)=>{let{children:n,...r}=e;if(E.isValidElement(n)){let e=Je(n),i=qe(r,n.props);return n.type!==E.Fragment&&(i.ref=t?L(t,e):e),E.cloneElement(n,i)}return E.Children.count(n)>1?E.Children.only(null):null});return t.displayName=`${e}.SlotClone`,t}var Ge=Symbol(`radix.slottable`);function Ke(e){return E.isValidElement(e)&&typeof e.type==`function`&&`__radixId`in e.type&&e.type.__radixId===Ge}function qe(e,t){let n={...t};for(let r in t){let i=e[r],a=t[r];/^on[A-Z]/.test(r)?i&&a?n[r]=(...e)=>{let t=a(...e);return i(...e),t}:i&&(n[r]=i):r===`style`?n[r]={...i,...a}:r===`className`&&(n[r]=[i,a].filter(Boolean).join(` `))}return{...e,...n}}function Je(e){let t=Object.getOwnPropertyDescriptor(e.props,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning;return n?e.ref:(t=Object.getOwnPropertyDescriptor(e,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning,n?e.props.ref:e.props.ref||e.ref)}function Ye(e){let t=e+`CollectionProvider`,[n,r]=F(t),[i,a]=n(t,{collectionRef:{current:null},itemMap:new Map}),o=e=>{let{scope:t,children:n}=e,r=E.useRef(null),a=E.useRef(new Map).current;return(0,D.jsx)(i,{scope:t,itemMap:a,collectionRef:r,children:n})};o.displayName=t;let s=e+`CollectionSlot`,c=z(s),l=E.forwardRef((e,t)=>{let{scope:n,children:r}=e;return(0,D.jsx)(c,{ref:R(t,a(s,n).collectionRef),children:r})});l.displayName=s;let u=e+`CollectionItemSlot`,d=`data-radix-collection-item`,f=z(u),p=E.forwardRef((e,t)=>{let{scope:n,children:r,...i}=e,o=E.useRef(null),s=R(t,o),c=a(u,n);return E.useEffect(()=>(c.itemMap.set(o,{ref:o,...i}),()=>void c.itemMap.delete(o))),(0,D.jsx)(f,{[d]:``,ref:s,children:r})});p.displayName=u;function m(t){let n=a(e+`CollectionConsumer`,t);return E.useCallback(()=>{let e=n.collectionRef.current;if(!e)return[];let t=Array.from(e.querySelectorAll(`[${d}]`));return Array.from(n.itemMap.values()).sort((e,n)=>t.indexOf(e.ref.current)-t.indexOf(n.ref.current))},[n.collectionRef,n.itemMap])}return[{Provider:o,Slot:l,ItemSlot:p},m,r]}var B=globalThis?.document?E.useLayoutEffect:()=>{},Xe=E.useId||(()=>void 0),Ze=0;function V(e){let[t,n]=E.useState(Xe());return B(()=>{e||n(e=>e??String(Ze++))},[e]),e||(t?`radix-${t}`:``)}n();var H=[`a`,`button`,`div`,`form`,`h2`,`h3`,`img`,`input`,`label`,`li`,`nav`,`ol`,`p`,`select`,`span`,`svg`,`ul`].reduce((e,t)=>{let n=z(`Primitive.${t}`),r=E.forwardRef((e,r)=>{let{asChild:i,...a}=e,o=i?n:t;return typeof window<`u`&&(window[Symbol.for(`radix-ui`)]=!0),(0,D.jsx)(o,{...a,ref:r})});return r.displayName=`Primitive.${t}`,{...e,[t]:r}},{});function Qe(e){let t=E.useRef(e);return E.useEffect(()=>{t.current=e}),E.useMemo(()=>(...e)=>t.current?.(...e),[])}var $e=E.useInsertionEffect||B;function U({prop:e,defaultProp:t,onChange:n=()=>{},caller:r}){let[i,a,o]=et({defaultProp:t,onChange:n}),s=e!==void 0,c=s?e:i;{let t=E.useRef(e!==void 0);E.useEffect(()=>{let e=t.current;e!==s&&console.warn(`${r} is changing from ${e?`controlled`:`uncontrolled`} to ${s?`controlled`:`uncontrolled`}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`),t.current=s},[s,r])}return[c,E.useCallback(t=>{if(s){let n=tt(t)?t(e):t;n!==e&&o.current?.(n)}else a(t)},[s,e,a,o])]}function et({defaultProp:e,onChange:t}){let[n,r]=E.useState(e),i=E.useRef(n),a=E.useRef(t);return $e(()=>{a.current=t},[t]),E.useEffect(()=>{i.current!==n&&(a.current?.(n),i.current=n)},[n,i]),[n,r,a]}function tt(e){return typeof e==`function`}var nt=E.createContext(void 0);function W(e){let t=E.useContext(nt);return e||t||`ltr`}var G=`rovingFocusGroup.onEntryFocus`,rt={bubbles:!1,cancelable:!0},K=`RovingFocusGroup`,[q,it,at]=Ye(K),[ot,st]=F(K,[at]),[ct,lt]=ot(K),ut=E.forwardRef((e,t)=>(0,D.jsx)(q.Provider,{scope:e.__scopeRovingFocusGroup,children:(0,D.jsx)(q.Slot,{scope:e.__scopeRovingFocusGroup,children:(0,D.jsx)(dt,{...e,ref:t})})}));ut.displayName=K;var dt=E.forwardRef((e,t)=>{let{__scopeRovingFocusGroup:n,orientation:r,loop:i=!1,dir:a,currentTabStopId:o,defaultCurrentTabStopId:s,onCurrentTabStopIdChange:c,onEntryFocus:l,preventScrollOnEntryFocus:u=!1,...d}=e,f=E.useRef(null),p=R(t,f),m=W(a),[h,g]=U({prop:o,defaultProp:s??null,onChange:c,caller:K}),[_,v]=E.useState(!1),y=Qe(l),ee=it(n),b=E.useRef(!1),[te,x]=E.useState(0);return E.useEffect(()=>{let e=f.current;if(e)return e.addEventListener(G,y),()=>e.removeEventListener(G,y)},[y]),(0,D.jsx)(ct,{scope:n,orientation:r,dir:m,loop:i,currentTabStopId:h,onItemFocus:E.useCallback(e=>g(e),[g]),onItemShiftTab:E.useCallback(()=>v(!0),[]),onFocusableItemAdd:E.useCallback(()=>x(e=>e+1),[]),onFocusableItemRemove:E.useCallback(()=>x(e=>e-1),[]),children:(0,D.jsx)(H.div,{tabIndex:_||te===0?-1:0,"data-orientation":r,...d,ref:p,style:{outline:`none`,...e.style},onMouseDown:P(e.onMouseDown,()=>{b.current=!0}),onFocus:P(e.onFocus,e=>{let t=!b.current;if(e.target===e.currentTarget&&t&&!_){let t=new CustomEvent(G,rt);if(e.currentTarget.dispatchEvent(t),!t.defaultPrevented){let e=ee().filter(e=>e.focusable);_t([e.find(e=>e.active),e.find(e=>e.id===h),...e].filter(Boolean).map(e=>e.ref.current),u)}}b.current=!1}),onBlur:P(e.onBlur,()=>v(!1))})})}),ft=`RovingFocusGroupItem`,pt=E.forwardRef((e,t)=>{let{__scopeRovingFocusGroup:n,focusable:r=!0,active:i=!1,tabStopId:a,children:o,...s}=e,c=V(),l=a||c,u=lt(ft,n),d=u.currentTabStopId===l,f=it(n),{onFocusableItemAdd:p,onFocusableItemRemove:m,currentTabStopId:h}=u;return E.useEffect(()=>{if(r)return p(),()=>m()},[r,p,m]),(0,D.jsx)(q.ItemSlot,{scope:n,id:l,focusable:r,active:i,children:(0,D.jsx)(H.span,{tabIndex:d?0:-1,"data-orientation":u.orientation,...s,ref:t,onMouseDown:P(e.onMouseDown,e=>{r?u.onItemFocus(l):e.preventDefault()}),onFocus:P(e.onFocus,()=>u.onItemFocus(l)),onKeyDown:P(e.onKeyDown,e=>{if(e.key===`Tab`&&e.shiftKey){u.onItemShiftTab();return}if(e.target!==e.currentTarget)return;let t=gt(e,u.orientation,u.dir);if(t!==void 0){if(e.metaKey||e.ctrlKey||e.altKey||e.shiftKey)return;e.preventDefault();let n=f().filter(e=>e.focusable).map(e=>e.ref.current);if(t===`last`)n.reverse();else if(t===`prev`||t===`next`){t===`prev`&&n.reverse();let r=n.indexOf(e.currentTarget);n=u.loop?vt(n,r+1):n.slice(r+1)}setTimeout(()=>_t(n))}}),children:typeof o==`function`?o({isCurrentTabStop:d,hasTabStop:h!=null}):o})})});pt.displayName=ft;var mt={ArrowLeft:`prev`,ArrowUp:`prev`,ArrowRight:`next`,ArrowDown:`next`,PageUp:`first`,Home:`first`,PageDown:`last`,End:`last`};function ht(e,t){return t===`rtl`?e===`ArrowLeft`?`ArrowRight`:e===`ArrowRight`?`ArrowLeft`:e:e}function gt(e,t,n){let r=ht(e.key,n);if(!(t===`vertical`&&[`ArrowLeft`,`ArrowRight`].includes(r))&&!(t===`horizontal`&&[`ArrowUp`,`ArrowDown`].includes(r)))return mt[r]}function _t(e,t=!1){let n=document.activeElement;for(let r of e)if(r===n||(r.focus({preventScroll:t}),document.activeElement!==n))return}function vt(e,t){return e.map((n,r)=>e[(t+r)%e.length])}var yt=ut,bt=pt;function xt(e,t){return E.useReducer((e,n)=>t[e][n]??e,e)}var St=e=>{let{present:t,children:n}=e,r=Ct(t),i=typeof n==`function`?n({present:r.isPresent}):E.Children.only(n),a=R(r.ref,wt(i));return typeof n==`function`||r.isPresent?E.cloneElement(i,{ref:a}):null};St.displayName=`Presence`;function Ct(e){let[t,n]=E.useState(),r=E.useRef(null),i=E.useRef(e),a=E.useRef(`none`),[o,s]=xt(e?`mounted`:`unmounted`,{mounted:{UNMOUNT:`unmounted`,ANIMATION_OUT:`unmountSuspended`},unmountSuspended:{MOUNT:`mounted`,ANIMATION_END:`unmounted`},unmounted:{MOUNT:`mounted`}});return E.useEffect(()=>{let e=J(r.current);a.current=o===`mounted`?e:`none`},[o]),B(()=>{let t=r.current,n=i.current;if(n!==e){let r=a.current,o=J(t);e?s(`MOUNT`):o===`none`||t?.display===`none`?s(`UNMOUNT`):s(n&&r!==o?`ANIMATION_OUT`:`UNMOUNT`),i.current=e}},[e,s]),B(()=>{if(t){let e,n=t.ownerDocument.defaultView??window,o=a=>{let o=J(r.current).includes(CSS.escape(a.animationName));if(a.target===t&&o&&(s(`ANIMATION_END`),!i.current)){let r=t.style.animationFillMode;t.style.animationFillMode=`forwards`,e=n.setTimeout(()=>{t.style.animationFillMode===`forwards`&&(t.style.animationFillMode=r)})}},c=e=>{e.target===t&&(a.current=J(r.current))};return t.addEventListener(`animationstart`,c),t.addEventListener(`animationcancel`,o),t.addEventListener(`animationend`,o),()=>{n.clearTimeout(e),t.removeEventListener(`animationstart`,c),t.removeEventListener(`animationcancel`,o),t.removeEventListener(`animationend`,o)}}else s(`ANIMATION_END`)},[t,s]),{isPresent:[`mounted`,`unmountSuspended`].includes(o),ref:E.useCallback(e=>{r.current=e?getComputedStyle(e):null,n(e)},[])}}function J(e){return e?.animationName||`none`}function wt(e){let t=Object.getOwnPropertyDescriptor(e.props,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning;return n?e.ref:(t=Object.getOwnPropertyDescriptor(e,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning,n?e.props.ref:e.props.ref||e.ref)}var Y=`Tabs`,[Tt,Et]=F(Y,[st]),Dt=st(),[Ot,X]=Tt(Y),kt=E.forwardRef((e,t)=>{let{__scopeTabs:n,value:r,onValueChange:i,defaultValue:a,orientation:o=`horizontal`,dir:s,activationMode:c=`automatic`,...l}=e,u=W(s),[d,f]=U({prop:r,onChange:i,defaultProp:a??``,caller:Y});return(0,D.jsx)(Ot,{scope:n,baseId:V(),value:d,onValueChange:f,orientation:o,dir:u,activationMode:c,children:(0,D.jsx)(H.div,{dir:u,"data-orientation":o,...l,ref:t})})});kt.displayName=Y;var At=`TabsList`,jt=E.forwardRef((e,t)=>{let{__scopeTabs:n,loop:r=!0,...i}=e,a=X(At,n),o=Dt(n);return(0,D.jsx)(yt,{asChild:!0,...o,orientation:a.orientation,dir:a.dir,loop:r,children:(0,D.jsx)(H.div,{role:`tablist`,"aria-orientation":a.orientation,...i,ref:t})})});jt.displayName=At;var Mt=`TabsTrigger`,Nt=E.forwardRef((e,t)=>{let{__scopeTabs:n,value:r,disabled:i=!1,...a}=e,o=X(Mt,n),s=Dt(n),c=Ft(o.baseId,r),l=It(o.baseId,r),u=r===o.value;return(0,D.jsx)(bt,{asChild:!0,...s,focusable:!i,active:u,children:(0,D.jsx)(H.button,{type:`button`,role:`tab`,"aria-selected":u,"aria-controls":l,"data-state":u?`active`:`inactive`,"data-disabled":i?``:void 0,disabled:i,id:c,...a,ref:t,onMouseDown:P(e.onMouseDown,e=>{!i&&e.button===0&&e.ctrlKey===!1?o.onValueChange(r):e.preventDefault()}),onKeyDown:P(e.onKeyDown,e=>{[` `,`Enter`].includes(e.key)&&o.onValueChange(r)}),onFocus:P(e.onFocus,()=>{let e=o.activationMode!==`manual`;!u&&!i&&e&&o.onValueChange(r)})})})});Nt.displayName=Mt;var Pt=`TabsContent`,Z=E.forwardRef((e,t)=>{let{__scopeTabs:n,value:r,forceMount:i,children:a,...o}=e,s=X(Pt,n),c=Ft(s.baseId,r),l=It(s.baseId,r),u=r===s.value,d=E.useRef(u);return E.useEffect(()=>{let e=requestAnimationFrame(()=>d.current=!1);return()=>cancelAnimationFrame(e)},[]),(0,D.jsx)(St,{present:i||u,children:({present:n})=>(0,D.jsx)(H.div,{"data-state":u?`active`:`inactive`,"data-orientation":s.orientation,role:`tabpanel`,"aria-labelledby":c,hidden:!n,id:l,tabIndex:0,...o,ref:t,style:{...e.style,animationDuration:d.current?`0s`:void 0},children:n&&a})})});Z.displayName=Pt;function Ft(e,t){return`${e}-trigger-${t}`}function It(e,t){return`${e}-content-${t}`}var Lt=kt,Rt=jt,zt=Nt,Bt=Z,Vt=Lt,Ht=E.forwardRef(({className:e,...t},n)=>(0,D.jsx)(Rt,{ref:n,className:m(`inline-flex h-7 items-center justify-center rounded-md bg-surface-2 p-1 text-text-muted`,e),...t}));Ht.displayName=Rt.displayName;var Q=E.forwardRef(({className:e,...t},n)=>(0,D.jsx)(zt,{ref:n,className:m(`inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-bg transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-surface-selected data-[state=active]:text-text data-[state=active]:shadow-sm`,e),...t}));Q.displayName=zt.displayName;var Ut=E.forwardRef(({className:e,...t},n)=>(0,D.jsx)(Bt,{ref:n,className:m(`mt-2 ring-offset-bg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2`,e),...t}));Ut.displayName=Bt.displayName;var Wt={compiling:`bg-status-warn animate-[pulse_1s_infinite]`,ready:`bg-accent`,error:`bg-status-error`};function Gt({status:e}){return(0,D.jsx)(`span`,{className:m(`w-1.5 h-1.5 rounded-full shrink-0`,Wt[e]??`bg-border`)})}function Kt({compileDropdownRef:e,showCompilePanel:t,onToggleCompilePanel:n,onRelaunch:r,compileStatus:i,rightPane:a,onToggleRightPaneVisible:o,onSelectRightPane:s}){let[c,l]=(0,E.useState)([]),[u,d]=(0,E.useState)([]),f=()=>{re().then(e=>{l(Array.isArray(e)?e:[])}).catch(e=>{console.debug(`[toolbar] getActions not available`,e)})};return(0,E.useEffect)(()=>(f(),le().then(e=>{e?.length&&d(e)}).catch(e=>{console.warn(`[toolbar] panel:list failed`,e)}),b(()=>f())),[]),(0,D.jsxs)(`div`,{className:`flex flex-col shrink-0`,children:[c.length>0&&(0,D.jsx)(`div`,{className:`flex items-center gap-1.5 px-2.5 py-1 bg-surface-2 border-b border-border`,children:c.map(e=>(0,D.jsx)(C,{variant:`outline`,size:`sm`,onClick:()=>oe(e.id),disabled:i.status===`compiling`,children:e.label},e.id))}),(0,D.jsxs)(`div`,{className:`flex items-center gap-1.5 px-2.5 bg-surface-2 border-b border-border shrink-0`,style:{height:40},children:[(0,D.jsx)(`div`,{ref:e,children:(0,D.jsxs)(C,{variant:`outline`,size:`sm`,onClick:n,className:m(t&&`border-accent`),children:[`普通编译 `,(0,D.jsx)(`span`,{className:`text-[10px] text-text-secondary`,children:`▾`})]})}),(0,D.jsx)(C,{variant:`icon`,size:`icon`,onClick:()=>{r()},disabled:i.status===`compiling`,title:`重新编译`,children:`↺`}),(0,D.jsxs)(`div`,{className:`flex items-center gap-1.5 px-1.5 shrink-0`,children:[(0,D.jsx)(Gt,{status:i.status}),(0,D.jsx)(`span`,{className:`text-[11px] text-text-muted max-w-28 truncate`,children:i.message})]}),(0,D.jsx)(`div`,{className:`flex-1 min-w-2`}),u.length>0&&(0,D.jsx)(Vt,{value:a.selected,onValueChange:e=>s(e),children:(0,D.jsxs)(Ht,{className:`h-auto gap-px bg-bg border border-border p-0`,children:[(0,D.jsx)(Q,{value:`simulator`,className:`px-2 py-0.5 text-[11px] rounded-none data-[state=active]:shadow-none`,children:`DevTools`}),u.map(e=>(0,D.jsx)(Q,{value:e.id,className:`px-2 py-0.5 text-[11px] rounded-none data-[state=active]:shadow-none`,children:e.label},e.id))]})}),(0,D.jsx)(C,{variant:`icon`,size:`icon`,onClick:o,title:a.simulatorVisible?`隐藏面板`:`显示面板`,className:`text-base`,children:a.simulatorVisible?`⊟`:`⊞`})]})]})}function qt({simPanelWidth:e,device:t,zoom:n,onDeviceChange:r,onZoomChange:i,compileStatus:a,preloadPath:o,simulatorUrl:s,simulatorRef:c,currentPage:l,copied:u,onCopyPagePath:d}){let f=n/100;return(0,D.jsxs)(`div`,{className:`bg-sim-bg flex flex-col overflow-hidden shrink-0`,style:{width:e,minWidth:e},children:[(0,D.jsxs)(`div`,{className:`flex-1 overflow-auto flex items-start justify-center p-5`,children:[a.status===`compiling`&&!o&&(0,D.jsx)(`div`,{className:`flex items-center justify-center min-h-48 w-full text-text-dim text-[13px]`,children:`正在编译中...`}),a.status===`error`&&!s&&(0,D.jsxs)(`div`,{className:`flex flex-col items-center justify-center min-h-48 w-full text-status-error text-[13px] gap-2 p-4`,children:[(0,D.jsx)(`span`,{children:`编译失败`}),(0,D.jsx)(`small`,{className:`text-status-error text-[11px]`,children:a.message})]}),(a.status===`ready`||s)&&(0,D.jsxs)(`div`,{className:`flex flex-col items-center gap-6`,children:[(0,D.jsx)(`div`,{className:`shrink-0 overflow-visible`,style:{borderRadius:44,boxShadow:`0 0 0 8px var(--color-phone-shell), 0 0 0 10px var(--color-phone-border), 0 24px 60px var(--color-overlay-heavy)`,background:`var(--color-phone-shell)`,width:Math.round(t.width*f),height:Math.round(t.height*f)},children:(0,D.jsx)(`div`,{className:`bg-black relative overflow-hidden shrink-0`,style:{borderRadius:36,width:t.width,height:t.height,transform:`scale(${f})`,transformOrigin:`top left`},children:o&&s&&(0,D.jsx)(`webview`,{ref:c,src:s,preload:o,partition:`persist:simulator`,allowpopups:``,style:{display:`flex`,flexDirection:`column`,width:t.width,height:t.height}})})}),a.status===`compiling`&&s&&(0,D.jsx)(`div`,{className:`absolute inset-0 flex items-center justify-center bg-black/50 rounded-[36px] z-10`,children:(0,D.jsx)(`div`,{className:`text-text-dim text-[13px]`,children:`正在编译中...`})}),a.status===`error`&&s&&(0,D.jsx)(`div`,{className:`absolute inset-0 flex items-center justify-center bg-black/70 rounded-[36px] z-10`,children:(0,D.jsxs)(`div`,{className:`text-center p-4`,children:[(0,D.jsx)(`div`,{className:`text-status-error text-[14px] font-medium mb-2`,children:`编译失败`}),(0,D.jsx)(`div`,{className:`text-status-error text-[11px] max-w-[280px] break-words`,children:a.message})]})}),(0,D.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,D.jsx)(S,{value:t.name,onChange:r,children:w.map(e=>(0,D.jsx)(`option`,{value:e.name,children:e.name},e.name))}),(0,D.jsx)(S,{value:n,onChange:i,className:`max-w-16`,children:y.map(e=>(0,D.jsxs)(`option`,{value:e,children:[e,`%`]},e))})]})]})]}),(0,D.jsx)(`div`,{className:`flex items-center px-2.5 bg-sim-bottom border-t border-border-subtle shrink-0 h-[30px] min-w-0`,children:(0,D.jsxs)(`div`,{className:`flex items-center gap-1 min-w-0`,children:[(0,D.jsx)(`span`,{className:`text-[11px] text-text-dim truncate min-w-0`,children:l||`—`}),l&&(0,D.jsx)(`button`,{className:m(`shrink-0 flex items-center justify-center w-4 h-4 rounded transition-colors`,u?`text-accent`:`text-text-dim hover:text-text`),onClick:d,title:`复制路径`,children:u?(0,D.jsx)(`svg`,{width:`10`,height:`10`,viewBox:`0 0 10 10`,fill:`none`,children:(0,D.jsx)(`polyline`,{points:`1.5,5 4,7.5 8.5,2.5`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`})}):(0,D.jsxs)(`svg`,{width:`10`,height:`10`,viewBox:`0 0 10 10`,fill:`none`,children:[(0,D.jsx)(`rect`,{x:`1`,y:`3`,width:`6`,height:`6.5`,rx:`1`,stroke:`currentColor`,strokeWidth:`1`}),(0,D.jsx)(`path`,{d:`M3 3V2a1 1 0 011-1h4a1 1 0 011 1v5a1 1 0 01-1 1H7`,stroke:`currentColor`,strokeWidth:`1`})]})})]})})]})}function $({node:e,depth:t}){let[n,r]=(0,E.useState)(t<3),i=t*16;if(e.tagName===`#text`)return(0,D.jsxs)(`div`,{className:`py-px leading-[18px] hover:bg-surface-2`,style:{paddingLeft:i},children:[(0,D.jsx)(`span`,{className:`w-3 inline-block`}),(0,D.jsx)(`span`,{className:`text-text`,children:e.text})]});if(e.tagName===`#fragment`)return(0,D.jsx)(D.Fragment,{children:(e.children??[]).map((e,n)=>(0,D.jsx)($,{node:e,depth:t},n))});let a=(e.children??[]).length>0,o=Object.entries(e.attrs),s=a&&e.children.length===1&&e.children[0].tagName===`#text`?e.children[0].text:null;return s?(0,D.jsxs)(`div`,{className:`py-px leading-[18px] hover:bg-surface-2`,style:{paddingLeft:i},children:[(0,D.jsx)(`span`,{className:`w-3 inline-block`}),(0,D.jsxs)(`span`,{className:`text-code-keyword`,children:[`<`,e.tagName]}),o.map(([e,t])=>(0,D.jsxs)(`span`,{children:[` `,(0,D.jsx)(`span`,{className:`text-code-blue`,children:e}),(0,D.jsx)(`span`,{className:`text-text-dim`,children:`=`}),(0,D.jsxs)(`span`,{className:`text-code-orange`,children:[`"`,t,`"`]})]},e)),(0,D.jsx)(`span`,{className:`text-code-keyword`,children:`>`}),(0,D.jsx)(`span`,{className:`text-text`,children:s}),(0,D.jsxs)(`span`,{className:`text-code-keyword`,children:[`</`,e.tagName,`>`]})]}):(0,D.jsxs)(`div`,{children:[(0,D.jsxs)(`div`,{className:`flex items-start hover:bg-surface-2 cursor-pointer py-px leading-[18px]`,style:{paddingLeft:i},onClick:()=>a&&r(!n),children:[(0,D.jsx)(`span`,{className:`text-text-dim w-3 shrink-0 text-center select-none`,children:a?n?`▾`:`▸`:` `}),(0,D.jsxs)(`span`,{children:[(0,D.jsxs)(`span`,{className:`text-code-keyword`,children:[`<`,e.tagName]}),o.map(([e,t])=>(0,D.jsxs)(`span`,{children:[` `,(0,D.jsx)(`span`,{className:`text-code-blue`,children:e}),(0,D.jsx)(`span`,{className:`text-text-dim`,children:`=`}),(0,D.jsxs)(`span`,{className:`text-code-orange`,children:[`"`,t,`"`]})]},e)),(0,D.jsx)(`span`,{className:`text-code-keyword`,children:a?`>`:` />`})]})]}),n&&a&&(0,D.jsxs)(D.Fragment,{children:[e.children.map((e,n)=>(0,D.jsx)($,{node:e,depth:t+1},n)),(0,D.jsxs)(`div`,{style:{paddingLeft:i},className:`py-px leading-[18px]`,children:[(0,D.jsx)(`span`,{className:`w-3 inline-block`}),(0,D.jsxs)(`span`,{className:`text-code-keyword`,children:[`</`,e.tagName,`>`]})]})]})]})}function Jt({tree:e,onRefresh:t}){return e?(0,D.jsxs)(`div`,{className:`flex flex-col flex-1 overflow-hidden`,children:[(0,D.jsx)(`div`,{className:`flex items-center px-2.5 py-1.5 border-b border-border-subtle shrink-0 bg-bg-panel`,children:(0,D.jsx)(C,{variant:`outline`,size:`xs`,onClick:t,className:`hover:border-accent hover:text-accent`,children:`↻ 刷新`})}),(0,D.jsx)(`div`,{className:`flex-1 overflow-y-auto p-2 font-mono text-[12px]`,children:(0,D.jsx)($,{node:e,depth:0})})]}):(0,D.jsxs)(`div`,{className:`flex flex-col flex-1 overflow-hidden`,children:[(0,D.jsx)(`div`,{className:`flex items-center px-2.5 py-1.5 border-b border-border-subtle shrink-0 bg-bg-panel`,children:(0,D.jsx)(C,{variant:`outline`,size:`xs`,onClick:t,className:`hover:border-accent hover:text-accent`,children:`↻ 刷新`})}),(0,D.jsx)(`div`,{className:`text-[12px] text-text-dim text-center px-4 py-6`,children:`等待小程序加载...`})]})}function Yt({data:e,onRefresh:t}){let n=Object.keys(e);return(0,D.jsxs)(`div`,{className:`flex flex-col overflow-hidden flex-1`,children:[(0,D.jsx)(`div`,{className:`flex items-center px-2.5 py-1.5 border-b border-border-subtle shrink-0 bg-bg-panel`,children:(0,D.jsx)(C,{variant:`outline`,size:`xs`,onClick:t,className:`hover:border-accent hover:text-accent`,children:`↻ 刷新`})}),n.length===0?(0,D.jsx)(`div`,{className:`text-[12px] text-text-dim text-center px-4 py-6`,children:`暂无数据（需小程序触发 setData）`}):(0,D.jsx)(`div`,{className:`flex flex-col gap-2 p-2 overflow-y-auto flex-1`,children:n.map(t=>(0,D.jsxs)(`div`,{className:`border border-border-subtle rounded overflow-hidden shrink-0`,children:[(0,D.jsx)(`div`,{className:`bg-surface-3 px-2 py-0.5 text-[11px] text-code-label truncate`,children:t}),(0,D.jsx)(`pre`,{className:`px-2 py-1.5 text-[12px] font-mono text-code-blue whitespace-pre-wrap break-all`,children:JSON.stringify(e[t],null,2)})]},t))})]})}function Xt({items:e,onRefresh:t}){return(0,D.jsxs)(`div`,{className:`flex flex-col overflow-hidden flex-1`,children:[(0,D.jsx)(`div`,{className:`flex items-center px-2.5 py-1.5 border-b border-border-subtle shrink-0 bg-bg-panel`,children:(0,D.jsx)(C,{variant:`outline`,size:`xs`,onClick:t,className:`hover:border-accent hover:text-accent`,children:`↻ 刷新`})}),(0,D.jsx)(`div`,{className:`flex-1 overflow-y-auto`,children:e.length===0?(0,D.jsx)(`div`,{className:`text-[12px] text-text-dim text-center px-4 py-6`,children:`暂无 Storage 数据`}):(0,D.jsxs)(`table`,{className:`w-full border-collapse text-[12px]`,children:[(0,D.jsx)(`thead`,{children:(0,D.jsxs)(`tr`,{children:[(0,D.jsx)(`th`,{className:`text-left text-code-label font-normal px-2.5 py-1 border-b border-border-subtle text-[11px] sticky top-0 bg-bg z-10`,children:`Key`}),(0,D.jsx)(`th`,{className:`text-left text-code-label font-normal px-2.5 py-1 border-b border-border-subtle text-[11px] sticky top-0 bg-bg z-10`,children:`Value`})]})}),(0,D.jsx)(`tbody`,{children:e.map(({key:e,value:t})=>(0,D.jsxs)(`tr`,{className:`hover:[&>td]:bg-surface`,children:[(0,D.jsx)(`td`,{className:`px-2.5 py-0.5 border-b border-border-subtle font-mono text-code-blue whitespace-nowrap w-px pr-5 align-top`,children:e}),(0,D.jsx)(`td`,{className:`px-2.5 py-0.5 border-b border-border-subtle font-mono text-code-orange break-all align-top`,children:typeof t==`object`?JSON.stringify(t):String(t)})]},e))})]})})]})}function Zt({project:e}){let t=(0,E.useRef)(null),[n,r]=(0,E.useState)(!1),{session:i,device:a,simulator:o,panelData:s,rightPane:c,popover:l}=He({projectPath:e.path});(0,E.useEffect)(()=>{let t=`Dimina DevTools`;return document.title=`${e.name} - ${t}`,O().then(n=>{n?.appName&&(t=n.appName,document.title=`${e.name} - ${t}`)}).catch(()=>{}),()=>{document.title=t}},[e.name]),(0,E.useEffect)(()=>()=>{t.current!==null&&window.clearTimeout(t.current)},[]);async function u(){if(o.currentPage)try{await navigator.clipboard.writeText(o.currentPage),r(!0),t.current!==null&&window.clearTimeout(t.current),t.current=window.setTimeout(()=>r(!1),de)}catch{r(!1)}}return(0,D.jsxs)(`div`,{className:`flex flex-col h-screen`,children:[(0,D.jsx)(Kt,{compileDropdownRef:l.compileDropdownRef,showCompilePanel:l.showCompilePanel,onToggleCompilePanel:l.toggleCompilePanel,onRelaunch:()=>i.relaunch(),compileStatus:i.compileStatus,rightPane:c.rightPane,onToggleRightPaneVisible:c.toggleRightPaneVisible,onSelectRightPane:c.selectRightPane}),(0,D.jsxs)(`div`,{className:`flex flex-1 overflow-hidden`,children:[(0,D.jsx)(qt,{simPanelWidth:a.simPanelWidth,device:a.device,zoom:a.zoom,onDeviceChange:a.handleDeviceChange,onZoomChange:a.handleZoomChange,compileStatus:i.compileStatus,preloadPath:i.preloadPath,simulatorUrl:o.simulatorUrl,simulatorRef:o.simulatorRef,currentPage:o.currentPage,copied:n,onCopyPagePath:u}),(0,D.jsx)(`div`,{className:`w-1 bg-surface-splitter border-l border-r border-border-subtle cursor-col-resize shrink-0 transition-colors hover:bg-accent active:bg-accent`,onMouseDown:a.handleSplitterDrag}),(0,D.jsxs)(`div`,{className:`flex flex-1 overflow-hidden`,children:[c.rightPane.selected===`wxml`&&(0,D.jsx)(Jt,{tree:s.wxmlTree,onRefresh:s.refreshWxml}),c.rightPane.selected===`appdata`&&(0,D.jsx)(Yt,{data:s.appData,onRefresh:s.refreshAppData}),c.rightPane.selected===`storage`&&(0,D.jsx)(Xt,{items:s.storageItems,onRefresh:s.refreshStorage}),c.rightPane.selected===`simulator`&&(0,D.jsx)(`div`,{className:`flex-1`})]})]})]})}var Qt=`Dimina DevTools`;function $t(){let[e,t]=(0,E.useState)(`list`),[n,r]=(0,E.useState)(null),[i,a]=(0,E.useState)([]),[o,s]=(0,E.useState)(Qt);async function c(){a(await k())}(0,E.useEffect)(()=>{c(),O().then(e=>{e?.appName&&(s(e.appName),document.title=e.appName)}).catch(()=>{})},[]),(0,E.useEffect)(()=>te(()=>{document.title=o,t(`list`),r(null),k().then(a)}),[o]);async function l(){let e=await Te();if(!e)return;let t=await Ee(e);await c(),d(t)}async function u(e){await De(e.path),await c()}function d(e){r(e),t(`project`)}return e===`list`?(0,D.jsx)(Ce,{projects:i,onAdd:l,onOpen:d,onRemove:u}):(0,D.jsx)(Zt,{project:n},n?.path)}xe.createRoot(document.getElementById(`root`)).render((0,D.jsx)($t,{}));
-//# sourceMappingURL=index-kcmIQPCg.js.map