reroute-js 0.43.6 → 0.43.8

package/telemetry/react.js

@@ -1,5 +1,5 @@
 /**
- * reroute-js v0.43.6
+ * reroute-js v0.43.8
  *
  * @license MIT
  * @copyright 2026 stewones <hi@stewan.io>
@@ -41,149 +41,6 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
   throw Error('Dynamic require of "' + x + '" is not supported');
 });
 
-// packages/telemetry/src/react/api.tsx
-import {
-  createContext,
-  useContext,
-  useEffect,
-  useMemo,
-  useRef,
-  useState
-} from "react";
-import { jsx } from "react/jsx-runtime";
-function deserializeIgnoreRoutes(serialized) {
-  if (!(serialized && Array.isArray(serialized)))
-    return;
-  return serialized.map((pattern) => {
-    if (pattern?.type === "string") {
-      return pattern.value;
-    }
-    if (pattern?.type === "regex") {
-      return new RegExp(pattern.value, pattern.flags);
-    }
-    return pattern;
-  });
-}
-function getBrowserTelemetryConfig() {
-  if (typeof window !== "undefined") {
-    const globalConfig = window.__REROUTE_TELEMETRY_BROWSER__;
-    if (globalConfig) {
-      if (globalConfig.ignoreRoutes) {
-        globalConfig.ignoreRoutes = deserializeIgnoreRoutes(globalConfig.ignoreRoutes);
-      }
-      return globalConfig;
-    }
-  }
-  return {};
-}
-function TelemetryProvider({
-  children,
-  enabled,
-  serviceName,
-  serviceVersion,
-  otlpEndpoint,
-  apiKey,
-  environment,
-  enableConsoleCapture
-}) {
-  const [telemetryReady, setTelemetryReady] = useState(false);
-  const [telemetryAPI, setTelemetryAPI] = useState(null);
-  const hasInitialized = useRef(false);
-  const globalConfig = useMemo(() => getBrowserTelemetryConfig(), []);
-  const mergedConfig = useMemo(() => ({
-    enabled: enabled ?? globalConfig.enabled ?? false,
-    serviceName: serviceName ?? globalConfig.serviceName ?? "reroute-app-browser",
-    serviceVersion: serviceVersion ?? globalConfig.serviceVersion ?? "1.0.0",
-    otlpEndpoint: otlpEndpoint ?? globalConfig.otlpEndpoint ?? "/__reroute_telemetry",
-    apiKey: apiKey ?? globalConfig.apiKey,
-    environment: environment ?? globalConfig.environment ?? "development",
-    enableConsoleCapture: enableConsoleCapture ?? globalConfig.enableConsoleCapture ?? true,
-    ignoreRoutes: globalConfig.ignoreRoutes
-  }), [
-    enabled,
-    serviceName,
-    serviceVersion,
-    otlpEndpoint,
-    apiKey,
-    environment,
-    enableConsoleCapture,
-    globalConfig
-  ]);
-  useEffect(() => {
-    if (IS_SERVER) {
-      return;
-    }
-    if (!mergedConfig.enabled) {
-      console.debug("[TelemetryProvider] Browser telemetry disabled");
-      return;
-    }
-    if (hasInitialized.current) {
-      return;
-    }
-    hasInitialized.current = true;
-    Promise.resolve().then(() => (init_react2(), exports_react)).then((module) => {
-      module.initBrowserTelemetry(mergedConfig);
-      setTelemetryAPI(module);
-      setTelemetryReady(true);
-      console.debug("[TelemetryProvider] Browser telemetry initialized");
-    }).catch((error) => {
-      console.warn("[TelemetryProvider] Failed to load telemetry:", error);
-      hasInitialized.current = false;
-    });
-  }, [mergedConfig]);
-  const contextValue = useMemo(() => ({
-    createCustomSpan: (name, attributes) => {
-      if (telemetryReady && telemetryAPI) {
-        return telemetryAPI.createSpan(name, attributes);
-      }
-      return noopSpan;
-    },
-    trackCustomEvent: (eventName, attributes) => {
-      if (telemetryReady && telemetryAPI) {
-        telemetryAPI.trackEvent(eventName, attributes);
-      }
-    },
-    trackCustomError: (error, context) => {
-      if (telemetryReady && telemetryAPI) {
-        telemetryAPI.trackError(error, context);
-      }
-    }
-  }), [telemetryReady, telemetryAPI]);
-  if (IS_SERVER) {
-    return /* @__PURE__ */ jsx(TelemetryContext.Provider, {
-      value: noopContext,
-      children
-    });
-  }
-  return /* @__PURE__ */ jsx(TelemetryContext.Provider, {
-    value: contextValue,
-    children
-  });
-}
-function useTelemetry() {
-  const context = useContext(TelemetryContext);
-  if (!context) {
-    throw new Error("useTelemetry must be used within a TelemetryProvider");
-  }
-  return context;
-}
-var IS_SERVER, noopSpan, noopContext, TelemetryContext;
-var init_api = __esm(() => {
-  IS_SERVER = typeof window === "undefined";
-  noopSpan = {
-    setAttributes: () => {},
-    setStatus: () => {},
-    recordException: () => {},
-    end: () => {}
-  };
-  noopContext = {
-    createCustomSpan: () => noopSpan,
-    trackCustomEvent: () => {},
-    trackCustomError: () => {}
-  };
-  TelemetryContext = createContext(null);
-});
-
 // packages/telemetry/src/react/context.ts
 function setContext(attributes) {
   contextAttributes = { ...contextAttributes, ...attributes };
@@ -207,6 +64,14 @@ var init_context = __esm(() => {
 });
 
 // packages/telemetry/src/react/telemetry.ts
+var exports_telemetry = {};
+__export(exports_telemetry, {
+  trackEvent: () => trackEvent,
+  trackError: () => trackError,
+  shutdownTelemetry: () => shutdownTelemetry,
+  initBrowserTelemetry: () => initBrowserTelemetry,
+  createSpan: () => createSpan
+});
 function addBreadcrumb(category, message, data) {
   breadcrumbs.push({
     timestamp: Date.now(),
@@ -268,7 +133,7 @@ function shouldIgnoreUrl(url, method = "GET") {
   });
 }
 async function initBrowserTelemetry(options = {}) {
-  if (IS_SERVER2 || isInitialized) {
+  if (IS_SERVER || isInitialized) {
     return;
   }
   isInitialized = true;
@@ -278,14 +143,16 @@ async function initBrowserTelemetry(options = {}) {
   ignorePatterns.push(/cloudflareinsights\.com/);
   try {
     const [
-      { getWebAutoInstrumentations },
+      { FetchInstrumentation },
+      { XMLHttpRequestInstrumentation },
       { OTLPTraceExporter },
       { registerInstrumentations },
       { BatchSpanProcessor, WebTracerProvider },
       { ATTR_SERVICE_NAME, ATTR_SERVICE_VERSION },
       otelApi
     ] = await Promise.all([
-      import("@opentelemetry/auto-instrumentations-web"),
+      import("@opentelemetry/instrumentation-fetch"),
+      import("@opentelemetry/instrumentation-xml-http-request"),
       import("@opentelemetry/exporter-trace-otlp-http"),
       import("@opentelemetry/instrumentation"),
       import("@opentelemetry/sdk-trace-web"),
@@ -341,67 +208,40 @@ async function initBrowserTelemetry(options = {}) {
     });
     tracerProvider.register();
     await setupTraceContextFromServer();
+    const ignoreUrlPatterns = ignorePatterns.map((pattern) => {
+      if (typeof pattern === "string") {
+        return new RegExp(pattern.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"));
+      }
+      if (pattern instanceof RegExp) {
+        return pattern;
+      }
+      return /.^/;
+    });
+    const applyCustomAttributesOnSpan = (span, request) => {
+      const url = request.url || "";
+      const method = request.method || "GET";
+      for (const pattern of ignorePatterns) {
+        if (typeof pattern === "function") {
+          if (shouldIgnoreUrl(url, method)) {
+            span.end();
+            return;
+          }
+        }
+      }
+    };
     registerInstrumentations({
       instrumentations: [
-        getWebAutoInstrumentations({
-          "@opentelemetry/instrumentation-document-load": {
-            enabled: false
-          },
-          "@opentelemetry/instrumentation-user-interaction": {
-            enabled: false
-          },
-          "@opentelemetry/instrumentation-fetch": {
-            enabled: true,
-            propagateTraceHeaderCorsUrls: [/.*/],
-            clearTimingResources: true,
-            ignoreUrls: ignorePatterns.map((pattern) => {
-              if (typeof pattern === "string") {
-                return new RegExp(pattern.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"));
-              }
-              if (pattern instanceof RegExp) {
-                return pattern;
-              }
-              return /.^/;
-            }),
-            applyCustomAttributesOnSpan: (span, request) => {
-              const url = request.url || "";
-              const method = request.method || "GET";
-              for (const pattern of ignorePatterns) {
-                if (typeof pattern === "function") {
-                  if (shouldIgnoreUrl(url, method)) {
-                    span.end();
-                    return;
-                  }
-                }
-              }
-            }
-          },
-          "@opentelemetry/instrumentation-xml-http-request": {
-            enabled: true,
-            propagateTraceHeaderCorsUrls: [/.*/],
-            clearTimingResources: true,
-            ignoreUrls: ignorePatterns.map((pattern) => {
-              if (typeof pattern === "string") {
-                return new RegExp(pattern.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"));
-              }
-              if (pattern instanceof RegExp) {
-                return pattern;
-              }
-              return /.^/;
-            }),
-            applyCustomAttributesOnSpan: (span, request) => {
-              const url = request.url || "";
-              const method = request.method || "GET";
-              for (const pattern of ignorePatterns) {
-                if (typeof pattern === "function") {
-                  if (shouldIgnoreUrl(url, method)) {
-                    span.end();
-                    return;
-                  }
-                }
-              }
-            }
-          }
+        new FetchInstrumentation({
+          propagateTraceHeaderCorsUrls: [/.*/],
+          clearTimingResources: true,
+          ignoreUrls: ignoreUrlPatterns,
+          applyCustomAttributesOnSpan
+        }),
+        new XMLHttpRequestInstrumentation({
+          propagateTraceHeaderCorsUrls: [/.*/],
+          clearTimingResources: true,
+          ignoreUrls: ignoreUrlPatterns,
+          applyCustomAttributesOnSpan
         })
       ]
     });
@@ -424,7 +264,7 @@ async function initBrowserTelemetry(options = {}) {
   }
 }
 function setupBreadcrumbTracking() {
-  if (IS_SERVER2)
+  if (IS_SERVER)
     return;
   document.addEventListener("click", (event) => {
     const target = event.target;
@@ -485,7 +325,7 @@ function setupBreadcrumbTracking() {
   console.log("[browser-telemetry] Breadcrumb tracking enabled");
 }
 function setupNetworkTracking() {
-  if (IS_SERVER2)
+  if (IS_SERVER)
     return;
   const originalFetch = window.fetch;
   window.fetch = async function(input, init) {
@@ -566,7 +406,7 @@ function setupNetworkTracking() {
   console.log("[browser-telemetry] Network tracking enabled");
 }
 function getPerformanceMetrics() {
-  if (IS_SERVER2)
+  if (IS_SERVER)
     return {};
   const metrics = {};
   const memory = performance.memory;
@@ -825,7 +665,7 @@ async function setupConsoleCapture() {
   console.error = wrappedError;
 }
 function createSpan(name, attributes = {}) {
-  if (IS_SERVER2 || !isInitialized || !trace) {
+  if (IS_SERVER || !isInitialized || !trace) {
     return {
       setAttributes: () => {},
       setStatus: () => {},
@@ -868,7 +708,7 @@ function createSpan(name, attributes = {}) {
   }
 }
 function trackEvent(eventName, attributes = {}) {
-  if (IS_SERVER2 || !isInitialized) {
+  if (IS_SERVER || !isInitialized) {
     return;
   }
   try {
@@ -879,7 +719,7 @@ function trackEvent(eventName, attributes = {}) {
   }
 }
 async function trackError(error, context = {}) {
-  if (IS_SERVER2 || !isInitialized || !trace || !SpanStatusCode) {
+  if (IS_SERVER || !isInitialized || !trace || !SpanStatusCode) {
     return;
   }
   try {
@@ -959,42 +799,158 @@ async function shutdownTelemetry() {
     console.log("[browser-telemetry] Shut down successfully");
   }
 }
-var IS_SERVER2, trace = null, SpanStatusCode = null, isInitialized = false, tracerProvider = null, serverTraceContext = null, ignorePatterns, breadcrumbs, MAX_BREADCRUMBS = 20, networkRequests, MAX_NETWORK_REQUESTS = 15;
+var IS_SERVER, trace = null, SpanStatusCode = null, isInitialized = false, tracerProvider = null, serverTraceContext = null, ignorePatterns, breadcrumbs, MAX_BREADCRUMBS = 20, networkRequests, MAX_NETWORK_REQUESTS = 15;
 var init_telemetry = __esm(() => {
   init_context();
-  IS_SERVER2 = typeof window === "undefined";
+  IS_SERVER = typeof window === "undefined";
   ignorePatterns = [];
   breadcrumbs = [];
   networkRequests = [];
 });
 
-// packages/telemetry/src/react/index.ts
-var init_react = __esm(() => {
-  init_api();
-  init_context();
-  init_telemetry();
-});
-
-// packages/telemetry/react.ts
-var exports_react = {};
-__export(exports_react, {
-  useTelemetry: () => useTelemetry,
-  trackEvent: () => trackEvent,
-  trackError: () => trackError,
-  shutdownTelemetry: () => shutdownTelemetry,
-  setContext: () => setContext,
-  initBrowserTelemetry: () => initBrowserTelemetry,
-  getContextAttributesForTelemetry: () => getContextAttributesForTelemetry,
-  getContextAttr: () => getContextAttr,
-  createSpan: () => createSpan,
-  clearContext: () => clearContext,
-  TelemetryProvider: () => TelemetryProvider
-});
-var init_react2 = __esm(() => {
-  init_react();
-});
-init_react2();
+// packages/telemetry/src/react/api.tsx
+import {
+  createContext,
+  useContext,
+  useEffect,
+  useMemo,
+  useRef,
+  useState
+} from "react";
+import { jsx } from "react/jsx-runtime";
+function deserializeIgnoreRoutes(serialized) {
+  if (!(serialized && Array.isArray(serialized)))
+    return;
+  return serialized.map((pattern) => {
+    if (pattern?.type === "string") {
+      return pattern.value;
+    }
+    if (pattern?.type === "regex") {
+      return new RegExp(pattern.value, pattern.flags);
+    }
+    return pattern;
+  });
+}
+function getBrowserTelemetryConfig() {
+  if (typeof window !== "undefined") {
+    const globalConfig = window.__REROUTE_TELEMETRY_BROWSER__;
+    if (globalConfig) {
+      if (globalConfig.ignoreRoutes) {
+        globalConfig.ignoreRoutes = deserializeIgnoreRoutes(globalConfig.ignoreRoutes);
+      }
+      return globalConfig;
+    }
+  }
+  return {};
+}
+var IS_SERVER2 = typeof window === "undefined";
+var noopSpan = {
+  setAttributes: () => {},
+  setStatus: () => {},
+  recordException: () => {},
+  end: () => {}
+};
+var noopContext = {
+  createCustomSpan: () => noopSpan,
+  trackCustomEvent: () => {},
+  trackCustomError: () => {}
+};
+var TelemetryContext = createContext(null);
+function TelemetryProvider({
+  children,
+  enabled,
+  serviceName,
+  serviceVersion,
+  otlpEndpoint,
+  apiKey,
+  environment,
+  enableConsoleCapture
+}) {
+  const [telemetryReady, setTelemetryReady] = useState(false);
+  const [telemetryAPI, setTelemetryAPI] = useState(null);
+  const hasInitialized = useRef(false);
+  const globalConfig = useMemo(() => getBrowserTelemetryConfig(), []);
+  const mergedConfig = useMemo(() => ({
+    enabled: enabled ?? globalConfig.enabled ?? false,
+    serviceName: serviceName ?? globalConfig.serviceName ?? "reroute-app-browser",
+    serviceVersion: serviceVersion ?? globalConfig.serviceVersion ?? "1.0.0",
+    otlpEndpoint: otlpEndpoint ?? globalConfig.otlpEndpoint ?? "/__reroute_telemetry",
+    apiKey: apiKey ?? globalConfig.apiKey,
+    environment: environment ?? globalConfig.environment ?? "development",
+    enableConsoleCapture: enableConsoleCapture ?? globalConfig.enableConsoleCapture ?? true,
+    ignoreRoutes: globalConfig.ignoreRoutes
+  }), [
+    enabled,
+    serviceName,
+    serviceVersion,
+    otlpEndpoint,
+    apiKey,
+    environment,
+    enableConsoleCapture,
+    globalConfig
+  ]);
+  useEffect(() => {
+    if (IS_SERVER2) {
+      return;
+    }
+    if (!mergedConfig.enabled) {
+      console.debug("[TelemetryProvider] Browser telemetry disabled");
+      return;
+    }
+    if (hasInitialized.current) {
+      return;
+    }
+    hasInitialized.current = true;
+    Promise.resolve().then(() => (init_telemetry(), exports_telemetry)).then((module) => {
+      module.initBrowserTelemetry(mergedConfig);
+      setTelemetryAPI(module);
+      setTelemetryReady(true);
+      console.debug("[TelemetryProvider] Browser telemetry initialized");
+    }).catch((error) => {
+      console.warn("[TelemetryProvider] Failed to load telemetry:", error);
+      hasInitialized.current = false;
+    });
+  }, [mergedConfig]);
+  const contextValue = useMemo(() => ({
+    createCustomSpan: (name, attributes) => {
+      if (telemetryReady && telemetryAPI) {
+        return telemetryAPI.createSpan(name, attributes);
+      }
+      return noopSpan;
+    },
+    trackCustomEvent: (eventName, attributes) => {
+      if (telemetryReady && telemetryAPI) {
+        telemetryAPI.trackEvent(eventName, attributes);
+      }
+    },
+    trackCustomError: (error, context) => {
+      if (telemetryReady && telemetryAPI) {
+        telemetryAPI.trackError(error, context);
+      }
+    }
+  }), [telemetryReady, telemetryAPI]);
+  if (IS_SERVER2) {
+    return /* @__PURE__ */ jsx(TelemetryContext.Provider, {
+      value: noopContext,
+      children
+    });
+  }
+  return /* @__PURE__ */ jsx(TelemetryContext.Provider, {
+    value: contextValue,
+    children
+  });
+}
+function useTelemetry() {
+  const context = useContext(TelemetryContext);
+  if (!context) {
+    throw new Error("useTelemetry must be used within a TelemetryProvider");
+  }
+  return context;
+}
 
+// packages/telemetry/src/react/index.ts
+init_context();
+init_telemetry();
 export {
   useTelemetry,
   trackEvent,
@@ -1009,4 +965,4 @@ export {
   TelemetryProvider
 };
 
-//# debugId=6E3B7E94F48A999D64756E2164756E21
+//# debugId=0ECADDBD520FE42764756E2164756E21