@remotion/player 4.0.432 → 4.0.434

package/dist/cjs/PlaybackrateControl.js

@@ -61,7 +61,7 @@ const PlaybackrateOption = ({ rate, onSelect, selectedRate, keyboardSelectedRate
             jsx_runtime_1.jsx("div", { style: checkmarkContainer, children: rate === selectedRate ? jsx_runtime_1.jsx(exports.Checkmark, {}) : null }), formatPlaybackRate(rate), "x"] }, rate));
 };
 const PlaybackPopup = ({ setIsComponentVisible, playbackRates, canvasSize }) => {
-    const { setPlaybackRate, playbackRate } = (0, react_1.useContext)(remotion_1.Internals.TimelineContext);
+    const { setPlaybackRate, playbackRate } = remotion_1.Internals.useTimelineContext();
     const [keyboardSelectedRate, setKeyboardSelectedRate] = (0, react_1.useState)(playbackRate);
     (0, react_1.useEffect)(() => {
         const listener = (e) => {
@@ -159,7 +159,7 @@ const button = {
 };
 const PlaybackrateControl = ({ playbackRates, canvasSize }) => {
     const { ref, isComponentVisible, setIsComponentVisible } = (0, use_component_visible_js_1.default)(false);
-    const { playbackRate } = (0, react_1.useContext)(remotion_1.Internals.TimelineContext);
+    const { playbackRate } = remotion_1.Internals.useTimelineContext();
     const onClick = (0, react_1.useCallback)((e) => {
         e.stopPropagation();
         e.preventDefault();

package/dist/cjs/SharedPlayerContext.js

@@ -17,7 +17,7 @@ const SharedPlayerContexts = ({ children, timelineContext, fps, compositionHeigh
                     width: compositionWidth,
                     fps,
                     id: exports.PLAYER_COMP_ID,
-                    nonce: 777,
+                    nonce: [[0, 777]],
                     folderName: null,
                     parentFolderName: null,
                     schema: null,
@@ -81,6 +81,6 @@ const SharedPlayerContexts = ({ children, timelineContext, fps, compositionHeigh
             isReadOnlyStudio: false,
         };
     }, []);
-    return (jsx_runtime_1.jsx(remotion_1.Internals.RemotionEnvironmentContext.Provider, { value: env, children: jsx_runtime_1.jsx(remotion_1.Internals.LogLevelContext.Provider, { value: logLevelContext, children: jsx_runtime_1.jsx(remotion_1.Internals.CanUseRemotionHooksProvider, { children: jsx_runtime_1.jsx(remotion_1.Internals.TimelineContext.Provider, { value: timelineContext, children: jsx_runtime_1.jsx(remotion_1.Internals.CompositionManager.Provider, { value: compositionManagerContext, children: jsx_runtime_1.jsx(remotion_1.Internals.PrefetchProvider, { children: jsx_runtime_1.jsx(remotion_1.Internals.DurationsContextProvider, { children: jsx_runtime_1.jsx(remotion_1.Internals.MediaVolumeContext.Provider, { value: mediaVolumeContextValue, children: jsx_runtime_1.jsx(remotion_1.Internals.SetMediaVolumeContext.Provider, { value: setMediaVolumeContextValue, children: jsx_runtime_1.jsx(remotion_1.Internals.SharedAudioContextProvider, { numberOfAudioTags: numberOfSharedAudioTags, audioLatencyHint: audioLatencyHint, audioEnabled: audioEnabled, children: jsx_runtime_1.jsx(remotion_1.Internals.BufferingProvider, { children: children }) }) }) }) }) }) }) }) }) }) }));
+    return (jsx_runtime_1.jsx(remotion_1.Internals.RemotionEnvironmentContext.Provider, { value: env, children: jsx_runtime_1.jsx(remotion_1.Internals.LogLevelContext.Provider, { value: logLevelContext, children: jsx_runtime_1.jsx(remotion_1.Internals.CanUseRemotionHooksProvider, { children: jsx_runtime_1.jsx(remotion_1.Internals.AbsoluteTimeContext.Provider, { value: timelineContext, children: jsx_runtime_1.jsx(remotion_1.Internals.TimelineContext.Provider, { value: timelineContext, children: jsx_runtime_1.jsx(remotion_1.Internals.CompositionManager.Provider, { value: compositionManagerContext, children: jsx_runtime_1.jsx(remotion_1.Internals.PrefetchProvider, { children: jsx_runtime_1.jsx(remotion_1.Internals.DurationsContextProvider, { children: jsx_runtime_1.jsx(remotion_1.Internals.MediaVolumeContext.Provider, { value: mediaVolumeContextValue, children: jsx_runtime_1.jsx(remotion_1.Internals.SetMediaVolumeContext.Provider, { value: setMediaVolumeContextValue, children: jsx_runtime_1.jsx(remotion_1.Internals.SharedAudioContextProvider, { numberOfAudioTags: numberOfSharedAudioTags, audioLatencyHint: audioLatencyHint, audioEnabled: audioEnabled, children: jsx_runtime_1.jsx(remotion_1.Internals.BufferingProvider, { children: children }) }) }) }) }) }) }) }) }) }) }) }));
 };
 exports.SharedPlayerContexts = SharedPlayerContexts;

package/dist/cjs/use-player.js

@@ -13,7 +13,7 @@ const usePlayer = () => {
     const setFrame = remotion_1.Internals.Timeline.useTimelineSetFrame();
     const setTimelinePosition = remotion_1.Internals.Timeline.useTimelineSetFrame();
     const audioContext = (0, react_1.useContext)(remotion_1.Internals.SharedAudioContext);
-    const { audioAndVideoTags } = (0, react_1.useContext)(remotion_1.Internals.TimelineContext);
+    const { audioAndVideoTags } = remotion_1.Internals.useTimelineContext();
     const frameRef = (0, react_1.useRef)(frame);
     frameRef.current = frame;
     const video = remotion_1.Internals.useVideo();

package/dist/esm/index.mjs

@@ -569,7 +569,7 @@ var usePlayer = () => {
   const setFrame = Internals5.Timeline.useTimelineSetFrame();
   const setTimelinePosition = Internals5.Timeline.useTimelineSetFrame();
   const audioContext = useContext3(Internals5.SharedAudioContext);
-  const { audioAndVideoTags } = useContext3(Internals5.TimelineContext);
+  const { audioAndVideoTags } = Internals5.useTimelineContext();
   const frameRef = useRef2(frame);
   frameRef.current = frame;
   const video = Internals5.useVideo();
@@ -1191,7 +1191,7 @@ import React10, {
   Suspense,
   forwardRef,
   useCallback as useCallback11,
-  useContext as useContext6,
+  useContext as useContext5,
   useEffect as useEffect12,
   useImperativeHandle,
   useMemo as useMemo12,
@@ -1544,13 +1544,7 @@ var MediaVolumeSlider = ({ displayVerticalVolumeSlider, renderMuteButton, render
 };
 
 // src/PlaybackrateControl.tsx
-import {
-  useCallback as useCallback6,
-  useContext as useContext5,
-  useEffect as useEffect9,
-  useMemo as useMemo5,
-  useState as useState8
-} from "react";
+import { useCallback as useCallback6, useEffect as useEffect9, useMemo as useMemo5, useState as useState8 } from "react";
 import { Internals as Internals8 } from "remotion";
 
 // src/utils/use-component-visible.ts
@@ -1643,7 +1637,7 @@ var PlaybackrateOption = ({ rate, onSelect, selectedRate, keyboardSelectedRate }
   }, rate);
 };
 var PlaybackPopup = ({ setIsComponentVisible, playbackRates, canvasSize }) => {
-  const { setPlaybackRate, playbackRate } = useContext5(Internals8.TimelineContext);
+  const { setPlaybackRate, playbackRate } = Internals8.useTimelineContext();
   const [keyboardSelectedRate, setKeyboardSelectedRate] = useState8(playbackRate);
   useEffect9(() => {
     const listener = (e) => {
@@ -1745,7 +1739,7 @@ var button = {
 };
 var PlaybackrateControl = ({ playbackRates, canvasSize }) => {
   const { ref, isComponentVisible, setIsComponentVisible } = useComponentVisible(false);
-  const { playbackRate } = useContext5(Internals8.TimelineContext);
+  const { playbackRate } = Internals8.useTimelineContext();
   const onClick = useCallback6((e) => {
     e.stopPropagation();
     e.preventDefault();
@@ -2556,8 +2550,8 @@ var PlayerUI = ({
     }
     player.emitter.dispatchScaleChange(scale);
   }, [player.emitter, scale]);
-  const { setMediaVolume, setMediaMuted } = useContext6(Internals11.SetMediaVolumeContext);
-  const { mediaMuted, mediaVolume } = useContext6(Internals11.MediaVolumeContext);
+  const { setMediaVolume, setMediaMuted } = useContext5(Internals11.SetMediaVolumeContext);
+  const { mediaMuted, mediaVolume } = useContext5(Internals11.MediaVolumeContext);
   useEffect12(() => {
     player.emitter.dispatchVolumeChange(mediaVolume);
   }, [player.emitter, mediaVolume]);
@@ -2931,7 +2925,7 @@ var SharedPlayerContexts = ({
           width: compositionWidth,
           fps,
           id: PLAYER_COMP_ID,
-          nonce: 777,
+          nonce: [[0, 777]],
           folderName: null,
           parentFolderName: null,
           schema: null,
@@ -3000,22 +2994,25 @@ var SharedPlayerContexts = ({
     children: /* @__PURE__ */ jsx13(Internals13.LogLevelContext.Provider, {
       value: logLevelContext,
       children: /* @__PURE__ */ jsx13(Internals13.CanUseRemotionHooksProvider, {
-        children: /* @__PURE__ */ jsx13(Internals13.TimelineContext.Provider, {
+        children: /* @__PURE__ */ jsx13(Internals13.AbsoluteTimeContext.Provider, {
           value: timelineContext,
-          children: /* @__PURE__ */ jsx13(Internals13.CompositionManager.Provider, {
-            value: compositionManagerContext,
-            children: /* @__PURE__ */ jsx13(Internals13.PrefetchProvider, {
-              children: /* @__PURE__ */ jsx13(Internals13.DurationsContextProvider, {
-                children: /* @__PURE__ */ jsx13(Internals13.MediaVolumeContext.Provider, {
-                  value: mediaVolumeContextValue,
-                  children: /* @__PURE__ */ jsx13(Internals13.SetMediaVolumeContext.Provider, {
-                    value: setMediaVolumeContextValue,
-                    children: /* @__PURE__ */ jsx13(Internals13.SharedAudioContextProvider, {
-                      numberOfAudioTags: numberOfSharedAudioTags,
-                      audioLatencyHint,
-                      audioEnabled,
-                      children: /* @__PURE__ */ jsx13(Internals13.BufferingProvider, {
-                        children
+          children: /* @__PURE__ */ jsx13(Internals13.TimelineContext.Provider, {
+            value: timelineContext,
+            children: /* @__PURE__ */ jsx13(Internals13.CompositionManager.Provider, {
+              value: compositionManagerContext,
+              children: /* @__PURE__ */ jsx13(Internals13.PrefetchProvider, {
+                children: /* @__PURE__ */ jsx13(Internals13.DurationsContextProvider, {
+                  children: /* @__PURE__ */ jsx13(Internals13.MediaVolumeContext.Provider, {
+                    value: mediaVolumeContextValue,
+                    children: /* @__PURE__ */ jsx13(Internals13.SetMediaVolumeContext.Provider, {
+                      value: setMediaVolumeContextValue,
+                      children: /* @__PURE__ */ jsx13(Internals13.SharedAudioContextProvider, {
+                        numberOfAudioTags: numberOfSharedAudioTags,
+                        audioLatencyHint,
+                        audioEnabled,
+                        children: /* @__PURE__ */ jsx13(Internals13.BufferingProvider, {
+                          children
+                        })
                       })
                     })
                   })
@@ -3408,9 +3405,9 @@ import React13, {
 import { Internals as Internals16 } from "remotion";
 
 // src/use-thumbnail.ts
-import { useContext as useContext7, useMemo as useMemo15 } from "react";
+import { useContext as useContext6, useMemo as useMemo15 } from "react";
 var useThumbnail = () => {
-  const emitter = useContext7(ThumbnailEmitterContext);
+  const emitter = useContext6(ThumbnailEmitterContext);
   if (!emitter) {
     throw new TypeError("Expected Player event emitter context");
   }

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/player"
 	},
 	"name": "@remotion/player",
-	"version": "4.0.432",
+	"version": "4.0.434",
 	"description": "React component for embedding a Remotion preview into your app",
 	"main": "dist/cjs/index.js",
 	"types": "dist/cjs/index.d.ts",
@@ -36,7 +36,7 @@
 	],
 	"license": "SEE LICENSE IN LICENSE.md",
 	"dependencies": {
-		"remotion": "4.0.432"
+		"remotion": "4.0.434"
 	},
 	"peerDependencies": {
 		"react": ">=16.8.0",
@@ -50,9 +50,9 @@
 		"react-dom": "19.2.3",
 		"webpack": "5.105.0",
 		"zod": "4.3.6",
-		"@remotion/eslint-config-internal": "4.0.432",
+		"@remotion/eslint-config-internal": "4.0.434",
 		"eslint": "9.19.0",
-		"@typescript/native-preview": "7.0.0-dev.20260301.1"
+		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},
 	"keywords": [
 		"remotion",