@remotion/studio 4.0.234 → 4.0.236

package/.turbo/turbo-formatting.log

@@ -0,0 +1,7 @@
+
+
+> @remotion/studio@4.0.235 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/CanvasIfSizeIsAvailable.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.235 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.232 make /Users/jonathanburger/remotion/packages/studio
+> @remotion/studio@4.0.235 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.235 test /Users/jonathanburger/remotion/packages/studio
+> bun test src
+
+bun test v1.1.38 (bf2f153f)
+
+src/test/stringify-default-props.test.ts:
+✓ Should stringify default props correctly [0.67ms]
+✓ Should stringify default props correctly [0.81ms]
+
+src/test/sequenced-timeline.test.ts:
+✓ Should calculate sequences correctly [1.97ms]
+
+src/test/create-zod-values.test.ts:
+✓ Should be able to create a string [2.43ms]
+✓ Should be able to create a number [0.09ms]
+✓ Should be able to create an object [0.09ms]
+✓ Should be able to create an array [0.07ms]
+✓ Should be able to create a union [0.08ms]
+✓ Zod literal [0.06ms]
+✓ Should be able to create a discriminated union [0.39ms]
+✓ Zod instanceof [0.09ms]
+✓ Zod intersection [0.18ms]
+✓ Zod tuples [0.09ms]
+✓ Zod record [0.07ms]
+✓ Zod map [0.08ms]
+✓ Zod lazy [0.03ms]
+✓ Zod set [0.09ms]
+✓ Zod function [0.09ms]
+✓ Zod undefined [0.04ms]
+✓ Zod null [0.05ms]
+✓ Zod enum [0.05ms]
+✓ Zod nativeEnum [0.05ms]
+✓ Zod optional [0.06ms]
+✓ Zod nullable [0.06ms]
+✓ Zod undefined [0.05ms]
+✓ Zod catch [0.05ms]
+✓ Zod promise [0.05ms]
+✓ Zod transform [0.04ms]
+✓ Zod branded [0.05ms]
+✓ Zod lazy [0.05ms]
+✓ Zod coerce [0.05ms]
+✓ Zod strict [0.05ms]
+✓ Should create a color [0.06ms]
+✓ 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
+✓ Should handle nested folders well [0.52ms]
+✓ Should throw if two folders with the same name [0.16ms]
+
+src/test/big-timeline.test.ts:
+✓ Should calculate timeline as expected [1.77ms]
+
+src/test/smooth-zoom.test.ts:
+✓ Smoothen zoom
+✓ Unsmoothen zoom [0.02ms]
+
+src/test/validate-gui-output-filename.test.ts:
+✓ Should catch dot after slash [0.29ms]
+✓ Should catch dot in front  [0.09ms]
+
+src/test/timeline-sequence-layout.test.ts:
+✓ Should test timeline sequence layout without max media duration [0.32ms]
+✓ Should test timeline sequence layout with max media duration [0.07ms]
+
+src/test/extract-zod-enums.test.ts:
+✓ Extract Zod enums [0.19ms]
+✓ Extract Zod enums #2 [0.82ms]
+
+src/test/color-math.test.ts:
+✓ Color math [0.46ms]
+
+src/test/format-time.test.ts:
+✓ Format time [0.10ms]
+
+src/test/timeline.test.ts:
+✓ Should calculate timeline with no sequences [0.03ms]
+✓ Should calculate a basic timeline [0.07ms]
+✓ Should follow order of nesting [0.10ms]
+
+ 51 pass
+ 0 fail
+ 67 expect() calls
+Ran 51 tests across 12 files. [57.00ms]

package/dist/components/CompositionSelector.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 export declare const getKeysToExpand: (initialFolderName: string, parentFolderName: string | null, initial?: string[]) => string[];
 export declare const compositionSelectorRef: React.RefObject<{
     expandComposition: (compName: string) => void;
-}>;
+} | null>;
 export declare const CompositionSelector: React.FC;

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

@@ -6,5 +6,5 @@ export declare const EditorRulers: React.FC<{
     readonly canvasSize: Size;
     readonly contentDimensions: Dimensions | 'none' | null;
     readonly assetMetadata: AssetMetadata | null;
-    readonly containerRef: React.RefObject<HTMLDivElement>;
+    readonly containerRef: React.RefObject<HTMLDivElement | null>;
 }>;

package/dist/components/ExplorerPanel.d.ts

@@ -1,7 +1,7 @@
 export declare const explorerSidebarTabs: import("react").RefObject<{
     selectAssetsPanel: () => void;
     selectCompositionPanel: () => void;
-}>;
+} | null>;
 export declare const ExplorerPanel: React.FC<{
     readOnlyStudio: boolean;
 }>;

