@obtrace/browser 2.2.0 → 2.4.0

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

@@ -4,6 +4,8 @@ import { BatchSpanProcessor, TraceIdRatioBasedSampler, ParentBasedSampler } from
 import { OTLPTraceExporter } from "@opentelemetry/exporter-trace-otlp-http";
 import { MeterProvider, PeriodicExportingMetricReader } from "@opentelemetry/sdk-metrics";
 import { OTLPMetricExporter } from "@opentelemetry/exporter-metrics-otlp-http";
+import { LoggerProvider, BatchLogRecordProcessor } from "@opentelemetry/sdk-logs";
+import { OTLPLogExporter } from "@opentelemetry/exporter-logs-otlp-http";
 import { Resource } from "@opentelemetry/resources";
 import { ATTR_SERVICE_NAME, ATTR_SERVICE_VERSION } from "@opentelemetry/semantic-conventions";
 import { FetchInstrumentation } from "@opentelemetry/instrumentation-fetch";
@@ -12,6 +14,7 @@ import { DocumentLoadInstrumentation } from "@opentelemetry/instrumentation-docu
 import { UserInteractionInstrumentation } from "@opentelemetry/instrumentation-user-interaction";
 import { ZoneContextManager } from "@opentelemetry/context-zone";
 import { registerInstrumentations } from "@opentelemetry/instrumentation";
+import { enrichSupabaseSpan, isSupabaseURL } from "../browser/supabase";
 export function setupOtelWeb(config) {
     const baseUrl = (config.ingestBaseUrl || "https://ingest.obtrace.ai").replace(/\/$/, "");
     const authHeaders = {
@@ -62,13 +65,32 @@ export function setupOtelWeb(config) {
         ],
     });
     metrics.setGlobalMeterProvider(meterProvider);
+    const logExporter = new OTLPLogExporter({
+        url: `${baseUrl}/otlp/v1/logs`,
+        headers: authHeaders,
+    });
+    const loggerProvider = new LoggerProvider({
+        resource: resource,
+        processors: [new BatchLogRecordProcessor(logExporter)],
+    });
     const ingestPattern = new RegExp(`^${baseUrl.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")}`);
     const instrumentations = [];
+    const applySupabaseAttrs = (span, req, _result) => {
+        try {
+            const url = typeof req === "string" ? req : req instanceof URL ? req.href : req?.url || "";
+            const method = req?.method || "GET";
+            if (url && isSupabaseURL(url)) {
+                enrichSupabaseSpan(span, url, method);
+            }
+        }
+        catch { }
+    };
     if (config.instrumentGlobalFetch !== false) {
         instrumentations.push(new FetchInstrumentation({
             propagateTraceHeaderCorsUrls: /.*/,
             ignoreUrls: [ingestPattern],
             clearTimingResources: true,
+            applyCustomAttributesOnSpan: applySupabaseAttrs,
         }));
     }
     if (config.instrumentXHR !== false) {
@@ -84,8 +106,8 @@ export function setupOtelWeb(config) {
         tracerProvider,
         instrumentations,
     });
-    const tracer = trace.getTracer("@obtrace/sdk-browser", "2.1.0");
-    const meter = metrics.getMeter("@obtrace/sdk-browser", "2.1.0");
+    const tracer = trace.getTracer("@obtrace/sdk-browser", "2.4.0");
+    const meter = metrics.getMeter("@obtrace/sdk-browser", "2.4.0");
     const forceFlush = async () => {
         try {
             await tracerProvider.forceFlush();
@@ -95,11 +117,16 @@ export function setupOtelWeb(config) {
             await meterProvider.forceFlush();
         }
         catch { }
+        try {
+            await loggerProvider.forceFlush();
+        }
+        catch { }
     };
     const shutdown = async () => {
         await forceFlush();
         await tracerProvider.shutdown();
         await meterProvider.shutdown();
+        await loggerProvider.shutdown();
     };
-    return { tracer, meter, shutdown, forceFlush };
+    return { tracer, meter, loggerProvider, shutdown, forceFlush };
 }

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

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

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

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

package/dist/types/browser/supabase-intercept.d.ts

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

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

@@ -0,0 +1,12 @@
+import { type Span } from "@opentelemetry/api";
+interface SupabaseParsed {
+    ref: string;
+    service: string;
+    operation: string;
+    table: string;
+    detail: string;
+}
+export declare function isSupabaseURL(url: string): boolean;
+export declare function parseSupabaseURL(url: string, method: string): SupabaseParsed | null;
+export declare function enrichSupabaseSpan(span: Span, url: string, method: string): void;
+export {};

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

@@ -1,8 +1,10 @@
 import { type Tracer, type Meter } from "@opentelemetry/api";
+import { LoggerProvider } from "@opentelemetry/sdk-logs";
 import type { ObtraceSDKConfig } from "../shared/types";
 export interface OtelHandles {
     tracer: Tracer;
     meter: Meter;
+    loggerProvider: LoggerProvider;
     shutdown: () => Promise<void>;
     forceFlush: () => Promise<void>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@obtrace/browser",
-  "version": "2.2.0",
+  "version": "2.4.0",
   "description": "Obtrace Browser SDK with frontend wrappers",
   "type": "module",
   "license": "MIT",
@@ -66,6 +66,7 @@
   "dependencies": {
     "@opentelemetry/api": "^1.9.0",
     "@opentelemetry/context-zone": "^1.30.0",
+    "@opentelemetry/exporter-logs-otlp-http": "^0.214.0",
     "@opentelemetry/exporter-metrics-otlp-http": "^0.57.0",
     "@opentelemetry/exporter-trace-otlp-http": "^0.57.0",
     "@opentelemetry/instrumentation-document-load": "^0.43.0",
@@ -73,6 +74,7 @@
     "@opentelemetry/instrumentation-user-interaction": "^0.43.0",
     "@opentelemetry/instrumentation-xml-http-request": "^0.57.0",
     "@opentelemetry/resources": "^1.30.0",
+    "@opentelemetry/sdk-logs": "^0.214.0",
     "@opentelemetry/sdk-metrics": "^1.30.0",
     "@opentelemetry/sdk-trace-web": "^1.30.0",
     "@opentelemetry/semantic-conventions": "^1.30.0",