@remotion/cli 3.1.6 → 3.1.7

package/dist/config/max-timeline-tracks.d.ts

@@ -0,0 +1,2 @@
+export declare const setMaxTimelineTracks: (maxTracks: number) => void;
+export declare const getMaxTimelineTracks: () => number;

package/dist/config/max-timeline-tracks.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getMaxTimelineTracks = exports.setMaxTimelineTracks = void 0;
+let maxTimelineTracks = 15;
+const setMaxTimelineTracks = (maxTracks) => {
+    if (typeof maxTracks !== 'number') {
+        throw new Error(`Need to pass a number to Config.Preview.setMaxTimelineTracks(), got ${typeof maxTracks}`);
+    }
+    if (Number.isNaN(maxTracks)) {
+        throw new Error(`Need to pass a real number to Config.Preview.setMaxTimelineTracks(), got NaN`);
+    }
+    if (!Number.isFinite(maxTracks)) {
+        throw new Error(`Need to pass a real number to Config.Preview.setMaxTimelineTracks(), got ${maxTracks}`);
+    }
+    if (maxTracks < 0) {
+        throw new Error(`Need to pass a non-negative number to Config.Preview.setMaxTimelineTracks(), got ${maxTracks}`);
+    }
+    maxTimelineTracks = maxTracks;
+};
+exports.setMaxTimelineTracks = setMaxTimelineTracks;
+const getMaxTimelineTracks = () => {
+    return maxTimelineTracks;
+};
+exports.getMaxTimelineTracks = getMaxTimelineTracks;

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

@@ -0,0 +1,4 @@
+import type { Codec } from '@remotion/renderer';
+export declare type Loop = number | null;
+export declare const setNumberOfGifLoops: (newLoop: Loop | null) => void;
+export declare const getAndValidateNumberOfGifLoops: (codec: Codec) => number | null;

package/dist/config/number-of-gif-loops.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getAndValidateNumberOfGifLoops = exports.setNumberOfGifLoops = void 0;
+let currentLoop = null;
+const setNumberOfGifLoops = (newLoop) => {
+    if (newLoop !== null && typeof newLoop !== 'number') {
+        throw new Error('--number-of-gif-loops flag must be a number.');
+    }
+    currentLoop = newLoop;
+};
+exports.setNumberOfGifLoops = setNumberOfGifLoops;
+const getAndValidateNumberOfGifLoops = (codec) => {
+    if (currentLoop === null) {
+        return currentLoop;
+    }
+    if (codec !== 'gif') {
+        throw new Error(`The "numberOfGifLoops" setting can only be used for GIFs. The codec is set to ${codec}`);
+    }
+    return currentLoop;
+};
+exports.getAndValidateNumberOfGifLoops = getAndValidateNumberOfGifLoops;

package/dist/config/output-location.d.ts

@@ -0,0 +1,2 @@
+export declare const setOutputLocation: (newOutputLocation: string) => void;
+export declare const getOutputLocation: () => string | null;

package/dist/config/output-location.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getOutputLocation = exports.setOutputLocation = void 0;
+let currentOutputLocation = null;
+const setOutputLocation = (newOutputLocation) => {
+    if (typeof newOutputLocation !== 'string') {
+        throw new Error(`outputLocation must be a string but got ${typeof newOutputLocation} (${JSON.stringify(newOutputLocation)})`);
+    }
+    if (newOutputLocation.trim() === '') {
+        throw new Error(`outputLocation must not be an empty string`);
+    }
+    currentOutputLocation = newOutputLocation;
+};
+exports.setOutputLocation = setOutputLocation;
+const getOutputLocation = () => currentOutputLocation;
+exports.getOutputLocation = getOutputLocation;

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

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

package/dist/config/override-webpack.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.overrideWebpackConfig = exports.getWebpackOverrideFn = exports.defaultOverrideFunction = void 0;
+const defaultOverrideFunction = (config) => config;
+exports.defaultOverrideFunction = defaultOverrideFunction;
+let overrideFn = exports.defaultOverrideFunction;
+const getWebpackOverrideFn = () => {
+    return overrideFn;
+};
+exports.getWebpackOverrideFn = getWebpackOverrideFn;
+const overrideWebpackConfig = (fn) => {
+    overrideFn = fn;
+};
+exports.overrideWebpackConfig = overrideWebpackConfig;

