@vitejs/devtools-vite 0.0.0-alpha.15 → 0.0.0-alpha.17

package/dist/index.d.mts

@@ -1,7 +1,9 @@
-import { RpcFunctionsCollectorBase } from "birpc-x";
+import { BirpcGroup, BirpcReturn } from "birpc";
+import { RpcFunctionsCollector, RpcFunctionsCollectorBase } from "birpc-x";
 import { Plugin, ResolvedConfig, ViteDevServer } from "vite";
+import { Emitter } from "nanoevents";
+import { Raw } from "vue";
 import "@vitejs/devtools-rpc/presets/ws/client";
-import { BirpcReturn } from "birpc";
 
 //#region ../kit/src/types/rpc-augments.d.ts
 /**
@@ -26,7 +28,13 @@ interface DockPanelStorage {
   open: boolean;
   inactiveTimeout: number;
 }
-interface DocksContext {
+interface DevToolsClientContext {
+  /**
+   * The RPC client to interact with the server
+   */
+  readonly rpc: DevToolsRpcClient;
+}
+interface DocksContext extends DevToolsClientContext {
   /**
    * Type of the client environment
    *
@@ -34,19 +42,20 @@ interface DocksContext {
    * 'standalone' - running inside a standlone window (no user app)
    */
   readonly clientType: 'embedded' | 'standalone';
-  /**
-   * The RPC client to interact with the server
-   */
-  readonly rpc: DevToolsRpcClient;
   /**
    * The panel context
    */
-  panel: DocksPanelContext;
+  readonly panel: DocksPanelContext;
   /**
    * The docks entries context
    */
-  docks: DocksEntriesContext;
+  readonly docks: DocksEntriesContext;
+  /**
+   * The client-side RPC functions to be called from the server
+   */
+  readonly clientRpc: DevToolsClientRpcHost;
 }
+type DevToolsClientRpcHost = RpcFunctionsCollector<DevToolsRpcClientFunctions, DevToolsClientContext>;
 interface DocksPanelContext {
   store: DockPanelStorage;
   isDragging: boolean;
@@ -75,6 +84,14 @@ interface DockEntryState {
     iframe?: HTMLIFrameElement | null;
     panel?: HTMLDivElement | null;
   };
+  events: Raw<Emitter<DockEntryStateEvents>>;
+}
+interface DockEntryStateEvents {
+  'entry:activated': () => void;
+  'entry:deactivated': () => void;
+  'entry:updated': (newMeta: DevToolsDockEntry) => void;
+  'dom:panel:mounted': (panel: HTMLDivElement) => void;
+  'dom:iframe:mounted': (iframe: HTMLIFrameElement) => void;
 }
 //#endregion
 //#region ../kit/src/client/client-script.d.ts
@@ -83,7 +100,7 @@ interface DockEntryState {
  */
 interface DockClientScriptContext extends DocksContext {
   /**
-   * The state if the current dock entry
+   * The state of the current dock entry
    */
   current: DockEntryState;
 }
@@ -199,7 +216,9 @@ interface DevToolsNodeUtils {
 }
 //#endregion
 //#region ../kit/src/types/rpc.d.ts
-type RpcFunctionsHost = RpcFunctionsCollectorBase<DevToolsRpcServerFunctions, DevToolsNodeContext>;
+type RpcFunctionsHost = RpcFunctionsCollectorBase<DevToolsRpcServerFunctions, DevToolsNodeContext> & {
+  boardcast: BirpcGroup<DevToolsRpcClientFunctions, DevToolsRpcServerFunctions>['broadcast'];
+};
 //#endregion
 //#region ../kit/src/types/vite-augment.d.ts
 declare module 'vite' {

package/dist/index.mjs

@@ -36,16 +36,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 }) : target, mod));
 var __require = /* @__PURE__ */ createRequire(import.meta.url);
 
