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

package/dist/{server-B_q0HJ88.js → plugins-DfJlAQ2j.js}

@@ -1,9 +1,15 @@
-import { dirClientStandalone } from "./dirs-B7dOX6eI.js";
-import { existsSync } from "node:fs";
+import { n as dirDist, t as dirClientStandalone } from "./dirs-C0s1Ghvy.js";
 import Debug from "debug";
+import { debounce } from "perfect-debounce";
+import { toDataURL } from "mlly";
+import { createEventEmitter } from "@vitejs/devtools-kit/utils/events";
+import { RpcFunctionsCollectorBase } from "birpc-x";
+import process$1 from "node:process";
+import { existsSync } from "node:fs";
 import sirv from "sirv";
-import { defineRpcFunction, getRpcHandler } from "@vitejs/devtools-kit";
+import { defineRpcFunction } from "@vitejs/devtools-kit";
 import { join } from "node:path";
+import { normalizePath } from "vite";
 import { createRpcServer } from "@vitejs/devtools-rpc";
 import { createWsRpcPreset } from "@vitejs/devtools-rpc/presets/ws/server";
 import { createServer } from "node:net";
@@ -17,16 +23,18 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __commonJS = (cb, mod) => function() {
-	return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
-};
+var __commonJSMin = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
 var __copyProps = (to, from, except, desc) => {
-	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i$1 = 0, n$1 = keys.length, key; i$1 < n$1; i$1++) {
-		key = keys[i$1];
-		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-			get: ((k) => from[k]).bind(null, key),
-			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-		});
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+			key = keys[i];
+			if (!__hasOwnProp.call(to, key) && key !== except) {
+				__defProp(to, key, {
+					get: ((k) => from[k]).bind(null, key),
+					enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+				});
+			}
+		}
 	}
 	return to;
 };
@@ -35,69 +43,253 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 	enumerable: true
 }) : target, mod));
 
