@syntrologie/runtime-sdk 2.6.0-canary.1 → 2.6.0-canary.3

package/dist/bootstrap.d.ts

@@ -46,11 +46,7 @@ export interface SyntroInitOptions {
      */
     fetcher?: CanvasConfigFetcher;
     /**
-     * Enable session-based metric tracking.
-     * When true, a SessionMetricTracker is created that tracks metrics during
-     * the user's session and updates GrowthBook attributes in real-time.
-     *
-     * @default false
+     * @deprecated Session metrics are always enabled. This flag has no effect.
      */
     enableSessionMetrics?: boolean;
     /**
@@ -97,6 +93,12 @@ export interface SyntroInitResult {
      */
     appLoader: AppLoader;
 }
+/**
+ * Collect browser metadata for instant GrowthBook targeting.
+ * This data is available synchronously from browser APIs — no network call needed.
+ * Only non-empty values are included.
+ */
+export declare function collectBrowserMetadata(): Record<string, string | string[]>;
 /**
  * Initialize the Syntro SDK with a single token.
  *

package/dist/{chunk-Q4WGXNKC.js → chunk-AUDHAZ3R.js}

@@ -3358,7 +3358,7 @@ function getAntiFlickerSnippet(config = {}) {
 }
 
 // src/version.ts
-var SDK_VERSION = "2.6.0-canary.1";
+var SDK_VERSION = "2.6.0-canary.3";
 
 // src/types.ts
 var SDK_SCHEMA_VERSION = "2.0";
@@ -8578,7 +8578,7 @@ function matchPattern(pathname, pattern) {
   return regex.test(normalizedPath);
 }
 var ContextManager = class {
-  constructor(options = {}) {
+  constructor(options) {
     __publicField(this, "context");
     __publicField(this, "previousContext");
     __publicField(this, "listeners", /* @__PURE__ */ new Set());
@@ -8671,30 +8671,8 @@ var ContextManager = class {
     };
     window.addEventListener("resize", handleResize);
     this.cleanupFns.push(() => window.removeEventListener("resize", handleResize));
-    if (this.navigation) {
-      const unsub = this.navigation.subscribe(() => this.updatePage());
-      this.cleanupFns.push(unsub);
-    } else {
-      const handlePopState = () => {
-        this.updatePage();
-      };
-      window.addEventListener("popstate", handlePopState);
-      this.cleanupFns.push(() => window.removeEventListener("popstate", handlePopState));
-      const originalPushState = history.pushState.bind(history);
-      const originalReplaceState = history.replaceState.bind(history);
-      history.pushState = (...args) => {
-        originalPushState(...args);
-        queueMicrotask(() => this.updatePage());
-      };
-      history.replaceState = (...args) => {
-        originalReplaceState(...args);
-        queueMicrotask(() => this.updatePage());
-      };
-      this.cleanupFns.push(() => {
-        history.pushState = originalPushState;
-        history.replaceState = originalReplaceState;
-      });
-    }
+    const unsub = this.navigation.subscribe(() => this.updatePage());
+    this.cleanupFns.push(unsub);
   }
   updateViewport() {
     const newViewport = {
@@ -8750,7 +8728,7 @@ var ContextManager = class {
     }
   }
 };
