reroute-js 0.25.3 → 0.26.1

package/cli/bin.js

@@ -1,7 +1,7 @@
 #!/usr/bin/env bun
 // @bun
 /**
- * reroute-js v0.25.3
+ * reroute-js v0.26.1
  *
  * @license MIT
  * @copyright 2025 stewones <hi@stewan.io>
@@ -48,7 +48,7 @@ async function getVersionString() {
 }
 async function getVersion() {
   if (true) {
-    return "0.25.3";
+    return "0.26.1";
   }
   const possiblePaths = [
     path.join(import.meta.dir, "../../../../package.json"),
@@ -66,7 +66,7 @@ async function getVersion() {
 }
 async function getCommit() {
   if (true) {
-    return "2adb4d1";
+    return "f6fc4f9";
   }
   return "dev";
 }
@@ -500,6 +500,153 @@ var init_content = __esm(() => {
   init_metadata();
 });
 
+// packages/telemetry/src/server/instrumentation.ts
+import { context, SpanStatusCode, trace } from "@opentelemetry/api";
+function isOtelAvailable() {
+  if (otelAvailable !== undefined)
+    return otelAvailable;
+  try {
+    __require("@opentelemetry/api");
+    otelAvailable = true;
+    return true;
+  } catch {
+    otelAvailable = false;
+    return false;
+  }
+}
+
+class NoopSpan {
+  spanContext() {
+    return {
+      traceId: "",
+      spanId: "",
+      traceFlags: 0
+    };
+  }
+  setAttribute() {
+    return this;
+  }
+  setAttributes() {
+    return this;
+  }
+  addEvent() {
+    return this;
+  }
+  addLink() {
+    return this;
+  }
+  addLinks() {
+    return this;
+  }
+  setStatus() {
+    return this;
+  }
+  updateName() {
+    return this;
+  }
+  end() {}
+  isRecording() {
+    return false;
+  }
+  recordException() {}
+}
+async function withSpan(name, fn, attributes) {
+  if (!isOtelAvailable()) {
+    return fn(noopSpan);
+  }
+  const tracer = trace.getTracer("reroute");
+  return tracer.startActiveSpan(name, { attributes }, async (span) => {
+    try {
+      const result = await fn(span);
+      span.end();
+      return result;
+    } catch (error) {
+      span.recordException(error);
+      span.setStatus({
+        code: SpanStatusCode.ERROR,
+        message: error instanceof Error ? error.message : String(error)
+      });
+      span.end();
+      throw error;
+    }
+  });
+}
+function withSpanSync(name, fn, attributes) {
+  if (!isOtelAvailable()) {
+    return fn(noopSpan);
+  }
+  const tracer = trace.getTracer("reroute");
+  return tracer.startActiveSpan(name, { attributes }, (span) => {
+    try {
+      const result = fn(span);
+      span.end();
+      return result;
+    } catch (error) {
+      span.recordException(error);
+      span.setStatus({
+        code: SpanStatusCode.ERROR,
+        message: error instanceof Error ? error.message : String(error)
+      });
+      span.end();
+      throw error;
+    }
+  });
+}
+async function withParentSpan(parentSpan, fn) {
+  if (!(isOtelAvailable() && parentSpan)) {
+    return fn();
+  }
+  const ctx = trace.setSpan(context.active(), parentSpan);
+  return context.with(ctx, fn);
+}
+var otelAvailable, noopSpan;
+var init_instrumentation = __esm(() => {
+  noopSpan = new NoopSpan;
+});
+
+// packages/telemetry/src/server/plugin.ts
+import {
+  metrics,
+  SpanStatusCode as SpanStatusCode2,
+  trace as trace2
+} from "@opentelemetry/api";
+import { logs, SeverityNumber } from "@opentelemetry/api-logs";
+import { OTLPLogExporter } from "@opentelemetry/exporter-logs-otlp-proto";
+import { OTLPMetricExporter } from "@opentelemetry/exporter-metrics-otlp-proto";
+import { OTLPTraceExporter } from "@opentelemetry/exporter-trace-otlp-proto";
+import { resourceFromAttributes } from "@opentelemetry/resources";
+import {
+  BatchLogRecordProcessor,
+  LoggerProvider
+} from "@opentelemetry/sdk-logs";
+import {
+  MeterProvider,
+  PeriodicExportingMetricReader
+} from "@opentelemetry/sdk-metrics";
+import {
+  BatchSpanProcessor,
+  NodeTracerProvider
+} from "@opentelemetry/sdk-trace-node";
+import {
+  ATTR_SERVICE_NAME,
+  ATTR_SERVICE_VERSION
+} from "@opentelemetry/semantic-conventions";
+import { ATTR_HOST_NAME } from "@opentelemetry/semantic-conventions/incubating";
+var init_plugin = __esm(() => {
+  init_core();
+});
+
+// packages/telemetry/src/server/index.ts
+var init_server = __esm(() => {
+  init_instrumentation();
+  init_plugin();
+});
+
+// packages/telemetry/server.ts
+var init_server2 = __esm(() => {
+  init_server();
+});
+
 // packages/core/src/ssr/lib/cache.ts
 class SSRDataCache {
   cache = new Map;
@@ -2316,12 +2463,25 @@ function createSSRExportsScript(pathname) {
     return "";
   }
 }
-function createDataScript(ssrData, errorMsg, pathname) {
+function createTelemetryConfigScript(browserTelemetryConfig) {
+  if (!browserTelemetryConfig || Object.keys(browserTelemetryConfig).length === 0) {
+    return "";
+  }
+  try {
+    const configJson = escapeJsonForScript(JSON.stringify(browserTelemetryConfig));
+    return `<script>(function(){try{var w=(typeof window!=='undefined'?window:globalThis);w.__REROUTE_TELEMETRY_BROWSER__=${configJson};}catch(e){}})();</script>`;
+  } catch (error) {
+    console.error("[reroute] Failed to serialize browser telemetry config:", error);
+    return "";
+  }
+}
+function createDataScript(ssrData, errorMsg, pathname, browserTelemetryConfig) {
   let script = "";
   script += createContentCaptureScript();
   if (pathname) {
     script += createSSRExportsScript(pathname);
   }
+  script += createTelemetryConfigScript(browserTelemetryConfig);
   if (ssrData && Object.keys(ssrData).length > 0) {
     try {
       const duplicatedData = duplicateQueryParamData(ssrData);
@@ -2422,7 +2582,7 @@ async function performSSRSetup(options, streaming = false) {
   });
   try {
     return await Promise.race([
-      performSSRSetupInternal(options, streaming),
+      withParentSpan(options.parentSpan, () => performSSRSetupInternal(options, streaming)),
       timeoutPromise
     ]);
   } catch (error) {
@@ -2453,34 +2613,70 @@ async function performSSRSetupInternal(options, streaming) {
     searchParams,
     ogConfig
   } = options;
-  await seedSSRModuleForPath(pathname, clientDir, cwd, isWatchMode);
-  if (debug)
-    console.log(`[Setup] ${pathname} - seedModule: ${(performance.now() - t0).toFixed(2)}ms`);
+  await withSpan("ssr.seed", async (span) => {
+    span.setAttribute("pathname", pathname);
+    span.setAttribute("streaming", streaming);
+    await seedSSRModuleForPath(pathname, clientDir, cwd, isWatchMode);
+    if (debug)
+      console.log(`[Setup] ${pathname} - seedModule: ${(performance.now() - t0).toFixed(2)}ms`);
+  });
   resetSSRAccessTracking();
   const bundlePreload = createBundlePreload(bundleUrl);
-  const preloadResult = await preloadContentModule(pathname, clientDir, cwd, isWatchMode);
-  if (debug)
-    console.log(`[Setup] ${pathname} - preloadContent: ${(performance.now() - t0).toFixed(2)}ms`);
-  const computeResult = await computeSSRData(pathname, clientDir, cwd, isWatchMode, { streaming, maxAge }, searchParams);
-  if (debug)
-    console.log(`[Setup] ${pathname} - computeSSRData: ${(performance.now() - t0).toFixed(2)}ms`);
+  const preloadResult = await withSpan("ssr.preload", async (span) => {
+    span.setAttribute("pathname", pathname);
+    const result = await preloadContentModule(pathname, clientDir, cwd, isWatchMode);
+    span.setAttribute("has_module", !!result.modulePath);
+    if (debug)
+      console.log(`[Setup] ${pathname} - preloadContent: ${(performance.now() - t0).toFixed(2)}ms`);
+    return result;
+  });
+  const computeResult = await withSpan("ssr.compute.data", async (span) => {
+    span.setAttribute("pathname", pathname);
+    span.setAttribute("streaming", streaming);
+    const result = await computeSSRData(pathname, clientDir, cwd, isWatchMode, { streaming, maxAge }, searchParams);
+    span.setAttribute("has_error", !!result.error);
+    span.setAttribute("has_data", Object.keys(result.data).length > 0);
+    if (debug)
+      console.log(`[Setup] ${pathname} - computeSSRData: ${(performance.now() - t0).toFixed(2)}ms`);
+    return result;
+  });
   setGlobalSSRData(computeResult.data);
   const usingCachedCollections = !!options.cachedCollections;
-  const byCollectionForSSR = options.cachedCollections ? options.cachedCollections : await loadCollections(cwd, isWatchMode);
-  if (debug)
-    console.log(`[Setup] ${pathname} - loadCollections (cached: ${usingCachedCollections}): ${(performance.now() - t0).toFixed(2)}ms`);
+  const byCollectionForSSR = await withSpan("ssr.load.collections", async (span) => {
+    span.setAttribute("pathname", pathname);
+    span.setAttribute("cached", usingCachedCollections);
+    const collections = options.cachedCollections ? options.cachedCollections : await loadCollections(cwd, isWatchMode);
+    span.setAttribute("collection_count", Object.keys(collections).length);
+    if (debug)
+      console.log(`[Setup] ${pathname} - loadCollections (cached: ${usingCachedCollections}): ${(performance.now() - t0).toFixed(2)}ms`);
+    return collections;
+  });
   setGlobalCollections(byCollectionForSSR);
   const usingCachedCSS = !!options.cachedTailwindCSS;
-  const inlineStyleTag = options.cachedTailwindCSS ? options.cachedTailwindCSS : await inlineTailwindCSS(clientDir, !streaming, isWatchMode);
-  if (debug)
-    console.log(`[Setup] ${pathname} - inlineTailwindCSS (cached: ${usingCachedCSS}): ${(performance.now() - t0).toFixed(2)}ms`);
+  const inlineStyleTag = await withSpan("ssr.inline.css", async (span) => {
+    const css = options.cachedTailwindCSS ? options.cachedTailwindCSS : await inlineTailwindCSS(clientDir, !streaming, isWatchMode);
+    span.setAttributes({
+      "reroute.cached": usingCachedCSS,
+      "reroute.css.size": css.length
+    });
+    if (debug)
+      console.log(`[Setup] ${pathname} - inlineTailwindCSS (cached: ${usingCachedCSS}): ${(performance.now() - t0).toFixed(2)}ms`);
+    return css;
+  });
   let statusOverride = preloadResult.statusOverride;
   if (computeResult.statusContainer.value) {
     statusOverride = computeResult.statusContainer.value;
   }
-  const metadataResult = await extractPageMetadata(pathname, clientDir, cwd, isWatchMode, statusOverride, ogConfig);
-  if (debug)
-    console.log(`[Setup] ${pathname} - extractMetadata: ${(performance.now() - t0).toFixed(2)}ms`);
+  const metadataResult = await withSpan("ssr.extract.metadata", async (span) => {
+    const result = await extractPageMetadata(pathname, clientDir, cwd, isWatchMode, statusOverride, ogConfig);
+    span.setAttributes({
+      "reroute.pathname": pathname,
+      "reroute.metadata.exists": !!result.perPageHead
+    });
+    if (debug)
+      console.log(`[Setup] ${pathname} - extractMetadata: ${(performance.now() - t0).toFixed(2)}ms`);
+    return result;
+  });
   return {
     ssrData: computeResult.data,
     ssrError: computeResult.error,
@@ -2508,10 +2704,10 @@ function generateCollectionScripts(byCollectionForSSR) {
   } catch {}
   return "";
 }
-function generateHydrationScripts(ssrData, isWatchMode, ssrError, collectionScripts = "", preloadScript = "", bundleUrl = "", pathname = "") {
+function generateHydrationScripts(ssrData, isWatchMode, ssrError, collectionScripts = "", preloadScript = "", bundleUrl = "", pathname = "", browserTelemetryConfig) {
   let scripts = preloadScript;
   scripts += collectionScripts;
-  scripts += createDataScript(ssrData, isWatchMode ? ssrError : undefined, pathname);
+  scripts += createDataScript(ssrData, isWatchMode ? ssrError : undefined, pathname, browserTelemetryConfig);
   scripts += createFeedsScript();
   scripts += createLlmsScript();
   if (bundleUrl) {
@@ -2523,6 +2719,7 @@ function generateHydrationScripts(ssrData, isWatchMode, ssrError, collectionScri
   return scripts;
 }
 var init_setup = __esm(() => {
+  init_server2();
   init_collections();
   init_compute();
   init_metadata2();
@@ -2591,6 +2788,7 @@ async function renderSSRDocument(options) {
     clientDir,
     cwd,
     isWatchMode,
+    parentSpan: options.parentSpan,
     bundleUrl,
     maxAge,
     searchParams,
@@ -2600,14 +2798,29 @@ async function renderSSRDocument(options) {
   }, false);
   const duplicatedData = duplicateQueryParamData(setup2.ssrData);
   setGlobalSSRData(duplicatedData);
-  const componentWithPathname = cloneElement(rootComponent, {
-    pathname,
-    searchParams
+  const appHtml = await withSpan("ssr.render.react", async (span) => {
+    const componentWithPathname = cloneElement(rootComponent, {
+      pathname,
+      searchParams
+    });
+    span.setAttribute("reroute.pathname", pathname);
+    const html3 = renderToString(componentWithPathname);
+    span.setAttribute("reroute.html.final.size", html3.length);
+    return html3;
+  });
+  const baseTemplate = await withSpan("ssr.load.template", async (span) => {
+    const template2 = await loadIndexHtml(clientDir);
+    span.setAttribute("reroute.template.size", template2.length);
+    return template2;
   });
-  const appHtml = renderToString(componentWithPathname);
-  const baseTemplate = await loadIndexHtml(clientDir);
   const collectionScripts = generateCollectionScripts(setup2.byCollectionForSSR);
-  const hydrationScript = generateHydrationScripts(setup2.ssrData, isWatchMode, setup2.ssrError, collectionScripts, setup2.preloadHydrationScript, bundleUrl, pathname);
+  const config = await loadConfig(cwd);
+  const browserTelemetryConfig = config.telemetry?.browser;
+  const hydrationScript = await withSpan("ssr.generate.scripts", async (span) => {
+    const script = generateHydrationScripts(setup2.ssrData, isWatchMode, setup2.ssrError, collectionScripts, setup2.preloadHydrationScript, bundleUrl, pathname, browserTelemetryConfig);
+    span.setAttribute("reroute.scripts.size", script.length);
+    return script;
+  });
   let statusOverride = setup2.preloadStatusOverride;
   if (setup2.statusContainer.value) {
     statusOverride = setup2.statusContainer.value;
@@ -2622,12 +2835,19 @@ async function renderSSRDocument(options) {
     dedent(setup2.metadataResult.perPageHead)
   ].filter(Boolean).join(`
 `));
-  const html2 = applyIndexTemplate(baseTemplate, appHtml, {
-    head: [setup2.inlineStyleTag, combinedHead].filter(Boolean).join(`
+  const html2 = withSpanSync("ssr.apply.template", (span) => {
+    const result = applyIndexTemplate(baseTemplate, appHtml, {
+      head: [setup2.inlineStyleTag, combinedHead].filter(Boolean).join(`
 `),
-    hydrationScript,
-    lang: setup2.metadataResult.pageLang || lang,
-    appId
+      hydrationScript,
+      lang: setup2.metadataResult.pageLang || lang,
+      appId
+    });
+    span.setAttributes({
+      "reroute.html.final.size": result.length,
+      "reroute.html.original.size": appHtml.length
+    });
+    return result;
   });
   return {
     html: html2,
@@ -2635,6 +2855,8 @@ async function renderSSRDocument(options) {
   };
 }
 var init_render = __esm(() => {
+  init_server2();
+  init_config();
   init_lib();
   init_html();
 });
@@ -4562,6 +4784,7 @@ async function renderSSRDocumentStream(options) {
     clientDir,
     cwd,
     isWatchMode,
+    parentSpan: options.parentSpan,
     bundleUrl,
     maxAge,
     searchParams,
@@ -4583,14 +4806,19 @@ async function renderSSRDocumentStream(options) {
   const { readable, writable } = new TransformStream;
   const writer = writable.getWriter();
   const usingCache = !!options.cachedIndexHtml;
-  const tBeforeLoad = debug ? performance.now() : 0;
-  const baseTemplate = options.cachedIndexHtml ? options.cachedIndexHtml : await loadIndexHtml(clientDir);
-  if (debug)
-    console.log(`[renderStream] ${pathname} - loadIndexHtml (cached: ${usingCache}): ${(performance.now() - t0).toFixed(2)}ms (actual load: ${(performance.now() - tBeforeLoad).toFixed(2)}ms)`);
-  const tBeforeSplit = debug ? performance.now() : 0;
-  const { htmlHead, rootStart, rootEnd, htmlTail } = splitTemplate(baseTemplate, appId);
-  if (debug)
-    console.log(`[renderStream] ${pathname} - splitTemplate: ${(performance.now() - t0).toFixed(2)}ms (split took: ${(performance.now() - tBeforeSplit).toFixed(2)}ms)`);
+  const { htmlHead, rootStart, rootEnd, htmlTail } = await withSpan("ssr.load.template", async (span) => {
+    const template2 = options.cachedIndexHtml ? options.cachedIndexHtml : await loadIndexHtml(clientDir);
+    span.setAttribute("reroute.cached", usingCache);
+    span.setAttribute("reroute.template.size", template2.length);
+    if (debug)
+      console.log(`[renderStream] ${pathname} - loadIndexHtml (cached: ${usingCache}): ${(performance.now() - t0).toFixed(2)}ms`);
+    const parts = splitTemplate(template2, appId);
+    if (debug)
+      console.log(`[renderStream] ${pathname} - splitTemplate: ${(performance.now() - t0).toFixed(2)}ms`);
+    return {
+      ...parts
+    };
+  });
   const pageLang = setup2.metadataResult.pageLang || lang;
   let headWithLang = htmlHead.replace(/<html([^>]*)>/i, `<html$1 lang="${pageLang}">`);
   const extraHead = setup2.bundlePreload + setup2.preloadExtraHead + setup2.metadataResult.perPageHead;
@@ -4600,6 +4828,8 @@ async function renderSSRDocumentStream(options) {
   if (/<meta\s+name\s*=\s*['"]description['"][^>]*>/i.test(extraHead)) {
     headWithLang = headWithLang.replace(/<meta\s+name\s*=\s*['"]description['"][^>]*>/i, "");
   }
+  const config = await loadConfig(cwd);
+  const browserTelemetryConfig = config.telemetry?.browser;
   streamSSRContent(writer, encoder, {
     rootComponent,
     pathname,
@@ -4618,82 +4848,102 @@ async function renderSSRDocumentStream(options) {
     ssrData: setup2.ssrData,
     ssrError: setup2.ssrError,
     byCollectionForSSR: setup2.byCollectionForSSR,
-    preloadHydrationScript: setup2.preloadHydrationScript
+    preloadHydrationScript: setup2.preloadHydrationScript,
+    browserTelemetryConfig,
+    parentSpan: options.parentSpan
   });
   if (debug)
     console.log(`[renderStream] ${pathname} - returning stream: ${(performance.now() - t0).toFixed(2)}ms`);
   return { stream: readable, status: statusOverride || 200 };
 }
 async function streamSSRContent(writer, encoder, ctx) {
-  const t0 = ctx.debug ? performance.now() : 0;
-  const STREAM_TIMEOUT_MS = 60000;
-  let streamTimedOut = false;
-  let timeoutId = null;
-  const cleanup = () => {
-    if (timeoutId) {
-      clearTimeout(timeoutId);
-      timeoutId = null;
-    }
-  };
-  try {
-    const combinedHead = deduplicateMetaTags([ctx.inlineStyleTag, ctx.head, ctx.extraHead].filter(Boolean).join(`
+  return withParentSpan(ctx.parentSpan, async () => {
+    const t0 = ctx.debug ? performance.now() : 0;
+    const STREAM_TIMEOUT_MS = 60000;
+    let streamTimedOut = false;
+    let timeoutId = null;
+    const cleanup = () => {
+      if (timeoutId) {
+        clearTimeout(timeoutId);
+        timeoutId = null;
+      }
+    };
+    try {
+      const combinedHead = deduplicateMetaTags([ctx.inlineStyleTag, ctx.head, ctx.extraHead].filter(Boolean).join(`
 `));
-    const headWithLangAndContent = ctx.headWithLang.replace(/<html([^>]*)>/i, `<html$1 lang="${ctx.pageLang}">`).replace(/<\/head>/i, `${combinedHead ? `${combinedHead}
+      const headWithLangAndContent = ctx.headWithLang.replace(/<html([^>]*)>/i, `<html$1 lang="${ctx.pageLang}">`).replace(/<\/head>/i, `${combinedHead ? `${combinedHead}
 ` : ""}</head>`);
-    const headContent = `${headWithLangAndContent}<body>`;
-    await writer.write(encoder.encode(headContent));
-    if (ctx.debug)
-      console.log(`[Stream] ${ctx.pathname} - first byte written: ${(performance.now() - t0).toFixed(2)}ms`);
-    await writer.write(encoder.encode(ctx.rootStart));
-    const componentWithPathname = cloneElement2(ctx.rootComponent, {
-      pathname: ctx.pathname,
-      searchParams: ctx.searchParams
-    });
-    let streamError = null;
-    const streamPromise = renderToReadableStream(componentWithPathname, {
-      onError(error) {
-        console.error("[reroute] SSR stream error:", error);
-        streamError = error instanceof Error ? error : new Error(String(error));
-      }
-    }).catch((err) => {
-      streamError = err;
-      throw err;
-    });
-    const reactStream = await streamPromise;
-    if (streamError)
-      throw streamError;
-    const streamTimeoutPromise = new Promise((resolve) => {
-      timeoutId = setTimeout(() => {
-        console.warn(`[reroute] Stream timeout after ${STREAM_TIMEOUT_MS}ms for ${ctx.pathname}, forcing close`);
-        streamTimedOut = true;
-        resolve({ done: true, value: undefined });
-      }, STREAM_TIMEOUT_MS);
-    });
-    const reader = reactStream.getReader();
-    while (true) {
-      const result = await Promise.race([reader.read(), streamTimeoutPromise]);
-      if (result.done || streamTimedOut) {
-        try {
-          reader.releaseLock();
-        } catch {}
-        break;
-      }
-      if (result.value) {
-        await writer.write(result.value);
-      }
+      const headContent = `${headWithLangAndContent}<body>`;
+      await writer.write(encoder.encode(headContent));
+      if (ctx.debug)
+        console.log(`[Stream] ${ctx.pathname} - first byte written: ${(performance.now() - t0).toFixed(2)}ms`);
+      await writer.write(encoder.encode(ctx.rootStart));
+      await withSpan("ssr.document.stream", async (span) => {
+        const componentWithPathname = cloneElement2(ctx.rootComponent, {
+          pathname: ctx.pathname,
+          searchParams: ctx.searchParams
+        });
+        span.setAttribute("reroute.pathname", ctx.pathname);
+        let streamError = null;
+        const streamPromise = renderToReadableStream(componentWithPathname, {
+          onError(error) {
+            console.error("[reroute] SSR stream error:", error);
+            streamError = error instanceof Error ? error : new Error(String(error));
+          }
+        }).catch((err) => {
+          streamError = err;
+          throw err;
+        });
+        const reactStream = await streamPromise;
+        if (streamError)
+          throw streamError;
+        const streamTimeoutPromise = new Promise((resolve) => {
+          timeoutId = setTimeout(() => {
+            console.warn(`[reroute] Stream timeout after ${STREAM_TIMEOUT_MS}ms for ${ctx.pathname}, forcing close`);
+            streamTimedOut = true;
+            resolve({ done: true, value: undefined });
+          }, STREAM_TIMEOUT_MS);
+        });
+        const reader = reactStream.getReader();
+        let chunkCount = 0;
+        while (true) {
+          const result = await Promise.race([
+            reader.read(),
+            streamTimeoutPromise
+          ]);
+          if (result.done || streamTimedOut) {
+            try {
+              reader.releaseLock();
+            } catch {}
+            break;
+          }
+          if (result.value) {
+            await writer.write(result.value);
+            chunkCount++;
+          }
+        }
+        cleanup();
+        span.setAttributes({
+          "reroute.stream.chunks": chunkCount,
+          "reroute.stream.timedOut": streamTimedOut
+        });
+      });
+      await writer.write(encoder.encode(ctx.rootEnd));
+      const allScripts = await withSpan("ssr.generate.scripts", async (span) => {
+        const scripts2 = buildStreamingScripts(ctx);
+        span.setAttribute("reroute.script_size", scripts2.length);
+        return scripts2;
+      });
+      await writer.write(encoder.encode(allScripts + ctx.htmlTail));
+      await writer.close();
+    } catch (error) {
+      cleanup();
+      console.error("[reroute] Stream error:", error);
+      try {
+        await writer.abort(error);
+      } catch {}
     }
-    cleanup();
-    await writer.write(encoder.encode(ctx.rootEnd));
-    const allScripts = buildStreamingScripts(ctx);
-    await writer.write(encoder.encode(allScripts + ctx.htmlTail));
-    await writer.close();
-  } catch (error) {
-    cleanup();
-    console.error("[reroute] Stream error:", error);
-    try {
-      await writer.abort(error);
-    } catch {}
-  }
+  });
 }
 function buildStreamingScripts(ctx) {
   const collectionScripts = generateCollectionScripts(ctx.byCollectionForSSR);
@@ -4704,7 +4954,7 @@ function buildStreamingScripts(ctx) {
       ssrDataSnapshot[key] = value;
     }
   }
-  const dataScript = createDataScript(ssrDataSnapshot, ctx.isWatchMode ? ctx.ssrError : undefined, ctx.pathname);
+  const dataScript = createDataScript(ssrDataSnapshot, ctx.isWatchMode ? ctx.ssrError : undefined, ctx.pathname, ctx.browserTelemetryConfig);
   const feedsScript = createFeedsScript();
   const llmsScript = createLlmsScript();
   let allScripts = dataScript + feedsScript + llmsScript + collectionScripts + ctx.preloadHydrationScript;
@@ -4715,6 +4965,8 @@ function buildStreamingScripts(ctx) {
   return allScripts;
 }
 var init_stream = __esm(() => {
+  init_server2();
+  init_config();
   init_lib();
   init_html();
   init_imports();
@@ -6144,6 +6396,50 @@ async function sha8(text) {
     hex += b.toString(16).padStart(2, "0");
   return hex.slice(0, 8);
 }
+function serializeConfig(config2) {
+  function serializeValue(value, indent = 0) {
+    const spaces = "  ".repeat(indent);
+    const nextSpaces = "  ".repeat(indent + 1);
+    if (value === null)
+      return "null";
+    if (value === undefined)
+      return "undefined";
+    if (typeof value === "string")
+      return JSON.stringify(value);
+    if (typeof value === "number")
+      return String(value);
+    if (typeof value === "boolean")
+      return String(value);
+    if (value instanceof RegExp)
+      return value.toString();
+    if (typeof value === "function")
+      return value.toString();
+    if (Array.isArray(value)) {
+      if (value.length === 0)
+        return "[]";
+      const items = value.map((item) => `${nextSpaces}${serializeValue(item, indent + 1)}`).join(`,
+`);
+      return `[
+${items}
+${spaces}]`;
+    }
+    if (typeof value === "object") {
+      const entries = Object.entries(value);
+      if (entries.length === 0)
+        return "{}";
+      const props = entries.map(([key, val]) => {
+        const serializedKey = /^[a-zA-Z_$][a-zA-Z0-9_$]*$/.test(key) ? key : JSON.stringify(key);
+        return `${nextSpaces}${serializedKey}: ${serializeValue(val, indent + 1)}`;
+      }).join(`,
+`);
+      return `{
+${props}
+${spaces}}`;
+    }
+    return "undefined";
+  }
+  return serializeValue(config2);
+}
 async function buildSingleContentChunk(cwd, collection, file, contentDir, args) {
   const name = file.replace(/\.(tsx|ts|md|mdx)$/, "");
   const absSrc = join9(contentDir, file);
@@ -6719,7 +7015,7 @@ async function generate(cwd, args = [], options = {}) {
   } catch {}
   indexLines.push("");
   indexLines.push("// Bundled config for compiled binary support");
-  indexLines.push(`(globalThis as any).__REROUTE_CONFIG__ = ${JSON.stringify(config2)};`);
+  indexLines.push(`(globalThis as any).__REROUTE_CONFIG__ = ${serializeConfig(config2)};`);
   indexLines.push("");
   indexLines.push("export type RerouteBundle = typeof bundle;");
   await Bun.write(join9(cwd, OUTPUT_ARTIFACTS), indexLines.join(`
@@ -80480,12 +80776,12 @@ var require_lcd = __commonJS((exports, module) => {
       }
       return flipped;
     }
-    function Draw(context, elements) {
-      context.clearRect(this.X, this.Y, this.Width, this.Height);
-      context.save();
+    function Draw(context2, elements) {
+      context2.clearRect(this.X, this.Y, this.Width, this.Height);
+      context2.save();
       var elementWidth = this.CalcElementDimensions().Width;
-      context.translate(this.X, this.Y);
-      context.translate(this.Padding, this.Padding);
+      context2.translate(this.X, this.Y);
+      context2.translate(this.Padding, this.Padding);
       for (var i = 0;i < elements.length; i++) {
         var element = elements[i];
         for (var s = 0;s < this.Points.length; s++) {
@@ -80493,28 +80789,28 @@ var require_lcd = __commonJS((exports, module) => {
           var stroke = element & 1 << s ? this.StrokeLight : this.StrokeDark;
           if (stroke == this.StrokeDark)
             continue;
-          context.lineWidth = this.StrokeWidth;
-          context.strokeStyle = stroke;
-          context.fillStyle = color;
-          context.moveTo(0, 0);
-          context.beginPath();
-          context.moveTo(this.Points[s][0].x, this.Points[s][0].y);
+          context2.lineWidth = this.StrokeWidth;
+          context2.strokeStyle = stroke;
+          context2.fillStyle = color;
+          context2.moveTo(0, 0);
+          context2.beginPath();
+          context2.moveTo(this.Points[s][0].x, this.Points[s][0].y);
           var maxX = 0;
           for (var p = 1;p < this.Points[s].length; p++) {
             if (this.Points[s][p].x > maxX)
               maxX = this.Points[s][p].x;
-            context.lineTo(Math.round(this.Points[s][p].x), Math.round(this.Points[s][p].y));
+            context2.lineTo(Math.round(this.Points[s][p].x), Math.round(this.Points[s][p].y));
           }
-          context.closePath();
-          context.fill();
-          context.stroke();
+          context2.closePath();
+          context2.fill();
+          context2.stroke();
           if (this.StrokeWidth > 0) {
-            context.stroke();
+            context2.stroke();
           }
         }
-        context.translate(elementWidth + this.Spacing, 0);
+        context2.translate(elementWidth + this.Spacing, 0);
       }
-      context.restore();
+      context2.restore();
     }
     function CalcPoints() {
       var w = this.ElementWidth, h = this.ElementHeight, sw = this.SegmentWidth * w, si = this.SegmentInterval * w, bw = this.BevelWidth * sw, ib = this.SideBevelEnabled ? 1 : 0, sf = sw * 0.8, slope = h / w, sqrt2 = Math.SQRT2, sqrt3 = Math.sqrt(3);
@@ -82378,14 +82674,14 @@ var require_event_stream = __commonJS((exports) => {
       opts.host = opts.host || "localhost";
       opts.protocol = opts.protocol || "http";
       var protocol = __require(opts.protocol);
-      var server = protocol.createServer(function(instream, outstream) {
+      var server2 = protocol.createServer(function(instream, outstream) {
         var streams2 = setup2(args);
         streams2.unshift(es.split());
         streams2.unshift(instream);
         streams2.push(outstream || instream);
         es.pipe.apply(null, streams2);
       });
-      server.listen(opts.port, opts.host);
+      server2.listen(opts.port, opts.host);
       console.error(process.argv[1] + ' is listening for "' + opts.protocol + '" on ' + opts.host + ":" + opts.port);
     }
   };
@@ -96553,11 +96849,11 @@ var require_lodash = __commonJS((exports, module) => {
     function unicodeWords(string) {
       return string.match(reUnicodeWord) || [];
     }
-    var runInContext = function runInContext(context) {
-      context = context == null ? root : _.defaults(root.Object(), context, _.pick(root, contextProps));
-      var { Array: Array2, Date: Date2, Error: Error2, Function: Function2, Math: Math2, Object: Object2, RegExp: RegExp2, String: String2, TypeError: TypeError2 } = context;
+    var runInContext = function runInContext(context2) {
+      context2 = context2 == null ? root : _.defaults(root.Object(), context2, _.pick(root, contextProps));
+      var { Array: Array2, Date: Date2, Error: Error2, Function: Function2, Math: Math2, Object: Object2, RegExp: RegExp2, String: String2, TypeError: TypeError2 } = context2;
       var arrayProto = Array2.prototype, funcProto = Function2.prototype, objectProto = Object2.prototype;
-      var coreJsData = context["__core-js_shared__"];
+      var coreJsData = context2["__core-js_shared__"];
       var funcToString = funcProto.toString;
       var hasOwnProperty = objectProto.hasOwnProperty;
       var idCounter = 0;
@@ -96569,7 +96865,7 @@ var require_lodash = __commonJS((exports, module) => {
       var objectCtorString = funcToString.call(Object2);
       var oldDash = root._;
       var reIsNative = RegExp2("^" + funcToString.call(hasOwnProperty).replace(reRegExpChar, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$");
-      var Buffer2 = moduleExports ? context.Buffer : undefined2, Symbol2 = context.Symbol, Uint8Array2 = context.Uint8Array, allocUnsafe = Buffer2 ? Buffer2.allocUnsafe : undefined2, getPrototype = overArg(Object2.getPrototypeOf, Object2), objectCreate = Object2.create, propertyIsEnumerable = objectProto.propertyIsEnumerable, splice = arrayProto.splice, spreadableSymbol = Symbol2 ? Symbol2.isConcatSpreadable : undefined2, symIterator = Symbol2 ? Symbol2.iterator : undefined2, symToStringTag = Symbol2 ? Symbol2.toStringTag : undefined2;
+      var Buffer2 = moduleExports ? context2.Buffer : undefined2, Symbol2 = context2.Symbol, Uint8Array2 = context2.Uint8Array, allocUnsafe = Buffer2 ? Buffer2.allocUnsafe : undefined2, getPrototype = overArg(Object2.getPrototypeOf, Object2), objectCreate = Object2.create, propertyIsEnumerable = objectProto.propertyIsEnumerable, splice = arrayProto.splice, spreadableSymbol = Symbol2 ? Symbol2.isConcatSpreadable : undefined2, symIterator = Symbol2 ? Symbol2.iterator : undefined2, symToStringTag = Symbol2 ? Symbol2.toStringTag : undefined2;
       var defineProperty = function() {
         try {
           var func = getNative(Object2, "defineProperty");
@@ -96577,9 +96873,9 @@ var require_lodash = __commonJS((exports, module) => {
           return func;
         } catch (e) {}
       }();
-      var ctxClearTimeout = context.clearTimeout !== root.clearTimeout && context.clearTimeout, ctxNow = Date2 && Date2.now !== root.Date.now && Date2.now, ctxSetTimeout = context.setTimeout !== root.setTimeout && context.setTimeout;
-      var { ceil: nativeCeil, floor: nativeFloor } = Math2, nativeGetSymbols = Object2.getOwnPropertySymbols, nativeIsBuffer = Buffer2 ? Buffer2.isBuffer : undefined2, nativeIsFinite = context.isFinite, nativeJoin = arrayProto.join, nativeKeys = overArg(Object2.keys, Object2), nativeMax = Math2.max, nativeMin = Math2.min, nativeNow = Date2.now, nativeParseInt = context.parseInt, nativeRandom = Math2.random, nativeReverse = arrayProto.reverse;
-      var DataView = getNative(context, "DataView"), Map2 = getNative(context, "Map"), Promise2 = getNative(context, "Promise"), Set2 = getNative(context, "Set"), WeakMap2 = getNative(context, "WeakMap"), nativeCreate = getNative(Object2, "create");
+      var ctxClearTimeout = context2.clearTimeout !== root.clearTimeout && context2.clearTimeout, ctxNow = Date2 && Date2.now !== root.Date.now && Date2.now, ctxSetTimeout = context2.setTimeout !== root.setTimeout && context2.setTimeout;
+      var { ceil: nativeCeil, floor: nativeFloor } = Math2, nativeGetSymbols = Object2.getOwnPropertySymbols, nativeIsBuffer = Buffer2 ? Buffer2.isBuffer : undefined2, nativeIsFinite = context2.isFinite, nativeJoin = arrayProto.join, nativeKeys = overArg(Object2.keys, Object2), nativeMax = Math2.max, nativeMin = Math2.min, nativeNow = Date2.now, nativeParseInt = context2.parseInt, nativeRandom = Math2.random, nativeReverse = arrayProto.reverse;
+      var DataView = getNative(context2, "DataView"), Map2 = getNative(context2, "Map"), Promise2 = getNative(context2, "Promise"), Set2 = getNative(context2, "Set"), WeakMap2 = getNative(context2, "WeakMap"), nativeCreate = getNative(Object2, "create");
       var metaMap = WeakMap2 && new WeakMap2;
       var realNames = {};
       var dataViewCtorString = toSource(DataView), mapCtorString = toSource(Map2), promiseCtorString = toSource(Promise2), setCtorString = toSource(Set2), weakMapCtorString = toSource(WeakMap2);
@@ -104552,12 +104848,12 @@ import { spawn as spawn5 } from "node:child_process";
 import { readdir as readdir7 } from "node:fs/promises";
 import { join as join16 } from "node:path";
 async function findAvailablePort() {
-  const server = Bun.serve({
+  const server2 = Bun.serve({
     port: 0,
     fetch: () => new Response("test")
   });
-  const port = server.port;
-  server.stop();
+  const port = server2.port;
+  server2.stop();
   if (!port) {
     throw new Error("Failed to allocate port");
   }
@@ -104686,15 +104982,15 @@ Create an [og].tsx file in your routes directory to generate OG images.`);
   }
   console.log(`Found ${routes.length} route(s):
 `);
-  let server;
+  let server2;
   try {
-    server = await startServer(cwd);
+    server2 = await startServer(cwd);
   } catch (error) {
     console.error("❌ Failed to start server:", error);
     console.log("\nMake sure your server is configured and can start with `bun run start`");
     process.exit(1);
   }
-  const { port, process: serverProcess } = server;
+  const { port, process: serverProcess } = server2;
   const cleanup = () => {
     console.log(`
 
@@ -104879,7 +105175,7 @@ async function getVersionString2() {
 }
 async function getVersion2() {
   if (true) {
-    return "0.25.3";
+    return "0.26.1";
   }
   const possiblePaths = [
     path3.join(import.meta.dir, "../../../package.json"),
@@ -104896,10 +105192,10 @@ async function getVersion2() {
 }
 async function getCommit2() {
   if (true) {
-    return "2adb4d1";
+    return "f6fc4f9";
   }
   return "dev";
 }
 main();
 
-//# debugId=5ECC9311AE962A1264756E2164756E21
+//# debugId=DF78AECAB6DCE21964756E2164756E21