@remotion/cli 4.0.70 → 4.0.72

package/dist/benchmark.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.benchmarkCommand = void 0;
 const renderer_1 = require("@remotion/renderer");
-const remotion_1 = require("remotion");
+const no_react_1 = require("remotion/no-react");
 const chalk_1 = require("./chalk");
 const cleanup_before_quit_1 = require("./cleanup-before-quit");
 const config_1 = require("./config");
@@ -128,7 +128,7 @@ const benchmarkCommand = async (remotionRoot, args, logLevel) => {
     });
     (0, cleanup_before_quit_1.registerCleanupJob)(() => cleanupBundle());
     const puppeteerInstance = await browserInstance;
-    const serializedInputPropsWithCustomSchema = remotion_1.Internals.serializeJSONWithDate({
+    const serializedInputPropsWithCustomSchema = no_react_1.NoReactInternals.serializeJSONWithDate({
         data: inputProps !== null && inputProps !== void 0 ? inputProps : {},
         indent: undefined,
         staticBase: null,
@@ -234,7 +234,7 @@ const benchmarkCommand = async (remotionRoot, args, logLevel) => {
                 onStart: () => undefined,
                 preferLossless: false,
                 server: undefined,
-                serializedResolvedPropsWithCustomSchema: remotion_1.Internals.serializeJSONWithDate({
+                serializedResolvedPropsWithCustomSchema: no_react_1.NoReactInternals.serializeJSONWithDate({
                     data: composition.props,
                     indent: undefined,
                     staticBase: null,

package/dist/compositions.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.listCompositionsCommand = void 0;
 const renderer_1 = require("@remotion/renderer");
-const remotion_1 = require("remotion");
+const no_react_1 = require("remotion/no-react");
 const cleanup_before_quit_1 = require("./cleanup-before-quit");
 const preview_server_1 = require("./config/preview-server");
 const entry_point_1 = require("./entry-point");
@@ -45,7 +45,7 @@ const listCompositionsCommand = async (remotionRoot, args, logLevel) => {
         browserExecutable,
         chromiumOptions,
         envVariables,
-        serializedInputPropsWithCustomSchema: remotion_1.Internals.serializeJSONWithDate({
+        serializedInputPropsWithCustomSchema: no_react_1.NoReactInternals.serializeJSONWithDate({
             data: inputProps,
             staticBase: null,
             indent: undefined,

package/dist/config/audio-codec.d.ts

@@ -1,3 +1,3 @@
 import type { AudioCodec } from '@remotion/renderer';
 export declare const setAudioCodec: (audioCodec: AudioCodec | null) => void;
-export declare const getAudioCodec: () => "mp3" | "aac" | "pcm-16" | "opus" | null;
+export declare const getAudioCodec: () => "pcm-16" | "aac" | "mp3" | "opus" | null;

package/dist/config/image-format.d.ts

@@ -2,4 +2,4 @@ import type { StillImageFormat, VideoImageFormat } from '@remotion/renderer';
 export declare const setStillImageFormat: (format: StillImageFormat) => void;
 export declare const setVideoImageFormat: (format: VideoImageFormat) => void;
 export declare const getUserPreferredStillImageFormat: () => "png" | "jpeg" | "pdf" | "webp" | undefined;
-export declare const getUserPreferredVideoImageFormat: () => "none" | "png" | "jpeg" | undefined;
+export declare const getUserPreferredVideoImageFormat: () => "png" | "jpeg" | "none" | undefined;

package/dist/config/index.d.ts

@@ -307,7 +307,7 @@ export declare const ConfigInternals: {
     getBrowser: () => null;
     getPixelFormat: () => "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
     getProResProfile: () => "4444-xq" | "4444" | "hq" | "standard" | "light" | "proxy" | undefined;
-    getPresetProfile: () => "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo" | undefined;
+    getPresetProfile: () => "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo" | undefined;
     getShouldOverwrite: ({ defaultValue, }: {
         defaultValue: boolean;
     }) => boolean;
@@ -324,12 +324,12 @@ export declare const ConfigInternals: {
     getConcurrency: () => string | number | null;
     getCurrentPuppeteerTimeout: () => number;
     getJpegQuality: () => number;
-    getAudioCodec: () => "mp3" | "aac" | "pcm-16" | "opus" | null;
+    getAudioCodec: () => "pcm-16" | "aac" | "mp3" | "opus" | null;
     getStillFrame: () => number;
     getShouldOutputImageSequence: (frameRange: FrameRange | null) => boolean;
     getDotEnvLocation: () => string | null;
     getUserPreferredStillImageFormat: () => "png" | "jpeg" | "pdf" | "webp" | undefined;
-    getUserPreferredVideoImageFormat: () => "none" | "png" | "jpeg" | undefined;
+    getUserPreferredVideoImageFormat: () => "png" | "jpeg" | "none" | undefined;
     getWebpackOverrideFn: () => WebpackOverrideFn;
     getWebpackCaching: () => boolean;
     getOutputLocation: () => string | null;

package/dist/config/still-frame.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getStillFrame = exports.setStillFrame = void 0;
-const remotion_1 = require("remotion");
+const no_react_1 = require("remotion/no-react");
 let stillFrame = 0;
 const setStillFrame = (frame) => {
-    remotion_1.Internals.validateFrame({
+    no_react_1.NoReactInternals.validateFrame({
         frame,
         durationInFrames: Infinity,
         allowFloats: false,

package/dist/editor/components/InlineAction.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 export type RenderInlineAction = (color: string) => React.ReactNode;
 export declare const InlineAction: React.FC<{
-    onClick: React.MouseEventHandler<HTMLAnchorElement>;
+    onClick: React.MouseEventHandler<HTMLButtonElement>;
     disabled?: boolean;
     renderAction: RenderInlineAction;
     title?: string;

package/dist/editor/components/InlineAction.js

@@ -29,6 +29,6 @@ const InlineAction = ({ renderAction, onClick, disabled, title }) => {
             pointerEvents: disabled ? 'none' : 'auto',
         };
     }, [disabled, hovered]);
-    return ((0, jsx_runtime_1.jsx)("a", { type: "button", onPointerEnter: onPointerEnter, onPointerLeave: onPointerLeave, onClick: onClick, style: style, tabIndex: tabIndex, title: title, children: renderAction(hovered ? 'white' : colors_1.LIGHT_TEXT) }));
+    return ((0, jsx_runtime_1.jsx)("button", { type: "button", onPointerEnter: onPointerEnter, onPointerLeave: onPointerLeave, onClick: onClick, style: style, tabIndex: tabIndex, title: title, children: renderAction(hovered ? 'white' : colors_1.LIGHT_TEXT) }));
 };
 exports.InlineAction = InlineAction;

package/dist/editor/components/NewComposition/RemInput.d.ts

@@ -12,6 +12,6 @@ export declare const getInputBorderColor: ({ status, isFocused, isHovered, }: {
     status: 'error' | 'warning' | 'ok';
     isFocused: boolean;
     isHovered: boolean;
-}) => "hsla(0, 0%, 100%, 0.15)" | "rgba(0, 0, 0, 0.6)" | "rgba(255, 255, 255, 0.05)" | "#ff3232" | "#f1c40f";
-export declare const RemotionInput: React.ForwardRefExoticComponent<Pick<Props, "key" | keyof React.InputHTMLAttributes<HTMLInputElement> | "status" | "rightAlign"> & React.RefAttributes<HTMLInputElement>>;
+}) => "#ff3232" | "hsla(0, 0%, 100%, 0.15)" | "#f1c40f" | "rgba(0, 0, 0, 0.6)" | "rgba(255, 255, 255, 0.05)";
+export declare const RemotionInput: React.ForwardRefExoticComponent<Pick<Props, "status" | "key" | "rightAlign" | keyof React.InputHTMLAttributes<HTMLInputElement>> & React.RefAttributes<HTMLInputElement>>;
 export {};

package/dist/editor/components/NewComposition/RemInputTypeColor.d.ts

@@ -4,5 +4,5 @@ type Props = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>
     status: RemInputStatus;
     name: string;
 };
-export declare const RemInputTypeColor: React.ForwardRefExoticComponent<Pick<Props, "key" | keyof React.InputHTMLAttributes<HTMLInputElement> | "status"> & React.RefAttributes<HTMLInputElement>>;
+export declare const RemInputTypeColor: React.ForwardRefExoticComponent<Pick<Props, "status" | "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & React.RefAttributes<HTMLInputElement>>;
 export {};

package/dist/editor/components/NewComposition/RemTextarea.d.ts

@@ -3,5 +3,5 @@ type Props = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLTextAreaEleme
     status: 'error' | 'warning' | 'ok';
 };
 export declare const inputBaseStyle: React.CSSProperties;
-export declare const RemTextarea: React.ForwardRefExoticComponent<Pick<Props, "key" | "status" | keyof React.InputHTMLAttributes<HTMLTextAreaElement>> & React.RefAttributes<HTMLTextAreaElement>>;
+export declare const RemTextarea: React.ForwardRefExoticComponent<Pick<Props, "status" | "key" | keyof React.InputHTMLAttributes<HTMLTextAreaElement>> & React.RefAttributes<HTMLTextAreaElement>>;
 export {};

package/dist/editor/components/RenderModal/DataEditor.js

@@ -27,6 +27,7 @@ exports.DataEditor = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importStar(require("react"));
 const remotion_1 = require("remotion");
+const no_react_1 = require("remotion/no-react");
 const event_source_1 = require("../../../event-source");
 const client_id_1 = require("../../helpers/client-id");
 const colors_1 = require("../../helpers/colors");
@@ -96,7 +97,7 @@ const DataEditor = ({ unresolvedComposition, inputProps, setInputProps, mayShowS
             return null;
         }
         const value = inputProps;
-        return remotion_1.Internals.serializeJSONWithDate({
+        return no_react_1.NoReactInternals.serializeJSONWithDate({
             data: value,
             indent: 2,
             staticBase: window.remotion_staticBase,

package/dist/editor/components/RenderModal/RenderModalJSONPropsEditor.js

@@ -26,7 +26,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.RenderModalJSONPropsEditor = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importStar(require("react"));
-const remotion_1 = require("remotion");
+const no_react_1 = require("remotion/no-react");
 const Button_1 = require("../../../preview-server/error-overlay/remotion-overlay/Button");
 const colors_1 = require("../../helpers/colors");
 const document_title_1 = require("../../helpers/document-title");
@@ -48,7 +48,7 @@ const scrollable = {
 };
 const parseJSON = (str, schema) => {
     try {
-        const value = remotion_1.Internals.deserializeJSONWithCustomFields(str);
+        const value = no_react_1.NoReactInternals.deserializeJSONWithCustomFields(str);
         const zodValidation = schema.safeParse(value);
         return { str, value, validJSON: true, zodValidation };
     }

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

@@ -1,7 +1,7 @@
 "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.addSequenceRenderJob = exports.addStillRenderJob = void 0;
-const remotion_1 = require("remotion");
+const no_react_1 = require("remotion/no-react");
 const callApi = (endpoint, body, signal) => {
     return new Promise((resolve, reject) => {
         fetch(endpoint, {
@@ -39,7 +39,7 @@ const addStillRenderJob = ({ compositionId, outName, imageFormat, jpegQuality, f
         chromiumOptions,
         delayRenderTimeout,
         envVariables,
-        serializedInputPropsWithCustomSchema: remotion_1.Internals.serializeJSONWithDate({
+        serializedInputPropsWithCustomSchema: no_react_1.NoReactInternals.serializeJSONWithDate({
             data: inputProps,
             staticBase: window.remotion_staticBase,
             indent: undefined,
@@ -64,7 +64,7 @@ const addSequenceRenderJob = ({ compositionId, outName, imageFormat, startFrame,
         delayRenderTimeout,
         envVariables,
         concurrency,
-        serializedInputPropsWithCustomSchema: remotion_1.Internals.serializeJSONWithDate({
+        serializedInputPropsWithCustomSchema: no_react_1.NoReactInternals.serializeJSONWithDate({
             data: inputProps,
             staticBase: window.remotion_staticBase,
             indent: undefined,
@@ -103,7 +103,7 @@ const addVideoRenderJob = ({ compositionId, outName, imageFormat, jpegQuality, s
         disallowParallelEncoding,
         chromiumOptions,
         envVariables,
-        serializedInputPropsWithCustomSchema: remotion_1.Internals.serializeJSONWithDate({
+        serializedInputPropsWithCustomSchema: no_react_1.NoReactInternals.serializeJSONWithDate({
             data: inputProps,
             staticBase: window.remotion_staticBase,
             indent: undefined,
@@ -159,7 +159,7 @@ exports.updateAvailable = updateAvailable;
 const updateDefaultProps = (compositionId, defaultProps, enumPaths) => {
     return callApi('/api/update-default-props', {
         compositionId,
-        defaultProps: remotion_1.Internals.serializeJSONWithDate({
+        defaultProps: no_react_1.NoReactInternals.serializeJSONWithDate({
             data: defaultProps,
             indent: undefined,
             staticBase: window.remotion_staticBase,

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

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

package/dist/editor/helpers/presets-labels.d.ts

@@ -1,2 +1,2 @@
 import type { X264Preset } from '@remotion/renderer';
-export declare const labelx264Preset: (profile: X264Preset) => "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo";
+export declare const labelx264Preset: (profile: X264Preset) => "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo";

package/dist/editor/helpers/render-modal-sections.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { Codec } from '@remotion/renderer';
 import type { RenderType } from '../components/RenderModal/RenderModalAdvanced';
 type Section = 'general' | 'picture' | 'advanced' | 'data' | 'gif' | 'audio';

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

@@ -17,7 +17,7 @@ export declare const getCliOptions: (options: {
     crf: import("@remotion/renderer").Crf | null;
     pixelFormat: "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
     proResProfile: "4444-xq" | "4444" | "hq" | "standard" | "light" | "proxy" | undefined;
-    x264Preset: "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo" | undefined;
+    x264Preset: "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo" | undefined;
     everyNthFrame: number;
     numberOfGifLoops: import("./config/number-of-gif-loops").Loop;
     stillFrame: number;
@@ -34,7 +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;
     deleteAfter: ("1-day" | "3-days" | "7-days" | "30-days") | null;
     colorSpace: "default" | "bt709";

package/dist/index.d.ts

@@ -87,7 +87,7 @@ export declare const CliInternals: {
         crf: import("@remotion/renderer").Crf | null;
         pixelFormat: "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
         proResProfile: "4444-xq" | "4444" | "hq" | "standard" | "light" | "proxy" | undefined;
-        x264Preset: "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo" | undefined;
+        x264Preset: "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo" | undefined;
         everyNthFrame: number;
         numberOfGifLoops: import("./config/number-of-gif-loops").Loop;
         stillFrame: number;
@@ -104,7 +104,7 @@ 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;
         deleteAfter: ("1-day" | "3-days" | "7-days" | "30-days") | null;
         colorSpace: "default" | "bt709";
@@ -116,9 +116,9 @@ 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";
+        "x264-preset": "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo";
         "bundle-cache": string;
         "env-file": string;
         "ignore-certificate-errors": string;
@@ -127,14 +127,14 @@ export declare const CliInternals: {
         "number-of-gif-loops": number;
         "number-of-shared-audio-tags": number;
         version: string;
-        codec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif";
+        codec: "aac" | "mp3" | "h264" | "h265" | "vp8" | "vp9" | "wav" | "prores" | "h264-mkv" | "gif";
         concurrency: number;
         timeout: number;
         config: string;
         "public-dir": string;
         "audio-bitrate": string;
         "video-bitrate": string;
-        "audio-codec": "mp3" | "aac" | "pcm-16" | "opus";
+        "audio-codec": "pcm-16" | "aac" | "mp3" | "opus";
         crf: number;
         force: boolean;
         output: string;
@@ -187,7 +187,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;
     }) => {
@@ -202,18 +202,18 @@ 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, compositionCodec, }: {
         cliFlag: import("@remotion/renderer").CodecOrUndefined;
         outName: string | null;
         downloadName: string | null;
-        configFile: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif" | null;
-        uiCodec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif" | null;
-        compositionCodec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif" | null;
+        configFile: "aac" | "mp3" | "h264" | "h265" | "vp8" | "vp9" | "wav" | "prores" | "h264-mkv" | "gif" | null;
+        uiCodec: "aac" | "mp3" | "h264" | "h265" | "vp8" | "vp9" | "wav" | "prores" | "h264-mkv" | "gif" | null;
+        compositionCodec: "aac" | "mp3" | "h264" | "h265" | "vp8" | "vp9" | "wav" | "prores" | "h264-mkv" | "gif" | null;
     }) => {
-        codec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif";
+        codec: "aac" | "mp3" | "h264" | "h265" | "vp8" | "vp9" | "wav" | "prores" | "h264-mkv" | "gif";
         reason: string;
     };
     listOfRemotionPackages: string[];

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.makeRetryPayload = void 0;
-const remotion_1 = require("remotion");
+const no_react_1 = require("remotion/no-react");
 const makeRetryPayload = (job) => {
     var _a, _b, _c, _d, _e;
     const defaults = window.remotion_renderDefaults;
@@ -37,7 +37,7 @@ const makeRetryPayload = (job) => {
             initialOpenGlRenderer: job.chromiumOptions.gl,
             initialHeadless: job.chromiumOptions.headless,
             initialIgnoreCertificateErrors: job.chromiumOptions.ignoreCertificateErrors,
-            defaultProps: remotion_1.Internals.deserializeJSONWithCustomFields(job.serializedInputPropsWithCustomSchema),
+            defaultProps: no_react_1.NoReactInternals.deserializeJSONWithCustomFields(job.serializedInputPropsWithCustomSchema),
             inFrameMark: null,
             outFrameMark: null,
             initialOffthreadVideoCacheSizeInBytes: job.offthreadVideoCacheSizeInBytes,
@@ -73,7 +73,7 @@ const makeRetryPayload = (job) => {
             initialOpenGlRenderer: job.chromiumOptions.gl,
             initialHeadless: job.chromiumOptions.headless,
             initialIgnoreCertificateErrors: job.chromiumOptions.ignoreCertificateErrors,
-            defaultProps: remotion_1.Internals.deserializeJSONWithCustomFields(job.serializedInputPropsWithCustomSchema),
+            defaultProps: no_react_1.NoReactInternals.deserializeJSONWithCustomFields(job.serializedInputPropsWithCustomSchema),
             initialStillImageFormat: defaults.stillImageFormat,
             inFrameMark: job.startFrame,
             outFrameMark: job.endFrame,
@@ -112,7 +112,7 @@ const makeRetryPayload = (job) => {
             initialOpenGlRenderer: job.chromiumOptions.gl,
             initialHeadless: job.chromiumOptions.headless,
             initialIgnoreCertificateErrors: job.chromiumOptions.ignoreCertificateErrors,
-            defaultProps: remotion_1.Internals.deserializeJSONWithCustomFields(job.serializedInputPropsWithCustomSchema),
+            defaultProps: no_react_1.NoReactInternals.deserializeJSONWithCustomFields(job.serializedInputPropsWithCustomSchema),
             inFrameMark: job.startFrame,
             outFrameMark: job.endFrame,
             initialOffthreadVideoCacheSizeInBytes: job.offthreadVideoCacheSizeInBytes,

package/dist/preview-server/routes.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="node" />
 import type { LogLevel } from '@remotion/renderer';
 import type { IncomingMessage, ServerResponse } from 'node:http';
 import type { LiveEventsServer } from './live-events';

package/dist/render-flows/render.js

@@ -31,7 +31,7 @@ const renderer_1 = require("@remotion/renderer");
 const node_fs_1 = __importStar(require("node:fs"));
 const node_os_1 = __importDefault(require("node:os"));
 const node_path_1 = __importDefault(require("node:path"));
-const remotion_1 = require("remotion");
+const no_react_1 = require("remotion/no-react");
 const chalk_1 = require("../chalk");
 const config_1 = require("../config");
 const get_cli_options_1 = require("../get-cli-options");
@@ -246,7 +246,7 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
             onBrowserLog: null,
             onFrameBuffer: null,
             logLevel,
-            serializedResolvedPropsWithCustomSchema: remotion_1.Internals.serializeJSONWithDate({
+            serializedResolvedPropsWithCustomSchema: no_react_1.NoReactInternals.serializeJSONWithDate({
                 indent: undefined,
                 staticBase: null,
                 data: config.props,
@@ -321,7 +321,7 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
         disallowParallelEncoding,
         onBrowserLog: null,
         onStart: () => undefined,
-        serializedResolvedPropsWithCustomSchema: remotion_1.Internals.serializeJSONWithDate({
+        serializedResolvedPropsWithCustomSchema: no_react_1.NoReactInternals.serializeJSONWithDate({
             data: config.props,
             indent: undefined,
             staticBase: null,

package/dist/render-flows/still.js

@@ -8,7 +8,7 @@ exports.renderStillFlow = void 0;
 const renderer_1 = require("@remotion/renderer");
 const node_fs_1 = require("node:fs");
 const node_path_1 = __importDefault(require("node:path"));
-const remotion_1 = require("remotion");
+const no_react_1 = require("remotion/no-react");
 const chalk_1 = require("../chalk");
 const cleanup_before_quit_1 = require("../cleanup-before-quit");
 const config_1 = require("../config");
@@ -182,7 +182,7 @@ const renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason,
         indent,
         onBrowserLog: null,
         logLevel,
-        serializedResolvedPropsWithCustomSchema: remotion_1.Internals.serializeJSONWithDate({
+        serializedResolvedPropsWithCustomSchema: no_react_1.NoReactInternals.serializeJSONWithDate({
             indent: undefined,
             staticBase: null,
             data: config.props,

package/dist/render.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.render = void 0;
-const remotion_1 = require("remotion");
+const no_react_1 = require("remotion/no-react");
 const cleanup_before_quit_1 = require("./cleanup-before-quit");
 const config_1 = require("./config");
 const preview_server_1 = require("./config/preview-server");
@@ -44,7 +44,7 @@ const render = async (remotionRoot, args, logLevel) => {
         shouldOutputImageSequence,
         publicDir,
         envVariables,
-        serializedInputPropsWithCustomSchema: remotion_1.Internals.serializeJSONWithDate({
+        serializedInputPropsWithCustomSchema: no_react_1.NoReactInternals.serializeJSONWithDate({
             indent: undefined,
             staticBase: null,
             data: inputProps,

package/dist/still.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.still = void 0;
-const remotion_1 = require("remotion");
+const no_react_1 = require("remotion/no-react");
 const cleanup_before_quit_1 = require("./cleanup-before-quit");
 const preview_server_1 = require("./config/preview-server");
 const convert_entry_point_to_serve_url_1 = require("./convert-entry-point-to-serve-url");
@@ -39,7 +39,7 @@ const still = async (remotionRoot, args, logLevel) => {
         chromiumOptions,
         envVariables,
         height,
-        serializedInputPropsWithCustomSchema: remotion_1.Internals.serializeJSONWithDate({
+        serializedInputPropsWithCustomSchema: no_react_1.NoReactInternals.serializeJSONWithDate({
             data: inputProps,
             indent: undefined,
             staticBase: null,

package/dist/validate.d.ts

@@ -1,2 +1,2 @@
-import { Internals } from 'remotion';
-export declare const validateDimension: typeof Internals.validateDimension;
+import { NoReactInternals } from 'remotion/no-react';
+export declare const validateDimension: typeof NoReactInternals.validateDimension;

package/dist/validate.js

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.validateDimension = void 0;
 /* eslint-disable prefer-destructuring */
-const remotion_1 = require("remotion");
-exports.validateDimension = remotion_1.Internals.validateDimension;
+const no_react_1 = require("remotion/no-react");
+exports.validateDimension = no_react_1.NoReactInternals.validateDimension;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/cli",
-  "version": "4.0.70",
+  "version": "4.0.72",
   "description": "CLI for Remotion",
   "main": "dist/index.js",
   "sideEffects": false,
@@ -35,11 +35,11 @@
     "prompts": "2.4.1",
     "semver": "7.5.3",
     "source-map": "0.6.1",
-    "@remotion/bundler": "4.0.70",
-    "@remotion/media-utils": "4.0.70",
-    "@remotion/player": "4.0.70",
-    "@remotion/renderer": "4.0.70",
-    "remotion": "4.0.70"
+    "@remotion/bundler": "4.0.72",
+    "@remotion/media-utils": "4.0.72",
+    "remotion": "4.0.72",
+    "@remotion/player": "4.0.72",
+    "@remotion/renderer": "4.0.72"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -65,8 +65,8 @@
     "react-dom": "18.2.0",
     "vitest": "0.31.1",
     "zod": "^3.22.3",
-    "@remotion/zod-types": "4.0.70",
-    "@remotion/tailwind": "4.0.70"
+    "@remotion/tailwind": "4.0.72",
+    "@remotion/zod-types": "4.0.72"
   },
   "keywords": [
     "remotion",