@remotion/cli 3.3.83 → 3.3.86

package/dist/editor/components/Splitter/SplitterElement.js

@@ -14,6 +14,7 @@ const SplitterElement = ({ children, type }) => {
             display: 'flex',
             position: 'relative',
             overflow: 'hidden',
+            flexDirection: 'column',
         };
     }, [context.flexValue, type]);
     return (0, jsx_runtime_1.jsx)("div", { style: style, children: children });

package/dist/editor/components/TimeValue.js

@@ -18,14 +18,13 @@ const text = {
 const time = {
     display: 'inline-block',
     fontSize: 18,
+    lineHeight: 1,
 };
 const frameStyle = {
     color: '#ccc',
     fontSize: 10,
     fontWeight: 500,
-};
-const spacer = {
-    width: layout_1.SPACING_UNIT,
+    lineHeight: 1,
 };
 const TimeValue = () => {
     const frame = (0, remotion_1.useCurrentFrame)();
@@ -37,6 +36,6 @@ const TimeValue = () => {
     if (isStill) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsxs)("div", { style: text, children: [(0, jsx_runtime_1.jsx)("div", { style: time, children: (0, render_frame_1.renderFrame)(frame, config.fps) }), ' ', (0, jsx_runtime_1.jsx)("div", { style: spacer }), (0, jsx_runtime_1.jsxs)("div", { style: frameStyle, children: [frame, " ", (0, jsx_runtime_1.jsxs)("span", { style: frameStyle, children: ["(", config.fps, " fps)"] })] })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { style: text, children: [(0, jsx_runtime_1.jsx)("div", { style: time, children: (0, render_frame_1.renderFrame)(frame, config.fps) }), " ", (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 1 }), (0, jsx_runtime_1.jsxs)("div", { style: frameStyle, children: [frame, " ", (0, jsx_runtime_1.jsxs)("span", { style: frameStyle, children: ["(", config.fps, " fps)"] })] })] }));
 };
 exports.TimeValue = TimeValue;

package/dist/editor/components/Timeline/TimelineListItem.js

@@ -5,6 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const timeline_layout_1 = require("../../helpers/timeline-layout");
 const z_index_1 = require("../../state/z-index");
+const layout_1 = require("../layout");
 const TimelineCollapseToggle_1 = require("./TimelineCollapseToggle");
 const TimelineSequenceFrame_1 = require("./TimelineSequenceFrame");
 const HOOK_WIDTH = 7;
@@ -16,6 +17,9 @@ const TIMELINE_COLLAPSER_MARGIN_RIGHT = 10;
 exports.TOTAL_TIMELINE_LAYER_LEFT_PADDING = TIMELINE_COLLAPSER_WIDTH + TIMELINE_COLLAPSER_MARGIN_RIGHT + timeline_layout_1.TIMELINE_PADDING;
 const textStyle = {
     fontSize: 13,
+    whiteSpace: 'nowrap',
+    textOverflow: 'ellipsis',
+    overflow: 'hidden',
 };
 const outer = {
     height: timeline_layout_1.TIMELINE_LAYER_HEIGHT + timeline_layout_1.TIMELINE_BORDER * 2,
@@ -43,14 +47,17 @@ const hook = {
 };
 const space = {
     width: SPACING,
+    flexShrink: 0,
 };
 const smallSpace = {
     width: SPACING * 0.5,
+    flexShrink: 0,
 };
 const collapser = {
     width: TIMELINE_COLLAPSER_WIDTH,
     userSelect: 'none',
     marginRight: TIMELINE_COLLAPSER_MARGIN_RIGHT,
+    flexShrink: 0,
 };
 const collapserButton = {
     ...collapser,
@@ -71,6 +78,7 @@ const TimelineListItem = ({ nestedDepth, sequence, collapsed, beforeDepth, dispa
     const padder = (0, react_1.useMemo)(() => {
         return {
             width: leftOffset * nestedDepth,
+            flexShrink: 0,
         };
     }, [leftOffset, nestedDepth]);
     const toggleCollapse = (0, react_1.useCallback)(() => {
@@ -90,6 +98,6 @@ const TimelineListItem = ({ nestedDepth, sequence, collapsed, beforeDepth, dispa
     const text = sequence.displayName.length > 80
         ? sequence.displayName.slice(0, 80) + '...'
         : sequence.displayName;
-    return ((0, jsx_runtime_1.jsxs)("div", { style: outer, children: [(0, jsx_runtime_1.jsx)("div", { style: padder }), canCollapse ? ((0, jsx_runtime_1.jsx)("button", { tabIndex: tabIndex, type: "button", style: collapserButton, onClick: toggleCollapse, children: (0, jsx_runtime_1.jsx)(TimelineCollapseToggle_1.TimelineCollapseToggle, { collapsed: collapsed }) })) : ((0, jsx_runtime_1.jsx)("div", { style: collapser })), sequence.parent && nestedDepth > 0 ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { style: smallSpace }), (0, jsx_runtime_1.jsx)("div", { style: hookContainer, children: (0, jsx_runtime_1.jsx)("div", { style: hookStyle }) }), (0, jsx_runtime_1.jsx)("div", { style: space })] })) : null, (0, jsx_runtime_1.jsxs)("div", { style: textStyle, children: [text || 'Untitled', (0, jsx_runtime_1.jsx)(TimelineSequenceFrame_1.TimelineSequenceFrame, { duration: sequence.duration, from: sequence.from })] })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { style: outer, children: [(0, jsx_runtime_1.jsx)("div", { style: padder }), canCollapse ? ((0, jsx_runtime_1.jsx)("button", { tabIndex: tabIndex, type: "button", style: collapserButton, onClick: toggleCollapse, children: (0, jsx_runtime_1.jsx)(TimelineCollapseToggle_1.TimelineCollapseToggle, { collapsed: collapsed }) })) : ((0, jsx_runtime_1.jsx)("div", { style: collapser })), sequence.parent && nestedDepth > 0 ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { style: smallSpace }), (0, jsx_runtime_1.jsx)("div", { style: hookContainer, children: (0, jsx_runtime_1.jsx)("div", { style: hookStyle }) }), (0, jsx_runtime_1.jsx)("div", { style: space })] })) : null, (0, jsx_runtime_1.jsxs)("div", { title: text || 'Untitled', style: textStyle, children: [text || 'Untitled', (0, jsx_runtime_1.jsx)(TimelineSequenceFrame_1.TimelineSequenceFrame, { duration: sequence.duration, from: sequence.from })] }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 1 })] }));
 };
 exports.TimelineListItem = TimelineListItem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/cli",
