@remotion/cli 3.3.19 → 3.3.25

package/dist/config/log.d.ts

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

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

@@ -1,5 +1,5 @@
 import type { PropsWithChildren } from 'react';
 import React from 'react';
 export declare const InlineAction: React.FC<PropsWithChildren<{
-    onClick: React.MouseEventHandler<HTMLButtonElement> | undefined;
+    onClick: React.MouseEventHandler<HTMLAnchorElement> | undefined;
 }>>;

package/dist/editor/components/InlineAction.js

@@ -27,6 +27,8 @@ const InlineAction = ({ children, onClick }) => {
             opacity: hovered ? 1 : 0.6,
         };
     }, [hovered]);
-    return ((0, jsx_runtime_1.jsx)("button", { onPointerEnter: onPointerEnter, onPointerLeave: onPointerLeave, type: "button", onClick: onClick, style: style, tabIndex: tabIndex, children: children }));
+    return (
+    // <div> because cannot use button inside a button
+    (0, jsx_runtime_1.jsx)("a", { onPointerEnter: onPointerEnter, onPointerLeave: onPointerLeave, onClick: onClick, style: style, tabIndex: tabIndex, children: children }));
 };
 exports.InlineAction = InlineAction;

package/dist/editor/components/RenderModal/RenderModal.js

@@ -257,6 +257,6 @@ const RenderModal = ({ compositionId, initialFrame, initialImageFormat, initialQ
                                         max: Infinity }), ' '] })] }), (0, jsx_runtime_1.jsxs)(CollapsableOptions_1.CollapsableOptions, { showLabel: "Show advanced settings", hideLabel: "Hide advanced settings", children: [(0, jsx_runtime_1.jsxs)("div", { style: optionRow, children: [(0, jsx_runtime_1.jsx)("div", { style: label, children: "Scale" }), (0, jsx_runtime_1.jsx)("div", { style: rightRow, children: (0, jsx_runtime_1.jsx)(InputDragger_1.InputDragger, { value: scale, onChange: onScaleChanged, placeholder: "0.1-10", 
                                             // TODO: Does not allow non-integer steps
                                             // TODO: Cannot click and type in 0.2
-                                            onValueChange: onScaleSetDirectly, name: "scale", step: 0.05, min: MIN_SCALE, max: MAX_SCALE }) })] }), (0, jsx_runtime_1.jsxs)("div", { style: optionRow, children: [(0, jsx_runtime_1.jsx)("div", { style: label, children: "Verbose logging" }), (0, jsx_runtime_1.jsx)("div", { style: rightRow, children: (0, jsx_runtime_1.jsx)("input", { type: 'checkbox', checked: verbose, onChange: onVerboseLoggingChanged }) })] }), imageFormat === 'jpeg' && ((0, jsx_runtime_1.jsxs)("div", { style: optionRow, children: [(0, jsx_runtime_1.jsx)("div", { style: label, children: "JPEG Quality" }), (0, jsx_runtime_1.jsx)("div", { style: rightRow, children: (0, jsx_runtime_1.jsx)(InputDragger_1.InputDragger, { value: quality, onChange: onQualityChanged, placeholder: "0-100", onValueChange: onQualityChangedDirectly, name: "quality", step: 1, min: MIN_QUALITY, max: MAX_QUALITY }) })] }))] }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { block: true, y: 0.5 }), (0, jsx_runtime_1.jsxs)("div", { style: buttonRow, children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { autoFocus: true, onClick: onClickVideo, disabled: state.type === 'load', children: state.type === 'idle' ? 'Render video' : 'Rendering...' }), (0, jsx_runtime_1.jsx)(Button_1.Button, { autoFocus: true, onClick: onClickStill, disabled: state.type === 'load', children: state.type === 'idle' ? 'Render' : 'Rendering...' })] })] })] }));
+                                            onValueChange: onScaleSetDirectly, name: "scale", step: 0.05, min: MIN_SCALE, max: MAX_SCALE }) })] }), (0, jsx_runtime_1.jsxs)("div", { style: optionRow, children: [(0, jsx_runtime_1.jsx)("div", { style: label, children: "Verbose logging" }), (0, jsx_runtime_1.jsx)("div", { style: rightRow, children: (0, jsx_runtime_1.jsx)("input", { type: 'checkbox', checked: verbose, onChange: onVerboseLoggingChanged }) })] }), imageFormat === 'jpeg' && ((0, jsx_runtime_1.jsxs)("div", { style: optionRow, children: [(0, jsx_runtime_1.jsx)("div", { style: label, children: "JPEG Quality" }), (0, jsx_runtime_1.jsx)("div", { style: rightRow, children: (0, jsx_runtime_1.jsx)(InputDragger_1.InputDragger, { value: quality, onChange: onQualityChanged, placeholder: "0-100", onValueChange: onQualityChangedDirectly, name: "quality", step: 1, min: MIN_QUALITY, max: MAX_QUALITY }) })] }))] }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { block: true, y: 0.5 }), (0, jsx_runtime_1.jsxs)("div", { style: buttonRow, children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { autoFocus: true, onClick: onClickVideo, disabled: state.type === 'load', children: state.type === 'idle' ? 'Render video' : 'Rendering...' }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { block: true, x: 0.5 }), (0, jsx_runtime_1.jsx)(Button_1.Button, { autoFocus: true, onClick: onClickStill, disabled: state.type === 'load', children: state.type === 'idle' ? 'Render still' : 'Rendering...' })] })] })] }));
 };
 exports.RenderModal = RenderModal;

