@remotion/promo-pages 4.0.374 → 4.0.375

package/dist/Homepage.js

@@ -753,7 +753,7 @@ var __defProp2, __export2 = (target, all) => {
   });
 }, useIsPlayer = () => {
   return useContext(IsPlayerContext);
-}, VERSION = "4.0.374", checkMultipleRemotionVersions = () => {
+}, VERSION = "4.0.375", checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
   }
@@ -1046,6 +1046,9 @@ Check that all your Remotion packages are on the same version. If your dependenc
   if (override) {
     return override;
   }
+  if (typeof window === "undefined" || typeof window.remotion_inputProps === "undefined") {
+    throw new Error("Cannot call `getInputProps()` - window.remotion_inputProps is not set. This API is only available if you are in the Studio, or while you are rendering server-side.");
+  }
   const param = window.remotion_inputProps;
   if (!param) {
     return {};
@@ -1203,7 +1206,7 @@ Check that all your Remotion packages are on the same version. If your dependenc
   }
 }, ResolveCompositionContext, resolveCompositionsRef, needsResolution = (composition) => {
   return Boolean(composition.calculateMetadata);
-}, PROPS_UPDATED_EXTERNALLY = "remotion.propsUpdatedExternally", ResolveCompositionConfig = ({ children }) => {
+}, PROPS_UPDATED_EXTERNALLY = "remotion.propsUpdatedExternally", ResolveCompositionConfigInStudio = ({ children }) => {
   const [currentRenderModalComposition, setCurrentRenderModalComposition] = useState4(null);
   const { compositions, canvasContent, currentCompositionMetadata } = useContext4(CompositionManager);
   const { fastRefreshes, manualRefreshes } = useContext4(NonceContext);
@@ -1499,7 +1502,7 @@ Check that all your Remotion packages are on the same version. If your dependenc
           props: {
             ...composition.defaultProps ?? {},
             ...selectedEditorProps ?? {},
-            ...typeof window === "undefined" || env.isPlayer ? {} : getInputProps() ?? {}
+            ...typeof window === "undefined" || env.isPlayer || !window.remotion_inputProps ? {} : getInputProps() ?? {}
           },
           defaultCodec: null,
           defaultOutName: null,
@@ -1509,6 +1512,9 @@ Check that all your Remotion packages are on the same version. If your dependenc
         }
       };
     }
+    if (!context) {
+      return null;
+    }
     if (!context[composition.id]) {
       return null;
     }
