@nuxt/devtools-nightly 4.0.0-29889901.31569c7 → 4.0.0-29889901.a2a4fc6

package/dist/chunks/module-main.mjs

@@ -25,7 +25,7 @@ import { getPackageInfo } from 'local-pkg';
 import { DEVTOOLS_TERMINALS_DOCK_ID } from '@vitejs/devtools-kit/constants';
 import { debounce } from 'perfect-debounce';
 
-const version = "4.0.0-29889901.31569c7";
+const version = "4.0.0-29889901.a2a4fc6";
 const peerDependencies = {
 	"@nuxt/kit": "^4.0.0-0 || ^5.0.0-0",
 	nitro: "*",

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@nuxt/devtools",
   "configKey": "devtools",
-  "version": "4.0.0-29889901.31569c7",
+  "version": "4.0.0-29889901.a2a4fc6",
   "builder": {
     "@nuxt/module-builder": "1.0.3",
     "unbuild": "3.6.1"

package/dist/runtime/plugins/view/client.js

@@ -3,7 +3,7 @@ import { NuxtDevtoolsInspectPanel } from "@nuxt/devtools/webcomponents";
 import { createHooks } from "hookable";
 import { debounce } from "perfect-debounce";
 import { events as inspectorEvents, hasData as inspectorHasData, state as inspectorState } from "vite-plugin-vue-tracer/client/overlay";
-import { computed, markRaw, nextTick, reactive, ref, shallowReactive, shallowRef, toRef, watch } from "vue";
+import { computed, effect, isRef, markRaw, nextTick, reactive, ref, shallowReactive, shallowRef, toRef } from "vue";
 import { useAppConfig } from "#imports";
 import { initTimelineMetrics } from "../../function-metrics-helpers.js";
 const NUXT_DOCK_ANCHOR_ID = "nuxt:devtools";
@@ -240,14 +240,19 @@ function setupReactivity(client, router, timeMetric) {
   const refreshReactivity = debounce(() => {
     client.hooks.callHook("host:update:reactivity");
   }, 100, { trailing: true });
-  watch(() => [
-    client.nuxt.payload,
-    client.app.colorMode.value,
-    client.metrics.loading(),
-    timeMetric
-  ], () => {
-    refreshReactivity();
-  }, { deep: true });
+  const runner = effect(() => {
+    traverse([
+      client.nuxt.payload,
+      client.app.colorMode.value,
+      client.metrics.loading(),
+      timeMetric
+    ]);
+  }, {
+    scheduler: debounce(() => {
+      runner();
+      client.hooks.callHook("host:update:reactivity");
+    }, 100, { trailing: true })
+  });
   router?.afterEach(() => {
     refreshReactivity();
   });
@@ -255,3 +260,19 @@ function setupReactivity(client, router, timeMetric) {
     refreshReactivity();
   });
 }
+function traverse(value, seen = /* @__PURE__ */ new Set()) {
+  if (!value || typeof value !== "object" || seen.has(value) || value.__v_skip)
+    return;
+  seen.add(value);
+  if (isRef(value)) {
+    traverse(value.value, seen);
+  } else if (Array.isArray(value)) {
+    for (const item of value)
+      traverse(item, seen);
+  } else if (value instanceof Map || value instanceof Set) {
+    value.forEach((item) => traverse(item, seen));
+  } else if (Object.prototype.toString.call(value) === "[object Object]") {
+    for (const key in value)
+      traverse(value[key], seen);
+  }
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nuxt/devtools-nightly",
   "type": "module",
-  "version": "4.0.0-29889901.31569c7",
+  "version": "4.0.0-29889901.a2a4fc6",
   "description": "The Nuxt DevTools gives you insights and transparency about your Nuxt App.",
   "license": "MIT",
   "homepage": "https://nuxt.com/modules/devtools",
@@ -48,8 +48,8 @@
     "@devframes/plugin-code-server": "^1.2.6",
     "@devframes/plugin-data-inspector": "^1.2.6",
     "@devframes/plugin-og": "^1.2.6",
-    "@nuxt/devtools-assets": "npm:@nuxt/devtools-assets-nightly@4.0.0-29889901.31569c7",
-    "@nuxt/devtools-kit": "npm:@nuxt/devtools-kit-nightly@4.0.0-29889901.31569c7",
+    "@nuxt/devtools-assets": "npm:@nuxt/devtools-assets-nightly@4.0.0-29889901.a2a4fc6",
+    "@nuxt/devtools-kit": "npm:@nuxt/devtools-kit-nightly@4.0.0-29889901.a2a4fc6",
     "@vitejs/devtools": "^0.8.0",
     "@vitejs/devtools-kit": "^0.8.0",
     "consola": "^3.4.2",