@remotion/cli 4.0.0-alpha5 → 4.0.0-alpha7

package/dist/setup-cache.js

@@ -7,7 +7,8 @@ const config_1 = require("./config");
 const log_1 = require("./log");
 const parse_command_line_1 = require("./parse-command-line");
 const progress_bar_1 = require("./progress-bar");
-const bundleOnCliOrTakeServeUrl = async ({ fullPath, remotionRoot, publicDir, onProgress, indentOutput, logLevel, bundlingStep, steps, onDirectoryCreated, }) => {
+const should_use_non_overlaying_logger_1 = require("./should-use-non-overlaying-logger");
+const bundleOnCliOrTakeServeUrl = async ({ fullPath, remotionRoot, publicDir, onProgress, indentOutput, logLevel, bundlingStep, steps, onDirectoryCreated, quietProgress, }) => {
     if (renderer_1.RenderInternals.isServeUrl(fullPath)) {
         return {
             urlOrBundle: fullPath,
@@ -24,6 +25,7 @@ const bundleOnCliOrTakeServeUrl = async ({ fullPath, remotionRoot, publicDir, on
         bundlingStep,
         steps,
         onDirectoryCreated,
+        quietProgress,
     });
     return {
         urlOrBundle: bundled,
@@ -31,7 +33,7 @@ const bundleOnCliOrTakeServeUrl = async ({ fullPath, remotionRoot, publicDir, on
     };
 };
 exports.bundleOnCliOrTakeServeUrl = bundleOnCliOrTakeServeUrl;
-const bundleOnCli = async ({ fullPath, remotionRoot, publicDir, onProgressCallback, indent, logLevel, bundlingStep, steps, onDirectoryCreated, }) => {
+const bundleOnCli = async ({ fullPath, remotionRoot, publicDir, onProgressCallback, indent, logLevel, bundlingStep, steps, onDirectoryCreated, quietProgress, }) => {
     var _a;
     const shouldCache = config_1.ConfigInternals.getWebpackCaching();
     const symlinkState = {
@@ -54,7 +56,7 @@ const bundleOnCli = async ({ fullPath, remotionRoot, publicDir, onProgressCallba
             bundling: bundlingState,
             copying: copyingState,
             symLinks: symlinkState,
-        }, indent, bundlingStep, steps) + (newline ? '\n' : ''));
+        }, bundlingStep, steps), newline);
         onProgressCallback({
             bundling: bundlingState,
             copying: copyingState,
@@ -100,8 +102,10 @@ const bundleOnCli = async ({ fullPath, remotionRoot, publicDir, onProgressCallba
     }
     const bundleStartTime = Date.now();
     const bundlingProgress = (0, progress_bar_1.createOverwriteableCliOutput)({
-        quiet: (0, parse_command_line_1.quietFlagProvided)(),
+        quiet: quietProgress || (0, parse_command_line_1.quietFlagProvided)(),
         cancelSignal: null,
+        updatesDontOverwrite: (0, should_use_non_overlaying_logger_1.shouldUseNonOverlayingLogger)({ logLevel }),
+        indent,
     });
     let bundlingState = {
         progress: 0,

package/dist/should-use-non-overlaying-logger.d.ts

@@ -0,0 +1,4 @@
+import type { LogLevel } from '@remotion/renderer';
+export declare const shouldUseNonOverlayingLogger: ({ logLevel, }: {
+    logLevel: LogLevel;
+}) => boolean;

package/dist/should-use-non-overlaying-logger.js

@@ -0,0 +1,12 @@
+"use strict";
+// Should not use a logger that uses ANSI Diffing if
+// - using verbose logging (intersection of Chrome + Remotion + compositor logs)
+// - using a non-interactive terminal such as CI
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.shouldUseNonOverlayingLogger = void 0;
+const renderer_1 = require("@remotion/renderer");
+const shouldUseNonOverlayingLogger = ({ logLevel, }) => {
+    return (renderer_1.RenderInternals.isEqualOrBelowLogLevel(logLevel, 'verbose') ||
+        !process.stdout.isTTY);
+};
+exports.shouldUseNonOverlayingLogger = shouldUseNonOverlayingLogger;

package/dist/upgrade.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.upgrade = void 0;
 const renderer_1 = require("@remotion/renderer");
-const path_1 = __importDefault(require("path"));
+const node_path_1 = __importDefault(require("node:path"));
 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");
@@ -22,7 +22,7 @@ const getUpgradeCommand = ({ manager, packages, version, }) => {
 };
 const upgrade = async (remotionRoot, packageManager) => {
     var _a, _b, _c, _d;
-    const packageJsonFilePath = path_1.default.join(remotionRoot, 'package.json');
+    const packageJsonFilePath = node_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 : {});

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

@@ -3,14 +3,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getOutputLocation = exports.getUserPassedOutputLocation = void 0;
 const config_1 = require("./config");
 const get_default_out_name_1 = require("./get-default-out-name");
+const parse_command_line_1 = require("./parse-command-line");
 const getUserPassedOutputLocation = (args) => {
-    var _a;
-    const filename = (_a = args[0]) !== null && _a !== void 0 ? _a : config_1.ConfigInternals.getOutputLocation();
+    var _a, _b;
+    const filename = (_b = (_a = args[0]) !== null && _a !== void 0 ? _a : parse_command_line_1.parsedCli.output) !== null && _b !== void 0 ? _b : config_1.ConfigInternals.getOutputLocation();
     return filename;
 };
 exports.getUserPassedOutputLocation = getUserPassedOutputLocation;
 const getOutputLocation = ({ compositionId, defaultExtension, args, type, }) => {
     var _a;
+    if (typeof args[0] !== 'undefined' &&
+        typeof parse_command_line_1.parsedCli.output !== 'undefined') {
+        throw new Error('Both an output flag (--output) and an output location as a positional argument were passed. Please choose only one of the ways.');
+    }
     return ((_a = (0, exports.getUserPassedOutputLocation)(args)) !== null && _a !== void 0 ? _a : (0, get_default_out_name_1.getDefaultOutLocation)({
         compositionName: compositionId,
         defaultExtension,

package/dist/versions.js

@@ -5,7 +5,7 @@ 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 node_fs_1 = __importDefault(require("node:fs"));
 const config_1 = require("./config");
 const list_of_remotion_packages_1 = require("./list-of-remotion-packages");
 const log_1 = require("./log");
@@ -14,7 +14,7 @@ const resolve_from_1 = require("./resolve-from");
 const getVersion = async (remotionRoot, p) => {
     try {
         const remotionPkgJson = (0, resolve_from_1.resolveFrom)(remotionRoot, `${p}/package.json`);
-        const file = await fs_1.default.promises.readFile(remotionPkgJson, 'utf-8');
+        const file = await node_fs_1.default.promises.readFile(remotionPkgJson, 'utf-8');
         const packageJson = JSON.parse(file);
         return packageJson.version;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/cli",
-  "version": "4.0.0-alpha5",
+  "version": "4.0.0-alpha7",
   "description": "CLI for Remotion",
   "main": "dist/index.js",
   "sideEffects": false,
@@ -28,16 +28,16 @@
   "author": "Jonny Burger <jonny@remotion.dev>",
   "license": "SEE LICENSE IN LICENSE.md",
   "dependencies": {
-    "@remotion/bundler": "4.0.0-alpha5",
-    "@remotion/media-utils": "4.0.0-alpha5",
-    "@remotion/player": "4.0.0-alpha5",
-    "@remotion/renderer": "4.0.0-alpha5",
+    "@remotion/bundler": "4.0.0-alpha7",
+    "@remotion/media-utils": "4.0.0-alpha7",
+    "@remotion/player": "4.0.0-alpha7",
+    "@remotion/renderer": "4.0.0-alpha7",
     "dotenv": "9.0.2",
     "memfs": "3.4.3",
     "minimist": "1.2.6",
     "open": "^8.4.2",
     "prompts": "2.4.1",
-    "remotion": "4.0.0-alpha5",
+    "remotion": "4.0.0-alpha7",
     "semver": "7.3.5",
     "source-map": "0.6.1"
   },
@@ -56,7 +56,7 @@
     "@types/semver": "^7.3.4",
     "@typescript-eslint/eslint-plugin": "5.18.0",
     "@typescript-eslint/parser": "5.18.0",
-    "@remotion/zod-types": "4.0.0-alpha5",
+    "@remotion/zod-types": "4.0.0-alpha7",
     "eslint": "8.25.0",
     "eslint-plugin-10x": "1.5.2",
     "eslint-plugin-react": "7.29.4",

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

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

package/dist/ansi/ansi-regex.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.stripAnsi = exports.ansiRegex = 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');
-};
-exports.ansiRegex = ansiRegex;
-const stripAnsi = (str) => {
-    if (typeof str !== 'string') {
-        throw new TypeError(`Expected a \`string\`, got \`${typeof str}\``);
-    }
-    return str.replace((0, exports.ansiRegex)(), '');
-};
-exports.stripAnsi = stripAnsi;

package/dist/config/ffmpeg-executable.d.ts

@@ -1,5 +0,0 @@
-import type { FfmpegExecutable } from '@remotion/renderer';
-export declare const setFfmpegExecutable: (ffmpegPath: FfmpegExecutable) => void;
-export declare const getCustomFfmpegExecutable: () => FfmpegExecutable;
-export declare const setFfprobeExecutable: (ffprobePath: FfmpegExecutable) => void;
-export declare const getCustomFfprobeExecutable: () => FfmpegExecutable;

package/dist/config/ffmpeg-executable.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getCustomFfprobeExecutable = exports.setFfprobeExecutable = exports.getCustomFfmpegExecutable = exports.setFfmpegExecutable = void 0;
-let currentFfmpegExecutablePath = null;
-let currentFfprobeExecutablePath = null;
-const setFfmpegExecutable = (ffmpegPath) => {
-    currentFfmpegExecutablePath = ffmpegPath;
-};
-exports.setFfmpegExecutable = setFfmpegExecutable;
-const getCustomFfmpegExecutable = () => {
-    return currentFfmpegExecutablePath;
-};
-exports.getCustomFfmpegExecutable = getCustomFfmpegExecutable;
-const setFfprobeExecutable = (ffprobePath) => {
-    currentFfprobeExecutablePath = ffprobePath;
-};
-exports.setFfprobeExecutable = setFfprobeExecutable;
-const getCustomFfprobeExecutable = () => {
-    return currentFfprobeExecutablePath;
-};
-exports.getCustomFfprobeExecutable = getCustomFfprobeExecutable;

package/dist/config/quality.d.ts

@@ -1,2 +0,0 @@
-export declare const setQuality: (q: number | undefined) => void;
-export declare const getQuality: () => number | undefined;

package/dist/config/quality.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getQuality = exports.setQuality = void 0;
-const renderer_1 = require("@remotion/renderer");
-const defaultValue = undefined;
-let quality = defaultValue;
-const setQuality = (q) => {
-    renderer_1.RenderInternals.validateQuality(q);
-    if (q === 0 || q === undefined) {
-        quality = defaultValue;
-        return;
-    }
-    quality = q;
-};
-exports.setQuality = setQuality;
-const getQuality = () => quality;
-exports.getQuality = getQuality;

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

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const ClipboardIcon: React.FC;

package/dist/editor/components/ClipboardIcon.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ClipboardIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ClipboardIcon = () => {
-    return ((0, jsx_runtime_1.jsx)("svg", { "aria-hidden": "true", focusable: "false", "data-prefix": "far", "data-icon": "clipboard", className: "svg-inline--fa fa-clipboard fa-w-12", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 384 512", style: {
-            height: 16,
-            verticalAlign: 'middle',
-            marginTop: -3,
-        }, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M336 64h-80c0-35.3-28.7-64-64-64s-64 28.7-64 64H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM192 40c13.3 0 24 10.7 24 24s-10.7 24-24 24-24-10.7-24-24 10.7-24 24-24zm144 418c0 3.3-2.7 6-6 6H54c-3.3 0-6-2.7-6-6V118c0-3.3 2.7-6 6-6h42v36c0 6.6 5.4 12 12 12h168c6.6 0 12-5.4 12-12v-36h42c3.3 0 6 2.7 6 6z" }) }));
-};
-exports.ClipboardIcon = ClipboardIcon;

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

@@ -1,4 +0,0 @@
-import React from 'react';
-export declare const CollapsedCompositionSelector: React.FC<{
-    onExpand: () => void;
-}>;

package/dist/editor/components/CollapsedCompositionSelector.js

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CollapsedCompositionSelector = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const colors_1 = require("../helpers/colors");
-const caret_1 = require("../icons/caret");
-const z_index_1 = require("../state/z-index");
-const CollapsedCompositionSelector = ({ onExpand }) => {
-    const [hovered, setHovered] = (0, react_1.useState)(false);
-    const { tabIndex } = (0, z_index_1.useZIndex)();
-    const onPointerEnter = (0, react_1.useCallback)(() => {
-        setHovered(true);
-    }, []);
-    const onPointerLeave = (0, react_1.useCallback)(() => {
-        setHovered(false);
-    }, []);
-    const style = (0, react_1.useMemo)(() => {
-        return {
-            border: 'none',
-            borderRight: '2px solid black',
-            cursor: 'pointer',
-            color: 'white',
-            display: 'flex',
-            justifyContent: 'center',
-            alignItems: 'center',
-            paddingLeft: 7,
-            paddingRight: 4,
-            backgroundColor: (0, colors_1.getBackgroundFromHoverState)({
-                hovered,
-                selected: false,
-            }),
-            appearance: 'none',
-            WebkitAppearance: 'none',
-        };
-    }, [hovered]);
-    return ((0, jsx_runtime_1.jsx)("button", { style: style, onPointerEnter: onPointerEnter, onPointerLeave: onPointerLeave, type: "button", role: "button", tabIndex: tabIndex, onClick: onExpand, children: (0, jsx_runtime_1.jsx)(caret_1.CaretRight, {}) }));
-};
-exports.CollapsedCompositionSelector = CollapsedCompositionSelector;

package/dist/editor/components/RenderModal/SchemaEditor/date-serialization.d.ts

@@ -1,6 +0,0 @@
-export declare type SerializedJSONWithDate = {
-    serializedString: string;
-    customDateUsed: boolean;
-};
-export declare const serializeJSONWithDate: (data: unknown, indent: number | undefined) => SerializedJSONWithDate;
-export declare const deserializeJSONWithDate: (data: string) => any;

package/dist/editor/components/RenderModal/SchemaEditor/date-serialization.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.deserializeJSONWithDate = exports.serializeJSONWithDate = void 0;
-const serializeJSONWithDate = (data, indent) => {
-    let customDateUsed = false;
-    const serializedString = JSON.stringify(data, function (key, value) {
-        if (this[key] instanceof Date) {
-            customDateUsed = true;
-            return `remotion-date:${this[key].toISOString()}`;
-        }
-        return value;
-    }, indent);
-    return { serializedString, customDateUsed };
-};
-exports.serializeJSONWithDate = serializeJSONWithDate;
-const deserializeJSONWithDate = (data) => {
-    return JSON.parse(data, (_, value) => {
-        if (typeof value === 'string' && value.startsWith('remotion-date:')) {
-            return new Date(value.replace('remotion-date:', ''));
-        }
-        return value;
-    });
-};
-exports.deserializeJSONWithDate = deserializeJSONWithDate;

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

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const RichTimelineToggle: React.FC;

package/dist/editor/components/RichTimelineToggle.js

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RichTimelineToggle = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const is_current_selected_still_1 = require("../helpers/is-current-selected-still");
-const timeline_1 = require("../icons/timeline");
-const rich_timeline_1 = require("../state/rich-timeline");
-const ControlButton_1 = require("./ControlButton");
-const tooltip = 'Enable rich timeline. Go to remotion.dev/docs/timeline for more information.';
-const RichTimelineToggle = () => {
-    const { richTimeline, setRichTimeline } = (0, react_1.useContext)(rich_timeline_1.RichTimelineContext);
-    const isStill = (0, is_current_selected_still_1.useIsStill)();
-    const onClick = (0, react_1.useCallback)(() => {
-        setRichTimeline((c) => {
-            (0, rich_timeline_1.persistRichTimelineOption)(!c);
-            return !c;
-        });
-    }, [setRichTimeline]);
-    if (isStill) {
-        return null;
-    }
-    return ((0, jsx_runtime_1.jsx)(ControlButton_1.ControlButton, { title: tooltip, "aria-label": tooltip, onClick: onClick, children: (0, jsx_runtime_1.jsx)(timeline_1.TimelineIcon, { style: {
-                width: 16,
-                height: 16,
-                color: richTimeline ? 'var(--blue)' : 'white',
-            } }) }));
-};
-exports.RichTimelineToggle = RichTimelineToggle;

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

@@ -1,8 +0,0 @@
-import React from 'react';
-import type { TComposition } from 'remotion';
-export declare const Thumbnail: React.FC<{
-    composition: TComposition<unknown>;
-    targetHeight: number;
-    targetWidth: number;
-    frameToDisplay: number;
-}>;

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>;