-//#endregion
-//#region src/node/rpc/functions/get-payload.ts
-const getPayload = defineRpcFunction({
-	name: "vite:get-payload",
-	type: "static",
-	setup: () => {
-		return { handler: async () => ({ timestamp: Date.now() }) };
-	}
-});
-
 //#endregion
 //#region ../../node_modules/.pnpm/stream-json@1.9.1/node_modules/stream-json/utils/Utf8Stream.js
 var require_Utf8Stream = /* @__PURE__ */ __commonJS({ "../../node_modules/.pnpm/stream-json@1.9.1/node_modules/stream-json/utils/Utf8Stream.js": ((exports, module) => {
@@ -1478,7 +1468,6 @@ const rolldownListSessions = defineRpcFunction({
 //#endregion
 //#region src/node/rpc/index.ts
 const rpcFunctions = [
-	getPayload,
 	rolldownListSessions,
 	rolldownGetRawEvents,
 	rolldownGetSessionSummary,

package/dist/nitro.json

@@ -1,5 +1,5 @@
 {
-  "date": "2025-11-08T02:45:37.488Z",
+  "date": "2025-11-11T05:09:42.506Z",
   "preset": "static",
   "framework": {
     "name": "nuxt",

package/dist/public/200.html

@@ -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"><title>Vite DevTools</title><link rel="stylesheet" href="/.devtools-vite/_nuxt/entry.D-FSo8e5.css" crossorigin><link rel="modulepreload" as="script" crossorigin href="/.devtools-vite/_nuxt/C-xw4DlO.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-xw4DlO.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},1762569937420,false]</script><script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/.devtools-vite/",buildId:"54fd6322-de06-49fe-8b5e-e12e2c95d98d",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script></body></html>
+<!DOCTYPE html><html  lang="en" class="bg-dots"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Vite DevTools</title><link rel="stylesheet" href="/.devtools-vite/_nuxt/entry.C1YP59mZ.css" crossorigin><link rel="modulepreload" as="script" crossorigin href="/.devtools-vite/_nuxt/B661rCRY.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/B661rCRY.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},1762837782435,false]</script><script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/.devtools-vite/",buildId:"f71a649b-f47c-44eb-9005-86c44268b9bf",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script></body></html>

package/dist/public/404.html

@@ -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"><title>Vite DevTools</title><link rel="stylesheet" href="/.devtools-vite/_nuxt/entry.D-FSo8e5.css" crossorigin><link rel="modulepreload" as="script" crossorigin href="/.devtools-vite/_nuxt/C-xw4DlO.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-xw4DlO.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},1762569937420,false]</script><script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/.devtools-vite/",buildId:"54fd6322-de06-49fe-8b5e-e12e2c95d98d",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script></body></html>
+<!DOCTYPE html><html  lang="en" class="bg-dots"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Vite DevTools</title><link rel="stylesheet" href="/.devtools-vite/_nuxt/entry.C1YP59mZ.css" crossorigin><link rel="modulepreload" as="script" crossorigin href="/.devtools-vite/_nuxt/B661rCRY.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/B661rCRY.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},1762837782435,false]</script><script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/.devtools-vite/",buildId:"f71a649b-f47c-44eb-9005-86c44268b9bf",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script></body></html>

package/dist/public/_nuxt/{COkVMxfk.js → 7pdU4mzw.js}

@@ -1 +1 @@
-import{At as e,Tt as t,Vt as n,ct as r,in as i,mt as a,ot as o,st as s,tn as c,ut as l}from"./C-xw4DlO.js";import{n as u}from"./DQtLZa7C.js";var d={"ml-0.4":``,"text-xs":``,op75:``},f=a({__name:`NumberWithUnit`,props:{number:{},unit:{}},setup(n){return(r,a)=>(t(),l(`div`,null,[e(r.$slots,`default`),s(`span`,null,i(n.number),1),s(`span`,d,i(n.unit),1)]))}}),p=Object.assign(f,{__name:`DisplayNumberWithUnit`}),m=a({__name:`Duration`,props:{duration:{},factor:{default:1},unit:{default:`ms`},color:{type:Boolean,default:!0}},setup(i){let a=i,s=o(()=>{if(a.duration!=null)return a.unit===`ns`?a.duration/1e3:a.duration});function l(e){return!a.color||e==null?``:(e*=a.factor,e<1?`op50`:e>1e4?`color-scale-critical`:e>1e3?`color-scale-high`:e>500?`color-scale-medium`:e>200?`color-scale-low`:`color-scale-neutral`)}let d=o(()=>u(s.value));return(i,a)=>{let o=p;return t(),r(o,{class:c(l(s.value)),number:d.value[0],unit:d.value[1]},{default:n(()=>[e(i.$slots,`default`)]),_:3},8,[`class`,`number`,`unit`])}}}),h=Object.assign(m,{__name:`DisplayDuration`});export{h as t};
+import{At as e,Tt as t,Vt as n,ct as r,in as i,mt as a,ot as o,st as s,tn as c,ut as l}from"./B661rCRY.js";import{n as u}from"./DQtLZa7C.js";var d={"ml-0.4":``,"text-xs":``,op75:``},f=a({__name:`NumberWithUnit`,props:{number:{},unit:{}},setup(n){return(r,a)=>(t(),l(`div`,null,[e(r.$slots,`default`),s(`span`,null,i(n.number),1),s(`span`,d,i(n.unit),1)]))}}),p=Object.assign(f,{__name:`DisplayNumberWithUnit`}),m=a({__name:`Duration`,props:{duration:{},factor:{default:1},unit:{default:`ms`},color:{type:Boolean,default:!0}},setup(i){let a=i,s=o(()=>{if(a.duration!=null)return a.unit===`ns`?a.duration/1e3:a.duration});function l(e){return!a.color||e==null?``:(e*=a.factor,e<1?`op50`:e>1e4?`color-scale-critical`:e>1e3?`color-scale-high`:e>500?`color-scale-medium`:e>200?`color-scale-low`:`color-scale-neutral`)}let d=o(()=>u(s.value));return(i,a)=>{let o=p;return t(),r(o,{class:c(l(s.value)),number:d.value[0],unit:d.value[1]},{default:n(()=>[e(i.$slots,`default`)]),_:3},8,[`class`,`number`,`unit`])}}}),h=Object.assign(m,{__name:`DisplayDuration`});export{h as t};