@remotion/studio 4.0.134 → 4.0.136

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

@@ -32,52 +32,8 @@ const rotate = {
     transform: `rotate(90deg)`,
 };
 const ICON_SIZE = 16;
-const getFileMenu = ({ readOnlyStudio, closeMenu, setSelectedModal, previewServerState, }) => {
+const getFileMenu = ({ readOnlyStudio, closeMenu, previewServerState, }) => {
     const items = [
-        readOnlyStudio
-            ? null
-            : {
-                id: 'new-sequence',
-                value: 'new-sequence',
-                label: 'New composition...',
-                onClick: () => {
-                    closeMenu();
-                    setSelectedModal({
-                        compType: 'composition',
-                        type: 'new-comp',
-                    });
-                },
-                type: 'item',
-                keyHint: 'N',
-                leftItem: null,
-                subMenu: null,
-                quickSwitcherLabel: 'New composition...',
-            },
-        readOnlyStudio
-            ? null
-            : {
-                id: 'new-still',
-                value: 'new-still',
-                label: 'New still...',
-                onClick: () => {
-                    closeMenu();
-                    setSelectedModal({
-                        compType: 'still',
-                        type: 'new-comp',
-                    });
-                },
-                type: 'item',
-                keyHint: null,
-                leftItem: null,
-                subMenu: null,
-                quickSwitcherLabel: 'New still...',
-            },
-        readOnlyStudio
-            ? null
-            : {
-                type: 'divider',
-                id: 'new-divider',
-            },
         readOnlyStudio
             ? null
             : {
@@ -87,7 +43,7 @@ const getFileMenu = ({ readOnlyStudio, closeMenu, setSelectedModal, previewServe
                 onClick: () => {
                     closeMenu();
                     if (previewServerState !== 'connected') {
-                        (0, NotificationCenter_1.sendErrorNotification)('Restart the studio to render');
+                        (0, NotificationCenter_1.showNotification)('Restart the studio to render', 2000);
                         return;
                     }
                     const renderButton = document.getElementById('render-modal-button');
@@ -121,13 +77,13 @@ const getFileMenu = ({ readOnlyStudio, closeMenu, setSelectedModal, previewServe
                         .then((res) => res.json())
                         .then(({ success }) => {
                         if (!success) {
-                            (0, NotificationCenter_1.sendErrorNotification)(`Could not open ${window.remotion_editorName}`);
+                            (0, NotificationCenter_1.showNotification)(`Could not open ${window.remotion_editorName}`, 2000);
                         }
                     })
                         .catch((err) => {
                         // eslint-disable-next-line no-console
                         console.error(err);
-                        (0, NotificationCenter_1.sendErrorNotification)(`Could not open ${window.remotion_editorName}`);
+                        (0, NotificationCenter_1.showNotification)(`Could not open ${window.remotion_editorName}`, 2000);
                     });
                 },
                 type: 'item',
@@ -232,7 +188,6 @@ const useMenuStructure = (closeMenu, readOnlyStudio) => {
                 readOnlyStudio,
                 closeMenu,
                 previewServerState: type,
-                setSelectedModal,
             }),
             {
                 id: 'view',

package/dist/helpers/validate-new-comp-data.d.ts

@@ -1,4 +1,4 @@
 import type { AnyComposition } from 'remotion';
 export declare const validateCompositionName: (compName: string, compositions: AnyComposition[]) => string | null;
-export declare const validateCompositionDimension: (dimension: 'Width' | 'Height', value: string) => string | null;
-export declare const validateCompositionDuration: (value: string) => string | null;
+export declare const validateCompositionDimension: (dimension: 'Width' | 'Height', value: number) => string | null;
+export declare const validateCompositionDuration: (value: number) => string | null;

package/dist/helpers/validate-new-comp-data.js

@@ -26,13 +26,13 @@ const validateCompositionDimension = (dimension, value) => {
 };
 exports.validateCompositionDimension = validateCompositionDimension;
 const validateCompositionDuration = (value) => {
-    if (Number(value) % 1 !== 0) {
+    if (value % 1 !== 0) {
         return `Duration must be an integer.`;
     }
-    if (Number.isNaN(Number(value))) {
+    if (Number.isNaN(value)) {
         return 'Invalid number.';
     }
-    if (Number(value) === 0) {
+    if (value === 0) {
         return 'Duration cannot be zero.';
     }
     return null;

package/dist/hot-middleware-client/process-update.js

@@ -136,19 +136,13 @@ const processUpdate = function (hash, moduleMap, options) {
         }
     }
     function performReload() {
-        var _a;
         if (!reload) {
             return;
         }
         if (options.warn)
             console.warn('[Fast refresh] Reloading page');
         if (window.remotion_unsavedProps) {
-            (_a = NotificationCenter_1.notificationCenter.current) === null || _a === void 0 ? void 0 : _a.addNotification({
-                id: 'random',
-                content: 'Fast refresh needs to reload the page, but you have unsaved props. Save then reload the page to apply changes.',
-                created: new Date().getMilliseconds(),
-                duration: 1,
-            });
+            (0, NotificationCenter_1.showNotification)('Fast refresh needs to reload the page, but you have unsaved props. Save then reload the page to apply changes.', 1000);
         }
         else {
             (0, url_state_1.reloadUrl)();

package/dist/state/modals.d.ts

@@ -2,7 +2,6 @@ import type { AudioCodec, Codec, ColorSpace, LogLevel, OpenGlRenderer, PixelForm
 import type React from 'react';
 import type { QuickSwitcherMode } from '../components/QuickSwitcher/NoResults';
 import type { Bug, UpdateInfo } from '../components/UpdateCheck';
-export type CompType = 'composition' | 'still';
 export type RenderModalState = {
     type: 'render';
     compositionId: string;
@@ -46,8 +45,14 @@ export type RenderModalState = {
     defaultConfigurationAudioCodec: AudioCodec | null;
 };
 export type ModalState = {
-    type: 'new-comp';
-    compType: CompType;
+    type: 'duplicate-comp';
+    compositionId: string;
+} | {
+    type: 'delete-comp';
+    compositionId: string;
+} | {
+    type: 'rename-comp';
+    compositionId: string;
 } | RenderModalState | {
     type: 'render-progress';
     jobId: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/studio",
-  "version": "4.0.134",
+  "version": "4.0.136",
   "description": "Remotion Editor",
   "main": "dist",
   "sideEffects": false,
@@ -18,11 +18,11 @@
     "memfs": "3.4.3",
     "source-map": "0.7.3",
     "open": "^8.4.2",
-    "@remotion/player": "4.0.134",
-    "@remotion/renderer": "4.0.134",
-    "@remotion/media-utils": "4.0.134",
-    "remotion": "4.0.134",
-    "@remotion/studio-shared": "4.0.134"
+    "remotion": "4.0.136",
+    "@remotion/player": "4.0.136",
+    "@remotion/media-utils": "4.0.136",
+    "@remotion/renderer": "4.0.136",
+    "@remotion/studio-shared": "4.0.136"
   },
   "devDependencies": {
     "react": "18.2.0",
@@ -40,7 +40,7 @@
     "prettier-plugin-organize-imports": "3.2.4",
     "vitest": "0.31.1",
     "zod": "^3.22.3",
-    "@remotion/zod-types": "4.0.134"
+    "@remotion/zod-types": "4.0.136"
   },
   "publishConfig": {
     "access": "public"