@remotion/cli 4.0.0-fastlambda.8 → 4.0.0-july8th.12

package/dist/chalk/index.d.ts

@@ -0,0 +1,58 @@
+declare type Style = {
+    codes: [number, number];
+    name: string;
+    wrap?: (input: string, newline: boolean) => string;
+};
+declare type Method = (str: string) => string;
+declare type Colors = {
+    enabled: boolean;
+    visible: boolean;
+    styles: Record<string, Style>;
+    keys: Record<string, string[]>;
+    alias?: (name: string, col: string) => void;
+};
+declare type ColorsWithMethods = Colors & {
+    reset: Method;
+    bold: Method;
+    dim: Method;
+    italic: Method;
+    underline: Method;
+    inverse: Method;
+    hidden: Method;
+    strikethrough: Method;
+    black: Method;
+    red: Method;
+    green: Method;
+    yellow: Method;
+    blue: Method;
+    magenta: Method;
+    cyan: Method;
+    white: Method;
+    gray: Method;
+    bgBlack: Method;
+    bgRed: Method;
+    bgGreen: Method;
+    bgYellow: Method;
+    bgBlue: Method;
+    bgMagenta: Method;
+    bgCyan: Method;
+    bgWhite: Method;
+    blackBright: Method;
+    redBright: Method;
+    greenBright: Method;
+    yellowBright: Method;
+    blueBright: Method;
+    magentaBright: Method;
+    cyanBright: Method;
+    whiteBright: Method;
+    bgBlackBright: Method;
+    bgRedBright: Method;
+    bgGreenBright: Method;
+    bgYellowBright: Method;
+    bgBlueBright: Method;
+    bgMagentaBright: Method;
+    bgCyanBright: Method;
+    bgWhiteBright: Method;
+};
+export declare const chalk: ColorsWithMethods;
+export {};

package/dist/chalk/index.js

@@ -0,0 +1,138 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.chalk = void 0;
+const hasColor = () => {
+    if (typeof process !== 'undefined') {
+        return process.env.FORCE_COLOR !== '0';
+    }
+    return false;
+};
+exports.chalk = (() => {
+    const colors = {
+        enabled: hasColor(),
+        visible: true,
+        styles: {},
+        keys: {},
+    };
+    const ansi = (st) => {
+        const open = `\u001b[${st.codes[0]}m`;
+        const close = `\u001b[${st.codes[1]}m`;
+        const regex = new RegExp(`\\u001b\\[${st.codes[1]}m`, 'g');
+        st.wrap = (input, newline) => {
+            if (input.includes(close))
+                input = input.replace(regex, close + open);
+            const output = open + input + close;
+            // see https://github.com/chalk/chalk/pull/92, thanks to the
+            // chalk contributors for this fix. However, we've confirmed that
+            // this issue is also present in Windows terminals
+            return newline ? output.replace(/\r*\n/g, `${close}$&${open}`) : output;
+        };
+        return st;
+    };
+    const wrap = (sty, input, newline) => {
+        var _a;
+        return (_a = sty.wrap) === null || _a === void 0 ? void 0 : _a.call(sty, input, newline);
+    };
+    const style = (input, stack) => {
+        if (input === '' || input === null || input === undefined)
+            return '';
+        if (colors.enabled === false)
+            return input;
+        if (colors.visible === false)
+            return '';
+        let str = String(input);
+        const nl = str.includes('\n');
+        let n = stack.length;
+        while (n-- > 0)
+            str = wrap(colors.styles[stack[n]], str, nl);
+        return str;
+    };
+    const define = (name, codes, type) => {
+        colors.styles[name] = ansi({ name, codes });
+        const keys = colors.keys[type] || (colors.keys[type] = []);
+        keys.push(name);
+        Reflect.defineProperty(colors, name, {
+            configurable: true,
+            enumerable: true,
+            set(value) {
+                var _a;
+                (_a = colors.alias) === null || _a === void 0 ? void 0 : _a.call(colors, name, value);
+            },
+            get() {
+                const color = (input) => style(input, color.stack);
+                Reflect.setPrototypeOf(color, colors);
+                color.stack = this.stack ? this.stack.concat(name) : [name];
+                return color;
+            },
+        });
+    };
+    define('reset', [0, 0], 'modifier');
+    define('bold', [1, 22], 'modifier');
+    define('dim', [2, 22], 'modifier');
+    define('italic', [3, 23], 'modifier');
+    define('underline', [4, 24], 'modifier');
+    define('inverse', [7, 27], 'modifier');
+    define('hidden', [8, 28], 'modifier');
+    define('strikethrough', [9, 29], 'modifier');
+    define('black', [30, 39], 'color');
+    define('red', [31, 39], 'color');
+    define('green', [32, 39], 'color');
+    define('yellow', [33, 39], 'color');
+    define('blue', [34, 39], 'color');
+    define('magenta', [35, 39], 'color');
+    define('cyan', [36, 39], 'color');
+    define('white', [37, 39], 'color');
+    define('gray', [90, 39], 'color');
+    define('grey', [90, 39], 'color');
+    define('bgBlack', [40, 49], 'bg');
+    define('bgRed', [41, 49], 'bg');
+    define('bgGreen', [42, 49], 'bg');
+    define('bgYellow', [43, 49], 'bg');
+    define('bgBlue', [44, 49], 'bg');
+    define('bgMagenta', [45, 49], 'bg');
+    define('bgCyan', [46, 49], 'bg');
+    define('bgWhite', [47, 49], 'bg');
+    define('blackBright', [90, 39], 'bright');
+    define('redBright', [91, 39], 'bright');
+    define('greenBright', [92, 39], 'bright');
+    define('yellowBright', [93, 39], 'bright');
+    define('blueBright', [94, 39], 'bright');
+    define('magentaBright', [95, 39], 'bright');
+    define('cyanBright', [96, 39], 'bright');
+    define('whiteBright', [97, 39], 'bright');
+    define('bgBlackBright', [100, 49], 'bgBright');
+    define('bgRedBright', [101, 49], 'bgBright');
+    define('bgGreenBright', [102, 49], 'bgBright');
+    define('bgYellowBright', [103, 49], 'bgBright');
+    define('bgBlueBright', [104, 49], 'bgBright');
+    define('bgMagentaBright', [105, 49], 'bgBright');
+    define('bgCyanBright', [106, 49], 'bgBright');
+    define('bgWhiteBright', [107, 49], 'bgBright');
+    colors.alias = (name, color) => {
+        // @ts-expect-error
+        const fn = colors[color];
+        if (typeof fn !== 'function') {
+            throw new TypeError('Expected alias to be the name of an existing color (string) or a function');
+        }
+        if (!fn.stack) {
+            Reflect.defineProperty(fn, 'name', { value: name });
+            colors.styles[name] = fn;
+            fn.stack = [name];
+        }
+        Reflect.defineProperty(colors, name, {
+            configurable: true,
+            enumerable: true,
+            set(value) {
+                var _a;
+                (_a = colors.alias) === null || _a === void 0 ? void 0 : _a.call(colors, name, value);
+            },
+            get() {
+                const col = (input) => style(input, col.stack);
+                Reflect.setPrototypeOf(col, colors);
+                col.stack = this.stack ? this.stack.concat(fn.stack) : fn.stack;
+                return col;
+            },
+        });
+    };
+    return colors;
+})();

