@remotion/starburst 4.0.467 → 4.0.468

package/dist/esm/index.mjs

@@ -41,14 +41,6 @@ var starburstEffectSchema = {
     default: 0,
     description: "Edge Smoothness"
   },
-  vignette: {
-    type: "number",
-    min: 0,
-    max: 1,
-    step: 0.01,
-    default: 1,
-    description: "Vignette"
-  },
   originOffsetX: {
     type: "number",
     min: -1,
@@ -71,7 +63,6 @@ var resolve = (p) => ({
   colors: p.colors,
   rotation: p.rotation ?? 0,
   smoothness: p.smoothness ?? 0,
-  vignette: p.vignette ?? 1,
   originOffsetX: p.originOffsetX ?? 0,
   originOffsetY: p.originOffsetY ?? 0
 });
@@ -99,12 +90,6 @@ var validateStarburstEffectParams = (params) => {
   if (r.smoothness < 0 || r.smoothness > 1) {
     throw new RangeError(`"smoothness" must be between 0 and 1, but got ${r.smoothness}`);
   }
-  if (typeof r.vignette !== "number" || !Number.isFinite(r.vignette)) {
-    throw new TypeError(`"vignette" must be a finite number, but got ${JSON.stringify(params.vignette)}`);
-  }
-  if (r.vignette < 0 || r.vignette > 1) {
-    throw new RangeError(`"vignette" must be between 0 and 1, but got ${r.vignette}`);
-  }
   if (typeof r.originOffsetX !== "number" || !Number.isFinite(r.originOffsetX)) {
     throw new TypeError(`"originOffsetX" must be a finite number, but got ${JSON.stringify(params.originOffsetX)}`);
   }
@@ -127,14 +112,12 @@ void main() {
 var STARBURST_FS = `#version 300 es
 precision highp float;
 
-uniform sampler2D uSource;
 uniform sampler2D colorPalette;
 uniform float numRays;
 uniform float rotationOffset;
 uniform float smoothEdge;
 uniform vec2 resolution;
 uniform float numColors;
-uniform float vignetteAmount;
 uniform vec2 originOffset;
 
 in vec2 vUv;
@@ -170,16 +153,7 @@ void main() {
 	vec3 prevCol = texture(colorPalette, vec2(prevTexCoord, 0.5)).rgb;
 	col = mix(col, prevCol, blendStart);
 
-	vec2 vignetteCenter = (uv - 0.5) * vec2(resolution.x / resolution.y, 1.0);
-	float dist = length(vignetteCenter);
-	float radius = vignetteAmount * 3.0;
-	float burstAlpha = smoothstep(radius, radius * 0.5, dist);
-
-	vec4 src = texture(uSource, vUv);
-	vec3 burstPm = col * burstAlpha;
-	vec3 outRgb = burstPm + src.rgb * (1.0 - burstAlpha);
-	float outA = burstAlpha + src.a * (1.0 - burstAlpha);
-	fragColor = vec4(outRgb, outA);
+	fragColor = vec4(col, 1.0);
 }
 `;
 var compileShader = (gl, type, source) => {
@@ -213,12 +187,12 @@ var linkProgram = (gl, vs, fs) => {
 };
 var starburst = createEffect({
   type: "remotion/starburst",
-  label: "Starburst",
-  documentationLink: "https://www.remotion.dev/docs/starburst/starburst",
+  label: "starburst()",
+  documentationLink: "https://www.remotion.dev/docs/starburst/starburst-effect",
   backend: "webgl2",
   calculateKey: (params) => {
     const r = resolve(params);
-    return `starburst-${r.rays}-${r.colors.join("|")}-${r.rotation}-${r.smoothness}-${r.vignette}-${r.originOffsetX}-${r.originOffsetY}`;
+    return `starburst-${r.rays}-${r.colors.join("|")}-${r.rotation}-${r.smoothness}-${r.originOffsetX}-${r.originOffsetY}`;
   },
   setup: (target) => {
     const gl = target.getContext("webgl2", {
@@ -271,14 +245,6 @@ var starburst = createEffect({
     gl.enableVertexAttribArray(aUv);
     gl.vertexAttribPointer(aUv, 2, gl.FLOAT, false, 16, 8);
     gl.bindVertexArray(null);
-    const sourceTexture = gl.createTexture();
-    if (!sourceTexture) {
-      throw new Error("Failed to create WebGL source texture");
-    }
-    gl.bindTexture(gl.TEXTURE_2D, sourceTexture);
-    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
-    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
-    gl.bindTexture(gl.TEXTURE_2D, null);
     const paletteTexture = gl.createTexture();
     if (!paletteTexture) {
       throw new Error("Failed to create WebGL palette texture");
@@ -294,37 +260,31 @@ var starburst = createEffect({
       program,
       vao,
       vbo,
-      sourceTexture,
       paletteTexture,
-      uSource: gl.getUniformLocation(program, "uSource"),
       uColorPalette: gl.getUniformLocation(program, "colorPalette"),
       uNumRays: gl.getUniformLocation(program, "numRays"),
       uRotationOffset: gl.getUniformLocation(program, "rotationOffset"),
       uSmoothEdge: gl.getUniformLocation(program, "smoothEdge"),
       uResolution: gl.getUniformLocation(program, "resolution"),
       uNumColors: gl.getUniformLocation(program, "numColors"),
-      uVignetteAmount: gl.getUniformLocation(program, "vignetteAmount"),
       uOriginOffset: gl.getUniformLocation(program, "originOffset"),
       cachedPaletteKey: "",
       palettePixelData: new Uint8Array(0)
     };
   },
-  apply: ({ source, width, height, params, state, flipSourceY }) => {
+  apply: ({ width, height, params, state }) => {
     const r = resolve(params);
     const {
       gl,
       program,
       vao,
-      sourceTexture,
       paletteTexture,
-      uSource,
       uColorPalette,
       uNumRays,
       uRotationOffset,
       uSmoothEdge,
       uResolution,
       uNumColors,
-      uVignetteAmount,
       uOriginOffset
     } = state;
     const rotationRad = r.rotation * Math.PI / 180;
@@ -351,20 +311,12 @@ var starburst = createEffect({
     gl.useProgram(program);
     gl.bindVertexArray(vao);
     gl.activeTexture(gl.TEXTURE0);
-    gl.bindTexture(gl.TEXTURE_2D, sourceTexture);
-    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
-    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
-    gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, flipSourceY);
-    gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, source);
-    gl.activeTexture(gl.TEXTURE1);
     gl.bindTexture(gl.TEXTURE_2D, paletteTexture);
     if (paletteDirty) {
       gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, r.colors.length, 1, 0, gl.RGBA, gl.UNSIGNED_BYTE, state.palettePixelData);
     }
-    if (uSource)
-      gl.uniform1i(uSource, 0);
     if (uColorPalette)
-      gl.uniform1i(uColorPalette, 1);
+      gl.uniform1i(uColorPalette, 0);
     if (uNumRays)
       gl.uniform1f(uNumRays, r.rays);
     if (uNumColors)
@@ -373,8 +325,6 @@ var starburst = createEffect({
       gl.uniform1f(uRotationOffset, rotationRad);
     if (uSmoothEdge)
       gl.uniform1f(uSmoothEdge, r.smoothness);
-    if (uVignetteAmount)
-      gl.uniform1f(uVignetteAmount, r.vignette);
     if (uOriginOffset)
       gl.uniform2f(uOriginOffset, r.originOffsetX, r.originOffsetY);
     if (uResolution)
@@ -384,11 +334,10 @@ var starburst = createEffect({
     gl.bindTexture(gl.TEXTURE_2D, null);
     gl.useProgram(null);
   },
-  cleanup: ({ gl, program, vao, vbo, sourceTexture, paletteTexture }) => {
+  cleanup: ({ gl, program, vao, vbo, paletteTexture }) => {
     gl.deleteBuffer(vbo);
     gl.deleteProgram(program);
     gl.deleteVertexArray(vao);
-    gl.deleteTexture(sourceTexture);
     gl.deleteTexture(paletteTexture);
   },
   schema: starburstEffectSchema,
@@ -709,6 +658,7 @@ var StarburstInternals = {
 };
 export {
   starburstEffectSchema,
+  starburst,
   StarburstInternals,
   Starburst
 };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 export { Starburst } from './Starburst';
 export type { StarburstProps } from './Starburst';
-export { starburstEffectSchema, type StarburstEffectParams, } from './starburst-effect';
+export { starburst, starburstEffectSchema, type StarburstEffectParams, } from './starburst-effect';
 export declare const StarburstInternals: {
     readonly starburst: (params: import("./starburst-effect").StarburstEffectParams & {
         readonly disabled?: boolean | undefined;

package/dist/starburst-effect.d.ts

@@ -23,14 +23,6 @@ export declare const starburstEffectSchema: {
         readonly default: 0;
         readonly description: "Edge Smoothness";
     };
-    readonly vignette: {
-        readonly type: "number";
-        readonly min: 0;
-        readonly max: 1;
-        readonly step: 0.01;
-        readonly default: 1;
-        readonly description: "Vignette";
-    };
     readonly originOffsetX: {
         readonly type: "number";
         readonly min: -1;
@@ -53,7 +45,6 @@ export type StarburstEffectParams = {
     readonly colors: readonly string[];
     readonly rotation?: number;
     readonly smoothness?: number;
-    readonly vignette?: number;
     readonly originOffsetX?: number;
     readonly originOffsetY?: number;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/starburst",
-	"version": "4.0.467",
+	"version": "4.0.468",
 	"description": "Starburst ray effect for Remotion",
 	"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.467",
+		"remotion": "4.0.468",
 		"zod": "4.3.6"
 	},
 	"peerDependencies": {
@@ -42,7 +42,7 @@
 	"devDependencies": {
 		"react": "19.2.3",
 		"react-dom": "19.2.3",
-		"@remotion/eslint-config-internal": "4.0.467",
+		"@remotion/eslint-config-internal": "4.0.468",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},