@vue/devtools-kit 7.0.24 → 7.0.26

package/dist/index.cjs

@@ -33,9 +33,9 @@ var __toESM = (mod, isNodeMode, target10) => (target10 = mod != null ? __create(
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// ../../node_modules/.pnpm/tsup@8.0.2_postcss@8.4.38_typescript@5.4.3/node_modules/tsup/assets/cjs_shims.js
+// ../../node_modules/.pnpm/tsup@8.0.2_postcss@8.4.38_typescript@5.4.4/node_modules/tsup/assets/cjs_shims.js
 var init_cjs_shims = __esm({
-  "../../node_modules/.pnpm/tsup@8.0.2_postcss@8.4.38_typescript@5.4.3/node_modules/tsup/assets/cjs_shims.js"() {
+  "../../node_modules/.pnpm/tsup@8.0.2_postcss@8.4.38_typescript@5.4.4/node_modules/tsup/assets/cjs_shims.js"() {
     "use strict";
   }
 });
@@ -1916,16 +1916,16 @@ function saveComponentGussedName(instance, name) {
   return name;
 }
 function getAppRecord(instance) {
-  if (instance.__VUE_DEVTOOLS_APP_RECORD__)
-    return instance.__VUE_DEVTOOLS_APP_RECORD__;
+  if (instance.__VUE_DEVTOOLS_NEXT_APP_RECORD__)
+    return instance.__VUE_DEVTOOLS_NEXT_APP_RECORD__;
   else if (instance.root)
-    return instance.appContext.app.__VUE_DEVTOOLS_APP_RECORD__;
+    return instance.appContext.app.__VUE_DEVTOOLS_NEXT_APP_RECORD__;
 }
 async function getComponentId(options) {
   const { app, uid, instance } = options;
   try {
-    if (instance.__VUE_DEVTOOLS_UID__)
-      return instance.__VUE_DEVTOOLS_UID__;
+    if (instance.__VUE_DEVTOOLS_NEXT_UID__)
+      return instance.__VUE_DEVTOOLS_NEXT_UID__;
     const appRecord = await getAppRecord(app);
     if (!appRecord)
       return null;
@@ -1964,7 +1964,7 @@ function getInstanceName(instance) {
 }
 function getUniqueComponentId(instance) {
   var _a10, _b10, _c;
-  const appId = (_c = (_b10 = (_a10 = instance == null ? void 0 : instance.appContext) == null ? void 0 : _a10.app) == null ? void 0 : _b10.__VUE_DEVTOOLS_APP_RECORD_ID__) != null ? _c : 0;
+  const appId = (_c = (_b10 = (_a10 = instance == null ? void 0 : instance.appContext) == null ? void 0 : _a10.app) == null ? void 0 : _b10.__VUE_DEVTOOLS_NEXT_APP_RECORD_ID__) != null ? _c : 0;
   const instanceId = instance === instance.root ? "root" : instance.uid;
   return `${appId}:${instanceId}`;
 }
@@ -2147,8 +2147,8 @@ var ComponentWalker = class {
   captureId(instance) {
     if (!instance)
       return null;
-    const id = instance.__VUE_DEVTOOLS_UID__ != null ? instance.__VUE_DEVTOOLS_UID__ : getUniqueComponentId(instance);
-    instance.__VUE_DEVTOOLS_UID__ = id;
+    const id = instance.__VUE_DEVTOOLS_NEXT_UID__ != null ? instance.__VUE_DEVTOOLS_NEXT_UID__ : getUniqueComponentId(instance);
+    instance.__VUE_DEVTOOLS_NEXT_UID__ = id;
     if (this.captureIds.has(id))
       return null;
     else
@@ -2194,9 +2194,9 @@ var ComponentWalker = class {
     }
     if (this.isKeepAlive(instance)) {
       const cachedComponents = this.getKeepAliveCachedInstances(instance);
-      const childrenIds = children.map((child) => child.__VUE_DEVTOOLS_UID__);
+      const childrenIds = children.map((child) => child.__VUE_DEVTOOLS_NEXT_UID__);
       for (const cachedChild of cachedComponents) {
-        if (!childrenIds.includes(cachedChild.__VUE_DEVTOOLS_UID__)) {
+        if (!childrenIds.includes(cachedChild.__VUE_DEVTOOLS_NEXT_UID__)) {
           const node = await this.capture({ ...cachedChild, isDeactivated: true }, depth + 1);
           if (node)
             treeNode.children.push(node);
@@ -2304,8 +2304,8 @@ var ComponentWalker = class {
    */
   mark(instance, force = false) {
     const instanceMap = getAppRecord(instance).instanceMap;
-    if (force || !instanceMap.has(instance.__VUE_DEVTOOLS_UID__)) {
-      instanceMap.set(instance.__VUE_DEVTOOLS_UID__, instance);
+    if (force || !instanceMap.has(instance.__VUE_DEVTOOLS_NEXT_UID__)) {
+      instanceMap.set(instance.__VUE_DEVTOOLS_NEXT_UID__, instance);
       devtoolsAppRecords.active.instanceMap = instanceMap;
     }
   }
@@ -2962,11 +2962,12 @@ function registerComponentDevToolsPlugin(app) {
       });
       const appRecord = await getAppRecord(app2);
       if (component) {
-        if (component.__VUE_DEVTOOLS_UID__ == null)
-          component.__VUE_DEVTOOLS_UID__ = id;
+        if (component.__VUE_DEVTOOLS_NEXT_UID__ == null)
+          component.__VUE_DEVTOOLS_NEXT_UID__ = id;
         if (!(appRecord == null ? void 0 : appRecord.instanceMap.has(id))) {
           appRecord == null ? void 0 : appRecord.instanceMap.set(id, component);
-          devtoolsAppRecords.active.instanceMap = appRecord.instanceMap;
+          if (devtoolsAppRecords.active.id === (appRecord == null ? void 0 : appRecord.id))
+            devtoolsAppRecords.active.instanceMap = appRecord.instanceMap;
         }
       }
       if (!appRecord)
@@ -2988,11 +2989,12 @@ function registerComponentDevToolsPlugin(app) {
       });
       const appRecord = await getAppRecord(app2);
       if (component) {
-        if (component.__VUE_DEVTOOLS_UID__ == null)
-          component.__VUE_DEVTOOLS_UID__ = id;
+        if (component.__VUE_DEVTOOLS_NEXT_UID__ == null)
+          component.__VUE_DEVTOOLS_NEXT_UID__ = id;
         if (!(appRecord == null ? void 0 : appRecord.instanceMap.has(id))) {
           appRecord == null ? void 0 : appRecord.instanceMap.set(id, component);
-          devtoolsAppRecords.active.instanceMap = appRecord.instanceMap;
+          if (devtoolsAppRecords.active.id === (appRecord == null ? void 0 : appRecord.id))
+            devtoolsAppRecords.active.instanceMap = appRecord.instanceMap;
         }
       }
       if (!appRecord)
@@ -3017,7 +3019,8 @@ function registerComponentDevToolsPlugin(app) {
         instance: component
       });
       appRecord == null ? void 0 : appRecord.instanceMap.delete(id);
-      devtoolsAppRecords.active.instanceMap = appRecord.instanceMap;
+      if (devtoolsAppRecords.active.id === (appRecord == null ? void 0 : appRecord.id))
+        devtoolsAppRecords.active.instanceMap = appRecord.instanceMap;
       debounceSendInspectorTree();
     });
     devtoolsContext.componentPluginHookBuffer = [
@@ -3041,8 +3044,8 @@ function getAppRootInstance(app) {
     return (_d = (_c = app._container) == null ? void 0 : _c._vnode) == null ? void 0 : _d.component;
 }
 function getAppRecordId(app, defaultId) {
-  if (app.__VUE_DEVTOOLS_APP_RECORD_ID__ != null)
-    return app.__VUE_DEVTOOLS_APP_RECORD_ID__;
+  if (app.__VUE_DEVTOOLS_NEXT_APP_RECORD_ID__ != null)
+    return app.__VUE_DEVTOOLS_NEXT_APP_RECORD_ID__;
   let id = defaultId != null ? defaultId : (appRecordInfo.id++).toString();
   if (defaultId && appRecordInfo.appIds.has(id)) {
     let count = 1;
@@ -3051,7 +3054,7 @@ function getAppRecordId(app, defaultId) {
     id = `${defaultId}_${count}`;
   }
   appRecordInfo.appIds.add(id);
-  app.__VUE_DEVTOOLS_APP_RECORD_ID__ = id;
+  app.__VUE_DEVTOOLS_NEXT_APP_RECORD_ID__ = id;
   return id;
 }
 function createAppRecord(app) {
@@ -3066,10 +3069,10 @@ function createAppRecord(app) {
       instanceMap: /* @__PURE__ */ new Map(),
       rootInstance
     };
-    app.__VUE_DEVTOOLS_APP_RECORD__ = record;
+    app.__VUE_DEVTOOLS_NEXT_APP_RECORD__ = record;
     const rootId = `${record.id}:root`;
     record.instanceMap.set(rootId, record.rootInstance);
-    record.rootInstance.__VUE_DEVTOOLS_UID__ = rootId;
+    record.rootInstance.__VUE_DEVTOOLS_NEXT_UID__ = rootId;
     return record;
   } else {
     return {};
@@ -3260,7 +3263,7 @@ function inspectComponentHighLighter() {
       e.preventDefault();
       e.stopPropagation();
       selectComponentFn(e, (id) => {
-        window.removeEventListener("click", onSelect);
+        window.removeEventListener("click", onSelect, true);
         window.removeEventListener("mouseover", inspectFn);
         const el = getContainerElement();
         if (el)
@@ -3268,7 +3271,7 @@ function inspectComponentHighLighter() {
         resolve(JSON.stringify({ id }));
       });
     }
-    window.addEventListener("click", onSelect);
+    window.addEventListener("click", onSelect, true);
   });
 }
 function scrollToComponent(options) {
@@ -3461,7 +3464,7 @@ function getInstanceDetails(instance) {
   return {
     _custom: {
       type: "component",
-      id: instance.__VUE_DEVTOOLS_UID__,
+      id: instance.__VUE_DEVTOOLS_NEXT_UID__,
       displayText: getInstanceName(instance),
       tooltipText: "Component instance",
       value: reduceStateList(state),
@@ -4128,7 +4131,7 @@ var DevToolsPluginApi = class {
     }
   }
   async getComponentInstances(app) {
-    const appRecord = app.__VUE_DEVTOOLS_APP_RECORD__;
+    const appRecord = app.__VUE_DEVTOOLS_NEXT_APP_RECORD__;
     const appId = appRecord.id.toString();
     const instances = [...appRecord.instanceMap].filter(([key]) => key.split(":")[0] === appId).map(([, instance]) => instance);
     return instances;
@@ -4352,7 +4355,7 @@ var devtoolsAppRecords = new Proxy(devtoolsState.appRecords, {
   }
 });
 var _a8, _b8;
-var appRecordInfo = (_b8 = (_a8 = import_devtools_shared13.target).__VUE_DEVTOOLS_APP_RECROD_INFO__) != null ? _b8 : _a8.__VUE_DEVTOOLS_APP_RECROD_INFO__ = {
+var appRecordInfo = (_b8 = (_a8 = import_devtools_shared13.target).__VUE_DEVTOOLS_NEXT_APP_RECROD_INFO__) != null ? _b8 : _a8.__VUE_DEVTOOLS_NEXT_APP_RECROD_INFO__ = {
   id: 0,
   appIds: /* @__PURE__ */ new Set()
 };