@syntrologie/runtime-sdk 0.2.21 → 1.0.0-canary.1

package/dist/index.d.ts

@@ -1,27 +1,34 @@
-export * from "./types";
-export * from "./telemetry";
-export * from "./experiments";
-export * from "./hooks/useShadowCanvasConfig";
-export * from "./components/TileCard";
-export * from "./components/ShadowCanvasOverlay";
-export * from "./components/TileWheel";
-export * from "./controller";
-export * from "./SmartCanvasApp";
-export * from "./SmartCanvasElement";
-export * from "./SmartCanvasPortal";
-export * from "./api";
-export * from "./configFetcher";
-export * from "./overlays/types";
-export * from "./overlays/schema";
-export * from "./overlays/fetcher";
-export * from "./metrics";
-export * from "./context";
-export * from "./events";
-export * from "./state";
-export * from "./decisions";
-export { createSmartCanvasRuntime, RUNTIME_VERSION, } from "./runtime";
-export type { SmartCanvasRuntime, SmartCanvasRuntimeOptions, RuntimeMode, } from "./runtime";
-export { Syntro } from "./bootstrap";
-export type { SyntroInitOptions, SyntroInitResult } from "./bootstrap";
-export { encodeToken, decodeToken } from "./token";
-export type { SyntroTokenPayload } from "./token";
+export * from './version';
+export * from './types';
+export * from './config-validator';
+export * from './telemetry';
+export * from './experiments';
+export * from './hooks/useShadowCanvasConfig';
+export * from './components/TileCard';
+export * from './components/ShadowCanvasOverlay';
+export * from './components/TileWheel';
+export * from './controller';
+export * from './SmartCanvasApp';
+export * from './SmartCanvasElement';
+export * from './SmartCanvasPortal';
+export * from './api';
+export * from './configFetcher';
+export * from './overlays/types';
+export * from './overlays/schema';
+export * from './overlays/fetcher';
+export * from './metrics';
+export * from './context';
+export * from './events';
+export * from './state';
+export * from './decisions';
+export * from './actions';
+export * from './surfaces';
+export * from './widgets';
+export * from './apps';
+export { createSmartCanvasRuntime, RUNTIME_VERSION } from './runtime';
+export type { SmartCanvasRuntime, SmartCanvasRuntimeOptions, RuntimeMode } from './runtime';
+export { RuntimeProvider, useRuntime, useRuntimeContext, usePageContext, useSessionContext, useViewportContext, useRuntimeEvents, useRuntimeState, useDecision, } from './RuntimeProvider';
+export { Syntro } from './bootstrap';
+export type { SyntroInitOptions, SyntroInitResult } from './bootstrap';
+export { encodeToken, decodeToken } from './token';
+export type { SyntroTokenPayload } from './token';

package/dist/index.js

@@ -1,37 +1,49 @@
-export * from "./types";
-export * from "./telemetry";
-export * from "./experiments";
-export * from "./hooks/useShadowCanvasConfig";
-export * from "./components/TileCard";
-export * from "./components/ShadowCanvasOverlay";
-export * from "./components/TileWheel";
-export * from "./controller";
-export * from "./SmartCanvasApp";
-export * from "./SmartCanvasElement";
-export * from "./SmartCanvasPortal";
-export * from "./api";
-export * from "./configFetcher";
-export * from "./overlays/types";
-export * from "./overlays/schema";
-export * from "./overlays/fetcher";
+export * from './version';
+export * from './types';
+export * from './config-validator';
+export * from './telemetry';
+export * from './experiments';
+export * from './hooks/useShadowCanvasConfig';
+export * from './components/TileCard';
+export * from './components/ShadowCanvasOverlay';
+export * from './components/TileWheel';
+export * from './controller';
+export * from './SmartCanvasApp';
+export * from './SmartCanvasElement';
+export * from './SmartCanvasPortal';
+export * from './api';
+export * from './configFetcher';
+export * from './overlays/types';
+export * from './overlays/schema';
+export * from './overlays/fetcher';
 // Metrics for session-based targeting
-export * from "./metrics";
+export * from './metrics';
 // ============================================================================
 // v2 Runtime Modules
 // ============================================================================
 // Context - Page/session/viewport state management
