remotion 4.0.207 → 4.0.208

package/dist/cjs/HideSequence.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare const HideSequence: React.FC<{
+    readonly from: number;
+    readonly durationInFrames: number;
+    readonly children: React.ReactNode;
+}>;
+export declare const useCustomFrame: () => number;

package/dist/cjs/HideSequence.js

@@ -0,0 +1,59 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCustomFrame = exports.HideSequence = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const use_current_frame_1 = require("./use-current-frame");
+const context = react_1.default.createContext(null);
+const HideSequence = ({ from, durationInFrames, children }) => {
+    var _a, _b, _c;
+    const parent = react_1.default.useContext(context);
+    const frame = (0, use_current_frame_1.useCurrentFrame)();
+    const actualFrame = (_a = parent === null || parent === void 0 ? void 0 : parent.frame) !== null && _a !== void 0 ? _a : frame;
+    const cascadedFrame = actualFrame + ((_b = parent === null || parent === void 0 ? void 0 : parent.from) !== null && _b !== void 0 ? _b : 0);
+    const visible = cascadedFrame >= from &&
+        cascadedFrame < from + durationInFrames &&
+        ((_c = parent === null || parent === void 0 ? void 0 : parent.visible) !== null && _c !== void 0 ? _c : true);
+    const value = (0, react_1.useMemo)(() => {
+        return {
+            from,
+            durationInFrames,
+            visible,
+            frame: cascadedFrame,
+        };
+    }, [cascadedFrame, durationInFrames, from, visible]);
+    return (0, jsx_runtime_1.jsx)(context.Provider, { value: value, children: children });
+};
+exports.HideSequence = HideSequence;
+const useCustomFrame = () => {
+    const ctx = react_1.default.useContext(context);
+    const frame = (0, use_current_frame_1.useCurrentFrame)();
+    if (!ctx) {
+        return frame;
+    }
+    return ctx.frame;
+};
+exports.useCustomFrame = useCustomFrame;

package/dist/cjs/check-rsc.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/check-rsc.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+if (typeof react_1.createContext !== 'function') {
+    throw new Error('React 18 is required for Remotion');
+}

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.207";
+export declare const VERSION = "4.0.208";

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.207';
+exports.VERSION = '4.0.208';

package/dist/cjs/video/Video.js

@@ -19,7 +19,7 @@ const VideoForRendering_js_1 = require("./VideoForRendering.js");
 const duration_state_js_1 = require("./duration-state.js");
 const VideoForwardingFunction = (props, ref) => {
     var _a, _b;
-    const { startFrom, endAt, name, pauseWhenBuffering, stack, _remotionInternalNativeLoopPassed, showInTimeline, onAutoPlayError, onVideoFrame, crossOrigin, ...otherProps } = props;
+    const { startFrom, endAt, name, pauseWhenBuffering, stack, _remotionInternalNativeLoopPassed, showInTimeline, onAutoPlayError, crossOrigin, ...otherProps } = props;
     const { loop, _remotionDebugSeeking, ...propsOtherThanLoop } = props;
     const { fps } = (0, use_video_config_js_1.useVideoConfig)();
     const environment = (0, get_remotion_environment_js_1.getRemotionEnvironment)();
@@ -34,6 +34,7 @@ const VideoForwardingFunction = (props, ref) => {
     const onDuration = (0, react_1.useCallback)((src, durationInSeconds) => {
         setDurations({ type: 'got-duration', durationInSeconds, src });
     }, [setDurations]);
+    const onVideoFrame = (0, react_1.useCallback)(() => { }, []);
     const durationFetched = (_a = durations[(0, absolute_src_js_1.getAbsoluteSrc)(preloadedSrc)]) !== null && _a !== void 0 ? _a : durations[(0, absolute_src_js_1.getAbsoluteSrc)(props.src)];
     if (loop && durationFetched !== undefined) {
         const mediaDuration = durationFetched * fps;
@@ -42,19 +43,19 @@ const VideoForwardingFunction = (props, ref) => {
                 mediaDuration,
                 playbackRate: (_b = props.playbackRate) !== null && _b !== void 0 ? _b : 1,
                 startFrom,
-            }), layout: "none", name: name, children: (0, jsx_runtime_1.jsx)(exports.Video, { ...propsOtherThanLoop, ref: ref, onVideoFrame: onVideoFrame, _remotionInternalNativeLoopPassed: true }) }));
+            }), layout: "none", name: name, children: (0, jsx_runtime_1.jsx)(exports.Video, { ...propsOtherThanLoop, ref: ref, _remotionInternalNativeLoopPassed: true }) }));
     }
     if (typeof startFrom !== 'undefined' || typeof endAt !== 'undefined') {
         (0, validate_start_from_props_js_1.validateStartFromProps)(startFrom, endAt);
         const startFromFrameNo = startFrom !== null && startFrom !== void 0 ? startFrom : 0;
         const endAtFrameNo = endAt !== null && endAt !== void 0 ? endAt : Infinity;
-        return ((0, jsx_runtime_1.jsx)(Sequence_js_1.Sequence, { layout: "none", from: 0 - startFromFrameNo, showInTimeline: false, durationInFrames: endAtFrameNo, name: name, children: (0, jsx_runtime_1.jsx)(exports.Video, { pauseWhenBuffering: pauseWhenBuffering !== null && pauseWhenBuffering !== void 0 ? pauseWhenBuffering : false, onVideoFrame: onVideoFrame, ...otherProps, ref: ref }) }));
+        return ((0, jsx_runtime_1.jsx)(Sequence_js_1.Sequence, { layout: "none", from: 0 - startFromFrameNo, showInTimeline: false, durationInFrames: endAtFrameNo, name: name, children: (0, jsx_runtime_1.jsx)(exports.Video, { pauseWhenBuffering: pauseWhenBuffering !== null && pauseWhenBuffering !== void 0 ? pauseWhenBuffering : false, ...otherProps, ref: ref }) }));
     }
     (0, validate_media_props_js_1.validateMediaProps)(props, 'Video');
     if (environment.isRendering) {
         return ((0, jsx_runtime_1.jsx)(VideoForRendering_js_1.VideoForRendering, { onDuration: onDuration, onVideoFrame: onVideoFrame !== null && onVideoFrame !== void 0 ? onVideoFrame : null, ...otherProps, ref: ref }));
     }
