@remotion/effects 4.0.469 → 4.0.471

package/dist/pixel-dissolve.d.ts

@@ -0,0 +1,10 @@
+export type PixelDissolveParams = {
+    readonly progress?: number;
+    readonly columns?: number;
+    readonly rows?: number;
+    readonly seed?: number;
+    readonly feather?: number;
+};
+export declare const pixelDissolve: (params?: (PixelDissolveParams & {
+    readonly disabled?: boolean | undefined;
+}) | undefined) => import("remotion").EffectDescriptor<unknown>;

package/dist/rings.d.ts

@@ -0,0 +1,48 @@
+export declare const ringsSchema: {
+    readonly center: {
+        readonly type: "uv-coordinate";
+        readonly min: 0;
+        readonly max: 1;
+        readonly step: 0.01;
+        readonly default: readonly [0.5, 0.5];
+        readonly description: "Center";
+    };
+    readonly thickness: {
+        readonly type: "number";
+        readonly min: 0.1;
+        readonly max: 400;
+        readonly step: 0.1;
+        readonly default: 40;
+        readonly description: "Thickness";
+    };
+    readonly gap: {
+        readonly type: "number";
+        readonly min: 0;
+        readonly max: 400;
+        readonly step: 0.1;
+        readonly default: 0;
+        readonly description: "Gap";
+    };
+    readonly offset: {
+        readonly type: "number";
+        readonly step: 0.1;
+        readonly default: 0;
+        readonly description: "Offset";
+    };
+};
+export type RingsCenter = readonly [number, number];
+export type RingsParams = {
+    /** Ring colors, assigned cyclically. Same semantics as lines(). */
+    readonly colors?: readonly string[];
+    /** Center of the rings, normalized from `0` to `1` in x/y. */
+    readonly center?: RingsCenter;
+    /** Thickness of each colored ring in pixels. Same as lines(). */
+    readonly thickness?: number;
+    /** Transparent gap in pixels between rings. Same as lines(). */
+    readonly gap?: number;
+    /** Radial offset in pixels. Animate to expand or contract the rings. */
+    readonly offset?: number;
+};
+export declare const rings: (params?: (RingsParams & {
+    readonly disabled?: boolean | undefined;
+}) | undefined) => import("remotion").EffectDescriptor<unknown>;

package/dist/scanlines.d.ts

@@ -0,0 +1,15 @@
+export type ScanlinesParams = {
+    /** Strength of the scanline modulation from `0` to `1`. Defaults to `0.15`. */
+    readonly amount?: number;
+    /** Distance between scanlines in pixels. Defaults to `4`. */
+    readonly spacing?: number;
+    /** Thickness of each scanline in pixels. Defaults to `1`. */
+    readonly thickness?: number;
+    /** Vertical offset in pixels. Animate this value to scroll the scanlines. Defaults to `0`. */
+    readonly offset?: number;
+    /** Multiply the scanline contribution with the input colors before blending. Defaults to `false`. */
+    readonly premultiply?: boolean;
+};
+export declare const scanlines: (params?: (ScanlinesParams & {
+    readonly disabled?: boolean | undefined;
+}) | undefined) => import("remotion").EffectDescriptor<unknown>;

package/dist/visual-test/effects-visual.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/visual-test/visual-utils.d.ts

@@ -0,0 +1,13 @@
+import { type EffectDefinitionAndStack, type EffectDescriptor } from 'remotion';
+export declare const testImage: ({ blob, testId, threshold, allowedMismatchedPixelRatio, }: {
+    blob: Blob;
+    testId: string;
+    threshold?: number | undefined;
+    allowedMismatchedPixelRatio?: number | undefined;
+}) => Promise<void>;
+export declare const descriptorsToMemoizedEffects: (effects: EffectDescriptor<unknown>[]) => EffectDefinitionAndStack<unknown>[];
+export declare const renderEffectChainToBlob: ({ effects, width, height, }: {
+    effects: EffectDefinitionAndStack<unknown>[];
+    width?: number | undefined;
+    height?: number | undefined;
+}) => Promise<Blob>;

package/dist/waves.d.ts

