@syntrologie/runtime-sdk 0.2.0

package/dist/components/RectangleWheel.js.map

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

package/dist/components/ShadowCanvasOverlay.d.ts

@@ -0,0 +1,26 @@
+import { ReactNode } from "react";
+import type { RectangleConfig } from "../types";
+import type { TelemetryClient } from "../telemetry/types";
+import { MountableComponent } from "../api";
+export interface CanvasTheme {
+    position: 'left' | 'right';
+    baseWidth: string;
+    expandedWidth: string;
+    zIndex: number;
+    backdropBlur: string;
+}
+export interface ShadowCanvasOverlayProps {
+    isOpen: boolean;
+    onToggle: () => void;
+    telemetry?: TelemetryClient;
+    launcherLabel?: string;
+    footerSlot?: ReactNode;
+    rectangles: RectangleConfig[];
+    isLoading: boolean;
+    error?: string;
+    canvasTitle?: string;
+    displayMode?: 'standard' | 'focused';
+    theme?: Partial<CanvasTheme>;
+    customRenderers?: Record<string, MountableComponent>;
+}
+export declare function ShadowCanvasOverlay({ isOpen, onToggle, telemetry, launcherLabel, footerSlot, rectangles, isLoading, error, canvasTitle, displayMode, theme: themeOverride, customRenderers, }: ShadowCanvasOverlayProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/ShadowCanvasOverlay.js

@@ -0,0 +1,163 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { createPortal } from "react-dom";
+import { RectangleCard } from "./RectangleCard";
+const DEFAULT_THEME = {
+    position: 'right',
+    baseWidth: 'clamp(320px, 16.666vw, 420px)',
+    expandedWidth: '40vw',
+    zIndex: 2147483600,
+    backdropBlur: '18px'
+};
+export function ShadowCanvasOverlay({ isOpen, onToggle, telemetry, launcherLabel = "Canvas", footerSlot, rectangles, isLoading, error, canvasTitle, displayMode = 'standard', theme: themeOverride, customRenderers, }) {
+    const [mounted, setMounted] = useState(false);
+    const [expandedId, setExpandedId] = useState(null);
+    const theme = { ...DEFAULT_THEME, ...themeOverride };
+    const handleTileClick = (id) => {
+        setExpandedId(expandedId === id ? null : id);
+    };
+    useEffect(() => {
+        if (!isOpen || !telemetry)
+            return;
+        rectangles.forEach((rectangle) => {
+            telemetry.trackRectangleViewed(rectangle.id, "overlay");
+        });
+    }, [telemetry, isOpen, rectangles]);
+    useEffect(() => {
+        setMounted(true);
+    }, []);
+    const toggle = () => {
+        const next = !isOpen;
+        if (next) {
+            telemetry === null || telemetry === void 0 ? void 0 : telemetry.trackCanvasOpened("overlay");
+        }
+        else {
+            telemetry === null || telemetry === void 0 ? void 0 : telemetry.trackCanvasClosed("overlay");
+        }
+        onToggle();
+    };
+    const isFocused = displayMode === 'focused';
+    const isRight = theme.position === 'right';
+    const containerStyle = {
+        display: "flex",
+        flexDirection: "column",
+        width: isFocused ? theme.expandedWidth : theme.baseWidth,
+        minWidth: "320px",
+        height: "100%",
+        maxHeight: "100%",
+        background: isFocused
+            ? "linear-gradient(to top right, rgba(80, 10, 20, 0.5) 0%, rgba(12, 12, 12, 0.98) 50%, rgba(8, 8, 8, 0.99) 100%)"
+            : "linear-gradient(to top right, rgba(60, 8, 15, 0.6) 0%, rgba(12, 12, 12, 0.95) 45%, rgba(8, 8, 8, 0.97) 100%)",
+        backdropFilter: `blur(${theme.backdropBlur})`,
+        WebkitBackdropFilter: `blur(${theme.backdropBlur})`,
+        pointerEvents: "auto",
+        opacity: isOpen ? 1 : 0.8,
+        transition: "all 340ms cubic-bezier(0.16, 1, 0.3, 1)",
+        // Borders
+        border: isFocused
+            ? (isRight ? undefined : "1px solid rgba(255, 255, 255, 0.06)")
+            : "1px solid rgba(80, 20, 30, 0.4)",
+        borderLeft: (isFocused && isRight) ? "1px solid rgba(255, 255, 255, 0.08)" : undefined,
+        borderRight: (isFocused && !isRight) ? "1px solid rgba(255, 255, 255, 0.08)" : undefined,
+        // Rounded corners
+        borderRadius: isFocused ? "0" : "24px",
+        // Shadow
+        boxShadow: isFocused
+            ? "none"
+            : "0 25px 80px rgba(0, 0, 0, 0.7), inset 0 0 80px rgba(60, 8, 15, 0.15)",
+        // Transform logic
+        transform: isOpen
+            ? "translateX(0)"
+            : (isRight ? "translateX(120%)" : "translateX(-120%)")
+    };
+    const wrapperStyle = {
+        position: "absolute",
+        inset: 0,
+        display: "flex",
+        flexDirection: isRight ? "row-reverse" : "row",
+        alignItems: "stretch",
+        pointerEvents: "none",
+        padding: isFocused ? "0" : "1rem",
+    };
+    const content = (_jsx("div", { "data-shadow-canvas-id": "overlay-root", style: {
+            position: "fixed",
+            inset: 0,
+            pointerEvents: isOpen ? "auto" : "none",
+            zIndex: theme.zIndex,
+        }, children: _jsxs("div", { style: wrapperStyle, children: [_jsxs("div", { style: containerStyle, children: [!isFocused && (_jsx("header", { style: { color: "white", padding: "1.5rem 1.5rem 0" }, children: _jsx("p", { style: { margin: 0, fontSize: "0.7rem", textTransform: "uppercase", letterSpacing: "0.5em", color: "rgba(255, 255, 255, 0.6)" }, children: canvasTitle !== null && canvasTitle !== void 0 ? canvasTitle : "Smart Canvas" }) })), _jsx("div", { style: { flex: 1, overflowY: "auto", padding: isFocused ? "0" : "1.5rem" }, children: isLoading ? (_jsx("div", { style: { color: "rgba(255, 255, 255, 0.85)", padding: isFocused ? "1rem" : "0" }, children: "Loading..." })) : error ? (_jsxs("div", { style: { color: "#fecdd3", padding: isFocused ? "1rem" : "0" }, children: ["Failed to load: ", error] })) : isFocused ? (
+                            /* Focused Mode: Render first rectangle full size */
+                            rectangles.length > 0 ? (_jsx(RectangleCard, { config: rectangles[0], surface: "overlay", telemetry: telemetry, customRenderers: customRenderers, isExpanded: true, onToggleExpand: () => { }, style: { width: "100%", height: "100%" } })) : null) : (
+                            /* Standard Mode: Notification Center Style Grid */
+                            _jsx("div", { style: {
+                                    display: "grid",
+                                    gridTemplateColumns: "repeat(2, minmax(0, 1fr))",
+                                    gap: "0.625rem",
+                                    width: "100%",
+                                }, children: rectangles.map((rectangle) => {
+                                    var _a;
+                                    const isHalf = ((_a = rectangle.size) !== null && _a !== void 0 ? _a : "half") === "quarter" || rectangle.size === "half";
+                                    const isExpanded = expandedId === rectangle.id;
+                                    return (_jsx("div", { style: {
+                                            gridColumn: isHalf && !isExpanded ? "span 1" : "span 2",
+                                            transition: "all 0.25s ease",
+                                        }, children: _jsx(RectangleCard, { config: rectangle, surface: "overlay", telemetry: telemetry, customRenderers: customRenderers, isExpanded: isExpanded, onToggleExpand: () => handleTileClick(rectangle.id), style: { width: "100%" } }) }, rectangle.id));
+                                }) })) }), footerSlot] }), _jsx("div", { onClick: toggle, style: {
+                        flex: "1 1 auto",
+                        pointerEvents: isOpen ? "auto" : "none",
+                        cursor: "default",
+                    } })] }) }));
+    if (!mounted)
+        return null;
+    return (_jsxs(_Fragment, { children: [createPortal(_jsx("div", { "data-shadow-canvas-id": "overlay-launcher", style: {
+                    position: "fixed",
+                    inset: 0,
+                    pointerEvents: "none",
+                    zIndex: theme.zIndex + 47,
+                }, children: _jsxs("button", { onClick: toggle, "aria-label": "Toggle shadow canvas", style: {
+                        position: "fixed",
+                        bottom: "2.5rem",
+                        right: isRight ? "2.5rem" : undefined,
+                        left: !isRight ? "2.5rem" : undefined,
+                        pointerEvents: "auto",
+                        display: "flex",
+                        alignItems: "center",
+                        gap: "0.75rem",
+                        borderRadius: "18px",
+                        color: "white",
+                        boxShadow: "0 20px 45px rgba(15, 23, 42, 0.35)",
+                        transition: "transform 0.2s ease",
+                        outline: "none",
+                        padding: "0.65rem 1.25rem",
+                        border: "2px solid rgba(255, 255, 255, 0.25)",
+                        backgroundColor: "rgba(2, 6, 23, 0.8)",
+                        backdropFilter: "blur(12px)",
+                        cursor: "pointer",
+                    }, onMouseEnter: (e) => (e.currentTarget.style.transform = "translateY(-2px)"), onMouseLeave: (e) => (e.currentTarget.style.transform = "translateY(0)"), children: [_jsx("div", { style: {
+                                width: "36px",
+                                height: "36px",
+                                borderRadius: "12px",
+                                background: isOpen
+                                    ? "linear-gradient(135deg, #f472b6, #ec4899)"
+                                    : "linear-gradient(135deg, #94a3b8, #0f172a)",
+                                display: "flex",
+                                alignItems: "center",
+                                justifyContent: "center",
+                            }, children: _jsx("span", { style: {
+                                    width: "14px",
+                                    height: "2px",
+                                    backgroundColor: "#fff",
+                                    display: "block",
+                                    transform: isOpen ? "rotate(45deg)" : "rotate(0)",
+                                    position: "relative",
+                                    transition: "transform 200ms ease",
+                                }, children: !isOpen ? (_jsx("span", { style: {
+                                        position: "absolute",
+                                        top: 0,
+                                        left: 0,
+                                        width: "14px",
+                                        height: "2px",
+                                        backgroundColor: "#fff",
+                                        transform: "rotate(90deg)",
+                                    } })) : null }) }), _jsxs("div", { style: { display: "flex", flexDirection: "column", textAlign: "left" }, children: [_jsx("span", { style: { fontSize: "0.55rem", letterSpacing: "0.35em", color: "rgba(255,255,255,0.7)" }, children: isOpen ? "Hide" : "Open" }), _jsx("span", { style: { fontSize: "0.85rem", letterSpacing: "0.25em" }, children: launcherLabel })] })] }) }), document.body), isOpen ? createPortal(content, document.body) : null] }));
+}
+//# sourceMappingURL=ShadowCanvasOverlay.js.map

package/dist/components/ShadowCanvasOverlay.js.map

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

package/dist/configFetcher.d.ts

@@ -0,0 +1,15 @@
+import type { CanvasConfigFetcher } from "./types";
+import type { ExperimentClient } from "./experiments/types";
+export interface CanvasFetcherOptions {
+    configUri?: string;
+    experiments?: ExperimentClient;
+    featureKey?: string;
+    credentials?: RequestCredentials;
+    configFeatureKey?: string;
+}
+export declare const resolveConfigUri: ({ configUri, experiments, featureKey, }: {
+    configUri?: string;
+    experiments?: ExperimentClient;
+    featureKey?: string;
+}) => string | undefined;
+export declare const createCanvasConfigFetcher: ({ configUri, experiments, featureKey, credentials, configFeatureKey, }: CanvasFetcherOptions) => CanvasConfigFetcher;

package/dist/configFetcher.js

@@ -0,0 +1,90 @@
+/**
+ * Allowed hosts for fetching config.
+ * Only config from these hosts will be fetched.
+ */
+const ALLOWED_CONFIG_HOSTS = [
+    'api.syntrologie.com',
+    'cdn.syntrologie.com',
+    'localhost',
+    '127.0.0.1'
+];
+/**
+ * Validates that a config URI is from an allowed host.
+ * Requires HTTPS for non-localhost URLs.
+ */
+function validateConfigUri(uri) {
+    try {
+        const parsed = new URL(uri);
+        const isLocalhost = /^(localhost|127\.0\.0\.1)$/.test(parsed.hostname);
+        // Require HTTPS for non-localhost
+        if (parsed.protocol !== 'https:' && !isLocalhost) {
+            console.warn('[SmartCanvas] Config URI must use HTTPS:', uri);
+            return false;
+        }
+        // Check against allowlist
+        const isAllowed = ALLOWED_CONFIG_HOSTS.some(host => parsed.hostname === host);
+        if (!isAllowed) {
+            console.warn('[SmartCanvas] Config URI host not in allowlist:', parsed.hostname);
+            return false;
+        }
+        return true;
+    }
+    catch {
+        console.warn('[SmartCanvas] Invalid config URI:', uri);
+        return false;
+    }
+}
+/**
+ * Checks if a URI is same-origin with the current page.
+ */
+function isSameOrigin(uri) {
+    if (typeof window === 'undefined')
+        return false;
+    try {
+        const parsed = new URL(uri);
+        return parsed.origin === window.location.origin;
+    }
+    catch {
+        return false;
+    }
+}
+export const resolveConfigUri = ({ configUri, experiments, featureKey = "smart-canvas-config-uri", }) => {
+    var _a;
+    if (configUri)
+        return configUri;
+    const fromFeature = (_a = experiments === null || experiments === void 0 ? void 0 : experiments.getFeatureValue) === null || _a === void 0 ? void 0 : _a.call(experiments, featureKey, null);
+    if (fromFeature)
+        return fromFeature;
+    return undefined;
+};
+export const createCanvasConfigFetcher = ({ configUri, experiments, featureKey, credentials, configFeatureKey = "smart-canvas-config", }) => {
+    return async () => {
+        var _a;
+        // First check if we have a direct config object from experiment platform
+        if (experiments && configFeatureKey) {
+            const directConfig = (_a = experiments.getFeatureValue) === null || _a === void 0 ? void 0 : _a.call(experiments, configFeatureKey, null);
+            if (directConfig && typeof directConfig === 'object') {
+                // Return the config directly - no fetch needed
+                return directConfig;
+            }
+        }
+        // Fall back to URI-based fetching
+        const uri = resolveConfigUri({ configUri, experiments, featureKey });
+        if (!uri) {
+            throw new Error("SmartCanvas: config URI missing (env + feature flag unset).");
+        }
+        // Security: Validate URI against allowlist
+        if (!validateConfigUri(uri)) {
+            throw new Error(`SmartCanvas: config URI not allowed: ${uri}`);
+        }
+        // Security: Only send credentials to same-origin requests
+        // This prevents leaking cookies to third-party servers
+        const effectiveCredentials = credentials !== null && credentials !== void 0 ? credentials : (isSameOrigin(uri) ? 'include' : 'omit');
+        const response = await fetch(uri, { credentials: effectiveCredentials });
+        if (!response.ok) {
+            throw new Error(`SmartCanvas: failed to fetch config (${response.status})`);
+        }
+        return await response.json();
+    };
+};
+//# sourceMappingURL=configFetcher.js.map

package/dist/configFetcher.js.map

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

package/dist/controller.d.ts

@@ -0,0 +1,15 @@
+export interface SmartCanvasState {
+    open: boolean;
+}
+export type SmartCanvasListener = (state: SmartCanvasState) => void;
+export declare class SmartCanvasController {
+    private state;
+    private listeners;
+    constructor(initial?: Partial<SmartCanvasState>);
+    getState(): SmartCanvasState;
+    subscribe(listener: SmartCanvasListener): () => void;
+    setOpen(open: boolean): void;
+    toggle(): void;
+    private emit;
+}
+export declare const createSmartCanvasController: (initial?: Partial<SmartCanvasState>) => SmartCanvasController;

package/dist/controller.js

@@ -0,0 +1,34 @@
+export class SmartCanvasController {
+    constructor(initial) {
+        var _a;
+        this.listeners = new Set();
+        this.state = {
+            open: (_a = initial === null || initial === void 0 ? void 0 : initial.open) !== null && _a !== void 0 ? _a : false,
+        };
+    }
+    getState() {
+        return this.state;
+    }
+    subscribe(listener) {
+        this.listeners.add(listener);
+        return () => {
+            this.listeners.delete(listener);
+        };
+    }
+    setOpen(open) {
+        if (this.state.open === open)
+            return;
+        this.state = { ...this.state, open };
+        this.emit();
+    }
+    toggle() {
+        this.setOpen(!this.state.open);
+    }
+    emit() {
+        for (const listener of this.listeners) {
+            listener(this.state);
+        }
+    }
+}
+export const createSmartCanvasController = (initial) => new SmartCanvasController(initial);
+//# sourceMappingURL=controller.js.map

package/dist/controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"controller.js","sourceRoot":"","sources":["../src/controller.ts"],"names":[],"mappings":"AAMA,MAAM,OAAO,qBAAqB;IAIhC,YAAY,OAAmC;;QAFvC,cAAS,GAAG,IAAI,GAAG,EAAuB,CAAC;QAGjD,IAAI,CAAC,KAAK,GAAG;YACX,IAAI,EAAE,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,mCAAI,KAAK;SAC7B,CAAC;IACJ,CAAC;IAED,QAAQ;QACN,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IAED,SAAS,CAAC,QAA6B;QACrC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAC7B,OAAO,GAAG,EAAE;YACV,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;QAClC,CAAC,CAAC;IACJ,CAAC;IAED,OAAO,CAAC,IAAa;QACnB,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,IAAI;YAAE,OAAO;QACrC,IAAI,CAAC,KAAK,GAAG,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC;QACrC,IAAI,CAAC,IAAI,EAAE,CAAC;IACd,CAAC;IAED,MAAM;QACJ,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACjC,CAAC;IAEO,IAAI;QACV,KAAK,MAAM,QAAQ,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACtC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC;IACH,CAAC;CACF;AAED,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,OAAmC,EAAE,EAAE,CACjF,IAAI,qBAAqB,CAAC,OAAO,CAAC,CAAC"}

