@remotion/renderer 4.0.0-alpha4 → 4.0.0-alpha5

package/dist/stitch-frames-to-video.js

@@ -26,8 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.stitchFramesToVideo = exports.spawnFfmpeg = void 0;
-const execa_1 = __importDefault(require("execa"));
+exports.stitchFramesToVideo = void 0;
 const fs_1 = __importStar(require("fs"));
 const path_1 = __importDefault(require("path"));
 const remotion_1 = require("remotion");
@@ -35,13 +34,14 @@ const calculate_asset_positions_1 = require("./assets/calculate-asset-positions"
 const convert_assets_to_file_urls_1 = require("./assets/convert-assets-to-file-urls");
 const download_and_map_assets_to_file_1 = require("./assets/download-and-map-assets-to-file");
 const audio_codec_1 = require("./audio-codec");
+const call_ffmpeg_1 = require("./call-ffmpeg");
 const codec_1 = require("./codec");
 const codec_supports_media_1 = require("./codec-supports-media");
+const get_executable_path_1 = require("./compositor/get-executable-path");
 const convert_number_of_gif_loops_to_ffmpeg_1 = require("./convert-number-of-gif-loops-to-ffmpeg");
 const crf_1 = require("./crf");
 const delete_directory_1 = require("./delete-directory");
 const does_have_m2_bug_1 = require("./does-have-m2-bug");
-const ffmpeg_flags_1 = require("./ffmpeg-flags");
 const find_closest_package_json_1 = require("./find-closest-package-json");
 const get_codec_name_1 = require("./get-codec-name");
 const get_extension_from_codec_1 = require("./get-extension-from-codec");
@@ -54,13 +54,12 @@ const preprocess_audio_track_1 = require("./preprocess-audio-track");
 const prores_profile_1 = require("./prores-profile");
 const truthy_1 = require("./truthy");
 const validate_even_dimensions_with_codec_1 = require("./validate-even-dimensions-with-codec");
-const validate_ffmpeg_1 = require("./validate-ffmpeg");
 const validate_videobitrate_1 = require("./validate-videobitrate");
 const packageJsonPath = path_1.default.join(__dirname, '..', 'package.json');
 const packageJson = fs_1.default.existsSync(packageJsonPath)
     ? JSON.parse(fs_1.default.readFileSync(packageJsonPath, 'utf-8'))
     : null;
-const getAssetsData = async ({ assets, onDownload, fps, expectedFrames, verbose, ffmpegExecutable, ffprobeExecutable, onProgress, downloadMap, remotionRoot, }) => {
+const getAssetsData = async ({ assets, onDownload, fps, expectedFrames, verbose, onProgress, downloadMap, remotionRoot, }) => {
     const fileUrlAssets = await (0, convert_assets_to_file_urls_1.convertAssetsToFileUrls)({
         assets,
         onDownload: onDownload !== null && onDownload !== void 0 ? onDownload : (() => () => undefined),
@@ -78,14 +77,11 @@ const getAssetsData = async ({ assets, onDownload, fps, expectedFrames, verbose,
     const preprocessed = (await Promise.all(assetPositions.map(async (asset, index) => {
         const filterFile = path_1.default.join(downloadMap.audioMixing, `${index}.wav`);
         const result = await (0, preprocess_audio_track_1.preprocessAudioTrack)({
-            ffmpegExecutable: ffmpegExecutable !== null && ffmpegExecutable !== void 0 ? ffmpegExecutable : null,
-            ffprobeExecutable: ffprobeExecutable !== null && ffprobeExecutable !== void 0 ? ffprobeExecutable : null,
             outName: filterFile,
             asset,
             expectedFrames,
             fps,
             downloadMap,
-            remotionRoot,
         });
         preprocessProgress[index] = 1;
         updateProgress();
@@ -93,7 +89,6 @@ const getAssetsData = async ({ assets, onDownload, fps, expectedFrames, verbose,
     }))).filter(truthy_1.truthy);
     const outName = path_1.default.join(downloadMap.audioPreprocessing, `audio.wav`);
     await (0, merge_audio_track_1.mergeAudioTrack)({
-        ffmpegExecutable: ffmpegExecutable !== null && ffmpegExecutable !== void 0 ? ffmpegExecutable : null,
         files: preprocessed,
         outName,
         numberOfSeconds: Number((expectedFrames / fps).toFixed(3)),
@@ -108,7 +103,7 @@ const getAssetsData = async ({ assets, onDownload, fps, expectedFrames, verbose,
     return outName;
 };
 const spawnFfmpeg = async (options, remotionRoot) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
     remotion_1.Internals.validateDimension(options.height, 'height', 'passed to `stitchFramesToVideo()`');
     remotion_1.Internals.validateDimension(options.width, 'width', 'passed to `stitchFramesToVideo()`');
     const codec = (_a = options.codec) !== null && _a !== void 0 ? _a : codec_1.DEFAULT_CODEC;
@@ -126,7 +121,6 @@ const spawnFfmpeg = async (options, remotionRoot) => {
     (0, validate_videobitrate_1.validateBitrate)(options.videoBitrate, 'videoBitrate');
     remotion_1.Internals.validateFps(options.fps, 'in `stitchFramesToVideo()`', false);
     const pixelFormat = (_b = options.pixelFormat) !== null && _b !== void 0 ? _b : pixel_format_1.DEFAULT_PIXEL_FORMAT;
-    await (0, validate_ffmpeg_1.validateFfmpeg)((_c = options.ffmpegExecutable) !== null && _c !== void 0 ? _c : null, remotionRoot, 'ffmpeg');
     const encoderName = (0, get_codec_name_1.getCodecName)(codec);
     const proResProfileName = (0, get_prores_profile_name_1.getProResProfileName)(codec, options.proResProfile);
     const mediaSupport = (0, codec_supports_media_1.codecSupportsMedia)(codec);
@@ -139,14 +133,14 @@ const spawnFfmpeg = async (options, remotionRoot) => {
         throw new Error('The output format has neither audio nor video. This can happen if you are rendering an audio codec and the output file has no audio or the muted flag was passed.');
     }
     // Explanation: https://github.com/remotion-dev/remotion/issues/1647
-    const resolvedAudioCodec = ((_d = options.internalOptions) === null || _d === void 0 ? void 0 : _d.preferLossless)
+    const resolvedAudioCodec = ((_c = options.internalOptions) === null || _c === void 0 ? void 0 : _c.preferLossless)
         ? (0, audio_codec_1.getDefaultAudioCodec)({ codec, preferLossless: true })
-        : (_e = options.audioCodec) !== null && _e !== void 0 ? _e : (0, audio_codec_1.getDefaultAudioCodec)({ codec, preferLossless: false });
+        : (_d = options.audioCodec) !== null && _d !== void 0 ? _d : (0, audio_codec_1.getDefaultAudioCodec)({ codec, preferLossless: false });
     const tempFile = options.outputLocation
         ? null
         : path_1.default.join(options.assetsInfo.downloadMap.stitchFrames, `out.${(0, get_extension_from_codec_1.getFileExtensionFromCodec)(codec, resolvedAudioCodec)}`);
     if (options.verbose) {
-        console.log('[verbose] ffmpeg', (_f = options.ffmpegExecutable) !== null && _f !== void 0 ? _f : 'ffmpeg in PATH');
+        console.log('[verbose] ffmpeg', (0, get_executable_path_1.getExecutablePath)('ffmpeg'));
         console.log('[verbose] encoder', encoderName);
         console.log('[verbose] audioCodec', resolvedAudioCodec);
         console.log('[verbose] pixelFormat', pixelFormat);
@@ -176,9 +170,7 @@ const spawnFfmpeg = async (options, remotionRoot) => {
             onDownload: options.onDownload,
             fps: options.fps,
             expectedFrames,
-            verbose: (_g = options.verbose) !== null && _g !== void 0 ? _g : false,
-            ffmpegExecutable: (_h = options.ffmpegExecutable) !== null && _h !== void 0 ? _h : null,
-            ffprobeExecutable: (_j = options.ffprobeExecutable) !== null && _j !== void 0 ? _j : null,
+            verbose: (_e = options.verbose) !== null && _e !== void 0 ? _e : false,
             onProgress: (prog) => updateProgress(prog, 0),
             downloadMap: options.assetsInfo.downloadMap,
             remotionRoot,
@@ -188,22 +180,22 @@ const spawnFfmpeg = async (options, remotionRoot) => {
         if (!resolvedAudioCodec) {
             throw new TypeError('exporting audio but has no audio codec name. Report this in the Remotion repo.');
         }
-        const ffmpegTask = (0, execa_1.default)(await (0, ffmpeg_flags_1.getExecutableBinary)((_k = options.ffmpegExecutable) !== null && _k !== void 0 ? _k : null, remotionRoot, 'ffmpeg'), [
+        const ffmpegTask = (0, call_ffmpeg_1.callFf)('ffmpeg', [
             '-i',
             audio,
             '-c:a',
             (0, audio_codec_1.mapAudioCodecToFfmpegAudioCodecName)(resolvedAudioCodec),
             // Set bitrate up to 320k, for aac it might effectively be lower
             '-b:a',
-            (_l = options.audioBitrate) !== null && _l !== void 0 ? _l : '320k',
+            (_f = options.audioBitrate) !== null && _f !== void 0 ? _f : '320k',
             options.force ? '-y' : null,
-            (_m = options.outputLocation) !== null && _m !== void 0 ? _m : tempFile,
+            (_g = options.outputLocation) !== null && _g !== void 0 ? _g : tempFile,
         ].filter(remotion_1.Internals.truthy));
-        (_o = options.cancelSignal) === null || _o === void 0 ? void 0 : _o.call(options, () => {
+        (_h = options.cancelSignal) === null || _h === void 0 ? void 0 : _h.call(options, () => {
             ffmpegTask.kill();
         });
         await ffmpegTask;
-        (_p = options.onProgress) === null || _p === void 0 ? void 0 : _p.call(options, expectedFrames);
+        (_j = options.onProgress) === null || _j === void 0 ? void 0 : _j.call(options, expectedFrames);
         if (audio) {
             (0, delete_directory_1.deleteDirectory)(path_1.default.dirname(audio));
         }
@@ -228,8 +220,8 @@ const spawnFfmpeg = async (options, remotionRoot) => {
     }
     const ffmpegArgs = [
         ['-r', String(options.fps)],
-        ...(((_q = options.internalOptions) === null || _q === void 0 ? void 0 : _q.preEncodedFileLocation)
-            ? [['-i', (_r = options.internalOptions) === null || _r === void 0 ? void 0 : _r.preEncodedFileLocation]]
+        ...(((_k = options.internalOptions) === null || _k === void 0 ? void 0 : _k.preEncodedFileLocation)
+            ? [['-i', (_l = options.internalOptions) === null || _l === void 0 ? void 0 : _l.preEncodedFileLocation]]
             : [
                 ['-f', 'image2'],
                 ['-s', `${options.width}x${options.height}`],
@@ -237,16 +229,16 @@ const spawnFfmpeg = async (options, remotionRoot) => {
                 ['-i', options.assetsInfo.imageSequenceName],
             ]),
         audio ? ['-i', audio] : null,
-        ((_s = options.numberOfGifLoops) !== null && _s !== void 0 ? _s : null) === null
+        ((_m = options.numberOfGifLoops) !== null && _m !== void 0 ? _m : null) === null
             ? null
             : [
                 '-loop',
-                (0, convert_number_of_gif_loops_to_ffmpeg_1.convertNumberOfGifLoopsToFfmpegSyntax)((_t = options.numberOfGifLoops) !== null && _t !== void 0 ? _t : null),
+                (0, convert_number_of_gif_loops_to_ffmpeg_1.convertNumberOfGifLoopsToFfmpegSyntax)((_o = options.numberOfGifLoops) !== null && _o !== void 0 ? _o : null),
             ],
         // -c:v is the same as -vcodec as -codec:video
         // and specified the video codec.
         ['-c:v', encoderName],
-        ...(((_u = options.internalOptions) === null || _u === void 0 ? void 0 : _u.preEncodedFileLocation)
+        ...(((_p = options.internalOptions) === null || _p === void 0 ? void 0 : _p.preEncodedFileLocation)
             ? []
             : [
                 proResProfileName ? ['-profile:v', proResProfileName] : null,
@@ -274,7 +266,7 @@ const spawnFfmpeg = async (options, remotionRoot) => {
                 [`Made with Remotion`, packageJson ? packageJson.version : null].join(' '),
         ],
         options.force ? '-y' : null,
-        (_v = options.outputLocation) !== null && _v !== void 0 ? _v : tempFile,
+        (_q = options.outputLocation) !== null && _q !== void 0 ? _q : tempFile,
     ];
     if (options.verbose) {
         console.log('Generated FFMPEG command:');
@@ -288,15 +280,15 @@ const spawnFfmpeg = async (options, remotionRoot) => {
         console.log('Generated final FFMPEG command:');
         console.log(finalFfmpegString);
     }
-    const task = (0, execa_1.default)(await (0, ffmpeg_flags_1.getExecutableBinary)((_w = options.ffmpegExecutable) !== null && _w !== void 0 ? _w : null, remotionRoot, 'ffmpeg'), finalFfmpegString, {
+    const task = (0, call_ffmpeg_1.callFf)('ffmpeg', finalFfmpegString, {
         cwd: options.dir,
     });
-    (_x = options.cancelSignal) === null || _x === void 0 ? void 0 : _x.call(options, () => {
+    (_r = options.cancelSignal) === null || _r === void 0 ? void 0 : _r.call(options, () => {
         task.kill();
     });
     let ffmpegOutput = '';
     let isFinished = false;
-    (_y = task.stderr) === null || _y === void 0 ? void 0 : _y.on('data', (data) => {
+    (_s = task.stderr) === null || _s === void 0 ? void 0 : _s.on('data', (data) => {
         var _a;
         const str = data.toString();
         ffmpegOutput += str;
@@ -339,7 +331,6 @@ const spawnFfmpeg = async (options, remotionRoot) => {
         getLogs: () => ffmpegOutput,
     };
 };
-exports.spawnFfmpeg = spawnFfmpeg;
 /**
  * @description Takes a series of images and audio information generated by renderFrames() and encodes it to a video.
  * @see [Documentation](https://www.remotion.dev/docs/renderer/stitch-frames-to-video)
@@ -347,7 +338,7 @@ exports.spawnFfmpeg = spawnFfmpeg;
 const stitchFramesToVideo = async (options) => {
     var _a, _b;
     const remotionRoot = (0, find_closest_package_json_1.findRemotionRoot)();
-    const { task, getLogs } = await (0, exports.spawnFfmpeg)(options, remotionRoot);
+    const { task, getLogs } = await spawnFfmpeg(options, remotionRoot);
     const happyPath = task.catch(() => {
         throw new Error(getLogs());
     });

package/dist/take-frame-and-compose.d.ts

@@ -1,12 +1,11 @@
-/// <reference types="node" />
 import type { TAsset } from 'remotion';
 import type { DownloadMap } from './assets/download-map';
 import type { Page } from './browser/BrowserPage';
-import type { ImageFormat } from './image-format';
-export declare const takeFrameAndCompose: ({ freePage, imageFormat, quality, frame, width, height, output, scale, downloadMap, wantsBuffer, }: {
+import type { StillImageFormat, VideoImageFormat } from './image-format';
+export declare const takeFrameAndCompose: ({ freePage, imageFormat, jpegQuality, frame, width, height, output, scale, downloadMap, wantsBuffer, }: {
     freePage: Page;
-    imageFormat: ImageFormat;
-    quality: number | undefined;
+    imageFormat: VideoImageFormat | StillImageFormat;
+    jpegQuality: number | undefined;
     frame: number;
     height: number;
     width: number;

package/dist/take-frame-and-compose.js

@@ -10,7 +10,7 @@ const compose_1 = require("./compositor/compose");
 const provide_screenshot_1 = require("./provide-screenshot");
 const puppeteer_evaluate_1 = require("./puppeteer-evaluate");
 const truthy_1 = require("./truthy");
-const takeFrameAndCompose = async ({ freePage, imageFormat, quality, frame, width, height, output, scale, downloadMap, wantsBuffer, }) => {
+const takeFrameAndCompose = async ({ freePage, imageFormat, jpegQuality, frame, width, height, output, scale, downloadMap, wantsBuffer, }) => {
     var _a;
     const [clipRegion, collectedAssets] = await Promise.all([
         (0, puppeteer_evaluate_1.puppeteerEvaluateWithCatch)({
@@ -40,7 +40,7 @@ const takeFrameAndCompose = async ({ freePage, imageFormat, quality, frame, widt
         ? null
         : {
             tmpFile: path_1.default.join(downloadMap.compositingDir, `${frame}.${imageFormat}`),
-            finalOutfie: output !== null && output !== void 0 ? output : path_1.default.join(downloadMap.compositingDir, `${frame}-final.${imageFormat}`),
+            finalOutFile: output !== null && output !== void 0 ? output : path_1.default.join(downloadMap.compositingDir, `${frame}-final.${imageFormat}`),
             clipRegion: clipRegion,
         };
     if (clipRegion !== 'hide') {
@@ -48,7 +48,7 @@ const takeFrameAndCompose = async ({ freePage, imageFormat, quality, frame, widt
         const buf = await (0, provide_screenshot_1.provideScreenshot)({
             page: freePage,
             imageFormat,
-            quality,
+            jpegQuality,
             options: {
                 frame,
                 output: shouldMakeBuffer ? null : (_a = needsComposing === null || needsComposing === void 0 ? void 0 : needsComposing.tmpFile) !== null && _a !== void 0 ? _a : output,
@@ -62,6 +62,12 @@ const takeFrameAndCompose = async ({ freePage, imageFormat, quality, frame, widt
         }
     }
     if (needsComposing) {
+        if (imageFormat === 'pdf') {
+            throw new Error("You cannot use compositor APIs (like <Clipper>) if `imageFormat` is 'pdf'.");
+        }
+        if (imageFormat === 'webp') {
+            throw new Error("You cannot use compositor APIs (like <Clipper>) if `imageFormat` is 'webp'.");
+        }
         await (0, compose_1.compose)({
             height: height * scale,
             width: width * scale,
@@ -81,13 +87,13 @@ const takeFrameAndCompose = async ({ freePage, imageFormat, quality, frame, widt
                         },
                     },
             ].filter(truthy_1.truthy),
-            output: needsComposing.finalOutfie,
+            output: needsComposing.finalOutFile,
             downloadMap,
             imageFormat: imageFormat === 'jpeg' ? 'Jpeg' : 'Png',
         });
         if (wantsBuffer) {
-            const buffer = await fs_1.default.promises.readFile(needsComposing.finalOutfie);
-            await fs_1.default.promises.unlink(needsComposing.finalOutfie);
+            const buffer = await fs_1.default.promises.readFile(needsComposing.finalOutFile);
+            await fs_1.default.promises.unlink(needsComposing.finalOutFile);
             return { buffer, collectedAssets };
         }
     }

package/dist/tmp-dir.js

@@ -40,10 +40,9 @@ const randomHash = () => {
         .join('');
 };
 const tmpDir = (str) => {
-    var _a;
     const newDir = path_1.default.join(os_1.default.tmpdir(), str + randomHash());
     if (fs_1.default.existsSync(newDir)) {
-        ((_a = fs_1.default.rmSync) !== null && _a !== void 0 ? _a : fs_1.default.rmdirSync)(newDir, {
+        fs_1.default.rmSync(newDir, {
             recursive: true,
             force: true,
         });

package/dist/validate-concurrency.d.ts

@@ -1 +1,3 @@
 export declare const validateConcurrency: (value: unknown, setting: string) => void;
+export declare const getMaxConcurrency: () => any;
+export declare const getMinConcurrency: () => number;

package/dist/validate-concurrency.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.validateConcurrency = void 0;
+exports.getMinConcurrency = exports.getMaxConcurrency = exports.validateConcurrency = void 0;
 const validateConcurrency = (value, setting) => {
     if (typeof value === 'undefined') {
         return;
@@ -15,11 +15,11 @@ const validateConcurrency = (value, setting) => {
         if (value % 1 !== 0) {
             throw new Error(setting + ' must be an integer, but is ' + value);
         }
-        if (value < 1) {
-            throw new Error(setting + ' must be at least 1, but is ' + value);
+        if (value < (0, exports.getMinConcurrency)()) {
+            throw new Error(`${setting} must be at least ${(0, exports.getMinConcurrency)()}, but is ${JSON.stringify(value)}`);
         }
-        if (value > require('os').cpus().length) {
-            throw new Error(`${setting} is set higher than the amount of CPU cores available. Available CPU cores: ${require('os').cpus().length}, value set: ${value}`);
+        if (value > (0, exports.getMaxConcurrency)()) {
+            throw new Error(`${setting} is set higher than the amount of CPU cores available. Available CPU cores: ${(0, exports.getMaxConcurrency)()}, value set: ${value}`);
         }
     }
     else if (!/^\d+(\.\d+)?%$/.test(value)) {
@@ -27,3 +27,9 @@ const validateConcurrency = (value, setting) => {
     }
 };
 exports.validateConcurrency = validateConcurrency;
+const getMaxConcurrency = () => {
+    return require('os').cpus().length;
+};
+exports.getMaxConcurrency = getMaxConcurrency;
+const getMinConcurrency = () => 1;
+exports.getMinConcurrency = getMinConcurrency;

package/dist/validate-output-filename.d.ts

@@ -1,5 +1,5 @@
 import type { AudioCodec } from './audio-codec';
-export declare const validateOutputFilename: <T extends "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif">({ codec, audioCodec, extension, preferLossless, }: {
+export declare const validateOutputFilename: <T extends "aac" | "mp3" | "h264" | "h265" | "vp8" | "vp9" | "wav" | "prores" | "h264-mkv" | "gif">({ codec, audioCodec, extension, preferLossless, }: {
     codec: T;
     audioCodec: AudioCodec | null;
     extension: string;

package/dist/validate-puppeteer-timeout.js

@@ -8,6 +8,7 @@ const validatePuppeteerTimeout = (timeoutInMilliseconds) => {
     if (typeof timeoutInMilliseconds !== 'number') {
         throw new TypeError(`'timeoutInMilliseconds' should be a number, but is: ${JSON.stringify(timeoutInMilliseconds)}`);
     }
+    // Value also appears in packages/cli/src/editor/components/RenderModal/RenderModalAdvanced.tsx
     if (timeoutInMilliseconds < 7000 && process.env.NODE_ENV !== 'test') {
         throw new TypeError(`'timeoutInMilliseconds' should be bigger or equal than 7000, but is ${timeoutInMilliseconds}`);
     }

package/install-toolchain.mjs

@@ -0,0 +1,36 @@
+import {execSync} from 'child_process';
+import {existsSync, mkdirSync, unlinkSync} from 'fs';
+import {toolchains} from './toolchains.mjs';
+
+const unpatched = [
+	'x86_64-apple-darwin',
+	'aarch64-apple-darwin',
+	'x86_64-pc-windows-gnu',
+];
+
+for (const toolchain of toolchains) {
+	process.stdout.write(toolchain + '...');
+
+	execSync(
+		`curl https://remotion-ffmpeg-binaries.s3.eu-central-1.amazonaws.com/${toolchain}.zip -o ${toolchain}.zip`
+	);
+
+	if (!existsSync('toolchains')) {
+		mkdirSync('toolchains');
+	}
+
+	if (!existsSync('toolchains/' + toolchain)) {
+		mkdirSync('toolchains/' + toolchain);
+	}
+
+	execSync(`tar -xzf ../../${toolchain}.zip`, {
+		cwd: `toolchains/${toolchain}`,
+	});
+
+	unlinkSync(`${toolchain}.zip`);
+	process.stdout.write('Done.\n');
+}
+
+for (const target of unpatched) {
+	execSync(`rustup target add ${target}`);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/renderer",
-  "version": "4.0.0-alpha4",
+  "version": "4.0.0-alpha5",
   "description": "Renderer for Remotion",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -16,7 +16,7 @@
   "dependencies": {
     "execa": "5.1.1",
     "extract-zip": "2.0.1",
-    "remotion": "4.0.0-alpha4",
+    "remotion": "4.0.0-alpha5",
     "source-map": "^0.8.0-beta.0",
     "ws": "8.7.0"
   },
@@ -38,16 +38,17 @@
     "react": "18.0.0",
     "react-dom": "18.0.0",
     "typescript": "^4.7.0",
-    "vitest": "0.24.3"
+    "vitest": "0.24.3",
+    "zod": "^3.21.4"
   },
   "optionalDependencies": {
-    "@remotion/compositor-darwin-arm64": "4.0.0-alpha4",
-    "@remotion/compositor-darwin-x64": "4.0.0-alpha4",
-    "@remotion/compositor-linux-arm64-gnu": "4.0.0-alpha4",
-    "@remotion/compositor-linux-arm64-musl": "4.0.0-alpha4",
-    "@remotion/compositor-linux-x64-gnu": "4.0.0-alpha4",
-    "@remotion/compositor-linux-x64-musl": "4.0.0-alpha4",
-    "@remotion/compositor-win32-x64-msvc": "4.0.0-alpha4"
+    "@remotion/compositor-darwin-arm64": "4.0.0-alpha5",
+    "@remotion/compositor-darwin-x64": "4.0.0-alpha5",
+    "@remotion/compositor-linux-arm64-gnu": "4.0.0-alpha5",
+    "@remotion/compositor-linux-arm64-musl": "4.0.0-alpha5",
+    "@remotion/compositor-linux-x64-gnu": "4.0.0-alpha5",
+    "@remotion/compositor-linux-x64-musl": "4.0.0-alpha5",
+    "@remotion/compositor-win32-x64-msvc": "4.0.0-alpha5"
   },
   "keywords": [
     "remotion",