@syntrologie/runtime-sdk 0.2.0

package/dist/telemetry/adapters/posthog.d.ts

@@ -0,0 +1,67 @@
+/**
+ * PostHog adapter for the TelemetryClient interface.
+ *
+ * This file is INTERNAL - consumers should only import from telemetry/types.ts
+ * and use the TelemetryClient interface.
+ */
+import type { PostHog, Properties } from "posthog-js";
+import type { TelemetryClient, CanvasSurface } from "../types";
+export interface PostHogAdapterOptions {
+    /**
+     * PostHog API key.
+     */
+    apiKey?: string;
+    /**
+     * PostHog API host.
+     * @default "https://telemetry.syntrologie.com"
+     */
+    apiHost?: string;
+    /**
+     * Existing PostHog client to wrap.
+     */
+    client?: PostHog;
+    /**
+     * Enable full-page autocapture (clicks, form submissions, etc.)
+     * @default true
+     */
+    autocapture?: boolean;
+    /**
+     * Enable session recording.
+     * @default true
+     */
+    sessionRecording?: boolean;
+    /**
+     * Enable pageview capture.
+     * @default true
+     */
+    capturePageview?: boolean;
+    /**
+     * Enable page leave capture.
+     * @default true
+     */
+    capturePageleave?: boolean;
+}
+interface CanvasAnalyticsPayload extends Properties {
+    rectangleId?: string;
+    surface?: CanvasSurface;
+}
+/**
+ * Internal adapter that implements TelemetryClient using PostHog.
+ */
+export declare class PostHogAdapter implements TelemetryClient {
+    private readonly options;
+    private client?;
+    constructor(options?: PostHogAdapterOptions);
+    identify(id: string, props?: Properties): void;
+    alias(id: string, aliasId: string): void;
+    track(eventName: string, payload?: CanvasAnalyticsPayload): void;
+    trackCanvasOpened(surface: CanvasSurface): void;
+    trackCanvasClosed(surface: CanvasSurface): void;
+    trackRectangleViewed(rectangleId: string, surface: CanvasSurface): void;
+    trackAction(action: string, rectangleId: string, surface: CanvasSurface): void;
+}
+/**
+ * Create a TelemetryClient backed by PostHog.
+ */
+export declare function createPostHogClient(options?: PostHogAdapterOptions): TelemetryClient;
+export {};

package/dist/telemetry/adapters/posthog.js

@@ -0,0 +1,61 @@
+import posthog from "posthog-js";
+/**
+ * Internal adapter that implements TelemetryClient using PostHog.
+ */
+export class PostHogAdapter {
+    constructor(options = {}) {
+        var _a, _b, _c, _d, _e;
+        this.options = options;
+        this.client = options.client;
+        if (!this.client && typeof window !== "undefined" && options.apiKey) {
+            this.client = posthog;
+            this.client.init(options.apiKey, {
+                api_host: (_a = options.apiHost) !== null && _a !== void 0 ? _a : "https://telemetry.syntrologie.com",
+                // Full-page tracking - all ON by default
+                autocapture: (_b = options.autocapture) !== null && _b !== void 0 ? _b : true,
+                capture_pageview: (_c = options.capturePageview) !== null && _c !== void 0 ? _c : true,
+                capture_pageleave: (_d = options.capturePageleave) !== null && _d !== void 0 ? _d : true,
+                disable_session_recording: !((_e = options.sessionRecording) !== null && _e !== void 0 ? _e : true),
+                // Cross-domain iframe recording for embeds
+                session_recording: {
+                    recordCrossDomainIFrames: true,
+                },
+                // Capture performance metrics
+                capture_performance: true,
+                // Enable web vitals
+                enable_recording_console_log: true,
+            });
+        }
+    }
+    identify(id, props) {
+        var _a;
+        (_a = this.client) === null || _a === void 0 ? void 0 : _a.identify(id, props);
+    }
+    alias(id, aliasId) {
+        var _a;
+        (_a = this.client) === null || _a === void 0 ? void 0 : _a.alias(id, aliasId);
+    }
+    track(eventName, payload) {
+        var _a;
+        (_a = this.client) === null || _a === void 0 ? void 0 : _a.capture(eventName, payload);
+    }
+    trackCanvasOpened(surface) {
+        this.track("shadow_canvas_opened", { surface });
+    }
+    trackCanvasClosed(surface) {
+        this.track("shadow_canvas_closed", { surface });
+    }
+    trackRectangleViewed(rectangleId, surface) {
+        this.track("shadow_canvas_rectangle_viewed", { rectangleId, surface });
+    }
+    trackAction(action, rectangleId, surface) {
+        this.track("shadow_canvas_action", { action, rectangleId, surface });
+    }
+}
+/**
+ * Create a TelemetryClient backed by PostHog.
+ */
+export function createPostHogClient(options = {}) {
+    return new PostHogAdapter(options);
+}
+//# sourceMappingURL=posthog.js.map

