@remotion/cli 3.2.12 → 3.2.13

package/dist/bundle.d.ts

@@ -0,0 +1 @@
+export declare const bundleCommand: (remotionRoot: string) => Promise<void>;

package/dist/bundle.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.bundleCommand = void 0;
+const get_cli_options_1 = require("./get-cli-options");
+const initialize_render_cli_1 = require("./initialize-render-cli");
+const log_1 = require("./log");
+const parse_command_line_1 = require("./parse-command-line");
+const prepare_entry_point_1 = require("./prepare-entry-point");
+const bundleCommand = async (remotionRoot) => {
+    const file = parse_command_line_1.parsedCli._[1];
+    if (!file) {
+        log_1.Log.error('No entry point specified. Pass more arguments:');
+        log_1.Log.error('   npx remotion bundle [entry-point]');
+        log_1.Log.error('Documentation: https://www.remotion.dev/docs/cli/bundle');
+        process.exit(1);
+    }
+    await (0, initialize_render_cli_1.initializeRenderCli)(remotionRoot, 'bundle');
+    const { publicPath, bundleOutDir } = await (0, get_cli_options_1.getCliOptions)({
+        isLambda: false,
+        type: 'get-compositions-or-bundle',
+    });
+    const { urlOrBundle } = await (0, prepare_entry_point_1.prepareEntryPoint)({
+        file,
+        otherSteps: [],
+        outDir: bundleOutDir,
+        publicPath,
+        remotionRoot,
+    });
+    log_1.Log.info();
+    log_1.Log.info(urlOrBundle);
+};
+exports.bundleCommand = bundleCommand;

package/dist/compositions.js

