nuxt-devtools-observatory 0.1.19 → 0.1.20

package/client/.env

@@ -12,3 +12,4 @@ VITE_OBSERVATORY_MAX_COMPOSABLE_ENTRIES=300
 VITE_OBSERVATORY_MAX_RENDER_TIMELINE=100
 VITE_OBSERVATORY_HEATMAP_THRESHOLD_COUNT=3
 VITE_OBSERVATORY_HEATMAP_THRESHOLD_TIME=1600
+VITE_OBSERVATORY_HEATMAP_HIDE_INTERNALS=true

package/client/.env.example

@@ -12,3 +12,4 @@ VITE_OBSERVATORY_MAX_COMPOSABLE_ENTRIES=300
 VITE_OBSERVATORY_MAX_RENDER_TIMELINE=100
 VITE_OBSERVATORY_HEATMAP_THRESHOLD_COUNT=3
 VITE_OBSERVATORY_HEATMAP_THRESHOLD_TIME=1600
+VITE_OBSERVATORY_HEATMAP_HIDE_INTERNALS=true

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": "^3.0.0 || ^4.0.0"
   },
-  "version": "0.1.19",
+  "version": "0.1.20",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -385,11 +385,13 @@ function composableTrackerPlugin() {
         const importLine = `import { __trackComposable } from 'nuxt-devtools-observatory/runtime/composable-registry';
 `;
         const output = generate(ast, { retainLines: true }, scriptCode);
+        const alreadyImported = output.code.includes("nuxt-devtools-observatory/runtime/composable-registry");
+        const prefix = alreadyImported ? "" : importLine;
         let finalCode;
         if (isVue) {
-          finalCode = code.slice(0, scriptStart) + (scriptCode.includes("__trackComposable") ? "" : importLine) + output.code + code.slice(scriptStart + scriptCode.length);
+          finalCode = code.slice(0, scriptStart) + prefix + output.code + code.slice(scriptStart + scriptCode.length);
         } else {
-          finalCode = (scriptCode.includes("__trackComposable") ? "" : importLine) + output.code;
+          finalCode = prefix + output.code;
         }
         return { code: finalCode, map: output.map };
       } catch (err) {

package/dist/runtime/composables/render-registry.js

@@ -3,7 +3,9 @@ export function setupRenderRegistry(nuxtApp, options = {}) {
   const pendingTriggeredRenders = /* @__PURE__ */ new Set();
   const renderStartTimes = /* @__PURE__ */ new Map();
   let currentRoute = "/";
-  const MAX_TIMELINE = typeof process !== "undefined" && process.env.OBSERVATORY_MAX_RENDER_TIMELINE ? Number(process.env.OBSERVATORY_MAX_RENDER_TIMELINE) : 100;
+  const hasEnv = typeof import.meta.env !== "undefined" && import.meta.env !== void 0;
+  const MAX_TIMELINE = hasEnv && import.meta.env?.VITE_OBSERVATORY_MAX_RENDER_TIMELINE ? Number(import.meta.env.VITE_OBSERVATORY_MAX_RENDER_TIMELINE) : 100;
+  const HIDE_INTERNALS = hasEnv && import.meta.env?.VITE_OBSERVATORY_HEATMAP_HIDE_INTERNALS !== void 0 ? import.meta.env.VITE_OBSERVATORY_HEATMAP_HIDE_INTERNALS === "true" : false;
   let dirty = true;
   let cachedSnapshot = "[]";
   function markDirty() {
@@ -12,10 +14,28 @@ export function setupRenderRegistry(nuxtApp, options = {}) {
   function setRoute(path) {
     currentRoute = path;
   }
+  function isInternalInstance(instance) {
+    const file = instance.$.type.__file;
+    return !file || file.includes("node_modules");
+  }
+  function nearestTrackedAncestorUid(instance) {
+    let cursor = instance.$parent;
+    while (cursor) {
+      if (!isInternalInstance(cursor)) {
+        return cursor.$.uid;
+      }
+      cursor = cursor.$parent;
+    }
+    return void 0;
+  }
   function ensureEntry(instance) {
     const uid = instance.$.uid;
     if (!entries.has(uid)) {
-      entries.set(uid, makeEntry(uid, instance, currentRoute));
+      if (HIDE_INTERNALS && isInternalInstance(instance)) {
+        return null;
+      }
+      const parentUid = HIDE_INTERNALS ? nearestTrackedAncestorUid(instance) : instance.$parent?.$.uid;
+      entries.set(uid, makeEntry(uid, instance, currentRoute, parentUid));
       markDirty();
     }
     return entries.get(uid);
@@ -111,6 +131,9 @@ export function setupRenderRegistry(nuxtApp, options = {}) {
     },
     mounted() {
       const entry = ensureEntry(this);
+      if (!entry) {
+        return;
+      }
       entry.mountCount++;
       const isHydration = options.isHydrating?.() ?? false;
       if (isHydration && entry.mountCount === 1) {
@@ -133,6 +156,9 @@ export function setupRenderRegistry(nuxtApp, options = {}) {
     },
     renderTriggered({ key, type }) {
       const entry = ensureEntry(this);
+      if (!entry) {
+        return;
+      }
       entry.triggers.push({ key: String(key), type, timestamp: performance.now() });
       pendingTriggeredRenders.add(entry.uid);
       if (entry.triggers.length > 50) {
@@ -142,6 +168,9 @@ export function setupRenderRegistry(nuxtApp, options = {}) {
     },
     updated() {
       const entry = ensureEntry(this);
+      if (!entry) {
+        return;
+      }
       pendingTriggeredRenders.delete(entry.uid);
       entry.rerenders++;
       markRectDirty(entry.uid);
@@ -213,7 +242,7 @@ export function setupRenderRegistry(nuxtApp, options = {}) {
   }
   return { getAll, getSnapshot, snapshot, reset, setRoute };
 }
-function makeEntry(uid, instance, route) {
+function makeEntry(uid, instance, route, parentUid) {
   const type = instance.$.type;
   const parentType = instance.$parent?.$?.type;
   const element = describeElement(instance.$el);
@@ -231,7 +260,7 @@ function makeEntry(uid, instance, route) {
     avgMs: 0,
     triggers: [],
     timeline: [],
-    parentUid: instance.$parent?.$.uid,
+    parentUid,
     isPersistent: false,
     isHydrationMount: false,
     route

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "nuxt-devtools-observatory",
-    "version": "0.1.19",
+    "version": "0.1.20",
     "description": "Nuxt DevTools: useFetch Dashboard, provide/inject Graph, Composable Tracker, Render Heatmap",
     "license": "MIT",
     "repository": {