@remotion/cli 4.0.0-2x.1 → 4.0.0-alpha.111

package/dist/load-config.js

@@ -6,35 +6,28 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.loadConfigFile = void 0;
 const bundler_1 = require("@remotion/bundler");
 const fs_1 = __importDefault(require("fs"));
-const os_1 = __importDefault(require("os"));
 const path_1 = __importDefault(require("path"));
+const worker_threads_1 = require("worker_threads");
 const log_1 = require("./log");
-const loadConfigFile = async (configFileName, isJavascript) => {
-    const resolved = path_1.default.resolve(process.cwd(), configFileName);
-    const tsconfigJson = path_1.default.join(process.cwd(), 'tsconfig.json');
+const loadConfigFile = async (remotionRoot, configFileName, isJavascript) => {
+    const resolved = path_1.default.resolve(remotionRoot, configFileName);
+    const tsconfigJson = path_1.default.join(remotionRoot, 'tsconfig.json');
     if (!isJavascript && !fs_1.default.existsSync(tsconfigJson)) {
-        log_1.Log.error('Could not find a tsconfig.json file in your project. Did you delete it? Create a tsconfig.json in the root of your project. Copy the default file from https://github.com/remotion-dev/template/blob/main/tsconfig.json.');
+        log_1.Log.error('Could not find a tsconfig.json file in your project. Did you delete it? Create a tsconfig.json in the root of your project. Copy the default file from https://github.com/remotion-dev/template-helloworld/blob/main/tsconfig.json.');
+        log_1.Log.error('The root directory is:', remotionRoot);
         process.exit(1);
     }
-    const out = path_1.default.join(await fs_1.default.promises.mkdtemp(path_1.default.join(os_1.default.tmpdir(), 'remotion-')), 'bundle.js');
+    const virtualOutfile = 'bundle.js';
     const result = await bundler_1.BundlerInternals.esbuild.build({
         platform: 'node',
-        target: 'node14',
+        target: 'node16',
         bundle: true,
         entryPoints: [resolved],
         tsconfig: isJavascript ? undefined : tsconfigJson,
-        absWorkingDir: process.cwd(),
-        outfile: out,
-        external: [
-            'remotion',
-            // Dependencies of babel-loader that trigger a warning when used
-            'react-refresh/babel',
-            '@babel/plugin-proposal-class-properties',
-            '@babel/preset-typescript',
-            '@babel/preset-react',
-            'babel-loader',
-            '@babel/preset-env',
-        ],
+        absWorkingDir: remotionRoot,
+        outfile: virtualOutfile,
+        write: false,
+        packages: 'external',
     });
     if (result.errors.length > 0) {
         log_1.Log.error('Error in remotion.config.ts file');
@@ -43,10 +36,18 @@ const loadConfigFile = async (configFileName, isJavascript) => {
         }
         process.exit(1);
     }
-    const file = await fs_1.default.promises.readFile(out, 'utf8');
+    const str = new TextDecoder().decode(result.outputFiles[0].contents);
+    const currentCwd = process.cwd();
+    // The config file is always executed from the Remotion root, if `process.cwd()` is being used. We cannot enforce this in worker threads used for testing
+    if (worker_threads_1.isMainThread) {
+        process.chdir(remotionRoot);
+    }
+    // Exectute the contents of the config file
     // eslint-disable-next-line no-eval
-    eval(file);
-    await fs_1.default.promises.unlink(out);
+    eval(str);
+    if (worker_threads_1.isMainThread) {
+        process.chdir(currentCwd);
+    }
     return resolved;
 };
 exports.loadConfigFile = loadConfigFile;

package/dist/log.d.ts

@@ -1,6 +1,20 @@
+import type { LogLevel } from '@remotion/renderer';
+export declare const INDENT_TOKEN: string;
 export declare const Log: {
     verbose: (message?: any, ...optionalParams: any[]) => void;
+    verboseAdvanced: (options: {
+        indent: boolean;
+        logLevel: LogLevel;
+    }, message?: any, ...optionalParams: any[]) => void;
     info: (message?: any, ...optionalParams: any[]) => void;
+    infoAdvanced: (options: {
+        indent: boolean;
+        logLevel: LogLevel;
+    }, message?: any, ...optionalParams: any[]) => void;
     warn: (message?: any, ...optionalParams: any[]) => void;
+    warnAdvanced: (options: {
+        indent: boolean;
+        logLevel: LogLevel;
+    }, message?: any, ...optionalParams: any[]) => void;
     error: (message?: any, ...optionalParams: any[]) => void;
 };

package/dist/log.js

@@ -1,27 +1,44 @@
 "use strict";
-/* eslint-disable no-console */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Log = void 0;
-const remotion_1 = require("remotion");
+exports.Log = exports.INDENT_TOKEN = void 0;
+const renderer_1 = require("@remotion/renderer");
 const chalk_1 = require("./chalk");
+const config_1 = require("./config");
+const truthy_1 = require("./truthy");
+exports.INDENT_TOKEN = chalk_1.chalk.gray('│');
 exports.Log = {
     verbose: (...args) => {
-        if (remotion_1.Internals.Logging.isEqualOrBelowLogLevel(remotion_1.Internals.Logging.getLogLevel(), 'verbose')) {
-            return console.log(...args.map((a) => chalk_1.chalk.blueBright(a)));
+        exports.Log.verboseAdvanced({ indent: false, logLevel: config_1.ConfigInternals.Logging.getLogLevel() }, ...args);
+    },
+    verboseAdvanced: (options, ...args) => {
+        if (renderer_1.RenderInternals.isEqualOrBelowLogLevel(options.logLevel, 'verbose')) {
+            return console.log(...[
+                options.indent ? exports.INDENT_TOKEN : null,
+                ...args.map((a) => chalk_1.chalk.blueBright(a)),
+            ].filter(truthy_1.truthy));
         }
     },
     info: (...args) => {
-        if (remotion_1.Internals.Logging.isEqualOrBelowLogLevel(remotion_1.Internals.Logging.getLogLevel(), 'info')) {
-            return console.log(...args);
+        exports.Log.infoAdvanced({ indent: false, logLevel: config_1.ConfigInternals.Logging.getLogLevel() }, ...args);
+    },
+    infoAdvanced: (options, ...args) => {
+        if (renderer_1.RenderInternals.isEqualOrBelowLogLevel(options.logLevel, 'info')) {
+            return console.log(...[options.indent ? exports.INDENT_TOKEN : null, ...args].filter(truthy_1.truthy));
         }
     },
     warn: (...args) => {
-        if (remotion_1.Internals.Logging.isEqualOrBelowLogLevel(remotion_1.Internals.Logging.getLogLevel(), 'warn')) {
-            return console.warn(...args.map((a) => chalk_1.chalk.yellow(a)));
+        exports.Log.warnAdvanced({ indent: false, logLevel: config_1.ConfigInternals.Logging.getLogLevel() }, ...args);
+    },
+    warnAdvanced: (options, ...args) => {
+        if (renderer_1.RenderInternals.isEqualOrBelowLogLevel(options.logLevel, 'warn')) {
+            return console.warn(...[
+                options.indent ? chalk_1.chalk.yellow(exports.INDENT_TOKEN) : null,
+                ...args.map((a) => chalk_1.chalk.yellow(a)),
+            ].filter(truthy_1.truthy));
         }
     },
     error: (...args) => {
-        if (remotion_1.Internals.Logging.isEqualOrBelowLogLevel(remotion_1.Internals.Logging.getLogLevel(), 'error')) {
+        if (renderer_1.RenderInternals.isEqualOrBelowLogLevel(config_1.ConfigInternals.Logging.getLogLevel(), 'error')) {
             return console.error(...args.map((a) => chalk_1.chalk.red(a)));
         }
     },

package/dist/make-progress-bar.js

@@ -1,9 +1,22 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.makeProgressBar = void 0;
+const full = '─';
+const half = '╴';
 const makeProgressBar = (percentage) => {
     const totalBars = 20;
     const barsToShow = Math.floor(percentage * totalBars);
-    return `[${'='.repeat(barsToShow).padEnd(totalBars, ' ')}]`;
+    const extraBar = (percentage * totalBars) % barsToShow;
+    const base = full.repeat(barsToShow) + (extraBar > 0.5 ? half : '');
+    if (percentage === 0) {
+        return `${' '.repeat(totalBars + 1)}`;
+    }
+    if (percentage > 0 && barsToShow < 1) {
+        return `╷${' '.repeat(totalBars)}`;
+    }
+    if (percentage >= 1) {
+        return `╭${base.substring(0, base.length - 1)}╮`;
+    }
+    return `╭${base.padEnd(totalBars, ' ')}`;
 };
 exports.makeProgressBar = makeProgressBar;

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

@@ -1,20 +1,24 @@
-import minimist from 'minimist';
-import type { BrowserExecutable, Codec, FfmpegExecutable, ImageFormat, OpenGlRenderer, PixelFormat, ProResProfile } from 'remotion';
+import type { AudioCodec, BrowserExecutable, Codec, OpenGlRenderer, PixelFormat, ProResProfile, StillImageFormat, VideoImageFormat } from '@remotion/renderer';
 export declare type CommandLineOptions = {
     ['browser-executable']: BrowserExecutable;
-    ['ffmpeg-executable']: FfmpegExecutable;
-    ['ffprobe-executable']: FfmpegExecutable;
     ['pixel-format']: PixelFormat;
-    ['image-format']: ImageFormat;
+    ['image-format']: VideoImageFormat | StillImageFormat;
     ['prores-profile']: ProResProfile;
     ['bundle-cache']: string;
     ['env-file']: string;
     ['ignore-certificate-errors']: string;
     ['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;
+    ['audio-codec']: AudioCodec;
     crf: number;
     force: boolean;
     overwrite: boolean;
@@ -31,9 +35,23 @@ export declare type CommandLineOptions = {
     port: number;
     frame: string | number;
     ['disable-headless']: boolean;
+    ['disable-keyboard-shortcuts']: boolean;
+    muted: boolean;
+    height: number;
+    width: number;
+    runs: number;
+    concurrencies: string;
+    ['enforce-audio-track']: boolean;
     gl: OpenGlRenderer;
+    ['package-manager']: string;
+    ['webpack-poll']: number;
+    ['no-open']: boolean;
+    ['browser']: string;
+    ['browser-args']: string;
 };
 export declare const BooleanFlags: string[];
-export declare const parsedCli: CommandLineOptions & minimist.ParsedArgs;
-export declare const parseCommandLine: (type: 'still' | 'sequence' | 'lambda' | 'preview' | 'versions') => void;
+export declare const parsedCli: CommandLineOptions & {
+    _: string[];
+};
+export declare const parseCommandLine: () => void;
 export declare const quietFlagProvided: () => boolean;

package/dist/parse-command-line.js

@@ -4,9 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.quietFlagProvided = exports.parseCommandLine = exports.parsedCli = exports.BooleanFlags = void 0;
+const renderer_1 = require("@remotion/renderer");
 const minimist_1 = __importDefault(require("minimist"));
-const path_1 = require("path");
-const remotion_1 = require("remotion");
+const config_1 = require("./config");
 const log_1 = require("./log");
 exports.BooleanFlags = [
     'force',
@@ -15,6 +15,8 @@ exports.BooleanFlags = [
     'help',
     'quiet',
     'q',
+    'muted',
+    'enforce-audio-track',
     // Lambda flags
     'force',
     'disable-chunk-optimization',
@@ -25,99 +27,113 @@ exports.BooleanFlags = [
     'disable-web-security',
     'ignore-certificate-errors',
     'disable-headless',
+    'disable-keyboard-shortcuts',
+    'default-only',
+    'no-open',
 ];
 exports.parsedCli = (0, minimist_1.default)(process.argv.slice(2), {
     boolean: exports.BooleanFlags,
 });
-const parseCommandLine = (type) => {
+const parseCommandLine = () => {
     if (exports.parsedCli['pixel-format']) {
-        remotion_1.Config.Output.setPixelFormat(exports.parsedCli['pixel-format']);
-    }
-    if (exports.parsedCli['image-format']) {
-        remotion_1.Config.Rendering.setImageFormat(exports.parsedCli['image-format']);
+        config_1.Config.setPixelFormat(exports.parsedCli['pixel-format']);
     }
     if (exports.parsedCli['browser-executable']) {
-        remotion_1.Config.Puppeteer.setBrowserExecutable(exports.parsedCli['browser-executable']);
-    }
-    if (exports.parsedCli['ffmpeg-executable']) {
-        remotion_1.Config.Rendering.setFfmpegExecutable((0, path_1.resolve)(exports.parsedCli['ffmpeg-executable']));
+        config_1.Config.setBrowserExecutable(exports.parsedCli['browser-executable']);
     }
-    if (exports.parsedCli['ffprobe-executable']) {
-        remotion_1.Config.Rendering.setFfprobeExecutable((0, path_1.resolve)(exports.parsedCli['ffprobe-executable']));
+    if (exports.parsedCli['number-of-gif-loops']) {
+        config_1.Config.setNumberOfGifLoops(exports.parsedCli['number-of-gif-loops']);
     }
     if (typeof exports.parsedCli['bundle-cache'] !== 'undefined') {
-        remotion_1.Config.Bundling.setCachingEnabled(exports.parsedCli['bundle-cache'] !== 'false');
+        config_1.Config.setCachingEnabled(exports.parsedCli['bundle-cache'] !== 'false');
     }
     if (exports.parsedCli['disable-web-security']) {
-        remotion_1.Config.Puppeteer.setChromiumDisableWebSecurity(true);
+        config_1.Config.setChromiumDisableWebSecurity(true);
     }
     if (exports.parsedCli['ignore-certificate-errors']) {
-        remotion_1.Config.Puppeteer.setChromiumIgnoreCertificateErrors(true);
+        config_1.Config.setChromiumIgnoreCertificateErrors(true);
     }
     if (exports.parsedCli['disable-headless']) {
-        remotion_1.Config.Puppeteer.setChromiumHeadlessMode(false);
-    }
-    if (exports.parsedCli.gl) {
-        remotion_1.Config.Puppeteer.setChromiumOpenGlRenderer(exports.parsedCli.gl);
+        config_1.Config.setChromiumHeadlessMode(false);
     }
     if (exports.parsedCli.log) {
-        if (!remotion_1.Internals.Logging.isValidLogLevel(exports.parsedCli.log)) {
+        if (!renderer_1.RenderInternals.isValidLogLevel(exports.parsedCli.log)) {
             log_1.Log.error('Invalid `--log` value passed.');
-            log_1.Log.error(`Accepted values: ${remotion_1.Internals.Logging.logLevels
+            log_1.Log.error(`Accepted values: ${renderer_1.RenderInternals.logLevels
                 .map((l) => `'${l}'`)
                 .join(', ')}.`);
             process.exit(1);
         }
-        remotion_1.Internals.Logging.setLogLevel(exports.parsedCli.log);
+        config_1.ConfigInternals.Logging.setLogLevel(exports.parsedCli.log);
     }
     if (exports.parsedCli.concurrency) {
-        remotion_1.Config.Rendering.setConcurrency(exports.parsedCli.concurrency);
+        config_1.Config.setConcurrency(exports.parsedCli.concurrency);
     }
     if (exports.parsedCli.timeout) {
-        remotion_1.Config.Puppeteer.setTimeoutInMilliseconds(exports.parsedCli.timeout);
+        config_1.Config.setTimeoutInMilliseconds(exports.parsedCli.timeout);
+    }
+    if (exports.parsedCli.height) {
+        config_1.Config.overrideHeight(exports.parsedCli.height);
+    }
+    if (exports.parsedCli.width) {
+        config_1.Config.overrideWidth(exports.parsedCli.width);
     }
     if (exports.parsedCli.frames) {
-        if (type === 'still') {
-            log_1.Log.error('--frames flag was passed to the `still` command. This flag only works with the `render` command. Did you mean `--frame`? See reference: https://www.remotion.dev/docs/cli/');
-            process.exit(1);
-        }
-        remotion_1.Internals.setFrameRangeFromCli(exports.parsedCli.frames);
+        config_1.ConfigInternals.setFrameRangeFromCli(exports.parsedCli.frames);
     }
     if (exports.parsedCli.frame) {
-        if (type === 'sequence') {
-            log_1.Log.error('--frame flag was passed to the `render` command. This flag only works with the `still` command. Did you mean `--frames`? See reference: https://www.remotion.dev/docs/cli/');
-            process.exit(1);
-        }
-        remotion_1.Internals.setStillFrame(Number(exports.parsedCli.frame));
+        config_1.ConfigInternals.setStillFrame(Number(exports.parsedCli.frame));
     }
     if (exports.parsedCli.png) {
-        log_1.Log.warn('The --png flag has been deprecrated. Use --sequence --image-format=png from now on.');
-        remotion_1.Config.Output.setImageSequence(true);
-        remotion_1.Config.Rendering.setImageFormat('png');
+        throw new Error('The --png flag has been deprecrated. Use --sequence --image-format=png from now on.');
     }
     if (exports.parsedCli.sequence) {
-        remotion_1.Config.Output.setImageSequence(true);
+        config_1.Config.setImageSequence(true);
     }
     if (typeof exports.parsedCli.crf !== 'undefined') {
-        remotion_1.Config.Output.setCrf(exports.parsedCli.crf);
+        config_1.Config.setCrf(exports.parsedCli.crf);
     }
-    if (exports.parsedCli.codec) {
-        remotion_1.Config.Output.setCodec(exports.parsedCli.codec);
+    if (exports.parsedCli['every-nth-frame']) {
+        config_1.Config.setEveryNthFrame(exports.parsedCli['every-nth-frame']);
+    }
+    if (exports.parsedCli.gl) {
+        config_1.Config.setChromiumOpenGlRenderer(exports.parsedCli.gl);
     }
     if (exports.parsedCli['prores-profile']) {
-        remotion_1.Config.Output.setProResProfile(String(exports.parsedCli['prores-profile']));
+        config_1.Config.setProResProfile(String(exports.parsedCli['prores-profile']));
     }
     if (exports.parsedCli.overwrite) {
-        remotion_1.Config.Output.setOverwriteOutput(exports.parsedCli.overwrite);
+        config_1.Config.setOverwriteOutput(exports.parsedCli.overwrite);
     }
     if (typeof exports.parsedCli.quality !== 'undefined') {
-        remotion_1.Config.Rendering.setQuality(exports.parsedCli.quality);
+        config_1.Config.setQuality(exports.parsedCli.quality);
     }
     if (typeof exports.parsedCli.scale !== 'undefined') {
-        remotion_1.Config.Rendering.setScale(exports.parsedCli.scale);
+        config_1.Config.setScale(exports.parsedCli.scale);
     }
     if (typeof exports.parsedCli.port !== 'undefined') {
-        remotion_1.Config.Bundling.setPort(exports.parsedCli.port);
+        config_1.Config.setPort(exports.parsedCli.port);
+    }
+    if (typeof exports.parsedCli.muted !== 'undefined') {
+        config_1.Config.setMuted(exports.parsedCli.muted);
+    }
+    if (typeof exports.parsedCli['disable-keyboard-shortcuts'] !== 'undefined') {
+        config_1.Config.setKeyboardShortcutsEnabled(!exports.parsedCli['disable-keyboard-shortcuts']);
+    }
+    if (typeof exports.parsedCli['enforce-audio-track'] !== 'undefined') {
+        config_1.Config.setEnforceAudioTrack(exports.parsedCli['enforce-audio-track']);
+    }
+    if (typeof exports.parsedCli['public-dir'] !== 'undefined') {
+        config_1.Config.setPublicDir(exports.parsedCli['public-dir']);
+    }
+    if (typeof exports.parsedCli['webpack-poll'] !== 'undefined') {
+        config_1.Config.setWebpackPollingInMilliseconds(exports.parsedCli['webpack-poll']);
+    }
+    if (typeof exports.parsedCli['audio-bitrate'] !== 'undefined') {
+        config_1.Config.setAudioBitrate(exports.parsedCli['audio-bitrate']);
+    }
+    if (typeof exports.parsedCli['video-bitrate'] !== 'undefined') {
+        config_1.Config.setVideoBitrate(exports.parsedCli['video-bitrate']);
     }
 };
 exports.parseCommandLine = parseCommandLine;

package/dist/preview-server/api-routes.d.ts

@@ -0,0 +1,4 @@
+import type { ApiHandler, ApiRoutes } from './api-types';
+export declare const allApiRoutes: {
+    [key in keyof ApiRoutes]: ApiHandler<ApiRoutes[key]['Request'], ApiRoutes[key]['Response']>;
+};

package/dist/preview-server/api-routes.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.allApiRoutes = void 0;
+const add_render_1 = require("./routes/add-render");
+const cancel_render_1 = require("./routes/cancel-render");
+const open_in_file_explorer_1 = require("./routes/open-in-file-explorer");
+const remove_render_1 = require("./routes/remove-render");
+const subscribe_to_file_existence_1 = require("./routes/subscribe-to-file-existence");
+const unsubscribe_from_file_existence_1 = require("./routes/unsubscribe-from-file-existence");
+const update_default_props_1 = require("./routes/update-default-props");
+exports.allApiRoutes = {
+    '/api/cancel': cancel_render_1.handleCancelRender,
+    '/api/render': add_render_1.handleAddRender,
+    '/api/unsubscribe-from-file-existence': unsubscribe_from_file_existence_1.unsubscribeFromFileExistence,
+    '/api/subscribe-to-file-existence': subscribe_to_file_existence_1.subscribeToFileExistence,
+    '/api/remove-render': remove_render_1.handleRemoveRender,
+    '/api/open-in-file-explorer': open_in_file_explorer_1.handleOpenInFileExplorer,
+    '/api/update-default-props': update_default_props_1.updateDefaultPropsHandler,
+};

package/dist/preview-server/api-types.d.ts

@@ -0,0 +1,28 @@
+/// <reference types="node" />
+import type { IncomingMessage, ServerResponse } from 'http';
+import type { AddRenderRequest, CancelRenderRequest, CancelRenderResponse, OpenInFileExplorerRequest, RemoveRenderRequest, SubscribeToFileExistenceRequest, SubscribeToFileExistenceResponse, UnsubscribeFromFileExistenceRequest, UpdateDefaultPropsRequest } from './render-queue/job';
+export declare type ApiHandler<ReqData, ResData> = (params: {
+    input: ReqData;
+    entryPoint: string;
+    remotionRoot: string;
+    request: IncomingMessage;
+    response: ServerResponse;
+}) => Promise<ResData>;
+export declare type ApiRoute<ReqData, ResData> = {
+    handler: ApiHandler<ReqData, ResData>;
+    endpoint: string;
+};
+declare type ReqAndRes<A, B> = {
+    Request: A;
+    Response: B;
+};
+export declare type ApiRoutes = {
+    '/api/cancel': ReqAndRes<CancelRenderRequest, CancelRenderResponse>;
+    '/api/render': ReqAndRes<AddRenderRequest, undefined>;
+    '/api/unsubscribe-from-file-existence': ReqAndRes<UnsubscribeFromFileExistenceRequest, undefined>;
+    '/api/subscribe-to-file-existence': ReqAndRes<SubscribeToFileExistenceRequest, SubscribeToFileExistenceResponse>;
+    '/api/remove-render': ReqAndRes<RemoveRenderRequest, undefined>;
+    '/api/open-in-file-explorer': ReqAndRes<OpenInFileExplorerRequest, void>;
+    '/api/update-default-props': ReqAndRes<UpdateDefaultPropsRequest, void>;
+};
+export {};

package/dist/preview-server/api-types.js

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

package/dist/preview-server/dev-middleware/middleware.js

@@ -6,13 +6,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.middleware = exports.getValueContentRangeHeader = exports.getFilenameFromUrl = void 0;
 const renderer_1 = require("@remotion/renderer");
 const path_1 = __importDefault(require("path"));
-const compatible_api_1 = require("./compatible-api");
-const range_parser_1 = require("./range-parser");
-const ready_1 = require("./ready");
-// eslint-disable-next-line no-restricted-imports
 const querystring_1 = __importDefault(require("querystring"));
 const url_1 = require("url");
+const compatible_api_1 = require("./compatible-api");
 const get_paths_1 = require("./get-paths");
+const range_parser_1 = require("./range-parser");
+const ready_1 = require("./ready");
 const cacheStore = new WeakMap();
 const mem = (fn, { cache = new Map() } = {}) => {
     const memoized = (...arguments_) => {
@@ -134,7 +133,7 @@ function middleware(context) {
              */
             if (!res.getHeader('Content-Type')) {
                 // content-type name(like application/javascript; charset=utf-8) or false
-                const contentType = renderer_1.RenderInternals.mime.contentType(path_1.default.extname(filename));
+                const contentType = renderer_1.RenderInternals.mimeContentType(path_1.default.extname(filename));
                 // Only set content-type header if media type is known
                 // https://tools.ietf.org/html/rfc7231#section-3.1.1.5
                 if (contentType) {

package/dist/preview-server/dev-middleware/setup-hooks.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.setupHooks = void 0;
 const log_1 = require("../../log");
+const truthy_1 = require("../../truthy");
 const is_color_supported_1 = require("./is-color-supported");
 function setupHooks(context) {
     function invalid() {
@@ -21,13 +22,23 @@ function setupHooks(context) {
             }
             logger.log('Compilation finished');
             const statsOptions = {
-                preset: 'normal',
+                preset: 'errors-warnings',
                 colors: is_color_supported_1.isColorSupported,
             };
             const printedStats = stats.toString(statsOptions);
-            // Avoid extra empty line when `stats: 'none'`
-            if (printedStats) {
-                log_1.Log.info(printedStats);
+            const lines = printedStats
+                .split('\n')
+                .map((a) => a.trimEnd())
+                .filter(truthy_1.truthy)
+                .map((a) => {
+                if (a.startsWith('webpack compiled')) {
+                    return `Built in ${stats.endTime - stats.startTime}ms`;
+                }
+                return a;
+            })
+                .join('\n');
+            if (lines) {
+                log_1.Log.info(lines);
             }
             context.callbacks = [];
             callbacks.forEach((callback) => {

package/dist/preview-server/env-supports-fs-recursive.d.ts

@@ -0,0 +1 @@
+export declare const envSupportsFsRecursive: () => boolean;

package/dist/preview-server/env-supports-fs-recursive.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.envSupportsFsRecursive = void 0;
+const envSupportsFsRecursive = () => {
+    const nodeVersion = process.version.replace('v', '').split('.');
+    if (process.platform === 'darwin' || process.platform === 'win32') {
+        return true;
+    }
+    if (parseInt(nodeVersion[0], 10) > 19) {
+        return true;
+    }
+    if (parseInt(nodeVersion[0], 10) === 19 &&
+        parseInt(nodeVersion[1], 10) >= 1) {
+        return true;
+    }
+    return false;
+};
+exports.envSupportsFsRecursive = envSupportsFsRecursive;

package/dist/preview-server/error-overlay/entry-basic.js

@@ -4,8 +4,8 @@ const react_overlay_1 = require("./react-overlay");
 const remotion_overlay_1 = require("./remotion-overlay");
 const Overlay_1 = require("./remotion-overlay/Overlay");
 (0, react_overlay_1.startReportingRuntimeErrors)(() => {
-    if (module.hot) {
-        module.hot.addStatusHandler((status) => {
+    if (__webpack_module__.hot) {
+        __webpack_module__.hot.addStatusHandler((status) => {
             var _a;
             if (status === 'apply') {
                 if ((0, react_overlay_1.didUnmountReactApp)()) {