@remotion/cli 4.0.0-alpha.217 → 4.0.0-alpha10

package/dist/benchmark.js

@@ -14,8 +14,9 @@ const log_1 = require("./log");
 const make_progress_bar_1 = require("./make-progress-bar");
 const parse_command_line_1 = require("./parse-command-line");
 const progress_bar_1 = require("./progress-bar");
-const select_composition_1 = require("./select-composition");
 const setup_cache_1 = require("./setup-cache");
+const should_use_non_overlaying_logger_1 = require("./should-use-non-overlaying-logger");
+const show_compositions_picker_1 = require("./show-compositions-picker");
 const truthy_1 = require("./truthy");
 const DEFAULT_RUNS = 3;
 const getValidConcurrency = (cliConcurrency) => {
@@ -104,6 +105,7 @@ const benchmarkCommand = async (remotionRoot, args) => {
         shouldDumpIo: renderer_1.RenderInternals.isEqualOrBelowLogLevel(config_1.ConfigInternals.Logging.getLogLevel(), 'verbose'),
         chromiumOptions,
         forceDeviceScaleFactor: scale,
+        indent: false,
     });
     const { urlOrBundle: bundleLocation, cleanup: cleanupBundle } = await (0, setup_cache_1.bundleOnCliOrTakeServeUrl)({
         fullPath: fullEntryPoint,
@@ -117,6 +119,7 @@ const benchmarkCommand = async (remotionRoot, args) => {
         onDirectoryCreated: (dir) => {
             (0, cleanup_before_quit_1.registerCleanupJob)(() => renderer_1.RenderInternals.deleteDirectory(dir));
         },
+        quietProgress: false,
     });
     (0, cleanup_before_quit_1.registerCleanupJob)(() => cleanupBundle());
     const puppeteerInstance = await browserInstance;
@@ -133,7 +136,7 @@ const benchmarkCommand = async (remotionRoot, args) => {
             .split(',')
             .map((c) => c.trim())
             .filter(truthy_1.truthy)
-        : await (0, select_composition_1.selectCompositions)(comps));
+        : await (0, show_compositions_picker_1.showMultiCompositionsPicker)(comps));
     const compositions = ids.map((compId) => {
         const composition = comps.find((c) => c.id === compId);
         if (!composition) {
@@ -154,7 +157,7 @@ const benchmarkCommand = async (remotionRoot, args) => {
         uiCodec: null,
     });
     for (const composition of compositions) {
-        const { proResProfile, frameRange: defaultFrameRange, overwrite, jpegQuality, crf: configFileCrf, pixelFormat, scale: configFileScale, numberOfGifLoops, everyNthFrame, muted, enforceAudioTrack, ffmpegOverride, audioBitrate, videoBitrate, height, width, concurrency: unparsedConcurrency, } = await (0, get_cli_options_1.getCliOptions)({
+        const { proResProfile, frameRange: defaultFrameRange, overwrite, jpegQuality, crf: configFileCrf, pixelFormat, scale: configFileScale, numberOfGifLoops, everyNthFrame, muted, enforceAudioTrack, ffmpegOverride, audioBitrate, videoBitrate, height, width, concurrency: unparsedConcurrency, logLevel, } = await (0, get_cli_options_1.getCliOptions)({
             isLambda: false,
             type: 'series',
             remotionRoot,
@@ -165,6 +168,8 @@ const benchmarkCommand = async (remotionRoot, args) => {
             const benchmarkProgress = (0, progress_bar_1.createOverwriteableCliOutput)({
                 quiet: (0, parse_command_line_1.quietFlagProvided)(),
                 cancelSignal: null,
+                updatesDontOverwrite: (0, should_use_non_overlaying_logger_1.shouldUseNonOverlayingLogger)({ logLevel }),
+                indent: false,
             });
             log_1.Log.info();
             log_1.Log.info(`${chalk_1.chalk.bold(`Benchmark #${count++}:`)} ${chalk_1.chalk.gray(`composition=${composition.id} concurrency=${con} codec=${codec} (${codecReason})`)}`);
@@ -211,10 +216,10 @@ const benchmarkCommand = async (remotionRoot, args) => {
                     run,
                     doneIn: null,
                     progress,
-                }));
+                }), false);
             });
-            benchmarkProgress.update('');
-            benchmarkProgress.update(getResults(timeTaken, runs));
+            benchmarkProgress.update('', false);
+            benchmarkProgress.update(getResults(timeTaken, runs), false);
             benchmark[composition.id][`${con}`] = timeTaken;
         }
     }