package/dist/code-frame.d.ts

@@ -1,2 +1,2 @@
-import { ErrorWithStackFrame } from '@remotion/renderer';
+import type { ErrorWithStackFrame } from '@remotion/renderer';
 export declare const printCodeFrameAndStack: (err: ErrorWithStackFrame) => void;

package/dist/code-frame.js

@@ -1,11 +1,8 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.printCodeFrameAndStack = void 0;
-const chalk_1 = __importDefault(require("chalk"));
 const remotion_1 = require("remotion");
+const chalk_1 = require("./chalk");
 const log_1 = require("./log");
 const makeFileName = (firstFrame) => {
     return [
@@ -24,12 +21,12 @@ const printCodeFrame = (frame) => {
     }
     log_1.Log.info();
     const longestLineNumber = Math.max(...frame.originalScriptCode.map((script) => script.lineNumber)).toString().length;
-    log_1.Log.info('at', chalk_1.default.underline(makeFileName(frame)));
+    log_1.Log.info('at', chalk_1.chalk.underline(makeFileName(frame)));
     const alignLeftAmount = Math.min(...frame.originalScriptCode.map((c) => c.content.length - c.content.trimStart().length));
     log_1.Log.info(`${frame.originalScriptCode
         .map((c) => {
         const content = `${String(c.lineNumber).padStart(longestLineNumber, ' ')} | ${c.content.substring(alignLeftAmount)}`;
-        return c.highlight ? content : chalk_1.default.gray(content);
+        return c.highlight ? content : chalk_1.chalk.gray(content);
     })
         .join('\n')}`);
 };
@@ -38,7 +35,7 @@ const logLine = (frame) => {
     if (!fileName) {
         return;
     }
-    log_1.Log.info(chalk_1.default.gray(['at', frame.originalFunctionName, `${chalk_1.default.blueBright(`(${fileName})`)}`]
+    log_1.Log.info(chalk_1.chalk.gray(['at', frame.originalFunctionName, `${chalk_1.chalk.blueBright(`(${fileName})`)}`]
         .filter(remotion_1.Internals.truthy)
         .join(' ')));
 };
@@ -49,7 +46,7 @@ const printCodeFrameAndStack = (err) => {
         return;
     }
     const firstFrame = err.symbolicatedStackFrames[0];
-    log_1.Log.error(chalk_1.default.bgRed(chalk_1.default.white(` ${err.name} `)), err.message);
+    log_1.Log.error(chalk_1.chalk.bgRed(chalk_1.chalk.white(` ${err.name} `)), err.message);
     printCodeFrame(firstFrame);
     log_1.Log.info();
     for (const frame of err.symbolicatedStackFrames) {

package/dist/compositions.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.listCompositionsCommand = void 0;
 const renderer_1 = require("@remotion/renderer");
 const path_1 = __importDefault(require("path"));
+const get_cli_options_1 = require("./get-cli-options");
 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");
@@ -26,15 +27,25 @@ const max = (arr) => {
 const listCompositionsCommand = async () => {
     const file = parse_command_line_1.parsedCli._[1];
     if (!file) {
-        log_1.Log.error('The compositions command requires you to specify a root file. For example');
+        log_1.Log.error('The `compositions` command requires you to specify a root file. For example');
         log_1.Log.error('  npx remotion compositions src/index.tsx');
         log_1.Log.error('See https://www.remotion.dev/docs/register-root for more information.');
         process.exit(1);
     }
     const fullPath = path_1.default.join(process.cwd(), file);
-    (0, get_config_file_name_1.loadConfig)();
+    await (0, get_config_file_name_1.loadConfig)();
+    const { browserExecutable, ffmpegExecutable, ffprobeExecutable, chromiumOptions, envVariables, inputProps, puppeteerTimeout, port, } = await (0, get_cli_options_1.getCliOptions)({ isLambda: false, type: 'get-compositions' });
     const bundled = await (0, setup_cache_1.bundleOnCli)(fullPath, ['bundling']);
-    const compositions = await (0, renderer_1.getCompositions)(bundled);
+    const compositions = await (0, renderer_1.getCompositions)(bundled, {
+        browserExecutable,
+        ffmpegExecutable,
+        ffprobeExecutable,
+        chromiumOptions,
+        envVariables,
+        inputProps,
+        timeoutInMilliseconds: puppeteerTimeout,
+        port,
+    });
     log_1.Log.info();
     log_1.Log.info('The following compositions are available:');
     log_1.Log.info();

package/dist/delete-directory.d.ts

@@ -0,0 +1,2 @@
+export declare const deleteDirectory: (directory: string) => Promise<void>;
+//# sourceMappingURL=delete-directory.d.ts.map

package/dist/delete-directory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"delete-directory.d.ts","sourceRoot":"","sources":["../src/delete-directory.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,cAAqB,MAAM,kBAKtD,CAAC"}

package/dist/delete-directory.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.deleteDirectory = void 0;
+const execa_1 = __importDefault(require("execa"));
+const deleteDirectory = async (directory) => {
+    // We use del before to remove all files inside the directories otherwise
+    // rmdir will throw an error.
+    await (0, execa_1.default)('cmd', ['/c', 'del', '/f', '/s', '/q', directory]);
+    await (0, execa_1.default)('cmd', ['/c', 'rmdir', '/s', '/q', directory]);
+};
+exports.deleteDirectory = deleteDirectory;
+//# sourceMappingURL=delete-directory.js.map

package/dist/delete-directory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"delete-directory.js","sourceRoot":"","sources":["../src/delete-directory.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAEnB,MAAM,eAAe,GAAG,KAAK,EAAE,SAAiB,EAAE,EAAE;IAC1D,yEAAyE;IACzE,6BAA6B;IAC7B,MAAM,IAAA,eAAK,EAAC,KAAK,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;IAC/D,MAAM,IAAA,eAAK,EAAC,KAAK,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;AAC5D,CAAC,CAAC;AALW,QAAA,eAAe,mBAK1B"}

package/dist/download-progress.d.ts

@@ -1,2 +1,3 @@
-import { DownloadProgress } from './progress-bar';
+import type { DownloadProgress } from './progress-bar';
+export declare const getFileSizeDownloadBar: (downloaded: number) => string;
 export declare const makeMultiDownloadProgress: (progresses: DownloadProgress[]) => string | null;

package/dist/download-progress.js

@@ -1,22 +1,37 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.makeMultiDownloadProgress = void 0;
+exports.makeMultiDownloadProgress = exports.getFileSizeDownloadBar = void 0;
+const format_bytes_1 = require("./format-bytes");
 const make_progress_bar_1 = require("./make-progress-bar");
+const getFileSizeDownloadBar = (downloaded) => {
+    const desiredLength = (0, make_progress_bar_1.makeProgressBar)(0).length;
+    return `[${(0, format_bytes_1.formatBytes)(downloaded).padEnd(desiredLength - 2, ' ')}]`;
+};
+exports.getFileSizeDownloadBar = getFileSizeDownloadBar;
 const makeMultiDownloadProgress = (progresses) => {
     if (progresses.length === 0) {
         return null;
     }
     if (progresses.length === 1) {
         const [progress] = progresses;
+        const truncatedFileName = progress.name.length >= 60
+            ? progress.name.substring(0, 57) + '...'
+            : progress.name;
         return [
             `    +`,
-            (0, make_progress_bar_1.makeProgressBar)(progress.progress),
-            `Downloading ${progress.name}`,
+            progress.progress
+                ? (0, make_progress_bar_1.makeProgressBar)(progress.progress)
+                : (0, exports.getFileSizeDownloadBar)(progress.downloaded),
+            `Downloading ${truncatedFileName}`,
         ].join(' ');
     }
+    const everyFileHasContentLength = progresses.every((p) => p.totalBytes !== null);
     return [
         `    +`,
-        (0, make_progress_bar_1.makeProgressBar)(progresses.reduce((a, b) => a + b.progress, 0) / progresses.length),
+        everyFileHasContentLength
+            ? (0, make_progress_bar_1.makeProgressBar)(progresses.reduce((a, b) => a + b.progress, 0) /
+                progresses.length)
+            : (0, exports.getFileSizeDownloadBar)(progresses.reduce((a, b) => a + b.downloaded, 0)),
         `Downloading ${progresses.length} files`,
     ].join(' ');
 };

package/dist/editor/components/AudioWaveform.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AudioWaveform.d.ts","sourceRoot":"","sources":["../../../src/editor/components/AudioWaveform.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAiClE,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,GAAG,EAAE,MAAM,CAAC;IACZ,kBAAkB,EAAE,MAAM,CAAC;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAClE,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,gBAAgB,EAAE,OAAO,CAAC;CAC1B,CAwHA,CAAC"}
+{"version":3,"file":"AudioWaveform.d.ts","sourceRoot":"","sources":["../../../src/editor/components/AudioWaveform.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAuBlE,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,GAAG,EAAE,MAAM,CAAC;IACZ,kBAAkB,EAAE,MAAM,CAAC;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAClE,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,gBAAgB,EAAE,OAAO,CAAC;CAC1B,CAwGA,CAAC"}

package/dist/editor/components/AudioWaveform.js

@@ -98,13 +98,13 @@ const AudioWaveform = ({ src, fps, startFrom, durationInFrames, visualizationWid
         });
     }, [durationInFrames, fps, metadata, startFrom, visualizationWidth]);
     if (error) {
-        return ((0, jsx_runtime_1.jsx)("div", { style: container, children: (0, jsx_runtime_1.jsx)("div", { style: errorMessage, children: "No waveform available. Audio might not support CORS." }, void 0) }, void 0));
+        return ((0, jsx_runtime_1.jsx)("div", { style: container, children: (0, jsx_runtime_1.jsx)("div", { style: errorMessage, children: "No waveform available. Audio might not support CORS." }) }));
     }
     if (!metadata) {
         return null;
     }
     return ((0, jsx_runtime_1.jsxs)("div", { style: container, children: [normalized.map((w) => {
                 return (0, jsx_runtime_1.jsx)(AudioWaveformBar_1.AudioWaveformBar, { amplitude: w.amplitude }, w.index);
-            }), (0, jsx_runtime_1.jsx)("canvas", { ref: canvas, style: canvasStyle, width: visualizationWidth, height: timeline_layout_1.TIMELINE_LAYER_HEIGHT }, void 0)] }, void 0));
+            }), (0, jsx_runtime_1.jsx)("canvas", { ref: canvas, style: canvasStyle, width: visualizationWidth, height: timeline_layout_1.TIMELINE_LAYER_HEIGHT })] }));
 };
 exports.AudioWaveform = AudioWaveform;

