@vitejs/devtools-kit 0.1.2 → 0.1.4

package/dist/client.d.ts

@@ -1,2 +1,2 @@
-import { _ as DevToolsRpcClientOptions, a as DockEntryState, c as DocksContext, d as RpcClientEvents, f as DevToolsRpcClient, g as DevToolsRpcClientMode, h as DevToolsRpcClientCallOptional, i as DockClientType, l as DocksEntriesContext, m as DevToolsRpcClientCallEvent, n as DevToolsClientContext, o as DockEntryStateEvents, p as DevToolsRpcClientCall, r as DevToolsClientRpcHost, s as DockPanelStorage, t as DockClientScriptContext, u as DocksPanelContext, v as getDevToolsRpcClient } from "./index-WxzZW3L-.js";
-export { DevToolsClientContext, DevToolsClientRpcHost, DevToolsRpcClient, DevToolsRpcClientCall, DevToolsRpcClientCallEvent, DevToolsRpcClientCallOptional, DevToolsRpcClientMode, DevToolsRpcClientOptions, DockClientScriptContext, DockClientType, DockEntryState, DockEntryStateEvents, DockPanelStorage, DocksContext, DocksEntriesContext, DocksPanelContext, RpcClientEvents, getDevToolsRpcClient };
+import { _ as DevToolsRpcClientCallOptional, a as DevToolsClientRpcHost, b as getDevToolsRpcClient, c as DockEntryStateEvents, d as DocksEntriesContext, f as DocksPanelContext, g as DevToolsRpcClientCallEvent, h as DevToolsRpcClientCall, i as DevToolsClientContext, l as DockPanelStorage, m as DevToolsRpcClient, n as getDevToolsClientContext, o as DockClientType, p as RpcClientEvents, r as DockClientScriptContext, s as DockEntryState, t as CLIENT_CONTEXT_KEY, u as DocksContext, v as DevToolsRpcClientMode, y as DevToolsRpcClientOptions } from "./index-BSLgRVfr.js";
+export { CLIENT_CONTEXT_KEY, DevToolsClientContext, DevToolsClientRpcHost, DevToolsRpcClient, DevToolsRpcClientCall, DevToolsRpcClientCallEvent, DevToolsRpcClientCallOptional, DevToolsRpcClientMode, DevToolsRpcClientOptions, DockClientScriptContext, DockClientType, DockEntryState, DockEntryStateEvents, DockPanelStorage, DocksContext, DocksEntriesContext, DocksPanelContext, RpcClientEvents, getDevToolsClientContext, getDevToolsRpcClient };

package/dist/client.js

@@ -1,10 +1,20 @@
 import { DEVTOOLS_CONNECTION_META_FILENAME, DEVTOOLS_MOUNT_PATH, DEVTOOLS_RPC_DUMP_MANIFEST_FILENAME } from "./constants.js";
 import { createEventEmitter } from "./utils/events.js";
-import { nanoid } from "./utils/nanoid.js";
-import { createSharedState } from "./utils/shared-state.js";
+import { t as humanId } from "./human-id-BSiGlZOw.js";
+import { t as createSharedState } from "./shared-state-CCNEYlbv.js";
 import { RpcFunctionsCollectorBase } from "@vitejs/devtools-rpc";
+import { hash } from "ohash";
 import { createRpcClient } from "@vitejs/devtools-rpc/client";
 import { createWsRpcPreset } from "@vitejs/devtools-rpc/presets/ws/client";
+//#region src/client/context.ts
+const CLIENT_CONTEXT_KEY = "__VITE_DEVTOOLS_CLIENT_CONTEXT__";
+/**
+* Get the global DevTools client context, or `undefined` if not yet initialized.
+*/
+function getDevToolsClientContext() {
+	return globalThis[CLIENT_CONTEXT_KEY];
+}
+//#endregion
 //#region src/client/rpc-shared-state.ts
 function createRpcSharedStateClientHost(rpc) {
 	const sharedState = /* @__PURE__ */ new Map();
@@ -77,260 +87,6 @@ function createRpcSharedStateClientHost(rpc) {
 	};
 }
 //#endregion