-  "version": "3.3.83",
+  "version": "3.3.86",
   "description": "CLI for Remotion",
   "main": "dist/index.js",
   "sideEffects": false,
@@ -16,16 +16,16 @@
   "author": "Jonny Burger <jonny@remotion.dev>",
   "license": "SEE LICENSE IN LICENSE.md",
   "dependencies": {
-    "@remotion/bundler": "3.3.83",
-    "@remotion/media-utils": "3.3.83",
-    "@remotion/player": "3.3.83",
-    "@remotion/renderer": "3.3.83",
+    "@remotion/bundler": "3.3.86",
+    "@remotion/media-utils": "3.3.86",
+    "@remotion/player": "3.3.86",
+    "@remotion/renderer": "3.3.86",
     "dotenv": "9.0.2",
     "memfs": "3.4.3",
     "minimist": "1.2.6",
     "open": "^8.4.2",
     "prompts": "2.4.1",
-    "remotion": "3.3.83",
+    "remotion": "3.3.86",
     "semver": "7.3.5",
     "source-map": "0.6.1"
   },

package/dist/cloudrun-command.d.ts

@@ -1 +0,0 @@
-export declare const cloudrunCommand: (remotionRoot: string, args: string[]) => Promise<never>;

package/dist/cloudrun-command.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.cloudrunCommand = void 0;
-const log_1 = require("./log");
-const get_package_manager_1 = require("./preview-server/get-package-manager");
-const update_available_1 = require("./preview-server/update-available");
-const cloudrunCommand = async (remotionRoot, args) => {
-    try {
-        const path = require.resolve('@remotion/cloudrun', {
-            paths: [remotionRoot],
-        });
-        const { CloudrunInternals } = require(path);
-        await CloudrunInternals.executeCommand(args, remotionRoot);
-        process.exit(0);
-    }
-    catch (err) {
-        const manager = (0, get_package_manager_1.getPackageManager)(remotionRoot, undefined);
-        const installCommand = manager === 'unknown' ? 'npm i' : manager.installCommand;
-        log_1.Log.error(err);
-        log_1.Log.error('Remotion CloudRun is not installed.');
-        log_1.Log.info('');
-        log_1.Log.info('You can install it using:');
-        log_1.Log.info(`${installCommand} @remotion/cloudrun@${(0, update_available_1.getRemotionVersion)()}`);
-        process.exit(1);
-    }
-};
-exports.cloudrunCommand = cloudrunCommand;

