@remotion/cli 3.3.81 → 3.3.82

package/dist/editor/components/RenderModal/SchemaEditor/ZodOrNullishEditor.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ZodOrNullishEditor = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const colors_1 = require("../../../helpers/colors");
+const Checkbox_1 = require("../../Checkbox");
+const layout_1 = require("../../layout");
+const create_zod_values_1 = require("./create-zod-values");
+const SchemaLabel_1 = require("./SchemaLabel");
+const ZodSwitch_1 = require("./ZodSwitch");
+const fullWidth = {
+    width: '100%',
+};
+const labelStyle = {
+    fontFamily: 'sans-serif',
+    fontSize: 14,
+    color: colors_1.LIGHT_TEXT,
+};
+const checkBoxWrapper = {
+    margin: '2px',
+    display: 'flex',
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginTop: '5px',
+};
+const ZodOrNullishEditor = ({ jsonPath, compact, schema, setValue, onSave, defaultValue, value, showSaveButton, onRemove, nullishValue, }) => {
+    const isChecked = value === nullishValue;
+    const onValueChange = (0, react_1.useCallback)((newValue) => {
+        setValue(newValue);
+    }, [setValue]);
+    const onCheckBoxChange = (0, react_1.useCallback)((e) => {
+        console.log({ schema, newVal: (0, create_zod_values_1.createZodValues)(schema) });
+        const val = e.target.checked ? nullishValue : (0, create_zod_values_1.createZodValues)(schema);
+        onValueChange(val);
+    }, [nullishValue, onValueChange, schema]);
+    const reset = (0, react_1.useCallback)(() => {
+        onValueChange(defaultValue);
+    }, [defaultValue, onValueChange]);
+    const save = (0, react_1.useCallback)(() => {
+        onSave(() => value);
+    }, [onSave, value]);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [value === null ? ((0, jsx_runtime_1.jsx)(SchemaLabel_1.SchemaLabel, { isDefaultValue: value === defaultValue, jsonPath: jsonPath, onReset: reset, onSave: save, showSaveButton: showSaveButton, compact: compact, onRemove: onRemove })) : ((0, jsx_runtime_1.jsx)("div", { style: fullWidth, children: (0, jsx_runtime_1.jsx)(ZodSwitch_1.ZodSwitch, { value: value, setValue: onValueChange, jsonPath: jsonPath, schema: schema, compact: compact, defaultValue: defaultValue, onSave: onSave, showSaveButton: showSaveButton, onRemove: onRemove }) })), (0, jsx_runtime_1.jsxs)("div", { style: checkBoxWrapper, children: [(0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { checked: isChecked, onChange: onCheckBoxChange, disabled: false }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 1 }), (0, jsx_runtime_1.jsx)("div", { style: labelStyle, children: String(nullishValue) })] })] }));
+};
+exports.ZodOrNullishEditor = ZodOrNullishEditor;

package/dist/editor/components/RenderModal/SchemaEditor/ZodSwitch.js

@@ -12,6 +12,7 @@ const ZodNonEditableValue_1 = require("./ZodNonEditableValue");
 const ZodNumberEditor_1 = require("./ZodNumberEditor");
 const ZodObjectEditor_1 = require("./ZodObjectEditor");
 const ZodStringEditor_1 = require("./ZodStringEditor");