package/dist/config/overwrite.d.ts

@@ -0,0 +1,2 @@
+export declare const setOverwriteOutput: (newOverwrite: boolean) => void;
+export declare const getShouldOverwrite: () => boolean;

package/dist/config/overwrite.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getShouldOverwrite = exports.setOverwriteOutput = void 0;
+const renderer_1 = require("@remotion/renderer");
+let shouldOverwrite = renderer_1.RenderInternals.DEFAULT_OVERWRITE;
+const setOverwriteOutput = (newOverwrite) => {
+    if (typeof newOverwrite !== 'boolean') {
+        throw new Error(`overwriteExisting must be a boolean but got ${typeof newOverwrite} (${JSON.stringify(newOverwrite)})`);
+    }
+    shouldOverwrite = newOverwrite;
+};
+exports.setOverwriteOutput = setOverwriteOutput;
+const getShouldOverwrite = () => shouldOverwrite;
+exports.getShouldOverwrite = getShouldOverwrite;

package/dist/config/pixel-format.d.ts

@@ -0,0 +1,3 @@
+import type { PixelFormat } from '@remotion/renderer';
+export declare const setPixelFormat: (format: PixelFormat) => void;
+export declare const getPixelFormat: () => "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";

package/dist/config/pixel-format.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getPixelFormat = exports.setPixelFormat = void 0;
+const renderer_1 = require("@remotion/renderer");
+let currentPixelFormat = renderer_1.RenderInternals.DEFAULT_PIXEL_FORMAT;
+const setPixelFormat = (format) => {
+    if (!renderer_1.RenderInternals.validPixelFormats.includes(format)) {
+        throw new TypeError(`Value ${format} is not valid as a pixel format.`);
+    }
+    currentPixelFormat = format;
+};
+exports.setPixelFormat = setPixelFormat;
+const getPixelFormat = () => {
+    return currentPixelFormat;
+};
+exports.getPixelFormat = getPixelFormat;

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

@@ -0,0 +1,2 @@
+export declare const setPort: (port: number | undefined) => void;
+export declare const getServerPort: () => number | undefined;

package/dist/config/preview-server.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getServerPort = exports.setPort = void 0;
+let serverPort;
+const setPort = (port) => {
+    if (!['number', 'undefined'].includes(typeof port)) {
+        throw new Error(`Preview server port should be a number. Got ${typeof port} (${JSON.stringify(port)})`);
+    }
+    if (port === undefined) {
+        serverPort = undefined;
+        return;
+    }
+    if (port < 1 || port > 65535) {
+        throw new Error(`Preview server port should be a number between 1 and 65535. Got ${port}`);
+    }
+    serverPort = port;
+};
+exports.setPort = setPort;
+const getServerPort = () => serverPort;
+exports.getServerPort = getServerPort;

package/dist/config/prores-profile.d.ts

@@ -0,0 +1,3 @@
+import type { ProResProfile } from '@remotion/renderer';
+export declare const getProResProfile: () => ProResProfile | undefined;
+export declare const setProResProfile: (profile: ProResProfile | undefined) => void;

package/dist/config/prores-profile.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setProResProfile = exports.getProResProfile = void 0;
+let proResProfile;
+const getProResProfile = () => {
+    return proResProfile;
+};
+exports.getProResProfile = getProResProfile;
+const setProResProfile = (profile) => {
+    proResProfile = profile;
+};
+exports.setProResProfile = setProResProfile;

package/dist/config/quality.d.ts

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

package/dist/config/quality.js

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

package/dist/config/scale.d.ts

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

package/dist/config/scale.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getScale = exports.setScale = void 0;
+let currentScale = 1;
+const setScale = (newScale) => {
+    if (typeof newScale !== 'number') {
+        throw new Error('--scale flag must be a number.');
+    }
+    currentScale = newScale;
+};
+exports.setScale = setScale;
+const getScale = () => {
+    return currentScale;
+};
+exports.getScale = getScale;

package/dist/config/still-frame.d.ts

@@ -0,0 +1,2 @@
+export declare const setStillFrame: (frame: number) => void;
+export declare const getStillFrame: () => number;

