vite-devtools-svelte 0.4.1 → 0.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (96) hide show
  1. package/README.md +19 -7
  2. package/dist/analyzers/api.d.ts +17 -4
  3. package/dist/analyzers/assets.d.ts +0 -1
  4. package/dist/analyzers/build.d.ts +7 -1
  5. package/dist/analyzers/http.d.ts +9 -0
  6. package/dist/analyzers/module-graph.d.ts +9 -0
  7. package/dist/analyzers/og.d.ts +21 -4
  8. package/dist/analyzers/routes.d.ts +16 -1
  9. package/dist/client/assets/ApiPlayground-qRDX0tRk.js +3 -0
  10. package/dist/client/assets/Assets-yTFLB7w2.js +1 -0
  11. package/dist/client/assets/BuildAnalysis-C6yO6EJN.js +1 -0
  12. package/dist/client/assets/CaptureNotice-DykEK0Kp.js +1 -0
  13. package/dist/client/assets/Components-BTG8jKec.js +2 -0
  14. package/dist/client/assets/DataTable-C5C0HrMd.js +1 -0
  15. package/dist/client/assets/DataTable-gMBzprA7.css +1 -0
  16. package/dist/client/assets/ErrorDashboard-DHdptxQP.js +1 -0
  17. package/dist/client/assets/FpsMonitor-G1xRBjK3.js +1 -0
  18. package/dist/client/assets/Inspect-Ba_b5o73.js +4 -0
  19. package/dist/client/assets/{Inspector-DGmAzhki.js → Inspector-mTvtYmwt.js} +1 -1
  20. package/dist/client/assets/{versions-Co596WUJ.css → LiveControls-CMau2xlU.css} +1 -1
  21. package/dist/client/assets/LiveControls-nrc1-cBk.js +1 -0
  22. package/dist/client/assets/LoadProfiler-eYXaLPba.js +1 -0
  23. package/dist/client/assets/ModuleGraph-Dp-bJUnD.js +1 -0
  24. package/dist/client/assets/OGPreview-BzZ_MAg7.js +1 -0
  25. package/dist/client/assets/Overview-Cbi5ayT1.js +1 -0
  26. package/dist/client/assets/Overview-Neh721Uf.css +1 -0
  27. package/dist/client/assets/Panel-CKQaY_Qq.js +1 -0
  28. package/dist/client/assets/Panel-b1jDvzob.css +1 -0
  29. package/dist/client/assets/ReactiveGraph-CQpsrwa7.js +19 -0
  30. package/dist/client/assets/RenderProfiler-CCG8KJ2a.js +1 -0
  31. package/dist/client/assets/Routes-Dg3ZrLhJ.js +1 -0
  32. package/dist/client/assets/SearchField-B5EQ5IIf.js +1 -0
  33. package/dist/client/assets/Segmented-Dz1OdcPr.js +1 -0
  34. package/dist/client/assets/SplitView-CxRUXpY5.js +1 -0
  35. package/dist/client/assets/StateTimeline-CLt2yN8k.js +1 -0
  36. package/dist/client/assets/TreeView-BYOJBzxO.js +1 -0
  37. package/dist/client/assets/VirtualList-Bfn8is0p.js +1 -0
  38. package/dist/client/assets/{browser-agent-rpc-BXhoSh1z-D9g7mT9G.js → browser-agent-rpc-BXhoSh1z-CuoUGU_3.js} +1 -1
  39. package/dist/client/assets/capture.svelte-BLIttZ2Z.js +1 -0
  40. package/dist/client/assets/collections-uqk9p1aQ.js +1 -0
  41. package/dist/client/assets/format-BEILGi1v.js +1 -0
  42. package/dist/client/assets/{index-eZHqMk0z.css → index-BmEfdt6W.css} +1 -1
  43. package/dist/client/assets/{index-BzMw8R8l.js → index-Cf5oAFpK.js} +6 -6
  44. package/dist/client/assets/{reactive-C2hv2QLH.js → reactive-DuxZv-g7.js} +1 -1
  45. package/dist/client/assets/reactive-selection.svelte-iv05jhlt.js +1 -0
  46. package/dist/client/assets/versions-Bd19hz8p.js +1 -0
  47. package/dist/client/index.html +2 -2
  48. package/dist/index.mjs +1655 -1353
  49. package/dist/index.mjs.map +1 -1
  50. package/dist/mcp/issues.d.ts +19 -6
  51. package/dist/mcp/server.d.ts +0 -5
  52. package/dist/mcp/sessions.d.ts +8 -1
  53. package/dist/plugin.d.ts +20 -0
  54. package/dist/runtime/ids.d.ts +3 -0
  55. package/dist/runtime/index.d.ts +18 -0
  56. package/dist/runtime/transform.d.ts +22 -0
  57. package/dist/{collector.d.ts → server/collector.d.ts} +11 -16
  58. package/dist/{devframe.d.ts → server/devframe.d.ts} +10 -10
  59. package/dist/{mount.d.ts → server/mount.d.ts} +4 -9
  60. package/dist/{security.d.ts → server/security.d.ts} +10 -2
  61. package/dist/types.d.ts +26 -2
  62. package/package.json +12 -4
  63. package/skills/vite-devtools-svelte-perf-audit/SKILL.md +2 -2
  64. package/skills/vite-devtools-svelte-perf-fix/SKILL.md +3 -3
  65. package/dist/client/assets/ApiPlayground-BMx5j-7t.js +0 -3
  66. package/dist/client/assets/Assets-BHhg5Smm.js +0 -1
  67. package/dist/client/assets/Badge-BBLKgCiU.css +0 -1
  68. package/dist/client/assets/Badge-CBVv8IFU.js +0 -1
  69. package/dist/client/assets/BuildAnalysis-BdVCnWpb.js +0 -1
  70. package/dist/client/assets/CaptureNotice-BeXCVhO0.js +0 -1
  71. package/dist/client/assets/Components-D_qDgEUt.js +0 -1
  72. package/dist/client/assets/DataTable-C6-tmcTQ.js +0 -1
  73. package/dist/client/assets/DataTable-CdVIFm8T.css +0 -1
  74. package/dist/client/assets/ErrorDashboard-CfUhPzue.js +0 -1
  75. package/dist/client/assets/FpsMonitor-B_AuHgyu.js +0 -1
  76. package/dist/client/assets/Inspect-BOgmKm6W.js +0 -3
  77. package/dist/client/assets/LoadProfiler-5xhnDLjR.js +0 -1
  78. package/dist/client/assets/ModuleGraph-Cp7f0Nz0.js +0 -1
  79. package/dist/client/assets/OGPreview-CjBhXSgn.js +0 -1
  80. package/dist/client/assets/Overview-B8hvIsIM.css +0 -1
  81. package/dist/client/assets/Overview-Kbpkgsas.js +0 -1
  82. package/dist/client/assets/ReactiveGraph-w2TK82c8.js +0 -5
  83. package/dist/client/assets/RenderProfiler-CeF8_j3b.js +0 -1
  84. package/dist/client/assets/Routes-DArWZtzC.js +0 -1
  85. package/dist/client/assets/SearchField-eocQu1eB.js +0 -1
  86. package/dist/client/assets/Segmented-JGNuI5EZ.js +0 -1
  87. package/dist/client/assets/SplitView-B8lYXXEm.js +0 -1
  88. package/dist/client/assets/StateTimeline-HpyvgoK1.js +0 -1
  89. package/dist/client/assets/TreeView-fty5aCC5.js +0 -1
  90. package/dist/client/assets/VirtualList-BvOBTnYJ.js +0 -1
  91. package/dist/client/assets/capture.svelte-CUhwdJwX.js +0 -1
  92. package/dist/client/assets/format-CW_NXiBg.js +0 -1
  93. package/dist/client/assets/reactive-selection.svelte-Dfd9zWsh.js +0 -1
  94. package/dist/client/assets/versions-CZjRj40E.js +0 -1
  95. package/dist/runtime.d.ts +0 -19
  96. /package/dist/{template-injector.d.ts → server/template-injector.d.ts} +0 -0
