@remotion/cli 4.0.113 → 4.0.115

package/dist/editor/components/RenderButton.js

@@ -1,94 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RenderButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const remotion_1 = require("remotion");
-const Button_1 = require("../../preview-server/error-overlay/remotion-overlay/Button");
-const client_id_1 = require("../helpers/client-id");
-const use_keybinding_1 = require("../helpers/use-keybinding");
-const render_1 = require("../icons/render");
-const in_out_1 = require("../state/in-out");
-const modals_1 = require("../state/modals");
-const layout_1 = require("./layout");
-const button = {
-    paddingLeft: 7,
-    paddingRight: 7,
-    paddingTop: 7,
-    paddingBottom: 7,
-};
-const label = {
-    fontSize: 14,
-};
-const RenderButton = () => {
-    const { inFrame, outFrame } = (0, in_out_1.useTimelineInOutFramePosition)();
-    const { setSelectedModal } = (0, react_1.useContext)(modals_1.ModalsContext);
-    const { type } = (0, react_1.useContext)(client_id_1.StudioServerConnectionCtx);
-    const connectionStatus = (0, react_1.useContext)(client_id_1.StudioServerConnectionCtx).type;
-    const shortcut = (0, use_keybinding_1.areKeyboardShortcutsDisabled)() ? '' : '(R)';
-    const tooltip = type === 'connected'
-        ? 'Export the current composition ' + shortcut
-        : 'Connect to the Studio server to render';
-    const iconStyle = (0, react_1.useMemo)(() => {
-        return {
-            style: {
-                height: 16,
-                color: 'currentColor',
-            },
-        };
-    }, []);
-    const video = remotion_1.Internals.useVideo();
-    const frame = (0, remotion_1.useCurrentFrame)();
-    const { props } = (0, react_1.useContext)(remotion_1.Internals.EditorPropsContext);
-    const onClick = (0, react_1.useCallback)(() => {
-        var _a, _b, _c;
-        if (!video) {
-            return null;
-        }
-        const defaults = window.remotion_renderDefaults;
-        if (!defaults) {
-            throw new TypeError('Expected defaults');
-        }
-        setSelectedModal({
-            type: 'render',
-            compositionId: video.id,
-            initialFrame: frame,
-            initialStillImageFormat: defaults.stillImageFormat,
-            initialVideoImageFormat: defaults.videoImageFormat,
-            initialJpegQuality: defaults.jpegQuality,
-            initialScale: (_b = (_a = window.remotion_renderDefaults) === null || _a === void 0 ? void 0 : _a.scale) !== null && _b !== void 0 ? _b : 1,
-            initialLogLevel: defaults.logLevel,
-            initialConcurrency: defaults.concurrency,
-            maxConcurrency: defaults.maxConcurrency,
-            minConcurrency: defaults.minConcurrency,
-            initialMuted: defaults.muted,
-            initialEnforceAudioTrack: defaults.enforceAudioTrack,
-            initialProResProfile: defaults.proResProfile,
-            initialx264Preset: defaults.x264Preset,
-            initialPixelFormat: defaults.pixelFormat,
-            initialAudioBitrate: defaults.audioBitrate,
-            initialVideoBitrate: defaults.videoBitrate,
-            initialEveryNthFrame: defaults.everyNthFrame,
-            initialNumberOfGifLoops: defaults.numberOfGifLoops,
-            initialDelayRenderTimeout: defaults.delayRenderTimeout,
-            defaultConfigurationAudioCodec: defaults.audioCodec,
-            initialEnvVariables: window.process.env,
-            initialDisableWebSecurity: defaults.disableWebSecurity,
-            initialOpenGlRenderer: defaults.openGlRenderer,
-            initialHeadless: defaults.headless,
-            initialIgnoreCertificateErrors: defaults.ignoreCertificateErrors,
-            initialOffthreadVideoCacheSizeInBytes: defaults.offthreadVideoCacheSizeInBytes,
-            defaultProps: (_c = props[video.id]) !== null && _c !== void 0 ? _c : video.defaultProps,
-            inFrameMark: inFrame,
-            outFrameMark: outFrame,
-            initialColorSpace: defaults.colorSpace,
-            initialMultiProcessOnLinux: defaults.multiProcessOnLinux,
-            defaultConfigurationVideoCodec: defaults.codec,
-        });
-    }, [video, setSelectedModal, frame, props, inFrame, outFrame]);
-    if (!video) {
-        return null;
-    }
-    return ((0, jsx_runtime_1.jsx)(Button_1.Button, { id: "render-modal-button", title: tooltip, onClick: onClick, buttonContainerStyle: button, disabled: connectionStatus !== 'connected', children: (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)(render_1.RenderIcon, { svgProps: iconStyle }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 1 }), (0, jsx_runtime_1.jsx)("span", { style: label, children: "Render" })] }) }));
-};
-exports.RenderButton = RenderButton;

