@remotion/cli 3.3.44 → 3.3.51

package/dist/config/height.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getHeight = exports.overrideHeight = void 0;
-// eslint-disable-next-line no-restricted-imports
 const remotion_1 = require("remotion");
 let specifiedHeight;
 const overrideHeight = (newHeight) => {

package/dist/config/index.js

@@ -24,7 +24,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.overrideRemotion = exports.ConfigInternals = exports.Config = void 0;
-// eslint-disable-next-line no-restricted-imports
 const remotion_1 = require("remotion");
 const browser_1 = require("./browser");
 const browser_executable_1 = require("./browser-executable");

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 renderer_1 = require("@remotion/renderer");
+const remotion_1 = require("remotion");
 let stillFrame = 0;
 const setStillFrame = (frame) => {
-    renderer_1.RenderInternals.validateFrame(frame, Infinity);
+    remotion_1.Internals.validateFrame(frame, Infinity);
     stillFrame = frame;
 };
 exports.setStillFrame = setStillFrame;

package/dist/config/width.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getWidth = exports.overrideWidth = void 0;
-// eslint-disable-next-line no-restricted-imports
 const remotion_1 = require("remotion");
 let passedWidth = null;
 const overrideWidth = (newWidth) => {

package/dist/editor/components/Canvas.js

@@ -214,6 +214,6 @@ const Canvas = () => {
             zoomOut.unregister();
         };
     }, [keybindings, onReset, onZoomIn, onZoomOut]);
-    return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, style: container, children: [size ? (0, jsx_runtime_1.jsx)(Preview_1.VideoPreview, { canvasSize: size }) : null, isFit ? null : ((0, jsx_runtime_1.jsx)("div", { style: resetZoom, children: (0, jsx_runtime_1.jsx)(ResetZoomButton_1.ResetZoomButton, { onClick: onReset }) }))] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, style: container, children: [size ? (0, jsx_runtime_1.jsx)(Preview_1.VideoPreview, { canvasSize: size }) : null, isFit ? null : ((0, jsx_runtime_1.jsx)("div", { style: resetZoom, className: "css-reset", children: (0, jsx_runtime_1.jsx)(ResetZoomButton_1.ResetZoomButton, { onClick: onReset }) }))] }));
 };
 exports.Canvas = Canvas;

package/dist/preview-server/dev-middleware/middleware.js

@@ -6,13 +6,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.middleware = exports.getValueContentRangeHeader = exports.getFilenameFromUrl = void 0;
 const renderer_1 = require("@remotion/renderer");
 const path_1 = __importDefault(require("path"));
-const compatible_api_1 = require("./compatible-api");
-const range_parser_1 = require("./range-parser");
-const ready_1 = require("./ready");
-// eslint-disable-next-line no-restricted-imports
 const querystring_1 = __importDefault(require("querystring"));
 const url_1 = require("url");
+const compatible_api_1 = require("./compatible-api");
 const get_paths_1 = require("./get-paths");
+const range_parser_1 = require("./range-parser");
+const ready_1 = require("./ready");
 const cacheStore = new WeakMap();
 const mem = (fn, { cache = new Map() } = {}) => {
     const memoized = (...arguments_) => {

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

@@ -1,4 +1,4 @@
-import type { WebpackOverrideFn } from 'remotion';
+import type { WebpackOverrideFn } from '@remotion/bundler';
 import type { LiveEventsServer } from './live-events';
 export declare const startServer: (options: {
     entry: string;

package/dist/preview-server/start-server.js

@@ -79,9 +79,38 @@ const startServer = async (options) => {
         });
     });
     const desiredPort = (_d = options === null || options === void 0 ? void 0 : options.port) !== null && _d !== void 0 ? _d : undefined;
-    const { port, didUsePort } = await renderer_1.RenderInternals.getDesiredPort(desiredPort, 3000, 3100);
-    server.listen(port);
-    server.on('listening', () => didUsePort());
-    return { port, liveEventsServer };
+    const maxTries = 5;
+    for (let i = 0; i < maxTries; i++) {
+        try {
+            const selectedPort = await new Promise((resolve, reject) => {
+                renderer_1.RenderInternals.getDesiredPort(desiredPort, 3000, 3100)
+                    .then(({ port, didUsePort }) => {
+                    server.listen(port);
+                    server.on('listening', () => {
+                        resolve(port);
+                        return didUsePort();
+                    });
+                    server.on('error', (err) => {
+                        reject(err);
+                    });
+                })
+                    .catch((err) => reject(err));
+            });
+            return { port: selectedPort, liveEventsServer };
+        }
+        catch (err) {
+            if (!(err instanceof Error)) {
+                throw err;
+            }
+            const codedError = err;
+            if (codedError.code === 'EADDRINUSE') {
+                log_1.Log.error(`Port ${codedError.port} is already in use. Trying another port...`);
+            }
+            else {
+                throw err;
+            }
+        }
+    }
+    throw new Error(`Tried ${maxTries} times to find a free port. Giving up.`);
 };
 exports.startServer = startServer;