package/dist/components/OptionsPanel.d.ts

@@ -3,7 +3,7 @@ type OptionsSidebarPanel = 'input-props' | 'renders';
 export declare const persistSelectedOptionsSidebarPanel: (panel: OptionsSidebarPanel) => void;
 export declare const optionsSidebarTabs: React.RefObject<{
     selectRendersPanel: () => void;
-}>;
+} | null>;
 export declare const OptionsPanel: React.FC<{
     readonly readOnlyStudio: boolean;
 }>;

package/dist/components/RenderModal/SchemaEditor/scroll-to-default-props-path.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 export declare const DEFAULT_PROPS_PATH_CLASSNAME = "__remotion-default-props-editor-label";
 export declare const DEFAULT_PROPS_PATH_ACTIVE_CLASSNAME = "__remotion-default-props-editor-label-active";
-export declare const defaultPropsEditorScrollableAreaRef: React.RefObject<HTMLDivElement>;
+export declare const defaultPropsEditorScrollableAreaRef: React.RefObject<HTMLDivElement | null>;

package/dist/components/RenderQueue/context.d.ts

@@ -11,7 +11,7 @@ type RenderQueueContextType = {
 export declare const RenderQueueContext: React.Context<RenderQueueContextType>;
 export declare const renderJobsRef: React.RefObject<{
     updateRenderJobs: (jobs: RenderJob[]) => void;
-}>;
+} | null>;
 export declare const RenderQueueContextProvider: React.FC<{
     readonly children: React.ReactNode;
 }>;

package/dist/components/Splitter/SplitterContext.d.ts

@@ -8,7 +8,7 @@ export type TSplitterContext = {
     flexValue: number;
     setFlexValue: React.Dispatch<React.SetStateAction<number>>;
     orientation: SplitterOrientation;
-    ref: React.RefObject<HTMLDivElement>;
+    ref: React.RefObject<HTMLDivElement | null>;
     maxFlex: number;
     minFlex: number;
     defaultFlex: number;

package/dist/components/TimeValue.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 export declare const timeValueRef: React.RefObject<{
     goToFrame: () => void;
-}>;
+} | null>;
 export declare const TimeValue: React.FC;

package/dist/components/Timeline/TimelineInOutPointer.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-export declare const inMarkerAreaRef: React.RefObject<HTMLDivElement>;
-export declare const outMarkerAreaRef: React.RefObject<HTMLDivElement>;
+export declare const inMarkerAreaRef: React.RefObject<HTMLDivElement | null>;
+export declare const outMarkerAreaRef: React.RefObject<HTMLDivElement | null>;
 export declare const TimelineInOutPointer: React.FC;

package/dist/components/Timeline/TimelineInOutPointerHandle.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-export declare const inPointerHandle: React.RefObject<HTMLDivElement>;
-export declare const outPointerHandle: React.RefObject<HTMLDivElement>;
+export declare const inPointerHandle: React.RefObject<HTMLDivElement | null>;
+export declare const outPointerHandle: React.RefObject<HTMLDivElement | null>;
 type Props = {
     readonly dragging: boolean;
     readonly type: 'in' | 'out';

package/dist/components/Timeline/TimelineSlider.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 export declare const redrawTimelineSliderFast: React.RefObject<{
     draw: (frame: number, width?: number) => void;
-}>;
+} | null>;
 export declare const TimelineSlider: React.FC;

package/dist/components/Timeline/timeline-refs.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-export declare const sliderAreaRef: React.RefObject<HTMLDivElement>;
-export declare const scrollableRef: React.RefObject<HTMLDivElement>;
-export declare const timelineVerticalScroll: React.RefObject<HTMLDivElement>;
+export declare const sliderAreaRef: React.RefObject<HTMLDivElement | null>;
+export declare const scrollableRef: React.RefObject<HTMLDivElement | null>;
+export declare const timelineVerticalScroll: React.RefObject<HTMLDivElement | null>;

package/dist/components/TimelineInOutToggle.d.ts

@@ -4,6 +4,6 @@ export declare const inOutHandles: React.RefObject<{
     inMarkClick: (e: KeyboardEvent | null) => void;
     outMarkClick: (e: KeyboardEvent | null) => void;
     clearMarks: () => void;
-}>;
+} | null>;
 export declare const defaultInOutValue: InOutValue;
 export declare const TimelineInOutPointToggle: React.FC;

package/dist/components/TopPanel.d.ts

@@ -3,6 +3,6 @@ export declare const useResponsiveSidebarStatus: () => "collapsed" | "expanded";
 export declare const TopPanel: React.FC<{
     readonly readOnlyStudio: boolean;
     readonly onMounted: () => void;
-    readonly drawRef: React.RefObject<HTMLDivElement>;
+    readonly drawRef: React.RefObject<HTMLDivElement | null>;
     readonly bufferStateDelayInMilliseconds: number;
 }>;