package/dist/editor/components/AudioWaveform.js.map

@@ -1 +1 @@
-{"version":3,"file":"AudioWaveform.js","sourceRoot":"","sources":["../../../src/editor/components/AudioWaveform.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"AudioWaveform.js","sourceRoot":"","sources":["../../../src/editor/components/AudioWaveform.tsx"],"names":[],"mappings":"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"}

package/dist/editor/components/AudioWaveformBar.js

@@ -19,6 +19,6 @@ const AudioWaveformBar = ({ amplitude }) => {
             height: (timeline_layout_1.TIMELINE_LAYER_HEIGHT / 2) * amplitude,
         };
     }, [amplitude]);
-    return (0, jsx_runtime_1.jsx)("div", { style: style }, void 0);
+    return (0, jsx_runtime_1.jsx)("div", { style: style });
 };
 exports.AudioWaveformBar = AudioWaveformBar;

package/dist/editor/components/Canvas.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Canvas.d.ts","sourceRoot":"","sources":["../../../src/editor/components/Canvas.tsx"],"names":[],"mappings":"AACA,OAAO,KAAe,MAAM,OAAO,CAAC;AAUpC,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAa1B,CAAC"}
+{"version":3,"file":"Canvas.d.ts","sourceRoot":"","sources":["../../../src/editor/components/Canvas.tsx"],"names":[],"mappings":"AACA,OAAO,KAAe,MAAM,OAAO,CAAC;AAUpC,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAY1B,CAAC"}