package/dist/previewEntry.js

@@ -5,7 +5,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const client_1 = __importDefault(require("react-dom/client"));
-// eslint-disable-next-line no-restricted-imports
 const remotion_1 = require("remotion");
 require("../styles/styles.css");
 const Editor_1 = require("./editor/components/Editor");

package/dist/render.js

@@ -8,7 +8,6 @@ const renderer_1 = require("@remotion/renderer");
 const fs_1 = __importDefault(require("fs"));
 const os_1 = __importDefault(require("os"));
 const path_1 = __importDefault(require("path"));
-// eslint-disable-next-line no-restricted-imports
 const remotion_1 = require("remotion");
 const chalk_1 = require("./chalk");
 const config_1 = require("./config");

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/cli",
-	"version": "3.3.44",
+	"version": "3.3.51",
 	"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.44",
-		"@remotion/media-utils": "3.3.44",
-		"@remotion/player": "3.3.44",
-		"@remotion/renderer": "3.3.44",
+		"@remotion/bundler": "3.3.51",
+		"@remotion/media-utils": "3.3.51",
+		"@remotion/player": "3.3.51",
+		"@remotion/renderer": "3.3.51",
 		"better-opn": "2.1.1",
 		"dotenv": "9.0.2",
 		"memfs": "3.4.3",
 		"minimist": "1.2.6",
 		"prompts": "2.4.1",
-		"remotion": "3.3.44",
+		"remotion": "3.3.51",
 		"semver": "7.3.5",
 		"source-map": "0.6.1"
 	},
@@ -71,5 +71,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "7ba7bbdacbda1499ecdb92f1d9581d5db458edf8"
+	"gitHead": "be64134aece51abd6c63e644702517c868d6c8d0"
 }

package/dist/convert-entry-point-to-serve-url.d.ts

@@ -1 +0,0 @@
-export declare const convertEntryPointToServeUrl: (entryPoint: string) => string;

package/dist/convert-entry-point-to-serve-url.js

@@ -1,15 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.convertEntryPointToServeUrl = void 0;
-const renderer_1 = require("@remotion/renderer");
-const path_1 = __importDefault(require("path"));
-const convertEntryPointToServeUrl = (entryPoint) => {
-    const fullPath = renderer_1.RenderInternals.isServeUrl(entryPoint)
-        ? entryPoint
-        : path_1.default.resolve(process.cwd(), entryPoint);
-    return fullPath;
-};
-exports.convertEntryPointToServeUrl = convertEntryPointToServeUrl;

package/dist/derive-codec-from-file-extension.d.ts

@@ -1 +0,0 @@
-export declare const makeFileExtensionMap: () => Record<string, ("h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif")[]>;

package/dist/derive-codec-from-file-extension.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.makeFileExtensionMap = void 0;
-const renderer_1 = require("@remotion/renderer");
-const makeFileExtensionMap = () => {
-    const map = {};
-    Object.keys(renderer_1.RenderInternals.defaultFileExtensionMap).forEach((_codec) => {
-        const codec = _codec;
-        const fileExtMap = renderer_1.RenderInternals.defaultFileExtensionMap[codec];
-        const audioCodecs = Object.keys(fileExtMap.forAudioCodec);
-        const possibleExtensionsForAudioCodec = audioCodecs.map((audioCodec) => fileExtMap.forAudioCodec[audioCodec].possible);
-        const allPossibleExtensions = [
-            fileExtMap.default,
-            ...possibleExtensionsForAudioCodec.flat(1),
-        ];
-        for (const extension of allPossibleExtensions) {
-            if (!map[extension]) {
-                map[extension] = [];
-            }
-            if (!map[extension].includes(codec)) {
-                map[extension].push(codec);
-            }
-        }
-    });
-    return map;
-};
-exports.makeFileExtensionMap = makeFileExtensionMap;

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

