remotion 4.0.251 → 4.0.253

package/dist/cjs/RemotionRoot.d.ts

@@ -1,5 +1,7 @@
 import React from 'react';
+import type { LogLevel } from './log.js';
 export declare const RemotionRoot: React.FC<{
     readonly children: React.ReactNode;
     readonly numberOfAudioTags: number;
+    readonly logLevel: LogLevel;
 }>;

package/dist/cjs/RemotionRoot.js

@@ -13,7 +13,7 @@ const prefetch_state_js_1 = require("./prefetch-state.js");
 const random_js_1 = require("./random.js");
 const timeline_position_state_js_1 = require("./timeline-position-state.js");
 const duration_state_js_1 = require("./video/duration-state.js");
-const RemotionRoot = ({ children, numberOfAudioTags }) => {
+const RemotionRoot = ({ children, numberOfAudioTags, logLevel }) => {
     const [remotionRootId] = (0, react_1.useState)(() => String((0, random_js_1.random)(null)));
     const [frame, setFrame] = (0, react_1.useState)(() => (0, timeline_position_state_js_1.getInitialFrameState)());
     const [playing, setPlaying] = (0, react_1.useState)(false);
@@ -87,6 +87,6 @@ const RemotionRoot = ({ children, numberOfAudioTags }) => {
             }
         }
     }, []);
-    return ((0, jsx_runtime_1.jsx)(log_level_context_js_1.LogLevelContext.Provider, { value: 'info', children: (0, jsx_runtime_1.jsx)(nonce_js_1.NonceContext.Provider, { value: nonceContext, children: (0, jsx_runtime_1.jsx)(timeline_position_state_js_1.TimelineContext.Provider, { value: timelineContextValue, children: (0, jsx_runtime_1.jsx)(timeline_position_state_js_1.SetTimelineContext.Provider, { value: setTimelineContextValue, children: (0, jsx_runtime_1.jsx)(EditorProps_js_1.EditorPropsProvider, { children: (0, jsx_runtime_1.jsx)(prefetch_state_js_1.PrefetchProvider, { children: (0, jsx_runtime_1.jsx)(CompositionManager_js_1.CompositionManagerProvider, { numberOfAudioTags: numberOfAudioTags, children: (0, jsx_runtime_1.jsx)(duration_state_js_1.DurationsContextProvider, { children: (0, jsx_runtime_1.jsx)(buffering_js_1.BufferingProvider, { children: children }) }) }) }) }) }) }) }) }));
+    return ((0, jsx_runtime_1.jsx)(log_level_context_js_1.LogLevelContext.Provider, { value: logLevel, children: (0, jsx_runtime_1.jsx)(nonce_js_1.NonceContext.Provider, { value: nonceContext, children: (0, jsx_runtime_1.jsx)(timeline_position_state_js_1.TimelineContext.Provider, { value: timelineContextValue, children: (0, jsx_runtime_1.jsx)(timeline_position_state_js_1.SetTimelineContext.Provider, { value: setTimelineContextValue, children: (0, jsx_runtime_1.jsx)(EditorProps_js_1.EditorPropsProvider, { children: (0, jsx_runtime_1.jsx)(prefetch_state_js_1.PrefetchProvider, { children: (0, jsx_runtime_1.jsx)(CompositionManager_js_1.CompositionManagerProvider, { numberOfAudioTags: numberOfAudioTags, children: (0, jsx_runtime_1.jsx)(duration_state_js_1.DurationsContextProvider, { children: (0, jsx_runtime_1.jsx)(buffering_js_1.BufferingProvider, { children: children }) }) }) }) }) }) }) }) }));
 };
 exports.RemotionRoot = RemotionRoot;

package/dist/cjs/Sequence.d.ts

