vite-devtools-svelte 0.5.0 → 0.6.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +17 -5
- package/dist/analyzers/api.d.ts +17 -4
- package/dist/analyzers/assets.d.ts +0 -1
- package/dist/analyzers/build.d.ts +7 -1
- package/dist/analyzers/html.d.ts +24 -0
- package/dist/analyzers/http.d.ts +9 -0
- package/dist/analyzers/module-graph.d.ts +9 -0
- package/dist/analyzers/og.d.ts +18 -4
- package/dist/analyzers/project.d.ts +1 -0
- package/dist/analyzers/routes.d.ts +22 -1
- package/dist/analyzers/script.d.ts +26 -0
- package/dist/analyzers/source.d.ts +8 -3
- package/dist/analyzers/text.d.ts +6 -0
- package/dist/client/assets/ApiPlayground-r3PMCbhw.js +3 -0
- package/dist/client/assets/Assets-F6ySiRNw.js +1 -0
- package/dist/client/assets/BuildAnalysis-Ci5Or0e4.js +1 -0
- package/dist/client/assets/CaptureNotice-DNYJjRjY.js +1 -0
- package/dist/client/assets/{Components-Co50xTrv.css → Components-DcHDCSmh.css} +1 -1
- package/dist/client/assets/Components-DzrFq-Jl.js +2 -0
- package/dist/client/assets/DataTable-C8wIHfdk.js +1 -0
- package/dist/client/assets/DataTable-gMBzprA7.css +1 -0
- package/dist/client/assets/ErrorDashboard-DvBrkCGu.js +1 -0
- package/dist/client/assets/FpsMonitor-Bot5x4nP.js +1 -0
- package/dist/client/assets/FpsMonitor-D0MLqumc.css +1 -0
- package/dist/client/assets/Inspect-TF2sVdn4.js +4 -0
- package/dist/client/assets/Inspector-pD5_jg0-.js +1 -0
- package/dist/client/assets/LiveControls-BDWnVlkm.js +1 -0
- package/dist/client/assets/LoadProfiler-9jiBcPzy.css +1 -0
- package/dist/client/assets/LoadProfiler-RcwiKanZ.js +1 -0
- package/dist/client/assets/ModuleGraph-BscNTo-U.js +1 -0
- package/dist/client/assets/OGPreview-Ca39RUrW.js +1 -0
- package/dist/client/assets/Overview-CNCVS-EJ.js +1 -0
- package/dist/client/assets/Panel-BoUvB1nh.js +1 -0
- package/dist/client/assets/Panel-b1jDvzob.css +1 -0
- package/dist/client/assets/ReactiveGraph-BInCBdAu.css +1 -0
- package/dist/client/assets/ReactiveGraph-BmQbARuQ.js +17 -0
- package/dist/client/assets/RefreshButton-QYzgSJG9.js +1 -0
- package/dist/client/assets/RenderProfiler-Brp8i8K4.js +1 -0
- package/dist/client/assets/RenderProfiler-C0XQZUzw.css +1 -0
- package/dist/client/assets/ResourceEmpty-BBhK6GZB.js +1 -0
- package/dist/client/assets/Routes-BS5YDx3C.js +1 -0
- package/dist/client/assets/SearchField-C1RVVJht.js +1 -0
- package/dist/client/assets/Segmented-CK2euuus.js +1 -0
- package/dist/client/assets/SplitView-D7jY4n9A.js +1 -0
- package/dist/client/assets/StatList-Cd2sByRK.js +1 -0
- package/dist/client/assets/StatList-CwVfs0x8.css +1 -0
- package/dist/client/assets/StateTimeline-CaYBN88_.js +1 -0
- package/dist/client/assets/TreeView-T5wWFSLQ.js +1 -0
- package/dist/client/assets/VirtualList-CLxNqdaN.js +1 -0
- package/dist/client/assets/browser-agent-rpc-BXhoSh1z-DrvKG05N.js +1 -0
- package/dist/client/assets/capture.svelte-CetYVdiG.js +1 -0
- package/dist/client/assets/collections-BtFss6Lo.js +1 -0
- package/dist/client/assets/index-BBFupqc_.js +3 -0
- package/dist/client/assets/index-C_6yCKMs.css +1 -0
- package/dist/client/assets/kind-options-BLIV2wQY.js +1 -0
- package/dist/client/assets/nanoid-Cya-tyvy.js +1 -0
- package/dist/client/assets/reactive-BQ_s2f5H.js +1 -0
- package/dist/client/assets/reactive-selection.svelte-DI6qEBmx.js +1 -0
- package/dist/client/assets/resource-f-V9vBwK.css +1 -0
- package/dist/client/assets/resource.svelte-GBY8qvgR.js +5 -0
- package/dist/client/assets/versions-Dmo1-Hsc.js +1 -0
- package/dist/client/index.html +5 -2
- package/dist/index.mjs +2464 -1951
- package/dist/index.mjs.map +1 -1
- package/dist/mcp/http.d.ts +24 -0
- package/dist/mcp/issues.d.ts +10 -6
- package/dist/mcp/server.d.ts +6 -17
- package/dist/mcp/sessions.d.ts +27 -17
- package/dist/mcp/stats.d.ts +13 -0
- package/dist/plugin.d.ts +14 -22
- package/dist/runtime/ids.d.ts +3 -0
- package/dist/runtime/index.d.ts +18 -0
- package/dist/runtime/transform.d.ts +22 -0
- package/dist/{collector.d.ts → server/collector.d.ts} +59 -119
- package/dist/server/compiler-warnings.d.ts +13 -0
- package/dist/{devframe.d.ts → server/devframe.d.ts} +11 -11
- package/dist/server/load-profile.d.ts +12 -0
- package/dist/{mount.d.ts → server/mount.d.ts} +6 -9
- package/dist/server/payload.d.ts +11 -0
- package/dist/server/reactive.d.ts +30 -0
- package/dist/server/ring.d.ts +11 -0
- package/dist/{security.d.ts → server/security.d.ts} +13 -3
- package/dist/server/state-timeline.d.ts +72 -0
- package/package.json +9 -4
- package/skills/vite-devtools-svelte-perf-audit/SKILL.md +2 -2
- package/skills/vite-devtools-svelte-perf-fix/SKILL.md +3 -3
- package/dist/client/assets/ApiPlayground-B28mCUlr.js +0 -3
- package/dist/client/assets/Assets-BVT22xZ3.js +0 -1
- package/dist/client/assets/Badge-BBLKgCiU.css +0 -1
- package/dist/client/assets/Badge-x4Lbd8pc.js +0 -1
- package/dist/client/assets/BuildAnalysis-BscZFEWI.js +0 -1
- package/dist/client/assets/CaptureNotice-D0u6WNeR.js +0 -1
- package/dist/client/assets/Components-sw5zdu0k.js +0 -1
- package/dist/client/assets/DataTable-CdM2Vyvn.js +0 -1
- package/dist/client/assets/DataTable-CdVIFm8T.css +0 -1
- package/dist/client/assets/ErrorDashboard-BwGMVW_-.js +0 -1
- package/dist/client/assets/FpsMonitor-BmS11Tn7.css +0 -1
- package/dist/client/assets/FpsMonitor-C0FeLiag.js +0 -1
- package/dist/client/assets/Inspect-B-jb8MaB.js +0 -3
- package/dist/client/assets/Inspector-C4wr2Zb4.js +0 -1
- package/dist/client/assets/LoadProfiler-WeP1orWN.js +0 -1
- package/dist/client/assets/LoadProfiler-cg28l5zW.css +0 -1
- package/dist/client/assets/ModuleGraph-BYer7OEL.js +0 -1
- package/dist/client/assets/OGPreview-MRxnmCmb.js +0 -1
- package/dist/client/assets/Overview-CDBKKylY.js +0 -1
- package/dist/client/assets/ReactiveGraph-Bni33DP4.js +0 -5
- package/dist/client/assets/ReactiveGraph-Bq_aP4uo.css +0 -1
- package/dist/client/assets/RenderProfiler-2rA8kCUf.js +0 -1
- package/dist/client/assets/RenderProfiler-CS1FAvX6.css +0 -1
- package/dist/client/assets/Routes-BZ5XcmEt.js +0 -1
- package/dist/client/assets/SearchField-D85HSGV_.js +0 -1
- package/dist/client/assets/Segmented-BCcIUjA2.js +0 -1
- package/dist/client/assets/SplitView-DVk1HAf9.js +0 -1
- package/dist/client/assets/StateTimeline-DjTXe54T.js +0 -1
- package/dist/client/assets/TreeView-e7dNH8HW.js +0 -1
- package/dist/client/assets/VirtualList-Ba0GhFn8.js +0 -1
- package/dist/client/assets/browser-agent-rpc-BXhoSh1z-UMmvacmP.js +0 -1
- package/dist/client/assets/capture.svelte-fve1ihQA.js +0 -1
- package/dist/client/assets/format-CW_NXiBg.js +0 -1
- package/dist/client/assets/index-CuoAAt-d.js +0 -7
- package/dist/client/assets/index-u73uo_Ri.css +0 -1
- package/dist/client/assets/reactive-BSjTkgqc.js +0 -1
- package/dist/client/assets/reactive-selection.svelte-BmjgYyWR.js +0 -1
- package/dist/client/assets/versions-zyEGB_mz.js +0 -1
- package/dist/runtime.d.ts +0 -19
- /package/dist/client/assets/{versions-CMau2xlU.css → LiveControls-CMau2xlU.css} +0 -0
- /package/dist/{template-injector.d.ts → server/template-injector.d.ts} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.badge.svelte-1fmrh5r{border-radius:var(--radius-sm);height:17px;font-size:var(--fs-2xs);letter-spacing:.01em;white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0;align-items:center;gap:3px;padding:0 6px;font-weight:600;line-height:1;display:inline-flex}.neutral.svelte-1fmrh5r{background:var(--bg-active);color:var(--fg-muted)}.accent.svelte-1fmrh5r{background:var(--bg-selected);color:var(--accent-fg)}.green.svelte-1fmrh5r{background:var(--green-bg);color:var(--green)}.yellow.svelte-1fmrh5r{background:var(--yellow-bg);color:var(--yellow)}.red.svelte-1fmrh5r{background:var(--red-bg);color:var(--red)}.blue.svelte-1fmrh5r{background:var(--blue-bg);color:var(--blue)}.purple.svelte-1fmrh5r{background:var(--purple-bg);color:var(--purple)}.cyan.svelte-1fmrh5r{background:var(--cyan-bg);color:var(--cyan)}.panel.svelte-6jyhgm{flex-direction:column;min-width:0;height:100%;display:flex}.header.svelte-6jyhgm{min-height:var(--header-h);border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:6px 10px;padding:8px 12px 8px 16px;display:flex}.title.svelte-6jyhgm{font-size:var(--fs-md);letter-spacing:-.005em;white-space:nowrap;align-items:baseline;gap:8px;margin:0 6px 0 0;font-weight:600;display:flex}.count.svelte-6jyhgm{font-size:var(--fs-xs);color:var(--fg-faint);font-weight:500}.toolbar.svelte-6jyhgm{flex-wrap:wrap;flex:260px;align-items:center;gap:6px;min-width:0;display:flex}.actions.svelte-6jyhgm{align-items:center;gap:4px;margin-left:auto;display:flex}.body.svelte-6jyhgm{flex:1;min-height:0;position:relative}.body.scroll.svelte-6jyhgm{overflow:auto}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.graph-container.svelte-kaeped{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;flex:1;position:relative;overflow:hidden}.graph-container.dragging.svelte-kaeped{cursor:grabbing}.empty.svelte-kaeped{color:var(--fg-muted);font-size:var(--fs-sm);cursor:default;padding:16px}svg.svelte-kaeped{display:block}.zoom-controls.svelte-kaeped{background:var(--bg-elevated);border:1px solid var(--border);z-index:10;cursor:default;border-radius:6px;align-items:center;display:flex;position:absolute;top:8px;right:8px;overflow:hidden}.zoom-btn.svelte-kaeped,.zoom-label.svelte-kaeped{color:var(--fg-muted);cursor:pointer;font-size:13px;font-family:var(--font-mono);background:0 0;border:none;padding:4px 10px;line-height:1}.zoom-btn.svelte-kaeped:hover,.zoom-label.svelte-kaeped:hover{background:var(--bg-active);color:var(--fg)}.zoom-label.svelte-kaeped{text-align:center;border-left:1px solid var(--border);border-right:1px solid var(--border);min-width:44px;font-size:10px}.component-box.svelte-kaeped{fill:var(--bg-active);stroke:var(--border);stroke-width:1px;stroke-dasharray:4 3}.component-label.svelte-kaeped{fill:var(--accent-hover);font-size:9px;font-family:var(--font-mono);font-weight:600}.node-name.svelte-kaeped{fill:var(--fg)}.node-type.svelte-kaeped{fill:var(--fg-muted)}.node-meta.svelte-kaeped{fill:var(--fg-faint)}.node-value.svelte-kaeped{fill:var(--accent-hover)}.node-divider.svelte-kaeped{stroke:var(--border);opacity:1}.edge.svelte-kaeped{fill:none;stroke-width:2px;opacity:.5;transition:opacity .3s}.edge.highlighted.svelte-kaeped{stroke-width:2.5px;opacity:1}.arrow.svelte-kaeped{opacity:.5;transition:opacity .3s}.arrow.highlighted.svelte-kaeped{opacity:1}.edge-sweep.svelte-kaeped{fill:none;stroke-width:3.5px;opacity:.9;stroke-dasharray:600;stroke-dashoffset:600px;stroke-linecap:round;animation:svelte-kaeped-sweep-line var(--sweep-dur,.4s) ease-in-out var(--sweep-delay,0s) 1 forwards}@keyframes svelte-kaeped-sweep-line{0%{stroke-dashoffset:600px;opacity:.9}to{stroke-dashoffset:0;opacity:0}}.node.svelte-kaeped{cursor:pointer}.node.svelte-kaeped:hover rect:where(.svelte-kaeped){stroke-width:2.5px}.glow-ring.svelte-kaeped{opacity:0;animation:svelte-kaeped-ring-pulse .3s ease-out var(--node-delay,0s) 1 forwards}@keyframes svelte-kaeped-ring-pulse{0%{opacity:0;stroke-width:0}30%{opacity:1;stroke-width:3px}to{opacity:0;stroke-width:1px}}.overview.svelte-1av2564{flex-direction:column;height:100%;min-height:0;display:flex}.table.svelte-1av2564{flex:1;min-height:0}.record.svelte-1av2564{border-bottom:1px solid var(--border);font-size:var(--fs-xs);flex-wrap:wrap;gap:4px 20px;margin:0;padding:8px 14px;display:flex}.record.svelte-1av2564 div:where(.svelte-1av2564){gap:6px;display:flex}.record.svelte-1av2564 dt:where(.svelte-1av2564){color:var(--fg-faint)}.record.svelte-1av2564 dd:where(.svelte-1av2564){color:var(--fg-muted);margin:0}.record.svelte-1av2564 .warn:where(.svelte-1av2564) dd:where(.svelte-1av2564){color:var(--yellow)}.foot.svelte-1av2564,.note.svelte-1av2564{font-size:var(--fs-xs);color:var(--fg-faint);margin:0;padding:6px 14px}.foot.svelte-1av2564{border-top:1px solid var(--border)}.overview.svelte-whbea8{flex-direction:column;height:100%;min-height:0;display:flex}.table.svelte-whbea8{flex:1;min-height:0}.baseline.svelte-whbea8{border-bottom:1px solid var(--border);background:var(--yellow-bg);color:var(--yellow);font-size:var(--fs-xs);margin:0;padding:6px 14px}.foot.svelte-whbea8{border-top:1px solid var(--border);font-size:var(--fs-xs);color:var(--fg-faint);margin:0;padding:6px 14px}.name.svelte-whbea8{font-size:var(--fs-sm)}.value.svelte-whbea8{color:var(--fg-muted);font-size:var(--fs-xs)}.link.svelte-w124zo{color:var(--accent-fg);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.flash.svelte-w124zo{animation:svelte-w124zo-flash 1s var(--ease)}@keyframes svelte-w124zo-flash{0%{background:var(--yellow-bg);color:var(--yellow)}}.scope.svelte-1mo53p6{max-width:200px}.hint.svelte-1mo53p6{font-size:var(--fs-xs);color:var(--fg-faint);white-space:nowrap}.local.svelte-1mo53p6{flex-direction:column;height:100%;min-height:0;display:flex}.body.svelte-1mo53p6{flex:1;min-height:0}.legend.svelte-1mo53p6{border-bottom:1px solid var(--border);font-size:var(--fs-xs);color:var(--fg-faint);margin:0;padding:6px 14px}.scope-bar.svelte-1mo53p6{border-bottom:1px solid var(--border);font-size:var(--fs-sm);justify-content:space-between;align-items:center;gap:8px;padding:4px 8px 4px 14px;display:flex}.link.svelte-1mo53p6{color:var(--accent-fg);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.graph.svelte-1mo53p6{height:100%;padding:8px}.name.svelte-1mo53p6{font-size:var(--fs-sm)}.value.svelte-1mo53p6{color:var(--fg-muted);font-size:var(--fs-xs)}.flash.svelte-1mo53p6{animation:svelte-1mo53p6-flash 1s var(--ease)}@keyframes svelte-1mo53p6-flash{0%{background:var(--yellow-bg);color:var(--yellow)}}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import{A as e,B as t,Bt as n,Ct as r,Dt as i,E as a,Ft as o,Gt as s,H as c,Ht as l,It as u,J as d,Jt as f,K as p,Kt as m,Lt as h,Mt as g,Nt as _,Ot as v,P as y,Pt as b,R as x,Rt as S,St as C,Tt as w,Ut as T,V as E,W as D,_t as O,at as k,bt as A,ft as j,g as M,ht as N,it as ee,kt as te,n as ne,nt as P,pt as F,qt as I,r as L,rt as re,tt as R,ut as ie,vt as z,wt as ae,xt as B,yt as V,z as oe,zt as H}from"./resource.svelte-GBY8qvgR.js";import{a as se,i as ce,n as le,r as ue,t as de}from"./index-BBFupqc_.js";import{n as U,t as fe}from"./Panel-BoUvB1nh.js";import{t as pe}from"./SearchField-C1RVVJht.js";import{t as me}from"./SplitView-D7jY4n9A.js";import{t as he}from"./DataTable-C8wIHfdk.js";import{t as ge}from"./Inspector-pD5_jg0-.js";import{t as W}from"./Segmented-CK2euuus.js";import{n as _e}from"./collections-BtFss6Lo.js";import{t as ve}from"./CaptureNotice-DNYJjRjY.js";import{t as ye}from"./LiveControls-BDWnVlkm.js";import{t as G}from"./reactive-selection.svelte-DI6qEBmx.js";import{t as be}from"./versions-Dmo1-Hsc.js";import{t as xe}from"./capture.svelte-CetYVdiG.js";import{a as Se,c as K,d as q,f as Ce,g as we,h as Te,i as Ee,l as J,m as De,n as Oe,o as ke,p as Ae,r as je,s as Me,t as Ne,u as Pe}from"./reactive-BQ_s2f5H.js";var Fe=280,Ie=78,Y=28,X=40,Le={state:0,derived:1,effect:2,template:3},Re=e=>y(e,``);function ze(e,t){if(e.length===0)return{positions:new Map,width:0,height:0,componentBoxes:[]};let n=new Map(e.map(e=>[e.id,e])),r=new Map,i=new Map,a=new Map;for(let t of e)r.set(t.id,0),i.set(t.id,[]),a.set(t.id,[]);t=t.filter(e=>n.has(e.from)&&n.has(e.to));for(let e of t)i.get(e.from).push(e.to),a.get(e.to).push(e.from),r.set(e.to,r.get(e.to)+1);let o=[],s=e.filter(e=>r.get(e.id)===0).map(e=>e.id),c=new Set;for(;s.length>0;){o.push([...s]);for(let e of s)c.add(e);let e=[];for(let t of s)for(let n of i.get(t))r.set(n,r.get(n)-1),r.get(n)===0&&!c.has(n)&&e.push(n);s=e}let l=e.filter(e=>!c.has(e.id)).map(e=>e.id);l.length>0&&o.push(l);for(let e of o)e.sort((e,t)=>{let r=n.get(e),i=n.get(t),a=r.componentFile.localeCompare(i.componentFile);return a===0?(Le[r.type]??3)-(Le[i.type]??3):a});let u=new Map;for(let e of o)for(let[t,n]of e.entries())u.set(n,t);for(let e=0;e<4;e++){for(let e of o.slice(1)){let t=new Map;for(let n of e){let e=a.get(n);t.set(n,e.reduce((e,t)=>e+u.get(t),0)/e.length)}e.sort((e,r)=>{let i=n.get(e),a=n.get(r),o=i.componentFile.localeCompare(a.componentFile);return o===0?t.get(e)-t.get(r):o});for(let[t,n]of e.entries())u.set(n,t)}for(let e=o.length-2;e>=0;e--){let t=o[e],r=new Map;for(let e of t){let t=i.get(e);if(t.length>0){let n=t.reduce((e,t)=>e+u.get(t),0)/t.length;r.set(e,n)}else r.set(e,u.get(e))}t.sort((e,t)=>{let i=n.get(e),a=n.get(t),o=i.componentFile.localeCompare(a.componentFile);return o===0?r.get(e)-r.get(t):o});for(let[e,n]of t.entries())u.set(n,e)}}let d=[],f=[];for(let e of o){let t=[],r=X,i=``;for(let[a,o]of e.entries()){let e=n.get(o).componentFile;a>0&&e!==i&&(r+=Y),t.push({id:o,comp:e}),r+=Ie,i=e}d.push(t),f.push(r)}let p=Math.max(...f,80),m=new Map;for(let[e,t]of d.entries()){let n=X+(p-f[e])/2,r=``;for(let[i,{id:a,comp:o}]of t.entries())i>0&&o!==r&&(n+=Y),m.set(a,{x:X+e*Fe,y:n}),n+=Ie,r=o}for(let e=0;e<6;e++)for(let e of o){if(e.length<=1)continue;let t=new Map;for(let n of e){let e=a.get(n),r=i.get(n),o=[...e,...r].filter(e=>m.has(e));if(o.length>0){let e=o.reduce((e,t)=>e+m.get(t).y,0)/o.length;t.set(n,e)}}let r=e.toSorted((e,t)=>m.get(e).y-m.get(t).y);for(let[e,i]of r.entries()){let a=t.get(i);if(a===void 0)continue;let o=m.get(i),s=e>0?r[e-1]:null,c=e<r.length-1?r[e+1]:null,l=s?n.get(s):null,u=n.get(i),d=s&&l&&l.componentFile!==u.componentFile?Y:0,f=s?m.get(s).y+Ie+d:X,h=c?n.get(c):null,g=c&&h&&h.componentFile!==u.componentFile?Y:0,_=c?m.get(c).y-Ie-g:p,v=Math.max(f,Math.min(_,a));m.set(i,{x:o.x,y:v})}}let h=0;for(let[,e]of m)h=Math.max(h,e.y+58);let g=[];for(let[e,t]of o.entries()){let r=new Map;for(let e of t){let t=n.get(e),i=m.get(e),a=r.get(t.componentFile);a?a.push(i):r.set(t.componentFile,[i])}for(let[t,n]of r){let r=Re(t),i=1/0,a=-1/0;for(let e of n)i=Math.min(i,e.y),a=Math.max(a,e.y+58);let o=X+e*Fe;g.push({file:r,componentFile:t,x:o-14,y:i-14,w:188,h:a-i+28})}}return{positions:m,width:80+o.length*Fe,height:h+X,componentBoxes:g}}function Z(e,t,n){if(n.size===0)return{affected:new Set,edgeKeys:new Set,depths:new Map};let r=new Map;for(let t of e)r.set(t.id,[]);for(let e of t)r.get(e.from)?.push(e.to);let i=new Map,a=[];for(let e of n)a.push({id:e,depth:0});for(;a.length>0;){let{id:e,depth:t}=a.shift();if(!i.has(e)){i.set(e,t);for(let n of r.get(e)??[])a.push({id:n,depth:t+1})}}let o=new Set(i.keys()),s=new Set;for(let e of t)o.has(e.from)&&o.has(e.to)&&s.add(`${e.from}→${e.to}`);return{affected:o,edgeKeys:s,depths:i}}var Be=V(`<p class="empty svelte-kaeped">No reactive signals tracked yet.</p>`),Ve=A(`<filter x="-50%" y="-50%" width="200%" height="200%" class="svelte-kaeped"><feGaussianBlur stdDeviation="6" result="blur" class="svelte-kaeped"></feGaussianBlur><feFlood flood-opacity="0.7" class="svelte-kaeped"></feFlood><feComposite in2="blur" operator="in" class="svelte-kaeped"></feComposite><feMerge class="svelte-kaeped"><feMergeNode class="svelte-kaeped"></feMergeNode><feMergeNode in="SourceGraphic" class="svelte-kaeped"></feMergeNode></feMerge></filter>`),Q=A(`<rect rx="10" ry="10" class="component-box svelte-kaeped"></rect><text class="component-label svelte-kaeped"> </text>`,1),He=A(`<path class="edge-sweep svelte-kaeped"></path>`),Ue=A(`<path></path><!><polygon></polygon>`,1),We=A(`<rect x="-4" y="-4" rx="10" ry="10" fill="none" stroke-width="2" class="glow-ring svelte-kaeped"></rect>`),$=A(`<text y="36" text-anchor="end" class="node-value svelte-kaeped" font-size="10" font-family="DM Mono, monospace" font-weight="500"> </text>`),Ge=A(`<g role="button" tabindex="0"><!><rect rx="6" ry="6" fill="var(--bg-elevated)" class="svelte-kaeped"></rect><circle cx="12" cy="16" r="4" class="svelte-kaeped"></circle><text x="22" y="16" dominant-baseline="middle" class="node-name svelte-kaeped" font-size="11" font-family="DM Mono, monospace"> </text><text y="16" text-anchor="end" dominant-baseline="middle" class="node-type svelte-kaeped" font-size="9" font-family="DM Sans, sans-serif" font-weight="600"> </text><text x="12" y="36" class="node-meta svelte-kaeped" font-size="9" font-family="DM Mono, monospace"> </text><!><line x1="6" y1="24" y2="24" class="node-divider svelte-kaeped" stroke-width="0.5"></line></g>`),Ke=A(`<svg width="100%" height="100%" class="svelte-kaeped"><defs class="svelte-kaeped"></defs><!><!><!></svg>`),qe=V(`<div><div class="zoom-controls svelte-kaeped"><button type="button" class="zoom-btn svelte-kaeped" title="Zoom out" aria-label="Zoom out">−</button> <button type="button" class="zoom-label svelte-kaeped" title="Fit to view"> </button> <button type="button" class="zoom-btn svelte-kaeped" title="Zoom in" aria-label="Zoom in">+</button></div> <!></div>`);function Je(e,i){T(i,!0);let a=p(i,`changedNodeIds`,19,()=>new Set),c=p(i,`selectedNodeId`,15,null),u=S(0),y=S(0),x=S(800),C=S(400),E=S(!1),D=0,A=0,M=0,ne=0,P=S(null),I=1.2,L=8e3,re=S(800),B=n(()=>Math.round(w(re)/w(x)*100)),V=!1;function oe(){V=!0,le(1/I,w(u)+w(x)/2,w(y)+w(C)/2)}function se(){V=!0,le(I,w(u)+w(x)/2,w(y)+w(C)/2)}function ce(){V=!1,ue()}function le(e,t,n){let r=Math.min(L,Math.max(100,w(x)*e)),i=Math.min(L,Math.max(100,w(C)*e)),a=r/w(x);h(u,t-(t-w(u))*a),h(y,n-(n-w(y))*a),h(x,r,!0),h(C,i,!0)}function ue(){if(!w(P)||w(W).width===0)return;let e=w(P).getBoundingClientRect();if(e.width===0||e.height===0){requestAnimationFrame(()=>ue());return}let t=e.width/e.height,n=Math.max(w(W).width,200)+160,r=Math.max(w(W).height,100)+160,i=n/r,a,o;i>t?(a=n,o=n/t):(o=r,a=r*t);let s=e.width/110*160,c=e.height/110*160;a>s&&(a=s,o=s/t),o>c&&(o=c,a=c*t),h(x,a,!0),h(C,o,!0),h(u,(w(W).width-w(x))/2),h(y,(w(W).height-w(C))/2),h(re,w(x),!0)}let de=0;te(()=>{let e=i.nodes.length;e>0&&e!==de&&!V&&requestAnimationFrame(()=>ue()),de=e});function U(e){e.preventDefault(),V=!0;let t=e.deltaY>0?I:1/I;if(!w(P))return;let n=w(P).getBoundingClientRect();le(t,w(u)+(e.clientX-n.left)/n.width*w(x),w(y)+(e.clientY-n.top)/n.height*w(C))}function fe(e){e.target.closest(`.node`)||(V=!0,h(E,!0),D=e.clientX,A=e.clientY,M=w(u),ne=w(y),e.currentTarget.setPointerCapture(e.pointerId))}function pe(e){if(!w(E)||!w(P))return;let t=w(P).getBoundingClientRect(),n=(e.clientX-D)/t.width*w(x),r=(e.clientY-A)/t.height*w(C);h(u,M-n),h(y,ne-r)}function me(){h(E,!1)}let he=(e,t=14)=>e.length>t?e.slice(0,t-1)+`…`:e,ge=e=>he(typeof e==`string`?e:t(e)),W=n(()=>ze(i.nodes,i.edges)),_e=n(()=>Z(i.nodes,i.edges,a()));function ve(e){return(w(_e).depths.get(e)??0)*700}function ye(e){return ve(e)+300}let G={state:{color:`var(--blue)`,glow:`#3b82f6`},derived:{color:`var(--green)`,glow:`#22c55e`},effect:{color:`var(--red)`,glow:`#ef4444`},template:{color:`var(--purple)`,glow:`#a855f7`}};function be(e){c(c()===e.id?null:e.id),i.onSelectNode?.(c()?e:null)}let xe=n(()=>new Map(i.nodes.map(e=>[e.id,e]))),Se=S(0);te(()=>{a().size>0&&queueMicrotask(()=>{H(Se)})});var K=qe();let q;var Ce=g(K),we=g(Ce),Te=o(we,2),Ee=b(Te),J=o(Te,2);m(Ce);var De=o(Ce,2),Oe=e=>{var t=Be();O(e,t)},ke=e=>{var t=Ke(),a=g(t);ie(a,21,()=>Object.entries(G),([e,{glow:t}])=>e,(e,t)=>{var r=n(()=>f(w(t),2));let i=()=>w(r)[0],a=()=>w(r)[1].glow;var c=Ve(),l=o(g(c));s(2),m(c),v(()=>{R(c,`id`,`glow-${i()??``}`),R(l,`flood-color`,a())}),O(e,c)}),m(a);var l=o(a);ie(l,17,()=>w(W).componentBoxes,e=>`${e.x}:${e.componentFile}`,(e,t)=>{var n=Q(),r=_(n),i=o(r),a=b(i,!0);v(()=>{R(r,`x`,w(t).x),R(r,`y`,w(t).y),R(r,`width`,w(t).w),R(r,`height`,w(t).h),R(i,`x`,w(t).x+6),R(i,`y`,w(t).y+11),N(a,w(t).file)}),O(e,n)});var d=o(l);ie(d,17,()=>i.edges,e=>`${e.from}→${e.to}`,(e,t)=>{let r=n(()=>w(W).positions.get(w(t).from)),i=n(()=>w(W).positions.get(w(t).to));var a=z(),s=_(a),l=e=>{let a=n(()=>w(r).x+160),s=n(()=>w(r).y+29),l=n(()=>w(i).x),u=n(()=>w(i).y+29),d=n(()=>(w(a)+w(l))/2),f=n(()=>c()===w(t).from||c()===w(t).to),p=n(()=>G[w(xe).get(w(t).from).type]),m=n(()=>w(f)?`var(--accent)`:w(p).color),h=n(()=>`M ${w(a)} ${w(s)} C ${w(d)} ${w(s)}, ${w(d)} ${w(u)}, ${w(l)} ${w(u)}`);var g=Ue(),y=_(g);let b;var x=o(y),S=e=>{var n=z(),r=_(n);j(r,()=>w(Se),e=>{var n=He();let r;v(e=>{R(n,`d`,w(h)),R(n,`stroke`,w(p).glow),r=ee(n,``,r,{"--sweep-delay":e,"--sweep-dur":`400ms`})},[()=>`${ye(w(t).from)??``}ms`]),O(e,n)}),O(e,n)},C=n(()=>w(_e).edgeKeys.has(`${w(t).from}→${w(t).to}`));F(x,e=>{w(C)&&e(S)});var T=o(x);let E;v(()=>{R(y,`d`,w(h)),b=k(y,0,`edge svelte-kaeped`,null,b,{highlighted:w(f)}),R(y,`stroke`,w(m)),R(T,`points`,`${w(l)-8},${w(u)-5} ${w(l)??``},${w(u)??``} ${w(l)-8},${w(u)+5}`),E=k(T,0,`arrow svelte-kaeped`,null,E,{highlighted:w(f)}),R(T,`fill`,w(m))}),O(e,g)};F(s,e=>{w(r)&&w(i)&&e(l)}),O(e,a)});var p=o(d);ie(p,17,()=>i.nodes,e=>e.id,(e,t)=>{let i=n(()=>w(W).positions.get(w(t).id));var a=z(),s=_(a),l=e=>{let a=n(()=>G[w(t).type]);var s=Ge();let l;var u=g(s),d=e=>{var n=z(),r=_(n);j(r,()=>w(Se),e=>{var n=We();let r;v(e=>{R(n,`width`,168),R(n,`height`,66),R(n,`stroke`,w(a).glow),R(n,`filter`,`url(#glow-${w(t).type??``})`),r=ee(n,``,r,{"--node-delay":e})},[()=>`${ve(w(t).id)??``}ms`]),O(e,n)}),O(e,n)},f=n(()=>w(_e).affected.has(w(t).id));F(u,e=>{w(f)&&e(d)});var p=o(u),h=o(p),y=o(h),x=b(y,!0),S=o(y),C=b(S,!0),T=o(S),E=b(T,!0),D=o(T),A=e=>{var n=$(),r=b(n);v(e=>{R(n,`x`,154),N(r,`= ${e??``}`)},[()=>ge(w(t).value)]),O(e,n)};F(D,e=>{w(t).value!==void 0&&w(t).type!==`effect`&&e(A)});var M=o(D);m(s),v((e,n)=>{l=k(s,0,`node svelte-kaeped`,null,l,{selected:c()===w(t).id}),R(s,`transform`,`translate(${w(i).x??``}, ${w(i).y??``})`),R(s,`aria-label`,`${w(t).type??``} ${w(t).name??``}`),R(s,`aria-pressed`,c()===w(t).id),R(p,`width`,160),R(p,`height`,58),R(p,`stroke`,w(a).color),R(p,`stroke-width`,c()===w(t).id?2.5:1.5),R(h,`fill`,w(a).color),N(x,e),R(S,`x`,154),N(C,w(t).type),N(E,n),R(M,`x2`,154)},[()=>he(w(t).name),()=>Re(w(t).componentFile)]),r(`click`,s,()=>be(w(t))),r(`keydown`,s,e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),be(w(t)))}),O(e,s)};F(s,e=>{w(i)&&e(l)}),O(e,a)}),m(t),v(()=>R(t,`viewBox`,`${w(u)??``} ${w(y)??``} ${w(x)??``} ${w(C)??``}`)),O(e,t)};F(De,e=>{i.nodes.length===0?e(Oe):e(ke,-1)}),m(K),d(K,e=>h(P,e),()=>w(P)),v(()=>{q=k(K,1,`graph-container svelte-kaeped`,null,q,{dragging:w(E)}),R(Te,`aria-label`,`Fit to view (zoom ${w(B)??``}%)`),N(Ee,`${w(B)??``}%`)}),ae(`wheel`,K,U),r(`pointerdown`,K,fe),r(`pointermove`,K,pe),r(`pointerup`,K,me),ae(`pointercancel`,K,me),r(`click`,we,se),r(`click`,Te,ce),r(`click`,J,oe),O(e,K),l()}C([`pointerdown`,`pointermove`,`pointerup`,`click`,`keydown`]);var Ye=V(`<p> </p> <!>`,1),Xe=V(`<div class="warn svelte-1av2564"><dt class="svelte-1av2564">Baseline</dt> <dd class="svelte-1av2564"> </dd></div>`),Ze=V(`<div class="warn svelte-1av2564"><dt class="svelte-1av2564">Stale</dt> <dd class="svelte-1av2564"> </dd></div>`),Qe=V(`<li><button type="button"><span class="mono"> </span> <span class="sub"> </span></button></li>`),$e=V(`<h3 class="section-title">Listed instances <span class="num"> </span></h3> <ul class="link-list"></ul> <p class="note svelte-1av2564"> </p>`,1),et=V(`<span class="faint num"> </span>`),tt=V(`<span class="end num"> </span>`),nt=V(`<span class="end num faint"> </span>`),rt=V(`<span class="truncate"><span class="mono"> </span> <!></span> <!> <!> <span class="end num" title="at least this many changes in the window (sampled every 200 ms); not a rate"> </span> <span class="end num"> </span> <!>`,1),it=V(`<div class="overview svelte-1av2564"><dl class="record svelte-1av2564" role="group" aria-label="What this overview covers"><div class="svelte-1av2564"><dt class="svelte-1av2564">Window</dt> <dd class="svelte-1av2564"> </dd></div> <div class="svelte-1av2564"><dt class="svelte-1av2564">Changes</dt> <dd class="svelte-1av2564">$state sampled every 200 ms; several writes within one sample count once</dd></div> <div class="svelte-1av2564"><dt class="svelte-1av2564">Coverage</dt> <dd class="svelte-1av2564">state created during component init and in <code>.svelte.js/.ts</code> module bodies;
|
|
2
|
+
reads from the markup appear as the component's <em>markup</em> node</dd></div> <div class="svelte-1av2564"><dt class="svelte-1av2564">Components</dt> <dd class="svelte-1av2564"> </dd></div> <div class="svelte-1av2564"><dt class="svelte-1av2564">Not available yet</dt> <dd class="svelte-1av2564"> </dd></div> <!> <!></dl> <div class="table svelte-1av2564"><!></div> <p class="foot svelte-1av2564"> <!> </p></div>`);function at(e,t){T(t,!0);let i=S(u({id:`changes`,desc:!0})),a=S(null),d=n(()=>{let e=t.summary.data?.rows??[];return t.group===`file`?ke(e).map(e=>({key:e.file,...e})):e.map(e=>({key:`#${e.componentId}`,file:e.file,instances:[e],nodes:e.nodes,changes:e.changes,renders:e.renders,renderMs:e.renderMs}))}),f=n(()=>w(a)?w(d).find(e=>e.key===w(a))??null:null),p=[{id:`component`,label:`Component`,width:`minmax(0, 1fr)`,sort:(e,t)=>e.file.localeCompare(t.file)},{id:`instances`,label:`Inst.`,width:`52px`,align:`end`,descFirst:!0,minWidth:560,sort:(e,t)=>e.instances.length-t.instances.length},{id:`nodes`,label:`Signals`,width:`72px`,align:`end`,descFirst:!0,minWidth:640,sort:(e,t)=>q(e.nodes)-q(t.nodes)},{id:`changes`,label:`Changes`,width:`84px`,align:`end`,descFirst:!0,sort:(e,t)=>e.changes-t.changes},{id:`renders`,label:`Renders`,width:`72px`,align:`end`,descFirst:!0,sort:(e,t)=>e.renders-t.renders},{id:`renderMs`,label:`Render time`,width:`96px`,align:`end`,descFirst:!0,minWidth:720,sort:(e,t)=>e.renderMs-t.renderMs}];function x(e,t){t&&G.scopeTo(e.componentId,e.file,t)}var C=z(),E=_(C),k=e=>{L(e,{icon:`warning`,title:`Overview not available`,children:(e,n)=>{var r=Ye(),i=_(r),a=b(i),c=o(i,2);D(c,{icon:`graph`,get onclick(){return t.onfullgraph},children:(e,t)=>{s();var n=B(`Full graph`);O(e,n)},$$slots:{default:!0}}),v(()=>N(a,`The dev server did not return per-component activity (${t.summary.error??``}). Pick a component in
|
|
3
|
+
Components (Show reactivity) or open the full graph.`)),O(e,r)},$$slots:{default:!0}})},A=e=>{L(e,{title:`Reading activity…`})},j=e=>{let s=n(()=>t.summary.data),l=n(()=>Oe(w(s).baseline)),u=n(()=>Te(w(s)));var S=it(),C=g(S),T=g(C),E=o(g(T),2),D=b(E);m(T);var k=o(T,6),A=o(g(k),2),j=b(A);m(k);var M=o(k,2),ee=o(g(M),2),te=b(ee);m(M);var ne=o(M,2),P=e=>{var t=Xe(),n=o(g(t),2),r=b(n,!0);m(t),v(()=>N(r,w(l))),O(e,t)};F(ne,e=>{w(l)&&e(P)});var re=o(ne,2),ae=e=>{var t=Ze(),n=o(g(t),2),r=b(n,!0);m(t),v(()=>N(r,w(u))),O(e,t)};F(re,e=>{w(u)&&e(ae)}),m(C);var V=o(C,2),H=g(V);{let e=e=>{var t=z(),i=_(t),l=e=>{{let t=n(()=>y(w(f).file)),i=n(()=>c(w(f).file,3));ge(e,{get title(){return`<${w(t)??``}>`},get subtitle(){return w(i)},onclose:()=>h(a,null),children:(e,t)=>{var n=$e(),i=_(n),a=o(g(i)),c=b(a,!0);m(i);var l=o(i,2);ie(l,21,()=>w(f).instances,e=>e.componentId,(e,t)=>{var n=Qe(),i=g(n),a=g(i),c=b(a),l=o(a,2),u=b(l);m(i),m(n),v((e,n)=>{i.disabled=!w(s).epoch,N(c,`#${w(t).componentId??``}`),N(u,`≥ ${e??``} changes · ${n??``} renders`)},[()=>w(t).changes.toLocaleString(),()=>w(t).renders.toLocaleString()]),r(`click`,i,()=>x(w(t),w(s).epoch)),O(e,n)}),m(l);var u=o(l,2),d=b(u,!0);v(()=>{N(c,w(f).instances.length),N(d,w(s).epoch?`Select an instance to load its signals and the signals they are directly linked to.`:`The dev server reported no page-load id, so instances cannot be selected here; use Show reactivity in Components.`)}),O(e,n)},$$slots:{default:!0}})}};F(i,e=>{w(f)&&e(l)}),O(e,t)},l=n(()=>!!w(f));me(H,{id:`reactive-overview`,get open(){return w(l)},aside:e,children:(e,r)=>{he(e,{get items(){return w(d)},get columns(){return p},getKey:e=>e.key,label:`Most active components`,onactivate:e=>e.instances.length===1&&x(e.instances[0],w(s).epoch),get sort(){return w(i)},set sort(e){h(i,e,!0)},get selected(){return w(a)},set selected(e){h(a,e,!0)},row:(e,r=I,i)=>{let a=()=>(i?.()).visible;var s=rt(),c=_(s),l=g(c),u=b(l,!0),d=o(l,2),f=e=>{var t=et(),n=b(t,!0);v(()=>N(n,` #${r().instances[0].componentId}`)),O(e,t)};F(d,e=>{t.group===`instance`&&e(f)}),m(c);var p=o(c,2),h=e=>{var t=tt(),n=b(t,!0);v(()=>N(n,r().instances.length)),O(e,t)},x=n(()=>a().has(`instances`));F(p,e=>{w(x)&&e(h)});var S=o(p,2),C=e=>{var t=nt(),n=b(t,!0);v(e=>{R(t,`title`,`registered: ${r().nodes.state??``} $state · ${r().nodes.derived??``} $derived · ${r().nodes.effect??``} $effect`),N(n,e)},[()=>q(r().nodes)]),O(e,t)},T=n(()=>a().has(`nodes`));F(S,e=>{w(T)&&e(C)});var E=o(S,2),D=b(E),k=o(E,2),A=b(k,!0),j=o(k,2),M=e=>{var t=nt(),n=b(t,!0);v(e=>N(n,e),[()=>oe(r().renderMs)]),O(e,t)},ee=n(()=>a().has(`renderMs`));F(j,e=>{w(ee)&&e(M)}),v((e,t,n)=>{N(u,e),N(D,`≥ ${t??``}`),N(A,n)},[()=>y(r().file),()=>r().changes.toLocaleString(),()=>r().renders.toLocaleString()]),O(e,s)},empty:e=>{L(e,{icon:`reactive`,title:`No component was active in the window`})},$$slots:{row:!0,empty:!0}})},$$slots:{aside:!0,default:!0}})}m(V);var se=o(V,2),ce=g(se),le=o(ce),ue=e=>{var t=B();v((e,n)=>N(t,`Other: ${e??``} components with ${n??``}
|
|
4
|
+
signals.`),[()=>w(s).other.components.toLocaleString(),()=>w(s).other.nodes.toLocaleString()]),O(e,t)},de=e=>{var t=B(`Other: unknown.`);O(e,t)};F(le,e=>{w(s).other?e(ue):e(de,-1)});var U=o(le);m(se),m(S),v((e,t,n,r,i,a,o,c)=>{N(D,`last ${e??``} s · sampled while active for ${t??``} s`),N(j,`${n??``} active of ${r??``} registered`),N(te,`${i??``}
|
|
5
|
+
(not reported by this dev server)`),N(ce,`Listed: ${a??``}
|
|
6
|
+
${w(s).rows.length===1?`component`:`components`} (${o??``}). `),N(U,` Total registered: ${c??``}. Counts restart when the app page reloads.`)},[()=>Math.round(w(s).window.ms/1e3),()=>Math.round(w(s).window.sampledActiveMs/1e3),()=>w(s).components.withActivity.toLocaleString(),()=>we(w(s).components.total),()=>[!w(s).capabilities.valueInspection&&`full values`,!w(s).capabilities.signalHistory&&`per-signal history`,!w(s).capabilities.writeCause&&`update cause`].filter(Boolean).join(`, `)||`none`,()=>w(s).rows.length.toLocaleString(),()=>w(s).truncated?`top ${w(s).rows.length} of ${w(s).components.withActivity.toLocaleString()} active`:`all active`,()=>we(w(s).components.total)]),O(e,S)};F(E,e=>{!t.summary.data&&t.summary.error?e(k):t.summary.data?e(j,-1):e(A,1)}),O(e,C),l()}C([`click`]);var ot=V(`<p> </p>`),st=V(`<p class="baseline svelte-whbea8" role="status"> </p>`),ct=V(`<span class="faint num"> </span>`),lt=V(`<span class="truncate muted"> <!></span>`),ut=V(`<span class="truncate mono value svelte-whbea8"> </span>`),dt=V(`<span class="truncate mono name svelte-whbea8"> </span> <!> <span class="end num" title="changes of this state in the buffer (sampled every 200 ms); not a total or a rate"> </span> <!> <span class="end num faint"> </span>`,1),ft=V(`<div class="overview svelte-whbea8"><!> <div class="table svelte-whbea8"><!></div> <p class="foot svelte-whbea8"> <!></p></div>`);function pt(e,r){T(r,!0);let i=S(u({id:`changes`,desc:!0})),a=S(null),s=n(()=>r.timeline.data.length?r.timeline.data[0].timestamp:null),c=[{id:`name`,label:`State`,width:`minmax(120px, 1fr)`,sort:(e,t)=>e.name.localeCompare(t.name)},{id:`component`,label:`Component`,width:`minmax(0, 1fr)`,minWidth:560,sort:(e,t)=>e.file.localeCompare(t.file)},{id:`changes`,label:`Changes`,width:`84px`,align:`end`,descFirst:!0,sort:(e,t)=>e.changes-t.changes},{id:`value`,label:`Last value`,width:`minmax(0, 1fr)`,minWidth:680},{id:`at`,label:`Last seen`,width:`96px`,align:`end`,descFirst:!0,sort:(e,t)=>e.last.seq-t.last.seq}];async function d(e){if(e.componentId===null)return;let t=(await M().catch(()=>null))?.epoch;t&&G.scopeTo(e.componentId,e.file,t)}var f=z(),p=_(f),C=e=>{L(e,{icon:`warning`,title:`State timeline not available`,children:(e,t)=>{var n=ot(),i=b(n);v(()=>N(i,`The dev server did not return the timeline buffer (${r.timeline.error??``}).`)),O(e,n)},$$slots:{default:!0}})},E=e=>{var l=ft(),u=g(l),f=e=>{var t=st(),n=b(t,!0);v(()=>N(n,r.baseline)),O(e,t)};F(u,e=>{r.baseline&&e(f)});var p=o(u,2),S=g(p);he(S,{get items(){return r.states},get columns(){return c},getKey:e=>e.key,label:`Most changed states in the timeline buffer`,onactivate:d,get sort(){return w(i)},set sort(e){h(i,e,!0)},get selected(){return w(a)},set selected(e){h(a,e,!0)},row:(e,r=I,i)=>{let a=()=>(i?.()).visible;var s=dt(),c=_(s),l=b(c,!0),u=o(c,2),d=e=>{var t=lt(),n=g(t,!0),i=o(n),a=e=>{var t=ct(),n=b(t,!0);v(()=>N(n,` #${r().componentId}`)),O(e,t)};F(i,e=>{r().componentId!==null&&e(a)}),m(t),v(e=>N(n,e),[()=>y(r().file)]),O(e,t)},f=n(()=>a().has(`component`));F(u,e=>{w(f)&&e(d)});var p=o(u,2),h=b(p),S=o(p,2),C=e=>{var n=ut(),i=b(n,!0);v(e=>N(i,e),[()=>t(r().last.newValue,80)]),O(e,n)},T=n(()=>a().has(`value`));F(S,e=>{w(T)&&e(C)});var E=o(S,2),D=b(E,!0);v((e,t)=>{N(l,r().name),N(h,`≥ ${e??``}`),N(D,t)},[()=>r().changes.toLocaleString(),()=>x(r().last.timestamp)]),O(e,s)},empty:e=>{{let t=n(()=>r.timeline.loading?`Reading the timeline…`:`No $state changes in the buffer`);L(e,{icon:`timeline`,get title(){return w(t)}})}},$$slots:{row:!0,empty:!0}}),m(p);var C=o(p,2),T=g(C),E=o(T),D=e=>{var t=B();v(()=>N(t,`Last refresh failed (${r.timeline.error??``}); showing the previous buffer.`)),O(e,t)};F(E,e=>{r.timeline.error&&e(D)}),m(C),m(l),v((e,t)=>N(T,`From the State timeline buffer: the latest ${e??``} sampled changes
|
|
7
|
+
(every 200 ms) across all signals, since
|
|
8
|
+
${t??``}. Older changes
|
|
9
|
+
and signals that changed less recently may be missing; counts are not totals or rates.
|
|
10
|
+
Activate a row to open its component. `),[()=>r.timeline.data.length.toLocaleString(),()=>w(s)===null?`unknown (buffer empty)`:x(w(s))]),O(e,l)};F(p,e=>{!r.timeline.data.length&&r.timeline.error?e(C):e(E,-1)}),O(e,f),l()}function mt(e,t){T(t,!0);let n=p(t,`rune`,3,!1),r={state:`blue`,derived:`green`,effect:`red`,template:`purple`};U(e,{get tone(){return r[t.type]},children:(e,r)=>{s();var i=B();v(e=>N(i,e),[()=>n()||t.type===`template`?Pe(t.type):t.type]),O(e,i)},$$slots:{default:!0}}),l()}var ht=V(`<li><button type="button"><!> <span class="truncate mono"> </span> <span class="sub truncate"> </span></button></li>`),gt=V(`<ul class="link-list"></ul>`),_t=V(`<p class="section-note">None</p>`),vt=V(`<h3 class="section-title"> <span class="num"> </span></h3> <!>`,1),yt=V(`<!> <!>`,1),bt=V(`<p class="section-note">All reads from this component's markup: <code></code>, attributes, block
|
|
11
|
+
conditions and <code><svelte:head></code>.</p>`),xt=V(`<h3 class="section-title">Current value</h3> <p class="section-note">Not evaluated yet: nothing has read this $derived so far (Svelte computes deriveds on first
|
|
12
|
+
read).</p>`,1),St=V(`<p class="section-note">Full value: not available yet. This dev server reports only a summary for objects and
|
|
13
|
+
arrays.</p>`),Ct=V(`<h3 class="section-title">Current value</h3> <pre> </pre> <!>`,1),wt=V(`<!> Sampled changes of all signals (latest 500) are in the <button type="button" class="link svelte-w124zo">State timeline</button>.`,1),Tt=V(`<!> <!> <!> <h3 class="section-title">Cause</h3> <p class="section-note"> </p> <!> <!> <h3 class="section-title">History</h3> <p class="section-note"><!></p>`,1);function Et(e,t){T(t,!0);let i=(e,i=I,a=I)=>{var s=vt(),c=_(s),l=g(c),u=o(l),d=b(u,!0);m(c);var f=o(c,2),p=e=>{var i=gt();ie(i,20,a,e=>e,(e,i)=>{let a=n(()=>t.byId.get(i));var s=z(),c=_(s),l=e=>{var n=ht(),s=g(n),c=g(s);mt(c,{get type(){return w(a).type}});var l=o(c,2),u=b(l,!0),d=o(l,2),f=b(d);m(s),m(n),v(e=>{N(u,w(a).name),N(f,`${e??``}${t.scopedTo!==null&&w(a).componentId!==t.scopedTo?` · other component`:``}`)},[()=>y(w(a).componentFile)]),r(`click`,s,()=>t.onselect(i)),O(e,n)};F(c,e=>{w(a)&&e(l)}),O(e,s)}),m(i),O(e,i)},h=e=>{var t=_t();O(e,t)};F(f,e=>{a().length?e(p):e(h,-1)}),v(()=>{N(l,`${i()??``} `),N(d,a().length)}),O(e,s)};{let a=e=>{var n=yt(),r=_(n);mt(r,{get type(){return t.node.type},rune:!0});var i=o(r,2);U(i,{children:(e,n)=>{s();var r=B();v(()=>N(r,`component #${t.node.componentId??``}`)),O(e,r)},$$slots:{default:!0}}),O(e,n)},l=e=>{var n=yt(),r=_(n);D(r,{icon:`editor`,onclick:()=>t.onopen(t.node),children:(e,n)=>{s();var r=B();v(()=>N(r,t.node.type===`template`?`Open component`:`Go to definition (by name)`)),O(e,r)},$$slots:{default:!0}});var i=o(r,2),a=e=>{D(e,{icon:`reactive`,onclick:()=>t.onscope(t.node),children:(e,t)=>{s();var n=B(`Show this component`);O(e,n)},$$slots:{default:!0}})};F(i,e=>{t.canScope&&t.node.componentId!==t.scopedTo&&e(a)}),O(e,n)},u=n(()=>c(t.node.componentFile,3));ge(e,{get title(){return t.node.name},get subtitle(){return w(u)},get onclose(){return t.onclose},badges:a,actions:l,children:(e,a)=>{var c=Tt(),l=_(c),u=e=>{var t=bt(),n=o(g(t));n.textContent=`{expressions}`,s(3),m(t),O(e,t)};F(l,e=>{t.node.type===`template`&&e(u)});var d=o(l,2),f=e=>{var t=xt();s(2),O(e,t)};F(d,e=>{t.node.unevaluated&&e(f)});var p=o(d,2),h=e=>{let r=n(()=>J(t.node.value));var i=Ct(),a=o(_(i),2);let s;var c=b(a,!0),l=o(a,2),u=e=>{var t=St();O(e,t)};F(l,e=>{w(r)&&!t.capabilities.valueInspection&&e(u)}),v(e=>{s=k(a,1,`code-block svelte-w124zo`,null,s,{flash:t.flash}),N(c,e)},[()=>w(r)?t.node.value:E(t.node.value)]),O(e,i)};F(p,e=>{t.node.value!==void 0&&e(h)});var y=o(p,4),x=b(y,!0),S=o(y,2);i(S,()=>`Reads (can affect this)`,()=>t.deps);var C=o(S,2);i(C,()=>`Can affect`,()=>t.dependents);var T=o(C,4),D=g(T),A=e=>{var n=wt(),i=_(n),a=e=>{var t=B(`Per-signal history: not available yet.`);O(e,t)};F(i,e=>{t.capabilities.signalHistory||e(a)});var c=o(i,2);s(),r(`click`,c,()=>le.go(`timeline`)),O(e,n)},j=e=>{var n=B();v(e=>N(n,`Not recorded for ${e??``}.`),[()=>Pe(t.node.type)]),O(e,n)};F(D,e=>{t.node.type===`state`?e(A):e(j,-1)}),m(T),v(()=>N(x,t.capabilities.writeCause?`Recorded writes appear here.`:`Not recorded. This dev server does not capture which write changed a signal; the links below are dependencies, not causes.`)),O(e,c)},$$slots:{badges:!0,actions:!0,default:!0}})}l()}C([`click`]);var Dt=V(`<div class="scope-bar svelte-1mo53p6"><span><strong class="mono"> </strong> <span class="faint num"> </span> and the signals it is directly linked
|
|
14
|
+
to</span> <!></div>`),Ot=V(`<p>Signals created during component init appear here with their dependencies.</p>`),kt=V(`<p></p> <!>`,1),At=V(`<div class="graph svelte-1mo53p6"><!></div>`),jt=V(`<span class="truncate muted"><!></span>`),Mt=V(`<span class="end num faint"> </span>`),Nt=V(`<span><!></span> <span><!></span> <!> <span class="truncate mono value svelte-1mo53p6"> </span> <!>`,1),Pt=V(`<div class="local svelte-1mo53p6"><!> <p class="legend svelte-1mo53p6">Edges mean <strong>can affect</strong>: a snapshot of current dependencies, not a recorded
|
|
15
|
+
cause. <!> <!></p> <div class="body svelte-1mo53p6"><!></div></div>`),Ft=V(`<option> </option>`),It=V(`<select class="select scope svelte-1mo53p6" aria-label="Filter loaded signals by component file"><option> </option><!></select>`),Lt=V(`<span class="hint svelte-1mo53p6" title="Polling makes the app rebuild the whole graph; large graphs start paused."> </span>`),Rt=V(`<!> <!> <!> <!> <!> <!>`,1),zt=V(`<!> <!> <!>`,1),Bt=V(`<p>Choose one in the <button type="button" class="link svelte-1mo53p6">Overview</button> or use <strong>Show reactivity</strong> in the <button type="button" class="link svelte-1mo53p6">Components</button> inspector. Only that component's signals and the signals they are directly linked to are loaded.</p>`),Vt=V(`<p> </p> <!>`,1);function Ht(t,c){T(c,!0);let d=e=>{{let t=e=>{var t=z(),r=_(t),i=e=>{{let t=n(()=>w(Q).deps.get(w(Ye).id)??[]),r=n(()=>w(Q).dependents.get(w(Ye).id)??[]),i=n(()=>w(H).has(w(Ye).id)),a=n(()=>w(E)===`local`&&w(A)?w(A).componentId:null),o=n(()=>!!w(Y).epoch);Et(e,{get node(){return w(Ye)},get byId(){return w(Ve)},get deps(){return w(t)},get dependents(){return w(r)},get flash(){return w(i)},get capabilities(){return w(Qe)},get scopedTo(){return w(a)},get canScope(){return w(o)},onselect:e=>h(Z,e,!0),onopen:$e,onscope:et,onclose:()=>h(Z,null)})}};F(r,e=>{w(Ye)&&e(i)}),O(e,t)},r=n(()=>!!w(Ye));me(e,{id:`reactive`,get open(){return w(r)},aside:t,children:(e,t)=>{var r=Pt(),i=g(r),a=e=>{var t=Dt(),n=g(t),r=g(n),i=b(r,!0),a=o(r,2),c=b(a);s(),m(n);var l=o(n,2);D(l,{icon:`close`,variant:`ghost`,label:`Clear selection`,onclick:tt}),m(t),v(()=>{N(i,w(A).label),N(c,`#${w(A).componentId??``}`)}),O(e,t)};F(i,e=>{w(E)===`local`&&w(A)&&e(a)});var c=o(i,2),l=o(g(c),3),u=e=>{var t=B();v(e=>N(t,`${e??``} edges to signals outside the loaded
|
|
16
|
+
set are not shown.`),[()=>w(Y).edgesOmitted.toLocaleString()]),O(e,t)};F(l,e=>{w(Y).edgesOmitted&&e(u)});var d=o(l,2),p=e=>{var t=B();v(e=>N(t,`Built ${e??``}.`),[()=>x(w(ge))]),O(e,t)};F(d,e=>{w(ge)!==null&&w(Y)!==Ne&&e(p)}),m(c);var S=o(c,2),C=g(S),T=e=>{var t=z(),n=_(t),r=e=>{L(e,{title:`Collecting reactive graph…`})},i=e=>{L(e,{icon:`reactive`,title:`No signals tracked here`,children:(e,t)=>{var n=Ot();O(e,n)},$$slots:{default:!0}})};F(n,e=>{J.loading||J.busy?e(r):e(i,-1)}),O(e,t)},j=e=>{var t=z(),r=_(t),i=e=>{L(e,{icon:`search`,title:`No loaded signals match`})},a=e=>{{let t=n(()=>w($).length.toLocaleString());L(e,{icon:`graph`,get title(){return`${w(t)??``} signals is too many to lay out`},children:(e,t)=>{var n=kt(),r=_(n);r.textContent=`Pick a single component or filter to under 400 signals, or use the list view.`;var i=o(r,2);D(i,{icon:`list`,onclick:()=>X.value=`list`,children:(e,t)=>{s();var n=B(`Switch to list`);O(e,n)},$$slots:{default:!0}}),O(e,n)},$$slots:{default:!0}})}},c=e=>{var t=At();Je(g(t),{get nodes(){return w($)},get edges(){return w(Ke)},get changedNodeIds(){return w(H)},get selectedNodeId(){return w(Z)},set selectedNodeId(e){h(Z,e,!0)}}),m(t),O(e,t)};F(r,e=>{w($).length===0?e(i):w($).length>f?e(a,1):e(c,-1)}),O(e,t)},M=e=>{he(e,{get items(){return w($)},get columns(){return Ze},getKey:e=>e.id,label:`Reactive signals`,onactivate:$e,get sort(){return w(ze)},set sort(e){h(ze,e,!0)},get selected(){return w(Z)},set selected(e){h(Z,e,!0)},row:(e,t=I,r)=>{let i=()=>(r?.()).visible;var a=Nt(),s=_(a);mt(g(s),{get type(){return t().type}}),m(s);var c=o(s,2);let l;var u=g(c);ue(u,{get text(){return t().name},get query(){return w(Le)}}),m(c);var d=o(c,2),f=e=>{var r=jt(),i=g(r);{let e=n(()=>y(t().componentFile));ue(i,{get text(){return w(e)},get query(){return w(Le)}})}m(r),O(e,r)},p=n(()=>i().has(`component`));F(d,e=>{w(p)&&e(f)});var h=o(d,2),x=b(h,!0),S=o(h,2),C=e=>{var n=Mt(),r=b(n);v((e,t)=>N(r,`${e??``} / ${t??``}`),[()=>w(Q).deps.get(t().id)?.length??0,()=>w(Q).dependents.get(t().id)?.length??0]),O(e,n)},T=n(()=>i().has(`deps`));F(S,e=>{w(T)&&e(C)}),v((e,t)=>{l=k(c,1,`truncate mono name svelte-1mo53p6`,null,l,{flash:e}),N(x,t)},[()=>w(H).has(t().id),()=>t().value===void 0?``:Ce(t().value,120)]),O(e,a)},empty:e=>{L(e,{icon:`search`,title:`No loaded signals match`})},$$slots:{row:!0,empty:!0}})};F(C,e=>{w(Y).nodes.length===0?e(T):w(qe)===`graph`?e(j,1):e(M,-1)}),m(S),m(r),O(e,r)},$$slots:{aside:!0,default:!0}})}},f=400,p={topK:50,windowMs:1e4},C=2e3,E=S(u(G.current?`local`:`overview`)),A=n(()=>G.current);te(()=>{G.current&&i(()=>h(E,`local`))});let j=S(`components`),M=ne(()=>Ee(p),{initial:null,interval:C,when:()=>w(E)===`overview`&&w(j)===`components`}),ee=S(`file`),R=ne(async()=>(await a(void 0)).changes,{initial:[],interval:C,version:be(`stateTimeline`),when:()=>w(E)===`overview`&&w(j)===`states`}),ae=n(()=>Me(R.data)),V=xe(C,()=>w(E)===`overview`&&w(j)===`states`),oe=n(()=>Oe(V.data.stateTimeline?.baseline)),H=S(new Set),U=new Map,ge=S(null),q=n(()=>w(E)===`full`?null:w(E)===`local`&&w(A)?w(A).componentId:void 0),J=ne(async()=>{let e=i(()=>w(q));if(e===void 0)return Ne;let t=await je(e===null?null:{componentId:e,epoch:i(()=>w(A).epoch)}),n=t.nodes.filter(e=>e.value!==void 0),r=new Set(n.filter(e=>U.has(e.id)&&!De(U.get(e.id),e.value)).map(e=>e.id));return U=new Map(n.map(e=>[e.id,e.value])),(r.size||w(H).size)&&h(H,r),h(ge,t.computedAt,!0),t},{initial:Ne,interval:5e3,equals:Ae,when:()=>w(q)!==void 0}),ke;te(()=>{let e=w(q);i(()=>{e!==ke&&(ke=e,U=new Map,h(H,new Set),h(Z,null),h(ge,null),e!==void 0&&J.refresh())})});let Pe=S(!1),Fe=!1;te(()=>{w(Pe)&&J.live&&(Fe=!0)}),te(()=>{w(E)!==`full`||Fe||w(Pe)||J.data.nodes.length<=2e3||i(()=>{J.live=!1,h(Pe,!0)})});let Ie=n(()=>w(E)===`local`&&!!w(A)&&(K(J.data)||!!J.data.epoch&&J.data.epoch!==w(A).epoch)),Y=n(()=>w(Ie)||w(q)===void 0||J.data.scope!==(w(q)??null)?Ne:J.data),X=de(`reactive:view`,`auto`),Le=S(``),Re=S(`all`),ze=S(u({id:`component`,desc:!1})),Z=S(null),Be=S(``),Ve=n(()=>new Map(w(Y).nodes.map(e=>[e.id,e]))),Q=n(()=>({deps:_e(w(Y).edges,e=>e.to,e=>e.from),dependents:_e(w(Y).edges,e=>e.from,e=>e.to)})),He=n(()=>[...new Set(w(Y).nodes.map(e=>e.componentFile))].sort()),Ue=n(()=>w(E)!==`full`||!w(Be)?null:Se(w(Y).nodes,w(Y).edges,w(Be))),We=n(()=>new Map(w(Y).nodes.map(e=>[e.id,ce(e.name,e.componentFile,e.value===void 0?``:Ce(e.value))]))),$=n(()=>{let e=se(w(Le)),t=w(Ue);return w(Y).nodes.filter(n=>(!t||t.has(n.id))&&(w(Re)===`all`||n.type===w(Re))&&(!e||e(w(We).get(n.id)??``)))}),Ge=n(()=>new Set(w($).map(e=>e.id))),Ke=n(()=>w(Y).edges.filter(e=>w(Ge).has(e.from)&&w(Ge).has(e.to))),qe=n(()=>X.value===`auto`?w($).length<=150?`graph`:`list`:X.value),Ye=n(()=>w(Z)?w(Ve).get(w(Z))??null:null),Xe=n(()=>{let e={state:0,derived:0,effect:0,template:0};for(let t of w(Y).nodes)e[t.type]++;return e}),Ze=[{id:`type`,label:`Kind`,width:`68px`,sort:(e,t)=>e.type.localeCompare(t.type)},{id:`name`,label:`Name`,width:`minmax(120px, 1fr)`,sort:(e,t)=>e.name.localeCompare(t.name)},{id:`component`,label:`Component`,width:`minmax(0, 1fr)`,minWidth:560,sort:(e,t)=>e.componentFile.localeCompare(t.componentFile)||e.name.localeCompare(t.name)},{id:`value`,label:`Value`,width:`minmax(0, 1.2fr)`},{id:`deps`,label:`In / Out`,width:`64px`,align:`end`,descFirst:!0,minWidth:680,sort:(e,t)=>(w(Q).deps.get(e.id)?.length??0)+(w(Q).dependents.get(e.id)?.length??0)-(w(Q).deps.get(t.id)?.length??0)-(w(Q).dependents.get(t.id)?.length??0)}],Qe=n(()=>M.data?.capabilities??{valueInspection:!1,signalHistory:!1,writeCause:!1});function $e(t){e(t.componentFile,t.name,t.type).catch(()=>{})}function et(e){w(Y).epoch&&G.scopeTo(e.componentId,e.componentFile,w(Y).epoch)}function tt(){G.set(null),h(E,`overview`)}{let e=e=>{var t=zt(),r=_(t);{let e=n(()=>[{value:`overview`,label:`Overview`},{value:`local`,label:w(A)?w(A).label:`Component`},{value:`full`,label:`Full graph`}]);W(r,{label:`Reactivity view`,get options(){return w(e)},get value(){return w(E)},set value(e){h(E,e,!0)}})}var i=o(r,2),a=e=>{W(e,{label:`Overview of`,options:[{value:`components`,label:`Components`},{value:`states`,label:`States`}],get value(){return w(j)},set value(e){h(j,e,!0)}})};F(i,e=>{w(E)===`overview`&&e(a)});var s=o(i,2),c=e=>{W(e,{label:`Group`,options:[{value:`file`,label:`By file`},{value:`instance`,label:`By instance`}],get value(){return w(ee)},set value(e){h(ee,e,!0)}})},l=e=>{var t=Rt(),r=_(t);{let e=n(()=>[{value:`all`,label:`All`},{value:`state`,label:`$state`,count:w(Xe).state},{value:`derived`,label:`$derived`,count:w(Xe).derived},{value:`effect`,label:`$effect`,count:w(Xe).effect},{value:`template`,label:`markup`,count:w(Xe).template}]);W(r,{label:`Signal kind`,get options(){return w(e)},get value(){return w(Re)},set value(e){h(Re,e,!0)}})}var i=o(r,2);{let e=n(()=>w(Y).nodes.length.toLocaleString());pe(i,{get placeholder(){return`Filter the ${w(e)??``} loaded signals…`},get count(){return w($).length},get value(){return w(Le)},set value(e){h(Le,e,!0)}})}var a=o(i,2),s=e=>{var t=It(),n=g(t),r=b(n);n.value=n.__value=``;var i=o(n);ie(i,16,()=>w(He),e=>e,(e,t)=>{var n=Ft(),r=b(n,!0),i={};v(e=>{N(r,e),i!==(i=t)&&(n.value=(n.__value=i)??``)},[()=>y(t)]),O(e,n)}),m(t),re(t),v(()=>N(r,`All loaded files (${w(He).length??``})`)),P(t,()=>w(Be),e=>h(Be,e)),O(e,t)};F(a,e=>{w(E)===`full`&&e(s)});var c=o(a,2);{let e=n(()=>({captured:w(Y).nodes.length,total:w(Y).total?.nodes??null,truncated:w(Y).truncated,policy:w(Y).policy})),t=n(()=>Te(w(Y)));ve(c,{get info(){return w(e)},noun:`signals`,get stale(){return w(t)}})}var l=o(c,2),u=e=>{var t=Lt(),n=b(t);v((e,t)=>N(n,`Paused: ${e??``} of ${t??``} signals`),[()=>w(Y).nodes.length.toLocaleString(),()=>we(w(Y).total?.nodes)]),O(e,t)};F(l,e=>{w(Pe)&&!J.live&&w(E)===`full`&&e(u)});var d=o(l,2);W(d,{label:`Layout`,options:[{value:`auto`,label:`Auto`},{value:`graph`,label:`Graph`},{value:`list`,label:`List`}],get value(){return X.value},set value(e){X.value=e}}),O(e,t)};F(s,e=>{w(E)===`overview`&&w(j)===`components`?e(c):w(E)!==`overview`&&e(l,1)}),O(e,t)},i=e=>{var t=z(),r=_(t),i=e=>{{let t=n(()=>w(j)===`states`?R:M);ye(e,{get res(){return w(t)}})}},a=e=>{ye(e,{get res(){return J}})};F(r,e=>{w(E)===`overview`?e(i):w(q)!==void 0&&e(a,1)}),O(e,t)},a=n(()=>w(E)===`overview`?w(j)===`states`?w(ae).length:M.data?.components.total??void 0:w(Y).nodes.length);fe(t,{title:`Reactivity`,get count(){return w(a)},toolbar:e,actions:i,children:(e,t)=>{var n=z(),i=_(n),a=e=>{var t=z(),n=_(t),r=e=>{pt(e,{get timeline(){return R},get states(){return w(ae)},get baseline(){return w(oe)}})},i=e=>{at(e,{get summary(){return M},get group(){return w(ee)},onfullgraph:()=>h(E,`full`)})};F(n,e=>{w(j)===`states`?e(r):e(i,-1)}),O(e,t)},c=e=>{L(e,{icon:`reactive`,title:`Pick a component`,children:(e,t)=>{var n=Bt(),i=o(g(n)),a=o(i,4);s(),m(n),r(`click`,i,()=>h(E,`overview`)),r(`click`,a,()=>le.go(`components`)),O(e,n)},$$slots:{default:!0}})},l=e=>{L(e,{icon:`warning`,title:`The app page reloaded`,children:(e,t)=>{var n=Vt(),r=_(n),i=b(r),a=o(r,2);D(a,{icon:`close`,onclick:tt,children:(e,t)=>{s();var n=B(`Clear selection`);O(e,n)},$$slots:{default:!0}}),v(()=>N(i,`Component ids restart on every page load, so ${w(A)?.label??``} #${w(A)?.componentId??``} may now be a
|
|
17
|
+
different instance. Pick it again.`)),O(e,n)},$$slots:{default:!0}})},u=e=>{d(e)};F(i,e=>{w(E)===`overview`?e(a):w(E)===`local`&&!w(A)?e(c,1):w(Ie)?e(l,2):e(u,-1)}),O(e,n)},$$slots:{toolbar:!0,actions:!0,default:!0}})}l()}C([`click`]);export{Ht as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Ht as e,Ut as t,W as n}from"./resource.svelte-GBY8qvgR.js";function r(r,i){t(i,!0),n(r,{icon:`refresh`,variant:`ghost`,get label(){return i.label},get disabled(){return i.res.busy},onclick:()=>i.res.refresh()}),e()}export{r as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Bt as e,C as t,Ft as n,Gt as r,H as i,Ht as a,It as o,Kt as s,Lt as c,Mt as l,Nt as u,Ot as d,Pt as f,R as p,Rt as m,Tt as h,Ut as g,W as _,_t as v,at as y,ht as b,it as ee,k as x,n as S,ot as C,pt as w,qt as te,vt as ne,xt as T,yt as E,z as D}from"./resource.svelte-GBY8qvgR.js";import{o as O,r as re}from"./index-BBFupqc_.js";import{n as k,t as A}from"./Panel-BoUvB1nh.js";import{t as j}from"./ResourceEmpty-BBhK6GZB.js";import{t as M}from"./SearchField-C1RVVJht.js";import{t as N}from"./SplitView-D7jY4n9A.js";import{t as P}from"./DataTable-C8wIHfdk.js";import{t as F}from"./Inspector-pD5_jg0-.js";import{t as I}from"./Segmented-CK2euuus.js";import{n as L}from"./collections-BtFss6Lo.js";import{t as R}from"./CaptureNotice-DNYJjRjY.js";import{t as z}from"./LiveControls-BDWnVlkm.js";import{t as ie}from"./versions-Dmo1-Hsc.js";import{t as ae}from"./capture.svelte-CetYVdiG.js";import{t as oe}from"./StatList-Cd2sByRK.js";var se=E(`<!> <!> <!> <span class="summary num svelte-1u85j1o"> </span>`,1),ce=E(`<!> <!>`,1),le=E(`<!> <p class="note svelte-1u85j1o">Share of all render time: <strong class="num"> </strong></p>`,1),B=E(`<span class="end num muted"> </span>`),ue=E(`<span> </span>`),de=E(`<span class="name svelte-1u85j1o"><span class="cname svelte-1u85j1o"><!></span> <span class="file truncate svelte-1u85j1o"><!></span></span> <!> <!> <span class="end num"> </span> <!> <span class="total end svelte-1u85j1o"><span></span> <span class="num"> </span></span>`,1),fe=E(`<p>Interact with your app — every component mount and update is timed.</p>`);function V(E,V){g(V,!0);let H=S(t,{initial:[],interval:1e3,version:ie(`renderProfiles`)}),pe=ae(1e3),U=m(`component`),W=m(``),G=m(o({id:`total`,desc:!0})),K=m(null);function q(e,t){return{key:t,name:e.name,file:e.file,instances:1,initTime:e.initTime,renderCount:e.renderCount,totalRenderTime:e.totalRenderTime,lastRenderTime:e.lastRenderTime,lastRenderAt:e.lastRenderAt,ids:[e.componentId]}}function me(e,t){return e.instances++,e.initTime+=t.initTime,e.renderCount+=t.renderCount,e.totalRenderTime+=t.totalRenderTime,e.ids.push(t.componentId),t.lastRenderAt>e.lastRenderAt&&(e.lastRenderAt=t.lastRenderAt,e.lastRenderTime=t.lastRenderTime),e}let J=e(()=>h(U)===`instance`?H.data.map(e=>q(e,String(e.componentId))):[...L(H.data,e=>e.file)].map(([e,[t,...n]])=>n.reduce(me,q(t,e)))),Y=e(()=>{let e=O(h(W));return e?h(J).filter(t=>e(t.name,t.file)):h(J)}),he=e(()=>h(J).reduce((e,t)=>Math.max(e,t.totalRenderTime),1e-4)),X=e(()=>h(J).reduce((e,t)=>({renders:e.renders+t.renderCount,time:e.time+t.totalRenderTime}),{renders:0,time:0})),Z=e(()=>h(K)?h(J).find(e=>e.key===h(K))??null:null),Q=e=>e.renderCount?e.totalRenderTime/e.renderCount:0,ge=[{id:`name`,label:`Component`,width:`minmax(0, 1fr)`,sort:(e,t)=>e.name.localeCompare(t.name)},{id:`instances`,label:`Inst.`,width:`52px`,align:`end`,descFirst:!0,minWidth:640,sort:(e,t)=>e.instances-t.instances},{id:`init`,label:`Init`,width:`72px`,align:`end`,descFirst:!0,minWidth:720,sort:(e,t)=>e.initTime-t.initTime},{id:`renders`,label:`Renders`,width:`68px`,align:`end`,descFirst:!0,sort:(e,t)=>e.renderCount-t.renderCount},{id:`avg`,label:`Avg`,width:`72px`,align:`end`,descFirst:!0,minWidth:560,sort:(e,t)=>Q(e)-Q(t)},{id:`total`,label:`Total`,width:`150px`,align:`end`,descFirst:!0,sort:(e,t)=>e.totalRenderTime-t.totalRenderTime}];function $(e){return e>=16?`red`:e>=4?`yellow`:null}A(E,{title:`Render`,get count(){return H.data.length},toolbar:e=>{var t=se(),r=u(t);I(r,{label:`Group by`,options:[{value:`component`,label:`By component`},{value:`instance`,label:`By instance`}],get value(){return h(U)},set value(e){c(U,e,!0)}});var i=n(r,2);M(i,{placeholder:`Filter components…`,get count(){return h(Y).length},get value(){return h(W)},set value(e){c(W,e,!0)}});var a=n(i,2);R(a,{get info(){return pe.data.renderProfiles},noun:`profiles`});var o=n(a,2),s=f(o);d((e,t)=>b(s,`${e??``} renders · ${t??``}`),[()=>h(X).renders.toLocaleString(),()=>D(h(X).time)]),v(e,t)},actions:e=>{z(e,{get res(){return H}})},children:(t,a)=>{{let a=t=>{var i=ne(),a=u(i),o=t=>{F(t,{get title(){return h(Z).name},get subtitle(){return h(Z).file},onclose:()=>c(K,null),badges:t=>{var i=ce(),a=u(i),o=e=>{k(e,{children:(e,t)=>{r();var n=T();d(()=>b(n,`${h(Z).instances??``} instance${h(Z).instances===1?``:`s`}`)),v(e,n)},$$slots:{default:!0}})};w(a,e=>{h(U)===`component`&&e(o)});var s=n(a,2),c=e=>{k(e,{tone:`red`,children:(e,t)=>{r();var n=T(`over frame budget`);v(e,n)},$$slots:{default:!0}})},l=e(()=>$(Q(h(Z)))===`red`),f=e=>{k(e,{tone:`yellow`,children:(e,t)=>{r();var n=T(`slow`);v(e,n)},$$slots:{default:!0}})},p=e(()=>$(Q(h(Z))));w(s,e=>{h(l)?e(c):h(p)&&e(f,1)}),v(t,i)},actions:e=>{_(e,{icon:`editor`,onclick:()=>x(h(Z).file).catch(()=>{}),children:(e,t)=>{r();var n=T(`Open in editor`);v(e,n)},$$slots:{default:!0}})},children:(t,r)=>{var i=le(),a=u(i);{let t=e(()=>[{label:`Renders`,value:h(Z).renderCount.toLocaleString()},{label:`Total`,value:D(h(Z).totalRenderTime)},{label:`Average`,value:D(Q(h(Z))),tone:$(Q(h(Z)))},{label:`Last`,value:D(h(Z).lastRenderTime),tone:$(h(Z).lastRenderTime)},{label:h(U)===`component`?`Init (sum)`:`Init`,value:D(h(Z).initTime)},{label:`Last render`,value:h(Z).lastRenderAt?p(h(Z).lastRenderAt):`—`}]);oe(a,{variant:`grid`,get items(){return h(t)}})}var o=n(a,2),c=n(l(o)),m=f(c);s(o),d(e=>b(m,`${e??``}%`),[()=>(h(Z).totalRenderTime/Math.max(h(X).time,1e-4)*100).toFixed(1)]),v(t,i)},$$slots:{badges:!0,actions:!0,default:!0}})};w(a,e=>{h(Z)&&e(o)}),v(t,i)},o=e(()=>!!h(Z));N(t,{id:`render`,get open(){return h(o)},aside:a,children:(t,r)=>{P(t,{get items(){return h(Y)},get columns(){return ge},getKey:e=>e.key,label:`Render profiles`,onactivate:e=>x(e.file).catch(()=>{}),get sort(){return h(G)},set sort(e){c(G,e,!0)},get selected(){return h(K)},set selected(e){c(K,e,!0)},row:(t,r=te,a)=>{let o=()=>(a?.()).visible;var c=de(),p=u(c),m=l(p),g=l(m);re(g,{get text(){return r().name},get query(){return h(W)}}),s(m);var _=n(m,2),x=l(_);{let t=e(()=>i(r().file));re(x,{get text(){return h(t)},get query(){return h(W)}})}s(_),s(p);var S=n(p,2),ne=e=>{var t=B(),n=f(t,!0);d(()=>b(n,r().instances)),v(e,t)},T=e(()=>o().has(`instances`));w(S,e=>{h(T)&&e(ne)});var E=n(S,2),O=e=>{var t=B(),n=f(t,!0);d(e=>b(n,e),[()=>D(r().initTime)]),v(e,t)},k=e(()=>o().has(`init`));w(E,e=>{h(k)&&e(O)});var A=n(E,2),j=f(A,!0),M=n(A,2),N=e=>{var t=ue(),n=f(t,!0);d((e,r)=>{y(t,1,e,`svelte-1u85j1o`),b(n,r)},[()=>C([`end num`,$(Q(r()))]),()=>D(Q(r()))]),v(e,t)},P=e(()=>o().has(`avg`));w(M,e=>{h(P)&&e(N)});var F=n(M,2),I=l(F);let L;var R=n(I,2),z=f(R,!0);s(F),d((e,t,n,r)=>{b(j,e),y(I,1,t,`svelte-1u85j1o`),L=ee(I,``,L,{width:n}),b(z,r)},[()=>r().renderCount.toLocaleString(),()=>C([`bar`,$(Q(r()))]),()=>`${Math.max(2,r().totalRenderTime/h(he)*60)}px`,()=>D(r().totalRenderTime)]),v(t,c)},empty:e=>{j(e,{get res(){return H},get total(){return H.data.length},loading:`Waiting for render data…`,failed:`Could not load render profiles`,icon:`render`,title:`No renders recorded yet`,noMatch:`No components match`,children:(e,t)=>{var n=fe();v(e,n)},$$slots:{default:!0}})},$$slots:{row:!0,empty:!0}})},$$slots:{aside:!0,default:!0}})}},$$slots:{toolbar:!0,actions:!0,default:!0}}),a()}export{V as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.summary.svelte-1u85j1o{color:var(--fg-faint);font-size:var(--fs-xs);white-space:nowrap}.name.svelte-1u85j1o{align-items:baseline;gap:8px;min-width:0;display:flex}.cname.svelte-1u85j1o{white-space:nowrap;font-weight:500}.file.svelte-1u85j1o{color:var(--fg-faint);font-size:var(--fs-xs)}.total.svelte-1u85j1o{justify-content:flex-end;align-items:center;gap:8px;display:flex}.bar.svelte-1u85j1o{background:var(--green);opacity:.7;border-radius:2px;height:4px}.bar.yellow.svelte-1u85j1o{background:var(--yellow)}.bar.red.svelte-1u85j1o{background:var(--red)}.yellow.svelte-1u85j1o{color:var(--yellow)}.red.svelte-1u85j1o{color:var(--red)}.note.svelte-1u85j1o{color:var(--fg-muted);font-size:var(--fs-sm);margin:12px 14px 0}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Ht as e,K as t,Nt as n,Ut as r,_t as i,pt as a,r as o,vt as s}from"./resource.svelte-GBY8qvgR.js";function c(c,l){r(l,!0);let u=t(l,`noMatch`,3,`Nothing matches`);var d=s(),f=n(d),p=e=>{o(e,{icon:`search`,get title(){return u()}})},m=e=>{o(e,{get title(){return l.loading}})},h=e=>{o(e,{get title(){return l.failed},get error(){return l.res.error}})},g=e=>{o(e,{get icon(){return l.icon},get title(){return l.title},get children(){return l.children}})};a(f,e=>{l.total>0?e(p):l.res.loading?e(m,1):l.res.error?e(h,2):e(g,-1)}),i(c,d),e()}export{c as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Bt as e,Ct as t,Ft as n,Gt as r,Ht as i,It as a,Kt as o,Lt as s,Mt as c,Nt as l,Ot as u,Pt as d,Rt as f,St as p,Tt as m,Ut as h,W as g,_t as _,at as v,ht as y,k as b,kt as x,n as S,pt as C,qt as w,tt as ee,ut as T,vt as E,w as D,xt as O,yt as k}from"./resource.svelte-GBY8qvgR.js";import{o as te,r as A}from"./index-BBFupqc_.js";import{n as j,t as ne}from"./Panel-BoUvB1nh.js";import{t as M}from"./RefreshButton-QYzgSJG9.js";import{t as re}from"./ResourceEmpty-BBhK6GZB.js";import{t as ie}from"./SearchField-C1RVVJht.js";import{t as ae}from"./SplitView-D7jY4n9A.js";import{t as oe}from"./Inspector-pD5_jg0-.js";import{t as se}from"./Segmented-CK2euuus.js";import{n as ce,t as le}from"./TreeView-T5wWFSLQ.js";function ue(e){let t={key:`/`,segment:`/`,route:null,children:[]},n=new Map([[`/`,t]]),r=e.toSorted((e,t)=>e.id.localeCompare(t.id));for(let e of r){if(e.id===`/`){t.route=e;continue}let r=t,i=``;for(let t of e.id.split(`/`).filter(Boolean)){i+=`/`+t;let e=n.get(i);e||(e={key:i,segment:t,route:null,children:[]},n.set(i,e),r.children.push(e)),r=e}r.route=e}return{roots:[t],byKey:n}}var N=k(`<!> <!> <!> <!>`,1),de=k(`<span class="params svelte-yu3l91"></span>`),fe=k(`<span class="faint">none</span>`),P=k(`<li><button type="button"><!> <span class="sub truncate mono svelte-yu3l91"> </span></button></li>`),F=k(`<h3 class="section-title">Matching</h3> <dl class="kv"><dt>Pattern</dt> <dd class="mono"> </dd> <dt>Params</dt> <dd><!></dd></dl> <h3 class="section-title">Files <span class="num"> </span></h3> <ul class="link-list svelte-yu3l91"></ul>`,1),I=k(`<span class="k page svelte-yu3l91" title="+page.svelte">P</span>`),L=k(`<span class="k layout svelte-yu3l91" title="+layout.svelte">L</span>`),R=k(`<span class="k server svelte-yu3l91" title="server load">S</span>`),z=k(`<span class="k load svelte-yu3l91" title="universal load">U</span>`),B=k(`<span class="k api svelte-yu3l91" title="+server endpoint">API</span>`),V=k(`<span class="kinds svelte-yu3l91"><!> <!> <!> <!> <!></span> <span class="path truncate svelte-yu3l91"><!></span>`,1),pe=k(`<span><!></span> <!>`,1),me=k(`<p>Routes appear here for SvelteKit projects with a <code>src/routes</code> directory.</p>`);function H(p,k){h(k,!0);let H=S(D,{initial:[]}),U=e(()=>ue(H.data)),W=()=>ce(m(U).roots,{key:e=>e.key,children:e=>e.children}),G=f(``),K=f(`all`),q=f(a(new Set([`/`]))),J=f(null),Y=!1;x(()=>{Y||H.data.length===0||(Y=!0,s(q,H.data.length<=60?W():new Set([`/`,...(m(U).roots[0]?.children??[]).map(e=>e.key)]),!0))});let X={pages:e=>e.hasPage,endpoints:e=>e.hasEndpoint,dynamic:e=>e.params.length>0},he=e(()=>{let e=te(m(G)),t=m(K)===`all`?null:X[m(K)];return!e&&!t?null:n=>!!n.route&&(!t||t(n.route))&&(!e||e(n.route.path,n.route.id))}),Z=e(()=>({pages:H.data.filter(X.pages).length,endpoints:H.data.filter(X.endpoints).length,dynamic:H.data.filter(X.dynamic).length})),Q=e(()=>m(J)?m(U).byKey.get(m(J))?.route??null:null),ge={page:`+page.svelte`,layout:`+layout.svelte`,"server-page":`+page.server`,"server-layout":`+layout.server`,endpoint:`+server`,"page-load":`+page`,"layout-load":`+layout`,error:`+error.svelte`,"page-load-server":`+page.server`,"layout-load-server":`+layout.server`};function _e(e){return e===`endpoint`?`green`:e.includes(`server`)?`blue`:e.includes(`layout`)?`purple`:e===`error`?`red`:`accent`}function ve(e){return e.startsWith(`[...`)?`rest`:e.startsWith(`[`)?`param`:e.startsWith(`(`)?`group`:``}function ye(e){return e.hasPage&&e.params.length===0}function be(e){window.open(new URL(e.path,location.origin).href,`_blank`,`noopener`)}function xe(e){return(e.files.find(e=>e.type===`page`)??e.files.find(e=>e.type===`endpoint`)??e.files[0])?.path}function $(e){e&&b(e).catch(()=>{})}ne(p,{title:`Routes`,get count(){return H.data.length},toolbar:t=>{var r=N(),i=l(r);{let t=e(()=>[{value:`all`,label:`All`,count:H.data.length},{value:`pages`,label:`Pages`,count:m(Z).pages},{value:`endpoints`,label:`Endpoints`,count:m(Z).endpoints},{value:`dynamic`,label:`Dynamic`,count:m(Z).dynamic}]);se(i,{label:`Route kind`,get options(){return m(t)},get value(){return m(K)},set value(e){s(K,e,!0)}})}var a=n(i,2);ie(a,{placeholder:`Filter by path…`,get value(){return m(G)},set value(e){s(G,e,!0)}});var o=n(a,2);g(o,{icon:`expand`,variant:`ghost`,label:`Expand all`,onclick:()=>s(q,W(),!0)});var c=n(o,2);g(c,{icon:`collapse`,variant:`ghost`,label:`Collapse all`,onclick:()=>s(q,new Set([`/`]),!0)}),_(t,r)},actions:e=>{M(e,{get res(){return H},label:`Rescan routes`})},children:(i,a)=>{{let a=i=>{var a=E(),f=l(a),p=i=>{let a=e(()=>m(Q));{let f=e=>{var t=N(),i=l(t),o=e=>{j(e,{tone:`accent`,children:(e,t)=>{r();var n=O(`page`);_(e,n)},$$slots:{default:!0}})};C(i,e=>{m(a).hasPage&&e(o)});var s=n(i,2),c=e=>{j(e,{tone:`purple`,children:(e,t)=>{r();var n=O(`layout`);_(e,n)},$$slots:{default:!0}})};C(s,e=>{m(a).hasLayout&&e(c)});var u=n(s,2),d=e=>{j(e,{tone:`green`,children:(e,t)=>{r();var n=O(`endpoint`);_(e,n)},$$slots:{default:!0}})};C(u,e=>{m(a).hasEndpoint&&e(d)});var f=n(u,2),p=e=>{j(e,{tone:`blue`,children:(e,t)=>{r();var n=O(`server load`);_(e,n)},$$slots:{default:!0}})};C(f,e=>{(m(a).hasServerPage||m(a).hasServerLayout)&&e(p)}),_(e,t)},p=t=>{var n=E(),i=l(n),o=e=>{g(e,{icon:`external`,onclick:()=>be(m(a)),children:(e,t)=>{r();var n=O(`Open page`);_(e,n)},$$slots:{default:!0}})},s=e(()=>ye(m(a)));C(i,e=>{m(s)&&e(o)}),_(t,n)},h=e(()=>`src/routes`+(m(a).id===`/`?``:m(a).id));oe(i,{get title(){return m(a).path},get subtitle(){return m(h)},onclose:()=>s(J,null),badges:f,actions:p,children:(i,s)=>{var f=F(),p=n(l(f),2),h=n(c(p),2),g=d(h,!0),v=n(h,4),b=c(v),x=t=>{var n=de();T(n,21,()=>m(a).params,e=>e.name,(t,n)=>{{let i=e(()=>m(n).matcher?`matcher: ${m(n).matcher}`:void 0);j(t,{tone:`yellow`,get title(){return m(i)},children:(e,t)=>{r();var i=O();u(()=>y(i,`${m(n).rest?`...`:``}${m(n).name??``}${m(n).optional?`?`:``}${m(n).matcher?`=${m(n).matcher}`:``}`)),_(e,i)},$$slots:{default:!0}})}}),o(n),_(t,n)},S=e=>{var t=fe();_(e,t)};C(b,e=>{m(a).params.length?e(x):e(S,-1)}),o(v),o(p);var w=n(p,2),E=n(c(w)),D=d(E,!0);o(w);var k=n(w,2);T(k,21,()=>m(a).files,e=>e.path,(i,a)=>{var s=P(),l=c(s),f=c(l);{let t=e(()=>_e(m(a).type));j(f,{get tone(){return m(t)},children:(e,t)=>{r();var n=O();u(()=>y(n,ge[m(a).type]??m(a).type)),_(e,n)},$$slots:{default:!0}})}var p=n(f,2),h=d(p,!0);o(l),o(s),u(()=>{ee(l,`title`,`Open ${m(a).path??``} in editor`),y(h,m(a).path)}),t(`click`,l,()=>$(m(a).path)),_(i,s)}),o(k),u(()=>{y(g,m(a).pattern),y(D,m(a).files.length)}),_(i,f)},$$slots:{badges:!0,actions:!0,default:!0}})}};C(f,e=>{m(Q)&&e(p)}),_(i,a)},f=e(()=>!!m(Q));ae(i,{id:`routes`,get open(){return m(f)},aside:a,children:(t,r)=>{{let r=(e,t=w)=>{var r=pe(),i=l(r);let a;var s=c(i);A(s,{get text(){return t().segment},get query(){return m(G)}}),o(i);var d=n(i,2),f=e=>{var r=V(),i=l(r),a=c(i),s=e=>{var t=I();_(e,t)};C(a,e=>{t().route.hasPage&&e(s)});var u=n(a,2),d=e=>{var t=L();_(e,t)};C(u,e=>{t().route.hasLayout&&e(d)});var f=n(u,2),p=e=>{var t=R();_(e,t)};C(f,e=>{(t().route.hasServerPage||t().route.hasServerLayout)&&e(p)});var h=n(f,2),g=e=>{var t=z();_(e,t)};C(h,e=>{(t().route.hasPageLoad||t().route.hasLayoutLoad)&&e(g)});var v=n(h,2),y=e=>{var t=B();_(e,t)};C(v,e=>{t().route.hasEndpoint&&e(y)}),o(i);var b=n(i,2),x=c(b);A(x,{get text(){return t().route.path},get query(){return m(G)}}),o(b),_(e,r)};C(d,e=>{t().route&&e(f)}),u(e=>a=v(i,1,`seg ${e??``}`,`svelte-yu3l91`,a,{dir:!t().route}),[()=>ve(t().segment)]),_(e,r)},i=e=>{re(e,{get res(){return H},get total(){return H.data.length},loading:`Scanning src/routes…`,failed:`Could not read routes`,icon:`routes`,title:`No routes found`,noMatch:`No routes match`,children:(e,t)=>{var n=me();_(e,n)},$$slots:{default:!0}})},a=e(()=>H.data.length?m(U).roots:[]);le(t,{get roots(){return m(a)},getKey:e=>e.key,getChildren:e=>e.children,get filter(){return m(he)},label:`Route tree`,onactivate:e=>e.route&&$(xe(e.route)),get expanded(){return m(q)},set expanded(e){s(q,e,!0)},get selected(){return m(J)},set selected(e){s(J,e,!0)},row:r,empty:i,$$slots:{row:!0,empty:!0}})}},$$slots:{aside:!0,default:!0}})}},$$slots:{toolbar:!0,actions:!0,default:!0}}),i()}p([`click`]);export{H as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Ct as e,Ft as t,G as n,Ht as r,J as i,K as a,Kt as o,Lt as s,Mt as c,Ot as l,Pt as u,Rt as d,St as f,Tt as p,Ut as m,X as h,_t as g,et as _,ht as v,pt as y,tt as b,yt as x}from"./resource.svelte-GBY8qvgR.js";var S=x(`<span class="hits num svelte-13x9cek" aria-live="polite"> </span>`),C=x(`<kbd class="hint svelte-13x9cek" aria-hidden="true">/</kbd>`),w=x(`<label class="search svelte-13x9cek"><!> <span class="sr-only"> </span> <input data-panel-search="" type="search" spellcheck="false" autocomplete="off" class="svelte-13x9cek"/> <!></label>`);function T(f,x){m(x,!0);let T=a(x,`value`,15,``),E=a(x,`placeholder`,3,`Filter…`),D=a(x,`label`,3,`Filter`),O=a(x,`count`,3,null),k=d(null);function A(e){if(e.key===`Escape`&&T())e.stopPropagation(),T(``);else if(e.key===`ArrowDown`){let t=(p(k)?.closest(`section`))?.querySelector(`[role="listbox"],[role="tree"]`);t&&(e.preventDefault(),t.focus())}}var j=w(),M=c(j);n(M,{name:`search`,size:13});var N=t(M,2),P=u(N,!0),F=t(N,2);_(F),i(F,e=>s(k,e),()=>p(k));var I=t(F,2),L=e=>{var t=S(),n=u(t,!0);l(()=>v(n,O())),g(e,t)},R=e=>{var t=C();g(e,t)};y(I,e=>{T()&&O()!=null?e(L):T()||e(R,1)}),o(j),l(()=>{v(P,D()),b(F,`aria-label`,D()),b(F,`placeholder`,E())}),e(`keydown`,F,A),h(F,T),g(f,j),r()}f([`keydown`]);export{T as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Ct as e,Ft as t,Ht as n,K as r,Kt as i,Mt as a,Ot as o,Pt as s,St as c,Tt as l,Ut as u,_t as d,ht as f,pt as p,tt as m,ut as h,yt as g}from"./resource.svelte-GBY8qvgR.js";var _=g(`<span class="n num svelte-1lde95s"> </span>`),v=g(`<button type="button" role="radio" class="svelte-1lde95s"> <!></button>`),y=g(`<div class="seg svelte-1lde95s" role="radiogroup" tabindex="-1"></div>`);function b(c,g){u(g,!0);let b=r(g,`value`,15);function x(e){let t=g.options.findIndex(e=>e.value===b()),n=t;if(e.key===`ArrowRight`||e.key===`ArrowDown`)n=(t+1)%g.options.length;else if(e.key===`ArrowLeft`||e.key===`ArrowUp`)n=(t-1+g.options.length)%g.options.length;else return;let r=g.options[n];if(!r)return;e.preventDefault(),b(r.value);let i=e.currentTarget;queueMicrotask(()=>i.querySelector(`[aria-checked="true"]`)?.focus())}var S=y();h(S,21,()=>g.options,e=>e.value,(n,r)=>{var c=v(),u=a(c),h=t(u),g=e=>{var t=_(),n=s(t,!0);o(()=>f(n,l(r).count)),d(e,t)};p(h,e=>{l(r).count!=null&&e(g)}),i(c),o(()=>{m(c,`aria-checked`,l(r).value===b()),m(c,`tabindex`,l(r).value===b()?0:-1),f(u,`${l(r).label??``} `)}),e(`click`,c,()=>b(l(r).value)),d(n,c)}),i(S),o(()=>m(S,`aria-label`,g.label)),e(`keydown`,S,x),d(c,S),n()}c([`keydown`,`click`]);export{b as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Bt as e,Ct as t,Ft as n,Ht as r,K as i,Kt as a,Lt as o,Mt as s,Nt as c,Ot as l,Rt as u,St as d,Tt as f,Ut as p,Y as m,_t as h,at as g,ct as _,it as v,pt as y,tt as b,yt as x}from"./resource.svelte-GBY8qvgR.js";import{t as S}from"./index-BBFupqc_.js";var C=x(`<div class="handle svelte-10qqxh5" role="separator" aria-label="Resize panel" tabindex="0"></div> <div class="aside svelte-10qqxh5"><!></div>`,1),w=x(`<div><div class="main svelte-10qqxh5"><!></div> <!></div>`);function T(d,x){p(x,!0);let T=i(x,`open`,3,!0),E=i(x,`initial`,3,360),D=i(x,`min`,3,220),O=i(x,`stackBelow`,3,760),k=i(x,`side`,3,`end`),A=S(`split:${x.id}`,E()),j=u(0),M=u(0),N=u(!1),P=e(()=>f(j)>0&&f(j)<O()),F=e(()=>f(P)?f(M):f(j)),I=e(()=>Math.max(D(),Math.min(A.value,Math.max(D(),f(F)-D()))));function L(e){let t=e.currentTarget;t.setPointerCapture(e.pointerId),o(N,!0);let n=f(P)?e.clientY:e.clientX,r=f(I),i=f(P)||k()===`end`?-1:1,a=e=>{let t=(f(P)?e.clientY:e.clientX)-n;A.value=Math.round(r+i*t)},s=()=>{o(N,!1),t.removeEventListener(`pointermove`,a),t.removeEventListener(`pointerup`,s),t.removeEventListener(`pointercancel`,s),A.value=f(I)};t.addEventListener(`pointermove`,a),t.addEventListener(`pointerup`,s),t.addEventListener(`pointercancel`,s)}function R(e){let t=e.shiftKey?64:16,n=k()===`end`||f(P)?[`ArrowLeft`,`ArrowUp`]:[`ArrowRight`,`ArrowDown`],r=k()===`end`||f(P)?[`ArrowRight`,`ArrowDown`]:[`ArrowLeft`,`ArrowUp`];if(n.includes(e.key))A.value=f(I)+t;else if(r.includes(e.key))A.value=f(I)-t;else return;e.preventDefault()}var z=w();let B,V;var H=s(z),U=s(H);_(U,()=>x.children),a(H);var W=n(H,2),G=e=>{var r=C(),i=c(r),o=n(i,2),u=s(o);_(u,()=>x.aside),a(o),l(()=>{b(i,`aria-orientation`,f(P)?`horizontal`:`vertical`),b(i,`aria-valuenow`,f(I)),b(i,`aria-valuemin`,D())}),t(`pointerdown`,i,L),t(`keydown`,i,R),h(e,r)};y(W,e=>{T()&&e(G)}),a(z),l(()=>{B=g(z,1,`split svelte-10qqxh5`,null,B,{stacked:f(P),start:k()===`start`,dragging:f(N)}),V=v(z,``,V,{"--side":`${f(I)??``}px`})}),m(z,`clientWidth`,e=>o(j,e)),m(z,`clientHeight`,e=>o(M,e)),h(d,z),r()}d([`pointerdown`,`keydown`]);export{T as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Ft as e,Kt as t,Mt as n,Ot as r,Pt as i,Tt as a,_t as o,at as s,ht as c,ut as l,yt as u}from"./resource.svelte-GBY8qvgR.js";var d=u(`<div class="svelte-bwplhe"><dt class="svelte-bwplhe"> </dt> <dd> </dd></div>`),f=u(`<dl></dl>`);function p(u,p){var m=f();l(m,21,()=>p.items,e=>e.label,(l,u)=>{var f=d(),p=n(f),m=i(p,!0),h=e(p,2),g=i(h,!0);t(f),r(()=>{c(m,a(u).label),s(h,1,`num ${a(u).tone??``??``}`,`svelte-bwplhe`),c(g,a(u).value)}),o(l,f)}),t(m),r(()=>s(m,1,`stats ${p.variant??``}`,`svelte-bwplhe`)),o(u,m)}export{p as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.stats.svelte-bwplhe{flex-wrap:wrap;margin:0;display:flex}.box.svelte-bwplhe,.grid.svelte-bwplhe{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.strip.svelte-bwplhe{border-bottom:1px solid var(--border)}.box.svelte-bwplhe div:where(.svelte-bwplhe),.strip.svelte-bwplhe div:where(.svelte-bwplhe){border-right:1px solid var(--border)}.box.svelte-bwplhe div:where(.svelte-bwplhe){padding:6px 14px}.box.svelte-bwplhe div:where(.svelte-bwplhe):last-child{border-right:0}.strip.svelte-bwplhe div:where(.svelte-bwplhe){padding:8px 16px}.grid.svelte-bwplhe{background:var(--border);grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:1px;margin:12px 14px 0;display:grid}.grid.svelte-bwplhe div:where(.svelte-bwplhe){background:var(--bg-subtle);flex-direction:column;gap:2px;padding:8px 10px;display:flex}dt.svelte-bwplhe{font-size:var(--fs-xs);color:var(--fg-muted)}dd.svelte-bwplhe{font-size:var(--fs-lg);margin:0;font-weight:600}.green.svelte-bwplhe{color:var(--green)}.yellow.svelte-bwplhe{color:var(--yellow)}.red.svelte-bwplhe{color:var(--red)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{A as e,B as t,Bt as n,E as r,Ft as i,Gt as a,Ht as o,Kt as s,Lt as c,Mt as l,Nt as u,Ot as d,P as f,Pt as p,R as m,Rt as h,Tt as g,Ut as _,V as v,W as y,_t as b,ht as x,n as S,pt as C,qt as ee,s as w,tt as T,vt as E,xt as D,yt as O}from"./resource.svelte-GBY8qvgR.js";import{a as k,i as A,r as j}from"./index-BBFupqc_.js";import{n as M,t as te}from"./Panel-BoUvB1nh.js";import{t as ne}from"./ResourceEmpty-BBhK6GZB.js";import{t as re}from"./SearchField-C1RVVJht.js";import{t as ie}from"./SplitView-D7jY4n9A.js";import{t as N}from"./VirtualList-CLxNqdaN.js";import{t as P}from"./Inspector-pD5_jg0-.js";import{t as F}from"./CaptureNotice-DNYJjRjY.js";import{t as I}from"./LiveControls-BDWnVlkm.js";import{t as L}from"./versions-Dmo1-Hsc.js";import{t as R}from"./capture.svelte-CetYVdiG.js";import{n as ae}from"./reactive-BQ_s2f5H.js";var oe=O(`<span class="baseline svelte-1gmwyjx" role="status"> </span>`),se=O(`<!> <!> <!> <span class="summary svelte-1gmwyjx"> </span> <span class="summary svelte-1gmwyjx"></span>`,1),ce=O(`<!> <!>`,1),le=O(`<h3 class="section-title">Before</h3> <pre class="code-block old-block svelte-1gmwyjx"> </pre> <h3 class="section-title">After</h3> <pre class="code-block new-block svelte-1gmwyjx"> </pre>`,1),ue=O(`<span class="old svelte-1gmwyjx"> </span><span class="arrow svelte-1gmwyjx">→</span>`,1),de=O(`<span class="time num svelte-1gmwyjx"> </span> <span class="sig svelte-1gmwyjx"><span class="mono name svelte-1gmwyjx"><!></span> <span class="comp truncate svelte-1gmwyjx"><!></span></span> <span class="change mono truncate svelte-1gmwyjx"><!> <span class="new svelte-1gmwyjx"><!></span></span>`,1),fe=O(`<p>Interact with your app — every <code>$state</code> write is recorded here, newest first.</p>`),pe=O(`<div class="list svelte-1gmwyjx"><div class="head svelte-1gmwyjx" aria-hidden="true"><span>Time</span><span>Signal</span><span>Change</span></div> <div class="body svelte-1gmwyjx"><!></div></div>`);function z(O,z){_(z,!0);let B,V=[];async function me(){let e=await r(B);return B=e.cursor,e.reset?V=e.changes.slice(-500):e.changes.length&&(V=V.concat(e.changes).slice(-500)),V}let H=S(me,{initial:[],interval:1e3,version:L(`stateTimeline`),equals:(e,t)=>e===t}),U=R(1e3),W=n(()=>ae(U.data.stateTimeline?.baseline)),G=h(``),K=h(null),q=new WeakMap;function J(e){let n=q.get(e);return n||(n={old:e.oldValue===null?``:t(e.oldValue,40),next:t(e.newValue,80),hay:A(e.name,e.componentFile,t(e.newValue,200))},q.set(e,n)),n}let Y=n(()=>{let e=k(g(G)),t=H.data.toReversed();return e?t.filter(t=>e(J(t).hay)):t}),X=e=>String(e.seq),Z=n(()=>g(K)?g(Y).find(e=>X(e)===g(K))??null:null),Q=n(()=>new Set(H.data.map(e=>e.id)).size);async function he(){await w().catch(()=>{}),B=void 0,V=[],H.set(V),c(K,null)}function $(t){e(t.componentFile,t.name,`state`).catch(()=>{})}te(O,{title:`State timeline`,get count(){return H.data.length},toolbar:e=>{var t=se(),n=u(t);re(n,{placeholder:`Filter by signal, component or value…`,get count(){return g(Y).length},get value(){return g(G)},set value(e){c(G,e,!0)}});var r=i(n,2);F(r,{get info(){return U.data.stateTimeline},noun:`changes`});var a=i(r,2),o=e=>{var t=oe(),n=p(t,!0);d(()=>x(n,g(W))),b(e,t)};C(a,e=>{g(W)&&e(o)});var s=i(a,2),l=p(s),f=i(s,2);T(f,`title`,`The app checks $state every 200 ms: several writes within one check are one entry, and times are when a change was detected. The dev server keeps the latest 500 changes across all signals.`),f.textContent=`sampled every 200 ms · latest 500`,d(()=>x(l,`${g(Q)??``} signal${g(Q)===1?``:`s`}`)),b(e,t)},actions:e=>{I(e,{get res(){return H},onclear:he})},children:(e,t)=>{{let t=e=>{var t=E(),r=u(t),o=e=>{P(e,{get title(){return g(Z).name},get subtitle(){return g(Z).componentFile},onclose:()=>c(K,null),badges:e=>{var t=ce(),r=u(t);{let e=n(()=>g(Z).oldValue===null?`green`:`blue`);M(r,{get tone(){return g(e)},children:(e,t)=>{a();var n=D();d(()=>x(n,g(Z).oldValue===null?`init`:`update`)),b(e,n)},$$slots:{default:!0}})}var o=i(r,2);M(o,{children:(e,t)=>{a();var n=D();d(e=>x(n,e),[()=>m(g(Z).timestamp,!0)]),b(e,n)},$$slots:{default:!0}}),b(e,t)},actions:e=>{y(e,{icon:`editor`,onclick:()=>$(g(Z)),children:(e,t)=>{a();var n=D(`Go to definition`);b(e,n)},$$slots:{default:!0}})},children:(e,t)=>{var n=le(),r=i(u(n),2),a=p(r,!0),o=i(r,4),s=p(o,!0);d((e,t)=>{x(a,e),x(s,t)},[()=>v(g(Z).oldValue),()=>v(g(Z).newValue)]),b(e,n)},$$slots:{badges:!0,actions:!0,default:!0}})};C(r,e=>{g(Z)&&e(o)}),b(e,t)},r=n(()=>!!g(Z));ie(e,{id:`timeline`,get open(){return g(r)},aside:t,children:(e,t)=>{var r=pe(),o=i(l(r),2),h=l(o);N(h,{get items(){return g(Y)},getKey:X,label:`State changes, newest first`,onactivate:$,get selected(){return g(K)},set selected(e){c(K,e,!0)},row:(e,t=ee)=>{var r=de(),o=u(r),c=p(o,!0),h=i(o,2),_=l(h),v=l(_);j(v,{get text(){return t().name},get query(){return g(G)}}),s(_);var y=i(_,2),S=l(y);{let e=n(()=>f(t().componentFile));j(S,{get text(){return g(e)},get query(){return g(G)}})}s(y),s(h);var w=i(h,2),T=l(w),E=e=>{M(e,{tone:`green`,children:(e,t)=>{a();var n=D(`init`);b(e,n)},$$slots:{default:!0}})},O=e=>{var n=ue(),r=u(n),i=p(r,!0);a(),d(e=>x(i,e),[()=>J(t()).old]),b(e,n)};C(T,e=>{t().oldValue===null?e(E):e(O,-1)});var k=i(T,2),A=l(k);{let e=n(()=>J(t()).next);j(A,{get text(){return g(e)},get query(){return g(G)}})}s(k),s(w),d(e=>x(c,e),[()=>m(t().timestamp,!0)]),b(e,r)},empty:e=>{ne(e,{get res(){return H},get total(){return H.data.length},loading:`Waiting for state changes…`,failed:`Could not load the state timeline`,icon:`timeline`,title:`No state changes yet`,noMatch:`No changes match`,children:(e,t)=>{var n=fe();b(e,n)},$$slots:{default:!0}})},$$slots:{row:!0,empty:!0}}),s(o),s(r),b(e,r)},$$slots:{aside:!0,default:!0}})}},$$slots:{toolbar:!0,actions:!0,default:!0}}),o()}export{z as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Bt as e,Ct as t,Ft as n,G as r,Ht as i,It as a,J as o,K as s,Kt as c,Lt as l,Mt as u,Nt as d,Ot as f,Rt as p,St as m,Tt as h,Ut as g,_t as _,at as v,ct as y,it as b,pt as x,qt as S,yt as C}from"./resource.svelte-GBY8qvgR.js";import{t as w}from"./VirtualList-CLxNqdaN.js";function T(e,t,n,r){let i=[];if(!r){let r=(e,a,o)=>{for(let s of e){let e=t.key(s),c=t.children(s),l=c.length>0&&n.has(e);i.push({node:s,key:e,depth:a,parentKey:o,hasChildren:c.length>0,expanded:l,match:!1,posinset:0,setsize:0}),l&&r(c,a+1,e)}};return r(e,0,null),E(i)}let a=(e,n,o)=>{let s=t.key(e),c=t.children(e),l=r(e),u=i.length,d={node:e,key:s,depth:n,parentKey:o,hasChildren:c.length>0,expanded:!1,match:l,posinset:0,setsize:0};i.push(d);let f=!1;for(let e of c)a(e,n+1,s)&&(f=!0);return!l&&!f?(i.length=u,!1):(d.expanded=f,!0)};for(let t of e)a(t,0,null);return E(i)}function E(e){let t=new Map;for(let n of e){let e=(t.get(n.parentKey)??0)+1;t.set(n.parentKey,e),n.posinset=e}for(let n of e)n.setsize=t.get(n.parentKey);return e}function D(e,t){let n=new Set,r=[...e];for(;r.length>0;){let e=r.pop(),i=t.children(e);if(i.length>0){n.add(t.key(e));for(let e of i)r.push(e)}}return n}function O(e,t,n,r){if(e.id!==void 0){let t=n.byId.get(e.id);if(t)return t}let i=n.byKey.get(e.path);return i&&!t.has(r(i))?i:null}function k(e,t,n,r,i){let a=t?.byId??new Map,o=[];for(let s of e){let e=t?.byKey.get(s),c=O({id:e?r(e):void 0,path:s},a,n,r);c&&o.push(i(c))}return o}function A(e,t,n,r,i){return k(e,t!==null&&t.epoch!==null&&t.epoch===n.epoch?t:null,n,r,i)}function j(e,t,n,r=3){let i=[],a=(e,o)=>{if(!(o>=r))for(let r of e){let e=t(r);e.length!==0&&(i.push(n(r)),a(e,o+1))}};return a(e,0),i}var M=C(`<button type="button" tabindex="-1" aria-hidden="true"><!></button>`),N=C(`<span class="twisty-spacer svelte-6jgyr7" aria-hidden="true"></span>`),P=C(`<span class="indent svelte-6jgyr7" aria-hidden="true"></span> <!> <!>`,1);function F(m,C){g(C,!0);let E=s(C,`expanded`,31,()=>a(new Set)),D=s(C,`selected`,15,null),O=s(C,`filter`,3,null),k=s(C,`rowHeight`,3,26),A=p(null),j=e(()=>T(C.roots,{key:C.getKey,children:C.getChildren},E(),O()));function F(e,t){E(t??!E().has(e)?new Set([...E(),e]):new Set([...E()].filter(t=>t!==e)))}function I(e){return h(j).findIndex(t=>t.key===e)}function L(e,t){t.length>0&&E(new Set([...E(),...t])),D(e),queueMicrotask(()=>h(A)?.scrollToIndex(I(e),`center`))}function R(){h(A)?.focus()}function z(e,t){return e.key===`ArrowRight`||e.key===`l`?(t.hasChildren&&!t.expanded?F(t.key,!0):t.expanded&&h(A)?.select(I(t.key)+1),!0):e.key===`ArrowLeft`||e.key===`h`?(t.expanded&&!O()?F(t.key,!1):t.parentKey!=null&&h(A)?.select(I(t.parentKey)),!0):e.key===` `&&t.hasChildren?(F(t.key),!0):!1}var B={reveal:L,focus:R};return o(w(m,{get items(){return h(j)},getKey:e=>e.key,role:`tree`,get label(){return C.label},get rowHeight(){return k()},get empty(){return C.empty},onselect:e=>C.onselect?.(e.node),onactivate:e=>C.onactivate?.(e.node),onrowkeydown:z,rowAttrs:e=>({"aria-level":e.depth+1,"aria-posinset":e.posinset,"aria-setsize":e.setsize,"aria-expanded":e.hasChildren?e.expanded:void 0}),get selected(){return D()},set selected(e){D(e)},row:(e,i=S)=>{var a=P(),o=d(a);let s;var l=n(o,2),p=e=>{var n=M();let a;var o=u(n);r(o,{name:`chevron`,size:12}),c(n),f(()=>a=v(n,1,`twisty svelte-6jgyr7`,null,a,{open:i().expanded})),t(`click`,n,e=>{e.stopPropagation(),O()||F(i().key)}),_(e,n)},m=e=>{var t=N();_(e,t)};x(l,e=>{i().hasChildren?e(p):e(m,-1)});var h=n(l,2);y(h,()=>C.row,()=>i().node,i),f(()=>s=b(o,``,s,{width:`${i().depth*14}px`})),_(e,a)},$$slots:{row:!0}}),e=>l(A,e,!0),()=>h(A)),i(B)}m([`click`]);export{A as i,D as n,j as r,F as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{$ as e,Bt as t,Ct as n,Dt as r,Ht as i,J as a,K as o,Kt as s,Lt as c,Mt as l,Nt as u,Ot as d,Q as f,Rt as p,St as m,Tt as h,Ut as g,Z as _,_t as v,ct as y,it as b,kt as x,pt as S,tt as C,ut as w,vt as T,wt as E,yt as D}from"./resource.svelte-GBY8qvgR.js";var ee=0,O=D(`<div><!></div>`),k=D(`<div class="spacer svelte-1cpjs53"></div>`),A=D(`<div class="viewport svelte-1cpjs53" tabindex="0"><!></div>`);function j(m,D){g(D,!0);let j=o(D,`rowHeight`,3,28),M=o(D,`selected`,15,null),N=o(D,`role`,3,`listbox`),P=o(D,`overscan`,3,8),F=`vl${++ee}`,I=p(null),L=p(0),R=p(0),z=t(()=>D.items.length*j()),B=t(()=>Math.max(0,Math.floor(h(L)/j())-P())),V=t(()=>Math.min(D.items.length,Math.ceil((h(L)+h(R))/j())+P())),H=t(()=>D.items.slice(h(B),h(V))),U=t(()=>Math.max(1,Math.floor(h(R)/j())-1)),W=t(()=>{if(M()==null)return null;for(let[e,t]of D.items.entries())if(D.getKey(t,e)===M())return{index:e,item:t};return null}),G=t(()=>h(W)?.index??-1);x(()=>{let e=h(I);if(!e)return;let t=new ResizeObserver(()=>{c(R,e.clientHeight,!0)});return t.observe(e),c(R,e.clientHeight,!0),()=>t.disconnect()}),x(()=>{h(I)&&h(L)>Math.max(0,h(z)-h(R))&&(h(I).scrollTop=Math.max(0,h(z)-h(R)))}),x(()=>{M()!=null&&r(()=>{h(G)>=0&&q(h(G))})});function K(){h(I)&&c(L,h(I).scrollTop,!0)}function q(e,t=`auto`){if(!h(I)||e<0)return;let n=e*j();t===`center`?h(I).scrollTop=Math.max(0,n-h(R)/2+j()/2):n<h(I).scrollTop?h(I).scrollTop=n:n+j()>h(I).scrollTop+h(R)&&(h(I).scrollTop=n+j()-h(R)),c(L,h(I).scrollTop,!0)}function J(){h(I)?.focus({preventScroll:!0})}function Y(e){if(!D.items.length)return;let t=Math.max(0,Math.min(D.items.length-1,e)),n=D.items[t];M(D.getKey(n,t)),q(t),D.onselect?.(n,t)}function X(e){if(e.altKey||e.metaKey||e.ctrlKey)return;let t=h(W),n=t?.index??-1;if(t&&D.onrowkeydown?.(e,t.item,t.index)){e.preventDefault();return}let r=null;switch(e.key){case`ArrowDown`:case`j`:r=n<0?0:n+1;break;case`ArrowUp`:case`k`:r=n<0?0:n-1;break;case`Home`:r=0;break;case`End`:r=D.items.length-1;break;case`PageDown`:r=(n<0?0:n)+h(U);break;case`PageUp`:r=(n<0?0:n)-h(U);break;case`Enter`:t&&(e.preventDefault(),D.onactivate?.(t.item,t.index));return;default:return}e.preventDefault(),Y(r)}function Z(e){Y(e),J()}var Q={scrollToIndex:q,focus:J,select:Y},$=A(),te=l($),ne=e=>{var t=T(),n=u(t),r=e=>{var t=T(),n=u(t);y(n,()=>D.empty),v(e,t)};S(n,e=>{D.empty&&e(r)}),v(e,t)},re=n=>{var r=k();let i;w(r,23,()=>h(H),(e,t)=>D.getKey(e,h(B)+t),(n,r,i)=>{let a=t(()=>h(B)+h(i)),o=t(()=>h(a)===h(G));var c=O(),u=()=>Z(h(a)),d=()=>D.onactivate?.(h(r),h(a));e(c,e=>({id:`${F}-${h(a)??``}`,class:`row`,role:N()===`tree`?`treeitem`:`option`,"aria-selected":h(o),"aria-posinset":h(a)+1,"aria-setsize":D.items.length,onclick:u,ondblclick:d,...e,[_]:{selected:h(o)},[f]:{height:`${j()??``}px`,transform:`translateY(${h(a)*j()}px)`}}),[()=>D.rowAttrs?.(h(r),h(a))],void 0,void 0,`svelte-1cpjs53`);var p=l(c);y(p,()=>D.row,()=>h(r),()=>({index:h(a),selected:h(o)})),s(c),v(n,c)}),s(r),d(()=>i=b(r,``,i,{height:`${h(z)??``}px`})),v(n,r)};return S(te,e=>{D.items.length===0?e(ne):e(re,-1)}),s($),a($,e=>c(I,e),()=>h(I)),d(()=>{C($,`role`,N()),C($,`aria-label`,D.label),C($,`aria-activedescendant`,h(G)>=h(B)&&h(G)<h(V)?`${F}-${h(G)}`:void 0)}),E(`scroll`,$,K),n(`keydown`,$,X),v(m,$),i(Q)}m([`keydown`]);export{j as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as e}from"./nanoid-Cya-tyvy.js";var t=Symbol.for(`devframe:browser-agent-registry`),{tools:n,listeners:r}=globalThis[t]??={tools:new Map,listeners:new Set};function i(){return[...n.values()]}function a(e){return r.add(e),()=>r.delete(e)}var o=`devframe:client-id`,s;function c(t=globalThis.window){try{let n=t?.sessionStorage;if(n){let t=n.getItem(o);return t||(t=e(),n.setItem(o,t)),t}}catch{}return s??=e(),s}function l(e){e.client.register({name:`devframe:agent:invoke-client-tool`,type:`action`,jsonSerializable:!0,handler:async(e,t)=>{let n=i().find(t=>t.id===e);if(!n)throw Error(`[devframe/agent] browser tool "${e}" not found`);return await n.invoke(t)}});let t=!1,n=!1,r=0,o=()=>{t||n||(t=!0,queueMicrotask(async()=>{if(t=!1,n)return;let a=i().map(({invoke:e,...t})=>t);(a.length!==0||r!==0)&&(r=a.length,await e.callOptional(`devframe:agent:sync-client-tools`,c(),a).catch(()=>{}))}))},s=a(o),l=e.events.on(`connection:status`,e=>{e===`connected`&&o()});return o(),()=>{n=!0,s(),l()}}export{l as setupBrowserAgentRpcBridge};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{d as e,n as t}from"./resource.svelte-GBY8qvgR.js";function n(n,r){return t(e,{initial:{},interval:n,when:r})}export{n as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
function e(e,t){let n=new Map;for(let r of e){let e=t(r);n.set(e,(n.get(e)??0)+1)}return n}function t(e,t,n){let r=new Map;for(let i of e){let e=t(i),a=n?n(i):i,o=r.get(e);o?o.push(a):r.set(e,[a])}return r}function n(e,t){let n=new Map;return e.map(e=>{let r=t(e),i=(n.get(r)??0)+1;return n.set(r,i),i===1?r:`${r}#${i}`})}export{t as n,n as r,e as t};
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/Overview-CNCVS-EJ.js","assets/resource.svelte-GBY8qvgR.js","assets/nanoid-Cya-tyvy.js","assets/resource-f-V9vBwK.css","assets/Panel-BoUvB1nh.js","assets/Panel-b1jDvzob.css","assets/SearchField-C1RVVJht.js","assets/SearchField-DWMQuleP.css","assets/Segmented-CK2euuus.js","assets/Segmented-OaYMdNpv.css","assets/versions-Dmo1-Hsc.js","assets/Overview-Neh721Uf.css","assets/Components-DzrFq-Jl.js","assets/RefreshButton-QYzgSJG9.js","assets/SplitView-D7jY4n9A.js","assets/SplitView-CbR-hDtW.css","assets/DataTable-C8wIHfdk.js","assets/VirtualList-CLxNqdaN.js","assets/VirtualList-CRDBwjCp.css","assets/DataTable-gMBzprA7.css","assets/Inspector-pD5_jg0-.js","assets/Inspector-CDwlmfEg.css","assets/collections-BtFss6Lo.js","assets/CaptureNotice-DNYJjRjY.js","assets/CaptureNotice-B2odNyXw.css","assets/LiveControls-BDWnVlkm.js","assets/LiveControls-CMau2xlU.css","assets/TreeView-T5wWFSLQ.js","assets/TreeView-BL5XbGhe.css","assets/reactive-selection.svelte-DI6qEBmx.js","assets/Components-DcHDCSmh.css","assets/Routes-BS5YDx3C.js","assets/ResourceEmpty-BBhK6GZB.js","assets/Routes-eFPp9T07.css","assets/ModuleGraph-BscNTo-U.js","assets/kind-options-BLIV2wQY.js","assets/ModuleGraph-B6XWZJQb.css","assets/Assets-F6ySiRNw.js","assets/Assets-D-EORnuB.css","assets/RenderProfiler-Brp8i8K4.js","assets/capture.svelte-CetYVdiG.js","assets/StatList-Cd2sByRK.js","assets/StatList-CwVfs0x8.css","assets/RenderProfiler-C0XQZUzw.css","assets/ReactiveGraph-BmQbARuQ.js","assets/reactive-BQ_s2f5H.js","assets/ReactiveGraph-BInCBdAu.css","assets/StateTimeline-CaYBN88_.js","assets/StateTimeline-B4FdF3L3.css","assets/LoadProfiler-RcwiKanZ.js","assets/LoadProfiler-9jiBcPzy.css","assets/FpsMonitor-Bot5x4nP.js","assets/FpsMonitor-D0MLqumc.css","assets/BuildAnalysis-Ci5Or0e4.js","assets/BuildAnalysis-ClES_VN-.css","assets/ErrorDashboard-DvBrkCGu.js","assets/ErrorDashboard-0CGkszcN.css","assets/Inspect-TF2sVdn4.js","assets/Inspect-Ci9HWo78.css","assets/ApiPlayground-r3PMCbhw.js","assets/ApiPlayground-D6P2iQCp.css","assets/OGPreview-Ca39RUrW.js","assets/OGPreview-CSIAKIGn.css"])))=>i.map(i=>d[i]);
|
|
2
|
+
import{Bt as e,Ct as t,Et as n,F as r,Ft as i,G as a,Gt as o,Ht as s,It as c,J as l,K as u,Kt as d,Lt as f,Mt as p,Nt as m,Ot as h,Pt as g,Rt as _,St as v,Tt as y,U as b,Ut as x,W as S,Wt as C,X as w,_t as T,at as E,dt as D,et as O,gt as k,ht as A,j,jt as M,kt as N,mt as P,pt as F,q as I,qt as L,r as R,st as ee,t as z,tt as B,ut as V,vt as H,wt as te,xt as U,yt as W}from"./resource.svelte-GBY8qvgR.js";(function(){let e=document.createElement(`link`).relList;if(e&&e.supports&&e.supports(`modulepreload`))return;for(let e of document.querySelectorAll(`link[rel="modulepreload"]`))n(e);new MutationObserver(e=>{for(let t of e)if(t.type===`childList`)for(let e of t.addedNodes)e.tagName===`LINK`&&e.rel===`modulepreload`&&n(e)}).observe(document,{childList:!0,subtree:!0});function t(e){let t={};return e.integrity&&(t.integrity=e.integrity),e.referrerPolicy&&(t.referrerPolicy=e.referrerPolicy),t.credentials=e.crossOrigin===`use-credentials`?`include`:e.crossOrigin===`anonymous`?`omit`:`same-origin`,t}function n(e){if(e.ep)return;e.ep=!0;let n=t(e);fetch(e.href,n)}})();var ne=e=>e!==void 0&&(e<=` `?e===` `||e>=` `&&e<=`\r`:e>`~`&&e.trim()===``),G=e=>!!e&&e>=`0`&&e<=`9`,re=e=>!!e&&(e>=`a`&&e<=`z`||e>=`A`&&e<=`Z`||e===`_`),ie=e=>re(e)||G(e),ae=e=>re(e)||e===`$`;function K(e,t,n){let r=t;for(;r<e.length&&n(e[r]);)r++;return r}function q(e){let t=[],n=-1;for(let r=0;r<e.length;r++)ne(e[r])?n!==-1&&(t.push(e.slice(n,r)),n=-1):n===-1&&(n=r);return n!==-1&&t.push(e.slice(n)),t}var oe=e=>e.length>0&&K(e,0,G)===e.length;function se(e){let t=``;for(let n of e)G(n)&&(t+=n);return t}var J=e=>e.slice(0,K(e,0,G));function ce(e){let t=Y(e);return t&&((...e)=>t(le(...e)))}function Y(e){let t=q(e.toLowerCase());return t.length===0?null:e=>t.every(t=>e.includes(t))}function le(...e){return e.filter(Boolean).join(`
|
|
3
|
+
`).toLowerCase()}function ue(e,t){let n=q(t.toLowerCase());if(n.length===0||!e)return[{t:e,m:!1}];let r=e.toLowerCase();r.length!==e.length&&(r=Array.from({length:e.length},(t,n)=>{let r=e.charAt(n),i=r.toLowerCase();return i.length===1?i:r}).join(``));let i=new Uint8Array(e.length);for(let e of n){let t=r.indexOf(e);for(;t!==-1;)i.fill(1,t,t+e.length),t=r.indexOf(e,t+e.length)}let a=[],o=0;for(let t=1;t<=e.length;t++)(t===e.length||i[t]!==i[o])&&(a.push({t:e.slice(o,t),m:i[o]===1}),o=t);return a}var de=W(`<mark> </mark>`);function fe(t,n){x(n,!0);let r=u(n,`query`,3,``),i=e(()=>r()?ue(n.text,r()):null);var a=H(),o=m(a),c=e=>{var t=H(),n=m(t);V(n,17,()=>y(i),D,(e,t)=>{var n=H(),r=m(n),i=e=>{var n=de(),r=g(n,!0);h(()=>A(r,y(t).t)),T(e,n)},a=e=>{var n=U();h(()=>A(n,y(t).t)),T(e,n)};F(r,e=>{y(t).m?e(i):e(a,-1)}),T(e,n)}),T(e,t)},l=e=>{var t=U();h(()=>A(t,n.text)),T(e,t)};F(o,e=>{y(i)?e(c):e(l,-1)}),T(t,a),s()}var pe=W(`<span class="hint truncate svelte-1bm0yy4"> </span>`),me=W(`<li role="option"><!> <span class="label svelte-1bm0yy4"><!></span> <!> <span class="group svelte-1bm0yy4"> </span></li>`),he=W(`<li class="none svelte-1bm0yy4" role="presentation"> </li>`),ge=W(`<div class="scrim svelte-1bm0yy4"><div class="palette svelte-1bm0yy4" role="dialog" aria-modal="true" aria-label="Command palette"><div class="field svelte-1bm0yy4"><!> <input placeholder="Go to panel or run a command…" aria-label="Search commands" role="combobox" aria-expanded="true" aria-controls="palette-list" aria-autocomplete="list" spellcheck="false" class="svelte-1bm0yy4"/> <kbd class="svelte-1bm0yy4">esc</kbd></div> <ul id="palette-list" class="list svelte-1bm0yy4" role="listbox" aria-label="Commands"></ul> <footer class="foot svelte-1bm0yy4"><span class="svelte-1bm0yy4"><kbd class="svelte-1bm0yy4">↑</kbd><kbd class="svelte-1bm0yy4">↓</kbd> move</span> <span class="svelte-1bm0yy4"><kbd class="svelte-1bm0yy4">↵</kbd> run</span> <span class="svelte-1bm0yy4"><kbd class="svelte-1bm0yy4">/</kbd> filter current panel</span></footer></div></div>`);function _e(r,c){x(c,!0);let v=u(c,`open`,15,!1),b=_(``),S=_(0),C=_(null),D=_(null),k=null,j=e(()=>{let e=ce(y(b));return e?c.commands.filter(t=>e(t.label,t.hint,t.group,t.keywords)):c.commands});N(()=>{v()&&(k=document.activeElement,f(b,``),f(S,0),n().then(()=>y(C)?.focus()))});function M(){v(!1),k?.focus()}function P(e){e&&(v(!1),e.run())}function I(e){y(j).length&&(f(S,(y(S)+e+y(j).length)%y(j).length),n().then(()=>y(D)?.querySelector(`[data-i="${y(S)}"]`)?.scrollIntoView({block:`nearest`})))}function L(e){if(e.key===`ArrowDown`)I(1);else if(e.key===`ArrowUp`)I(-1);else if(e.key===`Enter`)P(y(j)[y(S)]);else if(e.key===`Escape`)M();else if(e.key!==`Tab`)return;e.preventDefault()}var R=H(),ee=m(R),z=e=>{var n=ge(),r=p(n),s=p(r),c=p(s);a(c,{name:`search`,size:15});var u=i(c,2);O(u),l(u,e=>f(C,e),()=>y(C)),o(2),d(s);var m=i(s,2);V(m,23,()=>y(j),e=>e.id,(e,n,r)=>{var o=me();let s;var c=p(o);a(c,{get name(){return y(n).icon},size:15});var l=i(c,2);fe(p(l),{get text(){return y(n).label},get query(){return y(b)}}),d(l);var u=i(l,2),m=e=>{var t=pe(),r=g(t,!0);h(()=>A(r,y(n).hint)),T(e,t)};F(u,e=>{y(n).hint&&e(m)});var _=i(u,2),v=g(_,!0);d(o),h(()=>{B(o,`id`,`palette-${y(r)??``}`),B(o,`data-i`,y(r)),s=E(o,1,`item svelte-1bm0yy4`,null,s,{active:y(r)===y(S)}),B(o,`aria-selected`,y(r)===y(S)),A(v,y(n).group)}),t(`click`,o,()=>P(y(n))),t(`mousemove`,o,()=>f(S,y(r),!0)),T(e,o)},e=>{var t=he(),n=g(t);h(()=>A(n,`No matches for “${y(b)??``}”`)),T(e,t)}),d(m),l(m,e=>f(D,e),()=>y(D)),o(2),d(r),d(n),h(()=>B(u,`aria-activedescendant`,y(j).length?`palette-${y(S)}`:void 0)),t(`click`,n,e=>e.target===e.currentTarget&&M()),t(`input`,u,()=>f(S,0)),t(`keydown`,u,L),w(u,()=>y(b),e=>f(b,e)),T(e,n)};F(ee,e=>{v()&&e(z)}),T(r,R),s()}v([`click`,`input`,`keydown`,`mousemove`]);var X=j,ve=typeof X.onConnectionState==`function`,ye=_(c(X.getConnectionState?.()??{status:`connected`,host:`unknown`}));ve&&X.onConnectionState(e=>{f(ye,e,!0)});var Z={get state(){return y(ye)},get canAuth(){return typeof X.submitAuthCode==`function`},async requestCode(e){await X.requestAuthCode?.(e)},async submitCode(e){return await X.submitAuthCode?.(e)??!1}},be={app:`App`,perf:`Performance`,tools:`Tools`},Q=[{id:`overview`,label:`Overview`,icon:`overview`,group:`app`,description:`Project, versions and health at a glance`,load:()=>b(()=>import(`./Overview-CNCVS-EJ.js`),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11]))},{id:`components`,label:`Components`,icon:`components`,group:`app`,description:`Live component tree and static import graph`,keywords:`tree instance mounted imports`,load:()=>b(()=>import(`./Components-DzrFq-Jl.js`),__vite__mapDeps([12,1,2,3,4,5,13,6,7,14,15,16,17,18,19,20,21,8,9,22,23,24,25,26,27,28,29,10,30]))},{id:`routes`,label:`Routes`,icon:`routes`,group:`app`,description:`SvelteKit route tree and route files`,keywords:`pages layouts params kit`,load:()=>b(()=>import(`./Routes-BS5YDx3C.js`),__vite__mapDeps([31,1,2,3,4,5,13,32,6,7,14,15,20,21,8,9,27,17,18,28,33]))},{id:`modules`,label:`Modules`,icon:`modules`,group:`app`,description:`Vite module graph with cycle detection`,keywords:`imports graph circular`,load:()=>b(()=>import(`./ModuleGraph-BscNTo-U.js`),__vite__mapDeps([34,1,2,3,4,5,13,32,6,7,14,15,16,17,18,19,20,21,8,9,22,35,36]))},{id:`assets`,label:`Assets`,icon:`assets`,group:`app`,description:`Static assets by type and size`,keywords:`images fonts static`,load:()=>b(()=>import(`./Assets-F6ySiRNw.js`),__vite__mapDeps([37,1,2,3,4,5,13,32,6,7,14,15,16,17,18,19,20,21,8,9,22,35,38]))},{id:`render`,label:`Render`,icon:`render`,group:`perf`,description:`Per-component init and render cost`,keywords:`profiler performance slow`,load:()=>b(()=>import(`./RenderProfiler-Brp8i8K4.js`),__vite__mapDeps([39,1,2,3,4,5,32,6,7,14,15,16,17,18,19,20,21,8,9,22,23,24,25,13,26,10,40,41,42,43]))},{id:`reactive`,label:`Reactivity`,icon:`reactive`,group:`perf`,description:`$state / $derived / $effect dependency graph`,keywords:`signals runes effect derived state`,load:()=>b(()=>import(`./ReactiveGraph-BmQbARuQ.js`),__vite__mapDeps([44,1,2,3,4,5,6,7,14,15,16,17,18,19,20,21,8,9,22,23,24,25,13,26,29,10,40,45,46]))},{id:`timeline`,label:`State timeline`,icon:`timeline`,group:`perf`,description:`Every $state mutation, newest first`,keywords:`history changes mutations`,load:()=>b(()=>import(`./StateTimeline-CaYBN88_.js`),__vite__mapDeps([47,1,2,3,4,5,32,6,7,14,15,17,18,20,21,23,24,25,13,26,10,40,45,22,48]))},{id:`loads`,label:`Load functions`,icon:`loads`,group:`perf`,description:`Server / universal load timings`,keywords:`waterfall data fetch`,load:()=>b(()=>import(`./LoadProfiler-RcwiKanZ.js`),__vite__mapDeps([49,1,2,3,4,5,32,6,7,16,17,18,19,8,9,22,23,24,25,13,26,10,40,41,42,50]))},{id:`fps`,label:`Frame rate`,icon:`fps`,group:`perf`,description:`Live FPS with recordable windows`,keywords:`fps jank frames`,load:()=>b(()=>import(`./FpsMonitor-Bot5x4nP.js`),__vite__mapDeps([51,1,2,3,4,5,32,8,9,25,13,26,10,41,42,52]))},{id:`build`,label:`Build`,icon:`build`,group:`perf`,description:`Production chunks and sizes`,keywords:`bundle chunks size`,load:()=>b(()=>import(`./BuildAnalysis-Ci5Or0e4.js`),__vite__mapDeps([53,1,2,3,4,5,13,32,6,7,14,15,16,17,18,19,20,21,8,9,54]))},{id:`errors`,label:`Problems`,icon:`errors`,group:`tools`,description:`Compiler warnings and runtime errors`,keywords:`warnings errors diagnostics`,load:()=>b(()=>import(`./ErrorDashboard-DvBrkCGu.js`),__vite__mapDeps([55,1,2,3,4,5,32,6,7,14,15,17,18,20,21,8,9,22,23,24,25,13,26,10,40,56]))},{id:`inspect`,label:`Compiled output`,icon:`inspect`,group:`tools`,description:`Source ↔ compiled JS with source-map links`,keywords:`inspect compile sourcemap`,load:()=>b(()=>import(`./Inspect-TF2sVdn4.js`),__vite__mapDeps([57,1,2,3,4,5,32,6,7,14,15,17,18,58]))},{id:`api`,label:`API`,icon:`api`,group:`tools`,description:`Call +server endpoints`,keywords:`endpoint request http playground`,load:()=>b(()=>import(`./ApiPlayground-r3PMCbhw.js`),__vite__mapDeps([59,1,2,3,4,5,13,32,6,7,14,15,17,18,60]))},{id:`og`,label:`Social preview`,icon:`og`,group:`tools`,description:`Open Graph tags and card preview`,keywords:`og meta seo twitter`,load:()=>b(()=>import(`./OGPreview-Ca39RUrW.js`),__vite__mapDeps([61,1,2,3,4,5,62]))}];function xe(e){return Q.find(t=>t.id===e)??Q[0]}var Se=new Set(Q.map(e=>e.id));function Ce(){let e=location.hash;e.startsWith(`#`)&&(e=e.slice(1)),e.startsWith(`/`)&&(e=e.slice(1));let t=e.split(`?`)[0].split(`/`)[0];return Se.has(t)?t:`overview`}var we=_(c(Ce())),Te=`devframe_otp=`;function Ee(e){for(let t=e.indexOf(Te);t!==-1;t=e.indexOf(Te,t+1)){let n=e[t-1];if((t!==1||n!==`#`)&&n!==`&`&&n!==`?`)continue;let r=J(e.slice(t+13));if(r)return r}return null}typeof window<`u`&&window.addEventListener(`hashchange`,()=>{Ee(location.hash)===null&&f(we,Ce(),!0)});var $={get current(){return y(we)},go(e){e!==y(we)&&(f(we,e,!0),history.pushState(null,``,`#/${e}`))}},De=W(`<p class="err svelte-1o7zaml" role="alert">That code did not work — check the terminal and try again.</p>`),Oe=W(`<div class="scrim svelte-1o7zaml"><div role="dialog" aria-modal="true" aria-labelledby="auth-title" aria-describedby="auth-desc"><form class="card svelte-1o7zaml"><span class="lock svelte-1o7zaml"><!></span> <h2 id="auth-title" class="svelte-1o7zaml">Authorize this browser</h2> <p id="auth-desc" class="svelte-1o7zaml">Enter the 6-digit code printed in the terminal running your dev server.</p> <input class="otp mono svelte-1o7zaml" inputmode="numeric" autocomplete="one-time-code" maxlength="7" placeholder="000000" aria-label="One-time code"/> <!> <!> <button type="button" class="link svelte-1o7zaml">Print a new code</button></form></div></div>`),ke=W(`<div role="status" aria-live="polite"><span class="spinner svelte-1o7zaml" aria-hidden="true"></span> <!></div>`);function Ae(r,c){x(c,!0);let u=_(``),g=e(()=>se(y(u))),v=_(!1),b=_(!1),C=_(!1),D=_(null),k=e(()=>Z.state.status),j=_(!1);N(()=>{if(y(k)===`connected`||y(k)===`unauthorized`){f(j,!1);return}let e=setTimeout(()=>f(j,!0),y(k)===`connecting`?1200:0);return()=>clearTimeout(e)}),N(()=>{y(k)===`unauthorized`&&(n().then(()=>y(D)?.focus()),y(C)||(f(C,!0),Z.requestCode().catch(()=>{})))});let M=new Set;N(()=>{if(y(k)!==`unauthorized`||!Z.canAuth)return;let e=()=>{let e=Ee(location.hash);e!==null&&(history.replaceState(history.state,``,`${location.pathname}${location.search}#/${$.current}`),!(M.has(e)||y(v))&&(M.add(e),f(u,e,!0),I(e)))};return window.addEventListener(`hashchange`,e),()=>window.removeEventListener(`hashchange`,e)});async function P(e){e.preventDefault(),!(y(g).length<6||y(v))&&await I(y(g))}async function I(e){f(v,!0),f(b,!1);try{f(b,!await Z.submitCode(e))}catch{f(b,!0)}finally{f(v,!1)}y(b)&&(f(u,``),y(D)?.focus())}var L=H(),R=m(L),ee=n=>{var r=Oe(),s=p(r),c=p(s),m=p(c),_=p(m);a(_,{name:`command`,size:20}),d(m);var x=i(m,6);O(x),l(x,e=>f(D,e),()=>y(D));var C=i(x,2),E=e=>{var t=De();T(e,t)};F(C,e=>{y(b)&&e(E)});var k=i(C,2);{let t=e(()=>y(v)||y(g).length<6);S(k,{type:`submit`,variant:`primary`,get disabled(){return y(t)},children:(e,t)=>{o();var n=U();h(()=>A(n,y(v)?`Verifying…`:`Connect`)),T(e,n)},$$slots:{default:!0}})}var j=i(k,2);d(c),d(s),d(r),h(()=>B(x,`aria-invalid`,y(b))),te(`submit`,c,P),t(`input`,x,()=>f(b,!1)),w(x,()=>y(u),e=>f(u,e)),t(`click`,j,()=>Z.requestCode({reissue:!0}).catch(()=>{})),T(n,r)},z=e=>{var t=ke();let n;var r=i(p(t),2),a=e=>{var t=U(`Connecting to the dev server…`);T(e,t)},o=e=>{var t=U();h(()=>A(t,`Dev server unreachable — reconnecting automatically${Z.state.error?` (${Z.state.error})`:``}.`)),T(e,t)};F(r,e=>{y(k)===`connecting`?e(a):e(o,-1)}),d(t),h(()=>n=E(t,1,`banner svelte-1o7zaml`,null,n,{error:y(k)!==`connecting`})),T(e,t)};F(R,e=>{y(k)===`unauthorized`&&Z.canAuth?e(ee):y(j)&&y(k)!==`connected`&&y(k)!==`unauthorized`&&e(z,1)}),T(r,L),s()}v([`input`,`click`]);var je=W(`<div class="host svelte-2j5tc8"><!></div>`);function Me(e,t){x(t,!0),C(z,()=>t.active);var n=je(),r=p(n);ee(r,()=>t.component,(e,t)=>{t(e,{})}),d(n),h(()=>B(n,`hidden`,!t.active)),T(e,n),s()}var Ne=`svelte-devtools:`;function Pe(e,t){let n=_(c(Fe(e,t)));return{get value(){return y(n)},set value(t){f(n,t,!0);try{localStorage.setItem(Ne+e,JSON.stringify(t))}catch{}}}}function Fe(e,t){try{let n=localStorage.getItem(Ne+e);return n===null?t:JSON.parse(n)}catch{return t}}var Ie=`svelte-devtools-theme`,Le=`(prefers-color-scheme: dark)`;function Re(){try{let e=localStorage.getItem(Ie);return e===`light`||e===`dark`?e:null}catch{return null}}function ze(){return window.matchMedia(Le).matches?`dark`:`light`}function Be(){let e=Re(),t=_(c(e??`system`)),n=_(c(e??ze()));function r(e){document.documentElement.dataset.theme=e,f(n,e,!0)}typeof window<`u`&&window.matchMedia(Le).addEventListener(`change`,e=>{y(t)===`system`&&r(e.matches?`dark`:`light`)});function i(e){if(f(t,e,!0),e===`system`){try{localStorage.removeItem(Ie)}catch{}r(ze())}else{try{localStorage.setItem(Ie,e)}catch{}r(e)}}return{get mode(){return y(t)},get resolved(){return y(n)},set:i}}var Ve=W(`<a class="item svelte-1n46o8q"><!> <span class="nav-text truncate svelte-1n46o8q"> </span></a>`),He=W(`<div class="group svelte-1n46o8q" role="group"><span class="group-label svelte-1n46o8q"> </span> <!></div>`),Ue=W(`<span role="status"><span class="conn-dot svelte-1n46o8q" aria-hidden="true"></span> <span class="nav-text svelte-1n46o8q"> </span></span>`),We=W(`<div class="host"><!></div>`),Ge=W(`<div class="loading svelte-1n46o8q" aria-busy="true" aria-label="Loading panel"></div>`),Ke=W(`<div><nav class="nav svelte-1n46o8q" aria-label="Panels"><div class="brand svelte-1n46o8q"><svg class="logo svelte-1n46o8q" viewBox="0 0 98.1 118" width="18" height="21" aria-hidden="true"><path fill="#ff3e00" d="M91.8 15.6C80.9-.1 59.2-4.7 43.6 5.2L16.1 22.8C8.6 27.5 3.4 35.2 1.9 43.9c-1.3 7.3-.2 14.8 3.3 21.3-2.4 3.6-4 7.6-4.7 11.8-1.6 8.9.5 18.1 5.7 25.4 11 15.7 32.6 20.3 48.2 10.4l27.5-17.5c7.5-4.7 12.7-12.4 14.2-21.1 1.3-7.3.2-14.8-3.3-21.3 2.4-3.6 4-7.6 4.7-11.8 1.7-9-.4-18.2-5.7-25.5"></path><path fill="#fff" d="M40.9 103.9c-8.9 2.3-18.2-1.2-23.4-8.7-3.2-4.4-4.4-9.9-3.5-15.3.2-.9.4-1.7.6-2.6l.5-1.6 1.4 1c3.3 2.4 6.9 4.2 10.8 5.4l1 .3-.1 1c-.1 1.4.3 2.9 1.1 4.1 1.6 2.3 4.4 3.4 7.1 2.7.6-.2 1.2-.4 1.7-.7L65.5 72c1.4-.9 2.3-2.2 2.6-3.8.3-1.6-.1-3.3-1-4.6-1.6-2.3-4.4-3.3-7.1-2.6-.6.2-1.2.4-1.7.7l-10.5 6.7c-1.7 1.1-3.6 1.9-5.6 2.4-8.9 2.3-18.2-1.2-23.4-8.7-3.1-4.4-4.4-9.9-3.4-15.3.9-5.2 4.1-9.9 8.6-12.7l27.5-17.5c1.7-1.1 3.6-1.9 5.6-2.5 8.9-2.3 18.2 1.2 23.4 8.7 3.2 4.4 4.4 9.9 3.5 15.3-.2.9-.4 1.7-.7 2.6l-.5 1.6-1.4-1c-3.3-2.4-6.9-4.2-10.8-5.4l-1-.3.1-1c.1-1.4-.3-2.9-1.1-4.1-1.6-2.3-4.4-3.3-7.1-2.6-.6.2-1.2.4-1.7.7L32.4 46.1c-1.4.9-2.3 2.2-2.6 3.8s.1 3.3 1 4.6c1.6 2.3 4.4 3.3 7.1 2.6.6-.2 1.2-.4 1.7-.7l10.5-6.7c1.7-1.1 3.6-1.9 5.6-2.5 8.9-2.3 18.2 1.2 23.4 8.7 3.2 4.4 4.4 9.9 3.5 15.3-.9 5.2-4.1 9.9-8.6 12.7l-27.5 17.5c-1.7 1.1-3.6 1.9-5.6 2.5"></path></svg> <span class="brand-name svelte-1n46o8q">Svelte <span class="faint">DevTools</span></span></div> <button class="cmdk svelte-1n46o8q" type="button" title="Command palette (⌘K)"><!> <span class="nav-text grow svelte-1n46o8q">Search</span> <kbd class="nav-text svelte-1n46o8q">⌘K</kbd></button> <div class="groups svelte-1n46o8q"></div> <div class="foot svelte-1n46o8q"><!> <!> <!></div></nav> <main class="stage svelte-1n46o8q"></main></div> <!> <!>`,1);function qe(n,l){x(l,!0);let u=Be(),v=Pe(`nav`,null),b=_(c(window.innerWidth)),C=e(()=>v.value?v.value===`collapsed`:y(b)<900),w=_(!1),D=c({}),O=c({}),j=c([]);N(()=>{let e=$.current;j.includes(e)||j.push(e),!D[e]&&!O[e]&&P(e),document.title=`${xe(e).label} · Svelte DevTools`});async function P(e){try{let t=await xe(e).load();D[e]=t.default}catch(t){O[e]=r(t)}}let ee=Object.keys(be).map(e=>({id:e,label:be[e],items:Q.filter(t=>t.group===e)})),z=[`system`,`light`,`dark`],W=e(()=>u.mode===`system`?`monitor`:u.mode===`light`?`sun`:`moon`);function ne(){u.set(z[(z.indexOf(u.mode)+1)%z.length])}function G(){v.value=y(C)?`expanded`:`collapsed`}let re=e(()=>[...Q.map(e=>({id:`panel:${e.id}`,label:e.label,hint:e.description,group:be[e.group],icon:e.icon,keywords:e.keywords,run:()=>$.go(e.id)})),{id:`theme:system`,label:`Theme: follow system`,group:`Preferences`,icon:`monitor`,run:()=>u.set(`system`)},{id:`theme:light`,label:`Theme: light`,group:`Preferences`,icon:`sun`,run:()=>u.set(`light`)},{id:`theme:dark`,label:`Theme: dark`,group:`Preferences`,icon:`moon`,run:()=>u.set(`dark`)},{id:`nav:toggle`,label:y(C)?`Expand sidebar`:`Collapse sidebar`,group:`Preferences`,icon:`sidebar`,run:G}]);function ie(e){let t=e;return!!t&&(t.isContentEditable||[`INPUT`,`TEXTAREA`,`SELECT`].includes(t.tagName))}function ae(e){if((e.metaKey||e.ctrlKey)&&e.key.toLowerCase()===`k`){e.preventDefault(),f(w,!y(w));return}if(!(y(w)||ie(e.target))){if(e.key===`/`&&!e.metaKey&&!e.ctrlKey&&!e.altKey){let t=document.querySelector(`.host:not([hidden])`)?.querySelector(`[data-panel-search]`);t&&(e.preventDefault(),t.focus(),t.select())}else if(e.altKey&&(e.key===`ArrowDown`||e.key===`ArrowUp`)){e.preventDefault();let t=Q[(Q.findIndex(e=>e.id===$.current)+(e.key===`ArrowDown`?1:-1)+Q.length)%Q.length];$.go(t.id)}}}var K=Ke();te(`keydown`,M,ae);var q=m(K);let oe;var se=p(q),J=i(p(se),2),ce=p(J);a(ce,{name:`search`,size:14}),o(4),d(J);var Y=i(J,2);V(Y,21,()=>ee,e=>e.id,(e,t)=>{var n=He(),r=p(n),o=g(r,!0),s=i(r,2);V(s,17,()=>y(t).items,e=>e.id,(e,t)=>{var n=Ve(),r=p(n);a(r,{get name(){return y(t).icon},size:16});var o=i(r,2),s=g(o,!0);d(n),h(()=>{B(n,`href`,`#/${y(t).id??``}`),B(n,`aria-current`,$.current===y(t).id?`page`:void 0),B(n,`title`,y(C)?y(t).label:y(t).description),A(s,y(t).label)}),T(e,n)}),d(n),h(()=>{B(n,`aria-labelledby`,`nav-${y(t).id??``}`),B(r,`id`,`nav-${y(t).id??``}`),A(o,y(t).label)}),T(e,n)}),d(Y);var le=i(Y,2),ue=p(le),de=e=>{var t=Ue(),n=i(p(t),2),r=g(n,!0);d(t),h(()=>{E(t,1,`conn ${Z.state.status??``}`,`svelte-1n46o8q`),B(t,`title`,`Dev server: ${Z.state.status??``}${Z.state.host===`unknown`?``:` (${Z.state.host===`vite-devtools`?`Vite DevTools`:`standalone`})`}`),A(r,Z.state.status)}),T(e,t)};F(ue,e=>{ve&&e(de)});var fe=i(ue,2);S(fe,{get icon(){return y(W)},variant:`ghost`,get label(){return`Theme: ${u.mode??``} (click to change)`},onclick:ne});var pe=i(fe,2);{let t=e(()=>y(C)?`Expand sidebar`:`Collapse sidebar`);S(pe,{icon:`sidebar`,variant:`ghost`,get label(){return y(t)},onclick:G})}d(le),d(se);var me=i(se,2);V(me,20,()=>j,e=>e,(t,n)=>{let i=e(()=>D[n]);var a=H(),s=m(a),c=t=>{var a=H(),s=m(a);k(s,{failed:(t,i=L,a=L)=>{var s=We(),c=p(s);{let t=e(()=>xe(n).label),s=e(()=>r(i()));R(c,{get title(){return`${y(t)??``} crashed`},get error(){return y(s)},children:(e,t)=>{S(e,{icon:`refresh`,get onclick(){return a()},children:(e,t)=>{o();var n=U(`Reload panel`);T(e,n)},$$slots:{default:!0}})},$$slots:{default:!0}})}d(s),h(()=>B(s,`hidden`,$.current!==n)),T(t,s)}},t=>{{let r=e(()=>$.current===n);Me(t,{get component(){return y(i)},get active(){return y(r)}})}}),T(t,a)},l=e=>{var t=We(),r=p(t),i=e=>{R(e,{title:`Could not load panel`,get error(){return O[n]}})},a=e=>{var t=Ge();T(e,t)};F(r,e=>{O[n]?e(i):e(a,-1)}),d(t),T(e,t)};F(s,e=>{y(i)?e(c):$.current===n&&e(l,1)}),T(t,a)}),d(me),d(q);var he=i(q,2);_e(he,{get commands(){return y(re)},get open(){return y(w)},set open(e){f(w,e,!0)}}),Ae(i(he,2),{}),h(()=>oe=E(q,1,`app svelte-1n46o8q`,null,oe,{collapsed:y(C)})),I(`innerWidth`,e=>f(b,e,!0)),t(`click`,J,()=>f(w,!0)),T(n,K),s()}v([`click`]),P(qe,{target:document.querySelector(`#app`)});export{Y as a,oe as c,ie as d,K as f,le as i,ae as l,$ as n,ce as o,fe as r,G as s,Pe as t,ne as u};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root{--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", "Cascadia Code", Menlo, Consolas, monospace;--fs-2xs:10px;--fs-xs:11px;--fs-sm:12px;--fs-md:13px;--fs-lg:15px;--fs-xl:20px;--fs-2xl:28px;--row-h:28px;--control-h:26px;--header-h:44px;--nav-w:200px;--nav-w-collapsed:48px;--radius-sm:4px;--radius:6px;--radius-lg:10px;--radius-full:999px;--ease:cubic-bezier(.2, 0, 0, 1);--dur-fast:90ms;--dur:.16s;--accent:#ff3e00;--accent-hover:#ff5a24}:root,:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111214;--bg-subtle:#16171a;--bg-elevated:#1c1d21;--bg-inset:#0c0d0e;--bg-hover:#ffffff0b;--bg-active:#ffffff14;--bg-selected:#ff3e0024;--bg-selected-strong:#ff3e0038;--border:#ffffff13;--border-strong:#ffffff21;--fg:#e8e8ea;--fg-muted:#b1b3b9;--fg-faint:#9497a0;--accent-fg:#ff7a4d;--focus:#ff7a4d;--mark:#ffaa0047;--shadow:0 10px 40px #00000080, 0 0 0 1px var(--border-strong);--green:#4ade80;--green-bg:#4ade801f;--yellow:#fbbf24;--yellow-bg:#fbbf241f;--red:#f87171;--red-bg:#f871711f;--blue:#60a5fa;--blue-bg:#60a5fa1f;--purple:#c084fc;--purple-bg:#c084fc1f;--cyan:#22d3ee;--cyan-bg:#22d3ee1f}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--bg-subtle:#f7f7f8;--bg-elevated:#fff;--bg-inset:#f3f3f5;--bg-hover:#0000000a;--bg-active:#00000012;--bg-selected:#ff3e001a;--bg-selected-strong:#ff3e002b;--border:#00000014;--border-strong:#00000026;--fg:#1c1d21;--fg-muted:#474b53;--fg-faint:#5f636b;--accent-fg:#b82e00;--focus:#ff3e00;--mark:#ffaa0059;--shadow:0 12px 40px #00000029, 0 0 0 1px var(--border-strong);--green:#116a33;--green-bg:#16a34a1a;--yellow:#895306;--yellow-bg:#eab30824;--red:#b01e1e;--red-bg:#dc262617;--blue:#1f53c5;--blue-bg:#2563eb17;--purple:#7e2cc9;--purple-bg:#9333ea17;--cyan:#0c6179;--cyan-bg:#0e74901a}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--fg);font-family:var(--font-sans);font-size:var(--fs-md);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11", "ss01";margin:0;line-height:1.45;overflow:hidden}#app{height:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}code,kbd,pre,.mono{font-family:var(--font-mono);font-size:.92em}.num{font-variant-numeric:tabular-nums}mark{background:var(--mark);color:inherit;border-radius:2px}:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}::selection{background:#ff3e004d}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.muted{color:var(--fg-muted)}.faint{color:var(--fg-faint)}.input,.select{height:var(--control-h);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--fs-sm);transition:border-color var(--dur-fast) var(--ease);outline:none;min-width:0;padding:0 8px}.input:hover,.select:hover{border-color:var(--border-strong)}.input:focus,.select:focus{border-color:var(--accent)}textarea.input{height:auto;font-family:var(--font-mono);resize:vertical;padding:6px 8px}.section-title{font-size:var(--fs-2xs);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-faint);align-items:center;gap:6px;margin:0;padding:12px 14px 6px;font-weight:600;display:flex}.section-note{color:var(--fg-faint);font-size:var(--fs-sm);margin:0;padding:0 14px}.kv{font-size:var(--fs-sm);grid-template-columns:minmax(72px,max-content) 1fr;gap:4px 12px;margin:0;padding:0 14px;display:grid}.kv dt{color:var(--fg-muted)}.kv dd{overflow-wrap:anywhere;min-width:0;margin:0}.code-block{background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-mono);font-size:var(--fs-xs);white-space:pre-wrap;overflow-wrap:anywhere;max-height:320px;margin:0 14px;padding:8px 10px;line-height:1.55;overflow:auto}.link-list{margin:0;padding:0 6px;list-style:none}.link-list button{border-radius:var(--radius-sm);text-align:left;width:100%;min-height:26px;font-size:var(--fs-sm);background:0 0;border:0;align-items:center;gap:8px;padding:3px 8px;display:flex}.link-list button:hover{background:var(--bg-hover)}.link-list .sub{color:var(--fg-faint);font-size:var(--fs-xs);margin-left:auto}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.scrim.svelte-1bm0yy4{z-index:100;animation:svelte-1bm0yy4-fade var(--dur) var(--ease);background:#00000059;justify-content:center;align-items:flex-start;padding:min(14vh,96px) 16px 16px;display:flex;position:fixed;inset:0}.palette.svelte-1bm0yy4{background:var(--bg-elevated);border-radius:var(--radius-lg);width:min(560px,100%);max-height:min(480px,100%);box-shadow:var(--shadow);animation:svelte-1bm0yy4-rise var(--dur) var(--ease);flex-direction:column;display:flex;overflow:hidden}.field.svelte-1bm0yy4{border-bottom:1px solid var(--border);height:46px;color:var(--fg-faint);align-items:center;gap:10px;padding:0 14px;display:flex}.field.svelte-1bm0yy4 input:where(.svelte-1bm0yy4){font-size:var(--fs-lg);color:var(--fg);background:0 0;border:0;outline:none;flex:1}.list.svelte-1bm0yy4{margin:0;padding:6px;list-style:none;overflow-y:auto}.item.svelte-1bm0yy4{border-radius:var(--radius);height:34px;color:var(--fg-muted);cursor:pointer;align-items:center;gap:10px;padding:0 10px;display:flex}.item.active.svelte-1bm0yy4{background:var(--bg-active);color:var(--fg)}.item.active.svelte-1bm0yy4 .icon{color:var(--accent-fg)}.label.svelte-1bm0yy4{white-space:nowrap;font-weight:500}.hint.svelte-1bm0yy4{color:var(--fg-faint);font-size:var(--fs-sm);flex:1}.group.svelte-1bm0yy4{font-size:var(--fs-2xs);color:var(--fg-faint);text-transform:uppercase;letter-spacing:.05em;margin-left:auto}.none.svelte-1bm0yy4{text-align:center;color:var(--fg-faint);padding:24px}.foot.svelte-1bm0yy4{border-top:1px solid var(--border);color:var(--fg-faint);font-size:var(--fs-xs);gap:14px;padding:8px 14px;display:flex}.foot.svelte-1bm0yy4 span:where(.svelte-1bm0yy4){align-items:center;gap:3px;display:inline-flex}kbd.svelte-1bm0yy4{text-align:center;border:1px solid var(--border-strong);min-width:16px;font-size:var(--fs-2xs);color:var(--fg-muted);border-radius:3px;padding:0 4px;line-height:15px}@keyframes svelte-1bm0yy4-fade{0%{opacity:0}}@keyframes svelte-1bm0yy4-rise{0%{opacity:0;transform:translateY(-6px)scale(.99)}}.scrim.svelte-1o7zaml{z-index:90;background:color-mix(in srgb, var(--bg) 70%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.card.svelte-1o7zaml{text-align:center;background:var(--bg-elevated);border-radius:var(--radius-lg);width:min(360px,100%);box-shadow:var(--shadow);flex-direction:column;align-items:center;gap:10px;padding:28px 24px 20px;display:flex}.lock.svelte-1o7zaml{background:var(--bg-selected);width:44px;height:44px;color:var(--accent-fg);border-radius:12px;place-items:center;display:grid}h2.svelte-1o7zaml{font-size:var(--fs-lg);margin:4px 0 0}p.svelte-1o7zaml{color:var(--fg-muted);font-size:var(--fs-sm);margin:0}.otp.svelte-1o7zaml{text-align:center;letter-spacing:.4em;background:var(--bg-inset);border:1px solid var(--border-strong);border-radius:var(--radius);outline:none;width:100%;height:44px;margin:6px 0 4px;font-size:22px}.otp.svelte-1o7zaml:focus{border-color:var(--accent)}.otp[aria-invalid=true].svelte-1o7zaml{border-color:var(--red)}.err.svelte-1o7zaml{color:var(--red)}.card.svelte-1o7zaml .btn{width:100%;height:32px}.link.svelte-1o7zaml{color:var(--fg-muted);font-size:var(--fs-xs);background:0 0;border:0;text-decoration:underline}.banner.svelte-1o7zaml{z-index:80;border-radius:var(--radius-full);background:var(--bg-elevated);max-width:calc(100% - 32px);box-shadow:var(--shadow);font-size:var(--fs-sm);color:var(--fg-muted);align-items:center;gap:8px;padding:7px 12px;display:flex;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}.banner.error.svelte-1o7zaml{color:var(--red)}.spinner.svelte-1o7zaml{border:2px solid;border-right-color:#0000;border-radius:50%;width:12px;height:12px;animation:.8s linear infinite svelte-1o7zaml-spin}@keyframes svelte-1o7zaml-spin{to{transform:rotate(360deg)}}.host.svelte-2j5tc8{height:100%;min-height:0}.host[hidden].svelte-2j5tc8{display:none}.app.svelte-1n46o8q{grid-template-columns:var(--nav-w) minmax(0, 1fr);height:100dvh;display:grid}.app.collapsed.svelte-1n46o8q{grid-template-columns:var(--nav-w-collapsed) minmax(0, 1fr)}.nav.svelte-1n46o8q{background:var(--bg-subtle);border-right:1px solid var(--border);flex-direction:column;gap:8px;min-height:0;padding:10px 8px 8px;display:flex;overflow:hidden auto}.brand.svelte-1n46o8q{letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:8px;height:26px;padding:0 6px;font-weight:600;display:flex}.logo.svelte-1n46o8q{flex-shrink:0}.cmdk.svelte-1n46o8q{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);height:28px;color:var(--fg-faint);font-size:var(--fs-sm);text-align:left;align-items:center;gap:8px;padding:0 8px;display:flex}.cmdk.svelte-1n46o8q:hover{border-color:var(--border-strong);color:var(--fg-muted)}.cmdk.svelte-1n46o8q .grow:where(.svelte-1n46o8q){flex:1}.cmdk.svelte-1n46o8q kbd:where(.svelte-1n46o8q){font-size:var(--fs-2xs);color:var(--fg-faint)}.groups.svelte-1n46o8q{flex-direction:column;flex:1;gap:10px;display:flex}.group.svelte-1n46o8q{flex-direction:column;gap:1px;display:flex}.group-label.svelte-1n46o8q{font-size:var(--fs-2xs);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-faint);white-space:nowrap;padding:4px 8px 3px;font-weight:600}.item.svelte-1n46o8q{border-radius:var(--radius);height:28px;color:var(--fg-muted);font-size:var(--fs-sm);transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);align-items:center;gap:10px;padding:0 8px;font-weight:500;text-decoration:none;display:flex;position:relative}.item.svelte-1n46o8q:hover{background:var(--bg-hover);color:var(--fg)}.item[aria-current=page].svelte-1n46o8q{background:var(--bg-active);color:var(--fg)}.item[aria-current=page].svelte-1n46o8q .icon{color:var(--accent-fg)}.item[aria-current=page].svelte-1n46o8q:before{content:"";background:var(--accent);border-radius:0 2px 2px 0;width:2px;position:absolute;top:7px;bottom:7px;left:-8px}.conn.svelte-1n46o8q{font-size:var(--fs-xs);color:var(--fg-faint);text-transform:capitalize;align-items:center;gap:6px;margin-right:auto;padding:0 6px;display:inline-flex}.conn-dot.svelte-1n46o8q{background:var(--yellow);border-radius:50%;width:7px;height:7px}.conn.connected.svelte-1n46o8q .conn-dot:where(.svelte-1n46o8q){background:var(--green)}.conn.disconnected.svelte-1n46o8q .conn-dot:where(.svelte-1n46o8q),.conn.error.svelte-1n46o8q .conn-dot:where(.svelte-1n46o8q),.conn.unauthorized.svelte-1n46o8q .conn-dot:where(.svelte-1n46o8q){background:var(--red)}.collapsed.svelte-1n46o8q .conn:where(.svelte-1n46o8q){margin:0 0 4px;padding:6px 0}.foot.svelte-1n46o8q{border-top:1px solid var(--border);align-items:center;gap:2px;padding-top:6px;display:flex}.collapsed.svelte-1n46o8q .nav-text:where(.svelte-1n46o8q),.collapsed.svelte-1n46o8q .brand-name:where(.svelte-1n46o8q),.collapsed.svelte-1n46o8q .group-label:where(.svelte-1n46o8q){display:none}.collapsed.svelte-1n46o8q .brand:where(.svelte-1n46o8q),.collapsed.svelte-1n46o8q .item:where(.svelte-1n46o8q),.collapsed.svelte-1n46o8q .cmdk:where(.svelte-1n46o8q){justify-content:center;padding:0}.collapsed.svelte-1n46o8q .group:where(.svelte-1n46o8q){border-top:1px solid var(--border);padding-top:6px}.collapsed.svelte-1n46o8q .group:where(.svelte-1n46o8q):first-child{border-top:0;padding-top:0}.collapsed.svelte-1n46o8q .foot:where(.svelte-1n46o8q){flex-direction:column;align-items:center}.stage.svelte-1n46o8q{min-width:0;min-height:0;position:relative}.stage.svelte-1n46o8q .host{height:100%;min-height:0}.stage.svelte-1n46o8q .host[hidden]{display:none}.loading.svelte-1n46o8q{height:2px;overflow:hidden}.loading.svelte-1n46o8q:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);width:40%;height:100%;animation:1s linear infinite svelte-1n46o8q-slide;display:block}@keyframes svelte-1n46o8q-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
function e(e,t,n,r){let i=0;for(let e of t.values())i+=e;return[{value:`all`,label:`All`,count:i},...e.filter(e=>e===n||(t.get(e)??0)>0).map(e=>({value:e,label:r(e),count:t.get(e)??0}))]}export{e as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
function e(e=21){let t=``,n=e;for(;n--;)t+=`useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict`[Math.random()*64|0];return t}export{e as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{B as e,S as t,x as n}from"./resource.svelte-GBY8qvgR.js";import{c as r}from"./index-BBFupqc_.js";import{n as i}from"./collections-BtFss6Lo.js";var a={maxNodes:5e3,maxEdges:2e4},o={nodes:[],edges:[],scope:null,epoch:null,total:null,truncated:!1,edgesOmitted:0,policy:`global-head`,computedAt:null};function s(e,t){let n=e;if(n.policy!==void 0)return{nodes:n.nodes??[],edges:n.edges??[],scope:n.scope??null,epoch:n.epoch??null,total:n.total??null,truncated:!!n.truncated,edgesOmitted:n.edgesOmitted??0,policy:n.policy,computedAt:n.computedAt??null,...n.stale?{stale:!0,staleReason:n.staleReason}:{}};let r=t===null?n.nodes:n.nodes.filter(e=>e.componentId===t),i=new Set(r.map(e=>e.id)),a=t===null?n.edges:n.edges.filter(e=>i.has(e.from)&&i.has(e.to));return{nodes:r,edges:a,scope:t,epoch:null,total:null,truncated:!1,edgesOmitted:n.edges.length-a.length,policy:t===null?`global-head`:`server-filter`,computedAt:null}}async function c(e){let t=e?.componentId??null,r=e?{componentId:e.componentId,epoch:e.epoch,...a}:{...a};return s(await n(r),t)}function l(e){return t(e)}function u(e,t){if(Object.is(e,t))return!0;if(e===null||t===null||typeof e!=`object`||typeof t!=`object`)return!1;try{return JSON.stringify(e)===JSON.stringify(t)}catch{return!1}}var d=e=>e.staleReason===`epoch-changed`,f=`Sampling baseline: unknown (not reported by this runtime) — some changes may not be visible`;function p(e){return e?e.complete?null:`Sampling baseline: ${e.pendingNodes.toLocaleString()} state${e.pendingNodes===1?``:`s`} pending — changes to ${e.pendingNodes===1?`it are`:`those are`} not visible yet`:f}var m=e=>typeof e==`string`&&(e===`(object)`||(e.startsWith(`[`)&&e.endsWith(`]`)||e.startsWith(`{`)&&e.endsWith(`}`))&&r(e.slice(1,-1))),h=(t,n)=>m(t)?t:e(t,n),g=(e,t)=>e.id===t.id&&e.type===t.type&&e.name===t.name&&e.componentId===t.componentId&&e.componentFile===t.componentFile&&u(e.value,t.value);function _(e,t){if(e.scope!==t.scope||e.epoch!==t.epoch||e.truncated!==t.truncated||e.policy!==t.policy||e.edgesOmitted!==t.edgesOmitted||!!e.stale!=!!t.stale||e.staleReason!==t.staleReason||e.total?.nodes!==t.total?.nodes||e.total?.nodesKind!==t.total?.nodesKind||e.total?.edges!==t.total?.edges||e.nodes.length!==t.nodes.length||e.edges.length!==t.edges.length)return!1;for(let n=0;n<e.nodes.length;n++)if(!g(e.nodes[n],t.nodes[n]))return!1;for(let n=0;n<e.edges.length;n++){let r=e.edges[n],i=t.edges[n];if(r.from!==i.from||r.to!==i.to)return!1}return!0}function v(e){let t=new Map;for(let n of e){let e=t.get(n.file);e||(e={file:n.file,instances:[],nodes:{state:0,derived:0,effect:0},changes:0,renders:0,renderMs:0},t.set(n.file,e)),e.instances.push(n),e.nodes.state+=n.nodes.state,e.nodes.derived+=n.nodes.derived,e.nodes.effect+=n.nodes.effect,e.changes+=n.changes,e.renders+=n.renders,e.renderMs+=n.renderMs}return[...t.values()]}var y=e=>e.state+e.derived+e.effect;function b(e,t,n){let r=new Set;for(let t of e)t.componentFile===n&&r.add(t.id);for(let e of t)(r.has(e.from)||r.has(e.to))&&(r.add(e.from),r.add(e.to));return r}var x=e=>e===`template`?`markup`:`$${e}`;function S(e){return[...i(e,e=>e.id)].map(([e,[t,...n]])=>{let r=Number(e.slice(0,e.indexOf(`:`)));return{key:e,name:t.name,file:t.componentFile,componentId:Number.isInteger(r)?r:null,changes:n.length+1,last:n.reduce((e,t)=>t.seq>e.seq?t:e,t)}})}var C=e=>e==null?`unknown`:e.toLocaleString(),w=e=>e?.stale?e.staleReason===`no-runtime`?`no app page is connected`:`the app did not answer in time; showing the previous reply`:null;export{b as a,d as c,y as d,h as f,C as g,w as h,l as i,m as l,u as m,p as n,v as o,_ as p,c as r,S as s,o as t,x as u};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Lt as e,P as t,Rt as n,Tt as r}from"./resource.svelte-GBY8qvgR.js";var i=n(null),a={get current(){return r(i)},set(t){e(i,t,!0)},scopeTo(n,r,a){e(i,{componentId:n,epoch:a,label:`<${t(r)}>`,file:r},!0)}};export{a as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.icon.svelte-13so817{flex-shrink:0;display:block}.btn.svelte-1klcfz0{height:var(--control-h);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);color:var(--fg-muted);font-size:var(--fs-sm);white-space:nowrap;transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:0 9px;font-weight:500;display:inline-flex}.btn.svelte-1klcfz0:hover:not(:disabled){color:var(--fg);border-color:var(--border-strong);background:var(--bg-hover)}.btn.svelte-1klcfz0:disabled{opacity:.45;cursor:default}.icon-only.svelte-1klcfz0{width:var(--control-h);padding:0}.ghost.svelte-1klcfz0{background:0 0;border-color:#0000}.ghost.svelte-1klcfz0:hover:not(:disabled){border-color:#0000}.primary.svelte-1klcfz0{background:var(--accent);border-color:var(--accent);color:#fff}.primary.svelte-1klcfz0:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.danger.svelte-1klcfz0:hover:not(:disabled){color:var(--red)}.btn[aria-pressed=true].svelte-1klcfz0{color:var(--accent-fg);background:var(--bg-selected);border-color:#0000}.label.svelte-1klcfz0{align-items:center;gap:6px;display:inline-flex}.empty.svelte-1uba7bi{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;height:100%;min-height:160px;padding:40px 24px;display:flex}.ico.svelte-1uba7bi{border-radius:var(--radius-lg);background:var(--bg-active);width:40px;height:40px;color:var(--fg-muted);place-items:center;margin-bottom:4px;display:grid}.failed.svelte-1uba7bi .ico:where(.svelte-1uba7bi){background:var(--red-bg);color:var(--red)}.title.svelte-1uba7bi{color:var(--fg);margin:0;font-weight:600}.body.svelte-1uba7bi{max-width:420px;color:var(--fg-muted);font-size:var(--fs-sm);flex-direction:column;align-items:center;gap:10px;display:flex}.body.svelte-1uba7bi p{margin:0}
|