@remotion/studio 4.0.520 → 4.0.521

package/dist/esm/renderEntry.mjs

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

package/dist/helpers/get-preview-file-type.js

@@ -6,9 +6,28 @@ const getPreviewFileType = (fileName) => {
     if (!fileName) {
         return 'other';
     }
-    const audioExtensions = ['mp3', 'wav', 'ogg', 'aac'];
-    const videoExtensions = ['mp4', 'avi', 'mkv', 'mov', 'webm'];
-    const imageExtensions = ['jpg', 'jpeg', 'png', 'apng', 'gif', 'bmp', 'webp'];
+    const audioExtensions = ['mp3', 'wav', 'ogg', 'aac', 'm4a', 'flac'];
+    const videoExtensions = [
+        'mp4',
+        'avi',
+        'mkv',
+        'mov',
+        'webm',
+        'm4v',
+        'ts',
+        'm2ts',
+        'm3u8',
+    ];
+    const imageExtensions = [
+        'jpg',
+        'jpeg',
+        'png',
+        'apng',
+        'gif',
+        'bmp',
+        'webp',
+        'svg',
+    ];
     const fontExtensions = ['woff', 'woff2', 'ttf', 'otf', 'eot'];
     const fileExtension = (_a = fileName.split('.').pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase();
     if (fileExtension === undefined) {

package/dist/helpers/inserted-element-selection.d.ts

@@ -1,10 +1,11 @@
 import type { SequenceNodePath } from 'remotion';
 export type PendingInsertedElementSelection = {
     compositionId: string;
+    notification: string | null;
     nodePath: {
         absolutePath: string;
         nodePath: SequenceNodePath;
-    };
+    } | null;
 };
 export declare const requestInsertedElementSelection: (selection: PendingInsertedElementSelection) => void;
 export declare const clearInsertedElementSelection: (selection: PendingInsertedElementSelection) => void;

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

@@ -212,7 +212,7 @@ const getRenderMenuItems = ({ closeMenu, previewServerState, readOnlyStudio, })
         {
             id: 'render-on-web',
             value: 'render-on-web',
-            label: 'Render on web...',
+            label: 'Render in browser...',
             onClick: () => {
                 closeMenu();
                 const renderButton = document.getElementById('render-modal-button-client');
@@ -222,7 +222,7 @@ const getRenderMenuItems = ({ closeMenu, previewServerState, readOnlyStudio, })
             keyHint: null,
             leftItem: null,
             subMenu: null,
-            quickSwitcherLabel: 'Render on web...',
+            quickSwitcherLabel: 'Render in browser...',
         },
         {
             type: 'divider',

package/dist/index.d.ts

@@ -7,6 +7,7 @@ export { pause } from './api/pause';
 export { play } from './api/play';
 export { reevaluateComposition } from './api/reevaluate-composition';
 export { restartStudio } from './api/restart-studio';
+export { shutDownStudio } from './api/shut-down-studio';
 export { saveDefaultProps } from './api/save-default-props';
 export { seek } from './api/seek';
 export { toggle } from './api/toggle';

package/dist/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.StudioInternals = exports.writeStaticFile = exports.watchStaticFile = exports.watchPublicFolder = exports.visualControl = exports.updateDefaultProps = exports.toggle = exports.seek = exports.saveDefaultProps = exports.restartStudio = exports.reevaluateComposition = exports.play = exports.pause = exports.goToComposition = exports.getStaticFiles = exports.focusDefaultPropsPath = exports.deleteStaticFile = void 0;
+exports.StudioInternals = exports.writeStaticFile = exports.watchStaticFile = exports.watchPublicFolder = exports.visualControl = exports.updateDefaultProps = exports.toggle = exports.seek = exports.saveDefaultProps = exports.shutDownStudio = exports.restartStudio = exports.reevaluateComposition = exports.play = exports.pause = exports.goToComposition = exports.getStaticFiles = exports.focusDefaultPropsPath = exports.deleteStaticFile = void 0;
 const create_composition_1 = require("./api/create-composition");
 const CodingAgentIcon_1 = require("./components/CodingAgentIcon");
 const editor_1 = require("./icons/editor");
@@ -22,6 +22,8 @@ const reevaluate_composition_1 = require("./api/reevaluate-composition");
 Object.defineProperty(exports, "reevaluateComposition", { enumerable: true, get: function () { return reevaluate_composition_1.reevaluateComposition; } });
 const restart_studio_1 = require("./api/restart-studio");
 Object.defineProperty(exports, "restartStudio", { enumerable: true, get: function () { return restart_studio_1.restartStudio; } });
+const shut_down_studio_1 = require("./api/shut-down-studio");
+Object.defineProperty(exports, "shutDownStudio", { enumerable: true, get: function () { return shut_down_studio_1.shutDownStudio; } });
 const save_default_props_1 = require("./api/save-default-props");
 Object.defineProperty(exports, "saveDefaultProps", { enumerable: true, get: function () { return save_default_props_1.saveDefaultProps; } });
 const seek_1 = require("./api/seek");

package/dist/state/modals.d.ts

@@ -118,13 +118,11 @@ export type CanvasCaptureImport = {
 };
 export type ElementInstallPlan = {
     readonly compositionFile: string;
-    readonly filePath: string;
     readonly expectedFileState: ElementInstallExpectedFileState;
 };
 export type ElementInstallModalState = {
     readonly type: 'element-install';
     readonly currentPlan: ElementInstallPlan | null;
-    readonly dependenciesToReview: string[];
     readonly missingPackages: string[];
     readonly newPlan: ElementInstallPlan;
     readonly onClose: () => void;

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio"
 	},
 	"name": "@remotion/studio",
-	"version": "4.0.520",
+	"version": "4.0.521",
 	"description": "APIs for interacting with the Remotion Studio",
 	"main": "dist",
 	"scripts": {
@@ -25,25 +25,25 @@
 	},
 	"dependencies": {
 		"@tanstack/react-virtual": "3.14.9",
-		"@remotion/canvas": "4.0.520",
-		"@remotion/studio-protocol": "4.0.520",
-		"@remotion/studio-codemods": "4.0.520",
+		"@remotion/canvas": "4.0.521",
+		"@remotion/studio-protocol": "4.0.521",
+		"@remotion/studio-codemods": "4.0.521",
 		"semver": "7.5.3",
-		"remotion": "4.0.520",
-		"@remotion/captions": "4.0.520",
-		"@remotion/media": "4.0.520",
-		"@remotion/player": "4.0.520",
-		"@remotion/media-utils": "4.0.520",
-		"@remotion/renderer": "4.0.520",
-		"@remotion/web-renderer": "4.0.520",
-		"@remotion/studio-shared": "4.0.520",
-		"@remotion/timeline-utils": "4.0.520",
-		"@remotion/zod-types": "4.0.520",
+		"remotion": "4.0.521",
+		"@remotion/captions": "4.0.521",
+		"@remotion/media": "4.0.521",
+		"@remotion/player": "4.0.521",
+		"@remotion/media-utils": "4.0.521",
+		"@remotion/renderer": "4.0.521",
+		"@remotion/web-renderer": "4.0.521",
+		"@remotion/studio-shared": "4.0.521",
+		"@remotion/timeline-utils": "4.0.521",
+		"@remotion/zod-types": "4.0.521",
 		"@jridgewell/trace-mapping": "0.3.31",
 		"mediabunny": "1.55.5",
 		"memfs": "3.4.3",
 		"open": "8.4.2",
-		"zod": "4.4.3"
+		"zod": "4.5.4"
 	},
 	"devDependencies": {
 		"@happy-dom/global-registrator": "14.5.1",
@@ -51,7 +51,7 @@
 		"react-dom": "19.2.3",
 		"@testing-library/react": "16.1.0",
 		"@types/semver": "7.5.3",
-		"@remotion/eslint-config-internal": "4.0.520",
+		"@remotion/eslint-config-internal": "4.0.521",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},