@remotion/starburst 4.0.478 → 4.0.481
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Starburst.d.ts +4 -147
- package/dist/esm/index.mjs +9 -9
- package/package.json +3 -3
package/dist/Starburst.d.ts
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { type AbsoluteFillLayout, type
|
|
3
|
-
export type StarburstProps =
|
|
4
|
-
readonly durationInFrames?: number;
|
|
2
|
+
import { type AbsoluteFillLayout, type InteractiveBaseProps, type InteractivePremountProps, type InteractiveTransformProps, type SequenceProps, type InteractivitySchema } from 'remotion';
|
|
3
|
+
export type StarburstProps = InteractiveBaseProps & InteractiveTransformProps & InteractivePremountProps & Pick<SequenceProps, 'width' | 'height'> & Pick<AbsoluteFillLayout, 'className'> & {
|
|
5
4
|
readonly rays: number;
|
|
6
5
|
readonly colors: readonly string[];
|
|
7
6
|
readonly rotation?: number;
|
|
@@ -10,150 +9,8 @@ export type StarburstProps = Omit<SequenceProps, 'children' | 'durationInFrames'
|
|
|
10
9
|
readonly originOffsetX?: number;
|
|
11
10
|
readonly originOffsetY?: number;
|
|
12
11
|
};
|
|
13
|
-
export declare const starburstSchema:
|
|
14
|
-
|
|
15
|
-
readonly type: "transform-origin";
|
|
16
|
-
readonly step: 1;
|
|
17
|
-
readonly default: "50% 50%";
|
|
18
|
-
readonly description: "Transform origin";
|
|
19
|
-
};
|
|
20
|
-
readonly 'style.translate': {
|
|
21
|
-
readonly type: "translate";
|
|
22
|
-
readonly step: 1;
|
|
23
|
-
readonly default: "0px 0px";
|
|
24
|
-
readonly description: "Offset";
|
|
25
|
-
};
|
|
26
|
-
readonly 'style.scale': {
|
|
27
|
-
readonly type: "scale";
|
|
28
|
-
readonly max: 100;
|
|
29
|
-
readonly step: 0.01;
|
|
30
|
-
readonly default: 1;
|
|
31
|
-
readonly description: "Scale";
|
|
32
|
-
};
|
|
33
|
-
readonly 'style.rotate': {
|
|
34
|
-
readonly type: "rotation-css";
|
|
35
|
-
readonly step: 1;
|
|
36
|
-
readonly default: "0deg";
|
|
37
|
-
readonly description: "Rotation";
|
|
38
|
-
};
|
|
39
|
-
readonly 'style.opacity': {
|
|
40
|
-
readonly type: "number";
|
|
41
|
-
readonly min: 0;
|
|
42
|
-
readonly max: 1;
|
|
43
|
-
readonly step: 0.01;
|
|
44
|
-
readonly default: 1;
|
|
45
|
-
readonly description: "Opacity";
|
|
46
|
-
readonly hiddenFromList: false;
|
|
47
|
-
};
|
|
48
|
-
readonly premountFor: {
|
|
49
|
-
readonly type: "number";
|
|
50
|
-
readonly default: 0;
|
|
51
|
-
readonly description: "Premount For";
|
|
52
|
-
readonly min: 0;
|
|
53
|
-
readonly step: 1;
|
|
54
|
-
readonly hiddenFromList: false;
|
|
55
|
-
};
|
|
56
|
-
readonly postmountFor: {
|
|
57
|
-
readonly type: "number";
|
|
58
|
-
readonly default: 0;
|
|
59
|
-
readonly min: 0;
|
|
60
|
-
readonly step: 1;
|
|
61
|
-
readonly hiddenFromList: true;
|
|
62
|
-
};
|
|
63
|
-
readonly styleWhilePremounted: {
|
|
64
|
-
readonly type: "hidden";
|
|
65
|
-
};
|
|
66
|
-
readonly styleWhilePostmounted: {
|
|
67
|
-
readonly type: "hidden";
|
|
68
|
-
};
|
|
69
|
-
readonly durationInFrames: {
|
|
70
|
-
readonly type: "number";
|
|
71
|
-
readonly default: undefined;
|
|
72
|
-
readonly min: 1;
|
|
73
|
-
readonly step: 1;
|
|
74
|
-
readonly hiddenFromList: true;
|
|
75
|
-
};
|
|
76
|
-
readonly from: {
|
|
77
|
-
readonly type: "number";
|
|
78
|
-
readonly default: 0;
|
|
79
|
-
readonly step: 1;
|
|
80
|
-
readonly hiddenFromList: true;
|
|
81
|
-
};
|
|
82
|
-
readonly freeze: {
|
|
83
|
-
readonly type: "number";
|
|
84
|
-
readonly default: null;
|
|
85
|
-
readonly step: 1;
|
|
86
|
-
readonly hiddenFromList: true;
|
|
87
|
-
};
|
|
88
|
-
readonly rays: {
|
|
89
|
-
readonly type: "number";
|
|
90
|
-
readonly min: 2;
|
|
91
|
-
readonly max: 100;
|
|
92
|
-
readonly step: 1;
|
|
93
|
-
readonly default: 12;
|
|
94
|
-
readonly description: "Number of Rays";
|
|
95
|
-
readonly hiddenFromList: false;
|
|
96
|
-
};
|
|
97
|
-
readonly colors: {
|
|
98
|
-
readonly type: "array";
|
|
99
|
-
readonly item: {
|
|
100
|
-
readonly type: "color";
|
|
101
|
-
};
|
|
102
|
-
readonly default: undefined;
|
|
103
|
-
readonly minLength: 2;
|
|
104
|
-
readonly newItemDefault: "#ff0000";
|
|
105
|
-
readonly description: "Colors";
|
|
106
|
-
readonly keyframable: false;
|
|
107
|
-
};
|
|
108
|
-
readonly rotation: {
|
|
109
|
-
readonly type: "number";
|
|
110
|
-
readonly min: 0;
|
|
111
|
-
readonly max: 360;
|
|
112
|
-
readonly step: 1;
|
|
113
|
-
readonly default: 0;
|
|
114
|
-
readonly description: "Rotation";
|
|
115
|
-
readonly hiddenFromList: false;
|
|
116
|
-
};
|
|
117
|
-
readonly smoothness: {
|
|
118
|
-
readonly type: "number";
|
|
119
|
-
readonly min: 0;
|
|
120
|
-
readonly max: 1;
|
|
121
|
-
readonly step: 0.01;
|
|
122
|
-
readonly default: 0;
|
|
123
|
-
readonly description: "Edge Smoothness";
|
|
124
|
-
readonly hiddenFromList: false;
|
|
125
|
-
};
|
|
126
|
-
readonly vignette: {
|
|
127
|
-
readonly type: "number";
|
|
128
|
-
readonly min: 0;
|
|
129
|
-
readonly max: 1;
|
|
130
|
-
readonly step: 0.01;
|
|
131
|
-
readonly default: 1;
|
|
132
|
-
readonly description: "Vignette";
|
|
133
|
-
readonly hiddenFromList: false;
|
|
134
|
-
};
|
|
135
|
-
readonly originOffsetX: {
|
|
136
|
-
readonly type: "number";
|
|
137
|
-
readonly min: -1;
|
|
138
|
-
readonly max: 1;
|
|
139
|
-
readonly step: 0.01;
|
|
140
|
-
readonly default: 0;
|
|
141
|
-
readonly description: "Origin Offset X";
|
|
142
|
-
readonly hiddenFromList: false;
|
|
143
|
-
};
|
|
144
|
-
readonly originOffsetY: {
|
|
145
|
-
readonly type: "number";
|
|
146
|
-
readonly min: -1;
|
|
147
|
-
readonly max: 1;
|
|
148
|
-
readonly step: 0.01;
|
|
149
|
-
readonly default: 0;
|
|
150
|
-
readonly description: "Origin Offset Y";
|
|
151
|
-
readonly hiddenFromList: false;
|
|
152
|
-
};
|
|
153
|
-
readonly hidden: import("remotion").SequenceFieldSchema;
|
|
154
|
-
};
|
|
155
|
-
export declare const Starburst: React.ComponentType<Omit<SequenceProps, "children" | "durationInFrames" | "layout"> & Omit<AbsoluteFillLayout, "layout"> & {
|
|
156
|
-
readonly durationInFrames?: number | undefined;
|
|
12
|
+
export declare const starburstSchema: InteractivitySchema;
|
|
13
|
+
export declare const Starburst: React.ComponentType<InteractiveBaseProps & InteractiveTransformProps & InteractivePremountProps & Pick<SequenceProps, "height" | "width"> & Pick<AbsoluteFillLayout, "className"> & {
|
|
157
14
|
readonly rays: number;
|
|
158
15
|
readonly colors: readonly string[];
|
|
159
16
|
readonly rotation?: number | undefined;
|
package/dist/esm/index.mjs
CHANGED
|
@@ -188,7 +188,7 @@ var linkProgram = (gl, vs, fs) => {
|
|
|
188
188
|
return program;
|
|
189
189
|
};
|
|
190
190
|
var starburst = createEffect({
|
|
191
|
-
type: "remotion
|
|
191
|
+
type: "dev.remotion.starburst.starburst",
|
|
192
192
|
label: "starburst()",
|
|
193
193
|
documentationLink: "https://www.remotion.dev/docs/starburst/starburst-effect",
|
|
194
194
|
backend: "webgl2",
|
|
@@ -351,6 +351,7 @@ import { useCallback, useEffect, useRef, useState } from "react";
|
|
|
351
351
|
import {
|
|
352
352
|
AbsoluteFill,
|
|
353
353
|
Internals as Internals2,
|
|
354
|
+
Interactive,
|
|
354
355
|
Sequence,
|
|
355
356
|
useDelayRender,
|
|
356
357
|
useVideoConfig
|
|
@@ -542,9 +543,7 @@ var StarburstCanvas = ({
|
|
|
542
543
|
});
|
|
543
544
|
};
|
|
544
545
|
var starburstSchema = {
|
|
545
|
-
|
|
546
|
-
from: Internals2.fromField,
|
|
547
|
-
freeze: Internals2.freezeField,
|
|
546
|
+
...Internals2.baseSchema,
|
|
548
547
|
rays: {
|
|
549
548
|
type: "number",
|
|
550
549
|
min: 2,
|
|
@@ -610,8 +609,8 @@ var starburstSchema = {
|
|
|
610
609
|
description: "Origin Offset Y",
|
|
611
610
|
hiddenFromList: false
|
|
612
611
|
},
|
|
613
|
-
...Internals2.
|
|
614
|
-
|
|
612
|
+
...Internals2.transformSchema,
|
|
613
|
+
...Internals2.premountSchema
|
|
615
614
|
};
|
|
616
615
|
var StarburstInner = ({
|
|
617
616
|
rays,
|
|
@@ -623,7 +622,7 @@ var StarburstInner = ({
|
|
|
623
622
|
originOffsetY = 0,
|
|
624
623
|
durationInFrames,
|
|
625
624
|
style,
|
|
626
|
-
|
|
625
|
+
controls,
|
|
627
626
|
...sequenceProps
|
|
628
627
|
}) => {
|
|
629
628
|
const { durationInFrames: videoDuration } = useVideoConfig();
|
|
@@ -656,7 +655,7 @@ var StarburstInner = ({
|
|
|
656
655
|
durationInFrames: resolvedDuration,
|
|
657
656
|
name: "<Starburst>",
|
|
658
657
|
_remotionInternalDocumentationLink: "https://www.remotion.dev/docs/starburst/starburst",
|
|
659
|
-
|
|
658
|
+
controls,
|
|
660
659
|
...sequenceProps,
|
|
661
660
|
style,
|
|
662
661
|
children: /* @__PURE__ */ jsx(StarburstCanvas, {
|
|
@@ -670,8 +669,9 @@ var StarburstInner = ({
|
|
|
670
669
|
})
|
|
671
670
|
});
|
|
672
671
|
};
|
|
673
|
-
var Starburst =
|
|
672
|
+
var Starburst = Interactive.withSchema({
|
|
674
673
|
Component: StarburstInner,
|
|
674
|
+
componentName: "<Starburst>",
|
|
675
675
|
componentIdentity: "dev.remotion.starburst.Starburst",
|
|
676
676
|
schema: starburstSchema,
|
|
677
677
|
supportsEffects: false
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@remotion/starburst",
|
|
3
|
-
"version": "4.0.
|
|
3
|
+
"version": "4.0.481",
|
|
4
4
|
"description": "Starburst ray effect for Remotion",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
"url": "https://github.com/remotion-dev/remotion/issues"
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
|
-
"remotion": "4.0.
|
|
27
|
+
"remotion": "4.0.481",
|
|
28
28
|
"zod": "4.3.6"
|
|
29
29
|
},
|
|
30
30
|
"peerDependencies": {
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
"devDependencies": {
|
|
43
43
|
"react": "19.2.3",
|
|
44
44
|
"react-dom": "19.2.3",
|
|
45
|
-
"@remotion/eslint-config-internal": "4.0.
|
|
45
|
+
"@remotion/eslint-config-internal": "4.0.481",
|
|
46
46
|
"eslint": "9.19.0",
|
|
47
47
|
"@typescript/native-preview": "7.0.0-dev.20260217.1"
|
|
48
48
|
},
|