+//#endregion
+//#region src/node/context-utils.ts
+const ContextUtils = { createSimpleClientScript(fn) {
+	return {
+		importFrom: toDataURL(`const fn = ${fn.toString()}; export default fn`),
+		importName: "default"
+	};
+} };
+
 //#endregion
 //#region src/node/host-docks.ts
 var DevToolsDockHost = class {
 	views = /* @__PURE__ */ new Map();
-	constructor() {}
+	events = createEventEmitter();
+	constructor(context) {
+		this.context = context;
+	}
 	values() {
 		return Array.from(this.views.values());
 	}
-	register(view) {
+	register(view, force) {
+		if (this.views.has(view.id) && !force) throw new Error(`Dock with id "${view.id}" is already registered`);
+		this.views.set(view.id, view);
+		this.events.emit("dock:entry:updated", view);
+		return { update: (patch) => {
+			if (patch.id && patch.id !== view.id) throw new Error(`Cannot change the id of a dock. Use register() to add new docks.`);
+			this.update(Object.assign(this.views.get(view.id), patch));
+		} };
+	}
+	update(view) {
+		if (!this.views.has(view.id)) throw new Error(`Dock with id "${view.id}" is not registered. Use register() to add new docks.`);
 		this.views.set(view.id, view);
+		this.events.emit("dock:entry:updated", view);
 	}
 };
 
 //#endregion
 //#region src/node/host-functions.ts
-var RpcFunctionsHost = class {
-	definitions = /* @__PURE__ */ new Map();
-	functions;
-	context = void 0;
-	constructor() {
-		const definitions = this.definitions;
-		const self = this;
-		this.functions = new Proxy({}, {
-			get(_, prop) {
-				const definition = definitions.get(prop);
-				if (!definition) return void 0;
-				return getRpcHandler(definition, self.context);
-			},
-			has(_, prop) {
-				return definitions.has(prop);
-			},
-			getOwnPropertyDescriptor(_, prop) {
-				return {
-					value: definitions.get(prop)?.handler,
-					configurable: true,
-					enumerable: true
-				};
+var RpcFunctionsHost = class extends RpcFunctionsCollectorBase {
+	/**
+	* @internal
+	*/
+	rpcGroup = void 0;
+	constructor(context) {
+		super(context);
+	}
+	boardcast(name, ...args) {
+		if (!this.rpcGroup) throw new Error("RpcFunctionsHost.rpcGroup is not set, it likely to be an internal bug of Vite DevTools");
+		return this.rpcGroup.broadcast.$callOptional(name, ...args);
+	}
+};
+
+//#endregion
+//#region src/node/host-terminals.ts
+var DevToolsTerminalHost = class {
+	sessions = /* @__PURE__ */ new Map();
+	events = createEventEmitter();
+	_boundStreams = /* @__PURE__ */ new Map();
+	constructor(context) {
+		this.context = context;
+	}
+	register(session) {
+		if (this.sessions.has(session.id)) throw new Error(`Terminal session with id "${session.id}" already registered`);
+		this.sessions.set(session.id, session);
+		this.bindStream(session);
+		this.events.emit("terminal:session:updated", session);
+		return session;
+	}
+	update(patch) {
+		if (!this.sessions.has(patch.id)) throw new Error(`Terminal session with id "${patch.id}" not registered`);
+		const session = this.sessions.get(patch.id);
+		Object.assign(session, patch);
+		this.sessions.set(patch.id, session);
+		this.bindStream(session);
+		this.events.emit("terminal:session:updated", session);
+	}
+	remove(session) {
+		this.sessions.delete(session.id);
+		this.events.emit("terminal:session:updated", session);
+		this._boundStreams.delete(session.id);
+	}
+	bindStream(session) {
+		if (this._boundStreams.has(session.id) && this._boundStreams.get(session.id)?.stream === session.stream) return;
+		this._boundStreams.get(session.id)?.dispose();
+		this._boundStreams.delete(session.id);
+		if (!session.stream) return;
+		session.buffer ||= [];
+		const events = this.events;
+		const writer = new WritableStream({ write(chunk) {
+			session.buffer.push(chunk);
+			events.emit("terminal:session:stream-chunk", {
+				id: session.id,
+				chunks: [chunk],
+				ts: Date.now()
+			});
+		} });
+		session.stream.pipeTo(writer);
+		this._boundStreams.set(session.id, {
+			dispose: () => {
+				writer.close();
 			},
-			ownKeys() {
-				return Array.from(definitions.keys());
-			}
+			stream: session.stream
 		});
 	}
-	register(fn) {
-		this.definitions.set(fn.name, fn);
+	async startChildProcess(executeOptions, terminal) {
+		if (this.sessions.has(terminal.id)) throw new Error(`Terminal session with id "${terminal.id}" already registered`);
+		const { exec } = await import("tinyexec");
+		let controller;
+		const stream = new ReadableStream({ start(_controller) {
+			controller = _controller;
+		} });
+		function createChildProcess() {
+			const cp$1 = exec(executeOptions.command, executeOptions.args || [], { nodeOptions: {
+				env: {
+					COLORS: "true",
+					FORCE_COLOR: "true",
+					...executeOptions.env || {}
+				},
+				cwd: executeOptions.cwd ?? process$1.cwd(),
+				stdio: "pipe"
+			} });
+			(async () => {
+				for await (const chunk of cp$1) controller?.enqueue(chunk);
+			})();
+			return cp$1;
+		}
+		let cp = createChildProcess();
+		const restart = async () => {
+			cp?.kill();
+			cp = createChildProcess();
+		};
+		const terminate = async () => {
+			cp?.kill();
+			cp = void 0;
+		};
+		const session = {
+			...terminal,
+			status: "running",
+			stream,
+			type: "child-process",
+			executeOptions,
+			getChildProcess: () => cp?.process,
+			terminate,
+			restart
+		};
+		this.register(session);
+		return Promise.resolve(session);
 	}
 };
 
 //#endregion
-//#region src/node/rpc/list-dock-entries.ts
-const listDockEntries = defineRpcFunction({
-	name: "vite:core:list-dock-entries",
-	type: "query",
+//#region src/node/host-views.ts
+var DevToolsViewHost = class {
+	/**
+	* @internal
+	*/
+	buildStaticDirs = [];
+	constructor(context) {
+		this.context = context;
+	}
+	hostStatic(baseUrl, distDir) {
+		if (!existsSync(distDir)) throw new Error(`[Vite DevTools] distDir ${distDir} does not exist`);
+		this.buildStaticDirs.push({
+			baseUrl,
+			distDir
+		});
+		if (this.context.viteConfig.command === "serve") {
+			if (!this.context.viteServer) throw new Error("[Vite DevTools] viteServer is required in dev mode");
+			this.context.viteServer.middlewares.use(baseUrl, sirv(distDir, {
+				dev: true,
+				single: true
+			}));
+		}
+	}
+};
+
+//#endregion
+//#region src/node/rpc/internal/docks-list.ts
+const docksList = defineRpcFunction({
+	name: "vite:internal:docks:list",
+	type: "static",
 	setup: (context) => {
-		return { handler: () => Array.from(context.docks.values()) };
+		const builtinDocksEntries = [{
+			type: "~builtin",
+			id: "~terminals",
+			title: "Terminals",
+			icon: "ph:terminal-duotone",
+			get isHidden() {
+				return context.terminals.sessions.size === 0;
+			}
+		}];
+		return { handler: () => [...Array.from(context.docks.values()), ...builtinDocksEntries] };
 	}
 });
 
 //#endregion
-//#region src/node/rpc/list-rpc-functions.ts
-const listRpcFunctions = defineRpcFunction({
-	name: "vite:core:list-rpc-functions",
+//#region src/node/rpc/internal/docks-on-launch.ts
+const docksOnLaunch = defineRpcFunction({
+	name: "vite:internal:docks:on-launch",
 	type: "action",
+	setup: (context) => {
+		const launchMap = /* @__PURE__ */ new Map();
+		return { handler: async (entryId) => {
+			if (launchMap.has(entryId)) return launchMap.get(entryId);
+			const entry = context.docks.values().find((entry$1) => entry$1.id === entryId);
+			if (!entry) throw new Error(`Dock entry with id "${entryId}" not found`);
+			if (entry.type !== "launcher") throw new Error(`Dock entry with id "${entryId}" is not a launcher`);
+			try {
+				context.docks.update({
+					...entry,
+					launcher: {
+						...entry.launcher,
+						status: "loading"
+					}
+				});
+				const promise = entry.launcher.onLaunch();
+				launchMap.set(entryId, promise);
+				const result = await promise;
+				const newEntry = context.docks.values().find((entry$1) => entry$1.id === entryId) || entry;
+				if (newEntry.type === "launcher") context.docks.update({
+					...newEntry,
+					launcher: {
+						...newEntry.launcher,
+						status: "success"
+					}
+				});
+				return result;
+			} catch (error) {
+				console.error(`[VITE DEVTOOLS] Error launching dock entry "${entryId}"`, error);
+				context.docks.update({
+					...entry,
+					launcher: {
+						...entry.launcher,
+						status: "error",
+						error: error instanceof Error ? error.message : String(error)
+					}
+				});
+			}
+		} };
+	}
+});
+
+//#endregion
+//#region src/node/rpc/internal/rpc-server-list.ts
+const rpcServerList = defineRpcFunction({
+	name: "vite:internal:rpc:server:list",
+	type: "static",
 	setup: (context) => {
 		return { async handler() {
 			return Object.fromEntries(Array.from(context.rpc.definitions.entries()).map(([name, fn]) => [name, { type: fn.type }]));
@@ -106,70 +298,111 @@ const listRpcFunctions = defineRpcFunction({
 });
 
 //#endregion
-//#region src/node/rpc/open-in-editor.ts
+//#region src/node/rpc/internal/terminals-list.ts
+const terminalsList = defineRpcFunction({
+	name: "vite:internal:terminals:list",
+	type: "static",
+	setup: (context) => {
+		return { async handler() {
+			return Array.from(context.terminals.sessions.values()).map((i) => {
+				return {
+					id: i.id,
+					title: i.title,
+					description: i.description,
+					status: i.status
+				};
+			});
+		} };
+	}
+});
+
+//#endregion
+//#region src/node/rpc/internal/terminals-read.ts
+const terminalsRead = defineRpcFunction({
+	name: "vite:internal:terminals:read",
+	type: "query",
+	setup: (context) => {
+		return { async handler(id) {
+			const seesion = context.terminals.sessions.get(id);
+			if (!seesion) throw new Error(`Terminal session with id "${id}" not found`);
+			return {
+				buffer: seesion.buffer ?? [],
+				ts: Date.now()
+			};
+		} };
+	}
+});
+
+//#endregion
+//#region src/node/rpc/public/open-in-editor.ts
 const openInEditor = defineRpcFunction({
 	name: "vite:core:open-in-editor",
 	type: "action",
 	setup: () => {
 		return { handler: async (path) => {
-			await import("launch-editor").then((r$2) => r$2.default(path));
+			await import("launch-editor").then((r$1) => r$1.default(path));
 		} };
 	}
 });
 
 //#endregion
-//#region src/node/rpc/open-in-finder.ts
+//#region src/node/rpc/public/open-in-finder.ts
 const openInFinder = defineRpcFunction({
 	name: "vite:core:open-in-finder",
 	type: "action",
 	setup: () => {
 		return { handler: async (path) => {
-			await import("open").then((r$2) => r$2.default(path));
+			await import("open").then((r$1) => r$1.default(path));
 		} };
 	}
 });
 
 //#endregion
 //#region src/node/rpc/index.ts
-const builtinRpcFunctions = [
-	listRpcFunctions,
-	listDockEntries,
-	openInEditor,
-	openInFinder
+const builtinPublicRpcDecalrations = [openInEditor, openInFinder];
+const builtinInternalRpcDecalrations = [
+	docksList,
+	docksOnLaunch,
+	rpcServerList,
+	terminalsList,
+	terminalsRead
 ];
+const builtinRpcDecalrations = [...builtinPublicRpcDecalrations, ...builtinInternalRpcDecalrations];
 
 //#endregion
 //#region src/node/context.ts
 const debug = Debug("vite:devtools:context");
 async function createDevToolsContext(viteConfig, viteServer) {
-	const cwd = viteConfig.root;
-	const rpcHost = new RpcFunctionsHost();
-	const docksHost = new DevToolsDockHost();
 	const context = {
-		cwd,
+		cwd: viteConfig.root,
 		viteConfig,
 		viteServer,
 		mode: viteConfig.command === "serve" ? "dev" : "build",
-		rpc: rpcHost,
-		docks: docksHost,
-		hostStatic,
-		staticDirs: []
+		rpc: void 0,
+		docks: void 0,
+		views: void 0,
+		utils: ContextUtils,
+		terminals: void 0
 	};
-	rpcHost.context = context;
-	function hostStatic(baseUrl, distDir) {
-		if (!existsSync(distDir)) throw new Error(`[Vite DevTools] distDir ${distDir} does not exist`);
-		if (viteConfig.command === "serve") {
-			if (!viteServer) throw new Error("[Vite DevTools] viteServer is required in dev mode");
-			viteServer.middlewares.use(baseUrl, sirv(distDir, {
-				dev: true,
-				single: true
-			}));
-		} else context.staticDirs.push({
-			baseUrl,
-			distDir
-		});
-	}
-	for (const fn of builtinRpcFunctions) rpcHost.register(fn);
+	const rpcHost = new RpcFunctionsHost(context);
+	const docksHost = new DevToolsDockHost(context);
+	const viewsHost = new DevToolsViewHost(context);
+	const terminalsHost = new DevToolsTerminalHost(context);
+	context.rpc = rpcHost;
+	context.docks = docksHost;
+	context.views = viewsHost;
+	context.terminals = terminalsHost;
+	for (const fn of builtinRpcDecalrations) rpcHost.register(fn);
+	docksHost.events.on("dock:entry:updated", debounce(() => {
+		rpcHost.boardcast("vite:internal:docks:updated");
+	}, 10));
+	terminalsHost.events.on("terminal:session:updated", debounce(() => {
+		rpcHost.boardcast("vite:internal:terminals:updated");
+		rpcHost.boardcast("vite:internal:docks:updated");
+	}, 10));
+	terminalsHost.events.on("terminal:session:stream-chunk", (data) => {
+		rpcHost.boardcast("vite:internal:terminals:stream-chunk", data);
+	});
 	const plugins = viteConfig.plugins.filter((plugin) => "devtools" in plugin);
 	for (const plugin of plugins) {
 		if (!plugin.devtools?.setup) continue;
@@ -184,9 +417,28 @@ async function createDevToolsContext(viteConfig, viteServer) {
 	return context;
 }
 
+//#endregion
+//#region src/node/plugins/injection.ts
+function DevToolsInjection() {
+	return {
+		name: "vite:devtools:injection",
+		enforce: "post",
+		transformIndexHtml() {
+			return [{
+				tag: "script",
+				attrs: {
+					src: `/@fs/${process$1.env.VITE_DEVTOOLS_LOCAL_DEV ? normalizePath(join(dirDist, "..", "src/client/inject/index.ts")) : normalizePath(join(dirDist, "client/inject.js"))}`,
+					type: "module"
+				},
+				injectTo: "body"
+			}];
+		}
+	};
+}
+
 //#endregion
 //#region ../../node_modules/.pnpm/ufo@1.6.1/node_modules/ufo/dist/index.mjs
-const r$1 = String.fromCharCode;
+const r = String.fromCharCode;
 const PROTOCOL_STRICT_REGEX = /^[\s\w\0+.-]{2,}:([/\\]{1,2})/;
 const PROTOCOL_REGEX = /^[\s\w\0+.-]{2,}:([/\\]{2})?/;
 const PROTOCOL_RELATIVE_REGEX = /^([/\\]\s*){2,}[^/\\]/;
@@ -211,8 +463,8 @@ function withoutTrailingSlash(input = "", respectQueryAndFragment) {
 		path = input.slice(0, fragmentIndex);
 		fragment = input.slice(fragmentIndex);
 	}
-	const [s0, ...s$1] = path.split("?");
-	return ((s0.endsWith("/") ? s0.slice(0, -1) : s0) || "/") + (s$1.length > 0 ? `?${s$1.join("?")}` : "") + fragment;
+	const [s0, ...s] = path.split("?");
+	return ((s0.endsWith("/") ? s0.slice(0, -1) : s0) || "/") + (s.length > 0 ? `?${s.join("?")}` : "") + fragment;
 }
 function withTrailingSlash(input = "", respectQueryAndFragment) {
 	if (!respectQueryAndFragment) return input.endsWith("/") ? input : input + "/";
@@ -225,8 +477,8 @@ function withTrailingSlash(input = "", respectQueryAndFragment) {
 		fragment = input.slice(fragmentIndex);
 		if (!path) return fragment;
 	}
-	const [s0, ...s$1] = path.split("?");
-	return s0 + "/" + (s$1.length > 0 ? `?${s$1.join("?")}` : "") + fragment;
+	const [s0, ...s] = path.split("?");
+	return s0 + "/" + (s.length > 0 ? `?${s.join("?")}` : "") + fragment;
 }
 function isNonEmptyURL(url) {
 	return url && url !== "/";
@@ -303,7 +555,7 @@ function _defu(baseObject, defaults, namespace = ".", merger) {
 	return object;
 }
 function createDefu(merger) {
-	return (...arguments_) => arguments_.reduce((p$1, c$1) => _defu(p$1, c$1, "", merger), {});
+	return (...arguments_) => arguments_.reduce((p, c) => _defu(p, c, "", merger), {});
 }
 const defu = createDefu();
 const defuFn = createDefu((object, key, currentValue) => {
@@ -385,10 +637,9 @@ function sendError(event, error, debug$1) {
 		stack: [],
 		data: h3Error.data
 	};
-	if (debug$1) responseBody.stack = (h3Error.stack || "").split("\n").map((l$1) => l$1.trim());
+	if (debug$1) responseBody.stack = (h3Error.stack || "").split("\n").map((l) => l.trim());
 	if (event.handled) return;
-	const _code = Number.parseInt(h3Error.statusCode);
-	setResponseStatus(event, _code, h3Error.statusMessage);
+	setResponseStatus(event, Number.parseInt(h3Error.statusCode), h3Error.statusMessage);
 	event.node.res.setHeader("content-type", MIMES.json);
 	event.node.res.end(JSON.stringify(responseBody, void 0, 2));
 }
@@ -412,7 +663,7 @@ function sanitizeStatusCode(statusCode, defaultStatusCode = 200) {
 	return statusCode;
 }
 function splitCookiesString(cookiesString) {
-	if (Array.isArray(cookiesString)) return cookiesString.flatMap((c$1) => splitCookiesString(c$1));
+	if (Array.isArray(cookiesString)) return cookiesString.flatMap((c) => splitCookiesString(c));
 	if (typeof cookiesString !== "string") return [];
 	const cookiesStrings = [];
 	let pos = 0;
@@ -480,8 +731,7 @@ function defaultContentType(event, type) {
 function sendRedirect(event, location, code = 302) {
 	event.node.res.statusCode = sanitizeStatusCode(code, event.node.res.statusCode);
 	event.node.res.setHeader("location", location);
-	const html = `<!DOCTYPE html><html><head><meta http-equiv="refresh" content="0; url=${location.replace(/"/g, "%22")}"></head></html>`;
-	return send(event, html, MIMES.html);
+	return send(event, `<!DOCTYPE html><html><head><meta http-equiv="refresh" content="0; url=${location.replace(/"/g, "%22")}"></head></html>`, MIMES.html);
 }
 function isStream(data) {
 	if (!data || typeof data !== "object") return false;
@@ -536,7 +786,6 @@ function sendWebResponse(event, response) {
 	}
 	return sendStream(event, response.body);
 }
-const getSessionPromise = Symbol("getSession");
 var H3Event = class {
 	"__is_event__" = true;
 	node;
@@ -640,17 +889,17 @@ function defineLazyEventHandler(factory) {
 	let _resolved;
 	const resolveHandler = () => {
 		if (_resolved) return Promise.resolve(_resolved);
-		if (!_promise) _promise = Promise.resolve(factory()).then((r$2) => {
-			const handler2 = r$2.default || r$2;
+		if (!_promise) _promise = Promise.resolve(factory()).then((r$1) => {
+			const handler2 = r$1.default || r$1;
 			if (typeof handler2 !== "function") throw new TypeError("Invalid lazy handler result. It should be a function:", handler2);
-			_resolved = { handler: toEventHandler(r$2.default || r$2) };
+			_resolved = { handler: toEventHandler(r$1.default || r$1) };
 			return _resolved;
 		});
 		return _promise;
 	};
 	const handler = eventHandler((event) => {
 		if (_resolved) return _resolved.handler(event);
-		return resolveHandler().then((r$2) => r$2.handler(event));
+		return resolveHandler().then((r$1) => r$1.handler(event));
 	});
 	handler.__resolve__ = resolveHandler;
 	return handler;
@@ -677,8 +926,8 @@ function createApp(options = {}) {
 	return app;
 }
 function use(app, arg1, arg2, arg3) {
-	if (Array.isArray(arg1)) for (const i$1 of arg1) use(app, i$1, arg2, arg3);
-	else if (Array.isArray(arg2)) for (const i$1 of arg2) use(app, arg1, i$1, arg3);
+	if (Array.isArray(arg1)) for (const i of arg1) use(app, i, arg2, arg3);
+	else if (Array.isArray(arg2)) for (const i of arg2) use(app, arg1, i, arg3);
 	else if (typeof arg1 === "string") app.stack.push(normalizeLayer({
 		...arg3,
 		route: arg1,
@@ -863,85 +1112,85 @@ function callNodeListener(handler, req, res) {
 
 //#endregion
 //#region ../../node_modules/.pnpm/ansis@4.2.0/node_modules/ansis/index.cjs
-var require_ansis = /* @__PURE__ */ __commonJS({ "../../node_modules/.pnpm/ansis@4.2.0/node_modules/ansis/index.cjs": ((exports, module) => {
-	let e, t, r, { defineProperty: l, setPrototypeOf: n, create: o, keys: s } = Object, i = "", { round: c, max: a$1 } = Math, p = (e$1) => {
-		let t$1 = /([a-f\d]{3,6})/i.exec(e$1)?.[1], r$2 = t$1?.length, l$1 = parseInt(6 ^ r$2 ? 3 ^ r$2 ? "0" : t$1[0] + t$1[0] + t$1[1] + t$1[1] + t$1[2] + t$1[2] : t$1, 16);
+var require_ansis = /* @__PURE__ */ __commonJSMin(((exports, module) => {
+	let e, t, r, { defineProperty: l, setPrototypeOf: n, create: o, keys: s } = Object, i = "", { round: c, max: a } = Math, p = (e) => {
+		let t = /([a-f\d]{3,6})/i.exec(e)?.[1], r$1 = t?.length, l = parseInt(6 ^ r$1 ? 3 ^ r$1 ? "0" : t[0] + t[0] + t[1] + t[1] + t[2] + t[2] : t, 16);
 		return [
-			l$1 >> 16 & 255,
-			l$1 >> 8 & 255,
-			255 & l$1
+			l >> 16 & 255,
+			l >> 8 & 255,
+			255 & l
 		];
-	}, u = (e$1, t$1, r$2) => e$1 ^ t$1 || t$1 ^ r$2 ? 16 + 36 * c(e$1 / 51) + 6 * c(t$1 / 51) + c(r$2 / 51) : 8 > e$1 ? 16 : e$1 > 248 ? 231 : c(24 * (e$1 - 8) / 247) + 232, d = (e$1) => {
-		let t$1, r$2, l$1, n$1, o$1;
-		return 8 > e$1 ? 30 + e$1 : 16 > e$1 ? e$1 - 8 + 90 : (232 > e$1 ? (o$1 = (e$1 -= 16) % 36, t$1 = (e$1 / 36 | 0) / 5, r$2 = (o$1 / 6 | 0) / 5, l$1 = o$1 % 6 / 5) : t$1 = r$2 = l$1 = (10 * (e$1 - 232) + 8) / 255, n$1 = 2 * a$1(t$1, r$2, l$1), n$1 ? 30 + (c(l$1) << 2 | c(r$2) << 1 | c(t$1)) + (2 ^ n$1 ? 0 : 60) : 30);
+	}, u = (e, t, r$1) => e ^ t || t ^ r$1 ? 16 + 36 * c(e / 51) + 6 * c(t / 51) + c(r$1 / 51) : 8 > e ? 16 : e > 248 ? 231 : c(24 * (e - 8) / 247) + 232, d = (e) => {
+		let t, r$1, l, n, o;
+		return 8 > e ? 30 + e : 16 > e ? e - 8 + 90 : (232 > e ? (o = (e -= 16) % 36, t = (e / 36 | 0) / 5, r$1 = (o / 6 | 0) / 5, l = o % 6 / 5) : t = r$1 = l = (10 * (e - 232) + 8) / 255, n = 2 * a(t, r$1, l), n ? 30 + (c(l) << 2 | c(r$1) << 1 | c(t)) + (2 ^ n ? 0 : 60) : 30);
 	}, f = (() => {
-		let r$2 = (e$1) => o$1.some(((t$1) => e$1.test(t$1))), l$1 = globalThis, n$1 = l$1.process ?? {}, o$1 = n$1.argv ?? [], i$1 = n$1.env ?? {}, c$1 = -1;
+		let r$1 = (e) => o.some(((t) => e.test(t))), l = globalThis, n = l.process ?? {}, o = n.argv ?? [], i = n.env ?? {}, c = -1;
 		try {
-			e = "," + s(i$1).join(",");
-		} catch (e$1) {
-			i$1 = {}, c$1 = 0;
+			e = "," + s(i).join(",");
+		} catch (e) {
+			i = {}, c = 0;
 		}
-		let a$2 = "FORCE_COLOR", p$1 = {
+		let a$1 = "FORCE_COLOR", p = {
 			false: 0,
 			0: 0,
 			1: 1,
 			2: 2,
 			3: 3
-		}[i$1[a$2]] ?? -1, u$1 = a$2 in i$1 && p$1 || r$2(/^--color=?(true|always)?$/);
-		return u$1 && (c$1 = p$1), ~c$1 || (c$1 = ((r$3, l$2, n$2) => (t = r$3.TERM, {
+		}[i[a$1]] ?? -1, u = a$1 in i && p || r$1(/^--color=?(true|always)?$/);
+		return u && (c = p), ~c || (c = ((r$2, l$1, n$1) => (t = r$2.TERM, {
 			"24bit": 3,
 			truecolor: 3,
 			ansi256: 2,
 			ansi: 1
-		}[r$3.COLORTERM] || (r$3.CI ? /,GITHUB/.test(e) ? 3 : 1 : l$2 && "dumb" !== t ? n$2 ? 3 : /-256/.test(t) ? 2 : 1 : 0)))(i$1, !!i$1.PM2_HOME || i$1.NEXT_RUNTIME?.includes("edge") || !!n$1.stdout?.isTTY, "win32" === n$1.platform)), !p$1 || i$1.NO_COLOR || r$2(/^--(no-color|color=(false|never))$/) ? 0 : l$1.window?.chrome || u$1 && !c$1 ? 3 : c$1;
+		}[r$2.COLORTERM] || (r$2.CI ? /,GITHUB/.test(e) ? 3 : 1 : l$1 && "dumb" !== t ? n$1 ? 3 : /-256/.test(t) ? 2 : 1 : 0)))(i, !!i.PM2_HOME || i.NEXT_RUNTIME?.includes("edge") || !!n.stdout?.isTTY, "win32" === n.platform)), !p || i.NO_COLOR || r$1(/^--(no-color|color=(false|never))$/) ? 0 : l.window?.chrome || u && !c ? 3 : c;
 	})(), g = {
 		open: i,
 		close: i
-	}, h = 39, b = 49, O = {}, m = ({ p: e$1 }, { open: t$1, close: l$1 }) => {
-		let o$1 = (e$2, ...r$2) => {
-			if (!e$2) {
-				if (t$1 && t$1 === l$1) return t$1;
-				if ((e$2 ?? i) === i) return i;
+	}, h = 39, b = 49, O = {}, m = ({ p: e }, { open: t, close: l }) => {
+		let o = (e$1, ...r$1) => {
+			if (!e$1) {
+				if (t && t === l) return t;
+				if ((e$1 ?? i) === i) return i;
 			}
-			let n$1, s$2 = e$2.raw ? String.raw({ raw: e$2 }, ...r$2) : i + e$2, c$2 = o$1.p, a$2 = c$2.o, p$1 = c$2.c;
-			if (s$2.includes("\x1B")) for (; c$2; c$2 = c$2.p) {
-				let { open: e$3, close: t$2 } = c$2, r$3 = t$2.length, l$2 = i, o$2 = 0;
-				if (r$3) for (; ~(n$1 = s$2.indexOf(t$2, o$2)); o$2 = n$1 + r$3) l$2 += s$2.slice(o$2, n$1) + e$3;
-				s$2 = l$2 + s$2.slice(o$2);
+			let n, s$1 = e$1.raw ? String.raw({ raw: e$1 }, ...r$1) : i + e$1, c$1 = o.p, a$1 = c$1.o, p = c$1.c;
+			if (s$1.includes("\x1B")) for (; c$1; c$1 = c$1.p) {
+				let { open: e$2, close: t$1 } = c$1, r$2 = t$1.length, l$1 = i, o$1 = 0;
+				if (r$2) for (; ~(n = s$1.indexOf(t$1, o$1)); o$1 = n + r$2) l$1 += s$1.slice(o$1, n) + e$2;
+				s$1 = l$1 + s$1.slice(o$1);
 			}
-			return a$2 + (s$2.includes("\n") ? s$2.replace(/(\r?\n)/g, p$1 + "$1" + a$2) : s$2) + p$1;
-		}, s$1 = t$1, c$1 = l$1;
-		return e$1 && (s$1 = e$1.o + t$1, c$1 = l$1 + e$1.c), n(o$1, r), o$1.p = {
-			open: t$1,
-			close: l$1,
-			o: s$1,
-			c: c$1,
-			p: e$1
-		}, o$1.open = s$1, o$1.close = c$1, o$1;
+			return a$1 + (s$1.includes("\n") ? s$1.replace(/(\r?\n)/g, p + "$1" + a$1) : s$1) + p;
+		}, s = t, c = l;
+		return e && (s = e.o + t, c = l + e.c), n(o, r), o.p = {
+			open: t,
+			close: l,
+			o: s,
+			c,
+			p: e
+		}, o.open = s, o.close = c, o;
 	};
-	const w = new function e$1(t$1 = f) {
-		let s$1 = {
-			Ansis: e$1,
-			level: t$1,
-			isSupported: () => a$2,
-			strip: (e$2) => e$2.replace(/[›][[()#;?]*(?:[0-9]{1,4}(?:;[0-9]{0,4})*)?[0-9A-ORZcf-nqry=><]/g, i),
-			extend(e$2) {
-				for (let t$2 in e$2) {
-					let r$2 = e$2[t$2], l$1 = (typeof r$2)[0];
-					"s" === l$1 ? (c$1(t$2, T(...p(r$2))), c$1(_(t$2), v(...p(r$2)))) : c$1(t$2, r$2, "f" === l$1);
+	const w = new function e(t = f) {
+		let s = {
+			Ansis: e,
+			level: t,
+			isSupported: () => a$1,
+			strip: (e$1) => e$1.replace(/[›][[()#;?]*(?:[0-9]{1,4}(?:;[0-9]{0,4})*)?[0-9A-ORZcf-nqry=><]/g, i),
+			extend(e$1) {
+				for (let t$1 in e$1) {
+					let r$1 = e$1[t$1], l = (typeof r$1)[0];
+					"s" === l ? (c(t$1, T(...p(r$1))), c(_(t$1), v(...p(r$1)))) : c(t$1, r$1, "f" === l);
 				}
-				return r = o({}, O), n(s$1, r), s$1;
+				return r = o({}, O), n(s, r), s;
 			}
-		}, c$1 = (e$2, t$2, r$2) => {
-			O[e$2] = { get() {
-				let n$1 = r$2 ? (...e$3) => m(this, t$2(...e$3)) : m(this, t$2);
-				return l(this, e$2, { value: n$1 }), n$1;
+		}, c = (e$1, t$1, r$1) => {
+			O[e$1] = { get() {
+				let n = r$1 ? (...e$2) => m(this, t$1(...e$2)) : m(this, t$1);
+				return l(this, e$1, { value: n }), n;
 			} };
-		}, a$2 = t$1 > 0, w$1 = (e$2, t$2) => a$2 ? {
-			open: `[${e$2}m`,
-			close: `[${t$2}m`
-		} : g, y = (e$2) => (t$2) => e$2(...p(t$2)), R = (e$2, t$2) => (r$2, l$1, n$1) => w$1(`${e$2}8;2;${r$2};${l$1};${n$1}`, t$2), $ = (e$2, t$2) => (r$2, l$1, n$1) => w$1(((e$3, t$3, r$3) => d(u(e$3, t$3, r$3)))(r$2, l$1, n$1) + e$2, t$2), x = (e$2) => (t$2, r$2, l$1) => e$2(u(t$2, r$2, l$1)), T = R(3, h), v = R(4, b), C = (e$2) => w$1("38;5;" + e$2, h), E = (e$2) => w$1("48;5;" + e$2, b);
-		2 === t$1 ? (T = x(C), v = x(E)) : 1 === t$1 && (T = $(0, h), v = $(10, b), C = (e$2) => w$1(d(e$2), h), E = (e$2) => w$1(d(e$2) + 10, b));
+		}, a$1 = t > 0, w = (e$1, t$1) => a$1 ? {
+			open: `[${e$1}m`,
+			close: `[${t$1}m`
+		} : g, y = (e$1) => (t$1) => e$1(...p(t$1)), R = (e$1, t$1) => (r$1, l, n) => w(`${e$1}8;2;${r$1};${l};${n}`, t$1), $ = (e$1, t$1) => (r$1, l, n) => w(((e$2, t$2, r$2) => d(u(e$2, t$2, r$2)))(r$1, l, n) + e$1, t$1), x = (e$1) => (t$1, r$1, l) => e$1(u(t$1, r$1, l)), T = R(3, h), v = R(4, b), C = (e$1) => w("38;5;" + e$1, h), E = (e$1) => w("48;5;" + e$1, b);
+		2 === t ? (T = x(C), v = x(E)) : 1 === t && (T = $(0, h), v = $(10, b), C = (e$1) => w(d(e$1), h), E = (e$1) => w(d(e$1) + 10, b));
 		let M, I = {
 			fg: C,
 			bg: E,
@@ -950,21 +1199,21 @@ var require_ansis = /* @__PURE__ */ __commonJS({ "../../node_modules/.pnpm/ansis
 			hex: y(T),
 			bgHex: y(v),
 			visible: g,
-			reset: w$1(0, 0),
-			bold: w$1(1, 22),
-			dim: w$1(2, 22),
-			italic: w$1(3, 23),
-			underline: w$1(4, 24),
-			inverse: w$1(7, 27),
-			hidden: w$1(8, 28),
-			strikethrough: w$1(9, 29)
-		}, _ = (e$2) => "bg" + e$2[0].toUpperCase() + e$2.slice(1), k = "Bright";
-		return "black,red,green,yellow,blue,magenta,cyan,white,gray".split(",").map(((e$2, t$2) => {
-			M = _(e$2), 8 > t$2 ? (I[e$2 + k] = w$1(90 + t$2, h), I[M + k] = w$1(100 + t$2, b)) : t$2 = 60, I[e$2] = w$1(30 + t$2, h), I[M] = w$1(40 + t$2, b);
-		})), s$1.extend(I);
+			reset: w(0, 0),
+			bold: w(1, 22),
+			dim: w(2, 22),
+			italic: w(3, 23),
+			underline: w(4, 24),
+			inverse: w(7, 27),
+			hidden: w(8, 28),
+			strikethrough: w(9, 29)
+		}, _ = (e$1) => "bg" + e$1[0].toUpperCase() + e$1.slice(1), k = "Bright";
+		return "black,red,green,yellow,blue,magenta,cyan,white,gray".split(",").map(((e$1, t$1) => {
+			M = _(e$1), 8 > t$1 ? (I[e$1 + k] = w(90 + t$1, h), I[M + k] = w(100 + t$1, b)) : t$1 = 60, I[e$1] = w(30 + t$1, h), I[M] = w(40 + t$1, b);
+		})), s.extend(I);
 	}();
 	module.exports = w, w.default = w;
-}) });
+}));
 
 //#endregion
 //#region ../../node_modules/.pnpm/ansis@4.2.0/node_modules/ansis/index.mjs
@@ -1074,9 +1323,9 @@ function _log(verbose, message) {
 }
 function _generateRange(from, to) {
 	if (to < from) return [];
-	const r$2 = [];
-	for (let index = from; index <= to; index++) r$2.push(index);
-	return r$2;
+	const r$1 = [];
+	for (let index = from; index <= to; index++) r$1.push(index);
+	return r$1;
 }
 function _tryPort(port, host) {
 	return new Promise((resolve) => {
@@ -1103,8 +1352,8 @@ function _getLocalHosts(additional) {
 }
 async function _findPort(ports, host) {
 	for (const port of ports) {
-		const r$2 = await _tryPort(port, host);
-		if (r$2) return r$2;
+		const r$1 = await _tryPort(port, host);
+		if (r$1) return r$1;
 	}
 }
 function _fmtOnHost(hostname) {
@@ -1216,15 +1465,21 @@ async function createWsServer(options) {
 			console.log(ansis_default.red`${MARK_CHECK} Websocket client disconnected`);
 		}
 	});
-	const rpc = createRpcServer(rpcHost.functions, {
+	const rpcGroup = createRpcServer(rpcHost.functions, {
 		preset,
-		rpcOptions: { onError(error, name) {
-			console.error(ansis_default.red`⬢ RPC error on executing "${ansis_default.bold(name)}":`);
-			console.error(error);
-			throw error;
-		} }
+		rpcOptions: {
+			onFunctionError(error, name) {
+				console.error(ansis_default.red`⬢ RPC error on executing "${ansis_default.bold(name)}":`);
+				console.error(error);
+			},
+			onGeneralError(error) {
+				console.error(ansis_default.red`⬢ RPC error on executing rpc`);
+				console.error(error);
+			}
+		}
 	});
-	const getMetadata = async () => {
+	rpcHost.rpcGroup = rpcGroup;
+	const getConnectionMeta = async () => {
 		return {
 			backend: "websocket",
 			websocket: port
@@ -1232,31 +1487,84 @@ async function createWsServer(options) {
 	};
 	return {
 		port,
-		rpc,
-		functions: rpcHost,
-		getMetadata
+		rpc: rpcGroup,
+		rpcHost,
+		getConnectionMeta
 	};
 }
 
 //#endregion
 //#region src/node/server.ts
 async function createDevToolsMiddleware(options) {
-	const app = createApp();
-	const { rpc, getMetadata } = await createWsServer(options);
-	app.use("/api/connection.json", eventHandler(async (event) => {
+	const h3 = createApp();
+	const { rpc, getConnectionMeta } = await createWsServer(options);
+	h3.use("/.vdt-connection.json", eventHandler(async (event) => {
 		event.node.res.setHeader("Content-Type", "application/json");
-		return event.node.res.end(JSON.stringify(await getMetadata()));
+		return event.node.res.end(JSON.stringify(await getConnectionMeta()));
 	}));
-	app.use(fromNodeMiddleware(sirv(dirClientStandalone, {
+	h3.use(fromNodeMiddleware(sirv(dirClientStandalone, {
 		dev: true,
 		single: true
 	})));
 	return {
-		h3: app,
-		middleware: toNodeListener(app),
-		rpc
+		h3,
+		rpc,
+		middleware: toNodeListener(h3),
+		getConnectionMeta
 	};
 }
 
 //#endregion
-export { MARK_NODE, ansis_default, createApp, createDevToolsContext, createDevToolsMiddleware, eventHandler, getPort, sendRedirect, toNodeListener };
+//#region src/node/plugins/server.ts
+/**
+* Core plugin for enabling Vite DevTools
+*/
+function DevToolsServer() {
+	let context;
+	return {
+		name: "vite:devtools:server",
+		enforce: "post",
+		apply: "serve",
+		async configureServer(viteDevServer) {
+			context = await createDevToolsContext(viteDevServer.config, viteDevServer);
+			const { middleware } = await createDevToolsMiddleware({
+				cwd: viteDevServer.config.root,
+				context
+			});
+			viteDevServer.middlewares.use("/.devtools/", middleware);
+		},
+		resolveId(id) {
+			if (id === "/.devtools-imports") return id;
+		},
+		load(id) {
+			if (id === "/.devtools-imports") {
+				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$1 = `${dock.type}:${dock.id}`;
+					if (dock.type === "action") map.set(id$1, dock.action);
+					else if (dock.type === "custom-render") map.set(id$1, dock.renderer);
+					else if (dock.type === "iframe" && dock.clientScript) map.set(id$1, dock.clientScript);
+				}
+				return [
+					`export const importsMap = {`,
+					...[...map.entries()].filter(([, entry]) => entry != null).map(([id$1, { importFrom, importName }]) => `  [${JSON.stringify(id$1)}]: () => import(${JSON.stringify(importFrom)}).then(r => r[${JSON.stringify(importName)}]),`),
+					"}"
+				].join("\n");
+			}
+		}
+	};
+}
+
+//#endregion
+//#region src/node/plugins/index.ts
+async function DevTools(options = {}) {
+	const { builtinDevTools = true } = options;
+	const plugins = [DevToolsInjection(), DevToolsServer()];
+	if (builtinDevTools) plugins.push(await import("@vitejs/devtools-vite").then((m) => m.DevToolsViteUI()));
+	return plugins;
+}
+
+//#endregion
+export { ansis_default as a, fromNodeMiddleware as c, createDevToolsContext as d, getPort as i, sendRedirect as l, createDevToolsMiddleware as n, createApp as o, MARK_NODE as r, eventHandler as s, DevTools as t, toNodeListener as u };