@remotion/studio 4.0.438 → 4.0.439

package/dist/esm/index.mjs

@@ -145,7 +145,7 @@ var calcNewProps = (compositionId, defaultProps) => {
   if (!getRemotionEnvironment2().isStudio) {
     throw new Error("saveDefaultProps can only be called in the Remotion Studio.");
   }
-  const { compositionsRef, editorPropsProviderRef } = Internals2;
+  const { compositionsRef } = Internals2;
   const compositionsStore = compositionsRef.current;
   if (!compositionsStore) {
     throw new Error("No compositions ref found. Are you in the Remotion Studio and are the Remotion versions aligned?");
@@ -155,16 +155,11 @@ var calcNewProps = (compositionId, defaultProps) => {
   if (!composition) {
     throw new Error(`No composition with the ID ${compositionId} found. Available compositions: ${compositions.map((c) => c.id).join(", ")}`);
   }
-  const propsStore = editorPropsProviderRef.current;
-  if (!propsStore) {
-    throw new Error("No props store found. Are you in the Remotion Studio and are the Remotion versions aligned?");
-  }
   const savedDefaultProps = composition.defaultProps ?? {};
-  const unsavedDefaultProps = propsStore.getProps()[compositionId] ?? savedDefaultProps;
   const generatedDefaultProps = defaultProps({
     schema: composition.schema,
     savedDefaultProps,
-    unsavedDefaultProps
+    unsavedDefaultProps: savedDefaultProps
   });
   return {
     composition,
@@ -540,30 +535,31 @@ var toggle = (e) => {
   Internals7.timeValueRef.current?.toggle(e);
 };
 // src/api/update-default-props.ts
-import { Internals as Internals8 } from "remotion";
-var updateDefaultProps = ({
-  compositionId,
-  defaultProps
-}) => {
-  const { generatedDefaultProps, composition } = calcNewProps(compositionId, defaultProps);
-  const propsStore = Internals8.editorPropsProviderRef.current;
-  if (!propsStore) {
-    throw new Error("No props store found. Are you in the Remotion Studio and are the Remotion versions aligned?");
-  }
-  propsStore.setProps((prev) => {
-    return {
-      ...prev,
-      [composition.id]: generatedDefaultProps
+var updateDefaultProps = saveDefaultProps;
+// src/api/visual-control.ts
+import { useSyncExternalStore } from "react";
+import { getRemotionEnvironment as getRemotionEnvironment5 } from "remotion";
+
+// src/visual-controls/visual-control-store.ts
+var version = 0;
+var listeners = new Set;
+var visualControlStore = {
+  subscribe(listener) {
+    listeners.add(listener);
+    return () => {
+      listeners.delete(listener);
     };
-  });
-  window.dispatchEvent(new CustomEvent(Internals8.PROPS_UPDATED_EXTERNALLY, {
-    detail: {
-      resetUnsaved: null
+  },
+  getSnapshot() {
+    return version;
+  },
+  emitChange() {
+    version++;
+    for (const listener of listeners) {
+      listener();
     }
-  }));
+  }
 };
-// src/api/visual-control.ts
-import { getRemotionEnvironment as getRemotionEnvironment5 } from "remotion";
 
 // src/visual-controls/VisualControls.tsx
 import {
@@ -597,6 +593,7 @@ var SetVisualControlsContext = createContext({
 
 // src/api/visual-control.ts
 var visualControl = (key, value, schema) => {
+  useSyncExternalStore(visualControlStore.subscribe, visualControlStore.getSnapshot, visualControlStore.getSnapshot);
   if (getRemotionEnvironment5().isRendering) {
     return value;
   }