exodeui 6.3.6 → 6.3.8

package/dist/src/ExodeUICanvas.d.ts

@@ -1,38 +1,33 @@
 import { default as React } from 'react';
 import { ExodeUIEngine } from './engine';
-import { Artboard, Fit, Alignment, ComponentEvent, SEOConfig } from './types';
+import { Artboard, Fit, Alignment, ComponentEvent } from './types';
 
 export interface ExodeUICanvasProps {
     artboard?: Artboard;
     src?: string;
-    className?: string;
-    style?: React.CSSProperties;
-    autoPlay?: boolean;
-    fit?: Fit;
-    alignment?: Alignment;
-    enableSEO?: boolean;
-    seo?: SEOConfig;
     onReady?: (engine: ExodeUIEngine) => void;
-    onTrigger?: (triggerName: string, animationName: string) => void;
-    onInputUpdate?: (nameOrId: string, value: any) => void;
+    onTrigger?: (triggerId: string, metadata?: any) => void;
+    onInputUpdate?: (inputs: Record<string, any>) => void;
     onComponentChange?: (event: ComponentEvent) => void;
-    onToggle?: (name: string, checked: boolean) => void;
-    onInputChange?: (name: string, text: string) => void;
-    onInputFocus?: (name: string) => void;
-    onInputBlur?: (name: string) => void;
-    onLog?: (msg: string) => void;
-    onLogicUpdate?: (values: Record<string, any>) => void;
-    onButtonClick?: (name: string, objectId: string) => void;
-    onGraphPointClick?: (event: {
-        objectId: string;
-        componentName: string;
-        datasetIndex: number;
-        pointIndex: number;
-        value: number;
-        label: string;
-    }) => void;
+    onToggle?: (id: string, active: boolean) => void;
+    onInputChange?: (id: string, value: string) => void;
+    onInputFocus?: (id: string) => void;
+    onInputBlur?: (id: string) => void;
+    onLog?: (message: string, level: 'info' | 'warn' | 'error') => void;
+    onLogicUpdate?: (state: any) => void;
+    onButtonClick?: (id: string) => void;
+    onGraphPointClick?: (graphId: string, point: any) => void;
     currentTime?: number;
     revision?: number;
+    fit?: Fit;
+    alignment?: Alignment;
+    style?: React.CSSProperties;
+    autoPlay?: boolean;
+    enableSEO?: boolean;
+    seo?: {
+        title?: string;
+        description?: string;
+    };
     scrollY?: number;
     scrollX?: number;
     mouseX?: number;
@@ -40,5 +35,9 @@ export interface ExodeUICanvasProps {
     isMouseDown?: boolean;
     inputs?: Record<string, any>;
     interactive?: boolean;
+    onNavigation?: (target: {
+        type: 'artboard' | 'url';
+        value: string;
+    }) => void;
 }
 export declare const ExodeUICanvas: React.ForwardRefExoticComponent<ExodeUICanvasProps & React.RefAttributes<HTMLCanvasElement>>;

package/dist/src/__tests__/interaction_flows.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/engine.d.ts

@@ -55,6 +55,10 @@ export declare class ExodeUIEngine {
     private logicNodeState;
     private pointerDownTimes;
     private activeHoverIds;
+    private onNavigation?;
+    private periodicTriggerTimes;
+    private wasInView;
+    private scrollProgressLastValue;
     setTriggerCallback(cb: (triggerName: string, animationName: string) => void): void;
     setInputUpdateCallback(cb: (nameOrId: string, value: any) => void): void;
     setComponentChangeCallback(cb: (event: ComponentEvent) => void): void;
@@ -70,6 +74,10 @@ export declare class ExodeUIEngine {
         value: number;
         label: string;
     }) => void): void;
+    setNavigationCallback(cb: (target: {
+        type: 'artboard' | 'url';
+        value: string;
+    }) => void): void;
     private ensurePathPoints;
     private svgPathToPoints;
     setOnLogCallback(cb: (msg: string) => void): void;
