@vitejs/devtools-vite 0.0.0-alpha.3 → 0.0.0-alpha.6

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.
Files changed (38) hide show
  1. package/dist/index.d.ts +22 -16
  2. package/dist/index.js +25 -4
  3. package/dist/nitro.json +1 -1
  4. package/dist/public/200.html +1 -1
  5. package/dist/public/404.html +1 -1
  6. package/dist/public/_nuxt/{BcAccMwu.js → B4wxy85L.js} +1 -1
  7. package/dist/public/_nuxt/BFrgWt5v.js +1 -0
  8. package/dist/public/_nuxt/BJ1En-qd.js +1 -0
  9. package/dist/public/_nuxt/{BdSZoQls.js → BNZPks8A.js} +1 -1
  10. package/dist/public/_nuxt/BhYsQoJN.js +1 -0
  11. package/dist/public/_nuxt/BsPDwkF1.js +1 -0
  12. package/dist/public/_nuxt/{CciM0jEL.js → C-pOSrl5.js} +1 -1
  13. package/dist/public/_nuxt/{C5J04JCq.js → CRvrEAK3.js} +1 -1
  14. package/dist/public/_nuxt/CS-6x7S3.js +33 -0
  15. package/dist/public/_nuxt/{DS2MKblJ.js → CWCLHkLi.js} +1 -1
  16. package/dist/public/_nuxt/{CY4df6ae.js → C_113ylp.js} +2 -2
  17. package/dist/public/_nuxt/Ckf7xQdg.js +1 -0
  18. package/dist/public/_nuxt/DQCLStiA.js +1 -0
  19. package/dist/public/_nuxt/{CcwEApAr.js → DUOY-ITr.js} +1 -1
  20. package/dist/public/_nuxt/DoCLzHNP.js +1 -0
  21. package/dist/public/_nuxt/KKO2iSg5.js +2 -0
  22. package/dist/public/_nuxt/builds/latest.json +1 -1
  23. package/dist/public/_nuxt/builds/meta/be0bb935-d565-4624-9bbc-88aa98997368.json +1 -0
  24. package/dist/public/_nuxt/entry.BnzQeNUH.css +1 -0
  25. package/dist/public/_nuxt/{BjbaCuBE.js → m0y8FcT0.js} +1 -1
  26. package/dist/public/index.html +1 -1
  27. package/package.json +5 -5
  28. package/dist/public/_nuxt/B1Vd6rqS.js +0 -1
  29. package/dist/public/_nuxt/B2YLpys2.js +0 -1
  30. package/dist/public/_nuxt/BvuqupwD.js +0 -1
  31. package/dist/public/_nuxt/D1yk44lc.js +0 -1
  32. package/dist/public/_nuxt/Dl8iHwQo.js +0 -2
  33. package/dist/public/_nuxt/builds/meta/08f15b09-a05e-433e-bb78-b0c50c0f16d5.json +0 -1
  34. package/dist/public/_nuxt/cRQbgMUp.js +0 -1
  35. package/dist/public/_nuxt/entry.DrKyT2-5.css +0 -1
  36. package/dist/public/_nuxt/pXptjyzi.js +0 -1
  37. package/dist/public/_nuxt/rwBDQBzn.js +0 -1
  38. package/dist/public/_nuxt/yfNgynAH.js +0 -33
package/dist/index.d.ts CHANGED
@@ -1,20 +1,35 @@
1
1
  import { Plugin, ResolvedConfig, ViteDevServer } from "vite";
2
2
 
3
- //#region ../devtools-kit/src/types/rpc-augments.d.ts
3
+ //#region ../kit/src/types/rpc-augments.d.ts
4
4
 
5
5
  /**
6
6
  * To be extended
7
7
  */
8
8
  interface DevToolsRpcServerFunctions {}
9
9
  //#endregion
10
- //#region ../devtools-kit/src/types/utils.d.ts
10
+ //#region ../kit/src/types/utils.d.ts
11
11
  type Thenable<T> = T | Promise<T>;
12
12
  //#endregion
13
- //#region ../devtools-kit/src/types/views.d.ts
13
+ //#region ../kit/src/types/views.d.ts
14
14
  interface DevToolsDockHost {
15
15
  register: (entry: DevToolsDockEntry) => void;
16
16
  values: () => DevToolsDockEntry[];
17
17
  }
