@vitejs/devtools 0.1.8 → 0.1.10

package/dist/{popup-CAT8YohS.js → popup-DgYOsFy3.js}

@@ -1,5 +1,6 @@
 import { createEventEmitter } from "@vitejs/devtools-kit/utils/events";
 import { markRaw, reactive, shallowRef, watch } from "vue";
+import { evaluateWhen } from "@vitejs/devtools-kit/utils/when";
 //#region src/client/webcomponents/constants.ts
 const BUILTIN_ENTRY_CLIENT_AUTH_NOTICE = Object.freeze({
 	type: "~builtin",
@@ -18,6 +19,113 @@ const DEFAULT_CATEGORIES_ORDER = {
 	"~builtin": 1e3
 };
 //#endregion
+//#region src/client/webcomponents/state/docks.ts
+function DEFAULT_DOCK_PANEL_STORE() {
+	return {
+		mode: "float",
+		width: 80,
+		height: 80,
+		top: 0,
+		left: 10,
+		position: "bottom",
+		open: false,
+		inactiveTimeout: 3e3
+	};
+}
+function createDockEntryState(entry, selected) {
+	const events = createEventEmitter();
+	const state = reactive({
+		entryMeta: entry,
+		get isActive() {
+			return selected.value?.id === entry.id;
+		},
+		domElements: {},
+		events: markRaw(events)
+	});
+	watch(() => selected.value?.id, (newSelectedId) => {
+		if (newSelectedId === entry.id) events.emit("entry:activated");
+		else events.emit("entry:deactivated");
+	}, { immediate: true });
+	watch(() => state.domElements.iframe, (newIframe) => {
+		if (newIframe) events.emit("dom:iframe:mounted", newIframe);
+	}, { immediate: true });
+	watch(() => state.domElements.panel, (newPanel) => {
+		if (newPanel) events.emit("dom:panel:mounted", newPanel);
+	}, { immediate: true });
+	return state;
+}
+function sharedStateToRef(sharedState) {
+	const ref = shallowRef(sharedState.value());
+	sharedState.on("updated", (newState) => {
+		ref.value = newState;
+	});
+	return ref;
+}
+const docksEntriesRefByRpc = /* @__PURE__ */ new WeakMap();
+async function useDocksEntries(rpc) {
+	if (docksEntriesRefByRpc.has(rpc)) return docksEntriesRefByRpc.get(rpc);
+	const docksEntriesRef = sharedStateToRef(await rpc.sharedState.get("devtoolskit:internal:docks", { initialValue: [] }));
+	docksEntriesRefByRpc.set(rpc, docksEntriesRef);
+	return docksEntriesRef;
+}
+//#endregion
+//#region src/client/webcomponents/state/keybindings.ts
+const isMac = typeof navigator !== "undefined" && /Mac|iPhone|iPad/.test(navigator.platform ?? "");
+function formatKeybinding(key) {
+	return key.split("+").map((part) => {
+		if (part === "Mod") return isMac ? "⌘" : "Ctrl";
+		if (part === "Shift") return isMac ? "⇧" : "Shift";
+		if (part === "Alt") return isMac ? "⌥" : "Alt";
+		return part;
+	});
+}
+function normalizeKeyEvent(e) {
+	const parts = [];
+	if (isMac ? e.metaKey : e.ctrlKey) parts.push("Mod");
+	if (isMac ? e.ctrlKey : e.metaKey) parts.push(isMac ? "Ctrl" : "Meta");
+	if (e.altKey) parts.push("Alt");
+	if (e.shiftKey) parts.push("Shift");
+	let key = e.key;
+	if (key.length === 1) key = key.toUpperCase();
+	if (![
+		"Control",
+		"Meta",
+		"Alt",
+		"Shift"
+	].includes(key)) parts.push(key);
+	return parts.join("+");
+}
+function collectAllKeybindings(commands, getKeybindings) {
+	const result = [];
+	for (const cmd of commands.value) {
+		for (const kb of getKeybindings(cmd.id)) result.push({
+			id: cmd.id,
+			keybinding: kb
+		});
+		if (cmd.children) for (const child of cmd.children) for (const kb of getKeybindings(child.id)) result.push({
+			id: child.id,
+			keybinding: kb
+		});
+	}
+	return result;
+}
+const KNOWN_BROWSER_SHORTCUTS = {
+	"Mod+T": "Open new tab",
+	"Mod+W": "Close tab",
+	"Mod+N": "Open new window",
+	"Mod+L": "Focus address bar",
+	"Mod+D": "Bookmark page",
+	"Mod+Q": "Quit browser",
+	"Mod+Shift+T": "Reopen closed tab",
+	"Mod+Shift+N": "Open incognito window",
+	"Mod+Shift+W": "Close window",
+	"Mod+Shift+Q": "Quit browser (Chrome)",
+	"Alt+F4": "Close window (Windows)",
+	"Mod+R": "Reload page",
+	"Mod+Shift+R": "Hard reload page",
+	"Mod+F": "Find in page"
+};
+//#endregion
 //#region src/client/webcomponents/state/dock-settings.ts
 /**
 * Group and sort dock entries based on user settings.
@@ -25,10 +133,11 @@ const DEFAULT_CATEGORIES_ORDER = {
 */
 function docksGroupByCategories(entries, settings, options) {
 	const { docksHidden, docksCategoriesHidden, docksCustomOrder, docksPinned } = settings;
-	const { includeHidden = false } = options ?? {};
+	const { includeHidden = false, whenContext } = options ?? {};
 	const map = /* @__PURE__ */ new Map();
 	for (const entry of entries) {
-		if (entry.isHidden && !includeHidden) continue;
+		if (entry.when && whenContext && !evaluateWhen(entry.when, whenContext) && !includeHidden) continue;
+		if (entry.when && !whenContext && entry.when === "false" && !includeHidden) continue;
 		if (!includeHidden && docksHidden.includes(entry.id)) continue;
 		const category = entry.category ?? "default";
 		if (!includeHidden && docksCategoriesHidden.includes(category)) continue;
@@ -76,56 +185,6 @@ function docksSplitGroupsWithCapacity(groups, capacity) {
 	};
 }
 //#endregion
-//#region src/client/webcomponents/state/docks.ts
-function DEFAULT_DOCK_PANEL_STORE() {
-	return {
-		mode: "float",
-		width: 80,
-		height: 80,
-		top: 0,
-		left: 10,
-		position: "bottom",
-		open: false,
-		inactiveTimeout: 3e3
-	};
-}
-function createDockEntryState(entry, selected) {
-	const events = createEventEmitter();
-	const state = reactive({
-		entryMeta: entry,
-		get isActive() {
-			return selected.value?.id === entry.id;
-		},
-		domElements: {},
-		events: markRaw(events)
-	});
-	watch(() => selected.value?.id, (newSelectedId) => {
-		if (newSelectedId === entry.id) events.emit("entry:activated");
-		else events.emit("entry:deactivated");
-	}, { immediate: true });
-	watch(() => state.domElements.iframe, (newIframe) => {
-		if (newIframe) events.emit("dom:iframe:mounted", newIframe);
-	}, { immediate: true });
-	watch(() => state.domElements.panel, (newPanel) => {
-		if (newPanel) events.emit("dom:panel:mounted", newPanel);
-	}, { immediate: true });
-	return state;
-}
-function sharedStateToRef(sharedState) {
-	const ref = shallowRef(sharedState.value());
-	sharedState.on("updated", (newState) => {
-		ref.value = newState;
-	});
-	return ref;
-}
-const docksEntriesRefByRpc = /* @__PURE__ */ new WeakMap();
-async function useDocksEntries(rpc) {
-	if (docksEntriesRefByRpc.has(rpc)) return docksEntriesRefByRpc.get(rpc);
-	const docksEntriesRef = sharedStateToRef(await rpc.sharedState.get("devtoolskit:internal:docks", { initialValue: [] }));
-	docksEntriesRefByRpc.set(rpc, docksEntriesRef);
-	return docksEntriesRef;
-}
-//#endregion
 //#region src/client/webcomponents/state/floating-tooltip.ts
 const tooltip = shallowRef(null);
 const docksOverflowPanel = shallowRef(null);
@@ -170,7 +229,7 @@ let detachColorModeSync;
 let popupDockElement;
 let popupContext;
 let loadDockStandalone = async () => {
-	return await import("./DockStandalone-BuMVHLt_.js").then((n) => n.n).then((m) => m.DockStandalone);
+	return await import("./DockStandalone-CX4RwLuJ.js").then((n) => n.n).then((m) => m.DockStandalone);
 };
 popupEvents.on("popup:open-requested", (context) => {
 	openDockPopup(context);
@@ -361,4 +420,4 @@ async function openDockPopup(context) {
 	}
 }
 //#endregion
-export { BUILTIN_ENTRY_CLIENT_AUTH_NOTICE as S, sharedStateToRef as _, triggerMainFrameDockAction as a, docksSplitGroupsWithCapacity as b, setDocksOverflowPanel as c, useDockContextMenu as d, useDocksOverflowPanel as f, createDockEntryState as g, DEFAULT_DOCK_PANEL_STORE as h, requestDockPopupOpen as i, setEdgePositionDropdown as l, useFloatingTooltip as m, isDockPopupSupported as n, useIsDockPopupOpen as o, useEdgePositionDropdown as p, registerMainFrameDockActionHandler as r, setDockContextMenu as s, closeDockPopup as t, setFloatingTooltip as u, useDocksEntries as v, BUILTIN_ENTRIES as x, docksGroupByCategories as y };
+export { createDockEntryState as C, BUILTIN_ENTRY_CLIENT_AUTH_NOTICE as D, BUILTIN_ENTRIES as E, DEFAULT_DOCK_PANEL_STORE as S, useDocksEntries as T, KNOWN_BROWSER_SHORTCUTS as _, triggerMainFrameDockAction as a, isMac as b, setDocksOverflowPanel as c, useDockContextMenu as d, useDocksOverflowPanel as f, docksSplitGroupsWithCapacity as g, docksGroupByCategories as h, requestDockPopupOpen as i, setEdgePositionDropdown as l, useFloatingTooltip as m, isDockPopupSupported as n, useIsDockPopupOpen as o, useEdgePositionDropdown as p, registerMainFrameDockActionHandler as r, setDockContextMenu as s, closeDockPopup as t, setFloatingTooltip as u, collectAllKeybindings as v, sharedStateToRef as w, normalizeKeyEvent as x, formatKeybinding as y };

package/dist/server-BQ4s1VXj.js

@@ -0,0 +1,2 @@
+import { n as renderDockImportsMap } from "./server-ZWEvQMOm.js";
+export { renderDockImportsMap };

package/dist/{server-BuWZ1h8p.js → server-DSh-GQIq.js}

@@ -1,68 +1,16 @@
 import { i as __exportAll, n as ansis_default, t as MARK_INFO } from "./constants-DfEeYo9W.js";
 import { t as getInternalContext } from "./context-internal-DZpoJjMz.js";
+import { n as consumeTempAuthToken } from "./auth-state-DXCxEqSd.js";
 import { dirClientStandalone } from "./dirs.js";
 import { n as getPort } from "./dist-DpLy3ojW.js";
 import { createDebug } from "obug";
 import { DEVTOOLS_CONNECTION_META_FILENAME } from "@vitejs/devtools-kit/constants";
 import process from "node:process";
 import sirv from "sirv";
-import { humanId } from "@vitejs/devtools-kit/utils/human-id";
 import { createApp, eventHandler, fromNodeMiddleware, getQuery, toNodeListener } from "h3";
 import { AsyncLocalStorage } from "node:async_hooks";
 import { createWsRpcPreset } from "@vitejs/devtools-rpc/presets/ws/server";
 import { createRpcServer } from "@vitejs/devtools-rpc/server";
-//#region src/node/auth-state.ts
-let pendingAuth = null;
-let tempAuthToken = generateTempId();
-function generateTempId() {
-	return humanId({
-		separator: "-",
-		capitalize: false
-	});
-}
-function getTempAuthToken() {
-	return tempAuthToken;
-}
-function refreshTempAuthToken() {
-	tempAuthToken = generateTempId();
-	return tempAuthToken;
-}
-function setPendingAuth(request) {
-	pendingAuth = request;
-}
-/**
-* Abort and clean up any existing pending auth request.
-*/
-function abortPendingAuth() {
-	if (pendingAuth) {
-		pendingAuth.abortController.abort();
-		clearTimeout(pendingAuth.timeout);
-		pendingAuth = null;
-	}
-}
-/**
-* Consume the temp auth ID: verify it matches, trust the pending client, and clean up.
-* Returns the client's authToken if successful, null otherwise.
-*/
-function consumeTempAuthToken(id, storage) {
-	if (id !== tempAuthToken || !pendingAuth) return null;
-	const { clientAuthToken, session, ua, origin, resolve } = pendingAuth;
-	storage.mutate((state) => {
-		state.trusted[clientAuthToken] = {
-			authToken: clientAuthToken,
-			ua,
-			origin,
-			timestamp: Date.now()
-		};
-	});
-	session.meta.clientAuthToken = clientAuthToken;
-	session.meta.isTrusted = true;
-	resolve({ isTrusted: true });
-	abortPendingAuth();
-	refreshTempAuthToken();
-	return clientAuthToken;
-}
-//#endregion
 //#region src/node/ws.ts
 const debugInvoked = createDebug("vite:devtools:rpc:invoked");
 const ANONYMOUS_SCOPE = "vite:anonymous:";
@@ -96,8 +44,7 @@ async function createWsServer(options) {
 			}
 			wsClients.add(ws);
 			const color = meta.isTrusted ? ansis_default.green : ansis_default.yellow;
-			const trustedKeys = Object.keys(contextInternal.storage.auth.value().trusted);
-			console.log(color`${MARK_INFO} Websocket client connected. [${meta.id}] [${meta.clientAuthToken}] (${meta.isTrusted ? "trusted" : "untrusted"}) authToken=${authToken} trustedKeys=${JSON.stringify(trustedKeys)} isClientAuthDisabled=${isClientAuthDisabled}`);
+			console.log(color`${MARK_INFO} Websocket client connected. [${meta.id}] [${meta.clientAuthToken}] (${meta.isTrusted ? "trusted" : "untrusted"})`);
 		},
 		onDisconnected: (ws, meta) => {
 			wsClients.delete(ws);
@@ -238,4 +185,4 @@ async function createDevToolsMiddleware(options) {
 	};
 }
 //#endregion
-export { refreshTempAuthToken as a, getTempAuthToken as i, server_exports as n, setPendingAuth as o, abortPendingAuth as r, createDevToolsMiddleware as t };
+export { server_exports as n, createDevToolsMiddleware as t };

package/dist/server-ZWEvQMOm.js

@@ -0,0 +1,50 @@
+import { n as createDevToolsContext } from "./context-BWju7fup.js";
+import { t as createDevToolsMiddleware } from "./server-DSh-GQIq.js";
+import { DEVTOOLS_DOCK_IMPORTS_VIRTUAL_ID, DEVTOOLS_MOUNT_PATH } from "@vitejs/devtools-kit/constants";
+//#region src/node/plugins/server.ts
+/**
+* Core plugin for enabling Vite DevTools
+*/
+function renderDockImportsMap(docks) {
+	const map = /* @__PURE__ */ new Map();
+	for (const dock of docks) {
+		const id = `${dock.type}:${dock.id}`;
+		if (dock.type === "action") map.set(id, dock.action);
+		else if (dock.type === "custom-render") map.set(id, dock.renderer);
+		else if (dock.type === "iframe" && dock.clientScript) map.set(id, dock.clientScript);
+	}
+	return [
+		`export const importsMap = {`,
+		...[...map.entries()].filter(([, entry]) => entry != null).map(([id, { importFrom, importName }]) => `  [${JSON.stringify(id)}]: () => import(${JSON.stringify(importFrom)}).then(r => r[${JSON.stringify(importName ?? "default")}]),`),
+		"}"
+	].join("\n");
+}
+function DevToolsServer() {
+	let context;
+	return {
+		name: "vite:devtools:server",
+		enforce: "post",
+		apply: "serve",
+		async configureServer(viteDevServer) {
+			context = await createDevToolsContext(viteDevServer.config, viteDevServer);
+			const host = viteDevServer.config.server.host === true ? "0.0.0.0" : viteDevServer.config.server.host || "localhost";
+			const { middleware } = await createDevToolsMiddleware({
+				cwd: viteDevServer.config.root,
+				hostWebSocket: host,
+				context
+			});
+			viteDevServer.middlewares.use(DEVTOOLS_MOUNT_PATH, middleware);
+		},
+		resolveId(id) {
+			if (id === DEVTOOLS_DOCK_IMPORTS_VIRTUAL_ID) return id;
+		},
+		load(id) {
+			if (id === DEVTOOLS_DOCK_IMPORTS_VIRTUAL_ID) {
+				if (!context) throw new Error("DevTools context is not initialized");
+				return renderDockImportsMap(context.docks.values());
+			}
+		}
+	};
+}
+//#endregion
+export { renderDockImportsMap as n, DevToolsServer as t };

package/dist/{standalone-CAJbdnf4.js → standalone-D_6Gsoqw.js}

@@ -1,6 +1,5 @@
-import { r as createDevToolsContext } from "./server-DhChc9gv.js";
-import { t as DevTools } from "./plugins-DfC1vp4w.js";
-import "./dist-DpLy3ojW.js";
+import { n as createDevToolsContext } from "./context-BWju7fup.js";
+import { t as DevTools } from "./plugins-Dhpm6Ql_.js";
 import process from "node:process";
 //#region src/node/standalone.ts
 async function startStandaloneDevTools(options = {}) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vitejs/devtools",
   "type": "module",
-  "version": "0.1.8",
+  "version": "0.1.10",
   "description": "Vite DevTools",
   "author": "VoidZero Inc.",
   "license": "MIT",
@@ -56,9 +56,9 @@
     "tinyexec": "^1.0.4",
     "vue": "^3.5.30",
     "ws": "^8.20.0",
-    "@vitejs/devtools-rpc": "0.1.8",
-    "@vitejs/devtools-rolldown": "0.1.8",
-    "@vitejs/devtools-kit": "0.1.8"
+    "@vitejs/devtools-kit": "0.1.10",
+    "@vitejs/devtools-rolldown": "0.1.10",
+    "@vitejs/devtools-rpc": "0.1.10"
   },
   "devDependencies": {
     "@clack/prompts": "^1.1.0",
@@ -66,15 +66,16 @@
     "@xterm/addon-fit": "^0.11.0",
     "@xterm/xterm": "^6.0.0",
     "dompurify": "^3.3.3",
+    "fuse.js": "^7.1.0",
     "human-id": "^4.1.3",
     "tsdown": "^0.21.4",
     "typescript": "^5.9.3",
     "unplugin-vue": "^7.1.1",
-    "vite": "^8.0.1",
+    "vite": "^8.0.2",
     "vue": "^3.5.30",
     "vue-router": "^5.0.4",
     "vue-tsc": "^3.2.6",
-    "@vitejs/devtools-rolldown": "0.1.8"
+    "@vitejs/devtools-rolldown": "0.1.10"
   },
   "inlinedDependencies": {
     "@clack/core": "1.1.0",
@@ -87,6 +88,7 @@
     "@xterm/xterm": "6.0.0",
     "ansis": "4.2.0",
     "dompurify": "3.3.3",
+    "fuse.js": "7.1.0",
     "get-port-please": "3.2.0",
     "sisteransi": "1.0.5",
     "zod": "4.3.6"