package/dist/config/still-frame.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getStillFrame = exports.setStillFrame = void 0;
+const renderer_1 = require("@remotion/renderer");
+let stillFrame = 0;
+const setStillFrame = (frame) => {
+    renderer_1.RenderInternals.validateFrame(frame, Infinity);
+    stillFrame = frame;
+};
+exports.setStillFrame = setStillFrame;
+const getStillFrame = () => stillFrame;
+exports.getStillFrame = getStillFrame;

package/dist/config/timeout.d.ts

@@ -0,0 +1,2 @@
+export declare const setPuppeteerTimeout: (newPuppeteerTimeout: number) => void;
+export declare const getCurrentPuppeteerTimeout: () => number;

package/dist/config/timeout.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getCurrentPuppeteerTimeout = exports.setPuppeteerTimeout = void 0;
+const renderer_1 = require("@remotion/renderer");
+let currentTimeout = renderer_1.RenderInternals.DEFAULT_TIMEOUT;
+const setPuppeteerTimeout = (newPuppeteerTimeout) => {
+    if (typeof newPuppeteerTimeout !== 'number') {
+        throw new Error('--timeout flag / setTimeoutInMilliseconds() must be a number, but got ' +
+            JSON.stringify(newPuppeteerTimeout));
+    }
+    currentTimeout = newPuppeteerTimeout;
+};
+exports.setPuppeteerTimeout = setPuppeteerTimeout;
+const getCurrentPuppeteerTimeout = () => {
+    return currentTimeout;
+};
+exports.getCurrentPuppeteerTimeout = getCurrentPuppeteerTimeout;

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

@@ -0,0 +1,3 @@
+export declare const DEFAULT_WEBPACK_CACHE_ENABLED = true;
+export declare const setWebpackCaching: (flag: boolean) => void;
+export declare const getWebpackCaching: () => boolean;

package/dist/config/webpack-caching.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getWebpackCaching = exports.setWebpackCaching = exports.DEFAULT_WEBPACK_CACHE_ENABLED = void 0;
+exports.DEFAULT_WEBPACK_CACHE_ENABLED = true;
+let webpackCaching = exports.DEFAULT_WEBPACK_CACHE_ENABLED;
+const setWebpackCaching = (flag) => {
+    if (typeof flag !== 'boolean') {
+        throw new TypeError('Caching flag must be a boolean.');
+    }
+    webpackCaching = flag;
+};
+exports.setWebpackCaching = setWebpackCaching;
+const getWebpackCaching = () => {
+    return webpackCaching;
+};
+exports.getWebpackCaching = getWebpackCaching;

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

@@ -16,7 +16,7 @@ export declare const CompositionSelectorItem: React.FC<{
     item: CompositionSelectorItemType;
     currentComposition: string | null;
     tabIndex: number;
-    selectComposition: (c: TComposition) => void;
+    selectComposition: (c: TComposition, push: boolean) => void;
     toggleFolder: (folderName: string, parentName: string | null) => void;
     level: number;
 }>;

package/dist/editor/components/CompositionSelectorItem.js

@@ -22,6 +22,7 @@ const itemStyle = {
     appearance: 'none',
     border: 'none',
     width: '100%',
+    textAlign: 'left',
 };
 const iconStyle = {
     width: 18,
@@ -58,7 +59,7 @@ const CompositionSelectorItem = ({ item, level, currentComposition, tabIndex, se
     const onClick = (0, react_1.useCallback)((evt) => {
         evt.preventDefault();
         if (item.type === 'composition') {
-            selectComposition(item.composition);
+            selectComposition(item.composition, true);
         }
         else {
             toggleFolder(item.folderName, item.parentName);

package/dist/editor/components/Editor.js

@@ -13,6 +13,7 @@ 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");
@@ -130,7 +131,7 @@ 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)(remotion_1.Internals.Timeline.TimelineInOutContext.Provider, { value: timelineInOutContextValue, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.Timeline.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.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, {}), 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 &&
+    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.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, {}), 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, {}))] }) }) }) }) }) }) }) }) }) }) }) }) }) }));

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

@@ -1,4 +1,4 @@
 import type React from 'react';
 import type { TComposition } from 'remotion';