package/dist/earlyPatcher.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Early patch application - runs before React to prevent flashing
+ */
+import type { Patch } from './hostPatcher/core/types';
+interface EarlyPatchConfig {
+    patches?: Patch[];
+    antiFlicker?: boolean;
+    onComplete?: () => void;
+}
+/**
+ * Revert all currently active patches
+ */
+export declare function revertAllPatches(): void;
+/**
+ * Apply patches immediately (synchronously) to prevent content flash
+ * This runs before React components are mounted
+ */
+export declare function applyPatchesEarly(config: EarlyPatchConfig): void;
+/**
+ * Extract patches from SDK config
+ */
+export declare function extractPatchesFromConfig(config: any): Patch[];
+export {};

package/dist/earlyPatcher.js

@@ -0,0 +1,70 @@
+/**
+ * Early patch application - runs before React to prevent flashing
+ */
+import { applyPatch, revertPatch } from './hostPatcher/core/patcher';
+import { defaultPolicy } from './hostPatcher/policy/defaultPolicy';
+// Track active patches so we can revert them
+let activePatchIds = new Set();
+/**
+ * Revert all currently active patches
+ */
+export function revertAllPatches() {
+    activePatchIds.forEach(id => {
+        try {
+            revertPatch(id);
+        }
+        catch (e) {
+            console.warn(`[SmartCanvas] Failed to revert patch ${id}`, e);
+        }
+    });
+    activePatchIds.clear();
+    console.log('[SmartCanvas] Reverted all patches');
+}
+/**
+ * Apply patches immediately (synchronously) to prevent content flash
+ * This runs before React components are mounted
+ */
+export function applyPatchesEarly(config) {
+    const { patches = [], onComplete } = config;
+    // Apply each patch synchronously
+    let appliedCount = 0;
+    patches.forEach(patch => {
+        try {
+            const result = applyPatch(patch, {
+                policy: defaultPolicy,
+                shadowHost: null // No shadow DOM yet, apply to main document
+            });
+            if (result.ok) {
+                appliedCount++;
+                activePatchIds.add(patch.id);
+                console.log(`[SmartCanvas] Early patch applied: ${patch.id}`);
+            }
+            else {
+                console.warn(`[SmartCanvas] Early patch failed: ${patch.id}`, result.reason);
+            }
+        }
+        catch (error) {
+            console.error(`[SmartCanvas] Error applying early patch: ${patch.id}`, error);
+        }
+    });
+    console.log(`[SmartCanvas] Applied ${appliedCount}/${patches.length} patches early`);
+    // Callback when done
+    if (onComplete) {
+        onComplete();
+    }
+}
+/**
+ * Extract patches from SDK config
+ */
+export function extractPatchesFromConfig(config) {
+    if (!config || !config.patches)
+        return [];
+    return config.patches.map((patch, index) => ({
+        id: patch.id || `patch_${index}`,
+        anchor: patch.anchor,
+        operations: patch.operations || [],
+        invariants: patch.invariants,
+        tier: patch.tier || 'additive'
+    }));
+}
+//# sourceMappingURL=earlyPatcher.js.map

