remotion 3.2.30 → 3.2.32

package/dist/config/scale.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getScale = exports.setScale = void 0;
+let currentScale = 1;
+const setScale = (newScale) => {
+    if (typeof newScale !== 'number') {
+        throw new Error('--scale flag must be a number.');
+    }
+    currentScale = newScale;
+};
+exports.setScale = setScale;
+const getScale = () => {
+    return currentScale;
+};
+exports.getScale = getScale;

package/dist/config/still-frame.d.ts

@@ -0,0 +1,2 @@
+export declare const setStillFrame: (frame: number) => void;
+export declare const getStillFrame: () => number;

package/dist/config/still-frame.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getStillFrame = exports.setStillFrame = void 0;
+const validate_frame_1 = require("../validation/validate-frame");
+let stillFrame = 0;
+const setStillFrame = (frame) => {
+    (0, validate_frame_1.validateFrame)(frame, Infinity);
+    stillFrame = frame;
+};
+exports.setStillFrame = setStillFrame;
+const getStillFrame = () => stillFrame;
+exports.getStillFrame = getStillFrame;

package/dist/config/timeout.d.ts

@@ -0,0 +1,2 @@
+export declare const setPuppeteerTimeout: (newPuppeteerTimeout: number) => void;
+export declare const getCurrentPuppeteerTimeout: () => number;

package/dist/config/timeout.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getCurrentPuppeteerTimeout = exports.setPuppeteerTimeout = void 0;
+const timeout_1 = require("../timeout");
+let currentTimeout = timeout_1.DEFAULT_PUPPETEER_TIMEOUT;
+const setPuppeteerTimeout = (newPuppeteerTimeout) => {
+    if (typeof newPuppeteerTimeout !== 'number') {
+        throw new Error('--timeout flag / setTimeoutInMilliseconds() must be a number, but got ' +
+            JSON.stringify(newPuppeteerTimeout));
+    }
+    currentTimeout = newPuppeteerTimeout;
+};
+exports.setPuppeteerTimeout = setPuppeteerTimeout;
+const getCurrentPuppeteerTimeout = () => {
+    return currentTimeout;
+};
+exports.getCurrentPuppeteerTimeout = getCurrentPuppeteerTimeout;

package/dist/config/webpack-caching.d.ts

@@ -0,0 +1,3 @@
+export declare const DEFAULT_WEBPACK_CACHE_ENABLED = true;
+export declare const setWebpackCaching: (flag: boolean) => void;
+export declare const getWebpackCaching: () => boolean;

package/dist/config/webpack-caching.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getWebpackCaching = exports.setWebpackCaching = exports.DEFAULT_WEBPACK_CACHE_ENABLED = void 0;
+exports.DEFAULT_WEBPACK_CACHE_ENABLED = true;
+let webpackCaching = exports.DEFAULT_WEBPACK_CACHE_ENABLED;
+const setWebpackCaching = (flag) => {
+    if (typeof flag !== 'boolean') {
+        throw new TypeError('Caching flag must be a boolean.');
+    }
+    webpackCaching = flag;
+};
+exports.setWebpackCaching = setWebpackCaching;
+const getWebpackCaching = () => {
+    return webpackCaching;
+};
+exports.getWebpackCaching = getWebpackCaching;

package/dist/config.d.ts

@@ -211,6 +211,15 @@ export declare type ConfigType = {
             type: 'pre-stitcher' | 'stitcher';
             args: string[];
         }) => string[]) => void;
+        /**
+         * Set a target audio bitrate to be passed to FFMPEG.
+         */
+        readonly setAudioBitrate: (bitrate: string | null) => void;
+        /**
+         * Set a target video bitrate to be passed to FFMPEG.
+         * Mutually exclusive with setCrf().
+         */
+        readonly setVideoBitrate: (bitrate: string | null) => void;
     };
 };
 export type { Concurrency, WebpackConfiguration, WebpackOverrideFn };

package/dist/feature-flags.d.ts

@@ -0,0 +1 @@
+export declare const FEATURE_FLAG_FIREFOX_SUPPORT = false;

