@vue/devtools-kit 7.3.0-beta.3 → 7.3.0

package/dist/index.js

@@ -18,18 +18,18 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target19) => (target19 = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+var __toESM = (mod, isNodeMode, target20) => (target20 = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
   // If the importer is in node compatibility mode or this is not an ESM
   // file that has been converted to a CommonJS file using a Babel-
   // compatible transform (i.e. "__esModule" has not been set), then set
   // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target19, "default", { value: mod, enumerable: true }) : target19,
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target20, "default", { value: mod, enumerable: true }) : target20,
   mod
 ));
 
-// ../../node_modules/.pnpm/tsup@8.1.0_@microsoft+api-extractor@7.43.0_@types+node@20.14.2__postcss@8.4.38_typescript@5.4.5/node_modules/tsup/assets/esm_shims.js
+// ../../node_modules/.pnpm/tsup@8.1.0_@microsoft+api-extractor@7.43.0_@types+node@20.14.2__@swc+core@1.5.29_postcss@8.4.38_typescript@5.4.5/node_modules/tsup/assets/esm_shims.js
 var init_esm_shims = __esm({
-  "../../node_modules/.pnpm/tsup@8.1.0_@microsoft+api-extractor@7.43.0_@types+node@20.14.2__postcss@8.4.38_typescript@5.4.5/node_modules/tsup/assets/esm_shims.js"() {
+  "../../node_modules/.pnpm/tsup@8.1.0_@microsoft+api-extractor@7.43.0_@types+node@20.14.2__@swc+core@1.5.29_postcss@8.4.38_typescript@5.4.5/node_modules/tsup/assets/esm_shims.js"() {
     "use strict";
   }
 });
@@ -1577,7 +1577,7 @@ init_esm_shims();
 
 // src/core/index.ts
 init_esm_shims();
-import { isNuxtApp, target as target11 } from "@vue/devtools-shared";
+import { isNuxtApp, target as target12 } from "@vue/devtools-shared";
 
 // src/hook/index.ts
 init_esm_shims();
@@ -1721,7 +1721,7 @@ var hook = {
 
 // src/ctx/index.ts
 init_esm_shims();
-import { target as target8 } from "@vue/devtools-shared";
+import { target as target9 } from "@vue/devtools-shared";
 
 // src/ctx/hook.ts
 init_esm_shims();
@@ -2045,9 +2045,9 @@ function unhighlight() {
 }
 var inspectInstance = null;
 function inspectFn(e) {
-  const target19 = e.target;
-  if (target19) {
-    const instance = target19.__vueParentComponent;
+  const target20 = e.target;
+  if (target20) {
+    const instance = target20.__vueParentComponent;
     if (instance) {
       inspectInstance = instance;
       const el = instance.vnode.el;
@@ -2223,7 +2223,7 @@ function setActiveAppRecordId(id) {
   updateAllStates();
 }
 var devtoolsState = new Proxy(global[STATE_KEY], {
-  get(target19, property) {
+  get(target20, property) {
     if (property === "appRecords") {
       return devtoolsAppRecords;
     } else if (property === "activeAppRecordId") {
@@ -2235,13 +2235,13 @@ var devtoolsState = new Proxy(global[STATE_KEY], {
     }
     return global[STATE_KEY][property];
   },
-  deleteProperty(target19, property) {
-    delete target19[property];
+  deleteProperty(target20, property) {
+    delete target20[property];
     return true;
   },
-  set(target19, property, value) {
+  set(target20, property, value) {
     const oldState = { ...global[STATE_KEY] };
-    target19[property] = value;
+    target20[property] = value;
     global[STATE_KEY][property] = value;
     return true;
   }
@@ -2307,8 +2307,8 @@ import { target as target2 } from "@vue/devtools-shared";
 var _a8, _b8;
 (_b8 = (_a8 = target2).__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS) != null ? _b8 : _a8.__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS = [];
 var devtoolsTimelineLayers = new Proxy(target2.__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS, {
-  get(target19, prop, receiver) {
-    return Reflect.get(target19, prop, receiver);
+  get(target20, prop, receiver) {
+    return Reflect.get(target20, prop, receiver);
   }
 });
 function addTimelineLayer(options, descriptor) {
@@ -2323,8 +2323,8 @@ function addTimelineLayer(options, descriptor) {
 var _a9, _b9;
 (_b9 = (_a9 = target3).__VUE_DEVTOOLS_KIT_INSPECTOR__) != null ? _b9 : _a9.__VUE_DEVTOOLS_KIT_INSPECTOR__ = [];
 var devtoolsInspector = new Proxy(target3.__VUE_DEVTOOLS_KIT_INSPECTOR__, {
-  get(target19, prop, receiver) {
-    return Reflect.get(target19, prop, receiver);
+  get(target20, prop, receiver) {
+    return Reflect.get(target20, prop, receiver);
   }
 });
 var callInspectorUpdatedHook = debounce2(() => {
@@ -2528,6 +2528,7 @@ function createDevToolsCtxHooks() {
 
 // src/ctx/api.ts
 init_esm_shims();
+import { target as target6 } from "@vue/devtools-shared";
 
 // src/core/component/state/editor.ts
 init_esm_shims();
@@ -2601,9 +2602,9 @@ var StateEditor = class {
         else Reflect.deleteProperty(object, field);
       }
       if (!state.remove) {
-        const target19 = object[state.newKey || field];
-        if (this.refEditor.isRef(target19))
-          this.refEditor.set(target19, value);
+        const target20 = object[state.newKey || field];
+        if (this.refEditor.isRef(target20))
+          this.refEditor.set(target20, value);
         else if (toRaw(object) instanceof Map)
           object.set(state.newKey || field, value);
         else if (toRaw(object) instanceof Set)
@@ -2655,15 +2656,15 @@ async function editComponentState(payload, stateEditor2) {
   if (!instance)
     return;
   const targetPath = path.slice();
-  let target19;
+  let target20;
   if (instance.devtoolsRawSetupState && Object.keys(instance.devtoolsRawSetupState).includes(path[0]))
-    target19 = instance.devtoolsRawSetupState;
+    target20 = instance.devtoolsRawSetupState;
   if (instance.data && Object.keys(instance.data).includes(path[0]))
-    target19 = instance.data;
-  if (target19 && targetPath) {
+    target20 = instance.data;
+  if (target20 && targetPath) {
     if (state.type === "object" && type === "reactive") {
     }
-    stateEditor2.set(target19, targetPath, state.value, stateEditor2.createDefaultSetCallback(state));
+    stateEditor2.set(target20, targetPath, state.value, stateEditor2.createDefaultSetCallback(state));
   }
 }
 var stateEditor = new StateEditor();
@@ -2707,12 +2708,12 @@ var _a10, _b10;
 var _a11, _b11;
 (_b11 = (_a11 = global2)[ROUTER_KEY]) != null ? _b11 : _a11[ROUTER_KEY] = {};
 var devtoolsRouterInfo = new Proxy(global2[ROUTER_INFO_KEY], {
-  get(target19, property) {
+  get(target20, property) {
     return global2[ROUTER_INFO_KEY][property];
   }
 });
 var devtoolsRouter = new Proxy(global2[ROUTER_KEY], {
-  get(target19, property) {
+  get(target20, property) {
     if (property === "value") {
       return global2[ROUTER_KEY];
     }
@@ -2912,18 +2913,28 @@ function createDevToolsApi(hooks2) {
         normalizeRouterInfo(appRecord, activeAppRecord);
         callInspectorUpdatedHook();
       }
+    },
+    // inspect dom
+    inspectDOM(instanceId) {
+      const instance = getComponentInstance(activeAppRecord.value, instanceId);
+      if (instance) {
+        const [el] = getRootElementsFromComponentInstance(instance);
+        if (el) {
+          target6.__VUE_DEVTOOLS_INSPECT_DOM_TARGET__ = el;
+        }
+      }
     }
   };
 }
 
 // src/ctx/plugin.ts
 init_esm_shims();
-import { target as target6 } from "@vue/devtools-shared";
+import { target as target7 } from "@vue/devtools-shared";
 var _a13, _b13;
-(_b13 = (_a13 = target6).__VUE_DEVTOOLS_KIT_PLUGIN_BUFFER__) != null ? _b13 : _a13.__VUE_DEVTOOLS_KIT_PLUGIN_BUFFER__ = [];
-var devtoolsPluginBuffer = new Proxy(target6.__VUE_DEVTOOLS_KIT_PLUGIN_BUFFER__, {
-  get(target19, prop, receiver) {
-    return Reflect.get(target19, prop, receiver);
+(_b13 = (_a13 = target7).__VUE_DEVTOOLS_KIT_PLUGIN_BUFFER__) != null ? _b13 : _a13.__VUE_DEVTOOLS_KIT_PLUGIN_BUFFER__ = [];
+var devtoolsPluginBuffer = new Proxy(target7.__VUE_DEVTOOLS_KIT_PLUGIN_BUFFER__, {
+  get(target20, prop, receiver) {
+    return Reflect.get(target20, prop, receiver);
   }
 });
 function addDevToolsPluginToBuffer(pluginDescriptor, setupFn) {
@@ -2932,17 +2943,17 @@ function addDevToolsPluginToBuffer(pluginDescriptor, setupFn) {
 
 // src/ctx/env.ts
 init_esm_shims();
-import { target as target7 } from "@vue/devtools-shared";
+import { target as target8 } from "@vue/devtools-shared";
 var _a14, _b14;
-(_b14 = (_a14 = target7).__VUE_DEVTOOLS_ENV__) != null ? _b14 : _a14.__VUE_DEVTOOLS_ENV__ = {
+(_b14 = (_a14 = target8).__VUE_DEVTOOLS_ENV__) != null ? _b14 : _a14.__VUE_DEVTOOLS_ENV__ = {
   vitePluginDetected: false
 };
 function getDevToolsEnv() {
-  return target7.__VUE_DEVTOOLS_ENV__;
+  return target8.__VUE_DEVTOOLS_ENV__;
 }
 function setDevToolsEnv(env) {
-  target7.__VUE_DEVTOOLS_ENV__ = {
-    ...target7.__VUE_DEVTOOLS_ENV__,
+  target8.__VUE_DEVTOOLS_ENV__ = {
+    ...target8.__VUE_DEVTOOLS_ENV__,
     ...env
   };
 }
@@ -2950,7 +2961,7 @@ function setDevToolsEnv(env) {
 // src/ctx/index.ts
 var hooks = createDevToolsCtxHooks();
 var _a15, _b15;
-(_b15 = (_a15 = target8).__VUE_DEVTOOLS_KIT_CONTEXT__) != null ? _b15 : _a15.__VUE_DEVTOOLS_KIT_CONTEXT__ = {
+(_b15 = (_a15 = target9).__VUE_DEVTOOLS_KIT_CONTEXT__) != null ? _b15 : _a15.__VUE_DEVTOOLS_KIT_CONTEXT__ = {
   hooks,
   get state() {
     return {
@@ -2962,17 +2973,17 @@ var _a15, _b15;
   },
   api: createDevToolsApi(hooks)
 };
-var devtoolsContext = target8.__VUE_DEVTOOLS_KIT_CONTEXT__;
+var devtoolsContext = target9.__VUE_DEVTOOLS_KIT_CONTEXT__;
 
 // src/compat/index.ts
 init_esm_shims();
-import { target as target9 } from "@vue/devtools-shared";
+import { target as target10 } from "@vue/devtools-shared";
 function onLegacyDevToolsPluginApiAvailable(cb) {
-  if (target9.__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__) {
+  if (target10.__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__) {
     cb();
     return;
   }
-  Object.defineProperty(target9, "__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__", {
+  Object.defineProperty(target10, "__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__", {
     set(value) {
       if (value)
         cb();
@@ -2984,9 +2995,9 @@ function onLegacyDevToolsPluginApiAvailable(cb) {
 // src/core/app/index.ts
 init_esm_shims();
 var import_speakingurl = __toESM(require_speakingurl2(), 1);
-import { target as target10 } from "@vue/devtools-shared";
+import { target as target11 } from "@vue/devtools-shared";
 var _a16, _b16;
-var appRecordInfo = (_b16 = (_a16 = target10).__VUE_DEVTOOLS_NEXT_APP_RECORD_INFO__) != null ? _b16 : _a16.__VUE_DEVTOOLS_NEXT_APP_RECORD_INFO__ = {
+var appRecordInfo = (_b16 = (_a16 = target11).__VUE_DEVTOOLS_NEXT_APP_RECORD_INFO__) != null ? _b16 : _a16.__VUE_DEVTOOLS_NEXT_APP_RECORD_INFO__ = {
   id: 0,
   appIds: /* @__PURE__ */ new Set()
 };
@@ -3805,6 +3816,28 @@ function getInstanceState(params) {
   };
 }
 
+// src/core/vm/index.ts
+init_esm_shims();
+var MAX_$VM = 10;
+var $vmQueue = [];
+function exposeInstanceToWindow(componentInstance) {
+  const win = window;
+  if (typeof win === "undefined")
+    return;
+  if (!componentInstance)
+    return;
+  win.$vm = componentInstance;
+  if ($vmQueue[0] !== componentInstance) {
+    if ($vmQueue.length >= MAX_$VM) {
+      $vmQueue.pop();
+    }
+    for (let i = $vmQueue.length; i > 0; i--) {
+      win[`$vm${i}`] = $vmQueue[i] = $vmQueue[i - 1];
+    }
+    win.$vm0 = $vmQueue[0] = componentInstance;
+  }
+}
+
 // src/core/plugin/components.ts
 var INSPECTOR_ID = "components";
 function createComponentsDevToolsPlugin(app) {
@@ -3850,6 +3883,7 @@ function createComponentsDevToolsPlugin(app) {
           callbacks.forEach((cb) => cb(_payload));
         }, "inspectComponent" /* INSPECT_COMPONENT */);
         payload.state = result;
+        exposeInstanceToWindow(componentInstance);
       }
     });
     api.on.editInspectorState(async (payload) => {
@@ -3976,11 +4010,11 @@ function initDevTools() {
   updateDevToolsState({
     vitePluginDetected: getDevToolsEnv().vitePluginDetected
   });
-  const isDevToolsNext = ((_a23 = target11.__VUE_DEVTOOLS_GLOBAL_HOOK__) == null ? void 0 : _a23.id) === "vue-devtools-next";
-  if (target11.__VUE_DEVTOOLS_GLOBAL_HOOK__ && isDevToolsNext)
+  const isDevToolsNext = ((_a23 = target12.__VUE_DEVTOOLS_GLOBAL_HOOK__) == null ? void 0 : _a23.id) === "vue-devtools-next";
+  if (target12.__VUE_DEVTOOLS_GLOBAL_HOOK__ && isDevToolsNext)
     return;
-  if (!target11.__VUE_DEVTOOLS_GLOBAL_HOOK__) {
-    target11.__VUE_DEVTOOLS_GLOBAL_HOOK__ = createDevToolsHook();
+  if (!target12.__VUE_DEVTOOLS_GLOBAL_HOOK__) {
+    target12.__VUE_DEVTOOLS_GLOBAL_HOOK__ = createDevToolsHook();
   } else {
     if (!isNuxtApp) {
       Object.assign(__VUE_DEVTOOLS_GLOBAL_HOOK__, createDevToolsHook());
@@ -3997,7 +4031,7 @@ function initDevTools() {
   onLegacyDevToolsPluginApiAvailable(() => {
     const normalizedPluginBuffer = devtoolsPluginBuffer.filter(([item]) => item.id !== "components");
     normalizedPluginBuffer.forEach(([pluginDescriptor, setupFn]) => {
-      target11.__VUE_DEVTOOLS_GLOBAL_HOOK__.emit("devtools-plugin:setup" /* SETUP_DEVTOOLS_PLUGIN */, pluginDescriptor, setupFn, { target: "legacy" });
+      target12.__VUE_DEVTOOLS_GLOBAL_HOOK__.emit("devtools-plugin:setup" /* SETUP_DEVTOOLS_PLUGIN */, pluginDescriptor, setupFn, { target: "legacy" });
     });
   });
   hook.on.vueAppInit(async (app, version) => {
@@ -4018,7 +4052,7 @@ function initDevTools() {
     updateDevToolsState({
       connected: true
     });
-    target11.__VUE_DEVTOOLS_GLOBAL_HOOK__.apps.push(app);
+    target12.__VUE_DEVTOOLS_GLOBAL_HOOK__.apps.push(app);
   });
   hook.on.vueAppUnmount(async (app) => {
     const activeRecords = devtoolsAppRecords.value.filter((appRecord) => appRecord.app !== app);
@@ -4033,7 +4067,7 @@ function initDevTools() {
       setActiveAppRecord(activeRecords[0]);
       devtoolsContext.hooks.callHook("sendActiveAppUpdatedToClient" /* SEND_ACTIVE_APP_UNMOUNTED_TO_CLIENT */);
     }
-    target11.__VUE_DEVTOOLS_GLOBAL_HOOK__.apps.splice(target11.__VUE_DEVTOOLS_GLOBAL_HOOK__.apps.indexOf(app), 1);
+    target12.__VUE_DEVTOOLS_GLOBAL_HOOK__.apps.splice(target12.__VUE_DEVTOOLS_GLOBAL_HOOK__.apps.indexOf(app), 1);
   });
   subscribeDevToolsHook();
 }
@@ -4062,7 +4096,7 @@ function toggleHighPerfMode(state) {
 // src/messaging/index.ts
 init_esm_shims();
 import { createBirpc, createBirpcGroup } from "birpc";
-import { target as target17 } from "@vue/devtools-shared";
+import { target as target18 } from "@vue/devtools-shared";
 
 // src/messaging/presets/index.ts
 init_esm_shims();
@@ -4775,22 +4809,22 @@ function assignProp(carry, key, newVal, originalObject, includeNonenumerable) {
     });
   }
 }
-function copy(target19, options = {}) {
-  if (isArray2(target19)) {
-    return target19.map((item) => copy(item, options));
+function copy(target20, options = {}) {
+  if (isArray2(target20)) {
+    return target20.map((item) => copy(item, options));
   }
-  if (!isPlainObject3(target19)) {
-    return target19;
+  if (!isPlainObject3(target20)) {
+    return target20;
   }
-  const props = Object.getOwnPropertyNames(target19);
-  const symbols = Object.getOwnPropertySymbols(target19);
+  const props = Object.getOwnPropertyNames(target20);
+  const symbols = Object.getOwnPropertySymbols(target20);
   return [...props, ...symbols].reduce((carry, key) => {
     if (isArray2(options.props) && !options.props.includes(key)) {
       return carry;
     }
-    const val = target19[key];
+    const val = target20[key];
     const newVal = copy(val, options);
-    assignProp(carry, key, newVal, target19, options.nonenumerable);
+    assignProp(carry, key, newVal, target20, options.nonenumerable);
     return carry;
   }, {});
 }
@@ -4884,14 +4918,14 @@ var allowErrorProps = SuperJSON.allowErrorProps;
 
 // src/messaging/presets/iframe/context.ts
 init_esm_shims();
-import { target as target12 } from "@vue/devtools-shared";
+import { target as target13 } from "@vue/devtools-shared";
 var __DEVTOOLS_KIT_IFRAME_MESSAGING_EVENT_KEY = "__devtools-kit-iframe-messaging-event-key__";
 var __IFRAME_SERVER_CONTEXT__ = "iframe:server-context";
 function getIframeServerContext() {
-  return target12[__IFRAME_SERVER_CONTEXT__];
+  return target13[__IFRAME_SERVER_CONTEXT__];
 }
 function setIframeServerContext(context) {
-  target12[__IFRAME_SERVER_CONTEXT__] = context;
+  target13[__IFRAME_SERVER_CONTEXT__] = context;
 }
 
 // src/messaging/presets/iframe/client.ts
@@ -4994,21 +5028,21 @@ init_esm_shims();
 
 // src/messaging/presets/vite/context.ts
 init_esm_shims();
-import { target as target13 } from "@vue/devtools-shared";
+import { target as target14 } from "@vue/devtools-shared";
 var __DEVTOOLS_KIT_VITE_MESSAGING_EVENT_KEY = "__devtools-kit-vite-messaging-event-key__";
 var __VITE_CLIENT_CONTEXT__ = "vite:client-context";
 var __VITE_SERVER_CONTEXT__ = "vite:server-context";
 function getViteClientContext() {
-  return target13[__VITE_CLIENT_CONTEXT__];
+  return target14[__VITE_CLIENT_CONTEXT__];
 }
 function setViteClientContext(context) {
-  target13[__VITE_CLIENT_CONTEXT__] = context;
+  target14[__VITE_CLIENT_CONTEXT__] = context;
 }
 function getViteServerContext() {
-  return target13[__VITE_SERVER_CONTEXT__];
+  return target14[__VITE_SERVER_CONTEXT__];
 }
 function setViteServerContext(context) {
-  target13[__VITE_SERVER_CONTEXT__] = context;
+  target14[__VITE_SERVER_CONTEXT__] = context;
 }
 
 // src/messaging/presets/vite/client.ts
@@ -5048,7 +5082,7 @@ init_esm_shims();
 
 // src/messaging/presets/ws/context.ts
 init_esm_shims();
-import { target as target14 } from "@vue/devtools-shared";
+import { target as target15 } from "@vue/devtools-shared";
 
 // src/messaging/presets/ws/server.ts
 init_esm_shims();
@@ -5058,7 +5092,7 @@ init_esm_shims();
 
 // src/messaging/presets/electron/context.ts
 init_esm_shims();
-import { target as target15 } from "@vue/devtools-shared";
+import { target as target16 } from "@vue/devtools-shared";
 var __ELECTRON_CLIENT_CONTEXT__ = "electron:client-context";
 var __ELECTRON_RPOXY_CONTEXT__ = "electron:proxy-context";
 var __ELECTRON_SERVER_CONTEXT__ = "electron:server-context";
@@ -5076,22 +5110,22 @@ var __DEVTOOLS_KIT_ELECTRON_MESSAGING_EVENT_KEY__ = {
   // on: proxy->server
 };
 function getElectronClientContext() {
-  return target15[__ELECTRON_CLIENT_CONTEXT__];
+  return target16[__ELECTRON_CLIENT_CONTEXT__];
 }
 function setElectronClientContext(context) {
-  target15[__ELECTRON_CLIENT_CONTEXT__] = context;
+  target16[__ELECTRON_CLIENT_CONTEXT__] = context;
 }
 function getElectronProxyContext() {
-  return target15[__ELECTRON_RPOXY_CONTEXT__];
+  return target16[__ELECTRON_RPOXY_CONTEXT__];
 }
 function setElectronProxyContext(context) {
-  target15[__ELECTRON_RPOXY_CONTEXT__] = context;
+  target16[__ELECTRON_RPOXY_CONTEXT__] = context;
 }
 function getElectronServerContext() {
-  return target15[__ELECTRON_SERVER_CONTEXT__];
+  return target16[__ELECTRON_SERVER_CONTEXT__];
 }
 function setElectronServerContext(context) {
-  target15[__ELECTRON_SERVER_CONTEXT__] = context;
+  target16[__ELECTRON_SERVER_CONTEXT__] = context;
 }
 
 // src/messaging/presets/electron/client.ts
@@ -5149,7 +5183,7 @@ init_esm_shims();
 
 // src/messaging/presets/extension/context.ts
 init_esm_shims();
-import { target as target16 } from "@vue/devtools-shared";
+import { target as target17 } from "@vue/devtools-shared";
 var __EXTENSION_CLIENT_CONTEXT__ = "electron:client-context";
 var __DEVTOOLS_KIT_EXTENSION_MESSAGING_EVENT_KEY__ = {
   // client
@@ -5165,10 +5199,10 @@ var __DEVTOOLS_KIT_EXTENSION_MESSAGING_EVENT_KEY__ = {
   // on: proxy->server
 };
 function getExtensionClientContext() {
-  return target16[__EXTENSION_CLIENT_CONTEXT__];
+  return target17[__EXTENSION_CLIENT_CONTEXT__];
 }
 function setExtensionClientContext(context) {
-  target16[__EXTENSION_CLIENT_CONTEXT__] = context;
+  target17[__EXTENSION_CLIENT_CONTEXT__] = context;
 }
 
 // src/messaging/presets/extension/client.ts
@@ -5230,7 +5264,10 @@ function createExtensionProxyChannel() {
   }
   function sendMessageToDevToolsClient(e) {
     if (e.data && e.data.source === __DEVTOOLS_KIT_EXTENSION_MESSAGING_EVENT_KEY__.SERVER_TO_PROXY) {
-      port.postMessage(e.data.payload);
+      try {
+        port.postMessage(e.data.payload);
+      } catch (e2) {
+      }
     }
   }
   port.onMessage.addListener(sendMessageToUserApp);
@@ -5278,40 +5315,40 @@ function createExtensionServerChannel() {
 
 // src/messaging/index.ts
 var _a17, _b17;
-(_b17 = (_a17 = target17).__VUE_DEVTOOLS_KIT_MESSAGE_CHANNELS__) != null ? _b17 : _a17.__VUE_DEVTOOLS_KIT_MESSAGE_CHANNELS__ = [];
+(_b17 = (_a17 = target18).__VUE_DEVTOOLS_KIT_MESSAGE_CHANNELS__) != null ? _b17 : _a17.__VUE_DEVTOOLS_KIT_MESSAGE_CHANNELS__ = [];
 var _a18, _b18;
-(_b18 = (_a18 = target17).__VUE_DEVTOOLS_KIT_RPC_CLIENT__) != null ? _b18 : _a18.__VUE_DEVTOOLS_KIT_RPC_CLIENT__ = null;
+(_b18 = (_a18 = target18).__VUE_DEVTOOLS_KIT_RPC_CLIENT__) != null ? _b18 : _a18.__VUE_DEVTOOLS_KIT_RPC_CLIENT__ = null;
 var _a19, _b19;
-(_b19 = (_a19 = target17).__VUE_DEVTOOLS_KIT_RPC_SERVER__) != null ? _b19 : _a19.__VUE_DEVTOOLS_KIT_RPC_SERVER__ = null;
+(_b19 = (_a19 = target18).__VUE_DEVTOOLS_KIT_RPC_SERVER__) != null ? _b19 : _a19.__VUE_DEVTOOLS_KIT_RPC_SERVER__ = null;
 var _a20, _b20;
-(_b20 = (_a20 = target17).__VUE_DEVTOOLS_KIT_VITE_RPC_CLIENT__) != null ? _b20 : _a20.__VUE_DEVTOOLS_KIT_VITE_RPC_CLIENT__ = null;
+(_b20 = (_a20 = target18).__VUE_DEVTOOLS_KIT_VITE_RPC_CLIENT__) != null ? _b20 : _a20.__VUE_DEVTOOLS_KIT_VITE_RPC_CLIENT__ = null;
 var _a21, _b21;
-(_b21 = (_a21 = target17).__VUE_DEVTOOLS_KIT_VITE_RPC_SERVER__) != null ? _b21 : _a21.__VUE_DEVTOOLS_KIT_VITE_RPC_SERVER__ = null;
+(_b21 = (_a21 = target18).__VUE_DEVTOOLS_KIT_VITE_RPC_SERVER__) != null ? _b21 : _a21.__VUE_DEVTOOLS_KIT_VITE_RPC_SERVER__ = null;
 var _a22, _b22;
-(_b22 = (_a22 = target17).__VUE_DEVTOOLS_KIT_BROADCAST_RPC_SERVER__) != null ? _b22 : _a22.__VUE_DEVTOOLS_KIT_BROADCAST_RPC_SERVER__ = null;
+(_b22 = (_a22 = target18).__VUE_DEVTOOLS_KIT_BROADCAST_RPC_SERVER__) != null ? _b22 : _a22.__VUE_DEVTOOLS_KIT_BROADCAST_RPC_SERVER__ = null;
 function setRpcClientToGlobal(rpc) {
-  target17.__VUE_DEVTOOLS_KIT_RPC_CLIENT__ = rpc;
+  target18.__VUE_DEVTOOLS_KIT_RPC_CLIENT__ = rpc;
 }
 function setRpcServerToGlobal(rpc) {
-  target17.__VUE_DEVTOOLS_KIT_RPC_SERVER__ = rpc;
+  target18.__VUE_DEVTOOLS_KIT_RPC_SERVER__ = rpc;
 }
 function getRpcClient() {
-  return target17.__VUE_DEVTOOLS_KIT_RPC_CLIENT__;
+  return target18.__VUE_DEVTOOLS_KIT_RPC_CLIENT__;
 }
 function getRpcServer() {
-  return target17.__VUE_DEVTOOLS_KIT_RPC_SERVER__;
+  return target18.__VUE_DEVTOOLS_KIT_RPC_SERVER__;
 }
 function setViteRpcClientToGlobal(rpc) {
-  target17.__VUE_DEVTOOLS_KIT_VITE_RPC_CLIENT__ = rpc;
+  target18.__VUE_DEVTOOLS_KIT_VITE_RPC_CLIENT__ = rpc;
 }
 function setViteRpcServerToGlobal(rpc) {
-  target17.__VUE_DEVTOOLS_KIT_VITE_RPC_SERVER__ = rpc;
+  target18.__VUE_DEVTOOLS_KIT_VITE_RPC_SERVER__ = rpc;
 }
 function getViteRpcClient() {
-  return target17.__VUE_DEVTOOLS_KIT_VITE_RPC_CLIENT__;
+  return target18.__VUE_DEVTOOLS_KIT_VITE_RPC_CLIENT__;
 }
 function getViteRpcServer() {
-  return target17.__VUE_DEVTOOLS_KIT_VITE_RPC_SERVER__;
+  return target18.__VUE_DEVTOOLS_KIT_VITE_RPC_SERVER__;
 }
 function getChannel(preset, host = "client") {
   const channel = {
@@ -5611,7 +5648,7 @@ function getObjectDetails(object) {
 }
 
 // src/core/component/state/replacer.ts
-function stringifyReplacer(key) {
+function stringifyReplacer(key, _value, depth, seenInstance) {
   var _a23;
   if (key === "compilerOptions")
     return;
@@ -5661,7 +5698,13 @@ function stringifyReplacer(key) {
     } else if (val.constructor && val.constructor.name === "VueRouter") {
       return getRouterDetails(val);
     } else if (isVueInstance(val)) {
-      return getInstanceDetails(val);
+      const componentVal = getInstanceDetails(val);
+      const parentInstanceDepth = seenInstance == null ? void 0 : seenInstance.get(val);
+      if (parentInstanceDepth && parentInstanceDepth < depth) {
+        return `[[CircularRef]] <${componentVal._custom.displayText}>`;
+      }
+      seenInstance == null ? void 0 : seenInstance.set(val, depth);
+      return componentVal;
     } else if (typeof val.render === "function") {
       return getComponentDefinitionDetails(val);
     } else if (val.constructor && val.constructor.name === "VNode") {
@@ -5684,7 +5727,7 @@ function stringifyReplacer(key) {
 
 // src/core/component/state/reviver.ts
 init_esm_shims();
-import { target as target18 } from "@vue/devtools-shared";
+import { target as target19 } from "@vue/devtools-shared";
 function reviveSet(val) {
   const result = /* @__PURE__ */ new Set();
   const list = val._custom.value;
@@ -5729,7 +5772,7 @@ function revive(val) {
     return Symbol.for(string);
   } else if (specialTypeRE.test(val)) {
     const [, type, string, , details] = specialTypeRE.exec(val);
-    const result = new target18[type](string);
+    const result = new target19[type](string);
     if (type === "Error" && details)
       result.stack = details;
     return result;
@@ -5743,33 +5786,48 @@ function reviver(key, value) {
 
 // src/shared/transfer.ts
 init_esm_shims();
-var MAX_SERIALIZED_SIZE = 512 * 1024;
-function encode(data, replacer, list, seen) {
-  let stored, key, value, i, l;
+var MAX_SERIALIZED_SIZE = 2 * 1024 * 1024;
+function isObject(_data, proto) {
+  return proto === "[object Object]";
+}
+function isArray3(_data, proto) {
+  return proto === "[object Array]";
+}
+function encode(data, replacer, list, seen, depth = 0, seenVueInstance = /* @__PURE__ */ new Map()) {
+  let stored;
+  let key;
+  let value;
+  let i;
+  let l;
   const seenIndex = seen.get(data);
   if (seenIndex != null)
     return seenIndex;
   const index = list.length;
   const proto = Object.prototype.toString.call(data);
-  if (proto === "[object Object]") {
+  if (isObject(data, proto)) {
     stored = {};
     seen.set(data, index);
     list.push(stored);
     const keys = Object.keys(data);
     for (i = 0, l = keys.length; i < l; i++) {
       key = keys[i];
+      value = data[key];
+      const isVm = value != null && isObject(value, Object.prototype.toString.call(data)) && isVueInstance(value);
       try {
         if (key === "compilerOptions")
-          return;
-        value = data[key];
-        if (replacer)
-          value = replacer.call(data, key, value);
+          return index;
+        if (replacer) {
+          value = replacer.call(data, key, value, depth, seenVueInstance);
+        }
       } catch (e) {
         value = e;
       }
-      stored[key] = encode(value, replacer, list, seen);
+      stored[key] = encode(value, replacer, list, seen, depth + 1, seenVueInstance);
+      if (isVm) {
+        seenVueInstance.delete(value);
+      }
     }
-  } else if (proto === "[object Array]") {
+  } else if (isArray3(data, proto)) {
     stored = [];
     seen.set(data, index);
     list.push(stored);
@@ -5777,11 +5835,11 @@ function encode(data, replacer, list, seen) {
       try {
         value = data[i];
         if (replacer)
-          value = replacer.call(data, i, value);
+          value = replacer.call(data, i, value, depth, seenVueInstance);
       } catch (e) {
         value = e;
       }
-      stored[i] = encode(value, replacer, list, seen);
+      stored[i] = encode(value, replacer, list, seen, depth + 1, seenVueInstance);
     }
   } else {
     list.push(data);
@@ -5816,7 +5874,7 @@ function decode(list, reviver2 = null) {
 function stringifyCircularAutoChunks(data, replacer = null, space = null) {
   let result;
   try {
-    result = arguments.length === 1 ? JSON.stringify(data) : JSON.stringify(data, replacer, space);
+    result = arguments.length === 1 ? JSON.stringify(data) : JSON.stringify(data, (k, v) => replacer == null ? void 0 : replacer(k, v), space);
   } catch (e) {
     result = stringifyStrictCircularAutoChunks(data, replacer, space);
   }