package/dist/better-opn/index.js

@@ -2,7 +2,7 @@
 // Copied from https://github.com/michaellzc/better-opn#readme
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.openBrowser = void 0;
-const child_process_1 = require("child_process");
+const node_child_process_1 = require("node:child_process");
 const open = require("open");
 const normalizeURLToMatch = (target) => {
     // We may encounter URL parse error but want to fallback to default behavior
@@ -38,7 +38,7 @@ const startBrowserProcess = async ({ browser, url, args, }) => {
             'Arc',
         ];
         const processes = await new Promise((resolve, reject) => {
-            (0, child_process_1.exec)('ps cax', (err, stdout) => {
+            (0, node_child_process_1.exec)('ps cax', (err, stdout) => {
                 if (err) {
                     reject(err);
                 }
@@ -148,7 +148,7 @@ const startBrowserProcess = async ({ browser, url, args, }) => {
   end lookupTabWithUrl
 `.trim();
                 await new Promise((resolve, reject) => {
-                    const proc = (0, child_process_1.exec)(`osascript -`, (error) => {
+                    const proc = (0, node_child_process_1.exec)(`osascript -`, (error) => {
                         if (error) {
                             reject(error);
                         }

package/dist/chalk/index.d.ts

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

package/dist/chalk/index.js

@@ -1,138 +1,5 @@
 "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;
-})();
+const renderer_1 = require("@remotion/renderer");
+exports.chalk = renderer_1.RenderInternals.chalk;

package/dist/codemods/stringify-with-path.d.ts

@@ -0,0 +1,5 @@
+import type { EnumPath } from '../editor/components/RenderModal/SchemaEditor/extract-enum-json-paths';
+export declare const stringifyDefaultProps: ({ props, enumPaths, }: {
+    props: unknown;
+    enumPaths: EnumPath[];
+}) => string;

package/dist/codemods/stringify-with-path.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.stringifyDefaultProps = void 0;
+const input_props_serialization_1 = require("../editor/components/RenderModal/SchemaEditor/input-props-serialization");
+const doesMatchPath = (path1, enumPaths) => {
+    return enumPaths.some((p) => path1.every((item, index) => {
+        if (p[index] === '[]' && !Number.isNaN(Number(item))) {
+            return true;
+        }
+        if (p[index] === '{}' && typeof item === 'string') {
+            return true;
+        }
+        return item === p[index];
+    }));
+};
+const stringifyDefaultProps = ({ props, enumPaths, }) => JSON.stringify(props, replacerWithPath(function (key, value, path) {
+    /* Don't replace with arrow function */ const item = this[key];
+    if (item instanceof Date) {
+        return `__REMOVEQUOTE__new Date('${item.toISOString()}')__REMOVEQUOTE__`;
+    }
+    if (typeof item === 'string' && doesMatchPath(path, enumPaths)) {
+        return `${item}__ADD_AS_CONST__`;
+    }
+    if (typeof item === 'string' && item.startsWith(input_props_serialization_1.FILE_TOKEN)) {
+        return `__REMOVEQUOTE____WRAP_IN_STATIC_FILE_START__${decodeURIComponent(item.replace(input_props_serialization_1.FILE_TOKEN, ''))}__WRAP_IN_STATIC_FILE_END____REMOVEQUOTE__`;
+    }
+    return value;
+}))
+    .replace(/"__REMOVEQUOTE__/g, '')
+    .replace(/__REMOVEQUOTE__"/g, '')
+    .replace(/__ADD_AS_CONST__"/g, '" as const')
+    .replace(/__WRAP_IN_STATIC_FILE_START__/g, 'staticFile("')
+    .replace(/__WRAP_IN_STATIC_FILE_END__/g, '")');
+exports.stringifyDefaultProps = stringifyDefaultProps;
+function replacerWithPath(replacer) {
+    const m = new Map();
+    return function (field, value) {
+        const path = [m.get(this), field].flat(1);
+        if (value === Object(value)) {
+            m.set(value, path);
+        }
+        return replacer.call(this, field, value, path.filter((item) => typeof item !== 'undefined' && item !== ''));
+    };
+}

package/dist/codemods/update-default-props.d.ts

@@ -1,5 +1,7 @@
-export declare const updateDefaultProps: ({ input, compositionId, newDefaultProps, }: {
+import type { EnumPath } from '../editor/components/RenderModal/SchemaEditor/extract-enum-json-paths';
+export declare const updateDefaultProps: ({ input, compositionId, newDefaultProps, enumPaths, }: {
     input: string;
     compositionId: string;
-    newDefaultProps: unknown;
+    newDefaultProps: Record<string, unknown>;
+    enumPaths: EnumPath[];
 }) => Promise<string>;

package/dist/codemods/update-default-props.js

@@ -24,6 +24,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.updateDefaultProps = void 0;
+const stringify_with_path_1 = require("./stringify-with-path");
 const findStarter = ({ input, compositionId, }) => {
     const format1 = input.indexOf(`id="${compositionId}"`);
     if (format1 > -1) {
@@ -85,23 +86,7 @@ const findTerminators = (input, position) => {
     }
     return Infinity;
 };
-const stringifyDefaultProps = (props) => {
-    // Don't replace with arrow function
-    return JSON.stringify(props, function (key, value) {
-        if (this[key] instanceof Date) {
-            return `__REMOVEQUOTE__new Date('${new Date(this[key]).toISOString()}')__REMOVEQUOTE__`;
-        }
-        if (typeof this[key] === 'string') {
-            return `${this[key]}__ADD_AS_CONST__`;
-        }
-        return value;
-    })
-        .replace(/"__REMOVEQUOTE__/g, '')
-        .replace(/__REMOVEQUOTE__"/g, '')
-        .replace(/__ADD_AS_CONST__"/g, '" as const');
-};
-// TODO: Add more sanity checks
-const updateDefaultProps = async ({ input, compositionId, newDefaultProps, }) => {
+const updateDefaultProps = async ({ input, compositionId, newDefaultProps, enumPaths, }) => {
     const starter = findStarter({ input, compositionId });
     const START_TOKEN = 'defaultProps={';
     const start = input.indexOf(START_TOKEN, starter);
@@ -120,7 +105,7 @@ const updateDefaultProps = async ({ input, compositionId, newDefaultProps, }) =>
     }
     const { format, resolveConfig, resolveConfigFile } = prettier;
     const newFile = input.substring(0, startPos) +
-        stringifyDefaultProps(newDefaultProps) +
+        (0, stringify_with_path_1.stringifyDefaultProps)({ props: newDefaultProps, enumPaths }) +
         input.substring(endPos);
     const configFilePath = await resolveConfigFile();
     if (!configFilePath) {

package/dist/color-math.d.ts

@@ -1,2 +1,2 @@
-import type { ZodColorType } from './editor/components/get-zod-if-possible';
-export declare const colorWithNewOpacity: (color: string, opacity: number, zColor: ZodColorType) => string;
+import type { ZodTypesType } from './editor/components/get-zod-if-possible';
+export declare const colorWithNewOpacity: (color: string, opacity: number, zodTypes: ZodTypesType) => string;

package/dist/color-math.js

@@ -1,10 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.colorWithNewOpacity = void 0;
-const colorWithNewOpacity = (color, opacity, zColor) => {
-    const { r, g, b } = zColor.ZColorInternals.parseColor(color);
+const colorWithNewOpacity = (color, opacity, zodTypes) => {
+    const { r, g, b } = zodTypes.ZodZypesInternals.parseColor(color);
     if (opacity >= 255) {
-        return `#${r.toString(16)}${g.toString(16)}${b.toString(16)}`;
+        return `#${r.toString(16).padStart(2, '0')}${g
+            .toString(16)
+            .padStart(2, '0')}${b.toString(16).padStart(2, '0')}`;
     }
     return `rgba(${r}, ${g}, ${b}, ${(opacity / 255).toFixed(2)})`;
 };

package/dist/compositions.js

@@ -39,6 +39,7 @@ const listCompositionsCommand = async (remotionRoot, args) => {
         onDirectoryCreated: (dir) => {
             (0, cleanup_before_quit_1.registerCleanupJob)(() => renderer_1.RenderInternals.deleteDirectory(dir));
         },
+        quietProgress: false,
     });
     (0, cleanup_before_quit_1.registerCleanupJob)(() => cleanupBundle());
     const compositions = await (0, renderer_1.getCompositions)(bundled, {

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

@@ -2,4 +2,4 @@ import type { StillImageFormat, VideoImageFormat } from '@remotion/renderer';
 export declare const setStillImageFormat: (format: StillImageFormat) => void;
 export declare const setVideoImageFormat: (format: VideoImageFormat) => void;
 export declare const getUserPreferredStillImageFormat: () => "png" | "jpeg" | "pdf" | "webp" | undefined;
-export declare const getUserPreferredVideoImageFormat: () => "png" | "jpeg" | "none" | undefined;
+export declare const getUserPreferredVideoImageFormat: () => "none" | "png" | "jpeg" | undefined;

package/dist/config/index.d.ts

@@ -38,7 +38,7 @@ declare global {
          */
         readonly setMaxTimelineTracks: (maxTracks: number) => void;
         /**
-         * Enable Keyboard shortcuts in the Remotion Preview.
+         * Enable Keyboard shortcuts in the Remotion Studio.
          * @param enabled Boolean whether to enable the keyboard shortcuts
          * @default true
          */
@@ -273,7 +273,7 @@ export declare const ConfigInternals: {
     getShouldOutputImageSequence: (frameRange: FrameRange | null) => boolean;
     getDotEnvLocation: () => string | null;
     getUserPreferredStillImageFormat: () => "png" | "jpeg" | "pdf" | "webp" | undefined;
-    getUserPreferredVideoImageFormat: () => "png" | "jpeg" | "none" | undefined;
+    getUserPreferredVideoImageFormat: () => "none" | "png" | "jpeg" | undefined;
     getWebpackOverrideFn: () => WebpackOverrideFn;
     getWebpackCaching: () => boolean;
     getOutputLocation: () => string | null;

package/dist/config/log.d.ts

@@ -1,3 +1 @@
-import type { LogLevel } from '@remotion/renderer';
-export declare const getLogLevel: () => "verbose" | "info" | "warn" | "error";
-export declare const setLogLevel: (newLogLevel: LogLevel) => void;
+export declare const getLogLevel: () => "error" | "verbose" | "info" | "warn", setLogLevel: (newLogLevel: "error" | "verbose" | "info" | "warn") => void;

package/dist/config/log.js

@@ -1,12 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.setLogLevel = exports.getLogLevel = void 0;
-let logLevel = 'info';
-const getLogLevel = () => {
-    return logLevel;
-};
-exports.getLogLevel = getLogLevel;
-const setLogLevel = (newLogLevel) => {
-    logLevel = newLogLevel;
-};
-exports.setLogLevel = setLogLevel;
+const renderer_1 = require("@remotion/renderer");
+exports.getLogLevel = renderer_1.RenderInternals.getLogLevel, exports.setLogLevel = renderer_1.RenderInternals.setLogLevel;

package/dist/convert-entry-point-to-serve-url.js

@@ -5,11 +5,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.convertEntryPointToServeUrl = void 0;
 const renderer_1 = require("@remotion/renderer");
-const path_1 = __importDefault(require("path"));
+const node_path_1 = __importDefault(require("node:path"));
 const convertEntryPointToServeUrl = (entryPoint) => {
     const fullPath = renderer_1.RenderInternals.isServeUrl(entryPoint)
         ? entryPoint
-        : path_1.default.resolve(process.cwd(), entryPoint);
+        : node_path_1.default.resolve(process.cwd(), entryPoint);
     return fullPath;
 };
 exports.convertEntryPointToServeUrl = convertEntryPointToServeUrl;

package/dist/download-progress.d.ts

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

package/dist/download-progress.js

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.makeMultiDownloadProgress = exports.getFileSizeDownloadBar = void 0;
 const format_bytes_1 = require("./format-bytes");
-const log_1 = require("./log");
 const make_progress_bar_1 = require("./make-progress-bar");
 const truthy_1 = require("./truthy");
 const getFileSizeDownloadBar = (downloaded) => {
@@ -10,7 +9,7 @@ const getFileSizeDownloadBar = (downloaded) => {
     return `[${(0, format_bytes_1.formatBytes)(downloaded).padEnd(desiredLength - 2, ' ')}]`;
 };
 exports.getFileSizeDownloadBar = getFileSizeDownloadBar;
-const makeMultiDownloadProgress = (progresses, indent) => {
+const makeMultiDownloadProgress = (progresses) => {
     if (progresses.length === 0) {
         return null;
     }
@@ -20,7 +19,6 @@ const makeMultiDownloadProgress = (progresses, indent) => {
             ? progress.name.substring(0, 57) + '...'
             : progress.name;
         return [
-            indent ? log_1.INDENT_TOKEN : null,
             `    +`,
             progress.progress
                 ? (0, make_progress_bar_1.makeProgressBar)(progress.progress)
@@ -32,7 +30,6 @@ const makeMultiDownloadProgress = (progresses, indent) => {
     }
     const everyFileHasContentLength = progresses.every((p) => p.totalBytes !== null);
     return [
-        indent ? log_1.INDENT_TOKEN : null,
         `    +`,
         everyFileHasContentLength
             ? (0, make_progress_bar_1.makeProgressBar)(progresses.reduce((a, b) => a + b.progress, 0) /

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

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const CanvasOrLoading: React.FC;
+export declare const ErrorLoading: React.FC<{
+    error: Error;
+}>;

package/dist/editor/components/CanvasOrLoading.js

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ErrorLoading = exports.CanvasOrLoading = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const remotion_1 = require("remotion");
+const ErrorLoader_1 = require("../../preview-server/error-overlay/remotion-overlay/ErrorLoader");
+const colors_1 = require("../helpers/colors");
+const Canvas_1 = require("./Canvas");
+const layout_1 = require("./layout");
+const styles_1 = require("./Menu/styles");
+const Spinner_1 = require("./Spinner");
+const container = {
+    color: 'white',
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    display: 'flex',
+    backgroundColor: colors_1.BACKGROUND,
+    flexDirection: 'column',
+};
+const CanvasOrLoading = () => {
+    const resolved = remotion_1.Internals.useResolvedVideoConfig(null);
+    const [takesALongTime, setTakesALongTime] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        const timeout = setTimeout(() => {
+            setTakesALongTime(true);
+        }, 500);
+        return () => {
+            clearTimeout(timeout);
+        };
+    }, []);
+    const style = (0, react_1.useMemo)(() => {
+        return {
+            ...loaderLabel,
+            opacity: takesALongTime ? 1 : 0,
+            transition: 'opacity 0.3s',
+        };
+    }, [takesALongTime]);
+    if (!resolved) {
+        return null;
+    }
+    if (resolved.type === 'loading') {
+        return ((0, jsx_runtime_1.jsxs)("div", { style: container, className: "css-reset", children: [(0, jsx_runtime_1.jsx)(Spinner_1.Spinner, { size: 30, duration: 1 }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { y: 2 }), (0, jsx_runtime_1.jsxs)("div", { style: style, children: ["Running ", (0, jsx_runtime_1.jsx)("code", { style: styles_1.inlineCodeSnippet, children: "calculateMetadata()" }), "..."] })] }));
+    }
+    if (resolved.type === 'error') {
+        return (0, jsx_runtime_1.jsx)(exports.ErrorLoading, { error: resolved.error });
+    }
+    return (0, jsx_runtime_1.jsx)(Canvas_1.Canvas, {});
+};
+exports.CanvasOrLoading = CanvasOrLoading;
+const loaderLabel = {
+    fontSize: 14,
+    color: colors_1.LIGHT_TEXT,
+    fontFamily: 'sans-serif',
+    lineHeight: 1.5,
+};
+const loaderContainer = {
+    marginLeft: 'auto',
+    marginRight: 'auto',
+    width: '100%',
+};
+const ErrorLoading = ({ error }) => {
+    return ((0, jsx_runtime_1.jsx)("div", { style: loaderContainer, children: (0, jsx_runtime_1.jsx)(ErrorLoader_1.ErrorLoader, { canHaveDismissButton: false, keyboardShortcuts: false, error: error, onRetry: () => { var _a; return (_a = remotion_1.Internals.resolveCompositionsRef.current) === null || _a === void 0 ? void 0 : _a.reloadCurrentlySelectedComposition(); }, calculateMetadata: true }, error.stack) }));
+};
+exports.ErrorLoading = ErrorLoading;