-export * from "./context";
+export * from './context';
 // Events - Normalized event stream
-export * from "./events";
+export * from './events';
 // State - Persistent state storage with helpers
-export * from "./state";
+export * from './state';
 // Decisions - Strategy-based conditional rendering
-export * from "./decisions";
+export * from './decisions';
+// Actions - Unified execution layer for interventions
+export * from './actions';
+// Surfaces - Managed surface system for rendering UI
+export * from './surfaces';
+// Widgets - Mountable component registry
+export * from './widgets';
+// Apps - SynOS app system
+export * from './apps';
 // Unified runtime
-export { createSmartCanvasRuntime, RUNTIME_VERSION, } from "./runtime";
+export { createSmartCanvasRuntime, RUNTIME_VERSION } from './runtime';
+// React context for runtime access
+export { RuntimeProvider, useRuntime, useRuntimeContext, usePageContext, useSessionContext, useViewportContext, useRuntimeEvents, useRuntimeState, useDecision, } from './RuntimeProvider';
 // ============================================================================
 // Single-token initialization
 // ============================================================================
-export { Syntro } from "./bootstrap";
-export { encodeToken, decodeToken } from "./token";
+export { Syntro } from './bootstrap';
+export { encodeToken, decodeToken } from './token';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uBAAuB,CAAC;AACtC,cAAc,kCAAkC,CAAC;AACjD,cAAc,wBAAwB,CAAC;AACvC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,OAAO,CAAC;AACtB,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AAEnC,sCAAsC;AACtC,cAAc,WAAW,CAAC;AAE1B,+EAA+E;AAC/E,qBAAqB;AACrB,+EAA+E;AAE/E,mDAAmD;AACnD,cAAc,WAAW,CAAC;AAE1B,mCAAmC;AACnC,cAAc,UAAU,CAAC;AAEzB,gDAAgD;AAChD,cAAc,SAAS,CAAC;AAExB,mDAAmD;AACnD,cAAc,aAAa,CAAC;AAE5B,kBAAkB;AAClB,OAAO,EACL,wBAAwB,EACxB,eAAe,GAChB,MAAM,WAAW,CAAC;AAOnB,+EAA+E;AAC/E,8BAA8B;AAC9B,+EAA+E;AAE/E,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uBAAuB,CAAC;AACtC,cAAc,kCAAkC,CAAC;AACjD,cAAc,wBAAwB,CAAC;AACvC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,OAAO,CAAC;AACtB,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AAEnC,sCAAsC;AACtC,cAAc,WAAW,CAAC;AAE1B,+EAA+E;AAC/E,qBAAqB;AACrB,+EAA+E;AAE/E,mDAAmD;AACnD,cAAc,WAAW,CAAC;AAE1B,mCAAmC;AACnC,cAAc,UAAU,CAAC;AAEzB,gDAAgD;AAChD,cAAc,SAAS,CAAC;AAExB,mDAAmD;AACnD,cAAc,aAAa,CAAC;AAE5B,sDAAsD;AACtD,cAAc,WAAW,CAAC;AAE1B,qDAAqD;AACrD,cAAc,YAAY,CAAC;AAE3B,yCAAyC;AACzC,cAAc,WAAW,CAAC;AAE1B,0BAA0B;AAC1B,cAAc,QAAQ,CAAC;AAEvB,kBAAkB;AAClB,OAAO,EAAE,wBAAwB,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAGtE,mCAAmC;AACnC,OAAO,EACL,eAAe,EACf,UAAU,EACV,iBAAiB,EACjB,cAAc,EACd,iBAAiB,EACjB,kBAAkB,EAClB,gBAAgB,EAChB,eAAe,EACf,WAAW,GACZ,MAAM,mBAAmB,CAAC;AAE3B,+EAA+E;AAC/E,8BAA8B;AAC9B,+EAA+E;AAE/E,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC"}

