@remotion/effects 4.0.468 → 4.0.470

package/dist/fisheye/fisheye-shaders.d.ts

@@ -0,0 +1,2 @@
+export declare const FISHEYE_VS = "#version 300 es\nlayout(location = 0) in vec2 aPos;\nlayout(location = 1) in vec2 aUv;\nout vec2 vUv;\nvoid main() {\n\tvUv = aUv;\n\tgl_Position = vec4(aPos, 0.0, 1.0);\n}\n";
+export declare const FISHEYE_FS = "#version 300 es\nprecision highp float;\nin vec2 vUv;\nout vec4 fragColor;\n\nuniform sampler2D uSource;\nuniform vec2 uCenter;\nuniform float uFieldOfView;\nuniform float uRadius;\nuniform float uZoom;\nuniform float uAspect;\n\nvoid main() {\n\tvec2 toCenter = vUv - uCenter;\n\tvec2 aspectCorrected = vec2(toCenter.x * uAspect, toCenter.y);\n\n\tfloat dist = length(aspectCorrected);\n\tfloat r = dist / max(uRadius, 0.0001);\n\n\tif (r > 1.0 || uFieldOfView <= 0.0001) {\n\t\tfragColor = vec4(0.0);\n\t\treturn;\n\t}\n\n\tfloat halfFov = uFieldOfView * 0.5;\n\tfloat warped = tan(r * halfFov) / tan(halfFov);\n\n\tfloat scale = (dist > 0.00001) ? (warped * uRadius / dist) : 0.0;\n\tvec2 warpedAspect = aspectCorrected * scale;\n\tvec2 warpedOffset = vec2(warpedAspect.x / uAspect, warpedAspect.y);\n\twarpedOffset /= max(uZoom, 0.0001);\n\n\tvec2 srcUv = uCenter + warpedOffset;\n\n\tif (\n\t\tsrcUv.x < 0.0 ||\n\t\tsrcUv.x > 1.0 ||\n\t\tsrcUv.y < 0.0 ||\n\t\tsrcUv.y > 1.0\n\t) {\n\t\tfragColor = vec4(0.0);\n\t\treturn;\n\t}\n\n\tfragColor = texture(uSource, srcUv);\n}\n";

package/dist/fisheye/index.d.ts

@@ -0,0 +1,26 @@
+export type FisheyeUvCoordinate = readonly [number, number];
+export type FisheyeParams = {
+    /**
+     * Lens field of view in radians, from `0` to `Math.PI`.
+     * Higher values produce a stronger fisheye distortion.
+     * Defaults to `2.5` (approx. 143°).
+     */
+    readonly fieldOfView?: number;
+    /**
+     * Center of the lens in UV coordinates. Defaults to `[0.5, 0.5]`.
+     */
+    readonly center?: FisheyeUvCoordinate;
+    /**
+     * Radius of the lens area, in normalized half-height units.
+     * `1` covers the full vertical area. Defaults to `1`.
+     */
+    readonly radius?: number;
+    /**
+     * Post-warp zoom factor. Values above `1` zoom in, below `1` zoom out.
+     * Defaults to `1`.
+     */
+    readonly zoom?: number;
+};
+export declare const fisheye: (params?: (FisheyeParams & {
+    readonly disabled?: boolean | undefined;
+}) | undefined) => import("remotion").EffectDescriptor<unknown>;

package/dist/fisheye.d.ts

@@ -0,0 +1 @@
+export { fisheye, type FisheyeParams } from './fisheye/index.js';

package/dist/gaussian-blur-shader.d.ts

@@ -0,0 +1 @@
+export declare const buildGaussianBlurFs: (direction: "horizontal" | "vertical") => string;

package/dist/halftone-linear-gradient.d.ts

