@syntrologie/runtime-sdk 2.9.0 → 2.11.0

package/dist/actions/schema.js

@@ -31,9 +31,10 @@ import {
   WaitZ,
   WidgetConfigZ,
   coreActionStepSchemas
-} from "../chunk-R5DNAIRI.js";
-import "../chunk-XDYJ64IN.js";
-import "../chunk-BU4Z6PD7.js";
+} from "../chunk-NBFQGKSV.js";
+import "../chunk-37TTQRH5.js";
+import "../chunk-Q77NT67W.js";
+import "../chunk-JMHRHAEL.js";
 export {
   AddClassZ,
   AnchorIdZ,

package/dist/{chunk-XDYJ64IN.js → chunk-37TTQRH5.js}

@@ -1,7 +1,7 @@
 import {
   ActivationConfigZ,
   ConditionZ
-} from "./chunk-BU4Z6PD7.js";
+} from "./chunk-Q77NT67W.js";
 
 // src/config/schema.ts
 import { z } from "zod";
@@ -175,4 +175,4 @@ export {
   CanvasConfigResponseZ,
   configSchemas
 };
-//# sourceMappingURL=chunk-XDYJ64IN.js.map
+//# sourceMappingURL=chunk-37TTQRH5.js.map

package/dist/{chunk-56IOA4JZ.js → chunk-H3FAYTUV.js}

