@effing/effie-preview 0.39.0 → 0.40.1
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/react/index.d.ts +17 -17
- package/package.json +5 -5
package/dist/react/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import {
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { EffieBackground, EffieSources, EffieWebUrl, EffieLayer, EffieSegment } from '@effing/effie';
|
|
3
3
|
import { EffieSourceResolver, EffieValidationIssue, EffieWarmupState } from '../index.js';
|
|
4
4
|
import '@effing/ffs/sse';
|
|
5
5
|
|
|
@@ -36,7 +36,7 @@ type EffieVideoPreviewProps = {
|
|
|
36
36
|
* in memory. This avoids follow-up network requests on seek, which is critical
|
|
37
37
|
* for one-time-consumption URLs like FFS render endpoints.
|
|
38
38
|
*/
|
|
39
|
-
declare function EffieVideoPreview({ url, poster, onPlay, onFullyBuffered, className, style, }: EffieVideoPreviewProps):
|
|
39
|
+
declare function EffieVideoPreview({ url, poster, onPlay, onFullyBuffered, className, style, }: EffieVideoPreviewProps): react.JSX.Element;
|
|
40
40
|
type EffieCoverPreviewProps = {
|
|
41
41
|
/** Cover image URL */
|
|
42
42
|
cover: EffieWebUrl;
|
|
@@ -61,13 +61,13 @@ type EffieCoverPreviewProps = {
|
|
|
61
61
|
* When a video URL is given, renders an {@link EffieVideoPreview} with the
|
|
62
62
|
* cover as poster image. Otherwise renders a static `<img>`.
|
|
63
63
|
*/
|
|
64
|
-
declare function EffieCoverPreview({ cover, resolution, video, onPlay, onFullyBuffered, className, style, }: EffieCoverPreviewProps):
|
|
64
|
+
declare function EffieCoverPreview({ cover, resolution, video, onPlay, onFullyBuffered, className, style, }: EffieCoverPreviewProps): react.JSX.Element;
|
|
65
65
|
type EffieBackgroundPreviewRootProps = {
|
|
66
66
|
className?: string;
|
|
67
67
|
style?: React.CSSProperties;
|
|
68
68
|
children: React.ReactNode;
|
|
69
69
|
};
|
|
70
|
-
declare function EffieBackgroundPreviewRoot({ className, style, children, }: EffieBackgroundPreviewRootProps):
|
|
70
|
+
declare function EffieBackgroundPreviewRoot({ className, style, children, }: EffieBackgroundPreviewRootProps): react.JSX.Element;
|
|
71
71
|
type EffieBackgroundPreviewMediaProps = {
|
|
72
72
|
/** Background configuration from effie JSON */
|
|
73
73
|
background: EffieBackground<EffieSources>;
|
|
@@ -78,7 +78,7 @@ type EffieBackgroundPreviewMediaProps = {
|
|
|
78
78
|
/** Style for the media element */
|
|
79
79
|
style?: React.CSSProperties;
|
|
80
80
|
};
|
|
81
|
-
declare function EffieBackgroundPreviewMedia({ background, resolveSource, className, style, }: EffieBackgroundPreviewMediaProps):
|
|
81
|
+
declare function EffieBackgroundPreviewMedia({ background, resolveSource, className, style, }: EffieBackgroundPreviewMediaProps): react.JSX.Element | null;
|
|
82
82
|
type EffieBackgroundPreviewInfoProps = {
|
|
83
83
|
/** Background configuration from effie JSON */
|
|
84
84
|
background: EffieBackground<EffieSources>;
|
|
@@ -87,7 +87,7 @@ type EffieBackgroundPreviewInfoProps = {
|
|
|
87
87
|
/** Style for the info section */
|
|
88
88
|
style?: React.CSSProperties;
|
|
89
89
|
};
|
|
90
|
-
declare function EffieBackgroundPreviewInfo({ background, className, style, }: EffieBackgroundPreviewInfoProps):
|
|
90
|
+
declare function EffieBackgroundPreviewInfo({ background, className, style, }: EffieBackgroundPreviewInfoProps): react.JSX.Element;
|
|
91
91
|
type EffieBackgroundPreviewProps = {
|
|
92
92
|
/** Background configuration from effie JSON */
|
|
93
93
|
background: EffieBackground<EffieSources>;
|
|
@@ -103,7 +103,7 @@ type EffieBackgroundPreviewProps = {
|
|
|
103
103
|
/** Style for the container */
|
|
104
104
|
style?: React.CSSProperties;
|
|
105
105
|
};
|
|
106
|
-
declare function EffieBackgroundPreviewSimple({ background, resolveSource, resolution, className, style, }: EffieBackgroundPreviewProps):
|
|
106
|
+
declare function EffieBackgroundPreviewSimple({ background, resolveSource, resolution, className, style, }: EffieBackgroundPreviewProps): react.JSX.Element;
|
|
107
107
|
/**
|
|
108
108
|
* Displays a preview of the effie background (color, image, or video).
|
|
109
109
|
*
|
|
@@ -121,7 +121,7 @@ type EffieLayerPreviewRootProps = {
|
|
|
121
121
|
style?: React.CSSProperties;
|
|
122
122
|
children: React.ReactNode;
|
|
123
123
|
};
|
|
124
|
-
declare function EffieLayerPreviewRoot({ className, style, children, }: EffieLayerPreviewRootProps):
|
|
124
|
+
declare function EffieLayerPreviewRoot({ className, style, children, }: EffieLayerPreviewRootProps): react.JSX.Element;
|
|
125
125
|
type EffieLayerPreviewMediaProps = {
|
|
126
126
|
/** Layer configuration from effie JSON */
|
|
127
127
|
layer: EffieLayer<EffieSources>;
|
|
@@ -139,7 +139,7 @@ type EffieLayerPreviewMediaProps = {
|
|
|
139
139
|
/** Style for the media element */
|
|
140
140
|
style?: React.CSSProperties;
|
|
141
141
|
};
|
|
142
|
-
declare function EffieLayerPreviewMedia({ layer, index, resolveSource, resolution, className, style, }: EffieLayerPreviewMediaProps):
|
|
142
|
+
declare function EffieLayerPreviewMedia({ layer, index, resolveSource, resolution, className, style, }: EffieLayerPreviewMediaProps): react.JSX.Element;
|
|
143
143
|
type EffieLayerPreviewInfoProps = {
|
|
144
144
|
/** Layer configuration from effie JSON */
|
|
145
145
|
layer: EffieLayer<EffieSources>;
|
|
@@ -150,7 +150,7 @@ type EffieLayerPreviewInfoProps = {
|
|
|
150
150
|
/** Style for the info section */
|
|
151
151
|
style?: React.CSSProperties;
|
|
152
152
|
};
|
|
153
|
-
declare function EffieLayerPreviewInfo({ layer, index, className, style, }: EffieLayerPreviewInfoProps):
|
|
153
|
+
declare function EffieLayerPreviewInfo({ layer, index, className, style, }: EffieLayerPreviewInfoProps): react.JSX.Element;
|
|
154
154
|
type EffieLayerPreviewProps = {
|
|
155
155
|
/** Layer configuration from effie JSON */
|
|
156
156
|
layer: EffieLayer<EffieSources>;
|
|
@@ -170,7 +170,7 @@ type EffieLayerPreviewProps = {
|
|
|
170
170
|
/** Style for the container */
|
|
171
171
|
style?: React.CSSProperties;
|
|
172
172
|
};
|
|
173
|
-
declare function EffieLayerPreviewSimple({ layer, index, resolveSource, resolution, stacking, className, style, }: EffieLayerPreviewProps):
|
|
173
|
+
declare function EffieLayerPreviewSimple({ layer, index, resolveSource, resolution, stacking, className, style, }: EffieLayerPreviewProps): react.JSX.Element;
|
|
174
174
|
/**
|
|
175
175
|
* Displays a preview of a single layer, including its metadata.
|
|
176
176
|
* Uses AnniePlayer for animation layers.
|
|
@@ -189,19 +189,19 @@ type EffieSegmentPreviewRootProps = {
|
|
|
189
189
|
style?: React.CSSProperties;
|
|
190
190
|
children: React.ReactNode;
|
|
191
191
|
};
|
|
192
|
-
declare function EffieSegmentPreviewRoot({ className, style, children, }: EffieSegmentPreviewRootProps):
|
|
192
|
+
declare function EffieSegmentPreviewRoot({ className, style, children, }: EffieSegmentPreviewRootProps): react.JSX.Element;
|
|
193
193
|
type EffieSegmentPreviewHeaderProps = {
|
|
194
194
|
className?: string;
|
|
195
195
|
style?: React.CSSProperties;
|
|
196
196
|
children: React.ReactNode;
|
|
197
197
|
};
|
|
198
|
-
declare function EffieSegmentPreviewHeader({ className, style, children, }: EffieSegmentPreviewHeaderProps):
|
|
198
|
+
declare function EffieSegmentPreviewHeader({ className, style, children, }: EffieSegmentPreviewHeaderProps): react.JSX.Element;
|
|
199
199
|
type EffieSegmentPreviewLayersProps = {
|
|
200
200
|
className?: string;
|
|
201
201
|
style?: React.CSSProperties;
|
|
202
202
|
children: React.ReactNode;
|
|
203
203
|
};
|
|
204
|
-
declare function EffieSegmentPreviewLayers({ className, style, children, }: EffieSegmentPreviewLayersProps):
|
|
204
|
+
declare function EffieSegmentPreviewLayers({ className, style, children, }: EffieSegmentPreviewLayersProps): react.JSX.Element;
|
|
205
205
|
type EffieSegmentPreviewProps = {
|
|
206
206
|
/** Segment configuration from effie JSON */
|
|
207
207
|
segment: EffieSegment<EffieSources>;
|
|
@@ -221,7 +221,7 @@ type EffieSegmentPreviewProps = {
|
|
|
221
221
|
/** Style for the container */
|
|
222
222
|
style?: React.CSSProperties;
|
|
223
223
|
};
|
|
224
|
-
declare function EffieSegmentPreviewSimple({ segment, index, resolveSource, resolution, stacking, className, style, }: EffieSegmentPreviewProps):
|
|
224
|
+
declare function EffieSegmentPreviewSimple({ segment, index, resolveSource, resolution, stacking, className, style, }: EffieSegmentPreviewProps): react.JSX.Element;
|
|
225
225
|
/**
|
|
226
226
|
* Displays a preview of a segment with all its layers.
|
|
227
227
|
*
|
|
@@ -248,7 +248,7 @@ type EffieValidationErrorsProps = {
|
|
|
248
248
|
* Displays validation errors with detailed issue breakdown.
|
|
249
249
|
* Simple component with built-in inline styles.
|
|
250
250
|
*/
|
|
251
|
-
declare function EffieValidationErrors({ error, issues, className, style, }: EffieValidationErrorsProps):
|
|
251
|
+
declare function EffieValidationErrors({ error, issues, className, style, }: EffieValidationErrorsProps): react.JSX.Element;
|
|
252
252
|
type UseEffieWarmupResult = {
|
|
253
253
|
state: EffieWarmupState;
|
|
254
254
|
isReady: boolean;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@effing/effie-preview",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.40.1",
|
|
4
4
|
"description": "Preview components for Effie video compositions",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -22,15 +22,15 @@
|
|
|
22
22
|
"dist"
|
|
23
23
|
],
|
|
24
24
|
"dependencies": {
|
|
25
|
-
"@effing/annie-player": "0.
|
|
26
|
-
"@effing/effie": "0.
|
|
25
|
+
"@effing/annie-player": "0.40.1",
|
|
26
|
+
"@effing/effie": "0.40.1"
|
|
27
27
|
},
|
|
28
28
|
"devDependencies": {
|
|
29
29
|
"@types/react": "^19.0.0",
|
|
30
30
|
"tsup": "^8.0.0",
|
|
31
31
|
"typescript": "^5.9.3",
|
|
32
|
-
"vitest": "^3.2.
|
|
33
|
-
"@effing/ffs": "0.
|
|
32
|
+
"vitest": "^3.2.7",
|
|
33
|
+
"@effing/ffs": "0.40.1"
|
|
34
34
|
},
|
|
35
35
|
"peerDependencies": {
|
|
36
36
|
"react": "^18.0.0 || ^19.0.0"
|