@remotion/cli 3.3.1 → 3.3.3

package/dist/editor/components/Tabs/index.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tab = exports.Tabs = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const colors_1 = require("../../helpers/colors");
+const tabsContainer = {
+    display: 'flex',
+    flexDirection: 'row',
+};
+const Tabs = ({ children, style }) => {
+    const definiteStyle = (0, react_1.useMemo)(() => {
+        return {
+            ...tabsContainer,
+            ...style,
+        };
+    }, [style]);
+    return (0, jsx_runtime_1.jsx)("div", { style: definiteStyle, children: children });
+};
+exports.Tabs = Tabs;
+const selectorButton = {
+    border: 'none',
+    flex: 1,
+    padding: 8,
+    fontSize: 13,
+};
+const Tab = ({ children, onClick, style, selected }) => {
+    const [hovered, setHovered] = (0, react_1.useState)(false);
+    const onPointerEnter = (0, react_1.useCallback)(() => {
+        setHovered(true);
+    }, []);
+    const onPointerLeave = (0, react_1.useCallback)(() => {
+        setHovered(false);
+    }, []);
+    const definiteStyle = (0, react_1.useMemo)(() => {
+        return {
+            ...selectorButton,
+            backgroundColor: selected
+                ? colors_1.SELECTED_BACKGROUND
+                : hovered
+                    ? colors_1.CLEAR_HOVER
+                    : 'transparent',
+            color: selected ? 'white' : colors_1.LIGHT_TEXT,
+            ...style,
+        };
+    }, [hovered, selected, style]);
+    return ((0, jsx_runtime_1.jsx)("button", { style: definiteStyle, type: "button", onClick: onClick, onPointerLeave: onPointerLeave, onPointerEnter: onPointerEnter, children: children }));
+};
+exports.Tab = Tab;

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

@@ -0,0 +1,6 @@
+import type { SVGProps } from 'react';
+import React from 'react';
+export declare const RenderIcon: React.FC<{
+    svgProps: SVGProps<SVGSVGElement>;
+    color: string;
+}>;

