@remotion/cli 4.0.0-alpha11 → 4.0.0-alpha13

package/dist/editor/components/Thumbnail.js

@@ -1,76 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Thumbnail = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const remotion_1 = require("remotion");
-const checkerboard_background_1 = require("../helpers/checkerboard-background");
-const checkerboard_1 = require("../state/checkerboard");
-const Thumbnail = ({ composition, targetHeight, targetWidth, frameToDisplay }) => {
-    const { height, width } = composition;
-    const heightRatio = targetHeight / height;
-    const widthRatio = targetWidth / width;
-    const ratio = Math.min(heightRatio, widthRatio);
-    const scale = ratio;
-    const actualWidth = width * scale;
-    const actualHeight = height * scale;
-    const correction = 0 - (1 - scale) / 2;
-    const xCorrection = correction * width;
-    const yCorrection = correction * height;
-    const [thumbnailId] = (0, react_1.useState)(() => String((0, remotion_1.random)(null)));
-    const { checkerboard } = (0, react_1.useContext)(checkerboard_1.CheckerboardContext);
-    const container = (0, react_1.useMemo)(() => {
-        return {
-            width: targetWidth,
-            height: targetHeight,
-            backgroundColor: 'rgba(0, 0, 0, 0.4)',
-            display: 'flex',
-            justifyContent: 'center',
-            alignItems: 'center',
-        };
-    }, [targetHeight, targetWidth]);
-    const outer = (0, react_1.useMemo)(() => {
-        return {
-            width: actualWidth,
-            height: actualHeight,
-            backgroundColor: (0, checkerboard_background_1.checkerboardBackgroundColor)(checkerboard),
-            backgroundImage: (0, checkerboard_background_1.checkerboardBackgroundImage)(checkerboard),
-            backgroundPosition: (0, checkerboard_background_1.getCheckerboardBackgroundPos)(25),
-            backgroundSize: (0, checkerboard_background_1.getCheckerboardBackgroundPos)(25),
-        };
-    }, [actualHeight, actualWidth, checkerboard]);
-    const inner = (0, react_1.useMemo)(() => {
-        return {
-            width,
-            height,
-            transform: `scale(${scale}) `,
-            overflow: 'hidden',
-            marginLeft: xCorrection,
-            marginTop: yCorrection,
-            display: 'flex',
-            color: 'black',
-        };
-    }, [height, scale, width, xCorrection, yCorrection]);
-    const timelineState = (0, react_1.useMemo)(() => {
-        return {
-            playing: false,
-            frame: frameToDisplay,
-            rootId: thumbnailId,
-            imperativePlaying: {
-                current: false,
-            },
-            playbackRate: 1,
-            setPlaybackRate: () => {
-                throw new Error('thumbnail');
-            },
-            audioAndVideoTags: { current: [] },
-        };
-    }, [frameToDisplay, thumbnailId]);
-    const props = (0, react_1.useMemo)(() => {
-        var _a;
-        return (_a = composition.defaultProps) !== null && _a !== void 0 ? _a : {};
-    }, [composition.defaultProps]);
-    const ThumbnailComponent = composition.component;
-    return ((0, jsx_runtime_1.jsx)("div", { style: container, children: (0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: null, children: (0, jsx_runtime_1.jsx)("div", { style: outer, children: (0, jsx_runtime_1.jsx)("div", { style: inner, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.Timeline.TimelineContext.Provider, { value: timelineState, children: (0, jsx_runtime_1.jsx)(ThumbnailComponent, { ...props }) }) }) }) }) }));
-};
-exports.Thumbnail = Thumbnail;

package/dist/editor/helpers/use-compact-ui.d.ts

@@ -1 +0,0 @@
-export declare function useCompactUI(): boolean;

package/dist/editor/helpers/use-compact-ui.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useCompactUI = void 0;
-const react_1 = require("react");
-const breakpoint = 1200;
-function useCompactUI() {
-    const [compactUI, setCompactUI] = (0, react_1.useState)(window.innerWidth < breakpoint);
-    (0, react_1.useEffect)(() => {
-        function handleResize() {
-            setCompactUI(window.innerWidth < breakpoint);
-        }
-        window.addEventListener('resize', handleResize);
-        handleResize();
-        return () => window.removeEventListener('resize', handleResize);
-    }, []);
-    return compactUI;
-}
-exports.useCompactUI = useCompactUI;

package/dist/editor/icons/film.d.ts

