exodeui 2.4.0

package/dist/physics/PhysicsEngine.d.ts

@@ -0,0 +1,40 @@
+export interface BodyOptions {
+    id: string;
+    type: 'Rectangle' | 'Ellipse' | 'Triangle' | 'Star' | 'Polygon';
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    rotation?: number;
+    isStatic: boolean;
+    mass?: number;
+    friction?: number;
+    restitution?: number;
+    frictionAir?: number;
+    density?: number;
+    isSensor?: boolean;
+}
+export interface PhysicsEngine {
+    init(gravity: {
+        x: number;
+        y: number;
+    }): Promise<void>;
+    destroy(): void;
+    createBody(options: BodyOptions): void;
+    removeBody(id: string): void;
+    step(dt: number): void;
+    getPosition(id: string): {
+        x: number;
+        y: number;
+    } | null;
+    getRotation(id: string): number | null;
+    getVelocity(id: string): {
+        x: number;
+        y: number;
+    } | null;
+    setPosition(id: string, x: number, y: number): void;
+    setRotation(id: string, angle: number): void;
+    setVelocity(id: string, vx: number, vy: number): void;
+    applyForce(id: string, fx: number, fy: number): void;
+    applyImpulse(id: string, ix: number, iy: number): void;
+}

package/dist/physics/RapierPhysics.d.ts

@@ -0,0 +1,30 @@
+import { PhysicsEngine, BodyOptions } from './PhysicsEngine';
+
+export declare class RapierPhysics implements PhysicsEngine {
+    private world;
+    private bodies;
+    private colliders;
+    private initialized;
+    init(gravity: {
+        x: number;
+        y: number;
+    }): Promise<void>;
+    destroy(): void;
+    createBody(options: BodyOptions): void;
+    removeBody(id: string): void;
+    step(dt: number): void;
+    getPosition(id: string): {
+        x: number;
+        y: number;
+    } | null;
+    getRotation(id: string): number | null;
+    getVelocity(id: string): {
+        x: number;
+        y: number;
+    } | null;
+    setPosition(id: string, x: number, y: number): void;
+    setRotation(id: string, angle: number): void;
+    setVelocity(id: string, vx: number, vy: number): void;
+    applyForce(id: string, fx: number, fy: number): void;
+    applyImpulse(id: string, ix: number, iy: number): void;
+}

package/dist/physics/index.d.ts

@@ -0,0 +1,2 @@
+export * from './PhysicsEngine';
+export * from './RapierPhysics';

package/dist/renderer.d.ts

@@ -0,0 +1,5 @@
+export interface RenderCommand {
+    type: string;
+    [key: string]: any;
+}
+export declare function renderDisplayList(ctx: CanvasRenderingContext2D, commands: RenderCommand[], width: number, height: number, backgroundColor: string | undefined): void;

package/dist/types.d.ts