package/dist/earlyPatcher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"earlyPatcher.js","sourceRoot":"","sources":["../src/earlyPatcher.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAQnE,6CAA6C;AAC7C,IAAI,cAAc,GAAgB,IAAI,GAAG,EAAE,CAAC;AAE5C;;GAEG;AACH,MAAM,UAAU,gBAAgB;IAC9B,cAAc,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;QAC1B,IAAI,CAAC;YACH,WAAW,CAAC,EAAE,CAAC,CAAC;QAClB,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACX,OAAO,CAAC,IAAI,CAAC,wCAAwC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;QAChE,CAAC;IACH,CAAC,CAAC,CAAC;IACH,cAAc,CAAC,KAAK,EAAE,CAAC;IACvB,OAAO,CAAC,GAAG,CAAC,oCAAoC,CAAC,CAAC;AACpD,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,iBAAiB,CAAC,MAAwB;IACxD,MAAM,EAAE,OAAO,GAAG,EAAE,EAAE,UAAU,EAAE,GAAG,MAAM,CAAC;IAE5C,iCAAiC;IACjC,IAAI,YAAY,GAAG,CAAC,CAAC;IACrB,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QACtB,IAAI,CAAC;YACH,MAAM,MAAM,GAAG,UAAU,CAAC,KAAK,EAAE;gBAC/B,MAAM,EAAE,aAAa;gBACrB,UAAU,EAAE,IAAI,CAAC,4CAA4C;aAC9D,CAAC,CAAC;YAEH,IAAI,MAAM,CAAC,EAAE,EAAE,CAAC;gBACd,YAAY,EAAE,CAAC;gBACf,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;gBAC7B,OAAO,CAAC,GAAG,CAAC,sCAAsC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;YAChE,CAAC;iBAAM,CAAC;gBACN,OAAO,CAAC,IAAI,CAAC,qCAAqC,KAAK,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;YAC/E,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,6CAA6C,KAAK,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,CAAC;QAChF,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,CAAC,GAAG,CAAC,yBAAyB,YAAY,IAAI,OAAO,CAAC,MAAM,gBAAgB,CAAC,CAAC;IAErF,qBAAqB;IACrB,IAAI,UAAU,EAAE,CAAC;QACf,UAAU,EAAE,CAAC;IACf,CAAC;AACH,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,wBAAwB,CAAC,MAAW;IAClD,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,OAAO;QAAE,OAAO,EAAE,CAAC;IAE1C,OAAO,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,KAAU,EAAE,KAAa,EAAE,EAAE,CAAC,CAAC;QACxD,EAAE,EAAE,KAAK,CAAC,EAAE,IAAI,SAAS,KAAK,EAAE;QAChC,MAAM,EAAE,KAAK,CAAC,MAAM;QACpB,UAAU,EAAE,KAAK,CAAC,UAAU,IAAI,EAAE;QAClC,UAAU,EAAE,KAAK,CAAC,UAAU;QAC5B,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,UAAU;KAC/B,CAAC,CAAC,CAAC;AACN,CAAC"}

