@remotion/studio 4.0.225 → 4.0.227

package/.turbo/turbo-formatting.log

@@ -0,0 +1,7 @@
+
+
+> @remotion/studio@4.0.226 formatting /Users/jonathanburger/remotion/packages/studio
+> prettier src --check
+
+Checking formatting...
+src/api/delete-static-file.tssrc/api/focus-default-props-path.tssrc/api/get-static-files.tssrc/api/helpers/calc-new-props.tssrc/api/install-package.tssrc/api/reevaluate-composition.tssrc/api/restart-studio.tssrc/api/save-default-props.tssrc/api/update-default-props.tssrc/api/watch-public-folder.tssrc/api/watch-static-file.tssrc/api/write-static-file.tssrc/components/.DS_Storesrc/components/AssetSelector.tsxsrc/components/AssetSelectorItem.tsxsrc/components/AudioWaveform.tsxsrc/components/AudioWaveformBar.tsxsrc/components/Button.tsxsrc/components/call-api.tssrc/components/Canvas.tsxsrc/components/CanvasOrLoading.tsxsrc/components/CheckboardToggle.tsxsrc/components/Checkbox.tsxsrc/components/CheckerboardProvider.tsxsrc/components/CompositionContextButton.tsxsrc/components/CompositionSelector.tsxsrc/components/CompositionSelectorItem.tsxsrc/components/ContextMenu.tsxsrc/components/ControlButton.tsxsrc/components/CopyButton.tsxsrc/components/CurrentComposition.tsxsrc/components/CurrentCompositionSideEffects.tsxsrc/components/Editor.tsxsrc/components/EditorContent.tsxsrc/components/EditorContexts.tsxsrc/components/EditorGuides/Guide.tsxsrc/components/EditorGuides/index.tsxsrc/components/EditorRuler/index.tsxsrc/components/EditorRuler/Ruler.tsxsrc/components/EditorRuler/use-is-ruler-visible.tssrc/components/ExplorerPanel.tsxsrc/components/FilePreview.tsxsrc/components/FpsCounter.tsxsrc/components/FramePersistor.tsxsrc/components/FullscreenToggle.tsxsrc/components/get-zod-if-possible.tsxsrc/components/GlobalKeybindings.tsxsrc/components/GlobalPropsEditorUpdateButton.tsxsrc/components/InitialCompositionLoader.tsxsrc/components/InlineAction.tsxsrc/components/InlineDropdown.tsxsrc/components/InstallablePackage.tsxsrc/components/InstallPackage.tsxsrc/components/JSONViewer.tsxsrc/components/KeyboardShortcutsExplainer.tsxsrc/components/KnownBugs.tsxsrc/components/layout.tsxsrc/components/load-canvas-content-from-url.tssrc/components/LoopToggle.tsxsrc/components/MediaVolumeProvider.tsxsrc/components/Menu/is-menu-item.tsxsrc/components/Menu/MenuDivider.tsxsrc/components/Menu/MenuItem.tsxsrc/components/Menu/MenuSubItem.tsxsrc/components/Menu/portals.tssrc/components/Menu/styles.tssrc/components/Menu/SubMenu.tsxsrc/components/MenuBuildIndicator.tsxsrc/components/MenuToolbar.tsxsrc/components/MobilePanel.tsxsrc/components/ModalButton.tsxsrc/components/ModalContainer.tsxsrc/components/ModalFooter.tsxsrc/components/ModalHeader.tsxsrc/components/Modals.tsxsrc/components/ModalsProvider.tsxsrc/components/MuteToggle.tsxsrc/components/NewComposition/CancelButton.tsxsrc/components/NewComposition/CodemodFooter.tsxsrc/components/NewComposition/ComboBox.tsxsrc/components/NewComposition/DeleteComposition.tsxsrc/components/NewComposition/DiffPreview.tsxsrc/components/NewComposition/DismissableModal.tsxsrc/components/NewComposition/DuplicateComposition.tsxsrc/components/NewComposition/InputDragger.tsxsrc/components/NewComposition/MenuContent.tsxsrc/components/NewComposition/NewCompDuration.tsxsrc/components/NewComposition/RemInput.tsxsrc/components/NewComposition/RemInputTypeColor.tsxsrc/components/NewComposition/RemTextarea.tsxsrc/components/NewComposition/RenameComposition.tsxsrc/components/NewComposition/render-aspect-ratio.tsxsrc/components/NewComposition/ValidationMessage.tsxsrc/components/NoRegisterRoot.tsxsrc/components/Notifications/ColorDot.tsxsrc/components/Notifications/Notification.tsxsrc/components/Notifications/NotificationCenter.tsxsrc/components/Notifications/ServerDisconnected.tsxsrc/components/OpenEditorButton.tsxsrc/components/OptionsPanel.tsxsrc/components/PlaybackKeyboardShortcutsManager.tsxsrc/components/PlaybackRatePersistor.tsxsrc/components/PlaybackRateSelector.tsxsrc/components/PlayBeepSound.tsxsrc/components/PlayPause.tsxsrc/components/Preview.tsxsrc/components/PreviewToolbar.tsxsrc/components/QuickSwitcher/algolia-search.tssrc/components/QuickSwitcher/AlgoliaCredit.tsxsrc/components/QuickSwitcher/fuzzy-search.tssrc/components/QuickSwitcher/NoResults.tsxsrc/components/QuickSwitcher/QuickSwitcher.tsxsrc/components/QuickSwitcher/QuickSwitcherContent.tsxsrc/components/QuickSwitcher/QuickSwitcherResult.tsxsrc/components/RefreshCompositionOverlay.tsxsrc/components/RenderButton.tsxsrc/components/RenderModal/CliCopyButton.tsxsrc/components/RenderModal/CrfSetting.tsxsrc/components/RenderModal/DataEditor.tsxsrc/components/RenderModal/EnforceAudioTrackSetting.tsxsrc/components/RenderModal/EnvInput.tsxsrc/components/RenderModal/FrameRangeSetting.tsxsrc/components/RenderModal/get-default-codecs.tssrc/components/RenderModal/get-render-modal-warnings.tssrc/components/RenderModal/get-string-before-suffix.tssrc/components/RenderModal/GuiRenderStatus.tsxsrc/components/RenderModal/human-readable-audio-codecs.tssrc/components/RenderModal/human-readable-codec.tssrc/components/RenderModal/InfoBubble.tsxsrc/components/RenderModal/InfoTooltip.tsxsrc/components/RenderModal/InlineEyeIcon.tsxsrc/components/RenderModal/InlineRemoveButton.tsxsrc/components/RenderModal/JpegQualitySetting.tsxsrc/components/RenderModal/layout.tssrc/components/RenderModal/MultiRangeSlider.tsxsrc/components/RenderModal/MutedSetting.tsxsrc/components/RenderModal/NumberOfLoopsSetting.tsxsrc/components/RenderModal/NumberSetting.tsxsrc/components/RenderModal/OptionExplainer.tsxsrc/components/RenderModal/OptionExplainerBubble.tsxsrc/components/RenderModal/out-name-checker.tssrc/components/RenderModal/RenderModal.tsxsrc/components/RenderModal/RenderModalAdvanced.tsxsrc/components/RenderModal/RenderModalAudio.tsxsrc/components/RenderModal/RenderModalBasic.tsxsrc/components/RenderModal/RenderModalEnvironmentVariables.tsxsrc/components/RenderModal/RenderModalGif.tsxsrc/components/RenderModal/RenderModalHr.tsxsrc/components/RenderModal/RenderModalJSONPropsEditor.tsxsrc/components/RenderModal/RenderModalOutputName.tsxsrc/components/RenderModal/RenderModalPicture.tsxsrc/components/RenderModal/RenderStatusModal.tsxsrc/components/RenderModal/ResolveCompositionBeforeModal.tsxsrc/components/RenderModal/ScaleSetting.tsxsrc/components/RenderModal/SchemaEditor/create-zod-values.tssrc/components/RenderModal/SchemaEditor/deep-equal.tssrc/components/RenderModal/SchemaEditor/extract-enum-json-paths.tssrc/components/RenderModal/SchemaEditor/Fieldset.tsxsrc/components/RenderModal/SchemaEditor/get-schema-label.tssrc/components/RenderModal/SchemaEditor/local-state.tsxsrc/components/RenderModal/SchemaEditor/SchemaEditor.tsxsrc/components/RenderModal/SchemaEditor/SchemaErrorMessages.tsxsrc/components/RenderModal/SchemaEditor/SchemaLabel.tsxsrc/components/RenderModal/SchemaEditor/SchemaResetButton.tsxsrc/components/RenderModal/SchemaEditor/SchemaSaveButton.tsxsrc/components/RenderModal/SchemaEditor/SchemaSeparationLine.tsxsrc/components/RenderModal/SchemaEditor/SchemaVerticalGuide.tsxsrc/components/RenderModal/SchemaEditor/scroll-to-default-props-path.tssrc/components/RenderModal/SchemaEditor/zod-types.tssrc/components/RenderModal/SchemaEditor/ZodArrayEditor.tsxsrc/components/RenderModal/SchemaEditor/ZodArrayItemEditor.tsxsrc/components/RenderModal/SchemaEditor/ZodBooleanEditor.tsxsrc/components/RenderModal/SchemaEditor/ZodColorEditor.tsxsrc/components/RenderModal/SchemaEditor/ZodDateEditor.tsxsrc/components/RenderModal/SchemaEditor/ZodDefaultEditor.tsxsrc/components/RenderModal/SchemaEditor/ZodDiscriminatedUnionEditor.tsxsrc/components/RenderModal/SchemaEditor/ZodEffectEditor.tsxsrc/components/RenderModal/SchemaEditor/ZodEnumEditor.tsxsrc/components/RenderModal/SchemaEditor/ZodErrorMessages.tsxsrc/components/RenderModal/SchemaEditor/ZodFieldValidation.tsxsrc/components/RenderModal/SchemaEditor/ZodNonEditableValue.tsxsrc/components/RenderModal/SchemaEditor/ZodNullableEditor.tsxsrc/components/RenderModal/SchemaEditor/ZodNumberEditor.tsxsrc/components/RenderModal/SchemaEditor/ZodObjectEditor.tsxsrc/components/RenderModal/SchemaEditor/ZodOptionalEditor.tsxsrc/components/RenderModal/SchemaEditor/ZodOrNullishEditor.tsxsrc/components/RenderModal/SchemaEditor/ZodStaticFileEditor.tsxsrc/components/RenderModal/SchemaEditor/ZodStringEditor.tsxsrc/components/RenderModal/SchemaEditor/ZodSwitch.tsxsrc/components/RenderModal/SchemaEditor/ZodTextareaEditor.tsxsrc/components/RenderModal/SchemaEditor/ZodUnionEditor.tsxsrc/components/RenderModal/SeparateAudioOption.tsxsrc/components/RenderModal/WarningIndicatorButton.tsxsrc/components/RenderPreview.tsxsrc/components/RenderQueue/actions.tssrc/components/RenderQueue/CircularProgress.tsxsrc/components/RenderQueue/context.tsxsrc/components/RenderQueue/index.tsxsrc/components/RenderQueue/item-style.tssrc/components/RenderQueue/RenderQueueCopyToClipboard.tsxsrc/components/RenderQueue/RenderQueueError.tsxsrc/components/RenderQueue/RenderQueueItem.tsxsrc/components/RenderQueue/RenderQueueItemCancelButton.tsxsrc/components/RenderQueue/RenderQueueItemStatus.tsxsrc/components/RenderQueue/RenderQueueOpenInFolder.tsxsrc/components/RenderQueue/RenderQueueOutputName.tsxsrc/components/RenderQueue/RenderQueueProgressMessage.tsxsrc/components/RenderQueue/RenderQueueRemoveItem.tsxsrc/components/RenderQueue/RenderQueueRepeat.tsxsrc/components/RenderQueue/SuccessIcon.tsxsrc/components/RendersTab.tsxsrc/components/ResetZoomButton.tsxsrc/components/RunningCalculateMetadata.tsxsrc/components/SegmentedControl.tsxsrc/components/SetTimelineInOutProvider.tsxsrc/components/ShowGuidesProvider.tsxsrc/components/ShowRulersProvider.tsxsrc/components/SidebarCollapserControls.tsxsrc/components/SidebarRenderButton.tsxsrc/components/SizeSelector.tsxsrc/components/Spinner.tsxsrc/components/Splitter/SplitterContainer.tsxsrc/components/Splitter/SplitterContext.tsxsrc/components/Splitter/SplitterElement.tsxsrc/components/Splitter/SplitterHandle.tsxsrc/components/StaticFilePreview.tsxsrc/components/Tabs/index.tsxsrc/components/Tabs/vertical.tsxsrc/components/TextViewer.tsxsrc/components/Timeline/imperative-state.tssrc/components/Timeline/is-collapsed.tssrc/components/Timeline/LoopedIndicator.tsxsrc/components/Timeline/LoopedTimelineIndicators.tsxsrc/components/Timeline/MaxTimelineTracks.tsxsrc/components/Timeline/timeline-refs.tssrc/components/Timeline/timeline-scroll-logic.tssrc/components/Timeline/Timeline.tsxsrc/components/Timeline/TimelineCollapseToggle.tsxsrc/components/Timeline/TimelineDragHandler.tsxsrc/components/Timeline/TimelineInOutPointer.tsxsrc/components/Timeline/TimelineInOutPointerHandle.tsxsrc/components/Timeline/TimelineLayerEye.tsxsrc/components/Timeline/TimelineList.tsxsrc/components/Timeline/TimelineListItem.tsxsrc/components/Timeline/TimelinePlayCursorSyncer.tsxsrc/components/Timeline/TimelineScrollable.tsxsrc/components/Timeline/TimelineSequence.tsxsrc/components/Timeline/TimelineSequenceFrame.tsxsrc/components/Timeline/TimelineSlider.tsxsrc/components/Timeline/TimelineSliderHandle.tsxsrc/components/Timeline/TimelineStack/get-stack.tssrc/components/Timeline/TimelineStack/index.tsxsrc/components/Timeline/TimelineStack/source-attribution.tssrc/components/Timeline/TimelineTimeIndicators.tsxsrc/components/Timeline/TimelineTracks.tsxsrc/components/Timeline/TimelineVideoInfo.tsxsrc/components/Timeline/TimelineWidthProvider.tsxsrc/components/Timeline/TimelineZoomControls.tsxsrc/components/TimelineInOutToggle.tsxsrc/components/TimeValue.tsxsrc/components/TopPanel.tsxsrc/components/UpdateCheck.tsxsrc/components/UpdateModal/OpenIssueButton.tsxsrc/components/UpdateModal/UpdateModal.tsxsrc/components/ZoomGesturesProvider.tsxsrc/components/ZoomPersistor.tsxsrc/error-overlay/entry-basic.tssrc/error-overlay/react-overlay/effects/format-warning.tssrc/error-overlay/react-overlay/effects/proxy-console.tssrc/error-overlay/react-overlay/effects/resolve-file-source.tssrc/error-overlay/react-overlay/effects/stack-trace-limit.tssrc/error-overlay/react-overlay/effects/unhandled-error.tssrc/error-overlay/react-overlay/effects/unhandled-rejection.tssrc/error-overlay/react-overlay/index.tssrc/error-overlay/react-overlay/listen-to-runtime-errors.tssrc/error-overlay/react-overlay/utils/get-lines-around.tssrc/error-overlay/react-overlay/utils/get-source-map.tssrc/error-overlay/react-overlay/utils/get-stack-frames.tssrc/error-overlay/react-overlay/utils/make-stack-frame.tssrc/error-overlay/react-overlay/utils/parser.tssrc/error-overlay/react-overlay/utils/unmapper.tssrc/error-overlay/remotion-overlay/AskOnDiscord.tsxsrc/error-overlay/remotion-overlay/CalculateMetadataErrorExplainer.tsxsrc/error-overlay/remotion-overlay/carets.tsxsrc/error-overlay/remotion-overlay/CodeFrame.tsxsrc/error-overlay/remotion-overlay/DismissButton.tsxsrc/error-overlay/remotion-overlay/ErrorDisplay.tsxsrc/error-overlay/remotion-overlay/ErrorLoader.tsxsrc/error-overlay/remotion-overlay/ErrorMessage.tsxsrc/error-overlay/remotion-overlay/ErrorTitle.tsxsrc/error-overlay/remotion-overlay/format-location.tssrc/error-overlay/remotion-overlay/get-help-link.tssrc/error-overlay/remotion-overlay/HelpLink.tsxsrc/error-overlay/remotion-overlay/index.tsxsrc/error-overlay/remotion-overlay/OpenInEditor.tsxsrc/error-overlay/remotion-overlay/Overlay.tsxsrc/error-overlay/remotion-overlay/Retry.tsxsrc/error-overlay/remotion-overlay/SearchGitHubIssues.tsxsrc/error-overlay/remotion-overlay/ShortcutHint.tsxsrc/error-overlay/remotion-overlay/StackFrame.tsxsrc/error-overlay/remotion-overlay/Symbolicating.tsxsrc/helpers/calculate-timeline.tssrc/helpers/check-fullscreen-support.tssrc/helpers/checkerboard-background.tssrc/helpers/client-id.tsxsrc/helpers/color-math.tssrc/helpers/colors.tssrc/helpers/convert-env-variables.tssrc/helpers/copy-text.tssrc/helpers/create-folder-tree.tssrc/helpers/document-title.tssrc/helpers/editor-ruler.tssrc/helpers/get-asset-metadata.tssrc/helpers/get-effective-translation.tssrc/helpers/get-git-menu-item.tssrc/helpers/get-left-of-timeline-slider.tssrc/helpers/get-location-of-sequence.tssrc/helpers/get-sequence-visible-range.tssrc/helpers/get-timeline-nestedness.tssrc/helpers/get-timeline-sequence-hash.tssrc/helpers/get-timeline-sequence-layout.tssrc/helpers/get-timeline-sequence-sort-key.tssrc/helpers/inject-css.tssrc/helpers/is-composition-still.tssrc/helpers/is-current-selected-still.tssrc/helpers/mobile-layout.tssrc/helpers/noop.tssrc/helpers/open-in-editor.tssrc/helpers/persist-open-folders.tssrc/helpers/pick-color.tsxsrc/helpers/presets-labels.tssrc/helpers/prores-labels.tssrc/helpers/render-modal-sections.tssrc/helpers/retry-payload.tssrc/helpers/smooth-zoom.tssrc/helpers/timeline-layout.tssrc/helpers/url-state.tssrc/helpers/use-asset-drag-events.tssrc/helpers/use-breakpoint.tssrc/helpers/use-file-existence.tssrc/helpers/use-keybinding.tssrc/helpers/use-menu-structure.tsxsrc/helpers/use-studio-canvas-dimensions.tssrc/helpers/validate-new-comp-data.tssrc/hot-middleware-client/client.tssrc/hot-middleware-client/process-update.tssrc/icons/audio.tsxsrc/icons/caret.tsxsrc/icons/Checkmark.tsxsrc/icons/clipboard.tsxsrc/icons/data.tsxsrc/icons/ellipsis.tsxsrc/icons/file.tsxsrc/icons/folder.tsxsrc/icons/frame.tsxsrc/icons/gear.tsxsrc/icons/gif.tsxsrc/icons/jump-to-start.tsxsrc/icons/keys.tsxsrc/icons/media-volume.tsxsrc/icons/minus.tsxsrc/icons/pause.tsxsrc/icons/play.tsxsrc/icons/plus.tsxsrc/icons/render.tsxsrc/icons/step-back.tsxsrc/icons/step-forward.tsxsrc/icons/still.tsxsrc/icons/timelineInOutPointer.tsxsrc/icons/video.tsxsrc/index.tssrc/internals.tssrc/previewEntry.tsxsrc/state/canvas-ref.tssrc/state/checkerboard.tssrc/state/editor-guides.tssrc/state/editor-rulers.tssrc/state/editor-zoom-gestures.tssrc/state/folders.tsxsrc/state/highest-z-index.tsxsrc/state/in-out.tssrc/state/input-dragger-click-lock.tssrc/state/keybindings.tsxsrc/state/loop.tssrc/state/marks.tssrc/state/modals.tssrc/state/mute.tssrc/state/playbackrate.tssrc/state/preview-size.tsxsrc/state/render-frame.tssrc/state/sidebar.tsxsrc/state/timeline-ref.tssrc/state/timeline-zoom.tsxsrc/state/timeline.tssrc/state/z-index.tsxsrc/Studio.tsxsrc/test/big-timeline.test.tssrc/test/color-math.test.tssrc/test/create-zod-values.test.tssrc/test/extract-zod-enums.test.tssrc/test/folder-tree.test.tssrc/test/format-time.test.tssrc/test/sequenced-timeline.test.tssrc/test/smooth-zoom.test.tssrc/test/stringify-default-props.test.tssrc/test/timeline-sequence-layout.test.tssrc/test/timeline.test.tssrc/test/validate-gui-output-filename.test.tsAll matched files use Prettier code style!

