@remotion/cli 4.0.0-4x.2 → 4.0.0-alpha.111

package/dist/bundle.js

@@ -1,31 +0,0 @@
-"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 () => {
-    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/render');
-        process.exit(1);
-    }
-    await (0, initialize_render_cli_1.initializeRenderCli)('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,
-    });
-    log_1.Log.info();
-    log_1.Log.info(urlOrBundle);
-};
-exports.bundleCommand = bundleCommand;

package/dist/chalk/symbols.d.ts

@@ -1,111 +0,0 @@
-declare const isHyper: boolean;
-declare const isWindows: boolean;
-declare const isLinux: boolean;
-declare const common: {
-    ballotDisabled: string;
-    ballotOff: string;
-    ballotOn: string;
-    bullet: string;
-    bulletWhite: string;
-    fullBlock: string;
-    heart: string;
-    identicalTo: string;
-    line: string;
-    mark: string;
-    middot: string;
-    minus: string;
-    multiplication: string;
-    obelus: string;
-    pencilDownRight: string;
-    pencilRight: string;
-    pencilUpRight: string;
-    percent: string;
-    pilcrow2: string;
-    pilcrow: string;
-    plusMinus: string;
-    question: string;
-    section: string;
-    starsOff: string;
-    starsOn: string;
-    upDownArrow: string;
-};
-declare const windows: {
-    check: string;
-    cross: string;
-    ellipsisLarge: string;
-    ellipsis: string;
-    info: string;
-    questionSmall: string;
-    pointer: string;
-    pointerSmall: string;
-    radioOff: string;
-    radioOn: string;
-    warning: string;
-    ballotDisabled: string;
-    ballotOff: string;
-    ballotOn: string;
-    bullet: string;
-    bulletWhite: string;
-    fullBlock: string;
-    heart: string;
-    identicalTo: string;
-    line: string;
-    mark: string;
-    middot: string;
-    minus: string;
-    multiplication: string;
-    obelus: string;
-    pencilDownRight: string;
-    pencilRight: string;
-    pencilUpRight: string;
-    percent: string;
-    pilcrow2: string;
-    pilcrow: string;
-    plusMinus: string;
-    question: string;
-    section: string;
-    starsOff: string;
-    starsOn: string;
-    upDownArrow: string;
-};
-declare const other: {
-    ballotCross: string;
-    check: string;
-    cross: string;
-    ellipsisLarge: string;
-    ellipsis: string;
-    info: string;
-    questionFull: string;
-    questionSmall: string;
-    pointer: string;
-    pointerSmall: string;
-    radioOff: string;
-    radioOn: string;
-    warning: string;
-    ballotDisabled: string;
-    ballotOff: string;
-    ballotOn: string;
-    bullet: string;
-    bulletWhite: string;
-    fullBlock: string;
-    heart: string;
-    identicalTo: string;
-    line: string;
-    mark: string;
-    middot: string;
-    minus: string;
-    multiplication: string;
-    obelus: string;
-    pencilDownRight: string;
-    pencilRight: string;
-    pencilUpRight: string;
-    percent: string;
-    pilcrow2: string;
-    pilcrow: string;
-    plusMinus: string;
-    question: string;
-    section: string;
-    starsOff: string;
-    starsOn: string;
-    upDownArrow: string;
-};

package/dist/chalk/symbols.js

