@syntrologie/runtime-sdk 2.18.0 → 2.19.0

package/dist/index.js

@@ -9590,6 +9590,10 @@ var HealthReporter = class {
     __publicField(this, "timer", null);
     __publicField(this, "pagehideHandler", null);
     __publicField(this, "runtime", null);
+    /** Cleanup function for adapters that registered side effects (e.g. the
+     *  web-vitals long-task observer). Called from `stop()` so SPA re-init
+     *  via `initHealthReporter` doesn't accumulate observers. */
+    __publicField(this, "adapterCleanup", null);
     var _a3;
     this.resource = config.resource;
     this.flushIntervalMs = (_a3 = config.flushIntervalMs) != null ? _a3 : 6e4;
@@ -9602,6 +9606,15 @@ var HealthReporter = class {
   bindRuntime(binding) {
     this.runtime = binding;
   }
+  /**
+   * Register a cleanup function to run on `stop()`. Used by adapters
+   * (e.g. webVitalsAdapter) that need to release per-bind resources
+   * like PerformanceObservers. Replaces any prior cleanup — only one
+   * adapter cleanup is tracked.
+   */
+  attachAdapterCleanup(cleanup) {
+    this.adapterCleanup = cleanup;
+  }
   increment(signal, by = 1) {
     var _a3;
     this.counters.set(signal, ((_a3 = this.counters.get(signal)) != null ? _a3 : 0) + by);
@@ -9697,6 +9710,13 @@ var HealthReporter = class {
       window.removeEventListener("pagehide", this.pagehideHandler);
       this.pagehideHandler = null;
     }
+    if (this.adapterCleanup !== null) {
+      try {
+        this.adapterCleanup();
+      } catch {
+      }
+      this.adapterCleanup = null;
+    }
   }
 };
 function percentile(sortedAsc, q2) {
@@ -9801,8 +9821,89 @@ function createOtlpEmitter(cfg) {
   };
 }
 
+// src/observability/sdkScriptUrl.ts
+function detect() {
+  var _a3;
+  if (typeof document === "undefined") return void 0;
+  const cs = document.currentScript;
+  if (cs && cs.src) return cs.src;
+  try {
+    const scripts = Array.from(document.scripts);
+    for (let i = scripts.length - 1; i >= 0; i -= 1) {
+      const src = (_a3 = scripts[i]) == null ? void 0 : _a3.src;
+      if (typeof src === "string" && (src.includes("runtime-sdk") || src.includes("smart-canvas"))) {
+        return src;
+      }
+    }
+  } catch {
+  }
+  return void 0;
+}
+var SDK_SCRIPT_URL = detect();
+function getSdkScriptUrlPrefix() {
+  if (!SDK_SCRIPT_URL) return void 0;
+  const lastSlash = SDK_SCRIPT_URL.lastIndexOf("/");
+  if (lastSlash === -1) return void 0;
+  return SDK_SCRIPT_URL.substring(0, lastSlash + 1);
+}
+
+// src/observability/webVitalsAdapter.ts
+import { onCLS, onFCP, onINP, onLCP, onTTFB } from "web-vitals";
+var VITALS_BOUND_FLAG = "__syntro_vitals_bound";
+var VITALS_CURRENT_REPORTER = "__syntro_vitals_current_reporter";
+function bindWebVitals(reporter, options) {
+  if (typeof window === "undefined") return () => {
+  };
+  const w2 = window;
+  w2[VITALS_CURRENT_REPORTER] = reporter;
+  let longTaskObserver = null;
+  const prefix = options == null ? void 0 : options.attributedScriptUrlPrefix;
+  if (prefix && "PerformanceObserver" in window) {
+    try {
+      longTaskObserver = new PerformanceObserver((list) => {
+        const current = w2[VITALS_CURRENT_REPORTER];
+        if (!current) return;
+        for (const entry of list.getEntries()) {
+          const attribution = entry.attribution;
+          if (!attribution) continue;
+          const matched = attribution.some((a) => {
+            var _a3, _b;
+            const src = (_b = (_a3 = a.containerSrc) != null ? _a3 : a.name) != null ? _b : "";
+            return src.startsWith(prefix);
+          });
+          if (matched) {
+            current.increment("longtasks_self_count");
+            current.increment("longtasks_self_blocking_ms", Math.round(entry.duration));
+          }
+        }
+      });
+      longTaskObserver.observe({ type: "longtask", buffered: true });
+    } catch {
+      longTaskObserver = null;
+    }
+  }
+  if (!w2[VITALS_BOUND_FLAG]) {
+    w2[VITALS_BOUND_FLAG] = true;
+    const recordMs = (signal) => (metric) => {
+      const current = w2[VITALS_CURRENT_REPORTER];
+      current == null ? void 0 : current.recordHistogram(signal, metric.value);
+    };
+    onLCP(recordMs("lcp_ms"));
+    onINP(recordMs("inp_ms"));
+    onFCP(recordMs("fcp_ms"));
+    onTTFB(recordMs("ttfb_ms"));
+    onCLS((metric) => {
+      const current = w2[VITALS_CURRENT_REPORTER];
+      current == null ? void 0 : current.recordHistogram("cls_score", metric.value);
+    });
+  }
+  return () => {
+    longTaskObserver == null ? void 0 : longTaskObserver.disconnect();
+  };
+}
+
 // src/version.ts
-var SDK_VERSION = "2.18.0";
+var SDK_VERSION = "2.19.0";
 
 // src/types.ts
 var SDK_SCHEMA_VERSION = "2.0";
@@ -18200,7 +18301,7 @@ function createTelemetryClient(provider, config) {
 
 // src/bootstrap-runtime.ts
 async function _initCore(options) {
-  var _a3, _b, _c, _d, _e2, _f, _g, _h, _i, _j, _k, _l, _m;
+  var _a3, _b, _c, _d, _e2, _f, _g, _h, _i, _j, _k, _l, _m, _n;
   initLogger();
   debug("Syntro Bootstrap", "====== INIT ======");
   debug("Syntro Bootstrap", "Options:", {
@@ -18267,7 +18368,7 @@ async function _initCore(options) {
   if (payload != null && payload.obd !== true && telemetryHost) {
     try {
       const otlpEndpoint = `${telemetryHost.replace(/\/$/, "")}/sdk-otel/v1/logs`;
-      initHealthReporter({
+      const reporter = initHealthReporter({
         resource: {
           serviceName: "syntro-runtime-sdk",
           serviceVersion: SDK_VERSION,
@@ -18278,14 +18379,17 @@ async function _initCore(options) {
         },
         emit: createOtlpEmitter({ endpoint: otlpEndpoint })
       });
+      const attributedScriptUrlPrefix = (_c = getSdkScriptUrlPrefix()) != null ? _c : "https://cdn.syntrologie.com/runtime-sdk/";
+      const cleanup = bindWebVitals(reporter, { attributedScriptUrlPrefix });
+      reporter.attachAdapterCleanup(cleanup);
     } catch {
     }
   }
-  const editorUrl = getEnvVar("NEXT_PUBLIC_SYNTRO_EDITOR_URL") || getEnvVar("VITE_SYNTRO_EDITOR_URL") || ((_c = options.canvas) == null ? void 0 : _c.editorUrl);
+  const editorUrl = getEnvVar("NEXT_PUBLIC_SYNTRO_EDITOR_URL") || getEnvVar("VITE_SYNTRO_EDITOR_URL") || ((_d = options.canvas) == null ? void 0 : _d.editorUrl);
   const geoHost = (payload == null ? void 0 : payload.g) || getEnvVar("NEXT_PUBLIC_SYNTRO_GEO_HOST") || getEnvVar("VITE_SYNTRO_GEO_HOST") || GEO_DEFAULT_HOST;
   const cachedSegmentAttrs = loadCachedSegmentAttributes();
   const browserMetadata = collectBrowserMetadata();
-  const appSignalsInit = (_d = options.appSignalsInit) != null ? _d : {};
+  const appSignalsInit = (_e2 = options.appSignalsInit) != null ? _e2 : {};
   const phaseOneAttrs = { ...browserMetadata, ...cachedSegmentAttrs, ...appSignalsInit };
   debug("Syntro Bootstrap", "Phase 1: Browser metadata:", browserMetadata);
   debug("Syntro Bootstrap", "Phase 1: Cached segment attributes:", cachedSegmentAttrs);
@@ -18429,7 +18533,7 @@ async function _initCore(options) {
     });
     console.log(`[Syntro Bootstrap] Telemetry client created (${provider}) with EventBus wiring`);
     if (Object.keys(appSignalsInit).length > 0) {
-      (_e2 = telemetry.track) == null ? void 0 : _e2.call(telemetry, "app_signals_init", appSignalsInit);
+      (_f = telemetry.track) == null ? void 0 : _f.call(telemetry, "app_signals_init", appSignalsInit);
       debug("Syntro Bootstrap", "Tracked app signals event:", appSignalsInit);
     }
     const telemetryForCapture = telemetry;
@@ -18487,7 +18591,7 @@ async function _initCore(options) {
     if ((platformAdapter == null ? void 0 : platformAdapter.name) === "shopify" && telemetryHost) {
       try {
         shopifyPixelBridge = new ShopifyPixelBridge({
-          distinctId: (_g = (_f = telemetry.getDistinctId) == null ? void 0 : _f.call(telemetry)) != null ? _g : "",
+          distinctId: (_h = (_g = telemetry.getDistinctId) == null ? void 0 : _g.call(telemetry)) != null ? _h : "",
           telemetryHost,
           telemetryKey: payload.t
         });
@@ -18575,7 +18679,7 @@ async function _initCore(options) {
       debug("Syntro Bootstrap", "auto-load of adaptive-mcp failed (non-fatal):", err);
     });
   }
-  const registeredApps = (_j = (_i = (_h = runtime5.apps).list) == null ? void 0 : _i.call(_h)) != null ? _j : [];
+  const registeredApps = (_k = (_j = (_i = runtime5.apps).list) == null ? void 0 : _j.call(_i)) != null ? _k : [];
   console.log(
     `[DIAG] Activation loop: ${registeredApps.length} apps in registry:`,
     registeredApps.map((a) => `${a.manifest.id}(${a.state})`).join(", ")
@@ -18606,13 +18710,13 @@ async function _initCore(options) {
   if (experiments && Object.keys(geoData).length > 0) {
     const mergedAttrs = { ...browserMetadata, ...geoData, ...appSignalsInit };
     debug("Syntro Bootstrap", "Merging geo data into GrowthBook attributes:", geoData);
-    (_k = experiments.setAttributes) == null ? void 0 : _k.call(experiments, mergedAttrs);
+    (_l = experiments.setAttributes) == null ? void 0 : _l.call(experiments, mergedAttrs);
   }
   const mcpHost = await mcpPromise;
   if (mcpHost && experiments) {
     browserMetadata.surface_type = "mcp-app";
     browserMetadata.surface_host = mcpHost.name;
-    (_l = experiments.setAttributes) == null ? void 0 : _l.call(experiments, { ...browserMetadata, ...geoData });
+    (_m = experiments.setAttributes) == null ? void 0 : _m.call(experiments, { ...browserMetadata, ...geoData });
     runtime5.context.setSurfaceType("mcp-app");
     runtime5.context.setSurfaceHost(mcpHost.name);
     debug("Syntro Bootstrap", "MCP App detected:", mcpHost.name);
@@ -18621,7 +18725,7 @@ async function _initCore(options) {
   if (options.fetcher) {
     baseFetcher = options.fetcher;
   } else if (payload == null ? void 0 : payload.f) {
-    const configFetcher = createConfigFetcher(payload.f, (_m = payload.o) != null ? _m : {});
+    const configFetcher = createConfigFetcher(payload.f, (_n = payload.o) != null ? _n : {});
     baseFetcher = async () => {
       var _a4;
       const result = await configFetcher.fetch();