@@ -1,3 +0,0 @@
-import type { SVGProps } from 'react';
-import React from 'react';
-export declare const FilmIcon: React.FC<SVGProps<SVGSVGElement>>;

package/dist/editor/icons/film.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FilmIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const FilmIcon = (props) => {
-    return ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 512 512", ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M488 64h-8v20c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12V64H96v20c0 6.6-5.4 12-12 12H44c-6.6 0-12-5.4-12-12V64h-8C10.7 64 0 74.7 0 88v336c0 13.3 10.7 24 24 24h8v-20c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v20h320v-20c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v20h8c13.3 0 24-10.7 24-24V88c0-13.3-10.7-24-24-24zM96 372c0 6.6-5.4 12-12 12H44c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40zm0-96c0 6.6-5.4 12-12 12H44c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40zm0-96c0 6.6-5.4 12-12 12H44c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40zm280 208c0 6.6-5.4 12-12 12H148c-6.6 0-12-5.4-12-12V124c0-6.6 5.4-12 12-12h216c6.6 0 12 5.4 12 12v264zm104-16c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40zm0-96c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40zm0-96c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40z" }) }));
-};
-exports.FilmIcon = FilmIcon;

package/dist/editor/icons/timeline.d.ts

@@ -1,3 +0,0 @@
-import type { SVGProps } from 'react';
-import React from 'react';
-export declare const TimelineIcon: React.FC<SVGProps<SVGSVGElement>>;

package/dist/editor/icons/timeline.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TimelineIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const TimelineIcon = (props) => {
-    var _a;
-    return ((0, jsx_runtime_1.jsx)("svg", { "aria-hidden": "true", focusable: "false", "data-prefix": "fas", "data-icon": "stream", className: "svg-inline--fa fa-stream fa-w-16", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: (_a = props.style) === null || _a === void 0 ? void 0 : _a.color, d: "M16 128h416c8.84 0 16-7.16 16-16V48c0-8.84-7.16-16-16-16H16C7.16 32 0 39.16 0 48v64c0 8.84 7.16 16 16 16zm480 80H80c-8.84 0-16 7.16-16 16v64c0 8.84 7.16 16 16 16h416c8.84 0 16-7.16 16-16v-64c0-8.84-7.16-16-16-16zm-64 176H16c-8.84 0-16 7.16-16 16v64c0 8.84 7.16 16 16 16h416c8.84 0 16-7.16 16-16v-64c0-8.84-7.16-16-16-16z" }) }));
-};
-exports.TimelineIcon = TimelineIcon;

package/dist/editor/state/rich-timeline.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-declare type State = {
-    richTimeline: boolean;
-    setRichTimeline: (cb: (prevState: boolean) => boolean) => void;
-};
-export declare const persistRichTimelineOption: (option: boolean) => void;
-export declare const loadRichTimelineOption: () => boolean;
-export declare const RichTimelineContext: import("react").Context<State>;
-export {};

package/dist/editor/state/rich-timeline.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RichTimelineContext = exports.loadRichTimelineOption = exports.persistRichTimelineOption = void 0;
-const react_1 = require("react");
-const persistRichTimelineOption = (option) => {
-    localStorage.setItem('richTimeline', String(option));
-};
-exports.persistRichTimelineOption = persistRichTimelineOption;
-const loadRichTimelineOption = () => {
-    const item = localStorage.getItem('richTimeline');
-    return item === 'true';
-};
-exports.loadRichTimelineOption = loadRichTimelineOption;
-exports.RichTimelineContext = (0, react_1.createContext)({
-    richTimeline: (0, exports.loadRichTimelineOption)(),
-    setRichTimeline: () => undefined,
-});

package/dist/get-render-media-options.d.ts

@@ -1,8 +0,0 @@
-import type { Codec, RenderMediaOptions } from '@remotion/renderer';
-export declare const getRenderMediaOptions: ({ outputLocation, config, serveUrl, codec, remotionRoot, }: {
-    outputLocation: RenderMediaOptions['outputLocation'];
-    config: RenderMediaOptions['composition'];
-    serveUrl: string;
-    codec: Codec;
-    remotionRoot: string;
-}) => Promise<RenderMediaOptions>;

package/dist/get-render-media-options.js

