@remotion/cli 3.0.16 → 3.0.19

package/dist/bundle-on-cli.d.ts

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

package/dist/bundle-on-cli.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.bundleOnCli = void 0;
+const bundler_1 = require("@remotion/bundler");
+const remotion_1 = require("remotion");
+const log_1 = require("./log");
+const parse_command_line_1 = require("./parse-command-line");
+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);
+    if (cacheExistedBefore && !shouldCache) {
+        log_1.Log.info('🧹 Cache disabled but found. Deleting... ');
+        await bundler_1.BundlerInternals.clearCache('production', null);
+    }
+    const bundleStartTime = Date.now();
+    const bundlingProgress = (0, progress_bar_1.createOverwriteableCliOutput)((0, parse_command_line_1.quietFlagProvided)());
+    const bundled = await (0, bundler_1.bundle)(fullPath, (progress) => {
+        bundlingProgress.update((0, progress_bar_1.makeBundlingProgress)({
+            progress: progress / 100,
+            steps,
+            doneIn: null,
+        }));
+    }, {
+        enableCaching: shouldCache,
+        webpackOverride: (_a = remotion_1.Internals.getWebpackOverrideFn()) !== null && _a !== void 0 ? _a : remotion_1.Internals.defaultOverrideFunction,
+    });
+    bundlingProgress.update((0, progress_bar_1.makeBundlingProgress)({
+        progress: 1,
+        steps,
+        doneIn: Date.now() - bundleStartTime,
+    }) + '\n');
+    log_1.Log.verbose('Bundled under', bundled);
+    const cacheExistedAfter = bundler_1.BundlerInternals.cacheExists('production', null);
+    if (cacheExistedAfter && !cacheExistedBefore) {
+        log_1.Log.info('⚡️ Cached bundle. Subsequent renders will be faster.');
+    }
+    return bundled;
+};
+exports.bundleOnCli = bundleOnCli;

package/dist/bundle.d.ts

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

package/dist/bundle.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.bundleCommand = void 0;
+const get_cli_options_1 = require("./get-cli-options");
+const initialize_render_cli_1 = require("./initialize-render-cli");
+const log_1 = require("./log");
+const parse_command_line_1 = require("./parse-command-line");
+const prepare_entry_point_1 = require("./prepare-entry-point");
+const bundleCommand = async () => {
+    const file = parse_command_line_1.parsedCli._[1];
+    if (!file) {
+        log_1.Log.error('No entry point specified. Pass more arguments:');
+        log_1.Log.error('   npx remotion bundle [entry-point]');
+        log_1.Log.error('Documentation: https://www.remotion.dev/docs/render');
+        process.exit(1);
+    }
+    await (0, initialize_render_cli_1.initializeRenderCli)('bundle');
+    const { publicPath, bundleOutDir } = await (0, get_cli_options_1.getCliOptions)({
+        isLambda: false,
+        type: 'get-compositions-or-bundle',
+    });
+    const { urlOrBundle } = await (0, prepare_entry_point_1.prepareEntryPoint)({
+        file,
+        otherSteps: [],
+        outDir: bundleOutDir,
+        publicPath,
+    });
+    log_1.Log.info();
+    log_1.Log.info(urlOrBundle);
+};
+exports.bundleCommand = bundleCommand;

package/dist/compositions.js

@@ -34,11 +34,12 @@ const listCompositionsCommand = async () => {
     }
     const fullPath = path_1.default.join(process.cwd(), file);
     await (0, get_config_file_name_1.loadConfig)();
