@remotion/renderer 4.0.84 → 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

@@ -287,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;
@@ -353,8 +353,16 @@ export declare const BrowserSafeApis: {
             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: {
@@ -373,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: {
@@ -431,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: {
@@ -461,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: {

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.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/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/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;
@@ -152,5 +152,13 @@ export declare const allOptions: {
         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

@@ -15,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");
@@ -40,4 +41,5 @@ exports.allOptions = {
     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/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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/renderer",
-  "version": "4.0.84",
+  "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.84"
+    "remotion": "4.0.85"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -40,13 +40,13 @@
     "vitest": "0.31.1"
   },
   "optionalDependencies": {
-    "@remotion/compositor-darwin-arm64": "4.0.84",
-    "@remotion/compositor-linux-arm64-gnu": "4.0.84",
-    "@remotion/compositor-darwin-x64": "4.0.84",
-    "@remotion/compositor-linux-x64-gnu": "4.0.84",
-    "@remotion/compositor-linux-arm64-musl": "4.0.84",
-    "@remotion/compositor-linux-x64-musl": "4.0.84",
-    "@remotion/compositor-win32-x64-msvc": "4.0.84"
+    "@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",