remotion 4.0.115 → 4.0.117

package/dist/cjs/absolute-src.js

@@ -5,6 +5,6 @@ const getAbsoluteSrc = (relativeSrc) => {
     if (typeof window === 'undefined') {
         return relativeSrc;
     }
-    return new URL(relativeSrc, window.location.origin).href;
+    return new URL(relativeSrc, window.origin).href;
 };
 exports.getAbsoluteSrc = getAbsoluteSrc;

package/dist/cjs/audio/Audio.js

@@ -62,7 +62,7 @@ const AudioRefForwardingFunction = (props, ref) => {
         (0, validate_start_from_props_js_1.validateStartFromProps)(startFrom, endAt);
         const startFromFrameNo = startFrom !== null && startFrom !== void 0 ? startFrom : 0;
         const endAtFrameNo = endAt !== null && endAt !== void 0 ? endAt : Infinity;
-        return ((0, jsx_runtime_1.jsx)(Sequence_js_1.Sequence, { layout: "none", from: 0 - startFromFrameNo, showInTimeline: false, durationInFrames: endAtFrameNo, name: name, children: (0, jsx_runtime_1.jsx)(exports.Audio, { _remotionInternalNeedsDurationCalculation: Boolean(loop), ...otherProps, ref: ref }) }));
+        return ((0, jsx_runtime_1.jsx)(Sequence_js_1.Sequence, { layout: "none", from: 0 - startFromFrameNo, showInTimeline: false, durationInFrames: endAtFrameNo, name: name, children: (0, jsx_runtime_1.jsx)(exports.Audio, { _remotionInternalNeedsDurationCalculation: Boolean(loop), pauseWhenBuffering: pauseWhenBuffering !== null && pauseWhenBuffering !== void 0 ? pauseWhenBuffering : false, ...otherProps, ref: ref }) }));
     }
     (0, validate_media_props_js_1.validateMediaProps)(props, 'Audio');
     if (environment.isRendering) {

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

@@ -51,8 +51,8 @@ const didPropChange = (key, newProp, prevProp) => {
     if (key === 'src' &&
         !prevProp.startsWith('data:') &&
         !newProp.startsWith('data:')) {
-        return (new URL(prevProp, window.location.origin).toString() !==
-            new URL(newProp, window.location.origin).toString());
+        return (new URL(prevProp, window.origin).toString() !==
+            new URL(newProp, window.origin).toString());
     }
     if (prevProp === newProp) {
         return false;

package/dist/cjs/no-react.d.ts

@@ -29,10 +29,11 @@ export declare const NoReactInternals: {
     bundleMapName: string;
     deserializeJSONWithCustomFields: (data: string) => Record<string, unknown>;
     DELAY_RENDER_CALLSTACK_TOKEN: string;
-    getOffthreadVideoSource: ({ src, transparent, currentTime, }: {
+    getOffthreadVideoSource: ({ src, transparent, currentTime, toneMapped, }: {
         src: string;
         transparent: boolean;
         currentTime: number;
+        toneMapped: boolean;
     }) => string;
     getExpectedMediaFrameUncorrected: ({ frame, playbackRate, startFrom, }: {
         frame: number;

package/dist/cjs/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "4.0.115";
+export declare const VERSION = "4.0.117";

package/dist/cjs/version.js

@@ -2,4 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VERSION = void 0;
 // Automatically generated on publish
-exports.VERSION = '4.0.115';
+exports.VERSION = '4.0.117';

package/dist/cjs/video/OffthreadVideo.js

@@ -29,7 +29,7 @@ const OffthreadVideo = (props) => {
         (0, validate_start_from_props_js_1.validateStartFromProps)(startFrom, endAt);
         const startFromFrameNo = startFrom !== null && startFrom !== void 0 ? startFrom : 0;
         const endAtFrameNo = endAt !== null && endAt !== void 0 ? endAt : Infinity;
-        return ((0, jsx_runtime_1.jsx)(Sequence_js_1.Sequence, { layout: "none", from: 0 - startFromFrameNo, showInTimeline: false, durationInFrames: endAtFrameNo, name: name, children: (0, jsx_runtime_1.jsx)(exports.OffthreadVideo, { ...otherProps }) }));
+        return ((0, jsx_runtime_1.jsx)(Sequence_js_1.Sequence, { layout: "none", from: 0 - startFromFrameNo, showInTimeline: false, durationInFrames: endAtFrameNo, name: name, children: (0, jsx_runtime_1.jsx)(exports.OffthreadVideo, { pauseWhenBuffering: pauseWhenBuffering !== null && pauseWhenBuffering !== void 0 ? pauseWhenBuffering : false, ...otherProps }) }));
     }
     (0, validate_media_props_js_1.validateMediaProps)(props, 'Video');
     if (environment.isRendering) {

package/dist/cjs/video/OffthreadVideoForRendering.js

@@ -18,7 +18,7 @@ const use_unsafe_video_config_js_1 = require("../use-unsafe-video-config.js");
 const volume_prop_js_1 = require("../volume-prop.js");
 const get_current_time_js_1 = require("./get-current-time.js");
 const offthread_video_source_js_1 = require("./offthread-video-source.js");
-const OffthreadVideoForRendering = ({ onError, volume: volumeProp, playbackRate, src, muted, allowAmplificationDuringRender, transparent = false, toneFrequency, name, ...props }) => {
+const OffthreadVideoForRendering = ({ onError, volume: volumeProp, playbackRate, src, muted, allowAmplificationDuringRender, transparent = false, toneMapped = true, toneFrequency, name, ...props }) => {
     const absoluteFrame = (0, timeline_position_state_js_1.useTimelinePosition)();
     const frame = (0, use_current_frame_js_1.useCurrentFrame)();
     const volumePropsFrame = (0, use_audio_frame_js_1.useFrameForVolumeProp)();
@@ -92,8 +92,13 @@ const OffthreadVideoForRendering = ({ onError, volume: volumeProp, playbackRate,
         }) / videoConfig.fps);
     }, [frame, mediaStartsAt, playbackRate, videoConfig.fps]);
     const actualSrc = (0, react_1.useMemo)(() => {
-        return (0, offthread_video_source_js_1.getOffthreadVideoSource)({ src, currentTime, transparent });
-    }, [currentTime, src, transparent]);
+        return (0, offthread_video_source_js_1.getOffthreadVideoSource)({
+            src,
+            currentTime,
+            transparent,
+            toneMapped,
+        });
+    }, [toneMapped, currentTime, src, transparent]);
     const onErr = (0, react_1.useCallback)((e) => {
         if (onError) {
             onError === null || onError === void 0 ? void 0 : onError(e);

package/dist/cjs/video/Video.js

@@ -48,7 +48,7 @@ const VideoForwardingFunction = (props, ref) => {
         (0, validate_start_from_props_js_1.validateStartFromProps)(startFrom, endAt);
         const startFromFrameNo = startFrom !== null && startFrom !== void 0 ? startFrom : 0;
         const endAtFrameNo = endAt !== null && endAt !== void 0 ? endAt : Infinity;
-        return ((0, jsx_runtime_1.jsx)(Sequence_js_1.Sequence, { layout: "none", from: 0 - startFromFrameNo, showInTimeline: false, durationInFrames: endAtFrameNo, name: name, children: (0, jsx_runtime_1.jsx)(exports.Video, { ...otherProps, ref: ref }) }));
+        return ((0, jsx_runtime_1.jsx)(Sequence_js_1.Sequence, { layout: "none", from: 0 - startFromFrameNo, showInTimeline: false, durationInFrames: endAtFrameNo, name: name, children: (0, jsx_runtime_1.jsx)(exports.Video, { pauseWhenBuffering: pauseWhenBuffering !== null && pauseWhenBuffering !== void 0 ? pauseWhenBuffering : false, ...otherProps, ref: ref }) }));
     }
     (0, validate_media_props_js_1.validateMediaProps)(props, 'Video');
     if (environment.isRendering) {

package/dist/cjs/video/offthread-video-source.d.ts

@@ -1,5 +1,6 @@
-export declare const getOffthreadVideoSource: ({ src, transparent, currentTime, }: {
+export declare const getOffthreadVideoSource: ({ src, transparent, currentTime, toneMapped, }: {
     src: string;
     transparent: boolean;
     currentTime: number;
+    toneMapped: boolean;
 }) => string;

package/dist/cjs/video/offthread-video-source.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getOffthreadVideoSource = void 0;
 const absolute_src_1 = require("../absolute-src");
-const getOffthreadVideoSource = ({ src, transparent, currentTime, }) => {
-    return `http://localhost:${window.remotion_proxyPort}/proxy?src=${encodeURIComponent((0, absolute_src_1.getAbsoluteSrc)(src))}&time=${encodeURIComponent(currentTime)}&transparent=${String(transparent)}`;
+const getOffthreadVideoSource = ({ src, transparent, currentTime, toneMapped, }) => {
+    return `http://localhost:${window.remotion_proxyPort}/proxy?src=${encodeURIComponent((0, absolute_src_1.getAbsoluteSrc)(src))}&time=${encodeURIComponent(currentTime)}&transparent=${String(transparent)}&toneMapped=${String(toneMapped)}`;
 };
 exports.getOffthreadVideoSource = getOffthreadVideoSource;

package/dist/cjs/video/props.d.ts

@@ -37,6 +37,7 @@ export type OffthreadVideoProps = {
     allowAmplificationDuringRender?: boolean;
     toneFrequency?: number;
     transparent?: boolean;
+    toneMapped?: boolean;
     pauseWhenBuffering?: boolean;
     /**
      * @deprecated For internal use only

package/dist/cjs/watch-static-file.js

@@ -17,12 +17,18 @@ const watchStaticFile = (fileName, callback) => {
         console.warn('The API is only available while using the Remotion Studio.');
         return { cancel: () => undefined };
     }
-    let prevFileData = window.remotion_staticFiles.find((file) => file.name === fileName);
+    const withoutStaticBase = fileName.startsWith(window.remotion_staticBase)
+        ? fileName.replace(window.remotion_staticBase, '')
+        : fileName;
+    const withoutLeadingSlash = withoutStaticBase.startsWith('/')
+        ? withoutStaticBase.slice(1)
+        : withoutStaticBase;
+    let prevFileData = window.remotion_staticFiles.find((file) => file.name === withoutLeadingSlash);
     // Check if the specified static file has updated or deleted
     const checkFile = (event) => {
         const staticFiles = event.detail.files;
         // Check for user specified file
-        const newFileData = staticFiles.find((file) => file.name === fileName);
+        const newFileData = staticFiles.find((file) => file.name === withoutLeadingSlash);
         if (!newFileData) {
             // File is deleted
             if (prevFileData !== undefined) {

package/dist/esm/index.mjs

@@ -105,7 +105,7 @@ function truthy(value) {
 }
 
 // Automatically generated on publish
-const VERSION = '4.0.115';
+const VERSION = '4.0.117';
 
 const checkMultipleRemotionVersions = () => {
     if (typeof globalThis === 'undefined') {
@@ -1084,7 +1084,7 @@ const getAbsoluteSrc = (relativeSrc) => {
     if (typeof window === 'undefined') {
         return relativeSrc;
     }
-    return new URL(relativeSrc, window.location.origin).href;
+    return new URL(relativeSrc, window.origin).href;
 };
 
 const calculateLoopDuration = ({ endAt, mediaDuration, playbackRate, startFrom, }) => {
@@ -2225,8 +2225,8 @@ const didPropChange = (key, newProp, prevProp) => {
     if (key === 'src' &&
         !prevProp.startsWith('data:') &&
         !newProp.startsWith('data:')) {
-        return (new URL(prevProp, window.location.origin).toString() !==
-            new URL(newProp, window.location.origin).toString());
+        return (new URL(prevProp, window.origin).toString() !==
+            new URL(newProp, window.origin).toString());
     }
     if (prevProp === newProp) {
         return false;
@@ -2786,7 +2786,7 @@ const AudioRefForwardingFunction = (props, ref) => {
         validateStartFromProps(startFrom, endAt);
         const startFromFrameNo = startFrom !== null && startFrom !== void 0 ? startFrom : 0;
         const endAtFrameNo = endAt !== null && endAt !== void 0 ? endAt : Infinity;
-        return (jsx(Sequence, { layout: "none", from: 0 - startFromFrameNo, showInTimeline: false, durationInFrames: endAtFrameNo, name: name, children: jsx(Audio, { _remotionInternalNeedsDurationCalculation: Boolean(loop), ...otherProps, ref: ref }) }));
+        return (jsx(Sequence, { layout: "none", from: 0 - startFromFrameNo, showInTimeline: false, durationInFrames: endAtFrameNo, name: name, children: jsx(Audio, { _remotionInternalNeedsDurationCalculation: Boolean(loop), pauseWhenBuffering: pauseWhenBuffering !== null && pauseWhenBuffering !== void 0 ? pauseWhenBuffering : false, ...otherProps, ref: ref }) }));
     }
     validateMediaProps(props, 'Audio');
     if (environment.isRendering) {
@@ -4142,12 +4142,18 @@ const watchStaticFile = (fileName, callback) => {
         console.warn('The API is only available while using the Remotion Studio.');
         return { cancel: () => undefined };
     }
-    let prevFileData = window.remotion_staticFiles.find((file) => file.name === fileName);
+    const withoutStaticBase = fileName.startsWith(window.remotion_staticBase)
+        ? fileName.replace(window.remotion_staticBase, '')
+        : fileName;
+    const withoutLeadingSlash = withoutStaticBase.startsWith('/')
+        ? withoutStaticBase.slice(1)
+        : withoutStaticBase;
+    let prevFileData = window.remotion_staticFiles.find((file) => file.name === withoutLeadingSlash);
     // Check if the specified static file has updated or deleted
     const checkFile = (event) => {
         const staticFiles = event.detail.files;
         // Check for user specified file
-        const newFileData = staticFiles.find((file) => file.name === fileName);
+        const newFileData = staticFiles.find((file) => file.name === withoutLeadingSlash);
         if (!newFileData) {
             // File is deleted
             if (prevFileData !== undefined) {
@@ -4302,8 +4308,8 @@ const validateFrame = ({ allowFloats, durationInFrames, frame, }) => {
     }
 };
 
-const getOffthreadVideoSource = ({ src, transparent, currentTime, }) => {
-    return `http://localhost:${window.remotion_proxyPort}/proxy?src=${encodeURIComponent(getAbsoluteSrc(src))}&time=${encodeURIComponent(currentTime)}&transparent=${String(transparent)}`;
+const getOffthreadVideoSource = ({ src, transparent, currentTime, toneMapped, }) => {
+    return `http://localhost:${window.remotion_proxyPort}/proxy?src=${encodeURIComponent(getAbsoluteSrc(src))}&time=${encodeURIComponent(currentTime)}&transparent=${String(transparent)}&toneMapped=${String(toneMapped)}`;
 };
 
 const flattenChildren = (children) => {
@@ -4659,7 +4665,7 @@ const Still = (props) => {
     return React.createElement((Composition), newProps);
 };
 
-const OffthreadVideoForRendering = ({ onError, volume: volumeProp, playbackRate, src, muted, allowAmplificationDuringRender, transparent = false, toneFrequency, name, ...props }) => {
+const OffthreadVideoForRendering = ({ onError, volume: volumeProp, playbackRate, src, muted, allowAmplificationDuringRender, transparent = false, toneMapped = true, toneFrequency, name, ...props }) => {
     const absoluteFrame = useTimelinePosition();
     const frame = useCurrentFrame();
     const volumePropsFrame = useFrameForVolumeProp();
@@ -4733,8 +4739,13 @@ const OffthreadVideoForRendering = ({ onError, volume: volumeProp, playbackRate,
         }) / videoConfig.fps);
     }, [frame, mediaStartsAt, playbackRate, videoConfig.fps]);
     const actualSrc = useMemo(() => {
-        return getOffthreadVideoSource({ src, currentTime, transparent });
-    }, [currentTime, src, transparent]);
+        return getOffthreadVideoSource({
+            src,
+            currentTime,
+            transparent,
+            toneMapped,
+        });
+    }, [toneMapped, currentTime, src, transparent]);
     const onErr = useCallback((e) => {
         if (onError) {
             onError === null || onError === void 0 ? void 0 : onError(e);
@@ -4905,7 +4916,7 @@ const OffthreadVideo = (props) => {
         validateStartFromProps(startFrom, endAt);
         const startFromFrameNo = startFrom !== null && startFrom !== void 0 ? startFrom : 0;
         const endAtFrameNo = endAt !== null && endAt !== void 0 ? endAt : Infinity;
-        return (jsx(Sequence, { layout: "none", from: 0 - startFromFrameNo, showInTimeline: false, durationInFrames: endAtFrameNo, name: name, children: jsx(OffthreadVideo, { ...otherProps }) }));
+        return (jsx(Sequence, { layout: "none", from: 0 - startFromFrameNo, showInTimeline: false, durationInFrames: endAtFrameNo, name: name, children: jsx(OffthreadVideo, { pauseWhenBuffering: pauseWhenBuffering !== null && pauseWhenBuffering !== void 0 ? pauseWhenBuffering : false, ...otherProps }) }));
     }
     validateMediaProps(props, 'Video');
     if (environment.isRendering) {
@@ -5212,7 +5223,7 @@ const VideoForwardingFunction = (props, ref) => {
         validateStartFromProps(startFrom, endAt);
         const startFromFrameNo = startFrom !== null && startFrom !== void 0 ? startFrom : 0;
         const endAtFrameNo = endAt !== null && endAt !== void 0 ? endAt : Infinity;
-        return (jsx(Sequence, { layout: "none", from: 0 - startFromFrameNo, showInTimeline: false, durationInFrames: endAtFrameNo, name: name, children: jsx(Video, { ...otherProps, ref: ref }) }));
+        return (jsx(Sequence, { layout: "none", from: 0 - startFromFrameNo, showInTimeline: false, durationInFrames: endAtFrameNo, name: name, children: jsx(Video, { pauseWhenBuffering: pauseWhenBuffering !== null && pauseWhenBuffering !== void 0 ? pauseWhenBuffering : false, ...otherProps, ref: ref }) }));
     }
     validateMediaProps(props, 'Video');
     if (environment.isRendering) {

package/dist/esm/no-react.mjs

@@ -740,11 +740,11 @@ const getAbsoluteSrc = (relativeSrc) => {
     if (typeof window === 'undefined') {
         return relativeSrc;
     }
-    return new URL(relativeSrc, window.location.origin).href;
+    return new URL(relativeSrc, window.origin).href;
 };
 
-const getOffthreadVideoSource = ({ src, transparent, currentTime, }) => {
-    return `http://localhost:${window.remotion_proxyPort}/proxy?src=${encodeURIComponent(getAbsoluteSrc(src))}&time=${encodeURIComponent(currentTime)}&transparent=${String(transparent)}`;
+const getOffthreadVideoSource = ({ src, transparent, currentTime, toneMapped, }) => {
+    return `http://localhost:${window.remotion_proxyPort}/proxy?src=${encodeURIComponent(getAbsoluteSrc(src))}&time=${encodeURIComponent(currentTime)}&transparent=${String(transparent)}&toneMapped=${String(toneMapped)}`;
 };
 
 const NoReactInternals = {

package/dist/esm/version.mjs

@@ -1,4 +1,4 @@
 // Automatically generated on publish
-const VERSION = '4.0.115';
+const VERSION = '4.0.117';
 
 export { VERSION };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "remotion",
-  "version": "4.0.115",
+  "version": "4.0.117",
   "description": "Render videos in React",
   "main": "dist/cjs/index.js",
   "types": "dist/cjs/index.d.ts",