@remotion/studio 4.0.220 → 4.0.222

package/.turbo/turbo-make.log

@@ -1,4 +1,5 @@
 
-> @remotion/studio@4.0.217 make /Users/jonathanburger/remotion/packages/studio
+
+> @remotion/studio@4.0.221 make /Users/jonathanburger/remotion/packages/studio
 > bun --env-file=../.env.bundle bundle.ts
 

package/dist/Studio.js

@@ -15,9 +15,11 @@ const getServerDisconnectedDomElement = () => {
 const Studio = ({ rootComponent, readOnly }) => {
     (0, react_1.useLayoutEffect)(() => {
         window.remotion_isStudio = true;
+        window.remotion_isReadOnlyStudio = true;
         remotion_1.Internals.enableSequenceStackTraces();
         return () => {
             window.remotion_isStudio = false;
+            window.remotion_isReadOnlyStudio = false;
         };
     }, []);
     (0, react_1.useLayoutEffect)(() => {

package/dist/api/delete-static-file.js

@@ -7,6 +7,9 @@ const deleteStaticFile = async (relativePath) => {
     if (!(0, remotion_1.getRemotionEnvironment)().isStudio) {
         throw new Error('deleteStaticFile() is only available in the Studio');
     }
+    if (window.remotion_isReadOnlyStudio) {
+        throw new Error('deleteStaticFile() is not available in Read-Only Studio');
+    }
     if (relativePath.startsWith(window.remotion_staticBase)) {
         relativePath = relativePath.substring(window.remotion_staticBase.length + 1);
     }

package/dist/api/install-package.js

@@ -1,8 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.installPackages = void 0;
+const remotion_1 = require("remotion");
 const call_api_1 = require("../components/call-api");
 const installPackages = (packageNames) => {
+    if (!(0, remotion_1.getRemotionEnvironment)().isStudio) {
+        throw new Error('installPackages() is only available in the Studio');
+    }
+    if (window.remotion_isReadOnlyStudio) {
+        throw new Error('installPackages() is not available in Read-Only Studio');
+    }
     return (0, call_api_1.callApi)('/api/install-package', { packageNames });
 };
 exports.installPackages = installPackages;

package/dist/api/restart-studio.js

@@ -5,8 +5,15 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.restartStudio = void 0;
+const remotion_1 = require("remotion");
 const call_api_1 = require("../components/call-api");
 const restartStudio = () => {
+    if (!(0, remotion_1.getRemotionEnvironment)().isStudio) {
+        throw new Error('restartStudio() is only available in the Studio');
+    }
+    if (window.remotion_isReadOnlyStudio) {
+        throw new Error('restartStudio() is not available in read-only Studio');
+    }
     return (0, call_api_1.callApi)('/api/restart-studio', {});
 };
 exports.restartStudio = restartStudio;

package/dist/api/save-default-props.js

@@ -24,6 +24,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.saveDefaultProps = void 0;
+const remotion_1 = require("remotion");
 const extract_enum_json_paths_1 = require("../components/RenderModal/SchemaEditor/extract-enum-json-paths");
 const actions_1 = require("../components/RenderQueue/actions");
 const calc_new_props_1 = require("./helpers/calc-new-props");
@@ -33,6 +34,12 @@ const calc_new_props_1 = require("./helpers/calc-new-props");
  * @param {SafeDefaultPropsFunction} defaultProps A function that returns the new defaultProps for the composition.
  */
 const saveDefaultProps = async ({ compositionId, defaultProps, }) => {
+    if (!(0, remotion_1.getRemotionEnvironment)().isStudio) {
+        throw new Error('saveDefaultProps() is only available in the Studio');
+    }
+    if (window.remotion_isReadOnlyStudio) {
+        throw new Error('saveDefaultProps() is not available in read-only Studio');
+    }
     try {
         await Promise.resolve().then(() => __importStar(require('zod')));
     }

package/dist/api/watch-public-folder.js

@@ -16,6 +16,9 @@ const watchPublicFolder = (callback) => {
         console.warn('The API is only available while using the Remotion Studio.');
         return { cancel: () => undefined };
     }
+    if (window.remotion_isReadOnlyStudio) {
+        throw new Error('watchPublicFolder() is not available in read-only Studio');
+    }
     const emitUpdate = () => {
         callback((0, get_static_files_1.getStaticFiles)());
     };

package/dist/api/watch-static-file.js

@@ -13,7 +13,12 @@ const watch_public_folder_1 = require("./watch-public-folder");
 const watchStaticFile = (fileName, callback) => {
     if (!(0, remotion_1.getRemotionEnvironment)().isStudio) {
         // eslint-disable-next-line no-console
-        console.warn('The API is only available while using the Remotion Studio.');
+        console.warn('watchStaticFile() is only available while using the Remotion Studio.');
+        return { cancel: () => undefined };
+    }
+    if (window.remotion_isReadOnlyStudio) {
+        // eslint-disable-next-line no-console
+        console.warn('watchStaticFile() is only available in an interactive Studio.');
         return { cancel: () => undefined };
     }
     const withoutStaticBase = fileName.startsWith(window.remotion_staticBase)

package/dist/api/write-static-file.js

@@ -2,6 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.writeStaticFile = void 0;
 const writeStaticFile = async ({ contents, filePath, }) => {
+    if (window.remotion_isReadOnlyStudio) {
+        throw new Error('writeStaticFile() is not available in read-only Studio');
+    }
     const url = new URL('/api/add-asset', window.location.origin);
     if (filePath.includes('\\')) {
         return Promise.reject(new Error('File path cannot contain backslashes'));

package/dist/components/NewComposition/RemInput.d.ts

@@ -12,6 +12,6 @@ export declare const getInputBorderColor: ({ status, isFocused, isHovered, }: {
     status: "error" | "warning" | "ok";
     isFocused: boolean;
     isHovered: boolean;
-}) => "hsla(0, 0%, 100%, 0.15)" | "rgba(0, 0, 0, 0.6)" | "rgba(255, 255, 255, 0.05)" | "#ff3232" | "#f1c40f";
+}) => "#ff3232" | "hsla(0, 0%, 100%, 0.15)" | "#f1c40f" | "rgba(255, 255, 255, 0.05)" | "rgba(0, 0, 0, 0.6)";
 export declare const RemotionInput: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export {};

package/dist/components/PlayPause.js

@@ -41,6 +41,9 @@ const PlayPause = ({ playbackRate, loop, bufferStateDelayInMilliseconds }) => {
         inFrame,
         outFrame,
         frameRef: remotionInternal_currentFrameRef,
+        browserMediaControlsBehavior: {
+            mode: 'register-media-session',
+        },
     });
     const isStill = (0, is_current_selected_still_1.useIsStill)();
     (0, react_1.useEffect)(() => {

package/dist/components/RenderModal/SchemaEditor/create-zod-values.js

@@ -10,8 +10,17 @@ const createZodValues = (schema, zodRuntime, zodTypes) => {
     switch (typeName) {
         case zodRuntime.ZodFirstPartyTypeKind.ZodString:
             return '';
-        case zodRuntime.ZodFirstPartyTypeKind.ZodNumber:
+        case zodRuntime.ZodFirstPartyTypeKind.ZodNumber: {
+            for (const check of def.checks) {
+                if (check.kind === 'min') {
+                    return check.value;
+                }
+                if (check.kind === 'max' && check.value < 0) {
+                    return check.value;
+                }
+            }
             return 0;
+        }
         case zodRuntime.ZodFirstPartyTypeKind.ZodBigInt:
             return BigInt(0);
         case zodRuntime.ZodFirstPartyTypeKind.ZodBoolean:

package/dist/esm/index.mjs

@@ -3755,6 +3755,9 @@ var deleteStaticFile = async (relativePath) => {
   if (!getRemotionEnvironment().isStudio) {
     throw new Error("deleteStaticFile() is only available in the Studio");
   }
+  if (window.remotion_isReadOnlyStudio) {
+    throw new Error("deleteStaticFile() is not available in Read-Only Studio");
+  }
   if (relativePath.startsWith(window.remotion_staticBase)) {
     relativePath = relativePath.substring(window.remotion_staticBase.length + 1);
   }
@@ -3855,9 +3858,19 @@ var reevaluateComposition = () => {
   Internals2.resolveCompositionsRef.current?.reloadCurrentlySelectedComposition();
 };
 // src/api/restart-studio.ts
+import { getRemotionEnvironment as getRemotionEnvironment3 } from "remotion";
 var restartStudio = () => {
+  if (!getRemotionEnvironment3().isStudio) {
+    throw new Error("restartStudio() is only available in the Studio");
+  }
+  if (window.remotion_isReadOnlyStudio) {
+    throw new Error("restartStudio() is not available in read-only Studio");
+  }
   return callApi("/api/restart-studio", {});
 };
+// src/api/save-default-props.ts
+import { getRemotionEnvironment as getRemotionEnvironment4 } from "remotion";
+
 // src/components/RenderModal/SchemaEditor/extract-enum-json-paths.ts
 var extractEnumJsonPaths = (schema, zodRuntime, currentPath) => {
   const def = schema._def;
@@ -3990,6 +4003,12 @@ var saveDefaultProps = async ({
   compositionId,
   defaultProps
 }) => {
+  if (!getRemotionEnvironment4().isStudio) {
+    throw new Error("saveDefaultProps() is only available in the Studio");
+  }
+  if (window.remotion_isReadOnlyStudio) {
+    throw new Error("saveDefaultProps() is not available in read-only Studio");
+  }
   try {
     await Promise.resolve().then(() => (init_lib(), exports_lib));
   } catch {
@@ -4025,15 +4044,18 @@ var updateDefaultProps = ({
   window.dispatchEvent(new CustomEvent(Internals3.PROPS_UPDATED_EXTERNALLY));
 };
 // src/api/watch-public-folder.ts
-import { getRemotionEnvironment as getRemotionEnvironment3 } from "remotion";
+import { getRemotionEnvironment as getRemotionEnvironment5 } from "remotion";
 var WATCH_REMOTION_STATIC_FILES = "remotion_staticFilesChanged";
 var watchPublicFolder = (callback) => {
-  if (!getRemotionEnvironment3().isStudio) {
+  if (!getRemotionEnvironment5().isStudio) {
     console.warn("The API is only available while using the Remotion Studio.");
     return { cancel: () => {
       return;
     } };
   }
+  if (window.remotion_isReadOnlyStudio) {
+    throw new Error("watchPublicFolder() is not available in read-only Studio");
+  }
   const emitUpdate = () => {
     callback(getStaticFiles());
   };
@@ -4044,10 +4066,16 @@ var watchPublicFolder = (callback) => {
   return { cancel };
 };
 // src/api/watch-static-file.ts
-import { getRemotionEnvironment as getRemotionEnvironment4 } from "remotion";
+import { getRemotionEnvironment as getRemotionEnvironment6 } from "remotion";
 var watchStaticFile = (fileName, callback) => {
-  if (!getRemotionEnvironment4().isStudio) {
-    console.warn("The API is only available while using the Remotion Studio.");
+  if (!getRemotionEnvironment6().isStudio) {
+    console.warn("watchStaticFile() is only available while using the Remotion Studio.");
+    return { cancel: () => {
+      return;
+    } };
+  }
+  if (window.remotion_isReadOnlyStudio) {
+    console.warn("watchStaticFile() is only available in an interactive Studio.");
     return { cancel: () => {
       return;
     } };
@@ -4076,6 +4104,9 @@ var writeStaticFile = async ({
   contents,
   filePath
 }) => {
+  if (window.remotion_isReadOnlyStudio) {
+    throw new Error("writeStaticFile() is not available in read-only Studio");
+  }
   const url = new URL("/api/add-asset", window.location.origin);
   if (filePath.includes("\\")) {
     return Promise.reject(new Error("File path cannot contain backslashes"));

package/dist/esm/internals.mjs

@@ -3059,6 +3059,9 @@ var writeStaticFile = async ({
   contents,
   filePath
 }) => {
+  if (window.remotion_isReadOnlyStudio) {
+    throw new Error("writeStaticFile() is not available in read-only Studio");
+  }
   const url = new URL("/api/add-asset", window.location.origin);
   if (filePath.includes("\\")) {
     return Promise.reject(new Error("File path cannot contain backslashes"));
@@ -4145,7 +4148,14 @@ import { Internals as Internals15 } from "remotion";
 import { NoReactInternals as NoReactInternals5 } from "remotion/no-react";
 
 // src/api/restart-studio.ts
+import { getRemotionEnvironment } from "remotion";
 var restartStudio = () => {
+  if (!getRemotionEnvironment().isStudio) {
+    throw new Error("restartStudio() is only available in the Studio");
+  }
+  if (window.remotion_isReadOnlyStudio) {
+    throw new Error("restartStudio() is not available in read-only Studio");
+  }
   return callApi("/api/restart-studio", {});
 };
 
@@ -10014,6 +10024,9 @@ import { Internals as Internals34 } from "remotion";
 import React59, { useCallback as useCallback41, useContext as useContext29 } from "react";
 import { Internals as Internals27 } from "remotion";
 
+// src/api/save-default-props.ts
+import { getRemotionEnvironment as getRemotionEnvironment3 } from "remotion";
+
 // src/components/RenderModal/SchemaEditor/extract-enum-json-paths.ts
 var extractEnumJsonPaths = (schema, zodRuntime, currentPath) => {
   const def = schema._def;
@@ -10128,9 +10141,9 @@ var extractEnumJsonPaths = (schema, zodRuntime, currentPath) => {
 };
 
 // src/api/helpers/calc-new-props.ts
-import { Internals as Internals26, getRemotionEnvironment } from "remotion";
+import { Internals as Internals26, getRemotionEnvironment as getRemotionEnvironment2 } from "remotion";
 var calcNewProps = (compositionId, defaultProps) => {
-  if (!getRemotionEnvironment().isStudio) {
+  if (!getRemotionEnvironment2().isStudio) {
     throw new Error("saveDefaultProps can only be called in the Remotion Studio.");
   }
   const { compositionsRef, editorPropsProviderRef } = Internals26;
@@ -10165,6 +10178,12 @@ var saveDefaultProps = async ({
   compositionId,
   defaultProps
 }) => {
+  if (!getRemotionEnvironment3().isStudio) {
+    throw new Error("saveDefaultProps() is only available in the Studio");
+  }
+  if (window.remotion_isReadOnlyStudio) {
+    throw new Error("saveDefaultProps() is not available in read-only Studio");
+  }
   try {
     await import("zod");
   } catch {
@@ -11228,8 +11247,17 @@ var createZodValues = (schema, zodRuntime, zodTypes) => {
   switch (typeName) {
     case zodRuntime.ZodFirstPartyTypeKind.ZodString:
       return "";
-    case zodRuntime.ZodFirstPartyTypeKind.ZodNumber:
+    case zodRuntime.ZodFirstPartyTypeKind.ZodNumber: {
+      for (const check of def.checks) {
+        if (check.kind === "min") {
+          return check.value;
+        }
+        if (check.kind === "max" && check.value < 0) {
+          return check.value;
+        }
+      }
       return 0;
+    }
     case zodRuntime.ZodFirstPartyTypeKind.ZodBigInt:
       return BigInt(0);
     case zodRuntime.ZodFirstPartyTypeKind.ZodBoolean:
@@ -15855,7 +15883,10 @@ var PlayPause = ({ playbackRate, loop, bufferStateDelayInMilliseconds }) => {
     moveToBeginningWhenEnded: true,
     inFrame,
     outFrame,
-    frameRef: remotionInternal_currentFrameRef
+    frameRef: remotionInternal_currentFrameRef,
+    browserMediaControlsBehavior: {
+      mode: "register-media-session"
+    }
   });
   const isStill = useIsStill();
   useEffect48(() => {
@@ -19574,7 +19605,14 @@ import React136, { useCallback as useCallback92, useContext as useContext67, use
 import { VERSION as VERSION2 } from "remotion";
 
 // src/api/install-package.ts
+import { getRemotionEnvironment as getRemotionEnvironment4 } from "remotion";
 var installPackages = (packageNames) => {
+  if (!getRemotionEnvironment4().isStudio) {
+    throw new Error("installPackages() is only available in the Studio");
+  }
+  if (window.remotion_isReadOnlyStudio) {
+    throw new Error("installPackages() is not available in Read-Only Studio");
+  }
   return callApi("/api/install-package", { packageNames });
 };
 
@@ -27152,9 +27190,11 @@ var getServerDisconnectedDomElement = () => {
 var Studio = ({ rootComponent, readOnly }) => {
   useLayoutEffect2(() => {
     window.remotion_isStudio = true;
+    window.remotion_isReadOnlyStudio = true;
     Internals61.enableSequenceStackTraces();
     return () => {
       window.remotion_isStudio = false;
+      window.remotion_isReadOnlyStudio = false;
     };
   }, []);
   useLayoutEffect2(() => {

package/dist/helpers/colors.d.ts

@@ -24,4 +24,4 @@ export declare const TIMELINE_TRACK_SEPARATOR = "rgba(0, 0, 0, 0.3)";
 export declare const getBackgroundFromHoverState: ({ selected, hovered, }: {
     selected: boolean;
     hovered: boolean;
-}) => "transparent" | "hsla(0, 0%, 100%, 0.15)" | "hsla(0, 0%, 100%, 0.25)" | "rgba(255, 255, 255, 0.06)";
+}) => "transparent" | "hsla(0, 0%, 100%, 0.25)" | "hsla(0, 0%, 100%, 0.15)" | "rgba(255, 255, 255, 0.06)";

package/package.json

@@ -3,7 +3,7 @@
     "url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio"
   },
   "name": "@remotion/studio",
-  "version": "4.0.220",
+  "version": "4.0.222",
   "description": "APIs for interacting with the Remotion Studio",
   "main": "dist",
   "sideEffects": false,
@@ -18,18 +18,18 @@
     "memfs": "3.4.3",
     "source-map": "0.7.3",
     "open": "^8.4.2",
-    "@remotion/player": "4.0.220",
-    "@remotion/media-utils": "4.0.220",
-    "@remotion/studio-shared": "4.0.220",
-    "@remotion/renderer": "4.0.220",
-    "remotion": "4.0.220"
+    "remotion": "4.0.222",
+    "@remotion/player": "4.0.222",
+    "@remotion/media-utils": "4.0.222",
+    "@remotion/renderer": "4.0.222",
+    "@remotion/studio-shared": "4.0.222"
   },
   "devDependencies": {
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "@types/semver": "^7.3.4",
     "zod": "3.22.3",
-    "@remotion/zod-types": "4.0.220"
+    "@remotion/zod-types": "4.0.222"
   },
   "publishConfig": {
     "access": "public"