@remotion/studio 4.0.362 → 4.0.364

package/.turbo/turbo-formatting.log

@@ -1,4 +1,4 @@
 
 $ prettier --experimental-cli src --check
-[?25l- Checking formatting...\ Checking formatting...| Checking formatting.../ Checking formatting...- Checking formatting...\ Checking formatting...| Checking formatting.../ Checking formatting...- Checking formatting...\ Checking formatting...| Checking formatting.../ Checking formatting...- Checking formatting...\ Checking formatting...| Checking formatting.../ Checking formatting...- Checking formatting...\ Checking formatting...| Checking formatting.../ Checking formatting...- Checking formatting...\ Checking formatting...| Checking formatting.../ Checking formatting...- Checking formatting...\ Checking formatting...| Checking formatting.../ Checking formatting...- Checking formatting...\ Checking formatting...| Checking formatting.../ Checking formatting...- Checking formatting...\ Checking formatting...| Checking formatting.../ Checking formatting...- Checking formatting...\ Checking formatting...| Checking formatting.../ Checking formatting...- Checking formatting...\ Checking formatting...| Checking formatting.../ src/internals.ts- src/internals.ts\ src/internals.ts| src/internals.ts/ src/internals.ts- src/internals.ts\ src/internals.ts| src/internals.ts/ src/internals.ts- src/api/play.ts\ src/api/play.ts| src/api/delete-static-file.ts/ src/Studio.tsx- src/api/get-zod-schema-from-primitive.ts\ src/api/write-static-file.ts| src/api/write-static-file.ts/ src/api/write-static-file.ts- src/api/write-static-file.ts\ src/api/write-static-file.ts| src/api/watch-static-file.ts/ src/api/watch-static-file.ts- src/api/watch-static-file.ts\ src/api/watch-static-file.ts| src/api/watch-static-file.ts/ src/components/AskAiModal.tsx- src/components/AskAiModal.tsx\ src/components/CheckboardToggle.tsx| src/components/CheckboardToggle.tsx/ src/components/CheckboardToggle.tsx- src/api/seek.ts\ src/api/update-default-props.ts| src/components/Checkbox.tsx/ src/components/Checkbox.tsx- src/components/CanvasIfSizeIsAvailable.tsx\ src/components/CanvasIfSizeIsAvailable.tsx| src/components/CanvasIfSizeIsAvailable.tsx/ src/components/CanvasIfSizeIsAvailable.tsx- src/components/CopyButton.tsx\ src/components/CopyButton.tsx| src/components/AssetSelector.tsx/ src/components/CheckerboardProvider.tsx- src/components/EditorContent.tsx\ src/components/ContextMenu.tsx| src/components/ContextMenu.tsx/ src/components/CompSelectorRef.tsx- src/components/FramePersistor.tsx\ src/components/GlobalKeybindings.tsx| src/components/ExplorerPanel.tsx/ src/components/InitialCompositionLoader.tsx- src/components/InstallablePackage.tsx\ src/components/Editor.tsx| src/components/FullscreenToggle.tsx/ src/api/reevaluate-composition.ts- src/components/ModalFooter.tsx\ src/components/MobilePanel.tsx| src/components/PlayBeepSound.tsx/ src/components/NoRegisterRoot.tsx- src/components/PlaybackRateSelector.tsx\ src/components/ShowRulersProvider.tsx| src/components/RenderPreview.tsx/ src/components/TextViewer.tsx- src/components/PlayPause.tsx\ src/components/PlayPause.tsx| src/components/RenderButton.tsx/ src/error-overlay/entry-basic.ts- src/components/ZoomPersistor.tsx\ src/helpers/calculate-timeline.ts| src/helpers/calculate-timeline.ts/ src/components/load-canvas-content-from-url.ts- src/helpers/create-folder-tree.ts\ src/helpers/copy-text.ts| src/helpers/get-timeline-nestedness.ts/ src/components/TimelineInOutToggle.tsx- src/helpers/editor-ruler.ts\ src/helpers/persist-open-folders.tsx| src/helpers/smooth-zoom.ts/ src/helpers/use-max-media-duration.ts- src/helpers/use-file-existence.ts\ src/helpers/noop.ts| src/icons/audio.tsx/ src/helpers/validate-new-comp-data.ts- src/icons/render.tsx\ src/state/input-dragger-click-lock.ts| src/state/keybindings.tsx/ src/icons/plus.tsx- src/test/format-time.test.ts\ src/test/color-math.test.ts| src/helpers/use-menu-structure.tsx/ src/components/EditorRuler/use-is-ruler-visible.ts- src/components/EditorGuides/index.tsx\ src/components/EditorGuides/index.tsx| src/state/modals.ts/ src/components/Menu/portals.ts- src/components/NewComposition/DismissableModal.tsx\ src/components/NewComposition/DiffPreview.tsx| src/components/NewComposition/DeleteComposition.tsx/ src/components/NewComposition/InputDragger.tsx- src/components/Menu/MenuSubItem.tsx\ src/components/Notifications/ServerDisconnected.tsx| src/components/NewComposition/RemInputTypeColor.tsx/ src/components/NewComposition/RemInputTypeColor.tsx- src/components/NewComposition/render-aspect-ratio.tsx\ src/components/QuickSwitcher/fuzzy-search.ts| src/components/QuickSwitcher/fuzzy-search.ts/ src/components/NewComposition/ComboBox.tsx- src/components/RenderModal/CliCopyButton.tsx\ src/components/RenderModal/EnforceAudioTrackSetting.tsx| src/components/RenderModal/FrameRangeSetting.tsx/ src/components/RenderModal/FrameRangeSetting.tsx- src/components/RenderModal/NumberOfLoopsSetting.tsx\ src/components/RenderModal/RenderModalGif.tsx| src/components/RenderModal/OptionExplainerBubble.tsx/ src/components/RenderModal/OptionExplainer.tsx- src/components/RenderModal/RenderModalAdvanced.tsx\ src/components/RenderModal/WarningIndicatorButton.tsx| src/components/RenderModal/RenderModalBasic.tsx/ src/components/RenderModal/out-name-checker.ts- src/components/RenderModal/GuiRenderStatus.tsx\ src/components/RenderModal/RenderModalJSONPropsEditor.tsx| src/components/RenderQueue/RenderQueueError.tsx/ src/components/RenderQueue/RenderQueueOpenInFolder.tsx- src/components/RenderQueue/item-style.ts\ src/components/Splitter/SplitterContext.tsx| src/components/Splitter/SplitterContext.tsx/ src/components/Splitter/SplitterContext.tsx- src/components/Timeline/LoopedIndicator.tsx\ src/components/Timeline/MaxTimelineTracks.tsx| src/components/Timeline/TimelineList.tsx/ src/components/Tabs/vertical.tsx- src/components/Timeline/TimelineTracks.tsx\ src/components/Timeline/imperative-state.ts| src/components/UpdateModal/OpenIssueButton.tsx/ src/components/Timeline/is-collapsed.ts- src/components/WebRender/TriggerWebRender.tsx\ src/components/VisualControls/get-original-stack-trace.ts| src/components/Timeline/TimelineTimeIndicators.tsx/ src/components/Timeline/TimelineVideoInfo.tsx- src/error-overlay/react-overlay/listen-to-runtime-errors.ts\ src/error-overlay/remotion-overlay/Retry.tsx| src/error-overlay/remotion-overlay/format-location.ts/ src/error-overlay/remotion-overlay/get-help-link.ts- src/components/RenderModal/SchemaEditor/SchemaLabel.tsx\ src/components/RenderModal/SchemaEditor/SchemaErrorMessages.tsx| src/components/Timeline/TimelineDragHandler.tsx/ src/components/RenderModal/SchemaEditor/Fieldset.tsx- src/error-overlay/remotion-overlay/ErrorMessage.tsx\ src/components/VisualControls/VisualControlHandle.tsx| src/components/RenderModal/SchemaEditor/SchemaVerticalGuide.tsx/ src/components/RenderModal/SchemaEditor/ZodFieldValidation.tsx- src/components/RenderModal/SchemaEditor/ZodNonEditableValue.tsx\ src/components/RenderModal/SchemaEditor/ZodNonEditableValue.tsx| src/components/RenderModal/SchemaEditor/ZodTupleItemEditor.tsx/ src/components/RenderModal/SchemaEditor/deep-equal.ts- src/components/RenderModal/SchemaEditor/scroll-to-default-props-path.ts\ src/components/RenderModal/SchemaEditor/ZodStaticFileEditor.tsx| src/components/RenderModal/SchemaEditor/ZodObjectEditor.tsx/ src/components/RenderModal/SchemaEditor/local-state.tsx- src/error-overlay/react-overlay/utils/get-stack-frames.ts\ src/components/RenderModal/SchemaEditor/ZodUnionEditor.tsx| src/components/RenderModal/SchemaEditor/create-zod-values.ts/ src/error-overlay/react-overlay/utils/parser.ts- src/error-overlay/react-overlay/utils/parser.ts\ src/components/RenderModal/SchemaEditor/ZodSwitch.tsx[?25hChecking formatting...
+[?25l- Checking formatting...\ Checking formatting...| Checking formatting.../ Checking formatting...- Checking formatting...\ Checking formatting...| Checking formatting.../ Checking formatting...- Checking formatting...\ Checking formatting...| Checking formatting.../ Checking formatting...- Checking formatting...\ Checking formatting...| Checking formatting.../ Checking formatting...- Checking formatting...\ Checking formatting...| Checking formatting.../ Checking formatting...- Checking formatting...\ Checking formatting...| Checking formatting.../ Checking formatting...- Checking formatting...\ Checking formatting...| Checking formatting.../ Checking formatting...- Checking formatting...\ Checking formatting...| src/api/get-zod-schema-from-primitive.ts/ src/index.ts- src/index.ts\ src/api/reevaluate-composition.ts| src/api/go-to-composition.ts/ src/api/visual-control.ts- src/api/update-default-props.ts\ src/api/update-default-props.ts| src/api/update-default-props.ts/ src/api/toggle.ts- src/api/save-default-props.ts\ src/components/AssetSelectorItem.tsx| src/components/CheckboardToggle.tsx/ src/components/Checkbox.tsx- src/components/CheckerboardProvider.tsx\ src/components/ControlButton.tsx| src/components/FilePreview.tsx/ src/components/ExplorerPanel.tsx- src/components/FullscreenToggle.tsx\ src/components/CompositionSelector.tsx| src/components/CompSelectorRef.tsx/ src/components/ModalFooter.tsx- src/components/KeyboardShortcutsExplainer.tsx\ src/components/KeyboardShortcutsExplainer.tsx| src/components/InstallablePackage.tsx/ src/components/ModalContainer.tsx- src/components/RenderPreview.tsx\ src/components/MenuToolbar.tsx| src/components/EditorContexts.tsx/ src/components/ModalButton.tsx- src/components/SegmentedControl.tsx\ src/components/ZoomPersistor.tsx| src/components/ShowGuidesProvider.tsx/ src/helpers/client-id.tsx- src/components/ZoomGesturesProvider.tsx\ src/helpers/frame-database.ts| src/helpers/persist-open-folders.tsx/ src/helpers/get-git-menu-item.ts- src/helpers/use-keybinding.ts\ src/icons/data.tsx| src/icons/media-volume.tsx/ src/state/folders.tsx- src/state/in-out.ts\ src/test/disable-browser-rendering.test.ts| src/test/timeline-sequence-layout.test.ts/ src/test/create-zod-values.test.ts- src/components/Menu/styles.ts\ src/components/Notifications/ColorDot.tsx| src/components/NewComposition/InputDragger.tsx/ src/components/RenderModal/OptionExplainer.tsx- src/components/QuickSwitcher/QuickSwitcherContent.tsx\ src/components/RenderModal/RenderModalOutputName.tsx| src/components/RenderModal/RenderModalJSONPropsEditor.tsx/ src/components/RenderModal/ResolveCompositionBeforeModal.tsx- src/components/RenderQueue/RenderQueueOutputName.tsx\ src/components/RenderQueue/actions.ts| src/components/RenderQueue/RenderQueueRepeat.tsx/ src/components/Timeline/TimelineWidthProvider.tsx- src/components/VisualControls/ClickableFileName.tsx\ src/components/VisualControls/get-original-stack-trace.ts| src/components/WebRender/TriggerWebRender.tsx/ src/error-overlay/remotion-overlay/Overlay.tsx- src/components/RenderModal/SchemaEditor/SchemaEditor.tsx\ src/components/RenderModal/SchemaEditor/ZodColorEditor.tsx| src/components/RenderModal/SchemaEditor/ZodDefaultEditor.tsx/ src/components/RenderModal/SchemaEditor/ZodMatrixEditor.tsx- src/components/RenderModal/SchemaEditor/ZodDateEditor.tsx\ src/components/RenderModal/SchemaEditor/SchemaVerticalGuide.tsx| src/error-overlay/react-overlay/effects/unhandled-error.ts[?25hChecking formatting...
 [?25hAll matched files use Prettier code style!

package/.turbo/turbo-make.log

@@ -1,3 +1,3 @@
 
 $ tsc -d && bun --env-file=../.env.bundle bundle.ts
-[74.37ms] Generated.
+[56.82ms] Generated.

package/dist/Studio.js

@@ -17,7 +17,7 @@ const Studio = ({ rootComponent, readOnly }) => {
     (0, react_1.useLayoutEffect)(() => {
         (0, inject_css_1.injectCSS)();
     }, []);
-    return ((0, jsx_runtime_1.jsx)(remotion_1.Internals.RemotionRoot, { logLevel: window.remotion_logLevel, numberOfAudioTags: window.remotion_numberOfAudioTags, onlyRenderComposition: null, currentCompositionMetadata: null, audioLatencyHint: (_a = window.remotion_audioLatencyHint) !== null && _a !== void 0 ? _a : 'interactive', children: (0, jsx_runtime_1.jsxs)(EditorContexts_1.EditorContexts, { readOnlyStudio: readOnly, children: [(0, jsx_runtime_1.jsx)(Editor_1.Editor, { readOnlyStudio: readOnly, Root: rootComponent }), readOnly
+    return ((0, jsx_runtime_1.jsx)(remotion_1.Internals.RemotionRoot, { audioEnabled: window.remotion_audioEnabled, videoEnabled: window.remotion_videoEnabled, logLevel: window.remotion_logLevel, numberOfAudioTags: window.remotion_numberOfAudioTags, onlyRenderComposition: null, currentCompositionMetadata: null, audioLatencyHint: (_a = window.remotion_audioLatencyHint) !== null && _a !== void 0 ? _a : 'interactive', children: (0, jsx_runtime_1.jsxs)(EditorContexts_1.EditorContexts, { readOnlyStudio: readOnly, children: [(0, jsx_runtime_1.jsx)(Editor_1.Editor, { readOnlyStudio: readOnly, Root: rootComponent }), readOnly
                     ? null
                     : (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(ServerDisconnected_1.ServerDisconnected, {}), getServerDisconnectedDomElement())] }) }));
 };

package/dist/components/WebRender/TriggerWebRender.js

@@ -6,6 +6,7 @@ const web_renderer_1 = require("@remotion/web-renderer");
 const react_1 = require("react");
 const remotion_1 = require("remotion");
 const Button_1 = require("../Button");
+const imperative_state_1 = require("../Timeline/imperative-state");
 const button = {
     paddingLeft: 7,
     paddingRight: 7,
@@ -14,18 +15,20 @@ const button = {
 };
 const TriggerWebRender = () => {
     const video = remotion_1.Internals.useVideo();
+    const frame = (0, imperative_state_1.getCurrentFrame)();
     const onClick = (0, react_1.useCallback)(() => {
         if (!video) {
             throw new Error('No video found');
         }
-        (0, web_renderer_1.renderMediaOnWeb)({
+        (0, web_renderer_1.renderStillOnWeb)({
             Component: video.component,
             width: video.width,
             height: video.height,
             fps: video.fps,
             durationInFrames: video.durationInFrames,
+            frame,
         });
-    }, [video]);
+    }, [video, frame]);
     return ((0, jsx_runtime_1.jsx)(Button_1.Button, { id: "render-modal-button", onClick: onClick, buttonContainerStyle: button, disabled: false, children: (0, jsx_runtime_1.jsx)("span", { children: "Render" }) }));
 };
 exports.TriggerWebRender = TriggerWebRender;