package/dist/editor/components/RenderModal/CliCopyButton.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare const CliCopyButton: React.FC<{
-    valueToCopy: string;
-}>;

package/dist/editor/components/RenderModal/CliCopyButton.js

@@ -1,60 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CliCopyButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const colors_1 = require("../../helpers/colors");
-const clipboard_1 = require("../../icons/clipboard");
-const svgStyle = {
-    width: 16,
-    height: 16,
-    verticalAlign: 'sub',
-};
-const copiedStyle = {
-    fontSize: '14px',
-    minHeight: '30px',
-    minWidth: '30px',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-};
-const buttonStyle = {
-    width: '30px',
-    height: '30px',
-    border: 'none',
-    cursor: 'pointer',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-};
-const CliCopyButton = ({ valueToCopy, }) => {
-    const [copied, setCopied] = (0, react_1.useState)(false);
-    const [hovered, setHovered] = (0, react_1.useState)(false);
-    const fillColor = (0, react_1.useMemo)(() => {
-        return hovered ? 'white' : colors_1.LIGHT_TEXT;
-    }, [hovered]);
-    const clipboardIcon = (0, jsx_runtime_1.jsx)(clipboard_1.ClipboardIcon, { color: fillColor, style: svgStyle });
-    const checkSvg = ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", style: svgStyle, children: (0, jsx_runtime_1.jsx)("path", { fill: fillColor, d: "M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z" }) }));
-    const onPointerEnter = (0, react_1.useCallback)(() => {
-        setHovered(true);
-    }, []);
-    const onPointerLeave = (0, react_1.useCallback)(() => {
-        setHovered(false);
-    }, []);
-    (0, react_1.useEffect)(() => {
-        if (!copied) {
-            return;
-        }
-        const handleClear = () => {
-            setCopied(false);
-            setHovered(false);
-        };
-        const to = setTimeout(() => handleClear(), 2000);
-        return () => clearTimeout(to);
-    }, [copied]);
-    return copied ? ((0, jsx_runtime_1.jsx)("span", { style: copiedStyle, children: checkSvg })) : ((0, jsx_runtime_1.jsx)("button", { type: "button", onPointerEnter: onPointerEnter, onPointerLeave: onPointerLeave, style: buttonStyle, onClick: () => {
-            navigator.clipboard.writeText(valueToCopy);
-            setCopied(true);
-        }, children: clipboardIcon }));
-};
-exports.CliCopyButton = CliCopyButton;

package/dist/editor/components/RenderModal/CrfSetting.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import type { AnyRemotionOption, Codec } from '@remotion/renderer';
-export declare const useCrfState: (codec: Codec) => {
-    crf: number;
-    setCrf: import("react").Dispatch<import("react").SetStateAction<number>>;
-    minCrf: number;
-    maxCrf: number;
-};
-export declare const CrfSetting: React.FC<{
-    crf: number;
-    setCrf: React.Dispatch<React.SetStateAction<number>>;
-    min: number;
-    max: number;
-    option: AnyRemotionOption;
-}>;

