@remotion/starburst 4.0.470 → 4.0.472

package/dist/Starburst.d.ts

@@ -10,6 +10,137 @@ export type StarburstProps = Omit<SequenceProps, 'children' | 'durationInFrames'
     readonly originOffsetX?: number;
     readonly originOffsetY?: number;
 };
+export declare const starburstSchema: {
+    readonly 'style.translate': {
+        readonly type: "translate";
+        readonly step: 1;
+        readonly default: "0px 0px";
+        readonly description: "Offset";
+    };
+    readonly 'style.scale': {
+        readonly type: "scale";
+        readonly min: 0.05;
+        readonly max: 100;
+        readonly step: 0.01;
+        readonly default: 1;
+        readonly description: "Scale";
+    };
+    readonly 'style.rotate': {
+        readonly type: "rotation-css";
+        readonly step: 1;
+        readonly default: "0deg";
+        readonly description: "Rotation";
+    };
+    readonly 'style.opacity': {
+        readonly type: "number";
+        readonly min: 0;
+        readonly max: 1;
+        readonly step: 0.01;
+        readonly default: 1;
+        readonly description: "Opacity";
+        readonly hiddenFromList: false;
+    };
+    readonly premountFor: {
+        readonly type: "number";
+        readonly default: 0;
+        readonly description: "Premount For";
+        readonly min: 0;
+        readonly step: 1;
+        readonly hiddenFromList: false;
+    };
+    readonly postmountFor: {
+        readonly type: "number";
+        readonly default: 0;
+        readonly min: 0;
+        readonly step: 1;
+        readonly hiddenFromList: true;
+    };
+    readonly styleWhilePremounted: {
+        readonly type: "hidden";
+    };
+    readonly styleWhilePostmounted: {
+        readonly type: "hidden";
+    };
+    readonly durationInFrames: {
+        readonly type: "number";
+        readonly default: undefined;
+        readonly min: 1;
+        readonly step: 1;
+        readonly hiddenFromList: true;
+    };
+    readonly from: {
+        readonly type: "number";
+        readonly default: 0;
+        readonly step: 1;
+        readonly hiddenFromList: true;
+    };
+    readonly rays: {
+        readonly type: "number";
+        readonly min: 2;
+        readonly max: 100;
+        readonly step: 1;
+        readonly default: 12;
+        readonly description: "Number of Rays";
+        readonly hiddenFromList: false;
+    };
+    readonly colors: {
+        readonly type: "array";
+        readonly item: {
+            readonly type: "color";
+        };
+        readonly default: undefined;
+        readonly minLength: 2;
+        readonly newItemDefault: "#ff0000";
+        readonly description: "Colors";
+        readonly keyframable: false;
+    };
+    readonly rotation: {
+        readonly type: "number";
+        readonly min: 0;
+        readonly max: 360;
+        readonly step: 1;
+        readonly default: 0;
+        readonly description: "Rotation";
+        readonly hiddenFromList: false;
+    };
+    readonly smoothness: {
+        readonly type: "number";
+        readonly min: 0;
+        readonly max: 1;
+        readonly step: 0.01;
+        readonly default: 0;
+        readonly description: "Edge Smoothness";
+        readonly hiddenFromList: false;
+    };
+    readonly vignette: {
+        readonly type: "number";
+        readonly min: 0;
+        readonly max: 1;
+        readonly step: 0.01;
+        readonly default: 1;
+        readonly description: "Vignette";
+        readonly hiddenFromList: false;
+    };
+    readonly originOffsetX: {
+        readonly type: "number";
+        readonly min: -1;
+        readonly max: 1;
+        readonly step: 0.01;
+        readonly default: 0;
+        readonly description: "Origin Offset X";
+        readonly hiddenFromList: false;
+    };
+    readonly originOffsetY: {
+        readonly type: "number";
+        readonly min: -1;
+        readonly max: 1;
+        readonly step: 0.01;
+        readonly default: 0;
+        readonly description: "Origin Offset Y";
+        readonly hiddenFromList: false;
+    };
+    readonly hidden: import("remotion").SequenceFieldSchema;
+};
 export declare const Starburst: React.ComponentType<Omit<SequenceProps, "children" | "durationInFrames" | "layout"> & Omit<AbsoluteFillLayout, "layout"> & {
     readonly durationInFrames?: number | undefined;
     readonly rays: number;

package/dist/color-to-rgb.d.ts

@@ -0,0 +1 @@
+export declare const colorToRgb: (color: string) => [number, number, number];

package/dist/esm/index.mjs

@@ -1,17 +1,11 @@
 // src/starburst-effect.ts
 import { Internals } from "remotion";
 
-// src/hex-to-rgb.ts
-var hexToRgb = (hex) => {
-  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
-  if (!result) {
-    throw new Error(`Invalid hex color: ${hex}`);
-  }
-  return [
-    parseInt(result[1], 16) / 255,
-    parseInt(result[2], 16) / 255,
-    parseInt(result[3], 16) / 255
-  ];
+// src/color-to-rgb.ts
+import { NoReactInternals } from "remotion/no-react";
+var colorToRgb = (color) => {
+  const packed = NoReactInternals.processColor(color);
+  return [packed >>> 16 & 255, packed >>> 8 & 255, packed & 255];
 };
 
 // src/starburst-effect.ts
@@ -24,7 +18,19 @@ var starburstEffectSchema = {
     max: 100,
     step: 1,
     default: undefined,
-    description: "Number of Rays"
+    description: "Number of Rays",
+    hiddenFromList: false
+  },
+  colors: {
+    type: "array",
+    item: {
+      type: "color"
+    },
+    default: undefined,
+    minLength: 2,
+    newItemDefault: "#ff0000",
+    description: "Colors",
+    keyframable: false
   },
   rotation: {
     type: "number",
@@ -32,7 +38,8 @@ var starburstEffectSchema = {
     max: 360,
     step: 1,
     default: 0,
-    description: "Rotation"
+    description: "Rotation",
+    hiddenFromList: false
   },
   smoothness: {
     type: "number",
@@ -40,7 +47,8 @@ var starburstEffectSchema = {
     max: 1,
     step: 0.01,
     default: 0,
-    description: "Edge Smoothness"
+    description: "Edge Smoothness",
+    hiddenFromList: false
   },
   origin: {
     type: "uv-coordinate",
@@ -91,7 +99,7 @@ var validateStarburstEffectParams = (params) => {
     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);
+    colorToRgb(c);
   }
 };
 var STARBURST_VS = `#version 300 es
@@ -292,10 +300,10 @@ var starburst = createEffect({
       }
       const { palettePixelData } = state;
       for (let i = 0;i < r.colors.length; i++) {
-        const rgb = hexToRgb(r.colors[i]);
-        palettePixelData[i * 4] = Math.round(rgb[0] * 255);
-        palettePixelData[i * 4 + 1] = Math.round(rgb[1] * 255);
-        palettePixelData[i * 4 + 2] = Math.round(rgb[2] * 255);
+        const rgb = colorToRgb(r.colors[i]);
+        palettePixelData[i * 4] = rgb[0];
+        palettePixelData[i * 4 + 1] = rgb[1];
+        palettePixelData[i * 4 + 2] = rgb[2];
         palettePixelData[i * 4 + 3] = 255;
       }
     }
@@ -494,10 +502,10 @@ var StarburstCanvas = ({
     const rotationRad = rotation * Math.PI / 180;
     const pixelData = new Uint8Array(colors.length * 4);
     for (let i = 0;i < colors.length; i++) {
-      const rgb = hexToRgb(colors[i]);
-      pixelData[i * 4] = Math.round(rgb[0] * 255);
-      pixelData[i * 4 + 1] = Math.round(rgb[1] * 255);
-      pixelData[i * 4 + 2] = Math.round(rgb[2] * 255);
+      const rgb = colorToRgb(colors[i]);
+      pixelData[i * 4] = rgb[0];
+      pixelData[i * 4 + 1] = rgb[1];
+      pixelData[i * 4 + 2] = rgb[2];
       pixelData[i * 4 + 3] = 255;
     }
     gl.activeTexture(gl.TEXTURE0);
@@ -534,13 +542,27 @@ var StarburstCanvas = ({
   });
 };
 var starburstSchema = {
+  durationInFrames: Internals2.durationInFramesField,
+  from: Internals2.fromField,
   rays: {
     type: "number",
     min: 2,
     max: 100,
     step: 1,
     default: 12,
-    description: "Number of Rays"
+    description: "Number of Rays",
+    hiddenFromList: false
+  },
+  colors: {
+    type: "array",
+    item: {
+      type: "color"
+    },
+    default: undefined,
+    minLength: 2,
+    newItemDefault: "#ff0000",
+    description: "Colors",
+    keyframable: false
   },
   rotation: {
     type: "number",
@@ -548,7 +570,8 @@ var starburstSchema = {
     max: 360,
     step: 1,
     default: 0,
-    description: "Rotation"
+    description: "Rotation",
+    hiddenFromList: false
   },
   smoothness: {
     type: "number",
@@ -556,7 +579,8 @@ var starburstSchema = {
     max: 1,
     step: 0.01,
     default: 0,
-    description: "Edge Smoothness"
+    description: "Edge Smoothness",
+    hiddenFromList: false
   },
   vignette: {
     type: "number",
@@ -564,7 +588,8 @@ var starburstSchema = {
     max: 1,
     step: 0.01,
     default: 1,
-    description: "Vignette"
+    description: "Vignette",
+    hiddenFromList: false
   },
   originOffsetX: {
     type: "number",
@@ -572,7 +597,8 @@ var starburstSchema = {
     max: 1,
     step: 0.01,
     default: 0,
-    description: "Origin Offset X"
+    description: "Origin Offset X",
+    hiddenFromList: false
   },
   originOffsetY: {
     type: "number",
@@ -580,7 +606,8 @@ var starburstSchema = {
     max: 1,
     step: 0.01,
     default: 0,
-    description: "Origin Offset Y"
+    description: "Origin Offset Y",
+    hiddenFromList: false
   },
   ...Internals2.sequenceStyleSchema,
   hidden: Internals2.hiddenField
@@ -642,7 +669,11 @@ var StarburstInner = ({
     })
   });
 };
-var Starburst = Internals2.wrapInSchema(StarburstInner, starburstSchema);
+var Starburst = Internals2.wrapInSchema({
+  Component: StarburstInner,
+  schema: starburstSchema,
+  supportsEffects: false
+});
 Starburst.displayName = "Starburst";
 Internals2.addSequenceStackTraces(Starburst);
 

package/dist/starburst-effect.d.ts

@@ -6,6 +6,18 @@ export declare const starburstEffectSchema: {
         readonly step: 1;
         readonly default: undefined;
         readonly description: "Number of Rays";
+        readonly hiddenFromList: false;
+    };
+    readonly colors: {
+        readonly type: "array";
+        readonly item: {
+            readonly type: "color";
+        };
+        readonly default: undefined;
+        readonly minLength: 2;
+        readonly newItemDefault: "#ff0000";
+        readonly description: "Colors";
+        readonly keyframable: false;
     };
     readonly rotation: {
         readonly type: "number";
@@ -14,6 +26,7 @@ export declare const starburstEffectSchema: {
         readonly step: 1;
         readonly default: 0;
         readonly description: "Rotation";
+        readonly hiddenFromList: false;
     };
     readonly smoothness: {
         readonly type: "number";
@@ -22,6 +35,7 @@ export declare const starburstEffectSchema: {
         readonly step: 0.01;
         readonly default: 0;
         readonly description: "Edge Smoothness";
+        readonly hiddenFromList: false;
     };
     readonly origin: {
         readonly type: "uv-coordinate";

package/package.json

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