@remotion/promo-pages 4.0.438 → 4.0.439

package/dist/design.js

@@ -5744,12 +5744,7 @@ import { jsx as jsx32 } from "react/jsx-runtime";
 import { useContext as useContext6, useMemo as useMemo5 } from "react";
 import { createContext as createContext7 } from "react";
 import { createContext as createContext9, createRef, useContext as useContext5, useMemo as useMemo4 } from "react";
-import React5, {
-  createContext as createContext8,
-  useCallback as useCallback2,
-  useImperativeHandle,
-  useMemo as useMemo3
-} from "react";
+import React5, { createContext as createContext8, useCallback as useCallback2, useMemo as useMemo3 } from "react";
 import { jsx as jsx42 } from "react/jsx-runtime";
 import { useContext as useContext8 } from "react";
 import { createContext as createContext10 } from "react";
@@ -5765,19 +5760,19 @@ import { jsx as jsx82 } from "react/jsx-runtime";
 import {
   forwardRef as forwardRef3,
   useEffect as useEffect2,
-  useImperativeHandle as useImperativeHandle3,
+  useImperativeHandle as useImperativeHandle2,
   useLayoutEffect as useLayoutEffect2,
   useRef as useRef5,
   useState as useState5
 } from "react";
-import React10, { useCallback as useCallback5, useImperativeHandle as useImperativeHandle2, useRef as useRef4 } from "react";
+import React10, { useCallback as useCallback5, useImperativeHandle, useRef as useRef4 } from "react";
 import { jsx as jsx92 } from "react/jsx-runtime";
 import { jsx as jsx102 } from "react/jsx-runtime";
 import { useContext as useContext14, useLayoutEffect as useLayoutEffect4, useState as useState7 } from "react";
 import {
   createContext as createContext13,
   useCallback as useCallback6,
-  useImperativeHandle as useImperativeHandle4,
+  useImperativeHandle as useImperativeHandle3,
   useLayoutEffect as useLayoutEffect3,
   useMemo as useMemo12,
   useRef as useRef6,
@@ -5796,7 +5791,7 @@ import React17, {
   forwardRef as forwardRef4,
   useContext as useContext24,
   useEffect as useEffect10,
-  useImperativeHandle as useImperativeHandle5,
+  useImperativeHandle as useImperativeHandle4,
   useMemo as useMemo222,
   useRef as useRef14,
   useState as useState13
@@ -5845,7 +5840,7 @@ import {
   forwardRef as forwardRef5,
   useContext as useContext25,
   useEffect as useEffect11,
-  useImperativeHandle as useImperativeHandle6,
+  useImperativeHandle as useImperativeHandle5,
   useLayoutEffect as useLayoutEffect8,
   useMemo as useMemo23,
   useRef as useRef15
@@ -5865,7 +5860,7 @@ import {
   forwardRef as forwardRef8,
   useCallback as useCallback13,
   useContext as useContext29,
-  useImperativeHandle as useImperativeHandle7,
+  useImperativeHandle as useImperativeHandle6,
   useLayoutEffect as useLayoutEffect9,
   useRef as useRef17
 } from "react";
@@ -5874,7 +5869,7 @@ import { createRef as createRef3 } from "react";
 import React24 from "react";
 import {
   useCallback as useCallback14,
-  useImperativeHandle as useImperativeHandle8,
+  useImperativeHandle as useImperativeHandle7,
   useMemo as useMemo26,
   useRef as useRef18,
   useState as useState15
@@ -5903,7 +5898,7 @@ import React30, {
   forwardRef as forwardRef9,
   useContext as useContext34,
   useEffect as useEffect16,
-  useImperativeHandle as useImperativeHandle9,
+  useImperativeHandle as useImperativeHandle8,
   useMemo as useMemo31,
   useRef as useRef19,
   useState as useState18
@@ -5925,7 +5920,7 @@ import {
   forwardRef as forwardRef12,
   useContext as useContext35,
   useEffect as useEffect17,
-  useImperativeHandle as useImperativeHandle10,
+  useImperativeHandle as useImperativeHandle9,
   useLayoutEffect as useLayoutEffect11,
   useMemo as useMemo35,
   useRef as useRef20
@@ -5977,7 +5972,7 @@ var useIsPlayer = () => {
 function truthy2(value) {
   return Boolean(value);
 }
-var VERSION = "4.0.438";
+var VERSION = "4.0.439";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
@@ -6498,9 +6493,6 @@ var CompositionSetters = createContext7({
   setCanvasContent: () => {
     return;
   },
-  updateCompositionDefaultProps: () => {
-    return;
-  },
   onlyRenderComposition: null
 });
 var getKey = () => {
@@ -6620,12 +6612,8 @@ var EditorPropsContext = createContext8({
   props: {},
   updateProps: () => {
     throw new Error("Not implemented");
-  },
-  resetUnsaved: () => {
-    throw new Error("Not implemented");
   }
 });
-var editorPropsProviderRef = React5.createRef();
 var timeValueRef = React5.createRef();
 var EditorPropsProvider = ({ children }) => {
   const [props, setProps] = React5.useState({});
@@ -6641,25 +6629,9 @@ var EditorPropsProvider = ({ children }) => {
       };
     });
   }, []);
-  const resetUnsaved = useCallback2((compositionId) => {
-    setProps((prev) => {
-      if (prev[compositionId]) {
-        const newProps = { ...prev };
-        delete newProps[compositionId];
-        return newProps;
-      }
-      return prev;
-    });
-  }, []);
-  useImperativeHandle(editorPropsProviderRef, () => {
-    return {
-      getProps: () => props,
-      setProps
-    };
-  }, [props]);
   const ctx = useMemo3(() => {
-    return { props, updateProps, resetUnsaved };
-  }, [props, resetUnsaved, updateProps]);
+    return { props, updateProps };
+  }, [props, updateProps]);
   return /* @__PURE__ */ jsx42(EditorPropsContext.Provider, {
     value: ctx,
     children
@@ -6722,7 +6694,6 @@ var resolveCompositionsRef = createRef();
 var needsResolution = (composition) => {
   return Boolean(composition.calculateMetadata);
 };
-var PROPS_UPDATED_EXTERNALLY = "remotion.propsUpdatedExternally";
 var useResolvedVideoConfig = (preferredCompositionId) => {
   const context = useContext5(ResolveCompositionContext);
   const { props: allEditorProps } = useContext5(EditorPropsContext);
@@ -7493,7 +7464,7 @@ var CanvasRefForwardingFunction = ({ width, height, fit, className, style }, ref
       height: canvasHeight
     }));
   }, [fit, height, width]);
-  useImperativeHandle2(ref, () => {
+  useImperativeHandle(ref, () => {
     return {
       draw,
       getCanvas: () => {
@@ -7692,7 +7663,7 @@ var AnimatedImage = forwardRef3(({
   const currentTimeRef = useRef5(currentTime);
   currentTimeRef.current = currentTime;
   const ref = useRef5(null);
-  useImperativeHandle3(canvasRef, () => {
+  useImperativeHandle2(canvasRef, () => {
     const c = ref.current?.getCanvas();
     if (!c) {
       throw new Error("Canvas ref is not set");
@@ -7818,7 +7789,7 @@ var RenderAssetManagerProvider = ({ children, collectAssets }) => {
     setRenderAssets(renderAssetsRef.current);
   }, []);
   if (collectAssets) {
-    useImperativeHandle4(collectAssets, () => {
+    useImperativeHandle3(collectAssets, () => {
       return {
         collectAssets: () => {
           const assets = renderAssetsRef.current;
@@ -10249,7 +10220,7 @@ var AudioForDevelopmentForwardRefFunction = (props, ref) => {
       });
     };
   }, [cleanupOnMediaTagUnmount]);
-  useImperativeHandle5(ref, () => {
+  useImperativeHandle4(ref, () => {
     return audioRef.current;
   }, [audioRef]);
   const currentOnDurationCallback = useRef14(onDuration);
@@ -10320,7 +10291,7 @@ var AudioForRenderingRefForwardingFunction = (props, ref) => {
     mediaVolume: 1
   });
   warnAboutTooHighVolume(volume);
-  useImperativeHandle6(ref, () => {
+  useImperativeHandle5(ref, () => {
     return audioRef.current;
   }, []);
   useEffect11(() => {
@@ -10749,13 +10720,6 @@ var InnerComposition = ({
     registerComposition,
     unregisterComposition
   ]);
-  useEffect13(() => {
-    window.dispatchEvent(new CustomEvent(PROPS_UPDATED_EXTERNALLY, {
-      detail: {
-        resetUnsaved: id
-      }
-    }));
-  }, [defaultProps, id]);
   const resolved = useResolvedVideoConfig(id);
   if (environment.isStudio && video && video.component === lazy && video.id === id) {
     const Comp = lazy;
@@ -10856,7 +10820,7 @@ var ImgRefForwarding = ({
   if (!_propsValid) {
     throw new Error("typecheck error");
   }
-  useImperativeHandle7(ref, () => {
+  useImperativeHandle6(ref, () => {
     return imageRef.current;
   }, []);
   const actualSrc = usePreload(src);
@@ -11030,25 +10994,11 @@ var CompositionManagerProvider = ({
       return prevFolders.filter((p) => !(p.name === name && p.parent === parent));
     });
   }, []);
-  useImperativeHandle8(compositionsRef, () => {
+  useImperativeHandle7(compositionsRef, () => {
     return {
       getCompositions: () => currentcompositionsRef.current
     };
   }, []);
-  const updateCompositionDefaultProps = useCallback14((id, newDefaultProps) => {
-    setCompositions((comps) => {
-      const updated = comps.map((c2) => {
-        if (c2.id === id) {
-          return {
-            ...c2,
-            defaultProps: newDefaultProps
-          };
-        }
-        return c2;
-      });
-      return updated;
-    });
-  }, []);
   const compositionManagerSetters = useMemo26(() => {
     return {
       registerComposition,
@@ -11056,7 +11006,6 @@ var CompositionManagerProvider = ({
       registerFolder,
       unregisterFolder,
       setCanvasContent,
-      updateCompositionDefaultProps,
       onlyRenderComposition
     };
   }, [
@@ -11064,7 +11013,6 @@ var CompositionManagerProvider = ({
     registerFolder,
     unregisterComposition,
     unregisterFolder,
-    updateCompositionDefaultProps,
     onlyRenderComposition
   ]);
   const compositionManagerContextValue = useMemo26(() => {
@@ -11523,7 +11471,7 @@ var useSchema = (schema, currentValue) => {
     const overrideValues = overrides[overrideId] ?? {};
     const propStatus = codeValues[overrideId];
     const currentValueKeys = Object.keys(currentValue);
-    const keysToUpdate = new Set(currentValueKeys).values();
+    const keysToUpdate = [...new Set(currentValueKeys)];
     const merged = {};
     for (const key of keysToUpdate) {
       const codeValueStatus = propStatus?.[key] ?? null;
@@ -11916,7 +11864,7 @@ var VideoForDevelopmentRefForwardingFunction = (props2, ref) => {
     duration,
     fps
   });
-  useImperativeHandle9(ref, () => {
+  useImperativeHandle8(ref, () => {
     return videoRef.current;
   }, []);
   useState18(() => playbackLogging({
@@ -12389,8 +12337,6 @@ var Internals = {
   CurrentScaleContext,
   PreviewSizeContext,
   calculateScale,
-  editorPropsProviderRef,
-  PROPS_UPDATED_EXTERNALLY,
   validateRenderAsset,
   Log,
   LogLevelContext,
@@ -13074,7 +13020,7 @@ var VideoForRenderingForwardFunction = ({
     sequenceContext?.relativeFrom,
     audioStreamIndex
   ]);
-  useImperativeHandle10(ref, () => {
+  useImperativeHandle9(ref, () => {
     return videoRef.current;
   }, []);
   useEffect17(() => {

package/dist/experts.js

@@ -770,12 +770,7 @@ import { jsx as jsx3 } from "react/jsx-runtime";
 import { useContext as useContext6, useMemo as useMemo5 } from "react";
 import { createContext as createContext7 } from "react";
 import { createContext as createContext9, createRef, useContext as useContext5, useMemo as useMemo4 } from "react";
-import React5, {
-  createContext as createContext8,
-  useCallback as useCallback2,
-  useImperativeHandle,
-  useMemo as useMemo3
-} from "react";
+import React5, { createContext as createContext8, useCallback as useCallback2, useMemo as useMemo3 } from "react";
 import { jsx as jsx4 } from "react/jsx-runtime";
 import { useContext as useContext8 } from "react";
 import { createContext as createContext10 } from "react";
@@ -791,19 +786,19 @@ import { jsx as jsx8 } from "react/jsx-runtime";
 import {
   forwardRef as forwardRef3,
   useEffect as useEffect2,
-  useImperativeHandle as useImperativeHandle3,
+  useImperativeHandle as useImperativeHandle2,
   useLayoutEffect as useLayoutEffect2,
   useRef as useRef5,
   useState as useState5
 } from "react";
-import React10, { useCallback as useCallback5, useImperativeHandle as useImperativeHandle2, useRef as useRef4 } from "react";
+import React10, { useCallback as useCallback5, useImperativeHandle, useRef as useRef4 } from "react";
 import { jsx as jsx9 } from "react/jsx-runtime";
 import { jsx as jsx10 } from "react/jsx-runtime";
 import { useContext as useContext14, useLayoutEffect as useLayoutEffect4, useState as useState7 } from "react";
 import {
   createContext as createContext13,
   useCallback as useCallback6,
-  useImperativeHandle as useImperativeHandle4,
+  useImperativeHandle as useImperativeHandle3,
   useLayoutEffect as useLayoutEffect3,
   useMemo as useMemo12,
   useRef as useRef6,
@@ -822,7 +817,7 @@ import React17, {
   forwardRef as forwardRef4,
   useContext as useContext24,
   useEffect as useEffect10,
-  useImperativeHandle as useImperativeHandle5,
+  useImperativeHandle as useImperativeHandle4,
   useMemo as useMemo22,
   useRef as useRef14,
   useState as useState13
@@ -871,7 +866,7 @@ import {
   forwardRef as forwardRef5,
   useContext as useContext25,
   useEffect as useEffect11,
-  useImperativeHandle as useImperativeHandle6,
+  useImperativeHandle as useImperativeHandle5,
   useLayoutEffect as useLayoutEffect8,
   useMemo as useMemo23,
   useRef as useRef15
@@ -891,7 +886,7 @@ import {
   forwardRef as forwardRef8,
   useCallback as useCallback13,
   useContext as useContext29,
-  useImperativeHandle as useImperativeHandle7,
+  useImperativeHandle as useImperativeHandle6,
   useLayoutEffect as useLayoutEffect9,
   useRef as useRef17
 } from "react";
@@ -900,7 +895,7 @@ import { createRef as createRef3 } from "react";
 import React24 from "react";
 import {
   useCallback as useCallback14,
-  useImperativeHandle as useImperativeHandle8,
+  useImperativeHandle as useImperativeHandle7,
   useMemo as useMemo26,
   useRef as useRef18,
   useState as useState15
@@ -929,7 +924,7 @@ import React30, {
   forwardRef as forwardRef9,
   useContext as useContext34,
   useEffect as useEffect16,
-  useImperativeHandle as useImperativeHandle9,
+  useImperativeHandle as useImperativeHandle8,
   useMemo as useMemo31,
   useRef as useRef19,
   useState as useState18
@@ -951,7 +946,7 @@ import {
   forwardRef as forwardRef12,
   useContext as useContext35,
   useEffect as useEffect17,
-  useImperativeHandle as useImperativeHandle10,
+  useImperativeHandle as useImperativeHandle9,
   useLayoutEffect as useLayoutEffect11,
   useMemo as useMemo35,
   useRef as useRef20
@@ -1003,7 +998,7 @@ var useIsPlayer = () => {
 function truthy(value) {
   return Boolean(value);
 }
-var VERSION = "4.0.438";
+var VERSION = "4.0.439";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
@@ -1524,9 +1519,6 @@ var CompositionSetters = createContext7({
   setCanvasContent: () => {
     return;
   },
-  updateCompositionDefaultProps: () => {
-    return;
-  },
   onlyRenderComposition: null
 });
 var getKey = () => {
@@ -1646,12 +1638,8 @@ var EditorPropsContext = createContext8({
   props: {},
   updateProps: () => {
     throw new Error("Not implemented");
-  },
-  resetUnsaved: () => {
-    throw new Error("Not implemented");
   }
 });
-var editorPropsProviderRef = React5.createRef();
 var timeValueRef = React5.createRef();
 var EditorPropsProvider = ({ children }) => {
   const [props, setProps] = React5.useState({});
@@ -1667,25 +1655,9 @@ var EditorPropsProvider = ({ children }) => {
       };
     });
   }, []);
-  const resetUnsaved = useCallback2((compositionId) => {
-    setProps((prev) => {
-      if (prev[compositionId]) {
-        const newProps = { ...prev };
-        delete newProps[compositionId];
-        return newProps;
-      }
-      return prev;
-    });
-  }, []);
-  useImperativeHandle(editorPropsProviderRef, () => {
-    return {
-      getProps: () => props,
-      setProps
-    };
-  }, [props]);
   const ctx = useMemo3(() => {
-    return { props, updateProps, resetUnsaved };
-  }, [props, resetUnsaved, updateProps]);
+    return { props, updateProps };
+  }, [props, updateProps]);
   return /* @__PURE__ */ jsx4(EditorPropsContext.Provider, {
     value: ctx,
     children
@@ -1748,7 +1720,6 @@ var resolveCompositionsRef = createRef();
 var needsResolution = (composition) => {
   return Boolean(composition.calculateMetadata);
 };
-var PROPS_UPDATED_EXTERNALLY = "remotion.propsUpdatedExternally";
 var useResolvedVideoConfig = (preferredCompositionId) => {
   const context = useContext5(ResolveCompositionContext);
   const { props: allEditorProps } = useContext5(EditorPropsContext);
@@ -2519,7 +2490,7 @@ var CanvasRefForwardingFunction = ({ width, height, fit, className, style }, ref
       height: canvasHeight
     }));
   }, [fit, height, width]);
-  useImperativeHandle2(ref, () => {
+  useImperativeHandle(ref, () => {
     return {
       draw,
       getCanvas: () => {
@@ -2718,7 +2689,7 @@ var AnimatedImage = forwardRef3(({
   const currentTimeRef = useRef5(currentTime);
   currentTimeRef.current = currentTime;
   const ref = useRef5(null);
-  useImperativeHandle3(canvasRef, () => {
+  useImperativeHandle2(canvasRef, () => {
     const c = ref.current?.getCanvas();
     if (!c) {
       throw new Error("Canvas ref is not set");
@@ -2844,7 +2815,7 @@ var RenderAssetManagerProvider = ({ children, collectAssets }) => {
     setRenderAssets(renderAssetsRef.current);
   }, []);
   if (collectAssets) {
-    useImperativeHandle4(collectAssets, () => {
+    useImperativeHandle3(collectAssets, () => {
       return {
         collectAssets: () => {
           const assets = renderAssetsRef.current;
@@ -5275,7 +5246,7 @@ var AudioForDevelopmentForwardRefFunction = (props, ref) => {
       });
     };
   }, [cleanupOnMediaTagUnmount]);
-  useImperativeHandle5(ref, () => {
+  useImperativeHandle4(ref, () => {
     return audioRef.current;
   }, [audioRef]);
   const currentOnDurationCallback = useRef14(onDuration);
@@ -5346,7 +5317,7 @@ var AudioForRenderingRefForwardingFunction = (props, ref) => {
     mediaVolume: 1
   });
   warnAboutTooHighVolume(volume);
-  useImperativeHandle6(ref, () => {
+  useImperativeHandle5(ref, () => {
     return audioRef.current;
   }, []);
   useEffect11(() => {
@@ -5775,13 +5746,6 @@ var InnerComposition = ({
     registerComposition,
     unregisterComposition
   ]);
-  useEffect13(() => {
-    window.dispatchEvent(new CustomEvent(PROPS_UPDATED_EXTERNALLY, {
-      detail: {
-        resetUnsaved: id
-      }
-    }));
-  }, [defaultProps, id]);
   const resolved = useResolvedVideoConfig(id);
   if (environment.isStudio && video && video.component === lazy && video.id === id) {
     const Comp = lazy;
@@ -5882,7 +5846,7 @@ var ImgRefForwarding = ({
   if (!_propsValid) {
     throw new Error("typecheck error");
   }
-  useImperativeHandle7(ref, () => {
+  useImperativeHandle6(ref, () => {
     return imageRef.current;
   }, []);
   const actualSrc = usePreload(src);
@@ -6056,25 +6020,11 @@ var CompositionManagerProvider = ({
       return prevFolders.filter((p) => !(p.name === name && p.parent === parent));
     });
   }, []);
-  useImperativeHandle8(compositionsRef, () => {
+  useImperativeHandle7(compositionsRef, () => {
     return {
       getCompositions: () => currentcompositionsRef.current
     };
   }, []);
-  const updateCompositionDefaultProps = useCallback14((id, newDefaultProps) => {
-    setCompositions((comps) => {
-      const updated = comps.map((c2) => {
-        if (c2.id === id) {
-          return {
-            ...c2,
-            defaultProps: newDefaultProps
-          };
-        }
-        return c2;
-      });
-      return updated;
-    });
-  }, []);
   const compositionManagerSetters = useMemo26(() => {
     return {
       registerComposition,
@@ -6082,7 +6032,6 @@ var CompositionManagerProvider = ({
       registerFolder,
       unregisterFolder,
       setCanvasContent,
-      updateCompositionDefaultProps,
       onlyRenderComposition
     };
   }, [
@@ -6090,7 +6039,6 @@ var CompositionManagerProvider = ({
     registerFolder,
     unregisterComposition,
     unregisterFolder,
-    updateCompositionDefaultProps,
     onlyRenderComposition
   ]);
   const compositionManagerContextValue = useMemo26(() => {
@@ -6549,7 +6497,7 @@ var useSchema = (schema, currentValue) => {
     const overrideValues = overrides[overrideId] ?? {};
     const propStatus = codeValues[overrideId];
     const currentValueKeys = Object.keys(currentValue);
-    const keysToUpdate = new Set(currentValueKeys).values();
+    const keysToUpdate = [...new Set(currentValueKeys)];
     const merged = {};
     for (const key of keysToUpdate) {
       const codeValueStatus = propStatus?.[key] ?? null;
@@ -6942,7 +6890,7 @@ var VideoForDevelopmentRefForwardingFunction = (props2, ref) => {
     duration,
     fps
   });
-  useImperativeHandle9(ref, () => {
+  useImperativeHandle8(ref, () => {
     return videoRef.current;
   }, []);
   useState18(() => playbackLogging({
@@ -7415,8 +7363,6 @@ var Internals = {
   CurrentScaleContext,
   PreviewSizeContext,
   calculateScale,
-  editorPropsProviderRef,
-  PROPS_UPDATED_EXTERNALLY,
   validateRenderAsset,
   Log,
   LogLevelContext,
@@ -8100,7 +8046,7 @@ var VideoForRenderingForwardFunction = ({
     sequenceContext?.relativeFrom,
     audioStreamIndex
   ]);
-  useImperativeHandle10(ref, () => {
+  useImperativeHandle9(ref, () => {
     return videoRef.current;
   }, []);
   useEffect17(() => {