@obtrace/browser 2.1.0 → 2.2.0

package/dist/core/otel-web-setup.js

@@ -29,6 +29,7 @@ export function setupOtelWeb(config) {
         ...(config.projectId ? { "obtrace.project_id": config.projectId } : {}),
         ...(config.appId ? { "obtrace.app_id": config.appId } : {}),
         ...(config.env ? { "obtrace.env": config.env } : {}),
+        ...(config.sessionId ? { "session.id": config.sessionId } : {}),
         "runtime.name": "browser",
     });
     const traceExporter = new OTLPTraceExporter({

package/dist/types/browser/console.d.ts

@@ -1,2 +1,2 @@
-import type { Tracer } from "@opentelemetry/api";
+import { type Tracer } from "@opentelemetry/api";
 export declare function installConsoleCapture(tracer: Tracer, sessionId: string): () => void;

package/dist/types/core/otel-web-setup.d.ts

@@ -6,4 +6,6 @@ export interface OtelHandles {
     shutdown: () => Promise<void>;
     forceFlush: () => Promise<void>;
 }
-export declare function setupOtelWeb(config: ObtraceSDKConfig): OtelHandles;
+export declare function setupOtelWeb(config: ObtraceSDKConfig & {
+    sessionId?: string;
+}): OtelHandles;

package/dist/types/wrappers/frontend/react.d.ts

@@ -5,4 +5,6 @@ export declare function getObtrace(): BrowserSDK | null;
 export declare function obtraceLog(level: "debug" | "info" | "warn" | "error" | "fatal", message: string, context?: SDKContext): void;
 export declare function obtraceMetric(name: string, value: number, unit?: string, context?: SDKContext): void;
 export declare function obtraceError(error: unknown, context?: SDKContext): void;
+export declare function createObtraceErrorBoundary(React: any): any;
+export declare function getObtraceErrorBoundary(): any;
 export type { BrowserSDK, ObtraceSDKConfig, SDKContext };

package/dist/wrappers/frontend/react.js

@@ -18,3 +18,60 @@ export function obtraceMetric(name, value, unit, context) {
 export function obtraceError(error, context) {
     _sdk?.captureException(error, context);
 }
+let _React = null;
+function getReact() {
+    if (_React)
+        return _React;
+    try {
+        _React = require("react");
+    }
+    catch {
+        try {
+            _React = globalThis.__obtrace_react;
+        }
+        catch { }
+    }
+    return _React;
+}
+export function createObtraceErrorBoundary(React) {
+    const Component = React.Component;
+    class ObtraceErrorBoundary extends Component {
+        constructor(props) {
+            super(props);
+            this.state = { hasError: false, error: null };
+        }
+        static getDerivedStateFromError(error) {
+            return { hasError: true, error };
+        }
+        componentDidCatch(error, errorInfo) {
+            const sdk = getObtrace();
+            if (sdk) {
+                const stack = errorInfo?.componentStack || "";
+                sdk.captureException(error, {
+                    attrs: {
+                        "error.type": "react.render",
+                        "error.component_stack": typeof stack === "string" ? stack.slice(0, 4096) : "",
+                    },
+                });
+            }
+            this.props.onError?.(error, errorInfo);
+        }
+        render() {
+            if (this.state.hasError) {
+                return this.props.fallback ?? null;
+            }
+            return this.props.children;
+        }
+    }
+    return ObtraceErrorBoundary;
+}
+let _ObtraceErrorBoundary = null;
+export function getObtraceErrorBoundary() {
+    if (_ObtraceErrorBoundary)
+        return _ObtraceErrorBoundary;
+    const React = getReact();
+    if (!React)
+        throw new Error("React not found. Use createObtraceErrorBoundary(React) instead.");
+    _ObtraceErrorBoundary = createObtraceErrorBoundary(React);
+    return _ObtraceErrorBoundary;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@obtrace/browser",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "description": "Obtrace Browser SDK with frontend wrappers",
   "type": "module",
   "license": "MIT",