remotion 3.3.31 → 3.3.33

package/dist/LayerMaster.js

@@ -4,6 +4,7 @@ exports.LayerMaster = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const AbsoluteFill_1 = require("./AbsoluteFill");
+const get_environment_1 = require("./get-environment");
 const LayerMaster = ({ layers, defaultProps, inputProps, fallbackComponent: FallbackComponent, }) => {
     return (
     // TODO: Same styles as normal
@@ -20,8 +21,17 @@ const LayerMaster = ({ layers, defaultProps, inputProps, fallbackComponent: Fall
             }
             // SVG should not support suspense
             if (layer.type === 'svg') {
-                // eslint-disable-next-line react/no-array-index-key
-                return (0, jsx_runtime_1.jsx)(Comp, { ...defaultProps, ...inputProps }, String(i));
+                if ((0, get_environment_1.getRemotionEnvironment)() === 'rendering') {
+                    return null;
+                }
+                return ((0, jsx_runtime_1.jsx)(AbsoluteFill_1.AbsoluteFill, { children: (0, jsx_runtime_1.jsx)(Comp, { ...defaultProps, ...inputProps }, String(i)) }));
+            }
+            if (layer.type === 'video') {
+                if ((0, get_environment_1.getRemotionEnvironment)() === 'rendering') {
+                    return null;
+                }
+                // TODO: AbsoluteFill is different flex direction
+                return ((0, jsx_runtime_1.jsx)(AbsoluteFill_1.AbsoluteFill, { children: (0, jsx_runtime_1.jsx)(Comp, { ...defaultProps, ...inputProps }, String(i)) }));
             }
             throw new Error('Unknown layer type');
         }) }));

package/dist/layers.d.ts

@@ -3,7 +3,7 @@ import React from 'react';
 export declare type LooseComponentType<T> = ComponentType<T> | ((props: T) => React.ReactNode);
 export declare type InputLayer<T> = {
     component: LooseComponentType<T>;
-    type: 'web' | 'svg';
+    type: 'web' | 'svg' | 'video';
 };
 export declare type CompProps<T> = {
     lazyComponent: () => Promise<{
@@ -16,7 +16,7 @@ export declare type CompProps<T> = {
 };
 export declare type Layer<T> = {
     component: LazyExoticComponent<ComponentType<T>>;
-    type: 'web' | 'svg';
+    type: 'web' | 'svg' | 'video';
 };
 export declare type SmallLayer = Pick<Layer<unknown>, 'type'>;
 export declare const convertComponentTypesToLayers: <T>(compProps: CompProps<T>) => Layer<T>[];

package/dist/layers.js

@@ -33,6 +33,13 @@ const inputLayersToLayers = (layers) => {
                 type: 'web',
             };
         }
+        // No lazy for Video allowed!
+        if (layer.type === 'video') {
+            return {
+                component: layer.component,
+                type: 'video',
+            };
+        }
         // No lazy for SVG allowed!
         return {
             component: layer.component,

package/dist/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "3.3.31";
+export declare const VERSION = "3.3.33";

package/dist/version.js

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

package/dist/video/NativeVideo.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { RemotionMainVideoProps } from './props';
+export declare const NativeVideo: React.FC<{
+    src: string;
+} & RemotionMainVideoProps>;

package/dist/video/NativeVideo.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NativeVideo = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const get_environment_1 = require("../get-environment");
+const Sequence_1 = require("../Sequence");
+const validate_media_props_1 = require("../validate-media-props");
+const validate_start_from_props_1 = require("../validate-start-from-props");
+const NativeVideoForRendering_1 = require("./NativeVideoForRendering");
+const VideoForDevelopment_1 = require("./VideoForDevelopment");
+const NativeVideo = (props) => {
+    const { startFrom, endAt, ...otherProps } = props;
+    const onDuration = (0, react_1.useCallback)(() => undefined, []);
+    if (typeof props.src !== 'string') {
+        throw new TypeError(`The \`<NativeVideo>\` tag requires a string for \`src\`, but got ${JSON.stringify(props.src)} instead.`);
+    }
+    if (typeof startFrom !== 'undefined' || typeof endAt !== 'undefined') {
+        (0, validate_start_from_props_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_1.Sequence, { layout: "none", from: 0 - startFromFrameNo, showInTimeline: false, durationInFrames: endAtFrameNo, children: (0, jsx_runtime_1.jsx)(exports.NativeVideo, { ...otherProps }) }));
+    }
+    (0, validate_media_props_1.validateMediaProps)(props, 'Video');
+    if ((0, get_environment_1.getRemotionEnvironment)() === 'rendering') {
+        throw new Error('Cannot render in the browser');
+    }
+    if ((0, get_environment_1.getRemotionEnvironment)() === 'server-rendering') {
+        return (0, jsx_runtime_1.jsx)(NativeVideoForRendering_1.NativeVideoForRendering, { ...otherProps });
+    }
+    return ((0, jsx_runtime_1.jsx)(VideoForDevelopment_1.VideoForDevelopment, { onDuration: onDuration, onlyWarnForMediaSeekingError: true, ...otherProps }));
+};
+exports.NativeVideo = NativeVideo;

package/dist/video/NativeVideoForRendering.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export declare type NativeVideoLayerInfo = {
+    src: string;
+    frame: number;
+};
+export declare const NativeVideoForRendering: React.FC<{
+    src: string;
+}>;

package/dist/video/NativeVideoForRendering.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NativeVideoForRendering = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const use_current_frame_1 = require("../use-current-frame");
+const NativeVideoForRendering = ({ src }) => {
+    const frame = (0, use_current_frame_1.useCurrentFrame)();
+    return ((0, jsx_runtime_1.jsx)("div", { 
+        // eslint-disable-next-line react/no-danger
+        dangerouslySetInnerHTML: {
+            __html: JSON.stringify({ src, frame }),
+        } }));
+};
+exports.NativeVideoForRendering = NativeVideoForRendering;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "remotion",
-	"version": "3.3.31",
+	"version": "3.3.33",
 	"description": "Render videos in React",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
@@ -65,5 +65,5 @@
 			]
 		}
 	},
-	"gitHead": "4b89462c98236d59641272bd0649d880514e685f"
+	"gitHead": "0356b9108673ac98c41990f192b101f7a6574ed0"
 }

package/.turbo/turbo-build.log

@@ -1,4 +0,0 @@
-
-> remotion@3.3.30 build /Users/jonathanburger/remotion/packages/core
-> tsc -d
-

package/.turbo/turbo-lint.log

@@ -1,10 +0,0 @@
-
-> remotion@3.3.19 lint /Users/jonathanburger/remotion/packages/core
-> eslint src --ext ts,tsx
-
-
-/Users/jonathanburger/remotion/packages/core/src/use-lazy-component.ts
-  9:50  warning  Unexpected any. Specify a different type  @typescript-eslint/no-explicit-any
-
-✖ 1 problem (0 errors, 1 warning)
-