@remotion/cli 3.0.15 → 3.0.18

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/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/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/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/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, port, puppeteerTimeout, } = 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');
     }
@@ -164,6 +164,7 @@ const render = async () => {
             chromiumOptions,
             scale,
             ffmpegExecutable,
+            ffprobeExecutable,
             browserExecutable,
             port,
         });
@@ -181,6 +182,7 @@ const render = async () => {
         crf,
         envVariables,
         ffmpegExecutable,
+        ffprobeExecutable,
         frameRange,
         imageFormat,
         inputProps,
@@ -229,5 +231,8 @@ 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!'));
+    if (remotion_1.Internals.Logging.isEqualOrBelowLogLevel(remotion_1.Internals.Logging.getLogLevel(), 'verbose')) {
+        remotion_1.Internals.perf.logPerf();
+    }
 };
 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, puppeteerTimeout, port, } = 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.');
@@ -73,6 +73,7 @@ const still = async () => {
         port,
         browserExecutable,
         ffmpegExecutable,
+        ffprobeExecutable,
     });
     const compositionId = (0, get_composition_id_1.getCompositionId)(comps);
     const composition = comps.find((c) => c.id === compositionId);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/cli",
-	"version": "3.0.15",
+	"version": "3.0.18",
 	"description": "CLI for Remotion",
 	"main": "dist/index.js",
 	"sideEffects": false,
@@ -23,18 +23,17 @@
 	"author": "Jonny Burger <jonny@remotion.dev>",
 	"license": "SEE LICENSE IN LICENSE.md",
 	"dependencies": {
-		"@remotion/bundler": "3.0.15",
-		"@remotion/media-utils": "3.0.15",
-		"@remotion/player": "3.0.15",
-		"@remotion/renderer": "3.0.15",
+		"@remotion/bundler": "3.0.18",
+		"@remotion/media-utils": "3.0.18",
+		"@remotion/player": "3.0.18",
+		"@remotion/renderer": "3.0.18",
 		"better-opn": "2.1.1",
 		"chalk": "4.1.2",
 		"dotenv": "9.0.2",
 		"execa": "5.1.1",
 		"minimist": "1.2.6",
-		"remotion": "3.0.15",
-		"semver": "7.3.5",
-		"webpack": "5.72.0"
+		"remotion": "3.0.18",
+		"semver": "7.3.5"
 	},
 	"peerDependencies": {
 		"react": ">=16.8.0",
@@ -72,5 +71,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "955b43714a53713963f862d3e9aec86de85f1ebd"
+	"gitHead": "64eadd48b303d0f627ed5883f9200345af002ee2"
 }