@remotion/studio 4.0.221 → 4.0.222

package/.turbo/turbo-make.log

@@ -1,4 +1,5 @@
 
-> @remotion/studio@4.0.220 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/.turbo/turbo-test.log

@@ -0,0 +1,85 @@
+
+> @remotion/studio@4.0.217 test /Users/jonathanburger/remotion/packages/studio
+> bun test src
+
+bun test v1.1.29 (6d43b366)
+
+src/test/stringify-default-props.test.ts:
+✓ Should stringify default props correctly [1.05ms]
+✓ Should stringify default props correctly [0.79ms]
+
+src/test/sequenced-timeline.test.ts:
+✓ Should calculate sequences correctly [3.04ms]
+
+src/test/create-zod-values.test.ts:
+✓ Should be able to create a string [2.51ms]
+✓ Should be able to create a number [0.12ms]
+✓ Should be able to create an object [0.10ms]
+✓ Should be able to create an array [0.08ms]
+✓ Should be able to create a union [0.09ms]
+✓ Zod literal [0.05ms]
+✓ Should be able to create a discriminated union [0.50ms]
+✓ Zod instanceof [0.11ms]
+✓ Zod intersection [0.19ms]
+✓ Zod tuples [0.11ms]
+✓ Zod record [0.10ms]
+✓ Zod map [0.09ms]
+✓ Zod lazy [0.05ms]
+✓ Zod set [0.12ms]
+✓ Zod function [0.14ms]
+✓ Zod undefined [0.05ms]
+✓ Zod null [0.10ms]
+✓ Zod enum [0.08ms]
+✓ Zod nativeEnum [0.11ms]
+✓ Zod optional [0.08ms]
+✓ Zod nullable [0.07ms]
+✓ Zod undefined [0.07ms]
+✓ Zod catch [0.07ms]
+✓ Zod promise [0.08ms]
+✓ Zod transform [0.11ms]
+✓ Zod branded [0.08ms]
+✓ Zod lazy [0.15ms]
+✓ Zod coerce [0.06ms]
+✓ Zod strict [0.08ms]
+✓ Should create a color [0.07ms]
+✓ Should create a textarea [0.04ms]
+
+src/test/folder-tree.test.ts:
+✓ Should create a good folder tree with 1 item inside and 1 item outside [0.18ms]
+✓ Should handle nested folders well [0.14ms]
+✓ Should throw if two folders with the same name [0.10ms]
+
+src/test/big-timeline.test.ts:
+✓ Should calculate timeline as expected [1.67ms]
+
+src/test/smooth-zoom.test.ts:
+✓ Smoothen zoom
+✓ Unsmoothen zoom [0.03ms]
+
+src/test/validate-gui-output-filename.test.ts:
+✓ Should catch dot after slash [2.26ms]
+✓ Should catch dot in front  [0.02ms]
+
+src/test/timeline-sequence-layout.test.ts:
+✓ Should test timeline sequence layout without max media duration [0.10ms]
+✓ Should test timeline sequence layout with max media duration [0.04ms]
+
+src/test/extract-zod-enums.test.ts:
+✓ Extract Zod enums [0.12ms]
+✓ Extract Zod enums #2 [0.40ms]
+
+src/test/color-math.test.ts:
+✓ Color math [0.23ms]
+
+src/test/format-time.test.ts:
+✓ Format time [0.02ms]
+
+src/test/timeline.test.ts:
+✓ Should calculate timeline with no sequences [0.03ms]
+✓ Should calculate a basic timeline [0.06ms]
+✓ Should follow order of nesting [0.07ms]
+
+ 51 pass
+ 0 fail
+ 67 expect() calls
+Ran 51 tests across 12 files. [68.00ms]

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)" | "#f1c40f" | "#ff3232";
+}) => "#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/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:
@@ -19577,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 });
 };
 
@@ -27155,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/package.json

@@ -3,7 +3,7 @@
     "url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio"
   },
   "name": "@remotion/studio",
-  "version": "4.0.221",
+  "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": "4.0.221",
-    "@remotion/player": "4.0.221",
-    "@remotion/studio-shared": "4.0.221",
-    "@remotion/media-utils": "4.0.221",
-    "@remotion/renderer": "4.0.221"
+    "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.221"
+    "@remotion/zod-types": "4.0.222"
   },
   "publishConfig": {
     "access": "public"