@vitejs/devtools 0.0.0-alpha.0 → 0.0.0-alpha.10

package/package.json

@@ -1,82 +1,77 @@
 {
   "name": "@vitejs/devtools",
   "type": "module",
-  "version": "0.0.0-alpha.0",
-  "description": "DevTools for Vite (work in progress)",
+  "version": "0.0.0-alpha.10",
+  "description": "Vite DevTools",
   "author": "VoidZero Inc.",
   "license": "MIT",
-  "homepage": "https://github.com/vitejs/vite-devtools#readme",
+  "homepage": "https://github.com/vitejs/devtools#readme",
   "repository": {
+    "directory": "packages/core",
     "type": "git",
-    "url": "git+https://github.com/vitejs/vite-devtools.git"
+    "url": "git+https://github.com/vitejs/devtools.git"
   },
-  "bugs": "https://github.com/vitejs/vite-devtools/issues",
+  "bugs": "https://github.com/vitejs/devtools/issues",
   "keywords": [
     "vite",
-    "devtools"
+    "devtools",
+    "rpc"
   ],
   "sideEffects": false,
   "exports": {
-    ".": "./dist/index.mjs"
+    ".": "./dist/index.js",
+    "./cli": "./dist/cli.js",
+    "./cli-commands": "./dist/cli-commands.js",
+    "./client/inject": "./dist/client/inject.js",
+    "./client/webcomponents": "./dist/client/webcomponents.js",
+    "./dirs": "./dist/dirs.js",
+    "./package.json": "./package.json"
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "bin": {
+    "vite-devtools": "./bin.js"
   },
-  "main": "./dist/index.mjs",
-  "types": "./dist/index.d.mts",
-  "bin": "bin.mjs",
   "files": [
-    "bin.mjs",
+    "bin.js",
     "dist"
   ],
+  "peerDependencies": {
+    "vite": "npm:rolldown-vite@^7.1.20"
+  },
   "dependencies": {
-    "@rolldown/debug": "nightly",
-    "ansis": "^4.0.0",
-    "birpc": "^2.3.0",
     "cac": "^6.7.14",
-    "d3-shape": "^3.2.0",
-    "diff": "^8.0.2",
-    "get-port-please": "^3.1.2",
-    "h3": "^1.15.3",
-    "launch-editor": "^2.10.0",
-    "mlly": "^1.7.4",
-    "mrmime": "^2.0.1",
-    "ohash": "^2.0.11",
-    "open": "^10.1.2",
-    "p-limit": "^6.2.0",
+    "debug": "^4.4.3",
+    "launch-editor": "^2.12.0",
+    "mlly": "^1.8.0",
+    "open": "^10.2.0",
     "pathe": "^2.0.3",
-    "publint": "^0.3.12",
-    "structured-clone-es": "^1.0.0",
-    "tinyglobby": "^0.2.14",
-    "unconfig": "^7.3.2",
-    "unstorage": "^1.16.0",
-    "ws": "^8.18.2"
+    "sirv": "^3.0.2",
+    "ws": "^8.18.3",
+    "@vitejs/devtools-rpc": "0.0.0-alpha.10",
+    "@vitejs/devtools-kit": "0.0.0-alpha.10",
+    "@vitejs/devtools-vite": "0.0.0-alpha.10"
   },
   "devDependencies": {
-    "@types/codemirror": "^5.60.15",
-    "@types/diff": "^7.0.2",
-    "@types/stream-json": "^1.7.8",
-    "@unocss/nuxt": "^66.1.2",
-    "@vueuse/nuxt": "^13.3.0",
-    "@vueuse/router": "^13.3.0",
-    "codemirror": "^5.65.19",
-    "codemirror-theme-vars": "^0.1.2",
-    "comlink": "^4.4.2",
-    "d3": "^7.9.0",
-    "d3-hierarchy": "^3.1.2",
-    "diff-match-patch-es": "^1.0.1",
-    "floating-vue": "^5.2.2",
-    "fuse.js": "^7.1.0",
-    "idb-keyval": "^6.2.2",
-    "nanovis": "^0.1.0",
-    "splitpanes": "^4.0.4",
-    "stream-json": "^1.9.1",
-    "theme-vitesse": "^0.8.3",
-    "tsdown": "^0.12.4",
-    "vite-hot-client": "^2.0.4"
+    "@vitejs/plugin-vue": "^6.0.1",
+    "tsdown": "^0.15.12",
+    "typescript": "^5.9.3",
+    "unplugin-vue": "^7.0.4",
+    "vite": "npm:rolldown-vite@^7.1.20",
+    "vue": "^3.5.22",
+    "vue-tsc": "^3.1.2",
+    "@vitejs/devtools": "0.0.0-alpha.10",
+    "@vitejs/devtools-vite": "0.0.0-alpha.10"
   },
   "scripts": {
-    "dev": "pnpm run -r stub && ROLLDOWN_OPTIONS_VALIDATION=loose nuxi dev src",
-    "build": "ROLLDOWN_OPTIONS_VALIDATION=loose nuxi build src && tsdown",
-    "build:debug": "NUXT_DEBUG_BUILD=true pnpm run build",
-    "start": "node ./bin.mjs",
-    "dev:prepare": "nuxi prepare src"
+    "build": "pnpm build:js && pnpm build:standalone",
+    "build:js": "tsdown --config-loader=tsx",
+    "build:standalone": "cd src/client/standalone && vite build",
+    "watch": "tsdown --watch --config-loader=tsx",
+    "dev:standalone": "cd src/client/standalone && vite dev",
+    "play": "DEBUG='vite:devtools:*' pnpm -C playground run dev",
+    "cli": "DEBUG='vite:devtools:*' tsx src/node/cli.ts",
+    "play:build": "pnpm -C playground run build"
   }
 }

package/dist/cli-CkEkRmBL.mjs

@@ -1,176 +0,0 @@
-import { createServerFunctions } from "./functions-CKJw6Oxo.mjs";
-import { distDir } from "./dirs-6LDFDMFM.mjs";
-import { existsSync } from "node:fs";
-import fs$1, { readFile, stat } from "node:fs/promises";
-import process from "node:process";
-import c from "ansis";
-import cac from "cac";
-import { getPort } from "get-port-please";
-import open from "open";
-import { join, relative, resolve } from "pathe";
-import { parse, stringify } from "structured-clone-es";
-import { glob } from "tinyglobby";
-import { createServer } from "node:http";
-import { createApp, eventHandler, serveStatic, toNodeListener } from "h3";
-import { lookup } from "mrmime";
-import { createBirpcGroup } from "birpc";
-import { WebSocketServer } from "ws";
-
-//#region src/node/constants.ts
-const MARK_CHECK = c.green("✔");
-const MARK_INFO = c.blue("ℹ");
-const MARK_ERROR = c.red("✖");
-const MARK_NODE = "⬢";
-
-//#endregion
-//#region src/node/ws.ts
-async function createWsServer(options) {
-	const port = options.port ?? await getPort({
-		port: 7812,
-		random: true
-	});
-	const wss = new WebSocketServer({ port });
-	const wsClients = new Set();
-	const serverFunctions = await createServerFunctions(options);
-	const rpc = createBirpcGroup(serverFunctions, [], {
-		onError(error, name) {
-			console.error(c.red`⬢ RPC error on executing "${c.bold(name)}":`);
-			console.error(error);
-			throw error;
-		},
-		timeout: 12e4
-	});
-	wss.on("connection", (ws) => {
-		wsClients.add(ws);
-		const channel = {
-			post: (d) => ws.send(d),
-			on: (fn) => {
-				ws.on("message", (data) => {
-					fn(data);
-				});
-			},
-			serialize: stringify,
-			deserialize: parse
-		};
-		rpc.updateChannels((c$1) => {
-			c$1.push(channel);
-		});
-		ws.on("close", () => {
-			wsClients.delete(ws);
-			rpc.updateChannels((c$1) => {
-				const index = c$1.indexOf(channel);
-				if (index >= 0) c$1.splice(index, 1);
-			});
-		});
-		console.log(c.green`${MARK_CHECK} Websocket client connected`);
-	});
-	const getMetadata = async () => {
-		return {
-			backend: "websocket",
-			websocket: port
-		};
-	};
-	return {
-		port,
-		wss,
-		rpc,
-		serverFunctions,
-		getMetadata
-	};
-}
-
-//#endregion
-//#region src/node/server.ts
-async function createHostServer(options) {
-	const app = createApp();
-	const ws = await createWsServer(options);
-	const fileMap = new Map();
-	const readCachedFile = (id) => {
-		if (!fileMap.has(id)) fileMap.set(id, readFile(id).catch(() => void 0));
-		return fileMap.get(id);
-	};
-	app.use("/api/metadata.json", eventHandler(async (event) => {
-		event.node.res.setHeader("Content-Type", "application/json");
-		return event.node.res.end(JSON.stringify(await ws.getMetadata()));
-	}));
-	app.use("/", eventHandler(async (event) => {
-		const result = await serveStatic(event, {
-			fallthrough: true,
-			getContents: (id) => readCachedFile(join(distDir, id)),
-			getMeta: async (id) => {
-				const stats = await stat(join(distDir, id)).catch(() => {});
-				if (!stats || !stats.isFile()) return;
-				return {
-					type: lookup(id),
-					size: stats.size,
-					mtime: stats.mtimeMs
-				};
-			}
-		});
-		if (result === false) return readCachedFile(join(distDir, "index.html"));
-	}));
-	return {
-		server: createServer(toNodeListener(app)),
-		ws
-	};
-}
-
-//#endregion
-//#region src/node/cli.ts
-const cli = cac("vite-devtools");
-cli.command("build", "Build devtools with current config file for static hosting").option("--root <root>", "Root directory", { default: process.cwd() }).option("--config <config>", "Config file").option("--depth <depth>", "Max depth to list dependencies", { default: 8 }).option("--base <baseURL>", "Base URL for deployment", { default: "/" }).option("--outDir <dir>", "Output directory", { default: ".vite-devtools" }).action(async (options) => {
-	console.log(c.cyan`${MARK_NODE} Building static Vite DevTools...`);
-	const cwd = process.cwd();
-	const outDir = resolve(cwd, options.outDir);
-	const rpc = await import("./functions-peYM_6iz.mjs").then(async (r) => await r.createServerFunctions({
-		cwd,
-		mode: "build"
-	}));
-	const rpcDump = { "vite:get-payload": await rpc["vite:get-payload"]() };
-	let baseURL = options.base;
-	if (!baseURL.endsWith("/")) baseURL += "/";
-	if (!baseURL.startsWith("/")) baseURL = `/${baseURL}`;
-	baseURL = baseURL.replace(/\/+/g, "/");
-	if (existsSync(outDir)) await fs$1.rm(outDir, { recursive: true });
-	await fs$1.mkdir(outDir, { recursive: true });
-	await fs$1.cp(distDir, outDir, { recursive: true });
-	const htmlFiles = await glob("**/*.html", {
-		cwd: distDir,
-		onlyFiles: true,
-		dot: true,
-		expandDirectories: false
-	});
-	if (baseURL !== "/") for (const file of htmlFiles) {
-		const content = await fs$1.readFile(resolve(distDir, file), "utf-8");
-		const newContent = content.replaceAll(/\s(href|src)="\//g, ` $1="${baseURL}`).replaceAll("baseURL:\"/\"", `baseURL:"${baseURL}"`);
-		await fs$1.writeFile(resolve(outDir, file), newContent, "utf-8");
-	}
-	await fs$1.mkdir(resolve(outDir, "api"), { recursive: true });
-	await fs$1.writeFile(resolve(outDir, "api/metadata.json"), JSON.stringify({ backend: "static" }, null, 2), "utf-8");
-	await fs$1.writeFile(resolve(outDir, "api/rpc-dump.json"), stringify(rpcDump), "utf-8");
-	console.log(c.green`${MARK_CHECK} Built to ${relative(cwd, outDir)}`);
-	console.log(c.blue`${MARK_NODE} You can use static server like \`npx serve ${relative(cwd, outDir)}\` to serve the devtools`);
-});
-cli.command("", "Start devtools").option("--root <root>", "Root directory", { default: process.cwd() }).option("--config <config>", "Config file").option("--depth <depth>", "Max depth to list dependencies", { default: 8 }).option("--host <host>", "Host", { default: process.env.HOST || "127.0.0.1" }).option("--port <port>", "Port", { default: process.env.PORT || 9999 }).option("--open", "Open browser", { default: true }).action(async (options) => {
-	const host = options.host;
-	const port = await getPort({
-		port: options.port,
-		portRange: [9999, 15e3],
-		host
-	});
-	console.log(c.green`${MARK_NODE} Starting Vite DevTools at`, c.green(`http://${host === "127.0.0.1" ? "localhost" : host}:${port}`), "\n");
-	const { server, ws } = await createHostServer({
-		cwd: options.root,
-		mode: "dev"
-	});
-	setTimeout(() => {
-		ws.serverFunctions["vite:get-payload"]();
-	}, 1);
-	server.listen(port, host, async () => {
-		if (options.open) await open(`http://${host === "127.0.0.1" ? "localhost" : host}:${port}`);
-	});
-});
-cli.help();
-cli.parse();
-
-//#endregion

package/dist/cli.d.mts

@@ -1 +0,0 @@
-import "./cli-C3YoliaZ.mjs";

package/dist/cli.mjs

@@ -1,3 +0,0 @@
-import "./functions-CKJw6Oxo.mjs";
-import "./dirs-6LDFDMFM.mjs";
-import "./cli-CkEkRmBL.mjs";

package/dist/dirs-6LDFDMFM.mjs

@@ -1,7 +0,0 @@
-import { fileURLToPath } from "node:url";
-
-//#region src/dirs.ts
-const distDir = fileURLToPath(new URL("../dist/public", import.meta.url));
-
-//#endregion
-export { distDir };

package/dist/dirs.d.mts

@@ -1,4 +0,0 @@
-//#region src/dirs.d.ts
-declare const distDir: string;
-//#endregion
-export { distDir };

package/dist/dirs.mjs

@@ -1,3 +0,0 @@
-import { distDir } from "./dirs-6LDFDMFM.mjs";
-
-export { distDir };