@syntrologie/runtime-sdk 2.8.0-canary.194 → 2.8.0-canary.196

package/dist/index.js

@@ -9801,8 +9801,55 @@ function createOtlpEmitter(cfg) {
   };
 }
 
+// src/observability/webVitalsAdapter.ts
+import { onCLS, onFCP, onINP, onLCP, onTTFB } from "web-vitals";
+function bindWebVitals(reporter, options) {
+  if (typeof window === "undefined") return () => {
+  };
+  const recordMs = (signal) => {
+    return (metric) => {
+      reporter.recordHistogram(signal, metric.value);
+    };
+  };
+  const recordCls = (metric) => {
+    reporter.recordHistogram("cls_score", metric.value);
+  };
+  onLCP(recordMs("lcp_ms"));
+  onINP(recordMs("inp_ms"));
+  onFCP(recordMs("fcp_ms"));
+  onTTFB(recordMs("ttfb_ms"));
+  onCLS(recordCls);
+  let longTaskObserver = null;
+  const prefix = options == null ? void 0 : options.attributedScriptUrlPrefix;
+  if (prefix && "PerformanceObserver" in window) {
+    try {
+      longTaskObserver = new PerformanceObserver((list) => {
+        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) {
+            reporter.increment("longtasks_self_count");
+            reporter.increment("longtasks_self_blocking_ms", Math.round(entry.duration));
+          }
+        }
+      });
+      longTaskObserver.observe({ type: "longtask", buffered: true });
+    } catch {
+      longTaskObserver = null;
+    }
+  }
+  return () => {
+    longTaskObserver == null ? void 0 : longTaskObserver.disconnect();
+  };
+}
+
 // src/version.ts
-var SDK_VERSION = "2.8.0-canary.194";
+var SDK_VERSION = "2.8.0-canary.196";
 
 // src/types.ts
 var SDK_SCHEMA_VERSION = "2.0";
@@ -18267,7 +18314,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,6 +18325,9 @@ async function _initCore(options) {
         },
         emit: createOtlpEmitter({ endpoint: otlpEndpoint })
       });
+      bindWebVitals(reporter, {
+        attributedScriptUrlPrefix: "https://cdn.syntrologie.com/runtime-sdk/"
+      });
     } catch {
     }
   }