package/dist/editor/components/RenderModal/CrfSetting.js

@@ -1,42 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CrfSetting = exports.useCrfState = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const client_1 = require("@remotion/renderer/client");
-const react_1 = require("react");
-const NumberSetting_1 = require("./NumberSetting");
-const getDefaultCrfState = () => {
-    return client_1.BrowserSafeApis.validCodecs
-        .map((c) => {
-        return [c, client_1.BrowserSafeApis.getDefaultCrfForCodec(c)];
-    })
-        .reduce((acc, [codec, crf]) => {
-        return {
-            ...acc,
-            [codec]: crf,
-        };
-    }, {});
-};
-const useCrfState = (codec) => {
-    const [state, setState] = (0, react_1.useState)(() => getDefaultCrfState());
-    const range = client_1.BrowserSafeApis.getValidCrfRanges(codec);
-    const setCrf = (updater) => {
-        setState((q) => {
-            return {
-                ...q,
-                [codec]: typeof updater === 'number' ? updater : updater(q[codec]),
-            };
-        });
-    };
-    return {
-        crf: state[codec],
-        setCrf,
-        minCrf: range[0],
-        maxCrf: range[1],
-    };
-};
-exports.useCrfState = useCrfState;
-const CrfSetting = ({ crf, setCrf, min, max, option }) => {
-    return ((0, jsx_runtime_1.jsx)(NumberSetting_1.NumberSetting, { min: min, max: max, name: "CRF", onValueChanged: setCrf, value: crf, step: 1, hint: option }));
-};
-exports.CrfSetting = CrfSetting;

package/dist/editor/components/RenderModal/DataEditor.d.ts

@@ -1,22 +0,0 @@
-import React from 'react';
-import type { AnyComposition } from 'remotion';
-export type State = {
-    str: string;
-    value: Record<string, unknown>;
-    validJSON: true;
-    zodValidation: Zod.SafeParseReturnType<unknown, unknown>;
-} | {
-    str: string;
-    validJSON: false;
-    error: string;
-};
-export type PropsEditType = 'input-props' | 'default-props';
-export declare const DataEditor: React.FC<{
-    unresolvedComposition: AnyComposition;
-    inputProps: Record<string, unknown>;
-    setInputProps: React.Dispatch<React.SetStateAction<Record<string, unknown>>>;
-    mayShowSaveButton: boolean;
-    propsEditType: PropsEditType;
-    saving: boolean;
-    setSaving: React.Dispatch<React.SetStateAction<boolean>>;
-}>;

package/dist/editor/components/RenderModal/DataEditor.js

