remotion 3.2.3 → 3.2.4

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
-remotion:build: cache hit, replaying output 1bacab82dd53cd80
-remotion:build: 
-remotion:build: > remotion@3.2.2 build /Users/jonathanburger/remotion/packages/core
-remotion:build: > tsc -d
-remotion:build: 
+remotion:build: cache hit, replaying output e51675c52d445313
+remotion:build: 
+remotion:build: > remotion@3.2.3 build /Users/jonathanburger/remotion/packages/core
+remotion:build: > tsc -d
+remotion:build: 

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

@@ -45,6 +45,19 @@ const compareProps = (obj1, obj2) => {
     }
     return true;
 };
+const didPropChange = (key, newProp, prevProp) => {
+    // /music.mp3 and http://localhost:3000/music.mp3 are the same
+    if (key === 'src' &&
+        !prevProp.startsWith('data:') &&
+        !newProp.startsWith('data:')) {
+        return (new URL(prevProp, window.location.origin).toString() !==
+            new URL(newProp, window.location.origin).toString());
+    }
+    if (prevProp === newProp) {
+        return false;
+    }
+    return true;
+};
 exports.SharedAudioContext = (0, react_1.createContext)(null);
 const SharedAudioContextProvider = ({ children, numberOfAudioTags }) => {
     const audios = (0, react_1.useRef)([]);
@@ -75,7 +88,13 @@ const SharedAudioContextProvider = ({ children, numberOfAudioTags }) => {
             if (!data) {
                 throw new TypeError('Expected audio data to be there');
             }
-            Object.assign(current, data.props);
+            Object.keys(data.props).forEach((key) => {
+                // @ts-expect-error
+                if (didPropChange(key, data.props[key], current[key])) {
+                    // @ts-expect-error
+                    current[key] = data.props[key];
+                }
+            });
         });
     }, [refs]);
     const registerAudio = (0, react_1.useCallback)((aud, audioId) => {

package/dist/caption/index.d.ts

@@ -0,0 +1,4 @@
+import type { TCaption } from '../CompositionManager';
+declare type CaptionProps = Omit<TCaption, 'id' | 'isRemote'>;
+export declare const Caption: (props: CaptionProps) => null;
+export {};

package/dist/caption/index.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Caption = void 0;
+const react_1 = require("react");
+const absolute_src_1 = require("../absolute-src");
+const CompositionManager_1 = require("../CompositionManager");
+const get_environment_1 = require("../get-environment");
+const Caption = (props) => {
+    const { language, src, title } = props;
+    const { registerCaption, unregisterCaption } = (0, react_1.useContext)(CompositionManager_1.CompositionManager);
+    (0, react_1.useEffect)(() => {
+        if ((0, get_environment_1.getRemotionEnvironment)() !== 'rendering') {
+            return;
+        }
+        const id = `caption-${src}`;
+        registerCaption({
+            id,
+            language,
+            src: (0, absolute_src_1.getAbsoluteSrc)(src),
+            title,
+        });
+        return () => unregisterCaption(id);
+    }, [language, registerCaption, src, title, unregisterCaption]);
+    return null;
+};
+exports.Caption = Caption;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "remotion",
-	"version": "3.2.3",
+	"version": "3.2.4",
 	"description": "Render videos in React",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
@@ -54,5 +54,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "15773a2e48ee8a9dbcfd898520cb914396c21eb1"
+	"gitHead": "ee420b99227e0e5bcf093c108e3695f5d46e3658"
 }