@vitejs/devtools 0.0.0-alpha.20 → 0.0.0-alpha.21

package/dist/{cli-commands-BBPbCd8A.js → cli-commands-CkG1gOFc.js}

@@ -1,13 +1,13 @@
-import { a as ansis_default, c as fromNodeMiddleware, d as createDevToolsContext, i as getPort, l as sendRedirect, n as createDevToolsMiddleware, o as createApp, r as MARK_NODE, s as eventHandler, t as DevTools, u as toNodeListener } from "./plugins-DfJlAQ2j.js";
+import { a as createApp, c as sendRedirect, d as ansis_default, i as getPort, l as toNodeListener, n as createDevToolsMiddleware, o as eventHandler, r as MARK_NODE, s as fromNodeMiddleware, t as DevTools, u as createDevToolsContext } from "./plugins-Chcj6ENu.js";
 import { t as dirClientStandalone } from "./dirs-C0s1Ghvy.js";
+import { resolveConfig } from "vite";
 import process from "node:process";
 import { existsSync } from "node:fs";
 import sirv from "sirv";
-import { resolveConfig } from "vite";
-import fs from "node:fs/promises";
+import { join, relative, resolve } from "pathe";
+import fs$1 from "node:fs/promises";
 import { createServer } from "node:http";
 import open from "open";
-import { join, relative, resolve } from "pathe";
 
 //#region src/node/standalone.ts
 async function startStandaloneDevTools(options = {}) {
@@ -49,6 +49,7 @@ async function start(options) {
 	const devtools = await startStandaloneDevTools({ cwd: options.root });
 	const { h3 } = await createDevToolsMiddleware({
 		cwd: devtools.config.root,
+		hostWebSocket: host,
 		context: devtools.context
 	});
 	const app = createApp();
@@ -72,21 +73,21 @@ async function build(options) {
 		config: options.config
 	});
 	const outDir = resolve(devtools.config.root, options.outDir);
-	if (existsSync(outDir)) await fs.rm(outDir, { recursive: true });
+	if (existsSync(outDir)) await fs$1.rm(outDir, { recursive: true });
 	const devToolsRoot = join(outDir, ".devtools");
-	await fs.mkdir(devToolsRoot, { recursive: true });
-	await fs.cp(dirClientStandalone, devToolsRoot, { recursive: true });
+	await fs$1.mkdir(devToolsRoot, { recursive: true });
+	await fs$1.cp(dirClientStandalone, devToolsRoot, { recursive: true });
 	for (const { baseUrl, distDir } of devtools.context.views.buildStaticDirs) {
 		console.log(ansis_default.cyan`${MARK_NODE} Copying static files from ${distDir} to ${join(outDir, baseUrl)}`);
-		await fs.mkdir(join(outDir, baseUrl), { recursive: true });
-		await fs.cp(distDir, join(outDir, baseUrl), { recursive: true });
+		await fs$1.mkdir(join(outDir, baseUrl), { recursive: true });
+		await fs$1.cp(distDir, join(outDir, baseUrl), { recursive: true });
 	}
-	await fs.mkdir(resolve(devToolsRoot, "api"), { recursive: true });
-	await fs.writeFile(resolve(devToolsRoot, ".vdt-connection.json"), JSON.stringify({ backend: "static" }, null, 2), "utf-8");
+	await fs$1.mkdir(resolve(devToolsRoot, "api"), { recursive: true });
+	await fs$1.writeFile(resolve(devToolsRoot, ".vdt-connection.json"), JSON.stringify({ backend: "static" }, null, 2), "utf-8");
 	console.log(ansis_default.cyan`${MARK_NODE} Writing RPC dump to ${resolve(devToolsRoot, ".vdt-rpc-dump.json")}`);
 	const dump = {};
 	for (const [key, value] of Object.entries(devtools.context.rpc.functions)) if (value.type === "static") dump[key] = await value.handler?.();
-	await fs.writeFile(resolve(devToolsRoot, ".vdt-rpc-dump.json"), JSON.stringify(dump, null, 2), "utf-8");
+	await fs$1.writeFile(resolve(devToolsRoot, ".vdt-rpc-dump.json"), JSON.stringify(dump, null, 2), "utf-8");
 	console.log(ansis_default.green`${MARK_NODE} Built to ${relative(devtools.config.root, outDir)}`);
 	throw new Error("[Vite DevTools] Build mode of Vite DevTools is not yet complete");
 }

package/dist/cli-commands.js

