@remotion/cli 4.0.0-4x.2 → 4.0.0-alpha.115

package/dist/still.js

@@ -1,149 +1,59 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.still = void 0;
-const renderer_1 = require("@remotion/renderer");
-const fs_1 = require("fs");
-const path_1 = __importDefault(require("path"));
-const remotion_1 = require("remotion");
-const chalk_1 = require("./chalk");
+const cleanup_before_quit_1 = require("./cleanup-before-quit");
+const convert_entry_point_to_serve_url_1 = require("./convert-entry-point-to-serve-url");
+const entry_point_1 = require("./entry-point");
 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");
-const setup_cache_1 = require("./setup-cache");
-const user_passed_output_location_1 = require("./user-passed-output-location");
-const still = async () => {
-    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)('still');
-    const userOutput = path_1.default.resolve(process.cwd(), (0, user_passed_output_location_1.getUserPassedOutputLocation)());
-    if (userOutput.endsWith('.jpeg') || userOutput.endsWith('.jpg')) {
-        log_1.Log.verbose('Output file has a JPEG extension, therefore setting the image format to JPEG.');
-        remotion_1.Config.Rendering.setImageFormat('jpeg');
-    }
-    if (userOutput.endsWith('.png')) {
-        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, 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.');
+const still_1 = require("./render-flows/still");
+const still = async (remotionRoot, args) => {
+    const { file, remainingArgs, reason: entryPointReason, } = (0, entry_point_1.findEntryPoint)(args, remotionRoot);
+    if (!file) {
+        log_1.Log.error('No entry point specified. Pass more arguments:');
+        log_1.Log.error('   npx remotion render [entry-point] [composition-name] [out-name]');
+        log_1.Log.error('Documentation: https://www.remotion.dev/docs/render');
         process.exit(1);
     }
-    if (imageFormat === 'png' && !userOutput.endsWith('.png')) {
-        log_1.Log.warn(`Rendering a PNG, expected a .png extension but got ${userOutput}`);
-    }
-    if (imageFormat === 'jpeg' &&
-        !userOutput.endsWith('.jpg') &&
-        !userOutput.endsWith('.jpeg')) {
-        log_1.Log.warn(`Rendering a JPEG, expected a .jpg or .jpeg extension but got ${userOutput}`);
+    const fullEntryPoint = (0, convert_entry_point_to_serve_url_1.convertEntryPointToServeUrl)(file);
+    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 browserInstance = (0, renderer_1.openBrowser)(browser, {
+    const { browser, browserExecutable, chromiumOptions, envVariables, height, inputProps, overwrite, port, publicDir, puppeteerTimeout, quality, scale, stillFrame, width, logLevel, } = await (0, get_cli_options_1.getCliOptions)({
+        isLambda: false,
+        type: 'still',
+        remotionRoot,
+    });
+    await (0, still_1.renderStillFlow)({
+        remotionRoot,
+        entryPointReason,
+        fullEntryPoint,
+        remainingArgs,
+        browser,
         browserExecutable,
         chromiumOptions,
-        shouldDumpIo: remotion_1.Internals.Logging.isEqualOrBelowLogLevel(remotion_1.Internals.Logging.getLogLevel(), 'verbose'),
-        forceDeviceScaleFactor: scale,
-    });
-    (0, fs_1.mkdirSync)(path_1.default.join(userOutput, '..'), {
-        recursive: true,
-    });
-    const steps = [
-        renderer_1.RenderInternals.isServeUrl(fullPath) ? null : 'bundling',
-        'rendering',
-    ].filter(remotion_1.Internals.truthy);
-    const urlOrBundle = renderer_1.RenderInternals.isServeUrl(fullPath)
-        ? Promise.resolve(fullPath)
-        : await (0, setup_cache_1.bundleOnCli)(fullPath, steps);
-    const puppeteerInstance = await browserInstance;
-    const comps = await (0, renderer_1.getCompositions)(await urlOrBundle, {
-        inputProps,
-        puppeteerInstance,
         envVariables,
-        timeoutInMilliseconds: puppeteerTimeout,
-        chromiumOptions,
+        height,
+        inputProps,
+        overwrite,
         port,
-        browserExecutable,
-        ffmpegExecutable,
-        ffprobeExecutable,
-    });
-    const compositionId = (0, get_composition_id_1.getCompositionId)(comps);
-    const composition = comps.find((c) => c.id === compositionId);
-    if (!composition) {
-        throw new Error(`Cannot find composition with ID ${compositionId}`);
-    }
-    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,
-        };
-        downloads.push(download);
-        updateProgress();
-        return ({ percent }) => {
-            download.progress = percent;
-            updateProgress();
-        };
-    };
-    await (0, renderer_1.renderStill)({
-        composition,
-        frame: stillFrame,
-        output: userOutput,
-        serveUrl: await urlOrBundle,
+        publicDir,
+        puppeteerTimeout,
         quality,
-        dumpBrowserLogs: remotion_1.Internals.Logging.isEqualOrBelowLogLevel(remotion_1.Internals.Logging.getLogLevel(), 'verbose'),
-        envVariables,
-        imageFormat,
-        inputProps,
-        chromiumOptions,
-        timeoutInMilliseconds: remotion_1.Internals.getCurrentPuppeteerTimeout(),
         scale,
-        ffmpegExecutable,
-        browserExecutable,
-        overwrite,
-        onDownload,
+        stillFrame,
+        width,
+        compositionIdFromUi: null,
+        imageFormatFromUi: null,
+        logLevel,
+        onProgress: () => undefined,
+        indentOutput: false,
+        addCleanupCallback: (c) => {
+            (0, cleanup_before_quit_1.registerCleanupJob)(c);
+        },
+        cancelSignal: null,
     });
-    frames = 1;
-    updateProgress();
-    log_1.Log.info();
-    const closeBrowserPromise = puppeteerInstance.close();
-    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:',
-        seconds,
-        seconds === 1 ? 'second' : 'seconds',
-    ].join(' '));
-    log_1.Log.info('-', 'Output can be found at:');
-    log_1.Log.info(chalk_1.chalk.cyan(`▶️ ${userOutput}`));
-    await closeBrowserPromise;
 };
 exports.still = still;

