@vitejs/devtools 0.0.0-alpha.33 → 0.0.0-alpha.34

package/dist/config.js

@@ -1,8 +1,4 @@
-//#region src/node/utils.ts
-function isObject(value) {
-	return Object.prototype.toString.call(value) === "[object Object]";
-}
-//#endregion
+import { t as isObject } from "./utils--qjmgani.js";
 //#region src/node/config.ts
 function normalizeDevToolsConfig(config, host) {
 	return {

package/dist/{dist-C5wFunwn.js → dist-CnHQWaMb.js}

@@ -1,5 +1,5 @@
-import { B as toRef$1, F as onScopeDispose, H as toValue, L as readonly, M as customRef, N as getCurrentScope, O as watch, R as ref, S as onMounted, U as unref, _ as getCurrentInstance, b as inject, k as watchEffect, s as computed, x as nextTick, y as hasInjectionContext, z as shallowRef } from "./vue.runtime.esm-bundler-DL9ItCI-.js";
-//#region ../../node_modules/.pnpm/@vueuse+shared@14.2.1_vue@3.5.29_typescript@5.9.3_/node_modules/@vueuse/shared/dist/index.js
+import { B as toRef$1, F as onScopeDispose, H as toValue, L as readonly, M as customRef, N as getCurrentScope, O as watch, R as ref, S as onMounted, U as unref, _ as getCurrentInstance, b as inject, k as watchEffect, s as computed, x as nextTick, y as hasInjectionContext, z as shallowRef } from "./vue.runtime.esm-bundler-Bou7Nbd4.js";
+//#region ../../node_modules/.pnpm/@vueuse+shared@14.2.1_vue@3.5.30_typescript@5.9.3_/node_modules/@vueuse/shared/dist/index.js
 /**
 * Call onScopeDispose() if it's inside an effect scope lifecycle, if not, do nothing
 *
@@ -224,7 +224,7 @@ function watchImmediate(source, cb, options) {
 	});
 }
 //#endregion
-//#region ../../node_modules/.pnpm/@vueuse+core@14.2.1_vue@3.5.29_typescript@5.9.3_/node_modules/@vueuse/core/dist/index.js
+//#region ../../node_modules/.pnpm/@vueuse+core@14.2.1_vue@3.5.30_typescript@5.9.3_/node_modules/@vueuse/core/dist/index.js
 const defaultWindow = isClient ? window : void 0;
 isClient && window.document;
 isClient && window.navigator;

package/dist/index.d.ts

@@ -103,11 +103,11 @@ declare const builtinRpcDeclarations: readonly [{
   cacheable?: boolean;
   args?: undefined;
   returns?: undefined;
-  setup?: ((context: _vitejs_devtools_kit0.DevToolsNodeContext) => _vitejs_devtools_rpc0.Thenable<_vitejs_devtools_rpc0.RpcFunctionSetupResult<[key: string], Promise<any>>>) | undefined;
-  handler?: ((key: string) => Promise<any>) | undefined;
-  dump?: _vitejs_devtools_rpc0.RpcDump<[key: string], Promise<any>, _vitejs_devtools_kit0.DevToolsNodeContext> | undefined;
-  __resolved?: _vitejs_devtools_rpc0.RpcFunctionSetupResult<[key: string], Promise<any>> | undefined;
-  __promise?: _vitejs_devtools_rpc0.Thenable<_vitejs_devtools_rpc0.RpcFunctionSetupResult<[key: string], Promise<any>>> | undefined;
+  setup?: ((context: _vitejs_devtools_kit0.DevToolsNodeContext) => _vitejs_devtools_rpc0.Thenable<_vitejs_devtools_rpc0.RpcFunctionSetupResult<[string], Promise<any>>>) | undefined;
+  handler?: ((args_0: string) => Promise<any>) | undefined;
+  dump?: _vitejs_devtools_rpc0.RpcDump<[string], Promise<any>, _vitejs_devtools_kit0.DevToolsNodeContext> | undefined;
+  __resolved?: _vitejs_devtools_rpc0.RpcFunctionSetupResult<[string], Promise<any>> | undefined;
+  __promise?: _vitejs_devtools_rpc0.Thenable<_vitejs_devtools_rpc0.RpcFunctionSetupResult<[string], Promise<any>>> | undefined;
 }, {
   name: "devtoolskit:internal:rpc:server-state:patch";
   type?: "query" | undefined;

package/dist/index.js

@@ -1,2 +1,2 @@
-import { i as createDevToolsContext, n as createDevToolsMiddleware, t as DevTools } from "./plugins-C3h3TsXX.js";
+import { a as createDevToolsContext, r as createDevToolsMiddleware, t as DevTools } from "./plugins-tIIgS7bh.js";
 export { DevTools, createDevToolsContext, createDevToolsMiddleware };

package/dist/{plugins-C3h3TsXX.js → plugins-tIIgS7bh.js}

@@ -1,9 +1,10 @@
+import { t as isObject } from "./utils--qjmgani.js";
 import { dirClientStandalone, dirDist } from "./dirs.js";
 import { createDebug } from "obug";
 import { debounce } from "perfect-debounce";
 import { normalizePath, searchForWorkspaceRoot } from "vite";
 import { toDataURL } from "mlly";
-import { DEFAULT_STATE_USER_SETTINGS } from "@vitejs/devtools-kit/constants";
+import { DEFAULT_STATE_USER_SETTINGS, DEVTOOLS_CONNECTION_META_FILENAME, DEVTOOLS_DOCK_IMPORTS_VIRTUAL_ID, DEVTOOLS_MOUNT_PATH } from "@vitejs/devtools-kit/constants";
 import { createEventEmitter } from "@vitejs/devtools-kit/utils/events";
 import { dirname, join } from "pathe";
 import fs, { existsSync } from "node:fs";
@@ -61,11 +62,15 @@ function createStorage(options) {
 		...initialValue,
 		...savedValue
 	}), debounce: debounceTime = 100 } = options;
-	let initialValue;
-	if (fs.existsSync(options.filepath)) {
+	let initialValue = options.initialValue;
+	if (fs.existsSync(options.filepath)) try {
 		const savedValue = JSON.parse(fs.readFileSync(options.filepath, "utf-8"));
 		initialValue = mergeInitialValue ? mergeInitialValue(options.initialValue, savedValue) : savedValue;
-	} else initialValue = options.initialValue;
+	} catch (error) {
+		console.warn(`[Vite DevTools] Failed to parse storage file: ${options.filepath}, falling back to defaults.`);
+		console.warn(error);
+		initialValue = options.initialValue;
+	}
 	const state = createSharedState({
 		initialValue,
 		enablePatches: false
@@ -112,6 +117,13 @@ var DevToolsDockHost = class {
 				category: "~builtin",
 				isHidden: true
 			},
+			{
+				type: "~builtin",
+				id: "~popup",
+				title: "Popup",
+				category: "~builtin",
+				icon: "ph:arrow-square-out-duotone"
+			},
 			{
 				type: "~builtin",
 				id: "~settings",
@@ -179,18 +191,23 @@ function createRpcSharedStateServerHost(rpc) {
 			for (const off of offs) off();
 		};
 	}
-	return { get: async (key, options) => {
-		if (sharedState.has(key)) return sharedState.get(key);
-		if (options?.initialValue === void 0 && options?.sharedState === void 0) throw new Error(`Shared state of "${key}" is not found, please provide an initial value for the first time`);
-		debug$1("new-state", key);
-		const state = options.sharedState ?? createSharedState({
-			initialValue: options.initialValue,
-			enablePatches: false
-		});
-		registerSharedState(key, state);
-		sharedState.set(key, state);
-		return state;
-	} };
+	return {
+		get: async (key, options) => {
+			if (sharedState.has(key)) return sharedState.get(key);
+			if (options?.initialValue === void 0 && options?.sharedState === void 0) throw new Error(`Shared state of "${key}" is not found, please provide an initial value for the first time`);
+			debug$1("new-state", key);
+			const state = options.sharedState ?? createSharedState({
+				initialValue: options.initialValue,
+				enablePatches: false
+			});
+			registerSharedState(key, state);
+			sharedState.set(key, state);
+			return state;
+		},
+		keys() {
+			return Array.from(sharedState.keys());
+		}
+	};
 }
 //#endregion
 //#region src/node/host-functions.ts
@@ -206,8 +223,16 @@ var RpcFunctionsHost = class extends RpcFunctionsCollectorBase {
 		this.sharedState = createRpcSharedStateServerHost(this);
 	}
 	sharedState;
+	async invokeLocal(method, ...args) {
+		if (!this.definitions.has(method)) throw new Error(`RPC function "${String(method)}" is not registered`);
+		const handler = await this.getHandler(method);
+		return await Promise.resolve(handler(...args));
+	}
 	async broadcast(options) {
-		if (!this._rpcGroup) throw new Error("RpcFunctionsHost] RpcGroup is not set, it likely to be an internal bug of Vite DevTools");
+		if (!this._rpcGroup) {
+			if (this.context.mode === "build") return;
+			throw new Error("RpcFunctionsHost] RpcGroup is not set, it likely to be an internal bug of Vite DevTools");
+		}
 		debugBroadcast(JSON.stringify(options.method));
 		await Promise.all(this._rpcGroup.clients.map((client) => {
 			if (options.filter?.(client) === false) return void 0;
@@ -248,6 +273,7 @@ var DevToolsTerminalHost = class {
 		this.events.emit("terminal:session:updated", session);
 	}
 	remove(session) {
+		this._boundStreams.get(session.id)?.dispose();
 		this.sessions.delete(session.id);
 		this.events.emit("terminal:session:updated", session);
 		this._boundStreams.delete(session.id);
@@ -1302,6 +1328,9 @@ const rpcServerList = defineRpcFunction({
 const sharedStateGet = defineRpcFunction({
 	name: "devtoolskit:internal:rpc:server-state:get",
 	type: "query",
+	dump: (context) => {
+		return { inputs: context.rpc.sharedState.keys().map((key) => [key]) };
+	},
 	setup: (context) => {
 		return { handler: async (key) => {
 			return (await context.rpc.sharedState.get(key)).value();
@@ -1420,6 +1449,12 @@ const builtinRpcDeclarations = [
 //#endregion
 //#region src/node/context.ts
 const debugSetup = createDebug("vite:devtools:context:setup");
+function shouldSkipSetupByCapabilities(plugin, mode) {
+	const modeCapabilities = plugin.devtools?.capabilities?.[mode];
+	if (modeCapabilities === false) return true;
+	if (!isObject(modeCapabilities)) return false;
+	return Object.values(modeCapabilities).includes(false);
+}
 async function createDevToolsContext(viteConfig, viteServer) {
 	const cwd = viteConfig.root;
 	const context = {
@@ -1447,14 +1482,14 @@ async function createDevToolsContext(viteConfig, viteServer) {
 	const docksSharedState = await rpcHost.sharedState.get("devtoolskit:internal:docks", { initialValue: [] });
 	docksHost.events.on("dock:entry:updated", debounce(() => {
 		docksSharedState.mutate(() => context.docks.values());
-	}, 10));
+	}, context.mode === "build" ? 0 : 10));
 	terminalsHost.events.on("terminal:session:updated", debounce(() => {
 		rpcHost.broadcast({
 			method: "devtoolskit:internal:terminals:updated",
 			args: []
 		});
 		docksSharedState.mutate(() => context.docks.values());
-	}, 10));
+	}, context.mode === "build" ? 0 : 10));
 	terminalsHost.events.on("terminal:session:stream-chunk", (data) => {
 		rpcHost.broadcast({
 			method: "devtoolskit:internal:terminals:stream-chunk",
@@ -1464,6 +1499,10 @@ async function createDevToolsContext(viteConfig, viteServer) {
 	const plugins = viteConfig.plugins.filter((plugin) => "devtools" in plugin);
 	for (const plugin of plugins) {
 		if (!plugin.devtools?.setup) continue;
+		if (shouldSkipSetupByCapabilities(plugin, context.mode)) {
+			debugSetup(`skipping plugin ${JSON.stringify(plugin.name)} due to disabled capabilities in ${context.mode} mode`);
+			continue;
+		}
 		try {
 			debugSetup(`setting up plugin ${JSON.stringify(plugin.name)}`);
 			await plugin.devtools?.setup?.(context);
@@ -1799,7 +1838,7 @@ async function createWsServer(options) {
 async function createDevToolsMiddleware(options) {
 	const h3 = createApp();
 	const { rpc, getConnectionMeta } = await createWsServer(options);
-	h3.use("/.vdt-connection.json", eventHandler(async (event) => {
+	h3.use(`/${DEVTOOLS_CONNECTION_META_FILENAME}`, eventHandler(async (event) => {
 		event.node.res.setHeader("Content-Type", "application/json");
 		return event.node.res.end(JSON.stringify(await getConnectionMeta()));
 	}));
@@ -1819,6 +1858,20 @@ async function createDevToolsMiddleware(options) {
 /**
 * 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 {
@@ -1833,27 +1886,15 @@ function DevToolsServer() {
 				hostWebSocket: host,
 				context
 			});
-			viteDevServer.middlewares.use("/.devtools/", middleware);
+			viteDevServer.middlewares.use(DEVTOOLS_MOUNT_PATH, middleware);
 		},
 		resolveId(id) {
-			if (id === "/.devtools-imports") return id;
+			if (id === DEVTOOLS_DOCK_IMPORTS_VIRTUAL_ID) return id;
 		},
 		load(id) {
-			if (id === "/.devtools-imports") {
+			if (id === DEVTOOLS_DOCK_IMPORTS_VIRTUAL_ID) {
 				if (!context) throw new Error("DevTools context is not initialized");
-				const docks = Array.from(context.docks.values());
-				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)}]),`),
-					"}"
-				].join("\n");
+				return renderDockImportsMap(context.docks.values());
 			}
 		}
 	};
@@ -1867,4 +1908,4 @@ async function DevTools(options = {}) {
 	return plugins;
 }
 //#endregion
-export { ansis_default as a, createDevToolsContext as i, createDevToolsMiddleware as n, getPort as r, DevTools as t };
+export { createDevToolsContext as a, getPort as i, renderDockImportsMap as n, ansis_default as o, createDevToolsMiddleware as r, DevTools as t };

package/dist/popup-CqYAUdYG.js

@@ -0,0 +1,366 @@
+import { I as reactive, O as watch, P as markRaw, z as shallowRef } from "./vue.runtime.esm-bundler-Bou7Nbd4.js";
+import { createEventEmitter } from "@vitejs/devtools-kit/utils/events";
+//#region src/client/webcomponents/constants.ts
+const BUILTIN_ENTRY_CLIENT_AUTH_NOTICE = Object.freeze({
+	type: "~builtin",
+	id: "~client-auth-notice",
+	title: "Unauthorized",
+	icon: "i-fluent-emoji-flat-warning"
+});
+const BUILTIN_ENTRIES = Object.freeze([BUILTIN_ENTRY_CLIENT_AUTH_NOTICE]);
+const DEFAULT_CATEGORIES_ORDER = {
+	"~viteplus": -1e3,
+	"default": 0,
+	"app": 100,
+	"framework": 200,
+	"web": 300,
+	"advanced": 400,
+	"~builtin": 1e3
+};
+//#endregion
+//#region src/client/webcomponents/state/dock-settings.ts
+/**
+* Group and sort dock entries based on user settings.
+* Filters out hidden entries and categories, sorts by pinned status, custom order, and default order.
+*/
+function docksGroupByCategories(entries, settings, options) {
+	const { docksHidden, docksCategoriesHidden, docksCustomOrder, docksPinned } = settings;
+	const { includeHidden = false } = options ?? {};
+	const map = /* @__PURE__ */ new Map();
+	for (const entry of entries) {
+		if (entry.isHidden && !includeHidden) continue;
+		if (!includeHidden && docksHidden.includes(entry.id)) continue;
+		const category = entry.category ?? "default";
+		if (!includeHidden && docksCategoriesHidden.includes(category)) continue;
+		if (!map.has(category)) map.set(category, []);
+		map.get(category).push(entry);
+	}
+	const grouped = Array.from(map.entries()).sort(([a], [b]) => {
+		const ia = DEFAULT_CATEGORIES_ORDER[a] || 0;
+		const ib = DEFAULT_CATEGORIES_ORDER[b] || 0;
+		return ib === ia ? b.localeCompare(a) : ia - ib;
+	});
+	grouped.forEach(([_, items]) => {
+		items.sort((a, b) => {
+			const aPinned = docksPinned.includes(a.id);
+			if (aPinned !== docksPinned.includes(b.id)) return aPinned ? -1 : 1;
+			const customOrderA = docksCustomOrder[a.id] ?? 0;
+			const customOrderB = docksCustomOrder[b.id] ?? 0;
+			if (customOrderA !== customOrderB) return customOrderA - customOrderB;
+			const ia = a.defaultOrder ?? 0;
+			const ib = b.defaultOrder ?? 0;
+			return ib === ia ? b.title.localeCompare(a.title) : ia - ib;
+		});
+	});
+	return grouped;
+}
+/**
+* Split grouped entries into visible and overflow based on capacity.
+*/
+function docksSplitGroupsWithCapacity(groups, capacity) {
+	const visible = [];
+	const overflow = [];
+	let left = capacity;
+	for (const [category, items] of groups) if (left <= 0) overflow.push([category, items]);
+	else if (items.length > left) {
+		visible.push([category, items.slice(0, left)]);
+		overflow.push([category, items.slice(left)]);
+		left = 0;
+	} else {
+		left -= items.length;
+		visible.push([category, items]);
+	}
+	return {
+		visible,
+		overflow
+	};
+}
+//#endregion
+//#region src/client/webcomponents/state/docks.ts
+function DEFAULT_DOCK_PANEL_STORE() {
+	return {
+		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);
+const dockContextMenu = shallowRef(null);
+function setFloatingTooltip(info) {
+	tooltip.value = info;
+}
+function useFloatingTooltip() {
+	return tooltip;
+}
+function setDocksOverflowPanel(info) {
+	docksOverflowPanel.value = info;
+}
+function useDocksOverflowPanel() {
+	return docksOverflowPanel;
+}
+function setDockContextMenu(info) {
+	dockContextMenu.value = info;
+}
+function useDockContextMenu() {
+	return dockContextMenu;
+}
+//#endregion
+//#region src/client/webcomponents/state/popup.ts
+const PANEL_MIN_SIZE = 20;
+const PANEL_MAX_SIZE = 100;
+const POPUP_MIN_WIDTH = 320;
+const POPUP_MIN_HEIGHT = 240;
+const POPUP_DOCK_ID = "~popup";
+const POPUP_WINDOW_ATTRIBUTE = "data-vite-devtools-popup-window";
+const MAIN_FRAME_ACTION_HANDLER_KEY = "__VITE_DEVTOOLS_TRIGGER_DOCK_ACTION__";
+const popupWindow = shallowRef(null);
+const isPopupOpen = shallowRef(false);
+const popupEvents = createEventEmitter();
+let detachPopupListeners;
+let detachColorModeSync;
+let popupDockElement;
+let loadDockStandalone = async () => {
+	return await import("./DockStandalone-D15T7P8h.js").then((m) => m.DockStandalone);
+};
+popupEvents.on("popup:open-requested", (context) => {
+	openDockPopup(context);
+});
+function getDocumentPictureInPicture() {
+	if (typeof window === "undefined") return;
+	return window.documentPictureInPicture;
+}
+function clearListeners() {
+	detachPopupListeners?.();
+	detachPopupListeners = void 0;
+	detachColorModeSync?.();
+	detachColorModeSync = void 0;
+}
+function resolveColorMode() {
+	const sourceWindow = window;
+	const elements = [sourceWindow.document?.documentElement, sourceWindow.document?.body].filter(Boolean);
+	for (const element of elements) {
+		if (element?.classList?.contains("dark")) return "dark";
+		if (element?.classList?.contains("light")) return "light";
+		const dataTheme = element?.getAttribute?.("data-theme");
+		if (dataTheme === "dark" || dataTheme === "light") return dataTheme;
+	}
+	if (sourceWindow.matchMedia?.("(prefers-color-scheme: dark)").matches) return "dark";
+	return "light";
+}
+function applyPopupColorMode(popup, mode) {
+	popup.document.documentElement?.setAttribute("data-vite-devtools-color-mode", mode);
+	popup.document.documentElement?.style.setProperty("color-scheme", mode);
+	popupDockElement?.setAttribute("data-vite-devtools-color-mode", mode);
+}
+function setupPopupColorModeSync(popup) {
+	const cleanups = [];
+	const update = () => applyPopupColorMode(popup, resolveColorMode());
+	update();
+	const sourceWindow = window;
+	const sourceDocument = sourceWindow.document;
+	if (typeof MutationObserver !== "undefined" && sourceDocument) {
+		const observer = new MutationObserver(update);
+		for (const element of [sourceDocument.documentElement, sourceDocument.body]) {
+			if (!element) continue;
+			observer.observe(element, {
+				attributes: true,
+				attributeFilter: [
+					"class",
+					"data-theme",
+					"style"
+				]
+			});
+		}
+		cleanups.push(() => observer.disconnect());
+	}
+	if (sourceWindow.matchMedia) {
+		const darkQuery = sourceWindow.matchMedia("(prefers-color-scheme: dark)");
+		const lightQuery = sourceWindow.matchMedia("(prefers-color-scheme: light)");
+		darkQuery.addEventListener("change", update);
+		lightQuery.addEventListener("change", update);
+		cleanups.push(() => {
+			darkQuery.removeEventListener("change", update);
+			lightQuery.removeEventListener("change", update);
+		});
+	}
+	return () => {
+		cleanups.forEach((fn) => fn());
+	};
+}
+function unmountPopupElement() {
+	popupDockElement?.remove();
+	popupDockElement = void 0;
+}
+function clearPopupState() {
+	clearListeners();
+	unmountPopupElement();
+	popupWindow.value = null;
+	isPopupOpen.value = false;
+}
+function clamp(value, min, max) {
+	return Math.min(Math.max(value, min), max);
+}
+function syncPanelSizeFromPopup(context, popup) {
+	if (window.innerWidth <= 0 || window.innerHeight <= 0) return;
+	context.panel.store.width = clamp(Math.round(popup.innerWidth / window.innerWidth * 100), PANEL_MIN_SIZE, PANEL_MAX_SIZE);
+	context.panel.store.height = clamp(Math.round(popup.innerHeight / window.innerHeight * 100), PANEL_MIN_SIZE, PANEL_MAX_SIZE);
+}
+async function mountStandaloneApp(context, popup) {
+	const DockStandaloneElement = await loadDockStandalone();
+	const baseStyle = popup.document.createElement("style");
+	baseStyle.textContent = [
+		"html, body {",
+		"  margin: 0;",
+		"  padding: 0;",
+		"  width: 100%;",
+		"  height: 100%;",
+		"  overflow: hidden;",
+		"  background: transparent;",
+		"}",
+		"#vite-devtools-popup-root {",
+		"  width: 100vw;",
+		"  height: 100vh;",
+		"}",
+		"#vite-devtools-popup-root > vite-devtools-dock-standalone {",
+		"  display: block;",
+		"  width: 100%;",
+		"  height: 100%;",
+		"}"
+	].join("\n");
+	popup.document.title = "Vite DevTools";
+	popup.document.documentElement?.setAttribute(POPUP_WINDOW_ATTRIBUTE, "");
+	popup.document.head?.appendChild(baseStyle);
+	popup.document.body.textContent = "";
+	const appRoot = popup.document.createElement("div");
+	appRoot.id = "vite-devtools-popup-root";
+	popup.document.body.appendChild(appRoot);
+	const dockElement = new DockStandaloneElement({ context });
+	popupDockElement = dockElement;
+	appRoot.appendChild(dockElement);
+}
+function isDockPopupSupported() {
+	return !!getDocumentPictureInPicture()?.requestWindow;
+}
+function isRunningInDockPopupWindow() {
+	if (typeof window === "undefined") return false;
+	return !!window.document?.documentElement?.hasAttribute?.(POPUP_WINDOW_ATTRIBUTE);
+}
+function registerMainFrameDockActionHandler(handler) {
+	if (typeof window === "undefined") return;
+	if (isRunningInDockPopupWindow()) return;
+	window[MAIN_FRAME_ACTION_HANDLER_KEY] = handler;
+}
+async function triggerMainFrameDockAction(entryId) {
+	if (typeof window === "undefined") return void 0;
+	if (!isRunningInDockPopupWindow()) return void 0;
+	try {
+		const opener = window.opener;
+		if (!opener || opener.closed) return void 0;
+		const handler = opener[MAIN_FRAME_ACTION_HANDLER_KEY];
+		if (typeof handler !== "function") return void 0;
+		return await handler(entryId);
+	} catch {
+		return;
+	}
+}
+function isDockPopupEntryVisible() {
+	return isDockPopupSupported() && !isPopupOpen.value && !isRunningInDockPopupWindow();
+}
+function filterPopupDockEntry(groups) {
+	return groups.map(([category, entries]) => [category, entries.filter((entry) => entry.id !== POPUP_DOCK_ID)]).filter(([, entries]) => entries.length > 0);
+}
+function useIsDockPopupOpen() {
+	return isPopupOpen;
+}
+function requestDockPopupOpen(context) {
+	popupEvents.emit("popup:open-requested", context);
+}
+function closeDockPopup() {
+	const popup = popupWindow.value;
+	clearPopupState();
+	if (!popup || popup.closed) return;
+	popup.close();
+}
+async function openDockPopup(context) {
+	setDocksOverflowPanel(null);
+	const currentPopup = popupWindow.value;
+	if (currentPopup?.closed) clearPopupState();
+	else if (currentPopup) {
+		currentPopup.focus();
+		return currentPopup;
+	}
+	const documentPictureInPicture = getDocumentPictureInPicture();
+	if (!documentPictureInPicture?.requestWindow) return null;
+	let openedPopup;
+	try {
+		const popup = openedPopup = await documentPictureInPicture.requestWindow({
+			width: Math.max(POPUP_MIN_WIDTH, Math.round(window.innerWidth * context.panel.store.width / 100)),
+			height: Math.max(POPUP_MIN_HEIGHT, Math.round(window.innerHeight * context.panel.store.height / 100))
+		});
+		await mountStandaloneApp(context, popup);
+		detachColorModeSync = setupPopupColorModeSync(popup);
+		const onResize = () => syncPanelSizeFromPopup(context, popup);
+		const onPageHide = () => {
+			if (popupWindow.value !== popup) return;
+			clearPopupState();
+		};
+		popup.addEventListener("resize", onResize);
+		popup.addEventListener("pagehide", onPageHide);
+		detachPopupListeners = () => {
+			popup.removeEventListener("resize", onResize);
+			popup.removeEventListener("pagehide", onPageHide);
+		};
+		popupWindow.value = popup;
+		isPopupOpen.value = true;
+		return popup;
+	} catch {
+		if (openedPopup && !openedPopup.closed) openedPopup.close();
+		clearPopupState();
+		return null;
+	}
+}
+//#endregion
+export { useDocksEntries as _, requestDockPopupOpen as a, BUILTIN_ENTRIES as b, setDockContextMenu as c, useDockContextMenu as d, useDocksOverflowPanel as f, sharedStateToRef as g, createDockEntryState as h, registerMainFrameDockActionHandler as i, setDocksOverflowPanel as l, DEFAULT_DOCK_PANEL_STORE as m, filterPopupDockEntry as n, triggerMainFrameDockAction as o, useFloatingTooltip as p, isDockPopupEntryVisible as r, useIsDockPopupOpen as s, closeDockPopup as t, setFloatingTooltip as u, docksGroupByCategories as v, BUILTIN_ENTRY_CLIENT_AUTH_NOTICE as x, docksSplitGroupsWithCapacity as y };

package/dist/utils--qjmgani.js

@@ -0,0 +1,6 @@
+//#region src/node/utils.ts
+function isObject(value) {
+	return Object.prototype.toString.call(value) === "[object Object]";
+}
+//#endregion
+export { isObject as t };