remotion 4.0.378 → 4.0.380

package/dist/cjs/RemotionRoot.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.RemotionRootContexts = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
+const CompositionManagerContext_js_1 = require("./CompositionManagerContext.js");
 const EditorProps_js_1 = require("./EditorProps.js");
 const SequenceManager_js_1 = require("./SequenceManager.js");
 const TimelineContext_js_1 = require("./TimelineContext.js");
@@ -14,6 +15,7 @@ const prefetch_state_js_1 = require("./prefetch-state.js");
 const use_media_enabled_js_1 = require("./use-media-enabled.js");
 const duration_state_js_1 = require("./video/duration-state.js");
 const RemotionRootContexts = ({ children, numberOfAudioTags, logLevel, audioLatencyHint, videoEnabled, audioEnabled, frameState, }) => {
+    var _a;
     const [fastRefreshes, setFastRefreshes] = (0, react_1.useState)(0);
     const [manualRefreshes, setManualRefreshes] = (0, react_1.useState)(0);
     const nonceContext = (0, react_1.useMemo)(() => {
@@ -45,6 +47,15 @@ const RemotionRootContexts = ({ children, numberOfAudioTags, logLevel, audioLate
     const logging = (0, react_1.useMemo)(() => {
         return { logLevel, mountTime: Date.now() };
     }, [logLevel]);
-    return ((0, jsx_runtime_1.jsx)(log_level_context_js_1.LogLevelContext.Provider, { value: logging, children: (0, jsx_runtime_1.jsx)(nonce_js_1.NonceContext.Provider, { value: nonceContext, children: (0, jsx_runtime_1.jsx)(nonce_js_1.SetNonceContext.Provider, { value: setNonceContext, children: (0, jsx_runtime_1.jsx)(TimelineContext_js_1.TimelineContextProvider, { frameState: frameState, children: (0, jsx_runtime_1.jsx)(use_media_enabled_js_1.MediaEnabledProvider, { videoEnabled: videoEnabled, audioEnabled: audioEnabled, 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)(SequenceManager_js_1.SequenceManagerProvider, { children: (0, jsx_runtime_1.jsx)(shared_audio_tags_js_1.SharedAudioContextProvider, { numberOfAudioTags: numberOfAudioTags, audioLatencyHint: audioLatencyHint, children: (0, jsx_runtime_1.jsx)(duration_state_js_1.DurationsContextProvider, { children: (0, jsx_runtime_1.jsx)(buffering_js_1.BufferingProvider, { children: children }) }) }) }) }) }) }) }) }) }) }));
+    const compositionManager = (0, react_1.useContext)(CompositionManagerContext_js_1.CompositionManager);
+    const composition = (0, react_1.useMemo)(() => {
+        return compositionManager.compositions.find((c) => {
+            var _a;
+            return ((_a = compositionManager.canvasContent) === null || _a === void 0 ? void 0 : _a.type) === 'composition'
+                ? c.id === compositionManager.canvasContent.compositionId
+                : false;
+        });
+    }, [compositionManager.compositions, compositionManager.canvasContent]);
+    return ((0, jsx_runtime_1.jsx)(log_level_context_js_1.LogLevelContext.Provider, { value: logging, children: (0, jsx_runtime_1.jsx)(nonce_js_1.NonceContext.Provider, { value: nonceContext, children: (0, jsx_runtime_1.jsx)(nonce_js_1.SetNonceContext.Provider, { value: setNonceContext, children: (0, jsx_runtime_1.jsx)(TimelineContext_js_1.TimelineContextProvider, { frameState: frameState, children: (0, jsx_runtime_1.jsx)(use_media_enabled_js_1.MediaEnabledProvider, { videoEnabled: videoEnabled, audioEnabled: audioEnabled, 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)(SequenceManager_js_1.SequenceManagerProvider, { children: (0, jsx_runtime_1.jsx)(shared_audio_tags_js_1.SharedAudioContextProvider, { numberOfAudioTags: numberOfAudioTags, audioLatencyHint: audioLatencyHint, component: (_a = composition === null || composition === void 0 ? void 0 : composition.component) !== null && _a !== void 0 ? _a : null, children: (0, jsx_runtime_1.jsx)(duration_state_js_1.DurationsContextProvider, { children: (0, jsx_runtime_1.jsx)(buffering_js_1.BufferingProvider, { children: children }) }) }) }) }) }) }) }) }) }) }));
 };
 exports.RemotionRootContexts = RemotionRootContexts;

