remotion 3.3.11 → 3.3.13

package/.turbo/turbo-build.log

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

package/dist/Clipper.d.ts

@@ -0,0 +1,9 @@
+import type { PropsWithChildren } from 'react';
+import React from 'react';
+export declare const Clipper: React.FC<PropsWithChildren<{
+    width: number;
+    height: number;
+    x: number;
+    y: number;
+    hide?: boolean;
+}>>;

package/dist/Clipper.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Clipper = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const AbsoluteFill_1 = require("./AbsoluteFill");
+const CompositionManager_1 = require("./CompositionManager");
+const Clipper = ({ height, width, x, y, hide, children }) => {
+    const context = (0, react_1.useContext)(CompositionManager_1.CompositionManager);
+    (0, react_1.useEffect)(() => {
+        context.setClipRegion({ height, hide: Boolean(hide), width, x, y });
+        return () => {
+            context.setClipRegion(null);
+        };
+    }, [context, height, hide, width, x, y]);
+    return (0, jsx_runtime_1.jsx)(AbsoluteFill_1.AbsoluteFill, { children: children });
+};
+exports.Clipper = Clipper;

package/dist/config.d.ts

@@ -106,11 +106,6 @@ export declare type ConfigType = {
          * Default: true
          */
         readonly setChromiumHeadlessMode: (should: boolean) => void;
-        /**
-         * If true, your installed Chrome extensions will be enabled.
-         * Default: false
-         */
-        readonly setEnableChromiumExtensions: (should: boolean) => void;
         /**
          * Set the OpenGL rendering backend for Chrome. Possible values: 'egl', 'angle', 'swiftshader' and 'swangle'.
          * Default: 'swangle' in Lambda, null elsewhere.

package/dist/get-static-files.d.ts

@@ -0,0 +1,2 @@
+import type { StaticFile } from './static-file';
+export declare const getStaticFiles: () => StaticFile[];

package/dist/get-static-files.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getStaticFiles = void 0;
+let warnedServer = false;
+let warnedPlayer = false;
+const warnServerOnce = () => {
+    if (warnedServer) {
+        return;
+    }
+    warnedServer = true;
+    console.warn('Called getStaticFiles() on the server. The API is only available in the browser. An empty array was returned.');
+};
+const warnPlayerOnce = () => {
+    if (warnedPlayer) {
+        return;
+    }
+    warnedPlayer = true;
+    console.warn('Called getStaticFiles() while using the Remotion Player. The API is only available while using the Remotion Preview. An empty array was returned.');
+};
+const getStaticFiles = () => {
+    if (typeof document === 'undefined') {
+        warnServerOnce();
+        return [];
+    }
+    if (window.remotion_isPlayer) {
+        warnPlayerOnce();
+        return [];
+    }
+    return window.remotion_staticFiles;
+};
+exports.getStaticFiles = getStaticFiles;

package/dist/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "3.3.11";
+export declare const VERSION = "3.3.13";

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.11';
+exports.VERSION = '3.3.13';

package/dist/video/VideoForDevelopment.js

@@ -5,15 +5,20 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const use_audio_frame_1 = require("../audio/use-audio-frame");
 const prefetch_1 = require("../prefetch");
+const Sequence_1 = require("../Sequence");
 const use_media_in_timeline_1 = require("../use-media-in-timeline");
 const use_media_playback_1 = require("../use-media-playback");
 const use_media_tag_volume_1 = require("../use-media-tag-volume");
 const use_sync_volume_with_media_tag_1 = require("../use-sync-volume-with-media-tag");
+const use_video_config_1 = require("../use-video-config");
 const volume_position_state_1 = require("../volume-position-state");
+const video_fragment_1 = require("./video-fragment");
 const VideoForDevelopmentRefForwardingFunction = (props, ref) => {
     var _a;
     const videoRef = (0, react_1.useRef)(null);
     const volumePropFrame = (0, use_audio_frame_1.useFrameForVolumeProp)();
+    const { fps, durationInFrames } = (0, use_video_config_1.useVideoConfig)();
+    const parentSequence = (0, react_1.useContext)(Sequence_1.SequenceContext);
     const { volume, muted, playbackRate, onlyWarnForMediaSeekingError, src, onDuration, acceptableTimeshift, ...nativeProps } = props;
     const actualVolume = (0, use_media_tag_volume_1.useMediaTagVolume)(videoRef);
     const [mediaVolume] = (0, volume_position_state_1.useMediaVolumeState)();
@@ -40,7 +45,18 @@ const VideoForDevelopmentRefForwardingFunction = (props, ref) => {
         onlyWarnForMediaSeekingError,
         acceptableTimeshift: acceptableTimeshift !== null && acceptableTimeshift !== void 0 ? acceptableTimeshift : use_media_playback_1.DEFAULT_ACCEPTABLE_TIMESHIFT,
     });
-    const actualSrc = (0, prefetch_1.usePreload)(src);
+    const actualFrom = parentSequence
+        ? parentSequence.relativeFrom + parentSequence.cumulatedFrom
+        : 0;
+    const duration = parentSequence
+        ? Math.min(parentSequence.durationInFrames, durationInFrames)
+        : durationInFrames;
+    const actualSrc = (0, video_fragment_1.appendVideoFragment)({
+        actualSrc: (0, prefetch_1.usePreload)(src),
+        actualFrom,
+        duration,
+        fps,
+    });
     (0, react_1.useImperativeHandle)(ref, () => {
         return videoRef.current;
     }, []);

package/dist/video/video-fragment.d.ts

@@ -0,0 +1,6 @@
+export declare const appendVideoFragment: ({ actualSrc, actualFrom, duration, fps, }: {
+    actualSrc: string;
+    actualFrom: number;
+    duration: number;
+    fps: number;
+}) => string;

package/dist/video/video-fragment.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.appendVideoFragment = void 0;
+const toSeconds = (time, fps) => {
+    return Math.round((time / fps) * 100) / 100;
+};
+const appendVideoFragment = ({ actualSrc, actualFrom, duration, fps, }) => {
+    var _a;
+    if (actualSrc.startsWith('data:')) {
+        return actualSrc;
+    }
+    const existingHash = Boolean(new URL(actualSrc, (_a = window.location.href) !== null && _a !== void 0 ? _a : 'http://localhost:3000').hash);
+    if (existingHash) {
+        return actualSrc;
+    }
+    if (!Number.isFinite(actualFrom)) {
+        return actualSrc;
+    }
+    actualSrc += `#t=${toSeconds(-actualFrom, fps)}`;
+    if (!Number.isFinite(duration)) {
+        return actualSrc;
+    }
+    actualSrc += `,${toSeconds(duration, fps)}`;
+    return actualSrc;
+};
+exports.appendVideoFragment = appendVideoFragment;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "remotion",
-	"version": "3.3.11",
+	"version": "3.3.13",
 	"description": "Render videos in React",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
@@ -55,5 +55,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "08404196c439c2bf1f06bbb7a99a6fd84d5158e1"
+	"gitHead": "5149292492bbbd27d48935e0aea371251c21588d"
 }