@bbearai/core 0.9.3 → 0.9.4

package/dist/index.d.mts

@@ -72,6 +72,14 @@ interface EnhancedBugContext {
         pageLoadTime?: number;
         memoryUsage?: number;
         fps?: number;
+        /** First Contentful Paint (ms) */
+        fcp?: number;
+        /** Largest Contentful Paint (ms) */
+        lcp?: number;
+        /** Cumulative Layout Shift (score) */
+        cls?: number;
+        /** Time to First Byte (ms) */
+        ttfb?: number;
     };
     /** Browser/environment info */
     environment?: {
@@ -80,6 +88,10 @@ interface EnhancedBugContext {
         cookiesEnabled?: boolean;
         localStorage?: boolean;
         online?: boolean;
+        /** Effective connection type (e.g. '4g', '3g') */
+        connectionType?: string;
+        /** Downlink speed in Mbps */
+        connectionDownlink?: number;
     };
 }
 interface DeviceInfo {
@@ -96,6 +108,13 @@ interface DeviceInfo {
         width: number;
         height: number;
     };
+    /** Viewport dimensions (visible area) */
+    viewport?: {
+        width: number;
+        height: number;
+    };
+    /** Device pixel ratio */
+    devicePixelRatio?: number;
     /** User agent (web) */
     userAgent?: string;
 }
@@ -296,6 +315,17 @@ interface MonitoringEvent {
     clickCount?: number;
     /** CSS selector of the clicked element (rage clicks only) */
     targetSelector?: string;
+    /** Whether the tab was visible when the event fired */
+    tabVisible?: boolean;
+    /** CSS selector of the focused element at event time */
+    focusedElement?: string;
+    /** Rage click coordinates */
+    clickCoordinates?: {
+        x: number;
+        y: number;
+    };
+    /** Response body snippet for API failures (max 300 chars) */
+    apiErrorBody?: string;
     /** Sentry event ID — populated by @bbearai/sentry adapter */
     sentryEventId?: string;
     /** Sentry breadcrumbs — populated by @bbearai/sentry adapter */

package/dist/index.d.ts

@@ -72,6 +72,14 @@ interface EnhancedBugContext {
         pageLoadTime?: number;
         memoryUsage?: number;
         fps?: number;
+        /** First Contentful Paint (ms) */
+        fcp?: number;
+        /** Largest Contentful Paint (ms) */
+        lcp?: number;
+        /** Cumulative Layout Shift (score) */
+        cls?: number;
+        /** Time to First Byte (ms) */
+        ttfb?: number;
     };
     /** Browser/environment info */
     environment?: {
@@ -80,6 +88,10 @@ interface EnhancedBugContext {
         cookiesEnabled?: boolean;
         localStorage?: boolean;
         online?: boolean;
+        /** Effective connection type (e.g. '4g', '3g') */
+        connectionType?: string;
+        /** Downlink speed in Mbps */
+        connectionDownlink?: number;
     };
 }
 interface DeviceInfo {
@@ -96,6 +108,13 @@ interface DeviceInfo {
         width: number;
         height: number;
     };
+    /** Viewport dimensions (visible area) */
+    viewport?: {
+        width: number;
+        height: number;
+    };
+    /** Device pixel ratio */
+    devicePixelRatio?: number;
     /** User agent (web) */
     userAgent?: string;
 }
@@ -296,6 +315,17 @@ interface MonitoringEvent {
     clickCount?: number;
     /** CSS selector of the clicked element (rage clicks only) */
     targetSelector?: string;
+    /** Whether the tab was visible when the event fired */
+    tabVisible?: boolean;
+    /** CSS selector of the focused element at event time */
+    focusedElement?: string;
+    /** Rage click coordinates */
+    clickCoordinates?: {
+        x: number;
+        y: number;
+    };
+    /** Response body snippet for API failures (max 300 chars) */
+    apiErrorBody?: string;
     /** Sentry event ID — populated by @bbearai/sentry adapter */
     sentryEventId?: string;
     /** Sentry breadcrumbs — populated by @bbearai/sentry adapter */

package/dist/index.js

@@ -279,17 +279,43 @@ var ContextCaptureManager = class {
       }
     } catch {
     }
+    try {
+      const navigation = performance.getEntriesByType("navigation")[0];
+      if (navigation) {
+        metrics.ttfb = Math.round(navigation.responseStart - navigation.startTime);
+      }
+      const paintEntries = performance.getEntriesByType("paint");
+      const fcp = paintEntries.find((e) => e.name === "first-contentful-paint");
+      if (fcp) metrics.fcp = Math.round(fcp.startTime);
+      const lcpEntries = performance.getEntriesByType("largest-contentful-paint");
+      if (lcpEntries.length > 0) {
+        metrics.lcp = Math.round(lcpEntries[lcpEntries.length - 1].startTime);
+      }
+      const clsEntries = performance.getEntriesByType("layout-shift");
+      if (clsEntries.length > 0) {
+        metrics.cls = parseFloat(
+          clsEntries.filter((e) => !e.hadRecentInput).reduce((sum, e) => sum + (e.value ?? 0), 0).toFixed(4)
+        );
+      }
+    } catch {
+    }
     return Object.keys(metrics).length > 0 ? metrics : void 0;
   }
   getEnvironmentInfo() {
     if (typeof window === "undefined" || typeof navigator === "undefined" || typeof document === "undefined") return void 0;
-    return {
+    const env = {
       language: navigator.language,
       timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
       cookiesEnabled: navigator.cookieEnabled ?? false,
       localStorage: typeof localStorage !== "undefined",
       online: navigator.onLine ?? true
     };
+    const conn = navigator.connection;
+    if (conn) {
+      env.connectionType = conn.effectiveType;
+      env.connectionDownlink = conn.downlink;
+    }
+    return env;
   }
 };
 var contextCapture = new ContextCaptureManager();
