@syntrologie/runtime-sdk 2.8.0-canary.153 → 2.8.0-canary.155

package/dist/SmartCanvasElementLit.d.ts

@@ -166,6 +166,8 @@ export declare class SmartCanvasElementLit extends LitElement {
      * re-render and re-fetch without React.
      */
     mountLitApp(props: SmartCanvasLitProps): void;
-    _loadConfig(): Promise<void>;
+    _loadConfig({ silent }?: {
+        silent?: boolean;
+    }): Promise<void>;
 }
 export declare const registerSmartCanvasElement: () => void;

package/dist/adaptives/adaptive-gamification/index.js

@@ -0,0 +1,2 @@
+"use strict";(()=>{var d=async(e,t)=>{let{badgeId:i}=e;return t.publishEvent("gamification.badge_awarded",{badgeId:i,awardedAt:Date.now()}),{cleanup:()=>{}}},c=async(e,t)=>{let{points:i,reason:s}=e;return t.publishEvent("gamification.points_added",{points:i,reason:s,timestamp:Date.now()}),{cleanup:()=>{}}},g={names:["page_view","button_click"],handler:(e,t)=>{console.log("[Gamification] Event received for badge trigger check")}},o=[{kind:"gamification:awardBadge",executor:d},{kind:"gamification:addPoints",executor:c}],a=[g],n={id:"adaptive-gamification",version:"1.0.0",name:"Gamification",description:"Badges, rewards, points, and engagement mechanics",executors:o,eventHandlers:a};var r={id:n.id,version:n.version,name:n.name,description:n.description,runtime:{actions:o.map(({kind:e,executor:t})=>({kind:e,executor:t})),events:a},metadata:{isBuiltIn:!1}};if(typeof window<"u"){let e=window.SynOS?.appRegistry;e&&typeof e.register=="function"&&e.register(r)}var m=r;})();
+//# sourceMappingURL=index.js.map

