Merge pull request #7 from freestylejs/6-bug-lagged-behind-when-calling-start-very-fast-and-iteratively

[bug] lagged behind when calling start very fast and iteratively

Author: danpacho

packages/core/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @freestylejs/ani-core
 
+## 1.2.1
+
+### Patch Changes
+
+- Fix start iterative fast calling makes lag
+
 ## 1.2.0
 
 ### Minor Changes

packages/core/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@freestylejs/ani-core",
     "author": "freestyle",
-    "version": "1.2.0",
+    "version": "1.2.1",
     "description": "Core functionality for the Ani animation library.",
     "license": "MIT",
     "type": "module",

packages/core/src/ani/raf/timeline.ts

@@ -153,8 +153,9 @@ export class RafAniTimeline<G extends Groupable, Ctx = any>
 
         const isRepeating = (this._currentConfig?.repeat ?? 0) >= 1
         const savedRepeatCount = isRepeating ? this._repeatCount : 0
+        const isPlaying = this._status === 'PLAYING'
 
-        this.reset(false)
+        this.reset(false, !isPlaying)
         this._repeatCount = savedRepeatCount
 
         if (isRepeating && this._repeatCount >= config.repeat!) {
@@ -194,7 +195,10 @@ export class RafAniTimeline<G extends Groupable, Ctx = any>
         this._clock.subscribe(this)
     }
 
-    public reset(notify: boolean = true): void {
+    public reset(
+        notify: boolean = true,
+        unsubscribeClock: boolean = true
+    ): void {
         this._status = 'IDLE'
         this._currentConfig = null
         this._masterTime = 0
@@ -203,7 +207,9 @@ export class RafAniTimeline<G extends Groupable, Ctx = any>
         this._initialState = []
         this._propertyKeyMap = null
         this._currentExecutionPlan = null
-        this._clock.unsubscribe(this)
+        if (unsubscribeClock) {
+            this._clock.unsubscribe(this)
+        }
         this._repeatCount = 0
         if (notify) this.notify()
     }

packages/react/package.json

@@ -3,20 +3,15 @@
     "author": "freestyle",
     "version": "1.1.0",
     "description": "Ani for react.",
-    "keywords": [
-        "react",
-        "animation"
-    ],
+    "keywords": ["react", "animation"],
     "license": "MIT",
     "type": "module",
     "sideEffects": false,
     "private": false,
     "publishConfig": {
         "access": "public"
     },
-    "files": [
-        "dist"
-    ],
+    "files": ["dist"],
     "main": "./dist/index.js",
     "module": "./dist/index.mjs",
     "types": "./dist/index.d.ts",

packages/solid/package.json

@@ -5,18 +5,13 @@
     "description": "Ani for solid.",
     "license": "MIT",
     "type": "module",
-    "keywords": [
-        "solid",
-        "animation"
-    ],
+    "keywords": ["solid", "animation"],
     "sideEffects": false,
     "private": false,
     "publishConfig": {
         "access": "public"
     },
-    "files": [
-        "dist"
-    ],
+    "files": ["dist"],
     "main": "./dist/index.js",
     "module": "./dist/index.mjs",
     "types": "./dist/index.d.ts",

packages/svelte/package.json

@@ -5,18 +5,13 @@
     "description": "Ani for svelte.",
     "license": "MIT",
     "type": "module",
-    "keywords": [
-        "svelte",
-        "animation"
-    ],
+    "keywords": ["svelte", "animation"],
     "sideEffects": false,
     "private": false,
     "publishConfig": {
         "access": "public"
     },
-    "files": [
-        "dist"
-    ],
+    "files": ["dist"],
     "main": "./dist/index.js",
     "module": "./dist/index.mjs",
     "types": "./dist/index.d.ts",

packages/vue/package.json

@@ -5,18 +5,13 @@
     "description": "Ani for vue.",
     "license": "MIT",
     "type": "module",
-    "keywords": [
-        "vue",
-        "animation"
-    ],
+    "keywords": ["vue", "animation"],
     "sideEffects": false,
     "private": false,
     "publishConfig": {
         "access": "public"
     },
-    "files": [
-        "dist"
-    ],
+    "files": ["dist"],
     "main": "./dist/index.js",
     "module": "./dist/index.mjs",
     "types": "./dist/index.d.ts",

packages/web/package.json

@@ -20,10 +20,10 @@
         "fumadocs-typescript": "^4.0.13",
         "fumadocs-ui": "16.0.8",
         "lucide-react": "^0.552.0",
-        "next": "16.0.1",
+        "next": "16.0.7",
         "octokit": "^5.0.5",
-        "react": "^19.2.0",
-        "react-dom": "^19.2.0",
+        "react": "^19.2.1",
+        "react-dom": "^19.2.1",
         "tailwind-merge": "^3.4.0",
         "tailwindest": "^3.2.2",
         "twoslash": "^0.3.4"