vite-devtools-svelte 0.4.1 → 0.5.0

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.
Files changed (45) hide show
  1. package/README.md +2 -2
  2. package/dist/client/assets/{ApiPlayground-BMx5j-7t.js → ApiPlayground-B28mCUlr.js} +1 -1
  3. package/dist/client/assets/{Assets-BHhg5Smm.js → Assets-BVT22xZ3.js} +1 -1
  4. package/dist/client/assets/{Badge-CBVv8IFU.js → Badge-x4Lbd8pc.js} +1 -1
  5. package/dist/client/assets/{BuildAnalysis-BdVCnWpb.js → BuildAnalysis-BscZFEWI.js} +1 -1
  6. package/dist/client/assets/{CaptureNotice-BeXCVhO0.js → CaptureNotice-D0u6WNeR.js} +1 -1
  7. package/dist/client/assets/{Components-D_qDgEUt.js → Components-sw5zdu0k.js} +1 -1
  8. package/dist/client/assets/{DataTable-C6-tmcTQ.js → DataTable-CdM2Vyvn.js} +1 -1
  9. package/dist/client/assets/{ErrorDashboard-CfUhPzue.js → ErrorDashboard-BwGMVW_-.js} +1 -1
  10. package/dist/client/assets/{FpsMonitor-B_AuHgyu.js → FpsMonitor-C0FeLiag.js} +1 -1
  11. package/dist/client/assets/{Inspect-BOgmKm6W.js → Inspect-B-jb8MaB.js} +1 -1
  12. package/dist/client/assets/{Inspector-DGmAzhki.js → Inspector-C4wr2Zb4.js} +1 -1
  13. package/dist/client/assets/{LoadProfiler-5xhnDLjR.js → LoadProfiler-WeP1orWN.js} +1 -1
  14. package/dist/client/assets/{ModuleGraph-Cp7f0Nz0.js → ModuleGraph-BYer7OEL.js} +1 -1
  15. package/dist/client/assets/{OGPreview-CjBhXSgn.js → OGPreview-MRxnmCmb.js} +1 -1
  16. package/dist/client/assets/{Overview-Kbpkgsas.js → Overview-CDBKKylY.js} +1 -1
  17. package/dist/client/assets/Overview-Neh721Uf.css +1 -0
  18. package/dist/client/assets/ReactiveGraph-Bni33DP4.js +5 -0
  19. package/dist/client/assets/{RenderProfiler-CeF8_j3b.js → RenderProfiler-2rA8kCUf.js} +1 -1
  20. package/dist/client/assets/{Routes-DArWZtzC.js → Routes-BZ5XcmEt.js} +1 -1
  21. package/dist/client/assets/{SearchField-eocQu1eB.js → SearchField-D85HSGV_.js} +1 -1
  22. package/dist/client/assets/{Segmented-JGNuI5EZ.js → Segmented-BCcIUjA2.js} +1 -1
  23. package/dist/client/assets/{SplitView-B8lYXXEm.js → SplitView-DVk1HAf9.js} +1 -1
  24. package/dist/client/assets/{StateTimeline-HpyvgoK1.js → StateTimeline-DjTXe54T.js} +1 -1
  25. package/dist/client/assets/{TreeView-fty5aCC5.js → TreeView-e7dNH8HW.js} +1 -1
  26. package/dist/client/assets/{VirtualList-BvOBTnYJ.js → VirtualList-Ba0GhFn8.js} +1 -1
  27. package/dist/client/assets/{browser-agent-rpc-BXhoSh1z-D9g7mT9G.js → browser-agent-rpc-BXhoSh1z-UMmvacmP.js} +1 -1
  28. package/dist/client/assets/{capture.svelte-CUhwdJwX.js → capture.svelte-fve1ihQA.js} +1 -1
  29. package/dist/client/assets/{index-BzMw8R8l.js → index-CuoAAt-d.js} +3 -3
  30. package/dist/client/assets/{index-eZHqMk0z.css → index-u73uo_Ri.css} +1 -1
  31. package/dist/client/assets/{reactive-C2hv2QLH.js → reactive-BSjTkgqc.js} +1 -1
  32. package/dist/client/assets/reactive-selection.svelte-BmjgYyWR.js +1 -0
  33. package/dist/client/assets/{versions-Co596WUJ.css → versions-CMau2xlU.css} +1 -1
  34. package/dist/client/assets/{versions-CZjRj40E.js → versions-zyEGB_mz.js} +1 -1
  35. package/dist/client/index.html +2 -2
  36. package/dist/index.mjs +90 -91
  37. package/dist/index.mjs.map +1 -1
  38. package/dist/mcp/issues.d.ts +10 -1
  39. package/dist/plugin.d.ts +22 -0
  40. package/dist/runtime.d.ts +2 -2
  41. package/dist/types.d.ts +26 -2
  42. package/package.json +4 -1
  43. package/dist/client/assets/Overview-B8hvIsIM.css +0 -1
  44. package/dist/client/assets/ReactiveGraph-w2TK82c8.js +0 -5
  45. package/dist/client/assets/reactive-selection.svelte-Dfd9zWsh.js +0 -1