@@ -0,0 +1,93 @@
+declare const HALFTONE_LINEAR_GRADIENT_COLOR_MODES: readonly ["solid", "source"];
+export declare const halftoneLinearGradientSchema: {
+    readonly firstStopDotSize: {
+        readonly type: "number";
+        readonly min: 0;
+        readonly max: 400;
+        readonly step: 1;
+        readonly default: 0;
+        readonly description: "First stop dot size";
+    };
+    readonly secondStopDotSize: {
+        readonly type: "number";
+        readonly min: 0;
+        readonly max: 400;
+        readonly step: 1;
+        readonly default: 40;
+        readonly description: "Second stop dot size";
+    };
+    readonly firstStopPosition: {
+        readonly type: "uv-coordinate";
+        readonly min: -1;
+        readonly max: 2;
+        readonly step: 0.01;
+        readonly default: readonly [0, 0.5];
+        readonly description: "First stop position";
+    };
+    readonly secondStopPosition: {
+        readonly type: "uv-coordinate";
+        readonly min: -1;
+        readonly max: 2;
+        readonly step: 0.01;
+        readonly default: readonly [1, 0.5];
+        readonly description: "Second stop position";
+    };
+    readonly gridSize: {
+        readonly type: "number";
+        readonly min: 1;
+        readonly max: 400;
+        readonly step: 1;
+        readonly default: 24;
+        readonly description: "Grid size";
+    };
+    readonly colorMode: {
+        readonly type: "enum";
+        readonly default: "solid";
+        readonly description: "Color mode";
+        readonly variants: {
+            readonly solid: {
+                readonly dotColor: {
+                    readonly type: "color";
+                    readonly default: "black";
+                    readonly description: "Dot color";
+                };
+            };
+            readonly source: {};
+        };
+    };
+};
+export type HalftoneLinearGradientColorMode = (typeof HALFTONE_LINEAR_GRADIENT_COLOR_MODES)[number];
+export type UvCoordinate = readonly [number, number];
+type HalftoneLinearGradientCommonParams = {
+    /**
+     * Dot diameter at the first side of the gradient.
+     */
+    readonly firstStopDotSize?: number;
+    /**
+     * Dot diameter at the opposite side of the gradient.
+     */
+    readonly secondStopDotSize?: number;
+    /**
+     * UV coordinate where the first dot size is reached.
+     */
+    readonly firstStopPosition?: UvCoordinate;
+    /**
+     * UV coordinate where the second dot size is reached.
+     */
+    readonly secondStopPosition?: UvCoordinate;
+    /**
+     * Distance between adjacent dot centers.
+     */
+    readonly gridSize?: number;
+};
+export type HalftoneLinearGradientParams = HalftoneLinearGradientCommonParams & ({
+    readonly colorMode?: 'solid';
+    /** Dot color. Defaults to black. */
+    readonly dotColor?: string;
+} | {
+    readonly colorMode: 'source';
+});
+export declare const halftoneLinearGradient: (params?: (HalftoneLinearGradientParams & {
+    readonly disabled?: boolean | undefined;
+}) | undefined) => import("remotion").EffectDescriptor<unknown>;
+export {};

package/dist/lines.d.ts

@@ -0,0 +1,61 @@
+declare const LINE_DIRECTIONS: readonly ["horizontal", "vertical"];
+export declare const linesSchema: {
+    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";
+    };
+};
+export type LinesDirection = (typeof LINE_DIRECTIONS)[number];
+export type LinesParams = {
+    /** Stripe colors, assigned cyclically. Defaults to light blue and transparent. */
+    readonly colors?: readonly string[];
+    /** Line direction. Defaults to `horizontal`. */
+    readonly direction?: LinesDirection;
+    /** Thickness of each stripe in pixels. Defaults to `40`. */
+    readonly thickness?: number;
+    /** Transparent gap in pixels between each stripe. Defaults to `0` (stripes are packed solid). */
+    readonly gap?: number;
+    /** Rotates the line pattern in degrees. Defaults to `0`. */
+    readonly angle?: number;
+    /** Offset in pixels. Animate this value to scroll the lines. Defaults to `0`. */
+    readonly offset?: number;
+};
+export declare const lines: (params?: (LinesParams & {
+    readonly disabled?: boolean | undefined;
+}) | undefined) => import("remotion").EffectDescriptor<unknown>;
+export {};

package/dist/noise.d.ts