package/.turbo/turbo-lint.log

@@ -0,0 +1,15 @@
+
+
+> @remotion/studio@4.0.226 lint /Users/jonathanburger/remotion/packages/studio
+> eslint src
+
+
+/Users/jonathanburger/remotion/packages/studio/src/components/QuickSwitcher/fuzzy-search.ts
+  23:3  warning  Unused eslint-disable directive (no problems were reported from 'no-bitwise')
+
+/Users/jonathanburger/remotion/packages/studio/src/error-overlay/react-overlay/utils/get-source-map.ts
+  54:1  warning  Unexpected 'todo' comment: 'TODO: Can import this from...'  no-warning-comments
+
+✖ 2 problems (0 errors, 2 warnings)
+  0 errors and 1 warning potentially fixable with the `--fix` option.
+

package/.turbo/turbo-make.log

@@ -1,5 +1,5 @@
 
 
-> @remotion/studio@4.0.224 make /Users/jonathanburger/remotion/packages/studio
-> bun --env-file=../.env.bundle bundle.ts
+> @remotion/studio@4.0.226 make /Users/jonathanburger/remotion/packages/studio
+> tsc -d && bun --env-file=../.env.bundle bundle.ts
 

package/.turbo/turbo-test.log

@@ -0,0 +1,86 @@
+
+
+> @remotion/studio@4.0.226 test /Users/jonathanburger/remotion/packages/studio
+> bun test src
+
+bun test v1.1.29 (6d43b366)
+
+src/test/stringify-default-props.test.ts:
+✓ Should stringify default props correctly [1.42ms]
+✓ Should stringify default props correctly [0.71ms]
+
+src/test/sequenced-timeline.test.ts:
+✓ Should calculate sequences correctly [3.37ms]
+
+src/test/create-zod-values.test.ts:
+✓ Should be able to create a string [2.89ms]
+✓ Should be able to create a number [0.19ms]
+✓ Should be able to create an object [0.21ms]
+✓ Should be able to create an array [0.22ms]
+✓ Should be able to create a union [0.14ms]
+✓ Zod literal [0.12ms]
+✓ Should be able to create a discriminated union [1.60ms]
+✓ Zod instanceof [0.27ms]
+✓ Zod intersection [0.47ms]
+✓ Zod tuples [0.25ms]
+✓ Zod record [0.11ms]
+✓ Zod map [0.11ms]
+✓ Zod lazy [0.09ms]
+✓ Zod set [0.08ms]
+✓ Zod function [0.18ms]
+✓ Zod undefined [0.07ms]
+✓ Zod null [0.49ms]
+✓ Zod enum [0.24ms]
+✓ Zod nativeEnum [0.08ms]
+✓ Zod optional [0.23ms]
+✓ Zod nullable [0.14ms]
+✓ Zod undefined [0.11ms]
+✓ Zod catch [0.07ms]
+✓ Zod promise [0.10ms]
+✓ Zod transform [0.09ms]
+✓ Zod branded [0.15ms]
+✓ Zod lazy [0.16ms]
+✓ Zod coerce [0.06ms]
+✓ Zod strict [0.11ms]
+✓ Should create a color [0.12ms]
+✓ Should create a textarea [0.04ms]
+
+src/test/folder-tree.test.ts:
+✓ Should create a good folder tree with 1 item inside and 1 item outside [0.32ms]
+✓ Should handle nested folders well [0.69ms]
+✓ Should throw if two folders with the same name [0.25ms]
+
+src/test/big-timeline.test.ts:
+✓ Should calculate timeline as expected [2.40ms]
+
+src/test/smooth-zoom.test.ts:
+✓ Smoothen zoom [0.11ms]
+✓ Unsmoothen zoom [0.04ms]
+
+src/test/validate-gui-output-filename.test.ts:
+✓ Should catch dot after slash [2.08ms]
+✓ Should catch dot in front  [0.02ms]
+
+src/test/timeline-sequence-layout.test.ts:
+✓ Should test timeline sequence layout without max media duration [0.25ms]
+✓ Should test timeline sequence layout with max media duration [0.07ms]
+
+src/test/extract-zod-enums.test.ts:
+✓ Extract Zod enums [0.20ms]
+✓ Extract Zod enums #2 [0.78ms]
+
+src/test/color-math.test.ts:
+✓ Color math [0.62ms]
+
+src/test/format-time.test.ts:
+✓ Format time [0.08ms]
+
+src/test/timeline.test.ts:
+✓ Should calculate timeline with no sequences [0.08ms]
+✓ Should calculate a basic timeline [0.10ms]
+✓ Should follow order of nesting [0.28ms]
+
+ 51 pass
+ 0 fail
+ 67 expect() calls
+Ran 51 tests across 12 files. [97.00ms]