package/dist/feature-flags.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FEATURE_FLAG_FIREFOX_SUPPORT = void 0;
+// There is no Firefox support yet, the waitForFunction method
+// does not yet work and downloading has a bug.
+// Disabling this for now!
+exports.FEATURE_FLAG_FIREFOX_SUPPORT = false;

package/dist/index.d.ts

@@ -57,7 +57,7 @@ export * from './interpolate';
 export { interpolateColors } from './interpolate-colors';
 export { Loop } from './loop';
 export { prefetch } from './prefetch';
-export * from './random';
+export { random, RandomSeed } from './random';
 export { registerRoot } from './register-root';
 export { Sequence } from './Sequence';
 export { Series } from './series';

package/dist/index.js

@@ -14,7 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useCurrentFrame = exports.staticFile = exports.Series = exports.Sequence = exports.registerRoot = exports.prefetch = exports.Loop = exports.interpolateColors = exports.getInputProps = exports.Config = void 0;
+exports.useCurrentFrame = exports.staticFile = exports.Series = exports.Sequence = exports.registerRoot = exports.random = exports.prefetch = exports.Loop = exports.interpolateColors = exports.getInputProps = exports.Config = void 0;
 require("./asset-types");
 const multiple_versions_warning_1 = require("./multiple-versions-warning");
 (0, multiple_versions_warning_1.checkMultipleRemotionVersions)();
@@ -39,7 +39,8 @@ var loop_1 = require("./loop");
 Object.defineProperty(exports, "Loop", { enumerable: true, get: function () { return loop_1.Loop; } });
 var prefetch_1 = require("./prefetch");
 Object.defineProperty(exports, "prefetch", { enumerable: true, get: function () { return prefetch_1.prefetch; } });
-__exportStar(require("./random"), exports);
+var random_1 = require("./random");
+Object.defineProperty(exports, "random", { enumerable: true, get: function () { return random_1.random; } });
 var register_root_1 = require("./register-root");
 Object.defineProperty(exports, "registerRoot", { enumerable: true, get: function () { return register_root_1.registerRoot; } });
 var Sequence_1 = require("./Sequence");

package/dist/is-audio-codec.d.ts

@@ -0,0 +1,2 @@
+import type { Codec } from './config';
+export declare const isAudioCodec: (codec: Codec | undefined) => boolean;

package/dist/is-audio-codec.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isAudioCodec = void 0;
+const isAudioCodec = (codec) => {
+    return codec === 'mp3' || codec === 'aac' || codec === 'wav';
+};
+exports.isAudioCodec = isAudioCodec;

package/dist/perf/index.d.ts

@@ -0,0 +1,5 @@
+declare type PerfId = 'activate-target' | 'capture' | 'save' | 'extract-frame' | 'piping';
+export declare const startPerfMeasure: (marker: PerfId) => number;
+export declare const stopPerfMeasure: (id: number) => void;
+export declare const logPerf: () => void;
+export {};

package/dist/perf/index.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.logPerf = exports.stopPerfMeasure = exports.startPerfMeasure = void 0;
+const perf = {
+    'activate-target': [],
+    capture: [],
+    save: [],
+    'extract-frame': [],
+    piping: [],
+};
+const map = {};
+const startPerfMeasure = (marker) => {
+    const id = Math.random();
+    map[id] = {
+        id,
+        marker,
+        start: Date.now(),
+    };
+    return id;
+};
+exports.startPerfMeasure = startPerfMeasure;
+const stopPerfMeasure = (id) => {
+    const now = Date.now();
+    const diff = now - map[id].start;
+    perf[map[id].marker].push(diff);
+    delete map[id];
+};
+exports.stopPerfMeasure = stopPerfMeasure;
+const logPerf = () => {
+    console.log('Render performance:');
+    Object.keys(perf).forEach((p) => {
+        console.log(`  ${p} => ${perf[p].reduce((a, b) => a + b, 0) / perf[p].length} (n = ${perf[p].length})`);
+    });
+};
+exports.logPerf = logPerf;

