@remotion/effects 4.0.538 → 4.0.540

package/dist/webgpu-mesh-runtime.d.ts

@@ -0,0 +1,46 @@
+export type WebGpuMeshState = {
+    readonly context: GPUCanvasContext;
+    readonly label: string;
+    resources: {
+        readonly device: GPUDevice;
+        readonly shader: string;
+        readonly uniformSize: number;
+        readonly topology: GPUPrimitiveTopology;
+        readonly blend: boolean;
+        readonly pipeline: GPURenderPipeline;
+        readonly flipPipeline: GPURenderPipeline;
+        readonly sampler: GPUSampler;
+        readonly uniforms: GPUBuffer;
+        multisample: {
+            readonly resolved: GPUTexture;
+            readonly texture: GPUTexture;
+            readonly width: number;
+            readonly height: number;
+        } | null;
+        vertices: {
+            readonly buffer: GPUBuffer;
+            readonly size: number;
+        } | null;
+        source: {
+            readonly texture: GPUTexture;
+            readonly width: number;
+            readonly height: number;
+        } | null;
+    } | null;
+};
+export declare const setupWebGpuMesh: (target: HTMLCanvasElement, label: string) => WebGpuMeshState;
+export declare const cleanupWebGpuMesh: (state: WebGpuMeshState) => void;
+export declare const applyWebGpuMesh: ({ state, source, width, height, vertices, device, shader, uniformData, topology, blend, vertexCount, instanceCount, }: {
+    state: WebGpuMeshState;
+    source: CanvasImageSource;
+    width: number;
+    height: number;
+    vertices: Float32Array | null;
+    shader: string;
+    uniformData: Float32Array<ArrayBuffer>;
+    topology: GPUPrimitiveTopology;
+    blend: boolean;
+    vertexCount: number;
+    instanceCount: number;
+    device: GPUDevice;
+}) => void;

package/dist/webgpu-multipass-runtime.d.ts

@@ -0,0 +1,50 @@
+export declare const WEBGPU_MULTIPASS_BINDINGS = "\n\nstruct VertexOutput {\n\t@builtin(position) position: vec4f,\n\t@location(0) uv: vec2f,\n}\n\n@vertex fn vertex(@builtin(vertex_index) index: u32) -> VertexOutput {\n\tlet positions = array<vec2f, 3>(vec2f(-1, -1), vec2f(3, -1), vec2f(-1, 3));\n\tlet position = positions[index];\n\tvar output: VertexOutput;\n\toutput.position = vec4f(position, 0, 1);\n\toutput.uv = vec2f(position.x * 0.5 + 0.5, 0.5 - position.y * 0.5);\n\treturn output;\n}\n\n@group(0) @binding(0) var source: texture_2d<f32>;\n@group(0) @binding(1) var sourceSampler: sampler;\n@group(0) @binding(2) var<uniform> params: Params;\n@group(0) @binding(3) var secondary: texture_2d<f32>;\n";
+export type WebGpuPass = {
+    readonly shader: string;
+    readonly uniforms: Float32Array<ArrayBuffer>;
+    readonly source: number;
+    readonly secondary: number;
+};
+type PassResources = {
+    readonly shader: string;
+    readonly size: number;
+    readonly format: GPUTextureFormat;
+    readonly pipeline: GPURenderPipeline;
+    readonly uniforms: GPUBuffer;
+};
+export type WebGpuMultipassState = {
+    readonly context: GPUCanvasContext;
+    readonly label: string;
+    resources: {
+        readonly device: GPUDevice;
+        readonly layout: GPUBindGroupLayout;
+        readonly sampler: GPUSampler;
+        readonly format: GPUTextureFormat;
+        readonly passes: PassResources[];
+        readonly textures: GPUTexture[];
+        auxiliary: {
+            readonly texture: GPUTexture;
+            readonly width: number;
+            readonly height: number;
+        } | null;
+        width: number;
+        height: number;
+        source: {
+            readonly texture: GPUTexture;
+            readonly width: number;
+            readonly height: number;
+        } | null;
+    } | null;
+};
+export declare const setupWebGpuMultipass: (target: HTMLCanvasElement, label: string) => WebGpuMultipassState;
+export declare const cleanupWebGpuMultipass: (state: WebGpuMultipassState) => void;
+export declare const applyWebGpuMultipass: ({ state, source, width, height, device, passes, auxiliarySource, }: {
+    state: WebGpuMultipassState;
+    source: CanvasImageSource;
+    width: number;
+    height: number;
+    device: GPUDevice;
+    passes: readonly WebGpuPass[];
+    auxiliarySource: HTMLCanvasElement | null;
+}) => void;
+export {};