@@ -129,6 +137,7 @@ export declare class ExodeUIEngine {
     private activeTriggers;
     seek(time: number): void;
     advance(dt: number): void;
+    private evaluateContinuousInteractions;
     private solveConstraints;
     private getGlobalTransform;
     private globalToLocal;
@@ -140,10 +149,13 @@ export declare class ExodeUIEngine {
     private handlePointerEvent;
     handleKeyDown(e: KeyboardEvent): void;
     private fireEventForObject;
+    private initGlobalAnimationTriggers;
+    private triggerGlobalAnimation;
+    private handleAnimationFinished;
     private getWorldTransform;
     private hitTest;
     private updateSliderValueFromPointer;
-    applyAnimation(anim: SDKAnimation, time: number, filterObjectId?: string): void;
+    applyAnimation(anim: SDKAnimation, time: number, filterObjectId?: string | string[]): void;
     private interpolate;
     private interpolateColor;
     private interpolateStops;

package/dist/src/types.d.ts

@@ -51,6 +51,21 @@ export interface Shadow {
 export interface Blur {
     amount: number;
 }
+export interface RepeaterConfig {
+    isEnabled: boolean;
+    type: 'Linear' | 'Grid' | 'Radial';
+    count: number;
+    offsetX?: number;
+    offsetY?: number;
+    rotation?: number;
+    scale?: number;
+    cols?: number;
+    gapX?: number;
+    gapY?: number;
+    radius?: number;
+    startAngle?: number;
+    endAngle?: number;
+}
 export interface DesignTokens {
     colors: Record<string, string>;
     typography: Record<string, {
@@ -426,13 +441,23 @@ export interface Trigger {
 }
 export interface Interaction {
     id: string;
-    event: 'onClick' | 'onHold' | 'pointerDown' | 'pointerUp' | 'hover';
-    action: 'setInput' | 'fireTrigger' | 'setProperty';
+    event: 'onClick' | 'onHold' | 'pointerDown' | 'pointerUp' | 'hover' | string;
+    action: 'setInput' | 'fireTrigger' | 'setProperty' | 'Navigate Artboard' | 'Navigate URL' | 'navigate' | 'Play Animation' | 'Stop Animation' | 'Pause Animation' | 'Switch to State' | 'Toggle Boolean' | string;
     targetInputId?: string;
     targetProperty?: string;
     targetObjectId?: string;
+    targetArtboard?: string;
+    targetState?: string;
+    navigateUrl?: string;
     value?: any;
+    targetAnimationId?: string;
+    subAnimationIds?: string[];
+    playMode?: 'single' | 'all' | 'custom';
+    triggers?: string[];
+    triggerLogic?: 'OR' | 'AND';
     conditions?: Condition[];
+    delayValue?: number;
+    intervalValue?: number;
 }
 export interface Physics {
     enabled: boolean;
@@ -510,6 +535,7 @@ export interface ShapeObject {
     autoLayout?: AutoLayoutConfig;
     layoutProps?: LayoutProps;
     altText?: string;
+    repeaterConfig?: RepeaterConfig;
 }
 export interface Keyframe {
     time: number;
@@ -521,11 +547,24 @@ export interface Track {
     property: string;
     keyframes: Keyframe[];
 }
+export interface PlayInstance {
+    id: string;
+    trigger: 'on_load' | 'after_delay' | 'after_anim' | 'on_scroll' | 'manual';
+    delay?: number;
+    afterAnim?: string;
+    conditions?: {
+        variable: string;
+        operator: string;
+        value: any;
+    }[];
+    subAnimationIds?: string[];
+}
 export interface Animation {
     id: string;
     name: string;
     duration: number;
     tracks: Track[];
+    playInstances?: PlayInstance[];
 }
 export declare enum ConditionOp {
     Equal = "Equal",
@@ -707,6 +746,8 @@ export interface Artboard {
     autoLayout?: AutoLayoutConfig;
     layoutProps?: LayoutProps;
     seo?: SEOConfig;
+    startupAnimationId?: string;
+    startupSubAnimationIds?: string[];
     lastModified?: number;
 }
 export type Fit = 'Cover' | 'Contain' | 'Fill' | 'FitWidth' | 'FitHeight' | 'None' | 'ScaleDown';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "exodeui",
-  "version": "6.3.6",
+  "version": "6.3.8",
   "description": "React Runtime for ExodeUI Animation Engine",
   "type": "module",
   "main": "dist/index.js",