@diegotsi/flint-core 1.10.2 → 1.11.0

package/dist/index.d.cts

@@ -15,6 +15,7 @@ interface ConsoleCollector {
     start(): void;
     stop(): void;
     getEntries(): ConsoleEntry[];
+    getErrors(): CapturedError[];
 }
 declare function createConsoleCollector(): ConsoleCollector;
 
@@ -54,6 +55,15 @@ interface ConsoleEntry {
     args: string;
     timestamp: number;
 }
+/** A structured uncaught error / unhandled rejection, captured with its stack. */
+interface CapturedError {
+    message: string;
+    /** Raw (possibly minified) stack; symbolicated server-side against uploaded source maps. */
+    stack?: string;
+    /** Error constructor name, e.g. "TypeError". */
+    errorClass?: string;
+    timestamp: number;
+}
 interface NetworkEntry {
     method: string;
     url: string;
@@ -199,6 +209,14 @@ interface CollectedMeta {
     consoleLogs: ConsoleEntry[];
     networkErrors: NetworkEntry[];
     formErrors: FormErrorEntry[];
+    /** Structured uncaught errors captured during the session (newest last). */
+    errors?: CapturedError[];
+    /** Epoch ms when the user opened the report — anchors the bug moment. */
+    reportedAt?: number;
+    /** Epoch ms of the most recent captured error before the report, if any. */
+    errorAt?: number;
+    /** Raw stack of the most recent captured error, if any (symbolicated server-side). */
+    errorStack?: string;
 }
 interface ReportPayload {
     reporterId: string;
@@ -396,4 +414,4 @@ interface ResolvedTheme {
 }
 declare function resolveTheme(theme: Theme): ResolvedTheme;
 
-export { type CollectedMeta, type ConsoleCollector, type ConsoleEntry, DATADOG_BLOCKED_HOSTS, type EnvironmentInfo, type ErrorBreadcrumbs, type ErrorCaptureCollector, type ErrorCaptureOptions, type ErrorEventPayload, Flint, type FlintConfig, type FlintState, type FlintUser, type FlintWidgetProps, type FormErrorCollector, type FormErrorEntry, type FrustrationCollector, type FrustrationEvent, type Locale, type NetworkCollector, type NetworkEntry, type ReportPayload, type ReportResult, type ResolvedTheme, type Severity, type Theme, type ThemeOverride, _setFormErrorCollector, collectEnvironment, createConsoleCollector, createDatadogReplayProvider, createErrorCaptureCollector, createFormErrorCollector, createFrustrationCollector, createNetworkCollector, getSnapshot, resolveTheme, submitReplay, submitReport, subscribe, trackDatadogBugReported };
+export { type CapturedError, type CollectedMeta, type ConsoleCollector, type ConsoleEntry, DATADOG_BLOCKED_HOSTS, type EnvironmentInfo, type ErrorBreadcrumbs, type ErrorCaptureCollector, type ErrorCaptureOptions, type ErrorEventPayload, Flint, type FlintConfig, type FlintState, type FlintUser, type FlintWidgetProps, type FormErrorCollector, type FormErrorEntry, type FrustrationCollector, type FrustrationEvent, type Locale, type NetworkCollector, type NetworkEntry, type ReportPayload, type ReportResult, type ResolvedTheme, type Severity, type Theme, type ThemeOverride, _setFormErrorCollector, collectEnvironment, createConsoleCollector, createDatadogReplayProvider, createErrorCaptureCollector, createFormErrorCollector, createFrustrationCollector, createNetworkCollector, getSnapshot, resolveTheme, submitReplay, submitReport, subscribe, trackDatadogBugReported };

package/dist/index.d.ts

@@ -15,6 +15,7 @@ interface ConsoleCollector {
     start(): void;
     stop(): void;
     getEntries(): ConsoleEntry[];
+    getErrors(): CapturedError[];
 }
 declare function createConsoleCollector(): ConsoleCollector;
 
@@ -54,6 +55,15 @@ interface ConsoleEntry {
     args: string;
     timestamp: number;
 }
+/** A structured uncaught error / unhandled rejection, captured with its stack. */
+interface CapturedError {
+    message: string;
+    /** Raw (possibly minified) stack; symbolicated server-side against uploaded source maps. */
+    stack?: string;
+    /** Error constructor name, e.g. "TypeError". */
+    errorClass?: string;
+    timestamp: number;
+}
 interface NetworkEntry {
     method: string;
     url: string;
@@ -199,6 +209,14 @@ interface CollectedMeta {
     consoleLogs: ConsoleEntry[];
     networkErrors: NetworkEntry[];
     formErrors: FormErrorEntry[];
+    /** Structured uncaught errors captured during the session (newest last). */
+    errors?: CapturedError[];
+    /** Epoch ms when the user opened the report — anchors the bug moment. */
+    reportedAt?: number;
+    /** Epoch ms of the most recent captured error before the report, if any. */
+    errorAt?: number;
+    /** Raw stack of the most recent captured error, if any (symbolicated server-side). */
+    errorStack?: string;
 }
 interface ReportPayload {
     reporterId: string;
@@ -396,4 +414,4 @@ interface ResolvedTheme {
 }
 declare function resolveTheme(theme: Theme): ResolvedTheme;
 
-export { type CollectedMeta, type ConsoleCollector, type ConsoleEntry, DATADOG_BLOCKED_HOSTS, type EnvironmentInfo, type ErrorBreadcrumbs, type ErrorCaptureCollector, type ErrorCaptureOptions, type ErrorEventPayload, Flint, type FlintConfig, type FlintState, type FlintUser, type FlintWidgetProps, type FormErrorCollector, type FormErrorEntry, type FrustrationCollector, type FrustrationEvent, type Locale, type NetworkCollector, type NetworkEntry, type ReportPayload, type ReportResult, type ResolvedTheme, type Severity, type Theme, type ThemeOverride, _setFormErrorCollector, collectEnvironment, createConsoleCollector, createDatadogReplayProvider, createErrorCaptureCollector, createFormErrorCollector, createFrustrationCollector, createNetworkCollector, getSnapshot, resolveTheme, submitReplay, submitReport, subscribe, trackDatadogBugReported };
+export { type CapturedError, type CollectedMeta, type ConsoleCollector, type ConsoleEntry, DATADOG_BLOCKED_HOSTS, type EnvironmentInfo, type ErrorBreadcrumbs, type ErrorCaptureCollector, type ErrorCaptureOptions, type ErrorEventPayload, Flint, type FlintConfig, type FlintState, type FlintUser, type FlintWidgetProps, type FormErrorCollector, type FormErrorEntry, type FrustrationCollector, type FrustrationEvent, type Locale, type NetworkCollector, type NetworkEntry, type ReportPayload, type ReportResult, type ResolvedTheme, type Severity, type Theme, type ThemeOverride, _setFormErrorCollector, collectEnvironment, createConsoleCollector, createDatadogReplayProvider, createErrorCaptureCollector, createFormErrorCollector, createFrustrationCollector, createNetworkCollector, getSnapshot, resolveTheme, submitReplay, submitReport, subscribe, trackDatadogBugReported };

package/dist/index.js

@@ -92,8 +92,10 @@ function sanitize(str) {
 
 // src/collectors/console.ts
 var MAX_ENTRIES = 50;
+var MAX_ERRORS = 10;
 function createConsoleCollector() {
   const entries = [];
+  const errors = [];
   let active = false;
   const originals = {
     log: console.log.bind(console),
@@ -114,6 +116,15 @@ function createConsoleCollector() {
     entries.push({ level, args: str, timestamp: Date.now() });
     if (entries.length > MAX_ENTRIES) entries.shift();
   }
+  function pushError(message, stack, errorClass) {
+    errors.push({
+      message: sanitize(message),
+      stack: stack ? sanitize(stack) : void 0,
+      errorClass,
+      timestamp: Date.now()
+    });
+    if (errors.length > MAX_ERRORS) errors.shift();
+  }
   return {
     start() {
       if (active) return;
@@ -132,14 +143,22 @@ function createConsoleCollector() {
       };
       origOnerror = window.onerror;
       window.onerror = (msg, src, line, col, err) => {
-        push("error", [err?.message ?? String(msg), `${src}:${line}:${col}`]);
+        const message = err?.message ?? String(msg);
+        push("error", [message, `${src}:${line}:${col}`]);
+        pushError(message, err?.stack, err?.name);
         if (typeof origOnerror === "function") return origOnerror(msg, src, line, col, err);
         return false;
       };
       origUnhandled = window.onunhandledrejection;
       window.onunhandledrejection = (event) => {
-        const reason = event.reason instanceof Error ? event.reason.message : JSON.stringify(event.reason);
+        const isError = event.reason instanceof Error;
+        const reason = isError ? event.reason.message : JSON.stringify(event.reason);
         push("error", ["UnhandledRejection:", reason]);
+        pushError(
+          reason,
+          isError ? event.reason.stack : void 0,
+          isError ? event.reason.name : void 0
+        );
         if (typeof origUnhandled === "function") origUnhandled.call(window, event);
       };
     },
@@ -154,6 +173,9 @@ function createConsoleCollector() {
     },
     getEntries() {
       return [...entries];
+    },
+    getErrors() {
+      return [...errors];
     }
   };
 }