-    const { browserExecutable, ffmpegExecutable, chromiumOptions, envVariables, inputProps, puppeteerTimeout, port, } = await (0, get_cli_options_1.getCliOptions)({ isLambda: false, type: 'get-compositions' });
+    const { browserExecutable, ffmpegExecutable, ffprobeExecutable, 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,
         ffmpegExecutable,
+        ffprobeExecutable,
         chromiumOptions,
         envVariables,
         inputProps,

package/dist/download-progress.js

@@ -8,10 +8,13 @@ const makeMultiDownloadProgress = (progresses) => {
     }
     if (progresses.length === 1) {
         const [progress] = progresses;
+        const truncatedFileName = progress.name.length >= 100
+            ? progress.name.substring(0, 97) + '...'
+            : progress.name;
         return [
             `    +`,
             (0, make_progress_bar_1.makeProgressBar)(progress.progress),
-            `Downloading ${progress.name}`,
+            `Downloading ${truncatedFileName}`,
         ].join(' ');
     }
     return [

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const MenuBuildIndicator: React.FC;

package/dist/editor/components/MenuBuildIndicator.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuBuildIndicator = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const cwd = {
+    fontSize: 13,
+    opacity: 0.8,
+};
+const MenuBuildIndicator = () => {
+    const [isBuilding, setIsBuilding] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        window.remotion_isBuilding = () => {
+            setIsBuilding(true);
+        };
+        window.remotion_finishedBuilding = () => {
+            setIsBuilding(false);
+        };
+        return () => {
+            window.remotion_isBuilding = undefined;
+            window.remotion_finishedBuilding = undefined;
+        };
+    }, []);
+    return ((0, jsx_runtime_1.jsx)("div", { style: cwd, title: window.remotion_cwd, children: isBuilding ? 'Building...' : window.remotion_projectName }));
+};
+exports.MenuBuildIndicator = MenuBuildIndicator;

package/dist/editor/components/Preview.js

@@ -8,7 +8,6 @@ const remotion_1 = require("remotion");
 const checkerboard_background_1 = require("../helpers/checkerboard-background");
 const checkerboard_1 = require("../state/checkerboard");
 const preview_size_1 = require("../state/preview-size");
