remotion 4.0.395 → 4.0.397

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/default-css.d.ts

@@ -1,3 +1,3 @@
-export declare const injectCSS: (css: string) => void;
+export declare const injectCSS: (css: string) => (() => void);
 export declare const OBJECTFIT_CONTAIN_CLASS_NAME = "__remotion_objectfitcontain";
 export declare const makeDefaultPreviewCSS: (scope: string | null, backgroundColor: string) => string;

package/dist/cjs/default-css.js

@@ -5,16 +5,25 @@ const injected = {};
 const injectCSS = (css) => {
     // Skip in node
     if (typeof document === 'undefined') {
-        return;
+        return () => { };
     }
     if (injected[css]) {
-        return;
+        return () => { };
     }
     const head = document.head || document.getElementsByTagName('head')[0];
     const style = document.createElement('style');
     style.appendChild(document.createTextNode(css));
     head.prepend(style);
-    injected[css] = true;
+    injected[css] = style;
+    return () => {
+        const styleElement = injected[css];
+        if (styleElement) {
+            if (styleElement.parentNode) {
+                styleElement.parentNode.removeChild(styleElement);
+            }
+            delete injected[css];
+        }
+    };
 };
 exports.injectCSS = injectCSS;
 // make object-fit: contain low priority, so it can be overridden by another class name

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

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.395';
+exports.VERSION = '4.0.397';

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.395";
+var VERSION = "4.0.397";
 
 // src/multiple-versions-warning.ts
 var checkMultipleRemotionVersions = () => {
@@ -6043,16 +6043,25 @@ __export(exports_default_css, {
 var injected = {};
 var injectCSS = (css) => {
   if (typeof document === "undefined") {
-    return;
+    return () => {};
   }
   if (injected[css]) {
-    return;
+    return () => {};
   }
   const head = document.head || document.getElementsByTagName("head")[0];
   const style = document.createElement("style");
   style.appendChild(document.createTextNode(css));
   head.prepend(style);
-  injected[css] = true;
+  injected[css] = style;
+  return () => {
+    const styleElement = injected[css];
+    if (styleElement) {
+      if (styleElement.parentNode) {
+        styleElement.parentNode.removeChild(styleElement);
+      }
+      delete injected[css];
+    }
+  };
 };
 var OBJECTFIT_CONTAIN_CLASS_NAME = "__remotion_objectfitcontain";
 var makeDefaultPreviewCSS = (scope, backgroundColor) => {