@@ -0,0 +1,91 @@
+declare const WAVE_DIRECTIONS: readonly ["horizontal", "vertical"];
+export declare const wavesSchema: {
+    readonly direction: {
+        readonly type: "enum";
+        readonly variants: {
+            readonly horizontal: {};
+            readonly vertical: {};
+        };
+        readonly default: "horizontal";
+        readonly description: "Direction";
+    };
+    readonly thickness: {
+        readonly type: "number";
+        readonly min: 0.1;
+        readonly max: 400;
+        readonly step: 0.1;
+        readonly default: 40;
+        readonly description: "Thickness";
+    };
+    readonly gap: {
+        readonly type: "number";
+        readonly min: 0;
+        readonly max: 400;
+        readonly step: 0.1;
+        readonly default: 0;
+        readonly description: "Gap";
+    };
+    readonly angle: {
+        readonly type: "number";
+        readonly min: -180;
+        readonly max: 180;
+        readonly step: 1;
+        readonly default: 0;
+        readonly description: "Angle";
+    };
+    readonly offset: {
+        readonly type: "number";
+        readonly step: 0.1;
+        readonly default: 0;
+        readonly description: "Offset";
+    };
+    readonly amplitude: {
+        readonly type: "number";
+        readonly min: 0;
+        readonly max: 500;
+        readonly step: 0.1;
+        readonly default: 24;
+        readonly description: "Amplitude";
+    };
+    readonly wavelength: {
+        readonly type: "number";
+        readonly min: 1;
+        readonly max: 2000;
+        readonly step: 1;
+        readonly default: 160;
+        readonly description: "Wavelength";
+    };
+    readonly phase: {
+        readonly type: "number";
+        readonly min: -360;
+        readonly max: 360;
+        readonly step: 1;
+        readonly default: 0;
+        readonly description: "Phase";
+    };
+};
+export type WavesDirection = (typeof WAVE_DIRECTIONS)[number];
+export type WavesParams = {
+    /** Stripe colors, assigned cyclically. Defaults to light blue shades. */
+    readonly colors?: readonly string[];
+    /** Base band direction. Defaults to `horizontal`. */
+    readonly direction?: WavesDirection;
+    /** Thickness of each stripe in pixels. Defaults to `40`. */
+    readonly thickness?: number;
+    /** Transparent gap in pixels between each stripe. Defaults to `0`. */
+    readonly gap?: number;
+    /** Rotates the pattern in degrees. Defaults to `0`. */
+    readonly angle?: number;
+    /** Offset in pixels. Animate to scroll through the bands. Defaults to `0`. */
+    readonly offset?: number;
+    /** Wave displacement in pixels. Defaults to `24`. */
+    readonly amplitude?: number;
+    /** Distance in pixels before the wave repeats. Defaults to `160`. */
+    readonly wavelength?: number;
+    /** Wave phase in degrees. Defaults to `0`. */
+    readonly phase?: number;
+};
+export declare const waves: (params?: (WavesParams & {
+    readonly disabled?: boolean | undefined;
+}) | undefined) => import("remotion").EffectDescriptor<unknown>;
+export {};

package/dist/white-noise.d.ts

@@ -0,0 +1,9 @@
+export type WhiteNoiseParams = {
+    /** Blend amount from `0` to `1`. Defaults to `1`. */
+    readonly amount?: number;
+    /** Seed for the random noise pattern. Defaults to `0`. */
+    readonly seed?: number;
+};
+export declare const whiteNoise: (params?: (WhiteNoiseParams & {
+    readonly disabled?: boolean | undefined;
+}) | undefined) => import("remotion").EffectDescriptor<unknown>;

package/dist/zigzag.d.ts

