@syntrologie/runtime-sdk 0.2.1 → 0.2.4

package/CAPABILITIES.md

@@ -0,0 +1,400 @@
+# SmartCanvas SDK Capabilities
+
+This document describes all available operations and capabilities of the SmartCanvas SDK for DOM manipulation and enhancement.
+
+## Table of Contents
+- [Overview](#overview)
+- [Policy Tiers](#policy-tiers)
+- [Anchor Selectors](#anchor-selectors)
+- [Operations](#operations)
+- [Overlays](#overlays)
+- [Best Practices](#best-practices)
+
+## Overview
+
+The SmartCanvas SDK allows you to safely modify web pages through a controlled patching system. All modifications are applied through "patches" that contain:
+- An anchor selector to find the target element
+- One or more operations to apply
+- A policy tier that controls what modifications are allowed
+
+## Policy Tiers
+
+The SDK uses three policy tiers to control what operations are allowed:
+
+### 1. **additive** (default)
+- **Purpose**: Safest tier - only add new elements and classes
+- **Allowed**: Adding HTML, adding prefixed classes, safe styles
+- **Not Allowed**: Modifying existing text or attributes
+- **Use When**: Adding badges, tooltips, or decorative elements
+
+### 2. **moderate**
+- **Purpose**: Allows limited modifications to existing elements
+- **Allowed**: Everything from additive + title attribute
+- **Not Allowed**: Text changes, color changes
+- **Use When**: Adding accessibility improvements or metadata
+
+### 3. **surgical**
+- **Purpose**: Full control over content modification
+- **Allowed**: Everything including setText, background/text colors
+- **Required For**: Changing headlines, CTAs, or any text content
+- **Use When**: A/B testing copy variations or personalizing content
+
+## Anchor Selectors
+
+Anchors define how to find elements in the DOM. The SDK supports four types:
+
+### 1. CSS Selector
+```json
+{
+  "by": "css",
+  "value": "h1.hero-title"
+}
+```
+- **Use**: Standard CSS selectors
+- **Example**: `"h1"`, `".button-primary"`, `"#hero-section h2"`
+
+### 2. Data Attribute
+```json
+{
+  "by": "data",
+  "key": "testid",
+  "value": "hero-banner"  // optional
+}
+```
+- **Use**: Target elements by data attributes
+- **Example**: Finds `<div data-testid="hero-banner">`
+- **Note**: If value is omitted, matches any element with that data attribute
+
+### 3. ARIA Selector
+```json
+{
+  "by": "aria",
+  "role": "button",     // optional
+  "label": "Submit"     // optional
+}
+```
+- **Use**: Target accessible elements
+- **Example**: Finds `<button role="button" aria-label="Submit">`
+- **Note**: Can use role, label, or both
+
+### 4. Element Reference
+```json
+{
+  "by": "ref",
+  "el": elementReference
+}
+```
+- **Use**: Direct element reference (programmatic use only)
+- **Note**: Cannot be serialized in JSON configs
+
+## Operations
+
+### 1. setText
+**Purpose**: Replace the text content of an element
+```json
+{
+  "kind": "setText",
+  "text": "New headline text"
+}
+```
+- **Requires**: `tier: "surgical"`
+- **Effect**: Replaces all text content in the element
+- **Common Use**: A/B testing headlines, CTAs, product descriptions
+- **Note**: Removes all child elements, use carefully
+
+### 2. setStyle
+**Purpose**: Modify CSS styles on an element
+```json
+{
+  "kind": "setStyle",
+  "prop": "backgroundColor",
+  "value": "#ff0000",
+  "important": true  // optional, adds !important
+}
+```
+- **Allowed Properties (any tier)**:
+  - `outline`, `outlineColor`, `outlineWidth`, `outlineStyle`
+  - `boxShadow`, `filter`
+  - `scrollMargin` and related properties
+  - CSS variables (`--custom-var`)
+- **Additional Properties (surgical tier)**:
+  - `backgroundColor`, `color`
+- **Common Use**: Highlighting elements, adding visual emphasis
+- **Note**: Value can be `null` to remove a style
+
+### 3. addClass
+**Purpose**: Add a CSS class to an element
+```json
+{
+  "kind": "addClass",
+  "className": "syntro-highlight"
+}
+```
+- **Requirement**: Class must start with `syntro-`, `sc-`, or `sx-`
+- **Common Use**: Apply pre-defined styles, mark elements
+- **Note**: Won't add duplicate classes
+
+### 4. removeClass
+**Purpose**: Remove a CSS class from an element
+```json
+{
+  "kind": "removeClass",
+  "className": "syntro-hidden"
+}
+```
+- **Requirement**: Can only remove prefixed classes
+- **Common Use**: Revealing hidden elements, removing states
+- **Note**: Safe if class doesn't exist
+
+### 5. setAttr
+**Purpose**: Set or remove HTML attributes
+```json
+{
+  "kind": "setAttr",
+  "name": "data-tracked",
+  "value": "true"  // or null to remove
+}
+```
+- **Allowed Attributes (any tier)**:
+  - `data-*` (any data attribute)
+  - `aria-*` (accessibility attributes)
+  - `role`
+- **Additional Attributes (moderate/surgical)**:
+  - `title`
+- **Common Use**: Tracking, accessibility improvements
+- **Note**: Setting to `null` removes the attribute
+
+### 6. append
+**Purpose**: Add HTML content at the end of an element
+```json
+{
+  "kind": "append",
+  "html": "<span class='syntro-badge'>NEW</span>"
+}
+```
+- **Effect**: Inserts after existing children
+- **Common Use**: Adding badges, icons, supplementary content
+- **Note**: HTML is sanitized for safety
+
+### 7. prepend
+**Purpose**: Add HTML content at the beginning of an element
+```json
+{
+  "kind": "prepend",
+  "html": "<span class='syntro-icon'>★</span>"
+}
+```
+- **Effect**: Inserts before existing children
+- **Common Use**: Adding icons, prefixes, notifications
+- **Note**: HTML is sanitized for safety
+
+### 8. insertAdjacent
+**Purpose**: Insert HTML at specific positions relative to element
+```json
+{
+  "kind": "insertAdjacent",
+  "where": "afterbegin",
+  "html": "<div class='syntro-alert'>Important!</div>"
+}
+```
+- **Positions**:
+  - `beforebegin`: Before the element itself
+  - `afterbegin`: Inside element, before first child
+  - `beforeend`: Inside element, after last child
+  - `afterend`: After the element itself
+- **Common Use**: Complex insertions, wrapping elements
+- **Note**: More flexible than append/prepend
+
+## Overlays
+
+The SDK supports overlay elements that don't modify the DOM. These are defined in `overlayRecipe.steps`:
+
+### Tooltips
+Floating information bubbles that appear near target elements.
+
+```json
+{
+  "kind": "tooltip",
+  "id": "feature_tooltip_1",
+  "anchor": {
+    "by": "css",
+    "value": ".pricing-card"
+  },
+  "content": {
+    "title": "Best Value",
+    "body": "This plan includes all features at the lowest per-user cost"
+  },
+  "placement": "top",
+  "trigger": "hover",
+  "ctaButtons": [
+    {
+      "label": "Learn More",
+      "actionId": "learn_more_click"
+    }
+  ],
+  "dismiss": {
+    "onEsc": true,
+    "closeButton": true
+  }
+}
+```
+
+**Properties:**
+- `kind`: Must be `"tooltip"`
+- `id`: Unique identifier for tracking
+- `anchor`: Element selector (same as patches)
+- `content.title`: Optional heading text
+- `content.body`: Required tooltip body text
+- `placement`: `"top"`, `"bottom"`, `"left"`, `"right"`, or `"auto"`
+- `trigger`: `"immediate"`, `"hover"`, or `"click"`
+- `offsetPx`: Distance from anchor element (optional)
+- `blocking`: If true, blocks page interaction (optional)
+- `ctaButtons`: Array of action buttons (optional)
+- `dismiss.onEsc`: Close on Escape key
+- `dismiss.closeButton`: Show X button
+- `dismiss.timeoutMs`: Auto-dismiss after milliseconds
+
+### Highlights
+Visual emphasis rings that draw attention to elements.
+
+```json
+{
+  "kind": "highlight",
+  "id": "cta_highlight_1",
+  "anchor": {
+    "by": "css",
+    "value": ".hero-cta button"
+  },
+  "copy": "Click here to get started",
+  "ring": {
+    "paddingPx": 8,
+    "radiusPx": 4
+  },
+  "ringColor": "#3b82f6",
+  "scrim": {
+    "opacity": 0.5
+  },
+  "blocking": true,
+  "dismiss": {
+    "onClickOutside": true,
+    "onEsc": true
+  }
+}
+```
+
+**Properties:**
+- `kind`: Must be `"highlight"`
+- `id`: Unique identifier for tracking
+- `anchor`: Element selector (same as patches)
+- `copy`: Text to display near the highlight (optional)
+- `ring.paddingPx`: Space between element and ring
+- `ring.radiusPx`: Corner radius of ring
+- `ringColor`: Color of the highlight ring
+- `scrim.opacity`: Opacity of background dimming (0-1)
+- `blocking`: If true, blocks interaction outside highlight
+- `dismiss.onClickOutside`: Close when clicking outside
+- `dismiss.onEsc`: Close on Escape key
+- `dismiss.timeoutMs`: Auto-dismiss after milliseconds
+
+### Overlay Recipe Structure
+
+Overlays are defined in `overlayRecipe`:
+
+```json
+{
+  "overlayRecipe": {
+    "id": "onboarding_flow",
+    "version": 1,
+    "routes": ["/dashboard", "/home"],
+    "steps": [
+      { "kind": "tooltip", ... },
+      { "kind": "highlight", ... }
+    ]
+  }
+}
+```
+
+- `id`: Recipe identifier
+- `version`: Version number for tracking changes
+- `routes`: URL paths where this recipe applies (optional)
+- `steps`: Array of tooltip and highlight steps
+
+## Best Practices
+
+### 1. Element Selection
+- Use the most specific selector that won't break
+- Prefer data attributes over classes for stability
+- Test selectors across different page states
+
+### 2. Tier Selection
+- Start with the lowest tier that works
+- Only use `surgical` when modifying text
+- Document why a specific tier is needed
+
+### 3. Operation Order
+- Operations are applied in array order
+- Plan sequences carefully (e.g., addClass before setStyle)
+- Test operation combinations
+
+### 4. Performance
+- Batch related patches together
+- Avoid selecting too many elements
+- Use CSS classes instead of inline styles when possible
+
+### 5. Compatibility
+- All HTML is sanitized to prevent XSS
+- Classes must be prefixed to avoid conflicts
+- Test across different browsers and devices
+
+## Example: Complete A/B Test
+
+```json
+{
+  "configVersion": "1.0",
+  "patches": [
+    {
+      "id": "hero_headline_test",
+      "anchor": {
+        "by": "css",
+        "value": "h1.hero-title"
+      },
+      "tier": "surgical",
+      "operations": [
+        {
+          "kind": "setText",
+          "text": "Start Your Free Trial Today"
+        },
+        {
+          "kind": "addClass",
+          "className": "syntro-tested"
+        }
+      ]
+    },
+    {
+      "id": "cta_enhancement",
+      "anchor": {
+        "by": "data",
+        "key": "testid",
+        "value": "primary-cta"
+      },
+      "tier": "additive",
+      "operations": [
+        {
+          "kind": "setStyle",
+          "prop": "boxShadow",
+          "value": "0 4px 6px rgba(0,0,0,0.1)"
+        },
+        {
+          "kind": "append",
+          "html": "<span class='syntro-arrow'>→</span>"
+        }
+      ]
+    }
+  ]
+}
+```
+
+This example:
+1. Changes the hero headline text (requires surgical tier)
+2. Enhances the CTA button with shadow and an arrow icon (uses additive tier)
+3. Properly tracks both changes with IDs

package/dist/SmartCanvasApp.js

@@ -6,6 +6,7 @@ import { createCanvasConfigFetcher } from "./configFetcher";
 import { useCanvasOverlays } from "./hooks/useCanvasOverlays";
 import { useHostPatches } from "./hooks/useHostPatches";
 export function SmartCanvasApp({ controller, fetcher, configUri, configUriFeatureKey = "smart-canvas-config-uri", configFeatureKey = "smart-canvas-config", fetchCredentials = "include", pollIntervalMs, experiments, telemetry, overlayFetcher, overlayConfigUri, overlayConfigFeatureKey = "smart-canvas-overlay-uri", overlayFetchCredentials = "include", footerSlot, launcherLabel, canvasHost, customRenderers, theme, }) {
+    var _a, _b, _c;
     const [open, setOpen] = useState(controller.getState().open);
     const derivedFetcher = useMemo(() => {
         if (fetcher)
@@ -23,17 +24,22 @@ export function SmartCanvasApp({ controller, fetcher, configUri, configUriFeatur
         pollIntervalMs,
         experiments,
     });
-    const hasContent = configState.rectangles.length > 0 && !configState.error;
+    const hasContent = configState.tiles.length > 0 && !configState.error;
     useEffect(() => controller.subscribe((state) => setOpen(state.open)), [controller]);
     useEffect(() => {
         if (!hasContent && controller.getState().open) {
             controller.setOpen(false);
         }
     }, [controller, hasContent]);
-    // Use inline overlay recipe from main config if present, otherwise use separate fetcher/URI
-    const derivedOverlayFetcher = useMemo(() => {
+    // Use inline overlay recipes from main config if present, otherwise use separate fetcher/URI
+    const derivedOverlayRecipesFetcher = useMemo(() => {
+        var _a;
         if (overlayFetcher)
             return overlayFetcher;
+        // Support multiple recipes (new) or single recipe (legacy)
+        if ((_a = configState.overlayRecipes) === null || _a === void 0 ? void 0 : _a.length) {
+            return async () => configState.overlayRecipes;
+        }
         if (configState.overlayRecipe) {
             return async () => configState.overlayRecipe;
         }
@@ -42,10 +48,10 @@ export function SmartCanvasApp({ controller, fetcher, configUri, configUriFeatur
             return undefined;
         }
         return undefined;
-    }, [overlayFetcher, configState.overlayRecipe, configState.isLoading, overlayConfigUri]);
+    }, [overlayFetcher, configState.overlayRecipes, configState.overlayRecipe, configState.isLoading, overlayConfigUri]);
     useCanvasOverlays({
-        fetcher: derivedOverlayFetcher,
-        configUri: !derivedOverlayFetcher && !configState.isLoading ? overlayConfigUri : undefined,
+        recipesFetcher: derivedOverlayRecipesFetcher,
+        configUri: !derivedOverlayRecipesFetcher && !configState.isLoading ? overlayConfigUri : undefined,
         featureKey: overlayConfigFeatureKey,
         credentials: overlayFetchCredentials,
         experiments,
@@ -57,12 +63,24 @@ export function SmartCanvasApp({ controller, fetcher, configUri, configUriFeatur
         telemetry,
         canvasHost,
     });
+    // Merge theme from config (workspace settings) with any direct theme prop
+    // Config theme takes precedence for workspace-set values, but theme prop can override
+    // NOTE: This must be called BEFORE any early returns to maintain consistent hook order
+    const mergedTheme = useMemo(() => {
+        const configTheme = configState.theme;
+        if (!configTheme)
+            return theme;
+        // Map CanvasThemeConfig (from config) to CanvasTheme (for overlay)
+        return {
+            ...configTheme, // position, mode, colors, borderRadius from config
+            ...theme, // any direct overrides from theme prop
+        };
+    }, [configState.theme, theme]);
+    // Only return null after loading completes with no content
+    // (Don't return null while loading - that causes a flash of nothing)
     if (!configState.isLoading && !hasContent) {
         return null;
     }
-    if (!hasContent) {
-        return null;
-    }
-    return (_jsx(ShadowCanvasOverlay, { rectangles: configState.rectangles, isLoading: configState.isLoading, error: configState.error, canvasTitle: configState.canvasTitle, telemetry: telemetry, launcherLabel: launcherLabel, footerSlot: footerSlot, isOpen: open, onToggle: () => controller.toggle(), customRenderers: customRenderers, displayMode: configState.displayMode, theme: theme }));
+    return (_jsx(ShadowCanvasOverlay, { tiles: configState.tiles, isLoading: configState.isLoading, error: configState.error, canvasTitle: configState.canvasTitle, telemetry: telemetry, launcherLabel: launcherLabel !== null && launcherLabel !== void 0 ? launcherLabel : (_a = configState.launcher) === null || _a === void 0 ? void 0 : _a.label, launcherAnimate: (_b = configState.launcher) === null || _b === void 0 ? void 0 : _b.animate, launcherAnimationStyle: (_c = configState.launcher) === null || _c === void 0 ? void 0 : _c.animationStyle, footerSlot: footerSlot, isOpen: open, onToggle: () => controller.toggle(), customRenderers: customRenderers, displayMode: configState.displayMode, theme: mergedTheme }));
 }
 //# sourceMappingURL=SmartCanvasApp.js.map

package/dist/SmartCanvasApp.js.map

@@ -1 +1 @@
-{"version":3,"file":"SmartCanvasApp.js","sourceRoot":"","sources":["../src/SmartCanvasApp.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SmartCanvasApp.js","sourceRoot":"","sources":["../src/SmartCanvasApp.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAGvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAGtE,OAAO,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AA0BxD,MAAM,UAAU,cAAc,CAAC,EAC7B,UAAU,EACV,OAAO,EACP,SAAS,EACT,mBAAmB,GAAG,yBAAyB,EAC/C,gBAAgB,GAAG,qBAAqB,EACxC,gBAAgB,GAAG,SAAS,EAC5B,cAAc,EACd,WAAW,EACX,SAAS,EACT,cAAc,EACd,gBAAgB,EAChB,uBAAuB,GAAG,0BAA0B,EACpD,uBAAuB,GAAG,SAAS,EACnC,UAAU,EACV,aAAa,EACb,UAAU,EACV,eAAe,EACf,KAAK,GACe;;IACpB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,UAAU,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;IAE7D,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,IAAI,OAAO;YAAE,OAAO,OAAO,CAAC;QAC5B,OAAO,yBAAyB,CAAC;YAC/B,SAAS;YACT,WAAW;YACX,UAAU,EAAE,mBAAmB;YAC/B,gBAAgB;YAChB,WAAW,EAAE,gBAAgB;SAC9B,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAE/F,MAAM,WAAW,GAAG,qBAAqB,CAAC;QACxC,OAAO,EAAE,cAAc;QACvB,cAAc;QACd,WAAW;KACZ,CAAC,CAAC;IACH,MAAM,UAAU,GAAG,WAAW,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;IAEtE,SAAS,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEpF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,UAAU,IAAI,UAAU,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC;YAC9C,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAC5B,CAAC;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC;IAE7B,6FAA6F;IAC7F,MAAM,4BAA4B,GAAG,OAAO,CAAC,GAAG,EAAE;;QAChD,IAAI,cAAc;YAAE,OAAO,cAAc,CAAC;QAC1C,2DAA2D;QAC3D,IAAI,MAAA,WAAW,CAAC,cAAc,0CAAE,MAAM,EAAE,CAAC;YACvC,OAAO,KAAK,IAAI,EAAE,CAAC,WAAW,CAAC,cAAe,CAAC;QACjD,CAAC;QACD,IAAI,WAAW,CAAC,aAAa,EAAE,CAAC;YAC9B,OAAO,KAAK,IAAI,EAAE,CAAC,WAAW,CAAC,aAAc,CAAC;QAChD,CAAC;QACD,0EAA0E;QAC1E,IAAI,CAAC,gBAAgB,IAAI,WAAW,CAAC,SAAS,EAAE,CAAC;YAC/C,OAAO,SAAS,CAAC;QACnB,CAAC;QACD,OAAO,SAAS,CAAC;IACnB,CAAC,EAAE,CAAC,cAAc,EAAE,WAAW,CAAC,cAAc,EAAE,WAAW,CAAC,aAAa,EAAE,WAAW,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAErH,iBAAiB,CAAC;QAChB,cAAc,EAAE,4BAA4B;QAC5C,SAAS,EAAE,CAAC,4BAA4B,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS;QACjG,UAAU,EAAE,uBAAuB;QACnC,WAAW,EAAE,uBAAuB;QACpC,WAAW;QACX,SAAS;QACT,UAAU;KACX,CAAC,CAAC;IAEH,cAAc,CAAC;QACb,OAAO,EAAE,WAAW,CAAC,OAAO;QAC5B,SAAS;QACT,UAAU;KACX,CAAC,CAAC;IAEH,0EAA0E;IAC1E,sFAAsF;IACtF,uFAAuF;IACvF,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/B,MAAM,WAAW,GAAG,WAAW,CAAC,KAAK,CAAC;QACtC,IAAI,CAAC,WAAW;YAAE,OAAO,KAAK,CAAC;QAE/B,mEAAmE;QACnE,OAAO;YACL,GAAG,WAAW,EAAG,mDAAmD;YACpE,GAAG,KAAK,EAAS,uCAAuC;SACzD,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAE/B,2DAA2D;IAC3D,qEAAqE;IACrE,IAAI,CAAC,WAAW,CAAC,SAAS,IAAI,CAAC,UAAU,EAAE,CAAC;QAC1C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,KAAC,mBAAmB,IAClB,KAAK,EAAE,WAAW,CAAC,KAAK,EACxB,SAAS,EAAE,WAAW,CAAC,SAAS,EAChC,KAAK,EAAE,WAAW,CAAC,KAAK,EACxB,WAAW,EAAE,WAAW,CAAC,WAAW,EACpC,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,MAAA,WAAW,CAAC,QAAQ,0CAAE,KAAK,EAC3D,eAAe,EAAE,MAAA,WAAW,CAAC,QAAQ,0CAAE,OAAO,EAC9C,sBAAsB,EAAE,MAAA,WAAW,CAAC,QAAQ,0CAAE,cAAc,EAC5D,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,IAAI,EACZ,QAAQ,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,MAAM,EAAE,EACnC,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,WAAW,CAAC,WAAW,EACpC,KAAK,EAAE,WAAW,GAClB,CACH,CAAC;AACJ,CAAC"}

package/dist/api.d.ts

@@ -4,6 +4,7 @@ import type { TelemetryClient } from "./telemetry/types";
 import type { CanvasConfigFetcher } from "./types";
 import type { OverlayRecipeFetcher } from "./overlays/fetcher";
 import type { CanvasTheme } from "./components/ShadowCanvasOverlay";
+import type { RenderProps, ActionHandler, AppearanceConfig } from "./render/types";
 export interface SmartCanvasIntegrations {
     experiments?: ExperimentClient;
     telemetry?: TelemetryClient;
@@ -29,6 +30,14 @@ export interface SmartCanvasConfig {
     earlyPatching?: boolean;
     editorUrl?: string;
     theme?: Partial<CanvasTheme>;
+    /** Enable automatic theme extraction from host page CSS variables */
+    autoDetectTheme?: boolean;
+    /** Theme appearance overrides (CSS variables, base theme) */
+    appearance?: AppearanceConfig;
+    /** Render props for customizing tile/block rendering */
+    renderProps?: RenderProps;
+    /** Action handlers for interactive blocks */
+    actionHandlers?: ActionHandler;
 }
 /**
  * @deprecated Use TileComponent from types.ts
@@ -48,6 +57,20 @@ export interface SmartCanvasHandle {
     setEnabled(enabled: boolean): void;
     registerComponent(key: string, component: MountableComponent): void;
     setOverrideFetcher(fetcher: any): void;
+    /**
+     * Register properties on the telemetry client (e.g., for session tagging).
+     * Used by editor SDK to tag crawler sessions with canonical IDs.
+     */
+    registerTelemetryProperties(properties: Record<string, unknown>): void;
+    /**
+     * Get the current PostHog session ID.
+     */
+    getSessionId(): string | undefined;
+    /**
+     * Force start session recording.
+     * Used by editor SDK to bypass bot detection for crawler sessions.
+     */
+    startSessionRecording(): void;
 }
 export declare const createSmartCanvas: (config?: SmartCanvasConfig) => Promise<SmartCanvasHandle>;
 declare global {

package/dist/api.js

@@ -138,12 +138,30 @@ export const createSmartCanvas = async (config = {}) => {
         setOverrideFetcher: (newFetcher) => {
             currentFetcher = newFetcher;
             host.setOverrideFetcher(newFetcher);
-        }
+        },
+        registerTelemetryProperties: (properties) => {
+            var _a;
+            (_a = telemetry === null || telemetry === void 0 ? void 0 : telemetry.register) === null || _a === void 0 ? void 0 : _a.call(telemetry, properties);
+        },
+        getSessionId: () => {
+            var _a;
+            return (_a = telemetry === null || telemetry === void 0 ? void 0 : telemetry.getSessionId) === null || _a === void 0 ? void 0 : _a.call(telemetry);
+        },
+        startSessionRecording: () => {
+            var _a;
+            (_a = telemetry === null || telemetry === void 0 ? void 0 : telemetry.startSessionRecording) === null || _a === void 0 ? void 0 : _a.call(telemetry);
+        },
     };
-    // Only expose debug handle in development mode
-    // This prevents malicious scripts from manipulating SDK state in production
-    if (typeof window !== "undefined" && process.env.NODE_ENV === 'development') {
-        window.__smartCanvasHandle = handle;
+    // Expose handle for editor SDK access
+    // In editor mode: always expose (editor needs it to inject tiles and save config)
+    // In dev mode: always expose (for debugging)
+    // In production: never expose (security)
+    if (typeof window !== "undefined") {
+        const isEditorMode = new URLSearchParams(window.location.search).has('editor_token');
+        const isDev = process.env.NODE_ENV === 'development';
+        if (isEditorMode || isDev) {
+            window.__smartCanvasHandle = handle;
+        }
     }
     return handle;
 };

package/dist/api.js.map

@@ -1 +1 @@
-{"version":3,"file":"api.js","sourceRoot":"","sources":["../src/api.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"api.js","sourceRoot":"","sources":["../src/api.tsx"],"names":[],"mappings":"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"}

package/dist/blocks/data/ComparisonBlock.d.ts

@@ -0,0 +1,10 @@
+import type { ComparisonContent } from "../../types";
+interface ComparisonBlockProps {
+    content: ComparisonContent;
+    accentColor?: string;
+}
+/**
+ * Comparison block component - displays items in grid/list/table layout
+ */
+export declare function ComparisonBlock({ content, accentColor }: ComparisonBlockProps): import("react/jsx-runtime").JSX.Element;
+export {};