-function createContextManager(options = {}) {
+function createContextManager(options) {
   return new ContextManager(options);
 }
 
@@ -8789,8 +8767,9 @@ function evaluateCondition(condition, evalContext) {
       return events.hasRecentEvent(condition.eventName, withinMs);
     }
     case "state_equals": {
-      if (!state) return false;
-      return false;
+      if (!(state == null ? void 0 : state.getValue)) return false;
+      const actual = state.getValue(condition.key);
+      return actual === condition.value;
     }
     case "viewport": {
       const { width, height } = context.viewport;
@@ -8931,6 +8910,10 @@ function createEvaluationContext(context, options) {
       getSessionMetric: (key) => {
         var _a2;
         return (_a2 = sessionMetrics == null ? void 0 : sessionMetrics.get(key)) != null ? _a2 : 0;
+      },
+      getValue: (key) => {
+        var _a2;
+        return (_a2 = state.session.get(key)) != null ? _a2 : state.user.get(key);
       }
     } : void 0,
     events: events ? {
@@ -10507,6 +10490,22 @@ function createSmartCanvasRuntime(options = {}) {
       accumulator
     }
   });
+  let unsubPageViews;
+  if (sessionMetrics) {
+    sessionMetrics.increment("page_views");
+    let lastCountedPath = typeof window !== "undefined" ? window.location.pathname : "/";
+    unsubPageViews = navigation.subscribe((url, method) => {
+      if (method === "replaceState") return;
+      try {
+        const newPath = new URL(url).pathname;
+        if (newPath !== lastCountedPath) {
+          lastCountedPath = newPath;
+          sessionMetrics.increment("page_views");
+        }
+      } catch {
+      }
+    });
+  }
   const runtime3 = {
     telemetry,
     context,
@@ -10566,6 +10565,7 @@ function createSmartCanvasRuntime(options = {}) {
       apps.unbind().catch((err) => {
         console.error("[Runtime] Error unbinding apps registry:", err);
       });
+      unsubPageViews == null ? void 0 : unsubPageViews();
       anchorResolverService.destroy();
       accumulator.destroy();
       navigation.destroy();
@@ -10926,6 +10926,45 @@ function extractSegmentFlags(allFlags) {
   }
   return segmentFlags;
 }
+function collectBrowserMetadata() {
+  var _a2;
+  if (typeof window === "undefined") return {};
+  const attrs = {};
+  try {
+    const params = new URLSearchParams(window.location.search);
+    for (const key of ["utm_source", "utm_medium", "utm_campaign", "utm_content", "utm_term"]) {
+      const val = params.get(key);
+      if (val) attrs[key] = val;
+    }
+  } catch {
+  }
+  try {
+    if (navigator.language) attrs.browser_language = navigator.language;
+    if ((_a2 = navigator.languages) == null ? void 0 : _a2.length) attrs.browser_languages = [...navigator.languages];
+  } catch {
+  }
+  try {
+    const w = window.innerWidth;
+    attrs.device_type = w < 768 ? "mobile" : w < 1024 ? "tablet" : "desktop";
+  } catch {
+  }
+  try {
+    if (document.referrer) {
+      attrs.referrer = document.referrer;
+      try {
+        attrs.referrer_hostname = new URL(document.referrer).hostname;
+      } catch {
+      }
+    }
+  } catch {
+  }
+  try {
+    attrs.page_url = window.location.href;
+    attrs.page_path = window.location.pathname;
+  } catch {
+  }
+  return attrs;
+}
 async function init(options) {
   var _a2, _b, _c, _d, _e, _f;
   initLogger();
@@ -10998,7 +11037,10 @@ async function init(options) {
   const telemetryHost = getEnvVar("NEXT_PUBLIC_SYNTRO_TELEMETRY_HOST") || getEnvVar("VITE_SYNTRO_TELEMETRY_HOST") || (payload == null ? void 0 : payload.th);
   const editorUrl = getEnvVar("NEXT_PUBLIC_SYNTRO_EDITOR_URL") || getEnvVar("VITE_SYNTRO_EDITOR_URL") || ((_b = options.canvas) == null ? void 0 : _b.editorUrl);
   const cachedSegmentAttrs = loadCachedSegmentAttributes();
-  debug("Syntro Bootstrap", "Phase 1: Using cached segment attributes:", cachedSegmentAttrs);
+  const browserMetadata = collectBrowserMetadata();
+  const phaseOneAttrs = { ...browserMetadata, ...cachedSegmentAttrs };
+  debug("Syntro Bootstrap", "Phase 1: Browser metadata:", browserMetadata);
+  debug("Syntro Bootstrap", "Phase 1: Cached segment attributes:", cachedSegmentAttrs);
   let experiments;
   const events = createEventBus();
   console.log("[Syntro Bootstrap] EventBus created");
@@ -11013,7 +11055,7 @@ async function init(options) {
     cacheSegmentAttributes(segmentFlags);
     if (experiments) {
       const sessionAttrs = (_b2 = (_a3 = sessionMetrics == null ? void 0 : sessionMetrics.getAll) == null ? void 0 : _a3.call(sessionMetrics)) != null ? _b2 : {};
-      const updatedAttrs = { ...sessionAttrs, ...segmentFlags };
+      const updatedAttrs = { ...browserMetadata, ...sessionAttrs, ...segmentFlags };
       debug("Syntro Bootstrap", "Updating GrowthBook with attributes:", updatedAttrs);
       (_c2 = experiments.setAttributes) == null ? void 0 : _c2.call(experiments, updatedAttrs);
     }
@@ -11040,23 +11082,21 @@ async function init(options) {
       clientKey: payload.e,
       apiHost: experimentHost,
       // undefined falls back to adapter default
-      // Phase 1: Use cached segment attributes for instant evaluation
-      attributes: cachedSegmentAttrs,
+      // Phase 1: Use browser metadata + cached segment attributes for instant evaluation
+      attributes: phaseOneAttrs,
       // Wire experiment tracking to telemetry provider
       onExperimentViewed: (telemetry == null ? void 0 : telemetry.trackExperiment) ? (key, variationId, variationName) => {
         telemetry.trackExperiment(key, variationId, variationName);
       } : void 0
     });
   }
-  if (options.enableSessionMetrics) {
-    sessionMetrics = createSessionMetricTracker({
-      experiments,
-      onMetricChange: (key, value) => {
-        debug("Syntro Bootstrap", `Session metric changed: ${key} = ${value}`);
-      }
-    });
-    debug("Syntro Bootstrap", "SessionMetricTracker created");
-  }
+  sessionMetrics = createSessionMetricTracker({
+    experiments,
+    onMetricChange: (key, value) => {
+      debug("Syntro Bootstrap", `Session metric changed: ${key} = ${value}`);
+    }
+  });
+  debug("Syntro Bootstrap", "SessionMetricTracker created");
   let runtimeMode = "production";
   if (editorMode) runtimeMode = "editor";
   else if (auditMode) runtimeMode = "audit";
@@ -11328,4 +11368,4 @@ export {
   encodeToken,
   Syntro
 };
-//# sourceMappingURL=chunk-Q4WGXNKC.js.map
+//# sourceMappingURL=chunk-AUDHAZ3R.js.map