package/dist/webgpu-projection-runtime.d.ts

@@ -2,18 +2,22 @@ export type WebGpuProjectionState = {
     context: GPUCanvasContext;
     resources: {
         device: GPUDevice;
+        shader: string;
+        format: GPUTextureFormat;
         pipeline: GPURenderPipeline;
         uniforms: GPUBuffer;
         sampler: GPUSampler;
-        texture: GPUTexture;
-        bindGroup: GPUBindGroup;
-        width: number;
-        height: number;
+        source: {
+            texture: GPUTexture;
+            bindGroup: GPUBindGroup;
+            width: number;
+            height: number;
+        } | null;
     } | null;
 };
 export declare const cleanupWebGpuProjection: (state: WebGpuProjectionState) => void;
 export declare const setupWebGpuProjection: (target: HTMLCanvasElement, label: string) => WebGpuProjectionState;
-export declare const applyWebGpuProjection: ({ state, source, width, height, device, shader, uniformData, }: {
+export declare const applyWebGpuProjection: ({ state, source, device, shader, uniformData, }: {
     state: WebGpuProjectionState;
     source: CanvasImageSource;
     width: number;

package/dist/webgpu-single-pass-runtime.d.ts

@@ -0,0 +1,47 @@
+export type WebGpuSinglePassState = {
+    readonly context: GPUCanvasContext;
+    readonly label: string;
+    resources: {
+        readonly device: GPUDevice;
+        readonly shader: string;
+        readonly uniformBufferSize: number;
+        readonly sourceFilter: GPUFilterMode;
+        readonly auxiliary: {
+            readonly texture: GPUTexture;
+            readonly width: number;
+            readonly height: number;
+            readonly format: 'rgba8unorm' | 'rgba32float';
+            uploadedData: Uint8Array<ArrayBuffer> | Float32Array<ArrayBuffer> | null;
+        } | null;
+        readonly pipeline: GPURenderPipeline;
+        readonly uniforms: GPUBuffer;
+        readonly sampler: GPUSampler;
+        readonly bindGroupLayout: GPUBindGroupLayout;
+        source: {
+            readonly texture: GPUTexture;
+            readonly bindGroup: GPUBindGroup;
+            readonly width: number;
+            readonly height: number;
+        } | null;
+    } | null;
+};
+export declare const WEBGPU_SINGLE_PASS_VERTEX = "\nstruct VertexOutput {\n\t@builtin(position) position: vec4f,\n\t@location(0) uv: vec2f,\n}\n\n@vertex fn vertex(@builtin(vertex_index) index: u32) -> VertexOutput {\n\tlet positions = array<vec2f, 3>(vec2f(-1, -1), vec2f(3, -1), vec2f(-1, 3));\n\tlet position = positions[index];\n\tvar output: VertexOutput;\n\toutput.position = vec4f(position, 0, 1);\n\toutput.uv = vec2f(position.x * 0.5 + 0.5, 0.5 - position.y * 0.5);\n\treturn output;\n}\n";
+export declare const setupWebGpuSinglePass: (target: HTMLCanvasElement, label: string) => WebGpuSinglePassState;
+export declare const cleanupWebGpuSinglePass: (state: WebGpuSinglePassState) => void;
+export declare const applyWebGpuSinglePass: ({ state, source, device, shader, uniformData, }: {
+    state: WebGpuSinglePassState;
+    source: CanvasImageSource;
+    width: number;
+    height: number;
+    device: GPUDevice;
+    shader: string;
+    uniformData: Float32Array<ArrayBuffer>;
+}, options?: {
+    sourceFilter: GPUFilterMode | null;
+    auxiliaryTexture: {
+        data: Uint8Array<ArrayBuffer> | Float32Array<ArrayBuffer>;
+        width: number;
+        height: number;
+        format: 'rgba8unorm' | 'rgba32float';
+    } | null;
+} | null) => void;

package/dist/white-noise-webgpu-shader.d.ts

@@ -0,0 +1 @@
+export declare const WHITE_NOISE_WEBGPU_SHADER = "\n\nstruct VertexOutput {\n\t@builtin(position) position: vec4f,\n\t@location(0) uv: vec2f,\n}\n\n@vertex fn vertex(@builtin(vertex_index) index: u32) -> VertexOutput {\n\tlet positions = array<vec2f, 3>(vec2f(-1, -1), vec2f(3, -1), vec2f(-1, 3));\n\tlet position = positions[index];\n\tvar output: VertexOutput;\n\toutput.position = vec4f(position, 0, 1);\n\toutput.uv = vec2f(position.x * 0.5 + 0.5, 0.5 - position.y * 0.5);\n\treturn output;\n}\n\n@group(0) @binding(0) var source: texture_2d<f32>;\n@group(0) @binding(1) var sourceSampler: sampler;\n@group(0) @binding(2) var<uniform> params: Params;\n\nstruct Params { size: vec2f, amount: f32, seed: f32, }\nfn random(co: vec2f) -> f32 {\n  return fract(sin(dot(co, vec2f(12.9898, 78.233)) + params.seed * 37.719) * 43758.5453);\n}\n@fragment fn fragment(input: VertexOutput) -> @location(0) vec4f {\n  let color = textureSampleLevel(source, sourceSampler, input.uv, 0);\n  let noise = random(vec2f(input.position.x, params.size.y - input.position.y));\n  var rgb = vec3f(0);\n  if (color.a != 0.0) { rgb = color.rgb / color.a; }\n  return vec4f(mix(rgb, vec3f(noise), params.amount) * color.a, color.a);\n}\n\n";

package/dist/zigzag-webgpu-shader.d.ts

@@ -0,0 +1 @@
+export declare const ZIGZAG_WEBGPU_SHADER = "\n\nstruct VertexOutput {\n\t@builtin(position) position: vec4f,\n\t@location(0) uv: vec2f,\n}\n\n@vertex fn vertex(@builtin(vertex_index) index: u32) -> VertexOutput {\n\tlet positions = array<vec2f, 3>(vec2f(-1, -1), vec2f(3, -1), vec2f(-1, 3));\n\tlet position = positions[index];\n\tvar output: VertexOutput;\n\toutput.position = vec4f(position, 0, 1);\n\toutput.uv = vec2f(position.x * 0.5 + 0.5, 0.5 - position.y * 0.5);\n\treturn output;\n}\n\n@group(0) @binding(0) var sourceTexture: texture_2d<f32>;\n@group(0) @binding(1) var sourceSampler: sampler;\n@group(0) @binding(2) var<uniform> params: Params;\n@group(0) @binding(3) var palette: texture_2d<f32>;\nstruct Params {\n geometry: vec4f,\n stripe: vec4f,\n flags: vec4f,\n wave: vec4f,\n}\nfn sampleSource(uv: vec2f) -> vec4f {\n return textureSampleLevel(sourceTexture, sourceSampler, vec2f(uv.x, 1.0 - uv.y), 0);\n}\nfn glslModulo(value: f32, divisor: f32) -> f32 { return value - divisor * floor(value / divisor); }\nfn paletteColor(index: f32) -> vec4f { return textureLoad(palette, vec2i(i32(index), 0), 0); }\n\n@fragment fn fragment(input: VertexOutput) -> @location(0) vec4f {\n let vUv = vec2f(input.uv.x, 1.0 - input.uv.y);\n\n let texColor = sampleSource(vUv);\n let thickness = max(params.stripe.x, 0.001);\n let spacing = max(params.stripe.y, 0.001);\n let cycle = spacing * params.geometry.z;\n let centered = vec2f(input.position.x, params.geometry.y - input.position.y) - params.geometry.xy * 0.5;\n let s = sin(params.stripe.z);\n let c = cos(params.stripe.z);\n let rotated = vec2f(centered.x * c - centered.y * s, centered.x * s + centered.y * c);\n var axis = select(rotated.x, rotated.y, params.geometry.w == 0.0);\n let waveAxis = select(rotated.y, rotated.x, params.geometry.w == 0.0);\nlet phase = fract(waveAxis / max(params.wave.y, 0.001));\n axis += (1.0 - abs(phase * 2.0 - 1.0) * 2.0) * params.wave.x;\n\n var position = glslModulo(axis + params.stripe.w, cycle);\n if (position < 0.0) { position += cycle; }\n // Snap rounding noise at exact band boundaries before choosing the palette entry.\n var stripeIndex = position / spacing;\n let nearestIndex = floor(stripeIndex + 0.5);\n if (abs(stripeIndex - nearestIndex) < 0.00001) { stripeIndex = nearestIndex; }\n let colorIndex = glslModulo(floor(stripeIndex), params.geometry.z);\n let inStripe = glslModulo(position, spacing);\n if (inStripe > thickness) { return texColor; }\n\n let overlay = paletteColor(colorIndex);\n let premultiplied = overlay.rgb * overlay.a;\n if (params.flags.x != 0.0) {\n  return vec4f(premultiplied * texColor.a + texColor.rgb * (1.0 - overlay.a), texColor.a);\n }\n return vec4f(premultiplied + texColor.rgb * (1.0 - overlay.a), overlay.a + texColor.a * (1.0 - overlay.a));\n\n}\n";

package/dist/zoom-blur/webgpu-shader.d.ts

@@ -0,0 +1 @@
+export declare const ZOOM_BLUR_WEBGPU_SHADER = "\n\nstruct VertexOutput {\n\t@builtin(position) position: vec4f,\n\t@location(0) uv: vec2f,\n}\n\n@vertex fn vertex(@builtin(vertex_index) index: u32) -> VertexOutput {\n\tlet positions = array<vec2f, 3>(vec2f(-1, -1), vec2f(3, -1), vec2f(-1, 3));\n\tlet position = positions[index];\n\tvar output: VertexOutput;\n\toutput.position = vec4f(position, 0, 1);\n\toutput.uv = vec2f(position.x * 0.5 + 0.5, 0.5 - position.y * 0.5);\n\treturn output;\n}\n\n@group(0) @binding(0) var source: texture_2d<f32>;\n@group(0) @binding(1) var sourceSampler: sampler;\n@group(0) @binding(2) var<uniform> params: Params;\nstruct Params { resolutionAndCenter: vec4f, amountAndSamples: vec4f, }\n@fragment fn fragment(input: VertexOutput) -> @location(0) vec4f {\n  let resolution = params.resolutionAndCenter.xy;\n  let center = vec2f(params.resolutionAndCenter.z, 1.0 - params.resolutionAndCenter.w);\n  let direction = input.uv - center;\n  let amount = params.amountAndSamples.x / min(resolution.x, resolution.y);\n  let samples = i32(params.amountAndSamples.y);\n  var color = vec4f(0);\n  var total = 0.0;\n  for (var i = 0; i < 64; i++) {\n    if (i >= samples) { break; }\n    let denominator = max(f32(samples - 1), 1.0);\n    let progress = f32(i) / denominator;\n    let uv = clamp(input.uv - direction * amount * progress, vec2f(0), vec2f(1));\n    color += textureSampleLevel(source, sourceSampler, uv, 0);\n    total += 1.0;\n  }\n  return color / total;\n}\n";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/effects",
-	"version": "4.0.538",
+	"version": "4.0.540",
 	"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.538"
+		"remotion": "4.0.540"
 	},
 	"exports": {
 		".": {
@@ -99,6 +99,11 @@
 			"module": "./dist/esm/contour-lines.mjs",
 			"import": "./dist/esm/contour-lines.mjs"
 		},
+		"./curves": {
+			"types": "./dist/curves.d.ts",
+			"module": "./dist/esm/curves.mjs",
+			"import": "./dist/esm/curves.mjs"
+		},
 		"./cylinder": {
 			"types": "./dist/cylinder.d.ts",
 			"module": "./dist/esm/cylinder.mjs",
@@ -129,6 +134,11 @@
 			"module": "./dist/esm/exposure.mjs",
 			"import": "./dist/esm/exposure.mjs"
 		},
+		"./film-burn": {
+			"types": "./dist/film-burn.d.ts",
+			"module": "./dist/esm/film-burn.mjs",
+			"import": "./dist/esm/film-burn.mjs"
+		},
 		"./fisheye": {
 			"types": "./dist/fisheye.d.ts",
 			"module": "./dist/esm/fisheye.mjs",
@@ -214,6 +224,11 @@
 			"module": "./dist/esm/linear-progressive-pixelate.mjs",
 			"import": "./dist/esm/linear-progressive-pixelate.mjs"
 		},
+		"./iris-wipe": {
+			"types": "./dist/iris-wipe.d.ts",
+			"module": "./dist/esm/iris-wipe.mjs",
+			"import": "./dist/esm/iris-wipe.mjs"
+		},
 		"./lens-blur": {
 			"types": "./dist/lens-blur.d.ts",
 			"module": "./dist/esm/lens-blur.mjs",
@@ -299,6 +314,16 @@
 			"module": "./dist/esm/radial-progressive-pixelate.mjs",
 			"import": "./dist/esm/radial-progressive-pixelate.mjs"
 		},
+		"./radial-wipe": {
+			"types": "./dist/radial-wipe.d.ts",
+			"module": "./dist/esm/radial-wipe.mjs",
+			"import": "./dist/esm/radial-wipe.mjs"
+		},
+		"./rain-fall": {
+			"types": "./dist/rain-fall.d.ts",
+			"module": "./dist/esm/rain-fall.mjs",
+			"import": "./dist/esm/rain-fall.mjs"
+		},
 		"./region-blur": {
 			"types": "./dist/region-blur.d.ts",
 			"module": "./dist/esm/region-blur.mjs",
@@ -329,6 +354,11 @@
 			"module": "./dist/esm/shadows-highlights.mjs",
 			"import": "./dist/esm/shadows-highlights.mjs"
 		},
+		"./shatter": {
+			"types": "./dist/shatter.d.ts",
+			"module": "./dist/esm/shatter.mjs",
+			"import": "./dist/esm/shatter.mjs"
+		},
 		"./shine": {
 			"types": "./dist/shine.d.ts",
 			"module": "./dist/esm/shine.mjs",
@@ -349,6 +379,11 @@
 			"module": "./dist/esm/speckle.mjs",
 			"import": "./dist/esm/speckle.mjs"
 		},
+		"./snow-fall": {
+			"types": "./dist/snow-fall.d.ts",
+			"module": "./dist/esm/snow-fall.mjs",
+			"import": "./dist/esm/snow-fall.mjs"
+		},
 		"./sphere": {
 			"types": "./dist/sphere.d.ts",
 			"module": "./dist/esm/sphere.mjs",
@@ -482,6 +517,9 @@
 			"contour-lines": [
 				"dist/contour-lines.d.ts"
 			],
+			"curves": [
+				"dist/curves.d.ts"
+			],
 			"cylinder": [
 				"dist/cylinder.d.ts"
 			],
@@ -500,6 +538,9 @@
 			"exposure": [
 				"dist/exposure.d.ts"
 			],
+			"film-burn": [
+				"dist/film-burn.d.ts"
+			],
 			"fisheye": [
 				"dist/fisheye.d.ts"
 			],
@@ -551,6 +592,9 @@
 			"linear-progressive-pixelate": [
 				"dist/linear-progressive-pixelate.d.ts"
 			],
+			"iris-wipe": [
+				"dist/iris-wipe.d.ts"
+			],
 			"lens-blur": [
 				"dist/lens-blur.d.ts"
 			],
@@ -602,6 +646,12 @@
 			"radial-progressive-pixelate": [
 				"dist/radial-progressive-pixelate.d.ts"
 			],
+			"radial-wipe": [
+				"dist/radial-wipe.d.ts"
+			],
+			"rain-fall": [
+				"dist/rain-fall.d.ts"
+			],
 			"region-blur": [
 				"dist/region-blur.d.ts"
 			],
@@ -620,6 +670,9 @@
 			"shadows-highlights": [
 				"dist/shadows-highlights.d.ts"
 			],
+			"shatter": [
+				"dist/shatter.d.ts"
+			],
 			"shine": [
 				"dist/shine.d.ts"
 			],
@@ -632,6 +685,9 @@
 			"speckle": [
 				"dist/speckle.d.ts"
 			],
+			"snow-fall": [
+				"dist/snow-fall.d.ts"
+			],
 			"sphere": [
 				"dist/sphere.d.ts"
 			],
@@ -690,7 +746,7 @@
 	},
 	"homepage": "https://www.remotion.dev/docs/effects/api",
 	"devDependencies": {
-		"@remotion/eslint-config-internal": "4.0.538",
+		"@remotion/eslint-config-internal": "4.0.540",
 		"@vitest/browser-playwright": "5.0.3",
 		"@webgpu/types": "0.1.74",
 		"eslint": "9.19.0",