remotion 3.0.20 → 3.0.23

package/dist/config/index.d.ts

@@ -1,13 +1,13 @@
-import { Browser } from './browser';
-import { BrowserExecutable } from './browser-executable';
-import { Codec } from './codec';
-import { Concurrency } from './concurrency';
-import { FfmpegExecutable } from './ffmpeg-executable';
-import { FrameRange } from './frame-range';
-import { ImageFormat, StillImageFormat } from './image-format';
-import { LogLevel } from './log';
-import { WebpackConfiguration, WebpackOverrideFn } from './override-webpack';
-import { PixelFormat } from './pixel-format';
+import type { Browser } from './browser';
+import type { BrowserExecutable } from './browser-executable';
+import type { Codec } from './codec';
+import type { Concurrency } from './concurrency';
+import type { FfmpegExecutable } from './ffmpeg-executable';
+import type { FrameRange } from './frame-range';
+import type { ImageFormat, StillImageFormat } from './image-format';
+import type { LogLevel } from './log';
+import type { WebpackConfiguration, WebpackOverrideFn } from './override-webpack';
+import type { PixelFormat } from './pixel-format';
 export declare const Config: {
     readonly Preview: {
         /**
@@ -44,7 +44,7 @@ export declare const Config: {
          *
          * Set this to 'verbose' to get browser logs and other IO.
          */
-        readonly setLevel: (newLogLevel: "verbose" | "info" | "warn" | "error") => void;
+        readonly setLevel: (newLogLevel: "error" | "verbose" | "info" | "warn") => void;
     };
     readonly Puppeteer: {
         /**
@@ -161,7 +161,7 @@ export declare const Config: {
          * Possible values: 4444-xq, 4444, hq, standard, light, proxy. Default: 'hq'
          * See https://avpres.net/FFmpeg/im_ProRes.html for meaning of possible values.
          */
-        readonly setProResProfile: (profile: "4444-xq" | "4444" | "hq" | "standard" | "light" | "proxy" | undefined) => void;
+        readonly setProResProfile: (profile: "light" | "4444-xq" | "4444" | "hq" | "standard" | "proxy" | undefined) => void;
     };
 };
 export type { PixelFormat, Concurrency, WebpackConfiguration, WebpackOverrideFn, BrowserExecutable, FfmpegExecutable, ImageFormat, Codec, Browser, FrameRange, LogLevel, StillImageFormat, };

package/dist/config/log.d.ts

@@ -1,7 +1,7 @@
 export declare const logLevels: readonly ["verbose", "info", "warn", "error"];
 export declare type LogLevel = typeof logLevels[number];
 export declare const DEFAULT_LOG_LEVEL: LogLevel;
-export declare const getLogLevel: () => "verbose" | "info" | "warn" | "error";
+export declare const getLogLevel: () => "error" | "verbose" | "info" | "warn";
 export declare const setLogLevel: (newLogLevel: LogLevel) => void;
 export declare const isValidLogLevel: (level: string) => boolean;
 export declare const isEqualOrBelowLogLevel: (currentLevel: LogLevel, level: LogLevel) => boolean;

package/dist/config/override-webpack.d.ts

@@ -1,4 +1,4 @@
-import { Configuration } from 'webpack';
+import type { Configuration } from 'webpack';
 export declare type WebpackConfiguration = Configuration;
 export declare type WebpackOverrideFn = (currentConfiguration: WebpackConfiguration) => WebpackConfiguration;
 export declare const defaultOverrideFunction: WebpackOverrideFn;

package/dist/config/pixel-format.d.ts

@@ -1,4 +1,4 @@
-import { Codec } from './codec';
+import type { Codec } from './codec';
 declare const validOptions: readonly ["yuv420p", "yuva420p", "yuv422p", "yuv444p", "yuv420p10le", "yuv422p10le", "yuv444p10le", "yuva444p10le"];
 export declare type PixelFormat = typeof validOptions[number];
 export declare const DEFAULT_PIXEL_FORMAT: PixelFormat;

package/dist/config/prores-profile.d.ts

@@ -1,4 +1,4 @@
-import { Codec } from './codec';
+import type { Codec } from './codec';
 declare const proResProfileOptions: readonly ["4444-xq", "4444", "hq", "standard", "light", "proxy"];
 export declare type ProResProfile = typeof proResProfileOptions[number];
 export declare const getProResProfile: () => ProResProfile | undefined;

package/dist/default-css.d.ts

@@ -1,2 +1,3 @@
 export declare const injectCSS: (css: string) => void;
+export declare const OFFTHREAD_VIDEO_CLASS_NAME = "__remotion_offthreadvideo";
 export declare const makeDefaultCSS: (scope: string | null, backgroundColor: string) => string;

