browsertrack 0.2.1 → 0.2.2

package/dist/client/index.cjs

@@ -169,6 +169,32 @@ function truncate(str, maxLength = 200) {
   return str.slice(0, maxLength) + "...";
 }
 
+// packages/core/src/safety.ts
+function safeJsonStringify(val, fallback = "{}") {
+  if (val === void 0) return fallback;
+  try {
+    const seen = /* @__PURE__ */ new WeakSet();
+    return JSON.stringify(val, (key, value) => {
+      if (typeof value === "object" && value !== null) {
+        if (seen.has(value)) {
+          return "[Circular]";
+        }
+        seen.add(value);
+      }
+      if (typeof value === "bigint") {
+        return value.toString();
+      }
+      return value;
+    });
+  } catch {
+    try {
+      return JSON.stringify(String(val));
+    } catch {
+      return fallback;
+    }
+  }
+}
+
 // packages/client/src/source/resolver.ts
 function resolveComponentSource(el) {
   if (!el || typeof el !== "object") return void 0;
@@ -218,7 +244,9 @@ function resolveReactComponent(el) {
       }
     }
     let curr = hostFiber;
-    while (curr) {
+    let depth = 0;
+    while (curr && depth < 50) {
+      depth++;
       const type = curr.type;
       const name = getReactComponentName(type);
       if (name && !name.startsWith("html:") && name !== "Fragment") {
@@ -273,7 +301,9 @@ function resolveVueComponent(el) {
       const sourceFile = type.__file;
       const hierarchy = [];
       let curr = vueParent;
-      while (curr) {
+      let depth = 0;
+      while (curr && depth < 50) {
+        depth++;
         const cType = curr.type || {};
         const cName = cType.name || cType.__name || cType.displayName;
         if (cName && !hierarchy.includes(cName)) {
@@ -310,7 +340,9 @@ function resolveVueComponent(el) {
 function resolveSvelteComponent(el) {
   try {
     let curr = el;
-    while (curr) {
+    let depth = 0;
+    while (curr && depth < 50) {
+      depth++;
       const meta = curr.__svelte_meta;
       if (meta && meta.loc) {
         return {
@@ -849,12 +881,16 @@ function setupConsoleInterceptors(onConsole) {
 function setupNavigationInterceptors(onNavigation) {
   if (typeof window === "undefined" || typeof history === "undefined") return () => {
   };
-  let currentUrl = redactUrl(window.location.href);
-  onNavigation({
-    to: currentUrl,
-    type: "initial",
-    timestamp: Date.now()
-  });
+  let currentUrl = "";
+  try {
+    currentUrl = redactUrl(window.location.href);
+    onNavigation({
+      to: currentUrl,
+      type: "initial",
+      timestamp: Date.now()
+    });
+  } catch {
+  }
   const originalPushState = history.pushState;
   const originalReplaceState = history.replaceState;
   history.pushState = function(data, unused, url) {
@@ -890,26 +926,32 @@ function setupNavigationInterceptors(onNavigation) {
     return result;
   };
   const onPopState = () => {
-    const from = currentUrl;
-    const to = redactUrl(window.location.href);
-    currentUrl = to;
-    onNavigation({
-      from,
-      to,
-      type: "popstate",
-      timestamp: Date.now()
-    });
+    try {
+      const from = currentUrl;
+      const to = redactUrl(window.location.href);
+      currentUrl = to;
+      onNavigation({
+        from,
+        to,
+        type: "popstate",
+        timestamp: Date.now()
+      });
+    } catch {
+    }
   };
   const onHashChange = () => {
-    const from = currentUrl;
-    const to = redactUrl(window.location.href);
-    currentUrl = to;
-    onNavigation({
-      from,
-      to,
-      type: "hashchange",
-      timestamp: Date.now()
-    });
+    try {
+      const from = currentUrl;
+      const to = redactUrl(window.location.href);
+      currentUrl = to;
+      onNavigation({
+        from,
+        to,
+        type: "hashchange",
+        timestamp: Date.now()
+      });
+    } catch {
+    }
   };
   window.addEventListener("popstate", onPopState);
   window.addEventListener("hashchange", onHashChange);
@@ -946,31 +988,38 @@ function setupNetworkInterceptors(onNetwork) {
         urlStr = "unknown_url";
       }
       const safeUrl = redactUrl(urlStr);
+      let response;
       try {
-        const response = await originalFetch.apply(window, [input, init2]);
-        const durationMs = Date.now() - startTime;
-        onNetwork({
-          url: safeUrl,
-          method,
-          status: response.status,
-          statusText: response.statusText,
-          durationMs,
-          timestamp: startTime
-        });
-        return response;
+        response = await originalFetch.apply(window, [input, init2]);
       } catch (err) {
-        const durationMs = Date.now() - startTime;
+        const durationMs2 = Date.now() - startTime;
         const isAbort = err?.name === "AbortError";
+        try {
+          onNetwork({
+            url: safeUrl,
+            method,
+            durationMs: durationMs2,
+            error: err?.message || "Network request failed",
+            aborted: isAbort,
+            timestamp: startTime
+          });
+        } catch {
+        }
+        throw err;
+      }
+      const durationMs = Date.now() - startTime;
+      try {
         onNetwork({
           url: safeUrl,
           method,
+          status: response.status,
+          statusText: response.statusText,
           durationMs,
-          error: err?.message || "Network request failed",
-          aborted: isAbort,
           timestamp: startTime
         });
-        throw err;
+      } catch {
       }
+      return response;
     };
     cleanups.push(() => {
       window.fetch = originalFetch;
@@ -1358,15 +1407,18 @@ var WebSocketTransport = class {
     }
   }
   send(payload) {
-    const raw = JSON.stringify(payload);
-    if (this.isConnected()) {
-      try {
-        this.ws.send(raw);
-      } catch {
+    try {
+      const raw = safeJsonStringify(payload);
+      if (this.isConnected()) {
+        try {
+          this.ws.send(raw);
+        } catch {
+          this.enqueue(raw);
+        }
+      } else {
         this.enqueue(raw);
       }
-    } else {
-      this.enqueue(raw);
+    } catch {
     }
   }
   enqueue(raw) {
@@ -1391,17 +1443,17 @@ var WebSocketTransport = class {
   }
   sendHello() {
     if (typeof window === "undefined") return;
-    const hello = {
-      type: "hello",
-      origin: window.location.origin,
-      url: window.location.href,
-      title: document.title,
-      userAgent: navigator.userAgent,
-      timestamp: Date.now(),
-      projectId: this.projectId
-    };
     try {
-      this.ws.send(JSON.stringify(hello));
+      const hello = {
+        type: "hello",
+        origin: window.location.origin,
+        url: window.location.href,
+        title: document.title,
+        userAgent: navigator.userAgent,
+        timestamp: Date.now(),
+        projectId: this.projectId
+      };
+      this.ws.send(safeJsonStringify(hello));
     } catch {
     }
   }
@@ -2389,9 +2441,15 @@ var NoteInspector = class {
     this.markersContainer.innerHTML = "";
     if (!this.showMarkers || this.isHidden) return;
     const currentPath = window.location.pathname;
-    const activeNotes = this.savedNotes.filter(
-      (n) => n.status === "OPEN" && (n.route === currentPath || !n.route || n.route === "/" || window.location.href.includes(n.route))
-    );
+    const activeNotes = this.savedNotes.filter((n) => {
+      if (n.status !== "OPEN") return false;
+      if (!n.route) return true;
+      if (n.route === currentPath) return true;
+      if (n.route.includes("#") || n.route.includes("?")) {
+        return window.location.href.includes(n.route);
+      }
+      return false;
+    });
     const pageNotes = [];
     activeNotes.forEach((note, index) => {
       if (note.type === "page") {
@@ -2616,65 +2674,83 @@ var NoteInspector = class {
   }
   setupListeners() {
     const onMouseMove = (e) => {
-      if (this.isHidden || this.modalOverlay || this.cardOverlay || this.isDraggingRegion || this.activeMode === "region") return;
-      const path = e.composedPath ? e.composedPath() : [];
-      if (this.container && path.includes(this.container)) {
-        this.hideHighlight();
-        return;
-      }
-      if (e.altKey || this.activeMode === "element") {
-        const target = document.elementFromPoint(e.clientX, e.clientY);
-        if (target && target !== this.container && !this.container?.contains(target)) {
-          this.hoveredElement = target;
-          this.updateHighlight(target);
+      try {
+        if (this.isHidden || this.modalOverlay || this.cardOverlay || this.isDraggingRegion || this.activeMode === "region") return;
+        const path = e.composedPath ? e.composedPath() : [];
+        if (this.container && path.includes(this.container)) {
+          this.hideHighlight();
           return;
         }
-      }
-      if (!e.altKey && this.activeMode !== "element") {
-        this.hideHighlight();
+        if (e.altKey || this.activeMode === "element") {
+          const target = document.elementFromPoint(e.clientX, e.clientY);
+          if (target && target !== this.container && !this.container?.contains(target)) {
+            this.hoveredElement = target;
+            this.updateHighlight(target);
+            return;
+          }
+        }
+        if (!e.altKey && this.activeMode !== "element") {
+          this.hideHighlight();
+        }
+      } catch {
       }
     };
     const onClick = (e) => {
-      if (this.isHidden || this.modalOverlay || this.cardOverlay) return;
-      const path = e.composedPath ? e.composedPath() : [];
-      if (this.container && path.includes(this.container)) {
-        return;
-      }
-      if (this.activeMode === "region") return;
-      if (e.altKey || this.activeMode === "element") {
-        e.preventDefault();
-        e.stopPropagation();
-        const target = this.hoveredElement || document.elementFromPoint(e.clientX, e.clientY);
-        if (target && target !== this.container && !this.container?.contains(target)) {
-          this.selectedElement = target;
-          this.openNoteEditor(target, "element");
-          if (this.activeMode === "element" && !this.activeScenario) {
-            this.setMode("idle");
+      try {
+        if (this.isHidden || this.modalOverlay || this.cardOverlay) return;
+        const path = e.composedPath ? e.composedPath() : [];
+        if (this.container && path.includes(this.container)) {
+          return;
+        }
+        if (this.activeMode === "region") return;
+        if (e.altKey || this.activeMode === "element") {
+          e.preventDefault();
+          e.stopPropagation();
+          const target = this.hoveredElement || document.elementFromPoint(e.clientX, e.clientY);
+          if (target && target !== this.container && !this.container?.contains(target)) {
+            this.selectedElement = target;
+            this.openNoteEditor(target, "element");
+            if (this.activeMode === "element" && !this.activeScenario) {
+              this.setMode("idle");
+            }
           }
         }
+      } catch {
       }
     };
     const onKeyDown = (e) => {
-      if (e.key === "Escape") {
-        if (this.cardOverlay && this.cardOverlay.parentElement && this.shadowRoot) {
-          this.shadowRoot.removeChild(this.cardOverlay);
-          this.cardOverlay = null;
-        } else if (this.activeMode === "region" || this.activeMode === "element") {
-          if (!this.activeScenario) {
-            this.setMode("idle");
+      try {
+        if (e.key === "Escape") {
+          if (this.cardOverlay && this.cardOverlay.parentElement && this.shadowRoot) {
+            this.shadowRoot.removeChild(this.cardOverlay);
+            this.cardOverlay = null;
+          } else if (this.activeMode === "region" || this.activeMode === "element") {
+            if (!this.activeScenario) {
+              this.setMode("idle");
+            }
           }
         }
+      } catch {
       }
     };
     const onKeyUp = (e) => {
-      if (e.key === "Alt" && !this.modalOverlay && !this.cardOverlay && this.activeMode !== "element") {
-        this.hideHighlight();
+      try {
+        if (e.key === "Alt" && !this.modalOverlay && !this.cardOverlay && this.activeMode !== "element") {
+          this.hideHighlight();
+        }
+      } catch {
       }
     };
     const onScrollOrResize = () => {
-      requestAnimationFrame(() => {
-        this.updateMarkerPositions();
-      });
+      try {
+        requestAnimationFrame(() => {
+          try {
+            this.updateMarkerPositions();
+          } catch {
+          }
+        });
+      } catch {
+      }
     };
     window.addEventListener("mousemove", onMouseMove, { capture: true, passive: true });
     window.addEventListener("click", onClick, { capture: true });
@@ -3136,7 +3212,11 @@ var NoteInspector = class {
           region.width,
           region.height
         );
-        resolve(canvas.toDataURL("image/png"));
+        try {
+          resolve(canvas.toDataURL("image/png"));
+        } catch {
+          resolve(dataUrl);
+        }
       };
       img.onerror = () => resolve(dataUrl);
       img.src = dataUrl;

package/dist/client/index.js

@@ -8,8 +8,8 @@ import {
   init,
   resolveComponentSource,
   shouldHideUIFromUrl
-} from "../chunk-INXDWPJW.js";
-import "../chunk-6VA7GBAO.js";
+} from "../chunk-4HRLW6YF.js";
+import "../chunk-QRZ57ME3.js";
 export {
   BreadcrumbBuffer,
   BrowserScriptScreenshotDriver,