@@ -571,6 +597,10 @@ var ErrorMonitor = class {
           ...event.requestMethod ? { requestMethod: event.requestMethod } : {},
           ...event.clickCount ? { clickCount: event.clickCount } : {},
           ...event.targetSelector ? { targetSelector: event.targetSelector } : {},
+          ...event.tabVisible !== void 0 ? { tabVisible: event.tabVisible } : {},
+          ...event.focusedElement ? { focusedElement: event.focusedElement } : {},
+          ...event.clickCoordinates ? { clickCoordinates: event.clickCoordinates } : {},
+          ...event.apiErrorBody ? { apiErrorBody: event.apiErrorBody } : {},
           ...event.sentryEventId ? { sentryEventId: event.sentryEventId } : {}
         }
       },
@@ -664,7 +694,9 @@ var WebCrashHandler = class {
         message: msg,
         route,
         timestamp: Date.now(),
-        error: error ?? new Error(msg)
+        error: error ?? new Error(msg),
+        tabVisible: !document.hidden,
+        focusedElement: document.activeElement instanceof Element ? getSelector(document.activeElement) : void 0
       });
       if (typeof this.prevOnError === "function") {
         return this.prevOnError(message, source, lineno, colno, error);
@@ -682,7 +714,9 @@ var WebCrashHandler = class {
         message: msg,
         route,
         timestamp: Date.now(),
-        error
+        error,
+        tabVisible: !document.hidden,
+        focusedElement: document.activeElement instanceof Element ? getSelector(document.activeElement) : void 0
       });
     };
     window.addEventListener("unhandledrejection", this.rejectionHandler);
@@ -711,6 +745,13 @@ var WebApiFailureHandler = class {
         const method = (init?.method ?? "GET").toUpperCase();
         const route = currentRoute();
         const msg = `${method} ${url} failed with ${response.status}`;
+        let apiErrorBody;
+        try {
+          const cloned = response.clone();
+          const text = await cloned.text();
+          if (text) apiErrorBody = text.slice(0, 300);
+        } catch {
+        }
         onEvent({
           source: "api_failure",
           fingerprint: generateFingerprint("api_failure", msg, route),
@@ -719,7 +760,9 @@ var WebApiFailureHandler = class {
           timestamp: Date.now(),
           requestUrl: url,
           requestMethod: method,
-          statusCode: response.status
+          statusCode: response.status,
+          tabVisible: !document.hidden,
+          apiErrorBody
         });
       }
       return response;
@@ -745,7 +788,8 @@ var WebRageClickHandler = class {
         route,
         timestamp: Date.now(),
         clickCount: rageEvent.clickCount,
-        targetSelector: rageEvent.targetSelector
+        targetSelector: rageEvent.targetSelector,
+        clickCoordinates: { x: rageEvent.x, y: rageEvent.y }
       });
     });
   }
@@ -2505,6 +2549,8 @@ var BugBearClient = class {
           height: window.screen.height
         };
       }
+      info.viewport = { width: window.innerWidth, height: window.innerHeight };
+      info.devicePixelRatio = window.devicePixelRatio;
       return info;
     }
     return { platform: "web" };

package/dist/index.mjs

@@ -233,17 +233,43 @@ var ContextCaptureManager = class {
       }
     } catch {
     }