package/dist/codemods/update-default-props.d.ts

@@ -1,5 +0,0 @@
-export declare const updateDefaultProps: ({ input, compositionId, newDefaultProps, }: {
-    input: string;
-    compositionId: string;
-    newDefaultProps: unknown;
-}) => Promise<string>;

package/dist/codemods/update-default-props.js

@@ -1,143 +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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.updateDefaultProps = void 0;
-const findStarter = ({ input, compositionId, }) => {
-    const format1 = input.indexOf(`id="${compositionId}"`);
-    if (format1 > -1) {
-        return format1;
-    }
-    const format2 = input.indexOf(`id='${compositionId}'`);
-    if (format2 > -1) {
-        return format2;
-    }
-    const format3 = input.indexOf(`id={'${compositionId}'}`);
-    if (format3 > -1) {
-        return format3;
-    }
-    const format4 = input.indexOf(`id={"${compositionId}"}`);
-    if (format4 > -1) {
-        return format4;
-    }
-    const format5 = input.indexOf(`id={\`${compositionId}\``);
-    if (format5 > -1) {
-        return format5;
-    }
-    throw new Error(`Could not find composition ID ${compositionId} in file`);
-};
-const findEndPosition = (input, currentPosition) => {
-    const asConstVersion = input
-        .slice(currentPosition + 1)
-        .search(/as\sconst[ \t\n\r]+\}/);
-    if (asConstVersion !== -1) {
-        const nextEnd = input.indexOf('}', asConstVersion + currentPosition + 1);
-        return nextEnd - 1;
-    }
-    const next = input.indexOf('}}', currentPosition + 1);
-    if (next !== -1) {
-        return next;
-    }
-    throw new Error('Could not find end of defaultProps');
-};
-const findEnder = (input, position, maxPosition, compositionId) => {
-    let currentPosition = position;
-    while (currentPosition < maxPosition) {
-        const next = findEndPosition(input, currentPosition);
-        currentPosition = next;
-        const nextChar = input[next + 1];
-        if (nextChar === ',') {
-            continue;
-        }
-        return [position, currentPosition + 1];
-    }
-    throw new Error(`No \`defaultProps\` prop found in the <Composition/> tag with the ID "${compositionId}".`);
-};
-const findTerminators = (input, position) => {
-    const nextComposition = input.indexOf('<Composition', position);
-    if (nextComposition > -1) {
-        return nextComposition;
-    }
-    const nextStill = input.indexOf('<Still', position);
-    if (nextStill > -1) {
-        return nextStill;
-    }
-    return Infinity;
-};
-const stringifyDefaultProps = (props) => {
-    // Don't replace with arrow function
-    return JSON.stringify(props, function (key, value) {
-        if (this[key] instanceof Date) {
-            return `__REMOVEQUOTE__new Date('${new Date(this[key]).toISOString()}')__REMOVEQUOTE__`;
-        }
-        if (typeof this[key] === 'string') {
-            return `${this[key]}__ADD_AS_CONST__`;
-        }
-        return value;
-    })
-        .replace(/"__REMOVEQUOTE__/g, '')
-        .replace(/__REMOVEQUOTE__"/g, '')
-        .replace(/__ADD_AS_CONST__"/g, '" as const');
-};
-// TODO: Add more sanity checks
-const updateDefaultProps = async ({ input, compositionId, newDefaultProps, }) => {
-    const starter = findStarter({ input, compositionId });
-    const START_TOKEN = 'defaultProps={';
-    const start = input.indexOf(START_TOKEN, starter);
-    if (start === -1) {
-        throw new Error(`No \`defaultProps\` prop found in the <Composition/> tag with the ID "${compositionId}".`);
-    }
-    const maxEnd = findTerminators(input, starter);
-    const [startPos, endPos] = findEnder(input, start + START_TOKEN.length, maxEnd, compositionId);
-    // eslint-disable-next-line @typescript-eslint/consistent-type-imports
-    let prettier = null;
-    try {
-        prettier = await Promise.resolve().then(() => __importStar(require('prettier')));
-    }
-    catch (err) {
-        throw new Error('Prettier cannot be found in the current project.');
-    }
-    const { format, resolveConfig, resolveConfigFile } = prettier;
-    const newFile = input.substring(0, startPos) +
-        stringifyDefaultProps(newDefaultProps) +
-        input.substring(endPos);
-    const configFilePath = await resolveConfigFile();
-    if (!configFilePath) {
-        throw new Error('The Prettier config file was not found');
-    }
-    const prettierConfig = await resolveConfig(configFilePath);
-    if (!prettierConfig) {
-        throw new Error(`The Prettier config at ${configFilePath} could not be read`);
-    }
-    const prettified = format(newFile, {
-        ...prettierConfig,
-        rangeStart: startPos,
-        rangeEnd: endPos,
-        filepath: 'test.tsx',
-        plugins: [],
-        endOfLine: 'auto',
-    });
-    return prettified;
-};
-exports.updateDefaultProps = updateDefaultProps;

package/dist/color-math.d.ts

@@ -1 +0,0 @@
-export declare const colorWithNewOpacity: (color: string, opacity: number) => string;

package/dist/color-math.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.colorWithNewOpacity = void 0;
-const remotion_1 = require("remotion");
-const colorWithNewOpacity = (color, opacity) => {
-    const { r, g, b } = remotion_1.Internals.parseColor(color);
-    if (opacity >= 255) {
-        return `#${r.toString(16)}${g.toString(16)}${b.toString(16)}`;
-    }
-    return `rgba(${r}, ${g}, ${b}, ${(opacity / 255).toFixed(2)})`;
-};
-exports.colorWithNewOpacity = colorWithNewOpacity;

package/dist/config/jpeg-quality.d.ts

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

package/dist/config/jpeg-quality.js

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

package/dist/convert-entry-point-to-serve-url.d.ts

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

package/dist/convert-entry-point-to-serve-url.js

@@ -1,15 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.convertEntryPointToServeUrl = void 0;
-const renderer_1 = require("@remotion/renderer");
-const path_1 = __importDefault(require("path"));
-const convertEntryPointToServeUrl = (entryPoint) => {
-    const fullPath = renderer_1.RenderInternals.isServeUrl(entryPoint)
-        ? entryPoint
-        : path_1.default.resolve(process.cwd(), entryPoint);
-    return fullPath;
-};
-exports.convertEntryPointToServeUrl = convertEntryPointToServeUrl;

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

@@ -1,6 +0,0 @@
-import React from 'react';
-export declare const Checkbox: React.FC<{
-    checked: boolean;
-    onChange: React.ChangeEventHandler<HTMLInputElement>;
-    disabled?: boolean;
-}>;

package/dist/editor/components/Checkbox.js

@@ -1,42 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Checkbox = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const colors_1 = require("../helpers/colors");
-const Checkmark_1 = require("../icons/Checkmark");
-const size = 20;
-const background = {
-    height: size,
-    width: size,
-    position: 'relative',
-};
-const box = {
-    display: 'flex',
-    justifyContent: 'center',
-    alignItems: 'center',
-    position: 'absolute',
-    height: size,
-    width: size,
-    top: 0,
-    left: 0,
-    pointerEvents: 'none',
-    color: 'white',
-};
-const Checkbox = ({ checked, onChange, disabled }) => {
-    const input = (0, react_1.useMemo)(() => {
-        return {
-            appearance: 'none',
-            background: disabled ? 'transparent' : colors_1.INPUT_BACKGROUND,
-            border: '1px solid ' + colors_1.INPUT_BORDER_COLOR_UNHOVERED,
-            height: size,
-            width: size,
-            top: 0,
-            left: 0,
-            position: 'absolute',
-            margin: 0,
-        };
-    }, [disabled]);
-    return ((0, jsx_runtime_1.jsxs)("div", { style: background, children: [(0, jsx_runtime_1.jsx)("input", { style: input, type: 'checkbox', checked: checked, onChange: onChange, disabled: disabled }), (0, jsx_runtime_1.jsx)("div", { style: box, children: checked ? (0, jsx_runtime_1.jsx)(Checkmark_1.Checkmark, {}) : null })] }));
-};
-exports.Checkbox = Checkbox;

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

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

package/dist/editor/components/CheckerboardProvider.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CheckerboardProvider = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const checkerboard_1 = require("../state/checkerboard");
-const CheckerboardProvider = ({ children }) => {
-    const [checkerboard, setCheckerboardState] = (0, react_1.useState)(() => (0, checkerboard_1.loadCheckerboardOption)());
-    const setCheckerboard = (0, react_1.useCallback)((newValue) => {
-        setCheckerboardState((prevState) => {
-            const newVal = newValue(prevState);
-            (0, checkerboard_1.persistCheckerboardOption)(newVal);
-            return newVal;
-        });
-    }, []);
-    const checkerboardCtx = (0, react_1.useMemo)(() => {
-        return {
-            checkerboard,
-            setCheckerboard,
-        };
-    }, [checkerboard, setCheckerboard]);
-    return ((0, jsx_runtime_1.jsx)(checkerboard_1.CheckerboardContext.Provider, { value: checkerboardCtx, children: children }));
-};
-exports.CheckerboardProvider = CheckerboardProvider;

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

@@ -1,6 +0,0 @@
-import React from 'react';
-export declare const CollapsableOptions: React.FC<{
-    children: React.ReactNode;
-    showLabel: string;
-    hideLabel: string;
-}>;

package/dist/editor/components/CollapsableOptions.js

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CollapsableOptions = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const colors_1 = require("../helpers/colors");
-const z_index_1 = require("../state/z-index");
-const layout_1 = require("./layout");
-const TimelineCollapseToggle_1 = require("./Timeline/TimelineCollapseToggle");
-const container = {
-    marginLeft: 16,
-    height: 40,
-    display: 'flex',
-    flexDirection: 'row',
-    alignItems: 'center',
-};
-const buttonStyle = {
-    border: 'none',
-    padding: 0,
-    appearance: 'none',
-    display: 'flex',
-    flexDirection: 'row',
-    alignItems: 'center',
-    fontSize: 14,
-    color: colors_1.LIGHT_TEXT,
-};
-const CollapsableOptions = ({ children, showLabel, hideLabel }) => {
-    const [show, setShow] = (0, react_1.useState)(false);
-    const { tabIndex } = (0, z_index_1.useZIndex)();
-    const onClick = (0, react_1.useCallback)(() => {
-        setShow((s) => !s);
-    }, []);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { style: container, children: (0, jsx_runtime_1.jsxs)("button", { style: buttonStyle, tabIndex: tabIndex, onClick: onClick, type: "button", children: [(0, jsx_runtime_1.jsx)(TimelineCollapseToggle_1.TimelineCollapseToggle, { color: colors_1.LIGHT_TEXT, collapsed: !show }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { block: true, x: 1 }), show ? hideLabel : showLabel] }) }), show ? children : null] }));
-};
-exports.CollapsableOptions = CollapsableOptions;

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