@@ -0,0 +1,81 @@
+declare const ZIGZAG_DIRECTIONS: readonly ["horizontal", "vertical"];
+export declare const zigzagSchema: {
+    readonly direction: {
+        readonly type: "enum";
+        readonly variants: {
+            readonly horizontal: {};
+            readonly vertical: {};
+        };
+        readonly default: "horizontal";
+        readonly description: "Direction";
+    };
+    readonly thickness: {
+        readonly type: "number";
+        readonly min: 0.1;
+        readonly max: 400;
+        readonly step: 0.1;
+        readonly default: 40;
+        readonly description: "Thickness";
+    };
+    readonly gap: {
+        readonly type: "number";
+        readonly min: 0;
+        readonly max: 400;
+        readonly step: 0.1;
+        readonly default: 0;
+        readonly description: "Gap";
+    };
+    readonly angle: {
+        readonly type: "number";
+        readonly min: -180;
+        readonly max: 180;
+        readonly step: 1;
+        readonly default: 0;
+        readonly description: "Angle";
+    };
+    readonly offset: {
+        readonly type: "number";
+        readonly step: 0.1;
+        readonly default: 0;
+        readonly description: "Offset";
+    };
+    readonly amplitude: {
+        readonly type: "number";
+        readonly min: 0;
+        readonly max: 500;
+        readonly step: 0.1;
+        readonly default: 40;
+        readonly description: "Amplitude";
+    };
+    readonly wavelength: {
+        readonly type: "number";
+        readonly min: 1;
+        readonly max: 2000;
+        readonly step: 1;
+        readonly default: 160;
+        readonly description: "Wavelength";
+    };
+};
+export type ZigzagDirection = (typeof ZIGZAG_DIRECTIONS)[number];
+export type ZigzagParams = {
+    /** Stripe colors, assigned cyclically. Same semantics as lines(). */
+    readonly colors?: readonly string[];
+    /** Base band direction before zig-zag displacement. Same as lines(). */
+    readonly direction?: ZigzagDirection;
+    /** Thickness of each colored band in pixels. Same as lines(). */
+    readonly thickness?: number;
+    /** Transparent gap in pixels between bands. Same as lines(). */
+    readonly gap?: number;
+    /** Rotates the full pattern in degrees. Same as lines(). */
+    readonly angle?: number;
+    /** Offset in pixels. Animate to scroll the bands. Same as lines(). */
+    readonly offset?: number;
+    /** Zig-zag displacement in pixels. */
+    readonly amplitude?: number;
+    /** Distance in pixels before the zig-zag repeats. */
+    readonly wavelength?: number;
+};
+export declare const zigzag: (params?: (ZigzagParams & {
+    readonly disabled?: boolean | undefined;
+}) | undefined) => import("remotion").EffectDescriptor<unknown>;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/effects",
-	"version": "4.0.469",
+	"version": "4.0.471",
 	"description": "Effects that can be applied to Remotion-based canvas components",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
