@remotion/studio 4.0.145 → 4.0.147

package/dist/esm/internals.mjs

@@ -2942,6 +2942,28 @@ useMemo as useMemo22,
 useState as useState16
 } from "react";
 
+// src/api/write-static-file.ts
+var writeStaticFile = async ({
+  contents,
+  filePath
+}) => {
+  const url = new URL("/api/add-asset", window.location.origin);
+  if (filePath.includes("\\")) {
+    return Promise.reject(new Error("File path cannot contain backslashes"));
+  }
+  url.search = new URLSearchParams({
+    filePath
+  }).toString();
+  const response = await fetch(url, {
+    method: "POST",
+    body: contents
+  });
+  if (!response.ok) {
+    const jsonResponse = await response.json();
+    throw new Error(jsonResponse.error);
+  }
+};
+
 // src/helpers/use-asset-drag-events.ts
 import {useCallback as useCallback14, useEffect as useEffect11, useMemo as useMemo20, useRef as useRef9} from "react";
 import {NoReactInternals} from "remotion/no-react";
@@ -3280,7 +3302,7 @@ var updateAvailable = (signal) => {
 var getProjectInfo = (signal) => {
   return callApi("/api/project-info", {}, signal);
 };
-var updateDefaultProps = (compositionId, defaultProps, enumPaths) => {
+var callUpdateDefaultPropsApi = (compositionId, defaultProps, enumPaths) => {
   return callApi("/api/update-default-props", {
     compositionId,
     defaultProps: NoReactInternals2.serializeJSONWithDate({
@@ -3598,23 +3620,6 @@ var AssetSelectorItem = ({ item, tabIndex, level, parentFolder }) => {
   }, undefined, false, undefined, this);
 };
 
-// src/components/utils.ts
-var handleUploadFile = async (file2, assetPath) => {
-  const url = new URL("/api/add-asset", window.location.origin);
-  url.search = new URLSearchParams({
-    folder: assetPath,
-    file: file2.name
-  }).toString();
-  const response = await fetch(url, {
-    method: "POST",
-    body: file2
-  });
-  if (!response.ok) {
-    const jsonResponse = await response.json();
-    throw new Error(jsonResponse.error);
-  }
-};
-
 // src/components/AssetSelector.tsx
 import {
 jsx as jsx33
@@ -3699,7 +3704,11 @@ var AssetSelector = ({ readOnlyStudio }) => {
       const { files } = e.dataTransfer;
       const assetPath = dropLocation || "/";
       for (const file2 of files) {
-        await handleUploadFile(file2, assetPath);
+        const body = await file2.arrayBuffer();
+        await writeStaticFile({
+          contents: body,
+          filePath: file2.name
+        });
       }
       if (files.length === 1) {
         showNotification(`Added ${files[0].name} to ${assetPath}`, 3000);
@@ -14016,8 +14025,8 @@ var setPersistedShowWarningState = (val) => {
 };
 var DataEditor = ({
   unresolvedComposition,
-  inputProps,
-  setInputProps,
+  defaultProps,
+  setDefaultProps,
   mayShowSaveButton,
   propsEditType,
   saving,
@@ -14031,13 +14040,13 @@ var DataEditor = ({
     if (!inJSONEditor) {
       return null;
     }
-    const value = inputProps;
+    const value = defaultProps;
     return NoReactInternals10.serializeJSONWithDate({
       data: value,
       indent: 2,
       staticBase: window.remotion_staticBase
     });
-  }, [inJSONEditor, inputProps]);
+  }, [inJSONEditor, defaultProps]);
   const cliProps = getInputProps();
   const [canSaveDefaultPropsObjectState, setCanSaveDefaultProps] = useState44({
     [unresolvedComposition.id]: defaultTypeCanSaveState
@@ -14062,8 +14071,8 @@ var DataEditor = ({
     if (schema === "no-schema") {
       return "no-schema";
     }
-    return schema.safeParse(inputProps);
-  }, [inputProps, schema]);
+    return schema.safeParse(defaultProps);
+  }, [defaultProps, schema]);
   const setShowWarning = useCallback60((val) => {
     setShowWarningWithoutPersistance((prevVal) => {
       if (typeof val === "boolean") {
@@ -14145,12 +14154,12 @@ var DataEditor = ({
       showNotification("Cannot update default props: No Zod schema", 2000);
       return;
     }
-    updateDefaultProps(unresolvedComposition.id, inputProps, extractEnumJsonPaths(schema, z, [])).then((response) => {
+    callUpdateDefaultPropsApi(unresolvedComposition.id, defaultProps, extractEnumJsonPaths(schema, z, [])).then((response) => {
       if (!response.success) {
         showNotification(`Cannot update default props: ${response.reason}`, 2000);
       }
     });
-  }, [unresolvedComposition.id, inputProps, schema, z]);
+  }, [unresolvedComposition.id, defaultProps, schema, z]);
   useEffect41(() => {
     setSaving(false);
   }, [fastRefreshes, setSaving]);
@@ -14160,7 +14169,7 @@ var DataEditor = ({
       return;
     }
     setSaving(true);
-    updateDefaultProps(unresolvedComposition.id, updater(unresolvedComposition.defaultProps ?? {}), extractEnumJsonPaths(schema, z, [])).then((response) => {
+    callUpdateDefaultPropsApi(unresolvedComposition.id, updater(unresolvedComposition.defaultProps ?? {}), extractEnumJsonPaths(schema, z, [])).then((response) => {
       if (!response.success) {
         console.log(response.stack);
         showNotification(`Cannot update default props: ${response.reason}. See console for more information.`, 2000);
@@ -14272,8 +14281,8 @@ var DataEditor = ({
         ]
       }, undefined, true, undefined, this),
       mode === "schema" ? jsx127(SchemaEditor, {
-        value: inputProps,
-        setValue: setInputProps,
+        value: defaultProps,
+        setValue: setDefaultProps,
         schema,
         zodValidationResult,
         defaultProps: unresolvedComposition.defaultProps,
@@ -14282,8 +14291,8 @@ var DataEditor = ({
         saving,
         saveDisabledByParent: !zodValidationResult.success
       }, undefined, false, undefined, this) : jsx127(RenderModalJSONPropsEditor, {
-        value: inputProps ?? {},
-        setValue: setInputProps,
+        value: defaultProps ?? {},
+        setValue: setDefaultProps,
         onSave: onUpdate,
         showSaveButton,
         serializedJSON,
@@ -15246,7 +15255,7 @@ var OptionsPanel = ({ readOnlyStudio }) => {
   const saveToolTip = useMemo80(() => {
     return process.env.KEYBOARD_SHORTCUTS_ENABLED ? `Save using ${cmdOrCtrlCharacter}+S` : "There are unsaved changes";
   }, []);
-  const setInputProps = useCallback70((newProps) => {
+  const setDefaultProps = useCallback70((newProps) => {
     if (composition === null) {
       return;
     }
@@ -15256,7 +15265,7 @@ var OptionsPanel = ({ readOnlyStudio }) => {
       newProps
     });
   }, [composition, updateProps]);
-  const actualProps = useMemo80(() => {
+  const currentDefaultProps = useMemo80(() => {
     if (composition === null) {
       return {};
     }
@@ -15266,8 +15275,8 @@ var OptionsPanel = ({ readOnlyStudio }) => {
     if (composition === null || composition.defaultProps === undefined) {
       return false;
     }
-    return !deepEqual(composition.defaultProps, actualProps);
-  }, [actualProps, composition]);
+    return !deepEqual(composition.defaultProps, currentDefaultProps);
+  }, [currentDefaultProps, composition]);
   return jsx141("div", {
     style: container27,
     className: "css-reset",
@@ -15297,8 +15306,8 @@ var OptionsPanel = ({ readOnlyStudio }) => {
       }, undefined, false, undefined, this),
       panel === `input-props` && composition ? jsx141(DataEditor, {
         unresolvedComposition: composition,
-        inputProps: actualProps,
-        setInputProps,
+        defaultProps: currentDefaultProps,
+        setDefaultProps,
         mayShowSaveButton: true,
         propsEditType: "default-props",
         saving,
@@ -25606,8 +25615,8 @@ var RenderModal = ({
               setLimitNumberOfGifLoops,
               setNumberOfGifLoopsSetting
             }, undefined, false, undefined, this) : tab === "data" ? jsx232(DataEditor, {
-              inputProps,
-              setInputProps,
+              defaultProps: inputProps,
+              setDefaultProps: setInputProps,
               unresolvedComposition,
               mayShowSaveButton: false,
               propsEditType: "input-props",

package/dist/index.d.ts

@@ -1,2 +1,4 @@
 export { StaticFile, getStaticFiles } from './api/get-static-files';
+export { saveDefaultProps } from './api/save-default-props';
 export { watchStaticFile } from './api/watch-static-file';
+export { writeStaticFile } from './api/write-static-file';

package/dist/index.js

@@ -1,7 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.watchStaticFile = exports.getStaticFiles = void 0;
+exports.writeStaticFile = exports.watchStaticFile = exports.saveDefaultProps = exports.getStaticFiles = void 0;
 var get_static_files_1 = require("./api/get-static-files");
 Object.defineProperty(exports, "getStaticFiles", { enumerable: true, get: function () { return get_static_files_1.getStaticFiles; } });
+var save_default_props_1 = require("./api/save-default-props");
+Object.defineProperty(exports, "saveDefaultProps", { enumerable: true, get: function () { return save_default_props_1.saveDefaultProps; } });
 var watch_static_file_1 = require("./api/watch-static-file");
 Object.defineProperty(exports, "watchStaticFile", { enumerable: true, get: function () { return watch_static_file_1.watchStaticFile; } });
+var write_static_file_1 = require("./api/write-static-file");
+Object.defineProperty(exports, "writeStaticFile", { enumerable: true, get: function () { return write_static_file_1.writeStaticFile; } });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/studio",
-  "version": "4.0.145",
+  "version": "4.0.147",
   "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": "4.0.145",
-    "@remotion/player": "4.0.145",
-    "@remotion/renderer": "4.0.145",
-    "@remotion/media-utils": "4.0.145",
-    "@remotion/studio-shared": "4.0.145"
+    "remotion": "4.0.147",
+    "@remotion/player": "4.0.147",
+    "@remotion/renderer": "4.0.147",
+    "@remotion/media-utils": "4.0.147",
+    "@remotion/studio-shared": "4.0.147"
   },
   "devDependencies": {
     "react": "18.2.0",
@@ -39,7 +39,7 @@
     "@types/semver": "^7.3.4",
     "prettier-plugin-organize-imports": "3.2.4",
     "zod": "^3.22.3",
-    "@remotion/zod-types": "4.0.145"
+    "@remotion/zod-types": "4.0.147"
   },
   "publishConfig": {
     "access": "public"