@@ -1,5 +0,0 @@
-import React from 'react';
-export declare const Checkbox: React.FC<{
-    checked: boolean;
-    onChange: React.ChangeEventHandler<HTMLInputElement>;
-}>;

package/dist/editor/components/Checkbox.js

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Checkbox = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const colors_1 = require("../helpers/colors");
-const Checkmark_1 = require("../icons/Checkmark");
-const size = 20;
-const background = {
-    height: size,
-    width: size,
-    position: 'relative',
-};
-const input = {
-    appearance: 'none',
-    background: colors_1.INPUT_BACKGROUND,
-    border: '1px solid ' + colors_1.INPUT_BORDER_COLOR_UNHOVERED,
-    height: size,
-    width: size,
-    top: 0,
-    left: 0,
-    position: 'absolute',
-    margin: 0,
-};
-const box = {
-    display: 'flex',
-    justifyContent: 'center',
-    alignItems: 'center',
-    position: 'absolute',
-    height: size,
-    width: size,
-    top: 0,
-    left: 0,
-    pointerEvents: 'none',
-};
-const Checkbox = ({ checked, onChange }) => {
-    return ((0, jsx_runtime_1.jsxs)("div", { style: background, children: [(0, jsx_runtime_1.jsx)("input", { style: input, type: 'checkbox', checked: checked, onChange: onChange }), (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/CollapsableOptions.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export declare const CollapsableOptions: React.FC<{
-    children: React.ReactNode;
-    showLabel: string;
-    hideLabel: string;
-}>;

package/dist/editor/components/CollapsableOptions.js

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CollapsableOptions = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const colors_1 = require("../helpers/colors");
-const z_index_1 = require("../state/z-index");
-const layout_1 = require("./layout");
-const TimelineCollapseToggle_1 = require("./Timeline/TimelineCollapseToggle");
-const container = {
-    marginLeft: 16,
-    height: 40,
-    display: 'flex',
-    flexDirection: 'row',
-    alignItems: 'center',
-};
-const buttonStyle = {
-    border: 'none',
-    padding: 0,
-    appearance: 'none',
-    display: 'flex',
-    flexDirection: 'row',
-    alignItems: 'center',
-    fontSize: 14,
-    color: colors_1.LIGHT_TEXT,
-};
-const CollapsableOptions = ({ children, showLabel, hideLabel }) => {
-    const [show, setShow] = (0, react_1.useState)(false);
-    const { tabIndex } = (0, z_index_1.useZIndex)();
-    const onClick = (0, react_1.useCallback)(() => {
-        setShow((s) => !s);
-    }, []);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { style: container, children: (0, jsx_runtime_1.jsxs)("button", { style: buttonStyle, tabIndex: tabIndex, onClick: onClick, type: "button", children: [(0, jsx_runtime_1.jsx)(TimelineCollapseToggle_1.TimelineCollapseToggle, { color: colors_1.LIGHT_TEXT, collapsed: !show }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { block: true, x: 1 }), show ? hideLabel : showLabel] }) }), show ? children : null] }));
-};
-exports.CollapsableOptions = CollapsableOptions;

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

@@ -1,3 +0,0 @@
-import type React from 'react';
-export declare const TitleUpdater: React.FC;
-export declare const CurrentCompositionKeybindings: React.FC;

package/dist/editor/components/CurrentCompositionSideEffects.js

@@ -1,43 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CurrentCompositionKeybindings = exports.TitleUpdater = void 0;
-const react_1 = require("react");
-const remotion_1 = require("remotion");
-const use_keybinding_1 = require("../helpers/use-keybinding");
-const TitleUpdater = () => {
-    const video = remotion_1.Internals.useVideo();
-    (0, react_1.useEffect)(() => {
-        if (!video) {
-            document.title = 'Remotion Preview';
-            return;
-        }
-        document.title = `${video.id} / ${window.remotion_projectName} - Remotion Preview`;
-    }, [video]);
-    return null;
-};
-exports.TitleUpdater = TitleUpdater;
-const CurrentCompositionKeybindings = () => {
-    const keybindings = (0, use_keybinding_1.useKeybinding)();
-    const video = remotion_1.Internals.useVideo();
-    const openRenderModal = (0, react_1.useCallback)(() => {
-        if (!video) {
-            return null;
-        }
-        const renderButton = document.getElementById('render-modal-button');
-        renderButton.click();
-    }, [video]);
-    (0, react_1.useEffect)(() => {
-        const binding = keybindings.registerKeybinding({
-            event: 'keydown',
-            key: 'r',
-            commandCtrlKey: false,
-            callback: openRenderModal,
-            preventDefault: true,
-        });
-        return () => {
-            binding.unregister();
-        };
-    }, [keybindings, openRenderModal]);
-    return null;
-};
-exports.CurrentCompositionKeybindings = CurrentCompositionKeybindings;

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

@@ -1,5 +0,0 @@
-import type { PropsWithChildren } from 'react';
-import React from 'react';
-export declare const InlineAction: React.FC<PropsWithChildren<{
-    onClick: React.MouseEventHandler<HTMLAnchorElement> | undefined;
-}>>;

package/dist/editor/components/InlineAction.js

@@ -1,34 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InlineAction = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const colors_1 = require("../helpers/colors");
-const z_index_1 = require("../state/z-index");
-const InlineAction = ({ children, onClick }) => {
-    const { tabIndex } = (0, z_index_1.useZIndex)();
-    const [hovered, setHovered] = (0, react_1.useState)(false);
-    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',
-            background: hovered ? colors_1.CLEAR_HOVER : 'transparent',
-            height: 24,
-            width: 24,
-            display: 'inline-flex',
-            justifyContent: 'center',
-            alignItems: 'center',
-            borderRadius: 3,
-            opacity: hovered ? 1 : 0.6,
-        };
-    }, [hovered]);
-    return (
-    // <div> because cannot use button inside a button
-    (0, jsx_runtime_1.jsx)("a", { onPointerEnter: onPointerEnter, onPointerLeave: onPointerLeave, onClick: onClick, style: style, tabIndex: tabIndex, children: children }));
-};
-exports.InlineAction = InlineAction;

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

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

