@vitejs/devtools-vite 0.0.0-alpha.2 → 0.0.0-alpha.5

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.
@@ -1 +1 @@
1
- import{D as e,Dt as t,Ft as n,T as r,X as i,bt as a,ft as o,gt as s,ht as c,jt as l,mt as u,on as d,pt as f,qt as p,s as m,sn as h,un as g,ut as _,vt as v,yt as y}from"#entry";import{t as b}from"./Bjr51Ks8.js";import"./CQNn9qP2.js";import"./BO9hKuA-.js";import{r as x}from"./BQ-NBLhA.js";import{t as S}from"./pXptjyzi.js";import{t as C}from"./D_Sk_I-u.js";import{t as w}from"./IrMnfQaU.js";import{t as T}from"./BjbaCuBE.js";var E={op50:``,"font-mono":``,w12:``},D=[`title`],O={flex:`~ gap-1 items-center`},k=a({__name:`Graph`,props:{session:{},chunks:{}},setup(e){let n=e,r=o(()=>n.chunks),a=i();return w({modules:r,spacing:{width:320,height:55,linkOffset:15,margin:120,gap:80},generateGraph:e=>{let{isFirstCalculateGraph:n,scale:i,spacing:a,tree:o,hierarchy:s,collapsedNodes:c,container:l,modulesMap:u,nodes:f,links:p,nodesMap:m,linksMap:h,width:g,height:_,childToParentMap:v}=e;return()=>{g.value=window.innerWidth,_.value=window.innerHeight;let e=s({module:{id:`~root`}},e=>`${e.module?.id}`==`~root`?(r.value.forEach(e=>{n.value&&v.set(e.id,`~root`)}),r.value.map(e=>({module:e,expanded:!c.has(e.id),hasChildren:!1}))):c.has(`${e.module?.id}`)||e.end?[]:e.module.imports.map(t=>{let r=u.value.get(`${t.chunk_id}`);if(r)return n.value&&v.set(r.id,e.module.id),{module:r,import:t,expanded:!c.has(r.id),hasChildren:!1,end:!0}}).filter(e=>e!==void 0));n.value&&=!1,o().nodeSize([d(a.height),d(a.width)+d(a.gap)])(e);let y=e.descendants();for(let e of y)[e.x,e.y]=[e.y-d(a.width),e.x],e.data.module.imports&&(e.data.hasChildren=e.data.module.imports.length>0&&!e.data.end);let b=Math.min(...y.map(e=>e.x)),x=Math.min(...y.map(e=>e.y));if(b<d(a.margin))for(let e of y)e.x+=Math.abs(b)+d(a.margin);if(x<d(a.margin))for(let e of y)e.y+=Math.abs(x)+d(a.margin);f.value=y,m.clear();for(let e of y)m.set(`${e.data.module.id}`,e);let S=e.links().filter(e=>`${e.source.data.module.id}`!=`~root`).map(e=>({...e,import:e.source.data.import,id:`${e.source.data.module.id}|${e.target.data.module.id}`}));h.clear();for(let e of S)h.set(e.id,e);p.value=S,t(()=>{g.value=l.value.scrollWidth/i.value+d(a.margin),_.value=l.value.scrollHeight/i.value+d(a.margin)})}}}),(t,n)=>{let i=x,o=b,s=T;return l(),u(s,{session:e.session,modules:r.value},{default:p(({node:e})=>[y(o,{class:`flex items-center`,to:{path:d(a).path,query:{chunk:e.data.module.chunk_id}}},{default:p(()=>[f(`span`,E,`#`+g(e.data.module.id),1),f(`div`,{flex:`~ gap-2 items-center`,title:`Chunk #${e.data.module.id}`},[n[0]||=f(`div`,{"i-ph-shapes-duotone":``},null,-1),f(`div`,null,g(e.data.module.name||`[unnamed]`),1),y(i,{text:e.data.module.reason},null,8,[`text`])],8,D),n[2]||=f(`div`,{"flex-auto":``},null,-1),f(`div`,O,[n[1]||=f(`div`,{"i-ph-package-duotone":``},null,-1),v(` `+g(e.data.module.modules.length),1)])]),_:2},1032,[`to`])]),_:1},8,[`session`,`modules`])}}}),A=Object.assign(k,{__name:`ChunksGraph`}),j={key:1,relative:``,"max-h-screen":``,"of-hidden":``},M={absolute:``,"left-4":``,"top-4":``,"z-panel-nav":``},N={flex:`~ gap-2 items-center`,p2:``,border:`~ base rounded-xl`,"bg-glass":``},P=[`onClick`],F={key:0,class:`px5 pt24 of-auto h-screen`,flex:`~ col gap-4`},I=a({__name:`chunks`,props:{session:{}},setup(t){let i=t,a=[{label:`List`,value:`list`,icon:`i-carbon-list`},{label:`Graph`,value:`graph`,icon:`i-ph-graph-duotone`}],p=r(),{state:y,isLoading:b}=m(async()=>await p.value[`vite:rolldown:get-chunks-graph`]?.({session:i.session.id}),null),x=o(()=>y.value?.map(e=>({...e,id:`${e.chunk_id}`}))??[]);function w(e){C.value.chunkViewType=e}return(r,i)=>{let o=e,p=S,m=A;return d(b)?(l(),u(o,{key:0})):(l(),s(`div`,j,[f(`div`,M,[f(`div`,N,[i[0]||=f(`span`,{op50:``,pl2:``,"text-sm":``},`View as`,-1),(l(),s(_,null,n(a,e=>f(`button`,{key:e.value,"btn-action":``,class:h(d(C).chunkViewType===e.value?`bg-active`:`grayscale op50`),onClick:t=>w(e.value)},[f(`div`,{class:h(e.icon)},null,2),v(` `+g(e.label),1)],10,P)),64))])]),d(C).chunkViewType===`list`?(l(),s(`div`,F,[(l(!0),s(_,null,n(d(y),e=>(l(),u(p,{key:e.id,border:`~ base rounded-lg`,p3:``,chunk:e,session:t.session},null,8,[`chunk`,`session`]))),128))])):d(C).chunkViewType===`graph`?(l(),u(m,{key:1,session:t.session,chunks:x.value},null,8,[`session`,`chunks`])):c(``,!0)]))}}});export{I as default};
1
+ import{D as e,Dt as t,Ft as n,T as r,X as i,bt as a,ft as o,gt as s,ht as c,jt as l,mt as u,on as d,pt as f,qt as p,s as m,sn as h,un as g,ut as _,vt as v,yt as y}from"#entry";import{t as b}from"./Bjr51Ks8.js";import"./CQNn9qP2.js";import"./BO9hKuA-.js";import{r as x}from"./BQ-NBLhA.js";import{t as S}from"./pXptjyzi.js";import{t as C}from"./D_Sk_I-u.js";import{t as w}from"./IrMnfQaU.js";import{t as T}from"./CAPY28rZ.js";var E={op50:``,"font-mono":``,w12:``},D=[`title`],O={flex:`~ gap-1 items-center`},k=a({__name:`Graph`,props:{session:{},chunks:{}},setup(e){let n=e,r=o(()=>n.chunks),a=i();return w({modules:r,spacing:{width:320,height:55,linkOffset:15,margin:120,gap:80},generateGraph:e=>{let{isFirstCalculateGraph:n,scale:i,spacing:a,tree:o,hierarchy:s,collapsedNodes:c,container:l,modulesMap:u,nodes:f,links:p,nodesMap:m,linksMap:h,width:g,height:_,childToParentMap:v}=e;return()=>{g.value=window.innerWidth,_.value=window.innerHeight;let e=s({module:{id:`~root`}},e=>`${e.module?.id}`==`~root`?(r.value.forEach(e=>{n.value&&v.set(e.id,`~root`)}),r.value.map(e=>({module:e,expanded:!c.has(e.id),hasChildren:!1}))):c.has(`${e.module?.id}`)||e.end?[]:e.module.imports.map(t=>{let r=u.value.get(`${t.chunk_id}`);if(r)return n.value&&v.set(r.id,e.module.id),{module:r,import:t,expanded:!c.has(r.id),hasChildren:!1,end:!0}}).filter(e=>e!==void 0));n.value&&=!1,o().nodeSize([d(a.height),d(a.width)+d(a.gap)])(e);let y=e.descendants();for(let e of y)[e.x,e.y]=[e.y-d(a.width),e.x],e.data.module.imports&&(e.data.hasChildren=e.data.module.imports.length>0&&!e.data.end);let b=Math.min(...y.map(e=>e.x)),x=Math.min(...y.map(e=>e.y));if(b<d(a.margin))for(let e of y)e.x+=Math.abs(b)+d(a.margin);if(x<d(a.margin))for(let e of y)e.y+=Math.abs(x)+d(a.margin);f.value=y,m.clear();for(let e of y)m.set(`${e.data.module.id}`,e);let S=e.links().filter(e=>`${e.source.data.module.id}`!=`~root`).map(e=>({...e,import:e.source.data.import,id:`${e.source.data.module.id}|${e.target.data.module.id}`}));h.clear();for(let e of S)h.set(e.id,e);p.value=S,t(()=>{g.value=l.value.scrollWidth/i.value+d(a.margin),_.value=l.value.scrollHeight/i.value+d(a.margin)})}}}),(t,n)=>{let i=x,o=b,s=T;return l(),u(s,{session:e.session,modules:r.value},{default:p(({node:e})=>[y(o,{class:`flex items-center`,to:{path:d(a).path,query:{chunk:e.data.module.chunk_id}}},{default:p(()=>[f(`span`,E,`#`+g(e.data.module.id),1),f(`div`,{flex:`~ gap-2 items-center`,title:`Chunk #${e.data.module.id}`},[n[0]||=f(`div`,{"i-ph-shapes-duotone":``},null,-1),f(`div`,null,g(e.data.module.name||`[unnamed]`),1),y(i,{text:e.data.module.reason},null,8,[`text`])],8,D),n[2]||=f(`div`,{"flex-auto":``},null,-1),f(`div`,O,[n[1]||=f(`div`,{"i-ph-package-duotone":``},null,-1),v(` `+g(e.data.module.modules.length),1)])]),_:2},1032,[`to`])]),_:1},8,[`session`,`modules`])}}}),A=Object.assign(k,{__name:`ChunksGraph`}),j={key:1,relative:``,"max-h-screen":``,"of-hidden":``},M={absolute:``,"left-4":``,"top-4":``,"z-panel-nav":``},N={flex:`~ gap-2 items-center`,p2:``,border:`~ base rounded-xl`,"bg-glass":``},P=[`onClick`],F={key:0,class:`px5 pt24 of-auto h-screen`,flex:`~ col gap-4`},I=a({__name:`chunks`,props:{session:{}},setup(t){let i=t,a=[{label:`List`,value:`list`,icon:`i-carbon-list`},{label:`Graph`,value:`graph`,icon:`i-ph-graph-duotone`}],p=r(),{state:y,isLoading:b}=m(async()=>await p.value[`vite:rolldown:get-chunks-graph`]?.({session:i.session.id}),null),x=o(()=>y.value?.map(e=>({...e,id:`${e.chunk_id}`}))??[]);function w(e){C.value.chunkViewType=e}return(r,i)=>{let o=e,p=S,m=A;return d(b)?(l(),u(o,{key:0})):(l(),s(`div`,j,[f(`div`,M,[f(`div`,N,[i[0]||=f(`span`,{op50:``,pl2:``,"text-sm":``},`View as`,-1),(l(),s(_,null,n(a,e=>f(`button`,{key:e.value,"btn-action":``,class:h(d(C).chunkViewType===e.value?`bg-active`:`grayscale op50`),onClick:t=>w(e.value)},[f(`div`,{class:h(e.icon)},null,2),v(` `+g(e.label),1)],10,P)),64))])]),d(C).chunkViewType===`list`?(l(),s(`div`,F,[(l(!0),s(_,null,n(d(y),e=>(l(),u(p,{key:e.id,border:`~ base rounded-lg`,p3:``,chunk:e,session:t.session},null,8,[`chunk`,`session`]))),128))])):d(C).chunkViewType===`graph`?(l(),u(m,{key:1,session:t.session,chunks:x.value},null,8,[`session`,`chunks`])):c(``,!0)]))}}});export{I as default};
@@ -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":"/__vite_devtools_vite__/_nuxt/DJTxkAFF.js"}}</script><title>Vite DevTools</title><link rel="stylesheet" href="/__vite_devtools_vite__/_nuxt/entry.BiqpDmeM.css" crossorigin><link rel="modulepreload" as="script" crossorigin href="/__vite_devtools_vite__/_nuxt/DJTxkAFF.js"><link rel="prefetch" as="style" crossorigin href="/__vite_devtools_vite__/_nuxt/error-404.yUUAZDjV.css"><link rel="prefetch" as="script" crossorigin href="/__vite_devtools_vite__/_nuxt/C2X_oPur.js"><link rel="prefetch" as="script" crossorigin href="/__vite_devtools_vite__/_nuxt/Bjr51Ks8.js"><link rel="prefetch" as="style" crossorigin href="/__vite_devtools_vite__/_nuxt/error-500.BHZzZRS-.css"><link rel="prefetch" as="script" crossorigin href="/__vite_devtools_vite__/_nuxt/BL9XEsp7.js"><meta name="description" content="DevTools for Vite"><meta property="og:title" content="Vite DevTools"><meta property="og:description" content="DevTools for Vite"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><script type="module" src="/__vite_devtools_vite__/_nuxt/DJTxkAFF.js" crossorigin></script><script id="unhead:payload" type="application/json">{"title":"Vite DevTools"}</script></head><body><div id="__nuxt"></div><div id="teleports"></div><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="false" id="__NUXT_DATA__">[{"prerenderedAt":1,"serverRendered":2},1759304013533,false]</script><script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/__vite_devtools_vite__/",buildId:"c3fb67dd-1302-42f7-af58-b6ed5d47dbe9",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script></body></html>
1
+ <!DOCTYPE html><html lang="en" class="bg-dots"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><script type="importmap">{"imports":{"#entry":"/.devtools-vite/_nuxt/CdpVtaP0.js"}}</script><title>Vite DevTools</title><link rel="stylesheet" href="/.devtools-vite/_nuxt/entry.xxRYPaDV.css" crossorigin><link rel="modulepreload" as="script" crossorigin href="/.devtools-vite/_nuxt/CdpVtaP0.js"><link rel="prefetch" as="style" crossorigin href="/.devtools-vite/_nuxt/error-404.yUUAZDjV.css"><link rel="prefetch" as="script" crossorigin href="/.devtools-vite/_nuxt/C2X_oPur.js"><link rel="prefetch" as="script" crossorigin href="/.devtools-vite/_nuxt/Bjr51Ks8.js"><link rel="prefetch" as="style" crossorigin href="/.devtools-vite/_nuxt/error-500.BHZzZRS-.css"><link rel="prefetch" as="script" crossorigin href="/.devtools-vite/_nuxt/BL9XEsp7.js"><meta name="description" content="DevTools for Vite"><meta property="og:title" content="Vite DevTools"><meta property="og:description" content="DevTools for Vite"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><script type="module" src="/.devtools-vite/_nuxt/CdpVtaP0.js" crossorigin></script><script id="unhead:payload" type="application/json">{"title":"Vite DevTools"}</script></head><body><div id="__nuxt"></div><div id="teleports"></div><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="false" id="__NUXT_DATA__">[{"prerenderedAt":1,"serverRendered":2},1759391230721,false]</script><script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/.devtools-vite/",buildId:"5fe3a780-72ab-4e8b-9a11-24947f635b2f",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script></body></html>
package/package.json CHANGED
@@ -1,13 +1,13 @@
1
1
  {
2
2
  "name": "@vitejs/devtools-vite",
3
3
  "type": "module",
4
- "version": "0.0.0-alpha.2",
4
+ "version": "0.0.0-alpha.5",
5
5
  "description": "DevTools for Vite (work in progress)",
6
6
  "author": "VoidZero Inc.",
7
7
  "license": "MIT",
8
8
  "homepage": "https://github.com/vitejs/devtools#readme",
9
9
  "repository": {
10
- "directory": "packages/devtools-vite",
10
+ "directory": "/vite",
11
11
  "type": "git",
12
12
  "url": "git+https://github.com/vitejs/devtools.git"
13
13
  },
@@ -53,8 +53,8 @@
53
53
  "unstorage": "^1.17.1",
54
54
  "vue-virtual-scroller": "^2.0.0-beta.8",
55
55
  "ws": "^8.18.3",
56
- "@vitejs/devtools-kit": "0.0.0-alpha.2",
57
- "@vitejs/devtools-rpc": "0.0.0-alpha.2"
56
+ "@vitejs/devtools-kit": "0.0.0-alpha.5",
57
+ "@vitejs/devtools-rpc": "0.0.0-alpha.5"
58
58
  },
