remotion 4.0.420 → 4.0.421

package/dist/cjs/enable-sequence-stack-traces.js

@@ -15,10 +15,12 @@ const enableProxy = (api) => {
         apply(target, thisArg, argArray) {
             if (componentsToAddStacksTo.includes(argArray[0])) {
                 const [first, props, ...rest] = argArray;
-                const newProps = {
-                    ...(props !== null && props !== void 0 ? props : {}),
-                    stack: new Error().stack,
-                };
+                const newProps = props.stack
+                    ? props
+                    : {
+                        ...(props !== null && props !== void 0 ? props : {}),
+                        stack: new Error().stack,
+                    };
                 return Reflect.apply(target, thisArg, [first, newProps, ...rest]);
             }
             return Reflect.apply(target, thisArg, argArray);

package/dist/cjs/loop/index.js

@@ -73,11 +73,11 @@ const Loop = ({ durationInFrames, times = Infinity, children, name, ...props })
     const from = Math.min(start, maxFrame);
     const loopDisplay = (0, react_1.useMemo)(() => {
         return {
-            numberOfTimes: actualTimes,
+            numberOfTimes: Math.min(compDuration / durationInFrames, times),
             startOffset: -from,
             durationInFrames,
         };
-    }, [actualTimes, durationInFrames, from]);
+    }, [compDuration, durationInFrames, from, times]);
     const loopContext = (0, react_1.useMemo)(() => {
         return {
             iteration: Math.floor(currentFrame / durationInFrames),

package/dist/cjs/version.d.ts

@@ -3,4 +3,4 @@
  * @see [Documentation](https://remotion.dev/docs/version)
  * @returns {string} The current version of the remotion package
  */
-export declare const VERSION = "4.0.420";
+export declare const VERSION = "4.0.421";

package/dist/cjs/version.js

@@ -7,4 +7,4 @@ exports.VERSION = void 0;
  * @see [Documentation](https://remotion.dev/docs/version)
  * @returns {string} The current version of the remotion package
  */
-exports.VERSION = '4.0.420';
+exports.VERSION = '4.0.421';

package/dist/cjs/video/Video.d.ts

@@ -27,7 +27,7 @@ export declare const Html5Video: React.ForwardRefExoticComponent<Omit<import("./
 }, "ref"> & React.RefAttributes<HTMLVideoElement>>;
 /**
  * @deprecated This component has been renamed to `Html5Video`.
- * @see [Documentation](https://remotion.dev/docs/mediabunny/new-video)
+ * @see [Documentation](https://www.remotion.dev/docs/html5-video)
  */
 export declare const Video: React.ForwardRefExoticComponent<Omit<import("./props").NativeVideoProps & {
     name?: string;

package/dist/cjs/video/Video.js

@@ -18,7 +18,7 @@ const VideoForPreview_js_1 = require("./VideoForPreview.js");
 const VideoForRendering_js_1 = require("./VideoForRendering.js");
 const duration_state_js_1 = require("./duration-state.js");
 const VideoForwardingFunction = (props, ref) => {
-    var _a, _b;
+    var _a, _b, _c;
     const { startFrom, endAt, trimBefore, trimAfter, name, pauseWhenBuffering, stack, _remotionInternalNativeLoopPassed, showInTimeline, onAutoPlayError, ...otherProps } = props;
     const { loop, ...propsOtherThanLoop } = props;
     const { fps } = (0, use_video_config_js_1.useVideoConfig)();
@@ -48,7 +48,7 @@ const VideoForwardingFunction = (props, ref) => {
     });
     if (loop && durationFetched !== undefined) {
         if (!Number.isFinite(durationFetched)) {
-            return ((0, jsx_runtime_1.jsx)(exports.Html5Video, { ...propsOtherThanLoop, ref: ref, _remotionInternalNativeLoopPassed: true }));
+            return ((0, jsx_runtime_1.jsx)(exports.Html5Video, { ...propsOtherThanLoop, ref: ref, stack: stack, _remotionInternalNativeLoopPassed: true }));
         }
         const mediaDuration = durationFetched * fps;
         return ((0, jsx_runtime_1.jsx)(index_js_1.Loop, { durationInFrames: (0, calculate_media_duration_js_1.calculateMediaDuration)({
@@ -56,11 +56,13 @@ const VideoForwardingFunction = (props, ref) => {
                 mediaDurationInFrames: mediaDuration,
                 playbackRate: (_b = props.playbackRate) !== null && _b !== void 0 ? _b : 1,
                 trimBefore: trimBeforeValue,
-            }), layout: "none", name: name, children: (0, jsx_runtime_1.jsx)(exports.Html5Video, { ...propsOtherThanLoop, ref: ref, _remotionInternalNativeLoopPassed: true }) }));
+            }), layout: "none", name: name, children: (0, jsx_runtime_1.jsx)(exports.Html5Video, { ...propsOtherThanLoop, ref: ref, stack: stack, _remotionInternalNativeLoopPassed: true }) }));
     }
     if (typeof trimBeforeValue !== 'undefined' ||
         typeof trimAfterValue !== 'undefined') {
-        return ((0, jsx_runtime_1.jsx)(Sequence_js_1.Sequence, { layout: "none", from: 0 - (trimBeforeValue !== null && trimBeforeValue !== void 0 ? trimBeforeValue : 0), showInTimeline: false, durationInFrames: trimAfterValue, name: name, children: (0, jsx_runtime_1.jsx)(exports.Html5Video, { pauseWhenBuffering: pauseWhenBuffering !== null && pauseWhenBuffering !== void 0 ? pauseWhenBuffering : false, ...otherProps, ref: ref }) }));
+        return ((0, jsx_runtime_1.jsx)(Sequence_js_1.Sequence, { layout: "none", from: 0 - (trimBeforeValue !== null && trimBeforeValue !== void 0 ? trimBeforeValue : 0), showInTimeline: false, durationInFrames: trimAfterValue === undefined
+                ? undefined
+                : trimAfterValue / ((_c = props.playbackRate) !== null && _c !== void 0 ? _c : 1), name: name, children: (0, jsx_runtime_1.jsx)(exports.Html5Video, { pauseWhenBuffering: pauseWhenBuffering !== null && pauseWhenBuffering !== void 0 ? pauseWhenBuffering : false, ...otherProps, ref: ref, stack: stack }) }));
     }
     (0, validate_media_props_js_1.validateMediaProps)({ playbackRate: props.playbackRate, volume: props.volume }, 'Html5Video');
     if (environment.isRendering) {
@@ -78,6 +80,6 @@ exports.Html5Video = (0, react_1.forwardRef)(VideoForwardingFunction);
 (0, enable_sequence_stack_traces_js_1.addSequenceStackTraces)(exports.Html5Video);
 /**
  * @deprecated This component has been renamed to `Html5Video`.
- * @see [Documentation](https://remotion.dev/docs/mediabunny/new-video)
+ * @see [Documentation](https://www.remotion.dev/docs/html5-video)
  */
 exports.Video = exports.Html5Video;

package/dist/esm/index.mjs

@@ -66,7 +66,7 @@ var enableProxy = (api) => {
     apply(target, thisArg, argArray) {
       if (componentsToAddStacksTo.includes(argArray[0])) {
         const [first, props, ...rest] = argArray;
-        const newProps = {
+        const newProps = props.stack ? props : {
           ...props ?? {},
           stack: new Error().stack
         };
@@ -110,7 +110,7 @@ function truthy(value) {
 }
 
 // src/version.ts
-var VERSION = "4.0.420";
+var VERSION = "4.0.421";
 
 // src/multiple-versions-warning.ts
 var checkMultipleRemotionVersions = () => {
@@ -2156,11 +2156,11 @@ var Loop = ({ durationInFrames, times = Infinity, children, name, ...props }) =>
   const from = Math.min(start, maxFrame);
   const loopDisplay = useMemo12(() => {
     return {
-      numberOfTimes: actualTimes,
+      numberOfTimes: Math.min(compDuration / durationInFrames, times),
       startOffset: -from,
       durationInFrames
     };
-  }, [actualTimes, durationInFrames, from]);
+  }, [compDuration, durationInFrames, from, times]);
   const loopContext = useMemo12(() => {
     return {
       iteration: Math.floor(currentFrame / durationInFrames),
@@ -8183,6 +8183,7 @@ var VideoForwardingFunction = (props2, ref) => {
       return /* @__PURE__ */ jsx35(Html5Video, {
         ...propsOtherThanLoop,
         ref,
+        stack,
         _remotionInternalNativeLoopPassed: true
       });
     }
@@ -8199,6 +8200,7 @@ var VideoForwardingFunction = (props2, ref) => {
       children: /* @__PURE__ */ jsx35(Html5Video, {
         ...propsOtherThanLoop,
         ref,
+        stack,
         _remotionInternalNativeLoopPassed: true
       })
     });
@@ -8208,12 +8210,13 @@ var VideoForwardingFunction = (props2, ref) => {
       layout: "none",
       from: 0 - (trimBeforeValue ?? 0),
       showInTimeline: false,
-      durationInFrames: trimAfterValue,
+      durationInFrames: trimAfterValue === undefined ? undefined : trimAfterValue / (props2.playbackRate ?? 1),
       name,
       children: /* @__PURE__ */ jsx35(Html5Video, {
         pauseWhenBuffering: pauseWhenBuffering ?? false,
         ...otherProps,
-        ref
+        ref,
+        stack
       })
     });
   }

package/dist/esm/version.mjs

@@ -1,5 +1,5 @@
 // src/version.ts
-var VERSION = "4.0.420";
+var VERSION = "4.0.421";
 export {
   VERSION
 };

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/core"
 	},
 	"name": "remotion",
-	"version": "4.0.420",
+	"version": "4.0.421",
 	"description": "Make videos programmatically",
 	"main": "dist/cjs/index.js",
 	"types": "dist/cjs/index.d.ts",
@@ -32,9 +32,9 @@
 		"happy-dom": "20.0.2",
 		"react": "19.2.3",
 		"react-dom": "19.2.3",
-		"webpack": "5.96.1",
+		"webpack": "5.105.0",
 		"zod": "3.22.3",
-		"@remotion/eslint-config-internal": "4.0.420",
+		"@remotion/eslint-config-internal": "4.0.421",
 		"eslint": "9.19.0"
 	},
 	"keywords": [