@remotion/player 4.0.257 → 4.0.259

package/dist/cjs/Player.js

@@ -43,7 +43,10 @@ const PlayerFn = ({ durationInFrames, compositionHeight, compositionWidth, fps,
         throw new TypeError(`'component' must not be the 'Composition' component. Pass your own React component directly, and set the duration, fps and dimensions as separate props. See https://www.remotion.dev/docs/player/examples for an example.`);
     }
     (0, react_1.useState)(() => (0, use_remotion_license_acknowledge_js_1.acknowledgeRemotionLicenseMessage)(Boolean(acknowledgeRemotionLicense), logLevel));
-    const component = remotion_1.Internals.useLazyComponent(componentProps);
+    const component = remotion_1.Internals.useLazyComponent({
+        compProps: componentProps,
+        componentName: 'Player',
+    });
     (0, validate_initial_frame_js_1.validateInitialFrame)({ initialFrame, durationInFrames });
     const [frame, setFrame] = (0, react_1.useState)(() => ({
         [SharedPlayerContext_js_1.PLAYER_COMP_ID]: initialFrame !== null && initialFrame !== void 0 ? initialFrame : 0,
@@ -114,7 +117,12 @@ const PlayerFn = ({ durationInFrames, compositionHeight, compositionWidth, fps,
     }, [playbackRate]);
     (0, react_1.useImperativeHandle)(ref, () => rootRef.current, []);
     (0, react_1.useState)(() => {
-        remotion_1.Internals.Log.trace(logLevel, `[player] Mounting <Player>. User agent = ${typeof navigator === 'undefined' ? 'server' : navigator.userAgent}`);
+        remotion_1.Internals.playbackLogging({
+            logLevel,
+            message: `[player] Mounting <Player>. User agent = ${typeof navigator === 'undefined' ? 'server' : navigator.userAgent}`,
+            tag: 'player',
+            mountTime: Date.now(),
+        });
     });
     const timelineContextValue = (0, react_1.useMemo)(() => {
         return {

package/dist/cjs/SharedPlayerContext.js

@@ -55,6 +55,12 @@ const SharedPlayerContexts = ({ children, timelineContext, fps, compositionHeigh
             setMediaVolume: setMediaVolumeAndPersist,
         };
     }, [setMediaVolumeAndPersist]);
-    return ((0, jsx_runtime_1.jsx)(remotion_1.Internals.LogLevelContext.Provider, { value: logLevel, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.CanUseRemotionHooksProvider, { children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.Timeline.TimelineContext.Provider, { value: timelineContext, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.CompositionManager.Provider, { value: compositionManagerContext, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.ResolveCompositionConfig, { children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.PrefetchProvider, { children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.DurationsContextProvider, { children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.MediaVolumeContext.Provider, { value: mediaVolumeContextValue, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.SetMediaVolumeContext.Provider, { value: setMediaVolumeContextValue, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.SharedAudioContextProvider, { numberOfAudioTags: numberOfSharedAudioTags, component: component, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.BufferingProvider, { children: children }) }) }) }) }) }) }) }) }) }) }));
+    const logLevelContext = (0, react_1.useMemo)(() => {
+        return {
+            logLevel,
+            mountTime: Date.now(),
+        };
+    }, [logLevel]);
+    return ((0, jsx_runtime_1.jsx)(remotion_1.Internals.LogLevelContext.Provider, { value: logLevelContext, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.CanUseRemotionHooksProvider, { children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.Timeline.TimelineContext.Provider, { value: timelineContext, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.CompositionManager.Provider, { value: compositionManagerContext, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.ResolveCompositionConfig, { children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.PrefetchProvider, { children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.DurationsContextProvider, { children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.MediaVolumeContext.Provider, { value: mediaVolumeContextValue, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.SetMediaVolumeContext.Provider, { value: setMediaVolumeContextValue, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.SharedAudioContextProvider, { numberOfAudioTags: numberOfSharedAudioTags, component: component, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.BufferingProvider, { children: children }) }) }) }) }) }) }) }) }) }) }));
 };
 exports.SharedPlayerContexts = SharedPlayerContexts;

package/dist/cjs/Thumbnail.js

