@remotion/cli 4.0.27 → 4.0.29

package/dist/editor/components/RenderQueue/actions.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.canUpdateDefaultProps = exports.updateDefaultProps = exports.updateAvailable = exports.cancelRenderJob = exports.removeRenderJob = exports.copyToClipboard = exports.openInFileExplorer = exports.subscribeToFileExistenceWatcher = exports.unsubscribeFromFileExistenceWatcher = exports.addVideoRenderJob = exports.addStillRenderJob = void 0;
+exports.canUpdateDefaultProps = exports.updateDefaultProps = exports.updateAvailable = exports.cancelRenderJob = exports.removeRenderJob = exports.copyToClipboard = exports.openInFileExplorer = exports.subscribeToFileExistenceWatcher = exports.unsubscribeFromFileExistenceWatcher = exports.addVideoRenderJob = exports.addSequenceRenderJob = exports.addStillRenderJob = void 0;
 const remotion_1 = require("remotion");
 const callApi = (endpoint, body, signal) => {
     return new Promise((resolve, reject) => {
@@ -48,7 +48,32 @@ const addStillRenderJob = ({ compositionId, outName, imageFormat, jpegQuality, f
     });
 };
 exports.addStillRenderJob = addStillRenderJob;
-const addVideoRenderJob = ({ compositionId, outName, imageFormat, jpegQuality, scale, verbose, codec, concurrency, crf, startFrame, endFrame, muted, enforceAudioTrack, proResProfile, x264Preset, pixelFormat, audioBitrate, videoBitrate, everyNthFrame, numberOfGifLoops, delayRenderTimeout, audioCodec, disallowParallelEncoding, chromiumOptions, envVariables, inputProps, offthreadVideoCacheSizeInBytes, }) => {
+const addSequenceRenderJob = ({ compositionId, outName, imageFormat, startFrame, endFrame, scale, verbose, chromiumOptions, delayRenderTimeout, envVariables, inputProps, concurrency, offthreadVideoCacheSizeInBytes, jpegQuality, disallowParallelEncoding, }) => {
+    return callApi('/api/render', {
+        compositionId,
+        type: 'sequence',
+        outName,
+        imageFormat,
+        jpegQuality,
+        scale,
+        startFrame,
+        endFrame,
+        verbose,
+        chromiumOptions,
+        delayRenderTimeout,
+        envVariables,
+        concurrency,
+        serializedInputPropsWithCustomSchema: remotion_1.Internals.serializeJSONWithDate({
+            data: inputProps,
+            staticBase: window.remotion_staticBase,
+            indent: undefined,
+        }).serializedString,
+        offthreadVideoCacheSizeInBytes,
+        disallowParallelEncoding,
+    });
+};
+exports.addSequenceRenderJob = addSequenceRenderJob;
+const addVideoRenderJob = ({ compositionId, outName, imageFormat, jpegQuality, scale, verbose, codec, concurrency, crf, startFrame, endFrame, muted, enforceAudioTrack, proResProfile, x264Preset, pixelFormat, audioBitrate, videoBitrate, everyNthFrame, numberOfGifLoops, delayRenderTimeout, audioCodec, disallowParallelEncoding, chromiumOptions, envVariables, inputProps, offthreadVideoCacheSizeInBytes, colorSpace, }) => {
     return callApi('/api/render', {
         compositionId,
         type: 'video',
@@ -82,6 +107,7 @@ const addVideoRenderJob = ({ compositionId, outName, imageFormat, jpegQuality, s
             indent: undefined,
         }).serializedString,
         offthreadVideoCacheSizeInBytes,
+        colorSpace,
     });
 };
 exports.addVideoRenderJob = addVideoRenderJob;

package/dist/editor/components/SegmentedControl.js

@@ -11,7 +11,7 @@ const container = {
     overflow: 'hidden',
     border: '1px solid ' + colors_1.INPUT_BORDER_COLOR_UNHOVERED,
     flexWrap: 'wrap',
-    maxWidth: '295px',
+    maxWidth: 350,
     justifyContent: 'flex-end',
 };
 const item = {
@@ -23,6 +23,7 @@ const item = {
     border: 'none',
     flex: 1,
     justifyContent: 'center',
+    whiteSpace: 'nowrap',
 };
 const SegmentedControl = ({ items, needsWrapping }) => {
     const controlStyle = (0, react_1.useMemo)(() => {

package/dist/editor/components/SidebarRenderButton.js

@@ -34,7 +34,7 @@ const SidebarRenderButton = ({ composition, visible }) => {
         e.stopPropagation();
         const { initialAudioCodec, initialRenderType, initialVideoCodec } = (0, get_default_video_contexts_1.getDefaultCodecs)({
             defaultCodec: defaults.codec,
-            isStill: !isVideo,
+            renderType: isVideo ? 'video' : 'still',
         });
         setSelectedModal({
             type: 'render',
@@ -78,6 +78,7 @@ const SidebarRenderButton = ({ composition, visible }) => {
             defaultProps: (_a = props[composition.id]) !== null && _a !== void 0 ? _a : composition.defaultProps,
             inFrameMark: null,
             outFrameMark: null,
+            initialColorSpace: defaults.colorSpace,
         });
     }, [
         composition.defaultProps,

package/dist/editor/helpers/colors.d.ts

@@ -16,4 +16,4 @@ export declare const BLUE_DISABLED = "#284f73";
 export declare const getBackgroundFromHoverState: ({ selected, hovered, }: {
     selected: boolean;
     hovered: boolean;
-}) => "transparent" | "rgba(255, 255, 255, 0.06)" | "hsla(0, 0%, 100%, 0.15)" | "hsla(0, 0%, 100%, 0.25)";
+}) => "transparent" | "hsla(0, 0%, 100%, 0.15)" | "hsla(0, 0%, 100%, 0.25)" | "rgba(255, 255, 255, 0.06)";

package/dist/editor/helpers/render-modal-sections.js

@@ -11,6 +11,9 @@ const useRenderModalSections = (renderMode, codec) => {
         if (renderMode === 'still') {
             return ['general', 'data', 'picture', 'advanced'];
         }
+        if (renderMode === 'sequence') {
+            return ['general', 'data', 'picture', 'advanced'];
+        }
         if (renderMode === 'video') {
             if (codec === 'gif') {
                 return ['general', 'data', 'picture', 'gif', 'advanced'];

package/dist/editor/state/modals.d.ts

@@ -1,4 +1,4 @@
-import type { AudioCodec, Codec, OpenGlRenderer, PixelFormat, ProResProfile, StillImageFormat, VideoImageFormat, X264Preset } from '@remotion/renderer';
+import type { AudioCodec, Codec, ColorSpace, OpenGlRenderer, PixelFormat, ProResProfile, StillImageFormat, VideoImageFormat, X264Preset } from '@remotion/renderer';
 import type React from 'react';
 import type { QuickSwitcherMode } from '../components/QuickSwitcher/NoResults';
 import type { RenderType } from '../components/RenderModal/RenderModalAdvanced';
@@ -35,6 +35,7 @@ export type RenderModalState = {
     initialIgnoreCertificateErrors: boolean;
     initialHeadless: boolean;
     initialOffthreadVideoCacheSizeInBytes: number | null;
+    initialColorSpace: ColorSpace;
     minConcurrency: number;
     maxConcurrency: number;
     defaultProps: Record<string, unknown>;

package/dist/get-cli-options.d.ts

@@ -21,7 +21,7 @@ export declare const getCliOptions: (options: {
     numberOfGifLoops: import("./config/number-of-gif-loops").Loop;
     stillFrame: number;
     browserExecutable: BrowserExecutable;
-    logLevel: "error" | "verbose" | "info" | "warn";
+    logLevel: "verbose" | "info" | "warn" | "error";
     scale: number;
     chromiumOptions: ChromiumOptions;
     overwrite: boolean;
@@ -34,6 +34,7 @@ export declare const getCliOptions: (options: {
     videoBitrate: string | null;
     height: number | null;
     width: number | null;
-    configFileImageFormat: "none" | "png" | "jpeg" | undefined;
+    configFileImageFormat: "png" | "jpeg" | "none" | undefined;
     offthreadVideoCacheSizeInBytes: number | null;
+    colorSpace: "default" | "bt709";
 }>;

package/dist/get-cli-options.js

@@ -128,6 +128,7 @@ const getCliOptions = async (options) => {
         width,
         configFileImageFormat: config_1.ConfigInternals.getUserPreferredVideoImageFormat(),
         offthreadVideoCacheSizeInBytes: config_1.ConfigInternals.getOffthreadVideoCacheSizeInBytes(),
+        colorSpace: config_1.ConfigInternals.getColorSpace(),
     };
 };
 exports.getCliOptions = getCliOptions;

package/dist/index.d.ts

@@ -63,24 +63,24 @@ export declare const CliInternals: {
         verbose: (message?: any, ...optionalParams: any[]) => void;
         verboseAdvanced: (options: {
             indent: boolean;
-            logLevel: "error" | "verbose" | "info" | "warn";
+            logLevel: "verbose" | "info" | "warn" | "error";
         } & {
             tag?: string | undefined;
         }, message?: any, ...optionalParams: any[]) => void;
         info: (message?: any, ...optionalParams: any[]) => void;
         infoAdvanced: (options: {
             indent: boolean;
-            logLevel: "error" | "verbose" | "info" | "warn";
+            logLevel: "verbose" | "info" | "warn" | "error";
         }, message?: any, ...optionalParams: any[]) => void;
         warn: (message?: any, ...optionalParams: any[]) => void;
         warnAdvanced: (options: {
             indent: boolean;
-            logLevel: "error" | "verbose" | "info" | "warn";
+            logLevel: "verbose" | "info" | "warn" | "error";
         }, message?: any, ...optionalParams: any[]) => void;
         error: (message?: any, ...optionalParams: any[]) => void;
         errorAdvanced: (options: {
             indent: boolean;
-            logLevel: "error" | "verbose" | "info" | "warn";
+            logLevel: "verbose" | "info" | "warn" | "error";
         } & {
             tag?: string | undefined;
         }, message?: any, ...optionalParams: any[]) => void;
@@ -106,7 +106,7 @@ export declare const CliInternals: {
         numberOfGifLoops: import("./config/number-of-gif-loops").Loop;
         stillFrame: number;
         browserExecutable: import("@remotion/renderer").BrowserExecutable;
-        logLevel: "error" | "verbose" | "info" | "warn";
+        logLevel: "verbose" | "info" | "warn" | "error";
         scale: number;
         chromiumOptions: import("@remotion/renderer").ChromiumOptions;
         overwrite: boolean;
@@ -119,8 +119,9 @@ export declare const CliInternals: {
         videoBitrate: string | null;
         height: number | null;
         width: number | null;
-        configFileImageFormat: "none" | "png" | "jpeg" | undefined;
+        configFileImageFormat: "png" | "jpeg" | "none" | undefined;
         offthreadVideoCacheSizeInBytes: number | null;
+        colorSpace: "default" | "bt709";
     }>;
     loadConfig: (remotionRoot: string) => Promise<string | null>;
     initializeCli: (remotionRoot: string) => Promise<void>;
@@ -129,7 +130,7 @@ export declare const CliInternals: {
     parsedCli: {
         "browser-executable": import("@remotion/renderer").BrowserExecutable;
         "pixel-format": "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
-        "image-format": "none" | "png" | "jpeg" | "pdf" | "webp";
+        "image-format": "png" | "jpeg" | "pdf" | "webp" | "none";
         "prores-profile": "4444-xq" | "4444" | "hq" | "standard" | "light" | "proxy";
         "x264-preset": "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo";
         "bundle-cache": string;
@@ -181,10 +182,11 @@ export declare const CliInternals: {
         "browser-args": string;
         "user-agent": string;
         "offthreadvideo-cache-size-in-bytes": number | null;
+        "color-space": "default" | "bt709";
     } & {
         _: string[];
     };
-    printError: (err: Error, logLevel: "error" | "verbose" | "info" | "warn") => Promise<void>;
+    printError: (err: Error, logLevel: "verbose" | "info" | "warn" | "error") => Promise<void>;
     formatBytes: (number: number, options?: Intl.NumberFormatOptions & {
         locale: string;
         bits?: boolean | undefined;
@@ -196,7 +198,7 @@ export declare const CliInternals: {
         downloadName: string | null;
         outName: string | null;
         configImageFormat: "png" | "jpeg" | "pdf" | "webp" | null;
-        cliFlag: "none" | "png" | "jpeg" | "pdf" | "webp" | null;
+        cliFlag: "png" | "jpeg" | "pdf" | "webp" | "none" | null;
         isLambda: boolean;
         fromUi: "png" | "jpeg" | "pdf" | "webp" | null;
     }) => {
@@ -211,8 +213,8 @@ export declare const CliInternals: {
     };
     getVideoImageFormat: ({ codec, uiImageFormat, }: {
         codec: import("@remotion/renderer").CodecOrUndefined;
-        uiImageFormat: "none" | "png" | "jpeg" | null;
-    }) => "none" | "png" | "jpeg";
+        uiImageFormat: "png" | "jpeg" | "none" | null;
+    }) => "png" | "jpeg" | "none";
     printCompositions: (compositions: import("remotion").VideoConfig[]) => void;
     getFinalOutputCodec: ({ cliFlag, configFile, downloadName, outName, uiCodec, }: {
         cliFlag: import("@remotion/renderer").CodecOrUndefined;
@@ -226,7 +228,7 @@ export declare const CliInternals: {
     };
     listOfRemotionPackages: string[];
     shouldUseNonOverlayingLogger: ({ logLevel, }: {
-        logLevel: "error" | "verbose" | "info" | "warn";
+        logLevel: "verbose" | "info" | "warn" | "error";
     }) => boolean;
     getCompositionWithDimensionOverride: ({ height, width, args, compositionIdFromUi, chromiumOptions, envVariables, port, puppeteerInstance, timeoutInMilliseconds, browserExecutable, serveUrlOrWebpackUrl, indent, serializedInputPropsWithCustomSchema, logLevel, server, offthreadVideoCacheSizeInBytes, }: {
         height: number | null;
@@ -241,7 +243,7 @@ export declare const CliInternals: {
         browserExecutable: import("@remotion/renderer").BrowserExecutable;
         serveUrlOrWebpackUrl: string;
         indent: boolean;
-        logLevel: "error" | "verbose" | "info" | "warn";
+        logLevel: "verbose" | "info" | "warn" | "error";
         serializedInputPropsWithCustomSchema: string;
         server: import("@remotion/renderer").RemotionServer;
         offthreadVideoCacheSizeInBytes: number | null;

package/dist/log.d.ts

@@ -2,24 +2,24 @@ export declare const Log: {
     verbose: (message?: any, ...optionalParams: any[]) => void;
     verboseAdvanced: (options: {
         indent: boolean;
-        logLevel: "error" | "verbose" | "info" | "warn";
+        logLevel: "verbose" | "info" | "warn" | "error";
     } & {
         tag?: string | undefined;
     }, message?: any, ...optionalParams: any[]) => void;
     info: (message?: any, ...optionalParams: any[]) => void;
     infoAdvanced: (options: {
         indent: boolean;
-        logLevel: "error" | "verbose" | "info" | "warn";
+        logLevel: "verbose" | "info" | "warn" | "error";
     }, message?: any, ...optionalParams: any[]) => void;
     warn: (message?: any, ...optionalParams: any[]) => void;
     warnAdvanced: (options: {
         indent: boolean;
-        logLevel: "error" | "verbose" | "info" | "warn";
+        logLevel: "verbose" | "info" | "warn" | "error";
     }, message?: any, ...optionalParams: any[]) => void;
     error: (message?: any, ...optionalParams: any[]) => void;
     errorAdvanced: (options: {
         indent: boolean;
-        logLevel: "error" | "verbose" | "info" | "warn";
+        logLevel: "verbose" | "info" | "warn" | "error";
     } & {
         tag?: string | undefined;
     }, message?: any, ...optionalParams: any[]) => void;

package/dist/parse-command-line.d.ts

@@ -15,6 +15,8 @@ type CommandLineOptions = {
     ['number-of-shared-audio-tags']: number;
     [BrowserSafeApis.options.offthreadVideoCacheSizeInBytesOption
         .cliFlag]: typeof BrowserSafeApis.options.offthreadVideoCacheSizeInBytesOption.type;
+    [BrowserSafeApis.options.colorSpaceOption
+        .cliFlag]: typeof BrowserSafeApis.options.colorSpaceOption.type;
     version: string;
     codec: Codec;
     concurrency: number;

package/dist/parse-command-line.js

@@ -148,6 +148,9 @@ const parseCommandLine = () => {
     if (typeof exports.parsedCli['offthreadvideo-cache-size-in-bytes'] !== 'undefined') {
         config_1.Config.setOffthreadVideoCacheSizeInBytes(exports.parsedCli['offthreadvideo-cache-size-in-bytes']);
     }
+    if (typeof exports.parsedCli['color-space'] !== 'undefined') {
+        config_1.Config.setColorSpace(exports.parsedCli['color-space']);
+    }
 };
 exports.parseCommandLine = parseCommandLine;
 const quietFlagProvided = () => exports.parsedCli.quiet || exports.parsedCli.q;

package/dist/preview-server/dev-middleware/range-parser.d.ts

@@ -11,5 +11,5 @@ type Range = {
 type Ranges = Range[] & {
     type?: string;
 };
-export declare function parseRange(size: number, str: string | string[]): -1 | -2 | Ranges;
+export declare function parseRange(size: number, str: string | string[]): -1 | Ranges | -2;
 export {};

package/dist/preview-server/render-queue/get-default-video-contexts.d.ts

@@ -1,8 +1,8 @@
 import type { Codec } from '@remotion/renderer';
 import type { RenderType } from '../../editor/components/RenderModal/RenderModalAdvanced';
-export declare const getDefaultCodecs: ({ defaultCodec, isStill, }: {
+export declare const getDefaultCodecs: ({ defaultCodec, renderType, }: {
     defaultCodec: Codec;
-    isStill: boolean;
+    renderType: RenderType;
 }) => {
     initialAudioCodec: Codec;
     initialVideoCodec: Codec;

package/dist/preview-server/render-queue/get-default-video-contexts.js

@@ -2,12 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getDefaultCodecs = void 0;
 const client_1 = require("@remotion/renderer/client");
-const getDefaultCodecs = ({ defaultCodec, isStill, }) => {
+const getDefaultCodecs = ({ defaultCodec, renderType, }) => {
     const isAudioCodec = client_1.BrowserSafeApis.isAudioCodec(defaultCodec);
     return {
         initialAudioCodec: isAudioCodec ? defaultCodec : 'mp3',
         initialVideoCodec: isAudioCodec ? 'h264' : defaultCodec,
-        initialRenderType: isStill ? 'still' : isAudioCodec ? 'audio' : 'video',
+        initialRenderType: isAudioCodec ? 'audio' : renderType,
     };
 };
 exports.getDefaultCodecs = getDefaultCodecs;

package/dist/preview-server/render-queue/job.d.ts

@@ -1,4 +1,4 @@
-import type { AudioCodec, Codec, makeCancelSignal, PixelFormat, ProResProfile, StillImageFormat, VideoImageFormat, X264Preset } from '@remotion/renderer';
+import type { AudioCodec, Codec, ColorSpace, makeCancelSignal, PixelFormat, ProResProfile, StillImageFormat, VideoImageFormat, X264Preset } from '@remotion/renderer';
 import type { EnumPath } from '../../editor/components/RenderModal/SchemaEditor/extract-enum-json-paths';
 import type { AggregateRenderProgress } from '../../progress-types';
 import type { RequiredChromiumOptions } from '../../required-chromium-options';
@@ -30,6 +30,15 @@ type RenderJobDynamicFields = ({
     frame: number;
     scale: number;
     offthreadVideoCacheSizeInBytes: number | null;
+} & RenderJobDynamicStatus) | ({
+    type: 'sequence';
+    imageFormat: VideoImageFormat;
+    jpegQuality: number | null;
+    scale: number;
+    concurrency: number;
+    startFrame: number;
+    endFrame: number;
+    offthreadVideoCacheSizeInBytes: number | null;
 } & RenderJobDynamicStatus) | ({
     type: 'video';
     imageFormat: VideoImageFormat;
@@ -52,6 +61,7 @@ type RenderJobDynamicFields = ({
     numberOfGifLoops: number | null;
     disallowParallelEncoding: boolean;
     offthreadVideoCacheSizeInBytes: number | null;
+    colorSpace: ColorSpace;
 } & RenderJobDynamicStatus);
 export type RenderJob = {
     startedAt: number;
@@ -76,6 +86,16 @@ type AddRenderRequestDynamicFields = {
     frame: number;
     scale: number;
     verbose: boolean;
+} | {
+    type: 'sequence';
+    imageFormat: VideoImageFormat;
+    jpegQuality: number | null;
+    scale: number;
+    verbose: boolean;
+    concurrency: number;
+    startFrame: number;
+    endFrame: number;
+    disallowParallelEncoding: boolean;
 } | {
     type: 'video';
     codec: Codec;
@@ -98,6 +118,7 @@ type AddRenderRequestDynamicFields = {
     everyNthFrame: number;
     numberOfGifLoops: number | null;
     disallowParallelEncoding: boolean;
+    colorSpace: ColorSpace;
 };
 export type CancelRenderRequest = {
     jobId: string;

package/dist/preview-server/render-queue/make-retry-payload.js

@@ -4,7 +4,7 @@ exports.makeRetryPayload = void 0;
 const remotion_1 = require("remotion");
 const get_default_video_contexts_1 = require("./get-default-video-contexts");
 const makeRetryPayload = (job) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     const defaults = window.remotion_renderDefaults;
     if (!defaults) {
         throw new Error('defaults not set');
@@ -12,7 +12,7 @@ const makeRetryPayload = (job) => {
     if (job.type === 'still') {
         const { initialAudioCodec, initialRenderType, initialVideoCodec } = (0, get_default_video_contexts_1.getDefaultCodecs)({
             defaultCodec: defaults.codec,
-            isStill: true,
+            renderType: 'still',
         });
         return {
             type: 'render',
@@ -50,19 +50,64 @@ const makeRetryPayload = (job) => {
             inFrameMark: null,
             outFrameMark: null,
             initialOffthreadVideoCacheSizeInBytes: job.offthreadVideoCacheSizeInBytes,
+            initialColorSpace: defaults.colorSpace,
+        };
+    }
+    if (job.type === 'sequence') {
+        const { initialAudioCodec, initialRenderType, initialVideoCodec } = (0, get_default_video_contexts_1.getDefaultCodecs)({
+            defaultCodec: defaults.codec,
+            renderType: 'sequence',
+        });
+        return {
+            type: 'render',
+            initialFrame: 0,
+            compositionId: job.compositionId,
+            initialVideoImageFormat: defaults.videoImageFormat,
+            initialJpegQuality: (_b = job.jpegQuality) !== null && _b !== void 0 ? _b : defaults.jpegQuality,
+            initialOutName: job.outName,
+            initialScale: job.scale,
+            initialVerbose: job.verbose,
+            initialVideoCodecForAudioTab: initialAudioCodec,
+            initialRenderType,
+            initialVideoCodecForVideoTab: initialVideoCodec,
+            initialConcurrency: defaults.concurrency,
+            maxConcurrency: defaults.maxConcurrency,
+            minConcurrency: defaults.minConcurrency,
+            initialMuted: defaults.muted,
+            initialEnforceAudioTrack: defaults.enforceAudioTrack,
+            initialProResProfile: defaults.proResProfile,
+            initialx264Preset: defaults.x264Preset,
+            initialPixelFormat: defaults.pixelFormat,
+            initialAudioBitrate: defaults.audioBitrate,
+            initialVideoBitrate: defaults.videoBitrate,
+            initialEveryNthFrame: defaults.everyNthFrame,
+            initialNumberOfGifLoops: defaults.numberOfGifLoops,
+            initialDelayRenderTimeout: job.delayRenderTimeout,
+            initialAudioCodec: defaults.audioCodec,
+            initialEnvVariables: job.envVariables,
+            initialDisableWebSecurity: job.chromiumOptions.disableWebSecurity,
+            initialOpenGlRenderer: job.chromiumOptions.gl,
+            initialHeadless: job.chromiumOptions.headless,
+            initialIgnoreCertificateErrors: job.chromiumOptions.ignoreCertificateErrors,
+            defaultProps: remotion_1.Internals.deserializeJSONWithCustomFields(job.serializedInputPropsWithCustomSchema),
+            initialStillImageFormat: defaults.stillImageFormat,
+            inFrameMark: job.startFrame,
+            outFrameMark: job.endFrame,
+            initialOffthreadVideoCacheSizeInBytes: job.offthreadVideoCacheSizeInBytes,
+            initialColorSpace: defaults.colorSpace,
         };
     }
     if (job.type === 'video') {
         const { initialAudioCodec, initialRenderType, initialVideoCodec } = (0, get_default_video_contexts_1.getDefaultCodecs)({
             defaultCodec: job.codec,
-            isStill: false,
+            renderType: 'video',
         });
         return {
             type: 'render',
             compositionId: job.compositionId,
             initialStillImageFormat: defaults.stillImageFormat,
             initialVideoImageFormat: job.imageFormat,
-            initialJpegQuality: (_b = job.jpegQuality) !== null && _b !== void 0 ? _b : defaults.jpegQuality,
+            initialJpegQuality: (_c = job.jpegQuality) !== null && _c !== void 0 ? _c : defaults.jpegQuality,
             initialOutName: job.outName,
             initialScale: job.scale,
             initialVerbose: job.verbose,
@@ -75,8 +120,8 @@ const makeRetryPayload = (job) => {
             initialEnforceAudioTrack: job.enforceAudioTrack,
             initialRenderType,
             initialVideoCodecForVideoTab: initialVideoCodec,
-            initialProResProfile: (_c = job.proResProfile) !== null && _c !== void 0 ? _c : defaults.proResProfile,
-            initialx264Preset: (_d = job.x264Preset) !== null && _d !== void 0 ? _d : defaults.x264Preset,
+            initialProResProfile: (_d = job.proResProfile) !== null && _d !== void 0 ? _d : defaults.proResProfile,
+            initialx264Preset: (_e = job.x264Preset) !== null && _e !== void 0 ? _e : defaults.x264Preset,
             initialPixelFormat: job.pixelFormat,
             initialAudioBitrate: job.audioBitrate,
             initialVideoBitrate: job.videoBitrate,
@@ -93,6 +138,7 @@ const makeRetryPayload = (job) => {
             inFrameMark: job.startFrame,
             outFrameMark: job.endFrame,
             initialOffthreadVideoCacheSizeInBytes: job.offthreadVideoCacheSizeInBytes,
+            initialColorSpace: job.colorSpace,
         };
     }
     throw new Error(`Job ${JSON.stringify(job)} Not implemented`);

package/dist/preview-server/render-queue/process-video.js

@@ -6,7 +6,7 @@ const get_cli_options_1 = require("../../get-cli-options");
 const render_1 = require("../../render-flows/render");
 const processVideoJob = async ({ job, remotionRoot, entryPoint, onProgress, addCleanupCallback, }) => {
     var _a, _b, _c;
-    if (job.type !== 'video') {
+    if (job.type !== 'video' && job.type !== 'sequence') {
         throw new Error('Expected video job');
     }
     const { publicDir, browserExecutable, port, browser, ffmpegOverride } = await (0, get_cli_options_1.getCliOptions)({
@@ -38,28 +38,29 @@ const processVideoJob = async ({ job, remotionRoot, entryPoint, onProgress, addC
         onProgress,
         indent: true,
         concurrency: job.concurrency,
-        everyNthFrame: job.everyNthFrame,
+        everyNthFrame: job.type === 'video' ? job.everyNthFrame : 1,
         frameRange: [job.startFrame, job.endFrame],
         quiet: false,
-        shouldOutputImageSequence: false,
+        shouldOutputImageSequence: job.type === 'sequence',
         addCleanupCallback,
         outputLocationFromUI: job.outName,
-        uiCodec: job.codec,
+        uiCodec: job.type === 'video' ? job.codec : null,
         uiImageFormat: job.imageFormat,
         cancelSignal: job.cancelToken.cancelSignal,
-        crf: job.crf,
+        crf: job.type === 'video' ? job.crf : null,
         ffmpegOverride,
-        audioBitrate: job.audioBitrate,
-        muted: job.muted,
-        enforceAudioTrack: job.enforceAudioTrack,
-        proResProfile: (_b = job.proResProfile) !== null && _b !== void 0 ? _b : undefined,
-        x264Preset: (_c = job.x264Preset) !== null && _c !== void 0 ? _c : undefined,
-        pixelFormat: job.pixelFormat,
-        videoBitrate: job.videoBitrate,
-        numberOfGifLoops: job.numberOfGifLoops,
-        audioCodec: job.audioCodec,
-        disallowParallelEncoding: job.disallowParallelEncoding,
+        audioBitrate: job.type === 'video' ? job.audioBitrate : null,
+        muted: job.type === 'video' ? job.muted : true,
+        enforceAudioTrack: job.type === 'video' ? job.enforceAudioTrack : false,
+        proResProfile: job.type === 'video' ? (_b = job.proResProfile) !== null && _b !== void 0 ? _b : undefined : undefined,
+        x264Preset: job.type === 'video' ? (_c = job.x264Preset) !== null && _c !== void 0 ? _c : undefined : undefined,
+        pixelFormat: job.type === 'video' ? job.pixelFormat : 'yuv420p',
+        videoBitrate: job.type === 'video' ? job.videoBitrate : null,
+        numberOfGifLoops: job.type === 'video' ? job.numberOfGifLoops : null,
+        audioCodec: job.type === 'video' ? job.audioCodec : null,
+        disallowParallelEncoding: job.type === 'video' ? job.disallowParallelEncoding : false,
         offthreadVideoCacheSizeInBytes: job.offthreadVideoCacheSizeInBytes,
+        colorSpace: job.type === 'video' ? job.colorSpace : 'default',
     });
 };
 exports.processVideoJob = processVideoJob;

package/dist/preview-server/render-queue/queue.js

@@ -50,7 +50,7 @@ const processJob = async ({ job, remotionRoot, entryPoint, onProgress, addCleanu
         });
         return;
     }
-    if (job.type === 'video') {
+    if (job.type === 'video' || job.type === 'sequence') {
         await (0, process_video_1.processVideoJob)({
             job,
             remotionRoot,
@@ -147,6 +147,13 @@ const processJobIfPossible = async ({ remotionRoot, entryPoint, }) => {
                             progress,
                         };
                     }
+                    if (job.type === 'sequence') {
+                        return {
+                            ...job,
+                            status: 'running',
+                            progress,
+                        };
+                    }
                     throw new Error('Unknown job type');
                 });
             },

package/dist/preview-server/routes/add-render.js

@@ -44,6 +44,36 @@ const handleAddRender = ({ input, entryPoint, remotionRoot, }) => {
                 envVariables: input.envVariables,
                 serializedInputPropsWithCustomSchema: input.serializedInputPropsWithCustomSchema,
                 offthreadVideoCacheSizeInBytes: input.offthreadVideoCacheSizeInBytes,
+                colorSpace: input.colorSpace,
+            },
+        });
+    }
+    if (input.type === 'sequence') {
+        (0, queue_1.addJob)({
+            entryPoint,
+            remotionRoot,
+            job: {
+                cleanup: [],
+                compositionId: input.compositionId,
+                deletedOutputLocation: false,
+                type: 'sequence',
+                status: 'idle',
+                id,
+                imageFormat: input.imageFormat,
+                outName: input.outName,
+                jpegQuality: input.jpegQuality,
+                scale: input.scale,
+                startedAt: Date.now(),
+                verbose: input.verbose,
+                cancelToken: (0, renderer_1.makeCancelSignal)(),
+                concurrency: input.concurrency,
+                endFrame: input.endFrame,
+                startFrame: input.startFrame,
+                delayRenderTimeout: input.delayRenderTimeout,
+                chromiumOptions: input.chromiumOptions,
+                envVariables: input.envVariables,
+                serializedInputPropsWithCustomSchema: input.serializedInputPropsWithCustomSchema,
+                offthreadVideoCacheSizeInBytes: input.offthreadVideoCacheSizeInBytes,
             },
         });
     }

package/dist/preview-server/routes.js

@@ -54,6 +54,7 @@ const handleFallback = async ({ remotionRoot, hash, response, getCurrentInputPro
     const ignoreCertificateErrors = config_1.ConfigInternals.getIgnoreCertificateErrors();
     const openGlRenderer = config_1.ConfigInternals.getChromiumOpenGlRenderer();
     const offthreadVideoCacheSizeInBytes = config_1.ConfigInternals.getOffthreadVideoCacheSizeInBytes();
+    const colorSpace = config_1.ConfigInternals.getColorSpace();
     const maxConcurrency = renderer_1.RenderInternals.getMaxConcurrency();
     const minConcurrency = renderer_1.RenderInternals.getMinConcurrency();
     response.setHeader('content-type', 'text/html');
@@ -99,6 +100,7 @@ const handleFallback = async ({ remotionRoot, hash, response, getCurrentInputPro
             ignoreCertificateErrors,
             openGlRenderer,
             offthreadVideoCacheSizeInBytes,
+            colorSpace,
         },
         publicFolderExists: (0, node_fs_1.existsSync)(publicDir) ? publicDir : null,
     }));