@remotion/studio 4.0.256 → 4.0.257

package/.turbo/turbo-formatting.log

@@ -0,0 +1,7 @@
+
+
+> @remotion/studio@4.0.253 formatting /Users/jonathanburger/remotion/packages/studio
+> prettier src --check
+
+Checking formatting...
+src/api/create-composition.tsxsrc/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/ZodTupleEditor.tsxsrc/components/RenderModal/SchemaEditor/ZodTupleItemEditor.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.253 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.255 make /Users/jonathanburger/remotion/packages/studio
+> @remotion/studio@4.0.256 make /Users/jonathanburger/remotion/packages/studio
 > tsc -d && bun --env-file=../.env.bundle bundle.ts
 

package/dist/api/install-package.d.ts

@@ -1,2 +1,2 @@
-import type { InstallPackageResponse, InstallablePackage } from '@remotion/studio-shared';
-export declare const installPackages: (packageNames: InstallablePackage[]) => Promise<InstallPackageResponse>;
+import type { InstallPackageResponse } from '@remotion/studio-shared';
+export declare const installPackages: (packageNames: string[]) => Promise<InstallPackageResponse>;

package/dist/components/InstallPackage.js

@@ -52,33 +52,7 @@ const text = {
 };
 const InstallPackageModal = ({ packageManager }) => {
     const [state, setState] = react_1.default.useState({ type: 'idle' });
-    const [map, setMap] = react_1.default.useState({
-        '@remotion/animated-emoji': false,
-        '@remotion/gif': false,
-        '@remotion/lottie': false,
-        '@remotion/media-utils': false,
-        '@remotion/animation-utils': false,
-        '@remotion/cloudrun': false,
-        '@remotion/google-fonts': false,
-        '@remotion/enable-scss': false,
-        '@remotion/lambda': false,
-        '@remotion/layout-utils': false,
-        '@remotion/media-parser': false,
-        '@remotion/motion-blur': false,
-        '@remotion/noise': false,
-        '@remotion/paths': false,
-        '@remotion/rive': false,
-        '@remotion/shapes': false,
-        '@remotion/skia': false,
-        '@remotion/studio': false,
-        '@remotion/tailwind': false,
-        '@remotion/tailwind-v4': false,
-        '@remotion/three': false,
-        '@remotion/transitions': false,
-        '@remotion/zod-types': false,
-        '@remotion/captions': false,
-        '@remotion/openai-whisper': false,
-    });
+    const [map, setMap] = react_1.default.useState({});
     const { previewServerState: ctx } = (0, react_1.useContext)(client_id_1.StudioServerConnectionCtx);
     const selectedPackages = Object.keys(map).filter((pkg) => map[pkg]);
     const onClick = (0, react_1.useCallback)(async () => {
@@ -119,11 +93,14 @@ const InstallPackageModal = ({ packageManager }) => {
             enter.unregister();
         };
     }, [disabled, onClick, registerKeybinding]);
-    return ((0, jsx_runtime_1.jsxs)(DismissableModal_1.DismissableModal, { children: [(0, jsx_runtime_1.jsx)(ModalHeader_1.ModalHeader, { title: "Install packages" }), (0, jsx_runtime_1.jsx)("div", { style: container, className: is_menu_item_1.VERTICAL_SCROLLBAR_CLASSNAME, children: state.type === 'done' ? ((0, jsx_runtime_1.jsxs)("div", { style: text, children: ["Installed package", selectedPackages.length === 1 ? '' : 's', ' ', "successfully. Restart the server to complete."] })) : state.type === 'restarting' ? ((0, jsx_runtime_1.jsx)("div", { style: text, children: "Restarting the Studio server..." })) : state.type === 'installing' ? ((0, jsx_runtime_1.jsxs)("div", { style: text, children: ["Installing package", selectedPackages.length === 1 ? '' : 's', ". Check your terminal for progress."] })) : ((0, jsx_runtime_1.jsx)("div", { style: text, children: studio_shared_1.listOfInstallableRemotionPackages.map((pkg) => {
+    return ((0, jsx_runtime_1.jsxs)(DismissableModal_1.DismissableModal, { children: [(0, jsx_runtime_1.jsx)(ModalHeader_1.ModalHeader, { title: "Install packages" }), (0, jsx_runtime_1.jsx)("div", { style: container, className: is_menu_item_1.VERTICAL_SCROLLBAR_CLASSNAME, children: state.type === 'done' ? ((0, jsx_runtime_1.jsxs)("div", { style: text, children: ["Installed package", selectedPackages.length === 1 ? '' : 's', ' ', "successfully. Restart the server to complete."] })) : state.type === 'restarting' ? ((0, jsx_runtime_1.jsx)("div", { style: text, children: "Restarting the Studio server..." })) : state.type === 'installing' ? ((0, jsx_runtime_1.jsxs)("div", { style: text, children: ["Installing package", selectedPackages.length === 1 ? '' : 's', ". Check your terminal for progress."] })) : ((0, jsx_runtime_1.jsx)("div", { style: text, children: Object.entries(studio_shared_1.installableMap)
+                        .filter(([, install]) => install)
+                        .map(([pkgShort]) => {
                         var _a, _b;
+                        const pkg = pkgShort === 'core' ? 'remotion' : `@remotion/${pkgShort}`;
                         const isInstalled = (_b = (_a = window.remotion_installedPackages) === null || _a === void 0 ? void 0 : _a.includes(pkg)) !== null && _b !== void 0 ? _b : false;
-                        const link = studio_shared_1.apiDocs[pkg.replace('@remotion/', '')];
-                        const description = studio_shared_1.descriptions[pkg.replace('@remotion/', '')];
+                        const link = studio_shared_1.apiDocs[pkgShort];
+                        const description = studio_shared_1.descriptions[pkgShort];
                         if (!link) {
                             throw new Error('No link for ' + pkg);
                         }

package/dist/esm/internals.mjs

@@ -19831,11 +19831,7 @@ var GlobalKeybindings = () => {
 import { useContext as useContext78 } from "react";
 
 // src/components/InstallPackage.tsx
-import {
-  apiDocs,
-  descriptions,
-  listOfInstallableRemotionPackages
-} from "@remotion/studio-shared";
+import { apiDocs, descriptions, installableMap } from "@remotion/studio-shared";
 import React137, { useCallback as useCallback94, useContext as useContext68, useEffect as useEffect62 } from "react";
 import { VERSION as VERSION2 } from "remotion";
 
@@ -20033,33 +20029,7 @@ var text2 = {
 };
 var InstallPackageModal = ({ packageManager }) => {
   const [state, setState] = React137.useState({ type: "idle" });
-  const [map, setMap] = React137.useState({
-    "@remotion/animated-emoji": false,
-    "@remotion/gif": false,
-    "@remotion/lottie": false,
-    "@remotion/media-utils": false,
-    "@remotion/animation-utils": false,
-    "@remotion/cloudrun": false,
-    "@remotion/google-fonts": false,
-    "@remotion/enable-scss": false,
-    "@remotion/lambda": false,
-    "@remotion/layout-utils": false,
-    "@remotion/media-parser": false,
-    "@remotion/motion-blur": false,
-    "@remotion/noise": false,
-    "@remotion/paths": false,
-    "@remotion/rive": false,
-    "@remotion/shapes": false,
-    "@remotion/skia": false,
-    "@remotion/studio": false,
-    "@remotion/tailwind": false,
-    "@remotion/tailwind-v4": false,
-    "@remotion/three": false,
-    "@remotion/transitions": false,
-    "@remotion/zod-types": false,
-    "@remotion/captions": false,
-    "@remotion/openai-whisper": false
-  });
+  const [map, setMap] = React137.useState({});
   const { previewServerState: ctx } = useContext68(StudioServerConnectionCtx);
   const selectedPackages = Object.keys(map).filter((pkg) => map[pkg]);
   const onClick = useCallback94(async () => {
@@ -20126,10 +20096,11 @@ var InstallPackageModal = ({ packageManager }) => {
           ]
         }) : /* @__PURE__ */ jsx198("div", {
           style: text2,
-          children: listOfInstallableRemotionPackages.map((pkg) => {
+          children: Object.entries(installableMap).filter(([, install]) => install).map(([pkgShort]) => {
+            const pkg = pkgShort === "core" ? "remotion" : `@remotion/${pkgShort}`;
             const isInstalled = window.remotion_installedPackages?.includes(pkg) ?? false;
-            const link = apiDocs[pkg.replace("@remotion/", "")];
-            const description = descriptions[pkg.replace("@remotion/", "")];
+            const link = apiDocs[pkgShort];
+            const description = descriptions[pkgShort];
             if (!link) {
               throw new Error("No link for " + pkg);
             }

package/package.json

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