@syntrologie/runtime-sdk 2.8.0-canary.63 → 2.8.0-canary.65

package/dist/smart-canvas.js

@@ -20679,7 +20679,7 @@ Please report this to https://github.com/markedjs/marked.`, e2) {
   }
 
   // src/version.ts
-  var SDK_VERSION = "2.8.0-canary.63";
+  var SDK_VERSION = "2.8.0-canary.65";
 
   // src/types.ts
   var SDK_SCHEMA_VERSION = "2.0";
@@ -37037,32 +37037,7 @@ ${cssRules}
         // Capture performance metrics
         capture_performance: true,
         // Enable web vitals
-        enable_recording_console_log: true,
-        // Bootstrap callback for when flags are loaded
-        loaded: (ph) => {
-          if (enableFeatureFlags && this.featureFlagsCallback) {
-            ph.onFeatureFlags(() => {
-              const allFlags = this.getAllFeatureFlags();
-              if (allFlags && this.featureFlagsCallback) {
-                this.featureFlagsCallback(allFlags);
-              }
-            });
-            const existingFlags = this.getAllFeatureFlags();
-            if (existingFlags && Object.keys(existingFlags).length > 0) {
-              this.featureFlagsCallback(existingFlags);
-            }
-          }
-          if (this.captureCallback) {
-            ph.on("eventCaptured", (...args) => {
-              const data = args[0];
-              const eventName = typeof data === "string" ? data : data?.event;
-              const properties = typeof data === "string" ? void 0 : data?.properties;
-              if (typeof eventName === "string") {
-                this.captureCallback?.(eventName, properties);
-              }
-            });
-          }
-        }
+        enable_recording_console_log: true
       };
       const result = Jo.init(
         options.apiKey,
@@ -37072,6 +37047,28 @@ ${cssRules}
       if (result) {
         this.client = result;
       }
+      if (this.captureCallback && this.client) {
+        this.client.on("eventCaptured", (...args) => {
+          const data = args[0];
+          const eventName = typeof data === "string" ? data : data?.event;
+          const properties = typeof data === "string" ? void 0 : data?.properties;
+          if (typeof eventName === "string") {
+            this.captureCallback?.(eventName, properties);
+          }
+        });
+      }
+      if (enableFeatureFlags && this.featureFlagsCallback && this.client) {
+        this.client.onFeatureFlags(() => {
+          const allFlags = this.getAllFeatureFlags();
+          if (allFlags && this.featureFlagsCallback) {
+            this.featureFlagsCallback(allFlags);
+          }
+        });
+        const existingFlags = this.getAllFeatureFlags();
+        if (existingFlags && Object.keys(existingFlags).length > 0) {
+          this.featureFlagsCallback(existingFlags);
+        }
+      }
       if (this.rrwebCallback && this.client) {
         this.setupRRWebIntercept();
       }
@@ -38477,74 +38474,97 @@ ${cssRules}
     selector: external_exports.string(),
     route: external_exports.union([external_exports.string(), external_exports.array(external_exports.string())])
   }).strict();
