@vitejs/devtools-rolldown 0.1.2 → 0.1.3

package/dist/public/_nuxt/{BcmauC2P2.js → TJfS2wQy2.js}

@@ -1 +1 @@
-import{A as e,B as t,C as n,D as r,Et as i,Gt as a,Ht as o,M as s,S as c,Wt as l,Z as u,at as d,b as f,bt as p,et as m,h,k as g,lt as _,ot as v,q as y,st as b,ut as x,vt as S,w as C,x as w}from"./CyUS7GqK.js";import{C as T}from"./Bc8dubgH.js";import{c as E,g as D,p as O}from"./D0PBHtPK.js";import{r as k}from"./CeUdh6JR.js";import{n as ee}from"#entry";import{t as A}from"./B8Pee7C0.js";import{r as j}from"./Cy7pLEz3.js";import{r as M,t as N}from"./jJjSdHHs.js";import{i as P,t as te}from"./L1-1zWht.js";import{n as F}from"./D4uTGA7r.js";import{n as ne,r as re,t as I}from"./D9y1gK-U.js";import{a as ie,c as ae,i as oe,n as L,o as R,r as se,t as ce}from"./VSGDfpIu.js";import{t as le}from"./DjwOaWuE.js";import{n as ue,r as de,t as z}from"./COVKvZqR.js";var B=[`onClick`],V=s({__name:`FlatList`,props:{chunks:{},session:{},link:{type:Boolean,default:!0},basic:{type:Boolean,default:!1}},emits:[`select`],setup(t,{emit:r}){let i=r;return(r,a)=>{let o=P;return y(),c(I,{items:t.chunks,"key-prop":`chunk_id`},{default:_(({item:r})=>[w(`div`,{flex:``,pb2:``,onClick:e=>i(`select`,r)},[e(o,{chunk:r,basic:t.basic,link:t.link,"w-full":``,"font-mono":``,border:`~ rounded base`,px2:``,py1:``,"text-sm":``,hover:`bg-active`,flex:`~ gap-4 items-center`},{"left-after":_(()=>[r.is_initial?(y(),c(j,{key:0,text:`initial`})):n(``,!0)]),_:2},1032,[`chunk`,`basic`,`link`])],8,B)]),_:1},8,[`items`])}}}),fe=Object.assign(V,{__name:`ChunksFlatList`}),H={op50:``,"font-mono":``,w12:``},U=[`title`],W={flex:`~ gap-1 items-center`},G=s({__name:`Graph`,props:{session:{},chunks:{},entryId:{default:``}},setup(r){let o=r,s=f(()=>o.chunks),l=T();return F({modules:s,spacing:{width:450,height:55,linkOffset:15,margin:120,gap:150},generateGraph:e=>{let{isFirstCalculateGraph:n,scale:r,spacing:a,tree:c,hierarchy:l,collapsedNodes:u,container:d,modulesMap:f,nodes:p,links:m,nodesMap:h,linksMap:g,width:_,height:v,childToParentMap:y}=e;return()=>{_.value=window.innerWidth,v.value=window.innerHeight;let e=s.value.filter(e=>o.entryId?e.id===o.entryId:e.reason===`entry`),b=new Set,x=l({module:{id:`~root`}},t=>`${t.module?.id}`==`~root`?(e.forEach(e=>{b.add(e),n.value&&y.set(e.id,`~root`)}),e.map(e=>({module:e,expanded:!u.has(e.id),hasChildren:!1}))):u.has(`${t.module?.id}`)?[]:t.module.imports?.map(e=>{let r=f.value.get(`${e.chunk_id}`);if(!(!r||b.has(r)))return n.value&&y.set(r.id,t.module.id),b.add(r),{module:r,expanded:!u.has(r.id),hasChildren:!1}}).filter(e=>e!==void 0));n.value&&=!1,c().nodeSize([i(a.height),i(a.width)+i(a.gap)])(x);let S=x.descendants();for(let e of S)[e.x,e.y]=[e.y-i(a.width),e.x];let C=Math.min(...S.map(e=>e.x)),w=Math.min(...S.map(e=>e.y));if(C<i(a.margin))for(let e of S)e.x+=Math.abs(C)+i(a.margin);if(w<i(a.margin))for(let e of S)e.y+=Math.abs(w)+i(a.margin);p.value=S,h.clear();for(let e of S)h.set(`${e.data.module.id}`,e);let T=x.links().filter(e=>`${e.source.data.module.id}`!=`~root`).map(e=>({...e,id:`${e.source.data.module.id}|${e.target.data.module.id}`})),E=s.value.flatMap(e=>e.imports.filter(t=>!T.some(n=>n.id===`${e.chunk_id}|${t.chunk_id}`)).map(t=>({source:h.get(`${e.chunk_id}`),target:h.get(`${t.chunk_id}`),id:`${e.chunk_id}|${t.chunk_id}`}))),D=[...T,...E];g.clear();for(let e of D)g.set(e.id,e);m.value=D,t(()=>{_.value=d.value.scrollWidth/r.value+i(a.margin),v.value=d.value.scrollHeight/r.value+i(a.margin)})}}}),(t,o)=>{let u=A,d=z;return y(),c(d,{session:r.session,modules:s.value,"expand-controls":!1},{default:_(({node:t})=>[e(u,{class:`flex items-center`,to:{path:i(l).path,query:{chunk:t.data.module.chunk_id}}},{default:_(()=>[w(`span`,H,`#`+a(t.data.module.id),1),w(`div`,{flex:`~ gap-2 items-center`,title:`Chunk #${t.data.module.id}`},[w(`div`,null,a(t.data.module.name||`[unnamed]`),1),e(j,{text:t.data.module.reason},null,8,[`text`]),t.data.module.is_initial?(y(),c(j,{key:0,text:`initial`})):n(``,!0)],8,U),o[1]||=w(`div`,{"flex-auto":``},null,-1),w(`div`,W,[o[0]||=w(`div`,{"i-ph-package-duotone":``},null,-1),g(` `+a(t.data.module.modules.length),1)])]),_:2},1032,[`to`])]),_:1},8,[`session`,`modules`])}}}),pe=Object.assign(G,{__name:`ChunksGraph`}),K={grid:`~ cols-[max-content_1fr] gap-2`,p4:``},q={flex:`~ col gap-4`},J={key:0,grid:`~ cols-[250px_1fr] gap-1`},Y=[`onClick`],X={key:0,"text-primary":``},Z={key:1},Q=[`onClick`],$=[`title`],me=s({__name:`Sunburst`,props:{graph:{},selected:{}},emits:[`select`],setup(t,{emit:r}){let o=t,s=r,c=d(`el`);return b(()=>c.value?.append(o.graph.el)),(r,o)=>{let d=L,f=M,p=m(`tooltip`);return y(),C(`div`,K,[w(`div`,{ref_key:`el`,ref:c,"w-500px":``},null,512),w(`div`,q,[e(d,{border:`b base`,py2:``,selected:t.selected,options:t.graph.options,onSelect:o[0]||=e=>s(`select`,e)},null,8,[`selected`,`options`]),t.selected?(y(),C(`div`,J,[(y(!0),C(h,null,u(t.selected.children,r=>(y(),C(h,{key:r.id},[w(`button`,{"ws-nowrap":``,"text-nowrap":``,"text-left":``,"overflow-hidden":``,"text-ellipsis":``,"text-sm":``,hover:`bg-active`,rounded:``,px2:``,onClick:e=>s(`select`,r)},[r.meta&&r.meta===t.selected?.meta?(y(),C(`span`,X,`(self)`)):(y(),C(`span`,Z,a(r.meta?.name||r.id),1))],8,Y),w(`button`,{relative:``,flex:`~ gap-1 items-center`,hover:`bg-active`,rounded:``,onClick:e=>s(`select`,r)},[w(`div`,{"h-5":``,rounded:``,shadow:``,border:`~ base`,style:l({background:i(R)(t.graph.options.getColor?.(r)||`#000`),width:`${r.size/t.selected.size*100}%`})},null,4),e(f,{"text-xs":``,bytes:r.size,total:t.selected.size,"percent-ratio":3},null,8,[`bytes`,`total`]),r.children.length>0?x((y(),C(`div`,{key:0,title:`${r.children.length} modules`,"text-xs":``,"op-fade":``},[g(` (`+a(r.children.length)+`) `,1)],8,$)),[[p,`${r.children.length} modules`]]):n(``,!0)],8,Q)],64))),128))])):n(``,!0)])])}}}),he=Object.assign(me,{__name:`ChunksSunburst`}),ge=s({__name:`Flamegraph`,props:{graph:{}},setup(e){let t=e,n=d(`el`);return b(()=>n.value?.append(t.graph.el)),(e,t)=>(y(),C(`div`,{ref_key:`el`,ref:n},null,512))}}),_e=Object.assign(ge,{__name:`ChunksFlamegraph`}),ve={key:1,relative:``,"max-h-screen":``,"of-hidden":``},ye={absolute:``,"left-4":``,"top-4":``,"z-panel-nav":``},be={key:0,h10:``,mr2:``,flex:`~ items-center`},xe={flex:`~ gap-2 items-center`,p2:``,border:`t base`},Se=[`onClick`],Ce={key:0,class:`px5 pt32 of-auto h-screen`,flex:`~ col gap-4`},we={key:1,class:`px5 pt32 of-auto h-screen`,flex:`~ col gap-4`},Te={key:3,"of-auto":``,"h-screen":``,flex:`~ col gap-2`,pt32:``},Ee={key:4,"of-auto":``,"h-screen":``,flex:`~ col gap-2`,pt32:``},De={key:5,"of-auto":``,"h-screen":``,flex:`~ col gap-2`,pt32:``},Oe={key:0,border:`~ base rounded-lg`,"bg-base":``,p2:``,flex:`~ col gap-2`,"min-w-50":``,"shadow-lg":``},ke={flex:`~ gap-2 items-center`},Ae={truncate:``},je={flex:`~ gap-2 items-center`},Me={key:0,flex:`~ gap-2 items-center`},Ne={"text-xs":``},Pe={key:1,flex:`~ gap-2 items-center`},Fe=s({__name:`chunks`,props:{session:{}},setup(t){let s=t,l=S(O()),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`},{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`}],m=p({search:``}),b=k(),{state:x,isLoading:T}=E(async()=>await b.value.call(`vite:rolldown:get-chunks-graph`,{session:s.session.id}),null),A=f(()=>{let e=new Map;return x.value?.forEach(t=>{e.set(`${t.chunk_id}`,t)}),e}),P=f(()=>x.value?.map(e=>({...e,id:`${e.chunk_id}`}))??[]),F=D(()=>P.value,()=>new re(P.value,{includeScore:!0,keys:[`name`],ignoreLocation:!0,threshold:.4})),I=f(()=>m.value.search?F.value.search(m.value.search).map(e=>e.item):P.value),{pathSelectorVisible:R,pathNodes:z,selectPathNodes:B,togglePathSelector:V,normalizedGraph:H}=de({onToggle:e=>{m.value.search=e?!1:``},dataMap:f(()=>A.value),list:f(()=>I.value),importIdKey:`chunk_id`});function U(e){N.value.chunkViewType=e}let W=f(()=>{let e=new Map;for(let t of s.session.modulesList)e.set(t.id,t);return e});function G(e){return e.asset?.size?e.asset.size:e.modules.reduce((e,t)=>{let n=W.value.get(t);return!n||!n.buildMetrics?.transforms?.length?e:e+n.buildMetrics.transforms.at(-1).transformed_code_size},0)}let{tree:K,chartOptions:q,graph:J,nodeHover:Y,nodeSelected:X,selectedNode:Z,selectNode:Q,buildGraph:$}=ce({data:f(()=>I.value.map(e=>({...e,filename:e.name||`chunk-${e.chunk_id}`,size:G(e)}))),nameKey:`filename`,sizeKey:`size`,rootText:`Chunks`,nodeType:`chunk`,graphOptions:{onClick(e){e&&(Y.value=e)},onHover(e){e&&(Y.value=e),e===null&&(Y.value=void 0)},onLeave(){Y.value=void 0},onSelect(e){X.value=e||K.value.root,Z.value=e?.meta}},onUpdate(){switch(N.value.chunkViewType){case`sunburst`:J.value=new oe(K.value.root,q.value);break;case`treemap`:J.value=new ie(K.value.root,{...q.value,selectedPaddingRatio:0});break;case`flamegraph`:J.value=new se(K.value.root,q.value);break}}});return v(()=>N.value.chunkViewType,()=>{[`treemap`,`sunburst`,`flamegraph`].includes(N.value.chunkViewType)&&$()}),(s,f)=>{let p=ee,v=fe,b=ue,x=ne,S=te,E=pe,D=L,O=he,k=_e,P=M,F=ae;return i(T)?(y(),c(p,{key:0})):(y(),C(`div`,ve,[w(`div`,ye,[e(x,{modelValue:m.value,"onUpdate:modelValue":f[2]||=e=>m.value=e,rules:[]},r({"search-end":_(()=>[i(N).chunkViewType===`graph`?(y(),C(`div`,be,[w(`button`,{"w-8":``,"h-8":``,"rounded-full":``,flex:``,"items-center":``,"justify-center":``,hover:`bg-active op100`,op50:``,title:`Graph Path Selector`,onClick:f[1]||=e=>i(V)(!0)},[...f[5]||=[w(`i`,{"i-ri:route-line":``,flex:``},null,-1)]])])):n(``,!0)]),default:_(()=>[w(`div`,xe,[f[6]||=w(`span`,{op50:``,pl2:``,"text-sm":``},`View as`,-1),(y(),C(h,null,u(d,e=>w(`button`,{key:e.value,"btn-action":``,class:o(i(N).chunkViewType===e.value?`bg-active`:`grayscale op50`),onClick:t=>U(e.value)},[w(`div`,{class:o(e.icon)},null,2),g(` `+a(e.label),1)],10,Se)),64))])]),_:2},[i(R)?{name:`search`,fn:_(()=>[e(b,{session:t.session,data:I.value,"import-id-key":`chunk_id`,"search-keys":[`name`],onSelect:i(B),onClose:f[0]||=e=>i(V)(!1)},{list:_(({select:n,data:r})=>[e(v,{session:t.session,chunks:r,link:!1,basic:!0,onSelect:n},null,8,[`session`,`chunks`,`onSelect`])]),item:_(({id:e})=>[g(a(A.value.get(e)?.name||`[unnamed]`),1)]),_:1},8,[`session`,`data`,`onSelect`])]),key:`0`}:void 0]),1032,[`modelValue`])]),i(N).chunkViewType===`list`?(y(),C(`div`,Ce,[e(v,{session:t.session,chunks:I.value},null,8,[`session`,`chunks`])])):n(``,!0),i(N).chunkViewType===`detailed-list`?(y(),C(`div`,we,[(y(!0),C(h,null,u(I.value,e=>(y(),c(S,{key:e.id,border:`~ base rounded-lg`,p3:``,chunk:e,chunks:I.value,session:t.session},null,8,[`chunk`,`chunks`,`session`]))),128))])):i(N).chunkViewType===`graph`?(y(),c(E,{key:2,class:`pt32`,session:t.session,chunks:i(H),"entry-id":i(z).start},null,8,[`session`,`chunks`,`entry-id`])):i(N).chunkViewType===`treemap`?(y(),C(`div`,Te,[i(J)?(y(),c(le,{key:0,graph:i(J),selected:i(X),onSelect:f[3]||=e=>i(Q)(e)},{default:_(({selected:t,options:n,onSelect:r})=>[e(D,{border:`b base`,py2:``,"min-h-10":``,selected:t,options:n,onSelect:r},null,8,[`selected`,`options`,`onSelect`])]),_:1},8,[`graph`,`selected`])):n(``,!0)])):i(N).chunkViewType===`sunburst`?(y(),C(`div`,Ee,[i(J)?(y(),c(O,{key:0,graph:i(J),selected:i(X),onSelect:f[4]||=e=>i(Q)(e)},null,8,[`graph`,`selected`])):n(``,!0)])):i(N).chunkViewType===`flamegraph`?(y(),C(`div`,De,[i(J)?(y(),c(k,{key:0,graph:i(J)},null,8,[`graph`])):n(``,!0)])):n(``,!0),e(F,{"hover-x":l.x,"hover-y":l.y},{default:_(()=>[i(Y)?.meta?(y(),C(`div`,Oe,[w(`div`,ke,[f[7]||=w(`i`,{"i-ph-shapes-duotone":``,"flex-none":``},null,-1),w(`span`,Ae,a(i(Y).meta.name||`[unnamed]`),1)]),w(`div`,je,[f[8]||=w(`span`,{op50:``,"text-xs":``},`Size:`,-1),e(P,{bytes:i(Y).meta.size,"text-xs":``},null,8,[`bytes`])]),i(Y).meta.modules?.length?(y(),C(`div`,Me,[f[9]||=w(`span`,{op50:``,"text-xs":``},`Modules:`,-1),w(`span`,Ne,a(i(Y).meta.modules?.length),1)])):n(``,!0),i(Y).meta.is_initial?(y(),C(`div`,Pe,[e(j,{text:`initial`})])):n(``,!0)])):n(``,!0)]),_:1},8,[`hover-x`,`hover-y`])]))}}});export{Fe as default};
+import{A as e,B as t,C as n,D as r,Et as i,Gt as a,Ht as o,M as s,S as c,Wt as l,Z as u,at as d,b as f,bt as p,et as m,h,k as g,lt as _,ot as v,q as y,st as b,ut as x,vt as S,w as C,x as w}from"./CyUS7GqK.js";import{C as T}from"./Bc8dubgH.js";import{c as E,g as D,p as O}from"./D0PBHtPK.js";import{r as k}from"./CeUdh6JR.js";import{n as ee}from"#entry";import{t as A}from"./B8Pee7C0.js";import{r as j}from"./Cy7pLEz3.js";import{r as M,t as N}from"./jJjSdHHs.js";import{i as P,t as te}from"./L1-1zWht.js";import{n as F}from"./D4Y_zfdP.js";import{n as ne,r as re,t as I}from"./D9y1gK-U.js";import{a as ie,c as ae,i as oe,n as L,o as R,r as se,t as ce}from"./VSGDfpIu.js";import{t as le}from"./DjwOaWuE.js";import{n as ue,r as de,t as z}from"./LlZteMOS.js";var B=[`onClick`],V=s({__name:`FlatList`,props:{chunks:{},session:{},link:{type:Boolean,default:!0},basic:{type:Boolean,default:!1}},emits:[`select`],setup(t,{emit:r}){let i=r;return(r,a)=>{let o=P;return y(),c(I,{items:t.chunks,"key-prop":`chunk_id`},{default:_(({item:r})=>[w(`div`,{flex:``,pb2:``,onClick:e=>i(`select`,r)},[e(o,{chunk:r,basic:t.basic,link:t.link,"w-full":``,"font-mono":``,border:`~ rounded base`,px2:``,py1:``,"text-sm":``,hover:`bg-active`,flex:`~ gap-4 items-center`},{"left-after":_(()=>[r.is_initial?(y(),c(j,{key:0,text:`initial`})):n(``,!0)]),_:2},1032,[`chunk`,`basic`,`link`])],8,B)]),_:1},8,[`items`])}}}),fe=Object.assign(V,{__name:`ChunksFlatList`}),H={op50:``,"font-mono":``,w12:``},U=[`title`],W={flex:`~ gap-1 items-center`},G=s({__name:`Graph`,props:{session:{},chunks:{},entryId:{default:``}},setup(r){let o=r,s=f(()=>o.chunks),l=T();return F({modules:s,spacing:{width:450,height:55,linkOffset:15,margin:120,gap:150},generateGraph:e=>{let{isFirstCalculateGraph:n,scale:r,spacing:a,tree:c,hierarchy:l,collapsedNodes:u,container:d,modulesMap:f,nodes:p,links:m,nodesMap:h,linksMap:g,width:_,height:v,childToParentMap:y}=e;return()=>{_.value=window.innerWidth,v.value=window.innerHeight;let e=s.value.filter(e=>o.entryId?e.id===o.entryId:e.reason===`entry`),b=new Set,x=l({module:{id:`~root`}},t=>`${t.module?.id}`==`~root`?(e.forEach(e=>{b.add(e),n.value&&y.set(e.id,`~root`)}),e.map(e=>({module:e,expanded:!u.has(e.id),hasChildren:!1}))):u.has(`${t.module?.id}`)?[]:t.module.imports?.map(e=>{let r=f.value.get(`${e.chunk_id}`);if(!(!r||b.has(r)))return n.value&&y.set(r.id,t.module.id),b.add(r),{module:r,expanded:!u.has(r.id),hasChildren:!1}}).filter(e=>e!==void 0));n.value&&=!1,c().nodeSize([i(a.height),i(a.width)+i(a.gap)])(x);let S=x.descendants();for(let e of S)[e.x,e.y]=[e.y-i(a.width),e.x];let C=Math.min(...S.map(e=>e.x)),w=Math.min(...S.map(e=>e.y));if(C<i(a.margin))for(let e of S)e.x+=Math.abs(C)+i(a.margin);if(w<i(a.margin))for(let e of S)e.y+=Math.abs(w)+i(a.margin);p.value=S,h.clear();for(let e of S)h.set(`${e.data.module.id}`,e);let T=x.links().filter(e=>`${e.source.data.module.id}`!=`~root`).map(e=>({...e,id:`${e.source.data.module.id}|${e.target.data.module.id}`})),E=s.value.flatMap(e=>e.imports.filter(t=>!T.some(n=>n.id===`${e.chunk_id}|${t.chunk_id}`)).map(t=>({source:h.get(`${e.chunk_id}`),target:h.get(`${t.chunk_id}`),id:`${e.chunk_id}|${t.chunk_id}`}))),D=[...T,...E];g.clear();for(let e of D)g.set(e.id,e);m.value=D,t(()=>{_.value=d.value.scrollWidth/r.value+i(a.margin),v.value=d.value.scrollHeight/r.value+i(a.margin)})}}}),(t,o)=>{let u=A,d=z;return y(),c(d,{session:r.session,modules:s.value,"expand-controls":!1},{default:_(({node:t})=>[e(u,{class:`flex items-center`,to:{path:i(l).path,query:{chunk:t.data.module.chunk_id}}},{default:_(()=>[w(`span`,H,`#`+a(t.data.module.id),1),w(`div`,{flex:`~ gap-2 items-center`,title:`Chunk #${t.data.module.id}`},[w(`div`,null,a(t.data.module.name||`[unnamed]`),1),e(j,{text:t.data.module.reason},null,8,[`text`]),t.data.module.is_initial?(y(),c(j,{key:0,text:`initial`})):n(``,!0)],8,U),o[1]||=w(`div`,{"flex-auto":``},null,-1),w(`div`,W,[o[0]||=w(`div`,{"i-ph-package-duotone":``},null,-1),g(` `+a(t.data.module.modules.length),1)])]),_:2},1032,[`to`])]),_:1},8,[`session`,`modules`])}}}),pe=Object.assign(G,{__name:`ChunksGraph`}),K={grid:`~ cols-[max-content_1fr] gap-2`,p4:``},q={flex:`~ col gap-4`},J={key:0,grid:`~ cols-[250px_1fr] gap-1`},Y=[`onClick`],X={key:0,"text-primary":``},Z={key:1},Q=[`onClick`],$=[`title`],me=s({__name:`Sunburst`,props:{graph:{},selected:{}},emits:[`select`],setup(t,{emit:r}){let o=t,s=r,c=d(`el`);return b(()=>c.value?.append(o.graph.el)),(r,o)=>{let d=L,f=M,p=m(`tooltip`);return y(),C(`div`,K,[w(`div`,{ref_key:`el`,ref:c,"w-500px":``},null,512),w(`div`,q,[e(d,{border:`b base`,py2:``,selected:t.selected,options:t.graph.options,onSelect:o[0]||=e=>s(`select`,e)},null,8,[`selected`,`options`]),t.selected?(y(),C(`div`,J,[(y(!0),C(h,null,u(t.selected.children,r=>(y(),C(h,{key:r.id},[w(`button`,{"ws-nowrap":``,"text-nowrap":``,"text-left":``,"overflow-hidden":``,"text-ellipsis":``,"text-sm":``,hover:`bg-active`,rounded:``,px2:``,onClick:e=>s(`select`,r)},[r.meta&&r.meta===t.selected?.meta?(y(),C(`span`,X,`(self)`)):(y(),C(`span`,Z,a(r.meta?.name||r.id),1))],8,Y),w(`button`,{relative:``,flex:`~ gap-1 items-center`,hover:`bg-active`,rounded:``,onClick:e=>s(`select`,r)},[w(`div`,{"h-5":``,rounded:``,shadow:``,border:`~ base`,style:l({background:i(R)(t.graph.options.getColor?.(r)||`#000`),width:`${r.size/t.selected.size*100}%`})},null,4),e(f,{"text-xs":``,bytes:r.size,total:t.selected.size,"percent-ratio":3},null,8,[`bytes`,`total`]),r.children.length>0?x((y(),C(`div`,{key:0,title:`${r.children.length} modules`,"text-xs":``,"op-fade":``},[g(` (`+a(r.children.length)+`) `,1)],8,$)),[[p,`${r.children.length} modules`]]):n(``,!0)],8,Q)],64))),128))])):n(``,!0)])])}}}),he=Object.assign(me,{__name:`ChunksSunburst`}),ge=s({__name:`Flamegraph`,props:{graph:{}},setup(e){let t=e,n=d(`el`);return b(()=>n.value?.append(t.graph.el)),(e,t)=>(y(),C(`div`,{ref_key:`el`,ref:n},null,512))}}),_e=Object.assign(ge,{__name:`ChunksFlamegraph`}),ve={key:1,relative:``,"max-h-screen":``,"of-hidden":``},ye={absolute:``,"left-4":``,"top-4":``,"z-panel-nav":``},be={key:0,h10:``,mr2:``,flex:`~ items-center`},xe={flex:`~ gap-2 items-center`,p2:``,border:`t base`},Se=[`onClick`],Ce={key:0,class:`px5 pt32 of-auto h-screen`,flex:`~ col gap-4`},we={key:1,class:`px5 pt32 of-auto h-screen`,flex:`~ col gap-4`},Te={key:3,"of-auto":``,"h-screen":``,flex:`~ col gap-2`,pt32:``},Ee={key:4,"of-auto":``,"h-screen":``,flex:`~ col gap-2`,pt32:``},De={key:5,"of-auto":``,"h-screen":``,flex:`~ col gap-2`,pt32:``},Oe={key:0,border:`~ base rounded-lg`,"bg-base":``,p2:``,flex:`~ col gap-2`,"min-w-50":``,"shadow-lg":``},ke={flex:`~ gap-2 items-center`},Ae={truncate:``},je={flex:`~ gap-2 items-center`},Me={key:0,flex:`~ gap-2 items-center`},Ne={"text-xs":``},Pe={key:1,flex:`~ gap-2 items-center`},Fe=s({__name:`chunks`,props:{session:{}},setup(t){let s=t,l=S(O()),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`},{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`}],m=p({search:``}),b=k(),{state:x,isLoading:T}=E(async()=>await b.value.call(`vite:rolldown:get-chunks-graph`,{session:s.session.id}),null),A=f(()=>{let e=new Map;return x.value?.forEach(t=>{e.set(`${t.chunk_id}`,t)}),e}),P=f(()=>x.value?.map(e=>({...e,id:`${e.chunk_id}`}))??[]),F=D(()=>P.value,()=>new re(P.value,{includeScore:!0,keys:[`name`],ignoreLocation:!0,threshold:.4})),I=f(()=>m.value.search?F.value.search(m.value.search).map(e=>e.item):P.value),{pathSelectorVisible:R,pathNodes:z,selectPathNodes:B,togglePathSelector:V,normalizedGraph:H}=de({onToggle:e=>{m.value.search=e?!1:``},dataMap:f(()=>A.value),list:f(()=>I.value),importIdKey:`chunk_id`});function U(e){N.value.chunkViewType=e}let W=f(()=>{let e=new Map;for(let t of s.session.modulesList)e.set(t.id,t);return e});function G(e){return e.asset?.size?e.asset.size:e.modules.reduce((e,t)=>{let n=W.value.get(t);return!n||!n.buildMetrics?.transforms?.length?e:e+n.buildMetrics.transforms.at(-1).transformed_code_size},0)}let{tree:K,chartOptions:q,graph:J,nodeHover:Y,nodeSelected:X,selectedNode:Z,selectNode:Q,buildGraph:$}=ce({data:f(()=>I.value.map(e=>({...e,filename:e.name||`chunk-${e.chunk_id}`,size:G(e)}))),nameKey:`filename`,sizeKey:`size`,rootText:`Chunks`,nodeType:`chunk`,graphOptions:{onClick(e){e&&(Y.value=e)},onHover(e){e&&(Y.value=e),e===null&&(Y.value=void 0)},onLeave(){Y.value=void 0},onSelect(e){X.value=e||K.value.root,Z.value=e?.meta}},onUpdate(){switch(N.value.chunkViewType){case`sunburst`:J.value=new oe(K.value.root,q.value);break;case`treemap`:J.value=new ie(K.value.root,{...q.value,selectedPaddingRatio:0});break;case`flamegraph`:J.value=new se(K.value.root,q.value);break}}});return v(()=>N.value.chunkViewType,()=>{[`treemap`,`sunburst`,`flamegraph`].includes(N.value.chunkViewType)&&$()}),(s,f)=>{let p=ee,v=fe,b=ue,x=ne,S=te,E=pe,D=L,O=he,k=_e,P=M,F=ae;return i(T)?(y(),c(p,{key:0})):(y(),C(`div`,ve,[w(`div`,ye,[e(x,{modelValue:m.value,"onUpdate:modelValue":f[2]||=e=>m.value=e,rules:[]},r({"search-end":_(()=>[i(N).chunkViewType===`graph`?(y(),C(`div`,be,[w(`button`,{"w-8":``,"h-8":``,"rounded-full":``,flex:``,"items-center":``,"justify-center":``,hover:`bg-active op100`,op50:``,title:`Graph Path Selector`,onClick:f[1]||=e=>i(V)(!0)},[...f[5]||=[w(`i`,{"i-ri:route-line":``,flex:``},null,-1)]])])):n(``,!0)]),default:_(()=>[w(`div`,xe,[f[6]||=w(`span`,{op50:``,pl2:``,"text-sm":``},`View as`,-1),(y(),C(h,null,u(d,e=>w(`button`,{key:e.value,"btn-action":``,class:o(i(N).chunkViewType===e.value?`bg-active`:`grayscale op50`),onClick:t=>U(e.value)},[w(`div`,{class:o(e.icon)},null,2),g(` `+a(e.label),1)],10,Se)),64))])]),_:2},[i(R)?{name:`search`,fn:_(()=>[e(b,{session:t.session,data:I.value,"import-id-key":`chunk_id`,"search-keys":[`name`],onSelect:i(B),onClose:f[0]||=e=>i(V)(!1)},{list:_(({select:n,data:r})=>[e(v,{session:t.session,chunks:r,link:!1,basic:!0,onSelect:n},null,8,[`session`,`chunks`,`onSelect`])]),item:_(({id:e})=>[g(a(A.value.get(e)?.name||`[unnamed]`),1)]),_:1},8,[`session`,`data`,`onSelect`])]),key:`0`}:void 0]),1032,[`modelValue`])]),i(N).chunkViewType===`list`?(y(),C(`div`,Ce,[e(v,{session:t.session,chunks:I.value},null,8,[`session`,`chunks`])])):n(``,!0),i(N).chunkViewType===`detailed-list`?(y(),C(`div`,we,[(y(!0),C(h,null,u(I.value,e=>(y(),c(S,{key:e.id,border:`~ base rounded-lg`,p3:``,chunk:e,chunks:I.value,session:t.session},null,8,[`chunk`,`chunks`,`session`]))),128))])):i(N).chunkViewType===`graph`?(y(),c(E,{key:2,class:`pt32`,session:t.session,chunks:i(H),"entry-id":i(z).start},null,8,[`session`,`chunks`,`entry-id`])):i(N).chunkViewType===`treemap`?(y(),C(`div`,Te,[i(J)?(y(),c(le,{key:0,graph:i(J),selected:i(X),onSelect:f[3]||=e=>i(Q)(e)},{default:_(({selected:t,options:n,onSelect:r})=>[e(D,{border:`b base`,py2:``,"min-h-10":``,selected:t,options:n,onSelect:r},null,8,[`selected`,`options`,`onSelect`])]),_:1},8,[`graph`,`selected`])):n(``,!0)])):i(N).chunkViewType===`sunburst`?(y(),C(`div`,Ee,[i(J)?(y(),c(O,{key:0,graph:i(J),selected:i(X),onSelect:f[4]||=e=>i(Q)(e)},null,8,[`graph`,`selected`])):n(``,!0)])):i(N).chunkViewType===`flamegraph`?(y(),C(`div`,De,[i(J)?(y(),c(k,{key:0,graph:i(J)},null,8,[`graph`])):n(``,!0)])):n(``,!0),e(F,{"hover-x":l.x,"hover-y":l.y},{default:_(()=>[i(Y)?.meta?(y(),C(`div`,Oe,[w(`div`,ke,[f[7]||=w(`i`,{"i-ph-shapes-duotone":``,"flex-none":``},null,-1),w(`span`,Ae,a(i(Y).meta.name||`[unnamed]`),1)]),w(`div`,je,[f[8]||=w(`span`,{op50:``,"text-xs":``},`Size:`,-1),e(P,{bytes:i(Y).meta.size,"text-xs":``},null,8,[`bytes`])]),i(Y).meta.modules?.length?(y(),C(`div`,Me,[f[9]||=w(`span`,{op50:``,"text-xs":``},`Modules:`,-1),w(`span`,Ne,a(i(Y).meta.modules?.length),1)])):n(``,!0),i(Y).meta.is_initial?(y(),C(`div`,Pe,[e(j,{text:`initial`})])):n(``,!0)])):n(``,!0)]),_:1},8,[`hover-x`,`hover-y`])]))}}});export{Fe as default};

package/dist/public/_nuxt/builds/latest.json

@@ -1 +1 @@
-{"id":"fbcc677b-17ad-4021-b787-c7c5a657adc4","timestamp":1773705481702}
+{"id":"bfa9031a-4738-4e26-b1b6-6a294a22c480","timestamp":1773799316741}

package/dist/public/_nuxt/builds/meta/bfa9031a-4738-4e26-b1b6-6a294a22c480.json

@@ -0,0 +1 @@
+{"id":"bfa9031a-4738-4e26-b1b6-6a294a22c480","timestamp":1773799316741,"prerendered":[]}