@remotion/studio 4.0.407 → 4.0.408

package/dist/esm/renderEntry.mjs

@@ -206,7 +206,7 @@ var renderContent = (Root) => {
     renderToDOM(/* @__PURE__ */ jsx("div", {
       children: /* @__PURE__ */ jsx(DelayedSpinner, {})
     }));
-    import("./chunk-b3crgnb3.js").then(({ StudioInternals }) => {
+    import("./chunk-yhf0gvmn.js").then(({ StudioInternals }) => {
       window.remotion_isStudio = true;
       window.remotion_isReadOnlyStudio = true;
       window.remotion_inputProps = "{}";

package/dist/helpers/document-title.d.ts

@@ -1,4 +1,4 @@
-import type { RenderJob } from '@remotion/studio-shared';
+import type { AnyRenderJob } from '../components/RenderQueue/context';
 export declare const setCurrentCanvasContentId: (id: string | null) => void;
 export declare const setUnsavedProps: (unsaved: boolean) => void;
-export declare const setRenderJobs: (jobs: RenderJob[]) => void;
+export declare const setRenderJobs: (jobs: AnyRenderJob[]) => void;

package/dist/helpers/document-title.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.setRenderJobs = exports.setUnsavedProps = exports.setCurrentCanvasContentId = void 0;
 const no_react_1 = require("remotion/no-react");
+const context_1 = require("../components/RenderQueue/context");
 let currentItemName = null;
 let unsavedProps = false;
 let tabInactive = false;
@@ -55,7 +56,15 @@ const getProgressInBrackets = (selectedCompositionId, jobs) => {
     if (currentRender.status !== 'running') {
         throw new Error('expected running job');
     }
-    const progInPercent = Math.ceil(currentRender.progress.value * 100);
+    let progInPercent;
+    if ((0, context_1.isClientRenderJob)(currentRender)) {
+        const { renderedFrames, totalFrames } = currentRender.progress;
+        progInPercent =
+            totalFrames > 0 ? Math.ceil((renderedFrames / totalFrames) * 100) : 0;
+    }
+    else {
+        progInPercent = Math.ceil(currentRender.progress.value * 100);
+    }
     const progressInBrackets = currentRender.compositionId === selectedCompositionId
         ? `[${progInPercent}%]`
         : `[${progInPercent}% ${currentRender.compositionId}]`;

package/dist/helpers/get-asset-metadata.js

@@ -9,12 +9,20 @@ const getSrcFromCanvasContent = (canvasContent) => {
     if (canvasContent.type === 'asset') {
         return (0, remotion_1.staticFile)(canvasContent.asset);
     }
-    if (canvasContent.type === 'composition') {
-        throw new Error('cannot get dimensions for composition');
-    }
     return exports.remotion_outputsBase + canvasContent.path;
 };
 const getAssetMetadata = async (canvasContent, addTime) => {
+    if (canvasContent.type === 'output-blob') {
+        return {
+            type: 'found',
+            size: canvasContent.sizeInBytes,
+            dimensions: { width: canvasContent.width, height: canvasContent.height },
+            fetchedAt: Date.now(),
+        };
+    }
+    if (canvasContent.type === 'composition') {
+        throw new Error('cannot get dimensions for composition');
+    }
     const src = getSrcFromCanvasContent(canvasContent);
     const file = await fetch(src, {
         method: 'HEAD',

package/dist/helpers/retry-payload.d.ts

@@ -1,3 +1,5 @@
 import type { RenderJob } from '@remotion/studio-shared';
-import type { RenderModalState } from '../state/modals';
+import type { ClientRenderJob } from '../components/RenderQueue/client-side-render-types';
+import type { RenderModalState, WebRenderModalState } from '../state/modals';
 export declare const makeRetryPayload: (job: RenderJob) => RenderModalState;
+export declare const makeClientRetryPayload: (job: ClientRenderJob) => WebRenderModalState;

package/dist/helpers/retry-payload.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.makeRetryPayload = void 0;
+exports.makeClientRetryPayload = exports.makeRetryPayload = void 0;
 const no_react_1 = require("remotion/no-react");
 const makeRetryPayload = (job) => {
     var _a, _b, _c, _d, _e;
@@ -167,3 +167,16 @@ const makeRetryPayload = (job) => {
     throw new Error(`Job ${JSON.stringify(job)} Not implemented`);
 };
 exports.makeRetryPayload = makeRetryPayload;
+const makeClientRetryPayload = (job) => {
+    return {
+        type: 'web-render',
+        compositionId: job.compositionId,
+        initialFrame: job.type === 'client-still' ? job.frame : 0,
+        initialLogLevel: job.logLevel,
+        initialLicenseKey: job.licenseKey,
+        defaultProps: job.inputProps,
+        inFrameMark: job.type === 'client-video' ? job.startFrame : null,
+        outFrameMark: job.type === 'client-video' ? job.endFrame : null,
+    };
+};
+exports.makeClientRetryPayload = makeClientRetryPayload;

package/dist/helpers/use-menu-structure.js

@@ -579,21 +579,23 @@ const useMenuStructure = (closeMenu, readOnlyStudio) => {
                 label: 'Tools',
                 leaveLeftPadding: false,
                 items: [
-                    {
-                        id: 'ask-ai',
-                        value: 'ask-ai',
-                        label: 'Ask AI',
-                        onClick: () => {
-                            var _a;
-                            closeMenu();
-                            (_a = AskAiModal_1.askAiModalRef.current) === null || _a === void 0 ? void 0 : _a.toggle();
-                        },
-                        leftItem: null,
-                        keyHint: `${ShortcutHint_1.cmdOrCtrlCharacter}+I`,
-                        subMenu: null,
-                        type: 'item',
-                        quickSwitcherLabel: 'Ask AI',
-                    },
+                    process.env.ASK_AI_ENABLED
+                        ? {
+                            id: 'ask-ai',
+                            value: 'ask-ai',
+                            label: 'Ask AI',
+                            onClick: () => {
+                                var _a;
+                                closeMenu();
+                                (_a = AskAiModal_1.askAiModalRef.current) === null || _a === void 0 ? void 0 : _a.toggle();
+                            },
+                            leftItem: null,
+                            keyHint: `${ShortcutHint_1.cmdOrCtrlCharacter}+I`,
+                            subMenu: null,
+                            type: 'item',
+                            quickSwitcherLabel: 'Ask AI',
+                        }
+                        : null,
                     'EyeDropper' in window
                         ? {
                             id: 'color-picker',

package/package.json

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