@remotion/effects 4.0.461 → 4.0.462

package/dist/esm/wave.mjs

@@ -0,0 +1,54 @@
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {
+      get: all[name],
+      enumerable: true,
+      configurable: true,
+      set: (newValue) => all[name] = () => newValue
+    });
+};
+
+// src/wave.ts
+import { Internals } from "remotion";
+var { createEffect } = Internals;
+var resolve = (p) => ({
+  amplitude: p.amplitude ?? 60,
+  wavelength: p.wavelength ?? 240,
+  speed: p.speed ?? 1 / 6,
+  sliceWidth: p.sliceWidth ?? 4,
+  background: p.background ?? "transparent"
+});
+var wave = createEffect({
+  type: "remotion/wave",
+  label: "Wave",
+  backend: "2d",
+  calculateKey: (params) => {
+    const r = resolve(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 = resolve(params);
+    ctx.clearRect(0, 0, width, height);
+    if (r.background !== "transparent") {
+      ctx.fillStyle = r.background;
+      ctx.fillRect(0, 0, width, height);
+    }
+    for (let x = 0;x < width; x += r.sliceWidth) {
+      const offset = Math.sin(x / r.wavelength * Math.PI * 2 + frame * r.speed) * r.amplitude;
+      ctx.drawImage(source, x, 0, r.sliceWidth, height, x, offset, r.sliceWidth, height);
+    }
+  },
+  cleanup: () => {
+    return;
+  },
+  schema: null
+});
+export {
+  wave
+};

package/dist/halftone.d.ts

@@ -1,4 +1,3 @@
-import type { EffectDescriptor } from 'remotion';
 export declare const halftoneSchema: {
     readonly dotSize: {
         readonly type: "number";
@@ -61,4 +60,4 @@ export type HalftoneParams = {
      */
     readonly shadeOutside?: boolean;
 };
-export declare const halftone: (params?: HalftoneParams) => EffectDescriptor<unknown>;
+export declare const halftone: (params?: HalftoneParams | undefined) => import("remotion").EffectDescriptor<unknown>;

package/dist/index.d.ts

@@ -1,8 +1 @@
-export { blur, blurHorizontal, blurVertical } from './blur/index.js';
-export type { BlurHorizontalParams, BlurParams, BlurVerticalParams, } from './blur/index.js';
-export { halftone } from './halftone.js';
-export type { HalftoneParams, HalftoneSampling, HalftoneShape, } from './halftone.js';
-export { tint } from './tint.js';
-export type { TintParams } from './tint.js';
-export { wave } from './wave.js';
-export type { WaveParams } from './wave.js';
+export {};

package/dist/tint.d.ts

@@ -1,5 +1,9 @@
-import type { EffectDescriptor } from 'remotion';
 export declare const tintSchema: {
+    readonly color: {
+        readonly type: "color";
+        readonly default: "#ff0000";
+        readonly description: "Color";
+    };
     readonly amount: {
         readonly type: "number";
         readonly min: 0;
@@ -13,4 +17,4 @@ export type TintParams = {
     readonly color: string;
     readonly amount?: number;
 };
-export declare const tint: (params: TintParams) => EffectDescriptor<unknown>;
+export declare const tint: (params: TintParams) => import("remotion").EffectDescriptor<unknown>;

package/dist/wave.d.ts

@@ -1,4 +1,3 @@
-import type { EffectDescriptor } from 'remotion';
 export type WaveParams = {
     readonly amplitude?: number;
     readonly wavelength?: number;
@@ -6,4 +5,4 @@ export type WaveParams = {
     readonly sliceWidth?: number;
     readonly background?: string;
 };
-export declare const wave: (params?: WaveParams) => EffectDescriptor<unknown>;
+export declare const wave: (params?: WaveParams | undefined) => import("remotion").EffectDescriptor<unknown>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/effects",
-	"version": "4.0.461",
+	"version": "4.0.462",
 	"description": "Experimental presets for Remotion canvas effect hooks",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
@@ -8,7 +8,6 @@
 	"repository": {
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/effects"
 	},
-	"sideEffects": false,
 	"type": "module",
 	"scripts": {
 		"formatting": "oxfmt src --check",
@@ -24,7 +23,7 @@
 		"url": "https://github.com/remotion-dev/remotion/issues"
 	},
 	"dependencies": {
-		"remotion": "4.0.461"
+		"remotion": "4.0.462"
 	},
 	"exports": {
 		".": {
@@ -32,10 +31,46 @@
 			"module": "./dist/esm/index.mjs",
 			"import": "./dist/esm/index.mjs"
 		},
+		"./halftone": {
+			"types": "./dist/halftone.d.ts",
+			"module": "./dist/esm/halftone.mjs",
+			"import": "./dist/esm/halftone.mjs"
+		},
+		"./tint": {
+			"types": "./dist/tint.d.ts",
+			"module": "./dist/esm/tint.mjs",
+			"import": "./dist/esm/tint.mjs"
+		},
+		"./wave": {
+			"types": "./dist/wave.d.ts",
+			"module": "./dist/esm/wave.mjs",
+			"import": "./dist/esm/wave.mjs"
+		},
+		"./blur": {
+			"types": "./dist/entrypoints/blur.d.ts",
+			"module": "./dist/esm/blur.mjs",
+			"import": "./dist/esm/blur.mjs"
+		},
 		"./package.json": "./package.json"
 	},
+	"typesVersions": {
+		">=1.0": {
+			"halftone": [
+				"dist/halftone.d.ts"
+			],
+			"tint": [
+				"dist/tint.d.ts"
+			],
+			"wave": [
+				"dist/wave.d.ts"
+			],
+			"blur": [
+				"dist/entrypoints/blur.d.ts"
+			]
+		}
+	},
 	"devDependencies": {
-		"@remotion/eslint-config-internal": "4.0.461",
+		"@remotion/eslint-config-internal": "4.0.462",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},