@@ -0,0 +1,5 @@
1
+ import{A as e,At as t,B as n,Ct as r,Dt as i,E as a,Et as o,F as s,I as c,J as l,M as u,Mt as d,Nt as f,P as p,Q as m,R as h,S as g,St as _,Tt as v,V as y,X as b,Y as x,Z as ee,_t as S,at as C,bt as w,ct as T,dt as E,f as D,ft as O,gt as k,ht as A,it as j,j as te,jt as M,kt as ne,lt as N,mt as P,nt as re,ot as F,pt as ie,rt as ae,st as I,tt as oe,ut as L,wt as R,xt as z,yt as B,z as se}from"./index-CuoAAt-d.js";import{a as ce,c as le,l as ue,n as V,o as de,s as fe}from"./format-CW_NXiBg.js";import{n as pe,t as me}from"./Badge-x4Lbd8pc.js";import{t as he}from"./SplitView-DVk1HAf9.js";import{t as ge}from"./SearchField-D85HSGV_.js";import{t as H}from"./DataTable-CdM2Vyvn.js";import{t as _e}from"./Inspector-C4wr2Zb4.js";import{t as ve}from"./Segmented-BCcIUjA2.js";import{n as ye,t as be}from"./versions-zyEGB_mz.js";import{t as xe}from"./CaptureNotice-D0u6WNeR.js";import{t as U}from"./reactive-selection.svelte-BmjgYyWR.js";import{t as Se}from"./capture.svelte-fve1ihQA.js";import{a as Ce,c as we,d as Te,i as Ee,l as W,n as De,o as Oe,r as ke,s as Ae,t as je,u as Me}from"./reactive-BSjTkgqc.js";var G=T(`<p class="empty svelte-kaeped">No reactive signals tracked yet.</p>`),K=N(`<rect rx="10" ry="10" class="component-box svelte-kaeped"></rect><text class="component-label svelte-kaeped"> </text>`,1),q=N(`<path class="edge-sweep svelte-kaeped"></path>`),J=N(`<path></path><!><polygon></polygon>`,1),Ne=N(`<rect x="-4" y="-4" rx="10" ry="10" fill="none" stroke-width="2" class="glow-ring svelte-kaeped"></rect>`),Pe=N(`<text y="36" text-anchor="end" class="node-value svelte-kaeped" font-size="10" font-family="DM Mono, monospace" font-weight="500"> </text>`),Fe=N(`<g role="button" tabindex="0"><!><rect rx="6" ry="6" fill="var(--color-surface)" 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>`),Ie=N(`<svg width="100%" height="100%" class="svelte-kaeped"><defs class="svelte-kaeped"><filter id="glow-blue" x="-50%" y="-50%" width="200%" height="200%" class="svelte-kaeped"><feGaussianBlur stdDeviation="6" result="blur" class="svelte-kaeped"></feGaussianBlur><feFlood flood-color="#3b82f6" 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><filter id="glow-green" x="-50%" y="-50%" width="200%" height="200%" class="svelte-kaeped"><feGaussianBlur stdDeviation="6" result="blur" class="svelte-kaeped"></feGaussianBlur><feFlood flood-color="#22c55e" 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><filter id="glow-red" x="-50%" y="-50%" width="200%" height="200%" class="svelte-kaeped"><feGaussianBlur stdDeviation="6" result="blur" class="svelte-kaeped"></feGaussianBlur><feFlood flood-color="#ef4444" 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></defs><!><!><!></svg>`),Le=T(`<div><div class="zoom-controls svelte-kaeped"><button class="zoom-btn svelte-kaeped" title="Zoom out">−</button> <button class="zoom-label svelte-kaeped" title="Fit to view"> </button> <button class="zoom-btn svelte-kaeped" title="Zoom in">+</button></div> <!></div>`);function Re(e,r){t(r,!0);let a=n(r,`changedNodeIds`,19,()=>new Set),s=n(r,`selectedNodeId`,15,null),c=v(0),u=v(0),f=v(800),p=v(400),h=v(!1),g=0,b=0,x=0,T=0,E=v(null),D=1.2,A=8e3,te=v(800),M=i(()=>Math.round(P(te)/P(f)*100)),N=!1;function L(){N=!0,le(1/D,P(c)+P(f)/2,P(u)+P(p)/2)}function se(){N=!0,le(D,P(c)+P(f)/2,P(u)+P(p)/2)}function ce(){N=!1,ue()}function le(e,t,n){let r=Math.min(A,Math.max(100,P(f)*e)),i=Math.min(A,Math.max(100,P(p)*e)),a=r/P(f);R(c,t-(t-P(c))*a),R(u,n-(n-P(u))*a),R(f,r,!0),R(p,i,!0)}function ue(){if(!P(E)||P(H).width===0)return;let e=P(E).getBoundingClientRect();if(e.width===0||e.height===0){requestAnimationFrame(()=>ue());return}let t=e.width/e.height,n=Math.max(P(H).width,200)+160,r=Math.max(P(H).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,l=e.height/110*160;a>s&&(a=s,o=s/t),o>l&&(o=l,a=l*t),R(f,a,!0),R(p,o,!0);let d=(P(H).width-160)/2-80,m=(P(H).height-160)/2-80;R(c,d+80-P(f)/2),R(u,m+80-P(p)/2),R(te,P(f),!0)}let V=0;S(()=>{let e=r.nodes.length;e>0&&e!==V&&!N&&requestAnimationFrame(()=>ue()),V=e});function de(e){e.preventDefault(),N=!0;let t=e.deltaY>0?D:1/D;if(!P(E))return;let n=P(E).getBoundingClientRect();le(t,P(c)+(e.clientX-n.left)/n.width*P(f),P(u)+(e.clientY-n.top)/n.height*P(p))}function fe(e){e.target.closest(`.node`)||(N=!0,R(h,!0),g=e.clientX,b=e.clientY,x=P(c),T=P(u),e.currentTarget.setPointerCapture(e.pointerId))}function pe(e){if(!P(h)||!P(E))return;let t=P(E).getBoundingClientRect(),n=(e.clientX-g)/t.width*P(f),r=(e.clientY-b)/t.height*P(p);R(c,x-n),R(u,T-r)}function me(){R(h,!1)}function he(e){return e&&e.split(`/`).pop()?.replace(`.svelte`,``)||``}function ge(e){if(e===void 0)return``;let t=String(e);return t.length>14?t.slice(0,13)+`…`:t}let H=i(()=>{if(r.nodes.length===0)return{positions:new Map,width:0,height:0,componentBoxes:[]};let e=new Map(r.nodes.map(e=>[e.id,e])),t=new Map,n=new Map,i=new Map;for(let e of r.nodes)t.set(e.id,0),n.set(e.id,[]),i.set(e.id,[]);for(let e of r.edges)n.get(e.from)?.push(e.to),i.get(e.to)?.push(e.from),t.set(e.to,(t.get(e.to)||0)+1);let a=[],o=r.nodes.filter(e=>(t.get(e.id)||0)===0).map(e=>e.id),s=new Set;for(;o.length>0;){a.push([...o]);for(let e of o)s.add(e);let e=[];for(let r of o)for(let i of n.get(r)||[])t.set(i,(t.get(i)||0)-1),t.get(i)===0&&!s.has(i)&&e.push(i);o=e}let c=r.nodes.filter(e=>!s.has(e.id)).map(e=>e.id);c.length>0&&a.push(c);for(let t=0;t<a.length;t++)a[t].sort((t,n)=>{let r=e.get(t),i=e.get(n),a=r.componentFile.localeCompare(i.componentFile);if(a!==0)return a;let o={state:0,derived:1,effect:2,template:3};return(o[r.type]??3)-(o[i.type]??3)});let l=new Map;for(let e of a)for(let t=0;t<e.length;t++)l.set(e[t],t);for(let t=0;t<4;t++){for(let t=1;t<a.length;t++){let n=new Map;for(let e of a[t]){let t=i.get(e)||[];if(t.length>0){let r=t.reduce((e,t)=>e+(l.get(t)??0),0)/t.length;n.set(e,r)}else n.set(e,l.get(e)??0)}a[t].sort((t,r)=>{let i=e.get(t),a=e.get(r),o=i.componentFile.localeCompare(a.componentFile);return o===0?(n.get(t)??0)-(n.get(r)??0):o});for(let e=0;e<a[t].length;e++)l.set(a[t][e],e)}for(let t=a.length-2;t>=0;t--){let r=new Map;for(let e of a[t]){let t=n.get(e)||[];if(t.length>0){let n=t.reduce((e,t)=>e+(l.get(t)??0),0)/t.length;r.set(e,n)}else r.set(e,l.get(e)??0)}a[t].sort((t,n)=>{let i=e.get(t),a=e.get(n),o=i.componentFile.localeCompare(a.componentFile);return o===0?(r.get(t)??0)-(r.get(n)??0):o});for(let e=0;e<a[t].length;e++)l.set(a[t][e],e)}}let u=[],d=[];for(let t=0;t<a.length;t++){let n=[],r=40,i=``;for(let o=0;o<a[t].length;o++){let s=a[t][o],c=e.get(s).componentFile;o>0&&c!==i&&(r+=28),n.push({id:s,comp:c}),r+=78,i=c}u.push(n),d.push(r)}let f=Math.max(...d,80),p=new Map;for(let e=0;e<a.length;e++){let t=40+(f-d[e])/2,n=``;for(let r=0;r<u[e].length;r++){let{id:i,comp:a}=u[e][r];r>0&&a!==n&&(t+=28),p.set(i,{x:40+e*280,y:t}),t+=78,n=a}}for(let t=0;t<6;t++)for(let t=0;t<a.length;t++){let r=a[t];if(r.length<=1)continue;let o=new Map;for(let e of r){let t=i.get(e)||[],r=n.get(e)||[],a=[...t,...r].filter(e=>p.has(e));if(a.length>0){let t=a.reduce((e,t)=>e+p.get(t).y,0)/a.length;o.set(e,t)}}let s=[...r].sort((e,t)=>p.get(e).y-p.get(t).y);for(let t=0;t<s.length;t++){let n=s[t],r=o.get(n);if(r===void 0)continue;let i=p.get(n),a=t>0?s[t-1]:null,c=t<s.length-1?s[t+1]:null,l=a?e.get(a):null,u=e.get(n),d=a&&l&&l.componentFile!==u.componentFile?28:0,m=a?p.get(a).y+78+d:40,h=c?e.get(c):null,g=c&&h&&h.componentFile!==u.componentFile?28:0,_=c?p.get(c).y-78-g:f,v=Math.max(m,Math.min(_,r));p.set(n,{x:i.x,y:v})}}let m=0;for(let[,e]of p)m=Math.max(m,e.y+58);let h=[];for(let t=0;t<a.length;t++){let n=new Map;for(let r of a[t]){let t=e.get(r),i=p.get(r),a=he(t.componentFile);n.has(a)||n.set(a,[]),n.get(a).push(i)}for(let[e,r]of n){let n=1/0,i=-1/0;for(let e of r)n=Math.min(n,e.y),i=Math.max(i,e.y+58);let a=40+t*280;h.push({file:e,x:a-14,y:n-14,w:188,h:i-n+28})}}return{positions:p,width:80+a.length*280,height:m+40,componentBoxes:h}}),_e=i(()=>{let e={affected:new Set,edgeKeys:new Set,depths:new Map};if(a().size===0)return e;let t=new Map;for(let e of r.nodes)t.set(e.id,[]);for(let e of r.edges)t.get(e.from)?.push(e.to);let n=new Map,i=[];for(let e of a())i.push({id:e,depth:0});for(;i.length>0;){let{id:e,depth:r}=i.shift();if(!n.has(e)){n.set(e,r);for(let n of t.get(e)||[])i.push({id:n,depth:r+1})}}let o=new Set(n.keys()),s=new Set;for(let e of r.edges)o.has(e.from)&&o.has(e.to)&&s.add(`${e.from}→${e.to}`);return{affected:o,edgeKeys:s,depths:n}}),ve=i(()=>P(_e).affected),ye=i(()=>P(_e).edgeKeys),be=i(()=>P(_e).depths);function xe(e){return(P(be).get(e)??0)*700}function U(e){return xe(e)+300}function Se(e){switch(e){case`state`:return`var(--color-info)`;case`derived`:return`var(--color-success)`;case`effect`:return`var(--color-error)`;case`template`:return`var(--purple)`;default:return`var(--color-text-muted)`}}function Ce(e){switch(e){case`state`:return`#3b82f6`;case`derived`:return`#22c55e`;case`effect`:return`#ef4444`;case`template`:return`#a855f7`;default:return`#999`}}function we(e){s(s()===e.id?null:e.id),r.onSelectNode?.(s()?e:null)}let Te=i(()=>new Map(r.nodes.map(e=>[e.id,e]))),Ee=v(0);S(()=>{a().size>0&&queueMicrotask(()=>{o(Ee)})});var W=Le();let De;var Oe=B(W),ke=B(Oe),Ae=_(ke,2),je=z(Ae),Me=_(Ae,2);d(Oe);var Re=_(Oe,2),ze=e=>{var t=G();F(e,t)},Be=e=>{var t=Ie(),n=_(B(t));oe(n,17,()=>P(H).componentBoxes,re,(e,t)=>{var n=K(),r=w(n),i=_(r),a=z(i,!0);k(()=>{l(r,`x`,P(t).x),l(r,`y`,P(t).y),l(r,`width`,P(t).w),l(r,`height`,P(t).h),l(i,`x`,P(t).x+6),l(i,`y`,P(t).y+11),C(a,P(t).file)}),F(e,n)});var a=_(n);oe(a,17,()=>r.edges,re,(e,t)=>{let n=i(()=>P(H).positions.get(P(t).from)),r=i(()=>P(H).positions.get(P(t).to));var a=I(),o=w(a),c=e=>{let a=i(()=>P(n).x+160),o=i(()=>P(n).y+29),c=i(()=>P(r).x),u=i(()=>P(r).y+29),d=i(()=>(P(a)+P(c))/2),f=i(()=>s()===P(t).from||s()===P(t).to),p=i(()=>P(Te).get(P(t).from)),h=i(()=>`${P(t).from}→${P(t).to}`),g=i(()=>P(ye).has(P(h))),v=i(()=>U(P(t).from)),y=i(()=>`M ${P(a)} ${P(o)} C ${P(d)} ${P(o)}, ${P(d)} ${P(u)}, ${P(c)} ${P(u)}`);var b=J(),x=w(b);let S;var C=_(x),T=e=>{var t=I(),n=w(t);ae(n,()=>P(Ee),e=>{var t=q();k(e=>{l(t,`d`,P(y)),l(t,`stroke`,e),ee(t,`--sweep-delay: ${P(v)??``}ms; --sweep-dur: 400ms;`)},[()=>P(p)?Ce(P(p).type):`#fff`]),F(e,t)}),F(e,t)};j(C,e=>{P(g)&&e(T)});var E=_(C);let D;k((e,t)=>{l(x,`d`,P(y)),S=m(x,0,`edge svelte-kaeped`,null,S,{highlighted:P(f)}),l(x,`stroke`,e),l(E,`points`,`${P(c)-8},${P(u)-5} ${P(c)??``},${P(u)??``} ${P(c)-8},${P(u)+5}`),D=m(E,0,`arrow svelte-kaeped`,null,D,{highlighted:P(f)}),l(E,`fill`,t)},[()=>P(f)?`var(--color-accent)`:P(p)?Se(P(p).type):`var(--color-text-muted)`,()=>P(f)?`var(--color-accent)`:P(p)?Se(P(p).type):`var(--color-text-muted)`]),F(e,b)};j(o,e=>{P(n)&&P(r)&&e(c)}),F(e,a)});var o=_(a);oe(o,17,()=>r.nodes,re,(e,t)=>{let n=i(()=>P(H).positions.get(P(t).id));var r=I(),a=w(r),o=e=>{let r=i(()=>P(t).value!==void 0&&P(t).type!==`effect`),a=i(()=>P(ve).has(P(t).id)),o=i(()=>xe(P(t).id)),c=i(()=>P(t).type===`state`?`url(#glow-blue)`:P(t).type===`derived`?`url(#glow-green)`:`url(#glow-red)`);var u=Fe();let f;var p=B(u),h=e=>{var n=I(),r=w(n);ae(r,()=>P(Ee),e=>{var n=Ne();l(n,`width`,168),l(n,`height`,66),k(e=>{l(n,`stroke`,e),l(n,`filter`,P(c)),ee(n,`--node-delay: ${P(o)??``}ms;`)},[()=>Ce(P(t).type)]),F(e,n)}),F(e,n)};j(p,e=>{P(a)&&e(h)});var g=_(p);l(g,`width`,160),l(g,`height`,58);var v=_(g),y=_(v),b=z(y,!0),x=_(y);l(x,`x`,154);var S=z(x,!0),T=_(x),E=z(T,!0),D=_(T),A=e=>{var n=Pe();l(n,`x`,154);var r=z(n);k(e=>C(r,`= ${e??``}`),[()=>ge(P(t).value)]),F(e,n)};j(D,e=>{P(r)&&e(A)});var te=_(D);l(te,`x2`,154),d(u),k((e,r,i,a)=>{f=m(u,0,`node svelte-kaeped`,null,f,{selected:s()===P(t).id}),l(u,`transform`,`translate(${P(n).x??``}, ${P(n).y??``})`),l(g,`stroke`,e),l(g,`stroke-width`,s()===P(t).id?2.5:1.5),l(v,`fill`,r),C(b,i),C(S,P(t).type),C(E,a)},[()=>Se(P(t).type),()=>Se(P(t).type),()=>P(t).name.length>14?P(t).name.slice(0,13)+`…`:P(t).name,()=>he(P(t).componentFile)]),O(`click`,u,()=>we(P(t))),O(`keydown`,u,e=>{e.key===`Enter`&&we(P(t))}),F(e,u)};j(a,e=>{P(n)&&e(o)}),F(e,r)}),d(t),k(()=>l(t,`viewBox`,`${P(c)??``} ${P(u)??``} ${P(f)??``} ${P(p)??``}`)),F(e,t)};j(Re,e=>{r.nodes.length===0?e(ze):e(Be,-1)}),d(W),y(W,e=>R(E,e),()=>P(E)),k(()=>{De=m(W,1,`graph-container svelte-kaeped`,null,De,{dragging:P(h)}),C(je,`${P(M)??``}%`)}),ie(`wheel`,W,de),O(`pointerdown`,W,fe),O(`pointermove`,W,pe),O(`pointerup`,W,me),ie(`pointercancel`,W,me),O(`click`,ke,se),O(`click`,Ae,ce),O(`click`,Me,L),F(e,W),ne()}E([`pointerdown`,`pointermove`,`pointerup`,`click`,`keydown`]);var ze=T(`<p> </p> <!>`,1),Be=T(`<div class="warn svelte-1mo53p6"><dt class="svelte-1mo53p6">Baseline</dt><dd class="svelte-1mo53p6"> </dd></div>`),Ve=T(`<div class="warn svelte-1mo53p6"><dt class="svelte-1mo53p6">Stale</dt><dd class="svelte-1mo53p6"> </dd></div>`),He=T(`<li><button><span class="mono"> </span> <span class="sub"> </span></button></li>`),Ue=T(`<h3 class="section-title">Listed instances <span class="num"> </span></h3> <ul class="link-list"></ul> <p class="note svelte-1mo53p6"> </p>`,1),We=T(`<span class="faint num"> </span>`),Ge=T(`<span class="end num"> </span>`),Ke=T(`<span class="end num faint"> </span>`),qe=T(`<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),Je=T(`<div class="overview svelte-1mo53p6"><dl class="record svelte-1mo53p6" aria-label="What this overview covers"><div class="svelte-1mo53p6"><dt class="svelte-1mo53p6">Window</dt><dd class="svelte-1mo53p6"> </dd></div> <div class="svelte-1mo53p6"><dt class="svelte-1mo53p6">Changes</dt><dd class="svelte-1mo53p6">$state sampled every 200 ms; several writes within one sample count once</dd></div> <div class="svelte-1mo53p6"><dt class="svelte-1mo53p6">Coverage</dt><dd class="svelte-1mo53p6">state created during component init and in <code>.svelte.js/.ts</code> module bodies; reads from the markup appear as the component's <em>markup</em> node</dd></div> <div class="svelte-1mo53p6"><dt class="svelte-1mo53p6">Components</dt><dd class="svelte-1mo53p6"> </dd></div> <div class="svelte-1mo53p6"><dt class="svelte-1mo53p6">Not available yet</dt> <dd class="svelte-1mo53p6"> </dd></div> <!> <!></dl> <div class="table svelte-1mo53p6"><!></div> <p class="foot svelte-1mo53p6"> <!> </p></div>`),Ye=T(`<p> </p>`),Xe=T(`<p class="baseline svelte-1mo53p6" role="status"> </p>`),Ze=T(`<span class="truncate muted"> <!></span>`),Qe=T(`<span class="truncate mono value svelte-1mo53p6"> </span>`),$e=T(`<span class="truncate mono name svelte-1mo53p6"> </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),et=T(`<div class="overview svelte-1mo53p6"><!> <div class="table svelte-1mo53p6"><!></div> <p class="foot svelte-1mo53p6"> <!></p></div>`),tt=T(`<!> <!>`,1),nt=T(`<p class="none svelte-1mo53p6">All reads from this component's markup: <code></code>, attributes, block conditions and <code>&lt;svelte:head&gt;</code>.</p>`),rt=T(`<h3 class="section-title">Current value</h3> <p class="none svelte-1mo53p6">Not evaluated yet: nothing has read this $derived so far (Svelte computes deriveds on first read).</p>`,1),it=T(`<p class="none svelte-1mo53p6">Full value: not available yet. This dev server reports only a summary for objects and arrays.</p>`),at=T(`<h3 class="section-title">Current value</h3> <pre> </pre> <!>`,1),ot=T(`<!> Sampled changes of all signals (latest 500) are in the <button class="link svelte-1mo53p6">State timeline</button>.`,1),st=T(`<!> <!> <!> <h3 class="section-title">Cause</h3> <p class="none svelte-1mo53p6"> </p> <!> <!> <h3 class="section-title">History</h3> <p class="none svelte-1mo53p6"><!></p>`,1),ct=T(`<div class="scope-bar svelte-1mo53p6"><span><strong class="mono"> </strong> <span class="faint num"> </span> and the signals it is directly linked to</span> <!></div>`),lt=T(`<p>Signals created during component init appear here with their dependencies.</p>`),ut=T(`<p></p> <!>`,1),dt=T(`<div class="graph svelte-1mo53p6"><!></div>`),ft=T(`<span class="truncate muted"><!></span>`),pt=T(`<span><!></span> <span><!></span> <!> <span class="truncate mono value svelte-1mo53p6"> </span> <!>`,1),mt=T(`<div class="local svelte-1mo53p6"><!> <p class="legend svelte-1mo53p6">Edges mean <strong>can affect</strong>: a snapshot of current dependencies, not a recorded cause. <!> <!></p> <div class="body svelte-1mo53p6"><!></div></div>`),ht=T(`<li><button><!> <span class="truncate mono"> </span> <span class="sub truncate"> </span></button></li>`),gt=T(`<ul class="link-list"></ul>`),_t=T(`<p class="none svelte-1mo53p6">None</p>`),vt=T(`<h3 class="section-title"> <span class="num"> </span></h3> <!>`,1),yt=T(`<option> </option>`),bt=T(`<select class="select scope svelte-1mo53p6" aria-label="Filter loaded signals by component file"><option> </option><!></select>`),xt=T(`<span class="hint svelte-1mo53p6" title="Polling makes the app rebuild the whole graph; large graphs start paused."> </span>`),St=T(`<!> <!> <!> <!> <!> <!>`,1),Ct=T(`<!> <!> <!>`,1),wt=T(`<p>Choose one in the <button class="link svelte-1mo53p6">Overview</button> or use <strong>Show reactivity</strong> in the <button class="link svelte-1mo53p6">Components</button> inspector. Only that component's signals and the signals they are
2
+ directly linked to are loaded.</p>`);function Tt(n,o){t(o,!0);let y=e=>{var t=I(),n=w(t),r=e=>{T(e)},i=e=>{ee(e)};j(n,e=>{P(q)===`states`?e(r):e(i,-1)}),F(e,t)},ee=e=>{let t=i(()=>J.data);var n=I(),r=w(n),a=e=>{s(e,{icon:`warning`,title:`Overview not available`,children:(e,t)=>{var n=ze(),r=w(n),i=z(r),a=_(r,2);p(a,{icon:`graph`,onclick:()=>R(G,`full`),children:(e,t)=>{M();var n=L(`Full graph`);F(e,n)},$$slots:{default:!0}}),k(()=>C(i,`The dev server did not return per-component activity (${J.error??``}). Pick a component in Components (Show reactivity) or open the full graph.`)),F(e,n)},$$slots:{default:!0}})},o=e=>{s(e,{title:`Reading activity…`})},c=e=>{var n=Je(),r=B(n),a=B(r),o=_(B(a)),c=z(o);d(a);var u=_(a,6),p=_(B(u)),m=z(p);d(u);var h=_(u,2),g=_(B(h),2),v=z(g);d(h);var y=_(h,2),b=e=>{var n=Be(),r=_(B(n)),i=z(r,!0);d(n),k(e=>C(i,e),[()=>De(P(t).baseline)]),F(e,n)},x=i(()=>De(P(t).baseline));j(y,e=>{P(x)&&e(b)});var ee=_(y,2),S=e=>{var n=Ve(),r=_(B(n)),i=z(r,!0);d(n),k(e=>C(i,e),[()=>un(P(t))]),F(e,n)},T=i(()=>un(P(t)));j(ee,e=>{P(T)&&e(S)}),d(r);var E=_(r,2),D=B(E);{let e=e=>{var n=I(),r=w(n),a=e=>{{let n=i(()=>V(P(Le).file)),r=i(()=>ue(P(Le).file,3));_e(e,{get title(){return`<${P(n)??``}>`},get subtitle(){return P(r)},onclose:()=>R(Fe,null),children:(e,n)=>{var r=Ue(),i=w(r),a=_(B(i)),o=z(a,!0);d(i);var s=_(i,2);oe(s,21,()=>P(Le).instances,e=>e.componentId,(e,n)=>{var r=He(),i=B(r),a=B(i),o=z(a),s=_(a,2),c=z(s);d(i),d(r),k((e,r)=>{i.disabled=!P(t).epoch,C(o,`#${P(n).componentId??``}`),C(c,`≥ ${e??``} changes · ${r??``} renders`)},[()=>P(n).changes.toLocaleString(),()=>P(n).renders.toLocaleString()]),O(`click`,i,()=>Pt(P(n),P(t).epoch)),F(e,r)}),d(s);var c=_(s,2),l=z(c,!0);k(()=>{C(o,P(Le).instances.length),C(l,P(t).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.`)}),F(e,r)},$$slots:{default:!0}})}};j(r,e=>{P(Le)&&e(a)}),F(e,n)},n=i(()=>!!P(Le));he(D,{id:`reactive-overview`,get open(){return P(n)},aside:e,children:(e,n)=>{H(e,{get items(){return P(Ie)},get columns(){return Tt},getKey:e=>e.key,label:`Most active components`,onactivate:e=>e.instances.length===1&&Pt(e.instances[0],P(t).epoch),get sort(){return P(Pe)},set sort(e){R(Pe,e,!0)},get selected(){return P(Fe)},set selected(e){R(Fe,e,!0)},row:(e,t=f,n)=>{let r=()=>(n?.()).visible;var a=qe(),o=w(a),s=B(o),c=z(s,!0),u=_(s,2),p=e=>{var n=We(),r=z(n,!0);k(()=>C(r,` #${t().instances[0].componentId}`)),F(e,n)};j(u,e=>{P(Ne)===`instance`&&e(p)}),d(o);var m=_(o,2),h=e=>{var n=Ge(),r=z(n,!0);k(()=>C(r,t().instances.length)),F(e,n)},g=i(()=>r().has(`instances`));j(m,e=>{P(g)&&e(h)});var v=_(m,2),y=e=>{var n=Ke(),r=z(n,!0);k(e=>{l(n,`title`,`registered: ${t().nodes.state??``} $state · ${t().nodes.derived??``} $derived · ${t().nodes.effect??``} $effect`),C(r,e)},[()=>we(t().nodes)]),F(e,n)},b=i(()=>r().has(`nodes`));j(v,e=>{P(b)&&e(y)});var x=_(v,2),ee=z(x),S=_(x,2),T=z(S,!0),E=_(S,2),D=e=>{var n=Ke(),r=z(n,!0);k(e=>C(r,e),[()=>de(t().renderMs)]),F(e,n)},O=i(()=>r().has(`renderMs`));j(E,e=>{P(O)&&e(D)}),k((e,t,n)=>{C(c,e),C(ee,`≥ ${t??``}`),C(T,n)},[()=>V(t().file),()=>t().changes.toLocaleString(),()=>t().renders.toLocaleString()]),F(e,a)},empty:e=>{s(e,{icon:`reactive`,title:`No component was active in the window`})},$$slots:{row:!0,empty:!0}})},$$slots:{aside:!0,default:!0}})}d(E);var A=_(E,2),te=B(A),M=_(te),ne=e=>{var n=L();k((e,t)=>C(n,`Other: ${e??``} components with ${t??``} signals.`),[()=>P(t).other.components.toLocaleString(),()=>P(t).other.nodes.toLocaleString()]),F(e,n)},N=e=>{var t=L(`Other: unknown.`);F(e,t)};j(M,e=>{P(t).other?e(ne):e(N,-1)});var re=_(M);d(A),d(n),k((e,n,r,i,a,o,s,l)=>{C(c,`last ${e??``} s · sampled while active for ${n??``} s`),C(m,`${r??``} active of ${i??``} registered`),C(v,`${a??``}
3
+ (not reported by this dev server)`),C(te,`Listed: ${o??``} ${P(t).rows.length===1?`component`:`components`} (${s??``}). `),C(re,` Total registered: ${l??``}. Counts restart when the app page reloads.`)},[()=>Math.round(P(t).window.ms/1e3),()=>Math.round(P(t).window.sampledActiveMs/1e3),()=>P(t).components.withActivity.toLocaleString(),()=>ln(P(t).components.total),()=>[!P(t).capabilities.valueInspection&&`full values`,!P(t).capabilities.signalHistory&&`per-signal history`,!P(t).capabilities.writeCause&&`update cause`].filter(Boolean).join(`, `)||`none`,()=>P(t).rows.length.toLocaleString(),()=>P(t).truncated?`top ${P(t).rows.length} of ${P(t).components.withActivity.toLocaleString()} active`:`all active`,()=>ln(P(t).components.total)]),F(e,n)};j(r,e=>{!P(t)&&J.error?e(a):P(t)?e(c,-1):e(o,1)}),F(e,n)},T=e=>{var t=I(),n=w(t),r=e=>{s(e,{icon:`warning`,title:`State timeline not available`,children:(e,t)=>{var n=Ye(),r=z(n);k(()=>C(r,`The dev server did not return the timeline buffer (${Y.error??``}).`)),F(e,n)},$$slots:{default:!0}})},a=e=>{var t=et(),n=B(t),r=e=>{var t=Xe(),n=z(t,!0);k(()=>C(n,P(Ot))),F(e,t)};j(n,e=>{P(Ot)&&e(r)});var a=_(n,2),o=B(a);H(o,{get items(){return P(Et)},get columns(){return Mt},getKey:e=>e.key,label:`Most changed states in the timeline buffer`,onactivate:Nt,get sort(){return P(At)},set sort(e){R(At,e,!0)},get selected(){return P(jt)},set selected(e){R(jt,e,!0)},row:(e,t=f,n)=>{let r=()=>(n?.()).visible;var a=$e(),o=w(a),s=z(o,!0),c=_(o,2),l=e=>{var n=Ze(),r=B(n,!0),i=_(r),a=e=>{var n=We(),r=z(n,!0);k(()=>C(r,` #${t().componentId}`)),F(e,n)};j(i,e=>{t().componentId!==null&&e(a)}),d(n),k(e=>C(r,e),[()=>V(t().file)]),F(e,n)},u=i(()=>r().has(`component`));j(c,e=>{P(u)&&e(l)});var p=_(c,2),m=z(p),h=_(p,2),g=e=>{var n=Qe(),r=z(n,!0);k(e=>C(r,e),[()=>fe(t().last.newValue,80)]),F(e,n)},v=i(()=>r().has(`value`));j(h,e=>{P(v)&&e(g)});var y=_(h,2),b=z(y,!0);k((e,n)=>{C(s,t().name),C(m,`≥ ${e??``}`),C(b,n)},[()=>t().changes.toLocaleString(),()=>ce(t().last.timestamp)]),F(e,a)},empty:e=>{{let t=i(()=>Y.loading?`Reading the timeline…`:`No $state changes in the buffer`);s(e,{icon:`timeline`,get title(){return P(t)}})}},$$slots:{row:!0,empty:!0}}),d(a);var c=_(a,2),l=B(c),u=_(l),p=e=>{var t=L();k(()=>C(t,`Last refresh failed (${Y.error??``}); showing the previous buffer.`)),F(e,t)};j(u,e=>{Y.error&&e(p)}),d(c),d(t),k((e,t)=>C(l,`From the State timeline buffer: the latest ${e??``} sampled changes (every 200 ms) across all signals, since
4
+ ${t??``}.
5
+ Older changes and signals that changed less recently may be missing; counts are not totals or rates. Activate a row to open its component. `),[()=>Y.data.length.toLocaleString(),()=>P(kt)===null?`unknown (buffer empty)`:ce(P(kt))]),F(e,t)};j(n,e=>{!Y.data.length&&Y.error?e(r):e(a,-1)}),F(e,t)},E=t=>{{let n=e=>{var t=I(),n=w(t),r=e=>{{let t=e=>{var t=tt(),n=w(t);me(n,{get tone(){return an[P($).type]},children:(e,t)=>{M();var n=L();k(e=>C(n,e),[()=>on(P($).type)]),F(e,n)},$$slots:{default:!0}});var r=_(n,2);me(r,{children:(e,t)=>{M();var n=L();k(()=>C(n,`component #${P($).componentId??``}`)),F(e,n)},$$slots:{default:!0}}),F(e,t)},n=e=>{var t=tt(),n=w(t);p(n,{icon:`editor`,onclick:()=>dn(P($)),children:(e,t)=>{M();var n=L();k(()=>C(n,P($).type===`template`?`Open component`:`Go to definition (by name)`)),F(e,n)},$$slots:{default:!0}});var r=_(n,2),i=e=>{p(e,{icon:`reactive`,onclick:()=>fn(P($)),children:(e,t)=>{M();var n=L(`Show this component`);F(e,n)},$$slots:{default:!0}})};j(r,e=>{(P(G)===`full`||P($).componentId!==P(K)?.componentId)&&P(Z).epoch&&e(i)}),F(e,t)},r=i(()=>ue(P($).componentFile,3));_e(e,{get title(){return P($).name},get subtitle(){return P(r)},onclose:()=>R(Q,null),badges:t,actions:n,children:(e,t)=>{var n=st(),r=w(n),a=e=>{var t=nt(),n=_(B(t));n.textContent=`{expressions}`,M(3),d(t),F(e,t)};j(r,e=>{P($).type===`template`&&e(a)});var o=_(r,2),s=e=>{var t=rt();M(2),F(e,t)};j(o,e=>{P($).unevaluated&&e(s)});var c=_(o,2),l=e=>{var t=at(),n=_(w(t),2);let r;var a=z(n,!0),o=_(n,2),s=e=>{var t=it();F(e,t)},c=i(()=>!P(cn).valueInspection&&Ae(P($).value));j(o,e=>{P(c)&&e(s)}),k((e,t)=>{r=m(n,1,`code-block svelte-1mo53p6`,null,r,{flash:e}),C(a,t)},[()=>P(Ft).has(P($).id),()=>Ae(P($).value)?P($).value:le(P($).value)]),F(e,t)};j(c,e=>{P($).value!==void 0&&e(l)});var u=_(c,4),f=z(u,!0),p=_(u,2);{let e=i(()=>P(Yt).deps.get(P($).id)??[]);N(p,()=>`Reads (can affect this)`,()=>P(e))}var h=_(p,2);{let e=i(()=>P(Yt).dependents.get(P($).id)??[]);N(h,()=>`Can affect`,()=>P(e))}var g=_(h,4),v=B(g),y=e=>{var t=ot(),n=w(t),r=e=>{var t=L(`Per-signal history: not available yet.`);F(e,t)};j(n,e=>{P(cn).signalHistory||e(r)});var i=_(n,2);M(),O(`click`,i,()=>se.go(`timeline`)),F(e,t)},b=e=>{var t=L();k(e=>C(t,`Not recorded for ${e??``}.`),[()=>on(P($).type)]),F(e,t)};j(v,e=>{P($).type===`state`?e(y):e(b,-1)}),d(g),k(()=>C(f,P(cn).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.`)),F(e,n)},$$slots:{badges:!0,actions:!0,default:!0}})}};j(n,e=>{P($)&&e(r)}),F(e,t)},r=i(()=>!!P($));he(t,{id:`reactive`,get open(){return P(r)},aside:n,children:(t,n)=>{var r=mt(),a=B(r),o=e=>{var t=ct(),n=B(t),r=B(n),i=z(r,!0),a=_(r,2),o=z(a);M(),d(n);var s=_(n,2);p(s,{icon:`close`,variant:`ghost`,label:`Clear selection`,onclick:pn}),d(t),k(()=>{C(i,P(K).label),C(o,`#${P(K).componentId??``}`)}),F(e,t)};j(a,e=>{P(G)===`local`&&P(K)&&e(o)});var c=_(a,2),l=_(B(c),3),u=e=>{var t=L();k(e=>C(t,`${e??``} edges to signals outside the loaded set are not shown.`),[()=>P(Z).edgesOmitted.toLocaleString()]),F(e,t)};j(l,e=>{P(Z).edgesOmitted&&e(u)});var h=_(l,2),g=e=>{var t=L();k(e=>C(t,`Built ${e??``}.`),[()=>ce(P(Lt))]),F(e,t)};j(h,e=>{P(Lt)!==null&&P(Z)!==je&&e(g)}),d(c);var v=_(c,2),y=B(v),b=e=>{var t=I(),n=w(t),r=e=>{s(e,{title:`Collecting reactive graph…`})},i=e=>{s(e,{icon:`reactive`,title:`No signals tracked here`,children:(e,t)=>{var n=lt();F(e,n)},$$slots:{default:!0}})};j(n,e=>{X.loading||X.busy?e(r):e(i,-1)}),F(e,t)},x=e=>{var t=I(),n=w(t),r=e=>{{let t=i(()=>P($t).length.toLocaleString());s(e,{icon:`graph`,get title(){return`${P(t)??``} signals is too many to lay out`},children:(e,t)=>{var n=ut(),r=w(n);r.textContent=`Pick a single component or filter to under 400 signals, or use the list view.`;var i=_(r,2);p(i,{icon:`list`,onclick:()=>Ut.value=`list`,children:(e,t)=>{M();var n=L(`Switch to list`);F(e,n)},$$slots:{default:!0}}),F(e,n)},$$slots:{default:!0}})}},a=e=>{var t=dt();Re(B(t),{get nodes(){return P($t)},get edges(){return P(tn)},get changedNodeIds(){return P(Ft)},get selectedNodeId(){return P(Q)},set selectedNodeId(e){R(Q,e,!0)}}),d(t),F(e,t)};j(n,e=>{P($t).length>re?e(r):e(a,-1)}),F(e,t)},ee=t=>{H(t,{get items(){return P($t)},get columns(){return sn},getKey:e=>e.id,label:`Reactive signals`,onactivate:dn,get sort(){return P(Kt)},set sort(e){R(Kt,e,!0)},get selected(){return P(Q)},set selected(e){R(Q,e,!0)},row:(t,n=f,r)=>{let a=()=>(r?.()).visible;var o=pt(),s=w(o),c=B(s);me(c,{get tone(){return an[n().type]},children:(e,t)=>{M();var r=L();k(()=>C(r,n().type===`template`?`markup`:n().type)),F(e,r)},$$slots:{default:!0}}),d(s);var l=_(s,2);let u;var p=B(l);e(p,{get text(){return n().name},get query(){return P(Wt)}}),d(l);var h=_(l,2),g=t=>{var r=ft(),a=B(r);{let t=i(()=>V(n().componentFile));e(a,{get text(){return P(t)},get query(){return P(Wt)}})}d(r),F(t,r)},v=i(()=>a().has(`component`));j(h,e=>{P(v)&&e(g)});var y=_(h,2),b=z(y,!0),x=_(y,2),ee=e=>{var t=Ke(),r=z(t);k((e,t)=>C(r,`${e??``} / ${t??``}`),[()=>P(Yt).deps.get(n().id)?.length??0,()=>P(Yt).dependents.get(n().id)?.length??0]),F(e,t)},S=i(()=>a().has(`deps`));j(x,e=>{P(S)&&e(ee)}),k((e,t)=>{u=m(l,1,`truncate mono name svelte-1mo53p6`,null,u,{flash:e}),C(b,t)},[()=>P(Ft).has(n().id),()=>n().value===void 0?``:W(n().value,120)]),F(t,o)},empty:e=>{s(e,{icon:`search`,title:`No loaded signals match`})},$$slots:{row:!0,empty:!0}})};j(y,e=>{P(Z).nodes.length===0?e(b):P(nn)===`graph`?e(x,1):e(ee,-1)}),d(v),d(r),F(t,r)},$$slots:{aside:!0,default:!0}})}},N=(e,t=f,n=f)=>{var r=vt(),a=w(r),o=B(a),s=_(o),c=z(s,!0);d(a);var l=_(a,2),u=e=>{var t=gt();oe(t,20,n,e=>e,(e,t)=>{let n=i(()=>P(Jt).get(t));var r=I(),a=w(r),o=e=>{var r=ht(),i=B(r),a=B(i);me(a,{get tone(){return an[P(n).type]},children:(e,t)=>{M();var r=L();k(()=>C(r,P(n).type===`template`?`markup`:P(n).type)),F(e,r)},$$slots:{default:!0}});var o=_(a,2),s=z(o,!0),c=_(o,2),l=z(c);d(i),d(r),k(e=>{C(s,P(n).name),C(l,`${e??``}${P(G)===`local`&&P(n).componentId!==P(K)?.componentId?` · other component`:``}`)},[()=>V(P(n).componentFile)]),O(`click`,i,()=>R(Q,t,!0)),F(e,r)};j(a,e=>{P(n)&&e(o)}),F(e,r)}),d(t),F(e,t)},p=e=>{var t=_t();F(e,t)};j(l,e=>{n().length?e(u):e(p,-1)}),k(()=>{C(o,`${t()??``} `),C(c,n().length)}),F(e,r)},re=400,ie={topK:50,windowMs:1e4},ae=2e3,G=v(r(U.current?`local`:`overview`)),K=i(()=>U.current);S(()=>{U.current&&A(()=>R(G,`local`))});let q=v(`components`),J=c(()=>Ee(ie),{initial:null,interval:ae,when:()=>P(G)===`overview`&&P(q)===`components`}),Ne=v(`file`),Pe=v(r({id:`changes`,desc:!0})),Fe=v(null),Ie=i(()=>{let e=J.data?.rows??[];return P(Ne)===`file`?Ce(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}))}),Le=i(()=>P(Fe)?P(Ie).find(e=>e.key===P(Fe))??null:null),Tt=[{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)=>we(e.nodes)-we(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}],Y=c(async()=>(await g(void 0)).changes,{initial:[],interval:ae,version:be(`stateTimeline`),when:()=>P(G)===`overview`&&P(q)===`states`}),Et=i(()=>{let e=new Map;for(let t of Y.data){let n=e.get(t.id);if(n)n.changes++,t.seq>n.last.seq&&(n.last=t);else{let n=Number(t.id.slice(0,t.id.indexOf(`:`)));e.set(t.id,{key:t.id,name:t.name,file:t.componentFile,componentId:Number.isInteger(n)?n:null,changes:1,last:t})}}return[...e.values()]}),Dt=Se(ae,()=>P(G)===`overview`&&P(q)===`states`),Ot=i(()=>De(Dt.data.stateTimeline?.baseline)),kt=i(()=>Y.data.length?Y.data[0].timestamp:null),At=v(r({id:`changes`,desc:!0})),jt=v(null),Mt=[{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 Nt(e){if(e.componentId===null)return;let t=(await D().catch(()=>null))?.epoch;t&&U.set({componentId:e.componentId,epoch:t,label:`<${V(e.file)}>`,file:e.file})}function Pt(e,t){t&&U.set({componentId:e.componentId,epoch:t,label:`<${V(e.file)}>`,file:e.file})}let Ft=v(new Set),It=new Map,Lt=v(null),Rt=i(()=>P(G)===`full`?null:P(G)===`local`&&P(K)?.epoch?P(K).componentId:void 0),X=c(async()=>{let e=A(()=>P(Rt)),t=A(()=>P(K)?.epoch);if(e===void 0||e!==null&&!t)return je;let n=await ke(e===null?null:{componentId:e,epoch:t}),r=new Map,i=new Set;for(let e of n.nodes)e.value!==void 0&&(r.set(e.id,e.value),It.has(e.id)&&!Te(It.get(e.id),e.value)&&i.add(e.id));return It=r,(i.size||P(Ft).size)&&R(Ft,i),R(Lt,n.computedAt,!0),n},{initial:je,interval:5e3,equals:Me,when:()=>P(Rt)!==void 0}),zt;S(()=>{let e=P(Rt);A(()=>{e!==zt&&(zt=e,It=new Map,R(Ft,new Set),R(Q,null),R(Lt,null),e!==void 0&&X.refresh())})});let Bt=v(!1),Vt=!1;S(()=>{P(Bt)&&X.live&&(Vt=!0)}),S(()=>{P(G)!==`full`||Vt||P(Bt)||X.data.nodes.length<=2e3||A(()=>{X.live=!1,R(Bt,!0)})});let Ht=i(()=>P(G)===`local`&&!!P(K)?.epoch&&(Oe(X.data)||!!X.data.epoch&&X.data.epoch!==P(K).epoch)),Z=i(()=>P(Ht)||P(Rt)===void 0||X.data.scope!==(P(Rt)??null)?je:X.data),Ut=h(`reactive:view`,`auto`),Wt=v(``),Gt=v(`all`),Kt=v(r({id:`component`,desc:!1})),Q=v(null),qt=v(``),Jt=i(()=>new Map(P(Z).nodes.map(e=>[e.id,e]))),Yt=i(()=>{let e=new Map,t=new Map;for(let n of P(Z).edges)(e.get(n.to)??e.set(n.to,[]).get(n.to)).push(n.from),(t.get(n.from)??t.set(n.from,[]).get(n.from)).push(n.to);return{deps:e,dependents:t}}),Xt=i(()=>[...new Set(P(Z).nodes.map(e=>e.componentFile))].sort()),Zt=i(()=>{if(P(G)!==`full`||!P(qt))return null;let e=new Set;for(let t of P(Z).nodes)t.componentFile===P(qt)&&e.add(t.id);for(let t of P(Z).edges)(e.has(t.from)||e.has(t.to))&&(e.add(t.from),e.add(t.to));return e}),Qt=i(()=>new Map(P(Z).nodes.map(e=>[e.id,te(e.name,e.componentFile,e.value===void 0?``:W(e.value))]))),$t=i(()=>{let e=u(P(Wt)),t=P(Zt);return P(Z).nodes.filter(n=>(!t||t.has(n.id))&&(P(Gt)===`all`||n.type===P(Gt))&&(!e||e(P(Qt).get(n.id)??``)))}),en=i(()=>new Set(P($t).map(e=>e.id))),tn=i(()=>P(Z).edges.filter(e=>P(en).has(e.from)&&P(en).has(e.to))),nn=i(()=>Ut.value===`auto`?P($t).length<=150?`graph`:`list`:Ut.value),$=i(()=>P(Q)?P(Jt).get(P(Q))??null:null),rn=i(()=>{let e={state:0,derived:0,effect:0,template:0};for(let t of P(Z).nodes)e[t.type]++;return e}),an={state:`blue`,derived:`green`,effect:`red`,template:`purple`},on=e=>e===`template`?`markup`:`$${e}`,sn=[{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)=>(P(Yt).deps.get(e.id)?.length??0)+(P(Yt).dependents.get(e.id)?.length??0)-(P(Yt).deps.get(t.id)?.length??0)-(P(Yt).dependents.get(t.id)?.length??0)}],cn=i(()=>J.data?.capabilities??{valueInspection:!1,signalHistory:!1,writeCause:!1}),ln=e=>e==null?`unknown`:e.toLocaleString(),un=e=>e?.stale?e.staleReason===`no-runtime`?`no app page is connected`:`the app did not answer in time; showing the previous reply`:null;function dn(e){a(e.componentFile,e.name,e.type).catch(()=>{})}function fn(e){P(Z).epoch&&U.set({componentId:e.componentId,epoch:P(Z).epoch,label:`<${V(e.componentFile)}>`,file:e.componentFile})}function pn(){U.set(null),R(G,`overview`)}{let e=e=>{var t=Ct(),n=w(t);{let e=i(()=>[{value:`overview`,label:`Overview`},{value:`local`,label:P(K)?P(K).label:`Component`},{value:`full`,label:`Full graph`}]);ve(n,{label:`Reactivity view`,get options(){return P(e)},get value(){return P(G)},set value(e){R(G,e,!0)}})}var r=_(n,2),a=e=>{ve(e,{label:`Overview of`,options:[{value:`components`,label:`Components`},{value:`states`,label:`States`}],get value(){return P(q)},set value(e){R(q,e,!0)}})};j(r,e=>{P(G)===`overview`&&e(a)});var o=_(r,2),s=e=>{ve(e,{label:`Group`,options:[{value:`file`,label:`By file`},{value:`instance`,label:`By instance`}],get value(){return P(Ne)},set value(e){R(Ne,e,!0)}})},c=e=>{var t=St(),n=w(t);{let e=i(()=>[{value:`all`,label:`All`},{value:`state`,label:`$state`,count:P(rn).state},{value:`derived`,label:`$derived`,count:P(rn).derived},{value:`effect`,label:`$effect`,count:P(rn).effect},{value:`template`,label:`markup`,count:P(rn).template}]);ve(n,{label:`Signal kind`,get options(){return P(e)},get value(){return P(Gt)},set value(e){R(Gt,e,!0)}})}var r=_(n,2);{let e=i(()=>P(Z).nodes.length.toLocaleString());ge(r,{get placeholder(){return`Filter the ${P(e)??``} loaded signals…`},get count(){return P($t).length},get value(){return P(Wt)},set value(e){R(Wt,e,!0)}})}var a=_(r,2),o=e=>{var t=bt(),n=B(t),r=z(n);n.value=n.__value=``;var i=_(n);oe(i,16,()=>P(Xt),e=>e,(e,t)=>{var n=yt(),r=z(n,!0),i={};k(e=>{C(r,e),i!==(i=t)&&(n.value=(n.__value=i)??``)},[()=>V(t)]),F(e,n)}),d(t),b(t),k(()=>C(r,`All loaded files (${P(Xt).length??``})`)),x(t,()=>P(qt),e=>R(qt,e)),F(e,t)};j(a,e=>{P(G)===`full`&&e(o)});var s=_(a,2);{let e=i(()=>({captured:P(Z).nodes.length,total:P(Z).total?.nodes??null,truncated:P(Z).truncated,policy:P(Z).policy})),t=i(()=>un(P(Z)));xe(s,{get info(){return P(e)},noun:`signals`,get stale(){return P(t)}})}var c=_(s,2),l=e=>{var t=xt(),n=z(t);k((e,t)=>C(n,`Paused: ${e??``} of ${t??``} signals`),[()=>P(Z).nodes.length.toLocaleString(),()=>ln(P(Z).total?.nodes)]),F(e,t)};j(c,e=>{P(Bt)&&!X.live&&P(G)===`full`&&e(l)});var u=_(c,2);ve(u,{label:`Layout`,options:[{value:`auto`,label:`Auto`},{value:`graph`,label:`Graph`},{value:`list`,label:`List`}],get value(){return Ut.value},set value(e){Ut.value=e}}),F(e,t)};j(o,e=>{P(G)===`overview`&&P(q)===`components`?e(s):P(G)!==`overview`&&e(c,1)}),F(e,t)},t=e=>{var t=I(),n=w(t),r=e=>{{let t=i(()=>P(q)===`states`?Y:J);ye(e,{get res(){return P(t)}})}},a=e=>{ye(e,{get res(){return X}})};j(n,e=>{P(G)===`overview`?e(r):P(Rt)!==void 0&&e(a,1)}),F(e,t)},r=i(()=>P(G)===`overview`?P(q)===`states`?P(Et).length:J.data?.components.total??void 0:P(Z).nodes.length);pe(n,{title:`Reactivity`,get count(){return P(r)},toolbar:e,actions:t,children:(e,t)=>{var n=I(),r=w(n),i=e=>{y(e)},a=e=>{s(e,{icon:`reactive`,title:`Pick a component`,children:(e,t)=>{var n=wt(),r=_(B(n)),i=_(r,4);M(),d(n),O(`click`,r,()=>R(G,`overview`)),O(`click`,i,()=>se.go(`components`)),F(e,n)},$$slots:{default:!0}})},o=e=>{s(e,{icon:`warning`,title:`This selection has no page-load id`,children:(e,t)=>{var n=ze(),r=w(n),i=z(r),a=_(r,2);p(a,{icon:`close`,onclick:pn,children:(e,t)=>{M();var n=L(`Clear selection`);F(e,n)},$$slots:{default:!0}}),k(()=>C(i,`Component ids are only valid within one page load. Pick ${P(K).label??``} again in Components once the tree has refreshed.`)),F(e,n)},$$slots:{default:!0}})},c=e=>{s(e,{icon:`warning`,title:`The app page reloaded`,children:(e,t)=>{var n=ze(),r=w(n),i=z(r),a=_(r,2);p(a,{icon:`close`,onclick:pn,children:(e,t)=>{M();var n=L(`Clear selection`);F(e,n)},$$slots:{default:!0}}),k(()=>C(i,`Component ids restart on every page load, so ${P(K)?.label??``} #${P(K)?.componentId??``} may now be a different instance. Pick it again.`)),F(e,n)},$$slots:{default:!0}})},l=e=>{E(e)};j(r,e=>{P(G)===`overview`?e(i):P(G)===`local`&&!P(K)?e(a,1):P(G)===`local`&&P(K)&&!P(K).epoch?e(o,2):P(Ht)?e(c,3):e(l,-1)}),F(e,n)},$$slots:{toolbar:!0,actions:!0,default:!0}})}ne()}E([`click`]);export{Tt as default};
@@ -1 +1 @@
1
- import{A as e,At as t,Ct as n,Dt as r,F as i,I as a,Mt as o,N as s,Nt as c,P as l,Q as u,St as d,T as f,Tt as p,Z as m,at as h,bt as g,ct as _,gt as v,it as y,jt as b,kt as x,mt as S,ot as C,st as w,ut as T,wt as E,xt as D,y as O,yt as k}from"./index-BzMw8R8l.js";import{a as A,l as j,o as M}from"./format-CW_NXiBg.js";import{n as N,t as P}from"./Badge-CBVv8IFU.js";import{t as F}from"./SplitView-B8lYXXEm.js";import{t as I}from"./SearchField-eocQu1eB.js";import{t as L}from"./DataTable-C6-tmcTQ.js";import{t as R}from"./Inspector-DGmAzhki.js";import{t as z}from"./Segmented-JGNuI5EZ.js";import{n as B,t as V}from"./versions-CZjRj40E.js";import{t as H}from"./CaptureNotice-BeXCVhO0.js";import{t as ee}from"./capture.svelte-CUhwdJwX.js";var te=_(`<!> <!> <!> <span class="summary num svelte-1u85j1o"> </span>`,1),ne=_(`<!> <!>`,1),re=_(`<div class="stats svelte-1u85j1o"><div class="svelte-1u85j1o"><span class="svelte-1u85j1o">Renders</span><strong class="num svelte-1u85j1o"> </strong></div> <div class="svelte-1u85j1o"><span class="svelte-1u85j1o">Total</span><strong class="num svelte-1u85j1o"> </strong></div> <div class="svelte-1u85j1o"><span class="svelte-1u85j1o">Average</span><strong> </strong></div> <div class="svelte-1u85j1o"><span class="svelte-1u85j1o">Last</span><strong> </strong></div> <div class="svelte-1u85j1o"><span class="svelte-1u85j1o"> </span><strong class="num svelte-1u85j1o"> </strong></div> <div class="svelte-1u85j1o"><span class="svelte-1u85j1o">Last render</span><strong class="num svelte-1u85j1o"> </strong></div></div> <p class="note svelte-1u85j1o">Share of all render time: <strong class="num"> </strong></p>`,1),U=_(`<span class="end num muted"> </span>`),ie=_(`<span> </span>`),ae=_(`<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),oe=_(`<p>Interact with your app — every component mount and update is timed.</p>`);function W(_,W){t(W,!0);let G=a(O,{initial:[],interval:1e3,version:V(`renderProfiles`)}),se=ee(1e3),K=p(`component`),q=p(``),ce=p(n({id:`total`,desc:!0})),J=p(null),Y=r(()=>{if(S(K)===`instance`)return G.data.map(e=>({key:String(e.componentId),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]}));let e=new Map;for(let t of G.data){let n=e.get(t.file);n?(n.instances++,n.initTime+=t.initTime,n.renderCount+=t.renderCount,n.totalRenderTime+=t.totalRenderTime,n.ids.push(t.componentId),t.lastRenderAt>n.lastRenderAt&&(n.lastRenderAt=t.lastRenderAt,n.lastRenderTime=t.lastRenderTime)):e.set(t.file,{key:t.file,name:t.name,file:t.file,instances:1,initTime:t.initTime,renderCount:t.renderCount,totalRenderTime:t.totalRenderTime,lastRenderTime:t.lastRenderTime,lastRenderAt:t.lastRenderAt,ids:[t.componentId]})}return[...e.values()]}),le=r(()=>{let e=s(S(q));return e?S(Y).filter(t=>e(t.name,t.file)):S(Y)}),ue=r(()=>S(Y).reduce((e,t)=>Math.max(e,t.totalRenderTime),1e-4)),X=r(()=>S(Y).reduce((e,t)=>({renders:e.renders+t.renderCount,time:e.time+t.totalRenderTime}),{renders:0,time:0})),Z=r(()=>S(J)?S(Y).find(e=>e.key===S(J))??null:null),Q=e=>e.renderCount?e.totalRenderTime/e.renderCount:0,de=[{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?`hot`:e>=4?`warm`:``}N(_,{title:`Render`,get count(){return G.data.length},toolbar:e=>{var t=te(),n=g(t);z(n,{label:`Group by`,options:[{value:`component`,label:`By component`},{value:`instance`,label:`By instance`}],get value(){return S(K)},set value(e){E(K,e,!0)}});var r=d(n,2);I(r,{placeholder:`Filter components…`,get count(){return S(le).length},get value(){return S(q)},set value(e){E(q,e,!0)}});var i=d(r,2);H(i,{get info(){return se.data.renderProfiles},noun:`profiles`});var a=d(i,2),o=D(a);v((e,t)=>h(o,`${e??``} renders · ${t??``}`),[()=>S(X).renders.toLocaleString(),()=>M(S(X).time)]),C(e,t)},actions:e=>{B(e,{get res(){return G}})},children:(t,n)=>{{let n=e=>{var t=w(),n=g(t),i=e=>{R(e,{get title(){return S(Z).name},get subtitle(){return S(Z).file},onclose:()=>E(J,null),badges:e=>{var t=ne(),n=g(t),i=e=>{P(e,{children:(e,t)=>{b();var n=T();v(()=>h(n,`${S(Z).instances??``} instance${S(Z).instances===1?``:`s`}`)),C(e,n)},$$slots:{default:!0}})};y(n,e=>{S(K)===`component`&&e(i)});var a=d(n,2),o=e=>{P(e,{tone:`red`,children:(e,t)=>{b();var n=T(`over frame budget`);C(e,n)},$$slots:{default:!0}})},s=r(()=>Q(S(Z))>=16),c=e=>{P(e,{tone:`yellow`,children:(e,t)=>{b();var n=T(`slow`);C(e,n)},$$slots:{default:!0}})},l=r(()=>Q(S(Z))>=4);y(a,e=>{S(s)?e(o):S(l)&&e(c,1)}),C(e,t)},actions:e=>{l(e,{icon:`editor`,onclick:()=>f(S(Z).file).catch(()=>{}),children:(e,t)=>{b();var n=T(`Open in editor`);C(e,n)},$$slots:{default:!0}})},children:(e,t)=>{var n=re(),r=g(n),i=k(r),a=d(k(i)),s=D(a,!0);o(i);var c=d(i,2),l=d(k(c)),f=D(l,!0);o(c);var p=d(c,2),m=d(k(p)),_=D(m,!0);o(p);var y=d(p,2),b=d(k(y)),x=D(b,!0);o(y);var w=d(y,2),T=k(w),E=D(T),O=d(T),j=D(O,!0);o(w);var N=d(w,2),P=d(k(N)),F=D(P,!0);o(N),o(r);var I=d(r,2),L=d(k(I)),R=D(L);o(I),v((e,t,n,r,i,a,o,c,l)=>{h(s,e),h(f,t),u(m,1,`num ${n??``}`,`svelte-1u85j1o`),h(_,r),u(b,1,`num ${i??``}`,`svelte-1u85j1o`),h(x,a),h(E,`Init${S(K)===`component`?` (sum)`:``}`),h(j,o),h(F,c),h(R,`${l??``}%`)},[()=>S(Z).renderCount.toLocaleString(),()=>M(S(Z).totalRenderTime),()=>$(Q(S(Z))),()=>M(Q(S(Z))),()=>$(S(Z).lastRenderTime),()=>M(S(Z).lastRenderTime),()=>M(S(Z).initTime),()=>S(Z).lastRenderAt?A(S(Z).lastRenderAt):`—`,()=>(S(Z).totalRenderTime/Math.max(S(X).time,1e-4)*100).toFixed(1)]),C(e,n)},$$slots:{badges:!0,actions:!0,default:!0}})};y(n,e=>{S(Z)&&e(i)}),C(e,t)},a=r(()=>!!S(Z));F(t,{id:`render`,get open(){return S(a)},aside:n,children:(t,n)=>{L(t,{get items(){return S(le)},get columns(){return de},getKey:e=>e.key,label:`Render profiles`,onactivate:e=>f(e.file).catch(()=>{}),get sort(){return S(ce)},set sort(e){E(ce,e,!0)},get selected(){return S(J)},set selected(e){E(J,e,!0)},row:(t,n=c,i)=>{let a=()=>(i?.()).visible;var s=ae(),l=g(s),f=k(l),p=k(f);e(p,{get text(){return n().name},get query(){return S(q)}}),o(f);var _=d(f,2),b=k(_);{let t=r(()=>j(n().file));e(b,{get text(){return S(t)},get query(){return S(q)}})}o(_),o(l);var x=d(l,2),w=e=>{var t=U(),r=D(t,!0);v(()=>h(r,n().instances)),C(e,t)},T=r(()=>a().has(`instances`));y(x,e=>{S(T)&&e(w)});var E=d(x,2),O=e=>{var t=U(),r=D(t,!0);v(e=>h(r,e),[()=>M(n().initTime)]),C(e,t)},A=r(()=>a().has(`init`));y(E,e=>{S(A)&&e(O)});var N=d(E,2),P=D(N,!0),F=d(N,2),I=e=>{var t=ie(),r=D(t,!0);v((e,n)=>{u(t,1,`end num ${e??``}`,`svelte-1u85j1o`),h(r,n)},[()=>$(Q(n())),()=>M(Q(n()))]),C(e,t)},L=r(()=>a().has(`avg`));y(F,e=>{S(L)&&e(I)});var R=d(F,2),z=k(R);let B;var V=d(z,2),H=D(V,!0);o(R),v((e,t,n,r)=>{h(P,e),u(z,1,`bar ${t??``}`,`svelte-1u85j1o`),B=m(z,``,B,{width:n}),h(H,r)},[()=>n().renderCount.toLocaleString(),()=>$(Q(n())),()=>`${Math.max(2,n().totalRenderTime/S(ue)*60)}px`,()=>M(n().totalRenderTime)]),C(t,s)},empty:e=>{var t=w(),n=g(t),r=e=>{i(e,{title:`Waiting for render data…`})},a=e=>{i(e,{icon:`render`,title:`No renders recorded yet`,children:(e,t)=>{var n=oe();C(e,n)},$$slots:{default:!0}})},o=e=>{i(e,{icon:`search`,title:`No components match`})};y(n,e=>{G.loading?e(r):G.data.length===0?e(a,1):e(o,-1)}),C(e,t)},$$slots:{row:!0,empty:!0}})},$$slots:{aside:!0,default:!0}})}},$$slots:{toolbar:!0,actions:!0,default:!0}}),x()}export{W as default};
1
+ import{A as e,At as t,Ct as n,Dt as r,F as i,I as a,Mt as o,N as s,Nt as c,P as l,Q as u,St as d,T as f,Tt as p,Z as m,at as h,bt as g,ct as _,gt as v,it as y,jt as b,kt as x,mt as S,ot as C,st as w,ut as T,wt as E,xt as D,y as O,yt as k}from"./index-CuoAAt-d.js";import{a as A,l as j,o as M}from"./format-CW_NXiBg.js";import{n as N,t as P}from"./Badge-x4Lbd8pc.js";import{t as F}from"./SplitView-DVk1HAf9.js";import{t as I}from"./SearchField-D85HSGV_.js";import{t as L}from"./DataTable-CdM2Vyvn.js";import{t as R}from"./Inspector-C4wr2Zb4.js";import{t as z}from"./Segmented-BCcIUjA2.js";import{n as B,t as V}from"./versions-zyEGB_mz.js";import{t as H}from"./CaptureNotice-D0u6WNeR.js";import{t as ee}from"./capture.svelte-fve1ihQA.js";var te=_(`<!> <!> <!> <span class="summary num svelte-1u85j1o"> </span>`,1),ne=_(`<!> <!>`,1),re=_(`<div class="stats svelte-1u85j1o"><div class="svelte-1u85j1o"><span class="svelte-1u85j1o">Renders</span><strong class="num svelte-1u85j1o"> </strong></div> <div class="svelte-1u85j1o"><span class="svelte-1u85j1o">Total</span><strong class="num svelte-1u85j1o"> </strong></div> <div class="svelte-1u85j1o"><span class="svelte-1u85j1o">Average</span><strong> </strong></div> <div class="svelte-1u85j1o"><span class="svelte-1u85j1o">Last</span><strong> </strong></div> <div class="svelte-1u85j1o"><span class="svelte-1u85j1o"> </span><strong class="num svelte-1u85j1o"> </strong></div> <div class="svelte-1u85j1o"><span class="svelte-1u85j1o">Last render</span><strong class="num svelte-1u85j1o"> </strong></div></div> <p class="note svelte-1u85j1o">Share of all render time: <strong class="num"> </strong></p>`,1),U=_(`<span class="end num muted"> </span>`),ie=_(`<span> </span>`),ae=_(`<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),oe=_(`<p>Interact with your app — every component mount and update is timed.</p>`);function W(_,W){t(W,!0);let G=a(O,{initial:[],interval:1e3,version:V(`renderProfiles`)}),se=ee(1e3),K=p(`component`),q=p(``),ce=p(n({id:`total`,desc:!0})),J=p(null),Y=r(()=>{if(S(K)===`instance`)return G.data.map(e=>({key:String(e.componentId),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]}));let e=new Map;for(let t of G.data){let n=e.get(t.file);n?(n.instances++,n.initTime+=t.initTime,n.renderCount+=t.renderCount,n.totalRenderTime+=t.totalRenderTime,n.ids.push(t.componentId),t.lastRenderAt>n.lastRenderAt&&(n.lastRenderAt=t.lastRenderAt,n.lastRenderTime=t.lastRenderTime)):e.set(t.file,{key:t.file,name:t.name,file:t.file,instances:1,initTime:t.initTime,renderCount:t.renderCount,totalRenderTime:t.totalRenderTime,lastRenderTime:t.lastRenderTime,lastRenderAt:t.lastRenderAt,ids:[t.componentId]})}return[...e.values()]}),le=r(()=>{let e=s(S(q));return e?S(Y).filter(t=>e(t.name,t.file)):S(Y)}),ue=r(()=>S(Y).reduce((e,t)=>Math.max(e,t.totalRenderTime),1e-4)),X=r(()=>S(Y).reduce((e,t)=>({renders:e.renders+t.renderCount,time:e.time+t.totalRenderTime}),{renders:0,time:0})),Z=r(()=>S(J)?S(Y).find(e=>e.key===S(J))??null:null),Q=e=>e.renderCount?e.totalRenderTime/e.renderCount:0,de=[{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?`hot`:e>=4?`warm`:``}N(_,{title:`Render`,get count(){return G.data.length},toolbar:e=>{var t=te(),n=g(t);z(n,{label:`Group by`,options:[{value:`component`,label:`By component`},{value:`instance`,label:`By instance`}],get value(){return S(K)},set value(e){E(K,e,!0)}});var r=d(n,2);I(r,{placeholder:`Filter components…`,get count(){return S(le).length},get value(){return S(q)},set value(e){E(q,e,!0)}});var i=d(r,2);H(i,{get info(){return se.data.renderProfiles},noun:`profiles`});var a=d(i,2),o=D(a);v((e,t)=>h(o,`${e??``} renders · ${t??``}`),[()=>S(X).renders.toLocaleString(),()=>M(S(X).time)]),C(e,t)},actions:e=>{B(e,{get res(){return G}})},children:(t,n)=>{{let n=e=>{var t=w(),n=g(t),i=e=>{R(e,{get title(){return S(Z).name},get subtitle(){return S(Z).file},onclose:()=>E(J,null),badges:e=>{var t=ne(),n=g(t),i=e=>{P(e,{children:(e,t)=>{b();var n=T();v(()=>h(n,`${S(Z).instances??``} instance${S(Z).instances===1?``:`s`}`)),C(e,n)},$$slots:{default:!0}})};y(n,e=>{S(K)===`component`&&e(i)});var a=d(n,2),o=e=>{P(e,{tone:`red`,children:(e,t)=>{b();var n=T(`over frame budget`);C(e,n)},$$slots:{default:!0}})},s=r(()=>Q(S(Z))>=16),c=e=>{P(e,{tone:`yellow`,children:(e,t)=>{b();var n=T(`slow`);C(e,n)},$$slots:{default:!0}})},l=r(()=>Q(S(Z))>=4);y(a,e=>{S(s)?e(o):S(l)&&e(c,1)}),C(e,t)},actions:e=>{l(e,{icon:`editor`,onclick:()=>f(S(Z).file).catch(()=>{}),children:(e,t)=>{b();var n=T(`Open in editor`);C(e,n)},$$slots:{default:!0}})},children:(e,t)=>{var n=re(),r=g(n),i=k(r),a=d(k(i)),s=D(a,!0);o(i);var c=d(i,2),l=d(k(c)),f=D(l,!0);o(c);var p=d(c,2),m=d(k(p)),_=D(m,!0);o(p);var y=d(p,2),b=d(k(y)),x=D(b,!0);o(y);var w=d(y,2),T=k(w),E=D(T),O=d(T),j=D(O,!0);o(w);var N=d(w,2),P=d(k(N)),F=D(P,!0);o(N),o(r);var I=d(r,2),L=d(k(I)),R=D(L);o(I),v((e,t,n,r,i,a,o,c,l)=>{h(s,e),h(f,t),u(m,1,`num ${n??``}`,`svelte-1u85j1o`),h(_,r),u(b,1,`num ${i??``}`,`svelte-1u85j1o`),h(x,a),h(E,`Init${S(K)===`component`?` (sum)`:``}`),h(j,o),h(F,c),h(R,`${l??``}%`)},[()=>S(Z).renderCount.toLocaleString(),()=>M(S(Z).totalRenderTime),()=>$(Q(S(Z))),()=>M(Q(S(Z))),()=>$(S(Z).lastRenderTime),()=>M(S(Z).lastRenderTime),()=>M(S(Z).initTime),()=>S(Z).lastRenderAt?A(S(Z).lastRenderAt):`—`,()=>(S(Z).totalRenderTime/Math.max(S(X).time,1e-4)*100).toFixed(1)]),C(e,n)},$$slots:{badges:!0,actions:!0,default:!0}})};y(n,e=>{S(Z)&&e(i)}),C(e,t)},a=r(()=>!!S(Z));F(t,{id:`render`,get open(){return S(a)},aside:n,children:(t,n)=>{L(t,{get items(){return S(le)},get columns(){return de},getKey:e=>e.key,label:`Render profiles`,onactivate:e=>f(e.file).catch(()=>{}),get sort(){return S(ce)},set sort(e){E(ce,e,!0)},get selected(){return S(J)},set selected(e){E(J,e,!0)},row:(t,n=c,i)=>{let a=()=>(i?.()).visible;var s=ae(),l=g(s),f=k(l),p=k(f);e(p,{get text(){return n().name},get query(){return S(q)}}),o(f);var _=d(f,2),b=k(_);{let t=r(()=>j(n().file));e(b,{get text(){return S(t)},get query(){return S(q)}})}o(_),o(l);var x=d(l,2),w=e=>{var t=U(),r=D(t,!0);v(()=>h(r,n().instances)),C(e,t)},T=r(()=>a().has(`instances`));y(x,e=>{S(T)&&e(w)});var E=d(x,2),O=e=>{var t=U(),r=D(t,!0);v(e=>h(r,e),[()=>M(n().initTime)]),C(e,t)},A=r(()=>a().has(`init`));y(E,e=>{S(A)&&e(O)});var N=d(E,2),P=D(N,!0),F=d(N,2),I=e=>{var t=ie(),r=D(t,!0);v((e,n)=>{u(t,1,`end num ${e??``}`,`svelte-1u85j1o`),h(r,n)},[()=>$(Q(n())),()=>M(Q(n()))]),C(e,t)},L=r(()=>a().has(`avg`));y(F,e=>{S(L)&&e(I)});var R=d(F,2),z=k(R);let B;var V=d(z,2),H=D(V,!0);o(R),v((e,t,n,r)=>{h(P,e),u(z,1,`bar ${t??``}`,`svelte-1u85j1o`),B=m(z,``,B,{width:n}),h(H,r)},[()=>n().renderCount.toLocaleString(),()=>$(Q(n())),()=>`${Math.max(2,n().totalRenderTime/S(ue)*60)}px`,()=>M(n().totalRenderTime)]),C(t,s)},empty:e=>{var t=w(),n=g(t),r=e=>{i(e,{title:`Waiting for render data…`})},a=e=>{i(e,{icon:`render`,title:`No renders recorded yet`,children:(e,t)=>{var n=oe();C(e,n)},$$slots:{default:!0}})},o=e=>{i(e,{icon:`search`,title:`No components match`})};y(n,e=>{G.loading?e(r):G.data.length===0?e(a,1):e(o,-1)}),C(e,t)},$$slots:{row:!0,empty:!0}})},$$slots:{aside:!0,default:!0}})}},$$slots:{toolbar:!0,actions:!0,default:!0}}),x()}export{W as default};
@@ -1 +1 @@
1
- import{A as e,At as t,Ct as n,Dt as r,F as i,I as a,J as o,Mt as s,N as c,Nt as l,P as u,Q as d,St as f,T as p,Tt as m,_t as h,at as g,b as _,bt as v,ct as y,dt as b,ft as ee,gt as x,it as S,jt as C,kt as te,mt as w,ot as T,st as E,tt as D,ut as O,wt as k,xt as A,yt as j}from"./index-BzMw8R8l.js";import{n as ne,t as M}from"./Badge-CBVv8IFU.js";import{t as re}from"./SplitView-B8lYXXEm.js";import{t as ie}from"./SearchField-eocQu1eB.js";import{t as ae}from"./Inspector-DGmAzhki.js";import{t as oe}from"./Segmented-JGNuI5EZ.js";import{n as N,t as se}from"./TreeView-fty5aCC5.js";var P=y(`<!> <!> <!> <!>`,1),ce=y(`<span class="params svelte-yu3l91"></span>`),le=y(`<span class="faint">none</span>`),ue=y(`<li><button><!> <span class="sub truncate mono svelte-yu3l91"> </span></button></li>`),F=y(`<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=y(`<span class="k page svelte-yu3l91" title="+page.svelte">P</span>`),L=y(`<span class="k layout svelte-yu3l91" title="+layout.svelte">L</span>`),R=y(`<span class="k server svelte-yu3l91" title="server load">S</span>`),z=y(`<span class="k load svelte-yu3l91" title="universal load">U</span>`),B=y(`<span class="k api svelte-yu3l91" title="+server endpoint">API</span>`),V=y(`<span class="kinds svelte-yu3l91"><!> <!> <!> <!> <!></span> <span class="path truncate svelte-yu3l91"><!></span>`,1),H=y(`<span><!></span> <!>`,1),de=y(`<p class="mono"> </p>`),fe=y(`<p>Routes appear here for SvelteKit projects with a <code>src/routes</code> directory.</p>`);function U(y,b){t(b,!0);let U=a(_,{initial:[]}),W=r(()=>{let e={key:`/`,segment:`/`,route:null,children:[]},t=new Map([[`/`,e]]),n=[...U.data].sort((e,t)=>e.id.localeCompare(t.id));for(let r of n){if(r.id===`/`){e.route=r;continue}let n=e,i=``;for(let e of r.id.split(`/`).filter(Boolean)){i+=`/`+e;let r=t.get(i);r||(r={key:i,segment:e,route:null,children:[]},t.set(i,r),n.children.push(r)),n=r}n.route=r}return{roots:[e],byKey:t}}),G=m(``),K=m(`all`),q=m(n(new Set([`/`]))),J=m(null),Y=!1;h(()=>{Y||U.data.length===0||(Y=!0,k(q,U.data.length<=60?N(w(W).roots,{key:e=>e.key,children:e=>e.children}):new Set([`/`,...w(W).roots[0].children.map(e=>e.key)]),!0))});let pe=r(()=>w(K)===`pages`?e=>e.hasPage:w(K)===`endpoints`?e=>e.hasEndpoint:w(K)===`dynamic`?e=>e.params.length>0:null),me=r(()=>{let e=c(w(G)),t=w(pe);return!e&&!t?null:n=>!!n.route&&(!t||t(n.route))&&(!e||e(n.route.path,n.route.id))}),X=r(()=>({all:U.data.length,pages:U.data.filter(e=>e.hasPage).length,endpoints:U.data.filter(e=>e.hasEndpoint).length,dynamic:U.data.filter(e=>e.params.length>0).length})),Z=r(()=>w(J)?w(W).byKey.get(w(J))?.route??null:null),Q={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 he(e){return e===`endpoint`?`green`:e.includes(`server`)?`blue`:e.includes(`layout`)?`purple`:e===`error`?`red`:`accent`}function ge(e){return e.startsWith(`[...`)?`rest`:e.startsWith(`[`)?`param`:e.startsWith(`(`)?`group`:``}function _e(e){return e.hasPage&&e.params.length===0}function ve(e){window.open(new URL(e.path,location.origin).href,`_blank`,`noopener`)}function ye(e){return(e.files.find(e=>e.type===`page`)??e.files.find(e=>e.type===`endpoint`)??e.files[0])?.path}function $(e){e&&p(e).catch(()=>{})}ne(y,{title:`Routes`,get count(){return U.data.length},toolbar:e=>{var t=P(),n=v(t);{let e=r(()=>[{value:`all`,label:`All`,count:w(X).all},{value:`pages`,label:`Pages`,count:w(X).pages},{value:`endpoints`,label:`Endpoints`,count:w(X).endpoints},{value:`dynamic`,label:`Dynamic`,count:w(X).dynamic}]);oe(n,{label:`Route kind`,get options(){return w(e)},get value(){return w(K)},set value(e){k(K,e,!0)}})}var i=f(n,2);ie(i,{placeholder:`Filter by path…`,get value(){return w(G)},set value(e){k(G,e,!0)}});var a=f(i,2);u(a,{icon:`expand`,variant:`ghost`,label:`Expand all`,onclick:()=>k(q,N(w(W).roots,{key:e=>e.key,children:e=>e.children}),!0)});var o=f(a,2);u(o,{icon:`collapse`,variant:`ghost`,label:`Collapse all`,onclick:()=>k(q,new Set([`/`]),!0)}),T(e,t)},actions:e=>{u(e,{icon:`refresh`,variant:`ghost`,label:`Rescan routes`,get disabled(){return U.busy},onclick:()=>U.refresh()})},children:(t,n)=>{{let n=e=>{var t=E(),n=v(t),i=e=>{let t=r(()=>w(Z));{let n=e=>{var n=P(),r=v(n),i=e=>{M(e,{tone:`accent`,children:(e,t)=>{C();var n=O(`page`);T(e,n)},$$slots:{default:!0}})};S(r,e=>{w(t).hasPage&&e(i)});var a=f(r,2),o=e=>{M(e,{tone:`purple`,children:(e,t)=>{C();var n=O(`layout`);T(e,n)},$$slots:{default:!0}})};S(a,e=>{w(t).hasLayout&&e(o)});var s=f(a,2),c=e=>{M(e,{tone:`green`,children:(e,t)=>{C();var n=O(`endpoint`);T(e,n)},$$slots:{default:!0}})};S(s,e=>{w(t).hasEndpoint&&e(c)});var l=f(s,2),u=e=>{M(e,{tone:`blue`,children:(e,t)=>{C();var n=O(`server load`);T(e,n)},$$slots:{default:!0}})};S(l,e=>{(w(t).hasServerPage||w(t).hasServerLayout)&&e(u)}),T(e,n)},i=e=>{var n=E(),i=v(n),a=e=>{u(e,{icon:`external`,onclick:()=>ve(w(t)),children:(e,t)=>{C();var n=O(`Open page`);T(e,n)},$$slots:{default:!0}})},o=r(()=>_e(w(t)));S(i,e=>{w(o)&&e(a)}),T(e,n)},a=r(()=>`src/routes`+(w(t).id===`/`?``:w(t).id));ae(e,{get title(){return w(t).path},get subtitle(){return w(a)},onclose:()=>k(J,null),badges:n,actions:i,children:(e,n)=>{var i=F(),a=f(v(i),2),c=f(j(a)),l=A(c,!0),u=f(c,4),d=j(u),p=e=>{var n=ce();D(n,21,()=>w(t).params,e=>e.name,(e,t)=>{{let n=r(()=>w(t).matcher?`matcher: ${w(t).matcher}`:void 0);M(e,{tone:`yellow`,get title(){return w(n)},children:(e,n)=>{C();var r=O();x(()=>g(r,`${w(t).rest?`...`:``}${w(t).name??``}${w(t).optional?`?`:``}${w(t).matcher?`=${w(t).matcher}`:``}`)),T(e,r)},$$slots:{default:!0}})}}),s(n),T(e,n)},m=e=>{var t=le();T(e,t)};S(d,e=>{w(t).params.length?e(p):e(m,-1)}),s(u),s(a);var h=f(a,2),_=f(j(h)),y=A(_,!0);s(h);var b=f(h,2);D(b,21,()=>w(t).files,e=>e.path,(e,t)=>{var n=ue(),i=j(n),a=j(i);{let e=r(()=>he(w(t).type));M(a,{get tone(){return w(e)},children:(e,n)=>{C();var r=O();x(()=>g(r,Q[w(t).type]??w(t).type)),T(e,r)},$$slots:{default:!0}})}var c=f(a,2),l=A(c,!0);s(i),s(n),x(()=>{o(i,`title`,`Open ${w(t).path??``} in editor`),g(l,w(t).path)}),ee(`click`,i,()=>$(w(t).path)),T(e,n)}),s(b),x(()=>{g(l,w(t).pattern),g(y,w(t).files.length)}),T(e,i)},$$slots:{badges:!0,actions:!0,default:!0}})}};S(n,e=>{w(Z)&&e(i)}),T(e,t)},a=r(()=>!!w(Z));re(t,{id:`routes`,get open(){return w(a)},aside:n,children:(t,n)=>{{let n=(t,n=l)=>{var r=H(),i=v(r);let a;var o=j(i);e(o,{get text(){return n().segment},get query(){return w(G)}}),s(i);var c=f(i,2),u=t=>{var r=V(),i=v(r),a=j(i),o=e=>{var t=I();T(e,t)};S(a,e=>{n().route.hasPage&&e(o)});var c=f(a,2),l=e=>{var t=L();T(e,t)};S(c,e=>{n().route.hasLayout&&e(l)});var u=f(c,2),d=e=>{var t=R();T(e,t)};S(u,e=>{(n().route.hasServerPage||n().route.hasServerLayout)&&e(d)});var p=f(u,2),m=e=>{var t=z();T(e,t)};S(p,e=>{(n().route.hasPageLoad||n().route.hasLayoutLoad)&&e(m)});var h=f(p,2),g=e=>{var t=B();T(e,t)};S(h,e=>{n().route.hasEndpoint&&e(g)}),s(i);var _=f(i,2),y=j(_);e(y,{get text(){return n().route.path},get query(){return w(G)}}),s(_),T(t,r)};S(c,e=>{n().route&&e(u)}),x(e=>a=d(i,1,`seg ${e??``}`,`svelte-yu3l91`,a,{dir:!n().route}),[()=>ge(n().segment)]),T(t,r)},a=e=>{var t=E(),n=v(t),r=e=>{i(e,{title:`Scanning src/routes…`})},a=e=>{i(e,{icon:`errors`,tone:`error`,title:`Could not read routes`,children:(e,t)=>{var n=de(),r=A(n,!0);x(()=>g(r,U.error)),T(e,n)},$$slots:{default:!0}})},o=e=>{i(e,{icon:`routes`,title:`No routes found`,children:(e,t)=>{var n=fe();T(e,n)},$$slots:{default:!0}})},s=e=>{i(e,{icon:`search`,title:`No routes match`})};S(n,e=>{U.loading?e(r):U.error?e(a,1):U.data.length===0?e(o,2):e(s,-1)}),T(e,t)},o=r(()=>U.data.length?w(W).roots:[]);se(t,{get roots(){return w(o)},getKey:e=>e.key,getChildren:e=>e.children,get filter(){return w(me)},label:`Route tree`,onactivate:e=>e.route&&$(ye(e.route)),get expanded(){return w(q)},set expanded(e){k(q,e,!0)},get selected(){return w(J)},set selected(e){k(J,e,!0)},row:n,empty:a,$$slots:{row:!0,empty:!0}})}},$$slots:{aside:!0,default:!0}})}},$$slots:{toolbar:!0,actions:!0,default:!0}}),te()}b([`click`]);export{U as default};
1
+ import{A as e,At as t,Ct as n,Dt as r,F as i,I as a,J as o,Mt as s,N as c,Nt as l,P as u,Q as d,St as f,T as p,Tt as m,_t as h,at as g,b as _,bt as v,ct as y,dt as b,ft as ee,gt as x,it as S,jt as C,kt as te,mt as w,ot as T,st as E,tt as D,ut as O,wt as k,xt as A,yt as j}from"./index-CuoAAt-d.js";import{n as ne,t as M}from"./Badge-x4Lbd8pc.js";import{t as re}from"./SplitView-DVk1HAf9.js";import{t as ie}from"./SearchField-D85HSGV_.js";import{t as ae}from"./Inspector-C4wr2Zb4.js";import{t as oe}from"./Segmented-BCcIUjA2.js";import{n as N,t as se}from"./TreeView-e7dNH8HW.js";var P=y(`<!> <!> <!> <!>`,1),ce=y(`<span class="params svelte-yu3l91"></span>`),le=y(`<span class="faint">none</span>`),ue=y(`<li><button><!> <span class="sub truncate mono svelte-yu3l91"> </span></button></li>`),F=y(`<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=y(`<span class="k page svelte-yu3l91" title="+page.svelte">P</span>`),L=y(`<span class="k layout svelte-yu3l91" title="+layout.svelte">L</span>`),R=y(`<span class="k server svelte-yu3l91" title="server load">S</span>`),z=y(`<span class="k load svelte-yu3l91" title="universal load">U</span>`),B=y(`<span class="k api svelte-yu3l91" title="+server endpoint">API</span>`),V=y(`<span class="kinds svelte-yu3l91"><!> <!> <!> <!> <!></span> <span class="path truncate svelte-yu3l91"><!></span>`,1),H=y(`<span><!></span> <!>`,1),de=y(`<p class="mono"> </p>`),fe=y(`<p>Routes appear here for SvelteKit projects with a <code>src/routes</code> directory.</p>`);function U(y,b){t(b,!0);let U=a(_,{initial:[]}),W=r(()=>{let e={key:`/`,segment:`/`,route:null,children:[]},t=new Map([[`/`,e]]),n=[...U.data].sort((e,t)=>e.id.localeCompare(t.id));for(let r of n){if(r.id===`/`){e.route=r;continue}let n=e,i=``;for(let e of r.id.split(`/`).filter(Boolean)){i+=`/`+e;let r=t.get(i);r||(r={key:i,segment:e,route:null,children:[]},t.set(i,r),n.children.push(r)),n=r}n.route=r}return{roots:[e],byKey:t}}),G=m(``),K=m(`all`),q=m(n(new Set([`/`]))),J=m(null),Y=!1;h(()=>{Y||U.data.length===0||(Y=!0,k(q,U.data.length<=60?N(w(W).roots,{key:e=>e.key,children:e=>e.children}):new Set([`/`,...w(W).roots[0].children.map(e=>e.key)]),!0))});let pe=r(()=>w(K)===`pages`?e=>e.hasPage:w(K)===`endpoints`?e=>e.hasEndpoint:w(K)===`dynamic`?e=>e.params.length>0:null),me=r(()=>{let e=c(w(G)),t=w(pe);return!e&&!t?null:n=>!!n.route&&(!t||t(n.route))&&(!e||e(n.route.path,n.route.id))}),X=r(()=>({all:U.data.length,pages:U.data.filter(e=>e.hasPage).length,endpoints:U.data.filter(e=>e.hasEndpoint).length,dynamic:U.data.filter(e=>e.params.length>0).length})),Z=r(()=>w(J)?w(W).byKey.get(w(J))?.route??null:null),Q={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 he(e){return e===`endpoint`?`green`:e.includes(`server`)?`blue`:e.includes(`layout`)?`purple`:e===`error`?`red`:`accent`}function ge(e){return e.startsWith(`[...`)?`rest`:e.startsWith(`[`)?`param`:e.startsWith(`(`)?`group`:``}function _e(e){return e.hasPage&&e.params.length===0}function ve(e){window.open(new URL(e.path,location.origin).href,`_blank`,`noopener`)}function ye(e){return(e.files.find(e=>e.type===`page`)??e.files.find(e=>e.type===`endpoint`)??e.files[0])?.path}function $(e){e&&p(e).catch(()=>{})}ne(y,{title:`Routes`,get count(){return U.data.length},toolbar:e=>{var t=P(),n=v(t);{let e=r(()=>[{value:`all`,label:`All`,count:w(X).all},{value:`pages`,label:`Pages`,count:w(X).pages},{value:`endpoints`,label:`Endpoints`,count:w(X).endpoints},{value:`dynamic`,label:`Dynamic`,count:w(X).dynamic}]);oe(n,{label:`Route kind`,get options(){return w(e)},get value(){return w(K)},set value(e){k(K,e,!0)}})}var i=f(n,2);ie(i,{placeholder:`Filter by path…`,get value(){return w(G)},set value(e){k(G,e,!0)}});var a=f(i,2);u(a,{icon:`expand`,variant:`ghost`,label:`Expand all`,onclick:()=>k(q,N(w(W).roots,{key:e=>e.key,children:e=>e.children}),!0)});var o=f(a,2);u(o,{icon:`collapse`,variant:`ghost`,label:`Collapse all`,onclick:()=>k(q,new Set([`/`]),!0)}),T(e,t)},actions:e=>{u(e,{icon:`refresh`,variant:`ghost`,label:`Rescan routes`,get disabled(){return U.busy},onclick:()=>U.refresh()})},children:(t,n)=>{{let n=e=>{var t=E(),n=v(t),i=e=>{let t=r(()=>w(Z));{let n=e=>{var n=P(),r=v(n),i=e=>{M(e,{tone:`accent`,children:(e,t)=>{C();var n=O(`page`);T(e,n)},$$slots:{default:!0}})};S(r,e=>{w(t).hasPage&&e(i)});var a=f(r,2),o=e=>{M(e,{tone:`purple`,children:(e,t)=>{C();var n=O(`layout`);T(e,n)},$$slots:{default:!0}})};S(a,e=>{w(t).hasLayout&&e(o)});var s=f(a,2),c=e=>{M(e,{tone:`green`,children:(e,t)=>{C();var n=O(`endpoint`);T(e,n)},$$slots:{default:!0}})};S(s,e=>{w(t).hasEndpoint&&e(c)});var l=f(s,2),u=e=>{M(e,{tone:`blue`,children:(e,t)=>{C();var n=O(`server load`);T(e,n)},$$slots:{default:!0}})};S(l,e=>{(w(t).hasServerPage||w(t).hasServerLayout)&&e(u)}),T(e,n)},i=e=>{var n=E(),i=v(n),a=e=>{u(e,{icon:`external`,onclick:()=>ve(w(t)),children:(e,t)=>{C();var n=O(`Open page`);T(e,n)},$$slots:{default:!0}})},o=r(()=>_e(w(t)));S(i,e=>{w(o)&&e(a)}),T(e,n)},a=r(()=>`src/routes`+(w(t).id===`/`?``:w(t).id));ae(e,{get title(){return w(t).path},get subtitle(){return w(a)},onclose:()=>k(J,null),badges:n,actions:i,children:(e,n)=>{var i=F(),a=f(v(i),2),c=f(j(a)),l=A(c,!0),u=f(c,4),d=j(u),p=e=>{var n=ce();D(n,21,()=>w(t).params,e=>e.name,(e,t)=>{{let n=r(()=>w(t).matcher?`matcher: ${w(t).matcher}`:void 0);M(e,{tone:`yellow`,get title(){return w(n)},children:(e,n)=>{C();var r=O();x(()=>g(r,`${w(t).rest?`...`:``}${w(t).name??``}${w(t).optional?`?`:``}${w(t).matcher?`=${w(t).matcher}`:``}`)),T(e,r)},$$slots:{default:!0}})}}),s(n),T(e,n)},m=e=>{var t=le();T(e,t)};S(d,e=>{w(t).params.length?e(p):e(m,-1)}),s(u),s(a);var h=f(a,2),_=f(j(h)),y=A(_,!0);s(h);var b=f(h,2);D(b,21,()=>w(t).files,e=>e.path,(e,t)=>{var n=ue(),i=j(n),a=j(i);{let e=r(()=>he(w(t).type));M(a,{get tone(){return w(e)},children:(e,n)=>{C();var r=O();x(()=>g(r,Q[w(t).type]??w(t).type)),T(e,r)},$$slots:{default:!0}})}var c=f(a,2),l=A(c,!0);s(i),s(n),x(()=>{o(i,`title`,`Open ${w(t).path??``} in editor`),g(l,w(t).path)}),ee(`click`,i,()=>$(w(t).path)),T(e,n)}),s(b),x(()=>{g(l,w(t).pattern),g(y,w(t).files.length)}),T(e,i)},$$slots:{badges:!0,actions:!0,default:!0}})}};S(n,e=>{w(Z)&&e(i)}),T(e,t)},a=r(()=>!!w(Z));re(t,{id:`routes`,get open(){return w(a)},aside:n,children:(t,n)=>{{let n=(t,n=l)=>{var r=H(),i=v(r);let a;var o=j(i);e(o,{get text(){return n().segment},get query(){return w(G)}}),s(i);var c=f(i,2),u=t=>{var r=V(),i=v(r),a=j(i),o=e=>{var t=I();T(e,t)};S(a,e=>{n().route.hasPage&&e(o)});var c=f(a,2),l=e=>{var t=L();T(e,t)};S(c,e=>{n().route.hasLayout&&e(l)});var u=f(c,2),d=e=>{var t=R();T(e,t)};S(u,e=>{(n().route.hasServerPage||n().route.hasServerLayout)&&e(d)});var p=f(u,2),m=e=>{var t=z();T(e,t)};S(p,e=>{(n().route.hasPageLoad||n().route.hasLayoutLoad)&&e(m)});var h=f(p,2),g=e=>{var t=B();T(e,t)};S(h,e=>{n().route.hasEndpoint&&e(g)}),s(i);var _=f(i,2),y=j(_);e(y,{get text(){return n().route.path},get query(){return w(G)}}),s(_),T(t,r)};S(c,e=>{n().route&&e(u)}),x(e=>a=d(i,1,`seg ${e??``}`,`svelte-yu3l91`,a,{dir:!n().route}),[()=>ge(n().segment)]),T(t,r)},a=e=>{var t=E(),n=v(t),r=e=>{i(e,{title:`Scanning src/routes…`})},a=e=>{i(e,{icon:`errors`,tone:`error`,title:`Could not read routes`,children:(e,t)=>{var n=de(),r=A(n,!0);x(()=>g(r,U.error)),T(e,n)},$$slots:{default:!0}})},o=e=>{i(e,{icon:`routes`,title:`No routes found`,children:(e,t)=>{var n=fe();T(e,n)},$$slots:{default:!0}})},s=e=>{i(e,{icon:`search`,title:`No routes match`})};S(n,e=>{U.loading?e(r):U.error?e(a,1):U.data.length===0?e(o,2):e(s,-1)}),T(e,t)},o=r(()=>U.data.length?w(W).roots:[]);se(t,{get roots(){return w(o)},getKey:e=>e.key,getChildren:e=>e.children,get filter(){return w(me)},label:`Route tree`,onactivate:e=>e.route&&$(ye(e.route)),get expanded(){return w(q)},set expanded(e){k(q,e,!0)},get selected(){return w(J)},set selected(e){k(J,e,!0)},row:n,empty:a,$$slots:{row:!0,empty:!0}})}},$$slots:{aside:!0,default:!0}})}},$$slots:{toolbar:!0,actions:!0,default:!0}}),te()}b([`click`]);export{U as default};
@@ -1 +1 @@
1
- import{At as e,B as t,J as n,L as r,Mt as i,St as a,Tt as o,U as s,V as c,at as l,ct as u,dt as d,ft as f,gt as p,it as m,kt as h,mt as g,ot as _,q as v,wt as y,xt as b,yt as x}from"./index-BzMw8R8l.js";var S=u(`<span class="hits num svelte-13x9cek" aria-live="polite"> </span>`),C=u(`<kbd class="hint svelte-13x9cek" aria-hidden="true">/</kbd>`),w=u(`<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(u,d){e(d,!0);let T=t(d,`value`,15,``),E=t(d,`placeholder`,3,`Filter…`),D=t(d,`label`,3,`Filter`),O=t(d,`count`,3,null),k=o(null);function A(e){if(e.key===`Escape`&&T())e.stopPropagation(),T(``);else if(e.key===`ArrowDown`){let t=(g(k)?.closest(`section`))?.querySelector(`[role="listbox"],[role="tree"]`);t&&(e.preventDefault(),t.focus())}}var j=w(),M=x(j);r(M,{name:`search`,size:13});var N=a(M,2),P=b(N,!0),F=a(N,2);v(F),c(F,e=>y(k,e),()=>g(k));var I=a(F,2),L=e=>{var t=S(),n=b(t,!0);p(()=>l(n,O())),_(e,t)},R=e=>{var t=C();_(e,t)};m(I,e=>{T()&&O()!=null?e(L):T()||e(R,1)}),i(j),p(()=>{l(P,D()),n(F,`placeholder`,E())}),f(`keydown`,F,A),s(F,T),_(u,j),h()}d([`keydown`]);export{T as t};
1
+ import{At as e,B as t,J as n,L as r,Mt as i,St as a,Tt as o,U as s,V as c,at as l,ct as u,dt as d,ft as f,gt as p,it as m,kt as h,mt as g,ot as _,q as v,wt as y,xt as b,yt as x}from"./index-CuoAAt-d.js";var S=u(`<span class="hits num svelte-13x9cek" aria-live="polite"> </span>`),C=u(`<kbd class="hint svelte-13x9cek" aria-hidden="true">/</kbd>`),w=u(`<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(u,d){e(d,!0);let T=t(d,`value`,15,``),E=t(d,`placeholder`,3,`Filter…`),D=t(d,`label`,3,`Filter`),O=t(d,`count`,3,null),k=o(null);function A(e){if(e.key===`Escape`&&T())e.stopPropagation(),T(``);else if(e.key===`ArrowDown`){let t=(g(k)?.closest(`section`))?.querySelector(`[role="listbox"],[role="tree"]`);t&&(e.preventDefault(),t.focus())}}var j=w(),M=x(j);r(M,{name:`search`,size:13});var N=a(M,2),P=b(N,!0),F=a(N,2);v(F),c(F,e=>y(k,e),()=>g(k));var I=a(F,2),L=e=>{var t=S(),n=b(t,!0);p(()=>l(n,O())),_(e,t)},R=e=>{var t=C();_(e,t)};m(I,e=>{T()&&O()!=null?e(L):T()||e(R,1)}),i(j),p(()=>{l(P,D()),n(F,`placeholder`,E())}),f(`keydown`,F,A),s(F,T),_(u,j),h()}d([`keydown`]);export{T as t};
@@ -1 +1 @@
1
- import{At as e,B as t,J as n,Mt as r,St as i,at as a,ct as o,dt as s,ft as c,gt as l,it as u,kt as d,mt as f,ot as p,tt as m,xt as h,yt as g}from"./index-BzMw8R8l.js";var _=o(`<span class="n num svelte-1lde95s"> </span>`),v=o(`<button type="button" role="radio" class="svelte-1lde95s"> <!></button>`),y=o(`<div class="seg svelte-1lde95s" role="radiogroup" tabindex="-1"></div>`);function b(o,s){e(s,!0);let b=t(s,`value`,15);function x(e){let t=s.options.findIndex(e=>e.value===b()),n=t;if(e.key===`ArrowRight`||e.key===`ArrowDown`)n=(t+1)%s.options.length;else if(e.key===`ArrowLeft`||e.key===`ArrowUp`)n=(t-1+s.options.length)%s.options.length;else return;e.preventDefault(),b(s.options[n].value);let r=e.currentTarget;queueMicrotask(()=>r.querySelector(`[aria-checked="true"]`)?.focus())}var S=y();m(S,21,()=>s.options,e=>e.value,(e,t)=>{var o=v(),s=g(o),d=i(s),m=e=>{var n=_(),r=h(n,!0);l(()=>a(r,f(t).count)),p(e,n)};u(d,e=>{f(t).count!=null&&e(m)}),r(o),l(()=>{n(o,`aria-checked`,f(t).value===b()),n(o,`tabindex`,f(t).value===b()?0:-1),a(s,`${f(t).label??``} `)}),c(`click`,o,()=>b(f(t).value)),p(e,o)}),r(S),l(()=>n(S,`aria-label`,s.label)),c(`keydown`,S,x),p(o,S),d()}s([`keydown`,`click`]);export{b as t};
1
+ import{At as e,B as t,J as n,Mt as r,St as i,at as a,ct as o,dt as s,ft as c,gt as l,it as u,kt as d,mt as f,ot as p,tt as m,xt as h,yt as g}from"./index-CuoAAt-d.js";var _=o(`<span class="n num svelte-1lde95s"> </span>`),v=o(`<button type="button" role="radio" class="svelte-1lde95s"> <!></button>`),y=o(`<div class="seg svelte-1lde95s" role="radiogroup" tabindex="-1"></div>`);function b(o,s){e(s,!0);let b=t(s,`value`,15);function x(e){let t=s.options.findIndex(e=>e.value===b()),n=t;if(e.key===`ArrowRight`||e.key===`ArrowDown`)n=(t+1)%s.options.length;else if(e.key===`ArrowLeft`||e.key===`ArrowUp`)n=(t-1+s.options.length)%s.options.length;else return;e.preventDefault(),b(s.options[n].value);let r=e.currentTarget;queueMicrotask(()=>r.querySelector(`[aria-checked="true"]`)?.focus())}var S=y();m(S,21,()=>s.options,e=>e.value,(e,t)=>{var o=v(),s=g(o),d=i(s),m=e=>{var n=_(),r=h(n,!0);l(()=>a(r,f(t).count)),p(e,n)};u(d,e=>{f(t).count!=null&&e(m)}),r(o),l(()=>{n(o,`aria-checked`,f(t).value===b()),n(o,`tabindex`,f(t).value===b()?0:-1),a(s,`${f(t).label??``} `)}),c(`click`,o,()=>b(f(t).value)),p(e,o)}),r(S),l(()=>n(S,`aria-label`,s.label)),c(`keydown`,S,x),p(o,S),d()}s([`keydown`,`click`]);export{b as t};
@@ -1 +1 @@
1
- import{$ as e,At as t,B as n,Dt as r,H as i,J as a,Mt as o,Q as s,R as c,St as l,Tt as u,Z as d,bt as f,ct as p,dt as m,ft as h,gt as g,it as _,kt as v,mt as y,ot as b,wt as x,yt as S}from"./index-BzMw8R8l.js";var C=p(`<div class="handle svelte-10qqxh5" role="separator" aria-label="Resize panel" tabindex="0"></div> <div class="aside svelte-10qqxh5"><!></div>`,1),w=p(`<div><div class="main svelte-10qqxh5"><!></div> <!></div>`);function T(p,m){t(m,!0);let T=n(m,`open`,3,!0),E=n(m,`initial`,3,360),D=n(m,`min`,3,220),O=n(m,`stackBelow`,3,760),k=n(m,`side`,3,`end`),A=c(`split:${m.id}`,E()),j=u(0),M=u(0),N=u(!1),P=r(()=>y(j)>0&&y(j)<O()),F=r(()=>y(P)?y(M):y(j)),I=r(()=>Math.max(D(),Math.min(A.value,Math.max(D(),y(F)-D()))));function L(e){let t=e.currentTarget;t.setPointerCapture(e.pointerId),x(N,!0);let n=y(P)?e.clientY:e.clientX,r=y(I),i=y(P)||k()===`end`?-1:1,a=e=>{let t=(y(P)?e.clientY:e.clientX)-n;A.value=Math.round(r+i*t)},o=()=>{x(N,!1),t.removeEventListener(`pointermove`,a),t.removeEventListener(`pointerup`,o),t.removeEventListener(`pointercancel`,o),A.value=y(I)};t.addEventListener(`pointermove`,a),t.addEventListener(`pointerup`,o),t.addEventListener(`pointercancel`,o)}function R(e){let t=e.shiftKey?64:16,n=k()===`end`||y(P)?[`ArrowLeft`,`ArrowUp`]:[`ArrowRight`,`ArrowDown`],r=k()===`end`||y(P)?[`ArrowRight`,`ArrowDown`]:[`ArrowLeft`,`ArrowUp`];if(n.includes(e.key))A.value=y(I)+t;else if(r.includes(e.key))A.value=y(I)-t;else return;e.preventDefault()}var z=w();let B,V;var H=S(z),U=S(H);e(U,()=>m.children),o(H);var W=l(H,2),G=t=>{var n=C(),r=f(n),i=l(r,2),s=S(i);e(s,()=>m.aside),o(i),g(()=>{a(r,`aria-orientation`,y(P)?`horizontal`:`vertical`),a(r,`aria-valuenow`,y(I)),a(r,`aria-valuemin`,D())}),h(`pointerdown`,r,L),h(`keydown`,r,R),b(t,n)};_(W,e=>{T()&&e(G)}),o(z),g(()=>{B=s(z,1,`split svelte-10qqxh5`,null,B,{stacked:y(P),start:k()===`start`,dragging:y(N)}),V=d(z,``,V,{"--side":`${y(I)??``}px`})}),i(z,`clientWidth`,e=>x(j,e)),i(z,`clientHeight`,e=>x(M,e)),b(p,z),v()}m([`pointerdown`,`keydown`]);export{T as t};
1
+ import{$ as e,At as t,B as n,Dt as r,H as i,J as a,Mt as o,Q as s,R as c,St as l,Tt as u,Z as d,bt as f,ct as p,dt as m,ft as h,gt as g,it as _,kt as v,mt as y,ot as b,wt as x,yt as S}from"./index-CuoAAt-d.js";var C=p(`<div class="handle svelte-10qqxh5" role="separator" aria-label="Resize panel" tabindex="0"></div> <div class="aside svelte-10qqxh5"><!></div>`,1),w=p(`<div><div class="main svelte-10qqxh5"><!></div> <!></div>`);function T(p,m){t(m,!0);let T=n(m,`open`,3,!0),E=n(m,`initial`,3,360),D=n(m,`min`,3,220),O=n(m,`stackBelow`,3,760),k=n(m,`side`,3,`end`),A=c(`split:${m.id}`,E()),j=u(0),M=u(0),N=u(!1),P=r(()=>y(j)>0&&y(j)<O()),F=r(()=>y(P)?y(M):y(j)),I=r(()=>Math.max(D(),Math.min(A.value,Math.max(D(),y(F)-D()))));function L(e){let t=e.currentTarget;t.setPointerCapture(e.pointerId),x(N,!0);let n=y(P)?e.clientY:e.clientX,r=y(I),i=y(P)||k()===`end`?-1:1,a=e=>{let t=(y(P)?e.clientY:e.clientX)-n;A.value=Math.round(r+i*t)},o=()=>{x(N,!1),t.removeEventListener(`pointermove`,a),t.removeEventListener(`pointerup`,o),t.removeEventListener(`pointercancel`,o),A.value=y(I)};t.addEventListener(`pointermove`,a),t.addEventListener(`pointerup`,o),t.addEventListener(`pointercancel`,o)}function R(e){let t=e.shiftKey?64:16,n=k()===`end`||y(P)?[`ArrowLeft`,`ArrowUp`]:[`ArrowRight`,`ArrowDown`],r=k()===`end`||y(P)?[`ArrowRight`,`ArrowDown`]:[`ArrowLeft`,`ArrowUp`];if(n.includes(e.key))A.value=y(I)+t;else if(r.includes(e.key))A.value=y(I)-t;else return;e.preventDefault()}var z=w();let B,V;var H=S(z),U=S(H);e(U,()=>m.children),o(H);var W=l(H,2),G=t=>{var n=C(),r=f(n),i=l(r,2),s=S(i);e(s,()=>m.aside),o(i),g(()=>{a(r,`aria-orientation`,y(P)?`horizontal`:`vertical`),a(r,`aria-valuenow`,y(I)),a(r,`aria-valuemin`,D())}),h(`pointerdown`,r,L),h(`keydown`,r,R),b(t,n)};_(W,e=>{T()&&e(G)}),o(z),g(()=>{B=s(z,1,`split svelte-10qqxh5`,null,B,{stacked:y(P),start:k()===`start`,dragging:y(N)}),V=d(z,``,V,{"--side":`${y(I)??``}px`})}),i(z,`clientWidth`,e=>x(j,e)),i(z,`clientHeight`,e=>x(M,e)),b(p,z),v()}m([`pointerdown`,`keydown`]);export{T as t};
@@ -1 +1 @@
1
- import{A as e,At as t,Dt as n,E as r,F as i,I as a,J as o,M as s,Mt as c,P as l,S as u,St as d,Tt as f,at as p,bt as m,ct as h,gt as g,i as _,it as v,j as y,jt as b,kt as x,mt as S,ot as C,st as w,ut as T,wt as E,xt as D,yt as O}from"./index-BzMw8R8l.js";import{a as k,c as A,n as ee,s as j}from"./format-CW_NXiBg.js";import{n as te,t as M}from"./Badge-CBVv8IFU.js";import{t as N}from"./SplitView-B8lYXXEm.js";import{t as ne}from"./VirtualList-BvOBTnYJ.js";import{t as re}from"./SearchField-eocQu1eB.js";import{t as ie}from"./Inspector-DGmAzhki.js";import{n as ae,t as oe}from"./versions-CZjRj40E.js";import{t as se}from"./CaptureNotice-BeXCVhO0.js";import{t as ce}from"./capture.svelte-CUhwdJwX.js";import{n as P}from"./reactive-C2hv2QLH.js";var F=h(`<span class="baseline svelte-1gmwyjx" role="status"> </span>`),I=h(`<!> <!> <!> <span class="summary svelte-1gmwyjx"> </span> <span class="summary svelte-1gmwyjx"></span>`,1),L=h(`<!> <!>`,1),R=h(`<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),le=h(`<span class="old svelte-1gmwyjx"> </span><span class="arrow svelte-1gmwyjx">→</span>`,1),ue=h(`<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),de=h(`<p>Interact with your app — every <code>$state</code> write is recorded here, newest first.</p>`),fe=h(`<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(h,z){t(z,!0);let B,V,H=[],U=e=>{let t=e,n=t.serverId??t.instanceId;return n==null?void 0:String(n)};async function pe(){let e=await u(B),t=U(e),n=H.at(-1)?.seq,r=!e.reset&&B!==void 0&&(t!==void 0&&V!==void 0&&t!==V||e.cursor<B||e.changes.length>0&&n!==void 0&&e.changes[0].seq<=n);return r&&(e=await u(void 0)),V=U(e),B=e.cursor,e.reset||r?H=e.changes.slice(-500):e.changes.length&&(H=H.concat(e.changes).slice(-500)),H}let W=a(pe,{initial:[],interval:1e3,version:oe(`stateTimeline`),equals:(e,t)=>e===t}),G=ce(1e3),K=f(``),q=f(null),J=new WeakMap;function Y(e){let t=J.get(e);return t||(t={old:e.oldValue===null?``:j(e.oldValue,40),next:j(e.newValue,80),hay:y(e.name,e.componentFile,j(e.newValue,200))},J.set(e,t)),t}let X=n(()=>{let e=[],t=s(S(K)),n=W.data;for(let r=n.length-1;r>=0;r--){let i=n[r];(!t||t(Y(i).hay))&&e.push({key:String(i.seq),c:i})}return e}),Z=n(()=>S(q)?S(X).find(e=>e.key===S(q))?.c??null:null),Q=n(()=>new Set(W.data.map(e=>e.id)).size);async function me(){await _().catch(()=>{}),B=void 0,H=[],W.set(H),E(q,null)}function $(e){r(e.componentFile,e.name,`state`).catch(()=>{})}te(h,{title:`State timeline`,get count(){return W.data.length},toolbar:e=>{var t=I(),r=m(t);re(r,{placeholder:`Filter by signal, component or value…`,get count(){return S(X).length},get value(){return S(K)},set value(e){E(K,e,!0)}});var i=d(r,2);se(i,{get info(){return G.data.stateTimeline},noun:`changes`});var a=d(i,2),s=e=>{var t=F(),n=D(t,!0);g(e=>p(n,e),[()=>P(G.data.stateTimeline?.baseline)]),C(e,t)},c=n(()=>P(G.data.stateTimeline?.baseline));v(a,e=>{S(c)&&e(s)});var l=d(a,2),u=D(l),f=d(l,2);o(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`,g(()=>p(u,`${S(Q)??``} signal${S(Q)===1?``:`s`}`)),C(e,t)},actions:e=>{ae(e,{get res(){return W},onclear:me})},children:(t,r)=>{{let r=e=>{var t=w(),r=m(t),i=e=>{ie(e,{get title(){return S(Z).name},get subtitle(){return S(Z).componentFile},onclose:()=>E(q,null),badges:e=>{var t=L(),r=m(t);{let e=n(()=>S(Z).oldValue===null?`green`:`blue`);M(r,{get tone(){return S(e)},children:(e,t)=>{b();var n=T();g(()=>p(n,S(Z).oldValue===null?`init`:`update`)),C(e,n)},$$slots:{default:!0}})}var i=d(r,2);M(i,{children:(e,t)=>{b();var n=T();g(e=>p(n,e),[()=>k(S(Z).timestamp,!0)]),C(e,n)},$$slots:{default:!0}}),C(e,t)},actions:e=>{l(e,{icon:`editor`,onclick:()=>$(S(Z)),children:(e,t)=>{b();var n=T(`Go to definition`);C(e,n)},$$slots:{default:!0}})},children:(e,t)=>{var n=R(),r=d(m(n),2),i=D(r,!0),a=d(r,4),o=D(a,!0);g((e,t)=>{p(i,e),p(o,t)},[()=>A(S(Z).oldValue),()=>A(S(Z).newValue)]),C(e,n)},$$slots:{badges:!0,actions:!0,default:!0}})};v(r,e=>{S(Z)&&e(i)}),C(e,t)},a=n(()=>!!S(Z));N(t,{id:`timeline`,get open(){return S(a)},aside:r,children:(t,r)=>{var a=fe(),o=d(O(a),2),s=O(o);ne(s,{get items(){return S(X)},getKey:e=>e.key,label:`State changes, newest first`,onactivate:e=>$(e.c),get selected(){return S(q)},set selected(e){E(q,e,!0)},row:(t,r)=>{let i=()=>(r?.()).c;var a=ue(),o=m(a),s=D(o,!0),l=d(o,2),u=O(l),f=O(u);e(f,{get text(){return i().name},get query(){return S(K)}}),c(u);var h=d(u,2),_=O(h);{let t=n(()=>ee(i().componentFile));e(_,{get text(){return S(t)},get query(){return S(K)}})}c(h),c(l);var y=d(l,2),x=O(y),w=e=>{M(e,{tone:`green`,children:(e,t)=>{b();var n=T(`init`);C(e,n)},$$slots:{default:!0}})},E=e=>{var t=le(),n=m(t),r=D(n,!0);b(),g(e=>p(r,e),[()=>Y(i()).old]),C(e,t)};v(x,e=>{i().oldValue===null?e(w):e(E,-1)});var A=d(x,2),j=O(A);{let t=n(()=>Y(i()).next);e(j,{get text(){return S(t)},get query(){return S(K)}})}c(A),c(y),g(e=>p(s,e),[()=>k(i().timestamp,!0)]),C(t,a)},empty:e=>{var t=w(),n=m(t),r=e=>{i(e,{icon:`timeline`,title:`No state changes yet`,children:(e,t)=>{var n=de();C(e,n)},$$slots:{default:!0}})},a=e=>{i(e,{icon:`search`,title:`No changes match`})};v(n,e=>{W.data.length===0?e(r):e(a,-1)}),C(e,t)},$$slots:{row:!0,empty:!0}}),c(o),c(a),C(t,a)},$$slots:{aside:!0,default:!0}})}},$$slots:{toolbar:!0,actions:!0,default:!0}}),x()}export{z as default};
1
+ import{A as e,At as t,Dt as n,E as r,F as i,I as a,J as o,M as s,Mt as c,P as l,S as u,St as d,Tt as f,at as p,bt as m,ct as h,gt as g,i as _,it as v,j as y,jt as b,kt as x,mt as S,ot as C,st as w,ut as T,wt as E,xt as D,yt as O}from"./index-CuoAAt-d.js";import{a as k,c as A,n as ee,s as j}from"./format-CW_NXiBg.js";import{n as te,t as M}from"./Badge-x4Lbd8pc.js";import{t as N}from"./SplitView-DVk1HAf9.js";import{t as ne}from"./VirtualList-Ba0GhFn8.js";import{t as re}from"./SearchField-D85HSGV_.js";import{t as ie}from"./Inspector-C4wr2Zb4.js";import{n as ae,t as oe}from"./versions-zyEGB_mz.js";import{t as se}from"./CaptureNotice-D0u6WNeR.js";import{t as ce}from"./capture.svelte-fve1ihQA.js";import{n as P}from"./reactive-BSjTkgqc.js";var F=h(`<span class="baseline svelte-1gmwyjx" role="status"> </span>`),I=h(`<!> <!> <!> <span class="summary svelte-1gmwyjx"> </span> <span class="summary svelte-1gmwyjx"></span>`,1),L=h(`<!> <!>`,1),R=h(`<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),le=h(`<span class="old svelte-1gmwyjx"> </span><span class="arrow svelte-1gmwyjx">→</span>`,1),ue=h(`<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),de=h(`<p>Interact with your app — every <code>$state</code> write is recorded here, newest first.</p>`),fe=h(`<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(h,z){t(z,!0);let B,V,H=[],U=e=>{let t=e,n=t.serverId??t.instanceId;return n==null?void 0:String(n)};async function pe(){let e=await u(B),t=U(e),n=H.at(-1)?.seq,r=!e.reset&&B!==void 0&&(t!==void 0&&V!==void 0&&t!==V||e.cursor<B||e.changes.length>0&&n!==void 0&&e.changes[0].seq<=n);return r&&(e=await u(void 0)),V=U(e),B=e.cursor,e.reset||r?H=e.changes.slice(-500):e.changes.length&&(H=H.concat(e.changes).slice(-500)),H}let W=a(pe,{initial:[],interval:1e3,version:oe(`stateTimeline`),equals:(e,t)=>e===t}),G=ce(1e3),K=f(``),q=f(null),J=new WeakMap;function Y(e){let t=J.get(e);return t||(t={old:e.oldValue===null?``:j(e.oldValue,40),next:j(e.newValue,80),hay:y(e.name,e.componentFile,j(e.newValue,200))},J.set(e,t)),t}let X=n(()=>{let e=[],t=s(S(K)),n=W.data;for(let r=n.length-1;r>=0;r--){let i=n[r];(!t||t(Y(i).hay))&&e.push({key:String(i.seq),c:i})}return e}),Z=n(()=>S(q)?S(X).find(e=>e.key===S(q))?.c??null:null),Q=n(()=>new Set(W.data.map(e=>e.id)).size);async function me(){await _().catch(()=>{}),B=void 0,H=[],W.set(H),E(q,null)}function $(e){r(e.componentFile,e.name,`state`).catch(()=>{})}te(h,{title:`State timeline`,get count(){return W.data.length},toolbar:e=>{var t=I(),r=m(t);re(r,{placeholder:`Filter by signal, component or value…`,get count(){return S(X).length},get value(){return S(K)},set value(e){E(K,e,!0)}});var i=d(r,2);se(i,{get info(){return G.data.stateTimeline},noun:`changes`});var a=d(i,2),s=e=>{var t=F(),n=D(t,!0);g(e=>p(n,e),[()=>P(G.data.stateTimeline?.baseline)]),C(e,t)},c=n(()=>P(G.data.stateTimeline?.baseline));v(a,e=>{S(c)&&e(s)});var l=d(a,2),u=D(l),f=d(l,2);o(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`,g(()=>p(u,`${S(Q)??``} signal${S(Q)===1?``:`s`}`)),C(e,t)},actions:e=>{ae(e,{get res(){return W},onclear:me})},children:(t,r)=>{{let r=e=>{var t=w(),r=m(t),i=e=>{ie(e,{get title(){return S(Z).name},get subtitle(){return S(Z).componentFile},onclose:()=>E(q,null),badges:e=>{var t=L(),r=m(t);{let e=n(()=>S(Z).oldValue===null?`green`:`blue`);M(r,{get tone(){return S(e)},children:(e,t)=>{b();var n=T();g(()=>p(n,S(Z).oldValue===null?`init`:`update`)),C(e,n)},$$slots:{default:!0}})}var i=d(r,2);M(i,{children:(e,t)=>{b();var n=T();g(e=>p(n,e),[()=>k(S(Z).timestamp,!0)]),C(e,n)},$$slots:{default:!0}}),C(e,t)},actions:e=>{l(e,{icon:`editor`,onclick:()=>$(S(Z)),children:(e,t)=>{b();var n=T(`Go to definition`);C(e,n)},$$slots:{default:!0}})},children:(e,t)=>{var n=R(),r=d(m(n),2),i=D(r,!0),a=d(r,4),o=D(a,!0);g((e,t)=>{p(i,e),p(o,t)},[()=>A(S(Z).oldValue),()=>A(S(Z).newValue)]),C(e,n)},$$slots:{badges:!0,actions:!0,default:!0}})};v(r,e=>{S(Z)&&e(i)}),C(e,t)},a=n(()=>!!S(Z));N(t,{id:`timeline`,get open(){return S(a)},aside:r,children:(t,r)=>{var a=fe(),o=d(O(a),2),s=O(o);ne(s,{get items(){return S(X)},getKey:e=>e.key,label:`State changes, newest first`,onactivate:e=>$(e.c),get selected(){return S(q)},set selected(e){E(q,e,!0)},row:(t,r)=>{let i=()=>(r?.()).c;var a=ue(),o=m(a),s=D(o,!0),l=d(o,2),u=O(l),f=O(u);e(f,{get text(){return i().name},get query(){return S(K)}}),c(u);var h=d(u,2),_=O(h);{let t=n(()=>ee(i().componentFile));e(_,{get text(){return S(t)},get query(){return S(K)}})}c(h),c(l);var y=d(l,2),x=O(y),w=e=>{M(e,{tone:`green`,children:(e,t)=>{b();var n=T(`init`);C(e,n)},$$slots:{default:!0}})},E=e=>{var t=le(),n=m(t),r=D(n,!0);b(),g(e=>p(r,e),[()=>Y(i()).old]),C(e,t)};v(x,e=>{i().oldValue===null?e(w):e(E,-1)});var A=d(x,2),j=O(A);{let t=n(()=>Y(i()).next);e(j,{get text(){return S(t)},get query(){return S(K)}})}c(A),c(y),g(e=>p(s,e),[()=>k(i().timestamp,!0)]),C(t,a)},empty:e=>{var t=w(),n=m(t),r=e=>{i(e,{icon:`timeline`,title:`No state changes yet`,children:(e,t)=>{var n=de();C(e,n)},$$slots:{default:!0}})},a=e=>{i(e,{icon:`search`,title:`No changes match`})};v(n,e=>{W.data.length===0?e(r):e(a,-1)}),C(e,t)},$$slots:{row:!0,empty:!0}}),c(o),c(a),C(t,a)},$$slots:{aside:!0,default:!0}})}},$$slots:{toolbar:!0,actions:!0,default:!0}}),x()}export{z as default};
@@ -1 +1 @@
1
- import{$ as e,At as t,B as n,Ct as r,Dt as i,L as a,Mt as o,Nt as s,Q as c,St as l,Tt as u,V as d,Z as f,bt as p,ct as m,dt as h,ft as g,gt as _,it as v,kt as y,mt as b,ot as x,wt as S,yt as C}from"./index-BzMw8R8l.js";import{t as w}from"./VirtualList-BvOBTnYJ.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;){let e=r.pop(),i=t.children(e);if(i.length){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&&(i.push(n(r)),a(e,o+1))}};return a(e,0),i}var M=m(`<button tabindex="-1" aria-hidden="true"><!></button>`),N=m(`<span class="twisty-spacer svelte-6jgyr7" aria-hidden="true"></span>`),P=m(`<span class="indent svelte-6jgyr7" aria-hidden="true"></span> <!> <!>`,1);function F(m,h){t(h,!0);let E=n(h,`expanded`,31,()=>r(new Set)),D=n(h,`selected`,15,null),O=n(h,`filter`,3,null),k=n(h,`rowHeight`,3,26),A=u(null),j=i(()=>T(h.roots,{key:h.getKey,children:h.getChildren},E(),O()));function F(e,t){let n=new Set(E()),r=n.has(e);t??!r?n.add(e):n.delete(e),E(n)}function I(e){return b(j).findIndex(t=>t.key===e)}function L(e,t){if(t.length){let e=new Set(E());for(let n of t)e.add(n);E(e)}D(e),queueMicrotask(()=>b(A)?.scrollToIndex(I(e),`center`))}function R(){b(A)?.focus()}function z(e,t){return e.key===`ArrowRight`||e.key===`l`?(t.hasChildren&&!t.expanded?F(t.key,!0):t.expanded&&b(A)?.select(I(t.key)+1),!0):e.key===`ArrowLeft`||e.key===`h`?(t.expanded&&!O()?F(t.key,!1):t.parentKey!=null&&b(A)?.select(I(t.parentKey)),!0):e.key===` `&&t.hasChildren?(F(t.key),!0):!1}var B={reveal:L,focus:R};return d(w(m,{get items(){return b(j)},getKey:e=>e.key,role:`tree`,get label(){return h.label},get rowHeight(){return k()},get empty(){return h.empty},onselect:e=>h.onselect?.(e.node),onactivate:e=>h.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:(t,n=s)=>{var r=P(),i=p(r);let u;var d=l(i,2),m=e=>{var t=M();let r;var i=C(t);a(i,{name:`chevron`,size:12}),o(t),_(()=>r=c(t,1,`twisty svelte-6jgyr7`,null,r,{open:n().expanded})),g(`click`,t,e=>{e.stopPropagation(),O()||F(n().key)}),x(e,t)},y=e=>{var t=N();x(e,t)};v(d,e=>{n().hasChildren?e(m):e(y,-1)});var b=l(d,2);e(b,()=>h.row,()=>n().node,n),_(()=>u=f(i,``,u,{width:`${n().depth*14}px`})),x(t,r)},$$slots:{row:!0}}),e=>S(A,e,!0),()=>b(A)),y(B)}h([`click`]);export{A as i,D as n,j as r,F as t};
1
+ import{$ as e,At as t,B as n,Ct as r,Dt as i,L as a,Mt as o,Nt as s,Q as c,St as l,Tt as u,V as d,Z as f,bt as p,ct as m,dt as h,ft as g,gt as _,it as v,kt as y,mt as b,ot as x,wt as S,yt as C}from"./index-CuoAAt-d.js";import{t as w}from"./VirtualList-Ba0GhFn8.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;){let e=r.pop(),i=t.children(e);if(i.length){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&&(i.push(n(r)),a(e,o+1))}};return a(e,0),i}var M=m(`<button tabindex="-1" aria-hidden="true"><!></button>`),N=m(`<span class="twisty-spacer svelte-6jgyr7" aria-hidden="true"></span>`),P=m(`<span class="indent svelte-6jgyr7" aria-hidden="true"></span> <!> <!>`,1);function F(m,h){t(h,!0);let E=n(h,`expanded`,31,()=>r(new Set)),D=n(h,`selected`,15,null),O=n(h,`filter`,3,null),k=n(h,`rowHeight`,3,26),A=u(null),j=i(()=>T(h.roots,{key:h.getKey,children:h.getChildren},E(),O()));function F(e,t){let n=new Set(E()),r=n.has(e);t??!r?n.add(e):n.delete(e),E(n)}function I(e){return b(j).findIndex(t=>t.key===e)}function L(e,t){if(t.length){let e=new Set(E());for(let n of t)e.add(n);E(e)}D(e),queueMicrotask(()=>b(A)?.scrollToIndex(I(e),`center`))}function R(){b(A)?.focus()}function z(e,t){return e.key===`ArrowRight`||e.key===`l`?(t.hasChildren&&!t.expanded?F(t.key,!0):t.expanded&&b(A)?.select(I(t.key)+1),!0):e.key===`ArrowLeft`||e.key===`h`?(t.expanded&&!O()?F(t.key,!1):t.parentKey!=null&&b(A)?.select(I(t.parentKey)),!0):e.key===` `&&t.hasChildren?(F(t.key),!0):!1}var B={reveal:L,focus:R};return d(w(m,{get items(){return b(j)},getKey:e=>e.key,role:`tree`,get label(){return h.label},get rowHeight(){return k()},get empty(){return h.empty},onselect:e=>h.onselect?.(e.node),onactivate:e=>h.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:(t,n=s)=>{var r=P(),i=p(r);let u;var d=l(i,2),m=e=>{var t=M();let r;var i=C(t);a(i,{name:`chevron`,size:12}),o(t),_(()=>r=c(t,1,`twisty svelte-6jgyr7`,null,r,{open:n().expanded})),g(`click`,t,e=>{e.stopPropagation(),O()||F(n().key)}),x(e,t)},y=e=>{var t=N();x(e,t)};v(d,e=>{n().hasChildren?e(m):e(y,-1)});var b=l(d,2);e(b,()=>h.row,()=>n().node,n),_(()=>u=f(i,``,u,{width:`${n().depth*14}px`})),x(t,r)},$$slots:{row:!0}}),e=>S(A,e,!0),()=>b(A)),y(B)}h([`click`]);export{A as i,D as n,j as r,F as t};
@@ -1 +1 @@
1
- import{$ as e,At as t,B as n,Dt as r,G as i,J as a,K as o,Mt as s,Tt as c,V as l,W as u,Z as d,_t as f,bt as p,ct as m,dt as h,ft as g,gt as _,ht as v,it as y,kt as b,mt as x,ot as S,pt as C,st as w,tt as T,wt as E,yt as D}from"./index-BzMw8R8l.js";var O=0,k=m(`<div><!></div>`),A=m(`<div class="spacer svelte-1cpjs53"></div>`),j=m(`<div class="viewport svelte-1cpjs53" tabindex="0"><!></div>`);function M(m,h){t(h,!0);let M=n(h,`rowHeight`,3,28),N=n(h,`selected`,15,null),P=n(h,`role`,3,`listbox`),F=n(h,`overscan`,3,8),I=`vl${++O}`,L=c(null),R=c(0),z=c(0),B=r(()=>h.items.length*M()),V=r(()=>Math.max(0,Math.floor(x(R)/M())-F())),H=r(()=>Math.min(h.items.length,Math.ceil((x(R)+x(z))/M())+F())),U=r(()=>h.items.slice(x(V),x(H))),W=r(()=>Math.max(1,Math.floor(x(z)/M())-1)),G=r(()=>{if(N()==null)return-1;for(let e=0;e<h.items.length;e++)if(h.getKey(h.items[e],e)===N())return e;return-1});f(()=>{let e=x(L);if(!e)return;let t=new ResizeObserver(()=>{E(z,e.clientHeight,!0)});return t.observe(e),E(z,e.clientHeight,!0),()=>t.disconnect()}),f(()=>{x(L)&&x(R)>Math.max(0,x(B)-x(z))&&(x(L).scrollTop=Math.max(0,x(B)-x(z)))}),f(()=>{N()!=null&&v(()=>{x(G)>=0&&q(x(G))})});function K(){x(L)&&E(R,x(L).scrollTop,!0)}function q(e,t=`auto`){if(!x(L)||e<0)return;let n=e*M();t===`center`?x(L).scrollTop=Math.max(0,n-x(z)/2+M()/2):n<x(L).scrollTop?x(L).scrollTop=n:n+M()>x(L).scrollTop+x(z)&&(x(L).scrollTop=n+M()-x(z)),E(R,x(L).scrollTop,!0)}function J(){x(L)?.focus({preventScroll:!0})}function Y(e){if(!h.items.length)return;let t=Math.max(0,Math.min(h.items.length-1,e)),n=h.items[t];N(h.getKey(n,t)),q(t),h.onselect?.(n,t)}function X(e){if(e.altKey||e.metaKey||e.ctrlKey)return;let t=x(G);if(t>=0&&h.onrowkeydown?.(e,h.items[t],t)){e.preventDefault();return}let n=null;switch(e.key){case`ArrowDown`:case`j`:n=t<0?0:t+1;break;case`ArrowUp`:case`k`:n=t<0?0:t-1;break;case`Home`:n=0;break;case`End`:n=h.items.length-1;break;case`PageDown`:n=(t<0?0:t)+x(W);break;case`PageUp`:n=(t<0?0:t)-x(W);break;case`Enter`:t>=0&&(e.preventDefault(),h.onactivate?.(h.items[t],t));return;default:return}e.preventDefault(),Y(n)}function Z(e){Y(e),J()}var Q={scrollToIndex:q,focus:J,select:Y},$=j(),ee=D($),te=t=>{var n=w(),r=p(n),i=t=>{var n=w(),r=p(n);e(r,()=>h.empty),S(t,n)};y(r,e=>{h.empty&&e(i)}),S(t,n)},ne=t=>{var n=A();let a;T(n,23,()=>x(U),(e,t)=>h.getKey(e,x(V)+t),(t,n,a)=>{let c=r(()=>x(V)+x(a)),l=r(()=>x(c)===x(G));var d=k(),f=()=>Z(x(c)),p=()=>h.onactivate?.(x(n),x(c));o(d,e=>({id:`${I}-${x(c)??``}`,class:`row`,role:P()===`tree`?`treeitem`:`option`,"aria-selected":x(l),"aria-posinset":x(c)+1,"aria-setsize":h.items.length,onclick:f,ondblclick:p,...e,[u]:{selected:x(l)},[i]:{height:`${M()??``}px`,transform:`translateY(${x(c)*M()}px)`}}),[()=>h.rowAttrs?.(x(n),x(c))],void 0,void 0,`svelte-1cpjs53`);var m=D(d);e(m,()=>h.row,()=>x(n),()=>({index:x(c),selected:x(l)})),s(d),S(t,d)}),s(n),_(()=>a=d(n,``,a,{height:`${x(B)??``}px`})),S(t,n)};return y(ee,e=>{h.items.length===0?e(te):e(ne,-1)}),s($),l($,e=>E(L,e),()=>x(L)),_(()=>{a($,`role`,P()),a($,`aria-label`,h.label),a($,`aria-activedescendant`,x(G)>=x(V)&&x(G)<x(H)?`${I}-${x(G)}`:void 0)}),C(`scroll`,$,K),g(`keydown`,$,X),S(m,$),b(Q)}h([`keydown`]);export{M as t};
1
+ import{$ as e,At as t,B as n,Dt as r,G as i,J as a,K as o,Mt as s,Tt as c,V as l,W as u,Z as d,_t as f,bt as p,ct as m,dt as h,ft as g,gt as _,ht as v,it as y,kt as b,mt as x,ot as S,pt as C,st as w,tt as T,wt as E,yt as D}from"./index-CuoAAt-d.js";var O=0,k=m(`<div><!></div>`),A=m(`<div class="spacer svelte-1cpjs53"></div>`),j=m(`<div class="viewport svelte-1cpjs53" tabindex="0"><!></div>`);function M(m,h){t(h,!0);let M=n(h,`rowHeight`,3,28),N=n(h,`selected`,15,null),P=n(h,`role`,3,`listbox`),F=n(h,`overscan`,3,8),I=`vl${++O}`,L=c(null),R=c(0),z=c(0),B=r(()=>h.items.length*M()),V=r(()=>Math.max(0,Math.floor(x(R)/M())-F())),H=r(()=>Math.min(h.items.length,Math.ceil((x(R)+x(z))/M())+F())),U=r(()=>h.items.slice(x(V),x(H))),W=r(()=>Math.max(1,Math.floor(x(z)/M())-1)),G=r(()=>{if(N()==null)return-1;for(let e=0;e<h.items.length;e++)if(h.getKey(h.items[e],e)===N())return e;return-1});f(()=>{let e=x(L);if(!e)return;let t=new ResizeObserver(()=>{E(z,e.clientHeight,!0)});return t.observe(e),E(z,e.clientHeight,!0),()=>t.disconnect()}),f(()=>{x(L)&&x(R)>Math.max(0,x(B)-x(z))&&(x(L).scrollTop=Math.max(0,x(B)-x(z)))}),f(()=>{N()!=null&&v(()=>{x(G)>=0&&q(x(G))})});function K(){x(L)&&E(R,x(L).scrollTop,!0)}function q(e,t=`auto`){if(!x(L)||e<0)return;let n=e*M();t===`center`?x(L).scrollTop=Math.max(0,n-x(z)/2+M()/2):n<x(L).scrollTop?x(L).scrollTop=n:n+M()>x(L).scrollTop+x(z)&&(x(L).scrollTop=n+M()-x(z)),E(R,x(L).scrollTop,!0)}function J(){x(L)?.focus({preventScroll:!0})}function Y(e){if(!h.items.length)return;let t=Math.max(0,Math.min(h.items.length-1,e)),n=h.items[t];N(h.getKey(n,t)),q(t),h.onselect?.(n,t)}function X(e){if(e.altKey||e.metaKey||e.ctrlKey)return;let t=x(G);if(t>=0&&h.onrowkeydown?.(e,h.items[t],t)){e.preventDefault();return}let n=null;switch(e.key){case`ArrowDown`:case`j`:n=t<0?0:t+1;break;case`ArrowUp`:case`k`:n=t<0?0:t-1;break;case`Home`:n=0;break;case`End`:n=h.items.length-1;break;case`PageDown`:n=(t<0?0:t)+x(W);break;case`PageUp`:n=(t<0?0:t)-x(W);break;case`Enter`:t>=0&&(e.preventDefault(),h.onactivate?.(h.items[t],t));return;default:return}e.preventDefault(),Y(n)}function Z(e){Y(e),J()}var Q={scrollToIndex:q,focus:J,select:Y},$=j(),ee=D($),te=t=>{var n=w(),r=p(n),i=t=>{var n=w(),r=p(n);e(r,()=>h.empty),S(t,n)};y(r,e=>{h.empty&&e(i)}),S(t,n)},ne=t=>{var n=A();let a;T(n,23,()=>x(U),(e,t)=>h.getKey(e,x(V)+t),(t,n,a)=>{let c=r(()=>x(V)+x(a)),l=r(()=>x(c)===x(G));var d=k(),f=()=>Z(x(c)),p=()=>h.onactivate?.(x(n),x(c));o(d,e=>({id:`${I}-${x(c)??``}`,class:`row`,role:P()===`tree`?`treeitem`:`option`,"aria-selected":x(l),"aria-posinset":x(c)+1,"aria-setsize":h.items.length,onclick:f,ondblclick:p,...e,[u]:{selected:x(l)},[i]:{height:`${M()??``}px`,transform:`translateY(${x(c)*M()}px)`}}),[()=>h.rowAttrs?.(x(n),x(c))],void 0,void 0,`svelte-1cpjs53`);var m=D(d);e(m,()=>h.row,()=>x(n),()=>({index:x(c),selected:x(l)})),s(d),S(t,d)}),s(n),_(()=>a=d(n,``,a,{height:`${x(B)??``}px`})),S(t,n)};return y(ee,e=>{h.items.length===0?e(te):e(ne,-1)}),s($),l($,e=>E(L,e),()=>x(L)),_(()=>{a($,`role`,P()),a($,`aria-label`,h.label),a($,`aria-activedescendant`,x(G)>=x(V)&&x(G)<x(H)?`${I}-${x(G)}`:void 0)}),C(`scroll`,$,K),g(`keydown`,$,X),S(m,$),b(Q)}h([`keydown`]);export{M as t};
@@ -1 +1 @@
1
- import{k as e}from"./index-BzMw8R8l.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};
1
+ import{k as e}from"./index-CuoAAt-d.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};
@@ -1 +1 @@
1
- import{D as e,I as t}from"./index-BzMw8R8l.js";var n=e,r=typeof n.getCaptureInfo==`function`;function i(e,i){return t(async()=>r?await n.getCaptureInfo():{},{initial:{},interval:r?e:void 0,when:i})}export{i as t};
1
+ import{D as e,I as t}from"./index-CuoAAt-d.js";var n=e,r=typeof n.getCaptureInfo==`function`;function i(e,i){return t(async()=>r?await n.getCaptureInfo():{},{initial:{},interval:r?e:void 0,when:i})}export{i as t};