@@ -5422,14 +5428,12 @@ Check that all your Remotion packages are on the same version. If your dependenc
               children: /* @__PURE__ */ jsx28(PrefetchProvider, {
                 children: /* @__PURE__ */ jsx28(SequenceManagerProvider, {
                   children: /* @__PURE__ */ jsx28(RenderAssetManagerProvider, {
-                    children: /* @__PURE__ */ jsx28(ResolveCompositionConfig, {
-                      children: /* @__PURE__ */ jsx28(SharedAudioContextProvider, {
-                        numberOfAudioTags,
-                        audioLatencyHint,
-                        children: /* @__PURE__ */ jsx28(DurationsContextProvider, {
-                          children: /* @__PURE__ */ jsx28(BufferingProvider, {
-                            children
-                          })
+                    children: /* @__PURE__ */ jsx28(SharedAudioContextProvider, {
+                      numberOfAudioTags,
+                      audioLatencyHint,
+                      children: /* @__PURE__ */ jsx28(DurationsContextProvider, {
+                        children: /* @__PURE__ */ jsx28(BufferingProvider, {
+                          children
                         })
                       })
                     })
@@ -7129,7 +7133,7 @@ var init_esm = __esm(() => {
     resolveVideoConfig,
     useResolvedVideoConfig,
     resolveCompositionsRef,
-    ResolveCompositionConfig,
+    ResolveCompositionConfigInStudio,
     REMOTION_STUDIO_CONTAINER_ELEMENT,
     RenderAssetManager,
     persistCurrentFrame,
@@ -13180,6 +13184,7 @@ var Outer = ({
   const depth = depthFromHover;
   const frontFace = reduceMatrices([
     translateZ(-depth / 2 + depthFromClick),
+    translateZ(1.1),
     transformation
   ]);
   const centerOriented = reduceMatrices([
@@ -13321,7 +13326,7 @@ var Button = ({ children, className, disabled, depth, loading, ...buttonProps })
     ...buttonProps,
     children: [
       /* @__PURE__ */ jsx43("div", {
-        className: cn(loading && "invisible"),
+        className: cn(loading && "invisible", "inline-flex"),
         children
       }),
       loading ? /* @__PURE__ */ jsx43("div", {
@@ -23899,7 +23904,8 @@ var SharedPlayerContexts = ({
   initiallyMuted,
   logLevel,
   audioLatencyHint,
-  volumePersistenceKey
+  volumePersistenceKey,
+  inputProps
 }) => {
   const compositionManagerContext = useMemo132(() => {
     const context = {
@@ -23919,11 +23925,29 @@ var SharedPlayerContexts = ({
         }
       ],
       folders: [],
-      currentCompositionMetadata: null,
+      currentCompositionMetadata: {
+        defaultCodec: null,
+        defaultOutName: null,
+        defaultPixelFormat: null,
+        defaultProResProfile: null,
+        defaultVideoImageFormat: null,
+        durationInFrames,
+        fps,
+        height: compositionHeight,
+        width: compositionWidth,
+        props: inputProps
+      },
       canvasContent: { type: "composition", compositionId: "player-comp" }
     };
     return context;
-  }, [component, durationInFrames, compositionHeight, compositionWidth, fps]);
+  }, [
+    component,
+    durationInFrames,
+    compositionHeight,
+    compositionWidth,
+    fps,
+    inputProps
+  ]);
   const [mediaMuted, setMediaMuted] = useState122(() => initiallyMuted);
   const [mediaVolume, setMediaVolume] = useState122(() => getPreferredVolume(volumePersistenceKey ?? null));
   const mediaVolumeContextValue = useMemo132(() => {
@@ -23966,19 +23990,17 @@ var SharedPlayerContexts = ({
           value: timelineContext,
           children: /* @__PURE__ */ jsx133(Internals.CompositionManager.Provider, {
             value: compositionManagerContext,
-            children: /* @__PURE__ */ jsx133(Internals.ResolveCompositionConfig, {
-              children: /* @__PURE__ */ jsx133(Internals.PrefetchProvider, {
-                children: /* @__PURE__ */ jsx133(Internals.DurationsContextProvider, {
-                  children: /* @__PURE__ */ jsx133(Internals.MediaVolumeContext.Provider, {
-                    value: mediaVolumeContextValue,
-                    children: /* @__PURE__ */ jsx133(Internals.SetMediaVolumeContext.Provider, {
-                      value: setMediaVolumeContextValue,
-                      children: /* @__PURE__ */ jsx133(Internals.SharedAudioContextProvider, {
-                        numberOfAudioTags: numberOfSharedAudioTags,
-                        audioLatencyHint,
-                        children: /* @__PURE__ */ jsx133(Internals.BufferingProvider, {
-                          children
-                        })
+            children: /* @__PURE__ */ jsx133(Internals.PrefetchProvider, {
+              children: /* @__PURE__ */ jsx133(Internals.DurationsContextProvider, {
+                children: /* @__PURE__ */ jsx133(Internals.MediaVolumeContext.Provider, {
+                  value: mediaVolumeContextValue,
+                  children: /* @__PURE__ */ jsx133(Internals.SetMediaVolumeContext.Provider, {
+                    value: setMediaVolumeContextValue,
+                    children: /* @__PURE__ */ jsx133(Internals.SharedAudioContextProvider, {
+                      numberOfAudioTags: numberOfSharedAudioTags,
+                      audioLatencyHint,
+                      children: /* @__PURE__ */ jsx133(Internals.BufferingProvider, {
+                        children
                       })
                     })
                   })
@@ -24278,6 +24300,7 @@ var PlayerFn = ({
       logLevel,
       audioLatencyHint,
       volumePersistenceKey,
+      inputProps: actualInputProps,
       children: /* @__PURE__ */ jsx143(Internals.SetTimelineContext.Provider, {
         value: setTimelineContextValue,
         children: /* @__PURE__ */ jsx143(PlayerEmitterProvider, {
@@ -24525,6 +24548,7 @@ var ThumbnailFn = ({
       initiallyMuted: true,
       logLevel,
       audioLatencyHint: "playback",
+      inputProps: passedInputProps,
       children: /* @__PURE__ */ jsx163(ThumbnailEmitterContext.Provider, {
         value: emitter,
         children: /* @__PURE__ */ jsx163(ThumbnailUI_default, {

package/dist/Users/jonathanburger/remotion/packages/promo-pages/dist/Homepage.js

@@ -753,7 +753,7 @@ var __defProp2, __export2 = (target, all) => {
   });
 }, useIsPlayer = () => {
   return useContext(IsPlayerContext);
-}, VERSION = "4.0.374", checkMultipleRemotionVersions = () => {
+}, VERSION = "4.0.375", checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
   }
@@ -1046,6 +1046,9 @@ Check that all your Remotion packages are on the same version. If your dependenc
   if (override) {
     return override;
   }
+  if (typeof window === "undefined" || typeof window.remotion_inputProps === "undefined") {
+    throw new Error("Cannot call `getInputProps()` - window.remotion_inputProps is not set. This API is only available if you are in the Studio, or while you are rendering server-side.");
+  }
   const param = window.remotion_inputProps;
   if (!param) {
     return {};
@@ -1203,7 +1206,7 @@ Check that all your Remotion packages are on the same version. If your dependenc
   }
 }, ResolveCompositionContext, resolveCompositionsRef, needsResolution = (composition) => {
   return Boolean(composition.calculateMetadata);
-}, PROPS_UPDATED_EXTERNALLY = "remotion.propsUpdatedExternally", ResolveCompositionConfig = ({ children }) => {
+}, PROPS_UPDATED_EXTERNALLY = "remotion.propsUpdatedExternally", ResolveCompositionConfigInStudio = ({ children }) => {
   const [currentRenderModalComposition, setCurrentRenderModalComposition] = useState4(null);
   const { compositions, canvasContent, currentCompositionMetadata } = useContext4(CompositionManager);
   const { fastRefreshes, manualRefreshes } = useContext4(NonceContext);
@@ -1499,7 +1502,7 @@ Check that all your Remotion packages are on the same version. If your dependenc
           props: {
             ...composition.defaultProps ?? {},
             ...selectedEditorProps ?? {},
-            ...typeof window === "undefined" || env.isPlayer ? {} : getInputProps() ?? {}
+            ...typeof window === "undefined" || env.isPlayer || !window.remotion_inputProps ? {} : getInputProps() ?? {}
           },
           defaultCodec: null,
           defaultOutName: null,
@@ -1509,6 +1512,9 @@ Check that all your Remotion packages are on the same version. If your dependenc
         }
       };
     }
+    if (!context) {
+      return null;
+    }
     if (!context[composition.id]) {
       return null;
     }
@@ -5422,14 +5428,12 @@ Check that all your Remotion packages are on the same version. If your dependenc
               children: /* @__PURE__ */ jsx28(PrefetchProvider, {
                 children: /* @__PURE__ */ jsx28(SequenceManagerProvider, {
                   children: /* @__PURE__ */ jsx28(RenderAssetManagerProvider, {
-                    children: /* @__PURE__ */ jsx28(ResolveCompositionConfig, {
-                      children: /* @__PURE__ */ jsx28(SharedAudioContextProvider, {
-                        numberOfAudioTags,
-                        audioLatencyHint,
-                        children: /* @__PURE__ */ jsx28(DurationsContextProvider, {
-                          children: /* @__PURE__ */ jsx28(BufferingProvider, {
-                            children
-                          })
+                    children: /* @__PURE__ */ jsx28(SharedAudioContextProvider, {
+                      numberOfAudioTags,
+                      audioLatencyHint,
+                      children: /* @__PURE__ */ jsx28(DurationsContextProvider, {
+                        children: /* @__PURE__ */ jsx28(BufferingProvider, {
+                          children
                         })
                       })
                     })
@@ -7129,7 +7133,7 @@ var init_esm = __esm(() => {
     resolveVideoConfig,
     useResolvedVideoConfig,
     resolveCompositionsRef,
-    ResolveCompositionConfig,
+    ResolveCompositionConfigInStudio,
     REMOTION_STUDIO_CONTAINER_ELEMENT,
     RenderAssetManager,
     persistCurrentFrame,
@@ -13180,6 +13184,7 @@ var Outer = ({
   const depth = depthFromHover;
   const frontFace = reduceMatrices([
     translateZ(-depth / 2 + depthFromClick),
+    translateZ(1.1),
     transformation
   ]);
   const centerOriented = reduceMatrices([
@@ -13321,7 +13326,7 @@ var Button = ({ children, className, disabled, depth, loading, ...buttonProps })
     ...buttonProps,
     children: [
       /* @__PURE__ */ jsx43("div", {
-        className: cn(loading && "invisible"),
+        className: cn(loading && "invisible", "inline-flex"),
         children
       }),
       loading ? /* @__PURE__ */ jsx43("div", {
@@ -23899,7 +23904,8 @@ var SharedPlayerContexts = ({
   initiallyMuted,
   logLevel,
   audioLatencyHint,
-  volumePersistenceKey
+  volumePersistenceKey,
+  inputProps
 }) => {
   const compositionManagerContext = useMemo132(() => {
     const context = {
@@ -23919,11 +23925,29 @@ var SharedPlayerContexts = ({
         }
       ],
       folders: [],
-      currentCompositionMetadata: null,
+      currentCompositionMetadata: {
+        defaultCodec: null,
+        defaultOutName: null,
+        defaultPixelFormat: null,
+        defaultProResProfile: null,
+        defaultVideoImageFormat: null,
+        durationInFrames,
+        fps,
+        height: compositionHeight,
+        width: compositionWidth,
+        props: inputProps
+      },
       canvasContent: { type: "composition", compositionId: "player-comp" }
     };
     return context;
-  }, [component, durationInFrames, compositionHeight, compositionWidth, fps]);
+  }, [
+    component,
+    durationInFrames,
+    compositionHeight,
+    compositionWidth,
+    fps,
+    inputProps
+  ]);
   const [mediaMuted, setMediaMuted] = useState122(() => initiallyMuted);
   const [mediaVolume, setMediaVolume] = useState122(() => getPreferredVolume(volumePersistenceKey ?? null));
   const mediaVolumeContextValue = useMemo132(() => {
@@ -23966,19 +23990,17 @@ var SharedPlayerContexts = ({
           value: timelineContext,
           children: /* @__PURE__ */ jsx133(Internals.CompositionManager.Provider, {
             value: compositionManagerContext,
-            children: /* @__PURE__ */ jsx133(Internals.ResolveCompositionConfig, {
-              children: /* @__PURE__ */ jsx133(Internals.PrefetchProvider, {
-                children: /* @__PURE__ */ jsx133(Internals.DurationsContextProvider, {
-                  children: /* @__PURE__ */ jsx133(Internals.MediaVolumeContext.Provider, {
-                    value: mediaVolumeContextValue,
-                    children: /* @__PURE__ */ jsx133(Internals.SetMediaVolumeContext.Provider, {
-                      value: setMediaVolumeContextValue,
-                      children: /* @__PURE__ */ jsx133(Internals.SharedAudioContextProvider, {
-                        numberOfAudioTags: numberOfSharedAudioTags,
-                        audioLatencyHint,
-                        children: /* @__PURE__ */ jsx133(Internals.BufferingProvider, {
-                          children
-                        })
+            children: /* @__PURE__ */ jsx133(Internals.PrefetchProvider, {
+              children: /* @__PURE__ */ jsx133(Internals.DurationsContextProvider, {
+                children: /* @__PURE__ */ jsx133(Internals.MediaVolumeContext.Provider, {
+                  value: mediaVolumeContextValue,
+                  children: /* @__PURE__ */ jsx133(Internals.SetMediaVolumeContext.Provider, {
+                    value: setMediaVolumeContextValue,
+                    children: /* @__PURE__ */ jsx133(Internals.SharedAudioContextProvider, {
+                      numberOfAudioTags: numberOfSharedAudioTags,
+                      audioLatencyHint,
+                      children: /* @__PURE__ */ jsx133(Internals.BufferingProvider, {
+                        children
                       })
                     })
                   })
@@ -24278,6 +24300,7 @@ var PlayerFn = ({
       logLevel,
       audioLatencyHint,
       volumePersistenceKey,
+      inputProps: actualInputProps,
       children: /* @__PURE__ */ jsx143(Internals.SetTimelineContext.Provider, {
         value: setTimelineContextValue,
         children: /* @__PURE__ */ jsx143(PlayerEmitterProvider, {
@@ -24525,6 +24548,7 @@ var ThumbnailFn = ({
       initiallyMuted: true,
       logLevel,
       audioLatencyHint: "playback",
+      inputProps: passedInputProps,
       children: /* @__PURE__ */ jsx163(ThumbnailEmitterContext.Provider, {
         value: emitter,
         children: /* @__PURE__ */ jsx163(ThumbnailUI_default, {