willybrauner · willybrauner · May 8, 2024 · May 8, 2024
diff --git a/.changeset/tender-hotels-burn.md b/.changeset/tender-hotels-burn.md
diff --git a/examples/interpol-basic/package.json b/examples/interpol-basic/package.json
@@ -8,7 +8,7 @@
     "dev": "vite --host"
   },
   "dependencies": {
-    "@wbe/interpol": "^0.13.0",
+    "@wbe/interpol": "^0.14.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

diff --git a/examples/interpol-ease/package.json b/examples/interpol-ease/package.json
@@ -8,7 +8,7 @@
     "dev": "vite --host"
   },
   "dependencies": {
-    "@wbe/interpol": "^0.13.0",
+    "@wbe/interpol": "^0.14.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

diff --git a/examples/interpol-graphic/package.json b/examples/interpol-graphic/package.json
@@ -8,7 +8,7 @@
     "dev": "vite --host"
   },
   "dependencies": {
-    "@wbe/interpol": "^0.13.0",
+    "@wbe/interpol": "^0.14.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

diff --git a/examples/interpol-menu/package.json b/examples/interpol-menu/package.json
@@ -8,7 +8,7 @@
     "dev": "vite --host"
   },
   "dependencies": {
-    "@wbe/interpol": "^0.13.0",
+    "@wbe/interpol": "^0.14.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

diff --git a/examples/interpol-object-el/package.json b/examples/interpol-object-el/package.json
@@ -8,7 +8,7 @@
     "dev": "vite --host"
   },
   "dependencies": {
-    "@wbe/interpol": "^0.13.0",
+    "@wbe/interpol": "^0.14.0",
     "ogl": "^1.0.4",
     "prettier": "^3.2.5"
   },

diff --git a/examples/interpol-offsets/package.json b/examples/interpol-offsets/package.json
@@ -8,7 +8,7 @@
     "dev": "vite --host"
   },
   "dependencies": {
-    "@wbe/interpol": "^0.13.0",
+    "@wbe/interpol": "^0.14.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

diff --git a/examples/interpol-particles/package.json b/examples/interpol-particles/package.json
@@ -8,7 +8,7 @@
     "dev": "vite --host"
   },
   "dependencies": {
-    "@wbe/interpol": "^0.13.0",
+    "@wbe/interpol": "^0.14.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

diff --git a/examples/interpol-timeline/package.json b/examples/interpol-timeline/package.json
@@ -8,7 +8,7 @@
     "dev": "vite --host"
   },
   "dependencies": {
-    "@wbe/interpol": "^0.13.0",
+    "@wbe/interpol": "^0.14.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

diff --git a/packages/interpol/CHANGELOG.md b/packages/interpol/CHANGELOG.md
@@ -1,5 +1,50 @@
 # @wbe/interpol
 
+## 0.14.0
+
+### Minor Changes
+
+- c275500: Refresh computed values before timeline add() starts.
+
+  Goal of this PR is to update an external variable on the first add() onUpdate and reused it as "from" of the second add(). It will work if "from" of the second add() is a computed value. Behind the scene, we re-execute refreshComputedValues() juste before the add() starts.
+
+  ```ts
+  let EXTERNAL_X = 0;
+
+  tl.add({
+    ease: "power3.in",
+    props: {
+      x: [0, 100],
+    },
+    onUpdate: ({ x }) => {
+      // Mute the external value
+      EXTERNAL_X = x;
+    },
+  });
+  tl.add({
+    props: {
+      // Use the updated external value as computed value
+      x: [() => EXTERNAL_X, 50],
+    },
+    onUpdate: ({ x }) => {
+      // x will be interpolated from 100 to 50
+    },
+  });
+  ```
+
+  In order to test this new functionality, the full Interpol Instance is now exposed from each Interpol Callbacks. It allows you to access additional properties like props computeds etc.
+
+  ```ts
+  tl.add({
+    props: {
+      x: [0, 100],
+    },
+    onUpdate: ({ x }, time, progress, instance) => {
+      // instance is available
+    },
+  });
+  ```
+
 ## 0.13.0
 
 ### Minor Changes

diff --git a/packages/interpol/package.json b/packages/interpol/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@wbe/interpol",
-  "version": "0.13.0",
+  "version": "0.14.0",
   "type": "module",
   "files": [
     "dist"