package/dist/editor/icons/render.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RenderIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const RenderIcon = (props) => {
+    return ((0, jsx_runtime_1.jsx)("svg", { ...props.svgProps, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", children: (0, jsx_runtime_1.jsx)("path", { fill: props.color, d: "M408 143.1C408 166.1 390.1 183.1 368 183.1C345.9 183.1 328 166.1 328 143.1C328 121.9 345.9 103.1 368 103.1C390.1 103.1 408 121.9 408 143.1zM384 312.1V394.2C384 419.7 370.6 443.2 348.7 456.2L260.2 508.6C252.8 513 243.6 513.1 236.1 508.9C228.6 504.6 224 496.6 224 488V373.3C224 350.6 215 328.1 199 312.1C183 296.1 161.4 288 138.7 288H24C15.38 288 7.414 283.4 3.146 275.9C-1.123 268.4-1.042 259.2 3.357 251.8L55.83 163.3C68.79 141.4 92.33 127.1 117.8 127.1H199.9C281.7-3.798 408.8-8.546 483.9 5.272C495.6 7.411 504.6 16.45 506.7 28.07C520.5 103.2 515.8 230.3 384 312.1V312.1zM197.9 253.9C210.8 260.2 222.6 268.7 232.1 279C243.3 289.4 251.8 301.2 258.1 314.1C363.9 284.1 414.8 234.5 439.7 188C464.7 141.3 466.1 90.47 461.7 50.33C421.5 45.02 370.7 47.34 323.1 72.33C277.5 97.16 227.9 148.1 197.9 253.9H197.9zM41.98 345.5C76.37 311.1 132.1 311.1 166.5 345.5C200.9 379.9 200.9 435.6 166.5 470C117 519.5 .4765 511.5 .4765 511.5C.4765 511.5-7.516 394.1 41.98 345.5V345.5zM64.58 447.4C64.58 447.4 103.3 450.1 119.8 433.6C131.2 422.2 131.2 403.6 119.8 392.2C108.3 380.8 89.81 380.8 78.38 392.2C61.92 408.7 64.58 447.4 64.58 447.4z" }) }));
+};
+exports.RenderIcon = RenderIcon;

package/dist/get-default-out-name.d.ts

@@ -0,0 +1,4 @@
+export declare const getDefaultOutLocation: ({ compositionName, defaultExtension, }: {
+    compositionName: string;
+    defaultExtension: string;
+}) => string;

package/dist/get-default-out-name.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDefaultOutLocation = void 0;
+const getDefaultOutLocation = ({ compositionName, defaultExtension, }) => {
+    const defaultName = `out/${compositionName}.${defaultExtension}`;
+    return defaultName;
+};
+exports.getDefaultOutLocation = getDefaultOutLocation;

package/dist/index.d.ts

@@ -106,7 +106,9 @@ export declare const CliInternals: {
     initializeCli: (remotionRoot: string) => Promise<void>;
     BooleanFlags: string[];
     quietFlagProvided: () => boolean;
-    parsedCli: import("./parse-command-line").CommandLineOptions & minimist.ParsedArgs;
+    parsedCli: import("./parse-command-line").CommandLineOptions & {
+        _: string[];
+    };
     handleCommonError: (err: Error) => Promise<void>;
     formatBytes: (number: number, options?: Intl.NumberFormatOptions & {
         locale: string;
@@ -143,4 +145,5 @@ export declare const CliInternals: {
         reason: string;
     };
     getImageFormat: (codec: import("@remotion/renderer").CodecOrUndefined) => "png" | "jpeg" | "none";
+    printCompositions: (compositions: import("remotion").TCompMetadata[]) => void;
 };

package/dist/index.js

@@ -39,6 +39,7 @@ const log_1 = require("./log");
 const make_progress_bar_1 = require("./make-progress-bar");
 const parse_command_line_1 = require("./parse-command-line");
 const preview_1 = require("./preview");
+const print_compositions_1 = require("./print-compositions");
 const print_help_1 = require("./print-help");
 const progress_bar_1 = require("./progress-bar");
 const render_1 = require("./render");
@@ -133,4 +134,5 @@ exports.CliInternals = {
     selectComposition: select_composition_1.selectComposition,
     findEntryPoint: entry_point_1.findEntryPoint,
     getImageFormat: image_formats_1.getImageFormat,
+    printCompositions: print_compositions_1.printCompositions,
 };

package/dist/parse-command-line.d.ts

@@ -1,5 +1,4 @@
 import type { BrowserExecutable, Codec, FfmpegExecutable, ImageFormat, OpenGlRenderer, PixelFormat, ProResProfile } from '@remotion/renderer';
-import minimist from 'minimist';
 export declare type CommandLineOptions = {
     ['browser-executable']: BrowserExecutable;
     ['ffmpeg-executable']: FfmpegExecutable;
@@ -13,11 +12,14 @@ export declare type CommandLineOptions = {
     ['disable-web-security']: string;
     ['every-nth-frame']: number;
     ['number-of-gif-loops']: number;
+    ['number-of-shared-audio-tags']: number;
     codec: Codec;
     concurrency: number;
     timeout: number;
     config: string;
     ['public-dir']: string;
+    ['audio-bitrate']: string;
+    ['video-bitrate']: string;
     crf: number;
     force: boolean;
     overwrite: boolean;
@@ -38,11 +40,15 @@ export declare type CommandLineOptions = {
     muted: boolean;
     height: number;
     width: number;
+    runs: number;
+    concurrencies: string;
     ['enforce-audio-track']: boolean;
     gl: OpenGlRenderer;
     ['package-manager']: string;
 };
 export declare const BooleanFlags: string[];
-export declare const parsedCli: CommandLineOptions & minimist.ParsedArgs;
+export declare const parsedCli: CommandLineOptions & {
+    _: string[];
+};
 export declare const parseCommandLine: () => void;
 export declare const quietFlagProvided: () => boolean;

package/dist/preview-server/live-event-listener.js

@@ -0,0 +1 @@
+"use strict";

package/dist/preview-server/parse-body.d.ts

@@ -0,0 +1,2 @@
+import type { IncomingMessage } from 'http';
+export declare const parseRequestBody: (req: IncomingMessage) => Promise<unknown>;

package/dist/preview-server/parse-body.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseRequestBody = void 0;
+const parseRequestBody = async (req) => {
+    const body = await new Promise((_resolve) => {
+        let data = '';
+        req.on('data', (chunk) => {
+            data += chunk;
+        });
+        req.on('end', () => {
+            _resolve(data.toString());
+        });
+    });
+    return JSON.parse(body);
+};
+exports.parseRequestBody = parseRequestBody;

package/dist/preview-server/render-queue/add-render.d.ts

@@ -0,0 +1,2 @@
+import type { IncomingMessage, ServerResponse } from 'http';
+export declare const handleAddRender: (remotionRoot: string, req: IncomingMessage, res: ServerResponse, entryPoint: string) => Promise<void>;

package/dist/preview-server/render-queue/add-render.js

@@ -0,0 +1,39 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleAddRender = void 0;
+const path_1 = __importDefault(require("path"));
+const _1 = require(".");
+const parse_body_1 = require("../parse-body");
+const handleAddRender = async (remotionRoot, req, res, entryPoint) => {
+    if (req.method === 'OPTIONS') {
+        res.statusCode = 200;
+        res.end();
+    }
+    try {
+        const body = (await (0, parse_body_1.parseRequestBody)(req));
+        (0, _1.addJob)({
+            compositionId: body.compositionId,
+            id: String(Math.random()).replace('0.', ''),
+            startedAt: Date.now(),
+            type: 'still',
+            outputLocation: path_1.default.resolve(remotionRoot, body.outName),
+            status: 'idle',
+        }, entryPoint);
+        res.setHeader('content-type', 'application/json');
+        res.writeHead(200);
+        res.end(JSON.stringify({
+            success: true,
+        }));
+    }
+    catch (err) {
+        res.setHeader('content-type', 'application/json');
+        res.writeHead(200);
+        res.end(JSON.stringify({
+            success: false,
+        }));
+    }
+};
+exports.handleAddRender = handleAddRender;

package/dist/preview-server/render-queue/index.d.ts

@@ -0,0 +1,7 @@
+import type { RenderJob } from './job';
+export declare const getRenderQueue: () => RenderJob[];
+export declare const notifyClientsOfJobUpdate: () => void;
+export declare const processJob: (job: RenderJob, entryPoint: string) => Promise<never>;
+export declare const addJob: (job: RenderJob, entryPoint: string) => void;
+export declare const removeJob: (jobId: string) => void;
+export declare const processJobIfPossible: (entryPoint: string) => Promise<void>;

package/dist/preview-server/render-queue/index.js

@@ -0,0 +1,105 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.processJobIfPossible = exports.removeJob = exports.addJob = exports.processJob = exports.notifyClientsOfJobUpdate = exports.getRenderQueue = void 0;
+const bundler_1 = require("@remotion/bundler");
+const renderer_1 = require("@remotion/renderer");
+const live_events_1 = require("../live-events");
+let jobQueue = [];
+const updateJob = (id, updater) => {
+    jobQueue = jobQueue.map((j) => {
+        if (id === j.id) {
+            return updater(j);
+        }
+        return j;
+    });
+    (0, exports.notifyClientsOfJobUpdate)();
+};
+const getRenderQueue = () => {
+    return jobQueue;
+};
+exports.getRenderQueue = getRenderQueue;
+const notifyClientsOfJobUpdate = () => {
+    (0, live_events_1.waitForLiveEventsListener)().then((listener) => {
+        listener.sendEventToClient({
+            type: 'render-queue-updated',
+            queue: jobQueue,
+        });
+    });
+};
+exports.notifyClientsOfJobUpdate = notifyClientsOfJobUpdate;
+const processJob = async (job, entryPoint) => {
+    if (job.type === 'still') {
+        const serveUrl = await (0, bundler_1.bundle)({
+            entryPoint,
+            // TODO: Accept CLI options
+        });
+        const compositions = await (0, renderer_1.getCompositions)(serveUrl, {
+        // TODO: Accept CLI option
+        });
+        const composition = compositions.find((c) => {
+            return c.id === job.compositionId;
+        });
+        if (!composition) {
+            throw new TypeError(`Composition ${job.compositionId} not found`);
+        }
+        await (0, renderer_1.renderStill)({
+            composition,
+            output: job.outputLocation,
+            serveUrl,
+            // TODO: Accept CLI options
+        });
+    }
+    throw new TypeError(`Could not process job of type ${job.type}`);
+};
+exports.processJob = processJob;
+const addJob = (job, entryPoint) => {
+    jobQueue.push(job);
+    (0, exports.processJobIfPossible)(entryPoint);
+    (0, exports.notifyClientsOfJobUpdate)();
+};
+exports.addJob = addJob;
+const removeJob = (jobId) => {
+    jobQueue = jobQueue.filter((job) => job.id !== jobId);
+    (0, exports.notifyClientsOfJobUpdate)();
+};
+exports.removeJob = removeJob;
+const processJobIfPossible = async (entryPoint) => {
+    const nextJob = jobQueue.find((q) => {
+        return q.status === 'idle';
+    });
+    if (!nextJob) {
+        return;
+    }
+    try {
+        updateJob(nextJob.id, (job) => {
+            return {
+                ...job,
+                status: 'running',
+            };
+        });
+        await (0, exports.processJob)(nextJob, entryPoint);
+        updateJob(nextJob.id, (job) => {
+            return {
+                ...job,
+                status: 'done',
+            };
+        });
+    }
+    catch (err) {
+        updateJob(nextJob.id, (job) => {
+            return {
+                ...job,
+                status: 'failed',
+                error: err,
+            };
+        });
+        (0, live_events_1.waitForLiveEventsListener)().then((listener) => {
+            listener.sendEventToClient({
+                type: 'render-job-failed',
+                compositionId: nextJob.compositionId,
+                error: err,
+            });
+        });
+    }
+};
+exports.processJobIfPossible = processJobIfPossible;

package/dist/preview-server/render-queue/job.d.ts

@@ -0,0 +1,29 @@
+declare type RenderJobDynamicStatus = {
+    status: 'done';
+} | {
+    status: 'running';
+} | {
+    status: 'idle';
+} | {
+    status: 'failed';
+    error: Error;
+};
+export declare type RenderJob = {
+    startedAt: number;
+    compositionId: string;
+    type: 'still' | 'composition';
+    id: string;
+    outputLocation: string;
+} & RenderJobDynamicStatus;
+export declare type AddRenderRequest = {
+    compositionId: string;
+    type: 'still' | 'composition';
+    outName: string;
+};
+export declare type RemoveRenderRequest = {
+    jobId: string;
+};
+export declare type OpenInFileExplorerRequest = {
+    directory: string;
+};
+export {};

package/dist/preview-server/render-queue/job.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/preview-server/render-queue/open-directory-in-finder.d.ts

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

package/dist/preview-server/render-queue/open-directory-in-finder.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.openDirectoryInFinder = void 0;
+const child_process_1 = require("child_process");
+const os_1 = require("os");
+const openDirectoryInFinder = (dirToOpen) => {
+    const command = (0, os_1.platform)() === 'darwin'
+        ? 'open'
+        : (0, os_1.platform)() === 'linux'
+            ? 'xdg-open'
+            : 'explorer';
+    // TODO: What if file was deleted in the meanwhile?
+    // TODO: '-R' only works on macOS
+    const p = (0, child_process_1.spawn)(command, ['-R', dirToOpen]);
+    return new Promise((resolve, reject) => {
+        p.on('exit', (code) => {
+            if (code === 0) {
+                resolve();
+            }
+            else {
+                reject(new Error(`Exited with code ${code}`));
+            }
+        });
+        p.on('error', (err) => {
+            p.kill();
+            if (err) {
+                reject(err);
+            }
+        });
+    });
+};
+exports.openDirectoryInFinder = openDirectoryInFinder;

package/dist/preview-server/render-queue/open-in-file-explorer.d.ts

@@ -0,0 +1,2 @@
+import type { IncomingMessage, ServerResponse } from 'http';
+export declare const handleOpenInFileExplorer: (req: IncomingMessage, res: ServerResponse) => Promise<void>;

package/dist/preview-server/render-queue/open-in-file-explorer.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleOpenInFileExplorer = void 0;
+const parse_body_1 = require("../parse-body");
+const open_directory_in_finder_1 = require("./open-directory-in-finder");
+const handleOpenInFileExplorer = async (req, res) => {
+    if (req.method === 'OPTIONS') {
+        res.statusCode = 200;
+        res.end();
+    }
+    try {
+        const body = (await (0, parse_body_1.parseRequestBody)(req));
+        // TODO: Disallow opening file that is not in Remotion CWD
+        await (0, open_directory_in_finder_1.openDirectoryInFinder)(body.directory);
+        res.setHeader('content-type', 'application/json');
+        res.writeHead(200);
+        res.end(JSON.stringify({
+            success: true,
+        }));
+    }
+    catch (err) {
+        res.setHeader('content-type', 'application/json');
+        res.writeHead(200);
+        res.end(JSON.stringify({
+            success: false,
+            error: err.message,
+        }));
+    }
+};
+exports.handleOpenInFileExplorer = handleOpenInFileExplorer;

package/dist/preview-server/render-queue/remove-render.d.ts

@@ -0,0 +1,2 @@
+import type { IncomingMessage, ServerResponse } from 'http';
+export declare const handleRemoveRender: (req: IncomingMessage, res: ServerResponse) => Promise<void>;

package/dist/preview-server/render-queue/remove-render.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleRemoveRender = void 0;
+const _1 = require(".");
+const parse_body_1 = require("../parse-body");
+const handleRemoveRender = async (req, res) => {
+    if (req.method === 'OPTIONS') {
+        res.statusCode = 200;
+        res.end();
+    }
+    try {
+        const body = (await (0, parse_body_1.parseRequestBody)(req));
+        (0, _1.removeJob)(body.jobId);
+        res.setHeader('content-type', 'application/json');
+        res.writeHead(200);
+        res.end(JSON.stringify({
+            success: true,
+        }));
+    }
+    catch (err) {
+        res.setHeader('content-type', 'application/json');
+        res.writeHead(200);
+        res.end(JSON.stringify({
+            success: false,
+        }));
+    }
+};
+exports.handleRemoveRender = handleRemoveRender;

package/dist/preview-server/routes.js

@@ -8,6 +8,8 @@ const bundler_1 = require("@remotion/bundler");
 const fs_1 = require("fs");
 const path_1 = __importDefault(require("path"));
 const url_1 = require("url");
+const number_of_shared_audio_tags_1 = require("../config/number-of-shared-audio-tags");
+const parse_command_line_1 = require("../parse-command-line");
 const get_file_source_1 = require("./error-overlay/react-overlay/utils/get-file-source");
 const open_in_editor_1 = require("./error-overlay/react-overlay/utils/open-in-editor");
 const get_package_manager_1 = require("./get-package-manager");
@@ -26,6 +28,7 @@ const static404 = (response) => {
     response.end('The static/ prefix has been changed, this URL is no longer valid.');
 };
 const handleFallback = async ({ remotionRoot, hash, response, getCurrentInputProps, getEnvVariables, }) => {
+    var _a;
     const [edit] = await editorGuess;
     const displayName = (0, open_in_editor_1.getDisplayNameForEditor)(edit ? edit.command : null);
     response.setHeader('content-type', 'text/html');
@@ -39,6 +42,7 @@ const handleFallback = async ({ remotionRoot, hash, response, getCurrentInputPro
         inputProps: getCurrentInputProps(),
         remotionRoot,
         previewServerCommand: packageManager === 'unknown' ? null : packageManager.startCommand,
+        numberOfAudioTags: (_a = parse_command_line_1.parsedCli['number-of-shared-audio-tags']) !== null && _a !== void 0 ? _a : (0, number_of_shared_audio_tags_1.getNumberOfSharedAudioTags)(),
     }));
 };
 const handleProjectInfo = async (remotionRoot, _, response) => {

package/dist/previewEntry.js

@@ -16,7 +16,7 @@ remotion_1.Internals.CSSUtils.injectCSS(remotion_1.Internals.CSSUtils.makeDefaul
 const getServerDisconnectedDomElement = () => {
     return document.getElementById('server-disconnected-overlay');
 };
-const content = ((0, jsx_runtime_1.jsx)(remotion_1.Internals.RemotionRoot, { children: (0, jsx_runtime_1.jsx)(EditorContexts_1.EditorContexts, { children: (0, jsx_runtime_1.jsx)(Editor_1.Editor, {}) }) }));
+const content = ((0, jsx_runtime_1.jsx)(remotion_1.Internals.RemotionRoot, { numberOfAudioTags: window.remotion_numberOfAudioTags, children: (0, jsx_runtime_1.jsx)(EditorContexts_1.EditorContexts, { children: (0, jsx_runtime_1.jsx)(Editor_1.Editor, {}) }) }));
 if (client_1.default.createRoot) {
     client_1.default.createRoot(remotion_1.Internals.getPreviewDomElement()).render(content);
     client_1.default.createRoot(getServerDisconnectedDomElement()).render((0, jsx_runtime_1.jsx)(ServerDisconnected_1.ServerDisconnected, {}));

package/dist/print-compositions.d.ts

@@ -0,0 +1,2 @@
+import type { TCompMetadata } from 'remotion';
+export declare const printCompositions: (compositions: TCompMetadata[]) => void;

package/dist/print-compositions.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.printCompositions = void 0;
+const log_1 = require("./log");
+const parse_command_line_1 = require("./parse-command-line");
+const max = (arr) => {
+    if (arr.length === 0) {
+        throw new Error('Array of 0 length');
+    }
+    let biggest = arr[0];
+    for (let i = 0; i < arr.length; i++) {
+        const elem = arr[i];
+        if (elem > biggest) {
+            biggest = elem;
+        }
+    }
+    return biggest;
+};
+const printCompositions = (compositions) => {
+    if (!(0, parse_command_line_1.quietFlagProvided)()) {
+        log_1.Log.info();
+        log_1.Log.info('The following compositions are available:');
+        log_1.Log.info();
+    }
+    if ((0, parse_command_line_1.quietFlagProvided)()) {
+        log_1.Log.info(compositions.map((c) => c.id).join(' '));
+        return;
+    }
+    const firstColumnLength = max(compositions.map(({ id }) => id.length)) + 4;
+    const secondColumnLength = 8;
+    const thirdColumnLength = 15;
+    log_1.Log.info(compositions
+        .map((comp) => {
+        const isStill = comp.durationInFrames === 1;
+        const dimensions = `${comp.width}x${comp.height}`;
+        const fps = isStill ? '' : comp.fps.toString();
+        const durationInSeconds = (comp.durationInFrames / comp.fps).toFixed(2);
+        const formattedDuration = isStill
+            ? 'Still'
+            : `${comp.durationInFrames} (${durationInSeconds} sec)`;
+        return [
+            comp.id.padEnd(firstColumnLength, ' '),
+            fps.padEnd(secondColumnLength, ' '),
+            dimensions.padEnd(thirdColumnLength, ' '),
+            formattedDuration,
+        ].join('');
+    })
+        .join('\n'));
+};
+exports.printCompositions = printCompositions;

package/dist/progress-bar.d.ts

@@ -6,10 +6,22 @@ export declare const createProgressBar: (quiet: boolean) => {
 export declare const createOverwriteableCliOutput: (quiet: boolean) => {
     update: (up: string) => boolean;
 };
-export declare const makeBundlingProgress: ({ progress, steps, doneIn, }: {
+export declare type CopyingState = {
+    bytes: number;
+    doneIn: number | null;
+};
+export declare type BundlingState = {
     progress: number;
     steps: RenderStep[];
     doneIn: number | null;
+};
+export declare type SymbolicLinksState = {
+    symlinks: string[];
+};
+export declare const makeBundlingAndCopyProgress: ({ bundling, copying, symLinks, }: {
+    bundling: BundlingState;
+    copying: CopyingState;
+    symLinks: SymbolicLinksState;
 }) => string;
 declare type RenderingProgressInput = {
     frames: number;

package/dist/progress-bar.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.makeRenderingAndStitchingProgress = exports.makeStitchingProgress = exports.makeRenderingProgress = exports.makeBundlingProgress = exports.createOverwriteableCliOutput = exports.createProgressBar = void 0;
+exports.makeRenderingAndStitchingProgress = exports.makeStitchingProgress = exports.makeRenderingProgress = exports.makeBundlingAndCopyProgress = exports.createOverwriteableCliOutput = exports.createProgressBar = void 0;
 const renderer_1 = require("@remotion/renderer");
 const ansi_diff_1 = require("./ansi/ansi-diff");
 const chalk_1 = require("./chalk");
@@ -37,7 +37,46 @@ const makeBundlingProgress = ({ progress, steps, doneIn, }) => [
 ]
     .filter(truthy_1.truthy)
     .join(' ');
-exports.makeBundlingProgress = makeBundlingProgress;
+const makeCopyingProgress = (options) => {
+    // Don't show copy progress lower than 200MB
+    if (options.bytes < 1000 * 1000 * 200) {
+        return null;
+    }
+    return [
+        '    +',
+        options.doneIn ? (0, make_progress_bar_1.makeProgressBar)(1) : (0, download_progress_1.getFileSizeDownloadBar)(options.bytes),
+        'Copying public dir',
+        options.doneIn === null ? null : chalk_1.chalk.gray(`${options.doneIn}ms`),
+    ]
+        .filter(truthy_1.truthy)
+        .join(' ');
+};
+const makeSymlinkProgress = (options) => {
+    if (options.symlinks.length === 0) {
+        return null;
+    }
+    if (options.symlinks.length === 1) {
+        return [
+            chalk_1.chalk.gray(`      Found a symbolic link in the public folder:`),
+            chalk_1.chalk.gray('      ' + options.symlinks[0]),
+            chalk_1.chalk.gray('      The symlink will be forwarded in to the bundle.'),
+        ].join('\n');
+    }
+    return [
+        chalk_1.chalk.gray(`      Found ${options.symlinks.length} symbolic links in the public folder.`),
+        chalk_1.chalk.gray('      The symlinks will be forwarded in to the bundle.'),
+    ].join('\n');
+};
+const makeBundlingAndCopyProgress = ({ bundling, copying, symLinks, }) => {
+    return [
+        makeBundlingProgress(bundling),
+        makeCopyingProgress(copying),
+        makeSymlinkProgress(symLinks),
+    ]
+        .filter(truthy_1.truthy)
+        .join('\n');
+};
+exports.makeBundlingAndCopyProgress = makeBundlingAndCopyProgress;
 const makeRenderingProgress = ({ frames, totalFrames, steps, concurrency, doneIn, }) => {
     const progress = frames / totalFrames;
     return [