@@ -1,3 +0,0 @@
-import type React from 'react';
-export declare const TitleUpdater: React.FC;
-export declare const CurrentCompositionKeybindings: React.FC;

package/dist/editor/components/CurrentCompositionSideEffects.js

@@ -1,51 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CurrentCompositionKeybindings = exports.TitleUpdater = void 0;
-const react_1 = require("react");
-const remotion_1 = require("remotion");
-const client_id_1 = require("../helpers/client-id");
-const use_keybinding_1 = require("../helpers/use-keybinding");
-const NotificationCenter_1 = require("./Notifications/NotificationCenter");
-const TitleUpdater = () => {
-    const video = remotion_1.Internals.useVideo();
-    (0, react_1.useEffect)(() => {
-        if (!video) {
-            document.title = 'Remotion Preview';
-            return;
-        }
-        document.title = `${video.id} / ${window.remotion_projectName} - Remotion Preview`;
-    }, [video]);
-    return null;
-};
-exports.TitleUpdater = TitleUpdater;
-const CurrentCompositionKeybindings = () => {
-    const keybindings = (0, use_keybinding_1.useKeybinding)();
-    const video = remotion_1.Internals.useVideo();
-    const { type } = (0, react_1.useContext)(client_id_1.PreviewServerConnectionCtx);
-    const openRenderModal = (0, react_1.useCallback)(() => {
-        if (!video) {
-            return;
-        }
-        if (type !== 'connected') {
-            (0, NotificationCenter_1.sendErrorNotification)('Preview server is offline');
-            return;
-        }
-        const renderButton = document.getElementById('render-modal-button');
-        renderButton.click();
-    }, [type, video]);
-    (0, react_1.useEffect)(() => {
-        const binding = keybindings.registerKeybinding({
-            event: 'keydown',
-            key: 'r',
-            commandCtrlKey: false,
-            callback: openRenderModal,
-            preventDefault: true,
-            triggerIfInputFieldFocused: false,
-        });
-        return () => {
-            binding.unregister();
-        };
-    }, [keybindings, openRenderModal]);
-    return null;
-};
-exports.CurrentCompositionKeybindings = CurrentCompositionKeybindings;

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