package/dist/truthy.d.ts

@@ -0,0 +1,3 @@
+declare type Truthy<T> = T extends false | '' | 0 | null | undefined ? never : T;
+export declare function truthy<T>(value: T): value is Truthy<T>;
+export {};

package/dist/truthy.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.truthy = void 0;
+function truthy(value) {
+    return Boolean(value);
+}
+exports.truthy = truthy;

package/dist/upgrade.d.ts

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

package/dist/upgrade.js

@@ -5,50 +5,41 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.upgrade = void 0;
 const renderer_1 = require("@remotion/renderer");
-const fs_1 = __importDefault(require("fs"));
 const path_1 = __importDefault(require("path"));
-const remotion_1 = require("remotion");
+const config_1 = require("./config");
 const get_latest_remotion_version_1 = require("./get-latest-remotion-version");
+const list_of_remotion_packages_1 = require("./list-of-remotion-packages");
 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 pkgList = packages.map((p) => `${p}@${version}`);
     const commands = {
-        npm: ['i', ...pkgList],
-        pnpm: ['i', ...pkgList],
-        yarn: ['add', ...pkgList],
+        npm: ['i', '--save-exact', ...pkgList],
+        pnpm: ['i', '--save-exact', ...pkgList],
+        yarn: ['add', '--exact', ...pkgList],
     };
     return commands[manager];
 };