@@ -11,6 +11,8 @@
 	"type": "module",
 	"scripts": {
 		"test": "bun test src/test",
+		"testvisual": "vitest src/visual-test/effects-visual.test.ts",
+		"testeffectsvisual": "vitest src/visual-test/effects-visual.test.ts --browser --run",
 		"formatting": "oxfmt src --check",
 		"format": "oxfmt src",
 		"lint": "eslint src",
@@ -24,7 +26,7 @@
 		"url": "https://github.com/remotion-dev/remotion/issues"
 	},
 	"dependencies": {
-		"remotion": "4.0.469"
+		"remotion": "4.0.471"
 	},
 	"exports": {
 		".": {
@@ -67,6 +69,16 @@
 			"module": "./dist/esm/duotone.mjs",
 			"import": "./dist/esm/duotone.mjs"
 		},
+		"./evolve": {
+			"types": "./dist/evolve.d.ts",
+			"module": "./dist/esm/evolve.mjs",
+			"import": "./dist/esm/evolve.mjs"
+		},
+		"./fisheye": {
+			"types": "./dist/fisheye.d.ts",
+			"module": "./dist/esm/fisheye.mjs",
+			"import": "./dist/esm/fisheye.mjs"
+		},
 		"./glow": {
 			"types": "./dist/glow.d.ts",
 			"module": "./dist/esm/glow.mjs",
@@ -82,6 +94,11 @@
 			"module": "./dist/esm/halftone-linear-gradient.mjs",
 			"import": "./dist/esm/halftone-linear-gradient.mjs"
 		},
+		"./pixel-dissolve": {
+			"types": "./dist/pixel-dissolve.d.ts",
+			"module": "./dist/esm/pixel-dissolve.mjs",
+			"import": "./dist/esm/pixel-dissolve.mjs"
+		},
 		"./grayscale": {
 			"types": "./dist/grayscale.d.ts",
 			"module": "./dist/esm/grayscale.mjs",
@@ -97,6 +114,11 @@
 			"module": "./dist/esm/invert.mjs",
 			"import": "./dist/esm/invert.mjs"
 		},
+		"./lines": {
+			"types": "./dist/lines.d.ts",
+			"module": "./dist/esm/lines.mjs",
+			"import": "./dist/esm/lines.mjs"
+		},
 		"./dot-grid": {
 			"types": "./dist/dot-grid.d.ts",
 			"module": "./dist/esm/dot-grid.mjs",
@@ -112,11 +134,21 @@
 			"module": "./dist/esm/noise.mjs",
 			"import": "./dist/esm/noise.mjs"
 		},
+		"./rings": {
+			"types": "./dist/rings.d.ts",
+			"module": "./dist/esm/rings.mjs",
+			"import": "./dist/esm/rings.mjs"
+		},
 		"./saturation": {
 			"types": "./dist/saturation.d.ts",
 			"module": "./dist/esm/saturation.mjs",
 			"import": "./dist/esm/saturation.mjs"
 		},
+		"./scanlines": {
+			"types": "./dist/scanlines.d.ts",
+			"module": "./dist/esm/scanlines.mjs",
+			"import": "./dist/esm/scanlines.mjs"
+		},
 		"./scale": {
 			"types": "./dist/scale.d.ts",
 			"module": "./dist/esm/scale.mjs",
@@ -152,6 +184,21 @@
 			"module": "./dist/esm/wave.mjs",
 			"import": "./dist/esm/wave.mjs"
 		},
+		"./waves": {
+			"types": "./dist/waves.d.ts",
+			"module": "./dist/esm/waves.mjs",
+			"import": "./dist/esm/waves.mjs"
+		},
+		"./white-noise": {
+			"types": "./dist/white-noise.d.ts",
+			"module": "./dist/esm/white-noise.mjs",
+			"import": "./dist/esm/white-noise.mjs"
+		},
+		"./zigzag": {
+			"types": "./dist/zigzag.d.ts",
+			"module": "./dist/esm/zigzag.mjs",
+			"import": "./dist/esm/zigzag.mjs"
+		},
 		"./package.json": "./package.json"
 	},
 	"typesVersions": {
@@ -177,6 +224,12 @@
 			"duotone": [
 				"dist/duotone.d.ts"
 			],
+			"evolve": [
+				"dist/evolve.d.ts"
+			],
+			"fisheye": [
+				"dist/fisheye.d.ts"
+			],
 			"glow": [
 				"dist/glow.d.ts"
 			],
@@ -186,6 +239,9 @@
 			"halftone-linear-gradient": [
 				"dist/halftone-linear-gradient.d.ts"
 			],
+			"pixel-dissolve": [
+				"dist/pixel-dissolve.d.ts"
+			],
 			"grayscale": [
 				"dist/grayscale.d.ts"
 			],
@@ -195,6 +251,9 @@
 			"invert": [
 				"dist/invert.d.ts"
 			],
+			"lines": [
+				"dist/lines.d.ts"
+			],
 			"dot-grid": [
 				"dist/dot-grid.d.ts"
 			],
@@ -204,9 +263,15 @@
 			"noise": [
 				"dist/noise.d.ts"
 			],
+			"rings": [
+				"dist/rings.d.ts"
+			],
 			"saturation": [
 				"dist/saturation.d.ts"
 			],
+			"scanlines": [
+				"dist/scanlines.d.ts"
+			],
 			"scale": [
 				"dist/scale.d.ts"
 			],
@@ -227,13 +292,24 @@
 			],
 			"wave": [
 				"dist/wave.d.ts"
+			],
+			"waves": [
+				"dist/waves.d.ts"
+			],
+			"zigzag": [
+				"dist/zigzag.d.ts"
+			],
+			"white-noise": [
+				"dist/white-noise.d.ts"
 			]
 		}
 	},
 	"homepage": "https://www.remotion.dev/docs/effects/api",
 	"devDependencies": {
-		"@remotion/eslint-config-internal": "4.0.469",
+		"@remotion/eslint-config-internal": "4.0.471",
+		"@vitest/browser-playwright": "4.0.9",
 		"eslint": "9.19.0",
+		"vitest": "4.0.9",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},
 	"keywords": [