@remotion/studio 4.0.374 → 4.0.376

package/dist/esm/renderEntry.mjs

@@ -158,19 +158,22 @@ var renderContent = (Root) => {
         defaultProResProfile: bundleMode.compositionDefaultProResProfile
       },
       initialCompositions: [],
-      children: /* @__PURE__ */ jsxs(Internals.RemotionRoot, {
+      children: /* @__PURE__ */ jsx(Internals.RemotionRootContexts, {
         frameState: null,
         audioEnabled: window.remotion_audioEnabled,
         videoEnabled: window.remotion_videoEnabled,
         logLevel: window.remotion_logLevel,
         numberOfAudioTags: 0,
         audioLatencyHint: window.remotion_audioLatencyHint ?? "interactive",
-        children: [
-          /* @__PURE__ */ jsx(Root, {}),
-          /* @__PURE__ */ jsx(GetVideoComposition, {
-            state: bundleMode
-          })
-        ]
+        children: /* @__PURE__ */ jsxs(Internals.RenderAssetManagerProvider, {
+          collectAssets: null,
+          children: [
+            /* @__PURE__ */ jsx(Root, {}),
+            /* @__PURE__ */ jsx(GetVideoComposition, {
+              state: bundleMode
+            })
+          ]
+        })
       })
     });
     renderToDOM(markup);