package/dist/editor/components/Canvas.js

@@ -17,6 +17,6 @@ const Canvas = () => {
         triggerOnWindowResize: false,
         shouldApplyCssTransforms: true,
     });
-    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, style: container, children: size ? (0, jsx_runtime_1.jsx)(Preview_1.VideoPreview, { canvasSize: size }, void 0) : null }, void 0));
+    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, style: container, children: size ? (0, jsx_runtime_1.jsx)(Preview_1.VideoPreview, { canvasSize: size }) : null }));
 };
 exports.Canvas = Canvas;

package/dist/editor/components/Canvas.js.map

@@ -1 +1 @@
-{"version":3,"file":"Canvas.js","sourceRoot":"","sources":["../../../src/editor/components/Canvas.tsx"],"names":[],"mappings":";;;;AAAA,6CAAiD;AACjD,iCAAoC;AACpC,uCAAuC;AAEvC,MAAM,SAAS,GAAwB;IACtC,IAAI,EAAE,CAAC;IACP,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,QAAQ;IAClB,QAAQ,EAAE,UAAU;CACpB,CAAC;AAEK,MAAM,MAAM,GAAa,GAAG,EAAE;IACpC,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAEzC,MAAM,IAAI,GAAG,wBAAe,CAAC,cAAc,CAAC,GAAG,EAAE;QAChD,qBAAqB,EAAE,KAAK;QAC5B,wBAAwB,EAAE,IAAI;KAC9B,CAAC,CAAC;IAEH,OAAO,CACN,gCAAK,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,YAC7B,IAAI,CAAC,CAAC,CAAC,uBAAC,sBAAY,IAAC,UAAU,EAAE,IAAI,WAAI,CAAC,CAAC,CAAC,IAAI,WAC5C,CACN,CAAC;AACH,CAAC,CAAC;AAbW,QAAA,MAAM,UAajB"}
+{"version":3,"file":"Canvas.js","sourceRoot":"","sources":["../../../src/editor/components/Canvas.tsx"],"names":[],"mappings":";;;;AAAA,6CAAiD;AACjD,iCAAoC;AACpC,uCAAuC;AAEvC,MAAM,SAAS,GAAwB;IACtC,IAAI,EAAE,CAAC;IACP,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,QAAQ;IAClB,QAAQ,EAAE,UAAU;CACpB,CAAC;AAEK,MAAM,MAAM,GAAa,GAAG,EAAE;IACpC,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAEzC,MAAM,IAAI,GAAG,wBAAe,CAAC,cAAc,CAAC,GAAG,EAAE;QAChD,qBAAqB,EAAE,KAAK;KAC5B,CAAC,CAAC;IAEH,OAAO,CACN,8CAAK,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,gBAC7B,IAAI,CAAC,CAAC,CAAC,uBAAC,sBAAY,IAAC,UAAU,EAAE,IAAI,WAAI,CAAC,CAAC,CAAC,IAAI,YAC5C,CACN,CAAC;AACH,CAAC,CAAC;AAZW,QAAA,MAAM,UAYjB"}