-const LoadingIndicator_1 = require("./LoadingIndicator");
 const checkerboardSize = 49;
 const containerStyle = (options) => {
     return {
@@ -26,9 +25,8 @@ const containerStyle = (options) => {
     };
 };
 const Inner = ({ canvasSize }) => {
-    var _a;
     const { size: previewSize } = (0, react_1.useContext)(preview_size_1.PreviewSizeContext);
-    const video = remotion_1.Internals.useVideo();
+    const portalContainer = (0, react_1.useRef)(null);
     const config = (0, remotion_1.useVideoConfig)();
     const { checkerboard } = (0, react_1.useContext)(checkerboard_1.CheckerboardContext);
     const { centerX, centerY, yCorrection, xCorrection, scale } = player_1.PlayerInternals.calculateScale({
@@ -66,9 +64,14 @@ const Inner = ({ canvasSize }) => {
         xCorrection,
         yCorrection,
     ]);
-    const Component = video ? video.component : null;
-    const inputProps = (0, remotion_1.getInputProps)();
-    return ((0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: (0, jsx_runtime_1.jsx)(LoadingIndicator_1.Loading, {}), children: (0, jsx_runtime_1.jsx)("div", { style: outer, children: (0, jsx_runtime_1.jsx)("div", { style: style, children: Component ? ((0, jsx_runtime_1.jsx)(Component, { ...((_a = video === null || video === void 0 ? void 0 : video.defaultProps) !== null && _a !== void 0 ? _a : {}), ...inputProps })) : null }) }) }));
+    (0, react_1.useEffect)(() => {
+        const { current } = portalContainer;
+        current === null || current === void 0 ? void 0 : current.appendChild(remotion_1.Internals.portalNode());
+        return () => {
+            current === null || current === void 0 ? void 0 : current.removeChild(remotion_1.Internals.portalNode());
+        };
+    }, []);
+    return ((0, jsx_runtime_1.jsx)("div", { style: outer, children: (0, jsx_runtime_1.jsx)("div", { ref: portalContainer, style: style }) }));
 };
 const VideoPreview = ({ canvasSize }) => {
     const config = remotion_1.Internals.useUnsafeVideoConfig();

package/dist/editor/components/TopPanel.js

@@ -16,6 +16,7 @@ const SplitterElement_1 = require("./Splitter/SplitterElement");
 const SplitterHandle_1 = require("./Splitter/SplitterHandle");
 const container = {
     height: '100%',
+    width: '100%',
     display: 'flex',
     flexDirection: 'column',
     flex: 1,

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

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

package/dist/get-cli-options.js

@@ -144,6 +144,7 @@ const getCliOptions = async (options) => {
     const proResProfile = getAndValidateProResProfile(codec);
     const browserExecutable = remotion_1.Internals.getBrowserExecutable();
     const ffmpegExecutable = remotion_1.Internals.getCustomFfmpegExecutable();
+    const ffprobeExecutable = remotion_1.Internals.getCustomFfprobeExecutable();
     const scale = remotion_1.Internals.getScale();
     const port = remotion_1.Internals.getServerPort();
     const chromiumOptions = {
@@ -173,6 +174,7 @@ const getCliOptions = async (options) => {
         stillFrame: remotion_1.Internals.getStillFrame(),
         browserExecutable,
         ffmpegExecutable,
+        ffprobeExecutable,
         logLevel: remotion_1.Internals.Logging.getLogLevel(),
         scale,
         chromiumOptions,

package/dist/get-latest-remotion-version.d.ts

@@ -0,0 +1 @@
+export declare const getLatestRemotionVersion: () => Promise<any>;

package/dist/get-latest-remotion-version.js

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getLatestRemotionVersion = void 0;
+const https_1 = __importDefault(require("https"));
+const getPackageJsonForRemotion = () => {
+    return new Promise((resolve, reject) => {
+        const req = https_1.default.get('https://registry.npmjs.org/remotion', {
+            headers: {
+                accept: 'application/vnd.npm.install-v1+json; q=1.0, application/json; q=0.8, */*',
+            },
+        }, (res) => {
+            let data = '';
+            res.on('data', (d) => {
+                data += d;
+            });
+            res.on('end', () => resolve(data));
+        });
+        req.on('error', (error) => {
+            reject(error);
+        });
+        req.end();
+    });
+};
+const getLatestRemotionVersion = async () => {
+    const pkgJson = await getPackageJsonForRemotion();
+    return JSON.parse(pkgJson)['dist-tags'].latest;
+};
+exports.getLatestRemotionVersion = getLatestRemotionVersion;

package/dist/index.d.ts

@@ -47,6 +47,7 @@ export declare const CliInternals: {
         stillFrame: number;
         browserExecutable: import("remotion").BrowserExecutable;
         ffmpegExecutable: import("remotion").FfmpegExecutable;
+        ffprobeExecutable: import("remotion").FfmpegExecutable;
         logLevel: "verbose" | "info" | "warn" | "error";
         scale: number;
         chromiumOptions: import("@remotion/renderer").ChromiumOptions;

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

@@ -3,6 +3,7 @@ import { BrowserExecutable, Codec, FfmpegExecutable, ImageFormat, OpenGlRenderer
 export declare type CommandLineOptions = {
     ['browser-executable']: BrowserExecutable;
     ['ffmpeg-executable']: FfmpegExecutable;
+    ['ffprobe-executable']: FfmpegExecutable;
     ['pixel-format']: PixelFormat;
     ['image-format']: ImageFormat;
     ['prores-profile']: ProResProfile;

package/dist/parse-command-line.js

@@ -42,6 +42,9 @@ const parseCommandLine = (type) => {
     if (exports.parsedCli['ffmpeg-executable']) {
         remotion_1.Config.Rendering.setFfmpegExecutable((0, path_1.resolve)(exports.parsedCli['ffmpeg-executable']));
     }
+    if (exports.parsedCli['ffprobe-executable']) {
+        remotion_1.Config.Rendering.setFfprobeExecutable((0, path_1.resolve)(exports.parsedCli['ffprobe-executable']));
+    }
     if (typeof exports.parsedCli['bundle-cache'] !== 'undefined') {
         remotion_1.Config.Bundling.setCachingEnabled(exports.parsedCli['bundle-cache'] !== 'false');
     }

package/dist/prepare-entry-point.d.ts

@@ -0,0 +1,11 @@
+import { RenderStep } from './step';
+export declare const prepareEntryPoint: ({ file, otherSteps, publicPath, outDir, }: {
+    file: string;
+    otherSteps: RenderStep[];
+    outDir: string | null;
+    publicPath: string | null;
+}) => Promise<{
+    urlOrBundle: string;
+    steps: RenderStep[];
+    shouldDelete: boolean;
+}>;

package/dist/prepare-entry-point.js

@@ -0,0 +1,36 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.prepareEntryPoint = void 0;
+const renderer_1 = require("@remotion/renderer");
+const promises_1 = require("fs/promises");
+const path_1 = __importDefault(require("path"));
+const process_1 = require("process");
+const log_1 = require("./log");
+const setup_cache_1 = require("./setup-cache");
+const prepareEntryPoint = async ({ file, otherSteps, publicPath, outDir, }) => {
+    if (renderer_1.RenderInternals.isServeUrl(file)) {
+        return { urlOrBundle: file, steps: otherSteps, shouldDelete: false };
+    }
+    const joined = path_1.default.resolve(process.cwd(), file);
+    try {
+        const stats = await (0, promises_1.stat)(joined);
+        if (stats.isDirectory()) {
+            return { urlOrBundle: joined, steps: otherSteps, shouldDelete: false };
+        }
+    }
+    catch (err) {
+        log_1.Log.error(`No file or directory exists at ${joined}.`);
+        (0, process_1.exit)(1);
+    }
+    const urlOrBundle = await (0, setup_cache_1.bundleOnCli)({
+        fullPath: joined,
+        steps: ['bundling', ...otherSteps],
+        outDir,
+        publicPath,
+    });
+    return { urlOrBundle, steps: ['bundling', ...otherSteps], shouldDelete: true };
+};
+exports.prepareEntryPoint = prepareEntryPoint;

package/dist/preview-server/dev-middleware/compatible-api.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="node" />
+/// <reference types="node" />
+/// <reference types="node" />
+import { ReadStream } from 'fs';
+import { IncomingMessage, ServerResponse } from 'http';
+export declare function getHeaderFromRequest(req: IncomingMessage, name: string): string | string[] | undefined;
+export declare function getHeaderFromResponse(res: ServerResponse, name: string): string | number | string[] | undefined;
+export declare function setHeaderForResponse(res: ServerResponse, name: string, value: string | number): void;
+export declare function send(req: IncomingMessage, res: ServerResponse, bufferOtStream: ReadStream | string | Buffer, byteLength: number): void;

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

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.send = exports.setHeaderForResponse = exports.getHeaderFromResponse = exports.getHeaderFromRequest = void 0;
+function getHeaderFromRequest(req, name) {
+    return req.headers[name];
+}
+exports.getHeaderFromRequest = getHeaderFromRequest;
+function getHeaderFromResponse(res, name) {
+    return res.getHeader(name);
+}
+exports.getHeaderFromResponse = getHeaderFromResponse;
+function setHeaderForResponse(res, name, value) {
+    res.setHeader(name, typeof value === 'number' ? String(value) : value);
+}
+exports.setHeaderForResponse = setHeaderForResponse;
+function send(req, res, bufferOtStream, byteLength) {
+    if (typeof bufferOtStream === 'string' || Buffer.isBuffer(bufferOtStream)) {
+        res.end(bufferOtStream);
+        return;
+    }
+    setHeaderForResponse(res, 'Content-Length', byteLength);
+    if (req.method === 'HEAD') {
+        res.end();
+        return;
+    }
+    bufferOtStream.pipe(res);
+}
+exports.send = send;

package/dist/preview-server/dev-middleware/get-paths.d.ts

@@ -0,0 +1,7 @@
+import { DevMiddlewareContext } from './types';
+declare type PublicPath = {
+    outputPath: string;
+    publicPath: string;
+};
+export declare function getPaths(context: DevMiddlewareContext): PublicPath[];
+export {};

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

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getPaths = void 0;
+function getPaths(context) {
+    const { stats } = context;
+    const publicPaths = [];
+    if (!stats) {
+        return publicPaths;
+    }
+    const { compilation } = stats;
+    // The `output.path` is always present and always absolute
+    const outputPath = compilation.getPath(compilation.outputOptions.path || '');
+    const publicPath = compilation.outputOptions.publicPath
+        ? compilation.getPath(compilation.outputOptions.publicPath)
+        : '';
+    publicPaths.push({ outputPath, publicPath });
+    return publicPaths;
+}
+exports.getPaths = getPaths;

package/dist/preview-server/dev-middleware/index.d.ts

@@ -0,0 +1,3 @@
+import { webpack } from '@remotion/bundler';
+import { MiddleWare } from './middleware';
+export declare const wdm: (compiler: webpack.Compiler) => MiddleWare;

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

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.wdm = void 0;
+const middleware_1 = require("./middleware");
+const setup_hooks_1 = require("./setup-hooks");
+const setup_output_filesystem_1 = require("./setup-output-filesystem");
+const wdm = (compiler) => {
+    const context = {
+        state: false,
+        stats: undefined,
+        callbacks: [],
+        compiler,
+        logger: compiler.getInfrastructureLogger('remotion'),
+        outputFileSystem: undefined,
+    };
+    (0, setup_hooks_1.setupHooks)(context);
+    (0, setup_output_filesystem_1.setupOutputFileSystem)(context);
+    const errorHandler = (error) => {
+        if (error) {
+            context.logger.error(error);
+        }
+    };
+    const watchOptions = context.compiler.options.watchOptions || {};
+    context.compiler.watch(watchOptions, errorHandler);
+    return (0, middleware_1.middleware)(context);
+};
+exports.wdm = wdm;

package/dist/preview-server/dev-middleware/is-color-supported.d.ts

@@ -0,0 +1 @@
+export declare const isColorSupported: boolean;

package/dist/preview-server/dev-middleware/is-color-supported.js

@@ -0,0 +1,37 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isColorSupported = void 0;
+const tty = __importStar(require("tty"));
+const argv = process.argv || [];
+const env = process.env || {};
+const isDisabled = 'NO_COLOR' in env || argv.includes('--no-color');
+const isForced = 'FORCE_COLOR' in env || argv.includes('--color');
+const isWindows = process.platform === 'win32';
+const isCompatibleTerminal = ((_a = tty === null || tty === void 0 ? void 0 : tty.isatty) === null || _a === void 0 ? void 0 : _a.call(tty, 1)) && env.TERM && env.TERM !== 'dumb';
+const isCI = 'CI' in env &&
+    ('GITHUB_ACTIONS' in env || 'GITLAB_CI' in env || 'CIRCLECI' in env);
+exports.isColorSupported = !isDisabled && (isForced || isWindows || isCompatibleTerminal || isCI);

package/dist/preview-server/dev-middleware/middleware.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="node" />
+import { IncomingMessage, ServerResponse } from 'http';
+import { DevMiddlewareContext } from './types';
+export declare function getFilenameFromUrl(context: DevMiddlewareContext, url: string | undefined): string | undefined;
+export declare function getValueContentRangeHeader(type: string, size: number, range?: {
+    start: number;
+    end: number;
+}): string;
+export declare type MiddleWare = (req: IncomingMessage, res: ServerResponse, next: () => void) => void;
+export declare function middleware(context: DevMiddlewareContext): (req: IncomingMessage, res: ServerResponse, next: () => void) => void;