package/README.md CHANGED
@@ -7,7 +7,7 @@ Svelte DevTools for Vite, built on [Devframe](https://devfra.me/). Provides 15 s
7
7
  ## Features
8
8
 
9
9
  - **Component Inspector** — View component hierarchy, props, state, and reactive values in real-time
10
- - **Reactivity** — A whole-app overview of the busiest components, then the current dependencies of one component's `$state`, `$derived` and `$effect` signals (signals created during component init; edges are "can affect", not a recorded cause, and not the complete app graph)
10
+ - **Reactivity** — A whole-app overview of the busiest components, then the current dependencies of one component's `$state`, `$derived` and `$effect` signals (signals created during component init and shared `.svelte.js/.ts` module state, plus a _markup_ node for reads from the template; edges are "can affect", not a recorded cause, and not the complete app graph)
11
11
  - **Render Profiler** — Track component render counts, render times, and identify bottlenecks
12
12
  - **Route Viewer** — Explore SvelteKit file-based routing structure with dynamic parameters
13
13
  - **Load Profiler** — Monitor SvelteKit `load` functions with waterfall visualization
@@ -167,8 +167,8 @@ Register the plugin in your `vite.config.ts`. `svelteDevtools()` **must come bef
167
167
  ```ts
168
168
  // vite.config.ts
169
169
  import { sveltekit } from '@sveltejs/kit/vite'
170
- import { svelteDevtools } from 'vite-devtools-svelte'
171
170
  import { defineConfig } from 'vite'
171
+ import { svelteDevtools } from 'vite-devtools-svelte'
172
172
 
173
173
  export default defineConfig({
174
174
  plugins: [
@@ -186,6 +186,15 @@ Start your dev server as usual (`npm run dev`) and open the URL it prints:
186
186
 
187
187
  The first time a browser opens the DevTools it asks for a one-time code: request it from the page, and the dev server prints a 6-digit code plus a link (`…/.svelte-devtools/#devframe_otp=…`) in the terminal. Opening the link (or typing the code) trusts that browser; the token is remembered across reloads and dev-server restarts.
188
188
 
189
+ On a single-user machine where the dev server only listens on `localhost`, you can turn the code off:
190
+
191
+ ```ts
192
+ svelteDevtools({ clientAuth: false }) // standalone /.svelte-devtools/
193
+ DevTools({ clientAuth: false }) // inside the Vite DevTools dock (@vitejs/devtools)
194
+ ```
195
+
196
+ Without it, any page in your browser that can reach the dev server, and any device on the network when you use `--host`, can read files in your project through the DevTools. Keep it on if you are unsure. The MCP endpoint keeps its own token either way.
197
+
189
198
  ### Inside the Vite DevTools dock
190
199
 
191
200
  With `@vitejs/devtools` installed, add its plugin as well. The Svelte tool then mounts as a dock entry instead of standalone (never both), and authentication is handled once by Vite DevTools:
@@ -206,6 +215,9 @@ Open your app, click the floating Vite DevTools handle and switch to the **Svelt
206
215
  svelteDevtools({
207
216
  // Enable component lifecycle tracking (default: true)
208
217
  componentTracking: true,
218
+ // Require the one-time code for the standalone DevTools (default: true).
219
+ // In the Vite DevTools dock use DevTools({ clientAuth: false }) instead.
220
+ clientAuth: true,
209
221
  })
210
222
  ```
211
223
 
@@ -238,7 +250,7 @@ Static assets in the Assets panel are now served by Vite itself (their public UR
238
250
  - **Several app tabs:** the panels show the tab that pushed most recently (up to 4 page loads are tracked); there is no per-tab selector yet.
239
251
  - **Components tree selection** follows the same instance while the page stays loaded; after a reload, or when an instance is replaced (e.g. `{#key}`, HMR), it is matched by its position in the tree instead. Instances beyond the 50 000 cap are counted but cannot be selected.
240
252
  - **Components added after the first render** (e.g. new `{#each}` rows) are placed under their parent using Svelte internals (checked in a browser on Svelte 5.56.8; the CI compatibility profiles run Svelte 5.57.1); with a different internal layout they would appear as separate top-level entries instead.
241
- - **Reactivity:** which write changed a state is not recorded (the panel says "Cause: Not recorded"); full value inspection and per-signal history are not available (values are shown as bounded summaries; sampled changes are in the State timeline). Only state created during component init is tracked — module-level `.svelte.ts` state is not. A component's top-level `$effect` is deferred by Svelte until mount, so it appears as a node without dependencies (and may disappear after garbage collection): the graph shows what the runtime observed, not every dependency. Render profiles are still sent as a bounded full tail rather than deltas, and behaviour at very large scale (tens of thousands of components) has not been measured.
253
+ - **Reactivity:** which write changed a state is not recorded (the panel says "Cause: Not recorded"); full value inspection and per-signal history are not available (values are shown as bounded summaries; sampled changes are in the State timeline). Tracked: state created during component init and while a `.svelte.js/.ts` module body runs (shared state); state created elsewhere (for example in an event handler, or inside a library in `node_modules`) is not, and a node that depends on such state reports `untrackedDeps`. Reads of object/array state are attributed through Svelte's dev labels, so the graph shows what the runtime observed, not a static analysis. Render profiles are still sent as a bounded full tail rather than deltas, and behaviour at very large scale (tens of thousands of components) has not been measured.
242
254
  - **Restarts in Vite middleware mode** dispose the DevTools via Vite's `closeServer` hook, which is why `vite ^8.3.2` is required.
243
255
 
244
256
  ## AI access (MCP)
@@ -279,10 +291,10 @@ The endpoint is served wherever your Vite dev server listens. With the default (
279
291
 
280
292
  Two Claude Code skills ship under `node_modules/vite-devtools-svelte/skills/`:
281
293
 
282
- - `vite-devtools-svelte:perf-audit` — captures a baseline session, calls `list_performance_issues`, and presents the top issues for the user to triage.
283
- - `vite-devtools-svelte:perf-fix` — one issue per run: baseline → edit → after → `compare_sessions`, with `verdict` reported verbatim and an explicit revert path if the change regresses or has no effect.
294
+ - `vite-devtools-svelte-perf-audit` — captures a baseline session, calls `list_performance_issues`, and presents the top issues for the user to triage.
295
+ - `vite-devtools-svelte-perf-fix` — one issue per run: baseline → edit → after → `compare_sessions`, with `verdict` reported verbatim and an explicit revert path if the change regresses or has no effect.
284
296
 
285
- Skill names are namespaced with `vite-devtools-svelte:` so they don't collide with other skills in your `.claude/skills/`.
297
+ Skill names are prefixed with `vite-devtools-svelte-` so they don't collide with other skills in your `.claude/skills/`. They use only lowercase letters and hyphens, and each matches its directory name, as the Agent Skills spec requires, so agents other than Claude Code (e.g. pi) can load them too.
286
298
 
287
299
  To install for a given project:
288
300
 
@@ -301,7 +313,7 @@ The MCP server is **read + measure only** — it never edits files. Editing is l
301
313
 
302
314
  Some RPCs read files from disk or open them in your editor, so the DevTools backend is authenticated even though the dev server is normally only reachable from `localhost`.
303
315
 
304
- - **Devframe auth gate.** Every RPC connection must be trusted first: a browser exchanges a single-use 6-digit code (printed in the dev-server terminal, valid for 5 minutes) for a bearer token stored in that browser. Inside Vite DevTools the hub's own gate covers the tool.
316
+ - **Devframe auth gate.** Every RPC connection must be trusted first: a browser exchanges a single-use 6-digit code (printed in the dev-server terminal, valid for 5 minutes) for a bearer token stored in that browser. Inside Vite DevTools the hub's own gate covers the tool. `svelteDevtools({ clientAuth: false })` (or `DevTools({ clientAuth: false })` in the dock) removes this gate; the origin checks below still apply.
305
317
  - **Origin checks.** The RPC WebSocket only accepts loopback origins (plus the dev server's own LAN origins when you use `--host`), which blocks cross-site pages and DNS-rebinding attacks.
306
318
  - **Schema-validated arguments.** RPC inputs are validated with zod schemas before any handler runs.
307
319
  - **Path sandbox.** `inspect-file`, `open-in-editor`, and `open-reactive-in-editor` resolve their input through `fs.realpath()` and refuse anything outside the project root. Symlinks inside the project are followed normally.
@@ -1,6 +1,17 @@
1
- import { OutboundUrlOptions } from '../security.js';
1
+ import { OutboundUrlOptions } from '../server/security.js';
2
2
  import { ApiEndpoint, ApiResponse, RouteInfo } from '../types.js';
3
- /** List `+server` endpoints and the HTTP methods they export. */
3
+ /**
4
+ * Names a `+server` module exports. Parsed, not substring-matched: the old
5
+ * `content.includes('export const GET')` also matched `export const GETTER`
6
+ * and commented-out code, and missed `export { handler as GET }`. Null when
7
+ * the module cannot be read or parsed.
8
+ */
9
+ export declare function exportedNames(code: string, filename: string): Set<string> | null;
10
+ /**
11
+ * List `+server` endpoints and the HTTP methods they export. A `fallback`
12
+ * handler answers every method. `methods` is empty when nothing is known
13
+ * (unreadable or unparsable file, no handler exports).
14
+ */
4
15
  export declare function analyzeApiEndpoints(routes: RouteInfo[]): ApiEndpoint[];
5
16
  export interface ApiRequestInput {
6
17
  url: string;
@@ -11,6 +22,8 @@ export interface ApiRequestInput {
11
22
  }
12
23
  /**
13
24
  * Send a request to a public URL or the dev server itself (SSRF-guarded) and
14
- * report the response. Redirects are returned, never followed.
25
+ * report the response. Redirects are returned, never followed; the request
26
+ * gives up after {@link fetchWithTimeout}'s timeout. Every failure is a
27
+ * `status: 0` response whose `statusText` says why.
15
28
  */
16
- export declare function sendApiRequest(input: ApiRequestInput, options?: OutboundUrlOptions): Promise<ApiResponse>;
29
+ export declare function sendApiRequest(input: ApiRequestInput, options?: OutboundUrlOptions, timeoutMs?: number): Promise<ApiResponse>;
@@ -1,5 +1,4 @@
1
1
  import { AssetInfo } from '../types.js';
2
- export declare const MIME_TYPES: Record<string, string>;
3
2
  /**
4
3
  * List files in the static directory. `publicBase` is the dev server's
5
4
  * public base (Vite `base`); static files are served under it, so each asset
@@ -1,3 +1,9 @@
1
1
  import { BuildAnalysis } from '../types.js';
2
- /** Scan common SvelteKit build output directories for emitted web assets. */
2
+ /**
3
+ * Scan common SvelteKit build output directories for emitted web assets.
4
+ * Each file is counted once: `build/client` lies inside `build`, which used
5
+ * to list (and add to `totalSize`) every client file twice. An unreadable
6
+ * entry (e.g. a dangling symlink) is skipped instead of ending the scan of
7
+ * its directory; directory symlinks are not followed.
8
+ */
3
9
  export declare function analyzeBuild(root: string): BuildAnalysis;
@@ -0,0 +1,9 @@
1
+ /** Longest an outbound devtools request (API playground, OG preview) may take, body included. */
2
+ export declare const OUTBOUND_TIMEOUT_MS = 30000;
3
+ /**
4
+ * `fetch` that never follows redirects and gives up after `timeoutMs`, body
5
+ * read (`read`) included. Without it a target that never answers left the
6
+ * RPC pending forever. The request is aborted, and the result rejects even
7
+ * if the transfer ignores the abort.
8
+ */
9
+ export declare function fetchWithTimeout<T>(url: string, init: RequestInit, read: (res: Response) => Promise<T>, timeoutMs?: number): Promise<T>;
@@ -9,5 +9,14 @@ export interface GraphModuleLike {
9
9
  /**
10
10
  * Build the project-local module graph (node_modules and files outside
11
11
  * `root` excluded) and detect import cycles.
12
+ *
13
+ * Modules are keyed by `file`, so the variants Vite keeps of one file
14
+ * (`?svelte&type=style`, client + ssr environments) are one node; an edge
15
+ * between two variants of the same file is not a self-import and is dropped.
16
+ * `isCyclic` marks exactly the modules on some import cycle (strongly
17
+ * connected components), and `cycles` lists, for each of them, a shortest
18
+ * cycle through it unless an earlier listed cycle already contains it. The
19
+ * former depth-first search missed modules whose cycle only closed through
20
+ * an already visited module, and recursed once per import level.
12
21
  */
13
22
  export declare function buildModuleGraph(root: string, allModules: GraphModuleLike[]): ModuleGraphData;
@@ -1,7 +1,24 @@
1
- import { OutboundUrlOptions } from '../security.js';
2
- import { OGPreview } from '../types.js';
1
+ import { OutboundUrlOptions } from '../server/security.js';
2
+ import { OGPreview, OGTag } from '../types.js';
3
+ /** Decode the character references that show up in attribute values and titles. */
4
+ export declare function decodeEntities(s: string): string;
5
+ /**
6
+ * Meta tags with a `property` (or `name`) and a `content` attribute, in
7
+ * document order. Attributes are matched as whole names in any order and
8
+ * quoting style (the old regex also matched `data-content=` and stopped a
9
+ * double-quoted value at an apostrophe), and values are entity-decoded.
10
+ */
11
+ export declare function parseMetaTags(html: string): OGTag[];
12
+ /**
13
+ * Decode the page body by its declared charset (Content-Type header, else a
14
+ * meta tag in the first 1024 bytes), UTF-8 otherwise. `res.text()` always
15
+ * used UTF-8, garbling e.g. Shift_JIS or Latin-1 pages.
16
+ */
17
+ export declare function decodeBody(bytes: Uint8Array, contentType: string | null): string;
3
18
  /**
4
19
  * Fetch a public URL (or a page of the dev server itself) and report its Open
5
- * Graph tags + missing-tag issues. Redirects are not followed.
20
+ * Graph tags + missing-tag issues. Redirects are not followed. The first of
21
+ * repeated tags wins (Open Graph's rule for single-valued properties), and
22
+ * `image` is resolved against the page URL so a relative og:image previews.
6
23
  */
7
- export declare function getOGPreview(url: string, options?: OutboundUrlOptions): Promise<OGPreview>;
24
+ export declare function getOGPreview(url: string, options?: OutboundUrlOptions, timeoutMs?: number): Promise<OGPreview>;
@@ -1,2 +1,17 @@
1
- import { RouteInfo } from '../types.js';
1
+ import { RouteInfo, ParamInfo, RouteFile } from '../types.js';
2
2
  export declare function analyzeRoutes(routesDir: string): RouteInfo[];
3
+ export declare function classifyFile(name: string): RouteFile['type'] | null;
4
+ /**
5
+ * URL pattern and params of a route id (`/`-separated, relative to
6
+ * src/routes), following SvelteKit's routing rules:
7
+ * - `(group)` segments are not part of the URL;
8
+ * - `[p]` → `:p`, `[[p]]` → `:p?`, `[...p]` → `*p`; a `=matcher` goes to
9
+ * `params[].matcher`, not into the pattern;
10
+ * - params may sit inside a segment (`foo-[id]`, `[a]-[b]`);
11
+ * - `[x+nn]` / `[u+nnnn]` are escaped literal characters.
12
+ * Brackets that are none of these are kept verbatim.
13
+ */
14
+ export declare function parseRouteId(id: string): {
15
+ routePath: string;
16
+ params: ParamInfo[];
17
+ };
@@ -0,0 +1,3 @@
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};
@@ -0,0 +1 @@
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};
@@ -0,0 +1 @@
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};
@@ -0,0 +1 @@
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};
@@ -0,0 +1,2 @@
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">&lt;</span><!><span class="lt svelte-grpov">&gt;</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};
@@ -0,0 +1 @@
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};
@@ -0,0 +1 @@
1
+ .table.svelte-b78yyc{flex-direction:column;min-width:0;height:100%;min-height:0;display:flex}.head.svelte-b78yyc,.tr.svelte-b78yyc{grid-template-columns:var(--cols);align-items:center;column-gap:12px;width:100%;min-width:0;display:grid}.cols.svelte-b78yyc{flex-shrink:0}.head.svelte-b78yyc{border-bottom:1px solid var(--border);background:var(--bg-subtle);height:28px;font-size:var(--fs-xs);color:var(--fg-faint);flex-shrink:0;padding:0 12px;font-weight:500}.th.svelte-b78yyc{min-width:0;display:flex}.th.end.svelte-b78yyc{justify-content:flex-end}.sort.svelte-b78yyc{border-radius:var(--radius-sm);min-width:0;color:inherit;font-weight:inherit;background:0 0;border:0;align-items:center;gap:3px;margin:0 -4px;padding:2px 4px;display:inline-flex}.sort.svelte-b78yyc:hover,.sort.active.svelte-b78yyc{color:var(--fg)}.dir.svelte-b78yyc{display:inline-flex;transform:rotate(180deg)}.dir.desc.svelte-b78yyc{transform:none}.body.svelte-b78yyc{flex:1;min-height:0}.tr.svelte-b78yyc>*{min-width:0}.tr.svelte-b78yyc .end{text-align:right;justify-self:end}
@@ -0,0 +1 @@
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};
@@ -0,0 +1 @@
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 &lt;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 &lt;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};
@@ -0,0 +1,4 @@
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(`&`,`&amp;`).replaceAll(`<`,`&lt;`).replaceAll(`>`,`&gt;`)}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 +1 @@
1
- import{$ as e,At as t,J as n,Mt as r,P 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-BzMw8R8l.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
+ 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 +1 @@
1
- .live.svelte-7a88l8{height:var(--control-h);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--fg-muted);font-size:var(--fs-xs);background:0 0;align-items:center;gap:6px;padding:0 8px;font-weight:500;display:inline-flex}.live.svelte-7a88l8:hover{border-color:var(--border-strong);color:var(--fg)}.dot.svelte-7a88l8{background:var(--fg-faint);border-radius:50%;width:7px;height:7px}.on.svelte-7a88l8 .dot:where(.svelte-7a88l8){background:var(--green);box-shadow:0 0 0 0 var(--green);animation:2s infinite svelte-7a88l8-pulse}@keyframes svelte-7a88l8-pulse{0%{box-shadow:0 0 #4ade8080}70%{box-shadow:0 0 0 5px #4ade8000}to{box-shadow:0 0 #4ade8000}}
1
+ .live.svelte-7a88l8{height:var(--control-h);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--fg-muted);font-size:var(--fs-xs);background:0 0;align-items:center;gap:6px;padding:0 8px;font-weight:500;display:inline-flex}.live.svelte-7a88l8:hover{border-color:var(--border-strong);color:var(--fg)}.dot.svelte-7a88l8{background:var(--fg-faint);border-radius:50%;width:7px;height:7px}.on.svelte-7a88l8 .dot:where(.svelte-7a88l8){background:var(--green);box-shadow:0 0 0 2px #4ade8040}
@@ -0,0 +1 @@
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};
@@ -0,0 +1 @@
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};
@@ -0,0 +1 @@
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};
@@ -0,0 +1 @@
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};
@@ -0,0 +1 @@
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};
@@ -0,0 +1 @@
1
+ .wrap.svelte-1ds2tgu{flex-direction:column;gap:20px;max-width:1080px;padding:20px 20px 32px;display:flex}.skeleton.svelte-1ds2tgu{border-radius:var(--radius-lg);background:var(--bg-active);height:120px;animation:1.2s ease-in-out infinite alternate svelte-1ds2tgu-shimmer}@keyframes svelte-1ds2tgu-shimmer{0%{opacity:.45}to{opacity:1}}.hero.svelte-1ds2tgu{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.eyebrow.svelte-1ds2tgu{font-size:var(--fs-2xs);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-faint);margin:0 0 4px;font-weight:600}.name.svelte-1ds2tgu{font-size:var(--fs-2xl);letter-spacing:-.025em;margin:0;font-weight:650;line-height:1.1}.hero.svelte-1ds2tgu p:where(.svelte-1ds2tgu){margin:4px 0 0}.stack.svelte-1ds2tgu{border:1px solid var(--border);border-radius:var(--radius-lg);margin:0;display:flex;overflow:hidden}.stack.svelte-1ds2tgu div:where(.svelte-1ds2tgu){border-left:1px solid var(--border);padding:8px 16px}.stack.svelte-1ds2tgu div:where(.svelte-1ds2tgu):first-child{border-left:0}.stack.svelte-1ds2tgu dt:where(.svelte-1ds2tgu){font-size:var(--fs-xs);color:var(--fg-muted)}.stack.svelte-1ds2tgu dd:where(.svelte-1ds2tgu){font-size:var(--fs-md);margin:0;font-weight:600}.tiles.svelte-1ds2tgu{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.tile.svelte-1ds2tgu{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-subtle);text-align:left;transition:border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);flex-direction:column;gap:4px;padding:12px 14px;display:flex}.tile.svelte-1ds2tgu:hover{border-color:var(--border-strong);background:var(--bg-hover)}.tile-head.svelte-1ds2tgu{color:var(--fg-muted);font-size:var(--fs-sm);align-items:center;gap:6px;display:flex}.go.svelte-1ds2tgu{opacity:0;transition:opacity var(--dur-fast) var(--ease);margin-left:auto}.tile.svelte-1ds2tgu:hover .go:where(.svelte-1ds2tgu),.tile.svelte-1ds2tgu:focus-visible .go:where(.svelte-1ds2tgu){opacity:1}.tile-value.svelte-1ds2tgu{font-size:var(--fs-xl);letter-spacing:-.02em;font-weight:650}.tile-value.red.svelte-1ds2tgu{color:var(--red)}.tile-value.yellow.svelte-1ds2tgu{color:var(--yellow)}.tile-sub.svelte-1ds2tgu{font-size:var(--fs-xs);color:var(--fg-faint)}.deps.svelte-1ds2tgu{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.deps-head.svelte-1ds2tgu{border-bottom:1px solid var(--border);background:var(--bg-subtle);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px 8px 14px;display:flex}.h3.svelte-1ds2tgu{font-size:var(--fs-md);margin:0 auto 0 0;font-weight:600}.dep-list.svelte-1ds2tgu{columns:2 360px;column-gap:0;margin:0;padding:4px 0;list-style:none}.dep.svelte-1ds2tgu{height:28px;font-size:var(--fs-sm);break-inside:avoid;align-items:center;gap:8px;padding:0 14px;display:flex}.dep.svelte-1ds2tgu:hover{background:var(--bg-hover)}.dep-name.svelte-1ds2tgu{flex:1}.dep-ver.svelte-1ds2tgu{color:var(--fg-muted);font-size:var(--fs-xs)}
@@ -0,0 +1 @@
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};
@@ -0,0 +1 @@
1
+ .badge.svelte-1fmrh5r{border-radius:var(--radius-sm);height:17px;font-size:var(--fs-2xs);letter-spacing:.01em;white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0;align-items:center;gap:3px;padding:0 6px;font-weight:600;line-height:1;display:inline-flex}.neutral.svelte-1fmrh5r{background:var(--bg-active);color:var(--fg-muted)}.accent.svelte-1fmrh5r{background:var(--bg-selected);color:var(--accent-fg)}.green.svelte-1fmrh5r{background:var(--green-bg);color:var(--green)}.yellow.svelte-1fmrh5r{background:var(--yellow-bg);color:var(--yellow)}.red.svelte-1fmrh5r{background:var(--red-bg);color:var(--red)}.blue.svelte-1fmrh5r{background:var(--blue-bg);color:var(--blue)}.purple.svelte-1fmrh5r{background:var(--purple-bg);color:var(--purple)}.cyan.svelte-1fmrh5r{background:var(--cyan-bg);color:var(--cyan)}.panel.svelte-6jyhgm{flex-direction:column;min-width:0;height:100%;display:flex}.header.svelte-6jyhgm{min-height:var(--header-h);border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:6px 10px;padding:8px 12px 8px 16px;display:flex}.title.svelte-6jyhgm{font-size:var(--fs-md);letter-spacing:-.005em;white-space:nowrap;align-items:baseline;gap:8px;margin:0 6px 0 0;font-weight:600;display:flex}.count.svelte-6jyhgm{font-size:var(--fs-xs);color:var(--fg-faint);font-weight:500}.toolbar.svelte-6jyhgm{flex-wrap:wrap;flex:260px;align-items:center;gap:6px;min-width:0;display:flex}.actions.svelte-6jyhgm{align-items:center;gap:4px;margin-left:auto;display:flex}.body.svelte-6jyhgm{flex:1;min-height:0;position:relative}.body.scroll.svelte-6jyhgm{overflow:auto}