@@ -1,301 +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.DataEditor = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importStar(require("react"));
-const remotion_1 = require("remotion");
-const no_react_1 = require("remotion/no-react");
-const event_source_1 = require("../../../event-source");
-const client_id_1 = require("../../helpers/client-id");
-const colors_1 = require("../../helpers/colors");
-const get_zod_if_possible_1 = require("../get-zod-if-possible");
-const layout_1 = require("../layout");
-const ValidationMessage_1 = require("../NewComposition/ValidationMessage");
-const NotificationCenter_1 = require("../Notifications/NotificationCenter");
-const actions_1 = require("../RenderQueue/actions");
-const SegmentedControl_1 = require("../SegmentedControl");
-const get_render_modal_warnings_1 = require("./get-render-modal-warnings");
-const RenderModalJSONPropsEditor_1 = require("./RenderModalJSONPropsEditor");
-const extract_enum_json_paths_1 = require("./SchemaEditor/extract-enum-json-paths");
-const SchemaEditor_1 = require("./SchemaEditor/SchemaEditor");
-const SchemaErrorMessages_1 = require("./SchemaEditor/SchemaErrorMessages");
-const WarningIndicatorButton_1 = require("./WarningIndicatorButton");
-const errorExplanation = {
-    fontSize: 14,
-    color: colors_1.LIGHT_TEXT,
-    fontFamily: 'sans-serif',
-    lineHeight: 1.5,
-};
-const explainer = {
-    display: 'flex',
-    flex: 1,
-    flexDirection: 'column',
-    padding: '0 12px',
-    justifyContent: 'center',
-    alignItems: 'center',
-    textAlign: 'center',
-};
-const outer = {
-    display: 'flex',
-    flexDirection: 'column',
-    flex: 1,
-    overflow: 'hidden',
-    backgroundColor: colors_1.BACKGROUND,
-};
-const controlContainer = {
-    flexDirection: 'column',
-    display: 'flex',
-    padding: 12,
-    borderBottom: `1px solid ${colors_1.BORDER_COLOR}`,
-};
-const tabWrapper = {
-    display: 'flex',
-    marginBottom: '4px',
-    flexDirection: 'row',
-    alignItems: 'center',
-};
-const persistanceKey = 'remotion.show-render-modalwarning';
-const getPersistedShowWarningState = () => {
-    const val = localStorage.getItem(persistanceKey);
-    if (!val) {
-        return true;
-    }
-    return val === 'true';
-};
-const setPersistedShowWarningState = (val) => {
-    localStorage.setItem(persistanceKey, String(Boolean(val)));
-};
-const DataEditor = ({ unresolvedComposition, inputProps, setInputProps, mayShowSaveButton, propsEditType, saving, setSaving, }) => {
-    const [mode, setMode] = (0, react_1.useState)('schema');
-    const [showWarning, setShowWarningWithoutPersistance] = (0, react_1.useState)(() => getPersistedShowWarningState());
-    const inJSONEditor = mode === 'json';
-    const serializedJSON = (0, react_1.useMemo)(() => {
-        if (!inJSONEditor) {
-            return null;
-        }
-        const value = inputProps;
-        return no_react_1.NoReactInternals.serializeJSONWithDate({
-            data: value,
-            indent: 2,
-            staticBase: window.remotion_staticBase,
-        });
-    }, [inJSONEditor, inputProps]);
-    const cliProps = (0, remotion_1.getInputProps)();
-    const [canSaveDefaultPropsObjectState, setCanSaveDefaultProps] = (0, react_1.useState)({
-        [unresolvedComposition.id]: get_render_modal_warnings_1.defaultTypeCanSaveState,
-    });
-    const z = (0, get_zod_if_possible_1.useZodIfPossible)();
-    const schema = (0, react_1.useMemo)(() => {
-        if (!z) {
-            return 'no-zod';
-        }
-        if (!unresolvedComposition.schema) {
-            return 'no-schema';
-        }
-        if (!(typeof unresolvedComposition.schema.safeParse === 'function')) {
-            throw new Error('A value which is not a Zod schema was passed to `schema`');
-        }
-        return unresolvedComposition.schema;
-    }, [unresolvedComposition.schema, z]);
-    const zodValidationResult = (0, react_1.useMemo)(() => {
-        if (schema === 'no-zod') {
-            return 'no-zod';
-        }
-        if (schema === 'no-schema') {
-            return 'no-schema';
-        }
-        return schema.safeParse(inputProps);
-    }, [inputProps, schema]);
-    const setShowWarning = (0, react_1.useCallback)((val) => {
-        setShowWarningWithoutPersistance((prevVal) => {
-            if (typeof val === 'boolean') {
-                setPersistedShowWarningState(val);
-                return val;
-            }
-            setPersistedShowWarningState(val(prevVal));
-            return val(prevVal);
-        });
-    }, []);
-    const canSaveDefaultProps = (0, react_1.useMemo)(() => {
-        return canSaveDefaultPropsObjectState[unresolvedComposition.id]
-            ? canSaveDefaultPropsObjectState[unresolvedComposition.id]
-            : get_render_modal_warnings_1.defaultTypeCanSaveState;
-    }, [canSaveDefaultPropsObjectState, unresolvedComposition.id]);
-    const showSaveButton = mayShowSaveButton && canSaveDefaultProps.canUpdate;
-    const { fastRefreshes } = (0, react_1.useContext)(remotion_1.Internals.NonceContext);
-    const checkIfCanSaveDefaultProps = (0, react_1.useCallback)(async () => {
-        try {
-            const can = await (0, actions_1.canUpdateDefaultProps)(unresolvedComposition.id);
-            if (can.canUpdate) {
-                setCanSaveDefaultProps((prevState) => ({
-                    ...prevState,
-                    [unresolvedComposition.id]: {
-                        canUpdate: true,
-                    },
-                }));
-            }
-            else {
-                setCanSaveDefaultProps((prevState) => ({
-                    ...prevState,
-                    [unresolvedComposition.id]: {
-                        canUpdate: false,
-                        reason: can.reason,
-                        determined: true,
-                    },
-                }));
-            }
-        }
-        catch (err) {
-            setCanSaveDefaultProps((prevState) => ({
-                ...prevState,
-                [unresolvedComposition.id]: {
-                    canUpdate: false,
-                    reason: err.message,
-                    determined: true,
-                },
-            }));
-        }
-    }, [unresolvedComposition.id]);
-    (0, react_1.useEffect)(() => {
-        checkIfCanSaveDefaultProps();
-    }, [checkIfCanSaveDefaultProps]);
-    (0, react_1.useEffect)(() => {
-        const unsub = (0, event_source_1.subscribeToEvent)('root-file-changed', checkIfCanSaveDefaultProps);
-        return () => {
-            unsub();
-        };
-    }, [checkIfCanSaveDefaultProps]);
-    const modeItems = (0, react_1.useMemo)(() => {
-        return [
-            {
-                key: 'schema',
-                label: 'Schema',
-                onClick: () => {
-                    setMode('schema');
-                },
-                selected: mode === 'schema',
-            },
-            {
-                key: 'json',
-                label: 'JSON',
-                onClick: () => {
-                    setMode('json');
-                },
-                selected: mode === 'json',
-            },
-        ];
-    }, [mode]);
-    const onUpdate = (0, react_1.useCallback)(() => {
-        if (schema === 'no-zod' || schema === 'no-schema' || z === null) {
-            (0, NotificationCenter_1.sendErrorNotification)('Cannot update default props: No Zod schema');
-            return;
-        }
-        (0, actions_1.updateDefaultProps)(unresolvedComposition.id, inputProps, (0, extract_enum_json_paths_1.extractEnumJsonPaths)(schema, z, [])).then((response) => {
-            if (!response.success) {
-                (0, NotificationCenter_1.sendErrorNotification)('Cannot update default props: ' + response.reason);
-            }
-        });
-    }, [unresolvedComposition.id, inputProps, schema, z]);
-    (0, react_1.useEffect)(() => {
-        setSaving(false);
-    }, [fastRefreshes, setSaving]);
-    const onSave = (0, react_1.useCallback)((updater) => {
-        var _a;
-        if (schema === 'no-zod' || schema === 'no-schema' || z === null) {
-            (0, NotificationCenter_1.sendErrorNotification)('Cannot update default props: No Zod schema');
-            return;
-        }
-        setSaving(true);
-        (0, actions_1.updateDefaultProps)(unresolvedComposition.id, updater((_a = unresolvedComposition.defaultProps) !== null && _a !== void 0 ? _a : {}), (0, extract_enum_json_paths_1.extractEnumJsonPaths)(schema, z, []))
-            .then((response) => {
-            if (!response.success) {
-                // eslint-disable-next-line no-console
-                console.log(response.stack);
-                (0, NotificationCenter_1.sendErrorNotification)(`Cannot update default props: ${response.reason}. See console for more information.`);
-            }
-        })
-            .catch((err) => {
-            (0, NotificationCenter_1.sendErrorNotification)(`Cannot update default props: ${err.message}`);
-            setSaving(false);
-        });
-    }, [
-        schema,
-        z,
-        setSaving,
-        unresolvedComposition.id,
-        unresolvedComposition.defaultProps,
-    ]);
-    const connectionStatus = (0, react_1.useContext)(client_id_1.StudioServerConnectionCtx).type;
-    const warnings = (0, react_1.useMemo)(() => {
-        return (0, get_render_modal_warnings_1.getRenderModalWarnings)({
-            canSaveDefaultProps,
-            cliProps,
-            isCustomDateUsed: serializedJSON ? serializedJSON.customDateUsed : false,
-            customFileUsed: serializedJSON ? serializedJSON.customFileUsed : false,
-            inJSONEditor,
-            propsEditType,
-            jsMapUsed: serializedJSON ? serializedJSON.mapUsed : false,
-            jsSetUsed: serializedJSON ? serializedJSON.setUsed : false,
-        });
-    }, [
-        cliProps,
-        canSaveDefaultProps,
-        inJSONEditor,
-        propsEditType,
-        serializedJSON,
-    ]);
-    if (connectionStatus === 'disconnected') {
-        return ((0, jsx_runtime_1.jsxs)("div", { style: explainer, children: [(0, jsx_runtime_1.jsx)(layout_1.Spacing, { y: 5 }), (0, jsx_runtime_1.jsx)("div", { style: errorExplanation, children: "The studio server has disconnected. Reconnect to edit the schema." }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { y: 2, block: true })] }));
-    }
-    if (schema === 'no-zod') {
-        return (0, jsx_runtime_1.jsx)(SchemaErrorMessages_1.ZodNotInstalled, {});
-    }
-    if (schema === 'no-schema') {
-        return (0, jsx_runtime_1.jsx)(SchemaErrorMessages_1.NoSchemaDefined, {});
-    }
-    if (!z) {
-        throw new Error('expected zod');
-    }
-    if (zodValidationResult === 'no-zod') {
-        throw new Error('expected zod');
-    }
-    if (zodValidationResult === 'no-schema') {
-        throw new Error('expected schema');
-    }
-    const def = schema._def;
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const typeName = def.typeName;
-    if (typeName === z.ZodFirstPartyTypeKind.ZodAny) {
-        return (0, jsx_runtime_1.jsx)(SchemaErrorMessages_1.NoSchemaDefined, {});
-    }
-    if (!unresolvedComposition.defaultProps) {
-        return (0, jsx_runtime_1.jsx)(SchemaErrorMessages_1.NoDefaultProps, {});
-    }
-    return ((0, jsx_runtime_1.jsxs)("div", { style: outer, children: [(0, jsx_runtime_1.jsxs)("div", { style: controlContainer, children: [(0, jsx_runtime_1.jsxs)("div", { style: tabWrapper, children: [(0, jsx_runtime_1.jsx)(SegmentedControl_1.SegmentedControl, { items: modeItems, needsWrapping: false }), (0, jsx_runtime_1.jsx)(layout_1.Flex, {}), warnings.length > 0 ? ((0, jsx_runtime_1.jsx)(WarningIndicatorButton_1.WarningIndicatorButton, { setShowWarning: setShowWarning, showWarning: showWarning, warningCount: warnings.length })) : null] }), showWarning && warnings.length > 0
-                        ? warnings.map((warning) => ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(layout_1.Spacing, { y: 1 }), (0, jsx_runtime_1.jsx)(ValidationMessage_1.ValidationMessage, { message: warning, align: "flex-start", type: "warning" })] }, warning)))
-                        : null] }), mode === 'schema' ? ((0, jsx_runtime_1.jsx)(SchemaEditor_1.SchemaEditor, { value: inputProps, setValue: setInputProps, schema: schema, zodValidationResult: zodValidationResult, defaultProps: unresolvedComposition.defaultProps, onSave: onSave, showSaveButton: showSaveButton, saving: saving, saveDisabledByParent: !zodValidationResult.success })) : ((0, jsx_runtime_1.jsx)(RenderModalJSONPropsEditor_1.RenderModalJSONPropsEditor, { value: inputProps !== null && inputProps !== void 0 ? inputProps : {}, setValue: setInputProps, onSave: onUpdate, showSaveButton: showSaveButton, serializedJSON: serializedJSON, defaultProps: unresolvedComposition.defaultProps, schema: schema }))] }));
-};
-exports.DataEditor = DataEditor;

