@remotion/effects 4.0.465 → 4.0.466

package/dist/grayscale.d.ts

@@ -0,0 +1,7 @@
+export type GrayscaleParams = {
+    /** Mix between original color and grayscale. Defaults to `1`. */
+    readonly amount?: number;
+};
+export declare const grayscale: (params?: (GrayscaleParams & {
+    readonly disabled?: boolean | undefined;
+}) | undefined) => import("remotion").EffectDescriptor<unknown>;

package/dist/halftone.d.ts

@@ -1,3 +1,5 @@
+declare const HALFTONE_SHAPES: readonly ["circle", "square", "line"];
+declare const HALFTONE_SAMPLING: readonly ["bilinear", "nearest"];
 export declare const halftoneSchema: {
     readonly dotSize: {
         readonly type: "number";
@@ -45,9 +47,19 @@ export declare const halftoneSchema: {
         readonly default: "circle";
         readonly description: "Shape";
     };
+    readonly invert: {
+        readonly type: "boolean";
+        readonly default: false;
+        readonly description: "Invert";
+    };
+    readonly color: {
+        readonly type: "color";
+        readonly default: "black";
+        readonly description: "Color";
+    };
 };
-export type HalftoneShape = 'circle' | 'square' | 'line';
-export type HalftoneSampling = 'bilinear' | 'nearest';
+export type HalftoneShape = (typeof HALFTONE_SHAPES)[number];
+export type HalftoneSampling = (typeof HALFTONE_SAMPLING)[number];
 export type HalftoneParams = {
     readonly shape?: HalftoneShape;
     readonly dotSize?: number;
@@ -63,13 +75,13 @@ export type HalftoneParams = {
     /** Dot color. Defaults to black. */
     readonly color?: string;
     /**
-     * When false (default), halftone follows luminance on opaque pixels (classic
-     * halftone on your subject). When true, the same dot pattern fills transparent
-     * and low-alpha areas instead—e.g. the canvas around a cut-out shape—while
-     * leaving the opaque shape mostly free of those dots.
+     * When false (default), dark areas produce larger dots.
+     * When true, the pattern is inverted:
+     * bright and transparent areas produce larger dots instead.
      */
-    readonly shadeOutside?: boolean;
+    readonly invert?: boolean;
 };
 export declare const halftone: (params?: (HalftoneParams & {
     readonly disabled?: boolean | undefined;
 }) | undefined) => import("remotion").EffectDescriptor<unknown>;
+export {};

package/dist/hue.d.ts

@@ -0,0 +1,7 @@
+export type HueParams = {
+    /** Hue rotation in degrees. Defaults to `0`. */
+    readonly degrees?: number;
+};
+export declare const hue: (params?: (HueParams & {
+    readonly disabled?: boolean | undefined;
+}) | undefined) => import("remotion").EffectDescriptor<unknown>;

package/dist/index.d.ts

@@ -1,3 +1 @@
-export { EffectInternals } from './effect-internals.js';
-export { halftoneSchema, type HalftoneParams } from './halftone.js';
-export { tintSchema, type TintParams } from './tint.js';
+export {};

package/dist/invert.d.ts

@@ -0,0 +1,7 @@
+export type InvertParams = {
+    /** Mix between original color and inverted color. Defaults to `1`. */
+    readonly amount?: number;
+};
+export declare const invert: (params?: (InvertParams & {
+    readonly disabled?: boolean | undefined;
+}) | undefined) => import("remotion").EffectDescriptor<unknown>;

package/dist/mirror/index.d.ts

@@ -0,0 +1,13 @@
+import { type MirrorDirection } from './mirror-runtime.js';
+export type { MirrorDirection };
+export type MirrorParams = {
+    /** Mirror direction. Defaults to `horizontal`. */
+    readonly direction?: MirrorDirection;
+    /** Mirror position in UV coordinates. Defaults to `0.5`. */
+    readonly position?: number;
+    /** Mirror the other side of the image. Defaults to `false`. */
+    readonly invert?: boolean;
+};
+export declare const mirror: (params?: (MirrorParams & {
+    readonly disabled?: boolean | undefined;
+}) | undefined) => import("remotion").EffectDescriptor<unknown>;

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

@@ -0,0 +1,26 @@
+export type MirrorDirection = 'horizontal' | 'vertical';
+export type MirrorState = {
+    gl: WebGL2RenderingContext;
+    program: WebGLProgram;
+    vao: WebGLVertexArrayObject;
+    vbo: WebGLBuffer;
+    textureSource: WebGLTexture;
+    uniforms: {
+        uSource: WebGLUniformLocation | null;
+        uPosition: WebGLUniformLocation | null;
+        uDirection: WebGLUniformLocation | null;
+        uInvert: WebGLUniformLocation | null;
+    };
+};
+export declare const setupMirror: (target: HTMLCanvasElement) => MirrorState;
+export declare const cleanupMirror: (state: MirrorState) => void;
+export declare const applyMirror: ({ state, source, width, height, position, direction, invert, flipSourceY, }: {
+    readonly state: MirrorState;
+    readonly source: CanvasImageSource;
+    readonly width: number;
+    readonly height: number;
+    readonly position: number;
+    readonly direction: MirrorDirection;
+    readonly invert: boolean;
+    readonly flipSourceY: boolean;
+}) => void;

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

@@ -0,0 +1,2 @@
+export declare const MIRROR_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 MIRROR_FS = "#version 300 es\nprecision highp float;\nin vec2 vUv;\nout vec4 fragColor;\n\nuniform sampler2D uSource;\nuniform float uPosition;\nuniform int uDirection;\nuniform bool uInvert;\n\nvoid main() {\n\tvec2 srcUv = vUv;\n\tfloat coord = uDirection == 0 ? vUv.x : vUv.y;\n\tbool shouldMirror = uInvert ? coord < uPosition : coord > uPosition;\n\n\tif (shouldMirror) {\n\t\tfloat mirrored = 2.0 * uPosition - coord;\n\t\tif (uDirection == 0) {\n\t\t\tsrcUv.x = mirrored;\n\t\t} else {\n\t\t\tsrcUv.y = mirrored;\n\t\t}\n\t}\n\n\tfragColor = texture(uSource, clamp(srcUv, vec2(0.0), vec2(1.0)));\n}\n";

package/dist/mirror.d.ts

@@ -0,0 +1 @@
+export { mirror, type MirrorDirection, type MirrorParams, } from './mirror/index.js';

package/dist/saturation.d.ts

@@ -0,0 +1,7 @@
+export type SaturationParams = {
+    /** Saturation multiplier. `1` leaves colors unchanged, `0` makes them grayscale. Defaults to `1`. */
+    readonly amount?: number;
+};
+export declare const saturation: (params?: (SaturationParams & {
+    readonly disabled?: boolean | undefined;
+}) | undefined) => import("remotion").EffectDescriptor<unknown>;

package/dist/scale/index.d.ts

@@ -0,0 +1,11 @@
+export type ScaleParams = {
+    /** Scale factor. Defaults to `1`. Must be greater than 0. */
+    readonly scale: number;
+    /** Whether to apply horizontal scaling. Defaults to `true`. */
+    readonly horizontal?: boolean;
+    /** Whether to apply vertical scaling. Defaults to `true`. */
+    readonly vertical?: boolean;
+};
+export declare const scale: (params: ScaleParams & {
+    readonly disabled?: boolean | undefined;
+}) => import("remotion").EffectDescriptor<unknown>;

package/dist/scale.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/effects",
-	"version": "4.0.465",
+	"version": "4.0.466",
 	"description": "Effects that can be applied to Remotion-based canvas components",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
@@ -24,7 +24,7 @@
 		"url": "https://github.com/remotion-dev/remotion/issues"
 	},
 	"dependencies": {
-		"remotion": "4.0.465"
+		"remotion": "4.0.466"
 	},
 	"exports": {
 		".": {
@@ -32,11 +32,61 @@
 			"module": "./dist/esm/index.mjs",
 			"import": "./dist/esm/index.mjs"
 		},
+		"./barrel-distortion": {
+			"types": "./dist/barrel-distortion.d.ts",
+			"module": "./dist/esm/barrel-distortion.mjs",
+			"import": "./dist/esm/barrel-distortion.mjs"
+		},
 		"./blur": {
 			"types": "./dist/blur.d.ts",
 			"module": "./dist/esm/blur.mjs",
 			"import": "./dist/esm/blur.mjs"
 		},
+		"./brightness": {
+			"types": "./dist/brightness.d.ts",
+			"module": "./dist/esm/brightness.mjs",
+			"import": "./dist/esm/brightness.mjs"
+		},
+		"./halftone": {
+			"types": "./dist/halftone.d.ts",
+			"module": "./dist/esm/halftone.mjs",
+			"import": "./dist/esm/halftone.mjs"
+		},
+		"./grayscale": {
+			"types": "./dist/grayscale.d.ts",
+			"module": "./dist/esm/grayscale.mjs",
+			"import": "./dist/esm/grayscale.mjs"
+		},
+		"./hue": {
+			"types": "./dist/hue.d.ts",
+			"module": "./dist/esm/hue.mjs",
+			"import": "./dist/esm/hue.mjs"
+		},
+		"./invert": {
+			"types": "./dist/invert.d.ts",
+			"module": "./dist/esm/invert.mjs",
+			"import": "./dist/esm/invert.mjs"
+		},
+		"./mirror": {
+			"types": "./dist/mirror.d.ts",
+			"module": "./dist/esm/mirror.mjs",
+			"import": "./dist/esm/mirror.mjs"
+		},
+		"./saturation": {
+			"types": "./dist/saturation.d.ts",
+			"module": "./dist/esm/saturation.mjs",
+			"import": "./dist/esm/saturation.mjs"
+		},
+		"./scale": {
+			"types": "./dist/scale.d.ts",
+			"module": "./dist/esm/scale.mjs",
+			"import": "./dist/esm/scale.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",
@@ -46,9 +96,39 @@
 	},
 	"typesVersions": {
 		">=1.0": {
+			"barrel-distortion": [
+				"dist/barrel-distortion.d.ts"
+			],
 			"blur": [
 				"dist/blur.d.ts"
 			],
+			"brightness": [
+				"dist/brightness.d.ts"
+			],
+			"halftone": [
+				"dist/halftone.d.ts"
+			],
+			"grayscale": [
+				"dist/grayscale.d.ts"
+			],
+			"hue": [
+				"dist/hue.d.ts"
+			],
+			"invert": [
+				"dist/invert.d.ts"
+			],
+			"mirror": [
+				"dist/mirror.d.ts"
+			],
+			"saturation": [
+				"dist/saturation.d.ts"
+			],
+			"scale": [
+				"dist/scale.d.ts"
+			],
+			"tint": [
+				"dist/tint.d.ts"
+			],
 			"wave": [
 				"dist/wave.d.ts"
 			]
@@ -56,7 +136,7 @@
 	},
 	"homepage": "https://www.remotion.dev/docs/effects/api",
 	"devDependencies": {
-		"@remotion/eslint-config-internal": "4.0.465",
+		"@remotion/eslint-config-internal": "4.0.466",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},