@remotion/effects 4.0.471 → 4.0.472

package/dist/esm/waves.mjs

@@ -34,14 +34,16 @@ var colorAmountSchema = {
   max: 1,
   step: 0.01,
   default: DEFAULT_AMOUNT,
-  description: "Amount"
+  description: "Amount",
+  hiddenFromList: false
 };
 var colorMultiplierSchema = {
   type: "number",
   min: 0,
   step: 0.01,
   default: DEFAULT_AMOUNT,
-  description: "Amount"
+  description: "Amount",
+  hiddenFromList: false
 };
 var brightnessAmountSchema = {
   type: "number",
@@ -49,10 +51,11 @@ var brightnessAmountSchema = {
   max: 1,
   step: 0.01,
   default: DEFAULT_BRIGHTNESS_AMOUNT,
-  description: "Amount"
+  description: "Amount",
+  hiddenFromList: false
 };
 var hueDegreesSchema = {
-  type: "number",
+  type: "rotation-degrees",
   step: 1,
   default: DEFAULT_HUE_DEGREES,
   description: "Degrees"
@@ -123,7 +126,8 @@ var wavesSchema = {
     max: 400,
     step: 0.1,
     default: DEFAULT_THICKNESS,
-    description: "Thickness"
+    description: "Thickness",
+    hiddenFromList: false
   },
   gap: {
     type: "number",
@@ -131,12 +135,11 @@ var wavesSchema = {
     max: 400,
     step: 0.1,
     default: DEFAULT_GAP,
-    description: "Gap"
+    description: "Gap",
+    hiddenFromList: false
   },
   angle: {
-    type: "number",
-    min: -180,
-    max: 180,
+    type: "rotation-degrees",
     step: 1,
     default: DEFAULT_ANGLE,
     description: "Angle"
@@ -145,7 +148,8 @@ var wavesSchema = {
     type: "number",
     step: 0.1,
     default: DEFAULT_OFFSET,
-    description: "Offset"
+    description: "Offset",
+    hiddenFromList: false
   },
   amplitude: {
     type: "number",
@@ -153,7 +157,8 @@ var wavesSchema = {
     max: 500,
     step: 0.1,
     default: DEFAULT_AMPLITUDE,
-    description: "Amplitude"
+    description: "Amplitude",
+    hiddenFromList: false
   },
   wavelength: {
     type: "number",
@@ -161,7 +166,8 @@ var wavesSchema = {
     max: 2000,
     step: 1,
     default: DEFAULT_WAVELENGTH,
-    description: "Wavelength"
+    description: "Wavelength",
+    hiddenFromList: false
   },
   phase: {
     type: "number",
@@ -169,7 +175,8 @@ var wavesSchema = {
     max: 360,
     step: 1,
     default: DEFAULT_PHASE,
-    description: "Phase"
+    description: "Phase",
+    hiddenFromList: false
   }
 };
 var resolve = (p) => {

package/dist/esm/white-noise.mjs

@@ -34,14 +34,16 @@ var colorAmountSchema = {
   max: 1,
   step: 0.01,
   default: DEFAULT_AMOUNT,
-  description: "Amount"
+  description: "Amount",
+  hiddenFromList: false
 };
 var colorMultiplierSchema = {
   type: "number",
   min: 0,
   step: 0.01,
   default: DEFAULT_AMOUNT,
-  description: "Amount"
+  description: "Amount",
+  hiddenFromList: false
 };
 var brightnessAmountSchema = {
   type: "number",
@@ -49,10 +51,11 @@ var brightnessAmountSchema = {
   max: 1,
   step: 0.01,
   default: DEFAULT_BRIGHTNESS_AMOUNT,
-  description: "Amount"
+  description: "Amount",
+  hiddenFromList: false
 };
 var hueDegreesSchema = {
-  type: "number",
+  type: "rotation-degrees",
   step: 1,
   default: DEFAULT_HUE_DEGREES,
   description: "Degrees"
@@ -106,13 +109,15 @@ var whiteNoiseSchema = {
     max: 1,
     step: 0.01,
     default: DEFAULT_AMOUNT2,
-    description: "Amount"
+    description: "Amount",
+    hiddenFromList: false
   },
   seed: {
     type: "number",
     step: 1,
     default: DEFAULT_SEED,
-    description: "Seed"
+    description: "Seed",
+    hiddenFromList: false
   }
 };
 var resolve = (params) => ({

package/dist/esm/zigzag.mjs

@@ -34,14 +34,16 @@ var colorAmountSchema = {
   max: 1,
   step: 0.01,
   default: DEFAULT_AMOUNT,
-  description: "Amount"
+  description: "Amount",
+  hiddenFromList: false
 };
 var colorMultiplierSchema = {
   type: "number",
   min: 0,
   step: 0.01,
   default: DEFAULT_AMOUNT,
-  description: "Amount"
+  description: "Amount",
+  hiddenFromList: false
 };
 var brightnessAmountSchema = {
   type: "number",
@@ -49,10 +51,11 @@ var brightnessAmountSchema = {
   max: 1,
   step: 0.01,
   default: DEFAULT_BRIGHTNESS_AMOUNT,
-  description: "Amount"
+  description: "Amount",
+  hiddenFromList: false
 };
 var hueDegreesSchema = {
-  type: "number",
+  type: "rotation-degrees",
   step: 1,
   default: DEFAULT_HUE_DEGREES,
   description: "Degrees"
@@ -122,7 +125,8 @@ var zigzagSchema = {
     max: 400,
     step: 0.1,
     default: DEFAULT_THICKNESS,
-    description: "Thickness"
+    description: "Thickness",
+    hiddenFromList: false
   },
   gap: {
     type: "number",
@@ -130,12 +134,11 @@ var zigzagSchema = {
     max: 400,
     step: 0.1,
     default: DEFAULT_GAP,
-    description: "Gap"
+    description: "Gap",
+    hiddenFromList: false
   },
   angle: {
-    type: "number",
-    min: -180,
-    max: 180,
+    type: "rotation-degrees",
     step: 1,
     default: DEFAULT_ANGLE,
     description: "Angle"
@@ -144,7 +147,8 @@ var zigzagSchema = {
     type: "number",
     step: 0.1,
     default: DEFAULT_OFFSET,
-    description: "Offset"
+    description: "Offset",
+    hiddenFromList: false
   },
   amplitude: {
     type: "number",
@@ -152,7 +156,8 @@ var zigzagSchema = {
     max: 500,
     step: 0.1,
     default: DEFAULT_AMPLITUDE,
-    description: "Amplitude"
+    description: "Amplitude",
+    hiddenFromList: false
   },
   wavelength: {
     type: "number",
@@ -160,7 +165,8 @@ var zigzagSchema = {
     max: 2000,
     step: 1,
     default: DEFAULT_WAVELENGTH,
-    description: "Wavelength"
+    description: "Wavelength",
+    hiddenFromList: false
   }
 };
 var resolve = (p) => {

package/dist/evolve.d.ts

@@ -8,6 +8,7 @@ export declare const evolveSchema: {
         readonly step: 0.01;
         readonly default: 0.5;
         readonly description: "Progress";
+        readonly hiddenFromList: false;
     };
     readonly direction: {
         readonly type: "enum";
@@ -27,6 +28,7 @@ export declare const evolveSchema: {
         readonly step: 0.01;
         readonly default: 0.1;
         readonly description: "Feather";
+        readonly hiddenFromList: false;
     };
 };
 export type EvolveParams = {

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

@@ -7,6 +7,7 @@ export declare const halftoneLinearGradientSchema: {
         readonly step: 1;
         readonly default: 0;
         readonly description: "First stop dot size";
+        readonly hiddenFromList: false;
     };
     readonly secondStopDotSize: {
         readonly type: "number";
@@ -15,6 +16,7 @@ export declare const halftoneLinearGradientSchema: {
         readonly step: 1;
         readonly default: 40;
         readonly description: "Second stop dot size";
+        readonly hiddenFromList: false;
     };
     readonly firstStopPosition: {
         readonly type: "uv-coordinate";
@@ -39,6 +41,7 @@ export declare const halftoneLinearGradientSchema: {
         readonly step: 1;
         readonly default: 24;
         readonly description: "Grid size";
+        readonly hiddenFromList: false;
     };
     readonly colorMode: {
         readonly type: "enum";

package/dist/halftone.d.ts

@@ -9,6 +9,7 @@ export declare const halftoneSchema: {
         readonly step: 1;
         readonly default: 20;
         readonly description: "Dot size";
+        readonly hiddenFromList: false;
     };
     readonly dotSpacing: {
         readonly type: "number";
@@ -17,11 +18,10 @@ export declare const halftoneSchema: {
         readonly step: 1;
         readonly default: 20;
         readonly description: "Dot spacing";
+        readonly hiddenFromList: false;
     };
     readonly rotation: {
-        readonly type: "number";
-        readonly min: -180;
-        readonly max: 180;
+        readonly type: "rotation-degrees";
         readonly step: 1;
         readonly default: 0;
         readonly description: "Rotation";
@@ -31,12 +31,14 @@ export declare const halftoneSchema: {
         readonly step: 1;
         readonly default: 0;
         readonly description: "Offset X";
+        readonly hiddenFromList: false;
     };
     readonly offsetY: {
         readonly type: "number";
         readonly step: 1;
         readonly default: 0;
         readonly description: "Offset Y";
+        readonly hiddenFromList: false;
     };
     readonly shape: {
         readonly type: "enum";

package/dist/linear-progressive-blur/index.d.ts

@@ -0,0 +1,28 @@
+export type LinearProgressiveBlurUvCoordinate = readonly [number, number];
+export type LinearProgressiveBlurParams = {
+    /**
+     * UV coordinate where `startBlur` is reached. Defaults to `[0, 0.5]`.
+     */
+    readonly start?: LinearProgressiveBlurUvCoordinate;
+    /**
+     * UV coordinate where `endBlur` is reached. Defaults to `[1, 0.5]`.
+     */
+    readonly end?: LinearProgressiveBlurUvCoordinate;
+    /**
+     * Blur radius in pixels at `start`. Defaults to `0`.
+     */
+    readonly startBlur?: number;
+    /**
+     * Blur radius in pixels at `end`. Defaults to `50`.
+     */
+    readonly endBlur?: number;
+};
+export type LinearProgressiveBlurResolved = {
+    readonly start: LinearProgressiveBlurUvCoordinate;
+    readonly end: LinearProgressiveBlurUvCoordinate;
+    readonly startBlur: number;
+    readonly endBlur: number;
+};
+export declare const linearProgressiveBlur: (params?: (LinearProgressiveBlurParams & {
+    readonly disabled?: boolean | undefined;
+}) | undefined) => import("remotion").EffectDescriptor<unknown>;

package/dist/linear-progressive-blur/linear-progressive-blur-runtime.d.ts

@@ -0,0 +1,32 @@
+import type { LinearProgressiveBlurResolved } from './index.js';
+type LinearProgressiveBlurUniforms = {
+    readonly uSource: WebGLUniformLocation | null;
+    readonly uTexelSize: WebGLUniformLocation | null;
+    readonly uStart: WebGLUniformLocation | null;
+    readonly uEnd: WebGLUniformLocation | null;
+    readonly uStartBlur: WebGLUniformLocation | null;
+    readonly uEndBlur: WebGLUniformLocation | null;
+};
+export type LinearProgressiveBlurState = {
+    readonly gl: WebGL2RenderingContext;
+    readonly programHorizontal: WebGLProgram;
+    readonly programVertical: WebGLProgram;
+    readonly vao: WebGLVertexArrayObject;
+    readonly vbo: WebGLBuffer;
+    readonly textureSource: WebGLTexture;
+    readonly textureIntermediate: WebGLTexture;
+    readonly framebuffer: WebGLFramebuffer;
+    readonly horizontal: LinearProgressiveBlurUniforms;
+    readonly vertical: LinearProgressiveBlurUniforms;
+};
+export declare const setupLinearProgressiveBlur: (target: HTMLCanvasElement) => LinearProgressiveBlurState;
+export declare const cleanupLinearProgressiveBlur: (state: LinearProgressiveBlurState) => void;
+export declare const applyLinearProgressiveBlur: ({ state, source, width, height, params, flipSourceY, }: {
+    readonly state: LinearProgressiveBlurState;
+    readonly source: CanvasImageSource;
+    readonly width: number;
+    readonly height: number;
+    readonly params: LinearProgressiveBlurResolved;
+    readonly flipSourceY: boolean;
+}) => void;
+export {};

package/dist/linear-progressive-blur/linear-progressive-blur-shaders.d.ts

@@ -0,0 +1,2 @@
+export declare const LINEAR_PROGRESSIVE_BLUR_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 buildLinearProgressiveBlurFs: (direction: "horizontal" | "vertical") => string;

package/dist/linear-progressive-blur.d.ts

@@ -0,0 +1 @@
+export { linearProgressiveBlur, type LinearProgressiveBlurParams, type LinearProgressiveBlurUvCoordinate, } from './linear-progressive-blur/index.js';

package/dist/lines.d.ts

@@ -16,6 +16,7 @@ export declare const linesSchema: {
         readonly step: 0.1;
         readonly default: 40;
         readonly description: "Thickness";
+        readonly hiddenFromList: false;
     };
     readonly gap: {
         readonly type: "number";
@@ -24,11 +25,10 @@ export declare const linesSchema: {
         readonly step: 0.1;
         readonly default: 0;
         readonly description: "Gap";
+        readonly hiddenFromList: false;
     };
     readonly angle: {
-        readonly type: "number";
-        readonly min: -180;
-        readonly max: 180;
+        readonly type: "rotation-degrees";
         readonly step: 1;
         readonly default: 0;
         readonly description: "Angle";
@@ -38,6 +38,7 @@ export declare const linesSchema: {
         readonly step: 0.1;
         readonly default: 0;
         readonly description: "Offset";
+        readonly hiddenFromList: false;
     };
 };
 export type LinesDirection = (typeof LINE_DIRECTIONS)[number];

package/dist/rings.d.ts

@@ -14,6 +14,7 @@ export declare const ringsSchema: {
         readonly step: 0.1;
         readonly default: 40;
         readonly description: "Thickness";
+        readonly hiddenFromList: false;
     };
     readonly gap: {
         readonly type: "number";
@@ -22,12 +23,14 @@ export declare const ringsSchema: {
         readonly step: 0.1;
         readonly default: 0;
         readonly description: "Gap";
+        readonly hiddenFromList: false;
     };
     readonly offset: {
         readonly type: "number";
         readonly step: 0.1;
         readonly default: 0;
         readonly description: "Offset";
+        readonly hiddenFromList: false;
     };
 };
 export type RingsCenter = readonly [number, number];

package/dist/tint.d.ts

@@ -11,6 +11,7 @@ export declare const tintSchema: {
         readonly step: 0.01;
         readonly default: 0.5;
         readonly description: "Amount";
+        readonly hiddenFromList: false;
     };
 };
 export type TintParams = {

package/dist/vignette.d.ts

@@ -7,6 +7,7 @@ export declare const vignetteSchema: {
         readonly step: 0.01;
         readonly default: 0.5;
         readonly description: "Amount";
+        readonly hiddenFromList: false;
     };
     readonly radius: {
         readonly type: "number";
@@ -15,6 +16,7 @@ export declare const vignetteSchema: {
         readonly step: 0.01;
         readonly default: 0.65;
         readonly description: "Radius";
+        readonly hiddenFromList: false;
     };
     readonly feather: {
         readonly type: "number";
@@ -23,6 +25,7 @@ export declare const vignetteSchema: {
         readonly step: 0.01;
         readonly default: 0.35;
         readonly description: "Feather";
+        readonly hiddenFromList: false;
     };
     readonly roundness: {
         readonly type: "number";
@@ -31,6 +34,7 @@ export declare const vignetteSchema: {
         readonly step: 0.01;
         readonly default: 1;
         readonly description: "Roundness";
+        readonly hiddenFromList: false;
     };
     readonly color: {
         readonly type: "color";
@@ -46,8 +50,15 @@ export declare const vignetteSchema: {
             readonly alpha: {};
         };
     };
+    readonly center: {
+        readonly type: "uv-coordinate";
+        readonly step: 0.01;
+        readonly default: readonly [0.5, 0.5];
+        readonly description: "Center";
+    };
 };
 export type VignetteMode = (typeof VIGNETTE_MODES)[number];
+export type VignetteCenter = readonly [number, number];
 export type VignetteParams = {
     /** Strength of the vignette from `0` to `1`. Defaults to `0.5`. */
     readonly amount?: number;
@@ -61,6 +72,8 @@ export type VignetteParams = {
     readonly color?: string;
     /** `color` blends a color into the edges, `alpha` fades edges transparent. Defaults to `color`. */
     readonly mode?: VignetteMode;
+    /** Center of the vignette in UV coordinates. Defaults to `[0.5, 0.5]`. */
+    readonly center?: VignetteCenter;
 };
 export declare const vignette: (params?: (VignetteParams & {
     readonly disabled?: boolean | undefined;

package/dist/waves.d.ts

@@ -16,6 +16,7 @@ export declare const wavesSchema: {
         readonly step: 0.1;
         readonly default: 40;
         readonly description: "Thickness";
+        readonly hiddenFromList: false;
     };
     readonly gap: {
         readonly type: "number";
@@ -24,11 +25,10 @@ export declare const wavesSchema: {
         readonly step: 0.1;
         readonly default: 0;
         readonly description: "Gap";
+        readonly hiddenFromList: false;
     };
     readonly angle: {
-        readonly type: "number";
-        readonly min: -180;
-        readonly max: 180;
+        readonly type: "rotation-degrees";
         readonly step: 1;
         readonly default: 0;
         readonly description: "Angle";
@@ -38,6 +38,7 @@ export declare const wavesSchema: {
         readonly step: 0.1;
         readonly default: 0;
         readonly description: "Offset";
+        readonly hiddenFromList: false;
     };
     readonly amplitude: {
         readonly type: "number";
@@ -46,6 +47,7 @@ export declare const wavesSchema: {
         readonly step: 0.1;
         readonly default: 24;
         readonly description: "Amplitude";
+        readonly hiddenFromList: false;
     };
     readonly wavelength: {
         readonly type: "number";
@@ -54,6 +56,7 @@ export declare const wavesSchema: {
         readonly step: 1;
         readonly default: 160;
         readonly description: "Wavelength";
+        readonly hiddenFromList: false;
     };
     readonly phase: {
         readonly type: "number";
@@ -62,6 +65,7 @@ export declare const wavesSchema: {
         readonly step: 1;
         readonly default: 0;
         readonly description: "Phase";
+        readonly hiddenFromList: false;
     };
 };
 export type WavesDirection = (typeof WAVE_DIRECTIONS)[number];

package/dist/zigzag.d.ts

@@ -16,6 +16,7 @@ export declare const zigzagSchema: {
         readonly step: 0.1;
         readonly default: 40;
         readonly description: "Thickness";
+        readonly hiddenFromList: false;
     };
     readonly gap: {
         readonly type: "number";
@@ -24,11 +25,10 @@ export declare const zigzagSchema: {
         readonly step: 0.1;
         readonly default: 0;
         readonly description: "Gap";
+        readonly hiddenFromList: false;
     };
     readonly angle: {
-        readonly type: "number";
-        readonly min: -180;
-        readonly max: 180;
+        readonly type: "rotation-degrees";
         readonly step: 1;
         readonly default: 0;
         readonly description: "Angle";
@@ -38,6 +38,7 @@ export declare const zigzagSchema: {
         readonly step: 0.1;
         readonly default: 0;
         readonly description: "Offset";
+        readonly hiddenFromList: false;
     };
     readonly amplitude: {
         readonly type: "number";
@@ -46,6 +47,7 @@ export declare const zigzagSchema: {
         readonly step: 0.1;
         readonly default: 40;
         readonly description: "Amplitude";
+        readonly hiddenFromList: false;
     };
     readonly wavelength: {
         readonly type: "number";
@@ -54,6 +56,7 @@ export declare const zigzagSchema: {
         readonly step: 1;
         readonly default: 160;
         readonly description: "Wavelength";
+        readonly hiddenFromList: false;
     };
 };
 export type ZigzagDirection = (typeof ZIGZAG_DIRECTIONS)[number];

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/effects",
-	"version": "4.0.471",
+	"version": "4.0.472",
 	"description": "Effects that can be applied to Remotion-based canvas components",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
@@ -26,7 +26,7 @@
 		"url": "https://github.com/remotion-dev/remotion/issues"
 	},
 	"dependencies": {
-		"remotion": "4.0.471"
+		"remotion": "4.0.472"
 	},
 	"exports": {
 		".": {
@@ -49,6 +49,11 @@
 			"module": "./dist/esm/chromatic-aberration.mjs",
 			"import": "./dist/esm/chromatic-aberration.mjs"
 		},
+		"./color-key": {
+			"types": "./dist/color-key.d.ts",
+			"module": "./dist/esm/color-key.mjs",
+			"import": "./dist/esm/color-key.mjs"
+		},
 		"./brightness": {
 			"types": "./dist/brightness.d.ts",
 			"module": "./dist/esm/brightness.mjs",
@@ -119,6 +124,11 @@
 			"module": "./dist/esm/lines.mjs",
 			"import": "./dist/esm/lines.mjs"
 		},
+		"./linear-progressive-blur": {
+			"types": "./dist/linear-progressive-blur.d.ts",
+			"module": "./dist/esm/linear-progressive-blur.mjs",
+			"import": "./dist/esm/linear-progressive-blur.mjs"
+		},
 		"./dot-grid": {
 			"types": "./dist/dot-grid.d.ts",
 			"module": "./dist/esm/dot-grid.mjs",
@@ -212,6 +222,9 @@
 			"chromatic-aberration": [
 				"dist/chromatic-aberration.d.ts"
 			],
+			"color-key": [
+				"dist/color-key.d.ts"
+			],
 			"brightness": [
 				"dist/brightness.d.ts"
 			],
@@ -254,6 +267,9 @@
 			"lines": [
 				"dist/lines.d.ts"
 			],
+			"linear-progressive-blur": [
+				"dist/linear-progressive-blur.d.ts"
+			],
 			"dot-grid": [
 				"dist/dot-grid.d.ts"
 			],
@@ -306,7 +322,7 @@
 	},
 	"homepage": "https://www.remotion.dev/docs/effects/api",
 	"devDependencies": {
-		"@remotion/eslint-config-internal": "4.0.471",
+		"@remotion/eslint-config-internal": "4.0.472",
 		"@vitest/browser-playwright": "4.0.9",
 		"eslint": "9.19.0",
 		"vitest": "4.0.9",

package/dist/effect-internals.d.ts

@@ -1,8 +0,0 @@
-export declare const EffectInternals: {
-    readonly halftone: (params?: (import("./halftone.js").HalftoneParams & {
-        readonly disabled?: boolean | undefined;
-    }) | undefined) => import("remotion").EffectDescriptor<unknown>;
-    readonly tint: (params: import("./tint.js").TintParams & {
-        readonly disabled?: boolean | undefined;
-    }) => import("remotion").EffectDescriptor<unknown>;
-};

package/dist/entrypoints/blur.d.ts

@@ -1,6 +0,0 @@
-import * as blurExports from '../blur/index.js';
-export type { BlurParams } from '../blur/index.js';
-declare const blur: (params: blurExports.BlurParams & {
-    readonly disabled?: boolean | undefined;
-}) => import("remotion").EffectDescriptor<unknown>;
-export { blur };