@remotion/cli 4.0.137 → 4.0.138

package/dist/index.d.ts

@@ -150,7 +150,7 @@ export declare const CliInternals: {
         "out-dir": string;
         ipv4: boolean;
         repro: boolean;
-        "x264-preset": "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo" | null;
+        "x264-preset": "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo" | null;
         "number-of-gif-loops": number | null;
         "offthreadvideo-cache-size-in-bytes": number | null;
         "color-space": "default" | "bt709" | "bt2020-ncl";

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

@@ -147,17 +147,17 @@ declare const beepOnFinishOption: {
     description: () => import("react/jsx-runtime").JSX.Element;
     ssrName: "x264Preset";
     docLink: string;
-    type: "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo" | null;
+    type: "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo" | null;
     getValue: ({ commandLine }: {
         commandLine: Record<string, unknown>;
     }) => {
-        value: "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo";
+        value: "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo";
         source: string;
     } | {
         value: null;
         source: string;
     };
-    setConfig: (profile: "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo" | null) => void;
+    setConfig: (profile: "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo" | null) => void;
 }, enforceAudioOption: {
     name: string;
     cliFlag: "enforce-audio-track";

package/dist/print-help.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.printHelp = void 0;
+const browser_1 = require("./browser");
 const chalk_1 = require("./chalk");
 const gpu_1 = require("./gpu");
 const log_1 = require("./log");
@@ -51,6 +52,10 @@ const printHelp = (logLevel) => {
     log_1.Log.info({ indent: false, logLevel }, 'Ensure Remotion is on the newest version.');
     log_1.Log.info({ indent: false, logLevel }, chalk_1.chalk.gray('https://www.remotion.dev/docs/cli/upgrade'));
     log_1.Log.info({ indent: false, logLevel });
+    log_1.Log.info({ indent: false, logLevel }, chalk_1.chalk.blue(`remotion ${browser_1.BROWSER_COMMAND}`));
+    log_1.Log.info({ indent: false, logLevel }, 'Ensure Remotion has a browser it can use for rendering.');
+    log_1.Log.info({ indent: false, logLevel }, chalk_1.chalk.gray('https://www.remotion.dev/docs/cli/browser'));
+    log_1.Log.info({ indent: false, logLevel });
     log_1.Log.info({ indent: false, logLevel }, 'Visit https://www.remotion.dev/docs/cli for browsable CLI documentation.');
 };
 exports.printHelp = printHelp;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/cli",
-  "version": "4.0.137",
+  "version": "4.0.138",
   "description": "CLI for Remotion",
   "main": "dist/index.js",
   "sideEffects": false,
@@ -32,20 +32,20 @@
     "dotenv": "9.0.2",
     "minimist": "1.2.6",
     "prompts": "2.4.2",
-    "@remotion/bundler": "4.0.137",
-    "@remotion/media-utils": "4.0.137",
-    "remotion": "4.0.137",
-    "@remotion/player": "4.0.137",
-    "@remotion/studio-server": "4.0.137",
-    "@remotion/renderer": "4.0.137",
-    "@remotion/studio": "4.0.137"
+    "@remotion/bundler": "4.0.138",
+    "@remotion/media-utils": "4.0.138",
+    "@remotion/renderer": "4.0.138",
+    "@remotion/player": "4.0.138",
+    "@remotion/studio-server": "4.0.138",
+    "remotion": "4.0.138",
+    "@remotion/studio": "4.0.138"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
   "devDependencies": {
-    "@jonny/eslint-config": "3.0.276",
+    "@jonny/eslint-config": "3.0.281",
     "@types/minimist": "^1.2.2",
     "bun-types": "0.8.0",
     "@types/node": "18.14.6",
@@ -53,18 +53,18 @@
     "@types/react": "18.2.48",
     "@types/prettier": "^2.7.2",
     "@types/react-dom": "18.2.18",
-    "eslint": "8.42.0",
+    "eslint": "8.56.0",
     "eslint-plugin-10x": "1.5.2",
     "eslint-plugin-react": "7.32.2",
     "eslint-plugin-react-hooks": "4.4.0",
-    "prettier": "3.1.1",
+    "prettier": "3.2.5",
     "prettier-plugin-organize-imports": "3.2.4",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "vitest": "0.31.1",
     "zod": "^3.22.3",
-    "@remotion/zod-types": "4.0.137",
-    "@remotion/tailwind": "4.0.137"
+    "@remotion/tailwind": "4.0.138",
+    "@remotion/zod-types": "4.0.138"
   },
   "keywords": [
     "remotion",

package/dist/ansi/ansi-diff.d.ts

@@ -1,42 +0,0 @@
-/// <reference types="node" />
-/// <reference types="bun-types" />
-type Options = {
-    width?: number;
-    height?: number;
-};
-export declare class AnsiDiff {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-    _buffer: string | null;
-    _out: Buffer[];
-    _lines: Line[];
-    finished: boolean;
-    constructor(opts?: Options);
-    toString(): string | null;
-    finish(): Buffer;
-    update(buffer: string | Buffer, opts?: {
-        moveTo?: [number, number];
-    }): Buffer;
-    _clearDown(y: number): void;
-    _newline(): void;
-    _write(line: Line): void;
-    _moveTo(x: number, y: number): void;
-    _push: (buf: Buffer) => void;
-}
-declare class Line {
-    y: number;
-    width: number;
-    parts: string[];
-    height: number;
-    remainder: number;
-    raw: string;
-    length: number;
-    newline: boolean;
-    constructor(str: string, y: number, nl: boolean, term: AnsiDiff);
-    diffLeft(other: Line): number;
-    diffRight(other: Line): number;
-    toBuffer(): Buffer;
-}
-export {};

package/dist/ansi/ansi-diff.js

@@ -1,220 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AnsiDiff = void 0;
-const ansi_split_1 = require("./ansi-split");
-const CLEAR_LINE = Buffer.from([0x1b, 0x5b, 0x30, 0x4b]);
-const NEWLINE = Buffer.from('\n');
-class AnsiDiff {
-    constructor(opts) {
-        this._push = (buf) => {
-            this._out.push(buf);
-        };
-        this.x = 0;
-        this.y = 0;
-        this.width = (opts === null || opts === void 0 ? void 0 : opts.width) || Infinity;
-        this.height = (opts === null || opts === void 0 ? void 0 : opts.height) || Infinity;
-        this._buffer = null;
-        this._out = [];
-        this._lines = [];
-        this.finished = false;
-    }
-    toString() {
-        return this._buffer;
-    }
-    finish() {
-        this.finished = true;
-        if (this._out.length === 0) {
-            return Buffer.from('');
-        }
-        if (!this._out[this._out.length - 1].toString().endsWith('\n')) {
-            return NEWLINE;
-        }
-        return Buffer.from('');
-    }
-    update(buffer, opts) {
-        if (this.finished) {
-            return Buffer.from('');
-        }
-        this._buffer = Buffer.isBuffer(buffer) ? buffer.toString() : buffer;
-        const other = this._buffer;
-        const oldLines = this._lines;
-        const lines = split(other, this);
-        this._lines = lines;
-        this._out = [];
-        const min = Math.min(lines.length, oldLines.length);
-        let i = 0;
-        let a;
-        let b;
-        let scrub = false;
-        for (; i < min; i++) {
-            a = lines[i];
-            b = oldLines[i];
-            if (same(a, b))
-                continue;
-            // if x === width there is an edgecase with inline diffing
-            // easiest solution is just not to do it then! :)
-            if (!scrub && this.x !== this.width && inlineDiff(a, b)) {
-                const left = a.diffLeft(b);
-                const right = a.diffRight(b);
-                const slice = a.raw.slice(left, right ? -right : a.length);
-                if (left + right > 4 && left + slice.length < this.width - 1) {
-                    this._moveTo(left, a.y);
-                    this._push(Buffer.from(slice));
-                    this.x += slice.length;
-                    continue;
-                }
-            }
-            this._moveTo(0, a.y);
-            this._write(a);
-            if (a.y !== b.y || a.height !== b.height)
-                scrub = true;
-            if (b.length > a.length || scrub)
-                this._push(CLEAR_LINE);
-            if (a.newline)
-                this._newline();
-        }
-        for (; i < lines.length; i++) {
-            a = lines[i];
-            this._moveTo(0, a.y);
-            this._write(a);
-            if (scrub)
-                this._push(CLEAR_LINE);
-            if (a.newline)
-                this._newline();
-        }
-        const oldLast = top(oldLines);
-        const last = top(lines);
-        if (oldLast &&
-            (!last || last.y + last.height < oldLast.y + oldLast.height)) {
-            this._clearDown(oldLast.y + oldLast.height);
-        }
-        if (opts === null || opts === void 0 ? void 0 : opts.moveTo) {
-            this._moveTo(opts.moveTo[0], opts.moveTo[1]);
-        }
-        else if (last) {
-            this._moveTo(last.remainder, last.y + last.height);
-        }
-        return Buffer.concat(this._out);
-    }
-    _clearDown(y) {
-        let { x } = this;
-        for (let i = this.y; i <= y; i++) {
-            this._moveTo(x, i);
-            this._push(CLEAR_LINE);
-            x = 0;
-        }
-    }
-    _newline() {
-        this._push(NEWLINE);
-        this.x = 0;
-        this.y++;
-    }
-    _write(line) {
-        this._out.push(line.toBuffer());
-        this.x = line.remainder;
-        this.y += line.height;
-    }
-    _moveTo(x, y) {
-        const dx = x - this.x;
-        const dy = y - this.y;
-        if (dx > 0)
-            this._push(moveRight(dx));
-        else if (dx < 0)
-            this._push(moveLeft(-dx));
-        if (dy > 0)
-            this._push(moveDown(dy));
-        else if (dy < 0)
-            this._push(moveUp(-dy));
-        this.x = x;
-        this.y = y;
-    }
-}
-exports.AnsiDiff = AnsiDiff;
-function same(a, b) {
-    return (a.y === b.y &&
-        a.width === b.width &&
-        a.raw === b.raw &&
-        a.newline === b.newline);
-}
-function top(list) {
-    return list.length ? list[list.length - 1] : null;
-}
-class Line {
-    constructor(str, y, nl, term) {
-        this.y = y;
-        this.width = term.width;
-        this.parts = (0, ansi_split_1.splitAnsi)(str);
-        this.length = length(this.parts);
-        this.raw = str;
-        this.newline = nl;
-        this.height = Math.floor(this.length / term.width);
-        this.remainder = this.length - (this.height && this.height * term.width);
-        if (this.height && !this.remainder) {
-            this.height--;
-            this.remainder = this.width;
-        }
-    }
-    diffLeft(other) {
-        let left = 0;
-        for (; left < this.length; left++) {
-            if (this.raw[left] !== other.raw[left])
-                return left;
-        }
-        return left;
-    }
-    diffRight(other) {
-        let right = 0;
-        for (; right < this.length; right++) {
-            const r = this.length - right - 1;
-            if (this.raw[r] !== other.raw[r])
-                return right;
-        }
-        return right;
-    }
-    toBuffer() {
-        return Buffer.from(this.raw);
-    }
-}
-function inlineDiff(a, b) {
-    return (a.length === b.length &&
-        a.parts.length === 1 &&
-        b.parts.length === 1 &&
-        a.y === b.y &&
-        a.newline &&
-        b.newline &&
-        a.width === b.width);
-}
-function split(str, term) {
-    let y = 0;
-    const lines = str.split('\n');
-    const wrapped = [];
-    let line;
-    for (let i = 0; i < lines.length; i++) {
-        line = new Line(lines[i], y, i < lines.length - 1, term);
-        y += line.height + (line.newline ? 1 : 0);
-        wrapped.push(line);
-    }
-    return wrapped;
-}
-function moveUp(n) {
-    return Buffer.from('1b5b' + toHex(n) + '41', 'hex');
-}
-function moveDown(n) {
-    return Buffer.from('1b5b' + toHex(n) + '42', 'hex');
-}
-function moveRight(n) {
-    return Buffer.from('1b5b' + toHex(n) + '43', 'hex');
-}
-function moveLeft(n) {
-    return Buffer.from('1b5b' + toHex(n) + '44', 'hex');
-}
-function length(parts) {
-    let len = 0;
-    for (let i = 0; i < parts.length; i += 2) {
-        len += parts[i].length;
-    }
-    return len;
-}
-function toHex(n) {
-    return Buffer.from(String(n)).toString('hex');
-}

package/dist/ansi/ansi-split.d.ts

@@ -1,2 +0,0 @@
-export declare function splitAnsi(str: string): string[];
-export declare const stripAnsi: (str: string) => string;

package/dist/ansi/ansi-split.js

@@ -1,44 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.stripAnsi = exports.splitAnsi = void 0;
-const ansiRegex = () => {
-    const pattern = [
-        '[\\u001B\\u009B][[\\]()#;?]*(?:(?:(?:(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]+)*|[a-zA-Z\\d]+(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]*)*)?\\u0007)',
-        '(?:(?:\\d{1,4}(?:;\\d{0,4})*)?[\\dA-PR-TZcf-nq-uy=><~]))',
-    ].join('|');
-    return new RegExp(pattern, 'g');
-};
-function splitAnsi(str) {
-    const parts = str.match(ansiRegex());
-    if (!parts)
-        return [str];
-    const result = [];
-    let offset = 0;
-    let ptr = 0;
-    for (let i = 0; i < parts.length; i++) {
-        offset = str.indexOf(parts[i], offset);
-        if (offset === -1)
-            throw new Error('Could not split string');
-        if (ptr !== offset)
-            result.push(str.slice(ptr, offset));
-        if (ptr === offset && result.length) {
-            result[result.length - 1] += parts[i];
-        }
-        else {
-            if (offset === 0)
-                result.push('');
-            result.push(parts[i]);
-        }
-        ptr = offset + parts[i].length;
-    }
-    result.push(str.slice(ptr));
-    return result;
-}
-exports.splitAnsi = splitAnsi;
-const stripAnsi = (str) => {
-    if (typeof str !== 'string') {
-        throw new TypeError(`Expected a \`string\`, got \`${typeof str}\``);
-    }
-    return str.replace(ansiRegex(), '');
-};
-exports.stripAnsi = stripAnsi;

package/dist/better-opn/index.d.ts

@@ -1,5 +0,0 @@
-export declare const openBrowser: ({ url, browserFlag, browserArgs, }: {
-    url: string;
-    browserFlag: string | undefined;
-    browserArgs: string | undefined;
-}) => Promise<boolean | import("child_process").ChildProcess>;

package/dist/better-opn/index.js

@@ -1,202 +0,0 @@
-"use strict";
-// Copied from https://github.com/michaellzc/better-opn#readme
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.openBrowser = void 0;
-const node_child_process_1 = require("node:child_process");
-const open = require("open");
-const normalizeURLToMatch = (target) => {
-    // We may encounter URL parse error but want to fallback to default behavior
-    try {
-        // Url module is deprecated on newer version of NodeJS, only use it when URL class is not supported (like Node 8)
-        const URL = typeof global.URL === 'undefined' ? require('url').URL : global.URL;
-        const url = new URL(target);
-        return url.origin;
-    }
-    catch (_a) {
-        return target;
-    }
-};
-// Copy from
-// https://github.com/facebook/create-react-app/blob/master/packages/react-dev-utils/openBrowser.js#L64
-const startBrowserProcess = async ({ browser, url, args, }) => {
-    const tryNewInstance = args.length > 0;
-    const shouldTryOpenChromiumWithAppleScript = process.platform === 'darwin' &&
-        !tryNewInstance &&
-        (typeof browser !== 'string' ||
-            browser === 'google chrome' ||
-            browser === 'chrome');
-    if (shouldTryOpenChromiumWithAppleScript) {
-        let appleScriptDenied = false;
-        // Will use the first open browser found from list
-        const supportedChromiumBrowsers = [
-            'Google Chrome',
-            'Google Chrome Canary',
-            'Microsoft Edge',
-            'Brave Browser',
-            'Vivaldi',
-            'Chromium',
-            'Arc',
-        ];
-        const processes = await new Promise((resolve, reject) => {
-            (0, node_child_process_1.exec)('ps cax', (err, stdout) => {
-                if (err) {
-                    reject(err);
-                }
-                else {
-                    resolve(stdout);
-                }
-            });
-        });
-        const browsersToTry = supportedChromiumBrowsers.filter((b) => processes.includes(b));
-        for (const chromiumBrowser of browsersToTry) {
-            if (appleScriptDenied) {
-                continue;
-            }
-            try {
-                // Try our best to reuse existing tab
-                // on OSX Chromium-based browser with AppleScript
-                const appleScript = `
-(*
-  Copyright (c) 2015-present, Facebook, Inc.
-  This source code is licensed under the MIT license found in the
-  LICENSE file in the root directory of this source tree.
-  *)
-  
-  property targetTab: null
-  property targetTabIndex: -1
-  property targetWindow: null
-  property theProgram: "${chromiumBrowser}"
-  
-  on run argv
-    set theURL to "${encodeURI(url)}"
-    set matchURL to "${process.env.OPEN_MATCH_HOST_ONLY === 'true'
-                    ? encodeURI(normalizeURLToMatch(url))
-                    : encodeURI(url)}"
-    
-    using terms from application "Google Chrome"
-      tell application theProgram
-  
-        if (count every window) = 0 then
-          make new window
-        end if
-  
-        -- 1: Looking for tab running debugger
-        -- then, Reload debugging tab if found
-        -- then return
-        set found to my lookupTabWithUrl(matchURL)
-        if found then
-          set targetWindow's active tab index to targetTabIndex
-          tell targetTab to reload
-          tell targetWindow to activate
-          set index of targetWindow to 1
-          return
-        end if
-  
-        -- 2: Looking for Empty tab
-        -- In case debugging tab was not found
-        -- We try to find an empty tab instead
-        set found to my lookupTabWithUrl("chrome://newtab/")
-        if found then
-          set targetWindow's active tab index to targetTabIndex
-          set URL of targetTab to theURL
-          tell targetWindow to activate
-          return
-        end if
-  
-        -- 3: Create new tab
-        -- both debugging and empty tab were not found
-        -- make a new tab with url
-        tell window 1
-          activate
-          make new tab with properties {URL:theURL}
-        end tell
-      end tell
-    end using terms from
-  end run
-  
-  -- Function:
-  -- Lookup tab with given url
-  -- if found, store tab, index, and window in properties
-  -- (properties were declared on top of file)
-  on lookupTabWithUrl(lookupUrl)
-    using terms from application "Google Chrome"
-      tell application theProgram
-        -- Find a tab with the given url
-        set found to false
-        set theTabIndex to -1
-        repeat with theWindow in every window
-          set theTabIndex to 0
-          repeat with theTab in every tab of theWindow
-            set theTabIndex to theTabIndex + 1
-            if (theTab's URL as string) contains lookupUrl then
-              -- assign tab, tab index, and window to properties
-              set targetTab to theTab
-              set targetTabIndex to theTabIndex
-              set targetWindow to theWindow
-              set found to true
-              exit repeat
-            end if
-          end repeat
-  
-          if found then
-            exit repeat
-          end if
-        end repeat
-      end tell
-    end using terms from
-    return found
-  end lookupTabWithUrl
-`.trim();
-                await new Promise((resolve, reject) => {
-                    const proc = (0, node_child_process_1.exec)(`osascript -`, (error) => {
-                        if (error) {
-                            reject(error);
-                        }
-                        else {
-                            // Ignore errors.
-                            // It it breaks, it will fallback to `opn` anyway
-                            resolve();
-                        }
-                    });
-                    proc.stdin.write(appleScript);
-                    proc.stdin.end();
-                });
-                return Promise.resolve(true);
-            }
-            catch (error) {
-                const appleScriptError = error.message;
-                if (appleScriptError
-                    .toLowerCase()
-                    .includes('not authorised to send apple events')) {
-                    appleScriptDenied = true;
-                }
-                // Ignore errors.
-                // It it breaks, it will fallback to `opn` anyway
-            }
-        }
-    }
-    // Fallback to opn
-    // (It will always open new tab)
-    return open(url, {
-        ...(browser ? { app: { name: browser, arguments: args } } : {}),
-        newInstance: tryNewInstance,
-        wait: false,
-    });
-};
-const getBrowserArgs = (browserArgs) => {
-    if (browserArgs) {
-        return browserArgs.split(' ');
-    }
-    if (process.env.BROWSER_ARGS) {
-        return process.env.BROWSER_ARGS.split(' ');
-    }
-    return [];
-};
-const openBrowser = ({ url, browserFlag, browserArgs, }) => {
-    return startBrowserProcess({
-        browser: browserFlag !== null && browserFlag !== void 0 ? browserFlag : process.env.BROWSER,
-        url,
-        args: getBrowserArgs(browserArgs),
-    });
-};
-exports.openBrowser = openBrowser;

package/dist/codemods/stringify-with-path.d.ts

@@ -1,5 +0,0 @@
-import type { EnumPath } from '../editor/components/RenderModal/SchemaEditor/extract-enum-json-paths';
-export declare const stringifyDefaultProps: ({ props, enumPaths, }: {
-    props: unknown;
-    enumPaths: EnumPath[];
-}) => string;