@@ -1,75 +0,0 @@
-'use strict';
-const isHyper = typeof process !== 'undefined' && process.env.TERM_PROGRAM === 'Hyper';
-const isWindows = typeof process !== 'undefined' && process.platform === 'win32';
-const isLinux = typeof process !== 'undefined' && process.platform === 'linux';
-const common = {
-    ballotDisabled: '☒',
-    ballotOff: '☐',
-    ballotOn: '☑',
-    bullet: '•',
-    bulletWhite: '◦',
-    fullBlock: '█',
-    heart: '❤',
-    identicalTo: '≡',
-    line: '─',
-    mark: '※',
-    middot: '·',
-    minus: '－',
-    multiplication: '×',
-    obelus: '÷',
-    pencilDownRight: '✎',
-    pencilRight: '✏',
-    pencilUpRight: '✐',
-    percent: '%',
-    pilcrow2: '❡',
-    pilcrow: '¶',
-    plusMinus: '±',
-    question: '?',
-    section: '§',
-    starsOff: '☆',
-    starsOn: '★',
-    upDownArrow: '↕',
-};
-const windows = {
-    ...common,
-    check: '√',
-    cross: '×',
-    ellipsisLarge: '...',
-    ellipsis: '...',
-    info: 'i',
-    questionSmall: '?',
-    pointer: '>',
-    pointerSmall: '»',
-    radioOff: '( )',
-    radioOn: '(*)',
-    warning: '‼',
-};
-const other = {
-    ...common,
-    ballotCross: '✘',
-    check: '✔',
-    cross: '✖',
-    ellipsisLarge: '⋯',
-    ellipsis: '…',
-    info: 'ℹ',
-    questionFull: '？',
-    questionSmall: '﹖',
-    pointer: isLinux ? '▸' : '❯',
-    pointerSmall: isLinux ? '‣' : '›',
-    radioOff: '◯',
-    radioOn: '◉',
-    warning: '⚠',
-};
-module.exports = isWindows && !isHyper ? windows : other;
-Reflect.defineProperty(module.exports, 'common', {
-    enumerable: false,
-    value: common,
-});
-Reflect.defineProperty(module.exports, 'windows', {
-    enumerable: false,
-    value: windows,
-});
-Reflect.defineProperty(module.exports, 'other', {
-    enumerable: false,
-    value: other,
-});

package/dist/chalk/utilities.d.ts

@@ -1,2 +0,0 @@
-export declare function stringReplaceAll(string: string, substring: string, replacer: string): string;
-export declare function stringEncaseCRLFWithFirstIndex(string: string, prefix: string, postfix: string, index: number): string;

package/dist/chalk/utilities.js

@@ -1,37 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.stringEncaseCRLFWithFirstIndex = exports.stringReplaceAll = void 0;
-function stringReplaceAll(string, substring, replacer) {
-    let index = string.indexOf(substring);
-    if (index === -1) {
-        return string;
-    }
-    const substringLength = substring.length;
-    let endIndex = 0;
-    let returnValue = '';
-    do {
-        returnValue += string.slice(endIndex, index) + substring + replacer;
-        endIndex = index + substringLength;
-        index = string.indexOf(substring, endIndex);
-    } while (index !== -1);
-    returnValue += string.slice(endIndex);
-    return returnValue;
-}
-exports.stringReplaceAll = stringReplaceAll;
-function stringEncaseCRLFWithFirstIndex(string, prefix, postfix, index) {
-    let endIndex = 0;
-    let returnValue = '';
-    do {
-        const gotCR = string[index - 1] === '\r';
-        returnValue +=
-            string.slice(endIndex, gotCR ? index - 1 : index) +
-                prefix +
-                (gotCR ? '\r\n' : '\n') +
-                postfix;
-        endIndex = index + 1;
-        index = string.indexOf('\n', endIndex);
-    } while (index !== -1);
-    returnValue += string.slice(endIndex);
-    return returnValue;
-}
-exports.stringEncaseCRLFWithFirstIndex = stringEncaseCRLFWithFirstIndex;

package/dist/check-version.d.ts

@@ -1 +0,0 @@
-export declare const checkNodeVersion: () => void;

package/dist/check-version.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.checkNodeVersion = void 0;
-const log_1 = require("./log");
-const semver = require('semver');
-const current = process.version;
-const supported = '>=12.10.0';
-const checkNodeVersion = () => {
-    if (!semver.satisfies(current, supported)) {
-        log_1.Log.warn(`Required node version ${supported} not satisfied with current version ${current}.`);
-        log_1.Log.warn(`Update your node version to ${supported}`);
-    }
-};
-exports.checkNodeVersion = checkNodeVersion;

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

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

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

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

package/dist/editor/components/CompositionManager.js

