remotion 4.0.39 → 4.0.41

package/dist/cjs/internals.d.ts

@@ -144,5 +144,6 @@ export declare const Internals: {
     readonly ClipComposition: import("react").FC<{
         children?: import("react").ReactNode;
     }>;
+    readonly isIosSafari: () => boolean;
 };
 export type { TComposition, Timeline, TCompMetadata, TSequence, TRenderAsset as TAsset, TimelineContextValue, SetTimelineContextValue, CompProps, CompositionManagerContext, MediaVolumeContextValue, SetMediaVolumeContextValue, RemotionEnvironment, SerializedJSONWithCustomFields, };

package/dist/cjs/internals.js

@@ -63,6 +63,7 @@ const validate_dimensions_js_1 = require("./validation/validate-dimensions.js");
 const validate_duration_in_frames_js_1 = require("./validation/validate-duration-in-frames.js");
 const validate_fps_js_1 = require("./validation/validate-fps.js");
 const duration_state_js_1 = require("./video/duration-state.js");
+const video_fragment_js_1 = require("./video/video-fragment.js");
 const volume_position_state_js_1 = require("./volume-position-state.js");
 const wrap_remotion_context_js_1 = require("./wrap-remotion-context.js");
 const Timeline = TimelinePosition;
@@ -129,4 +130,5 @@ exports.Internals = {
     DATE_TOKEN: input_props_serialization_js_1.DATE_TOKEN,
     NativeLayersProvider: NativeLayers_js_1.NativeLayersProvider,
     ClipComposition: Composition_js_1.ClipComposition,
+    isIosSafari: video_fragment_js_1.isIosSafari,
 };

package/dist/cjs/prefetch.d.ts

