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

package/dist/print-help.js

@@ -1,16 +1,13 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.printHelp = void 0;
-const chalk_1 = __importDefault(require("chalk"));
+const chalk_1 = require("./chalk");
 const log_1 = require("./log");
 const versions_1 = require("./versions");
 const packagejson = require('../package.json');
 const printFlags = (flags) => {
     flags.forEach(([flag, description]) => {
-        log_1.Log.info(chalk_1.default.blue(`${flag.padEnd(22, ' ')} ${description}`));
+        log_1.Log.info(chalk_1.chalk.blue(`${flag.padEnd(22, ' ')} ${description}`));
     });
 };
 const printHelp = () => {
@@ -18,12 +15,12 @@ const printHelp = () => {
     log_1.Log.info();
     log_1.Log.info('Available commands:');
     log_1.Log.info('');
-    log_1.Log.info('remotion preview <index-file.ts>');
-    log_1.Log.info(chalk_1.default.gray('Start the preview server.'));
+    log_1.Log.info('remotion preview <entry-point.ts>');
+    log_1.Log.info(chalk_1.chalk.gray('Start the preview server.'));
     printFlags([['--props', 'Pass input props as filename or as JSON']]);
     log_1.Log.info();
-    log_1.Log.info('remotion render <index-file.ts> <comp-name> <output-file.mp4>');
-    log_1.Log.info(chalk_1.default.gray('Render video, audio or an image sequence.'));
+    log_1.Log.info('remotion render <entry-point.ts> <comp-name> <output-file.mp4>');
+    log_1.Log.info(chalk_1.chalk.gray('Render video, audio or an image sequence.'));
     printFlags([
         ['--props', 'Pass input props as filename or as JSON'],
         ['--concurrency', 'How many frames to render in parallel'],
@@ -43,8 +40,8 @@ const printHelp = () => {
         ['--env-file', 'Specify a location for a dotenv file'],
     ]);
     log_1.Log.info();
-    log_1.Log.info('remotion still <index-file.ts> <comp-name> <still.png>');
-    log_1.Log.info(chalk_1.default.gray('Render a still frame and save it as an image.'));
+    log_1.Log.info('remotion still <entry-point.ts> <comp-name> <still.png>');
+    log_1.Log.info(chalk_1.chalk.gray('Render a still frame and save it as an image.'));
     printFlags([
         ['--frame', 'Which frame to render (default 0)'],
         ['--image-format', 'Format to render the frames in, "jpeg" or "png"'],
@@ -60,13 +57,13 @@ const printHelp = () => {
     ]);
     log_1.Log.info();
     log_1.Log.info('remotion compositions <index-file.ts>');
-    log_1.Log.info(chalk_1.default.gray('Prints the available compositions.'));
+    log_1.Log.info(chalk_1.chalk.gray('Prints the available compositions.'));
     log_1.Log.info();
     log_1.Log.info('remotion ' + versions_1.VERSIONS_COMMAND);
-    log_1.Log.info(chalk_1.default.gray('Prints and validates versions of all Remotion packages.'));
+    log_1.Log.info(chalk_1.chalk.gray('Prints and validates versions of all Remotion packages.'));
     log_1.Log.info();
     log_1.Log.info('remotion upgrade');
-    log_1.Log.info(chalk_1.default.gray('Ensure Remotion is on the newest version.'));
+    log_1.Log.info(chalk_1.chalk.gray('Ensure Remotion is on the newest version.'));
     log_1.Log.info();
     log_1.Log.info('Visit https://www.remotion.dev/docs/cli for browsable CLI documentation.');
 };

package/dist/progress-bar.d.ts

@@ -1,5 +1,5 @@
-import { StitchingState } from '@remotion/renderer';
-import { RenderStep } from './step';
+import type { StitchingState } from '@remotion/renderer';
+import type { RenderStep } from './step';
 export declare const createProgressBar: (quiet: boolean) => {
     update: (str: string) => boolean;
 };
@@ -30,7 +30,9 @@ export declare const makeStitchingProgress: ({ frames, totalFrames, steps, doneI
 export declare type DownloadProgress = {
     name: string;
     id: number;
-    progress: number;
+    progress: number | null;
+    totalBytes: number | null;
+    downloaded: number;
 };
 export declare const makeRenderingAndStitchingProgress: ({ rendering, stitching, downloads, }: {
     rendering: RenderingProgressInput;

package/dist/progress-bar.js

@@ -1,12 +1,9 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.makeRenderingAndStitchingProgress = exports.makeStitchingProgress = exports.makeRenderingProgress = exports.makeBundlingProgress = exports.createOverwriteableCliOutput = exports.createProgressBar = void 0;
-const chalk_1 = __importDefault(require("chalk"));
 const remotion_1 = require("remotion");
 const ansi_diff_1 = require("./ansi/ansi-diff");
+const chalk_1 = require("./chalk");
 const download_progress_1 = require("./download-progress");
 const make_progress_bar_1 = require("./make-progress-bar");
 const createProgressBar = (quiet) => {
@@ -34,7 +31,7 @@ const makeBundlingProgress = ({ progress, steps, doneIn, }) => [
     `${doneIn ? 'Bundled' : 'Bundling'} code`,
     doneIn === null
         ? (progress * 100).toFixed(0) + '%'
-        : chalk_1.default.gray(`${doneIn}ms`),
+        : chalk_1.chalk.gray(`${doneIn}ms`),
 ].join(' ');
 exports.makeBundlingProgress = makeBundlingProgress;
 const makeRenderingProgress = ({ frames, totalFrames, steps, concurrency, doneIn, }) => {
@@ -45,7 +42,7 @@ const makeRenderingProgress = ({ frames, totalFrames, steps, concurrency, doneIn
         [doneIn ? 'Rendered' : 'Rendering', `frames (${concurrency}x)`]
             .filter(remotion_1.Internals.truthy)
             .join(' '),
-        doneIn === null ? `${frames}/${totalFrames}` : chalk_1.default.gray(`${doneIn}ms`),
+        doneIn === null ? `${frames}/${totalFrames}` : chalk_1.chalk.gray(`${doneIn}ms`),
     ].join(' ');
 };
 exports.makeRenderingProgress = makeRenderingProgress;
@@ -57,7 +54,7 @@ const makeStitchingProgress = ({ frames, totalFrames, steps, doneIn, stage, }) =
         stage === 'muxing'
             ? `${doneIn ? 'Muxed' : 'Muxing'} audio`
             : `${doneIn ? 'Encoded' : 'Encoding'} video`,
-        doneIn === null ? `${frames}/${totalFrames}` : chalk_1.default.gray(`${doneIn}ms`),
+        doneIn === null ? `${frames}/${totalFrames}` : chalk_1.chalk.gray(`${doneIn}ms`),
     ].join(' ');
 };
 exports.makeStitchingProgress = makeStitchingProgress;

package/dist/render.js

@@ -5,11 +5,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.render = void 0;
 const renderer_1 = require("@remotion/renderer");
-const chalk_1 = __importDefault(require("chalk"));
 const fs_1 = __importDefault(require("fs"));
 const os_1 = __importDefault(require("os"));
 const path_1 = __importDefault(require("path"));
 const remotion_1 = require("remotion");
+const chalk_1 = require("./chalk");
 const get_cli_options_1 = require("./get-cli-options");
 const get_composition_id_1 = require("./get-composition-id");
 const initialize_render_cli_1 = require("./initialize-render-cli");
@@ -31,13 +31,13 @@ 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, ffprobeExecutable, 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');
     }
     log_1.Log.verbose('Browser executable: ', browserExecutable);
     await (0, validate_ffmpeg_version_1.checkAndValidateFfmpegVersion)({
-        ffmpegExecutable: remotion_1.Internals.getCustomFfmpegExecutable(),
+        ffmpegExecutable,
     });
     const browserInstance = (0, renderer_1.openBrowser)(browser, {
         browserExecutable,
@@ -53,9 +53,26 @@ const render = async () => {
     const urlOrBundle = renderer_1.RenderInternals.isServeUrl(fullPath)
         ? fullPath
         : await (0, setup_cache_1.bundleOnCli)(fullPath, steps);
-    const { serveUrl, closeServer } = await renderer_1.RenderInternals.prepareServer(urlOrBundle);
+    const onDownload = (src) => {
+        const id = Math.random();
+        const download = {
+            id,
+            name: src,
+            progress: 0,
+            downloaded: 0,
+            totalBytes: null,
+        };
+        downloads.push(download);
+        updateRenderProgress();
+        return ({ percent, downloaded, totalSize }) => {
+            download.progress = percent;
+            download.totalBytes = totalSize;
+            download.downloaded = downloaded;
+            updateRenderProgress();
+        };
+    };
     const puppeteerInstance = await browserInstance;
-    const comps = await (0, renderer_1.getCompositions)(serveUrl, {
+    const comps = await (0, renderer_1.getCompositions)(urlOrBundle, {
         inputProps,
         puppeteerInstance,
         envVariables,
@@ -140,22 +157,26 @@ 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,
+            ffprobeExecutable,
+            browserExecutable,
+            port,
         });
         renderedDoneIn = Date.now() - startTime;
         updateRenderProgress();
         log_1.Log.info();
         log_1.Log.info();
-        log_1.Log.info(chalk_1.default.green('\nYour image sequence is ready!'));
+        log_1.Log.info(chalk_1.chalk.green('\nYour image sequence is ready!'));
         return;
     }
     await (0, renderer_1.renderMedia)({
@@ -165,6 +186,7 @@ const render = async () => {
         crf,
         envVariables,
         ffmpegExecutable,
+        ffprobeExecutable,
         frameRange,
         imageFormat,
         inputProps,
@@ -182,21 +204,8 @@ const render = async () => {
         pixelFormat,
         proResProfile,
         quality,
-        serveUrl,
-        onDownload: (src) => {
-            const id = Math.random();
-            const download = {
-                id,
-                name: src,
-                progress: 0,
-            };
-            downloads.push(download);
-            updateRenderProgress();
-            return ({ percent }) => {
-                download.progress = percent;
-                updateRenderProgress();
-            };
-        },
+        serveUrl: urlOrBundle,
+        onDownload,
         dumpBrowserLogs: remotion_1.Internals.Logging.isEqualOrBelowLogLevel(remotion_1.Internals.Logging.getLogLevel(), 'verbose'),
         onStart: ({ frameCount }) => {
             totalFrames = frameCount;
@@ -204,6 +213,7 @@ const render = async () => {
         chromiumOptions,
         timeoutInMilliseconds: remotion_1.Internals.getCurrentPuppeteerTimeout(),
         scale,
+        port,
     });
     log_1.Log.info();
     log_1.Log.info();
@@ -214,7 +224,7 @@ const render = async () => {
         seconds === 1 ? 'second' : 'seconds',
     ].join(' '));
     log_1.Log.info('-', 'Output can be found at:');
-    log_1.Log.info(chalk_1.default.cyan(`▶ ${absoluteOutputFile}`));
+    log_1.Log.info(chalk_1.chalk.cyan(`▶ ${absoluteOutputFile}`));
     log_1.Log.verbose('Cleaning up...');
     try {
         await renderer_1.RenderInternals.deleteDirectory(urlOrBundle);
@@ -224,9 +234,9 @@ const render = async () => {
         log_1.Log.warn(err);
         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);
-    });
+    log_1.Log.info(chalk_1.chalk.green('\nYour video is ready!'));
+    if (remotion_1.Internals.Logging.isEqualOrBelowLogLevel(remotion_1.Internals.Logging.getLogLevel(), 'verbose')) {
+        remotion_1.Internals.perf.logPerf();
+    }
 };
 exports.render = render;

package/dist/setup-cache.d.ts

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

package/dist/setup-cache.js

@@ -9,10 +9,10 @@ const progress_bar_1 = require("./progress-bar");
 const bundleOnCli = async (fullPath, steps) => {
     var _a;
     const shouldCache = remotion_1.Internals.getWebpackCaching();
-    const cacheExistedBefore = bundler_1.BundlerInternals.cacheExists('production', null);
+    const cacheExistedBefore = bundler_1.BundlerInternals.cacheExists('production');
     if (cacheExistedBefore && !shouldCache) {
         log_1.Log.info('🧹 Cache disabled but found. Deleting... ');
-        await bundler_1.BundlerInternals.clearCache('production', null);
+        await bundler_1.BundlerInternals.clearCache('production');
     }
     const bundleStartTime = Date.now();
     const bundlingProgress = (0, progress_bar_1.createOverwriteableCliOutput)((0, parse_command_line_1.quietFlagProvided)());
@@ -32,7 +32,7 @@ const bundleOnCli = async (fullPath, steps) => {
         doneIn: Date.now() - bundleStartTime,
     }) + '\n');
     log_1.Log.verbose('Bundled under', bundled);
-    const cacheExistedAfter = bundler_1.BundlerInternals.cacheExists('production', null);
+    const cacheExistedAfter = bundler_1.BundlerInternals.cacheExists('production');
     if (cacheExistedAfter && !cacheExistedBefore) {
         log_1.Log.info('⚡️ Cached bundle. Subsequent renders will be faster.');
     }

package/dist/still.js

@@ -5,10 +5,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.still = void 0;
 const renderer_1 = require("@remotion/renderer");
-const chalk_1 = __importDefault(require("chalk"));
 const fs_1 = require("fs");
 const path_1 = __importDefault(require("path"));
 const remotion_1 = require("remotion");
+const chalk_1 = require("./chalk");
 const get_cli_options_1 = require("./get-cli-options");
 const get_composition_id_1 = require("./get-composition-id");
 const initialize_render_cli_1 = require("./initialize-render-cli");
@@ -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, } = await (0, get_cli_options_1.getCliOptions)({ isLambda: false, type: 'still' });
+    const { inputProps, envVariables, quality, browser, imageFormat, stillFrame, browserExecutable, chromiumOptions, scale, ffmpegExecutable, ffprobeExecutable, 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,14 +63,17 @@ const still = async () => {
     const urlOrBundle = renderer_1.RenderInternals.isServeUrl(fullPath)
         ? Promise.resolve(fullPath)
         : await (0, setup_cache_1.bundleOnCli)(fullPath, steps);
-    const { serveUrl, closeServer } = await renderer_1.RenderInternals.prepareServer(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,
+        ffprobeExecutable,
     });
     const compositionId = (0, get_composition_id_1.getCompositionId)(comps);
     const composition = comps.find((c) => c.id === compositionId);
@@ -79,11 +82,44 @@ 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,
+            downloaded: 0,
+            totalBytes: null,
+        };
+        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,
@@ -92,19 +128,16 @@ const still = async () => {
         chromiumOptions,
         timeoutInMilliseconds: remotion_1.Internals.getCurrentPuppeteerTimeout(),
         scale,
+        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!'));
+    log_1.Log.info(chalk_1.chalk.green('\nYour still frame is ready!'));
     const seconds = Math.round((Date.now() - startTime) / 1000);
     log_1.Log.info([
         '- Total render time:',
@@ -112,7 +145,7 @@ const still = async () => {
         seconds === 1 ? 'second' : 'seconds',
     ].join(' '));
     log_1.Log.info('-', 'Output can be found at:');
-    log_1.Log.info(chalk_1.default.cyan(`▶️ ${userOutput}`));
+    log_1.Log.info(chalk_1.chalk.cyan(`▶️ ${userOutput}`));
     await closeBrowserPromise;
 };
 exports.still = still;

package/dist/upgrade.js

@@ -4,12 +4,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.upgrade = void 0;
-const bundler_1 = require("@remotion/bundler");
-const execa_1 = __importDefault(require("execa"));
+const renderer_1 = require("@remotion/renderer");
 const fs_1 = __importDefault(require("fs"));
 const path_1 = __importDefault(require("path"));
 const remotion_1 = require("remotion");
+const get_latest_remotion_version_1 = require("./get-latest-remotion-version");
 const log_1 = require("./log");
+const get_package_manager_1 = require("./preview-server/get-package-manager");
 const getUpgradeCommand = ({ manager, packages, version, }) => {
     const pkgList = packages.map((p) => `${p}@^${version}`);
     const commands = {
@@ -28,10 +29,10 @@ const upgrade = async () => {
     }
     const packageJson = require(packageJsonFilePath);
     const dependencies = Object.keys(packageJson.dependencies);
-    const latestRemotionVersion = await bundler_1.BundlerInternals.getLatestRemotionVersion();
-    const manager = bundler_1.BundlerInternals.getPackageManager();
+    const latestRemotionVersion = await (0, get_latest_remotion_version_1.getLatestRemotionVersion)();
+    const manager = (0, get_package_manager_1.getPackageManager)();
     if (manager === 'unknown') {
-        throw new Error(`No lockfile was found in your project (one of ${bundler_1.BundlerInternals.lockFilePaths
+        throw new Error(`No lockfile was found in your project (one of ${get_package_manager_1.lockFilePaths
             .map((p) => p.path)
             .join(', ')}). Install dependencies using your favorite manager!`);
     }
@@ -43,12 +44,13 @@ const upgrade = async () => {
         '@remotion/media-utils',
         '@remotion/babel-loader',
         '@remotion/lambda',
+        '@remotion/preload',
         '@remotion/three',
         '@remotion/gif',
         'remotion',
     ].filter((u) => dependencies.includes(u));
-    const prom = (0, execa_1.default)(manager, getUpgradeCommand({
-        manager,
+    const prom = renderer_1.RenderInternals.execa(manager.manager, getUpgradeCommand({
+        manager: manager.manager,
         packages: toUpgrade,
         version: latestRemotionVersion,
     }), {

package/dist/versions.js

@@ -17,6 +17,7 @@ const packages = [
     '@remotion/media-utils',
     '@remotion/babel-loader',
     '@remotion/lambda',
+    '@remotion/preload',
     '@remotion/three',
     '@remotion/gif',
     'remotion',
@@ -82,6 +83,8 @@ const versionsCommand = async () => {
     const versions = await getAllVersions();
     const grouped = groupBy(versions);
     const installedVersions = Object.keys(grouped);
+    log_1.Log.info(`Node.JS = ${process.version}, OS = ${process.platform}`);
+    log_1.Log.info();
     for (const version of installedVersions) {
         log_1.Log.info(`On version: ${version}`);
         for (const pkg of grouped[version]) {

package/dist/warn-about-ffmpeg-version.d.ts

@@ -1,4 +1,4 @@
-import { FfmpegVersion } from '@remotion/renderer';
+import type { FfmpegVersion } from '@remotion/renderer';
 export declare const warnAboutFfmpegVersion: ({ ffmpegVersion, buildConf, }: {
     ffmpegVersion: FfmpegVersion;
     buildConf: string | null;

package/dist/webpack-cache.d.ts

@@ -0,0 +1,12 @@
+declare type Environment = 'development' | 'production';
+declare global {
+    namespace NodeJS {
+        interface ProcessVersions {
+            pnp?: string;
+        }
+    }
+}
+export declare const clearCache: (environment: Environment, inputProps: object | null) => Promise<void>;
+export declare const getWebpackCacheName: (environment: Environment, inputProps: object | null) => string;
+export declare const cacheExists: (environment: Environment, inputProps: object | null) => boolean;
+export {};

package/dist/webpack-cache.js

@@ -0,0 +1,66 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cacheExists = exports.getWebpackCacheName = exports.clearCache = void 0;
+const fs_1 = __importDefault(require("fs"));
+const path_1 = __importDefault(require("path"));
+const remotion_1 = require("remotion");
+// Inlined from https://github.com/webpack/webpack/blob/4c2ee7a4ddb8db2362ca83b6c4190523387ba7ee/lib/config/defaults.js#L265
+// An algorithm to determine where Webpack will cache the depencies
+const getWebpackCacheDir = () => {
+    const cwd = process.cwd();
+    let dir = cwd;
+    for (;;) {
+        try {
+            if (fs_1.default.statSync(path_1.default.join(dir, 'package.json')).isFile()) {
+                break;
+            }
+            // eslint-disable-next-line no-empty
+        }
+        catch (e) { }
+        const parent = path_1.default.dirname(dir);
+        if (dir === parent) {
+            dir = undefined;
+            break;
+        }
+        dir = parent;
+    }
+    if (!dir) {
+        return path_1.default.resolve(cwd, '.cache/webpack');
+    }
+    if (process.versions.pnp === '1') {
+        return path_1.default.resolve(dir, '.pnp/.cache/webpack');
+    }
+    if (process.versions.pnp === '3') {
+        return path_1.default.resolve(dir, '.yarn/.cache/webpack');
+    }
+    return path_1.default.resolve(dir, 'node_modules/.cache/webpack');
+};
+const remotionCacheLocation = (environment, inputProps) => {
+    return path_1.default.join(getWebpackCacheDir(), (0, exports.getWebpackCacheName)(environment, inputProps));
+};
+const clearCache = (environment, inputProps) => {
+    var _a;
+    return ((_a = fs_1.default.promises.rm) !== null && _a !== void 0 ? _a : fs_1.default.promises.rmdir)(remotionCacheLocation(environment, inputProps), {
+        recursive: true,
+    });
+};
+exports.clearCache = clearCache;
+const getWebpackCacheName = (environment, inputProps) => {
+    // In development, let's reset the cache when input props
+    // are changing, because they are injected using Webpack and if changed,
+    // it will get the cached version
+    if (environment === 'development') {
+        return `remotion-v3-${environment}-${(0, remotion_1.random)(JSON.stringify(inputProps))}`;
+    }
+    // In production, the cache is independent from input props because
+    // they are passed over URL params. Speed is mostly important in production.
+    return `remotion-v3-${environment}`;
+};
+exports.getWebpackCacheName = getWebpackCacheName;
+const cacheExists = (environment, inputProps) => {
+    return fs_1.default.existsSync(remotionCacheLocation(environment, inputProps));
+};
+exports.cacheExists = cacheExists;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/cli",
-	"version": "4.0.0-preload.13+f7b159495",
+	"version": "4.0.0-publish.3+61971d192",
 	"description": "CLI for Remotion",
 	"main": "dist/index.js",
 	"sideEffects": false,
@@ -23,30 +23,31 @@
 	"author": "Jonny Burger <jonny@remotion.dev>",
 	"license": "SEE LICENSE IN LICENSE.md",
 	"dependencies": {
-		"@remotion/bundler": "4.0.0-preload.13+f7b159495",
-		"@remotion/media-utils": "4.0.0-preload.13+f7b159495",
-		"@remotion/player": "4.0.0-preload.13+f7b159495",
-		"@remotion/renderer": "4.0.0-preload.13+f7b159495",
+		"@remotion/bundler": "4.0.0-publish.3+61971d192",
+		"@remotion/media-utils": "4.0.0-publish.3+61971d192",
+		"@remotion/player": "4.0.0-publish.3+61971d192",
+		"@remotion/renderer": "4.0.0-publish.3+61971d192",
 		"better-opn": "2.1.1",
-		"chalk": "4.1.2",
 		"dotenv": "9.0.2",
-		"execa": "5.1.1",
+		"memfs": "3.4.3",
 		"minimist": "1.2.6",
-		"remotion": "4.0.0-preload.13+f7b159495",
+		"remotion": "4.0.0-publish.3+61971d192",
 		"semver": "7.3.5",
-		"webpack": "5.72.0"
+		"source-map": "0.6.1"
 	},
 	"peerDependencies": {
 		"react": ">=16.8.0",
 		"react-dom": ">=16.8.0"
 	},
 	"devDependencies": {
-		"@jonny/eslint-config": "3.0.259",
+		"@jonny/eslint-config": "3.0.266",
 		"@types/jest": "^27.4.0",
 		"@types/minimist": "^1.2.2",
 		"@types/node": "^16.7.5",
 		"@types/react": "18.0.1",
 		"@types/react-dom": "18.0.0",
+		"@types/semver": "^7.3.4",
+		"@types/webpack-env": "^1.16.0",
 		"@typescript-eslint/eslint-plugin": "5.18.0",
 		"@typescript-eslint/parser": "5.18.0",
 		"eslint": "8.13.0",
@@ -59,7 +60,7 @@
 		"react": "^18.0.0",
 		"react-dom": "^18.0.0",
 		"ts-jest": "^27.0.5",
-		"typescript": "^4.5.5"
+		"typescript": "^4.7.0"
 	},
 	"keywords": [
 		"remotion",
@@ -72,5 +73,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "f7b1594951e881444050f2f9d4af8d442bbec942"
+	"gitHead": "61971d1927db43af8654095ad5467effd994938e"
 }