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

package/dist/index.cjs

@@ -11,9 +11,9 @@ var __esm = (fn, res) => function __init() {
 var __commonJS = (cb, mod) => function __require() {
   return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
 };
-var __export = (target19, all) => {
+var __export = (target20, all) => {
   for (var name in all)
-    __defProp(target19, name, { get: all[name], enumerable: true });
+    __defProp(target20, name, { get: all[name], enumerable: true });
 };
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
@@ -23,19 +23,19 @@ 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
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), 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/cjs_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/cjs_shims.js
 var init_cjs_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/cjs_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/cjs_shims.js"() {
     "use strict";
   }
 });
@@ -1665,7 +1665,7 @@ init_cjs_shims();
 
 // src/core/index.ts
 init_cjs_shims();
-var import_devtools_shared17 = require("@vue/devtools-shared");
+var import_devtools_shared18 = require("@vue/devtools-shared");
 
 // src/hook/index.ts
 init_cjs_shims();
@@ -1809,7 +1809,7 @@ var hook = {
 
 // src/ctx/index.ts
 init_cjs_shims();
-var import_devtools_shared12 = require("@vue/devtools-shared");
+var import_devtools_shared13 = require("@vue/devtools-shared");
 
 // src/ctx/hook.ts
 init_cjs_shims();
@@ -2133,9 +2133,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;
@@ -2311,7 +2311,7 @@ function setActiveAppRecordId(id) {
   updateAllStates();
 }
 var devtoolsState = new Proxy(import_devtools_shared3.target[STATE_KEY], {
-  get(target19, property) {
+  get(target20, property) {
     if (property === "appRecords") {
       return devtoolsAppRecords;
     } else if (property === "activeAppRecordId") {
@@ -2323,13 +2323,13 @@ var devtoolsState = new Proxy(import_devtools_shared3.target[STATE_KEY], {
     }
     return import_devtools_shared3.target[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 = { ...import_devtools_shared3.target[STATE_KEY] };
-    target19[property] = value;
+    target20[property] = value;
     import_devtools_shared3.target[STATE_KEY][property] = value;
     return true;
   }
@@ -2395,8 +2395,8 @@ var import_devtools_shared4 = require("@vue/devtools-shared");
 var _a8, _b8;
 (_b8 = (_a8 = import_devtools_shared4.target).__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS) != null ? _b8 : _a8.__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS = [];
 var devtoolsTimelineLayers = new Proxy(import_devtools_shared4.target.__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) {
@@ -2411,8 +2411,8 @@ function addTimelineLayer(options, descriptor) {
 var _a9, _b9;
 (_b9 = (_a9 = import_devtools_shared5.target).__VUE_DEVTOOLS_KIT_INSPECTOR__) != null ? _b9 : _a9.__VUE_DEVTOOLS_KIT_INSPECTOR__ = [];
 var devtoolsInspector = new Proxy(import_devtools_shared5.target.__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 = (0, import_perfect_debounce2.debounce)(() => {
@@ -2616,6 +2616,7 @@ function createDevToolsCtxHooks() {
 
 // src/ctx/api.ts
 init_cjs_shims();
+var import_devtools_shared10 = require("@vue/devtools-shared");
 
 // src/core/component/state/editor.ts
 init_cjs_shims();
@@ -2689,9 +2690,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 ((0, import_vue2.toRaw)(object) instanceof Map)
           object.set(state.newKey || field, value);
         else if ((0, import_vue2.toRaw)(object) instanceof Set)
@@ -2743,15 +2744,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();
@@ -2795,12 +2796,12 @@ var _a10, _b10;
 var _a11, _b11;
 (_b11 = (_a11 = import_devtools_shared7.target)[ROUTER_KEY]) != null ? _b11 : _a11[ROUTER_KEY] = {};
 var devtoolsRouterInfo = new Proxy(import_devtools_shared7.target[ROUTER_INFO_KEY], {
-  get(target19, property) {
+  get(target20, property) {
     return import_devtools_shared7.target[ROUTER_INFO_KEY][property];
   }
 });
 var devtoolsRouter = new Proxy(import_devtools_shared7.target[ROUTER_KEY], {
-  get(target19, property) {
+  get(target20, property) {
     if (property === "value") {
       return import_devtools_shared7.target[ROUTER_KEY];
     }
@@ -3000,18 +3001,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) {
+          import_devtools_shared10.target.__VUE_DEVTOOLS_INSPECT_DOM_TARGET__ = el;
+        }
+      }
     }
   };
 }
 
 // src/ctx/plugin.ts
 init_cjs_shims();
-var import_devtools_shared10 = require("@vue/devtools-shared");
+var import_devtools_shared11 = require("@vue/devtools-shared");
 var _a13, _b13;
-(_b13 = (_a13 = import_devtools_shared10.target).__VUE_DEVTOOLS_KIT_PLUGIN_BUFFER__) != null ? _b13 : _a13.__VUE_DEVTOOLS_KIT_PLUGIN_BUFFER__ = [];
-var devtoolsPluginBuffer = new Proxy(import_devtools_shared10.target.__VUE_DEVTOOLS_KIT_PLUGIN_BUFFER__, {
-  get(target19, prop, receiver) {
-    return Reflect.get(target19, prop, receiver);
+(_b13 = (_a13 = import_devtools_shared11.target).__VUE_DEVTOOLS_KIT_PLUGIN_BUFFER__) != null ? _b13 : _a13.__VUE_DEVTOOLS_KIT_PLUGIN_BUFFER__ = [];
+var devtoolsPluginBuffer = new Proxy(import_devtools_shared11.target.__VUE_DEVTOOLS_KIT_PLUGIN_BUFFER__, {
+  get(target20, prop, receiver) {
+    return Reflect.get(target20, prop, receiver);
   }
 });
 function addDevToolsPluginToBuffer(pluginDescriptor, setupFn) {
@@ -3020,17 +3031,17 @@ function addDevToolsPluginToBuffer(pluginDescriptor, setupFn) {
 
 // src/ctx/env.ts
 init_cjs_shims();
-var import_devtools_shared11 = require("@vue/devtools-shared");
+var import_devtools_shared12 = require("@vue/devtools-shared");
 var _a14, _b14;
-(_b14 = (_a14 = import_devtools_shared11.target).__VUE_DEVTOOLS_ENV__) != null ? _b14 : _a14.__VUE_DEVTOOLS_ENV__ = {
+(_b14 = (_a14 = import_devtools_shared12.target).__VUE_DEVTOOLS_ENV__) != null ? _b14 : _a14.__VUE_DEVTOOLS_ENV__ = {
   vitePluginDetected: false
 };
 function getDevToolsEnv() {
-  return import_devtools_shared11.target.__VUE_DEVTOOLS_ENV__;
+  return import_devtools_shared12.target.__VUE_DEVTOOLS_ENV__;
 }
 function setDevToolsEnv(env) {
-  import_devtools_shared11.target.__VUE_DEVTOOLS_ENV__ = {
-    ...import_devtools_shared11.target.__VUE_DEVTOOLS_ENV__,
+  import_devtools_shared12.target.__VUE_DEVTOOLS_ENV__ = {
+    ...import_devtools_shared12.target.__VUE_DEVTOOLS_ENV__,
     ...env
   };
 }
@@ -3038,7 +3049,7 @@ function setDevToolsEnv(env) {
 // src/ctx/index.ts
 var hooks = createDevToolsCtxHooks();
 var _a15, _b15;
-(_b15 = (_a15 = import_devtools_shared12.target).__VUE_DEVTOOLS_KIT_CONTEXT__) != null ? _b15 : _a15.__VUE_DEVTOOLS_KIT_CONTEXT__ = {
+(_b15 = (_a15 = import_devtools_shared13.target).__VUE_DEVTOOLS_KIT_CONTEXT__) != null ? _b15 : _a15.__VUE_DEVTOOLS_KIT_CONTEXT__ = {
   hooks,
   get state() {
     return {
@@ -3050,17 +3061,17 @@ var _a15, _b15;
   },
   api: createDevToolsApi(hooks)
 };
-var devtoolsContext = import_devtools_shared12.target.__VUE_DEVTOOLS_KIT_CONTEXT__;
+var devtoolsContext = import_devtools_shared13.target.__VUE_DEVTOOLS_KIT_CONTEXT__;
 
 // src/compat/index.ts
 init_cjs_shims();
-var import_devtools_shared13 = require("@vue/devtools-shared");
+var import_devtools_shared14 = require("@vue/devtools-shared");
 function onLegacyDevToolsPluginApiAvailable(cb) {
-  if (import_devtools_shared13.target.__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__) {
+  if (import_devtools_shared14.target.__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__) {
     cb();
     return;
   }
-  Object.defineProperty(import_devtools_shared13.target, "__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__", {
+  Object.defineProperty(import_devtools_shared14.target, "__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__", {
     set(value) {
       if (value)
         cb();
@@ -3072,9 +3083,9 @@ function onLegacyDevToolsPluginApiAvailable(cb) {
 // src/core/app/index.ts
 init_cjs_shims();
 var import_speakingurl = __toESM(require_speakingurl2(), 1);
-var import_devtools_shared14 = require("@vue/devtools-shared");
+var import_devtools_shared15 = require("@vue/devtools-shared");
 var _a16, _b16;
-var appRecordInfo = (_b16 = (_a16 = import_devtools_shared14.target).__VUE_DEVTOOLS_NEXT_APP_RECORD_INFO__) != null ? _b16 : _a16.__VUE_DEVTOOLS_NEXT_APP_RECORD_INFO__ = {
+var appRecordInfo = (_b16 = (_a16 = import_devtools_shared15.target).__VUE_DEVTOOLS_NEXT_APP_RECORD_INFO__) != null ? _b16 : _a16.__VUE_DEVTOOLS_NEXT_APP_RECORD_INFO__ = {
   id: 0,
   appIds: /* @__PURE__ */ new Set()
 };
@@ -3270,7 +3281,7 @@ init_cjs_shims();
 
 // src/core/component/tree/filter.ts
 init_cjs_shims();
-var import_devtools_shared15 = require("@vue/devtools-shared");
+var import_devtools_shared16 = require("@vue/devtools-shared");
 var ComponentFilter = class {
   constructor(filter) {
     this.filter = filter || "";
@@ -3283,7 +3294,7 @@ var ComponentFilter = class {
    */
   isQualified(instance) {
     const name = getInstanceName(instance);
-    return (0, import_devtools_shared15.classify)(name).toLowerCase().includes(this.filter) || (0, import_devtools_shared15.kebabize)(name).toLowerCase().includes(this.filter);
+    return (0, import_devtools_shared16.classify)(name).toLowerCase().includes(this.filter) || (0, import_devtools_shared16.kebabize)(name).toLowerCase().includes(this.filter);
   }
 };
 function createComponentFilter(filterText) {
@@ -3487,7 +3498,7 @@ init_cjs_shims();
 
 // src/core/component/state/process.ts
 init_cjs_shims();
-var import_devtools_shared16 = require("@vue/devtools-shared");
+var import_devtools_shared17 = require("@vue/devtools-shared");
 
 // src/core/component/state/constants.ts
 init_cjs_shims();
@@ -3691,7 +3702,7 @@ function processProps(instance) {
   const propDefinitions = instance.type.props;
   for (const key in instance.props) {
     const propDefinition = propDefinitions ? propDefinitions[key] : null;
-    const camelizeKey = (0, import_devtools_shared16.camelize)(key);
+    const camelizeKey = (0, import_devtools_shared17.camelize)(key);
     props.push({
       type: "props",
       key: camelizeKey,
@@ -3893,6 +3904,28 @@ function getInstanceState(params) {
   };
 }
 
+// src/core/vm/index.ts
+init_cjs_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) {
@@ -3938,6 +3971,7 @@ function createComponentsDevToolsPlugin(app) {
           callbacks.forEach((cb) => cb(_payload));
         }, "inspectComponent" /* INSPECT_COMPONENT */);
         payload.state = result;
+        exposeInstanceToWindow(componentInstance);
       }
     });
     api.on.editInspectorState(async (payload) => {
@@ -4064,13 +4098,13 @@ function initDevTools() {
   updateDevToolsState({
     vitePluginDetected: getDevToolsEnv().vitePluginDetected
   });
-  const isDevToolsNext = ((_a23 = import_devtools_shared17.target.__VUE_DEVTOOLS_GLOBAL_HOOK__) == null ? void 0 : _a23.id) === "vue-devtools-next";
-  if (import_devtools_shared17.target.__VUE_DEVTOOLS_GLOBAL_HOOK__ && isDevToolsNext)
+  const isDevToolsNext = ((_a23 = import_devtools_shared18.target.__VUE_DEVTOOLS_GLOBAL_HOOK__) == null ? void 0 : _a23.id) === "vue-devtools-next";
+  if (import_devtools_shared18.target.__VUE_DEVTOOLS_GLOBAL_HOOK__ && isDevToolsNext)
     return;
-  if (!import_devtools_shared17.target.__VUE_DEVTOOLS_GLOBAL_HOOK__) {
-    import_devtools_shared17.target.__VUE_DEVTOOLS_GLOBAL_HOOK__ = createDevToolsHook();
+  if (!import_devtools_shared18.target.__VUE_DEVTOOLS_GLOBAL_HOOK__) {
+    import_devtools_shared18.target.__VUE_DEVTOOLS_GLOBAL_HOOK__ = createDevToolsHook();
   } else {
-    if (!import_devtools_shared17.isNuxtApp) {
+    if (!import_devtools_shared18.isNuxtApp) {
       Object.assign(__VUE_DEVTOOLS_GLOBAL_HOOK__, createDevToolsHook());
     }
   }
@@ -4085,7 +4119,7 @@ function initDevTools() {
   onLegacyDevToolsPluginApiAvailable(() => {
     const normalizedPluginBuffer = devtoolsPluginBuffer.filter(([item]) => item.id !== "components");
     normalizedPluginBuffer.forEach(([pluginDescriptor, setupFn]) => {
-      import_devtools_shared17.target.__VUE_DEVTOOLS_GLOBAL_HOOK__.emit("devtools-plugin:setup" /* SETUP_DEVTOOLS_PLUGIN */, pluginDescriptor, setupFn, { target: "legacy" });
+      import_devtools_shared18.target.__VUE_DEVTOOLS_GLOBAL_HOOK__.emit("devtools-plugin:setup" /* SETUP_DEVTOOLS_PLUGIN */, pluginDescriptor, setupFn, { target: "legacy" });
     });
   });
   hook.on.vueAppInit(async (app, version) => {
@@ -4106,7 +4140,7 @@ function initDevTools() {
     updateDevToolsState({
       connected: true
     });
-    import_devtools_shared17.target.__VUE_DEVTOOLS_GLOBAL_HOOK__.apps.push(app);
+    import_devtools_shared18.target.__VUE_DEVTOOLS_GLOBAL_HOOK__.apps.push(app);
   });
   hook.on.vueAppUnmount(async (app) => {
     const activeRecords = devtoolsAppRecords.value.filter((appRecord) => appRecord.app !== app);
@@ -4121,7 +4155,7 @@ function initDevTools() {
       setActiveAppRecord(activeRecords[0]);
       devtoolsContext.hooks.callHook("sendActiveAppUpdatedToClient" /* SEND_ACTIVE_APP_UNMOUNTED_TO_CLIENT */);
     }
-    import_devtools_shared17.target.__VUE_DEVTOOLS_GLOBAL_HOOK__.apps.splice(import_devtools_shared17.target.__VUE_DEVTOOLS_GLOBAL_HOOK__.apps.indexOf(app), 1);
+    import_devtools_shared18.target.__VUE_DEVTOOLS_GLOBAL_HOOK__.apps.splice(import_devtools_shared18.target.__VUE_DEVTOOLS_GLOBAL_HOOK__.apps.indexOf(app), 1);
   });
   subscribeDevToolsHook();
 }
@@ -4150,7 +4184,7 @@ function toggleHighPerfMode(state) {
 // src/messaging/index.ts
 init_cjs_shims();
 var import_birpc = require("birpc");
-var import_devtools_shared25 = require("@vue/devtools-shared");
+var import_devtools_shared26 = require("@vue/devtools-shared");
 
 // src/messaging/presets/index.ts
 init_cjs_shims();
@@ -4160,7 +4194,7 @@ init_cjs_shims();
 
 // src/messaging/presets/iframe/client.ts
 init_cjs_shims();
-var import_devtools_shared19 = require("@vue/devtools-shared");
+var import_devtools_shared20 = require("@vue/devtools-shared");
 
 // ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/index.js
 init_cjs_shims();
@@ -4863,22 +4897,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;
   }, {});
 }
@@ -4972,19 +5006,19 @@ var allowErrorProps = SuperJSON.allowErrorProps;
 
 // src/messaging/presets/iframe/context.ts
 init_cjs_shims();
-var import_devtools_shared18 = require("@vue/devtools-shared");
+var import_devtools_shared19 = require("@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 import_devtools_shared18.target[__IFRAME_SERVER_CONTEXT__];
+  return import_devtools_shared19.target[__IFRAME_SERVER_CONTEXT__];
 }
 function setIframeServerContext(context) {
-  import_devtools_shared18.target[__IFRAME_SERVER_CONTEXT__] = context;
+  import_devtools_shared19.target[__IFRAME_SERVER_CONTEXT__] = context;
 }
 
 // src/messaging/presets/iframe/client.ts
 function createIframeClientChannel() {
-  if (!import_devtools_shared19.isBrowser) {
+  if (!import_devtools_shared20.isBrowser) {
     return {
       post: (data) => {
       },
@@ -5011,9 +5045,9 @@ function createIframeClientChannel() {
 
 // src/messaging/presets/iframe/server.ts
 init_cjs_shims();
-var import_devtools_shared20 = require("@vue/devtools-shared");
+var import_devtools_shared21 = require("@vue/devtools-shared");
 function createIframeServerChannel() {
-  if (!import_devtools_shared20.isBrowser) {
+  if (!import_devtools_shared21.isBrowser) {
     return {
       post: (data) => {
       },
@@ -5082,21 +5116,21 @@ init_cjs_shims();
 
 // src/messaging/presets/vite/context.ts
 init_cjs_shims();
-var import_devtools_shared21 = require("@vue/devtools-shared");
+var import_devtools_shared22 = require("@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 import_devtools_shared21.target[__VITE_CLIENT_CONTEXT__];
+  return import_devtools_shared22.target[__VITE_CLIENT_CONTEXT__];
 }
 function setViteClientContext(context) {
-  import_devtools_shared21.target[__VITE_CLIENT_CONTEXT__] = context;
+  import_devtools_shared22.target[__VITE_CLIENT_CONTEXT__] = context;
 }
 function getViteServerContext() {
-  return import_devtools_shared21.target[__VITE_SERVER_CONTEXT__];
+  return import_devtools_shared22.target[__VITE_SERVER_CONTEXT__];
 }
 function setViteServerContext(context) {
-  import_devtools_shared21.target[__VITE_SERVER_CONTEXT__] = context;
+  import_devtools_shared22.target[__VITE_SERVER_CONTEXT__] = context;
 }
 
 // src/messaging/presets/vite/client.ts
@@ -5136,7 +5170,7 @@ init_cjs_shims();
 
 // src/messaging/presets/ws/context.ts
 init_cjs_shims();
-var import_devtools_shared22 = require("@vue/devtools-shared");
+var import_devtools_shared23 = require("@vue/devtools-shared");
 
 // src/messaging/presets/ws/server.ts
 init_cjs_shims();
@@ -5146,7 +5180,7 @@ init_cjs_shims();
 
 // src/messaging/presets/electron/context.ts
 init_cjs_shims();
-var import_devtools_shared23 = require("@vue/devtools-shared");
+var import_devtools_shared24 = require("@vue/devtools-shared");
 var __ELECTRON_CLIENT_CONTEXT__ = "electron:client-context";
 var __ELECTRON_RPOXY_CONTEXT__ = "electron:proxy-context";
 var __ELECTRON_SERVER_CONTEXT__ = "electron:server-context";
@@ -5164,22 +5198,22 @@ var __DEVTOOLS_KIT_ELECTRON_MESSAGING_EVENT_KEY__ = {
   // on: proxy->server
 };
 function getElectronClientContext() {
-  return import_devtools_shared23.target[__ELECTRON_CLIENT_CONTEXT__];
+  return import_devtools_shared24.target[__ELECTRON_CLIENT_CONTEXT__];
 }
 function setElectronClientContext(context) {
-  import_devtools_shared23.target[__ELECTRON_CLIENT_CONTEXT__] = context;
+  import_devtools_shared24.target[__ELECTRON_CLIENT_CONTEXT__] = context;
 }
 function getElectronProxyContext() {
-  return import_devtools_shared23.target[__ELECTRON_RPOXY_CONTEXT__];
+  return import_devtools_shared24.target[__ELECTRON_RPOXY_CONTEXT__];
 }
 function setElectronProxyContext(context) {
-  import_devtools_shared23.target[__ELECTRON_RPOXY_CONTEXT__] = context;
+  import_devtools_shared24.target[__ELECTRON_RPOXY_CONTEXT__] = context;
 }
 function getElectronServerContext() {
-  return import_devtools_shared23.target[__ELECTRON_SERVER_CONTEXT__];
+  return import_devtools_shared24.target[__ELECTRON_SERVER_CONTEXT__];
 }
 function setElectronServerContext(context) {
-  import_devtools_shared23.target[__ELECTRON_SERVER_CONTEXT__] = context;
+  import_devtools_shared24.target[__ELECTRON_SERVER_CONTEXT__] = context;
 }
 
 // src/messaging/presets/electron/client.ts
@@ -5237,7 +5271,7 @@ init_cjs_shims();
 
 // src/messaging/presets/extension/context.ts
 init_cjs_shims();
-var import_devtools_shared24 = require("@vue/devtools-shared");
+var import_devtools_shared25 = require("@vue/devtools-shared");
 var __EXTENSION_CLIENT_CONTEXT__ = "electron:client-context";
 var __DEVTOOLS_KIT_EXTENSION_MESSAGING_EVENT_KEY__ = {
   // client
@@ -5253,10 +5287,10 @@ var __DEVTOOLS_KIT_EXTENSION_MESSAGING_EVENT_KEY__ = {
   // on: proxy->server
 };
 function getExtensionClientContext() {
-  return import_devtools_shared24.target[__EXTENSION_CLIENT_CONTEXT__];
+  return import_devtools_shared25.target[__EXTENSION_CLIENT_CONTEXT__];
 }
 function setExtensionClientContext(context) {
-  import_devtools_shared24.target[__EXTENSION_CLIENT_CONTEXT__] = context;
+  import_devtools_shared25.target[__EXTENSION_CLIENT_CONTEXT__] = context;
 }
 
 // src/messaging/presets/extension/client.ts
@@ -5318,7 +5352,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);
@@ -5366,40 +5403,40 @@ function createExtensionServerChannel() {
 
 // src/messaging/index.ts
 var _a17, _b17;
-(_b17 = (_a17 = import_devtools_shared25.target).__VUE_DEVTOOLS_KIT_MESSAGE_CHANNELS__) != null ? _b17 : _a17.__VUE_DEVTOOLS_KIT_MESSAGE_CHANNELS__ = [];
+(_b17 = (_a17 = import_devtools_shared26.target).__VUE_DEVTOOLS_KIT_MESSAGE_CHANNELS__) != null ? _b17 : _a17.__VUE_DEVTOOLS_KIT_MESSAGE_CHANNELS__ = [];
 var _a18, _b18;
-(_b18 = (_a18 = import_devtools_shared25.target).__VUE_DEVTOOLS_KIT_RPC_CLIENT__) != null ? _b18 : _a18.__VUE_DEVTOOLS_KIT_RPC_CLIENT__ = null;
+(_b18 = (_a18 = import_devtools_shared26.target).__VUE_DEVTOOLS_KIT_RPC_CLIENT__) != null ? _b18 : _a18.__VUE_DEVTOOLS_KIT_RPC_CLIENT__ = null;
 var _a19, _b19;
-(_b19 = (_a19 = import_devtools_shared25.target).__VUE_DEVTOOLS_KIT_RPC_SERVER__) != null ? _b19 : _a19.__VUE_DEVTOOLS_KIT_RPC_SERVER__ = null;
+(_b19 = (_a19 = import_devtools_shared26.target).__VUE_DEVTOOLS_KIT_RPC_SERVER__) != null ? _b19 : _a19.__VUE_DEVTOOLS_KIT_RPC_SERVER__ = null;
 var _a20, _b20;
-(_b20 = (_a20 = import_devtools_shared25.target).__VUE_DEVTOOLS_KIT_VITE_RPC_CLIENT__) != null ? _b20 : _a20.__VUE_DEVTOOLS_KIT_VITE_RPC_CLIENT__ = null;
+(_b20 = (_a20 = import_devtools_shared26.target).__VUE_DEVTOOLS_KIT_VITE_RPC_CLIENT__) != null ? _b20 : _a20.__VUE_DEVTOOLS_KIT_VITE_RPC_CLIENT__ = null;
 var _a21, _b21;
-(_b21 = (_a21 = import_devtools_shared25.target).__VUE_DEVTOOLS_KIT_VITE_RPC_SERVER__) != null ? _b21 : _a21.__VUE_DEVTOOLS_KIT_VITE_RPC_SERVER__ = null;
+(_b21 = (_a21 = import_devtools_shared26.target).__VUE_DEVTOOLS_KIT_VITE_RPC_SERVER__) != null ? _b21 : _a21.__VUE_DEVTOOLS_KIT_VITE_RPC_SERVER__ = null;
 var _a22, _b22;
-(_b22 = (_a22 = import_devtools_shared25.target).__VUE_DEVTOOLS_KIT_BROADCAST_RPC_SERVER__) != null ? _b22 : _a22.__VUE_DEVTOOLS_KIT_BROADCAST_RPC_SERVER__ = null;
+(_b22 = (_a22 = import_devtools_shared26.target).__VUE_DEVTOOLS_KIT_BROADCAST_RPC_SERVER__) != null ? _b22 : _a22.__VUE_DEVTOOLS_KIT_BROADCAST_RPC_SERVER__ = null;
 function setRpcClientToGlobal(rpc) {
-  import_devtools_shared25.target.__VUE_DEVTOOLS_KIT_RPC_CLIENT__ = rpc;
+  import_devtools_shared26.target.__VUE_DEVTOOLS_KIT_RPC_CLIENT__ = rpc;
 }
 function setRpcServerToGlobal(rpc) {
-  import_devtools_shared25.target.__VUE_DEVTOOLS_KIT_RPC_SERVER__ = rpc;
+  import_devtools_shared26.target.__VUE_DEVTOOLS_KIT_RPC_SERVER__ = rpc;
 }
 function getRpcClient() {
-  return import_devtools_shared25.target.__VUE_DEVTOOLS_KIT_RPC_CLIENT__;
+  return import_devtools_shared26.target.__VUE_DEVTOOLS_KIT_RPC_CLIENT__;
 }
 function getRpcServer() {
-  return import_devtools_shared25.target.__VUE_DEVTOOLS_KIT_RPC_SERVER__;
+  return import_devtools_shared26.target.__VUE_DEVTOOLS_KIT_RPC_SERVER__;
 }
 function setViteRpcClientToGlobal(rpc) {
-  import_devtools_shared25.target.__VUE_DEVTOOLS_KIT_VITE_RPC_CLIENT__ = rpc;
+  import_devtools_shared26.target.__VUE_DEVTOOLS_KIT_VITE_RPC_CLIENT__ = rpc;
 }
 function setViteRpcServerToGlobal(rpc) {
-  import_devtools_shared25.target.__VUE_DEVTOOLS_KIT_VITE_RPC_SERVER__ = rpc;
+  import_devtools_shared26.target.__VUE_DEVTOOLS_KIT_VITE_RPC_SERVER__ = rpc;
 }
 function getViteRpcClient() {
-  return import_devtools_shared25.target.__VUE_DEVTOOLS_KIT_VITE_RPC_CLIENT__;
+  return import_devtools_shared26.target.__VUE_DEVTOOLS_KIT_VITE_RPC_CLIENT__;
 }
 function getViteRpcServer() {
-  return import_devtools_shared25.target.__VUE_DEVTOOLS_KIT_VITE_RPC_SERVER__;
+  return import_devtools_shared26.target.__VUE_DEVTOOLS_KIT_VITE_RPC_SERVER__;
 }
 function getChannel(preset, host = "client") {
   const channel = {
@@ -5699,7 +5736,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;
@@ -5749,7 +5786,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") {
@@ -5772,7 +5815,7 @@ function stringifyReplacer(key) {
 
 // src/core/component/state/reviver.ts
 init_cjs_shims();
-var import_devtools_shared26 = require("@vue/devtools-shared");
+var import_devtools_shared27 = require("@vue/devtools-shared");
 function reviveSet(val) {
   const result = /* @__PURE__ */ new Set();
   const list = val._custom.value;
@@ -5817,7 +5860,7 @@ function revive(val) {
     return Symbol.for(string);
   } else if (specialTypeRE.test(val)) {
     const [, type, string, , details] = specialTypeRE.exec(val);
-    const result = new import_devtools_shared26.target[type](string);
+    const result = new import_devtools_shared27.target[type](string);
     if (type === "Error" && details)
       result.stack = details;
     return result;
@@ -5831,33 +5874,48 @@ function reviver(key, value) {
 
 // src/shared/transfer.ts
 init_cjs_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);
@@ -5865,11 +5923,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);
@@ -5904,7 +5962,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);
   }