59
59
  "devDependencies": {
60
60
  "@types/codemirror": "^5.60.16",
@@ -82,7 +82,7 @@
82
82
  "vite-hot-client": "^2.1.0"
83
83
  },
84
84
  "scripts": {
85
- "build": "ROLLDOWN_OPTIONS_VALIDATION=loose nuxi build src && tsdown",
85
+ "build": "pnpm dev:prepare && ROLLDOWN_OPTIONS_VALIDATION=loose nuxi build src && tsdown",
86
86
  "build:debug": "NUXT_DEBUG_BUILD=true pnpm run build",
87
87
  "dev": "ROLLDOWN_OPTIONS_VALIDATION=loose nuxi dev src",
88
88
  "dev:prepare": "nuxi prepare src"
@@ -1 +0,0 @@
1
- import{$t as e,At as t,D as n,Dt as r,Ft as i,Gt as a,Jt as o,Rt as s,T as c,Ut as l,Wt as u,X as d,Z as f,bt as p,en as m,f as h,ft as g,gt as _,ht as v,jt as y,ln as b,m as ee,mt as x,nn as S,on as C,pt as w,qt as T,s as te,sn as E,t as D,un as O,ut as k,vt as A,yt as j}from"#entry";import{t as M}from"./Bjr51Ks8.js";import{i as N,t as P}from"./Ci9NHG69.js";import"./CQNn9qP2.js";import{n as F}from"./BO9hKuA-.js";import{t as I}from"./B2fBtupD.js";import{t as L}from"./D_Sk_I-u.js";import{a as ne,i as R,n as re,r as ie,s as ae,t as z}from"./CS0-317H.js";import{n as B,t as V}from"./Dl8iHwQo.js";import{t as H}from"./BcAccMwu.js";import{t as oe}from"./Z5tyTJaP.js";var U={flex:`~ gap-1`},W={"overflow-hidden":``,"text-ellipsis":``,"break-all":``,"line-clamp-2":``},G=p({__name:`ListItem`,props:{asset:{}},setup(e){return(t,n)=>{let r=F,i=M;return y(),x(i,{to:{query:{asset:e.asset.filename}},"w-full":``,"font-mono":``,border:`~ rounded base`,px2:``,py1:``,"text-sm":``,hover:`bg-active`},{default:T(()=>[w(`div`,U,[j(r,{filename:e.asset.filename},null,8,[`filename`]),w(`span`,W,O(e.asset.filename),1)])]),_:1},8,[`to`])}}}),K=Object.assign(G,{__name:`AssetsListItem`}),q={p4:``},J={flex:``,pb2:``},Y=p({__name:`List`,props:{assets:{}},setup(e){return(t,n)=>{let r=K,i=V;return y(),_(`div`,q,[j(i,{items:e.assets,"key-prop":`filename`},{default:T(({item:e})=>[w(`div`,J,[j(r,{asset:e},null,8,[`asset`])])]),_:1},8,[`items`])])}}}),se=Object.assign(Y,{__name:`AssetsList`}),X={flex:`~ gap-2`,p4:``},Z=p({__name:`Folder`,props:{assets:{},session:{}},setup(e){let t=e,n=g(()=>{let e=[];return t.assets.forEach(t=>{e.push({full:t.filename,path:t.filename})}),N(e,`Project`)});return(t,r)=>{let i=H;return y(),_(`div`,X,[e.assets?.length?(y(),x(i,{key:0,"flex-1":``,node:n.value,icon:`i-catppuccin:folder-dist catppuccin`,"icon-open":`i-catppuccin:folder-dist-open catppuccin`,link:!0,"link-query-key":`asset`},null,8,[`node`])):v(``,!0)])}}}),ce=Object.assign(Z,{__name:`AssetsFolder`}),le={flex:`~ gap-1 items-center wrap`},ue={key:0,"i-ph-arrow-right-bold":``,"text-sm":``,"op-fade":``},de=[`onClick`],fe=p({__name:`AssetNavBreadcrumb`,props:{selected:{},options:{}},emits:[`select`],setup(e,{emit:t}){let n=e,r=t,a=g(()=>{let e=[],t=n.selected;for(;t;)e.unshift(t),t=t.parent;return e});return(e,t)=>(y(),_(`div`,le,[(y(!0),_(k,null,i(a.value,(e,t)=>(y(),_(k,{key:e.id},[t>0?(y(),_(`div`,ue)):v(``,!0),w(`button`,{hover:`bg-active`,rounded:``,px1:``,onClick:t=>r(`select`,e)},[w(`span`,null,O(e.text||e.id),1)],8,de)],64))),128))]))}}),Q=Object.assign(fe,{__name:`ChartAssetNavBreadcrumb`}),pe={class:`px4`,flex:`~ col gap2`},me=p({__name:`Treemap`,props:{graph:{},selected:{}},emits:[`select`],setup(e,{emit:t}){let n=e,r=t,i=l(`el`);return a(()=>i.value?.append(n.graph.el)),(t,n)=>{let a=Q;return y(),_(`div`,pe,[j(a,{border:`b base`,py2:``,"min-h-10":``,selected:e.selected,options:e.graph.options,onSelect:n[0]||=e=>r(`select`,e)},null,8,[`selected`,`options`]),w(`div`,{ref_key:`el`,ref:i},null,512)])}}}),he=Object.assign(me,{__name:`AssetsTreemap`}),ge={grid:`~ cols-[max-content_1fr] gap-2`,p4:``},_e={flex:`~ col gap-4`},ve={key:0,grid:`~ cols-[250px_1fr] gap-1`},ye=[`onClick`],be={key:0,"text-primary":``},xe={key:1},Se=[`onClick`],Ce=[`title`],we=p({__name:`Sunburst`,props:{graph:{},selected:{}},emits:[`select`],setup(e,{emit:t}){let n=e,r=t,c=l(`el`);return a(()=>c.value?.append(n.graph.el)),(t,n)=>{let a=Q,l=I,u=s(`tooltip`);return y(),_(`div`,ge,[w(`div`,{ref_key:`el`,ref:c,"w-500px":``},null,512),w(`div`,_e,[j(a,{border:`b base`,py2:``,selected:e.selected,options:e.graph.options,onSelect:n[0]||=e=>r(`select`,e)},null,8,[`selected`,`options`]),e.selected?(y(),_(`div`,ve,[(y(!0),_(k,null,i(e.selected.children,t=>(y(),_(k,{key:t.id},[w(`button`,{"ws-nowrap":``,"text-nowrap":``,"text-left":``,"overflow-hidden":``,"text-ellipsis":``,"text-sm":``,hover:`bg-active`,rounded:``,px2:``,onClick:e=>r(`select`,t)},[t.meta&&t.meta===e.selected?.meta?(y(),_(`span`,be,`(self)`)):(y(),_(`span`,xe,O(t.id),1))],8,ye),w(`button`,{relative:``,flex:`~ gap-1 items-center`,hover:`bg-active`,rounded:``,onClick:e=>r(`select`,t)},[w(`div`,{"h-5":``,rounded:``,shadow:``,border:`~ base`,style:b({background:C(R)(e.graph.options.getColor?.(t)||`#000`),width:`${t.size/e.selected.size*100}%`})},null,4),j(l,{"text-xs":``,bytes:t.size,total:e.selected.size,"percent-ratio":3},null,8,[`bytes`,`total`]),t.children.length>0?o((y(),_(`div`,{key:0,title:`${t.children.length} dependencies`,"text-xs":``,"op-fade":``},[A(` (`+O(t.children.length)+`) `,1)],8,Ce)),[[u,`${t.children.length} dependencies`]]):v(``,!0)],8,Se)],64))),128))])):v(``,!0)])])}}}),Te=Object.assign(we,{__name:`AssetsSunburst`}),Ee=p({__name:`Flamegraph`,props:{graph:{}},setup(e){let t=e,n=l(`el`);return a(()=>n.value?.append(t.graph.el)),(e,t)=>(y(),_(`div`,{ref_key:`el`,ref:n},null,512))}}),$=Object.assign(Ee,{__name:`AssetsFlamegraph`}),De={key:1,relative:``,"max-h-screen":``,"of-hidden":``},Oe={absolute:``,"left-4":``,"top-4":``,"z-panel-nav":``},ke={flex:`~ gap-2 items-center`,p2:``,border:`t base`},Ae=[`onClick`],je={"of-auto":``,"h-screen":``,flex:`~ col gap-2`,pt32:``},Me={absolute:``,"bottom-4":``,"py-1":``,"px-2":``,"bg-glass":``,left:`1/2`,"translate-x":`-1/2`,border:`~ base rounded-full`,text:`center xs`},Ne={op50:``},Pe={key:0,"bg-glass":``,border:`~ base rounded`,p2:``,"text-sm":``,flex:`~ col gap-2`},Fe={flex:`~ gap-1 items-center`},Ie={flex:`~ gap-1 items-center`},Le=p({__name:`assets`,props:{session:{}},setup(a){let o=a,s=e(h()),l=S(void 0),p=S(void 0),b=S(void 0),M=m(void 0),N=m({search:``}),F=f(),R=d(),V=[{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`}],H=c(),{state:U,isLoading:W}=te(async()=>await H.value[`vite:rolldown:get-assets-list`]?.({session:o.session.id}),null),G=ee(()=>U.value,()=>new oe(U.value,{includeScore:!0,keys:[`filename`],ignoreLocation:!0,threshold:.4})),K=g(()=>N.value.search?G.value.search(N.value.search).map(e=>e.item):U.value);function q(e){L.value.assetViewType=e}let J=g(()=>{let e=K.value,t=new Map,n=0,r={id:`~root`,text:`Project`,size:0,sizeSelf:0,children:[]};if(!e?.length)return{map:t,root:r,maxDepth:n};let i=[];i.unshift(()=>{r.size+=r.children.reduce((e,t)=>e+t.size,0),r.subtext=P(r.size).join(` `),r.children.sort((e,t)=>t.size-e.size||e.id.localeCompare(t.id))});function a(e,r,a,o,s){if(t.has(r))return t.get(r);s>n&&(n=s);let c={id:r,text:a,size:0,sizeSelf:0,children:[],meta:{chunk_id:0,content:``,filename:``,size:0,path:a,type:`folder`},parent:o};return t.set(r,c),o.children.push(c),i.unshift(()=>{let t=c.sizeSelf;c.size+=c.children.reduce((e,t)=>e+t.size,0),c.subtext=P(c.size).join(` `),c.children.length&&t/c.size>.1&&c.children.push({id:`${c.id}-self`,text:``,size:t,sizeSelf:t,subtext:P(t).join(` `),children:[],meta:{...e,path:``,type:`file`},parent:c}),c.children.sort((e,t)=>t.size-e.size||e.id.localeCompare(t.id))}),c}function o(e){let n=e.filename.split(`/`).filter(Boolean),i=r,o=``,s=0;n.forEach((r,c)=>{if(o+=(o?`/`:``)+r,s++,c===n.length-1){let n={id:e.filename,text:r,size:e.size,sizeSelf:e.size,subtext:P(e.size).join(` `),children:[],meta:{...e,path:r,type:`file`}};i.children.push(n),t.set(e.filename,n)}else i=a(e,o,r,i,s)})}return e.forEach(o),i.forEach(e=>e()),{map:t,root:r,maxDepth:n}}),Y,X=g(()=>({onClick(e){e&&(p.value=e),e.meta?.type===`file`&&(M.value=e.meta,F.replace({query:{asset:e.meta.filename}}))},onHover(e){e&&!R.query.asset&&(p.value=e),e===null&&(p.value=void 0)},onLeave(){p.value=void 0},onSelect(e){b.value=e||J.value.root,M.value=e?.meta},animate:L.value.chartAnimation,palette:{stroke:D.value?`#222`:`#555`,fg:D.value?`#fff`:`#000`,bg:D.value?`#111`:`#fff`},getColor:ne(J.value.root,D.value?.8:.9,D.value?1:1.1),getSubtext:e=>e.subtext}));function Z(e,t){M.value=e?.meta,e?.children.length||(e=e?.parent||null),l.value?.select(e,t)}return u(()=>[L.value.assetViewType,J.value,X.value],()=>{switch(Y?.(),b.value=J.value.root,L.value.assetViewType){case`sunburst`:l.value=new re(J.value.root,X.value);break;case`treemap`:l.value=new ie(J.value.root,{...X.value,selectedPaddingRatio:0});break;default:l.value=new z(J.value.root,X.value)}r(()=>{let e=M.value&&J.value.map.get(M.value.filename)||null;e&&Z(e,!1)}),Y=()=>{l.value?.dispose(),l.value=void 0}},{deep:!0,immediate:!0}),t(()=>{Y?.()}),(e,t)=>{let r=n,o=B,c=se,u=ce,d=he,f=Te,m=$,h=I,g=ae;return C(W)?(y(),x(r,{key:0})):(y(),_(`div`,De,[w(`div`,Oe,[j(o,{modelValue:N.value,"onUpdate:modelValue":t[0]||=e=>N.value=e,rules:[]},{default:T(()=>[w(`div`,ke,[t[3]||=w(`span`,{op50:``,pl2:``,"text-sm":``},`View as`,-1),(y(),_(k,null,i(V,e=>w(`button`,{key:e.value,"btn-action":``,class:E(C(L).assetViewType===e.value?`bg-active`:`grayscale op50`),onClick:t=>q(e.value)},[w(`div`,{class:E(e.icon)},null,2),A(` `+O(e.label),1)],10,Ae)),64))])]),_:1},8,[`modelValue`])]),w(`div`,je,[C(L).assetViewType===`list`?(y(),_(k,{key:0},[K.value?.length?(y(),x(c,{key:0,assets:K.value,session:a.session},null,8,[`assets`,`session`])):v(``,!0),w(`div`,Me,[w(`span`,Ne,O(K.value.length)+` of `+O(C(U)?.length||0),1)])],64)):C(L).assetViewType===`folder`?(y(),_(k,{key:1},[K.value?.length?(y(),x(u,{key:0,assets:K.value,session:a.session},null,8,[`assets`,`session`])):v(``,!0)],64)):C(L).assetViewType===`treemap`?(y(),_(k,{key:2},[l.value?(y(),x(d,{key:0,graph:l.value,selected:b.value,onSelect:t[1]||=e=>Z(e)},null,8,[`graph`,`selected`])):v(``,!0)],64)):C(L).assetViewType===`sunburst`?(y(),_(k,{key:3},[l.value?(y(),x(f,{key:0,graph:l.value,selected:b.value,onSelect:t[2]||=e=>Z(e)},null,8,[`graph`,`selected`])):v(``,!0)],64)):C(L).assetViewType===`flamegraph`?(y(),_(k,{key:4},[l.value?(y(),x(m,{key:0,graph:l.value},null,8,[`graph`])):v(``,!0)],64)):v(``,!0)]),j(g,{"hover-x":s.x,"hover-y":s.y},{default:T(()=>[p.value?.meta?(y(),_(`div`,Pe,[w(`div`,Fe,O(p.value.text),1),w(`div`,Ie,[j(h,{bytes:p.value.size,percent:!1},null,8,[`bytes`])])])):v(``,!0)]),_:1},8,[`hover-x`,`hover-y`])]))}}});export{Le as default};
@@ -1 +0,0 @@
1
- {"id":"c3fb67dd-1302-42f7-af58-b6ed5d47dbe9","timestamp":1759303988239,"matcher":{"static":{"/":{"prerender":true},"/200.html":{"prerender":true},"/404.html":{"prerender":true}},"wildcard":{},"dynamic":{}},"prerendered":[]}
@@ -1 +0,0 @@
1
- import{A as e,Ct as t,D as n,Ft as r,Lt as i,T as a,bt as o,c as s,en as c,ft as l,gt as u,ht as d,jt as f,m as p,mt as m,on as h,pt as g,qt as _,s as v,sn as y,un as b,ut as x,vt as S,yt as C}from"#entry";import"./Bjr51Ks8.js";import"./Ci9NHG69.js";import{r as w}from"./CQNn9qP2.js";import"./BO9hKuA-.js";import{r as T,t as E}from"./BQ-NBLhA.js";import{n as D}from"./DnpfwSMy.js";import{t as O}from"./B2fBtupD.js";import{t as k}from"./D_Sk_I-u.js";import{t as A}from"./cRQbgMUp.js";import{n as ee,t as j}from"./Dl8iHwQo.js";import{t as te}from"./Z5tyTJaP.js";var M=o({name:`HighlightedPackageName`,props:{name:{type:String,required:!0}},setup(e){return()=>{let n=e.name;if(!D(n))return t(`span`,{class:`text-gray-500`},n);let r=w(n);if(n.startsWith(`@`)){let[e,i]=n.split(`/`);return[t(`span`,{style:`color: ${r}`},e),t(`span`,{style:`color: ${r}`},`/`),t(`span`,{style:`color: ${r}`},i)]}return t(`span`,{style:`color: ${r}`},n)}}}),N={flex:`~ row gap-1`},P={flex:`~ row gap-1`},F={p2:``,flex:`~ col gap-1`},I=o({__name:`Importers`,props:{package:{},session:{},showVersion:{type:Boolean}},setup(e){let t=e,n=l(()=>[...new Set(t.package.files.filter(e=>!!e.importers).flatMap(e=>e.importers))]);return(t,a)=>{let o=E,s=T,c=i(`VMenu`);return f(),u(`div`,N,[g(`div`,P,[C(o,{id:n.value[0].path,session:e.session,link:``},null,8,[`id`,`session`]),n.value[0].version&&e.showVersion?(f(),m(s,{key:0,text:n.value[0].version,as:`span`},null,8,[`text`])):d(``,!0)]),n.value.length>1?(f(),m(c,{key:0,delay:{show:200,hide:0}},{popper:_(()=>[g(`div`,F,[(f(!0),u(x,null,r(n.value,t=>(f(),u(`div`,{key:t.path,flex:`~ row gap-1 items-center nowrap`,"w-max":``},[C(o,{id:t.path,session:e.session,"ws-nowrap":``,"flex-1":``,"disable-tooltip":``,link:``},null,8,[`id`,`session`]),t.version&&e.showVersion?(f(),m(s,{key:0,text:t.version,as:`span`},null,8,[`text`])):d(``,!0)]))),128))])]),default:_(()=>[C(h(A),{number:n.value.length,class:`text-blue dark:text-blue`},null,8,[`number`])]),_:1})):d(``,!0)])}}}),L=Object.assign(I,{__name:`PackagesImporters`}),R={role:`table`,"min-w-max":``,border:`~ base rounded`},z={role:`row`,class:`border-b border-base`,flex:`~ row`},B=[`title`],V={key:0,title:`Package version`,role:`columnheader`,"rounded-tr-2":``,"bg-base":``,"flex-none":``,"min-w40":``,"ws-nowrap":``,"text-left":``,"py1.5":``,px2:``,"font-600":``},H={title:`Transformed code size`,role:`columnheader`,"rounded-tr-2":``,"bg-base":``,"flex-none":``,"ws-nowrap":``,"py1.5":``,pl2:``,"font-600":``,"min-w40":``},U={flex:`~ row gap1 items-center justify-end`,"w-full":``,relative:``,pr2:``},W={key:0,role:`cell`,flex:`~ items-center gap1`,"flex-none":``,"min-w80":``,"py1.5":``,px2:``,"ws-nowrap":``,"text-sm":``},G={role:`cell`,flex:`~ items-center`,"text-left":``,"flex-none":``,"font-mono":``,"py1.5":``,px2:``,"text-sm":``,"min-w40":``,op80:``},K={role:`cell`,flex:`~ items-center justify-end`,"flex-none":``,"font-mono":``,"py1.5":``,px2:``,"text-sm":``,"min-w40":``,op80:``},q={p2:``,flex:`~ col gap-1`},J={w24:``,"inline-flex":``},Y={role:`cell`,flex:`~ items-center`,"flex-1":``,"font-mono":``,"py1.5":``,pl20:``,pr2:``,"text-sm":``,op80:``},X={key:1},Z=o({__name:`Table`,props:{packages:{},session:{},disableSizeSort:{type:Boolean,default:!1},groupView:{type:Boolean,default:!1}},setup(t){let{state:n,next:i}=s([``,`desc`,`asc`],{initialValue:k.value.packageSizeSortType});function a(){i(),k.value.packageSizeSortType=n.value}return(i,o)=>{let s=M,c=O,l=E,p=L,v=j;return f(),u(`div`,R,[g(`div`,z,[g(`div`,{title:t.groupView?`Package`:`Bundled packages`,role:`columnheader`,"rounded-tl-2":``,"bg-base":``,"flex-none":``,"ws-nowrap":``,"py1.5":``,px2:``,"font-600":``,class:y([t.groupView?`min-w40`:`min-w80`])},[t.groupView?(f(),m(s,{key:0,name:t.packages?.[0]?.name},null,8,[`name`])):(f(),u(x,{key:1},[S(` Package `)],64))],10,B),t.groupView?d(``,!0):(f(),u(`div`,V,` Version `)),g(`div`,H,[g(`button`,U,[o[0]||=S(` Size `,-1),t.disableSizeSort?d(``,!0):(f(),u(`span`,{key:0,"w-6":``,"h-6":``,"rounded-full":``,"cursor-pointer":``,hover:`bg-active`,flex:`~ items-center justify-center`,onClick:a},[g(`i`,{"text-xs":``,class:y([h(n)===`asc`?`i-carbon-arrow-up`:`i-carbon-arrow-down`,h(n)?`op100 text-primary`:`op50`])},null,2)]))])]),o[1]||=g(`div`,{title:`Importers`,role:`columnheader`,"rounded-tr-2":``,"bg-base":``,"flex-none":``,"ws-nowrap":``,"py1.5":``,pl20:``,pr2:``,"font-600":``,"min-w50":``},` Importers `,-1)]),t.packages.length?(f(),m(v,{key:0,role:`rowgroup`,items:t.packages,"key-prop":`dir`},{default:_(({item:n,index:i})=>[g(`div`,{role:`row`,flex:`~ row`,class:y([`border-base border-b-1 border-dashed`,[i===t.packages.length-1?`border-b-0`:``]])},[t.groupView?d(``,!0):(f(),u(`div`,W,[C(s,{name:n.name},null,8,[`name`])])),g(`div`,G,b(n.version),1),g(`div`,K,[C(h(e),{delay:{show:200,hide:0}},{popper:_(()=>[g(`div`,q,[(f(!0),u(x,null,r(n.files.filter(e=>!!e.transformedCodeSize),e=>(f(),u(`div`,{key:e.path,flex:`~ row gap-1 items-center nowrap`,"w-max":``},[g(`span`,J,[C(c,{bytes:e.transformedCodeSize},null,8,[`bytes`])]),C(l,{id:e.path,session:t.session,"ws-nowrap":``,"flex-1":``,"disable-tooltip":``,link:``},null,8,[`id`,`session`])]))),128))])]),default:_(()=>[C(c,{bytes:n.transformedCodeSize},null,8,[`bytes`])]),_:2},1024)]),g(`div`,Y,[C(p,{package:n,session:t.session,"show-version":t.groupView},null,8,[`package`,`session`,`show-version`])])],2)]),_:1},8,[`items`])):(f(),u(`div`,X,[...o[2]||=[g(`div`,{p4:``},[g(`div`,{"w-full":``,"h-48":``,flex:`~ items-center justify-center`,op50:``,italic:``},[g(`p`,null,` No data `)])],-1)]]))])}}}),Q=Object.assign(Z,{__name:`PackagesTable`}),ne={key:1,p4:``},re=o({__name:`Duplicated`,props:{packages:{},session:{}},setup(e){let t=e,n=l(()=>t.packages.filter(e=>e.duplicated)),i=l(()=>n.value.reduce((e,t)=>(e[t.name]=[...e[t.name]||[],t],e),{}));return(t,a)=>{let o=Q;return n.value.length?(f(!0),u(x,{key:0},r(i.value,(t,n)=>(f(),u(`div`,{key:n},[C(o,{packages:t,session:e.session,"group-view":``,"disable-size-sort":``},null,8,[`packages`,`session`])]))),128)):(f(),u(`div`,ne,[...a[0]||=[g(`div`,{"w-full":``,"h-48":``,flex:`~ items-center justify-center`,op50:``,italic:``},` No duplicate packages `,-1)]]))}}}),ie=Object.assign(re,{__name:`PackagesDuplicated`}),ae={key:1,relative:``,"max-h-screen":``,"of-hidden":``},oe={absolute:``,"left-4":``,"top-4":``,"z-panel-nav":``},$={flex:`~ gap-2 items-center`,p2:``,border:`t base`},se=[`onClick`],ce={"of-auto":``,"h-screen":``,flex:`~ col gap-2`,pt44:``,px4:``,pb4:``},le={absolute:``,"bottom-4":``,"py-1":``,"px-2":``,"bg-glass":``,left:`1/2`,"translate-x":`-1/2`,border:`~ base rounded-full`,text:`center xs`},ue={op50:``},de=o({__name:`packages`,props:{session:{}},setup(e){let t=e,i=[{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=a(),s=c({search:``,selected:[`direct`,`transitive`]}),{state:w,isLoading:T}=v(async()=>await o.value[`vite:rolldown:get-packages`]?.({session:t.session.id}),null),E=p(()=>w.value,()=>new te(w.value,{includeScore:!0,keys:[`name`],ignoreLocation:!0,threshold:.4})),D=l(()=>w.value?Object.values(w.value.reduce((e,t)=>(e[t.name]=(e[t.name]||0)+1,e),{})).filter(e=>e>1).length:0),O=l(()=>[{label:`Table`,value:`table`,icon:`i-ph:table-thin`},{label:`Duplicate Packages${D.value>0?` (${D.value})`:``}`,value:`duplicate-packages`,icon:`i-tabler:packages`}]),A=l(()=>s.value.search?E.value.search(s.value.search).map(e=>e.item):[...w.value||[]]),j=l(()=>{let e=k.value.packageSizeSortType,t=[...A.value].sort((e,t)=>(e.name||``).localeCompare(t.name||``));return(e?t.sort((t,n)=>e===`asc`?t.transformedCodeSize-n.transformedCodeSize:n.transformedCodeSize-t.transformedCodeSize):t).filter(e=>!s.value.selected||s.value.selected.some(t=>t.match(e.type)))});function M(e){k.value.packageViewType=e}return(t,a)=>{let o=n,c=ee,l=Q,p=ie;return h(T)?(f(),m(o,{key:0})):(f(),u(`div`,ae,[g(`div`,oe,[C(c,{modelValue:s.value,"onUpdate:modelValue":a[0]||=e=>s.value=e,rules:i},{default:_(()=>[g(`div`,$,[a[1]||=g(`span`,{op50:``,pl2:``,"text-sm":``},`View as`,-1),(f(!0),u(x,null,r(O.value,e=>(f(),u(`button`,{key:e.value,"btn-action":``,class:y(h(k).packageViewType===e.value?`bg-active`:`grayscale op50`),onClick:t=>M(e.value)},[g(`div`,{class:y(e.icon)},null,2),S(` `+b(e.label),1)],10,se))),128))])]),_:1},8,[`modelValue`])]),g(`div`,ce,[h(k).packageViewType===`table`?(f(),u(x,{key:0},[C(l,{packages:j.value,session:e.session},null,8,[`packages`,`session`]),g(`div`,le,[g(`span`,ue,b(A.value.length)+` of `+b(h(w)?.length||0),1)])],64)):h(k).packageViewType===`duplicate-packages`?(f(),m(p,{key:1,packages:j.value,session:e.session},null,8,[`packages`,`session`])):d(``,!0)])]))}}});export{de as default};
File without changes
File without changes
File without changes
File without changes
File without changes