package/dist/default-css.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.makeDefaultCSS = exports.injectCSS = void 0;
+exports.makeDefaultCSS = exports.OFFTHREAD_VIDEO_CLASS_NAME = exports.injectCSS = void 0;
 const injected = {};
 const injectCSS = (css) => {
     // Skip in node
@@ -17,6 +17,7 @@ const injectCSS = (css) => {
     injected[css] = true;
 };
 exports.injectCSS = injectCSS;
+exports.OFFTHREAD_VIDEO_CLASS_NAME = '__remotion_offthreadvideo';
 const makeDefaultCSS = (scope, backgroundColor) => {
     if (!scope) {
         return `
@@ -27,6 +28,9 @@ const makeDefaultCSS = (scope, backgroundColor) => {
       margin: 0;
 	    background-color: ${backgroundColor};
     }
+    .${exports.OFFTHREAD_VIDEO_CLASS_NAME} {
+      object-fit: contain;
+    }
     `;
     }
     return `
@@ -37,6 +41,9 @@ const makeDefaultCSS = (scope, backgroundColor) => {
       width: 100%;
       height: 100%;
     }
+    ${scope} .${exports.OFFTHREAD_VIDEO_CLASS_NAME} {
+      object-fit: contain;
+    }
   `;
 };
 exports.makeDefaultCSS = makeDefaultCSS;

package/dist/freeze.d.ts

@@ -3,5 +3,5 @@ declare type FreezeProps = {
     frame: number;
     children: React.ReactNode;
 };
-declare const Freeze: React.FC<FreezeProps>;
-export { Freeze };
+export declare const Freeze: React.FC<FreezeProps>;
+export {};

package/dist/freeze.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Freeze = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const sequencing_1 = require("./sequencing");
+const Sequence_1 = require("./Sequence");
 const timeline_position_state_1 = require("./timeline-position-state");
 const Freeze = ({ frame, children }) => {
     if (typeof frame === 'undefined') {
@@ -29,6 +29,6 @@ const Freeze = ({ frame, children }) => {
             frame,
         };
     }, [context, frame]);
-    return ((0, jsx_runtime_1.jsx)(timeline_position_state_1.TimelineContext.Provider, { value: value, children: (0, jsx_runtime_1.jsx)(sequencing_1.SequenceContext.Provider, { value: null, children: children }) }));
+    return ((0, jsx_runtime_1.jsx)(timeline_position_state_1.TimelineContext.Provider, { value: value, children: (0, jsx_runtime_1.jsx)(Sequence_1.SequenceContext.Provider, { value: null, children: children }) }));
 };
 exports.Freeze = Freeze;

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import './asset-types';
-import { TAsset, TCompMetadata } from './CompositionManager';
+import type { TAsset, TCompMetadata } from './CompositionManager';
 declare global {
     interface Window {
         ready: boolean;
@@ -34,27 +34,28 @@ export declare type BundleState = {
 export * from './AbsoluteFill';
 export * from './audio';
 export * from './Composition';
-export { SmallTCompMetadata, TAsset, TCompMetadata, TFolder, } from './CompositionManager';
+export { SmallTCompMetadata, TAsset, TCompMetadata } from './CompositionManager';
 export * from './config';
 export { getInputProps } from './config/input-props';
 export * from './delay-render';
 export * from './easing';
+export * from './Folder';
 export * from './freeze';
 export * from './IFrame';
 export * from './Img';
 export * from './internals';
 export * from './interpolate';
-export { interpolateColors } from './interpolateColors';
+export { interpolateColors } from './interpolate-colors';
 export { Loop } from './loop';
 export * from './random';
 export { registerRoot } from './register-root';
-export { Sequence } from './sequencing';
+export { Sequence } from './Sequence';
 export { Series } from './series';
 export * from './spring';
 export { staticFile } from './static-file';
 export * from './Still';
 export type { PlayableMediaTag } from './timeline-position-state';
-export { useCurrentFrame } from './use-frame';
+export { useCurrentFrame } from './use-current-frame';
 export * from './use-video-config';
 export * from './video';
 export * from './video-config';

package/dist/index.js

@@ -26,28 +26,29 @@ var input_props_1 = require("./config/input-props");
 Object.defineProperty(exports, "getInputProps", { enumerable: true, get: function () { return input_props_1.getInputProps; } });
 __exportStar(require("./delay-render"), exports);
 __exportStar(require("./easing"), exports);
+__exportStar(require("./Folder"), exports);
 __exportStar(require("./freeze"), exports);
 __exportStar(require("./IFrame"), exports);
 __exportStar(require("./Img"), exports);
 __exportStar(require("./internals"), exports);
 __exportStar(require("./interpolate"), exports);
-var interpolateColors_1 = require("./interpolateColors");
-Object.defineProperty(exports, "interpolateColors", { enumerable: true, get: function () { return interpolateColors_1.interpolateColors; } });
+var interpolate_colors_1 = require("./interpolate-colors");
+Object.defineProperty(exports, "interpolateColors", { enumerable: true, get: function () { return interpolate_colors_1.interpolateColors; } });
 var loop_1 = require("./loop");
 Object.defineProperty(exports, "Loop", { enumerable: true, get: function () { return loop_1.Loop; } });
 __exportStar(require("./random"), exports);
 var register_root_1 = require("./register-root");
 Object.defineProperty(exports, "registerRoot", { enumerable: true, get: function () { return register_root_1.registerRoot; } });
-var sequencing_1 = require("./sequencing");
-Object.defineProperty(exports, "Sequence", { enumerable: true, get: function () { return sequencing_1.Sequence; } });
+var Sequence_1 = require("./Sequence");
+Object.defineProperty(exports, "Sequence", { enumerable: true, get: function () { return Sequence_1.Sequence; } });
 var series_1 = require("./series");
 Object.defineProperty(exports, "Series", { enumerable: true, get: function () { return series_1.Series; } });
 __exportStar(require("./spring"), exports);
 var static_file_1 = require("./static-file");
 Object.defineProperty(exports, "staticFile", { enumerable: true, get: function () { return static_file_1.staticFile; } });
 __exportStar(require("./Still"), exports);
-var use_frame_1 = require("./use-frame");
-Object.defineProperty(exports, "useCurrentFrame", { enumerable: true, get: function () { return use_frame_1.useCurrentFrame; } });
+var use_current_frame_1 = require("./use-current-frame");
+Object.defineProperty(exports, "useCurrentFrame", { enumerable: true, get: function () { return use_current_frame_1.useCurrentFrame; } });
 __exportStar(require("./use-video-config"), exports);
 __exportStar(require("./video"), exports);
 __exportStar(require("./video-config"), exports);

package/dist/internals.d.ts

@@ -1,19 +1,19 @@
-import { CompProps } from './Composition';
-import { CompositionManagerContext, RenderAssetInfo, TAsset, TCompMetadata, TComposition, TSequence } from './CompositionManager';
+import type { CompProps } from './Composition';
+import type { CompositionManagerContext, RenderAssetInfo, TAsset, TCompMetadata, TComposition, TSequence } from './CompositionManager';
 import * as AssetCompression from './compress-assets';
 import * as Logging from './config/log';
-import { WebpackOverrideFn } from './config/override-webpack';
-import { ProResProfile } from './config/prores-profile';
+import type { WebpackOverrideFn } from './config/override-webpack';
+import type { ProResProfile } from './config/prores-profile';
 import * as CSSUtils from './default-css';
-import { RemotionEnvironment } from './get-environment';
+import type { RemotionEnvironment } from './get-environment';
 import * as perf from './perf';
 import * as TimelineInOutPosition from './timeline-inout-position-state';
-import { SetTimelineInOutContextValue, TimelineInOutContextValue } from './timeline-inout-position-state';
+import type { SetTimelineInOutContextValue, TimelineInOutContextValue } from './timeline-inout-position-state';
 import * as TimelinePosition from './timeline-position-state';
-import { SetTimelineContextValue, TimelineContextValue } from './timeline-position-state';
+import type { SetTimelineContextValue, TimelineContextValue } from './timeline-position-state';
 import { truthy } from './truthy';
-import { OpenGlRenderer } from './validation/validate-opengl-renderer';
-import { MediaVolumeContextValue, SetMediaVolumeContextValue } from './volume-position-state';
+import type { OpenGlRenderer } from './validation/validate-opengl-renderer';
+import type { MediaVolumeContextValue, SetMediaVolumeContextValue } from './volume-position-state';
 import { useRemotionContexts } from './wrap-remotion-context';
 declare const Timeline: {
     TimelineInOutContext: import("react").Context<TimelineInOutPosition.TimelineInOutContextValue>;
@@ -88,7 +88,7 @@ export declare const Internals: {
     truthy: typeof truthy;
     isAudioCodec: (codec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | undefined) => boolean;
     Logging: typeof Logging;
-    SequenceContext: import("react").Context<import("./sequencing").SequenceContextType | null>;
+    SequenceContext: import("react").Context<import("./Sequence").SequenceContextType | null>;
     useRemotionContexts: typeof useRemotionContexts;
     RemotionContextProvider: (props: import("./wrap-remotion-context").RemotionContextProviderProps) => JSX.Element;
     CSSUtils: typeof CSSUtils;
@@ -102,9 +102,9 @@ export declare const Internals: {
     validateFps: (fps: number, location: string) => void;
     validateDimension: (amount: number, nameOfProp: string, location: string) => void;
     getRemotionEnvironment: () => RemotionEnvironment;
-    getProResProfile: () => "4444-xq" | "4444" | "hq" | "standard" | "light" | "proxy" | undefined;
-    setProResProfile: (profile: "4444-xq" | "4444" | "hq" | "standard" | "light" | "proxy" | undefined) => void;
-    validateSelectedCodecAndProResCombination: (actualCodec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv", actualProResProfile: "4444-xq" | "4444" | "hq" | "standard" | "light" | "proxy" | undefined) => void;
+    getProResProfile: () => "light" | "4444-xq" | "4444" | "hq" | "standard" | "proxy" | undefined;
+    setProResProfile: (profile: "light" | "4444-xq" | "4444" | "hq" | "standard" | "proxy" | undefined) => void;
+    validateSelectedCodecAndProResCombination: (actualCodec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv", actualProResProfile: "light" | "4444-xq" | "4444" | "hq" | "standard" | "proxy" | undefined) => void;
     getMaxTimelineTracks: () => number;
     SharedAudioContext: import("react").Context<{
         registerAudio: (aud: import("./audio").RemotionAudioProps) => {
@@ -148,5 +148,6 @@ export declare const Internals: {
     useAbsoluteCurrentFrame: () => number;
     portalNode: () => HTMLElement;
     waitForRoot: (fn: (comp: import("react").FC<{}>) => void) => () => void;
+    validateOffthreadVideoImageFormat: (input: unknown) => void;
 };
 export type { TComposition, Timeline, TCompMetadata, TSequence, WebpackOverrideFn, TAsset, RenderAssetInfo, TimelineContextValue, SetTimelineContextValue, TimelineInOutContextValue, SetTimelineInOutContextValue, CompProps, CompositionManagerContext, MediaVolumeContextValue, SetMediaVolumeContextValue, RemotionEnvironment, ProResProfile, OpenGlRenderer, };

package/dist/internals.js

@@ -60,13 +60,13 @@ const perf = __importStar(require("./perf"));
 const portal_node_1 = require("./portal-node");
 const register_root_1 = require("./register-root");
 const RemotionRoot_1 = require("./RemotionRoot");
-const sequencing_1 = require("./sequencing");
+const Sequence_1 = require("./Sequence");
 const setup_env_variables_1 = require("./setup-env-variables");
 const TimelineInOutPosition = __importStar(require("./timeline-inout-position-state"));
 const TimelinePosition = __importStar(require("./timeline-position-state"));
 const timeout_2 = require("./timeout");
 const truthy_1 = require("./truthy");
-const use_frame_1 = require("./use-frame");
+const use_current_frame_1 = require("./use-current-frame");
 const use_lazy_component_1 = require("./use-lazy-component");
 const use_unsafe_video_config_1 = require("./use-unsafe-video-config");
 const use_video_1 = require("./use-video");
@@ -76,6 +76,7 @@ const validate_duration_in_frames_1 = require("./validation/validate-duration-in
 const validate_fps_1 = require("./validation/validate-fps");
 const validate_frame_1 = require("./validation/validate-frame");
 const validate_image_format_1 = require("./validation/validate-image-format");
+const validate_offthreadvideo_image_format_1 = require("./validation/validate-offthreadvideo-image-format");
 const validate_opengl_renderer_1 = require("./validation/validate-opengl-renderer");
 const validate_quality_1 = require("./validation/validate-quality");
 const volume_position_state_1 = require("./volume-position-state");
@@ -126,7 +127,7 @@ exports.Internals = {
     truthy: truthy_1.truthy,
     isAudioCodec: is_audio_codec_1.isAudioCodec,
     Logging,
-    SequenceContext: sequencing_1.SequenceContext,
+    SequenceContext: Sequence_1.SequenceContext,
     useRemotionContexts: wrap_remotion_context_1.useRemotionContexts,
     RemotionContextProvider: wrap_remotion_context_1.RemotionContextProvider,
     CSSUtils,
@@ -168,7 +169,8 @@ exports.Internals = {
     getPreviewDomElement: get_preview_dom_element_1.getPreviewDomElement,
     compositionsRef: CompositionManager_1.compositionsRef,
     DELAY_RENDER_CALLSTACK_TOKEN: delay_render_1.DELAY_RENDER_CALLSTACK_TOKEN,
-    useAbsoluteCurrentFrame: use_frame_1.useAbsoluteCurrentFrame,
+    useAbsoluteCurrentFrame: use_current_frame_1.useAbsoluteCurrentFrame,
     portalNode: portal_node_1.portalNode,
     waitForRoot: register_root_1.waitForRoot,
+    validateOffthreadVideoImageFormat: validate_offthreadvideo_image_format_1.validateOffthreadVideoImageFormat,
 };

package/dist/interpolate-colors.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Copied from:
+ * https://github.com/software-mansion/react-native-reanimated/blob/master/src/reanimated2/Colors.ts
+ */
+export declare const interpolateColors: (input: number, inputRange: readonly number[], outputRange: readonly string[]) => string;