@vitejs/devtools 0.1.4 → 0.1.8

package/dist/standalone-CAJbdnf4.js

@@ -0,0 +1,34 @@
+import { r as createDevToolsContext } from "./server-DhChc9gv.js";
+import { t as DevTools } from "./plugins-DfC1vp4w.js";
+import "./dist-DpLy3ojW.js";
+import process from "node:process";
+//#region src/node/standalone.ts
+async function startStandaloneDevTools(options = {}) {
+	const { cwd = process.cwd(), command = "build", mode = "production" } = options;
+	const { resolveConfig } = await import("vite");
+	const resolved = await resolveConfig({
+		configFile: options.config,
+		root: cwd,
+		plugins: [DevTools()]
+	}, command, mode);
+	dedupeVitePlugins(resolved.plugins, (plugin) => plugin.name?.startsWith("vite:devtools"));
+	return {
+		config: resolved,
+		context: await createDevToolsContext(resolved)
+	};
+}
+function dedupeVitePlugins(plugins, include) {
+	const toDelete = [];
+	const map = /* @__PURE__ */ new Map();
+	for (let i = 0; i < plugins.length; i++) {
+		const plugin = plugins[i];
+		if (!plugin || !include(plugin)) continue;
+		if (map.has(plugin.name)) toDelete.push(i);
+		else map.set(plugin.name, plugin);
+	}
+	toDelete.sort((a, b) => b - a);
+	for (const i of toDelete) plugins.splice(i, 1);
+	return plugins;
+}
+//#endregion
+export { startStandaloneDevTools };

package/dist/static-dump-Q0iG9hz3.js

@@ -0,0 +1,65 @@
+import { DEVTOOLS_RPC_DUMP_DIRNAME } from "@vitejs/devtools-kit/constants";
+import { dumpFunctions, getRpcHandler } from "@vitejs/devtools-rpc";
+//#region src/node/static-dump.ts
+function makeDumpKey(name) {
+	return encodeURIComponent(name.replaceAll(":", "~"));
+}
+function makeStaticPath(name) {
+	return `${DEVTOOLS_RPC_DUMP_DIRNAME}/${makeDumpKey(name)}.static.json`;
+}
+function makeQueryRecordPath(name, hash) {
+	return `${DEVTOOLS_RPC_DUMP_DIRNAME}/${makeDumpKey(name)}.record.${hash}.json`;
+}
+function makeQueryFallbackPath(name) {
+	return `${DEVTOOLS_RPC_DUMP_DIRNAME}/${makeDumpKey(name)}.fallback.json`;
+}
+async function resolveRecord(record) {
+	return typeof record === "function" ? await record() : record;
+}
+async function collectStaticRpcDump(definitions, context) {
+	const manifest = {};
+	const files = {};
+	for (const definition of definitions) {
+		const type = definition.type ?? "query";
+		if (type === "static") {
+			const handler = await getRpcHandler(definition, context);
+			const path = makeStaticPath(definition.name);
+			files[path] = { output: await Promise.resolve(handler()) };
+			manifest[definition.name] = {
+				type: "static",
+				path
+			};
+			continue;
+		}
+		if (type !== "query") continue;
+		const store = await dumpFunctions([definition], context);
+		if (!(definition.name in store.definitions)) continue;
+		const queryEntry = {
+			type: "query",
+			records: {}
+		};
+		const prefix = `${definition.name}---`;
+		for (const [recordKey, recordOrGetter] of Object.entries(store.records)) {
+			if (!recordKey.startsWith(prefix)) continue;
+			const key = recordKey.slice(prefix.length);
+			const record = await resolveRecord(recordOrGetter);
+			if (key === "fallback") {
+				const path = makeQueryFallbackPath(definition.name);
+				files[path] = record;
+				queryEntry.fallback = path;
+			} else {
+				const path = makeQueryRecordPath(definition.name, key);
+				files[path] = record;
+				queryEntry.records[key] = path;
+			}
+		}
+		if (!Object.keys(queryEntry.records).length && !queryEntry.fallback) continue;
+		manifest[definition.name] = queryEntry;
+	}
+	return {
+		manifest,
+		files
+	};
+}
+//#endregion
+export { collectStaticRpcDump };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vitejs/devtools",
   "type": "module",
