@remotion/cli 4.0.0-preload.13 → 4.0.0-publish.3

package/dist/bundle-on-cli.d.ts

@@ -0,0 +1,2 @@
+import { RenderStep } from './step';
+export declare const bundleOnCli: (fullPath: string, steps: RenderStep[]) => Promise<string>;

package/dist/bundle-on-cli.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.bundleOnCli = void 0;
+const bundler_1 = require("@remotion/bundler");
+const remotion_1 = require("remotion");
+const log_1 = require("./log");
+const parse_command_line_1 = require("./parse-command-line");
+const progress_bar_1 = require("./progress-bar");
+const bundleOnCli = async (fullPath, steps) => {
+    var _a;
+    const shouldCache = remotion_1.Internals.getWebpackCaching();
+    const cacheExistedBefore = bundler_1.BundlerInternals.cacheExists('production', null);
+    if (cacheExistedBefore && !shouldCache) {
+        log_1.Log.info('🧹 Cache disabled but found. Deleting... ');
+        await bundler_1.BundlerInternals.clearCache('production', null);
+    }
+    const bundleStartTime = Date.now();
+    const bundlingProgress = (0, progress_bar_1.createOverwriteableCliOutput)((0, parse_command_line_1.quietFlagProvided)());
+    const bundled = await (0, bundler_1.bundle)(fullPath, (progress) => {
+        bundlingProgress.update((0, progress_bar_1.makeBundlingProgress)({
+            progress: progress / 100,
+            steps,
+            doneIn: null,
+        }));
+    }, {
+        enableCaching: shouldCache,
+        webpackOverride: (_a = remotion_1.Internals.getWebpackOverrideFn()) !== null && _a !== void 0 ? _a : remotion_1.Internals.defaultOverrideFunction,
+    });
+    bundlingProgress.update((0, progress_bar_1.makeBundlingProgress)({
+        progress: 1,
+        steps,
+        doneIn: Date.now() - bundleStartTime,
+    }) + '\n');
+    log_1.Log.verbose('Bundled under', bundled);
+    const cacheExistedAfter = bundler_1.BundlerInternals.cacheExists('production', null);
+    if (cacheExistedAfter && !cacheExistedBefore) {
+        log_1.Log.info('⚡️ Cached bundle. Subsequent renders will be faster.');
+    }
+    return bundled;
+};
+exports.bundleOnCli = bundleOnCli;

package/dist/bundle.d.ts

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

package/dist/bundle.js

@@ -0,0 +1,31 @@
+"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/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/chalk/symbols.d.ts

@@ -0,0 +1,111 @@
+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

@@ -0,0 +1,75 @@
+'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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1,37 @@
+"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/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/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.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/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;