@@ -181,14 +184,17 @@ var renderContent = (Root) => {
       onlyRenderComposition: null,
       currentCompositionMetadata: null,
       initialCompositions: [],
-      children: /* @__PURE__ */ jsx(Internals.RemotionRoot, {
+      children: /* @__PURE__ */ jsx(Internals.RemotionRootContexts, {
         frameState: null,
         audioEnabled: window.remotion_audioEnabled,
         videoEnabled: window.remotion_videoEnabled,
         logLevel: window.remotion_logLevel,
         numberOfAudioTags: 0,
         audioLatencyHint: window.remotion_audioLatencyHint ?? "interactive",
-        children: /* @__PURE__ */ jsx(Root, {})
+        children: /* @__PURE__ */ jsx(Internals.RenderAssetManagerProvider, {
+          collectAssets: null,
+          children: /* @__PURE__ */ jsx(Root, {})
+        })
       })
     });
     renderToDOM(markup);
@@ -200,9 +206,10 @@ var renderContent = (Root) => {
     renderToDOM(/* @__PURE__ */ jsx("div", {
       children: /* @__PURE__ */ jsx(DelayedSpinner, {})
     }));
-    import("./chunk-df4kyjv3.js").then(({ StudioInternals }) => {
+    import("./chunk-fbkf30v3.js").then(({ StudioInternals }) => {
       window.remotion_isStudio = true;
       window.remotion_isReadOnlyStudio = true;
+      window.remotion_inputProps = "{}";
       Internals.enableSequenceStackTraces();
       renderToDOM(/* @__PURE__ */ jsx(StudioInternals.Studio, {
         readOnly: true,
@@ -271,7 +278,7 @@ if (typeof window !== "undefined") {
         compositionHeight: c.height ?? null,
         compositionWidth: c.width ?? null,
         signal: new AbortController().signal,
-        originalProps,
+        inputProps: originalProps,
         defaultProps: c.defaultProps ?? {},
         compositionId: c.id
       });
@@ -315,7 +322,7 @@ if (typeof window !== "undefined") {
       compositionFps: selectedComp.fps ?? null,
       compositionHeight: selectedComp.height ?? null,
       compositionWidth: selectedComp.width ?? null,
-      originalProps,
+      inputProps: originalProps,
       signal: abortController.signal,
       defaultProps: selectedComp.defaultProps ?? {},
       compositionId: selectedComp.id

package/dist/helpers/retry-payload.js

@@ -10,7 +10,7 @@ const makeRetryPayload = (job) => {
     }
     if (job.type === 'still') {
         return {
-            type: 'render',
+            type: 'server-render',
             compositionId: job.compositionId,
             initialFrame: job.frame,
             initialStillImageFormat: job.imageFormat,
@@ -61,7 +61,7 @@ const makeRetryPayload = (job) => {
     }
     if (job.type === 'sequence') {
         return {
-            type: 'render',
+            type: 'server-render',
             initialFrame: 0,
             compositionId: job.compositionId,
             initialVideoImageFormat: null,
@@ -112,7 +112,7 @@ const makeRetryPayload = (job) => {
     }
     if (job.type === 'video') {
         return {
-            type: 'render',
+            type: 'server-render',
             compositionId: job.compositionId,
             initialStillImageFormat: defaults.stillImageFormat,
             initialVideoImageFormat: job.imageFormat,

package/dist/renderEntry.js

@@ -185,11 +185,11 @@ const renderContent = (Root) => {
                 defaultVideoImageFormat: bundleMode.compositionDefaultVideoImageFormat,
                 defaultPixelFormat: bundleMode.compositionDefaultPixelFormat,
                 defaultProResProfile: bundleMode.compositionDefaultProResProfile,
-            }, initialCompositions: [], children: (0, jsx_runtime_1.jsxs)(remotion_1.Internals.RemotionRoot, { frameState: null, audioEnabled: window.remotion_audioEnabled, videoEnabled: window.remotion_videoEnabled, logLevel: window.remotion_logLevel, numberOfAudioTags: 0, audioLatencyHint: (_a = window.remotion_audioLatencyHint) !== null && _a !== void 0 ? _a : 'interactive', children: [(0, jsx_runtime_1.jsx)(Root, {}), (0, jsx_runtime_1.jsx)(GetVideoComposition, { state: bundleMode })] }) }));
+            }, initialCompositions: [], children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.RemotionRootContexts, { frameState: null, audioEnabled: window.remotion_audioEnabled, videoEnabled: window.remotion_videoEnabled, logLevel: window.remotion_logLevel, numberOfAudioTags: 0, audioLatencyHint: (_a = window.remotion_audioLatencyHint) !== null && _a !== void 0 ? _a : 'interactive', children: (0, jsx_runtime_1.jsxs)(remotion_1.Internals.RenderAssetManagerProvider, { collectAssets: null, children: [(0, jsx_runtime_1.jsx)(Root, {}), (0, jsx_runtime_1.jsx)(GetVideoComposition, { state: bundleMode })] }) }) }));
         renderToDOM(markup);
     }
     if (bundleMode.type === 'evaluation') {
-        const markup = ((0, jsx_runtime_1.jsx)(remotion_1.Internals.CompositionManagerProvider, { initialCanvasContent: null, onlyRenderComposition: null, currentCompositionMetadata: null, initialCompositions: [], children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.RemotionRoot, { frameState: null, audioEnabled: window.remotion_audioEnabled, videoEnabled: window.remotion_videoEnabled, logLevel: window.remotion_logLevel, numberOfAudioTags: 0, audioLatencyHint: (_b = window.remotion_audioLatencyHint) !== null && _b !== void 0 ? _b : 'interactive', children: (0, jsx_runtime_1.jsx)(Root, {}) }) }));
+        const markup = ((0, jsx_runtime_1.jsx)(remotion_1.Internals.CompositionManagerProvider, { initialCanvasContent: null, onlyRenderComposition: null, currentCompositionMetadata: null, initialCompositions: [], children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.RemotionRootContexts, { frameState: null, audioEnabled: window.remotion_audioEnabled, videoEnabled: window.remotion_videoEnabled, logLevel: window.remotion_logLevel, numberOfAudioTags: 0, audioLatencyHint: (_b = window.remotion_audioLatencyHint) !== null && _b !== void 0 ? _b : 'interactive', children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.RenderAssetManagerProvider, { collectAssets: null, children: (0, jsx_runtime_1.jsx)(Root, {}) }) }) }));
         renderToDOM(markup);
     }
     if (bundleMode.type === 'index') {
@@ -200,6 +200,7 @@ const renderContent = (Root) => {
         Promise.resolve().then(() => __importStar(require('./internals'))).then(({ StudioInternals }) => {
             window.remotion_isStudio = true;
             window.remotion_isReadOnlyStudio = true;
+            window.remotion_inputProps = '{}';
             remotion_1.Internals.enableSequenceStackTraces();
             renderToDOM((0, jsx_runtime_1.jsx)(StudioInternals.Studio, { readOnly: true, rootComponent: Root }));
         })
@@ -266,7 +267,7 @@ if (typeof window !== 'undefined') {
                 compositionHeight: (_d = c.height) !== null && _d !== void 0 ? _d : null,
                 compositionWidth: (_e = c.width) !== null && _e !== void 0 ? _e : null,
                 signal: new AbortController().signal,
-                originalProps,
+                inputProps: originalProps,
                 defaultProps: (_f = c.defaultProps) !== null && _f !== void 0 ? _f : {},
                 compositionId: c.id,
             });
@@ -315,7 +316,7 @@ if (typeof window !== 'undefined') {
             compositionFps: (_d = selectedComp.fps) !== null && _d !== void 0 ? _d : null,
             compositionHeight: (_e = selectedComp.height) !== null && _e !== void 0 ? _e : null,
             compositionWidth: (_f = selectedComp.width) !== null && _f !== void 0 ? _f : null,
-            originalProps,
+            inputProps: originalProps,
             signal: abortController.signal,
             defaultProps: (_g = selectedComp.defaultProps) !== null && _g !== void 0 ? _g : {},
             compositionId: selectedComp.id,

package/dist/state/modals.d.ts

@@ -7,8 +7,14 @@ import type { CompType } from '../components/NewComposition/DuplicateComposition
 import type { QuickSwitcherMode } from '../components/QuickSwitcher/NoResults';
 import type { RenderType } from '../components/RenderModal/RenderModalAdvanced';
 import type { Bug, UpdateInfo } from '../components/UpdateCheck';
+export type WebRenderModalState = {
+    type: 'web-render';
+    initialFrame: number;
+    compositionId: string;
+    defaultProps: Record<string, unknown>;
+};
 export type RenderModalState = {
-    type: 'render';
+    type: 'server-render';
     compositionId: string;
     initialFrame: number;
     initialStillImageFormat: StillImageFormat;
@@ -68,7 +74,7 @@ export type ModalState = {
     compositionId: string;
 } | {
     type: 'input-props-override';
-} | RenderModalState | {
+} | RenderModalState | WebRenderModalState | {
     type: 'render-progress';
     jobId: string;
 } | {

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio"
 	},
 	"name": "@remotion/studio",
-	"version": "4.0.374",
+	"version": "4.0.376",
 	"description": "APIs for interacting with the Remotion Studio",
 	"main": "dist",
 	"sideEffects": false,
@@ -25,14 +25,14 @@
 	},
 	"dependencies": {
 		"semver": "7.5.3",
-		"remotion": "4.0.374",
-		"@remotion/player": "4.0.374",
-		"@remotion/media-utils": "4.0.374",
-		"@remotion/renderer": "4.0.374",
-		"@remotion/web-renderer": "4.0.374",
-		"@remotion/studio-shared": "4.0.374",
-		"@remotion/zod-types": "4.0.374",
-		"mediabunny": "1.24.3",
+		"remotion": "4.0.376",
+		"@remotion/player": "4.0.376",
+		"@remotion/media-utils": "4.0.376",
+		"@remotion/renderer": "4.0.376",
+		"@remotion/web-renderer": "4.0.376",
+		"@remotion/studio-shared": "4.0.376",
+		"@remotion/zod-types": "4.0.376",
+		"mediabunny": "1.24.5",
 		"memfs": "3.4.3",
 		"source-map": "0.7.3",
 		"open": "^8.4.2",
@@ -42,7 +42,7 @@
 		"react": "19.0.0",
 		"react-dom": "19.0.0",
 		"@types/semver": "^7.3.4",
-		"@remotion/eslint-config-internal": "4.0.374",
+		"@remotion/eslint-config-internal": "4.0.376",
 		"eslint": "9.19.0"
 	},
 	"publishConfig": {