package/dist/adaptives/adaptive-gamification/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../adaptives/adaptive-gamification/src/runtime.ts", "../../../../adaptives/adaptive-gamification/src/cdn.ts"],
+  "sourcesContent": ["/**\n * Adaptive Gamification - Runtime Module\n *\n * Gamification actions: awardBadge, addPoints.\n * Provides gamification features like badges, points, and rewards.\n */\n\nimport type { ActionExecutor, ExecutorResult } from './types';\n\n// ============================================================================\n// Action Types\n// ============================================================================\n\n/**\n * Award badge action\n */\nexport interface AwardBadgeAction {\n  kind: 'gamification:awardBadge';\n  badgeId: string;\n  anchorId?: string;\n  label?: string;\n}\n\n/**\n * Add points action\n */\nexport interface AddPointsAction {\n  kind: 'gamification:addPoints';\n  points: number;\n  reason?: string;\n  label?: string;\n}\n\n// ============================================================================\n// Executors\n// ============================================================================\n\n/**\n * Execute an awardBadge action\n *\n * Note: This executor uses publishEvent to track badge awards.\n * State management is handled at the app level via AppContext,\n * not at the action executor level.\n */\nexport const executeAwardBadge: ActionExecutor<AwardBadgeAction> = async (\n  action,\n  context\n): Promise<ExecutorResult> => {\n  const { badgeId } = action;\n\n  // Emit telemetry event (state management handled at app level)\n  context.publishEvent('gamification.badge_awarded', {\n    badgeId,\n    awardedAt: Date.now(),\n  });\n\n  return {\n    cleanup: () => {\n      // Badge awards are permanent, no cleanup needed\n    },\n  };\n};\n\n/**\n * Execute an addPoints action\n *\n * Note: This executor uses publishEvent to track points.\n * State management is handled at the app level via AppContext,\n * not at the action executor level.\n */\nexport const executeAddPoints: ActionExecutor<AddPointsAction> = async (\n  action,\n  context\n): Promise<ExecutorResult> => {\n  const { points, reason } = action;\n\n  // Emit telemetry event (state management handled at app level)\n  context.publishEvent('gamification.points_added', {\n    points,\n    reason,\n    timestamp: Date.now(),\n  });\n\n  return {\n    cleanup: () => {\n      // Points are permanent, no cleanup needed\n    },\n  };\n};\n\n// ============================================================================\n// Event Handlers\n// ============================================================================\n\n/**\n * Event handler for auto-awarding badges based on triggers.\n */\nexport const badgeTriggerHandler = {\n  names: ['page_view', 'button_click'],\n  handler: (_event: unknown, _ctx: unknown) => {\n    // Auto-award badges based on event triggers\n    // This would check badge trigger conditions in the config\n    console.log('[Gamification] Event received for badge trigger check');\n  },\n};\n\n// ============================================================================\n// Executor Definitions for Registration\n// ============================================================================\n\n/**\n * All executors provided by this app.\n * These are registered with the runtime's ExecutorRegistry.\n */\nexport const executors = [\n  { kind: 'gamification:awardBadge', executor: executeAwardBadge },\n  { kind: 'gamification:addPoints', executor: executeAddPoints },\n] as const;\n\n/**\n * Event handlers provided by this app.\n */\nexport const eventHandlers = [badgeTriggerHandler];\n\n/**\n * App runtime manifest.\n */\nexport const runtime = {\n  id: 'adaptive-gamification',\n  version: '1.0.0',\n  name: 'Gamification',\n  description: 'Badges, rewards, points, and engagement mechanics',\n  executors,\n  eventHandlers,\n};\n", "/**\n * CDN Entry Point for Adaptive Gamification\n *\n * Bundled for CDN delivery and loaded on-demand by the host runtime's\n * AppLoader when a config references gamification actions/widgets.\n *\n * Mirrors the pattern in adaptive-mcp/src/cdn.ts: builds the manifest from\n * the runtime export, then self-registers with the host's app registry on\n * import. The host's AppLoader fetches this bundle, esbuild's IIFE wrapper\n * runs the registration, and AppRegistry.activate() can then wire the\n * executors into the runtime.\n *\n * Without this entry, the build script (build-adaptives-only.js) silently\n * skips the package \u2014 gamification ends up \"lazy in name only\" with no\n * bundle on disk, and any config using `gamification:awardBadge` /\n * `gamification:addPoints` hits \"Unknown action kind\".\n */\n\nimport { eventHandlers, executors, runtime } from './runtime';\n\nexport const manifest = {\n  id: runtime.id,\n  version: runtime.version,\n  name: runtime.name,\n  description: runtime.description,\n  runtime: {\n    actions: executors.map(({ kind, executor }) => ({ kind, executor })),\n    events: eventHandlers,\n  },\n  metadata: {\n    isBuiltIn: false,\n  },\n};\n\ndeclare global {\n  interface Window {\n    SynOS?: {\n      appRegistry?: {\n        register?: (m: unknown) => void;\n      };\n    };\n  }\n}\n\nif (typeof window !== 'undefined') {\n  const registry = window.SynOS?.appRegistry;\n  if (registry && typeof registry.register === 'function') {\n    registry.register(manifest);\n  }\n}\n\nexport default manifest;\n"],
+  "mappings": "mBA4CO,IAAMA,EAAsD,MACjEC,EACAC,IAC4B,CAC5B,GAAM,CAAE,QAAAC,CAAQ,EAAIF,EAGpB,OAAAC,EAAQ,aAAa,6BAA8B,CACjD,QAAAC,EACA,UAAW,KAAK,IAAI,CACtB,CAAC,EAEM,CACL,QAAS,IAAM,CAEf,CACF,CACF,EASaC,EAAoD,MAC/DH,EACAC,IAC4B,CAC5B,GAAM,CAAE,OAAAG,EAAQ,OAAAC,CAAO,EAAIL,EAG3B,OAAAC,EAAQ,aAAa,4BAA6B,CAChD,OAAAG,EACA,OAAAC,EACA,UAAW,KAAK,IAAI,CACtB,CAAC,EAEM,CACL,QAAS,IAAM,CAEf,CACF,CACF,EASaC,EAAsB,CACjC,MAAO,CAAC,YAAa,cAAc,EACnC,QAAS,CAACC,EAAiBC,IAAkB,CAG3C,QAAQ,IAAI,uDAAuD,CACrE,CACF,EAUaC,EAAY,CACvB,CAAE,KAAM,0BAA2B,SAAUV,CAAkB,EAC/D,CAAE,KAAM,yBAA0B,SAAUI,CAAiB,CAC/D,EAKaO,EAAgB,CAACJ,CAAmB,EAKpCK,EAAU,CACrB,GAAI,wBACJ,QAAS,QACT,KAAM,eACN,YAAa,oDACb,UAAAF,EACA,cAAAC,CACF,EClHO,IAAME,EAAW,CACtB,GAAIC,EAAQ,GACZ,QAASA,EAAQ,QACjB,KAAMA,EAAQ,KACd,YAAaA,EAAQ,YACrB,QAAS,CACP,QAASC,EAAU,IAAI,CAAC,CAAE,KAAAC,EAAM,SAAAC,CAAS,KAAO,CAAE,KAAAD,EAAM,SAAAC,CAAS,EAAE,EACnE,OAAQC,CACV,EACA,SAAU,CACR,UAAW,EACb,CACF,EAYA,GAAI,OAAO,OAAW,IAAa,CACjC,IAAMC,EAAW,OAAO,OAAO,YAC3BA,GAAY,OAAOA,EAAS,UAAa,YAC3CA,EAAS,SAASN,CAAQ,CAE9B,CAEA,IAAOO,EAAQP",
+  "names": ["executeAwardBadge", "action", "context", "badgeId", "executeAddPoints", "points", "reason", "badgeTriggerHandler", "_event", "_ctx", "executors", "eventHandlers", "runtime", "manifest", "runtime", "executors", "kind", "executor", "eventHandlers", "registry", "cdn_default"]
+}