-export declare const useSelectComposition: () => (c: TComposition) => void;
+export declare const useSelectComposition: () => (c: TComposition, push: boolean) => void;
 export declare const InitialCompositionLoader: React.FC;

package/dist/editor/components/InitialCompositionLoader.js

@@ -12,10 +12,12 @@ const useSelectComposition = () => {
     const setCurrentFrame = remotion_1.Internals.Timeline.useTimelineSetFrame();
     const { setCurrentComposition } = (0, react_1.useContext)(remotion_1.Internals.CompositionManager);
     const { setFoldersExpanded } = (0, react_1.useContext)(folders_1.FolderContext);
-    return (c) => {
+    return (c, push) => {
         var _a;
         (_a = TimelineInOutToggle_1.inOutHandles.current) === null || _a === void 0 ? void 0 : _a.setMarks((0, marks_1.loadMarks)(c.id, c.durationInFrames));
-        window.history.pushState({}, 'Preview', `/${c.id}`);
+        if (push) {
+            window.history.pushState({}, 'Preview', `/${c.id}`);
+        }
         const frame = (0, FramePersistor_1.getFrameForComposition)(c.id);
         const frameInBounds = Math.min(c.durationInFrames - 1, frame);
         setCurrentFrame(frameInBounds);
@@ -47,14 +49,25 @@ const InitialCompositionLoader = () => {
         if (compositionFromUrl) {
             const exists = compositions.find((c) => c.id === compositionFromUrl);
             if (exists) {
-                selectComposition(exists);
+                selectComposition(exists, true);
                 return;
             }
         }
         if (compositions.length > 0) {
-            selectComposition(compositions[0]);
+            selectComposition(compositions[0], true);
         }
     }, [compositions, currentComposition, selectComposition]);
+    (0, react_1.useEffect)(() => {
+        const onchange = () => {
+            const newComp = window.location.pathname.substring(1);
+            const exists = compositions.find((c) => c.id === newComp);
+            if (exists) {
+                selectComposition(exists, false);
+            }
+        };
+        window.addEventListener('popstate', onchange);
+        return () => window.removeEventListener('popstate', onchange);
+    }, [compositions, selectComposition]);
     return null;
 };
 exports.InitialCompositionLoader = InitialCompositionLoader;

package/dist/editor/components/PlayPause.js

@@ -12,6 +12,7 @@ const pause_1 = require("../icons/pause");
 const play_1 = require("../icons/play");
 const step_back_1 = require("../icons/step-back");
 const step_forward_1 = require("../icons/step-forward");
+const in_out_1 = require("../state/in-out");
 const ControlButton_1 = require("./ControlButton");
 const forwardBackStyle = {
     height: 16,
@@ -19,12 +20,15 @@ const forwardBackStyle = {
 };
 const PlayPause = ({ playbackRate, loop }) => {
     var _a;
+    const { inFrame, outFrame } = (0, in_out_1.useTimelineInOutFramePosition)();
     const frame = remotion_1.Internals.Timeline.useTimelinePosition();
     const video = remotion_1.Internals.useVideo();
     player_1.PlayerInternals.usePlayback({
         loop,
         playbackRate,
         moveToBeginningWhenEnded: true,
+        inFrame,
+        outFrame,
     });
     const { playing, play, pause, pauseAndReturnToPlayStart, frameBack, seek, frameForward, isLastFrame, } = player_1.PlayerInternals.usePlayer();
     const isStill = (0, is_current_selected_still_1.useIsStill)();

package/dist/editor/components/Timeline/TimelineDragHandler.js

@@ -7,6 +7,7 @@ const react_1 = require("react");
 const remotion_1 = require("remotion");
 const get_left_of_timeline_slider_1 = require("../../helpers/get-left-of-timeline-slider");
 const timeline_layout_1 = require("../../helpers/timeline-layout");
+const in_out_1 = require("../../state/in-out");
 const FramePersistor_1 = require("../FramePersistor");
 const timeline_refs_1 = require("./timeline-refs");
 const TimelineInOutPointer_1 = require("./TimelineInOutPointer");
@@ -42,8 +43,8 @@ const TimelineDragHandler = () => {
     });
     const width = (_a = size === null || size === void 0 ? void 0 : size.width) !== null && _a !== void 0 ? _a : 0;
     const left = (_b = size === null || size === void 0 ? void 0 : size.left) !== null && _b !== void 0 ? _b : 0;
-    const { inFrame, outFrame } = remotion_1.Internals.Timeline.useTimelineInOutFramePosition();
-    const { setInAndOutFrames } = remotion_1.Internals.Timeline.useTimelineSetInOutFramePosition();
+    const { inFrame, outFrame } = (0, in_out_1.useTimelineInOutFramePosition)();
+    const { setInAndOutFrames } = (0, in_out_1.useTimelineSetInOutFramePosition)();
     const { get } = (0, get_left_of_timeline_slider_1.useGetXPositionOfItemInTimeline)();
     const [dragging, setDragging] = (0, react_1.useState)({
         dragging: false,

package/dist/editor/components/Timeline/TimelineInOutPointer.js

@@ -5,6 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const remotion_1 = require("remotion");
 const get_left_of_timeline_slider_1 = require("../../helpers/get-left-of-timeline-slider");
+const in_out_1 = require("../../state/in-out");
 const areaHighlight = {
     position: 'absolute',
     backgroundColor: 'rgba(0, 0, 0, 0.5)',
@@ -15,7 +16,7 @@ const areaHighlight = {
 exports.inMarkerAreaRef = (0, react_1.createRef)();
 exports.outMarkerAreaRef = (0, react_1.createRef)();
 const TimelineInOutPointer = () => {
-    const { inFrame, outFrame } = remotion_1.Internals.Timeline.useTimelineInOutFramePosition();
+    const { inFrame, outFrame } = (0, in_out_1.useTimelineInOutFramePosition)();
     const videoConfig = remotion_1.Internals.useUnsafeVideoConfig();
     const { get, width } = (0, get_left_of_timeline_slider_1.useGetXPositionOfItemInTimeline)();
     if (!videoConfig) {

package/dist/editor/components/Timeline/TimelineListItem.js

@@ -22,6 +22,7 @@ const outer = {
     alignItems: 'center',
     paddingLeft: timeline_layout_1.TIMELINE_PADDING,
     wordBreak: 'break-all',
+    textAlign: 'left',
 };
 const hookContainer = {
     height: timeline_layout_1.TIMELINE_LAYER_HEIGHT,

package/dist/editor/components/TimelineInOutToggle.js

@@ -7,6 +7,7 @@ const remotion_1 = require("remotion");
 const is_current_selected_still_1 = require("../helpers/is-current-selected-still");
 const use_keybinding_1 = require("../helpers/use-keybinding");
 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) => `Mark ${pointType}`;
@@ -17,8 +18,8 @@ const style = {
 exports.inOutHandles = (0, react_1.createRef)();
 const TimelineInOutPointToggle = () => {
     const timelinePosition = remotion_1.Internals.Timeline.useTimelinePosition();
-    const { inFrame, outFrame } = remotion_1.Internals.Timeline.useTimelineInOutFramePosition();
-    const { setInAndOutFrames } = remotion_1.Internals.Timeline.useTimelineSetInOutFramePosition();
+    const { inFrame, outFrame } = (0, in_out_1.useTimelineInOutFramePosition)();
+    const { setInAndOutFrames } = (0, in_out_1.useTimelineSetInOutFramePosition)();
     const { currentComposition } = (0, react_1.useContext)(remotion_1.Internals.CompositionManager);
     const isStill = (0, is_current_selected_still_1.useIsStill)();
     const videoConfig = remotion_1.Internals.useUnsafeVideoConfig();

package/dist/editor/state/in-out.d.ts

@@ -0,0 +1,12 @@
+import type React from 'react';
+export declare type TimelineInOutContextValue = {
+    inFrame: number | null;
+    outFrame: number | null;
+};
+export declare type SetTimelineInOutContextValue = {
+    setInAndOutFrames: (u: React.SetStateAction<TimelineInOutContextValue>) => void;
+};
+export declare const TimelineInOutContext: React.Context<TimelineInOutContextValue>;
+export declare const SetTimelineInOutContext: React.Context<SetTimelineInOutContextValue>;
+export declare const useTimelineInOutFramePosition: () => TimelineInOutContextValue;
+export declare const useTimelineSetInOutFramePosition: () => SetTimelineInOutContextValue;

package/dist/editor/state/in-out.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTimelineSetInOutFramePosition = exports.useTimelineInOutFramePosition = exports.SetTimelineInOutContext = exports.TimelineInOutContext = void 0;
+const react_1 = require("react");
+exports.TimelineInOutContext = (0, react_1.createContext)({
+    inFrame: null,
+    outFrame: null,
+});
+exports.SetTimelineInOutContext = (0, react_1.createContext)({
+    setInAndOutFrames: () => {
+        throw new Error('default');
+    },
+});
+const useTimelineInOutFramePosition = () => {
+    const state = (0, react_1.useContext)(exports.TimelineInOutContext);
+    return state;
+};
+exports.useTimelineInOutFramePosition = useTimelineInOutFramePosition;
+const useTimelineSetInOutFramePosition = () => {
+    const { setInAndOutFrames } = (0, react_1.useContext)(exports.SetTimelineInOutContext);
+    return { setInAndOutFrames };
+};
+exports.useTimelineSetInOutFramePosition = useTimelineSetInOutFramePosition;

package/dist/find-closest-package-json.d.ts

@@ -0,0 +1,2 @@
+export declare const findClosestPackageJson: () => string | null;
+export declare const findRemotionRoot: () => string;

package/dist/find-closest-package-json.js

@@ -0,0 +1,35 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.findRemotionRoot = exports.findClosestPackageJson = void 0;
+const fs_1 = __importDefault(require("fs"));
+const path_1 = __importDefault(require("path"));
+const log_1 = require("./log");
+const recursionLimit = 5;
+const findClosestPackageJson = () => {
+    let currentDir = process.cwd();
+    let possiblePackageJson = '';
+    for (let i = 0; i < recursionLimit; i++) {
+        possiblePackageJson = path_1.default.join(currentDir, 'package.json');
+        const exists = fs_1.default.existsSync(possiblePackageJson);
+        if (exists) {
+            return possiblePackageJson;
+        }
+        currentDir = path_1.default.dirname(currentDir);
+    }
+    return null;
+};
+exports.findClosestPackageJson = findClosestPackageJson;
+const findRemotionRoot = () => {
+    const closestPackageJson = (0, exports.findClosestPackageJson)();
+    if (closestPackageJson === null) {
+        log_1.Log.error('Could not find a package.json in the current directory or any of the ' +
+            recursionLimit +
+            ' parent directories. Is this a Remotion project?');
+        process.exit(1);
+    }
+    return path_1.default.dirname(closestPackageJson);
+};
+exports.findRemotionRoot = findRemotionRoot;

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

@@ -1,5 +1,4 @@
-import type { ChromiumOptions } from '@remotion/renderer';
-import type { BrowserExecutable, FrameRange } from 'remotion';
+import type { BrowserExecutable, ChromiumOptions, FrameRange } from '@remotion/renderer';
 export declare const getAndValidateAbsoluteOutputFile: (relativeOutputLocation: string, overwrite: boolean) => string;
 export declare const getCliOptions: (options: {
     isLambda: boolean;
@@ -13,7 +12,7 @@ export declare const getCliOptions: (options: {
     inputProps: object;
     envVariables: Record<string, string>;
     quality: number | undefined;
-    browser: import("remotion").Browser;
+    browser: import("@remotion/renderer").Browser;
     crf: number | null;
     pixelFormat: "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
     imageFormat: "png" | "jpeg" | "none";
@@ -22,8 +21,8 @@ export declare const getCliOptions: (options: {
     numberOfGifLoops: number | null;
     stillFrame: number;
     browserExecutable: BrowserExecutable;
-    ffmpegExecutable: import("remotion").FfmpegExecutable;
-    ffprobeExecutable: import("remotion").FfmpegExecutable;
+    ffmpegExecutable: import("@remotion/renderer").FfmpegExecutable;
+    ffprobeExecutable: import("@remotion/renderer").FfmpegExecutable;
     logLevel: "verbose" | "info" | "warn" | "error";
     scale: number;
     chromiumOptions: ChromiumOptions;