@remotion/cli 4.0.0-offthread.31 → 4.0.0-offthread.42

package/dist/compositions.js

@@ -34,7 +34,7 @@ const listCompositionsCommand = async () => {
     }
     const fullPath = path_1.default.join(process.cwd(), file);
     (0, get_config_file_name_1.loadConfig)();
-    const { browserExecutable, ffmpegExecutable, chromiumOptions, envVariables, inputProps, puppeteerTimeout, } = await (0, get_cli_options_1.getCliOptions)({ isLambda: false, type: 'get-compositions' });
+    const { browserExecutable, ffmpegExecutable, 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, {
         browserExecutable,
@@ -43,6 +43,7 @@ const listCompositionsCommand = async () => {
         envVariables,
         inputProps,
         timeoutInMilliseconds: puppeteerTimeout,
+        port,
     });
     log_1.Log.info();
     log_1.Log.info('The following compositions are available:');

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

@@ -25,4 +25,5 @@ export declare const getCliOptions: (options: {
     logLevel: "verbose" | "info" | "warn" | "error";
     scale: number;
     chromiumOptions: ChromiumOptions;
+    port: number | null;
 }>;

package/dist/get-cli-options.js

@@ -143,6 +143,7 @@ const getCliOptions = async (options) => {
     const browserExecutable = remotion_1.Internals.getBrowserExecutable();
     const ffmpegExecutable = remotion_1.Internals.getCustomFfmpegExecutable();
     const scale = remotion_1.Internals.getScale();
+    const port = remotion_1.Internals.getServerPort();
     const chromiumOptions = {
         disableWebSecurity: remotion_1.Internals.getChromiumDisableWebSecurity(),
         ignoreCertificateErrors: remotion_1.Internals.getIgnoreCertificateErrors(),
@@ -173,6 +174,7 @@ const getCliOptions = async (options) => {
         logLevel: remotion_1.Internals.Logging.getLogLevel(),
         scale,
         chromiumOptions,
+        port: port !== null && port !== void 0 ? port : null,
     };
 };
 exports.getCliOptions = getCliOptions;

package/dist/index.d.ts

@@ -50,6 +50,7 @@ export declare const CliInternals: {
         logLevel: "verbose" | "info" | "warn" | "error";
         scale: number;
         chromiumOptions: import("@remotion/renderer").ChromiumOptions;
+        port: number | null;
     }>;
     parseCommandLine: (type: "sequence" | "still" | "lambda" | "preview" | "versions") => void;
     loadConfig: () => Promise<string | null>;

package/dist/parse-command-line.js

@@ -113,6 +113,9 @@ const parseCommandLine = (type) => {
     if (typeof exports.parsedCli.scale !== 'undefined') {
         remotion_1.Config.Rendering.setScale(exports.parsedCli.scale);
     }
+    if (typeof exports.parsedCli.port !== 'undefined') {
+        remotion_1.Config.Bundling.setPort(exports.parsedCli.port);
+    }
 };
 exports.parseCommandLine = parseCommandLine;
 const quietFlagProvided = () => exports.parsedCli.quiet || exports.parsedCli.q;

package/dist/render.js

@@ -31,7 +31,7 @@ const render = async () => {
         ? file
         : path_1.default.join(process.cwd(), file);
     await (0, initialize_render_cli_1.initializeRenderCli)('sequence');
-    const { codec, proResProfile, parallelism, frameRange, shouldOutputImageSequence, absoluteOutputFile, overwrite, inputProps, envVariables, quality, browser, crf, pixelFormat, imageFormat, browserExecutable, ffmpegExecutable, scale, chromiumOptions, } = await (0, get_cli_options_1.getCliOptions)({ isLambda: false, type: 'series' });
+    const { codec, proResProfile, parallelism, frameRange, shouldOutputImageSequence, absoluteOutputFile, overwrite, inputProps, envVariables, quality, browser, crf, pixelFormat, imageFormat, browserExecutable, ffmpegExecutable, scale, chromiumOptions, port, puppeteerTimeout, } = await (0, get_cli_options_1.getCliOptions)({ isLambda: false, type: 'series' });
     if (!absoluteOutputFile) {
         throw new Error('assertion error - expected absoluteOutputFile to not be null');
     }
@@ -53,7 +53,6 @@ const render = async () => {
     const urlOrBundle = renderer_1.RenderInternals.isServeUrl(fullPath)
         ? fullPath
         : await (0, setup_cache_1.bundleOnCli)(fullPath, steps);
-    const downloadDir = renderer_1.RenderInternals.makeAssetsDownloadTmpDir();
     const onDownload = (src) => {
         const id = Math.random();
         const download = {
@@ -68,19 +67,8 @@ const render = async () => {
             updateRenderProgress();
         };
     };
-    const { serveUrl, closeServer } = await renderer_1.RenderInternals.prepareServer({
-        webpackConfigOrServeUrl: urlOrBundle,
-        downloadDir,
-        onDownload,
-        onError: (err) => {
-            log_1.Log.error('Error occurred:');
-            log_1.Log.error(err);
-            process.exit(1);
-        },
-        ffmpegExecutable,
-    });
     const puppeteerInstance = await browserInstance;
-    const comps = await (0, renderer_1.getCompositions)(serveUrl, {
+    const comps = await (0, renderer_1.getCompositions)(urlOrBundle, {
         inputProps,
         puppeteerInstance,
         envVariables,
@@ -165,17 +153,19 @@ const render = async () => {
                 }
             },
             outputDir,
-            serveUrl,
+            serveUrl: urlOrBundle,
             dumpBrowserLogs: remotion_1.Internals.Logging.isEqualOrBelowLogLevel(remotion_1.Internals.Logging.getLogLevel(), 'verbose'),
             envVariables,
             frameRange,
             parallelism,
             puppeteerInstance,
             quality,
-            timeoutInMilliseconds: remotion_1.Internals.getCurrentPuppeteerTimeout(),
+            timeoutInMilliseconds: puppeteerTimeout,
             chromiumOptions,
             scale,
             ffmpegExecutable,
+            browserExecutable,
+            port,
         });
         renderedDoneIn = Date.now() - startTime;
         updateRenderProgress();
@@ -208,7 +198,7 @@ const render = async () => {
         pixelFormat,
         proResProfile,
         quality,
-        serveUrl,
+        serveUrl: urlOrBundle,
         onDownload,
         dumpBrowserLogs: remotion_1.Internals.Logging.isEqualOrBelowLogLevel(remotion_1.Internals.Logging.getLogLevel(), 'verbose'),
         onStart: ({ frameCount }) => {
@@ -217,6 +207,7 @@ const render = async () => {
         chromiumOptions,
         timeoutInMilliseconds: remotion_1.Internals.getCurrentPuppeteerTimeout(),
         scale,
+        port,
     });
     log_1.Log.info();
     log_1.Log.info();
@@ -238,8 +229,5 @@ const render = async () => {
         log_1.Log.warn('Do you have minimum required Node.js version?');
     }
     log_1.Log.info(chalk_1.default.green('\nYour video is ready!'));
-    closeServer().catch((err) => {
-        log_1.Log.error('Could not close web server', err);
-    });
 };
 exports.render = render;

package/dist/still.js

@@ -33,7 +33,7 @@ const still = async () => {
         log_1.Log.verbose('Output file has a PNG extension, therefore setting the image format to PNG.');
         remotion_1.Config.Rendering.setImageFormat('png');
     }
-    const { inputProps, envVariables, quality, browser, imageFormat, stillFrame, browserExecutable, chromiumOptions, scale, ffmpegExecutable, overwrite, } = await (0, get_cli_options_1.getCliOptions)({ isLambda: false, type: 'still' });
+    const { inputProps, envVariables, quality, browser, imageFormat, stillFrame, browserExecutable, chromiumOptions, scale, ffmpegExecutable, overwrite, puppeteerTimeout, port, } = await (0, get_cli_options_1.getCliOptions)({ isLambda: false, type: 'still' });
     log_1.Log.verbose('Browser executable: ', browserExecutable);
     if (imageFormat === 'none') {
         log_1.Log.error('No image format was selected - this is probably an error in Remotion - please post your command on Github Issues for help.');
@@ -63,27 +63,16 @@ const still = async () => {
     const urlOrBundle = renderer_1.RenderInternals.isServeUrl(fullPath)
         ? Promise.resolve(fullPath)
         : await (0, setup_cache_1.bundleOnCli)(fullPath, steps);
-    const downloadDir = renderer_1.RenderInternals.makeAssetsDownloadTmpDir();
-    const onDownload = (src) => {
-        log_1.Log.info('Downloading ', src);
-    };
-    const { serveUrl, closeServer } = await renderer_1.RenderInternals.prepareServer({
-        downloadDir,
-        onDownload,
-        onError: (err) => {
-            log_1.Log.error(err);
-            process.exit(1);
-        },
-        ffmpegExecutable,
-        webpackConfigOrServeUrl: await urlOrBundle,
-    });
     const puppeteerInstance = await browserInstance;
-    const comps = await (0, renderer_1.getCompositions)(serveUrl, {
+    const comps = await (0, renderer_1.getCompositions)(await urlOrBundle, {
         inputProps,
         puppeteerInstance,
         envVariables,
-        timeoutInMilliseconds: remotion_1.Internals.getCurrentPuppeteerTimeout(),
+        timeoutInMilliseconds: puppeteerTimeout,
         chromiumOptions,
+        port,
+        browserExecutable,
+        ffmpegExecutable,
     });
     const compositionId = (0, get_composition_id_1.getCompositionId)(comps);
     const composition = comps.find((c) => c.id === compositionId);
@@ -92,11 +81,42 @@ const still = async () => {
     }
     const renderProgress = (0, progress_bar_1.createOverwriteableCliOutput)((0, parse_command_line_1.quietFlagProvided)());
     const renderStart = Date.now();
+    const downloads = [];
+    let frames = 0;
+    const totalFrames = 1;
+    const updateProgress = () => {
+        renderProgress.update((0, progress_bar_1.makeRenderingAndStitchingProgress)({
+            rendering: {
+                frames,
+                concurrency: 1,
+                doneIn: frames === totalFrames ? Date.now() - renderStart : null,
+                steps,
+                totalFrames,
+            },
+            downloads,
+            stitching: null,
+        }));
+    };
+    updateProgress();
+    const onDownload = (src) => {
+        const id = Math.random();
+        const download = {
+            id,
+            name: src,
+            progress: 0,
+        };
+        downloads.push(download);
+        updateProgress();
+        return ({ percent }) => {
+            download.progress = percent;
+            updateProgress();
+        };
+    };
     await (0, renderer_1.renderStill)({
         composition,
         frame: stillFrame,
         output: userOutput,
-        serveUrl,
+        serveUrl: await urlOrBundle,
         quality,
         dumpBrowserLogs: remotion_1.Internals.Logging.isEqualOrBelowLogLevel(remotion_1.Internals.Logging.getLogLevel(), 'verbose'),
         envVariables,
@@ -108,18 +128,12 @@ const still = async () => {
         ffmpegExecutable,
         browserExecutable,
         overwrite,
+        onDownload,
     });
+    frames = 1;
+    updateProgress();
+    log_1.Log.info();
     const closeBrowserPromise = puppeteerInstance.close();
-    closeServer().catch((err) => {
-        log_1.Log.error('Could not close web server', err);
-    });
-    renderProgress.update((0, progress_bar_1.makeRenderingProgress)({
-        frames: 1,
-        concurrency: 1,
-        doneIn: Date.now() - renderStart,
-        steps,
-        totalFrames: 1,
-    }));
     log_1.Log.info(chalk_1.default.green('\nYour still frame is ready!'));
     const seconds = Math.round((Date.now() - startTime) / 1000);
     log_1.Log.info([

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/cli",
-	"version": "4.0.0-offthread.31+665632cff",
+	"version": "4.0.0-offthread.42+5cdecb6d7",
 	"description": "CLI for Remotion",
 	"main": "dist/index.js",
 	"sideEffects": false,
@@ -23,16 +23,16 @@
 	"author": "Jonny Burger <jonny@remotion.dev>",
 	"license": "SEE LICENSE IN LICENSE.md",
 	"dependencies": {
-		"@remotion/bundler": "4.0.0-offthread.31+665632cff",
-		"@remotion/media-utils": "4.0.0-offthread.31+665632cff",
-		"@remotion/player": "4.0.0-offthread.31+665632cff",
-		"@remotion/renderer": "4.0.0-offthread.31+665632cff",
+		"@remotion/bundler": "4.0.0-offthread.42+5cdecb6d7",
+		"@remotion/media-utils": "4.0.0-offthread.42+5cdecb6d7",
+		"@remotion/player": "4.0.0-offthread.42+5cdecb6d7",
+		"@remotion/renderer": "4.0.0-offthread.42+5cdecb6d7",
 		"better-opn": "2.1.1",
 		"chalk": "4.1.2",
 		"dotenv": "9.0.2",
 		"execa": "5.1.1",
 		"minimist": "1.2.6",
-		"remotion": "4.0.0-offthread.31+665632cff",
+		"remotion": "4.0.0-offthread.42+5cdecb6d7",
 		"semver": "7.3.5",
 		"webpack": "5.72.0"
 	},
@@ -72,5 +72,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "665632cffd80aca6a61b44988b2d7f087e44196d"
+	"gitHead": "5cdecb6d7971afe3062521d319eb32aac96346f3"
 }