-  "version": "0.1.4",
+  "version": "0.1.8",
   "description": "Vite DevTools",
   "author": "VoidZero Inc.",
   "license": "MIT",
@@ -44,9 +44,9 @@
   "dependencies": {
     "birpc": "^4.0.0",
     "cac": "^7.0.0",
-    "h3": "^1.15.9",
+    "h3": "^1.15.10",
     "immer": "^11.1.4",
-    "launch-editor": "^2.13.1",
+    "launch-editor": "^2.13.2",
     "mlly": "^1.8.2",
     "obug": "^2.1.1",
     "open": "^11.0.0",
@@ -54,10 +54,11 @@
     "perfect-debounce": "^2.1.0",
     "sirv": "^3.0.2",
     "tinyexec": "^1.0.4",
-    "ws": "^8.19.0",
-    "@vitejs/devtools-rpc": "0.1.4",
-    "@vitejs/devtools-kit": "0.1.4",
-    "@vitejs/devtools-rolldown": "0.1.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"
   },
   "devDependencies": {
     "@clack/prompts": "^1.1.0",
@@ -69,32 +70,25 @@
     "tsdown": "^0.21.4",
     "typescript": "^5.9.3",
     "unplugin-vue": "^7.1.1",
-    "unplugin-vue-router": "^0.19.2",
     "vite": "^8.0.1",
     "vue": "^3.5.30",
     "vue-router": "^5.0.4",
     "vue-tsc": "^3.2.6",
-    "@vitejs/devtools-rolldown": "0.1.4"
+    "@vitejs/devtools-rolldown": "0.1.8"
   },
   "inlinedDependencies": {
     "@clack/core": "1.1.0",
     "@clack/prompts": "1.1.0",
     "@json-render/core": "0.13.0",
     "@json-render/vue": "0.13.0",
-    "@vue/reactivity": "3.5.30",
-    "@vue/runtime-core": "3.5.30",
-    "@vue/runtime-dom": "3.5.30",
-    "@vue/shared": "3.5.30",
     "@vueuse/core": "14.2.1",
     "@vueuse/shared": "14.2.1",
     "@xterm/addon-fit": "0.11.0",
     "@xterm/xterm": "6.0.0",
     "ansis": "4.2.0",
-    "csstype": "3.2.3",
     "dompurify": "3.3.3",
     "get-port-please": "3.2.0",
     "sisteransi": "1.0.5",
-    "vue": "3.5.30",
     "zod": "4.3.6"
   },
   "scripts": {
@@ -104,6 +98,7 @@
     "watch": "tsdown --watch --config-loader=tsx",
     "dev:standalone": "cd src/client/standalone && vite dev",
     "play": "DEBUG='vite:devtools:*' pnpm -C playground run dev",
+    "play:debug": "pnpm -C playground run dev:debug",
     "play:standalone": "DEBUG='vite:devtools:*' pnpm -C playground run dev:standalone",
     "cli": "DEBUG='vite:devtools:*' tsx src/node/cli.ts",
     "play:build": "pnpm -C playground run build"

package/dist/cli-commands-D6M9N3th.js

@@ -1,180 +0,0 @@
-import { a as createDevToolsContext, i as getPort, n as renderDockImportsMap, o as ansis_default, r as createDevToolsMiddleware, t as DevTools } from "./plugins-BHefDofV.js";
-import { n as normalizeHttpServerUrl } from "./utils-DaaVwEUH.js";
-import { dirClientStandalone } from "./dirs.js";
-import { resolveConfig } from "vite";
-import { DEVTOOLS_CONNECTION_META_FILENAME, DEVTOOLS_DIRNAME, DEVTOOLS_DOCK_IMPORTS_FILENAME, DEVTOOLS_MOUNT_PATH, DEVTOOLS_RPC_DUMP_DIRNAME, DEVTOOLS_RPC_DUMP_MANIFEST_FILENAME } from "@vitejs/devtools-kit/constants";
-import { dirname, join, relative, resolve } from "pathe";
-import { existsSync } from "node:fs";
-import { dumpFunctions, getRpcHandler } from "@vitejs/devtools-rpc";
-import process from "node:process";
-import sirv from "sirv";
-import { createApp, eventHandler, fromNodeMiddleware, sendRedirect, toNodeListener } from "h3";
-import fs$1 from "node:fs/promises";
-import { createServer } from "node:http";
-import open from "open";
-//#region src/node/standalone.ts
-async function startStandaloneDevTools(options = {}) {
-	const { cwd = process.cwd(), command = "build", mode = "production" } = options;
-	const resolved = await resolveConfig({
-		configFile: options.config,
-		root: cwd,
-		plugins: [DevTools()]
-	}, command, mode);
-	dedupeVitePlugins(resolved.plugins, (plugin) => plugin.name?.startsWith("vite:devtools"));
-	return {
-		config: resolved,
-		context: await createDevToolsContext(resolved)
-	};
-}
-function dedupeVitePlugins(plugins, include) {
-	const toDelete = [];
-	const map = /* @__PURE__ */ new Map();
-	for (let i = 0; i < plugins.length; i++) {
-		const plugin = plugins[i];
-		if (!plugin || !include(plugin)) continue;
-		if (map.has(plugin.name)) toDelete.push(i);
-		else map.set(plugin.name, plugin);
-	}
-	toDelete.sort((a, b) => b - a);
-	for (const i of toDelete) plugins.splice(i, 1);
-	return plugins;
-}
-//#endregion
-//#region src/node/static-dump.ts
-function makeDumpKey(name) {
-	return encodeURIComponent(name.replaceAll(":", "~"));
-}
-function makeStaticPath(name) {
-	return `${DEVTOOLS_RPC_DUMP_DIRNAME}/${makeDumpKey(name)}.static.json`;
-}
-function makeQueryRecordPath(name, hash) {
-	return `${DEVTOOLS_RPC_DUMP_DIRNAME}/${makeDumpKey(name)}.record.${hash}.json`;
-}
-function makeQueryFallbackPath(name) {
-	return `${DEVTOOLS_RPC_DUMP_DIRNAME}/${makeDumpKey(name)}.fallback.json`;
-}
-async function resolveRecord(record) {
-	return typeof record === "function" ? await record() : record;
-}
-async function collectStaticRpcDump(definitions, context) {
-	const manifest = {};
-	const files = {};
-	for (const definition of definitions) {
-		const type = definition.type ?? "query";
-		if (type === "static") {
-			const handler = await getRpcHandler(definition, context);
-			const path = makeStaticPath(definition.name);
-			files[path] = { output: await Promise.resolve(handler()) };
-			manifest[definition.name] = {
-				type: "static",
-				path
-			};
-			continue;
-		}
-		if (type !== "query") continue;
-		const store = await dumpFunctions([definition], context);
-		if (!(definition.name in store.definitions)) continue;
-		const queryEntry = {
-			type: "query",
-			records: {}
-		};
-		const prefix = `${definition.name}---`;
-		for (const [recordKey, recordOrGetter] of Object.entries(store.records)) {
-			if (!recordKey.startsWith(prefix)) continue;
-			const key = recordKey.slice(prefix.length);
-			const record = await resolveRecord(recordOrGetter);
-			if (key === "fallback") {
-				const path = makeQueryFallbackPath(definition.name);
-				files[path] = record;
-				queryEntry.fallback = path;
-			} else {
-				const path = makeQueryRecordPath(definition.name, key);
-				files[path] = record;
-				queryEntry.records[key] = path;
-			}
-		}
-		if (!Object.keys(queryEntry.records).length && !queryEntry.fallback) continue;
-		manifest[definition.name] = queryEntry;
-	}
-	return {
-		manifest,
-		files
-	};
-}
-//#endregion
-//#region src/node/cli-commands.ts
-async function start(options) {
-	const { host } = options;
-	const port = await getPort({
-		host,
-		port: options.port == null ? void 0 : +options.port,
-		portRange: [9999, 15e3]
-	});
-	const devtools = await startStandaloneDevTools({ cwd: options.root });
-	const { h3 } = await createDevToolsMiddleware({
-		cwd: devtools.config.root,
-		hostWebSocket: host,
-		context: devtools.context
-	});
-	const app = createApp();
-	for (const { baseUrl, distDir } of devtools.context.views.buildStaticDirs) app.use(baseUrl, fromNodeMiddleware(sirv(distDir, {
-		dev: true,
-		single: true
-	})));
-	app.use(DEVTOOLS_MOUNT_PATH, h3.handler);
-	app.use("/", eventHandler(async (event) => {
-		if (event.node.req.url === "/") return sendRedirect(event, DEVTOOLS_MOUNT_PATH);
-	}));
-	createServer(toNodeListener(app)).listen(port, host, async () => {
-		const url = normalizeHttpServerUrl(host, port);
-		console.log(ansis_default.green`${"⬢"} Vite DevTools started at`, ansis_default.green(url), "\n");
-		if (options.open) await open(url);
-	});
-}
-async function build(options) {
-	console.log(ansis_default.cyan`${"⬢"} Building static Vite DevTools...`);
-	const devtools = await startStandaloneDevTools({
-		cwd: options.root,
-		config: options.config
-	});
-	const outDir = resolve(devtools.config.root, options.outDir);
-	if (existsSync(outDir)) await fs$1.rm(outDir, { recursive: true });
-	const devToolsRoot = join(outDir, DEVTOOLS_DIRNAME);
-	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`${"⬢"} Copying static files from ${distDir} to ${join(outDir, baseUrl)}`);
-		await fs$1.mkdir(join(outDir, baseUrl), { recursive: true });
-		await fs$1.cp(distDir, join(outDir, baseUrl), { recursive: true });
-	}
-	await fs$1.mkdir(resolve(devToolsRoot, DEVTOOLS_RPC_DUMP_DIRNAME), { recursive: true });
-	await fs$1.writeFile(resolve(devToolsRoot, DEVTOOLS_CONNECTION_META_FILENAME), JSON.stringify({ backend: "static" }, null, 2), "utf-8");
-	await fs$1.writeFile(resolve(devToolsRoot, DEVTOOLS_DOCK_IMPORTS_FILENAME), renderDockImportsMap(devtools.context.docks.values()), "utf-8");
-	console.log(ansis_default.cyan`${"⬢"} Writing RPC dump to ${resolve(devToolsRoot, DEVTOOLS_RPC_DUMP_MANIFEST_FILENAME)}`);
-	const dump = await collectStaticRpcDump(devtools.context.rpc.definitions.values(), devtools.context);
-	for (const [filepath, data] of Object.entries(dump.files)) {
-		const fullpath = resolve(devToolsRoot, filepath);
-		await fs$1.mkdir(dirname(fullpath), { recursive: true });
-		await fs$1.writeFile(fullpath, JSON.stringify(data, null, 2), "utf-8");
-	}
-	await fs$1.writeFile(resolve(devToolsRoot, DEVTOOLS_RPC_DUMP_MANIFEST_FILENAME), JSON.stringify(dump.manifest, null, 2), "utf-8");
-	await fs$1.writeFile(resolve(outDir, "index.html"), [
-		"<!doctype html>",
-		"<html lang=\"en\">",
-		"<head>",
-		"  <meta charset=\"UTF-8\">",
-		"  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
-		"  <title>Vite DevTools</title>",
-		`  <meta http-equiv="refresh" content="0; url=${DEVTOOLS_MOUNT_PATH}">`,
-		"</head>",
-		"<body>",
-		`  <script>location.replace(${JSON.stringify(DEVTOOLS_MOUNT_PATH)})<\/script>`,
-		"</body>",
-		"</html>"
-	].join("\n"), "utf-8");
-	console.log(ansis_default.green`${"⬢"} Built to ${relative(devtools.config.root, outDir)}`);
-	console.warn(ansis_default.yellow`${"⬢"} Static build is still experimental and not yet complete.`);
-	console.warn(ansis_default.yellow`${"⬢"} Generated output may be missing features and can change without notice.`);
-}
-//#endregion
-export { start as n, build as t };