-    return ((0, jsx_runtime_1.jsx)(VideoForPreview_js_1.VideoForPreview, { onlyWarnForMediaSeekingError: false, ...otherProps, ref: ref, onVideoFrame: onVideoFrame !== null && onVideoFrame !== void 0 ? onVideoFrame : null, 
+    return ((0, jsx_runtime_1.jsx)(VideoForPreview_js_1.VideoForPreview, { onlyWarnForMediaSeekingError: false, ...otherProps, ref: ref, onVideoFrame: null, 
         // Proposal: Make this default to true in v5
         pauseWhenBuffering: pauseWhenBuffering !== null && pauseWhenBuffering !== void 0 ? pauseWhenBuffering : false, onDuration: onDuration, _remotionInternalStack: stack !== null && stack !== void 0 ? stack : null, _remotionInternalNativeLoopPassed: _remotionInternalNativeLoopPassed !== null && _remotionInternalNativeLoopPassed !== void 0 ? _remotionInternalNativeLoopPassed : false, _remotionDebugSeeking: _remotionDebugSeeking !== null && _remotionDebugSeeking !== void 0 ? _remotionDebugSeeking : false, showInTimeline: showInTimeline !== null && showInTimeline !== void 0 ? showInTimeline : true, onAutoPlayError: onAutoPlayError !== null && onAutoPlayError !== void 0 ? onAutoPlayError : undefined, crossOrigin: crossOrigin }));
 };

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

@@ -9,7 +9,6 @@ export type RemotionMainVideoProps = {
      */
     _remotionInternalNativeLoopPassed?: boolean;
     _remotionDebugSeeking?: boolean;
-    onVideoFrame?: OnVideoFrame;
 };
 export type RemotionVideoProps = Omit<React.DetailedHTMLProps<React.VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, 'autoPlay' | 'controls' | 'onEnded' | 'nonce' | 'onError' | 'disableRemotePlayback'> & {
     name?: string;

package/dist/esm/index.mjs

@@ -155,7 +155,7 @@ function truthy(value) {
 }
 
 // src/version.ts
-var VERSION = "4.0.207";
+var VERSION = "4.0.208";
 
 // src/multiple-versions-warning.ts
 var checkMultipleRemotionVersions = () => {
@@ -6601,7 +6601,6 @@ var VideoForwardingFunction = (props2, ref) => {
     _remotionInternalNativeLoopPassed,
     showInTimeline,
     onAutoPlayError,
-    onVideoFrame,
     crossOrigin,
     ...otherProps
   } = props2;
@@ -6619,6 +6618,8 @@ var VideoForwardingFunction = (props2, ref) => {
   const onDuration = useCallback15((src, durationInSeconds) => {
     setDurations({ type: "got-duration", durationInSeconds, src });
   }, [setDurations]);
+  const onVideoFrame = useCallback15(() => {
+  }, []);
   const durationFetched = durations[getAbsoluteSrc(preloadedSrc)] ?? durations[getAbsoluteSrc(props2.src)];
   if (loop4 && durationFetched !== undefined) {
     const mediaDuration = durationFetched * fps;
@@ -6634,7 +6635,6 @@ var VideoForwardingFunction = (props2, ref) => {
       children: jsx33(Video, {
         ...propsOtherThanLoop,
         ref,
-        onVideoFrame,
         _remotionInternalNativeLoopPassed: true
       })
     });
@@ -6651,7 +6651,6 @@ var VideoForwardingFunction = (props2, ref) => {
       name,
       children: jsx33(Video, {
         pauseWhenBuffering: pauseWhenBuffering ?? false,
-        onVideoFrame,
         ...otherProps,
         ref
       })
@@ -6670,7 +6669,7 @@ var VideoForwardingFunction = (props2, ref) => {
     onlyWarnForMediaSeekingError: false,
     ...otherProps,
     ref,
-    onVideoFrame: onVideoFrame ?? null,
+    onVideoFrame: null,
     pauseWhenBuffering: pauseWhenBuffering ?? false,
     onDuration,
     _remotionInternalStack: stack ?? null,

package/dist/esm/version.mjs

@@ -1,5 +1,5 @@
 // src/version.ts
-var VERSION = "4.0.207";
+var VERSION = "4.0.208";
 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.207",
+  "version": "4.0.208",
   "description": "Make videos programmatically",
   "main": "dist/cjs/index.js",
   "types": "dist/cjs/index.d.ts",