@remotion/cli 4.0.0-alpha13 → 4.0.0-alpha16

package/dist/ansi/ansi-diff.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="node" />
-declare type Options = {
+type Options = {
     width?: number;
     height?: number;
 };

package/dist/benchmark.js

@@ -32,9 +32,9 @@ const runBenchmark = async (runs, options, onProgress) => {
     const timeTaken = [];
     for (let run = 0; run < runs; ++run) {
         const startTime = performance.now();
-        await (0, renderer_1.renderMedia)({
-            ...options,
+        await renderer_1.RenderInternals.internalRenderMedia({
             onProgress: ({ progress }) => onProgress === null || onProgress === void 0 ? void 0 : onProgress(run, progress),
+            ...options,
         });
         const endTime = performance.now();
         timeTaken.push(endTime - startTime);
@@ -94,18 +94,20 @@ const benchmarkCommand = async (remotionRoot, args) => {
         process.exit(1);
     }
     const fullEntryPoint = (0, convert_entry_point_to_serve_url_1.convertEntryPointToServeUrl)(file);
-    const { inputProps, envVariables, browserExecutable, chromiumOptions, port, puppeteerTimeout, browser, scale, publicDir, } = await (0, get_cli_options_1.getCliOptions)({
+    const { inputProps, envVariables, browserExecutable, chromiumOptions, port, puppeteerTimeout, browser, scale, publicDir, proResProfile, frameRange: defaultFrameRange, overwrite, jpegQuality, crf: configFileCrf, pixelFormat, scale: configFileScale, numberOfGifLoops, everyNthFrame, muted, enforceAudioTrack, ffmpegOverride, audioBitrate, videoBitrate, height, width, concurrency: unparsedConcurrency, logLevel, } = await (0, get_cli_options_1.getCliOptions)({
         isLambda: false,
         type: 'series',
         remotionRoot,
     });
     log_1.Log.verbose('Entry point:', fullEntryPoint, 'reason:', reason);
-    const browserInstance = (0, renderer_1.openBrowser)(browser, {
+    const browserInstance = renderer_1.RenderInternals.internalOpenBrowser({
+        browser,
         browserExecutable,
         shouldDumpIo: renderer_1.RenderInternals.isEqualOrBelowLogLevel(config_1.ConfigInternals.Logging.getLogLevel(), 'verbose'),
         chromiumOptions,
         forceDeviceScaleFactor: scale,
         indent: false,
+        viewport: null,
     });
     const { urlOrBundle: bundleLocation, cleanup: cleanupBundle } = await (0, setup_cache_1.bundleOnCliOrTakeServeUrl)({
         fullPath: fullEntryPoint,
@@ -123,13 +125,21 @@ const benchmarkCommand = async (remotionRoot, args) => {
     });
     (0, cleanup_before_quit_1.registerCleanupJob)(() => cleanupBundle());
     const puppeteerInstance = await browserInstance;
-    const comps = await (0, renderer_1.getCompositions)(bundleLocation, {
+    const verbose = renderer_1.RenderInternals.isEqualOrBelowLogLevel(config_1.ConfigInternals.Logging.getLogLevel(), 'verbose');
+    const comps = await renderer_1.RenderInternals.internalGetCompositions({
+        serveUrlOrWebpackUrl: bundleLocation,
         inputProps,
         envVariables,
         chromiumOptions,
         timeoutInMilliseconds: puppeteerTimeout,
         port,
         puppeteerInstance,
+        browserExecutable,
+        indent: false,
+        onBrowserLog: null,
+        //  Intentionally disabling server to not cache results
+        server: undefined,
+        verbose,
     });
     const ids = (remainingArgs[0]
         ? remainingArgs[0]
@@ -157,11 +167,6 @@ const benchmarkCommand = async (remotionRoot, args) => {
         uiCodec: null,
     });
     for (const composition of compositions) {
-        const { proResProfile, frameRange: defaultFrameRange, overwrite, jpegQuality, crf: configFileCrf, pixelFormat, scale: configFileScale, numberOfGifLoops, everyNthFrame, muted, enforceAudioTrack, ffmpegOverride, audioBitrate, videoBitrate, height, width, concurrency: unparsedConcurrency, logLevel, } = await (0, get_cli_options_1.getCliOptions)({
-            isLambda: false,
-            type: 'series',
-            remotionRoot,
-        });
         const concurrency = getValidConcurrency(unparsedConcurrency);
         benchmark[composition.id] = {};
         for (const con of concurrency) {
@@ -174,13 +179,13 @@ const benchmarkCommand = async (remotionRoot, args) => {
             log_1.Log.info();
             log_1.Log.info(`${chalk_1.chalk.bold(`Benchmark #${count++}:`)} ${chalk_1.chalk.gray(`composition=${composition.id} concurrency=${con} codec=${codec} (${codecReason})`)}`);
             const timeTaken = await runBenchmark(runs, {
-                outputLocation: undefined,
+                outputLocation: null,
                 composition: {
                     ...composition,
                     width: width !== null && width !== void 0 ? width : composition.width,
                     height: height !== null && height !== void 0 ? height : composition.height,
                 },
-                crf: configFileCrf,
+                crf: configFileCrf !== null && configFileCrf !== void 0 ? configFileCrf : null,
                 envVariables,
                 frameRange: defaultFrameRange,
                 imageFormat: (0, image_formats_1.getVideoImageFormat)({
@@ -192,14 +197,14 @@ const benchmarkCommand = async (remotionRoot, args) => {
                 pixelFormat,
                 proResProfile,
                 jpegQuality,
-                dumpBrowserLogs: renderer_1.RenderInternals.isEqualOrBelowLogLevel(config_1.ConfigInternals.Logging.getLogLevel(), 'verbose'),
+                dumpBrowserLogs: verbose,
                 chromiumOptions,
                 timeoutInMilliseconds: config_1.ConfigInternals.getCurrentPuppeteerTimeout(),
                 scale: configFileScale,
                 port,
                 numberOfGifLoops,
                 everyNthFrame,
-                verbose: renderer_1.RenderInternals.isEqualOrBelowLogLevel(config_1.ConfigInternals.Logging.getLogLevel(), 'verbose'),
+                verbose,
                 muted,
                 enforceAudioTrack,
                 browserExecutable,
@@ -210,6 +215,16 @@ const benchmarkCommand = async (remotionRoot, args) => {
                 videoBitrate,
                 puppeteerInstance,
                 concurrency: con,
+                audioCodec: null,
+                cancelSignal: undefined,
+                disallowParallelEncoding: false,
+                indent: false,
+                onBrowserLog: null,
+                onCtrlCExit: () => undefined,
+                onDownload: () => undefined,
+                onStart: () => undefined,
+                preferLossless: false,
+                server: undefined,
             }, (run, progress) => {
                 benchmarkProgress.update(makeBenchmarkProgressBar({
                     totalRuns: runs,

package/dist/cleanup-before-quit.js

@@ -4,9 +4,12 @@ exports.handleCtrlC = exports.registerCleanupJob = exports.cleanupBeforeQuit = v
 const log_1 = require("./log");
 const cleanupJobs = [];
 const cleanupBeforeQuit = () => {
+    log_1.Log.verbose('Cleaning up...');
+    const time = Date.now();
     for (const job of cleanupJobs) {
         job();
     }
+    log_1.Log.verbose(`Cleanup done in ${Date.now() - time}ms`);
 };
 exports.cleanupBeforeQuit = cleanupBeforeQuit;
 const registerCleanupJob = (job) => {

package/dist/composition-prompts.d.ts

@@ -1,7 +1,7 @@
 import type { PromptObject } from 'prompts';
-declare type Question<V extends string = string> = PromptObject<V> & {
+type Question<V extends string = string> = PromptObject<V> & {
     optionsPerPage?: number;
 };
-declare type NamelessQuestion = Omit<Question<'value'>, 'name'>;
+type NamelessQuestion = Omit<Question<'value'>, 'name'>;
 export declare function selectAsync(question: NamelessQuestion): Promise<string | string[]>;
 export {};

package/dist/compositions.js

@@ -6,7 +6,6 @@ const cleanup_before_quit_1 = require("./cleanup-before-quit");
 const config_1 = require("./config");
 const entry_point_1 = require("./entry-point");
 const get_cli_options_1 = require("./get-cli-options");
-const get_config_file_name_1 = require("./get-config-file-name");
 const log_1 = require("./log");
 const print_compositions_1 = require("./print-compositions");
 const setup_cache_1 = require("./setup-cache");
@@ -18,10 +17,8 @@ const listCompositionsCommand = async (remotionRoot, args) => {
         log_1.Log.error('See https://www.remotion.dev/docs/register-root for more information.');
         process.exit(1);
     }
+    const verbose = renderer_1.RenderInternals.isEqualOrBelowLogLevel(config_1.ConfigInternals.Logging.getLogLevel(), 'verbose');
     log_1.Log.verbose('Entry point:', file, 'reason:', reason);
-    const downloadMap = renderer_1.RenderInternals.makeDownloadMap();
-    (0, cleanup_before_quit_1.registerCleanupJob)(() => renderer_1.RenderInternals.cleanDownloadMap(downloadMap));
-    await (0, get_config_file_name_1.loadConfig)(remotionRoot);
     const { browserExecutable, chromiumOptions, envVariables, inputProps, puppeteerTimeout, port, publicDir, } = await (0, get_cli_options_1.getCliOptions)({
         isLambda: false,
         type: 'get-compositions',
@@ -42,16 +39,20 @@ const listCompositionsCommand = async (remotionRoot, args) => {
         quietProgress: false,
     });
     (0, cleanup_before_quit_1.registerCleanupJob)(() => cleanupBundle());
-    const compositions = await (0, renderer_1.getCompositions)(bundled, {
+    const compositions = await renderer_1.RenderInternals.internalGetCompositions({
+        serveUrlOrWebpackUrl: bundled,
         browserExecutable,
         chromiumOptions,
         envVariables,
         inputProps,
         timeoutInMilliseconds: puppeteerTimeout,
         port,
-        downloadMap,
+        indent: false,
+        onBrowserLog: null,
+        puppeteerInstance: undefined,
+        verbose,
+        server: undefined,
     });
     (0, print_compositions_1.printCompositions)(compositions);
-    log_1.Log.verbose('Cleaned up', downloadMap.assetDir);
 };
 exports.listCompositionsCommand = listCompositionsCommand;

package/dist/config/concurrency.d.ts

@@ -1,3 +1,3 @@
-export declare type Concurrency = number | string | null;
+export type Concurrency = number | string | null;
 export declare const setConcurrency: (newConcurrency: Concurrency) => void;
 export declare const getConcurrency: () => string | number | null;

package/dist/config/index.d.ts

@@ -239,7 +239,7 @@ declare global {
         readonly setVideoBitrate: (bitrate: string | null) => void;
     }
 }
-declare type FlatConfig = RemotionConfigObject & RemotionBundlingOptions & {
+type FlatConfig = RemotionConfigObject & RemotionBundlingOptions & {
     /**
      * Set the audio codec to use for the output video.
      * See the Encoding guide in the docs for defaults and available options.
@@ -267,7 +267,7 @@ export declare const ConfigInternals: {
     getEveryNthFrame: () => number;
     getConcurrency: () => string | number | null;
     getCurrentPuppeteerTimeout: () => number;
-    getJpegQuality: () => number | undefined;
+    getJpegQuality: () => number;
     getAudioCodec: () => "mp3" | "aac" | "pcm-16" | "opus" | null;
     getStillFrame: () => number;
     getShouldOutputImageSequence: (frameRange: FrameRange | null) => boolean;

package/dist/config/jpeg-quality.d.ts

@@ -1,2 +1,2 @@
 export declare const setJpegQuality: (q: number | undefined) => void;
-export declare const getJpegQuality: () => number | undefined;
+export declare const getJpegQuality: () => number;

package/dist/config/jpeg-quality.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getJpegQuality = exports.setJpegQuality = void 0;
 const renderer_1 = require("@remotion/renderer");
-const defaultValue = undefined;
+const defaultValue = renderer_1.RenderInternals.DEFAULT_JPEG_QUALITY;
 let quality = defaultValue;
 const setJpegQuality = (q) => {
     renderer_1.RenderInternals.validateJpegQuality(q);

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

@@ -1,3 +1,3 @@
-export declare type Loop = number | null;
+export type Loop = number | null;
 export declare const setNumberOfGifLoops: (newLoop: Loop | null) => void;
 export declare const getNumberOfGifLoops: () => Loop;

package/dist/config/override-webpack.d.ts

@@ -1,5 +1,5 @@
 import type { WebpackConfiguration } from '@remotion/bundler';
-export declare type WebpackOverrideFn = (currentConfiguration: WebpackConfiguration) => WebpackConfiguration;
+export type WebpackOverrideFn = (currentConfiguration: WebpackConfiguration) => WebpackConfiguration;
 export declare const defaultOverrideFunction: WebpackOverrideFn;
 export declare const getWebpackOverrideFn: () => WebpackOverrideFn;
 export declare const overrideWebpackConfig: (fn: WebpackOverrideFn) => void;

package/dist/config/scale.d.ts

@@ -1,4 +1,4 @@
-declare type Scale = number;
+type Scale = number;
 export declare const setScale: (newScale: Scale) => void;
 export declare const getScale: () => number;
 export {};

package/dist/config/user-agent.d.ts

@@ -1,4 +1,4 @@
-declare type UserAgent = string | null;
+type UserAgent = string | null;
 export declare const setChromiumUserAgent: (newAgent: UserAgent) => void;
 export declare const getChromiumUserAgent: () => UserAgent;
 export {};

package/dist/editor/components/CanvasOrLoading.js

@@ -59,6 +59,9 @@ const loaderContainer = {
     marginLeft: 'auto',
     marginRight: 'auto',
     width: '100%',
+    position: 'absolute',
+    height: '100%',
+    overflowY: 'auto',
 };
 const ErrorLoading = ({ error }) => {
     return ((0, jsx_runtime_1.jsx)("div", { style: loaderContainer, children: (0, jsx_runtime_1.jsx)(ErrorLoader_1.ErrorLoader, { canHaveDismissButton: false, keyboardShortcuts: false, error: error, onRetry: () => { var _a; return (_a = remotion_1.Internals.resolveCompositionsRef.current) === null || _a === void 0 ? void 0 : _a.reloadCurrentlySelectedComposition(); }, calculateMetadata: true }, error.stack) }));

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

@@ -2,5 +2,6 @@ import React from 'react';
 export declare const Checkbox: React.FC<{
     checked: boolean;
     onChange: React.ChangeEventHandler<HTMLInputElement>;
+    name: string;
     disabled?: boolean;
 }>;

package/dist/editor/components/Checkbox.js

@@ -23,7 +23,7 @@ const box = {
     pointerEvents: 'none',
     color: 'white',
 };
-const Checkbox = ({ checked, onChange, disabled }) => {
+const Checkbox = ({ checked, onChange, disabled, name }) => {
     const input = (0, react_1.useMemo)(() => {
         return {
             appearance: 'none',
@@ -37,6 +37,6 @@ const Checkbox = ({ checked, onChange, disabled }) => {
             margin: 0,
         };
     }, [disabled]);
-    return ((0, jsx_runtime_1.jsxs)("div", { style: background, children: [(0, jsx_runtime_1.jsx)("input", { style: input, type: 'checkbox', checked: checked, onChange: onChange, disabled: disabled }), (0, jsx_runtime_1.jsx)("div", { style: box, children: checked ? (0, jsx_runtime_1.jsx)(Checkmark_1.Checkmark, {}) : null })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { style: background, children: [(0, jsx_runtime_1.jsx)("input", { style: input, type: 'checkbox', checked: checked, onChange: onChange, disabled: disabled, name: name }), (0, jsx_runtime_1.jsx)("div", { style: box, children: checked ? (0, jsx_runtime_1.jsx)(Checkmark_1.Checkmark, {}) : null })] }));
 };
 exports.Checkbox = Checkbox;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { AnyComposition } from 'remotion';
-export declare type CompositionSelectorItemType = {
+export type CompositionSelectorItemType = {
     key: string;
     type: 'composition';
     composition: AnyComposition;

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

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

package/dist/editor/components/Menu/MenuItem.d.ts

@@ -1,8 +1,8 @@
 import type { SetStateAction } from 'react';
 import React from 'react';
 import type { ComboboxValue } from '../NewComposition/ComboBox';
-export declare type MenuId = 'remotion' | 'file' | 'view' | 'tools' | 'help';
-export declare type Menu = {
+export type MenuId = 'remotion' | 'file' | 'view' | 'tools' | 'help';
+export type Menu = {
     id: MenuId;
     label: React.ReactNode;
     items: ComboboxValue[];

package/dist/editor/components/Menu/MenuSubItem.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { SubMenu } from '../NewComposition/ComboBox';
-export declare type SubMenuActivated = false | 'with-mouse' | 'without-mouse';
+export type SubMenuActivated = false | 'with-mouse' | 'without-mouse';
 export declare const MenuSubItem: React.FC<{
     label: React.ReactNode;
     id: string;

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

@@ -1,14 +1,14 @@
 import React from 'react';
-declare type DividerItem = {
+type DividerItem = {
     type: 'divider';
     id: string;
 };
-export declare type SubMenu = {
+export type SubMenu = {
     preselectIndex: number | false;
     leaveLeftSpace: boolean;
     items: ComboboxValue[];
 };
-export declare type SelectionItem = {
+export type SelectionItem = {
     type: 'item';
     id: string;
     label: React.ReactNode;
@@ -19,7 +19,7 @@ export declare type SelectionItem = {
     subMenu: SubMenu | null;
     quickSwitcherLabel: string | null;
 };
-export declare type ComboboxValue = DividerItem | SelectionItem;
+export type ComboboxValue = DividerItem | SelectionItem;
 export declare const Combobox: React.FC<{
     values: ComboboxValue[];
     selectedId: string | number;

package/dist/editor/components/NewComposition/CopyHint.js

@@ -21,7 +21,7 @@ const CopyHint = () => {
             setProjectInfo(null);
         });
     }, []);
-    if (!projectInfo || !projectInfo.videoFile) {
+    if (!(projectInfo === null || projectInfo === void 0 ? void 0 : projectInfo.videoFile)) {
         return null;
     }
     return ((0, jsx_runtime_1.jsxs)("div", { style: style, children: ["Copy this into ", (0, jsx_runtime_1.jsx)("br", {}), " your", ' ', (0, jsx_runtime_1.jsx)("span", { style: style, title: projectInfo.videoFile, children: projectInfo.relativeVideoFile }), ' ', "file."] }));

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

@@ -1,7 +1,7 @@
 import type { InputHTMLAttributes } from 'react';
 import React from 'react';
 import type { RemInputStatus } from './RemInput';
-declare type Props = InputHTMLAttributes<HTMLInputElement> & {
+type Props = InputHTMLAttributes<HTMLInputElement> & {
     onValueChange: (newVal: number) => void;
     onTextChange: (newVal: string) => void;
     status: RemInputStatus;

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

@@ -1,7 +1,7 @@
 import type { PropsWithChildren } from 'react';
 import React from 'react';
-export declare type RemInputStatus = 'error' | 'warning' | 'ok';
-declare type Props = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> & {
+export type RemInputStatus = 'error' | 'warning' | 'ok';
+type Props = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> & {
     status: RemInputStatus;
     rightAlign: boolean;
 };
@@ -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";
+}) => "hsla(0, 0%, 100%, 0.15)" | "rgba(255, 255, 255, 0.05)" | "rgba(0, 0, 0, 0.6)" | "#ff3232" | "#f1c40f";
 export declare const RemotionInput: React.ForwardRefExoticComponent<Pick<Props, "key" | keyof React.InputHTMLAttributes<HTMLInputElement> | "status" | "rightAlign"> & React.RefAttributes<HTMLInputElement>>;
 export {};

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

@@ -1,7 +1,8 @@
 import React from 'react';
 import type { RemInputStatus } from './RemInput';
-declare type Props = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> & {
+type Props = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> & {
     status: RemInputStatus;
+    name: string;
 };
 export declare const RemInputTypeColor: React.ForwardRefExoticComponent<Pick<Props, "key" | keyof React.InputHTMLAttributes<HTMLInputElement> | "status"> & React.RefAttributes<HTMLInputElement>>;
 export {};

package/dist/editor/components/NewComposition/RemInputTypeColor.js

@@ -48,6 +48,6 @@ const RemInputTypeColorForwardRef = ({ status, ...props }, ref) => {
             current.removeEventListener('mouseleave', onMouseLeave);
         };
     }, [inputRef]);
-    return ((0, jsx_runtime_1.jsx)("input", { ref: inputRef, type: "color", tabIndex: tabIndex, ...props, style: style }));
+    return ((0, jsx_runtime_1.jsx)("input", { ref: inputRef, type: "color", tabIndex: tabIndex, ...props, name: props.name, style: style }));
 };
 exports.RemInputTypeColor = (0, react_1.forwardRef)(RemInputTypeColorForwardRef);

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

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type Props = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement> & {
+type Props = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement> & {
     status: 'error' | 'warning' | 'ok';
 };
 export declare const inputBaseStyle: React.CSSProperties;

package/dist/editor/components/Notifications/NotificationCenter.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
-declare type TNotification = {
+type TNotification = {
     id: string;
     content: React.ReactNode;
     created: number;
     duration: number;
 };
-declare type TNotificationCenter = {
+type TNotificationCenter = {
     addNotification: (notification: TNotification) => void;
 };
 export declare const notificationCenter: React.RefObject<TNotificationCenter>;

package/dist/editor/components/QuickSwitcher/NoResults.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type QuickSwitcherMode = 'commands' | 'compositions' | 'docs';
+export type QuickSwitcherMode = 'commands' | 'compositions' | 'docs';
 export declare const QuickSwitcherNoResults: React.FC<{
     query: string;
     mode: QuickSwitcherMode;

package/dist/editor/components/QuickSwitcher/QuickSwitcherResult.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type QuickSwitcherResultDetail = {
+type QuickSwitcherResultDetail = {
     type: 'composition';
     compositionType: 'composition' | 'still';
 } | {
@@ -9,7 +9,7 @@ declare type QuickSwitcherResultDetail = {
     titleLine: string;
     subtitleLine: string;
 };
-export declare type TQuickSwitcherResult = {
+export type TQuickSwitcherResult = {
     title: string;
     id: string;
     onSelected: () => void;

package/dist/editor/components/RenderModal/DataEditor.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { AnyComposition } from 'remotion';
-export declare type State = {
+export type State = {
     str: string;
     value: Record<string, unknown>;
     validJSON: true;
@@ -10,12 +10,11 @@ export declare type State = {
     validJSON: false;
     error: string;
 };
-export declare type PropsEditType = 'input-props' | 'default-props';
+export type PropsEditType = 'input-props' | 'default-props';
 export declare const DataEditor: React.FC<{
     unresolvedComposition: AnyComposition;
     inputProps: Record<string, unknown>;
     setInputProps: React.Dispatch<React.SetStateAction<Record<string, unknown>>>;
-    compact: boolean;
     mayShowSaveButton: boolean;
     propsEditType: PropsEditType;
 }>;

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

@@ -88,7 +88,7 @@ const getPersistedShowWarningState = () => {
 const setPersistedShowWarningState = (val) => {
     localStorage.setItem(persistanceKey, String(Boolean(val)));
 };
-const DataEditor = ({ unresolvedComposition, inputProps, setInputProps, compact, mayShowSaveButton, propsEditType, }) => {
+const DataEditor = ({ unresolvedComposition, inputProps, setInputProps, mayShowSaveButton, propsEditType, }) => {
     const [mode, setMode] = (0, react_1.useState)('schema');
     const [valBeforeSafe, setValBeforeSafe] = (0, react_1.useState)(inputProps);
     const [saving, setSaving] = (0, react_1.useState)(false);
@@ -115,7 +115,7 @@ const DataEditor = ({ unresolvedComposition, inputProps, setInputProps, compact,
             return 'no-zod';
         }
         if (!unresolvedComposition.schema) {
-            return z.object({});
+            return 'no-schema';
         }
         if (!(typeof unresolvedComposition.schema.safeParse === 'function')) {
             throw new Error('A value which is not a Zod schema was passed to `schema`');
@@ -126,6 +126,9 @@ const DataEditor = ({ unresolvedComposition, inputProps, setInputProps, compact,
         if (schema === 'no-zod') {
             return 'no-zod';
         }
+        if (schema === 'no-schema') {
+            return 'no-schema';
+        }
         return schema.safeParse(inputProps);
     }, [inputProps, schema]);
     const setShowWarning = (0, react_1.useCallback)((val) => {
@@ -208,7 +211,7 @@ const DataEditor = ({ unresolvedComposition, inputProps, setInputProps, compact,
         ];
     }, [mode]);
     const onUpdate = (0, react_1.useCallback)(() => {
-        if (schema === 'no-zod' || z === null) {
+        if (schema === 'no-zod' || schema === 'no-schema' || z === null) {
             (0, NotificationCenter_1.sendErrorNotification)('Cannot update default props: No Zod schema');
             return;
         }
@@ -223,7 +226,7 @@ const DataEditor = ({ unresolvedComposition, inputProps, setInputProps, compact,
         setSaving(false);
     }, [fastRefreshes]);
     const onSave = (0, react_1.useCallback)((updater) => {
-        if (schema === 'no-zod' || z === null) {
+        if (schema === 'no-zod' || schema === 'no-schema' || z === null) {
             (0, NotificationCenter_1.sendErrorNotification)('Cannot update default props: No Zod schema');
             return;
         }
@@ -265,12 +268,18 @@ const DataEditor = ({ unresolvedComposition, inputProps, setInputProps, compact,
     if (schema === 'no-zod') {
         return (0, jsx_runtime_1.jsx)(SchemaErrorMessages_1.ZodNotInstalled, {});
     }
+    if (schema === 'no-schema') {
+        return (0, jsx_runtime_1.jsx)(SchemaErrorMessages_1.NoSchemaDefined, {});
+    }
     if (!z) {
         throw new Error('expected zod');
     }
     if (zodValidationResult === 'no-zod') {
         throw new Error('expected zod');
     }
+    if (zodValidationResult === 'no-schema') {
+        throw new Error('expected schema');
+    }
     const def = schema._def;
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const typeName = def.typeName;
@@ -282,6 +291,6 @@ const DataEditor = ({ unresolvedComposition, inputProps, setInputProps, compact,
     }
     return ((0, jsx_runtime_1.jsxs)("div", { style: outer, children: [(0, jsx_runtime_1.jsxs)("div", { style: controlContainer, children: [(0, jsx_runtime_1.jsxs)("div", { style: tabWrapper, children: [(0, jsx_runtime_1.jsx)(SegmentedControl_1.SegmentedControl, { items: modeItems, needsWrapping: false }), (0, jsx_runtime_1.jsx)(layout_1.Flex, {}), warnings.length > 0 ? ((0, jsx_runtime_1.jsx)(WarningIndicatorButton_1.WarningIndicatorButton, { setShowWarning: setShowWarning, showWarning: showWarning, warningCount: warnings.length })) : null] }), showWarning && warnings.length > 0
                         ? warnings.map((warning) => ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(layout_1.Spacing, { y: 1 }), (0, jsx_runtime_1.jsx)(ValidationMessage_1.ValidationMessage, { message: warning, align: "flex-start", type: "warning" })] }, warning)))
-                        : null] }), mode === 'schema' ? ((0, jsx_runtime_1.jsx)(SchemaEditor_1.SchemaEditor, { value: inputProps, setValue: setInputProps, schema: schema, zodValidationResult: zodValidationResult, compact: compact, defaultProps: unresolvedComposition.defaultProps, onSave: onSave, showSaveButton: showSaveButton, saving: saving, saveDisabledByParent: !zodValidationResult.success })) : ((0, jsx_runtime_1.jsx)(RenderModalJSONPropsEditor_1.RenderModalJSONPropsEditor, { value: inputProps !== null && inputProps !== void 0 ? inputProps : {}, setValue: setInputProps, onSave: onUpdate, valBeforeSafe: valBeforeSafe, showSaveButton: showSaveButton, serializedJSON: serializedJSON, defaultProps: unresolvedComposition.defaultProps, schema: schema }))] }));
+                        : null] }), mode === 'schema' ? ((0, jsx_runtime_1.jsx)(SchemaEditor_1.SchemaEditor, { value: inputProps, setValue: setInputProps, schema: schema, zodValidationResult: zodValidationResult, defaultProps: unresolvedComposition.defaultProps, onSave: onSave, showSaveButton: showSaveButton, saving: saving, saveDisabledByParent: !zodValidationResult.success })) : ((0, jsx_runtime_1.jsx)(RenderModalJSONPropsEditor_1.RenderModalJSONPropsEditor, { value: inputProps !== null && inputProps !== void 0 ? inputProps : {}, setValue: setInputProps, onSave: onUpdate, valBeforeSafe: valBeforeSafe, showSaveButton: showSaveButton, serializedJSON: serializedJSON, defaultProps: unresolvedComposition.defaultProps, schema: schema }))] }));
 };
 exports.DataEditor = DataEditor;

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

@@ -12,6 +12,6 @@ const EnforceAudioTrackSetting = ({ enforceAudioTrack, muted, setEnforceAudioTra
     const onEnforceAudioTrackChanged = (0, react_1.useCallback)((e) => {
         setEnforceAudioTrack(e.target.checked);
     }, [setEnforceAudioTrack]);
-    return ((0, jsx_runtime_1.jsxs)("div", { style: layout_2.optionRow, children: [(0, jsx_runtime_1.jsxs)("div", { style: layout_2.label, children: ["Enforce Audio Track", (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 0.5 }), (0, jsx_runtime_1.jsx)(InfoBubble_1.InfoBubble, { title: "Learn more about this option", children: (0, jsx_runtime_1.jsx)(OptionExplainer_1.OptionExplainer, { option: option }) })] }), (0, jsx_runtime_1.jsx)("div", { style: layout_2.rightRow, children: (0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { disabled: muted && !enforceAudioTrack, checked: enforceAudioTrack, onChange: onEnforceAudioTrackChanged }) })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { style: layout_2.optionRow, children: [(0, jsx_runtime_1.jsxs)("div", { style: layout_2.label, children: ["Enforce Audio Track", (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 0.5 }), (0, jsx_runtime_1.jsx)(InfoBubble_1.InfoBubble, { title: "Learn more about this option", children: (0, jsx_runtime_1.jsx)(OptionExplainer_1.OptionExplainer, { option: option }) })] }), (0, jsx_runtime_1.jsx)("div", { style: layout_2.rightRow, children: (0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { disabled: muted && !enforceAudioTrack, checked: enforceAudioTrack, onChange: onEnforceAudioTrackChanged, name: "enforce-audio-track" }) })] }));
 };
 exports.EnforceAudioTrackSetting = EnforceAudioTrackSetting;

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

@@ -12,6 +12,6 @@ const MutedSetting = ({ muted, setMuted, enforceAudioTrack, hint }) => {
     const onMutedChanged = (0, react_1.useCallback)((e) => {
         setMuted(e.target.checked);
     }, [setMuted]);
-    return ((0, jsx_runtime_1.jsxs)("div", { style: layout_2.optionRow, children: [(0, jsx_runtime_1.jsxs)("div", { style: layout_2.label, children: ["Muted", (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 0.5 }), (0, jsx_runtime_1.jsx)(InfoBubble_1.InfoBubble, { title: "Learn more about this option", children: (0, jsx_runtime_1.jsx)(OptionExplainer_1.OptionExplainer, { option: hint }) })] }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 0.25 }), (0, jsx_runtime_1.jsx)("div", { style: layout_2.rightRow, children: (0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { checked: muted, disabled: enforceAudioTrack && !muted, onChange: onMutedChanged }) })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { style: layout_2.optionRow, children: [(0, jsx_runtime_1.jsxs)("div", { style: layout_2.label, children: ["Muted", (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 0.5 }), (0, jsx_runtime_1.jsx)(InfoBubble_1.InfoBubble, { title: "Learn more about this option", children: (0, jsx_runtime_1.jsx)(OptionExplainer_1.OptionExplainer, { option: hint }) })] }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 0.25 }), (0, jsx_runtime_1.jsx)("div", { style: layout_2.rightRow, children: (0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { checked: muted, disabled: enforceAudioTrack && !muted, onChange: onMutedChanged, name: "muted" }) })] }));
 };
 exports.MutedSetting = MutedSetting;

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

@@ -1,7 +1,7 @@
 import type { AudioCodec, Codec, OpenGlRenderer, PixelFormat, ProResProfile, StillImageFormat, VideoImageFormat } from '@remotion/renderer';
 import React from 'react';
 import type { RenderType } from './RenderModalAdvanced';
-declare type RenderModalProps = {
+type RenderModalProps = {
     compositionId: string;
     initialFrame: number;
     initialVideoImageFormat: VideoImageFormat;