package/dist/error-overlay/remotion-overlay/Overlay.d.ts

@@ -3,7 +3,7 @@ type SetErrors = {
     setErrors: (errs: State) => void;
     addError: (err: Error) => void;
 };
-export declare const setErrorsRef: React.RefObject<SetErrors>;
+export declare const setErrorsRef: React.RefObject<SetErrors | null>;
 type State = {
     type: 'clear';
 } | {

package/dist/error-overlay/remotion-overlay/index.js

@@ -5,6 +5,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.mountRemotionOverlay = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+// In React 18, you should use createRoot() from "react-dom/client".
+// In React 18, you should use render from "react-dom".
+// We support both, but Webpack chooses both of them and normalizes them to "react-dom/client",
+// hence why we import the right thing all the time but need to differentiate here
 const client_1 = __importDefault(require("react-dom/client"));
 const Overlay_1 = require("./Overlay");
 const mountRemotionOverlay = () => {
@@ -12,6 +16,7 @@ const mountRemotionOverlay = () => {
         client_1.default.createRoot(document.getElementById('remotion-error-overlay')).render((0, jsx_runtime_1.jsx)(Overlay_1.Overlay, {}));
     }
     else {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         client_1.default.render((0, jsx_runtime_1.jsx)(Overlay_1.Overlay, {}), document.getElementById('remotion-error-overlay'));
     }
 };

package/dist/helpers/editor-ruler.d.ts

@@ -10,7 +10,7 @@ export declare const drawMarkingOnRulerCanvas: ({ scale, points, startMarking, o
     originOffset: number;
     markingGaps: number;
     orientation: "horizontal" | "vertical";
-    rulerCanvasRef: React.RefObject<HTMLCanvasElement>;
+    rulerCanvasRef: React.RefObject<HTMLCanvasElement | null>;
     selectedGuide: Guide | null;
     canvasWidth: number;
     canvasHeight: number;

package/dist/previewEntry.js

@@ -25,6 +25,7 @@ const renderToDOM = (content) => {
         if (no_react_1.NoReactInternals.ENABLE_V5_BREAKING_CHANGES) {
             throw new Error('Remotion 5.0 does only support React 18+. However, ReactDOM.createRoot() is undefined.');
         }
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         client_1.default.render(content, remotion_1.Internals.getPreviewDomElement());
         return;
     }

package/dist/state/canvas-ref.d.ts

@@ -1,2 +1,2 @@
-export declare const canvasRef: import("react").RefObject<HTMLDivElement>;
-export declare const drawRef: import("react").RefObject<HTMLDivElement>;
+export declare const canvasRef: import("react").RefObject<HTMLDivElement | null>;
+export declare const drawRef: import("react").RefObject<HTMLDivElement | null>;

package/dist/state/timeline-ref.d.ts

@@ -2,5 +2,5 @@ type TimelineRef = {
     collapseAll: () => void;
     expandAll: () => void;
 };
-export declare const timelineRef: import("react").RefObject<TimelineRef>;
+export declare const timelineRef: import("react").RefObject<TimelineRef | null>;
 export {};

package/package.json

@@ -3,7 +3,7 @@
     "url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio"
   },
   "name": "@remotion/studio",
-  "version": "4.0.234",
+  "version": "4.0.236",
   "description": "APIs for interacting with the Remotion Studio",
   "main": "dist",
   "sideEffects": false,
@@ -18,20 +18,20 @@
     "memfs": "3.4.3",
     "source-map": "0.7.3",
     "open": "^8.4.2",
-    "remotion": "4.0.234",
-    "@remotion/media-utils": "4.0.234",
-    "@remotion/player": "4.0.234",
-    "@remotion/renderer": "4.0.234",
-    "@remotion/studio-shared": "4.0.234"
+    "@remotion/media-utils": "4.0.236",
+    "remotion": "4.0.236",
+    "@remotion/player": "4.0.236",
+    "@remotion/renderer": "4.0.236",
+    "@remotion/studio-shared": "4.0.236"
   },
   "devDependencies": {
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
+    "react": "19.0.0",
+    "react-dom": "19.0.0",
     "@types/semver": "^7.3.4",
     "zod": "3.22.3",
     "eslint": "9.14.0",
-    "@remotion/zod-types": "4.0.234",
-    "@remotion/eslint-config-internal": "4.0.234"
+    "@remotion/zod-types": "4.0.236",
+    "@remotion/eslint-config-internal": "4.0.236"
   },
   "publishConfig": {
     "access": "public"