-//#region ../../node_modules/.pnpm/ohash@2.0.11/node_modules/ohash/dist/shared/ohash.D__AXeF1.mjs
-function serialize(o) {
-	return typeof o == "string" ? `'${o}'` : new c().serialize(o);
-}
-const c = /* @__PURE__ */ function() {
-	class o {
-		#t = /* @__PURE__ */ new Map();
-		compare(t, r) {
-			const e = typeof t, n = typeof r;
-			return e === "string" && n === "string" ? t.localeCompare(r) : e === "number" && n === "number" ? t - r : String.prototype.localeCompare.call(this.serialize(t, true), this.serialize(r, true));
-		}
-		serialize(t, r) {
-			if (t === null) return "null";
-			switch (typeof t) {
-				case "string": return r ? t : `'${t}'`;
-				case "bigint": return `${t}n`;
-				case "object": return this.$object(t);
-				case "function": return this.$function(t);
-			}
-			return String(t);
-		}
-		serializeObject(t) {
-			const r = Object.prototype.toString.call(t);
-			if (r !== "[object Object]") return this.serializeBuiltInType(r.length < 10 ? `unknown:${r}` : r.slice(8, -1), t);
-			const e = t.constructor, n = e === Object || e === void 0 ? "" : e.name;
-			if (n !== "" && globalThis[n] === e) return this.serializeBuiltInType(n, t);
-			if (typeof t.toJSON == "function") {
-				const i = t.toJSON();
-				return n + (i !== null && typeof i == "object" ? this.$object(i) : `(${this.serialize(i)})`);
-			}
-			return this.serializeObjectEntries(n, Object.entries(t));
-		}
-		serializeBuiltInType(t, r) {
-			const e = this["$" + t];
-			if (e) return e.call(this, r);
-			if (typeof r?.entries == "function") return this.serializeObjectEntries(t, r.entries());
-			throw new Error(`Cannot serialize ${t}`);
-		}
-		serializeObjectEntries(t, r) {
-			const e = Array.from(r).sort((i, a) => this.compare(i[0], a[0]));
-			let n = `${t}{`;
-			for (let i = 0; i < e.length; i++) {
-				const [a, l] = e[i];
-				n += `${this.serialize(a, true)}:${this.serialize(l)}`, i < e.length - 1 && (n += ",");
-			}
-			return n + "}";
-		}
-		$object(t) {
-			let r = this.#t.get(t);
-			return r === void 0 && (this.#t.set(t, `#${this.#t.size}`), r = this.serializeObject(t), this.#t.set(t, r)), r;
-		}
-		$function(t) {
-			const r = Function.prototype.toString.call(t);
-			return r.slice(-15) === "[native code] }" ? `${t.name || ""}()[native]` : `${t.name}(${t.length})${r.replace(/\s*\n\s*/g, "")}`;
-		}
-		$Array(t) {
-			let r = "[";
-			for (let e = 0; e < t.length; e++) r += this.serialize(t[e]), e < t.length - 1 && (r += ",");
-			return r + "]";
-		}
-		$Date(t) {
-			try {
-				return `Date(${t.toISOString()})`;
-			} catch {
-				return "Date(null)";
-			}
-		}
-		$ArrayBuffer(t) {
-			return `ArrayBuffer[${new Uint8Array(t).join(",")}]`;
-		}
-		$Set(t) {
-			return `Set${this.$Array(Array.from(t).sort((r, e) => this.compare(r, e)))}`;
-		}
-		$Map(t) {
-			return this.serializeObjectEntries("Map", t.entries());
-		}
-	}
-	for (const s of [
-		"Error",
-		"RegExp",
-		"URL"
-	]) o.prototype["$" + s] = function(t) {
-		return `${s}(${t})`;
-	};
-	for (const s of [
-		"Int8Array",
-		"Uint8Array",
-		"Uint8ClampedArray",
-		"Int16Array",
-		"Uint16Array",
-		"Int32Array",
-		"Uint32Array",
-		"Float32Array",
-		"Float64Array"
-	]) o.prototype["$" + s] = function(t) {
-		return `${s}[${t.join(",")}]`;
-	};
-	for (const s of ["BigInt64Array", "BigUint64Array"]) o.prototype["$" + s] = function(t) {
-		return `${s}[${t.join("n,")}${t.length > 0 ? "n" : ""}]`;
-	};
-	return o;
-}();
-//#endregion
-//#region ../../node_modules/.pnpm/ohash@2.0.11/node_modules/ohash/dist/crypto/js/index.mjs
-const z = [
-	1779033703,
-	-1150833019,
-	1013904242,
-	-1521486534,
-	1359893119,
-	-1694144372,
-	528734635,
-	1541459225
-], R = [
-	1116352408,
-	1899447441,
-	-1245643825,
-	-373957723,
-	961987163,
-	1508970993,
-	-1841331548,
-	-1424204075,
-	-670586216,
-	310598401,
-	607225278,
-	1426881987,
-	1925078388,
-	-2132889090,
-	-1680079193,
-	-1046744716,
-	-459576895,
-	-272742522,
-	264347078,
-	604807628,
-	770255983,
-	1249150122,
-	1555081692,
-	1996064986,
-	-1740746414,
-	-1473132947,
-	-1341970488,
-	-1084653625,
-	-958395405,
-	-710438585,
-	113926993,
-	338241895,
-	666307205,
-	773529912,
-	1294757372,
-	1396182291,
-	1695183700,
-	1986661051,
-	-2117940946,
-	-1838011259,
-	-1564481375,
-	-1474664885,
-	-1035236496,
-	-949202525,
-	-778901479,
-	-694614492,
-	-200395387,
-	275423344,
-	430227734,
-	506948616,
-	659060556,
-	883997877,
-	958139571,
-	1322822218,
-	1537002063,
-	1747873779,
-	1955562222,
-	2024104815,
-	-2067236844,
-	-1933114872,
-	-1866530822,
-	-1538233109,
-	-1090935817,
-	-965641998
-], S = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-_", r = [];
-var k = class {
-	_data = new l();
-	_hash = new l([...z]);
-	_nDataBytes = 0;
-	_minBufferSize = 0;
-	finalize(e) {
-		e && this._append(e);
-		const s = this._nDataBytes * 8, t = this._data.sigBytes * 8;
-		return this._data.words[t >>> 5] |= 128 << 24 - t % 32, this._data.words[(t + 64 >>> 9 << 4) + 14] = Math.floor(s / 4294967296), this._data.words[(t + 64 >>> 9 << 4) + 15] = s, this._data.sigBytes = this._data.words.length * 4, this._process(), this._hash;
-	}
-	_doProcessBlock(e, s) {
-		const t = this._hash.words;
-		let i = t[0], o = t[1], a = t[2], c = t[3], h = t[4], g = t[5], f = t[6], y = t[7];
-		for (let n = 0; n < 64; n++) {
-			if (n < 16) r[n] = e[s + n] | 0;
-			else {
-				const d = r[n - 15], j = (d << 25 | d >>> 7) ^ (d << 14 | d >>> 18) ^ d >>> 3, B = r[n - 2], x = (B << 15 | B >>> 17) ^ (B << 13 | B >>> 19) ^ B >>> 10;
-				r[n] = j + r[n - 7] + x + r[n - 16];
-			}
-			const m = h & g ^ ~h & f, p = i & o ^ i & a ^ o & a, u = (i << 30 | i >>> 2) ^ (i << 19 | i >>> 13) ^ (i << 10 | i >>> 22), b = (h << 26 | h >>> 6) ^ (h << 21 | h >>> 11) ^ (h << 7 | h >>> 25), w = y + b + m + R[n] + r[n], M = u + p;
-			y = f, f = g, g = h, h = c + w | 0, c = a, a = o, o = i, i = w + M | 0;
-		}
-		t[0] = t[0] + i | 0, t[1] = t[1] + o | 0, t[2] = t[2] + a | 0, t[3] = t[3] + c | 0, t[4] = t[4] + h | 0, t[5] = t[5] + g | 0, t[6] = t[6] + f | 0, t[7] = t[7] + y | 0;
-	}
-	_append(e) {
-		typeof e == "string" && (e = l.fromUtf8(e)), this._data.concat(e), this._nDataBytes += e.sigBytes;
-	}
-	_process(e) {
-		let s, t = this._data.sigBytes / 64;
-		e ? t = Math.ceil(t) : t = Math.max((t | 0) - this._minBufferSize, 0);
-		const i = t * 16, o = Math.min(i * 4, this._data.sigBytes);
-		if (i) {
-			for (let a = 0; a < i; a += 16) this._doProcessBlock(this._data.words, a);
-			s = this._data.words.splice(0, i), this._data.sigBytes -= o;
-		}
-		return new l(s, o);
-	}
-};
-var l = class l {
-	words;
-	sigBytes;
-	constructor(e, s) {
-		e = this.words = e || [], this.sigBytes = s === void 0 ? e.length * 4 : s;
-	}
-	static fromUtf8(e) {
-		const s = unescape(encodeURIComponent(e)), t = s.length, i = [];
-		for (let o = 0; o < t; o++) i[o >>> 2] |= (s.charCodeAt(o) & 255) << 24 - o % 4 * 8;
-		return new l(i, t);
-	}
-	toBase64() {
-		const e = [];
-		for (let s = 0; s < this.sigBytes; s += 3) {
-			const t = this.words[s >>> 2] >>> 24 - s % 4 * 8 & 255, i = this.words[s + 1 >>> 2] >>> 24 - (s + 1) % 4 * 8 & 255, o = this.words[s + 2 >>> 2] >>> 24 - (s + 2) % 4 * 8 & 255, a = t << 16 | i << 8 | o;
-			for (let c = 0; c < 4 && s * 8 + c * 6 < this.sigBytes * 8; c++) e.push(S.charAt(a >>> 6 * (3 - c) & 63));
-		}
-		return e.join("");
-	}
-	concat(e) {
-		if (this.words[this.sigBytes >>> 2] &= 4294967295 << 32 - this.sigBytes % 4 * 8, this.words.length = Math.ceil(this.sigBytes / 4), this.sigBytes % 4) for (let s = 0; s < e.sigBytes; s++) {
-			const t = e.words[s >>> 2] >>> 24 - s % 4 * 8 & 255;
-			this.words[this.sigBytes + s >>> 2] |= t << 24 - (this.sigBytes + s) % 4 * 8;
-		}
-		else for (let s = 0; s < e.sigBytes; s += 4) this.words[this.sigBytes + s >>> 2] = e.words[s >>> 2];
-		this.sigBytes += e.sigBytes;
-	}
-};
-function digest(_) {
-	return new k().finalize(_).toBase64();
-}
-//#endregion
-//#region ../../node_modules/.pnpm/ohash@2.0.11/node_modules/ohash/dist/index.mjs
-function hash(input) {
-	return digest(serialize(input));
-}
-//#endregion
 //#region src/client/static-rpc.ts
 function isStaticEntry(value) {
 	return typeof value === "object" && value !== null && value.type === "static" && typeof value.path === "string";
@@ -395,6 +151,7 @@ async function createStaticRpcClientMode(options) {
 	return {
 		isTrusted: true,
 		requestTrust: async () => true,
+		requestTrustWithToken: async () => true,
 		ensureTrusted: async () => true,
 		call: (...args) => staticCaller.call(args[0], args.slice(1)),
 		callEvent: (...args) => staticCaller.callEvent(args[0], args.slice(1)),
@@ -1584,20 +1341,29 @@ function isNumeric(str) {
 	return `${+str}` === `${str}`;
 }
 function createWsRpcClientMode(options) {
-	const { authId, connectionMeta, events, clientRpc, rpcOptions = {}, wsOptions = {} } = options;
+	const { authToken, connectionMeta, events, clientRpc, rpcOptions = {}, wsOptions = {} } = options;
 	let isTrusted = false;
 	const trustedPromise = promiseWithResolver();
 	const url = isNumeric(connectionMeta.websocket) ? `${location.protocol.replace("http", "ws")}//${location.hostname}:${connectionMeta.websocket}` : connectionMeta.websocket;
 	const serverRpc = createRpcClient(clientRpc.functions, {
 		preset: createWsRpcPreset({
 			url,
-			authId,
+			authToken,
 			...wsOptions
 		}),
 		rpcOptions
 	});
-	async function requestTrust() {
-		if (isTrusted) return true;
+	clientRpc.register({
+		name: "devtoolskit:internal:auth:revoked",
+		type: "event",
+		handler: () => {
+			isTrusted = false;
+			events.emit("rpc:is-trusted:updated", false);
+		}
+	});
+	let currentAuthToken = authToken;
+	async function requestTrustWithToken(token) {
+		currentAuthToken = token;
 		const info = parseUA(navigator.userAgent);
 		const ua = [
 			info.browser.name,
@@ -1608,7 +1374,7 @@ function createWsRpcClientMode(options) {
 			info.device.type
 		].filter((i) => i).join(" ");
 		const result = await serverRpc.$call("vite:anonymous:auth", {
-			authId,
+			authToken: token,
 			ua,
 			origin: location.origin
 		});
@@ -1617,6 +1383,10 @@ function createWsRpcClientMode(options) {
 		events.emit("rpc:is-trusted:updated", isTrusted);
 		return result.isTrusted;
 	}
+	async function requestTrust() {
+		if (isTrusted) return true;
+		return requestTrustWithToken(currentAuthToken);
+	}
 	async function ensureTrusted(timeout = 6e4) {
 		if (isTrusted) trustedPromise.resolve(true);
 		if (timeout <= 0) return trustedPromise.promise;
@@ -1634,6 +1404,7 @@ function createWsRpcClientMode(options) {
 			return isTrusted;
 		},
 		requestTrust,
+		requestTrustWithToken,
 		ensureTrusted,
 		call: (...args) => {
 			return serverRpc.$call(...args);
@@ -1649,23 +1420,26 @@ function createWsRpcClientMode(options) {
 //#endregion
 //#region src/client/rpc.ts
 const CONNECTION_META_KEY = "__VITE_DEVTOOLS_CONNECTION_META__";
-const CONNECTION_AUTH_ID_KEY = "__VITE_DEVTOOLS_CONNECTION_AUTH_ID__";
-function getConnectionAuthIdFromWindows(userAuthId) {
+const CONNECTION_AUTH_TOKEN_KEY = "__VITE_DEVTOOLS_CONNECTION_AUTH_TOKEN__";
+function getConnectionAuthTokenFromWindows(userAuthToken) {
 	const getters = [
-		() => userAuthId,
-		() => localStorage.getItem(CONNECTION_AUTH_ID_KEY),
-		() => window?.[CONNECTION_AUTH_ID_KEY],
-		() => globalThis?.[CONNECTION_AUTH_ID_KEY],
-		() => parent.window?.[CONNECTION_AUTH_ID_KEY]
+		() => userAuthToken,
+		() => localStorage.getItem(CONNECTION_AUTH_TOKEN_KEY),
+		() => window?.[CONNECTION_AUTH_TOKEN_KEY],
+		() => globalThis?.[CONNECTION_AUTH_TOKEN_KEY],
+		() => parent.window?.[CONNECTION_AUTH_TOKEN_KEY]
 	];
 	let value;
 	for (const getter of getters) try {
 		value = getter();
 		if (value) break;
 	} catch {}
-	if (!value) value = nanoid();
-	localStorage.setItem(CONNECTION_AUTH_ID_KEY, value);
-	globalThis[CONNECTION_AUTH_ID_KEY] = value;
+	if (!value) value = humanId({
+		separator: "-",
+		capitalize: false
+	});
+	localStorage.setItem(CONNECTION_AUTH_TOKEN_KEY, value);
+	globalThis[CONNECTION_AUTH_TOKEN_KEY] = value;
 	return value;
 }
 function findConnectionMetaFromWindows() {
@@ -1706,7 +1480,7 @@ async function getDevToolsRpcClient(options = {}) {
 		if (!connectionMeta) throw new Error(`Failed to get connection meta from ${bases.join(", ")}`, { cause: errors });
 	}
 	const context = { rpc: void 0 };
-	const authId = getConnectionAuthIdFromWindows(options.authId);
+	const authToken = getConnectionAuthTokenFromWindows(options.authToken);
 	const clientRpc = new RpcFunctionsCollectorBase(context);
 	async function fetchJsonFromBases(path) {
 		const candidates = [resolvedBaseURL, ...bases.filter((base) => base !== resolvedBaseURL)].filter((x) => x != null);
@@ -1722,7 +1496,7 @@ async function getDevToolsRpcClient(options = {}) {
 		throw new Error(`Failed to load ${path} from ${candidates.join(", ")}`, { cause: errors });
 	}
 	const mode = connectionMeta.backend === "static" ? await createStaticRpcClientMode({ fetchJsonFromBases }) : createWsRpcClientMode({
-		authId,
+		authToken,
 		connectionMeta,
 		events,
 		clientRpc,
@@ -1737,6 +1511,11 @@ async function getDevToolsRpcClient(options = {}) {
 		connectionMeta,
 		ensureTrusted: mode.ensureTrusted,
 		requestTrust: mode.requestTrust,
+		requestTrustWithToken: async (token) => {
+			localStorage.setItem(CONNECTION_AUTH_TOKEN_KEY, token);
+			globalThis[CONNECTION_AUTH_TOKEN_KEY] = token;
+			return mode.requestTrustWithToken(token);
+		},
 		call: mode.call,
 		callEvent: mode.callEvent,
 		callOptional: mode.callOptional,
@@ -1746,7 +1525,13 @@ async function getDevToolsRpcClient(options = {}) {
 	rpc.sharedState = createRpcSharedStateClientHost(rpc);
 	context.rpc = rpc;
 	mode.requestTrust();
+	try {
+		const bc = new BroadcastChannel("vite-devtools-auth");
+		bc.onmessage = (event) => {
+			if (event.data?.type === "auth-update" && event.data.authToken) rpc.requestTrustWithToken(event.data.authToken);
+		};
+	} catch {}
 	return rpc;
 }
 //#endregion
-export { getDevToolsRpcClient };
+export { CLIENT_CONTEXT_KEY, getDevToolsClientContext, getDevToolsRpcClient };

package/dist/constants.d.ts

@@ -1,4 +1,5 @@
-import { T as DevToolsDocksUserSettings } from "./index-WxzZW3L-.js";
+import { D as DevToolsDocksUserSettings } from "./index-BSLgRVfr.js";
+
 //#region src/constants.d.ts
 declare const DEVTOOLS_MOUNT_PATH = "/.devtools/";
 declare const DEVTOOLS_MOUNT_PATH_NO_TRAILING_SLASH = "/.devtools";