@@ -0,0 +1,236 @@
+export interface Transform {
+    x: number;
+    y: number;
+    rotation: number;
+    scale_x: number;
+    scale_y: number;
+}
+export interface Shadow {
+    color: string;
+    blur: number;
+    offsetX: number;
+    offsetY: number;
+    opacity: number;
+}
+export interface Blur {
+    amount: number;
+}
+export interface Style {
+    fill?: {
+        type: 'Solid' | 'LinearGradient' | 'RadialGradient' | 'None';
+        color: string;
+        opacity: number;
+    };
+    stroke?: {
+        color: string;
+        width: number;
+        opacity: number;
+    };
+    shadow?: Shadow;
+    blur?: Blur;
+    palette?: string[];
+}
+export type Geometry = {
+    type: 'Rectangle';
+    width: number;
+    height: number;
+    corner_radius?: number;
+} | {
+    type: 'Ellipse';
+    width: number;
+    height: number;
+} | {
+    type: 'Text';
+    text: string;
+    fontSize: number;
+    fontFamily: string;
+    textInputId?: string;
+} | {
+    type: 'SVG';
+    svgContent: string;
+    width: number;
+    height: number;
+    preserveAspectRatio: boolean;
+    colors: string[];
+} | {
+    type: 'Triangle';
+    width: number;
+    height: number;
+} | {
+    type: 'Polygon';
+    radius: number;
+    sides: number;
+} | {
+    type: 'Star';
+    inner_radius: number;
+    outer_radius: number;
+    points: number;
+} | {
+    type: 'Line';
+    length: number;
+} | {
+    type: 'SVG';
+    svgContent: string;
+    width: number;
+    height: number;
+    preserveAspectRatio: boolean;
+    colors: string[];
+} | {
+    type: 'Image';
+    src: string;
+    width: number;
+    height: number;
+};
+export interface Trigger {
+    id: string;
+    name: string;
+    eventType: 'onClick' | 'onHold' | 'pointerDown' | 'pointerUp' | 'hover';
+    entryAnimationId?: string | null;
+    exitAnimationId?: string | null;
+    duration?: number;
+    loop?: boolean;
+}
+export interface Interaction {
+    id: string;
+    event: 'onClick' | 'onHold' | 'pointerDown' | 'pointerUp' | 'hover';
+    action: 'setInput' | 'fireTrigger';
+    targetInputId: string;
+    value?: any;
+}
+export interface Physics {
+    enabled: boolean;
+    bodyType: 'Dynamic' | 'Static';
+    mass: number;
+    density: number;
+    friction: number;
+    restitution: number;
+    frictionAir: number;
+    isSensor: boolean;
+}
+export interface ShapeObject {
+    type: 'Shape';
+    id: string;
+    name: string;
+    transform: Transform;
+    geometry: Geometry;
+    style: Style;
+    triggers?: Trigger[];
+    interactions?: Interaction[];
+    physics?: Physics;
+}
+export interface Keyframe {
+    time: number;
+    value: number | string;
+    easing: string;
+}
+export interface Track {
+    object_id: string;
+    property: string;
+    keyframes: Keyframe[];
+}
+export interface Animation {
+    id: string;
+    name: string;
+    duration: number;
+    tracks: Track[];
+}
+export declare enum ConditionOp {
+    Equal = "Equal",
+    NotEqual = "NotEqual",
+    GreaterThan = "GreaterThan",
+    LessThan = "LessThan",
+    GreaterEqual = "GreaterEqual",
+    LessEqual = "LessEqual",
+    IsTrue = "IsTrue",
+    IsFalse = "IsFalse"
+}
+export interface Condition {
+    inputId: string;
+    op: ConditionOp;
+    value?: number | boolean;
+}
+export interface StateAction {
+    type: 'SetInput' | 'FireTrigger';
+    inputId: string;
+    value?: boolean | number;
+}
+export interface Transition {
+    id: string;
+    targetStateId: string;
+    duration: number;
+    delay?: number;
+    conditions: Condition[];
+}
+export interface State {
+    id: string;
+    name: string;
+    x: number;
+    y: number;
+    transitions: Transition[];
+    animationId?: string | null;
+    loop?: boolean;
+    speed?: number;
+    onEntry?: StateAction[];
+    onExit?: StateAction[];
+}
+export type InputValue = {
+    type: 'Boolean';
+    value: boolean;
+} | {
+    type: 'Number';
+    value: number;
+} | {
+    type: 'Trigger';
+    value: boolean;
+} | {
+    type: 'Text';
+    value: string;
+};
+export interface InputNodePosition {
+    id: string;
+    x: number;
+    y: number;
+}
+export interface Input {
+    id: string;
+    name: string;
+    value: InputValue;
+    x?: number;
+    y?: number;
+    nodes?: InputNodePosition[];
+}
+export interface Layer {
+    name: string;
+    entryStateId: string;
+    entryConditions?: Condition[];
+    states: State[];
+}
+export interface StateMachine {
+    inputs: Input[];
+    layers: Layer[];
+}
+export interface Artboard {
+    name: string;
+    width: number;
+    height: number;
+    backgroundColor: string;
+    objects: ShapeObject[];
+    animations: Animation[];
+    stateMachine?: StateMachine;
+    physics?: {
+        gravity: {
+            x: number;
+            y: number;
+        };
+        wind: {
+            x: number;
+            y: number;
+        };
+    };
+}
+export type Fit = 'Cover' | 'Contain' | 'Fill' | 'FitWidth' | 'FitHeight' | 'None' | 'ScaleDown';
+export type Alignment = 'Center' | 'TopLeft' | 'TopCenter' | 'TopRight' | 'CenterLeft' | 'CenterRight' | 'BottomLeft' | 'BottomCenter' | 'BottomRight';
+export interface Layout {
+    fit: Fit;
+    alignment: Alignment;
+}

package/dist/useExodeUI.d.ts

@@ -0,0 +1,10 @@
+import { ExodeUIEngine } from './engine';
+
+export declare function useExodeUI(): {
+    setEngine: import('react').Dispatch<import('react').SetStateAction<ExodeUIEngine | null>>;
+    engine: ExodeUIEngine | null;
+    setInputBool: (name: string, value: boolean) => void;
+    setInputNumber: (name: string, value: number) => void;
+    fireTrigger: (name: string) => void;
+    setInputText: (name: string, value: string) => void;
+};

package/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "exodeui",
+  "version": "2.4.0",
+  "description": "React Runtime for ExodeUI Animation Engine",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch"
+  },
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "typescript": "^5.0.0",
+    "vite": "^5.0.0",
+    "vite-plugin-dts": "^3.0.0"
+  },
+  "dependencies": {
+    "@dimforge/rapier2d-compat": "^0.19.3"
+  }
+}