feat: added actions and context to types

dotlottie · Aug 7, 2023 · 8a384c0 · 8a384c0
1 parent f7ca31d
commit 8a384c0
Show file tree

Hide file tree

Showing 6 changed files with 29 additions and 2 deletions.
diff --git a/.changeset/pre.json b/.changeset/pre.json
@@ -16,6 +16,7 @@
     "proud-goats-turn",
     "shy-laws-taste",
     "silent-rabbits-dress",
+    "tasty-hotels-look",
     "warm-ravens-punch"
   ]
 }
diff --git a/.changeset/tasty-hotels-look.md b/.changeset/tasty-hotels-look.md
@@ -0,0 +1,5 @@
+---
+"@dotlottie/dotlottie-js": patch
+---
+
+added actions and context to types
diff --git a/apps/node/lf-interactivity-page-generator.mjs b/apps/node/lf-interactivity-page-generator.mjs
@@ -56,9 +56,19 @@ async function createDotLottie() {
     .addStateMachine({
       descriptor: {
         id: 'state_segments_on_hover',
-        initial: 'loopState',
+        initial: 'idleState',
       },
       states: {
+        idleState: {
+          animationId: 'segments_on_hover',
+          statePlaybackSettings: {
+            autoplay: false,
+            loop: false,
+          },
+          onMouseEnter: {
+            state: 'loopState',
+          },
+        },
         loopState: {
           animationId: 'segments_on_hover',
           statePlaybackSettings: {
@@ -67,6 +77,9 @@ async function createDotLottie() {
             hover: true,
             segments: [45, 60],
           },
+          onMouseLeave: {
+            state: 'idleState',
+          },
         },
       },
     })

diff --git a/packages/dotlottie-js/CHANGELOG.md b/packages/dotlottie-js/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @dotlottie/dotlottie-js
 
+## 0.4.0-beta.12
+
+### Patch Changes
+
+- added actions and context to types
+
 ## 0.4.0-beta.11
 
 ### Patch Changes

diff --git a/packages/dotlottie-js/package.json b/packages/dotlottie-js/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@dotlottie/dotlottie-js",
-  "version": "0.4.0-beta.11",
+  "version": "0.4.0-beta.12",
   "type": "module",
   "description": "This library helps in creating and modifying .lottie files.",
   "repository": {

diff --git a/packages/dotlottie-js/src/common/dotlottie-state.ts b/packages/dotlottie-js/src/common/dotlottie-state.ts
@@ -74,13 +74,15 @@ export interface XStateTargetEvent {
 
 export interface XState {
   after: Record<number, XStateTargetEvent>;
+  context: Record<string, unknown>;
   entry?: () => void;
   exit?: () => void;
   meta: StateAnimationSettings;
   on: Record<keyof EventMap, XStateTargetEvent>;
 }
 
 export interface XStateMachine {
+  actions: Record<string, unknown>;
   id: string;
   initial: string;
   states: Record<string, XState>;