@remotion/effects 4.0.460 → 4.0.461

package/dist/esm/index.mjs

@@ -185,6 +185,7 @@ var blurHorizontalDef = defineEffect({
   type: "remotion/blur-horizontal",
   label: "Blur (horizontal)",
   backend: "webgl2",
+  calculateKey: (params) => String(params.radius),
   setup: (target) => setupBlur(target, BLUR_FS_HORIZONTAL),
   apply: ({ source, width, height, params, state }) => {
     applyBlur(state, source, width, height, params.radius);
@@ -201,6 +202,7 @@ var blurVerticalDef = defineEffect2({
   type: "remotion/blur-vertical",
   label: "Blur (vertical)",
   backend: "webgl2",
+  calculateKey: (params) => String(params.radius),
   setup: (target) => setupBlur(target, BLUR_FS_VERTICAL),
   apply: ({ source, width, height, params, state }) => {
     applyBlur(state, source, width, height, params.radius);
@@ -400,6 +402,10 @@ var halftoneDef = defineEffect3({
   type: "remotion/halftone",
   label: "Halftone",
   backend: "webgl2",
+  calculateKey: (params) => {
+    const r = resolve(params);
+    return `halftone-${r.shape}-${r.dotSize}-${r.dotSpacing}-${r.rotation}-${r.offsetX}-${r.offsetY}-${r.sampling}-${r.color}-${r.shadeOutside ? 1 : 0}`;
+  },
   setup: (target) => {
     const gl = target.getContext("webgl2", {
       premultipliedAlpha: true,
@@ -541,34 +547,44 @@ var halftone = (params = {}) => createDescriptor3(halftoneDef, params);
 // src/tint.ts
 import { Internals as Internals4 } from "remotion";
 var { createDescriptor: createDescriptor4, defineEffect: defineEffect4 } = Internals4;
+var DEFAULT_AMOUNT = 0.5;
 var tintSchema = {
   amount: {
     type: "number",
     min: 0,
     max: 1,
     step: 0.01,
-    default: 0.5,
+    default: DEFAULT_AMOUNT,
     description: "Amount"
   }
 };
+var resolve2 = (p) => ({
+  color: p.color,
+  amount: p.amount ?? DEFAULT_AMOUNT
+});
 var tintDef = defineEffect4({
   type: "remotion/tint",
   label: "Tint",
   backend: "2d",
+  calculateKey: (params) => {
+    const r = resolve2(params);
+    return `tint-${r.color}-${r.amount}`;
+  },
   setup: () => null,
   apply: ({ source, target, width, height, params }) => {
     const ctx = target.getContext("2d");
     if (!ctx) {
       throw new Error("Failed to acquire 2D context for tint effect. The canvas may have been assigned a different context type.");
     }
-    const amount = Math.max(0, Math.min(1, params.amount ?? 0.5));
+    const r = resolve2(params);
+    const amount = Math.max(0, Math.min(1, r.amount));
     ctx.clearRect(0, 0, width, height);
     ctx.globalAlpha = 1;
     ctx.globalCompositeOperation = "source-over";
     ctx.drawImage(source, 0, 0, width, height);
     ctx.globalAlpha = amount;
     ctx.globalCompositeOperation = "source-atop";
-    ctx.fillStyle = params.color;
+    ctx.fillStyle = r.color;
     ctx.fillRect(0, 0, width, height);
     ctx.globalAlpha = 1;
     ctx.globalCompositeOperation = "source-over";
@@ -582,7 +598,7 @@ var tint = (params) => createDescriptor4(tintDef, params);
 // src/wave.ts
 import { Internals as Internals5 } from "remotion";
 var { createDescriptor: createDescriptor5, defineEffect: defineEffect5 } = Internals5;
-var resolve2 = (p) => ({
+var resolve3 = (p) => ({
   amplitude: p.amplitude ?? 60,
   wavelength: p.wavelength ?? 240,
   speed: p.speed ?? 1 / 6,
@@ -593,13 +609,17 @@ var waveDef = defineEffect5({
   type: "remotion/wave",
   label: "Wave",
   backend: "2d",
+  calculateKey: (params) => {
+    const r = resolve3(params);
+    return `wave-${r.amplitude}-${r.wavelength}-${r.speed}-${r.sliceWidth}-${r.background}`;
+  },
   setup: () => null,
   apply: ({ source, target, frame, width, height, params }) => {
     const ctx = target.getContext("2d");
     if (!ctx) {
       throw new Error("Failed to acquire 2D context for wave effect. The canvas may have been assigned a different context type.");
     }
-    const r = resolve2(params);
+    const r = resolve3(params);
     ctx.clearRect(0, 0, width, height);
     if (r.background !== "transparent") {
       ctx.fillStyle = r.background;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/effects",
-	"version": "4.0.460",
+	"version": "4.0.461",
 	"description": "Experimental presets for Remotion canvas effect hooks",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
@@ -24,7 +24,7 @@
 		"url": "https://github.com/remotion-dev/remotion/issues"
 	},
 	"dependencies": {
-		"remotion": "4.0.460"
+		"remotion": "4.0.461"
 	},
 	"exports": {
 		".": {
@@ -35,7 +35,7 @@
 		"./package.json": "./package.json"
 	},
 	"devDependencies": {
-		"@remotion/eslint-config-internal": "4.0.460",
+		"@remotion/eslint-config-internal": "4.0.461",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},