etro 0.12.0 → 0.12.1

package/.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "editor.formatOnSave": false
+}

package/CHANGELOG.md

@@ -5,6 +5,12 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](http://keepachangelog.com/)
 and this project adheres to [Semantic Versioning](http://semver.org/).
 
+## [0.12.1] - 2024-02-19
+### Fixed
+- Importing etro in the client-side code of a NextJS project causing a "module not found" error ([#243](https://github.com/etro-js/etro/issues/243)).
+- Keyframes with values that are not numbers no longer result in type mismatches.
+- `TypeError: this.data is undefined` when applying a `Transform` effect with a dynamic matrix.
+
 ## [0.12.0] - 2024-01-15
 ### Added
 - `stroke` option for `Text` layer ([#239](https://github.com/etro-js/etro/pull/239)).
@@ -302,6 +308,7 @@ and this project adheres to [Semantic Versioning](http://semver.org/).
   - Gaussian blur
   - Transform
 
+[0.12.1]: https://github.com/etro-js/etro/compare/v0.12.0...v0.12.1
 [0.12.0]: https://github.com/etro-js/etro/compare/v0.11.0...v0.12.0
 [0.11.0]: https://github.com/etro-js/etro/compare/v0.10.1...v0.11.0
 [0.10.1]: https://github.com/etro-js/etro/compare/v0.10.0...v0.10.1

package/dist/etro-cjs.js

@@ -2597,7 +2597,7 @@ var Transform = /** @class */ (function (_super) {
             this._tmpCanvas.height = target.canvas.height;
         }
         // Use data, since that's the underlying storage
-        this._tmpMatrix.data = val(this, 'matrix.data', reltime);
+        this._tmpMatrix.data = val(this, 'matrix', reltime).data;
         this._tmpCtx.setTransform(this._tmpMatrix.a, this._tmpMatrix.b, this._tmpMatrix.c, this._tmpMatrix.d, this._tmpMatrix.e, this._tmpMatrix.f);
         this._tmpCtx.drawImage(target.canvas, 0, 0);
         // Assume it was identity for now

package/dist/etro-iife.js

@@ -2598,7 +2598,7 @@ var etro = (function () {
                 this._tmpCanvas.height = target.canvas.height;
             }
             // Use data, since that's the underlying storage
-            this._tmpMatrix.data = val(this, 'matrix.data', reltime);
+            this._tmpMatrix.data = val(this, 'matrix', reltime).data;
             this._tmpCtx.setTransform(this._tmpMatrix.a, this._tmpMatrix.b, this._tmpMatrix.c, this._tmpMatrix.d, this._tmpMatrix.e, this._tmpMatrix.f);
             this._tmpCtx.drawImage(target.canvas, 0, 0);
             // Assume it was identity for now

package/dist/util.d.ts

@@ -28,7 +28,7 @@ export declare class KeyFrame<T> {
     value: unknown[][];
     /** Keys to interpolate, or all keys if undefined */
     interpolationKeys: string[];
-    constructor(...value: T[][]);
+    constructor(...value: (number | T)[][]);
     withKeys(keys: string[]): KeyFrame<T>;
     evaluate(time: number): T;
 }

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "etro",
-  "version": "0.12.0",
+  "version": "0.12.1",
   "description": "An extendable video-editing framework for the browser",
-  "browser": "dist/etro-cjs.js",
+  "main": "dist/etro-cjs.js",
   "types": "dist/index.d.ts",
   "directories": {
     "doc": "docs",

package/src/effect/transform.ts

@@ -45,7 +45,7 @@ class Transform extends Visual {
     }
 
     // Use data, since that's the underlying storage
-    this._tmpMatrix.data = val(this, 'matrix.data', reltime)
+    this._tmpMatrix.data = val(this, 'matrix', reltime).data
 
     this._tmpCtx.setTransform(
       this._tmpMatrix.a, this._tmpMatrix.b, this._tmpMatrix.c,

package/src/util.ts

@@ -105,7 +105,7 @@ export class KeyFrame<T> {
   /** Keys to interpolate, or all keys if undefined */
   interpolationKeys: string[]
 
-  constructor (...value: T[][]) {
+  constructor (...value: (number|T)[][]) {
     this.value = value
     this.interpolationKeys = []
   }