@@ -1,5 +0,0 @@
-import type { PropsWithChildren } from 'react';
-import React from 'react';
-export declare const InlineAction: React.FC<PropsWithChildren<{
-    onClick: React.MouseEventHandler<HTMLAnchorElement> | undefined;
-}>>;

package/dist/editor/components/InlineAction.js

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InlineAction = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const colors_1 = require("../helpers/colors");
-const z_index_1 = require("../state/z-index");
-const InlineAction = ({ children, onClick }) => {
-    const { tabIndex } = (0, z_index_1.useZIndex)();
-    const [hovered, setHovered] = (0, react_1.useState)(false);
-    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',
-            background: hovered ? colors_1.CLEAR_HOVER : 'transparent',
-            height: 24,
-            width: 24,
-            display: 'inline-flex',
-            justifyContent: 'center',
-            alignItems: 'center',
-            borderRadius: 3,
-            // TODO: Color does not get propagated to the children
-            color: hovered ? 'white' : colors_1.LIGHT_TEXT,
-        };
-    }, [hovered]);
-    return (
-    // <div> because cannot use button inside a button
-    (0, jsx_runtime_1.jsx)("a", { onPointerEnter: onPointerEnter, onPointerLeave: onPointerLeave, onClick: onClick, style: style, tabIndex: tabIndex, children: children }));
-};
-exports.InlineAction = InlineAction;

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

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

