@vue/devtools-kit 7.3.1 → 7.3.2

package/dist/index.cjs

@@ -33,9 +33,9 @@ var __toESM = (mod, isNodeMode, target21) => (target21 = mod != null ? __create(
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// ../../node_modules/.pnpm/tsup@8.1.0_@microsoft+api-extractor@7.43.0_@types+node@20.14.2__@swc+core@1.5.29_postcss@8.4.38_typescript@5.4.5/node_modules/tsup/assets/cjs_shims.js
+// ../../node_modules/.pnpm/tsup@8.1.0_@microsoft+api-extractor@7.43.0_@types+node@20.14.5__@swc+core@1.5.29_postcss@8.4.38_typescript@5.4.5/node_modules/tsup/assets/cjs_shims.js
 var init_cjs_shims = __esm({
-  "../../node_modules/.pnpm/tsup@8.1.0_@microsoft+api-extractor@7.43.0_@types+node@20.14.2__@swc+core@1.5.29_postcss@8.4.38_typescript@5.4.5/node_modules/tsup/assets/cjs_shims.js"() {
+  "../../node_modules/.pnpm/tsup@8.1.0_@microsoft+api-extractor@7.43.0_@types+node@20.14.5__@swc+core@1.5.29_postcss@8.4.38_typescript@5.4.5/node_modules/tsup/assets/cjs_shims.js"() {
     "use strict";
   }
 });
@@ -1822,7 +1822,28 @@ init_cjs_shims();
 // src/core/component/utils/index.ts
 init_cjs_shims();
 var import_devtools_shared2 = require("@vue/devtools-shared");
-var import_vue = require("vue");
+
+// src/shared/stub-vue.ts
+init_cjs_shims();
+function isReadonly(value) {
+  return !!(value && value["__v_isReadonly" /* IS_READONLY */]);
+}
+function isReactive(value) {
+  if (isReadonly(value)) {
+    return isReactive(value["__v_raw" /* RAW */]);
+  }
+  return !!(value && value["__v_isReactive" /* IS_REACTIVE */]);
+}
+function isRef(r) {
+  return !!(r && r.__v_isRef === true);
+}
+function toRaw(observed) {
+  const raw = observed && observed["__v_raw" /* RAW */];
+  return raw ? toRaw(raw) : observed;
+}
+var Fragment = Symbol.for("v-fgt");
+
+// src/core/component/utils/index.ts
 function getComponentTypeName(options) {
   return options.name || options._componentTag || options.__VUE_DEVTOOLS_COMPONENT_GUSSED_NAME__ || options.__name;
 }
@@ -1863,7 +1884,7 @@ async function getComponentId(options) {
 function isFragment(instance) {
   var _a24;
   const subTreeType = (_a24 = instance.subTree) == null ? void 0 : _a24.type;
-  return subTreeType === import_vue.Fragment;
+  return subTreeType === Fragment;
 }
 function isBeingDestroyed(instance) {
   return instance._isBeingDestroyed || instance.isUnmounted;
@@ -2166,6 +2187,7 @@ function selectComponentFn(e, cb) {
 }
 var inspectComponentHighLighterSelectFn = null;
 function cancelInspectComponentHighLighter() {
+  unhighlight();
   window.removeEventListener("mouseover", inspectFn);
   window.removeEventListener("click", inspectComponentHighLighterSelectFn, true);
   inspectComponentHighLighterSelectFn = null;
@@ -2621,7 +2643,6 @@ var import_devtools_shared14 = require("@vue/devtools-shared");
 
 // src/core/component/state/editor.ts
 init_cjs_shims();
-var import_vue2 = require("vue");
 var StateEditor = class {
   constructor() {
     this.refEditor = new RefStateEditor();
@@ -2684,9 +2705,9 @@ var StateEditor = class {
       if (state.remove || state.newKey) {
         if (Array.isArray(object))
           object.splice(field, 1);
-        else if ((0, import_vue2.toRaw)(object) instanceof Map)
+        else if (toRaw(object) instanceof Map)
           object.delete(field);
-        else if ((0, import_vue2.toRaw)(object) instanceof Set)
+        else if (toRaw(object) instanceof Set)
           object.delete(Array.from(object.values())[field]);
         else Reflect.deleteProperty(object, field);
       }
@@ -2694,9 +2715,9 @@ var StateEditor = class {
         const target21 = object[state.newKey || field];
         if (this.refEditor.isRef(target21))
           this.refEditor.set(target21, value);
-        else if ((0, import_vue2.toRaw)(object) instanceof Map)
+        else if (toRaw(object) instanceof Map)
           object.set(state.newKey || field, value);
-        else if ((0, import_vue2.toRaw)(object) instanceof Set)
+        else if (toRaw(object) instanceof Set)
           object.add(value);
         else
           object[state.newKey || field] = value;
@@ -2706,7 +2727,7 @@ var StateEditor = class {
 };
 var RefStateEditor = class {
   set(ref, value) {
-    if ((0, import_vue2.isRef)(ref)) {
+    if (isRef(ref)) {
       ref.value = value;
     } else {
       if (ref instanceof Set && Array.isArray(value)) {
@@ -2733,10 +2754,10 @@ var RefStateEditor = class {
     }
   }
   get(ref) {
-    return (0, import_vue2.isRef)(ref) ? ref.value : ref;
+    return isRef(ref) ? ref.value : ref;
   }
   isRef(ref) {
-    return (0, import_vue2.isRef)(ref) || (0, import_vue2.isReactive)(ref);
+    return isRef(ref) || isReactive(ref);
   }
 };
 async function editComponentState(payload, stateEditor2) {

package/dist/index.js

@@ -27,9 +27,9 @@ var __toESM = (mod, isNodeMode, target21) => (target21 = mod != null ? __create(
   mod
 ));
 
-// ../../node_modules/.pnpm/tsup@8.1.0_@microsoft+api-extractor@7.43.0_@types+node@20.14.2__@swc+core@1.5.29_postcss@8.4.38_typescript@5.4.5/node_modules/tsup/assets/esm_shims.js
+// ../../node_modules/.pnpm/tsup@8.1.0_@microsoft+api-extractor@7.43.0_@types+node@20.14.5__@swc+core@1.5.29_postcss@8.4.38_typescript@5.4.5/node_modules/tsup/assets/esm_shims.js
 var init_esm_shims = __esm({
-  "../../node_modules/.pnpm/tsup@8.1.0_@microsoft+api-extractor@7.43.0_@types+node@20.14.2__@swc+core@1.5.29_postcss@8.4.38_typescript@5.4.5/node_modules/tsup/assets/esm_shims.js"() {
+  "../../node_modules/.pnpm/tsup@8.1.0_@microsoft+api-extractor@7.43.0_@types+node@20.14.5__@swc+core@1.5.29_postcss@8.4.38_typescript@5.4.5/node_modules/tsup/assets/esm_shims.js"() {
     "use strict";
   }
 });
@@ -1733,7 +1733,28 @@ init_esm_shims();
 // src/core/component/utils/index.ts
 init_esm_shims();
 import { basename, classify } from "@vue/devtools-shared";
-import { Fragment } from "vue";
+
+// src/shared/stub-vue.ts
+init_esm_shims();
+function isReadonly(value) {
+  return !!(value && value["__v_isReadonly" /* IS_READONLY */]);
+}
+function isReactive(value) {
+  if (isReadonly(value)) {
+    return isReactive(value["__v_raw" /* RAW */]);
+  }
+  return !!(value && value["__v_isReactive" /* IS_REACTIVE */]);
+}
+function isRef(r) {
+  return !!(r && r.__v_isRef === true);
+}
+function toRaw(observed) {
+  const raw = observed && observed["__v_raw" /* RAW */];
+  return raw ? toRaw(raw) : observed;
+}
+var Fragment = Symbol.for("v-fgt");
+
+// src/core/component/utils/index.ts
 function getComponentTypeName(options) {
   return options.name || options._componentTag || options.__VUE_DEVTOOLS_COMPONENT_GUSSED_NAME__ || options.__name;
 }
@@ -2077,6 +2098,7 @@ function selectComponentFn(e, cb) {
 }
 var inspectComponentHighLighterSelectFn = null;
 function cancelInspectComponentHighLighter() {
+  unhighlight();
   window.removeEventListener("mouseover", inspectFn);
   window.removeEventListener("click", inspectComponentHighLighterSelectFn, true);
   inspectComponentHighLighterSelectFn = null;
@@ -2532,7 +2554,6 @@ import { target as target8 } from "@vue/devtools-shared";
 
 // src/core/component/state/editor.ts
 init_esm_shims();
-import { isReactive, isRef, toRaw } from "vue";
 var StateEditor = class {
   constructor() {
     this.refEditor = new RefStateEditor();

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vue/devtools-kit",
   "type": "module",
-  "version": "7.3.1",
+  "version": "7.3.2",
   "author": "webfansplz",
   "license": "MIT",
   "repository": {
@@ -22,9 +22,6 @@
     "**.d.ts",
     "dist"
   ],
-  "peerDependencies": {
-    "vue": "^3.0.0"
-  },
   "dependencies": {
     "birpc": "^0.2.17",
     "hookable": "^5.5.3",
@@ -32,11 +29,11 @@
     "perfect-debounce": "^1.0.0",
     "speakingurl": "^14.0.1",
     "superjson": "^2.2.1",
-    "@vue/devtools-shared": "^7.3.1"
+    "@vue/devtools-shared": "^7.3.2"
   },
   "devDependencies": {
     "@types/speakingurl": "^13.0.6",
-    "vue": "^3.4.27",
+    "vue": "^3.4.29",
     "vue-router": "^4.3.3"
   },
   "scripts": {