reroute-js 0.25.3 → 0.26.0

package/react/src/index.d.ts

@@ -1,5 +1,5 @@
 /**
- * reroute-js v0.25.3
+ * reroute-js v0.26.0
  *
  * @license MIT
  * @copyright 2025 stewones <hi@stewan.io>

package/react/src/lib/collection.d.ts

@@ -1,5 +1,5 @@
 /**
- * reroute-js v0.25.3
+ * reroute-js v0.26.0
  *
  * @license MIT
  * @copyright 2025 stewones <hi@stewan.io>

package/react/src/lib/content.d.ts

@@ -1,5 +1,5 @@
 /**
- * reroute-js v0.25.3
+ * reroute-js v0.26.0
  *
  * @license MIT
  * @copyright 2025 stewones <hi@stewan.io>

package/react/src/lib/head.d.ts

@@ -1,5 +1,5 @@
 /**
- * reroute-js v0.25.3
+ * reroute-js v0.26.0
  *
  * @license MIT
  * @copyright 2025 stewones <hi@stewan.io>

package/react/src/lib/index.d.ts

@@ -1,5 +1,5 @@
 /**
- * reroute-js v0.25.3
+ * reroute-js v0.26.0
  *
  * @license MIT
  * @copyright 2025 stewones <hi@stewan.io>

package/react/src/lib/lazy-route.d.ts

@@ -1,5 +1,5 @@
 /**
- * reroute-js v0.25.3
+ * reroute-js v0.26.0
  *
  * @license MIT
  * @copyright 2025 stewones <hi@stewan.io>

package/react/src/lib/route-loader.d.ts

@@ -1,5 +1,5 @@
 /**
- * reroute-js v0.25.3
+ * reroute-js v0.26.0
  *
  * @license MIT
  * @copyright 2025 stewones <hi@stewan.io>

package/react/src/providers/ContentProvider.d.ts

@@ -1,5 +1,5 @@
 /**
- * reroute-js v0.25.3
+ * reroute-js v0.26.0
  *
  * @license MIT
  * @copyright 2025 stewones <hi@stewan.io>

package/react/src/providers/RerouteProvider.d.ts

@@ -1,5 +1,5 @@
 /**
- * reroute-js v0.25.3
+ * reroute-js v0.26.0
  *
  * @license MIT
  * @copyright 2025 stewones <hi@stewan.io>

package/react/src/providers/RouterProvider.d.ts

@@ -1,5 +1,5 @@
 /**
- * reroute-js v0.25.3
+ * reroute-js v0.26.0
  *
  * @license MIT
  * @copyright 2025 stewones <hi@stewan.io>

package/react/src/providers/index.d.ts

@@ -1,5 +1,5 @@
 /**
- * reroute-js v0.25.3
+ * reroute-js v0.26.0
  *
  * @license MIT
  * @copyright 2025 stewones <hi@stewan.io>

package/react/src/types/any.d.ts

@@ -1,5 +1,5 @@
 /**
- * reroute-js v0.25.3
+ * reroute-js v0.26.0
  *
  * @license MIT
  * @copyright 2025 stewones <hi@stewan.io>

package/react/src/types/index.d.ts

@@ -1,5 +1,5 @@
 /**
- * reroute-js v0.25.3
+ * reroute-js v0.26.0
  *
  * @license MIT
  * @copyright 2025 stewones <hi@stewan.io>

package/react/src/types/router.d.ts

@@ -1,5 +1,5 @@
 /**
- * reroute-js v0.25.3
+ * reroute-js v0.26.0
  *
  * @license MIT
  * @copyright 2025 stewones <hi@stewan.io>

package/telemetry/react.d.ts

@@ -1,5 +1,5 @@
 /**
- * reroute-js v0.25.3
+ * reroute-js v0.26.0
  *
  * @license MIT
  * @copyright 2025 stewones <hi@stewan.io>
@@ -7,5 +7,5 @@
  *
  * Built with Bun <3
  */
