@cueframe/kernel 0.0.1 → 0.1.0
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/_members/account-model/testing/conversationStoreContract.d.ts +1 -1
- package/dist/_members/authoring/providers/resourceApi.d.ts +1 -1
- package/dist/_members/authoring/transpileComponent.d.ts +1 -1
- package/dist/_members/cloud-import/CloudImportService.d.ts +35 -0
- package/dist/_members/cloud-import/ImportProvider.d.ts +73 -0
- package/dist/_members/cloud-import/MediaItemPreprocessor.d.ts +27 -0
- package/dist/_members/cloud-import/chunk-XKO6ZSWI.js +162 -0
- package/dist/_members/cloud-import/chunk-XKO6ZSWI.js.map +1 -0
- package/dist/_members/cloud-import/cloudConfig.d.ts +23 -0
- package/dist/_members/cloud-import/index.d.ts +9 -0
- package/dist/_members/cloud-import/index.js +241 -0
- package/dist/_members/cloud-import/index.js.map +1 -0
- package/dist/_members/cloud-import/multipartUpload.d.ts +12 -0
- package/dist/_members/cloud-import/multipartUpload.js +7 -0
- package/dist/_members/cloud-import/multipartUpload.js.map +1 -0
- package/dist/_members/composition/ops/compositionOps.d.ts +1 -1
- package/dist/_members/composition/ops/types.d.ts +1 -1
- package/dist/_members/composition/timeline/placement.d.ts +1 -1
- package/dist/_members/composition/validators/composition.d.ts +1 -1
- package/dist/_members/composition-ops/index.d.ts +1 -1
- package/dist/_members/composition-ops/opRecorder.d.ts +1 -1
- package/dist/_members/convex-api/api.d.ts +5 -0
- package/dist/_members/convex-api/dataModel.d.ts +6 -0
- package/dist/_members/core/render/exportSettings.d.ts +1 -1
- package/dist/_members/mcp/curation.d.ts +1 -1
- package/dist/_members/plane/conformance.d.ts +1 -1
- package/dist/_members/render-harness/localRender.d.ts +1 -1
- package/dist/animate.js +828 -79187
- package/dist/authoring/build-tools.js +8 -11
- package/dist/authoring/context.js +5 -5
- package/dist/authoring/models.js +1 -2
- package/dist/authoring/prompts.js +1 -1
- package/dist/authoring/tools.js +7 -7
- package/dist/authoring/transpileComponent.js +3 -2220
- package/dist/authoring.js +27 -29
- package/dist/brand-derivation.js +1 -1
- package/dist/chunk-6IU2UQI5.js +107 -0
- package/dist/{chunk-N67PDTKQ.js → chunk-ABL557OT.js} +1 -1
- package/dist/{chunk-DSNG6WLU.js → chunk-AYVJXDLB.js} +1 -4
- package/dist/{chunk-G3PBH53P.js → chunk-COYMZ76S.js} +1 -1
- package/dist/chunk-DSMLHYJ4.js +82 -0
- package/dist/{chunk-BRKJKB33.js → chunk-FYZVH3MC.js} +1 -1
- package/dist/{chunk-MVEE6HEC.js → chunk-GA23TRNR.js} +5 -7
- package/dist/{chunk-OIRUO5P7.js → chunk-GEA7E2FL.js} +1 -1
- package/dist/chunk-HCCBDJLW.js +68 -0
- package/dist/{chunk-QLAQHR3L.js → chunk-IBYQG46O.js} +1 -1
- package/dist/chunk-JQMPHKLU.js +126 -0
- package/dist/{chunk-ELLSET2N.js → chunk-LM4WDUQJ.js} +3 -6
- package/dist/{chunk-UEI3NLNK.js → chunk-MHOQTPOB.js} +1 -4
- package/dist/{chunk-ATAF24QG.js → chunk-MXFAADCQ.js} +1 -1
- package/dist/{chunk-TULRCY6U.js → chunk-NFEGPWGS.js} +1 -1
- package/dist/{chunk-MC5DLSEV.js → chunk-ODL7GQJG.js} +14 -14
- package/dist/{chunk-WZTTZHNR.js → chunk-OLFOPQCA.js} +12 -9
- package/dist/{chunk-P43IE4WB.js → chunk-P727GZVO.js} +2 -4
- package/dist/{chunk-S3P5BFFL.js → chunk-PMY24FUD.js} +2 -4
- package/dist/chunk-RF7U3SCL.js +606 -0
- package/dist/{chunk-JD77Y2WM.js → chunk-SW336CJP.js} +1 -4
- package/dist/{chunk-M3I5LMAB.js → chunk-UY4SWJVE.js} +1 -1
- package/dist/{chunk-52AHXNKM.js → chunk-VOO5FQSS.js} +5 -5
- package/dist/{chunk-NV4I6GJV.js → chunk-XWKZB5U5.js} +4 -4
- package/dist/{chunk-6QJ3V3VS.js → chunk-YX2GSJK7.js} +1 -1
- package/dist/{chunk-5I7VDCAC.js → chunk-ZB3C3HM7.js} +1 -1
- package/dist/chunk-ZT7MHRQU.js +104 -0
- package/dist/cloud-import/multipart.d.ts +1 -0
- package/dist/cloud-import/multipart.js +8 -0
- package/dist/cloud-import.d.ts +1 -0
- package/dist/cloud-import.js +234 -0
- package/dist/compose/renderer.js +18 -21
- package/dist/compose.js +18 -21
- package/dist/composition/graphics-plan.js +3 -3
- package/dist/composition/ops.js +4 -4
- package/dist/composition/primitive-catalog.js +1 -1
- package/dist/composition/projection.js +3 -3
- package/dist/composition/validators.js +2 -2
- package/dist/composition-ops.js +12 -12
- package/dist/composition.js +5 -5
- package/dist/{context-CEAKQ5T7.js → context-OKX3HHFS.js} +5 -5
- package/dist/convex-api/dataModel.d.ts +1 -0
- package/dist/convex-api/dataModel.js +0 -0
- package/dist/convex-api.d.ts +1 -0
- package/dist/convex-api.js +8 -0
- package/dist/core/render.js +2 -2
- package/dist/core.js +2 -2
- package/dist/mcp/adapter.js +1 -5
- package/dist/mcp/server.js +1 -2
- package/dist/mcp.js +2 -95
- package/dist/media-model/media-kind.js +9 -98
- package/dist/nle-export/xml.js +5 -22799
- package/dist/nle-export.js +18 -21
- package/dist/primitives/backgrounds.js +2 -3
- package/dist/primitives/captions.js +4 -243
- package/dist/primitives/effects.js +2 -3
- package/dist/primitives/hero-text.js +2 -3
- package/dist/primitives/layouts.js +2 -3
- package/dist/primitives/lib/index.js +8 -10
- package/dist/primitives/lib/preview.js +1 -2
- package/dist/primitives/lib/schema.js +1 -2
- package/dist/primitives/lib/text/fitText.js +1 -2
- package/dist/primitives/lib.js +8 -10
- package/dist/primitives/scenes.js +1 -2
- package/dist/primitives/text.js +2 -3
- package/dist/primitives/ui-blocks.js +4 -5
- package/dist/primitives.js +19 -21
- package/package.json +123 -13
- package/dist/TextureLoader-UQOFUSAP.js +0 -422
- package/dist/VideoTexture-AQWSPIJG.js +0 -62
- package/dist/chunk-7GISRVON.js +0 -14176
- package/dist/chunk-DIBOJJMU.js +0 -16838
- package/dist/chunk-EAUSEGB7.js +0 -420
- package/dist/chunk-FUWJOVVK.js +0 -3633
- package/dist/chunk-G75E7YA4.js +0 -11883
- package/dist/chunk-JCZQT7K3.js +0 -3266
- package/dist/chunk-KF5ETMKB.js +0 -544
- package/dist/chunk-NDKERSXY.js +0 -1296
- package/dist/chunk-V43Y7IE4.js +0 -3621
- package/dist/chunk-VIVQHIGZ.js +0 -4319
- package/dist/chunk-YA3OR2KK.js +0 -249
- package/dist/hls-HD4C5G6W.js +0 -33000
- package/dist/token-RGFIT24D.js +0 -69
- package/dist/token-util-GPLSGYVO.js +0 -5
- package/dist/vision_bundle-5Y376MAR.js +0 -4084
- package/dist/{chunk-6CMVBTTP.js → chunk-YIOY2XEO.js} +4 -4
package/dist/chunk-EAUSEGB7.js
DELETED
|
@@ -1,420 +0,0 @@
|
|
|
1
|
-
// ../../node_modules/.pnpm/@remotion+transitions@4.0.429_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/@remotion/transitions/dist/esm/index.mjs
|
|
2
|
-
import { useMemo } from "react";
|
|
3
|
-
import { AbsoluteFill } from "remotion";
|
|
4
|
-
import { jsx } from "react/jsx-runtime";
|
|
5
|
-
import { interpolate } from "remotion";
|
|
6
|
-
import { measureSpring, spring } from "remotion";
|
|
7
|
-
import { Children, useMemo as useMemo3 } from "react";
|
|
8
|
-
import { Internals, Sequence, useCurrentFrame, useVideoConfig } from "remotion";
|
|
9
|
-
import { NoReactInternals as NoReactInternals2 } from "remotion/no-react";
|
|
10
|
-
import React2, { useMemo as useMemo2 } from "react";
|
|
11
|
-
import { jsx as jsx2 } from "react/jsx-runtime";
|
|
12
|
-
import React3 from "react";
|
|
13
|
-
import { NoReactInternals } from "remotion/no-react";
|
|
14
|
-
import { jsx as jsx3, Fragment } from "react/jsx-runtime";
|
|
15
|
-
import React4 from "react";
|
|
16
|
-
var epsilon = 0.01;
|
|
17
|
-
var SlidePresentation = ({
|
|
18
|
-
children,
|
|
19
|
-
presentationProgress,
|
|
20
|
-
presentationDirection,
|
|
21
|
-
passedProps: { direction = "from-left", enterStyle, exitStyle }
|
|
22
|
-
}) => {
|
|
23
|
-
const directionStyle = useMemo(() => {
|
|
24
|
-
const presentationProgressWithEpsilonCorrection = presentationProgress === 1 ? presentationProgress * 100 : presentationProgress * 100 - epsilon;
|
|
25
|
-
if (presentationDirection === "exiting") {
|
|
26
|
-
switch (direction) {
|
|
27
|
-
case "from-left":
|
|
28
|
-
return {
|
|
29
|
-
transform: `translateX(${presentationProgressWithEpsilonCorrection}%)`
|
|
30
|
-
};
|
|
31
|
-
case "from-right":
|
|
32
|
-
return {
|
|
33
|
-
transform: `translateX(${-presentationProgress * 100}%)`
|
|
34
|
-
};
|
|
35
|
-
case "from-top":
|
|
36
|
-
return {
|
|
37
|
-
transform: `translateY(${presentationProgressWithEpsilonCorrection}%)`
|
|
38
|
-
};
|
|
39
|
-
case "from-bottom":
|
|
40
|
-
return {
|
|
41
|
-
transform: `translateY(${-presentationProgress * 100}%)`
|
|
42
|
-
};
|
|
43
|
-
default:
|
|
44
|
-
throw new Error(`Invalid direction: ${direction}`);
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
switch (direction) {
|
|
48
|
-
case "from-left":
|
|
49
|
-
return {
|
|
50
|
-
transform: `translateX(${-100 + presentationProgress * 100}%)`
|
|
51
|
-
};
|
|
52
|
-
case "from-right":
|
|
53
|
-
return {
|
|
54
|
-
transform: `translateX(${100 - presentationProgressWithEpsilonCorrection}%)`
|
|
55
|
-
};
|
|
56
|
-
case "from-top":
|
|
57
|
-
return {
|
|
58
|
-
transform: `translateY(${-100 + presentationProgress * 100}%)`
|
|
59
|
-
};
|
|
60
|
-
case "from-bottom":
|
|
61
|
-
return {
|
|
62
|
-
transform: `translateY(${100 - presentationProgressWithEpsilonCorrection}%)`
|
|
63
|
-
};
|
|
64
|
-
default:
|
|
65
|
-
throw new Error(`Invalid direction: ${direction}`);
|
|
66
|
-
}
|
|
67
|
-
}, [presentationDirection, presentationProgress, direction]);
|
|
68
|
-
const style = useMemo(() => {
|
|
69
|
-
return {
|
|
70
|
-
width: "100%",
|
|
71
|
-
height: "100%",
|
|
72
|
-
justifyContent: "center",
|
|
73
|
-
alignItems: "center",
|
|
74
|
-
...directionStyle,
|
|
75
|
-
...presentationDirection === "entering" ? enterStyle : exitStyle
|
|
76
|
-
};
|
|
77
|
-
}, [directionStyle, enterStyle, exitStyle, presentationDirection]);
|
|
78
|
-
return /* @__PURE__ */ jsx(AbsoluteFill, {
|
|
79
|
-
style,
|
|
80
|
-
children
|
|
81
|
-
});
|
|
82
|
-
};
|
|
83
|
-
var slide = (props) => {
|
|
84
|
-
return {
|
|
85
|
-
component: SlidePresentation,
|
|
86
|
-
props: props ?? {}
|
|
87
|
-
};
|
|
88
|
-
};
|
|
89
|
-
var linearTiming = (options) => {
|
|
90
|
-
return {
|
|
91
|
-
getDurationInFrames: () => {
|
|
92
|
-
return options.durationInFrames;
|
|
93
|
-
},
|
|
94
|
-
getProgress: ({ frame }) => {
|
|
95
|
-
return interpolate(frame, [0, options.durationInFrames], [0, 1], {
|
|
96
|
-
easing: options.easing,
|
|
97
|
-
extrapolateLeft: "clamp",
|
|
98
|
-
extrapolateRight: "clamp"
|
|
99
|
-
});
|
|
100
|
-
}
|
|
101
|
-
};
|
|
102
|
-
};
|
|
103
|
-
var EnteringContext = React2.createContext(null);
|
|
104
|
-
var ExitingContext = React2.createContext(null);
|
|
105
|
-
var WrapInEnteringProgressContext = ({ presentationProgress, children }) => {
|
|
106
|
-
const value = useMemo2(() => {
|
|
107
|
-
return {
|
|
108
|
-
enteringProgress: presentationProgress
|
|
109
|
-
};
|
|
110
|
-
}, [presentationProgress]);
|
|
111
|
-
return /* @__PURE__ */ jsx2(EnteringContext.Provider, {
|
|
112
|
-
value,
|
|
113
|
-
children
|
|
114
|
-
});
|
|
115
|
-
};
|
|
116
|
-
var WrapInExitingProgressContext = ({ presentationProgress, children }) => {
|
|
117
|
-
const value = useMemo2(() => {
|
|
118
|
-
return {
|
|
119
|
-
exitingProgress: presentationProgress
|
|
120
|
-
};
|
|
121
|
-
}, [presentationProgress]);
|
|
122
|
-
return /* @__PURE__ */ jsx2(ExitingContext.Provider, {
|
|
123
|
-
value,
|
|
124
|
-
children
|
|
125
|
-
});
|
|
126
|
-
};
|
|
127
|
-
var flattenChildren = (children) => {
|
|
128
|
-
const childrenArray = React3.Children.toArray(children);
|
|
129
|
-
return childrenArray.reduce((flatChildren, child) => {
|
|
130
|
-
if (child.type === React3.Fragment) {
|
|
131
|
-
return flatChildren.concat(flattenChildren(child.props.children));
|
|
132
|
-
}
|
|
133
|
-
flatChildren.push(child);
|
|
134
|
-
return flatChildren;
|
|
135
|
-
}, []);
|
|
136
|
-
};
|
|
137
|
-
var validateDurationInFrames = NoReactInternals.validateDurationInFrames;
|
|
138
|
-
var TransitionSeriesTransition = function(_props) {
|
|
139
|
-
return null;
|
|
140
|
-
};
|
|
141
|
-
var SeriesOverlay = () => {
|
|
142
|
-
return null;
|
|
143
|
-
};
|
|
144
|
-
var SeriesSequence = ({ children }) => {
|
|
145
|
-
return /* @__PURE__ */ jsx3(Fragment, {
|
|
146
|
-
children
|
|
147
|
-
});
|
|
148
|
-
};
|
|
149
|
-
var TransitionSeriesChildren = ({
|
|
150
|
-
children
|
|
151
|
-
}) => {
|
|
152
|
-
const { fps } = useVideoConfig();
|
|
153
|
-
const frame = useCurrentFrame();
|
|
154
|
-
const childrenValue = useMemo3(() => {
|
|
155
|
-
let transitionOffsets = 0;
|
|
156
|
-
let startFrame = 0;
|
|
157
|
-
const flattedChildren = flattenChildren(children);
|
|
158
|
-
const overlayRenders = [];
|
|
159
|
-
const sequenceDurations = [];
|
|
160
|
-
let pendingOverlayValidation = false;
|
|
161
|
-
const mainChildren = Children.map(flattedChildren, (child, i) => {
|
|
162
|
-
const current = child;
|
|
163
|
-
if (typeof current === "string") {
|
|
164
|
-
if (current.trim() === "") {
|
|
165
|
-
return null;
|
|
166
|
-
}
|
|
167
|
-
throw new TypeError(`The <TransitionSeries /> component only accepts a list of <TransitionSeries.Sequence /> components as its children, but you passed a string "${current}"`);
|
|
168
|
-
}
|
|
169
|
-
const hasPrev = flattedChildren[i - 1];
|
|
170
|
-
const nextPrev = flattedChildren[i + 1];
|
|
171
|
-
const prevIsTransition = typeof hasPrev === "string" || typeof hasPrev === "undefined" ? false : hasPrev.type === TransitionSeriesTransition;
|
|
172
|
-
const prevIsOverlay = typeof hasPrev === "string" || typeof hasPrev === "undefined" ? false : hasPrev.type === SeriesOverlay;
|
|
173
|
-
if (current.type === SeriesOverlay) {
|
|
174
|
-
if (prevIsOverlay) {
|
|
175
|
-
throw new TypeError(`A <TransitionSeries.Overlay /> component must not be followed by another <TransitionSeries.Overlay /> component (nth children = ${i - 1} and ${i})`);
|
|
176
|
-
}
|
|
177
|
-
if (prevIsTransition) {
|
|
178
|
-
throw new TypeError(`A <TransitionSeries.Transition /> component must not be followed by a <TransitionSeries.Overlay /> component (nth children = ${i - 1} and ${i})`);
|
|
179
|
-
}
|
|
180
|
-
const nextIsTransition = typeof nextPrev === "string" || typeof nextPrev === "undefined" ? false : nextPrev.type === TransitionSeriesTransition;
|
|
181
|
-
if (nextIsTransition) {
|
|
182
|
-
throw new TypeError(`A <TransitionSeries.Overlay /> component must not be followed by a <TransitionSeries.Transition /> component (nth children = ${i} and ${i + 1})`);
|
|
183
|
-
}
|
|
184
|
-
const overlayProps = current.props;
|
|
185
|
-
validateDurationInFrames(overlayProps.durationInFrames, {
|
|
186
|
-
component: `of a <TransitionSeries.Overlay /> component`,
|
|
187
|
-
allowFloats: false
|
|
188
|
-
});
|
|
189
|
-
const overlayOffset = overlayProps.offset ?? 0;
|
|
190
|
-
if (Number.isNaN(overlayOffset)) {
|
|
191
|
-
throw new TypeError(`The "offset" property of a <TransitionSeries.Overlay /> must not be NaN, but got NaN.`);
|
|
192
|
-
}
|
|
193
|
-
if (!Number.isFinite(overlayOffset)) {
|
|
194
|
-
throw new TypeError(`The "offset" property of a <TransitionSeries.Overlay /> must be finite, but got ${overlayOffset}.`);
|
|
195
|
-
}
|
|
196
|
-
if (overlayOffset % 1 !== 0) {
|
|
197
|
-
throw new TypeError(`The "offset" property of a <TransitionSeries.Overlay /> must be an integer, but got ${overlayOffset}.`);
|
|
198
|
-
}
|
|
199
|
-
const cutPoint = startFrame + transitionOffsets;
|
|
200
|
-
const halfDuration = overlayProps.durationInFrames / 2;
|
|
201
|
-
const overlayFrom = cutPoint - halfDuration + overlayOffset;
|
|
202
|
-
if (overlayFrom < 0) {
|
|
203
|
-
throw new TypeError(`A <TransitionSeries.Overlay /> extends before frame 0. The overlay starts at frame ${overlayFrom}. Reduce the duration or adjust the offset.`);
|
|
204
|
-
}
|
|
205
|
-
const prevSeqIdx = sequenceDurations.length - 1;
|
|
206
|
-
if (prevSeqIdx >= 0) {
|
|
207
|
-
const overlayStartInPrev = halfDuration - overlayOffset;
|
|
208
|
-
if (overlayStartInPrev > sequenceDurations[prevSeqIdx]) {
|
|
209
|
-
throw new TypeError(`A <TransitionSeries.Overlay /> extends beyond the previous sequence. The overlay needs ${overlayStartInPrev} frames before the cut, but the previous sequence is only ${sequenceDurations[prevSeqIdx]} frames long.`);
|
|
210
|
-
}
|
|
211
|
-
}
|
|
212
|
-
pendingOverlayValidation = true;
|
|
213
|
-
overlayRenders.push({
|
|
214
|
-
cutPoint,
|
|
215
|
-
overlayFrom,
|
|
216
|
-
durationInFrames: overlayProps.durationInFrames,
|
|
217
|
-
overlayOffset,
|
|
218
|
-
halfDuration,
|
|
219
|
-
children: overlayProps.children,
|
|
220
|
-
index: i
|
|
221
|
-
});
|
|
222
|
-
return null;
|
|
223
|
-
}
|
|
224
|
-
if (current.type === TransitionSeriesTransition) {
|
|
225
|
-
if (prevIsTransition) {
|
|
226
|
-
throw new TypeError(`A <TransitionSeries.Transition /> component must not be followed by another <TransitionSeries.Transition /> component (nth children = ${i - 1} and ${i})`);
|
|
227
|
-
}
|
|
228
|
-
if (prevIsOverlay) {
|
|
229
|
-
throw new TypeError(`A <TransitionSeries.Overlay /> component must not be followed by a <TransitionSeries.Transition /> component (nth children = ${i - 1} and ${i})`);
|
|
230
|
-
}
|
|
231
|
-
return null;
|
|
232
|
-
}
|
|
233
|
-
if (current.type !== SeriesSequence) {
|
|
234
|
-
throw new TypeError(`The <TransitionSeries /> component only accepts a list of <TransitionSeries.Sequence />, <TransitionSeries.Transition />, and <TransitionSeries.Overlay /> components as its children, but got ${current} instead`);
|
|
235
|
-
}
|
|
236
|
-
const prev = typeof hasPrev === "string" || typeof hasPrev === "undefined" ? null : hasPrev.type === TransitionSeriesTransition ? hasPrev : null;
|
|
237
|
-
const next = typeof nextPrev === "string" || typeof nextPrev === "undefined" ? null : nextPrev.type === TransitionSeriesTransition ? nextPrev : null;
|
|
238
|
-
const castedChildAgain = current;
|
|
239
|
-
const debugInfo = `index = ${i}, duration = ${castedChildAgain.props.durationInFrames}`;
|
|
240
|
-
if (!castedChildAgain?.props.children) {
|
|
241
|
-
throw new TypeError(`A <TransitionSeries.Sequence /> component (${debugInfo}) was detected to not have any children. Delete it to fix this error.`);
|
|
242
|
-
}
|
|
243
|
-
const durationInFramesProp = castedChildAgain.props.durationInFrames;
|
|
244
|
-
const {
|
|
245
|
-
durationInFrames,
|
|
246
|
-
children: _children,
|
|
247
|
-
...passedProps
|
|
248
|
-
} = castedChildAgain.props;
|
|
249
|
-
validateDurationInFrames(durationInFramesProp, {
|
|
250
|
-
component: `of a <TransitionSeries.Sequence /> component`,
|
|
251
|
-
allowFloats: true
|
|
252
|
-
});
|
|
253
|
-
const offset = castedChildAgain.props.offset ?? 0;
|
|
254
|
-
if (Number.isNaN(offset)) {
|
|
255
|
-
throw new TypeError(`The "offset" property of a <TransitionSeries.Sequence /> must not be NaN, but got NaN (${debugInfo}).`);
|
|
256
|
-
}
|
|
257
|
-
if (!Number.isFinite(offset)) {
|
|
258
|
-
throw new TypeError(`The "offset" property of a <TransitionSeries.Sequence /> must be finite, but got ${offset} (${debugInfo}).`);
|
|
259
|
-
}
|
|
260
|
-
if (offset % 1 !== 0) {
|
|
261
|
-
throw new TypeError(`The "offset" property of a <TransitionSeries.Sequence /> must be finite, but got ${offset} (${debugInfo}).`);
|
|
262
|
-
}
|
|
263
|
-
const currentStartFrame = startFrame + offset;
|
|
264
|
-
let duration = 0;
|
|
265
|
-
if (prev) {
|
|
266
|
-
duration = prev.props.timing.getDurationInFrames({
|
|
267
|
-
fps
|
|
268
|
-
});
|
|
269
|
-
transitionOffsets -= duration;
|
|
270
|
-
}
|
|
271
|
-
let actualStartFrame = currentStartFrame + transitionOffsets;
|
|
272
|
-
startFrame += durationInFramesProp + offset;
|
|
273
|
-
if (actualStartFrame < 0) {
|
|
274
|
-
startFrame -= actualStartFrame;
|
|
275
|
-
actualStartFrame = 0;
|
|
276
|
-
}
|
|
277
|
-
sequenceDurations.push(durationInFramesProp);
|
|
278
|
-
if (pendingOverlayValidation) {
|
|
279
|
-
pendingOverlayValidation = false;
|
|
280
|
-
const lastOverlay = overlayRenders[overlayRenders.length - 1];
|
|
281
|
-
const framesAfterCut = lastOverlay.halfDuration + lastOverlay.overlayOffset;
|
|
282
|
-
if (framesAfterCut > durationInFramesProp) {
|
|
283
|
-
throw new TypeError(`A <TransitionSeries.Overlay /> extends beyond the next sequence. The overlay needs ${framesAfterCut} frames after the cut, but the next sequence is only ${durationInFramesProp} frames long.`);
|
|
284
|
-
}
|
|
285
|
-
}
|
|
286
|
-
const nextProgress = next ? next.props.timing.getProgress({
|
|
287
|
-
frame: frame - actualStartFrame - durationInFrames + next.props.timing.getDurationInFrames({ fps }),
|
|
288
|
-
fps
|
|
289
|
-
}) : null;
|
|
290
|
-
const prevProgress = prev ? prev.props.timing.getProgress({
|
|
291
|
-
frame: frame - actualStartFrame,
|
|
292
|
-
fps
|
|
293
|
-
}) : null;
|
|
294
|
-
if (next && durationInFramesProp < next.props.timing.getDurationInFrames({ fps })) {
|
|
295
|
-
throw new Error(`The duration of a <TransitionSeries.Sequence /> must not be shorter than the duration of the next <TransitionSeries.Transition />. The transition is ${next.props.timing.getDurationInFrames({ fps })} frames long, but the sequence is only ${durationInFramesProp} frames long (${debugInfo})`);
|
|
296
|
-
}
|
|
297
|
-
if (prev && durationInFramesProp < prev.props.timing.getDurationInFrames({ fps })) {
|
|
298
|
-
throw new Error(`The duration of a <TransitionSeries.Sequence /> must not be shorter than the duration of the previous <TransitionSeries.Transition />. The transition is ${prev.props.timing.getDurationInFrames({ fps })} frames long, but the sequence is only ${durationInFramesProp} frames long (${debugInfo})`);
|
|
299
|
-
}
|
|
300
|
-
if (next && prev && nextProgress !== null && prevProgress !== null) {
|
|
301
|
-
const nextPresentation = next.props.presentation ?? slide();
|
|
302
|
-
const prevPresentation = prev.props.presentation ?? slide();
|
|
303
|
-
const UppercaseNextPresentation = nextPresentation.component;
|
|
304
|
-
const UppercasePrevPresentation = prevPresentation.component;
|
|
305
|
-
return /* @__PURE__ */ jsx3(Sequence, {
|
|
306
|
-
from: actualStartFrame,
|
|
307
|
-
durationInFrames: durationInFramesProp,
|
|
308
|
-
...passedProps,
|
|
309
|
-
name: passedProps.name || "<TS.Sequence>",
|
|
310
|
-
children: /* @__PURE__ */ jsx3(UppercaseNextPresentation, {
|
|
311
|
-
passedProps: nextPresentation.props ?? {},
|
|
312
|
-
presentationDirection: "exiting",
|
|
313
|
-
presentationProgress: nextProgress,
|
|
314
|
-
presentationDurationInFrames: next.props.timing.getDurationInFrames({ fps }),
|
|
315
|
-
children: /* @__PURE__ */ jsx3(WrapInExitingProgressContext, {
|
|
316
|
-
presentationProgress: nextProgress,
|
|
317
|
-
children: /* @__PURE__ */ jsx3(UppercasePrevPresentation, {
|
|
318
|
-
passedProps: prevPresentation.props ?? {},
|
|
319
|
-
presentationDirection: "entering",
|
|
320
|
-
presentationProgress: prevProgress,
|
|
321
|
-
presentationDurationInFrames: prev.props.timing.getDurationInFrames({ fps }),
|
|
322
|
-
children: /* @__PURE__ */ jsx3(WrapInEnteringProgressContext, {
|
|
323
|
-
presentationProgress: prevProgress,
|
|
324
|
-
children: child
|
|
325
|
-
})
|
|
326
|
-
})
|
|
327
|
-
})
|
|
328
|
-
})
|
|
329
|
-
}, i);
|
|
330
|
-
}
|
|
331
|
-
if (prevProgress !== null && prev) {
|
|
332
|
-
const prevPresentation = prev.props.presentation ?? slide();
|
|
333
|
-
const UppercasePrevPresentation = prevPresentation.component;
|
|
334
|
-
return /* @__PURE__ */ jsx3(Sequence, {
|
|
335
|
-
from: actualStartFrame,
|
|
336
|
-
durationInFrames: durationInFramesProp,
|
|
337
|
-
...passedProps,
|
|
338
|
-
name: passedProps.name || "<TS.Sequence>",
|
|
339
|
-
children: /* @__PURE__ */ jsx3(UppercasePrevPresentation, {
|
|
340
|
-
passedProps: prevPresentation.props ?? {},
|
|
341
|
-
presentationDirection: "entering",
|
|
342
|
-
presentationProgress: prevProgress,
|
|
343
|
-
presentationDurationInFrames: prev.props.timing.getDurationInFrames({ fps }),
|
|
344
|
-
children: /* @__PURE__ */ jsx3(WrapInEnteringProgressContext, {
|
|
345
|
-
presentationProgress: prevProgress,
|
|
346
|
-
children: child
|
|
347
|
-
})
|
|
348
|
-
})
|
|
349
|
-
}, i);
|
|
350
|
-
}
|
|
351
|
-
if (nextProgress !== null && next) {
|
|
352
|
-
const nextPresentation = next.props.presentation ?? slide();
|
|
353
|
-
const UppercaseNextPresentation = nextPresentation.component;
|
|
354
|
-
return /* @__PURE__ */ jsx3(Sequence, {
|
|
355
|
-
from: actualStartFrame,
|
|
356
|
-
durationInFrames: durationInFramesProp,
|
|
357
|
-
...passedProps,
|
|
358
|
-
name: passedProps.name || "<TS.Sequence>",
|
|
359
|
-
children: /* @__PURE__ */ jsx3(UppercaseNextPresentation, {
|
|
360
|
-
passedProps: nextPresentation.props ?? {},
|
|
361
|
-
presentationDirection: "exiting",
|
|
362
|
-
presentationProgress: nextProgress,
|
|
363
|
-
presentationDurationInFrames: next.props.timing.getDurationInFrames({ fps }),
|
|
364
|
-
children: /* @__PURE__ */ jsx3(WrapInExitingProgressContext, {
|
|
365
|
-
presentationProgress: nextProgress,
|
|
366
|
-
children: child
|
|
367
|
-
})
|
|
368
|
-
})
|
|
369
|
-
}, i);
|
|
370
|
-
}
|
|
371
|
-
return /* @__PURE__ */ jsx3(Sequence, {
|
|
372
|
-
from: actualStartFrame,
|
|
373
|
-
durationInFrames: durationInFramesProp,
|
|
374
|
-
...passedProps,
|
|
375
|
-
name: passedProps.name || "<TS.Sequence>",
|
|
376
|
-
children: child
|
|
377
|
-
}, i);
|
|
378
|
-
});
|
|
379
|
-
const overlayElements = overlayRenders.map((overlayInfo) => {
|
|
380
|
-
const info = overlayInfo;
|
|
381
|
-
return /* @__PURE__ */ jsx3(Sequence, {
|
|
382
|
-
from: Math.round(info.overlayFrom),
|
|
383
|
-
durationInFrames: info.durationInFrames,
|
|
384
|
-
name: "<TS.Overlay>",
|
|
385
|
-
layout: "absolute-fill",
|
|
386
|
-
children: info.children
|
|
387
|
-
}, `overlay-${info.index}`);
|
|
388
|
-
});
|
|
389
|
-
return [...mainChildren || [], ...overlayElements];
|
|
390
|
-
}, [children, fps, frame]);
|
|
391
|
-
return /* @__PURE__ */ jsx3(Fragment, {
|
|
392
|
-
children: childrenValue
|
|
393
|
-
});
|
|
394
|
-
};
|
|
395
|
-
var TransitionSeries = ({ children, name, layout: passedLayout, ...otherProps }) => {
|
|
396
|
-
const displayName = name ?? "<TransitionSeries>";
|
|
397
|
-
const layout = passedLayout ?? "absolute-fill";
|
|
398
|
-
if (NoReactInternals2.ENABLE_V5_BREAKING_CHANGES && layout !== "absolute-fill") {
|
|
399
|
-
throw new TypeError(`The "layout" prop of <TransitionSeries /> is not supported anymore in v5. TransitionSeries' must be absolutely positioned.`);
|
|
400
|
-
}
|
|
401
|
-
return /* @__PURE__ */ jsx3(Sequence, {
|
|
402
|
-
name: displayName,
|
|
403
|
-
layout,
|
|
404
|
-
...otherProps,
|
|
405
|
-
children: /* @__PURE__ */ jsx3(TransitionSeriesChildren, {
|
|
406
|
-
children
|
|
407
|
-
})
|
|
408
|
-
});
|
|
409
|
-
};
|
|
410
|
-
TransitionSeries.Sequence = SeriesSequence;
|
|
411
|
-
TransitionSeries.Transition = TransitionSeriesTransition;
|
|
412
|
-
TransitionSeries.Overlay = SeriesOverlay;
|
|
413
|
-
Internals.addSequenceStackTraces(TransitionSeries);
|
|
414
|
-
Internals.addSequenceStackTraces(SeriesSequence);
|
|
415
|
-
Internals.addSequenceStackTraces(SeriesOverlay);
|
|
416
|
-
|
|
417
|
-
export {
|
|
418
|
-
linearTiming,
|
|
419
|
-
TransitionSeries
|
|
420
|
-
};
|