@@ -1,60 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InitialCompositionLoader = exports.useSelectComposition = void 0;
-const react_1 = require("react");
-const remotion_1 = require("remotion");
-const folders_1 = require("../state/folders");
-const marks_1 = require("../state/marks");
-const CompositionSelector_1 = require("./CompositionSelector");
-const FramePersistor_1 = require("./FramePersistor");
-const TimelineInOutToggle_1 = require("./TimelineInOutToggle");
-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) => {
-        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}`);
-        const frame = (0, FramePersistor_1.getFrameForComposition)(c.id);
-        const frameInBounds = Math.min(c.durationInFrames - 1, frame);
-        setCurrentFrame(frameInBounds);
-        setCurrentComposition(c.id);
-        const { folderName, parentFolderName } = c;
-        if (folderName !== null) {
-            setFoldersExpanded((ex) => {
-                const keysToExpand = (0, CompositionSelector_1.getKeysToExpand)(folderName, parentFolderName);
-                const newState = {
-                    ...ex,
-                };
-                for (const key of keysToExpand) {
-                    newState[key] = true;
-                }
-                return newState;
-            });
-        }
-    };
-};
-exports.useSelectComposition = useSelectComposition;
-const InitialCompositionLoader = () => {
-    const { compositions, currentComposition } = (0, react_1.useContext)(remotion_1.Internals.CompositionManager);
-    const selectComposition = (0, exports.useSelectComposition)();
-    (0, react_1.useEffect)(() => {
-        if (currentComposition) {
-            return;
-        }
-        const compositionFromUrl = (0, FramePersistor_1.getCurrentCompositionFromUrl)();
-        if (compositionFromUrl) {
-            const exists = compositions.find((c) => c.id === compositionFromUrl);
-            if (exists) {
-                selectComposition(exists);
-                return;
-            }
-        }
-        if (compositions.length > 0) {
-            selectComposition(compositions[0]);
-        }
-    }, [compositions, currentComposition, selectComposition]);
-    return null;
-};
-exports.InitialCompositionLoader = InitialCompositionLoader;

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

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

package/dist/editor/components/KeyboardShortcutsModal.js

@@ -1,53 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.KeyboardShortcuts = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const keys_1 = require("../icons/keys");
-const modals_1 = require("../state/modals");
-const layout_1 = require("./layout");
-const ModalContainer_1 = require("./ModalContainer");
-const ModalHeader_1 = require("./ModalHeader");
-const left = {
-    width: 100,
-    paddingTop: 8,
-    paddingBottom: 8,
-};
-const shortLeft = {
-    ...left,
-    width: 40,
-};
-const key = {
-    background: '#333',
-    padding: '3px 6px',
-    color: 'white',
-    borderRadius: 3,
-    border: '1px solid black',
-    borderBottomWidth: 3,
-    fontSize: 13,
-    fontFamily: 'monospace',
-};
-const right = {
-    fontSize: 14,
-    color: '#eee',
-};
-const container = {
-    paddingLeft: 20,
-    paddingRight: 40,
-    paddingTop: 10,
-    paddingBottom: 10,
-};
-const title = {
-    fontWeight: 'bold',
-    color: 'white',
-    fontSize: 14,
-    marginBottom: 10,
-};
-const KeyboardShortcuts = () => {
-    const { setSelectedModal } = (0, react_1.useContext)(modals_1.ModalsContext);
-    const onQuit = (0, react_1.useCallback)(() => {
-        setSelectedModal(null);
-    }, [setSelectedModal]);
-    return ((0, jsx_runtime_1.jsxs)(ModalContainer_1.ModalContainer, { onEscape: onQuit, onOutsideClick: onQuit, children: [(0, jsx_runtime_1.jsx)(ModalHeader_1.NewCompHeader, { title: "Keyboard shortcuts" }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { style: container, children: [(0, jsx_runtime_1.jsxs)(layout_1.Column, { children: [(0, jsx_runtime_1.jsx)("div", { style: title, children: "Playback" }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsxs)("div", { style: left, children: [(0, jsx_runtime_1.jsx)("kbd", { style: key, children: (0, jsx_runtime_1.jsx)(keys_1.ShiftIcon, {}) }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 0.3 }), (0, jsx_runtime_1.jsx)("kbd", { style: key, children: (0, jsx_runtime_1.jsx)(keys_1.ArrowLeft, {}) })] }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "1 second back" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: left, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: (0, jsx_runtime_1.jsx)(keys_1.ArrowLeft, {}) }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Previous frame" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: left, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "Space" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Play / Pause" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: left, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: (0, jsx_runtime_1.jsx)(keys_1.ArrowRight, {}) }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Next frame" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsxs)("div", { style: left, children: [(0, jsx_runtime_1.jsx)("kbd", { style: key, children: (0, jsx_runtime_1.jsx)(keys_1.ShiftIcon, {}) }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 0.3 }), (0, jsx_runtime_1.jsx)("kbd", { style: key, children: (0, jsx_runtime_1.jsx)(keys_1.ArrowRight, {}) })] }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "1 second forward" })] }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: left, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "A" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Jump to beginning" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: left, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "E" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Jump to end" })] }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: left, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "J" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Reverse playback" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: left, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "K" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Pause" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: left, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "L" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Play / Speed up" })] })] }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 8 }), (0, jsx_runtime_1.jsxs)(layout_1.Column, { children: [(0, jsx_runtime_1.jsx)("div", { style: title, children: "Navigation" }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: shortLeft, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "N" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "New composition" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: shortLeft, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "T" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Toggle checkerboard transparency" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: shortLeft, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "?" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Show keyboard shortcuts" })] }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("div", { style: title, children: "Playback range" }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: shortLeft, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "I" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Set In Point" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: shortLeft, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "O" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Set Out Point" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: shortLeft, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "X" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Clear In/Out Points" })] })] })] })] }));
-};
-exports.KeyboardShortcuts = KeyboardShortcuts;

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

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

package/dist/editor/components/LoadingIndicator.js

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Loading = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const remotion_1 = require("remotion");
-const rotate = {
-    transform: `rotate(90deg)`,
-};
-const ICON_SIZE = 40;
-const label = {
-    color: '#555',
-    fontSize: 14,
-    fontFamily: 'sans-serif',
-};
-const container = {
-    justifyContent: 'center',
-    alignItems: 'center',
-};
-const Loading = () => {
-    return ((0, jsx_runtime_1.jsxs)(remotion_1.AbsoluteFill, { style: container, id: "remotion-comp-loading", children: [(0, jsx_runtime_1.jsx)("style", { type: "text/css", children: `
-				@keyframes anim {
-					from {
-						opacity: 0
-					}
-					to {
-						opacity: 1
-					}
-				}
-				#remotion-comp-loading {
-					animation: anim 2s;
-					animation-fill-mode: forwards;
-				}
-			` }), (0, jsx_runtime_1.jsx)("svg", { width: ICON_SIZE, height: ICON_SIZE, viewBox: "-100 -100 400 400", style: rotate, children: (0, jsx_runtime_1.jsx)("path", { fill: "#555", stroke: "#555", strokeWidth: "100", strokeLinejoin: "round", d: "M 2 172 a 196 100 0 0 0 195 5 A 196 240 0 0 0 100 2.259 A 196 240 0 0 0 2 172 z" }) }), (0, jsx_runtime_1.jsx)("p", { style: label, children: "Loading..." })] }));
-};
-exports.Loading = Loading;

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

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

package/dist/editor/components/RichTimelineToggle.js

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RichTimelineToggle = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const is_current_selected_still_1 = require("../helpers/is-current-selected-still");
-const timeline_1 = require("../icons/timeline");
-const rich_timeline_1 = require("../state/rich-timeline");
-const ControlButton_1 = require("./ControlButton");
-const tooltip = 'Enable rich timeline. Go to remotion.dev/docs/timeline for more information.';
-const RichTimelineToggle = () => {
-    const { richTimeline, setRichTimeline } = (0, react_1.useContext)(rich_timeline_1.RichTimelineContext);
-    const isStill = (0, is_current_selected_still_1.useIsStill)();
-    const onClick = (0, react_1.useCallback)(() => {
-        setRichTimeline((c) => {
-            (0, rich_timeline_1.persistRichTimelineOption)(!c);
-            return !c;
-        });
-    }, [setRichTimeline]);
-    if (isStill) {
-        return null;
-    }
-    return ((0, jsx_runtime_1.jsx)(ControlButton_1.ControlButton, { title: tooltip, "aria-label": tooltip, onClick: onClick, children: (0, jsx_runtime_1.jsx)(timeline_1.TimelineIcon, { style: {
-                width: 16,
-                height: 16,
-                color: richTimeline ? 'var(--blue)' : 'white',
-            } }) }));
-};
-exports.RichTimelineToggle = RichTimelineToggle;

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

@@ -1,8 +0,0 @@
-import React from 'react';
-import type { TComposition } from 'remotion';
-export declare const Thumbnail: React.FC<{
-    composition: TComposition<unknown>;
-    targetHeight: number;
-    targetWidth: number;
-    frameToDisplay: number;
-}>;

package/dist/editor/components/Thumbnail.js

@@ -1,76 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Thumbnail = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const remotion_1 = require("remotion");
-const checkerboard_background_1 = require("../helpers/checkerboard-background");
-const checkerboard_1 = require("../state/checkerboard");
-const Thumbnail = ({ composition, targetHeight, targetWidth, frameToDisplay }) => {
-    const { height, width } = composition;
-    const heightRatio = targetHeight / height;
-    const widthRatio = targetWidth / width;
-    const ratio = Math.min(heightRatio, widthRatio);
-    const scale = ratio;
-    const actualWidth = width * scale;
-    const actualHeight = height * scale;
-    const correction = 0 - (1 - scale) / 2;
-    const xCorrection = correction * width;
-    const yCorrection = correction * height;
-    const [thumbnailId] = (0, react_1.useState)(() => String((0, remotion_1.random)(null)));
-    const { checkerboard } = (0, react_1.useContext)(checkerboard_1.CheckerboardContext);
-    const container = (0, react_1.useMemo)(() => {
-        return {
-            width: targetWidth,
-            height: targetHeight,
-            backgroundColor: 'rgba(0, 0, 0, 0.4)',
-            display: 'flex',
-            justifyContent: 'center',
-            alignItems: 'center',
-        };
-    }, [targetHeight, targetWidth]);
-    const outer = (0, react_1.useMemo)(() => {
-        return {
-            width: actualWidth,
-            height: actualHeight,
-            backgroundColor: (0, checkerboard_background_1.checkerboardBackgroundColor)(checkerboard),
-            backgroundImage: (0, checkerboard_background_1.checkerboardBackgroundImage)(checkerboard),
-            backgroundPosition: (0, checkerboard_background_1.getCheckerboardBackgroundPos)(25),
-            backgroundSize: (0, checkerboard_background_1.getCheckerboardBackgroundPos)(25),
-        };
-    }, [actualHeight, actualWidth, checkerboard]);
-    const inner = (0, react_1.useMemo)(() => {
-        return {
-            width,
-            height,
-            transform: `scale(${scale}) `,
-            overflow: 'hidden',
-            marginLeft: xCorrection,
-            marginTop: yCorrection,
-            display: 'flex',
-            color: 'black',
-        };
-    }, [height, scale, width, xCorrection, yCorrection]);
-    const timelineState = (0, react_1.useMemo)(() => {
-        return {
-            playing: false,
-            frame: frameToDisplay,
-            rootId: thumbnailId,
-            imperativePlaying: {
-                current: false,
-            },
-            playbackRate: 1,
-            setPlaybackRate: () => {
-                throw new Error('thumbnail');
-            },
-            audioAndVideoTags: { current: [] },
-        };
-    }, [frameToDisplay, thumbnailId]);
-    const props = (0, react_1.useMemo)(() => {
-        var _a;
-        return (_a = composition.defaultProps) !== null && _a !== void 0 ? _a : {};
-    }, [composition.defaultProps]);
-    const ThumbnailComponent = composition.component;
-    return ((0, jsx_runtime_1.jsx)("div", { style: container, children: (0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: null, children: (0, jsx_runtime_1.jsx)("div", { style: outer, children: (0, jsx_runtime_1.jsx)("div", { style: inner, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.Timeline.TimelineContext.Provider, { value: timelineState, children: (0, jsx_runtime_1.jsx)(ThumbnailComponent, { ...props }) }) }) }) }) }));
-};
-exports.Thumbnail = Thumbnail;

package/dist/editor/helpers/use-compact-ui.d.ts

@@ -1 +0,0 @@
-export declare function useCompactUI(): boolean;

package/dist/editor/icons/film.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FilmIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const FilmIcon = (props) => {
-    return ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 512 512", ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M488 64h-8v20c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12V64H96v20c0 6.6-5.4 12-12 12H44c-6.6 0-12-5.4-12-12V64h-8C10.7 64 0 74.7 0 88v336c0 13.3 10.7 24 24 24h8v-20c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v20h320v-20c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v20h8c13.3 0 24-10.7 24-24V88c0-13.3-10.7-24-24-24zM96 372c0 6.6-5.4 12-12 12H44c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40zm0-96c0 6.6-5.4 12-12 12H44c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40zm0-96c0 6.6-5.4 12-12 12H44c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40zm280 208c0 6.6-5.4 12-12 12H148c-6.6 0-12-5.4-12-12V124c0-6.6 5.4-12 12-12h216c6.6 0 12 5.4 12 12v264zm104-16c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40zm0-96c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40zm0-96c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40z" }) }));
-};
-exports.FilmIcon = FilmIcon;

package/dist/editor/icons/timeline.d.ts

@@ -1,3 +0,0 @@
-import type { SVGProps } from 'react';
-import React from 'react';
-export declare const TimelineIcon: React.FC<SVGProps<SVGSVGElement>>;

package/dist/editor/icons/timeline.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TimelineIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const TimelineIcon = (props) => {
-    var _a;
-    return ((0, jsx_runtime_1.jsx)("svg", { "aria-hidden": "true", focusable: "false", "data-prefix": "fas", "data-icon": "stream", className: "svg-inline--fa fa-stream fa-w-16", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: (_a = props.style) === null || _a === void 0 ? void 0 : _a.color, d: "M16 128h416c8.84 0 16-7.16 16-16V48c0-8.84-7.16-16-16-16H16C7.16 32 0 39.16 0 48v64c0 8.84 7.16 16 16 16zm480 80H80c-8.84 0-16 7.16-16 16v64c0 8.84 7.16 16 16 16h416c8.84 0 16-7.16 16-16v-64c0-8.84-7.16-16-16-16zm-64 176H16c-8.84 0-16 7.16-16 16v64c0 8.84 7.16 16 16 16h416c8.84 0 16-7.16 16-16v-64c0-8.84-7.16-16-16-16z" }) }));
-};
-exports.TimelineIcon = TimelineIcon;

package/dist/editor/state/rich-timeline.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-declare type State = {
-    richTimeline: boolean;
-    setRichTimeline: (cb: (prevState: boolean) => boolean) => void;
-};
-export declare const persistRichTimelineOption: (option: boolean) => void;
-export declare const loadRichTimelineOption: () => boolean;
-export declare const RichTimelineContext: import("react").Context<State>;
-export {};

package/dist/editor/state/rich-timeline.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RichTimelineContext = exports.loadRichTimelineOption = exports.persistRichTimelineOption = void 0;
-const react_1 = require("react");
-const persistRichTimelineOption = (option) => {
-    localStorage.setItem('richTimeline', String(option));
-};
-exports.persistRichTimelineOption = persistRichTimelineOption;
-const loadRichTimelineOption = () => {
-    const item = localStorage.getItem('richTimeline');
-    return item === 'true';
-};
-exports.loadRichTimelineOption = loadRichTimelineOption;
-exports.RichTimelineContext = (0, react_1.createContext)({
-    richTimeline: (0, exports.loadRichTimelineOption)(),
-    setRichTimeline: () => undefined,
-});

package/dist/initialize-render-cli.d.ts

@@ -1 +0,0 @@
-export declare const initializeRenderCli: (type: 'still' | 'sequence' | 'lambda' | 'preview') => Promise<void>;

package/dist/initialize-render-cli.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.initializeRenderCli = void 0;
-const get_config_file_name_1 = require("./get-config-file-name");
-const log_1 = require("./log");
-const parse_command_line_1 = require("./parse-command-line");
-const initializeRenderCli = async (type) => {
-    const appliedName = await (0, get_config_file_name_1.loadConfig)();
-    if (appliedName) {
-        log_1.Log.verbose(`Applied configuration from ${appliedName}.`);
-    }
-    else {
-        log_1.Log.verbose('No config file loaded.');
-    }
-    (0, parse_command_line_1.parseCommandLine)(type);
-};
-exports.initializeRenderCli = initializeRenderCli;