@@ -9,5 +9,6 @@ type FetchAndPreload = {
  */
 export declare const prefetch: (src: string, options?: {
     method?: 'blob-url' | 'base64';
+    contentType?: string;
 }) => FetchAndPreload;
 export {};

package/dist/cjs/prefetch.js

@@ -63,10 +63,18 @@ const prefetch = (src, options) => {
         if (!buf) {
             return;
         }
+        if (!buf.type.startsWith('video/') &&
+            !buf.type.startsWith('audio/') &&
+            !(options === null || options === void 0 ? void 0 : options.contentType)) {
+            console.warn(`Called prefetch() on ${src} which returned a "Content-Type" of ${buf.type}. Prefetched content should have a proper content type (video/... or audio/...) or a contentType passed the options of prefetch(). Otherwise, prefetching will not work properly in all browsers.`);
+        }
+        const actualBlob = (options === null || options === void 0 ? void 0 : options.contentType)
+            ? new Blob([buf], { type: options.contentType })
+            : buf;
         if (method === 'base64') {
-            return blobToBase64(buf);
+            return blobToBase64(actualBlob);
         }
-        return URL.createObjectURL(buf);
+        return URL.createObjectURL(actualBlob);
     })
         .then((url) => {
         if (canceled) {

package/dist/cjs/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "4.0.39";
+export declare const VERSION = "4.0.41";

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.39';
+exports.VERSION = '4.0.41';

package/dist/esm/index.mjs

@@ -59,7 +59,7 @@ function truthy(value) {
 }
 
 // Automatically generated on publish
-const VERSION = '4.0.39';
+const VERSION = '4.0.41';
 
 const checkMultipleRemotionVersions = () => {
     if (typeof globalThis === 'undefined') {
@@ -1318,10 +1318,18 @@ const prefetch = (src, options) => {
         if (!buf) {
             return;
         }
+        if (!buf.type.startsWith('video/') &&
+            !buf.type.startsWith('audio/') &&
+            !(options === null || options === void 0 ? void 0 : options.contentType)) {
+            console.warn(`Called prefetch() on ${src} which returned a "Content-Type" of ${buf.type}. Prefetched content should have a proper content type (video/... or audio/...) or a contentType passed the options of prefetch(). Otherwise, prefetching will not work properly in all browsers.`);
+        }
+        const actualBlob = (options === null || options === void 0 ? void 0 : options.contentType)
+            ? new Blob([buf], { type: options.contentType })
+            : buf;
         if (method === 'base64') {
-            return blobToBase64(buf);
+            return blobToBase64(actualBlob);
         }
-        return URL.createObjectURL(buf);
+        return URL.createObjectURL(actualBlob);
     })
         .then((url) => {
         if (canceled) {
@@ -3968,6 +3976,7 @@ const Internals = {
     DATE_TOKEN,
     NativeLayersProvider,
     ClipComposition,
+    isIosSafari,
 };
 
 const flattenChildren = (children) => {
@@ -4634,7 +4643,6 @@ const VideoForRenderingForwardFunction = ({ onError, volume: volumeProp, allowAm
                 current.removeEventListener('loadeddata', loadedDataHandler);
             };
         }
-        console.log({ currentTime, frame, mediaStartsAt });
         current.currentTime = currentTime;
         const seekedHandler = () => {
             warnAboutNonSeekableMedia(current, 'exception');
@@ -4684,6 +4692,7 @@ const VideoForRenderingForwardFunction = ({ onError, volume: volumeProp, allowAm
         videoConfig.fps,
         frame,
         mediaStartsAt,
+        onError,
     ]);
     const { src } = props;
     // If video source switches, make new handle
@@ -4715,7 +4724,6 @@ const VideoForRenderingForwardFunction = ({ onError, volume: volumeProp, allowAm
             };
         }, [src, onDuration]);
     }
-    console.log(JSON.stringify({ props }));
     return jsx("video", { ref: videoRef, ...props, onError: onError });
 };
 const VideoForRendering = forwardRef(VideoForRenderingForwardFunction);
@@ -4736,14 +4744,6 @@ const VideoForwardingFunction = (props, ref) => {
     const onDuration = useCallback((src, durationInSeconds) => {
         setDurations({ type: 'got-duration', durationInSeconds, src });
     }, [setDurations]);
-    useEffect(() => {
-        const interval = setInterval(() => {
-            console.log('event loop still running');
-        }, 2000);
-        return () => {
-            clearInterval(interval);
-        };
-    }, []);
     if (loop && props.src && durations[getAbsoluteSrc(props.src)] !== undefined) {
         const mediaDuration = durations[getAbsoluteSrc(props.src)] * fps;
         return (jsx(Loop, { durationInFrames: calculateLoopDuration({
@@ -4761,7 +4761,6 @@ const VideoForwardingFunction = (props, ref) => {
     }
     validateMediaProps(props, 'Video');
     if (environment.isRendering) {
-        console.log('rendering');
         return (jsx(VideoForRendering, { onDuration: onDuration, ...otherProps, ref: ref }));
     }
     return (jsx(VideoForDevelopment, { onlyWarnForMediaSeekingError: false, ...otherProps, ref: ref, onDuration: onDuration }));

package/dist/esm/version.mjs

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

package/package.json

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

package/dist/cjs/get-environment.d.ts

@@ -1,3 +0,0 @@
-export type RemotionEnvironment = 'preview' | 'rendering' | 'player-development' | 'player-production';
-export declare const getRemotionEnvironment: () => RemotionEnvironment;
-export declare const useRemotionEnvironment: () => RemotionEnvironment;

package/dist/cjs/get-environment.js

@@ -1,34 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRemotionEnvironment = exports.getRemotionEnvironment = void 0;
-const is_player_js_1 = require("./is-player.js");
-const getRemotionEnvironment = () => {
-    if (process.env.NODE_ENV === 'production') {
-        if (typeof window !== 'undefined' && window.remotion_isPlayer) {
-            return 'player-production';
-        }
-        return 'rendering';
-    }
-    // The Vitest framework sets NODE_ENV as test.
-    // Right now we don't need to treat it in a special
-    // way which is good - defaulting to `rendering`.
-    if (process.env.NODE_ENV === 'test') {
-        return 'rendering';
-    }
-    if (typeof window !== 'undefined' && window.remotion_isPlayer) {
-        return 'player-development';
-    }
-    return 'preview';
-};
-exports.getRemotionEnvironment = getRemotionEnvironment;
-const useRemotionEnvironment = () => {
-    const isPlayer = (0, is_player_js_1.useIsPlayer)();
-    if (isPlayer) {
-        if (process.env.NODE_ENV === 'production') {
-            return 'player-production';
-        }
-        return 'player-development';
-    }
-    return (0, exports.getRemotionEnvironment)();
-};
-exports.useRemotionEnvironment = useRemotionEnvironment;