@@ -3,7 +3,7 @@ import {
   __privateGet,
   __privateSet,
   __publicField
-} from "./chunk-BU4Z6PD7.js";
+} from "./chunk-JMHRHAEL.js";
 
 // ../adaptives/adaptive-content/dist/reconciliation-guard.js
 function guardAgainstReconciliation(container, anchor, reinsertFn, opts) {
@@ -3435,7 +3435,7 @@ function getAntiFlickerSnippet(config = {}) {
 }
 
 // src/version.ts
-var SDK_VERSION = "2.9.0";
+var SDK_VERSION = "2.11.0";
 
 // src/types.ts
 var SDK_SCHEMA_VERSION = "2.0";
@@ -3813,6 +3813,7 @@ function useShadowRoot() {
 }
 
 // src/events/types.ts
+import { EVENT_SCHEMA_VERSION } from "@syntrologie/event-processor";
 var StandardEvents = {
   // UI events (from PostHog autocapture)
   UI_CLICK: "ui.click",
@@ -3853,7 +3854,6 @@ var StandardEvents = {
   SURFACE_MOUNTED: "surface.mounted",
   SURFACE_UNMOUNTED: "surface.unmounted"
 };
-var EVENT_SCHEMA_VERSION = "1.0.0";
 
 // src/events/normalizers/canvas.ts
 function createCanvasEvent(name, props) {
@@ -7071,10 +7071,12 @@ var PostHogAdapter = class {
     __publicField(this, "client");
     __publicField(this, "featureFlagsCallback");
     __publicField(this, "captureCallback");
+    __publicField(this, "rrwebCallback");
     __publicField(this, "consentUnsub");
     this.client = options.client;
     this.featureFlagsCallback = options.onFeatureFlagsLoaded;
     this.captureCallback = options.onCapture;
+    this.rrwebCallback = options.onRRWebEvent;
     if (!this.client && options.consent && options.requireExplicitConsent && typeof window !== "undefined" && options.apiKey) {
       const consent = options.consent;
       const currentStatus = consent.getStatus();
@@ -7161,6 +7163,62 @@ var PostHogAdapter = class {
       },
       instanceName
     );
+    if (this.rrwebCallback && this.client) {
+      this.setupRRWebIntercept();
+    }
+    if (options.replayMirrorEndpoint && this.client) {
+      import("./replayMirror-QZ3GQ527.js").then(({ setupReplayMirror }) => {
+        var _a3;
+        setupReplayMirror({
+          posthogHost: (_a3 = options.apiHost) != null ? _a3 : "https://telemetry.syntrologie.com",
+          mirrorEndpoint: options.replayMirrorEndpoint
+        });
+      });
+    }
+  }
+  /**
+   * Set up rrweb event interception on PostHog's session recording.
+   *
+   * PostHog lazy-loads the rrweb recorder. The SessionRecording wrapper has
+   * an `onRRwebEmit` method, but rrweb delivers events directly to the
+   * lazy-loaded recorder instance's `onRRwebEmit`, bypassing the wrapper.
+   * We must find and patch the recorder instance, not the wrapper.
+   *
+   * The recorder instance is stored on a minified property of SessionRecording.
+   * We detect it by looking for an object with both `onRRwebEmit` and `start` methods.
+   */
+  setupRRWebIntercept(retries = 30) {
+    var _a2;
+    const sr = (_a2 = this.client) == null ? void 0 : _a2.sessionRecording;
+    if (!sr) {
+      if (retries > 0) {
+        setTimeout(() => this.setupRRWebIntercept(retries - 1), 500);
+      }
+      return;
+    }
+    let recorder = null;
+    for (const key of Object.getOwnPropertyNames(sr)) {
+      const val = sr[key];
+      if (val && typeof val === "object" && typeof val.onRRwebEmit === "function" && typeof val.start === "function" && val !== sr) {
+        recorder = val;
+        break;
+      }
+    }
+    if (!recorder) {
+      if (retries > 0) {
+        setTimeout(() => this.setupRRWebIntercept(retries - 1), 500);
+      }
+      return;
+    }
+    const originalEmit = recorder.onRRwebEmit.bind(recorder);
+    recorder.onRRwebEmit = (rawEvent) => {
+      var _a3;
+      (_a3 = this.rrwebCallback) == null ? void 0 : _a3.call(this, { kind: "rrweb", ...rawEvent });
+      originalEmit(rawEvent);
+    };
+    if (typeof window !== "undefined") {
+      window.__RRWEB_INTERCEPT_READY__ = true;
+    }
   }
   /**
    * Get all feature flags from PostHog.
@@ -9309,133 +9367,6 @@ function createEventBus(options = {}) {
   return new EventBus(options);
 }
 
-// src/events/normalizers/posthog.ts
-var POSTHOG_EVENT_MAP = {
-  // Autocapture events
-  $autocapture: "ui.click",
-  // Default autocapture is usually clicks
-  $click: StandardEvents.UI_CLICK,
-  $scroll: StandardEvents.UI_SCROLL,
-  $input: StandardEvents.UI_INPUT,
-  $change: StandardEvents.UI_CHANGE,
-  $submit: StandardEvents.UI_SUBMIT,
-  // Navigation events
-  $pageview: StandardEvents.NAV_PAGE_VIEW,
-  $pageleave: StandardEvents.NAV_PAGE_LEAVE,
-  // Session events
-  $session_start: "session.start",
-  // Identify events
-  $identify: "user.identify"
-};
-function getEventName(phEvent) {
-  var _a2, _b;
-  const eventName = phEvent.event;
-  if (typeof eventName !== "string") {
-    return "posthog.unknown";
-  }
-  if (POSTHOG_EVENT_MAP[eventName]) {
-    return POSTHOG_EVENT_MAP[eventName];
-  }
-  if (eventName === "$autocapture") {
-    const tagName = (_a2 = phEvent.properties) == null ? void 0 : _a2.$tag_name;
-    const eventType = (_b = phEvent.properties) == null ? void 0 : _b.$event_type;
-    if (eventType === "submit") return StandardEvents.UI_SUBMIT;
-    if (eventType === "change") return StandardEvents.UI_CHANGE;
-    if (tagName === "input" || tagName === "textarea") return StandardEvents.UI_INPUT;
-    return StandardEvents.UI_CLICK;
-  }
-  if (!eventName.startsWith("$")) {
-    return `posthog.${eventName}`;
-  }
-  return eventName.replace("$", "posthog.");
-}
-var INTERACTIVE_TAGS = /* @__PURE__ */ new Set(["a", "button", "input", "select", "textarea"]);
-function resolveInteractiveTag(elements, directTag) {
-  if (directTag && INTERACTIVE_TAGS.has(directTag)) return directTag;
-  if (!elements) return directTag;
-  for (const el of elements) {
-    const tag2 = el.tag_name;
-    if (tag2 && INTERACTIVE_TAGS.has(tag2)) return tag2;
-  }
-  return directTag;
-}
-function extractProps(phEvent) {
-  var _a2, _b;
-  const props = {};
-  const phProps = phEvent.properties || {};
-  const elements = phProps.$elements;
-  const directTag = (_b = phProps.$tag_name) != null ? _b : (_a2 = elements == null ? void 0 : elements[0]) == null ? void 0 : _a2.tag_name;
-  const isClickEvent = phEvent.event === "$autocapture" || phEvent.event === "$click";
-  props.tagName = isClickEvent ? resolveInteractiveTag(elements, directTag) : directTag;
-  if (phProps.$el_text) props.elementText = phProps.$el_text;
-  if (elements) props.elements = elements;
-  if (phProps.$current_url) props.url = phProps.$current_url;
-  if (phProps.$pathname) props.pathname = phProps.$pathname;
-  if (phProps.$host) props.host = phProps.$host;
-  if (phProps.$viewport_width) props.viewportWidth = phProps.$viewport_width;
-  if (phProps.$viewport_height) props.viewportHeight = phProps.$viewport_height;
-  if (phProps.$session_id) props.sessionId = phProps.$session_id;
-  if (phProps.$scroll_depth) props.scrollDepth = phProps.$scroll_depth;
-  if (phProps.$scroll_percentage) props.scrollPercentage = phProps.$scroll_percentage;
-  props.originalEvent = phEvent.event;
-  return props;
-}
-function normalizePostHogEvent(phEvent) {
-  let ts;
-  if (typeof phEvent.timestamp === "number") {
-    ts = phEvent.timestamp;
-  } else if (typeof phEvent.timestamp === "string") {
-    ts = new Date(phEvent.timestamp).getTime();
-  } else {
-    ts = Date.now();
-  }
-  return {
-    ts,
-    name: getEventName(phEvent),
-    source: "posthog",
-    props: extractProps(phEvent),
-    schemaVersion: EVENT_SCHEMA_VERSION
-  };
-}
-function shouldNormalizeEvent(phEvent) {
-  const eventName = phEvent.event;
-  if (typeof eventName !== "string") return false;
-  const skipEvents = [
-    "$feature_flag_called",
-    "$feature_flags",
-    "$groups",
-    "$groupidentify",
-    "$set",
-    "$set_once",
-    "$unset",
-    "$create_alias",
-    "$capture_metrics",
-    "$performance_event",
-    "$web_vitals",
-    "$exception",
-    "$dead_click",
-    "$heatmap"
-  ];
-  if (skipEvents.includes(eventName)) {
-    return false;
-  }
-  return true;
-}
-function createPostHogNormalizer(publishFn) {
-  return (eventName, properties) => {
-    if (typeof eventName !== "string") return;
-    const phEvent = {
-      event: eventName,
-      properties,
-      timestamp: Date.now()
-    };
-    if (shouldNormalizeEvent(phEvent)) {
-      const normalizedEvent = normalizePostHogEvent(phEvent);
-      publishFn(normalizedEvent);
-    }
-  };
-}
-
 // src/navigation/NavigationMonitor.ts
 var NavigationMonitor = class {
   constructor() {
@@ -10719,6 +10650,9 @@ function encodeToken(payload) {
   return TOKEN_PREFIX + base64;
 }
 
+// src/bootstrap.ts
+import { createEventProcessor } from "@syntrologie/event-processor";
+
 // src/experiments/registry.ts
 var adapters = {
   growthbook: (config) => createGrowthBookClient({
@@ -11128,9 +11062,44 @@ async function init(options) {
   let experiments;
   const events = createEventBus();
   console.log("[Syntro Bootstrap] EventBus created");
-  const postHogNormalizer = createPostHogNormalizer((event) => {
-    events.publishEvent(event);
+  const processor = createEventProcessor({
+    elementResolver: typeof window !== "undefined" ? (x, y) => {
+      const el = document.elementFromPoint(x, y);
+      if (!el) return null;
+      const info = { tag_name: el.tagName.toLowerCase() };
+      if (el.id) info.attr__id = el.id;
+      if (el.className && typeof el.className === "string") {
+        info.classes = el.className.split(" ").filter(Boolean);
+      }
+      for (const attr of el.attributes) {
+        if (attr.name.startsWith("data-")) info[`attr__${attr.name}`] = attr.value;
+      }
+      return info;
+    } : void 0
   });
+  processor.onEvent((event) => events.publishEvent(event));
+  if (typeof window !== "undefined") {
+    setInterval(() => processor.tick(Date.now()), 1e3);
+    document.addEventListener(
+      "click",
+      (e) => {
+        const chain = [];
+        let el = e.target;
+        while (el && el !== document.body) {
+          const info = { tag_name: el.tagName.toLowerCase() };
+          for (const attr of el.attributes) {
+            if (attr.name.startsWith("data-") || attr.name === "id" || attr.name === "class" || attr.name === "aria-label") {
+              info[`attr__${attr.name}`] = attr.value;
+            }
+          }
+          chain.push(info);
+          el = el.parentElement;
+        }
+        processor.enrichClickAttributes(Date.now(), chain);
+      },
+      true
+    );
+  }
   const onFeatureFlagsLoaded = (allFlags) => {
     var _a3, _b2, _c2;
     debug("Syntro Bootstrap", "Phase 2: PostHog feature flags loaded");
@@ -11155,8 +11124,14 @@ async function init(options) {
       enableFeatureFlags: true,
       // Wire up callback for when flags are loaded (Phase 2)
       onFeatureFlagsLoaded,
-      // Wire up event capture to feed into EventBus
-      onCapture: postHogNormalizer
+      // Wire up event capture to feed into event processor
+      onCapture: (eventName, properties) => {
+        processor.ingest({ kind: "posthog", event: eventName, properties, timestamp: Date.now() });
+      },
+      // Wire rrweb events for behavioral signal detection
+      onRRWebEvent: (event) => {
+        processor.ingest(event);
+      }
     });
     console.log(`[Syntro Bootstrap] Telemetry client created (${provider}) with EventBus wiring`);
   }
@@ -11426,9 +11401,6 @@ export {
   createEventAccumulator,
   EventBus,
   createEventBus,
-  normalizePostHogEvent,
-  shouldNormalizeEvent,
-  createPostHogNormalizer,
   NavigationMonitor,
   StateStore,
   createStateStore,
@@ -11452,4 +11424,4 @@ export {
   encodeToken,
   Syntro
 };
-//# sourceMappingURL=chunk-56IOA4JZ.js.map
+//# sourceMappingURL=chunk-H3FAYTUV.js.map