package/dist/telemetry/adapters/posthog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"posthog.js","sourceRoot":"","sources":["../../../src/telemetry/adapters/posthog.ts"],"names":[],"mappings":"AAOA,OAAO,OAAO,MAAM,YAAY,CAAC;AAkDjC;;GAEG;AACH,MAAM,OAAO,cAAc;IAGzB,YAA6B,UAAiC,EAAE;;QAAnC,YAAO,GAAP,OAAO,CAA4B;QAC9D,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;QAC7B,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,OAAO,CAAC,MAAM,EAAE,CAAC;YACpE,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC;YACtB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE;gBAC/B,QAAQ,EAAE,MAAA,OAAO,CAAC,OAAO,mCAAI,mCAAmC;gBAChE,yCAAyC;gBACzC,WAAW,EAAE,MAAA,OAAO,CAAC,WAAW,mCAAI,IAAI;gBACxC,gBAAgB,EAAE,MAAA,OAAO,CAAC,eAAe,mCAAI,IAAI;gBACjD,iBAAiB,EAAE,MAAA,OAAO,CAAC,gBAAgB,mCAAI,IAAI;gBACnD,yBAAyB,EAAE,CAAC,CAAC,MAAA,OAAO,CAAC,gBAAgB,mCAAI,IAAI,CAAC;gBAC9D,2CAA2C;gBAC3C,iBAAiB,EAAE;oBACjB,wBAAwB,EAAE,IAAI;iBAC/B;gBACD,8BAA8B;gBAC9B,mBAAmB,EAAE,IAAI;gBACzB,oBAAoB;gBACpB,4BAA4B,EAAE,IAAI;aACnC,CAAC,CAAC;QACL,CAAC;IACH,CAAC;IAED,QAAQ,CAAC,EAAU,EAAE,KAAkB;;QACrC,MAAA,IAAI,CAAC,MAAM,0CAAE,QAAQ,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;IACnC,CAAC;IAED,KAAK,CAAC,EAAU,EAAE,OAAe;;QAC/B,MAAA,IAAI,CAAC,MAAM,0CAAE,KAAK,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;IAClC,CAAC;IAED,KAAK,CAAC,SAAiB,EAAE,OAAgC;;QACvD,MAAA,IAAI,CAAC,MAAM,0CAAE,OAAO,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IAC3C,CAAC;IAED,iBAAiB,CAAC,OAAsB;QACtC,IAAI,CAAC,KAAK,CAAC,sBAAsB,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC;IAClD,CAAC;IAED,iBAAiB,CAAC,OAAsB;QACtC,IAAI,CAAC,KAAK,CAAC,sBAAsB,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC;IAClD,CAAC;IAED,oBAAoB,CAAC,WAAmB,EAAE,OAAsB;QAC9D,IAAI,CAAC,KAAK,CAAC,gCAAgC,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC,CAAC;IACzE,CAAC;IAED,WAAW,CAAC,MAAc,EAAE,WAAmB,EAAE,OAAsB;QACrE,IAAI,CAAC,KAAK,CAAC,sBAAsB,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC,CAAC;IACvE,CAAC;CACF;AAED;;GAEG;AACH,MAAM,UAAU,mBAAmB,CACjC,UAAiC,EAAE;IAEnC,OAAO,IAAI,cAAc,CAAC,OAAO,CAAC,CAAC;AACrC,CAAC"}

package/dist/telemetry/index.d.ts

@@ -0,0 +1,3 @@
+export type { TelemetryClient, CanvasSurface } from "./types";
+export { createPostHogClient } from "./adapters/posthog";
+export type { PostHogAdapterOptions } from "./adapters/posthog";

package/dist/telemetry/index.js

@@ -0,0 +1,3 @@
+// Adapter factory - consumers use this to create clients
+export { createPostHogClient } from "./adapters/posthog";
+//# sourceMappingURL=index.js.map

package/dist/telemetry/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/telemetry/index.ts"],"names":[],"mappings":"AAGA,yDAAyD;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/telemetry/registry.d.ts

@@ -0,0 +1,13 @@
+import type { TelemetryClient } from "./types";
+/**
+ * Create a telemetry client for the specified provider.
+ *
+ * @param provider - Provider name (e.g., "posthog")
+ * @param config - Provider-specific configuration
+ * @returns A TelemetryClient instance
+ * @throws Error if the provider is not supported
+ */
+export declare function createTelemetryClient(provider: string, config: {
+    apiKey: string;
+    apiHost?: string;
+}): TelemetryClient;

