@vue/devtools-kit 7.6.0 → 7.6.2

package/dist/index.cjs

@@ -2420,9 +2420,12 @@ var callInspectorUpdatedHook = (0, import_perfect_debounce.debounce)(() => {
   devtoolsContext.hooks.callHook("sendInspectorToClient" /* SEND_INSPECTOR_TO_CLIENT */, getActiveInspectors());
 });
 function addInspector(inspector, descriptor) {
+  var _a25, _b25;
   devtoolsInspector.push({
     options: inspector,
     descriptor,
+    treeFilterPlaceholder: (_a25 = inspector.treeFilterPlaceholder) != null ? _a25 : "Search tree...",
+    stateFilterPlaceholder: (_b25 = inspector.stateFilterPlaceholder) != null ? _b25 : "Search state...",
     treeFilter: "",
     selectedNodeId: "",
     appRecord: getAppRecord(descriptor.app)
@@ -2462,7 +2465,9 @@ function getInspectorInfo(id) {
     logo: descriptor.logo,
     packageName: descriptor.packageName,
     homepage: descriptor.homepage,
-    timelineLayers
+    timelineLayers,
+    treeFilterPlaceholder: inspector.treeFilterPlaceholder,
+    stateFilterPlaceholder: inspector.stateFilterPlaceholder
   };
 }
 function getInspector(id, app) {
@@ -3017,8 +3022,7 @@ function createDevToolsHook() {
     }
   };
 }
-function subscribeDevToolsHook() {
-  const hook2 = import_devtools_shared10.target.__VUE_DEVTOOLS_GLOBAL_HOOK__;
+function subscribeDevToolsHook(hook2) {
   hook2.on("app:init" /* APP_INIT */, (app, version, types) => {
     var _a25, _b25, _c;
     if ((_c = (_b25 = (_a25 = app == null ? void 0 : app._instance) == null ? void 0 : _a25.type) == null ? void 0 : _b25.devtools) == null ? void 0 : _c.hide)
@@ -4546,14 +4550,16 @@ function initDevTools() {
   const isDevToolsNext = ((_a25 = import_devtools_shared21.target.__VUE_DEVTOOLS_GLOBAL_HOOK__) == null ? void 0 : _a25.id) === "vue-devtools-next";
   if (import_devtools_shared21.target.__VUE_DEVTOOLS_GLOBAL_HOOK__ && isDevToolsNext)
     return;
-  if (!import_devtools_shared21.target.__VUE_DEVTOOLS_GLOBAL_HOOK__) {
-    import_devtools_shared21.target.__VUE_DEVTOOLS_GLOBAL_HOOK__ = createDevToolsHook();
-  } else {
-    if (!import_devtools_shared21.isNuxtApp) {
-      Object.assign(__VUE_DEVTOOLS_GLOBAL_HOOK__, createDevToolsHook());
+  const _devtoolsHook = createDevToolsHook();
+  if (import_devtools_shared21.target.__VUE_DEVTOOLS_HOOK_REPLAY__) {
+    try {
+      import_devtools_shared21.target.__VUE_DEVTOOLS_HOOK_REPLAY__.forEach((cb) => cb(_devtoolsHook));
+      import_devtools_shared21.target.__VUE_DEVTOOLS_HOOK_REPLAY__ = [];
+    } catch (e) {
+      console.error("[vue-devtools] Error during hook replay", e);
     }
   }
-  import_devtools_shared21.target.__VUE_DEVTOOLS_GLOBAL_HOOK__.once("init", (Vue) => {
+  _devtoolsHook.once("init", (Vue) => {
     import_devtools_shared21.target.__VUE_DEVTOOLS_VUE2_APP_DETECTED__ = true;
     console.log("%c[_____Vue DevTools v7 log_____]", "color: red; font-bold: 600; font-size: 16px;");
     console.log("%cVue DevTools v7 detected in your Vue2 project. v7 only supports Vue3 and will not work.", "font-bold: 500; font-size: 14px;");
@@ -4576,7 +4582,7 @@ function initDevTools() {
   onLegacyDevToolsPluginApiAvailable(() => {
     const normalizedPluginBuffer = devtoolsPluginBuffer.filter(([item]) => item.id !== "components");
     normalizedPluginBuffer.forEach(([pluginDescriptor, setupFn]) => {
-      import_devtools_shared21.target.__VUE_DEVTOOLS_GLOBAL_HOOK__.emit("devtools-plugin:setup" /* SETUP_DEVTOOLS_PLUGIN */, pluginDescriptor, setupFn, { target: "legacy" });
+      _devtoolsHook.emit("devtools-plugin:setup" /* SETUP_DEVTOOLS_PLUGIN */, pluginDescriptor, setupFn, { target: "legacy" });
     });
   });
   hook.on.vueAppInit(async (app, version, types) => {
@@ -4597,7 +4603,7 @@ function initDevTools() {
     updateDevToolsState({
       connected: true
     });
-    import_devtools_shared21.target.__VUE_DEVTOOLS_GLOBAL_HOOK__.apps.push(app);
+    _devtoolsHook.apps.push(app);
   });
   hook.on.vueAppUnmount(async (app) => {
     const activeRecords = devtoolsAppRecords.value.filter((appRecord) => appRecord.app !== app);
@@ -4615,7 +4621,18 @@ function initDevTools() {
     import_devtools_shared21.target.__VUE_DEVTOOLS_GLOBAL_HOOK__.apps.splice(import_devtools_shared21.target.__VUE_DEVTOOLS_GLOBAL_HOOK__.apps.indexOf(app), 1);
     removeRegisteredPluginApp(app);
   });
-  subscribeDevToolsHook();
+  subscribeDevToolsHook(_devtoolsHook);
+  if (!import_devtools_shared21.target.__VUE_DEVTOOLS_GLOBAL_HOOK__) {
+    Object.defineProperty(import_devtools_shared21.target, "__VUE_DEVTOOLS_GLOBAL_HOOK__", {
+      get() {
+        return _devtoolsHook;
+      }
+    });
+  } else {
+    if (!import_devtools_shared21.isNuxtApp) {
+      Object.assign(__VUE_DEVTOOLS_GLOBAL_HOOK__, _devtoolsHook);
+    }
+  }
 }
 function onDevToolsClientConnected(fn) {
   return new Promise((resolve) => {
@@ -6469,7 +6486,8 @@ function isArray3(_data, proto) {
   return proto === "[object Array]";
 }
 function isVueReactiveLinkNode(node) {
-  const constructorName = node.constructor.name;
+  var _a25;
+  const constructorName = (_a25 = node == null ? void 0 : node.constructor) == null ? void 0 : _a25.name;
   return constructorName === "Dep" && "activeLink" in node || constructorName === "Link" && "dep" in node;
 }
 function encode(data, replacer, list, seen, depth = 0, seenVueInstance = /* @__PURE__ */ new Map()) {

package/dist/index.d.cts

@@ -537,6 +537,8 @@ declare function setDevToolsEnv(env: Partial<any>): void;
 interface DevToolsKitInspector {
     options: CustomInspectorOptions;
     descriptor: PluginDescriptor;
+    treeFilterPlaceholder: string;
+    stateFilterPlaceholder: string;
     treeFilter: string;
     selectedNodeId: string;
     appRecord: unknown;
@@ -564,6 +566,8 @@ declare function getInspectorInfo(id: string): {
         label: string;
         color: number;
     }[];
+    treeFilterPlaceholder: string;
+    stateFilterPlaceholder: string;
 } | undefined;
 declare function getInspector(id: string, app?: App$1): DevToolsKitInspector | undefined;
 declare function getInspectorActions(id: string): {

package/dist/index.d.ts

@@ -537,6 +537,8 @@ declare function setDevToolsEnv(env: Partial<any>): void;
 interface DevToolsKitInspector {
     options: CustomInspectorOptions;
     descriptor: PluginDescriptor;
+    treeFilterPlaceholder: string;
+    stateFilterPlaceholder: string;
     treeFilter: string;
     selectedNodeId: string;
     appRecord: unknown;
@@ -564,6 +566,8 @@ declare function getInspectorInfo(id: string): {
         label: string;
         color: number;
     }[];
+    treeFilterPlaceholder: string;
+    stateFilterPlaceholder: string;
 } | undefined;
 declare function getInspector(id: string, app?: App$1): DevToolsKitInspector | undefined;
 declare function getInspectorActions(id: string): {

package/dist/index.js

@@ -2329,9 +2329,12 @@ var callInspectorUpdatedHook = debounce(() => {
   devtoolsContext.hooks.callHook("sendInspectorToClient" /* SEND_INSPECTOR_TO_CLIENT */, getActiveInspectors());
 });
 function addInspector(inspector, descriptor) {
+  var _a25, _b25;
   devtoolsInspector.push({
     options: inspector,
     descriptor,
+    treeFilterPlaceholder: (_a25 = inspector.treeFilterPlaceholder) != null ? _a25 : "Search tree...",
+    stateFilterPlaceholder: (_b25 = inspector.stateFilterPlaceholder) != null ? _b25 : "Search state...",
     treeFilter: "",
     selectedNodeId: "",
     appRecord: getAppRecord(descriptor.app)
@@ -2371,7 +2374,9 @@ function getInspectorInfo(id) {
     logo: descriptor.logo,
     packageName: descriptor.packageName,
     homepage: descriptor.homepage,
-    timelineLayers
+    timelineLayers,
+    treeFilterPlaceholder: inspector.treeFilterPlaceholder,
+    stateFilterPlaceholder: inspector.stateFilterPlaceholder
   };
 }
 function getInspector(id, app) {
@@ -2926,8 +2931,7 @@ function createDevToolsHook() {
     }
   };
 }
-function subscribeDevToolsHook() {
-  const hook2 = target7.__VUE_DEVTOOLS_GLOBAL_HOOK__;
+function subscribeDevToolsHook(hook2) {
   hook2.on("app:init" /* APP_INIT */, (app, version, types) => {
     var _a25, _b25, _c;
     if ((_c = (_b25 = (_a25 = app == null ? void 0 : app._instance) == null ? void 0 : _a25.type) == null ? void 0 : _b25.devtools) == null ? void 0 : _c.hide)
@@ -4455,14 +4459,16 @@ function initDevTools() {
   const isDevToolsNext = ((_a25 = target13.__VUE_DEVTOOLS_GLOBAL_HOOK__) == null ? void 0 : _a25.id) === "vue-devtools-next";
   if (target13.__VUE_DEVTOOLS_GLOBAL_HOOK__ && isDevToolsNext)
     return;
-  if (!target13.__VUE_DEVTOOLS_GLOBAL_HOOK__) {
-    target13.__VUE_DEVTOOLS_GLOBAL_HOOK__ = createDevToolsHook();
-  } else {
-    if (!isNuxtApp) {
-      Object.assign(__VUE_DEVTOOLS_GLOBAL_HOOK__, createDevToolsHook());
+  const _devtoolsHook = createDevToolsHook();
+  if (target13.__VUE_DEVTOOLS_HOOK_REPLAY__) {
+    try {
+      target13.__VUE_DEVTOOLS_HOOK_REPLAY__.forEach((cb) => cb(_devtoolsHook));
+      target13.__VUE_DEVTOOLS_HOOK_REPLAY__ = [];
+    } catch (e) {
+      console.error("[vue-devtools] Error during hook replay", e);
     }
   }
-  target13.__VUE_DEVTOOLS_GLOBAL_HOOK__.once("init", (Vue) => {
+  _devtoolsHook.once("init", (Vue) => {
     target13.__VUE_DEVTOOLS_VUE2_APP_DETECTED__ = true;
     console.log("%c[_____Vue DevTools v7 log_____]", "color: red; font-bold: 600; font-size: 16px;");
     console.log("%cVue DevTools v7 detected in your Vue2 project. v7 only supports Vue3 and will not work.", "font-bold: 500; font-size: 14px;");
@@ -4485,7 +4491,7 @@ function initDevTools() {
   onLegacyDevToolsPluginApiAvailable(() => {
     const normalizedPluginBuffer = devtoolsPluginBuffer.filter(([item]) => item.id !== "components");
     normalizedPluginBuffer.forEach(([pluginDescriptor, setupFn]) => {
-      target13.__VUE_DEVTOOLS_GLOBAL_HOOK__.emit("devtools-plugin:setup" /* SETUP_DEVTOOLS_PLUGIN */, pluginDescriptor, setupFn, { target: "legacy" });
+      _devtoolsHook.emit("devtools-plugin:setup" /* SETUP_DEVTOOLS_PLUGIN */, pluginDescriptor, setupFn, { target: "legacy" });
     });
   });
   hook.on.vueAppInit(async (app, version, types) => {
@@ -4506,7 +4512,7 @@ function initDevTools() {
     updateDevToolsState({
       connected: true
     });
-    target13.__VUE_DEVTOOLS_GLOBAL_HOOK__.apps.push(app);
+    _devtoolsHook.apps.push(app);
   });
   hook.on.vueAppUnmount(async (app) => {
     const activeRecords = devtoolsAppRecords.value.filter((appRecord) => appRecord.app !== app);
@@ -4524,7 +4530,18 @@ function initDevTools() {
     target13.__VUE_DEVTOOLS_GLOBAL_HOOK__.apps.splice(target13.__VUE_DEVTOOLS_GLOBAL_HOOK__.apps.indexOf(app), 1);
     removeRegisteredPluginApp(app);
   });
-  subscribeDevToolsHook();
+  subscribeDevToolsHook(_devtoolsHook);
+  if (!target13.__VUE_DEVTOOLS_GLOBAL_HOOK__) {
+    Object.defineProperty(target13, "__VUE_DEVTOOLS_GLOBAL_HOOK__", {
+      get() {
+        return _devtoolsHook;
+      }
+    });
+  } else {
+    if (!isNuxtApp) {
+      Object.assign(__VUE_DEVTOOLS_GLOBAL_HOOK__, _devtoolsHook);
+    }
+  }
 }
 function onDevToolsClientConnected(fn) {
   return new Promise((resolve) => {
@@ -6378,7 +6395,8 @@ function isArray3(_data, proto) {
   return proto === "[object Array]";
 }
 function isVueReactiveLinkNode(node) {
-  const constructorName = node.constructor.name;
+  var _a25;
+  const constructorName = (_a25 = node == null ? void 0 : node.constructor) == null ? void 0 : _a25.name;
   return constructorName === "Dep" && "activeLink" in node || constructorName === "Link" && "dep" in node;
 }
 function encode(data, replacer, list, seen, depth = 0, seenVueInstance = /* @__PURE__ */ new Map()) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vue/devtools-kit",
   "type": "module",
-  "version": "7.6.0",
+  "version": "7.6.2",
   "author": "webfansplz",
   "license": "MIT",
   "repository": {
@@ -29,7 +29,7 @@
     "perfect-debounce": "^1.0.0",
     "speakingurl": "^14.0.1",
     "superjson": "^2.2.1",
-    "@vue/devtools-shared": "^7.6.0"
+    "@vue/devtools-shared": "^7.6.2"
   },
   "devDependencies": {
     "@types/speakingurl": "^13.0.6",