@@ -35,7 +35,7 @@ const listCompositionsCommand = async (remotionRoot) => {
     const downloadMap = renderer_1.RenderInternals.makeDownloadMap();
     const fullPath = path_1.default.join(process.cwd(), file);
     await (0, get_config_file_name_1.loadConfig)(remotionRoot);
-    const { browserExecutable, ffmpegExecutable, ffprobeExecutable, chromiumOptions, envVariables, inputProps, puppeteerTimeout, port, } = await (0, get_cli_options_1.getCliOptions)({
+    const { browserExecutable, ffmpegExecutable, ffprobeExecutable, chromiumOptions, envVariables, inputProps, puppeteerTimeout, port, publicDir, } = await (0, get_cli_options_1.getCliOptions)({
         isLambda: false,
         type: 'get-compositions',
     });
@@ -43,6 +43,7 @@ const listCompositionsCommand = async (remotionRoot) => {
         remotionRoot,
         fullPath,
         steps: ['bundling'],
+        publicDir,
     });
     const compositions = await (0, renderer_1.getCompositions)(bundled, {
         browserExecutable,

package/dist/config/bundle-out-dir.d.ts

@@ -0,0 +1,2 @@
+export declare const getBundleOutDir: () => string | null;
+export declare const setBundleDir: (path: string) => void;

package/dist/config/bundle-out-dir.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setBundleDir = exports.getBundleOutDir = void 0;
+let bundleOutDir = null;
+const getBundleOutDir = () => {
+    return bundleOutDir;
+};
+exports.getBundleOutDir = getBundleOutDir;
+const setBundleDir = (path) => {
+    bundleOutDir = path;
+};
+exports.setBundleDir = setBundleDir;

package/dist/config/every-nth-frame.d.ts

@@ -1,3 +0,0 @@
-import type { Codec } from '@remotion/renderer';
-export declare const setEveryNthFrame: (frame: number) => void;
-export declare const getAndValidateEveryNthFrame: (codec: Codec) => number;

package/dist/config/get-public-path.d.ts

@@ -0,0 +1,2 @@
+export declare const getPublicPath: () => string | null;
+export declare const setPublicPath: (path: string) => void;

package/dist/config/get-public-path.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setPublicPath = exports.getPublicPath = void 0;
+let publicPath = null;
+const getPublicPath = () => {
+    return publicPath;
+};
+exports.getPublicPath = getPublicPath;
+const setPublicPath = (path) => {
+    publicPath = path;
+};
+exports.setPublicPath = setPublicPath;

package/dist/config/index.d.ts

@@ -44,5 +44,6 @@ export declare const ConfigInternals: {
     getEnforceAudioTrack: () => boolean;
     setEnforceAudioTrack: (enforceAudioTrack: boolean) => void;
     getKeyboardShortcutsEnabled: () => boolean;
+    getPublicDir: () => string | null;
 };
 export declare const overrideRemotion: () => void;

package/dist/config/index.js

@@ -75,6 +75,7 @@ const overwrite_2 = require("./overwrite");
 const pixel_format_2 = require("./pixel-format");
 const preview_server_2 = require("./preview-server");
 const prores_profile_2 = require("./prores-profile");
+const public_dir_1 = require("./public-dir");
 const quality_2 = require("./quality");
 const scale_2 = require("./scale");
 const timeout_2 = require("./timeout");
@@ -88,6 +89,7 @@ exports.Config = {
         overrideWebpackConfig: override_webpack_2.overrideWebpackConfig,
         setCachingEnabled: webpack_caching_2.setWebpackCaching,
         setPort: preview_server_2.setPort,
+        setPublicDir: public_dir_1.setPublicDir,
     },
     Log: {
         setLevel: log_1.setLogLevel,
@@ -165,6 +167,7 @@ exports.ConfigInternals = {
     getEnforceAudioTrack: enforce_audio_track_1.getEnforceAudioTrack,
     setEnforceAudioTrack: enforce_audio_track_1.setEnforceAudioTrack,
     getKeyboardShortcutsEnabled: keyboard_shortcuts_1.getKeyboardShortcutsEnabled,
+    getPublicDir: public_dir_1.getPublicDir,
 };
 const overrideRemotion = () => {
     Object.assign(remotion_1.Config, exports.Config);

package/dist/config/public-dir.d.ts

@@ -0,0 +1,2 @@
+export declare const getPublicDir: () => string | null;
+export declare const setPublicDir: (dir: string) => void;

package/dist/config/public-dir.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setPublicDir = exports.getPublicDir = void 0;
+let publicDir = null;
+const getPublicDir = () => {
+    return publicDir;
+};
+exports.getPublicDir = getPublicDir;
+const setPublicDir = (dir) => {
+    publicDir = dir;
+};
+exports.setPublicDir = setPublicDir;

package/dist/editor/components/Editor.js

@@ -5,21 +5,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Editor = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const player_1 = require("@remotion/player");
 const react_1 = require("react");
 const remotion_1 = require("remotion");
 const colors_1 = require("../helpers/colors");
 const noop_1 = require("../helpers/noop");
-const checkerboard_1 = require("../state/checkerboard");
-const folders_1 = require("../state/folders");
-const highest_z_index_1 = require("../state/highest-z-index");
-const in_out_1 = require("../state/in-out");
-const keybindings_1 = require("../state/keybindings");
 const modals_1 = require("../state/modals");
-const mute_1 = require("../state/mute");
-const preview_size_1 = require("../state/preview-size");
-const rich_timeline_1 = require("../state/rich-timeline");
-const sidebar_1 = require("../state/sidebar");
 const timeline_zoom_1 = require("../state/timeline-zoom");
 const z_index_1 = require("../state/z-index");
 const EditorContent_1 = require("./EditorContent");
@@ -40,89 +30,14 @@ const background = {
     position: 'absolute',
 };
 const Editor = () => {
-    const [emitter] = (0, react_1.useState)(() => new player_1.PlayerInternals.PlayerEmitter());
-    const [size, setSizeState] = (0, react_1.useState)(() => (0, preview_size_1.loadPreviewSizeOption)());
     const [Root, setRoot] = (0, react_1.useState)(() => remotion_1.Internals.getRoot());
+    const { selectedModal: modalContextType } = (0, react_1.useContext)(modals_1.ModalsContext);
     const [waitForRoot] = (0, react_1.useState)(() => {
         if (Root) {
             return 0;
         }
         return (0, remotion_1.delayRender)('Waiting for registerRoot()');
     });
-    const [checkerboard, setCheckerboardState] = (0, react_1.useState)(() => (0, checkerboard_1.loadCheckerboardOption)());
-    const setCheckerboard = (0, react_1.useCallback)((newValue) => {
-        setCheckerboardState((prevState) => {
-            const newVal = newValue(prevState);
-            (0, checkerboard_1.persistCheckerboardOption)(newVal);
-            return newVal;
-        });
-    }, []);
-    const [richTimeline, setRichTimelineState] = (0, react_1.useState)(() => (0, rich_timeline_1.loadRichTimelineOption)());
-    const setRichTimeline = (0, react_1.useCallback)((newValue) => {
-        setRichTimelineState((prevState) => {
-            const newVal = newValue(prevState);
-            (0, rich_timeline_1.persistRichTimelineOption)(newVal);
-            return newVal;
-        });
-    }, []);
-    const setSize = (0, react_1.useCallback)((newValue) => {
-        setSizeState((prevState) => {
-            const newVal = newValue(prevState);
-            (0, preview_size_1.persistPreviewSizeOption)(newVal);
-            return newVal;
-        });
-    }, []);
-    const [inAndOutFrames, setInAndOutFrames] = (0, react_1.useState)({
-        inFrame: null,
-        outFrame: null,
-    });
-    const [mediaMuted, setMediaMuted] = (0, react_1.useState)(() => (0, mute_1.loadMuteOption)());
-    const [mediaVolume, setMediaVolume] = (0, react_1.useState)(1);
-    const [modalContextType, setModalContextType] = (0, react_1.useState)(null);
-    const previewSizeCtx = (0, react_1.useMemo)(() => {
-        return {
-            size,
-            setSize,
-        };
-    }, [setSize, size]);
-    const checkerboardCtx = (0, react_1.useMemo)(() => {
-        return {
-            checkerboard,
-            setCheckerboard,
-        };
-    }, [checkerboard, setCheckerboard]);
-    const richTimelineCtx = (0, react_1.useMemo)(() => {
-        return {
-            richTimeline,
-            setRichTimeline,
-        };
-    }, [richTimeline, setRichTimeline]);
-    const timelineInOutContextValue = (0, react_1.useMemo)(() => {
-        return inAndOutFrames;
-    }, [inAndOutFrames]);
-    const setTimelineInOutContextValue = (0, react_1.useMemo)(() => {
-        return {
-            setInAndOutFrames,
-        };
-    }, []);
-    const mediaVolumeContextValue = (0, react_1.useMemo)(() => {
-        return {
-            mediaMuted,
-            mediaVolume,
-        };
-    }, [mediaMuted, mediaVolume]);
-    const setMediaVolumeContextValue = (0, react_1.useMemo)(() => {
-        return {
-            setMediaMuted,
-            setMediaVolume,
-        };
-    }, []);
-    const modalsContext = (0, react_1.useMemo)(() => {
-        return {
-            selectedModal: modalContextType,
-            setSelectedModal: setModalContextType,
-        };
-    }, [modalContextType]);
     (0, react_1.useEffect)(() => {
         if (Root) {
             return;
@@ -133,9 +48,6 @@ const Editor = () => {
         });
         return () => cleanup();
     }, [Root, waitForRoot]);
-    return ((0, jsx_runtime_1.jsx)(keybindings_1.KeybindingContextProvider, { children: (0, jsx_runtime_1.jsx)(rich_timeline_1.RichTimelineContext.Provider, { value: richTimelineCtx, children: (0, jsx_runtime_1.jsx)(checkerboard_1.CheckerboardContext.Provider, { value: checkerboardCtx, children: (0, jsx_runtime_1.jsx)(preview_size_1.PreviewSizeContext.Provider, { value: previewSizeCtx, children: (0, jsx_runtime_1.jsx)(modals_1.ModalsContext.Provider, { value: modalsContext, children: (0, jsx_runtime_1.jsx)(in_out_1.TimelineInOutContext.Provider, { value: timelineInOutContextValue, children: (0, jsx_runtime_1.jsx)(in_out_1.SetTimelineInOutContext.Provider, { value: setTimelineInOutContextValue, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.MediaVolumeContext.Provider, { value: mediaVolumeContextValue, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.SetMediaVolumeContext.Provider, { value: setMediaVolumeContextValue, children: (0, jsx_runtime_1.jsx)(player_1.PlayerInternals.PlayerEventEmitterContext.Provider, { value: emitter, children: (0, jsx_runtime_1.jsx)(sidebar_1.SidebarContextProvider, { children: (0, jsx_runtime_1.jsx)(folders_1.FolderContextProvider, { children: (0, jsx_runtime_1.jsx)(highest_z_index_1.HighestZIndexProvider, { children: (0, jsx_runtime_1.jsxs)(z_index_1.HigherZIndex, { onEscape: noop_1.noop, onOutsideClick: noop_1.noop, children: [(0, jsx_runtime_1.jsx)(timeline_zoom_1.TimelineZoomContext, { children: (0, jsx_runtime_1.jsxs)("div", { style: background, children: [Root === null ? null : (0, jsx_runtime_1.jsx)(Root, {}), (0, jsx_runtime_1.jsxs)(remotion_1.Internals.CanUseRemotionHooksProvider, { children: [(0, jsx_runtime_1.jsx)(FramePersistor_1.FramePersistor, {}), (0, jsx_runtime_1.jsx)(ZoomPersistor_1.ZoomPersistor, {}), Root === null ? ((0, jsx_runtime_1.jsx)(NoRegisterRoot_1.NoRegisterRoot, {})) : ((0, jsx_runtime_1.jsx)(EditorContent_1.EditorContent, {})), (0, jsx_runtime_1.jsx)(GlobalKeybindings_1.GlobalKeybindings, {})] })] }) }), (0, jsx_runtime_1.jsx)(NotificationCenter_1.NotificationCenter, {}), modalContextType &&
-                                                                    modalContextType.type === 'new-comp' && ((0, jsx_runtime_1.jsx)(NewComposition_1.default, { initialCompType: modalContextType.compType })), modalContextType &&
-                                                                    modalContextType.type === 'update' && ((0, jsx_runtime_1.jsx)(UpdateModal_1.UpdateModal, { info: modalContextType.info })), modalContextType &&
-                                                                    modalContextType.type === 'shortcuts' && ((0, jsx_runtime_1.jsx)(KeyboardShortcutsModal_1.KeyboardShortcuts, {}))] }) }) }) }) }) }) }) }) }) }) }) }) }) }));
+    return ((0, jsx_runtime_1.jsxs)(z_index_1.HigherZIndex, { onEscape: noop_1.noop, onOutsideClick: noop_1.noop, children: [(0, jsx_runtime_1.jsx)(timeline_zoom_1.TimelineZoomContext, { children: (0, jsx_runtime_1.jsxs)("div", { style: background, children: [Root === null ? null : (0, jsx_runtime_1.jsx)(Root, {}), (0, jsx_runtime_1.jsxs)(remotion_1.Internals.CanUseRemotionHooksProvider, { children: [(0, jsx_runtime_1.jsx)(FramePersistor_1.FramePersistor, {}), (0, jsx_runtime_1.jsx)(ZoomPersistor_1.ZoomPersistor, {}), Root === null ? (0, jsx_runtime_1.jsx)(NoRegisterRoot_1.NoRegisterRoot, {}) : (0, jsx_runtime_1.jsx)(EditorContent_1.EditorContent, {}), (0, jsx_runtime_1.jsx)(GlobalKeybindings_1.GlobalKeybindings, {})] })] }) }), (0, jsx_runtime_1.jsx)(NotificationCenter_1.NotificationCenter, {}), modalContextType && modalContextType.type === 'new-comp' && ((0, jsx_runtime_1.jsx)(NewComposition_1.default, { initialCompType: modalContextType.compType })), modalContextType && modalContextType.type === 'update' && ((0, jsx_runtime_1.jsx)(UpdateModal_1.UpdateModal, { info: modalContextType.info })), modalContextType && modalContextType.type === 'shortcuts' && ((0, jsx_runtime_1.jsx)(KeyboardShortcutsModal_1.KeyboardShortcuts, {}))] }));
 };
 exports.Editor = Editor;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const EditorContexts: React.FC<{
+    children: React.ReactNode;
+}>;

package/dist/editor/components/EditorContexts.js

@@ -0,0 +1,97 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EditorContexts = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const player_1 = require("@remotion/player");
+const react_1 = require("react");
+const remotion_1 = require("remotion");
+const checkerboard_1 = require("../state/checkerboard");
+const folders_1 = require("../state/folders");
+const highest_z_index_1 = require("../state/highest-z-index");
+const in_out_1 = require("../state/in-out");
+const keybindings_1 = require("../state/keybindings");
+const modals_1 = require("../state/modals");
+const mute_1 = require("../state/mute");
+const preview_size_1 = require("../state/preview-size");
+const rich_timeline_1 = require("../state/rich-timeline");
+const sidebar_1 = require("../state/sidebar");
+const EditorContexts = ({ children }) => {
+    const [inAndOutFrames, setInAndOutFrames] = (0, react_1.useState)({
+        inFrame: null,
+        outFrame: null,
+    });
+    const timelineInOutContextValue = (0, react_1.useMemo)(() => {
+        return inAndOutFrames;
+    }, [inAndOutFrames]);
+    const [emitter] = (0, react_1.useState)(() => new player_1.PlayerInternals.PlayerEmitter());
+    const [size, setSizeState] = (0, react_1.useState)(() => (0, preview_size_1.loadPreviewSizeOption)());
+    const setTimelineInOutContextValue = (0, react_1.useMemo)(() => {
+        return {
+            setInAndOutFrames,
+        };
+    }, []);
+    const [checkerboard, setCheckerboardState] = (0, react_1.useState)(() => (0, checkerboard_1.loadCheckerboardOption)());
+    const setCheckerboard = (0, react_1.useCallback)((newValue) => {
+        setCheckerboardState((prevState) => {
+            const newVal = newValue(prevState);
+            (0, checkerboard_1.persistCheckerboardOption)(newVal);
+            return newVal;
+        });
+    }, []);
+    const [richTimeline, setRichTimelineState] = (0, react_1.useState)(() => (0, rich_timeline_1.loadRichTimelineOption)());
+    const setRichTimeline = (0, react_1.useCallback)((newValue) => {
+        setRichTimelineState((prevState) => {
+            const newVal = newValue(prevState);
+            (0, rich_timeline_1.persistRichTimelineOption)(newVal);
+            return newVal;
+        });
+    }, []);
+    const setSize = (0, react_1.useCallback)((newValue) => {
+        setSizeState((prevState) => {
+            const newVal = newValue(prevState);
+            (0, preview_size_1.persistPreviewSizeOption)(newVal);
+            return newVal;
+        });
+    }, []);
+    const [mediaMuted, setMediaMuted] = (0, react_1.useState)(() => (0, mute_1.loadMuteOption)());
+    const [mediaVolume, setMediaVolume] = (0, react_1.useState)(1);
+    const [modalContextType, setModalContextType] = (0, react_1.useState)(null);
+    const previewSizeCtx = (0, react_1.useMemo)(() => {
+        return {
+            size,
+            setSize,
+        };
+    }, [setSize, size]);
+    const checkerboardCtx = (0, react_1.useMemo)(() => {
+        return {
+            checkerboard,
+            setCheckerboard,
+        };
+    }, [checkerboard, setCheckerboard]);
+    const richTimelineCtx = (0, react_1.useMemo)(() => {
+        return {
+            richTimeline,
+            setRichTimeline,
+        };
+    }, [richTimeline, setRichTimeline]);
+    const mediaVolumeContextValue = (0, react_1.useMemo)(() => {
+        return {
+            mediaMuted,
+            mediaVolume,
+        };
+    }, [mediaMuted, mediaVolume]);
+    const setMediaVolumeContextValue = (0, react_1.useMemo)(() => {
+        return {
+            setMediaMuted,
+            setMediaVolume,
+        };
+    }, []);
+    const modalsContext = (0, react_1.useMemo)(() => {
+        return {
+            selectedModal: modalContextType,
+            setSelectedModal: setModalContextType,
+        };
+    }, [modalContextType]);
+    return ((0, jsx_runtime_1.jsx)(keybindings_1.KeybindingContextProvider, { children: (0, jsx_runtime_1.jsx)(rich_timeline_1.RichTimelineContext.Provider, { value: richTimelineCtx, children: (0, jsx_runtime_1.jsx)(checkerboard_1.CheckerboardContext.Provider, { value: checkerboardCtx, children: (0, jsx_runtime_1.jsx)(preview_size_1.PreviewSizeContext.Provider, { value: previewSizeCtx, children: (0, jsx_runtime_1.jsx)(modals_1.ModalsContext.Provider, { value: modalsContext, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.MediaVolumeContext.Provider, { value: mediaVolumeContextValue, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.SetMediaVolumeContext.Provider, { value: setMediaVolumeContextValue, children: (0, jsx_runtime_1.jsx)(player_1.PlayerInternals.PlayerEventEmitterContext.Provider, { value: emitter, children: (0, jsx_runtime_1.jsx)(sidebar_1.SidebarContextProvider, { children: (0, jsx_runtime_1.jsx)(folders_1.FolderContextProvider, { children: (0, jsx_runtime_1.jsx)(highest_z_index_1.HighestZIndexProvider, { children: (0, jsx_runtime_1.jsx)(in_out_1.TimelineInOutContext.Provider, { value: timelineInOutContextValue, children: (0, jsx_runtime_1.jsx)(in_out_1.SetTimelineInOutContext.Provider, { value: setTimelineInOutContextValue, children: children }) }) }) }) }) }) }) }) }) }) }) }) }));
+};
+exports.EditorContexts = EditorContexts;

package/dist/editor/components/MenuToolbar.js

@@ -306,7 +306,7 @@ const MenuToolbar = () => {
                         onClick: () => {
                             var _a;
                             close();
-                            (_a = TimelineInOutToggle_1.inOutHandles.current) === null || _a === void 0 ? void 0 : _a.inMarkClick();
+                            (_a = TimelineInOutToggle_1.inOutHandles.current) === null || _a === void 0 ? void 0 : _a.inMarkClick(null);
                         },
                         subMenu: null,
                         type: 'item',
@@ -320,7 +320,7 @@ const MenuToolbar = () => {
                         onClick: () => {
                             var _a;
                             close();
-                            (_a = TimelineInOutToggle_1.inOutHandles.current) === null || _a === void 0 ? void 0 : _a.outMarkClick();
+                            (_a = TimelineInOutToggle_1.inOutHandles.current) === null || _a === void 0 ? void 0 : _a.outMarkClick(null);
                         },
                         subMenu: null,
                         type: 'item',

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

@@ -1,7 +1,7 @@
 import React from 'react';
 export declare const inOutHandles: React.RefObject<{
-    inMarkClick: () => void;
-    outMarkClick: () => void;
+    inMarkClick: (e: KeyboardEvent | null) => void;
+    outMarkClick: (e: KeyboardEvent | null) => void;
     clearMarks: () => void;
     setMarks: (marks: [number | null, number | null]) => void;
 }>;

package/dist/editor/components/TimelineInOutToggle.js

@@ -11,7 +11,11 @@ const timelineInOutPointer_1 = require("../icons/timelineInOutPointer");
 const in_out_1 = require("../state/in-out");
 const marks_1 = require("../state/marks");
 const ControlButton_1 = require("./ControlButton");
-const getTooltipText = (pointType, key) => [`Mark ${pointType}`, (0, use_keybinding_1.areKeyboardShortcutsDisabled)() ? null : `(${key})`]
+const getTooltipText = (pointType, key) => [
+    `Mark ${pointType}`,
+    (0, use_keybinding_1.areKeyboardShortcutsDisabled)() ? null : `(${key})`,
+    '- right click to clear',
+]
     .filter(truthy_1.truthy)
     .join(' ');
 const style = {
@@ -27,10 +31,27 @@ const TimelineInOutPointToggle = () => {
     const isStill = (0, is_current_selected_still_1.useIsStill)();
     const videoConfig = remotion_1.Internals.useUnsafeVideoConfig();
     const keybindings = (0, use_keybinding_1.useKeybinding)();
-    const onInMark = (0, react_1.useCallback)(() => {
+    const onInOutClear = (0, react_1.useCallback)(() => {
+        setInAndOutFrames(() => {
+            return {
+                inFrame: null,
+                outFrame: null,
+            };
+        });
+    }, [setInAndOutFrames]);
+    const onInMark = (0, react_1.useCallback)((e) => {
         if (!videoConfig) {
             return null;
         }
+        if (e === null || e === void 0 ? void 0 : e.shiftKey) {
+            setInAndOutFrames((f) => {
+                return {
+                    ...f,
+                    inFrame: null,
+                };
+            });
+            return null;
+        }
         setInAndOutFrames((prev) => {
             const biggestPossible = prev.outFrame === null ? Infinity : prev.outFrame - 1;
             const selected = Math.min(timelinePosition, biggestPossible);
@@ -55,10 +76,43 @@ const TimelineInOutPointToggle = () => {
             };
         });
     }, [setInAndOutFrames, timelinePosition, videoConfig]);
-    const onOutMark = (0, react_1.useCallback)(() => {
+    const clearInMark = (0, react_1.useCallback)((e) => {
+        if (!videoConfig) {
+            return null;
+        }
+        e.preventDefault();
+        setInAndOutFrames((f) => {
+            return {
+                ...f,
+                inFrame: null,
+            };
+        });
+    }, [setInAndOutFrames, videoConfig]);
+    const clearOutMark = (0, react_1.useCallback)((e) => {
+        if (!videoConfig) {
+            return null;
+        }
+        e === null || e === void 0 ? void 0 : e.preventDefault();
+        setInAndOutFrames((f) => {
+            return {
+                ...f,
+                outFrame: null,
+            };
+        });
+    }, [setInAndOutFrames, videoConfig]);
+    const onOutMark = (0, react_1.useCallback)((e) => {
         if (!videoConfig) {
             return null;
         }
+        if (e === null || e === void 0 ? void 0 : e.shiftKey) {
+            setInAndOutFrames((f) => {
+                return {
+                    ...f,
+                    outFrame: null,
+                };
+            });
+            return;
+        }
         setInAndOutFrames((prev) => {
             const smallestPossible = prev.inFrame === null ? -Infinity : prev.inFrame + 1;
             const selected = Math.max(timelinePosition, smallestPossible);
@@ -82,28 +136,20 @@ const TimelineInOutPointToggle = () => {
             };
         });
     }, [setInAndOutFrames, timelinePosition, videoConfig]);
-    const onInOutClear = (0, react_1.useCallback)(() => {
-        setInAndOutFrames(() => {
-            return {
-                inFrame: null,
-                outFrame: null,
-            };
-        });
-    }, [setInAndOutFrames]);
     (0, react_1.useEffect)(() => {
         const iKey = keybindings.registerKeybinding({
             event: 'keypress',
             key: 'i',
-            callback: () => {
-                onInMark();
+            callback: (e) => {
+                onInMark(e);
             },
             commandCtrlKey: false,
         });
         const oKey = keybindings.registerKeybinding({
             event: 'keypress',
             key: 'o',
-            callback: () => {
-                onOutMark();
+            callback: (e) => {
+                onOutMark(e);
             },
             commandCtrlKey: false,
         });
@@ -172,6 +218,6 @@ const TimelineInOutPointToggle = () => {
     if (isStill) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ControlButton_1.ControlButton, { title: getTooltipText('In', 'I'), "aria-label": getTooltipText('In', 'I'), onClick: onInMark, disabled: timelinePosition === 0, children: (0, jsx_runtime_1.jsx)(timelineInOutPointer_1.TimelineInPointer, { color: inFrame === null ? 'white' : 'var(--blue)', style: style }) }), (0, jsx_runtime_1.jsx)(ControlButton_1.ControlButton, { title: getTooltipText('Out', '(O)'), "aria-label": getTooltipText('Out', '(O)'), onClick: onOutMark, disabled: timelinePosition === videoConfig.durationInFrames - 1, children: (0, jsx_runtime_1.jsx)(timelineInOutPointer_1.TimelineOutPointer, { color: outFrame === null ? 'white' : 'var(--blue)', style: style }) })] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ControlButton_1.ControlButton, { title: getTooltipText('In', 'I'), "aria-label": getTooltipText('In', 'I'), onClick: (e) => onInMark(e), onContextMenu: clearInMark, disabled: timelinePosition === 0, children: (0, jsx_runtime_1.jsx)(timelineInOutPointer_1.TimelineInPointer, { color: inFrame === null ? 'white' : 'var(--blue)', style: style }) }), (0, jsx_runtime_1.jsx)(ControlButton_1.ControlButton, { title: getTooltipText('Out', 'O'), "aria-label": getTooltipText('Out', 'O'), onClick: onOutMark, onContextMenu: clearOutMark, disabled: timelinePosition === videoConfig.durationInFrames - 1, children: (0, jsx_runtime_1.jsx)(timelineInOutPointer_1.TimelineOutPointer, { color: outFrame === null ? 'white' : 'var(--blue)', style: style }) })] }));
 };
 exports.TimelineInOutPointToggle = TimelineInOutPointToggle;

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

@@ -31,4 +31,5 @@ export declare const getCliOptions: (options: {
     muted: boolean;
     enforceAudioTrack: boolean;
     keyboardShortcutsEnables: boolean;
+    publicDir: string | null;
 }>;

package/dist/get-cli-options.js

@@ -182,6 +182,7 @@ const getCliOptions = async (options) => {
         muted: config_1.ConfigInternals.getMuted(),
         enforceAudioTrack: config_1.ConfigInternals.getEnforceAudioTrack(),
         keyboardShortcutsEnables: config_1.ConfigInternals.getKeyboardShortcutsEnabled(),
+        publicDir: config_1.ConfigInternals.getPublicDir(),
     };
 };
 exports.getCliOptions = getCliOptions;

package/dist/index.d.ts

@@ -98,6 +98,7 @@ export declare const CliInternals: {
         muted: boolean;
         enforceAudioTrack: boolean;
         keyboardShortcutsEnables: boolean;
+        publicDir: string | null;
     }>;
     parseCommandLine: (type: "sequence" | "still" | "lambda" | "preview" | "versions") => void;
     loadConfig: (remotionRoot: string) => Promise<string | null>;

package/dist/list-of-remotion-packages.d.ts

@@ -0,0 +1 @@
+export declare const listOfRemotionPackages: string[];

package/dist/list-of-remotion-packages.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.listOfRemotionPackages = void 0;
+exports.listOfRemotionPackages = [
+    '@remotion/bundler',
+    '@remotion/cli',
+    '@remotion/eslint-config',
+    '@remotion/renderer',
+    '@remotion/skia',
+    '@remotion/lottie',
+    '@remotion/media-utils',
+    '@remotion/paths',
+    '@remotion/babel-loader',
+    '@remotion/lambda',
+    '@remotion/player',
+    '@remotion/preload',
+    '@remotion/three',
+    '@remotion/gif',
+    'remotion',
+];

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

@@ -17,6 +17,7 @@ export declare type CommandLineOptions = {
     concurrency: number;
     timeout: number;
     config: string;
+    ['public-dir']: string;
     crf: number;
     force: boolean;
     overwrite: boolean;

package/dist/parse-command-line.js

@@ -138,6 +138,9 @@ const parseCommandLine = (type) => {
     if (typeof exports.parsedCli['enforce-audio-track'] !== 'undefined') {
         config_1.Config.Rendering.setEnforceAudioTrack(exports.parsedCli['enforce-audio-track']);
     }
+    if (typeof exports.parsedCli['public-dir'] !== 'undefined') {
+        config_1.Config.Bundling.setPublicDir(exports.parsedCli['public-dir']);
+    }
 };
 exports.parseCommandLine = parseCommandLine;
 const quietFlagProvided = () => exports.parsedCli.quiet || exports.parsedCli.q;

package/dist/prepare-entry-point.d.ts

@@ -0,0 +1,12 @@
+import type { RenderStep } from './step';
+export declare const prepareEntryPoint: ({ file, otherSteps, publicPath, outDir, remotionRoot, }: {
+    file: string;
+    otherSteps: RenderStep[];
+    outDir: string | null;
+    publicPath: string | null;
+    remotionRoot: string;
+}) => Promise<{
+    urlOrBundle: string;
+    steps: RenderStep[];
+    shouldDelete: boolean;
+}>;

package/dist/prepare-entry-point.js

@@ -0,0 +1,37 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.prepareEntryPoint = void 0;
+const renderer_1 = require("@remotion/renderer");
+const promises_1 = require("fs/promises");
+const path_1 = __importDefault(require("path"));
+const process_1 = require("process");
+const log_1 = require("./log");
+const setup_cache_1 = require("./setup-cache");
+const prepareEntryPoint = async ({ file, otherSteps, publicPath, outDir, remotionRoot, }) => {
+    if (renderer_1.RenderInternals.isServeUrl(file)) {
+        return { urlOrBundle: file, steps: otherSteps, shouldDelete: false };
+    }
+    const joined = path_1.default.resolve(process.cwd(), file);
+    try {
+        const stats = await (0, promises_1.stat)(joined);
+        if (stats.isDirectory()) {
+            return { urlOrBundle: joined, steps: otherSteps, shouldDelete: false };
+        }
+    }
+    catch (err) {
+        log_1.Log.error(`No file or directory exists at ${joined}.`);
+        (0, process_1.exit)(1);
+    }
+    const urlOrBundle = await (0, setup_cache_1.bundleOnCliOrTakeServeUrl)({
+        fullPath: joined,
+        steps: ['bundling', ...otherSteps],
+        outDir,
+        publicPath,
+        remotionRoot,
+    });
+    return { urlOrBundle, steps: ['bundling', ...otherSteps], shouldDelete: true };
+};
+exports.prepareEntryPoint = prepareEntryPoint;

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

@@ -1,6 +1,6 @@
 import type { IncomingMessage, ServerResponse } from 'http';
 import type { LiveEventsServer } from './live-events';
-export declare const handleRoutes: ({ hash, hashPrefix, request, response, liveEventsServer, getCurrentInputProps, remotionRoot, }: {
+export declare const handleRoutes: ({ hash, hashPrefix, request, response, liveEventsServer, getCurrentInputProps, remotionRoot, userPassedPublicDir, }: {
     hash: string;
     hashPrefix: string;
     request: IncomingMessage;
@@ -8,4 +8,5 @@ export declare const handleRoutes: ({ hash, hashPrefix, request, response, liveE
     liveEventsServer: LiveEventsServer;
     getCurrentInputProps: () => object;
     remotionRoot: string;
+    userPassedPublicDir: string | null;
 }) => void | Promise<void>;

package/dist/preview-server/routes.js

@@ -117,7 +117,7 @@ const handleFavicon = (_, response) => {
     const readStream = (0, fs_1.createReadStream)(filePath);
     readStream.pipe(response);
 };
-const handleRoutes = ({ hash, hashPrefix, request, response, liveEventsServer, getCurrentInputProps, remotionRoot, }) => {
+const handleRoutes = ({ hash, hashPrefix, request, response, liveEventsServer, getCurrentInputProps, remotionRoot, userPassedPublicDir, }) => {
     const url = new URL(request.url, 'http://localhost');
     if (url.pathname === '/api/update') {
         return handleUpdate(remotionRoot, request, response);
@@ -143,8 +143,10 @@ const handleRoutes = ({ hash, hashPrefix, request, response, liveEventsServer, g
         return liveEventsServer.router(request, response);
     }
     if (url.pathname.startsWith(hash)) {
-        const root = path_1.default.join(remotionRoot, 'public');
-        return (0, serve_static_1.serveStatic)(root, hash, request, response);
+        const publicDir = userPassedPublicDir
+            ? path_1.default.resolve(remotionRoot, userPassedPublicDir)
+            : path_1.default.join(remotionRoot, 'public');
+        return (0, serve_static_1.serveStatic)(publicDir, hash, request, response);
     }
     if (url.pathname.startsWith(hashPrefix)) {
         return static404(response);

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

@@ -1,13 +1,14 @@
 import type { WebpackOverrideFn } from 'remotion';
 import type { LiveEventsServer } from './live-events';
 export declare const startServer: (entry: string, userDefinedComponent: string, options: {
-    webpackOverride?: WebpackOverrideFn;
+    webpackOverride: WebpackOverrideFn;
     getCurrentInputProps: () => object;
     envVariables?: Record<string, string>;
     port: number | null;
     maxTimelineTracks?: number;
     remotionRoot: string;
     keyboardShortcutsEnabled: boolean;
+    userPassedPublicDir: string | null;
 }) => Promise<{
     port: number;
     liveEventsServer: LiveEventsServer;

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

@@ -62,6 +62,7 @@ const startServer = async (entry, userDefinedComponent, options) => {
                 liveEventsServer,
                 getCurrentInputProps: options.getCurrentInputProps,
                 remotionRoot: options.remotionRoot,
+                userPassedPublicDir: options.userPassedPublicDir,
             });
         })
             .catch((err) => {

package/dist/preview.js

@@ -58,6 +58,8 @@ const previewCommand = async (remotionRoot) => {
         maxTimelineTracks: config_1.ConfigInternals.getMaxTimelineTracks(),
         remotionRoot,
         keyboardShortcutsEnabled: config_1.ConfigInternals.getKeyboardShortcutsEnabled(),
+        userPassedPublicDir: config_1.ConfigInternals.getPublicDir(),
+        webpackOverride: config_1.ConfigInternals.getWebpackOverrideFn(),
     });
     setLiveEventsListener(liveEventsServer);
     log_1.Log.info(`Server running on http://localhost:${port}`);

package/dist/previewEntry.js

@@ -9,19 +9,20 @@ const client_1 = __importDefault(require("react-dom/client"));
 const remotion_1 = require("remotion");
 require("../styles/styles.css");
 const Editor_1 = require("./editor/components/Editor");
+const EditorContexts_1 = require("./editor/components/EditorContexts");
 const ServerDisconnected_1 = require("./editor/components/Notifications/ServerDisconnected");
 const event_source_1 = require("./event-source");
 remotion_1.Internals.CSSUtils.injectCSS(remotion_1.Internals.CSSUtils.makeDefaultCSS(null, '#1f2428'));
 const getServerDisconnectedDomElement = () => {
     return document.getElementById('server-disconnected-overlay');
 };
-const content = ((0, jsx_runtime_1.jsx)(remotion_1.Internals.RemotionRoot, { children: (0, jsx_runtime_1.jsx)(Editor_1.Editor, {}) }));
+const content = ((0, jsx_runtime_1.jsx)(remotion_1.Internals.RemotionRoot, { children: (0, jsx_runtime_1.jsx)(EditorContexts_1.EditorContexts, { children: (0, jsx_runtime_1.jsx)(Editor_1.Editor, {}) }) }));
 if (client_1.default.createRoot) {
     client_1.default.createRoot(remotion_1.Internals.getPreviewDomElement()).render(content);
     client_1.default.createRoot(getServerDisconnectedDomElement()).render((0, jsx_runtime_1.jsx)(ServerDisconnected_1.ServerDisconnected, {}));
 }
 else {
-    client_1.default.render((0, jsx_runtime_1.jsx)(remotion_1.Internals.RemotionRoot, { children: (0, jsx_runtime_1.jsx)(Editor_1.Editor, {}) }), remotion_1.Internals.getPreviewDomElement());
+    client_1.default.render(content, remotion_1.Internals.getPreviewDomElement());
     client_1.default.render((0, jsx_runtime_1.jsx)(ServerDisconnected_1.ServerDisconnected, {}), getServerDisconnectedDomElement());
 }
 (0, event_source_1.openEventSource)();

package/dist/render.js

@@ -36,7 +36,7 @@ const render = async (remotionRoot) => {
     const downloadMap = renderer_1.RenderInternals.makeDownloadMap();
     await (0, initialize_render_cli_1.initializeRenderCli)(remotionRoot, 'sequence');
     log_1.Log.verbose('Asset dirs', downloadMap.assetDir);
-    const { codec, proResProfile, parallelism, frameRange, shouldOutputImageSequence, overwrite, inputProps, envVariables, quality, browser, crf, pixelFormat, imageFormat, browserExecutable, ffmpegExecutable, ffprobeExecutable, scale, chromiumOptions, port, numberOfGifLoops, everyNthFrame, puppeteerTimeout, muted, enforceAudioTrack, } = await (0, get_cli_options_1.getCliOptions)({
+    const { codec, proResProfile, parallelism, frameRange, shouldOutputImageSequence, overwrite, inputProps, envVariables, quality, browser, crf, pixelFormat, imageFormat, browserExecutable, ffmpegExecutable, ffprobeExecutable, scale, chromiumOptions, port, numberOfGifLoops, everyNthFrame, puppeteerTimeout, muted, enforceAudioTrack, publicDir, } = await (0, get_cli_options_1.getCliOptions)({
         isLambda: false,
         type: 'series',
     });
@@ -68,6 +68,7 @@ const render = async (remotionRoot) => {
         fullPath,
         remotionRoot,
         steps,
+        publicDir,
     });
     const onDownload = (src) => {
         const id = Math.random();

package/dist/setup-cache.d.ts

@@ -1,14 +1,16 @@
 import type { RenderStep } from './step';
-export declare const bundleOnCliOrTakeServeUrl: ({ fullPath, remotionRoot, steps, }: {
+export declare const bundleOnCliOrTakeServeUrl: ({ fullPath, remotionRoot, steps, publicDir, }: {
     fullPath: string;
     remotionRoot: string;
     steps: RenderStep[];
+    publicDir: string | null;
 }) => Promise<{
     urlOrBundle: string;
     cleanup: () => Promise<void>;
 }>;
-export declare const bundleOnCli: ({ fullPath, steps, remotionRoot, }: {
+export declare const bundleOnCli: ({ fullPath, steps, remotionRoot, publicDir, }: {
     fullPath: string;
     steps: RenderStep[];
     remotionRoot: string;
+    publicDir: string | null;
 }) => Promise<string>;

package/dist/setup-cache.js

@@ -7,21 +7,21 @@ const config_1 = require("./config");
 const log_1 = require("./log");
 const parse_command_line_1 = require("./parse-command-line");
 const progress_bar_1 = require("./progress-bar");
-const bundleOnCliOrTakeServeUrl = async ({ fullPath, remotionRoot, steps, }) => {
+const bundleOnCliOrTakeServeUrl = async ({ fullPath, remotionRoot, steps, publicDir, }) => {
     if (renderer_1.RenderInternals.isServeUrl(fullPath)) {
         return {
             urlOrBundle: fullPath,
             cleanup: () => Promise.resolve(undefined),
         };
     }
-    const bundled = await (0, exports.bundleOnCli)({ fullPath, remotionRoot, steps });
+    const bundled = await (0, exports.bundleOnCli)({ fullPath, remotionRoot, steps, publicDir });
     return {
         urlOrBundle: bundled,
         cleanup: () => renderer_1.RenderInternals.deleteDirectory(bundled),
     };
 };
 exports.bundleOnCliOrTakeServeUrl = bundleOnCliOrTakeServeUrl;
-const bundleOnCli = async ({ fullPath, steps, remotionRoot, }) => {
+const bundleOnCli = async ({ fullPath, steps, remotionRoot, publicDir, }) => {
     var _a;
     const shouldCache = config_1.ConfigInternals.getWebpackCaching();
     const onProgress = (progress) => {
@@ -35,6 +35,7 @@ const bundleOnCli = async ({ fullPath, steps, remotionRoot, }) => {
         enableCaching: shouldCache,
         webpackOverride: (_a = config_1.ConfigInternals.getWebpackOverrideFn()) !== null && _a !== void 0 ? _a : ((f) => f),
         rootDir: remotionRoot,
+        publicDir,
     };
     const [hash] = bundler_1.BundlerInternals.getConfig({
         outDir: '',

package/dist/still.js

@@ -35,7 +35,7 @@ const still = async (remotionRoot) => {
         log_1.Log.verbose('Output file has a PNG extension, setting the image format to PNG.');
         config_1.Config.Rendering.setImageFormat('png');
     }
-    const { inputProps, envVariables, quality, browser, imageFormat, stillFrame, browserExecutable, chromiumOptions, scale, ffmpegExecutable, ffprobeExecutable, overwrite, puppeteerTimeout, port, } = await (0, get_cli_options_1.getCliOptions)({
+    const { inputProps, envVariables, quality, browser, imageFormat, stillFrame, browserExecutable, chromiumOptions, scale, ffmpegExecutable, ffprobeExecutable, overwrite, puppeteerTimeout, port, publicDir, } = await (0, get_cli_options_1.getCliOptions)({
         isLambda: false,
         type: 'still',
     });
@@ -72,7 +72,7 @@ const still = async (remotionRoot) => {
         renderer_1.RenderInternals.isServeUrl(fullPath) ? null : 'bundling',
         'rendering',
     ].filter(truthy_1.truthy);
-    const { cleanup: cleanupBundle, urlOrBundle } = await (0, setup_cache_1.bundleOnCliOrTakeServeUrl)({ fullPath, remotionRoot, steps });
+    const { cleanup: cleanupBundle, urlOrBundle } = await (0, setup_cache_1.bundleOnCliOrTakeServeUrl)({ fullPath, remotionRoot, steps, publicDir });
     const puppeteerInstance = await browserInstance;
     const downloadMap = renderer_1.RenderInternals.makeDownloadMap();
     const comps = await (0, renderer_1.getCompositions)(urlOrBundle, {

package/dist/upgrade.js

@@ -8,6 +8,7 @@ const renderer_1 = require("@remotion/renderer");
 const path_1 = __importDefault(require("path"));
 const config_1 = require("./config");
 const get_latest_remotion_version_1 = require("./get-latest-remotion-version");
+const list_of_remotion_packages_1 = require("./list-of-remotion-packages");
 const log_1 = require("./log");
 const get_package_manager_1 = require("./preview-server/get-package-manager");
 const getUpgradeCommand = ({ manager, packages, version, }) => {
@@ -31,23 +32,7 @@ const upgrade = async (remotionRoot) => {
             .map((p) => p.path)
             .join(', ')}). Install dependencies using your favorite manager!`);
     }
-    const toUpgrade = [
-        '@remotion/bundler',
-        '@remotion/cli',
-        '@remotion/eslint-config',
-        '@remotion/renderer',
-        '@remotion/skia',
-        '@remotion/lottie',
-        '@remotion/media-utils',
-        '@remotion/paths',
-        '@remotion/babel-loader',
-        '@remotion/lambda',
-        '@remotion/player',
-        '@remotion/preload',
-        '@remotion/three',
-        '@remotion/gif',
-        'remotion',
-    ].filter((u) => dependencies.includes(u));
+    const toUpgrade = list_of_remotion_packages_1.listOfRemotionPackages.filter((u) => dependencies.includes(u));
     const prom = renderer_1.RenderInternals.execa(manager.manager, getUpgradeCommand({
         manager: manager.manager,
         packages: toUpgrade,

package/dist/versions.js

@@ -7,26 +7,10 @@ exports.versionsCommand = exports.validateVersionsBeforeCommand = exports.VERSIO
 const renderer_1 = require("@remotion/renderer");
 const fs_1 = __importDefault(require("fs"));
 const config_1 = require("./config");
+const list_of_remotion_packages_1 = require("./list-of-remotion-packages");
 const log_1 = require("./log");
 const parse_command_line_1 = require("./parse-command-line");
 const resolve_from_1 = require("./resolve-from");
-const packages = [
-    '@remotion/bundler',
-    '@remotion/cli',
-    '@remotion/eslint-config',
-    '@remotion/renderer',
-    '@remotion/skia',
-    '@remotion/lottie',
-    '@remotion/media-utils',
-    '@remotion/paths',
-    '@remotion/babel-loader',
-    '@remotion/lambda',
-    '@remotion/preload',
-    '@remotion/player',
-    '@remotion/three',
-    '@remotion/gif',
-    'remotion',
-];
 const getVersion = async (remotionRoot, p) => {
     try {
         const remotionPkgJson = (0, resolve_from_1.resolveFrom)(remotionRoot, `${p}/package.json`);
@@ -49,7 +33,7 @@ const groupBy = (vals) => {
     return groups;
 };
 const getAllVersions = async (remotionRoot) => {
-    return (await Promise.all(packages.map(async (p) => [p, await getVersion(remotionRoot, p)]))).filter(([, version]) => version);
+    return (await Promise.all(list_of_remotion_packages_1.listOfRemotionPackages.map(async (p) => [p, await getVersion(remotionRoot, p)]))).filter(([, version]) => version);
 };
 exports.VERSIONS_COMMAND = 'versions';
 const validateVersionsBeforeCommand = async (remotionRoot) => {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/cli",
-	"version": "3.2.12",
+	"version": "3.2.13",
 	"description": "CLI for Remotion",
 	"main": "dist/index.js",
 	"sideEffects": false,
@@ -23,15 +23,15 @@
 	"author": "Jonny Burger <jonny@remotion.dev>",
 	"license": "SEE LICENSE IN LICENSE.md",
 	"dependencies": {
-		"@remotion/bundler": "3.2.12",
-		"@remotion/media-utils": "3.2.12",
-		"@remotion/player": "3.2.12",
-		"@remotion/renderer": "3.2.12",
+		"@remotion/bundler": "3.2.13",
+		"@remotion/media-utils": "3.2.13",
+		"@remotion/player": "3.2.13",
+		"@remotion/renderer": "3.2.13",
 		"better-opn": "2.1.1",
 		"dotenv": "9.0.2",
 		"memfs": "3.4.3",
 		"minimist": "1.2.6",
-		"remotion": "3.2.12",
+		"remotion": "3.2.13",
 		"semver": "7.3.5",
 		"source-map": "0.6.1"
 	},
@@ -71,5 +71,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "72c9a148cafdd4468fff41bbc7ca70a1776fb15e"
+	"gitHead": "989d20fc0ace36685c71396847e1b7b7a06d00d7"
 }