@vitejs/devtools-vite 0.0.0-alpha.10 → 0.0.0-alpha.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +21 -10
- package/dist/index.js +30 -19
- package/dist/nitro.json +1 -1
- package/dist/public/200.html +1 -1
- package/dist/public/404.html +1 -1
- package/dist/public/_nuxt/2_Usi5fn.js +1 -0
- package/dist/public/_nuxt/3U5pi9Qt.js +1 -0
- package/dist/public/_nuxt/BO8FBfuY.js +1 -0
- package/dist/public/_nuxt/BOt9aSmn.js +1 -0
- package/dist/public/_nuxt/BXOSVw5U.js +1 -0
- package/dist/public/_nuxt/{BkcJ9YuP.js → BdWPWit3.js} +2 -2
- package/dist/public/_nuxt/CU9rEWZz.js +1 -0
- package/dist/public/_nuxt/{CmZYssbg.js → D9CWjXrw.js} +1 -1
- package/dist/public/_nuxt/DTLYhdRl.js +1 -0
- package/dist/public/_nuxt/{BWDYSEh7.js → Ny8de7Nt.js} +3 -3
- package/dist/public/_nuxt/XQtE9Wbo.js +2 -0
- package/dist/public/_nuxt/builds/latest.json +1 -1
- package/dist/public/_nuxt/builds/meta/1131f2b8-a889-4cf8-80db-bd0f90c52268.json +1 -0
- package/dist/public/_nuxt/{entry.CxcRHwcK.css → entry.BfaAIZD6.css} +1 -1
- package/dist/public/index.html +1 -1
- package/package.json +3 -3
- package/dist/public/_nuxt/B-LCQpq9.js +0 -2
- package/dist/public/_nuxt/D2Zr4_9a.js +0 -1
- package/dist/public/_nuxt/D7AVRXB9.js +0 -1
- package/dist/public/_nuxt/DP5rIU2b.js +0 -1
- package/dist/public/_nuxt/HzvsUJ0F.js +0 -1
- package/dist/public/_nuxt/builds/meta/a75cfc75-2758-4449-8135-5151dc9f3c34.json +0 -1
- package/dist/public/_nuxt/qkzn-X0p.js +0 -1
- package/dist/public/_nuxt/vzoJapJG.js +0 -1
- /package/dist/public/_nuxt/{C2Zn9dj_.js → BLwEKqmJ.js} +0 -0
- /package/dist/public/_nuxt/{Cnct9GAr.js → B_gPbHzj.js} +0 -0
- /package/dist/public/_nuxt/{Cq2KqeQT.js → BdkENIq8.js} +0 -0
- /package/dist/public/_nuxt/{lxg2Cb0s.js → CEQkJ3Wx.js} +0 -0
- /package/dist/public/_nuxt/{Bs1eUuZt.js → D2FgER8-.js} +0 -0
- /package/dist/public/_nuxt/{D03ETnho.js → DJHNY-5T.js} +0 -0
- /package/dist/public/_nuxt/{mIZU4Om9.js → DwSC73X4.js} +0 -0
- /package/dist/public/_nuxt/{DcamI1aQ.js → UcimcIQR.js} +0 -0
package/dist/index.d.ts
CHANGED
|
@@ -32,10 +32,25 @@ interface DevToolsViewHost {
|
|
|
32
32
|
*/
|
|
33
33
|
hostStatic: (baseUrl: string, distDir: string) => void;
|
|
34
34
|
}
|
|
35
|
+
type DevToolsDockEntryCategory = 'app' | 'framework' | 'web' | 'advanced' | 'default';
|
|
35
36
|
interface DevToolsDockEntryBase {
|
|
36
37
|
id: string;
|
|
37
38
|
title: string;
|
|
38
|
-
icon: string
|
|
39
|
+
icon: string | {
|
|
40
|
+
light: string;
|
|
41
|
+
dark: string;
|
|
42
|
+
};
|
|
43
|
+
/**
|
|
44
|
+
* The default order of the entry in the dock.
|
|
45
|
+
* The higher the number the earlier it appears.
|
|
46
|
+
* @default 0
|
|
47
|
+
*/
|
|
48
|
+
defaultOrder?: number;
|
|
49
|
+
/**
|
|
50
|
+
* The category of the entry
|
|
51
|
+
* @default 'default'
|
|
52
|
+
*/
|
|
53
|
+
category?: DevToolsDockEntryCategory;
|
|
39
54
|
}
|
|
40
55
|
interface ClientScriptEntry {
|
|
41
56
|
/**
|
|
@@ -59,23 +74,19 @@ interface DevToolsViewIframe extends DevToolsDockEntryBase {
|
|
|
59
74
|
*/
|
|
60
75
|
frameId?: string;
|
|
61
76
|
/**
|
|
62
|
-
* Optional script to import into the iframe
|
|
77
|
+
* Optional client script to import into the iframe
|
|
63
78
|
*/
|
|
64
|
-
|
|
65
|
-
}
|
|
66
|
-
interface DevToolsViewWebComponent extends DevToolsDockEntryBase {
|
|
67
|
-
type: 'webcomponent';
|
|
68
|
-
import: ClientScriptEntry;
|
|
79
|
+
clientScript?: ClientScriptEntry;
|
|
69
80
|
}
|
|
70
81
|
interface DevToolsViewAction extends DevToolsDockEntryBase {
|
|
71
82
|
type: 'action';
|
|
72
|
-
|
|
83
|
+
action: ClientScriptEntry;
|
|
73
84
|
}
|
|
74
85
|
interface DevToolsViewCustomRender extends DevToolsDockEntryBase {
|
|
75
86
|
type: 'custom-render';
|
|
76
|
-
|
|
87
|
+
renderer: ClientScriptEntry;
|
|
77
88
|
}
|
|
78
|
-
type DevToolsDockEntry = DevToolsViewIframe |
|
|
89
|
+
type DevToolsDockEntry = DevToolsViewIframe | DevToolsViewAction | DevToolsViewCustomRender;
|
|
79
90
|
//#endregion
|
|
80
91
|
//#region ../kit/src/types/vite-plugin.d.ts
|
|
81
92
|
interface DevToolsCapabilities {
|
package/dist/index.js
CHANGED
|
@@ -785,6 +785,29 @@ async function parseJsonStreamWithConcatArrays(stream, processor) {
|
|
|
785
785
|
return values$1;
|
|
786
786
|
}
|
|
787
787
|
|
|
788
|
+
//#endregion
|
|
789
|
+
//#region src/node/utils/chunk.ts
|
|
790
|
+
function getInitialChunkIds(chunks) {
|
|
791
|
+
const chunkMap = new Map(chunks.map((chunk) => [chunk.chunk_id, chunk]));
|
|
792
|
+
const entryChunkIds = chunks.filter((chunk) => !!chunk.is_user_defined_entry).map((chunk) => chunk.chunk_id);
|
|
793
|
+
const visited = /* @__PURE__ */ new Set();
|
|
794
|
+
const initialChunkIds = new Set(entryChunkIds);
|
|
795
|
+
const queue = [...entryChunkIds];
|
|
796
|
+
while (queue.length > 0) {
|
|
797
|
+
const chunkId = queue.shift();
|
|
798
|
+
if (visited.has(chunkId)) continue;
|
|
799
|
+
visited.add(chunkId);
|
|
800
|
+
const chunk = chunkMap.get(chunkId);
|
|
801
|
+
if (chunk?.imports) {
|
|
802
|
+
for (const _import of chunk.imports) if (!initialChunkIds.has(_import.chunk_id)) {
|
|
803
|
+
initialChunkIds.add(_import.chunk_id);
|
|
804
|
+
queue.push(_import.chunk_id);
|
|
805
|
+
}
|
|
806
|
+
}
|
|
807
|
+
}
|
|
808
|
+
return initialChunkIds;
|
|
809
|
+
}
|
|
810
|
+
|
|
788
811
|
//#endregion
|
|
789
812
|
//#region src/node/utils/format.ts
|
|
790
813
|
function getContentByteSize(content) {
|
|
@@ -913,7 +936,11 @@ var RolldownEventsManager = class {
|
|
|
913
936
|
return;
|
|
914
937
|
}
|
|
915
938
|
if (event.action === "ChunkGraphReady") {
|
|
916
|
-
|
|
939
|
+
const initialChunkIds = getInitialChunkIds(event.chunks);
|
|
940
|
+
for (const chunk of event.chunks) this.chunks.set(chunk.chunk_id, {
|
|
941
|
+
...chunk,
|
|
942
|
+
is_initial: initialChunkIds.has(chunk.chunk_id)
|
|
943
|
+
});
|
|
917
944
|
return;
|
|
918
945
|
}
|
|
919
946
|
this.interpretSourceRefs(event, "content");
|
|
@@ -1400,23 +1427,7 @@ const rolldownGetSessionCompareSummary = defineRpcFunction({
|
|
|
1400
1427
|
const _reader = reader[index];
|
|
1401
1428
|
const assets = Array.from(_reader.manager.assets.values());
|
|
1402
1429
|
const chunks = Array.from(_reader.manager.chunks.values());
|
|
1403
|
-
|
|
1404
|
-
const initialChunkIds$1 = [];
|
|
1405
|
-
for (const chunkId of chunkIds) {
|
|
1406
|
-
if (visited.has(chunkId)) continue;
|
|
1407
|
-
visited.add(chunkId);
|
|
1408
|
-
const chunk = chunks.find((c) => c.chunk_id === chunkId);
|
|
1409
|
-
if (chunk?.imports) {
|
|
1410
|
-
const importChunkIds = chunk.imports.map((imp) => imp.chunk_id);
|
|
1411
|
-
initialChunkIds$1.push(...importChunkIds);
|
|
1412
|
-
const nestedImports = getInitialChunkIds(importChunkIds, visited);
|
|
1413
|
-
initialChunkIds$1.push(...nestedImports);
|
|
1414
|
-
}
|
|
1415
|
-
}
|
|
1416
|
-
return initialChunkIds$1;
|
|
1417
|
-
}
|
|
1418
|
-
const entryChunkIds = chunks.filter((chunk) => !!chunk.is_user_defined_entry).map((chunk) => chunk.chunk_id);
|
|
1419
|
-
const initialChunkIds = [...new Set([...entryChunkIds, ...getInitialChunkIds(entryChunkIds)])];
|
|
1430
|
+
const initialChunkIds = chunks.filter((chunk) => chunk.is_initial).map((chunk) => chunk.chunk_id);
|
|
1420
1431
|
return {
|
|
1421
1432
|
id: s,
|
|
1422
1433
|
meta: _reader.meta,
|
|
@@ -1496,7 +1507,7 @@ function DevToolsViteUI() {
|
|
|
1496
1507
|
ctx.docks.register({
|
|
1497
1508
|
id: "vite",
|
|
1498
1509
|
title: "Vite",
|
|
1499
|
-
icon: "
|
|
1510
|
+
icon: "builtin:vite-plus-core",
|
|
1500
1511
|
type: "iframe",
|
|
1501
1512
|
url: "/.devtools-vite/"
|
|
1502
1513
|
});
|
package/dist/nitro.json
CHANGED
package/dist/public/200.html
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
<!DOCTYPE html><html lang="en" class="bg-dots"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><script type="importmap">{"imports":{"#entry":"/.devtools-vite/_nuxt/
|
|
1
|
+
<!DOCTYPE html><html lang="en" class="bg-dots"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><script type="importmap">{"imports":{"#entry":"/.devtools-vite/_nuxt/Ny8de7Nt.js"}}</script><title>Vite DevTools</title><link rel="stylesheet" href="/.devtools-vite/_nuxt/entry.BfaAIZD6.css" crossorigin><link rel="modulepreload" as="script" crossorigin href="/.devtools-vite/_nuxt/Ny8de7Nt.js"><link rel="prefetch" as="style" crossorigin href="/.devtools-vite/_nuxt/error-404.CCdr3eE4.css"><link rel="prefetch" as="script" crossorigin href="/.devtools-vite/_nuxt/D-ZnEyqr.js"><link rel="prefetch" as="script" crossorigin href="/.devtools-vite/_nuxt/Jdu9jmuG.js"><link rel="prefetch" as="style" crossorigin href="/.devtools-vite/_nuxt/error-500.D-vBsHK_.css"><link rel="prefetch" as="script" crossorigin href="/.devtools-vite/_nuxt/AuXMpmu_.js"><meta name="description" content="DevTools for Vite"><meta property="og:title" content="Vite DevTools"><meta property="og:description" content="DevTools for Vite"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><script type="module" src="/.devtools-vite/_nuxt/Ny8de7Nt.js" crossorigin></script><script id="unhead:payload" type="application/json">{"title":"Vite DevTools"}</script></head><body><div id="__nuxt"></div><div id="teleports"></div><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="false" id="__NUXT_DATA__">[{"prerenderedAt":1,"serverRendered":2},1762486502267,false]</script><script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/.devtools-vite/",buildId:"1131f2b8-a889-4cf8-80db-bd0f90c52268",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script></body></html>
|
package/dist/public/404.html
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
<!DOCTYPE html><html lang="en" class="bg-dots"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><script type="importmap">{"imports":{"#entry":"/.devtools-vite/_nuxt/
|
|
1
|
+
<!DOCTYPE html><html lang="en" class="bg-dots"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><script type="importmap">{"imports":{"#entry":"/.devtools-vite/_nuxt/Ny8de7Nt.js"}}</script><title>Vite DevTools</title><link rel="stylesheet" href="/.devtools-vite/_nuxt/entry.BfaAIZD6.css" crossorigin><link rel="modulepreload" as="script" crossorigin href="/.devtools-vite/_nuxt/Ny8de7Nt.js"><link rel="prefetch" as="style" crossorigin href="/.devtools-vite/_nuxt/error-404.CCdr3eE4.css"><link rel="prefetch" as="script" crossorigin href="/.devtools-vite/_nuxt/D-ZnEyqr.js"><link rel="prefetch" as="script" crossorigin href="/.devtools-vite/_nuxt/Jdu9jmuG.js"><link rel="prefetch" as="style" crossorigin href="/.devtools-vite/_nuxt/error-500.D-vBsHK_.css"><link rel="prefetch" as="script" crossorigin href="/.devtools-vite/_nuxt/AuXMpmu_.js"><meta name="description" content="DevTools for Vite"><meta property="og:title" content="Vite DevTools"><meta property="og:description" content="DevTools for Vite"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><script type="module" src="/.devtools-vite/_nuxt/Ny8de7Nt.js" crossorigin></script><script id="unhead:payload" type="application/json">{"title":"Vite DevTools"}</script></head><body><div id="__nuxt"></div><div id="teleports"></div><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="false" id="__NUXT_DATA__">[{"prerenderedAt":1,"serverRendered":2},1762486502267,false]</script><script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/.devtools-vite/",buildId:"1131f2b8-a889-4cf8-80db-bd0f90c52268",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script></body></html>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{G as e,Ht as t,Jt as n,Lt as r,Mt as i,Rt as a,Tt as o,Vt as s,W as c,c as l,ct as u,en as d,ft as f,g as p,in as m,it as h,kt as g,lt as _,mt as v,ot as y,p as b,pt as x,qt as S,rn as C,st as w,tn as T,ut as E,x as D,y as O,zt as k}from"#entry";import{t as A}from"./Jdu9jmuG.js";import{i as j}from"./DQtLZa7C.js";import"./B_mZ82Ef.js";import{n as M}from"./2OALqkc2.js";import{r as N,t as P}from"./Cql2HFZJ.js";import{a as ee,c as te,i as F,n as I,o as L,r as R,t as z}from"./BFwdTbGt.js";import{t as B}from"./BXOSVw5U.js";import{t as V}from"./XQtE9Wbo.js";import{t as H}from"./B_gPbHzj.js";import{t as ne}from"./CEQkJ3Wx.js";import{t as re}from"./BdkENIq8.js";var U={flex:`~ gap-1`},W={"overflow-hidden":``,"text-ellipsis":``,"break-all":``,"line-clamp-2":``},G=v({__name:`ListItem`,props:{asset:{}},setup(e){return(t,n)=>{let r=M,i=A;return o(),u(i,{to:{query:{asset:e.asset.filename}},"w-full":``,"font-mono":``,border:`~ rounded base`,px2:``,py1:``,"text-sm":``,hover:`bg-active`},{default:s(()=>[w(`div`,U,[x(r,{filename:e.asset.filename},null,8,[`filename`]),w(`span`,W,m(e.asset.filename),1)])]),_:1},8,[`to`])}}}),K=Object.assign(G,{__name:`AssetsListItem`}),q={p4:``},J={flex:``,pb2:``},Y=v({__name:`List`,props:{assets:{}},setup(e){return(t,n)=>{let r=K,i=V;return o(),E(`div`,q,[x(i,{items:e.assets,"key-prop":`filename`},{default:s(({item:e})=>[w(`div`,J,[x(r,{asset:e},null,8,[`asset`])])]),_:1},8,[`items`])])}}}),X=Object.assign(Y,{__name:`AssetsList`}),Z={flex:`~ gap-2`,p4:``},Q=v({__name:`Folder`,props:{assets:{},session:{}},setup(e){let t=e,n=y(()=>{let e=[];return t.assets.forEach(t=>{e.push({full:t.filename,path:t.filename})}),j(e,`Project`)});return(t,r)=>{let i=H;return o(),E(`div`,Z,[e.assets?.length?(o(),u(i,{key:0,"flex-1":``,node:n.value,icon:`i-catppuccin:folder-dist catppuccin`,"icon-open":`i-catppuccin:folder-dist-open catppuccin`,link:!0,"link-query-key":`asset`},null,8,[`node`])):_(``,!0)])}}}),ie=Object.assign(Q,{__name:`AssetsFolder`}),ae={grid:`~ cols-[max-content_1fr] gap-2`,p4:``},oe={flex:`~ col gap-4`},se={key:0,grid:`~ cols-[250px_1fr] gap-1`},ce=[`onClick`],le={key:0,"text-primary":``},ue={key:1},de=[`onClick`],fe=[`title`],pe=v({__name:`Sunburst`,props:{graph:{},selected:{}},emits:[`select`],setup(e,{emit:n}){let a=e,s=n,c=r(`el`);return k(()=>c.value?.append(a.graph.el)),(n,r)=>{let a=I,l=N,u=i(`tooltip`);return o(),E(`div`,ae,[w(`div`,{ref_key:`el`,ref:c,"w-500px":``},null,512),w(`div`,oe,[x(a,{border:`b base`,py2:``,selected:e.selected,options:e.graph.options,onSelect:r[0]||=e=>s(`select`,e)},null,8,[`selected`,`options`]),e.selected?(o(),E(`div`,se,[(o(!0),E(h,null,g(e.selected.children,n=>(o(),E(h,{key:n.id},[w(`button`,{"ws-nowrap":``,"text-nowrap":``,"text-left":``,"overflow-hidden":``,"text-ellipsis":``,"text-sm":``,hover:`bg-active`,rounded:``,px2:``,onClick:e=>s(`select`,n)},[n.meta&&n.meta===e.selected?.meta?(o(),E(`span`,le,`(self)`)):(o(),E(`span`,ue,m(n.id),1))],8,ce),w(`button`,{relative:``,flex:`~ gap-1 items-center`,hover:`bg-active`,rounded:``,onClick:e=>s(`select`,n)},[w(`div`,{"h-5":``,rounded:``,shadow:``,border:`~ base`,style:C({background:d(L)(e.graph.options.getColor?.(n)||`#000`),width:`${n.size/e.selected.size*100}%`})},null,4),x(l,{"text-xs":``,bytes:n.size,total:e.selected.size,"percent-ratio":3},null,8,[`bytes`,`total`]),n.children.length>0?t((o(),E(`div`,{key:0,title:`${n.children.length} dependencies`,"text-xs":``,"op-fade":``},[f(` (`+m(n.children.length)+`) `,1)],8,fe)),[[u,`${n.children.length} dependencies`]]):_(``,!0)],8,de)],64))),128))])):_(``,!0)])])}}}),me=Object.assign(pe,{__name:`AssetsSunburst`}),he=v({__name:`Flamegraph`,props:{graph:{}},setup(e){let t=e,n=r(`el`);return k(()=>n.value?.append(t.graph.el)),(e,t)=>(o(),E(`div`,{ref_key:`el`,ref:n},null,512))}}),ge=Object.assign(he,{__name:`AssetsFlamegraph`}),_e={key:1,relative:``,"max-h-screen":``,"of-hidden":``},ve={absolute:``,"left-4":``,"top-4":``,"z-panel-nav":``},ye={flex:`~ gap-2 items-center`,p2:``,border:`t base`},be=[`onClick`],xe={"of-auto":``,"h-screen":``,flex:`~ col gap-2`,pt32:``},$={absolute:``,"bottom-4":``,"py-1":``,"px-2":``,"bg-glass":``,left:`1/2`,"translate-x":`-1/2`,border:`~ base rounded-full`,text:`center xs`},Se={op50:``},Ce={key:0,"bg-glass":``,border:`~ base rounded`,p2:``,"text-sm":``,flex:`~ col gap-2`},we={flex:`~ gap-1 items-center`},Te={flex:`~ gap-1 items-center`},Ee=v({__name:`assets`,props:{session:{}},setup(t){let r=t,i=S(b()),v=n({search:``}),C=e(),k=c(),A=[{label:`List`,value:`list`,icon:`i-ph-list-duotone`},{label:`Folder`,value:`folder`,icon:`i-ph-folder-duotone`},{label:`Treemap`,value:`treemap`,icon:`i-ph-checkerboard-duotone`},{label:`Sunburst`,value:`sunburst`,icon:`i-ph-chart-donut-duotone`},{label:`Flamegraph`,value:`flamegraph`,icon:`i-ph-chart-bar-horizontal-duotone`}],j=O(),{state:M,isLoading:L}=l(async()=>await j.value[`vite:rolldown:get-assets-list`]?.({session:r.session.id}),null),V=p(()=>M.value,()=>new ne(M.value,{includeScore:!0,keys:[`filename`],ignoreLocation:!0,threshold:.4})),H=y(()=>v.value.search?V.value.search(v.value.search).map(e=>e.item):M.value);function U(e){P.value.assetViewType=e}let{tree:W,chartOptions:G,graph:K,nodeHover:q,nodeSelected:J,selectedNode:Y,selectNode:Z,buildGraph:Q}=z({data:H,nameKey:`filename`,sizeKey:`size`,rootText:`Project`,nodeType:`file`,graphOptions:{onClick(e){e&&(q.value=e),e.meta?.type===`file`&&(Y.value=e.meta,C.replace({query:{asset:e.meta.filename}}))},onHover(e){e&&!k.query.asset&&(q.value=e),e===null&&(q.value=void 0)},onLeave(){q.value=void 0},onSelect(e){J.value=e||W.value.root,Y.value=e?.meta}},onUpdate(){switch(P.value.assetViewType){case`sunburst`:K.value=new F(W.value.root,G.value);break;case`treemap`:K.value=new ee(W.value.root,{...G.value,selectedPaddingRatio:0});break;default:K.value=new R(W.value.root,G.value)}}});return a(()=>P.value.assetViewType,()=>{Q()}),(e,n)=>{let r=D,a=B,c=X,l=ie,p=I,y=me,b=ge,S=N,C=te;return d(L)?(o(),u(r,{key:0})):(o(),E(`div`,_e,[w(`div`,ve,[x(a,{modelValue:v.value,"onUpdate:modelValue":n[0]||=e=>v.value=e,rules:[]},{default:s(()=>[w(`div`,ye,[n[3]||=w(`span`,{op50:``,pl2:``,"text-sm":``},`View as`,-1),(o(),E(h,null,g(A,e=>w(`button`,{key:e.value,"btn-action":``,class:T(d(P).assetViewType===e.value?`bg-active`:`grayscale op50`),onClick:t=>U(e.value)},[w(`div`,{class:T(e.icon)},null,2),f(` `+m(e.label),1)],10,be)),64))])]),_:1},8,[`modelValue`])]),w(`div`,xe,[d(P).assetViewType===`list`?(o(),E(h,{key:0},[H.value?.length?(o(),u(c,{key:0,assets:H.value,session:t.session},null,8,[`assets`,`session`])):_(``,!0),w(`div`,$,[w(`span`,Se,m(H.value.length)+` of `+m(d(M)?.length||0),1)])],64)):d(P).assetViewType===`folder`?(o(),E(h,{key:1},[H.value?.length?(o(),u(l,{key:0,assets:H.value,session:t.session},null,8,[`assets`,`session`])):_(``,!0)],64)):d(P).assetViewType===`treemap`?(o(),E(h,{key:2},[d(K)?(o(),u(re,{key:0,graph:d(K),selected:d(J),onSelect:n[1]||=e=>d(Z)(e)},{default:s(({selected:e,options:t,onSelect:n})=>[x(p,{border:`b base`,py2:``,"min-h-10":``,selected:e,options:t,onSelect:n},null,8,[`selected`,`options`,`onSelect`])]),_:1},8,[`graph`,`selected`])):_(``,!0)],64)):d(P).assetViewType===`sunburst`?(o(),E(h,{key:3},[d(K)?(o(),u(y,{key:0,graph:d(K),selected:d(J),onSelect:n[2]||=e=>d(Z)(e)},null,8,[`graph`,`selected`])):_(``,!0)],64)):d(P).assetViewType===`flamegraph`?(o(),E(h,{key:4},[d(K)?(o(),u(b,{key:0,graph:d(K)},null,8,[`graph`])):_(``,!0)],64)):_(``,!0)]),x(C,{"hover-x":i.x,"hover-y":i.y},{default:s(()=>[d(q)?.meta?(o(),E(`div`,Ce,[w(`div`,we,m(d(q).text),1),w(`div`,Te,[x(S,{bytes:d(q).size,percent:!1},null,8,[`bytes`])])])):_(``,!0)]),_:1},8,[`hover-x`,`hover-y`])]))}}});export{Ee as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{At as e,Ft as t,Nt as n,Tt as r,Vt as i,W as a,c as o,ct as s,en as c,ft as l,in as u,it as d,kt as f,lt as p,mt as m,ot as h,pt as g,st as _,ut as v,x as y,y as b,yt as x}from"#entry";import{t as S}from"./Jdu9jmuG.js";import{r as C,t as w}from"./DL1ysgP5.js";import{r as T}from"./Cql2HFZJ.js";import{t as E}from"./D2FgER8-.js";var D=[`title`],O={flex:`~ items-center gap-2`},k={op50:``,"font-mono":``},A=[`title`],j=[`title`],M=m({__name:`BaseInfo`,props:{chunk:{},link:{type:Boolean,default:!1}},setup(t){let o=t,d=a(),f=h(()=>Array.isArray(o.chunk.imports)?o.chunk.imports.length:o.chunk.imports),p=h(()=>Array.isArray(o.chunk.modules)?o.chunk.modules.length:o.chunk.modules);return(a,o)=>{let m=C;return r(),s(n(t.link?c(S):`div`),{to:t.link?typeof t.link==`string`?t.link:{path:c(d).path,query:{chunk:t.chunk.chunk_id}}:void 0,flex:`~ gap-3 items-center`},{default:i(()=>[_(`div`,{flex:`~ gap-2 items-center`,title:`Chunk #${t.chunk.chunk_id}`},[e(a.$slots,`icon`,{},()=>[o[0]||=_(`div`,{"i-ph-shapes-duotone":``},null,-1)]),_(`div`,null,u(t.chunk.name||`[unnamed]`),1),g(m,{text:t.chunk.reason},null,8,[`text`]),e(a.$slots,`left-after`)],8,D),o[3]||=_(`div`,{"flex-auto":``},null,-1),_(`div`,O,[_(`span`,k,`#`+u(t.chunk.chunk_id),1),_(`div`,{flex:`~ gap-1 items-center`,title:`${f.value} imports`},[o[1]||=_(`div`,{"i-ph-file-arrow-up-duotone":``},null,-1),l(` `+u(f.value),1)],8,A),_(`div`,{flex:`~ gap-1 items-center`,title:`${p.value} modules`},[o[2]||=_(`div`,{"i-ph-package-duotone":``},null,-1),l(` `+u(p.value),1)],8,j)]),e(a.$slots,`default`)]),_:3},8,[`to`])}}}),N=Object.assign(M,{__name:`ChunksBaseInfo`}),P={relative:``},F={key:0,"pointer-events-none":``,absolute:``,"left-0":``,"right-0":``,"bottom-0":``,"bg-gradient-more":``,"h-30":``,flex:`~ justify-center`},I=m({__name:`ExpandableContainer`,props:x({list:{}},{count:{default:20},countModifiers:{}}),emits:[`update:count`],setup(n){let i=n,a=t(n,`count`),o=a.value,s=h(()=>i.list.slice(0,a.value));return(t,l)=>{let u=E;return r(),v(`div`,P,[e(t.$slots,`default`,{items:s.value}),n.list.length>a.value?(r(),v(`div`,F,[_(`button`,{op35:``,p2:``,pt4:``,mta:``,"pointer-events-auto":``,"hover:op100":``,flex:`~ items-center gap-1 justify-center`,onClick:l[0]||=e=>a.value=Math.round(a.value+c(o))},[l[2]||=_(`div`,{"i-ri:arrow-down-double-line":``},null,-1),l[3]||=_(`span`,null,`More`,-1),g(u,{prefix:`+`,number:Math.min(Math.round(c(o)),i.list.length-a.value),"rounded-full":``,"text-sm":``},null,8,[`number`])]),_(`button`,{op35:``,p2:``,pt4:``,mta:``,"pointer-events-auto":``,"hover:op100":``,flex:`~ items-center gap-1 justify-center`,onClick:l[1]||=e=>a.value=i.list.length},[l[4]||=_(`div`,{"i-ph-arrows-out-line-vertical-duotone":``},null,-1),l[5]||=_(`span`,null,`All`,-1),g(u,{number:i.list.length,"rounded-full":``,"text-sm":``},null,8,[`number`])])])):p(``,!0)])}}}),L=Object.assign(I,{__name:`DisplayExpandableContainer`}),R={key:0,"i-ph-file-duotone":``},z={key:1,"i-ph-lightning-duotone":``},B=m({__name:`Imports`,props:{imports:{}},setup(e){return(t,n)=>{let a=C,o=N,c=L;return r(),s(c,{flex:`~ col gap-1`,mt2:``,"ws-nowrap":``,list:e.imports},{default:i(({items:e})=>[(r(!0),v(d,null,f(e,(e,t)=>(r(),v(d,{key:t},[e?(r(),s(o,{key:0,chunk:e,link:``,hover:`bg-active`,border:`~ base rounded`,px2:``,py1:``,"w-full":``},{icon:i(()=>[e.kind===`import-statement`?(r(),v(`div`,R)):p(``,!0),e.kind===`dynamic-import`?(r(),v(`div`,z)):p(``,!0)]),"left-after":i(()=>[g(a,{text:e.kind},null,8,[`text`])]),_:2},1032,[`chunk`])):p(``,!0)],64))),128))]),_:1},8,[`list`])}}}),V=Object.assign(B,{__name:`ChunksImports`}),H={flex:`~ col gap-3`},U={key:0,open:`true`},W={op50:``},G={key:0,open:`true`},K={op50:``},q={key:1,open:`true`},J={op50:``},Y=m({__name:`ChunkDetails`,props:{chunk:{},session:{},showModules:{type:Boolean,default:!0},showImports:{type:Boolean,default:!0},chunks:{}},setup(t){let n=t,a=h(()=>{let e=new Map;for(let t of n.session.modulesList)e.set(t.id,t);return e}),l=h(()=>n.chunk.modules.reduce((e,t)=>{let n=a.value.get(t)?.buildMetrics?.transforms;return n?.length?e+n[n.length-1].transformed_code_size:e},0)),m=b(),{state:x,isLoading:S}=o(async()=>{if(!n.chunks)return await m.value[`vite:rolldown:get-chunks-graph`]?.({session:n.session.id})},null),E=h(()=>n.chunks||x.value),D=h(()=>n.chunk.imports.map(e=>{let t=E.value?.find(t=>t.chunk_id===e.chunk_id);return{...e,name:t?.name||`[unnamed]`,reason:t?.reason||`common`,imports:t?.imports.length||0,modules:t?.modules.length||0}})),O=h(()=>E.value?.filter(e=>e.imports.some(e=>e.chunk_id===n.chunk.chunk_id)).map(e=>({...e.imports.find(e=>e.chunk_id===n.chunk.chunk_id),chunk_id:e.chunk_id,name:e.name||`[unnamed]`,reason:e.reason||`common`,imports:e.imports.length||0,modules:e.modules.length||0}))||[]);return(n,a)=>{let o=C,m=T,h=N,b=w,x=L,E=y,k=V;return r(),v(`div`,H,[g(h,{chunk:t.chunk},{"left-after":i(()=>[t.chunk.is_initial?(r(),s(o,{key:0,text:`initial`})):p(``,!0),g(m,{bytes:l.value,"text-sm":``},null,8,[`bytes`])]),default:i(()=>[e(n.$slots,`default`)]),_:3},8,[`chunk`]),t.showModules?(r(),v(`details`,U,[_(`summary`,W,[_(`span`,null,`Modules (`+u(t.chunk.modules.length)+`)`,1)]),g(x,{flex:`~ col gap-1`,mt2:``,"ws-nowrap":``,list:t.chunk.modules},{default:i(({items:e})=>[(r(!0),v(d,null,f(e,e=>(r(),s(b,{id:e,key:e,session:t.session,link:!0,minimal:!0,hover:`bg-active`,border:`~ base rounded`,px2:``,py1:``,"w-full":``},null,8,[`id`,`session`]))),128))]),_:1},8,[`list`])])):p(``,!0),c(S)?(r(),s(E,{key:1})):t.showImports?(r(),v(d,{key:2},[t.chunk.imports.length?(r(),v(`details`,G,[_(`summary`,K,[_(`span`,null,`Imports (`+u(t.chunk.imports.length)+`)`,1)]),g(k,{imports:D.value},null,8,[`imports`])])):p(``,!0),O.value.length?(r(),v(`details`,q,[_(`summary`,J,[_(`span`,null,`Importers (`+u(O.value.length)+`)`,1)]),g(k,{imports:O.value},null,8,[`imports`])])):p(``,!0)],64)):p(``,!0)])}}}),X=Object.assign(Y,{__name:`DataChunkDetails`});export{L as n,N as r,X as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{G as e,Jt as t,Rt as n,Tt as r,Vt as i,W as a,c as o,ct as s,en as c,ft as l,g as u,in as d,it as f,jt as p,kt as m,l as h,lt as g,mt as _,ot as v,p as y,pt as b,qt as x,st as S,tn as C,ut as w,w as T,x as ee,y as te}from"#entry";import{t as E}from"./Jdu9jmuG.js";import"./DQtLZa7C.js";import"./B_mZ82Ef.js";import"./2OALqkc2.js";import{r as D,t as O}from"./DL1ysgP5.js";import"./DnpfwSMy.js";import{r as k,t as A}from"./Cql2HFZJ.js";import{a as j,c as M,n as N,t as ne}from"./BFwdTbGt.js";import{t as re}from"./BXOSVw5U.js";import{t as P}from"./XQtE9Wbo.js";import{t as F}from"./DwSC73X4.js";import{t as ie}from"./CEQkJ3Wx.js";import{t as I}from"./BdkENIq8.js";var L={flex:`~ row gap-1`,"of-hidden":``},R={flex:`~ row gap-1`,"ws-nowrap":``},z={p2:``,flex:`~ col gap-1`},B=_({__name:`Importers`,props:{package:{},session:{},showVersion:{type:Boolean}},setup(e){let t=e,n=v(()=>{let e=new Map;return t.package.files.filter(e=>!!e.importers).flatMap(e=>e.importers).filter(e=>!e.path.startsWith(t.package?.dir??``)).forEach(t=>{e.set(t.path,t)}),Array.from(e.values())});return(t,a)=>{let o=O,c=D,l=p(`VMenu`);return r(),w(`div`,L,[S(`div`,R,[b(o,{id:n.value[0].path,session:e.session,link:``},null,8,[`id`,`session`]),n.value[0].version&&e.showVersion?(r(),s(c,{key:0,text:n.value[0].version,as:`span`},null,8,[`text`])):g(``,!0)]),n.value.length>1?(r(),s(l,{key:0,delay:{show:200,hide:0},"flex-none":``},{popper:i(()=>[S(`div`,z,[(r(!0),w(f,null,m(n.value,t=>(r(),w(`div`,{key:t.path,flex:`~ row gap-1 items-center nowrap`,"w-max":``},[b(o,{id:t.path,session:e.session,"ws-nowrap":``,"flex-1":``,"disable-tooltip":``,link:``},null,8,[`id`,`session`]),t.version&&e.showVersion?(r(),s(c,{key:0,text:`v${t.version}`,as:`span`},null,8,[`text`])):g(``,!0)]))),128))])]),default:i(()=>[b(c,{text:`+${n.value.length}`,color:100,class:`text-xs rounded px1`},null,8,[`text`])]),_:1})):g(``,!0)])}}}),V=Object.assign(B,{__name:`PackagesImporters`}),H={role:`table`,"min-w-max":``,border:`~ base rounded-xl`},U={role:`row`,class:`border-b border-base`,flex:`~ row`},W=[`title`],G={key:0,"font-mono":``},K={key:0,title:`Package version`,role:`columnheader`,"rounded-tr-2":``,"flex-none":``,"min-w40":``,"ws-nowrap":``,"text-left":``,"py1.5":``,px2:``,"font-600":``},q={flex:`~ row gap1 items-center justify-end`,"w-full":``,relative:``,pr2:``},J={key:0,role:`cell`,"font-mono":``,"flex-none":``,"min-w80":``,"py1.5":``,px2:``,"ws-nowrap":``,"text-sm":``},Y={role:`cell`,flex:`~ items-center justify-end`,"flex-none":``,"font-mono":``,"py1.5":``,px2:``,"text-sm":``,"min-w40":``,op80:``},X={p2:``,flex:`~ col gap-1`},Z={w24:``,"inline-flex":``},ae={role:`cell`,flex:`~ items-center`,"flex-1":``,"font-mono":``,"py1.5":``,pl20:``,pr2:``,"text-sm":``,op80:``},oe={key:1},se=_({__name:`Table`,props:{packages:{},session:{},disableSizeSort:{type:Boolean,default:!1},groupView:{type:Boolean,default:!1}},setup(e){let t=a(),{state:n,next:o}=h([``,`desc`,`asc`],{initialValue:A.value.packageSizeSortType});function u(){o(),A.value.packageSizeSortType=n.value}return(a,o)=>{let p=F,h=k,_=O,v=V,y=E,x=P;return r(),w(`div`,H,[S(`div`,U,[S(`div`,{title:e.groupView?`Package`:`Bundled packages`,role:`columnheader`,"rounded-tl-2":``,"flex-none":``,"ws-nowrap":``,"py1.5":``,px2:``,"font-600":``,class:C([e.groupView?`min-w40`:`min-w80`])},[e.groupView?(r(),w(`div`,G,[b(p,{name:e.packages?.[0]?.name},null,8,[`name`])])):(r(),w(f,{key:1},[l(` Package `)],64))],10,W),e.groupView?g(``,!0):(r(),w(`div`,K,` Version `)),S(`div`,{title:`Transformed code size`,role:`columnheader`,"rounded-tr-2":``,"flex-none":``,"ws-nowrap":``,"py1.5":``,"font-600":``,"min-w40":``,class:C([e.groupView?`px2`:`pl2`])},[S(`button`,q,[o[0]||=l(` Size `,-1),e.disableSizeSort?g(``,!0):(r(),w(`span`,{key:0,"w-6":``,"h-6":``,"rounded-full":``,"cursor-pointer":``,hover:`bg-active`,flex:`~ items-center justify-center`,onClick:u},[S(`i`,{"text-xs":``,class:C([c(n)===`asc`?`i-ph-arrow-up-duotone`:`i-ph-arrow-down-duotone`,c(n)?`op100 text-primary`:`op50`])},null,2)]))])],2),o[1]||=S(`div`,{title:`Importers`,role:`columnheader`,"rounded-tr-2":``,"flex-none":``,"ws-nowrap":``,"py1.5":``,pl20:``,pr2:``,"font-600":``,"min-w50":``},` Importers `,-1)]),e.packages.length?(r(),s(x,{key:0,role:`rowgroup`,items:e.packages,"key-prop":`dir`},{default:i(({item:n,index:a})=>[b(y,{role:`row`,flex:`~ row`,class:C([`border-base border-b-1 border-dashed`,[a===e.packages.length-1?`border-b-0`:``]]),to:{path:c(t).path,query:{package:`${n.name}@${n.version}`}}},{default:i(()=>[e.groupView?g(``,!0):(r(),w(`div`,J,[b(p,{name:n.name},null,8,[`name`])])),S(`div`,{role:`cell`,flex:`~ items-center`,"text-left":``,"flex-none":``,"font-mono":``,"py1.5":``,px2:``,"text-sm":``,"min-w40":``,op80:``,class:C({"text-primary":n.duplicated})},d(n.version),3),S(`div`,Y,[b(c(T),{delay:{show:200,hide:0}},{popper:i(()=>[S(`div`,X,[(r(!0),w(f,null,m(n.files.filter(e=>!!e.transformedCodeSize),t=>(r(),w(`div`,{key:t.path,flex:`~ row gap-1 items-center nowrap`,"w-max":``},[S(`span`,Z,[b(h,{bytes:t.transformedCodeSize},null,8,[`bytes`])]),b(_,{id:t.path,session:e.session,"ws-nowrap":``,"flex-1":``,"disable-tooltip":``,link:``,cwd:n.dir},null,8,[`id`,`session`,`cwd`])]))),128))])]),default:i(()=>[b(h,{bytes:n.transformedCodeSize},null,8,[`bytes`])]),_:2},1024)]),S(`div`,ae,[b(v,{package:n,session:e.session,"show-version":e.groupView},null,8,[`package`,`session`,`show-version`])])]),_:2},1032,[`class`,`to`])]),_:1},8,[`items`])):(r(),w(`div`,oe,[...o[2]||=[S(`div`,{p4:``},[S(`div`,{"w-full":``,"h-48":``,flex:`~ items-center justify-center`,op50:``,italic:``},[S(`p`,null,` No data `)])],-1)]]))])}}}),Q=Object.assign(se,{__name:`PackagesTable`}),ce={key:1,p4:``},le=_({__name:`Duplicated`,props:{packages:{},session:{}},setup(e){let t=e,n=v(()=>t.packages.filter(e=>e.duplicated)),i=v(()=>n.value.reduce((e,t)=>(e[t.name]=[...e[t.name]||[],t],e),{}));return(t,a)=>{let o=Q;return n.value.length?(r(!0),w(f,{key:0},m(i.value,(t,n)=>(r(),w(`div`,{key:n},[b(o,{packages:t,session:e.session,"group-view":``,"disable-size-sort":``},null,8,[`packages`,`session`])]))),128)):(r(),w(`div`,ce,[...a[0]||=[S(`div`,{"w-full":``,"h-48":``,flex:`~ items-center justify-center`,op50:``,italic:``},` No duplicate packages `,-1)]]))}}}),ue=Object.assign(le,{__name:`PackagesDuplicated`}),de={key:1,relative:``,"max-h-screen":``,"of-hidden":``},fe={absolute:``,"left-4":``,"top-4":``,"z-panel-nav":``},pe={flex:`~ gap-2 items-center`,p2:``,border:`t base`},$=[`onClick`],me={"of-auto":``,"h-screen":``,flex:`~ col gap-2`,pt44:``,px4:``,pb4:``},he={absolute:``,"bottom-4":``,"py-1":``,"px-2":``,"bg-glass":``,left:`1/2`,"translate-x":`-1/2`,border:`~ base rounded-full`,text:`center xs`},ge={op50:``},_e={key:1,"w-full":``,"h-48":``,flex:`~ items-center justify-center`,op50:``,italic:``},ve={key:0,"bg-glass":``,border:`~ base rounded`,p2:``,"text-sm":``,flex:`~ col gap-2`},ye={flex:`~ gap-1 items-center`},be={flex:`~ gap-1 items-center`},xe=_({__name:`packages`,props:{session:{}},setup(p){let h=p,_=x(y()),T=a(),E=e(),D=[{match:/.*/,name:`direct`,description:`Direct Dependencies`,icon:`i-octicon:package-dependencies-24 light:filter-invert-30!`},{match:/.*/,name:`transitive`,description:`Transitive Dependencies`,icon:`i-octicon:package-24 light:filter-invert-30!`}],O=te(),P=t({search:``,selected:[`direct`,`transitive`]}),{state:F,isLoading:L}=o(async()=>await O.value[`vite:rolldown:get-packages`]?.({session:h.session.id}),null),R=u(()=>F.value,()=>new ie(F.value,{includeScore:!0,keys:[`name`],ignoreLocation:!0,threshold:.4})),z=v(()=>F.value?Object.values(F.value.reduce((e,t)=>(e[t.name]=(e[t.name]||0)+1,e),{})).filter(e=>e>1).length:0),B=v(()=>[{label:`Table`,value:`table`,icon:`i-ph-table-duotone`},{label:`Treemap`,value:`treemap`,icon:`i-ph-checkerboard-duotone`},{label:`Duplicate Packages${z.value>0?` (${z.value})`:``}`,value:`duplicate-packages`,icon:`i-ph-package-duotone`}]),V=v(()=>P.value.search?R.value.search(P.value.search).map(e=>e.item):[...F.value||[]]),H=v(()=>{let e=A.value.packageSizeSortType,t=[...V.value].sort((e,t)=>(e.name||``).localeCompare(t.name||``));return(e?t.sort((t,n)=>e===`asc`?t.transformedCodeSize-n.transformedCodeSize:n.transformedCodeSize-t.transformedCodeSize):t).filter(e=>!P.value.selected||P.value.selected.some(t=>t.match(e.type)))});function U(e){A.value.packageViewType=e}let{tree:W,chartOptions:G,graph:K,nodeHover:q,nodeSelected:J,selectedNode:Y,selectNode:X,buildGraph:Z}=ne({data:H,nameKey:`name`,sizeKey:`transformedCodeSize`,rootText:`Packages`,nodeType:`package`,graphOptions:{onHover(e){e&&!T.query.package&&(q.value=e),e===null&&(q.value=void 0)},onClick(e){e.meta?.type===`package`&&E.replace({query:{...T.query,package:`${e.meta?.name}@${e.meta?.version}`}})},onLeave(){q.value=void 0},onSelect(e){J.value=e||W.value.root,Y.value=e?.meta}},onUpdate(){A.value.packageViewType===`treemap`&&(K.value=new j(W.value.root,{...G.value,selectedPaddingRatio:0}))}});return n(()=>A.value.packageViewType,()=>{Z()}),(e,t)=>{let n=ee,a=re,o=Q,u=N,h=ue,v=k,y=M;return c(L)?(r(),s(n,{key:0})):(r(),w(`div`,de,[S(`div`,fe,[b(a,{modelValue:P.value,"onUpdate:modelValue":t[0]||=e=>P.value=e,rules:D},{default:i(()=>[S(`div`,pe,[t[2]||=S(`span`,{op50:``,pl2:``,"text-sm":``},`View as`,-1),(r(!0),w(f,null,m(B.value,e=>(r(),w(`button`,{key:e.value,"btn-action":``,class:C(c(A).packageViewType===e.value?`bg-active`:`grayscale op50`),onClick:t=>U(e.value)},[S(`div`,{class:C(e.icon)},null,2),l(` `+d(e.label),1)],10,$))),128))])]),_:1},8,[`modelValue`])]),S(`div`,me,[c(A).packageViewType===`table`?(r(),w(f,{key:0},[b(o,{packages:H.value,session:p.session},null,8,[`packages`,`session`]),S(`div`,he,[S(`span`,ge,d(V.value.length)+` of `+d(c(F)?.length||0),1)])],64)):c(A).packageViewType===`treemap`?(r(),w(f,{key:1},[c(K)&&H.value.length?(r(),s(I,{key:0,graph:c(K),selected:c(J),onSelect:t[1]||=e=>c(X)(e)},{default:i(({selected:e,options:t,onSelect:n})=>[b(u,{border:`b base`,py2:``,"min-h-10":``,selected:e,options:t,onSelect:n},null,8,[`selected`,`options`,`onSelect`])]),_:1},8,[`graph`,`selected`])):(r(),w(`span`,_e,` No Data `))],64)):c(A).packageViewType===`duplicate-packages`?(r(),s(h,{key:2,packages:H.value,session:p.session},null,8,[`packages`,`session`])):g(``,!0)]),b(y,{"hover-x":_.x,"hover-y":_.y},{default:i(()=>[c(q)?.meta?(r(),w(`div`,ve,[S(`div`,ye,d(c(q).text),1),S(`div`,be,[b(v,{bytes:c(q).size,percent:!1},null,8,[`bytes`])])])):g(``,!0)]),_:1},8,[`hover-x`,`hover-y`])]))}}});export{xe as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Tt as e,Vt as t,W as n,c as r,ct as i,en as a,ft as o,in as s,it as c,kt as l,lt as u,mt as d,ot as f,pt as p,st as m,tn as h,ut as g,x as _,xt as v,y}from"#entry";import{t as b}from"./Jdu9jmuG.js";import"./DQtLZa7C.js";import"./B_mZ82Ef.js";import"./2OALqkc2.js";import{r as x}from"./DL1ysgP5.js";import{t as S}from"./Cql2HFZJ.js";import{r as C,t as w}from"./3U5pi9Qt.js";import"./D2FgER8-.js";import{t as T}from"./LMGHh3hZ.js";import{t as E}from"./XQtE9Wbo.js";import{t as D}from"./UcimcIQR.js";var O={flex:``,pb2:``},k=d({__name:`FlatList`,props:{chunks:{},session:{}},setup(n){return(r,a)=>{let o=x,s=C,c=E;return e(),i(c,{items:n.chunks,"key-prop":`chunk_id`},{default:t(({item:n})=>[m(`div`,O,[p(s,{chunk:n,link:``,"w-full":``,"font-mono":``,border:`~ rounded base`,px2:``,py1:``,"text-sm":``,hover:`bg-active`,flex:`~ gap-4 items-center`},{"left-after":t(()=>[n.is_initial?(e(),i(o,{key:0,text:`initial`})):u(``,!0)]),_:2},1032,[`chunk`])])]),_:1},8,[`items`])}}}),A=Object.assign(k,{__name:`ChunksFlatList`}),j={op50:``,"font-mono":``,w12:``},M=[`title`],N={flex:`~ gap-1 items-center`},P=d({__name:`Graph`,props:{session:{},chunks:{}},setup(r){let c=r,l=f(()=>c.chunks),d=n();return T({modules:l,spacing:{width:450,height:55,linkOffset:15,margin:120,gap:150},generateGraph:e=>{let{isFirstCalculateGraph:t,scale:n,spacing:r,tree:i,hierarchy:o,collapsedNodes:s,container:c,modulesMap:u,nodes:d,links:f,nodesMap:p,linksMap:m,width:h,height:g,childToParentMap:_}=e;return()=>{h.value=window.innerWidth,g.value=window.innerHeight;let e=l.value.filter(e=>e.reason===`entry`),y=new Set,b=o({module:{id:`~root`}},n=>`${n.module?.id}`==`~root`?(e.forEach(e=>{y.add(e),t.value&&_.set(e.id,`~root`)}),e.map(e=>({module:e,expanded:!s.has(e.id),hasChildren:!1}))):s.has(`${n.module?.id}`)?[]:n.module.imports?.map(e=>{let r=u.value.get(`${e.chunk_id}`);if(!(!r||y.has(r)))return t.value&&_.set(r.id,n.module.id),y.add(r),{module:r,expanded:!s.has(r.id),hasChildren:!1}}).filter(e=>e!==void 0));t.value&&=!1,i().nodeSize([a(r.height),a(r.width)+a(r.gap)])(b);let x=b.descendants();for(let e of x)[e.x,e.y]=[e.y-a(r.width),e.x];let S=Math.min(...x.map(e=>e.x)),C=Math.min(...x.map(e=>e.y));if(S<a(r.margin))for(let e of x)e.x+=Math.abs(S)+a(r.margin);if(C<a(r.margin))for(let e of x)e.y+=Math.abs(C)+a(r.margin);d.value=x,p.clear();for(let e of x)p.set(`${e.data.module.id}`,e);let w=b.links().filter(e=>`${e.source.data.module.id}`!=`~root`).map(e=>({...e,id:`${e.source.data.module.id}|${e.target.data.module.id}`})),T=l.value.flatMap(e=>e.imports.filter(t=>!w.find(n=>n.id===`${e.chunk_id}|${t.chunk_id}`)).map(t=>({source:p.get(`${e.chunk_id}`),target:p.get(`${t.chunk_id}`),id:`${e.chunk_id}|${t.chunk_id}`}))),E=[...w,...T];m.clear();for(let e of E)m.set(e.id,e);f.value=E,v(()=>{h.value=c.value.scrollWidth/n.value+a(r.margin),g.value=c.value.scrollHeight/n.value+a(r.margin)})}}}),(n,c)=>{let f=x,h=b,g=D;return e(),i(g,{session:r.session,modules:l.value,"expand-controls":!1},{default:t(({node:n})=>[p(h,{class:`flex items-center`,to:{path:a(d).path,query:{chunk:n.data.module.chunk_id}}},{default:t(()=>[m(`span`,j,`#`+s(n.data.module.id),1),m(`div`,{flex:`~ gap-2 items-center`,title:`Chunk #${n.data.module.id}`},[m(`div`,null,s(n.data.module.name||`[unnamed]`),1),p(f,{text:n.data.module.reason},null,8,[`text`]),n.data.module.is_initial?(e(),i(f,{key:0,text:`initial`})):u(``,!0)],8,M),c[1]||=m(`div`,{"flex-auto":``},null,-1),m(`div`,N,[c[0]||=m(`div`,{"i-ph-package-duotone":``},null,-1),o(` `+s(n.data.module.modules.length),1)])]),_:2},1032,[`to`])]),_:1},8,[`session`,`modules`])}}}),F=Object.assign(P,{__name:`ChunksGraph`}),I={key:1,relative:``,"max-h-screen":``,"of-hidden":``},L={absolute:``,"left-4":``,"top-4":``,"z-panel-nav":``},R={flex:`~ gap-2 items-center`,p2:``,border:`~ base rounded-xl`,"bg-glass":``},z=[`onClick`],B={key:0,class:`px5 pt24 of-auto h-screen`,flex:`~ col gap-4`},V={key:1,class:`px5 pt24 of-auto h-screen`,flex:`~ col gap-4`},H=d({__name:`chunks`,props:{session:{}},setup(t){let n=t,d=[{label:`List`,value:`list`,icon:`i-ph-list-bullets-duotone`},{label:`Detailed List`,value:`detailed-list`,icon:`i-ph-list-magnifying-glass-duotone`},{label:`Graph`,value:`graph`,icon:`i-ph-graph-duotone`}],v=y(),{state:b,isLoading:x}=r(async()=>await v.value[`vite:rolldown:get-chunks-graph`]?.({session:n.session.id}),null),C=f(()=>b.value?.map(e=>({...e,id:`${e.chunk_id}`}))??[]);function T(e){S.value.chunkViewType=e}return(n,r)=>{let f=_,v=A,y=w,E=F;return a(x)?(e(),i(f,{key:0})):(e(),g(`div`,I,[m(`div`,L,[m(`div`,R,[r[0]||=m(`span`,{op50:``,pl2:``,"text-sm":``},`View as`,-1),(e(),g(c,null,l(d,e=>m(`button`,{key:e.value,"btn-action":``,class:h(a(S).chunkViewType===e.value?`bg-active`:`grayscale op50`),onClick:t=>T(e.value)},[m(`div`,{class:h(e.icon)},null,2),o(` `+s(e.label),1)],10,z)),64))])]),a(S).chunkViewType===`list`?(e(),g(`div`,B,[p(v,{session:t.session,chunks:C.value},null,8,[`session`,`chunks`])])):u(``,!0),a(S).chunkViewType===`detailed-list`?(e(),g(`div`,V,[(e(!0),g(c,null,l(a(b),n=>(e(),i(y,{key:n.id,border:`~ base rounded-lg`,p3:``,chunk:n,chunks:a(b),session:t.session},null,8,[`chunk`,`chunks`,`session`]))),128))])):a(S).chunkViewType===`graph`?(e(),i(E,{key:2,session:t.session,chunks:C.value},null,8,[`session`,`chunks`])):u(``,!0)]))}}});export{H as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{At as e,Ht as t,Tt as n,en as r,h as i,in as a,it as o,kt as s,lt as c,mt as l,st as u,tn as d,tt as f,ut as p}from"#entry";var m={flex:`col gap-2`,"max-w-90vw":``,"min-w-30vw":``,border:`~ base rounded-xl`,"bg-glass":``},h={key:0},g=[`title`],_=[`checked`,`onChange`],v={"text-sm":``},y=[`title`],b={key:0,op75:``,"i-ph-selection-slash-duotone":``},x={key:1,op75:``,"i-ph-selection-plus-duotone":``},S=l({__name:`SearchPanel`,props:{rules:{},modelValue:{default:()=>({search:``,selected:null})},selectedContainerClass:{default:``}},emits:[`update:modelValue`],setup(l,{emit:S}){let C=l,w=i(C,`modelValue`,S);function T(e){let{modelValue:t}=C;return t?.selected?t.selected.includes(e.name):!0}function E(e){let{rules:t}=C;w?.value?.selected||(w.value.selected=t.map(e=>e.name)),w.value.selected.includes(e.name)?w.value.selected=w.value.selected.filter(t=>t!==e.name):w.value.selected.push(e.name),w?.value?.selected.length===C.rules.length&&(w.value.selected=null)}function D(){w?.value?.selected?.length===C.rules.length?w.value.selected=null:w?.value?.selected==null?w.value.selected=[]:w.value.selected=C.rules.map(e=>e.name).filter(e=>!w.value.selected?.includes(e))}function O(){w?.value?.selected?.length===0?w.value.selected=null:w.value.selected=[]}return(i,S)=>(n(),p(`div`,m,[l.modelValue.search===!1?c(``,!0):(n(),p(`div`,h,[t(u(`input`,{"onUpdate:modelValue":S[0]||=e=>r(w).search=e,p2:``,px4:``,"w-full":``,style:{outline:`none`},placeholder:`Search`},null,512),[[f,r(w).search]])])),l.rules.length?(n(),p(`div`,{key:1,class:d(l.selectedContainerClass),flex:`~ gap-2 wrap`,p2:``,border:`t base`},[(n(!0),p(o,null,s(l.rules,e=>(n(),p(`label`,{key:e.name,border:`~ base rounded-md`,px2:``,py1:``,flex:`~ items-center gap-1`,"select-none":``,title:e.description,class:d(T(e)?`bg-active`:`grayscale op50`)},[u(`input`,{type:`checkbox`,mr1:``,checked:T(e),onChange:t=>E(e)},null,40,_),u(`div`,{class:d(e.icon),"icon-catppuccin":``},null,2),u(`div`,v,a(e.description||e.name),1)],10,g))),128)),u(`button`,{"rounded-md":``,p1:``,flex:`~ items-center gap-1`,"select-none":``,hover:`bg-active`,title:`Reverse Selection`,onClick:D},[...S[1]||=[u(`div`,{op75:``,"i-ph-selection-background-duotone":``},null,-1)]]),u(`button`,{"rounded-md":``,p1:``,flex:`~ items-center gap-1`,"select-none":``,hover:`bg-active`,title:r(w).selected?.length===0?`Select All`:`Unselect All`,onClick:O},[r(w).selected?.length===0?(n(),p(`div`,b)):(n(),p(`div`,x))],8,y)],2)):c(``,!0),e(i.$slots,`default`)]))}}),C=Object.assign(S,{__name:`DataSearchPanel`});export{C as t};
|