@remotion/light-leaks 4.0.462 → 4.0.464

package/dist/esm/index.mjs

@@ -9,6 +9,7 @@ import {
   useVideoConfig
 } from "remotion";
 import { jsx } from "react/jsx-runtime";
+var { createWebGLContextError } = Internals;
 var VERTEX_SHADER = `
 attribute vec2 position;
 void main() {
@@ -106,7 +107,7 @@ var LightLeakCanvas = ({ seed, hueShift }) => {
       alpha: true
     });
     if (!gl) {
-      cancelRender(new Error("Failed to get WebGL context. Try rendering with --gl=angle to enable WebGL."));
+      cancelRender(createWebGLContextError("light leak"));
       return null;
     }
     gl.enable(gl.BLEND);
@@ -189,7 +190,8 @@ var lightLeakSchema = {
     default: 0,
     description: "Hue Shift"
   },
-  ...Internals.sequenceStyleSchema
+  ...Internals.sequenceStyleSchema,
+  hidden: Internals.hiddenField
 };
 var LightLeakInner = ({
   seed = 0,
@@ -227,7 +229,7 @@ LightLeak.displayName = "LightLeak";
 Internals.addSequenceStackTraces(LightLeak);
 // src/light-leak-internals.ts
 import { Internals as Internals2 } from "remotion";
-var { createEffect } = Internals2;
+var { createEffect, createWebGL2ContextError } = Internals2;
 var lightLeakEffectSchema = {
   seed: { type: "number", default: 0, description: "Seed" },
   hueShift: {
@@ -237,19 +239,19 @@ var lightLeakEffectSchema = {
     default: 0,
     description: "Hue Shift"
   },
-  durationInFrames: {
+  progress: {
     type: "number",
-    min: 1,
-    max: 1e5,
-    step: 1,
-    default: 300,
-    description: "Duration in frames"
+    min: 0,
+    max: 1,
+    step: 0.01,
+    default: 0,
+    description: "Progress"
   }
 };
 var resolve = (p) => ({
   seed: p.seed ?? 0,
   hueShift: p.hueShift ?? 0,
-  durationInFrames: p.durationInFrames ?? 300
+  progress: p.progress ?? 0
 });
 var LIGHT_LEAK_VS = `#version 300 es
 in vec2 aPos;
@@ -375,7 +377,7 @@ var lightLeak = createEffect({
   backend: "webgl2",
   calculateKey: (params) => {
     const r = resolve(params);
-    return `light-leak-${r.seed}-${r.hueShift}-${r.durationInFrames}`;
+    return `light-leak-${r.seed}-${r.hueShift}-${r.progress}`;
   },
   setup: (target) => {
     const gl = target.getContext("webgl2", {
@@ -384,7 +386,7 @@ var lightLeak = createEffect({
       preserveDrawingBuffer: true
     });
     if (!gl) {
-      throw new Error("Failed to acquire WebGL2 context for light leak effect");
+      throw createWebGL2ContextError("light leak effect");
     }
     gl.pixelStorei(gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, true);
     gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, true);
@@ -452,7 +454,7 @@ var lightLeak = createEffect({
       uResolution: gl.getUniformLocation(program, "resolution")
     };
   },
-  apply: ({ source, width, height, params, state, frame }) => {
+  apply: ({ source, width, height, params, state }) => {
     const r = resolve(params);
     if (typeof r.seed !== "number" || !Number.isFinite(r.seed)) {
       throw new TypeError(`"seed" must be a finite number, but got ${JSON.stringify(r.seed)}`);
@@ -463,8 +465,7 @@ var lightLeak = createEffect({
     if (r.hueShift < 0 || r.hueShift > 360) {
       throw new RangeError(`"hueShift" must be between 0 and 360, but got ${r.hueShift}`);
     }
-    const duration = r.durationInFrames;
-    const normalized = duration <= 1 ? 0 : frame / (duration - 1);
+    const normalized = Math.min(1, Math.max(0, r.progress));
     const evolveProgress = Math.min(1, normalized * 2);
     const retractProgress = Math.max(0, normalized * 2 - 1);
     const {
@@ -515,7 +516,8 @@ var lightLeak = createEffect({
     gl.deleteVertexArray(vao);
     gl.deleteTexture(texture);
   },
-  schema: lightLeakEffectSchema
+  schema: lightLeakEffectSchema,
+  validateParams: () => {}
 });
 var LightLeakInternals = {
   lightLeak

package/dist/light-leak-internals.d.ts

@@ -11,27 +11,26 @@ export declare const lightLeakEffectSchema: {
         readonly default: 0;
         readonly description: "Hue Shift";
     };
-    readonly durationInFrames: {
+    readonly progress: {
         readonly type: "number";
-        readonly min: 1;
-        readonly max: 100000;
-        readonly step: 1;
-        readonly default: 300;
-        readonly description: "Duration in frames";
+        readonly min: 0;
+        readonly max: 1;
+        readonly step: 0.01;
+        readonly default: 0;
+        readonly description: "Progress";
     };
 };
 export type LightLeakEffectParams = {
     readonly seed?: number;
     readonly hueShift?: number;
-    /**
-     * Controls evolve/retract timing, matching `<LightLeak>` when set to the same
-     * duration as your composition or sequence.
-     */
-    readonly durationInFrames?: number;
+    /** Evolve/retract phase from 0 (start) to 1 (end). */
+    readonly progress?: number;
 };
 /**
  * Experimental internals for the light leak canvas effect pipeline.
  */
 export declare const LightLeakInternals: {
-    readonly lightLeak: (params?: LightLeakEffectParams | undefined) => import("remotion").EffectDescriptor<unknown>;
+    readonly lightLeak: (params?: (LightLeakEffectParams & {
+        readonly disabled?: boolean | undefined;
+    }) | undefined) => import("remotion").EffectDescriptor<unknown>;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/light-leaks",
-	"version": "4.0.462",
+	"version": "4.0.464",
 	"description": "Light leak effects for Remotion",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
@@ -23,7 +23,7 @@
 		"url": "https://github.com/remotion-dev/remotion/issues"
 	},
 	"dependencies": {
-		"remotion": "4.0.462",
+		"remotion": "4.0.464",
 		"zod": "4.3.6"
 	},
 	"peerDependencies": {
@@ -41,7 +41,7 @@
 	"devDependencies": {
 		"react": "19.2.3",
 		"react-dom": "19.2.3",
-		"@remotion/eslint-config-internal": "4.0.462",
+		"@remotion/eslint-config-internal": "4.0.464",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},