@remotion/renderer 4.0.83 → 4.0.85

package/dist/check-apple-silicon.d.ts

@@ -1 +1,3 @@
-export declare const checkNodeVersionAndWarnAboutRosetta: () => void;
+import type { LogLevel } from './log-level';
+export declare const gLibCErrorMessage: (libCString: string) => string | null;
+export declare const checkNodeVersionAndWarnAboutRosetta: (logLevel: LogLevel, indent: boolean) => void;

package/dist/check-apple-silicon.js

@@ -1,12 +1,42 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.checkNodeVersionAndWarnAboutRosetta = void 0;
-const checkNodeVersionAndWarnAboutRosetta = () => {
+exports.checkNodeVersionAndWarnAboutRosetta = exports.gLibCErrorMessage = void 0;
+const logger_1 = require("./logger");
+const gLibCErrorMessage = (libCString) => {
+    const split = libCString.split('.');
+    if (split.length !== 2) {
+        return null;
+    }
+    if (split[0] === '2' && Number(split[1]) >= 35) {
+        return null;
+    }
+    if (Number(split[0]) > 2) {
+        return null;
+    }
+    return `Rendering videos requires glibc 2.35 or higher. Your system has glibc ${libCString}.`;
+};
+exports.gLibCErrorMessage = gLibCErrorMessage;
+const checkLibCRequirement = (logLevel, indent) => {
+    const { report } = process;
+    if (report) {
+        // @ts-expect-error no types
+        const { glibcVersionRuntime } = report.getReport().header;
+        if (!glibcVersionRuntime) {
+            return;
+        }
+        const error = (0, exports.gLibCErrorMessage)(glibcVersionRuntime);
+        if (error) {
+            logger_1.Log.warn({ logLevel, indent }, error);
+        }
+    }
+};
+const checkNodeVersionAndWarnAboutRosetta = (logLevel, indent) => {
     const version = process.version.replace('v', '').split('.');
     const majorVersion = Number(version[0]);
     const requiredNodeVersion = 16;
     if (majorVersion < 16) {
         throw new Error(`Remotion requires at least Node ${requiredNodeVersion}. You currently have ${process.version}. Update your node version to ${requiredNodeVersion} to use Remotion.`);
     }
+    checkLibCRequirement(logLevel, indent);
 };
 exports.checkNodeVersionAndWarnAboutRosetta = checkNodeVersionAndWarnAboutRosetta;

package/dist/client.d.ts

@@ -10,8 +10,12 @@ export declare const BrowserSafeApis: {
     proResProfileOptions: readonly ["4444-xq", "4444", "hq", "standard", "light", "proxy"];
     x264PresetOptions: readonly ["ultrafast", "superfast", "veryfast", "faster", "fast", "medium", "slow", "slower", "veryslow", "placebo"];
     validPixelFormats: readonly ["yuv420p", "yuva420p", "yuv422p", "yuv444p", "yuv420p10le", "yuv422p10le", "yuv444p10le", "yuva444p10le"];
+    validOpenGlRenderers: readonly ["swangle", "angle", "egl", "swiftshader", "vulkan", "angle-egl"];
     validPixelFormatsForCodec: (codec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif") => readonly ["yuv420p", "yuva420p", "yuv422p", "yuv444p", "yuv420p10le", "yuv422p10le", "yuv444p10le", "yuva444p10le"] | ("yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le")[];
+    validVideoImageFormats: readonly ["png", "jpeg", "none"];
+    validStillImageFormats: readonly ["png", "jpeg", "pdf", "webp"];
     DEFAULT_PIXEL_FORMAT: "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
+    DEFAULT_TIMEOUT: number;
     supportedAudioCodecs: {
         readonly h264: readonly ["aac", "pcm-16", "mp3"];
         readonly 'h264-mkv': readonly ["pcm-16", "mp3"];
@@ -283,7 +287,7 @@ export declare const BrowserSafeApis: {
             description: () => JSX.Element;
             docLink: string;
             ssrName: string;
-            type: "default" | "bt709";
+            type: "default" | "bt709" | "bt2020-ncl";
         };
         deleteAfterOption: {
             name: string;
@@ -313,7 +317,7 @@ export declare const BrowserSafeApis: {
             cliFlag: "gl";
             docLink: string;
             name: string;
-            type: "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl";
+            type: "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl";
             ssrName: string;
             description: () => JSX.Element;
         };
@@ -341,8 +345,24 @@ export declare const BrowserSafeApis: {
             docLink: string;
             type: string | null;
         };
+        beepOnFinishOption: {
+            name: string;
+            cliFlag: "beep-on-finish";
+            description: () => JSX.Element;
+            ssrName: null;
+            docLink: string;
+            type: boolean;
+        };
+        numberOfGifLoopsOption: {
+            name: string;
+            cliFlag: "number-of-gif-loops";
+            description: () => JSX.Element;
+            ssrName: "numberOfGifLoops";
+            docLink: string;
+            type: number | null;
+        };
     };
-    validColorSpaces: readonly ["default", "bt709"];
+    validColorSpaces: readonly ["default", "bt709", "bt2020-ncl"];
     optionsMap: {
         readonly renderMedia: {
             readonly offthreadVideoCacheSizeInBytes: {
@@ -361,6 +381,14 @@ export declare const BrowserSafeApis: {
                 docLink: string;
                 type: string | null;
             };
+            readonly numberOfGifLoops: {
+                name: string;
+                cliFlag: "number-of-gif-loops";
+                description: () => JSX.Element;
+                ssrName: "numberOfGifLoops";
+                docLink: string;
+                type: number | null;
+            };
         };
         readonly renderStill: {
             readonly offthreadVideoCacheSizeInBytes: {
@@ -419,6 +447,14 @@ export declare const BrowserSafeApis: {
                 docLink: string;
                 type: string | null;
             };
+            readonly numberOfGifLoops: {
+                name: string;
+                cliFlag: "number-of-gif-loops";
+                description: () => JSX.Element;
+                ssrName: "numberOfGifLoops";
+                docLink: string;
+                type: number | null;
+            };
         };
         readonly renderStillOnLambda: {
             readonly offthreadVideoCacheSizeInBytes: {
@@ -449,6 +485,14 @@ export declare const BrowserSafeApis: {
                 docLink: string;
                 type: number | null;
             };
+            readonly numberOfGifLoops: {
+                name: string;
+                cliFlag: "number-of-gif-loops";
+                description: () => JSX.Element;
+                ssrName: "numberOfGifLoops";
+                docLink: string;
+                type: number | null;
+            };
         };
         readonly renderStillOnCloudRun: {
             readonly offthreadVideoCacheSizeInBytes: {
@@ -463,4 +507,5 @@ export declare const BrowserSafeApis: {
     };
     codecSupportsCrf: (codec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif") => boolean;
     codecSupportsVideoBitrate: (codec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif") => boolean;
+    logLevels: readonly ["verbose", "info", "warn", "error"];
 };

package/dist/client.js

@@ -2,14 +2,18 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BrowserSafeApis = void 0;
 const audio_codec_1 = require("./audio-codec");
+const TimeoutSettings_1 = require("./browser/TimeoutSettings");
 const codec_1 = require("./codec");
 const codec_supports_media_1 = require("./codec-supports-media");
 const crf_1 = require("./crf");
 const file_extensions_1 = require("./file-extensions");
 const get_extension_from_codec_1 = require("./get-extension-from-codec");
+const image_format_1 = require("./image-format");
 const is_audio_codec_1 = require("./is-audio-codec");
+const log_level_1 = require("./log-level");
 const options_1 = require("./options");
 const color_space_1 = require("./options/color-space");
+const gl_1 = require("./options/gl");
 const options_map_1 = require("./options/options-map");
 const pixel_format_1 = require("./pixel-format");
 const prores_profile_1 = require("./prores-profile");
@@ -25,8 +29,12 @@ exports.BrowserSafeApis = {
     proResProfileOptions: prores_profile_1.proResProfileOptions,
     x264PresetOptions: x264_preset_1.x264PresetOptions,
     validPixelFormats: pixel_format_1.validPixelFormats,
+    validOpenGlRenderers: gl_1.validOpenGlRenderers,
     validPixelFormatsForCodec: pixel_format_1.validPixelFormatsForCodec,
+    validVideoImageFormats: image_format_1.validVideoImageFormats,
+    validStillImageFormats: image_format_1.validStillImageFormats,
     DEFAULT_PIXEL_FORMAT: pixel_format_1.DEFAULT_PIXEL_FORMAT,
+    DEFAULT_TIMEOUT: TimeoutSettings_1.DEFAULT_TIMEOUT,
     supportedAudioCodecs: audio_codec_1.supportedAudioCodecs,
     defaultFileExtensionMap: file_extensions_1.defaultFileExtensionMap,
     defaultAudioCodecs: audio_codec_1.defaultAudioCodecs,
@@ -37,4 +45,5 @@ exports.BrowserSafeApis = {
     optionsMap: options_map_1.optionsMap,
     codecSupportsCrf: codec_supports_media_1.codecSupportsCrf,
     codecSupportsVideoBitrate: codec_supports_media_1.codecSupportsVideoBitrate,
+    logLevels: log_level_1.logLevels,
 };

package/dist/combine-videos.js

@@ -6,6 +6,7 @@ const node_fs_1 = require("node:fs");
 const node_path_1 = require("node:path");
 const audio_codec_1 = require("./audio-codec");
 const call_ffmpeg_1 = require("./call-ffmpeg");
+const convert_number_of_gif_loops_to_ffmpeg_1 = require("./convert-number-of-gif-loops-to-ffmpeg");
 const is_audio_codec_1 = require("./is-audio-codec");
 const logger_1 = require("./logger");
 const parse_ffmpeg_progress_1 = require("./parse-ffmpeg-progress");
@@ -29,9 +30,7 @@ const combineVideos = async (options) => {
         numberOfGifLoops === null ? null : '-loop',
         numberOfGifLoops === null
             ? null
-            : typeof numberOfGifLoops === 'number'
-                ? String(numberOfGifLoops)
-                : '-1',
+            : (0, convert_number_of_gif_loops_to_ffmpeg_1.convertNumberOfGifLoopsToFfmpegSyntax)(numberOfGifLoops),
         (0, is_audio_codec_1.isAudioCodec)(codec) ? null : '-c:v',
         (0, is_audio_codec_1.isAudioCodec)(codec) ? null : codec === 'gif' ? 'gif' : 'copy',
         resolvedAudioCodec ? '-c:a' : null,

package/dist/ffmpeg-args.js

@@ -37,7 +37,17 @@ const generateFfmpegArgs = ({ hasPreencoded, proResProfileName, pixelFormat, x26
             ['-color_range', 'tv'],
             hasPreencoded ? [] : ['-vf', 'zscale=m=709:min=709:r=limited'],
         ]
-        : [];
+        : colorSpace === 'bt2020-ncl'
+            ? [
+                ['-colorspace:v', 'bt2020nc'],
+                ['-color_primaries:v', 'bt2020'],
+                ['-color_trc:v', 'arib-std-b67'],
+                ['-color_range', 'tv'],
+                hasPreencoded
+                    ? []
+                    : ['-vf', 'zscale=m=2020_ncl:min=2020_ncl:r=limited'],
+            ]
+            : [];
     return [
         ['-c:v', hasPreencoded ? 'copy' : encoderName],
         // -c:v is the same as -vcodec as -codec:video

package/dist/index.d.ts

@@ -138,8 +138,8 @@ export declare const RenderInternals: {
     validPixelFormats: readonly ["yuv420p", "yuva420p", "yuv422p", "yuv444p", "yuv420p10le", "yuv422p10le", "yuv444p10le", "yuva444p10le"];
     DEFAULT_BROWSER: "chrome";
     validateFrameRange: (frameRange: import("./frame-range").FrameRange | null) => void;
-    DEFAULT_OPENGL_RENDERER: "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
-    validateOpenGlRenderer: (option: "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null) => "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
+    DEFAULT_OPENGL_RENDERER: "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
+    validateOpenGlRenderer: (option: "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null) => "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
     validCodecs: readonly ["h264", "h265", "vp8", "vp9", "mp3", "aac", "wav", "prores", "h264-mkv", "gif"];
     DEFAULT_PIXEL_FORMAT: "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
     validateJpegQuality: (q: number | undefined) => void;
@@ -330,8 +330,8 @@ export declare const RenderInternals: {
     };
     validStillImageFormats: readonly ["png", "jpeg", "pdf", "webp"];
     validVideoImageFormats: readonly ["png", "jpeg", "none"];
-    DEFAULT_STILL_IMAGE_FORMAT: "png" | "jpeg" | "pdf" | "webp";
-    DEFAULT_VIDEO_IMAGE_FORMAT: "png" | "jpeg" | "none";
+    DEFAULT_STILL_IMAGE_FORMAT: "jpeg" | "png" | "webp" | "pdf";
+    DEFAULT_VIDEO_IMAGE_FORMAT: "jpeg" | "png" | "none";
     DEFAULT_JPEG_QUALITY: number;
     chalk: {
         enabled: () => boolean;
@@ -430,7 +430,7 @@ export declare const RenderInternals: {
         frame: number;
         serializedInputPropsWithCustomSchema: string;
         serializedResolvedPropsWithCustomSchema: string;
-        imageFormat: "png" | "jpeg" | "pdf" | "webp";
+        imageFormat: "jpeg" | "png" | "webp" | "pdf";
         jpegQuality: number;
         puppeteerInstance: HeadlessBrowser | null;
         envVariables: Record<string, string>;

package/dist/index.js

@@ -198,4 +198,4 @@ exports.RenderInternals = {
     getPortConfig: port_config_1.getPortConfig,
 };
 // Warn of potential performance issues with Apple Silicon (M1 chip under Rosetta)
-(0, check_apple_silicon_1.checkNodeVersionAndWarnAboutRosetta)();
+(0, check_apple_silicon_1.checkNodeVersionAndWarnAboutRosetta)('info', false);

package/dist/options/beep-on-finish.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const beepOnFinishOption: {
+    name: string;
+    cliFlag: "beep-on-finish";
+    description: () => JSX.Element;
+    ssrName: null;
+    docLink: string;
+    type: boolean;
+};

package/dist/options/beep-on-finish.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.beepOnFinishOption = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+exports.beepOnFinishOption = {
+    name: 'Beep on finish',
+    cliFlag: 'beep-on-finish',
+    description: () => ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "Whether the Remotion Studio tab should beep when the render is finished." })),
+    ssrName: null,
+    docLink: 'https://www.remotion.dev/docs/config#setbeeponfinish',
+    type: false,
+};

package/dist/options/color-space.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const validColorSpaces: readonly ["default", "bt709"];
+export declare const validColorSpaces: readonly ["default", "bt709", "bt2020-ncl"];
 export type ColorSpace = (typeof validColorSpaces)[number];
 export declare const colorSpaceOption: {
     name: string;
@@ -7,6 +7,6 @@ export declare const colorSpaceOption: {
     description: () => JSX.Element;
     docLink: string;
     ssrName: string;
-    type: "default" | "bt709";
+    type: "default" | "bt709" | "bt2020-ncl";
 };
 export declare const validateColorSpace: (option: unknown) => void;

package/dist/options/color-space.js

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.validateColorSpace = exports.colorSpaceOption = exports.validColorSpaces = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-exports.validColorSpaces = ['default', 'bt709'];
+exports.validColorSpaces = ['default', 'bt709', 'bt2020-ncl'];
 exports.colorSpaceOption = {
     name: 'Color space',
     cliFlag: 'color-space',
-    description: () => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Color space to use for the video. Acceptable values:", ' ', (0, jsx_runtime_1.jsxs)("code", { children: ['"', "default", '"'] }), ",", ' ', (0, jsx_runtime_1.jsxs)("code", { children: ['"', "bt709", '"'] }), ".", (0, jsx_runtime_1.jsx)("br", {}), "If", ' ', (0, jsx_runtime_1.jsxs)("code", { children: ['"', "bt709", '"'] }), ' ', "is used, it is recommended to also use", ' ', (0, jsx_runtime_1.jsxs)("code", { children: ['"', "png", '"'] }), ' ', "as the image format to have accurate color transformations throughout. Only since v4.0.83, colorspace conversion is actually performed, previously it would only tag the metadata of the video."] })),
+    description: () => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Color space to use for the video. Acceptable values:", ' ', (0, jsx_runtime_1.jsxs)("code", { children: ['"', "default", '"'] }), ",", ' ', (0, jsx_runtime_1.jsxs)("code", { children: ['"', "bt709", '"'] }), ' ', "(since v4.0.28),", ' ', (0, jsx_runtime_1.jsxs)("code", { children: ['"', "bt2020-ncl", '"'] }), ' ', "(since v4.0.88),", ' ', (0, jsx_runtime_1.jsxs)("code", { children: ['"', "bt2020-cl", '"'] }), ' ', "(since v4.0.88), .", (0, jsx_runtime_1.jsx)("br", {}), "If a non-default colorspace is used, it is recommended to also use", ' ', (0, jsx_runtime_1.jsxs)("code", { children: ['"', "png", '"'] }), ' ', "as the image format to have accurate color transformations throughout. Only since v4.0.83, colorspace conversion is actually performed, previously it would only tag the metadata of the video."] })),
     docLink: 'https://www.remotion.dev/docs/renderer/render-media#colorspace',
     ssrName: 'colorSpace',
     type: 'default',

package/dist/options/gl.d.ts

@@ -4,7 +4,7 @@ export declare const glOption: {
     cliFlag: "gl";
     docLink: string;
     name: string;
-    type: "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl";
+    type: "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl";
     ssrName: string;
     description: () => JSX.Element;
 };

package/dist/options/index.d.ts

@@ -86,7 +86,7 @@ export declare const allOptions: {
         description: () => JSX.Element;
         docLink: string;
         ssrName: string;
-        type: "default" | "bt709";
+        type: "default" | "bt709" | "bt2020-ncl";
     };
     deleteAfterOption: {
         name: string;
@@ -116,7 +116,7 @@ export declare const allOptions: {
         cliFlag: "gl";
         docLink: string;
         name: string;
-        type: "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl";
+        type: "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl";
         ssrName: string;
         description: () => JSX.Element;
     };
@@ -144,5 +144,21 @@ export declare const allOptions: {
         docLink: string;
         type: string | null;
     };
+    beepOnFinishOption: {
+        name: string;
+        cliFlag: "beep-on-finish";
+        description: () => JSX.Element;
+        ssrName: null;
+        docLink: string;
+        type: boolean;
+    };
+    numberOfGifLoopsOption: {
+        name: string;
+        cliFlag: "number-of-gif-loops";
+        description: () => JSX.Element;
+        ssrName: "numberOfGifLoops";
+        docLink: string;
+        type: number | null;
+    };
 };
 export type AvailableOptions = keyof typeof allOptions;

package/dist/options/index.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.allOptions = void 0;
 const audio_bitrate_1 = require("./audio-bitrate");
+const beep_on_finish_1 = require("./beep-on-finish");
 const color_space_1 = require("./color-space");
 const crf_1 = require("./crf");
 const delete_after_1 = require("./delete-after");
@@ -14,6 +15,7 @@ const folder_expiry_1 = require("./folder-expiry");
 const gl_1 = require("./gl");
 const jpeg_quality_1 = require("./jpeg-quality");
 const mute_1 = require("./mute");
+const number_of_gif_loops_1 = require("./number-of-gif-loops");
 const offthreadvideo_cache_size_1 = require("./offthreadvideo-cache-size");
 const scale_1 = require("./scale");
 const video_bitrate_1 = require("./video-bitrate");
@@ -38,4 +40,6 @@ exports.allOptions = {
     enableLambdaInsights: enable_lambda_insights_1.enableLambdaInsights,
     encodingMaxRateOption: encoding_max_rate_1.encodingMaxRateOption,
     encodingBufferSizeOption: encoding_buffer_size_1.encodingBufferSizeOption,
+    beepOnFinishOption: beep_on_finish_1.beepOnFinishOption,
+    numberOfGifLoopsOption: number_of_gif_loops_1.numberOfGifLoopsOption,
 };

package/dist/options/number-of-gif-loops.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const numberOfGifLoopsOption: {
+    name: string;
+    cliFlag: "number-of-gif-loops";
+    description: () => JSX.Element;
+    ssrName: "numberOfGifLoops";
+    docLink: string;
+    type: number | null;
+};

package/dist/options/number-of-gif-loops.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.numberOfGifLoopsOption = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+exports.numberOfGifLoopsOption = {
+    name: 'Number of GIF loops',
+    cliFlag: 'number-of-gif-loops',
+    description: () => {
+        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Allows you to set the number of loops as follows:", (0, jsx_runtime_1.jsxs)("ul", { children: [(0, jsx_runtime_1.jsxs)("li", { children: [(0, jsx_runtime_1.jsx)("code", { children: "null" }), " (or omitting in the CLI) plays the GIF indefinitely."] }), (0, jsx_runtime_1.jsxs)("li", { children: [(0, jsx_runtime_1.jsx)("code", { children: "0" }), " disables looping"] }), (0, jsx_runtime_1.jsxs)("li", { children: [(0, jsx_runtime_1.jsx)("code", { children: "1" }), " loops the GIF once (plays twice in total)"] }), (0, jsx_runtime_1.jsxs)("li", { children: [(0, jsx_runtime_1.jsx)("code", { children: "2" }), " loops the GIF twice (plays three times in total) and so on."] })] })] }));
+    },
+    ssrName: 'numberOfGifLoops',
+    docLink: 'https://www.remotion.dev/docs/render-as-gif#changing-the-number-of-loops',
+    type: 0,
+};

package/dist/options/option.d.ts

@@ -2,7 +2,7 @@ import type React from 'react';
 export type RemotionOption<SsrName extends string, Type> = {
     name: string;
     cliFlag: string;
-    ssrName: SsrName;
+    ssrName: SsrName | null;
     description: (mode: 'ssr' | 'cli') => React.ReactNode;
     docLink: string;
     type: Type;

package/dist/options/options-map.d.ts

@@ -17,6 +17,14 @@ export declare const optionsMap: {
             docLink: string;
             type: string | null;
         };
+        readonly numberOfGifLoops: {
+            name: string;
+            cliFlag: "number-of-gif-loops";
+            description: () => JSX.Element;
+            ssrName: "numberOfGifLoops";
+            docLink: string;
+            type: number | null;
+        };
     };
     readonly renderStill: {
         readonly offthreadVideoCacheSizeInBytes: {
@@ -75,6 +83,14 @@ export declare const optionsMap: {
             docLink: string;
             type: string | null;
         };
+        readonly numberOfGifLoops: {
+            name: string;
+            cliFlag: "number-of-gif-loops";
+            description: () => JSX.Element;
+            ssrName: "numberOfGifLoops";
+            docLink: string;
+            type: number | null;
+        };
     };
     readonly renderStillOnLambda: {
         readonly offthreadVideoCacheSizeInBytes: {
@@ -105,6 +121,14 @@ export declare const optionsMap: {
             docLink: string;
             type: number | null;
         };
+        readonly numberOfGifLoops: {
+            name: string;
+            cliFlag: "number-of-gif-loops";
+            description: () => JSX.Element;
+            ssrName: "numberOfGifLoops";
+            docLink: string;
+            type: number | null;
+        };
     };
     readonly renderStillOnCloudRun: {
         readonly offthreadVideoCacheSizeInBytes: {

package/dist/options/options-map.js

@@ -1,12 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.optionsMap = void 0;
+const number_of_gif_loops_1 = require("./number-of-gif-loops");
 const offthreadvideo_cache_size_1 = require("./offthreadvideo-cache-size");
 const video_bitrate_1 = require("./video-bitrate");
 exports.optionsMap = {
     renderMedia: {
         offthreadVideoCacheSizeInBytes: offthreadvideo_cache_size_1.offthreadVideoCacheSizeInBytes,
         videoBitrate: video_bitrate_1.videoBitrate,
+        numberOfGifLoops: number_of_gif_loops_1.numberOfGifLoopsOption,
     },
     renderStill: {
         offthreadVideoCacheSizeInBytes: offthreadvideo_cache_size_1.offthreadVideoCacheSizeInBytes,
@@ -23,6 +25,7 @@ exports.optionsMap = {
     renderMediaOnLambda: {
         offthreadVideoCacheSizeInBytes: offthreadvideo_cache_size_1.offthreadVideoCacheSizeInBytes,
         videoBitrate: video_bitrate_1.videoBitrate,
+        numberOfGifLoops: number_of_gif_loops_1.numberOfGifLoopsOption,
     },
     renderStillOnLambda: {
         offthreadVideoCacheSizeInBytes: offthreadvideo_cache_size_1.offthreadVideoCacheSizeInBytes,
@@ -32,6 +35,7 @@ exports.optionsMap = {
     },
     renderMediaOnCloudRun: {
         offthreadVideoCacheSizeInBytes: offthreadvideo_cache_size_1.offthreadVideoCacheSizeInBytes,
+        numberOfGifLoops: number_of_gif_loops_1.numberOfGifLoopsOption,
     },
     renderStillOnCloudRun: {
         offthreadVideoCacheSizeInBytes: offthreadvideo_cache_size_1.offthreadVideoCacheSizeInBytes,

package/dist/provide-screenshot.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="node" />
 import type { ClipRegion } from 'remotion/no-react';
 import type { Page } from './browser/BrowserPage';
 import type { StillImageFormat } from './image-format';

package/dist/puppeteer-screenshot.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="node" />
 import type { ClipRegion } from 'remotion/no-react';
 import type { Page } from './browser/BrowserPage';
 import type { StillImageFormat } from './image-format';

package/dist/pure.d.ts

@@ -1,3 +1,11 @@
-export declare const PureJSAPIs: {
+export declare const NoReactAPIs: {
     wrapWithErrorHandling: <A extends unknown[], R>(fn: (...args: A) => Promise<R>) => (...args: A) => Promise<R>;
+    getExtensionOfFilename: (filename: string | null) => string | null;
+    getFileExtensionFromCodec: <T extends "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif">(codec: T, audioCodec: "mp3" | "aac" | "pcm-16" | "opus" | null) => import("./file-extensions").FileExtension;
+    validateOutputFilename: <T_1 extends "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif">({ codec, audioCodec, extension, preferLossless, }: {
+        codec: T_1;
+        audioCodec: "mp3" | "aac" | "pcm-16" | "opus" | null;
+        extension: string;
+        preferLossless: boolean;
+    }) => void;
 };

package/dist/pure.js

@@ -1,7 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PureJSAPIs = void 0;
+exports.NoReactAPIs = void 0;
+const get_extension_from_codec_1 = require("./get-extension-from-codec");
+const get_extension_of_filename_1 = require("./get-extension-of-filename");
+const validate_output_filename_1 = require("./validate-output-filename");
 const wrap_with_error_handling_1 = require("./wrap-with-error-handling");
-exports.PureJSAPIs = {
+exports.NoReactAPIs = {
     wrapWithErrorHandling: wrap_with_error_handling_1.wrapWithErrorHandling,
+    getExtensionOfFilename: get_extension_of_filename_1.getExtensionOfFilename,
+    getFileExtensionFromCodec: get_extension_from_codec_1.getFileExtensionFromCodec,
+    validateOutputFilename: validate_output_filename_1.validateOutputFilename,
 };

package/dist/render-media.d.ts

@@ -47,7 +47,6 @@ export type InternalRenderMediaOptions = {
     jpegQuality: number;
     frameRange: FrameRange | null;
     everyNthFrame: number;
-    numberOfGifLoops: number | null;
     puppeteerInstance: HeadlessBrowser | undefined;
     overwrite: boolean;
     onProgress: RenderMediaOnProgress;
@@ -99,7 +98,6 @@ export type RenderMediaOptions = Prettify<{
     jpegQuality?: number;
     frameRange?: FrameRange | null;
     everyNthFrame?: number;
-    numberOfGifLoops?: number | null;
     puppeteerInstance?: HeadlessBrowser;
     overwrite?: boolean;
     onProgress?: RenderMediaOnProgress;
@@ -127,7 +125,6 @@ export type RenderMediaOptions = Prettify<{
     enforceAudioTrack?: boolean;
     ffmpegOverride?: FfmpegOverrideFn;
     audioBitrate?: string | null;
-    videoBitrate?: string | null;
     encodingMaxRate?: string | null;
     encodingBufferSize?: string | null;
     disallowParallelEncoding?: boolean;
@@ -135,9 +132,8 @@ export type RenderMediaOptions = Prettify<{
     serveUrl: string;
     concurrency?: number | string | null;
     logLevel?: LogLevel;
-    offthreadVideoCacheSizeInBytes?: number | null;
     colorSpace?: ColorSpace;
-}>;
+}> & Partial<MoreRenderMediaOptions>;
 type RenderMediaResult = {
     buffer: Buffer | null;
     slowestFrames: SlowFrame[];

package/dist/screenshot-dom-element.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="node" />
 import type { ClipRegion } from 'remotion/no-react';
 import type { Page } from './browser/BrowserPage';
 import type { StillImageFormat } from './image-format';

package/dist/screenshot-task.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="node" />
 import type { ClipRegion } from 'remotion/no-react';
 import type { Page } from './browser/BrowserPage';
 import type { StillImageFormat } from './image-format';

package/dist/serve-handler/index.js

@@ -197,7 +197,8 @@ const serveHandler = async (request, response, config) => {
     }
     const headers = getHeaders(absolutePath, stats);
     if (streamOpts !== null) {
-        headers['Content-Range'] = `bytes ${streamOpts.start}-${streamOpts.end}/${stats.size}`;
+        headers['Content-Range'] =
+            `bytes ${streamOpts.start}-${streamOpts.end}/${stats.size}`;
         headers['Content-Length'] = String(streamOpts.end - streamOpts.start + 1);
     }
     response.writeHead(response.statusCode || 200, headers);

package/dist/stitch-frames-to-video.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="node" />
 import type { RenderMediaOnDownload } from './assets/download-and-map-assets-to-file';
 import type { RenderAssetInfo } from './assets/download-map';
 import type { AudioCodec } from './audio-codec';

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

@@ -1,3 +1,4 @@
+/// <reference types="node" />
 import type { TRenderAsset } from 'remotion/no-react';
 import type { DownloadMap } from './assets/download-map';
 import type { Page } from './browser/BrowserPage';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/renderer",
-  "version": "4.0.83",
+  "version": "4.0.85",
   "description": "Renderer for Remotion",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -18,7 +18,7 @@
     "extract-zip": "2.0.1",
     "source-map": "^0.8.0-beta.0",
     "ws": "8.7.0",
-    "remotion": "4.0.83"
+    "remotion": "4.0.85"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -33,20 +33,20 @@
     "@types/react": "18.0.26",
     "@types/react-dom": "18.0.11",
     "eslint": "8.42.0",
-    "prettier": "3.0.2",
-    "prettier-plugin-organize-imports": "^3.2.2",
+    "prettier": "3.1.1",
+    "prettier-plugin-organize-imports": "3.2.4",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "vitest": "0.31.1"
   },
   "optionalDependencies": {
-    "@remotion/compositor-darwin-arm64": "4.0.83",
-    "@remotion/compositor-linux-arm64-gnu": "4.0.83",
-    "@remotion/compositor-darwin-x64": "4.0.83",
-    "@remotion/compositor-linux-arm64-musl": "4.0.83",
-    "@remotion/compositor-linux-x64-musl": "4.0.83",
-    "@remotion/compositor-win32-x64-msvc": "4.0.83",
-    "@remotion/compositor-linux-x64-gnu": "4.0.83"
+    "@remotion/compositor-darwin-arm64": "4.0.85",
+    "@remotion/compositor-linux-arm64-gnu": "4.0.85",
+    "@remotion/compositor-darwin-x64": "4.0.85",
+    "@remotion/compositor-linux-arm64-musl": "4.0.85",
+    "@remotion/compositor-win32-x64-msvc": "4.0.85",
+    "@remotion/compositor-linux-x64-musl": "4.0.85",
+    "@remotion/compositor-linux-x64-gnu": "4.0.85"
   },
   "keywords": [
     "remotion",