package/dist/preload-state.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+declare type Value = {
+    preloads: Record<string, string>;
+    setPreloads: React.Dispatch<React.SetStateAction<Record<string, string>>>;
+};
+export declare const preloadRef: React.RefObject<{
+    setPreloads: React.Dispatch<React.SetStateAction<Record<string, string>>>;
+}>;
+export declare const PreloadContext: React.Context<Value>;
+export declare const PreloadProvider: React.FC<{
+    children: React.ReactNode;
+}>;
+export {};

package/dist/preload-state.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PreloadProvider = exports.PreloadContext = exports.preloadRef = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+exports.preloadRef = (0, react_1.createRef)();
+exports.PreloadContext = (0, react_1.createContext)({
+    preloads: {},
+    setPreloads: () => undefined,
+});
+const PreloadProvider = ({ children }) => {
+    const [preloads, setPreloads] = (0, react_1.useState)({});
+    const value = (0, react_1.useMemo)(() => {
+        return {
+            preloads,
+            setPreloads,
+        };
+    }, [preloads]);
+    (0, react_1.useImperativeHandle)(exports.preloadRef, () => {
+        return {
+            setPreloads,
+        };
+    });
+    return ((0, jsx_runtime_1.jsx)(exports.PreloadContext.Provider, { value: value, children: children }));
+};
+exports.PreloadProvider = PreloadProvider;

package/dist/random.d.ts

@@ -1,6 +1,7 @@
+export declare type RandomSeed = number | string | null;
 /**
  * A deterministic pseudo-random number generator.
  * Pass in the same seed and get the same pseudorandom number.
  * See: https://remotion.dev/docs/random
  */
-export declare const random: (seed: number | string | null, dummy?: unknown) => number;
+export declare const random: (seed: RandomSeed, dummy?: unknown) => number;

package/dist/timeline-inout-position-state.d.ts

@@ -0,0 +1,12 @@
+import type React from 'react';
+export declare type TimelineInOutContextValue = {
+    inFrame: number | null;
+    outFrame: number | null;
+};
+export declare type SetTimelineInOutContextValue = {
+    setInAndOutFrames: (u: React.SetStateAction<TimelineInOutContextValue>) => void;
+};
+export declare const TimelineInOutContext: React.Context<TimelineInOutContextValue>;
+export declare const SetTimelineInOutContext: React.Context<SetTimelineInOutContextValue>;
+export declare const useTimelineInOutFramePosition: () => TimelineInOutContextValue;
+export declare const useTimelineSetInOutFramePosition: () => SetTimelineInOutContextValue;

package/dist/timeline-inout-position-state.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTimelineSetInOutFramePosition = exports.useTimelineInOutFramePosition = exports.SetTimelineInOutContext = exports.TimelineInOutContext = void 0;
+const react_1 = require("react");
+exports.TimelineInOutContext = (0, react_1.createContext)({
+    inFrame: null,
+    outFrame: null,
+});
+exports.SetTimelineInOutContext = (0, react_1.createContext)({
+    setInAndOutFrames: () => {
+        throw new Error('default');
+    },
+});
+const useTimelineInOutFramePosition = () => {
+    const state = (0, react_1.useContext)(exports.TimelineInOutContext);
+    return state;
+};
+exports.useTimelineInOutFramePosition = useTimelineInOutFramePosition;
+const useTimelineSetInOutFramePosition = () => {
+    const { setInAndOutFrames } = (0, react_1.useContext)(exports.SetTimelineInOutContext);
+    return { setInAndOutFrames };
+};
+exports.useTimelineSetInOutFramePosition = useTimelineSetInOutFramePosition;

package/dist/timeout.d.ts

@@ -0,0 +1,2 @@
+export declare const DEFAULT_PUPPETEER_TIMEOUT = 30000;
+export declare const setupPuppeteerTimeout: () => void;

package/dist/timeout.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setupPuppeteerTimeout = exports.DEFAULT_PUPPETEER_TIMEOUT = void 0;
+exports.DEFAULT_PUPPETEER_TIMEOUT = 30000;
+const getPuppeteerTimeout = () => {
+    const param = window.remotion_puppeteerTimeout;
+    return param ? Number(param) : exports.DEFAULT_PUPPETEER_TIMEOUT;
+};
+const setupPuppeteerTimeout = () => {
+    window.remotion_puppeteerTimeout = getPuppeteerTimeout();
+};
+exports.setupPuppeteerTimeout = setupPuppeteerTimeout;

