@obtrace/browser 2.3.0 → 2.4.1

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

@@ -14,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 = {
@@ -74,11 +75,22 @@ export function setupOtelWeb(config) {
     });
     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) {
@@ -94,8 +106,8 @@ export function setupOtelWeb(config) {
         tracerProvider,
         instrumentations,
     });
-    const tracer = trace.getTracer("@obtrace/sdk-browser", "2.2.0");
-    const meter = metrics.getMeter("@obtrace/sdk-browser", "2.2.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();

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/package.json

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