exodeui 6.2.6 → 6.2.8

package/dist/src/ExodeUICanvas.d.ts

@@ -21,6 +21,15 @@ export interface ExodeUICanvasProps {
     onInputFocus?: (name: string) => void;
     onInputBlur?: (name: string) => void;
     onLog?: (msg: string) => void;
+    onLogicUpdate?: (values: Record<string, any>) => void;
     currentTime?: number;
+    revision?: number;
+    scrollY?: number;
+    scrollX?: number;
+    mouseX?: number;
+    mouseY?: number;
+    isMouseDown?: boolean;
+    inputs?: Record<string, any>;
+    interactive?: boolean;
 }
 export declare const ExodeUICanvas: React.ForwardRefExoticComponent<ExodeUICanvasProps & React.RefAttributes<HTMLCanvasElement>>;

package/dist/src/engine.d.ts

@@ -41,15 +41,20 @@ export declare class ExodeUIEngine {
         x: number;
         y: number;
     };
+    private _totalScroll;
     private draggingBehaviors;
+    private isMouseDown;
     private objectVelocities;
     private currentTime;
     private frameCount;
     private fontLeadingFactors;
+    private onLogicUpdate?;
+    private logicNodeValues;
     setTriggerCallback(cb: (triggerName: string, animationName: string) => void): void;
     setInputUpdateCallback(cb: (nameOrId: string, value: any) => void): void;
     setComponentChangeCallback(cb: (event: ComponentEvent) => void): void;
     setToggleCallback(cb: (name: string, checked: boolean) => void): void;
+    setLogicUpdateCallback(cb: (values: Record<string, any>) => void): void;
     setInputChangeCallback(cb: (name: string, text: string) => void): void;
     private ensurePathPoints;
     private svgPathToPoints;