package/dist/validation/validate-every-nth-frame.d.ts

@@ -0,0 +1 @@
+export declare const validateEveryNthFrame: (everyNthFrame: unknown) => void;

package/dist/validation/validate-every-nth-frame.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.validateEveryNthFrame = void 0;
+const validateEveryNthFrame = (everyNthFrame) => {
+    if (typeof everyNthFrame === 'undefined') {
+        throw new TypeError(`Argument missing for parameter "everyNthFrame"`);
+    }
+    if (typeof everyNthFrame !== 'number') {
+        throw new TypeError(`Argument passed to "everyNthFrame" is not a number: ${everyNthFrame}`);
+    }
+    if (everyNthFrame < 1) {
+        throw new RangeError(`The value for "everyNthFrame" cannot be below 1, but is ${everyNthFrame}`);
+    }
+    if (!Number.isFinite(everyNthFrame)) {
+        throw new RangeError(`"everyNthFrame" ${everyNthFrame} is not finite`);
+    }
+    if (everyNthFrame % 1 !== 0) {
+        throw new RangeError(`Argument for everyNthFrame must be an integer, but got ${everyNthFrame}`);
+    }
+};
+exports.validateEveryNthFrame = validateEveryNthFrame;

package/dist/validation/validate-frame.d.ts

@@ -0,0 +1 @@
+export declare const validateFrame: (frame: number, durationInFrames: number) => void;

package/dist/validation/validate-frame.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.validateFrame = void 0;
+const validateFrame = (frame, durationInFrames) => {
+    if (typeof frame === 'undefined') {
+        throw new TypeError(`Argument missing for parameter "frame"`);
+    }
+    if (typeof frame !== 'number') {
+        throw new TypeError(`Argument passed for "frame" is not a number: ${frame}`);
+    }
+    if (frame < 0) {
+        throw new RangeError(`Frame ${frame} cannot be negative`);
+    }
+    if (!Number.isFinite(frame)) {
+        throw new RangeError(`Frame ${frame} is not finite`);
+    }
+    if (frame % 1 !== 0) {
+        throw new RangeError(`Argument for frame must be an integer, but got ${frame}`);
+    }
+    if (frame > durationInFrames - 1) {
+        throw new RangeError(`Cannot use frame ${frame}: Duration of composition is ${durationInFrames}, therefore the highest frame that can be rendered is ${durationInFrames - 1}`);
+    }
+};
+exports.validateFrame = validateFrame;

package/dist/validation/validate-image-format.d.ts

@@ -0,0 +1,2 @@
+import type { ImageFormat } from '../config';
+export declare const validateNonNullImageFormat: (imageFormat: ImageFormat) => void;

package/dist/validation/validate-image-format.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.validateNonNullImageFormat = void 0;
+const validateNonNullImageFormat = (imageFormat) => {
+    if (imageFormat !== 'jpeg' && imageFormat !== 'png') {
+        throw new TypeError('Image format should be either "png" or "jpeg"');
+    }
+};
+exports.validateNonNullImageFormat = validateNonNullImageFormat;

package/dist/validation/validate-opengl-renderer.d.ts

@@ -0,0 +1,4 @@
+declare const validRenderers: readonly ["swangle", "angle", "egl", "swiftshader"];
+export declare type OpenGlRenderer = typeof validRenderers[number];
+export declare const validateOpenGlRenderer: (option: OpenGlRenderer | null) => OpenGlRenderer | null;
+export {};

package/dist/validation/validate-opengl-renderer.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.validateOpenGlRenderer = void 0;
+const validRenderers = ['swangle', 'angle', 'egl', 'swiftshader'];
+const validateOpenGlRenderer = (option) => {
+    if (option === null) {
+        return null;
+    }
+    if (!validRenderers.includes(option)) {
+        throw new TypeError(`${option} is not a valid GL backend. Accepted values: ${validRenderers.join(', ')}`);
+    }
+    return option;
+};
+exports.validateOpenGlRenderer = validateOpenGlRenderer;