+const ZodUnionEditor_1 = require("./ZodUnionEditor");
 const ZodSwitch = ({ schema, jsonPath, compact, value, setValue, defaultValue, onSave, showSaveButton, onRemove, }) => {
     const def = schema._def;
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -56,6 +57,9 @@ const ZodSwitch = ({ schema, jsonPath, compact, value, setValue, defaultValue, o
     if (typeName === remotion_1.z.ZodFirstPartyTypeKind.ZodEffects) {
         return ((0, jsx_runtime_1.jsx)(ZodEffectEditor_1.ZodEffectEditor, { value: value, setValue: setValue, jsonPath: jsonPath, schema: schema, compact: compact, defaultValue: defaultValue, onSave: onSave, showSaveButton: showSaveButton, onRemove: onRemove }));
     }
+    if (typeName === remotion_1.z.ZodFirstPartyTypeKind.ZodUnion) {
+        return ((0, jsx_runtime_1.jsx)(ZodUnionEditor_1.ZodUnionEditor, { schema: schema, showSaveButton: showSaveButton, jsonPath: jsonPath, compact: compact, value: value, defaultValue: defaultValue, setValue: setValue, onSave: onSave, onRemove: onRemove }));
+    }
     return ((0, jsx_runtime_1.jsx)(ZodNonEditableValue_1.ZonNonEditableValue, { compact: compact, jsonPath: jsonPath, showSaveButton: showSaveButton, label: `${typeName} (not editable)` }));
 };
 exports.ZodSwitch = ZodSwitch;

package/dist/editor/components/RenderModal/SchemaEditor/ZodUnionEditor.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { z } from 'remotion';
+import type { JSONPath } from './zod-types';
+export declare const ZodUnionEditor: React.FC<{
+    showSaveButton: boolean;
+    jsonPath: JSONPath;
+    compact: boolean;
+    value: unknown;
+    defaultValue: unknown;
+    schema: z.ZodTypeAny;
+    setValue: React.Dispatch<React.SetStateAction<unknown>>;
+    onSave: (updater: (oldNum: unknown) => unknown) => void;
+    onRemove: null | (() => void);
+}>;

package/dist/editor/components/RenderModal/SchemaEditor/ZodUnionEditor.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ZodUnionEditor = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const remotion_1 = require("remotion");
+const ZodNonEditableValue_1 = require("./ZodNonEditableValue");
+const ZodOrNullishEditor_1 = require("./ZodOrNullishEditor");
+const findNull = (value) => {
+    const nullIndex = value.findIndex((v) => v._def.typeName === remotion_1.z.ZodFirstPartyTypeKind.ZodNull ||
+        v._def.typeName === remotion_1.z.ZodFirstPartyTypeKind.ZodUndefined);
+    if (nullIndex === -1) {
+        return null;
+    }
+    const nullishValue = value[nullIndex]._def.typeName === remotion_1.z.ZodFirstPartyTypeKind.ZodNull
+        ? null
+        : undefined;
+    const otherSchema = value[nullIndex === 0 ? 1 : 0];
+    const otherSchemaIsAlsoNullish = otherSchema._def.typeName === remotion_1.z.ZodFirstPartyTypeKind.ZodNull ||
+        otherSchema._def.typeName === remotion_1.z.ZodFirstPartyTypeKind.ZodUndefined;
+    return {
+        nullIndex,
+        nullishValue,
+        otherSchema,
+        otherSchemaIsAlsoNullish,
+    };
+};
+const ZodUnionEditor = ({ jsonPath, compact, schema, setValue, onSave, defaultValue, value, showSaveButton, onRemove, }) => {
+    const { options } = schema._def;
+    if (options.length > 2) {
+        return ((0, jsx_runtime_1.jsx)(ZodNonEditableValue_1.ZonNonEditableValue, { jsonPath: jsonPath, label: 'Union with more than 2 options not editable', compact: compact, showSaveButton: showSaveButton }));
+    }
+    if (options.length < 2) {
+        return ((0, jsx_runtime_1.jsx)(ZodNonEditableValue_1.ZonNonEditableValue, { jsonPath: jsonPath, label: 'Union with less than 2 options not editable', compact: compact, showSaveButton: showSaveButton }));
+    }
+    const nullResult = findNull(options);
+    if (!nullResult) {
+        return ((0, jsx_runtime_1.jsx)(ZodNonEditableValue_1.ZonNonEditableValue, { jsonPath: jsonPath, label: 'Union only editable with 1 value being null', compact: compact, showSaveButton: showSaveButton }));
+    }
+    const { otherSchema, nullishValue, otherSchemaIsAlsoNullish } = nullResult;
+    if (otherSchemaIsAlsoNullish) {
+        return ((0, jsx_runtime_1.jsx)(ZodNonEditableValue_1.ZonNonEditableValue, { jsonPath: jsonPath, label: 'Not editable - both union values are nullish', compact: compact, showSaveButton: showSaveButton }));
+    }
+    return ((0, jsx_runtime_1.jsx)(ZodOrNullishEditor_1.ZodOrNullishEditor, { compact: compact, defaultValue: defaultValue, jsonPath: jsonPath, onRemove: onRemove, onSave: onSave, schema: otherSchema, setValue: setValue, showSaveButton: showSaveButton, value: value, nullishValue: nullishValue }));
+};
+exports.ZodUnionEditor = ZodUnionEditor;

package/dist/editor/components/RenderModal/SchemaEditor/create-zod-values.d.ts

@@ -0,0 +1,2 @@
+import { z } from 'remotion';
+export declare const createZodValues: (schema: z.ZodTypeAny) => unknown;

package/dist/editor/components/RenderModal/SchemaEditor/create-zod-values.js

@@ -0,0 +1,150 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createZodValues = void 0;
+const remotion_1 = require("remotion");
+const createZodValues = (schema) => {
+    if (!schema) {
+        throw new Error('Invalid zod schema');
+    }
+    const def = schema._def;
+    const typeName = def.typeName;
+    switch (typeName) {
+        case remotion_1.z.ZodFirstPartyTypeKind.ZodString:
+            return '';
+        case remotion_1.z.ZodFirstPartyTypeKind.ZodNumber:
+            return 0;
+        case remotion_1.z.ZodFirstPartyTypeKind.ZodBigInt:
+            return BigInt(0);
+        case remotion_1.z.ZodFirstPartyTypeKind.ZodBoolean:
+            return false;
+        case remotion_1.z.ZodFirstPartyTypeKind.ZodNaN:
+            return NaN;
+        case remotion_1.z.ZodFirstPartyTypeKind.ZodDate:
+            return new Date();
+        case remotion_1.z.ZodFirstPartyTypeKind.ZodSymbol:
+            return Symbol('remotion');
+        case remotion_1.z.ZodFirstPartyTypeKind.ZodUndefined:
+            return undefined;
+        case remotion_1.z.ZodFirstPartyTypeKind.ZodNull:
+            return null;
+        case remotion_1.z.ZodFirstPartyTypeKind.ZodAny:
+            throw new Error('Cannot create a value for type z.any()');
+        case remotion_1.z.ZodFirstPartyTypeKind.ZodUnknown:
+            throw new Error('Cannot create a value for type z.unknown()');
+        case remotion_1.z.ZodFirstPartyTypeKind.ZodNever:
+            throw new Error('Cannot create a value for type z.never()');
+        case remotion_1.z.ZodFirstPartyTypeKind.ZodVoid:
+            return undefined;
+        case remotion_1.z.ZodFirstPartyTypeKind.ZodObject: {
+            const shape = def.shape();
+            const keys = Object.keys(shape);
+            const returnValue = keys.reduce((existing, key) => {
+                existing[key] = (0, exports.createZodValues)(shape[key]);
+                return existing;
+            }, {});
+            return returnValue;
+        }
+        case remotion_1.z.ZodFirstPartyTypeKind.ZodArray: {
+            return [(0, exports.createZodValues)(def.type)];
+        }
+        case remotion_1.z.ZodFirstPartyTypeKind.ZodUnion: {
+            const firstOptions = def.options[0];
+            return firstOptions ? (0, exports.createZodValues)(firstOptions) : undefined;
+        }
+        case remotion_1.z.ZodFirstPartyTypeKind.ZodDiscriminatedUnion: {
+            const options = def.options[0];
+            return (0, exports.createZodValues)(options);
+        }
+        case remotion_1.z.ZodFirstPartyTypeKind.ZodLiteral: {
+            return def.value;
+        }
+        case remotion_1.z.ZodFirstPartyTypeKind.ZodEffects: {
+            return (0, exports.createZodValues)(def.schema);
+        }
+        case remotion_1.z.ZodFirstPartyTypeKind.ZodIntersection: {
+            const { left, right } = def;
+            const leftValue = (0, exports.createZodValues)(left);
+            if (typeof leftValue !== 'object') {
+                throw new Error('Cannot create value for type z.intersection: Left side is not an object');
+            }
+            const rightValue = (0, exports.createZodValues)(right);
+            if (typeof rightValue !== 'object') {
+                throw new Error('Cannot create value for type z.intersection: Right side is not an object');
+            }
+            return { ...leftValue, ...rightValue };
+        }
+        case remotion_1.z.ZodFirstPartyTypeKind.ZodTuple: {
+            const items = def.items.map((item) => (0, exports.createZodValues)(item));
+            return items;
+        }
+        case remotion_1.z.ZodFirstPartyTypeKind.ZodRecord: {
+            const values = (0, exports.createZodValues)(def.valueType);
+            return { key: values };
+        }
+        case remotion_1.z.ZodFirstPartyTypeKind.ZodMap: {
+            const defType = def;
+            const values = (0, exports.createZodValues)(defType.valueType);
+            const key = (0, exports.createZodValues)(defType.keyType);
+            return new Map([[key, values]]);
+        }
+        case remotion_1.z.ZodFirstPartyTypeKind.ZodLazy: {
+            const defType = def;
+            const type = defType.getter();
+            return (0, exports.createZodValues)(type);
+        }
+        case remotion_1.z.ZodFirstPartyTypeKind.ZodSet: {
+            const defType = def;
+            const values = (0, exports.createZodValues)(defType.valueType);
+            return new Set([values]);
+        }
+        case remotion_1.z.ZodFirstPartyTypeKind.ZodFunction: {
+            throw new Error('Cannot create a value for type function');
+        }
+        case remotion_1.z.ZodFirstPartyTypeKind.ZodEnum: {
+            const { values } = def;
+            return values[0];
+        }
+        case remotion_1.z.ZodFirstPartyTypeKind.ZodNativeEnum: {
+            return 0;
+        }
+        case remotion_1.z.ZodFirstPartyTypeKind.ZodOptional: {
+            const defType = def;
+            const value = (0, exports.createZodValues)(defType.innerType);
+            return value;
+        }
+        case remotion_1.z.ZodFirstPartyTypeKind.ZodNullable: {
+            const defType = def;
+            const value = (0, exports.createZodValues)(defType.innerType);
+            return value;
+        }
+        case remotion_1.z.ZodFirstPartyTypeKind.ZodDefault: {
+            const defType = def;
+            return defType.defaultValue();
+        }
+        case remotion_1.z.ZodFirstPartyTypeKind.ZodCatch: {
+            const defType = def;
+            const value = (0, exports.createZodValues)(defType.innerType);
+            return value;
+        }
+        case remotion_1.z.ZodFirstPartyTypeKind.ZodPromise: {
+            const defType = def;
+            const value = (0, exports.createZodValues)(defType.type);
+            return Promise.resolve(value);
+        }
+        case remotion_1.z.ZodFirstPartyTypeKind.ZodBranded: {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            const defType = def;
+            const value = (0, exports.createZodValues)(defType.type);
+            return value;
+        }
+        case remotion_1.z.ZodFirstPartyTypeKind.ZodPipeline: {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            const defType = def;
+            const value = (0, exports.createZodValues)(defType.out);
+            return value;
+        }
+        default:
+            throw new Error('Not implemented: ' + typeName);
+    }
+};
+exports.createZodValues = createZodValues;

package/dist/editor/components/RenderModal/human-readable-codec.d.ts

@@ -1,2 +1,2 @@
 import type { Codec } from '@remotion/renderer';
-export declare const humanReadableCodec: (codec: Codec) => "AAC" | "MP3" | "GIF" | "H.264" | "H.264 Matroska" | "H.265" | "ProRes" | "WebM VP8" | "WebM VP9" | "Waveform" | undefined;
+export declare const humanReadableCodec: (codec: Codec) => "GIF" | "AAC" | "MP3" | "H.264" | "H.264 Matroska" | "H.265" | "ProRes" | "WebM VP8" | "WebM VP9" | "Waveform" | undefined;

package/dist/editor/components/RenderQueue/actions.d.ts

@@ -3,11 +3,11 @@ import type { ApiRoutes } from '../../../preview-server/api-types';
 import type { RenderJob } from '../../../preview-server/render-queue/job';
 import type { RequiredChromiumOptions } from '../../../required-chromium-options';
 export declare const callApi: <Endpoint extends keyof ApiRoutes>(endpoint: Endpoint, body: ApiRoutes[Endpoint]["Request"]) => Promise<ApiRoutes[Endpoint]["Response"]>;
-export declare const addStillRenderJob: ({ compositionId, outName, imageFormat, quality, frame, scale, verbose, chromiumOptions, delayRenderTimeout, envVariables, inputProps, }: {
+export declare const addStillRenderJob: ({ compositionId, outName, imageFormat, jpegQuality, frame, scale, verbose, chromiumOptions, delayRenderTimeout, envVariables, inputProps, }: {
     compositionId: string;
     outName: string;
     imageFormat: StillImageFormat;
-    quality: number | null;
+    jpegQuality: number | null;
     frame: number;
     scale: number;
     verbose: boolean;
@@ -16,11 +16,11 @@ export declare const addStillRenderJob: ({ compositionId, outName, imageFormat,
     envVariables: Record<string, string>;
     inputProps: unknown;
 }) => Promise<undefined>;
-export declare const addVideoRenderJob: ({ compositionId, outName, imageFormat, quality, scale, verbose, codec, concurrency, crf, startFrame, endFrame, muted, enforceAudioTrack, proResProfile, pixelFormat, audioBitrate, videoBitrate, everyNthFrame, numberOfGifLoops, delayRenderTimeout, audioCodec, disallowParallelEncoding, chromiumOptions, envVariables, inputProps, }: {
+export declare const addVideoRenderJob: ({ compositionId, outName, imageFormat, jpegQuality, scale, verbose, codec, concurrency, crf, startFrame, endFrame, muted, enforceAudioTrack, proResProfile, pixelFormat, audioBitrate, videoBitrate, everyNthFrame, numberOfGifLoops, delayRenderTimeout, audioCodec, disallowParallelEncoding, chromiumOptions, envVariables, inputProps, }: {
     compositionId: string;
     outName: string;
     imageFormat: VideoImageFormat;
-    quality: number | null;
+    jpegQuality: number | null;
     scale: number;
     verbose: boolean;
     codec: Codec;
@@ -57,3 +57,4 @@ export declare const openInFileExplorer: ({ directory }: {
 export declare const removeRenderJob: (job: RenderJob) => Promise<undefined>;
 export declare const cancelRenderJob: (job: RenderJob) => Promise<import("../../../preview-server/render-queue/job").CancelRenderResponse>;
 export declare const updateDefaultProps: (compositionId: string, defaultProps: unknown) => Promise<void>;
+export declare const canUpdateDefaultProps: (compositionId: string) => Promise<import("../../../preview-server/render-queue/job").CanUpdateDefaultPropsResponse>;

package/dist/editor/components/RenderQueue/actions.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.updateDefaultProps = exports.cancelRenderJob = exports.removeRenderJob = exports.openInFileExplorer = exports.subscribeToFileExistenceWatcher = exports.unsubscribeFromFileExistenceWatcher = exports.addVideoRenderJob = exports.addStillRenderJob = exports.callApi = void 0;
+exports.canUpdateDefaultProps = exports.updateDefaultProps = exports.cancelRenderJob = exports.removeRenderJob = exports.openInFileExplorer = exports.subscribeToFileExistenceWatcher = exports.unsubscribeFromFileExistenceWatcher = exports.addVideoRenderJob = exports.addStillRenderJob = exports.callApi = void 0;
 const date_serialization_1 = require("../RenderModal/SchemaEditor/date-serialization");
 const callApi = (endpoint, body) => {
     return new Promise((resolve, reject) => {
@@ -26,13 +26,13 @@ const callApi = (endpoint, body) => {
     });
 };
 exports.callApi = callApi;
-const addStillRenderJob = ({ compositionId, outName, imageFormat, quality, frame, scale, verbose, chromiumOptions, delayRenderTimeout, envVariables, inputProps, }) => {
+const addStillRenderJob = ({ compositionId, outName, imageFormat, jpegQuality, frame, scale, verbose, chromiumOptions, delayRenderTimeout, envVariables, inputProps, }) => {
     return (0, exports.callApi)('/api/render', {
         compositionId,
         type: 'still',
         outName,
         imageFormat,
-        quality,
+        jpegQuality,
         frame,
         scale,
         verbose,
@@ -43,13 +43,13 @@ const addStillRenderJob = ({ compositionId, outName, imageFormat, quality, frame
     });
 };
 exports.addStillRenderJob = addStillRenderJob;
-const addVideoRenderJob = ({ compositionId, outName, imageFormat, quality, scale, verbose, codec, concurrency, crf, startFrame, endFrame, muted, enforceAudioTrack, proResProfile, pixelFormat, audioBitrate, videoBitrate, everyNthFrame, numberOfGifLoops, delayRenderTimeout, audioCodec, disallowParallelEncoding, chromiumOptions, envVariables, inputProps, }) => {
+const addVideoRenderJob = ({ compositionId, outName, imageFormat, jpegQuality, scale, verbose, codec, concurrency, crf, startFrame, endFrame, muted, enforceAudioTrack, proResProfile, pixelFormat, audioBitrate, videoBitrate, everyNthFrame, numberOfGifLoops, delayRenderTimeout, audioCodec, disallowParallelEncoding, chromiumOptions, envVariables, inputProps, }) => {
     return (0, exports.callApi)('/api/render', {
         compositionId,
         type: 'video',
         outName,
         imageFormat,
-        quality,
+        jpegQuality,
         scale,
         verbose,
         codec,
@@ -112,3 +112,9 @@ const updateDefaultProps = (compositionId, defaultProps) => {
     });
 };
 exports.updateDefaultProps = updateDefaultProps;
+const canUpdateDefaultProps = (compositionId) => {
+    return (0, exports.callApi)('/api/can-update-default-props', {
+        compositionId,
+    });
+};
+exports.canUpdateDefaultProps = canUpdateDefaultProps;

package/dist/editor/components/RenderToolbarIcon.js

@@ -50,7 +50,7 @@ const RenderButton = () => {
                 defaultExtension: isVideo ? 'mp4' : 'png',
                 type: 'asset',
             }),
-            initialQuality: defaults.quality,
+            initialJpegQuality: defaults.jpegQuality,
             initialScale: (_b = (_a = window.remotion_renderDefaults) === null || _a === void 0 ? void 0 : _a.scale) !== null && _b !== void 0 ? _b : 1,
             initialVerbose: defaults.logLevel === 'verbose',
             initialVideoCodecForAudioTab: initialAudioCodec,

package/dist/editor/components/RightPanel.js

@@ -28,7 +28,7 @@ const PropsEditor = ({ composition }) => {
             newProps: newProps,
         });
     }, [composition.defaultProps, composition.id, updateProps]);
-    return ((0, jsx_runtime_1.jsx)(RenderModalData_1.RenderModalData, { composition: composition, inputProps: (_a = props[composition.id]) !== null && _a !== void 0 ? _a : composition.defaultProps, setInputProps: setInputProps, compact: true, showSaveButton: true }));
+    return ((0, jsx_runtime_1.jsx)(RenderModalData_1.RenderModalData, { composition: composition, inputProps: (_a = props[composition.id]) !== null && _a !== void 0 ? _a : composition.defaultProps, setInputProps: setInputProps, compact: true, mayShowSaveButton: true }));
 };
 const localStorageKey = 'remotion.sidebarPanel';
 const getSelectedPanel = () => {

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

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

package/dist/editor/components/SetTimelineInOutProvider.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SetTimelineInOutProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const in_out_1 = require("../state/in-out");
+const SetTimelineInOutProvider = ({ children }) => {
+    const [inAndOutFrames, setInAndOutFrames] = (0, react_1.useState)({
+        inFrame: null,
+        outFrame: null,
+    });
+    const setTimelineInOutContextValue = (0, react_1.useMemo)(() => {
+        return {
+            setInAndOutFrames,
+        };
+    }, []);
+    return ((0, jsx_runtime_1.jsx)(in_out_1.TimelineInOutContext.Provider, { value: inAndOutFrames, children: (0, jsx_runtime_1.jsx)(in_out_1.SetTimelineInOutContext.Provider, { value: setTimelineInOutContextValue, children: children }) }));
+};
+exports.SetTimelineInOutProvider = SetTimelineInOutProvider;

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const SidebarCollapserControls: React.FC<{}>;

package/dist/editor/components/SidebarCollapserControls.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SidebarCollapserControls = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const sidebar_1 = require("../state/sidebar");
+const InlineAction_1 = require("./InlineAction");
+const layout_1 = require("./layout");
+const TopPanel_1 = require("./TopPanel");
+const style = {
+    width: 16,
+    height: 16,
+    border: '1px solid white',
+    borderRadius: 3,
+    position: 'relative',
+};
+const SidebarCollapserControls = () => {
+    const { setSidebarCollapsedStateLeft, setSidebarCollapsedStateRight, sidebarCollapsedStateRight, } = (0, react_1.useContext)(sidebar_1.SidebarContext);
+    const leftSidebarStatus = (0, TopPanel_1.useResponsiveSidebarStatus)();
+    const leftIcon = (0, react_1.useMemo)(() => {
+        return {
+            width: '35%',
+            height: '100%',
+            borderRight: '1px solid white',
+            background: leftSidebarStatus === 'expanded' ? 'white' : 'transparent',
+        };
+    }, [leftSidebarStatus]);
+    const rightIcon = (0, react_1.useMemo)(() => {
+        return {
+            width: '35%',
+            height: '100%',
+            right: 0,
+            position: 'absolute',
+            borderLeft: '1px solid white',
+            background: sidebarCollapsedStateRight === 'expanded' ? 'white' : 'transparent',
+        };
+    }, [sidebarCollapsedStateRight]);
+    const toggleLeft = (0, react_1.useCallback)(() => {
+        setSidebarCollapsedStateLeft((s) => {
+            if (s === 'responsive') {
+                return leftSidebarStatus === 'collapsed' ? 'expanded' : 'collapsed';
+            }
+            return s === 'collapsed' ? 'expanded' : 'collapsed';
+        });
+    }, [leftSidebarStatus, setSidebarCollapsedStateLeft]);
+    const toggleRight = (0, react_1.useCallback)(() => {
+        setSidebarCollapsedStateRight((s) => s === 'collapsed' ? 'expanded' : 'collapsed');
+    }, [setSidebarCollapsedStateRight]);
+    return ((0, jsx_runtime_1.jsxs)(layout_1.Row, { children: [(0, jsx_runtime_1.jsx)(InlineAction_1.InlineAction, { onClick: toggleLeft, children: (0, jsx_runtime_1.jsx)("div", { style: style, children: (0, jsx_runtime_1.jsx)("div", { style: leftIcon }) }) }), (0, jsx_runtime_1.jsx)(InlineAction_1.InlineAction, { onClick: toggleRight, children: (0, jsx_runtime_1.jsx)("div", { style: style, children: (0, jsx_runtime_1.jsx)("div", { style: rightIcon }) }) })] }));
+};
+exports.SidebarCollapserControls = SidebarCollapserControls;

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

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const leftSidebarTabs: React.RefObject<{
+    selectRendersPanel: () => void;
+}>;
+export declare const SidebarContent: React.FC;

package/dist/editor/components/SidebarContent.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SidebarContent = exports.leftSidebarTabs = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const colors_1 = require("../helpers/colors");
+const CompositionSelector_1 = require("./CompositionSelector");
+const CurrentCompositionSideEffects_1 = require("./CurrentCompositionSideEffects");
+const RenderQueue_1 = require("./RenderQueue");
+const context_1 = require("./RenderQueue/context");
+const RendersTab_1 = require("./RendersTab");
+const Tabs_1 = require("./Tabs");
+const container = {
+    width: '100%',
+};
+const tabsContainer = {
+    borderBottom: `1px solid ${colors_1.BORDER_COLOR}`,
+};
+exports.leftSidebarTabs = (0, react_1.createRef)();
+const localStorageKey = 'remotion.sidebarPanel';
+const persistSelectedPanel = (panel) => {
+    localStorage.setItem(localStorageKey, panel);
+};
+const getSelectedPanel = (shouldRender) => {
+    const panel = localStorage.getItem(localStorageKey);
+    if (panel === 'renders' && shouldRender) {
+        return 'renders';
+    }
+    return 'compositions';
+};
+const SidebarContent = () => {
+    const shouldRender = (0, context_1.useShouldRenderLeftSidebarTabs)();
+    const [panel, setPanel] = (0, react_1.useState)(() => getSelectedPanel(shouldRender));
+    const onCompositionsSelected = (0, react_1.useCallback)(() => {
+        setPanel('compositions');
+        persistSelectedPanel('compositions');
+    }, []);
+    const onRendersSelected = (0, react_1.useCallback)(() => {
+        setPanel('renders');
+        persistSelectedPanel('renders');
+    }, []);
+    (0, react_1.useImperativeHandle)(exports.leftSidebarTabs, () => {
+        return {
+            selectRendersPanel: () => {
+                setPanel('renders');
+                persistSelectedPanel('renders');
+            },
+        };
+    }, []);
+    // TODO: It is not perfectly aligned in example
+    return ((0, jsx_runtime_1.jsxs)("div", { style: container, children: [shouldRender ? ((0, jsx_runtime_1.jsx)("div", { style: tabsContainer, children: (0, jsx_runtime_1.jsxs)(Tabs_1.Tabs, { children: [(0, jsx_runtime_1.jsx)(Tabs_1.Tab, { selected: panel === 'compositions', onClick: onCompositionsSelected, children: "Compositions" }), (0, jsx_runtime_1.jsx)(RendersTab_1.RendersTab, { onClick: onRendersSelected, selected: panel === 'renders' })] }) })) : null, panel === 'renders' && shouldRender ? ((0, jsx_runtime_1.jsx)(RenderQueue_1.RenderQueue, {})) : ((0, jsx_runtime_1.jsx)(CompositionSelector_1.CompositionSelector, {})), (0, jsx_runtime_1.jsx)(CurrentCompositionSideEffects_1.CurrentCompositionKeybindings, {}), (0, jsx_runtime_1.jsx)(CurrentCompositionSideEffects_1.TitleUpdater, {})] }));
+};
+exports.SidebarContent = SidebarContent;

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

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

package/dist/editor/components/ZoomGesturesProvider.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ZoomGesturesProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const editor_zoom_gestures_1 = require("../state/editor-zoom-gestures");
+const ZoomGesturesProvider = ({ children }) => {
+    const [editorZoomGestures, setEditorZoomGesturesState] = (0, react_1.useState)(() => (0, editor_zoom_gestures_1.loadEditorZoomGesturesOption)());
+    const setEditorZoomGestures = (0, react_1.useCallback)((newValue) => {
+        setEditorZoomGesturesState((prevState) => {
+            const newVal = newValue(prevState);
+            (0, editor_zoom_gestures_1.persistEditorZoomGesturesOption)(newVal);
+            return newVal;
+        });
+    }, []);
+    const editorZoomGesturesCtx = (0, react_1.useMemo)(() => {
+        return {
+            editorZoomGestures,
+            setEditorZoomGestures,
+        };
+    }, [editorZoomGestures, setEditorZoomGestures]);
+    return ((0, jsx_runtime_1.jsx)(editor_zoom_gestures_1.EditorZoomGesturesContext.Provider, { value: editorZoomGesturesCtx, children: children }));
+};
+exports.ZoomGesturesProvider = ZoomGesturesProvider;

package/dist/editor/helpers/render-modal-sections.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { Codec } from '@remotion/renderer';
 import type { RenderType } from '../components/RenderModal/RenderModalAdvanced';
 declare type Section = 'general' | 'picture' | 'advanced' | 'data' | 'gif' | 'audio';

package/dist/preview-server/api-routes.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.allApiRoutes = void 0;
 const add_render_1 = require("./routes/add-render");
+const can_update_default_props_1 = require("./routes/can-update-default-props");
 const cancel_render_1 = require("./routes/cancel-render");
 const open_in_file_explorer_1 = require("./routes/open-in-file-explorer");
 const remove_render_1 = require("./routes/remove-render");
@@ -16,4 +17,5 @@ exports.allApiRoutes = {
     '/api/remove-render': remove_render_1.handleRemoveRender,
     '/api/open-in-file-explorer': open_in_file_explorer_1.handleOpenInFileExplorer,
     '/api/update-default-props': update_default_props_1.updateDefaultPropsHandler,
+    '/api/can-update-default-props': can_update_default_props_1.canUpdateDefaultPropsHandler,
 };

package/dist/preview-server/api-types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="node" />
 import type { IncomingMessage, ServerResponse } from 'http';
-import type { AddRenderRequest, CancelRenderRequest, CancelRenderResponse, OpenInFileExplorerRequest, RemoveRenderRequest, SubscribeToFileExistenceRequest, SubscribeToFileExistenceResponse, UnsubscribeFromFileExistenceRequest, UpdateDefaultPropsRequest } from './render-queue/job';
+import type { AddRenderRequest, CancelRenderRequest, CancelRenderResponse, CanUpdateDefaultPropsRequest, CanUpdateDefaultPropsResponse, OpenInFileExplorerRequest, RemoveRenderRequest, SubscribeToFileExistenceRequest, SubscribeToFileExistenceResponse, UnsubscribeFromFileExistenceRequest, UpdateDefaultPropsRequest } from './render-queue/job';
 export declare type ApiHandler<ReqData, ResData> = (params: {
     input: ReqData;
     entryPoint: string;
@@ -24,5 +24,6 @@ export declare type ApiRoutes = {
     '/api/remove-render': ReqAndRes<RemoveRenderRequest, undefined>;
     '/api/open-in-file-explorer': ReqAndRes<OpenInFileExplorerRequest, void>;
     '/api/update-default-props': ReqAndRes<UpdateDefaultPropsRequest, void>;
+    '/api/can-update-default-props': ReqAndRes<CanUpdateDefaultPropsRequest, CanUpdateDefaultPropsResponse>;
 };
 export {};