package/dist/telemetry/registry.js

@@ -0,0 +1,27 @@
+/**
+ * Telemetry provider registry.
+ *
+ * Maps provider names to their adapter factories.
+ * This allows the bootstrap module to dynamically create
+ * telemetry clients based on token configuration.
+ */
+import { createPostHogClient } from "./adapters/posthog";
+const adapters = {
+    posthog: (config) => createPostHogClient(config),
+};
+/**
+ * Create a telemetry client for the specified provider.
+ *
+ * @param provider - Provider name (e.g., "posthog")
+ * @param config - Provider-specific configuration
+ * @returns A TelemetryClient instance
+ * @throws Error if the provider is not supported
+ */
+export function createTelemetryClient(provider, config) {
+    const factory = adapters[provider];
+    if (!factory) {
+        throw new Error(`Unknown telemetry provider: ${provider}. Supported: ${Object.keys(adapters).join(", ")}`);
+    }
+    return factory(config);
+}
+//# sourceMappingURL=registry.js.map

package/dist/telemetry/registry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.js","sourceRoot":"","sources":["../../src/telemetry/registry.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,EAAE,mBAAmB,EAAyB,MAAM,oBAAoB,CAAC;AAKhF,MAAM,QAAQ,GAAmC;IAC/C,OAAO,EAAE,CAAC,MAA6B,EAAE,EAAE,CAAC,mBAAmB,CAAC,MAAM,CAAC;CACxE,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,UAAU,qBAAqB,CACnC,QAAgB,EAChB,MAA4C;IAE5C,MAAM,OAAO,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACnC,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CACb,+BAA+B,QAAQ,gBAAgB,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAC1F,CAAC;IACJ,CAAC;IACD,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC;AACzB,CAAC"}

package/dist/telemetry/types.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Surface where the canvas UI is displayed.
+ */
+export type CanvasSurface = "overlay" | "wheel";
+/**
+ * Clean interface for telemetry/analytics clients.
+ *
+ * This is the ONLY interface consumers should use. The underlying
+ * implementation (PostHog, Segment, etc.) is an internal detail.
+ */
+export interface TelemetryClient {
+    /**
+     * Track when the canvas is opened.
+     */
+    trackCanvasOpened(surface: CanvasSurface): void;
+    /**
+     * Track when the canvas is closed.
+     */
+    trackCanvasClosed(surface: CanvasSurface): void;
+    /**
+     * Track when a rectangle/tile is viewed.
+     */
+    trackRectangleViewed(rectangleId: string, surface: CanvasSurface): void;
+    /**
+     * Track a user action.
+     */
+    trackAction(action: string, rectangleId: string, surface: CanvasSurface): void;
+}

package/dist/telemetry/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/telemetry/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/telemetry/types.ts"],"names":[],"mappings":""}

package/dist/token.d.ts

@@ -0,0 +1,36 @@
+/**
+ * Token encoding/decoding utilities for Syntro client keys.
+ *
+ * A Syntro token is a base64url-encoded JSON payload prefixed with "syn_".
+ * It bundles all necessary credentials (experiments, telemetry, config) into
+ * a single string that clients can use to initialize the SDK.
+ */
+export interface SyntroTokenPayload {
+    /** Token version for future compatibility */
+    v: 1;
+    /** Experiments key (assumes growthbook provider by default) */
+    e?: string;
+    /** Telemetry key (assumes posthog provider by default) */
+    t?: string;
+    /** Config fetcher type (e.g., "cdn", "experiments") */
+    f?: string;
+    /** Fetcher-specific options (e.g., configId for cdn fetcher) */
+    o?: Record<string, string>;
+}
+/**
+ * Decode a Syntro token into its payload.
+ *
+ * @param token - The token string (e.g., "syn_eyJ2IjoxfQ")
+ * @returns The decoded payload
+ * @throws Error if the token is invalid or unsupported version
+ */
+export declare function decodeToken(token: string): SyntroTokenPayload;
+/**
+ * Encode a payload into a Syntro token.
+ *
+ * This is primarily for admin/dashboard use, but exported for testing.
+ *
+ * @param payload - The payload to encode
+ * @returns The encoded token string
+ */
+export declare function encodeToken(payload: SyntroTokenPayload): string;

package/dist/token.js

