remotion 4.0.76 → 4.0.79

package/README.md

@@ -30,8 +30,8 @@ Remotion is a framework for **creating videos programmatically using React.**
 <p>"This video was made with code" <em>- Fireship</em> <a href="https://youtu.be/deg8bOoziaE">Watch</a> • <a href="https://github.com/wcandillon/remotion-fireship">Source</a></p>
 </td>
 <td align="center">
-<img style="width: 240px" src="packages/docs/static/img/unwrapped-2022.gif" />
-<p>GitHub Unwrapped - Personalized Year in Review <a href="https://www.githubunwrapped.com">Try</a> • <a href="https://github.com/remotion-dev/github-unwrapped-2022">Source</a></p>
+<img style="width: 240px" src="packages/docs/static/img/unwrapped-2023.gif" />
+<p>GitHub Unwrapped - Personalized Year in Review <a href="https://www.githubunwrapped.com">Try</a> • <a href="https://github.com/remotion-dev/github-unwrapped-2023">Source</a></p>
 </td>
 <td align="center">
 <em>View more in the <a href="https://remotion.dev/showcase">Remotion Showcase</a>!</em>

package/dist/cjs/prefetch.js

@@ -65,6 +65,7 @@ const prefetch = (src, options) => {
         }
         if (!buf.type.startsWith('video/') &&
             !buf.type.startsWith('audio/') &&
+            !buf.type.startsWith('image/') &&
             !(options === null || options === void 0 ? void 0 : options.contentType)) {
             // eslint-disable-next-line no-console
             console.warn(`Called prefetch() on ${src} which returned a "Content-Type" of ${buf.type}. Prefetched content should have a proper content type (video/... or audio/...) or a contentType passed the options of prefetch(). Otherwise, prefetching will not work properly in all browsers.`);

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

@@ -25,22 +25,19 @@ const validateCalculated = ({ composition, calculated, }) => {
     return { width, height, fps, durationInFrames, defaultCodec };
 };
 const resolveVideoConfig = ({ composition, editorProps: editorPropsOrUndefined, signal, inputProps, }) => {
-    var _a, _b, _c, _d, _e, _f, _g;
+    var _a, _b, _c, _d, _e, _f;
+    const originalProps = {
+        ...((_a = composition.defaultProps) !== null && _a !== void 0 ? _a : {}),
+        ...(editorPropsOrUndefined !== null && editorPropsOrUndefined !== void 0 ? editorPropsOrUndefined : {}),
+        ...(inputProps !== null && inputProps !== void 0 ? inputProps : {}),
+    };
     const calculatedProm = composition.calculateMetadata
         ? composition.calculateMetadata({
-            defaultProps: (_a = composition.defaultProps) !== null && _a !== void 0 ? _a : {},
-            props: {
-                ...((_b = composition.defaultProps) !== null && _b !== void 0 ? _b : {}),
-                ...(editorPropsOrUndefined !== null && editorPropsOrUndefined !== void 0 ? editorPropsOrUndefined : {}),
-                ...inputProps,
-            },
+            defaultProps: (_b = composition.defaultProps) !== null && _b !== void 0 ? _b : {},
+            props: originalProps,
             abortSignal: signal,
         })
         : null;
-    const fallbackProps = {
-        ...((_c = composition.defaultProps) !== null && _c !== void 0 ? _c : {}),
-        ...(inputProps !== null && inputProps !== void 0 ? inputProps : {}),
-    };
     if (calculatedProm !== null &&
         typeof calculatedProm === 'object' &&
         'then' in calculatedProm) {
@@ -57,7 +54,7 @@ const resolveVideoConfig = ({ composition, editorProps: editorPropsOrUndefined,
                 durationInFrames,
                 id: composition.id,
                 defaultProps: (_a = composition.defaultProps) !== null && _a !== void 0 ? _a : {},
-                props: (_b = c.props) !== null && _b !== void 0 ? _b : fallbackProps,
+                props: (_b = c.props) !== null && _b !== void 0 ? _b : originalProps,
                 defaultCodec: defaultCodec !== null && defaultCodec !== void 0 ? defaultCodec : null,
             };
         });
@@ -70,17 +67,17 @@ const resolveVideoConfig = ({ composition, editorProps: editorPropsOrUndefined,
         return {
             ...data,
             id: composition.id,
-            defaultProps: (_d = composition.defaultProps) !== null && _d !== void 0 ? _d : {},
-            props: fallbackProps,
+            defaultProps: (_c = composition.defaultProps) !== null && _c !== void 0 ? _c : {},
+            props: originalProps,
             defaultCodec: null,
         };
     }
     return {
         ...data,
         id: composition.id,
-        defaultProps: (_e = composition.defaultProps) !== null && _e !== void 0 ? _e : {},
-        props: (_f = calculatedProm.props) !== null && _f !== void 0 ? _f : fallbackProps,
-        defaultCodec: (_g = calculatedProm.defaultCodec) !== null && _g !== void 0 ? _g : null,
+        defaultProps: (_d = composition.defaultProps) !== null && _d !== void 0 ? _d : {},
+        props: (_e = calculatedProm.props) !== null && _e !== void 0 ? _e : originalProps,
+        defaultCodec: (_f = calculatedProm.defaultCodec) !== null && _f !== void 0 ? _f : null,
     };
 };
 exports.resolveVideoConfig = resolveVideoConfig;

package/dist/cjs/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "4.0.76";
+export declare const VERSION = "4.0.79";

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.76';
+exports.VERSION = '4.0.79';

package/dist/esm/index.mjs

@@ -59,7 +59,7 @@ function truthy(value) {
 }
 
 // Automatically generated on publish
-const VERSION = '4.0.76';
+const VERSION = '4.0.79';
 
 const checkMultipleRemotionVersions = () => {
     if (typeof globalThis === 'undefined') {
@@ -593,22 +593,19 @@ const validateCalculated = ({ composition, calculated, }) => {
     return { width, height, fps, durationInFrames, defaultCodec };
 };
 const resolveVideoConfig = ({ composition, editorProps: editorPropsOrUndefined, signal, inputProps, }) => {
-    var _a, _b, _c, _d, _e, _f, _g;
+    var _a, _b, _c, _d, _e, _f;
+    const originalProps = {
+        ...((_a = composition.defaultProps) !== null && _a !== void 0 ? _a : {}),
+        ...(editorPropsOrUndefined !== null && editorPropsOrUndefined !== void 0 ? editorPropsOrUndefined : {}),
+        ...(inputProps !== null && inputProps !== void 0 ? inputProps : {}),
+    };
     const calculatedProm = composition.calculateMetadata
         ? composition.calculateMetadata({
-            defaultProps: (_a = composition.defaultProps) !== null && _a !== void 0 ? _a : {},
-            props: {
-                ...((_b = composition.defaultProps) !== null && _b !== void 0 ? _b : {}),
-                ...(editorPropsOrUndefined !== null && editorPropsOrUndefined !== void 0 ? editorPropsOrUndefined : {}),
-                ...inputProps,
-            },
+            defaultProps: (_b = composition.defaultProps) !== null && _b !== void 0 ? _b : {},
+            props: originalProps,
             abortSignal: signal,
         })
         : null;
-    const fallbackProps = {
-        ...((_c = composition.defaultProps) !== null && _c !== void 0 ? _c : {}),
-        ...(inputProps !== null && inputProps !== void 0 ? inputProps : {}),
-    };
     if (calculatedProm !== null &&
         typeof calculatedProm === 'object' &&
         'then' in calculatedProm) {
@@ -625,7 +622,7 @@ const resolveVideoConfig = ({ composition, editorProps: editorPropsOrUndefined,
                 durationInFrames,
                 id: composition.id,
                 defaultProps: (_a = composition.defaultProps) !== null && _a !== void 0 ? _a : {},
-                props: (_b = c.props) !== null && _b !== void 0 ? _b : fallbackProps,
+                props: (_b = c.props) !== null && _b !== void 0 ? _b : originalProps,
                 defaultCodec: defaultCodec !== null && defaultCodec !== void 0 ? defaultCodec : null,
             };
         });
@@ -638,17 +635,17 @@ const resolveVideoConfig = ({ composition, editorProps: editorPropsOrUndefined,
         return {
             ...data,
             id: composition.id,
-            defaultProps: (_d = composition.defaultProps) !== null && _d !== void 0 ? _d : {},
-            props: fallbackProps,
+            defaultProps: (_c = composition.defaultProps) !== null && _c !== void 0 ? _c : {},
+            props: originalProps,
             defaultCodec: null,
         };
     }
     return {
         ...data,
         id: composition.id,
-        defaultProps: (_e = composition.defaultProps) !== null && _e !== void 0 ? _e : {},
-        props: (_f = calculatedProm.props) !== null && _f !== void 0 ? _f : fallbackProps,
-        defaultCodec: (_g = calculatedProm.defaultCodec) !== null && _g !== void 0 ? _g : null,
+        defaultProps: (_d = composition.defaultProps) !== null && _d !== void 0 ? _d : {},
+        props: (_e = calculatedProm.props) !== null && _e !== void 0 ? _e : originalProps,
+        defaultCodec: (_f = calculatedProm.defaultCodec) !== null && _f !== void 0 ? _f : null,
     };
 };
 
@@ -1269,6 +1266,7 @@ const prefetch = (src, options) => {
         }
         if (!buf.type.startsWith('video/') &&
             !buf.type.startsWith('audio/') &&
+            !buf.type.startsWith('image/') &&
             !(options === null || options === void 0 ? void 0 : options.contentType)) {
             // eslint-disable-next-line no-console
             console.warn(`Called prefetch() on ${src} which returned a "Content-Type" of ${buf.type}. Prefetched content should have a proper content type (video/... or audio/...) or a contentType passed the options of prefetch(). Otherwise, prefetching will not work properly in all browsers.`);

package/dist/esm/version.mjs

@@ -1,4 +1,4 @@
 // Automatically generated on publish
-const VERSION = '4.0.76';
+const VERSION = '4.0.79';
 
 export { VERSION };

package/package.json

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

package/dist/cjs/video/seek-until-right.d.ts

@@ -1,8 +0,0 @@
-export declare const seekToTime: (element: HTMLVideoElement, desiredTime: number) => {
-    wait: Promise<number>;
-    cancel: () => void;
-};
-export declare const seekToTimeMultipleUntilRight: (element: HTMLVideoElement, desiredTime: number, fps: number) => {
-    prom: Promise<void>;
-    cancel: () => void;
-};

package/dist/cjs/video/seek-until-right.js

@@ -1,60 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.seekToTimeMultipleUntilRight = exports.seekToTime = void 0;
-const seekToTime = (element, desiredTime) => {
-    element.currentTime = desiredTime;
-    let cancel;
-    const prom = new Promise((resolve) => {
-        cancel = element.requestVideoFrameCallback((_cb, metadata) => {
-            resolve(metadata.mediaTime);
-        });
-    });
-    return {
-        wait: prom,
-        cancel: () => {
-            element.cancelVideoFrameCallback(cancel);
-        },
-    };
-};
-exports.seekToTime = seekToTime;
-const seekToTimeMultipleUntilRight = (element, desiredTime, fps) => {
-    const threshold = 1 / fps / 2;
-    let currentCancel = () => undefined;
-    const prom = new Promise((resolve, reject) => {
-        const firstSeek = (0, exports.seekToTime)(element, desiredTime + threshold);
-        firstSeek.wait.then((seekedTo) => {
-            const difference = Math.abs(desiredTime - seekedTo);
-            const ident = Math.random();
-            if (difference < threshold) {
-                return resolve();
-            }
-            const sign = desiredTime > seekedTo ? 1 : -1;
-            const newSeek = (0, exports.seekToTime)(element, seekedTo + threshold * sign);
-            currentCancel = newSeek.cancel;
-            newSeek.wait
-                .then((newTime) => {
-                const newDifference = Math.abs(desiredTime - newTime);
-                console.log(ident, 'before', seekedTo, 'after', newTime, 'desired', desiredTime);
-                if (newDifference < threshold) {
-                    return resolve();
-                }
-                const thirdSeek = (0, exports.seekToTime)(element, desiredTime);
-                currentCancel = thirdSeek.cancel;
-                thirdSeek.wait.then(() => {
-                    resolve();
-                });
-            })
-                .catch((err) => {
-                reject(err);
-            });
-        });
-        currentCancel = firstSeek.cancel;
-    });
-    return {
-        prom,
-        cancel: () => {
-            currentCancel();
-        },
-    };
-};
-exports.seekToTimeMultipleUntilRight = seekToTimeMultipleUntilRight;