18
+ interface DevToolsViewHost {
19
+ /**
20
+ * @internal
21
+ */
22
+ buildStaticDirs: {
23
+ baseUrl: string;
24
+ distDir: string;
25
+ }[];
26
+ /**
27
+ * Helper to host static files
28
+ * - In `dev` mode, it will register middleware to `viteServer.middlewares` to host the static files
29
+ * - In `build` mode, it will copy the static files to the dist directory
30
+ */
31
+ hostStatic: (baseUrl: string, distDir: string) => void;
32
+ }
18
33
  interface DevToolsDockEntryBase {
19
34
  id: string;
20
35
  title: string;
@@ -45,7 +60,7 @@ interface DevToolsViewAction extends DevToolsDockEntryBase {
45
60
  }
46
61
  type DevToolsDockEntry = DevToolsViewIframe | DevToolsViewWebComponent | DevToolsViewAction;
47
62
  //#endregion
48
- //#region ../devtools-kit/src/types/vite-plugin.d.ts
63
+ //#region ../kit/src/types/vite-plugin.d.ts
49
64
  interface DevToolsCapabilities {
50
65
  rpc?: boolean;
51
66
  views?: boolean;
@@ -64,19 +79,10 @@ interface DevToolsNodeContext {
64
79
  readonly viteServer?: ViteDevServer;
65
80
  rpc: RpcFunctionsHost;
66
81
  docks: DevToolsDockHost;
67
- /**
68
- * Helper to host static files
69
- * - In `dev` mode, it will register middleware to `viteServer.middlewares` to host the static files
70
- * - In `build` mode, it will copy the static files to the dist directory
71
- */
72
- hostStatic: (baseUrl: string, distDir: string) => void;
73
- staticDirs: {
74
- baseUrl: string;
75
- distDir: string;
76
- }[];
82
+ views: DevToolsViewHost;
77
83
  }
78
84
  //#endregion
79
- //#region ../devtools-kit/src/types/rpc.d.ts
85
+ //#region ../kit/src/types/rpc.d.ts
80
86
  /**
81
87
  * Type of the RPC function,
82
88
  * - static: A function that returns a static data (can be cached and dumped)
@@ -102,7 +108,7 @@ interface RpcFunctionDefinition<NAME extends string, TYPE extends RpcFunctionTyp
102
108
  __promise?: Thenable<RpcFunctionSetupResult<ARGS, RETURN>>;
103
109
  }
104
110
  //#endregion
105
- //#region ../devtools-kit/src/types/vite-augment.d.ts
111
+ //#region ../kit/src/types/vite-augment.d.ts
106
112
  declare module 'vite' {
107
113
  interface Plugin {
108
114
  devtools?: DevToolsPluginOptions;
package/dist/index.js CHANGED
@@ -1080,6 +1080,21 @@ const rolldownGetAssetsList = defineRpcFunction({
1080
1080
  }
1081
1081
  });
1082
1082
 
1083
+ //#endregion
1084
+ //#region src/shared/utils/guess-chunk-name.ts
1085
+ function guessChunkName(chunk) {
1086
+ if (chunk.name) return chunk.name;
1087
+ if (chunk.modules.length === 1) return `[${simplifyModuleName(chunk.modules[0])}]`;
1088
+ if (chunk.modules.length > 1) return `[${simplifyModuleName(`${chunk.modules[0]}`)}_${chunk.modules.length}]`;
1089
+ return "[unnamed]";
1090
+ }
1091
+ function simplifyModuleName(module$1) {
1092
+ let parts = module$1.replace(/^.*(\.pnpm|node_modules|src|app|packages)\//gi, "").replace(/\b(index|main|dist|test|component|components)\b/gi, "").replace(/\/+/g, "/").replace(/\?.*$/, "").replace(/\.\w+$/, "").replace(/\W/g, "_").replace(/_+/g, "_").replace(/^_+|_+$/g, "").replace(/([a-z])([A-Z])/g, "$1_$2").toLowerCase().split("_").filter(Boolean);
1093
+ parts = Array.from(new Set(parts));
1094
+ if (parts.length > 5) parts = parts.slice(0, 5);
1095
+ return parts.join("_");
1096
+ }
1097
+
1083
1098
  //#endregion
1084
1099
  //#region src/node/rpc/functions/rolldown-get-chunk-info.ts
1085
1100
  const rolldownGetChunkInfo = defineRpcFunction({
@@ -1088,7 +1103,9 @@ const rolldownGetChunkInfo = defineRpcFunction({
1088
1103
  setup: (context) => {
1089
1104
  const manager = getLogsManager(context);
1090
1105
  return { handler: async ({ session, id }) => {
1091
- return (await manager.loadSession(session)).manager.chunks.get(id);
1106
+ const chunk = (await manager.loadSession(session)).manager.chunks.get(id);
1107
+ if (chunk && !chunk.name) chunk.name = guessChunkName(chunk);
1108
+ return chunk;
1092
1109
  } };
1093
1110
  }
1094
1111
  });
@@ -1102,7 +1119,11 @@ const rolldownGetChunksGraph = defineRpcFunction({
1102
1119
  const manager = getLogsManager(context);
1103
1120
  return { handler: async ({ session }) => {
1104
1121
  const reader = await manager.loadSession(session);
1105
- return Array.from(reader.manager.chunks.values());
1122
+ const chunks = Array.from(reader.manager.chunks.values());
1123
+ chunks.forEach((chunk) => {
1124
+ if (chunk && !chunk.name) chunk.name = guessChunkName(chunk);
1125
+ });
1126
+ return chunks;
1106
1127
  } };
1107
1128
  }
1108
1129
  });
@@ -1449,13 +1470,13 @@ function DevToolsViteUI() {
1449
1470
  devtools: { setup(ctx) {
1450
1471
  console.log("Vite DevTools Vite plugin setup");
1451
1472
  for (const fn of rpcFunctions) ctx.rpc.register(fn);
1452
- ctx.hostStatic("/__vite_devtools_vite__/", clientPublicDir);
1473
+ ctx.views.hostStatic("/.devtools-vite", clientPublicDir);
1453
1474
  ctx.docks.register({
1454
1475
  id: "vite",
1455
1476
  title: "Vite",
1456
1477
  icon: "https://vite.dev/logo.svg",
1457
1478
  type: "iframe",
1458
- url: "/__vite_devtools_vite__/"
1479
+ url: "/.devtools-vite/"
1459
1480
  });
1460
1481
  } }
1461
1482
  };
package/dist/nitro.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "date": "2025-10-01T08:54:18.749Z",
2
+ "date": "2025-10-08T13:34:00.191Z",
3
3
  "preset": "static",
4
4
  "framework": {
5
5
  "name": "nuxt",
@@ -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/CY4df6ae.js"}}</script><title>Vite DevTools</title><link rel="stylesheet" href="/__vite_devtools_vite__/_nuxt/entry.DrKyT2-5.css" crossorigin><link rel="modulepreload" as="script" crossorigin href="/__vite_devtools_vite__/_nuxt/CY4df6ae.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/CY4df6ae.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},1759308858679,false]</script><script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/__vite_devtools_vite__/",buildId:"08f15b09-a05e-433e-bb78-b0c50c0f16d5",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/C_113ylp.js"}}</script><title>Vite DevTools</title><link rel="stylesheet" href="/.devtools-vite/_nuxt/entry.BnzQeNUH.css" crossorigin><link rel="modulepreload" as="script" crossorigin href="/.devtools-vite/_nuxt/C_113ylp.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/C_113ylp.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},1759930440118,false]</script><script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/.devtools-vite/",buildId:"be0bb935-d565-4624-9bbc-88aa98997368",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script></body></html>
@@ -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/CY4df6ae.js"}}</script><title>Vite DevTools</title><link rel="stylesheet" href="/__vite_devtools_vite__/_nuxt/entry.DrKyT2-5.css" crossorigin><link rel="modulepreload" as="script" crossorigin href="/__vite_devtools_vite__/_nuxt/CY4df6ae.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/CY4df6ae.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},1759308858680,false]</script><script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/__vite_devtools_vite__/",buildId:"08f15b09-a05e-433e-bb78-b0c50c0f16d5",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/C_113ylp.js"}}</script><title>Vite DevTools</title><link rel="stylesheet" href="/.devtools-vite/_nuxt/entry.BnzQeNUH.css" crossorigin><link rel="modulepreload" as="script" crossorigin href="/.devtools-vite/_nuxt/C_113ylp.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/C_113ylp.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},1759930440118,false]</script><script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/.devtools-vite/",buildId:"be0bb935-d565-4624-9bbc-88aa98997368",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script></body></html>
@@ -1 +1 @@
1
- import{Ft as e,Tt as t,Vt as n,X as r,bt as i,gt as a,ht as o,jt as s,ln as c,mt as l,on as u,pt as d,qt as f,sn as p,ut as m,yt as h,zt as g}from"#entry";import{t as _}from"./Bjr51Ks8.js";import{n as v,t as y}from"./BO9hKuA-.js";var b=[`open`],x={"font-mono":``},S={"font-mono":``},C=i({__name:`TreeNode`,props:t({node:{},icon:{default:`i-catppuccin:folder icon-catppuccin`},iconOpen:{default:`i-catppuccin:folder-open icon-catppuccin`},link:{type:[String,Boolean]},linkQueryKey:{default:`module`},padding:{default:0},open:{type:Boolean}},{open:{type:Boolean,required:!1,default:!0},openModifiers:{}}),emits:t([`select`],[`update:open`]),setup(t,{emit:i}){let C=t,T=i,E=n(t,`open`),D=r(),O=window.location;function k(e){C.link||T(`select`,e)}return(n,r)=>{let i=y,C=w,T=v;return s(),a(`details`,{open:E.value,onToggle:r[0]||=e=>E.value=e.target?.open},[d(`summary`,{"cursor-default":``,"select-none":``,"text-sm":``,truncate:``,style:c({paddingLeft:`${t.padding+.5}rem`}),flex:`~ gap-1`,px2:``,py1:``,rounded:``,hover:`bg-active `},[d(`div`,{class:p([`i-ph:caret-right-duotone transition op50`,E.value?`rotate-90`:``])},null,2),d(`div`,{class:p(E.value&&t.iconOpen||t.icon),"inline-block":``,"vertical-text-bottom":``},null,2),d(`div`,x,[h(i,{path:t.node.name||``},null,8,[`path`])])],4),E.value?(s(),a(m,{key:0},[(s(!0),a(m,null,e(Object.entries(t.node.children),e=>(s(),l(C,{key:e[0],node:e[1],link:t.link,padding:t.padding+1,"link-query-key":t.linkQueryKey,onSelect:k},null,8,[`node`,`link`,`padding`,`link-query-key`]))),128)),(s(!0),a(m,null,e(t.node.items,e=>(s(),l(g(t.link?u(_):`div`),{key:e.full,to:t.link?typeof t.link==`string`?t.link:{path:u(D).path,query:{...u(D).query,[t.linkQueryKey]:e.full},hash:u(O).hash}:void 0,"text-sm":``,"ws-nowrap":``,flex:`~ gap-1`,px2:``,py1:``,rounded:``,hover:`bg-active`,style:c({paddingLeft:`${t.padding+2.7}rem`}),onClick:t=>k(e)},{default:f(()=>[h(T,{filename:e.full},null,8,[`filename`]),d(`div`,S,[h(i,{path:e.path.split(`/`).pop()||``},null,8,[`path`])])]),_:2},1032,[`to`,`style`,`onClick`]))),128))],64)):o(``,!0)],40,b)}}}),w=Object.assign(C,{__name:`DisplayTreeNode`});export{w as t};
1
+ import{Ft as e,Tt as t,Vt as n,X as r,bt as i,gt as a,ht as o,jt as s,ln as c,mt as l,on as u,pt as d,qt as f,sn as p,ut as m,yt as h,zt as g}from"#entry";import{t as _}from"./Bjr51Ks8.js";import{n as v,t as y}from"./BO9hKuA-.js";var b=[`open`],x={"font-mono":``},S={"font-mono":``},C=i({__name:`TreeNode`,props:t({node:{},icon:{default:`i-catppuccin:folder icon-catppuccin`},iconOpen:{default:`i-catppuccin:folder-open icon-catppuccin`},link:{type:[String,Boolean]},linkQueryKey:{default:`module`},padding:{default:0},open:{type:Boolean}},{open:{type:Boolean,required:!1,default:!0},openModifiers:{}}),emits:t([`select`],[`update:open`]),setup(t,{emit:i}){let C=t,T=i,E=n(t,`open`),D=r(),O=window.location;function k(e){C.link||T(`select`,e)}return(n,r)=>{let i=y,C=w,T=v;return s(),a(`details`,{open:E.value,onToggle:r[0]||=e=>E.value=e.target?.open},[d(`summary`,{"cursor-default":``,"select-none":``,"text-sm":``,truncate:``,style:c({paddingLeft:`${t.padding+.5}rem`}),flex:`~ gap-1`,px2:``,py1:``,rounded:``,hover:`bg-active `},[d(`div`,{class:p([`i-ph-caret-right-duotone transition op50`,E.value?`rotate-90`:``])},null,2),d(`div`,{class:p(E.value&&t.iconOpen||t.icon),"inline-block":``,"vertical-text-bottom":``},null,2),d(`div`,x,[h(i,{path:t.node.name||``},null,8,[`path`])])],4),E.value?(s(),a(m,{key:0},[(s(!0),a(m,null,e(Object.entries(t.node.children),e=>(s(),l(C,{key:e[0],node:e[1],link:t.link,padding:t.padding+1,"link-query-key":t.linkQueryKey,onSelect:k},null,8,[`node`,`link`,`padding`,`link-query-key`]))),128)),(s(!0),a(m,null,e(t.node.items,e=>(s(),l(g(t.link?u(_):`div`),{key:e.full,to:t.link?typeof t.link==`string`?t.link:{path:u(D).path,query:{...u(D).query,[t.linkQueryKey]:e.full},hash:u(O).hash}:void 0,"text-sm":``,"ws-nowrap":``,flex:`~ gap-1`,px2:``,py1:``,rounded:``,hover:`bg-active`,style:c({paddingLeft:`${t.padding+2.7}rem`}),onClick:t=>k(e)},{default:f(()=>[h(T,{filename:e.full},null,8,[`filename`]),d(`div`,S,[h(i,{path:e.path.split(`/`).pop()||``},null,8,[`path`])])]),_:2},1032,[`to`,`style`,`onClick`]))),128))],64)):o(``,!0)],40,b)}}}),w=Object.assign(C,{__name:`DisplayTreeNode`});export{w as t};
@@ -0,0 +1 @@
1
+ import{Ft as e,bt as t,ft as n,gt as r,ht as i,jt as a,mt as o,on as s,pt as c,qt as l,sn as u,un as d,ut as f,vt as p,yt as m}from"#entry";import{t as h}from"./Bjr51Ks8.js";import"./Ci9NHG69.js";import"./CQNn9qP2.js";import"./BO9hKuA-.js";import{r as g,t as _}from"./BQ-NBLhA.js";import{n as v,t as y}from"./DQCLStiA.js";import{t as b}from"./DZeYNBxL.js";var x={flex:`~ col gap-2`,p6:``},S={flex:`~ gap-2`},C={border:`~ base rounded`,p4:``,grid:`~ cols-[max-content_160px_2fr] gap-2 items-center`},w={"font-mono":``},T=[`datetime`],E={key:4},D={border:`~ base rounded`,p4:``,grid:`~ cols-[max-content_1fr] gap-2 items-center`},O={flex:`~ gap-2`},k=t({__name:`index`,props:{session:{}},setup(t){let k=t,A=n(()=>[{title:`Build ID`,value:k.session.id,icon:`i-ph-hash-duotone`},{title:`Created At`,value:new Date(k.session.meta.timestamp),icon:`i-ph-clock-duotone`},{title:`Build Duration`,value:k.session.buildDuration,icon:`i-ph-timer-duotone`,type:`duration`},{title:`Directory`,value:k.session.meta.cwd,icon:`i-ph-folder-duotone`},{title:`Total Modules`,value:k.session.modulesList.length,icon:`i-ph-files-duotone`},{title:`Plugins`,value:k.session.meta.plugins.length,icon:`i-ph-plugs-duotone`},{title:`Platform`,value:k.session.meta.platform,icon:`i-ph-cpu-duotone`,type:`badge`},{title:`Format`,value:k.session.meta.format,icon:`i-ph-file-duotone`,type:`badge`}]);return(n,j)=>{let M=h,N=g,P=b,F=y,I=_;return a(),r(`div`,x,[c(`div`,S,[m(M,{"btn-action":``,to:{path:`/`}},{default:l(()=>[...j[0]||=[c(`div`,{"i-ph-arrow-bend-up-left-duotone":``},null,-1),p(` Re-select Session `,-1)]]),_:1})]),j[1]||=c(`div`,{op50:``,"mt-10":``},` Meta Info `,-1),c(`div`,C,[(a(!0),r(f,null,e(A.value,e=>(a(),r(f,{key:e.title},[c(`div`,{class:u(e.icon)},null,2),c(`div`,null,d(e.title),1),c(`div`,w,[e.value instanceof Date?(a(),r(`time`,{key:0,datetime:e.value.toISOString()},d(e.value.toLocaleString()),9,T)):e.type===`badge`?(a(),o(N,{key:1,text:String(e.value),py1:``},null,8,[`text`])):e.type===`duration`?(a(),o(P,{key:2,duration:+e.value},null,8,[`duration`])):typeof e.value==`number`?(a(),o(F,{key:3,number:e.value,py1:``,"rounded-full":``,"inline-block":``,"text-sm":``},null,8,[`number`])):(a(),r(`span`,E,d(e.value),1))])],64))),128))]),j[2]||=c(`div`,{op50:``,"mt-4":``},` Build Entries `,-1),c(`div`,D,[(a(!0),r(f,null,e(k.session.meta.inputs,e=>(a(),r(f,{key:e},[m(N,{text:e.name||``},null,8,[`text`]),m(I,{id:e.filename||``,session:t.session,link:!0},null,8,[`id`,`session`])],64))),128))]),j[3]||=c(`div`,{op50:``,"mt-4":``},` Views `,-1),c(`div`,O,[(a(!0),r(f,null,e(s(v),e=>(a(),r(f,{key:e.to},[e.category===`session`?(a(),o(M,{key:0,"btn-action":``,to:{path:e.to},flex:`~ col`,"min-w-40":``,p4:``},{default:l(()=>[c(`div`,{class:u(e.icon),"text-2xl":``},null,2),p(` `+d(e.title),1)]),_:2},1032,[`to`])):i(``,!0)],64))),128))])])}}});export{k as default};
@@ -0,0 +1 @@
1
+ import{At as e,Dt as t,Ft as n,Gt as r,It as i,Ut as a,Wt as o,bt as s,en as c,ft as l,gt as u,ht as d,jt as f,nn as p,on as m,pt as h,t as g,un as _,ut as v}from"#entry";import{t as y}from"./Ci9NHG69.js";import{t as b}from"./D_Sk_I-u.js";import{a as x}from"./CS0-317H.js";var S={flex:`~ gap-1 items-center wrap`},C={key:0,"i-ph-arrow-right-bold":``,"text-sm":``,"op-fade":``},w=[`onClick`],T=s({__name:`NavBreadcrumb`,props:{selected:{},options:{}},emits:[`select`],setup(e,{emit:t}){let r=e,i=t,a=l(()=>{let e=[],t=r.selected;for(;t;)e.unshift(t),t=t.parent;return e});return(e,t)=>(f(),u(`div`,S,[(f(!0),u(v,null,n(a.value,(e,t)=>(f(),u(v,{key:e.id},[t>0?(f(),u(`div`,C)):d(``,!0),h(`button`,{hover:`bg-active`,rounded:``,px1:``,onClick:t=>i(`select`,e)},[h(`span`,null,_(e.text||e.id),1)],8,w)],64))),128))]))}}),E=Object.assign(T,{__name:`ChartNavBreadcrumb`}),D={class:`px4`,flex:`~ col gap2`},O=s({__name:`Treemap`,props:{graph:{},selected:{}},emits:[`select`],setup(e,{emit:t}){let n=e,o=t,s=a(`el`);return r(()=>s.value?.append(n.graph.el)),(t,n)=>(f(),u(`div`,D,[i(t.$slots,`default`,{selected:e.selected,options:e.graph.options,onSelect:n[0]||=e=>o(`select`,e)},()=>[n[1]||=h(`div`,{border:`b base`,py2:``,"min-h-10":``},null,-1)]),h(`div`,{ref_key:`el`,ref:s},null,512)]))}}),k=Object.assign(O,{__name:`ChartTreemap`});function A(n){let{data:r,nameKey:i,sizeKey:a,rootText:s,nodeType:u,graphOptions:d,onUpdate:f}=n,h=p(void 0),_=p(void 0),v=c(void 0),S=p(void 0),C,w=l(()=>{let e=m(r),t=new Map,n=0,o={id:`~root`,text:s,size:0,sizeSelf:0,children:[]};if(!e?.length)return{map:t,root:o,maxDepth:n};let c=[];c.unshift(()=>{o.size+=o.children.reduce((e,t)=>e+t.size,0),o.subtext=y(o.size).join(` `),o.children.sort((e,t)=>t.size-e.size||e.id.localeCompare(t.id))});function l(e,r,i,a,o){if(t.has(r))return t.get(r);o>n&&(n=o);let s={id:r,text:i,size:0,sizeSelf:0,children:[],meta:{...e,path:i,type:`folder`},parent:a};return t.set(r,s),a.children.push(s),c.unshift(()=>{let t=s.sizeSelf;s.size+=s.children.reduce((e,t)=>e+t.size,0),s.subtext=y(s.size).join(` `),s.children.length&&t/s.size>.1&&s.children.push({id:`${s.id}-self`,text:``,size:t,sizeSelf:t,subtext:y(t).join(` `),children:[],meta:{...e,path:``,type:u},parent:s}),s.children.sort((e,t)=>t.size-e.size||e.id.localeCompare(t.id))}),s}function d(e){let n=e[i].split(`/`).filter(Boolean),r=o,s=``,c=0;n.forEach((o,d)=>{if(s+=(s?`/`:``)+o,c++,d===n.length-1){let n={id:e[i],text:o,size:e[a],sizeSelf:e[a],subtext:y(e[a]).join(` `),children:[],meta:{...e,path:o,type:u}};r.children.push(n),t.set(e[i],n)}else r=l(e,s,o,r,c)})}return e.forEach(d),c.forEach(e=>e()),{map:t,root:o,maxDepth:n}}),T=l(()=>({animate:b.value.chartAnimation,palette:{stroke:g.value?`#222`:`#555`,fg:g.value?`#fff`:`#000`,bg:g.value?`#111`:`#fff`},getColor:x(w.value.root,g.value?.8:.9,g.value?1:1.1),getSubtext:e=>e.subtext,...d}));function E(e,t){v.value=e?.meta,e?.children.length||(e=e?.parent),S.value?.select(e,t)}function D(){C?.(),_.value=w.value.root,f?.(),t(()=>{let e=v.value&&w.value.map.get(v.value[i])||null;e&&E(e,!1)}),C=()=>{S.value?.dispose(),S.value=void 0}}return o(()=>[w.value,T.value],()=>{D()},{deep:!0,immediate:!1}),t(()=>{D()}),e(()=>{C?.()}),{tree:w,graph:S,chartOptions:T,nodeHover:h,nodeSelected:_,selectedNode:v,selectNode:E,buildGraph:D}}export{k as n,E as r,A as t};
@@ -1 +1 @@
1
- import{D as e,Et as t,Ft as n,T as r,X as i,bt as a,en as o,ft as s,gt as c,jt as l,kt as u,mt as d,pt as f,qt as p,sn as m,un as h,ut as g,vt as _,yt as v}from"#entry";import{t as y}from"./Bjr51Ks8.js";import{t as b}from"./DSjlpmm-.js";import{t as x}from"./Ci9NHG69.js";var S=a({__name:`ComparisonMetric`,props:{current:{},previous:{}},setup(e){let t=e,n=s(()=>t.previous===t.current),r=s(()=>Math.abs((t.current-t.previous)/t.previous*100).toFixed(n.value?0:2)),i=s(()=>n.value?``:t.current>t.previous?`+`:`-`),a=s(()=>n.value?`text-gray-500`:t.current>t.previous?`text-green-500`:`text-red-500`);return(e,t)=>(l(),c(`span`,{"text-4":``,"mt-1":``,"font-mono":``,class:m(a.value)},h(i.value)+h(r.value)+`% `,3))}}),C=Object.assign(S,{__name:`DisplayComparisonMetric`}),w=[`title`],T={flex:`~ gap-2`,"items-center":``},E={key:0},D={"font-semibold":``,"text-5":``,"font-mono":``},O={"font-semibold":``,"text-4":``,"font-mono":``},k={key:1},A={"font-semibold":``,"text-5":``,"font-mono":``},j=a({__name:`MetricCard`,props:{name:{},description:{},icon:{},current:{},previous:{},format:{}},setup(e){let t=e,n=s(()=>t.format===`bytes`?x(t.current):t.current);return(t,r)=>{let i=C;return l(),c(g,null,[f(`div`,{"font-500":``,op50:``,"text-4":``,flex:`~ items-center gap-2`,title:e.description},[f(`div`,{class:m([e.icon,`text-xl`])},null,2),_(` `+h(e.name),1)],8,w),f(`div`,T,[e.format===`bytes`?(l(),c(`div`,E,[f(`span`,D,h(n.value[0]),1),f(`span`,O,h(n.value[1]),1)])):(l(),c(`div`,k,[f(`span`,A,h(n.value),1)])),v(i,{current:e.current,previous:e.previous},null,8,[`current`,`previous`])])],64)}}}),M=Object.assign(j,{__name:`CompareMetricCard`}),N={key:1,"h-screen":``,"w-screen":``,"max-w-screen":``,"max-h-screen":``,"of-hidden":``,p6:``,flex:`~ col gap-2`},P={flex:`~ gap-2`},F={flex:`~ col`,border:`~ base rounded-lg`,p3:``,mt10:``},I={grid:`~ cols-4 gap5`,"w-full":``,pt3:``},L=a({__name:`index`,setup(a){let h=o(!1),x=i().params,S=r(),C=o([]);u(async()=>{h.value=!0,C.value=await S.value[`vite:rolldown:get-session-compare-summary`]({sessions:x.sessions.split(`,`)}),h.value=!1});let w=s(()=>C.value.map((e,t)=>({...e,createdAt:new Date(e.meta?.timestamp??0),title:t===0?`Session A`:`Session B`}))),T=s(()=>{let[e,t]=w.value;return[{name:`Bundle Size`,description:`Total file size of the assets`,icon:`i-ph-package-duotone`,current:t?.bundle_size??0,previous:e?.bundle_size??0,format:`bytes`},{name:`Initial JS`,description:`Total file size of the initial JS chunks`,icon:`i-ph:file-js-duotone`,current:t?.initial_js??0,previous:e?.initial_js??0,format:`bytes`},{name:`Modules`,description:`Total number of modules`,icon:`i-ph-graph-duotone`,current:t?.modules??0,previous:e?.modules??0},{name:`Plugins`,description:`Total number of plugins`,icon:`i-ph-plugs-duotone`,current:t?.meta?.plugins.length??0,previous:e?.meta?.plugins.length??0},{name:`Chunks`,description:`Total number of chunks`,icon:`i-ph-shapes-duotone`,current:t?.chunks??0,previous:e?.chunks??0},{name:`Assets`,description:`Total number of assets`,icon:`i-ph-package-duotone`,current:t?.assets??0,previous:e?.assets??0}]});return(r,i)=>{let a=e,o=y,s=b,u=M;return h.value?(l(),d(a,{key:0})):(l(),c(`div`,N,[f(`div`,P,[v(o,{"btn-action":``,to:{path:`/`}},{default:p(()=>[...i[0]||=[f(`div`,{"i-ph-arrow-bend-up-left-duotone":``},null,-1),_(` Re-select Session `,-1)]]),_:1})]),f(`div`,F,[i[1]||=f(`div`,{py3:``,"indent-2":``},` Compare Overview `,-1),v(s,{sessions:w.value},null,8,[`sessions`]),f(`div`,I,[(l(!0),c(g,null,n(T.value,(e,n)=>(l(),c(`div`,{key:e.name,class:m(n<2?`col-span-2`:`col-span-1`),border:`~ base rounded`,p4:``,flex:`~ col`,gap2:``},[v(u,t({ref_for:!0},e),null,16)],2))),128))])])]))}}});export{L as default};
1
+ import{D as e,Et as t,Ft as n,T as r,X as i,bt as a,en as o,ft as s,gt as c,jt as l,kt as u,mt as d,pt as f,qt as p,sn as m,un as h,ut as g,vt as _,yt as v}from"#entry";import{t as y}from"./Bjr51Ks8.js";import{t as b}from"./DSjlpmm-.js";import{t as x}from"./Ci9NHG69.js";var S=a({__name:`ComparisonMetric`,props:{current:{},previous:{}},setup(e){let t=e,n=s(()=>t.previous===t.current),r=s(()=>Math.abs((t.current-t.previous)/t.previous*100).toFixed(n.value?0:2)),i=s(()=>n.value?``:t.current>t.previous?`+`:`-`),a=s(()=>n.value?`text-gray-500`:t.current>t.previous?`text-green-500`:`text-red-500`);return(e,t)=>(l(),c(`span`,{"text-4":``,"mt-1":``,"font-mono":``,class:m(a.value)},h(i.value)+h(r.value)+`% `,3))}}),C=Object.assign(S,{__name:`DisplayComparisonMetric`}),w=[`title`],T={flex:`~ gap-2`,"items-center":``},E={key:0},D={"font-semibold":``,"text-5":``,"font-mono":``},O={"font-semibold":``,"text-4":``,"font-mono":``},k={key:1},A={"font-semibold":``,"text-5":``,"font-mono":``},j=a({__name:`MetricCard`,props:{name:{},description:{},icon:{},current:{},previous:{},format:{}},setup(e){let t=e,n=s(()=>t.format===`bytes`?x(t.current):t.current);return(t,r)=>{let i=C;return l(),c(g,null,[f(`div`,{"font-500":``,op50:``,"text-4":``,flex:`~ items-center gap-2`,title:e.description},[f(`div`,{class:m([e.icon,`text-xl`])},null,2),_(` `+h(e.name),1)],8,w),f(`div`,T,[e.format===`bytes`?(l(),c(`div`,E,[f(`span`,D,h(n.value[0]),1),f(`span`,O,h(n.value[1]),1)])):(l(),c(`div`,k,[f(`span`,A,h(n.value),1)])),v(i,{current:e.current,previous:e.previous},null,8,[`current`,`previous`])])],64)}}}),M=Object.assign(j,{__name:`CompareMetricCard`}),N={key:1,"h-screen":``,"w-screen":``,"max-w-screen":``,"max-h-screen":``,"of-hidden":``,p6:``,flex:`~ col gap-2`},P={flex:`~ gap-2`},F={flex:`~ col`,border:`~ base rounded-lg`,p3:``,mt10:``},I={grid:`~ cols-4 gap5`,"w-full":``,pt3:``},L=a({__name:`index`,setup(a){let h=o(!1),x=i().params,S=r(),C=o([]);u(async()=>{h.value=!0,C.value=await S.value[`vite:rolldown:get-session-compare-summary`]({sessions:x.sessions.split(`,`)}),h.value=!1});let w=s(()=>C.value.map((e,t)=>({...e,createdAt:new Date(e.meta?.timestamp??0),title:t===0?`Session A`:`Session B`}))),T=s(()=>{let[e,t]=w.value;return[{name:`Bundle Size`,description:`Total file size of the assets`,icon:`i-ph-package-duotone`,current:t?.bundle_size??0,previous:e?.bundle_size??0,format:`bytes`},{name:`Initial JS`,description:`Total file size of the initial JS chunks`,icon:`i-ph-file-js-duotone`,current:t?.initial_js??0,previous:e?.initial_js??0,format:`bytes`},{name:`Modules`,description:`Total number of modules`,icon:`i-ph-graph-duotone`,current:t?.modules??0,previous:e?.modules??0},{name:`Plugins`,description:`Total number of plugins`,icon:`i-ph-plugs-duotone`,current:t?.meta?.plugins.length??0,previous:e?.meta?.plugins.length??0},{name:`Chunks`,description:`Total number of chunks`,icon:`i-ph-shapes-duotone`,current:t?.chunks??0,previous:e?.chunks??0},{name:`Assets`,description:`Total number of assets`,icon:`i-ph-package-duotone`,current:t?.assets??0,previous:e?.assets??0}]});return(r,i)=>{let a=e,o=y,s=b,u=M;return h.value?(l(),d(a,{key:0})):(l(),c(`div`,N,[f(`div`,P,[v(o,{"btn-action":``,to:{path:`/`}},{default:p(()=>[...i[0]||=[f(`div`,{"i-ph-arrow-bend-up-left-duotone":``},null,-1),_(` Re-select Session `,-1)]]),_:1})]),f(`div`,F,[i[1]||=f(`div`,{py3:``,"indent-2":``},` Compare Overview `,-1),v(s,{sessions:w.value},null,8,[`sessions`]),f(`div`,I,[(l(!0),c(g,null,n(T.value,(e,n)=>(l(),c(`div`,{key:e.name,class:m(n<2?`col-span-2`:`col-span-1`),border:`~ base rounded`,p4:``,flex:`~ col`,gap2:``},[v(u,t({ref_for:!0},e),null,16)],2))),128))])])]))}}});export{L as default};
@@ -0,0 +1 @@
1
+ import{Ft as e,It as t,T as n,X as r,bt as i,gt as a,ht as o,jt as s,mt as c,on as l,pt as u,qt as d,s as f,un as p,ut as m,vt as h,yt as g}from"#entry";import{t as _}from"./Bjr51Ks8.js";import{r as v,t as y}from"./BQ-NBLhA.js";var b=[`title`],x={key:0,"i-ph-file-duotone":``},S={key:1,"i-ph-lightning-duotone":``},C={"text-sm":``,flex:`~ items-center gap-2`},w={op50:``,"font-mono":``},T={flex:`~ gap-1 items-center`},E={flex:`~ gap-1 items-center`},D=i({__name:`ChunkImports`,props:{chunkImport:{},session:{},importer:{}},setup(e){let t=e,i=r(),m=n(),{state:y}=f(async()=>await m.value[`vite:rolldown:get-chunk-info`]?.({session:t.session.id,id:t.chunkImport.chunk_id}),null);return(t,n)=>{let r=v,f=_;return l(y)?(s(),c(f,{key:0,flex:`~ items-center`,to:{path:l(i).path,query:{chunk:l(y).chunk_id}}},{default:d(()=>[u(`div`,{flex:`~ gap-2 items-center`,title:`Chunk #${l(y).chunk_id}`},[e.chunkImport.kind===`import-statement`?(s(),a(`div`,x)):o(``,!0),e.chunkImport.kind===`dynamic-import`?(s(),a(`div`,S)):o(``,!0),u(`div`,null,p(l(y).name||`[unnamed]`),1),g(r,{text:l(y).reason},null,8,[`text`]),e.chunkImport.kind===`import-statement`?(s(),c(r,{key:2,text:`statement`,color:210})):o(``,!0),e.chunkImport.kind===`dynamic-import`?(s(),c(r,{key:3,text:`dynamic`,color:30})):o(``,!0)],8,b),n[2]||=u(`div`,{"flex-auto":``},null,-1),u(`div`,C,[u(`span`,w,`#`+p(l(y).chunk_id),1),u(`div`,T,[n[0]||=u(`div`,{"i-ph-file-arrow-up-duotone":``},null,-1),h(` `+p(l(y).imports.length),1)]),u(`div`,E,[n[1]||=u(`div`,{"i-ph-package-duotone":``},null,-1),h(` `+p(l(y).modules.length),1)])])]),_:1},8,[`to`])):o(``,!0)}}}),O=Object.assign(D,{__name:`DisplayChunkImports`}),k={flex:`~ col gap-3`},A={flex:`~ gap-3 items-center`},j=[`title`],M={op50:``,"font-mono":``},N={flex:`~ gap-1 items-center`},P={flex:`~ gap-1 items-center`},F={key:0,open:`true`},I={op50:``},L={flex:`~ col gap-1`,mt2:``,"ws-nowrap":``},R={key:1,open:`true`},z={op50:``},B={flex:`~ col gap-1`,mt2:``,"ws-nowrap":``},V=i({__name:`ChunkDetails`,props:{chunk:{},session:{},showModules:{type:Boolean,default:!0},showImports:{type:Boolean,default:!0}},setup(n){return(r,i)=>{let l=v,d=y,f=O;return s(),a(`div`,k,[u(`div`,A,[u(`div`,{flex:`~ gap-2 items-center`,title:`Chunk #${n.chunk.chunk_id}`},[i[0]||=u(`div`,{"i-ph-shapes-duotone":``},null,-1),u(`div`,null,p(n.chunk.name||`[unnamed]`),1),g(l,{text:n.chunk.reason},null,8,[`text`])],8,j),i[3]||=u(`div`,{"flex-auto":``},null,-1),u(`span`,M,`#`+p(n.chunk.chunk_id),1),u(`div`,N,[i[1]||=u(`div`,{"i-ph-file-arrow-up-duotone":``},null,-1),h(` `+p(n.chunk.imports.length),1)]),u(`div`,P,[i[2]||=u(`div`,{"i-ph-package-duotone":``},null,-1),h(` `+p(n.chunk.modules.length),1)]),t(r.$slots,`default`)]),n.showModules?(s(),a(`details`,F,[u(`summary`,I,[u(`span`,null,`Modules (`+p(n.chunk.modules.length)+`)`,1)]),u(`div`,L,[(s(!0),a(m,null,e(n.chunk.modules,e=>(s(),c(d,{id:e,key:e,session:n.session,link:!0,minimal:!0,hover:`bg-active`,border:`~ base rounded`,px2:``,py1:``,"w-full":``},null,8,[`id`,`session`]))),128))])])):o(``,!0),n.showImports&&n.chunk.imports.length>0?(s(),a(`details`,R,[u(`summary`,z,[u(`span`,null,`Imports (`+p(n.chunk.imports.length)+`)`,1)]),u(`div`,B,[(s(!0),a(m,null,e(n.chunk.imports,(e,t)=>(s(),c(f,{key:t,"chunk-import":e,session:n.session,importer:n.chunk,hover:`bg-active`,border:`~ base rounded`,px2:``,py1:``,"w-full":``},null,8,[`chunk-import`,`session`,`importer`]))),128))])])):o(``,!0)])}}}),H=Object.assign(V,{__name:`DataChunkDetails`});export{H as t};
@@ -0,0 +1 @@
1
+ import{$t as e,A as t,Ct as n,D as r,Ft as i,Lt as a,T as o,Wt as s,X as c,bt as l,c as u,en as d,f,ft as p,gt as m,ht as h,jt as g,m as ee,mt as _,on as v,pt as y,qt as b,s as te,sn as x,un as S,ut as C,vt as w,yt as T}from"#entry";import"./Bjr51Ks8.js";import"./Ci9NHG69.js";import{r as E}from"./CQNn9qP2.js";import"./BO9hKuA-.js";import{r as D,t as O}from"./BQ-NBLhA.js";import{n as k}from"./DnpfwSMy.js";import{t as A}from"./B2fBtupD.js";import{t as j}from"./D_Sk_I-u.js";import{r as M,s as N}from"./CS0-317H.js";import{n as ne,t as P}from"./KKO2iSg5.js";import{n as F,r as I,t as L}from"./BJ1En-qd.js";import{t as R}from"./Z5tyTJaP.js";var z=l({name:`HighlightedPackageName`,props:{name:{type:String,required:!0}},setup(e){return()=>{let t=e.name;if(!k(t))return n(`span`,{class:`text-gray-500`},t);let r=E(t);if(t.startsWith(`@`)){let[e,i]=t.split(`/`);return[n(`span`,{style:`color: ${r}`},e),n(`span`,{style:`color: ${r}`,class:`op50`},`/`),n(`span`,{style:`color: ${r}`},i)]}return n(`span`,{style:`color: ${r}`},t)}}}),B={flex:`~ row gap-1`,"of-hidden":``},V={flex:`~ row gap-1`,"ws-nowrap":``},H={p2:``,flex:`~ col gap-1`},U=l({__name:`Importers`,props:{package:{},session:{},showVersion:{type:Boolean}},setup(e){let t=e,n=p(()=>[...new Set(t.package.files.filter(e=>!!e.importers).flatMap(e=>e.importers))]);return(t,r)=>{let o=O,s=D,c=a(`VMenu`);return g(),m(`div`,B,[y(`div`,V,[T(o,{id:n.value[0].path,session:e.session,link:``},null,8,[`id`,`session`]),n.value[0].version&&e.showVersion?(g(),_(s,{key:0,text:n.value[0].version,as:`span`},null,8,[`text`])):h(``,!0)]),n.value.length>1?(g(),_(c,{key:0,delay:{show:200,hide:0},"flex-none":``},{popper:b(()=>[y(`div`,H,[(g(!0),m(C,null,i(n.value,t=>(g(),m(`div`,{key:t.path,flex:`~ row gap-1 items-center nowrap`,"w-max":``},[T(o,{id:t.path,session:e.session,"ws-nowrap":``,"flex-1":``,"disable-tooltip":``,link:``},null,8,[`id`,`session`]),t.version&&e.showVersion?(g(),_(s,{key:0,text:`v${t.version}`,as:`span`},null,8,[`text`])):h(``,!0)]))),128))])]),default:b(()=>[T(s,{text:`+${n.value.length}`,color:100,class:`text-xs rounded px1`},null,8,[`text`])]),_:1})):h(``,!0)])}}}),W=Object.assign(U,{__name:`PackagesImporters`}),G={role:`table`,"min-w-max":``,border:`~ base rounded-xl`},K={role:`row`,class:`border-b border-base`,flex:`~ row`},q=[`title`],J={key:0,"font-mono":``},Y={key:0,title:`Package version`,role:`columnheader`,"rounded-tr-2":``,"flex-none":``,"min-w40":``,"ws-nowrap":``,"text-left":``,"py1.5":``,px2:``,"font-600":``},X={title:`Transformed code size`,role:`columnheader`,"rounded-tr-2":``,"flex-none":``,"ws-nowrap":``,"py1.5":``,pl2:``,"font-600":``,"min-w40":``},Z={flex:`~ row gap1 items-center justify-end`,"w-full":``,relative:``,pr2:``},re={key:0,role:`cell`,"font-mono":``,"flex-none":``,"min-w80":``,"py1.5":``,px2:``,"ws-nowrap":``,"text-sm":``},Q={role:`cell`,flex:`~ items-center`,"text-left":``,"flex-none":``,"font-mono":``,"py1.5":``,px2:``,"text-sm":``,"min-w40":``,op80:``},ie={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},le=l({__name:`Table`,props:{packages:{},session:{},disableSizeSort:{type:Boolean,default:!1},groupView:{type:Boolean,default:!1}},setup(e){let{state:n,next:r}=u([``,`desc`,`asc`],{initialValue:j.value.packageSizeSortType});function a(){r(),j.value.packageSizeSortType=n.value}return(r,o)=>{let s=z,c=A,l=O,u=W,d=P;return g(),m(`div`,G,[y(`div`,K,[y(`div`,{title:e.groupView?`Package`:`Bundled packages`,role:`columnheader`,"rounded-tl-2":``,"flex-none":``,"ws-nowrap":``,"py1.5":``,px2:``,"font-600":``,class:x([e.groupView?`min-w40`:`min-w80`])},[e.groupView?(g(),m(`div`,J,[T(s,{name:e.packages?.[0]?.name},null,8,[`name`])])):(g(),m(C,{key:1},[w(` Package `)],64))],10,q),e.groupView?h(``,!0):(g(),m(`div`,Y,` Version `)),y(`div`,X,[y(`button`,Z,[o[0]||=w(` Size `,-1),e.disableSizeSort?h(``,!0):(g(),m(`span`,{key:0,"w-6":``,"h-6":``,"rounded-full":``,"cursor-pointer":``,hover:`bg-active`,flex:`~ items-center justify-center`,onClick:a},[y(`i`,{"text-xs":``,class:x([v(n)===`asc`?`i-ph-arrow-up-duotone`:`i-ph-arrow-down-duotone`,v(n)?`op100 text-primary`:`op50`])},null,2)]))])]),o[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(),_(d,{key:0,role:`rowgroup`,items:e.packages,"key-prop":`dir`},{default:b(({item:n,index:r})=>[y(`div`,{role:`row`,flex:`~ row`,class:x([`border-base border-b-1 border-dashed`,[r===e.packages.length-1?`border-b-0`:``]])},[e.groupView?h(``,!0):(g(),m(`div`,re,[T(s,{name:n.name},null,8,[`name`])])),y(`div`,Q,S(n.version),1),y(`div`,ie,[T(v(t),{delay:{show:200,hide:0}},{popper:b(()=>[y(`div`,ae,[(g(!0),m(C,null,i(n.files.filter(e=>!!e.transformedCodeSize),t=>(g(),m(`div`,{key:t.path,flex:`~ row gap-1 items-center nowrap`,"w-max":``},[y(`span`,oe,[T(c,{bytes:t.transformedCodeSize},null,8,[`bytes`])]),T(l,{id:t.path,session:e.session,"ws-nowrap":``,"flex-1":``,"disable-tooltip":``,link:``},null,8,[`id`,`session`])]))),128))])]),default:b(()=>[T(c,{bytes:n.transformedCodeSize},null,8,[`bytes`])]),_:2},1024)]),y(`div`,se,[T(u,{package:n,session:e.session,"show-version":e.groupView},null,8,[`package`,`session`,`show-version`])])],2)]),_:1},8,[`items`])):(g(),m(`div`,ce,[...o[2]||=[y(`div`,{p4:``},[y(`div`,{"w-full":``,"h-48":``,flex:`~ items-center justify-center`,op50:``,italic:``},[y(`p`,null,` No data `)])],-1)]]))])}}}),$=Object.assign(le,{__name:`PackagesTable`}),ue=l({__name:`PackageNavBreadcrumb`,props:{selected:{},options:{}},emits:[`select`],setup(e,{emit:t}){let n=t;return(t,r)=>(g(),_(I,{selected:e.selected,options:e.options,onSelect:r[0]||=e=>n(`select`,e)},null,8,[`selected`,`options`]))}}),de=Object.assign(ue,{__name:`ChartPackageNavBreadcrumb`}),fe={key:1,p4:``},pe=l({__name:`Duplicated`,props:{packages:{},session:{}},setup(e){let t=e,n=p(()=>t.packages.filter(e=>e.duplicated)),r=p(()=>n.value.reduce((e,t)=>(e[t.name]=[...e[t.name]||[],t],e),{}));return(t,a)=>{let o=$;return n.value.length?(g(!0),m(C,{key:0},i(r.value,(t,n)=>(g(),m(`div`,{key:n},[T(o,{packages:t,session:e.session,"group-view":``,"disable-size-sort":``},null,8,[`packages`,`session`])]))),128)):(g(),m(`div`,fe,[...a[0]||=[y(`div`,{"w-full":``,"h-48":``,flex:`~ items-center justify-center`,op50:``,italic:``},` No duplicate packages `,-1)]]))}}}),me=Object.assign(pe,{__name:`PackagesDuplicated`}),he={key:1,relative:``,"max-h-screen":``,"of-hidden":``},ge={absolute:``,"left-4":``,"top-4":``,"z-panel-nav":``},_e={flex:`~ gap-2 items-center`,p2:``,border:`t base`},ve=[`onClick`],ye={"of-auto":``,"h-screen":``,flex:`~ col gap-2`,pt44:``,px4:``,pb4:``},be={absolute:``,"bottom-4":``,"py-1":``,"px-2":``,"bg-glass":``,left:`1/2`,"translate-x":`-1/2`,border:`~ base rounded-full`,text:`center xs`},xe={op50:``},Se={key:1,"w-full":``,"h-48":``,flex:`~ items-center justify-center`,op50:``,italic:``},Ce={key:0,"bg-glass":``,border:`~ base rounded`,p2:``,"text-sm":``,flex:`~ col gap-2`},we={flex:`~ gap-1 items-center`},Te={flex:`~ gap-1 items-center`},Ee=l({__name:`packages`,props:{session:{}},setup(t){let n=t,a=e(f()),l=c(),u=[{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!`}],E=o(),D=d({search:``,selected:[`direct`,`transitive`]}),{state:O,isLoading:k}=te(async()=>await E.value[`vite:rolldown:get-packages`]?.({session:n.session.id}),null),P=ee(()=>O.value,()=>new R(O.value,{includeScore:!0,keys:[`name`],ignoreLocation:!0,threshold:.4})),I=p(()=>O.value?Object.values(O.value.reduce((e,t)=>(e[t.name]=(e[t.name]||0)+1,e),{})).filter(e=>e>1).length:0),z=p(()=>[{label:`Table`,value:`table`,icon:`i-ph-table-duotone`},{label:`Treemap`,value:`treemap`,icon:`i-ph-checkerboard-duotone`},{label:`Duplicate Packages${I.value>0?` (${I.value})`:``}`,value:`duplicate-packages`,icon:`i-ph-package-duotone`}]),B=p(()=>D.value.search?P.value.search(D.value.search).map(e=>e.item):[...O.value||[]]),V=p(()=>{let e=j.value.packageSizeSortType,t=[...B.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=>!D.value.selected||D.value.selected.some(t=>t.match(e.type)))});function H(e){j.value.packageViewType=e}let{tree:U,chartOptions:W,graph:G,nodeHover:K,nodeSelected:q,selectedNode:J,selectNode:Y,buildGraph:X}=L({data:V,nameKey:`name`,sizeKey:`transformedCodeSize`,rootText:`Packages`,nodeType:`package`,graphOptions:{onHover(e){e&&!l.query.package&&(K.value=e),e===null&&(K.value=void 0)},onLeave(){K.value=void 0},onSelect(e){q.value=e||U.value.root,J.value=e?.meta}},onUpdate(){j.value.packageViewType===`treemap`&&(G.value=new M(U.value.root,{...W.value,selectedPaddingRatio:0}))}});return s(()=>j.value.packageViewType,()=>{X()}),(e,n)=>{let o=r,s=ne,c=$,l=de,d=me,f=A,p=N;return v(k)?(g(),_(o,{key:0})):(g(),m(`div`,he,[y(`div`,ge,[T(s,{modelValue:D.value,"onUpdate:modelValue":n[0]||=e=>D.value=e,rules:u},{default:b(()=>[y(`div`,_e,[n[2]||=y(`span`,{op50:``,pl2:``,"text-sm":``},`View as`,-1),(g(!0),m(C,null,i(z.value,e=>(g(),m(`button`,{key:e.value,"btn-action":``,class:x(v(j).packageViewType===e.value?`bg-active`:`grayscale op50`),onClick:t=>H(e.value)},[y(`div`,{class:x(e.icon)},null,2),w(` `+S(e.label),1)],10,ve))),128))])]),_:1},8,[`modelValue`])]),y(`div`,ye,[v(j).packageViewType===`table`?(g(),m(C,{key:0},[T(c,{packages:V.value,session:t.session},null,8,[`packages`,`session`]),y(`div`,be,[y(`span`,xe,S(B.value.length)+` of `+S(v(O)?.length||0),1)])],64)):v(j).packageViewType===`treemap`?(g(),m(C,{key:1},[v(G)&&V.value.length?(g(),_(F,{key:0,graph:v(G),selected:v(q),onSelect:n[1]||=e=>v(Y)(e)},{default:b(({selected:e,options:t,onSelect:n})=>[T(l,{border:`b base`,py2:``,"min-h-10":``,selected:e,options:t,onSelect:n},null,8,[`selected`,`options`,`onSelect`])]),_:1},8,[`graph`,`selected`])):(g(),m(`span`,Se,` No Data `))],64)):v(j).packageViewType===`duplicate-packages`?(g(),_(d,{key:2,packages:V.value,session:t.session},null,8,[`packages`,`session`])):h(``,!0)]),T(p,{"hover-x":a.x,"hover-y":a.y},{default:b(()=>[v(K)?.meta?(g(),m(`div`,Ce,[y(`div`,we,S(v(K).text),1),y(`div`,Te,[T(f,{bytes:v(K).size,percent:!1},null,8,[`bytes`])])])):h(``,!0)]),_:1},8,[`hover-x`,`hover-y`])]))}}});export{Ee as default};
@@ -1 +1 @@
1
- import{bt as e,ft as t,gt as n,ht as r,jt as i,on as a,pt as o,qt as s,ut as c,yt as l}from"#entry";import{n as u}from"./Ci9NHG69.js";import{t as d}from"./DZeYNBxL.js";import{t as f}from"./B2fBtupD.js";var p={"text-xs":``,"font-mono":``,flex:`~ items-center gap-3`,ml2:``},m={flex:`~ gap-1 items-center`},h=e({__name:`BuildMetrics`,props:{metrics:{}},setup(e){let h=e,g=t(()=>{let e=h.metrics,t=e?.resolve_ids.reduce((e,t)=>(e+=t.duration,e),0),n=e?.loads?.reduce((e,t)=>(e+=t.duration,e),0),r=e?.transforms.reduce((e,t)=>(e+=t.duration,e),0),i=t+n+r;return{resolveIds:t,loads:n,transforms:r,total:i}}),_=t(()=>(h.metrics?.transforms)?.[0]?.source_code_size),v=t(()=>{let e=h.metrics?.transforms.filter(e=>e.transformed_code_size);return e?.[e.length-1]?.transformed_code_size});return(e,t)=>{let h=d,y=f;return i(),n(`div`,p,[l(h,{duration:g.value.resolveIds,flex:`~ gap-1 items-center`,title:`Resolve Id hooks cost: ${a(u)(g.value.resolveIds,!0)}`},{default:s(()=>[...t[0]||=[o(`span`,{"i-ph-magnifying-glass-duotone":``,"inline-block":``},null,-1)]]),_:1},8,[`duration`,`title`]),l(h,{duration:g.value.loads,flex:`~ gap-1 items-center`,title:`Load hooks cost: ${a(u)(g.value.loads,!0)}`},{default:s(()=>[...t[1]||=[o(`span`,{"i-ph-upload-simple-duotone":``,"inline-block":``},null,-1)]]),_:1},8,[`duration`,`title`]),l(h,{duration:g.value.transforms,flex:`~ gap-1 items-center`,title:`Transform hooks cost: ${a(u)(g.value.transforms,!0)}`},{default:s(()=>[...t[2]||=[o(`span`,{"i-ph-magic-wand-duotone":``,"inline-block":``},null,-1)]]),_:1},8,[`duration`,`title`]),t[6]||=o(`span`,{op40:``},`|`,-1),l(h,{duration:g.value.total,flex:`~ gap-1 items-center`,title:`Total build cost: ${a(u)(g.value.total,!0)}`},{default:s(()=>[...t[3]||=[o(`span`,{"i-ph-clock-duotone":``,"inline-block":``},null,-1)]]),_:1},8,[`duration`,`title`]),_.value&&v.value?(i(),n(c,{key:0},[t[5]||=o(`span`,{op40:``},`|`,-1),o(`div`,m,[l(y,{title:`Source code size`,bytes:_.value},null,8,[`bytes`]),t[4]||=o(`span`,{"i-carbon-arrow-right":``,op50:``},null,-1),l(y,{title:`Transformed code size`,bytes:v.value},null,8,[`bytes`])])],64)):r(``,!0)])}}}),g=Object.assign(h,{__name:`ModulesBuildMetrics`});export{g as t};
1
+ import{bt as e,ft as t,gt as n,ht as r,jt as i,on as a,pt as o,qt as s,ut as c,yt as l}from"#entry";import{n as u}from"./Ci9NHG69.js";import{t as d}from"./DZeYNBxL.js";import{t as f}from"./B2fBtupD.js";var p={"text-xs":``,"font-mono":``,flex:`~ items-center gap-3`,ml2:``},m={flex:`~ gap-1 items-center`},h=e({__name:`BuildMetrics`,props:{metrics:{}},setup(e){let h=e,g=t(()=>{let e=h.metrics,t=e?.resolve_ids.reduce((e,t)=>(e+=t.duration,e),0),n=e?.loads?.reduce((e,t)=>(e+=t.duration,e),0),r=e?.transforms.reduce((e,t)=>(e+=t.duration,e),0),i=t+n+r;return{resolveIds:t,loads:n,transforms:r,total:i}}),_=t(()=>(h.metrics?.transforms)?.[0]?.source_code_size),v=t(()=>{let e=h.metrics?.transforms.filter(e=>e.transformed_code_size);return e?.[e.length-1]?.transformed_code_size});return(e,t)=>{let h=d,y=f;return i(),n(`div`,p,[l(h,{duration:g.value.resolveIds,flex:`~ gap-1 items-center`,title:`Resolve Id hooks cost: ${a(u)(g.value.resolveIds,!0)}`},{default:s(()=>[...t[0]||=[o(`span`,{"i-ph-magnifying-glass-duotone":``,"inline-block":``},null,-1)]]),_:1},8,[`duration`,`title`]),l(h,{duration:g.value.loads,flex:`~ gap-1 items-center`,title:`Load hooks cost: ${a(u)(g.value.loads,!0)}`},{default:s(()=>[...t[1]||=[o(`span`,{"i-ph-upload-simple-duotone":``,"inline-block":``},null,-1)]]),_:1},8,[`duration`,`title`]),l(h,{duration:g.value.transforms,flex:`~ gap-1 items-center`,title:`Transform hooks cost: ${a(u)(g.value.transforms,!0)}`},{default:s(()=>[...t[2]||=[o(`span`,{"i-ph-magic-wand-duotone":``,"inline-block":``},null,-1)]]),_:1},8,[`duration`,`title`]),t[6]||=o(`span`,{op40:``},`|`,-1),l(h,{duration:g.value.total,flex:`~ gap-1 items-center`,title:`Total build cost: ${a(u)(g.value.total,!0)}`},{default:s(()=>[...t[3]||=[o(`span`,{"i-ph-clock-duotone":``,"inline-block":``},null,-1)]]),_:1},8,[`duration`,`title`]),_.value&&v.value?(i(),n(c,{key:0},[t[5]||=o(`span`,{op40:``},`|`,-1),o(`div`,m,[l(y,{title:`Source code size`,bytes:_.value},null,8,[`bytes`]),t[4]||=o(`span`,{"i-ph-arrow-right-duotone":``,op50:``},null,-1),l(y,{title:`Transformed code size`,bytes:v.value},null,8,[`bytes`])])],64)):r(``,!0)])}}}),g=Object.assign(h,{__name:`ModulesBuildMetrics`});export{g as t};
@@ -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"./BhYsQoJN.js";import{t as C}from"./D_Sk_I-u.js";import{t as w}from"./IrMnfQaU.js";import{t as T}from"./m0y8FcT0.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-ph-list-bullets-duotone`},{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};