@@ -0,0 +1,11 @@
+export type NoiseParams = {
+    /** Strength of the noise from `0` to `1`. Defaults to `0.15`. */
+    readonly amount?: number;
+    /** Seed for the random noise pattern. Defaults to `0`. */
+    readonly seed?: number;
+    /** Multiply the noise with the input colors before blending. Defaults to `false`. */
+    readonly premultiply?: boolean;
+};
+export declare const noise: (params?: (NoiseParams & {
+    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/speckle.d.ts

@@ -0,0 +1,11 @@
+export type SpeckleParams = {
+    /** Chance that a grid cell receives an alpha hole. Defaults to `0.08`. */
+    readonly density?: number;
+    /** Maximum speckle diameter in pixels. Defaults to `4`. */
+    readonly size?: number;
+    /** Amount of random position and size variation between 0 and 1. Defaults to `1`. */
+    readonly randomness?: number;
+};
+export declare const speckle: (params?: (SpeckleParams & {
+    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/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/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/effects",
-	"version": "4.0.468",
+	"version": "4.0.470",
 	"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.468"
+		"remotion": "4.0.470"
 	},
 	"exports": {
 		".": {
@@ -57,11 +59,26 @@
 			"module": "./dist/esm/contrast.mjs",
 			"import": "./dist/esm/contrast.mjs"
 		},
+		"./drop-shadow": {
+			"types": "./dist/drop-shadow.d.ts",
+			"module": "./dist/esm/drop-shadow.mjs",
+			"import": "./dist/esm/drop-shadow.mjs"
+		},
 		"./duotone": {
 			"types": "./dist/duotone.d.ts",
 			"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",
@@ -72,6 +89,11 @@
 			"module": "./dist/esm/halftone.mjs",
 			"import": "./dist/esm/halftone.mjs"
 		},
+		"./halftone-linear-gradient": {
+			"types": "./dist/halftone-linear-gradient.d.ts",
+			"module": "./dist/esm/halftone-linear-gradient.mjs",
+			"import": "./dist/esm/halftone-linear-gradient.mjs"
+		},
 		"./grayscale": {
 			"types": "./dist/grayscale.d.ts",
 			"module": "./dist/esm/grayscale.mjs",
@@ -87,16 +109,36 @@
 			"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",
+			"import": "./dist/esm/dot-grid.mjs"
+		},
 		"./mirror": {
 			"types": "./dist/mirror.d.ts",
 			"module": "./dist/esm/mirror.mjs",
 			"import": "./dist/esm/mirror.mjs"
 		},
+		"./noise": {
+			"types": "./dist/noise.d.ts",
+			"module": "./dist/esm/noise.mjs",
+			"import": "./dist/esm/noise.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",
@@ -107,6 +149,11 @@
 			"module": "./dist/esm/shine.mjs",
 			"import": "./dist/esm/shine.mjs"
 		},
+		"./speckle": {
+			"types": "./dist/speckle.d.ts",
+			"module": "./dist/esm/speckle.mjs",
+			"import": "./dist/esm/speckle.mjs"
+		},
 		"./tint": {
 			"types": "./dist/tint.d.ts",
 			"module": "./dist/esm/tint.mjs",
@@ -127,6 +174,11 @@
 			"module": "./dist/esm/wave.mjs",
 			"import": "./dist/esm/wave.mjs"
 		},
+		"./white-noise": {
+			"types": "./dist/white-noise.d.ts",
+			"module": "./dist/esm/white-noise.mjs",
+			"import": "./dist/esm/white-noise.mjs"
+		},
 		"./package.json": "./package.json"
 	},
 	"typesVersions": {
@@ -146,15 +198,27 @@
 			"contrast": [
 				"dist/contrast.d.ts"
 			],
+			"drop-shadow": [
+				"dist/drop-shadow.d.ts"
+			],
 			"duotone": [
 				"dist/duotone.d.ts"
 			],
+			"evolve": [
+				"dist/evolve.d.ts"
+			],
+			"fisheye": [
+				"dist/fisheye.d.ts"
+			],
 			"glow": [
 				"dist/glow.d.ts"
 			],
 			"halftone": [
 				"dist/halftone.d.ts"
 			],
+			"halftone-linear-gradient": [
+				"dist/halftone-linear-gradient.d.ts"
+			],
 			"grayscale": [
 				"dist/grayscale.d.ts"
 			],
@@ -164,18 +228,33 @@
 			"invert": [
 				"dist/invert.d.ts"
 			],
+			"lines": [
+				"dist/lines.d.ts"
+			],
+			"dot-grid": [
+				"dist/dot-grid.d.ts"
+			],
 			"mirror": [
 				"dist/mirror.d.ts"
 			],
+			"noise": [
+				"dist/noise.d.ts"
+			],
 			"saturation": [
 				"dist/saturation.d.ts"
 			],
+			"scanlines": [
+				"dist/scanlines.d.ts"
+			],
 			"scale": [
 				"dist/scale.d.ts"
 			],
 			"shine": [
 				"dist/shine.d.ts"
 			],
+			"speckle": [
+				"dist/speckle.d.ts"
+			],
 			"tint": [
 				"dist/tint.d.ts"
 			],
@@ -187,13 +266,18 @@
 			],
 			"wave": [
 				"dist/wave.d.ts"
+			],
+			"white-noise": [
+				"dist/white-noise.d.ts"
 			]
 		}
 	},
 	"homepage": "https://www.remotion.dev/docs/effects/api",
 	"devDependencies": {
-		"@remotion/eslint-config-internal": "4.0.468",
+		"@remotion/eslint-config-internal": "4.0.470",
+		"@vitest/browser-playwright": "4.0.9",
 		"eslint": "9.19.0",
+		"vitest": "4.0.9",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},
 	"keywords": [