package/dist/editor/components/Modals.js

@@ -1,23 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Modals = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const client_id_1 = require("../helpers/client-id");
-const modals_1 = require("../state/modals");
-const NewComposition_1 = __importDefault(require("./NewComposition/NewComposition"));
-const QuickSwitcher_1 = __importDefault(require("./QuickSwitcher/QuickSwitcher"));
-const RenderErrorModal_1 = require("./RenderModal/RenderErrorModal");
-const RenderModal_1 = require("./RenderModal/RenderModal");
-const UpdateModal_1 = require("./UpdateModal/UpdateModal");
-const Modals = () => {
-    const { selectedModal: modalContextType } = (0, react_1.useContext)(modals_1.ModalsContext);
-    const canRender = (0, react_1.useContext)(client_id_1.PreviewServerConnectionCtx).type === 'connected';
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [modalContextType && modalContextType.type === 'new-comp' && ((0, jsx_runtime_1.jsx)(NewComposition_1.default, { initialCompType: modalContextType.compType })), modalContextType && canRender && modalContextType.type === 'render' && ((0, jsx_runtime_1.jsx)(RenderModal_1.RenderModal, { initialFrame: modalContextType.initialFrame, compositionId: modalContextType.compositionId, initialVideoImageFormat: modalContextType.initialVideoImageFormat, initialQuality: modalContextType.initialQuality, initialOutName: modalContextType.initialOutName, initialScale: modalContextType.initialScale, initialVerbose: modalContextType.initialVerbose, initialRenderType: modalContextType.initialRenderType, initialAudioCodec: modalContextType.initialAudioCodec, initialVideoCodec: modalContextType.initialVideoCodec, initialConcurrency: modalContextType.initialConcurrency, maxConcurrency: modalContextType.maxConcurrency, minConcurrency: modalContextType.minConcurrency, initialStillImageFormat: modalContextType.initialStillImageFormat, initialMuted: modalContextType.initialMuted, initialEnforceAudioTrack: modalContextType.initialEnforceAudioTrack, initialProResProfile: modalContextType.initialProResProfile, initialPixelFormat: modalContextType.initialPixelFormat, initialAudioBitrate: modalContextType.initialAudioBitrate, initialVideoBitrate: modalContextType.initialVideoBitrate, initialEveryNthFrame: modalContextType.initialEveryNthFrame, initialNumberOfGifLoops: modalContextType.initialNumberOfGifLoops, initialDelayRenderTimeout: modalContextType.initialDelayRenderTimeout })), modalContextType &&
-                canRender &&
-                modalContextType.type === 'render-error' && ((0, jsx_runtime_1.jsx)(RenderErrorModal_1.RenderErrorModal, { job: modalContextType.job })), modalContextType && modalContextType.type === 'update' && ((0, jsx_runtime_1.jsx)(UpdateModal_1.UpdateModal, { info: modalContextType.info })), modalContextType && modalContextType.type === 'quick-switcher' && ((0, jsx_runtime_1.jsx)(QuickSwitcher_1.default, { invocationTimestamp: modalContextType.invocationTimestamp, initialMode: modalContextType.mode }))] }));
-};
-exports.Modals = Modals;

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

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