package/dist/get-cli-options.d.ts

@@ -30,7 +30,7 @@ export declare const getCliOptions: (options: {
     browserExecutable: BrowserExecutable;
     ffmpegExecutable: import("@remotion/renderer").FfmpegExecutable;
     ffprobeExecutable: import("@remotion/renderer").FfmpegExecutable;
-    logLevel: "error" | "verbose" | "info" | "warn";
+    logLevel: "verbose" | "error" | "info" | "warn";
     scale: number;
     chromiumOptions: ChromiumOptions;
     overwrite: boolean;

package/dist/index.d.ts

@@ -88,7 +88,7 @@ export declare const CliInternals: {
         browserExecutable: import("@remotion/renderer").BrowserExecutable;
         ffmpegExecutable: import("@remotion/renderer").FfmpegExecutable;
         ffprobeExecutable: import("@remotion/renderer").FfmpegExecutable;
-        logLevel: "error" | "verbose" | "info" | "warn";
+        logLevel: "verbose" | "error" | "info" | "warn";
         scale: number;
         chromiumOptions: import("@remotion/renderer").ChromiumOptions;
         overwrite: boolean;
@@ -135,7 +135,7 @@ export declare const CliInternals: {
         source: string;
     };
     minimist: typeof minimist;
-    selectComposition: (validCompositions: import("remotion").TCompMetadata[]) => Promise<{
+    selectComposition: (validCompositions: import("remotion/.").TCompMetadata[]) => Promise<{
         compositionId: string;
         reason: string;
     }>;
@@ -145,5 +145,5 @@ export declare const CliInternals: {
         reason: string;
     };
     getImageFormat: (codec: import("@remotion/renderer").CodecOrUndefined) => "png" | "jpeg" | "none";
-    printCompositions: (compositions: import("remotion").TCompMetadata[]) => void;
+    printCompositions: (compositions: import("remotion/.").TCompMetadata[]) => void;
 };

package/dist/preview-server/render-queue/process-still.d.ts

@@ -1,7 +1,8 @@
 import type { JobProgressCallback, RenderJob } from './job';
-export declare const processStill: ({ job, remotionRoot, entryPoint, onProgress, }: {
+export declare const processStill: ({ job, remotionRoot, entryPoint, onProgress, addCleanupCallback, }: {
     job: RenderJob;
     remotionRoot: string;
     entryPoint: string;
     onProgress: JobProgressCallback;
+    addCleanupCallback: (cb: () => Promise<void>) => void;
 }) => Promise<void>;

package/dist/preview-server/render-queue/process-still.js

@@ -4,7 +4,7 @@ exports.processStill = void 0;
 const convert_entry_point_to_serve_url_1 = require("../../convert-entry-point-to-serve-url");
 const get_cli_options_1 = require("../../get-cli-options");
 const still_1 = require("../../render-flows/still");
-const processStill = async ({ job, remotionRoot, entryPoint, onProgress, }) => {
+const processStill = async ({ job, remotionRoot, entryPoint, onProgress, addCleanupCallback, }) => {
     var _a;
     if (job.type !== 'still') {
         throw new Error('Expected still job');
@@ -42,6 +42,7 @@ const processStill = async ({ job, remotionRoot, entryPoint, onProgress, }) => {
         logLevel: job.verbose ? 'verbose' : 'info',
         onProgress,
         indentOutput: true,
+        addCleanupCallback,
     });
     // TODO: Allow cancel signal
     // TODO: Accept CLI options

package/dist/preview-server/render-queue/process-video.d.ts

@@ -1,7 +1,8 @@
 import type { JobProgressCallback, RenderJob } from './job';
-export declare const processVideoJob: ({ job, remotionRoot, entryPoint, onProgress, }: {
+export declare const processVideoJob: ({ job, remotionRoot, entryPoint, onProgress, addCleanupCallback, }: {
     job: RenderJob;
     remotionRoot: string;
     entryPoint: string;
     onProgress: JobProgressCallback;
+    addCleanupCallback: (cb: () => Promise<void>) => void;
 }) => Promise<void>;

package/dist/preview-server/render-queue/process-video.js

@@ -4,10 +4,10 @@ exports.processVideoJob = void 0;
 const convert_entry_point_to_serve_url_1 = require("../../convert-entry-point-to-serve-url");
 const get_cli_options_1 = require("../../get-cli-options");
 const render_1 = require("../../render-flows/render");
-const processVideoJob = async ({ job, remotionRoot, entryPoint, onProgress, }) => {
+const processVideoJob = async ({ job, remotionRoot, entryPoint, onProgress, addCleanupCallback, }) => {
     var _a;
     if (job.type !== 'video') {
-        throw new Error('Expected still job');
+        throw new Error('Expected video job');
     }
     const { publicDir, browserExecutable, ffmpegExecutable, ffprobeExecutable, chromiumOptions, envVariables, inputProps, port, browser, puppeteerTimeout, } = await (0, get_cli_options_1.getCliOptions)({
         isLambda: false,
@@ -39,7 +39,7 @@ const processVideoJob = async ({ job, remotionRoot, entryPoint, onProgress, }) =
         configFileImageFormat: undefined,
         logLevel: job.verbose ? 'verbose' : 'info',
         onProgress,
-        indentOutput: true,
+        indent: true,
         // TODO: Make configurable
         concurrency: null,
         // TODO: Make configurable
@@ -48,6 +48,8 @@ const processVideoJob = async ({ job, remotionRoot, entryPoint, onProgress, }) =
         frameRange: null,
         quiet: false,
         shouldOutputImageSequence: false,
+        addCleanupCallback,
+        outputLocationFromUI: job.outName,
     });
     // TODO: Allow cancel signal
     // TODO: Accept CLI options

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

@@ -1,11 +1,12 @@
 import type { JobProgressCallback, RenderJob, RenderJobWithCleanup } from './job';
 export declare const getRenderQueue: () => RenderJob[];
 export declare const notifyClientsOfJobUpdate: () => void;
-export declare const processJob: ({ job, remotionRoot, entryPoint, onProgress, }: {
+export declare const processJob: ({ job, remotionRoot, entryPoint, onProgress, addCleanupCallback, }: {
     job: RenderJob;
     remotionRoot: string;
     entryPoint: string;
     onProgress: JobProgressCallback;
+    addCleanupCallback: (cb: () => Promise<void>) => void;
 }) => Promise<void>;
 export declare const addJob: ({ job, entryPoint, remotionRoot, }: {
     job: RenderJobWithCleanup;

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

@@ -37,13 +37,25 @@ const notifyClientsOfJobUpdate = () => {
     });
 };
 exports.notifyClientsOfJobUpdate = notifyClientsOfJobUpdate;
-const processJob = async ({ job, remotionRoot, entryPoint, onProgress, }) => {
+const processJob = async ({ job, remotionRoot, entryPoint, onProgress, addCleanupCallback, }) => {
     if (job.type === 'still') {
-        await (0, process_still_1.processStill)({ job, remotionRoot, entryPoint, onProgress });
+        await (0, process_still_1.processStill)({
+            job,
+            remotionRoot,
+            entryPoint,
+            onProgress,
+            addCleanupCallback,
+        });
         return;
     }
     if (job.type === 'video') {
-        await (0, process_video_1.processVideoJob)({ job, remotionRoot, entryPoint, onProgress });
+        await (0, process_video_1.processVideoJob)({
+            job,
+            remotionRoot,
+            entryPoint,
+            onProgress,
+            addCleanupCallback,
+        });
         return;
     }
     throw new Error(`Unknown job ${JSON.stringify(job)}`);
@@ -75,6 +87,7 @@ const processJobIfPossible = async ({ remotionRoot, entryPoint, }) => {
     if (!nextJob) {
         return;
     }
+    const jobCleanups = [];
     try {
         updateJob(nextJob.id, (job) => {
             return {
@@ -100,6 +113,9 @@ const processJobIfPossible = async ({ remotionRoot, entryPoint, }) => {
                     };
                 });
             },
+            addCleanupCallback: (cleanup) => {
+                jobCleanups.push(cleanup);
+            },
         });
         log_1.Log.info(chalk_1.chalk.gray('╰─ Done in ' + (Date.now() - startTime) + 'ms.'));
         const { unwatch } = (0, file_watcher_1.installFileWatcher)({
@@ -146,5 +162,8 @@ const processJobIfPossible = async ({ remotionRoot, entryPoint, }) => {
             });
         });
     }
+    finally {
+        await Promise.all(jobCleanups.map((c) => c()));
+    }
 };
 exports.processJobIfPossible = processJobIfPossible;

package/dist/render-flows/render.d.ts

@@ -1,6 +1,6 @@
 import type { Browser, BrowserExecutable, ChromiumOptions, FfmpegExecutable, FrameRange, ImageFormat, LogLevel } from '@remotion/renderer';
 import type { JobProgressCallback } from '../preview-server/render-queue/job';
-export declare const renderCompFlow: ({ remotionRoot, fullEntryPoint, ffmpegExecutable, ffprobeExecutable, indentOutput, logLevel, browserExecutable, browser, chromiumOptions, scale, shouldOutputImageSequence, publicDir, inputProps, envVariables, puppeteerTimeout, port, height, width, remainingArgs, compositionIdFromUi, entryPointReason, overwrite, quiet, concurrency, frameRange, everyNthFrame, configFileImageFormat, quality, onProgress, }: {
+export declare const renderCompFlow: ({ remotionRoot, fullEntryPoint, ffmpegExecutable, ffprobeExecutable, indent, logLevel, browserExecutable, browser, chromiumOptions, scale, shouldOutputImageSequence, publicDir, inputProps, envVariables, puppeteerTimeout, port, height, width, remainingArgs, compositionIdFromUi, entryPointReason, overwrite, quiet, concurrency, frameRange, everyNthFrame, configFileImageFormat, outputLocationFromUI, quality, onProgress, addCleanupCallback, }: {
     remotionRoot: string;
     fullEntryPoint: string;
     entryPointReason: string;
@@ -11,7 +11,7 @@ export declare const renderCompFlow: ({ remotionRoot, fullEntryPoint, ffmpegExec
     logLevel: LogLevel;
     browser: Browser;
     scale: number;
-    indentOutput: boolean;
+    indent: boolean;
     shouldOutputImageSequence: boolean;
     publicDir: string | null;
     inputProps: object;
@@ -22,6 +22,7 @@ export declare const renderCompFlow: ({ remotionRoot, fullEntryPoint, ffmpegExec
     width: number | null;
     remainingArgs: string[];
     compositionIdFromUi: string | null;
+    outputLocationFromUI: string | null;
     overwrite: boolean;
     quiet: boolean;
     concurrency: number | null;
@@ -30,4 +31,5 @@ export declare const renderCompFlow: ({ remotionRoot, fullEntryPoint, ffmpegExec
     configFileImageFormat: ImageFormat | undefined;
     quality: number | undefined;
     onProgress: JobProgressCallback;
+    addCleanupCallback: (cb: () => Promise<void>) => void;
 }) => Promise<void>;

package/dist/render-flows/render.js

@@ -19,22 +19,23 @@ const progress_bar_1 = require("../progress-bar");
 const setup_cache_1 = require("../setup-cache");
 const truthy_1 = require("../truthy");
 const user_passed_output_location_1 = require("../user-passed-output-location");
-const renderCompFlow = async ({ remotionRoot, fullEntryPoint, ffmpegExecutable, ffprobeExecutable, indentOutput, logLevel, browserExecutable, browser, chromiumOptions, scale, shouldOutputImageSequence, publicDir, inputProps, envVariables, puppeteerTimeout, port, height, width, remainingArgs, compositionIdFromUi, entryPointReason, overwrite, quiet, concurrency, frameRange, everyNthFrame, configFileImageFormat, quality, onProgress, }) => {
+const renderCompFlow = async ({ remotionRoot, fullEntryPoint, ffmpegExecutable, ffprobeExecutable, indent, logLevel, browserExecutable, browser, chromiumOptions, scale, shouldOutputImageSequence, publicDir, inputProps, envVariables, puppeteerTimeout, port, height, width, remainingArgs, compositionIdFromUi, entryPointReason, overwrite, quiet, concurrency, frameRange, everyNthFrame, configFileImageFormat, outputLocationFromUI, quality, onProgress, addCleanupCallback, }) => {
     const downloads = [];
     const downloadMap = renderer_1.RenderInternals.makeDownloadMap();
+    addCleanupCallback(() => renderer_1.RenderInternals.cleanDownloadMap(downloadMap));
     const ffmpegVersion = await renderer_1.RenderInternals.getFfmpegVersion({
         ffmpegExecutable,
         remotionRoot,
     });
-    log_1.Log.verboseAdvanced({ indent: indentOutput, logLevel }, 'FFMPEG Version:', ffmpegVersion ? ffmpegVersion.join('.') : 'Built from source');
-    log_1.Log.verboseAdvanced({ indent: indentOutput, logLevel }, 'Browser executable: ', browserExecutable);
-    log_1.Log.verboseAdvanced({ indent: indentOutput, logLevel }, 'Asset dirs', downloadMap.assetDir);
+    log_1.Log.verboseAdvanced({ indent, logLevel }, 'FFMPEG Version:', ffmpegVersion ? ffmpegVersion.join('.') : 'Built from source');
+    log_1.Log.verboseAdvanced({ indent, logLevel }, 'Browser executable: ', browserExecutable);
+    log_1.Log.verboseAdvanced({ indent, logLevel }, 'Asset dirs', downloadMap.assetDir);
     const browserInstance = (0, renderer_1.openBrowser)(browser, {
         browserExecutable,
         shouldDumpIo: renderer_1.RenderInternals.isEqualOrBelowLogLevel(logLevel, 'verbose'),
         chromiumOptions,
         forceDeviceScaleFactor: scale,
-        indentationString: indentOutput ? log_1.INDENT_TOKEN + ' ' : '',
+        indentationString: indent ? log_1.INDENT_TOKEN + ' ' : '',
     });
     const steps = [
         renderer_1.RenderInternals.isServeUrl(fullEntryPoint) ? null : 'bundling',
@@ -48,9 +49,10 @@ const renderCompFlow = async ({ remotionRoot, fullEntryPoint, ffmpegExecutable,
         publicDir,
         // TODO: Implement onProgress
         onProgress: () => undefined,
-        indentOutput,
+        indentOutput: indent,
         logLevel,
     });
+    addCleanupCallback(cleanupBundle);
     const onDownload = (src) => {
         const id = Math.random();
         const download = {
@@ -70,6 +72,7 @@ const renderCompFlow = async ({ remotionRoot, fullEntryPoint, ffmpegExecutable,
         };
     };
     const puppeteerInstance = await browserInstance;
+    addCleanupCallback(() => puppeteerInstance.close(false));
     const comps = await (0, renderer_1.getCompositions)(urlOrBundle, {
         inputProps,
         puppeteerInstance,
@@ -99,20 +102,22 @@ const renderCompFlow = async ({ remotionRoot, fullEntryPoint, ffmpegExecutable,
         codec,
         scale,
     });
-    // TODO: Should use output location from UI if explicitly specified
     const relativeOutputLocation = (0, get_filename_1.getOutputFilename)({
         codec,
         imageSequence: shouldOutputImageSequence,
         compositionName: compositionId,
         defaultExtension: renderer_1.RenderInternals.getFileExtensionFromCodec(codec, 'final'),
         args: argsAfterComposition,
+        indent,
+        fromUi: outputLocationFromUI,
+        logLevel,
     });
-    log_1.Log.infoAdvanced({ indent: indentOutput, logLevel }, chalk_1.chalk.gray(`Entry point = ${fullEntryPoint} (${entryPointReason}), Composition = ${compositionId} (${reason}), Codec = ${codec} (${codecReason}), Output = ${relativeOutputLocation}`));
+    log_1.Log.infoAdvanced({ indent, logLevel }, chalk_1.chalk.gray(`Entry point = ${fullEntryPoint} (${entryPointReason}), Composition = ${compositionId} (${reason}), Codec = ${codec} (${codecReason}), Output = ${relativeOutputLocation}`));
     const absoluteOutputFile = (0, get_cli_options_1.getAndValidateAbsoluteOutputFile)(relativeOutputLocation, overwrite);
     const outputDir = shouldOutputImageSequence
         ? absoluteOutputFile
         : await fs_1.default.promises.mkdtemp(path_1.default.join(os_1.default.tmpdir(), 'react-motion-render'));
-    log_1.Log.verboseAdvanced({ indent: indentOutput, logLevel }, 'Output dir', outputDir);
+    log_1.Log.verboseAdvanced({ indent, logLevel }, 'Output dir', outputDir);
     const renderProgress = (0, progress_bar_1.createOverwriteableCliOutput)({
         quiet,
     });
@@ -150,7 +155,7 @@ const renderCompFlow = async ({ remotionRoot, fullEntryPoint, ffmpegExecutable,
                 message: 'Bundled',
                 progress: 1,
             },
-        }, indentOutput);
+        }, indent);
         onProgress({ progress, message });
         return renderProgress.update(output);
     };
@@ -174,10 +179,10 @@ const renderCompFlow = async ({ remotionRoot, fullEntryPoint, ffmpegExecutable,
             onStart: () => undefined,
             onDownload: (src) => {
                 if (src.startsWith('data:')) {
-                    log_1.Log.infoAdvanced({ indent: indentOutput, logLevel }, '\nWriting Data URL to file: ', src.substring(0, 30) + '...');
+                    log_1.Log.infoAdvanced({ indent, logLevel }, '\nWriting Data URL to file: ', src.substring(0, 30) + '...');
                 }
                 else {
-                    log_1.Log.infoAdvanced({ indent: indentOutput, logLevel }, '\nDownloading asset... ', src);
+                    log_1.Log.infoAdvanced({ indent, logLevel }, '\nDownloading asset... ', src);
                 }
             },
             outputDir,
@@ -199,8 +204,8 @@ const renderCompFlow = async ({ remotionRoot, fullEntryPoint, ffmpegExecutable,
             downloadMap,
         });
         updateRenderProgress();
-        log_1.Log.infoAdvanced({ indent: indentOutput, logLevel });
-        log_1.Log.infoAdvanced({ indent: indentOutput, logLevel }, chalk_1.chalk.cyan(`▶ ${absoluteOutputFile}`));
+        log_1.Log.infoAdvanced({ indent, logLevel });
+        log_1.Log.infoAdvanced({ indent, logLevel }, chalk_1.chalk.cyan(`▶ ${absoluteOutputFile}`));
     }
     const options = await (0, get_render_media_options_1.getRenderMediaOptions)({
         config,
@@ -223,29 +228,18 @@ const renderCompFlow = async ({ remotionRoot, fullEntryPoint, ffmpegExecutable,
         onDownload,
         downloadMap,
         onSlowestFrames: (slowestFrames) => {
-            log_1.Log.verboseAdvanced({ indent: indentOutput, logLevel });
-            log_1.Log.verboseAdvanced({ indent: indentOutput, logLevel }, `Slowest frames:`);
+            log_1.Log.verboseAdvanced({ indent, logLevel });
+            log_1.Log.verboseAdvanced({ indent, logLevel }, `Slowest frames:`);
             slowestFrames.forEach(({ frame, time }) => {
-                log_1.Log.verboseAdvanced({ indent: indentOutput, logLevel }, `Frame ${frame} (${time.toFixed(3)}ms)`);
+                log_1.Log.verboseAdvanced({ indent, logLevel }, `Frame ${frame} (${time.toFixed(3)}ms)`);
             });
         },
-        printLog: (...str) => log_1.Log.verboseAdvanced({ indent: indentOutput, logLevel }, ...str),
+        printLog: (...str) => log_1.Log.verboseAdvanced({ indent, logLevel }, ...str),
     });
-    log_1.Log.infoAdvanced({ indent: indentOutput, logLevel });
-    log_1.Log.infoAdvanced({ indent: indentOutput, logLevel }, chalk_1.chalk.cyan(`▶ ${absoluteOutputFile}`));
-    try {
-        await cleanupBundle();
-        await renderer_1.RenderInternals.cleanDownloadMap(downloadMap);
-        log_1.Log.verboseAdvanced({ indent: indentOutput, logLevel }, 'Cleaned up', downloadMap.assetDir);
-    }
-    catch (err) {
-        log_1.Log.warnAdvanced({ indent: indentOutput, logLevel }, 'Could not clean up directory.');
-        log_1.Log.warnAdvanced({ indent: indentOutput, logLevel }, err);
-        log_1.Log.warnAdvanced({ indent: indentOutput, logLevel }, 'Do you have minimum required Node.js version?');
-    }
-    // TODO: This will not indent
-    if (renderer_1.RenderInternals.isEqualOrBelowLogLevel(logLevel, 'verbose')) {
-        renderer_1.RenderInternals.perf.logPerf();
+    log_1.Log.infoAdvanced({ indent, logLevel });
+    log_1.Log.infoAdvanced({ indent, logLevel }, chalk_1.chalk.cyan(`▶ ${absoluteOutputFile}`));
+    for (const line of renderer_1.RenderInternals.perf.getPerf()) {
+        log_1.Log.verboseAdvanced({ indent, logLevel }, line);
     }
 };
 exports.renderCompFlow = renderCompFlow;

package/dist/render-flows/still.d.ts

@@ -1,6 +1,6 @@
 import type { Browser, BrowserExecutable, ChromiumOptions, FfmpegExecutable, ImageFormat, LogLevel, StillImageFormat } from '@remotion/renderer';
 import type { JobProgressCallback } from '../preview-server/render-queue/job';
-export declare const renderStillFlow: ({ remotionRoot, fullEntryPoint, entryPointReason, remainingArgs, browser, browserExecutable, chromiumOptions, envVariables, ffmpegExecutable, ffprobeExecutable, height, inputProps, overwrite, port, publicDir, puppeteerTimeout, quality, scale, stillFrame, width, compositionIdFromUi, imageFormatFromUi, logLevel, configFileImageFormat, onProgress, indentOutput, }: {
+export declare const renderStillFlow: ({ remotionRoot, fullEntryPoint, entryPointReason, remainingArgs, browser, browserExecutable, chromiumOptions, envVariables, ffmpegExecutable, ffprobeExecutable, height, inputProps, overwrite, port, publicDir, puppeteerTimeout, quality, scale, stillFrame, width, compositionIdFromUi, imageFormatFromUi, logLevel, configFileImageFormat, onProgress, indentOutput, addCleanupCallback, }: {
     remotionRoot: string;
     fullEntryPoint: string;
     entryPointReason: string;
@@ -27,4 +27,5 @@ export declare const renderStillFlow: ({ remotionRoot, fullEntryPoint, entryPoin
     configFileImageFormat: ImageFormat | undefined;
     onProgress: JobProgressCallback;
     indentOutput: boolean;
+    addCleanupCallback: (cb: () => Promise<void>) => void;
 }) => Promise<void>;

package/dist/render-flows/still.js

@@ -18,7 +18,7 @@ const progress_bar_1 = require("../progress-bar");
 const setup_cache_1 = require("../setup-cache");
 const truthy_1 = require("../truthy");
 const user_passed_output_location_1 = require("../user-passed-output-location");
-const renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason, remainingArgs, browser, browserExecutable, chromiumOptions, envVariables, ffmpegExecutable, ffprobeExecutable, height, inputProps, overwrite, port, publicDir, puppeteerTimeout, quality, scale, stillFrame, width, compositionIdFromUi, imageFormatFromUi, logLevel, configFileImageFormat, onProgress, indentOutput, }) => {
+const renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason, remainingArgs, browser, browserExecutable, chromiumOptions, envVariables, ffmpegExecutable, ffprobeExecutable, height, inputProps, overwrite, port, publicDir, puppeteerTimeout, quality, scale, stillFrame, width, compositionIdFromUi, imageFormatFromUi, logLevel, configFileImageFormat, onProgress, indentOutput, addCleanupCallback, }) => {
     var _a;
     const downloads = [];
     const aggregate = {
@@ -63,8 +63,11 @@ const renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason,
         indentOutput,
         logLevel,
     });
+    addCleanupCallback(cleanupBundle);
     const puppeteerInstance = await browserInstance;
+    addCleanupCallback(() => puppeteerInstance.close(false));
     const downloadMap = renderer_1.RenderInternals.makeDownloadMap();
+    addCleanupCallback(() => renderer_1.RenderInternals.cleanDownloadMap(downloadMap));
     const comps = await (0, renderer_1.getCompositions)(urlOrBundle, {
         inputProps,
         puppeteerInstance,
@@ -160,11 +163,6 @@ const renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason,
     };
     updateProgress();
     log_1.Log.infoAdvanced({ indent: indentOutput, logLevel });
-    const closeBrowserPromise = puppeteerInstance.close(false);
     log_1.Log.infoAdvanced({ indent: indentOutput, logLevel }, chalk_1.chalk.cyan(`▶️ ${absoluteOutputLocation}`));
-    await closeBrowserPromise;
-    await renderer_1.RenderInternals.cleanDownloadMap(downloadMap);
-    await cleanupBundle();
-    log_1.Log.verboseAdvanced({ indent: indentOutput, logLevel }, 'Cleaned up', downloadMap.assetDir);
 };
 exports.renderStillFlow = renderStillFlow;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/cli",
-	"version": "3.3.19",
+	"version": "3.3.25",
 	"description": "CLI for Remotion",
 	"main": "dist/index.js",
 	"sideEffects": false,
@@ -22,16 +22,16 @@
 	"author": "Jonny Burger <jonny@remotion.dev>",
 	"license": "SEE LICENSE IN LICENSE.md",
 	"dependencies": {
-		"@remotion/bundler": "3.3.19",
-		"@remotion/media-utils": "3.3.19",
-		"@remotion/player": "3.3.19",
-		"@remotion/renderer": "3.3.19",
+		"@remotion/bundler": "3.3.25",
+		"@remotion/media-utils": "3.3.25",
+		"@remotion/player": "3.3.25",
+		"@remotion/renderer": "3.3.25",
 		"better-opn": "2.1.1",
 		"dotenv": "9.0.2",
 		"memfs": "3.4.3",
 		"minimist": "1.2.6",
 		"prompts": "2.4.1",
-		"remotion": "3.3.19",
+		"remotion": "3.3.25",
 		"semver": "7.3.5",
 		"source-map": "0.6.1"
 	},
@@ -66,11 +66,10 @@
 		"ffmpeg",
 		"video",
 		"react",
-		"puppeteer",
 		"player"
 	],
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "097ff40cd34ecba3c7ebbbc08b442827b0f4ad7d"
+	"gitHead": "48e46dd2ede8fe903bf0139cebd6f546d7f2b5e0"
 }