package/dist/cjs/audio/shared-audio-tags.d.ts

@@ -1,4 +1,4 @@
-import type { AudioHTMLAttributes } from 'react';
+import type { AudioHTMLAttributes, ComponentType, LazyExoticComponent } from 'react';
 import React from 'react';
 import type { SharedElementSourceNode } from './shared-element-source-node.js';
 /**
@@ -42,6 +42,7 @@ export declare const SharedAudioContextProvider: React.FC<{
     readonly numberOfAudioTags: number;
     readonly children: React.ReactNode;
     readonly audioLatencyHint: AudioContextLatencyCategory;
+    readonly component: LazyExoticComponent<ComponentType<Record<string, unknown>>> | ComponentType<Record<string, unknown>> | null;
 }>;
 export declare const useSharedAudio: ({ aud, audioId, premounting, }: {
     aud: AudioHTMLAttributes<HTMLAudioElement>;

package/dist/cjs/audio/shared-audio-tags.js

@@ -36,7 +36,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSharedAudio = exports.SharedAudioContextProvider = exports.SharedAudioContext = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importStar(require("react"));
-const CompositionManagerContext_js_1 = require("../CompositionManagerContext.js");
 const log_level_context_js_1 = require("../log-level-context.js");
 const play_and_handle_not_allowed_error_js_1 = require("../play-and-handle-not-allowed-error.js");
 const use_remotion_environment_js_1 = require("../use-remotion-environment.js");
@@ -75,19 +74,12 @@ const didPropChange = (key, newProp, prevProp) => {
     return true;
 };
 exports.SharedAudioContext = (0, react_1.createContext)(null);
-const SharedAudioContextProvider = ({ children, numberOfAudioTags, audioLatencyHint }) => {
+const SharedAudioContextProvider = ({ children, numberOfAudioTags, audioLatencyHint, component }) => {
     const audios = (0, react_1.useRef)([]);
     const [initialNumberOfAudioTags] = (0, react_1.useState)(numberOfAudioTags);
     if (numberOfAudioTags !== initialNumberOfAudioTags) {
         throw new Error('The number of shared audio tags has changed dynamically. Once you have set this property, you cannot change it afterwards.');
     }
-    const compositionManager = (0, react_1.useContext)(CompositionManagerContext_js_1.CompositionManager);
-    const component = compositionManager.compositions.find((c) => {
-        var _a;
-        return ((_a = compositionManager.canvasContent) === null || _a === void 0 ? void 0 : _a.type) === 'composition'
-            ? c.id === compositionManager.canvasContent.compositionId
-            : null;
-    });
     const logLevel = (0, log_level_context_js_1.useLogLevel)();
     const audioContext = (0, use_audio_context_js_1.useSingletonAudioContext)(logLevel, audioLatencyHint);
     const refs = (0, react_1.useMemo)(() => {

package/dist/cjs/calculate-loop.d.ts

@@ -0,0 +1,6 @@
+export declare const calculateLoopDuration: ({ endAt, mediaDuration, playbackRate, startFrom, }: {
+    mediaDuration: number;
+    playbackRate: number;
+    startFrom: number | undefined;
+    endAt: number | undefined;
+}) => number;

package/dist/cjs/calculate-loop.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.calculateLoopDuration = void 0;
+const calculateLoopDuration = ({ endAt, mediaDuration, playbackRate, startFrom, }) => {
+    let duration = mediaDuration;
+    // Account for endAt
+    if (typeof endAt !== 'undefined') {
+        duration = endAt;
+    }
+    // Account for startFrom
+    if (typeof startFrom !== 'undefined') {
+        duration -= startFrom;
+    }
+    const actualDuration = duration / playbackRate;
+    return Math.floor(actualDuration);
+};
+exports.calculateLoopDuration = calculateLoopDuration;

package/dist/cjs/internals.d.ts

@@ -152,6 +152,7 @@ export declare const Internals: {
         readonly numberOfAudioTags: number;
         readonly children: React.ReactNode;
         readonly audioLatencyHint: AudioContextLatencyCategory;
+        readonly component: import("react").LazyExoticComponent<import("react").ComponentType<Record<string, unknown>>> | import("react").ComponentType<Record<string, unknown>> | null;
     }>;
     readonly invalidCompositionErrorMessage: string;
     readonly calculateMediaDuration: ({ trimAfter, mediaDurationInFrames, playbackRate, trimBefore, }: {

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.378";
+export declare const VERSION = "4.0.380";

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.378';
+exports.VERSION = '4.0.380';

package/dist/cjs/video/use-audio-channel-index.d.ts

@@ -0,0 +1,4 @@
+export declare const useAudioChannelIndex: ({ ref, audioChannelIndex, }: {
+    ref: React.RefObject<HTMLVideoElement | HTMLAudioElement | null>;
+    audioChannelIndex: number;
+}) => void;

package/dist/cjs/video/use-audio-channel-index.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAudioChannelIndex = void 0;
+const react_1 = require("react");
+const useAudioChannelIndex = ({ ref, audioChannelIndex, }) => {
+    (0, react_1.useEffect)(() => {
+        var _a;
+        // @ts-expect-error
+        const audioChannels = (_a = ref === null || ref === void 0 ? void 0 : ref.current) === null || _a === void 0 ? void 0 : _a.audioTracks;
+        console.log({ audioChannels, audioChannelIndex });
+    }, [ref, audioChannelIndex]);
+};
+exports.useAudioChannelIndex = useAudioChannelIndex;

package/dist/esm/index.mjs

@@ -110,7 +110,7 @@ function truthy(value) {
 }
 
 // src/version.ts
-var VERSION = "4.0.378";
+var VERSION = "4.0.380";
 
 // src/multiple-versions-warning.ts
 var checkMultipleRemotionVersions = () => {
@@ -3152,14 +3152,12 @@ var didPropChange = (key, newProp, prevProp) => {
   return true;
 };
 var SharedAudioContext = createContext16(null);
-var SharedAudioContextProvider = ({ children, numberOfAudioTags, audioLatencyHint }) => {
+var SharedAudioContextProvider = ({ children, numberOfAudioTags, audioLatencyHint, component }) => {
   const audios = useRef5([]);
   const [initialNumberOfAudioTags] = useState11(numberOfAudioTags);
   if (numberOfAudioTags !== initialNumberOfAudioTags) {
     throw new Error("The number of shared audio tags has changed dynamically. Once you have set this property, you cannot change it afterwards.");
   }
-  const compositionManager = useContext16(CompositionManager);
-  const component = compositionManager.compositions.find((c) => compositionManager.canvasContent?.type === "composition" ? c.id === compositionManager.canvasContent.compositionId : null);
   const logLevel = useLogLevel();
   const audioContext = useSingletonAudioContext(logLevel, audioLatencyHint);
   const refs = useMemo15(() => {
@@ -6095,7 +6093,7 @@ var waitForRoot = (fn) => {
 };
 
 // src/RemotionRoot.tsx
-import { useEffect as useEffect17, useMemo as useMemo27, useState as useState18 } from "react";
+import { useContext as useContext32, useEffect as useEffect17, useMemo as useMemo27, useState as useState18 } from "react";
 
 // src/use-media-enabled.tsx
 import { createContext as createContext19, useContext as useContext31, useMemo as useMemo26 } from "react";
@@ -6175,6 +6173,10 @@ var RemotionRootContexts = ({
   const logging = useMemo27(() => {
     return { logLevel, mountTime: Date.now() };
   }, [logLevel]);
+  const compositionManager = useContext32(CompositionManager);
+  const composition = useMemo27(() => {
+    return compositionManager.compositions.find((c2) => compositionManager.canvasContent?.type === "composition" ? c2.id === compositionManager.canvasContent.compositionId : false);
+  }, [compositionManager.compositions, compositionManager.canvasContent]);
   return /* @__PURE__ */ jsx28(LogLevelContext.Provider, {
     value: logging,
     children: /* @__PURE__ */ jsx28(NonceContext.Provider, {
@@ -6192,6 +6194,7 @@ var RemotionRootContexts = ({
                   children: /* @__PURE__ */ jsx28(SharedAudioContextProvider, {
                     numberOfAudioTags,
                     audioLatencyHint,
+                    component: composition?.component ?? null,
                     children: /* @__PURE__ */ jsx28(DurationsContextProvider, {
                       children: /* @__PURE__ */ jsx28(BufferingProvider, {
                         children
@@ -6298,7 +6301,7 @@ import { useCallback as useCallback16 } from "react";
 // src/video/OffthreadVideoForRendering.tsx
 import {
   useCallback as useCallback15,
-  useContext as useContext32,
+  useContext as useContext33,
   useEffect as useEffect18,
   useLayoutEffect as useLayoutEffect10,
   useMemo as useMemo28,
@@ -6340,9 +6343,9 @@ var OffthreadVideoForRendering = ({
   const frame = useCurrentFrame();
   const volumePropsFrame = useFrameForVolumeProp(loopVolumeCurveBehavior);
   const videoConfig = useUnsafeVideoConfig();
-  const sequenceContext = useContext32(SequenceContext);
+  const sequenceContext = useContext33(SequenceContext);
   const mediaStartsAt = useMediaStartsAt();
-  const { registerRenderAsset, unregisterRenderAsset } = useContext32(RenderAssetManager);
+  const { registerRenderAsset, unregisterRenderAsset } = useContext33(RenderAssetManager);
   if (!src) {
     throw new TypeError("No `src` was passed to <OffthreadVideo>.");
   }
@@ -6522,7 +6525,7 @@ var OffthreadVideoForRendering = ({
 // src/video/VideoForPreview.tsx
 import {
   forwardRef as forwardRef9,
-  useContext as useContext33,
+  useContext as useContext34,
   useEffect as useEffect20,
   useImperativeHandle as useImperativeHandle10,
   useMemo as useMemo29,
@@ -6562,7 +6565,7 @@ var useEmitVideoFrame = ({
 // src/video/VideoForPreview.tsx
 import { jsx as jsx30 } from "react/jsx-runtime";
 var VideoForDevelopmentRefForwardingFunction = (props2, ref) => {
-  const context = useContext33(SharedAudioContext);
+  const context = useContext34(SharedAudioContext);
   if (!context) {
     throw new Error("SharedAudioContext not found");
   }
@@ -6610,8 +6613,8 @@ var VideoForDevelopmentRefForwardingFunction = (props2, ref) => {
   }
   const volumePropFrame = useFrameForVolumeProp(loopVolumeCurveBehavior ?? "repeat");
   const { fps, durationInFrames } = useVideoConfig();
-  const parentSequence = useContext33(SequenceContext);
-  const { hidden } = useContext33(SequenceVisibilityToggleContext);
+  const parentSequence = useContext34(SequenceContext);
+  const { hidden } = useContext34(SequenceVisibilityToggleContext);
   const logLevel = useLogLevel();
   const mountTime = useMountTime();
   const [timelineId] = useState20(() => String(Math.random()));
@@ -7967,12 +7970,12 @@ var Still = (props2) => {
   return React36.createElement(Composition, newProps);
 };
 // src/video/Video.tsx
-import { forwardRef as forwardRef12, useCallback as useCallback17, useContext as useContext35 } from "react";
+import { forwardRef as forwardRef12, useCallback as useCallback17, useContext as useContext36 } from "react";
 
 // src/video/VideoForRendering.tsx
 import {
   forwardRef as forwardRef11,
-  useContext as useContext34,
+  useContext as useContext35,
   useEffect as useEffect21,
   useImperativeHandle as useImperativeHandle11,
   useLayoutEffect as useLayoutEffect11,
@@ -8126,13 +8129,13 @@ var VideoForRenderingForwardFunction = ({
   const volumePropsFrame = useFrameForVolumeProp(loopVolumeCurveBehavior ?? "repeat");
   const videoConfig = useUnsafeVideoConfig();
   const videoRef = useRef17(null);
-  const sequenceContext = useContext34(SequenceContext);
+  const sequenceContext = useContext35(SequenceContext);
   const mediaStartsAt = useMediaStartsAt();
   const environment = useRemotionEnvironment();
   const logLevel = useLogLevel();
   const mountTime = useMountTime();
   const { delayRender: delayRender2, continueRender: continueRender2 } = useDelayRender();
-  const { registerRenderAsset, unregisterRenderAsset } = useContext34(RenderAssetManager);
+  const { registerRenderAsset, unregisterRenderAsset } = useContext35(RenderAssetManager);
   const id = useMemo32(() => `video-${random(props2.src ?? "")}-${sequenceContext?.cumulatedFrom}-${sequenceContext?.relativeFrom}-${sequenceContext?.durationInFrames}`, [
     props2.src,
     sequenceContext?.cumulatedFrom,
@@ -8336,7 +8339,7 @@ var VideoForwardingFunction = (props2, ref) => {
   const { loop, ...propsOtherThanLoop } = props2;
   const { fps } = useVideoConfig();
   const environment = useRemotionEnvironment();
-  const { durations, setDurations } = useContext35(DurationsContext);
+  const { durations, setDurations } = useContext36(DurationsContext);
   if (typeof ref === "string") {
     throw new Error("string refs are not supported");
   }