remotion 4.0.369 → 4.0.371

package/dist/cjs/CompositionManager.d.ts

@@ -13,7 +13,7 @@ export type TComposition<Schema extends AnyZodObject, Props extends Record<strin
     id: string;
     folderName: string | null;
     parentFolderName: string | null;
-    component: LazyExoticComponent<ComponentType<Props>>;
+    component: LazyExoticComponent<ComponentType<Props>> | ComponentType<Props>;
     nonce: number;
     schema: Schema | null;
     calculateMetadata: CalculateMetadataFunction<InferProps<Schema, Props>> | null;

package/dist/cjs/IFrame.js

@@ -24,7 +24,7 @@ const IFrameRefForwarding = ({ onLoad, onError, delayRenderRetries, delayRenderT
             console.error('Error loading iframe:', e, 'Handle the event using the onError() prop to make this message disappear.');
         }
     }, [handle, onError, continueRender]);
-    return (0, jsx_runtime_1.jsx)("iframe", { ...props, ref: ref, onError: didGetError, onLoad: didLoad });
+    return ((0, jsx_runtime_1.jsx)("iframe", { referrerPolicy: "strict-origin-when-cross-origin", ...props, ref: ref, onError: didGetError, onLoad: didLoad }));
 };
 /*
  * @description The <IFrame /> can be used like a regular <iframe> HTML tag.

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

@@ -41,7 +41,7 @@ export declare const SharedAudioContext: React.Context<SharedContext | null>;
 export declare const SharedAudioContextProvider: React.FC<{
     readonly numberOfAudioTags: number;
     readonly children: React.ReactNode;
-    readonly component: LazyExoticComponent<ComponentType<Record<string, unknown>>> | null;
+    readonly component: LazyExoticComponent<ComponentType<Record<string, unknown>>> | ComponentType<Record<string, unknown>> | null;
     readonly audioLatencyHint: AudioContextLatencyCategory;
 }>;
 export declare const useSharedAudio: ({ aud, audioId, premounting, }: {

package/dist/cjs/internals.d.ts

@@ -82,7 +82,7 @@ export declare const Internals: {
         readonly audioEnabled: boolean | null;
     }>;
     readonly useVideo: () => (import("./video-config.js").VideoConfig & {
-        component: import("react").LazyExoticComponent<import("react").ComponentType<Record<string, unknown>>>;
+        component: import("react").LazyExoticComponent<import("react").ComponentType<Record<string, unknown>>> | import("react").ComponentType<Record<string, unknown>>;
     }) | null;
     readonly getRoot: () => import("react").FC<{}> | null;
     readonly useMediaVolumeState: () => readonly [number, (u: number) => void];
@@ -105,9 +105,9 @@ export declare const Internals: {
         compProps: CompProps<Props>;
         componentName: string;
         noSuspense: boolean;
-    }) => import("react").ExoticComponent<Props | (import("react").PropsWithoutRef<Props> & import("react").RefAttributes<import("react").Component<Props, any, any>>)> & {
+    }) => (import("react").ExoticComponent<Props | (import("react").PropsWithoutRef<Props> & import("react").RefAttributes<import("react").Component<Props, any, any>>)> & {
         readonly _result: import("react").ComponentType<Props>;
-    };
+    }) | import("react").ComponentType<Props>;
     readonly truthy: typeof truthy;
     readonly SequenceContext: import("react").Context<import("./SequenceContext.js").SequenceContextType | null>;
     readonly useRemotionContexts: typeof useRemotionContexts;
@@ -144,7 +144,7 @@ export declare const Internals: {
     readonly SharedAudioContextProvider: import("react").FC<{
         readonly numberOfAudioTags: number;
         readonly children: React.ReactNode;
-        readonly component: import("react").LazyExoticComponent<import("react").ComponentType<Record<string, unknown>>> | null;
+        readonly component: import("react").LazyExoticComponent<import("react").ComponentType<Record<string, unknown>>> | import("react").ComponentType<Record<string, unknown>> | null;
         readonly audioLatencyHint: AudioContextLatencyCategory;
     }>;
     readonly invalidCompositionErrorMessage: string;

package/dist/cjs/play-and-handle-not-allowed-error.d.ts

@@ -1,5 +1,5 @@
 import type { RefObject } from 'react';
-import type { LogLevel } from './log';
+import { type LogLevel } from './log';
 export declare const playAndHandleNotAllowedError: ({ mediaRef, mediaType, onAutoPlayError, logLevel, mountTime, reason, isPlayer, }: {
     mediaRef: RefObject<HTMLVideoElement | HTMLAudioElement | null>;
     mediaType: "audio" | "video";

package/dist/cjs/play-and-handle-not-allowed-error.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.playAndHandleNotAllowedError = void 0;
+const log_1 = require("./log");
 const playback_logging_1 = require("./playback-logging");
 const playAndHandleNotAllowedError = ({ mediaRef, mediaType, onAutoPlayError, logLevel, mountTime, reason, isPlayer, }) => {
     const { current } = mediaRef;
@@ -53,14 +54,12 @@ const playAndHandleNotAllowedError = ({ mediaRef, mediaType, onAutoPlayError, lo
                 onAutoPlayError();
                 return;
             }
-            // eslint-disable-next-line no-console
-            console.log(`The video will be muted and we'll retry playing it.`);
             if (mediaType === 'video' && isPlayer) {
-                // eslint-disable-next-line no-console
-                console.log('Use onAutoPlayError() to handle this error yourself.');
+                log_1.Log.info({ logLevel, tag: '<' + mediaType + '>' }, `The video will be muted and we'll retry playing it.`);
+                log_1.Log.info({ logLevel, tag: '<' + mediaType + '>' }, 'Use onAutoPlayError() to handle this error yourself.');
+                current.muted = true;
+                current.play();
             }
-            current.muted = true;
-            current.play();
         }
     });
 };

package/dist/cjs/use-lazy-component.d.ts

@@ -7,5 +7,5 @@ export declare const useLazyComponent: <Props>({ compProps, componentName, noSus
     compProps: CompProps<Props>;
     componentName: string;
     noSuspense: boolean;
-}) => LazyExoticComponent<ComponentType<Props>>;
+}) => LazyExoticComponent<ComponentType<Props>> | ComponentType<Props>;
 export {};

package/dist/cjs/use-lazy-component.js

@@ -46,7 +46,7 @@ const useLazyComponent = ({ compProps, componentName, noSuspense, }) => {
             if (typeof compProps.component === 'undefined') {
                 throw new Error(`A value of \`undefined\` was passed to the \`component\` prop. Check the value you are passing to the <${componentName}/> component.`);
             }
-            return react_1.default.lazy(() => Promise.resolve({ default: compProps.component }));
+            return compProps.component;
         }
         if ('lazyComponent' in compProps &&
             typeof compProps.lazyComponent !== 'undefined') {

package/dist/cjs/use-video.d.ts

@@ -1,7 +1,7 @@
 import type { ComponentType, LazyExoticComponent } from 'react';
 import type { VideoConfig } from './video-config.js';
 type ReturnType = (VideoConfig & {
-    component: LazyExoticComponent<ComponentType<Record<string, unknown>>>;
+    component: LazyExoticComponent<ComponentType<Record<string, unknown>>> | ComponentType<Record<string, unknown>>;
 }) | null;
 export declare const useVideo: () => ReturnType;
 export {};

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

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.369';
+exports.VERSION = '4.0.371';

package/dist/esm/index.mjs

@@ -110,7 +110,7 @@ function truthy(value) {
 }
 
 // src/version.ts
-var VERSION = "4.0.369";
+var VERSION = "4.0.371";
 
 // src/multiple-versions-warning.ts
 var checkMultipleRemotionVersions = () => {
@@ -2931,12 +2931,12 @@ var playAndHandleNotAllowedError = ({
         onAutoPlayError();
         return;
       }
-      console.log(`The video will be muted and we'll retry playing it.`);
       if (mediaType === "video" && isPlayer) {
-        console.log("Use onAutoPlayError() to handle this error yourself.");
+        Log.info({ logLevel, tag: "<" + mediaType + ">" }, `The video will be muted and we'll retry playing it.`);
+        Log.info({ logLevel, tag: "<" + mediaType + ">" }, "Use onAutoPlayError() to handle this error yourself.");
+        current.muted = true;
+        current.play();
       }
-      current.muted = true;
-      current.play();
     }
   });
 };
@@ -5178,7 +5178,7 @@ var useLazyComponent = ({
       if (typeof compProps.component === "undefined") {
         throw new Error(`A value of \`undefined\` was passed to the \`component\` prop. Check the value you are passing to the <${componentName}/> component.`);
       }
-      return React20.lazy(() => Promise.resolve({ default: compProps.component }));
+      return compProps.component;
     }
     if ("lazyComponent" in compProps && typeof compProps.lazyComponent !== "undefined") {
       if (typeof compProps.lazyComponent === "undefined") {
@@ -5583,6 +5583,7 @@ var IFrameRefForwarding = ({
     }
   }, [handle, onError, continueRender2]);
   return /* @__PURE__ */ jsx23("iframe", {
+    referrerPolicy: "strict-origin-when-cross-origin",
     ...props2,
     ref,
     onError: didGetError,

package/dist/esm/version.mjs

@@ -1,5 +1,5 @@
 // src/version.ts
-var VERSION = "4.0.369";
+var VERSION = "4.0.371";
 export {
   VERSION
 };

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/core"
 	},
 	"name": "remotion",
-	"version": "4.0.369",
+	"version": "4.0.371",
 	"description": "Make videos programmatically",
 	"main": "dist/cjs/index.js",
 	"types": "dist/cjs/index.d.ts",
@@ -34,7 +34,7 @@
 		"react-dom": "19.0.0",
 		"webpack": "5.96.1",
 		"zod": "3.22.3",
-		"@remotion/eslint-config-internal": "4.0.369",
+		"@remotion/eslint-config-internal": "4.0.371",
 		"eslint": "9.19.0"
 	},
 	"keywords": [

package/dist/cjs/use-enabled-media.d.ts

@@ -1,2 +0,0 @@
-export declare const useVideoEnabled: () => boolean;
-export declare const useAudioEnabled: () => boolean;

package/dist/cjs/use-enabled-media.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAudioEnabled = exports.useVideoEnabled = void 0;
-const useVideoEnabled = () => {
-    return window.remotion_videoEnabled;
-};
-exports.useVideoEnabled = useVideoEnabled;
-const useAudioEnabled = () => {
-    return window.remotion_audioEnabled;
-};
-exports.useAudioEnabled = useAudioEnabled;