@remotion/renderer 4.0.147 → 4.0.149

package/dist/options/color-space.js

@@ -1,17 +1,23 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.validateColorSpace = exports.colorSpaceOption = exports.validColorSpaces = void 0;
+exports.validateColorSpace = exports.colorSpaceOption = exports.DEFAULT_COLOR_SPACE = exports.validColorSpaces = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-exports.validColorSpaces = ['default', 'bt709', 'bt2020-ncl'];
-let colorSpace = 'default';
+const no_react_1 = require("remotion/no-react");
+const validV4ColorSpaces = ['default', 'bt709', 'bt2020-ncl'];
+const validV5ColorSpaces = ['bt601', 'bt709', 'bt2020-ncl'];
+exports.validColorSpaces = (no_react_1.NoReactInternals.ENABLE_V5_BREAKING_CHANGES
+    ? validV5ColorSpaces
+    : validV4ColorSpaces);
+exports.DEFAULT_COLOR_SPACE = (no_react_1.NoReactInternals.ENABLE_V5_BREAKING_CHANGES ? 'bt709' : 'default');
+let colorSpace = exports.DEFAULT_COLOR_SPACE;
 const cliFlag = 'color-space';
 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", '"'] }), ' ', "(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."] })),
+    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: ['"', exports.DEFAULT_COLOR_SPACE, '"'] }), "(default since 5.0),", ' ', no_react_1.NoReactInternals.ENABLE_V5_BREAKING_CHANGES ? ((0, jsx_runtime_1.jsxs)("code", { children: ['"', "bt601", '"', ', '] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(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", {}), "For best color accuracy, it is recommended to also use", ' ', (0, jsx_runtime_1.jsxs)("code", { children: ['"', "png", '"'] }), ' ', "as the image format to have accurate color transformations throughout.", (0, jsx_runtime_1.jsx)("br", {}), "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',
+    type: exports.DEFAULT_COLOR_SPACE,
     getValue: ({ commandLine }) => {
         if (commandLine[cliFlag] !== undefined) {
             return {
@@ -19,7 +25,7 @@ exports.colorSpaceOption = {
                 value: commandLine[cliFlag],
             };
         }
-        if (colorSpace !== 'default') {
+        if (colorSpace !== exports.DEFAULT_COLOR_SPACE) {
             return {
                 source: 'config',
                 value: colorSpace,
@@ -27,11 +33,11 @@ exports.colorSpaceOption = {
         }
         return {
             source: 'default',
-            value: 'default',
+            value: exports.DEFAULT_COLOR_SPACE,
         };
     },
     setConfig: (value) => {
-        colorSpace = value;
+        colorSpace = value !== null && value !== void 0 ? value : exports.DEFAULT_COLOR_SPACE;
     },
 };
 const validateColorSpace = (option) => {

package/dist/options/enable-multiprocess-on-linux.js

@@ -2,7 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.enableMultiprocessOnLinuxOption = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-let multiProcessOnLinux = true;
+const DEFAULT_VALUE = true;
+let multiProcessOnLinux = DEFAULT_VALUE;
 const cliFlag = 'enable-multiprocess-on-linux';
 exports.enableMultiprocessOnLinuxOption = {
     name: 'Enable Multiprocess on Linux',
@@ -26,7 +27,7 @@ exports.enableMultiprocessOnLinuxOption = {
         }
         return {
             source: 'default',
-            value: false,
+            value: DEFAULT_VALUE,
         };
     },
     setConfig: (value) => {

package/dist/options/index.d.ts

@@ -184,14 +184,14 @@ export declare const allOptions: {
         description: () => import("react/jsx-runtime").JSX.Element;
         docLink: string;
         ssrName: string;
-        type: "default" | "bt709" | "bt2020-ncl";
+        type: "default" | "bt709" | "bt2020-ncl" | null;
         getValue: ({ commandLine }: {
             commandLine: Record<string, unknown>;
         }) => {
             source: string;
             value: "default" | "bt709" | "bt2020-ncl";
         };
-        setConfig: (value: "default" | "bt709" | "bt2020-ncl") => void;
+        setConfig: (value: "default" | "bt709" | "bt2020-ncl" | null) => void;
     };
     deleteAfterOption: {
         name: string;
@@ -382,17 +382,17 @@ export declare const allOptions: {
         description: () => import("react/jsx-runtime").JSX.Element;
         ssrName: "x264Preset";
         docLink: string;
-        type: "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo" | null;
+        type: "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo" | null;
         getValue: ({ commandLine }: {
             commandLine: Record<string, unknown>;
         }) => {
-            value: "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo";
+            value: "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo";
             source: string;
         } | {
             value: null;
             source: string;
         };
-        setConfig: (profile: "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo" | null) => void;
+        setConfig: (profile: "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo" | null) => void;
     };
     logLevelOption: {
         cliFlag: "log";

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

@@ -72,17 +72,17 @@ export declare const optionsMap: {
             description: () => import("react/jsx-runtime").JSX.Element;
             ssrName: "x264Preset";
             docLink: string;
-            type: "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo" | null;
+            type: "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo" | null;
             getValue: ({ commandLine }: {
                 commandLine: Record<string, unknown>;
             }) => {
-                value: "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo";
+                value: "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo";
                 source: string;
             } | {
                 value: null;
                 source: string;
             };
-            setConfig: (profile: "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo" | null) => void;
+            setConfig: (profile: "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo" | null) => void;
         };
         readonly audioBitrate: {
             name: string;
@@ -108,14 +108,14 @@ export declare const optionsMap: {
             description: () => import("react/jsx-runtime").JSX.Element;
             docLink: string;
             ssrName: string;
-            type: "default" | "bt709" | "bt2020-ncl";
+            type: "default" | "bt709" | "bt2020-ncl" | null;
             getValue: ({ commandLine }: {
                 commandLine: Record<string, unknown>;
             }) => {
                 source: string;
                 value: "default" | "bt709" | "bt2020-ncl";
             };
-            setConfig: (value: "default" | "bt709" | "bt2020-ncl") => void;
+            setConfig: (value: "default" | "bt709" | "bt2020-ncl" | null) => void;
         };
         readonly codec: {
             name: string;
@@ -794,17 +794,17 @@ export declare const optionsMap: {
             description: () => import("react/jsx-runtime").JSX.Element;
             ssrName: "x264Preset";
             docLink: string;
-            type: "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo" | null;
+            type: "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo" | null;
             getValue: ({ commandLine }: {
                 commandLine: Record<string, unknown>;
             }) => {
-                value: "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo";
+                value: "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo";
                 source: string;
             } | {
                 value: null;
                 source: string;
             };
-            setConfig: (profile: "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo" | null) => void;
+            setConfig: (profile: "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo" | null) => void;
         };
         readonly encodingMaxRate: {
             name: string;
@@ -848,14 +848,14 @@ export declare const optionsMap: {
             description: () => import("react/jsx-runtime").JSX.Element;
             docLink: string;
             ssrName: string;
-            type: "default" | "bt709" | "bt2020-ncl";
+            type: "default" | "bt709" | "bt2020-ncl" | null;
             getValue: ({ commandLine }: {
                 commandLine: Record<string, unknown>;
             }) => {
                 source: string;
                 value: "default" | "bt709" | "bt2020-ncl";
             };
-            setConfig: (value: "default" | "bt709" | "bt2020-ncl") => void;
+            setConfig: (value: "default" | "bt709" | "bt2020-ncl" | null) => void;
         };
         readonly muted: {
             name: string;
@@ -1112,14 +1112,14 @@ export declare const optionsMap: {
             description: () => import("react/jsx-runtime").JSX.Element;
             docLink: string;
             ssrName: string;
-            type: "default" | "bt709" | "bt2020-ncl";
+            type: "default" | "bt709" | "bt2020-ncl" | null;
             getValue: ({ commandLine }: {
                 commandLine: Record<string, unknown>;
             }) => {
                 source: string;
                 value: "default" | "bt709" | "bt2020-ncl";
             };
-            setConfig: (value: "default" | "bt709" | "bt2020-ncl") => void;
+            setConfig: (value: "default" | "bt709" | "bt2020-ncl" | null) => void;
         };
         readonly audioBitrate: {
             name: string;
@@ -1160,17 +1160,17 @@ export declare const optionsMap: {
             description: () => import("react/jsx-runtime").JSX.Element;
             ssrName: "x264Preset";
             docLink: string;
-            type: "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo" | null;
+            type: "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo" | null;
             getValue: ({ commandLine }: {
                 commandLine: Record<string, unknown>;
             }) => {
-                value: "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo";
+                value: "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo";
                 source: string;
             } | {
                 value: null;
                 source: string;
             };
-            setConfig: (profile: "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo" | null) => void;
+            setConfig: (profile: "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo" | null) => void;
         };
         readonly encodingMaxRate: {
             name: string;

package/dist/options/x264-preset.d.ts

@@ -11,11 +11,11 @@ export declare const x264Option: {
     description: () => import("react/jsx-runtime").JSX.Element;
     ssrName: "x264Preset";
     docLink: string;
-    type: "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo" | null;
+    type: "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo" | null;
     getValue: ({ commandLine }: {
         commandLine: Record<string, unknown>;
     }) => {
-        value: "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo";
+        value: "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo";
         source: string;
     } | {
         value: null;

package/dist/perf.js

@@ -32,7 +32,7 @@ const getPerf = () => {
         ...Object.keys(perf)
             .filter((p) => perf[p].length)
             .map((p) => {
-            return `  ${p} => ${perf[p].reduce((a, b) => a + b, 0) / perf[p].length}ms (n = ${perf[p].length})`;
+            return `  ${p} => ${Math.round(perf[p].reduce((a, b) => a + b, 0) / perf[p].length)}ms (n = ${perf[p].length})`;
         }),
     ];
 };

package/dist/prespawn-ffmpeg.d.ts

@@ -36,7 +36,7 @@ type PreStitcherOptions = {
     encodingMaxRate: string | null;
     encodingBufferSize: string | null;
     indent: boolean;
-    colorSpace: ColorSpace;
+    colorSpace: ColorSpace | null;
     binariesDirectory: string | null;
 };
 export declare const prespawnFfmpeg: (options: PreStitcherOptions) => {

package/dist/render-media.d.ts

@@ -10,7 +10,7 @@ import type { FrameRange } from './frame-range';
 import type { VideoImageFormat } from './image-format';
 import type { CancelSignal } from './make-cancel-signal';
 import type { ChromiumOptions } from './open-browser';
-import type { ColorSpace } from './options/color-space';
+import { type ColorSpace } from './options/color-space';
 import type { ToOptions } from './options/option';
 import type { optionsMap } from './options/options-map';
 import type { PixelFormat } from './pixel-format';
@@ -27,6 +27,7 @@ export type RenderMediaOnProgress = (progress: {
     encodedFrames: number;
     encodedDoneIn: number | null;
     renderedDoneIn: number | null;
+    renderEstimatedTime: number;
     progress: number;
     stitchStage: StitchingState;
 }) => void;
@@ -63,7 +64,6 @@ export type InternalRenderMediaOptions = {
     disallowParallelEncoding: boolean;
     serveUrl: string;
     concurrency: number | string | null;
-    finishRenderProgress: () => void;
     binariesDirectory: string | null;
     compositionStart: number;
 } & MoreRenderMediaOptions;

package/dist/render-media.js

@@ -27,6 +27,7 @@ const jpeg_quality_1 = require("./jpeg-quality");
 const logger_1 = require("./logger");
 const make_cancel_signal_1 = require("./make-cancel-signal");
 const audio_codec_1 = require("./options/audio-codec");
+const color_space_1 = require("./options/color-space");
 const x264_preset_1 = require("./options/x264-preset");
 const overwrite_1 = require("./overwrite");
 const perf_1 = require("./perf");
@@ -48,7 +49,7 @@ const validate_scale_1 = require("./validate-scale");
 const validate_videobitrate_1 = require("./validate-videobitrate");
 const wrap_with_error_handling_1 = require("./wrap-with-error-handling");
 const SLOWEST_FRAME_COUNT = 10;
-const internalRenderMediaRaw = ({ proResProfile, x264Preset, crf, composition, serializedInputPropsWithCustomSchema, pixelFormat, codec, envVariables, frameRange, puppeteerInstance, outputLocation, onProgress, overwrite, onDownload, onBrowserLog, onStart, timeoutInMilliseconds, chromiumOptions, scale, browserExecutable, port, cancelSignal, muted, enforceAudioTrack, ffmpegOverride, audioBitrate, videoBitrate, encodingMaxRate, encodingBufferSize, audioCodec, concurrency, disallowParallelEncoding, everyNthFrame, imageFormat: provisionalImageFormat, indent, jpegQuality, numberOfGifLoops, onCtrlCExit, preferLossless, serveUrl, server: reusedServer, logLevel, serializedResolvedPropsWithCustomSchema, offthreadVideoCacheSizeInBytes, colorSpace, repro, finishRenderProgress, binariesDirectory, separateAudioTo, forSeamlessAacConcatenation, compositionStart, onBrowserDownload, }) => {
+const internalRenderMediaRaw = ({ proResProfile, x264Preset, crf, composition, serializedInputPropsWithCustomSchema, pixelFormat, codec, envVariables, frameRange, puppeteerInstance, outputLocation, onProgress, overwrite, onDownload, onBrowserLog, onStart, timeoutInMilliseconds, chromiumOptions, scale, browserExecutable, port, cancelSignal, muted, enforceAudioTrack, ffmpegOverride, audioBitrate, videoBitrate, encodingMaxRate, encodingBufferSize, audioCodec, concurrency, disallowParallelEncoding, everyNthFrame, imageFormat: provisionalImageFormat, indent, jpegQuality, numberOfGifLoops, onCtrlCExit, preferLossless, serveUrl, server: reusedServer, logLevel, serializedResolvedPropsWithCustomSchema, offthreadVideoCacheSizeInBytes, colorSpace, repro, binariesDirectory, separateAudioTo, forSeamlessAacConcatenation, compositionStart, onBrowserDownload, }) => {
     if (repro) {
         (0, repro_1.enableRepro)({
             serveUrl,
@@ -104,6 +105,8 @@ const internalRenderMediaRaw = ({ proResProfile, x264Preset, crf, composition, s
     let renderedDoneIn = null;
     let encodedDoneIn = null;
     let cancelled = false;
+    let renderEstimatedTime = 0;
+    let totalTimeSpentOnFrames = 0;
     const renderStart = Date.now();
     const { estimatedUsage, freeMemory, hasEnoughMemory } = (0, prestitcher_memory_usage_1.shouldUseParallelEncoding)({
         height: composition.height,
@@ -178,6 +181,7 @@ const internalRenderMediaRaw = ({ proResProfile, x264Preset, crf, composition, s
             encodedFrames: encoded,
             renderedDoneIn,
             renderedFrames,
+            renderEstimatedTime,
             stitchStage,
             progress: Math.round((70 * renderedFrames + 30 * encoded) / totalFramesToRender) /
                 100,
@@ -286,6 +290,11 @@ const internalRenderMediaRaw = ({ proResProfile, x264Preset, crf, composition, s
                 composition,
                 onFrameUpdate: (frame, frameIndex, timeToRenderInMilliseconds) => {
                     renderedFrames = frame;
+                    totalTimeSpentOnFrames += timeToRenderInMilliseconds;
+                    const newAverage = totalTimeSpentOnFrames / renderedFrames;
+                    const remainingFrames = totalFramesToRender - renderedFrames;
+                    // Get estimated time by multiplying the avarage render time by the remaining frames
+                    renderEstimatedTime = Math.round(remainingFrames * newAverage);
                     callUpdate();
                     recordFrameTime(frameIndex, timeToRenderInMilliseconds);
                 },
@@ -354,7 +363,6 @@ const internalRenderMediaRaw = ({ proResProfile, x264Preset, crf, composition, s
         })
             .then(([{ assetsInfo }]) => {
             renderedDoneIn = Date.now() - renderStart;
-            callUpdate();
             logger_1.Log.verbose({ indent, logLevel }, 'Rendering frames done in', renderedDoneIn + 'ms');
             if (absoluteOutputLocation) {
                 (0, ensure_output_directory_1.ensureOutputDirectory)(absoluteOutputLocation);
@@ -384,7 +392,12 @@ const internalRenderMediaRaw = ({ proResProfile, x264Preset, crf, composition, s
                             muxedFrames = frame;
                             encodedFrames = frame;
                         }
-                        callUpdate();
+                        if (encodedFrames === totalFramesToRender) {
+                            encodedDoneIn = Date.now() - stitchStart;
+                        }
+                        if (frame > 0) {
+                            callUpdate();
+                        }
                     },
                     onDownload,
                     numberOfGifLoops,
@@ -403,20 +416,15 @@ const internalRenderMediaRaw = ({ proResProfile, x264Preset, crf, composition, s
                     binariesDirectory,
                     separateAudioTo,
                 }),
-                stitchStart,
             ]);
         })
-            .then(([buffer, stitchStart]) => {
-            encodedFrames = totalFramesToRender;
-            encodedDoneIn = Date.now() - stitchStart;
-            callUpdate();
+            .then(([buffer]) => {
             logger_1.Log.verbose({ indent, logLevel }, 'Stitching done in', encodedDoneIn + 'ms');
             slowestFrames.sort((a, b) => b.time - a.time);
             const result = {
                 buffer,
                 slowestFrames,
             };
-            finishRenderProgress();
             if ((0, repro_1.isReproEnabled)()) {
                 (0, repro_1.getReproWriter)()
                     .onRenderSucceed({ indent, logLevel, output: absoluteOutputLocation })
@@ -547,9 +555,8 @@ const renderMedia = ({ proResProfile, x264Preset, crf, composition, inputProps,
             data: (_b = composition.props) !== null && _b !== void 0 ? _b : {},
         }).serializedString,
         offthreadVideoCacheSizeInBytes: offthreadVideoCacheSizeInBytes !== null && offthreadVideoCacheSizeInBytes !== void 0 ? offthreadVideoCacheSizeInBytes : null,
-        colorSpace: colorSpace !== null && colorSpace !== void 0 ? colorSpace : 'default',
+        colorSpace: colorSpace !== null && colorSpace !== void 0 ? colorSpace : color_space_1.DEFAULT_COLOR_SPACE,
         repro: repro !== null && repro !== void 0 ? repro : false,
-        finishRenderProgress: () => undefined,
         binariesDirectory: binariesDirectory !== null && binariesDirectory !== void 0 ? binariesDirectory : null,
         separateAudioTo: separateAudioTo !== null && separateAudioTo !== void 0 ? separateAudioTo : null,
         forSeamlessAacConcatenation: forSeamlessAacConcatenation !== null && forSeamlessAacConcatenation !== void 0 ? forSeamlessAacConcatenation : false,

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

@@ -6,7 +6,7 @@ import type { FfmpegOverrideFn } from './ffmpeg-override';
 import type { LogLevel } from './log-level';
 import type { CancelSignal } from './make-cancel-signal';
 import type { AudioCodec } from './options/audio-codec';
-import type { ColorSpace } from './options/color-space';
+import { type ColorSpace } from './options/color-space';
 import type { ToOptions } from './options/option';
 import type { optionsMap } from './options/options-map';
 import type { X264Preset } from './options/x264-preset';
@@ -40,7 +40,7 @@ type InternalStitchFramesToVideoOptions = {
     x264Preset: X264Preset | null;
     enforceAudioTrack: boolean;
     ffmpegOverride: null | FfmpegOverrideFn;
-    colorSpace: ColorSpace;
+    colorSpace: ColorSpace | null;
     binariesDirectory: string | null;
 } & ToOptions<typeof optionsMap.stitchFramesToVideo>;
 export type StitchFramesToVideoOptions = {

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

@@ -22,6 +22,7 @@ const get_prores_profile_name_1 = require("./get-prores-profile-name");
 const logger_1 = require("./logger");
 const make_cancel_signal_1 = require("./make-cancel-signal");
 const audio_codec_1 = require("./options/audio-codec");
+const color_space_1 = require("./options/color-space");
 const parse_ffmpeg_progress_1 = require("./parse-ffmpeg-progress");
 const pixel_format_1 = require("./pixel-format");
 const prores_profile_1 = require("./prores-profile");
@@ -119,7 +120,14 @@ const innerStitchFramesToVideo = async ({ assetsInfo, audioBitrate, audioCodec:
             fps,
             chunkLengthInSeconds: assetsInfo.chunkLengthInSeconds,
             logLevel,
-            onProgress: () => updateProgress(0),
+            onProgress: (progress) => {
+                // TODO: This can be added to the overall progress calcuation
+                logger_1.Log.verbose({
+                    indent,
+                    logLevel,
+                    tag: 'audio',
+                }, `Encoding progress: ${Math.round(progress * 100)}%`);
+            },
             downloadMap: assetsInfo.downloadMap,
             remotionRoot,
             indent,
@@ -326,7 +334,7 @@ const stitchFramesToVideo = ({ assetsInfo, force, fps, height, width, audioBitra
         preEncodedFileLocation: null,
         preferLossless: false,
         x264Preset: x264Preset !== null && x264Preset !== void 0 ? x264Preset : null,
-        colorSpace: colorSpace !== null && colorSpace !== void 0 ? colorSpace : 'default',
+        colorSpace: colorSpace !== null && colorSpace !== void 0 ? colorSpace : color_space_1.DEFAULT_COLOR_SPACE,
         binariesDirectory: binariesDirectory !== null && binariesDirectory !== void 0 ? binariesDirectory : null,
         separateAudioTo: separateAudioTo !== null && separateAudioTo !== void 0 ? separateAudioTo : null,
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/renderer",
-  "version": "4.0.147",
+  "version": "4.0.149",
   "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.147"
+    "remotion": "4.0.149"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -31,25 +31,25 @@
     "@types/node": "18.14.6",
     "@types/progress": "2.0.5",
     "@types/bun": "1.0.12",
-    "@types/react": "18.2.48",
-    "@types/react-dom": "18.2.18",
+    "@types/react": "18.3.1",
+    "@types/react-dom": "18.3.0",
     "jsdom": "^24.0.0",
     "eslint": "8.56.0",
     "prettier": "3.2.5",
     "prettier-plugin-organize-imports": "3.2.4",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
     "vitest": "0.31.1",
     "@types/ws": "8.5.10"
   },
   "optionalDependencies": {
-    "@remotion/compositor-darwin-arm64": "4.0.147",
-    "@remotion/compositor-darwin-x64": "4.0.147",
-    "@remotion/compositor-linux-arm64-gnu": "4.0.147",
-    "@remotion/compositor-linux-x64-gnu": "4.0.147",
-    "@remotion/compositor-linux-x64-musl": "4.0.147",
-    "@remotion/compositor-win32-x64-msvc": "4.0.147",
-    "@remotion/compositor-linux-arm64-musl": "4.0.147"
+    "@remotion/compositor-darwin-arm64": "4.0.149",
+    "@remotion/compositor-darwin-x64": "4.0.149",
+    "@remotion/compositor-linux-arm64-gnu": "4.0.149",
+    "@remotion/compositor-linux-arm64-musl": "4.0.149",
+    "@remotion/compositor-linux-x64-gnu": "4.0.149",
+    "@remotion/compositor-win32-x64-msvc": "4.0.149",
+    "@remotion/compositor-linux-x64-musl": "4.0.149"
   },
   "keywords": [
     "remotion",
@@ -65,8 +65,7 @@
     "formatting": "prettier src --check",
     "lint": "eslint src --ext ts,tsx",
     "test": "vitest --run",
-    "watch": "tsc -w",
-    "build": "node build.mjs && tsc -d",
+    "build": "node build.mjs --debug",
     "build-all": "node build.mjs --all"
   }
 }