@remotion/studio 4.0.438 → 4.0.440

package/dist/components/VisualControls/VisualControlHandle.js

@@ -11,7 +11,6 @@ const get_zod_if_possible_1 = require("../get-zod-if-possible");
 const layout_1 = require("../layout");
 const NotificationCenter_1 = require("../Notifications/NotificationCenter");
 const extract_enum_json_paths_1 = require("../RenderModal/SchemaEditor/extract-enum-json-paths");
-const local_state_1 = require("../RenderModal/SchemaEditor/local-state");
 const ZodSwitch_1 = require("../RenderModal/SchemaEditor/ZodSwitch");
 const actions_1 = require("../RenderQueue/actions");
 const get_original_stack_trace_1 = require("./get-original-stack-trace");
@@ -25,23 +24,14 @@ const VisualControlHandle = ({ value, keyName }) => {
     const state = (0, react_1.useContext)(VisualControls_1.VisualControlsContext);
     const { updateValue } = (0, react_1.useContext)(VisualControls_1.SetVisualControlsContext);
     const { fastRefreshes, increaseManualRefreshes } = (0, react_1.useContext)(fast_refresh_context_1.FastRefreshContext);
-    const [saving, setSaving] = (0, react_1.useState)(false);
+    const [_saving, setSaving] = (0, react_1.useState)(false);
     const currentValue = (0, get_current_edited_value_1.getVisualControlEditedValue)({
         handles: state.handles,
         key: keyName,
     });
     const originalFileName = (0, get_original_stack_trace_1.useOriginalFileName)(value.stack);
-    const { localValue, RevisionContextProvider, onChange } = (0, local_state_1.useLocalState)({
-        schema: value.schema,
-        setValue: (updater) => {
-            updateValue(keyName, updater(currentValue));
-            increaseManualRefreshes();
-        },
-        unsavedValue: currentValue,
-        savedValue: value.valueInCode,
-    });
     const disableSave = window.remotion_isReadOnlyStudio || originalFileName.type !== 'loaded';
-    const onSave = (0, react_1.useCallback)((updater) => {
+    const saveToFile = (0, react_1.useCallback)((updater) => {
         if (disableSave) {
             return;
         }
@@ -64,11 +54,14 @@ const VisualControlHandle = ({ value, keyName }) => {
                 changes: [
                     {
                         id: keyName,
-                        newValueSerialized: no_react_1.NoReactInternals.serializeJSONWithSpecialTypes({
-                            data: val,
-                            indent: 2,
-                            staticBase: window.remotion_staticBase,
-                        }).serializedString,
+                        newValueSerialized: val === undefined
+                            ? ''
+                            : no_react_1.NoReactInternals.serializeJSONWithSpecialTypes({
+                                data: val,
+                                indent: 2,
+                                staticBase: window.remotion_staticBase,
+                            }).serializedString,
+                        newValueIsUndefined: val === undefined,
                         enumPaths,
                     },
                 ],
@@ -90,8 +83,15 @@ const VisualControlHandle = ({ value, keyName }) => {
     (0, react_1.useEffect)(() => {
         setSaving(false);
     }, [fastRefreshes]);
+    const setValue = (0, react_1.useCallback)((updater, { shouldSave }) => {
+        updateValue(keyName, updater(currentValue));
+        increaseManualRefreshes();
+        if (shouldSave) {
+            saveToFile(updater);
+        }
+    }, [currentValue, increaseManualRefreshes, keyName, saveToFile, updateValue]);
     return (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: [
-            jsx_runtime_1.jsx(VisualControlHandleHeader_1.VisualControlHandleHeader, { originalFileName: originalFileName }), jsx_runtime_1.jsx(layout_1.Spacing, { block: true, y: 0.5 }), jsx_runtime_1.jsx(RevisionContextProvider, { children: jsx_runtime_1.jsx(ZodSwitch_1.ZodSwitch, { mayPad: true, schema: value.schema, showSaveButton: !disableSave, saving: saving, saveDisabledByParent: false, onSave: onSave, jsonPath: [keyName], value: localValue.value, defaultValue: value.valueInCode, setValue: onChange, onRemove: null }) })
+            jsx_runtime_1.jsx(VisualControlHandleHeader_1.VisualControlHandleHeader, { originalFileName: originalFileName }), jsx_runtime_1.jsx(layout_1.Spacing, { block: true, y: 0.5 }), jsx_runtime_1.jsx(ZodSwitch_1.ZodSwitch, { mayPad: true, schema: value.schema, jsonPath: [keyName], value: currentValue, setValue: setValue, onRemove: null })
         ] }));
 };
 exports.VisualControlHandle = VisualControlHandle;

package/dist/components/VisualControls/VisualControlsUndoSync.d.ts

@@ -0,0 +1,2 @@
+import type React from 'react';
+export declare const VisualControlsUndoSync: React.FC;

package/dist/components/VisualControls/VisualControlsUndoSync.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VisualControlsUndoSync = void 0;
+const react_1 = require("react");
+const client_id_1 = require("../../helpers/client-id");
+const VisualControls_1 = require("../../visual-controls/VisualControls");
+const VisualControlsUndoSync = () => {
+    const { subscribeToEvent } = (0, react_1.useContext)(client_id_1.StudioServerConnectionCtx);
+    const { updateValue } = (0, react_1.useContext)(VisualControls_1.SetVisualControlsContext);
+    (0, react_1.useEffect)(() => {
+        const unsub = subscribeToEvent('visual-control-values-changed', (event) => {
+            if (event.type !== 'visual-control-values-changed') {
+                return;
+            }
+            for (const entry of event.values) {
+                updateValue(entry.id, entry.isUndefined ? undefined : entry.value);
+            }
+        });
+        return () => unsub();
+    }, [subscribeToEvent, updateValue]);
+    return null;
+};
+exports.VisualControlsUndoSync = VisualControlsUndoSync;

package/dist/error-overlay/react-overlay/listen-to-runtime-errors.js

@@ -38,7 +38,6 @@ const crashWithFrames = (crash) => (error) => {
     if (didHookOrderChange && !justRefreshedBecauseOfHooks) {
         // eslint-disable-next-line no-console
         console.log('Hook order changed. Reloading app...');
-        window.remotion_unsavedProps = false;
         (0, url_state_1.reloadUrl)();
     }
     else {