@vitejs/devtools-vite 0.0.0-alpha.3 → 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.
- package/dist/index.d.ts +22 -16
- package/dist/index.js +2 -2
- package/dist/nitro.json +1 -1
- package/dist/public/200.html +1 -1
- package/dist/public/404.html +1 -1
- package/dist/public/_nuxt/5tG5Oyk6.js +1 -0
- package/dist/public/_nuxt/{CY4df6ae.js → CdpVtaP0.js} +3 -3
- package/dist/public/_nuxt/CmoCopKc.js +1 -0
- package/dist/public/_nuxt/DP2wr2h5.js +1 -0
- package/dist/public/_nuxt/{DS2MKblJ.js → DbX0jwFc.js} +1 -1
- package/dist/public/_nuxt/{CcwEApAr.js → DcCyE9-n.js} +1 -1
- package/dist/public/_nuxt/{yfNgynAH.js → Dovm6JCJ.js} +1 -1
- package/dist/public/_nuxt/builds/latest.json +1 -1
- package/dist/public/_nuxt/builds/meta/5fe3a780-72ab-4e8b-9a11-24947f635b2f.json +1 -0
- package/dist/public/_nuxt/{entry.DrKyT2-5.css → entry.xxRYPaDV.css} +1 -1
- package/dist/public/_nuxt/{C5J04JCq.js → pngNVOoP.js} +1 -1
- package/dist/public/index.html +1 -1
- package/package.json +5 -5
- package/dist/public/_nuxt/D1yk44lc.js +0 -1
- package/dist/public/_nuxt/builds/meta/08f15b09-a05e-433e-bb78-b0c50c0f16d5.json +0 -1
- package/dist/public/_nuxt/rwBDQBzn.js +0 -1
- /package/dist/public/_nuxt/{BjbaCuBE.js → CAPY28rZ.js} +0 -0
- /package/dist/public/_nuxt/{Z5tyTJaP.js → CArtRCCo.js} +0 -0
- /package/dist/public/_nuxt/{l47FwQA-.js → NAceKvM5.js} +0 -0
- /package/dist/public/_nuxt/{B1Vd6rqS.js → cG3MDvMi.js} +0 -0
- /package/dist/public/_nuxt/{z9pSC1xM.js → gN_-mSAL.js} +0 -0
package/dist/index.d.ts
CHANGED
|
@@ -1,20 +1,35 @@
|
|
|
1
1
|
import { Plugin, ResolvedConfig, ViteDevServer } from "vite";
|
|
2
2
|
|
|
3
|
-
//#region ../
|
|
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 ../
|
|
10
|
+
//#region ../kit/src/types/utils.d.ts
|
|
11
11
|
type Thenable<T> = T | Promise<T>;
|
|
12
12
|
//#endregion
|
|
13
|
-
//#region ../
|
|
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 ../
|
|
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 ../
|
|
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 ../
|
|
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
|
@@ -1449,13 +1449,13 @@ function DevToolsViteUI() {
|
|
|
1449
1449
|
devtools: { setup(ctx) {
|
|
1450
1450
|
console.log("Vite DevTools Vite plugin setup");
|
|
1451
1451
|
for (const fn of rpcFunctions) ctx.rpc.register(fn);
|
|
1452
|
-
ctx.hostStatic("
|
|
1452
|
+
ctx.views.hostStatic("/.devtools-vite", clientPublicDir);
|
|
1453
1453
|
ctx.docks.register({
|
|
1454
1454
|
id: "vite",
|
|
1455
1455
|
title: "Vite",
|
|
1456
1456
|
icon: "https://vite.dev/logo.svg",
|
|
1457
1457
|
type: "iframe",
|
|
1458
|
-
url: "/
|
|
1458
|
+
url: "/.devtools-vite/"
|
|
1459
1459
|
});
|
|
1460
1460
|
} }
|
|
1461
1461
|
};
|
package/dist/nitro.json
CHANGED
package/dist/public/200.html
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
<!DOCTYPE html><html lang="en" class="bg-dots"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><script type="importmap">{"imports":{"#entry":"/
|
|
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},1759391230722,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/dist/public/404.html
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
<!DOCTYPE html><html lang="en" class="bg-dots"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><script type="importmap">{"imports":{"#entry":"/
|
|
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},1759391230722,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>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{$t as e,D as t,Ft as n,Gt as r,Jt as i,Rt as a,T as o,Ut as s,Wt as c,X as l,Z as u,bt as d,en as f,f as p,ft as m,gt as h,ht as g,jt as _,ln as v,m as y,mt as b,on as x,pt as S,qt as C,s as w,sn as T,un as E,ut as D,vt as O,yt as k}from"#entry";import{t as A}from"./Bjr51Ks8.js";import{i as j}from"./Ci9NHG69.js";import"./CQNn9qP2.js";import{n as M}from"./BO9hKuA-.js";import{t as N}from"./B2fBtupD.js";import{t as P}from"./D_Sk_I-u.js";import{i as F,n as ee,r as I,s as L,t as te}from"./CS0-317H.js";import{n as R,t as z}from"./Dl8iHwQo.js";import{t as B}from"./BcAccMwu.js";import{n as V,r as H,t as ne}from"./DP2wr2h5.js";import{t as re}from"./CArtRCCo.js";var U={flex:`~ gap-1`},W={"overflow-hidden":``,"text-ellipsis":``,"break-all":``,"line-clamp-2":``},G=d({__name:`ListItem`,props:{asset:{}},setup(e){return(t,n)=>{let r=M,i=A;return _(),b(i,{to:{query:{asset:e.asset.filename}},"w-full":``,"font-mono":``,border:`~ rounded base`,px2:``,py1:``,"text-sm":``,hover:`bg-active`},{default:C(()=>[S(`div`,U,[k(r,{filename:e.asset.filename},null,8,[`filename`]),S(`span`,W,E(e.asset.filename),1)])]),_:1},8,[`to`])}}}),K=Object.assign(G,{__name:`AssetsListItem`}),q={p4:``},J={flex:``,pb2:``},Y=d({__name:`List`,props:{assets:{}},setup(e){return(t,n)=>{let r=K,i=z;return _(),h(`div`,q,[k(i,{items:e.assets,"key-prop":`filename`},{default:C(({item:e})=>[S(`div`,J,[k(r,{asset:e},null,8,[`asset`])])]),_:1},8,[`items`])])}}}),X=Object.assign(Y,{__name:`AssetsList`}),Z={flex:`~ gap-2`,p4:``},ie=d({__name:`Folder`,props:{assets:{},session:{}},setup(e){let t=e,n=m(()=>{let e=[];return t.assets.forEach(t=>{e.push({full:t.filename,path:t.filename})}),j(e,`Project`)});return(t,r)=>{let i=B;return _(),h(`div`,Z,[e.assets?.length?(_(),b(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`])):g(``,!0)])}}}),ae=Object.assign(ie,{__name:`AssetsFolder`}),oe=d({__name:`AssetNavBreadcrumb`,props:{selected:{},options:{}},emits:[`select`],setup(e,{emit:t}){let n=t;return(t,r)=>(_(),b(H,{selected:e.selected,options:e.options,onSelect:r[0]||=e=>n(`select`,e)},null,8,[`selected`,`options`]))}}),Q=Object.assign(oe,{__name:`ChartAssetNavBreadcrumb`}),se={grid:`~ cols-[max-content_1fr] gap-2`,p4:``},ce={flex:`~ col gap-4`},$={key:0,grid:`~ cols-[250px_1fr] gap-1`},le=[`onClick`],ue={key:0,"text-primary":``},de={key:1},fe=[`onClick`],pe=[`title`],me=d({__name:`Sunburst`,props:{graph:{},selected:{}},emits:[`select`],setup(e,{emit:t}){let o=e,c=t,l=s(`el`);return r(()=>l.value?.append(o.graph.el)),(t,r)=>{let o=Q,s=N,u=a(`tooltip`);return _(),h(`div`,se,[S(`div`,{ref_key:`el`,ref:l,"w-500px":``},null,512),S(`div`,ce,[k(o,{border:`b base`,py2:``,selected:e.selected,options:e.graph.options,onSelect:r[0]||=e=>c(`select`,e)},null,8,[`selected`,`options`]),e.selected?(_(),h(`div`,$,[(_(!0),h(D,null,n(e.selected.children,t=>(_(),h(D,{key:t.id},[S(`button`,{"ws-nowrap":``,"text-nowrap":``,"text-left":``,"overflow-hidden":``,"text-ellipsis":``,"text-sm":``,hover:`bg-active`,rounded:``,px2:``,onClick:e=>c(`select`,t)},[t.meta&&t.meta===e.selected?.meta?(_(),h(`span`,ue,`(self)`)):(_(),h(`span`,de,E(t.id),1))],8,le),S(`button`,{relative:``,flex:`~ gap-1 items-center`,hover:`bg-active`,rounded:``,onClick:e=>c(`select`,t)},[S(`div`,{"h-5":``,rounded:``,shadow:``,border:`~ base`,style:v({background:x(F)(e.graph.options.getColor?.(t)||`#000`),width:`${t.size/e.selected.size*100}%`})},null,4),k(s,{"text-xs":``,bytes:t.size,total:e.selected.size,"percent-ratio":3},null,8,[`bytes`,`total`]),t.children.length>0?i((_(),h(`div`,{key:0,title:`${t.children.length} dependencies`,"text-xs":``,"op-fade":``},[O(` (`+E(t.children.length)+`) `,1)],8,pe)),[[u,`${t.children.length} dependencies`]]):g(``,!0)],8,fe)],64))),128))])):g(``,!0)])])}}}),he=Object.assign(me,{__name:`AssetsSunburst`}),ge=d({__name:`Flamegraph`,props:{graph:{}},setup(e){let t=e,n=s(`el`);return r(()=>n.value?.append(t.graph.el)),(e,t)=>(_(),h(`div`,{ref_key:`el`,ref:n},null,512))}}),_e=Object.assign(ge,{__name:`AssetsFlamegraph`}),ve={key:1,relative:``,"max-h-screen":``,"of-hidden":``},ye={absolute:``,"left-4":``,"top-4":``,"z-panel-nav":``},be={flex:`~ gap-2 items-center`,p2:``,border:`t base`},xe=[`onClick`],Se={"of-auto":``,"h-screen":``,flex:`~ col gap-2`,pt32:``},Ce={absolute:``,"bottom-4":``,"py-1":``,"px-2":``,"bg-glass":``,left:`1/2`,"translate-x":`-1/2`,border:`~ base rounded-full`,text:`center xs`},we={op50:``},Te={key:0,"bg-glass":``,border:`~ base rounded`,p2:``,"text-sm":``,flex:`~ col gap-2`},Ee={flex:`~ gap-1 items-center`},De={flex:`~ gap-1 items-center`},Oe=d({__name:`assets`,props:{session:{}},setup(r){let i=r,a=e(p()),s=f({search:``}),d=u(),v=l(),A=[{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`}],j=o(),{state:M,isLoading:F}=w(async()=>await j.value[`vite:rolldown:get-assets-list`]?.({session:i.session.id}),null),z=y(()=>M.value,()=>new re(M.value,{includeScore:!0,keys:[`filename`],ignoreLocation:!0,threshold:.4})),B=m(()=>s.value.search?z.value.search(s.value.search).map(e=>e.item):M.value);function H(e){P.value.assetViewType=e}let{tree:U,chartOptions:W,graph:G,nodeHover:K,nodeSelected:q,selectedNode:J,selectNode:Y,buildGraph:Z}=ne({data:B,nameKey:`filename`,sizeKey:`size`,rootText:`Project`,nodeType:`file`,graphOptions:{onClick(e){e&&(K.value=e),e.meta?.type===`file`&&(J.value=e.meta,d.replace({query:{asset:e.meta.filename}}))},onHover(e){e&&!v.query.asset&&(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(){switch(P.value.assetViewType){case`sunburst`:G.value=new ee(U.value.root,W.value);break;case`treemap`:G.value=new I(U.value.root,{...W.value,selectedPaddingRatio:0});break;default:G.value=new te(U.value.root,W.value)}}});return c(()=>P.value.assetViewType,()=>{Z()}),(e,i)=>{let o=t,c=R,l=X,u=ae,d=Q,f=he,p=_e,m=N,v=L;return x(F)?(_(),b(o,{key:0})):(_(),h(`div`,ve,[S(`div`,ye,[k(c,{modelValue:s.value,"onUpdate:modelValue":i[0]||=e=>s.value=e,rules:[]},{default:C(()=>[S(`div`,be,[i[3]||=S(`span`,{op50:``,pl2:``,"text-sm":``},`View as`,-1),(_(),h(D,null,n(A,e=>S(`button`,{key:e.value,"btn-action":``,class:T(x(P).assetViewType===e.value?`bg-active`:`grayscale op50`),onClick:t=>H(e.value)},[S(`div`,{class:T(e.icon)},null,2),O(` `+E(e.label),1)],10,xe)),64))])]),_:1},8,[`modelValue`])]),S(`div`,Se,[x(P).assetViewType===`list`?(_(),h(D,{key:0},[B.value?.length?(_(),b(l,{key:0,assets:B.value,session:r.session},null,8,[`assets`,`session`])):g(``,!0),S(`div`,Ce,[S(`span`,we,E(B.value.length)+` of `+E(x(M)?.length||0),1)])],64)):x(P).assetViewType===`folder`?(_(),h(D,{key:1},[B.value?.length?(_(),b(u,{key:0,assets:B.value,session:r.session},null,8,[`assets`,`session`])):g(``,!0)],64)):x(P).assetViewType===`treemap`?(_(),h(D,{key:2},[x(G)?(_(),b(V,{key:0,graph:x(G),selected:x(q),onSelect:i[1]||=e=>x(Y)(e)},{default:C(({selected:e,options:t,onSelect:n})=>[k(d,{border:`b base`,py2:``,"min-h-10":``,selected:e,options:t,onSelect:n},null,8,[`selected`,`options`,`onSelect`])]),_:1},8,[`graph`,`selected`])):g(``,!0)],64)):x(P).assetViewType===`sunburst`?(_(),h(D,{key:3},[x(G)?(_(),b(f,{key:0,graph:x(G),selected:x(q),onSelect:i[2]||=e=>x(Y)(e)},null,8,[`graph`,`selected`])):g(``,!0)],64)):x(P).assetViewType===`flamegraph`?(_(),h(D,{key:4},[x(G)?(_(),b(p,{key:0,graph:x(G)},null,8,[`graph`])):g(``,!0)],64)):g(``,!0)]),k(v,{"hover-x":a.x,"hover-y":a.y},{default:C(()=>[x(K)?.meta?(_(),h(`div`,Te,[S(`div`,Ee,E(x(K).text),1),S(`div`,De,[k(m,{bytes:x(K).size,percent:!1},null,8,[`bytes`])])])):g(``,!0)]),_:1},8,[`hover-x`,`hover-y`])]))}}});export{Oe as default};
|