-export * from './src/browser/react';
+export * from './src/react';
 //# sourceMappingURL=react.d.ts.map

package/telemetry/react.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../../../packages/telemetry/react.tsx"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../../../packages/telemetry/react.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/telemetry/react.js

@@ -1,5 +1,5 @@
 /**
- * reroute-js v0.25.3
+ * reroute-js v0.26.0
  *
  * @license MIT
  * @copyright 2025 stewones <hi@stewan.io>
@@ -41,9 +41,135 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
   throw Error('Dynamic require of "' + x + '" is not supported');
 });
 
-// packages/telemetry/src/browser/index.ts
+// packages/telemetry/src/react/api.tsx
+import {
+  createContext,
+  useContext,
+  useEffect,
+  useMemo,
+  useRef,
+  useState
+} from "react";
+import { jsx } from "react/jsx-runtime";
+function getBrowserTelemetryConfig() {
+  if (typeof window !== "undefined") {
+    const globalConfig = window.__REROUTE_TELEMETRY_BROWSER__;
+    if (globalConfig) {
+      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 ?? "/api/telemetry",
+    apiKey: apiKey ?? globalConfig.apiKey,
+    environment: environment ?? globalConfig.environment ?? "development",
+    enableConsoleCapture: enableConsoleCapture ?? globalConfig.enableConsoleCapture ?? true
+  }), [
+    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/telemetry.ts
 async function initBrowserTelemetry(options = {}) {
-  if (IS_SERVER || isInitialized) {
+  if (IS_SERVER2 || isInitialized) {
     return;
   }
   isInitialized = true;
@@ -71,9 +197,8 @@ async function initBrowserTelemetry(options = {}) {
     const SERVICE_NAME = options.serviceName || "reroute-app-browser";
     const SERVICE_VERSION = options.serviceVersion || "1.0.0";
     const OTLP_ENDPOINT = options.otlpEndpoint || "/api/telemetry";
-    const IS_PRODUCTION = options.isProduction ?? env?.PROD ?? false;
-    const ENABLE_WEB_VITALS = options.enableWebVitals ?? true;
-    const ENABLE_CONSOLE_CAPTURE = options.enableConsoleCapture ?? IS_PRODUCTION;
+    const ENVIRONMENT = options.environment || env?.MODE || "development";
+    const ENABLE_CONSOLE_CAPTURE = options.enableConsoleCapture ?? true;
     console.log(`[browser-telemetry] Initializing with endpoint: ${OTLP_ENDPOINT}`);
     const headers = {};
     const apiKey = options.apiKey || env?.REROUTE_SIGNOZ_API_KEY;
@@ -87,7 +212,7 @@ async function initBrowserTelemetry(options = {}) {
     const resource = resourceFromAttributes({
       [ATTR_SERVICE_NAME]: SERVICE_NAME,
       [ATTR_SERVICE_VERSION]: SERVICE_VERSION,
-      "deployment.environment": IS_PRODUCTION ? "production" : "development",
+      "deployment.environment": ENVIRONMENT,
       "browser.user_agent": navigator.userAgent,
       "browser.language": navigator.language,
       "browser.platform": navigator.platform,
@@ -113,8 +238,7 @@ async function initBrowserTelemetry(options = {}) {
             enabled: false
           },
           "@opentelemetry/instrumentation-user-interaction": {
-            enabled: true,
-            eventNames: ["click", "submit"]
+            enabled: false
           },
           "@opentelemetry/instrumentation-fetch": {
             enabled: true,
@@ -130,13 +254,9 @@ async function initBrowserTelemetry(options = {}) {
       ]
     });
     setupErrorHandlers().catch((err) => console.error("[browser-telemetry] Error handler setup failed:", err));
-    if (ENABLE_WEB_VITALS) {
-      setupWebVitals().catch((err) => console.error("[browser-telemetry] Web Vitals setup failed:", err));
-    }
     if (ENABLE_CONSOLE_CAPTURE) {
       setupConsoleCapture().catch((err) => console.error("[browser-telemetry] Console capture setup failed:", err));
     }
-    setupVisibilityTracking().catch((err) => console.error("[browser-telemetry] Visibility tracking setup failed:", err));
     console.log("[browser-telemetry] Initialized successfully");
   } catch (error) {
     console.error("[browser-telemetry] Failed to initialize:", error);
@@ -152,14 +272,15 @@ async function setupErrorHandlers() {
         startTime: Date.now()
       });
       const stackTrace = event.error?.stack || "";
+      const errorMessage = event.message || event.error?.message || "Unknown error";
       span.setStatus({
         code: SpanStatusCode.ERROR,
-        message: event.message
+        message: errorMessage
       });
       span.setAttributes({
         error: true,
         "error.type": event.error?.name || "UncaughtError",
-        "error.message": event.message,
+        "error.message": errorMessage,
         "error.stack": stackTrace,
         "error.filename": event.filename || "",
         "error.lineno": event.lineno || 0,
@@ -179,10 +300,10 @@ async function setupErrorHandlers() {
         });
       }
       span.end();
+      console.error("[browser-telemetry] Uncaught error:", event.error || event.message);
     } catch (telemetryError) {
       console.error("[browser-telemetry] Error tracking failed:", telemetryError);
     }
-    console.error("[browser-telemetry] Uncaught error:", event.error || event.message);
   });
   window.addEventListener("unhandledrejection", (event) => {
     try {
@@ -223,39 +344,6 @@ async function setupErrorHandlers() {
     console.error("[browser-telemetry] Unhandled rejection:", event.reason);
   });
 }
-async function setupWebVitals() {
-  try {
-    const { onLCP, onCLS, onTTFB, onINP } = await import("web-vitals");
-    const { trace } = await import("@opentelemetry/api");
-    const tracer = trace.getTracer("web-vitals");
-    const sendToAnalytics = (metric) => {
-      try {
-        const span = tracer.startSpan(`web_vitals.${metric.name}`, {
-          startTime: Date.now() - metric.value
-        });
-        span.setAttributes({
-          "metric.name": metric.name,
-          "metric.value": metric.value,
-          "metric.rating": metric.rating,
-          "metric.delta": metric.delta,
-          "metric.id": metric.id,
-          "browser.url": window.location.href,
-          "browser.pathname": window.location.pathname
-        });
-        span.end();
-      } catch (error) {
-        console.error("[browser-telemetry] Web Vitals tracking failed:", error);
-      }
-    };
-    onLCP(sendToAnalytics);
-    onCLS(sendToAnalytics);
-    onTTFB(sendToAnalytics);
-    onINP(sendToAnalytics);
-    console.log("[browser-telemetry] Web Vitals tracking enabled");
-  } catch (error) {
-    console.warn("[browser-telemetry] Web Vitals not available:", error);
-  }
-}
 async function setupConsoleCapture() {
   const { trace } = await import("@opentelemetry/api");
   const tracer = trace.getTracer("console");
@@ -279,23 +367,8 @@ async function setupConsoleCapture() {
   wrappedError.__telemetry_captured__ = true;
   console.error = wrappedError;
 }
-async function setupVisibilityTracking() {
-  const { trace } = await import("@opentelemetry/api");
-  const tracer = trace.getTracer("visibility");
-  document.addEventListener("visibilitychange", () => {
-    try {
-      const span = tracer.startSpan("browser.visibility_change");
-      span.setAttributes({
-        "visibility.state": document.visibilityState,
-        "browser.url": window.location.href,
-        "browser.timestamp": new Date().toISOString()
-      });
-      span.end();
-    } catch {}
-  });
-}
 function createSpan(name, attributes = {}) {
-  if (IS_SERVER || !isInitialized) {
+  if (IS_SERVER2 || !isInitialized) {
     return {
       setAttributes: () => {},
       setStatus: () => {},
@@ -327,7 +400,7 @@ function createSpan(name, attributes = {}) {
   }
 }
 function trackEvent(eventName, attributes = {}) {
-  if (IS_SERVER || !isInitialized) {
+  if (IS_SERVER2 || !isInitialized) {
     return;
   }
   try {
@@ -338,7 +411,7 @@ function trackEvent(eventName, attributes = {}) {
   }
 }
 function trackError(error, context = {}) {
-  if (IS_SERVER || !isInitialized) {
+  if (IS_SERVER2 || !isInitialized) {
     return;
   }
   try {
@@ -379,133 +452,41 @@ async function shutdownTelemetry() {
     console.log("[browser-telemetry] Shut down successfully");
   }
 }
-var IS_SERVER, isInitialized = false, tracerProvider = null;
-var init_browser = __esm(() => {
-  IS_SERVER = typeof window === "undefined";
+var IS_SERVER2, isInitialized = false, tracerProvider = null;
+var init_telemetry = __esm(() => {
+  IS_SERVER2 = typeof window === "undefined";
+});
+
+// packages/telemetry/src/react/index.ts
+var init_react = __esm(() => {
+  init_api();
+  init_telemetry();
 });
 
-// packages/telemetry/browser.ts
-var exports_browser = {};
-__export(exports_browser, {
+// packages/telemetry/react.ts
+var exports_react = {};
+__export(exports_react, {
+  useTelemetry: () => useTelemetry,
   trackEvent: () => trackEvent,
   trackError: () => trackError,
   shutdownTelemetry: () => shutdownTelemetry,
   initBrowserTelemetry: () => initBrowserTelemetry,
-  createSpan: () => createSpan
+  createSpan: () => createSpan,
+  TelemetryProvider: () => TelemetryProvider
 });
-var init_browser2 = __esm(() => {
-  init_browser();
+var init_react2 = __esm(() => {
+  init_react();
 });
+init_react2();
 
-// packages/telemetry/src/browser/react.tsx
-import {
-  createContext,
-  useContext,
-  useEffect,
-  useMemo,
-  useRef,
-  useState
-} from "react";
-import { jsx } from "react/jsx-runtime";
-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,
-  serviceName,
-  serviceVersion,
-  otlpEndpoint,
-  apiKey,
-  isProduction,
-  enableWebVitals,
-  enableConsoleCapture
-}) {
-  const [telemetryReady, setTelemetryReady] = useState(false);
-  const [telemetryAPI, setTelemetryAPI] = useState(null);
-  const hasInitialized = useRef(false);
-  useEffect(() => {
-    if (IS_SERVER2) {
-      return;
-    }
-    if (hasInitialized.current) {
-      return;
-    }
-    hasInitialized.current = true;
-    Promise.resolve().then(() => (init_browser2(), exports_browser)).then((module) => {
-      module.initBrowserTelemetry({
-        serviceName,
-        serviceVersion,
-        otlpEndpoint,
-        apiKey,
-        isProduction,
-        enableWebVitals,
-        enableConsoleCapture
-      });
-      setTelemetryAPI(module);
-      setTelemetryReady(true);
-      console.debug("[TelemetryProvider] Browser telemetry initialized");
-    }).catch((error) => {
-      console.warn("[TelemetryProvider] Failed to load telemetry:", error);
-      hasInitialized.current = false;
-    });
-  }, [
-    serviceName,
-    serviceVersion,
-    otlpEndpoint,
-    apiKey,
-    isProduction,
-    enableWebVitals,
-    enableConsoleCapture
-  ]);
-  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;
-}
 export {
   useTelemetry,
+  trackEvent,
+  trackError,
+  shutdownTelemetry,
+  initBrowserTelemetry,
+  createSpan,
   TelemetryProvider
 };
 
-//# debugId=C843EFC48F27753D64756E2164756E21
+//# debugId=EF6D54D3079D2BAE64756E2164756E21