@remotion/cli 4.0.0-alpha13 → 4.0.0-alpha14

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/ansi/ansi-regex.d.ts

@@ -0,0 +1,2 @@
+export declare const ansiRegex: () => RegExp;
+export declare const stripAnsi: (str: string) => string;

package/dist/ansi/ansi-regex.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.stripAnsi = exports.ansiRegex = void 0;
+const ansiRegex = () => {
+    const pattern = [
+        '[\\u001B\\u009B][[\\]()#;?]*(?:(?:(?:(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]+)*|[a-zA-Z\\d]+(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]*)*)?\\u0007)',
+        '(?:(?:\\d{1,4}(?:;\\d{0,4})*)?[\\dA-PR-TZcf-nq-uy=><~]))',
+    ].join('|');
+    return new RegExp(pattern, 'g');
+};
+exports.ansiRegex = ansiRegex;
+const stripAnsi = (str) => {
+    if (typeof str !== 'string') {
+        throw new TypeError(`Expected a \`string\`, got \`${typeof str}\``);
+    }
+    return str.replace((0, exports.ansiRegex)(), '');
+};
+exports.stripAnsi = stripAnsi;

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/ffmpeg-executable.d.ts

@@ -0,0 +1,5 @@
+import type { FfmpegExecutable } from '@remotion/renderer';
+export declare const setFfmpegExecutable: (ffmpegPath: FfmpegExecutable) => void;
+export declare const getCustomFfmpegExecutable: () => FfmpegExecutable;
+export declare const setFfprobeExecutable: (ffprobePath: FfmpegExecutable) => void;
+export declare const getCustomFfprobeExecutable: () => FfmpegExecutable;

package/dist/config/ffmpeg-executable.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getCustomFfprobeExecutable = exports.setFfprobeExecutable = exports.getCustomFfmpegExecutable = exports.setFfmpegExecutable = void 0;
+let currentFfmpegExecutablePath = null;
+let currentFfprobeExecutablePath = null;
+const setFfmpegExecutable = (ffmpegPath) => {
+    currentFfmpegExecutablePath = ffmpegPath;
+};
+exports.setFfmpegExecutable = setFfmpegExecutable;
+const getCustomFfmpegExecutable = () => {
+    return currentFfmpegExecutablePath;
+};
+exports.getCustomFfmpegExecutable = getCustomFfmpegExecutable;
+const setFfprobeExecutable = (ffprobePath) => {
+    currentFfprobeExecutablePath = ffprobePath;
+};
+exports.setFfprobeExecutable = setFfprobeExecutable;
+const getCustomFfprobeExecutable = () => {
+    return currentFfprobeExecutablePath;
+};
+exports.getCustomFfprobeExecutable = getCustomFfprobeExecutable;

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/quality.d.ts

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

package/dist/config/quality.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getQuality = exports.setQuality = void 0;
+const renderer_1 = require("@remotion/renderer");
+const defaultValue = undefined;
+let quality = defaultValue;
+const setQuality = (q) => {
+    renderer_1.RenderInternals.validateQuality(q);
+    if (q === 0 || q === undefined) {
+        quality = defaultValue;
+        return;
+    }
+    quality = q;
+};
+exports.setQuality = setQuality;
+const getQuality = () => quality;
+exports.getQuality = getQuality;

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/ClipboardIcon.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ClipboardIcon: React.FC;

package/dist/editor/components/ClipboardIcon.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ClipboardIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ClipboardIcon = () => {
+    return ((0, jsx_runtime_1.jsx)("svg", { "aria-hidden": "true", focusable: "false", "data-prefix": "far", "data-icon": "clipboard", className: "svg-inline--fa fa-clipboard fa-w-12", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 384 512", style: {
+            height: 16,
+            verticalAlign: 'middle',
+            marginTop: -3,
+        }, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M336 64h-80c0-35.3-28.7-64-64-64s-64 28.7-64 64H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM192 40c13.3 0 24 10.7 24 24s-10.7 24-24 24-24-10.7-24-24 10.7-24 24-24zm144 418c0 3.3-2.7 6-6 6H54c-3.3 0-6-2.7-6-6V118c0-3.3 2.7-6 6-6h42v36c0 6.6 5.4 12 12 12h168c6.6 0 12-5.4 12-12v-36h42c3.3 0 6 2.7 6 6z" }) }));
+};
+exports.ClipboardIcon = ClipboardIcon;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const CollapsedCompositionSelector: React.FC<{
+    onExpand: () => void;
+}>;

package/dist/editor/components/CollapsedCompositionSelector.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CollapsedCompositionSelector = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const colors_1 = require("../helpers/colors");
+const caret_1 = require("../icons/caret");
+const z_index_1 = require("../state/z-index");
+const CollapsedCompositionSelector = ({ onExpand }) => {
+    const [hovered, setHovered] = (0, react_1.useState)(false);
+    const { tabIndex } = (0, z_index_1.useZIndex)();
+    const onPointerEnter = (0, react_1.useCallback)(() => {
+        setHovered(true);
+    }, []);
+    const onPointerLeave = (0, react_1.useCallback)(() => {
+        setHovered(false);
+    }, []);
+    const style = (0, react_1.useMemo)(() => {
+        return {
+            border: 'none',
+            borderRight: '2px solid black',
+            cursor: 'pointer',
+            color: 'white',
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'center',
+            paddingLeft: 7,
+            paddingRight: 4,
+            backgroundColor: (0, colors_1.getBackgroundFromHoverState)({
+                hovered,
+                selected: false,
+            }),
+            appearance: 'none',
+            WebkitAppearance: 'none',
+        };
+    }, [hovered]);
+    return ((0, jsx_runtime_1.jsx)("button", { style: style, onPointerEnter: onPointerEnter, onPointerLeave: onPointerLeave, type: "button", role: "button", tabIndex: tabIndex, onClick: onExpand, children: (0, jsx_runtime_1.jsx)(caret_1.CaretRight, {}) }));
+};
+exports.CollapsedCompositionSelector = CollapsedCompositionSelector;

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;
 };

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;
 }>;