@remotion/cli 3.3.92 → 3.3.93

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

@@ -17,7 +17,7 @@ const SEQUENCE_GRADIENT = 'linear-gradient(to bottom, #3697e1, #348AC7 60%)';
 const AUDIO_GRADIENT = 'linear-gradient(rgb(16 171 58), rgb(43 165 63) 60%)';
 const VIDEO_GRADIENT = 'linear-gradient(to top, #8e44ad, #9b59b6)';
 const TimelineSequence = ({ s, fps }) => {
-    var _a, _b;
+    var _a;
     const size = player_1.PlayerInternals.useElementSize(timeline_refs_1.sliderAreaRef, {
         triggerOnWindowResize: false,
         shouldApplyCssTransforms: true,
@@ -33,8 +33,10 @@ const TimelineSequence = ({ s, fps }) => {
         throw new TypeError('Expected video config');
     }
     const { marginLeft, width } = (0, get_timeline_sequence_layout_1.getTimelineSequenceLayout)({
-        durationInFrames: s.duration * ((_b = s.showLoopTimesInTimeline) !== null && _b !== void 0 ? _b : 1),
-        startFrom: s.from,
+        durationInFrames: s.loopDisplay
+            ? s.loopDisplay.durationInFrames * s.loopDisplay.numberOfTimes
+            : s.duration,
+        startFrom: s.loopDisplay ? s.from + s.loopDisplay.startOffset : s.from,
         startFromMedia: s.type === 'sequence' ? 0 : s.startMediaFrom,
         maxMediaDuration,
         video,
@@ -67,6 +69,6 @@ const TimelineSequence = ({ s, fps }) => {
         };
     }, []);
     const thumbnailWidth = timeline_layout_1.TIMELINE_LAYER_HEIGHT * (video.width / video.height);
-    return ((0, jsx_runtime_1.jsxs)("div", { style: style, title: s.displayName, children: [(0, jsx_runtime_1.jsx)("div", { style: row, children: richTimeline && s.type === 'sequence' ? ((0, jsx_runtime_1.jsx)(Thumbnail_1.Thumbnail, { targetHeight: timeline_layout_1.TIMELINE_LAYER_HEIGHT, targetWidth: thumbnailWidth, composition: video, frameToDisplay: Math.floor(s.from + s.duration / 2) })) : null }), s.type === 'audio' ? ((0, jsx_runtime_1.jsx)(AudioWaveform_1.AudioWaveform, { src: s.src, doesVolumeChange: s.doesVolumeChange, visualizationWidth: width, startFrom: s.startMediaFrom, durationInFrames: s.duration, fps: fps, volume: s.volume, setMaxMediaDuration: setMaxMediaDuration, playbackRate: s.playbackRate })) : null, s.type === 'video' ? (0, jsx_runtime_1.jsx)(TimelineVideoInfo_1.TimelineVideoInfo, { src: s.src }) : null, s.showLoopTimesInTimeline === undefined ? null : ((0, jsx_runtime_1.jsx)(LoopedTimelineIndicators_1.LoopedTimelineIndicator, { loops: s.showLoopTimesInTimeline }))] }, s.id));
+    return ((0, jsx_runtime_1.jsxs)("div", { style: style, title: s.displayName, children: [(0, jsx_runtime_1.jsx)("div", { style: row, children: richTimeline && s.type === 'sequence' ? ((0, jsx_runtime_1.jsx)(Thumbnail_1.Thumbnail, { targetHeight: timeline_layout_1.TIMELINE_LAYER_HEIGHT, targetWidth: thumbnailWidth, composition: video, frameToDisplay: Math.floor(s.from + s.duration / 2) })) : null }), s.type === 'audio' ? ((0, jsx_runtime_1.jsx)(AudioWaveform_1.AudioWaveform, { src: s.src, doesVolumeChange: s.doesVolumeChange, visualizationWidth: width, startFrom: s.startMediaFrom, durationInFrames: s.duration, fps: fps, volume: s.volume, setMaxMediaDuration: setMaxMediaDuration, playbackRate: s.playbackRate })) : null, s.type === 'video' ? (0, jsx_runtime_1.jsx)(TimelineVideoInfo_1.TimelineVideoInfo, { src: s.src }) : null, s.loopDisplay === undefined ? null : ((0, jsx_runtime_1.jsx)(LoopedTimelineIndicators_1.LoopedTimelineIndicator, { loops: s.loopDisplay.numberOfTimes }))] }, s.id));
 };
 exports.TimelineSequence = TimelineSequence;

package/dist/editor/helpers/calculate-timeline.js

@@ -29,7 +29,7 @@ const calculateTimeline = ({ sequences, sequenceDuration, }) => {
                     rootId: '-',
                     showInTimeline: true,
                     nonce: 0,
-                    showLoopTimesInTimeline: undefined,
+                    loopDisplay: undefined,
                 },
                 depth: 0,
                 hash: '-',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/cli",
-  "version": "3.3.92",
+  "version": "3.3.93",
   "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.92",
-    "@remotion/media-utils": "3.3.92",
-    "@remotion/player": "3.3.92",
-    "@remotion/renderer": "3.3.92",
+    "@remotion/bundler": "3.3.93",
+    "@remotion/media-utils": "3.3.93",
+    "@remotion/player": "3.3.93",
+    "@remotion/renderer": "3.3.93",
     "dotenv": "9.0.2",
     "memfs": "3.4.3",
     "minimist": "1.2.6",
     "open": "^8.4.2",
     "prompts": "2.4.1",
-    "remotion": "3.3.92",
+    "remotion": "3.3.93",
     "semver": "7.3.5",
     "source-map": "0.6.1"
   },

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,2 +0,0 @@
-import type { ZodTypesType } from './editor/components/get-zod-if-possible';
-export declare const colorWithNewOpacity: (color: string, opacity: number, zodTypes: ZodTypesType) => string;

package/dist/color-math.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.colorWithNewOpacity = void 0;
-const colorWithNewOpacity = (color, opacity, zodTypes) => {
-    const { r, g, b } = zodTypes.ZodZypesInternals.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/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,7 +0,0 @@
-import React from 'react';
-export declare type RenderInlineAction = (color: string) => React.ReactNode;
-export declare const InlineAction: React.FC<{
-    onClick: React.MouseEventHandler<HTMLButtonElement>;
-    disabled?: boolean;
-    renderAction: RenderInlineAction;
-}>;

package/dist/editor/components/InlineAction.js

@@ -1,31 +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 = ({ renderAction, onClick, disabled }) => {
-    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: (0, colors_1.getBackgroundFromHoverState)({ hovered, selected: false }),
-            height: 24,
-            width: 24,
-            display: 'inline-flex',
-            justifyContent: 'center',
-            alignItems: 'center',
-            borderRadius: 3,
-        };
-    }, [hovered]);
-    return ((0, jsx_runtime_1.jsx)("button", { type: "button", onPointerEnter: onPointerEnter, onPointerLeave: onPointerLeave, onClick: onClick, style: style, tabIndex: tabIndex, disabled: disabled, children: renderAction(hovered ? 'white' : colors_1.LIGHT_TEXT) }));
-};
-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, defaultProps: modalContextType.defaultProps })), 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;

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

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

