@vue/devtools-kit 8.0.1 → 8.0.3

package/dist/index.cjs

@@ -24,10 +24,14 @@ var __toESM = (mod, isNodeMode, target$21) => (target$21 = mod != null ? __creat
 }) : target$21, mod));
 
 //#endregion
-const __vue_devtools_shared = __toESM(require("@vue/devtools-shared"));
-const perfect_debounce = __toESM(require("perfect-debounce"));
-const hookable = __toESM(require("hookable"));
-const birpc = __toESM(require("birpc"));
+let __vue_devtools_shared = require("@vue/devtools-shared");
+__vue_devtools_shared = __toESM(__vue_devtools_shared);
+let perfect_debounce = require("perfect-debounce");
+perfect_debounce = __toESM(perfect_debounce);
+let hookable = require("hookable");
+hookable = __toESM(hookable);
+let birpc = require("birpc");
+birpc = __toESM(birpc);
 
 //#region src/compat/index.ts
 function onLegacyDevToolsPluginApiAvailable(cb) {
@@ -107,9 +111,7 @@ function getInstanceName(instance) {
 * @param {Vue} instance
 */
 function getUniqueComponentId(instance) {
-	const appId = instance?.appContext?.app?.__VUE_DEVTOOLS_NEXT_APP_RECORD_ID__ ?? 0;
-	const instanceId = instance === instance?.root ? "root" : instance.uid;
-	return `${appId}:${instanceId}`;
+	return `${instance?.appContext?.app?.__VUE_DEVTOOLS_NEXT_APP_RECORD_ID__ ?? 0}:${instance === instance?.root ? "root" : instance.uid}`;
 }
 function getRenderKey(value) {
 	if (value == null) return "";
@@ -127,8 +129,7 @@ function returnError(cb) {
 }
 function getComponentInstance(appRecord, instanceId) {
 	instanceId = instanceId || `${appRecord.id}:root`;
-	const instance = appRecord.instanceMap.get(instanceId);
-	return instance || appRecord.instanceMap.get(":root");
+	return appRecord.instanceMap.get(instanceId) || appRecord.instanceMap.get(":root");
 }
 function ensurePropertyExists(obj, key, skipObjCheck = false) {
 	return skipObjCheck ? key in obj : typeof obj === "object" && obj !== null ? key in obj : false;
@@ -317,8 +318,7 @@ function highlight(instance) {
 	const bounds = getComponentBoundingRect(instance);
 	if (!bounds.width && !bounds.height) return;
 	const name = getInstanceName(instance);
-	const container = getContainerElement();
-	container ? update({
+	getContainerElement() ? update({
 		bounds,
 		name
 	}) : create({
@@ -337,12 +337,10 @@ function inspectFn(e) {
 		const instance = target$21.__vueParentComponent;
 		if (instance) {
 			inspectInstance = instance;
-			const el = instance.vnode.el;
-			if (el) {
+			if (instance.vnode.el) {
 				const bounds = getComponentBoundingRect(instance);
 				const name = getInstanceName(instance);
-				const container = getContainerElement();
-				container ? update({
+				getContainerElement() ? update({
 					bounds,
 					name
 				}) : create({
@@ -356,10 +354,7 @@ function inspectFn(e) {
 function selectComponentFn(e, cb) {
 	e.preventDefault();
 	e.stopPropagation();
-	if (inspectInstance) {
-		const uniqueComponentId = getUniqueComponentId(inspectInstance);
-		cb(uniqueComponentId);
-	}
+	if (inspectInstance) cb(getUniqueComponentId(inspectInstance));
 }
 let inspectComponentHighLighterSelectFn = null;
 function cancelInspectComponentHighLighter() {
@@ -515,7 +510,9 @@ const Fragment = Symbol.for("v-fgt");
 //#endregion
 //#region src/core/component/state/editor.ts
 var StateEditor = class {
-	refEditor = new RefStateEditor();
+	constructor() {
+		this.refEditor = new RefStateEditor();
+	}
 	set(object, path, value, cb) {
 		const sections = Array.isArray(path) ? path : path.split(".");
 		while (sections.length > 1) {
@@ -638,7 +635,7 @@ function getTimelineLayersStateFromStorage() {
 		performanceEventEnabled: false,
 		selected: ""
 	};
-	const state = localStorage.getItem(TIMELINE_LAYERS_STATE_STORAGE_ID);
+	const state = typeof localStorage.getItem !== "undefined" ? localStorage.getItem(TIMELINE_LAYERS_STATE_STORAGE_ID) : null;
 	return state ? JSON.parse(state) : {
 		recordingState: false,
 		mouseEventEnabled: false,
@@ -733,12 +730,10 @@ function getInspector(id, app) {
 	return devtoolsInspector.find((inspector) => inspector.options.id === id && (app ? inspector.descriptor.app === app : true));
 }
 function getInspectorActions(id) {
-	const inspector = getInspector(id);
-	return inspector?.options.actions;
+	return getInspector(id)?.options.actions;
 }
 function getInspectorNodeActions(id) {
-	const inspector = getInspector(id);
-	return inspector?.options.nodeActions;
+	return getInspector(id)?.options.nodeActions;
 }
 
 //#endregion
@@ -842,13 +837,12 @@ function createDevToolsCtxHooks() {
 		addTimelineLayer(options, plugin.descriptor);
 	});
 	hooks$1.hook(DevToolsContextHookKeys.TIMELINE_EVENT_ADDED, ({ options, plugin }) => {
-		const internalLayerIds = [
+		if (devtoolsState.highPerfModeEnabled || !devtoolsState.timelineLayersState?.[plugin.descriptor.id] && ![
 			"performance",
 			"component-event",
 			"keyboard",
 			"mouse"
-		];
-		if (devtoolsState.highPerfModeEnabled || !devtoolsState.timelineLayersState?.[plugin.descriptor.id] && !internalLayerIds.includes(options.layerId)) return;
+		].includes(options.layerId)) return;
 		hooks$1.callHookWith(async (callbacks) => {
 			await Promise.all(callbacks.map((cb) => cb(options)));
 		}, DevToolsMessagingHookKeys.SEND_TIMELINE_EVENT_TO_CLIENT);
@@ -857,16 +851,13 @@ function createDevToolsCtxHooks() {
 		const appRecord = app.__VUE_DEVTOOLS_NEXT_APP_RECORD__;
 		if (!appRecord) return null;
 		const appId = appRecord.id.toString();
-		const instances = [...appRecord.instanceMap].filter(([key]) => key.split(":")[0] === appId).map(([, instance]) => instance);
-		return instances;
+		return [...appRecord.instanceMap].filter(([key]) => key.split(":")[0] === appId).map(([, instance]) => instance);
 	});
 	hooks$1.hook(DevToolsContextHookKeys.GET_COMPONENT_BOUNDS, async ({ instance }) => {
-		const bounds = getComponentBoundingRect(instance);
-		return bounds;
+		return getComponentBoundingRect(instance);
 	});
 	hooks$1.hook(DevToolsContextHookKeys.GET_COMPONENT_NAME, ({ instance }) => {
-		const name = getInstanceName(instance);
-		return name;
+		return getInstanceName(instance);
 	});
 	hooks$1.hook(DevToolsContextHookKeys.COMPONENT_HIGHLIGHT, ({ uid }) => {
 		const instance = activeAppRecord.value.instanceMap.get(uid);
@@ -1075,8 +1066,7 @@ function getPluginLocalKey(pluginId) {
 	return `__VUE_DEVTOOLS_NEXT_PLUGIN_SETTINGS__${pluginId}__`;
 }
 function getPluginSettingsOptions(pluginId) {
-	const item = devtoolsPluginBuffer.find((item$1) => item$1[0].id === pluginId && !!item$1[0]?.settings)?.[0] ?? null;
-	return item?.settings ?? null;
+	return (devtoolsPluginBuffer.find((item) => item[0].id === pluginId && !!item[0]?.settings)?.[0] ?? null)?.settings ?? null;
 }
 function getPluginSettings(pluginId, fallbackValue) {
 	const localKey = getPluginLocalKey(pluginId);
@@ -1084,16 +1074,12 @@ function getPluginSettings(pluginId, fallbackValue) {
 		const localSettings = localStorage.getItem(localKey);
 		if (localSettings) return JSON.parse(localSettings);
 	}
-	if (pluginId) {
-		const item = devtoolsPluginBuffer.find((item$1) => item$1[0].id === pluginId)?.[0] ?? null;
-		return _getSettings(item?.settings ?? {});
-	}
+	if (pluginId) return _getSettings((devtoolsPluginBuffer.find((item) => item[0].id === pluginId)?.[0] ?? null)?.settings ?? {});
 	return _getSettings(fallbackValue);
 }
 function initPluginSettings(pluginId, settings) {
 	const localKey = getPluginLocalKey(pluginId);
-	const localSettings = localStorage.getItem(localKey);
-	if (!localSettings) localStorage.setItem(localKey, JSON.stringify(_getSettings(settings)));
+	if (!localStorage.getItem(localKey)) localStorage.setItem(localKey, JSON.stringify(_getSettings(settings)));
 }
 function setPluginSettings(pluginId, key, value) {
 	const localKey = getPluginLocalKey(pluginId);
@@ -1251,8 +1237,6 @@ const hook = {
 //#endregion
 //#region src/api/v6/index.ts
 var DevToolsV6PluginAPI = class {
-	plugin;
-	hooks;
 	constructor({ plugin, ctx }) {
 		this.hooks = ctx.hooks;
 		this.plugin = plugin;
@@ -1624,10 +1608,9 @@ function processState(instance) {
 }
 function getStateTypeAndName(info) {
 	const stateType = info.computed ? "computed" : info.ref ? "ref" : info.reactive ? "reactive" : null;
-	const stateTypeName = stateType ? `${stateType.charAt(0).toUpperCase()}${stateType.slice(1)}` : null;
 	return {
 		stateType,
-		stateTypeName
+		stateTypeName: stateType ? `${stateType.charAt(0).toUpperCase()}${stateType.slice(1)}` : null
 	};
 }
 function processSetupState(instance) {
@@ -1653,11 +1636,10 @@ function processSetupState(instance) {
 				editable: isState && !info.readonly
 			};
 		}
-		const type = isOtherType ? "setup (other)" : "setup";
 		return {
 			key,
 			value,
-			type,
+			type: isOtherType ? "setup (other)" : "setup",
 			...result
 		};
 	});
@@ -1762,15 +1744,11 @@ function processInstanceState(instance) {
 //#region src/core/component/state/index.ts
 function getInstanceState(params) {
 	const instance = getComponentInstance(activeAppRecord.value, params.instanceId);
-	const id = getUniqueComponentId(instance);
-	const name = getInstanceName(instance);
-	const file = instance?.type?.__file;
-	const state = processInstanceState(instance);
 	return {
-		id,
-		name,
-		file,
-		state,
+		id: getUniqueComponentId(instance),
+		name: getInstanceName(instance),
+		file: instance?.type?.__file,
+		state: processInstanceState(instance),
 		instance
 	};
 }
@@ -1778,7 +1756,6 @@ function getInstanceState(params) {
 //#endregion
 //#region src/core/component/tree/filter.ts
 var ComponentFilter = class {
-	filter;
 	constructor(filter) {
 		this.filter = filter || "";
 	}
@@ -1800,12 +1777,8 @@ function createComponentFilter(filterText) {
 //#endregion
 //#region src/core/component/tree/walker.ts
 var ComponentWalker = class {
-	maxDepth;
-	recursively;
-	componentFilter;
-	api;
-	captureIds = /* @__PURE__ */ new Map();
 	constructor(options) {
+		this.captureIds = /* @__PURE__ */ new Map();
 		const { filterText = "", maxDepth, recursively, api } = options;
 		this.componentFilter = createComponentFilter(filterText);
 		this.maxDepth = maxDepth;
@@ -1877,8 +1850,7 @@ var ComponentWalker = class {
 				if (node) treeNode.children.push(node);
 			}
 		}
-		const rootElements = getRootElementsFromComponentInstance(instance);
-		const firstElement = rootElements[0];
+		const firstElement = getRootElementsFromComponentInstance(instance)[0];
 		if (firstElement?.parentElement) {
 			const parentInstance = instance.parent;
 			const parentRootElements = parentInstance ? getRootElementsFromComponentInstance(parentInstance) : [];
@@ -2023,8 +1995,7 @@ function performanceMarkEnd(api, app, uid, vm, type, time) {
 	const groupInfo = appRecord.perfGroupIds.get(groupKey);
 	if (groupInfo) {
 		const groupId = groupInfo.groupId;
-		const startTime = groupInfo.time;
-		const duration = time - startTime;
+		const duration = time - groupInfo.time;
 		api.addTimelineEvent({
 			layerId: PERFORMANCE_EVENT_LAYER_ID,
 			event: {
@@ -2199,25 +2170,21 @@ function createComponentsDevToolsPlugin(app) {
 		api.on.getInspectorTree(async (payload) => {
 			if (payload.app === app && payload.inspectorId === INSPECTOR_ID) {
 				const instance = getComponentInstance(activeAppRecord.value, payload.instanceId);
-				if (instance) {
-					const walker$1 = new ComponentWalker({
-						filterText: payload.filter,
-						maxDepth: 100,
-						recursively: false,
-						api
-					});
-					payload.rootNodes = await walker$1.getComponentTree(instance);
-				}
+				if (instance) payload.rootNodes = await new ComponentWalker({
+					filterText: payload.filter,
+					maxDepth: 100,
+					recursively: false,
+					api
+				}).getComponentTree(instance);
 			}
 		});
 		api.on.getInspectorState(async (payload) => {
 			if (payload.app === app && payload.inspectorId === INSPECTOR_ID) {
 				const result = getInstanceState({ instanceId: payload.nodeId });
 				const componentInstance = result.instance;
-				const app$1 = result.instance?.appContext.app;
 				const _payload = {
 					componentInstance,
-					app: app$1,
+					app: result.instance?.appContext.app,
 					instanceData: result
 				};
 				devtoolsContext.hooks.callHookWith((callbacks) => {
@@ -4169,15 +4136,13 @@ function initDevTools() {
 		callDevToolsPluginSetupFn([pluginDescriptor, setupFn], app);
 	});
 	onLegacyDevToolsPluginApiAvailable(() => {
-		const normalizedPluginBuffer = devtoolsPluginBuffer.filter(([item]) => item.id !== "components");
-		normalizedPluginBuffer.forEach(([pluginDescriptor, setupFn]) => {
+		devtoolsPluginBuffer.filter(([item]) => item.id !== "components").forEach(([pluginDescriptor, setupFn]) => {
 			_devtoolsHook.emit(DevToolsHooks.SETUP_DEVTOOLS_PLUGIN, pluginDescriptor, setupFn, { target: "legacy" });
 		});
 	});
 	hook.on.vueAppInit(async (app, version, types) => {
-		const appRecord = createAppRecord(app, types);
 		const normalizedAppRecord = {
-			...appRecord,
+			...createAppRecord(app, types),
 			app,
 			version
 		};
@@ -4257,7 +4222,7 @@ function reviveMap(val) {
 	return result;
 }
 function revive(val) {
-	if (val === UNDEFINED) return void 0;
+	if (val === UNDEFINED) return;
 	else if (val === INFINITY) return Number.POSITIVE_INFINITY;
 	else if (val === NEGATIVE_INFINITY) return Number.NEGATIVE_INFINITY;
 	else if (val === NAN) return NaN;
@@ -4306,10 +4271,8 @@ function formatInspectorStateValue(value, quotes = false, options) {
 	const type = getInspectorStateValueType(value, false);
 	if (type !== "custom" && value?._custom) value = value._custom.value;
 	if (result = internalStateTokenToString(value)) return result;
-	else if (type === "custom") {
-		const nestedName = value._custom.value?._custom && formatInspectorStateValue(value._custom.value, quotes, options);
-		return nestedName || value._custom.displayText || value._custom.display;
-	} else if (type === "array") return `Array[${value.length}]`;
+	else if (type === "custom") return value._custom.value?._custom && formatInspectorStateValue(value._custom.value, quotes, options) || value._custom.displayText || value._custom.display;
+	else if (type === "array") return `Array[${value.length}]`;
 	else if (type === "plain-object") return `Object${Object.keys(value).length ? "" : " (empty)"}`;
 	else if (type?.includes("native")) return escape(specialTypeRE.exec(value)?.[2]);
 	else if (typeof value === "string") {
@@ -4365,8 +4328,7 @@ function updateDevToolsClientDetected(params) {
 		...devtoolsState.devtoolsClientDetected,
 		...params
 	};
-	const devtoolsClientVisible = Object.values(devtoolsState.devtoolsClientDetected).some(Boolean);
-	toggleHighPerfMode(!devtoolsClientVisible);
+	toggleHighPerfMode(!Object.values(devtoolsState.devtoolsClientDetected).some(Boolean));
 }
 __vue_devtools_shared.target.__VUE_DEVTOOLS_UPDATE_CLIENT_DETECTED__ ??= updateDevToolsClientDetected;
 
@@ -4450,7 +4412,6 @@ function find(record, predicate) {
 		const value = valuesNotNever[i];
 		if (predicate(value)) return value;
 	}
-	return void 0;
 }
 function forEach(record, run) {
 	Object.entries(record).forEach(([key, value]) => run(value, key));
@@ -4463,7 +4424,6 @@ function findArr(record, predicate) {
 		const value = record[i];
 		if (predicate(value)) return value;
 	}
-	return void 0;
 }
 
 //#endregion
@@ -4521,14 +4481,12 @@ const parsePath = (string) => {
 	let segment = "";
 	for (let i = 0; i < string.length; i++) {
 		let char = string.charAt(i);
-		const isEscapedDot = char === "\\" && string.charAt(i + 1) === ".";
-		if (isEscapedDot) {
+		if (char === "\\" && string.charAt(i + 1) === ".") {
 			segment += ".";
 			i++;
 			continue;
 		}
-		const isEndOfSegment = char === ".";
-		if (isEndOfSegment) {
+		if (char === ".") {
 			result.push(segment);
 			segment = "";
 			continue;
@@ -4602,14 +4560,10 @@ function compositeTransformation(isApplicable, annotation, transform, untransfor
 	};
 }
 const symbolRule = compositeTransformation((s, superJson) => {
-	if (isSymbol(s)) {
-		const isRegistered = !!superJson.symbolRegistry.getIdentifier(s);
-		return isRegistered;
-	}
+	if (isSymbol(s)) return !!superJson.symbolRegistry.getIdentifier(s);
 	return false;
 }, (s, superJson) => {
-	const identifier = superJson.symbolRegistry.getIdentifier(s);
-	return ["symbol", identifier];
+	return ["symbol", superJson.symbolRegistry.getIdentifier(s)];
 }, (v) => v.description, (_, a, superJson) => {
 	const value = superJson.symbolRegistry.getValue(a[1]);
 	if (!value) throw new Error("Trying to deserialize unknown symbol");
@@ -4635,15 +4589,11 @@ const typedArrayRule = compositeTransformation(isTypedArray, (v) => ["typed-arra
 	return new ctor(v);
 });
 function isInstanceOfRegisteredClass(potentialClass, superJson) {
-	if (potentialClass?.constructor) {
-		const isRegistered = !!superJson.classRegistry.getIdentifier(potentialClass.constructor);
-		return isRegistered;
-	}
+	if (potentialClass?.constructor) return !!superJson.classRegistry.getIdentifier(potentialClass.constructor);
 	return false;
 }
 const classRule = compositeTransformation(isInstanceOfRegisteredClass, (clazz, superJson) => {
-	const identifier = superJson.classRegistry.getIdentifier(clazz.constructor);
-	return ["class", identifier];
+	return ["class", superJson.classRegistry.getIdentifier(clazz.constructor)];
 }, (clazz, superJson) => {
 	const allowedProps = superJson.classRegistry.getAllowedProps(clazz.constructor);
 	if (!allowedProps) return { ...clazz };
@@ -4660,11 +4610,9 @@ const classRule = compositeTransformation(isInstanceOfRegisteredClass, (clazz, s
 const customRule = compositeTransformation((value, superJson) => {
 	return !!superJson.customTransformerRegistry.findApplicable(value);
 }, (value, superJson) => {
-	const transformer = superJson.customTransformerRegistry.findApplicable(value);
-	return ["custom", transformer.name];
+	return ["custom", superJson.customTransformerRegistry.findApplicable(value).name];
 }, (value, superJson) => {
-	const transformer = superJson.customTransformerRegistry.findApplicable(value);
-	return transformer.serialize(value);
+	return superJson.customTransformerRegistry.findApplicable(value).serialize(value);
 }, (v, a, superJson) => {
 	const transformer = superJson.customTransformerRegistry.findByName(a[1]);
 	if (!transformer) throw new Error("Trying to deserialize unknown custom value");
@@ -4687,7 +4635,6 @@ const transformValue = (value, superJson) => {
 		value: applicableSimpleRule.transform(value, superJson),
 		type: applicableSimpleRule.annotation
 	};
-	return void 0;
 };
 const simpleRulesByAnnotation = {};
 simpleRules.forEach((rule) => {
@@ -4759,8 +4706,7 @@ const setDeep = (object, path, mapper) => {
 			const row = +key;
 			parent = getNthKey(parent, row);
 		} else if (isMap(parent)) {
-			const isEnd = i === path.length - 2;
-			if (isEnd) break;
+			if (i === path.length - 2) break;
 			const row = +key;
 			const type = +path[++i] === 0 ? "key" : "value";
 			const keyOfRow = getNthKey(parent, row);
@@ -4788,8 +4734,7 @@ const setDeep = (object, path, mapper) => {
 	if (isMap(parent)) {
 		const row = +path[path.length - 2];
 		const keyToRow = getNthKey(parent, row);
-		const type = +lastKey === 0 ? "key" : "value";
-		switch (type) {
+		switch (+lastKey === 0 ? "key" : "value") {
 			case "key": {
 				const newKey = mapper(keyToRow);
 				parent.set(newKey, parent.get(keyToRow));
@@ -4945,8 +4890,7 @@ function copy(target$21, options = {}) {
 	return [...props, ...symbols].reduce((carry, key) => {
 		if (isArray$1(options.props) && !options.props.includes(key)) return carry;
 		const val = target$21[key];
-		const newVal = copy(val, options);
-		assignProp(carry, key, newVal, target$21, options.nonenumerable);
+		assignProp(carry, key, copy(val, options), target$21, options.nonenumerable);
 		return carry;
 	}, {});
 }
@@ -5276,8 +5220,7 @@ function createIframeServerChannel() {
 	};
 	return {
 		post: (data) => {
-			const iframe = getIframeServerContext();
-			iframe?.contentWindow?.postMessage(SuperJSON.stringify({
+			getIframeServerContext()?.contentWindow?.postMessage(SuperJSON.stringify({
 				event: __DEVTOOLS_KIT_IFRAME_MESSAGING_EVENT_KEY,
 				data
 			}), "*");
@@ -5454,10 +5397,9 @@ function getFunctionDetails(func) {
 	} catch (e) {}
 	const match = matches && matches[0];
 	const args = typeof match === "string" ? match : "(?)";
-	const name = typeof func.name === "string" ? func.name : "";
 	return { _custom: {
 		type: "function",
-		displayText: `<span style="opacity:.8;margin-right:5px;">function</span> <span style="white-space:nowrap;">${escape(name)}${args}</span>`,
+		displayText: `<span style="opacity:.8;margin-right:5px;">function</span> <span style="white-space:nowrap;">${escape(typeof func.name === "string" ? func.name : "")}${args}</span>`,
 		tooltipText: string.trim() ? `<pre>${string}</pre>` : null
 	} };
 }
@@ -5479,11 +5421,10 @@ function getDateDetails(val) {
 	} };
 }
 function getMapDetails(val) {
-	const list = Object.fromEntries(val);
 	return { _custom: {
 		type: "map",
 		displayText: "Map",
-		value: list,
+		value: Object.fromEntries(val),
 		readOnly: true,
 		fields: { abstract: true }
 	} };
@@ -5605,8 +5546,7 @@ function tryGetRefValue(ref) {
 }
 function getObjectDetails(object) {
 	const info = getSetupStateType(object);
-	const isState = info.ref || info.computed || info.reactive;
-	if (isState) {
+	if (info.ref || info.computed || info.reactive) {
 		const stateTypeName = info.computed ? "Computed" : info.ref ? "Ref" : info.reactive ? "Reactive" : null;
 		const value = toRaw(info.reactive ? object : tryGetRefValue(object));
 		const raw = ensurePropertyExists(object, "effect") ? object.effect?.raw?.toString() || object.effect?.fn?.toString() : null;
@@ -5788,8 +5728,7 @@ function stringifyStrictCircularAutoChunks(data, replacer = null, space = null)
 }
 function parseCircularAutoChunks(data, reviver$1 = null) {
 	if (Array.isArray(data)) data = data.join("");
-	const hasCircular = /^\s/.test(data);
-	if (!hasCircular) return arguments.length === 1 ? JSON.parse(data) : JSON.parse(data, reviver$1);
+	if (!/^\s/.test(data)) return arguments.length === 1 ? JSON.parse(data) : JSON.parse(data, reviver$1);
 	else {
 		const list = JSON.parse(data);
 		decode(list, reviver$1);

package/dist/index.d.cts

@@ -244,8 +244,16 @@ interface DevToolsState {
   perfUniqueGroupId: number;
   timelineLayersState: Record<string, boolean>;
 }
-declare const callStateUpdatedHook: (state: DevToolsState) => Promise<void>;
-declare const callConnectedUpdatedHook: (state: DevToolsState, oldState: DevToolsState) => Promise<void>;
+declare const callStateUpdatedHook: ((state: DevToolsState) => Promise<void>) & {
+  cancel: () => void;
+  flush: () => Promise<void> | undefined;
+  isPending: () => boolean;
+};
+declare const callConnectedUpdatedHook: ((state: DevToolsState, oldState: DevToolsState) => Promise<void>) & {
+  cancel: () => void;
+  flush: () => Promise<void> | undefined;
+  isPending: () => boolean;
+};
 declare const devtoolsAppRecords: DevToolsAppRecords[] & {
   value: DevToolsAppRecords[];
 };
@@ -554,7 +562,11 @@ interface DevToolsKitInspector {
   appRecord: unknown;
 }
 declare const devtoolsInspector: DevToolsKitInspector[];
-declare const callInspectorUpdatedHook: () => Promise<void>;
+declare const callInspectorUpdatedHook: (() => Promise<void>) & {
+  cancel: () => void;
+  flush: () => Promise<void> | undefined;
+  isPending: () => boolean;
+};
 declare function addInspector(inspector: CustomInspectorOptions, descriptor: PluginDescriptor): void;
 declare function getActiveInspectors(): {
   id: string;

package/dist/index.d.ts

@@ -244,8 +244,16 @@ interface DevToolsState {
   perfUniqueGroupId: number;
   timelineLayersState: Record<string, boolean>;
 }
-declare const callStateUpdatedHook: (state: DevToolsState) => Promise<void>;
-declare const callConnectedUpdatedHook: (state: DevToolsState, oldState: DevToolsState) => Promise<void>;
+declare const callStateUpdatedHook: ((state: DevToolsState) => Promise<void>) & {
+  cancel: () => void;
+  flush: () => Promise<void> | undefined;
+  isPending: () => boolean;
+};
+declare const callConnectedUpdatedHook: ((state: DevToolsState, oldState: DevToolsState) => Promise<void>) & {
+  cancel: () => void;
+  flush: () => Promise<void> | undefined;
+  isPending: () => boolean;
+};
 declare const devtoolsAppRecords: DevToolsAppRecords[] & {
   value: DevToolsAppRecords[];
 };
@@ -554,7 +562,11 @@ interface DevToolsKitInspector {
   appRecord: unknown;
 }
 declare const devtoolsInspector: DevToolsKitInspector[];
-declare const callInspectorUpdatedHook: () => Promise<void>;
+declare const callInspectorUpdatedHook: (() => Promise<void>) & {
+  cancel: () => void;
+  flush: () => Promise<void> | undefined;
+  isPending: () => boolean;
+};
 declare function addInspector(inspector: CustomInspectorOptions, descriptor: PluginDescriptor): void;
 declare function getActiveInspectors(): {
   id: string;

package/dist/index.js

@@ -107,9 +107,7 @@ function getInstanceName(instance) {
 * @param {Vue} instance
 */
 function getUniqueComponentId(instance) {
-	const appId = instance?.appContext?.app?.__VUE_DEVTOOLS_NEXT_APP_RECORD_ID__ ?? 0;
-	const instanceId = instance === instance?.root ? "root" : instance.uid;
-	return `${appId}:${instanceId}`;
+	return `${instance?.appContext?.app?.__VUE_DEVTOOLS_NEXT_APP_RECORD_ID__ ?? 0}:${instance === instance?.root ? "root" : instance.uid}`;
 }
 function getRenderKey(value) {
 	if (value == null) return "";
@@ -127,8 +125,7 @@ function returnError(cb) {
 }
 function getComponentInstance(appRecord, instanceId) {
 	instanceId = instanceId || `${appRecord.id}:root`;
-	const instance = appRecord.instanceMap.get(instanceId);
-	return instance || appRecord.instanceMap.get(":root");
+	return appRecord.instanceMap.get(instanceId) || appRecord.instanceMap.get(":root");
 }
 function ensurePropertyExists(obj, key, skipObjCheck = false) {
 	return skipObjCheck ? key in obj : typeof obj === "object" && obj !== null ? key in obj : false;
@@ -317,8 +314,7 @@ function highlight(instance) {
 	const bounds = getComponentBoundingRect(instance);
 	if (!bounds.width && !bounds.height) return;
 	const name = getInstanceName(instance);
-	const container = getContainerElement();
-	container ? update({
+	getContainerElement() ? update({
 		bounds,
 		name
 	}) : create({
@@ -337,12 +333,10 @@ function inspectFn(e) {
 		const instance = target$1.__vueParentComponent;
 		if (instance) {
 			inspectInstance = instance;
-			const el = instance.vnode.el;
-			if (el) {
+			if (instance.vnode.el) {
 				const bounds = getComponentBoundingRect(instance);
 				const name = getInstanceName(instance);
-				const container = getContainerElement();
-				container ? update({
+				getContainerElement() ? update({
 					bounds,
 					name
 				}) : create({
@@ -356,10 +350,7 @@ function inspectFn(e) {
 function selectComponentFn(e, cb) {
 	e.preventDefault();
 	e.stopPropagation();
-	if (inspectInstance) {
-		const uniqueComponentId = getUniqueComponentId(inspectInstance);
-		cb(uniqueComponentId);
-	}
+	if (inspectInstance) cb(getUniqueComponentId(inspectInstance));
 }
 let inspectComponentHighLighterSelectFn = null;
 function cancelInspectComponentHighLighter() {
@@ -515,7 +506,9 @@ const Fragment = Symbol.for("v-fgt");
 //#endregion
 //#region src/core/component/state/editor.ts
 var StateEditor = class {
-	refEditor = new RefStateEditor();
+	constructor() {
+		this.refEditor = new RefStateEditor();
+	}
 	set(object, path, value, cb) {
 		const sections = Array.isArray(path) ? path : path.split(".");
 		while (sections.length > 1) {
@@ -638,7 +631,7 @@ function getTimelineLayersStateFromStorage() {
 		performanceEventEnabled: false,
 		selected: ""
 	};
-	const state = localStorage.getItem(TIMELINE_LAYERS_STATE_STORAGE_ID);
+	const state = typeof localStorage.getItem !== "undefined" ? localStorage.getItem(TIMELINE_LAYERS_STATE_STORAGE_ID) : null;
 	return state ? JSON.parse(state) : {
 		recordingState: false,
 		mouseEventEnabled: false,
@@ -733,12 +726,10 @@ function getInspector(id, app) {
 	return devtoolsInspector.find((inspector) => inspector.options.id === id && (app ? inspector.descriptor.app === app : true));
 }
 function getInspectorActions(id) {
-	const inspector = getInspector(id);
-	return inspector?.options.actions;
+	return getInspector(id)?.options.actions;
 }
 function getInspectorNodeActions(id) {
-	const inspector = getInspector(id);
-	return inspector?.options.nodeActions;
+	return getInspector(id)?.options.nodeActions;
 }
 
 //#endregion
@@ -842,13 +833,12 @@ function createDevToolsCtxHooks() {
 		addTimelineLayer(options, plugin.descriptor);
 	});
 	hooks$1.hook(DevToolsContextHookKeys.TIMELINE_EVENT_ADDED, ({ options, plugin }) => {
-		const internalLayerIds = [
+		if (devtoolsState.highPerfModeEnabled || !devtoolsState.timelineLayersState?.[plugin.descriptor.id] && ![
 			"performance",
 			"component-event",
 			"keyboard",
 			"mouse"
-		];
-		if (devtoolsState.highPerfModeEnabled || !devtoolsState.timelineLayersState?.[plugin.descriptor.id] && !internalLayerIds.includes(options.layerId)) return;
+		].includes(options.layerId)) return;
 		hooks$1.callHookWith(async (callbacks) => {
 			await Promise.all(callbacks.map((cb) => cb(options)));
 		}, DevToolsMessagingHookKeys.SEND_TIMELINE_EVENT_TO_CLIENT);
@@ -857,16 +847,13 @@ function createDevToolsCtxHooks() {
 		const appRecord = app.__VUE_DEVTOOLS_NEXT_APP_RECORD__;
 		if (!appRecord) return null;
 		const appId = appRecord.id.toString();
-		const instances = [...appRecord.instanceMap].filter(([key]) => key.split(":")[0] === appId).map(([, instance]) => instance);
-		return instances;
+		return [...appRecord.instanceMap].filter(([key]) => key.split(":")[0] === appId).map(([, instance]) => instance);
 	});
 	hooks$1.hook(DevToolsContextHookKeys.GET_COMPONENT_BOUNDS, async ({ instance }) => {
-		const bounds = getComponentBoundingRect(instance);
-		return bounds;
+		return getComponentBoundingRect(instance);
 	});
 	hooks$1.hook(DevToolsContextHookKeys.GET_COMPONENT_NAME, ({ instance }) => {
-		const name = getInstanceName(instance);
-		return name;
+		return getInstanceName(instance);
 	});
 	hooks$1.hook(DevToolsContextHookKeys.COMPONENT_HIGHLIGHT, ({ uid }) => {
 		const instance = activeAppRecord.value.instanceMap.get(uid);
@@ -1075,8 +1062,7 @@ function getPluginLocalKey(pluginId) {
 	return `__VUE_DEVTOOLS_NEXT_PLUGIN_SETTINGS__${pluginId}__`;
 }
 function getPluginSettingsOptions(pluginId) {
-	const item = devtoolsPluginBuffer.find((item$1) => item$1[0].id === pluginId && !!item$1[0]?.settings)?.[0] ?? null;
-	return item?.settings ?? null;
+	return (devtoolsPluginBuffer.find((item) => item[0].id === pluginId && !!item[0]?.settings)?.[0] ?? null)?.settings ?? null;
 }
 function getPluginSettings(pluginId, fallbackValue) {
 	const localKey = getPluginLocalKey(pluginId);
@@ -1084,16 +1070,12 @@ function getPluginSettings(pluginId, fallbackValue) {
 		const localSettings = localStorage.getItem(localKey);
 		if (localSettings) return JSON.parse(localSettings);
 	}
-	if (pluginId) {
-		const item = devtoolsPluginBuffer.find((item$1) => item$1[0].id === pluginId)?.[0] ?? null;
-		return _getSettings(item?.settings ?? {});
-	}
+	if (pluginId) return _getSettings((devtoolsPluginBuffer.find((item) => item[0].id === pluginId)?.[0] ?? null)?.settings ?? {});
 	return _getSettings(fallbackValue);
 }
 function initPluginSettings(pluginId, settings) {
 	const localKey = getPluginLocalKey(pluginId);
-	const localSettings = localStorage.getItem(localKey);
-	if (!localSettings) localStorage.setItem(localKey, JSON.stringify(_getSettings(settings)));
+	if (!localStorage.getItem(localKey)) localStorage.setItem(localKey, JSON.stringify(_getSettings(settings)));
 }
 function setPluginSettings(pluginId, key, value) {
 	const localKey = getPluginLocalKey(pluginId);
@@ -1251,8 +1233,6 @@ const hook = {
 //#endregion
 //#region src/api/v6/index.ts
 var DevToolsV6PluginAPI = class {
-	plugin;
-	hooks;
 	constructor({ plugin, ctx }) {
 		this.hooks = ctx.hooks;
 		this.plugin = plugin;
@@ -1624,10 +1604,9 @@ function processState(instance) {
 }
 function getStateTypeAndName(info) {
 	const stateType = info.computed ? "computed" : info.ref ? "ref" : info.reactive ? "reactive" : null;
-	const stateTypeName = stateType ? `${stateType.charAt(0).toUpperCase()}${stateType.slice(1)}` : null;
 	return {
 		stateType,
-		stateTypeName
+		stateTypeName: stateType ? `${stateType.charAt(0).toUpperCase()}${stateType.slice(1)}` : null
 	};
 }
 function processSetupState(instance) {
@@ -1653,11 +1632,10 @@ function processSetupState(instance) {
 				editable: isState && !info.readonly
 			};
 		}
-		const type = isOtherType ? "setup (other)" : "setup";
 		return {
 			key,
 			value,
-			type,
+			type: isOtherType ? "setup (other)" : "setup",
 			...result
 		};
 	});
@@ -1762,15 +1740,11 @@ function processInstanceState(instance) {
 //#region src/core/component/state/index.ts
 function getInstanceState(params) {
 	const instance = getComponentInstance(activeAppRecord.value, params.instanceId);
-	const id = getUniqueComponentId(instance);
-	const name = getInstanceName(instance);
-	const file = instance?.type?.__file;
-	const state = processInstanceState(instance);
 	return {
-		id,
-		name,
-		file,
-		state,
+		id: getUniqueComponentId(instance),
+		name: getInstanceName(instance),
+		file: instance?.type?.__file,
+		state: processInstanceState(instance),
 		instance
 	};
 }
@@ -1778,7 +1752,6 @@ function getInstanceState(params) {
 //#endregion
 //#region src/core/component/tree/filter.ts
 var ComponentFilter = class {
-	filter;
 	constructor(filter) {
 		this.filter = filter || "";
 	}
@@ -1800,12 +1773,8 @@ function createComponentFilter(filterText) {
 //#endregion
 //#region src/core/component/tree/walker.ts
 var ComponentWalker = class {
-	maxDepth;
-	recursively;
-	componentFilter;
-	api;
-	captureIds = /* @__PURE__ */ new Map();
 	constructor(options) {
+		this.captureIds = /* @__PURE__ */ new Map();
 		const { filterText = "", maxDepth, recursively, api } = options;
 		this.componentFilter = createComponentFilter(filterText);
 		this.maxDepth = maxDepth;
@@ -1877,8 +1846,7 @@ var ComponentWalker = class {
 				if (node) treeNode.children.push(node);
 			}
 		}
-		const rootElements = getRootElementsFromComponentInstance(instance);
-		const firstElement = rootElements[0];
+		const firstElement = getRootElementsFromComponentInstance(instance)[0];
 		if (firstElement?.parentElement) {
 			const parentInstance = instance.parent;
 			const parentRootElements = parentInstance ? getRootElementsFromComponentInstance(parentInstance) : [];
@@ -2023,8 +1991,7 @@ function performanceMarkEnd(api, app, uid, vm, type, time) {
 	const groupInfo = appRecord.perfGroupIds.get(groupKey);
 	if (groupInfo) {
 		const groupId = groupInfo.groupId;
-		const startTime = groupInfo.time;
-		const duration = time - startTime;
+		const duration = time - groupInfo.time;
 		api.addTimelineEvent({
 			layerId: PERFORMANCE_EVENT_LAYER_ID,
 			event: {
@@ -2199,25 +2166,21 @@ function createComponentsDevToolsPlugin(app) {
 		api.on.getInspectorTree(async (payload) => {
 			if (payload.app === app && payload.inspectorId === INSPECTOR_ID) {
 				const instance = getComponentInstance(activeAppRecord.value, payload.instanceId);
-				if (instance) {
-					const walker$1 = new ComponentWalker({
-						filterText: payload.filter,
-						maxDepth: 100,
-						recursively: false,
-						api
-					});
-					payload.rootNodes = await walker$1.getComponentTree(instance);
-				}
+				if (instance) payload.rootNodes = await new ComponentWalker({
+					filterText: payload.filter,
+					maxDepth: 100,
+					recursively: false,
+					api
+				}).getComponentTree(instance);
 			}
 		});
 		api.on.getInspectorState(async (payload) => {
 			if (payload.app === app && payload.inspectorId === INSPECTOR_ID) {
 				const result = getInstanceState({ instanceId: payload.nodeId });
 				const componentInstance = result.instance;
-				const app$1 = result.instance?.appContext.app;
 				const _payload = {
 					componentInstance,
-					app: app$1,
+					app: result.instance?.appContext.app,
 					instanceData: result
 				};
 				devtoolsContext.hooks.callHookWith((callbacks) => {
@@ -4169,15 +4132,13 @@ function initDevTools() {
 		callDevToolsPluginSetupFn([pluginDescriptor, setupFn], app);
 	});
 	onLegacyDevToolsPluginApiAvailable(() => {
-		const normalizedPluginBuffer = devtoolsPluginBuffer.filter(([item]) => item.id !== "components");
-		normalizedPluginBuffer.forEach(([pluginDescriptor, setupFn]) => {
+		devtoolsPluginBuffer.filter(([item]) => item.id !== "components").forEach(([pluginDescriptor, setupFn]) => {
 			_devtoolsHook.emit(DevToolsHooks.SETUP_DEVTOOLS_PLUGIN, pluginDescriptor, setupFn, { target: "legacy" });
 		});
 	});
 	hook.on.vueAppInit(async (app, version, types) => {
-		const appRecord = createAppRecord(app, types);
 		const normalizedAppRecord = {
-			...appRecord,
+			...createAppRecord(app, types),
 			app,
 			version
 		};
@@ -4257,7 +4218,7 @@ function reviveMap(val) {
 	return result;
 }
 function revive(val) {
-	if (val === UNDEFINED) return void 0;
+	if (val === UNDEFINED) return;
 	else if (val === INFINITY) return Number.POSITIVE_INFINITY;
 	else if (val === NEGATIVE_INFINITY) return Number.NEGATIVE_INFINITY;
 	else if (val === NAN) return NaN;
@@ -4306,10 +4267,8 @@ function formatInspectorStateValue(value, quotes = false, options) {
 	const type = getInspectorStateValueType(value, false);
 	if (type !== "custom" && value?._custom) value = value._custom.value;
 	if (result = internalStateTokenToString(value)) return result;
-	else if (type === "custom") {
-		const nestedName = value._custom.value?._custom && formatInspectorStateValue(value._custom.value, quotes, options);
-		return nestedName || value._custom.displayText || value._custom.display;
-	} else if (type === "array") return `Array[${value.length}]`;
+	else if (type === "custom") return value._custom.value?._custom && formatInspectorStateValue(value._custom.value, quotes, options) || value._custom.displayText || value._custom.display;
+	else if (type === "array") return `Array[${value.length}]`;
 	else if (type === "plain-object") return `Object${Object.keys(value).length ? "" : " (empty)"}`;
 	else if (type?.includes("native")) return escape(specialTypeRE.exec(value)?.[2]);
 	else if (typeof value === "string") {
@@ -4365,8 +4324,7 @@ function updateDevToolsClientDetected(params) {
 		...devtoolsState.devtoolsClientDetected,
 		...params
 	};
-	const devtoolsClientVisible = Object.values(devtoolsState.devtoolsClientDetected).some(Boolean);
-	toggleHighPerfMode(!devtoolsClientVisible);
+	toggleHighPerfMode(!Object.values(devtoolsState.devtoolsClientDetected).some(Boolean));
 }
 target.__VUE_DEVTOOLS_UPDATE_CLIENT_DETECTED__ ??= updateDevToolsClientDetected;
 
@@ -4450,7 +4408,6 @@ function find(record, predicate) {
 		const value = valuesNotNever[i];
 		if (predicate(value)) return value;
 	}
-	return void 0;
 }
 function forEach(record, run) {
 	Object.entries(record).forEach(([key, value]) => run(value, key));
@@ -4463,7 +4420,6 @@ function findArr(record, predicate) {
 		const value = record[i];
 		if (predicate(value)) return value;
 	}
-	return void 0;
 }
 
 //#endregion
@@ -4521,14 +4477,12 @@ const parsePath = (string) => {
 	let segment = "";
 	for (let i = 0; i < string.length; i++) {
 		let char = string.charAt(i);
-		const isEscapedDot = char === "\\" && string.charAt(i + 1) === ".";
-		if (isEscapedDot) {
+		if (char === "\\" && string.charAt(i + 1) === ".") {
 			segment += ".";
 			i++;
 			continue;
 		}
-		const isEndOfSegment = char === ".";
-		if (isEndOfSegment) {
+		if (char === ".") {
 			result.push(segment);
 			segment = "";
 			continue;
@@ -4602,14 +4556,10 @@ function compositeTransformation(isApplicable, annotation, transform, untransfor
 	};
 }
 const symbolRule = compositeTransformation((s, superJson) => {
-	if (isSymbol(s)) {
-		const isRegistered = !!superJson.symbolRegistry.getIdentifier(s);
-		return isRegistered;
-	}
+	if (isSymbol(s)) return !!superJson.symbolRegistry.getIdentifier(s);
 	return false;
 }, (s, superJson) => {
-	const identifier = superJson.symbolRegistry.getIdentifier(s);
-	return ["symbol", identifier];
+	return ["symbol", superJson.symbolRegistry.getIdentifier(s)];
 }, (v) => v.description, (_, a, superJson) => {
 	const value = superJson.symbolRegistry.getValue(a[1]);
 	if (!value) throw new Error("Trying to deserialize unknown symbol");
@@ -4635,15 +4585,11 @@ const typedArrayRule = compositeTransformation(isTypedArray, (v) => ["typed-arra
 	return new ctor(v);
 });
 function isInstanceOfRegisteredClass(potentialClass, superJson) {
-	if (potentialClass?.constructor) {
-		const isRegistered = !!superJson.classRegistry.getIdentifier(potentialClass.constructor);
-		return isRegistered;
-	}
+	if (potentialClass?.constructor) return !!superJson.classRegistry.getIdentifier(potentialClass.constructor);
 	return false;
 }
 const classRule = compositeTransformation(isInstanceOfRegisteredClass, (clazz, superJson) => {
-	const identifier = superJson.classRegistry.getIdentifier(clazz.constructor);
-	return ["class", identifier];
+	return ["class", superJson.classRegistry.getIdentifier(clazz.constructor)];
 }, (clazz, superJson) => {
 	const allowedProps = superJson.classRegistry.getAllowedProps(clazz.constructor);
 	if (!allowedProps) return { ...clazz };
@@ -4660,11 +4606,9 @@ const classRule = compositeTransformation(isInstanceOfRegisteredClass, (clazz, s
 const customRule = compositeTransformation((value, superJson) => {
 	return !!superJson.customTransformerRegistry.findApplicable(value);
 }, (value, superJson) => {
-	const transformer = superJson.customTransformerRegistry.findApplicable(value);
-	return ["custom", transformer.name];
+	return ["custom", superJson.customTransformerRegistry.findApplicable(value).name];
 }, (value, superJson) => {
-	const transformer = superJson.customTransformerRegistry.findApplicable(value);
-	return transformer.serialize(value);
+	return superJson.customTransformerRegistry.findApplicable(value).serialize(value);
 }, (v, a, superJson) => {
 	const transformer = superJson.customTransformerRegistry.findByName(a[1]);
 	if (!transformer) throw new Error("Trying to deserialize unknown custom value");
@@ -4687,7 +4631,6 @@ const transformValue = (value, superJson) => {
 		value: applicableSimpleRule.transform(value, superJson),
 		type: applicableSimpleRule.annotation
 	};
-	return void 0;
 };
 const simpleRulesByAnnotation = {};
 simpleRules.forEach((rule) => {
@@ -4759,8 +4702,7 @@ const setDeep = (object, path, mapper) => {
 			const row = +key;
 			parent = getNthKey(parent, row);
 		} else if (isMap(parent)) {
-			const isEnd = i === path.length - 2;
-			if (isEnd) break;
+			if (i === path.length - 2) break;
 			const row = +key;
 			const type = +path[++i] === 0 ? "key" : "value";
 			const keyOfRow = getNthKey(parent, row);
@@ -4788,8 +4730,7 @@ const setDeep = (object, path, mapper) => {
 	if (isMap(parent)) {
 		const row = +path[path.length - 2];
 		const keyToRow = getNthKey(parent, row);
-		const type = +lastKey === 0 ? "key" : "value";
-		switch (type) {
+		switch (+lastKey === 0 ? "key" : "value") {
 			case "key": {
 				const newKey = mapper(keyToRow);
 				parent.set(newKey, parent.get(keyToRow));
@@ -4945,8 +4886,7 @@ function copy(target$1, options = {}) {
 	return [...props, ...symbols].reduce((carry, key) => {
 		if (isArray$1(options.props) && !options.props.includes(key)) return carry;
 		const val = target$1[key];
-		const newVal = copy(val, options);
-		assignProp(carry, key, newVal, target$1, options.nonenumerable);
+		assignProp(carry, key, copy(val, options), target$1, options.nonenumerable);
 		return carry;
 	}, {});
 }
@@ -5276,8 +5216,7 @@ function createIframeServerChannel() {
 	};
 	return {
 		post: (data) => {
-			const iframe = getIframeServerContext();
-			iframe?.contentWindow?.postMessage(SuperJSON.stringify({
+			getIframeServerContext()?.contentWindow?.postMessage(SuperJSON.stringify({
 				event: __DEVTOOLS_KIT_IFRAME_MESSAGING_EVENT_KEY,
 				data
 			}), "*");
@@ -5454,10 +5393,9 @@ function getFunctionDetails(func) {
 	} catch (e) {}
 	const match = matches && matches[0];
 	const args = typeof match === "string" ? match : "(?)";
-	const name = typeof func.name === "string" ? func.name : "";
 	return { _custom: {
 		type: "function",
-		displayText: `<span style="opacity:.8;margin-right:5px;">function</span> <span style="white-space:nowrap;">${escape(name)}${args}</span>`,
+		displayText: `<span style="opacity:.8;margin-right:5px;">function</span> <span style="white-space:nowrap;">${escape(typeof func.name === "string" ? func.name : "")}${args}</span>`,
 		tooltipText: string.trim() ? `<pre>${string}</pre>` : null
 	} };
 }
@@ -5479,11 +5417,10 @@ function getDateDetails(val) {
 	} };
 }
 function getMapDetails(val) {
-	const list = Object.fromEntries(val);
 	return { _custom: {
 		type: "map",
 		displayText: "Map",
-		value: list,
+		value: Object.fromEntries(val),
 		readOnly: true,
 		fields: { abstract: true }
 	} };
@@ -5605,8 +5542,7 @@ function tryGetRefValue(ref) {
 }
 function getObjectDetails(object) {
 	const info = getSetupStateType(object);
-	const isState = info.ref || info.computed || info.reactive;
-	if (isState) {
+	if (info.ref || info.computed || info.reactive) {
 		const stateTypeName = info.computed ? "Computed" : info.ref ? "Ref" : info.reactive ? "Reactive" : null;
 		const value = toRaw(info.reactive ? object : tryGetRefValue(object));
 		const raw = ensurePropertyExists(object, "effect") ? object.effect?.raw?.toString() || object.effect?.fn?.toString() : null;
@@ -5788,8 +5724,7 @@ function stringifyStrictCircularAutoChunks(data, replacer = null, space = null)
 }
 function parseCircularAutoChunks(data, reviver$1 = null) {
 	if (Array.isArray(data)) data = data.join("");
-	const hasCircular = /^\s/.test(data);
-	if (!hasCircular) return arguments.length === 1 ? JSON.parse(data) : JSON.parse(data, reviver$1);
+	if (!/^\s/.test(data)) return arguments.length === 1 ? JSON.parse(data) : JSON.parse(data, reviver$1);
 	else {
 		const list = JSON.parse(data);
 		decode(list, reviver$1);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vue/devtools-kit",
   "type": "module",
-  "version": "8.0.1",
+  "version": "8.0.3",
   "author": "webfansplz",
   "license": "MIT",
   "repository": {
@@ -23,18 +23,18 @@
     "dist"
   ],
   "dependencies": {
-    "birpc": "^2.5.0",
+    "birpc": "^2.6.1",
     "hookable": "^5.5.3",
     "mitt": "^3.0.1",
-    "perfect-debounce": "^1.0.0",
+    "perfect-debounce": "^2.0.0",
     "speakingurl": "^14.0.1",
     "superjson": "^2.2.2",
-    "@vue/devtools-shared": "^8.0.1"
+    "@vue/devtools-shared": "^8.0.3"
   },
   "devDependencies": {
     "@types/speakingurl": "^13.0.6",
-    "vue": "^3.5.18",
-    "vue-router": "^4.5.1"
+    "vue": "^3.5.22",
+    "vue-router": "^4.6.0"
   },
   "scripts": {
     "build": "tsdown --clean",