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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -18,18 +18,18 @@ var __copyProps = (to, from, except, desc) => {
18
18
  }
19
19
  return to;
20
20
  };
21
- var __toESM = (mod, isNodeMode, target19) => (target19 = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ var __toESM = (mod, isNodeMode, target21) => (target21 = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
22
22
  // If the importer is in node compatibility mode or this is not an ESM
23
23
  // file that has been converted to a CommonJS file using a Babel-
24
24
  // compatible transform (i.e. "__esModule" has not been set), then set
25
25
  // "default" to the CommonJS "module.exports" for node compatibility.
26
- isNodeMode || !mod || !mod.__esModule ? __defProp(target19, "default", { value: mod, enumerable: true }) : target19,
26
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target21, "default", { value: mod, enumerable: true }) : target21,
27
27
  mod
28
28
  ));
29
29
 
30
- // ../../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
30
+ // ../../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
31
31
  var init_esm_shims = __esm({
32
- "../../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"() {
32
+ "../../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"() {
33
33
  "use strict";
34
34
  }
35
35
  });
@@ -1577,7 +1577,7 @@ init_esm_shims();
1577
1577
 
1578
1578
  // src/core/index.ts
1579
1579
  init_esm_shims();
1580
- import { isNuxtApp, target as target11 } from "@vue/devtools-shared";
1580
+ import { isNuxtApp, target as target13 } from "@vue/devtools-shared";
1581
1581
 
1582
1582
  // src/hook/index.ts
1583
1583
  init_esm_shims();
@@ -1649,10 +1649,10 @@ function createDevToolsHook() {
1649
1649
  apps: [],
1650
1650
  events: /* @__PURE__ */ new Map(),
1651
1651
  on(event, fn) {
1652
- var _a23;
1652
+ var _a24;
1653
1653
  if (!this.events.has(event))
1654
1654
  this.events.set(event, []);
1655
- (_a23 = this.events.get(event)) == null ? void 0 : _a23.push(fn);
1655
+ (_a24 = this.events.get(event)) == null ? void 0 : _a24.push(fn);
1656
1656
  return () => this.off(event, fn);
1657
1657
  },
1658
1658
  once(event, fn) {
@@ -1680,8 +1680,8 @@ function createDevToolsHook() {
1680
1680
  function subscribeDevToolsHook() {
1681
1681
  const hook2 = target.__VUE_DEVTOOLS_GLOBAL_HOOK__;
1682
1682
  hook2.on("app:init" /* APP_INIT */, (app, version) => {
1683
- var _a23, _b23, _c;
1684
- if ((_c = (_b23 = (_a23 = app == null ? void 0 : app._instance) == null ? void 0 : _a23.type) == null ? void 0 : _b23.devtools) == null ? void 0 : _c.hide)
1683
+ var _a24, _b24, _c;
1684
+ if ((_c = (_b24 = (_a24 = app == null ? void 0 : app._instance) == null ? void 0 : _a24.type) == null ? void 0 : _b24.devtools) == null ? void 0 : _c.hide)
1685
1685
  return;
1686
1686
  devtoolsHooks.callHook("app:init" /* APP_INIT */, app, version);
1687
1687
  });
@@ -1689,8 +1689,8 @@ function subscribeDevToolsHook() {
1689
1689
  devtoolsHooks.callHook("app:unmount" /* APP_UNMOUNT */, app);
1690
1690
  });
1691
1691
  hook2.on("component:added" /* COMPONENT_ADDED */, async (app, uid, parentUid, component) => {
1692
- var _a23, _b23, _c;
1693
- if ((_c = (_b23 = (_a23 = app == null ? void 0 : app._instance) == null ? void 0 : _a23.type) == null ? void 0 : _b23.devtools) == null ? void 0 : _c.hide)
1692
+ var _a24, _b24, _c;
1693
+ if ((_c = (_b24 = (_a24 = app == null ? void 0 : app._instance) == null ? void 0 : _a24.type) == null ? void 0 : _b24.devtools) == null ? void 0 : _c.hide)
1694
1694
  return;
1695
1695
  if (!app || typeof uid !== "number" && !uid || !component)
1696
1696
  return;
@@ -1721,7 +1721,7 @@ var hook = {
1721
1721
 
1722
1722
  // src/ctx/index.ts
1723
1723
  init_esm_shims();
1724
- import { target as target8 } from "@vue/devtools-shared";
1724
+ import { target as target10 } from "@vue/devtools-shared";
1725
1725
 
1726
1726
  // src/ctx/hook.ts
1727
1727
  init_esm_shims();
@@ -1772,21 +1772,21 @@ async function getComponentId(options) {
1772
1772
  }
1773
1773
  }
1774
1774
  function isFragment(instance) {
1775
- var _a23;
1776
- const subTreeType = (_a23 = instance.subTree) == null ? void 0 : _a23.type;
1775
+ var _a24;
1776
+ const subTreeType = (_a24 = instance.subTree) == null ? void 0 : _a24.type;
1777
1777
  return subTreeType === Fragment;
1778
1778
  }
1779
1779
  function isBeingDestroyed(instance) {
1780
1780
  return instance._isBeingDestroyed || instance.isUnmounted;
1781
1781
  }
1782
1782
  function getInstanceName(instance) {
1783
- var _a23, _b23, _c;
1783
+ var _a24, _b24, _c;
1784
1784
  const name = getComponentTypeName((instance == null ? void 0 : instance.type) || {});
1785
1785
  if (name)
1786
1786
  return name;
1787
1787
  if ((instance == null ? void 0 : instance.root) === instance)
1788
1788
  return "Root";
1789
- for (const key in (_b23 = (_a23 = instance.parent) == null ? void 0 : _a23.type) == null ? void 0 : _b23.components) {
1789
+ for (const key in (_b24 = (_a24 = instance.parent) == null ? void 0 : _a24.type) == null ? void 0 : _b24.components) {
1790
1790
  if (instance.parent.type.components[key] === (instance == null ? void 0 : instance.type))
1791
1791
  return saveComponentGussedName(instance, key);
1792
1792
  }
@@ -1800,8 +1800,8 @@ function getInstanceName(instance) {
1800
1800
  return "Anonymous Component";
1801
1801
  }
1802
1802
  function getUniqueComponentId(instance) {
1803
- var _a23, _b23, _c;
1804
- const appId = (_c = (_b23 = (_a23 = instance == null ? void 0 : instance.appContext) == null ? void 0 : _a23.app) == null ? void 0 : _b23.__VUE_DEVTOOLS_NEXT_APP_RECORD_ID__) != null ? _c : 0;
1803
+ var _a24, _b24, _c;
1804
+ const appId = (_c = (_b24 = (_a24 = instance == null ? void 0 : instance.appContext) == null ? void 0 : _a24.app) == null ? void 0 : _b24.__VUE_DEVTOOLS_NEXT_APP_RECORD_ID__) != null ? _c : 0;
1805
1805
  const instanceId = instance === (instance == null ? void 0 : instance.root) ? "root" : instance.uid;
1806
1806
  return `${appId}:${instanceId}`;
1807
1807
  }
@@ -1988,9 +1988,9 @@ function getStyles(bounds) {
1988
1988
  };
1989
1989
  }
1990
1990
  function create(options) {
1991
- var _a23;
1991
+ var _a24;
1992
1992
  const containerEl = document.createElement("div");
1993
- containerEl.id = (_a23 = options.elementId) != null ? _a23 : CONTAINER_ELEMENT_ID;
1993
+ containerEl.id = (_a24 = options.elementId) != null ? _a24 : CONTAINER_ELEMENT_ID;
1994
1994
  Object.assign(containerEl.style, {
1995
1995
  ...containerStyles,
1996
1996
  ...getStyles(options.bounds),
@@ -2045,9 +2045,9 @@ function unhighlight() {
2045
2045
  }
2046
2046
  var inspectInstance = null;
2047
2047
  function inspectFn(e) {
2048
- const target19 = e.target;
2049
- if (target19) {
2050
- const instance = target19.__vueParentComponent;
2048
+ const target21 = e.target;
2049
+ if (target21) {
2050
+ const instance = target21.__vueParentComponent;
2051
2051
  if (instance) {
2052
2052
  inspectInstance = instance;
2053
2053
  const el = instance.vnode.el;
@@ -2061,11 +2061,11 @@ function inspectFn(e) {
2061
2061
  }
2062
2062
  }
2063
2063
  function selectComponentFn(e, cb) {
2064
- var _a23;
2064
+ var _a24;
2065
2065
  e.preventDefault();
2066
2066
  e.stopPropagation();
2067
2067
  if (inspectInstance) {
2068
- const app = (_a23 = activeAppRecord.value) == null ? void 0 : _a23.app;
2068
+ const app = (_a24 = activeAppRecord.value) == null ? void 0 : _a24.app;
2069
2069
  getComponentId({
2070
2070
  app,
2071
2071
  uid: app.uid,
@@ -2223,7 +2223,7 @@ function setActiveAppRecordId(id) {
2223
2223
  updateAllStates();
2224
2224
  }
2225
2225
  var devtoolsState = new Proxy(global[STATE_KEY], {
2226
- get(target19, property) {
2226
+ get(target21, property) {
2227
2227
  if (property === "appRecords") {
2228
2228
  return devtoolsAppRecords;
2229
2229
  } else if (property === "activeAppRecordId") {
@@ -2235,13 +2235,13 @@ var devtoolsState = new Proxy(global[STATE_KEY], {
2235
2235
  }
2236
2236
  return global[STATE_KEY][property];
2237
2237
  },
2238
- deleteProperty(target19, property) {
2239
- delete target19[property];
2238
+ deleteProperty(target21, property) {
2239
+ delete target21[property];
2240
2240
  return true;
2241
2241
  },
2242
- set(target19, property, value) {
2242
+ set(target21, property, value) {
2243
2243
  const oldState = { ...global[STATE_KEY] };
2244
- target19[property] = value;
2244
+ target21[property] = value;
2245
2245
  global[STATE_KEY][property] = value;
2246
2246
  return true;
2247
2247
  }
@@ -2307,8 +2307,8 @@ import { target as target2 } from "@vue/devtools-shared";
2307
2307
  var _a8, _b8;
2308
2308
  (_b8 = (_a8 = target2).__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS) != null ? _b8 : _a8.__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS = [];
2309
2309
  var devtoolsTimelineLayers = new Proxy(target2.__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS, {
2310
- get(target19, prop, receiver) {
2311
- return Reflect.get(target19, prop, receiver);
2310
+ get(target21, prop, receiver) {
2311
+ return Reflect.get(target21, prop, receiver);
2312
2312
  }
2313
2313
  });
2314
2314
  function addTimelineLayer(options, descriptor) {
@@ -2323,8 +2323,8 @@ function addTimelineLayer(options, descriptor) {
2323
2323
  var _a9, _b9;
2324
2324
  (_b9 = (_a9 = target3).__VUE_DEVTOOLS_KIT_INSPECTOR__) != null ? _b9 : _a9.__VUE_DEVTOOLS_KIT_INSPECTOR__ = [];
2325
2325
  var devtoolsInspector = new Proxy(target3.__VUE_DEVTOOLS_KIT_INSPECTOR__, {
2326
- get(target19, prop, receiver) {
2327
- return Reflect.get(target19, prop, receiver);
2326
+ get(target21, prop, receiver) {
2327
+ return Reflect.get(target21, prop, receiver);
2328
2328
  }
2329
2329
  });
2330
2330
  var callInspectorUpdatedHook = debounce2(() => {
@@ -2342,14 +2342,14 @@ function addInspector(inspector, descriptor) {
2342
2342
  }
2343
2343
  function getActiveInspectors() {
2344
2344
  return devtoolsInspector.filter((inspector) => inspector.descriptor.app === activeAppRecord.value.app).filter((inspector) => inspector.descriptor.id !== "components").map((inspector) => {
2345
- var _a23;
2345
+ var _a24;
2346
2346
  const descriptor = inspector.descriptor;
2347
2347
  const options = inspector.options;
2348
2348
  return {
2349
2349
  id: options.id,
2350
2350
  label: options.label,
2351
2351
  logo: descriptor.logo,
2352
- icon: `i-ic-baseline-${(_a23 = options == null ? void 0 : options.icon) == null ? void 0 : _a23.replace(/_/g, "-")}`,
2352
+ icon: `i-ic-baseline-${(_a24 = options == null ? void 0 : options.icon) == null ? void 0 : _a24.replace(/_/g, "-")}`,
2353
2353
  packageName: descriptor.packageName,
2354
2354
  homepage: descriptor.homepage
2355
2355
  };
@@ -2431,8 +2431,8 @@ function createDevToolsCtxHooks() {
2431
2431
  addInspector(inspector, plugin.descriptor);
2432
2432
  });
2433
2433
  hooks2.hook("sendInspectorTree" /* SEND_INSPECTOR_TREE */, async ({ inspectorId, plugin }) => {
2434
- var _a23;
2435
- if (!inspectorId || !((_a23 = plugin == null ? void 0 : plugin.descriptor) == null ? void 0 : _a23.app))
2434
+ var _a24;
2435
+ if (!inspectorId || !((_a24 = plugin == null ? void 0 : plugin.descriptor) == null ? void 0 : _a24.app))
2436
2436
  return;
2437
2437
  const inspector = getInspector(inspectorId, plugin.descriptor.app);
2438
2438
  const _payload = {
@@ -2455,8 +2455,8 @@ function createDevToolsCtxHooks() {
2455
2455
  }, "sendInspectorTreeToClient" /* SEND_INSPECTOR_TREE_TO_CLIENT */);
2456
2456
  });
2457
2457
  hooks2.hook("sendInspectorState" /* SEND_INSPECTOR_STATE */, async ({ inspectorId, plugin }) => {
2458
- var _a23;
2459
- if (!inspectorId || !((_a23 = plugin == null ? void 0 : plugin.descriptor) == null ? void 0 : _a23.app))
2458
+ var _a24;
2459
+ if (!inspectorId || !((_a24 = plugin == null ? void 0 : plugin.descriptor) == null ? void 0 : _a24.app))
2460
2460
  return;
2461
2461
  const inspector = getInspector(inspectorId, plugin.descriptor.app);
2462
2462
  const _payload = {
@@ -2528,6 +2528,7 @@ function createDevToolsCtxHooks() {
2528
2528
 
2529
2529
  // src/ctx/api.ts
2530
2530
  init_esm_shims();
2531
+ import { target as target8 } from "@vue/devtools-shared";
2531
2532
 
2532
2533
  // src/core/component/state/editor.ts
2533
2534
  init_esm_shims();
@@ -2601,9 +2602,9 @@ var StateEditor = class {
2601
2602
  else Reflect.deleteProperty(object, field);
2602
2603
  }
2603
2604
  if (!state.remove) {
2604
- const target19 = object[state.newKey || field];
2605
- if (this.refEditor.isRef(target19))
2606
- this.refEditor.set(target19, value);
2605
+ const target21 = object[state.newKey || field];
2606
+ if (this.refEditor.isRef(target21))
2607
+ this.refEditor.set(target21, value);
2607
2608
  else if (toRaw(object) instanceof Map)
2608
2609
  object.set(state.newKey || field, value);
2609
2610
  else if (toRaw(object) instanceof Set)
@@ -2655,15 +2656,15 @@ async function editComponentState(payload, stateEditor2) {
2655
2656
  if (!instance)
2656
2657
  return;
2657
2658
  const targetPath = path.slice();
2658
- let target19;
2659
+ let target21;
2659
2660
  if (instance.devtoolsRawSetupState && Object.keys(instance.devtoolsRawSetupState).includes(path[0]))
2660
- target19 = instance.devtoolsRawSetupState;
2661
+ target21 = instance.devtoolsRawSetupState;
2661
2662
  if (instance.data && Object.keys(instance.data).includes(path[0]))
2662
- target19 = instance.data;
2663
- if (target19 && targetPath) {
2663
+ target21 = instance.data;
2664
+ if (target21 && targetPath) {
2664
2665
  if (state.type === "object" && type === "reactive") {
2665
2666
  }
2666
- stateEditor2.set(target19, targetPath, state.value, stateEditor2.createDefaultSetCallback(state));
2667
+ stateEditor2.set(target21, targetPath, state.value, stateEditor2.createDefaultSetCallback(state));
2667
2668
  }
2668
2669
  }
2669
2670
  var stateEditor = new StateEditor();
@@ -2678,11 +2679,11 @@ function setOpenInEditorBaseUrl(url) {
2678
2679
  target4.__VUE_DEVTOOLS_OPEN_IN_EDITOR_BASE_URL__ = url;
2679
2680
  }
2680
2681
  function openInEditor(options = {}) {
2681
- var _a23;
2682
+ var _a24;
2682
2683
  const { file, baseUrl = window.location.origin, line = 0, column = 0 } = options;
2683
2684
  if (file) {
2684
2685
  if (devtoolsState.vitePluginDetected) {
2685
- const _baseUrl = (_a23 = target4.__VUE_DEVTOOLS_OPEN_IN_EDITOR_BASE_URL__) != null ? _a23 : baseUrl;
2686
+ const _baseUrl = (_a24 = target4.__VUE_DEVTOOLS_OPEN_IN_EDITOR_BASE_URL__) != null ? _a24 : baseUrl;
2686
2687
  target4.__VUE_INSPECTOR__.openInEditor(_baseUrl, file, line, column);
2687
2688
  } else {
2688
2689
  }
@@ -2707,12 +2708,12 @@ var _a10, _b10;
2707
2708
  var _a11, _b11;
2708
2709
  (_b11 = (_a11 = global2)[ROUTER_KEY]) != null ? _b11 : _a11[ROUTER_KEY] = {};
2709
2710
  var devtoolsRouterInfo = new Proxy(global2[ROUTER_INFO_KEY], {
2710
- get(target19, property) {
2711
+ get(target21, property) {
2711
2712
  return global2[ROUTER_INFO_KEY][property];
2712
2713
  }
2713
2714
  });
2714
2715
  var devtoolsRouter = new Proxy(global2[ROUTER_KEY], {
2715
- get(target19, property) {
2716
+ get(target21, property) {
2716
2717
  if (property === "value") {
2717
2718
  return global2[ROUTER_KEY];
2718
2719
  }
@@ -2754,8 +2755,8 @@ function filterCurrentRoute(route) {
2754
2755
  }
2755
2756
  function normalizeRouterInfo(appRecord, activeAppRecord2) {
2756
2757
  function init() {
2757
- var _a23;
2758
- const router = (_a23 = appRecord.app) == null ? void 0 : _a23.config.globalProperties.$router;
2758
+ var _a24;
2759
+ const router = (_a24 = appRecord.app) == null ? void 0 : _a24.config.globalProperties.$router;
2759
2760
  const currentRoute = filterCurrentRoute(router == null ? void 0 : router.currentRoute.value);
2760
2761
  const routes = filterRoutes(getRoutes(router));
2761
2762
  const c = console.warn;
@@ -2770,8 +2771,8 @@ function normalizeRouterInfo(appRecord, activeAppRecord2) {
2770
2771
  }
2771
2772
  init();
2772
2773
  hook.on.componentUpdated(debounce3(() => {
2773
- var _a23;
2774
- if (((_a23 = activeAppRecord2.value) == null ? void 0 : _a23.app) !== appRecord.app)
2774
+ var _a24;
2775
+ if (((_a24 = activeAppRecord2.value) == null ? void 0 : _a24.app) !== appRecord.app)
2775
2776
  return;
2776
2777
  init();
2777
2778
  devtoolsContext.hooks.callHook("routerInfoUpdated" /* ROUTER_INFO_UPDATED */, { state: global3[ROUTER_INFO_KEY] });
@@ -2823,98 +2824,15 @@ function getComponentInspector() {
2823
2824
  });
2824
2825
  }
2825
2826
 
2826
- // src/ctx/api.ts
2827
- function createDevToolsApi(hooks2) {
2828
- return {
2829
- // get inspector tree
2830
- async getInspectorTree(payload) {
2831
- const _payload = {
2832
- ...payload,
2833
- app: activeAppRecord.value.app,
2834
- rootNodes: []
2835
- };
2836
- await new Promise((resolve) => {
2837
- hooks2.callHookWith(async (callbacks) => {
2838
- await Promise.all(callbacks.map((cb) => cb(_payload)));
2839
- resolve();
2840
- }, "getInspectorTree" /* GET_INSPECTOR_TREE */);
2841
- });
2842
- return _payload.rootNodes;
2843
- },
2844
- // get inspector state
2845
- async getInspectorState(payload) {
2846
- const _payload = {
2847
- ...payload,
2848
- app: activeAppRecord.value.app,
2849
- state: null
2850
- };
2851
- const ctx = {
2852
- currentTab: `custom-inspector:${payload.inspectorId}`
2853
- };
2854
- await new Promise((resolve) => {
2855
- hooks2.callHookWith(async (callbacks) => {
2856
- await Promise.all(callbacks.map((cb) => cb(_payload, ctx)));
2857
- resolve();
2858
- }, "getInspectorState" /* GET_INSPECTOR_STATE */);
2859
- });
2860
- return _payload.state;
2861
- },
2862
- // edit inspector state
2863
- editInspectorState(payload) {
2864
- const stateEditor2 = new StateEditor();
2865
- const _payload = {
2866
- ...payload,
2867
- app: activeAppRecord.value.app,
2868
- set: (obj, path = payload.path, value = payload.state.value, cb) => {
2869
- stateEditor2.set(obj, path, value, cb || stateEditor2.createDefaultSetCallback(payload.state));
2870
- }
2871
- };
2872
- hooks2.callHookWith((callbacks) => {
2873
- callbacks.forEach((cb) => cb(_payload));
2874
- }, "editInspectorState" /* EDIT_INSPECTOR_STATE */);
2875
- },
2876
- // send inspector state
2877
- sendInspectorState(inspectorId) {
2878
- const inspector = getInspector(inspectorId);
2879
- hooks2.callHook("sendInspectorState" /* SEND_INSPECTOR_STATE */, { inspectorId, plugin: {
2880
- descriptor: inspector.descriptor,
2881
- setupFn: () => ({})
2882
- } });
2883
- },
2884
- // inspect component inspector
2885
- inspectComponentInspector() {
2886
- return inspectComponentHighLighter();
2887
- },
2888
- // cancel inspect component inspector
2889
- cancelInspectComponentInspector() {
2890
- return cancelInspectComponentHighLighter();
2891
- },
2892
- // get component render code
2893
- getComponentRenderCode(id) {
2894
- const instance = getComponentInstance(activeAppRecord.value, id);
2895
- if (instance)
2896
- return !((instance == null ? void 0 : instance.type) instanceof Function) ? instance.render.toString() : instance.type.toString();
2897
- },
2898
- // scroll to component
2899
- scrollToComponent(id) {
2900
- return scrollToComponent({ id });
2901
- },
2902
- // open in editor
2903
- openInEditor,
2904
- // get vue inspector
2905
- getVueInspector: getComponentInspector,
2906
- // toggle app
2907
- toggleApp(id) {
2908
- const appRecord = devtoolsAppRecords.value.find((record) => record.id === id);
2909
- if (appRecord) {
2910
- setActiveAppRecordId(id);
2911
- setActiveAppRecord(appRecord);
2912
- normalizeRouterInfo(appRecord, activeAppRecord);
2913
- callInspectorUpdatedHook();
2914
- }
2915
- }
2916
- };
2917
- }
2827
+ // src/core/plugin/index.ts
2828
+ init_esm_shims();
2829
+ import { target as target7 } from "@vue/devtools-shared";
2830
+
2831
+ // src/api/index.ts
2832
+ init_esm_shims();
2833
+
2834
+ // src/api/v6/index.ts
2835
+ init_esm_shims();
2918
2836
 
2919
2837
  // src/ctx/plugin.ts
2920
2838
  init_esm_shims();
@@ -2922,136 +2840,15 @@ import { target as target6 } from "@vue/devtools-shared";
2922
2840
  var _a13, _b13;
2923
2841
  (_b13 = (_a13 = target6).__VUE_DEVTOOLS_KIT_PLUGIN_BUFFER__) != null ? _b13 : _a13.__VUE_DEVTOOLS_KIT_PLUGIN_BUFFER__ = [];
2924
2842
  var devtoolsPluginBuffer = new Proxy(target6.__VUE_DEVTOOLS_KIT_PLUGIN_BUFFER__, {
2925
- get(target19, prop, receiver) {
2926
- return Reflect.get(target19, prop, receiver);
2843
+ get(target21, prop, receiver) {
2844
+ return Reflect.get(target21, prop, receiver);
2927
2845
  }
2928
2846
  });
2929
2847
  function addDevToolsPluginToBuffer(pluginDescriptor, setupFn) {
2930
2848
  devtoolsPluginBuffer.push([pluginDescriptor, setupFn]);
2931
2849
  }
2932
2850
 
2933
- // src/ctx/env.ts
2934
- init_esm_shims();
2935
- import { target as target7 } from "@vue/devtools-shared";
2936
- var _a14, _b14;
2937
- (_b14 = (_a14 = target7).__VUE_DEVTOOLS_ENV__) != null ? _b14 : _a14.__VUE_DEVTOOLS_ENV__ = {
2938
- vitePluginDetected: false
2939
- };
2940
- function getDevToolsEnv() {
2941
- return target7.__VUE_DEVTOOLS_ENV__;
2942
- }
2943
- function setDevToolsEnv(env) {
2944
- target7.__VUE_DEVTOOLS_ENV__ = {
2945
- ...target7.__VUE_DEVTOOLS_ENV__,
2946
- ...env
2947
- };
2948
- }
2949
-
2950
- // src/ctx/index.ts
2951
- var hooks = createDevToolsCtxHooks();
2952
- var _a15, _b15;
2953
- (_b15 = (_a15 = target8).__VUE_DEVTOOLS_KIT_CONTEXT__) != null ? _b15 : _a15.__VUE_DEVTOOLS_KIT_CONTEXT__ = {
2954
- hooks,
2955
- get state() {
2956
- return {
2957
- ...devtoolsState,
2958
- activeAppRecordId: activeAppRecord.id,
2959
- activeAppRecord: activeAppRecord.value,
2960
- appRecords: devtoolsAppRecords.value
2961
- };
2962
- },
2963
- api: createDevToolsApi(hooks)
2964
- };
2965
- var devtoolsContext = target8.__VUE_DEVTOOLS_KIT_CONTEXT__;
2966
-
2967
- // src/compat/index.ts
2968
- init_esm_shims();
2969
- import { target as target9 } from "@vue/devtools-shared";
2970
- function onLegacyDevToolsPluginApiAvailable(cb) {
2971
- if (target9.__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__) {
2972
- cb();
2973
- return;
2974
- }
2975
- Object.defineProperty(target9, "__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__", {
2976
- set(value) {
2977
- if (value)
2978
- cb();
2979
- },
2980
- configurable: true
2981
- });
2982
- }
2983
-
2984
- // src/core/app/index.ts
2985
- init_esm_shims();
2986
- var import_speakingurl = __toESM(require_speakingurl2(), 1);
2987
- import { target as target10 } from "@vue/devtools-shared";
2988
- var _a16, _b16;
2989
- var appRecordInfo = (_b16 = (_a16 = target10).__VUE_DEVTOOLS_NEXT_APP_RECORD_INFO__) != null ? _b16 : _a16.__VUE_DEVTOOLS_NEXT_APP_RECORD_INFO__ = {
2990
- id: 0,
2991
- appIds: /* @__PURE__ */ new Set()
2992
- };
2993
- function getAppRecordName(app, fallbackName) {
2994
- var _a23;
2995
- return ((_a23 = app == null ? void 0 : app._component) == null ? void 0 : _a23.name) || `App ${fallbackName}`;
2996
- }
2997
- function getAppRootInstance(app) {
2998
- var _a23, _b23, _c, _d;
2999
- if (app._instance)
3000
- return app._instance;
3001
- else if ((_b23 = (_a23 = app._container) == null ? void 0 : _a23._vnode) == null ? void 0 : _b23.component)
3002
- return (_d = (_c = app._container) == null ? void 0 : _c._vnode) == null ? void 0 : _d.component;
3003
- }
3004
- function removeAppRecordId(app) {
3005
- const id = app.__VUE_DEVTOOLS_NEXT_APP_RECORD_ID__;
3006
- if (id != null) {
3007
- appRecordInfo.appIds.delete(id);
3008
- appRecordInfo.id--;
3009
- }
3010
- }
3011
- function getAppRecordId(app, defaultId) {
3012
- if (app.__VUE_DEVTOOLS_NEXT_APP_RECORD_ID__ != null)
3013
- return app.__VUE_DEVTOOLS_NEXT_APP_RECORD_ID__;
3014
- let id = defaultId != null ? defaultId : (appRecordInfo.id++).toString();
3015
- if (defaultId && appRecordInfo.appIds.has(id)) {
3016
- let count = 1;
3017
- while (appRecordInfo.appIds.has(`${defaultId}_${count}`))
3018
- count++;
3019
- id = `${defaultId}_${count}`;
3020
- }
3021
- appRecordInfo.appIds.add(id);
3022
- app.__VUE_DEVTOOLS_NEXT_APP_RECORD_ID__ = id;
3023
- return id;
3024
- }
3025
- function createAppRecord(app) {
3026
- const rootInstance = getAppRootInstance(app);
3027
- if (rootInstance) {
3028
- appRecordInfo.id++;
3029
- const name = getAppRecordName(app, appRecordInfo.id.toString());
3030
- const id = getAppRecordId(app, (0, import_speakingurl.default)(name));
3031
- const record = {
3032
- id,
3033
- name,
3034
- instanceMap: /* @__PURE__ */ new Map(),
3035
- rootInstance
3036
- };
3037
- app.__VUE_DEVTOOLS_NEXT_APP_RECORD__ = record;
3038
- const rootId = `${record.id}:root`;
3039
- record.instanceMap.set(rootId, record.rootInstance);
3040
- record.rootInstance.__VUE_DEVTOOLS_NEXT_UID__ = rootId;
3041
- return record;
3042
- } else {
3043
- return {};
3044
- }
3045
- }
3046
-
3047
- // src/core/plugin/index.ts
3048
- init_esm_shims();
3049
-
3050
- // src/api/index.ts
3051
- init_esm_shims();
3052
-
3053
2851
  // src/api/v6/index.ts
3054
- init_esm_shims();
3055
2852
  var DevToolsV6PluginAPI = class {
3056
2853
  constructor({ plugin, ctx }) {
3057
2854
  this.hooks = ctx.hooks;
@@ -3094,14 +2891,14 @@ var DevToolsV6PluginAPI = class {
3094
2891
  }
3095
2892
  // component inspector
3096
2893
  notifyComponentUpdate(instance) {
3097
- var _a23;
2894
+ var _a24;
3098
2895
  const inspector = getActiveInspectors().find((i) => i.packageName === this.plugin.descriptor.packageName);
3099
2896
  if (inspector == null ? void 0 : inspector.id) {
3100
2897
  if (instance) {
3101
2898
  const args = [
3102
2899
  instance.appContext.app,
3103
2900
  instance.uid,
3104
- (_a23 = instance.parent) == null ? void 0 : _a23.uid,
2901
+ (_a24 = instance.parent) == null ? void 0 : _a24.uid,
3105
2902
  instance
3106
2903
  ];
3107
2904
  devtoolsHooks.callHook("component:updated" /* COMPONENT_UPDATED */, ...args);
@@ -3136,7 +2933,7 @@ var DevToolsV6PluginAPI = class {
3136
2933
  }
3137
2934
  // settings
3138
2935
  getSettings(pluginId) {
3139
- var _a23, _b23, _c;
2936
+ var _a24, _b24, _c;
3140
2937
  function _getSettings(settings) {
3141
2938
  const _settings = {};
3142
2939
  Object.keys(settings).forEach((key) => {
@@ -3145,7 +2942,7 @@ var DevToolsV6PluginAPI = class {
3145
2942
  return _settings;
3146
2943
  }
3147
2944
  if (pluginId) {
3148
- const item = (_b23 = (_a23 = devtoolsPluginBuffer.find((item2) => item2[0].id === pluginId)) == null ? void 0 : _a23[0]) != null ? _b23 : null;
2945
+ const item = (_b24 = (_a24 = devtoolsPluginBuffer.find((item2) => item2[0].id === pluginId)) == null ? void 0 : _a24[0]) != null ? _b24 : null;
3149
2946
  return (_c = _getSettings(item == null ? void 0 : item.settings)) != null ? _c : _getSettings(this.plugin.descriptor.settings);
3150
2947
  } else {
3151
2948
  return _getSettings(this.plugin.descriptor.settings);
@@ -3246,7 +3043,7 @@ var ComponentWalker = class {
3246
3043
  * @return {object}
3247
3044
  */
3248
3045
  async capture(instance, depth) {
3249
- var _a23;
3046
+ var _a24;
3250
3047
  if (!instance)
3251
3048
  return null;
3252
3049
  const id = this.captureId(instance);
@@ -3301,7 +3098,7 @@ var ComponentWalker = class {
3301
3098
  } else {
3302
3099
  treeNode.domOrder = [-1];
3303
3100
  }
3304
- if ((_a23 = instance.suspense) == null ? void 0 : _a23.suspenseKey) {
3101
+ if ((_a24 = instance.suspense) == null ? void 0 : _a24.suspenseKey) {
3305
3102
  treeNode.tags.push({
3306
3103
  label: instance.suspense.suspenseKey,
3307
3104
  backgroundColor: 14979812,
@@ -3320,8 +3117,8 @@ var ComponentWalker = class {
3320
3117
  * @return {Vue|Array}
3321
3118
  */
3322
3119
  async findQualifiedChildren(instance, depth) {
3323
- var _a23;
3324
- if (this.componentFilter.isQualified(instance) && !((_a23 = instance.type.devtools) == null ? void 0 : _a23.hide)) {
3120
+ var _a24;
3121
+ if (this.componentFilter.isQualified(instance) && !((_a24 = instance.type.devtools) == null ? void 0 : _a24.hide)) {
3325
3122
  return [await this.capture(instance, depth)];
3326
3123
  } else if (instance.subTree) {
3327
3124
  const list = this.isKeepAlive(instance) ? this.getKeepAliveCachedInstances(instance) : this.getInternalInstanceChildren(instance.subTree);
@@ -3341,8 +3138,8 @@ var ComponentWalker = class {
3341
3138
  */
3342
3139
  async findQualifiedChildrenFromList(instances, depth) {
3343
3140
  instances = instances.filter((child) => {
3344
- var _a23;
3345
- return !isBeingDestroyed(child) && !((_a23 = child.type.devtools) == null ? void 0 : _a23.hide);
3141
+ var _a24;
3142
+ return !isBeingDestroyed(child) && !((_a24 = child.type.devtools) == null ? void 0 : _a24.hide);
3346
3143
  });
3347
3144
  if (!this.componentFilter.filter)
3348
3145
  return Promise.all(instances.map((child) => this.capture(child, depth)));
@@ -3370,8 +3167,8 @@ var ComponentWalker = class {
3370
3167
  }
3371
3168
  }
3372
3169
  return list.filter((child) => {
3373
- var _a23;
3374
- return !isBeingDestroyed(child) && !((_a23 = child.type.devtools) == null ? void 0 : _a23.hide);
3170
+ var _a24;
3171
+ return !isBeingDestroyed(child) && !((_a24 = child.type.devtools) == null ? void 0 : _a24.hide);
3375
3172
  });
3376
3173
  }
3377
3174
  /**
@@ -3646,7 +3443,7 @@ function getStateTypeAndName(info) {
3646
3443
  function processSetupState(instance) {
3647
3444
  const raw = instance.devtoolsRawSetupState || {};
3648
3445
  return Object.keys(instance.setupState).filter((key) => !vueBuiltins.has(key) && key.split(/(?=[A-Z])/)[0] !== "use").map((key) => {
3649
- var _a23, _b23, _c, _d;
3446
+ var _a24, _b24, _c, _d;
3650
3447
  const value = returnError(() => toRaw2(instance.setupState[key]));
3651
3448
  const rawData = raw[key];
3652
3449
  let result;
@@ -3655,7 +3452,7 @@ function processSetupState(instance) {
3655
3452
  const info = getSetupStateType(rawData);
3656
3453
  const { stateType, stateTypeName } = getStateTypeAndName(info);
3657
3454
  const isState = info.ref || info.computed || info.reactive;
3658
- const raw2 = ((_b23 = (_a23 = rawData.effect) == null ? void 0 : _a23.raw) == null ? void 0 : _b23.toString()) || ((_d = (_c = rawData.effect) == null ? void 0 : _c.fn) == null ? void 0 : _d.toString());
3455
+ const raw2 = ((_b24 = (_a24 = rawData.effect) == null ? void 0 : _a24.raw) == null ? void 0 : _b24.toString()) || ((_d = (_c = rawData.effect) == null ? void 0 : _c.fn) == null ? void 0 : _d.toString());
3659
3456
  if (stateType)
3660
3457
  isOtherType = false;
3661
3458
  result = {
@@ -3685,8 +3482,8 @@ function processComputed(instance, mergedType) {
3685
3482
  type: type2,
3686
3483
  key,
3687
3484
  value: returnError(() => {
3688
- var _a23;
3689
- return (_a23 = instance == null ? void 0 : instance.proxy) == null ? void 0 : _a23[key];
3485
+ var _a24;
3486
+ return (_a24 = instance == null ? void 0 : instance.proxy) == null ? void 0 : _a24[key];
3690
3487
  }),
3691
3488
  editable: typeof def.set === "function"
3692
3489
  });
@@ -3748,10 +3545,10 @@ function processRefs(instance) {
3748
3545
  }));
3749
3546
  }
3750
3547
  function processEventListeners(instance) {
3751
- var _a23;
3548
+ var _a24;
3752
3549
  const emitsDefinition = instance.type.emits;
3753
3550
  const declaredEmits = Array.isArray(emitsDefinition) ? emitsDefinition : Object.keys(emitsDefinition != null ? emitsDefinition : {});
3754
- const keys = Object.keys((_a23 = instance.vnode.props) != null ? _a23 : {});
3551
+ const keys = Object.keys((_a24 = instance.vnode.props) != null ? _a24 : {});
3755
3552
  const result = [];
3756
3553
  for (const key of keys) {
3757
3554
  const [prefix, ...eventNameParts] = key.split(/(?=[A-Z])/);
@@ -3790,11 +3587,11 @@ function processInstanceState(instance) {
3790
3587
 
3791
3588
  // src/core/component/state/index.ts
3792
3589
  function getInstanceState(params) {
3793
- var _a23;
3590
+ var _a24;
3794
3591
  const instance = getComponentInstance(activeAppRecord.value, params.instanceId);
3795
3592
  const id = getUniqueComponentId(instance);
3796
3593
  const name = getInstanceName(instance);
3797
- const file = (_a23 = instance == null ? void 0 : instance.type) == null ? void 0 : _a23.__file;
3594
+ const file = (_a24 = instance == null ? void 0 : instance.type) == null ? void 0 : _a24.__file;
3798
3595
  const state = processInstanceState(instance);
3799
3596
  return {
3800
3597
  id,
@@ -3805,6 +3602,28 @@ function getInstanceState(params) {
3805
3602
  };
3806
3603
  }
3807
3604
 
3605
+ // src/core/vm/index.ts
3606
+ init_esm_shims();
3607
+ var MAX_$VM = 10;
3608
+ var $vmQueue = [];
3609
+ function exposeInstanceToWindow(componentInstance) {
3610
+ const win = window;
3611
+ if (typeof win === "undefined")
3612
+ return;
3613
+ if (!componentInstance)
3614
+ return;
3615
+ win.$vm = componentInstance;
3616
+ if ($vmQueue[0] !== componentInstance) {
3617
+ if ($vmQueue.length >= MAX_$VM) {
3618
+ $vmQueue.pop();
3619
+ }
3620
+ for (let i = $vmQueue.length; i > 0; i--) {
3621
+ win[`$vm${i}`] = $vmQueue[i] = $vmQueue[i - 1];
3622
+ }
3623
+ win.$vm0 = $vmQueue[0] = componentInstance;
3624
+ }
3625
+ }
3626
+
3808
3627
  // src/core/plugin/components.ts
3809
3628
  var INSPECTOR_ID = "components";
3810
3629
  function createComponentsDevToolsPlugin(app) {
@@ -3834,13 +3653,13 @@ function createComponentsDevToolsPlugin(app) {
3834
3653
  }
3835
3654
  });
3836
3655
  api.on.getInspectorState(async (payload) => {
3837
- var _a23;
3656
+ var _a24;
3838
3657
  if (payload.app === app && payload.inspectorId === INSPECTOR_ID) {
3839
3658
  const result = getInstanceState({
3840
3659
  instanceId: payload.nodeId
3841
3660
  });
3842
3661
  const componentInstance = result.instance;
3843
- const app2 = (_a23 = result.instance) == null ? void 0 : _a23.appContext.app;
3662
+ const app2 = (_a24 = result.instance) == null ? void 0 : _a24.appContext.app;
3844
3663
  const _payload = {
3845
3664
  componentInstance,
3846
3665
  app: app2,
@@ -3850,6 +3669,7 @@ function createComponentsDevToolsPlugin(app) {
3850
3669
  callbacks.forEach((cb) => cb(_payload));
3851
3670
  }, "inspectComponent" /* INSPECT_COMPONENT */);
3852
3671
  payload.state = result;
3672
+ exposeInstanceToWindow(componentInstance);
3853
3673
  }
3854
3674
  });
3855
3675
  api.on.editInspectorState(async (payload) => {
@@ -3865,10 +3685,10 @@ function createComponentsDevToolsPlugin(app) {
3865
3685
  api.sendInspectorState(INSPECTOR_ID);
3866
3686
  }, 120);
3867
3687
  const componentAddedCleanup = hook.on.componentAdded(async (app2, uid, parentUid, component) => {
3868
- var _a23, _b23, _c;
3688
+ var _a24, _b24, _c;
3869
3689
  if (devtoolsState.highPerfModeEnabled)
3870
3690
  return;
3871
- if ((_c = (_b23 = (_a23 = app2 == null ? void 0 : app2._instance) == null ? void 0 : _a23.type) == null ? void 0 : _b23.devtools) == null ? void 0 : _c.hide)
3691
+ if ((_c = (_b24 = (_a24 = app2 == null ? void 0 : app2._instance) == null ? void 0 : _a24.type) == null ? void 0 : _b24.devtools) == null ? void 0 : _c.hide)
3872
3692
  return;
3873
3693
  if (!app2 || typeof uid !== "number" && !uid || !component)
3874
3694
  return;
@@ -3892,10 +3712,10 @@ function createComponentsDevToolsPlugin(app) {
3892
3712
  debounceSendInspectorTree();
3893
3713
  });
3894
3714
  const componentUpdatedCleanup = hook.on.componentUpdated(async (app2, uid, parentUid, component) => {
3895
- var _a23, _b23, _c;
3715
+ var _a24, _b24, _c;
3896
3716
  if (devtoolsState.highPerfModeEnabled)
3897
3717
  return;
3898
- if ((_c = (_b23 = (_a23 = app2 == null ? void 0 : app2._instance) == null ? void 0 : _a23.type) == null ? void 0 : _b23.devtools) == null ? void 0 : _c.hide)
3718
+ if ((_c = (_b24 = (_a24 = app2 == null ? void 0 : app2._instance) == null ? void 0 : _a24.type) == null ? void 0 : _b24.devtools) == null ? void 0 : _c.hide)
3899
3719
  return;
3900
3720
  if (!app2 || typeof uid !== "number" && !uid || !component)
3901
3721
  return;
@@ -3920,10 +3740,10 @@ function createComponentsDevToolsPlugin(app) {
3920
3740
  debounceSendInspectorState();
3921
3741
  });
3922
3742
  const componentRemovedCleanup = hook.on.componentRemoved(async (app2, uid, parentUid, component) => {
3923
- var _a23, _b23, _c;
3743
+ var _a24, _b24, _c;
3924
3744
  if (devtoolsState.highPerfModeEnabled)
3925
3745
  return;
3926
- if ((_c = (_b23 = (_a23 = app2 == null ? void 0 : app2._instance) == null ? void 0 : _a23.type) == null ? void 0 : _b23.devtools) == null ? void 0 : _c.hide)
3746
+ if ((_c = (_b24 = (_a24 = app2 == null ? void 0 : app2._instance) == null ? void 0 : _a24.type) == null ? void 0 : _b24.devtools) == null ? void 0 : _c.hide)
3927
3747
  return;
3928
3748
  if (!app2 || typeof uid !== "number" && !uid || !component)
3929
3749
  return;
@@ -3945,11 +3765,15 @@ function createComponentsDevToolsPlugin(app) {
3945
3765
  }
3946
3766
 
3947
3767
  // src/core/plugin/index.ts
3768
+ var _a14, _b14;
3769
+ (_b14 = (_a14 = target7).__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__) != null ? _b14 : _a14.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__ = /* @__PURE__ */ new Set();
3948
3770
  function setupDevToolsPlugin(pluginDescriptor, setupFn) {
3949
3771
  return hook.setupDevToolsPlugin(pluginDescriptor, setupFn);
3950
3772
  }
3951
3773
  function callDevToolsPluginSetupFn(plugin, app) {
3952
3774
  const [pluginDescriptor, setupFn] = plugin;
3775
+ if (pluginDescriptor.app !== app)
3776
+ return;
3953
3777
  const api = new DevToolsPluginAPI({
3954
3778
  plugin: {
3955
3779
  setupFn,
@@ -3964,32 +3788,256 @@ function callDevToolsPluginSetupFn(plugin, app) {
3964
3788
  }
3965
3789
  setupFn(api);
3966
3790
  }
3791
+ function removeRegisteredPluginApp(app) {
3792
+ target7.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__.delete(app);
3793
+ }
3967
3794
  function registerDevToolsPlugin(app) {
3795
+ if (target7.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__.has(app))
3796
+ return;
3797
+ target7.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__.add(app);
3968
3798
  devtoolsPluginBuffer.forEach((plugin) => {
3969
3799
  callDevToolsPluginSetupFn(plugin, app);
3970
3800
  });
3971
3801
  }
3972
3802
 
3803
+ // src/ctx/api.ts
3804
+ function createDevToolsApi(hooks2) {
3805
+ return {
3806
+ // get inspector tree
3807
+ async getInspectorTree(payload) {
3808
+ const _payload = {
3809
+ ...payload,
3810
+ app: activeAppRecord.value.app,
3811
+ rootNodes: []
3812
+ };
3813
+ await new Promise((resolve) => {
3814
+ hooks2.callHookWith(async (callbacks) => {
3815
+ await Promise.all(callbacks.map((cb) => cb(_payload)));
3816
+ resolve();
3817
+ }, "getInspectorTree" /* GET_INSPECTOR_TREE */);
3818
+ });
3819
+ return _payload.rootNodes;
3820
+ },
3821
+ // get inspector state
3822
+ async getInspectorState(payload) {
3823
+ const _payload = {
3824
+ ...payload,
3825
+ app: activeAppRecord.value.app,
3826
+ state: null
3827
+ };
3828
+ const ctx = {
3829
+ currentTab: `custom-inspector:${payload.inspectorId}`
3830
+ };
3831
+ await new Promise((resolve) => {
3832
+ hooks2.callHookWith(async (callbacks) => {
3833
+ await Promise.all(callbacks.map((cb) => cb(_payload, ctx)));
3834
+ resolve();
3835
+ }, "getInspectorState" /* GET_INSPECTOR_STATE */);
3836
+ });
3837
+ return _payload.state;
3838
+ },
3839
+ // edit inspector state
3840
+ editInspectorState(payload) {
3841
+ const stateEditor2 = new StateEditor();
3842
+ const _payload = {
3843
+ ...payload,
3844
+ app: activeAppRecord.value.app,
3845
+ set: (obj, path = payload.path, value = payload.state.value, cb) => {
3846
+ stateEditor2.set(obj, path, value, cb || stateEditor2.createDefaultSetCallback(payload.state));
3847
+ }
3848
+ };
3849
+ hooks2.callHookWith((callbacks) => {
3850
+ callbacks.forEach((cb) => cb(_payload));
3851
+ }, "editInspectorState" /* EDIT_INSPECTOR_STATE */);
3852
+ },
3853
+ // send inspector state
3854
+ sendInspectorState(inspectorId) {
3855
+ const inspector = getInspector(inspectorId);
3856
+ hooks2.callHook("sendInspectorState" /* SEND_INSPECTOR_STATE */, { inspectorId, plugin: {
3857
+ descriptor: inspector.descriptor,
3858
+ setupFn: () => ({})
3859
+ } });
3860
+ },
3861
+ // inspect component inspector
3862
+ inspectComponentInspector() {
3863
+ return inspectComponentHighLighter();
3864
+ },
3865
+ // cancel inspect component inspector
3866
+ cancelInspectComponentInspector() {
3867
+ return cancelInspectComponentHighLighter();
3868
+ },
3869
+ // get component render code
3870
+ getComponentRenderCode(id) {
3871
+ const instance = getComponentInstance(activeAppRecord.value, id);
3872
+ if (instance)
3873
+ return !((instance == null ? void 0 : instance.type) instanceof Function) ? instance.render.toString() : instance.type.toString();
3874
+ },
3875
+ // scroll to component
3876
+ scrollToComponent(id) {
3877
+ return scrollToComponent({ id });
3878
+ },
3879
+ // open in editor
3880
+ openInEditor,
3881
+ // get vue inspector
3882
+ getVueInspector: getComponentInspector,
3883
+ // toggle app
3884
+ toggleApp(id) {
3885
+ const appRecord = devtoolsAppRecords.value.find((record) => record.id === id);
3886
+ if (appRecord) {
3887
+ setActiveAppRecordId(id);
3888
+ setActiveAppRecord(appRecord);
3889
+ normalizeRouterInfo(appRecord, activeAppRecord);
3890
+ callInspectorUpdatedHook();
3891
+ registerDevToolsPlugin(appRecord.app);
3892
+ }
3893
+ },
3894
+ // inspect dom
3895
+ inspectDOM(instanceId) {
3896
+ const instance = getComponentInstance(activeAppRecord.value, instanceId);
3897
+ if (instance) {
3898
+ const [el] = getRootElementsFromComponentInstance(instance);
3899
+ if (el) {
3900
+ target8.__VUE_DEVTOOLS_INSPECT_DOM_TARGET__ = el;
3901
+ }
3902
+ }
3903
+ }
3904
+ };
3905
+ }
3906
+
3907
+ // src/ctx/env.ts
3908
+ init_esm_shims();
3909
+ import { target as target9 } from "@vue/devtools-shared";
3910
+ var _a15, _b15;
3911
+ (_b15 = (_a15 = target9).__VUE_DEVTOOLS_ENV__) != null ? _b15 : _a15.__VUE_DEVTOOLS_ENV__ = {
3912
+ vitePluginDetected: false
3913
+ };
3914
+ function getDevToolsEnv() {
3915
+ return target9.__VUE_DEVTOOLS_ENV__;
3916
+ }
3917
+ function setDevToolsEnv(env) {
3918
+ target9.__VUE_DEVTOOLS_ENV__ = {
3919
+ ...target9.__VUE_DEVTOOLS_ENV__,
3920
+ ...env
3921
+ };
3922
+ }
3923
+
3924
+ // src/ctx/index.ts
3925
+ var hooks = createDevToolsCtxHooks();
3926
+ var _a16, _b16;
3927
+ (_b16 = (_a16 = target10).__VUE_DEVTOOLS_KIT_CONTEXT__) != null ? _b16 : _a16.__VUE_DEVTOOLS_KIT_CONTEXT__ = {
3928
+ hooks,
3929
+ get state() {
3930
+ return {
3931
+ ...devtoolsState,
3932
+ activeAppRecordId: activeAppRecord.id,
3933
+ activeAppRecord: activeAppRecord.value,
3934
+ appRecords: devtoolsAppRecords.value
3935
+ };
3936
+ },
3937
+ api: createDevToolsApi(hooks)
3938
+ };
3939
+ var devtoolsContext = target10.__VUE_DEVTOOLS_KIT_CONTEXT__;
3940
+
3941
+ // src/compat/index.ts
3942
+ init_esm_shims();
3943
+ import { target as target11 } from "@vue/devtools-shared";
3944
+ function onLegacyDevToolsPluginApiAvailable(cb) {
3945
+ if (target11.__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__) {
3946
+ cb();
3947
+ return;
3948
+ }
3949
+ Object.defineProperty(target11, "__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__", {
3950
+ set(value) {
3951
+ if (value)
3952
+ cb();
3953
+ },
3954
+ configurable: true
3955
+ });
3956
+ }
3957
+
3958
+ // src/core/app/index.ts
3959
+ init_esm_shims();
3960
+ var import_speakingurl = __toESM(require_speakingurl2(), 1);
3961
+ import { target as target12 } from "@vue/devtools-shared";
3962
+ var _a17, _b17;
3963
+ var appRecordInfo = (_b17 = (_a17 = target12).__VUE_DEVTOOLS_NEXT_APP_RECORD_INFO__) != null ? _b17 : _a17.__VUE_DEVTOOLS_NEXT_APP_RECORD_INFO__ = {
3964
+ id: 0,
3965
+ appIds: /* @__PURE__ */ new Set()
3966
+ };
3967
+ function getAppRecordName(app, fallbackName) {
3968
+ var _a24;
3969
+ return ((_a24 = app == null ? void 0 : app._component) == null ? void 0 : _a24.name) || `App ${fallbackName}`;
3970
+ }
3971
+ function getAppRootInstance(app) {
3972
+ var _a24, _b24, _c, _d;
3973
+ if (app._instance)
3974
+ return app._instance;
3975
+ else if ((_b24 = (_a24 = app._container) == null ? void 0 : _a24._vnode) == null ? void 0 : _b24.component)
3976
+ return (_d = (_c = app._container) == null ? void 0 : _c._vnode) == null ? void 0 : _d.component;
3977
+ }
3978
+ function removeAppRecordId(app) {
3979
+ const id = app.__VUE_DEVTOOLS_NEXT_APP_RECORD_ID__;
3980
+ if (id != null) {
3981
+ appRecordInfo.appIds.delete(id);
3982
+ appRecordInfo.id--;
3983
+ }
3984
+ }
3985
+ function getAppRecordId(app, defaultId) {
3986
+ if (app.__VUE_DEVTOOLS_NEXT_APP_RECORD_ID__ != null)
3987
+ return app.__VUE_DEVTOOLS_NEXT_APP_RECORD_ID__;
3988
+ let id = defaultId != null ? defaultId : (appRecordInfo.id++).toString();
3989
+ if (defaultId && appRecordInfo.appIds.has(id)) {
3990
+ let count = 1;
3991
+ while (appRecordInfo.appIds.has(`${defaultId}_${count}`))
3992
+ count++;
3993
+ id = `${defaultId}_${count}`;
3994
+ }
3995
+ appRecordInfo.appIds.add(id);
3996
+ app.__VUE_DEVTOOLS_NEXT_APP_RECORD_ID__ = id;
3997
+ return id;
3998
+ }
3999
+ function createAppRecord(app) {
4000
+ const rootInstance = getAppRootInstance(app);
4001
+ if (rootInstance) {
4002
+ appRecordInfo.id++;
4003
+ const name = getAppRecordName(app, appRecordInfo.id.toString());
4004
+ const id = getAppRecordId(app, (0, import_speakingurl.default)(name));
4005
+ const record = {
4006
+ id,
4007
+ name,
4008
+ instanceMap: /* @__PURE__ */ new Map(),
4009
+ rootInstance
4010
+ };
4011
+ app.__VUE_DEVTOOLS_NEXT_APP_RECORD__ = record;
4012
+ const rootId = `${record.id}:root`;
4013
+ record.instanceMap.set(rootId, record.rootInstance);
4014
+ record.rootInstance.__VUE_DEVTOOLS_NEXT_UID__ = rootId;
4015
+ return record;
4016
+ } else {
4017
+ return {};
4018
+ }
4019
+ }
4020
+
3973
4021
  // src/core/index.ts
3974
4022
  function initDevTools() {
3975
- var _a23;
4023
+ var _a24;
3976
4024
  updateDevToolsState({
3977
4025
  vitePluginDetected: getDevToolsEnv().vitePluginDetected
3978
4026
  });
3979
- const isDevToolsNext = ((_a23 = target11.__VUE_DEVTOOLS_GLOBAL_HOOK__) == null ? void 0 : _a23.id) === "vue-devtools-next";
3980
- if (target11.__VUE_DEVTOOLS_GLOBAL_HOOK__ && isDevToolsNext)
4027
+ const isDevToolsNext = ((_a24 = target13.__VUE_DEVTOOLS_GLOBAL_HOOK__) == null ? void 0 : _a24.id) === "vue-devtools-next";
4028
+ if (target13.__VUE_DEVTOOLS_GLOBAL_HOOK__ && isDevToolsNext)
3981
4029
  return;
3982
- if (!target11.__VUE_DEVTOOLS_GLOBAL_HOOK__) {
3983
- target11.__VUE_DEVTOOLS_GLOBAL_HOOK__ = createDevToolsHook();
4030
+ if (!target13.__VUE_DEVTOOLS_GLOBAL_HOOK__) {
4031
+ target13.__VUE_DEVTOOLS_GLOBAL_HOOK__ = createDevToolsHook();
3984
4032
  } else {
3985
4033
  if (!isNuxtApp) {
3986
4034
  Object.assign(__VUE_DEVTOOLS_GLOBAL_HOOK__, createDevToolsHook());
3987
4035
  }
3988
4036
  }
3989
4037
  hook.on.setupDevtoolsPlugin((pluginDescriptor, setupFn) => {
3990
- var _a24;
4038
+ var _a25;
3991
4039
  addDevToolsPluginToBuffer(pluginDescriptor, setupFn);
3992
- const { app } = (_a24 = activeAppRecord) != null ? _a24 : {};
4040
+ const { app } = (_a25 = activeAppRecord) != null ? _a25 : {};
3993
4041
  if (!app)
3994
4042
  return;
3995
4043
  callDevToolsPluginSetupFn([pluginDescriptor, setupFn], app);
@@ -3997,7 +4045,7 @@ function initDevTools() {
3997
4045
  onLegacyDevToolsPluginApiAvailable(() => {
3998
4046
  const normalizedPluginBuffer = devtoolsPluginBuffer.filter(([item]) => item.id !== "components");
3999
4047
  normalizedPluginBuffer.forEach(([pluginDescriptor, setupFn]) => {
4000
- target11.__VUE_DEVTOOLS_GLOBAL_HOOK__.emit("devtools-plugin:setup" /* SETUP_DEVTOOLS_PLUGIN */, pluginDescriptor, setupFn, { target: "legacy" });
4048
+ target13.__VUE_DEVTOOLS_GLOBAL_HOOK__.emit("devtools-plugin:setup" /* SETUP_DEVTOOLS_PLUGIN */, pluginDescriptor, setupFn, { target: "legacy" });
4001
4049
  });
4002
4050
  });
4003
4051
  hook.on.vueAppInit(async (app, version) => {
@@ -4012,13 +4060,13 @@ function initDevTools() {
4012
4060
  setActiveAppRecord(normalizedAppRecord);
4013
4061
  setActiveAppRecordId(normalizedAppRecord.id);
4014
4062
  normalizeRouterInfo(normalizedAppRecord, activeAppRecord);
4063
+ registerDevToolsPlugin(normalizedAppRecord.app);
4015
4064
  }
4016
4065
  setupDevToolsPlugin(...createComponentsDevToolsPlugin(normalizedAppRecord.app));
4017
- registerDevToolsPlugin(normalizedAppRecord.app);
4018
4066
  updateDevToolsState({
4019
4067
  connected: true
4020
4068
  });
4021
- target11.__VUE_DEVTOOLS_GLOBAL_HOOK__.apps.push(app);
4069
+ target13.__VUE_DEVTOOLS_GLOBAL_HOOK__.apps.push(app);
4022
4070
  });
4023
4071
  hook.on.vueAppUnmount(async (app) => {
4024
4072
  const activeRecords = devtoolsAppRecords.value.filter((appRecord) => appRecord.app !== app);
@@ -4033,7 +4081,8 @@ function initDevTools() {
4033
4081
  setActiveAppRecord(activeRecords[0]);
4034
4082
  devtoolsContext.hooks.callHook("sendActiveAppUpdatedToClient" /* SEND_ACTIVE_APP_UNMOUNTED_TO_CLIENT */);
4035
4083
  }
4036
- target11.__VUE_DEVTOOLS_GLOBAL_HOOK__.apps.splice(target11.__VUE_DEVTOOLS_GLOBAL_HOOK__.apps.indexOf(app), 1);
4084
+ target13.__VUE_DEVTOOLS_GLOBAL_HOOK__.apps.splice(target13.__VUE_DEVTOOLS_GLOBAL_HOOK__.apps.indexOf(app), 1);
4085
+ removeRegisteredPluginApp(app);
4037
4086
  });
4038
4087
  subscribeDevToolsHook();
4039
4088
  }
@@ -4062,7 +4111,7 @@ function toggleHighPerfMode(state) {
4062
4111
  // src/messaging/index.ts
4063
4112
  init_esm_shims();
4064
4113
  import { createBirpc, createBirpcGroup } from "birpc";
4065
- import { target as target17 } from "@vue/devtools-shared";
4114
+ import { target as target19 } from "@vue/devtools-shared";
4066
4115
 
4067
4116
  // src/messaging/presets/index.ts
4068
4117
  init_esm_shims();
@@ -4673,7 +4722,7 @@ function generateReferentialEqualityAnnotations(identitites, dedupe) {
4673
4722
  }
4674
4723
  }
4675
4724
  var walker = (object, identities, superJson, dedupe, path = [], objectsInThisPath = [], seenObjects = /* @__PURE__ */ new Map()) => {
4676
- var _a23;
4725
+ var _a24;
4677
4726
  const primitive = isPrimitive2(object);
4678
4727
  if (!primitive) {
4679
4728
  addIdentity(object, path, identities);
@@ -4703,7 +4752,7 @@ var walker = (object, identities, superJson, dedupe, path = [], objectsInThisPat
4703
4752
  };
4704
4753
  }
4705
4754
  const transformationResult = transformValue(object, superJson);
4706
- const transformed = (_a23 = transformationResult == null ? void 0 : transformationResult.value) != null ? _a23 : object;
4755
+ const transformed = (_a24 = transformationResult == null ? void 0 : transformationResult.value) != null ? _a24 : object;
4707
4756
  const transformedValue = isArray(transformed) ? [] : {};
4708
4757
  const innerAnnotations = {};
4709
4758
  forEach(transformed, (value, index) => {
@@ -4775,22 +4824,22 @@ function assignProp(carry, key, newVal, originalObject, includeNonenumerable) {
4775
4824
  });
4776
4825
  }
4777
4826
  }
4778
- function copy(target19, options = {}) {
4779
- if (isArray2(target19)) {
4780
- return target19.map((item) => copy(item, options));
4827
+ function copy(target21, options = {}) {
4828
+ if (isArray2(target21)) {
4829
+ return target21.map((item) => copy(item, options));
4781
4830
  }
4782
- if (!isPlainObject3(target19)) {
4783
- return target19;
4831
+ if (!isPlainObject3(target21)) {
4832
+ return target21;
4784
4833
  }
4785
- const props = Object.getOwnPropertyNames(target19);
4786
- const symbols = Object.getOwnPropertySymbols(target19);
4834
+ const props = Object.getOwnPropertyNames(target21);
4835
+ const symbols = Object.getOwnPropertySymbols(target21);
4787
4836
  return [...props, ...symbols].reduce((carry, key) => {
4788
4837
  if (isArray2(options.props) && !options.props.includes(key)) {
4789
4838
  return carry;
4790
4839
  }
4791
- const val = target19[key];
4840
+ const val = target21[key];
4792
4841
  const newVal = copy(val, options);
4793
- assignProp(carry, key, newVal, target19, options.nonenumerable);
4842
+ assignProp(carry, key, newVal, target21, options.nonenumerable);
4794
4843
  return carry;
4795
4844
  }, {});
4796
4845
  }
@@ -4803,8 +4852,8 @@ var SuperJSON = class {
4803
4852
  constructor({ dedupe = false } = {}) {
4804
4853
  this.classRegistry = new ClassRegistry();
4805
4854
  this.symbolRegistry = new Registry((s) => {
4806
- var _a23;
4807
- return (_a23 = s.description) != null ? _a23 : "";
4855
+ var _a24;
4856
+ return (_a24 = s.description) != null ? _a24 : "";
4808
4857
  });
4809
4858
  this.customTransformerRegistry = new CustomTransformerRegistry();
4810
4859
  this.allowedErrorProps = [];
@@ -4884,14 +4933,14 @@ var allowErrorProps = SuperJSON.allowErrorProps;
4884
4933
 
4885
4934
  // src/messaging/presets/iframe/context.ts
4886
4935
  init_esm_shims();
4887
- import { target as target12 } from "@vue/devtools-shared";
4936
+ import { target as target14 } from "@vue/devtools-shared";
4888
4937
  var __DEVTOOLS_KIT_IFRAME_MESSAGING_EVENT_KEY = "__devtools-kit-iframe-messaging-event-key__";
4889
4938
  var __IFRAME_SERVER_CONTEXT__ = "iframe:server-context";
4890
4939
  function getIframeServerContext() {
4891
- return target12[__IFRAME_SERVER_CONTEXT__];
4940
+ return target14[__IFRAME_SERVER_CONTEXT__];
4892
4941
  }
4893
4942
  function setIframeServerContext(context) {
4894
- target12[__IFRAME_SERVER_CONTEXT__] = context;
4943
+ target14[__IFRAME_SERVER_CONTEXT__] = context;
4895
4944
  }
4896
4945
 
4897
4946
  // src/messaging/presets/iframe/client.ts
@@ -4935,9 +4984,9 @@ function createIframeServerChannel() {
4935
4984
  }
4936
4985
  return {
4937
4986
  post: (data) => {
4938
- var _a23;
4987
+ var _a24;
4939
4988
  const iframe = getIframeServerContext();
4940
- (_a23 = iframe == null ? void 0 : iframe.contentWindow) == null ? void 0 : _a23.postMessage(SuperJSON.stringify({
4989
+ (_a24 = iframe == null ? void 0 : iframe.contentWindow) == null ? void 0 : _a24.postMessage(SuperJSON.stringify({
4941
4990
  event: __DEVTOOLS_KIT_IFRAME_MESSAGING_EVENT_KEY,
4942
4991
  data
4943
4992
  }), "*");
@@ -4994,21 +5043,21 @@ init_esm_shims();
4994
5043
 
4995
5044
  // src/messaging/presets/vite/context.ts
4996
5045
  init_esm_shims();
4997
- import { target as target13 } from "@vue/devtools-shared";
5046
+ import { target as target15 } from "@vue/devtools-shared";
4998
5047
  var __DEVTOOLS_KIT_VITE_MESSAGING_EVENT_KEY = "__devtools-kit-vite-messaging-event-key__";
4999
5048
  var __VITE_CLIENT_CONTEXT__ = "vite:client-context";
5000
5049
  var __VITE_SERVER_CONTEXT__ = "vite:server-context";
5001
5050
  function getViteClientContext() {
5002
- return target13[__VITE_CLIENT_CONTEXT__];
5051
+ return target15[__VITE_CLIENT_CONTEXT__];
5003
5052
  }
5004
5053
  function setViteClientContext(context) {
5005
- target13[__VITE_CLIENT_CONTEXT__] = context;
5054
+ target15[__VITE_CLIENT_CONTEXT__] = context;
5006
5055
  }
5007
5056
  function getViteServerContext() {
5008
- return target13[__VITE_SERVER_CONTEXT__];
5057
+ return target15[__VITE_SERVER_CONTEXT__];
5009
5058
  }
5010
5059
  function setViteServerContext(context) {
5011
- target13[__VITE_SERVER_CONTEXT__] = context;
5060
+ target15[__VITE_SERVER_CONTEXT__] = context;
5012
5061
  }
5013
5062
 
5014
5063
  // src/messaging/presets/vite/client.ts
@@ -5029,9 +5078,9 @@ function createViteClientChannel() {
5029
5078
  // src/messaging/presets/vite/server.ts
5030
5079
  init_esm_shims();
5031
5080
  function createViteServerChannel() {
5032
- var _a23;
5081
+ var _a24;
5033
5082
  const viteServer = getViteServerContext();
5034
- const ws = (_a23 = viteServer.hot) != null ? _a23 : viteServer.ws;
5083
+ const ws = (_a24 = viteServer.hot) != null ? _a24 : viteServer.ws;
5035
5084
  return {
5036
5085
  post: (data) => ws == null ? void 0 : ws.send(__DEVTOOLS_KIT_VITE_MESSAGING_EVENT_KEY, SuperJSON.stringify(data)),
5037
5086
  on: (handler) => ws == null ? void 0 : ws.on(__DEVTOOLS_KIT_VITE_MESSAGING_EVENT_KEY, (event) => {
@@ -5048,7 +5097,7 @@ init_esm_shims();
5048
5097
 
5049
5098
  // src/messaging/presets/ws/context.ts
5050
5099
  init_esm_shims();
5051
- import { target as target14 } from "@vue/devtools-shared";
5100
+ import { target as target16 } from "@vue/devtools-shared";
5052
5101
 
5053
5102
  // src/messaging/presets/ws/server.ts
5054
5103
  init_esm_shims();
@@ -5058,7 +5107,7 @@ init_esm_shims();
5058
5107
 
5059
5108
  // src/messaging/presets/electron/context.ts
5060
5109
  init_esm_shims();
5061
- import { target as target15 } from "@vue/devtools-shared";
5110
+ import { target as target17 } from "@vue/devtools-shared";
5062
5111
  var __ELECTRON_CLIENT_CONTEXT__ = "electron:client-context";
5063
5112
  var __ELECTRON_RPOXY_CONTEXT__ = "electron:proxy-context";
5064
5113
  var __ELECTRON_SERVER_CONTEXT__ = "electron:server-context";
@@ -5076,22 +5125,22 @@ var __DEVTOOLS_KIT_ELECTRON_MESSAGING_EVENT_KEY__ = {
5076
5125
  // on: proxy->server
5077
5126
  };
5078
5127
  function getElectronClientContext() {
5079
- return target15[__ELECTRON_CLIENT_CONTEXT__];
5128
+ return target17[__ELECTRON_CLIENT_CONTEXT__];
5080
5129
  }
5081
5130
  function setElectronClientContext(context) {
5082
- target15[__ELECTRON_CLIENT_CONTEXT__] = context;
5131
+ target17[__ELECTRON_CLIENT_CONTEXT__] = context;
5083
5132
  }
5084
5133
  function getElectronProxyContext() {
5085
- return target15[__ELECTRON_RPOXY_CONTEXT__];
5134
+ return target17[__ELECTRON_RPOXY_CONTEXT__];
5086
5135
  }
5087
5136
  function setElectronProxyContext(context) {
5088
- target15[__ELECTRON_RPOXY_CONTEXT__] = context;
5137
+ target17[__ELECTRON_RPOXY_CONTEXT__] = context;
5089
5138
  }
5090
5139
  function getElectronServerContext() {
5091
- return target15[__ELECTRON_SERVER_CONTEXT__];
5140
+ return target17[__ELECTRON_SERVER_CONTEXT__];
5092
5141
  }
5093
5142
  function setElectronServerContext(context) {
5094
- target15[__ELECTRON_SERVER_CONTEXT__] = context;
5143
+ target17[__ELECTRON_SERVER_CONTEXT__] = context;
5095
5144
  }
5096
5145
 
5097
5146
  // src/messaging/presets/electron/client.ts
@@ -5149,7 +5198,7 @@ init_esm_shims();
5149
5198
 
5150
5199
  // src/messaging/presets/extension/context.ts
5151
5200
  init_esm_shims();
5152
- import { target as target16 } from "@vue/devtools-shared";
5201
+ import { target as target18 } from "@vue/devtools-shared";
5153
5202
  var __EXTENSION_CLIENT_CONTEXT__ = "electron:client-context";
5154
5203
  var __DEVTOOLS_KIT_EXTENSION_MESSAGING_EVENT_KEY__ = {
5155
5204
  // client
@@ -5165,10 +5214,10 @@ var __DEVTOOLS_KIT_EXTENSION_MESSAGING_EVENT_KEY__ = {
5165
5214
  // on: proxy->server
5166
5215
  };
5167
5216
  function getExtensionClientContext() {
5168
- return target16[__EXTENSION_CLIENT_CONTEXT__];
5217
+ return target18[__EXTENSION_CLIENT_CONTEXT__];
5169
5218
  }
5170
5219
  function setExtensionClientContext(context) {
5171
- target16[__EXTENSION_CLIENT_CONTEXT__] = context;
5220
+ target18[__EXTENSION_CLIENT_CONTEXT__] = context;
5172
5221
  }
5173
5222
 
5174
5223
  // src/messaging/presets/extension/client.ts
@@ -5230,7 +5279,10 @@ function createExtensionProxyChannel() {
5230
5279
  }
5231
5280
  function sendMessageToDevToolsClient(e) {
5232
5281
  if (e.data && e.data.source === __DEVTOOLS_KIT_EXTENSION_MESSAGING_EVENT_KEY__.SERVER_TO_PROXY) {
5233
- port.postMessage(e.data.payload);
5282
+ try {
5283
+ port.postMessage(e.data.payload);
5284
+ } catch (e2) {
5285
+ }
5234
5286
  }
5235
5287
  }
5236
5288
  port.onMessage.addListener(sendMessageToUserApp);
@@ -5277,41 +5329,41 @@ function createExtensionServerChannel() {
5277
5329
  }
5278
5330
 
5279
5331
  // src/messaging/index.ts
5280
- var _a17, _b17;
5281
- (_b17 = (_a17 = target17).__VUE_DEVTOOLS_KIT_MESSAGE_CHANNELS__) != null ? _b17 : _a17.__VUE_DEVTOOLS_KIT_MESSAGE_CHANNELS__ = [];
5282
5332
  var _a18, _b18;
5283
- (_b18 = (_a18 = target17).__VUE_DEVTOOLS_KIT_RPC_CLIENT__) != null ? _b18 : _a18.__VUE_DEVTOOLS_KIT_RPC_CLIENT__ = null;
5333
+ (_b18 = (_a18 = target19).__VUE_DEVTOOLS_KIT_MESSAGE_CHANNELS__) != null ? _b18 : _a18.__VUE_DEVTOOLS_KIT_MESSAGE_CHANNELS__ = [];
5284
5334
  var _a19, _b19;
5285
- (_b19 = (_a19 = target17).__VUE_DEVTOOLS_KIT_RPC_SERVER__) != null ? _b19 : _a19.__VUE_DEVTOOLS_KIT_RPC_SERVER__ = null;
5335
+ (_b19 = (_a19 = target19).__VUE_DEVTOOLS_KIT_RPC_CLIENT__) != null ? _b19 : _a19.__VUE_DEVTOOLS_KIT_RPC_CLIENT__ = null;
5286
5336
  var _a20, _b20;
5287
- (_b20 = (_a20 = target17).__VUE_DEVTOOLS_KIT_VITE_RPC_CLIENT__) != null ? _b20 : _a20.__VUE_DEVTOOLS_KIT_VITE_RPC_CLIENT__ = null;
5337
+ (_b20 = (_a20 = target19).__VUE_DEVTOOLS_KIT_RPC_SERVER__) != null ? _b20 : _a20.__VUE_DEVTOOLS_KIT_RPC_SERVER__ = null;
5288
5338
  var _a21, _b21;
5289
- (_b21 = (_a21 = target17).__VUE_DEVTOOLS_KIT_VITE_RPC_SERVER__) != null ? _b21 : _a21.__VUE_DEVTOOLS_KIT_VITE_RPC_SERVER__ = null;
5339
+ (_b21 = (_a21 = target19).__VUE_DEVTOOLS_KIT_VITE_RPC_CLIENT__) != null ? _b21 : _a21.__VUE_DEVTOOLS_KIT_VITE_RPC_CLIENT__ = null;
5290
5340
  var _a22, _b22;
5291
- (_b22 = (_a22 = target17).__VUE_DEVTOOLS_KIT_BROADCAST_RPC_SERVER__) != null ? _b22 : _a22.__VUE_DEVTOOLS_KIT_BROADCAST_RPC_SERVER__ = null;
5341
+ (_b22 = (_a22 = target19).__VUE_DEVTOOLS_KIT_VITE_RPC_SERVER__) != null ? _b22 : _a22.__VUE_DEVTOOLS_KIT_VITE_RPC_SERVER__ = null;
5342
+ var _a23, _b23;
5343
+ (_b23 = (_a23 = target19).__VUE_DEVTOOLS_KIT_BROADCAST_RPC_SERVER__) != null ? _b23 : _a23.__VUE_DEVTOOLS_KIT_BROADCAST_RPC_SERVER__ = null;
5292
5344
  function setRpcClientToGlobal(rpc) {
5293
- target17.__VUE_DEVTOOLS_KIT_RPC_CLIENT__ = rpc;
5345
+ target19.__VUE_DEVTOOLS_KIT_RPC_CLIENT__ = rpc;
5294
5346
  }
5295
5347
  function setRpcServerToGlobal(rpc) {
5296
- target17.__VUE_DEVTOOLS_KIT_RPC_SERVER__ = rpc;
5348
+ target19.__VUE_DEVTOOLS_KIT_RPC_SERVER__ = rpc;
5297
5349
  }
5298
5350
  function getRpcClient() {
5299
- return target17.__VUE_DEVTOOLS_KIT_RPC_CLIENT__;
5351
+ return target19.__VUE_DEVTOOLS_KIT_RPC_CLIENT__;
5300
5352
  }
5301
5353
  function getRpcServer() {
5302
- return target17.__VUE_DEVTOOLS_KIT_RPC_SERVER__;
5354
+ return target19.__VUE_DEVTOOLS_KIT_RPC_SERVER__;
5303
5355
  }
5304
5356
  function setViteRpcClientToGlobal(rpc) {
5305
- target17.__VUE_DEVTOOLS_KIT_VITE_RPC_CLIENT__ = rpc;
5357
+ target19.__VUE_DEVTOOLS_KIT_VITE_RPC_CLIENT__ = rpc;
5306
5358
  }
5307
5359
  function setViteRpcServerToGlobal(rpc) {
5308
- target17.__VUE_DEVTOOLS_KIT_VITE_RPC_SERVER__ = rpc;
5360
+ target19.__VUE_DEVTOOLS_KIT_VITE_RPC_SERVER__ = rpc;
5309
5361
  }
5310
5362
  function getViteRpcClient() {
5311
- return target17.__VUE_DEVTOOLS_KIT_VITE_RPC_CLIENT__;
5363
+ return target19.__VUE_DEVTOOLS_KIT_VITE_RPC_CLIENT__;
5312
5364
  }
5313
5365
  function getViteRpcServer() {
5314
- return target17.__VUE_DEVTOOLS_KIT_VITE_RPC_SERVER__;
5366
+ return target19.__VUE_DEVTOOLS_KIT_VITE_RPC_SERVER__;
5315
5367
  }
5316
5368
  function getChannel(preset, host = "client") {
5317
5369
  const channel = {
@@ -5584,13 +5636,13 @@ function getHTMLElementDetails(value) {
5584
5636
  }
5585
5637
  }
5586
5638
  function getObjectDetails(object) {
5587
- var _a23, _b23, _c, _d;
5639
+ var _a24, _b24, _c, _d;
5588
5640
  const info = getSetupStateType(object);
5589
5641
  const isState = info.ref || info.computed || info.reactive;
5590
5642
  if (isState) {
5591
5643
  const stateTypeName = info.computed ? "Computed" : info.ref ? "Ref" : info.reactive ? "Reactive" : null;
5592
5644
  const value = toRaw2(info.reactive ? object : object._value);
5593
- const raw = ((_b23 = (_a23 = object.effect) == null ? void 0 : _a23.raw) == null ? void 0 : _b23.toString()) || ((_d = (_c = object.effect) == null ? void 0 : _c.fn) == null ? void 0 : _d.toString());
5645
+ const raw = ((_b24 = (_a24 = object.effect) == null ? void 0 : _a24.raw) == null ? void 0 : _b24.toString()) || ((_d = (_c = object.effect) == null ? void 0 : _c.fn) == null ? void 0 : _d.toString());
5594
5646
  return {
5595
5647
  _custom: {
5596
5648
  type: stateTypeName == null ? void 0 : stateTypeName.toLowerCase(),
@@ -5611,8 +5663,8 @@ function getObjectDetails(object) {
5611
5663
  }
5612
5664
 
5613
5665
  // src/core/component/state/replacer.ts
5614
- function stringifyReplacer(key) {
5615
- var _a23;
5666
+ function stringifyReplacer(key, _value, depth, seenInstance) {
5667
+ var _a24;
5616
5668
  if (key === "compilerOptions")
5617
5669
  return;
5618
5670
  const val = this[key];
@@ -5661,14 +5713,20 @@ function stringifyReplacer(key) {
5661
5713
  } else if (val.constructor && val.constructor.name === "VueRouter") {
5662
5714
  return getRouterDetails(val);
5663
5715
  } else if (isVueInstance(val)) {
5664
- return getInstanceDetails(val);
5716
+ const componentVal = getInstanceDetails(val);
5717
+ const parentInstanceDepth = seenInstance == null ? void 0 : seenInstance.get(val);
5718
+ if (parentInstanceDepth && parentInstanceDepth < depth) {
5719
+ return `[[CircularRef]] <${componentVal._custom.displayText}>`;
5720
+ }
5721
+ seenInstance == null ? void 0 : seenInstance.set(val, depth);
5722
+ return componentVal;
5665
5723
  } else if (typeof val.render === "function") {
5666
5724
  return getComponentDefinitionDetails(val);
5667
5725
  } else if (val.constructor && val.constructor.name === "VNode") {
5668
5726
  return `[native VNode <${val.tag}>]`;
5669
5727
  } else if (typeof HTMLElement !== "undefined" && val instanceof HTMLElement) {
5670
5728
  return getHTMLElementDetails(val);
5671
- } else if (((_a23 = val.constructor) == null ? void 0 : _a23.name) === "Store" && val._wrappedGetters) {
5729
+ } else if (((_a24 = val.constructor) == null ? void 0 : _a24.name) === "Store" && val._wrappedGetters) {
5672
5730
  return "[object Store]";
5673
5731
  } else if (val.currentRoute) {
5674
5732
  return "[object Router]";
@@ -5684,7 +5742,7 @@ function stringifyReplacer(key) {
5684
5742
 
5685
5743
  // src/core/component/state/reviver.ts
5686
5744
  init_esm_shims();
5687
- import { target as target18 } from "@vue/devtools-shared";
5745
+ import { target as target20 } from "@vue/devtools-shared";
5688
5746
  function reviveSet(val) {
5689
5747
  const result = /* @__PURE__ */ new Set();
5690
5748
  const list = val._custom.value;
@@ -5729,7 +5787,7 @@ function revive(val) {
5729
5787
  return Symbol.for(string);
5730
5788
  } else if (specialTypeRE.test(val)) {
5731
5789
  const [, type, string, , details] = specialTypeRE.exec(val);
5732
- const result = new target18[type](string);
5790
+ const result = new target20[type](string);
5733
5791
  if (type === "Error" && details)
5734
5792
  result.stack = details;
5735
5793
  return result;
@@ -5743,33 +5801,48 @@ function reviver(key, value) {
5743
5801
 
5744
5802
  // src/shared/transfer.ts
5745
5803
  init_esm_shims();
5746
- var MAX_SERIALIZED_SIZE = 512 * 1024;
5747
- function encode(data, replacer, list, seen) {
5748
- let stored, key, value, i, l;
5804
+ var MAX_SERIALIZED_SIZE = 2 * 1024 * 1024;
5805
+ function isObject(_data, proto) {
5806
+ return proto === "[object Object]";
5807
+ }
5808
+ function isArray3(_data, proto) {
5809
+ return proto === "[object Array]";
5810
+ }
5811
+ function encode(data, replacer, list, seen, depth = 0, seenVueInstance = /* @__PURE__ */ new Map()) {
5812
+ let stored;
5813
+ let key;
5814
+ let value;
5815
+ let i;
5816
+ let l;
5749
5817
  const seenIndex = seen.get(data);
5750
5818
  if (seenIndex != null)
5751
5819
  return seenIndex;
5752
5820
  const index = list.length;
5753
5821
  const proto = Object.prototype.toString.call(data);
5754
- if (proto === "[object Object]") {
5822
+ if (isObject(data, proto)) {
5755
5823
  stored = {};
5756
5824
  seen.set(data, index);
5757
5825
  list.push(stored);
5758
5826
  const keys = Object.keys(data);
5759
5827
  for (i = 0, l = keys.length; i < l; i++) {
5760
5828
  key = keys[i];
5829
+ value = data[key];
5830
+ const isVm = value != null && isObject(value, Object.prototype.toString.call(data)) && isVueInstance(value);
5761
5831
  try {
5762
5832
  if (key === "compilerOptions")
5763
- return;
5764
- value = data[key];
5765
- if (replacer)
5766
- value = replacer.call(data, key, value);
5833
+ return index;
5834
+ if (replacer) {
5835
+ value = replacer.call(data, key, value, depth, seenVueInstance);
5836
+ }
5767
5837
  } catch (e) {
5768
5838
  value = e;
5769
5839
  }
5770
- stored[key] = encode(value, replacer, list, seen);
5840
+ stored[key] = encode(value, replacer, list, seen, depth + 1, seenVueInstance);
5841
+ if (isVm) {
5842
+ seenVueInstance.delete(value);
5843
+ }
5771
5844
  }
5772
- } else if (proto === "[object Array]") {
5845
+ } else if (isArray3(data, proto)) {
5773
5846
  stored = [];
5774
5847
  seen.set(data, index);
5775
5848
  list.push(stored);
@@ -5777,11 +5850,11 @@ function encode(data, replacer, list, seen) {
5777
5850
  try {
5778
5851
  value = data[i];
5779
5852
  if (replacer)
5780
- value = replacer.call(data, i, value);
5853
+ value = replacer.call(data, i, value, depth, seenVueInstance);
5781
5854
  } catch (e) {
5782
5855
  value = e;
5783
5856
  }
5784
- stored[i] = encode(value, replacer, list, seen);
5857
+ stored[i] = encode(value, replacer, list, seen, depth + 1, seenVueInstance);
5785
5858
  }
5786
5859
  } else {
5787
5860
  list.push(data);
@@ -5816,7 +5889,7 @@ function decode(list, reviver2 = null) {
5816
5889
  function stringifyCircularAutoChunks(data, replacer = null, space = null) {
5817
5890
  let result;
5818
5891
  try {
5819
- result = arguments.length === 1 ? JSON.stringify(data) : JSON.stringify(data, replacer, space);
5892
+ result = arguments.length === 1 ? JSON.stringify(data) : JSON.stringify(data, (k, v) => replacer == null ? void 0 : replacer(k, v), space);
5820
5893
  } catch (e) {
5821
5894
  result = stringifyStrictCircularAutoChunks(data, replacer, space);
5822
5895
  }
@@ -5877,7 +5950,7 @@ function getInspectorStateValueType(value, raw = true) {
5877
5950
  }
5878
5951
  }
5879
5952
  function formatInspectorStateValue(value, quotes = false, options) {
5880
- var _a23, _b23, _c;
5953
+ var _a24, _b24, _c;
5881
5954
  const { customClass } = options != null ? options : {};
5882
5955
  let result;
5883
5956
  const type = getInspectorStateValueType(value, false);
@@ -5886,14 +5959,14 @@ function formatInspectorStateValue(value, quotes = false, options) {
5886
5959
  if (result = internalStateTokenToString(value)) {
5887
5960
  return result;
5888
5961
  } else if (type === "custom") {
5889
- const nestedName = ((_a23 = value._custom.value) == null ? void 0 : _a23._custom) && formatInspectorStateValue(value._custom.value, quotes, options);
5962
+ const nestedName = ((_a24 = value._custom.value) == null ? void 0 : _a24._custom) && formatInspectorStateValue(value._custom.value, quotes, options);
5890
5963
  return nestedName || value._custom.displayText || value._custom.display;
5891
5964
  } else if (type === "array") {
5892
5965
  return `Array[${value.length}]`;
5893
5966
  } else if (type === "plain-object") {
5894
5967
  return `Object${Object.keys(value).length ? "" : " (empty)"}`;
5895
5968
  } else if (type == null ? void 0 : type.includes("native")) {
5896
- return escape((_b23 = specialTypeRE.exec(value)) == null ? void 0 : _b23[2]);
5969
+ return escape((_b24 = specialTypeRE.exec(value)) == null ? void 0 : _b24[2]);
5897
5970
  } else if (typeof value === "string") {
5898
5971
  const typeMatch = value.match(rawTypeRE);
5899
5972
  if (typeMatch) {
@@ -5910,14 +5983,14 @@ function escapeString(value) {
5910
5983
  return escape(value).replace(/ /g, "&nbsp;").replace(/\n/g, "<span>\\n</span>");
5911
5984
  }
5912
5985
  function getRaw(value) {
5913
- var _a23, _b23, _c;
5986
+ var _a24, _b24, _c;
5914
5987
  let customType;
5915
5988
  const isCustom = getInspectorStateValueType(value) === "custom";
5916
5989
  let inherit = {};
5917
5990
  if (isCustom) {
5918
5991
  const data = value;
5919
- const customValue = (_a23 = data._custom) == null ? void 0 : _a23.value;
5920
- const currentCustomType = (_b23 = data._custom) == null ? void 0 : _b23.type;
5992
+ const customValue = (_a24 = data._custom) == null ? void 0 : _a24.value;
5993
+ const currentCustomType = (_b24 = data._custom) == null ? void 0 : _b24.type;
5921
5994
  const nestedCustom = typeof customValue === "object" && customValue !== null && "_custom" in customValue ? getRaw(customValue) : { inherit: void 0, value: void 0, customType: void 0 };
5922
5995
  inherit = nestedCustom.inherit || ((_c = data._custom) == null ? void 0 : _c.fields) || {};
5923
5996
  value = nestedCustom.value || customValue;
@@ -6027,6 +6100,7 @@ export {
6027
6100
  registerDevToolsPlugin,
6028
6101
  removeCustomCommand,
6029
6102
  removeDevToolsAppRecord,
6103
+ removeRegisteredPluginApp,
6030
6104
  resetDevToolsState,
6031
6105
  setActiveAppRecord,
6032
6106
  setActiveAppRecordId,