package/dist/components/AudioWaveform.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
 export declare const AudioWaveform: React.FC<{
-    src: string;
-    visualizationWidth: number;
-    startFrom: number;
-    durationInFrames: number;
-    setMaxMediaDuration: React.Dispatch<React.SetStateAction<number>>;
-    volume: string | number;
-    doesVolumeChange: boolean;
-    playbackRate: number;
+    readonly src: string;
+    readonly visualizationWidth: number;
+    readonly startFrom: number;
+    readonly durationInFrames: number;
+    readonly setMaxMediaDuration: React.Dispatch<React.SetStateAction<number>>;
+    readonly volume: string | number;
+    readonly doesVolumeChange: boolean;
+    readonly playbackRate: number;
 }>;

package/dist/components/AudioWaveformBar.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 export declare const WAVEFORM_BAR_LENGTH = 4;
 export declare const WAVEFORM_BAR_MARGIN = 2;
 export declare const AudioWaveformBar: React.FC<{
-    amplitude: number;
+    readonly amplitude: number;
 }>;

package/dist/components/Checkbox.d.ts

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

package/dist/components/ControlButton.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 export declare const CONTROL_BUTTON_PADDING = 6;
 export declare const ControlButton: (props: React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> & {
-    title: string;
+    readonly title: string;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/CopyButton.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 export declare const CopyButton: React.FC<{
-    textToCopy: string;
-    label: string;
-    labelWhenCopied: string;
+    readonly textToCopy: string;
+    readonly label: string;
+    readonly labelWhenCopied: string;
 }>;

package/dist/components/CurrentCompositionSideEffects.d.ts

@@ -1,5 +1,5 @@
 import type React from 'react';
 export declare const TitleUpdater: React.FC;
 export declare const CurrentCompositionKeybindings: React.FC<{
-    readOnlyStudio: boolean;
+    readonly readOnlyStudio: boolean;
 }>;

package/dist/components/EditorContexts.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 export declare const EditorContexts: React.FC<{
-    children: React.ReactNode;
-    readOnlyStudio: boolean;
+    readonly children: React.ReactNode;
+    readonly readOnlyStudio: boolean;
 }>;

package/dist/components/EditorRuler/Ruler.d.ts

@@ -5,13 +5,13 @@ interface Point {
     position: number;
 }
 interface RulerProps {
-    scale: number;
-    points: Point[];
-    originOffset: number;
-    startMarking: number;
-    markingGaps: number;
-    orientation: 'horizontal' | 'vertical';
-    size: Size;
+    readonly scale: number;
+    readonly points: Point[];
+    readonly originOffset: number;
+    readonly startMarking: number;
+    readonly markingGaps: number;
+    readonly orientation: 'horizontal' | 'vertical';
+    readonly size: Size;
 }
 declare const Ruler: React.FC<RulerProps>;
 export default Ruler;

package/dist/components/EditorRuler/index.d.ts

@@ -3,8 +3,8 @@ import React from 'react';
 import type { AssetMetadata } from '../../helpers/get-asset-metadata';
 import type { Dimensions } from '../../helpers/is-current-selected-still';
 export declare const EditorRulers: React.FC<{
-    canvasSize: Size;
-    contentDimensions: Dimensions | 'none' | null;
-    assetMetadata: AssetMetadata | null;
-    containerRef: React.RefObject<HTMLDivElement>;
+    readonly canvasSize: Size;
+    readonly contentDimensions: Dimensions | 'none' | null;
+    readonly assetMetadata: AssetMetadata | null;
+    readonly containerRef: React.RefObject<HTMLDivElement>;
 }>;

package/dist/components/FpsCounter.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 export declare const FpsCounter: React.FC<{
-    playbackSpeed: number;
+    readonly playbackSpeed: number;
 }>;

package/dist/components/JSONViewer.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 export declare const JSONViewer: React.FC<{
-    src: string;
+    readonly src: string;
 }>;

package/dist/components/MediaVolumeProvider.d.ts

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

package/dist/components/Menu/MenuSubItem.d.ts

@@ -3,17 +3,17 @@ import React from 'react';
 import type { SubMenu } from '../NewComposition/ComboBox';
 export type SubMenuActivated = false | 'with-mouse' | 'without-mouse';
 export declare const MenuSubItem: React.FC<{
-    label: React.ReactNode;
-    id: string;
-    onActionChosen: (id: string, e: PointerEvent<HTMLDivElement>) => void;
-    selected: boolean;
-    onItemSelected: (id: string) => void;
-    keyHint: string | null;
-    leaveLeftSpace: boolean;
-    leftItem: React.ReactNode;
-    subMenu: SubMenu | null;
-    onQuitMenu: () => void;
-    onNextMenu: () => void;
-    subMenuActivated: SubMenuActivated;
-    setSubMenuActivated: React.Dispatch<React.SetStateAction<SubMenuActivated>>;
+    readonly label: React.ReactNode;
+    readonly id: string;
+    readonly onActionChosen: (id: string, e: PointerEvent<HTMLDivElement>) => void;
+    readonly selected: boolean;
+    readonly onItemSelected: (id: string) => void;
+    readonly keyHint: string | null;
+    readonly leaveLeftSpace: boolean;
+    readonly leftItem: React.ReactNode;
+    readonly subMenu: SubMenu | null;
+    readonly onQuitMenu: () => void;
+    readonly onNextMenu: () => void;
+    readonly subMenuActivated: SubMenuActivated;
+    readonly setSubMenuActivated: React.Dispatch<React.SetStateAction<SubMenuActivated>>;
 }>;

package/dist/components/Menu/SubMenu.d.ts

@@ -2,9 +2,9 @@ import React from 'react';
 import type { SubMenu } from '../NewComposition/ComboBox';
 import type { SubMenuActivated } from './MenuSubItem';
 export declare const SubMenuComponent: React.FC<{
-    portalStyle: React.CSSProperties;
-    subMenu: SubMenu;
-    onQuitFullMenu: () => void;
-    onQuitSubMenu: () => void;
-    subMenuActivated: SubMenuActivated;
+    readonly portalStyle: React.CSSProperties;
+    readonly subMenu: SubMenu;
+    readonly onQuitFullMenu: () => void;
+    readonly onQuitSubMenu: () => void;
+    readonly subMenuActivated: SubMenuActivated;
 }>;

package/dist/components/ModalsProvider.d.ts

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

package/dist/components/NewComposition/CancelButton.d.ts

@@ -1,5 +1,5 @@
 import type { SVGProps } from 'react';
 import React from 'react';
 export declare const CancelButton: React.FC<SVGProps<SVGSVGElement> & {
-    onPress: () => void;
+    readonly onPress: () => void;
 }>;

package/dist/components/NewComposition/DiffPreview.d.ts

@@ -10,5 +10,5 @@ export type CodemodStatus = {
     error: string;
 };
 export declare const CodemodDiffPreview: React.FC<{
-    status: CodemodStatus;
+    readonly status: CodemodStatus;
 }>;

package/dist/components/NewComposition/DuplicateComposition.js

@@ -46,7 +46,6 @@ const DuplicateCompositionLoaded = ({ initialType }) => {
         let prefix = numberAtEnd ? Number(numberAtEnd) : 1;
         const initialName = resolved.result.id.replace(/([0-9]+)$/, '');
         let currentName = initialName;
-        // eslint-disable-next-line no-constant-condition
         while (true) {
             currentName = initialName + prefix;
             const err = (0, validate_new_comp_data_1.validateCompositionName)(currentName, compositions);

package/dist/components/NewComposition/MenuContent.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
 import type { ComboboxValue } from './ComboBox';
 export declare const MenuContent: React.FC<{
-    values: ComboboxValue[];
-    onHide: () => void;
-    onNextMenu: () => void;
-    onPreviousMenu: () => void;
-    leaveLeftSpace: boolean;
-    preselectIndex: false | number;
-    topItemCanBeUnselected: boolean;
-    fixedHeight: number | null;
+    readonly values: ComboboxValue[];
+    readonly onHide: () => void;
+    readonly onNextMenu: () => void;
+    readonly onPreviousMenu: () => void;
+    readonly leaveLeftSpace: boolean;
+    readonly preselectIndex: false | number;
+    readonly topItemCanBeUnselected: boolean;
+    readonly fixedHeight: number | null;
 }>;

package/dist/components/NewComposition/NewCompDuration.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 export declare const NewCompDuration: React.FC<{
-    durationInFrames: number;
-    setDurationInFrames: React.Dispatch<React.SetStateAction<number>>;
+    readonly durationInFrames: number;
+    readonly setDurationInFrames: React.Dispatch<React.SetStateAction<number>>;
 }>;

package/dist/components/NewComposition/RemInput.d.ts

@@ -2,8 +2,8 @@ import type { PropsWithChildren } from 'react';
 import React from 'react';
 export type RemInputStatus = 'error' | 'warning' | 'ok';
 type Props = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> & {
-    status: RemInputStatus;
-    rightAlign: boolean;
+    readonly status: RemInputStatus;
+    readonly rightAlign: boolean;
 };
 export declare const INPUT_HORIZONTAL_PADDING = 8;
 export declare const RightAlignInput: React.FC<PropsWithChildren>;
@@ -12,6 +12,6 @@ export declare const getInputBorderColor: ({ status, isFocused, isHovered, }: {
     status: "error" | "warning" | "ok";
     isFocused: boolean;
     isHovered: boolean;
-}) => "hsla(0, 0%, 100%, 0.15)" | "#f1c40f" | "rgba(0, 0, 0, 0.6)" | "rgba(255, 255, 255, 0.05)" | "#ff3232";
+}) => "hsla(0, 0%, 100%, 0.15)" | "rgba(0, 0, 0, 0.6)" | "rgba(255, 255, 255, 0.05)" | "#ff3232" | "#f1c40f";
 export declare const RemotionInput: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export {};

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

@@ -1,8 +1,8 @@
 import React from 'react';
 import type { RemInputStatus } from './RemInput';
 type Props = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> & {
-    status: RemInputStatus;
-    name: string;
+    readonly status: RemInputStatus;
+    readonly name: string;
 };
 export declare const RemInputTypeColor: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export {};

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

@@ -1,6 +1,6 @@
 import React from 'react';
 type Props = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement> & {
-    status: 'error' | 'warning' | 'ok';
+    readonly status: 'error' | 'warning' | 'ok';
 };
 export declare const RemTextarea: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
 export {};

package/dist/components/NewComposition/ValidationMessage.d.ts

@@ -2,7 +2,7 @@ import type { SVGProps } from 'react';
 import React from 'react';
 export declare const WarningTriangle: React.FC<SVGProps<SVGSVGElement>>;
 export declare const ValidationMessage: React.FC<{
-    message: string;
-    align: 'flex-start' | 'flex-end';
-    type: 'warning' | 'error';
+    readonly message: string;
+    readonly align: 'flex-start' | 'flex-end';
+    readonly type: 'warning' | 'error';
 }>;

package/dist/components/Notifications/ColorDot.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 export declare const ColorDot: React.FC<{
-    color: string;
+    readonly color: string;
 }>;

package/dist/components/Notifications/Notification.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 export declare const Notification: React.FC<{
-    children: React.ReactNode;
-    created: number;
-    duration: number | null;
-    id: string;
-    onRemove: (id: string) => void;
+    readonly children: React.ReactNode;
+    readonly created: number;
+    readonly duration: number | null;
+    readonly id: string;
+    readonly onRemove: (id: string) => void;
 }>;

package/dist/components/PlaybackKeyboardShortcutsManager.d.ts

@@ -1,4 +1,4 @@
 import type React from 'react';
 export declare const PlaybackKeyboardShortcutsManager: React.FC<{
-    setPlaybackRate: React.Dispatch<React.SetStateAction<number>>;
+    readonly setPlaybackRate: React.Dispatch<React.SetStateAction<number>>;
 }>;

package/dist/components/PlaybackRateSelector.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 export declare const PlaybackRateSelector: React.FC<{
-    playbackRate: number;
-    setPlaybackRate: React.Dispatch<React.SetStateAction<number>>;
+    readonly playbackRate: number;
+    readonly setPlaybackRate: React.Dispatch<React.SetStateAction<number>>;
 }>;

package/dist/components/QuickSwitcher/NoResults.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 export type QuickSwitcherMode = 'commands' | 'compositions' | 'docs';
 export declare const QuickSwitcherNoResults: React.FC<{
-    query: string;
-    mode: QuickSwitcherMode;
+    readonly query: string;
+    readonly mode: QuickSwitcherMode;
 }>;

package/dist/components/QuickSwitcher/QuickSwitcher.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import type { QuickSwitcherMode } from './NoResults';
 declare const QuickSwitcher: React.FC<{
-    initialMode: QuickSwitcherMode;
-    invocationTimestamp: number;
-    readOnlyStudio: boolean;
+    readonly initialMode: QuickSwitcherMode;
+    readonly invocationTimestamp: number;
+    readonly readOnlyStudio: boolean;
 }>;
 export default QuickSwitcher;

package/dist/components/QuickSwitcher/QuickSwitcherContent.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { QuickSwitcherMode } from './NoResults';
 export declare const QuickSwitcherContent: React.FC<{
-    initialMode: QuickSwitcherMode;
-    invocationTimestamp: number;
-    readOnlyStudio: boolean;
+    readonly initialMode: QuickSwitcherMode;
+    readonly invocationTimestamp: number;
+    readonly readOnlyStudio: boolean;
 }>;

package/dist/components/QuickSwitcher/QuickSwitcherResult.d.ts

@@ -15,7 +15,7 @@ export type TQuickSwitcherResult = {
     onSelected: () => void;
 } & QuickSwitcherResultDetail;
 export declare const QuickSwitcherResult: React.FC<{
-    result: TQuickSwitcherResult;
-    selected: boolean;
+    readonly result: TQuickSwitcherResult;
+    readonly selected: boolean;
 }>;
 export {};

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

@@ -1,6 +1,6 @@
 import React from 'react';
 export declare const EnforceAudioTrackSetting: React.FC<{
-    enforceAudioTrack: boolean;
-    setEnforceAudioTrack: React.Dispatch<React.SetStateAction<boolean>>;
-    muted: boolean;
+    readonly enforceAudioTrack: boolean;
+    readonly setEnforceAudioTrack: React.Dispatch<React.SetStateAction<boolean>>;
+    readonly muted: boolean;
 }>;

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

@@ -1,11 +1,11 @@
 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;
+    readonly onEnvKeyChange: (index: number, newValue: string) => void;
+    readonly onEnvValChange: (index: number, newValue: string) => void;
+    readonly envKey: string;
+    readonly envVal: string;
+    readonly onDelete: (index: number) => void;
+    readonly index: number;
+    readonly autoFocus: boolean;
+    readonly isDuplicate: boolean;
 }>;

package/dist/components/RenderModal/FrameRangeSetting.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 export declare const FrameRangeSetting: React.FC<{
-    startFrame: number;
-    endFrame: number;
-    setEndFrame: React.Dispatch<React.SetStateAction<number | null>>;
-    setStartFrame: React.Dispatch<React.SetStateAction<number | null>>;
-    durationInFrames: number;
+    readonly startFrame: number;
+    readonly endFrame: number;
+    readonly setEndFrame: React.Dispatch<React.SetStateAction<number | null>>;
+    readonly setStartFrame: React.Dispatch<React.SetStateAction<number | null>>;
+    readonly durationInFrames: number;
 }>;

package/dist/components/RenderModal/GuiRenderStatus.d.ts

@@ -1,5 +1,5 @@
 import type { RenderJob } from '@remotion/studio-shared';
 import React from 'react';
 export declare const GuiRenderStatus: React.FC<{
-    job: RenderJob;
+    readonly job: RenderJob;
 }>;