package/dist/logger.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Debug logger for Syntro SDK.
+ *
+ * Debug mode is enabled by:
+ * 1. URL param: ?syntro_debug=true (highest priority)
+ * 2. Token field: d: true
+ * 3. Default: false
+ */
+/**
+ * Initialize the logger with token debug flag.
+ * URL param always overrides token setting.
+ */
+export declare function initLogger(tokenDebug?: boolean): void;
+/**
+ * Check if debug mode is currently enabled.
+ */
+export declare function isDebugEnabled(): boolean;
+/**
+ * Log a debug message (only if debug mode enabled).
+ */
+export declare function debug(prefix: string, message: string, data?: any): void;
+/**
+ * Log a warning (always shown).
+ */
+export declare function warn(prefix: string, message: string, data?: any): void;
+/**
+ * Log an error (always shown).
+ */
+export declare function error(prefix: string, message: string, data?: any): void;

package/dist/logger.js

@@ -0,0 +1,81 @@
+/**
+ * Debug logger for Syntro SDK.
+ *
+ * Debug mode is enabled by:
+ * 1. URL param: ?syntro_debug=true (highest priority)
+ * 2. Token field: d: true
+ * 3. Default: false
+ */
+let debugEnabled = false;
+/**
+ * Check if debug mode is enabled via URL param.
+ */
+function checkUrlParam() {
+    if (typeof window === 'undefined')
+        return false;
+    try {
+        const params = new URLSearchParams(window.location.search);
+        return params.get('syntro_debug') === 'true';
+    }
+    catch {
+        return false;
+    }
+}
+/**
+ * Initialize the logger with token debug flag.
+ * URL param always overrides token setting.
+ */
+export function initLogger(tokenDebug) {
+    // URL param takes priority
+    if (checkUrlParam()) {
+        debugEnabled = true;
+        return;
+    }
+    // Otherwise use token setting (default false)
+    debugEnabled = tokenDebug !== null && tokenDebug !== void 0 ? tokenDebug : false;
+}
+/**
+ * Check if debug mode is currently enabled.
+ */
+export function isDebugEnabled() {
+    // Always check URL param first (allows runtime override)
+    if (checkUrlParam())
+        return true;
+    return debugEnabled;
+}
+/**
+ * Log a debug message (only if debug mode enabled).
+ */
+export function debug(prefix, message, data) {
+    if (!isDebugEnabled())
+        return;
+    if (data !== undefined) {
+        console.log(`[${prefix}]`, message, data);
+    }
+    else {
+        console.log(`[${prefix}]`, message);
+    }
+}
+/**
+ * Log a warning (always shown).
+ */
+export function warn(prefix, message, data) {
+    if (data !== undefined) {
+        console.warn(`[${prefix}]`, message, data);
+    }
+    else {
+        console.warn(`[${prefix}]`, message);
+    }
+}
+/**
+ * Log an error (always shown).
+ */
+export function error(prefix, message, data) {
+    if (data !== undefined) {
+        console.error(`[${prefix}]`, message, data);
+    }
+    else {
+        console.error(`[${prefix}]`, message);
+    }
+}
+//# sourceMappingURL=logger.js.map

