@remotion/cli 3.3.81 → 3.3.83

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/ffmpeg.js

@@ -5,7 +5,7 @@ const renderer_1 = require("@remotion/renderer");
 const child_process_1 = require("child_process");
 const ffmpegCommand = (_root, args) => {
     const done = (0, child_process_1.spawnSync)(renderer_1.RenderInternals.getExecutablePath('ffmpeg'), args, {
-        ...renderer_1.RenderInternals.callFfExtraOptions(),
+        ...renderer_1.RenderInternals.dynamicLibraryPathOptions(),
         stdio: 'inherit',
     });
     process.exit(done.status);
@@ -13,7 +13,7 @@ const ffmpegCommand = (_root, args) => {
 exports.ffmpegCommand = ffmpegCommand;
 const ffprobeCommand = (_root, args) => {
     const done = (0, child_process_1.spawnSync)(renderer_1.RenderInternals.getExecutablePath('ffprobe'), args, {
-        ...renderer_1.RenderInternals.callFfExtraOptions(),
+        ...renderer_1.RenderInternals.dynamicLibraryPathOptions(),
         stdio: 'inherit',
     });
     process.exit(done.status);

package/dist/get-cli-options.js

@@ -131,6 +131,7 @@ const getCliOptions = async (options) => {
         ignoreCertificateErrors: config_1.ConfigInternals.getIgnoreCertificateErrors(),
         headless: config_1.ConfigInternals.getChromiumHeadlessMode(),
         gl: (_a = config_1.ConfigInternals.getChromiumOpenGlRenderer()) !== null && _a !== void 0 ? _a : renderer_1.RenderInternals.DEFAULT_OPENGL_RENDERER,
+        userAgent: config_1.ConfigInternals.getChromiumUserAgent(),
     };
     const everyNthFrame = config_1.ConfigInternals.getEveryNthFrame();
     const numberOfGifLoops = config_1.ConfigInternals.getNumberOfGifLoops();

package/dist/parse-command-line.d.ts

@@ -50,6 +50,7 @@ export declare type CommandLineOptions = {
     ['no-open']: boolean;
     ['browser']: string;
     ['browser-args']: string;
+    ['user-agent']: string;
 };
 export declare const BooleanFlags: string[];
 export declare const parsedCli: CommandLineOptions & {

package/dist/parse-command-line.js

@@ -66,6 +66,9 @@ const parseCommandLine = () => {
     if (exports.parsedCli['disable-headless']) {
         config_1.Config.setChromiumHeadlessMode(false);
     }
+    if (exports.parsedCli['user-agent']) {
+        config_1.Config.setChromiumUserAgent(exports.parsedCli['user-agent']);
+    }
     if (exports.parsedCli.log) {
         if (!renderer_1.RenderInternals.isValidLogLevel(exports.parsedCli.log)) {
             log_1.Log.error('Invalid `--log` value passed.');

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

package/dist/preview-server/render-queue/job.d.ts

@@ -24,13 +24,13 @@ export declare type JobProgressCallback = (options: BaseRenderProgress & Aggrega
 declare type RenderJobDynamicFields = ({
     type: 'still';
     imageFormat: StillImageFormat;
-    quality: number | null;
+    jpegQuality: number | null;
     frame: number;
     scale: number;
 } & RenderJobDynamicStatus) | ({
     type: 'video';
     imageFormat: VideoImageFormat;
-    quality: number | null;
+    jpegQuality: number | null;
     scale: number;
     codec: Codec;
     audioCodec: AudioCodec;
@@ -67,7 +67,7 @@ export declare type RenderJobWithCleanup = RenderJob & {
 declare type AddRenderRequestDynamicFields = {
     type: 'still';
     imageFormat: StillImageFormat;
-    quality: number | null;
+    jpegQuality: number | null;
     frame: number;
     scale: number;
     verbose: boolean;
@@ -76,7 +76,7 @@ declare type AddRenderRequestDynamicFields = {
     codec: Codec;
     audioCodec: AudioCodec;
     imageFormat: VideoImageFormat;
-    quality: number | null;
+    jpegQuality: number | null;
     scale: number;
     verbose: boolean;
     concurrency: number;
@@ -126,4 +126,13 @@ export declare type UpdateDefaultPropsRequest = {
     compositionId: string;
     defaultProps: string;
 };
+export declare type CanUpdateDefaultPropsRequest = {
+    compositionId: string;
+};
+export declare type CanUpdateDefaultPropsResponse = {
+    canUpdate: true;
+} | {
+    canUpdate: false;
+    reason: string;
+};
 export {};

package/dist/preview-server/render-queue/make-retry-payload.js

@@ -19,7 +19,7 @@ const makeRetryPayload = (job) => {
             initialFrame: job.frame,
             initialStillImageFormat: job.imageFormat,
             initialVideoImageFormat: defaults.videoImageFormat,
-            initialQuality: (_a = job.quality) !== null && _a !== void 0 ? _a : defaults.quality,
+            initialJpegQuality: (_a = job.jpegQuality) !== null && _a !== void 0 ? _a : defaults.jpegQuality,
             initialOutName: job.outName,
             initialScale: job.scale,
             initialVerbose: job.verbose,
@@ -56,7 +56,7 @@ const makeRetryPayload = (job) => {
             compositionId: job.compositionId,
             initialStillImageFormat: defaults.stillImageFormat,
             initialVideoImageFormat: job.imageFormat,
-            initialQuality: (_b = job.quality) !== null && _b !== void 0 ? _b : defaults.quality,
+            initialJpegQuality: (_b = job.jpegQuality) !== null && _b !== void 0 ? _b : defaults.jpegQuality,
             initialOutName: job.outName,
             initialScale: job.scale,
             initialVerbose: job.verbose,

package/dist/preview-server/render-queue/process-still.js

@@ -29,7 +29,7 @@ const processStill = async ({ job, remotionRoot, entryPoint, onProgress, addClea
         port,
         publicDir,
         puppeteerTimeout,
-        quality: (_a = job.quality) !== null && _a !== void 0 ? _a : undefined,
+        jpegQuality: (_a = job.jpegQuality) !== null && _a !== void 0 ? _a : undefined,
         remainingArgs: [],
         scale: job.scale,
         stillFrame: job.frame,

package/dist/preview-server/render-queue/process-video.js

@@ -29,7 +29,7 @@ const processVideoJob = async ({ job, remotionRoot, entryPoint, onProgress, addC
         port,
         publicDir,
         puppeteerTimeout: job.delayRenderTimeout,
-        quality: (_a = job.quality) !== null && _a !== void 0 ? _a : undefined,
+        jpegQuality: (_a = job.jpegQuality) !== null && _a !== void 0 ? _a : undefined,
         remainingArgs: [],
         scale: job.scale,
         width: null,

package/dist/preview-server/routes/add-render.js

@@ -20,7 +20,7 @@ const handleAddRender = ({ input, entryPoint, remotionRoot, }) => {
                 id,
                 imageFormat: input.imageFormat,
                 outName: input.outName,
-                quality: input.quality,
+                jpegQuality: input.jpegQuality,
                 scale: input.scale,
                 startedAt: Date.now(),
                 verbose: input.verbose,
@@ -55,7 +55,7 @@ const handleAddRender = ({ input, entryPoint, remotionRoot, }) => {
                 outName: input.outName,
                 status: 'idle',
                 imageFormat: input.imageFormat,
-                quality: input.quality,
+                jpegQuality: input.jpegQuality,
                 frame: input.frame,
                 scale: input.scale,
                 cleanup: [],

package/dist/preview-server/routes/can-update-default-props.d.ts

@@ -0,0 +1,4 @@
+import type { ApiHandler } from '../api-types';
+import type { CanUpdateDefaultPropsRequest, CanUpdateDefaultPropsResponse } from '../render-queue/job';
+export declare const checkIfTypeScriptFile: (file: string) => void;
+export declare const canUpdateDefaultPropsHandler: ApiHandler<CanUpdateDefaultPropsRequest, CanUpdateDefaultPropsResponse>;

package/dist/preview-server/routes/can-update-default-props.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.canUpdateDefaultPropsHandler = exports.checkIfTypeScriptFile = void 0;
+const fs_1 = require("fs");
+const update_default_props_1 = require("../../codemods/update-default-props");
+const project_info_1 = require("../project-info");
+const checkIfTypeScriptFile = (file) => {
+    if (!file.endsWith('.tsx') &&
+        !file.endsWith('.ts') &&
+        !file.endsWith('.mtsx') &&
+        !file.endsWith('.mts')) {
+        throw new Error('Cannot update default props for non-TypeScript files');
+    }
+};
+exports.checkIfTypeScriptFile = checkIfTypeScriptFile;
+const canUpdateDefaultPropsHandler = async ({ input: { compositionId }, remotionRoot }) => {
+    try {
+        const projectInfo = await (0, project_info_1.getProjectInfo)(remotionRoot);
+        if (!projectInfo.videoFile) {
+            throw new Error('Cannot find root file in project');
+        }
+        (0, exports.checkIfTypeScriptFile)(projectInfo.videoFile);
+        await (0, update_default_props_1.updateDefaultProps)({
+            compositionId,
+            input: (0, fs_1.readFileSync)(projectInfo.videoFile, 'utf-8'),
+            newDefaultProps: {},
+        });
+        return {
+            canUpdate: true,
+        };
+    }
+    catch (err) {
+        return {
+            canUpdate: false,
+            reason: err.message,
+        };
+    }
+};
+exports.canUpdateDefaultPropsHandler = canUpdateDefaultPropsHandler;

package/dist/preview-server/routes/update-default-props.js

@@ -5,12 +5,14 @@ const fs_1 = require("fs");
 const update_default_props_1 = require("../../codemods/update-default-props");
 const date_serialization_1 = require("../../editor/components/RenderModal/SchemaEditor/date-serialization");
 const project_info_1 = require("../project-info");
+const can_update_default_props_1 = require("./can-update-default-props");
 const updateDefaultPropsHandler = async ({ input: { compositionId, defaultProps }, remotionRoot }) => {
     const projectInfo = await (0, project_info_1.getProjectInfo)(remotionRoot);
     // TODO: What happens if this error is thrown? Handle in frontend
     if (!projectInfo.videoFile) {
-        throw new Error('Cannot find Roo.tsx file in project');
+        throw new Error('Cannot find root file in project');
     }
+    (0, can_update_default_props_1.checkIfTypeScriptFile)(projectInfo.videoFile);
     // TODO: Pass error to frontend
     const updated = await (0, update_default_props_1.updateDefaultProps)({
         compositionId,

package/dist/render-flows/render.d.ts

@@ -1,7 +1,7 @@
 import type { AudioCodec, Browser, BrowserExecutable, CancelSignal, ChromiumOptions, Codec, Crf, FfmpegOverrideFn, FrameRange, LogLevel, PixelFormat, ProResProfile, VideoImageFormat } from '@remotion/renderer';
 import type { Loop } from '../config/number-of-gif-loops';
 import type { JobProgressCallback } from '../preview-server/render-queue/job';
-export declare const renderVideoFlow: ({ remotionRoot, fullEntryPoint, indent, logLevel, browserExecutable, browser, chromiumOptions, scale, shouldOutputImageSequence, publicDir, inputProps, envVariables, puppeteerTimeout, port, height, width, remainingArgs, compositionIdFromUi, entryPointReason, overwrite, quiet, concurrency, frameRange, everyNthFrame, outputLocationFromUI, quality, onProgress, addCleanupCallback, cancelSignal, crf, uiCodec, uiImageFormat, ffmpegOverride, audioBitrate, muted, enforceAudioTrack, proResProfile, pixelFormat, videoBitrate, numberOfGifLoops, audioCodec, disallowParallelEncoding, }: {
+export declare const renderVideoFlow: ({ remotionRoot, fullEntryPoint, indent, logLevel, browserExecutable, browser, chromiumOptions, scale, shouldOutputImageSequence, publicDir, inputProps, envVariables, puppeteerTimeout, port, height, width, remainingArgs, compositionIdFromUi, entryPointReason, overwrite, quiet, concurrency, frameRange, everyNthFrame, outputLocationFromUI, jpegQuality, onProgress, addCleanupCallback, cancelSignal, crf, uiCodec, uiImageFormat, ffmpegOverride, audioBitrate, muted, enforceAudioTrack, proResProfile, pixelFormat, videoBitrate, numberOfGifLoops, audioCodec, disallowParallelEncoding, }: {
     remotionRoot: string;
     fullEntryPoint: string;
     entryPointReason: string;
@@ -27,7 +27,7 @@ export declare const renderVideoFlow: ({ remotionRoot, fullEntryPoint, indent, l
     concurrency: number | string | null;
     frameRange: FrameRange | null;
     everyNthFrame: number;
-    quality: number | undefined;
+    jpegQuality: number | undefined;
     onProgress: JobProgressCallback;
     addCleanupCallback: (cb: () => void) => void;
     crf: Crf | null;

package/dist/render-flows/render.js

@@ -21,7 +21,7 @@ const progress_bar_1 = require("../progress-bar");
 const setup_cache_1 = require("../setup-cache");
 const truthy_1 = require("../truthy");
 const user_passed_output_location_1 = require("../user-passed-output-location");
-const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel, browserExecutable, browser, chromiumOptions, scale, shouldOutputImageSequence, publicDir, inputProps, envVariables, puppeteerTimeout, port, height, width, remainingArgs, compositionIdFromUi, entryPointReason, overwrite, quiet, concurrency, frameRange, everyNthFrame, outputLocationFromUI, quality, onProgress, addCleanupCallback, cancelSignal, crf, uiCodec, uiImageFormat, ffmpegOverride, audioBitrate, muted, enforceAudioTrack, proResProfile, pixelFormat, videoBitrate, numberOfGifLoops, audioCodec, disallowParallelEncoding, }) => {
+const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel, browserExecutable, browser, chromiumOptions, scale, shouldOutputImageSequence, publicDir, inputProps, envVariables, puppeteerTimeout, port, height, width, remainingArgs, compositionIdFromUi, entryPointReason, overwrite, quiet, concurrency, frameRange, everyNthFrame, outputLocationFromUI, jpegQuality, onProgress, addCleanupCallback, cancelSignal, crf, uiCodec, uiImageFormat, ffmpegOverride, audioBitrate, muted, enforceAudioTrack, proResProfile, pixelFormat, videoBitrate, numberOfGifLoops, audioCodec, disallowParallelEncoding, }) => {
     var _a;
     const downloads = [];
     const downloadMap = renderer_1.RenderInternals.makeDownloadMap();
@@ -197,7 +197,7 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
             frameRange,
             concurrency: actualConcurrency,
             puppeteerInstance,
-            quality,
+            jpegQuality,
             timeoutInMilliseconds: puppeteerTimeout,
             chromiumOptions,
             scale,
@@ -232,7 +232,7 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
         overwrite,
         pixelFormat,
         proResProfile,
-        quality,
+        jpegQuality,
         dumpBrowserLogs: renderer_1.RenderInternals.isEqualOrBelowLogLevel(logLevel, 'verbose'),
         chromiumOptions,
         timeoutInMilliseconds: config_1.ConfigInternals.getCurrentPuppeteerTimeout(),

package/dist/render-flows/still.d.ts

@@ -1,13 +1,13 @@
 import type { Browser, BrowserExecutable, CancelSignal, ChromiumOptions, LogLevel, StillImageFormat } from '@remotion/renderer';
 import type { JobProgressCallback } from '../preview-server/render-queue/job';
-export declare const renderStillFlow: ({ remotionRoot, fullEntryPoint, entryPointReason, remainingArgs, browser, browserExecutable, chromiumOptions, envVariables, height, inputProps, overwrite, port, publicDir, puppeteerTimeout, quality, scale, stillFrame, width, compositionIdFromUi, imageFormatFromUi, logLevel, onProgress, indentOutput, addCleanupCallback, cancelSignal, }: {
+export declare const renderStillFlow: ({ remotionRoot, fullEntryPoint, entryPointReason, remainingArgs, browser, browserExecutable, chromiumOptions, envVariables, height, inputProps, overwrite, port, publicDir, puppeteerTimeout, jpegQuality, scale, stillFrame, width, compositionIdFromUi, imageFormatFromUi, logLevel, onProgress, indentOutput, addCleanupCallback, cancelSignal, }: {
     remotionRoot: string;
     fullEntryPoint: string;
     entryPointReason: string;
     remainingArgs: string[];
     inputProps: object;
     envVariables: Record<string, string>;
-    quality: number | undefined;
+    jpegQuality: number | undefined;
     browser: Browser;
     stillFrame: number;
     browserExecutable: BrowserExecutable;

package/dist/render-flows/still.js

@@ -20,7 +20,7 @@ const progress_types_1 = require("../progress-types");
 const setup_cache_1 = require("../setup-cache");
 const truthy_1 = require("../truthy");
 const user_passed_output_location_1 = require("../user-passed-output-location");
-const renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason, remainingArgs, browser, browserExecutable, chromiumOptions, envVariables, height, inputProps, overwrite, port, publicDir, puppeteerTimeout, quality, scale, stillFrame, width, compositionIdFromUi, imageFormatFromUi, logLevel, onProgress, indentOutput, addCleanupCallback, cancelSignal, }) => {
+const renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason, remainingArgs, browser, browserExecutable, chromiumOptions, envVariables, height, inputProps, overwrite, port, publicDir, puppeteerTimeout, jpegQuality, scale, stillFrame, width, compositionIdFromUi, imageFormatFromUi, logLevel, onProgress, indentOutput, addCleanupCallback, cancelSignal, }) => {
     var _a, _b;
     const downloads = [];
     const aggregate = (0, progress_types_1.initialAggregateRenderProgress)();
@@ -139,7 +139,7 @@ const renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason,
         frame: stillFrame,
         output: absoluteOutputLocation,
         serveUrl: urlOrBundle,
-        quality,
+        jpegQuality,
         dumpBrowserLogs: shouldDumpIo,
         envVariables,
         imageFormat,

package/package.json

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

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

@@ -1,5 +0,0 @@
-import React from 'react';
-export declare const CollapsedSidebarExpander: React.FC<{
-    onExpand: () => void;
-    direction: 'left' | 'right';
-}>;

package/dist/editor/components/CollapsedSidebarExpander.js

@@ -1,41 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CollapsedSidebarExpander = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const colors_1 = require("../helpers/colors");
-const caret_1 = require("../icons/caret");
-const z_index_1 = require("../state/z-index");
-// TODO: Add shortcut to toggle both sidebars (similar to zen mode in vs code)
-const CollapsedSidebarExpander = ({ onExpand, direction }) => {
-    const [hovered, setHovered] = (0, react_1.useState)(false);
-    const { tabIndex } = (0, z_index_1.useZIndex)();
-    const onPointerEnter = (0, react_1.useCallback)(() => {
-        setHovered(true);
-    }, []);
-    const onPointerLeave = (0, react_1.useCallback)(() => {
-        setHovered(false);
-    }, []);
-    const style = (0, react_1.useMemo)(() => {
-        return {
-            border: 'none',
-            borderRight: `${direction === 'right' ? 1 : 0}px solid black`,
-            borderLeft: `${direction === 'left' ? 1 : 0}px solid black`,
-            cursor: 'pointer',
-            color: 'white',
-            display: 'flex',
-            justifyContent: 'center',
-            alignItems: 'center',
-            paddingLeft: direction === 'right' ? 7 : 5,
-            paddingRight: direction === 'right' ? 4 : 5,
-            backgroundColor: (0, colors_1.getBackgroundFromHoverState)({
-                hovered,
-                selected: false,
-            }),
-            appearance: 'none',
-            WebkitAppearance: 'none',
-        };
-    }, [direction, hovered]);
-    return ((0, jsx_runtime_1.jsx)("button", { style: style, onPointerEnter: onPointerEnter, onPointerLeave: onPointerLeave, type: "button", role: "button", tabIndex: tabIndex, onClick: onExpand, children: direction === 'right' ? (0, jsx_runtime_1.jsx)(caret_1.CaretRight, {}) : (0, jsx_runtime_1.jsx)(caret_1.CaretLeft, {}) }));
-};
-exports.CollapsedSidebarExpander = CollapsedSidebarExpander;

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

@@ -1,2 +0,0 @@
-export declare const serializeJSONWithSchema: (data: unknown, indent: number | undefined) => string;
-export declare const deserializeJSONWithSchema: (data: string) => any;

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

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