package/dist/editor/components/CheckboardToggle.js

@@ -13,6 +13,6 @@ const CheckboardToggle = () => {
             return !c;
         });
     }, [setCheckerboard]);
-    return ((0, jsx_runtime_1.jsx)(ControlButton_1.ControlButton, { title: accessibilityLabel, "aria-label": accessibilityLabel, onClick: onClick, children: (0, jsx_runtime_1.jsx)("svg", { "aria-hidden": "true", focusable: "false", "data-prefix": "fas", "data-icon": "game-board-alt", className: "svg-inline--fa fa-game-board-alt fa-w-16", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", style: { width: 16, height: 16 }, children: (0, jsx_runtime_1.jsx)("path", { fill: checkerboard ? 'var(--blue)' : 'white', d: "M480 0H32A32 32 0 0 0 0 32v448a32 32 0 0 0 32 32h448a32 32 0 0 0 32-32V32a32 32 0 0 0-32-32zm-32 256H256v192H64V256h192V64h192z" }, void 0) }, void 0) }, void 0));
+    return ((0, jsx_runtime_1.jsx)(ControlButton_1.ControlButton, { title: accessibilityLabel, "aria-label": accessibilityLabel, onClick: onClick, children: (0, jsx_runtime_1.jsx)("svg", { "aria-hidden": "true", focusable: "false", "data-prefix": "fas", "data-icon": "game-board-alt", className: "svg-inline--fa fa-game-board-alt fa-w-16", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", style: { width: 16, height: 16 }, children: (0, jsx_runtime_1.jsx)("path", { fill: checkerboard ? 'var(--blue)' : 'white', d: "M480 0H32A32 32 0 0 0 0 32v448a32 32 0 0 0 32 32h448a32 32 0 0 0 32-32V32a32 32 0 0 0-32-32zm-32 256H256v192H64V256h192V64h192z" }) }) }));
 };
 exports.CheckboardToggle = CheckboardToggle;

package/dist/editor/components/CheckboardToggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboardToggle.js","sourceRoot":"","sources":["../../../src/editor/components/CheckboardToggle.tsx"],"names":[],"mappings":";;;;AAAA,iCAAqD;AACrD,wDAA0D;AAC1D,mDAA8C;AAE9C,MAAM,kBAAkB,GAAG,uCAAuC,CAAC;AAE5D,MAAM,gBAAgB,GAAa,GAAG,EAAE;IAC9C,MAAM,EAAC,YAAY,EAAE,eAAe,EAAC,GAAG,IAAA,kBAAU,EAAC,kCAAmB,CAAC,CAAC;IAExE,MAAM,OAAO,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAChC,eAAe,CAAC,CAAC,CAAC,EAAE,EAAE;YACrB,OAAO,CAAC,CAAC,CAAC;QACX,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,OAAO,CACN,uBAAC,6BAAa,IACb,KAAK,EAAE,kBAAkB,gBACb,kBAAkB,EAC9B,OAAO,EAAE,OAAO,YAEhB,+CACa,MAAM,EAClB,SAAS,EAAC,OAAO,iBACL,KAAK,eACP,gBAAgB,EAC1B,SAAS,EAAC,0CAA0C,EACpD,IAAI,EAAC,KAAK,EACV,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAC,YAE9B,iCACC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,EAC5C,CAAC,EAAC,iIAAiI,WAClI,WACG,WACS,CAChB,CAAC;AACH,CAAC,CAAC;AAjCW,QAAA,gBAAgB,oBAiC3B"}
+{"version":3,"file":"CheckboardToggle.js","sourceRoot":"","sources":["../../../src/editor/components/CheckboardToggle.tsx"],"names":[],"mappings":";;;;AAAA,iCAAqD;AACrD,wDAA0D;AAC1D,mDAA8C;AAE9C,MAAM,kBAAkB,GAAG,uCAAuC,CAAC;AAE5D,MAAM,gBAAgB,GAAa,GAAG,EAAE;IAC9C,MAAM,EAAC,YAAY,EAAE,eAAe,EAAC,GAAG,IAAA,kBAAU,EAAC,kCAAmB,CAAC,CAAC;IAExE,MAAM,OAAO,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAChC,eAAe,CAAC,CAAC,CAAC,EAAE,EAAE;YACrB,OAAO,CAAC,CAAC,CAAC;QACX,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,OAAO,CACN,uBAAC,6BAAa,kBACb,KAAK,EAAE,kBAAkB,gBACb,kBAAkB,EAC9B,OAAO,EAAE,OAAO,gBAEhB,6DACa,MAAM,EAClB,SAAS,EAAC,OAAO,iBACL,KAAK,eACP,gBAAgB,EAC1B,SAAS,EAAC,0CAA0C,EACpD,IAAI,EAAC,KAAK,EACV,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAC,gBAE9B,iCACC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,EAC5C,CAAC,EAAC,iIAAiI,WAClI,YACG,YACS,CAChB,CAAC;AACH,CAAC,CAAC;AAjCW,QAAA,gBAAgB,oBAiC3B"}

package/dist/editor/components/ClipboardIcon.js

@@ -7,6 +7,6 @@ const ClipboardIcon = () => {
             height: 16,
             verticalAlign: 'middle',
             marginTop: -3,
-        }, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M336 64h-80c0-35.3-28.7-64-64-64s-64 28.7-64 64H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM192 40c13.3 0 24 10.7 24 24s-10.7 24-24 24-24-10.7-24-24 10.7-24 24-24zm144 418c0 3.3-2.7 6-6 6H54c-3.3 0-6-2.7-6-6V118c0-3.3 2.7-6 6-6h42v36c0 6.6 5.4 12 12 12h168c6.6 0 12-5.4 12-12v-36h42c3.3 0 6 2.7 6 6z" }, void 0) }, void 0));
+        }, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M336 64h-80c0-35.3-28.7-64-64-64s-64 28.7-64 64H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM192 40c13.3 0 24 10.7 24 24s-10.7 24-24 24-24-10.7-24-24 10.7-24 24-24zm144 418c0 3.3-2.7 6-6 6H54c-3.3 0-6-2.7-6-6V118c0-3.3 2.7-6 6-6h42v36c0 6.6 5.4 12 12 12h168c6.6 0 12-5.4 12-12v-36h42c3.3 0 6 2.7 6 6z" }) }));
 };
 exports.ClipboardIcon = ClipboardIcon;

package/dist/editor/components/ClipboardIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ClipboardIcon.js","sourceRoot":"","sources":["../../../src/editor/components/ClipboardIcon.tsx"],"names":[],"mappings":";;;;AAEO,MAAM,aAAa,GAAa,GAAG,EAAE;IAC3C,OAAO,CACN,+CACa,MAAM,EAClB,SAAS,EAAC,OAAO,iBACL,KAAK,eACP,WAAW,EACrB,SAAS,EAAC,qCAAqC,EAC/C,IAAI,EAAC,KAAK,EACV,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE;YACN,MAAM,EAAE,EAAE;YACV,aAAa,EAAE,QAAQ;YACvB,SAAS,EAAE,CAAC,CAAC;SACb,YAED,iCACC,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,qWAAqW,WACtW,WACG,CACN,CAAC;AACH,CAAC,CAAC;AAvBW,QAAA,aAAa,iBAuBxB"}
+{"version":3,"file":"ClipboardIcon.js","sourceRoot":"","sources":["../../../src/editor/components/ClipboardIcon.tsx"],"names":[],"mappings":";;;;AAEO,MAAM,aAAa,GAAa,GAAG,EAAE;IAC3C,OAAO,CACN,6DACa,MAAM,EAClB,SAAS,EAAC,OAAO,iBACL,KAAK,eACP,WAAW,EACrB,SAAS,EAAC,qCAAqC,EAC/C,IAAI,EAAC,KAAK,EACV,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE;YACN,MAAM,EAAE,EAAE;YACV,aAAa,EAAE,QAAQ;YACvB,SAAS,EAAE,CAAC,CAAC;SACb,gBAED,iCACC,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,qWAAqW,WACtW,YACG,CACN,CAAC;AACH,CAAC,CAAC;AAvBW,QAAA,aAAa,iBAuBxB"}

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

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

package/dist/editor/components/CollapsedCompositionSelector.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CollapsedCompositionSelector = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const colors_1 = require("../helpers/colors");
+const caret_1 = require("../icons/caret");
+const z_index_1 = require("../state/z-index");
+const CollapsedCompositionSelector = ({ onExpand }) => {
+    const [hovered, setHovered] = (0, react_1.useState)(false);
+    const { tabIndex } = (0, z_index_1.useZIndex)();
+    const onPointerEnter = (0, react_1.useCallback)(() => {
+        setHovered(true);
+    }, []);
+    const onPointerLeave = (0, react_1.useCallback)(() => {
+        setHovered(false);
+    }, []);
+    const style = (0, react_1.useMemo)(() => {
+        return {
+            border: 'none',
+            borderRight: '2px solid black',
+            cursor: 'pointer',
+            color: 'white',
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'center',
+            paddingLeft: 7,
+            paddingRight: 4,
+            backgroundColor: (0, colors_1.getBackgroundFromHoverState)({
+                hovered,
+                selected: false,
+            }),
+            appearance: 'none',
+            WebkitAppearance: 'none',
+        };
+    }, [hovered]);
+    return ((0, jsx_runtime_1.jsx)("button", { style: style, onPointerEnter: onPointerEnter, onPointerLeave: onPointerLeave, type: "button", role: "button", tabIndex: tabIndex, onClick: onExpand, children: (0, jsx_runtime_1.jsx)(caret_1.CaretRight, {}) }));
+};
+exports.CollapsedCompositionSelector = CollapsedCompositionSelector;

package/dist/editor/components/CompositionSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CompositionSelector.d.ts","sourceRoot":"","sources":["../../../src/editor/components/CompositionSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAoCf,eAAO,MAAM,eAAe,sBACR,MAAM,oBACP,MAAM,GAAG,IAAI,YACtB,MAAM,EAAE,KACf,MAAM,EASR,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EA8FvC,CAAC"}
+{"version":3,"file":"CompositionSelector.d.ts","sourceRoot":"","sources":["../../../src/editor/components/CompositionSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AA0BhE,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAwDvC,CAAC"}

package/dist/editor/components/CompositionSelector.js

@@ -6,12 +6,10 @@ const react_1 = require("react");
 const remotion_1 = require("remotion");
 const create_folder_tree_1 = require("../helpers/create-folder-tree");
 const persist_open_folders_1 = require("../helpers/persist-open-folders");
-const marks_1 = require("../state/marks");
 const z_index_1 = require("../state/z-index");
 const CompositionSelectorItem_1 = require("./CompositionSelectorItem");
 const CurrentComposition_1 = require("./CurrentComposition");
-const FramePersistor_1 = require("./FramePersistor");
-const TimelineInOutToggle_1 = require("./TimelineInOutToggle");
+const InitialCompositionLoader_1 = require("./InitialCompositionLoader");
 const container = {
     borderRight: '1px solid black',
     position: 'absolute',
@@ -34,32 +32,10 @@ const getKeysToExpand = (initialFolderName, parentFolderName, initial = []) => {
 };
 exports.getKeysToExpand = getKeysToExpand;
 const CompositionSelector = () => {
-    const { compositions, setCurrentComposition, currentComposition, folders } = (0, react_1.useContext)(remotion_1.Internals.CompositionManager);
+    const { compositions, currentComposition, folders } = (0, react_1.useContext)(remotion_1.Internals.CompositionManager);
     const [foldersExpanded, setFoldersExpanded] = (0, react_1.useState)((0, persist_open_folders_1.loadExpandedFolders)());
     const { tabIndex } = (0, z_index_1.useZIndex)();
-    const setCurrentFrame = remotion_1.Internals.Timeline.useTimelineSetFrame();
-    const selectComposition = (0, react_1.useCallback)((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, exports.getKeysToExpand)(folderName, parentFolderName);
-                const newState = {
-                    ...ex,
-                };
-                for (const key of keysToExpand) {
-                    newState[key] = true;
-                }
-                return newState;
-            });
-        }
-    }, [setCurrentComposition, setCurrentFrame]);
+    const selectComposition = (0, InitialCompositionLoader_1.useSelectComposition)();
     const toggleFolder = (0, react_1.useCallback)((folderName, parentName) => {
         setFoldersExpanded((p) => {
             var _a;
@@ -73,27 +49,11 @@ const CompositionSelector = () => {
             return foldersExpandedState;
         });
     }, []);
-    (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]);
     const items = (0, react_1.useMemo)(() => {
         return (0, create_folder_tree_1.createFolderTree)(compositions, folders, foldersExpanded);
     }, [compositions, folders, foldersExpanded]);
-    return ((0, jsx_runtime_1.jsxs)("div", { style: container, children: [(0, jsx_runtime_1.jsx)(CurrentComposition_1.CurrentComposition, {}, void 0), (0, jsx_runtime_1.jsx)("div", { style: list, children: items.map((c) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { style: container, children: [(0, jsx_runtime_1.jsx)(CurrentComposition_1.CurrentComposition, {}), (0, jsx_runtime_1.jsx)("div", { style: list, children: items.map((c) => {
                     return ((0, jsx_runtime_1.jsx)(CompositionSelectorItem_1.CompositionSelectorItem, { level: 0, currentComposition: currentComposition, selectComposition: selectComposition, toggleFolder: toggleFolder, tabIndex: tabIndex, item: c }, c.key + c.type));
-                }) }, void 0)] }, void 0));
+                }) })] }));
 };
 exports.CompositionSelector = CompositionSelector;

package/dist/editor/components/CompositionSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"CompositionSelector.js","sourceRoot":"","sources":["../../../src/editor/components/CompositionSelector.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"CompositionSelector.js","sourceRoot":"","sources":["../../../src/editor/components/CompositionSelector.tsx"],"names":[],"mappings":";;;;AAAA,iCAAgE;AAChE,uCAAiD;AACjD,0CAAyC;AACzC,8CAA2C;AAC3C,uEAAkE;AAClE,6DAAwD;AACxD,qDAG0B;AAC1B,+DAAmD;AAEnD,MAAM,SAAS,GAAwB;IACtC,WAAW,EAAE,iBAAiB;IAC9B,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,IAAI,EAAE,CAAC;CACP,CAAC;AAEF,MAAM,IAAI,GAAwB;IACjC,OAAO,EAAE,CAAC;IACV,MAAM,EAAE,oBAAoB;IAC5B,SAAS,EAAE,MAAM;CACjB,CAAC;AAEK,MAAM,mBAAmB,GAAa,GAAG,EAAE;IACjD,MAAM,EAAC,YAAY,EAAE,qBAAqB,EAAE,kBAAkB,EAAC,GAAG,IAAA,kBAAU,EAC3E,oBAAS,CAAC,kBAAkB,CAC5B,CAAC;IACF,MAAM,EAAC,QAAQ,EAAC,GAAG,IAAA,mBAAS,GAAE,CAAC;IAC/B,MAAM,eAAe,GAAG,oBAAS,CAAC,QAAQ,CAAC,mBAAmB,EAAE,CAAC;IAEjE,MAAM,iBAAiB,GAAG,IAAA,mBAAW,EACpC,CAAC,CAAe,EAAE,EAAE;;QACnB,MAAA,kCAAY,CAAC,OAAO,0CAAE,QAAQ,CAAC,IAAA,iBAAS,EAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC;QACpE,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QACpD,MAAM,KAAK,GAAG,IAAA,uCAAsB,EAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QAC3C,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,gBAAgB,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC;QAC9D,eAAe,CAAC,aAAa,CAAC,CAAC;QAC/B,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAC7B,CAAC,EACD,CAAC,qBAAqB,EAAE,eAAe,CAAC,CACxC,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,IAAI,kBAAkB,EAAE;YACvB,OAAO;SACP;QAED,MAAM,kBAAkB,GAAG,IAAA,6CAA4B,GAAE,CAAC;QAC1D,IAAI,kBAAkB,EAAE;YACvB,MAAM,MAAM,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,kBAAkB,CAAC,CAAC;YACrE,IAAI,MAAM,EAAE;gBACX,iBAAiB,CAAC,MAAM,CAAC,CAAC;gBAC1B,OAAO;aACP;SACD;QAED,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE;YAC5B,iBAAiB,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;SACnC;IACF,CAAC,EAAE,CAAC,YAAY,EAAE,kBAAkB,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAE1D,OAAO,CACN,+CAAK,KAAK,EAAE,SAAS,iBACpB,uBAAC,uCAAkB,aAAG,EACtB,8CAAK,KAAK,EAAE,IAAI,gBACd,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;oBACvB,OAAO,CACN,uBAAC,iDAAuB,IAEvB,kBAAkB,EAAE,kBAAkB,EACtC,iBAAiB,EAAE,iBAAiB,EACpC,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,CAAC,IAJT,CAAC,CAAC,EAAE,CAKR,CACF,CAAC;gBACH,CAAC,CAAC,YACG,aACD,CACN,CAAC;AACH,CAAC,CAAC;AAxDW,QAAA,mBAAmB,uBAwD9B"}

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TComposition } from 'remotion';
+import type { TComposition } from 'remotion';
 export declare type CompositionSelectorItemType = {
     key: string;
     type: 'composition';