@@ -4,6 +4,7 @@ export type AbsoluteFillLayout = {
     layout?: 'absolute-fill';
     premountFor?: number;
     style?: React.CSSProperties;
+    styleWhilePremounted?: React.CSSProperties;
     className?: string;
 };
 export type LayoutAndStyle = AbsoluteFillLayout | {

package/dist/cjs/Sequence.js

@@ -150,7 +150,7 @@ const PremountedSequenceRefForwardingFunction = (props, ref) => {
     if (props.layout === 'none') {
         throw new Error('`<Sequence>` with `premountFor` prop does not support layout="none"');
     }
-    const { style: passedStyle, from = 0, premountFor = 0, ...otherProps } = props;
+    const { style: passedStyle, from = 0, premountFor = 0, styleWhilePremounted, ...otherProps } = props;
     const premountingActive = frame < from && frame >= from - premountFor;
     const style = (0, react_1.useMemo)(() => {
         var _a;
@@ -160,8 +160,9 @@ const PremountedSequenceRefForwardingFunction = (props, ref) => {
             pointerEvents: premountingActive
                 ? 'none'
                 : ((_a = passedStyle === null || passedStyle === void 0 ? void 0 : passedStyle.pointerEvents) !== null && _a !== void 0 ? _a : undefined),
+            ...(premountingActive ? styleWhilePremounted : {}),
         };
-    }, [premountingActive, passedStyle]);
+    }, [passedStyle, premountingActive, styleWhilePremounted]);
     return ((0, jsx_runtime_1.jsx)(freeze_js_1.Freeze, { frame: from, active: premountingActive, children: (0, jsx_runtime_1.jsx)(exports.Sequence, { ref: ref, from: from, style: style, _remotionInternalPremountDisplay: premountFor, _remotionInternalIsPremounting: premountingActive, ...otherProps }) }));
 };
 const PremountedSequence = (0, react_1.forwardRef)(PremountedSequenceRefForwardingFunction);

package/dist/cjs/index.d.ts

@@ -3,6 +3,7 @@ import './asset-types.js';
 import type { Codec } from './codec.js';
 import type { TRenderAsset } from './CompositionManager.js';
 import type { StaticFile } from './get-static-files.js';
