vite-devtools-svelte 0.6.1 → 0.6.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/client/assets/{ApiPlayground-r3PMCbhw.js → ApiPlayground-EWcto7Jp.js} +1 -1
- package/dist/client/assets/{Assets-F6ySiRNw.js → Assets-fDwK3oog.js} +1 -1
- package/dist/client/assets/{BuildAnalysis-ClES_VN-.css → BuildAnalysis-DW4Bb8JX.css} +1 -1
- package/dist/client/assets/BuildAnalysis-DnGW8f4b.js +1 -0
- package/dist/client/assets/{Components-DzrFq-Jl.js → Components-Y5UlbMqe.js} +1 -1
- package/dist/client/assets/{ErrorDashboard-DvBrkCGu.js → ErrorDashboard-CIRL8qxB.js} +1 -1
- package/dist/client/assets/{FpsMonitor-Bot5x4nP.js → FpsMonitor-tmxU3P6X.js} +1 -1
- package/dist/client/assets/{Inspect-TF2sVdn4.js → Inspect-V52H9gGr.js} +1 -1
- package/dist/client/assets/{LoadProfiler-RcwiKanZ.js → LoadProfiler-CaX-Oxeq.js} +1 -1
- package/dist/client/assets/{ModuleGraph-BscNTo-U.js → ModuleGraph-G4-u96Hj.js} +1 -1
- package/dist/client/assets/{Overview-CNCVS-EJ.js → Overview-BxAxPFpn.js} +1 -1
- package/dist/client/assets/{ReactiveGraph-BmQbARuQ.js → ReactiveGraph-DYKclPLc.js} +1 -1
- package/dist/client/assets/{RenderProfiler-Brp8i8K4.js → RenderProfiler-BJNEB9Sk.js} +1 -1
- package/dist/client/assets/{Routes-BS5YDx3C.js → Routes-CVgDAhv1.js} +1 -1
- package/dist/client/assets/{SplitView-D7jY4n9A.js → SplitView-CjY2q-Tx.js} +1 -1
- package/dist/client/assets/{StateTimeline-CaYBN88_.js → StateTimeline-DIz4Mh_A.js} +1 -1
- package/dist/client/assets/index-JV_VtUOj.js +3 -0
- package/dist/client/assets/{reactive-BQ_s2f5H.js → reactive-SIkurqSy.js} +1 -1
- package/dist/client/index.html +1 -1
- package/dist/index.mjs +0 -1
- package/dist/index.mjs.map +1 -1
- package/dist/types.d.ts +0 -1
- package/package.json +1 -1
- package/dist/client/assets/BuildAnalysis-Ci5Or0e4.js +0 -1
- package/dist/client/assets/index-BBFupqc_.js +0 -3
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import{Bt as e,Ct as t,F as n,Ft as r,Gt as i,Ht as a,Jt as o,Kt as s,L as c,Lt as l,M as u,Mt as d,Nt as f,Ot as p,Pt as m,Rt as h,St as g,Tt as _,Ut as v,Vt as y,W as b,X as x,_t as S,c as C,et as ee,ht as w,k as T,n as E,nt as te,pt as D,qt as O,r as ne,rt as re,tt as k,ut as A,vt as ie,wt as ae,xt as j,yt as M,z as oe}from"./resource.svelte-GBY8qvgR.js";import{o as se,r as N}from"./index-
|
|
1
|
+
import{Bt as e,Ct as t,F as n,Ft as r,Gt as i,Ht as a,Jt as o,Kt as s,L as c,Lt as l,M as u,Mt as d,Nt as f,Ot as p,Pt as m,Rt as h,St as g,Tt as _,Ut as v,Vt as y,W as b,X as x,_t as S,c as C,et as ee,ht as w,k as T,n as E,nt as te,pt as D,qt as O,r as ne,rt as re,tt as k,ut as A,vt as ie,wt as ae,xt as j,yt as M,z as oe}from"./resource.svelte-GBY8qvgR.js";import{o as se,r as N}from"./index-JV_VtUOj.js";import{n as P,t as F}from"./Panel-BoUvB1nh.js";import{t as ce}from"./RefreshButton-QYzgSJG9.js";import{t as I}from"./ResourceEmpty-BBhK6GZB.js";import{t as le}from"./SearchField-C1RVVJht.js";import{t as ue}from"./SplitView-CjY2q-Tx.js";import{t as de}from"./VirtualList-CLxNqdaN.js";var L=M(`<span class="methods svelte-1wcbixy"><!> <!></span> <span class="truncate mono path svelte-1wcbixy"><!></span>`,1),fe=M(`<option> </option>`),pe=M(`<span class="err-dot svelte-1wcbixy"></span>`),me=M(`<button type="button" class="file mono svelte-1wcbixy" title="Open handler in editor"> </button>`),he=M(`<textarea class="input editor svelte-1wcbixy" aria-label="Request body" spellcheck="false"></textarea>`),ge=M(`<p class="hint svelte-1wcbixy"> </p>`),_e=M(`<p class="hint error svelte-1wcbixy"> </p>`),ve=M(`<textarea class="input editor svelte-1wcbixy" aria-label="Request headers as JSON" spellcheck="false"></textarea> <!>`,1),ye=M(`<dt class="mono"> </dt> <dd class="mono"> </dd>`,1),be=M(`<header class="res-head svelte-1wcbixy"><!> <span class="num muted"> </span> <span class="num muted"> </span> <details class="hdrs svelte-1wcbixy"><summary class="svelte-1wcbixy"> </summary> <dl class="kv svelte-1wcbixy"></dl></details></header> <pre class="body mono svelte-1wcbixy"> </pre>`,1),xe=M(`<p>Pick an endpoint on the left or type any URL. <kbd class="svelte-1wcbixy">⌘</kbd> <kbd class="svelte-1wcbixy">↵</kbd> sends.</p>`),Se=M(`<div class="client svelte-1wcbixy"><form class="bar svelte-1wcbixy"><select class="select method svelte-1wcbixy" aria-label="HTTP method"></select> <input class="input url mono svelte-1wcbixy" placeholder="http://localhost:5173/api/…" aria-label="Request URL" spellcheck="false"/> <!></form> <div class="tabs svelte-1wcbixy" role="tablist" aria-label="Request parts"><button type="button" role="tab" class="svelte-1wcbixy">Body</button> <button type="button" role="tab" class="svelte-1wcbixy">Headers <!></button> <!></div> <div class="req svelte-1wcbixy" role="tabpanel"><!></div> <section class="res svelte-1wcbixy" aria-label="Response" aria-live="polite"><!></section></div>`);function R(g,M){v(M,!0);let R=E(C,{initial:[]}),Ce=[`GET`,`POST`,`PUT`,`PATCH`,`DELETE`,`HEAD`,`OPTIONS`],z={GET:`blue`,POST:`green`,DELETE:`red`,HEAD:`neutral`,OPTIONS:`neutral`},B=e=>z[e]??`yellow`,V=h(``),H=h(null),U=h(`GET`),W=h(``),G=h(`{
|
|
2
2
|
|
|
3
3
|
}`),K=h(``),q=h(`body`),J=h(!1),Y=h(null),X=h(null),we=e(()=>{let e=se(_(V));return e?R.data.filter(t=>e(t.path,t.route,t.methods.join(` `))):R.data}),Z=e(()=>_(H)?R.data.find(e=>e.route===_(H))??null:null),Q=e(()=>{if(!_(G).trim())return null;try{let e=JSON.parse(_(G));return e&&typeof e==`object`&&!Array.isArray(e)?null:`Headers must be a JSON object`}catch(e){return n(e)}}),Te=e(()=>_(U)!==`GET`&&_(U)!==`HEAD`),Ee=e(()=>{if(!_(Y)?.body)return``;let e=Object.entries(_(Y).headers).find(([e])=>e.toLowerCase()===`content-type`)?.[1]??``,t=_(Y).body.trimStart()[0];if(e.includes(`json`)||t===`[`||t===`{`)try{return JSON.stringify(JSON.parse(_(Y).body),null,2)}catch{}return _(Y).body});function De(e){l(H,e.route,!0),l(U,e.methods[0]??`GET`,!0),l(W,new URL(e.path,location.origin).href,!0),l(Y,null),l(X,null)}async function $(){if(!(!_(W)||_(Q)||_(J))){l(J,!0),l(X,null);try{l(Y,await u(_(W),_(U),_(G).trim()||`{}`,_(Te)?_(K):``),!0)}catch(e){l(Y,null),l(X,n(e),!0)}finally{l(J,!1)}}}function Oe(e){(e.metaKey||e.ctrlKey)&&e.key===`Enter`&&(e.preventDefault(),$())}function ke(e){return e>=400?`red`:e>=300?`yellow`:e>=200?`green`:`neutral`}F(g,{title:`API`,get count(){return R.data.length},toolbar:e=>{le(e,{placeholder:`Filter endpoints…`,get count(){return _(we).length},get value(){return _(V)},set value(e){l(V,e,!0)}})},actions:e=>{ce(e,{get res(){return R},label:`Rescan endpoints`})},children:(n,a)=>{ue(n,{id:`api`,side:`start`,initial:300,min:200,aside:t=>{de(t,{get items(){return _(we)},getKey:e=>e.route,label:`API endpoints`,onselect:De,get selected(){return _(H)},set selected(e){l(H,e,!0)},row:(t,n=O)=>{var a=L(),o=f(a),c=d(o);A(c,16,()=>n().methods.slice(0,3),e=>e,(t,n)=>{{let r=e(()=>B(n));P(t,{get tone(){return _(r)},children:(e,t)=>{i();var r=j();p(()=>w(r,n)),S(e,r)},$$slots:{default:!0}})}});var l=r(c,2),u=e=>{P(e,{children:(e,t)=>{i();var r=j();p(()=>w(r,`+${n().methods.length-3}`)),S(e,r)},$$slots:{default:!0}})};D(l,e=>{n().methods.length>3&&e(u)}),s(o);var m=r(o,2),h=d(m);N(h,{get text(){return n().path},get query(){return _(V)}}),s(m),S(t,a)},empty:e=>{I(e,{get res(){return R},get total(){return R.data.length},loading:`Scanning +server files…`,failed:`Could not read endpoints`,icon:`api`,title:`No +server endpoints`,noMatch:`No endpoints match`})},$$slots:{row:!0,empty:!0}})},children:(n,a)=>{var u=Se(),h=d(u),g=d(h);A(g,20,()=>_(Z)?.methods.length?_(Z).methods:Ce,e=>e,(e,t)=>{var n=fe(),r=m(n,!0),i={};p(()=>{w(r,t),i!==(i=t)&&(n.__value=i)}),S(e,n)}),s(g),re(g);var v=r(g,2);ee(v);var C=r(v,2);{let t=e(()=>!_(W)||!!_(Q)||_(J));b(C,{type:`submit`,variant:`primary`,icon:`send`,get disabled(){return _(t)},title:`Send (⌘↵)`,children:(e,t)=>{i();var n=j();p(()=>w(n,_(J)?`Sending…`:`Send`)),S(e,n)},$$slots:{default:!0}})}s(h);var E=r(h,2),O=d(E),M=r(O,2),se=r(d(M)),N=e=>{var t=pe();p(()=>k(t,`title`,_(Q))),S(e,t)};D(se,e=>{_(Q)&&e(N)}),s(M);var F=r(M,2),ce=e=>{var n=me(),r=m(n,!0);p(()=>w(r,_(Z).file)),t(`click`,n,()=>T(_(Z).file).catch(()=>{})),S(e,n)};D(F,e=>{_(Z)&&e(ce)}),s(E);var I=r(E,2),le=d(I),ue=e=>{var t=ie(),n=f(t),r=e=>{var t=he();y(t),k(t,`placeholder`,`{ "name": "value" }`),x(t,()=>_(K),e=>l(K,e)),S(e,t)},i=e=>{var t=ge(),n=m(t);p(()=>w(n,`${_(U)??``} requests have no body.`)),S(e,t)};D(n,e=>{_(Te)?e(r):e(i,-1)}),S(e,t)},de=e=>{var t=ve(),n=f(t);y(n);var i=r(n,2),a=e=>{var t=_e(),n=m(t,!0);p(()=>w(n,_(Q))),S(e,t)};D(i,e=>{_(Q)&&e(a)}),p(()=>k(n,`aria-invalid`,!!_(Q))),x(n,()=>_(G),e=>l(G,e)),S(e,t)};D(le,e=>{_(q)===`body`?e(ue):e(de,-1)}),s(I);var L=r(I,2),R=d(L),z=e=>{ne(e,{title:`Request failed`,get error(){return _(X)}})},B=t=>{var n=be(),a=f(n),l=d(a);{let t=e(()=>ke(_(Y).status));P(l,{get tone(){return _(t)},children:(e,t)=>{i();var n=j();p(()=>w(n,`${_(Y).status??``} ${_(Y).statusText??``}`)),S(e,n)},$$slots:{default:!0}})}var u=r(l,2),h=m(u,!0),g=r(u,2),v=m(g,!0),y=r(g,2),b=d(y),x=m(b),C=r(b,2);A(C,21,()=>Object.entries(_(Y).headers),([e,t])=>e,(t,n)=>{var i=e(()=>o(_(n),2));let a=()=>_(i)[0],s=()=>_(i)[1];var c=ye(),l=f(c),u=m(l,!0),d=r(l,2),h=m(d,!0);p(()=>{w(u,a()),w(h,s())}),S(t,c)}),s(C),s(y),s(a);var ee=r(a,2),T=m(ee,!0);p((e,t,n)=>{w(h,e),w(v,t),w(x,`${n??``} headers`),w(T,_(Ee)||`(empty body)`)},[()=>oe(_(Y).duration),()=>c(new Blob([_(Y).body]).size),()=>Object.keys(_(Y).headers).length]),S(t,n)},V=e=>{ne(e,{icon:`send`,title:`Send a request`,children:(e,t)=>{var n=xe();S(e,n)},$$slots:{default:!0}})};D(R,e=>{_(X)?e(z):_(Y)?e(B,1):e(V,-1)}),s(L),s(u),p(()=>{k(O,`aria-selected`,_(q)===`body`),k(M,`aria-selected`,_(q)===`headers`)}),t(`keydown`,u,Oe),ae(`submit`,h,e=>{e.preventDefault(),$()}),te(g,()=>_(U),e=>l(U,e)),x(v,()=>_(W),e=>l(W,e)),t(`click`,O,()=>l(q,`body`)),t(`click`,M,()=>l(q,`headers`)),S(n,u)},$$slots:{aside:!0,default:!0}})},$$slots:{toolbar:!0,actions:!0,default:!0}}),a()}g([`keydown`,`click`]);export{R as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{Bt as e,Ft as t,G as n,Gt as r,Ht as i,It as a,Kt as o,L as s,Lt as c,Mt as l,Nt as u,Ot as d,Pt as f,Rt as p,Tt as m,Ut as h,W as g,_t as _,ht as v,it as y,k as b,l as x,n as S,pt as C,qt as w,tt as T,vt as E,xt as D,yt as O}from"./resource.svelte-GBY8qvgR.js";import{o as k,r as ee}from"./index-
|
|
1
|
+
import{Bt as e,Ft as t,G as n,Gt as r,Ht as i,It as a,Kt as o,L as s,Lt as c,Mt as l,Nt as u,Ot as d,Pt as f,Rt as p,Tt as m,Ut as h,W as g,_t as _,ht as v,it as y,k as b,l as x,n as S,pt as C,qt as w,tt as T,vt as E,xt as D,yt as O}from"./resource.svelte-GBY8qvgR.js";import{o as k,r as ee}from"./index-JV_VtUOj.js";import{n as A,t as j}from"./Panel-BoUvB1nh.js";import{t as M}from"./RefreshButton-QYzgSJG9.js";import{t as N}from"./ResourceEmpty-BBhK6GZB.js";import{t as P}from"./SearchField-C1RVVJht.js";import{t as F}from"./SplitView-CjY2q-Tx.js";import{t as I}from"./DataTable-C8wIHfdk.js";import{t as L}from"./Inspector-pD5_jg0-.js";import{t as R}from"./Segmented-CK2euuus.js";import{t as te}from"./collections-BtFss6Lo.js";import{t as ne}from"./kind-options-BLIV2wQY.js";var z=O(`<!> <!>`,1),re=O(`<span class="total num svelte-qp140w" title="Total size of shown assets"> </span> <!>`,1),ie=O(`<div class="preview svelte-qp140w"><img loading="lazy" class="svelte-qp140w"/></div>`),ae=O(`<!> <h3 class="section-title">Details</h3> <dl class="kv"><dt>Public URL</dt> <dd class="mono"> </dd> <dt>Size</dt> <dd class="num"> <span class="faint"> </span></dd> <dt>Modified</dt> <dd> </dd> <dt>Disk path</dt> <dd class="mono faint"> </dd></dl>`,1),oe=O(`<span class="muted truncate mono small svelte-qp140w"> </span>`),se=O(`<span class="end faint num small svelte-qp140w"> </span>`),B=O(`<span class="file svelte-qp140w"><!> <span class="truncate"><!></span></span> <!> <!> <span class="size end svelte-qp140w"><span class="bar svelte-qp140w"></span> <span class="num"> </span></span>`,1);function V(O,V){h(V,!0);let H=S(x,{initial:[]}),U=[`image`,`font`,`video`,`audio`,`text`,`other`];function W(e){let t=e.split(`/`)[0];return U.find(e=>e===t)??`other`}let G={image:`assets`,font:`file`,video:`play`,audio:`play`,text:`file`,other:`file`},K=p(``),q=p(`all`),J=p(a({id:`size`,desc:!0})),Y=p(null),ce=e(()=>ne(U,te(H.data,e=>W(e.type)),m(q),e=>e.charAt(0).toUpperCase()+e.slice(1))),X=e(()=>{let e=k(m(K));return H.data.filter(t=>(m(q)===`all`||W(t.type)===m(q))&&(!e||e(t.relativePath,t.type)))}),le=e(()=>m(X).reduce((e,t)=>e+t.size,0)),ue=e(()=>H.data.reduce((e,t)=>Math.max(e,t.size),1)),Z=e(()=>m(Y)?H.data.find(e=>e.path===m(Y))??null:null),Q=[{id:`name`,label:`File`,width:`minmax(0, 1fr)`,sort:(e,t)=>e.relativePath.localeCompare(t.relativePath)},{id:`type`,label:`Type`,width:`120px`,minWidth:640,sort:(e,t)=>e.type.localeCompare(t.type)},{id:`mtime`,label:`Modified`,width:`96px`,align:`end`,minWidth:760,descFirst:!0,sort:(e,t)=>e.mtime-t.mtime},{id:`size`,label:`Size`,width:`140px`,align:`end`,descFirst:!0,sort:(e,t)=>e.size-t.size}];function $(e){return e.url||`/`+e.relativePath}j(O,{title:`Assets`,get count(){return H.data.length},toolbar:e=>{var n=z(),r=u(n);R(r,{label:`Asset type`,get options(){return m(ce)},get value(){return m(q)},set value(e){c(q,e,!0)}});var i=t(r,2);P(i,{placeholder:`Filter assets…`,get count(){return m(X).length},get value(){return m(K)},set value(e){c(K,e,!0)}}),_(e,n)},actions:e=>{var n=re(),r=u(n),i=f(r,!0),a=t(r,2);M(a,{get res(){return H},label:`Rescan static directory`}),d(e=>v(i,e),[()=>s(m(le))]),_(e,n)},children:(i,a)=>{{let a=n=>{var i=E(),a=u(i),p=n=>{L(n,{get title(){return m(Z).name},get subtitle(){return m(Z).relativePath},onclose:()=>c(Y,null),badges:n=>{var i=z(),a=u(i);A(a,{children:(e,t)=>{r();var n=D();d(()=>v(n,m(Z).type)),_(e,n)},$$slots:{default:!0}});var o=t(a,2);{let t=e(()=>m(Z).size>5e5?`yellow`:`neutral`);A(o,{get tone(){return m(t)},children:(e,t)=>{r();var n=D();d(e=>v(n,e),[()=>s(m(Z).size)]),_(e,n)},$$slots:{default:!0}})}_(n,i)},actions:e=>{var n=z(),i=u(n);g(i,{icon:`external`,onclick:()=>window.open($(m(Z)),`_blank`,`noopener`),children:(e,t)=>{r();var n=D(`Open URL`);_(e,n)},$$slots:{default:!0}});var a=t(i,2);g(a,{icon:`editor`,onclick:()=>b(m(Z).path).catch(()=>{}),children:(e,t)=>{r();var n=D(`Reveal`);_(e,n)},$$slots:{default:!0}}),_(e,n)},children:(n,r)=>{var i=ae(),a=u(i),c=e=>{var t=ie(),n=f(t);d(e=>{T(n,`src`,e),T(n,`alt`,m(Z).name)},[()=>$(m(Z))]),_(e,t)},p=e(()=>m(Z).type.startsWith(`image/`));C(a,e=>{m(p)&&e(c)});var h=t(a,4),g=t(l(h),2),y=f(g,!0),b=t(g,4),x=l(b),S=t(x),w=f(S);o(b);var E=t(b,4),D=f(E,!0),O=t(E,4),k=f(O,!0);o(h),d((e,t,n,r)=>{v(y,e),v(x,`${t??``} `),v(w,`(${n??``} bytes)`),v(D,r),v(k,m(Z).path)},[()=>$(m(Z)),()=>s(m(Z).size),()=>m(Z).size.toLocaleString(),()=>new Date(m(Z).mtime).toLocaleString()]),_(n,i)},$$slots:{badges:!0,actions:!0,default:!0}})};C(a,e=>{m(Z)&&e(p)}),_(n,i)},p=e(()=>!!m(Z));F(i,{id:`assets`,get open(){return m(p)},aside:a,children:(r,i)=>{I(r,{get items(){return m(X)},get columns(){return Q},getKey:e=>e.path,label:`Static assets`,onactivate:e=>b(e.path).catch(()=>{}),get sort(){return m(J)},set sort(e){c(J,e,!0)},get selected(){return m(Y)},set selected(e){c(Y,e,!0)},row:(r,i=w,a)=>{let c=()=>(a?.()).visible;var p=B(),h=u(p),g=l(h);{let t=e(()=>G[W(i().type)]);n(g,{get name(){return m(t)},size:14})}var b=t(g,2),x=l(b);ee(x,{get text(){return i().relativePath},get query(){return m(K)}}),o(b),o(h);var S=t(h,2),T=e=>{var t=oe(),n=f(t,!0);d(()=>v(n,i().type)),_(e,t)},E=e(()=>c().has(`type`));C(S,e=>{m(E)&&e(T)});var D=t(S,2),O=e=>{var t=se(),n=f(t,!0);d(e=>v(n,e),[()=>new Date(i().mtime).toLocaleDateString()]),_(e,t)},k=e(()=>c().has(`mtime`));C(D,e=>{m(k)&&e(O)});var A=t(D,2),j=l(A);let M;var N=t(j,2),P=f(N,!0);o(A),d((e,t)=>{M=y(j,``,M,{width:e}),v(P,t)},[()=>`${Math.max(2,i().size/m(ue)*56)}px`,()=>s(i().size)]),_(r,p)},empty:e=>{N(e,{get res(){return H},get total(){return H.data.length},loading:`Scanning static directory…`,failed:`Could not read assets`,icon:`assets`,title:`No static assets`,noMatch:`No assets match`})},$$slots:{row:!0,empty:!0}})},$$slots:{aside:!0,default:!0}})}},$$slots:{toolbar:!0,actions:!0,default:!0}}),i()}export{V as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.layout.svelte-1fwnyq9{flex-direction:column;height:100%;display:flex}.table.svelte-1fwnyq9{border-top:1px solid var(--border);flex:1;min-height:0}.composition.svelte-1fwnyq9{flex-wrap:wrap;align-items:center;gap:8px 16px;padding:10px 16px;display:flex}.total.svelte-1fwnyq9 strong:where(.svelte-1fwnyq9){font-size:var(--fs-lg)}.stack.svelte-1fwnyq9{border-radius:4px;flex:240px;gap:2px;height:8px;display:flex;overflow:hidden}.seg.svelte-1fwnyq9{flex-basis:0}.legend.svelte-1fwnyq9{font-size:var(--fs-xs);gap:12px;display:flex}.legend.svelte-1fwnyq9 span:where(.svelte-1fwnyq9){align-items:center;gap:5px;display:inline-flex}.dot.svelte-1fwnyq9{border-radius:2px;width:8px;height:8px}.js.svelte-1fwnyq9{background:var(--yellow)}.css.svelte-1fwnyq9{background:var(--purple)}.other.svelte-1fwnyq9{background:var(--fg-faint)}.stamp.svelte-1fwnyq9{color:var(--fg-faint);font-size:var(--fs-xs)}.chunk.svelte-1fwnyq9{align-items:center;gap:8px;min-width:0;display:flex}.file.svelte-1fwnyq9{font-size:var(--fs-xs)}.size.svelte-1fwnyq9{justify-content:flex-end;align-items:center;gap:8px;display:flex}.bar.svelte-1fwnyq9{opacity:.7;border-radius:2px;height:4px}.big.svelte-1fwnyq9{color:var(--yellow)}
|
|
1
|
+
.layout.svelte-1fwnyq9{flex-direction:column;height:100%;display:flex}.table.svelte-1fwnyq9{border-top:1px solid var(--border);flex:1;min-height:0}.composition.svelte-1fwnyq9{flex-wrap:wrap;align-items:center;gap:8px 16px;padding:10px 16px;display:flex}.total.svelte-1fwnyq9 strong:where(.svelte-1fwnyq9){font-size:var(--fs-lg)}.stack.svelte-1fwnyq9{border-radius:4px;flex:240px;gap:2px;height:8px;display:flex;overflow:hidden}.seg.svelte-1fwnyq9{flex-basis:0}.legend.svelte-1fwnyq9{font-size:var(--fs-xs);gap:12px;display:flex}.legend.svelte-1fwnyq9 span:where(.svelte-1fwnyq9){align-items:center;gap:5px;display:inline-flex}.dot.svelte-1fwnyq9{border-radius:2px;width:8px;height:8px}.js.svelte-1fwnyq9{background:var(--yellow)}.css.svelte-1fwnyq9{background:var(--purple)}.other.svelte-1fwnyq9{background:var(--fg-faint)}.stamp.svelte-1fwnyq9{color:var(--fg-faint);font-size:var(--fs-xs)}.chunk.svelte-1fwnyq9{align-items:center;gap:8px;min-width:0;display:flex}.file.svelte-1fwnyq9{font-size:var(--fs-xs)}.size.svelte-1fwnyq9{justify-content:flex-end;align-items:center;gap:8px;display:flex}.bar.svelte-1fwnyq9{opacity:.7;border-radius:2px;height:4px}.big.svelte-1fwnyq9{color:var(--yellow)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Bt as e,Ft as t,Gt as n,Ht as r,It as i,Kt as a,L as o,Lt as s,Mt as c,N as l,Nt as u,Ot as d,Pt as f,Rt as p,Tt as m,Ut as h,W as g,_t as _,at as v,ht as y,it as b,n as x,pt as S,qt as ee,r as C,tt as w,u as T,ut as E,vt as D,xt as O,yt as k}from"./resource.svelte-GBY8qvgR.js";import{o as A,r as te}from"./index-JV_VtUOj.js";import{n as j,t as M}from"./Panel-BoUvB1nh.js";import{t as N}from"./RefreshButton-QYzgSJG9.js";import{t as P}from"./ResourceEmpty-BBhK6GZB.js";import{t as F}from"./SearchField-C1RVVJht.js";import{t as I}from"./SplitView-CjY2q-Tx.js";import{t as ne}from"./DataTable-C8wIHfdk.js";import{t as re}from"./Inspector-pD5_jg0-.js";import{t as ie}from"./Segmented-CK2euuus.js";import{t as ae}from"./StatList-Cd2sByRK.js";var L=k(`<!> <!>`,1),oe=k(`<span class="stamp svelte-1fwnyq9"> </span>`),R=k(`<p>Run <code>vite build</code> (or <code>pnpm build</code>) to produce chunks, then refresh.</p> <!>`,1),se=k(`<span></span>`),ce=k(`<span class="svelte-1fwnyq9"><i></i> <span class="num muted svelte-1fwnyq9"> </span></span>`),le=k(`<!> <!> <!>`,1),ue=k(`<span class="end num faint"> </span>`),de=k(`<span class="chunk svelte-1fwnyq9"><!> <span class="truncate mono file svelte-1fwnyq9"><!></span> <!></span> <!> <span class="size end svelte-1fwnyq9"><span></span> <span> </span></span>`,1),fe=k(`<div class="layout svelte-1fwnyq9"><div class="composition svelte-1fwnyq9" role="group" aria-label="Bundle composition"><div class="total svelte-1fwnyq9"><span class="muted">Total</span> <strong class="num svelte-1fwnyq9"> </strong></div> <div class="stack svelte-1fwnyq9" role="img"></div> <div class="legend svelte-1fwnyq9"></div></div> <div class="table svelte-1fwnyq9"><!></div></div>`);function z(k,z){h(z,!0);let B=x(T,{initial:null}),V=p(``),H=p(`all`),U=p(i({id:`size`,desc:!0})),W=p(null),G=e=>e.file.split(`.`).pop()??``,K=e=>G(e)===`js`||G(e)===`mjs`?`js`:G(e)===`css`?`css`:`other`,q={js:`yellow`,css:`purple`,other:`neutral`},J=e(()=>B.data?.chunks??[]),Y=e(()=>{let e=A(m(V));return m(J).filter(t=>(m(H)===`all`||K(t)===m(H))&&(!e||e(t.file,t.name)))}),X=e(()=>B.data?.totalSize??0),Z=e=>m(X)?(e.size/m(X)*100).toFixed(1):`0`,pe=e(()=>m(J).reduce((e,t)=>Math.max(e,t.size),1)),Q=e(()=>m(W)?m(J).find(e=>e.file===m(W))??null:null),$=e(()=>{let e={js:{count:0,size:0},css:{count:0,size:0},other:{count:0,size:0}};for(let t of m(J))e[K(t)].count++,e[K(t)].size+=t.size;return e}),me=[{id:`file`,label:`Chunk`,width:`minmax(0, 1fr)`,sort:(e,t)=>e.file.localeCompare(t.file)},{id:`share`,label:`Share`,width:`64px`,align:`end`,descFirst:!0,minWidth:640,sort:(e,t)=>e.size-t.size},{id:`size`,label:`Size`,width:`150px`,align:`end`,descFirst:!0,sort:(e,t)=>e.size-t.size}];M(k,{title:`Build`,get count(){return m(J).length},toolbar:n=>{var r=L(),i=u(r);{let t=e(()=>[{value:`all`,label:`All`},{value:`js`,label:`JS`,count:m($).js.count},{value:`css`,label:`CSS`,count:m($).css.count},{value:`other`,label:`Other`,count:m($).other.count}]);ie(i,{label:`Chunk type`,get options(){return m(t)},get value(){return m(H)},set value(e){s(H,e,!0)}})}var a=t(i,2);F(a,{placeholder:`Filter chunks…`,get count(){return m(Y).length},get value(){return m(V)},set value(e){s(V,e,!0)}}),_(n,r)},actions:e=>{var n=L(),r=u(n),i=e=>{var t=oe(),n=f(t);d(e=>y(n,`built ${e??``}`),[()=>new Date(B.data.timestamp).toLocaleString()]),_(e,t)};S(r,e=>{B.data?.timestamp&&e(i)});var a=t(r,2);N(a,{get res(){return B},label:`Re-read build output`}),_(e,n)},children:(r,i)=>{var p=D(),h=u(p),x=e=>{P(e,{get res(){return B},total:0,loading:`Reading build output…`,failed:`Could not read the build output`,icon:`build`,title:`No build output found`,children:(e,r)=>{var i=R(),a=t(u(i),2);g(a,{icon:`refresh`,onclick:()=>B.refresh(),children:(e,t)=>{n();var r=O(`Refresh`);_(e,r)},$$slots:{default:!0}}),_(e,i)},$$slots:{default:!0}})},T=r=>{var i=fe(),p=c(i),h=c(p),g=t(c(h),2),x=f(g,!0);a(h);var T=t(h,2);E(T,20,()=>[`js`,`css`,`other`],e=>e,(e,t)=>{var n=D(),r=u(n),i=e=>{var n=se();let r;d(e=>{v(n,1,`seg ${t??``}`,`svelte-1fwnyq9`),w(n,`title`,`${t??``}: ${e??``}`),r=b(n,``,r,{"flex-grow":m($)[t].size})},[()=>o(m($)[t].size)]),_(e,n)};S(r,e=>{m($)[t].size&&e(i)}),_(e,n)}),a(T);var k=t(T,2);E(k,20,()=>[`js`,`css`,`other`],e=>e,(e,n)=>{var r=ce(),i=c(r),s=t(i),l=t(s),u=f(l,!0);a(r),d((e,t)=>{v(i,1,`dot ${n??``}`,`svelte-1fwnyq9`),y(s,`${e??``} `),y(u,t)},[()=>n.toUpperCase(),()=>o(m($)[n].size)]),_(e,r)}),a(k),a(p);var A=t(p,2),M=c(A);{let r=r=>{var i=D(),a=u(i),c=r=>{{let i=r=>{var i=le(),a=u(i);{let t=e(()=>q[K(m(Q))]);j(a,{get tone(){return m(t)},children:(e,t)=>{n();var r=O();d(e=>y(r,e),[()=>G(m(Q))]),_(e,r)},$$slots:{default:!0}})}var s=t(a,2);j(s,{children:(e,t)=>{n();var r=O();d(e=>y(r,e),[()=>o(m(Q).size)]),_(e,r)},$$slots:{default:!0}});var c=t(s,2),l=e=>{j(e,{tone:`accent`,children:(e,t)=>{n();var r=O(`entry`);_(e,r)},$$slots:{default:!0}})};S(c,e=>{m(Q).isEntry&&e(l)}),_(r,i)},a=e(()=>l(m(Q).file));re(r,{get title(){return m(a)},get subtitle(){return m(Q).file},onclose:()=>s(W,null),badges:i,children:(t,n)=>{{let n=e(()=>[{label:`Size`,value:o(m(Q).size)},{label:`Share of total`,value:`${Z(m(Q))}%`}]);ae(t,{variant:`grid`,get items(){return m(n)}})}},$$slots:{badges:!0,default:!0}})}};S(a,e=>{m(Q)&&e(c)}),_(r,i)},i=e(()=>!!m(Q));I(M,{id:`build`,get open(){return m(i)},aside:r,children:(r,i)=>{ne(r,{get items(){return m(Y)},get columns(){return me},getKey:e=>e.file,label:`Build chunks`,get sort(){return m(U)},set sort(e){s(U,e,!0)},get selected(){return m(W)},set selected(e){s(W,e,!0)},row:(r,i=ee,s)=>{let l=()=>(s?.()).visible;var p=de(),h=u(p),g=c(h);{let t=e(()=>q[K(i())]);j(g,{get tone(){return m(t)},children:(e,t)=>{n();var r=O();d(e=>y(r,e),[()=>G(i())]),_(e,r)},$$slots:{default:!0}})}var x=t(g,2),C=c(x);te(C,{get text(){return i().file},get query(){return m(V)}}),a(x);var w=t(x,2),T=e=>{j(e,{tone:`accent`,children:(e,t)=>{n();var r=O(`entry`);_(e,r)},$$slots:{default:!0}})};S(w,e=>{i().isEntry&&e(T)}),a(h);var E=t(h,2),D=e=>{var t=ue(),n=f(t);d(e=>y(n,`${e??``}%`),[()=>Z(i())]),_(e,t)},k=e(()=>l().has(`share`));S(E,e=>{m(k)&&e(D)});var A=t(E,2),M=c(A);let N;var P=t(M,2);let F;var I=f(P,!0);a(A),d((e,t,n)=>{v(M,1,`bar ${e??``}`,`svelte-1fwnyq9`),N=b(M,``,N,{width:t}),F=v(P,1,`num svelte-1fwnyq9`,null,F,{big:i().size>25e4}),y(I,n)},[()=>K(i()),()=>`${Math.max(2,i().size/m(pe)*60)}px`,()=>o(i().size)]),_(r,p)},empty:e=>{C(e,{icon:`search`,title:`No chunks match`})},$$slots:{row:!0,empty:!0}})},$$slots:{aside:!0,default:!0}})}a(A),a(i),d((e,t,n,r)=>{y(x,e),w(T,`aria-label`,`JS ${t??``}, CSS ${n??``}, other ${r??``}`)},[()=>o(m(X)),()=>o(m($).js.size),()=>o(m($).css.size),()=>o(m($).other.size)]),_(r,i)};S(h,e=>{m(J).length===0?e(x):e(T,-1)}),_(r,p)},$$slots:{toolbar:!0,actions:!0,default:!0}}),r()}export{z as default};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{At as e,Bt as t,Ct as n,Dt as r,Ft as i,Gt as a,H as o,Ht as s,It as c,J as l,Kt as u,Lt as d,Mt as f,Nt as p,Ot as m,P as h,Pt as g,Rt as _,St as v,Tt as y,Ut as b,W as x,_t as S,at as C,g as w,h as T,ht as E,k as D,kt as O,n as ee,p as te,pt as k,qt as A,r as j,tt as ne,ut as M,vt as N,xt as P,yt as F}from"./resource.svelte-GBY8qvgR.js";import{n as re,o as ie,r as I,t as ae}from"./index-
|
|
1
|
+
import{At as e,Bt as t,Ct as n,Dt as r,Ft as i,Gt as a,H as o,Ht as s,It as c,J as l,Kt as u,Lt as d,Mt as f,Nt as p,Ot as m,P as h,Pt as g,Rt as _,St as v,Tt as y,Ut as b,W as x,_t as S,at as C,g as w,h as T,ht as E,k as D,kt as O,n as ee,p as te,pt as k,qt as A,r as j,tt as ne,ut as M,vt as N,xt as P,yt as F}from"./resource.svelte-GBY8qvgR.js";import{n as re,o as ie,r as I,t as ae}from"./index-JV_VtUOj.js";import{n as oe,t as se}from"./Panel-BoUvB1nh.js";import{t as ce}from"./RefreshButton-QYzgSJG9.js";import{t as le}from"./SearchField-C1RVVJht.js";import{t as ue}from"./SplitView-CjY2q-Tx.js";import{t as de}from"./DataTable-C8wIHfdk.js";import{t as fe}from"./Inspector-pD5_jg0-.js";import{t as pe}from"./Segmented-CK2euuus.js";import{n as me,t as he}from"./collections-BtFss6Lo.js";import{t as ge}from"./CaptureNotice-DNYJjRjY.js";import{t as _e}from"./LiveControls-BDWnVlkm.js";import{i as ve,n as ye,r as be,t as xe}from"./TreeView-T5wWFSLQ.js";import{t as Se}from"./reactive-selection.svelte-DI6qEBmx.js";import{t as Ce}from"./versions-Dmo1-Hsc.js";function we(e,t){let n=new Map;for(let t of e)n.set(t.id,{c:t,key:``,children:[]});let r=[],i=new Set;for(let e of n.values()){let t=e.c.parentId===null?void 0:n.get(e.c.parentId);t?t.children.push(e):(r.push(e),e.c.parentId!==null&&i.add(e))}let a=new Map,o=(e,t)=>{let n=new Map;for(let r of e){let e=n.get(r.c.name)??0;n.set(r.c.name,e+1),r.key=`${t}${i.has(r)?`~`:``}${r.c.name}#${e}`,a.set(r.key,r),r.children.length>0&&o(r.children,r.key+`/`)}};return o(r,``),{roots:r,byId:n,byKey:a,detached:new Set([...i].map(e=>e.key)),epoch:t}}var Te=(e,t=A,r=A)=>{var a=De();M(a,20,t,e=>e,(e,t)=>{var a=Ee(),s=f(a),c=f(s),l=g(c,!0),d=i(c),p=g(d,!0);u(s),u(a),m((e,n)=>{ne(s,`title`,t),E(l,e),E(p,n)},[()=>h(t),()=>o(t)]),n(`click`,s,()=>r()(t)),S(e,a)}),u(a),S(e,a)},Ee=F(`<li><button type="button"><span class="truncate"> </span><span class="sub truncate"> </span></button></li>`),De=F(`<ul class="link-list"></ul>`),Oe=F(`<!> <!> <!>`,1),L=F(`<!> <!>`,1),ke=F(`<li class="svelte-grpov"><button type="button" class="svelte-grpov"> </button></li>`),Ae=F(`<h3 class="section-title">Ancestors</h3> <ol class="crumbs svelte-grpov"><!> <li aria-current="true" class="svelte-grpov"> </li></ol>`,1),je=F(`<li><button type="button"><span class="truncate"> </span><span class="sub mono"> </span></button></li>`),Me=F(`<h3 class="section-title">Children <span class="num"> </span></h3> <ul class="link-list"></ul>`,1),Ne=F(`<h3 class="section-title">Imports <span class="num"> </span></h3> <!>`,1),Pe=F(`<!> <h3 class="section-title">Instance</h3> <dl class="kv"><dt>Children</dt> <dd class="num"> </dd> <dt>Same file</dt> <dd><button type="button" class="link svelte-grpov"> </button></dd></dl> <!> <!>`,1),Fe=F(`<span class="detached svelte-grpov">detached</span>`),Ie=F(`<span class="kids num svelte-grpov"> </span>`),Le=F(`<span><span class="lt svelte-grpov"><</span><!><span class="lt svelte-grpov">></span></span> <span class="file truncate svelte-grpov"><!></span> <!> <!>`,1),Re=F(`<p>Open your app in another tab — the tree updates live as components mount and
|
|
2
2
|
unmount.</p> <!>`,1),ze=F(`<p class="section-note">Imports no other components.</p>`),Be=F(`<p class="section-note">Not imported by any component (route or entry).</p>`),Ve=F(`<h3 class="section-title">Imports <span class="num"> </span></h3> <!> <h3 class="section-title">Used by <span class="num"> </span></h3> <!>`,1),He=F(`<span> </span>`),Ue=F(`<span class="name-cell svelte-grpov"><span class="cname svelte-grpov"><!></span> <span class="file truncate svelte-grpov"><!></span></span> <span class="end num muted"> </span> <span class="end num muted"> </span> <!>`,1);function R(h,v){b(v,!0);let F=ae(`components:mode`,`tree`),R=_(``),z=ee(async()=>{let e=await w(),t=await T(),n=await w();return{list:t,meta:n,epoch:e.epoch===n.epoch?n.epoch??``:null}},{initial:{list:[],meta:null,epoch:``},interval:2e3,version:Ce(`components`)}),B=t(()=>z.data.list),V=t(()=>we(y(B),z.data.epoch)),We=t(()=>{let e=z.data.meta;return e?{captured:e.kept,total:e.total,truncated:e.truncated,policy:`parents first`}:null}),H=t(()=>he(y(B),e=>e.file)),U=_(c(new Set)),W=_(null),G=_(null),Ge,Ke=null,qe=e=>e.c.id,Je=e=>e.key;e(()=>{let e=y(V);r(()=>{let t=Ke;if(Ke=e,t&&t!==e){if(y(U).size){let n=ve(y(U),t,e,qe,Je);(n.length!==y(U).size||n.some(e=>!y(U).has(e)))&&d(U,new Set(n),!0)}y(W)!=null&&d(W,ve([y(W)],t,e,qe,Je)[0]??null,!0)}})}),O(()=>{if(y(V).epoch===null||Ge===y(V).epoch)return;let e=be(y(V).roots,e=>e.children,Je);e.length!==0&&(Ge=y(V).epoch,r(()=>d(U,new Set([...y(U),...e]),!0)))});let K=t(()=>ie(y(R))),Ye=t(()=>y(K)&&(e=>y(K)(e.c.name,e.c.file))),Xe=t(()=>y(K)&&y(B).filter(e=>y(K)(e.name,e.file)).length),q=t(()=>y(W)==null?null:y(V).byKey.get(y(W))??null);function Ze(e){let t=[],n=y(V).byId.get(e);for(;n&&n.c.parentId!=null;){let e=y(V).byId.get(n.c.parentId);if(!e)break;t.unshift(e),n=e}return t}function Qe(e){let t=y(V).byId.get(e);t&&y(G)?.reveal(t.key,Ze(e).map(e=>e.key))}let J=ee(te,{initial:[],when:()=>F.value===`files`||y(W)!=null}),Y=t(()=>me(J.data.flatMap(e=>e.imports.map(t=>({imp:t,r:e}))),e=>e.imp,e=>e.r)),$e=t(()=>new Map(J.data.map(e=>[e.file,e]))),et=t(()=>y(K)?J.data.filter(e=>y(K)(e.name,e.file)):J.data),tt=_(c({id:`name`,desc:!1})),X=_(null),Z=t(()=>y(X)?y($e).get(y(X))??null:null),nt=[{id:`name`,label:`Component`,width:`minmax(0, 1fr)`,sort:(e,t)=>e.name.localeCompare(t.name)},{id:`imports`,label:`Imports`,width:`72px`,align:`end`,descFirst:!0,sort:(e,t)=>e.imports.length-t.imports.length},{id:`used`,label:`Used by`,width:`72px`,align:`end`,descFirst:!0,sort:(e,t)=>(y(Y).get(e.file)?.length??0)-(y(Y).get(t.file)?.length??0)},{id:`live`,label:`Mounted`,width:`72px`,align:`end`,descFirst:!0,minWidth:520,sort:(e,t)=>(y(H).get(e.file)??0)-(y(H).get(t.file)??0)}],Q=t(()=>z.data.epoch||null);O(()=>{z.data.epoch===null&&r(()=>void z.refresh())});function rt(e){y(Q)&&(Se.set({componentId:e.id,epoch:y(Q),label:`<${e.name}>`,file:e.file}),re.go(`reactive`))}function $(e){D(e).catch(()=>{})}function it(e){F.value=`files`,d(R,``),d(X,e,!0)}function at(e){let t=y(B).find(t=>t.file===e);F.value=`tree`,d(R,``),t&&queueMicrotask(()=>Qe(t.id))}{let e=e=>{var n=Oe(),r=p(n);pe(r,{label:`View`,options:[{value:`tree`,label:`Live tree`},{value:`files`,label:`Files`}],get value(){return F.value},set value(e){F.value=e}});var a=i(r,2);{let e=t(()=>F.value===`tree`?`Filter instances…`:`Filter components…`),n=t(()=>F.value===`tree`?y(Xe):y(et).length);le(a,{get placeholder(){return y(e)},get count(){return y(n)},get value(){return y(R)},set value(e){d(R,e,!0)}})}var o=i(a,2),s=e=>{var t=Oe(),n=p(t);ge(n,{get info(){return y(We)},noun:`components`,get detached(){return y(V).detached.size}});var r=i(n,2);x(r,{icon:`expand`,variant:`ghost`,label:`Expand all`,onclick:()=>d(U,ye(y(V).roots,{key:e=>e.key,children:e=>e.children}),!0)});var a=i(r,2);x(a,{icon:`collapse`,variant:`ghost`,label:`Collapse all`,onclick:()=>d(U,new Set,!0)}),S(e,t)};k(o,e=>{F.value===`tree`&&e(s)}),S(e,n)},r=e=>{var t=N(),n=p(t),r=e=>{_e(e,{get res(){return z}})},i=e=>{ce(e,{get res(){return J},label:`Re-analyze`})};k(n,e=>{F.value===`tree`?e(r):e(i,-1)}),S(e,t)},s=t(()=>F.value===`tree`?y(B).length:J.data.length);se(h,{title:`Components`,get count(){return y(s)},toolbar:e,actions:r,children:(e,r)=>{var s=N(),c=p(s),h=e=>{{let r=e=>{var r=N(),o=p(r),s=e=>{let r=t(()=>y(q).c),o=t(()=>y($e).get(y(r).file)),s=t(()=>Ze(y(r).id)),c=t(()=>y(H).get(y(r).file)??1);fe(e,{get title(){return`<${y(r).name??``}>`},get subtitle(){return y(r).file},onclose:()=>d(W,null),badges:e=>{var n=L(),o=p(n);{let e=t(()=>y(r).mounted?`green`:`neutral`);oe(o,{get tone(){return y(e)},children:(e,t)=>{a();var n=P();m(()=>E(n,y(r).mounted?`mounted`:`unmounted`)),S(e,n)},$$slots:{default:!0}})}var s=i(o,2);oe(s,{children:(e,t)=>{a();var n=P();m(()=>E(n,`#${y(r).id??``}`)),S(e,n)},$$slots:{default:!0}}),S(e,n)},actions:e=>{var n=L(),o=p(n);x(o,{icon:`editor`,onclick:()=>$(y(r).file),children:(e,t)=>{a();var n=P(`Open in editor`);S(e,n)},$$slots:{default:!0}});var s=i(o,2),c=e=>{{let n=t(()=>!y(Q));x(e,{icon:`reactive`,get disabled(){return y(n)},onclick:()=>rt(y(r)),children:(e,t)=>{a();var n=P();m(()=>E(n,y(Q)?`Show reactivity`:`Show reactivity (waiting for a consistent snapshot)`)),S(e,n)},$$slots:{default:!0}})}};k(s,e=>{y(r).mounted&&e(c)}),S(e,n)},children:(e,t)=>{var a=Pe(),l=p(a),d=e=>{var t=Ae(),a=i(p(t),2),o=f(a);M(o,17,()=>y(s),e=>e.key,(e,t)=>{var r=ke(),i=f(r),a=g(i,!0);u(r),m(()=>E(a,y(t).c.name)),n(`click`,i,()=>Qe(y(t).c.id)),S(e,r)});var c=i(o,2),l=g(c,!0);u(a),m(()=>E(l,y(r).name)),S(e,t)};k(l,e=>{y(s).length&&e(d)});var h=i(l,4),_=i(f(h),2),v=g(_,!0),b=i(_,4),x=f(b),C=g(x);u(b),u(h);var w=i(h,2),T=e=>{var t=Me(),r=p(t),a=i(f(r)),o=g(a,!0);u(r);var s=i(r,2);M(s,21,()=>y(q).children.slice(0,200),e=>e.key,(e,t)=>{var r=je(),a=f(r),o=f(a),s=g(o,!0),c=i(o),l=g(c);u(a),u(r),m(()=>{E(s,y(t).c.name),E(l,`#${y(t).c.id??``}`)}),n(`click`,a,()=>Qe(y(t).c.id)),S(e,r)}),u(s),m(()=>E(o,y(q).children.length)),S(e,t)};k(w,e=>{y(q).children.length&&e(T)});var D=i(w,2),O=e=>{var t=Ne(),n=p(t),r=i(f(n)),a=g(r,!0);u(n),Te(i(n,2),()=>y(o).imports,()=>$),m(()=>E(a,y(o).imports.length)),S(e,t)};k(D,e=>{y(o)&&y(o).imports.length&&e(O)}),m(()=>{E(v,y(q).children.length),E(C,`${y(c)??``} mounted instance${y(c)===1?``:`s`}`)}),n(`click`,x,()=>it(y(r).file)),S(e,a)},$$slots:{badges:!0,actions:!0,default:!0}})};k(o,e=>{y(q)&&e(s)}),S(e,r)},s=t(()=>!!y(q));ue(e,{id:`components-tree`,get open(){return y(s)},aside:r,children:(e,n)=>{var r=N(),s=p(r),c=e=>{j(e,{title:`Could not read live components`,get error(){return z.error}})},h=e=>{l(xe(e,{get roots(){return y(V).roots},getKey:e=>e.key,getChildren:e=>e.children,get filter(){return y(Ye)},label:`Mounted component tree`,onactivate:e=>$(e.c.file),get expanded(){return y(U)},set expanded(e){d(U,e,!0)},get selected(){return y(W)},set selected(e){d(W,e,!0)},row:(e,n=A,r=A)=>{var s=Le(),c=p(s);let l;var d=i(f(c));I(d,{get text(){return n().c.name},get query(){return y(R)}}),a(),u(c);var h=i(c,2),_=f(h);{let e=t(()=>o(n().c.file));I(_,{get text(){return y(e)},get query(){return y(R)}})}u(h);var v=i(h,2),b=e=>{var t=Fe();m(()=>ne(t,`title`,`Parent #${n().c.parentId??``} is outside the captured set`)),S(e,t)},x=t(()=>y(V).detached.has(n().key));k(v,e=>{y(x)&&e(b)});var w=i(v,2),T=e=>{var t=Ie(),r=g(t,!0);m(()=>E(r,n().children.length)),S(e,t)};k(w,e=>{r().hasChildren&&!r().expanded&&e(T)}),m(()=>l=C(c,1,`tag svelte-grpov`,null,l,{dim:!n().c.mounted})),S(e,s)},empty:e=>{var t=N(),n=p(t),r=e=>{j(e,{title:`Connecting to the app…`})},o=e=>{j(e,{icon:`search`,get title(){return`No instances match “${y(R)??``}”`}})},s=e=>{j(e,{icon:`components`,title:`No mounted components`,children:(e,t)=>{var n=Re(),r=i(p(n),2);x(r,{onclick:()=>F.value=`files`,children:(e,t)=>{a();var n=P(`Browse component files instead`);S(e,n)},$$slots:{default:!0}}),S(e,n)},$$slots:{default:!0}})};k(n,e=>{z.loading?e(r):y(R)?e(o,1):e(s,-1)}),S(e,t)},$$slots:{row:!0,empty:!0}}),e=>d(G,e,!0),()=>y(G))};k(s,e=>{z.error&&y(B).length===0?e(c):e(h,-1)}),S(e,r)},$$slots:{aside:!0,default:!0}})}},_=e=>{{let r=e=>{var r=N(),s=p(r),c=e=>{let r=t(()=>y(Y).get(y(Z).file)??[]);fe(e,{get title(){return y(Z).name},get subtitle(){return y(Z).file},onclose:()=>d(X,null),actions:e=>{var n=L(),r=p(n),o=e=>{x(e,{icon:`tree`,onclick:()=>at(y(Z).file),children:(e,t)=>{a();var n=P(`Show in tree`);S(e,n)},$$slots:{default:!0}})},s=t(()=>y(H).get(y(Z).file));k(r,e=>{y(s)&&e(o)});var c=i(r,2);x(c,{icon:`editor`,onclick:()=>$(y(Z).file),children:(e,t)=>{a();var n=P(`Open in editor`);S(e,n)},$$slots:{default:!0}}),S(e,n)},children:(e,t)=>{var a=Ve(),s=p(a),c=i(f(s)),l=g(c,!0);u(s);var h=i(s,2),_=e=>{Te(e,()=>y(Z).imports,()=>e=>y($e).has(e)?d(X,e,!0):$(e))},v=e=>{var t=ze();S(e,t)};k(h,e=>{y(Z).imports.length?e(_):e(v,-1)});var b=i(h,2),x=i(f(b)),C=g(x,!0);u(b);var w=i(b,2),T=e=>{var t=De();M(t,21,()=>y(r),e=>e.file,(e,t)=>{var r=Ee(),a=f(r),s=f(a),c=g(s,!0),l=i(s),p=g(l,!0);u(a),u(r),m(e=>{E(c,y(t).name),E(p,e)},[()=>o(y(t).file)]),n(`click`,a,()=>d(X,y(t).file,!0)),S(e,r)}),u(t),S(e,t)},D=e=>{var t=Be();S(e,t)};k(w,e=>{y(r).length?e(T):e(D,-1)}),m(()=>{E(l,y(Z).imports.length),E(C,y(r).length)}),S(e,a)},$$slots:{actions:!0,default:!0}})};k(s,e=>{y(Z)&&e(c)}),S(e,r)},s=t(()=>!!y(Z));ue(e,{id:`components-files`,get open(){return y(s)},aside:r,children:(e,n)=>{de(e,{get items(){return y(et)},get columns(){return nt},getKey:e=>e.file,label:`Component files`,onactivate:e=>$(e.file),get sort(){return y(tt)},set sort(e){d(tt,e,!0)},get selected(){return y(X)},set selected(e){d(X,e,!0)},row:(e,n=A,r)=>{let a=()=>(r?.()).visible;var o=Ue(),s=p(o),c=f(s),l=f(c);I(l,{get text(){return n().name},get query(){return y(R)}}),u(c);var d=i(c,2),h=f(d);I(h,{get text(){return n().file},get query(){return y(R)}}),u(d),u(s);var _=i(s,2),v=g(_,!0),b=i(_,2),x=g(b,!0),w=i(b,2),T=e=>{var t=He();let r;var i=g(t,!0);m((e,n)=>{r=C(t,1,`end num`,null,r,{faint:e}),E(i,n)},[()=>!y(H).get(n().file),()=>y(H).get(n().file)??`–`]),S(e,t)},D=t(()=>a().has(`live`));k(w,e=>{y(D)&&e(T)}),m(e=>{E(v,n().imports.length||``),E(x,e)},[()=>y(Y).get(n().file)?.length||``]),S(e,o)},empty:e=>{var n=N(),r=p(n),i=e=>{j(e,{title:`Analyzing components…`})},a=e=>{j(e,{title:`Analysis failed`,get error(){return J.error}})},o=e=>{{let n=t(()=>y(R)?`No components match “${y(R)}”`:`No .svelte files found`);j(e,{icon:`search`,get title(){return y(n)}})}};k(r,e=>{J.loading?e(i):J.error?e(a,1):e(o,-1)}),S(e,n)},$$slots:{row:!0,empty:!0}})},$$slots:{aside:!0,default:!0}})}};k(c,e=>{F.value===`tree`?e(h):e(_,-1)}),S(e,s)},$$slots:{toolbar:!0,actions:!0,default:!0}})}s()}v([`click`]);export{R as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{Bt as e,Ct as t,Ft as n,G as r,Gt as i,H as a,Ht as o,Jt as s,Kt as c,Lt as l,Mt as u,Nt as d,Ot as f,Pt as p,R as m,Rt as h,St as g,T as _,Tt as v,Ut as y,W as b,_t as x,at as S,f as C,ht as w,i as T,k as E,n as D,pt as O,qt as ee,tt as k,ut as A,vt as j,xt as M,yt as N}from"./resource.svelte-GBY8qvgR.js";import{o as te,r as P}from"./index-
|
|
1
|
+
import{Bt as e,Ct as t,Ft as n,G as r,Gt as i,H as a,Ht as o,Jt as s,Kt as c,Lt as l,Mt as u,Nt as d,Ot as f,Pt as p,R as m,Rt as h,St as g,T as _,Tt as v,Ut as y,W as b,_t as x,at as S,f as C,ht as w,i as T,k as E,n as D,pt as O,qt as ee,tt as k,ut as A,vt as j,xt as M,yt as N}from"./resource.svelte-GBY8qvgR.js";import{o as te,r as P}from"./index-JV_VtUOj.js";import{n as F,t as ne}from"./Panel-BoUvB1nh.js";import{t as I}from"./ResourceEmpty-BBhK6GZB.js";import{t as re}from"./SearchField-C1RVVJht.js";import{t as ie}from"./SplitView-CjY2q-Tx.js";import{t as ae}from"./VirtualList-CLxNqdaN.js";import{t as oe}from"./Inspector-pD5_jg0-.js";import{t as se}from"./Segmented-CK2euuus.js";import{r as L,t as ce}from"./collections-BtFss6Lo.js";import{t as R}from"./CaptureNotice-DNYJjRjY.js";import{t as le}from"./LiveControls-BDWnVlkm.js";import{t as z}from"./versions-Dmo1-Hsc.js";import{t as B}from"./capture.svelte-CetYVdiG.js";var V=N(`<button type="button"> <span class="num svelte-fcxvld"> </span></button>`),H=N(`<!> <!> <!> <!> <!>`,1),U=N(`<!> <!>`,1),ue=N(`<h3 class="section-title">Stack</h3> <pre class="code-block"> </pre>`,1),de=N(`<h3 class="section-title">Reference</h3> <p class="message svelte-fcxvld"><a target="_blank" rel="noopener noreferrer" class="svelte-fcxvld"> </a></p>`,1),fe=N(`<h3 class="section-title">Message</h3> <p class="message svelte-fcxvld"> </p> <!> <!>`,1),pe=N(`<span class="code mono svelte-fcxvld"><!></span>`),me=N(`<span class="loc mono truncate svelte-fcxvld"><!></span>`),he=N(`<span class="faint num svelte-fcxvld"> </span>`),ge=N(`<button type="button" class="open svelte-fcxvld" tabindex="-1" title="Open in editor"><!></button>`),_e=N(`<span><!></span> <span class="text svelte-fcxvld"><span class="msg truncate svelte-fcxvld"><!></span> <span class="meta svelte-fcxvld"><!> <!> <!></span></span> <!>`,1),ve=N(`<p>Compiler warnings and runtime errors from your app show up here as they happen.</p>`);function W(g,N){y(N,!0);let W=D(async()=>{let[e,t]=await Promise.all([C(),_()]);return{warnings:e,errors:t}},{initial:{warnings:[],errors:[]},interval:3e3,version:z(`errors`)}),G=B(3e3),K=h(`all`),q=h(``),J=h(null),Y=e(()=>{let{errors:e,warnings:t}=W.data,n=L(e,e=>`e:${e.timestamp}`),r=L(t,e=>`w:${e.file}:${e.line??0}:${e.column??0}:${e.code}`),i=e.map((e,t)=>({...e,key:n[t],kind:`error`})).reverse(),a=t.map((e,t)=>({...e,key:r[t],kind:`warning`}));return[...i,...a]}),X=e(()=>{let e=te(v(q));return v(Y).filter(t=>(v(K)===`all`||t.kind===v(K))&&(!e||e(t.message,t.code,t.file)))}),Z=e(()=>v(J)?v(Y).find(e=>e.key===v(J))??null:null),ye=e(()=>[...ce(W.data.warnings,e=>e.code)].sort((e,t)=>t[1]-e[1]).slice(0,4));function Q(e){e.file&&E(e.file,e.line).catch(()=>{})}async function be(){await T().catch(()=>{}),W.set({warnings:[],errors:[]}),l(J,null)}let $=e=>e.file?`${a(e.file,3)}${e.line?`:${e.line}`:``}${e.column?`:${e.column}`:``}`:``;ne(g,{title:`Problems`,get count(){return v(Y).length},toolbar:r=>{var i=H(),a=d(i);{let t=e(()=>[{value:`all`,label:`All`,count:v(Y).length},{value:`error`,label:`Errors`,count:W.data.errors.length},{value:`warning`,label:`Warnings`,count:W.data.warnings.length}]);se(a,{label:`Severity`,get options(){return v(t)},get value(){return v(K)},set value(e){l(K,e,!0)}})}var o=n(a,2);re(o,{placeholder:`Filter by message, code or file…`,get count(){return v(X).length},get value(){return v(q)},set value(e){l(q,e,!0)}});var m=n(o,2);R(m,{get info(){return G.data.runtimeErrors},noun:`runtime errors`});var h=n(m,2);R(h,{get info(){return G.data.compilerWarnings},noun:`warnings`});var g=n(h,2);A(g,17,()=>v(ye),([e,t])=>e,(r,i)=>{var a=e(()=>s(v(i),2));let o=()=>v(a)[0],d=()=>v(a)[1];var m=V();let h;var g=u(m,!0),_=n(g),y=p(_,!0);c(m),f(()=>{h=S(m,1,`chip svelte-fcxvld`,null,h,{on:v(q)===o()}),k(m,`title`,`Filter by ${o()??``}`),w(g,o()),w(y,d())}),t(`click`,m,()=>l(q,v(q)===o()?``:o(),!0)),x(r,m)}),x(r,i)},actions:e=>{le(e,{get res(){return W},onclear:be})},children:(a,o)=>{{let o=t=>{var r=j(),a=d(r),o=t=>{{let r=t=>{var r=U(),a=d(r);{let t=e(()=>v(Z).kind===`error`?`red`:`yellow`);F(a,{get tone(){return v(t)},children:(e,t)=>{i();var n=M();f(()=>w(n,v(Z).kind)),x(e,n)},$$slots:{default:!0}})}var o=n(a,2),s=e=>{F(e,{children:(e,t)=>{i();var n=M();f(e=>w(n,e),[()=>m(v(Z).timestamp,!0)]),x(e,n)},$$slots:{default:!0}})};O(o,e=>{v(Z).timestamp&&e(s)}),x(t,r)},a=e=>{var t=j(),n=d(t),r=e=>{b(e,{icon:`editor`,onclick:()=>Q(v(Z)),children:(e,t)=>{i();var n=M();f(()=>w(n,`Open ${v(Z).line?`line ${v(Z).line}`:`file`}`)),x(e,n)},$$slots:{default:!0}})};O(n,e=>{v(Z).file&&e(r)}),x(e,t)},o=e(()=>v(Z).kind===`error`?`Runtime error`:v(Z).code??`Warning`),s=e(()=>$(v(Z)));oe(t,{get title(){return v(o)},get subtitle(){return v(s)},onclose:()=>l(J,null),badges:r,actions:a,children:(e,t)=>{var r=fe(),i=n(d(r),2),a=p(i,!0),o=n(i,2),s=e=>{var t=ue(),r=n(d(t),2),i=p(r,!0);f(()=>w(i,v(Z).stack)),x(e,t)};O(o,e=>{v(Z).stack&&e(s)});var l=n(o,2),m=e=>{var t=de(),r=n(d(t),2),i=u(r),a=p(i);c(r),f(()=>{k(i,`href`,`https://svelte.dev/docs/svelte/compiler-warnings#${v(Z).code??``}`),w(a,`svelte.dev — ${v(Z).code??``}`)}),x(e,t)};O(l,e=>{v(Z).code&&e(m)}),f(()=>w(a,v(Z).message)),x(e,r)},$$slots:{badges:!0,actions:!0,default:!0}})}};O(a,e=>{v(Z)&&e(o)}),x(t,r)},s=e(()=>!!v(Z));ie(a,{id:`problems`,get open(){return v(s)},aside:o,children:(i,a)=>{ae(i,{get items(){return v(X)},getKey:e=>e.key,rowHeight:44,label:`Problems`,onactivate:Q,get selected(){return v(J)},set selected(e){l(J,e,!0)},row:(i,a=ee)=>{var o=_e(),s=d(o),l=u(s);{let t=e(()=>a().kind===`error`?`errors`:`warning`);r(l,{get name(){return v(t)},size:14})}c(s);var h=n(s,2),g=u(h),_=u(g);P(_,{get text(){return a().message},get query(){return v(q)}}),c(g);var y=n(g,2),b=u(y),C=e=>{var t=pe(),n=u(t);P(n,{get text(){return a().code},get query(){return v(q)}}),c(t),x(e,t)};O(b,e=>{a().code&&e(C)});var T=n(b,2),E=t=>{var n=me(),r=u(n);{let t=e(()=>$(a()));P(r,{get text(){return v(t)},get query(){return v(q)}})}c(n),x(t,n)};O(T,e=>{a().file&&e(E)});var D=n(T,2),k=e=>{var t=he(),n=p(t,!0);f(e=>w(n,e),[()=>m(a().timestamp)]),x(e,t)};O(D,e=>{a().timestamp&&e(k)}),c(y),c(h);var A=n(h,2),j=e=>{var n=ge(),i=u(n);r(i,{name:`editor`,size:13}),c(n),t(`click`,n,e=>(e.stopPropagation(),Q(a()))),x(e,n)};O(A,e=>{a().file&&e(j)}),f(()=>S(s,1,`sev ${a().kind??``}`,`svelte-fcxvld`)),x(i,o)},empty:e=>{I(e,{get res(){return W},get total(){return v(Y).length},loading:`Collecting diagnostics…`,failed:`Could not load problems`,icon:`check`,title:`No problems`,noMatch:`No problems match`,children:(e,t)=>{var n=ve();x(e,n)},$$slots:{default:!0}})},$$slots:{row:!0,empty:!0}})},$$slots:{aside:!0,default:!0}})}},$$slots:{toolbar:!0,actions:!0,default:!0}}),o()}g([`click`]);export{W as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{Bt as e,Ft as t,Gt as n,Ht as r,Kt as i,Lt as a,Mt as o,Nt as s,Ot as c,Pt as l,Rt as u,Tt as d,Ut as f,W as p,_t as m,a as h,at as ee,bt as g,dt as te,ht as _,it as v,m as y,n as b,pt as x,tt as S,ut as ne,vt as C,xt as w,yt as T}from"./resource.svelte-GBY8qvgR.js";import{n as re,t as E}from"./Panel-BoUvB1nh.js";import{t as D}from"./ResourceEmpty-BBhK6GZB.js";import{t as O}from"./Segmented-CK2euuus.js";import{t as k}from"./
|
|
1
|
+
import{Bt as e,Ft as t,Gt as n,Ht as r,Kt as i,Lt as a,Mt as o,Nt as s,Ot as c,Pt as l,Rt as u,Tt as d,Ut as f,W as p,_t as m,a as h,at as ee,bt as g,dt as te,ht as _,it as v,m as y,n as b,pt as x,tt as S,ut as ne,vt as C,xt as w,yt as T}from"./resource.svelte-GBY8qvgR.js";import{n as re,t as E}from"./Panel-BoUvB1nh.js";import{t as D}from"./ResourceEmpty-BBhK6GZB.js";import{t as O}from"./Segmented-CK2euuus.js";import{t as k}from"./StatList-Cd2sByRK.js";import{t as A}from"./LiveControls-BDWnVlkm.js";import{t as j}from"./versions-Dmo1-Hsc.js";var M=T(`<!> <!>`,1),N=T(`<p>Keep your app open in a visible tab — it reports its frame rate twice a second.</p>`),ie=g(`<rect y="0" class="region svelte-k0bxx6"></rect>`),ae=g(`<path class="area svelte-k0bxx6"></path>`),oe=g(`<path class="line svelte-k0bxx6" vector-effect="non-scaling-stroke"></path>`),se=g(`<line class="drop svelte-k0bxx6" vector-effect="non-scaling-stroke"></line>`),ce=T(`<section class="rec svelte-k0bxx6" aria-label="Recording result"><h3 class="section-title svelte-k0bxx6"> </h3> <!></section>`),le=T(`<div class="wrap svelte-k0bxx6"><div class="top svelte-k0bxx6"><div class="now svelte-k0bxx6"><span> </span> <span class="unit svelte-k0bxx6">fps</span> <!></div> <!></div> <figure class="chart svelte-k0bxx6"><svg preserveAspectRatio="none" role="img" class="svelte-k0bxx6"><line x1="0" class="grid target svelte-k0bxx6"></line><line x1="0" class="grid warn svelte-k0bxx6"></line><!><!><!><!></svg> <span class="label l60 svelte-k0bxx6">60</span> <span class="label l30 svelte-k0bxx6"></span> <figcaption class="axis svelte-k0bxx6"><span> </span><span>now</span></figcaption></figure> <!></div>`);function P(g,T){f(T,!0);let P=b(y,{initial:[],interval:500,version:j(`fps`)}),F=1e3,I=u(`30`),L=u(!1),R=u(0),z=u(0),B=e(()=>P.data.at(-1)?.timestamp??Date.now()),V=e(()=>Number(d(I))*1e3),H=e(()=>P.data.filter(e=>e.timestamp>=d(B)-d(V))),U=e(()=>P.data.at(-1)?.fps??0),W=e=>(e-(d(B)-d(V)))/d(V)*F,G=e=>200-Math.min(e,120)/120*200,K=e(()=>d(H).length>1?`M`+d(H).map(e=>`${W(e.timestamp).toFixed(1)},${G(e.fps).toFixed(1)}`).join(`L`):``),q=e(()=>d(K)?`${d(K)}L${W(d(H).at(-1).timestamp).toFixed(1)},200L${W(d(H)[0].timestamp).toFixed(1)},200Z`:``),ue=e(()=>d(H).filter(e=>e.fps<30)),J=e(()=>{if(!d(R))return[];let e=d(L)?1/0:d(z);return P.data.filter(t=>t.timestamp>=d(R)&&t.timestamp<=e)});function Y(e){if(!e.length)return null;let t=e.map(e=>e.fps).sort((e,t)=>e-t),n=t[0],r=t[Math.floor(t.length*.01)],i=Math.round(t.reduce((e,t)=>e+t,0)/t.length),a=t.filter(e=>e<30).length;return{count:t.length,items:[{label:`Min`,value:n,tone:$(n)},{label:`1% low`,value:r,tone:$(r)},{label:`Avg`,value:i,tone:$(i)},{label:`Max`,value:t.at(-1)},{label:`Drops <30`,value:a,tone:a>0?`red`:null}]}}let X=e(()=>Y(d(H))),Z=e(()=>Y(d(J))),Q=e(()=>{if(!d(R))return null;let e=Math.max(0,W(d(R))),t=Math.min(F,d(L)?F:W(d(z)));return t>e?{x:e,w:t-e}:null});function $(e){return e>=55?`green`:e>=30?`yellow`:`red`}function de(){d(L)?(a(L,!1),a(z,d(B),!0)):(a(L,!0),a(R,d(B),!0),a(z,0))}async function fe(){await h().catch(()=>{}),P.set([]),a(L,!1),a(R,a(z,0),!0)}E(g,{title:`Frame rate`,scroll:!0,toolbar:r=>{var i=M(),o=s(i);O(o,{label:`Time window`,options:[{value:`15`,label:`15 s`},{value:`30`,label:`30 s`},{value:`60`,label:`60 s`}],get value(){return d(I)},set value(e){a(I,e,!0)}});var l=t(o,2);{let t=e(()=>d(L)?`stop`:`record`),r=e(()=>d(L)?`primary`:`default`);p(l,{get icon(){return d(t)},get variant(){return d(r)},onclick:de,children:(e,t)=>{n();var r=w();c(()=>_(r,d(L)?`Stop recording`:`Record`)),m(e,r)},$$slots:{default:!0}})}m(r,i)},actions:e=>{A(e,{get res(){return P},onclear:fe})},children:(e,r)=>{var a=C(),u=s(a),f=e=>{D(e,{get res(){return P},total:0,loading:`Waiting for frames…`,failed:`Could not load frame samples`,icon:`fps`,title:`No frame samples yet`,children:(e,t)=>{var n=N();m(e,n)},$$slots:{default:!0}})},p=e=>{var r=le(),a=o(r),s=o(a),u=o(s),f=l(u,!0),p=t(u,4),h=e=>{re(e,{tone:`red`,children:(e,t)=>{n();var r=w(`● REC`);m(e,r)},$$slots:{default:!0}})};x(p,e=>{d(L)&&e(h)}),i(s);var g=t(s,2),y=e=>{k(e,{get items(){return d(X).items},variant:`box`})};x(g,e=>{d(X)&&e(y)}),i(a);var b=t(a,2),C=o(b);S(C,`viewBox`,`0 0 1000 200`);var T=o(C);S(T,`x2`,F);var E=t(T);S(E,`x2`,F);var D=t(E),O=e=>{var t=ie();S(t,`height`,200),c(()=>{S(t,`x`,d(Q).x),S(t,`width`,d(Q).w)}),m(e,t)};x(D,e=>{d(Q)&&e(O)});var A=t(D),j=e=>{var t=ae();c(()=>S(t,`d`,d(q))),m(e,t)};x(A,e=>{d(q)&&e(j)});var M=t(A),N=e=>{var t=oe();c(()=>S(t,`d`,d(K))),m(e,t)};x(M,e=>{d(K)&&e(N)});var P=t(M);ne(P,17,()=>d(ue),te,(e,t)=>{var n=se();S(n,`y2`,200),c((e,t,r)=>{S(n,`x1`,e),S(n,`x2`,t),S(n,`y1`,r)},[()=>W(d(t).timestamp),()=>W(d(t).timestamp),()=>G(d(t).fps)]),m(e,n)}),i(C);var B=t(C,2);let V;var H=t(B,2);let J;H.textContent=`30`;var Y=t(H,2),de=o(Y),fe=l(de);n(),i(Y),i(b);var pe=t(b,2),me=e=>{var n=ce(),r=o(n),a=l(r),s=t(r,2);k(s,{get items(){return d(Z).items},variant:`box`}),i(n),c(e=>_(a,`Recording · ${e??``} s · ${d(Z).count??``} samples`),[()=>((d(z)-d(R))/1e3).toFixed(1)]),m(e,n)};x(pe,e=>{d(Z)&&!d(L)&&e(me)}),i(r),c((e,t,n,r,i,a,o)=>{ee(u,1,`big num ${e??``}`,`svelte-k0bxx6`),_(f,d(U)),S(C,`aria-label`,`Frame rate over the last ${d(I)??``} seconds`),S(T,`y1`,t),S(T,`y2`,n),S(E,`y1`,r),S(E,`y2`,i),V=v(B,``,V,{top:a}),J=v(H,``,J,{top:o}),_(fe,`−${d(I)??``}s`)},[()=>$(d(U)),()=>G(60),()=>G(60),()=>G(30),()=>G(30),()=>`${G(60)/200*100}%`,()=>`${G(30)/200*100}%`]),m(e,r)};x(u,e=>{P.data.length===0?e(f):e(p,-1)}),m(e,a)},$$slots:{toolbar:!0,actions:!0,default:!0}}),r()}export{P as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{Bt as e,Ct as t,D as n,F as r,Ft as i,Gt as a,H as o,Ht as s,It as c,J as l,K as u,Kt as d,Lt as f,Mt as p,Nt as m,O as h,Ot as g,Pt as _,Rt as v,St as y,Tt as b,Ut as ee,W as x,Y as S,_t as C,at as te,bt as w,dt as ne,ht as T,it as E,k as D,lt as O,n as re,pt as k,qt as A,r as j,tt as M,ut as ie,vt as N,wt as P,xt as F,yt as I}from"./resource.svelte-GBY8qvgR.js";import{d as L,f as R,l as z,o as B,r as ae,s as V,u as H}from"./index-
|
|
1
|
+
import{Bt as e,Ct as t,D as n,F as r,Ft as i,Gt as a,H as o,Ht as s,It as c,J as l,K as u,Kt as d,Lt as f,Mt as p,Nt as m,O as h,Ot as g,Pt as _,Rt as v,St as y,Tt as b,Ut as ee,W as x,Y as S,_t as C,at as te,bt as w,dt as ne,ht as T,it as E,k as D,lt as O,n as re,pt as k,qt as A,r as j,tt as M,ut as ie,vt as N,wt as P,xt as F,yt as I}from"./resource.svelte-GBY8qvgR.js";import{d as L,f as R,l as z,o as B,r as ae,s as V,u as H}from"./index-JV_VtUOj.js";import{n as oe,t as se}from"./Panel-BoUvB1nh.js";import{t as ce}from"./ResourceEmpty-BBhK6GZB.js";import{t as le}from"./SearchField-C1RVVJht.js";import{t as ue}from"./SplitView-CjY2q-Tx.js";import{t as de}from"./VirtualList-CLxNqdaN.js";var U=I(`<div><span class="ln num svelte-14u3s6p"> </span><span class="src svelte-14u3s6p"></span></div>`),W=I(`<div class="pane svelte-14u3s6p"><div class="title svelte-14u3s6p"><span> </span> <span class="faint num"> </span></div> <div class="viewport svelte-14u3s6p" tabindex="0" role="region"><div class="spacer svelte-14u3s6p"></div></div></div>`);function fe(n,r){ee(r,!0);let a=u(r,`origin`,3,!1),o=u(r,`scrollTop`,15,0),c=u(r,`lineHeight`,3,18),m=v(null),h=v(0),y=e(()=>Math.max(0,Math.floor(o()/c())-20)),x=e(()=>Math.min(r.html.length,Math.ceil((o()+b(h))/c())+20)),w=e(()=>Array.from({length:b(x)-b(y)},(e,t)=>b(y)+t+1)),ne=e(()=>String(r.html.length).length+1);function D(e){if(!b(m))return;let t=(e-1)*c();(t<b(m).scrollTop||t>b(m).scrollTop+b(h)-c())&&b(m).scrollTo({top:Math.max(0,t-b(h)/3),behavior:`smooth`})}function re(e){if(e.key!==`ArrowDown`&&e.key!==`ArrowUp`)return;let t=r.highlighted.size&&a()?Math.min(...r.highlighted):0,n=Math.max(1,Math.min(r.html.length,t+(e.key===`ArrowDown`?1:-1)));e.preventDefault(),r.onlineclick?.(n),D(n)}var k={scrollToLine:D},A=W(),j=p(A),N=p(j),F=_(N,!0),I=i(N,2),L=_(I);d(j);var R=i(j,2),z=p(R);let B;return ie(z,20,()=>b(w),e=>e,(e,n)=>{var o=U();let s,l;var u=p(o),f=_(u,!0),m=i(u);O(m,()=>r.html[n-1]||` `,!0),d(m),d(o),g((e,t)=>{s=te(o,1,`line svelte-14u3s6p`,null,s,{hl:e,origin:t}),l=E(o,``,l,{transform:`translateY(${(n-1)*c()}px)`}),T(f,n)},[()=>r.highlighted.has(n),()=>a()&&r.highlighted.has(n)]),t(`click`,o,()=>r.onlineclick?.(n)),C(e,o)}),d(z),d(R),l(R,e=>f(m,e),()=>b(m)),d(A),g(()=>{T(F,r.title),T(L,`${r.html.length??``} lines`),M(R,`aria-label`,`${r.title??``} code`),B=E(z,``,B,{height:`${r.html.length*c()}px`,"--lh":`${c()??``}px`,"--gutter":`${b(ne)??``}ch`})}),P(`scroll`,R,()=>b(m)&&o(b(m).scrollTop)),t(`keydown`,R,re),S(R,`clientHeight`,e=>f(h,e)),C(n,A),s(k)}y([`keydown`,`click`]);var G=new Set(`const,let,var,function,return,if,else,for,while,do,switch,case,break,continue,new,this,typeof,instanceof,void,delete,throw,try,catch,finally,class,extends,super,import,export,from,default,async,await,yield,of,in`.split(`,`)),K=new Set(`true,false,null,undefined,NaN,Infinity`.split(`,`)),q=new Set([`$state`,`$derived`,`$effect`,`$props`,`$inspect`,`$bindable`,`$host`]);function J(e){return e.replaceAll(`&`,`&`).replaceAll(`<`,`<`).replaceAll(`>`,`>`)}function Y(e,t){for(let n=t;n<e.length;n++)if(e[n]===`\\`)n++;else if(e[n]==="`")return n+1;return-1}function pe(e,t){let n=[],r=0;if(t.s===`comment`){let i=e.indexOf(`*/`);if(i===-1)return[{t:e,c:`hl-cm`}];n.push({t:e.slice(0,i+2),c:`hl-cm`}),r=i+2,t.s=`code`}else if(t.s===`template`){let i=Y(e,0);if(i===-1)return[{t:e,c:`hl-st`}];n.push({t:e.slice(0,i),c:`hl-st`}),r=i,t.s=`code`}for(;r<e.length;){let i=e.charAt(r);if(H(i)){let t=R(e,r,H);n.push({t:e.slice(r,t)}),r=t;continue}if(i===`/`&&e[r+1]===`/`){n.push({t:e.slice(r),c:`hl-cm`});break}if(i===`/`&&e[r+1]===`*`){let i=e.indexOf(`*/`,r+2);if(i===-1){n.push({t:e.slice(r),c:`hl-cm`}),t.s=`comment`;break}n.push({t:e.slice(r,i+2),c:`hl-cm`}),r=i+2;continue}if(i==="`"){let i=Y(e,r+1);if(i===-1){n.push({t:e.slice(r),c:`hl-st`}),t.s=`template`;break}n.push({t:e.slice(r,i),c:`hl-st`}),r=i;continue}if(i===`"`||i===`'`){let t=r+1;for(;t<e.length&&e[t]!==i;)e[t]===`\\`&&t++,t++;n.push({t:e.slice(r,t+1),c:`hl-st`}),r=t+1;continue}if(V(i)&&!L(e[r-1])){let t=R(e,r,e=>V(e)||e===`.`||e===`e`||e===`_`);n.push({t:e.slice(r,t),c:`hl-nm`}),r=t;continue}if(z(i)){let t=R(e,r,e=>L(e)||e===`$`||e===`.`),i=e.slice(r,t),a;i.startsWith(`$.`)||q.has(i.split(`.`)[0])?a=`hl-sv`:G.has(i)?a=`hl-kw`:K.has(i)?a=`hl-lt`:e[t]===`(`&&(a=`hl-fn`),n.push({t:i,c:a}),r=t;continue}n.push({t:i}),r++}return n}function X(e,t){let n=0,r=``,i=t;for(;i<e.length;i++){let t=e[i];if(r)t===r&&(r=``);else if(n>0)t===`{`?n++:t===`}`&&n--;else if(t===`{`)n++;else if(t===`"`||t===`'`)r=t;else if(t===`>`)break}return i}var Z=e=>L(e)||e===`:`||e===`-`,me=e=>Z(e)||e===`|`;function Q(e){let t=[],n=0;for(;n<e.length;){if(e[n]===`<`){let r=X(e,n),i=e.slice(n,r+1),a=i[1]===`/`?2:1,o=R(i,a,Z);if(o===a){t.push({t:i,c:`hl-tg`}),n=r+1;continue}t.push({t:i.slice(0,o),c:`hl-tg`});let s=i.slice(o);for(;s.length>0;){let e=R(s,0,H),n=e>0?R(s,e,me):0;if(n>e&&s[n]===`=`){if(t.push({t:s.slice(0,e)},{t:s.slice(e,n),c:`hl-at`},{t:`=`}),s=s.slice(n+1),s[0]===`"`||s[0]===`'`){let e=s[0],n=1;for(;n<s.length&&s[n]!==e;)n++;t.push({t:s.slice(0,n+1),c:`hl-st`}),s=s.slice(n+1)}else if(s[0]===`{`){let e=1,n=1;for(;e<s.length&&n>0;)s[e]===`{`&&n++,s[e]===`}`&&n--,e++;t.push({t:s.slice(0,e),c:`hl-ex`}),s=s.slice(e)}continue}n>e?(t.push({t:s.slice(0,e)},{t:s.slice(e,n),c:`hl-at`}),s=s.slice(n)):(t.push({t:s.charAt(0),c:s[0]===`>`||s[0]===`/`?`hl-tg`:void 0}),s=s.slice(1))}n=r+1;continue}if(e[n]===`{`){let r=n+1,i=1;for(;r<e.length&&i>0;)e[r]===`{`&&i++,e[r]===`}`&&i--,r++;t.push({t:e.slice(n,r),c:`hl-ex`}),n=r;continue}let r=n;for(;r<e.length&&e[r]!==`<`&&e[r]!==`{`;)r++;t.push({t:e.slice(n,Math.max(r,n+1))}),n=Math.max(r,n+1)}return t}function he(e){let t=e.trimStart(),n=e.slice(0,e.length-t.length),r=t.trimEnd(),i=t.indexOf(`{`);if(i>0&&i===r.length-1){let e=t.slice(0,i).trimEnd();return[{t:n},{t:e,c:`hl-cs`},{t:t.slice(e.length)}]}let a=R(t,0,e=>L(e)||e===`-`),o=R(t,a,H);if(a>0&&t[o]===`:`){let e=R(t,o+1,H),i=r.endsWith(`;`)&&r.length-1>e?r.length-1:r.length;if(i>e)return[{t:n},{t:t.slice(0,a),c:`hl-cp`},{t:t.slice(a,e)},{t:t.slice(e,i),c:`hl-cv`},{t:t.slice(i)}]}return[{t:e}]}function $(e){let t=``;for(let n of e)t+=n.c?`<span class="${n.c}">${J(n.t)}</span>`:J(n.t);return t}function ge(e){let t=`template`,n={s:`code`};return e.map(e=>{let r=e.trim();return r.startsWith(`<script`)?(r.includes(`<\/script>`)||(t=`script`),n.s=`code`,$(Q(e))):r.startsWith(`<\/script`)?(t=`template`,$(Q(e))):r.startsWith(`<style`)?(r.includes(`</style>`)||(t=`style`),$(Q(e))):r.startsWith(`</style`)?(t=`template`,$(Q(e))):$(t===`script`?pe(e,n):t===`style`?he(e):Q(e))})}function _e(e){let t={s:`code`};return e.map(e=>$(pe(e,t)))}var ve=`ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/`,ye=new Map;for(let e=0;e<64;e++)ye.set(ve.charAt(e),e);function be(e){let t=[],n=0,r=0;for(let i of e){let e=ye.get(i);e!==void 0&&(r+=(e&31)<<n,e&32?n+=5:(t.push(r&1?-(r>>1):r>>1),r=0,n=0))}return t}function xe(e){let t=new Map,n=new Map,r=0,i=e.split(`;`);for(let e=0;e<i.length;e++){let a=i[e];if(a)for(let i of a.split(`,`)){let a=be(i);if(a.length<4)continue;r+=a[2];let o=e+1,s=r+1;(t.get(o)??t.set(o,new Set).get(o)).add(s),(n.get(s)??n.set(s,new Set).get(s)).add(o)}}return{compiledToSource:t,sourceToCompiled:n}}var Se=I(`<span class="file mono truncate svelte-1puslgj"> </span> <!>`,1),Ce=I(`<!> <!>`,1),we=I(`<span class="name truncate svelte-1puslgj"><!></span> <span class="path truncate svelte-1puslgj"><!></span>`,1),Te=I(`<p>See exactly what the Svelte compiler emits. Click any line to jump to its
|
|
2
2
|
source-mapped counterpart.</p>`),Ee=w(`<path class="svelte-1puslgj"></path>`),De=I(`<div class="gutter svelte-1puslgj" aria-hidden="true"><svg width="100%" height="100%" preserveAspectRatio="none" class="svelte-1puslgj"></svg></div>`),Oe=I(`<!> <!> <!>`,1),ke=I(`<div><!></div>`);function Ae(t,u){ee(u,!0);let y=re(n,{initial:[]}),w=v(``),E=v(null),O=v(null),P=v(null),I=v(!1),L=v(null),R=v(c(new Set)),z=v(c(new Set)),V=v(null),H=v(0),U=v(0),W=v(0),G=v(null),K=v(null),q=v(1e3),J=e(()=>{let e=B(b(w));return e?y.data.filter(t=>e(t.name,t.file)):y.data}),Y=e(()=>b(O)?ge(b(O).source.split(`
|
|
3
3
|
`)):[]),pe=e(()=>b(O)?_e(b(O).compiled.split(`
|
|
4
4
|
`)):[]),X=e(()=>b(q)<700),Z=0;async function me(e){let t=++Z;f(I,!0),f(L,null),f(R,new Set,!0),f(z,new Set,!0),f(V,null);try{let n=await h(e);if(t!==Z)return;f(O,n),f(P,n.mappings?xe(n.mappings):null)}catch(e){if(t!==Z)return;f(O,null),f(P,null),f(L,r(e),!0)}finally{t===Z&&f(I,!1)}}function Q(e){f(V,`source`),f(R,new Set([e]),!0);let t=b(P)?.sourceToCompiled.get(e);f(z,new Set(t??[]),!0),t?.size&&b(K)?.scrollToLine(Math.min(...t))}function he(e){f(V,`compiled`),f(z,new Set([e]),!0);let t=b(P)?.compiledToSource.get(e);f(R,new Set(t??[]),!0),t?.size&&b(G)?.scrollToLine(Math.min(...t))}let $=e(()=>{if(!b(P)||b(X))return[];let e=[],t=b(V)===`compiled`?b(z):b(R);for(let n of t){let t=b(V)===`compiled`?b(P).compiledToSource.get(n):b(P).sourceToCompiled.get(n);for(let r of t??[]){let[t,i]=b(V)===`compiled`?[r,n]:[n,r];e.push({a:(t-.5)*18-b(H),b:(i-.5)*18-b(U)})}}return e.filter(e=>(e.a>-18||e.b>-18)&&(e.a<b(W)+18||e.b<b(W)+18)).slice(0,200)});se(t,{title:`Compiled output`,get count(){return y.data.length},toolbar:e=>{var t=Ce(),n=m(t);le(n,{placeholder:`Find a .svelte file…`,get count(){return b(J).length},get value(){return b(w)},set value(e){f(w,e,!0)}});var r=i(n,2),s=e=>{var t=Se(),n=m(t),r=_(n,!0),s=i(n,2),c=e=>{oe(e,{tone:`green`,children:(e,t)=>{a();var n=F(`source map`);C(e,n)},$$slots:{default:!0}})},l=e=>{oe(e,{children:(e,t)=>{a();var n=F(`no source map`);C(e,n)},$$slots:{default:!0}})};k(s,e=>{b(P)?e(c):e(l,-1)}),g(e=>{M(n,`title`,b(O).file),T(r,e)},[()=>o(b(O).file,3)]),C(e,t)};k(r,e=>{b(O)&&e(s)}),C(e,t)},actions:e=>{var t=N(),n=m(t),r=e=>{var t=Ce(),n=m(t);x(n,{icon:`editor`,variant:`ghost`,label:`Open source in editor`,onclick:()=>D(b(O).file).catch(()=>{})});var r=i(n,2);x(r,{icon:`refresh`,variant:`ghost`,label:`Recompile`,get disabled(){return b(I)},onclick:()=>b(E)&&me(b(E))}),C(e,t)};k(n,e=>{b(O)&&e(r)}),C(e,t)},children:(t,n)=>{ue(t,{id:`inspect`,side:`start`,initial:280,min:180,open:!0,aside:t=>{de(t,{get items(){return b(J)},getKey:e=>e.file,label:`Svelte files`,onselect:e=>me(e.file),get selected(){return b(E)},set selected(e){f(E,e,!0)},row:(t,n=A)=>{var r=we(),a=m(r),s=p(a);ae(s,{get text(){return n().name},get query(){return b(w)}}),d(a);var c=i(a,2),l=p(c);{let t=e(()=>o(n().file,3));ae(l,{get text(){return b(t)},get query(){return b(w)}})}d(c),C(t,r)},empty:e=>{ce(e,{get res(){return y},get total(){return y.data.length},loading:`Listing files…`,failed:`Could not list files`,icon:`inspect`,title:`No .svelte files`,noMatch:`No files match`})},$$slots:{row:!0,empty:!0}})},children:(t,n)=>{var r=ke();let a;var o=p(r),s=e=>{j(e,{title:`Could not compile this file`,get error(){return b(L)}})},c=t=>{{let n=e(()=>b(I)?`Compiling…`:`Pick a component`);j(t,{icon:`inspect`,get title(){return b(n)},children:(e,t)=>{var n=N(),r=m(n),i=e=>{var t=Te();C(e,t)};k(r,e=>{b(I)||e(i)}),C(e,n)},$$slots:{default:!0}})}},u=t=>{var n=Oe(),r=m(n);{let t=e(()=>b(V)===`source`);l(fe(r,{title:`Source`,get html(){return b(Y)},get highlighted(){return b(R)},get origin(){return b(t)},lineHeight:18,onlineclick:Q,get scrollTop(){return b(H)},set scrollTop(e){f(H,e,!0)}}),e=>f(G,e,!0),()=>b(G))}var a=i(r,2),o=e=>{var t=De(),n=p(t);ie(n,21,()=>b($),ne,(e,t)=>{var n=Ee();g(()=>M(n,`d`,`M0 ${b(t).a+28} C 24 ${b(t).a+28}, 24 ${b(t).b+28}, 48 ${b(t).b+28}`)),C(e,n)}),d(n),d(t),S(t,`clientHeight`,e=>f(W,e)),C(e,t)};k(a,e=>{b(X)||e(o)});var s=i(a,2);{let t=e(()=>b(V)===`compiled`);l(fe(s,{title:`Compiled JS`,get html(){return b(pe)},get highlighted(){return b(z)},get origin(){return b(t)},lineHeight:18,onlineclick:he,get scrollTop(){return b(U)},set scrollTop(e){f(U,e,!0)}}),e=>f(K,e,!0),()=>b(K))}C(t,n)};k(o,e=>{b(L)?e(s):b(O)?e(u,-1):e(c,1)}),d(r),g(()=>{a=te(r,1,`code svelte-1puslgj`,null,a,{stacked:b(X)}),M(r,`aria-busy`,b(I))}),S(r,`clientWidth`,e=>f(q,e)),C(t,r)},$$slots:{aside:!0,default:!0}})},$$slots:{toolbar:!0,actions:!0,default:!0}}),s()}export{Ae as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{Bt as e,Ft as t,Gt as n,Ht as r,It as i,Kt as a,L as o,Lt as s,Mt as c,Nt as l,Ot as u,Pt as d,R as ee,Rt as f,Tt as p,Ut as m,W as h,_ as g,_t as _,at as v,ht as y,it as te,k as b,n as x,o as S,pt as C,qt as w,tt as ne,xt as T,yt as E,z as D}from"./resource.svelte-GBY8qvgR.js";import{o as O,r as k}from"./index-
|
|
1
|
+
import{Bt as e,Ft as t,Gt as n,Ht as r,It as i,Kt as a,L as o,Lt as s,Mt as c,Nt as l,Ot as u,Pt as d,R as ee,Rt as f,Tt as p,Ut as m,W as h,_ as g,_t as _,at as v,ht as y,it as te,k as b,n as x,o as S,pt as C,qt as w,tt as ne,xt as T,yt as E,z as D}from"./resource.svelte-GBY8qvgR.js";import{o as O,r as k}from"./index-JV_VtUOj.js";import{n as A,t as j}from"./Panel-BoUvB1nh.js";import{t as M}from"./ResourceEmpty-BBhK6GZB.js";import{t as N}from"./SearchField-C1RVVJht.js";import{t as P}from"./DataTable-C8wIHfdk.js";import{t as F}from"./Segmented-CK2euuus.js";import{r as I}from"./collections-BtFss6Lo.js";import{t as L}from"./StatList-Cd2sByRK.js";import{t as R}from"./CaptureNotice-DNYJjRjY.js";import{t as z}from"./LiveControls-BDWnVlkm.js";import{t as B}from"./versions-Dmo1-Hsc.js";import{t as V}from"./capture.svelte-CetYVdiG.js";var H=E(`<!> <!> <!> <!>`,1),re=E(`<span class="end num muted"> </span>`),ie=E(`<span class="end num faint"> </span>`),ae=E(`<span class="truncate mono route svelte-tvfp2o"><!></span> <span><!></span> <span class="dur svelte-tvfp2o"><span class="track svelte-tvfp2o"><span></span></span> <span> </span></span> <!> <!>`,1),oe=E(`<p>Navigate between routes in your app to time their <code>load</code> functions.</p>`),se=E(`<div class="layout svelte-tvfp2o"><!> <div class="table svelte-tvfp2o"><!></div></div>`);function U(E,U){m(U,!0);let W=x(g,{initial:[],interval:2e3,version:B(`loadProfiles`)}),ce=V(2e3),G=f(``),K=f(`all`),q=f(!1),J=f(i({id:`time`,desc:!0})),Y=f(null),X=e(()=>{let e=I(W.data,e=>`${e.timestamp}:${e.route}:${e.type}`);return W.data.map((t,n)=>({...t,key:e[n]}))}),Z=e(()=>{let e=O(p(G));return p(X).filter(t=>(p(K)===`all`||t.type===p(K))&&(!p(q)||t.duration>100)&&(!e||e(t.route,t.file)))}),Q=e(()=>{let e=p(Z).map(e=>e.duration).sort((e,t)=>e-t);if(!e.length)return null;let t=t=>e[Math.min(e.length-1,Math.floor(t*e.length))],n=e=>e>100?`red`:null,r=e.filter(e=>e>100).length;return[{label:`Calls`,value:e.length.toLocaleString()},{label:`Average`,value:D(e.reduce((e,t)=>e+t,0)/e.length)},{label:`p50`,value:D(t(.5))},{label:`p95`,value:D(t(.95)),tone:n(t(.95))},{label:`Max`,value:D(e.at(-1)),tone:n(e.at(-1))},{label:`> 100 ms`,value:r,tone:r>0?`red`:null}]}),le=e(()=>p(X).reduce((e,t)=>Math.max(e,t.duration),1)),$=e(()=>W.data.filter(e=>e.duration>100).length),ue=[{id:`route`,label:`Route`,width:`minmax(0, 1fr)`,sort:(e,t)=>e.route.localeCompare(t.route)},{id:`type`,label:`Type`,width:`84px`,sort:(e,t)=>e.type.localeCompare(t.type)},{id:`duration`,label:`Duration`,width:`minmax(140px, 0.6fr)`,descFirst:!0,sort:(e,t)=>e.duration-t.duration},{id:`size`,label:`Data`,width:`80px`,align:`end`,descFirst:!0,minWidth:620,sort:(e,t)=>e.dataSize-t.dataSize},{id:`time`,label:`At`,width:`76px`,align:`end`,descFirst:!0,minWidth:520,sort:(e,t)=>e.timestamp-t.timestamp}];async function de(){await S().catch(()=>{}),W.set([])}j(E,{title:`Load functions`,get count(){return W.data.length},toolbar:e=>{var r=H(),i=l(r);F(i,{label:`Load type`,options:[{value:`all`,label:`All`},{value:`server`,label:`Server`},{value:`universal`,label:`Universal`}],get value(){return p(K)},set value(e){s(K,e,!0)}});var a=t(i,2);N(a,{placeholder:`Filter routes…`,get count(){return p(Z).length},get value(){return p(G)},set value(e){s(G,e,!0)}});var o=t(a,2);R(o,{get info(){return ce.data.loadProfiles},noun:`load calls`});var c=t(o,2);h(c,{icon:`warning`,get pressed(){return p(q)},onclick:()=>s(q,!p(q)),title:`Only loads slower than 100 ms`,children:(e,t)=>{n();var r=T();u(()=>y(r,`Slow ${p($)?`(${p($)})`:``}`)),_(e,r)},$$slots:{default:!0}}),_(e,r)},actions:e=>{z(e,{get res(){return W},onclear:de})},children:(r,i)=>{var f=se(),m=c(f),h=e=>{L(e,{get items(){return p(Q)},variant:`strip`})};C(m,e=>{p(Q)&&e(h)});var g=t(m,2),x=c(g);P(x,{get items(){return p(Z)},get columns(){return ue},getKey:e=>e.key,label:`Load function calls`,onactivate:e=>b(e.file).catch(()=>{}),get sort(){return p(J)},set sort(e){s(J,e,!0)},get selected(){return p(Y)},set selected(e){s(Y,e,!0)},row:(r,i=w,s)=>{let f=()=>(s?.()).visible;var m=ae(),h=l(m),g=c(h);k(g,{get text(){return i().route},get query(){return p(G)}}),a(h);var b=t(h,2),x=c(b);{let t=e(()=>i().type===`server`?`blue`:`cyan`);A(x,{get tone(){return p(t)},children:(e,t)=>{n();var r=T();u(()=>y(r,i().type)),_(e,r)},$$slots:{default:!0}})}a(b);var S=t(b,2),E=c(S),O=c(E);let j,M;a(E);var N=t(E,2);let P;var F=d(N,!0);a(S);var I=t(S,2),L=e=>{var t=re(),n=d(t,!0);u(e=>y(n,e),[()=>o(i().dataSize)]),_(e,t)},R=e(()=>f().has(`size`));C(I,e=>{p(R)&&e(L)});var z=t(I,2),B=e=>{var t=ie(),n=d(t,!0);u(e=>y(n,e),[()=>ee(i().timestamp)]),_(e,t)},V=e(()=>f().has(`time`));C(z,e=>{p(V)&&e(B)}),u((e,t)=>{ne(h,`title`,i().file),j=v(O,1,`bar svelte-tvfp2o`,null,j,{slow:i().duration>100}),M=te(O,``,M,{width:e}),P=v(N,1,`num svelte-tvfp2o`,null,P,{slow:i().duration>100}),y(F,t)},[()=>`${Math.max(1.5,i().duration/p(le)*100)}%`,()=>D(i().duration)]),_(r,m)},empty:e=>{M(e,{get res(){return W},get total(){return W.data.length},loading:`Waiting for load calls…`,failed:`Could not load load-function timings`,icon:`loads`,title:`No load calls recorded yet`,noMatch:`No loads match`,children:(e,t)=>{var n=oe();_(e,n)},$$slots:{default:!0}})},$$slots:{row:!0,empty:!0}}),a(g),a(f),_(r,f)},$$slots:{toolbar:!0,actions:!0,default:!0}}),r()}export{U as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{Bt as e,Ct as t,Ft as n,G as r,Gt as i,Ht as a,It as o,Kt as s,L as c,Lt as l,Mt as u,N as d,Nt as f,Ot as p,Pt as m,Rt as h,St as g,Tt as _,Ut as v,W as y,_t as b,at as x,dt as S,ht as C,it as ee,k as w,n as T,pt as E,qt as D,tt as O,ut as k,v as A,vt as j,xt as M,yt as N}from"./resource.svelte-GBY8qvgR.js";import{o as P,r as te}from"./index-
|
|
1
|
+
import{Bt as e,Ct as t,Ft as n,G as r,Gt as i,Ht as a,It as o,Kt as s,L as c,Lt as l,Mt as u,N as d,Nt as f,Ot as p,Pt as m,Rt as h,St as g,Tt as _,Ut as v,W as y,_t as b,at as x,dt as S,ht as C,it as ee,k as w,n as T,pt as E,qt as D,tt as O,ut as k,v as A,vt as j,xt as M,yt as N}from"./resource.svelte-GBY8qvgR.js";import{o as P,r as te}from"./index-JV_VtUOj.js";import{n as F,t as I}from"./Panel-BoUvB1nh.js";import{t as L}from"./RefreshButton-QYzgSJG9.js";import{t as R}from"./ResourceEmpty-BBhK6GZB.js";import{t as ne}from"./SearchField-C1RVVJht.js";import{t as re}from"./SplitView-CjY2q-Tx.js";import{t as ie}from"./DataTable-C8wIHfdk.js";import{t as ae}from"./Inspector-pD5_jg0-.js";import{t as oe}from"./Segmented-CK2euuus.js";import{t as se}from"./collections-BtFss6Lo.js";import{t as ce}from"./kind-options-BLIV2wQY.js";var le=N(`<li><button type="button"><!> <span class="truncate"> </span> <span class="sub truncate mono svelte-18khbuj"> </span></button></li>`),ue=N(`<p class="more svelte-18khbuj"> </p>`),de=N(`<ul class="link-list svelte-18khbuj"></ul> <!>`,1),fe=N(`<p class="more svelte-18khbuj">None</p>`),pe=N(`<h3 class="section-title"> <span class="num"> </span></h3> <!>`,1),z=N(`<!> <!> <!>`,1),me=N(`<li class="svelte-18khbuj"><button type="button"> </button></li>`),he=N(`<h3 class="section-title"><!> </h3> <ol class="cycle svelte-18khbuj"></ol>`,1),ge=N(`<span class="cyc svelte-18khbuj" title="Part of a circular import"><!></span>`),_e=N(`<span class="end num muted"> </span>`),ve=N(`<span class="bar svelte-18khbuj"></span>`),ye=N(`<span class="mod svelte-18khbuj"><!> <span class="truncate mono id svelte-18khbuj"><!></span> <!></span> <!> <span class="end num muted"> </span> <span class="size end svelte-18khbuj"><!> <span class="num"> </span></span>`,1),be=N(`<p>Open the app so Vite transforms its modules, then refresh.</p>`);function B(g,N){v(N,!0);let B=(r,a=D,o=D)=>{var c=pe(),l=f(c),h=u(l),g=n(h),v=m(g,!0);s(l);var y=n(l,2),x=r=>{var a=de(),c=f(a);k(c,20,()=>o().slice(0,500),e=>e,(r,a)=>{let o=e(()=>_(q).get(a));var c=le(),l=u(c),f=u(l),h=e=>{F(e,{get tone(){return Z[_(o).type]},children:(e,t)=>{i();var n=M();p(()=>C(n,_(o).type)),b(e,n)},$$slots:{default:!0}})};E(f,e=>{_(o)&&e(h)});var g=n(f,2),v=m(g,!0),y=n(g,2),x=m(y,!0);s(l),s(c),p(e=>{l.disabled=!_(o),O(l,`title`,a),C(v,e),C(x,a)},[()=>d(a)]),t(`click`,l,()=>Q(a)),b(r,c)}),s(c);var l=n(c,2),h=e=>{var t=ue(),n=m(t);p(()=>C(n,`+${o().length-500} more`)),b(e,t)};E(l,e=>{o().length>500&&e(h)}),b(r,a)},S=e=>{var t=fe();b(e,t)};E(y,e=>{o().length?e(x):e(S,-1)}),p(()=>{C(h,`${a()??``} `),C(v,o().length)}),b(r,c)},V=T(A,{initial:{modules:[],cycles:[]}}),H=h(``),U=h(`all`),W=h(!1),G=h(o({id:`size`,desc:!0})),K=h(null),q=e(()=>new Map(V.data.modules.map(e=>[e.id,e]))),xe=e(()=>ce([`svelte`,`ts`,`js`,`css`,`other`],se(V.data.modules,e=>e.type),_(U),e=>e===`svelte`?`Svelte`:e.toUpperCase())),J=e(()=>{let e=P(_(H));return V.data.modules.filter(t=>(_(U)===`all`||t.type===_(U))&&(!_(W)||t.isCyclic)&&(!e||e(t.id)))}),Y=e(()=>V.data.modules.reduce((e,t)=>Math.max(e,t.size??0),1)),X=e(()=>_(K)?_(q).get(_(K))??null:null),Se=e(()=>_(X)?V.data.cycles.filter(e=>e.includes(_(X).id)):[]),Z={svelte:`accent`,ts:`blue`,js:`yellow`,css:`purple`,other:`neutral`},Ce=[{id:`id`,label:`Module`,width:`minmax(0, 1fr)`,sort:(e,t)=>e.id.localeCompare(t.id)},{id:`imports`,label:`Imports`,width:`64px`,align:`end`,descFirst:!0,minWidth:560,sort:(e,t)=>e.imports.length-t.imports.length},{id:`importers`,label:`Importers`,width:`72px`,align:`end`,descFirst:!0,sort:(e,t)=>e.importedBy.length-t.importedBy.length},{id:`size`,label:`Size`,width:`132px`,align:`end`,descFirst:!0,sort:(e,t)=>(e.size??0)-(t.size??0)}];function Q(e){_(q).has(e)&&(_(J).some(t=>t.id===e)||(l(H,``),l(U,`all`),l(W,!1)),l(K,e,!0))}function $(e){w(e.file).catch(()=>{})}I(g,{title:`Modules`,get count(){return V.data.modules.length},toolbar:e=>{var t=z(),r=f(t);oe(r,{label:`Module type`,get options(){return _(xe)},get value(){return _(U)},set value(e){l(U,e,!0)}});var a=n(r,2);ne(a,{placeholder:`Filter modules…`,get count(){return _(J).length},get value(){return _(H)},set value(e){l(H,e,!0)}});var o=n(a,2),s=e=>{y(e,{icon:`cycle`,get pressed(){return _(W)},onclick:()=>l(W,!_(W)),children:(e,t)=>{i();var n=M();p(()=>C(n,`${V.data.cycles.length??``} circular`)),b(e,n)},$$slots:{default:!0}})};E(o,e=>{V.data.cycles.length&&e(s)}),b(e,t)},actions:e=>{L(e,{get res(){return V},label:`Refresh module graph`})},children:(a,o)=>{{let o=a=>{var o=j(),h=f(o),g=a=>{{let o=e=>{var t=z(),r=f(t);F(r,{get tone(){return Z[_(X).type]},children:(e,t)=>{i();var n=M();p(()=>C(n,_(X).type)),b(e,n)},$$slots:{default:!0}});var a=n(r,2),o=e=>{F(e,{children:(e,t)=>{i();var n=M();p(e=>C(n,e),[()=>c(_(X).size)]),b(e,n)},$$slots:{default:!0}})};E(a,e=>{_(X).size&&e(o)});var s=n(a,2),l=e=>{F(e,{tone:`yellow`,children:(e,t)=>{i();var n=M(`circular`);b(e,n)},$$slots:{default:!0}})};E(s,e=>{_(X).isCyclic&&e(l)}),b(e,t)},h=e=>{y(e,{icon:`editor`,onclick:()=>$(_(X)),children:(e,t)=>{i();var n=M(`Open in editor`);b(e,n)},$$slots:{default:!0}})},g=e(()=>d(_(X).id));ae(a,{get title(){return _(g)},get subtitle(){return _(X).id},onclose:()=>l(K,null),badges:o,actions:h,children:(e,i)=>{var a=z(),o=f(a);k(o,17,()=>_(Se),S,(e,i,a)=>{var o=he(),c=f(o),l=u(c);r(l,{name:`cycle`,size:12});var h=n(l);h.nodeValue=` Cycle ${a+1}`,s(c);var g=n(c,2);k(g,21,()=>_(i),S,(e,n)=>{var r=me(),i=u(r);let a;var o=m(i,!0);s(r),p(e=>{a=x(i,1,`svelte-18khbuj`,null,a,{me:_(n)===_(X).id}),C(o,e)},[()=>d(_(n))]),t(`click`,i,()=>Q(_(n))),b(e,r)}),s(g),b(e,o)});var c=n(o,2);B(c,()=>`Imports`,()=>_(X).imports);var l=n(c,2);B(l,()=>`Imported by`,()=>_(X).importedBy),b(e,a)},$$slots:{badges:!0,actions:!0,default:!0}})}};E(h,e=>{_(X)&&e(g)}),b(a,o)},h=e(()=>!!_(X));re(a,{id:`modules`,get open(){return _(h)},aside:o,children:(t,a)=>{ie(t,{get items(){return _(J)},get columns(){return Ce},getKey:e=>e.id,label:`Modules`,onactivate:$,get sort(){return _(G)},set sort(e){l(G,e,!0)},get selected(){return _(K)},set selected(e){l(K,e,!0)},row:(t,a=D,o)=>{let l=()=>(o?.()).visible;var d=ye(),h=f(d),g=u(h);F(g,{get tone(){return Z[a().type]},children:(e,t)=>{i();var n=M();p(()=>C(n,a().type)),b(e,n)},$$slots:{default:!0}});var v=n(g,2),y=u(v);te(y,{get text(){return a().id},get query(){return _(H)}}),s(v);var x=n(v,2),S=e=>{var t=ge(),n=u(t);r(n,{name:`cycle`,size:12}),s(t),b(e,t)};E(x,e=>{a().isCyclic&&e(S)}),s(h);var w=n(h,2),T=e=>{var t=_e(),n=m(t,!0);p(()=>C(n,a().imports.length||``)),b(e,t)},O=e(()=>l().has(`imports`));E(w,e=>{_(O)&&e(T)});var k=n(w,2),A=m(k,!0),j=n(k,2),N=u(j),P=e=>{var t=ve();let n;p(e=>n=ee(t,``,n,{width:e}),[()=>`${Math.max(2,a().size/_(Y)*56)}px`]),b(e,t)};E(N,e=>{a().size&&e(P)});var I=n(N,2),L=m(I,!0);s(j),p(e=>{C(A,a().importedBy.length||``),C(L,e)},[()=>a().size?c(a().size):`—`]),b(t,d)},empty:e=>{R(e,{get res(){return V},get total(){return V.data.modules.length},loading:`Reading module graph…`,failed:`Could not read module graph`,icon:`modules`,title:`No modules transformed yet`,noMatch:`No modules match`,children:(e,t)=>{var n=be();b(e,n)},$$slots:{default:!0}})},$$slots:{row:!0,empty:!0}})},$$slots:{aside:!0,default:!0}})}},$$slots:{toolbar:!0,actions:!0,default:!0}}),a()}g([`click`]);export{B as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{Bt as e,Ct as t,Ft as n,G as r,Gt as i,Ht as a,Kt as o,L as s,Lt as c,Mt as l,Nt as u,Ot as d,Pt as f,Rt as p,St as m,T as h,Tt as g,Ut as _,W as v,_t as y,at as ee,b,f as x,h as S,ht as C,l as w,n as T,pt as E,r as D,ut as O,v as k,vt as A,w as j,xt as M,yt as N}from"./resource.svelte-GBY8qvgR.js";import{n as P,o as F,r as I}from"./index-
|
|
1
|
+
import{Bt as e,Ct as t,Ft as n,G as r,Gt as i,Ht as a,Kt as o,L as s,Lt as c,Mt as l,Nt as u,Ot as d,Pt as f,Rt as p,St as m,T as h,Tt as g,Ut as _,W as v,_t as y,at as ee,b,f as x,h as S,ht as C,l as w,n as T,pt as E,r as D,ut as O,v as k,vt as A,w as j,xt as M,yt as N}from"./resource.svelte-GBY8qvgR.js";import{n as P,o as F,r as I}from"./index-JV_VtUOj.js";import{n as L,t as R}from"./Panel-BoUvB1nh.js";import{t as z}from"./SearchField-C1RVVJht.js";import{t as B}from"./Segmented-CK2euuus.js";import{t as V}from"./versions-Dmo1-Hsc.js";var H=N(`<div class="wrap svelte-1ds2tgu"><div class="skeleton svelte-1ds2tgu"></div></div>`),U=N(`<p>This panel needs a running Vite dev server with <code>vite-devtools-svelte</code> installed.</p> <!>`,1),W=N(`<p class="faint mono svelte-1ds2tgu"> </p>`),G=N(`<button type="button" class="tile svelte-1ds2tgu"><span class="tile-head svelte-1ds2tgu"><!> <span class="go svelte-1ds2tgu"><!></span></span> <span> </span> <span class="tile-sub svelte-1ds2tgu"> </span></button>`),K=N(`<li class="dep svelte-1ds2tgu"><span class="dep-name truncate svelte-1ds2tgu"><!></span> <!> <span class="dep-ver mono svelte-1ds2tgu"> </span></li>`),te=N(`<li class="dep faint svelte-1ds2tgu">No packages match.</li>`),ne=N(`<div class="wrap svelte-1ds2tgu"><header class="hero svelte-1ds2tgu"><div><p class="eyebrow svelte-1ds2tgu">Project</p> <h2 class="name svelte-1ds2tgu"> </h2> <!></div> <dl class="stack svelte-1ds2tgu"><div class="svelte-1ds2tgu"><dt class="svelte-1ds2tgu">Svelte</dt> <dd class="mono svelte-1ds2tgu"> </dd></div> <div class="svelte-1ds2tgu"><dt class="svelte-1ds2tgu">SvelteKit</dt> <dd class="mono svelte-1ds2tgu"> </dd></div> <div class="svelte-1ds2tgu"><dt class="svelte-1ds2tgu">Vite</dt> <dd class="mono svelte-1ds2tgu"> </dd></div></dl></header> <div class="tiles svelte-1ds2tgu"></div> <section class="deps svelte-1ds2tgu" aria-labelledby="deps-title"><div class="deps-head svelte-1ds2tgu"><h3 id="deps-title" class="h3 svelte-1ds2tgu">Dependencies</h3> <!> <!></div> <ul class="dep-list svelte-1ds2tgu" aria-label="Dependencies"></ul></section></div>`);function q(m,N){_(N,!0);let q=T(b,{initial:null}),J=T(async()=>{function e(e){return e.then(e=>e,()=>null)}let[t,n,r,i,a]=await Promise.all([e(j()),e(w()),e(k()),e(x()),e(h())]);return{routes:t?.length??null,pages:t?.filter(e=>e.hasPage).length??null,endpoints:t?.filter(e=>e.hasEndpoint).length??null,assets:n?.length??null,assetBytes:n?.reduce((e,t)=>e+t.size,0)??null,modules:r?.modules.length??null,cycles:r?.cycles.length??null,warnings:i?.length??null,errors:a?.length??null}},{initial:null}),Y=T(async()=>{let e=await S();return{count:e.length,files:new Set(e.map(e=>e.file)).size}},{initial:null,interval:2e3,version:V(`components`)}),X=p(``),Z=p(`all`),Q=e(()=>{let e=q.data;if(!e)return[];let t=[];if(g(Z)!==`devDependencies`)for(let[n,r]of Object.entries(e.dependencies))t.push({name:n,version:r,dev:!1});if(g(Z)!==`dependencies`)for(let[n,r]of Object.entries(e.devDependencies))t.push({name:n,version:r,dev:!0});let n=F(g(X));return(n?t.filter(e=>n(e.name,e.version)):t).sort((e,t)=>e.name.localeCompare(t.name))}),$=e=>e==null?`—`:e.toLocaleString(),re=e(()=>{let e=J.data;return[{panel:`routes`,icon:`routes`,label:`Routes`,value:$(e?.routes),sub:e?`${$(e.pages)} pages · ${$(e.endpoints)} endpoints`:void 0},{panel:`components`,icon:`components`,label:`Mounted components`,value:$(Y.data?.count),sub:Y.data?`from ${$(Y.data.files)} files`:void 0},{panel:`modules`,icon:`modules`,label:`Modules`,value:$(e?.modules),sub:e?.cycles==null?void 0:e.cycles?`${$(e.cycles)} circular`:`no cycles`,tone:e?.cycles?`yellow`:void 0},{panel:`assets`,icon:`assets`,label:`Static assets`,value:$(e?.assets),sub:e?.assetBytes==null?void 0:s(e.assetBytes)},{panel:`errors`,icon:`errors`,label:`Problems`,value:$(e&&e.warnings!=null&&e.errors!=null?e.warnings+e.errors:null),sub:e?`${$(e.errors)} errors · ${$(e.warnings)} warnings`:void 0,tone:e?.errors?`red`:e?.warnings?`yellow`:void 0}]});R(m,{title:`Overview`,scroll:!0,actions:e=>{v(e,{icon:`refresh`,variant:`ghost`,label:`Refresh`,onclick:()=>(q.refresh(),J.refresh(),Y.refresh())})},children:(a,s)=>{var p=A(),m=u(p),h=e=>{var t=H();y(e,t)},_=t=>{{let r=e(()=>q.error??``);D(t,{title:`Dev server not reachable`,get error(){return g(r)},children:(e,t)=>{var r=U(),a=n(u(r),2);v(a,{icon:`refresh`,onclick:()=>q.refresh(),children:(e,t)=>{i();var n=M(`Retry`);y(e,n)},$$slots:{default:!0}}),y(e,r)},$$slots:{default:!0}})}},b=a=>{let s=e(()=>q.data);var u=ne(),p=l(u),m=l(p),h=n(l(m),2),_=f(h,!0),v=n(h,2),b=e=>{var t=W(),n=f(t);d(()=>C(n,`v${g(s).version??``}`)),y(e,t)};E(v,e=>{g(s).version&&e(b)}),o(m);var x=n(m,2),S=l(x),w=n(l(S),2),T=f(w,!0);o(S);var D=n(S,2),k=n(l(D),2),A=f(k,!0);o(D);var j=n(D,2),N=n(l(j),2),F=f(N,!0);o(j),o(x),o(p);var R=n(p,2);O(R,21,()=>g(re),e=>e.panel,(e,i)=>{var a=G(),s=l(a),c=l(s);r(c,{get name(){return g(i).icon},size:14});var u=n(c),p=n(u),m=l(p);r(m,{name:`chevron`,size:12}),o(p),o(s);var h=n(s,2);let _;var v=f(h,!0),b=n(h,2),x=f(b,!0);o(a),d(()=>{C(u,` ${g(i).label??``} `),_=ee(h,1,`tile-value num svelte-1ds2tgu`,null,_,{red:g(i).tone===`red`,yellow:g(i).tone===`yellow`}),C(v,g(i).value),C(x,g(i).sub??` `)}),t(`click`,a,()=>P.go(g(i).panel)),y(e,a)}),o(R);var V=n(R,2),H=l(V),U=n(l(H),2);{let t=e(()=>[{value:`all`,label:`All`,count:Object.keys(g(s).dependencies).length+Object.keys(g(s).devDependencies).length},{value:`dependencies`,label:`Runtime`,count:Object.keys(g(s).dependencies).length},{value:`devDependencies`,label:`Dev`,count:Object.keys(g(s).devDependencies).length}]);B(U,{label:`Dependency kind`,get options(){return g(t)},get value(){return g(Z)},set value(e){c(Z,e,!0)}})}var J=n(U,2);z(J,{placeholder:`Filter packages…`,get count(){return g(Q).length},get value(){return g(X)},set value(e){c(X,e,!0)}}),o(H);var Y=n(H,2);O(Y,21,()=>g(Q),e=>(e.dev?`dev:`:`dep:`)+e.name,(e,t)=>{var r=K(),a=l(r),s=l(a);I(s,{get text(){return g(t).name},get query(){return g(X)}}),o(a);var c=n(a,2),u=e=>{L(e,{children:(e,t)=>{i();var n=M(`dev`);y(e,n)},$$slots:{default:!0}})};E(c,e=>{g(t).dev&&e(u)});var p=n(c,2),m=f(p,!0);o(r),d(()=>C(m,g(t).version)),y(e,r)},e=>{var t=te();y(e,t)}),o(Y),o(V),o(u),d(()=>{C(_,g(s).name||`Untitled project`),C(T,g(s).svelteVersion||`—`),C(A,g(s).sveltekitVersion||`—`),C(F,g(s).viteVersion||`—`)}),y(a,u)};E(m,e=>{q.loading?e(h):q.error||!q.data?e(_,1):e(b,-1)}),y(a,p)},$$slots:{actions:!0,default:!0}}),a()}m([`click`]);export{q as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{A as e,B as t,Bt as n,Ct as r,Dt as i,E as a,Ft as o,Gt as s,H as c,Ht as l,It as u,J as d,Jt as f,K as p,Kt as m,Lt as h,Mt as g,Nt as _,Ot as v,P as y,Pt as b,R as x,Rt as S,St as C,Tt as w,Ut as T,V as E,W as D,_t as O,at as k,bt as A,ft as j,g as M,ht as N,it as ee,kt as te,n as ne,nt as P,pt as F,qt as I,r as L,rt as re,tt as R,ut as ie,vt as z,wt as ae,xt as B,yt as V,z as oe,zt as H}from"./resource.svelte-GBY8qvgR.js";import{a as se,i as ce,n as le,r as ue,t as de}from"./index-BBFupqc_.js";import{n as U,t as fe}from"./Panel-BoUvB1nh.js";import{t as pe}from"./SearchField-C1RVVJht.js";import{t as me}from"./SplitView-D7jY4n9A.js";import{t as he}from"./DataTable-C8wIHfdk.js";import{t as ge}from"./Inspector-pD5_jg0-.js";import{t as W}from"./Segmented-CK2euuus.js";import{n as _e}from"./collections-BtFss6Lo.js";import{t as ve}from"./CaptureNotice-DNYJjRjY.js";import{t as ye}from"./LiveControls-BDWnVlkm.js";import{t as G}from"./reactive-selection.svelte-DI6qEBmx.js";import{t as be}from"./versions-Dmo1-Hsc.js";import{t as xe}from"./capture.svelte-CetYVdiG.js";import{a as Se,c as K,d as q,f as Ce,g as we,h as Te,i as Ee,l as J,m as De,n as Oe,o as ke,p as Ae,r as je,s as Me,t as Ne,u as Pe}from"./reactive-BQ_s2f5H.js";var Fe=280,Ie=78,Y=28,X=40,Le={state:0,derived:1,effect:2,template:3},Re=e=>y(e,``);function ze(e,t){if(e.length===0)return{positions:new Map,width:0,height:0,componentBoxes:[]};let n=new Map(e.map(e=>[e.id,e])),r=new Map,i=new Map,a=new Map;for(let t of e)r.set(t.id,0),i.set(t.id,[]),a.set(t.id,[]);t=t.filter(e=>n.has(e.from)&&n.has(e.to));for(let e of t)i.get(e.from).push(e.to),a.get(e.to).push(e.from),r.set(e.to,r.get(e.to)+1);let o=[],s=e.filter(e=>r.get(e.id)===0).map(e=>e.id),c=new Set;for(;s.length>0;){o.push([...s]);for(let e of s)c.add(e);let e=[];for(let t of s)for(let n of i.get(t))r.set(n,r.get(n)-1),r.get(n)===0&&!c.has(n)&&e.push(n);s=e}let l=e.filter(e=>!c.has(e.id)).map(e=>e.id);l.length>0&&o.push(l);for(let e of o)e.sort((e,t)=>{let r=n.get(e),i=n.get(t),a=r.componentFile.localeCompare(i.componentFile);return a===0?(Le[r.type]??3)-(Le[i.type]??3):a});let u=new Map;for(let e of o)for(let[t,n]of e.entries())u.set(n,t);for(let e=0;e<4;e++){for(let e of o.slice(1)){let t=new Map;for(let n of e){let e=a.get(n);t.set(n,e.reduce((e,t)=>e+u.get(t),0)/e.length)}e.sort((e,r)=>{let i=n.get(e),a=n.get(r),o=i.componentFile.localeCompare(a.componentFile);return o===0?t.get(e)-t.get(r):o});for(let[t,n]of e.entries())u.set(n,t)}for(let e=o.length-2;e>=0;e--){let t=o[e],r=new Map;for(let e of t){let t=i.get(e);if(t.length>0){let n=t.reduce((e,t)=>e+u.get(t),0)/t.length;r.set(e,n)}else r.set(e,u.get(e))}t.sort((e,t)=>{let i=n.get(e),a=n.get(t),o=i.componentFile.localeCompare(a.componentFile);return o===0?r.get(e)-r.get(t):o});for(let[e,n]of t.entries())u.set(n,e)}}let d=[],f=[];for(let e of o){let t=[],r=X,i=``;for(let[a,o]of e.entries()){let e=n.get(o).componentFile;a>0&&e!==i&&(r+=Y),t.push({id:o,comp:e}),r+=Ie,i=e}d.push(t),f.push(r)}let p=Math.max(...f,80),m=new Map;for(let[e,t]of d.entries()){let n=X+(p-f[e])/2,r=``;for(let[i,{id:a,comp:o}]of t.entries())i>0&&o!==r&&(n+=Y),m.set(a,{x:X+e*Fe,y:n}),n+=Ie,r=o}for(let e=0;e<6;e++)for(let e of o){if(e.length<=1)continue;let t=new Map;for(let n of e){let e=a.get(n),r=i.get(n),o=[...e,...r].filter(e=>m.has(e));if(o.length>0){let e=o.reduce((e,t)=>e+m.get(t).y,0)/o.length;t.set(n,e)}}let r=e.toSorted((e,t)=>m.get(e).y-m.get(t).y);for(let[e,i]of r.entries()){let a=t.get(i);if(a===void 0)continue;let o=m.get(i),s=e>0?r[e-1]:null,c=e<r.length-1?r[e+1]:null,l=s?n.get(s):null,u=n.get(i),d=s&&l&&l.componentFile!==u.componentFile?Y:0,f=s?m.get(s).y+Ie+d:X,h=c?n.get(c):null,g=c&&h&&h.componentFile!==u.componentFile?Y:0,_=c?m.get(c).y-Ie-g:p,v=Math.max(f,Math.min(_,a));m.set(i,{x:o.x,y:v})}}let h=0;for(let[,e]of m)h=Math.max(h,e.y+58);let g=[];for(let[e,t]of o.entries()){let r=new Map;for(let e of t){let t=n.get(e),i=m.get(e),a=r.get(t.componentFile);a?a.push(i):r.set(t.componentFile,[i])}for(let[t,n]of r){let r=Re(t),i=1/0,a=-1/0;for(let e of n)i=Math.min(i,e.y),a=Math.max(a,e.y+58);let o=X+e*Fe;g.push({file:r,componentFile:t,x:o-14,y:i-14,w:188,h:a-i+28})}}return{positions:m,width:80+o.length*Fe,height:h+X,componentBoxes:g}}function Z(e,t,n){if(n.size===0)return{affected:new Set,edgeKeys:new Set,depths:new Map};let r=new Map;for(let t of e)r.set(t.id,[]);for(let e of t)r.get(e.from)?.push(e.to);let i=new Map,a=[];for(let e of n)a.push({id:e,depth:0});for(;a.length>0;){let{id:e,depth:t}=a.shift();if(!i.has(e)){i.set(e,t);for(let n of r.get(e)??[])a.push({id:n,depth:t+1})}}let o=new Set(i.keys()),s=new Set;for(let e of t)o.has(e.from)&&o.has(e.to)&&s.add(`${e.from}→${e.to}`);return{affected:o,edgeKeys:s,depths:i}}var Be=V(`<p class="empty svelte-kaeped">No reactive signals tracked yet.</p>`),Ve=A(`<filter x="-50%" y="-50%" width="200%" height="200%" class="svelte-kaeped"><feGaussianBlur stdDeviation="6" result="blur" class="svelte-kaeped"></feGaussianBlur><feFlood flood-opacity="0.7" class="svelte-kaeped"></feFlood><feComposite in2="blur" operator="in" class="svelte-kaeped"></feComposite><feMerge class="svelte-kaeped"><feMergeNode class="svelte-kaeped"></feMergeNode><feMergeNode in="SourceGraphic" class="svelte-kaeped"></feMergeNode></feMerge></filter>`),Q=A(`<rect rx="10" ry="10" class="component-box svelte-kaeped"></rect><text class="component-label svelte-kaeped"> </text>`,1),He=A(`<path class="edge-sweep svelte-kaeped"></path>`),Ue=A(`<path></path><!><polygon></polygon>`,1),We=A(`<rect x="-4" y="-4" rx="10" ry="10" fill="none" stroke-width="2" class="glow-ring svelte-kaeped"></rect>`),$=A(`<text y="36" text-anchor="end" class="node-value svelte-kaeped" font-size="10" font-family="DM Mono, monospace" font-weight="500"> </text>`),Ge=A(`<g role="button" tabindex="0"><!><rect rx="6" ry="6" fill="var(--bg-elevated)" class="svelte-kaeped"></rect><circle cx="12" cy="16" r="4" class="svelte-kaeped"></circle><text x="22" y="16" dominant-baseline="middle" class="node-name svelte-kaeped" font-size="11" font-family="DM Mono, monospace"> </text><text y="16" text-anchor="end" dominant-baseline="middle" class="node-type svelte-kaeped" font-size="9" font-family="DM Sans, sans-serif" font-weight="600"> </text><text x="12" y="36" class="node-meta svelte-kaeped" font-size="9" font-family="DM Mono, monospace"> </text><!><line x1="6" y1="24" y2="24" class="node-divider svelte-kaeped" stroke-width="0.5"></line></g>`),Ke=A(`<svg width="100%" height="100%" class="svelte-kaeped"><defs class="svelte-kaeped"></defs><!><!><!></svg>`),qe=V(`<div><div class="zoom-controls svelte-kaeped"><button type="button" class="zoom-btn svelte-kaeped" title="Zoom out" aria-label="Zoom out">−</button> <button type="button" class="zoom-label svelte-kaeped" title="Fit to view"> </button> <button type="button" class="zoom-btn svelte-kaeped" title="Zoom in" aria-label="Zoom in">+</button></div> <!></div>`);function Je(e,i){T(i,!0);let a=p(i,`changedNodeIds`,19,()=>new Set),c=p(i,`selectedNodeId`,15,null),u=S(0),y=S(0),x=S(800),C=S(400),E=S(!1),D=0,A=0,M=0,ne=0,P=S(null),I=1.2,L=8e3,re=S(800),B=n(()=>Math.round(w(re)/w(x)*100)),V=!1;function oe(){V=!0,le(1/I,w(u)+w(x)/2,w(y)+w(C)/2)}function se(){V=!0,le(I,w(u)+w(x)/2,w(y)+w(C)/2)}function ce(){V=!1,ue()}function le(e,t,n){let r=Math.min(L,Math.max(100,w(x)*e)),i=Math.min(L,Math.max(100,w(C)*e)),a=r/w(x);h(u,t-(t-w(u))*a),h(y,n-(n-w(y))*a),h(x,r,!0),h(C,i,!0)}function ue(){if(!w(P)||w(W).width===0)return;let e=w(P).getBoundingClientRect();if(e.width===0||e.height===0){requestAnimationFrame(()=>ue());return}let t=e.width/e.height,n=Math.max(w(W).width,200)+160,r=Math.max(w(W).height,100)+160,i=n/r,a,o;i>t?(a=n,o=n/t):(o=r,a=r*t);let s=e.width/110*160,c=e.height/110*160;a>s&&(a=s,o=s/t),o>c&&(o=c,a=c*t),h(x,a,!0),h(C,o,!0),h(u,(w(W).width-w(x))/2),h(y,(w(W).height-w(C))/2),h(re,w(x),!0)}let de=0;te(()=>{let e=i.nodes.length;e>0&&e!==de&&!V&&requestAnimationFrame(()=>ue()),de=e});function U(e){e.preventDefault(),V=!0;let t=e.deltaY>0?I:1/I;if(!w(P))return;let n=w(P).getBoundingClientRect();le(t,w(u)+(e.clientX-n.left)/n.width*w(x),w(y)+(e.clientY-n.top)/n.height*w(C))}function fe(e){e.target.closest(`.node`)||(V=!0,h(E,!0),D=e.clientX,A=e.clientY,M=w(u),ne=w(y),e.currentTarget.setPointerCapture(e.pointerId))}function pe(e){if(!w(E)||!w(P))return;let t=w(P).getBoundingClientRect(),n=(e.clientX-D)/t.width*w(x),r=(e.clientY-A)/t.height*w(C);h(u,M-n),h(y,ne-r)}function me(){h(E,!1)}let he=(e,t=14)=>e.length>t?e.slice(0,t-1)+`…`:e,ge=e=>he(typeof e==`string`?e:t(e)),W=n(()=>ze(i.nodes,i.edges)),_e=n(()=>Z(i.nodes,i.edges,a()));function ve(e){return(w(_e).depths.get(e)??0)*700}function ye(e){return ve(e)+300}let G={state:{color:`var(--blue)`,glow:`#3b82f6`},derived:{color:`var(--green)`,glow:`#22c55e`},effect:{color:`var(--red)`,glow:`#ef4444`},template:{color:`var(--purple)`,glow:`#a855f7`}};function be(e){c(c()===e.id?null:e.id),i.onSelectNode?.(c()?e:null)}let xe=n(()=>new Map(i.nodes.map(e=>[e.id,e]))),Se=S(0);te(()=>{a().size>0&&queueMicrotask(()=>{H(Se)})});var K=qe();let q;var Ce=g(K),we=g(Ce),Te=o(we,2),Ee=b(Te),J=o(Te,2);m(Ce);var De=o(Ce,2),Oe=e=>{var t=Be();O(e,t)},ke=e=>{var t=Ke(),a=g(t);ie(a,21,()=>Object.entries(G),([e,{glow:t}])=>e,(e,t)=>{var r=n(()=>f(w(t),2));let i=()=>w(r)[0],a=()=>w(r)[1].glow;var c=Ve(),l=o(g(c));s(2),m(c),v(()=>{R(c,`id`,`glow-${i()??``}`),R(l,`flood-color`,a())}),O(e,c)}),m(a);var l=o(a);ie(l,17,()=>w(W).componentBoxes,e=>`${e.x}:${e.componentFile}`,(e,t)=>{var n=Q(),r=_(n),i=o(r),a=b(i,!0);v(()=>{R(r,`x`,w(t).x),R(r,`y`,w(t).y),R(r,`width`,w(t).w),R(r,`height`,w(t).h),R(i,`x`,w(t).x+6),R(i,`y`,w(t).y+11),N(a,w(t).file)}),O(e,n)});var d=o(l);ie(d,17,()=>i.edges,e=>`${e.from}→${e.to}`,(e,t)=>{let r=n(()=>w(W).positions.get(w(t).from)),i=n(()=>w(W).positions.get(w(t).to));var a=z(),s=_(a),l=e=>{let a=n(()=>w(r).x+160),s=n(()=>w(r).y+29),l=n(()=>w(i).x),u=n(()=>w(i).y+29),d=n(()=>(w(a)+w(l))/2),f=n(()=>c()===w(t).from||c()===w(t).to),p=n(()=>G[w(xe).get(w(t).from).type]),m=n(()=>w(f)?`var(--accent)`:w(p).color),h=n(()=>`M ${w(a)} ${w(s)} C ${w(d)} ${w(s)}, ${w(d)} ${w(u)}, ${w(l)} ${w(u)}`);var g=Ue(),y=_(g);let b;var x=o(y),S=e=>{var n=z(),r=_(n);j(r,()=>w(Se),e=>{var n=He();let r;v(e=>{R(n,`d`,w(h)),R(n,`stroke`,w(p).glow),r=ee(n,``,r,{"--sweep-delay":e,"--sweep-dur":`400ms`})},[()=>`${ye(w(t).from)??``}ms`]),O(e,n)}),O(e,n)},C=n(()=>w(_e).edgeKeys.has(`${w(t).from}→${w(t).to}`));F(x,e=>{w(C)&&e(S)});var T=o(x);let E;v(()=>{R(y,`d`,w(h)),b=k(y,0,`edge svelte-kaeped`,null,b,{highlighted:w(f)}),R(y,`stroke`,w(m)),R(T,`points`,`${w(l)-8},${w(u)-5} ${w(l)??``},${w(u)??``} ${w(l)-8},${w(u)+5}`),E=k(T,0,`arrow svelte-kaeped`,null,E,{highlighted:w(f)}),R(T,`fill`,w(m))}),O(e,g)};F(s,e=>{w(r)&&w(i)&&e(l)}),O(e,a)});var p=o(d);ie(p,17,()=>i.nodes,e=>e.id,(e,t)=>{let i=n(()=>w(W).positions.get(w(t).id));var a=z(),s=_(a),l=e=>{let a=n(()=>G[w(t).type]);var s=Ge();let l;var u=g(s),d=e=>{var n=z(),r=_(n);j(r,()=>w(Se),e=>{var n=We();let r;v(e=>{R(n,`width`,168),R(n,`height`,66),R(n,`stroke`,w(a).glow),R(n,`filter`,`url(#glow-${w(t).type??``})`),r=ee(n,``,r,{"--node-delay":e})},[()=>`${ve(w(t).id)??``}ms`]),O(e,n)}),O(e,n)},f=n(()=>w(_e).affected.has(w(t).id));F(u,e=>{w(f)&&e(d)});var p=o(u),h=o(p),y=o(h),x=b(y,!0),S=o(y),C=b(S,!0),T=o(S),E=b(T,!0),D=o(T),A=e=>{var n=$(),r=b(n);v(e=>{R(n,`x`,154),N(r,`= ${e??``}`)},[()=>ge(w(t).value)]),O(e,n)};F(D,e=>{w(t).value!==void 0&&w(t).type!==`effect`&&e(A)});var M=o(D);m(s),v((e,n)=>{l=k(s,0,`node svelte-kaeped`,null,l,{selected:c()===w(t).id}),R(s,`transform`,`translate(${w(i).x??``}, ${w(i).y??``})`),R(s,`aria-label`,`${w(t).type??``} ${w(t).name??``}`),R(s,`aria-pressed`,c()===w(t).id),R(p,`width`,160),R(p,`height`,58),R(p,`stroke`,w(a).color),R(p,`stroke-width`,c()===w(t).id?2.5:1.5),R(h,`fill`,w(a).color),N(x,e),R(S,`x`,154),N(C,w(t).type),N(E,n),R(M,`x2`,154)},[()=>he(w(t).name),()=>Re(w(t).componentFile)]),r(`click`,s,()=>be(w(t))),r(`keydown`,s,e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),be(w(t)))}),O(e,s)};F(s,e=>{w(i)&&e(l)}),O(e,a)}),m(t),v(()=>R(t,`viewBox`,`${w(u)??``} ${w(y)??``} ${w(x)??``} ${w(C)??``}`)),O(e,t)};F(De,e=>{i.nodes.length===0?e(Oe):e(ke,-1)}),m(K),d(K,e=>h(P,e),()=>w(P)),v(()=>{q=k(K,1,`graph-container svelte-kaeped`,null,q,{dragging:w(E)}),R(Te,`aria-label`,`Fit to view (zoom ${w(B)??``}%)`),N(Ee,`${w(B)??``}%`)}),ae(`wheel`,K,U),r(`pointerdown`,K,fe),r(`pointermove`,K,pe),r(`pointerup`,K,me),ae(`pointercancel`,K,me),r(`click`,we,se),r(`click`,Te,ce),r(`click`,J,oe),O(e,K),l()}C([`pointerdown`,`pointermove`,`pointerup`,`click`,`keydown`]);var Ye=V(`<p> </p> <!>`,1),Xe=V(`<div class="warn svelte-1av2564"><dt class="svelte-1av2564">Baseline</dt> <dd class="svelte-1av2564"> </dd></div>`),Ze=V(`<div class="warn svelte-1av2564"><dt class="svelte-1av2564">Stale</dt> <dd class="svelte-1av2564"> </dd></div>`),Qe=V(`<li><button type="button"><span class="mono"> </span> <span class="sub"> </span></button></li>`),$e=V(`<h3 class="section-title">Listed instances <span class="num"> </span></h3> <ul class="link-list"></ul> <p class="note svelte-1av2564"> </p>`,1),et=V(`<span class="faint num"> </span>`),tt=V(`<span class="end num"> </span>`),nt=V(`<span class="end num faint"> </span>`),rt=V(`<span class="truncate"><span class="mono"> </span> <!></span> <!> <!> <span class="end num" title="at least this many changes in the window (sampled every 200 ms); not a rate"> </span> <span class="end num"> </span> <!>`,1),it=V(`<div class="overview svelte-1av2564"><dl class="record svelte-1av2564" role="group" aria-label="What this overview covers"><div class="svelte-1av2564"><dt class="svelte-1av2564">Window</dt> <dd class="svelte-1av2564"> </dd></div> <div class="svelte-1av2564"><dt class="svelte-1av2564">Changes</dt> <dd class="svelte-1av2564">$state sampled every 200 ms; several writes within one sample count once</dd></div> <div class="svelte-1av2564"><dt class="svelte-1av2564">Coverage</dt> <dd class="svelte-1av2564">state created during component init and in <code>.svelte.js/.ts</code> module bodies;
|
|
1
|
+
import{A as e,B as t,Bt as n,Ct as r,Dt as i,E as a,Ft as o,Gt as s,H as c,Ht as l,It as u,J as d,Jt as f,K as p,Kt as m,Lt as h,Mt as g,Nt as _,Ot as v,P as y,Pt as b,R as x,Rt as S,St as C,Tt as w,Ut as T,V as E,W as D,_t as O,at as k,bt as A,ft as j,g as M,ht as N,it as ee,kt as te,n as ne,nt as P,pt as F,qt as I,r as L,rt as re,tt as R,ut as ie,vt as z,wt as ae,xt as B,yt as V,z as oe,zt as H}from"./resource.svelte-GBY8qvgR.js";import{a as se,i as ce,n as le,r as ue,t as de}from"./index-JV_VtUOj.js";import{n as U,t as fe}from"./Panel-BoUvB1nh.js";import{t as pe}from"./SearchField-C1RVVJht.js";import{t as me}from"./SplitView-CjY2q-Tx.js";import{t as he}from"./DataTable-C8wIHfdk.js";import{t as ge}from"./Inspector-pD5_jg0-.js";import{t as W}from"./Segmented-CK2euuus.js";import{n as _e}from"./collections-BtFss6Lo.js";import{t as ve}from"./CaptureNotice-DNYJjRjY.js";import{t as ye}from"./LiveControls-BDWnVlkm.js";import{t as G}from"./reactive-selection.svelte-DI6qEBmx.js";import{t as be}from"./versions-Dmo1-Hsc.js";import{t as xe}from"./capture.svelte-CetYVdiG.js";import{a as Se,c as K,d as q,f as Ce,g as we,h as Te,i as Ee,l as J,m as De,n as Oe,o as ke,p as Ae,r as je,s as Me,t as Ne,u as Pe}from"./reactive-SIkurqSy.js";var Fe=280,Ie=78,Y=28,X=40,Le={state:0,derived:1,effect:2,template:3},Re=e=>y(e,``);function ze(e,t){if(e.length===0)return{positions:new Map,width:0,height:0,componentBoxes:[]};let n=new Map(e.map(e=>[e.id,e])),r=new Map,i=new Map,a=new Map;for(let t of e)r.set(t.id,0),i.set(t.id,[]),a.set(t.id,[]);t=t.filter(e=>n.has(e.from)&&n.has(e.to));for(let e of t)i.get(e.from).push(e.to),a.get(e.to).push(e.from),r.set(e.to,r.get(e.to)+1);let o=[],s=e.filter(e=>r.get(e.id)===0).map(e=>e.id),c=new Set;for(;s.length>0;){o.push([...s]);for(let e of s)c.add(e);let e=[];for(let t of s)for(let n of i.get(t))r.set(n,r.get(n)-1),r.get(n)===0&&!c.has(n)&&e.push(n);s=e}let l=e.filter(e=>!c.has(e.id)).map(e=>e.id);l.length>0&&o.push(l);for(let e of o)e.sort((e,t)=>{let r=n.get(e),i=n.get(t),a=r.componentFile.localeCompare(i.componentFile);return a===0?(Le[r.type]??3)-(Le[i.type]??3):a});let u=new Map;for(let e of o)for(let[t,n]of e.entries())u.set(n,t);for(let e=0;e<4;e++){for(let e of o.slice(1)){let t=new Map;for(let n of e){let e=a.get(n);t.set(n,e.reduce((e,t)=>e+u.get(t),0)/e.length)}e.sort((e,r)=>{let i=n.get(e),a=n.get(r),o=i.componentFile.localeCompare(a.componentFile);return o===0?t.get(e)-t.get(r):o});for(let[t,n]of e.entries())u.set(n,t)}for(let e=o.length-2;e>=0;e--){let t=o[e],r=new Map;for(let e of t){let t=i.get(e);if(t.length>0){let n=t.reduce((e,t)=>e+u.get(t),0)/t.length;r.set(e,n)}else r.set(e,u.get(e))}t.sort((e,t)=>{let i=n.get(e),a=n.get(t),o=i.componentFile.localeCompare(a.componentFile);return o===0?r.get(e)-r.get(t):o});for(let[e,n]of t.entries())u.set(n,e)}}let d=[],f=[];for(let e of o){let t=[],r=X,i=``;for(let[a,o]of e.entries()){let e=n.get(o).componentFile;a>0&&e!==i&&(r+=Y),t.push({id:o,comp:e}),r+=Ie,i=e}d.push(t),f.push(r)}let p=Math.max(...f,80),m=new Map;for(let[e,t]of d.entries()){let n=X+(p-f[e])/2,r=``;for(let[i,{id:a,comp:o}]of t.entries())i>0&&o!==r&&(n+=Y),m.set(a,{x:X+e*Fe,y:n}),n+=Ie,r=o}for(let e=0;e<6;e++)for(let e of o){if(e.length<=1)continue;let t=new Map;for(let n of e){let e=a.get(n),r=i.get(n),o=[...e,...r].filter(e=>m.has(e));if(o.length>0){let e=o.reduce((e,t)=>e+m.get(t).y,0)/o.length;t.set(n,e)}}let r=e.toSorted((e,t)=>m.get(e).y-m.get(t).y);for(let[e,i]of r.entries()){let a=t.get(i);if(a===void 0)continue;let o=m.get(i),s=e>0?r[e-1]:null,c=e<r.length-1?r[e+1]:null,l=s?n.get(s):null,u=n.get(i),d=s&&l&&l.componentFile!==u.componentFile?Y:0,f=s?m.get(s).y+Ie+d:X,h=c?n.get(c):null,g=c&&h&&h.componentFile!==u.componentFile?Y:0,_=c?m.get(c).y-Ie-g:p,v=Math.max(f,Math.min(_,a));m.set(i,{x:o.x,y:v})}}let h=0;for(let[,e]of m)h=Math.max(h,e.y+58);let g=[];for(let[e,t]of o.entries()){let r=new Map;for(let e of t){let t=n.get(e),i=m.get(e),a=r.get(t.componentFile);a?a.push(i):r.set(t.componentFile,[i])}for(let[t,n]of r){let r=Re(t),i=1/0,a=-1/0;for(let e of n)i=Math.min(i,e.y),a=Math.max(a,e.y+58);let o=X+e*Fe;g.push({file:r,componentFile:t,x:o-14,y:i-14,w:188,h:a-i+28})}}return{positions:m,width:80+o.length*Fe,height:h+X,componentBoxes:g}}function Z(e,t,n){if(n.size===0)return{affected:new Set,edgeKeys:new Set,depths:new Map};let r=new Map;for(let t of e)r.set(t.id,[]);for(let e of t)r.get(e.from)?.push(e.to);let i=new Map,a=[];for(let e of n)a.push({id:e,depth:0});for(;a.length>0;){let{id:e,depth:t}=a.shift();if(!i.has(e)){i.set(e,t);for(let n of r.get(e)??[])a.push({id:n,depth:t+1})}}let o=new Set(i.keys()),s=new Set;for(let e of t)o.has(e.from)&&o.has(e.to)&&s.add(`${e.from}→${e.to}`);return{affected:o,edgeKeys:s,depths:i}}var Be=V(`<p class="empty svelte-kaeped">No reactive signals tracked yet.</p>`),Ve=A(`<filter x="-50%" y="-50%" width="200%" height="200%" class="svelte-kaeped"><feGaussianBlur stdDeviation="6" result="blur" class="svelte-kaeped"></feGaussianBlur><feFlood flood-opacity="0.7" class="svelte-kaeped"></feFlood><feComposite in2="blur" operator="in" class="svelte-kaeped"></feComposite><feMerge class="svelte-kaeped"><feMergeNode class="svelte-kaeped"></feMergeNode><feMergeNode in="SourceGraphic" class="svelte-kaeped"></feMergeNode></feMerge></filter>`),Q=A(`<rect rx="10" ry="10" class="component-box svelte-kaeped"></rect><text class="component-label svelte-kaeped"> </text>`,1),He=A(`<path class="edge-sweep svelte-kaeped"></path>`),Ue=A(`<path></path><!><polygon></polygon>`,1),We=A(`<rect x="-4" y="-4" rx="10" ry="10" fill="none" stroke-width="2" class="glow-ring svelte-kaeped"></rect>`),$=A(`<text y="36" text-anchor="end" class="node-value svelte-kaeped" font-size="10" font-family="DM Mono, monospace" font-weight="500"> </text>`),Ge=A(`<g role="button" tabindex="0"><!><rect rx="6" ry="6" fill="var(--bg-elevated)" class="svelte-kaeped"></rect><circle cx="12" cy="16" r="4" class="svelte-kaeped"></circle><text x="22" y="16" dominant-baseline="middle" class="node-name svelte-kaeped" font-size="11" font-family="DM Mono, monospace"> </text><text y="16" text-anchor="end" dominant-baseline="middle" class="node-type svelte-kaeped" font-size="9" font-family="DM Sans, sans-serif" font-weight="600"> </text><text x="12" y="36" class="node-meta svelte-kaeped" font-size="9" font-family="DM Mono, monospace"> </text><!><line x1="6" y1="24" y2="24" class="node-divider svelte-kaeped" stroke-width="0.5"></line></g>`),Ke=A(`<svg width="100%" height="100%" class="svelte-kaeped"><defs class="svelte-kaeped"></defs><!><!><!></svg>`),qe=V(`<div><div class="zoom-controls svelte-kaeped"><button type="button" class="zoom-btn svelte-kaeped" title="Zoom out" aria-label="Zoom out">−</button> <button type="button" class="zoom-label svelte-kaeped" title="Fit to view"> </button> <button type="button" class="zoom-btn svelte-kaeped" title="Zoom in" aria-label="Zoom in">+</button></div> <!></div>`);function Je(e,i){T(i,!0);let a=p(i,`changedNodeIds`,19,()=>new Set),c=p(i,`selectedNodeId`,15,null),u=S(0),y=S(0),x=S(800),C=S(400),E=S(!1),D=0,A=0,M=0,ne=0,P=S(null),I=1.2,L=8e3,re=S(800),B=n(()=>Math.round(w(re)/w(x)*100)),V=!1;function oe(){V=!0,le(1/I,w(u)+w(x)/2,w(y)+w(C)/2)}function se(){V=!0,le(I,w(u)+w(x)/2,w(y)+w(C)/2)}function ce(){V=!1,ue()}function le(e,t,n){let r=Math.min(L,Math.max(100,w(x)*e)),i=Math.min(L,Math.max(100,w(C)*e)),a=r/w(x);h(u,t-(t-w(u))*a),h(y,n-(n-w(y))*a),h(x,r,!0),h(C,i,!0)}function ue(){if(!w(P)||w(W).width===0)return;let e=w(P).getBoundingClientRect();if(e.width===0||e.height===0){requestAnimationFrame(()=>ue());return}let t=e.width/e.height,n=Math.max(w(W).width,200)+160,r=Math.max(w(W).height,100)+160,i=n/r,a,o;i>t?(a=n,o=n/t):(o=r,a=r*t);let s=e.width/110*160,c=e.height/110*160;a>s&&(a=s,o=s/t),o>c&&(o=c,a=c*t),h(x,a,!0),h(C,o,!0),h(u,(w(W).width-w(x))/2),h(y,(w(W).height-w(C))/2),h(re,w(x),!0)}let de=0;te(()=>{let e=i.nodes.length;e>0&&e!==de&&!V&&requestAnimationFrame(()=>ue()),de=e});function U(e){e.preventDefault(),V=!0;let t=e.deltaY>0?I:1/I;if(!w(P))return;let n=w(P).getBoundingClientRect();le(t,w(u)+(e.clientX-n.left)/n.width*w(x),w(y)+(e.clientY-n.top)/n.height*w(C))}function fe(e){e.target.closest(`.node`)||(V=!0,h(E,!0),D=e.clientX,A=e.clientY,M=w(u),ne=w(y),e.currentTarget.setPointerCapture(e.pointerId))}function pe(e){if(!w(E)||!w(P))return;let t=w(P).getBoundingClientRect(),n=(e.clientX-D)/t.width*w(x),r=(e.clientY-A)/t.height*w(C);h(u,M-n),h(y,ne-r)}function me(){h(E,!1)}let he=(e,t=14)=>e.length>t?e.slice(0,t-1)+`…`:e,ge=e=>he(typeof e==`string`?e:t(e)),W=n(()=>ze(i.nodes,i.edges)),_e=n(()=>Z(i.nodes,i.edges,a()));function ve(e){return(w(_e).depths.get(e)??0)*700}function ye(e){return ve(e)+300}let G={state:{color:`var(--blue)`,glow:`#3b82f6`},derived:{color:`var(--green)`,glow:`#22c55e`},effect:{color:`var(--red)`,glow:`#ef4444`},template:{color:`var(--purple)`,glow:`#a855f7`}};function be(e){c(c()===e.id?null:e.id),i.onSelectNode?.(c()?e:null)}let xe=n(()=>new Map(i.nodes.map(e=>[e.id,e]))),Se=S(0);te(()=>{a().size>0&&queueMicrotask(()=>{H(Se)})});var K=qe();let q;var Ce=g(K),we=g(Ce),Te=o(we,2),Ee=b(Te),J=o(Te,2);m(Ce);var De=o(Ce,2),Oe=e=>{var t=Be();O(e,t)},ke=e=>{var t=Ke(),a=g(t);ie(a,21,()=>Object.entries(G),([e,{glow:t}])=>e,(e,t)=>{var r=n(()=>f(w(t),2));let i=()=>w(r)[0],a=()=>w(r)[1].glow;var c=Ve(),l=o(g(c));s(2),m(c),v(()=>{R(c,`id`,`glow-${i()??``}`),R(l,`flood-color`,a())}),O(e,c)}),m(a);var l=o(a);ie(l,17,()=>w(W).componentBoxes,e=>`${e.x}:${e.componentFile}`,(e,t)=>{var n=Q(),r=_(n),i=o(r),a=b(i,!0);v(()=>{R(r,`x`,w(t).x),R(r,`y`,w(t).y),R(r,`width`,w(t).w),R(r,`height`,w(t).h),R(i,`x`,w(t).x+6),R(i,`y`,w(t).y+11),N(a,w(t).file)}),O(e,n)});var d=o(l);ie(d,17,()=>i.edges,e=>`${e.from}→${e.to}`,(e,t)=>{let r=n(()=>w(W).positions.get(w(t).from)),i=n(()=>w(W).positions.get(w(t).to));var a=z(),s=_(a),l=e=>{let a=n(()=>w(r).x+160),s=n(()=>w(r).y+29),l=n(()=>w(i).x),u=n(()=>w(i).y+29),d=n(()=>(w(a)+w(l))/2),f=n(()=>c()===w(t).from||c()===w(t).to),p=n(()=>G[w(xe).get(w(t).from).type]),m=n(()=>w(f)?`var(--accent)`:w(p).color),h=n(()=>`M ${w(a)} ${w(s)} C ${w(d)} ${w(s)}, ${w(d)} ${w(u)}, ${w(l)} ${w(u)}`);var g=Ue(),y=_(g);let b;var x=o(y),S=e=>{var n=z(),r=_(n);j(r,()=>w(Se),e=>{var n=He();let r;v(e=>{R(n,`d`,w(h)),R(n,`stroke`,w(p).glow),r=ee(n,``,r,{"--sweep-delay":e,"--sweep-dur":`400ms`})},[()=>`${ye(w(t).from)??``}ms`]),O(e,n)}),O(e,n)},C=n(()=>w(_e).edgeKeys.has(`${w(t).from}→${w(t).to}`));F(x,e=>{w(C)&&e(S)});var T=o(x);let E;v(()=>{R(y,`d`,w(h)),b=k(y,0,`edge svelte-kaeped`,null,b,{highlighted:w(f)}),R(y,`stroke`,w(m)),R(T,`points`,`${w(l)-8},${w(u)-5} ${w(l)??``},${w(u)??``} ${w(l)-8},${w(u)+5}`),E=k(T,0,`arrow svelte-kaeped`,null,E,{highlighted:w(f)}),R(T,`fill`,w(m))}),O(e,g)};F(s,e=>{w(r)&&w(i)&&e(l)}),O(e,a)});var p=o(d);ie(p,17,()=>i.nodes,e=>e.id,(e,t)=>{let i=n(()=>w(W).positions.get(w(t).id));var a=z(),s=_(a),l=e=>{let a=n(()=>G[w(t).type]);var s=Ge();let l;var u=g(s),d=e=>{var n=z(),r=_(n);j(r,()=>w(Se),e=>{var n=We();let r;v(e=>{R(n,`width`,168),R(n,`height`,66),R(n,`stroke`,w(a).glow),R(n,`filter`,`url(#glow-${w(t).type??``})`),r=ee(n,``,r,{"--node-delay":e})},[()=>`${ve(w(t).id)??``}ms`]),O(e,n)}),O(e,n)},f=n(()=>w(_e).affected.has(w(t).id));F(u,e=>{w(f)&&e(d)});var p=o(u),h=o(p),y=o(h),x=b(y,!0),S=o(y),C=b(S,!0),T=o(S),E=b(T,!0),D=o(T),A=e=>{var n=$(),r=b(n);v(e=>{R(n,`x`,154),N(r,`= ${e??``}`)},[()=>ge(w(t).value)]),O(e,n)};F(D,e=>{w(t).value!==void 0&&w(t).type!==`effect`&&e(A)});var M=o(D);m(s),v((e,n)=>{l=k(s,0,`node svelte-kaeped`,null,l,{selected:c()===w(t).id}),R(s,`transform`,`translate(${w(i).x??``}, ${w(i).y??``})`),R(s,`aria-label`,`${w(t).type??``} ${w(t).name??``}`),R(s,`aria-pressed`,c()===w(t).id),R(p,`width`,160),R(p,`height`,58),R(p,`stroke`,w(a).color),R(p,`stroke-width`,c()===w(t).id?2.5:1.5),R(h,`fill`,w(a).color),N(x,e),R(S,`x`,154),N(C,w(t).type),N(E,n),R(M,`x2`,154)},[()=>he(w(t).name),()=>Re(w(t).componentFile)]),r(`click`,s,()=>be(w(t))),r(`keydown`,s,e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),be(w(t)))}),O(e,s)};F(s,e=>{w(i)&&e(l)}),O(e,a)}),m(t),v(()=>R(t,`viewBox`,`${w(u)??``} ${w(y)??``} ${w(x)??``} ${w(C)??``}`)),O(e,t)};F(De,e=>{i.nodes.length===0?e(Oe):e(ke,-1)}),m(K),d(K,e=>h(P,e),()=>w(P)),v(()=>{q=k(K,1,`graph-container svelte-kaeped`,null,q,{dragging:w(E)}),R(Te,`aria-label`,`Fit to view (zoom ${w(B)??``}%)`),N(Ee,`${w(B)??``}%`)}),ae(`wheel`,K,U),r(`pointerdown`,K,fe),r(`pointermove`,K,pe),r(`pointerup`,K,me),ae(`pointercancel`,K,me),r(`click`,we,se),r(`click`,Te,ce),r(`click`,J,oe),O(e,K),l()}C([`pointerdown`,`pointermove`,`pointerup`,`click`,`keydown`]);var Ye=V(`<p> </p> <!>`,1),Xe=V(`<div class="warn svelte-1av2564"><dt class="svelte-1av2564">Baseline</dt> <dd class="svelte-1av2564"> </dd></div>`),Ze=V(`<div class="warn svelte-1av2564"><dt class="svelte-1av2564">Stale</dt> <dd class="svelte-1av2564"> </dd></div>`),Qe=V(`<li><button type="button"><span class="mono"> </span> <span class="sub"> </span></button></li>`),$e=V(`<h3 class="section-title">Listed instances <span class="num"> </span></h3> <ul class="link-list"></ul> <p class="note svelte-1av2564"> </p>`,1),et=V(`<span class="faint num"> </span>`),tt=V(`<span class="end num"> </span>`),nt=V(`<span class="end num faint"> </span>`),rt=V(`<span class="truncate"><span class="mono"> </span> <!></span> <!> <!> <span class="end num" title="at least this many changes in the window (sampled every 200 ms); not a rate"> </span> <span class="end num"> </span> <!>`,1),it=V(`<div class="overview svelte-1av2564"><dl class="record svelte-1av2564" role="group" aria-label="What this overview covers"><div class="svelte-1av2564"><dt class="svelte-1av2564">Window</dt> <dd class="svelte-1av2564"> </dd></div> <div class="svelte-1av2564"><dt class="svelte-1av2564">Changes</dt> <dd class="svelte-1av2564">$state sampled every 200 ms; several writes within one sample count once</dd></div> <div class="svelte-1av2564"><dt class="svelte-1av2564">Coverage</dt> <dd class="svelte-1av2564">state created during component init and in <code>.svelte.js/.ts</code> module bodies;
|
|
2
2
|
reads from the markup appear as the component's <em>markup</em> node</dd></div> <div class="svelte-1av2564"><dt class="svelte-1av2564">Components</dt> <dd class="svelte-1av2564"> </dd></div> <div class="svelte-1av2564"><dt class="svelte-1av2564">Not available yet</dt> <dd class="svelte-1av2564"> </dd></div> <!> <!></dl> <div class="table svelte-1av2564"><!></div> <p class="foot svelte-1av2564"> <!> </p></div>`);function at(e,t){T(t,!0);let i=S(u({id:`changes`,desc:!0})),a=S(null),d=n(()=>{let e=t.summary.data?.rows??[];return t.group===`file`?ke(e).map(e=>({key:e.file,...e})):e.map(e=>({key:`#${e.componentId}`,file:e.file,instances:[e],nodes:e.nodes,changes:e.changes,renders:e.renders,renderMs:e.renderMs}))}),f=n(()=>w(a)?w(d).find(e=>e.key===w(a))??null:null),p=[{id:`component`,label:`Component`,width:`minmax(0, 1fr)`,sort:(e,t)=>e.file.localeCompare(t.file)},{id:`instances`,label:`Inst.`,width:`52px`,align:`end`,descFirst:!0,minWidth:560,sort:(e,t)=>e.instances.length-t.instances.length},{id:`nodes`,label:`Signals`,width:`72px`,align:`end`,descFirst:!0,minWidth:640,sort:(e,t)=>q(e.nodes)-q(t.nodes)},{id:`changes`,label:`Changes`,width:`84px`,align:`end`,descFirst:!0,sort:(e,t)=>e.changes-t.changes},{id:`renders`,label:`Renders`,width:`72px`,align:`end`,descFirst:!0,sort:(e,t)=>e.renders-t.renders},{id:`renderMs`,label:`Render time`,width:`96px`,align:`end`,descFirst:!0,minWidth:720,sort:(e,t)=>e.renderMs-t.renderMs}];function x(e,t){t&&G.scopeTo(e.componentId,e.file,t)}var C=z(),E=_(C),k=e=>{L(e,{icon:`warning`,title:`Overview not available`,children:(e,n)=>{var r=Ye(),i=_(r),a=b(i),c=o(i,2);D(c,{icon:`graph`,get onclick(){return t.onfullgraph},children:(e,t)=>{s();var n=B(`Full graph`);O(e,n)},$$slots:{default:!0}}),v(()=>N(a,`The dev server did not return per-component activity (${t.summary.error??``}). Pick a component in
|
|
3
3
|
Components (Show reactivity) or open the full graph.`)),O(e,r)},$$slots:{default:!0}})},A=e=>{L(e,{title:`Reading activity…`})},j=e=>{let s=n(()=>t.summary.data),l=n(()=>Oe(w(s).baseline)),u=n(()=>Te(w(s)));var S=it(),C=g(S),T=g(C),E=o(g(T),2),D=b(E);m(T);var k=o(T,6),A=o(g(k),2),j=b(A);m(k);var M=o(k,2),ee=o(g(M),2),te=b(ee);m(M);var ne=o(M,2),P=e=>{var t=Xe(),n=o(g(t),2),r=b(n,!0);m(t),v(()=>N(r,w(l))),O(e,t)};F(ne,e=>{w(l)&&e(P)});var re=o(ne,2),ae=e=>{var t=Ze(),n=o(g(t),2),r=b(n,!0);m(t),v(()=>N(r,w(u))),O(e,t)};F(re,e=>{w(u)&&e(ae)}),m(C);var V=o(C,2),H=g(V);{let e=e=>{var t=z(),i=_(t),l=e=>{{let t=n(()=>y(w(f).file)),i=n(()=>c(w(f).file,3));ge(e,{get title(){return`<${w(t)??``}>`},get subtitle(){return w(i)},onclose:()=>h(a,null),children:(e,t)=>{var n=$e(),i=_(n),a=o(g(i)),c=b(a,!0);m(i);var l=o(i,2);ie(l,21,()=>w(f).instances,e=>e.componentId,(e,t)=>{var n=Qe(),i=g(n),a=g(i),c=b(a),l=o(a,2),u=b(l);m(i),m(n),v((e,n)=>{i.disabled=!w(s).epoch,N(c,`#${w(t).componentId??``}`),N(u,`≥ ${e??``} changes · ${n??``} renders`)},[()=>w(t).changes.toLocaleString(),()=>w(t).renders.toLocaleString()]),r(`click`,i,()=>x(w(t),w(s).epoch)),O(e,n)}),m(l);var u=o(l,2),d=b(u,!0);v(()=>{N(c,w(f).instances.length),N(d,w(s).epoch?`Select an instance to load its signals and the signals they are directly linked to.`:`The dev server reported no page-load id, so instances cannot be selected here; use Show reactivity in Components.`)}),O(e,n)},$$slots:{default:!0}})}};F(i,e=>{w(f)&&e(l)}),O(e,t)},l=n(()=>!!w(f));me(H,{id:`reactive-overview`,get open(){return w(l)},aside:e,children:(e,r)=>{he(e,{get items(){return w(d)},get columns(){return p},getKey:e=>e.key,label:`Most active components`,onactivate:e=>e.instances.length===1&&x(e.instances[0],w(s).epoch),get sort(){return w(i)},set sort(e){h(i,e,!0)},get selected(){return w(a)},set selected(e){h(a,e,!0)},row:(e,r=I,i)=>{let a=()=>(i?.()).visible;var s=rt(),c=_(s),l=g(c),u=b(l,!0),d=o(l,2),f=e=>{var t=et(),n=b(t,!0);v(()=>N(n,` #${r().instances[0].componentId}`)),O(e,t)};F(d,e=>{t.group===`instance`&&e(f)}),m(c);var p=o(c,2),h=e=>{var t=tt(),n=b(t,!0);v(()=>N(n,r().instances.length)),O(e,t)},x=n(()=>a().has(`instances`));F(p,e=>{w(x)&&e(h)});var S=o(p,2),C=e=>{var t=nt(),n=b(t,!0);v(e=>{R(t,`title`,`registered: ${r().nodes.state??``} $state · ${r().nodes.derived??``} $derived · ${r().nodes.effect??``} $effect`),N(n,e)},[()=>q(r().nodes)]),O(e,t)},T=n(()=>a().has(`nodes`));F(S,e=>{w(T)&&e(C)});var E=o(S,2),D=b(E),k=o(E,2),A=b(k,!0),j=o(k,2),M=e=>{var t=nt(),n=b(t,!0);v(e=>N(n,e),[()=>oe(r().renderMs)]),O(e,t)},ee=n(()=>a().has(`renderMs`));F(j,e=>{w(ee)&&e(M)}),v((e,t,n)=>{N(u,e),N(D,`≥ ${t??``}`),N(A,n)},[()=>y(r().file),()=>r().changes.toLocaleString(),()=>r().renders.toLocaleString()]),O(e,s)},empty:e=>{L(e,{icon:`reactive`,title:`No component was active in the window`})},$$slots:{row:!0,empty:!0}})},$$slots:{aside:!0,default:!0}})}m(V);var se=o(V,2),ce=g(se),le=o(ce),ue=e=>{var t=B();v((e,n)=>N(t,`Other: ${e??``} components with ${n??``}
|
|
4
4
|
signals.`),[()=>w(s).other.components.toLocaleString(),()=>w(s).other.nodes.toLocaleString()]),O(e,t)},de=e=>{var t=B(`Other: unknown.`);O(e,t)};F(le,e=>{w(s).other?e(ue):e(de,-1)});var U=o(le);m(se),m(S),v((e,t,n,r,i,a,o,c)=>{N(D,`last ${e??``} s · sampled while active for ${t??``} s`),N(j,`${n??``} active of ${r??``} registered`),N(te,`${i??``}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{Bt as e,C as t,Ft as n,Gt as r,H as i,Ht as a,It as o,Kt as s,Lt as c,Mt as l,Nt as u,Ot as d,Pt as f,R as p,Rt as m,Tt as h,Ut as g,W as _,_t as v,at as y,ht as b,it as ee,k as x,n as S,ot as C,pt as w,qt as te,vt as ne,xt as T,yt as E,z as D}from"./resource.svelte-GBY8qvgR.js";import{o as O,r as re}from"./index-
|
|
1
|
+
import{Bt as e,C as t,Ft as n,Gt as r,H as i,Ht as a,It as o,Kt as s,Lt as c,Mt as l,Nt as u,Ot as d,Pt as f,R as p,Rt as m,Tt as h,Ut as g,W as _,_t as v,at as y,ht as b,it as ee,k as x,n as S,ot as C,pt as w,qt as te,vt as ne,xt as T,yt as E,z as D}from"./resource.svelte-GBY8qvgR.js";import{o as O,r as re}from"./index-JV_VtUOj.js";import{n as k,t as A}from"./Panel-BoUvB1nh.js";import{t as j}from"./ResourceEmpty-BBhK6GZB.js";import{t as M}from"./SearchField-C1RVVJht.js";import{t as N}from"./SplitView-CjY2q-Tx.js";import{t as P}from"./DataTable-C8wIHfdk.js";import{t as F}from"./Inspector-pD5_jg0-.js";import{t as I}from"./Segmented-CK2euuus.js";import{n as L}from"./collections-BtFss6Lo.js";import{t as R}from"./StatList-Cd2sByRK.js";import{t as z}from"./CaptureNotice-DNYJjRjY.js";import{t as ie}from"./LiveControls-BDWnVlkm.js";import{t as ae}from"./versions-Dmo1-Hsc.js";import{t as oe}from"./capture.svelte-CetYVdiG.js";var se=E(`<!> <!> <!> <span class="summary num svelte-1u85j1o"> </span>`,1),ce=E(`<!> <!>`,1),le=E(`<!> <p class="note svelte-1u85j1o">Share of all render time: <strong class="num"> </strong></p>`,1),B=E(`<span class="end num muted"> </span>`),ue=E(`<span> </span>`),de=E(`<span class="name svelte-1u85j1o"><span class="cname svelte-1u85j1o"><!></span> <span class="file truncate svelte-1u85j1o"><!></span></span> <!> <!> <span class="end num"> </span> <!> <span class="total end svelte-1u85j1o"><span></span> <span class="num"> </span></span>`,1),fe=E(`<p>Interact with your app — every component mount and update is timed.</p>`);function V(E,V){g(V,!0);let H=S(t,{initial:[],interval:1e3,version:ae(`renderProfiles`)}),pe=oe(1e3),U=m(`component`),W=m(``),G=m(o({id:`total`,desc:!0})),K=m(null);function q(e,t){return{key:t,name:e.name,file:e.file,instances:1,initTime:e.initTime,renderCount:e.renderCount,totalRenderTime:e.totalRenderTime,lastRenderTime:e.lastRenderTime,lastRenderAt:e.lastRenderAt,ids:[e.componentId]}}function me(e,t){return e.instances++,e.initTime+=t.initTime,e.renderCount+=t.renderCount,e.totalRenderTime+=t.totalRenderTime,e.ids.push(t.componentId),t.lastRenderAt>e.lastRenderAt&&(e.lastRenderAt=t.lastRenderAt,e.lastRenderTime=t.lastRenderTime),e}let J=e(()=>h(U)===`instance`?H.data.map(e=>q(e,String(e.componentId))):[...L(H.data,e=>e.file)].map(([e,[t,...n]])=>n.reduce(me,q(t,e)))),Y=e(()=>{let e=O(h(W));return e?h(J).filter(t=>e(t.name,t.file)):h(J)}),he=e(()=>h(J).reduce((e,t)=>Math.max(e,t.totalRenderTime),1e-4)),X=e(()=>h(J).reduce((e,t)=>({renders:e.renders+t.renderCount,time:e.time+t.totalRenderTime}),{renders:0,time:0})),Z=e(()=>h(K)?h(J).find(e=>e.key===h(K))??null:null),Q=e=>e.renderCount?e.totalRenderTime/e.renderCount:0,ge=[{id:`name`,label:`Component`,width:`minmax(0, 1fr)`,sort:(e,t)=>e.name.localeCompare(t.name)},{id:`instances`,label:`Inst.`,width:`52px`,align:`end`,descFirst:!0,minWidth:640,sort:(e,t)=>e.instances-t.instances},{id:`init`,label:`Init`,width:`72px`,align:`end`,descFirst:!0,minWidth:720,sort:(e,t)=>e.initTime-t.initTime},{id:`renders`,label:`Renders`,width:`68px`,align:`end`,descFirst:!0,sort:(e,t)=>e.renderCount-t.renderCount},{id:`avg`,label:`Avg`,width:`72px`,align:`end`,descFirst:!0,minWidth:560,sort:(e,t)=>Q(e)-Q(t)},{id:`total`,label:`Total`,width:`150px`,align:`end`,descFirst:!0,sort:(e,t)=>e.totalRenderTime-t.totalRenderTime}];function $(e){return e>=16?`red`:e>=4?`yellow`:null}A(E,{title:`Render`,get count(){return H.data.length},toolbar:e=>{var t=se(),r=u(t);I(r,{label:`Group by`,options:[{value:`component`,label:`By component`},{value:`instance`,label:`By instance`}],get value(){return h(U)},set value(e){c(U,e,!0)}});var i=n(r,2);M(i,{placeholder:`Filter components…`,get count(){return h(Y).length},get value(){return h(W)},set value(e){c(W,e,!0)}});var a=n(i,2);z(a,{get info(){return pe.data.renderProfiles},noun:`profiles`});var o=n(a,2),s=f(o);d((e,t)=>b(s,`${e??``} renders · ${t??``}`),[()=>h(X).renders.toLocaleString(),()=>D(h(X).time)]),v(e,t)},actions:e=>{ie(e,{get res(){return H}})},children:(t,a)=>{{let a=t=>{var i=ne(),a=u(i),o=t=>{F(t,{get title(){return h(Z).name},get subtitle(){return h(Z).file},onclose:()=>c(K,null),badges:t=>{var i=ce(),a=u(i),o=e=>{k(e,{children:(e,t)=>{r();var n=T();d(()=>b(n,`${h(Z).instances??``} instance${h(Z).instances===1?``:`s`}`)),v(e,n)},$$slots:{default:!0}})};w(a,e=>{h(U)===`component`&&e(o)});var s=n(a,2),c=e=>{k(e,{tone:`red`,children:(e,t)=>{r();var n=T(`over frame budget`);v(e,n)},$$slots:{default:!0}})},l=e(()=>$(Q(h(Z)))===`red`),f=e=>{k(e,{tone:`yellow`,children:(e,t)=>{r();var n=T(`slow`);v(e,n)},$$slots:{default:!0}})},p=e(()=>$(Q(h(Z))));w(s,e=>{h(l)?e(c):h(p)&&e(f,1)}),v(t,i)},actions:e=>{_(e,{icon:`editor`,onclick:()=>x(h(Z).file).catch(()=>{}),children:(e,t)=>{r();var n=T(`Open in editor`);v(e,n)},$$slots:{default:!0}})},children:(t,r)=>{var i=le(),a=u(i);{let t=e(()=>[{label:`Renders`,value:h(Z).renderCount.toLocaleString()},{label:`Total`,value:D(h(Z).totalRenderTime)},{label:`Average`,value:D(Q(h(Z))),tone:$(Q(h(Z)))},{label:`Last`,value:D(h(Z).lastRenderTime),tone:$(h(Z).lastRenderTime)},{label:h(U)===`component`?`Init (sum)`:`Init`,value:D(h(Z).initTime)},{label:`Last render`,value:h(Z).lastRenderAt?p(h(Z).lastRenderAt):`—`}]);R(a,{variant:`grid`,get items(){return h(t)}})}var o=n(a,2),c=n(l(o)),m=f(c);s(o),d(e=>b(m,`${e??``}%`),[()=>(h(Z).totalRenderTime/Math.max(h(X).time,1e-4)*100).toFixed(1)]),v(t,i)},$$slots:{badges:!0,actions:!0,default:!0}})};w(a,e=>{h(Z)&&e(o)}),v(t,i)},o=e(()=>!!h(Z));N(t,{id:`render`,get open(){return h(o)},aside:a,children:(t,r)=>{P(t,{get items(){return h(Y)},get columns(){return ge},getKey:e=>e.key,label:`Render profiles`,onactivate:e=>x(e.file).catch(()=>{}),get sort(){return h(G)},set sort(e){c(G,e,!0)},get selected(){return h(K)},set selected(e){c(K,e,!0)},row:(t,r=te,a)=>{let o=()=>(a?.()).visible;var c=de(),p=u(c),m=l(p),g=l(m);re(g,{get text(){return r().name},get query(){return h(W)}}),s(m);var _=n(m,2),x=l(_);{let t=e(()=>i(r().file));re(x,{get text(){return h(t)},get query(){return h(W)}})}s(_),s(p);var S=n(p,2),ne=e=>{var t=B(),n=f(t,!0);d(()=>b(n,r().instances)),v(e,t)},T=e(()=>o().has(`instances`));w(S,e=>{h(T)&&e(ne)});var E=n(S,2),O=e=>{var t=B(),n=f(t,!0);d(e=>b(n,e),[()=>D(r().initTime)]),v(e,t)},k=e(()=>o().has(`init`));w(E,e=>{h(k)&&e(O)});var A=n(E,2),j=f(A,!0),M=n(A,2),N=e=>{var t=ue(),n=f(t,!0);d((e,r)=>{y(t,1,e,`svelte-1u85j1o`),b(n,r)},[()=>C([`end num`,$(Q(r()))]),()=>D(Q(r()))]),v(e,t)},P=e(()=>o().has(`avg`));w(M,e=>{h(P)&&e(N)});var F=n(M,2),I=l(F);let L;var R=n(I,2),z=f(R,!0);s(F),d((e,t,n,r)=>{b(j,e),y(I,1,t,`svelte-1u85j1o`),L=ee(I,``,L,{width:n}),b(z,r)},[()=>r().renderCount.toLocaleString(),()=>C([`bar`,$(Q(r()))]),()=>`${Math.max(2,r().totalRenderTime/h(he)*60)}px`,()=>D(r().totalRenderTime)]),v(t,c)},empty:e=>{j(e,{get res(){return H},get total(){return H.data.length},loading:`Waiting for render data…`,failed:`Could not load render profiles`,icon:`render`,title:`No renders recorded yet`,noMatch:`No components match`,children:(e,t)=>{var n=fe();v(e,n)},$$slots:{default:!0}})},$$slots:{row:!0,empty:!0}})},$$slots:{aside:!0,default:!0}})}},$$slots:{toolbar:!0,actions:!0,default:!0}}),a()}export{V as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{Bt as e,Ct as t,Ft as n,Gt as r,Ht as i,It as a,Kt as o,Lt as s,Mt as c,Nt as l,Ot as u,Pt as d,Rt as f,St as p,Tt as m,Ut as h,W as g,_t as _,at as v,ht as y,k as b,kt as x,n as S,pt as C,qt as w,tt as ee,ut as T,vt as E,w as D,xt as O,yt as k}from"./resource.svelte-GBY8qvgR.js";import{o as te,r as A}from"./index-
|
|
1
|
+
import{Bt as e,Ct as t,Ft as n,Gt as r,Ht as i,It as a,Kt as o,Lt as s,Mt as c,Nt as l,Ot as u,Pt as d,Rt as f,St as p,Tt as m,Ut as h,W as g,_t as _,at as v,ht as y,k as b,kt as x,n as S,pt as C,qt as w,tt as ee,ut as T,vt as E,w as D,xt as O,yt as k}from"./resource.svelte-GBY8qvgR.js";import{o as te,r as A}from"./index-JV_VtUOj.js";import{n as j,t as ne}from"./Panel-BoUvB1nh.js";import{t as M}from"./RefreshButton-QYzgSJG9.js";import{t as re}from"./ResourceEmpty-BBhK6GZB.js";import{t as ie}from"./SearchField-C1RVVJht.js";import{t as ae}from"./SplitView-CjY2q-Tx.js";import{t as oe}from"./Inspector-pD5_jg0-.js";import{t as se}from"./Segmented-CK2euuus.js";import{n as ce,t as le}from"./TreeView-T5wWFSLQ.js";function ue(e){let t={key:`/`,segment:`/`,route:null,children:[]},n=new Map([[`/`,t]]),r=e.toSorted((e,t)=>e.id.localeCompare(t.id));for(let e of r){if(e.id===`/`){t.route=e;continue}let r=t,i=``;for(let t of e.id.split(`/`).filter(Boolean)){i+=`/`+t;let e=n.get(i);e||(e={key:i,segment:t,route:null,children:[]},n.set(i,e),r.children.push(e)),r=e}r.route=e}return{roots:[t],byKey:n}}var N=k(`<!> <!> <!> <!>`,1),de=k(`<span class="params svelte-yu3l91"></span>`),fe=k(`<span class="faint">none</span>`),P=k(`<li><button type="button"><!> <span class="sub truncate mono svelte-yu3l91"> </span></button></li>`),F=k(`<h3 class="section-title">Matching</h3> <dl class="kv"><dt>Pattern</dt> <dd class="mono"> </dd> <dt>Params</dt> <dd><!></dd></dl> <h3 class="section-title">Files <span class="num"> </span></h3> <ul class="link-list svelte-yu3l91"></ul>`,1),I=k(`<span class="k page svelte-yu3l91" title="+page.svelte">P</span>`),L=k(`<span class="k layout svelte-yu3l91" title="+layout.svelte">L</span>`),R=k(`<span class="k server svelte-yu3l91" title="server load">S</span>`),z=k(`<span class="k load svelte-yu3l91" title="universal load">U</span>`),B=k(`<span class="k api svelte-yu3l91" title="+server endpoint">API</span>`),V=k(`<span class="kinds svelte-yu3l91"><!> <!> <!> <!> <!></span> <span class="path truncate svelte-yu3l91"><!></span>`,1),pe=k(`<span><!></span> <!>`,1),me=k(`<p>Routes appear here for SvelteKit projects with a <code>src/routes</code> directory.</p>`);function H(p,k){h(k,!0);let H=S(D,{initial:[]}),U=e(()=>ue(H.data)),W=()=>ce(m(U).roots,{key:e=>e.key,children:e=>e.children}),G=f(``),K=f(`all`),q=f(a(new Set([`/`]))),J=f(null),Y=!1;x(()=>{Y||H.data.length===0||(Y=!0,s(q,H.data.length<=60?W():new Set([`/`,...(m(U).roots[0]?.children??[]).map(e=>e.key)]),!0))});let X={pages:e=>e.hasPage,endpoints:e=>e.hasEndpoint,dynamic:e=>e.params.length>0},he=e(()=>{let e=te(m(G)),t=m(K)===`all`?null:X[m(K)];return!e&&!t?null:n=>!!n.route&&(!t||t(n.route))&&(!e||e(n.route.path,n.route.id))}),Z=e(()=>({pages:H.data.filter(X.pages).length,endpoints:H.data.filter(X.endpoints).length,dynamic:H.data.filter(X.dynamic).length})),Q=e(()=>m(J)?m(U).byKey.get(m(J))?.route??null:null),ge={page:`+page.svelte`,layout:`+layout.svelte`,"server-page":`+page.server`,"server-layout":`+layout.server`,endpoint:`+server`,"page-load":`+page`,"layout-load":`+layout`,error:`+error.svelte`,"page-load-server":`+page.server`,"layout-load-server":`+layout.server`};function _e(e){return e===`endpoint`?`green`:e.includes(`server`)?`blue`:e.includes(`layout`)?`purple`:e===`error`?`red`:`accent`}function ve(e){return e.startsWith(`[...`)?`rest`:e.startsWith(`[`)?`param`:e.startsWith(`(`)?`group`:``}function ye(e){return e.hasPage&&e.params.length===0}function be(e){window.open(new URL(e.path,location.origin).href,`_blank`,`noopener`)}function xe(e){return(e.files.find(e=>e.type===`page`)??e.files.find(e=>e.type===`endpoint`)??e.files[0])?.path}function $(e){e&&b(e).catch(()=>{})}ne(p,{title:`Routes`,get count(){return H.data.length},toolbar:t=>{var r=N(),i=l(r);{let t=e(()=>[{value:`all`,label:`All`,count:H.data.length},{value:`pages`,label:`Pages`,count:m(Z).pages},{value:`endpoints`,label:`Endpoints`,count:m(Z).endpoints},{value:`dynamic`,label:`Dynamic`,count:m(Z).dynamic}]);se(i,{label:`Route kind`,get options(){return m(t)},get value(){return m(K)},set value(e){s(K,e,!0)}})}var a=n(i,2);ie(a,{placeholder:`Filter by path…`,get value(){return m(G)},set value(e){s(G,e,!0)}});var o=n(a,2);g(o,{icon:`expand`,variant:`ghost`,label:`Expand all`,onclick:()=>s(q,W(),!0)});var c=n(o,2);g(c,{icon:`collapse`,variant:`ghost`,label:`Collapse all`,onclick:()=>s(q,new Set([`/`]),!0)}),_(t,r)},actions:e=>{M(e,{get res(){return H},label:`Rescan routes`})},children:(i,a)=>{{let a=i=>{var a=E(),f=l(a),p=i=>{let a=e(()=>m(Q));{let f=e=>{var t=N(),i=l(t),o=e=>{j(e,{tone:`accent`,children:(e,t)=>{r();var n=O(`page`);_(e,n)},$$slots:{default:!0}})};C(i,e=>{m(a).hasPage&&e(o)});var s=n(i,2),c=e=>{j(e,{tone:`purple`,children:(e,t)=>{r();var n=O(`layout`);_(e,n)},$$slots:{default:!0}})};C(s,e=>{m(a).hasLayout&&e(c)});var u=n(s,2),d=e=>{j(e,{tone:`green`,children:(e,t)=>{r();var n=O(`endpoint`);_(e,n)},$$slots:{default:!0}})};C(u,e=>{m(a).hasEndpoint&&e(d)});var f=n(u,2),p=e=>{j(e,{tone:`blue`,children:(e,t)=>{r();var n=O(`server load`);_(e,n)},$$slots:{default:!0}})};C(f,e=>{(m(a).hasServerPage||m(a).hasServerLayout)&&e(p)}),_(e,t)},p=t=>{var n=E(),i=l(n),o=e=>{g(e,{icon:`external`,onclick:()=>be(m(a)),children:(e,t)=>{r();var n=O(`Open page`);_(e,n)},$$slots:{default:!0}})},s=e(()=>ye(m(a)));C(i,e=>{m(s)&&e(o)}),_(t,n)},h=e(()=>`src/routes`+(m(a).id===`/`?``:m(a).id));oe(i,{get title(){return m(a).path},get subtitle(){return m(h)},onclose:()=>s(J,null),badges:f,actions:p,children:(i,s)=>{var f=F(),p=n(l(f),2),h=n(c(p),2),g=d(h,!0),v=n(h,4),b=c(v),x=t=>{var n=de();T(n,21,()=>m(a).params,e=>e.name,(t,n)=>{{let i=e(()=>m(n).matcher?`matcher: ${m(n).matcher}`:void 0);j(t,{tone:`yellow`,get title(){return m(i)},children:(e,t)=>{r();var i=O();u(()=>y(i,`${m(n).rest?`...`:``}${m(n).name??``}${m(n).optional?`?`:``}${m(n).matcher?`=${m(n).matcher}`:``}`)),_(e,i)},$$slots:{default:!0}})}}),o(n),_(t,n)},S=e=>{var t=fe();_(e,t)};C(b,e=>{m(a).params.length?e(x):e(S,-1)}),o(v),o(p);var w=n(p,2),E=n(c(w)),D=d(E,!0);o(w);var k=n(w,2);T(k,21,()=>m(a).files,e=>e.path,(i,a)=>{var s=P(),l=c(s),f=c(l);{let t=e(()=>_e(m(a).type));j(f,{get tone(){return m(t)},children:(e,t)=>{r();var n=O();u(()=>y(n,ge[m(a).type]??m(a).type)),_(e,n)},$$slots:{default:!0}})}var p=n(f,2),h=d(p,!0);o(l),o(s),u(()=>{ee(l,`title`,`Open ${m(a).path??``} in editor`),y(h,m(a).path)}),t(`click`,l,()=>$(m(a).path)),_(i,s)}),o(k),u(()=>{y(g,m(a).pattern),y(D,m(a).files.length)}),_(i,f)},$$slots:{badges:!0,actions:!0,default:!0}})}};C(f,e=>{m(Q)&&e(p)}),_(i,a)},f=e(()=>!!m(Q));ae(i,{id:`routes`,get open(){return m(f)},aside:a,children:(t,r)=>{{let r=(e,t=w)=>{var r=pe(),i=l(r);let a;var s=c(i);A(s,{get text(){return t().segment},get query(){return m(G)}}),o(i);var d=n(i,2),f=e=>{var r=V(),i=l(r),a=c(i),s=e=>{var t=I();_(e,t)};C(a,e=>{t().route.hasPage&&e(s)});var u=n(a,2),d=e=>{var t=L();_(e,t)};C(u,e=>{t().route.hasLayout&&e(d)});var f=n(u,2),p=e=>{var t=R();_(e,t)};C(f,e=>{(t().route.hasServerPage||t().route.hasServerLayout)&&e(p)});var h=n(f,2),g=e=>{var t=z();_(e,t)};C(h,e=>{(t().route.hasPageLoad||t().route.hasLayoutLoad)&&e(g)});var v=n(h,2),y=e=>{var t=B();_(e,t)};C(v,e=>{t().route.hasEndpoint&&e(y)}),o(i);var b=n(i,2),x=c(b);A(x,{get text(){return t().route.path},get query(){return m(G)}}),o(b),_(e,r)};C(d,e=>{t().route&&e(f)}),u(e=>a=v(i,1,`seg ${e??``}`,`svelte-yu3l91`,a,{dir:!t().route}),[()=>ve(t().segment)]),_(e,r)},i=e=>{re(e,{get res(){return H},get total(){return H.data.length},loading:`Scanning src/routes…`,failed:`Could not read routes`,icon:`routes`,title:`No routes found`,noMatch:`No routes match`,children:(e,t)=>{var n=me();_(e,n)},$$slots:{default:!0}})},a=e(()=>H.data.length?m(U).roots:[]);le(t,{get roots(){return m(a)},getKey:e=>e.key,getChildren:e=>e.children,get filter(){return m(he)},label:`Route tree`,onactivate:e=>e.route&&$(xe(e.route)),get expanded(){return m(q)},set expanded(e){s(q,e,!0)},get selected(){return m(J)},set selected(e){s(J,e,!0)},row:r,empty:i,$$slots:{row:!0,empty:!0}})}},$$slots:{aside:!0,default:!0}})}},$$slots:{toolbar:!0,actions:!0,default:!0}}),i()}p([`click`]);export{H as default};
|