@remotion/effects 4.0.469 → 4.0.470

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

@@ -0,0 +1,28 @@
+export type FisheyeState = {
+    gl: WebGL2RenderingContext;
+    program: WebGLProgram;
+    vao: WebGLVertexArrayObject;
+    vbo: WebGLBuffer;
+    textureSource: WebGLTexture;
+    uniforms: {
+        uSource: WebGLUniformLocation | null;
+        uCenter: WebGLUniformLocation | null;
+        uFieldOfView: WebGLUniformLocation | null;
+        uRadius: WebGLUniformLocation | null;
+        uZoom: WebGLUniformLocation | null;
+        uAspect: WebGLUniformLocation | null;
+    };
+};
+export declare const setupFisheye: (target: HTMLCanvasElement) => FisheyeState;
+export declare const cleanupFisheye: (state: FisheyeState) => void;
+export declare const applyFisheye: ({ state, source, width, height, center, fieldOfView, radius, zoom, flipSourceY, }: {
+    readonly state: FisheyeState;
+    readonly source: CanvasImageSource;
+    readonly width: number;
+    readonly height: number;
+    readonly center: readonly [number, number];
+    readonly fieldOfView: number;
+    readonly radius: number;
+    readonly zoom: number;
+    readonly flipSourceY: boolean;
+}) => void;

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/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/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/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.469",
+	"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.469"
+		"remotion": "4.0.470"
 	},
 	"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",
@@ -97,6 +109,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",
@@ -117,6 +134,11 @@
 			"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 +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": {
@@ -177,6 +204,12 @@
 			"duotone": [
 				"dist/duotone.d.ts"
 			],
+			"evolve": [
+				"dist/evolve.d.ts"
+			],
+			"fisheye": [
+				"dist/fisheye.d.ts"
+			],
 			"glow": [
 				"dist/glow.d.ts"
 			],
@@ -195,6 +228,9 @@
 			"invert": [
 				"dist/invert.d.ts"
 			],
+			"lines": [
+				"dist/lines.d.ts"
+			],
 			"dot-grid": [
 				"dist/dot-grid.d.ts"
 			],
@@ -207,6 +243,9 @@
 			"saturation": [
 				"dist/saturation.d.ts"
 			],
+			"scanlines": [
+				"dist/scanlines.d.ts"
+			],
 			"scale": [
 				"dist/scale.d.ts"
 			],
@@ -227,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.469",
+		"@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": [