package/dist/editor/components/RenderButton.js

@@ -1,67 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RenderButton = 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 get_default_video_contexts_1 = require("../../preview-server/render-queue/get-default-video-contexts");
-const render_1 = require("../icons/render");
-const modals_1 = require("../state/modals");
-const InlineAction_1 = require("./InlineAction");
-const RenderButton = ({ composition, visible }) => {
-    const { setSelectedModal } = (0, react_1.useContext)(modals_1.ModalsContext);
-    const iconStyle = (0, react_1.useMemo)(() => {
-        return {
-            style: {
-                height: 12,
-            },
-        };
-    }, []);
-    const isVideo = composition.durationInFrames > 1;
-    const onClick = (0, react_1.useCallback)((e) => {
-        const defaults = window.remotion_renderDefaults;
-        if (!defaults) {
-            throw new Error('expected defaults');
-        }
-        e.stopPropagation();
-        const { initialAudioCodec, initialRenderType, initialVideoCodec } = (0, get_default_video_contexts_1.getDefaultCodecs)({
-            defaultCodec: defaults.codec,
-            isStill: !isVideo,
-        });
-        setSelectedModal({
-            type: 'render',
-            compositionId: composition.id,
-            initialFrame: 0,
-            initialVideoImageFormat: defaults.videoImageFormat,
-            initialStillImageFormat: defaults.stillImageFormat,
-            initialQuality: defaults.quality,
-            initialScale: defaults.scale,
-            initialVerbose: defaults.logLevel === 'verbose',
-            initialOutName: (0, get_default_out_name_1.getDefaultOutLocation)({
-                compositionName: composition.id,
-                defaultExtension: isVideo ? 'mp4' : 'png',
-                type: 'asset',
-            }),
-            initialAudioCodec,
-            initialRenderType,
-            initialVideoCodec,
-            initialConcurrency: defaults.concurrency,
-            maxConcurrency: defaults.maxConcurrency,
-            minConcurrency: defaults.minConcurrency,
-            initialMuted: defaults.muted,
-            initialEnforceAudioTrack: defaults.enforceAudioTrack,
-            initialProResProfile: defaults.proResProfile,
-            initialPixelFormat: defaults.pixelFormat,
-            initialAudioBitrate: defaults.audioBitrate,
-            initialVideoBitrate: defaults.videoBitrate,
-            initialEveryNthFrame: defaults.everyNthFrame,
-            initialNumberOfGifLoops: defaults.numberOfGifLoops,
-            initialDelayRenderTimeout: defaults.delayRenderTimeout,
-        });
-    }, [composition.id, isVideo, setSelectedModal]);
-    if (!visible) {
-        return null;
-    }
-    return ((0, jsx_runtime_1.jsx)(InlineAction_1.InlineAction, { onClick: onClick, children: (0, jsx_runtime_1.jsx)(render_1.RenderIcon, { svgProps: iconStyle }) }));
-};
-exports.RenderButton = RenderButton;

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

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import type { Codec } from '@remotion/renderer';
-export declare const useCrfState: (codec: Codec) => {
-    crf: number;
-    setCrf: import("react").Dispatch<import("react").SetStateAction<number>>;
-    minCrf: number;
-    maxCrf: number;
-    shouldDisplayOption: boolean;
-};
-export declare const CrfSetting: React.FC<{
-    crf: number;
-    setCrf: React.Dispatch<React.SetStateAction<number>>;
-    min: number;
-    max: number;
-}>;

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