package/dist/index.js

@@ -6456,7 +6456,7 @@ function parseElementsChain(chain) {
     }
     if (!/^[a-zA-Z][a-zA-Z0-9-]*$/.test(String((_a3 = el.tag_name) != null ? _a3 : "")))
       return null;
-    const attrRegex = /([\w$]+)="([^"]*)"/g;
+    const attrRegex = /([\w$-]+)="([^"]*)"/g;
     let match;
     while ((match = attrRegex.exec(attrPart)) !== null) {
       const [, key, value] = match;
@@ -6483,11 +6483,22 @@ function resolveInteractiveTag(elements, directTag) {
   }
   return directTag;
 }
-function extractProps(phEvent) {
+function mergeEnrichElements(phElements, enrichElements) {
+  return phElements.map((phEl, i) => {
+    const enrichEl = enrichElements[i];
+    if (!enrichEl)
+      return phEl;
+    if (phEl.tag_name !== enrichEl.tag_name)
+      return phEl;
+    return { ...enrichEl, ...phEl };
+  });
+}
+function extractProps(phEvent, enrichElements) {
   var _a3, _b, _c;
   const props = {};
   const phProps = phEvent.properties || {};
-  const elements = (_a3 = phProps.$elements) != null ? _a3 : typeof phProps.$elements_chain === "string" ? parseElementsChain(phProps.$elements_chain) : void 0;
+  const rawElements = (_a3 = phProps.$elements) != null ? _a3 : typeof phProps.$elements_chain === "string" ? parseElementsChain(phProps.$elements_chain) : void 0;
+  const elements = rawElements && enrichElements ? mergeEnrichElements(rawElements, enrichElements) : rawElements;
   const directTag = (_c = phProps.$tag_name) != null ? _c : (_b = elements == null ? void 0 : elements[0]) == null ? void 0 : _b.tag_name;
   const isClickEvent = phEvent.event === "$autocapture" || phEvent.event === "$click";
   props.tagName = isClickEvent ? resolveInteractiveTag(elements, directTag) : directTag;
@@ -6517,7 +6528,7 @@ function extractProps(phEvent) {
   props.originalEvent = phEvent.event;
   return props;
 }
-function normalizePostHogEvent(phEvent) {
+function normalizePostHogEvent(phEvent, enrichElements) {
   let ts;
   if (typeof phEvent.timestamp === "number") {
     ts = phEvent.timestamp;
@@ -6530,7 +6541,7 @@ function normalizePostHogEvent(phEvent) {
     ts,
     name: getEventName(phEvent),
     source: "posthog",
-    props: extractProps(phEvent),
+    props: extractProps(phEvent, enrichElements),
     schemaVersion: EVENT_SCHEMA_VERSION
   };
 }
@@ -6590,12 +6601,31 @@ function createEventProcessor(options) {
   const idle = new IdleDetector(config, emit2);
   const hover = new HoverTracker(config, emit2, options == null ? void 0 : options.elementResolver);
   const clickAttrBuffer = [];
+  const CLICK_ATTR_TTL_MS = 500;
+  function isClickShapedEvent(phEvent) {
+    var _a3;
+    if (phEvent.event === "$click")
+      return true;
+    if (phEvent.event !== "$autocapture")
+      return false;
+    const eventType = (_a3 = phEvent.properties) == null ? void 0 : _a3.$event_type;
+    return eventType === void 0 || eventType === "click";
+  }
+  function consumeBufferedClickChain(eventTs) {
+    var _a3;
+    const cutoff = eventTs - CLICK_ATTR_TTL_MS;
+    while (clickAttrBuffer.length > 0 && clickAttrBuffer[0].ts < cutoff) {
+      clickAttrBuffer.shift();
+    }
+    return (_a3 = clickAttrBuffer.shift()) == null ? void 0 : _a3.elements;
+  }
   return {
     ingest(raw) {
       if (raw.kind === "posthog") {
         const { kind: _2, ...phEvent } = raw;
         if (shouldNormalizeEvent(phEvent)) {
-          emit2(normalizePostHogEvent(phEvent));
+          const enrichElements = isClickShapedEvent(phEvent) ? consumeBufferedClickChain(typeof phEvent.timestamp === "number" ? phEvent.timestamp : Date.now()) : void 0;
+          emit2(normalizePostHogEvent(phEvent, enrichElements));
         }
       } else if (raw.kind === "rrweb") {
         hesitation.ingest(raw);
@@ -6616,7 +6646,7 @@ function createEventProcessor(options) {
     },
     enrichClickAttributes(timestamp, elements) {
       clickAttrBuffer.push({ ts: timestamp, elements });
-      const cutoff = timestamp - 500;
+      const cutoff = timestamp - CLICK_ATTR_TTL_MS;
       while (clickAttrBuffer.length > 0 && clickAttrBuffer[0].ts < cutoff) {
         clickAttrBuffer.shift();
       }
@@ -7708,7 +7738,7 @@ function error(prefix, message, data) {
 }
 
 // src/version.ts
-var SDK_VERSION = "2.8.0-canary.153";
+var SDK_VERSION = "2.8.0-canary.155";
 
 // src/types.ts
 var SDK_SCHEMA_VERSION = "2.0";
@@ -8085,7 +8115,7 @@ function fireTriggeredForTiles(tiles) {
     tracker.trackTriggered(tile.id, (_b = tile.widget) != null ? _b : "unknown");
   }
 }
-var _controller, _controllerUnsub, _overlayContainer, _portalRoot, _batchHandle, _adoptedInitial, _runVersion, _rawConfig, _prevActionsJson, _prevTilesJson, _derivedFetcher, _experimentUnsub, _accumulatorUnsub, _contextUnsub, _eventBusUnsub, _onUrlChange, _themeCtrl, _runtimeProvider, _SmartCanvasElementLit_instances, rebuildFetcher_fn, buildFetcherOptions_fn, _loadConfigVersion, refilterTiles_fn, runActionLifecycle_fn, startUrlTracking_fn, stopUrlTracking_fn, subscribeRuntimeReactivity_fn, unsubscribeRuntimeReactivity_fn, subscribeCanvasRequestOpen_fn, _onCanvasToggle;
+var _controller, _controllerUnsub, _overlayContainer, _portalRoot, _batchHandle, _adoptedInitial, _runVersion, _rawConfig, _prevActionsJson, _prevTilesJson, _prevThemeJson, _prevLauncherJson, _derivedFetcher, _experimentUnsub, _accumulatorUnsub, _contextUnsub, _eventBusUnsub, _onUrlChange, _themeCtrl, _runtimeProvider, _SmartCanvasElementLit_instances, rebuildFetcher_fn, buildFetcherOptions_fn, _loadConfigVersion, refilterTiles_fn, runActionLifecycle_fn, startUrlTracking_fn, stopUrlTracking_fn, subscribeRuntimeReactivity_fn, unsubscribeRuntimeReactivity_fn, subscribeCanvasRequestOpen_fn, _onCanvasToggle;
 var SmartCanvasElementLit = class extends LitElement8 {
   // ---------- Constructor --------------------------------------------------
   constructor() {
@@ -8142,6 +8172,16 @@ var SmartCanvasElementLit = class extends LitElement8 {
     // Lit re-mounts every tile on each poll, blowing away widget state like
     // open FAQ accordion items.
     __privateAdd(this, _prevTilesJson, "[]");
+    // Same JSON-diff guard pattern for the rest of the reactive config fields.
+    // GrowthBook's onFeaturesChanged refires every ~5s; without these guards
+    // the parent template re-renders on every poll (fresh deserialized theme/
+    // launcher refs), which ripples into widget re-mounts and vega-embed
+    // resize-observer thrash. See SmartCanvasElementLit.test.ts
+    // "reactive-state stability across identical refresh" for the contract.
+    // The _isLoading spinner is gated separately via the `silent` opt on
+    // `_loadConfig` — see "loading-state semantics" tests for that contract.
+    __privateAdd(this, _prevThemeJson, "null");
+    __privateAdd(this, _prevLauncherJson, "null");
     __privateAdd(this, _derivedFetcher, null);
     // Subscriptions
     __privateAdd(this, _experimentUnsub, null);
@@ -8247,7 +8287,9 @@ var SmartCanvasElementLit = class extends LitElement8 {
       __privateMethod(this, _SmartCanvasElementLit_instances, rebuildFetcher_fn).call(this);
       (_b = __privateGet(this, _experimentUnsub)) == null ? void 0 : _b.call(this);
       if ((_c = this.experiments) == null ? void 0 : _c.onFeaturesChanged) {
-        __privateSet(this, _experimentUnsub, this.experiments.onFeaturesChanged(() => this._loadConfig()));
+        __privateSet(this, _experimentUnsub, this.experiments.onFeaturesChanged(
+          () => this._loadConfig({ silent: true })
+        ));
       }
     }
     if (fetcherPropsChanged || changed.has("_pageUrl")) {
@@ -8365,12 +8407,14 @@ var SmartCanvasElementLit = class extends LitElement8 {
       this.initialBatchActions = props.initialBatchActions;
     if (props.workspaceTheme !== void 0) this.workspaceTheme = props.workspaceTheme;
   }
-  async _loadConfig() {
-    var _a3, _b;
+  async _loadConfig({ silent = false } = {}) {
+    var _a3, _b, _c, _d;
     if (!__privateGet(this, _derivedFetcher)) return;
     const version = ++__privateWrapper(this, _loadConfigVersion)._;
     try {
-      this._isLoading = true;
+      if (!silent) {
+        this._isLoading = true;
+      }
       this._error = void 0;
       const response = await __privateGet(this, _derivedFetcher).call(this);
       if (version !== __privateGet(this, _loadConfigVersion)) return;
@@ -8406,15 +8450,32 @@ var SmartCanvasElementLit = class extends LitElement8 {
       if (actionsChanged) {
         this._configActions = newActions;
       }
-      this._isLoading = false;
-      this._canvasTitle = response.canvasTitle;
-      this._theme = response.theme;
-      this._launcher = response.launcher;
-      this._displayMode = (_b = response.displayMode) != null ? _b : "standard";
+      if (!silent) {
+        this._isLoading = false;
+      }
+      const newThemeJson = JSON.stringify((_b = response.theme) != null ? _b : null);
+      if (newThemeJson !== __privateGet(this, _prevThemeJson)) {
+        __privateSet(this, _prevThemeJson, newThemeJson);
+        this._theme = response.theme;
+      }
+      const newLauncherJson = JSON.stringify((_c = response.launcher) != null ? _c : null);
+      if (newLauncherJson !== __privateGet(this, _prevLauncherJson)) {
+        __privateSet(this, _prevLauncherJson, newLauncherJson);
+        this._launcher = response.launcher;
+      }
+      if (response.canvasTitle !== this._canvasTitle) {
+        this._canvasTitle = response.canvasTitle;
+      }
+      const newDisplayMode = (_d = response.displayMode) != null ? _d : "standard";
+      if (newDisplayMode !== this._displayMode) {
+        this._displayMode = newDisplayMode;
+      }
     } catch (err) {
       const message = err instanceof Error ? err.message : "Unknown error";
       console.error("[SmartCanvas Config] Failed to fetch/filter config:", message, err);
-      this._isLoading = false;
+      if (!silent) {
+        this._isLoading = false;
+      }
       this._error = message;
     }
   }
@@ -8429,6 +8490,8 @@ _runVersion = new WeakMap();
 _rawConfig = new WeakMap();
 _prevActionsJson = new WeakMap();
 _prevTilesJson = new WeakMap();
+_prevThemeJson = new WeakMap();
+_prevLauncherJson = new WeakMap();
 _derivedFetcher = new WeakMap();
 _experimentUnsub = new WeakMap();
 _accumulatorUnsub = new WeakMap();
@@ -15675,6 +15738,29 @@ async function _initCore(options) {
     runtime: runtime5
     // Pass runtime so actions can be applied
   });
+  if (canvas.setOverrideFetcher) {
+    const originalSetOverrideFetcher = canvas.setOverrideFetcher.bind(canvas);
+    canvas.setOverrideFetcher = (newFetcher) => {
+      const wrappedFetcher = async () => {
+        const config = await newFetcher();
+        const configForLoader = config;
+        const requiredApps = appLoader.getRequiredApps(configForLoader);
+        if (requiredApps.length > 0) {
+          const results = await appLoader.loadAppsForConfig(configForLoader);
+          for (const result of results) {
+            if (result.success && runtime5.apps.has(result.appId)) {
+              try {
+                await runtime5.apps.activate(result.appId);
+              } catch {
+              }
+            }
+          }
+        }
+        return config;
+      };
+      originalSetOverrideFetcher(wrappedFetcher);
+    };
+  }
   return { canvas, runtime: runtime5, experiments, telemetry, sessionMetrics, appLoader };
 }