package/dist/editor/components/RenderModal/EnforceAudioTrackSetting.d.ts

@@ -1,8 +0,0 @@
-import type { AnyRemotionOption } from '@remotion/renderer';
-import React from 'react';
-export declare const EnforceAudioTrackSetting: React.FC<{
-    enforceAudioTrack: boolean;
-    setEnforceAudioTrack: React.Dispatch<React.SetStateAction<boolean>>;
-    muted: boolean;
-    option: AnyRemotionOption;
-}>;

package/dist/editor/components/RenderModal/EnforceAudioTrackSetting.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EnforceAudioTrackSetting = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const Checkbox_1 = require("../Checkbox");
-const layout_1 = require("../layout");
-const InfoBubble_1 = require("./InfoBubble");
-const layout_2 = require("./layout");
-const OptionExplainer_1 = require("./OptionExplainer");
-const EnforceAudioTrackSetting = ({ enforceAudioTrack, muted, setEnforceAudioTrack, option }) => {
-    const onEnforceAudioTrackChanged = (0, react_1.useCallback)((e) => {
-        setEnforceAudioTrack(e.target.checked);
-    }, [setEnforceAudioTrack]);
-    return ((0, jsx_runtime_1.jsxs)("div", { style: layout_2.optionRow, children: [(0, jsx_runtime_1.jsxs)("div", { style: layout_2.label, children: ["Enforce Audio Track", (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 0.5 }), (0, jsx_runtime_1.jsx)(InfoBubble_1.InfoBubble, { title: "Learn more about this option", children: (0, jsx_runtime_1.jsx)(OptionExplainer_1.OptionExplainer, { option: option }) })] }), (0, jsx_runtime_1.jsx)("div", { style: layout_2.rightRow, children: (0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { disabled: muted && !enforceAudioTrack, checked: enforceAudioTrack, onChange: onEnforceAudioTrackChanged, name: "enforce-audio-track" }) })] }));
-};
-exports.EnforceAudioTrackSetting = EnforceAudioTrackSetting;