-const upgrade = async () => {
-    var _a;
-    const packageJsonFilePath = path_1.default.join(process.cwd(), 'package.json');
-    if (!fs_1.default.existsSync(packageJsonFilePath)) {
-        log_1.Log.error('Could not upgrade because no package.json could be found in your project.');
-        process.exit(1);
-    }
+const upgrade = async (remotionRoot, packageManager) => {
+    var _a, _b, _c, _d;
+    const packageJsonFilePath = path_1.default.join(remotionRoot, 'package.json');
     const packageJson = require(packageJsonFilePath);
     const dependencies = Object.keys(packageJson.dependencies);
+    const devDependencies = Object.keys((_a = packageJson.devDependencies) !== null && _a !== void 0 ? _a : {});
+    const optionalDependencies = Object.keys((_b = packageJson.optionalDependencies) !== null && _b !== void 0 ? _b : {});
+    const peerDependencies = Object.keys((_c = packageJson.peerDependencies) !== null && _c !== void 0 ? _c : {});
     const latestRemotionVersion = await (0, get_latest_remotion_version_1.getLatestRemotionVersion)();
-    const manager = (0, get_package_manager_1.getPackageManager)();
+    log_1.Log.info('Newest Remotion version is', latestRemotionVersion);
+    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)
             .join(', ')}). Install dependencies using your favorite manager!`);
     }
-    const toUpgrade = [
-        '@remotion/bundler',
-        '@remotion/cli',
-        '@remotion/eslint-config',
-        '@remotion/renderer',
-        '@remotion/media-utils',
-        '@remotion/babel-loader',
-        '@remotion/lambda',
-        '@remotion/preload',
-        '@remotion/three',
-        '@remotion/gif',
-        'remotion',
-    ].filter((u) => dependencies.includes(u));
+    const toUpgrade = list_of_remotion_packages_1.listOfRemotionPackages.filter((u) => dependencies.includes(u) ||
+        devDependencies.includes(u) ||
+        optionalDependencies.includes(u) ||
+        peerDependencies.includes(u));
     const prom = renderer_1.RenderInternals.execa(manager.manager, getUpgradeCommand({
         manager: manager.manager,
         packages: toUpgrade,
@@ -56,10 +47,11 @@ const upgrade = async () => {
     }), {
         stdio: 'inherit',
     });
-    if (remotion_1.Internals.Logging.isEqualOrBelowLogLevel(remotion_1.Internals.Logging.getLogLevel(), 'info')) {
-        (_a = prom.stdout) === null || _a === void 0 ? void 0 : _a.pipe(process.stdout);
+    if (renderer_1.RenderInternals.isEqualOrBelowLogLevel(config_1.ConfigInternals.Logging.getLogLevel(), 'info')) {
+        (_d = prom.stdout) === null || _d === void 0 ? void 0 : _d.pipe(process.stdout);
     }
     await prom;
     log_1.Log.info('⏫ Remotion has been upgraded!');
+    log_1.Log.info('https://remotion.dev/changelog');
 };
 exports.upgrade = upgrade;

package/dist/user-passed-output-location.d.ts

@@ -1 +1,7 @@
-export declare const getUserPassedOutputLocation: () => string;
+export declare const getUserPassedOutputLocation: (args: string[]) => string;
+export declare const getOutputLocation: ({ compositionId, defaultExtension, args, type, }: {
+    compositionId: string;
+    defaultExtension: string;
+    args: string[];
+    type: 'asset' | 'sequence';
+}) => string;

package/dist/user-passed-output-location.js

@@ -1,14 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getUserPassedOutputLocation = void 0;
-const log_1 = require("./log");
-const parse_command_line_1 = require("./parse-command-line");
-const getUserPassedOutputLocation = () => {
-    if (!parse_command_line_1.parsedCli._[3]) {
-        log_1.Log.error('Pass an extra argument <output-filename>.');
-        process.exit(1);
-    }
-    const filename = parse_command_line_1.parsedCli._[3];
+exports.getOutputLocation = exports.getUserPassedOutputLocation = void 0;
+const config_1 = require("./config");
+const get_default_out_name_1 = require("./get-default-out-name");
+const getUserPassedOutputLocation = (args) => {
+    var _a;
+    const filename = (_a = args[0]) !== null && _a !== void 0 ? _a : config_1.ConfigInternals.getOutputLocation();
     return filename;
 };
 exports.getUserPassedOutputLocation = getUserPassedOutputLocation;
+const getOutputLocation = ({ compositionId, defaultExtension, args, type, }) => {
+    var _a;
+    return ((_a = (0, exports.getUserPassedOutputLocation)(args)) !== null && _a !== void 0 ? _a : (0, get_default_out_name_1.getDefaultOutLocation)({
+        compositionName: compositionId,
+        defaultExtension,
+        type,
+    }));
+};
+exports.getOutputLocation = getOutputLocation;

package/dist/versions.d.ts

@@ -1,3 +1,3 @@
 export declare const VERSIONS_COMMAND = "versions";
-export declare const validateVersionsBeforeCommand: () => Promise<void>;
-export declare const versionsCommand: () => Promise<void>;
+export declare const validateVersionsBeforeCommand: (remotionRoot: string) => Promise<void>;
+export declare const versionsCommand: (remotionRoot: string) => Promise<void>;

package/dist/versions.js

@@ -4,27 +4,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.versionsCommand = exports.validateVersionsBeforeCommand = exports.VERSIONS_COMMAND = void 0;
+const renderer_1 = require("@remotion/renderer");
 const fs_1 = __importDefault(require("fs"));
-const remotion_1 = require("remotion");
+const config_1 = require("./config");
+const list_of_remotion_packages_1 = require("./list-of-remotion-packages");
 const log_1 = require("./log");
 const parse_command_line_1 = require("./parse-command-line");
 const resolve_from_1 = require("./resolve-from");
-const packages = [
-    '@remotion/bundler',
-    '@remotion/cli',
-    '@remotion/eslint-config',
-    '@remotion/renderer',
-    '@remotion/media-utils',
-    '@remotion/babel-loader',
-    '@remotion/lambda',
-    '@remotion/preload',
-    '@remotion/three',
-    '@remotion/gif',
-    'remotion',
-];
-const getVersion = async (p) => {
+const getVersion = async (remotionRoot, p) => {
     try {
-        const remotionPkgJson = (0, resolve_from_1.resolveFrom)(process.cwd(), `${p}/package.json`);
+        const remotionPkgJson = (0, resolve_from_1.resolveFrom)(remotionRoot, `${p}/package.json`);
         const file = await fs_1.default.promises.readFile(remotionPkgJson, 'utf-8');
         const packageJson = JSON.parse(file);
         return packageJson.version;
@@ -43,12 +32,12 @@ const groupBy = (vals) => {
     }
     return groups;
 };
-const getAllVersions = async () => {
-    return (await Promise.all(packages.map(async (p) => [p, await getVersion(p)]))).filter(([, version]) => version);
+const getAllVersions = async (remotionRoot) => {
+    return (await Promise.all(list_of_remotion_packages_1.listOfRemotionPackages.map(async (p) => [p, await getVersion(remotionRoot, p)]))).filter(([, version]) => version);
 };
 exports.VERSIONS_COMMAND = 'versions';
-const validateVersionsBeforeCommand = async () => {
-    const versions = await getAllVersions();
+const validateVersionsBeforeCommand = async (remotionRoot) => {
+    const versions = await getAllVersions(remotionRoot);
     const grouped = groupBy(versions);
     const installedVersions = Object.keys(grouped);
     if (installedVersions.length === 1) {
@@ -71,16 +60,16 @@ const validateVersionsBeforeCommand = async () => {
     log_1.Log.warn('To resolve:');
     log_1.Log.warn('- Make sure your package.json has all Remotion packages pointing to the same version.');
     log_1.Log.warn('- Remove the `^` character in front of a version to pin a package.');
-    if (!remotion_1.Internals.Logging.isEqualOrBelowLogLevel(remotion_1.Internals.Logging.getLogLevel(), 'verbose')) {
+    if (!renderer_1.RenderInternals.isEqualOrBelowLogLevel(config_1.ConfigInternals.Logging.getLogLevel(), 'verbose')) {
         log_1.Log.warn('- Run `npx remotion versions --log=verbose` to see the path of the modules resolved.');
     }
     log_1.Log.warn('-------------');
     log_1.Log.info();
 };
 exports.validateVersionsBeforeCommand = validateVersionsBeforeCommand;
-const versionsCommand = async () => {
-    (0, parse_command_line_1.parseCommandLine)('versions');
-    const versions = await getAllVersions();
+const versionsCommand = async (remotionRoot) => {
+    (0, parse_command_line_1.parseCommandLine)();
+    const versions = await getAllVersions(remotionRoot);
     const grouped = groupBy(versions);
     const installedVersions = Object.keys(grouped);
     log_1.Log.info(`Node.JS = ${process.version}, OS = ${process.platform}`);
@@ -89,7 +78,7 @@ const versionsCommand = async () => {
         log_1.Log.info(`On version: ${version}`);
         for (const pkg of grouped[version]) {
             log_1.Log.info(`- ${pkg}`);
-            log_1.Log.verbose(`  ${(0, resolve_from_1.resolveFrom)(process.cwd(), `${pkg}/package.json`)}`);
+            log_1.Log.verbose(`  ${(0, resolve_from_1.resolveFrom)(remotionRoot, `${pkg}/package.json`)}`);
         }
         log_1.Log.info();
     }
@@ -100,7 +89,7 @@ const versionsCommand = async () => {
         log_1.Log.error('Version mismatch: Not all Remotion packages have the same version.');
         log_1.Log.info('- Make sure your package.json has all Remotion packages pointing to the same version.');
         log_1.Log.info('- Remove the `^` character in front of a version to pin a package.');
-        if (!remotion_1.Internals.Logging.isEqualOrBelowLogLevel(remotion_1.Internals.Logging.getLogLevel(), 'verbose')) {
+        if (!renderer_1.RenderInternals.isEqualOrBelowLogLevel(config_1.ConfigInternals.Logging.getLogLevel(), 'verbose')) {
             log_1.Log.info('- Rerun this command with --log=verbose to see the path of the modules resolved.');
         }
         process.exit(1);

package/package.json

@@ -1,16 +1,15 @@
 {
 	"name": "@remotion/cli",
-	"version": "4.0.0-4x.2+4cc57dc34",
+	"version": "4.0.0-alpha.115+764023ad5",
 	"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": "jest",
+		"test": "vitest --run",
 		"build": "tsc -d",
 		"watch": "tsc -w"
 	},
@@ -20,18 +19,31 @@
 	"bugs": {
 		"url": "https://github.com/remotion-dev/remotion/issues"
 	},
+	"exports": {
+		".": "./dist/index.js",
+		"./config": "./dist/config/index.js",
+		"./package.json": "./package.json"
+	},
+	"typesVersions": {
+		">=1.0": {
+			"config": [
+				"dist/config/index.d.ts"
+			]
+		}
+	},
 	"author": "Jonny Burger <jonny@remotion.dev>",
 	"license": "SEE LICENSE IN LICENSE.md",
 	"dependencies": {
-		"@remotion/bundler": "4.0.0-4x.2+4cc57dc34",
-		"@remotion/media-utils": "4.0.0-4x.2+4cc57dc34",
-		"@remotion/player": "4.0.0-4x.2+4cc57dc34",
-		"@remotion/renderer": "4.0.0-4x.2+4cc57dc34",
-		"better-opn": "2.1.1",
+		"@remotion/bundler": "4.0.0-alpha.115+764023ad5",
+		"@remotion/media-utils": "4.0.0-alpha.115+764023ad5",
+		"@remotion/player": "4.0.0-alpha.115+764023ad5",
+		"@remotion/renderer": "4.0.0-alpha.115+764023ad5",
 		"dotenv": "9.0.2",
 		"memfs": "3.4.3",
 		"minimist": "1.2.6",
-		"remotion": "4.0.0-4x.2+4cc57dc34",
+		"open": "^8.4.2",
+		"prompts": "2.4.1",
+		"remotion": "4.0.0-alpha.115+764023ad5",
 		"semver": "7.3.5",
 		"source-map": "0.6.1"
 	},
@@ -41,37 +53,35 @@
 	},
 	"devDependencies": {
 		"@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/prettier": "^2.7.2",
+		"@types/prompts": "^2.4.1",
+		"@types/react": "18.0.26",
+		"@types/react-dom": "18.0.10",
 		"@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",
+		"eslint": "8.25.0",
 		"eslint-plugin-10x": "1.5.2",
 		"eslint-plugin-react": "7.29.4",
 		"eslint-plugin-react-hooks": "4.4.0",
-		"jest": "^27.2.4",
-		"prettier": "^2.0.5",
+		"prettier": "^2.7.1",
 		"prettier-plugin-organize-imports": "^2.3.4",
 		"react": "^18.0.0",
 		"react-dom": "^18.0.0",
-		"ts-jest": "^27.0.5",
-		"typescript": "^4.7.0"
+		"typescript": "^4.7.0",
+		"vitest": "0.24.3"
 	},
 	"keywords": [
 		"remotion",
 		"ffmpeg",
 		"video",
 		"react",
-		"puppeteer",
 		"player"
 	],
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "4cc57dc3452da1d90982deb4c114b554642aef12"
+	"gitHead": "764023ad535f6f6bfd734880c8058933a52248b5"
 }

package/styles/styles.css

@@ -1,10 +1,13 @@
 html {
-	--blue: #4290f5;
+	--blue: #0b84f3;
+	--blue-disabled: #284f73;
 }
 
 body {
 	overscroll-behavior-y: none;
 	overscroll-behavior-x: none;
+	/* Override Chakra UI position: relative on body */
+	position: static !important;
 }
 
 .remotion-splitter {
@@ -25,9 +28,12 @@ input::-webkit-inner-spin-button {
 }
 
 input:focus,
+textarea:focus,
 button:focus,
 a:focus {
 	outline: none;
-	box-shadow: 0 0 1px 2px rgba(255, 255, 255, 0.35);
-	border-radius: 2px;
+	box-shadow: inset 1px 1px #555, inset -1px -1px #555, inset 1px -1px #555,
+		inset -1px 1px #555;
+	border-radius: 0 !important;
 }
+

package/.prettierrc.js

@@ -1,14 +0,0 @@
-module.exports = {
-	singleQuote: true,
-	bracketSpacing: false,
-	useTabs: true,
-	overrides: [
-		{
-			files: ['*.yml'],
-			options: {
-				singleQuote: false,
-			},
-		},
-	],
-	plugins: [require.resolve('prettier-plugin-organize-imports')],
-};

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

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

package/dist/bundle-on-cli.js

@@ -1,41 +0,0 @@
-"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

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