@@ -86,7 +91,8 @@ export declare class ExodeUIEngine {
     setInputText(nameOrId: string, value: string): void;
     setInputNumberArray(nameOrId: string, value: number[]): void;
     setInputStringArray(nameOrId: string, value: string[]): void;
-    private updateInput;
+    updateObjectProperty(id: string, property: string, value: any): void;
+    updateInput(nameOrId: string, value: any): void;
     private evaluateTransitions;
     /**
      * Find a global transition from any state in the layer whose conditions are met.
@@ -100,6 +106,8 @@ export declare class ExodeUIEngine {
     private findGlobalTransition;
     private checkConditions;
     private evaluateLogicTree;
+    private runLogicNodes;
+    private resolvePath;
     private activeTriggers;
     seek(time: number): void;
     advance(dt: number): void;
@@ -110,6 +118,7 @@ export declare class ExodeUIEngine {
     private computeSpring;
     handlePointerInput(type: string, canvasX: number, canvasY: number, canvasWidth: number, canvasHeight: number): void;
     handleScroll(x: number, y: number): void;
+    handleWheel(deltaX: number, deltaY: number): void;
     private handlePointerEvent;
     handleKeyDown(e: KeyboardEvent): void;
     private fireEventForObject;
@@ -136,6 +145,7 @@ export declare class ExodeUIEngine {
     private getBezierPointAndAngle;
     private applyAbsoluteTransform;
     private applyObjectTransform;
+    private applyArtEffectOverlay;
     private applyPath;
     private _tracePath;
     private renderInputBox;

package/dist/src/types.d.ts

@@ -89,7 +89,7 @@ export interface LiquidFillConfig {
 /**
  * Gen Z Art Effects - Inspired by modern design trends
  */
-export type ArtEffectType = 'glitch' | 'halftone' | 'pixelate' | 'noise' | 'acid_gradient';
+export type ArtEffectType = 'glitch' | 'halftone' | 'pixelate' | 'noise' | 'acid_gradient' | 'acid_rave' | 'shimmer';
 export interface ArtEffectConfig {
     enabled: boolean;
     type: ArtEffectType;
@@ -327,37 +327,31 @@ export type Geometry = {
 export declare enum BehaviorType {
     Proximity = "Proximity",
     Magnetic = "Magnetic",
-    Parallax = "Parallax",
-    Velocity = "Velocity",
-    Shear = "Shear",
     Repel = "Repel",
     Orbit = "Orbit",
-    Elastic = "Elastic",
-    Dilation = "Dilation",
     Vortex = "Vortex",
     Fluid = "Fluid",
+    Elastic = "Elastic",
     Holographic = "Holographic",
     Sticky = "Sticky",
-    Spotlight = "Spotlight",
+    Dilation = "Dilation",
+    Parallax = "Parallax",
     Noise = "Noise",
+    Float = "Float",
+    Pulse = "Pulse",
     Draggable = "Draggable",
     Scroll = "Scroll",
-    Follower = "Follower",
-    Lens = "Lens",
     LookAt = "LookAt",
-    Pulse = "Pulse",
-    Wrap = "Wrap",
     Glint = "Glint",
-    Gravity = "Gravity",
+    Scan = "Scan",
     Ratchet = "Ratchet",
     Jitter = "Jitter",
-    Scan = "Scan",
-    Float = "Float",
+    Follower = "Follower",
+    Wrap = "Wrap",
     Typewriter = "Typewriter",
     Scramble = "Scramble",
     Wave = "Wave",
     Bounce = "Bounce",
-    GlitchText = "GlitchText",
     TextTrail = "TextTrail",
     Reveal3D = "Reveal3D",
     RevealSlide = "RevealSlide",
@@ -367,21 +361,29 @@ export declare enum BehaviorType {
     TextExplosion = "TextExplosion",
     TextRain = "TextRain",
     TextGravity = "TextGravity",
-    TextElastic = "TextElastic",
     TextMatrix = "TextMatrix",
     TextNeon = "TextNeon",
-    TextGlitch3D = "TextGlitch3D",
     TextDissolve = "TextDissolve",
     TextOrganic = "TextOrganic",
     TextBreathe = "TextBreathe",
+    TextSpin = "TextSpin",
+    TextMagnet = "TextMagnet",
+    TextPerspective = "TextPerspective",
+    TextMirror = "TextMirror",
     TextFloral = "TextFloral",
     TextSmoke = "TextSmoke",
     TextVariable = "TextVariable",
-    TextMagnet = "TextMagnet",
-    TextSpin = "TextSpin",
     TextZing = "TextZing",
-    TextPerspective = "TextPerspective",
-    TextMirror = "TextMirror"
+    TextElastic = "TextElastic",
+    TextGlitch3D = "TextGlitch3D",
+    GlitchText = "GlitchText",
+    TextCounter = "TextCounter",
+    Squash = "Squash",
+    Spotlight = "Spotlight",
+    Lens = "Lens",
+    Gravity = "Gravity",
+    Velocity = "Velocity",
+    Shear = "Shear"
 }
 export declare enum BehaviorSensor {
     Scale = "Scale",
@@ -423,8 +425,10 @@ export interface Trigger {
 export interface Interaction {
     id: string;
     event: 'onClick' | 'onHold' | 'pointerDown' | 'pointerUp' | 'hover';
-    action: 'setInput' | 'fireTrigger';
-    targetInputId: string;
+    action: 'setInput' | 'fireTrigger' | 'setProperty';
+    targetInputId?: string;
+    targetProperty?: string;
+    targetObjectId?: string;
     value?: any;
 }
 export interface Physics {
@@ -571,6 +575,9 @@ export type InputValue = {
 } | {
     type: 'Text';
     value: string;
+} | {
+    type: 'Object';
+    value: string;
 };
 export interface InputNodePosition {
     id: string;
@@ -595,7 +602,43 @@ export declare enum LogicOp {
     AND = "AND",
     OR = "OR",
     NOT = "NOT",
-    XOR = "XOR"
+    XOR = "XOR",
+    OBJECT = "OBJECT",
+    PROPERTY = "PROPERTY",
+    GET_PROPERTY = "GET_PROPERTY",
+    SET_PROPERTY = "SET_PROPERTY",
+    ADD = "ADD",
+    SUB = "SUB",
+    MUL = "MUL",
+    DIV = "DIV",
+    MOD = "MOD",
+    POW = "POW",
+    ABS = "ABS",
+    ROUND = "ROUND",
+    FLOOR = "FLOOR",
+    CEIL = "CEIL",
+    SIN = "SIN",
+    COS = "COS",
+    TAN = "TAN",
+    CLAMP = "CLAMP",
+    REMAP = "REMAP",
+    EQ = "EQ",
+    NEQ = "NEQ",
+    GT = "GT",
+    LT = "LT",
+    GTE = "GTE",
+    LTE = "LTE",
+    IF_ELSE = "IF_ELSE",
+    VALUE = "VALUE",
+    INPUT = "INPUT",
+    LOG = "LOG",
+    SCROLL_X = "SCROLL_X",
+    SCROLL_Y = "SCROLL_Y",
+    MOUSE_X = "MOUSE_X",
+    MOUSE_Y = "MOUSE_Y",
+    IS_MOUSE_DOWN = "IS_MOUSE_DOWN",
+    EFFECTOR = "EFFECTOR",
+    MONITOR = "MONITOR"
 }
 export interface LogicNode {
     id: string;
@@ -607,8 +650,10 @@ export interface LogicNode {
         id: string;
         sourceId?: string;
         sourceHandleId?: string;
-        value?: number | boolean;
+        value?: any;
     }[];
+    value?: any;
+    label?: string;
 }
 export interface StateMachine {
     inputs: Input[];
@@ -656,6 +701,7 @@ export interface Artboard {
     autoLayout?: AutoLayoutConfig;
     layoutProps?: LayoutProps;
     seo?: SEOConfig;
+    lastModified?: number;
 }
 export type Fit = 'Cover' | 'Contain' | 'Fill' | 'FitWidth' | 'FitHeight' | 'None' | 'ScaleDown';
 export type Alignment = 'Center' | 'TopLeft' | 'TopCenter' | 'TopRight' | 'CenterLeft' | 'CenterRight' | 'BottomLeft' | 'BottomCenter' | 'BottomRight';

package/package.json

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