@vitejs/devtools-rolldown 0.1.22 → 0.1.23

package/dist/public/_nuxt/BGfhRWSX.js

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