@@ -0,0 +1,47 @@
+/**
+ * Token encoding/decoding utilities for Syntro client keys.
+ *
+ * A Syntro token is a base64url-encoded JSON payload prefixed with "syn_".
+ * It bundles all necessary credentials (experiments, telemetry, config) into
+ * a single string that clients can use to initialize the SDK.
+ */
+const TOKEN_PREFIX = "syn_";
+/**
+ * Decode a Syntro token into its payload.
+ *
+ * @param token - The token string (e.g., "syn_eyJ2IjoxfQ")
+ * @returns The decoded payload
+ * @throws Error if the token is invalid or unsupported version
+ */
+export function decodeToken(token) {
+    if (!token.startsWith(TOKEN_PREFIX)) {
+        throw new Error("Invalid Syntro token: must start with 'syn_'");
+    }
+    const base64 = token.slice(TOKEN_PREFIX.length);
+    // Convert base64url to standard base64
+    const standardBase64 = base64.replace(/-/g, "+").replace(/_/g, "/");
+    const json = atob(standardBase64);
+    const payload = JSON.parse(json);
+    if (payload.v !== 1) {
+        throw new Error(`Unsupported token version: ${payload.v}`);
+    }
+    return payload;
+}
+/**
+ * Encode a payload into a Syntro token.
+ *
+ * This is primarily for admin/dashboard use, but exported for testing.
+ *
+ * @param payload - The payload to encode
+ * @returns The encoded token string
+ */
+export function encodeToken(payload) {
+    const json = JSON.stringify(payload);
+    // Convert to base64url (URL-safe, no padding)
+    const base64 = btoa(json)
+        .replace(/\+/g, "-")
+        .replace(/\//g, "_")
+        .replace(/=+$/, "");
+    return TOKEN_PREFIX + base64;
+}
+//# sourceMappingURL=token.js.map

package/dist/token.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"token.js","sourceRoot":"","sources":["../src/token.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,MAAM,YAAY,GAAG,MAAM,CAAC;AAmB5B;;;;;;GAMG;AACH,MAAM,UAAU,WAAW,CAAC,KAAa;IACvC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,EAAE,CAAC;QACpC,MAAM,IAAI,KAAK,CAAC,8CAA8C,CAAC,CAAC;IAClE,CAAC;IAED,MAAM,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;IAChD,uCAAuC;IACvC,MAAM,cAAc,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IACpE,MAAM,IAAI,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC;IAClC,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAuB,CAAC;IAEvD,IAAI,OAAO,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC;QACpB,MAAM,IAAI,KAAK,CAAC,8BAA8B,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC;IAC7D,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,WAAW,CAAC,OAA2B;IACrD,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;IACrC,8CAA8C;IAC9C,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC;SACtB,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC;SACnB,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC;SACnB,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IACtB,OAAO,YAAY,GAAG,MAAM,CAAC;AAC/B,CAAC"}

package/dist/types.d.ts

@@ -0,0 +1,147 @@
+/**
+ * Props passed to every tile component when mounted
+ */
+export interface TileComponentProps {
+    config: TileConfig;
+    isExpanded: boolean;
+    surface: "overlay" | "wheel";
+    telemetry?: import("./telemetry/types").TelemetryClient;
+}
+/**
+ * Interface for registering custom tile components
+ */
+export interface TileComponent {
+    mount(container: HTMLElement, props: TileComponentProps): void | (() => void);
+}
+/**
+ * Grid width: "full" = spans both columns, "half" = one column
+ */
+export type TileSize = "full" | "half";
+/**
+ * Built-in tile types (convenience components we ship)
+ */
+export type BuiltInTileType = "text" | "metric" | "chatbot" | "embed";
+/**
+ * Content configuration for built-in tile types
+ */
+export interface BuiltInTileContent {
+    type: BuiltInTileType;
+    headline?: string;
+    body?: string;
+    metricValue?: string;
+    metricUnit?: string;
+    embedUrl?: string;
+    actions?: TileAction[];
+}
+/**
+ * Content configuration for custom tile components
+ */
+export interface CustomTileContent {
+    type: "custom";
+    component: string;
+    props?: Record<string, unknown>;
+    actions?: TileAction[];
+}
+/**
+ * Union of all content types
+ */
+export type TileContent = BuiltInTileContent | CustomTileContent;
+/**
+ * Action button displayed in expanded tile
+ */
+export interface TileAction {
+    label: string;
+    href?: string;
+    onClickId?: string;
+    style?: "primary" | "secondary";
+}
+/**
+ * Visual styling for tile chrome
+ */
+export interface TileStyle {
+    accentColor?: string;
+    background?: string;
+    textColor?: string;
+}
+/**
+ * Experiment targeting for A/B tests
+ */
+export interface TileExperiment {
+    featureKey?: string;
+    variationId?: number;
+    variationValue?: string | number | boolean;
+    predicate?: (value: unknown) => boolean;
+}
+/**
+ * Full tile configuration
+ */
+export interface TileConfig {
+    id: string;
+    title: string;
+    subtitle?: string;
+    icon?: string;
+    preview?: string;
+    size?: TileSize;
+    order?: number;
+    expandable?: boolean;
+    defaultExpanded?: boolean;
+    content: TileContent;
+    style?: TileStyle;
+    experiment?: TileExperiment;
+    analyticsKey?: string;
+}
+import type { Patch } from "./hostPatcher/core/types";
+export interface CanvasConfigResponse {
+    tiles: TileConfig[];
+    fetchedAt: string;
+    configVersion?: string;
+    canvasTitle?: string;
+    patches?: Patch[];
+    overlayRecipe?: import('./overlays/types').CanvasRecipe;
+}
+export type CanvasConfigFetcher = () => Promise<CanvasConfigResponse>;
+/** @deprecated Use TileSize */
+export type RectangleSize = TileSize | "quarter";
+/** @deprecated Use TileContent */
+export type RectangleContentType = "text" | "metric" | "chatbot" | "embed" | "custom";
+/** @deprecated Use TileAction */
+export type RectangleAction = TileAction;
+/** @deprecated Use TileContent */
+export interface RectangleContent {
+    type: RectangleContentType;
+    headline?: string;
+    body?: string;
+    metricValue?: string;
+    metricUnit?: string;
+    embedUrl?: string;
+    customRendererKey?: string;
+    actions?: TileAction[];
+}
+/** @deprecated Use TileStyle */
+export type RectangleStyle = TileStyle;
+/** @deprecated Use TileExperiment */
+export type RectangleExperimentConfig = TileExperiment;
+/** @deprecated Use TileConfig */
+export interface RectangleConfig {
+    id: string;
+    title: string;
+    subtitle?: string;
+    icon?: string;
+    size?: RectangleSize;
+    order?: number;
+    style?: TileStyle;
+    content: RectangleContent;
+    experiment?: TileExperiment;
+    analyticsKey?: string;
+}
+/** @deprecated Use CanvasConfigResponse */
+export interface ShadowCanvasConfigResponse {
+    rectangles?: RectangleConfig[];
+    tiles?: TileConfig[];
+    fetchedAt: string;
+    configVersion?: string;
+    canvasTitle?: string;
+    patches?: Patch[];
+    overlayRecipe?: import('./overlays/types').CanvasRecipe;
+    displayMode?: 'standard' | 'focused';
+}

package/dist/types.js

@@ -0,0 +1,5 @@
+// =============================================================================
+// TILE COMPONENT API
+// =============================================================================
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,gFAAgF;AAChF,qBAAqB;AACrB,gFAAgF"}

package/package.json

@@ -0,0 +1,64 @@
+{
+  "name": "@syntrologie/runtime-sdk",
+  "version": "0.2.0",
+  "description": "Syntrologie Runtime SDK for web experimentation and analytics",
+  "license": "UNLICENSED",
+  "private": false,
+  "author": "Syntrologie Team <team@syntrologie.com>",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/syntrologie/tech-core.git",
+    "directory": "sdks/runtime-sdk"
+  },
+  "type": "module",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.js"
+    },
+    "./react": {
+      "types": "./dist/react.d.ts",
+      "import": "./dist/react.js",
+      "require": "./dist/react.js"
+    },
+    "./cdn": {
+      "import": "./dist/smart-canvas.esm.js",
+      "require": "./dist/smart-canvas.js"
+    }
+  },
+  "files": [
+    "dist",
+    "schema",
+    "scripts/validate-config.mjs",
+    "README.md"
+  ],
+  "scripts": {
+    "clean": "rm -rf dist",
+    "build": "npm run build:lib && npm run build:cdn",
+    "build:lib": "tsc --project tsconfig.build.json",
+    "build:cdn": "node ./scripts/build-cdn.js",
+    "validate-config": "node ./scripts/validate-config.mjs",
+    "prepublishOnly": "npm run clean && npm run build"
+  },
+  "dependencies": {
+    "@floating-ui/dom": "~1.6.13",
+    "@growthbook/growthbook": "~1.6.2",
+    "@growthbook/growthbook-react": "~1.6.2",
+    "posthog-js": "~1.302.2",
+    "react": "~18.3.1",
+    "react-dom": "~18.3.1",
+    "zod": "~3.25.0"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "devDependencies": {
+    "esbuild": "~0.25.0",
+    "typescript": "~5.7.0"
+  }
+}