@vue/devtools-kit 7.0.15 → 7.0.17

package/dist/index.js

@@ -27,9 +27,9 @@ var __toESM = (mod, isNodeMode, target9) => (target9 = mod != null ? __create(__
   mod
 ));
 
-// ../../node_modules/.pnpm/tsup@8.0.2_postcss@8.4.35_typescript@5.3.3/node_modules/tsup/assets/esm_shims.js
+// ../../node_modules/.pnpm/tsup@8.0.2_postcss@8.4.35_typescript@5.4.2/node_modules/tsup/assets/esm_shims.js
 var init_esm_shims = __esm({
-  "../../node_modules/.pnpm/tsup@8.0.2_postcss@8.4.35_typescript@5.3.3/node_modules/tsup/assets/esm_shims.js"() {
+  "../../node_modules/.pnpm/tsup@8.0.2_postcss@8.4.35_typescript@5.4.2/node_modules/tsup/assets/esm_shims.js"() {
     "use strict";
   }
 });
@@ -1819,23 +1819,26 @@ function collectDevToolsPlugin(pluginDescriptor, setupFn) {
 function setupDevToolsPlugin(pluginDescriptor, setupFn) {
   return hook.setupDevToolsPlugin(pluginDescriptor, setupFn);
 }
-function registerPlugin(app, api) {
-  const plugins = devtoolsState.pluginBuffer.filter(([plugin]) => plugin.app === app);
-  plugins.forEach(async ([plugin, setupFn]) => {
-    if (plugin.packageName === "vue-query") {
-      return;
-    }
-    if (plugin.packageName === "vue-router") {
-      const id = getRouterDevToolsId(`${plugin.id}`);
-      if (plugin.app === app) {
-        devtoolsAppRecords.value = devtoolsAppRecords.value.map((item) => ({
-          ...item,
-          routerId: id
-        }));
-      }
+function setupExternalPlugin(plugin, app, api) {
+  const [pluginDescriptor, setupFn] = plugin;
+  if (pluginDescriptor.app !== app)
+    return;
+  if (pluginDescriptor.packageName === "vue-query") {
+    return;
+  }
+  if (pluginDescriptor.packageName === "vue-router") {
+    const id = getRouterDevToolsId(`${pluginDescriptor.id}`);
+    if (pluginDescriptor.app === app) {
+      devtoolsAppRecords.value = devtoolsAppRecords.value.map((item) => ({
+        ...item,
+        routerId: id
+      }));
     }
-    setupFn(api);
-  });
+  }
+  setupFn(api);
+}
+function registerPlugin(app, api) {
+  devtoolsState.pluginBuffer.forEach((plugin) => setupExternalPlugin(plugin, app, api));
   devtoolsAppRecords.value = devtoolsAppRecords.value.map((record) => {
     var _a10, _b10;
     const globalProperties = (_b10 = (_a10 = record.app) == null ? void 0 : _a10.config) == null ? void 0 : _b10.globalProperties;
@@ -2295,6 +2298,8 @@ var StateEditor = class {
       const section = sections.shift();
       if (object instanceof Map)
         object = object.get(section);
+      if (object instanceof Set)
+        object = Array.from(object.values())[section];
       else
         object = object[section];
       if (this.refEditor.isRef(object))
@@ -2348,7 +2353,7 @@ var StateEditor = class {
         else if (toRaw(object) instanceof Map)
           object.delete(field);
         else if (toRaw(object) instanceof Set)
-          object.delete(value);
+          object.delete(Array.from(object.values())[field]);
         else
           Reflect.deleteProperty(object, field);
       }
@@ -2358,6 +2363,8 @@ var StateEditor = class {
           this.refEditor.set(target9, value);
         else if (toRaw(object) instanceof Map)
           object.set(state.newKey || field, value);
+        else if (toRaw(object) instanceof Set)
+          object.add(value);
         else
           object[state.newKey || field] = value;
       }
@@ -2369,8 +2376,22 @@ var RefStateEditor = class {
     if (isRef(ref)) {
       ref.value = value;
     } else {
-      const previousKeysSet = new Set(Object.keys(ref));
+      if (ref instanceof Set && Array.isArray(value)) {
+        ref.clear();
+        value.forEach((v) => ref.add(v));
+        return;
+      }
       const currentKeys = Object.keys(value);
+      if (ref instanceof Map) {
+        const previousKeysSet2 = new Set(ref.keys());
+        currentKeys.forEach((key) => {
+          ref.set(key, Reflect.get(value, key));
+          previousKeysSet2.delete(key);
+        });
+        previousKeysSet2.forEach((key) => ref.delete(key));
+        return;
+      }
+      const previousKeysSet = new Set(Object.keys(ref));
       currentKeys.forEach((key) => {
         Reflect.set(ref, key, Reflect.get(value, key));
         previousKeysSet.delete(key);
@@ -3026,10 +3047,6 @@ async function toggleActiveAppRecord(id) {
     const api = new DevToolsPluginApi();
     appRecord.api = api;
     setActiveAppRecord(appRecord);
-    window.postMessage({
-      event: "toggle-app-record",
-      target: "vue-devtools"
-    });
   }
 }
 
@@ -3289,6 +3306,17 @@ function getBigIntDetails(val) {
     }
   };
 }
+function getDateDetails(val) {
+  const date = new Date(val.getTime());
+  date.setMinutes(date.getMinutes() - date.getTimezoneOffset());
+  return {
+    _custom: {
+      type: "date",
+      displayText: Date.prototype.toString.call(val),
+      value: date.toISOString().slice(0, -1)
+    }
+  };
+}
 function getMapDetails(val) {
   const list = Object.fromEntries(val);
   return {
@@ -3506,7 +3534,7 @@ function stringifyReplacer(key) {
     } else if (proto === "[object RegExp]") {
       return `[native RegExp ${RegExp.prototype.toString.call(val)}]`;
     } else if (proto === "[object Date]") {
-      return `[native Date ${Date.prototype.toString.call(val)}]`;
+      return getDateDetails(val);
     } else if (proto === "[object Error]") {
       return `[native Error ${val.message}<>${val.stack}]`;
     } else if (val.state && val._vm) {
@@ -3780,11 +3808,15 @@ function getRaw(value) {
 function toEdit(value, customType) {
   if (customType === "bigint")
     return value;
+  if (customType === "date")
+    return value;
   return replaceTokenToString(JSON.stringify(value));
 }
 function toSubmit(value, customType) {
   if (customType === "bigint")
     return BigInt(value);
+  if (customType === "date")
+    return new Date(value);
   return JSON.parse(replaceStringToToken(value), reviver);
 }
 
@@ -3918,6 +3950,9 @@ var on2 = {
   },
   editComponentState() {
   },
+  componentUpdated(fn) {
+    apiHooks.hook("component:updated" /* COMPONENT_UPDATED */, fn);
+  },
   // #endregion compatible with old devtools
   // router
   routerInfoUpdated(fn) {
@@ -3996,7 +4031,7 @@ var DevToolsPluginApi = class {
         resolve();
       }, "inspector-tree:get" /* GET_INSPECTOR_TREE */);
     });
-    return stringify(_payload.rootNodes);
+    return _payload.rootNodes;
   }
   getInspectorState(payload = {}) {
     var _a10;
@@ -4014,7 +4049,7 @@ var DevToolsPluginApi = class {
     }, "inspector-state:get" /* GET_INSPECTOR_STATE */);
     const state = _payload.state;
     delete state.instance;
-    return stringify(state);
+    return state;
   }
   async editInspectorState(payload) {
     var _a10;
@@ -4033,10 +4068,10 @@ var DevToolsPluginApi = class {
       const res = await this.getInspectorTree({
         inspectorId
       });
-      apiHooks.callHook("inspector-tree:send" /* SEND_INSPECTOR_TREE */, stringify({
+      apiHooks.callHook("inspector-tree:send" /* SEND_INSPECTOR_TREE */, {
         inspectorId,
-        data: parse(res)
-      }));
+        data: res
+      });
     }
   }
   async sendInspectorState(inspectorId) {
@@ -4046,7 +4081,7 @@ var DevToolsPluginApi = class {
         inspectorId,
         nodeId: inspector.nodeId
       });
-      apiHooks.callHook("inspector-state:send" /* SEND_INSPECTOR_STATE */, stringify({ ...parse(res), inspectorId }));
+      apiHooks.callHook("inspector-state:send" /* SEND_INSPECTOR_STATE */, { ...res, inspectorId });
     }
   }
   async getComponentInstances(app) {
@@ -4059,6 +4094,7 @@ var DevToolsPluginApi = class {
     apiHooks.callHook("component-tree:visit" /* VISIT_COMPONENT_TREE */, ...params);
   }
   notifyComponentUpdate() {
+    apiHooks.callHook("component:updated" /* COMPONENT_UPDATED */);
   }
   now() {
     return now();
@@ -4305,7 +4341,13 @@ function initDevTools() {
     Object.assign(__VUE_DEVTOOLS_GLOBAL_HOOK__, createDevToolsHook());
   else
     target8.__VUE_DEVTOOLS_GLOBAL_HOOK__ = createDevToolsHook();
-  hook.on.setupDevtoolsPlugin(collectDevToolsPlugin);
+  hook.on.setupDevtoolsPlugin((pluginDescriptor, setupFn) => {
+    collectDevToolsPlugin(pluginDescriptor, setupFn);
+    const { app, api } = devtoolsAppRecords.active || {};
+    if (!app || !api)
+      return;
+    setupExternalPlugin([pluginDescriptor, setupFn], app, api);
+  });
   hook.on.vueAppInit(async (app, version) => {
     const record = createAppRecord(app);
     const api = new DevToolsPluginApi();

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vue/devtools-kit",
   "type": "module",
-  "version": "7.0.15",
+  "version": "7.0.17",
   "author": "webfansplz",
   "license": "MIT",
   "exports": {
@@ -25,12 +25,12 @@
     "mitt": "^3.0.1",
     "perfect-debounce": "^1.0.0",
     "speakingurl": "^14.0.1",
-    "@vue/devtools-shared": "^7.0.15"
+    "@vue/devtools-shared": "^7.0.17"
   },
   "devDependencies": {
     "@types/speakingurl": "^13.0.6",
-    "vue": "^3.4.19",
-    "vue-router": "^4.2.5"
+    "vue": "^3.4.21",
+    "vue-router": "^4.3.0"
   },
   "scripts": {
     "build": "tsup --clean",