@vue/devtools-kit 7.0.16 → 7.0.18

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";
   }
 });
@@ -2298,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))
@@ -2351,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);
       }
@@ -2361,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;
       }
@@ -2912,6 +2916,8 @@ function registerComponentDevToolsPlugin(app) {
     }, 120);
     const componentAddedCleanup = hook.on.componentAdded(async (app2, uid, parentUid, component) => {
       var _a10, _b10, _c;
+      if (devtoolsState.highPerfModeEnabled)
+        return;
       if ((_c = (_b10 = (_a10 = app2 == null ? void 0 : app2._instance) == null ? void 0 : _a10.type) == null ? void 0 : _b10.devtools) == null ? void 0 : _c.hide)
         return;
       if (!app2 || typeof uid !== "number" && !uid || !component)
@@ -2934,6 +2940,8 @@ function registerComponentDevToolsPlugin(app) {
     });
     const componentUpdatedCleanup = hook.on.componentUpdated(async (app2, uid, parentUid, component) => {
       var _a10, _b10, _c;
+      if (devtoolsState.highPerfModeEnabled)
+        return;
       if ((_c = (_b10 = (_a10 = app2 == null ? void 0 : app2._instance) == null ? void 0 : _a10.type) == null ? void 0 : _b10.devtools) == null ? void 0 : _c.hide)
         return;
       if (!app2 || typeof uid !== "number" && !uid || !component)
@@ -2957,6 +2965,8 @@ function registerComponentDevToolsPlugin(app) {
     });
     const componentRemovedCleanup = hook.on.componentRemoved(async (app2, uid, parentUid, component) => {
       var _a10, _b10, _c;
+      if (devtoolsState.highPerfModeEnabled)
+        return;
       if ((_c = (_b10 = (_a10 = app2 == null ? void 0 : app2._instance) == null ? void 0 : _a10.type) == null ? void 0 : _b10.devtools) == null ? void 0 : _c.hide)
         return;
       if (!app2 || typeof uid !== "number" && !uid || !component)
@@ -3302,6 +3312,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 {
@@ -3519,7 +3540,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) {
@@ -3793,11 +3814,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);
 }
 
@@ -3891,9 +3916,8 @@ function getComponentInspector() {
 init_esm_shims();
 import { target as target5 } from "@vue/devtools-shared";
 function openInEditor(options = {}) {
-  const { file, line = 0, column = 0 } = options;
+  const { file, baseUrl = window.location.origin, line = 0, column = 0 } = options;
   if (file) {
-    const baseUrl = window.location.origin;
     if (devtoolsState.vitePluginDetected) {
       target5.__VUE_INSPECTOR__.openInEditor(baseUrl, file, line, column);
     } else {
@@ -4012,7 +4036,7 @@ var DevToolsPluginApi = class {
         resolve();
       }, "inspector-tree:get" /* GET_INSPECTOR_TREE */);
     });
-    return stringify(_payload.rootNodes);
+    return _payload.rootNodes;
   }
   getInspectorState(payload = {}) {
     var _a10;
@@ -4030,7 +4054,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;
@@ -4049,10 +4073,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) {
@@ -4062,7 +4086,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) {
@@ -4149,7 +4173,8 @@ function initStateFactory() {
     tabs: [],
     commands: [],
     vitePluginDetected: false,
-    activeAppRecordId: null
+    activeAppRecordId: null,
+    highPerfModeEnabled: false
   };
 }
 var _a4, _b4;
@@ -4380,6 +4405,12 @@ function onDevToolsClientConnected(fn) {
   });
 }
 
+// src/core/high-perf-mode/index.ts
+init_esm_shims();
+function toggleHighPerfMode(state) {
+  devtoolsState.highPerfModeEnabled = state != null ? state : !devtoolsState.highPerfModeEnabled;
+}
+
 // src/index.ts
 var devtools = {
   state: devtoolsState,
@@ -4407,5 +4438,6 @@ export {
   stringify,
   toEdit,
   toSubmit,
-  toggleComponentInspectorEnabled
+  toggleComponentInspectorEnabled,
+  toggleHighPerfMode
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vue/devtools-kit",
   "type": "module",
-  "version": "7.0.16",
+  "version": "7.0.18",
   "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.16"
+    "@vue/devtools-shared": "^7.0.18"
   },
   "devDependencies": {
     "@types/speakingurl": "^13.0.6",