@@ -39,7 +39,10 @@ const ThumbnailFn = ({ frameToDisplay, style, inputProps, compositionHeight, com
         return value;
     }, [frameToDisplay, thumbnailId]);
     (0, react_1.useImperativeHandle)(ref, () => rootRef.current, []);
-    const Component = remotion_1.Internals.useLazyComponent(componentProps);
+    const Component = remotion_1.Internals.useLazyComponent({
+        compProps: componentProps,
+        componentName: 'Thumbnail',
+    });
     const [emitter] = (0, react_1.useState)(() => new event_emitter_js_1.ThumbnailEmitter());
     const passedInputProps = (0, react_1.useMemo)(() => {
         return inputProps !== null && inputProps !== void 0 ? inputProps : {};

package/dist/esm/index.mjs

@@ -2928,8 +2928,14 @@ var SharedPlayerContexts = ({
       setMediaVolume: setMediaVolumeAndPersist
     };
   }, [setMediaVolumeAndPersist]);
+  const logLevelContext = useMemo13(() => {
+    return {
+      logLevel,
+      mountTime: Date.now()
+    };
+  }, [logLevel]);
   return /* @__PURE__ */ jsx13(Internals13.LogLevelContext.Provider, {
-    value: logLevel,
+    value: logLevelContext,
     children: /* @__PURE__ */ jsx13(Internals13.CanUseRemotionHooksProvider, {
       children: /* @__PURE__ */ jsx13(Internals13.Timeline.TimelineContext.Provider, {
         value: timelineContext,
@@ -3143,7 +3149,10 @@ var PlayerFn = ({
     throw new TypeError(`'component' must not be the 'Composition' component. Pass your own React component directly, and set the duration, fps and dimensions as separate props. See https://www.remotion.dev/docs/player/examples for an example.`);
   }
   useState13(() => acknowledgeRemotionLicenseMessage(Boolean(acknowledgeRemotionLicense), logLevel));
-  const component = Internals15.useLazyComponent(componentProps);
+  const component = Internals15.useLazyComponent({
+    compProps: componentProps,
+    componentName: "Player"
+  });
   validateInitialFrame({ initialFrame, durationInFrames });
   const [frame, setFrame] = useState13(() => ({
     [PLAYER_COMP_ID]: initialFrame ?? 0
@@ -3206,7 +3215,12 @@ var PlayerFn = ({
   }, [playbackRate]);
   useImperativeHandle2(ref, () => rootRef.current, []);
   useState13(() => {
-    Internals15.Log.trace(logLevel, `[player] Mounting <Player>. User agent = ${typeof navigator === "undefined" ? "server" : navigator.userAgent}`);
+    Internals15.playbackLogging({
+      logLevel,
+      message: `[player] Mounting <Player>. User agent = ${typeof navigator === "undefined" ? "server" : navigator.userAgent}`,
+      tag: "player",
+      mountTime: Date.now()
+    });
   });
   const timelineContextValue = useMemo14(() => {
     return {
@@ -3502,7 +3516,10 @@ var ThumbnailFn = ({
     return value;
   }, [frameToDisplay, thumbnailId]);
   useImperativeHandle4(ref, () => rootRef.current, []);
-  const Component = Internals17.useLazyComponent(componentProps);
+  const Component = Internals17.useLazyComponent({
+    compProps: componentProps,
+    componentName: "Thumbnail"
+  });
   const [emitter] = useState14(() => new ThumbnailEmitter);
   const passedInputProps = useMemo17(() => {
     return inputProps ?? {};

package/package.json

@@ -3,7 +3,7 @@
     "url": "https://github.com/remotion-dev/remotion/tree/main/packages/player"
   },
   "name": "@remotion/player",
-  "version": "4.0.257",
+  "version": "4.0.259",
   "description": "React component for embedding a Remotion preview into your app",
   "main": "dist/cjs/index.js",
   "types": "dist/cjs/index.d.ts",
@@ -28,7 +28,7 @@
   ],
   "license": "SEE LICENSE IN LICENSE.md",
   "dependencies": {
-    "remotion": "4.0.257"
+    "remotion": "4.0.259"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -43,7 +43,7 @@
     "webpack": "5.96.1",
     "zod": "3.22.3",
     "eslint": "9.14.0",
-    "@remotion/eslint-config-internal": "4.0.257"
+    "@remotion/eslint-config-internal": "4.0.259"
   },
   "keywords": [
     "remotion",