@remotion/promo-pages 4.0.435 → 4.0.437

package/dist/Users/jonathanburger/remotion/packages/promo-pages/dist/Homepage.js

@@ -1003,7 +1003,7 @@ var useIsPlayer = () => {
 function truthy(value) {
   return Boolean(value);
 }
-var VERSION = "4.0.435";
+var VERSION = "4.0.436";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
@@ -4081,7 +4081,7 @@ var useBasicMediaInTimeline = ({
   const videoConfig = useVideoConfig();
   const [initialVolume] = useState10(() => volume);
   const mediaDuration = calculateMediaDuration({
-    mediaDurationInFrames: videoConfig.durationInFrames,
+    mediaDurationInFrames: videoConfig.durationInFrames + (trimBefore ?? 0),
     playbackRate,
     trimBefore,
     trimAfter
@@ -28459,7 +28459,12 @@ var setGlobalTimeAnchor = ({
   }
   audioSyncAnchor.value = newAnchor;
 };
-var makeAudioIterator = (startFromSecond, maximumTimestamp, cache2, debugAudioScheduling) => {
+var makeAudioIterator = ({
+  startFromSecond,
+  maximumTimestamp,
+  cache: cache2,
+  debugAudioScheduling
+}) => {
   let destroyed = false;
   const iterator = cache2.makeIteratorOrUsePrewarmed(startFromSecond, maximumTimestamp);
   const queuedAudioNodes = [];
@@ -28469,15 +28474,15 @@ var makeAudioIterator = (startFromSecond, maximumTimestamp, cache2, debugAudioSc
   const cleanupAudioQueue = (audioContext) => {
     for (const node of queuedAudioNodes) {
       try {
-        const currentlyHearing = audioContext.getOutputTimestamp().contextTime;
-        const nodeEndTime = node.scheduledTime + node.buffer.duration / node.playbackRate;
-        const isAlreadyPlaying = node.scheduledTime - ALLOWED_GLOBAL_TIME_ANCHOR_SHIFT < audioContext.currentTime;
-        const shouldKeep = isAlreadyPlaying;
-        if (shouldKeep) {
+        const isAlreadyPlaying = node.scheduledTime - ALLOWED_GLOBAL_TIME_ANCHOR_SHIFT < audioContext.audioContext.currentTime;
+        const wasScheduledForThisAnchor = node.scheduledAtAnchor === audioContext.audioSyncAnchor.value;
+        if (isAlreadyPlaying && wasScheduledForThisAnchor) {
           continue;
         }
         if (debugAudioScheduling) {
-          Internals.Log.info({ logLevel: "trace", tag: "audio-scheduling" }, `Stopping node ${node.timestamp.toFixed(3)}, currently hearing = ${currentlyHearing.toFixed(3)} currentTime = ${audioContext.currentTime.toFixed(3)} nodeEndTime = ${nodeEndTime.toFixed(3)} scheduledTime = ${node.scheduledTime.toFixed(3)}`);
+          const currentlyHearing = audioContext.audioContext.getOutputTimestamp().contextTime;
+          const nodeEndTime = node.scheduledTime + node.buffer.duration / node.playbackRate;
+          Internals.Log.info({ logLevel: "trace", tag: "audio-scheduling" }, `Stopping node ${node.timestamp.toFixed(3)}, currently hearing = ${currentlyHearing.toFixed(3)} currentTime = ${audioContext.audioContext.currentTime.toFixed(3)} nodeEndTime = ${nodeEndTime.toFixed(3)} scheduledTime = ${node.scheduledTime.toFixed(3)}`);
         }
         node.node.stop();
       } catch {}
@@ -28638,14 +28643,16 @@ var makeAudioIterator = (startFromSecond, maximumTimestamp, cache2, debugAudioSc
       timestamp,
       buffer,
       scheduledTime,
-      playbackRate
+      playbackRate,
+      scheduledAtAnchor
     }) => {
       queuedAudioNodes.push({
         node,
         timestamp,
         buffer,
         scheduledTime,
-        playbackRate
+        playbackRate,
+        scheduledAtAnchor
       });
     },
     removeQueuedAudioNode: (node) => {
@@ -28884,8 +28891,8 @@ var audioIteratorManager = ({
 }) => {
   let muted = initialMuted;
   let currentVolume = 1;
-  const gainNode = sharedAudioContext.createGain();
-  gainNode.connect(sharedAudioContext.destination);
+  const gainNode = sharedAudioContext.audioContext.createGain();
+  gainNode.connect(sharedAudioContext.audioContext.destination);
   const audioSink = new AudioBufferSink(audioTrack);
   const prewarmedAudioIteratorCache = makePrewarmedAudioIteratorCache(audioSink);
   let audioBufferIterator = null;
@@ -28901,13 +28908,13 @@ var audioIteratorManager = ({
     if (!audioBufferIterator) {
       throw new Error("Audio buffer iterator not found");
     }
-    if (sharedAudioContext.state !== "running") {
+    if (sharedAudioContext.audioContext.state !== "running") {
       throw new Error("Tried to schedule node while audio context is not running");
     }
     if (muted) {
       return;
     }
-    const node = sharedAudioContext.createBufferSource();
+    const node = sharedAudioContext.audioContext.createBufferSource();
     node.buffer = buffer;
     node.playbackRate.value = playbackRate;
     node.connect(gainNode);
@@ -28925,7 +28932,8 @@ var audioIteratorManager = ({
       timestamp: mediaTimestamp,
       buffer,
       scheduledTime: started.scheduledTime,
-      playbackRate
+      playbackRate,
+      scheduledAtAnchor: sharedAudioContext.audioSyncAnchor.value
     });
     node.onended = () => {
       setTimeout(() => {
@@ -28972,7 +28980,7 @@ var audioIteratorManager = ({
     if (buffer.timestamp >= endTime) {
       return;
     }
-    if (getIsPlaying() && sharedAudioContext.state === "running" && (sharedAudioContext.getOutputTimestamp().contextTime ?? 0) > 0) {
+    if (getIsPlaying() && sharedAudioContext.audioContext.state === "running" && (sharedAudioContext.audioContext.getOutputTimestamp().contextTime ?? 0) > 0) {
       resumeScheduledAudioChunks({
         playbackRate,
         scheduleAudioNode,
@@ -29012,7 +29020,12 @@ var audioIteratorManager = ({
       audioBufferIterator?.destroy(sharedAudioContext);
       const delayHandle = __using(__stack, delayPlaybackHandleIfNotPremounting(), 0);
       currentDelayHandle = delayHandle;
-      const iterator = makeAudioIterator(startFromSecond, getEndTime(), prewarmedAudioIteratorCache, debugAudioScheduling);
+      const iterator = makeAudioIterator({
+        startFromSecond,
+        maximumTimestamp: getEndTime(),
+        cache: prewarmedAudioIteratorCache,
+        debugAudioScheduling
+      });
       audioIteratorsCreated++;
       audioBufferIterator = iterator;
       try {
@@ -29096,7 +29109,7 @@ var audioIteratorManager = ({
     }
     const queuedPeriod = audioBufferIterator.getQueuedPeriod();
     const queuedPeriodMinusLatency = queuedPeriod ? {
-      from: queuedPeriod.from - ALLOWED_GLOBAL_TIME_ANCHOR_SHIFT - sharedAudioContext.baseLatency - sharedAudioContext.outputLatency,
+      from: queuedPeriod.from - ALLOWED_GLOBAL_TIME_ANCHOR_SHIFT - sharedAudioContext.audioContext.baseLatency - sharedAudioContext.audioContext.outputLatency,
       until: queuedPeriod.until
     } : null;
     const currentTimeIsAlreadyQueued = isAlreadyQueued(newTime, queuedPeriodMinusLatency);
@@ -29521,7 +29534,8 @@ class MediaPlayer {
     durationInFrames,
     onVideoFrameCallback,
     playing,
-    sequenceOffset
+    sequenceOffset,
+    credentials
   }) {
     this.canvas = canvas ?? null;
     this.src = src;
@@ -29545,7 +29559,9 @@ class MediaPlayer {
     this.playing = playing;
     this.sequenceOffset = sequenceOffset;
     this.input = new Input2({
-      source: new UrlSource(this.src),
+      source: new UrlSource(this.src, credentials ? {
+        requestInit: { credentials }
+      } : undefined),
       formats: ALL_FORMATS
     });
     if (canvas) {
@@ -29659,7 +29675,7 @@ class MediaPlayer {
           this.audioIteratorManager = audioIteratorManager({
             audioTrack,
             delayPlaybackHandleIfNotPremounting: this.delayPlaybackHandleIfNotPremounting,
-            sharedAudioContext: this.sharedAudioContext.audioContext,
+            sharedAudioContext: this.sharedAudioContext,
             getIsLooping: () => this.loop,
             getEndTime: () => this.getEndTime(),
             getStartTime: () => this.getStartTime(),
@@ -30328,6 +30344,7 @@ var AudioForPreviewAssertedShowing = ({
   fallbackHtml5AudioProps,
   debugAudioScheduling,
   onError,
+  credentials,
   controls
 }) => {
   const videoConfig = useUnsafeVideoConfig2();
@@ -30454,7 +30471,8 @@ var AudioForPreviewAssertedShowing = ({
         durationInFrames: videoConfig.durationInFrames,
         onVideoFrameCallback: null,
         playing: initialPlaying.current,
-        sequenceOffset: initialSequenceOffset.current
+        sequenceOffset: initialSequenceOffset.current,
+        credentials
       });
       mediaPlayerRef.current = player;
       player.initialize(currentTimeRef.current, initialMuted.current).then((result) => {
@@ -30546,7 +30564,8 @@ var AudioForPreviewAssertedShowing = ({
     debugAudioScheduling,
     buffer,
     onError,
-    videoConfig.durationInFrames
+    videoConfig.durationInFrames,
+    credentials
   ]);
   if (shouldFallbackToNativeAudio && !disallowFallbackToHtml5Audio) {
     return /* @__PURE__ */ jsx58(Audio, {
@@ -30589,6 +30608,7 @@ var AudioForPreview2 = ({
   fallbackHtml5AudioProps,
   debugAudioScheduling,
   onError,
+  credentials,
   controls
 }) => {
   const preloadedSrc = usePreload2(src);
@@ -30638,6 +30658,7 @@ var AudioForPreview2 = ({
     toneFrequency,
     debugAudioScheduling: debugAudioScheduling ?? false,
     onError,
+    credentials,
     fallbackHtml5AudioProps,
     controls
   });
@@ -31732,11 +31753,12 @@ var getFormatOrNullOrNetworkError = async (input) => {
     return null;
   }
 };
-var getSinks = async (src) => {
+var getSinks = async (src, credentials) => {
   const input = new Input22({
     formats: ALL_FORMATS2,
     source: new UrlSource2(src, {
-      getRetryDelay
+      getRetryDelay,
+      ...credentials ? { requestInit: { credentials } } : undefined
     })
   });
   const format = await getFormatOrNullOrNetworkError(input);
@@ -31816,15 +31838,16 @@ var getSinks = async (src) => {
   };
 };
 var sinkPromises = {};
-var getSink = (src, logLevel) => {
-  let promise = sinkPromises[src];
+var getSink = (src, logLevel, credentials) => {
+  const cacheKey = credentials ? `${src}::${credentials}` : src;
+  let promise = sinkPromises[cacheKey];
   if (!promise) {
     Internals.Log.verbose({
       logLevel,
       tag: "@remotion/media"
     }, `Sink for ${src} was not found, creating new sink`);
-    promise = getSinks(src);
-    sinkPromises[src] = promise;
+    promise = getSinks(src, credentials);
+    sinkPromises[cacheKey] = promise;
   }
   return promise;
 };
@@ -31839,9 +31862,10 @@ var extractAudioInternal = async ({
   trimBefore,
   trimAfter,
   fps,
-  maxCacheSize
+  maxCacheSize,
+  credentials
 }) => {
-  const { getAudio, actualMatroskaTimestamps, isMatroska, getDuration } = await getSink(src, logLevel);
+  const { getAudio, actualMatroskaTimestamps, isMatroska, getDuration } = await getSink(src, logLevel, credentials);
   let mediaDurationInSeconds = null;
   if (loop) {
     mediaDurationInSeconds = await getDuration();
@@ -31964,9 +31988,10 @@ var extractFrameInternal = async ({
   trimBefore,
   playbackRate,
   fps,
-  maxCacheSize
+  maxCacheSize,
+  credentials
 }) => {
-  const sink = await getSink(src, logLevel);
+  const sink = await getSink(src, logLevel, credentials);
   const [video, mediaDurationInSecondsRaw] = await Promise.all([
     sink.getVideo(),
     loop ? sink.getDuration() : Promise.resolve(null)
@@ -32088,7 +32113,8 @@ var extractFrameAndAudio = async ({
   trimAfter,
   trimBefore,
   fps,
-  maxCacheSize
+  maxCacheSize,
+  credentials
 }) => {
   try {
     const [video, audio] = await Promise.all([
@@ -32101,7 +32127,8 @@ var extractFrameAndAudio = async ({
         playbackRate,
         trimBefore,
         fps,
-        maxCacheSize
+        maxCacheSize,
+        credentials
       }) : null,
       includeAudio ? extractAudio({
         src,
@@ -32114,7 +32141,8 @@ var extractFrameAndAudio = async ({
         trimAfter,
         fps,
         trimBefore,
-        maxCacheSize
+        maxCacheSize,
+        credentials
       }) : null
     ]);
     if (video?.type === "cannot-decode") {
@@ -32195,7 +32223,8 @@ var addBroadcastChannelListener = () => {
           trimAfter: data.trimAfter,
           trimBefore: data.trimBefore,
           fps: data.fps,
-          maxCacheSize: data.maxCacheSize
+          maxCacheSize: data.maxCacheSize,
+          credentials: data.credentials
         });
         if (result.type === "cannot-decode") {
           const cannotDecodeResponse = {
@@ -32290,7 +32319,8 @@ var extractFrameViaBroadcastChannel = async ({
   trimAfter,
   trimBefore,
   fps,
-  maxCacheSize
+  maxCacheSize,
+  credentials
 }) => {
   if (isClientSideRendering || window.remotion_isMainTab) {
     return extractFrameAndAudio({
@@ -32306,7 +32336,8 @@ var extractFrameViaBroadcastChannel = async ({
       trimAfter,
       trimBefore,
       fps,
-      maxCacheSize
+      maxCacheSize,
+      credentials
     });
   }
   await waitForMainTabToBeReady(window.remotion_broadcastChannel);
@@ -32383,7 +32414,8 @@ var extractFrameViaBroadcastChannel = async ({
     trimAfter,
     trimBefore,
     fps,
-    maxCacheSize
+    maxCacheSize,
+    credentials
   };
   window.remotion_broadcastChannel.postMessage(request);
   let timeoutId;
@@ -32418,7 +32450,8 @@ var AudioForRendering2 = ({
   toneFrequency,
   trimAfter,
   trimBefore,
-  onError
+  onError,
+  credentials
 }) => {
   const defaultLogLevel = Internals.useLogLevel();
   const logLevel = overriddenLogLevel ?? defaultLogLevel;
@@ -32482,7 +32515,8 @@ var AudioForRendering2 = ({
       trimAfter,
       trimBefore,
       fps,
-      maxCacheSize
+      maxCacheSize,
+      credentials
     }).then((result) => {
       const handleError = (error2, clientSideError, fallbackMessage) => {
         const [action, errorToUse] = callOnErrorAndResolve({
@@ -32576,7 +32610,8 @@ var AudioForRendering2 = ({
     replaceWithHtml5Audio,
     maxCacheSize,
     audioEnabled,
-    onError
+    onError,
+    credentials
   ]);
   if (replaceWithHtml5Audio) {
     return /* @__PURE__ */ jsx216(Html5Audio, {
@@ -32676,6 +32711,7 @@ var VideoForPreviewAssertedShowing = ({
   debugAudioScheduling,
   headless,
   onError,
+  credentials,
   controls
 }) => {
   const src = usePreload22(unpreloadedSrc);
@@ -32779,7 +32815,8 @@ var VideoForPreviewAssertedShowing = ({
         durationInFrames: videoConfig.durationInFrames,
         onVideoFrameCallback: initialOnVideoFrameRef.current ?? null,
         playing: initialPlaying.current,
-        sequenceOffset: initialSequenceOffset.current
+        sequenceOffset: initialSequenceOffset.current,
+        credentials
       });
       mediaPlayerRef.current = player;
       player.initialize(currentTimeRef.current, initialMuted.current).then((result) => {
@@ -32869,7 +32906,8 @@ var VideoForPreviewAssertedShowing = ({
     sharedAudioContext,
     videoConfig.fps,
     onError,
-    videoConfig.durationInFrames
+    videoConfig.durationInFrames,
+    credentials
   ]);
   const classNameValue = useMemo412(() => {
     return [Internals.OBJECTFIT_CONTAIN_CLASS_NAME, className2].filter(Internals.truthy).join(" ");
@@ -33001,7 +33039,8 @@ var VideoForRendering2 = ({
   trimAfterValue,
   trimBeforeValue,
   headless,
-  onError
+  onError,
+  credentials
 }) => {
   if (!src) {
     throw new TypeError("No `src` was passed to <Video>.");
@@ -33068,7 +33107,8 @@ var VideoForRendering2 = ({
       trimAfter: trimAfterValue,
       trimBefore: trimBeforeValue,
       fps,
-      maxCacheSize
+      maxCacheSize,
+      credentials
     }).then((result) => {
       const handleError = (err, clientSideError, fallbackMessage, mediaDurationInSeconds) => {
         if (environment.isClientSideRendering) {
@@ -33200,7 +33240,8 @@ var VideoForRendering2 = ({
     maxCacheSize,
     cancelRender3,
     headless,
-    onError
+    onError,
+    credentials
   ]);
   const classNameValue = useMemo53(() => {
     return [Internals.OBJECTFIT_CONTAIN_CLASS_NAME, className2].filter(Internals.truthy).join(" ");
@@ -33339,6 +33380,7 @@ var InnerVideo = ({
   debugAudioScheduling,
   headless,
   onError,
+  credentials,
   controls
 }) => {
   const environment = useRemotionEnvironment();
@@ -33381,7 +33423,8 @@ var InnerVideo = ({
       trimAfterValue,
       trimBeforeValue,
       headless,
-      onError
+      onError,
+      credentials
     });
   }
   return /* @__PURE__ */ jsx65(VideoForPreview2, {
@@ -33407,6 +33450,7 @@ var InnerVideo = ({
     debugAudioScheduling: debugAudioScheduling ?? false,
     headless: headless ?? false,
     onError,
+    credentials,
     controls
   });
 };
@@ -33436,6 +33480,7 @@ var VideoInner = ({
   debugAudioScheduling,
   headless,
   onError,
+  credentials,
   controls
 }) => {
   const fallbackLogLevel = Internals.useLogLevel();
@@ -33465,6 +33510,7 @@ var VideoInner = ({
     debugAudioScheduling: debugAudioScheduling ?? false,
     headless: headless ?? false,
     onError,
+    credentials,
     controls
   });
 };
@@ -34772,7 +34818,7 @@ import {
 import { BufferTarget, StreamTarget } from "mediabunny";
 
 // ../core/dist/esm/version.mjs
-var VERSION2 = "4.0.435";
+var VERSION2 = "4.0.436";
 
 // ../web-renderer/dist/esm/index.mjs
 import { AudioSample, VideoSample } from "mediabunny";
@@ -41376,7 +41422,7 @@ var FEATURED_TEMPLATES = [
     shortName: "Prompt to Motion Graphics SaaS Starter Kit",
     org: "remotion-dev",
     repoName: "template-prompt-to-motion-graphics-saas",
-    description: "SaaS template for AI-powered code generation with Remotion",
+    description: "SaaS template for AI-powered animation generation",
     longerDescription: 'A SaaS template for "Prompt to Motion Graphics" products. Generates Remotion code, streams it to the frontend, and compiles and previews it in the browser. See the <a href="/docs/ai/ai-saas-template">documentation page</a> for more details.',
     promoBanner: {
       width: 2880,

package/dist/Users/jonathanburger/remotion/packages/promo-pages/dist/design.js

@@ -5977,7 +5977,7 @@ var useIsPlayer = () => {
 function truthy2(value) {
   return Boolean(value);
 }
-var VERSION = "4.0.435";
+var VERSION = "4.0.436";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
@@ -9055,7 +9055,7 @@ var useBasicMediaInTimeline = ({
   const videoConfig = useVideoConfig();
   const [initialVolume] = useState10(() => volume);
   const mediaDuration = calculateMediaDuration({
-    mediaDurationInFrames: videoConfig.durationInFrames,
+    mediaDurationInFrames: videoConfig.durationInFrames + (trimBefore ?? 0),
     playbackRate,
     trimBefore,
     trimAfter

package/dist/Users/jonathanburger/remotion/packages/promo-pages/dist/experts.js

@@ -1003,7 +1003,7 @@ var useIsPlayer = () => {
 function truthy(value) {
   return Boolean(value);
 }
-var VERSION = "4.0.435";
+var VERSION = "4.0.436";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
@@ -4081,7 +4081,7 @@ var useBasicMediaInTimeline = ({
   const videoConfig = useVideoConfig();
   const [initialVolume] = useState10(() => volume);
   const mediaDuration = calculateMediaDuration({
-    mediaDurationInFrames: videoConfig.durationInFrames,
+    mediaDurationInFrames: videoConfig.durationInFrames + (trimBefore ?? 0),
     playbackRate,
     trimBefore,
     trimAfter

package/dist/Users/jonathanburger/remotion/packages/promo-pages/dist/homepage/Pricing.js

@@ -5977,7 +5977,7 @@ var useIsPlayer = () => {
 function truthy2(value) {
   return Boolean(value);
 }
-var VERSION = "4.0.435";
+var VERSION = "4.0.436";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
@@ -9055,7 +9055,7 @@ var useBasicMediaInTimeline = ({
   const videoConfig = useVideoConfig();
   const [initialVolume] = useState10(() => volume);
   const mediaDuration = calculateMediaDuration({
-    mediaDurationInFrames: videoConfig.durationInFrames,
+    mediaDurationInFrames: videoConfig.durationInFrames + (trimBefore ?? 0),
     playbackRate,
     trimBefore,
     trimAfter

package/dist/Users/jonathanburger/remotion/packages/promo-pages/dist/prompts/PromptsGallery.js

@@ -5977,7 +5977,7 @@ var useIsPlayer = () => {
 function truthy2(value) {
   return Boolean(value);
 }
-var VERSION = "4.0.435";
+var VERSION = "4.0.436";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
@@ -9055,7 +9055,7 @@ var useBasicMediaInTimeline = ({
   const videoConfig = useVideoConfig();
   const [initialVolume] = useState10(() => volume);
   const mediaDuration = calculateMediaDuration({
-    mediaDurationInFrames: videoConfig.durationInFrames,
+    mediaDurationInFrames: videoConfig.durationInFrames + (trimBefore ?? 0),
     playbackRate,
     trimBefore,
     trimAfter

package/dist/Users/jonathanburger/remotion/packages/promo-pages/dist/prompts/PromptsShow.js

@@ -23311,7 +23311,7 @@ var useIsPlayer = () => {
 function truthy2(value) {
   return Boolean(value);
 }
-var VERSION = "4.0.435";
+var VERSION = "4.0.436";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
@@ -26389,7 +26389,7 @@ var useBasicMediaInTimeline = ({
   const videoConfig = useVideoConfig();
   const [initialVolume] = useState10(() => volume);
   const mediaDuration = calculateMediaDuration({
-    mediaDurationInFrames: videoConfig.durationInFrames,
+    mediaDurationInFrames: videoConfig.durationInFrames + (trimBefore ?? 0),
     playbackRate,
     trimBefore,
     trimAfter

package/dist/Users/jonathanburger/remotion/packages/promo-pages/dist/prompts/PromptsSubmit.js

@@ -23311,7 +23311,7 @@ var useIsPlayer = () => {
 function truthy2(value) {
   return Boolean(value);
 }
-var VERSION = "4.0.435";
+var VERSION = "4.0.436";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
@@ -26389,7 +26389,7 @@ var useBasicMediaInTimeline = ({
   const videoConfig = useVideoConfig();
   const [initialVolume] = useState10(() => volume);
   const mediaDuration = calculateMediaDuration({
-    mediaDurationInFrames: videoConfig.durationInFrames,
+    mediaDurationInFrames: videoConfig.durationInFrames + (trimBefore ?? 0),
     playbackRate,
     trimBefore,
     trimAfter

package/dist/Users/jonathanburger/remotion/packages/promo-pages/dist/template-modal-content.js

@@ -5977,7 +5977,7 @@ var useIsPlayer = () => {
 function truthy2(value) {
   return Boolean(value);
 }
-var VERSION = "4.0.435";
+var VERSION = "4.0.436";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
@@ -9055,7 +9055,7 @@ var useBasicMediaInTimeline = ({
   const videoConfig = useVideoConfig();
   const [initialVolume] = useState10(() => volume);
   const mediaDuration = calculateMediaDuration({
-    mediaDurationInFrames: videoConfig.durationInFrames,
+    mediaDurationInFrames: videoConfig.durationInFrames + (trimBefore ?? 0),
     playbackRate,
     trimBefore,
     trimAfter

package/dist/Users/jonathanburger/remotion/packages/promo-pages/dist/templates.js

@@ -5977,7 +5977,7 @@ var useIsPlayer = () => {
 function truthy2(value) {
   return Boolean(value);
 }
-var VERSION = "4.0.435";
+var VERSION = "4.0.436";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
@@ -9055,7 +9055,7 @@ var useBasicMediaInTimeline = ({
   const videoConfig = useVideoConfig();
   const [initialVolume] = useState10(() => volume);
   const mediaDuration = calculateMediaDuration({
-    mediaDurationInFrames: videoConfig.durationInFrames,
+    mediaDurationInFrames: videoConfig.durationInFrames + (trimBefore ?? 0),
     playbackRate,
     trimBefore,
     trimAfter
@@ -20164,7 +20164,7 @@ var FEATURED_TEMPLATES = [
     shortName: "Prompt to Motion Graphics SaaS Starter Kit",
     org: "remotion-dev",
     repoName: "template-prompt-to-motion-graphics-saas",
-    description: "SaaS template for AI-powered code generation with Remotion",
+    description: "SaaS template for AI-powered animation generation",
     longerDescription: 'A SaaS template for "Prompt to Motion Graphics" products. Generates Remotion code, streams it to the frontend, and compiles and previews it in the browser. See the <a href="/docs/ai/ai-saas-template">documentation page</a> for more details.',
     promoBanner: {
       width: 2880,

package/dist/design.js

@@ -5977,7 +5977,7 @@ var useIsPlayer = () => {
 function truthy2(value) {
   return Boolean(value);
 }
-var VERSION = "4.0.435";
+var VERSION = "4.0.437";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
@@ -9055,7 +9055,7 @@ var useBasicMediaInTimeline = ({
   const videoConfig = useVideoConfig();
   const [initialVolume] = useState10(() => volume);
   const mediaDuration = calculateMediaDuration({
-    mediaDurationInFrames: videoConfig.durationInFrames,
+    mediaDurationInFrames: videoConfig.durationInFrames + (trimBefore ?? 0),
     playbackRate,
     trimBefore,
     trimAfter

package/dist/experts.js

@@ -1003,7 +1003,7 @@ var useIsPlayer = () => {
 function truthy(value) {
   return Boolean(value);
 }
-var VERSION = "4.0.435";
+var VERSION = "4.0.437";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
@@ -4081,7 +4081,7 @@ var useBasicMediaInTimeline = ({
   const videoConfig = useVideoConfig();
   const [initialVolume] = useState10(() => volume);
   const mediaDuration = calculateMediaDuration({
-    mediaDurationInFrames: videoConfig.durationInFrames,
+    mediaDurationInFrames: videoConfig.durationInFrames + (trimBefore ?? 0),
     playbackRate,
     trimBefore,
     trimAfter