@vanillaskyai/video 0.5.3 → 0.5.5
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/CHANGELOG.md +13 -0
- package/dist/{bg-media-VSFT5YC7.js → bg-media-5YR4OLFG.js} +4 -4
- package/dist/{brand-message-GSM2LOEP.js → brand-message-7524B6HC.js} +2 -2
- package/dist/{chart-bar-ZGGCV3ED.js → chart-bar-5UMZXTON.js} +4 -4
- package/dist/{chart-counter-T3MXDPP6.js → chart-counter-QUVLAX42.js} +4 -4
- package/dist/{chart-progress-ring-OT5Z2LMK.js → chart-progress-ring-IYCNRU7T.js} +4 -4
- package/dist/check-runtime.js +2 -1
- package/dist/{chunk-35LIYILY.js → chunk-224QNWRA.js} +5 -0
- package/dist/{chunk-65MRKELL.js → chunk-3QEKIC6C.js} +14 -1
- package/dist/{chunk-SNVWTK63.js → chunk-EHXDKCYR.js} +15 -13
- package/dist/{cta-logo-CV5NCBHX.js → cta-logo-PREL7MLE.js} +2 -2
- package/dist/{cta-media-TJ7F4GN7.js → cta-media-YWTYVLR6.js} +4 -4
- package/dist/{incoming-call-FOD6Z4R2.js → incoming-call-C3FX4SFR.js} +2 -2
- package/dist/{infographic-feature-list-Z37COJMT.js → infographic-feature-list-WWX5AGU4.js} +4 -4
- package/dist/{infographic-problem-solution-WAJ76HQV.js → infographic-problem-solution-3JBBGNXU.js} +2 -2
- package/dist/{infographic-stat-row-ZTS6PO57.js → infographic-stat-row-7X6KEEUD.js} +4 -4
- package/dist/{infographic-steps-SNZCO5ZW.js → infographic-steps-FI5LN4SS.js} +4 -4
- package/dist/{preload-media-NKQ6JA3T.js → preload-media-IYFMPMLB.js} +1 -1
- package/dist/{prompt-input-VQ6WUBRH.js → prompt-input-NNXF6WVS.js} +2 -2
- package/dist/react.js +26 -25
- package/dist/{reaction-QECWNLCQ.js → reaction-DH6M6LSQ.js} +2 -2
- package/dist/{showcase-code-PVPNSI6U.js → showcase-code-QDJM7E2Z.js} +4 -4
- package/dist/{showcase-phone-G32YB25H.js → showcase-phone-IIYR34CF.js} +4 -4
- package/dist/{showcase-terminal-PLZTGUL6.js → showcase-terminal-3253HMTE.js} +4 -4
- package/dist/{showcase-web-IRLNVEYD.js → showcase-web-H7GB3FBH.js} +4 -4
- package/dist/{social-milestone-T67PZ5RR.js → social-milestone-MLWAWF6X.js} +2 -2
- package/dist/{social-notification-P7ZSTEZ5.js → social-notification-2UQKKOB3.js} +2 -2
- package/dist/{social-review-stack-IXAC23MY.js → social-review-stack-VHJPE6GM.js} +2 -2
- package/dist/{social-testimonial-AGSFR2IF.js → social-testimonial-QUNCY52L.js} +2 -2
- package/dist/{social-tweet-UXTQA5VW.js → social-tweet-33HIL4RR.js} +2 -2
- package/examples/nextjs-quickstart/package.json +1 -1
- package/package.json +1 -1
- package/registry/items/barChart.json +2 -2
- package/registry/items/bigNumber.json +2 -2
- package/registry/items/brandMessage.json +2 -2
- package/registry/items/cardList.json +2 -2
- package/registry/items/codeEditor.json +2 -2
- package/registry/items/ctaLogo.json +2 -2
- package/registry/items/ctaMedia.json +2 -2
- package/registry/items/incomingCall.json +2 -2
- package/registry/items/media.json +2 -2
- package/registry/items/milestone.json +2 -2
- package/registry/items/notification.json +2 -2
- package/registry/items/phoneMockup.json +2 -2
- package/registry/items/problemSolution.json +2 -2
- package/registry/items/progressRing.json +2 -2
- package/registry/items/promptInput.json +2 -2
- package/registry/items/reaction.json +2 -2
- package/registry/items/reviewStack.json +2 -2
- package/registry/items/steps.json +2 -2
- package/registry/items/terminal.json +2 -2
- package/registry/items/testimonial.json +2 -2
- package/registry/items/tripleStats.json +2 -2
- package/registry/items/tweet.json +2 -2
- package/registry/items/webMockup.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -4,6 +4,19 @@ VanillaSky follows semantic versioning. This changelog begins with the 0.1 beta.
|
|
|
4
4
|
|
|
5
5
|
## Unreleased
|
|
6
6
|
|
|
7
|
+
## 0.5.5
|
|
8
|
+
|
|
9
|
+
- Keeps a Mobile Safari video poster visible until the replacement video has
|
|
10
|
+
presented its first frame, preventing a poster-to-gradient-to-video flash
|
|
11
|
+
during consecutive media scenes.
|
|
12
|
+
|
|
13
|
+
## 0.5.4
|
|
14
|
+
|
|
15
|
+
- Prevents Mobile Safari from holding outgoing and incoming scene video
|
|
16
|
+
decoders at the same time. Video-to-video cuts use the preloaded matching
|
|
17
|
+
poster on iPhone and iPad, while desktop media preroll and crossfades remain
|
|
18
|
+
unchanged.
|
|
19
|
+
|
|
7
20
|
## 0.5.3
|
|
8
21
|
|
|
9
22
|
- Makes `crossfade` the default for generated videos and mounts changed media
|
|
@@ -1,10 +1,7 @@
|
|
|
1
1
|
import {
|
|
2
2
|
SceneBackground,
|
|
3
3
|
getMediaBackgroundProps
|
|
4
|
-
} from "./chunk-
|
|
5
|
-
import {
|
|
6
|
-
hasSceneMedia
|
|
7
|
-
} from "./chunk-35LIYILY.js";
|
|
4
|
+
} from "./chunk-EHXDKCYR.js";
|
|
8
5
|
import {
|
|
9
6
|
ConfettiLayer
|
|
10
7
|
} from "./chunk-CJ7F2CE6.js";
|
|
@@ -15,6 +12,9 @@ import {
|
|
|
15
12
|
import "./chunk-L5BTTCZV.js";
|
|
16
13
|
import "./chunk-MFYFZQHM.js";
|
|
17
14
|
import "./chunk-XTOXFMLM.js";
|
|
15
|
+
import {
|
|
16
|
+
hasSceneMedia
|
|
17
|
+
} from "./chunk-224QNWRA.js";
|
|
18
18
|
import {
|
|
19
19
|
resolveTokens
|
|
20
20
|
} from "./chunk-XWWLKRNU.js";
|
|
@@ -4,8 +4,7 @@ import {
|
|
|
4
4
|
import {
|
|
5
5
|
SceneBackground,
|
|
6
6
|
getMediaBackgroundProps
|
|
7
|
-
} from "./chunk-
|
|
8
|
-
import "./chunk-35LIYILY.js";
|
|
7
|
+
} from "./chunk-EHXDKCYR.js";
|
|
9
8
|
import {
|
|
10
9
|
renderWithEmoji
|
|
11
10
|
} from "./chunk-L5BTTCZV.js";
|
|
@@ -13,6 +12,7 @@ import "./chunk-MFYFZQHM.js";
|
|
|
13
12
|
import {
|
|
14
13
|
interpolate
|
|
15
14
|
} from "./chunk-XTOXFMLM.js";
|
|
15
|
+
import "./chunk-224QNWRA.js";
|
|
16
16
|
import "./chunk-XWWLKRNU.js";
|
|
17
17
|
|
|
18
18
|
// src/visual-system/primitives/typography/BrandMessageBubble.tsx
|
|
@@ -1,10 +1,7 @@
|
|
|
1
1
|
import {
|
|
2
2
|
SceneBackground,
|
|
3
3
|
getMediaBackgroundProps
|
|
4
|
-
} from "./chunk-
|
|
5
|
-
import {
|
|
6
|
-
hasSceneMedia
|
|
7
|
-
} from "./chunk-35LIYILY.js";
|
|
4
|
+
} from "./chunk-EHXDKCYR.js";
|
|
8
5
|
import {
|
|
9
6
|
TemplateText
|
|
10
7
|
} from "./chunk-TCEHK2BW.js";
|
|
@@ -18,6 +15,9 @@ import {
|
|
|
18
15
|
interpolate,
|
|
19
16
|
spring
|
|
20
17
|
} from "./chunk-XTOXFMLM.js";
|
|
18
|
+
import {
|
|
19
|
+
hasSceneMedia
|
|
20
|
+
} from "./chunk-224QNWRA.js";
|
|
21
21
|
import {
|
|
22
22
|
resolveTokens
|
|
23
23
|
} from "./chunk-XWWLKRNU.js";
|
|
@@ -4,10 +4,7 @@ import {
|
|
|
4
4
|
import {
|
|
5
5
|
SceneBackground,
|
|
6
6
|
getMediaBackgroundProps
|
|
7
|
-
} from "./chunk-
|
|
8
|
-
import {
|
|
9
|
-
hasSceneMedia
|
|
10
|
-
} from "./chunk-35LIYILY.js";
|
|
7
|
+
} from "./chunk-EHXDKCYR.js";
|
|
11
8
|
import {
|
|
12
9
|
ConfettiLayer
|
|
13
10
|
} from "./chunk-CJ7F2CE6.js";
|
|
@@ -24,6 +21,9 @@ import {
|
|
|
24
21
|
interpolate,
|
|
25
22
|
spring
|
|
26
23
|
} from "./chunk-XTOXFMLM.js";
|
|
24
|
+
import {
|
|
25
|
+
hasSceneMedia
|
|
26
|
+
} from "./chunk-224QNWRA.js";
|
|
27
27
|
import {
|
|
28
28
|
MEDIA_TEXT_SHADOW,
|
|
29
29
|
TOKEN_DEFAULTS,
|
|
@@ -5,10 +5,7 @@ import {
|
|
|
5
5
|
import {
|
|
6
6
|
SceneBackground,
|
|
7
7
|
getMediaBackgroundProps
|
|
8
|
-
} from "./chunk-
|
|
9
|
-
import {
|
|
10
|
-
hasSceneMedia
|
|
11
|
-
} from "./chunk-35LIYILY.js";
|
|
8
|
+
} from "./chunk-EHXDKCYR.js";
|
|
12
9
|
import {
|
|
13
10
|
TemplateText
|
|
14
11
|
} from "./chunk-TCEHK2BW.js";
|
|
@@ -20,6 +17,9 @@ import {
|
|
|
20
17
|
import {
|
|
21
18
|
interpolate
|
|
22
19
|
} from "./chunk-XTOXFMLM.js";
|
|
20
|
+
import {
|
|
21
|
+
hasSceneMedia
|
|
22
|
+
} from "./chunk-224QNWRA.js";
|
|
23
23
|
import {
|
|
24
24
|
TOKEN_DEFAULTS,
|
|
25
25
|
resolveTokens
|
package/dist/check-runtime.js
CHANGED
|
@@ -9,6 +9,10 @@ function isVideoUrl(url) {
|
|
|
9
9
|
return VIDEO_EXTENSIONS.some((ext) => lower.endsWith(ext));
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
|
+
function limitsConcurrentVideoDecoders() {
|
|
13
|
+
if (typeof navigator === "undefined") return false;
|
|
14
|
+
return /iPad|iPhone|iPod/.test(navigator.userAgent) || navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1;
|
|
15
|
+
}
|
|
12
16
|
function resolveMediaType(mediaType, mediaUrl) {
|
|
13
17
|
if (mediaType === "gradient") return "gradient";
|
|
14
18
|
if (mediaType === "video") return "video";
|
|
@@ -20,6 +24,7 @@ function hasSceneMedia(variables) {
|
|
|
20
24
|
}
|
|
21
25
|
|
|
22
26
|
export {
|
|
27
|
+
limitsConcurrentVideoDecoders,
|
|
23
28
|
resolveMediaType,
|
|
24
29
|
hasSceneMedia
|
|
25
30
|
};
|
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
import {
|
|
2
|
+
limitsConcurrentVideoDecoders,
|
|
3
|
+
resolveMediaType
|
|
4
|
+
} from "./chunk-224QNWRA.js";
|
|
1
5
|
import {
|
|
2
6
|
resolveDensity
|
|
3
7
|
} from "./chunk-XWWLKRNU.js";
|
|
@@ -55,6 +59,12 @@ function brandBackgroundFallback(config) {
|
|
|
55
59
|
function sceneHasBackdrop(range) {
|
|
56
60
|
return String(range.scene.variables.mediaType || "auto") !== "gradient" && String(range.scene.variables.mediaUrl || "").trim() !== "";
|
|
57
61
|
}
|
|
62
|
+
function sceneHasVideoBackdrop(range) {
|
|
63
|
+
return resolveMediaType(
|
|
64
|
+
String(range.scene.variables.mediaType || "auto"),
|
|
65
|
+
String(range.scene.variables.mediaUrl || "")
|
|
66
|
+
) === "video";
|
|
67
|
+
}
|
|
58
68
|
function sceneBackgroundChanges(left, right) {
|
|
59
69
|
const mediaUrl = (range) => String(range.scene.variables.mediaType || "auto") === "gradient" ? "" : String(range.scene.variables.mediaUrl || "");
|
|
60
70
|
return mediaUrl(left) !== mediaUrl(right);
|
|
@@ -191,8 +201,11 @@ function VideoFrame({
|
|
|
191
201
|
);
|
|
192
202
|
const prerollDuration = prerollsNext ? Math.min(Math.max(MEDIA_PREROLL_SECONDS, blendDuration), Math.max(0, duration)) : blendDuration;
|
|
193
203
|
const prerollStart = active.end - prerollDuration;
|
|
204
|
+
const decoderConstrainedTransition = Boolean(
|
|
205
|
+
contiguousNext && limitsConcurrentVideoDecoders() && sceneHasVideoBackdrop(active) && sceneHasVideoBackdrop(contiguousNext)
|
|
206
|
+
);
|
|
194
207
|
const mountingNext = Boolean(
|
|
195
|
-
contiguousNext && time >= prerollStart && time < blendEnd && (eligibleNextTransition || prerollsNext)
|
|
208
|
+
contiguousNext && !decoderConstrainedTransition && time >= prerollStart && time < blendEnd && (eligibleNextTransition || prerollsNext)
|
|
196
209
|
);
|
|
197
210
|
const previewingNext = Boolean(
|
|
198
211
|
eligibleNextTransition && time >= blendStart && time < blendEnd
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import {
|
|
2
|
-
resolveMediaType
|
|
3
|
-
} from "./chunk-35LIYILY.js";
|
|
4
1
|
import {
|
|
5
2
|
BrandGradientOverlay,
|
|
6
3
|
getBackgroundTransform
|
|
7
4
|
} from "./chunk-MFYFZQHM.js";
|
|
5
|
+
import {
|
|
6
|
+
limitsConcurrentVideoDecoders,
|
|
7
|
+
resolveMediaType
|
|
8
|
+
} from "./chunk-224QNWRA.js";
|
|
8
9
|
|
|
9
10
|
// src/visual-system/scene-templates/scene-background.tsx
|
|
10
11
|
import { useEffect, useRef, useState } from "react";
|
|
@@ -141,7 +142,6 @@ var SceneBackground = ({
|
|
|
141
142
|
beatIntensity
|
|
142
143
|
);
|
|
143
144
|
const videoRef = useRef(null);
|
|
144
|
-
const lastProgress = useRef(progress);
|
|
145
145
|
const videoStarted = useRef(false);
|
|
146
146
|
useEffect(() => {
|
|
147
147
|
const vid = videoRef.current;
|
|
@@ -151,17 +151,12 @@ var SceneBackground = ({
|
|
|
151
151
|
videoStarted.current = false;
|
|
152
152
|
return;
|
|
153
153
|
}
|
|
154
|
-
|
|
155
|
-
lastProgress.current = progress;
|
|
156
|
-
if (progressChanged && !videoStarted.current) {
|
|
154
|
+
if (!videoStarted.current) {
|
|
157
155
|
vid.playbackRate = 1;
|
|
158
|
-
vid.currentTime = 0;
|
|
156
|
+
if (vid.currentTime > 0) vid.currentTime = 0;
|
|
159
157
|
vid.play().catch(() => {
|
|
160
158
|
});
|
|
161
159
|
videoStarted.current = true;
|
|
162
|
-
} else if (!progressChanged && videoStarted.current) {
|
|
163
|
-
vid.pause();
|
|
164
|
-
videoStarted.current = false;
|
|
165
160
|
}
|
|
166
161
|
}, [progress, isPlaying]);
|
|
167
162
|
useEffect(() => {
|
|
@@ -193,9 +188,16 @@ var SceneBackground = ({
|
|
|
193
188
|
loop: true,
|
|
194
189
|
playsInline: true,
|
|
195
190
|
preload: "auto",
|
|
196
|
-
onLoadedData: () => {
|
|
197
|
-
setDecodedVideoUrl(mediaUrl);
|
|
191
|
+
onLoadedData: (event) => {
|
|
198
192
|
setMediaPaint("ready");
|
|
193
|
+
const video = event.currentTarget;
|
|
194
|
+
if (!limitsConcurrentVideoDecoders()) {
|
|
195
|
+
setDecodedVideoUrl(mediaUrl);
|
|
196
|
+
return;
|
|
197
|
+
}
|
|
198
|
+
video.requestVideoFrameCallback?.(() => {
|
|
199
|
+
if (video.isConnected) setDecodedVideoUrl(mediaUrl);
|
|
200
|
+
});
|
|
199
201
|
},
|
|
200
202
|
onError: () => setMediaPaint("failed"),
|
|
201
203
|
"data-media-position": mediaPosition,
|
|
@@ -4,14 +4,14 @@ import {
|
|
|
4
4
|
import {
|
|
5
5
|
SceneBackground,
|
|
6
6
|
getMediaBackgroundProps
|
|
7
|
-
} from "./chunk-
|
|
8
|
-
import "./chunk-35LIYILY.js";
|
|
7
|
+
} from "./chunk-EHXDKCYR.js";
|
|
9
8
|
import "./chunk-MFYFZQHM.js";
|
|
10
9
|
import {
|
|
11
10
|
SPRING_SMOOTH,
|
|
12
11
|
interpolate,
|
|
13
12
|
spring
|
|
14
13
|
} from "./chunk-XTOXFMLM.js";
|
|
14
|
+
import "./chunk-224QNWRA.js";
|
|
15
15
|
import {
|
|
16
16
|
TOKEN_DEFAULTS,
|
|
17
17
|
resolveTokens
|
|
@@ -5,10 +5,7 @@ import {
|
|
|
5
5
|
import {
|
|
6
6
|
SceneBackground,
|
|
7
7
|
getMediaBackgroundProps
|
|
8
|
-
} from "./chunk-
|
|
9
|
-
import {
|
|
10
|
-
hasSceneMedia
|
|
11
|
-
} from "./chunk-35LIYILY.js";
|
|
8
|
+
} from "./chunk-EHXDKCYR.js";
|
|
12
9
|
import {
|
|
13
10
|
TemplateText
|
|
14
11
|
} from "./chunk-TCEHK2BW.js";
|
|
@@ -19,6 +16,9 @@ import {
|
|
|
19
16
|
interpolate,
|
|
20
17
|
spring
|
|
21
18
|
} from "./chunk-XTOXFMLM.js";
|
|
19
|
+
import {
|
|
20
|
+
hasSceneMedia
|
|
21
|
+
} from "./chunk-224QNWRA.js";
|
|
22
22
|
import {
|
|
23
23
|
TOKEN_DEFAULTS,
|
|
24
24
|
resolveTokens
|
|
@@ -5,8 +5,7 @@ import {
|
|
|
5
5
|
import {
|
|
6
6
|
SceneBackground,
|
|
7
7
|
getMediaBackgroundProps
|
|
8
|
-
} from "./chunk-
|
|
9
|
-
import "./chunk-35LIYILY.js";
|
|
8
|
+
} from "./chunk-EHXDKCYR.js";
|
|
10
9
|
import "./chunk-MFYFZQHM.js";
|
|
11
10
|
import {
|
|
12
11
|
SPRING_BOUNCY,
|
|
@@ -14,6 +13,7 @@ import {
|
|
|
14
13
|
interpolate,
|
|
15
14
|
spring
|
|
16
15
|
} from "./chunk-XTOXFMLM.js";
|
|
16
|
+
import "./chunk-224QNWRA.js";
|
|
17
17
|
import {
|
|
18
18
|
resolveTokens
|
|
19
19
|
} from "./chunk-XWWLKRNU.js";
|
|
@@ -7,10 +7,7 @@ import {
|
|
|
7
7
|
import {
|
|
8
8
|
SceneBackground,
|
|
9
9
|
getMediaBackgroundProps
|
|
10
|
-
} from "./chunk-
|
|
11
|
-
import {
|
|
12
|
-
hasSceneMedia
|
|
13
|
-
} from "./chunk-35LIYILY.js";
|
|
10
|
+
} from "./chunk-EHXDKCYR.js";
|
|
14
11
|
import {
|
|
15
12
|
TemplateText
|
|
16
13
|
} from "./chunk-TCEHK2BW.js";
|
|
@@ -22,6 +19,9 @@ import {
|
|
|
22
19
|
interpolate,
|
|
23
20
|
spring
|
|
24
21
|
} from "./chunk-XTOXFMLM.js";
|
|
22
|
+
import {
|
|
23
|
+
hasSceneMedia
|
|
24
|
+
} from "./chunk-224QNWRA.js";
|
|
25
25
|
import {
|
|
26
26
|
TOKEN_DEFAULTS,
|
|
27
27
|
resolveTokens
|
package/dist/{infographic-problem-solution-WAJ76HQV.js → infographic-problem-solution-3JBBGNXU.js}
RENAMED
|
@@ -4,8 +4,7 @@ import {
|
|
|
4
4
|
import {
|
|
5
5
|
SceneBackground,
|
|
6
6
|
getMediaBackgroundProps
|
|
7
|
-
} from "./chunk-
|
|
8
|
-
import "./chunk-35LIYILY.js";
|
|
7
|
+
} from "./chunk-EHXDKCYR.js";
|
|
9
8
|
import {
|
|
10
9
|
smoothSize
|
|
11
10
|
} from "./chunk-TCEHK2BW.js";
|
|
@@ -15,6 +14,7 @@ import {
|
|
|
15
14
|
interpolate,
|
|
16
15
|
spring
|
|
17
16
|
} from "./chunk-XTOXFMLM.js";
|
|
17
|
+
import "./chunk-224QNWRA.js";
|
|
18
18
|
import {
|
|
19
19
|
TOKEN_DEFAULTS,
|
|
20
20
|
resolveTokens
|
|
@@ -1,10 +1,7 @@
|
|
|
1
1
|
import {
|
|
2
2
|
SceneBackground,
|
|
3
3
|
getMediaBackgroundProps
|
|
4
|
-
} from "./chunk-
|
|
5
|
-
import {
|
|
6
|
-
hasSceneMedia
|
|
7
|
-
} from "./chunk-35LIYILY.js";
|
|
4
|
+
} from "./chunk-EHXDKCYR.js";
|
|
8
5
|
import {
|
|
9
6
|
TemplateText
|
|
10
7
|
} from "./chunk-TCEHK2BW.js";
|
|
@@ -17,6 +14,9 @@ import {
|
|
|
17
14
|
interpolate,
|
|
18
15
|
spring
|
|
19
16
|
} from "./chunk-XTOXFMLM.js";
|
|
17
|
+
import {
|
|
18
|
+
hasSceneMedia
|
|
19
|
+
} from "./chunk-224QNWRA.js";
|
|
20
20
|
import {
|
|
21
21
|
TOKEN_DEFAULTS,
|
|
22
22
|
resolveTokens
|
|
@@ -8,10 +8,7 @@ import {
|
|
|
8
8
|
import {
|
|
9
9
|
SceneBackground,
|
|
10
10
|
getMediaBackgroundProps
|
|
11
|
-
} from "./chunk-
|
|
12
|
-
import {
|
|
13
|
-
hasSceneMedia
|
|
14
|
-
} from "./chunk-35LIYILY.js";
|
|
11
|
+
} from "./chunk-EHXDKCYR.js";
|
|
15
12
|
import {
|
|
16
13
|
TemplateText
|
|
17
14
|
} from "./chunk-TCEHK2BW.js";
|
|
@@ -27,6 +24,9 @@ import {
|
|
|
27
24
|
interpolate,
|
|
28
25
|
spring
|
|
29
26
|
} from "./chunk-XTOXFMLM.js";
|
|
27
|
+
import {
|
|
28
|
+
hasSceneMedia
|
|
29
|
+
} from "./chunk-224QNWRA.js";
|
|
30
30
|
import {
|
|
31
31
|
TOKEN_DEFAULTS,
|
|
32
32
|
resolveTokens
|
|
@@ -4,8 +4,7 @@ import {
|
|
|
4
4
|
import {
|
|
5
5
|
SceneBackground,
|
|
6
6
|
getMediaBackgroundProps
|
|
7
|
-
} from "./chunk-
|
|
8
|
-
import "./chunk-35LIYILY.js";
|
|
7
|
+
} from "./chunk-EHXDKCYR.js";
|
|
9
8
|
import "./chunk-MFYFZQHM.js";
|
|
10
9
|
import {
|
|
11
10
|
SPRING_BOUNCY,
|
|
@@ -13,6 +12,7 @@ import {
|
|
|
13
12
|
interpolate,
|
|
14
13
|
spring
|
|
15
14
|
} from "./chunk-XTOXFMLM.js";
|
|
15
|
+
import "./chunk-224QNWRA.js";
|
|
16
16
|
import {
|
|
17
17
|
resolveTokens
|
|
18
18
|
} from "./chunk-XWWLKRNU.js";
|
package/dist/react.js
CHANGED
|
@@ -24,7 +24,8 @@ import {
|
|
|
24
24
|
import {
|
|
25
25
|
VideoFrame,
|
|
26
26
|
getDimensions
|
|
27
|
-
} from "./chunk-
|
|
27
|
+
} from "./chunk-3QEKIC6C.js";
|
|
28
|
+
import "./chunk-224QNWRA.js";
|
|
28
29
|
import {
|
|
29
30
|
fontStack
|
|
30
31
|
} from "./chunk-XWWLKRNU.js";
|
|
@@ -76,34 +77,34 @@ import { createElement } from "react";
|
|
|
76
77
|
|
|
77
78
|
// src/visual-system/catalog/builtin-loaders.generated.ts
|
|
78
79
|
var GENERATED_BUILTIN_TEMPLATE_LOADERS = {
|
|
79
|
-
"media": () => import("./bg-media-
|
|
80
|
-
"reaction": () => import("./reaction-
|
|
80
|
+
"media": () => import("./bg-media-5YR4OLFG.js").then((module) => ({ default: module.BgMediaTemplate })),
|
|
81
|
+
"reaction": () => import("./reaction-DH6M6LSQ.js").then((module) => ({ default: module.ReactionTemplate })),
|
|
81
82
|
"confetti": () => import("./bg-confetti-572VDSYM.js").then((module) => ({ default: module.BgConfettiTemplate })),
|
|
82
83
|
"emojiBurst": () => import("./bg-emoji-T4IEJ6U2.js").then((module) => ({ default: module.BgEmojiTemplate })),
|
|
83
|
-
"bigNumber": () => import("./chart-counter-
|
|
84
|
-
"barChart": () => import("./chart-bar-
|
|
85
|
-
"progressRing": () => import("./chart-progress-ring-
|
|
86
|
-
"phoneMockup": () => import("./showcase-phone-
|
|
87
|
-
"webMockup": () => import("./showcase-web-
|
|
88
|
-
"codeEditor": () => import("./showcase-code-
|
|
89
|
-
"terminal": () => import("./showcase-terminal-
|
|
90
|
-
"tweet": () => import("./social-tweet-
|
|
91
|
-
"notification": () => import("./social-notification-
|
|
84
|
+
"bigNumber": () => import("./chart-counter-QUVLAX42.js").then((module) => ({ default: module.ChartCounterTemplate })),
|
|
85
|
+
"barChart": () => import("./chart-bar-5UMZXTON.js").then((module) => ({ default: module.ChartBarTemplate })),
|
|
86
|
+
"progressRing": () => import("./chart-progress-ring-IYCNRU7T.js").then((module) => ({ default: module.ChartProgressRingTemplate })),
|
|
87
|
+
"phoneMockup": () => import("./showcase-phone-IIYR34CF.js").then((module) => ({ default: module.ShowcasePhoneTemplate })),
|
|
88
|
+
"webMockup": () => import("./showcase-web-H7GB3FBH.js").then((module) => ({ default: module.ShowcaseWebTemplate })),
|
|
89
|
+
"codeEditor": () => import("./showcase-code-QDJM7E2Z.js").then((module) => ({ default: module.ShowcaseCodeTemplate })),
|
|
90
|
+
"terminal": () => import("./showcase-terminal-3253HMTE.js").then((module) => ({ default: module.ShowcaseTerminalTemplate })),
|
|
91
|
+
"tweet": () => import("./social-tweet-33HIL4RR.js").then((module) => ({ default: module.SocialTweetTemplate })),
|
|
92
|
+
"notification": () => import("./social-notification-2UQKKOB3.js").then((module) => ({ default: module.SocialNotificationTemplate })),
|
|
92
93
|
"chatMessenger": () => import("./social-conversation-75SD2637.js").then((module) => ({ default: module.SocialConversationTemplate })),
|
|
93
94
|
"chatWhatsapp": () => import("./social-conversation-75SD2637.js").then((module) => ({ default: module.SocialConversationTemplate })),
|
|
94
|
-
"milestone": () => import("./social-milestone-
|
|
95
|
-
"reviewStack": () => import("./social-review-stack-
|
|
96
|
-
"testimonial": () => import("./social-testimonial-
|
|
97
|
-
"incomingCall": () => import("./incoming-call-
|
|
98
|
-
"brandMessage": () => import("./brand-message-
|
|
99
|
-
"promptInput": () => import("./prompt-input-
|
|
95
|
+
"milestone": () => import("./social-milestone-MLWAWF6X.js").then((module) => ({ default: module.SocialMilestoneTemplate })),
|
|
96
|
+
"reviewStack": () => import("./social-review-stack-VHJPE6GM.js").then((module) => ({ default: module.SocialReviewStackTemplate })),
|
|
97
|
+
"testimonial": () => import("./social-testimonial-QUNCY52L.js").then((module) => ({ default: module.SocialTestimonialTemplate })),
|
|
98
|
+
"incomingCall": () => import("./incoming-call-C3FX4SFR.js").then((module) => ({ default: module.IncomingCallTemplate })),
|
|
99
|
+
"brandMessage": () => import("./brand-message-7524B6HC.js").then((module) => ({ default: module.BrandMessageTemplate })),
|
|
100
|
+
"promptInput": () => import("./prompt-input-NNXF6WVS.js").then((module) => ({ default: module.PromptInputTemplate })),
|
|
100
101
|
"beforeAfter": () => import("./infographic-before-after-FQXCQ2CY.js").then((module) => ({ default: module.InfographicBeforeAfterTemplate })),
|
|
101
|
-
"tripleStats": () => import("./infographic-stat-row-
|
|
102
|
-
"problemSolution": () => import("./infographic-problem-solution-
|
|
103
|
-
"cardList": () => import("./infographic-feature-list-
|
|
104
|
-
"steps": () => import("./infographic-steps-
|
|
105
|
-
"ctaLogo": () => import("./cta-logo-
|
|
106
|
-
"ctaMedia": () => import("./cta-media-
|
|
102
|
+
"tripleStats": () => import("./infographic-stat-row-7X6KEEUD.js").then((module) => ({ default: module.InfographicStatRowTemplate })),
|
|
103
|
+
"problemSolution": () => import("./infographic-problem-solution-3JBBGNXU.js").then((module) => ({ default: module.InfographicProblemSolutionTemplate })),
|
|
104
|
+
"cardList": () => import("./infographic-feature-list-WWX5AGU4.js").then((module) => ({ default: module.InfographicFeatureListTemplate })),
|
|
105
|
+
"steps": () => import("./infographic-steps-FI5LN4SS.js").then((module) => ({ default: module.InfographicStepsTemplate })),
|
|
106
|
+
"ctaLogo": () => import("./cta-logo-PREL7MLE.js").then((module) => ({ default: module.CtaLogoTemplate })),
|
|
107
|
+
"ctaMedia": () => import("./cta-media-YWTYVLR6.js").then((module) => ({ default: module.CtaMediaTemplate }))
|
|
107
108
|
};
|
|
108
109
|
|
|
109
110
|
// src/visual-system/catalog/builtin-player.generated.ts
|
|
@@ -703,7 +704,7 @@ function preloadBuiltinTemplate(id) {
|
|
|
703
704
|
|
|
704
705
|
// src/player/warm-scene-media.ts
|
|
705
706
|
function warmSceneMedia(variables) {
|
|
706
|
-
void import("./preload-media-
|
|
707
|
+
void import("./preload-media-IYFMPMLB.js").then((module) => module.preloadSceneMedia(variables)).catch(() => {
|
|
707
708
|
});
|
|
708
709
|
}
|
|
709
710
|
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import {
|
|
2
2
|
SceneBackground
|
|
3
|
-
} from "./chunk-
|
|
4
|
-
import "./chunk-35LIYILY.js";
|
|
3
|
+
} from "./chunk-EHXDKCYR.js";
|
|
5
4
|
import {
|
|
6
5
|
TemplateText
|
|
7
6
|
} from "./chunk-TCEHK2BW.js";
|
|
8
7
|
import "./chunk-L5BTTCZV.js";
|
|
9
8
|
import "./chunk-MFYFZQHM.js";
|
|
10
9
|
import "./chunk-XTOXFMLM.js";
|
|
10
|
+
import "./chunk-224QNWRA.js";
|
|
11
11
|
import {
|
|
12
12
|
resolveTokens
|
|
13
13
|
} from "./chunk-XWWLKRNU.js";
|
|
@@ -5,10 +5,7 @@ import {
|
|
|
5
5
|
import {
|
|
6
6
|
SceneBackground,
|
|
7
7
|
getMediaBackgroundProps
|
|
8
|
-
} from "./chunk-
|
|
9
|
-
import {
|
|
10
|
-
hasSceneMedia
|
|
11
|
-
} from "./chunk-35LIYILY.js";
|
|
8
|
+
} from "./chunk-EHXDKCYR.js";
|
|
12
9
|
import {
|
|
13
10
|
TemplateText
|
|
14
11
|
} from "./chunk-TCEHK2BW.js";
|
|
@@ -18,6 +15,9 @@ import {
|
|
|
18
15
|
interpolate,
|
|
19
16
|
spring
|
|
20
17
|
} from "./chunk-XTOXFMLM.js";
|
|
18
|
+
import {
|
|
19
|
+
hasSceneMedia
|
|
20
|
+
} from "./chunk-224QNWRA.js";
|
|
21
21
|
import {
|
|
22
22
|
resolveTokens
|
|
23
23
|
} from "./chunk-XWWLKRNU.js";
|
|
@@ -7,10 +7,7 @@ import "./chunk-S7HFLYNN.js";
|
|
|
7
7
|
import {
|
|
8
8
|
SceneBackground,
|
|
9
9
|
getMediaBackgroundProps
|
|
10
|
-
} from "./chunk-
|
|
11
|
-
import {
|
|
12
|
-
hasSceneMedia
|
|
13
|
-
} from "./chunk-35LIYILY.js";
|
|
10
|
+
} from "./chunk-EHXDKCYR.js";
|
|
14
11
|
import {
|
|
15
12
|
TemplateText
|
|
16
13
|
} from "./chunk-TCEHK2BW.js";
|
|
@@ -21,6 +18,9 @@ import {
|
|
|
21
18
|
interpolate,
|
|
22
19
|
spring
|
|
23
20
|
} from "./chunk-XTOXFMLM.js";
|
|
21
|
+
import {
|
|
22
|
+
hasSceneMedia
|
|
23
|
+
} from "./chunk-224QNWRA.js";
|
|
24
24
|
import {
|
|
25
25
|
TOKEN_DEFAULTS,
|
|
26
26
|
resolveTokens
|
|
@@ -7,10 +7,7 @@ import {
|
|
|
7
7
|
import {
|
|
8
8
|
SceneBackground,
|
|
9
9
|
getMediaBackgroundProps
|
|
10
|
-
} from "./chunk-
|
|
11
|
-
import {
|
|
12
|
-
hasSceneMedia
|
|
13
|
-
} from "./chunk-35LIYILY.js";
|
|
10
|
+
} from "./chunk-EHXDKCYR.js";
|
|
14
11
|
import {
|
|
15
12
|
TemplateText
|
|
16
13
|
} from "./chunk-TCEHK2BW.js";
|
|
@@ -20,6 +17,9 @@ import {
|
|
|
20
17
|
interpolate,
|
|
21
18
|
spring
|
|
22
19
|
} from "./chunk-XTOXFMLM.js";
|
|
20
|
+
import {
|
|
21
|
+
hasSceneMedia
|
|
22
|
+
} from "./chunk-224QNWRA.js";
|
|
23
23
|
import {
|
|
24
24
|
TOKEN_DEFAULTS,
|
|
25
25
|
resolveTokens
|
|
@@ -9,10 +9,7 @@ import {
|
|
|
9
9
|
import {
|
|
10
10
|
SceneBackground,
|
|
11
11
|
getMediaBackgroundProps
|
|
12
|
-
} from "./chunk-
|
|
13
|
-
import {
|
|
14
|
-
hasSceneMedia
|
|
15
|
-
} from "./chunk-35LIYILY.js";
|
|
12
|
+
} from "./chunk-EHXDKCYR.js";
|
|
16
13
|
import {
|
|
17
14
|
TemplateText
|
|
18
15
|
} from "./chunk-TCEHK2BW.js";
|
|
@@ -23,6 +20,9 @@ import {
|
|
|
23
20
|
interpolate,
|
|
24
21
|
spring
|
|
25
22
|
} from "./chunk-XTOXFMLM.js";
|
|
23
|
+
import {
|
|
24
|
+
hasSceneMedia
|
|
25
|
+
} from "./chunk-224QNWRA.js";
|
|
26
26
|
import {
|
|
27
27
|
TOKEN_DEFAULTS,
|
|
28
28
|
resolveTokens
|
|
@@ -4,8 +4,7 @@ import {
|
|
|
4
4
|
import {
|
|
5
5
|
SceneBackground,
|
|
6
6
|
getMediaBackgroundProps
|
|
7
|
-
} from "./chunk-
|
|
8
|
-
import "./chunk-35LIYILY.js";
|
|
7
|
+
} from "./chunk-EHXDKCYR.js";
|
|
9
8
|
import {
|
|
10
9
|
ConfettiLayer
|
|
11
10
|
} from "./chunk-CJ7F2CE6.js";
|
|
@@ -24,6 +23,7 @@ import {
|
|
|
24
23
|
interpolate,
|
|
25
24
|
spring
|
|
26
25
|
} from "./chunk-XTOXFMLM.js";
|
|
26
|
+
import "./chunk-224QNWRA.js";
|
|
27
27
|
import {
|
|
28
28
|
MEDIA_TEXT_SHADOW,
|
|
29
29
|
TOKEN_DEFAULTS,
|
|
@@ -4,8 +4,7 @@ import {
|
|
|
4
4
|
import {
|
|
5
5
|
SceneBackground,
|
|
6
6
|
getMediaBackgroundProps
|
|
7
|
-
} from "./chunk-
|
|
8
|
-
import "./chunk-35LIYILY.js";
|
|
7
|
+
} from "./chunk-EHXDKCYR.js";
|
|
9
8
|
import {
|
|
10
9
|
Emoji,
|
|
11
10
|
renderWithEmoji
|
|
@@ -16,6 +15,7 @@ import {
|
|
|
16
15
|
interpolate,
|
|
17
16
|
spring
|
|
18
17
|
} from "./chunk-XTOXFMLM.js";
|
|
18
|
+
import "./chunk-224QNWRA.js";
|
|
19
19
|
import {
|
|
20
20
|
resolveTokens
|
|
21
21
|
} from "./chunk-XWWLKRNU.js";
|