remotion 4.0.0-alpha17 → 4.0.0-alpha19

package/dist/cjs/Composition.d.ts

@@ -10,14 +10,14 @@ export type CompProps<Props> = {
 } | {
     component: LooseComponentType<Props>;
 };
-export type CalcMetadataReturnType<T> = {
+export type CalcMetadataReturnType<T extends Record<string, unknown> | undefined> = {
     durationInFrames?: number;
     fps?: number;
     width?: number;
     height?: number;
     props?: T;
 };
-export type CalculateMetadataFunction<T> = (options: {
+export type CalculateMetadataFunction<T extends Record<string, unknown> | undefined> = (options: {
     defaultProps: T;
     props: T;
     abortSignal: AbortSignal;

package/dist/cjs/props-if-has-props.d.ts

@@ -5,6 +5,6 @@ export type PropsIfHasProps<Schema extends AnyZodObject, Props extends Record<st
 } : {
     defaultProps: InferProps<Schema, Props>;
 };
-export type InferProps<Schema extends AnyZodObject, Props> = AnyZodObject extends Schema ? {} extends Props ? unknown : Props : {} extends Props ? z.infer<Schema> : // Props and schema specified
+export type InferProps<Schema extends AnyZodObject, Props extends Record<string, unknown> | undefined> = AnyZodObject extends Schema ? {} extends Props ? Record<string, unknown> : Props : {} extends Props ? z.infer<Schema> : // Props and schema specified
 z.infer<Schema> & Props;
 export {};

package/dist/cjs/resolve-video-config.js

@@ -6,7 +6,7 @@ const get_environment_js_1 = require("./get-environment.js");
 const validate_dimensions_js_1 = require("./validation/validate-dimensions.js");
 const validate_duration_in_frames_js_1 = require("./validation/validate-duration-in-frames.js");
 const resolveVideoConfig = ({ composition, editorProps: editorPropsOrUndefined, signal, }) => {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f;
     const calculatedProm = composition.calculateMetadata
         ? composition.calculateMetadata({
             defaultProps: (_a = composition.defaultProps) !== null && _a !== void 0 ? _a : {},
@@ -26,6 +26,7 @@ const resolveVideoConfig = ({ composition, editorProps: editorPropsOrUndefined,
         typeof calculatedProm === 'object' &&
         'then' in calculatedProm) {
         return calculatedProm.then((c) => {
+            var _a, _b;
             const { height, width, durationInFrames, fps } = validateCalculated({
                 calculated: c,
                 composition,
@@ -36,7 +37,7 @@ const resolveVideoConfig = ({ composition, editorProps: editorPropsOrUndefined,
                 fps,
                 durationInFrames,
                 id: composition.id,
-                defaultProps: c.props,
+                defaultProps: (_b = (_a = c.props) !== null && _a !== void 0 ? _a : composition.defaultProps) !== null && _b !== void 0 ? _b : {},
             };
         });
     }
@@ -54,7 +55,7 @@ const resolveVideoConfig = ({ composition, editorProps: editorPropsOrUndefined,
     return {
         ...data,
         id: composition.id,
-        defaultProps: ((_e = calculatedProm === null || calculatedProm === void 0 ? void 0 : calculatedProm.props) !== null && _e !== void 0 ? _e : {}),
+        defaultProps: (_f = (_e = calculatedProm === null || calculatedProm === void 0 ? void 0 : calculatedProm.props) !== null && _e !== void 0 ? _e : composition.defaultProps) !== null && _f !== void 0 ? _f : {},
     };
 };
 exports.resolveVideoConfig = resolveVideoConfig;

package/dist/cjs/series/index.js

@@ -38,7 +38,7 @@ const Series = ({ children }) => {
                 throw new TypeError(`A <Series.Sequence /> component (${debugInfo}) was detected to not have any children. Delete it to fix this error.`);
             }
             const durationInFramesProp = castedChild.props.durationInFrames;
-            const { durationInFrames, children: _children, ...passedProps } = castedChild.props;
+            const { durationInFrames, children: _children, from, ...passedProps } = castedChild.props; // `from` is not accepted and must be filtered out if used in JS
             if (i !== flattenedChildren.length - 1 ||
                 durationInFramesProp !== Infinity) {
                 (0, validate_duration_in_frames_js_1.validateDurationInFrames)({

package/dist/cjs/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "4.0.0-alpha17";
+export declare const VERSION = "4.0.0-alpha19";

package/dist/cjs/version.js

@@ -2,4 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VERSION = void 0;
 // Automatically generated on publish
-exports.VERSION = '4.0.0-alpha17';
+exports.VERSION = '4.0.0-alpha19';

package/dist/cjs/video/OffthreadVideo.js

@@ -14,7 +14,9 @@ const VideoForDevelopment_js_1 = require("./VideoForDevelopment.js");
  * @see [Documentation](https://www.remotion.dev/docs/offthreadvideo)
  */
 const OffthreadVideo = (props) => {
-    const { startFrom, endAt, imageFormat, ...otherProps } = props;
+    // Should only destruct `startFrom` and `endAt` from props,
+    // rest gets drilled down
+    const { startFrom, endAt, ...otherProps } = props;
     const environment = (0, get_environment_js_1.useRemotionEnvironment)();
     const onDuration = (0, react_1.useCallback)(() => undefined, []);
     if (typeof props.src !== 'string') {
@@ -31,7 +33,7 @@ const OffthreadVideo = (props) => {
     }
     (0, validate_media_props_js_1.validateMediaProps)(props, 'Video');
     if (environment === 'rendering') {
-        return ((0, jsx_runtime_1.jsx)(OffthreadVideoForRendering_js_1.OffthreadVideoForRendering, { imageFormat: imageFormat, ...otherProps }));
+        return (0, jsx_runtime_1.jsx)(OffthreadVideoForRendering_js_1.OffthreadVideoForRendering, { ...otherProps });
     }
     return ((0, jsx_runtime_1.jsx)(VideoForDevelopment_js_1.VideoForDevelopment, { onDuration: onDuration, onlyWarnForMediaSeekingError: true, ...otherProps }));
 };

package/dist/esm/index.mjs

@@ -58,7 +58,7 @@ function truthy(value) {
 }
 
 // Automatically generated on publish
-const VERSION = '4.0.0-alpha17';
+const VERSION = '4.0.0-alpha19';
 
 const checkMultipleRemotionVersions = () => {
     if (typeof globalThis === 'undefined') {
@@ -378,7 +378,7 @@ const validateDurationInFrames = ({ allowFloats, component, durationInFrames, })
 };
 
 const resolveVideoConfig = ({ composition, editorProps: editorPropsOrUndefined, signal, }) => {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f;
     const calculatedProm = composition.calculateMetadata
         ? composition.calculateMetadata({
             defaultProps: (_a = composition.defaultProps) !== null && _a !== void 0 ? _a : {},
@@ -398,6 +398,7 @@ const resolveVideoConfig = ({ composition, editorProps: editorPropsOrUndefined,
         typeof calculatedProm === 'object' &&
         'then' in calculatedProm) {
         return calculatedProm.then((c) => {
+            var _a, _b;
             const { height, width, durationInFrames, fps } = validateCalculated({
                 calculated: c,
                 composition,
@@ -408,7 +409,7 @@ const resolveVideoConfig = ({ composition, editorProps: editorPropsOrUndefined,
                 fps,
                 durationInFrames,
                 id: composition.id,
-                defaultProps: c.props,
+                defaultProps: (_b = (_a = c.props) !== null && _a !== void 0 ? _a : composition.defaultProps) !== null && _b !== void 0 ? _b : {},
             };
         });
     }
@@ -426,7 +427,7 @@ const resolveVideoConfig = ({ composition, editorProps: editorPropsOrUndefined,
     return {
         ...data,
         id: composition.id,
-        defaultProps: ((_e = calculatedProm === null || calculatedProm === void 0 ? void 0 : calculatedProm.props) !== null && _e !== void 0 ? _e : {}),
+        defaultProps: (_f = (_e = calculatedProm === null || calculatedProm === void 0 ? void 0 : calculatedProm.props) !== null && _e !== void 0 ? _e : composition.defaultProps) !== null && _f !== void 0 ? _f : {},
     };
 };
 const validateCalculated = ({ composition, calculated, }) => {
@@ -3707,7 +3708,7 @@ const Series = ({ children }) => {
                 throw new TypeError(`A <Series.Sequence /> component (${debugInfo}) was detected to not have any children. Delete it to fix this error.`);
             }
             const durationInFramesProp = castedChild.props.durationInFrames;
-            const { durationInFrames, children: _children, ...passedProps } = castedChild.props;
+            const { durationInFrames, children: _children, from, ...passedProps } = castedChild.props; // `from` is not accepted and must be filtered out if used in JS
             if (i !== flattenedChildren.length - 1 ||
                 durationInFramesProp !== Infinity) {
                 validateDurationInFrames({
@@ -4327,7 +4328,9 @@ const VideoForDevelopment = forwardRef(VideoForDevelopmentRefForwardingFunction)
  * @see [Documentation](https://www.remotion.dev/docs/offthreadvideo)
  */
 const OffthreadVideo = (props) => {
-    const { startFrom, endAt, imageFormat, ...otherProps } = props;
+    // Should only destruct `startFrom` and `endAt` from props,
+    // rest gets drilled down
+    const { startFrom, endAt, ...otherProps } = props;
     const environment = useRemotionEnvironment();
     const onDuration = useCallback(() => undefined, []);
     if (typeof props.src !== 'string') {
@@ -4344,7 +4347,7 @@ const OffthreadVideo = (props) => {
     }
     validateMediaProps(props, 'Video');
     if (environment === 'rendering') {
-        return (jsx(OffthreadVideoForRendering, { imageFormat: imageFormat, ...otherProps }));
+        return jsx(OffthreadVideoForRendering, { ...otherProps });
     }
     return (jsx(VideoForDevelopment, { onDuration: onDuration, onlyWarnForMediaSeekingError: true, ...otherProps }));
 };

package/dist/esm/version.mjs

@@ -1,4 +1,4 @@
 // Automatically generated on publish
-const VERSION = '4.0.0-alpha17';
+const VERSION = '4.0.0-alpha19';
 
 export { VERSION };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "remotion",
-  "version": "4.0.0-alpha17",
+  "version": "4.0.0-alpha19",
   "description": "Render videos in React",
   "main": "dist/cjs/index.js",
   "types": "dist/cjs/index.d.ts",