@@ -1,55 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getRenderMediaOptions = void 0;
-const renderer_1 = require("@remotion/renderer");
-const config_1 = require("./config");
-const get_audio_codec_1 = require("./get-audio-codec");
-const get_cli_options_1 = require("./get-cli-options");
-const image_formats_1 = require("./image-formats");
-const getRenderMediaOptions = async ({ outputLocation, config, serveUrl, codec, remotionRoot, }) => {
-    const { proResProfile, concurrency, frameRange, overwrite, inputProps, envVariables, quality, crf, pixelFormat, browserExecutable, ffmpegExecutable, ffprobeExecutable, scale, chromiumOptions, port, numberOfGifLoops, everyNthFrame, muted, enforceAudioTrack, ffmpegOverride, audioBitrate, videoBitrate, height, width, } = await (0, get_cli_options_1.getCliOptions)({
-        isLambda: false,
-        type: 'series',
-        remotionRoot,
-    });
-    const imageFormat = (0, image_formats_1.getImageFormat)(codec);
-    const audioCodec = (0, get_audio_codec_1.getResolvedAudioCodec)();
-    return {
-        outputLocation,
-        composition: {
-            ...config,
-            width: width !== null && width !== void 0 ? width : config.width,
-            height: height !== null && height !== void 0 ? height : config.height,
-        },
-        crf,
-        envVariables,
-        ffmpegExecutable,
-        ffprobeExecutable,
-        frameRange,
-        imageFormat,
-        inputProps,
-        overwrite,
-        pixelFormat,
-        proResProfile,
-        quality,
-        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'),
-        muted,
-        enforceAudioTrack,
-        browserExecutable,
-        ffmpegOverride,
-        concurrency,
-        serveUrl,
-        codec,
-        audioBitrate,
-        videoBitrate,
-        audioCodec,
-    };
-};
-exports.getRenderMediaOptions = getRenderMediaOptions;

package/dist/install.d.ts

@@ -1,2 +0,0 @@
-export declare const INSTALL_COMMAND: "install";
-export declare const installCommand: (remotionRoot: string, args: string[]) => Promise<void>;

package/dist/install.js

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.installCommand = exports.INSTALL_COMMAND = void 0;
-const renderer_1 = require("@remotion/renderer");
-const log_1 = require("./log");
-exports.INSTALL_COMMAND = 'install';
-const installCommand = async (remotionRoot, args) => {
-    const firstArg = args[0];
-    if (firstArg === 'ffmpeg') {
-        const { wasAlreadyInstalled } = await (0, renderer_1.ensureFfmpeg)({ remotionRoot });
-        if (wasAlreadyInstalled) {
-            log_1.Log.info('FFmpeg is already installed');
-        }
-        else {
-            log_1.Log.info('Successfully installed FFmpeg');
-        }
-        return;
-    }
-    if (firstArg === 'ffprobe') {
-        const { wasAlreadyInstalled } = await (0, renderer_1.ensureFfprobe)({ remotionRoot });
-        if (wasAlreadyInstalled) {
-            log_1.Log.info('FFmpeg is already installed');
-        }
-        else {
-            log_1.Log.info('Successfully installed FFmpeg');
-        }
-        return;
-    }
-    log_1.Log.error('Please specify either "ffmpeg" or "ffprobe" as the first argument to the install command');
-    log_1.Log.error();
-    log_1.Log.info('Example Usage: ');
-    log_1.Log.info(' remotion install ffmpeg');
-    log_1.Log.info(' remotion install ffprobe');
-    process.exit(1);
-};
-exports.installCommand = installCommand;

package/dist/is-javascript.d.ts

@@ -1,2 +0,0 @@
-declare const isJavascript: (fullPath: string) => boolean;
-export { isJavascript };

package/dist/is-javascript.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isJavascript = void 0;
-const isJavascript = (fullPath) => {
-    const splitFullPath = fullPath.split('.');
-    const extension = splitFullPath[splitFullPath.length - 1];
-    return extension === 'jsx' || extension === 'js';
-};
-exports.isJavascript = isJavascript;

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

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

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

@@ -1,37 +0,0 @@
-"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/hot-middleware/strip-ansi.d.ts

@@ -1 +0,0 @@
-export declare const stripAnsi: (str: string) => string;

package/dist/preview-server/hot-middleware/strip-ansi.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.stripAnsi = void 0;
-/**
- * Code inlined from https://github.com/chalk/strip-ansi#readme
- * This file is MIT licensed.
- */
-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');
-};
-const stripAnsi = (str) => {
-    if (typeof str !== 'string') {
-        throw new TypeError(`Expected a \`string\`, got \`${typeof str}\``);
-    }
-    return str.replace(ansiRegex(), '');
-};
-exports.stripAnsi = stripAnsi;