routeflow-browser 0.1.0 → 0.1.2

package/dist/client.d.ts

@@ -2,6 +2,10 @@
  * HTTP client for sending events to Routeflow backend.
  */
 import { IngestPayload } from "./types";
+/**
+ * Get the current backend URL.
+ */
+export declare function getBackendUrl(): string;
 /**
  * Send events to Routeflow backend.
  */

package/dist/client.js

@@ -1,11 +1,15 @@
 /**
  * HTTP client for sending events to Routeflow backend.
  */
-// Use localhost for development, production URL for deployed environments
-const BACKEND_URL = window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1"
-    ? "http://127.0.0.1:5004"
-    : "https://routeflow-backend-production.up.railway.app";
+// Hardcoded backend URL - always use production
+const BACKEND_URL = "https://routeflow-backend-production.up.railway.app";
 const INGEST_ENDPOINT = "/v1/ingest";
+/**
+ * Get the current backend URL.
+ */
+export function getBackendUrl() {
+    return BACKEND_URL;
+}
 /**
  * Send events to Routeflow backend.
  */

package/dist/external_spans.js

@@ -16,7 +16,7 @@ class ExternalSpanTracker {
         };
         this.flushTimer = null;
         this.SDK_NAME = "@routeflow/browser";
-        this.SDK_VERSION = "0.1.0"; // TODO: sync with package.json
+        this.SDK_VERSION = "0.1.2";
         this.config = config;
         this.startFlushTimer();
     }

package/dist/fetch_patch.js

@@ -5,12 +5,28 @@ import { isSameOrigin } from "./validate";
 import { getOrCreateSessionId, generateTraceId } from "./trace";
 import { getCurrentFrontendRoute } from "./route";
 import { trackExternalFetch } from "./external_spans";
+import { getBackendUrl } from "./client";
 const TRACE_ID_HEADER = "x-routeflow-trace-id";
 const SESSION_ID_HEADER = "x-routeflow-session-id";
 const FRONTEND_ROUTE_HEADER = "x-routeflow-frontend-route";
 let originalFetch;
 let isPatched = false;
 let trackExternal = false;
+/**
+ * Check if a URL is targeting the backend (where we should inject headers).
+ */
+function isBackendRequest(url) {
+    try {
+        const backendUrl = getBackendUrl();
+        const urlObj = new URL(url, window.location.href);
+        const backendObj = new URL(backendUrl);
+        // Match by origin (protocol + hostname + port)
+        return urlObj.origin === backendObj.origin;
+    }
+    catch {
+        return false;
+    }
+}
 /**
  * Patch window.fetch to add correlation headers.
  */
@@ -30,13 +46,15 @@ export function patchFetch(enableExternalTracking) {
             : input instanceof URL
                 ? input.href
                 : input.url;
+        const isBackend = isBackendRequest(url);
         const sameOrigin = isSameOrigin(url);
-        // Add correlation headers for same-origin requests
-        // For external requests, we'll add headers in trackAndFetch if tracking is enabled
-        if (sameOrigin) {
+        // Add correlation headers ONLY for backend requests
+        if (isBackend) {
             init = addCorrelationHeaders(input, init);
         }
-        // Track external spans if enabled (will also add correlation headers)
+        // Track external spans if enabled and not same-origin
+        // Note: We don't add correlation headers to external requests anymore
+        // unless they happen to be the backend
         if (trackExternal && !sameOrigin) {
             return trackAndFetch(url, init);
         }
@@ -73,15 +91,14 @@ function addCorrelationHeaders(input, init) {
 }
 /**
  * Track external fetch call and execute it.
- * Also adds correlation headers to tracked external requests.
+ * Note: Headers are NOT added here - only if isBackendRequest() is true (already handled in patchedFetch).
  */
 async function trackAndFetch(url, init) {
     const startTime = performance.now();
     let response = null;
     let error = null;
-    // Add correlation headers to tracked external requests
-    // This allows backends in your infrastructure to correlate requests
-    init = addCorrelationHeaders(url, init);
+    // Note: We don't add correlation headers here anymore
+    // Headers are only added if isBackendRequest() returned true (handled in patchedFetch)
     try {
         response = await originalFetch(url, init);
         return response;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "routeflow-browser",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Browser SDK for Routeflow - Frontend to backend correlation and external dependency tracking",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",