package/dist/editor/components/MediaVolumeProvider.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MediaVolumeProvider = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const remotion_1 = require("remotion");
-const mute_1 = require("../state/mute");
-const MediaVolumeProvider = ({ children }) => {
-    const [mediaMuted, setMediaMuted] = (0, react_1.useState)(() => (0, mute_1.loadMuteOption)());
-    const [mediaVolume, setMediaVolume] = (0, react_1.useState)(1);
-    const mediaVolumeContextValue = (0, react_1.useMemo)(() => {
-        return {
-            mediaMuted,
-            mediaVolume,
-        };
-    }, [mediaMuted, mediaVolume]);
-    const setMediaVolumeContextValue = (0, react_1.useMemo)(() => {
-        return {
-            setMediaMuted,
-            setMediaVolume,
-        };
-    }, []);
-    return ((0, jsx_runtime_1.jsx)(remotion_1.Internals.MediaVolumeContext.Provider, { value: mediaVolumeContextValue, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.SetMediaVolumeContext.Provider, { value: setMediaVolumeContextValue, children: children }) }));
-};
-exports.MediaVolumeProvider = MediaVolumeProvider;

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

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

package/dist/editor/components/Modals.js

@@ -1,23 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Modals = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const client_id_1 = require("../helpers/client-id");
-const modals_1 = require("../state/modals");
-const NewComposition_1 = __importDefault(require("./NewComposition/NewComposition"));
-const QuickSwitcher_1 = __importDefault(require("./QuickSwitcher/QuickSwitcher"));
-const RenderModal_1 = require("./RenderModal/RenderModal");
-const RenderStatusModal_1 = require("./RenderModal/RenderStatusModal");
-const UpdateModal_1 = require("./UpdateModal/UpdateModal");
-const Modals = () => {
-    const { selectedModal: modalContextType } = (0, react_1.useContext)(modals_1.ModalsContext);
-    const canRender = (0, react_1.useContext)(client_id_1.PreviewServerConnectionCtx).type === 'connected';
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [modalContextType && modalContextType.type === 'new-comp' && ((0, jsx_runtime_1.jsx)(NewComposition_1.default, { initialCompType: modalContextType.compType })), modalContextType && canRender && modalContextType.type === 'render' && ((0, jsx_runtime_1.jsx)(RenderModal_1.RenderModal, { initialFrame: modalContextType.initialFrame, compositionId: modalContextType.compositionId, initialVideoImageFormat: modalContextType.initialVideoImageFormat, initialJpegQuality: modalContextType.initialJpegQuality, initialOutName: modalContextType.initialOutName, initialScale: modalContextType.initialScale, initialVerbose: modalContextType.initialVerbose, initialRenderType: modalContextType.initialRenderType, initialVideoCodecForAudioTab: modalContextType.initialVideoCodecForAudioTab, initialVideoCodecForVideoTab: modalContextType.initialVideoCodecForVideoTab, initialConcurrency: modalContextType.initialConcurrency, maxConcurrency: modalContextType.maxConcurrency, minConcurrency: modalContextType.minConcurrency, initialStillImageFormat: modalContextType.initialStillImageFormat, initialMuted: modalContextType.initialMuted, initialEnforceAudioTrack: modalContextType.initialEnforceAudioTrack, initialProResProfile: modalContextType.initialProResProfile, initialPixelFormat: modalContextType.initialPixelFormat, initialAudioBitrate: modalContextType.initialAudioBitrate, initialVideoBitrate: modalContextType.initialVideoBitrate, initialEveryNthFrame: modalContextType.initialEveryNthFrame, initialNumberOfGifLoops: modalContextType.initialNumberOfGifLoops, initialDelayRenderTimeout: modalContextType.initialDelayRenderTimeout, initialAudioCodec: modalContextType.initialAudioCodec, initialEnvVariables: modalContextType.initialEnvVariables, initialDisableWebSecurity: modalContextType.initialDisableWebSecurity, initialGl: modalContextType.initialOpenGlRenderer, initialHeadless: modalContextType.initialHeadless, initialIgnoreCertificateErrors: modalContextType.initialIgnoreCertificateErrors })), modalContextType &&
-                canRender &&
-                modalContextType.type === 'render-progress' && ((0, jsx_runtime_1.jsx)(RenderStatusModal_1.RenderStatusModal, { jobId: modalContextType.jobId })), modalContextType && modalContextType.type === 'update' && ((0, jsx_runtime_1.jsx)(UpdateModal_1.UpdateModal, { info: modalContextType.info })), modalContextType && modalContextType.type === 'quick-switcher' && ((0, jsx_runtime_1.jsx)(QuickSwitcher_1.default, { invocationTimestamp: modalContextType.invocationTimestamp, initialMode: modalContextType.mode }))] }));
-};
-exports.Modals = Modals;