@remotion/starburst 4.0.468 → 4.0.469

package/dist/esm/index.mjs

@@ -16,6 +16,7 @@ var hexToRgb = (hex) => {
 
 // src/starburst-effect.ts
 var { createEffect, createWebGL2ContextError } = Internals;
+var DEFAULT_ORIGIN = [0.5, 0.5];
 var starburstEffectSchema = {
   rays: {
     type: "number",
@@ -41,21 +42,13 @@ var starburstEffectSchema = {
     default: 0,
     description: "Edge Smoothness"
   },
-  originOffsetX: {
-    type: "number",
-    min: -1,
-    max: 1,
-    step: 0.01,
-    default: 0,
-    description: "Origin Offset X"
-  },
-  originOffsetY: {
-    type: "number",
-    min: -1,
+  origin: {
+    type: "uv-coordinate",
+    min: 0,
     max: 1,
     step: 0.01,
-    default: 0,
-    description: "Origin Offset Y"
+    default: DEFAULT_ORIGIN,
+    description: "Origin"
   }
 };
 var resolve = (p) => ({
@@ -63,8 +56,7 @@ var resolve = (p) => ({
   colors: p.colors,
   rotation: p.rotation ?? 0,
   smoothness: p.smoothness ?? 0,
-  originOffsetX: p.originOffsetX ?? 0,
-  originOffsetY: p.originOffsetY ?? 0
+  origin: p.origin ?? DEFAULT_ORIGIN
 });
 var validateStarburstEffectParams = (params) => {
   if (params === null || typeof params !== "object") {
@@ -90,11 +82,13 @@ 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.originOffsetX !== "number" || !Number.isFinite(r.originOffsetX)) {
-    throw new TypeError(`"originOffsetX" must be a finite number, but got ${JSON.stringify(params.originOffsetX)}`);
+  if (!Array.isArray(r.origin) || r.origin.length !== 2 || r.origin.some((coordinate) => {
+    return typeof coordinate !== "number" || !Number.isFinite(coordinate);
+  })) {
+    throw new TypeError('"origin" must be a [number, number] tuple');
   }
-  if (typeof r.originOffsetY !== "number" || !Number.isFinite(r.originOffsetY)) {
-    throw new TypeError(`"originOffsetY" must be a finite number, but got ${JSON.stringify(params.originOffsetY)}`);
+  if (r.origin.some((coordinate) => coordinate < 0 || coordinate > 1)) {
+    throw new RangeError(`"origin" must contain coordinates between 0 and 1, but got ${JSON.stringify(r.origin)}`);
   }
   for (const c of r.colors) {
     hexToRgb(c);
@@ -118,7 +112,7 @@ uniform float rotationOffset;
 uniform float smoothEdge;
 uniform vec2 resolution;
 uniform float numColors;
-uniform vec2 originOffset;
+uniform vec2 origin;
 
 in vec2 vUv;
 out vec4 fragColor;
@@ -127,7 +121,7 @@ const float Pi = 3.14159265359;
 
 void main() {
 	vec2 uv = vUv;
-	vec2 center = uv - 0.5 - originOffset;
+	vec2 center = uv - origin;
 	center.x *= resolution.x / resolution.y;
 
 	float angle = atan(center.y, center.x) + rotationOffset;
@@ -192,7 +186,7 @@ var starburst = createEffect({
   backend: "webgl2",
   calculateKey: (params) => {
     const r = resolve(params);
-    return `starburst-${r.rays}-${r.colors.join("|")}-${r.rotation}-${r.smoothness}-${r.originOffsetX}-${r.originOffsetY}`;
+    return `starburst-${r.rays}-${r.colors.join("|")}-${r.rotation}-${r.smoothness}-${r.origin.join(":")}`;
   },
   setup: (target) => {
     const gl = target.getContext("webgl2", {
@@ -267,7 +261,7 @@ var starburst = createEffect({
       uSmoothEdge: gl.getUniformLocation(program, "smoothEdge"),
       uResolution: gl.getUniformLocation(program, "resolution"),
       uNumColors: gl.getUniformLocation(program, "numColors"),
-      uOriginOffset: gl.getUniformLocation(program, "originOffset"),
+      uOrigin: gl.getUniformLocation(program, "origin"),
       cachedPaletteKey: "",
       palettePixelData: new Uint8Array(0)
     };
@@ -285,7 +279,7 @@ var starburst = createEffect({
       uSmoothEdge,
       uResolution,
       uNumColors,
-      uOriginOffset
+      uOrigin
     } = state;
     const rotationRad = r.rotation * Math.PI / 180;
     const paletteKey = r.colors.join("|");
@@ -325,8 +319,8 @@ var starburst = createEffect({
       gl.uniform1f(uRotationOffset, rotationRad);
     if (uSmoothEdge)
       gl.uniform1f(uSmoothEdge, r.smoothness);
-    if (uOriginOffset)
-      gl.uniform2f(uOriginOffset, r.originOffsetX, r.originOffsetY);
+    if (uOrigin)
+      gl.uniform2f(uOrigin, r.origin[0], 1 - r.origin[1]);
     if (uResolution)
       gl.uniform2f(uResolution, width, height);
     gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4);

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 export { Starburst } from './Starburst';
 export type { StarburstProps } from './Starburst';
-export { starburst, starburstEffectSchema, type StarburstEffectParams, } from './starburst-effect';
+export { starburst, starburstEffectSchema, type StarburstEffectParams, type StarburstOrigin, } 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,30 +23,22 @@ export declare const starburstEffectSchema: {
         readonly default: 0;
         readonly description: "Edge Smoothness";
     };
-    readonly originOffsetX: {
-        readonly type: "number";
-        readonly min: -1;
-        readonly max: 1;
-        readonly step: 0.01;
-        readonly default: 0;
-        readonly description: "Origin Offset X";
-    };
-    readonly originOffsetY: {
-        readonly type: "number";
-        readonly min: -1;
+    readonly origin: {
+        readonly type: "uv-coordinate";
+        readonly min: 0;
         readonly max: 1;
         readonly step: 0.01;
-        readonly default: 0;
-        readonly description: "Origin Offset Y";
+        readonly default: readonly [0.5, 0.5];
+        readonly description: "Origin";
     };
 };
+export type StarburstOrigin = readonly [number, number];
 export type StarburstEffectParams = {
     readonly rays: number;
     readonly colors: readonly string[];
     readonly rotation?: number;
     readonly smoothness?: number;
-    readonly originOffsetX?: number;
-    readonly originOffsetY?: number;
+    readonly origin?: StarburstOrigin;
 };
 export declare const starburst: (params: StarburstEffectParams & {
     readonly disabled?: boolean | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/starburst",
-	"version": "4.0.468",
+	"version": "4.0.469",
 	"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.468",
+		"remotion": "4.0.469",
 		"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.468",
+		"@remotion/eslint-config-internal": "4.0.469",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},