@remotion/cli 3.3.7 → 3.3.8

package/dist/get-filename.d.ts

@@ -1,6 +1,6 @@
 import type { Codec } from '@remotion/renderer';
 export declare const getOutputFilename: ({ codec, imageSequence, compositionName, defaultExtension, args, }: {
-    codec: any;
+    codec: Codec;
     imageSequence: boolean;
     compositionName: string;
     defaultExtension: string;

package/dist/get-latest-remotion-version.d.ts

@@ -1 +1 @@
-export declare const getLatestRemotionVersion: () => unknown;
+export declare const getLatestRemotionVersion: () => Promise<any>;

package/dist/get-render-media-options.d.ts

@@ -3,6 +3,6 @@ export declare const getRenderMediaOptions: ({ outputLocation, config, serveUrl,
     outputLocation: RenderMediaOptions['outputLocation'];
     config: RenderMediaOptions['composition'];
     serveUrl: string;
-    codec: any;
+    codec: Codec;
     remotionRoot: string;
 }) => Promise<RenderMediaOptions>;

package/dist/handle-common-errors.d.ts

@@ -1 +1 @@
-export declare const handleCommonError: (err: Error) => any;
+export declare const handleCommonError: (err: Error) => Promise<void>;

package/dist/image-formats.d.ts

@@ -1 +1,3 @@
-export declare const getImageFormat: (codec: ReturnType<() => any>) => any;
+import type { ImageFormat } from '@remotion/renderer';
+import { ConfigInternals } from './config';
+export declare const getImageFormat: (codec: ReturnType<typeof ConfigInternals.getOutputCodecOrUndefined>) => ImageFormat;

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import minimist from 'minimist';
-export declare const cli: () => any;
+export declare const cli: () => Promise<void>;
 export { ConfigInternals, overrideRemotion } from './config/index';
 export * from './render';
 export declare const CliInternals: {
@@ -61,45 +61,81 @@ export declare const CliInternals: {
     };
     makeProgressBar: (percentage: number) => string;
     Log: {
-        verbose: (...args: Parameters<(message?: any, ...optionalParams: any[]) => void>) => void;
-        info: (...args: Parameters<(message?: any, ...optionalParams: any[]) => void>) => void;
-        warn: (...args: Parameters<(message?: any, ...optionalParams: any[]) => void>) => void;
-        error: (...args: Parameters<(message?: any, ...optionalParams: any[]) => void>) => void;
+        verbose: (message?: any, ...optionalParams: any[]) => void;
+        info: (message?: any, ...optionalParams: any[]) => void;
+        warn: (message?: any, ...optionalParams: any[]) => void;
+        error: (message?: any, ...optionalParams: any[]) => void;
     };
     getCliOptions: (options: {
         isLambda: boolean;
         type: "still" | "series" | "get-compositions";
         remotionRoot: string;
-    }) => unknown;
+    }) => Promise<{
+        puppeteerTimeout: number;
+        concurrency: number | null;
+        frameRange: import("@remotion/renderer").FrameRange | null;
+        shouldOutputImageSequence: boolean;
+        inputProps: object;
+        envVariables: Record<string, string>;
+        quality: number | undefined;
+        browser: import("@remotion/renderer").Browser;
+        crf: import("@remotion/renderer").Crf | null;
+        pixelFormat: "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
+        proResProfile: "4444-xq" | "4444" | "hq" | "standard" | "light" | "proxy" | undefined;
+        everyNthFrame: number;
+        numberOfGifLoops: import("./config/number-of-gif-loops").Loop;
+        stillFrame: number;
+        browserExecutable: import("@remotion/renderer").BrowserExecutable;
+        ffmpegExecutable: import("@remotion/renderer").FfmpegExecutable;
+        ffprobeExecutable: import("@remotion/renderer").FfmpegExecutable;
+        logLevel: "error" | "verbose" | "info" | "warn";
+        scale: number;
+        chromiumOptions: import("@remotion/renderer").ChromiumOptions;
+        overwrite: boolean;
+        port: number | null;
+        muted: boolean;
+        enforceAudioTrack: boolean;
+        publicDir: string | null;
+        ffmpegOverride: import("@remotion/renderer").FfmpegOverrideFn;
+        audioBitrate: string | null;
+        videoBitrate: string | null;
+        height: number | null;
+        width: number | null;
+    }>;
     loadConfig: (remotionRoot: string) => Promise<string | null>;
-    initializeCli: (remotionRoot: string) => any;
+    initializeCli: (remotionRoot: string) => Promise<void>;
     BooleanFlags: string[];
     quietFlagProvided: () => boolean;
     parsedCli: import("./parse-command-line").CommandLineOptions & {
         _: string[];
     };
-    handleCommonError: (err: Error) => any;
-    formatBytes: (number: number, options?: any) => string;
+    handleCommonError: (err: Error) => Promise<void>;
+    formatBytes: (number: number, options?: Intl.NumberFormatOptions & {
+        locale: string;
+        bits?: boolean | undefined;
+        binary?: boolean | undefined;
+        signed: boolean;
+    }) => string;
     getFileSizeDownloadBar: (downloaded: number) => string;
     getFinalCodec: (options: {
         downloadName: string | null;
         outName: string | null;
     }) => {
-        codec: any;
+        codec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif";
         reason: string;
     };
     determineFinalImageFormat: ({ downloadName, outName, configImageFormat, cliFlag, isLambda, }: {
         downloadName: string | null;
         outName: string | null;
-        configImageFormat: any;
-        cliFlag: any;
+        configImageFormat: "png" | "jpeg" | "none" | null;
+        cliFlag: "png" | "jpeg" | "none" | null;
         isLambda: boolean;
     }) => {
         format: import("@remotion/renderer").StillImageFormat;
         source: string;
     };
     minimist: typeof minimist;
-    selectComposition: (validCompositions: unknown) => Promise<{
+    selectComposition: (validCompositions: import("remotion").TCompMetadata[]) => Promise<{
         compositionId: string;
         reason: string;
     }>;
@@ -108,6 +144,6 @@ export declare const CliInternals: {
         remainingArgs: string[];
         reason: string;
     };
-    getImageFormat: (codec: ReturnType<() => any>) => any;
-    printCompositions: (compositions: Pick<import("remotion").TComposition<unknown>, "height" | "width" | "id" | "fps" | "durationInFrames" | "defaultProps">[]) => void;
+    getImageFormat: (codec: import("@remotion/renderer").CodecOrUndefined) => "png" | "jpeg" | "none";
+    printCompositions: (compositions: import("remotion").TCompMetadata[]) => void;
 };

package/dist/initialize-cli.d.ts

@@ -1 +1 @@
-export declare const initializeCli: (remotionRoot: string) => any;
+export declare const initializeCli: (remotionRoot: string) => Promise<void>;

package/dist/install.d.ts

@@ -1,2 +1,2 @@
 export declare const INSTALL_COMMAND: "install";
-export declare const installCommand: (remotionRoot: string, args: string[]) => any;
+export declare const installCommand: (remotionRoot: string, args: string[]) => Promise<void>;

package/dist/lambda-command.d.ts

@@ -1 +1 @@
-export declare const lambdaCommand: (remotionRoot: string, args: string[]) => any;
+export declare const lambdaCommand: (remotionRoot: string, args: string[]) => Promise<never>;

package/dist/log.d.ts

@@ -1,6 +1,6 @@
 export declare const Log: {
-    verbose: (...args: Parameters<(message?: any, ...optionalParams: any[]) => void>) => void;
-    info: (...args: Parameters<(message?: any, ...optionalParams: any[]) => void>) => void;
-    warn: (...args: Parameters<(message?: any, ...optionalParams: any[]) => void>) => void;
-    error: (...args: Parameters<(message?: any, ...optionalParams: any[]) => void>) => void;
+    verbose: (message?: any, ...optionalParams: any[]) => void;
+    info: (message?: any, ...optionalParams: any[]) => void;
+    warn: (message?: any, ...optionalParams: any[]) => void;
+    error: (message?: any, ...optionalParams: any[]) => void;
 };

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

@@ -1,5 +1,5 @@
 import type { BrowserExecutable, Codec, FfmpegExecutable, ImageFormat, OpenGlRenderer, PixelFormat, ProResProfile } from '@remotion/renderer';
-export type CommandLineOptions = {
+export declare type CommandLineOptions = {
     ['browser-executable']: BrowserExecutable;
     ['ffmpeg-executable']: FfmpegExecutable;
     ['ffprobe-executable']: FfmpegExecutable;

package/dist/preview-server/dev-middleware/get-paths.d.ts

@@ -1,5 +1,5 @@
 import type { DevMiddlewareContext } from './types';
-type PublicPath = {
+declare type PublicPath = {
     outputPath: string;
     publicPath: string;
 };

package/dist/preview-server/dev-middleware/is-color-supported.d.ts

@@ -1 +1 @@
-export declare const isColorSupported: any;
+export declare const isColorSupported: boolean;

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

@@ -6,5 +6,5 @@ export declare function getValueContentRangeHeader(type: string, size: number, r
     start: number;
     end: number;
 }): string;
-export type MiddleWare = (req: IncomingMessage, res: ServerResponse, next: () => void) => void;
+export declare type MiddleWare = (req: IncomingMessage, res: ServerResponse, next: () => void) => void;
 export declare function middleware(context: DevMiddlewareContext): (req: IncomingMessage, res: ServerResponse, next: () => void) => void;

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

@@ -4,11 +4,11 @@
  * Copyright(c) 2015-2016 Douglas Christopher Wilson
  * MIT Licensed
  */
-type Range = {
+declare type Range = {
     start: number;
     end: number;
 };
-type Ranges = Range[] & {
+declare type Ranges = Range[] & {
     type?: string;
 };
 export declare function parseRange(size: number, str: string | string[]): -1 | Ranges | -2;

package/dist/preview-server/error-overlay/react-overlay/effects/map-error-to-react-stack.d.ts

@@ -1,4 +1,4 @@
-export type ErrorLocation = {
+export declare type ErrorLocation = {
     fileName: string;
     columnNumber: number;
     lineNumber: number;

package/dist/preview-server/error-overlay/react-overlay/utils/stack-frame.d.ts

@@ -4,25 +4,25 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-export type ScriptLine = {
+export declare type ScriptLine = {
     lineNumber: number;
     content: string;
     highlight: boolean;
 };
-export type SymbolicatedStackFrame = {
+export declare type SymbolicatedStackFrame = {
     originalFunctionName: string | null;
     originalFileName: string | null;
     originalLineNumber: number | null;
     originalColumnNumber: number | null;
     originalScriptCode: ScriptLine[] | null;
 };
-export type StackFrame = {
+export declare type StackFrame = {
     functionName: string | null;
     fileName: string;
     lineNumber: number;
     columnNumber: number;
 };
-export type SomeStackFrame = {
+export declare type SomeStackFrame = {
     type: 'symbolicated';
     frame: SymbolicatedStackFrame;
 } | {

package/dist/preview-server/error-overlay/remotion-overlay/format-location.d.ts

@@ -1 +1 @@
-export declare const formatLocation: (location: string) => any;
+export declare const formatLocation: (location: string) => string;

package/dist/preview-server/error-overlay/remotion-overlay/get-help-link.d.ts

@@ -1,4 +1,4 @@
-export type THelpLink = {
+export declare type THelpLink = {
     url: string;
     title: string;
 };

package/dist/preview-server/get-package-manager.d.ts

@@ -1,5 +1,5 @@
-export type PackageManager = 'npm' | 'yarn' | 'pnpm';
-type LockfilePath = {
+export declare type PackageManager = 'npm' | 'yarn' | 'pnpm';
+declare type LockfilePath = {
     manager: PackageManager;
     path: string;
     installCommand: string;

package/dist/preview-server/hot-middleware/strip-ansi.d.ts

@@ -1 +1 @@
-export declare const stripAnsi: (str: string) => any;
+export declare const stripAnsi: (str: string) => string;

package/dist/preview-server/live-events.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="node" />
 import type { IncomingMessage, ServerResponse } from 'http';
 import type { EventSourceEvent } from '../event-source-events';
-export type LiveEventsServer = {
+export declare type LiveEventsServer = {
     sendEventToClient: (event: EventSourceEvent) => void;
     router: (request: IncomingMessage, response: ServerResponse) => void;
 };

package/dist/preview-server/project-info.d.ts

@@ -1,4 +1,4 @@
-export type ProjectInfo = {
+export declare type ProjectInfo = {
     videoFile: string | null;
     relativeVideoFile: string | null;
 };

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

@@ -10,4 +10,4 @@ export declare const handleRoutes: ({ hash, hashPrefix, request, response, liveE
     getEnvVariables: () => Record<string, string>;
     remotionRoot: string;
     userPassedPublicDir: string | null;
-}) => any;
+}) => void | Promise<void>;

package/dist/preview-server/serve-static.d.ts

@@ -6,4 +6,4 @@
  * MIT Licensed
  */
 import type { IncomingMessage, ServerResponse } from 'http';
-export declare const serveStatic: (root: string, hash: string, req: IncomingMessage, res: ServerResponse) => any;
+export declare const serveStatic: (root: string, hash: string, req: IncomingMessage, res: ServerResponse) => Promise<void>;

package/dist/preview-server/update-available.d.ts

@@ -1,2 +1,11 @@
+import type { PackageManager } from './get-package-manager';
+declare type Info = {
+    currentVersion: string;
+    latestVersion: string;
+    updateAvailable: boolean;
+    timedOut: boolean;
+    packageManager: PackageManager | 'unknown';
+};
 export declare const getRemotionVersion: () => any;
-export declare const isUpdateAvailableWithTimeout: (remotionRoot: string) => any;
+export declare const isUpdateAvailableWithTimeout: (remotionRoot: string) => Promise<Info>;
+export {};

package/dist/preview.d.ts

@@ -1 +1 @@
-export declare const previewCommand: (remotionRoot: string, args: string[]) => any;
+export declare const previewCommand: (remotionRoot: string, args: string[]) => Promise<void>;

package/dist/print-error.d.ts

@@ -1 +1 @@
-export declare const printError: (err: Error) => any;
+export declare const printError: (err: Error) => Promise<void>;

package/dist/progress-bar.d.ts

@@ -6,32 +6,32 @@ export declare const createProgressBar: (quiet: boolean) => {
 export declare const createOverwriteableCliOutput: (quiet: boolean) => {
     update: (up: string) => boolean;
 };
-export type CopyingState = {
+export declare type CopyingState = {
     bytes: number;
     doneIn: number | null;
 };
-export type BundlingState = {
+export declare type BundlingState = {
     progress: number;
     steps: RenderStep[];
     doneIn: number | null;
 };
-export type SymbolicLinksState = {
+export declare type SymbolicLinksState = {
     symlinks: string[];
 };
 export declare const makeBundlingAndCopyProgress: ({ bundling, copying, symLinks, }: {
     bundling: BundlingState;
     copying: CopyingState;
     symLinks: SymbolicLinksState;
-}) => any;
-type RenderingProgressInput = {
+}) => string;
+declare type RenderingProgressInput = {
     frames: number;
     totalFrames: number;
     steps: RenderStep[];
     concurrency: number;
     doneIn: number | null;
 };
-export declare const makeRenderingProgress: ({ frames, totalFrames, steps, concurrency, doneIn, }: RenderingProgressInput) => any;
-type StitchingProgressInput = {
+export declare const makeRenderingProgress: ({ frames, totalFrames, steps, concurrency, doneIn, }: RenderingProgressInput) => string;
+declare type StitchingProgressInput = {
     frames: number;
     totalFrames: number;
     steps: RenderStep[];
@@ -39,8 +39,8 @@ type StitchingProgressInput = {
     stage: StitchingState;
     codec: Codec;
 };
-export declare const makeStitchingProgress: ({ frames, totalFrames, steps, doneIn, stage, codec, }: StitchingProgressInput) => any;
-export type DownloadProgress = {
+export declare const makeStitchingProgress: ({ frames, totalFrames, steps, doneIn, stage, codec, }: StitchingProgressInput) => string;
+export declare type DownloadProgress = {
     name: string;
     id: number;
     progress: number | null;
@@ -51,5 +51,5 @@ export declare const makeRenderingAndStitchingProgress: ({ rendering, stitching,
     rendering: RenderingProgressInput;
     stitching: StitchingProgressInput | null;
     downloads: DownloadProgress[];
-}) => any;
+}) => string;
 export {};

package/dist/render.d.ts

@@ -1 +1 @@
-export declare const render: (remotionRoot: string, args: string[]) => any;
+export declare const render: (remotionRoot: string, args: string[]) => Promise<void>;

package/dist/setup-cache.d.ts

@@ -13,4 +13,4 @@ export declare const bundleOnCli: ({ fullPath, steps, remotionRoot, publicDir, }
     steps: RenderStep[];
     remotionRoot: string;
     publicDir: string | null;
-}) => unknown;
+}) => Promise<string>;

package/dist/step.d.ts

@@ -1 +1 @@
-export type RenderStep = 'bundling' | 'rendering' | 'stitching';
+export declare type RenderStep = 'bundling' | 'rendering' | 'stitching';

package/dist/still.d.ts

@@ -1 +1 @@
-export declare const still: (remotionRoot: string, args: string[]) => any;
+export declare const still: (remotionRoot: string, args: string[]) => Promise<void>;

package/dist/truthy.d.ts

@@ -1,3 +1,3 @@
-type Truthy<T> = T extends false | '' | 0 | null | undefined ? never : T;
+declare type Truthy<T> = T extends false | '' | 0 | null | undefined ? never : T;
 export declare function truthy<T>(value: T): value is Truthy<T>;
 export {};

package/dist/upgrade.d.ts

@@ -1 +1 @@
-export declare const upgrade: (remotionRoot: string, packageManager: string | undefined) => any;
+export declare const upgrade: (remotionRoot: string, packageManager: string | undefined) => Promise<void>;

package/dist/user-passed-output-location.d.ts

@@ -1,6 +1,6 @@
-export declare const getUserPassedOutputLocation: (args: string[]) => any;
+export declare const getUserPassedOutputLocation: (args: string[]) => string;
 export declare const getOutputLocation: ({ compositionId, defaultExtension, args, }: {
     compositionId: string;
     defaultExtension: string;
     args: string[];
-}) => any;
+}) => string;

package/dist/versions.d.ts

@@ -1,3 +1,3 @@
 export declare const VERSIONS_COMMAND = "versions";
-export declare const validateVersionsBeforeCommand: (remotionRoot: string) => any;
-export declare const versionsCommand: (remotionRoot: string) => any;
+export declare const validateVersionsBeforeCommand: (remotionRoot: string) => Promise<void>;
+export declare const versionsCommand: (remotionRoot: string) => Promise<void>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/cli",
-	"version": "3.3.7",
+	"version": "3.3.8",
 	"description": "CLI for Remotion",
 	"main": "dist/index.js",
 	"sideEffects": false,
@@ -22,16 +22,16 @@
 	"author": "Jonny Burger <jonny@remotion.dev>",
 	"license": "SEE LICENSE IN LICENSE.md",
 	"dependencies": {
-		"@remotion/bundler": "3.3.7",
-		"@remotion/media-utils": "3.3.7",
-		"@remotion/player": "3.3.7",
-		"@remotion/renderer": "3.3.7",
+		"@remotion/bundler": "3.3.8",
+		"@remotion/media-utils": "3.3.8",
+		"@remotion/player": "3.3.8",
+		"@remotion/renderer": "3.3.8",
 		"better-opn": "2.1.1",
 		"dotenv": "9.0.2",
 		"memfs": "3.4.3",
 		"minimist": "1.2.6",
 		"prompts": "2.4.1",
-		"remotion": "3.3.7",
+		"remotion": "3.3.8",
 		"semver": "7.3.5",
 		"source-map": "0.6.1"
 	},
@@ -72,5 +72,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "5a9310dd3db431e7a3e2eb2e2b3c508bbc7b258a"
+	"gitHead": "4d4c78cf83b5fd085f24d5fd19f4507815e200a7"
 }

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

@@ -1,6 +0,0 @@
-import React from 'react';
-import type { TCompMetadata } from 'remotion';
-export declare const COMPOSITION_ITEM_HEIGHT = 32;
-export declare const RenderButton: React.FC<{
-    composition: TCompMetadata;
-}>;

package/dist/editor/components/RenderButton.js

@@ -1,53 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RenderButton = exports.COMPOSITION_ITEM_HEIGHT = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const colors_1 = require("../helpers/colors");
-const render_1 = require("../icons/render");
-const modals_1 = require("../state/modals");
-const z_index_1 = require("../state/z-index");
-exports.COMPOSITION_ITEM_HEIGHT = 32;
-const itemStyle = {
-    display: 'flex',
-    cursor: 'default',
-    alignItems: 'center',
-    justifyContent: 'center',
-    marginBottom: 1,
-    appearance: 'none',
-    border: 'none',
-    height: exports.COMPOSITION_ITEM_HEIGHT,
-};
-const RenderButton = ({ composition }) => {
-    const [hovered, setHovered] = (0, react_1.useState)(false);
-    const { setSelectedModal } = (0, react_1.useContext)(modals_1.ModalsContext);
-    const onPointerEnter = (0, react_1.useCallback)(() => {
-        setHovered(true);
-    }, []);
-    const onPointerLeave = (0, react_1.useCallback)(() => {
-        setHovered(false);
-    }, []);
-    const { tabIndex } = (0, z_index_1.useZIndex)();
-    const style = (0, react_1.useMemo)(() => {
-        return {
-            ...itemStyle,
-            backgroundColor: hovered ? colors_1.CLEAR_HOVER : 'transparent',
-            color: hovered ? 'white' : colors_1.LIGHT_TEXT,
-        };
-    }, [hovered]);
-    const iconStyle = (0, react_1.useMemo)(() => {
-        return {
-            style: {
-                height: 14,
-            },
-        };
-    }, []);
-    const onClick = (0, react_1.useCallback)(() => {
-        setSelectedModal({
-            type: 'render',
-            composition,
-        });
-    }, [composition, setSelectedModal]);
-    return ((0, jsx_runtime_1.jsx)("button", { style: style, tabIndex: tabIndex, onClick: onClick, onPointerEnter: onPointerEnter, onPointerLeave: onPointerLeave, type: "button", children: (0, jsx_runtime_1.jsx)(render_1.RenderIcon, { svgProps: iconStyle, color: hovered ? 'white' : colors_1.LIGHT_TEXT }) }));
-};
-exports.RenderButton = RenderButton;

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

@@ -1,5 +0,0 @@
-import React from 'react';
-import type { TCompMetadata } from 'remotion';
-export declare const RenderModal: React.FC<{
-    composition: TCompMetadata;
-}>;

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

@@ -1,90 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RenderModal = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const get_default_out_name_1 = require("../../../get-default-out-name");
-const Button_1 = require("../../../preview-server/error-overlay/remotion-overlay/Button");
-const modals_1 = require("../../state/modals");
-const layout_1 = require("../layout");
-const ModalContainer_1 = require("../ModalContainer");
-const ModalHeader_1 = require("../ModalHeader");
-const RemInput_1 = require("../NewComposition/RemInput");
-const SidebarContent_1 = require("../SidebarContent");
-const initialState = { type: 'idle' };
-const reducer = (state, action) => {
-    if (action.type === 'start') {
-        return {
-            type: 'load',
-        };
-    }
-    if (action.type === 'fail') {
-        return {
-            type: 'error',
-        };
-    }
-    if (action.type === 'succeed') {
-        return {
-            type: 'success',
-        };
-    }
-    return state;
-};
-const container = {
-    padding: 20,
-};
-const RenderModal = ({ composition, }) => {
-    const { setSelectedModal } = (0, react_1.useContext)(modals_1.ModalsContext);
-    const onQuit = (0, react_1.useCallback)(() => {
-        setSelectedModal(null);
-    }, [setSelectedModal]);
-    const isMounted = (0, react_1.useRef)(true);
-    const [state, dispatch] = (0, react_1.useReducer)(reducer, initialState);
-    // TODO: Allow to change out name
-    const [outName] = (0, react_1.useState)(() => (0, get_default_out_name_1.getDefaultOutLocation)({
-        compositionName: composition.id,
-        // TODO: Set default extension
-        defaultExtension: 'png',
-    }));
-    const dispatchIfMounted = (0, react_1.useCallback)((payload) => {
-        if (isMounted.current === false)
-            return;
-        dispatch(payload);
-    }, []);
-    const onClick = (0, react_1.useCallback)(() => {
-        var _a;
-        const body = {
-            compositionId: composition.id,
-            type: 'still',
-            outName,
-        };
-        (_a = SidebarContent_1.leftSidebarTabs.current) === null || _a === void 0 ? void 0 : _a.selectRendersPanel();
-        fetch(`/api/render`, {
-            method: 'post',
-            headers: {
-                'content-type': 'application/json',
-            },
-            body: JSON.stringify(body),
-        })
-            .then((res) => res.json())
-            .then((data) => {
-            if (data.success) {
-                dispatchIfMounted({ type: 'succeed' });
-                setSelectedModal(null);
-            }
-            else {
-                dispatchIfMounted({ type: 'fail' });
-            }
-        })
-            .catch(() => {
-            dispatchIfMounted({ type: 'fail' });
-        });
-    }, [composition.id, dispatchIfMounted, outName, setSelectedModal]);
-    (0, react_1.useEffect)(() => {
-        return () => {
-            isMounted.current = false;
-        };
-    }, []);
-    return ((0, jsx_runtime_1.jsxs)(ModalContainer_1.ModalContainer, { onOutsideClick: onQuit, onEscape: onQuit, children: [(0, jsx_runtime_1.jsx)(ModalHeader_1.NewCompHeader, { title: `Render ${composition.id}` }), (0, jsx_runtime_1.jsxs)("div", { style: container, children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(RemInput_1.RemotionInput, { type: "text", value: outName }) }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { block: true, y: 0.5 }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: onClick, disabled: state.type === 'load', children: state.type === 'idle' ? 'Render' : 'Rendering...' }) })] })] }));
-};
-exports.RenderModal = RenderModal;

package/dist/editor/components/RenderQueue/RenderQueueItem.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import type { RenderJob } from '../../../preview-server/render-queue/job';
-export declare const RenderQueueItem: React.FC<{
-    job: RenderJob;
-}>;