+import type { LogLevel } from './log.js';
 import type { VideoConfig } from './video-config.js';
 export type VideoConfigWithSerializedProps = Omit<VideoConfig, 'defaultProps' | 'props'> & {
     serializedDefaultPropsWithCustomSchema: string;
@@ -29,6 +30,7 @@ declare global {
         remotion_editorName: string | null;
         remotion_ignoreFastRefreshUpdate: number | null;
         remotion_numberOfAudioTags: number;
+        remotion_logLevel: LogLevel;
         remotion_projectName: string;
         remotion_cwd: string;
         remotion_studioServerCommand: string;

package/dist/cjs/internals.d.ts

@@ -19,6 +19,7 @@ export declare const Internals: {
     readonly RemotionRoot: import("react").FC<{
         readonly children: import("react").ReactNode;
         readonly numberOfAudioTags: number;
+        readonly logLevel: import("./log.js").LogLevel;
     }>;
     readonly useVideo: () => (import("./video-config.js").VideoConfig & {
         component: import("react").LazyExoticComponent<import("react").ComponentType<Record<string, unknown>>>;
@@ -173,6 +174,7 @@ export declare const Internals: {
         warn: (logLevel: import("./log.js").LogLevel, ...args: Parameters<typeof console.log>) => void;
         error: (...args: Parameters<typeof console.log>) => void;
     };
-    readonly LogLevelContext: import("react").Context<"error" | "trace" | "verbose" | "info" | "warn" | null>;
+    readonly LogLevelContext: import("react").Context<"trace" | "verbose" | "info" | "warn" | "error" | null>;
+    readonly useLogLevel: () => import("./log.js").LogLevel;
 };
 export type { CompositionManagerContext, CompProps, MediaVolumeContextValue, RemotionEnvironment, SerializedJSONWithCustomFields, SetMediaVolumeContextValue, SetTimelineContextValue, TRenderAsset as TAsset, TCompMetadata, TComposition, TimelinePosition as Timeline, TimelineContextValue, TSequence, WatchRemotionStaticFilesPayload, };

package/dist/cjs/internals.js

@@ -128,4 +128,5 @@ exports.Internals = {
     validateRenderAsset: validate_artifact_js_1.validateRenderAsset,
     Log: log_js_1.Log,
     LogLevelContext: log_level_context_js_1.LogLevelContext,
+    useLogLevel: log_level_context_js_1.useLogLevel,
 };

package/dist/cjs/log-level-context.d.ts

@@ -1,4 +1,4 @@
 import type { LogLevel } from './log';
 import React = require('react');
-export declare const LogLevelContext: React.Context<"error" | "trace" | "verbose" | "info" | "warn" | null>;
+export declare const LogLevelContext: React.Context<"trace" | "verbose" | "info" | "warn" | "error" | null>;
 export declare const useLogLevel: () => LogLevel;

package/dist/cjs/version.d.ts

@@ -3,4 +3,4 @@
  * @see [Documentation](https://remotion.dev/docs/version)
  * @returns {string} The current version of the remotion package
  */
-export declare const VERSION = "4.0.251";
+export declare const VERSION = "4.0.253";

package/dist/cjs/version.js

@@ -7,4 +7,4 @@ exports.VERSION = void 0;
  * @see [Documentation](https://remotion.dev/docs/version)
  * @returns {string} The current version of the remotion package
  */
-exports.VERSION = '4.0.251';
+exports.VERSION = '4.0.253';

package/dist/cjs/wrap-remotion-context.d.ts

@@ -39,7 +39,7 @@ export declare function useRemotionContexts(): {
         };
         buffering: React.MutableRefObject<boolean>;
     } | null;
-    logLevelContext: "error" | "trace" | "verbose" | "info" | "warn" | null;
+    logLevelContext: "trace" | "verbose" | "info" | "warn" | "error" | null;
 };
 export interface RemotionContextProviderProps {
     readonly contexts: ReturnType<typeof useRemotionContexts>;

package/dist/esm/index.mjs

@@ -104,7 +104,7 @@ function truthy(value) {
 }
 
 // src/version.ts
-var VERSION = "4.0.251";
+var VERSION = "4.0.253";
 
 // src/multiple-versions-warning.ts
 var checkMultipleRemotionVersions = () => {
@@ -1459,15 +1459,22 @@ var PremountedSequenceRefForwardingFunction = (props, ref) => {
   if (props.layout === "none") {
     throw new Error('`<Sequence>` with `premountFor` prop does not support layout="none"');
   }
-  const { style: passedStyle, from = 0, premountFor = 0, ...otherProps } = props;
+  const {
+    style: passedStyle,
+    from = 0,
+    premountFor = 0,
+    styleWhilePremounted,
+    ...otherProps
+  } = props;
   const premountingActive = frame < from && frame >= from - premountFor;
   const style = useMemo9(() => {
     return {
       ...passedStyle,
       opacity: premountingActive ? 0 : 1,
-      pointerEvents: premountingActive ? "none" : passedStyle?.pointerEvents ?? undefined
+      pointerEvents: premountingActive ? "none" : passedStyle?.pointerEvents ?? undefined,
+      ...premountingActive ? styleWhilePremounted : {}
     };
-  }, [premountingActive, passedStyle]);
+  }, [passedStyle, premountingActive, styleWhilePremounted]);
   return /* @__PURE__ */ jsx8(Freeze, {
     frame: from,
     active: premountingActive,
@@ -5079,7 +5086,7 @@ import {
   useState as useState16
 } from "react";
 import { jsx as jsx26 } from "react/jsx-runtime";
-var RemotionRoot = ({ children, numberOfAudioTags }) => {
+var RemotionRoot = ({ children, numberOfAudioTags, logLevel }) => {
   const [remotionRootId] = useState16(() => String(random(null)));
   const [frame, setFrame] = useState16(() => getInitialFrameState());
   const [playing, setPlaying] = useState16(false);
@@ -5149,7 +5156,7 @@ var RemotionRoot = ({ children, numberOfAudioTags }) => {
     }
   }, []);
   return /* @__PURE__ */ jsx26(LogLevelContext.Provider, {
-    value: "info",
+    value: logLevel,
     children: /* @__PURE__ */ jsx26(NonceContext.Provider, {
       value: nonceContext,
       children: /* @__PURE__ */ jsx26(TimelineContext.Provider, {
@@ -5436,7 +5443,8 @@ var Internals = {
   PROPS_UPDATED_EXTERNALLY,
   validateRenderAsset,
   Log,
-  LogLevelContext
+  LogLevelContext,
+  useLogLevel
 };
 // src/interpolate-colors.ts
 var NUMBER = "[-+]?\\d*\\.?\\d+";

package/dist/esm/version.mjs

@@ -1,5 +1,5 @@
 // src/version.ts
-var VERSION = "4.0.251";
+var VERSION = "4.0.253";
 export {
   VERSION
 };

package/package.json

@@ -3,7 +3,7 @@
     "url": "https://github.com/remotion-dev/remotion/tree/main/packages/core"
   },
   "name": "remotion",
-  "version": "4.0.251",
+  "version": "4.0.253",
   "description": "Make videos programmatically",
   "main": "dist/cjs/index.js",
   "types": "dist/cjs/index.d.ts",
@@ -28,7 +28,7 @@
     "webpack": "5.96.1",
     "zod": "3.22.3",
     "eslint": "9.14.0",
-    "@remotion/eslint-config-internal": "4.0.251"
+    "@remotion/eslint-config-internal": "4.0.253"
   },
   "keywords": [
     "remotion",