@monoscopetech/browser 0.8.0 → 0.9.0

package/dist/errors.js

@@ -21,7 +21,15 @@ export class ErrorTracker {
     createErrorSpan(spanName, errorType, attrs) {
         this.errorCount++;
         const crumbs = getBreadcrumbs();
-        this.emit(spanName, { "error.type": errorType, "error.count": this.errorCount, ...attrs }, (s) => {
+        const name = String(attrs["error.name"] || errorType);
+        const msg = String(attrs["error.message"] || "").replace(/\s+/g, " ").slice(0, 80);
+        this.emit(spanName, {
+            "error.type": errorType,
+            "error.count": this.errorCount,
+            "monoscope.kind": "error",
+            "monoscope.display.label": msg ? `${name} · ${msg}` : name,
+            ...attrs,
+        }, (s) => {
             s.setStatus({ code: SpanStatusCode.ERROR });
             if (crumbs.length > 0)
                 s.setAttribute("breadcrumbs", safeStringify(crumbs));

package/dist/index.d.ts

@@ -17,6 +17,7 @@ declare class Monoscope {
     constructor(config: MonoscopeConfig);
     private logInitBanner;
     private resolveSessionId;
+    private resolveTabId;
     private persistActivity;
     private rotateSession;
     private checkAndRefreshSession;

package/dist/index.js

@@ -1,5 +1,5 @@
 import { MonoscopeReplay } from "./replay";
-import { OpenTelemetryManager } from "./tracing";
+import { OpenTelemetryManager, newId } from "./tracing";
 import { ErrorTracker } from "./errors";
 import { WebVitalsCollector } from "./web-vitals";
 import { SPARouter } from "./router";
@@ -25,8 +25,8 @@ class Monoscope {
             config = { ...config, serviceName: isBrowser ? location.hostname : "unknown" };
         this.config = config;
         this._enabled = config.enabled !== false;
-        this.tabId = crypto.randomUUID();
-        this.sessionId = isBrowser ? this.resolveSessionId() : crypto.randomUUID();
+        this.tabId = isBrowser ? this.resolveTabId() : newId();
+        this.sessionId = isBrowser ? this.resolveSessionId() : newId();
         this.lastActivityTime = Date.now();
         if (isBrowser)
             this.persistActivity();
@@ -35,7 +35,7 @@ class Monoscope {
         const emit = (...args) => this.otel.emitSpan(...args);
         this.errors = new ErrorTracker(emit);
         this.vitals = new WebVitalsCollector(emit);
-        this.router = new SPARouter(emit);
+        this.router = new SPARouter((from, to, method) => this.otel.startRouteChange(from, to, method));
         if (this._enabled) {
             this.otel.configure();
             this.replay.configure();
@@ -51,6 +51,7 @@ class Monoscope {
             if (isBrowser) {
                 this.overlay = new DevOverlay();
                 this.otel.onExportStatus = (ok) => this.overlay?.setConnectionStatus(ok);
+                this.otel.onSpanStart = () => this.overlay?.incrementEvents();
             }
         }
         if (isBrowser)
@@ -80,14 +81,29 @@ class Monoscope {
                 if (elapsed < SESSION_TIMEOUT_MS)
                     return storedId;
             }
-            const newId = crypto.randomUUID();
-            sessionStorage.setItem("monoscope-session-id", newId);
-            return newId;
+            const id = newId();
+            sessionStorage.setItem("monoscope-session-id", id);
+            return id;
         }
         catch (e) {
             if (this.config.debug)
                 console.warn("Monoscope: sessionStorage unavailable, using ephemeral session", e);
-            return crypto.randomUUID();
+            return newId();
+        }
+    }
+    // sessionStorage is tab-scoped, so a persisted id naturally identifies a
+    // single tab across MPA navigations and SPA reloads.
+    resolveTabId() {
+        try {
+            const existing = sessionStorage.getItem("monoscope-tab-id");
+            if (existing)
+                return existing;
+            const id = newId();
+            sessionStorage.setItem("monoscope-tab-id", id);
+            return id;
+        }
+        catch {
+            return newId();
         }
     }
     persistActivity() {
@@ -105,7 +121,7 @@ class Monoscope {
                 console.warn("Monoscope: failed to save replay on session rotation", e);
         });
         clearBreadcrumbs();
-        this.sessionId = crypto.randomUUID();
+        this.sessionId = newId();
         try {
             sessionStorage.setItem("monoscope-session-id", this.sessionId);
         }
@@ -167,12 +183,10 @@ class Monoscope {
         this.replay.setUser(u);
     }
     startSpan(name, fn) {
-        this.overlay?.incrementEvents();
         return this.otel.startSpan(name, fn);
     }
     recordEvent(name, attributes) {
         this.otel.recordEvent(name, attributes);
-        this.overlay?.incrementEvents();
     }
     async test() {
         try {