package/dist/editorLoader.d.ts

@@ -0,0 +1,17 @@
+export declare const DEFAULT_EDITOR_URL = "https://cdn.syntrologie.com/editor-sdk/latest/editor-sdk.js";
+/**
+ * Checks if the editor should be loaded based on URL query parameters.
+ * Requires editor_token parameter for security (not just syntro_editor flag).
+ */
+export declare const shouldLoadEditor: () => boolean;
+export interface EditorLoadOptions {
+    /** URL to load editor SDK from */
+    editorUrl?: string;
+    /** SRI hash for integrity verification (e.g., "sha384-...") */
+    integrity?: string;
+}
+/**
+ * Dynamically loads the Editor SDK script.
+ * Validates URL against allowlist and supports SRI integrity checking.
+ */
+export declare const loadEditorSdk: (editorUrlOrOptions?: string | EditorLoadOptions) => Promise<void>;

package/dist/editorLoader.js

@@ -0,0 +1,95 @@
+export const DEFAULT_EDITOR_URL = "https://cdn.syntrologie.com/editor-sdk/latest/editor-sdk.js";
+/**
+ * Allowed hosts for loading the editor SDK.
+ * Only scripts from these hosts will be loaded.
+ */
+const ALLOWED_EDITOR_HOSTS = [
+    'cdn.syntrologie.com',
+    'localhost',
+    '127.0.0.1'
+];
+/**
+ * Validates that an editor URL is from an allowed host.
+ * Requires HTTPS for non-localhost URLs.
+ */
+function validateEditorUrl(url) {
+    try {
+        const parsed = new URL(url);
+        const isLocalhost = /^(localhost|127\.0\.0\.1)$/.test(parsed.hostname);
+        // Require HTTPS for non-localhost
+        if (parsed.protocol !== 'https:' && !isLocalhost) {
+            console.warn('[Syntro Runtime] Editor URL must use HTTPS:', url);
+            return false;
+        }
+        // Check against allowlist
+        const isAllowed = ALLOWED_EDITOR_HOSTS.some(host => parsed.hostname === host);
+        if (!isAllowed) {
+            console.warn('[Syntro Runtime] Editor URL host not in allowlist:', parsed.hostname);
+            return false;
+        }
+        return true;
+    }
+    catch {
+        console.warn('[Syntro Runtime] Invalid editor URL:', url);
+        return false;
+    }
+}
+/**
+ * Checks if the editor should be loaded based on URL query parameters.
+ * Requires editor_token parameter for security (not just syntro_editor flag).
+ */
+export const shouldLoadEditor = () => {
+    if (typeof window === "undefined")
+        return false;
+    const params = new URLSearchParams(window.location.search);
+    // Require editor_token for security - prevents arbitrary editor activation
+    const hasEditorFlag = params.has("syntro_editor") || params.has("syntro-editor");
+    const hasEditorToken = params.has("editor_token");
+    if (hasEditorFlag && !hasEditorToken) {
+        console.warn('[Syntro Runtime] Editor activation requires editor_token parameter');
+        return false;
+    }
+    return hasEditorFlag && hasEditorToken;
+};
+/**
+ * Dynamically loads the Editor SDK script.
+ * Validates URL against allowlist and supports SRI integrity checking.
+ */
+export const loadEditorSdk = async (editorUrlOrOptions) => {
+    var _a;
+    if (typeof window === "undefined")
+        return;
+    if (window.SyntroEditor)
+        return; // Already loaded
+    // Handle both legacy string arg and new options object
+    const options = typeof editorUrlOrOptions === 'string'
+        ? { editorUrl: editorUrlOrOptions }
+        : editorUrlOrOptions !== null && editorUrlOrOptions !== void 0 ? editorUrlOrOptions : {};
+    const editorUrl = (_a = options.editorUrl) !== null && _a !== void 0 ? _a : DEFAULT_EDITOR_URL;
+    // Security: Validate URL against allowlist
+    if (!validateEditorUrl(editorUrl)) {
+        console.error('[Syntro Runtime] Blocked loading editor from untrusted URL:', editorUrl);
+        return;
+    }
+    console.log("[Syntro Runtime] Loading Editor SDK from:", editorUrl);
+    return new Promise((resolve, reject) => {
+        const script = document.createElement("script");
+        script.src = editorUrl;
+        script.async = true;
+        // Add SRI integrity check if provided
+        if (options.integrity) {
+            script.integrity = options.integrity;
+            script.crossOrigin = "anonymous";
+        }
+        script.onload = () => {
+            console.log("[Syntro Runtime] Editor SDK loaded.");
+            resolve();
+        };
+        script.onerror = (err) => {
+            console.error("[Syntro Runtime] Failed to load Editor SDK:", err);
+            reject(err);
+        };
+        document.head.appendChild(script);
+    });
+};
+//# sourceMappingURL=editorLoader.js.map

package/dist/editorLoader.js.map

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