package/dist/editor/components/ModalsProvider.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ModalsProvider = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const modals_1 = require("../state/modals");
-const ModalsProvider = ({ children }) => {
-    const [modalContextType, setModalContextType] = (0, react_1.useState)(null);
-    const modalsContext = (0, react_1.useMemo)(() => {
-        return {
-            selectedModal: modalContextType,
-            setSelectedModal: setModalContextType,
-        };
-    }, [modalContextType]);
-    return ((0, jsx_runtime_1.jsx)(modals_1.ModalsContext.Provider, { value: modalsContext, children: children }));
-};
-exports.ModalsProvider = ModalsProvider;

package/dist/editor/components/NewComposition/RemInputTypeColor.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { RemInputStatus } from './RemInput';
-declare type Props = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> & {
-    status: RemInputStatus;
-};
-export declare const RemInputTypeColor: React.ForwardRefExoticComponent<Pick<Props, "key" | "status" | keyof React.InputHTMLAttributes<HTMLInputElement>> & React.RefAttributes<HTMLInputElement>>;
-export {};

package/dist/editor/components/NewComposition/RemInputTypeColor.js

@@ -1,53 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RemInputTypeColor = 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 RemInput_1 = require("./RemInput");
-const inputBaseStyle = {
-    padding: 0,
-    borderStyle: 'solid',
-    borderWidth: 1,
-};
-const RemInputTypeColorForwardRef = ({ status, ...props }, ref) => {
-    const [isFocused, setIsFocused] = (0, react_1.useState)(false);
-    const [isHovered, setIsHovered] = (0, react_1.useState)(false);
-    const inputRef = (0, react_1.useRef)(null);
-    const { tabIndex } = (0, z_index_1.useZIndex)();
-    const style = (0, react_1.useMemo)(() => {
-        var _a;
-        return {
-            backgroundColor: colors_1.INPUT_BACKGROUND,
-            ...inputBaseStyle,
-            borderColor: (0, RemInput_1.getInputBorderColor)({ isFocused, isHovered, status }),
-            ...((_a = props.style) !== null && _a !== void 0 ? _a : {}),
-        };
-    }, [isFocused, isHovered, props.style, status]);
-    (0, react_1.useImperativeHandle)(ref, () => {
-        return inputRef.current;
-    }, []);
-    (0, react_1.useEffect)(() => {
-        if (!inputRef.current) {
-            return;
-        }
-        const { current } = inputRef;
-        const onFocus = () => setIsFocused(true);
-        const onBlur = () => setIsFocused(false);
-        const onMouseEnter = () => setIsHovered(true);
-        const onMouseLeave = () => setIsHovered(false);
-        current.addEventListener('focus', onFocus);
-        current.addEventListener('blur', onBlur);
-        current.addEventListener('mouseenter', onMouseEnter);
-        current.addEventListener('mouseleave', onMouseLeave);
-        return () => {
-            current.removeEventListener('focus', onFocus);
-            current.removeEventListener('blur', onBlur);
-            current.removeEventListener('mouseenter', onMouseEnter);
-            current.removeEventListener('mouseleave', onMouseLeave);
-        };
-    }, [inputRef]);
-    return ((0, jsx_runtime_1.jsx)("input", { ref: inputRef, type: "color", tabIndex: tabIndex, ...props, style: style }));
-};
-exports.RemInputTypeColor = (0, react_1.forwardRef)(RemInputTypeColorForwardRef);

package/dist/editor/components/NewComposition/RemTextarea.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-declare type Props = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement> & {
-    status: 'error' | 'warning' | 'ok';
-};
-export declare const inputBaseStyle: React.CSSProperties;
-export declare const RemTextarea: React.ForwardRefExoticComponent<Pick<Props, "key" | "status" | keyof React.InputHTMLAttributes<HTMLTextAreaElement>> & React.RefAttributes<HTMLTextAreaElement>>;
-export {};