@vue/devtools-kit 7.0.24 → 7.0.26

package/dist/index.js

@@ -27,9 +27,9 @@ var __toESM = (mod, isNodeMode, target10) => (target10 = mod != null ? __create(
   mod
 ));
 
-// ../../node_modules/.pnpm/tsup@8.0.2_postcss@8.4.38_typescript@5.4.3/node_modules/tsup/assets/esm_shims.js
+// ../../node_modules/.pnpm/tsup@8.0.2_postcss@8.4.38_typescript@5.4.4/node_modules/tsup/assets/esm_shims.js
 var init_esm_shims = __esm({
-  "../../node_modules/.pnpm/tsup@8.0.2_postcss@8.4.38_typescript@5.4.3/node_modules/tsup/assets/esm_shims.js"() {
+  "../../node_modules/.pnpm/tsup@8.0.2_postcss@8.4.38_typescript@5.4.4/node_modules/tsup/assets/esm_shims.js"() {
     "use strict";
   }
 });
@@ -1888,16 +1888,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;
@@ -1936,7 +1936,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}`;
 }
@@ -2119,8 +2119,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
@@ -2166,9 +2166,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);
@@ -2276,8 +2276,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;
     }
   }
@@ -2934,11 +2934,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)
@@ -2960,11 +2961,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)
@@ -2989,7 +2991,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 = [
@@ -3013,8 +3016,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;
@@ -3023,7 +3026,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) {
@@ -3038,10 +3041,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 {};
@@ -3232,7 +3235,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)
@@ -3240,7 +3243,7 @@ function inspectComponentHighLighter() {
         resolve(JSON.stringify({ id }));
       });
     }
-    window.addEventListener("click", onSelect);
+    window.addEventListener("click", onSelect, true);
   });
 }
 function scrollToComponent(options) {
@@ -3433,7 +3436,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),
@@ -4100,7 +4103,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;
@@ -4324,7 +4327,7 @@ var devtoolsAppRecords = new Proxy(devtoolsState.appRecords, {
   }
 });
 var _a8, _b8;
-var appRecordInfo = (_b8 = (_a8 = target6).__VUE_DEVTOOLS_APP_RECROD_INFO__) != null ? _b8 : _a8.__VUE_DEVTOOLS_APP_RECROD_INFO__ = {
+var appRecordInfo = (_b8 = (_a8 = target6).__VUE_DEVTOOLS_NEXT_APP_RECROD_INFO__) != null ? _b8 : _a8.__VUE_DEVTOOLS_NEXT_APP_RECROD_INFO__ = {
   id: 0,
   appIds: /* @__PURE__ */ new Set()
 };

package/global.d.ts

@@ -5,7 +5,7 @@ declare global {
   var __VUE_DEVTOOLS_GLOBAL_HOOK__: DevToolsHook
   var __VUE_DEVTOOLS_GLOBAL_STATE__: DevToolsState
   var __VUE_DEVTOOLS_CONTEXT__: DevToolsContext
-  var __VUE_DEVTOOLS_APP_RECROD_INFO__: {
+  var __VUE_DEVTOOLS_NEXT_APP_RECROD_INFO__: {
     id: number
     appIds: Set<string>
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vue/devtools-kit",
   "type": "module",
-  "version": "7.0.24",
+  "version": "7.0.26",
   "author": "webfansplz",
   "license": "MIT",
   "exports": {
@@ -25,7 +25,7 @@
     "mitt": "^3.0.1",
     "perfect-debounce": "^1.0.0",
     "speakingurl": "^14.0.1",
-    "@vue/devtools-shared": "^7.0.24"
+    "@vue/devtools-shared": "^7.0.26"
   },
   "devDependencies": {
     "@types/speakingurl": "^13.0.6",