package/dist/logger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"logger.js","sourceRoot":"","sources":["../src/logger.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,IAAI,YAAY,GAAG,KAAK,CAAC;AAEzB;;GAEG;AACH,SAAS,aAAa;IACpB,IAAI,OAAO,MAAM,KAAK,WAAW;QAAE,OAAO,KAAK,CAAC;IAChD,IAAI,CAAC;QACH,MAAM,MAAM,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QAC3D,OAAO,MAAM,CAAC,GAAG,CAAC,cAAc,CAAC,KAAK,MAAM,CAAC;IAC/C,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,KAAK,CAAC;IACf,CAAC;AACH,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,UAAU,CAAC,UAAoB;IAC7C,2BAA2B;IAC3B,IAAI,aAAa,EAAE,EAAE,CAAC;QACpB,YAAY,GAAG,IAAI,CAAC;QACpB,OAAO;IACT,CAAC;IACD,8CAA8C;IAC9C,YAAY,GAAG,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,KAAK,CAAC;AACrC,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,cAAc;IAC5B,yDAAyD;IACzD,IAAI,aAAa,EAAE;QAAE,OAAO,IAAI,CAAC;IACjC,OAAO,YAAY,CAAC;AACtB,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,KAAK,CAAC,MAAc,EAAE,OAAe,EAAE,IAAU;IAC/D,IAAI,CAAC,cAAc,EAAE;QAAE,OAAO;IAC9B,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;QACvB,OAAO,CAAC,GAAG,CAAC,IAAI,MAAM,GAAG,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;IAC5C,CAAC;SAAM,CAAC;QACN,OAAO,CAAC,GAAG,CAAC,IAAI,MAAM,GAAG,EAAE,OAAO,CAAC,CAAC;IACtC,CAAC;AACH,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,IAAI,CAAC,MAAc,EAAE,OAAe,EAAE,IAAU;IAC9D,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;QACvB,OAAO,CAAC,IAAI,CAAC,IAAI,MAAM,GAAG,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;IAC7C,CAAC;SAAM,CAAC;QACN,OAAO,CAAC,IAAI,CAAC,IAAI,MAAM,GAAG,EAAE,OAAO,CAAC,CAAC;IACvC,CAAC;AACH,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,KAAK,CAAC,MAAc,EAAE,OAAe,EAAE,IAAU;IAC/D,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;QACvB,OAAO,CAAC,KAAK,CAAC,IAAI,MAAM,GAAG,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;IAC9C,CAAC;SAAM,CAAC;QACN,OAAO,CAAC,KAAK,CAAC,IAAI,MAAM,GAAG,EAAE,OAAO,CAAC,CAAC;IACxC,CAAC;AACH,CAAC"}

package/dist/metrics/index.d.ts

@@ -1,4 +1,4 @@
 /**
  * Metrics module for session-based real-time targeting.
  */
-export { SessionMetricTracker, createSessionMetricTracker, type SessionMetricTrackerOptions, } from "./sessionMetrics";
+export { SessionMetricTracker, createSessionMetricTracker, type SessionMetricTrackerOptions, } from './sessionMetrics';

package/dist/metrics/index.js

@@ -1,5 +1,5 @@
 /**
  * Metrics module for session-based real-time targeting.
  */
-export { SessionMetricTracker, createSessionMetricTracker, } from "./sessionMetrics";
+export { SessionMetricTracker, createSessionMetricTracker, } from './sessionMetrics';
 //# sourceMappingURL=index.js.map

package/dist/metrics/sessionMetrics.d.ts

@@ -10,7 +10,7 @@
  * - "Target users who viewed 5+ products this session"
  * - "Trigger intervention when user hovers a CTA 2+ times"
  */
-import type { ExperimentClient } from "../experiments/types";
+import type { ExperimentClient } from '../experiments/types';
 /**
  * Options for creating a SessionMetricTracker.
  */

package/dist/metrics/sessionMetrics.js

@@ -10,7 +10,7 @@
  * - "Target users who viewed 5+ products this session"
  * - "Trigger intervention when user hovers a CTA 2+ times"
  */
-const STORAGE_KEY = "syntro_session_metrics";
+const STORAGE_KEY = 'syntro_session_metrics';
 /**
  * Tracks session-based metrics for real-time segment targeting.
  */