@@ -1,43 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CrfSetting = exports.useCrfState = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const client_1 = require("@remotion/renderer/client");
-const react_1 = require("react");
-const NumberSetting_1 = require("./NumberSetting");
-const getDefaultCrfState = () => {
-    return client_1.BrowserSafeApis.validCodecs
-        .map((c) => {
-        return [c, client_1.BrowserSafeApis.getDefaultCrfForCodec(c)];
-    })
-        .reduce((acc, [codec, crf]) => {
-        return {
-            ...acc,
-            [codec]: crf,
-        };
-    }, {});
-};
-const useCrfState = (codec) => {
-    const [state, setState] = (0, react_1.useState)(() => getDefaultCrfState());
-    const range = client_1.BrowserSafeApis.getValidCrfRanges(codec);
-    const setCrf = (updater) => {
-        setState((q) => {
-            return {
-                ...q,
-                [codec]: typeof updater === 'number' ? updater : updater(q[codec]),
-            };
-        });
-    };
-    return {
-        crf: state[codec],
-        setCrf,
-        minCrf: range[0],
-        maxCrf: range[1],
-        shouldDisplayOption: range[0] !== range[1],
-    };
-};
-exports.useCrfState = useCrfState;
-const CrfSetting = ({ crf, setCrf, min, max }) => {
-    return ((0, jsx_runtime_1.jsx)(NumberSetting_1.NumberSetting, { min: min, max: max, name: "CRF", onValueChanged: setCrf, value: crf, step: 1 }));
-};
-exports.CrfSetting = CrfSetting;

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

@@ -1,5 +0,0 @@
-import React from 'react';
-export declare const EnforceAudioTrackSetting: React.FC<{
-    enforceAudioTrack: boolean;
-    setEnforceAudioTrack: React.Dispatch<React.SetStateAction<boolean>>;
-}>;

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

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EnforceAudioTrackSetting = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const Checkbox_1 = require("../Checkbox");
-const layout_1 = require("./layout");
-const EnforceAudioTrackSetting = ({ enforceAudioTrack, setEnforceAudioTrack }) => {
-    const onEnforceAudioTrackChanged = (0, react_1.useCallback)((e) => {
-        setEnforceAudioTrack(e.target.checked);
-    }, [setEnforceAudioTrack]);
-    return ((0, jsx_runtime_1.jsxs)("div", { style: layout_1.optionRow, children: [(0, jsx_runtime_1.jsx)("div", { style: layout_1.label, children: "Enforce Audio Track" }), (0, jsx_runtime_1.jsx)("div", { style: layout_1.rightRow, children: (0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { checked: enforceAudioTrack, onChange: onEnforceAudioTrackChanged }) })] }));
-};
-exports.EnforceAudioTrackSetting = EnforceAudioTrackSetting;

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

@@ -1,5 +0,0 @@
-import React from 'react';
-export declare const EveryNthFrameSetting: React.FC<{
-    everyNthFrame: number;
-    setEveryNthFrameSetting: React.Dispatch<React.SetStateAction<number>>;
-}>;

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

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EveryNthFrameSetting = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const NumberSetting_1 = require("./NumberSetting");
-const EveryNthFrameSetting = ({ everyNthFrame, setEveryNthFrameSetting }) => {
-    return ((0, jsx_runtime_1.jsx)(NumberSetting_1.NumberSetting, { name: "Every nth frame", min: 1, onValueChanged: setEveryNthFrameSetting, value: everyNthFrame }));
-};
-exports.EveryNthFrameSetting = EveryNthFrameSetting;

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

@@ -1,8 +0,0 @@
-import React from 'react';
-export declare const FrameRangeSetting: React.FC<{
-    startFrame: number;
-    endFrame: number;
-    setEndFrame: React.Dispatch<React.SetStateAction<number | null>>;
-    setStartFrame: React.Dispatch<React.SetStateAction<number | null>>;
-    durationInFrames: number;
-}>;