@vitejs/devtools-rolldown 0.1.9 → 0.1.11
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/nitro.json +1 -1
- package/dist/public/200.html +1 -1
- package/dist/public/404.html +1 -1
- package/dist/public/_nuxt/{Cg2f4k_W.js → B5qpg37n.js} +1 -1
- package/dist/public/_nuxt/{CDEdYfGV.js → BO4_45PC.js} +1 -1
- package/dist/public/_nuxt/{CpeGcwyR2.js → BhkwvCN32.js} +1 -1
- package/dist/public/_nuxt/{DelIhTva2.js → Bv5LSOyE2.js} +1 -1
- package/dist/public/_nuxt/{DnFfeibe.js → C0aRgtmJ.js} +1 -1
- package/dist/public/_nuxt/{TxHD_kze2.js → Cn7bMz0c2.js} +1 -1
- package/dist/public/_nuxt/{mCQnDoa3.js → DXL3SCKY.js} +1 -1
- package/dist/public/_nuxt/{D5g8iQuM.js → DkA3R_W8.js} +1 -1
- package/dist/public/_nuxt/builds/latest.json +1 -1
- package/dist/public/_nuxt/builds/meta/6aa09af7-0f0c-4389-bace-b48b94ad04d5.json +1 -0
- package/dist/public/_nuxt/{ByxgNQFU.js → enTedD0c.js} +2 -2
- package/dist/public/_nuxt/{entry.3YNHVaOY.css → entry.BkR5rDhD.css} +1 -1
- package/dist/public/_nuxt/{MEWAmt9s.js → fdFrOGYe.js} +1 -1
- package/dist/public/index.html +1 -1
- package/package.json +3 -3
- package/dist/public/_nuxt/builds/meta/93e3a17b-cb78-47d4-b554-62a2fec31bba.json +0 -1
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-rolldown/_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-rolldown/_nuxt/enTedD0c.js"}}</script><title>Rolldown DevTools</title><link rel="stylesheet" href="/.devtools-rolldown/_nuxt/entry.BkR5rDhD.css" crossorigin><link rel="modulepreload" as="script" crossorigin href="/.devtools-rolldown/_nuxt/enTedD0c.js"><link rel="modulepreload" as="script" crossorigin href="/.devtools-rolldown/_nuxt/fdFrOGYe.js"><link rel="modulepreload" as="script" crossorigin href="/.devtools-rolldown/_nuxt/CEtF9LWU.js"><link rel="modulepreload" as="script" crossorigin href="/.devtools-rolldown/_nuxt/DJTkDKGN.js"><link rel="modulepreload" as="script" crossorigin href="/.devtools-rolldown/_nuxt/5tvbNeKa.js"><link rel="modulepreload" as="script" crossorigin href="/.devtools-rolldown/_nuxt/Cb77vzCb.js"><script type="module" src="/.devtools-rolldown/_nuxt/enTedD0c.js" crossorigin></script><meta name="description" content="DevTools for Rolldown"><meta property="og:title" content="Rolldown DevTools"><meta property="og:description" content="DevTools for Rolldown"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><script id="unhead:payload" type="application/json">{"title":"Rolldown DevTools"}</script></head><body><div id="__nuxt"></div><div id="teleports"></div><script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/.devtools-rolldown/",buildId:"6aa09af7-0f0c-4389-bace-b48b94ad04d5",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="false" id="__NUXT_DATA__">[{"prerenderedAt":1,"serverRendered":2},1774348571999,false]</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-rolldown/_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-rolldown/_nuxt/enTedD0c.js"}}</script><title>Rolldown DevTools</title><link rel="stylesheet" href="/.devtools-rolldown/_nuxt/entry.BkR5rDhD.css" crossorigin><link rel="modulepreload" as="script" crossorigin href="/.devtools-rolldown/_nuxt/enTedD0c.js"><link rel="modulepreload" as="script" crossorigin href="/.devtools-rolldown/_nuxt/fdFrOGYe.js"><link rel="modulepreload" as="script" crossorigin href="/.devtools-rolldown/_nuxt/CEtF9LWU.js"><link rel="modulepreload" as="script" crossorigin href="/.devtools-rolldown/_nuxt/DJTkDKGN.js"><link rel="modulepreload" as="script" crossorigin href="/.devtools-rolldown/_nuxt/5tvbNeKa.js"><link rel="modulepreload" as="script" crossorigin href="/.devtools-rolldown/_nuxt/Cb77vzCb.js"><script type="module" src="/.devtools-rolldown/_nuxt/enTedD0c.js" crossorigin></script><meta name="description" content="DevTools for Rolldown"><meta property="og:title" content="Rolldown DevTools"><meta property="og:description" content="DevTools for Rolldown"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><script id="unhead:payload" type="application/json">{"title":"Rolldown DevTools"}</script></head><body><div id="__nuxt"></div><div id="teleports"></div><script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/.devtools-rolldown/",buildId:"6aa09af7-0f0c-4389-bace-b48b94ad04d5",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="false" id="__NUXT_DATA__">[{"prerenderedAt":1,"serverRendered":2},1774348572000,false]</script></body></html>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e}from"./
|
|
1
|
+
import{r as e}from"./fdFrOGYe.js";import{A as t,C as n,Et as r,Gt as i,Ht as a,M as o,S as s,Wt as c,Z as l,at as u,b as d,bt as f,et as p,h as m,k as h,lt as g,ot as _,q as v,st as y,ut as b,vt as x,w as S,x as C}from"./CEtF9LWU.js";import{C as w,w as T}from"./Cb77vzCb.js";import{c as E,g as D,p as ee}from"./DJTkDKGN.js";import{n as O}from"#entry";import{t as k}from"./BdJ_JF0w.js";import{r as A}from"./D04G8HHr.js";import{n as j}from"./C1U2XYRv.js";import{r as M,t as N}from"./DbSMFLvz.js";import{n as te,r as P,t as F}from"./BgoIwvw3.js";import{a as I,c as L,i as R,n as z,o as B,r as ne,t as re}from"./okblV2iS.js";import{t as V}from"./DNtQ0ruM.js";import{t as H}from"./DHvQIQw5.js";var U={flex:`~ gap-1`},W={"overflow-hidden":``,"text-ellipsis":``,"break-all":``,"line-clamp-2":``},G={op50:``},K=Object.assign(o({__name:`ListItem`,props:{asset:{}},setup(e){return(n,r)=>{let a=j,o=k;return v(),s(o,{to:{query:{asset:e.asset.filename}},"w-full":``,"font-mono":``,border:`~ rounded base`,px2:``,py1:``,"text-sm":``,hover:`bg-active`},{default:g(()=>[C(`div`,U,[t(a,{filename:e.asset.filename},null,8,[`filename`]),C(`span`,W,[h(i(e.asset.filename)+` `,1),C(`span`,G,` (`+i(e.asset.chunk?.name?.replace(/[\[\]]/g,``))+`) `,1)])])]),_:1},8,[`to`])}}}),{__name:`AssetsListItem`}),q={p4:``},J={flex:``,pb2:``},Y=Object.assign(o({__name:`List`,props:{assets:{}},setup(e){return(n,r)=>{let i=K;return v(),S(`div`,q,[t(F,{items:e.assets,"key-prop":`filename`},{default:g(({item:e})=>[C(`div`,J,[t(i,{asset:e},null,8,[`asset`])])]),_:1},8,[`items`])])}}}),{__name:`AssetsList`}),X={flex:`~ gap-2`,p4:``},Z={op50:``},ie=Object.assign(o({__name:`Folder`,props:{assets:{},session:{}},setup(e){let t=e,r=d(()=>{let e=[];return t.assets.forEach(t=>{e.push({full:t.filename,path:t.filename})}),A(e,`Project`)}),a=d(()=>new Map(t.assets.map(e=>[e.filename,e])));return(t,o)=>{let c=V;return v(),S(`div`,X,[e.assets?.length?(v(),s(c,{key:0,"flex-1":``,node:r.value,icon:`i-catppuccin:folder-dist catppuccin`,"icon-open":`i-catppuccin:folder-dist-open catppuccin`,link:!0,"link-query-key":`asset`},{extra:g(({node:e})=>[C(`span`,Z,` (`+i(a.value.get(e.full)?.chunk?.name?.replace(/[\[\]]/g,``))+`) `,1)]),_:1},8,[`node`])):n(``,!0)])}}}),{__name:`AssetsFolder`}),Q={grid:`~ cols-[max-content_1fr] gap-2`,p4:``},ae={flex:`~ col gap-4`},oe={key:0,grid:`~ cols-[250px_1fr] gap-1`},se=[`onClick`],ce={key:0,"text-primary":``},le={key:1},ue=[`onClick`],de=[`title`],fe=Object.assign(o({__name:`Sunburst`,props:{graph:{},selected:{}},emits:[`select`],setup(e,{emit:a}){let o=e,s=a,d=u(`el`);return y(()=>d.value?.append(o.graph.el)),(a,o)=>{let u=z,f=M,g=p(`tooltip`);return v(),S(`div`,Q,[C(`div`,{ref_key:`el`,ref:d,"w-500px":``},null,512),C(`div`,ae,[t(u,{border:`b base`,py2:``,selected:e.selected,options:e.graph.options,onSelect:o[0]||=e=>s(`select`,e)},null,8,[`selected`,`options`]),e.selected?(v(),S(`div`,oe,[(v(!0),S(m,null,l(e.selected.children,a=>(v(),S(m,{key:a.id},[C(`button`,{"ws-nowrap":``,"text-nowrap":``,"text-left":``,"overflow-hidden":``,"text-ellipsis":``,"text-sm":``,hover:`bg-active`,rounded:``,px2:``,onClick:e=>s(`select`,a)},[a.meta&&a.meta===e.selected?.meta?(v(),S(`span`,ce,`(self)`)):(v(),S(`span`,le,i(a.id),1))],8,se),C(`button`,{relative:``,flex:`~ gap-1 items-center`,hover:`bg-active`,rounded:``,onClick:e=>s(`select`,a)},[C(`div`,{"h-5":``,rounded:``,shadow:``,border:`~ base`,style:c({background:r(B)(e.graph.options.getColor?.(a)||`#000`),width:`${a.size/e.selected.size*100}%`})},null,4),t(f,{"text-xs":``,bytes:a.size,total:e.selected.size,"percent-ratio":3},null,8,[`bytes`,`total`]),a.children.length>0?b((v(),S(`div`,{key:0,title:`${a.children.length} dependencies`,"text-xs":``,"op-fade":``},[h(` (`+i(a.children.length)+`) `,1)],8,de)),[[g,`${a.children.length} dependencies`]]):n(``,!0)],8,ue)],64))),128))])):n(``,!0)])])}}}),{__name:`AssetsSunburst`}),pe=Object.assign(o({__name:`Flamegraph`,props:{graph:{}},setup(e){let t=e,n=u(`el`);return y(()=>n.value?.append(t.graph.el)),(e,t)=>(v(),S(`div`,{ref_key:`el`,ref:n},null,512))}}),{__name:`AssetsFlamegraph`}),$={key:1,relative:``},me={sticky:``,"left-4":``,"right-4":``,"top-4":``,"z-panel-nav":``,"p-4":``},he={flex:`~ wrap gap-2 items-center`,p2:``,border:`t base`},ge=[`onClick`],_e={fixed:``,"bottom-4":``,"py-1":``,"px-2":``,"bg-glass":``,left:`1/2`,"translate-x":`-1/2`,border:`~ base rounded-full`,text:`center xs`},ve={op50:``},ye={key:0,"bg-glass":``,border:`~ base rounded`,p2:``,"text-sm":``,flex:`~ col gap-2`},be={flex:`~ gap-1 items-center`},xe={flex:`~ gap-1 items-center`},Se=o({__name:`assets`,props:{session:{}},setup(o){let c=o,u=x(ee()),p=f({search:``}),y=T(),b=w(),k=[{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`}],A=e(),{state:j,isLoading:F}=E(async()=>await A.value.call(`vite:rolldown:get-assets-list`,{session:c.session.id}),null),B=D(()=>j.value,()=>new P(j.value,{includeScore:!0,keys:[`filename`],ignoreLocation:!0,threshold:.4})),V=d(()=>p.value.search?B.value.search(p.value.search).map(e=>e.item):j.value);function U(e){N.value.assetViewType=e}let{tree:W,chartOptions:G,graph:K,nodeHover:q,nodeSelected:J,selectedNode:X,selectNode:Z,buildGraph:Q}=re({data:V,nameKey:`filename`,sizeKey:`size`,rootText:`Project`,nodeType:`file`,graphOptions:{onClick(e){e&&(q.value=e),e.meta?.type===`file`&&(X.value=e.meta,y.replace({query:{asset:e.meta.filename}}))},onHover(e){e&&!b.query.asset&&(q.value=e),e===null&&(q.value=void 0)},onLeave(){q.value=void 0},onSelect(e){J.value=e||W.value.root,X.value=e?.meta}},onUpdate(){switch(N.value.assetViewType){case`sunburst`:K.value=new R(W.value.root,G.value);break;case`treemap`:K.value=new I(W.value.root,{...G.value,selectedPaddingRatio:0});break;default:K.value=new ne(W.value.root,G.value)}}});return _(()=>N.value.assetViewType,()=>{Q()}),(e,c)=>{let d=O,f=te,_=Y,y=ie,b=z,x=fe,w=pe,T=M,E=L;return r(F)?(v(),s(d,{key:0})):(v(),S(`div`,$,[C(`div`,me,[t(f,{modelValue:p.value,"onUpdate:modelValue":c[0]||=e=>p.value=e,rules:[]},{default:g(()=>[C(`div`,he,[c[3]||=C(`span`,{op50:``,pl2:``,"text-sm":``},`View as`,-1),(v(),S(m,null,l(k,e=>C(`button`,{key:e.value,"btn-action":``,class:a(r(N).assetViewType===e.value?`bg-active`:`grayscale op50`),onClick:t=>U(e.value)},[C(`div`,{class:a(e.icon)},null,2),h(` `+i(e.label),1)],10,ge)),64))])]),_:1},8,[`modelValue`])]),r(N).assetViewType===`list`?(v(),S(m,{key:0},[V.value?.length?(v(),s(_,{key:0,assets:V.value,session:o.session},null,8,[`assets`,`session`])):n(``,!0),C(`div`,_e,[C(`span`,ve,i(V.value.length)+` of `+i(r(j)?.length||0),1)])],64)):r(N).assetViewType===`folder`?(v(),S(m,{key:1},[V.value?.length?(v(),s(y,{key:0,assets:V.value,session:o.session},null,8,[`assets`,`session`])):n(``,!0)],64)):r(N).assetViewType===`treemap`?(v(),S(m,{key:2},[r(K)?(v(),s(H,{key:0,graph:r(K),selected:r(J),onSelect:c[1]||=e=>r(Z)(e)},{default:g(({selected:e,options:n,onSelect:r})=>[t(b,{border:`b base`,py2:``,"min-h-10":``,selected:e,options:n,onSelect:r},null,8,[`selected`,`options`,`onSelect`])]),_:1},8,[`graph`,`selected`])):n(``,!0)],64)):r(N).assetViewType===`sunburst`?(v(),S(m,{key:3},[r(K)?(v(),s(x,{key:0,graph:r(K),selected:r(J),onSelect:c[2]||=e=>r(Z)(e)},null,8,[`graph`,`selected`])):n(``,!0)],64)):r(N).assetViewType===`flamegraph`?(v(),S(m,{key:4},[r(K)?(v(),s(w,{key:0,graph:r(K)},null,8,[`graph`])):n(``,!0)],64)):n(``,!0),t(E,{"hover-x":u.x,"hover-y":u.y},{default:g(()=>[r(q)?.meta?(v(),S(`div`,ye,[C(`div`,be,i(r(q).text),1),C(`div`,xe,[t(T,{bytes:r(q).size,percent:!1},null,8,[`bytes`])])])):n(``,!0)]),_:1},8,[`hover-x`,`hover-y`])]))}}});export{Se as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{i as e,r as t}from"./
|
|
1
|
+
import{i as e,r as t}from"./fdFrOGYe.js";import{A as n,C as r,Et as i,Gt as a,Ht as o,M as s,S as c,Z as l,b as u,bt as d,ct as f,h as p,k as m,lt as h,q as g,tt as _,w as v,x as y,z as b}from"./CEtF9LWU.js";import{t as x}from"./BdJ_JF0w.js";import{t as S}from"./CZg4aoum.js";import{r as C,t as w}from"./CfGVkjRe.js";import{t as T}from"./XDMGgUv8.js";import{t as E}from"./COS9SmxY.js";var D={flex:`~ col gap-2`},O={flex:`~ gap-1 items-center`,"font-mono":``,op50:``,"text-sm":``},k={"font-mono":``,"font-sm":``},A={key:0,flex:`~ gap-1 items-center`},j={key:0,op50:``,"text-xs":``,border:`~ base rounded-md`,px1:``,"font-mono":``},M=Object.assign(s({__name:`SessionSelector`,props:{sessionMode:{},sessions:{},selectedSessionIds:{},selectedSessions:{}},emits:[`select`],setup(e,{emit:t}){let o=e,s=t;function d(e){return E(e.meta.inputs[0]?.filename??``,e.meta.cwd).path}let f=u(()=>{let e=o.selectedSessions?.[0];return e?d(e):``});function S(e){return f.value&&f.value!==d(e)}function M(e){o.sessionMode===`compare`&&!S(e)&&s(`select`,e)}return(t,o)=>{let s=w;return g(),v(`div`,D,[(g(!0),v(p,null,l(e.sessions,t=>(g(),v(`div`,{key:t.id,flex:`~ row gap-2`,relative:``},[(g(),c(_(e.sessionMode===`list`?i(x):`button`),b({to:`/session/${t.id}`},{ref_for:!0},e.sessionMode===`list`?{}:{type:`button`},{"aria-label":`Session ${t.id}`,border:`~ rounded-md`,class:e.sessionMode===`list`?[`hover:bg-active`,`border-base`]:[e.selectedSessionIds.includes(t.id)?`border-active`:`border-base`,S(t)||e.selectedSessions.length===2&&!e.selectedSessionIds.includes(t.id)?`op50`:`hover:bg-active`],flex:`~ col gap-1`,px4:``,py3:``,"w-full":``,onClick:e=>M(t)}),{default:h(()=>[y(`div`,O,[o[0]||=y(`div`,{"i-ph-hash-duotone":``},null,-1),m(` `+a(t.id),1)]),y(`div`,k,a(t.meta.cwd),1),t.meta.inputs[0]?(g(),v(`div`,A,[n(s,{id:t.meta.inputs[0].filename,cwd:t.meta.cwd},null,8,[`id`,`cwd`]),n(C,{text:t.meta.inputs[0].name||`entry`},null,8,[`text`]),t.meta.inputs.length>1?(g(),v(`span`,j,` +`+a(t.meta.inputs.length-1),1)):r(``,!0)])):r(``,!0),n(T,{timestamp:t.timestamp,pt2:``,"text-sm":``,op50:``},null,8,[`timestamp`])]),_:2},1040,[`to`,`aria-label`,`class`,`onClick`]))]))),128))])}}}),{__name:`PanelSessionSelector`}),N={p4:``,flex:`~ col gap-4`,"items-center":``,"justify-center":``,relative:``},P={key:0,op50:``},F={key:1,op50:``},I={relative:``,flex:`~ col gap3 items-center`},L={key:2,fixed:``,"top-5":``,"right-5":``,flex:`~ col gap2`},R={flex:`~ row justify-around`,w20:``,h8:``,border:`~ base rounded-8`,"of-hidden":``},z=[`title`,`onClick`],B={key:3,fixed:``,"bottom-5":``,"right-5":``,border:`~ base rounded-2`,w100:``,"max-lg:w85":``,"bg-glass":``,"z-panel-content":``},V={flex:`~ justify-center`,p2:``},H={key:1,op80:``,"text-sm":``},U=s({__name:`index`,async setup(s){let _,b,C=d(`list`),w=[{label:`Session List`,icon:`i-ph-list-bullets-duotone`,value:`list`},{label:`Session Compare`,icon:`i-ph-git-diff-duotone`,value:`compare`}],T=d([]),E=u(()=>T.value.map(e=>e.id).sort()),D=u(()=>T.value.toSorted((e,t)=>e.timestamp-t.timestamp).map((e,t)=>({...e,createdAt:new Date(e.timestamp),title:t===0?`Session A`:`Session B`}))),O=t(),k=([_,b]=f(()=>O.value.call(`vite:rolldown:list-sessions`)),_=await _,b(),_);function A(e){E.value.includes(e.id)?T.value=T.value.filter(t=>t.id!==e.id):T.value=[...T.value,e]}return(t,s)=>{let u=e,d=M,f=S,_=x;return g(),v(`div`,N,[n(u),i(k).length?(g(),v(`p`,P,a(C.value===`list`?`Select a build session to get started:`:`Select 2 build sessions to compare:`),1)):(g(),v(`p`,F,` No sessions yet, run a build to get started. `)),y(`div`,I,[n(d,{"session-mode":C.value,sessions:i(k),"selected-session-ids":E.value,"selected-sessions":T.value,onSelect:A},null,8,[`session-mode`,`sessions`,`selected-session-ids`,`selected-sessions`])]),i(k).length?(g(),v(`div`,L,[y(`div`,R,[(g(),v(p,null,l(w,e=>y(`button`,{key:e.value,title:e.label,"flex-1":``,op50:``,flex:`~ items-center justify-center`,class:o({"bg-active text-base op100!":C.value===e.value}),hover:`bg-active text-base op100!`,onClick:t=>C.value=e.value},[y(`span`,{class:o([e.icon,`text-sm`])},null,2)],10,z)),64))])])):r(``,!0),T.value.length>0&&C.value===`compare`?(g(),v(`div`,B,[n(f,{sessions:D.value,class:`flex-col gap0 [&>div]:border-none! [&>first-child]:border-b!`},null,8,[`sessions`]),y(`div`,V,[T.value.length===2?(g(),c(_,{key:0,tag:`button`,to:`/compare/${E.value.join(`,`)}`,"btn-action":``,"rounded-8":``,"text-3":``,flex:`~ justify-center`,w30:``,h8:``},{default:h(()=>[...s[0]||=[m(` Compare `,-1)]]),_:1},8,[`to`])):(g(),v(`div`,H,` Select one more session to compare. `))])])):r(``,!0)])}}});export{U as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e}from"./
|
|
1
|
+
import{r as e}from"./fdFrOGYe.js";import{A as t,C as n,Et as r,Gt as i,M as a,S as o,Z as s,h as c,lt as l,q as u,w as d,x as f}from"./CEtF9LWU.js";import{C as p}from"./Cb77vzCb.js";import{c as m}from"./DJTkDKGN.js";import{n as h,o as g}from"#entry";import{r as _,t as v}from"./CfGVkjRe.js";import{t as y}from"./XDMGgUv8.js";import{t as b}from"./OKWcjHDe.js";var x={key:0},S={key:2},C={op50:``},w={key:3},T=[`textContent`],E=[`textContent`],D=Object.assign(a({__name:`RawEventsTable`,props:{events:{},fields:{default:()=>[`event_id`,`action`,`module_id`,`plugin_name`,`timestamp`,`content`,`*`]},session:{}},setup(e){let a=e;function p(e,t){let n=new Set(t);return n.has(`content`)&&n.add(`content`),n.has(`plugin_name`)&&n.add(`plugin_index`),Object.fromEntries(Object.entries(e).filter(([e])=>!n.has(e)))}function m(e){return e.action===`HookLoadCallEnd`||e.action===`HookTransformCallStart`||e.action===`HookTransformCallEnd`?e.content:null}return(h,D)=>{let O=v,k=b;return u(),d(c,null,[e.events.length?n(``,!0):(u(),d(`div`,x,[...D[0]||=[f(`div`,{p5:``,italic:``},` No events found `,-1)]])),f(`table`,null,[f(`tbody`,null,[(u(!0),d(c,null,s(a.events,h=>(u(),d(`tr`,{key:h.event_id},[(u(!0),d(c,null,s(a.fields,a=>(u(),d(`td`,{key:a,px2:``},[a===`module_id`?(u(),o(O,{key:0,id:`module_id`in h?h.module_id:``,session:e.session},null,8,[`id`,`session`])):a===`action`?(u(),o(_,{key:1,text:h.action},null,8,[`text`])):a===`plugin_name`&&`plugin_name`in h?(u(),d(`div`,S,[t(k,{"font-mono":``,name:h.plugin_name},null,8,[`name`]),f(`code`,C,`#`+i(h.plugin_id),1)])):a===`event_id`?(u(),d(`div`,w,i(h.event_id),1)):a===`content`&&m(h)?(u(),o(r(g),{key:4},{popper:l(()=>[f(`pre`,{p1:``,"text-sm":``,textContent:i(m(h))},null,8,T)]),default:l(()=>[D[1]||=f(`div`,{"i-ph-code":``},null,-1)]),_:2},1024)):a===`timestamp`&&`timestamp`in h?(u(),o(y,{key:5,"text-sm":``,timestamp:h.timestamp},null,8,[`timestamp`])):a===`*`?(u(),d(`pre`,{key:6,"text-sm":``,textContent:i(p(h,e.fields))},null,8,E)):n(``,!0)]))),128))]))),128))])])],64)}}}),{__name:`DataRawEventsTable`}),O={key:1},k=a({__name:`raw`,props:{session:{}},setup(i){let a=i,s=e(),l=p().query,g=m(async()=>await s.value.call(`vite:rolldown:get-module-raw-events`,{session:a.session.id,module:l.module}),{events:[]});return(e,a)=>{let s=h,l=D;return u(),d(c,null,[r(g).isLoading?(u(),o(s,{key:0})):n(``,!0),f(`div`,null,[r(g).isReady?(u(),o(l,{key:0,events:r(g).state.value.events,session:i.session},null,8,[`events`,`session`])):(u(),d(`div`,O,[t(s)]))])],64)}}});export{k as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e}from"./MEWAmt9s.js";import{$ as t,A as n,C as r,Et as i,Gt as a,Ht as o,M as s,S as c,Z as l,b as u,bt as d,h as f,k as p,lt as m,ot as h,q as g,vt as _,w as v,x as y}from"./CEtF9LWU.js";import{C as b,w as x}from"./Cb77vzCb.js";import{c as S,g as C,l as w,p as ee}from"./DJTkDKGN.js";import{a as T,n as te,r as E}from"#entry";import{t as D}from"./BdJ_JF0w.js";import{r as O,t as k}from"./CfGVkjRe.js";import{r as A,t as j}from"./DbSMFLvz.js";import{n as M,r as N,t as P}from"./BgoIwvw3.js";import{a as ne,c as F,n as re,t as ie}from"./okblV2iS.js";import{t as I}from"./C1LKt3HR.js";import{t as L}from"./DHvQIQw5.js";var R={flex:`~ row gap-1`,"of-hidden":``},z={key:0,flex:`~ row gap-1`,"ws-nowrap":``},B={key:1},V={p2:``,flex:`~ col gap-1`},H=Object.assign(s({__name:`Importers`,props:{package:{},session:{},showVersion:{type:Boolean}},setup(e){let i=e,a=u(()=>{let e=new Map;return i.package.files.filter(e=>!!e.importers).flatMap(e=>e.importers).filter(e=>!e.path.startsWith(i.package?.dir??``)).forEach(t=>{e.set(t.path,t)}),Array.from(e.values())});return(i,o)=>{let s=k,u=t(`VMenu`);return g(),v(`div`,R,[a.value[0]?(g(),v(`div`,z,[n(s,{id:a.value[0].path,session:e.session,link:``},null,8,[`id`,`session`]),a.value[0].version&&e.showVersion?(g(),c(O,{key:0,text:a.value[0].version,as:`span`},null,8,[`text`])):r(``,!0)])):(g(),v(`span`,B,` - `)),a.value.length>1?(g(),c(u,{key:2,delay:{show:200,hide:0},"flex-none":``},{popper:m(()=>[y(`div`,V,[(g(!0),v(f,null,l(a.value,t=>(g(),v(`div`,{key:t.path,flex:`~ row gap-1 items-center nowrap`,"w-max":``},[n(s,{id:t.path,session:e.session,"ws-nowrap":``,"flex-1":``,"disable-tooltip":``,link:``},null,8,[`id`,`session`]),t.version&&e.showVersion?(g(),c(O,{key:0,text:`v${t.version}`,as:`span`},null,8,[`text`])):r(``,!0)]))),128))])]),default:m(()=>[n(O,{text:`+${a.value.length}`,color:100,class:`text-xs rounded px1`},null,8,[`text`])]),_:1})):r(``,!0)])}}}),{__name:`PackagesImporters`}),U={role:`table`,"min-w-max":``,border:`~ base rounded-xl`},W={role:`row`,class:`border-b border-base`,flex:`~ row`},G=[`title`],K={key:0,"font-mono":``},q={key:0,title:`Package version`,role:`columnheader`,"rounded-tr-2":``,"flex-none":``,"min-w40":``,"ws-nowrap":``,"text-left":``,"py1.5":``,px2:``,"font-600":``},J={flex:`~ row gap1 items-center justify-end`,"w-full":``,relative:``,pr2:``},Y={key:0,role:`cell`,"font-mono":``,"flex-none":``,w80:``,"py1.5":``,px2:``,"ws-nowrap":``,"text-sm":``,"overflow-hidden":``,truncate:``},X={"font-mono":``,"text-sm":``},Z={role:`cell`,flex:`~ items-center justify-end`,"flex-none":``,"font-mono":``,"py1.5":``,px2:``,"text-sm":``,"min-w40":``,op80:``},ae={p2:``,flex:`~ col gap-1`},oe={w24:``,"inline-flex":``},se={role:`cell`,flex:`~ items-center`,"flex-1":``,"font-mono":``,"py1.5":``,pl20:``,pr2:``,"text-sm":``,op80:``},ce={key:1},Q=Object.assign(s({__name:`Table`,props:{packages:{},session:{},disableSizeSort:{type:Boolean,default:!1},groupView:{type:Boolean,default:!1}},setup(e){let t=b(),{state:s,next:u}=w([``,`desc`,`asc`],{initialValue:j.value.packageSizeSortType});function d(){u(),j.value.packageSizeSortType=s.value}return(u,h)=>{let _=I,b=A,x=k,S=H,C=D;return g(),v(`div`,U,[y(`div`,W,[y(`div`,{title:e.groupView?`Package`:`Bundled packages`,role:`columnheader`,"rounded-tl-2":``,"flex-none":``,"ws-nowrap":``,"py1.5":``,px2:``,"font-600":``,class:o([e.groupView?`min-w40`:`min-w80`])},[e.groupView?(g(),v(`div`,K,[n(_,{name:e.packages?.[0]?.name},null,8,[`name`])])):(g(),v(f,{key:1},[p(` Package `)],64))],10,G),e.groupView?r(``,!0):(g(),v(`div`,q,` Version `)),y(`div`,{title:`Transformed code size`,role:`columnheader`,"rounded-tr-2":``,"flex-none":``,"ws-nowrap":``,"py1.5":``,"font-600":``,"min-w40":``,class:o([e.groupView?`px2`:`pl2`])},[y(`button`,J,[h[0]||=p(` Size `,-1),e.disableSizeSort?r(``,!0):(g(),v(`span`,{key:0,"w-6":``,"h-6":``,"rounded-full":``,"cursor-pointer":``,hover:`bg-active`,flex:`~ items-center justify-center`,onClick:d},[y(`i`,{"text-xs":``,class:o([i(s)===`asc`?`i-ph-arrow-up-duotone`:`i-ph-arrow-down-duotone`,i(s)?`op100 text-primary`:`op50`])},null,2)]))])],2),h[1]||=y(`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?(g(),c(P,{key:0,role:`rowgroup`,items:e.packages,"key-prop":`dir`},{default:m(({item:s,index:c})=>[n(C,{role:`row`,flex:`~ row`,class:o([`border-base border-b-1 border-dashed`,[c===e.packages.length-1?`border-b-0`:``]]),to:{path:i(t).path,query:{package:`${s.name}@${s.version}`}}},{default:m(()=>[n(i(T),{triggers:[`hover`],delay:1200,disabled:s.name.length<30},{popper:m(()=>[y(`span`,X,a(s.name),1)]),default:m(()=>[e.groupView?r(``,!0):(g(),v(`div`,Y,[n(_,{name:s.name},null,8,[`name`])]))]),_:2},1032,[`disabled`]),y(`div`,{role:`cell`,flex:`~ items-center`,"text-left":``,"flex-none":``,"font-mono":``,"py1.5":``,px2:``,"text-sm":``,"min-w40":``,op80:``,class:o({"text-primary":s.duplicated})},a(s.version),3),y(`div`,Z,[n(i(E),{delay:{show:200,hide:0}},{popper:m(()=>[y(`div`,ae,[(g(!0),v(f,null,l(s.files.filter(e=>!!e.transformedCodeSize),t=>(g(),v(`div`,{key:t.path,flex:`~ row gap-1 items-center nowrap`,"w-max":``},[y(`span`,oe,[n(b,{bytes:t.transformedCodeSize},null,8,[`bytes`])]),n(x,{id:t.path,session:e.session,"ws-nowrap":``,"flex-1":``,"disable-tooltip":``,link:``,cwd:s.dir},null,8,[`id`,`session`,`cwd`])]))),128))])]),default:m(()=>[n(b,{bytes:s.transformedCodeSize},null,8,[`bytes`])]),_:2},1024)]),y(`div`,se,[n(S,{package:s,session:e.session,"show-version":e.groupView},null,8,[`package`,`session`,`show-version`])])]),_:2},1032,[`class`,`to`])]),_:1},8,[`items`])):(g(),v(`div`,ce,[...h[2]||=[y(`div`,{p4:``},[y(`div`,{"w-full":``,"h-48":``,flex:`~ items-center justify-center`,op50:``,italic:``},[y(`p`,null,` No data `)])],-1)]]))])}}}),{__name:`PackagesTable`}),le={key:1,p4:``},ue=Object.assign(s({__name:`Duplicated`,props:{packages:{},session:{}},setup(e){let t=e,r=u(()=>t.packages.filter(e=>e.duplicated)),i=u(()=>r.value.reduce((e,t)=>(e[t.name]=[...e[t.name]||[],t],e),{}));return(t,a)=>{let o=Q;return r.value.length?(g(!0),v(f,{key:0},l(i.value,(t,r)=>(g(),v(`div`,{key:r},[n(o,{packages:t,session:e.session,"group-view":``,"disable-size-sort":``},null,8,[`packages`,`session`])]))),128)):(g(),v(`div`,le,[...a[0]||=[y(`div`,{"w-full":``,"h-48":``,flex:`~ items-center justify-center`,op50:``,italic:``},` No duplicate packages `,-1)]]))}}}),{__name:`PackagesDuplicated`}),de={key:1,relative:``},$={sticky:``,"left-4":``,"right-4":``,"top-4":``,"z-panel-nav":``,"p-4":``},fe={flex:`~ wrap gap-2 items-center`,p2:``,border:`t base`},pe=[`onClick`],me={flex:`~ col gap-2`,pt4:``,px4:``,pb4:``,"overflow-x-auto":``},he={fixed:``,"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=s({__name:`packages`,props:{session:{}},setup(t){let s=t,w=_(ee()),T=b(),E=x(),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=e(),k=d({search:``,selected:[`direct`,`transitive`]}),{state:P,isLoading:I}=S(async()=>await O.value.call(`vite:rolldown:get-packages`,{session:s.session.id}),null),R=C(()=>P.value,()=>new N(P.value,{includeScore:!0,keys:[`name`],ignoreLocation:!0,threshold:.4})),z=u(()=>P.value?Object.values(P.value.reduce((e,t)=>(e[t.name]=(e[t.name]||0)+1,e),{})).filter(e=>e>1).length:0),B=u(()=>[{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=u(()=>k.value.search?R.value.search(k.value.search).map(e=>e.item):[...P.value||[]]),H=u(()=>{let e=j.value.packageSizeSortType,t=V.value.toSorted((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=>!k.value.selected||k.value.selected.some(t=>t.match(e.type)))});function U(e){j.value.packageViewType=e}let{tree:W,chartOptions:G,graph:K,nodeHover:q,nodeSelected:J,selectedNode:Y,selectNode:X,buildGraph:Z}=ie({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(){j.value.packageViewType===`treemap`&&(K.value=new ne(W.value.root,{...G.value,selectedPaddingRatio:0}))}});return h(()=>j.value.packageViewType,()=>{Z()}),(e,s)=>{let u=te,d=M,h=Q,_=re,b=ue,x=A,S=F;return i(I)?(g(),c(u,{key:0})):(g(),v(`div`,de,[y(`div`,$,[n(d,{modelValue:k.value,"onUpdate:modelValue":s[0]||=e=>k.value=e,rules:D},{default:m(()=>[y(`div`,fe,[s[2]||=y(`span`,{op50:``,pl2:``,"text-sm":``},`View as`,-1),(g(!0),v(f,null,l(B.value,e=>(g(),v(`button`,{key:e.value,"btn-action":``,class:o(i(j).packageViewType===e.value?`bg-active`:`grayscale op50`),onClick:t=>U(e.value)},[y(`div`,{class:o(e.icon)},null,2),p(` `+a(e.label),1)],10,pe))),128))])]),_:1},8,[`modelValue`])]),y(`div`,me,[i(j).packageViewType===`table`?(g(),v(f,{key:0},[n(h,{packages:H.value,session:t.session},null,8,[`packages`,`session`]),y(`div`,he,[y(`span`,ge,a(V.value.length)+` of `+a(i(P)?.length||0),1)])],64)):i(j).packageViewType===`treemap`?(g(),v(f,{key:1},[i(K)&&H.value.length?(g(),c(L,{key:0,graph:i(K),selected:i(J),onSelect:s[1]||=e=>i(X)(e)},{default:m(({selected:e,options:t,onSelect:r})=>[n(_,{border:`b base`,py2:``,"min-h-10":``,selected:e,options:t,onSelect:r},null,8,[`selected`,`options`,`onSelect`])]),_:1},8,[`graph`,`selected`])):(g(),v(`span`,_e,` No Data `))],64)):i(j).packageViewType===`duplicate-packages`?(g(),c(b,{key:2,packages:H.value,session:t.session},null,8,[`packages`,`session`])):r(``,!0)]),n(S,{"hover-x":w.x,"hover-y":w.y},{default:m(()=>[i(q)?.meta?(g(),v(`div`,ve,[y(`div`,ye,a(i(q).text),1),y(`div`,be,[n(x,{bytes:i(q).size,percent:!1},null,8,[`bytes`])])])):r(``,!0)]),_:1},8,[`hover-x`,`hover-y`])]))}}});export{xe as default};
|
|
1
|
+
import{r as e}from"./fdFrOGYe.js";import{$ as t,A as n,C as r,Et as i,Gt as a,Ht as o,M as s,S as c,Z as l,b as u,bt as d,h as f,k as p,lt as m,ot as h,q as g,vt as _,w as v,x as y}from"./CEtF9LWU.js";import{C as b,w as x}from"./Cb77vzCb.js";import{c as S,g as C,l as w,p as ee}from"./DJTkDKGN.js";import{a as T,n as te,r as E}from"#entry";import{t as D}from"./BdJ_JF0w.js";import{r as O,t as k}from"./CfGVkjRe.js";import{r as A,t as j}from"./DbSMFLvz.js";import{n as M,r as N,t as P}from"./BgoIwvw3.js";import{a as ne,c as F,n as re,t as ie}from"./okblV2iS.js";import{t as I}from"./C1LKt3HR.js";import{t as L}from"./DHvQIQw5.js";var R={flex:`~ row gap-1`,"of-hidden":``},z={key:0,flex:`~ row gap-1`,"ws-nowrap":``},B={key:1},V={p2:``,flex:`~ col gap-1`},H=Object.assign(s({__name:`Importers`,props:{package:{},session:{},showVersion:{type:Boolean}},setup(e){let i=e,a=u(()=>{let e=new Map;return i.package.files.filter(e=>!!e.importers).flatMap(e=>e.importers).filter(e=>!e.path.startsWith(i.package?.dir??``)).forEach(t=>{e.set(t.path,t)}),Array.from(e.values())});return(i,o)=>{let s=k,u=t(`VMenu`);return g(),v(`div`,R,[a.value[0]?(g(),v(`div`,z,[n(s,{id:a.value[0].path,session:e.session,link:``},null,8,[`id`,`session`]),a.value[0].version&&e.showVersion?(g(),c(O,{key:0,text:a.value[0].version,as:`span`},null,8,[`text`])):r(``,!0)])):(g(),v(`span`,B,` - `)),a.value.length>1?(g(),c(u,{key:2,delay:{show:200,hide:0},"flex-none":``},{popper:m(()=>[y(`div`,V,[(g(!0),v(f,null,l(a.value,t=>(g(),v(`div`,{key:t.path,flex:`~ row gap-1 items-center nowrap`,"w-max":``},[n(s,{id:t.path,session:e.session,"ws-nowrap":``,"flex-1":``,"disable-tooltip":``,link:``},null,8,[`id`,`session`]),t.version&&e.showVersion?(g(),c(O,{key:0,text:`v${t.version}`,as:`span`},null,8,[`text`])):r(``,!0)]))),128))])]),default:m(()=>[n(O,{text:`+${a.value.length}`,color:100,class:`text-xs rounded px1`},null,8,[`text`])]),_:1})):r(``,!0)])}}}),{__name:`PackagesImporters`}),U={role:`table`,"min-w-max":``,border:`~ base rounded-xl`},W={role:`row`,class:`border-b border-base`,flex:`~ row`},G=[`title`],K={key:0,"font-mono":``},q={key:0,title:`Package version`,role:`columnheader`,"rounded-tr-2":``,"flex-none":``,"min-w40":``,"ws-nowrap":``,"text-left":``,"py1.5":``,px2:``,"font-600":``},J={flex:`~ row gap1 items-center justify-end`,"w-full":``,relative:``,pr2:``},Y={key:0,role:`cell`,"font-mono":``,"flex-none":``,w80:``,"py1.5":``,px2:``,"ws-nowrap":``,"text-sm":``,"overflow-hidden":``,truncate:``},X={"font-mono":``,"text-sm":``},Z={role:`cell`,flex:`~ items-center justify-end`,"flex-none":``,"font-mono":``,"py1.5":``,px2:``,"text-sm":``,"min-w40":``,op80:``},ae={p2:``,flex:`~ col gap-1`},oe={w24:``,"inline-flex":``},se={role:`cell`,flex:`~ items-center`,"flex-1":``,"font-mono":``,"py1.5":``,pl20:``,pr2:``,"text-sm":``,op80:``},ce={key:1},Q=Object.assign(s({__name:`Table`,props:{packages:{},session:{},disableSizeSort:{type:Boolean,default:!1},groupView:{type:Boolean,default:!1}},setup(e){let t=b(),{state:s,next:u}=w([``,`desc`,`asc`],{initialValue:j.value.packageSizeSortType});function d(){u(),j.value.packageSizeSortType=s.value}return(u,h)=>{let _=I,b=A,x=k,S=H,C=D;return g(),v(`div`,U,[y(`div`,W,[y(`div`,{title:e.groupView?`Package`:`Bundled packages`,role:`columnheader`,"rounded-tl-2":``,"flex-none":``,"ws-nowrap":``,"py1.5":``,px2:``,"font-600":``,class:o([e.groupView?`min-w40`:`min-w80`])},[e.groupView?(g(),v(`div`,K,[n(_,{name:e.packages?.[0]?.name},null,8,[`name`])])):(g(),v(f,{key:1},[p(` Package `)],64))],10,G),e.groupView?r(``,!0):(g(),v(`div`,q,` Version `)),y(`div`,{title:`Transformed code size`,role:`columnheader`,"rounded-tr-2":``,"flex-none":``,"ws-nowrap":``,"py1.5":``,"font-600":``,"min-w40":``,class:o([e.groupView?`px2`:`pl2`])},[y(`button`,J,[h[0]||=p(` Size `,-1),e.disableSizeSort?r(``,!0):(g(),v(`span`,{key:0,"w-6":``,"h-6":``,"rounded-full":``,"cursor-pointer":``,hover:`bg-active`,flex:`~ items-center justify-center`,onClick:d},[y(`i`,{"text-xs":``,class:o([i(s)===`asc`?`i-ph-arrow-up-duotone`:`i-ph-arrow-down-duotone`,i(s)?`op100 text-primary`:`op50`])},null,2)]))])],2),h[1]||=y(`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?(g(),c(P,{key:0,role:`rowgroup`,items:e.packages,"key-prop":`dir`},{default:m(({item:s,index:c})=>[n(C,{role:`row`,flex:`~ row`,class:o([`border-base border-b-1 border-dashed`,[c===e.packages.length-1?`border-b-0`:``]]),to:{path:i(t).path,query:{package:`${s.name}@${s.version}`}}},{default:m(()=>[n(i(T),{triggers:[`hover`],delay:1200,disabled:s.name.length<30},{popper:m(()=>[y(`span`,X,a(s.name),1)]),default:m(()=>[e.groupView?r(``,!0):(g(),v(`div`,Y,[n(_,{name:s.name},null,8,[`name`])]))]),_:2},1032,[`disabled`]),y(`div`,{role:`cell`,flex:`~ items-center`,"text-left":``,"flex-none":``,"font-mono":``,"py1.5":``,px2:``,"text-sm":``,"min-w40":``,op80:``,class:o({"text-primary":s.duplicated})},a(s.version),3),y(`div`,Z,[n(i(E),{delay:{show:200,hide:0}},{popper:m(()=>[y(`div`,ae,[(g(!0),v(f,null,l(s.files.filter(e=>!!e.transformedCodeSize),t=>(g(),v(`div`,{key:t.path,flex:`~ row gap-1 items-center nowrap`,"w-max":``},[y(`span`,oe,[n(b,{bytes:t.transformedCodeSize},null,8,[`bytes`])]),n(x,{id:t.path,session:e.session,"ws-nowrap":``,"flex-1":``,"disable-tooltip":``,link:``,cwd:s.dir},null,8,[`id`,`session`,`cwd`])]))),128))])]),default:m(()=>[n(b,{bytes:s.transformedCodeSize},null,8,[`bytes`])]),_:2},1024)]),y(`div`,se,[n(S,{package:s,session:e.session,"show-version":e.groupView},null,8,[`package`,`session`,`show-version`])])]),_:2},1032,[`class`,`to`])]),_:1},8,[`items`])):(g(),v(`div`,ce,[...h[2]||=[y(`div`,{p4:``},[y(`div`,{"w-full":``,"h-48":``,flex:`~ items-center justify-center`,op50:``,italic:``},[y(`p`,null,` No data `)])],-1)]]))])}}}),{__name:`PackagesTable`}),le={key:1,p4:``},ue=Object.assign(s({__name:`Duplicated`,props:{packages:{},session:{}},setup(e){let t=e,r=u(()=>t.packages.filter(e=>e.duplicated)),i=u(()=>r.value.reduce((e,t)=>(e[t.name]=[...e[t.name]||[],t],e),{}));return(t,a)=>{let o=Q;return r.value.length?(g(!0),v(f,{key:0},l(i.value,(t,r)=>(g(),v(`div`,{key:r},[n(o,{packages:t,session:e.session,"group-view":``,"disable-size-sort":``},null,8,[`packages`,`session`])]))),128)):(g(),v(`div`,le,[...a[0]||=[y(`div`,{"w-full":``,"h-48":``,flex:`~ items-center justify-center`,op50:``,italic:``},` No duplicate packages `,-1)]]))}}}),{__name:`PackagesDuplicated`}),de={key:1,relative:``},$={sticky:``,"left-4":``,"right-4":``,"top-4":``,"z-panel-nav":``,"p-4":``},fe={flex:`~ wrap gap-2 items-center`,p2:``,border:`t base`},pe=[`onClick`],me={flex:`~ col gap-2`,pt4:``,px4:``,pb4:``,"overflow-x-auto":``},he={fixed:``,"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=s({__name:`packages`,props:{session:{}},setup(t){let s=t,w=_(ee()),T=b(),E=x(),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=e(),k=d({search:``,selected:[`direct`,`transitive`]}),{state:P,isLoading:I}=S(async()=>await O.value.call(`vite:rolldown:get-packages`,{session:s.session.id}),null),R=C(()=>P.value,()=>new N(P.value,{includeScore:!0,keys:[`name`],ignoreLocation:!0,threshold:.4})),z=u(()=>P.value?Object.values(P.value.reduce((e,t)=>(e[t.name]=(e[t.name]||0)+1,e),{})).filter(e=>e>1).length:0),B=u(()=>[{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=u(()=>k.value.search?R.value.search(k.value.search).map(e=>e.item):[...P.value||[]]),H=u(()=>{let e=j.value.packageSizeSortType,t=V.value.toSorted((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=>!k.value.selected||k.value.selected.some(t=>t.match(e.type)))});function U(e){j.value.packageViewType=e}let{tree:W,chartOptions:G,graph:K,nodeHover:q,nodeSelected:J,selectedNode:Y,selectNode:X,buildGraph:Z}=ie({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(){j.value.packageViewType===`treemap`&&(K.value=new ne(W.value.root,{...G.value,selectedPaddingRatio:0}))}});return h(()=>j.value.packageViewType,()=>{Z()}),(e,s)=>{let u=te,d=M,h=Q,_=re,b=ue,x=A,S=F;return i(I)?(g(),c(u,{key:0})):(g(),v(`div`,de,[y(`div`,$,[n(d,{modelValue:k.value,"onUpdate:modelValue":s[0]||=e=>k.value=e,rules:D},{default:m(()=>[y(`div`,fe,[s[2]||=y(`span`,{op50:``,pl2:``,"text-sm":``},`View as`,-1),(g(!0),v(f,null,l(B.value,e=>(g(),v(`button`,{key:e.value,"btn-action":``,class:o(i(j).packageViewType===e.value?`bg-active`:`grayscale op50`),onClick:t=>U(e.value)},[y(`div`,{class:o(e.icon)},null,2),p(` `+a(e.label),1)],10,pe))),128))])]),_:1},8,[`modelValue`])]),y(`div`,me,[i(j).packageViewType===`table`?(g(),v(f,{key:0},[n(h,{packages:H.value,session:t.session},null,8,[`packages`,`session`]),y(`div`,he,[y(`span`,ge,a(V.value.length)+` of `+a(i(P)?.length||0),1)])],64)):i(j).packageViewType===`treemap`?(g(),v(f,{key:1},[i(K)&&H.value.length?(g(),c(L,{key:0,graph:i(K),selected:i(J),onSelect:s[1]||=e=>i(X)(e)},{default:m(({selected:e,options:t,onSelect:r})=>[n(_,{border:`b base`,py2:``,"min-h-10":``,selected:e,options:t,onSelect:r},null,8,[`selected`,`options`,`onSelect`])]),_:1},8,[`graph`,`selected`])):(g(),v(`span`,_e,` No Data `))],64)):i(j).packageViewType===`duplicate-packages`?(g(),c(b,{key:2,packages:H.value,session:t.session},null,8,[`packages`,`session`])):r(``,!0)]),n(S,{"hover-x":w.x,"hover-y":w.y},{default:m(()=>[i(q)?.meta?(g(),v(`div`,ve,[y(`div`,ye,a(i(q).text),1),y(`div`,be,[n(x,{bytes:i(q).size,percent:!1},null,8,[`bytes`])])])):r(``,!0)]),_:1},8,[`hover-x`,`hover-y`])]))}}});export{xe as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e}from"./
|
|
1
|
+
import{r as e}from"./fdFrOGYe.js";import{A as t,C as n,Et as r,Gt as i,M as a,Q as o,R as s,S as c,Z as l,b as u,h as d,k as f,lt as p,q as m,rt as h,tt as g,w as _,x as v}from"./CEtF9LWU.js";import{C as y}from"./Cb77vzCb.js";import{c as b}from"./DJTkDKGN.js";import{n as x}from"#entry";import{t as S}from"./BdJ_JF0w.js";import{r as C,t as w}from"./CfGVkjRe.js";import{r as T}from"./DbSMFLvz.js";import{t as E}from"./Bw1q8I0g.js";var D=[`title`],O={key:0,flex:`~ items-center gap-2`},k={op50:``,"font-mono":``},A=[`title`],j=[`title`],M=Object.assign(a({__name:`BaseInfo`,props:{chunk:{},link:{type:Boolean,default:!1},basic:{type:Boolean,default:!1}},setup(e){let a=e,s=y(),l=u(()=>Array.isArray(a.chunk.imports)?a.chunk.imports.length:a.chunk.imports),d=u(()=>Array.isArray(a.chunk.modules)?a.chunk.modules.length:a.chunk.modules);return(a,u)=>(m(),c(g(e.link?r(S):`div`),{to:e.link?typeof e.link==`string`?e.link:{path:r(s).path,query:{chunk:e.chunk.chunk_id}}:void 0,flex:`~ gap-3 items-center`},{default:p(()=>[v(`div`,{flex:`~ gap-2 items-center`,title:`Chunk #${e.chunk.chunk_id}`},[o(a.$slots,`icon`,{},()=>[u[0]||=v(`div`,{"i-ph-shapes-duotone":``},null,-1)]),v(`div`,null,i(e.chunk.name||`[unnamed]`),1),t(C,{text:e.chunk.reason},null,8,[`text`]),o(a.$slots,`left-after`)],8,D),u[3]||=v(`div`,{"flex-auto":``},null,-1),e.basic?n(``,!0):(m(),_(`div`,O,[v(`span`,k,`#`+i(e.chunk.chunk_id),1),v(`div`,{flex:`~ gap-1 items-center`,title:`${l.value} imports`},[u[1]||=v(`div`,{"i-ph-file-arrow-up-duotone":``},null,-1),f(` `+i(l.value),1)],8,A),v(`div`,{flex:`~ gap-1 items-center`,title:`${d.value} modules`},[u[2]||=v(`div`,{"i-ph-package-duotone":``},null,-1),f(` `+i(d.value),1)],8,j)])),o(a.$slots,`default`)]),_:3},8,[`to`]))}}),{__name:`ChunksBaseInfo`}),N={flex:`~ gap-2 items-center`},P=Object.assign(a({__name:`BaseInfo`,props:{asset:{}},setup(e){return(n,r)=>{let a=T;return m(),_(`div`,N,[r[0]||=v(`div`,{"i-catppuccin-java-class-abstract":``},null,-1),v(`div`,null,i(e.asset.filename),1),t(a,{bytes:e.asset.size,"text-sm":``},null,8,[`bytes`]),t(C,{text:e.asset.type},null,8,[`text`])])}}}),{__name:`AssetsBaseInfo`}),F={relative:``},I={key:0,"pointer-events-none":``,absolute:``,"left-0":``,"right-0":``,"bottom-0":``,"bg-gradient-more":``,"h-30":``,flex:`~ justify-center`},L=Object.assign(a({__name:`ExpandableContainer`,props:s({list:{}},{count:{default:20},countModifiers:{}}),emits:[`update:count`],setup(e){let i=e,a=h(e,`count`),s=a.value,c=u(()=>i.list.slice(0,a.value));return(l,u)=>(m(),_(`div`,F,[o(l.$slots,`default`,{items:c.value}),e.list.length>a.value?(m(),_(`div`,I,[v(`button`,{op35:``,p2:``,pt4:``,mta:``,"pointer-events-auto":``,"hover:op100":``,flex:`~ items-center gap-1 justify-center`,onClick:u[0]||=e=>a.value=Math.round(a.value+r(s))},[u[2]||=v(`div`,{"i-ri:arrow-down-double-line":``},null,-1),u[3]||=v(`span`,null,`More`,-1),t(E,{prefix:`+`,number:Math.min(Math.round(r(s)),i.list.length-a.value),"rounded-full":``,"text-sm":``},null,8,[`number`])]),v(`button`,{op35:``,p2:``,pt4:``,mta:``,"pointer-events-auto":``,"hover:op100":``,flex:`~ items-center gap-1 justify-center`,onClick:u[1]||=e=>a.value=i.list.length},[u[4]||=v(`div`,{"i-ph-arrows-out-line-vertical-duotone":``},null,-1),u[5]||=v(`span`,null,`All`,-1),t(E,{number:i.list.length,"rounded-full":``,"text-sm":``},null,8,[`number`])])])):n(``,!0)]))}}),{__name:`DisplayExpandableContainer`}),R={key:0,"i-ph-file-duotone":``},z={key:1,"i-ph-lightning-duotone":``},B=Object.assign(a({__name:`Imports`,props:{imports:{}},setup(e){return(r,i)=>{let a=M,o=L;return m(),c(o,{flex:`~ col gap-1`,mt2:``,"ws-nowrap":``,list:e.imports},{default:p(({items:e})=>[(m(!0),_(d,null,l(e,(e,r)=>(m(),_(d,{key:r},[e?(m(),c(a,{key:0,chunk:e,link:``,hover:`bg-active`,border:`~ base rounded`,px2:``,py1:``,"w-full":``},{icon:p(()=>[e.kind===`import-statement`?(m(),_(`div`,R)):n(``,!0),e.kind===`dynamic-import`?(m(),_(`div`,z)):n(``,!0)]),"left-after":p(()=>[t(C,{text:e.kind},null,8,[`text`])]),_:2},1032,[`chunk`])):n(``,!0)],64))),128))]),_:1},8,[`list`])}}}),{__name:`ChunksImports`}),V={flex:`~ col gap-3`},H={key:1,"text-sm":``,op50:``,flex:`~ items-center`,title:`Total size of imports`},U={open:`true`},W={open:`true`},G={op50:``},K={key:0,open:`true`},q={op50:``},J={key:1,open:`true`},Y={op50:``},X=Object.assign(a({__name:`ChunkDetails`,props:{chunk:{},session:{},showDetails:{type:Boolean,default:!0},chunks:{}},setup(a){let s=a,h=u(()=>{let e=new Map;for(let t of s.session.modulesList)e.set(t.id,t);return e});function g(e){return e.reduce((e,t)=>{let n=h.value.get(t);return!n||!n.buildMetrics?.transforms?.length?e:e+n.buildMetrics.transforms.at(-1).transformed_code_size},0)}let E=u(()=>g(s.chunk.modules)),D=y(),O=e(),{state:k,isLoading:A}=b(async()=>{if(!s.chunks)return await O.value.call(`vite:rolldown:get-chunks-graph`,{session:s.session.id})},null),j=u(()=>s.chunks||k.value),N=u(()=>s.chunk.imports.map(e=>{let t=j.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,size:g(t?.modules||[])}})),F=u(()=>j.value?.filter(e=>e.imports.some(e=>e.chunk_id===s.chunk.chunk_id)).map(e=>({...e.imports.find(e=>e.chunk_id===s.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(e,s)=>{let u=T,h=M,g=P,y=S,b=w,O=L,k=x,j=B;return m(),_(`div`,V,[t(h,{chunk:a.chunk},{"left-after":p(()=>[a.chunk.is_initial?(m(),c(C,{key:0,text:`initial`})):n(``,!0),t(u,{bytes:E.value,"text-sm":``,title:`Chunk size`},null,8,[`bytes`]),N.value.length?(m(),_(`div`,H,[s[0]||=f(` (`,-1),t(u,{bytes:N.value.reduce((e,t)=>e+t.size,0)},null,8,[`bytes`]),s[1]||=f(`) `,-1)])):n(``,!0)]),default:p(()=>[o(e.$slots,`default`)]),_:3},8,[`chunk`]),a.showDetails?(m(),_(d,{key:0},[v(`details`,U,[s[2]||=v(`summary`,{op50:``},` Assets `,-1),t(y,{border:`~ base rounded-lg`,px2:``,mt2:``,py1:``,"min-w-fit":``,flex:`~`,to:{path:r(D).path,query:{asset:a.chunk.asset?.filename}}},{default:p(()=>[t(g,{asset:{...a.chunk.asset,type:`asset`}},null,8,[`asset`])]),_:1},8,[`to`])]),v(`details`,W,[v(`summary`,G,[v(`span`,null,`Modules (`+i(a.chunk.modules.length)+`)`,1)]),t(O,{flex:`~ col gap-1`,mt2:``,"ws-nowrap":``,list:a.chunk.modules},{default:p(({items:e})=>[(m(!0),_(d,null,l(e,e=>(m(),c(b,{id:e,key:e,session:a.session,link:!0,minimal:!0,hover:`bg-active`,border:`~ base rounded`,px2:``,py1:``,"w-full":``},null,8,[`id`,`session`]))),128))]),_:1},8,[`list`])]),r(A)?(m(),c(k,{key:0})):(m(),_(d,{key:1},[a.chunk.imports.length?(m(),_(`details`,K,[v(`summary`,q,[v(`span`,null,`Imports (`+i(a.chunk.imports.length)+`)`,1)]),t(j,{imports:N.value},null,8,[`imports`])])):n(``,!0),F.value.length?(m(),_(`details`,J,[v(`summary`,Y,[v(`span`,null,`Importers (`+i(F.value.length)+`)`,1)]),t(j,{imports:F.value},null,8,[`imports`])])):n(``,!0)],64))],64)):n(``,!0)])}}}),{__name:`DataChunkDetails`});export{M as i,L as n,P as r,X as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e}from"./MEWAmt9s.js";import{A as t,B as n,C as r,D as i,Et as a,Gt as o,Ht as s,M as c,S as l,Wt as u,Z as d,at as f,b as p,bt as m,et as h,h as g,k as _,lt as v,ot as y,q as b,st as x,ut as S,vt as C,w,x as T}from"./CEtF9LWU.js";import{C as E}from"./Cb77vzCb.js";import{c as D,g as O,p as k}from"./DJTkDKGN.js";import{n as ee}from"#entry";import{t as A}from"./BdJ_JF0w.js";import{r as j}from"./CfGVkjRe.js";import{r as M,t as N}from"./DbSMFLvz.js";import{i as P,t as te}from"./DnFfeibe.js";import{n as F}from"./CSK2QzqY.js";import{n as I,r as ne,t as L}from"./BgoIwvw3.js";import{a as re,c as ie,i as ae,n as R,o as z,r as oe,t as se}from"./okblV2iS.js";import{t as ce}from"./DHvQIQw5.js";import{n as le,r as ue,t as B}from"./dIDzU19U.js";var V=[`onClick`],de=Object.assign(c({__name:`FlatList`,props:{chunks:{},session:{},link:{type:Boolean,default:!0},basic:{type:Boolean,default:!1}},emits:[`select`],setup(e,{emit:n}){let i=n;return(n,a)=>{let o=P;return b(),l(L,{items:e.chunks,"key-prop":`chunk_id`},{default:v(({item:n})=>[T(`div`,{flex:``,pb2:``,onClick:e=>i(`select`,n)},[t(o,{chunk:n,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":v(()=>[n.is_initial?(b(),l(j,{key:0,text:`initial`})):r(``,!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(c({__name:`Graph`,props:{session:{},chunks:{},entryId:{default:``}},setup(e){let i=e,s=p(()=>i.chunks),c=E();return F({modules:s,spacing:{width:450,height:55,linkOffset:15,margin:120,gap:150},generateGraph:e=>{let{isFirstCalculateGraph:t,scale:r,spacing:o,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=>i.entryId?e.id===i.entryId:e.reason===`entry`),b=new Set,x=l({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:!u.has(e.id),hasChildren:!1}))):u.has(`${n.module?.id}`)?[]:n.module.imports?.map(e=>{let r=f.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:!u.has(r.id),hasChildren:!1}}).filter(e=>e!==void 0));t.value&&=!1,c().nodeSize([a(o.height),a(o.width)+a(o.gap)])(x);let S=x.descendants();for(let e of S)[e.x,e.y]=[e.y-a(o.width),e.x];let C=Math.min(...S.map(e=>e.x)),w=Math.min(...S.map(e=>e.y));if(C<a(o.margin))for(let e of S)e.x+=Math.abs(C)+a(o.margin);if(w<a(o.margin))for(let e of S)e.y+=Math.abs(w)+a(o.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,n(()=>{_.value=d.value.scrollWidth/r.value+a(o.margin),v.value=d.value.scrollHeight/r.value+a(o.margin)})}}}),(n,i)=>{let u=A,d=B;return b(),l(d,{session:e.session,modules:s.value,"expand-controls":!1},{default:v(({node:e})=>[t(u,{class:`flex items-center`,to:{path:a(c).path,query:{chunk:e.data.module.chunk_id}}},{default:v(()=>[T(`span`,H,`#`+o(e.data.module.id),1),T(`div`,{flex:`~ gap-2 items-center`,title:`Chunk #${e.data.module.id}`},[T(`div`,null,o(e.data.module.name||`[unnamed]`),1),t(j,{text:e.data.module.reason},null,8,[`text`]),e.data.module.is_initial?(b(),l(j,{key:0,text:`initial`})):r(``,!0)],8,U),i[1]||=T(`div`,{"flex-auto":``},null,-1),T(`div`,W,[i[0]||=T(`div`,{"i-ph-package-duotone":``},null,-1),_(` `+o(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(c({__name:`Sunburst`,props:{graph:{},selected:{}},emits:[`select`],setup(e,{emit:n}){let i=e,s=n,c=f(`el`);return x(()=>c.value?.append(i.graph.el)),(n,i)=>{let l=R,f=M,p=h(`tooltip`);return b(),w(`div`,G,[T(`div`,{ref_key:`el`,ref:c,"w-500px":``},null,512),T(`div`,K,[t(l,{border:`b base`,py2:``,selected:e.selected,options:e.graph.options,onSelect:i[0]||=e=>s(`select`,e)},null,8,[`selected`,`options`]),e.selected?(b(),w(`div`,q,[(b(!0),w(g,null,d(e.selected.children,n=>(b(),w(g,{key:n.id},[T(`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?(b(),w(`span`,Y,`(self)`)):(b(),w(`span`,X,o(n.meta?.name||n.id),1))],8,J),T(`button`,{relative:``,flex:`~ gap-1 items-center`,hover:`bg-active`,rounded:``,onClick:e=>s(`select`,n)},[T(`div`,{"h-5":``,rounded:``,shadow:``,border:`~ base`,style:u({background:a(z)(e.graph.options.getColor?.(n)||`#000`),width:`${n.size/e.selected.size*100}%`})},null,4),t(f,{"text-xs":``,bytes:n.size,total:e.selected.size,"percent-ratio":3},null,8,[`bytes`,`total`]),n.children.length>0?S((b(),w(`div`,{key:0,title:`${n.children.length} modules`,"text-xs":``,"op-fade":``},[_(` (`+o(n.children.length)+`) `,1)],8,Q)),[[p,`${n.children.length} modules`]]):r(``,!0)],8,Z)],64))),128))])):r(``,!0)])])}}}),{__name:`ChunksSunburst`}),me=Object.assign(c({__name:`Flamegraph`,props:{graph:{}},setup(e){let t=e,n=f(`el`);return x(()=>n.value?.append(t.graph.el)),(e,t)=>(b(),w(`div`,{ref_key:`el`,ref:n},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`},$=c({__name:`chunks`,props:{session:{}},setup(n){let c=n,u=C(k()),f=[{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`}],h=m({search:``}),x=e(),{state:S,isLoading:E}=D(async()=>await x.value.call(`vite:rolldown:get-chunks-graph`,{session:c.session.id}),null),A=p(()=>{let e=new Map;return S.value?.forEach(t=>{e.set(`${t.chunk_id}`,t)}),e}),P=p(()=>S.value?.map(e=>({...e,id:`${e.chunk_id}`}))??[]),F=O(()=>P.value,()=>new ne(P.value,{includeScore:!0,keys:[`name`],ignoreLocation:!0,threshold:.4})),L=p(()=>h.value.search?F.value.search(h.value.search).map(e=>e.item):P.value),{pathSelectorVisible:z,pathNodes:B,selectPathNodes:V,togglePathSelector:H,normalizedGraph:U}=ue({onToggle:e=>{h.value.search=e?!1:``},dataMap:p(()=>A.value),list:p(()=>L.value),importIdKey:`chunk_id`});function W(e){N.value.chunkViewType=e}let G=p(()=>{let e=new Map;for(let t of c.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:p(()=>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(N.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 y(()=>N.value.chunkViewType,()=>{[`treemap`,`sunburst`,`flamegraph`].includes(N.value.chunkViewType)&&je()}),(e,c)=>{let p=ee,m=de,y=le,x=I,S=te,C=fe,D=R,O=pe,k=me,P=M,F=ie;return a(E)?(b(),l(p,{key:0})):(b(),w(`div`,{key:1,relative:``,class:s({"max-h-screen of-hidden":a(N).chunkViewType===`graph`})},[T(`div`,he,[t(x,{modelValue:h.value,"onUpdate:modelValue":c[2]||=e=>h.value=e,rules:[]},i({"search-end":v(()=>[a(N).chunkViewType===`graph`?(b(),w(`div`,ge,[T(`button`,{"w-8":``,"h-8":``,"rounded-full":``,flex:``,"items-center":``,"justify-center":``,hover:`bg-active op100`,op50:``,title:`Graph Path Selector`,onClick:c[1]||=e=>a(H)(!0)},[...c[5]||=[T(`i`,{"i-ri:route-line":``,flex:``},null,-1)]])])):r(``,!0)]),default:v(()=>[T(`div`,_e,[c[6]||=T(`span`,{op50:``,pl2:``,"text-sm":``},`View as`,-1),(b(),w(g,null,d(f,e=>T(`button`,{key:e.value,"btn-action":``,class:s(a(N).chunkViewType===e.value?`bg-active`:`grayscale op50`),onClick:t=>W(e.value)},[T(`div`,{class:s(e.icon)},null,2),_(` `+o(e.label),1)],10,ve)),64))])]),_:2},[a(z)?{name:`search`,fn:v(()=>[t(y,{session:n.session,data:L.value,"import-id-key":`chunk_id`,"search-keys":[`name`],onSelect:a(V),onClose:c[0]||=e=>a(H)(!1)},{list:v(({select:e,data:r})=>[t(m,{session:n.session,chunks:r,link:!1,basic:!0,onSelect:e},null,8,[`session`,`chunks`,`onSelect`])]),item:v(({id:e})=>[_(o(A.value.get(e)?.name||`[unnamed]`),1)]),_:1},8,[`session`,`data`,`onSelect`])]),key:`0`}:void 0]),1032,[`modelValue`])]),a(N).chunkViewType===`list`?(b(),w(`div`,ye,[t(m,{session:n.session,chunks:L.value},null,8,[`session`,`chunks`])])):r(``,!0),a(N).chunkViewType===`detailed-list`?(b(),w(`div`,be,[(b(!0),w(g,null,d(L.value,e=>(b(),l(S,{key:e.id,border:`~ base rounded-lg`,p3:``,chunk:e,chunks:L.value,session:n.session},null,8,[`chunk`,`chunks`,`session`]))),128))])):a(N).chunkViewType===`graph`?(b(),l(C,{key:2,class:`pt32`,session:n.session,chunks:a(U),"entry-id":a(B).start},null,8,[`session`,`chunks`,`entry-id`])):a(N).chunkViewType===`treemap`?(b(),w(`div`,xe,[a(Y)?(b(),l(ce,{key:0,graph:a(Y),selected:a(Z),onSelect:c[3]||=e=>a($)(e)},{default:v(({selected:e,options:n,onSelect:r})=>[t(D,{border:`b base`,py2:``,"min-h-10":``,selected:e,options:n,onSelect:r},null,8,[`selected`,`options`,`onSelect`])]),_:1},8,[`graph`,`selected`])):r(``,!0)])):a(N).chunkViewType===`sunburst`?(b(),w(`div`,Se,[a(Y)?(b(),l(O,{key:0,graph:a(Y),selected:a(Z),onSelect:c[4]||=e=>a($)(e)},null,8,[`graph`,`selected`])):r(``,!0)])):a(N).chunkViewType===`flamegraph`?(b(),w(`div`,Ce,[a(Y)?(b(),l(k,{key:0,graph:a(Y)},null,8,[`graph`])):r(``,!0)])):r(``,!0),t(F,{"hover-x":u.x,"hover-y":u.y},{default:v(()=>[a(X)?.meta?(b(),w(`div`,we,[T(`div`,Te,[c[7]||=T(`i`,{"i-ph-shapes-duotone":``,"flex-none":``},null,-1),T(`span`,Ee,o(a(X).meta.name||`[unnamed]`),1)]),T(`div`,De,[c[8]||=T(`span`,{op50:``,"text-xs":``},`Size:`,-1),t(P,{bytes:a(X).meta.size,"text-xs":``},null,8,[`bytes`])]),a(X).meta.modules?.length?(b(),w(`div`,Oe,[c[9]||=T(`span`,{op50:``,"text-xs":``},`Modules:`,-1),T(`span`,ke,o(a(X).meta.modules?.length),1)])):r(``,!0),a(X).meta.is_initial?(b(),w(`div`,Ae,[t(j,{text:`initial`})])):r(``,!0)])):r(``,!0)]),_:1},8,[`hover-x`,`hover-y`])],2))}}});export{$ as default};
|
|
1
|
+
import{r as e}from"./fdFrOGYe.js";import{A as t,B as n,C as r,D as i,Et as a,Gt as o,Ht as s,M as c,S as l,Wt as u,Z as d,at as f,b as p,bt as m,et as h,h as g,k as _,lt as v,ot as y,q as b,st as x,ut as S,vt as C,w,x as T}from"./CEtF9LWU.js";import{C as E}from"./Cb77vzCb.js";import{c as D,g as O,p as k}from"./DJTkDKGN.js";import{n as ee}from"#entry";import{t as A}from"./BdJ_JF0w.js";import{r as j}from"./CfGVkjRe.js";import{r as M,t as N}from"./DbSMFLvz.js";import{i as P,t as te}from"./C0aRgtmJ.js";import{n as F}from"./CSK2QzqY.js";import{n as I,r as ne,t as L}from"./BgoIwvw3.js";import{a as re,c as ie,i as ae,n as R,o as z,r as oe,t as se}from"./okblV2iS.js";import{t as ce}from"./DHvQIQw5.js";import{n as le,r as ue,t as B}from"./dIDzU19U.js";var V=[`onClick`],de=Object.assign(c({__name:`FlatList`,props:{chunks:{},session:{},link:{type:Boolean,default:!0},basic:{type:Boolean,default:!1}},emits:[`select`],setup(e,{emit:n}){let i=n;return(n,a)=>{let o=P;return b(),l(L,{items:e.chunks,"key-prop":`chunk_id`},{default:v(({item:n})=>[T(`div`,{flex:``,pb2:``,onClick:e=>i(`select`,n)},[t(o,{chunk:n,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":v(()=>[n.is_initial?(b(),l(j,{key:0,text:`initial`})):r(``,!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(c({__name:`Graph`,props:{session:{},chunks:{},entryId:{default:``}},setup(e){let i=e,s=p(()=>i.chunks),c=E();return F({modules:s,spacing:{width:450,height:55,linkOffset:15,margin:120,gap:150},generateGraph:e=>{let{isFirstCalculateGraph:t,scale:r,spacing:o,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=>i.entryId?e.id===i.entryId:e.reason===`entry`),b=new Set,x=l({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:!u.has(e.id),hasChildren:!1}))):u.has(`${n.module?.id}`)?[]:n.module.imports?.map(e=>{let r=f.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:!u.has(r.id),hasChildren:!1}}).filter(e=>e!==void 0));t.value&&=!1,c().nodeSize([a(o.height),a(o.width)+a(o.gap)])(x);let S=x.descendants();for(let e of S)[e.x,e.y]=[e.y-a(o.width),e.x];let C=Math.min(...S.map(e=>e.x)),w=Math.min(...S.map(e=>e.y));if(C<a(o.margin))for(let e of S)e.x+=Math.abs(C)+a(o.margin);if(w<a(o.margin))for(let e of S)e.y+=Math.abs(w)+a(o.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,n(()=>{_.value=d.value.scrollWidth/r.value+a(o.margin),v.value=d.value.scrollHeight/r.value+a(o.margin)})}}}),(n,i)=>{let u=A,d=B;return b(),l(d,{session:e.session,modules:s.value,"expand-controls":!1},{default:v(({node:e})=>[t(u,{class:`flex items-center`,to:{path:a(c).path,query:{chunk:e.data.module.chunk_id}}},{default:v(()=>[T(`span`,H,`#`+o(e.data.module.id),1),T(`div`,{flex:`~ gap-2 items-center`,title:`Chunk #${e.data.module.id}`},[T(`div`,null,o(e.data.module.name||`[unnamed]`),1),t(j,{text:e.data.module.reason},null,8,[`text`]),e.data.module.is_initial?(b(),l(j,{key:0,text:`initial`})):r(``,!0)],8,U),i[1]||=T(`div`,{"flex-auto":``},null,-1),T(`div`,W,[i[0]||=T(`div`,{"i-ph-package-duotone":``},null,-1),_(` `+o(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(c({__name:`Sunburst`,props:{graph:{},selected:{}},emits:[`select`],setup(e,{emit:n}){let i=e,s=n,c=f(`el`);return x(()=>c.value?.append(i.graph.el)),(n,i)=>{let l=R,f=M,p=h(`tooltip`);return b(),w(`div`,G,[T(`div`,{ref_key:`el`,ref:c,"w-500px":``},null,512),T(`div`,K,[t(l,{border:`b base`,py2:``,selected:e.selected,options:e.graph.options,onSelect:i[0]||=e=>s(`select`,e)},null,8,[`selected`,`options`]),e.selected?(b(),w(`div`,q,[(b(!0),w(g,null,d(e.selected.children,n=>(b(),w(g,{key:n.id},[T(`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?(b(),w(`span`,Y,`(self)`)):(b(),w(`span`,X,o(n.meta?.name||n.id),1))],8,J),T(`button`,{relative:``,flex:`~ gap-1 items-center`,hover:`bg-active`,rounded:``,onClick:e=>s(`select`,n)},[T(`div`,{"h-5":``,rounded:``,shadow:``,border:`~ base`,style:u({background:a(z)(e.graph.options.getColor?.(n)||`#000`),width:`${n.size/e.selected.size*100}%`})},null,4),t(f,{"text-xs":``,bytes:n.size,total:e.selected.size,"percent-ratio":3},null,8,[`bytes`,`total`]),n.children.length>0?S((b(),w(`div`,{key:0,title:`${n.children.length} modules`,"text-xs":``,"op-fade":``},[_(` (`+o(n.children.length)+`) `,1)],8,Q)),[[p,`${n.children.length} modules`]]):r(``,!0)],8,Z)],64))),128))])):r(``,!0)])])}}}),{__name:`ChunksSunburst`}),me=Object.assign(c({__name:`Flamegraph`,props:{graph:{}},setup(e){let t=e,n=f(`el`);return x(()=>n.value?.append(t.graph.el)),(e,t)=>(b(),w(`div`,{ref_key:`el`,ref:n},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`},$=c({__name:`chunks`,props:{session:{}},setup(n){let c=n,u=C(k()),f=[{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`}],h=m({search:``}),x=e(),{state:S,isLoading:E}=D(async()=>await x.value.call(`vite:rolldown:get-chunks-graph`,{session:c.session.id}),null),A=p(()=>{let e=new Map;return S.value?.forEach(t=>{e.set(`${t.chunk_id}`,t)}),e}),P=p(()=>S.value?.map(e=>({...e,id:`${e.chunk_id}`}))??[]),F=O(()=>P.value,()=>new ne(P.value,{includeScore:!0,keys:[`name`],ignoreLocation:!0,threshold:.4})),L=p(()=>h.value.search?F.value.search(h.value.search).map(e=>e.item):P.value),{pathSelectorVisible:z,pathNodes:B,selectPathNodes:V,togglePathSelector:H,normalizedGraph:U}=ue({onToggle:e=>{h.value.search=e?!1:``},dataMap:p(()=>A.value),list:p(()=>L.value),importIdKey:`chunk_id`});function W(e){N.value.chunkViewType=e}let G=p(()=>{let e=new Map;for(let t of c.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:p(()=>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(N.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 y(()=>N.value.chunkViewType,()=>{[`treemap`,`sunburst`,`flamegraph`].includes(N.value.chunkViewType)&&je()}),(e,c)=>{let p=ee,m=de,y=le,x=I,S=te,C=fe,D=R,O=pe,k=me,P=M,F=ie;return a(E)?(b(),l(p,{key:0})):(b(),w(`div`,{key:1,relative:``,class:s({"max-h-screen of-hidden":a(N).chunkViewType===`graph`})},[T(`div`,he,[t(x,{modelValue:h.value,"onUpdate:modelValue":c[2]||=e=>h.value=e,rules:[]},i({"search-end":v(()=>[a(N).chunkViewType===`graph`?(b(),w(`div`,ge,[T(`button`,{"w-8":``,"h-8":``,"rounded-full":``,flex:``,"items-center":``,"justify-center":``,hover:`bg-active op100`,op50:``,title:`Graph Path Selector`,onClick:c[1]||=e=>a(H)(!0)},[...c[5]||=[T(`i`,{"i-ri:route-line":``,flex:``},null,-1)]])])):r(``,!0)]),default:v(()=>[T(`div`,_e,[c[6]||=T(`span`,{op50:``,pl2:``,"text-sm":``},`View as`,-1),(b(),w(g,null,d(f,e=>T(`button`,{key:e.value,"btn-action":``,class:s(a(N).chunkViewType===e.value?`bg-active`:`grayscale op50`),onClick:t=>W(e.value)},[T(`div`,{class:s(e.icon)},null,2),_(` `+o(e.label),1)],10,ve)),64))])]),_:2},[a(z)?{name:`search`,fn:v(()=>[t(y,{session:n.session,data:L.value,"import-id-key":`chunk_id`,"search-keys":[`name`],onSelect:a(V),onClose:c[0]||=e=>a(H)(!1)},{list:v(({select:e,data:r})=>[t(m,{session:n.session,chunks:r,link:!1,basic:!0,onSelect:e},null,8,[`session`,`chunks`,`onSelect`])]),item:v(({id:e})=>[_(o(A.value.get(e)?.name||`[unnamed]`),1)]),_:1},8,[`session`,`data`,`onSelect`])]),key:`0`}:void 0]),1032,[`modelValue`])]),a(N).chunkViewType===`list`?(b(),w(`div`,ye,[t(m,{session:n.session,chunks:L.value},null,8,[`session`,`chunks`])])):r(``,!0),a(N).chunkViewType===`detailed-list`?(b(),w(`div`,be,[(b(!0),w(g,null,d(L.value,e=>(b(),l(S,{key:e.id,border:`~ base rounded-lg`,p3:``,chunk:e,chunks:L.value,session:n.session},null,8,[`chunk`,`chunks`,`session`]))),128))])):a(N).chunkViewType===`graph`?(b(),l(C,{key:2,class:`pt32`,session:n.session,chunks:a(U),"entry-id":a(B).start},null,8,[`session`,`chunks`,`entry-id`])):a(N).chunkViewType===`treemap`?(b(),w(`div`,xe,[a(Y)?(b(),l(ce,{key:0,graph:a(Y),selected:a(Z),onSelect:c[3]||=e=>a($)(e)},{default:v(({selected:e,options:n,onSelect:r})=>[t(D,{border:`b base`,py2:``,"min-h-10":``,selected:e,options:n,onSelect:r},null,8,[`selected`,`options`,`onSelect`])]),_:1},8,[`graph`,`selected`])):r(``,!0)])):a(N).chunkViewType===`sunburst`?(b(),w(`div`,Se,[a(Y)?(b(),l(O,{key:0,graph:a(Y),selected:a(Z),onSelect:c[4]||=e=>a($)(e)},null,8,[`graph`,`selected`])):r(``,!0)])):a(N).chunkViewType===`flamegraph`?(b(),w(`div`,Ce,[a(Y)?(b(),l(k,{key:0,graph:a(Y)},null,8,[`graph`])):r(``,!0)])):r(``,!0),t(F,{"hover-x":u.x,"hover-y":u.y},{default:v(()=>[a(X)?.meta?(b(),w(`div`,we,[T(`div`,Te,[c[7]||=T(`i`,{"i-ph-shapes-duotone":``,"flex-none":``},null,-1),T(`span`,Ee,o(a(X).meta.name||`[unnamed]`),1)]),T(`div`,De,[c[8]||=T(`span`,{op50:``,"text-xs":``},`Size:`,-1),t(P,{bytes:a(X).meta.size,"text-xs":``},null,8,[`bytes`])]),a(X).meta.modules?.length?(b(),w(`div`,Oe,[c[9]||=T(`span`,{op50:``,"text-xs":``},`Modules:`,-1),T(`span`,ke,o(a(X).meta.modules?.length),1)])):r(``,!0),a(X).meta.is_initial?(b(),w(`div`,Ae,[t(j,{text:`initial`})])):r(``,!0)])):r(``,!0)]),_:1},8,[`hover-x`,`hover-y`])],2))}}});export{$ as default};
|