+  var COUNTABLE_EVENTS = [
+    // User interactions (from PostHog autocapture normalization)
+    "ui.click",
+    "ui.scroll",
+    "ui.input",
+    "ui.change",
+    "ui.submit",
+    // Behavioral detectors (from event-processor)
+    "ui.hover",
+    "ui.idle",
+    "ui.scroll_thrash",
+    "ui.focus_bounce",
+    // Navigation
+    "nav.page_view",
+    "nav.page_leave",
+    // Derived behavioral signals
+    "behavior.rage_click",
+    "behavior.hesitation",
+    "behavior.confusion"
+  ];
+  var CountableEventZ = external_exports.enum(COUNTABLE_EVENTS).describe("Event name to count. ui.* = user interactions and behavioral detectors, nav.* = page navigation, behavior.* = derived behavioral signals.");
+  var SESSION_METRIC_KEYS = ["time_on_page", "page_views", "scroll_depth"];
+  var SessionMetricKeyZ = external_exports.enum(SESSION_METRIC_KEYS).describe("Session metric key. time_on_page = seconds on current page, page_views = pages visited this session, scroll_depth = 0-100 percentage.");
   var PageUrlConditionZ = external_exports.object({
     type: external_exports.literal("page_url"),
-    url: external_exports.string()
-  });
+    url: external_exports.string().describe('URL path to match (e.g. "/pricing", "/dashboard")')
+  }).describe('Fires when the current page URL matches. Use for page-specific actions. Example: {"type": "page_url", "url": "/pricing"}');
   var RouteConditionZ = external_exports.object({
     type: external_exports.literal("route"),
-    routeId: external_exports.string()
-  });
+    routeId: external_exports.string().describe("Named route ID from the route filter")
+  }).describe("Fires when the current route matches a named route ID.");
   var AnchorVisibleConditionZ = external_exports.object({
     type: external_exports.literal("anchor_visible"),
-    anchorId: external_exports.string(),
-    state: external_exports.enum(["visible", "present", "absent"])
-  });
+    anchorId: external_exports.string().describe("CSS selector of the anchor element"),
+    state: external_exports.enum(["visible", "present", "absent"]).describe('"visible" = in viewport, "present" = in DOM, "absent" = not in DOM')
+  }).describe(`Fires based on a DOM element's visibility state. Example: {"type": "anchor_visible", "anchorId": "#cta-button", "state": "visible"}`);
   var EventOccurredConditionZ = external_exports.object({
     type: external_exports.literal("event_occurred"),
-    eventName: external_exports.string(),
-    withinMs: external_exports.number().optional()
-  });
+    eventName: external_exports.string().describe('Event name (e.g. "ui.click", "$pageview")'),
+    withinMs: external_exports.number().optional().describe("Time window in ms. Omit = any time this session.")
+  }).describe('Fires when a specific event has occurred during this session. Example: {"type": "event_occurred", "eventName": "ui.click", "withinMs": 5000}');
   var StateEqualsConditionZ = external_exports.object({
     type: external_exports.literal("state_equals"),
-    key: external_exports.string(),
-    value: external_exports.unknown()
-  });
+    key: external_exports.string().describe("Key in the SDK persistent state store (localStorage). Only valid for keys the host app explicitly sets via syntro.state.set()."),
+    value: external_exports.unknown().describe("Expected value to match against")
+  }).describe("Checks the SDK persistent state store (localStorage). ONLY for host-app state set via syntro.state.set() \u2014 NOT for user attributes like region, device, or UTM params (those are handled by segment targeting). Do NOT use this for targeting. If you do not know the valid state keys, do not use this condition type.");
   var ViewportConditionZ = external_exports.object({
     type: external_exports.literal("viewport"),
-    minWidth: external_exports.number().optional(),
-    maxWidth: external_exports.number().optional(),
-    minHeight: external_exports.number().optional(),
-    maxHeight: external_exports.number().optional()
-  });
+    minWidth: external_exports.number().optional().describe("Minimum viewport width in pixels"),
+    maxWidth: external_exports.number().optional().describe("Maximum viewport width in pixels"),
+    minHeight: external_exports.number().optional().describe("Minimum viewport height in pixels"),
+    maxHeight: external_exports.number().optional().describe("Maximum viewport height in pixels")
+  }).describe('Fires based on viewport (screen) size. Use for responsive behavior. Example: {"type": "viewport", "minWidth": 768} \u2014 fires on tablet and larger.');
   var SessionMetricConditionZ = external_exports.object({
     type: external_exports.literal("session_metric"),
-    key: external_exports.string(),
+    key: SessionMetricKeyZ,
     operator: external_exports.enum(["gte", "lte", "eq", "gt", "lt"]),
-    threshold: external_exports.number()
-  });
+    threshold: external_exports.number().describe("Numeric threshold to compare against")
+  }).describe('Fires when a session metric crosses a threshold. Valid keys: "time_on_page" (seconds), "page_views" (count), "scroll_depth" (0-100). Example: {"type": "session_metric", "key": "time_on_page", "operator": "gte", "threshold": 30}');
   var DismissedConditionZ = external_exports.object({
     type: external_exports.literal("dismissed"),
-    key: external_exports.string(),
-    inverted: external_exports.boolean().optional()
-  });
+    key: external_exports.string().describe("Dismissal key (usually a tile or action ID)"),
+    inverted: external_exports.boolean().optional().describe("When true, fires if NOT dismissed (default behavior)")
+  }).describe("Checks if an item has been dismissed by the user. Use with inverted: true to show only if not dismissed.");
   var CooldownActiveConditionZ = external_exports.object({
     type: external_exports.literal("cooldown_active"),
-    key: external_exports.string(),
-    inverted: external_exports.boolean().optional()
-  });
+    key: external_exports.string().describe("Cooldown key"),
+    inverted: external_exports.boolean().optional().describe("When true, fires if cooldown is NOT active")
+  }).describe("Checks if a cooldown timer is currently active. Use to prevent showing the same intervention too frequently.");
   var FrequencyLimitConditionZ = external_exports.object({
     type: external_exports.literal("frequency_limit"),
-    key: external_exports.string(),
-    limit: external_exports.number(),
-    inverted: external_exports.boolean().optional()
-  });
+    key: external_exports.string().describe("Frequency counter key"),
+    limit: external_exports.number().describe("Maximum allowed count"),
+    inverted: external_exports.boolean().optional().describe("When true, fires if limit NOT reached")
+  }).describe("Checks if a frequency limit has been reached. Use to cap how many times an action fires per session.");
   var MatchOpZ = external_exports.object({
     equals: external_exports.union([external_exports.string(), external_exports.number(), external_exports.boolean()]).optional(),
     contains: external_exports.string().optional()
-  });
+  }).describe("Match operator for counter filters. Exactly one of equals or contains must be specified.");
   var CounterDefZ = external_exports.object({
-    events: external_exports.array(external_exports.string()).min(1),
-    match: external_exports.record(external_exports.string(), MatchOpZ).optional()
-  });
+    events: external_exports.array(CountableEventZ).min(1).describe("Event names to count. Use values from the countable events enum."),
+    match: external_exports.record(external_exports.string(), MatchOpZ).optional().describe("Property filters. Keys are event prop names or element-chain fields (tag_name, $el_text, attr__*). All entries AND together.")
+  }).describe("Defines what events to count. Registered as an accumulator predicate at config-load time.");
   var EventCountConditionZ = external_exports.object({
     type: external_exports.literal("event_count"),
-    key: external_exports.string(),
+    key: external_exports.string().describe("Unique key for this counter (used for accumulator registration)"),
     operator: external_exports.enum(["gte", "lte", "eq", "gt", "lt"]),
-    count: external_exports.number().int().min(0),
-    withinMs: external_exports.number().positive().optional(),
-    counter: CounterDefZ.optional()
-  });
+    count: external_exports.number().int().min(0).describe("Target count threshold"),
+    withinMs: external_exports.number().positive().optional().describe("Time window in ms. Omit = count across entire session."),
+    counter: CounterDefZ.optional().describe("Inline counter definition. Defines what events to count.")
+  }).describe('Fires when accumulated event count crosses a threshold. Most powerful trigger type. Example: {"type": "event_count", "key": "pricing-clicks", "operator": "gte", "count": 3, "counter": {"events": ["ui.click"], "match": {"attr__data-cta": {"contains": "pricing"}}}}');
   var ConditionZ = external_exports.discriminatedUnion("type", [
     PageUrlConditionZ,
     RouteConditionZ,
@@ -38559,35 +38579,35 @@ ${cssRules}
     EventCountConditionZ
   ]);
   var RuleZ = external_exports.object({
-    conditions: external_exports.array(ConditionZ),
-    value: external_exports.unknown()
-  });
+    conditions: external_exports.array(ConditionZ).describe("Array of conditions \u2014 ALL must match (AND logic) for this rule to fire."),
+    value: external_exports.unknown().describe("Value returned when all conditions match. For triggerWhen: true = fire the action.")
+  }).describe("A single rule. ALL conditions must match (AND logic). Rules in a strategy are evaluated top-to-bottom \u2014 first rule where all conditions match wins and returns its value.");
   var RuleStrategyZ = external_exports.object({
     type: external_exports.literal("rules"),
-    rules: external_exports.array(RuleZ),
-    default: external_exports.unknown()
-  });
+    rules: external_exports.array(RuleZ).describe("Ordered list of rules. Evaluated top-to-bottom \u2014 first match wins."),
+    default: external_exports.unknown().describe("Fallback value when no rule matches. For triggerWhen: false = do not fire by default.")
+  }).describe("Rule-based strategy. Evaluates rules top-to-bottom. First rule where ALL conditions match returns its value. If no rule matches, returns default. For triggerWhen: set value=true on matching rules, default=false.");
   var ScoreStrategyZ = external_exports.object({
     type: external_exports.literal("score"),
     field: external_exports.string(),
     threshold: external_exports.number(),
     above: external_exports.unknown(),
     below: external_exports.unknown()
-  });
+  }).describe("Score-based strategy. Compares a field value against a threshold.");
   var ModelStrategyZ = external_exports.object({
     type: external_exports.literal("model"),
     modelId: external_exports.string(),
     inputs: external_exports.array(external_exports.string()),
     outputMapping: external_exports.record(external_exports.string(), external_exports.unknown()),
     default: external_exports.unknown()
-  });
+  }).describe("ML model strategy. Sends inputs to a model and maps outputs.");
   var ExternalStrategyZ = external_exports.object({
     type: external_exports.literal("external"),
     endpoint: external_exports.string(),
     method: external_exports.enum(["GET", "POST"]).optional(),
     default: external_exports.unknown(),
     timeoutMs: external_exports.number().optional()
-  });
+  }).describe("External API strategy. Calls an endpoint to determine the value.");
   var DecisionStrategyZ = external_exports.discriminatedUnion("type", [
     RuleStrategyZ,
     ScoreStrategyZ,
@@ -42120,7 +42140,7 @@ ${cssRules}
   }
 
   // src/index.ts
-  var RUNTIME_SDK_BUILD = true ? `${"2026-04-13T03:02:09.724Z"} (${"709fe972866"})` : "dev";
+  var RUNTIME_SDK_BUILD = true ? `${"2026-04-13T17:37:13.929Z"} (${"e3f2c1dda1d"})` : "dev";
   if (typeof window !== "undefined") {
     console.log(`[Syntro Runtime] Build: ${RUNTIME_SDK_BUILD}`);
     const existing = window.SynOS;