vite-devtools-svelte 0.6.0 → 0.6.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/analyzers/html.d.ts +24 -0
- package/dist/analyzers/og.d.ts +2 -5
- package/dist/analyzers/project.d.ts +1 -0
- package/dist/analyzers/routes.d.ts +6 -0
- package/dist/analyzers/script.d.ts +26 -0
- package/dist/analyzers/source.d.ts +8 -3
- package/dist/analyzers/text.d.ts +6 -0
- package/dist/client/assets/ApiPlayground-r3PMCbhw.js +3 -0
- package/dist/client/assets/Assets-F6ySiRNw.js +1 -0
- package/dist/client/assets/BuildAnalysis-Ci5Or0e4.js +1 -0
- package/dist/client/assets/CaptureNotice-DNYJjRjY.js +1 -0
- package/dist/client/assets/{Components-Co50xTrv.css → Components-DcHDCSmh.css} +1 -1
- package/dist/client/assets/Components-DzrFq-Jl.js +2 -0
- package/dist/client/assets/DataTable-C8wIHfdk.js +1 -0
- package/dist/client/assets/ErrorDashboard-DvBrkCGu.js +1 -0
- package/dist/client/assets/FpsMonitor-Bot5x4nP.js +1 -0
- package/dist/client/assets/FpsMonitor-D0MLqumc.css +1 -0
- package/dist/client/assets/Inspect-TF2sVdn4.js +4 -0
- package/dist/client/assets/Inspector-pD5_jg0-.js +1 -0
- package/dist/client/assets/LiveControls-BDWnVlkm.js +1 -0
- package/dist/client/assets/LoadProfiler-9jiBcPzy.css +1 -0
- package/dist/client/assets/LoadProfiler-RcwiKanZ.js +1 -0
- package/dist/client/assets/ModuleGraph-BscNTo-U.js +1 -0
- package/dist/client/assets/OGPreview-Ca39RUrW.js +1 -0
- package/dist/client/assets/Overview-CNCVS-EJ.js +1 -0
- package/dist/client/assets/Panel-BoUvB1nh.js +1 -0
- package/dist/client/assets/ReactiveGraph-BInCBdAu.css +1 -0
- package/dist/client/assets/ReactiveGraph-BmQbARuQ.js +17 -0
- package/dist/client/assets/RefreshButton-QYzgSJG9.js +1 -0
- package/dist/client/assets/RenderProfiler-Brp8i8K4.js +1 -0
- package/dist/client/assets/RenderProfiler-C0XQZUzw.css +1 -0
- package/dist/client/assets/ResourceEmpty-BBhK6GZB.js +1 -0
- package/dist/client/assets/Routes-BS5YDx3C.js +1 -0
- package/dist/client/assets/SearchField-C1RVVJht.js +1 -0
- package/dist/client/assets/Segmented-CK2euuus.js +1 -0
- package/dist/client/assets/SplitView-D7jY4n9A.js +1 -0
- package/dist/client/assets/StatList-Cd2sByRK.js +1 -0
- package/dist/client/assets/StatList-CwVfs0x8.css +1 -0
- package/dist/client/assets/StateTimeline-CaYBN88_.js +1 -0
- package/dist/client/assets/TreeView-T5wWFSLQ.js +1 -0
- package/dist/client/assets/VirtualList-CLxNqdaN.js +1 -0
- package/dist/client/assets/browser-agent-rpc-BXhoSh1z-DrvKG05N.js +1 -0
- package/dist/client/assets/capture.svelte-CetYVdiG.js +1 -0
- package/dist/client/assets/{collections-uqk9p1aQ.js → collections-BtFss6Lo.js} +1 -1
- package/dist/client/assets/index-BBFupqc_.js +3 -0
- package/dist/client/assets/index-C_6yCKMs.css +1 -0
- package/dist/client/assets/kind-options-BLIV2wQY.js +1 -0
- package/dist/client/assets/nanoid-Cya-tyvy.js +1 -0
- package/dist/client/assets/reactive-BQ_s2f5H.js +1 -0
- package/dist/client/assets/reactive-selection.svelte-DI6qEBmx.js +1 -0
- package/dist/client/assets/resource-f-V9vBwK.css +1 -0
- package/dist/client/assets/resource.svelte-GBY8qvgR.js +5 -0
- package/dist/client/assets/versions-Dmo1-Hsc.js +1 -0
- package/dist/client/index.html +5 -2
- package/dist/index.mjs +1739 -1529
- package/dist/index.mjs.map +1 -1
- package/dist/mcp/http.d.ts +24 -0
- package/dist/mcp/server.d.ts +6 -12
- package/dist/mcp/sessions.d.ts +20 -17
- package/dist/mcp/stats.d.ts +13 -0
- package/dist/plugin.d.ts +0 -6
- package/dist/runtime/transform.d.ts +2 -2
- package/dist/server/collector.d.ts +54 -109
- package/dist/server/compiler-warnings.d.ts +13 -0
- package/dist/server/devframe.d.ts +9 -9
- package/dist/server/load-profile.d.ts +12 -0
- package/dist/server/mount.d.ts +2 -0
- package/dist/server/payload.d.ts +11 -0
- package/dist/server/reactive.d.ts +30 -0
- package/dist/server/ring.d.ts +11 -0
- package/dist/server/security.d.ts +3 -1
- package/dist/server/state-timeline.d.ts +72 -0
- package/package.json +1 -1
- package/dist/client/assets/ApiPlayground-qRDX0tRk.js +0 -3
- package/dist/client/assets/Assets-yTFLB7w2.js +0 -1
- package/dist/client/assets/BuildAnalysis-C6yO6EJN.js +0 -1
- package/dist/client/assets/CaptureNotice-DykEK0Kp.js +0 -1
- package/dist/client/assets/Components-BTG8jKec.js +0 -2
- package/dist/client/assets/DataTable-C5C0HrMd.js +0 -1
- package/dist/client/assets/ErrorDashboard-DHdptxQP.js +0 -1
- package/dist/client/assets/FpsMonitor-BmS11Tn7.css +0 -1
- package/dist/client/assets/FpsMonitor-G1xRBjK3.js +0 -1
- package/dist/client/assets/Inspect-Ba_b5o73.js +0 -4
- package/dist/client/assets/Inspector-mTvtYmwt.js +0 -1
- package/dist/client/assets/LiveControls-nrc1-cBk.js +0 -1
- package/dist/client/assets/LoadProfiler-cg28l5zW.css +0 -1
- package/dist/client/assets/LoadProfiler-eYXaLPba.js +0 -1
- package/dist/client/assets/ModuleGraph-Dp-bJUnD.js +0 -1
- package/dist/client/assets/OGPreview-BzZ_MAg7.js +0 -1
- package/dist/client/assets/Overview-Cbi5ayT1.js +0 -1
- package/dist/client/assets/Panel-CKQaY_Qq.js +0 -1
- package/dist/client/assets/ReactiveGraph-Bq_aP4uo.css +0 -1
- package/dist/client/assets/ReactiveGraph-CQpsrwa7.js +0 -19
- package/dist/client/assets/RenderProfiler-CCG8KJ2a.js +0 -1
- package/dist/client/assets/RenderProfiler-CS1FAvX6.css +0 -1
- package/dist/client/assets/Routes-Dg3ZrLhJ.js +0 -1
- package/dist/client/assets/SearchField-B5EQ5IIf.js +0 -1
- package/dist/client/assets/Segmented-Dz1OdcPr.js +0 -1
- package/dist/client/assets/SplitView-CxRUXpY5.js +0 -1
- package/dist/client/assets/StateTimeline-CLt2yN8k.js +0 -1
- package/dist/client/assets/TreeView-BYOJBzxO.js +0 -1
- package/dist/client/assets/VirtualList-Bfn8is0p.js +0 -1
- package/dist/client/assets/browser-agent-rpc-BXhoSh1z-CuoUGU_3.js +0 -1
- package/dist/client/assets/capture.svelte-BLIttZ2Z.js +0 -1
- package/dist/client/assets/format-BEILGi1v.js +0 -1
- package/dist/client/assets/index-BmEfdt6W.css +0 -1
- package/dist/client/assets/index-Cf5oAFpK.js +0 -7
- package/dist/client/assets/reactive-DuxZv-g7.js +0 -1
- package/dist/client/assets/reactive-selection.svelte-iv05jhlt.js +0 -1
- package/dist/client/assets/versions-Bd19hz8p.js +0 -1
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
import { CaptureInfo, StateTimelineDelta, StateTimelineEntry, TimelineBaseline } from '../types.js';
|
|
2
|
+
/** Most entries the server-side state timeline keeps. */
|
|
3
|
+
export declare const STATE_TIMELINE_LIMIT = 500;
|
|
4
|
+
/** Byte budget (JSON length, measured once at ingest) for the server-side state timeline. */
|
|
5
|
+
export declare const STATE_TIMELINE_BYTES: number;
|
|
6
|
+
/** Epoch for runtimes that send payloads without an epoch. */
|
|
7
|
+
export declare const LEGACY_EPOCH = "(legacy)";
|
|
8
|
+
export declare const nextSeq: () => number;
|
|
9
|
+
export declare function isBaseline(b: unknown): b is TimelineBaseline;
|
|
10
|
+
/** A runtime timeline push (docs/devframe-migration.md §6.4), untrusted. */
|
|
11
|
+
export interface TimelinePush {
|
|
12
|
+
changes?: unknown;
|
|
13
|
+
epoch?: unknown;
|
|
14
|
+
reset?: unknown;
|
|
15
|
+
dropped?: unknown;
|
|
16
|
+
valueTooLarge?: unknown;
|
|
17
|
+
baseline?: unknown;
|
|
18
|
+
}
|
|
19
|
+
/**
|
|
20
|
+
* The server-side state timeline: entries of every tracked page load
|
|
21
|
+
* (epoch), oldest first, capped by count and bytes, read through cursors.
|
|
22
|
+
* Losses are counted per epoch and reason until the epoch is forgotten or
|
|
23
|
+
* the timeline cleared (§6.7 B/C). `onChange` runs whenever what a reader
|
|
24
|
+
* sees changes.
|
|
25
|
+
*/
|
|
26
|
+
export declare class StateTimeline {
|
|
27
|
+
private stored;
|
|
28
|
+
private entriesCache;
|
|
29
|
+
private bytes;
|
|
30
|
+
/** Newest seq issued (= the current cursor). */
|
|
31
|
+
private seq;
|
|
32
|
+
/** Cursor value at the last removal; older cursors must start over. */
|
|
33
|
+
private resetAt;
|
|
34
|
+
/** Seq of the newest entry trimmed by the caps; cursors below it missed entries. */
|
|
35
|
+
private trimmedAt;
|
|
36
|
+
private drops;
|
|
37
|
+
private tooLarge;
|
|
38
|
+
/** Per epoch: whether the runtime has a first sample of every tracked $state yet. */
|
|
39
|
+
private baselines;
|
|
40
|
+
private readonly onChange;
|
|
41
|
+
constructor(onChange: () => void);
|
|
42
|
+
get entries(): StateTimelineEntry[];
|
|
43
|
+
/**
|
|
44
|
+
* Two payload shapes (§6.4):
|
|
45
|
+
* - delta: `{ epoch, changes, reset? }` — `changes` are new since the
|
|
46
|
+
* previous push from that page load; `reset` replaces that epoch's
|
|
47
|
+
* entries. Entries are kept per epoch, so several app tabs (or a reload)
|
|
48
|
+
* interleave instead of wiping each other.
|
|
49
|
+
* - legacy full snapshot: `{ changes }` — only the entries after the
|
|
50
|
+
* newest one already held are appended, so clients still get deltas.
|
|
51
|
+
*/
|
|
52
|
+
ingest(data: TimelinePush | undefined): void;
|
|
53
|
+
private appendLegacy;
|
|
54
|
+
/** Changes after `since` (a previous `cursor`), or the whole buffer when the cursor is stale. */
|
|
55
|
+
delta(since?: number): StateTimelineDelta;
|
|
56
|
+
/** Remove `epoch`'s entries, invalidating every cursor issued so far. */
|
|
57
|
+
dropEpoch(epoch: string): void;
|
|
58
|
+
/** An evicted page load: its entries and every counter about it. */
|
|
59
|
+
forget(epoch: string): void;
|
|
60
|
+
clear(): void;
|
|
61
|
+
/** Capture info (§6.7 B); the baseline is the served `epoch`'s. */
|
|
62
|
+
captureInfo(epoch: string | undefined): CaptureInfo;
|
|
63
|
+
private markReset;
|
|
64
|
+
/**
|
|
65
|
+
* Add the runtime's own losses (unsent entries it evicted, §6.7 C) and
|
|
66
|
+
* too-large values to the epoch's counters. Only runtime reasons are
|
|
67
|
+
* accepted from the runtime; server reasons are counted here.
|
|
68
|
+
*/
|
|
69
|
+
private countRuntimeLosses;
|
|
70
|
+
private addDrop;
|
|
71
|
+
private append;
|
|
72
|
+
}
|
package/package.json
CHANGED
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import{At as e,Dt as t,J as n,L as r,M as i,Mt as a,Nt as o,Ot as s,P as c,Pt as l,R as u,St as d,Tt as f,U as p,X as m,Y as h,at as g,bt as _,ct as v,dt as y,ft as b,gt as x,it as S,jt as C,k as ee,kt as w,l as T,mt as E,n as D,ot as O,pt as te,q as ne,r as k,st as re,tt as A,ut as j,wt as M,xt as N,yt as P}from"./index-Cf5oAFpK.js";import{n as F,t as I}from"./Panel-CKQaY_Qq.js";import{t as ie}from"./SearchField-B5EQ5IIf.js";import{t as ae}from"./SplitView-CxRUXpY5.js";import{t as L}from"./VirtualList-Bfn8is0p.js";import{i as oe,o as se}from"./format-BEILGi1v.js";var ce=v(`<span class="methods svelte-1wcbixy"><!> <!></span> <span class="truncate mono path svelte-1wcbixy"><!></span>`,1),le=v(`<option> </option>`),ue=v(`<span class="err-dot svelte-1wcbixy"></span>`),de=v(`<button type="button" class="file mono svelte-1wcbixy" title="Open handler in editor"> </button>`),fe=v(`<textarea class="input editor svelte-1wcbixy" aria-label="Request body" spellcheck="false"></textarea>`),pe=v(`<p class="hint svelte-1wcbixy"> </p>`),me=v(`<p class="hint error svelte-1wcbixy"> </p>`),he=v(`<textarea class="input editor svelte-1wcbixy" aria-label="Request headers as JSON" spellcheck="false"></textarea> <!>`,1),ge=v(`<p class="mono"> </p>`),_e=v(`<dt class="mono"> </dt> <dd class="mono"> </dd>`,1),ve=v(`<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),ye=v(`<p>Pick an endpoint on the left or type any URL. <kbd class="svelte-1wcbixy">⌘</kbd> <kbd class="svelte-1wcbixy">↵</kbd> sends.</p>`),be=v(`<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(v,y){e(y,!0);let R=D(T,{initial:[]}),xe=[`GET`,`POST`,`PUT`,`PATCH`,`DELETE`,`HEAD`,`OPTIONS`],z=e=>e===`GET`?`blue`:e===`POST`?`green`:e===`DELETE`?`red`:e===`HEAD`||e===`OPTIONS`?`neutral`:`yellow`,B=f(``),V=f(null),H=f(`GET`),U=f(``),W=f(`{
|
|
2
|
-
|
|
3
|
-
}`),G=f(``),K=f(`body`),q=f(!1),J=f(null),Y=f(null),X=t(()=>{let e=r(E(B));return e?R.data.filter(t=>e(t.path,t.route,t.methods.join(` `))):R.data}),Z=t(()=>E(V)?R.data.find(e=>e.route===E(V))??null:null),Q=t(()=>{if(!E(W).trim())return null;try{let e=JSON.parse(E(W));return e&&typeof e==`object`&&!Array.isArray(e)?null:`Headers must be a JSON object`}catch(e){return e.message}}),Se=t(()=>E(H)!==`GET`&&E(H)!==`HEAD`),Ce=t(()=>{if(!E(J)?.body)return``;if((Object.entries(E(J).headers).find(([e])=>e.toLowerCase()===`content-type`)?.[1]??``).includes(`json`)||/^\s*[[{]/.test(E(J).body))try{return JSON.stringify(JSON.parse(E(J).body),null,2)}catch{}return E(J).body});function we(e){M(V,e.route,!0),M(H,e.methods[0]??`GET`,!0),M(U,new URL(e.path,location.origin).href,!0),M(J,null),M(Y,null)}async function $(){if(!(!E(U)||E(Q)||E(q))){M(q,!0),M(Y,null);try{M(J,await i(E(U),E(H),E(W).trim()||`{}`,E(Se)?E(G):``),!0)}catch(e){M(J,null),M(Y,e instanceof Error?e.message:String(e),!0)}finally{M(q,!1)}}}function Te(e){(e.metaKey||e.ctrlKey)&&e.key===`Enter`&&(e.preventDefault(),$())}function Ee(e){return e>=200&&e<300?`green`:e>=300&&e<400?`yellow`:e>=400?`red`:`neutral`}I(v,{title:`API`,get count(){return R.data.length},toolbar:e=>{ie(e,{placeholder:`Filter endpoints…`,get count(){return E(X).length},get value(){return E(B)},set value(e){M(B,e,!0)}})},actions:e=>{u(e,{icon:`refresh`,variant:`ghost`,label:`Rescan endpoints`,get disabled(){return R.busy},onclick:()=>R.refresh()})},children:(e,r)=>{ae(e,{id:`api`,side:`start`,initial:300,min:200,aside:e=>{L(e,{get items(){return E(X)},getKey:e=>e.route,label:`API endpoints`,onselect:we,get selected(){return E(V)},set selected(e){M(V,e,!0)},row:(e,n=o)=>{var r=ce(),i=_(r),s=P(i);A(s,16,()=>n().methods.slice(0,3),e=>e,(e,n)=>{{let r=t(()=>z(n));F(e,{get tone(){return E(r)},children:(e,t)=>{C();var r=j();x(()=>g(r,n)),O(e,r)},$$slots:{default:!0}})}});var l=d(s,2),u=e=>{F(e,{children:(e,t)=>{C();var r=j();x(()=>g(r,`+${n().methods.length-3}`)),O(e,r)},$$slots:{default:!0}})};S(l,e=>{n().methods.length>3&&e(u)}),a(i);var f=d(i,2),p=P(f);c(p,{get text(){return n().path},get query(){return E(B)}}),a(f),O(e,r)},empty:e=>{var n=re(),r=_(n),i=e=>{k(e,{title:`Scanning +server files…`})},a=e=>{{let n=t(()=>R.data.length?`No endpoints match`:`No +server endpoints`);k(e,{icon:`api`,get title(){return E(n)}})}};S(r,e=>{R.loading?e(i):e(a,-1)}),O(e,n)},$$slots:{row:!0,empty:!0}})},children:(e,r)=>{var i=be(),o=P(i),c=P(o);A(c,20,()=>E(Z)?.methods.length?E(Z).methods:xe,e=>e,(e,t)=>{var n=le(),r=N(n,!0),i={};x(()=>{g(r,t),i!==(i=t)&&(n.__value=i)}),O(e,n)}),a(c),m(c);var f=d(c,2);ne(f);var v=d(f,2);{let e=t(()=>!E(U)||!!E(Q)||E(q));u(v,{type:`submit`,variant:`primary`,icon:`send`,get disabled(){return E(e)},title:`Send (⌘↵)`,children:(e,t)=>{C();var n=j();x(()=>g(n,E(q)?`Sending…`:`Send`)),O(e,n)},$$slots:{default:!0}})}a(o);var y=d(o,2),w=P(y),T=d(w,2),D=d(P(T)),I=e=>{var t=ue();x(()=>n(t,`title`,E(Q))),O(e,t)};S(D,e=>{E(Q)&&e(I)}),a(T);var ie=d(T,2),ae=e=>{var t=de(),n=N(t,!0);x(()=>g(n,E(Z).file)),b(`click`,t,()=>ee(E(Z).file).catch(()=>{})),O(e,t)};S(ie,e=>{E(Z)&&e(ae)}),a(y);var L=d(y,2),ce=P(L),R=e=>{var t=re(),r=_(t),i=e=>{var t=fe();s(t),n(t,`placeholder`,`{ "name": "value" }`),p(t,()=>E(G),e=>M(G,e)),O(e,t)},a=e=>{var t=pe(),n=N(t);x(()=>g(n,`${E(H)??``} requests have no body.`)),O(e,t)};S(r,e=>{E(Se)?e(i):e(a,-1)}),O(e,t)},z=e=>{var t=he(),r=_(t);s(r);var i=d(r,2),a=e=>{var t=me(),n=N(t,!0);x(()=>g(n,E(Q))),O(e,t)};S(i,e=>{E(Q)&&e(a)}),x(()=>n(r,`aria-invalid`,!!E(Q))),p(r,()=>E(W),e=>M(W,e)),O(e,t)};S(ce,e=>{E(K)===`body`?e(R):e(z,-1)}),a(L);var B=d(L,2),V=P(B),X=e=>{k(e,{icon:`errors`,tone:`error`,title:`Request failed`,children:(e,t)=>{var n=ge(),r=N(n,!0);x(()=>g(r,E(Y))),O(e,n)},$$slots:{default:!0}})},we=e=>{var n=ve(),r=_(n),i=P(r);{let e=t(()=>Ee(E(J).status));F(i,{get tone(){return E(e)},children:(e,t)=>{C();var n=j();x(()=>g(n,`${E(J).status??``} ${E(J).statusText??``}`)),O(e,n)},$$slots:{default:!0}})}var o=d(i,2),s=N(o,!0),c=d(o,2),u=N(c,!0),f=d(c,2),p=P(f),m=N(p),h=d(p,2);A(h,21,()=>Object.entries(E(J).headers),([e,t])=>e,(e,n)=>{var r=t(()=>l(E(n),2));let i=()=>E(r)[0],a=()=>E(r)[1];var o=_e(),s=_(o),c=N(s,!0),u=d(s,2),f=N(u,!0);x(()=>{g(c,i()),g(f,a())}),O(e,o)}),a(h),a(f),a(r);var v=d(r,2),y=N(v,!0);x((e,t,n)=>{g(s,e),g(u,t),g(m,`${n??``} headers`),g(y,E(Ce)||`(empty body)`)},[()=>se(E(J).duration),()=>oe(new Blob([E(J).body]).size),()=>Object.keys(E(J).headers).length]),O(e,n)},De=e=>{k(e,{icon:`send`,title:`Send a request`,children:(e,t)=>{var n=ye();O(e,n)},$$slots:{default:!0}})};S(V,e=>{E(Y)?e(X):E(J)?e(we,1):e(De,-1)}),a(B),a(i),x(()=>{n(w,`aria-selected`,E(K)===`body`),n(T,`aria-selected`,E(K)===`headers`)}),b(`keydown`,i,Te),te(`submit`,o,e=>{e.preventDefault(),$()}),h(c,()=>E(H),e=>M(H,e)),p(f,()=>E(U),e=>M(U,e)),b(`click`,w,()=>M(K,`body`)),b(`click`,T,()=>M(K,`headers`)),O(e,i)},$$slots:{aside:!0,default:!0}})},$$slots:{toolbar:!0,actions:!0,default:!0}}),w()}y([`keydown`,`click`]);export{R as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{At as e,Ct as t,Dt as n,J as r,L as i,Mt as a,Nt as o,P as s,R as c,St as l,Tt as u,Z as d,at as f,bt as p,ct as m,gt as h,it as g,jt as _,k as v,kt as y,mt as b,n as x,ot as S,r as C,st as w,u as T,ut as E,wt as D,xt as O,yt as k,z as ee}from"./index-Cf5oAFpK.js";import{n as A,t as j}from"./Panel-CKQaY_Qq.js";import{t as M}from"./SearchField-B5EQ5IIf.js";import{t as N}from"./SplitView-CxRUXpY5.js";import{i as P}from"./format-BEILGi1v.js";import{t as te}from"./DataTable-C5C0HrMd.js";import{t as ne}from"./Inspector-mTvtYmwt.js";import{t as re}from"./Segmented-Dz1OdcPr.js";import{t as ie}from"./collections-uqk9p1aQ.js";var F=m(`<!> <!>`,1),ae=m(`<span class="total num svelte-qp140w" title="Total size of shown assets"> </span> <!>`,1),I=m(`<div class="preview svelte-qp140w"><img loading="lazy" class="svelte-qp140w"/></div>`),L=m(`<!> <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),R=m(`<span class="muted truncate mono small svelte-qp140w"> </span>`),z=m(`<span class="end faint num small svelte-qp140w"> </span>`),B=m(`<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),V=m(`<p class="mono"> </p>`);function H(m,H){e(H,!0);let U=x(T,{initial:[]});function W(e){let t=e.split(`/`)[0];return t===`image`||t===`font`||t===`video`||t===`audio`||t===`text`?t:`other`}let G={image:`assets`,font:`file`,video:`play`,audio:`play`,text:`file`,other:`file`},K=u(``),q=u(`all`),J=u(t({id:`size`,desc:!0})),Y=u(null),X=n(()=>ie(U.data,e=>W(e.type))),oe=n(()=>[{value:`all`,label:`All`,count:U.data.length},...[`image`,`font`,`video`,`audio`,`text`,`other`].filter(e=>b(X).get(e)).map(e=>({value:e,label:e.charAt(0).toUpperCase()+e.slice(1),count:b(X).get(e)}))]),Z=n(()=>{let e=i(b(K));return U.data.filter(t=>(b(q)===`all`||W(t.type)===b(q))&&(!e||e(t.relativePath,t.type)))}),se=n(()=>b(Z).reduce((e,t)=>e+t.size,0)),ce=n(()=>U.data.reduce((e,t)=>Math.max(e,t.size),1)),Q=n(()=>b(Y)?U.data.find(e=>e.path===b(Y))??null:null),le=[{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(m,{title:`Assets`,get count(){return U.data.length},toolbar:e=>{var t=F(),n=p(t);re(n,{label:`Asset type`,get options(){return b(oe)},get value(){return b(q)},set value(e){D(q,e,!0)}});var r=l(n,2);M(r,{placeholder:`Filter assets…`,get count(){return b(Z).length},get value(){return b(K)},set value(e){D(K,e,!0)}}),S(e,t)},actions:e=>{var t=ae(),n=p(t),r=O(n,!0),i=l(n,2);c(i,{icon:`refresh`,variant:`ghost`,label:`Rescan static directory`,get disabled(){return U.busy},onclick:()=>U.refresh()}),h(e=>f(r,e),[()=>P(b(se))]),S(e,t)},children:(e,t)=>{{let t=e=>{var t=w(),i=p(t),o=e=>{ne(e,{get title(){return b(Q).name},get subtitle(){return b(Q).relativePath},onclose:()=>D(Y,null),badges:e=>{var t=F(),r=p(t);A(r,{children:(e,t)=>{_();var n=E();h(()=>f(n,b(Q).type)),S(e,n)},$$slots:{default:!0}});var i=l(r,2);{let e=n(()=>b(Q).size>5e5?`yellow`:`neutral`);A(i,{get tone(){return b(e)},children:(e,t)=>{_();var n=E();h(e=>f(n,e),[()=>P(b(Q).size)]),S(e,n)},$$slots:{default:!0}})}S(e,t)},actions:e=>{var t=F(),n=p(t);c(n,{icon:`external`,onclick:()=>window.open($(b(Q)),`_blank`,`noopener`),children:(e,t)=>{_();var n=E(`Open URL`);S(e,n)},$$slots:{default:!0}});var r=l(n,2);c(r,{icon:`editor`,onclick:()=>v(b(Q).path).catch(()=>{}),children:(e,t)=>{_();var n=E(`Reveal`);S(e,n)},$$slots:{default:!0}}),S(e,t)},children:(e,t)=>{var i=L(),o=p(i),s=e=>{var t=I(),n=O(t);h(e=>{r(n,`src`,e),r(n,`alt`,b(Q).name)},[()=>$(b(Q))]),S(e,t)},c=n(()=>b(Q).type.startsWith(`image/`));g(o,e=>{b(c)&&e(s)});var u=l(o,4),d=l(k(u),2),m=O(d,!0),_=l(d,4),v=k(_),y=l(v),x=O(y);a(_);var C=l(_,4),w=O(C,!0),T=l(C,4),E=O(T,!0);a(u),h((e,t,n,r)=>{f(m,e),f(v,`${t??``} `),f(x,`(${n??``} bytes)`),f(w,r),f(E,b(Q).path)},[()=>$(b(Q)),()=>P(b(Q).size),()=>b(Q).size.toLocaleString(),()=>new Date(b(Q).mtime).toLocaleString()]),S(e,i)},$$slots:{badges:!0,actions:!0,default:!0}})};g(i,e=>{b(Q)&&e(o)}),S(e,t)},i=n(()=>!!b(Q));N(e,{id:`assets`,get open(){return b(i)},aside:t,children:(e,t)=>{te(e,{get items(){return b(Z)},get columns(){return le},getKey:e=>e.path,label:`Static assets`,onactivate:e=>v(e.path).catch(()=>{}),get sort(){return b(J)},set sort(e){D(J,e,!0)},get selected(){return b(Y)},set selected(e){D(Y,e,!0)},row:(e,t=o,r)=>{let i=()=>(r?.()).visible;var c=B(),u=p(c),m=k(u);{let e=n(()=>G[W(t().type)]);ee(m,{get name(){return b(e)},size:14})}var _=l(m,2),v=k(_);s(v,{get text(){return t().relativePath},get query(){return b(K)}}),a(_),a(u);var y=l(u,2),x=e=>{var n=R(),r=O(n,!0);h(()=>f(r,t().type)),S(e,n)},C=n(()=>i().has(`type`));g(y,e=>{b(C)&&e(x)});var w=l(y,2),T=e=>{var n=z(),r=O(n,!0);h(e=>f(r,e),[()=>new Date(t().mtime).toLocaleDateString()]),S(e,n)},E=n(()=>i().has(`mtime`));g(w,e=>{b(E)&&e(T)});var D=l(w,2),A=k(D);let j;var M=l(A,2),N=O(M,!0);a(D),h((e,t)=>{j=d(A,``,j,{width:e}),f(N,t)},[()=>`${Math.max(2,t().size/b(ce)*56)}px`,()=>P(t().size)]),S(e,c)},empty:e=>{var t=w(),r=p(t),i=e=>{C(e,{title:`Scanning static directory…`})},a=e=>{C(e,{icon:`errors`,tone:`error`,title:`Could not read assets`,children:(e,t)=>{var n=V(),r=O(n,!0);h(()=>f(r,U.error)),S(e,n)},$$slots:{default:!0}})},o=e=>{{let t=n(()=>U.data.length?`No assets match`:`No static assets`);C(e,{icon:`assets`,get title(){return b(t)}})}};g(r,e=>{U.loading?e(i):U.error?e(a,1):e(o,-1)}),S(e,t)},$$slots:{row:!0,empty:!0}})},$$slots:{aside:!0,default:!0}})}},$$slots:{toolbar:!0,actions:!0,default:!0}}),y()}export{H as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{At as e,Ct as t,Dt as n,J as r,L as i,Mt as a,Nt as o,P as s,Q as c,R as l,St as u,Tt as d,Z as f,at as p,bt as m,ct as h,d as g,gt as _,it as v,jt as y,kt as b,mt as x,n as S,nt as C,ot as w,r as T,st as E,tt as D,ut as O,wt as k,xt as A,yt as j}from"./index-Cf5oAFpK.js";import{n as M,t as N}from"./Panel-CKQaY_Qq.js";import{t as P}from"./SearchField-B5EQ5IIf.js";import{t as F}from"./SplitView-CxRUXpY5.js";import{i as I,t as L}from"./format-BEILGi1v.js";import{t as R}from"./DataTable-C5C0HrMd.js";import{t as z}from"./Inspector-mTvtYmwt.js";import{t as B}from"./Segmented-Dz1OdcPr.js";var V=h(`<!> <!>`,1),ee=h(`<span class="stamp svelte-1fwnyq9"> </span>`),te=h(`<p>Run <code>vite build</code> (or <code>pnpm build</code>) to produce chunks, then refresh.</p> <!>`,1),ne=h(`<span></span>`),re=h(`<span class="svelte-1fwnyq9"><i></i> <span class="num muted svelte-1fwnyq9"> </span></span>`),ie=h(`<!> <!> <!>`,1),ae=h(`<li class="mono truncate svelte-1fwnyq9"><!></li>`),oe=h(`<h3 class="section-title">Modules <span class="num"> </span></h3> <ul class="mods svelte-1fwnyq9"></ul>`,1),se=h(`<span class="end num muted"> </span>`),ce=h(`<span class="end num faint"> </span>`),le=h(`<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),ue=h(`<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 H(h,H){e(H,!0);let U=S(g,{initial:null}),W=d(``),G=d(`all`),K=d(t({id:`size`,desc:!0})),q=d(null),J=e=>e.file.split(`.`).pop()??``,Y=e=>J(e)===`js`||J(e)===`mjs`?`js`:J(e)===`css`?`css`:`other`,de={js:`yellow`,css:`purple`,other:`neutral`},X=n(()=>U.data?.chunks??[]),fe=n(()=>{let e=i(x(W));return x(X).filter(t=>(x(G)===`all`||Y(t)===x(G))&&(!e||e(t.file,t.name,...t.modules)))}),Z=n(()=>U.data?.totalSize??0),pe=n(()=>x(X).reduce((e,t)=>Math.max(e,t.size),1)),Q=n(()=>x(q)?x(X).find(e=>e.file===x(q))??null:null),$=n(()=>{let e={js:0,css:0,other:0};for(let t of x(X))e[Y(t)]+=t.size;return e}),me=[{id:`file`,label:`Chunk`,width:`minmax(0, 1fr)`,sort:(e,t)=>e.file.localeCompare(t.file)},{id:`modules`,label:`Modules`,width:`72px`,align:`end`,descFirst:!0,minWidth:560,sort:(e,t)=>e.modules.length-t.modules.length},{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}];N(h,{title:`Build`,get count(){return x(X).length},toolbar:e=>{var t=V(),r=m(t);{let e=n(()=>[{value:`all`,label:`All`},{value:`js`,label:`JS`,count:x(X).filter(e=>Y(e)===`js`).length},{value:`css`,label:`CSS`,count:x(X).filter(e=>Y(e)===`css`).length},{value:`other`,label:`Other`,count:x(X).filter(e=>Y(e)===`other`).length}]);B(r,{label:`Chunk type`,get options(){return x(e)},get value(){return x(G)},set value(e){k(G,e,!0)}})}var i=u(r,2);P(i,{placeholder:`Filter chunks or modules…`,get count(){return x(fe).length},get value(){return x(W)},set value(e){k(W,e,!0)}}),w(e,t)},actions:e=>{var t=V(),n=m(t),r=e=>{var t=ee(),n=A(t);_(e=>p(n,`built ${e??``}`),[()=>new Date(U.data.timestamp).toLocaleString()]),w(e,t)};v(n,e=>{U.data?.timestamp&&e(r)});var i=u(n,2);l(i,{icon:`refresh`,variant:`ghost`,label:`Re-read build output`,get disabled(){return U.busy},onclick:()=>U.refresh()}),w(e,t)},children:(e,t)=>{var i=E(),d=m(i),h=e=>{T(e,{icon:`build`,title:`No build output found`,children:(e,t)=>{var n=te(),r=u(m(n),2);l(r,{icon:`refresh`,onclick:()=>U.refresh(),children:(e,t)=>{y();var n=O(`Refresh`);w(e,n)},$$slots:{default:!0}}),w(e,n)},$$slots:{default:!0}})},g=e=>{var t=ue(),i=j(t),l=j(i),d=u(j(l),2),h=A(d,!0);a(l);var g=u(l,2);D(g,20,()=>[`js`,`css`,`other`],e=>e,(e,t)=>{var n=E(),i=m(n),a=e=>{var n=ne();let i;_(e=>{c(n,1,`seg ${t??``}`,`svelte-1fwnyq9`),r(n,`title`,`${t??``}: ${e??``}`),i=f(n,``,i,{"flex-grow":x($)[t]})},[()=>I(x($)[t])]),w(e,n)};v(i,e=>{x($)[t]&&e(a)}),w(e,n)}),a(g);var b=u(g,2);D(b,20,()=>[`js`,`css`,`other`],e=>e,(e,t)=>{var n=re(),r=j(n),i=u(r),o=u(i),s=A(o,!0);a(n),_((e,n)=>{c(r,1,`dot ${t??``}`,`svelte-1fwnyq9`),p(i,`${e??``} `),p(s,n)},[()=>t.toUpperCase(),()=>I(x($)[t])]),w(e,n)}),a(b),a(i);var S=u(i,2),N=j(S);{let e=e=>{var t=E(),i=m(t),o=e=>{{let t=e=>{var t=ie(),r=m(t);{let e=n(()=>de[Y(x(Q))]);M(r,{get tone(){return x(e)},children:(e,t)=>{y();var n=O();_(e=>p(n,e),[()=>J(x(Q))]),w(e,n)},$$slots:{default:!0}})}var i=u(r,2);M(i,{children:(e,t)=>{y();var n=O();_(e=>p(n,e),[()=>I(x(Q).size)]),w(e,n)},$$slots:{default:!0}});var a=u(i,2),o=e=>{M(e,{tone:`accent`,children:(e,t)=>{y();var n=O(`entry`);w(e,n)},$$slots:{default:!0}})};v(a,e=>{x(Q).isEntry&&e(o)}),w(e,t)},i=n(()=>L(x(Q).file));z(e,{get title(){return x(i)},get subtitle(){return x(Q).file},onclose:()=>k(q,null),badges:t,children:(e,t)=>{var n=oe(),i=m(n),o=u(j(i)),c=A(o,!0);a(i);var l=u(i,2);D(l,21,()=>x(Q).modules.slice(0,1e3),C,(e,t)=>{var n=ae(),i=j(n);s(i,{get text(){return x(t)},get query(){return x(W)}}),a(n),_(()=>r(n,`title`,x(t))),w(e,n)}),a(l),_(()=>p(c,x(Q).modules.length)),w(e,n)},$$slots:{badges:!0,default:!0}})}};v(i,e=>{x(Q)&&e(o)}),w(e,t)},t=n(()=>!!x(Q));F(N,{id:`build`,get open(){return x(t)},aside:e,children:(e,t)=>{R(e,{get items(){return x(fe)},get columns(){return me},getKey:e=>e.file,label:`Build chunks`,get sort(){return x(K)},set sort(e){k(K,e,!0)},get selected(){return x(q)},set selected(e){k(q,e,!0)},row:(e,t=o,r)=>{let i=()=>(r?.()).visible;var l=le(),d=m(l),h=j(d);{let e=n(()=>de[Y(t())]);M(h,{get tone(){return x(e)},children:(e,n)=>{y();var r=O();_(e=>p(r,e),[()=>J(t())]),w(e,r)},$$slots:{default:!0}})}var g=u(h,2),b=j(g);s(b,{get text(){return t().file},get query(){return x(W)}}),a(g);var S=u(g,2),C=e=>{M(e,{tone:`accent`,children:(e,t)=>{y();var n=O(`entry`);w(e,n)},$$slots:{default:!0}})};v(S,e=>{t().isEntry&&e(C)}),a(d);var T=u(d,2),E=e=>{var n=se(),r=A(n,!0);_(()=>p(r,t().modules.length)),w(e,n)},D=n(()=>i().has(`modules`));v(T,e=>{x(D)&&e(E)});var k=u(T,2),N=e=>{var n=ce(),r=A(n);_(e=>p(r,`${e??``}%`),[()=>x(Z)?(t().size/x(Z)*100).toFixed(1):0]),w(e,n)},P=n(()=>i().has(`share`));v(k,e=>{x(P)&&e(N)});var F=u(k,2),L=j(F);let R;var z=u(L,2);let B;var V=A(z,!0);a(F),_((e,n,r)=>{c(L,1,`bar ${e??``}`,`svelte-1fwnyq9`),R=f(L,``,R,{width:n}),B=c(z,1,`num svelte-1fwnyq9`,null,B,{big:t().size>25e4}),p(V,r)},[()=>Y(t()),()=>`${Math.max(2,t().size/x(pe)*60)}px`,()=>I(t().size)]),w(e,l)},empty:e=>{{let t=n(()=>U.loading?void 0:`search`),r=n(()=>U.loading?`Reading build output…`:`No chunks match`);T(e,{get icon(){return x(t)},get title(){return x(r)}})}},$$slots:{row:!0,empty:!0}})},$$slots:{aside:!0,default:!0}})}a(S),a(t),_((e,t,n,i)=>{p(h,e),r(g,`aria-label`,`JS ${t??``}, CSS ${n??``}, other ${i??``}`)},[()=>I(x(Z)),()=>I(x($).js),()=>I(x($).css),()=>I(x($).other)]),w(e,t)};v(d,e=>{!U.loading&&x(X).length===0?e(h):e(g,-1)}),w(e,i)},$$slots:{toolbar:!0,actions:!0,default:!0}}),b()}export{H as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{At as e,B as t,Dt as n,J as r,Mt as i,St as a,at as o,bt as s,ct as c,gt as l,it as u,jt as d,kt as f,mt as p,ot as m,st as h,ut as g,xt as _,yt as v,z as y}from"./index-Cf5oAFpK.js";var b=c(`of <span class="num"> </span>`,1),x=c(`Showing <!> <strong class="num svelte-52vxjm"> </strong> <!>`,1),S=c(`<!> <span class="num"> </span> dropped`,1),C=c(`<!> <span class="num"> </span> detached`,1),w=c(`<!> stale`,1),T=c(`<span class="notice svelte-52vxjm" role="status"><!> <!> <!> <!> <!></span>`);function E(c,E){e(E,!0);let D=t(E,`noun`,3,`items`),O=t(E,`detached`,3,0),k=t(E,`stale`,3,null),A={"runtime-count":`the app buffer was full before they were sent`,"runtime-bytes":`the app buffer hit its size budget before they were sent`,"server-count":`the dev server buffer was full`,"server-bytes":`the dev server buffer hit its size budget`},j=n(()=>!!E.info?.truncated&&(E.info.total===null||E.info.total>E.info.captured)),M=n(()=>E.info?.dropped?.reduce((e,t)=>e+t.count,0)??0),N=n(()=>[p(j)?E.info.total===null?`The dev server keeps ${E.info.captured.toLocaleString()} ${D()}; more exist in the app (total not reported).`:`The dev server keeps ${E.info.captured.toLocaleString()} ${D()}; ${(E.info.total-E.info.captured).toLocaleString()} more exist in the app.`:``,E.info?.policy?`Policy: ${E.info.policy}.`:``,...(E.info?.dropped??[]).filter(e=>e.count>0).map(e=>`${e.count.toLocaleString()} dropped: ${A[e.reason]??e.reason}.`),E.info?.valueTooLarge?`${E.info.valueTooLarge.toLocaleString()} values were too large to snapshot (shown as a size).`:``,O()?`${O().toLocaleString()} ${D()} are shown as roots because their parent was not captured.`:``,k()?`Stale: ${k()}.`:``].filter(Boolean).join(` `));var P=h(),F=s(P),I=e=>{var t=T(),n=v(t);y(n,{name:`warning`,size:12});var c=a(n,2),f=e=>{var t=x(),n=a(s(t)),r=e=>{var t=g();l(()=>o(t,E.info.policy)),m(e,t)};u(n,e=>{E.info.policy&&e(r)});var i=a(n,2),c=_(i,!0),d=a(i,2),f=e=>{var t=g(`of ?`);m(e,t)},p=e=>{var t=b(),n=a(s(t)),r=_(n,!0);l(e=>o(r,e),[()=>E.info.total.toLocaleString()]),m(e,t)};u(d,e=>{E.info.total===null?e(f):e(p,-1)}),l(e=>o(c,e),[()=>E.info.captured.toLocaleString()]),m(e,t)};u(c,e=>{p(j)&&e(f)});var h=a(c,2),D=e=>{var t=S(),n=s(t),r=e=>{var t=g(`·`);m(e,t)};u(n,e=>{p(j)&&e(r)});var i=a(n,2),c=_(i,!0);d(),l(e=>o(c,e),[()=>p(M).toLocaleString()]),m(e,t)};u(h,e=>{p(M)&&e(D)});var A=a(h,2),P=e=>{var t=C(),n=s(t),r=e=>{var t=g(`·`);m(e,t)};u(n,e=>{(p(j)||p(M))&&e(r)});var i=a(n,2),c=_(i,!0);d(),l(e=>o(c,e),[()=>O().toLocaleString()]),m(e,t)};u(A,e=>{O()&&e(P)});var F=a(A,2),I=e=>{var t=w(),n=s(t),r=e=>{var t=g(`·`);m(e,t)};u(n,e=>{(p(j)||p(M)||O())&&e(r)}),d(),m(e,t)};u(F,e=>{k()&&e(I)}),i(t),l(()=>r(t,`title`,p(N))),m(e,t)};u(F,e=>{(p(j)||p(M)||O()||k())&&e(I)}),m(c,P),f()}export{E as t};
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{At as e,Ct as t,Dt as n,J as r,L as i,Mt as a,Nt as o,P as s,Q as c,R as l,St as u,Tt as d,V as f,_t as p,at as m,bt as h,ct as g,dt as _,ft as v,g as y,gt as b,h as x,ht as S,i as C,it as w,jt as T,k as ee,kt as te,mt as E,n as ne,ot as D,p as re,r as O,st as k,t as ie,tt as A,ut as j,vt as ae,wt as M,xt as N,yt as P}from"./index-Cf5oAFpK.js";import{n as oe,t as se}from"./Panel-CKQaY_Qq.js";import{t as ce}from"./SearchField-B5EQ5IIf.js";import{t as le}from"./SplitView-CxRUXpY5.js";import{l as F,n as ue}from"./format-BEILGi1v.js";import{t as de}from"./DataTable-C5C0HrMd.js";import{t as fe}from"./Inspector-mTvtYmwt.js";import{t as pe}from"./Segmented-Dz1OdcPr.js";import{n as me,t as he}from"./collections-uqk9p1aQ.js";import{t as ge}from"./CaptureNotice-DykEK0Kp.js";import{t as _e}from"./LiveControls-nrc1-cBk.js";import{i as ve,n as ye,r as be,t as xe}from"./TreeView-BYOJBzxO.js";import{t as Se}from"./reactive-selection.svelte-iv05jhlt.js";import{t as Ce}from"./versions-Bd19hz8p.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=g(`<!> <!> <!>`,1),I=g(`<!> <!>`,1),Ee=g(`<li class="svelte-grpov"><button type="button" class="svelte-grpov"> </button></li>`),De=g(`<h3 class="section-title">Ancestors</h3> <ol class="crumbs svelte-grpov"><!> <li aria-current="true" class="svelte-grpov"> </li></ol>`,1),Oe=g(`<li><button type="button"><span class="truncate"> </span><span class="sub mono"> </span></button></li>`),ke=g(`<h3 class="section-title">Children <span class="num"> </span></h3> <ul class="link-list"></ul>`,1),L=g(`<li><button type="button"><span class="truncate"> </span><span class="sub truncate"> </span></button></li>`),Ae=g(`<h3 class="section-title">Imports <span class="num"> </span></h3> <ul class="link-list"></ul>`,1),je=g(`<!> <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),Me=g(`<p class="mono"> </p>`),Ne=g(`<span class="detached svelte-grpov">detached</span>`),Pe=g(`<span class="kids num svelte-grpov"> </span>`),Fe=g(`<span><span class="lt svelte-grpov"><</span><!><span class="lt svelte-grpov">></span></span> <span class="file truncate svelte-grpov"><!></span> <!> <!>`,1),Ie=g(`<p>Open your app in another tab — the tree updates live as components mount and
|
|
2
|
-
unmount.</p> <!>`,1),Le=g(`<ul class="link-list"></ul>`),Re=g(`<p class="none svelte-grpov">Imports no other components.</p>`),ze=g(`<p class="none svelte-grpov">Not imported by any component (route or entry).</p>`),Be=g(`<h3 class="section-title">Imports <span class="num"> </span></h3> <!> <h3 class="section-title">Used by <span class="num"> </span></h3> <!>`,1),Ve=g(`<span> </span>`),He=g(`<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(g,_){e(_,!0);let R=ie(`components:mode`,`tree`),z=d(``),B=ne(async()=>{let e=await y(),t=await x(),n=await y();return{list:t,meta:n,epoch:e.epoch===n.epoch?n.epoch??``:null}},{initial:{list:[],meta:null,epoch:``},interval:2e3,version:Ce(`components`)}),V=n(()=>B.data.list),H=n(()=>we(E(V),B.data.epoch)),Ue=n(()=>{let e=B.data.meta;return e?{captured:e.kept,total:e.total,truncated:e.truncated,policy:`parents first`}:null}),U=n(()=>he(E(V),e=>e.file)),W=d(t(new Set)),G=d(null),We=d(null),Ge,Ke=null,qe=e=>e.c.id,Je=e=>e.key;ae(()=>{let e=E(H);S(()=>{let t=Ke;if(Ke=e,t&&t!==e){if(E(W).size){let n=ve(E(W),t,e,qe,Je);(n.length!==E(W).size||n.some(e=>!E(W).has(e)))&&M(W,new Set(n),!0)}E(G)!=null&&M(G,ve([E(G)],t,e,qe,Je)[0]??null,!0)}})}),p(()=>{if(E(H).epoch===null||Ge===E(H).epoch)return;let e=be(E(H).roots,e=>e.children,Je);e.length!==0&&(Ge=E(H).epoch,S(()=>M(W,new Set([...E(W),...e]),!0)))});let Ye=n(()=>{let e=i(E(z));return e?t=>e(t.c.name,t.c.file):null}),Xe=n(()=>E(Ye)?E(V).filter(e=>E(Ye)({c:e})).length:null),K=n(()=>E(G)==null?null:E(H).byKey.get(E(G))??null);function Ze(e){let t=[],n=E(H).byId.get(e);for(;n&&n.c.parentId!=null;){let e=E(H).byId.get(n.c.parentId);if(!e)break;t.unshift(e),n=e}return t}function Qe(e){let t=E(H).byId.get(e);t&&E(We)?.reveal(t.key,Ze(e).map(e=>e.key))}let q=ne(re,{initial:[],when:()=>R.value===`files`||E(G)!=null}),J=n(()=>me(q.data.flatMap(e=>e.imports.map(t=>({imp:t,r:e}))),e=>e.imp,e=>e.r)),Y=n(()=>new Map(q.data.map(e=>[e.file,e]))),$e=n(()=>{let e=i(E(z));return e?q.data.filter(t=>e(t.name,t.file)):q.data}),et=d(t({id:`name`,desc:!1})),X=d(null),Z=n(()=>E(X)?E(Y).get(E(X))??null:null),tt=[{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)=>(E(J).get(e.file)?.length??0)-(E(J).get(t.file)?.length??0)},{id:`live`,label:`Mounted`,width:`72px`,align:`end`,descFirst:!0,minWidth:520,sort:(e,t)=>(E(U).get(e.file)??0)-(E(U).get(t.file)??0)}],Q=n(()=>B.data.epoch||null);p(()=>{B.data.epoch===null&&S(()=>void B.refresh())});function nt(e){E(Q)&&(Se.set({componentId:e.id,epoch:E(Q),label:`<${e.name}>`,file:e.file}),C.go(`reactive`))}function $(e){ee(e).catch(()=>{})}function rt(e){R.value=`files`,M(z,``),M(X,e,!0)}function it(e){let t=E(V).find(t=>t.file===e);R.value=`tree`,M(z,``),t&&queueMicrotask(()=>Qe(t.id))}{let e=e=>{var t=Te(),r=h(t);pe(r,{label:`View`,options:[{value:`tree`,label:`Live tree`},{value:`files`,label:`Files`}],get value(){return R.value},set value(e){R.value=e}});var i=u(r,2);{let e=n(()=>R.value===`tree`?`Filter instances…`:`Filter components…`),t=n(()=>R.value===`tree`?E(Xe):E($e).length);ce(i,{get placeholder(){return E(e)},get count(){return E(t)},get value(){return E(z)},set value(e){M(z,e,!0)}})}var a=u(i,2),o=e=>{var t=Te(),n=h(t);ge(n,{get info(){return E(Ue)},noun:`components`,get detached(){return E(H).detached.size}});var r=u(n,2);l(r,{icon:`expand`,variant:`ghost`,label:`Expand all`,onclick:()=>M(W,ye(E(H).roots,{key:e=>e.key,children:e=>e.children}),!0)});var i=u(r,2);l(i,{icon:`collapse`,variant:`ghost`,label:`Collapse all`,onclick:()=>M(W,new Set,!0)}),D(e,t)};w(a,e=>{R.value===`tree`&&e(o)}),D(e,t)},t=e=>{var t=k(),n=h(t),r=e=>{_e(e,{get res(){return B}})},i=e=>{l(e,{icon:`refresh`,variant:`ghost`,label:`Re-analyze`,get disabled(){return q.busy},onclick:()=>q.refresh()})};w(n,e=>{R.value===`tree`?e(r):e(i,-1)}),D(e,t)},i=n(()=>R.value===`tree`?E(V).length:q.data.length);se(g,{title:`Components`,get count(){return E(i)},toolbar:e,actions:t,children:(e,t)=>{var i=k(),d=h(i),p=e=>{{let t=e=>{var t=k(),i=h(t),o=e=>{let t=n(()=>E(K).c),i=n(()=>E(Y).get(E(t).file)),o=n(()=>Ze(E(t).id));fe(e,{get title(){return`<${E(t).name??``}>`},get subtitle(){return E(t).file},onclose:()=>M(G,null),badges:e=>{var r=I(),i=h(r);{let e=n(()=>E(t).mounted?`green`:`neutral`);oe(i,{get tone(){return E(e)},children:(e,n)=>{T();var r=j();b(()=>m(r,E(t).mounted?`mounted`:`unmounted`)),D(e,r)},$$slots:{default:!0}})}var a=u(i,2);oe(a,{children:(e,n)=>{T();var r=j();b(()=>m(r,`#${E(t).id??``}`)),D(e,r)},$$slots:{default:!0}}),D(e,r)},actions:e=>{var r=I(),i=h(r);l(i,{icon:`editor`,onclick:()=>$(E(t).file),children:(e,t)=>{T();var n=j(`Open in editor`);D(e,n)},$$slots:{default:!0}});var a=u(i,2),o=e=>{{let r=n(()=>!E(Q));l(e,{icon:`reactive`,get disabled(){return E(r)},onclick:()=>nt(E(t)),children:(e,t)=>{T();var n=j();b(()=>m(n,E(Q)?`Show reactivity`:`Show reactivity (waiting for a consistent snapshot)`)),D(e,n)},$$slots:{default:!0}})}};w(a,e=>{E(t).mounted&&e(o)}),D(e,r)},children:(e,n)=>{var s=je(),c=h(s),l=e=>{var n=De(),r=u(h(n),2),i=P(r);A(i,17,()=>E(o),e=>e.key,(e,t)=>{var n=Ee(),r=P(n),i=N(r,!0);a(n),b(()=>m(i,E(t).c.name)),v(`click`,r,()=>Qe(E(t).c.id)),D(e,n)});var s=u(i,2),c=N(s,!0);a(r),b(()=>m(c,E(t).name)),D(e,n)};w(c,e=>{E(o).length&&e(l)});var d=u(c,4),f=u(P(d),2),p=N(f,!0),g=u(f,4),_=P(g),y=N(_);a(g),a(d);var x=u(d,2),S=e=>{var t=ke(),n=h(t),r=u(P(n)),i=N(r,!0);a(n);var o=u(n,2);A(o,21,()=>E(K).children.slice(0,200),e=>e.key,(e,t)=>{var n=Oe(),r=P(n),i=P(r),o=N(i,!0),s=u(i),c=N(s);a(r),a(n),b(()=>{m(o,E(t).c.name),m(c,`#${E(t).c.id??``}`)}),v(`click`,r,()=>Qe(E(t).c.id)),D(e,n)}),a(o),b(()=>m(i,E(K).children.length)),D(e,t)};w(x,e=>{E(K).children.length&&e(S)});var C=u(x,2),T=e=>{var t=Ae(),n=h(t),o=u(P(n)),s=N(o,!0);a(n);var c=u(n,2);A(c,20,()=>E(i).imports,e=>e,(e,t)=>{var n=L(),i=P(n),o=P(i),s=N(o,!0),c=u(o),l=N(c,!0);a(i),a(n),b((e,n)=>{r(i,`title`,`Open ${t??``}`),m(s,e),m(l,n)},[()=>ue(t),()=>F(t)]),v(`click`,i,()=>$(t)),D(e,n)}),a(c),b(()=>m(s,E(i).imports.length)),D(e,t)};w(C,e=>{E(i)&&E(i).imports.length&&e(T)}),b((e,t)=>{m(p,E(K).children.length),m(y,`${e??``} mounted instance${t??``}`)},[()=>E(U).get(E(t).file)??1,()=>(E(U).get(E(t).file)??1)===1?``:`s`]),v(`click`,_,()=>rt(E(t).file)),D(e,s)},$$slots:{badges:!0,actions:!0,default:!0}})};w(i,e=>{E(K)&&e(o)}),D(e,t)},i=n(()=>!!E(K));le(e,{id:`components-tree`,get open(){return E(i)},aside:t,children:(e,t)=>{var i=k(),d=h(i),p=e=>{O(e,{icon:`errors`,tone:`error`,title:`Could not read live components`,children:(e,t)=>{var n=Me(),r=N(n,!0);b(()=>m(r,B.error)),D(e,n)},$$slots:{default:!0}})},g=e=>{f(xe(e,{get roots(){return E(H).roots},getKey:e=>e.key,getChildren:e=>e.children,get filter(){return E(Ye)},label:`Mounted component tree`,onactivate:e=>$(e.c.file),get expanded(){return E(W)},set expanded(e){M(W,e,!0)},get selected(){return E(G)},set selected(e){M(G,e,!0)},row:(e,t=o,i=o)=>{var l=Fe(),d=h(l);let f;var p=u(P(d));s(p,{get text(){return t().c.name},get query(){return E(z)}}),T(),a(d);var g=u(d,2),_=P(g);{let e=n(()=>F(t().c.file));s(_,{get text(){return E(e)},get query(){return E(z)}})}a(g);var v=u(g,2),y=e=>{var n=Ne();b(()=>r(n,`title`,`Parent #${t().c.parentId??``} is outside the captured set`)),D(e,n)},x=n(()=>E(H).detached.has(t().key));w(v,e=>{E(x)&&e(y)});var S=u(v,2),C=e=>{var n=Pe(),r=N(n,!0);b(()=>m(r,t().children.length)),D(e,n)};w(S,e=>{i().hasChildren&&!i().expanded&&e(C)}),b(()=>f=c(d,1,`tag svelte-grpov`,null,f,{dim:!t().c.mounted})),D(e,l)},empty:e=>{var t=k(),n=h(t),r=e=>{O(e,{title:`Connecting to the app…`})},i=e=>{O(e,{icon:`search`,get title(){return`No instances match “${E(z)??``}”`}})},a=e=>{O(e,{icon:`components`,title:`No mounted components`,children:(e,t)=>{var n=Ie(),r=u(h(n),2);l(r,{onclick:()=>R.value=`files`,children:(e,t)=>{T();var n=j(`Browse component files instead`);D(e,n)},$$slots:{default:!0}}),D(e,n)},$$slots:{default:!0}})};w(n,e=>{B.loading?e(r):E(z)?e(i,1):e(a,-1)}),D(e,t)},$$slots:{row:!0,empty:!0}}),e=>M(We,e,!0),()=>E(We))};w(d,e=>{B.error&&E(V).length===0?e(p):e(g,-1)}),D(e,i)},$$slots:{aside:!0,default:!0}})}},g=e=>{{let t=e=>{var t=k(),r=h(t),i=e=>{let t=n(()=>E(J).get(E(Z).file)??[]);fe(e,{get title(){return E(Z).name},get subtitle(){return E(Z).file},onclose:()=>M(X,null),actions:e=>{var t=I(),r=h(t),i=e=>{l(e,{icon:`tree`,onclick:()=>it(E(Z).file),children:(e,t)=>{T();var n=j(`Show in tree`);D(e,n)},$$slots:{default:!0}})},a=n(()=>E(U).get(E(Z).file));w(r,e=>{E(a)&&e(i)});var o=u(r,2);l(o,{icon:`editor`,onclick:()=>$(E(Z).file),children:(e,t)=>{T();var n=j(`Open in editor`);D(e,n)},$$slots:{default:!0}}),D(e,t)},children:(e,n)=>{var r=Be(),i=h(r),o=u(P(i)),s=N(o,!0);a(i);var c=u(i,2),l=e=>{var t=Le();A(t,20,()=>E(Z).imports,e=>e,(e,t)=>{var n=L(),r=P(n),i=P(r),o=N(i,!0),s=u(i),c=N(s,!0);a(r),a(n),b((e,t)=>{m(o,e),m(c,t)},[()=>ue(t),()=>F(t)]),v(`click`,r,()=>E(Y).has(t)?M(X,t,!0):$(t)),D(e,n)}),a(t),D(e,t)},d=e=>{var t=Re();D(e,t)};w(c,e=>{E(Z).imports.length?e(l):e(d,-1)});var f=u(c,2),p=u(P(f)),g=N(p,!0);a(f);var _=u(f,2),y=e=>{var n=Le();A(n,21,()=>E(t),e=>e.file,(e,t)=>{var n=L(),r=P(n),i=P(r),o=N(i,!0),s=u(i),c=N(s,!0);a(r),a(n),b(e=>{m(o,E(t).name),m(c,e)},[()=>F(E(t).file)]),v(`click`,r,()=>M(X,E(t).file,!0)),D(e,n)}),a(n),D(e,n)},x=e=>{var t=ze();D(e,t)};w(_,e=>{E(t).length?e(y):e(x,-1)}),b(()=>{m(s,E(Z).imports.length),m(g,E(t).length)}),D(e,r)},$$slots:{actions:!0,default:!0}})};w(r,e=>{E(Z)&&e(i)}),D(e,t)},r=n(()=>!!E(Z));le(e,{id:`components-files`,get open(){return E(r)},aside:t,children:(e,t)=>{de(e,{get items(){return E($e)},get columns(){return tt},getKey:e=>e.file,label:`Component files`,onactivate:e=>$(e.file),get sort(){return E(et)},set sort(e){M(et,e,!0)},get selected(){return E(X)},set selected(e){M(X,e,!0)},row:(e,t=o,r)=>{let i=()=>(r?.()).visible;var l=He(),d=h(l),f=P(d),p=P(f);s(p,{get text(){return t().name},get query(){return E(z)}}),a(f);var g=u(f,2),_=P(g);s(_,{get text(){return t().file},get query(){return E(z)}}),a(g),a(d);var v=u(d,2),y=N(v,!0),x=u(v,2),S=N(x,!0),C=u(x,2),T=e=>{var n=Ve();let r;var i=N(n,!0);b((e,t)=>{r=c(n,1,`end num`,null,r,{faint:e}),m(i,t)},[()=>!E(U).get(t().file),()=>E(U).get(t().file)??`–`]),D(e,n)},ee=n(()=>i().has(`live`));w(C,e=>{E(ee)&&e(T)}),b(e=>{m(y,t().imports.length||``),m(S,e)},[()=>E(J).get(t().file)?.length||``]),D(e,l)},empty:e=>{var t=k(),r=h(t),i=e=>{O(e,{title:`Analyzing components…`})},a=e=>{O(e,{icon:`errors`,tone:`error`,title:`Analysis failed`,children:(e,t)=>{var n=Me(),r=N(n,!0);b(()=>m(r,q.error)),D(e,n)},$$slots:{default:!0}})},o=e=>{{let t=n(()=>E(z)?`No components match “${E(z)}”`:`No .svelte files found`);O(e,{icon:`search`,get title(){return E(t)}})}};w(r,e=>{q.loading?e(i):q.error?e(a,1):e(o,-1)}),D(e,t)},$$slots:{row:!0,empty:!0}})},$$slots:{aside:!0,default:!0}})}};w(d,e=>{R.value===`tree`?e(p):e(g,-1)}),D(e,i)},$$slots:{toolbar:!0,actions:!0,default:!0}})}te()}_([`click`]);export{R as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{$ as e,At as t,B as n,Dt as r,H as i,J as a,Mt as o,Nt as s,Q as c,St as l,Tt as u,Z as d,at as f,ct as p,dt as m,ft as h,gt as g,it as _,kt as v,mt as y,ot as b,tt as x,wt as S,xt as C,yt as w,z as T}from"./index-Cf5oAFpK.js";import{t as E}from"./VirtualList-Bfn8is0p.js";var D=p(`<span><!></span>`),O=p(`<button type="button"><span class="truncate"> </span> <!></button>`),k=p(`<span class="truncate"> </span>`),A=p(`<div role="columnheader"><!></div>`),j=p(`<div class="tr svelte-b78yyc"><!></div>`),M=p(`<div class="table svelte-b78yyc"><div class="cols svelte-b78yyc" role="table"><div class="head svelte-b78yyc" role="row"></div></div> <div class="body svelte-b78yyc"><!></div></div>`);function N(p,m){t(m,!0);let N=n(m,`sort`,15,null),P=n(m,`selected`,15,null),F=n(m,`rowHeight`,3,28),I=u(1e3),L=r(()=>m.columns.filter(e=>!e.minWidth||y(I)>=e.minWidth)),R=r(()=>new Set(y(L).map(e=>e.id))),z=r(()=>y(L).map(e=>e.width).join(` `)),B=r(()=>{let e=N()&&m.columns.find(e=>e.id===N().id);if(!e?.sort)return m.items;let t=e.sort,n=N().desc?-1:1;return[...m.items].sort((e,r)=>n*t(e,r))});function V(e){e.sort&&(N()?.id===e.id?N({id:e.id,desc:!N().desc}):N({id:e.id,desc:!!e.descFirst}))}function H(e){if(e.sort)return N()?.id===e.id?N().desc?`descending`:`ascending`:`none`}var U=M();let W;var G=w(U),K=w(G);x(K,21,()=>y(L),e=>e.id,(e,t)=>{var n=A();let r;var i=w(n),s=e=>{var n=O();let r;var i=w(n),a=C(i,!0),s=l(i,2),u=e=>{var t=D();let n;var r=w(t);T(r,{name:`chevronDown`,size:11}),o(t),g(()=>n=c(t,1,`dir svelte-b78yyc`,null,n,{desc:N().desc})),b(e,t)};_(s,e=>{N()?.id===y(t).id&&e(u)}),o(n),g(()=>{r=c(n,1,`sort svelte-b78yyc`,null,r,{active:N()?.id===y(t).id}),f(a,y(t).label)}),h(`click`,n,()=>V(y(t))),b(e,n)},u=e=>{var n=k(),r=C(n,!0);g(()=>f(r,y(t).label)),b(e,n)};_(i,e=>{y(t).sort?e(s):e(u,-1)}),o(n),g(e=>{r=c(n,1,`th svelte-b78yyc`,null,r,{end:y(t).align===`end`}),a(n,`aria-sort`,e)},[()=>H(y(t))]),b(e,n)}),o(K),o(G);var q=l(G,2),J=w(q);E(J,{get items(){return y(B)},getKey:e=>m.getKey(e),get label(){return m.label},get rowHeight(){return F()},get empty(){return m.empty},onselect:e=>m.onselect?.(e),onactivate:e=>m.onactivate?.(e),get selected(){return P()},set selected(e){P(e)},row:(t,n=s,r=s)=>{var i=j(),a=w(i);e(a,()=>m.row,n,()=>({visible:y(R),state:r()})),o(i),b(t,i)},$$slots:{row:!0}}),o(q),o(U),g(()=>{W=d(U,``,W,{"--cols":y(z)}),a(G,`aria-label`,`${m.label??``} columns`)}),i(U,`clientWidth`,e=>S(I,e)),b(p,U),v()}m([`click`]);export{N as t};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{At as e,Dt as t,J as n,L as r,Mt as i,Nt as a,P as o,Pt as s,Q as c,R as l,St as u,T as d,Tt as f,a as p,at as m,bt as h,ct as g,dt as _,f as v,ft as y,gt as b,it as x,jt as S,k as C,kt as w,mt as T,n as E,ot as D,r as O,st as k,tt as ee,ut as A,wt as j,xt as M,yt as N,z as P}from"./index-Cf5oAFpK.js";import{n as F,t as I}from"./Panel-CKQaY_Qq.js";import{t as L}from"./SearchField-B5EQ5IIf.js";import{t as te}from"./SplitView-CxRUXpY5.js";import{t as ne}from"./VirtualList-Bfn8is0p.js";import{a as R,l as re}from"./format-BEILGi1v.js";import{t as ie}from"./Inspector-mTvtYmwt.js";import{t as ae}from"./Segmented-Dz1OdcPr.js";import{t as oe}from"./collections-uqk9p1aQ.js";import{t as z}from"./CaptureNotice-DykEK0Kp.js";import{t as se}from"./LiveControls-nrc1-cBk.js";import{t as ce}from"./versions-Bd19hz8p.js";import{t as le}from"./capture.svelte-BLIttZ2Z.js";var B=g(`<button type="button"> <span class="num svelte-fcxvld"> </span></button>`),V=g(`<!> <!> <!> <!> <!>`,1),H=g(`<!> <!>`,1),U=g(`<h3 class="section-title">Stack</h3> <pre class="code-block"> </pre>`,1),ue=g(`<h3 class="section-title">Reference</h3> <p class="message svelte-fcxvld"><a target="_blank" rel="noopener noreferrer" class="svelte-fcxvld"> </a></p>`,1),de=g(`<h3 class="section-title">Message</h3> <p class="message svelte-fcxvld"> </p> <!> <!>`,1),fe=g(`<span class="code mono svelte-fcxvld"><!></span>`),pe=g(`<span class="loc mono truncate svelte-fcxvld"><!></span>`),me=g(`<span class="faint num svelte-fcxvld"> </span>`),he=g(`<button type="button" class="open svelte-fcxvld" tabindex="-1" title="Open in editor"><!></button>`),ge=g(`<span><!></span> <span class="text svelte-fcxvld"><span class="msg truncate svelte-fcxvld"><!></span> <span class="meta svelte-fcxvld"><!> <!> <!></span></span> <!>`,1),_e=g(`<p>Compiler warnings and runtime errors from your app show up here as they happen.</p>`);function W(g,_){e(_,!0);let W=E(async()=>{let[e,t]=await Promise.all([v(),d()]);return{warnings:e,errors:t}},{initial:{warnings:[],errors:[]},interval:3e3,version:ce(`errors`)}),G=le(3e3),K=f(`all`),q=f(``),J=f(null),Y=t(()=>{let e=[...W.data.errors].reverse().map((e,t)=>({key:`e:${e.timestamp}:${t}`,kind:`error`,message:e.message,file:e.file,line:e.line,column:e.column,stack:e.stack,timestamp:e.timestamp})),t=W.data.warnings.map((e,t)=>({key:`w:${e.file}:${e.line??0}:${e.column??0}:${e.code}:${t}`,kind:`warning`,message:e.message,code:e.code,file:e.file,line:e.line,column:e.column}));return[...e,...t]}),X=t(()=>{let e=r(T(q));return T(Y).filter(t=>(T(K)===`all`||t.kind===T(K))&&(!e||e(t.message,t.code,t.file)))}),Z=t(()=>T(J)?T(Y).find(e=>e.key===T(J))??null:null),ve=t(()=>[...oe(W.data.warnings,e=>e.code)].sort((e,t)=>t[1]-e[1]).slice(0,4));function Q(e){e.file&&C(e.file,e.line).catch(()=>{})}async function ye(){await p().catch(()=>{}),W.set({warnings:[],errors:[]}),j(J,null)}let $=e=>e.file?`${re(e.file,3)}${e.line?`:${e.line}`:``}${e.column?`:${e.column}`:``}`:``;I(g,{title:`Problems`,get count(){return T(Y).length},toolbar:e=>{var r=V(),a=h(r);{let e=t(()=>[{value:`all`,label:`All`,count:T(Y).length},{value:`error`,label:`Errors`,count:W.data.errors.length},{value:`warning`,label:`Warnings`,count:W.data.warnings.length}]);ae(a,{label:`Severity`,get options(){return T(e)},get value(){return T(K)},set value(e){j(K,e,!0)}})}var o=u(a,2);L(o,{placeholder:`Filter by message, code or file…`,get count(){return T(X).length},get value(){return T(q)},set value(e){j(q,e,!0)}});var l=u(o,2);z(l,{get info(){return G.data.runtimeErrors},noun:`runtime errors`});var d=u(l,2);z(d,{get info(){return G.data.compilerWarnings},noun:`warnings`});var f=u(d,2);ee(f,17,()=>T(ve),([e,t])=>e,(e,r)=>{var a=t(()=>s(T(r),2));let o=()=>T(a)[0],l=()=>T(a)[1];var d=B();let f;var p=N(d,!0),h=u(p),g=M(h,!0);i(d),b(()=>{f=c(d,1,`chip svelte-fcxvld`,null,f,{on:T(q)===o()}),n(d,`title`,`Filter by ${o()??``}`),m(p,o()),m(g,l())}),y(`click`,d,()=>j(q,T(q)===o()?``:o(),!0)),D(e,d)}),D(e,r)},actions:e=>{se(e,{get res(){return W},onclear:ye})},children:(e,r)=>{{let r=e=>{var r=k(),a=h(r),o=e=>{{let r=e=>{var n=H(),r=h(n);{let e=t(()=>T(Z).kind===`error`?`red`:`yellow`);F(r,{get tone(){return T(e)},children:(e,t)=>{S();var n=A();b(()=>m(n,T(Z).kind)),D(e,n)},$$slots:{default:!0}})}var i=u(r,2),a=e=>{F(e,{children:(e,t)=>{S();var n=A();b(e=>m(n,e),[()=>R(T(Z).timestamp,!0)]),D(e,n)},$$slots:{default:!0}})};x(i,e=>{T(Z).timestamp&&e(a)}),D(e,n)},a=e=>{var t=k(),n=h(t),r=e=>{l(e,{icon:`editor`,onclick:()=>Q(T(Z)),children:(e,t)=>{S();var n=A();b(()=>m(n,`Open ${T(Z).line?`line ${T(Z).line}`:`file`}`)),D(e,n)},$$slots:{default:!0}})};x(n,e=>{T(Z).file&&e(r)}),D(e,t)},o=t(()=>T(Z).kind===`error`?`Runtime error`:T(Z).code??`Warning`),s=t(()=>$(T(Z)));ie(e,{get title(){return T(o)},get subtitle(){return T(s)},onclose:()=>j(J,null),badges:r,actions:a,children:(e,t)=>{var r=de(),a=u(h(r),2),o=M(a,!0),s=u(a,2),c=e=>{var t=U(),n=u(h(t),2),r=M(n,!0);b(()=>m(r,T(Z).stack)),D(e,t)};x(s,e=>{T(Z).stack&&e(c)});var l=u(s,2),d=e=>{var t=ue(),r=u(h(t),2),a=N(r),o=M(a);i(r),b(()=>{n(a,`href`,`https://svelte.dev/docs/svelte/compiler-warnings#${T(Z).code??``}`),m(o,`svelte.dev — ${T(Z).code??``}`)}),D(e,t)};x(l,e=>{T(Z).code&&e(d)}),b(()=>m(o,T(Z).message)),D(e,r)},$$slots:{badges:!0,actions:!0,default:!0}})}};x(a,e=>{T(Z)&&e(o)}),D(e,r)},s=t(()=>!!T(Z));te(e,{id:`problems`,get open(){return T(s)},aside:r,children:(e,n)=>{ne(e,{get items(){return T(X)},getKey:e=>e.key,rowHeight:44,label:`Problems`,onactivate:Q,get selected(){return T(J)},set selected(e){j(J,e,!0)},row:(e,n=a)=>{var r=ge(),s=h(r),l=N(s);{let e=t(()=>n().kind===`error`?`errors`:`warning`);P(l,{get name(){return T(e)},size:14})}i(s);var d=u(s,2),f=N(d),p=N(f);o(p,{get text(){return n().message},get query(){return T(q)}}),i(f);var g=u(f,2),_=N(g),v=e=>{var t=fe(),r=N(t);o(r,{get text(){return n().code},get query(){return T(q)}}),i(t),D(e,t)};x(_,e=>{n().code&&e(v)});var S=u(_,2),C=e=>{var r=pe(),a=N(r);{let e=t(()=>$(n()));o(a,{get text(){return T(e)},get query(){return T(q)}})}i(r),D(e,r)};x(S,e=>{n().file&&e(C)});var w=u(S,2),E=e=>{var t=me(),r=M(t,!0);b(e=>m(r,e),[()=>R(n().timestamp)]),D(e,t)};x(w,e=>{n().timestamp&&e(E)}),i(g),i(d);var O=u(d,2),k=e=>{var t=he(),r=N(t);P(r,{name:`editor`,size:13}),i(t),y(`click`,t,e=>(e.stopPropagation(),Q(n()))),D(e,t)};x(O,e=>{n().file&&e(k)}),b(()=>c(s,1,`sev ${n().kind??``}`,`svelte-fcxvld`)),D(e,r)},empty:e=>{var t=k(),n=h(t),r=e=>{O(e,{title:`Collecting diagnostics…`})},i=e=>{O(e,{icon:`check`,title:`No problems`,children:(e,t)=>{var n=_e();D(e,n)},$$slots:{default:!0}})},a=e=>{O(e,{icon:`search`,title:`No problems match`})};x(n,e=>{W.loading?e(r):T(Y).length===0?e(i,1):e(a,-1)}),D(e,t)},$$slots:{row:!0,empty:!0}})},$$slots:{aside:!0,default:!0}})}},$$slots:{toolbar:!0,actions:!0,default:!0}}),w()}_([`click`]);export{W as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.wrap.svelte-k0bxx6{flex-direction:column;gap:16px;padding:16px;display:flex}.top.svelte-k0bxx6{flex-wrap:wrap;align-items:center;gap:16px 32px;display:flex}.now.svelte-k0bxx6{align-items:baseline;gap:6px;display:flex}.big.svelte-k0bxx6{letter-spacing:-.03em;font-size:44px;font-weight:650;line-height:1}.unit.svelte-k0bxx6{color:var(--fg-muted);margin-right:8px}.stats.svelte-k0bxx6{border:1px solid var(--border);border-radius:var(--radius-lg);flex-wrap:wrap;margin:0;display:flex;overflow:hidden}.stats.svelte-k0bxx6 div:where(.svelte-k0bxx6){border-right:1px solid var(--border);padding:6px 14px}.stats.svelte-k0bxx6 div:where(.svelte-k0bxx6):last-child{border-right:0}.stats.svelte-k0bxx6 dt:where(.svelte-k0bxx6){font-size:var(--fs-xs);color:var(--fg-muted)}.stats.svelte-k0bxx6 dd:where(.svelte-k0bxx6){font-size:var(--fs-lg);margin:0;font-weight:600}.good.svelte-k0bxx6{color:var(--green)}.fair.svelte-k0bxx6{color:var(--yellow)}.poor.svelte-k0bxx6{color:var(--red)}.chart.svelte-k0bxx6{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-subtle);height:220px;margin:0;padding:0 0 18px 24px;position:relative}svg.svelte-k0bxx6{width:100%;height:100%;display:block}.grid.svelte-k0bxx6{stroke-dasharray:4 4;stroke-width:1px;vector-effect:non-scaling-stroke}.target.svelte-k0bxx6{stroke:color-mix(in srgb, var(--green) 45%, transparent)}.warn.svelte-k0bxx6{stroke:color-mix(in srgb, var(--red) 45%, transparent)}.area.svelte-k0bxx6{fill:color-mix(in srgb, var(--accent) 14%, transparent)}.line.svelte-k0bxx6{fill:none;stroke:var(--accent);stroke-width:1.75px;stroke-linejoin:round}.drop.svelte-k0bxx6{stroke:var(--red);stroke-width:1px;opacity:.6}.region.svelte-k0bxx6{fill:var(--red-bg)}.label.svelte-k0bxx6{font-size:var(--fs-2xs);color:var(--fg-faint);font-family:var(--font-mono);position:absolute;left:6px;transform:translateY(-50%)}.axis.svelte-k0bxx6{font-size:var(--fs-2xs);color:var(--fg-faint);justify-content:space-between;display:flex;position:absolute;bottom:2px;left:24px;right:8px}.rec.svelte-k0bxx6 .section-title:where(.svelte-k0bxx6){padding-left:0}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{At as e,Dt as t,J as n,Mt as r,Q as i,R as a,St as o,Tt as s,Z as c,at as l,bt as u,ct as d,gt as f,it as p,jt as m,kt as h,lt as g,m as _,mt as v,n as y,o as b,ot as x,r as S,st as C,tt as w,ut as T,wt as E,xt as D,yt as O}from"./index-Cf5oAFpK.js";import{n as ee,t as k}from"./Panel-CKQaY_Qq.js";import{t as A}from"./Segmented-Dz1OdcPr.js";import{t as j}from"./LiveControls-nrc1-cBk.js";import{t as M}from"./versions-Bd19hz8p.js";var N=d(`<!> <!>`,1),te=d(`<p>Keep your app open in a visible tab — it reports its frame rate twice a second.</p>`),ne=d(`<dl class="stats svelte-k0bxx6"><div class="svelte-k0bxx6"><dt class="svelte-k0bxx6">Min</dt> <dd> </dd></div> <div class="svelte-k0bxx6"><dt class="svelte-k0bxx6">1% low</dt> <dd> </dd></div> <div class="svelte-k0bxx6"><dt class="svelte-k0bxx6">Avg</dt> <dd> </dd></div> <div class="svelte-k0bxx6"><dt class="svelte-k0bxx6">Max</dt> <dd class="num svelte-k0bxx6"> </dd></div> <div class="svelte-k0bxx6"><dt class="svelte-k0bxx6">Drops <30</dt> <dd> </dd></div></dl>`),re=g(`<rect y="0" class="region svelte-k0bxx6"></rect>`),ie=g(`<path class="area svelte-k0bxx6"></path>`),ae=g(`<path class="line svelte-k0bxx6" vector-effect="non-scaling-stroke"></path>`),oe=g(`<line class="drop svelte-k0bxx6" vector-effect="non-scaling-stroke"></line>`),se=d(`<section class="rec svelte-k0bxx6" aria-label="Recording result"><h3 class="section-title svelte-k0bxx6"> </h3> <dl class="stats svelte-k0bxx6"><div class="svelte-k0bxx6"><dt class="svelte-k0bxx6">Min</dt> <dd> </dd></div> <div class="svelte-k0bxx6"><dt class="svelte-k0bxx6">1% low</dt> <dd> </dd></div> <div class="svelte-k0bxx6"><dt class="svelte-k0bxx6">Avg</dt> <dd> </dd></div> <div class="svelte-k0bxx6"><dt class="svelte-k0bxx6">Max</dt> <dd class="num svelte-k0bxx6"> </dd></div> <div class="svelte-k0bxx6"><dt class="svelte-k0bxx6">Drops <30</dt> <dd> </dd></div></dl></section>`),ce=d(`<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">30</span> <figcaption class="axis svelte-k0bxx6"><span> </span><span>now</span></figcaption></figure> <!></div>`);function P(d,g){e(g,!0);let P=y(_,{initial:[],interval:500,version:M(`fps`)}),F=1e3,I=s(`30`),L=s(!1),R=s(0),z=s(0),B=t(()=>P.data.at(-1)?.timestamp??Date.now()),V=t(()=>Number(v(I))*1e3),H=t(()=>P.data.filter(e=>e.timestamp>=v(B)-v(V))),U=t(()=>P.data.at(-1)?.fps??0),W=e=>(e-(v(B)-v(V)))/v(V)*F,G=e=>200-Math.min(e,120)/120*200,K=t(()=>v(H).length>1?`M`+v(H).map(e=>`${W(e.timestamp).toFixed(1)},${G(e.fps).toFixed(1)}`).join(`L`):``),q=t(()=>v(K)?`${v(K)}L${W(v(H).at(-1).timestamp).toFixed(1)},200L${W(v(H)[0].timestamp).toFixed(1)},200Z`:``),le=t(()=>v(H).filter(e=>e.fps<30)),J=t(()=>{if(!v(R))return[];let e=v(L)?1/0:v(z);return P.data.filter(t=>t.timestamp>=v(R)&&t.timestamp<=e)});function Y(e){if(!e.length)return null;let t=1/0,n=-1/0,r=0,i=0;for(let a of e)t=Math.min(t,a.fps),n=Math.max(n,a.fps),r+=a.fps,a.fps<30&&i++;let a=e.map(e=>e.fps).sort((e,t)=>e-t);return{min:t,max:n,avg:Math.round(r/e.length),p1:a[Math.floor(a.length*.01)],drops:i,count:e.length}}let X=t(()=>Y(v(H))),Z=t(()=>Y(v(J))),Q=t(()=>{if(!v(R))return null;let e=Math.max(0,W(v(R))),t=Math.min(F,v(L)?F:W(v(z)));return t>e?{x:e,w:t-e}:null});function $(e){return e>=55?`good`:e>=30?`fair`:`poor`}function ue(){v(L)?(E(L,!1),E(z,v(B),!0)):(E(L,!0),E(R,v(B),!0),E(z,0))}async function de(){await b().catch(()=>{}),P.set([]),E(L,!1),E(R,E(z,0),!0)}k(d,{title:`Frame rate`,scroll:!0,toolbar:e=>{var n=N(),r=u(n);A(r,{label:`Time window`,options:[{value:`15`,label:`15 s`},{value:`30`,label:`30 s`},{value:`60`,label:`60 s`}],get value(){return v(I)},set value(e){E(I,e,!0)}});var i=o(r,2);{let e=t(()=>v(L)?`stop`:`record`),n=t(()=>v(L)?`primary`:`default`);a(i,{get icon(){return v(e)},get variant(){return v(n)},onclick:ue,children:(e,t)=>{m();var n=T();f(()=>l(n,v(L)?`Stop recording`:`Record`)),x(e,n)},$$slots:{default:!0}})}x(e,n)},actions:e=>{j(e,{get res(){return P},onclear:de})},children:(e,t)=>{var a=C(),s=u(a),d=e=>{var t=C(),n=u(t),r=e=>{S(e,{title:`Waiting for frames…`})},i=e=>{S(e,{icon:`fps`,title:`No frame samples yet`,children:(e,t)=>{var n=te();x(e,n)},$$slots:{default:!0}})};p(n,e=>{P.loading?e(r):e(i,-1)}),x(e,t)},h=e=>{var t=ce(),a=O(t),s=O(a),u=O(s),d=D(u,!0),h=o(u,4),g=e=>{ee(e,{tone:`red`,children:(e,t)=>{m();var n=T(`● REC`);x(e,n)},$$slots:{default:!0}})};p(h,e=>{v(L)&&e(g)}),r(s);var _=o(s,2),y=e=>{var t=ne(),n=O(t),a=o(O(n),2),s=D(a,!0);r(n);var c=o(n,2),u=o(O(c),2),d=D(u,!0);r(c);var p=o(c,2),m=o(O(p),2),h=D(m,!0);r(p);var g=o(p,2),_=o(O(g),2),y=D(_,!0);r(g);var b=o(g,2),S=o(O(b),2);let C;var w=D(S,!0);r(b),r(t),f((e,t,n)=>{i(a,1,`num ${e??``}`,`svelte-k0bxx6`),l(s,v(X).min),i(u,1,`num ${t??``}`,`svelte-k0bxx6`),l(d,v(X).p1),i(m,1,`num ${n??``}`,`svelte-k0bxx6`),l(h,v(X).avg),l(y,v(X).max),C=i(S,1,`num svelte-k0bxx6`,null,C,{poor:v(X).drops>0}),l(w,v(X).drops)},[()=>$(v(X).min),()=>$(v(X).p1),()=>$(v(X).avg)]),x(e,t)};p(_,e=>{v(X)&&e(y)}),r(a);var b=o(a,2),S=O(b);n(S,`viewBox`,`0 0 1000 200`);var C=O(S);n(C,`x2`,F);var E=o(C);n(E,`x2`,F);var k=o(E),A=e=>{var t=re();n(t,`height`,200),f(()=>{n(t,`x`,v(Q).x),n(t,`width`,v(Q).w)}),x(e,t)};p(k,e=>{v(Q)&&e(A)});var j=o(k),M=e=>{var t=ie();f(()=>n(t,`d`,v(q))),x(e,t)};p(j,e=>{v(q)&&e(M)});var N=o(j),te=e=>{var t=ae();f(()=>n(t,`d`,v(K))),x(e,t)};p(N,e=>{v(K)&&e(te)});var P=o(N);w(P,17,()=>v(le),e=>e.timestamp,(e,t)=>{var r=oe();n(r,`y2`,200),f((e,t,i)=>{n(r,`x1`,e),n(r,`x2`,t),n(r,`y1`,i)},[()=>W(v(t).timestamp),()=>W(v(t).timestamp),()=>G(v(t).fps)]),x(e,r)}),r(S);var B=o(S,2);let V;var H=o(B,2);let J;var Y=o(H,2),ue=O(Y),de=D(ue);m(),r(Y),r(b);var fe=o(b,2),pe=e=>{var t=se(),n=O(t),a=D(n),s=o(n,2),c=O(s),u=o(O(c),2),d=D(u,!0);r(c);var p=o(c,2),m=o(O(p),2),h=D(m,!0);r(p);var g=o(p,2),_=o(O(g),2),y=D(_,!0);r(g);var b=o(g,2),S=o(O(b),2),C=D(S,!0);r(b);var w=o(b,2),T=o(O(w),2);let E;var ee=D(T,!0);r(w),r(s),r(t),f((e,t,n,r)=>{l(a,`Recording · ${e??``} s · ${v(Z).count??``} samples`),i(u,1,`num ${t??``}`,`svelte-k0bxx6`),l(d,v(Z).min),i(m,1,`num ${n??``}`,`svelte-k0bxx6`),l(h,v(Z).p1),i(_,1,`num ${r??``}`,`svelte-k0bxx6`),l(y,v(Z).avg),l(C,v(Z).max),E=i(T,1,`num svelte-k0bxx6`,null,E,{poor:v(Z).drops>0}),l(ee,v(Z).drops)},[()=>((v(z)-v(R))/1e3).toFixed(1),()=>$(v(Z).min),()=>$(v(Z).p1),()=>$(v(Z).avg)]),x(e,t)};p(fe,e=>{v(Z)&&!v(L)&&e(pe)}),r(t),f((e,t,r,a,o,s,f)=>{i(u,1,`big num ${e??``}`,`svelte-k0bxx6`),l(d,v(U)),n(S,`aria-label`,`Frame rate over the last ${v(I)??``} seconds`),n(C,`y1`,t),n(C,`y2`,r),n(E,`y1`,a),n(E,`y2`,o),V=c(B,``,V,{top:s}),J=c(H,``,J,{top:f}),l(de,`−${v(I)??``}s`)},[()=>$(v(U)),()=>G(60),()=>G(60),()=>G(30),()=>G(30),()=>`${G(60)/200*100}%`,()=>`${G(30)/200*100}%`]),x(e,t)};p(s,e=>{P.data.length===0?e(d):e(h,-1)}),x(e,a)},$$slots:{toolbar:!0,actions:!0,default:!0}}),h()}export{P as default};
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import{At as e,B as t,Ct as n,D as r,Dt as i,H as a,J as o,L as s,Mt as c,Nt as l,O as u,P as d,Q as ee,R as f,St as p,Tt as m,V as h,Z as g,at as _,bt as v,ct as y,dt as b,et as x,ft as S,gt as C,it as w,jt as T,k as te,kt as ne,lt as E,mt as D,n as O,nt as k,ot as A,pt as j,r as M,st as N,tt as re,ut as P,wt as F,xt as I,yt as L}from"./index-Cf5oAFpK.js";import{n as ie,t as R}from"./Panel-CKQaY_Qq.js";import{t as z}from"./SearchField-B5EQ5IIf.js";import{t as B}from"./SplitView-CxRUXpY5.js";import{t as ae}from"./VirtualList-Bfn8is0p.js";import{l as oe}from"./format-BEILGi1v.js";var V=y(`<div><span class="ln num svelte-14u3s6p"> </span><span class="src svelte-14u3s6p"></span></div>`),H=y(`<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 se(n,r){e(r,!0);let s=t(r,`origin`,3,!1),l=t(r,`scrollTop`,15,0),u=t(r,`lineHeight`,3,18),d=m(null),f=m(0),v=i(()=>Math.max(0,Math.floor(l()/u())-20)),y=i(()=>Math.min(r.html.length,Math.ceil((l()+D(f))/u())+20)),b=i(()=>Array.from({length:D(y)-D(v)},(e,t)=>D(v)+t+1)),w=i(()=>String(r.html.length).length+1);function T(e){if(!D(d))return;let t=(e-1)*u();(t<D(d).scrollTop||t>D(d).scrollTop+D(f)-u())&&D(d).scrollTo({top:Math.max(0,t-D(f)/3),behavior:`smooth`})}function te(e){if(e.key!==`ArrowDown`&&e.key!==`ArrowUp`)return;let t=r.highlighted.size&&s()?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),T(n)}var E={scrollToLine:T},O=H(),k=L(O),M=L(k),N=I(M,!0),P=p(M,2),ie=I(P);c(k);var R=p(k,2),z=L(R);let B;return re(z,20,()=>D(b),e=>e,(e,t)=>{var n=V();let i,a;var o=L(n),l=I(o,!0),d=p(o);x(d,()=>r.html[t-1]||` `,!0),c(d),c(n),C((e,r)=>{i=ee(n,1,`line svelte-14u3s6p`,null,i,{hl:e,origin:r}),a=g(n,``,a,{transform:`translateY(${(t-1)*u()}px)`}),_(l,t)},[()=>r.highlighted.has(t),()=>s()&&r.highlighted.has(t)]),S(`click`,n,()=>r.onlineclick?.(t)),A(e,n)}),c(z),c(R),h(R,e=>F(d,e),()=>D(d)),c(O),C(()=>{_(N,r.title),_(ie,`${r.html.length??``} lines`),o(R,`aria-label`,`${r.title??``} code`),B=g(z,``,B,{height:`${r.html.length*u()}px`,"--lh":`${u()??``}px`,"--gutter":`${D(w)??``}ch`})}),j(`scroll`,R,()=>D(d)&&l(D(d).scrollTop)),S(`keydown`,R,te),a(R,`clientHeight`,e=>F(f,e)),A(n,O),ne(E)}b([`keydown`,`click`]);var U=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(`,`)),W=new Set(`true,false,null,undefined,NaN,Infinity`.split(`,`)),G=new Set([`$state`,`$derived`,`$effect`,`$props`,`$inspect`,`$bindable`,`$host`]);function K(e){return e.replaceAll(`&`,`&`).replaceAll(`<`,`<`).replaceAll(`>`,`>`)}function q(e,t){for(let n=t;n<e.length;n++)if(e[n]===`\\`)n++;else if(e[n]==="`")return n+1;return-1}function J(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=q(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(/\s/.test(i)){let t=r;for(;t<e.length&&/\s/.test(e.charAt(t));)t++;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=q(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(/\d/.test(i)&&(r===0||!/\w/.test(e.charAt(r-1)))){let t=r;for(;t<e.length&&/[\d.e_]/.test(e.charAt(t));)t++;n.push({t:e.slice(r,t),c:`hl-nm`}),r=t;continue}if(/[a-zA-Z_$]/.test(i)){let t=r;for(;t<e.length&&/[\w$.]/.test(e.charAt(t));)t++;let i=e.slice(r,t),a;i.startsWith(`$.`)||G.has(i.split(`.`)[0])?a=`hl-sv`:U.has(i)?a=`hl-kw`:W.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 Y(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}function X(e){let t=[],n=0;for(;n<e.length;){if(e[n]===`<`){let r=Y(e,n),i=e.slice(n,r+1),a=i.match(/^(<\/?[\w:-]+)/);if(!a){t.push({t:i,c:`hl-tg`}),n=r+1;continue}let o=a[1];t.push({t:o,c:`hl-tg`});let s=i.slice(o.length);for(;s.length>0;){let e=s.match(/^(\s+)([\w:|-]+)(=)/);if(e){if(t.push({t:e[1]},{t:e[2],c:`hl-at`},{t:`=`}),s=s.slice(e[0].length),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}let n=s.match(/^(\s+)([\w:|-]+)/);n?(t.push({t:n[1]},{t:n[2],c:`hl-at`}),s=s.slice(n[0].length)):(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 ce(e){let t=e.trimStart(),n=e.slice(0,e.length-t.length),r=t.match(/^([\w-]+)(\s*:\s*)(.+?)(;?\s*)$/);if(r)return[{t:n},{t:r[1],c:`hl-cp`},{t:r[2]},{t:r[3],c:`hl-cv`},{t:r[4]}];let i=t.match(/^([^{]+?)(\s*\{\s*)$/);return i?[{t:n},{t:i[1],c:`hl-cs`},{t:i[2]}]:[{t:e}]}function Z(e){let t=``;for(let n of e)t+=n.c?`<span class="${n.c}">${K(n.t)}</span>`:K(n.t);return t}function le(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`,Z(X(e))):r.startsWith(`<\/script`)?(t=`template`,Z(X(e))):r.startsWith(`<style`)?(r.includes(`</style>`)||(t=`style`),Z(X(e))):r.startsWith(`</style`)?(t=`template`,Z(X(e))):Z(t===`script`?J(e,n):t===`style`?ce(e):X(e))})}function ue(e){let t={s:`code`};return e.map(e=>Z(J(e,t)))}var de=`ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/`,Q=new Map;for(let e=0;e<64;e++)Q.set(de.charAt(e),e);function $(e){let t=[],n=0,r=0;for(let i of e){let e=Q.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 fe(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=$(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 pe=y(`<span class="file mono truncate svelte-1puslgj"> </span> <!>`,1),me=y(`<!> <!>`,1),he=y(`<span class="name truncate svelte-1puslgj"><!></span> <span class="path truncate svelte-1puslgj"><!></span>`,1),ge=y(`<p class="mono"> </p>`),_e=y(`<p>See exactly what the Svelte compiler emits. Click any line to jump to its
|
|
2
|
-
source-mapped counterpart.</p>`),ve=E(`<path class="svelte-1puslgj"></path>`),ye=y(`<div class="gutter svelte-1puslgj" aria-hidden="true"><svg width="100%" height="100%" preserveAspectRatio="none" class="svelte-1puslgj"></svg></div>`),be=y(`<!> <!> <!>`,1),xe=y(`<div><!></div>`);function Se(t,g){e(g,!0);let y=O(r,{initial:[]}),b=m(``),x=m(null),S=m(null),E=m(null),j=m(!1),V=m(null),H=m(n(new Set)),U=m(n(new Set)),W=m(null),G=m(0),K=m(0),q=m(0),J=m(null),Y=m(null),X=m(1e3),ce=i(()=>{let e=s(D(b));return e?y.data.filter(t=>e(t.name,t.file)):y.data}),Z=i(()=>D(S)?le(D(S).source.split(`
|
|
3
|
-
`)):[]),de=i(()=>D(S)?ue(D(S).compiled.split(`
|
|
4
|
-
`)):[]),Q=i(()=>D(X)<700),$=0;async function Se(e){let t=++$;F(j,!0),F(V,null),F(H,new Set,!0),F(U,new Set,!0),F(W,null);try{let n=await u(e);if(t!==$)return;F(S,n),F(E,n.mappings?fe(n.mappings):null)}catch(e){if(t!==$)return;F(S,null),F(E,null),F(V,e instanceof Error?e.message:String(e),!0)}finally{t===$&&F(j,!1)}}function Ce(e){F(W,`source`),F(H,new Set([e]),!0);let t=D(E)?.sourceToCompiled.get(e);F(U,new Set(t??[]),!0),t?.size&&D(Y)?.scrollToLine(Math.min(...t))}function we(e){F(W,`compiled`),F(U,new Set([e]),!0);let t=D(E)?.compiledToSource.get(e);F(H,new Set(t??[]),!0),t?.size&&D(J)?.scrollToLine(Math.min(...t))}let Te=i(()=>{if(!D(E)||D(Q))return[];let e=[],t=D(W)===`compiled`?D(U):D(H);for(let n of t){let t=D(W)===`compiled`?D(E).compiledToSource.get(n):D(E).sourceToCompiled.get(n);for(let r of t??[]){let[t,i]=D(W)===`compiled`?[r,n]:[n,r];e.push({a:(t-.5)*18-D(G),b:(i-.5)*18-D(K)})}}return e.filter(e=>(e.a>-18||e.b>-18)&&(e.a<D(q)+18||e.b<D(q)+18)).slice(0,200)});R(t,{title:`Compiled output`,get count(){return y.data.length},toolbar:e=>{var t=me(),n=v(t);z(n,{placeholder:`Find a .svelte file…`,get count(){return D(ce).length},get value(){return D(b)},set value(e){F(b,e,!0)}});var r=p(n,2),i=e=>{var t=pe(),n=v(t),r=I(n,!0),i=p(n,2),a=e=>{ie(e,{tone:`green`,children:(e,t)=>{T();var n=P(`source map`);A(e,n)},$$slots:{default:!0}})},s=e=>{ie(e,{children:(e,t)=>{T();var n=P(`no source map`);A(e,n)},$$slots:{default:!0}})};w(i,e=>{D(E)?e(a):e(s,-1)}),C(e=>{o(n,`title`,D(S).file),_(r,e)},[()=>oe(D(S).file,3)]),A(e,t)};w(r,e=>{D(S)&&e(i)}),A(e,t)},actions:e=>{var t=N(),n=v(t),r=e=>{var t=me(),n=v(t);f(n,{icon:`editor`,variant:`ghost`,label:`Open source in editor`,onclick:()=>te(D(S).file).catch(()=>{})});var r=p(n,2);f(r,{icon:`refresh`,variant:`ghost`,label:`Recompile`,get disabled(){return D(j)},onclick:()=>D(x)&&Se(D(x))}),A(e,t)};w(n,e=>{D(S)&&e(r)}),A(e,t)},children:(e,t)=>{B(e,{id:`inspect`,side:`start`,initial:280,min:180,open:!0,aside:e=>{ae(e,{get items(){return D(ce)},getKey:e=>e.file,label:`Svelte files`,onselect:e=>Se(e.file),get selected(){return D(x)},set selected(e){F(x,e,!0)},row:(e,t=l)=>{var n=he(),r=v(n),a=L(r);d(a,{get text(){return t().name},get query(){return D(b)}}),c(r);var o=p(r,2),s=L(o);{let e=i(()=>oe(t().file,3));d(s,{get text(){return D(e)},get query(){return D(b)}})}c(o),A(e,n)},empty:e=>{{let t=i(()=>y.loading?void 0:`search`),n=i(()=>y.loading?`Listing files…`:`No files match`);M(e,{get icon(){return D(t)},get title(){return D(n)}})}},$$slots:{row:!0,empty:!0}})},children:(e,t)=>{var n=xe();let r;var s=L(n),l=e=>{M(e,{icon:`errors`,tone:`error`,title:`Could not compile this file`,children:(e,t)=>{var n=ge(),r=I(n,!0);C(()=>_(r,D(V))),A(e,n)},$$slots:{default:!0}})},u=e=>{{let t=i(()=>D(j)?`Compiling…`:`Pick a component`);M(e,{icon:`inspect`,get title(){return D(t)},children:(e,t)=>{var n=N(),r=v(n),i=e=>{var t=_e();A(e,t)};w(r,e=>{D(j)||e(i)}),A(e,n)},$$slots:{default:!0}})}},d=e=>{var t=be(),n=v(t);{let e=i(()=>D(W)===`source`);h(se(n,{title:`Source`,get html(){return D(Z)},get highlighted(){return D(H)},get origin(){return D(e)},lineHeight:18,onlineclick:Ce,get scrollTop(){return D(G)},set scrollTop(e){F(G,e,!0)}}),e=>F(J,e,!0),()=>D(J))}var r=p(n,2),s=e=>{var t=ye(),n=L(t);re(n,21,()=>D(Te),k,(e,t)=>{var n=ve();C(()=>o(n,`d`,`M0 ${D(t).a+28} C 24 ${D(t).a+28}, 24 ${D(t).b+28}, 48 ${D(t).b+28}`)),A(e,n)}),c(n),c(t),a(t,`clientHeight`,e=>F(q,e)),A(e,t)};w(r,e=>{D(Q)||e(s)});var l=p(r,2);{let e=i(()=>D(W)===`compiled`);h(se(l,{title:`Compiled JS`,get html(){return D(de)},get highlighted(){return D(U)},get origin(){return D(e)},lineHeight:18,onlineclick:we,get scrollTop(){return D(K)},set scrollTop(e){F(K,e,!0)}}),e=>F(Y,e,!0),()=>D(Y))}A(e,t)};w(s,e=>{D(V)?e(l):D(S)?e(d,-1):e(u,1)}),c(n),C(()=>{r=ee(n,1,`code svelte-1puslgj`,null,r,{stacked:D(Q)}),o(n,`aria-busy`,D(j))}),a(n,`clientWidth`,e=>F(X,e)),A(e,n)},$$slots:{aside:!0,default:!0}})},$$slots:{toolbar:!0,actions:!0,default:!0}}),ne()}export{Se as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{$ as e,At as t,J as n,Mt as r,R as i,St as a,at as o,ct as s,dt as c,ft as l,gt as u,it as d,kt as f,ot as p,xt as m,yt as h}from"./index-Cf5oAFpK.js";var g=s(`<p class="subtitle truncate mono svelte-17w6cpd"> </p>`),_=s(`<div class="badges svelte-17w6cpd"><!></div>`),v=s(`<div class="acts svelte-17w6cpd"><!></div>`),y=s(`<div class="bar svelte-17w6cpd"><!> <!></div>`),b=s(`<aside class="inspector svelte-17w6cpd"><header class="head svelte-17w6cpd"><div class="titles svelte-17w6cpd"><h2 class="title truncate svelte-17w6cpd"> </h2> <!></div> <!></header> <!> <div class="content svelte-17w6cpd"><!></div></aside>`);function x(s,c){t(c,!0);function x(e){e.key===`Escape`&&c.onclose&&(e.stopPropagation(),c.onclose())}var S=b(),C=h(S),w=h(C),T=h(w),E=m(T,!0),D=a(T,2),O=e=>{var t=g(),r=m(t,!0);u(()=>{n(t,`title`,c.subtitle),o(r,c.subtitle)}),p(e,t)};d(D,e=>{c.subtitle&&e(O)}),r(w);var k=a(w,2),A=e=>{i(e,{icon:`close`,variant:`ghost`,label:`Close details (Esc)`,get onclick(){return c.onclose}})};d(k,e=>{c.onclose&&e(A)}),r(C);var j=a(C,2),M=t=>{var n=y(),i=h(n),o=t=>{var n=_(),i=h(n);e(i,()=>c.badges),r(n),p(t,n)};d(i,e=>{c.badges&&e(o)});var s=a(i,2),l=t=>{var n=v(),i=h(n);e(i,()=>c.actions),r(n),p(t,n)};d(s,e=>{c.actions&&e(l)}),r(n),p(t,n)};d(j,e=>{(c.badges||c.actions)&&e(M)});var N=a(j,2),P=h(N);e(P,()=>c.children),r(N),r(S),u(()=>{n(S,`aria-label`,`${c.title??``} details`),n(T,`title`,c.title),o(E,c.title)}),l(`keydown`,S,x),p(s,S),f()}c([`keydown`]);export{x as t};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{At as e,B as t,Ct as n,Dt as r,J as i,Mt as a,Q as o,R as s,St as c,Tt as l,_t as u,at as d,bt as f,ct as p,dt as m,ft as h,gt as g,it as _,kt as v,mt as y,ot as b,wt as x,yt as S}from"./index-Cf5oAFpK.js";import{r as C}from"./format-BEILGi1v.js";var w=p(`<button type="button"><span class="dot svelte-7a88l8" aria-hidden="true"></span> </button> <!> <!>`,1);function T(p,m){e(m,!0);let T=t(m,`res`,7),E=l(n(Date.now()));u(()=>{let e=setInterval(()=>x(E,Date.now(),!0),5e3);return()=>clearInterval(e)});var D=w(),O=f(D);let k;var A=c(S(O));a(O);var j=c(O,2);{let e=r(()=>C(T().updatedAt,y(E)));s(j,{icon:`refresh`,variant:`ghost`,get label(){return`Refresh (updated ${y(e)??``})`},get disabled(){return T().busy},onclick:()=>T().refresh()})}var M=c(j,2),N=e=>{s(e,{icon:`trash`,variant:`ghost`,label:`Clear recorded data`,get onclick(){return m.onclear}})};_(M,e=>{m.onclear&&e(N)}),g(()=>{k=o(O,1,`live svelte-7a88l8`,null,k,{on:T().live}),i(O,`aria-pressed`,T().live),i(O,`title`,T().live?`Live updates on — click to pause`:`Paused — click to resume live updates`),d(A,` ${T().live?`Live`:`Paused`}`)}),h(`click`,O,()=>T().live=!T().live),b(p,D),v()}m([`click`]);export{T as t};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.layout.svelte-tvfp2o{flex-direction:column;height:100%;display:flex}.table.svelte-tvfp2o{flex:1;min-height:0}.stats.svelte-tvfp2o{border-bottom:1px solid var(--border);flex-wrap:wrap;margin:0;display:flex}.stats.svelte-tvfp2o div:where(.svelte-tvfp2o){border-right:1px solid var(--border);padding:8px 16px}.stats.svelte-tvfp2o dt:where(.svelte-tvfp2o){font-size:var(--fs-xs);color:var(--fg-muted)}.stats.svelte-tvfp2o dd:where(.svelte-tvfp2o){font-size:var(--fs-lg);margin:0;font-weight:600}.route.svelte-tvfp2o{font-size:var(--fs-xs)}.dur.svelte-tvfp2o{align-items:center;gap:8px;min-width:0;display:flex}.track.svelte-tvfp2o{background:var(--bg-active);border-radius:3px;flex:1;height:6px;overflow:hidden}.bar.svelte-tvfp2o{background:var(--blue);border-radius:3px;height:100%;display:block}.bar.slow.svelte-tvfp2o{background:var(--red)}.dur.svelte-tvfp2o .num:where(.svelte-tvfp2o){text-align:right;width:64px;font-size:var(--fs-xs)}.slow.svelte-tvfp2o{color:var(--red)}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{At as e,Ct as t,Dt as n,J as r,L as i,Mt as a,Nt as o,P as s,Q as c,R as l,St as u,Tt as d,Z as f,_ as p,at as m,bt as h,ct as g,gt as _,it as v,jt as y,k as b,kt as x,mt as S,n as C,ot as w,r as T,s as E,st as D,ut as O,wt as k,xt as A,yt as j}from"./index-Cf5oAFpK.js";import{n as M,t as N}from"./Panel-CKQaY_Qq.js";import{t as P}from"./SearchField-B5EQ5IIf.js";import{a as ee,i as te,o as F}from"./format-BEILGi1v.js";import{t as I}from"./DataTable-C5C0HrMd.js";import{t as L}from"./Segmented-Dz1OdcPr.js";import{t as R}from"./CaptureNotice-DykEK0Kp.js";import{t as z}from"./LiveControls-nrc1-cBk.js";import{t as B}from"./versions-Bd19hz8p.js";import{t as V}from"./capture.svelte-BLIttZ2Z.js";var H=g(`<!> <!> <!> <!>`,1),ne=g(`<dl class="stats svelte-tvfp2o"><div class="svelte-tvfp2o"><dt class="svelte-tvfp2o">Calls</dt> <dd class="num svelte-tvfp2o"> </dd></div> <div class="svelte-tvfp2o"><dt class="svelte-tvfp2o">Average</dt> <dd class="num svelte-tvfp2o"> </dd></div> <div class="svelte-tvfp2o"><dt class="svelte-tvfp2o">p50</dt> <dd class="num svelte-tvfp2o"> </dd></div> <div class="svelte-tvfp2o"><dt class="svelte-tvfp2o">p95</dt> <dd> </dd></div> <div class="svelte-tvfp2o"><dt class="svelte-tvfp2o">Max</dt> <dd> </dd></div> <div class="svelte-tvfp2o"><dt class="svelte-tvfp2o"></dt> <dd> </dd></div></dl>`),re=g(`<span class="end num muted"> </span>`),ie=g(`<span class="end num faint"> </span>`),ae=g(`<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=g(`<p>Navigate between routes in your app to time their <code>load</code> functions.</p>`),se=g(`<div class="layout svelte-tvfp2o"><!> <div class="table svelte-tvfp2o"><!></div></div>`);function U(g,U){e(U,!0);let W=C(p,{initial:[],interval:2e3,version:B(`loadProfiles`)}),ce=V(2e3),G=d(``),K=d(`all`),q=d(!1),J=d(t({id:`time`,desc:!0})),Y=d(null),X=n(()=>W.data.map((e,t)=>({...e,key:`${e.timestamp}:${e.route}:${e.type}:${t}`}))),Z=n(()=>{let e=i(S(G));return S(X).filter(t=>(S(K)===`all`||t.type===S(K))&&(!S(q)||t.duration>100)&&(!e||e(t.route,t.file)))}),Q=n(()=>{let e=S(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))];return{avg:e.reduce((e,t)=>e+t,0)/e.length,p50:t(.5),p95:t(.95),max:e[e.length-1],slow:e.filter(e=>e>100).length}}),le=n(()=>S(X).reduce((e,t)=>Math.max(e,t.duration),1)),$=n(()=>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 E().catch(()=>{}),W.set([])}N(g,{title:`Load functions`,get count(){return W.data.length},toolbar:e=>{var t=H(),n=h(t);L(n,{label:`Load type`,options:[{value:`all`,label:`All`},{value:`server`,label:`Server`},{value:`universal`,label:`Universal`}],get value(){return S(K)},set value(e){k(K,e,!0)}});var r=u(n,2);P(r,{placeholder:`Filter routes…`,get count(){return S(Z).length},get value(){return S(G)},set value(e){k(G,e,!0)}});var i=u(r,2);R(i,{get info(){return ce.data.loadProfiles},noun:`load calls`});var a=u(i,2);l(a,{icon:`warning`,get pressed(){return S(q)},onclick:()=>k(q,!S(q)),title:`Only loads slower than 100 ms`,children:(e,t)=>{y();var n=O();_(()=>m(n,`Slow ${S($)?`(${S($)})`:``}`)),w(e,n)},$$slots:{default:!0}}),w(e,t)},actions:e=>{z(e,{get res(){return W},onclear:de})},children:(e,t)=>{var i=se(),l=j(i),d=e=>{var t=ne(),n=j(t),r=u(j(n),2),i=A(r,!0);a(n);var o=u(n,2),s=u(j(o),2),l=A(s,!0);a(o);var d=u(o,2),f=u(j(d),2),p=A(f,!0);a(d);var h=u(d,2),g=u(j(h),2);let v;var y=A(g,!0);a(h);var b=u(h,2),x=u(j(b),2);let C;var T=A(x,!0);a(b);var E=u(b,2),D=j(E);D.textContent=`> 100 ms`;var O=u(D,2);let k;var M=A(O,!0);a(E),a(t),_((e,t,n,r,a)=>{m(i,e),m(l,t),m(p,n),v=c(g,1,`num svelte-tvfp2o`,null,v,{slow:S(Q).p95>100}),m(y,r),C=c(x,1,`num svelte-tvfp2o`,null,C,{slow:S(Q).max>100}),m(T,a),k=c(O,1,`num svelte-tvfp2o`,null,k,{slow:S(Q).slow>0}),m(M,S(Q).slow)},[()=>S(Z).length.toLocaleString(),()=>F(S(Q).avg),()=>F(S(Q).p50),()=>F(S(Q).p95),()=>F(S(Q).max)]),w(e,t)};v(l,e=>{S(Q)&&e(d)});var p=u(l,2),g=j(p);I(g,{get items(){return S(Z)},get columns(){return ue},getKey:e=>e.key,label:`Load function calls`,onactivate:e=>b(e.file).catch(()=>{}),get sort(){return S(J)},set sort(e){k(J,e,!0)},get selected(){return S(Y)},set selected(e){k(Y,e,!0)},row:(e,t=o,i)=>{let l=()=>(i?.()).visible;var d=ae(),p=h(d),g=j(p);s(g,{get text(){return t().route},get query(){return S(G)}}),a(p);var b=u(p,2),x=j(b);{let e=n(()=>t().type===`server`?`blue`:`cyan`);M(x,{get tone(){return S(e)},children:(e,n)=>{y();var r=O();_(()=>m(r,t().type)),w(e,r)},$$slots:{default:!0}})}a(b);var C=u(b,2),T=j(C),E=j(T);let D,k;a(T);var N=u(T,2);let P;var I=A(N,!0);a(C);var L=u(C,2),R=e=>{var n=re(),r=A(n,!0);_(e=>m(r,e),[()=>te(t().dataSize)]),w(e,n)},z=n(()=>l().has(`size`));v(L,e=>{S(z)&&e(R)});var B=u(L,2),V=e=>{var n=ie(),r=A(n,!0);_(e=>m(r,e),[()=>ee(t().timestamp)]),w(e,n)},H=n(()=>l().has(`time`));v(B,e=>{S(H)&&e(V)}),_((e,n)=>{r(p,`title`,t().file),D=c(E,1,`bar svelte-tvfp2o`,null,D,{slow:t().duration>100}),k=f(E,``,k,{width:e}),P=c(N,1,`num svelte-tvfp2o`,null,P,{slow:t().duration>100}),m(I,n)},[()=>`${Math.max(1.5,t().duration/S(le)*100)}%`,()=>F(t().duration)]),w(e,d)},empty:e=>{var t=D(),n=h(t),r=e=>{T(e,{icon:`loads`,title:`No load calls recorded yet`,children:(e,t)=>{var n=oe();w(e,n)},$$slots:{default:!0}})},i=e=>{T(e,{icon:`search`,title:`No loads match`})};v(n,e=>{W.data.length===0?e(r):e(i,-1)}),w(e,t)},$$slots:{row:!0,empty:!0}}),a(p),a(i),w(e,i)},$$slots:{toolbar:!0,actions:!0,default:!0}}),x()}export{U as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{At as e,Ct as t,Dt as n,J as r,L as i,Mt as a,Nt as o,P as s,Q as c,R as l,St as u,Tt as d,Z as f,at as p,bt as m,ct as h,dt as g,ft as _,gt as v,it as y,jt as b,k as x,kt as S,mt as C,n as w,nt as T,ot as E,r as D,st as O,tt as k,ut as A,v as j,wt as M,xt as N,yt as P,z as F}from"./index-Cf5oAFpK.js";import{n as I,t as L}from"./Panel-CKQaY_Qq.js";import{t as R}from"./SearchField-B5EQ5IIf.js";import{t as ee}from"./SplitView-CxRUXpY5.js";import{i as z,t as B}from"./format-BEILGi1v.js";import{t as te}from"./DataTable-C5C0HrMd.js";import{t as ne}from"./Inspector-mTvtYmwt.js";import{t as re}from"./Segmented-Dz1OdcPr.js";var ie=h(`<li><button type="button"><!> <span class="truncate"> </span> <span class="sub truncate mono svelte-18khbuj"> </span></button></li>`),ae=h(`<p class="more svelte-18khbuj"> </p>`),oe=h(`<ul class="link-list svelte-18khbuj"></ul> <!>`,1),se=h(`<p class="more svelte-18khbuj">None</p>`),ce=h(`<h3 class="section-title"> <span class="num"> </span></h3> <!>`,1),V=h(`<!> <!> <!>`,1),le=h(`<li class="svelte-18khbuj"><button type="button"> </button></li>`),ue=h(`<h3 class="section-title"><!> </h3> <ol class="cycle svelte-18khbuj"></ol>`,1),de=h(`<span class="cyc svelte-18khbuj" title="Part of a circular import"><!></span>`),fe=h(`<span class="end num muted"> </span>`),pe=h(`<span class="bar svelte-18khbuj"></span>`),me=h(`<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),he=h(`<p class="mono"> </p>`),ge=h(`<p>Open the app so Vite transforms its modules, then refresh.</p>`);function H(h,g){e(g,!0);let H=(e,t=o,i=o)=>{var s=ce(),c=m(s),l=P(c),d=u(l),f=N(d,!0);a(c);var h=u(c,2),g=e=>{var t=oe(),o=m(t);k(o,20,()=>i().slice(0,500),e=>e,(e,t)=>{let i=n(()=>C(Y).get(t));var o=ie(),s=P(o),c=P(s),l=e=>{I(e,{get tone(){return $[C(i).type]},children:(e,t)=>{b();var n=A();v(()=>p(n,C(i).type)),E(e,n)},$$slots:{default:!0}})};y(c,e=>{C(i)&&e(l)});var d=u(c,2),f=N(d,!0),m=u(d,2),h=N(m,!0);a(s),a(o),v(e=>{s.disabled=!C(i),r(s,`title`,t),p(f,e),p(h,t)},[()=>B(t)]),_(`click`,s,()=>xe(t)),E(e,o)}),a(o);var s=u(o,2),c=e=>{var t=ae(),n=N(t);v(()=>p(n,`+${i().length-500} more`)),E(e,t)};y(s,e=>{i().length>500&&e(c)}),E(e,t)},x=e=>{var t=se();E(e,t)};y(h,e=>{i().length?e(g):e(x,-1)}),v(()=>{p(l,`${t()??``} `),p(f,i().length)}),E(e,s)},U=w(j,{initial:{modules:[],cycles:[]}}),W=d(``),G=d(`all`),K=d(!1),q=d(t({id:`size`,desc:!0})),J=d(null),Y=n(()=>new Map(U.data.modules.map(e=>[e.id,e]))),X=n(()=>{let e={};for(let t of U.data.modules)e[t.type]=(e[t.type]??0)+1;return e}),_e=n(()=>[{value:`all`,label:`All`,count:U.data.modules.length},...[`svelte`,`ts`,`js`,`css`,`other`].filter(e=>C(X)[e]).map(e=>({value:e,label:e===`svelte`?`Svelte`:e.toUpperCase(),count:C(X)[e]}))]),Z=n(()=>{let e=i(C(W));return U.data.modules.filter(t=>(C(G)===`all`||t.type===C(G))&&(!C(K)||t.isCyclic)&&(!e||e(t.id)))}),ve=n(()=>U.data.modules.reduce((e,t)=>Math.max(e,t.size??0),1)),Q=n(()=>C(J)?C(Y).get(C(J))??null:null),ye=n(()=>C(Q)?U.data.cycles.filter(e=>e.includes(C(Q).id)):[]),$={svelte:`accent`,ts:`blue`,js:`yellow`,css:`purple`,other:`neutral`},be=[{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 xe(e){C(Y).has(e)&&(C(Z).some(t=>t.id===e)||(M(W,``),M(G,`all`),M(K,!1)),M(J,e,!0))}function Se(e){x(e.file).catch(()=>{})}L(h,{title:`Modules`,get count(){return U.data.modules.length},toolbar:e=>{var t=V(),n=m(t);re(n,{label:`Module type`,get options(){return C(_e)},get value(){return C(G)},set value(e){M(G,e,!0)}});var r=u(n,2);R(r,{placeholder:`Filter modules…`,get count(){return C(Z).length},get value(){return C(W)},set value(e){M(W,e,!0)}});var i=u(r,2),a=e=>{l(e,{icon:`cycle`,get pressed(){return C(K)},onclick:()=>M(K,!C(K)),children:(e,t)=>{b();var n=A();v(()=>p(n,`${U.data.cycles.length??``} circular`)),E(e,n)},$$slots:{default:!0}})};y(i,e=>{U.data.cycles.length&&e(a)}),E(e,t)},actions:e=>{l(e,{icon:`refresh`,variant:`ghost`,label:`Refresh module graph`,get disabled(){return U.busy},onclick:()=>U.refresh()})},children:(e,t)=>{{let t=e=>{var t=O(),r=m(t),i=e=>{{let t=e=>{var t=V(),n=m(t);I(n,{get tone(){return $[C(Q).type]},children:(e,t)=>{b();var n=A();v(()=>p(n,C(Q).type)),E(e,n)},$$slots:{default:!0}});var r=u(n,2),i=e=>{I(e,{children:(e,t)=>{b();var n=A();v(e=>p(n,e),[()=>z(C(Q).size)]),E(e,n)},$$slots:{default:!0}})};y(r,e=>{C(Q).size&&e(i)});var a=u(r,2),o=e=>{I(e,{tone:`yellow`,children:(e,t)=>{b();var n=A(`circular`);E(e,n)},$$slots:{default:!0}})};y(a,e=>{C(Q).isCyclic&&e(o)}),E(e,t)},r=e=>{l(e,{icon:`editor`,onclick:()=>Se(C(Q)),children:(e,t)=>{b();var n=A(`Open in editor`);E(e,n)},$$slots:{default:!0}})},i=n(()=>B(C(Q).id));ne(e,{get title(){return C(i)},get subtitle(){return C(Q).id},onclose:()=>M(J,null),badges:t,actions:r,children:(e,t)=>{var n=V(),r=m(n);k(r,17,()=>C(ye),T,(e,t,n)=>{var r=ue(),i=m(r),o=P(i);F(o,{name:`cycle`,size:12});var s=u(o);s.nodeValue=` Cycle ${n+1}`,a(i);var l=u(i,2);k(l,21,()=>C(t),T,(e,t)=>{var n=le(),r=P(n);let i;var o=N(r,!0);a(n),v(e=>{i=c(r,1,`svelte-18khbuj`,null,i,{me:C(t)===C(Q).id}),p(o,e)},[()=>B(C(t))]),_(`click`,r,()=>xe(C(t))),E(e,n)}),a(l),E(e,r)});var i=u(r,2);H(i,()=>`Imports`,()=>C(Q).imports);var o=u(i,2);H(o,()=>`Imported by`,()=>C(Q).importedBy),E(e,n)},$$slots:{badges:!0,actions:!0,default:!0}})}};y(r,e=>{C(Q)&&e(i)}),E(e,t)},r=n(()=>!!C(Q));ee(e,{id:`modules`,get open(){return C(r)},aside:t,children:(e,t)=>{te(e,{get items(){return C(Z)},get columns(){return be},getKey:e=>e.id,label:`Modules`,onactivate:Se,get sort(){return C(q)},set sort(e){M(q,e,!0)},get selected(){return C(J)},set selected(e){M(J,e,!0)},row:(e,t=o,r)=>{let i=()=>(r?.()).visible;var c=me(),l=m(c),d=P(l);I(d,{get tone(){return $[t().type]},children:(e,n)=>{b();var r=A();v(()=>p(r,t().type)),E(e,r)},$$slots:{default:!0}});var h=u(d,2),g=P(h);s(g,{get text(){return t().id},get query(){return C(W)}}),a(h);var _=u(h,2),x=e=>{var t=de(),n=P(t);F(n,{name:`cycle`,size:12}),a(t),E(e,t)};y(_,e=>{t().isCyclic&&e(x)}),a(l);var S=u(l,2),w=e=>{var n=fe(),r=N(n,!0);v(()=>p(r,t().imports.length||``)),E(e,n)},T=n(()=>i().has(`imports`));y(S,e=>{C(T)&&e(w)});var D=u(S,2),O=N(D,!0),k=u(D,2),j=P(k),M=e=>{var n=pe();let r;v(e=>r=f(n,``,r,{width:e}),[()=>`${Math.max(2,t().size/C(ve)*56)}px`]),E(e,n)};y(j,e=>{t().size&&e(M)});var L=u(j,2),R=N(L,!0);a(k),v(e=>{p(O,t().importedBy.length||``),p(R,e)},[()=>t().size?z(t().size):`—`]),E(e,c)},empty:e=>{var t=O(),r=m(t),i=e=>{D(e,{title:`Reading module graph…`})},a=e=>{D(e,{icon:`errors`,tone:`error`,title:`Could not read module graph`,children:(e,t)=>{var n=he(),r=N(n,!0);v(()=>p(r,U.error)),E(e,n)},$$slots:{default:!0}})},o=e=>{{let t=n(()=>U.data.modules.length?`No modules match`:`No modules transformed yet`);D(e,{icon:`modules`,get title(){return C(t)},children:(e,t)=>{var n=O(),r=m(n),i=e=>{var t=ge();E(e,t)};y(r,e=>{U.data.modules.length||e(i)}),E(e,n)},$$slots:{default:!0}})}};y(r,e=>{U.loading?e(i):U.error?e(a,1):e(o,-1)}),E(e,t)},$$slots:{row:!0,empty:!0}})},$$slots:{aside:!0,default:!0}})}},$$slots:{toolbar:!0,actions:!0,default:!0}}),S()}g([`click`]);export{H as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{At as e,Dt as t,J as n,Mt as r,R as i,St as a,Tt as o,U as s,X as c,Y as l,at as u,bt as d,ct as f,gt as p,it as m,jt as h,kt as g,mt as _,n as v,nt as y,ot as b,pt as x,q as S,r as C,st as w,tt as T,ut as E,w as D,wt as O,xt as k,y as A,yt as j,z as M}from"./index-Cf5oAFpK.js";import{n as N,t as P}from"./Panel-CKQaY_Qq.js";var F=f(`<option> </option>`),I=f(`<form class="bar svelte-1heai9l"><select class="select" aria-label="Route"></select> <input class="input mono url svelte-1heai9l" placeholder="…or any URL" aria-label="Custom URL" spellcheck="false"/> <!></form>`),L=f(`<p class="mono"> </p>`),R=f(`<p>Pick a route and press <strong>Preview</strong> to read its Open Graph and Twitter tags.</p> <!>`,1),ee=f(`<img alt="" class="svelte-1heai9l"/>`),te=f(`<span class="svelte-1heai9l"><!>no og:image</span>`),ne=f(`<img class="thumb svelte-1heai9l" alt=""/>`),re=f(`<li class="svelte-1heai9l"><!> </li>`),ie=f(`<li class="ok svelte-1heai9l"><!>Title, description and image are present.</li>`),z=f(`<dt class="mono"> </dt> <dd> </dd>`,1),B=f(`<dt class="faint">none</dt> <dd></dd>`,1),ae=f(`<div class="wrap svelte-1heai9l"><section class="cards svelte-1heai9l" aria-label="Card previews"><figure class="card large svelte-1heai9l"><span class="label svelte-1heai9l"> </span> <div class="img svelte-1heai9l"><!></div> <figcaption class="svelte-1heai9l"><span class="host svelte-1heai9l"> </span> <strong class="t svelte-1heai9l"> </strong> <span class="d svelte-1heai9l"> </span></figcaption></figure> <figure class="card slack svelte-1heai9l"><div class="bar-accent svelte-1heai9l"></div> <div class="svelte-1heai9l"><span class="site svelte-1heai9l"> </span> <strong class="t link svelte-1heai9l"> </strong> <span class="d svelte-1heai9l"> </span> <!></div> <span class="label svelte-1heai9l">Slack / Discord</span></figure></section> <section class="side svelte-1heai9l"><h3 class="section-title svelte-1heai9l">Checks <!></h3> <ul class="issues svelte-1heai9l"></ul> <h3 class="section-title svelte-1heai9l">Tags <span class="num"> </span></h3> <dl class="kv tags svelte-1heai9l"></dl></section></div>`);function V(f,V){e(V,!0);let H=v(async()=>(await D()).filter(e=>e.hasPage&&e.params.length===0).map(e=>e.path),{initial:[]}),U=o(`/`),W=o(``),G=o(!1),K=o(null),q=o(null),J=t(()=>_(W).trim()||new URL(_(U),location.origin).href);async function Y(){O(G,!0),O(q,null);try{O(K,await A(_(J)),!0)}catch(e){O(K,null),O(q,e instanceof Error?e.message:String(e),!0)}finally{O(G,!1)}}let X=t(()=>{try{return new URL(_(K)?.url??_(J)).host}catch{return``}}),oe=t(()=>_(K)?.tags.find(e=>e.property===`twitter:card`)?.content??`summary`);P(f,{title:`Social preview`,scroll:!0,toolbar:e=>{var t=I(),n=j(t);T(n,20,()=>H.data.length?H.data:[`/`],e=>e,(e,t)=>{var n=F(),r=k(n,!0),i={};p(()=>{u(r,t),i!==(i=t)&&(n.value=(n.__value=i)??``)}),b(e,n)}),r(n),c(n);var o=a(n,2);S(o);var d=a(o,2);i(d,{type:`submit`,variant:`primary`,icon:`search`,get disabled(){return _(G)},children:(e,t)=>{h();var n=E();p(()=>u(n,_(G)?`Fetching…`:`Preview`)),b(e,n)},$$slots:{default:!0}}),r(t),p(e=>n.disabled=e,[()=>!!_(W).trim()]),x(`submit`,t,e=>{e.preventDefault(),Y()}),l(n,()=>_(U),e=>O(U,e)),s(o,()=>_(W),e=>O(W,e)),b(e,t)},children:(e,t)=>{var o=w(),s=d(o),c=e=>{C(e,{icon:`errors`,tone:`error`,title:`Could not fetch the page`,children:(e,t)=>{var n=L(),r=k(n,!0);p(()=>u(r,_(q))),b(e,n)},$$slots:{default:!0}})},l=e=>{C(e,{icon:`og`,title:`Check how a page unfurls`,children:(e,t)=>{var n=R(),r=a(d(n),2);i(r,{variant:`primary`,icon:`search`,onclick:Y,get disabled(){return _(G)},children:(e,t)=>{h();var n=E();p(()=>u(n,`Preview ${_(U)??``}`)),b(e,n)},$$slots:{default:!0}}),b(e,n)},$$slots:{default:!0}})},f=e=>{var t=ae(),i=j(t),o=j(i),s=j(o),c=k(s),l=a(s,2),f=j(l),g=e=>{var t=ee();p(()=>n(t,`src`,_(K).image)),b(e,t)},v=e=>{var t=te(),n=j(t);M(n,{name:`assets`,size:22}),h(),r(t),b(e,t)};m(f,e=>{_(K).image?e(g):e(v,-1)}),r(l);var x=a(l,2),S=j(x),C=k(S,!0),w=a(S,2),D=k(w,!0),O=a(w,2),A=k(O,!0);r(x),r(o);var P=a(o,2),F=a(j(P),2),I=j(F),L=k(I,!0),R=a(I,2),V=k(R,!0),H=a(R,2),U=k(H,!0),W=a(H,2),G=e=>{var t=ne();p(()=>n(t,`src`,_(K).image)),b(e,t)};m(W,e=>{_(K).image&&e(G)}),r(F),h(2),r(P),r(i);var q=a(i,2),J=j(q),Y=a(j(J)),se=e=>{N(e,{tone:`yellow`,children:(e,t)=>{h();var n=E();p(()=>u(n,_(K).issues.length)),b(e,n)},$$slots:{default:!0}})},ce=e=>{N(e,{tone:`green`,children:(e,t)=>{h();var n=E(`all good`);b(e,n)},$$slots:{default:!0}})};m(Y,e=>{_(K).issues.length?e(se):e(ce,-1)}),r(J);var Z=a(J,2);T(Z,20,()=>_(K).issues,e=>e,(e,t)=>{var n=re(),i=j(n);M(i,{name:`warning`,size:14});var o=a(i,1,!0);r(n),p(()=>u(o,t)),b(e,n)},e=>{var t=ie(),n=j(t);M(n,{name:`check`,size:14}),h(),r(t),b(e,t)}),r(Z);var Q=a(Z,2),le=a(j(Q)),ue=k(le,!0);r(Q);var $=a(Q,2);T($,21,()=>_(K).tags,y,(e,t)=>{var n=z(),r=d(n),i=k(r,!0),o=a(r,2),s=k(o,!0);p(()=>{u(i,_(t).property),u(s,_(t).content)}),b(e,n)},e=>{var t=B();h(2),b(e,t)}),r($),r(q),r(t),p(()=>{u(c,`X / Twitter · ${_(oe)??``}`),u(C,_(X)),u(D,_(K).title||`Untitled page`),u(A,_(K).description||`No description`),u(L,_(X)),u(V,_(K).title||`Untitled page`),u(U,_(K).description||`No description`),u(ue,_(K).tags.length)}),b(e,t)};m(s,e=>{_(q)?e(c):_(K)?e(f,-1):e(l,1)}),b(e,o)},$$slots:{toolbar:!0,default:!0}}),g()}export{V as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{At as e,Dt as t,L as n,Mt as r,P as i,Q as a,R as o,St as s,T as c,Tt as l,at as u,b as d,bt as f,ct as p,dt as m,f as h,ft as ee,gt as g,h as _,i as v,it as y,jt as b,kt as x,mt as S,n as C,ot as w,r as T,st as E,tt as D,u as O,ut as k,v as A,w as j,wt as M,xt as N,yt as P,z as F}from"./index-Cf5oAFpK.js";import{n as I,t as L}from"./Panel-CKQaY_Qq.js";import{t as R}from"./SearchField-B5EQ5IIf.js";import{i as z}from"./format-BEILGi1v.js";import{t as B}from"./Segmented-Dz1OdcPr.js";import{t as V}from"./versions-Bd19hz8p.js";var H=p(`<div class="wrap svelte-1ds2tgu"><div class="skeleton svelte-1ds2tgu"></div></div>`),U=p(`<p class="mono"> </p> <p>This panel needs a running Vite dev server with <code>vite-devtools-svelte</code> installed.</p> <!>`,1),W=p(`<p class="faint mono svelte-1ds2tgu"> </p>`),G=p(`<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=p(`<li class="dep svelte-1ds2tgu"><span class="dep-name truncate svelte-1ds2tgu"><!></span> <!> <span class="dep-ver mono svelte-1ds2tgu"> </span></li>`),te=p(`<li class="dep faint svelte-1ds2tgu">No packages match.</li>`),ne=p(`<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(p,m){e(m,!0);let q=C(d,{initial:null}),J=C(async()=>{function e(e){return e.then(e=>e,()=>null)}let[t,n,r,i,a]=await Promise.all([e(j()),e(O()),e(A()),e(h()),e(c())]);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=C(async()=>{let e=await _();return{count:e.length,files:new Set(e.map(e=>e.file)).size}},{initial:null,interval:2e3,version:V(`components`)}),X=l(``),Z=l(`all`),Q=t(()=>{let e=q.data;if(!e)return[];let t=[];if(S(Z)!==`devDependencies`)for(let[n,r]of Object.entries(e.dependencies))t.push({name:n,version:r,dev:!1});if(S(Z)!==`dependencies`)for(let[n,r]of Object.entries(e.devDependencies))t.push({name:n,version:r,dev:!0});let r=n(S(X));return(r?t.filter(e=>r(e.name,e.version)):t).sort((e,t)=>e.name.localeCompare(t.name))}),$=e=>e==null?`—`:e.toLocaleString(),re=t(()=>{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?`${$(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:z(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}]});L(p,{title:`Overview`,scroll:!0,actions:e=>{o(e,{icon:`refresh`,variant:`ghost`,label:`Refresh`,onclick:()=>(q.refresh(),J.refresh(),Y.refresh())})},children:(e,n)=>{var c=E(),l=f(c),d=e=>{var t=H();w(e,t)},p=e=>{T(e,{icon:`errors`,tone:`error`,title:`Dev server not reachable`,children:(e,t)=>{var n=U(),r=f(n),i=N(r,!0),a=s(r,4);o(a,{icon:`refresh`,onclick:()=>q.refresh(),children:(e,t)=>{b();var n=k(`Retry`);w(e,n)},$$slots:{default:!0}}),g(()=>u(i,q.error)),w(e,n)},$$slots:{default:!0}})},m=e=>{let n=t(()=>q.data);var o=ne(),c=P(o),l=P(c),d=s(P(l),2),f=N(d,!0),p=s(d,2),m=e=>{var t=W(),r=N(t);g(()=>u(r,`v${S(n).version??``}`)),w(e,t)};y(p,e=>{S(n).version&&e(m)}),r(l);var h=s(l,2),_=P(h),x=s(P(_),2),C=N(x,!0);r(_);var T=s(_,2),E=s(P(T),2),O=N(E,!0);r(T);var A=s(T,2),j=s(P(A),2),L=N(j,!0);r(A),r(h),r(c);var z=s(c,2);D(z,21,()=>S(re),e=>e.panel,(e,t)=>{var n=G(),i=P(n),o=P(i);F(o,{get name(){return S(t).icon},size:14});var c=s(o),l=s(c),d=P(l);F(d,{name:`chevron`,size:12}),r(l),r(i);var f=s(i,2);let p;var m=N(f,!0),h=s(f,2),_=N(h,!0);r(n),g(()=>{u(c,` ${S(t).label??``} `),p=a(f,1,`tile-value num svelte-1ds2tgu`,null,p,{red:S(t).tone===`red`,yellow:S(t).tone===`yellow`}),u(m,S(t).value),u(_,S(t).sub??` `)}),ee(`click`,n,()=>v.go(S(t).panel)),w(e,n)}),r(z);var V=s(z,2),H=P(V),U=s(P(H),2);{let e=t(()=>[{value:`all`,label:`All`,count:Object.keys(S(n).dependencies).length+Object.keys(S(n).devDependencies).length},{value:`dependencies`,label:`Runtime`,count:Object.keys(S(n).dependencies).length},{value:`devDependencies`,label:`Dev`,count:Object.keys(S(n).devDependencies).length}]);B(U,{label:`Dependency kind`,get options(){return S(e)},get value(){return S(Z)},set value(e){M(Z,e,!0)}})}var J=s(U,2);R(J,{placeholder:`Filter packages…`,get count(){return S(Q).length},get value(){return S(X)},set value(e){M(X,e,!0)}}),r(H);var Y=s(H,2);D(Y,21,()=>S(Q),e=>(e.dev?`dev:`:`dep:`)+e.name,(e,t)=>{var n=K(),a=P(n),o=P(a);i(o,{get text(){return S(t).name},get query(){return S(X)}}),r(a);var c=s(a,2),l=e=>{I(e,{children:(e,t)=>{b();var n=k(`dev`);w(e,n)},$$slots:{default:!0}})};y(c,e=>{S(t).dev&&e(l)});var d=s(c,2),f=N(d,!0);r(n),g(()=>u(f,S(t).version)),w(e,n)},e=>{var t=te();w(e,t)}),r(Y),r(V),r(o),g(()=>{u(f,S(n).name||`Untitled project`),u(C,S(n).svelteVersion||`—`),u(O,S(n).sveltekitVersion||`—`),u(L,S(n).viteVersion||`—`)}),w(e,o)};y(l,e=>{q.loading?e(d):q.error||!q.data?e(p,1):e(m,-1)}),w(e,c)},$$slots:{actions:!0,default:!0}}),x()}m([`click`]);export{q as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{$ as e,B as t,J as n,Mt as r,Q as i,St as a,at as o,ct as s,gt as c,it as l,ot as u,xt as d,yt as f}from"./index-Cf5oAFpK.js";var p=s(`<span><!></span>`);function m(a,o){let s=t(o,`tone`,3,`neutral`);var l=p(),d=f(l);e(d,()=>o.children),r(l),c(()=>{i(l,1,`badge ${s()??``}`,`svelte-1fmrh5r`),n(l,`title`,o.title)}),u(a,l)}var h=s(`<span class="count num svelte-6jyhgm"> </span>`),g=s(`<div class="toolbar svelte-6jyhgm"><!></div>`),_=s(`<div class="actions svelte-6jyhgm"><!></div>`),v=s(`<section class="panel svelte-6jyhgm"><header class="header svelte-6jyhgm"><h1 class="title svelte-6jyhgm"> <!></h1> <!> <!></header> <div><!></div></section>`);function y(s,p){let m=t(p,`count`,3,null),y=t(p,`scroll`,3,!1);var b=v(),x=f(b),S=f(x),C=f(S),w=a(C),T=e=>{var t=h(),n=d(t,!0);c(()=>o(n,m())),u(e,t)};l(w,e=>{m()!=null&&e(T)}),r(S);var E=a(S,2),D=t=>{var n=g(),i=f(n);e(i,()=>p.toolbar),r(n),u(t,n)};l(E,e=>{p.toolbar&&e(D)});var O=a(E,2),k=t=>{var n=_(),i=f(n);e(i,()=>p.actions),r(n),u(t,n)};l(O,e=>{p.actions&&e(k)}),r(x);var A=a(x,2);let j;var M=f(A);e(M,()=>p.children),r(A),r(b),c(()=>{n(b,`aria-label`,p.title),o(C,`${p.title??``} `),j=i(A,1,`body svelte-6jyhgm`,null,j,{scroll:y()})}),u(s,b)}export{m as n,y as t};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.graph-container.svelte-kaeped{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-base);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;flex:1;position:relative;overflow:hidden}.graph-container.dragging.svelte-kaeped{cursor:grabbing}.empty.svelte-kaeped{padding:var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm);cursor:default}svg.svelte-kaeped{display:block}.zoom-controls.svelte-kaeped{background:var(--color-surface);border:1px solid var(--color-border);z-index:10;cursor:default;border-radius:6px;align-items:center;display:flex;position:absolute;top:8px;right:8px;overflow:hidden}.zoom-btn.svelte-kaeped,.zoom-label.svelte-kaeped{color:var(--color-text-muted);cursor:pointer;font-size:13px;font-family:var(--font-mono);background:0 0;border:none;padding:4px 10px;line-height:1}.zoom-btn.svelte-kaeped:hover,.zoom-label.svelte-kaeped:hover{background:var(--color-surface-active);color:var(--color-text)}.zoom-label.svelte-kaeped{text-align:center;border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);min-width:44px;font-size:10px}.component-box.svelte-kaeped{fill:var(--color-surface-active);stroke:var(--color-border);stroke-width:1px;stroke-dasharray:4 3}.component-label.svelte-kaeped{fill:var(--color-accent-400);font-size:9px;font-family:var(--font-mono);font-weight:600}.node-name.svelte-kaeped{fill:var(--color-text)}.node-type.svelte-kaeped{fill:var(--color-text-muted)}.node-meta.svelte-kaeped{fill:var(--color-text-faint)}.node-value.svelte-kaeped{fill:var(--color-accent-400)}.node-divider.svelte-kaeped{stroke:var(--color-border);opacity:1}.edge.svelte-kaeped{fill:none;stroke-width:2px;opacity:.5;transition:opacity .3s}.edge.highlighted.svelte-kaeped{stroke-width:2.5px;opacity:1}.arrow.svelte-kaeped{opacity:.5;transition:opacity .3s}.arrow.highlighted.svelte-kaeped{opacity:1}.edge-sweep.svelte-kaeped{fill:none;stroke-width:3.5px;opacity:.9;stroke-dasharray:600;stroke-dashoffset:600px;stroke-linecap:round;animation:svelte-kaeped-sweep-line var(--sweep-dur,.4s) ease-in-out var(--sweep-delay,0s) 1 forwards}@keyframes svelte-kaeped-sweep-line{0%{stroke-dashoffset:600px;opacity:.9}to{stroke-dashoffset:0;opacity:0}}.node.svelte-kaeped{cursor:pointer}.node.svelte-kaeped:hover rect:where(.svelte-kaeped){stroke-width:2.5px}.glow-ring.svelte-kaeped{opacity:0;animation:svelte-kaeped-ring-pulse .3s ease-out var(--node-delay,0s) 1 forwards}@keyframes svelte-kaeped-ring-pulse{0%{opacity:0;stroke-width:0}30%{opacity:1;stroke-width:3px}to{opacity:0;stroke-width:1px}}.scope.svelte-1mo53p6{max-width:200px}.hint.svelte-1mo53p6{font-size:var(--fs-xs);color:var(--fg-faint);white-space:nowrap}.overview.svelte-1mo53p6,.local.svelte-1mo53p6{flex-direction:column;height:100%;min-height:0;display:flex}.table.svelte-1mo53p6,.body.svelte-1mo53p6{flex:1;min-height:0}.record.svelte-1mo53p6{border-bottom:1px solid var(--border);font-size:var(--fs-xs);flex-wrap:wrap;gap:4px 20px;margin:0;padding:8px 14px;display:flex}.record.svelte-1mo53p6 div:where(.svelte-1mo53p6){gap:6px;display:flex}.record.svelte-1mo53p6 dt:where(.svelte-1mo53p6){color:var(--fg-faint)}.record.svelte-1mo53p6 dd:where(.svelte-1mo53p6){color:var(--fg-muted);margin:0}.record.svelte-1mo53p6 .warn:where(.svelte-1mo53p6) dd:where(.svelte-1mo53p6){color:var(--yellow)}.foot.svelte-1mo53p6,.legend.svelte-1mo53p6,.note.svelte-1mo53p6{font-size:var(--fs-xs);color:var(--fg-faint);margin:0;padding:6px 14px}.foot.svelte-1mo53p6{border-top:1px solid var(--border)}.baseline.svelte-1mo53p6{border-bottom:1px solid var(--border);background:var(--yellow-bg);color:var(--yellow);font-size:var(--fs-xs);margin:0;padding:6px 14px}.legend.svelte-1mo53p6{border-bottom:1px solid var(--border)}.scope-bar.svelte-1mo53p6{border-bottom:1px solid var(--border);font-size:var(--fs-sm);justify-content:space-between;align-items:center;gap:8px;padding:4px 8px 4px 14px;display:flex}.link.svelte-1mo53p6{color:var(--accent-fg);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.graph.svelte-1mo53p6{height:100%;padding:8px}.name.svelte-1mo53p6{font-size:var(--fs-sm)}.value.svelte-1mo53p6{color:var(--fg-muted);font-size:var(--fs-xs)}.flash.svelte-1mo53p6{animation:svelte-1mo53p6-flash 1s var(--ease)}@keyframes svelte-1mo53p6-flash{0%{background:var(--yellow-bg);color:var(--yellow)}}.none.svelte-1mo53p6{color:var(--fg-faint);font-size:var(--fs-sm);margin:0;padding:0 14px}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import{A as e,At as t,B as n,Ct as r,Dt as i,E as a,Et as o,F as s,I as c,J as l,Mt as u,Nt as d,P as f,Q as p,R as m,St as h,Tt as g,V as _,X as v,Y as y,Z as b,_t as x,at as S,bt as C,ct as w,dt as T,ft as E,g as D,gt as O,ht as k,i as A,it as j,jt as M,kt as ee,lt as N,mt as P,n as te,ot as F,pt as ne,r as I,rt as re,st as L,t as ie,tt as ae,ut as R,wt as z,xt as B,yt as V}from"./index-Cf5oAFpK.js";import{n as oe,t as se}from"./Panel-CKQaY_Qq.js";import{t as ce}from"./SearchField-B5EQ5IIf.js";import{t as le}from"./SplitView-CxRUXpY5.js";import{a as ue,c as de,l as fe,n as H,o as pe,s as U,u as me}from"./format-BEILGi1v.js";import{t as he}from"./DataTable-C5C0HrMd.js";import{t as ge}from"./Inspector-mTvtYmwt.js";import{t as _e}from"./Segmented-Dz1OdcPr.js";import{n as ve}from"./collections-uqk9p1aQ.js";import{t as ye}from"./CaptureNotice-DykEK0Kp.js";import{t as be}from"./LiveControls-nrc1-cBk.js";import{t as W}from"./reactive-selection.svelte-iv05jhlt.js";import{t as xe}from"./versions-Bd19hz8p.js";import{t as Se}from"./capture.svelte-BLIttZ2Z.js";import{a as Ce,c as we,d as G,f as Te,i as Ee,l as De,n as Oe,o as ke,r as Ae,s as je,t as Me,u as Ne}from"./reactive-DuxZv-g7.js";var K=280,q=78,J=28,Y=40,Pe={state:0,derived:1,effect:2,template:3};function Fe(e){return e?e.split(/[\\/]/).pop()?.replace(/\.svelte$/,``)??``:``}function Ie(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?(Pe[r.type]??3)-(Pe[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=Y,i=``;for(let[a,o]of e.entries()){let e=n.get(o).componentFile;a>0&&e!==i&&(r+=J),t.push({id:o,comp:e}),r+=q,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=Y+(p-f[e])/2,r=``;for(let[i,{id:a,comp:o}]of t.entries())i>0&&o!==r&&(n+=J),m.set(a,{x:Y+e*K,y:n}),n+=q,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?J:0,f=s?m.get(s).y+q+d:Y,h=c?n.get(c):null,g=c&&h&&h.componentFile!==u.componentFile?J:0,_=c?m.get(c).y-q-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=Fe(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=Y+e*K;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*K,height:h+Y,componentBoxes:g}}function Le(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 Re=w(`<p class="empty svelte-kaeped">No reactive signals tracked yet.</p>`),ze=N(`<rect rx="10" ry="10" class="component-box svelte-kaeped"></rect><text class="component-label svelte-kaeped"> </text>`,1),X=N(`<path class="edge-sweep svelte-kaeped"></path>`),Be=N(`<path></path><!><polygon></polygon>`,1),Ve=N(`<rect x="-4" y="-4" rx="10" ry="10" fill="none" stroke-width="2" class="glow-ring svelte-kaeped"></rect>`),He=N(`<text y="36" text-anchor="end" class="node-value svelte-kaeped" font-size="10" font-family="DM Mono, monospace" font-weight="500"> </text>`),Ue=N(`<g role="button" tabindex="0"><!><rect rx="6" ry="6" fill="var(--color-surface)" class="svelte-kaeped"></rect><circle cx="12" cy="16" r="4" class="svelte-kaeped"></circle><text x="22" y="16" dominant-baseline="middle" class="node-name svelte-kaeped" font-size="11" font-family="DM Mono, monospace"> </text><text y="16" text-anchor="end" dominant-baseline="middle" class="node-type svelte-kaeped" font-size="9" font-family="DM Sans, sans-serif" font-weight="600"> </text><text x="12" y="36" class="node-meta svelte-kaeped" font-size="9" font-family="DM Mono, monospace"> </text><!><line x1="6" y1="24" y2="24" class="node-divider svelte-kaeped" stroke-width="0.5"></line></g>`),We=N(`<svg width="100%" height="100%" class="svelte-kaeped"><defs class="svelte-kaeped"><filter id="glow-blue" x="-50%" y="-50%" width="200%" height="200%" class="svelte-kaeped"><feGaussianBlur stdDeviation="6" result="blur" class="svelte-kaeped"></feGaussianBlur><feFlood flood-color="#3b82f6" flood-opacity="0.7" class="svelte-kaeped"></feFlood><feComposite in2="blur" operator="in" class="svelte-kaeped"></feComposite><feMerge class="svelte-kaeped"><feMergeNode class="svelte-kaeped"></feMergeNode><feMergeNode in="SourceGraphic" class="svelte-kaeped"></feMergeNode></feMerge></filter><filter id="glow-green" x="-50%" y="-50%" width="200%" height="200%" class="svelte-kaeped"><feGaussianBlur stdDeviation="6" result="blur" class="svelte-kaeped"></feGaussianBlur><feFlood flood-color="#22c55e" flood-opacity="0.7" class="svelte-kaeped"></feFlood><feComposite in2="blur" operator="in" class="svelte-kaeped"></feComposite><feMerge class="svelte-kaeped"><feMergeNode class="svelte-kaeped"></feMergeNode><feMergeNode in="SourceGraphic" class="svelte-kaeped"></feMergeNode></feMerge></filter><filter id="glow-red" x="-50%" y="-50%" width="200%" height="200%" class="svelte-kaeped"><feGaussianBlur stdDeviation="6" result="blur" class="svelte-kaeped"></feGaussianBlur><feFlood flood-color="#ef4444" flood-opacity="0.7" class="svelte-kaeped"></feFlood><feComposite in2="blur" operator="in" class="svelte-kaeped"></feComposite><feMerge class="svelte-kaeped"><feMergeNode class="svelte-kaeped"></feMergeNode><feMergeNode in="SourceGraphic" class="svelte-kaeped"></feMergeNode></feMerge></filter></defs><!><!><!></svg>`),Ge=w(`<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 Ke(e,r){t(r,!0);let a=n(r,`changedNodeIds`,19,()=>new Set),s=n(r,`selectedNodeId`,15,null),c=g(0),d=g(0),f=g(800),m=g(400),v=g(!1),y=0,w=0,T=0,D=0,k=g(null),A=1.2,M=8e3,N=g(800),te=i(()=>Math.round(P(N)/P(f)*100)),I=!1;function ie(){I=!0,se(1/A,P(c)+P(f)/2,P(d)+P(m)/2)}function R(){I=!0,se(A,P(c)+P(f)/2,P(d)+P(m)/2)}function oe(){I=!1,ce()}function se(e,t,n){let r=Math.min(M,Math.max(100,P(f)*e)),i=Math.min(M,Math.max(100,P(m)*e)),a=r/P(f);z(c,t-(t-P(c))*a),z(d,n-(n-P(d))*a),z(f,r,!0),z(m,i,!0)}function ce(){if(!P(k)||P(U).width===0)return;let e=P(k).getBoundingClientRect();if(e.width===0||e.height===0){requestAnimationFrame(()=>ce());return}let t=e.width/e.height,n=Math.max(P(U).width,200)+160,r=Math.max(P(U).height,100)+160,i=n/r,a,o;i>t?(a=n,o=n/t):(o=r,a=r*t);let s=e.width/110*160,l=e.height/110*160;a>s&&(a=s,o=s/t),o>l&&(o=l,a=l*t),z(f,a,!0),z(m,o,!0);let u=(P(U).width-160)/2-80,p=(P(U).height-160)/2-80;z(c,u+80-P(f)/2),z(d,p+80-P(m)/2),z(N,P(f),!0)}let le=0;x(()=>{let e=r.nodes.length;e>0&&e!==le&&!I&&requestAnimationFrame(()=>ce()),le=e});function ue(e){e.preventDefault(),I=!0;let t=e.deltaY>0?A:1/A;if(!P(k))return;let n=P(k).getBoundingClientRect();se(t,P(c)+(e.clientX-n.left)/n.width*P(f),P(d)+(e.clientY-n.top)/n.height*P(m))}function de(e){e.target.closest(`.node`)||(I=!0,z(v,!0),y=e.clientX,w=e.clientY,T=P(c),D=P(d),e.currentTarget.setPointerCapture(e.pointerId))}function fe(e){if(!P(v)||!P(k))return;let t=P(k).getBoundingClientRect(),n=(e.clientX-y)/t.width*P(f),r=(e.clientY-w)/t.height*P(m);z(c,T-n),z(d,D-r)}function H(){z(v,!1)}function pe(e){if(e===void 0)return``;let t=me(e);return t.length>14?t.slice(0,13)+`…`:t}let U=i(()=>Ie(r.nodes,r.edges)),he=i(()=>Le(r.nodes,r.edges,a())),ge=i(()=>P(he).affected),_e=i(()=>P(he).edgeKeys),ve=i(()=>P(he).depths);function ye(e){return(P(ve).get(e)??0)*700}function be(e){return ye(e)+300}function W(e){switch(e){case`state`:return`var(--color-info)`;case`derived`:return`var(--color-success)`;case`effect`:return`var(--color-error)`;case`template`:return`var(--purple)`;default:return`var(--color-text-muted)`}}function xe(e){switch(e){case`state`:return`#3b82f6`;case`derived`:return`#22c55e`;case`effect`:return`#ef4444`;case`template`:return`#a855f7`;default:return`#999`}}function Se(e){s(s()===e.id?null:e.id),r.onSelectNode?.(s()?e:null)}let Ce=i(()=>new Map(r.nodes.map(e=>[e.id,e]))),we=g(0);x(()=>{a().size>0&&queueMicrotask(()=>{o(we)})});var G=Ge();let Te;var Ee=V(G),De=V(Ee),Oe=h(De,2),ke=B(Oe),Ae=h(Oe,2);u(Ee);var je=h(Ee,2),Me=e=>{var t=Re();F(e,t)},Ne=e=>{var t=We(),n=h(V(t));ae(n,17,()=>P(U).componentBoxes,e=>`${e.x}:${e.componentFile}`,(e,t)=>{var n=ze(),r=C(n),i=h(r),a=B(i,!0);O(()=>{l(r,`x`,P(t).x),l(r,`y`,P(t).y),l(r,`width`,P(t).w),l(r,`height`,P(t).h),l(i,`x`,P(t).x+6),l(i,`y`,P(t).y+11),S(a,P(t).file)}),F(e,n)});var a=h(n);ae(a,17,()=>r.edges,e=>`${e.from}→${e.to}`,(e,t)=>{let n=i(()=>P(U).positions.get(P(t).from)),r=i(()=>P(U).positions.get(P(t).to));var a=L(),o=C(a),c=e=>{let a=i(()=>P(n).x+160),o=i(()=>P(n).y+29),c=i(()=>P(r).x),u=i(()=>P(r).y+29),d=i(()=>(P(a)+P(c))/2),f=i(()=>s()===P(t).from||s()===P(t).to),m=i(()=>P(Ce).get(P(t).from)),g=i(()=>`${P(t).from}→${P(t).to}`),_=i(()=>P(_e).has(P(g))),v=i(()=>be(P(t).from)),y=i(()=>`M ${P(a)} ${P(o)} C ${P(d)} ${P(o)}, ${P(d)} ${P(u)}, ${P(c)} ${P(u)}`);var x=Be(),S=C(x);let w;var T=h(S),E=e=>{var t=L(),n=C(t);re(n,()=>P(we),e=>{var t=X();let n;O(e=>{l(t,`d`,P(y)),l(t,`stroke`,e),n=b(t,``,n,{"--sweep-delay":`${P(v)??``}ms`,"--sweep-dur":`400ms`})},[()=>P(m)?xe(P(m).type):`#fff`]),F(e,t)}),F(e,t)};j(T,e=>{P(_)&&e(E)});var D=h(T);let k;O((e,t)=>{l(S,`d`,P(y)),w=p(S,0,`edge svelte-kaeped`,null,w,{highlighted:P(f)}),l(S,`stroke`,e),l(D,`points`,`${P(c)-8},${P(u)-5} ${P(c)??``},${P(u)??``} ${P(c)-8},${P(u)+5}`),k=p(D,0,`arrow svelte-kaeped`,null,k,{highlighted:P(f)}),l(D,`fill`,t)},[()=>P(f)?`var(--color-accent)`:P(m)?W(P(m).type):`var(--color-text-muted)`,()=>P(f)?`var(--color-accent)`:P(m)?W(P(m).type):`var(--color-text-muted)`]),F(e,x)};j(o,e=>{P(n)&&P(r)&&e(c)}),F(e,a)});var o=h(a);ae(o,17,()=>r.nodes,e=>e.id,(e,t)=>{let n=i(()=>P(U).positions.get(P(t).id));var r=L(),a=C(r),o=e=>{let r=i(()=>P(t).value!==void 0&&P(t).type!==`effect`),a=i(()=>P(ge).has(P(t).id)),o=i(()=>ye(P(t).id)),c=i(()=>P(t).type===`state`?`url(#glow-blue)`:P(t).type===`derived`?`url(#glow-green)`:`url(#glow-red)`);var d=Ue();let f;var m=V(d),g=e=>{var n=L(),r=C(n);re(r,()=>P(we),e=>{var n=Ve();let r;O(e=>{l(n,`width`,168),l(n,`height`,66),l(n,`stroke`,e),l(n,`filter`,P(c)),r=b(n,``,r,{"--node-delay":`${P(o)??``}ms`})},[()=>xe(P(t).type)]),F(e,n)}),F(e,n)};j(m,e=>{P(a)&&e(g)});var _=h(m),v=h(_),y=h(v),x=B(y,!0),w=h(y),T=B(w,!0),D=h(w),k=B(D,!0),A=h(D),M=e=>{var n=He(),r=B(n);O(e=>{l(n,`x`,154),S(r,`= ${e??``}`)},[()=>pe(P(t).value)]),F(e,n)};j(A,e=>{P(r)&&e(M)});var ee=h(A);u(d),O((e,r,i,a)=>{f=p(d,0,`node svelte-kaeped`,null,f,{selected:s()===P(t).id}),l(d,`transform`,`translate(${P(n).x??``}, ${P(n).y??``})`),l(d,`aria-label`,`${P(t).type??``} ${P(t).name??``}`),l(d,`aria-pressed`,s()===P(t).id),l(_,`width`,160),l(_,`height`,58),l(_,`stroke`,e),l(_,`stroke-width`,s()===P(t).id?2.5:1.5),l(v,`fill`,r),S(x,i),l(w,`x`,154),S(T,P(t).type),S(k,a),l(ee,`x2`,154)},[()=>W(P(t).type),()=>W(P(t).type),()=>P(t).name.length>14?P(t).name.slice(0,13)+`…`:P(t).name,()=>Fe(P(t).componentFile)]),E(`click`,d,()=>Se(P(t))),E(`keydown`,d,e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),Se(P(t)))}),F(e,d)};j(a,e=>{P(n)&&e(o)}),F(e,r)}),u(t),O(()=>l(t,`viewBox`,`${P(c)??``} ${P(d)??``} ${P(f)??``} ${P(m)??``}`)),F(e,t)};j(je,e=>{r.nodes.length===0?e(Me):e(Ne,-1)}),u(G),_(G,e=>z(k,e),()=>P(k)),O(()=>{Te=p(G,1,`graph-container svelte-kaeped`,null,Te,{dragging:P(v)}),l(Oe,`aria-label`,`Fit to view (zoom ${P(te)??``}%)`),S(ke,`${P(te)??``}%`)}),ne(`wheel`,G,ue),E(`pointerdown`,G,de),E(`pointermove`,G,fe),E(`pointerup`,G,H),ne(`pointercancel`,G,H),E(`click`,De,R),E(`click`,Oe,oe),E(`click`,Ae,ie),F(e,G),ee()}T([`pointerdown`,`pointermove`,`pointerup`,`click`,`keydown`]);var qe=w(`<p> </p> <!>`,1),Je=w(`<div class="warn svelte-1mo53p6"><dt class="svelte-1mo53p6">Baseline</dt> <dd class="svelte-1mo53p6"> </dd></div>`),Ye=w(`<div class="warn svelte-1mo53p6"><dt class="svelte-1mo53p6">Stale</dt> <dd class="svelte-1mo53p6"> </dd></div>`),Xe=w(`<li><button type="button"><span class="mono"> </span> <span class="sub"> </span></button></li>`),Ze=w(`<h3 class="section-title">Listed instances <span class="num"> </span></h3> <ul class="link-list"></ul> <p class="note svelte-1mo53p6"> </p>`,1),Qe=w(`<span class="faint num"> </span>`),$e=w(`<span class="end num"> </span>`),et=w(`<span class="end num faint"> </span>`),tt=w(`<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),nt=w(`<div class="overview svelte-1mo53p6"><dl class="record svelte-1mo53p6" role="group" aria-label="What this overview covers"><div class="svelte-1mo53p6"><dt class="svelte-1mo53p6">Window</dt> <dd class="svelte-1mo53p6"> </dd></div> <div class="svelte-1mo53p6"><dt class="svelte-1mo53p6">Changes</dt> <dd class="svelte-1mo53p6">$state sampled every 200 ms; several writes within one sample count once</dd></div> <div class="svelte-1mo53p6"><dt class="svelte-1mo53p6">Coverage</dt> <dd class="svelte-1mo53p6">state created during component init and in <code>.svelte.js/.ts</code> module bodies;
|
|
2
|
-
reads from the markup appear as the component's <em>markup</em> node</dd></div> <div class="svelte-1mo53p6"><dt class="svelte-1mo53p6">Components</dt> <dd class="svelte-1mo53p6"> </dd></div> <div class="svelte-1mo53p6"><dt class="svelte-1mo53p6">Not available yet</dt> <dd class="svelte-1mo53p6"> </dd></div> <!> <!></dl> <div class="table svelte-1mo53p6"><!></div> <p class="foot svelte-1mo53p6"> <!> </p></div>`),rt=w(`<p> </p>`),it=w(`<p class="baseline svelte-1mo53p6" role="status"> </p>`),at=w(`<span class="truncate muted"> <!></span>`),ot=w(`<span class="truncate mono value svelte-1mo53p6"> </span>`),st=w(`<span class="truncate mono name svelte-1mo53p6"> </span> <!> <span class="end num" title="changes of this state in the buffer (sampled every 200 ms); not a total or a rate"> </span> <!> <span class="end num faint"> </span>`,1),ct=w(`<div class="overview svelte-1mo53p6"><!> <div class="table svelte-1mo53p6"><!></div> <p class="foot svelte-1mo53p6"> <!></p></div>`),lt=w(`<!> <!>`,1),ut=w(`<p class="none svelte-1mo53p6">All reads from this component's markup: <code></code>, attributes,
|
|
3
|
-
block conditions and <code><svelte:head></code>.</p>`),dt=w(`<h3 class="section-title">Current value</h3> <p class="none svelte-1mo53p6">Not evaluated yet: nothing has read this $derived so far (Svelte computes deriveds on
|
|
4
|
-
first read).</p>`,1),ft=w(`<p class="none svelte-1mo53p6">Full value: not available yet. This dev server reports only a summary for objects
|
|
5
|
-
and arrays.</p>`),pt=w(`<h3 class="section-title">Current value</h3> <pre> </pre> <!>`,1),mt=w(`<!> Sampled changes of all signals (latest 500) are in the <button type="button" class="link svelte-1mo53p6">State timeline</button>.`,1),ht=w(`<!> <!> <!> <h3 class="section-title">Cause</h3> <p class="none svelte-1mo53p6"> </p> <!> <!> <h3 class="section-title">History</h3> <p class="none svelte-1mo53p6"><!></p>`,1),gt=w(`<div class="scope-bar svelte-1mo53p6"><span><strong class="mono"> </strong> <span class="faint num"> </span> and the signals it is directly linked
|
|
6
|
-
to</span> <!></div>`),_t=w(`<p>Signals created during component init appear here with their dependencies.</p>`),vt=w(`<p></p> <!>`,1),yt=w(`<div class="graph svelte-1mo53p6"><!></div>`),bt=w(`<span class="truncate muted"><!></span>`),xt=w(`<span><!></span> <span><!></span> <!> <span class="truncate mono value svelte-1mo53p6"> </span> <!>`,1),St=w(`<div class="local svelte-1mo53p6"><!> <p class="legend svelte-1mo53p6">Edges mean <strong>can affect</strong>: a snapshot of current dependencies, not a recorded
|
|
7
|
-
cause. <!> <!></p> <div class="body svelte-1mo53p6"><!></div></div>`),Ct=w(`<li><button type="button"><!> <span class="truncate mono"> </span> <span class="sub truncate"> </span></button></li>`),wt=w(`<ul class="link-list"></ul>`),Tt=w(`<p class="none svelte-1mo53p6">None</p>`),Et=w(`<h3 class="section-title"> <span class="num"> </span></h3> <!>`,1),Dt=w(`<option> </option>`),Ot=w(`<select class="select scope svelte-1mo53p6" aria-label="Filter loaded signals by component file"><option> </option><!></select>`),kt=w(`<span class="hint svelte-1mo53p6" title="Polling makes the app rebuild the whole graph; large graphs start paused."> </span>`),At=w(`<!> <!> <!> <!> <!> <!>`,1),jt=w(`<!> <!> <!>`,1),Mt=w(`<p>Choose one in the <button type="button" class="link svelte-1mo53p6">Overview</button> or use <strong>Show reactivity</strong> in the <button type="button" class="link svelte-1mo53p6">Components</button> inspector. Only that component's signals and the signals they are directly linked to are loaded.</p>`);function Nt(n,o){t(o,!0);let _=e=>{var t=L(),n=C(t),r=e=>{w(e)},i=e=>{b(e)};j(n,e=>{P(J)===`states`?e(r):e(i,-1)}),F(e,t)},b=e=>{let t=i(()=>Y.data);var n=L(),r=C(n),a=e=>{I(e,{icon:`warning`,title:`Overview not available`,children:(e,t)=>{var n=qe(),r=C(n),i=B(r),a=h(r,2);m(a,{icon:`graph`,onclick:()=>z(K,`full`),children:(e,t)=>{M();var n=R(`Full graph`);F(e,n)},$$slots:{default:!0}}),O(()=>S(i,`The dev server did not return per-component activity (${Y.error??``}). Pick a component in
|
|
8
|
-
Components (Show reactivity) or open the full graph.`)),F(e,n)},$$slots:{default:!0}})},o=e=>{I(e,{title:`Reading activity…`})},s=e=>{var n=nt(),r=V(n),a=V(r),o=h(V(a),2),s=B(o);u(a);var c=h(a,6),f=h(V(c),2),p=B(f);u(c);var m=h(c,2),g=h(V(m),2),_=B(g);u(m);var v=h(m,2),y=e=>{var n=Je(),r=h(V(n),2),i=B(r,!0);u(n),O(e=>S(i,e),[()=>Oe(P(t).baseline)]),F(e,n)},b=i(()=>Oe(P(t).baseline));j(v,e=>{P(b)&&e(y)});var x=h(v,2),w=e=>{var n=Ye(),r=h(V(n),2),i=B(r,!0);u(n),O(e=>S(i,e),[()=>pn(P(t))]),F(e,n)},T=i(()=>pn(P(t)));j(x,e=>{P(T)&&e(w)}),u(r);var D=h(r,2),k=V(D);{let e=e=>{var n=L(),r=C(n),a=e=>{{let n=i(()=>H(P(Re).file)),r=i(()=>fe(P(Re).file,3));ge(e,{get title(){return`<${P(n)??``}>`},get subtitle(){return P(r)},onclose:()=>z(Ie,null),children:(e,n)=>{var r=Ze(),i=C(r),a=h(V(i)),o=B(a,!0);u(i);var s=h(i,2);ae(s,21,()=>P(Re).instances,e=>e.componentId,(e,n)=>{var r=Xe(),i=V(r),a=V(i),o=B(a),s=h(a,2),c=B(s);u(i),u(r),O((e,r)=>{i.disabled=!P(t).epoch,S(o,`#${P(n).componentId??``}`),S(c,`≥ ${e??``} changes · ${r??``} renders`)},[()=>P(n).changes.toLocaleString(),()=>P(n).renders.toLocaleString()]),E(`click`,i,()=>It(P(n),P(t).epoch)),F(e,r)}),u(s);var c=h(s,2),l=B(c,!0);O(()=>{S(o,P(Re).instances.length),S(l,P(t).epoch?`Select an instance to load its signals and the signals they are directly linked to.`:`The dev server reported no page-load id, so instances cannot be selected here; use Show reactivity in Components.`)}),F(e,r)},$$slots:{default:!0}})}};j(r,e=>{P(Re)&&e(a)}),F(e,n)},n=i(()=>!!P(Re));le(k,{id:`reactive-overview`,get open(){return P(n)},aside:e,children:(e,n)=>{he(e,{get items(){return P(Le)},get columns(){return ze},getKey:e=>e.key,label:`Most active components`,onactivate:e=>e.instances.length===1&&It(e.instances[0],P(t).epoch),get sort(){return P(Fe)},set sort(e){z(Fe,e,!0)},get selected(){return P(Ie)},set selected(e){z(Ie,e,!0)},row:(e,t=d,n)=>{let r=()=>(n?.()).visible;var a=tt(),o=C(a),s=V(o),c=B(s,!0),f=h(s,2),p=e=>{var n=Qe(),r=B(n,!0);O(()=>S(r,` #${t().instances[0].componentId}`)),F(e,n)};j(f,e=>{P(Pe)===`instance`&&e(p)}),u(o);var m=h(o,2),g=e=>{var n=$e(),r=B(n,!0);O(()=>S(r,t().instances.length)),F(e,n)},_=i(()=>r().has(`instances`));j(m,e=>{P(_)&&e(g)});var v=h(m,2),y=e=>{var n=et(),r=B(n,!0);O(e=>{l(n,`title`,`registered: ${t().nodes.state??``} $state · ${t().nodes.derived??``} $derived · ${t().nodes.effect??``} $effect`),S(r,e)},[()=>De(t().nodes)]),F(e,n)},b=i(()=>r().has(`nodes`));j(v,e=>{P(b)&&e(y)});var x=h(v,2),w=B(x),T=h(x,2),E=B(T,!0),D=h(T,2),k=e=>{var n=et(),r=B(n,!0);O(e=>S(r,e),[()=>pe(t().renderMs)]),F(e,n)},A=i(()=>r().has(`renderMs`));j(D,e=>{P(A)&&e(k)}),O((e,t,n)=>{S(c,e),S(w,`≥ ${t??``}`),S(E,n)},[()=>H(t().file),()=>t().changes.toLocaleString(),()=>t().renders.toLocaleString()]),F(e,a)},empty:e=>{I(e,{icon:`reactive`,title:`No component was active in the window`})},$$slots:{row:!0,empty:!0}})},$$slots:{aside:!0,default:!0}})}u(D);var A=h(D,2),M=V(A),ee=h(M),N=e=>{var n=R();O((e,t)=>S(n,`Other: ${e??``} components with ${t??``}
|
|
9
|
-
signals.`),[()=>P(t).other.components.toLocaleString(),()=>P(t).other.nodes.toLocaleString()]),F(e,n)},te=e=>{var t=R(`Other: unknown.`);F(e,t)};j(ee,e=>{P(t).other?e(N):e(te,-1)});var ne=h(ee);u(A),u(n),O((e,n,r,i,a,o,c,l)=>{S(s,`last ${e??``} s · sampled while active for ${n??``} s`),S(p,`${r??``} active of ${i??``} registered`),S(_,`${a??``}
|
|
10
|
-
(not reported by this dev server)`),S(M,`Listed: ${o??``}
|
|
11
|
-
${P(t).rows.length===1?`component`:`components`} (${c??``}). `),S(ne,` Total registered: ${l??``}. Counts restart when the app page
|
|
12
|
-
reloads.`)},[()=>Math.round(P(t).window.ms/1e3),()=>Math.round(P(t).window.sampledActiveMs/1e3),()=>P(t).components.withActivity.toLocaleString(),()=>fn(P(t).components.total),()=>[!P(t).capabilities.valueInspection&&`full values`,!P(t).capabilities.signalHistory&&`per-signal history`,!P(t).capabilities.writeCause&&`update cause`].filter(Boolean).join(`, `)||`none`,()=>P(t).rows.length.toLocaleString(),()=>P(t).truncated?`top ${P(t).rows.length} of ${P(t).components.withActivity.toLocaleString()} active`:`all active`,()=>fn(P(t).components.total)]),F(e,n)};j(r,e=>{!P(t)&&Y.error?e(a):P(t)?e(s,-1):e(o,1)}),F(e,n)},w=e=>{var t=L(),n=C(t),r=e=>{I(e,{icon:`warning`,title:`State timeline not available`,children:(e,t)=>{var n=rt(),r=B(n);O(()=>S(r,`The dev server did not return the timeline buffer (${X.error??``}).`)),F(e,n)},$$slots:{default:!0}})},a=e=>{var t=ct(),n=V(t),r=e=>{var t=it(),n=B(t,!0);O(()=>S(n,P(Ue))),F(e,t)};j(n,e=>{P(Ue)&&e(r)});var a=h(n,2),o=V(a);he(o,{get items(){return P(Ve)},get columns(){return Pt},getKey:e=>e.key,label:`Most changed states in the timeline buffer`,onactivate:Ft,get sort(){return P(Ge)},set sort(e){z(Ge,e,!0)},get selected(){return P(Nt)},set selected(e){z(Nt,e,!0)},row:(e,t=d,n)=>{let r=()=>(n?.()).visible;var a=st(),o=C(a),s=B(o,!0),c=h(o,2),l=e=>{var n=at(),r=V(n,!0),i=h(r),a=e=>{var n=Qe(),r=B(n,!0);O(()=>S(r,` #${t().componentId}`)),F(e,n)};j(i,e=>{t().componentId!==null&&e(a)}),u(n),O(e=>S(r,e),[()=>H(t().file)]),F(e,n)},f=i(()=>r().has(`component`));j(c,e=>{P(f)&&e(l)});var p=h(c,2),m=B(p),g=h(p,2),_=e=>{var n=ot(),r=B(n,!0);O(e=>S(r,e),[()=>U(t().last.newValue,80)]),F(e,n)},v=i(()=>r().has(`value`));j(g,e=>{P(v)&&e(_)});var y=h(g,2),b=B(y,!0);O((e,n)=>{S(s,t().name),S(m,`≥ ${e??``}`),S(b,n)},[()=>t().changes.toLocaleString(),()=>ue(t().last.timestamp)]),F(e,a)},empty:e=>{{let t=i(()=>X.loading?`Reading the timeline…`:`No $state changes in the buffer`);I(e,{icon:`timeline`,get title(){return P(t)}})}},$$slots:{row:!0,empty:!0}}),u(a);var s=h(a,2),c=V(s),l=h(c),f=e=>{var t=R();O(()=>S(t,`Last refresh failed (${X.error??``}); showing the previous buffer.`)),F(e,t)};j(l,e=>{X.error&&e(f)}),u(s),u(t),O((e,t)=>S(c,`From the State timeline buffer: the latest ${e??``} sampled changes
|
|
13
|
-
(every 200 ms) across all signals, since
|
|
14
|
-
${t??``}. Older changes
|
|
15
|
-
and signals that changed less recently may be missing; counts are not totals or rates.
|
|
16
|
-
Activate a row to open its component. `),[()=>X.data.length.toLocaleString(),()=>P(We)===null?`unknown (buffer empty)`:ue(P(We))]),F(e,t)};j(n,e=>{!X.data.length&&X.error?e(r):e(a,-1)}),F(e,t)},T=e=>{{let t=e=>{var t=L(),n=C(t),r=e=>{{let t=e=>{var t=lt(),n=C(t);oe(n,{get tone(){return cn[P($).type]},children:(e,t)=>{M();var n=R();O(e=>S(n,e),[()=>ln(P($).type)]),F(e,n)},$$slots:{default:!0}});var r=h(n,2);oe(r,{children:(e,t)=>{M();var n=R();O(()=>S(n,`component #${P($).componentId??``}`)),F(e,n)},$$slots:{default:!0}}),F(e,t)},n=e=>{var t=lt(),n=C(t);m(n,{icon:`editor`,onclick:()=>mn(P($)),children:(e,t)=>{M();var n=R();O(()=>S(n,P($).type===`template`?`Open component`:`Go to definition (by name)`)),F(e,n)},$$slots:{default:!0}});var r=h(n,2),i=e=>{m(e,{icon:`reactive`,onclick:()=>hn(P($)),children:(e,t)=>{M();var n=R(`Show this component`);F(e,n)},$$slots:{default:!0}})};j(r,e=>{(P(K)===`full`||P($).componentId!==P(q)?.componentId)&&P(Q).epoch&&e(i)}),F(e,t)},r=i(()=>fe(P($).componentFile,3));ge(e,{get title(){return P($).name},get subtitle(){return P(r)},onclose:()=>z(Yt,null),badges:t,actions:n,children:(e,t)=>{var n=ht(),r=C(n),a=e=>{var t=ut(),n=h(V(t));n.textContent=`{expressions}`,M(3),u(t),F(e,t)};j(r,e=>{P($).type===`template`&&e(a)});var o=h(r,2),s=e=>{var t=dt();M(2),F(e,t)};j(o,e=>{P($).unevaluated&&e(s)});var c=h(o,2),l=e=>{var t=pt(),n=h(C(t),2);let r;var a=B(n,!0),o=h(n,2),s=e=>{var t=ft();F(e,t)},c=i(()=>!P(dn).valueInspection&&we(P($).value));j(o,e=>{P(c)&&e(s)}),O((e,t)=>{r=p(n,1,`code-block svelte-1mo53p6`,null,r,{flash:e}),S(a,t)},[()=>P(Lt).has(P($).id),()=>we(P($).value)?P($).value:de(P($).value)]),F(e,t)};j(c,e=>{P($).value!==void 0&&e(l)});var d=h(c,4),f=B(d,!0),m=h(d,2);{let e=i(()=>P(Qt).deps.get(P($).id)??[]);N(m,()=>`Reads (can affect this)`,()=>P(e))}var g=h(m,2);{let e=i(()=>P(Qt).dependents.get(P($).id)??[]);N(g,()=>`Can affect`,()=>P(e))}var _=h(g,4),v=V(_),y=e=>{var t=mt(),n=C(t),r=e=>{var t=R(`Per-signal history: not available yet.`);F(e,t)};j(n,e=>{P(dn).signalHistory||e(r)});var i=h(n,2);M(),E(`click`,i,()=>A.go(`timeline`)),F(e,t)},b=e=>{var t=R();O(e=>S(t,`Not recorded for ${e??``}.`),[()=>ln(P($).type)]),F(e,t)};j(v,e=>{P($).type===`state`?e(y):e(b,-1)}),u(_),O(()=>S(f,P(dn).writeCause?`Recorded writes appear here.`:`Not recorded. This dev server does not capture which write changed a signal; the links below are dependencies, not causes.`)),F(e,n)},$$slots:{badges:!0,actions:!0,default:!0}})}};j(n,e=>{P($)&&e(r)}),F(e,t)},n=i(()=>!!P($));le(e,{id:`reactive`,get open(){return P(n)},aside:t,children:(e,t)=>{var n=St(),r=V(n),a=e=>{var t=gt(),n=V(t),r=V(n),i=B(r,!0),a=h(r,2),o=B(a);M(),u(n);var s=h(n,2);m(s,{icon:`close`,variant:`ghost`,label:`Clear selection`,onclick:gn}),u(t),O(()=>{S(i,P(q).label),S(o,`#${P(q).componentId??``}`)}),F(e,t)};j(r,e=>{P(K)===`local`&&P(q)&&e(a)});var o=h(r,2),s=h(V(o),3),c=e=>{var t=R();O(e=>S(t,`${e??``} edges to signals outside the loaded
|
|
17
|
-
set are not shown.`),[()=>P(Q).edgesOmitted.toLocaleString()]),F(e,t)};j(s,e=>{P(Q).edgesOmitted&&e(c)});var l=h(s,2),g=e=>{var t=R();O(e=>S(t,`Built ${e??``}.`),[()=>ue(P(zt))]),F(e,t)};j(l,e=>{P(zt)!==null&&P(Q)!==Me&&e(g)}),u(o);var _=h(o,2),v=V(_),y=e=>{var t=L(),n=C(t),r=e=>{I(e,{title:`Collecting reactive graph…`})},i=e=>{I(e,{icon:`reactive`,title:`No signals tracked here`,children:(e,t)=>{var n=_t();F(e,n)},$$slots:{default:!0}})};j(n,e=>{Z.loading||Z.busy?e(r):e(i,-1)}),F(e,t)},b=e=>{var t=L(),n=C(t),r=e=>{{let t=i(()=>P(nn).length.toLocaleString());I(e,{icon:`graph`,get title(){return`${P(t)??``} signals is too many to lay out`},children:(e,t)=>{var n=vt(),r=C(n);r.textContent=`Pick a single component or filter to under 400 signals, or use the list view.`;var i=h(r,2);m(i,{icon:`list`,onclick:()=>Gt.value=`list`,children:(e,t)=>{M();var n=R(`Switch to list`);F(e,n)},$$slots:{default:!0}}),F(e,n)},$$slots:{default:!0}})}},a=e=>{var t=yt();Ke(V(t),{get nodes(){return P(nn)},get edges(){return P(an)},get changedNodeIds(){return P(Lt)},get selectedNodeId(){return P(Yt)},set selectedNodeId(e){z(Yt,e,!0)}}),u(t),F(e,t)};j(n,e=>{P(nn).length>ne?e(r):e(a,-1)}),F(e,t)},x=e=>{he(e,{get items(){return P(nn)},get columns(){return un},getKey:e=>e.id,label:`Reactive signals`,onactivate:mn,get sort(){return P(Jt)},set sort(e){z(Jt,e,!0)},get selected(){return P(Yt)},set selected(e){z(Yt,e,!0)},row:(e,t=d,n)=>{let r=()=>(n?.()).visible;var a=xt(),o=C(a),s=V(o);oe(s,{get tone(){return cn[t().type]},children:(e,n)=>{M();var r=R();O(()=>S(r,t().type===`template`?`markup`:t().type)),F(e,r)},$$slots:{default:!0}}),u(o);var c=h(o,2);let l;var m=V(c);f(m,{get text(){return t().name},get query(){return P(Kt)}}),u(c);var g=h(c,2),_=e=>{var n=bt(),r=V(n);{let e=i(()=>H(t().componentFile));f(r,{get text(){return P(e)},get query(){return P(Kt)}})}u(n),F(e,n)},v=i(()=>r().has(`component`));j(g,e=>{P(v)&&e(_)});var y=h(g,2),b=B(y,!0),x=h(y,2),w=e=>{var n=et(),r=B(n);O((e,t)=>S(r,`${e??``} / ${t??``}`),[()=>P(Qt).deps.get(t().id)?.length??0,()=>P(Qt).dependents.get(t().id)?.length??0]),F(e,n)},T=i(()=>r().has(`deps`));j(x,e=>{P(T)&&e(w)}),O((e,t)=>{l=p(c,1,`truncate mono name svelte-1mo53p6`,null,l,{flash:e}),S(b,t)},[()=>P(Lt).has(t().id),()=>t().value===void 0?``:Ne(t().value,120)]),F(e,a)},empty:e=>{I(e,{icon:`search`,title:`No loaded signals match`})},$$slots:{row:!0,empty:!0}})};j(v,e=>{P(Q).nodes.length===0?e(y):P(on)===`graph`?e(b,1):e(x,-1)}),u(_),u(n),F(e,n)},$$slots:{aside:!0,default:!0}})}},N=(e,t=d,n=d)=>{var r=Et(),a=C(r),o=V(a),s=h(o),c=B(s,!0);u(a);var l=h(a,2),f=e=>{var t=wt();ae(t,20,n,e=>e,(e,t)=>{let n=i(()=>P(Zt).get(t));var r=L(),a=C(r),o=e=>{var r=Ct(),i=V(r),a=V(i);oe(a,{get tone(){return cn[P(n).type]},children:(e,t)=>{M();var r=R();O(()=>S(r,P(n).type===`template`?`markup`:P(n).type)),F(e,r)},$$slots:{default:!0}});var o=h(a,2),s=B(o,!0),c=h(o,2),l=B(c);u(i),u(r),O(e=>{S(s,P(n).name),S(l,`${e??``}${P(K)===`local`&&P(n).componentId!==P(q)?.componentId?` · other component`:``}`)},[()=>H(P(n).componentFile)]),E(`click`,i,()=>z(Yt,t,!0)),F(e,r)};j(a,e=>{P(n)&&e(o)}),F(e,r)}),u(t),F(e,t)},p=e=>{var t=Tt();F(e,t)};j(l,e=>{n().length?e(f):e(p,-1)}),O(()=>{S(o,`${t()??``} `),S(c,n().length)}),F(e,r)},ne=400,re={topK:50,windowMs:1e4},me=2e3,K=g(r(W.current?`local`:`overview`)),q=i(()=>W.current);x(()=>{W.current&&k(()=>z(K,`local`))});let J=g(`components`),Y=te(()=>Ee(re),{initial:null,interval:me,when:()=>P(K)===`overview`&&P(J)===`components`}),Pe=g(`file`),Fe=g(r({id:`changes`,desc:!0})),Ie=g(null),Le=i(()=>{let e=Y.data?.rows??[];return P(Pe)===`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}))}),Re=i(()=>P(Ie)?P(Le).find(e=>e.key===P(Ie))??null:null),ze=[{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)=>De(e.nodes)-De(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}],X=te(async()=>(await a(void 0)).changes,{initial:[],interval:me,version:xe(`stateTimeline`),when:()=>P(K)===`overview`&&P(J)===`states`});function Be(e,[t,...n]){let r=Number(e.slice(0,e.indexOf(`:`)));return{key:e,name:t.name,file:t.componentFile,componentId:Number.isInteger(r)?r:null,changes:n.length+1,last:n.reduce((e,t)=>t.seq>e.seq?t:e,t)}}let Ve=i(()=>[...ve(X.data,e=>e.id)].map(([e,t])=>Be(e,t))),He=Se(me,()=>P(K)===`overview`&&P(J)===`states`),Ue=i(()=>Oe(He.data.stateTimeline?.baseline)),We=i(()=>X.data.length?X.data[0].timestamp:null),Ge=g(r({id:`changes`,desc:!0})),Nt=g(null),Pt=[{id:`name`,label:`State`,width:`minmax(120px, 1fr)`,sort:(e,t)=>e.name.localeCompare(t.name)},{id:`component`,label:`Component`,width:`minmax(0, 1fr)`,minWidth:560,sort:(e,t)=>e.file.localeCompare(t.file)},{id:`changes`,label:`Changes`,width:`84px`,align:`end`,descFirst:!0,sort:(e,t)=>e.changes-t.changes},{id:`value`,label:`Last value`,width:`minmax(0, 1fr)`,minWidth:680},{id:`at`,label:`Last seen`,width:`96px`,align:`end`,descFirst:!0,sort:(e,t)=>e.last.seq-t.last.seq}];async function Ft(e){if(e.componentId===null)return;let t=(await D().catch(()=>null))?.epoch;t&&W.set({componentId:e.componentId,epoch:t,label:`<${H(e.file)}>`,file:e.file})}function It(e,t){t&&W.set({componentId:e.componentId,epoch:t,label:`<${H(e.file)}>`,file:e.file})}let Lt=g(new Set),Rt=new Map,zt=g(null),Bt=i(()=>P(K)===`full`?null:P(K)===`local`&&P(q)?.epoch?P(q).componentId:void 0),Z=te(async()=>{let e=k(()=>P(Bt)),t=k(()=>P(q)?.epoch);if(e===void 0||e!==null&&!t)return Me;let n=await Ae(e===null?null:{componentId:e,epoch:t}),r=n.nodes.filter(e=>e.value!==void 0),i=new Set(r.filter(e=>Rt.has(e.id)&&!Te(Rt.get(e.id),e.value)).map(e=>e.id));return Rt=new Map(r.map(e=>[e.id,e.value])),(i.size||P(Lt).size)&&z(Lt,i),z(zt,n.computedAt,!0),n},{initial:Me,interval:5e3,equals:G,when:()=>P(Bt)!==void 0}),Vt;x(()=>{let e=P(Bt);k(()=>{e!==Vt&&(Vt=e,Rt=new Map,z(Lt,new Set),z(Yt,null),z(zt,null),e!==void 0&&Z.refresh())})});let Ht=g(!1),Ut=!1;x(()=>{P(Ht)&&Z.live&&(Ut=!0)}),x(()=>{P(K)!==`full`||Ut||P(Ht)||Z.data.nodes.length<=2e3||k(()=>{Z.live=!1,z(Ht,!0)})});let Wt=i(()=>P(K)===`local`&&!!P(q)?.epoch&&(je(Z.data)||!!Z.data.epoch&&Z.data.epoch!==P(q).epoch)),Q=i(()=>P(Wt)||P(Bt)===void 0||Z.data.scope!==(P(Bt)??null)?Me:Z.data),Gt=ie(`reactive:view`,`auto`),Kt=g(``),qt=g(`all`),Jt=g(r({id:`component`,desc:!1})),Yt=g(null),Xt=g(``),Zt=i(()=>new Map(P(Q).nodes.map(e=>[e.id,e]))),Qt=i(()=>({deps:ve(P(Q).edges,e=>e.to,e=>e.from),dependents:ve(P(Q).edges,e=>e.from,e=>e.to)})),$t=i(()=>[...new Set(P(Q).nodes.map(e=>e.componentFile))].sort()),en=i(()=>P(K)!==`full`||!P(Xt)?null:Ce(P(Q).nodes,P(Q).edges,P(Xt))),tn=i(()=>new Map(P(Q).nodes.map(e=>[e.id,s(e.name,e.componentFile,e.value===void 0?``:Ne(e.value))]))),nn=i(()=>{let e=c(P(Kt)),t=P(en);return P(Q).nodes.filter(n=>(!t||t.has(n.id))&&(P(qt)===`all`||n.type===P(qt))&&(!e||e(P(tn).get(n.id)??``)))}),rn=i(()=>new Set(P(nn).map(e=>e.id))),an=i(()=>P(Q).edges.filter(e=>P(rn).has(e.from)&&P(rn).has(e.to))),on=i(()=>Gt.value===`auto`?P(nn).length<=150?`graph`:`list`:Gt.value),$=i(()=>P(Yt)?P(Zt).get(P(Yt))??null:null),sn=i(()=>{let e={state:0,derived:0,effect:0,template:0};for(let t of P(Q).nodes)e[t.type]++;return e}),cn={state:`blue`,derived:`green`,effect:`red`,template:`purple`},ln=e=>e===`template`?`markup`:`$${e}`,un=[{id:`type`,label:`Kind`,width:`68px`,sort:(e,t)=>e.type.localeCompare(t.type)},{id:`name`,label:`Name`,width:`minmax(120px, 1fr)`,sort:(e,t)=>e.name.localeCompare(t.name)},{id:`component`,label:`Component`,width:`minmax(0, 1fr)`,minWidth:560,sort:(e,t)=>e.componentFile.localeCompare(t.componentFile)||e.name.localeCompare(t.name)},{id:`value`,label:`Value`,width:`minmax(0, 1.2fr)`},{id:`deps`,label:`In / Out`,width:`64px`,align:`end`,descFirst:!0,minWidth:680,sort:(e,t)=>(P(Qt).deps.get(e.id)?.length??0)+(P(Qt).dependents.get(e.id)?.length??0)-(P(Qt).deps.get(t.id)?.length??0)-(P(Qt).dependents.get(t.id)?.length??0)}],dn=i(()=>Y.data?.capabilities??{valueInspection:!1,signalHistory:!1,writeCause:!1}),fn=e=>e==null?`unknown`:e.toLocaleString(),pn=e=>e?.stale?e.staleReason===`no-runtime`?`no app page is connected`:`the app did not answer in time; showing the previous reply`:null;function mn(t){e(t.componentFile,t.name,t.type).catch(()=>{})}function hn(e){P(Q).epoch&&W.set({componentId:e.componentId,epoch:P(Q).epoch,label:`<${H(e.componentFile)}>`,file:e.componentFile})}function gn(){W.set(null),z(K,`overview`)}{let e=e=>{var t=jt(),n=C(t);{let e=i(()=>[{value:`overview`,label:`Overview`},{value:`local`,label:P(q)?P(q).label:`Component`},{value:`full`,label:`Full graph`}]);_e(n,{label:`Reactivity view`,get options(){return P(e)},get value(){return P(K)},set value(e){z(K,e,!0)}})}var r=h(n,2),a=e=>{_e(e,{label:`Overview of`,options:[{value:`components`,label:`Components`},{value:`states`,label:`States`}],get value(){return P(J)},set value(e){z(J,e,!0)}})};j(r,e=>{P(K)===`overview`&&e(a)});var o=h(r,2),s=e=>{_e(e,{label:`Group`,options:[{value:`file`,label:`By file`},{value:`instance`,label:`By instance`}],get value(){return P(Pe)},set value(e){z(Pe,e,!0)}})},c=e=>{var t=At(),n=C(t);{let e=i(()=>[{value:`all`,label:`All`},{value:`state`,label:`$state`,count:P(sn).state},{value:`derived`,label:`$derived`,count:P(sn).derived},{value:`effect`,label:`$effect`,count:P(sn).effect},{value:`template`,label:`markup`,count:P(sn).template}]);_e(n,{label:`Signal kind`,get options(){return P(e)},get value(){return P(qt)},set value(e){z(qt,e,!0)}})}var r=h(n,2);{let e=i(()=>P(Q).nodes.length.toLocaleString());ce(r,{get placeholder(){return`Filter the ${P(e)??``} loaded signals…`},get count(){return P(nn).length},get value(){return P(Kt)},set value(e){z(Kt,e,!0)}})}var a=h(r,2),o=e=>{var t=Ot(),n=V(t),r=B(n);n.value=n.__value=``;var i=h(n);ae(i,16,()=>P($t),e=>e,(e,t)=>{var n=Dt(),r=B(n,!0),i={};O(e=>{S(r,e),i!==(i=t)&&(n.value=(n.__value=i)??``)},[()=>H(t)]),F(e,n)}),u(t),v(t),O(()=>S(r,`All loaded files (${P($t).length??``})`)),y(t,()=>P(Xt),e=>z(Xt,e)),F(e,t)};j(a,e=>{P(K)===`full`&&e(o)});var s=h(a,2);{let e=i(()=>({captured:P(Q).nodes.length,total:P(Q).total?.nodes??null,truncated:P(Q).truncated,policy:P(Q).policy})),t=i(()=>pn(P(Q)));ye(s,{get info(){return P(e)},noun:`signals`,get stale(){return P(t)}})}var c=h(s,2),l=e=>{var t=kt(),n=B(t);O((e,t)=>S(n,`Paused: ${e??``} of ${t??``} signals`),[()=>P(Q).nodes.length.toLocaleString(),()=>fn(P(Q).total?.nodes)]),F(e,t)};j(c,e=>{P(Ht)&&!Z.live&&P(K)===`full`&&e(l)});var d=h(c,2);_e(d,{label:`Layout`,options:[{value:`auto`,label:`Auto`},{value:`graph`,label:`Graph`},{value:`list`,label:`List`}],get value(){return Gt.value},set value(e){Gt.value=e}}),F(e,t)};j(o,e=>{P(K)===`overview`&&P(J)===`components`?e(s):P(K)!==`overview`&&e(c,1)}),F(e,t)},t=e=>{var t=L(),n=C(t),r=e=>{{let t=i(()=>P(J)===`states`?X:Y);be(e,{get res(){return P(t)}})}},a=e=>{be(e,{get res(){return Z}})};j(n,e=>{P(K)===`overview`?e(r):P(Bt)!==void 0&&e(a,1)}),F(e,t)},r=i(()=>P(K)===`overview`?P(J)===`states`?P(Ve).length:Y.data?.components.total??void 0:P(Q).nodes.length);se(n,{title:`Reactivity`,get count(){return P(r)},toolbar:e,actions:t,children:(e,t)=>{var n=L(),r=C(n),i=e=>{_(e)},a=e=>{I(e,{icon:`reactive`,title:`Pick a component`,children:(e,t)=>{var n=Mt(),r=h(V(n)),i=h(r,4);M(),u(n),E(`click`,r,()=>z(K,`overview`)),E(`click`,i,()=>A.go(`components`)),F(e,n)},$$slots:{default:!0}})},o=e=>{I(e,{icon:`warning`,title:`This selection has no page-load id`,children:(e,t)=>{var n=qe(),r=C(n),i=B(r),a=h(r,2);m(a,{icon:`close`,onclick:gn,children:(e,t)=>{M();var n=R(`Clear selection`);F(e,n)},$$slots:{default:!0}}),O(()=>S(i,`Component ids are only valid within one page load. Pick ${P(q).label??``} again in Components once
|
|
18
|
-
the tree has refreshed.`)),F(e,n)},$$slots:{default:!0}})},s=e=>{I(e,{icon:`warning`,title:`The app page reloaded`,children:(e,t)=>{var n=qe(),r=C(n),i=B(r),a=h(r,2);m(a,{icon:`close`,onclick:gn,children:(e,t)=>{M();var n=R(`Clear selection`);F(e,n)},$$slots:{default:!0}}),O(()=>S(i,`Component ids restart on every page load, so ${P(q)?.label??``} #${P(q)?.componentId??``} may now be a
|
|
19
|
-
different instance. Pick it again.`)),F(e,n)},$$slots:{default:!0}})},c=e=>{T(e)};j(r,e=>{P(K)===`overview`?e(i):P(K)===`local`&&!P(q)?e(a,1):P(K)===`local`&&P(q)&&!P(q).epoch?e(o,2):P(Wt)?e(s,3):e(c,-1)}),F(e,n)},$$slots:{toolbar:!0,actions:!0,default:!0}})}ee()}T([`click`]);export{Nt as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{At as e,C as t,Ct as n,Dt as r,L as i,Mt as a,Nt as o,P as s,Q as c,R as l,St as u,Tt as d,Z as f,at as p,bt as m,ct as h,gt as g,it as _,jt as v,k as y,kt as b,mt as x,n as S,ot as C,r as w,st as T,ut as E,wt as D,xt as O,yt as k}from"./index-Cf5oAFpK.js";import{n as A,t as j}from"./Panel-CKQaY_Qq.js";import{t as M}from"./SearchField-B5EQ5IIf.js";import{t as N}from"./SplitView-CxRUXpY5.js";import{a as ee,l as P,o as F}from"./format-BEILGi1v.js";import{t as I}from"./DataTable-C5C0HrMd.js";import{t as L}from"./Inspector-mTvtYmwt.js";import{t as R}from"./Segmented-Dz1OdcPr.js";import{n as z}from"./collections-uqk9p1aQ.js";import{t as B}from"./CaptureNotice-DykEK0Kp.js";import{t as V}from"./LiveControls-nrc1-cBk.js";import{t as te}from"./versions-Bd19hz8p.js";import{t as ne}from"./capture.svelte-BLIttZ2Z.js";var re=h(`<!> <!> <!> <span class="summary num svelte-1u85j1o"> </span>`,1),ie=h(`<!> <!>`,1),ae=h(`<div class="stats svelte-1u85j1o"><div class="svelte-1u85j1o"><span class="svelte-1u85j1o">Renders</span><strong class="num svelte-1u85j1o"> </strong></div> <div class="svelte-1u85j1o"><span class="svelte-1u85j1o">Total</span><strong class="num svelte-1u85j1o"> </strong></div> <div class="svelte-1u85j1o"><span class="svelte-1u85j1o">Average</span><strong> </strong></div> <div class="svelte-1u85j1o"><span class="svelte-1u85j1o">Last</span><strong> </strong></div> <div class="svelte-1u85j1o"><span class="svelte-1u85j1o"> </span><strong class="num svelte-1u85j1o"> </strong></div> <div class="svelte-1u85j1o"><span class="svelte-1u85j1o">Last render</span><strong class="num svelte-1u85j1o"> </strong></div></div> <p class="note svelte-1u85j1o">Share of all render time: <strong class="num"> </strong></p>`,1),H=h(`<span class="end num muted"> </span>`),oe=h(`<span> </span>`),se=h(`<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),ce=h(`<p>Interact with your app — every component mount and update is timed.</p>`);function U(h,U){e(U,!0);let W=S(t,{initial:[],interval:1e3,version:te(`renderProfiles`)}),le=ne(1e3),G=d(`component`),K=d(``),q=d(n({id:`total`,desc:!0})),J=d(null);function ue(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 de(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 Y=r(()=>x(G)===`instance`?W.data.map(e=>ue(e,String(e.componentId))):[...z(W.data,e=>e.file)].map(([e,[t,...n]])=>n.reduce(de,ue(t,e)))),fe=r(()=>{let e=i(x(K));return e?x(Y).filter(t=>e(t.name,t.file)):x(Y)}),pe=r(()=>x(Y).reduce((e,t)=>Math.max(e,t.totalRenderTime),1e-4)),X=r(()=>x(Y).reduce((e,t)=>({renders:e.renders+t.renderCount,time:e.time+t.totalRenderTime}),{renders:0,time:0})),Z=r(()=>x(J)?x(Y).find(e=>e.key===x(J))??null:null),Q=e=>e.renderCount?e.totalRenderTime/e.renderCount:0,me=[{id:`name`,label:`Component`,width:`minmax(0, 1fr)`,sort:(e,t)=>e.name.localeCompare(t.name)},{id:`instances`,label:`Inst.`,width:`52px`,align:`end`,descFirst:!0,minWidth:640,sort:(e,t)=>e.instances-t.instances},{id:`init`,label:`Init`,width:`72px`,align:`end`,descFirst:!0,minWidth:720,sort:(e,t)=>e.initTime-t.initTime},{id:`renders`,label:`Renders`,width:`68px`,align:`end`,descFirst:!0,sort:(e,t)=>e.renderCount-t.renderCount},{id:`avg`,label:`Avg`,width:`72px`,align:`end`,descFirst:!0,minWidth:560,sort:(e,t)=>Q(e)-Q(t)},{id:`total`,label:`Total`,width:`150px`,align:`end`,descFirst:!0,sort:(e,t)=>e.totalRenderTime-t.totalRenderTime}];function $(e){return e>=16?`hot`:e>=4?`warm`:``}j(h,{title:`Render`,get count(){return W.data.length},toolbar:e=>{var t=re(),n=m(t);R(n,{label:`Group by`,options:[{value:`component`,label:`By component`},{value:`instance`,label:`By instance`}],get value(){return x(G)},set value(e){D(G,e,!0)}});var r=u(n,2);M(r,{placeholder:`Filter components…`,get count(){return x(fe).length},get value(){return x(K)},set value(e){D(K,e,!0)}});var i=u(r,2);B(i,{get info(){return le.data.renderProfiles},noun:`profiles`});var a=u(i,2),o=O(a);g((e,t)=>p(o,`${e??``} renders · ${t??``}`),[()=>x(X).renders.toLocaleString(),()=>F(x(X).time)]),C(e,t)},actions:e=>{V(e,{get res(){return W}})},children:(e,t)=>{{let t=e=>{var t=T(),n=m(t),i=e=>{L(e,{get title(){return x(Z).name},get subtitle(){return x(Z).file},onclose:()=>D(J,null),badges:e=>{var t=ie(),n=m(t),i=e=>{A(e,{children:(e,t)=>{v();var n=E();g(()=>p(n,`${x(Z).instances??``} instance${x(Z).instances===1?``:`s`}`)),C(e,n)},$$slots:{default:!0}})};_(n,e=>{x(G)===`component`&&e(i)});var a=u(n,2),o=e=>{A(e,{tone:`red`,children:(e,t)=>{v();var n=E(`over frame budget`);C(e,n)},$$slots:{default:!0}})},s=r(()=>Q(x(Z))>=16),c=e=>{A(e,{tone:`yellow`,children:(e,t)=>{v();var n=E(`slow`);C(e,n)},$$slots:{default:!0}})},l=r(()=>Q(x(Z))>=4);_(a,e=>{x(s)?e(o):x(l)&&e(c,1)}),C(e,t)},actions:e=>{l(e,{icon:`editor`,onclick:()=>y(x(Z).file).catch(()=>{}),children:(e,t)=>{v();var n=E(`Open in editor`);C(e,n)},$$slots:{default:!0}})},children:(e,t)=>{var n=ae(),r=m(n),i=k(r),o=u(k(i)),s=O(o,!0);a(i);var l=u(i,2),d=u(k(l)),f=O(d,!0);a(l);var h=u(l,2),_=u(k(h)),v=O(_,!0);a(h);var y=u(h,2),b=u(k(y)),S=O(b,!0);a(y);var w=u(y,2),T=k(w),E=O(T),D=u(T),A=O(D,!0);a(w);var j=u(w,2),M=u(k(j)),N=O(M,!0);a(j),a(r);var P=u(r,2),I=u(k(P)),L=O(I);a(P),g((e,t,n,r,i,a,o,l,u)=>{p(s,e),p(f,t),c(_,1,`num ${n??``}`,`svelte-1u85j1o`),p(v,r),c(b,1,`num ${i??``}`,`svelte-1u85j1o`),p(S,a),p(E,`Init${x(G)===`component`?` (sum)`:``}`),p(A,o),p(N,l),p(L,`${u??``}%`)},[()=>x(Z).renderCount.toLocaleString(),()=>F(x(Z).totalRenderTime),()=>$(Q(x(Z))),()=>F(Q(x(Z))),()=>$(x(Z).lastRenderTime),()=>F(x(Z).lastRenderTime),()=>F(x(Z).initTime),()=>x(Z).lastRenderAt?ee(x(Z).lastRenderAt):`—`,()=>(x(Z).totalRenderTime/Math.max(x(X).time,1e-4)*100).toFixed(1)]),C(e,n)},$$slots:{badges:!0,actions:!0,default:!0}})};_(n,e=>{x(Z)&&e(i)}),C(e,t)},n=r(()=>!!x(Z));N(e,{id:`render`,get open(){return x(n)},aside:t,children:(e,t)=>{I(e,{get items(){return x(fe)},get columns(){return me},getKey:e=>e.key,label:`Render profiles`,onactivate:e=>y(e.file).catch(()=>{}),get sort(){return x(q)},set sort(e){D(q,e,!0)},get selected(){return x(J)},set selected(e){D(J,e,!0)},row:(e,t=o,n)=>{let i=()=>(n?.()).visible;var l=se(),d=m(l),h=k(d),v=k(h);s(v,{get text(){return t().name},get query(){return x(K)}}),a(h);var y=u(h,2),b=k(y);{let e=r(()=>P(t().file));s(b,{get text(){return x(e)},get query(){return x(K)}})}a(y),a(d);var S=u(d,2),w=e=>{var n=H(),r=O(n,!0);g(()=>p(r,t().instances)),C(e,n)},T=r(()=>i().has(`instances`));_(S,e=>{x(T)&&e(w)});var E=u(S,2),D=e=>{var n=H(),r=O(n,!0);g(e=>p(r,e),[()=>F(t().initTime)]),C(e,n)},A=r(()=>i().has(`init`));_(E,e=>{x(A)&&e(D)});var j=u(E,2),M=O(j,!0),N=u(j,2),ee=e=>{var n=oe(),r=O(n,!0);g((e,t)=>{c(n,1,`end num ${e??``}`,`svelte-1u85j1o`),p(r,t)},[()=>$(Q(t())),()=>F(Q(t()))]),C(e,n)},I=r(()=>i().has(`avg`));_(N,e=>{x(I)&&e(ee)});var L=u(N,2),R=k(L);let z;var B=u(R,2),V=O(B,!0);a(L),g((e,t,n,r)=>{p(M,e),c(R,1,`bar ${t??``}`,`svelte-1u85j1o`),z=f(R,``,z,{width:n}),p(V,r)},[()=>t().renderCount.toLocaleString(),()=>$(Q(t())),()=>`${Math.max(2,t().totalRenderTime/x(pe)*60)}px`,()=>F(t().totalRenderTime)]),C(e,l)},empty:e=>{var t=T(),n=m(t),r=e=>{w(e,{title:`Waiting for render data…`})},i=e=>{w(e,{icon:`render`,title:`No renders recorded yet`,children:(e,t)=>{var n=ce();C(e,n)},$$slots:{default:!0}})},a=e=>{w(e,{icon:`search`,title:`No components match`})};_(n,e=>{W.loading?e(r):W.data.length===0?e(i,1):e(a,-1)}),C(e,t)},$$slots:{row:!0,empty:!0}})},$$slots:{aside:!0,default:!0}})}},$$slots:{toolbar:!0,actions:!0,default:!0}}),b()}export{U as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.summary.svelte-1u85j1o{color:var(--fg-faint);font-size:var(--fs-xs);white-space:nowrap}.name.svelte-1u85j1o{align-items:baseline;gap:8px;min-width:0;display:flex}.cname.svelte-1u85j1o{white-space:nowrap;font-weight:500}.file.svelte-1u85j1o{color:var(--fg-faint);font-size:var(--fs-xs)}.total.svelte-1u85j1o{justify-content:flex-end;align-items:center;gap:8px;display:flex}.bar.svelte-1u85j1o{background:var(--green);opacity:.7;border-radius:2px;height:4px}.bar.warm.svelte-1u85j1o{background:var(--yellow)}.bar.hot.svelte-1u85j1o{background:var(--red)}.warm.svelte-1u85j1o{color:var(--yellow)}.hot.svelte-1u85j1o{color:var(--red)}.stats.svelte-1u85j1o{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--border);grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:1px;margin:12px 14px 0;display:grid;overflow:hidden}.stats.svelte-1u85j1o div:where(.svelte-1u85j1o){background:var(--bg-subtle);flex-direction:column;gap:2px;padding:8px 10px;display:flex}.stats.svelte-1u85j1o span:where(.svelte-1u85j1o){font-size:var(--fs-xs);color:var(--fg-muted)}.stats.svelte-1u85j1o strong:where(.svelte-1u85j1o){font-size:var(--fs-lg);font-weight:600}.note.svelte-1u85j1o{color:var(--fg-muted);font-size:var(--fs-sm);margin:12px 14px 0}
|