package/dist/validation/validate-quality.d.ts

@@ -0,0 +1 @@
+export declare const validateQuality: (q: number | undefined) => void;

package/dist/validation/validate-quality.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.validateQuality = void 0;
+const validateQuality = (q) => {
+    if (typeof q !== 'undefined' && typeof q !== 'number') {
+        throw new Error(`Quality option must be a number or undefined. Got ${typeof q} (${JSON.stringify(q)})`);
+    }
+    if (typeof q === 'undefined') {
+        return;
+    }
+    if (!Number.isFinite(q)) {
+        throw new RangeError(`Quality must be a finite number, but is ${q}`);
+    }
+    if (Number.isNaN(q)) {
+        throw new RangeError(`Quality is NaN, but must be a real number`);
+    }
+    if (q > 100 || q < 0) {
+        throw new RangeError('Quality option must be between 0 and 100.');
+    }
+};
+exports.validateQuality = validateQuality;

package/dist/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "3.2.30";
+export declare const VERSION = "3.2.32";

package/dist/version.js

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

package/dist/video/VideoForRendering.js

@@ -17,7 +17,7 @@ const use_unsafe_video_config_1 = require("../use-unsafe-video-config");
 const volume_prop_1 = require("../volume-prop");
 const warn_about_non_seekable_media_1 = require("../warn-about-non-seekable-media");
 const get_current_time_1 = require("./get-current-time");
-const VideoForRenderingForwardFunction = ({ onError, volume: volumeProp, playbackRate, ...props }, ref) => {
+const VideoForRenderingForwardFunction = ({ onError, volume: volumeProp, playbackRate, onDuration, ...props }, ref) => {
     const absoluteFrame = (0, timeline_position_state_1.useTimelinePosition)();
     const frame = (0, use_current_frame_1.useCurrentFrame)();
     const volumePropsFrame = (0, use_audio_frame_1.useFrameForVolumeProp)();
@@ -164,7 +164,7 @@ const VideoForRenderingForwardFunction = ({ onError, volume: volumeProp, playbac
         frame,
         mediaStartsAt,
     ]);
-    const { src, onDuration } = props;
+    const { src } = props;
     // If video source switches, make new handle
     if ((0, get_environment_1.getRemotionEnvironment)() === 'rendering') {
         // eslint-disable-next-line react-hooks/rules-of-hooks

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "remotion",
-	"version": "3.2.30",
+	"version": "3.2.32",
 	"description": "Render videos in React",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
@@ -40,7 +40,7 @@
 		"react-test-renderer": "^18.0.0",
 		"rimraf": "^3.0.2",
 		"typescript": "^4.7.0",
-		"vitest": "^0.18.0",
+		"vitest": "0.18.0",
 		"webpack": "5.74.0"
 	},
 	"keywords": [
@@ -54,5 +54,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "5dc5f4c010c47186c7911b575998296d6a65f7cb"
+	"gitHead": "4f7ab3637405d140041f898f95f78c99943d1b40"
 }

package/dist/durations-context.d.ts

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

package/dist/durations-context.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/video/LoopedVideo.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import type { RemotionMainVideoProps, RemotionVideoProps } from './props';
-export declare const LoopedVideo: React.ForwardRefRenderFunction<HTMLVideoElement, RemotionVideoProps & RemotionMainVideoProps>;

package/dist/video/LoopedVideo.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LoopedVideo = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const delay_render_1 = require("../delay-render");
-const loop_1 = require("../loop");
-const Video_1 = require("./Video");
-const LoopedVideo = (props, ref) => {
-    const [videoDuration, setVideoDuration] = (0, react_1.useState)(null);
-    (0, react_1.useEffect)(() => {
-        const newHandle = (0, delay_render_1.delayRender)('Loading <Img> with src=' + props.src);
-    }, [props.src]);
-    return ((0, jsx_runtime_1.jsx)(loop_1.Loop, { durationInFrames: Math.round(videoDuration * fps), children: (0, jsx_runtime_1.jsx)(Video_1.Video, { ...props, ref: ref, loop: false }) }));
-};
-exports.LoopedVideo = LoopedVideo;