@@ -19,7 +19,7 @@ export class SessionMetricTracker {
         var _a;
         this.metrics = new Map();
         this.experiments = options.experiments;
-        this.attributePrefix = (_a = options.attributePrefix) !== null && _a !== void 0 ? _a : "session_";
+        this.attributePrefix = (_a = options.attributePrefix) !== null && _a !== void 0 ? _a : 'session_';
         this.onMetricChange = options.onMetricChange;
         // Restore metrics from sessionStorage
         this.loadFromStorage();
@@ -139,7 +139,7 @@ export class SessionMetricTracker {
         this.experiments.setAttributes(attrs);
     }
     loadFromStorage() {
-        if (typeof window === "undefined" || typeof sessionStorage === "undefined")
+        if (typeof window === 'undefined' || typeof sessionStorage === 'undefined')
             return;
         try {
             const stored = sessionStorage.getItem(STORAGE_KEY);
@@ -151,11 +151,11 @@ export class SessionMetricTracker {
             }
         }
         catch (err) {
-            console.warn("[SessionMetricTracker] Failed to load from sessionStorage:", err);
+            console.warn('[SessionMetricTracker] Failed to load from sessionStorage:', err);
         }
     }
     saveToStorage() {
-        if (typeof window === "undefined" || typeof sessionStorage === "undefined")
+        if (typeof window === 'undefined' || typeof sessionStorage === 'undefined')
             return;
         try {
             const data = {};
@@ -165,7 +165,7 @@ export class SessionMetricTracker {
             sessionStorage.setItem(STORAGE_KEY, JSON.stringify(data));
         }
         catch (err) {
-            console.warn("[SessionMetricTracker] Failed to save to sessionStorage:", err);
+            console.warn('[SessionMetricTracker] Failed to save to sessionStorage:', err);
         }
     }
 }

package/dist/overlays/fetcher.d.ts

@@ -1,4 +1,4 @@
-import type { CanvasRecipe } from "./types";
-import { type CanvasFetcherOptions } from "../configFetcher";
+import type { CanvasRecipe } from './types';
+import { type CanvasFetcherOptions } from '../configFetcher';
 export type OverlayRecipeFetcher = () => Promise<CanvasRecipe>;
 export declare const createOverlayRecipeFetcher: ({ configUri, experiments, featureKey, credentials, }?: CanvasFetcherOptions) => OverlayRecipeFetcher;

package/dist/overlays/fetcher.js

@@ -1,10 +1,10 @@
-import { CanvasRecipeZ } from "./schema";
-import { resolveConfigUri } from "../configFetcher";
-export const createOverlayRecipeFetcher = ({ configUri, experiments, featureKey = "smart-canvas-overlay-uri", credentials = "include", } = {}) => {
+import { CanvasRecipeZ } from './schema';
+import { resolveConfigUri } from '../configFetcher';
+export const createOverlayRecipeFetcher = ({ configUri, experiments, featureKey = 'smart-canvas-overlay-uri', credentials = 'include', } = {}) => {
     return async () => {
         const uri = resolveConfigUri({ configUri, experiments, featureKey });
         if (!uri) {
-            throw new Error("SmartCanvas overlays: recipe URI missing (env + feature unset).");
+            throw new Error('SmartCanvas overlays: recipe URI missing (env + feature unset).');
         }
         const response = await fetch(uri, { credentials });
         if (!response.ok) {

package/dist/overlays/recipeRegistry.js

@@ -10,7 +10,7 @@ export function registerRecipes(recipes) {
 }
 /** Get a recipe by ID */
 export function getRecipeById(id) {
-    return registeredRecipes.find(r => r.id === id);
+    return registeredRecipes.find((r) => r.id === id);
 }
 /** Get the first step's route for a recipe */
 export function getRecipeStartRoute(recipeId) {
@@ -22,7 +22,7 @@ export function getRecipeStartRoute(recipeId) {
     const startStepId = recipe.startStep || ((_a = recipe.steps[0]) === null || _a === void 0 ? void 0 : _a.id);
     if (!startStepId)
         return undefined;
-    const startStep = recipe.steps.find(s => s.id === startStepId);
+    const startStep = recipe.steps.find((s) => s.id === startStepId);
     return startStep === null || startStep === void 0 ? void 0 : startStep.route;
 }
 /** Clear the registry */

package/dist/overlays/recipeRegistry.js.map

@@ -1 +1 @@
-{"version":3,"file":"recipeRegistry.js","sourceRoot":"","sources":["../../src/overlays/recipeRegistry.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,IAAI,iBAAiB,GAAmB,EAAE,CAAC;AAE3C,yDAAyD;AACzD,MAAM,UAAU,eAAe,CAAC,OAAuB;IACrD,iBAAiB,GAAG,OAAO,CAAC;AAC9B,CAAC;AAED,yBAAyB;AACzB,MAAM,UAAU,aAAa,CAAC,EAAU;IACtC,OAAO,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;AAClD,CAAC;AAED,8CAA8C;AAC9C,MAAM,UAAU,mBAAmB,CAAC,QAAgB;;IAClD,MAAM,MAAM,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAC;IACvC,IAAI,CAAC,MAAM;QAAE,OAAO,SAAS,CAAC;IAE9B,sBAAsB;IACtB,MAAM,WAAW,GAAG,MAAM,CAAC,SAAS,KAAI,MAAA,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,0CAAE,EAAE,CAAA,CAAC;IAC5D,IAAI,CAAC,WAAW;QAAE,OAAO,SAAS,CAAC;IAEnC,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,WAAW,CAAC,CAAC;IAC/D,OAAQ,SAAiB,aAAjB,SAAS,uBAAT,SAAS,CAAU,KAAK,CAAC;AACnC,CAAC;AAED,yBAAyB;AACzB,MAAM,UAAU,YAAY;IAC1B,iBAAiB,GAAG,EAAE,CAAC;AACzB,CAAC"}
+{"version":3,"file":"recipeRegistry.js","sourceRoot":"","sources":["../../src/overlays/recipeRegistry.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,IAAI,iBAAiB,GAAmB,EAAE,CAAC;AAE3C,yDAAyD;AACzD,MAAM,UAAU,eAAe,CAAC,OAAuB;IACrD,iBAAiB,GAAG,OAAO,CAAC;AAC9B,CAAC;AAED,yBAAyB;AACzB,MAAM,UAAU,aAAa,CAAC,EAAU;IACtC,OAAO,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;AACpD,CAAC;AAED,8CAA8C;AAC9C,MAAM,UAAU,mBAAmB,CAAC,QAAgB;;IAClD,MAAM,MAAM,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAC;IACvC,IAAI,CAAC,MAAM;QAAE,OAAO,SAAS,CAAC;IAE9B,sBAAsB;IACtB,MAAM,WAAW,GAAG,MAAM,CAAC,SAAS,KAAI,MAAA,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,0CAAE,EAAE,CAAA,CAAC;IAC5D,IAAI,CAAC,WAAW;QAAE,OAAO,SAAS,CAAC;IAEnC,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,WAAW,CAAC,CAAC;IACjE,OAAQ,SAAiB,aAAjB,SAAS,uBAAT,SAAS,CAAU,KAAK,CAAC;AACnC,CAAC;AAED,yBAAyB;AACzB,MAAM,UAAU,YAAY;IAC1B,iBAAiB,GAAG,EAAE,CAAC;AACzB,CAAC"}

package/dist/overlays/runtime/anchor/resolve.js

@@ -16,7 +16,7 @@ function validateSelector(selector) {
         console.warn('[SmartCanvas] Selector too long or empty:', selector === null || selector === void 0 ? void 0 : selector.slice(0, 50));
         return false;
     }
-    if (DANGEROUS_SELECTOR_PATTERNS.some(p => p.test(selector))) {
+    if (DANGEROUS_SELECTOR_PATTERNS.some((p) => p.test(selector))) {
         console.warn('[SmartCanvas] Dangerous selector pattern blocked:', selector);
         return false;
     }

package/dist/overlays/runtime/anchor/resolve.js.map

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

package/dist/overlays/runtime/index.d.ts

@@ -1,7 +1,7 @@
-export { ensureOverlayRoot, injectBaseStyles } from "./overlay/root";
-export { showTooltip } from "./overlay/tooltip";
-export { showHighlight } from "./overlay/highlight";
-export { showModal } from "./overlay/modal";
-export { runOverlays } from "./overlay/runner";
-export { createAnchorResolver } from "./anchor/resolve";
-export { isVisible, scrollIntoViewIfNeeded } from "./utils/dom";
+export { ensureOverlayRoot, injectBaseStyles } from './overlay/root';
+export { showTooltip } from './overlay/tooltip';
+export { showHighlight } from './overlay/highlight';
+export { showModal } from './overlay/modal';
+export { runOverlays } from './overlay/runner';
+export { createAnchorResolver } from './anchor/resolve';
+export { isVisible, scrollIntoViewIfNeeded } from './utils/dom';

package/dist/overlays/runtime/index.js

@@ -1,8 +1,8 @@
-export { ensureOverlayRoot, injectBaseStyles } from "./overlay/root";
-export { showTooltip } from "./overlay/tooltip";
-export { showHighlight } from "./overlay/highlight";
-export { showModal } from "./overlay/modal";
-export { runOverlays } from "./overlay/runner";
-export { createAnchorResolver } from "./anchor/resolve";
-export { isVisible, scrollIntoViewIfNeeded } from "./utils/dom";
+export { ensureOverlayRoot, injectBaseStyles } from './overlay/root';
+export { showTooltip } from './overlay/tooltip';
+export { showHighlight } from './overlay/highlight';
+export { showModal } from './overlay/modal';
+export { runOverlays } from './overlay/runner';
+export { createAnchorResolver } from './anchor/resolve';
+export { isVisible, scrollIntoViewIfNeeded } from './utils/dom';
 //# sourceMappingURL=index.js.map

package/dist/overlays/runtime/overlay/highlight.js

@@ -1,50 +1,50 @@
 var _a;
-const supportsPathClip = typeof CSS !== "undefined" && ((_a = CSS.supports) === null || _a === void 0 ? void 0 : _a.call(CSS, "clip-path", "path('M0 0 H1 V1 Z')"));
+const supportsPathClip = typeof CSS !== 'undefined' && ((_a = CSS.supports) === null || _a === void 0 ? void 0 : _a.call(CSS, 'clip-path', "path('M0 0 H1 V1 Z')"));
 export function showHighlight(anchorEl, overlayRoot, opts) {
     var _a, _b, _c, _d, _e, _f, _g;
     const padding = (_a = opts === null || opts === void 0 ? void 0 : opts.paddingPx) !== null && _a !== void 0 ? _a : 12;
     const radius = (_b = opts === null || opts === void 0 ? void 0 : opts.radiusPx) !== null && _b !== void 0 ? _b : 12;
     const opacity = Math.min(Math.max((_c = opts === null || opts === void 0 ? void 0 : opts.scrimOpacity) !== null && _c !== void 0 ? _c : 0.55, 0), 1);
-    const ringColor = (_d = opts === null || opts === void 0 ? void 0 : opts.ringColor) !== null && _d !== void 0 ? _d : "var(--syntro-ring, #5b8cff)";
+    const ringColor = (_d = opts === null || opts === void 0 ? void 0 : opts.ringColor) !== null && _d !== void 0 ? _d : 'var(--syntro-ring, #5b8cff)';
     const blocking = (_e = opts === null || opts === void 0 ? void 0 : opts.blocking) !== null && _e !== void 0 ? _e : false;
     const onClickOutside = (_f = opts === null || opts === void 0 ? void 0 : opts.onClickOutside) !== null && _f !== void 0 ? _f : true; // Default to true for backwards compat
     const onEsc = (_g = opts === null || opts === void 0 ? void 0 : opts.onEsc) !== null && _g !== void 0 ? _g : true; // Default to true for backwards compat
     const rootStyles = getComputedStyle(document.documentElement);
-    const tokenScrim = rootStyles.getPropertyValue("--syntro-spotlight-backdrop").trim();
-    const tokenRing = rootStyles.getPropertyValue("--syntro-ring").trim();
-    const scrim = document.createElement("div");
-    scrim.className = "syntro-spotlight-scrim";
+    const tokenScrim = rootStyles.getPropertyValue('--syntro-spotlight-backdrop').trim();
+    const tokenRing = rootStyles.getPropertyValue('--syntro-ring').trim();
+    const scrim = document.createElement('div');
+    scrim.className = 'syntro-spotlight-scrim';
     // Enable pointer events if blocking OR if we want to dismiss on click outside
     const needsPointerEvents = blocking || onClickOutside;
     Object.assign(scrim.style, {
-        position: "fixed",
-        inset: "0",
-        zIndex: "2147483646",
-        pointerEvents: needsPointerEvents ? "auto" : "none",
+        position: 'fixed',
+        inset: '0',
+        zIndex: '2147483646',
+        pointerEvents: needsPointerEvents ? 'auto' : 'none',
         background: tokenScrim || `rgba(2, 6, 23, ${opacity})`,
-        transition: "opacity 220ms ease",
-        opacity: "0",
+        transition: 'opacity 220ms ease',
+        opacity: '0',
     });
     overlayRoot.appendChild(scrim);
-    requestAnimationFrame(() => (scrim.style.opacity = "1"));
-    const ring = document.createElement("div");
-    ring.className = "syntro-spotlight-ring";
+    requestAnimationFrame(() => (scrim.style.opacity = '1'));
+    const ring = document.createElement('div');
+    ring.className = 'syntro-spotlight-ring';
     Object.assign(ring.style, {
-        position: "fixed",
-        pointerEvents: "none",
+        position: 'fixed',
+        pointerEvents: 'none',
         borderRadius: `${radius}px`,
-        border: `2px solid ${ringColor || tokenRing || "#5b8cff"}`,
+        border: `2px solid ${ringColor || tokenRing || '#5b8cff'}`,
         boxShadow: `0 0 0 4px rgba(255,255,255,0.35)`,
-        zIndex: "2147483647",
-        transition: "all 220ms cubic-bezier(0.16,1,0.3,1)",
+        zIndex: '2147483647',
+        transition: 'all 220ms cubic-bezier(0.16,1,0.3,1)',
     });
     overlayRoot.appendChild(ring);
     const fallbackSlices = [];
     if (!supportsPathClip) {
         for (let i = 0; i < 4; i++) {
-            const slice = document.createElement("div");
-            slice.style.position = "fixed";
-            slice.style.background = "inherit";
+            const slice = document.createElement('div');
+            slice.style.position = 'fixed';
+            slice.style.background = 'inherit';
             fallbackSlices.push(slice);
             scrim.appendChild(slice);
         }
@@ -90,19 +90,19 @@ export function showHighlight(anchorEl, overlayRoot, opts) {
         else {
             const [top, right, bottom, left] = fallbackSlices;
             Object.assign(top.style, {
-                left: "0px",
-                top: "0px",
-                width: "100vw",
+                left: '0px',
+                top: '0px',
+                width: '100vw',
                 height: `${y}px`,
             });
             Object.assign(bottom.style, {
-                left: "0px",
+                left: '0px',
                 top: `${y + h}px`,
-                width: "100vw",
+                width: '100vw',
                 height: `${Math.max(0, window.innerHeight - (y + h))}px`,
             });
             Object.assign(left.style, {
-                left: "0px",
+                left: '0px',
                 top: `${y}px`,
                 width: `${x}px`,
                 height: `${h}px`,
@@ -119,14 +119,14 @@ export function showHighlight(anchorEl, overlayRoot, opts) {
     ro.observe(anchorEl);
     const onScroll = () => requestAnimationFrame(update);
     const onResize = () => requestAnimationFrame(update);
-    window.addEventListener("scroll", onScroll, true);
-    window.addEventListener("resize", onResize);
+    window.addEventListener('scroll', onScroll, true);
+    window.addEventListener('resize', onResize);
     const onKey = (e) => {
-        if (e.key === "Escape" && onEsc)
+        if (e.key === 'Escape' && onEsc)
             handle.destroy();
     };
     if (onEsc) {
-        window.addEventListener("keydown", onKey);
+        window.addEventListener('keydown', onKey);
     }
     const onClick = (event) => {
         if (blocking) {
@@ -137,17 +137,17 @@ export function showHighlight(anchorEl, overlayRoot, opts) {
             handle.destroy();
         }
     };
-    scrim.addEventListener("click", onClick);
+    scrim.addEventListener('click', onClick);
     const handle = {
         destroy() {
             ro.disconnect();
-            window.removeEventListener("scroll", onScroll, true);
-            window.removeEventListener("resize", onResize);
+            window.removeEventListener('scroll', onScroll, true);
+            window.removeEventListener('resize', onResize);
             if (onEsc) {
-                window.removeEventListener("keydown", onKey);
+                window.removeEventListener('keydown', onKey);
             }
-            scrim.removeEventListener("click", onClick);
-            scrim.style.opacity = "0";
+            scrim.removeEventListener('click', onClick);
+            scrim.style.opacity = '0';
             setTimeout(() => {
                 scrim.remove();
                 ring.remove();