+    try {
+      const navigation = performance.getEntriesByType("navigation")[0];
+      if (navigation) {
+        metrics.ttfb = Math.round(navigation.responseStart - navigation.startTime);
+      }
+      const paintEntries = performance.getEntriesByType("paint");
+      const fcp = paintEntries.find((e) => e.name === "first-contentful-paint");
+      if (fcp) metrics.fcp = Math.round(fcp.startTime);
+      const lcpEntries = performance.getEntriesByType("largest-contentful-paint");
+      if (lcpEntries.length > 0) {
+        metrics.lcp = Math.round(lcpEntries[lcpEntries.length - 1].startTime);
+      }
+      const clsEntries = performance.getEntriesByType("layout-shift");
+      if (clsEntries.length > 0) {
+        metrics.cls = parseFloat(
+          clsEntries.filter((e) => !e.hadRecentInput).reduce((sum, e) => sum + (e.value ?? 0), 0).toFixed(4)
+        );
+      }
+    } catch {
+    }
     return Object.keys(metrics).length > 0 ? metrics : void 0;
   }
   getEnvironmentInfo() {
     if (typeof window === "undefined" || typeof navigator === "undefined" || typeof document === "undefined") return void 0;
-    return {
+    const env = {
       language: navigator.language,
       timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
       cookiesEnabled: navigator.cookieEnabled ?? false,
       localStorage: typeof localStorage !== "undefined",
       online: navigator.onLine ?? true
     };
+    const conn = navigator.connection;
+    if (conn) {
+      env.connectionType = conn.effectiveType;
+      env.connectionDownlink = conn.downlink;
+    }
+    return env;
   }
 };
 var contextCapture = new ContextCaptureManager();
@@ -525,6 +551,10 @@ var ErrorMonitor = class {
           ...event.requestMethod ? { requestMethod: event.requestMethod } : {},
           ...event.clickCount ? { clickCount: event.clickCount } : {},
           ...event.targetSelector ? { targetSelector: event.targetSelector } : {},
+          ...event.tabVisible !== void 0 ? { tabVisible: event.tabVisible } : {},
+          ...event.focusedElement ? { focusedElement: event.focusedElement } : {},
+          ...event.clickCoordinates ? { clickCoordinates: event.clickCoordinates } : {},
+          ...event.apiErrorBody ? { apiErrorBody: event.apiErrorBody } : {},
           ...event.sentryEventId ? { sentryEventId: event.sentryEventId } : {}
         }
       },
@@ -618,7 +648,9 @@ var WebCrashHandler = class {
         message: msg,
         route,
         timestamp: Date.now(),
-        error: error ?? new Error(msg)
+        error: error ?? new Error(msg),
+        tabVisible: !document.hidden,
+        focusedElement: document.activeElement instanceof Element ? getSelector(document.activeElement) : void 0
       });
       if (typeof this.prevOnError === "function") {
         return this.prevOnError(message, source, lineno, colno, error);
@@ -636,7 +668,9 @@ var WebCrashHandler = class {
         message: msg,
         route,
         timestamp: Date.now(),
-        error
+        error,
+        tabVisible: !document.hidden,
+        focusedElement: document.activeElement instanceof Element ? getSelector(document.activeElement) : void 0
       });
     };
     window.addEventListener("unhandledrejection", this.rejectionHandler);
@@ -665,6 +699,13 @@ var WebApiFailureHandler = class {
         const method = (init?.method ?? "GET").toUpperCase();
         const route = currentRoute();
         const msg = `${method} ${url} failed with ${response.status}`;
+        let apiErrorBody;
+        try {
+          const cloned = response.clone();
+          const text = await cloned.text();
+          if (text) apiErrorBody = text.slice(0, 300);
+        } catch {
+        }
         onEvent({
           source: "api_failure",
           fingerprint: generateFingerprint("api_failure", msg, route),
@@ -673,7 +714,9 @@ var WebApiFailureHandler = class {
           timestamp: Date.now(),
           requestUrl: url,
           requestMethod: method,
-          statusCode: response.status
+          statusCode: response.status,
+          tabVisible: !document.hidden,
+          apiErrorBody
         });
       }
       return response;
@@ -699,7 +742,8 @@ var WebRageClickHandler = class {
         route,
         timestamp: Date.now(),
         clickCount: rageEvent.clickCount,
-        targetSelector: rageEvent.targetSelector
+        targetSelector: rageEvent.targetSelector,
+        clickCoordinates: { x: rageEvent.x, y: rageEvent.y }
       });
     });
   }
@@ -2459,6 +2503,8 @@ var BugBearClient = class {
           height: window.screen.height
         };
       }
+      info.viewport = { width: window.innerWidth, height: window.innerHeight };
+      info.devicePixelRatio = window.devicePixelRatio;
       return info;
     }
     return { platform: "web" };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbearai/core",
-  "version": "0.9.3",
+  "version": "0.9.4",
   "description": "Core utilities and types for BugBear QA platform",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",