@@ -1,4 +1,4 @@
-import "./plugins-DfJlAQ2j.js";
-import { n as start, t as build } from "./cli-commands-BBPbCd8A.js";
+import "./plugins-Chcj6ENu.js";
+import { n as start, t as build } from "./cli-commands-CkG1gOFc.js";
 
 export { build, start };

package/dist/cli.js

@@ -1,5 +1,5 @@
-import "./plugins-DfJlAQ2j.js";
-import { n as start, t as build } from "./cli-commands-BBPbCd8A.js";
+import "./plugins-Chcj6ENu.js";
+import { n as start, t as build } from "./cli-commands-CkG1gOFc.js";
 import process from "node:process";
 import cac from "cac";
 

package/dist/client/inject.js

@@ -1,4 +1,4 @@
-import { A as watchEffect, F as ref, L as toRefs, N as markRaw, P as reactive, m as computed, n as createDockEntryState, o as useLocalStorage, r as useDocksEntries, t as DEFAULT_DOCK_PANEL_STORE } from "../docks-B3cDUs1u.js";
+import { F as markRaw, I as reactive, L as ref, M as watchEffect, c as useLocalStorage, g as computed, i as BUILTIN_ENTRIES, n as createDockEntryState, r as useDocksEntries, t as DEFAULT_DOCK_PANEL_STORE, z as toRefs } from "../docks-BuqYBItp.js";
 import { getDevToolsRpcClient } from "@vitejs/devtools-kit/client";
 
 //#region src/client/webcomponents/state/setup-script.ts
@@ -29,9 +29,9 @@ function executeSetupScript(entry, context) {
 let _docksContext;
 async function createDocksContext(clientType, rpc, panelStore) {
 	if (_docksContext) return _docksContext;
-	const selectedId = ref(null);
 	const dockEntries = await useDocksEntries(rpc);
-	const selected = computed(() => dockEntries.value.find((entry) => entry.id === selectedId.value) ?? null);
+	const selectedId = ref(null);
+	const selected = computed(() => dockEntries.value.find((entry) => entry.id === selectedId.value) ?? BUILTIN_ENTRIES.find((entry) => entry.id === selectedId.value) ?? null);
 	const dockEntryStateMap = reactive(/* @__PURE__ */ new Map());
 	watchEffect(() => {
 		for (const entry of dockEntries.value) {
@@ -43,6 +43,33 @@ async function createDocksContext(clientType, rpc, panelStore) {
 		}
 	});
 	panelStore ||= ref(DEFAULT_DOCK_PANEL_STORE());
+	const switchEntry = async (id = null) => {
+		if (id == null) {
+			selectedId.value = null;
+			return true;
+		}
+		if (id === "~client-auth-notice") {
+			selectedId.value = id;
+			panelStore.value.open = true;
+			return true;
+		}
+		const entry = dockEntries.value.find((e) => e.id === id);
+		if (!entry) return false;
+		if (entry.type === "action" || entry.type === "custom-render" || entry.type === "iframe" && entry.clientScript) {
+			const current = dockEntryStateMap.get(id);
+			await executeSetupScript(entry, reactive({
+				...toRefs(_docksContext),
+				current
+			}));
+		}
+		selectedId.value = entry.id;
+		panelStore.value.open = true;
+		return true;
+	};
+	const toggleEntry = async (id) => {
+		if (selectedId.value === id) return switchEntry(null);
+		return switchEntry(id);
+	};
 	_docksContext = reactive({
 		panel: {
 			store: panelStore,
@@ -56,24 +83,8 @@ async function createDocksContext(clientType, rpc, panelStore) {
 			entries: dockEntries,
 			entryToStateMap: markRaw(dockEntryStateMap),
 			getStateById: (id) => dockEntryStateMap.get(id),
-			switchEntry: async (id = null) => {
-				if (id == null) {
-					selectedId.value = null;
-					return true;
-				}
-				const entry = dockEntries.value.find((e) => e.id === id);
-				if (!entry) return false;
-				if (entry.type === "action" || entry.type === "custom-render" || entry.type === "iframe" && entry.clientScript) {
-					const current = dockEntryStateMap.get(id);
-					await executeSetupScript(entry, reactive({
-						...toRefs(_docksContext),
-						current
-					}));
-				}
-				selectedId.value = entry.id;
-				panelStore.value.open = true;
-				return true;
-			}
+			switchEntry,
+			toggleEntry
 		},
 		rpc,
 		clientType