package/dist/editor/components/RenderModal/EnvInput.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-export declare const EnvInput: React.FC<{
-    onEnvKeyChange: (index: number, newValue: string) => void;
-    onEnvValChange: (index: number, newValue: string) => void;
-    envKey: string;
-    envVal: string;
-    onDelete: (index: number) => void;
-    index: number;
-    autoFocus: boolean;
-    isDuplicate: boolean;
-}>;

package/dist/editor/components/RenderModal/EnvInput.js

@@ -1,74 +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.EnvInput = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importStar(require("react"));
-const layout_1 = require("../layout");
-const RemInput_1 = require("../NewComposition/RemInput");
-const ValidationMessage_1 = require("../NewComposition/ValidationMessage");
-const InlineEyeIcon_1 = require("./InlineEyeIcon");
-const InlineRemoveButton_1 = require("./InlineRemoveButton");
-const layout_2 = require("./layout");
-const input = {
-    flex: 1,
-    width: '100%',
-};
-const validationStyle = {
-    paddingLeft: layout_2.optionRow.paddingLeft,
-    paddingRight: layout_2.optionRow.paddingRight,
-};
-const EnvInput = ({ onEnvKeyChange, onEnvValChange, envKey, envVal, onDelete, index, autoFocus, isDuplicate, }) => {
-    const [showInPlainText, setShowInPlainText] = react_1.default.useState(false);
-    const [initialWarningKeyMissing, setKeyWarningEligible] = react_1.default.useState(() => {
-        return envKey.trim() === '' && envVal.trim() !== '';
-    });
-    const [initialWarningValMissing, setValueWarningEligible] = react_1.default.useState(() => {
-        return envKey.trim() !== '' && envVal.trim() === '';
-    });
-    const isKeyMissing = envKey.trim() === '' && initialWarningKeyMissing && envVal.trim() !== '';
-    const isValMissing = envVal.trim() === '' && initialWarningValMissing && envKey.trim() !== '';
-    const handleDelete = (0, react_1.useCallback)(() => {
-        onDelete(index);
-    }, [index, onDelete]);
-    const togglePlainText = (0, react_1.useCallback)(() => {
-        setShowInPlainText((prev) => !prev);
-    }, []);
-    const handleKeyChange = (0, react_1.useCallback)((e) => {
-        onEnvKeyChange(index, e.target.value);
-    }, [index, onEnvKeyChange]);
-    const handleValueChange = (0, react_1.useCallback)((e) => {
-        onEnvValChange(index, e.target.value);
-    }, [index, onEnvValChange]);
-    const makeKeyWarningEligible = (0, react_1.useCallback)(() => {
-        setKeyWarningEligible(true);
-    }, []);
-    const makeValueWarningEligible = (0, react_1.useCallback)(() => {
-        setValueWarningEligible(true);
-    }, []);
-    const isNodeEnvKey = envKey.trim() === 'NODE_ENV';
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", style: layout_2.optionRow, children: [(0, jsx_runtime_1.jsx)(RemInput_1.RemotionInput, { status: isNodeEnvKey || isDuplicate || isKeyMissing ? 'warning' : 'ok', type: "text", placeholder: "Key", style: input, value: envKey, onBlur: makeKeyWarningEligible, autoFocus: autoFocus, onChange: handleKeyChange, rightAlign: false }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 1 }), (0, jsx_runtime_1.jsx)(RemInput_1.RemotionInput, { status: isValMissing ? 'warning' : 'ok', placeholder: "Value", type: showInPlainText ? 'text' : 'password', style: input, value: envVal, onBlur: makeValueWarningEligible, onChange: handleValueChange, rightAlign: false }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 1.5 }), (0, jsx_runtime_1.jsx)(InlineEyeIcon_1.InlineEyeButton, { enabled: !showInPlainText, onClick: togglePlainText }), (0, jsx_runtime_1.jsx)(InlineRemoveButton_1.InlineRemoveButton, { onClick: handleDelete })] }), isNodeEnvKey ? ((0, jsx_runtime_1.jsx)("div", { style: validationStyle, children: (0, jsx_runtime_1.jsx)(ValidationMessage_1.ValidationMessage, { align: "flex-start", type: "warning", message: "NODE_ENV will be overwritten by Remotion during the render process." }) })) : null, isDuplicate ? ((0, jsx_runtime_1.jsx)("div", { style: validationStyle, children: (0, jsx_runtime_1.jsx)(ValidationMessage_1.ValidationMessage, { align: "flex-start", type: "warning", message: `${envKey.toUpperCase()} is already defined.` }) })) : null, isKeyMissing ? ((0, jsx_runtime_1.jsx)("div", { style: validationStyle, children: (0, jsx_runtime_1.jsx)(ValidationMessage_1.ValidationMessage, { align: "flex-start", type: "warning", message: "Key is missing." }) })) : null, isValMissing ? ((0, jsx_runtime_1.jsx)("div", { style: validationStyle, children: (0, jsx_runtime_1.jsx)(ValidationMessage_1.ValidationMessage, { align: "flex-start", type: "warning", message: "Value is missing." }) })) : null] }));
-};
-exports.EnvInput = EnvInput;