@remotion/cli 4.0.0-prefetch.10 → 4.0.0-prefetch.12

package/dist/progress-bar.js

@@ -34,7 +34,9 @@ const makeBundlingProgress = ({ progress, steps, doneIn, }) => [
     doneIn === null
         ? (progress * 100).toFixed(0) + '%'
         : chalk_1.chalk.gray(`${doneIn}ms`),
-].join(' ');
+]
+    .filter(truthy_1.truthy)
+    .join(' ');
 exports.makeBundlingProgress = makeBundlingProgress;
 const makeRenderingProgress = ({ frames, totalFrames, steps, concurrency, doneIn, }) => {
     const progress = frames / totalFrames;

package/dist/render.js

@@ -15,12 +15,12 @@ const config_1 = require("./config");
 const get_cli_options_1 = require("./get-cli-options");
 const get_composition_id_1 = require("./get-composition-id");
 const get_filename_1 = require("./get-filename");
-const initialize_render_cli_1 = require("./initialize-render-cli");
+const get_render_media_options_1 = require("./get-render-media-options");
 const log_1 = require("./log");
 const parse_command_line_1 = require("./parse-command-line");
 const progress_bar_1 = require("./progress-bar");
 const setup_cache_1 = require("./setup-cache");
-const validate_ffmpeg_version_1 = require("./validate-ffmpeg-version");
+const user_passed_output_location_1 = require("./user-passed-output-location");
 const render = async (remotionRoot) => {
     const startTime = Date.now();
     const file = parse_command_line_1.parsedCli._[1];
@@ -34,11 +34,20 @@ const render = async (remotionRoot) => {
         ? file
         : path_1.default.join(process.cwd(), file);
     const downloadMap = renderer_1.RenderInternals.makeDownloadMap();
-    await (0, initialize_render_cli_1.initializeRenderCli)(remotionRoot, 'sequence');
+    if (parse_command_line_1.parsedCli.frame) {
+        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);
+    }
     log_1.Log.verbose('Asset dirs', downloadMap.assetDir);
-    const { codec, proResProfile, parallelism, frameRange, shouldOutputImageSequence, overwrite, inputProps, envVariables, quality, browser, crf, pixelFormat, imageFormat, browserExecutable, ffmpegExecutable, ffprobeExecutable, scale, chromiumOptions, port, numberOfGifLoops, everyNthFrame, puppeteerTimeout, muted, enforceAudioTrack, publicDir, } = await (0, get_cli_options_1.getCliOptions)({
+    const { codec, reason: codecReason } = (0, get_cli_options_1.getFinalCodec)({
+        downloadName: null,
+        outName: (0, user_passed_output_location_1.getUserPassedOutputLocation)(),
+    });
+    (0, get_cli_options_1.validateFfmpegCanUseCodec)(codec);
+    const { concurrency, frameRange, shouldOutputImageSequence, overwrite, inputProps, envVariables, quality, browser, imageFormat, browserExecutable, ffmpegExecutable, ffprobeExecutable, scale, chromiumOptions, port, everyNthFrame, puppeteerTimeout, publicDir, } = await (0, get_cli_options_1.getCliOptions)({
         isLambda: false,
         type: 'series',
+        codec,
     });
     const relativeOutputLocation = (0, get_filename_1.getOutputFilename)({
         codec,
@@ -48,11 +57,12 @@ const render = async (remotionRoot) => {
     });
     const absoluteOutputFile = (0, get_cli_options_1.getAndValidateAbsoluteOutputFile)(relativeOutputLocation, overwrite);
     const compositionId = (0, get_composition_id_1.getCompositionId)();
-    log_1.Log.info(chalk_1.chalk.gray(`Composition = ${compositionId}, Codec = ${codec}, Output = ${relativeOutputLocation}`));
-    log_1.Log.verbose('Browser executable: ', browserExecutable);
-    await (0, validate_ffmpeg_version_1.checkAndValidateFfmpegVersion)({
+    log_1.Log.info(chalk_1.chalk.gray(`Composition = ${compositionId}, Codec = ${codec} (${codecReason}), Output = ${relativeOutputLocation}`));
+    const ffmpegVersion = await renderer_1.RenderInternals.getFfmpegVersion({
         ffmpegExecutable,
     });
+    log_1.Log.verbose('FFMPEG Version:', ffmpegVersion ? ffmpegVersion.join('.') : 'Built from source');
+    log_1.Log.verbose('Browser executable: ', browserExecutable);
     const browserInstance = (0, renderer_1.openBrowser)(browser, {
         browserExecutable,
         shouldDumpIo: renderer_1.RenderInternals.isEqualOrBelowLogLevel(config_1.ConfigInternals.Logging.getLogLevel(), 'verbose'),
@@ -93,10 +103,11 @@ const render = async (remotionRoot) => {
         inputProps,
         puppeteerInstance,
         envVariables,
-        timeoutInMilliseconds: config_1.ConfigInternals.getCurrentPuppeteerTimeout(),
+        timeoutInMilliseconds: puppeteerTimeout,
         chromiumOptions,
         browserExecutable,
         downloadMap,
+        port,
     });
     const config = comps.find((c) => c.id === compositionId);
     if (!config) {
@@ -129,7 +140,7 @@ const render = async (remotionRoot) => {
             rendering: {
                 frames: renderedFrames,
                 totalFrames: totalFrames.length,
-                concurrency: renderer_1.RenderInternals.getActualConcurrency(parallelism),
+                concurrency: renderer_1.RenderInternals.getActualConcurrency(concurrency),
                 doneIn: renderedDoneIn,
                 steps,
             },
@@ -178,7 +189,7 @@ const render = async (remotionRoot) => {
             everyNthFrame,
             envVariables,
             frameRange,
-            parallelism,
+            concurrency,
             puppeteerInstance,
             quality,
             timeoutInMilliseconds: puppeteerTimeout,
@@ -197,17 +208,14 @@ const render = async (remotionRoot) => {
         log_1.Log.info(chalk_1.chalk.green('\nYour image sequence is ready!'));
         return;
     }
-    await (0, renderer_1.renderMedia)({
+    const options = await (0, get_render_media_options_1.getRenderMediaOptions)({
+        config,
         outputLocation: absoluteOutputFile,
+        serveUrl: urlOrBundle,
         codec,
-        composition: config,
-        crf,
-        envVariables,
-        ffmpegExecutable,
-        ffprobeExecutable,
-        frameRange,
-        imageFormat,
-        inputProps,
+    });
+    await (0, renderer_1.renderMedia)({
+        ...options,
         onProgress: (update) => {
             encodedDoneIn = update.encodedDoneIn;
             encodedFrames = update.encodedFrames;
@@ -217,24 +225,15 @@ const render = async (remotionRoot) => {
             updateRenderProgress();
         },
         puppeteerInstance,
-        overwrite,
-        parallelism,
-        pixelFormat,
-        proResProfile,
-        quality,
-        serveUrl: urlOrBundle,
         onDownload,
-        dumpBrowserLogs: renderer_1.RenderInternals.isEqualOrBelowLogLevel(config_1.ConfigInternals.Logging.getLogLevel(), 'verbose'),
-        chromiumOptions,
-        timeoutInMilliseconds: config_1.ConfigInternals.getCurrentPuppeteerTimeout(),
-        scale,
-        port,
-        numberOfGifLoops,
-        everyNthFrame,
-        verbose: renderer_1.RenderInternals.isEqualOrBelowLogLevel(config_1.ConfigInternals.Logging.getLogLevel(), 'verbose'),
         downloadMap,
-        muted,
-        enforceAudioTrack,
+        onSlowestFrames: (slowestFrames) => {
+            log_1.Log.verbose();
+            log_1.Log.verbose(`Slowest frames:`);
+            slowestFrames.forEach(({ frame, time }) => {
+                log_1.Log.verbose(`Frame ${frame} (${time.toFixed(3)}ms)`);
+            });
+        },
     });
     log_1.Log.info();
     log_1.Log.info();

package/dist/setup-cache.js

@@ -40,7 +40,7 @@ const bundleOnCli = async ({ fullPath, steps, remotionRoot, publicDir, }) => {
     const [hash] = bundler_1.BundlerInternals.getConfig({
         outDir: '',
         entryPoint: fullPath,
-        onProgressUpdate: onProgress,
+        onProgress,
         options,
         resolvedRemotionRoot: remotionRoot,
     });
@@ -55,13 +55,17 @@ const bundleOnCli = async ({ fullPath, steps, remotionRoot, publicDir, }) => {
     }
     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,
-        }));
-    }, options);
+    const bundled = await (0, bundler_1.bundle)({
+        entryPoint: fullPath,
+        onProgress: (progress) => {
+            bundlingProgress.update((0, progress_bar_1.makeBundlingProgress)({
+                progress: progress / 100,
+                steps,
+                doneIn: null,
+            }));
+        },
+        ...options,
+    });
     bundlingProgress.update((0, progress_bar_1.makeBundlingProgress)({
         progress: 1,
         steps,

package/dist/still.js

@@ -9,9 +9,9 @@ const fs_1 = require("fs");
 const path_1 = __importDefault(require("path"));
 const chalk_1 = require("./chalk");
 const config_1 = require("./config");
+const determine_image_format_1 = require("./determine-image-format");
 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");
 const log_1 = require("./log");
 const parse_command_line_1 = require("./parse-command-line");
 const progress_bar_1 = require("./progress-bar");
@@ -19,46 +19,36 @@ const setup_cache_1 = require("./setup-cache");
 const truthy_1 = require("./truthy");
 const user_passed_output_location_1 = require("./user-passed-output-location");
 const still = async (remotionRoot) => {
+    var _a, _b;
     const startTime = Date.now();
     const file = parse_command_line_1.parsedCli._[1];
     const fullPath = renderer_1.RenderInternals.isServeUrl(file)
         ? file
         : path_1.default.join(process.cwd(), file);
-    await (0, initialize_render_cli_1.initializeRenderCli)(remotionRoot, 'still');
-    const userPassedOutput = (0, user_passed_output_location_1.getUserPassedOutputLocation)();
-    if ((userPassedOutput === null || userPassedOutput === void 0 ? void 0 : userPassedOutput.endsWith('.jpeg')) ||
-        (userPassedOutput === null || userPassedOutput === void 0 ? void 0 : userPassedOutput.endsWith('.jpg'))) {
-        log_1.Log.verbose('Output file has a JPEG extension, setting the image format to JPEG.');
-        config_1.Config.Rendering.setImageFormat('jpeg');
-    }
-    if (userPassedOutput === null || userPassedOutput === void 0 ? void 0 : userPassedOutput.endsWith('.png')) {
-        log_1.Log.verbose('Output file has a PNG extension, setting the image format to PNG.');
-        config_1.Config.Rendering.setImageFormat('png');
+    if (parse_command_line_1.parsedCli.frames) {
+        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);
     }
-    const { inputProps, envVariables, quality, browser, imageFormat, stillFrame, browserExecutable, chromiumOptions, scale, ffmpegExecutable, ffprobeExecutable, overwrite, puppeteerTimeout, port, publicDir, } = await (0, get_cli_options_1.getCliOptions)({
+    const { inputProps, envVariables, quality, browser, stillFrame, browserExecutable, chromiumOptions, scale, ffmpegExecutable, ffprobeExecutable, overwrite, puppeteerTimeout, port, publicDir, } = await (0, get_cli_options_1.getCliOptions)({
         isLambda: false,
         type: 'still',
+        codec: 'h264',
     });
     log_1.Log.verbose('Browser executable: ', browserExecutable);
     const compositionId = (0, get_composition_id_1.getCompositionId)();
+    const { format: imageFormat, source } = (0, determine_image_format_1.determineFinalImageFormat)({
+        cliFlag: (_a = parse_command_line_1.parsedCli['image-format']) !== null && _a !== void 0 ? _a : null,
+        configImageFormat: (_b = config_1.ConfigInternals.getUserPreferredImageFormat()) !== null && _b !== void 0 ? _b : null,
+        downloadName: null,
+        outName: (0, user_passed_output_location_1.getUserPassedOutputLocation)(),
+        isLambda: false,
+    });
     const relativeOutputLocation = (0, user_passed_output_location_1.getOutputLocation)({
         compositionId,
         defaultExtension: imageFormat,
     });
     const absoluteOutputLocation = (0, get_cli_options_1.getAndValidateAbsoluteOutputFile)(relativeOutputLocation, overwrite);
-    log_1.Log.info(chalk_1.chalk.gray(`Output = ${relativeOutputLocation}, Format = ${imageFormat}, Composition = ${compositionId}`));
-    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.');
-        process.exit(1);
-    }
-    if (imageFormat === 'png' && !absoluteOutputLocation.endsWith('.png')) {
-        log_1.Log.warn(`Rendering a PNG, expected a .png extension but got ${absoluteOutputLocation}`);
-    }
-    if (imageFormat === 'jpeg' &&
-        !absoluteOutputLocation.endsWith('.jpg') &&
-        !absoluteOutputLocation.endsWith('.jpeg')) {
-        log_1.Log.warn(`Rendering a JPEG, expected a .jpg or .jpeg extension but got ${absoluteOutputLocation}`);
-    }
+    log_1.Log.info(chalk_1.chalk.gray(`Output = ${relativeOutputLocation}, Format = ${imageFormat} (${source}), Composition = ${compositionId}`));
     const browserInstance = (0, renderer_1.openBrowser)(browser, {
         browserExecutable,
         chromiumOptions,

package/dist/upgrade.d.ts

@@ -1 +1 @@
-export declare const upgrade: (remotionRoot: string) => Promise<void>;
+export declare const upgrade: (remotionRoot: string, packageManager: string | undefined) => Promise<void>;

package/dist/upgrade.js

@@ -20,13 +20,13 @@ const getUpgradeCommand = ({ manager, packages, version, }) => {
     };
     return commands[manager];
 };
-const upgrade = async (remotionRoot) => {
+const upgrade = async (remotionRoot, packageManager) => {
     var _a;
     const packageJsonFilePath = path_1.default.join(remotionRoot, 'package.json');
     const packageJson = require(packageJsonFilePath);
     const dependencies = Object.keys(packageJson.dependencies);
     const latestRemotionVersion = await (0, get_latest_remotion_version_1.getLatestRemotionVersion)();
-    const manager = (0, get_package_manager_1.getPackageManager)(remotionRoot);
+    const manager = (0, get_package_manager_1.getPackageManager)(remotionRoot, packageManager);
     if (manager === 'unknown') {
         throw new Error(`No lockfile was found in your project (one of ${get_package_manager_1.lockFilePaths
             .map((p) => p.path)

package/dist/versions.js

@@ -68,7 +68,7 @@ const validateVersionsBeforeCommand = async (remotionRoot) => {
 };
 exports.validateVersionsBeforeCommand = validateVersionsBeforeCommand;
 const versionsCommand = async (remotionRoot) => {
-    (0, parse_command_line_1.parseCommandLine)('versions');
+    (0, parse_command_line_1.parseCommandLine)();
     const versions = await getAllVersions(remotionRoot);
     const grouped = groupBy(versions);
     const installedVersions = Object.keys(grouped);

package/package.json

@@ -1,13 +1,12 @@
 {
 	"name": "@remotion/cli",
-	"version": "4.0.0-prefetch.10+cf59c29c7",
+	"version": "4.0.0-prefetch.12+c7eb5bd76",
 	"description": "CLI for Remotion",
 	"main": "dist/index.js",
 	"sideEffects": false,
 	"bin": {
 		"remotion": "remotion-cli.js"
 	},
-	"module": "true",
 	"scripts": {
 		"lint": "eslint src --ext ts,tsx",
 		"test": "vitest --run",
@@ -23,15 +22,15 @@
 	"author": "Jonny Burger <jonny@remotion.dev>",
 	"license": "SEE LICENSE IN LICENSE.md",
 	"dependencies": {
-		"@remotion/bundler": "4.0.0-prefetch.10+cf59c29c7",
-		"@remotion/media-utils": "4.0.0-prefetch.10+cf59c29c7",
-		"@remotion/player": "4.0.0-prefetch.10+cf59c29c7",
-		"@remotion/renderer": "4.0.0-prefetch.10+cf59c29c7",
+		"@remotion/bundler": "4.0.0-prefetch.12+c7eb5bd76",
+		"@remotion/media-utils": "4.0.0-prefetch.12+c7eb5bd76",
+		"@remotion/player": "4.0.0-prefetch.12+c7eb5bd76",
+		"@remotion/renderer": "4.0.0-prefetch.12+c7eb5bd76",
 		"better-opn": "2.1.1",
 		"dotenv": "9.0.2",
 		"memfs": "3.4.3",
 		"minimist": "1.2.6",
-		"remotion": "4.0.0-prefetch.10+cf59c29c7",
+		"remotion": "4.0.0-prefetch.12+c7eb5bd76",
 		"semver": "7.3.5",
 		"source-map": "0.6.1"
 	},
@@ -49,16 +48,16 @@
 		"@types/webpack-env": "^1.16.0",
 		"@typescript-eslint/eslint-plugin": "5.18.0",
 		"@typescript-eslint/parser": "5.18.0",
-		"eslint": "8.13.0",
+		"eslint": "8.25.0",
 		"eslint-plugin-10x": "1.5.2",
 		"eslint-plugin-react": "7.29.4",
 		"eslint-plugin-react-hooks": "4.4.0",
-		"prettier": "^2.0.5",
+		"prettier": "^2.7.1",
 		"prettier-plugin-organize-imports": "^2.3.4",
 		"react": "^18.0.0",
 		"react-dom": "^18.0.0",
 		"typescript": "^4.7.0",
-		"vitest": "^0.18.0"
+		"vitest": "0.24.3"
 	},
 	"keywords": [
 		"remotion",
@@ -71,5 +70,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "cf59c29c7b500377b7157afb761754159156d25f"
+	"gitHead": "c7eb5bd76f2f89677f007a54e1bc5d3e3403094f"
 }

package/dist/bundle.d.ts

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

package/dist/bundle.js

@@ -1,32 +0,0 @@
-"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 (remotionRoot) => {
-    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)(remotionRoot, '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,
-        remotionRoot,
-    });
-    log_1.Log.info();
-    log_1.Log.info(urlOrBundle);
-};
-exports.bundleCommand = bundleCommand;

package/dist/config/bundle-out-dir.d.ts

@@ -1,2 +0,0 @@
-export declare const getBundleOutDir: () => string | null;
-export declare const setBundleOutDir: (path: string) => void;

package/dist/config/bundle-out-dir.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.setBundleOutDir = exports.getBundleOutDir = void 0;
-let bundleOutDir = null;
-const getBundleOutDir = () => {
-    return bundleOutDir;
-};
-exports.getBundleOutDir = getBundleOutDir;
-const setBundleOutDir = (path) => {
-    bundleOutDir = path;
-};
-exports.setBundleOutDir = setBundleOutDir;

package/dist/config/get-public-path.d.ts

@@ -1,2 +0,0 @@
-export declare const getPublicPath: () => string | null;
-export declare const setPublicPath: (path: string) => void;

package/dist/config/get-public-path.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.setPublicPath = exports.getPublicPath = void 0;
-let publicPath = null;
-const getPublicPath = () => {
-    return publicPath;
-};
-exports.getPublicPath = getPublicPath;
-const setPublicPath = (path) => {
-    publicPath = path;
-};
-exports.setPublicPath = setPublicPath;

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

@@ -1,4 +0,0 @@
-import React from 'react';
-export declare const Button: React.FC<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> & {
-    children: React.ReactNode;
-}>;

package/dist/editor/components/Button.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Button = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const colors_1 = require("../helpers/colors");
-const layout_1 = require("./layout");
-const container = {
-    padding: 10,
-    cursor: 'pointer',
-    fontSize: 14,
-};
-const button = {
-    border: `1px solid ${colors_1.INPUT_BORDER_COLOR_UNHOVERED}`,
-    borderRadius: 4,
-    backgroundColor: colors_1.INPUT_BACKGROUND,
-    appearance: 'none',
-    fontFamily: 'inherit',
-    fontSize: 14,
-    color: 'white',
-};
-const Button = ({ children, ...props }) => {
-    return ((0, jsx_runtime_1.jsx)("button", { ...props, style: button, type: "button", children: (0, jsx_runtime_1.jsx)(layout_1.Row, { style: container, children: children }) }));
-};
-exports.Button = Button;

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

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const PreviewZoomControls: React.FC;

package/dist/editor/components/PreviewZoomControls.js

@@ -1,67 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PreviewZoomControls = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const minus_1 = require("../icons/minus");
-const plus_1 = require("../icons/plus");
-const preview_size_1 = require("../state/preview-size");
-const ControlButton_1 = require("./ControlButton");
-const layout_1 = require("./layout");
-const container = {
-    color: 'black',
-    flexDirection: 'row',
-    display: 'flex',
-};
-const buttonStyle = {
-    fontSize: 24,
-};
-const iconStyle = {
-    color: 'white',
-    width: 14,
-};
-const slider = {
-    width: 120,
-    accentColor: 'var(--blue)',
-};
-const PreviewZoomControls = () => {
-    const { size, setSize } = (0, react_1.useContext)(preview_size_1.PreviewSizeContext);
-    const onZoomOutClicked = (0, react_1.useCallback)(() => {
-        setSize((z) => {
-            if (z === 'auto')
-                return 1 - preview_size_1.ZOOM_BUTTON_STEP;
-            const newSize = Number((Number(z) - preview_size_1.ZOOM_BUTTON_STEP).toFixed(2));
-            return Math.max(preview_size_1.PREVIEW_MIN_ZOOM, newSize);
-        });
-    }, [setSize]);
-    const onZoomInClicked = (0, react_1.useCallback)(() => {
-        setSize((z) => {
-            if (z === 'auto')
-                return 1 + preview_size_1.ZOOM_BUTTON_STEP;
-            const newSize = Number((Number(z) + preview_size_1.ZOOM_BUTTON_STEP).toFixed(2));
-            return Math.min(preview_size_1.PREVIEW_MAX_ZOOM, newSize);
-        });
-    }, [setSize]);
-    const onChange = (0, react_1.useCallback)((e) => {
-        setSize(() => Number(e.target.value));
-    }, [setSize]);
-    const onWheel = (0, react_1.useCallback)((e) => {
-        setSize((z) => {
-            if (e.deltaY > 0) {
-                if (z === 'auto')
-                    return 1 - preview_size_1.ZOOM_SLIDER_STEP;
-                const newSize = Number((Number(z) - preview_size_1.ZOOM_SLIDER_STEP).toFixed(2));
-                return Math.max(preview_size_1.PREVIEW_MIN_ZOOM, newSize);
-            }
-            if (e.deltaY < 0) {
-                if (z === 'auto')
-                    return 1 + preview_size_1.ZOOM_SLIDER_STEP;
-                const newSize = Number((Number(z) + preview_size_1.ZOOM_SLIDER_STEP).toFixed(2));
-                return Math.min(preview_size_1.PREVIEW_MAX_ZOOM, newSize);
-            }
-            return z;
-        });
-    }, [setSize]);
-    return ((0, jsx_runtime_1.jsxs)("div", { style: container, children: [(0, jsx_runtime_1.jsx)(ControlButton_1.ControlButton, { onClick: onZoomOutClicked, style: buttonStyle, title: "Zoom out preview", role: 'ControlButton', type: "button", disabled: preview_size_1.PREVIEW_MIN_ZOOM === size, children: (0, jsx_runtime_1.jsx)(minus_1.Minus, { style: iconStyle }) }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 0.5 }), (0, jsx_runtime_1.jsx)("input", { title: `Preview size (${size}x)`, alt: `Preview size (${size}x)`, type: 'range', min: preview_size_1.PREVIEW_MIN_ZOOM, step: preview_size_1.ZOOM_SLIDER_STEP, value: size, max: preview_size_1.PREVIEW_MAX_ZOOM, onChange: onChange, onWheel: onWheel, style: slider }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 0.5 }), (0, jsx_runtime_1.jsx)(ControlButton_1.ControlButton, { onClick: onZoomInClicked, style: buttonStyle, title: "Zoom in preview", role: 'button', type: "button", disabled: preview_size_1.PREVIEW_MAX_ZOOM === size, children: (0, jsx_runtime_1.jsx)(plus_1.Plus, { style: iconStyle }) })] }));
-};
-exports.PreviewZoomControls = PreviewZoomControls;

package/dist/editor/helpers/normalize-wheel.d.ts

@@ -1,5 +0,0 @@
-export declare function normalizeWheel(event: WheelEvent): {
-    deltaX: number;
-    deltaY: number;
-    deltaZ: number;
-};

package/dist/editor/helpers/normalize-wheel.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.normalizeWheel = void 0;
-// Taken from https://github.com/tldraw/tldraw/blob/254dfdfd77c4abde53240f7d8ca3558e08688493/packages/core/src/hooks/useZoomEvents.ts which is adapted from https://stackoverflow.com/a/13650579
-const MAX_ZOOM_STEP = 10;
-function normalizeWheel(event) {
-    const { deltaY, deltaX } = event;
-    let deltaZ = 0;
-    if (event.ctrlKey || event.metaKey) {
-        const signY = Math.sign(event.deltaY);
-        const absDeltaY = Math.abs(event.deltaY);
-        let dy = deltaY;
-        if (absDeltaY > MAX_ZOOM_STEP) {
-            dy = MAX_ZOOM_STEP * signY;
-        }
-        deltaZ = dy;
-    }
-    return { deltaX, deltaY, deltaZ };
-}
-exports.normalizeWheel = normalizeWheel;

package/dist/editor/helpers/normalize-zoom.d.ts

@@ -1 +0,0 @@
-declare function normalizeWheel(event: WheelEvent): number[];

package/dist/editor/helpers/normalize-zoom.js

@@ -1,16 +0,0 @@
-"use strict";
-// Adapted from https://stackoverflow.com/a/13650579
-function normalizeWheel(event) {
-    const { deltaY, deltaX } = event;
-    let deltaZ = 0;
-    if (event.ctrlKey || event.metaKey) {
-        const signY = Math.sign(event.deltaY);
-        const absDeltaY = Math.abs(event.deltaY);
-        let dy = deltaY;
-        if (absDeltaY > MAX_ZOOM_STEP) {
-            dy = MAX_ZOOM_STEP * signY;
-        }
-        deltaZ = dy;
-    }
-    return [deltaX, deltaY, deltaZ];
-}

package/dist/initialize-render-cli.d.ts

@@ -1 +0,0 @@
-export declare const initializeRenderCli: (remotionRoot: string, type: 'still' | 'sequence' | 'lambda' | 'preview') => Promise<void>;

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

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