@vue/devtools-kit 7.0.16 → 7.0.18

package/dist/index.cjs

@@ -33,9 +33,9 @@ var __toESM = (mod, isNodeMode, target9) => (target9 = mod != null ? __create(__
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// ../../node_modules/.pnpm/tsup@8.0.2_postcss@8.4.35_typescript@5.3.3/node_modules/tsup/assets/cjs_shims.js
+// ../../node_modules/.pnpm/tsup@8.0.2_postcss@8.4.35_typescript@5.4.2/node_modules/tsup/assets/cjs_shims.js
 var init_cjs_shims = __esm({
-  "../../node_modules/.pnpm/tsup@8.0.2_postcss@8.4.35_typescript@5.3.3/node_modules/tsup/assets/cjs_shims.js"() {
+  "../../node_modules/.pnpm/tsup@8.0.2_postcss@8.4.35_typescript@5.4.2/node_modules/tsup/assets/cjs_shims.js"() {
     "use strict";
   }
 });
@@ -1597,7 +1597,8 @@ __export(src_exports, {
   stringify: () => stringify,
   toEdit: () => toEdit,
   toSubmit: () => toSubmit,
-  toggleComponentInspectorEnabled: () => toggleComponentInspectorEnabled
+  toggleComponentInspectorEnabled: () => toggleComponentInspectorEnabled,
+  toggleHighPerfMode: () => toggleHighPerfMode
 });
 module.exports = __toCommonJS(src_exports);
 init_cjs_shims();
@@ -2325,6 +2326,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))
@@ -2378,7 +2381,7 @@ var StateEditor = class {
         else if ((0, import_vue2.toRaw)(object) instanceof Map)
           object.delete(field);
         else if ((0, import_vue2.toRaw)(object) instanceof Set)
-          object.delete(value);
+          object.delete(Array.from(object.values())[field]);
         else
           Reflect.deleteProperty(object, field);
       }
@@ -2388,6 +2391,8 @@ var StateEditor = class {
           this.refEditor.set(target9, value);
         else if ((0, import_vue2.toRaw)(object) instanceof Map)
           object.set(state.newKey || field, value);
+        else if ((0, import_vue2.toRaw)(object) instanceof Set)
+          object.add(value);
         else
           object[state.newKey || field] = value;
       }
@@ -2939,6 +2944,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)
@@ -2961,6 +2968,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)
@@ -2984,6 +2993,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)
@@ -3329,6 +3340,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 {
@@ -3546,7 +3568,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) {
@@ -3820,11 +3842,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,9 +3944,8 @@ function getComponentInspector() {
 init_cjs_shims();
 var import_devtools_shared9 = require("@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) {
       import_devtools_shared9.target.__VUE_INSPECTOR__.openInEditor(baseUrl, file, line, column);
     } else {
@@ -4039,7 +4064,7 @@ var DevToolsPluginApi = class {
         resolve();
       }, "inspector-tree:get" /* GET_INSPECTOR_TREE */);
     });
-    return stringify(_payload.rootNodes);
+    return _payload.rootNodes;
   }
   getInspectorState(payload = {}) {
     var _a10;
@@ -4057,7 +4082,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;
@@ -4076,10 +4101,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) {
@@ -4089,7 +4114,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) {
@@ -4176,7 +4201,8 @@ function initStateFactory() {
     tabs: [],
     commands: [],
     vitePluginDetected: false,
-    activeAppRecordId: null
+    activeAppRecordId: null,
+    highPerfModeEnabled: false
   };
 }
 var _a4, _b4;
@@ -4407,6 +4433,12 @@ function onDevToolsClientConnected(fn) {
   });
 }
 
+// src/core/high-perf-mode/index.ts
+init_cjs_shims();
+function toggleHighPerfMode(state) {
+  devtoolsState.highPerfModeEnabled = state != null ? state : !devtoolsState.highPerfModeEnabled;
+}
+
 // src/index.ts
 var devtools = {
   state: devtoolsState,
@@ -4435,5 +4467,6 @@ var devtools = {
   stringify,
   toEdit,
   toSubmit,
-  toggleComponentInspectorEnabled
+  toggleComponentInspectorEnabled,
+  toggleHighPerfMode
 });