remotion 4.0.0-alpha14 → 4.0.0-alpha17

package/dist/cjs/AssetManager.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { TAsset } from './CompositionManager.js';
-export declare type AssetManagerContext = {
+export type AssetManagerContext = {
     registerAsset: (asset: TAsset) => void;
     unregisterAsset: (id: string) => void;
     assets: TAsset[];

package/dist/cjs/Composition.d.ts

@@ -2,34 +2,34 @@ import type { ComponentType } from 'react';
 import React from 'react';
 import type { AnyZodObject } from 'zod';
 import type { InferProps, PropsIfHasProps } from './props-if-has-props.js';
-declare type LooseComponentType<T> = ComponentType<T> | ((props: T) => React.ReactNode);
-export declare type CompProps<Props> = {
+type LooseComponentType<T> = ComponentType<T> | ((props: T) => React.ReactNode);
+export type CompProps<Props> = {
     lazyComponent: () => Promise<{
         default: LooseComponentType<Props>;
     }>;
 } | {
     component: LooseComponentType<Props>;
 };
-export declare type CalcMetadataReturnType<T> = {
+export type CalcMetadataReturnType<T> = {
     durationInFrames?: number;
     fps?: number;
     width?: number;
     height?: number;
     props?: T;
 };
-export declare type CalculateMetadataFunction<T> = (options: {
+export type CalculateMetadataFunction<T> = (options: {
     defaultProps: T;
     props: T;
     abortSignal: AbortSignal;
 }) => Promise<CalcMetadataReturnType<T>> | CalcMetadataReturnType<T>;
-export declare type StillProps<Schema extends AnyZodObject, Props extends Record<string, unknown> | undefined> = {
+export type StillProps<Schema extends AnyZodObject, Props extends Record<string, unknown> | undefined> = {
     width: number;
     height: number;
     id: string;
     calculateMetadata?: CalculateMetadataFunction<InferProps<Schema, Props>>;
     schema?: Schema;
 } & CompProps<Props> & PropsIfHasProps<Schema, Props>;
-export declare type CompositionProps<Schema extends AnyZodObject, Props extends Record<string, unknown> | undefined> = StillProps<Schema, Props> & {
+export type CompositionProps<Schema extends AnyZodObject, Props extends Record<string, unknown> | undefined> = StillProps<Schema, Props> & {
     fps: number;
     durationInFrames: number;
 };

package/dist/cjs/CompositionManager.d.ts

@@ -3,7 +3,7 @@ import React from 'react';
 import type { AnyZodObject } from 'zod';
 import type { CalculateMetadataFunction } from './Composition.js';
 import type { InferProps, PropsIfHasProps } from './props-if-has-props.js';
-export declare type TComposition<Schema extends AnyZodObject, Props extends Record<string, unknown> | undefined> = {
+export type TComposition<Schema extends AnyZodObject, Props extends Record<string, unknown> | undefined> = {
     width: number;
     height: number;
     fps: number;
@@ -16,13 +16,13 @@ export declare type TComposition<Schema extends AnyZodObject, Props extends Reco
     schema: Schema | null;
     calculateMetadata: CalculateMetadataFunction<InferProps<Schema, Props>> | null;
 } & PropsIfHasProps<Schema, Props>;
-export declare type AnyComposition = TComposition<AnyZodObject, Record<string, unknown> | undefined>;
-export declare type TCompMetadataWithCalcFunction<Schema extends AnyZodObject, Props extends Record<string, unknown> | undefined> = Pick<TComposition<Schema, Props>, 'id' | 'height' | 'width' | 'fps' | 'durationInFrames' | 'defaultProps' | 'calculateMetadata'>;
-export declare type TCompMetadata<Schema extends AnyZodObject, Props extends Record<string, unknown> | undefined> = Pick<TComposition<Schema, Props>, 'id' | 'height' | 'width' | 'fps' | 'durationInFrames' | 'defaultProps'>;
-export declare type AnyCompMetadata = TCompMetadata<AnyZodObject, Record<string, unknown> | undefined>;
-export declare type SmallTCompMetadata<T extends AnyZodObject, Props extends Record<string, unknown> | undefined> = Pick<TComposition<T, Props>, 'id' | 'height' | 'width' | 'fps' | 'durationInFrames'> & Partial<Pick<TComposition<T, Props>, 'defaultProps'>>;
-export declare type AnySmallCompMetadata = SmallTCompMetadata<AnyZodObject, Record<string, unknown> | undefined>;
-declare type EnhancedTSequenceData = {
+export type AnyComposition = TComposition<AnyZodObject, Record<string, unknown> | undefined>;
+export type TCompMetadataWithCalcFunction<Schema extends AnyZodObject, Props extends Record<string, unknown> | undefined> = Pick<TComposition<Schema, Props>, 'id' | 'height' | 'width' | 'fps' | 'durationInFrames' | 'defaultProps' | 'calculateMetadata'>;
+export type TCompMetadata<Schema extends AnyZodObject, Props extends Record<string, unknown> | undefined> = Pick<TComposition<Schema, Props>, 'id' | 'height' | 'width' | 'fps' | 'durationInFrames' | 'defaultProps'>;
+export type AnyCompMetadata = TCompMetadata<AnyZodObject, Record<string, unknown> | undefined>;
+export type SmallTCompMetadata<T extends AnyZodObject, Props extends Record<string, unknown> | undefined> = Pick<TComposition<T, Props>, 'id' | 'height' | 'width' | 'fps' | 'durationInFrames'> & Partial<Pick<TComposition<T, Props>, 'defaultProps'>>;
+export type AnySmallCompMetadata = SmallTCompMetadata<AnyZodObject, Record<string, unknown> | undefined>;
+type EnhancedTSequenceData = {
     type: 'sequence';
 } | {
     type: 'audio';
@@ -39,12 +39,12 @@ declare type EnhancedTSequenceData = {
     startMediaFrom: number;
     playbackRate: number;
 };
-export declare type LoopDisplay = {
+export type LoopDisplay = {
     numberOfTimes: number;
     startOffset: number;
     durationInFrames: number;
 };
-export declare type TSequence = {
+export type TSequence = {
     from: number;
     duration: number;
     id: string;
@@ -55,7 +55,7 @@ export declare type TSequence = {
     nonce: number;
     loopDisplay: LoopDisplay | undefined;
 } & EnhancedTSequenceData;
-export declare type TAsset = {
+export type TAsset = {
     type: 'audio' | 'video';
     src: string;
     id: string;

package/dist/cjs/CompositionManagerContext.d.ts

@@ -2,8 +2,8 @@
 import type { AnyZodObject } from 'zod';
 import type { AnyCompMetadata, AnyComposition, TComposition } from './CompositionManager.js';
 import type { TFolder } from './Folder.js';
-export declare type BaseMetadata = Pick<AnyCompMetadata, 'durationInFrames' | 'fps' | 'defaultProps' | 'height' | 'width'>;
-export declare type CompositionManagerContext = {
+export type BaseMetadata = Pick<AnyCompMetadata, 'durationInFrames' | 'fps' | 'defaultProps' | 'height' | 'width'>;
+export type CompositionManagerContext = {
     compositions: AnyComposition[];
     registerComposition: <Schema extends AnyZodObject, Props extends Record<string, unknown> | undefined>(comp: TComposition<Schema, Props>) => void;
     unregisterComposition: (name: string) => void;

package/dist/cjs/EditorProps.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-declare type Props = Record<string, Record<string, unknown>>;
-export declare type EditorPropsContextType = {
+type Props = Record<string, Record<string, unknown>>;
+export type EditorPropsContextType = {
     props: Props;
     updateProps: (options: {
         id: string;

package/dist/cjs/Folder.d.ts

@@ -1,9 +1,9 @@
 import type { FC } from 'react';
-export declare type TFolder = {
+export type TFolder = {
     name: string;
     parent: string | null;
 };
-declare type FolderContextType = {
+type FolderContextType = {
     folderName: string | null;
     parentName: string | null;
 };

package/dist/cjs/NativeLayers.d.ts

@@ -1,11 +1,11 @@
 import type { PropsWithChildren } from 'react';
-export declare type ClipRegion = {
+export type ClipRegion = {
     x: number;
     y: number;
     width: number;
     height: number;
 } | 'hide';
-export declare type TNativeLayersContext = {
+export type TNativeLayersContext = {
     clipRegion: ClipRegion | null;
     setClipRegion: React.Dispatch<React.SetStateAction<ClipRegion | null>>;
 };

package/dist/cjs/ResolveCompositionConfig.d.ts

@@ -1,13 +1,13 @@
 import type { PropsWithChildren } from 'react';
 import type { AnyComposition } from './CompositionManager.js';
 import type { VideoConfig } from './video-config.js';
-declare type ResolveCompositionConfigContect = Record<string, VideoConfigState | undefined>;
+type ResolveCompositionConfigContect = Record<string, VideoConfigState | undefined>;
 export declare const ResolveCompositionContext: import("react").Context<ResolveCompositionConfigContect | null>;
 export declare const resolveCompositionsRef: import("react").RefObject<{
     setCurrentRenderModalComposition: (compositionId: string | null) => void;
     reloadCurrentlySelectedComposition: () => void;
 }>;
-declare type VideoConfigState = {
+type VideoConfigState = {
     type: 'loading';
 } | {
     type: 'success';

package/dist/cjs/Sequence.d.ts

@@ -1,13 +1,13 @@
 import React from 'react';
 import type { LoopDisplay } from './CompositionManager.js';
-export declare type LayoutAndStyle = {
+export type LayoutAndStyle = {
     layout: 'none';
 } | {
     layout?: 'absolute-fill';
     style?: React.CSSProperties;
     className?: string;
 };
-export declare type SequenceProps = {
+export type SequenceProps = {
     children: React.ReactNode;
     from?: number;
     durationInFrames?: number;

package/dist/cjs/SequenceContext.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export declare const SequenceContext: import("react").Context<SequenceContextType | null>;
-export declare type SequenceContextType = {
+export type SequenceContextType = {
     cumulatedFrom: number;
     relativeFrom: number;
     parentFrom: number;

package/dist/cjs/SequenceManager.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { TSequence } from './CompositionManager.js';
-export declare type SequenceManagerContext = {
+export type SequenceManagerContext = {
     registerSequence: (seq: TSequence) => void;
     unregisterSequence: (id: string) => void;
     sequences: TSequence[];

package/dist/cjs/audio/props.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
 import type { VolumeProp } from '../volume-prop.js';
-export declare type RemotionMainAudioProps = {
+export type RemotionMainAudioProps = {
     startFrom?: number;
     endAt?: number;
 };
-export declare type RemotionAudioProps = Omit<React.DetailedHTMLProps<React.AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement>, 'autoPlay' | 'controls' | 'onEnded' | 'nonce' | 'onResize' | 'onResizeCapture'> & {
+export type RemotionAudioProps = Omit<React.DetailedHTMLProps<React.AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement>, 'autoPlay' | 'controls' | 'onEnded' | 'nonce' | 'onResize' | 'onResizeCapture'> & {
     volume?: VolumeProp;
     playbackRate?: number;
     acceptableTimeShiftInSeconds?: number;

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

@@ -12,13 +12,13 @@ import type { RemotionAudioProps } from './props.js';
  *
  * The behavior can be disabled by passing `0` as the number of shared audio tracks.
  */
-declare type AudioElem = {
+type AudioElem = {
     id: number;
     props: RemotionAudioProps;
     el: React.RefObject<HTMLAudioElement>;
     audioId: string;
 };
-declare type SharedContext = {
+type SharedContext = {
     registerAudio: (aud: RemotionAudioProps, audioId: string) => AudioElem;
     unregisterAudio: (id: number) => void;
     updateAudio: (options: {

package/dist/cjs/freeze.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type FreezeProps = {
+type FreezeProps = {
     frame: number;
     children: React.ReactNode;
 };

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

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

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

@@ -3,7 +3,7 @@
  * @see [Documentation](https://www.remotion.dev/docs/getstaticfiles)
  */
 export declare const getStaticFiles: () => StaticFile[];
-export declare type StaticFile = {
+export type StaticFile = {
     /**
      * A string that you can pass to the `src` attribute of an `<Audio>`, `<Img>` and `<Video>` element.
      */

package/dist/cjs/interpolate.d.ts

@@ -1,9 +1,9 @@
-export declare type ExtrapolateType = 'extend' | 'identity' | 'clamp';
+export type ExtrapolateType = 'extend' | 'identity' | 'clamp';
 /**
  * @description This function allows you to map a range of values to another with a conside syntax
  * @see [Documentation](https://www.remotion.dev/docs/interpolate)
  */
-export declare type InterpolateOptions = Partial<{
+export type InterpolateOptions = Partial<{
     easing: (input: number) => number;
     extrapolateLeft: ExtrapolateType;
     extrapolateRight: ExtrapolateType;

package/dist/cjs/loop/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { LayoutAndStyle } from '../Sequence.js';
-export declare type LoopProps = {
+export type LoopProps = {
     durationInFrames: number;
     times?: number;
     name?: string;

package/dist/cjs/nonce.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare type TNonceContext = {
+export type TNonceContext = {
     getNonce: () => number;
     fastRefreshes: number;
 };

package/dist/cjs/prefetch-state.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type Value = Record<string, string>;
+type Value = Record<string, string>;
 export declare const PreloadContext: React.Context<Value>;
 export declare const setPreloads: (updater: (p: Value) => Value) => void;
 export declare const PrefetchProvider: React.FC<{

package/dist/cjs/prefetch.d.ts

@@ -1,5 +1,5 @@
 export declare const usePreload: (src: string) => string;
-declare type FetchAndPreload = {
+type FetchAndPreload = {
     free: () => void;
     waitUntilDone: () => Promise<string>;
 };

package/dist/cjs/props-if-has-props.d.ts

@@ -1,10 +1,10 @@
 import type { AnyZodObject, z } from 'zod';
-declare type And<A extends boolean, B extends boolean> = A extends true ? B extends true ? true : false : false;
-export declare type PropsIfHasProps<Schema extends AnyZodObject, Props extends Record<string, unknown> | undefined> = And<AnyZodObject extends Schema ? true : false, {} extends Props ? true : false> extends true ? {
+type And<A extends boolean, B extends boolean> = A extends true ? B extends true ? true : false : false;
+export type PropsIfHasProps<Schema extends AnyZodObject, Props extends Record<string, unknown> | undefined> = And<AnyZodObject extends Schema ? true : false, {} extends Props ? true : false> extends true ? {
     defaultProps?: {};
 } : {
     defaultProps: InferProps<Schema, Props>;
 };
-export declare type InferProps<Schema extends AnyZodObject, Props> = AnyZodObject extends Schema ? {} extends Props ? unknown : Props : {} extends Props ? z.infer<Schema> : // Props and schema specified
+export type InferProps<Schema extends AnyZodObject, Props> = AnyZodObject extends Schema ? {} extends Props ? unknown : Props : {} extends Props ? z.infer<Schema> : // Props and schema specified
 z.infer<Schema> & Props;
 export {};

package/dist/cjs/random.d.ts

@@ -1,4 +1,4 @@
-export declare type RandomSeed = number | string | null;
+export type RandomSeed = number | string | null;
 /**
  * @description A deterministic pseudo-random number generator. Pass in the same seed and get the same pseudorandom number.
  * @see [Documentation](https://remotion.dev/docs/random)

package/dist/cjs/series/index.d.ts

@@ -1,6 +1,6 @@
 import type { FC, PropsWithChildren } from 'react';
 import type { LayoutAndStyle, SequenceProps } from '../Sequence.js';
-declare type SeriesSequenceProps = PropsWithChildren<{
+type SeriesSequenceProps = PropsWithChildren<{
     durationInFrames: number;
     offset?: number;
 } & Pick<SequenceProps, 'layout' | 'name'> & LayoutAndStyle>;

package/dist/cjs/spring/spring-utils.d.ts

@@ -1,11 +1,11 @@
-declare type AnimationNode = {
+type AnimationNode = {
     lastTimestamp: number;
     toValue: number;
     current: number;
     velocity: number;
     prevPosition?: number;
 };
-export declare type SpringConfig = {
+export type SpringConfig = {
     damping: number;
     mass: number;
     stiffness: number;

package/dist/cjs/static-file.d.ts

@@ -17,8 +17,8 @@ declare const problematicCharacters: {
     '%2C': string;
     '%3B': string;
 };
-declare type HexCode = keyof typeof problematicCharacters;
-export declare type HexInfo = {
+type HexCode = keyof typeof problematicCharacters;
+export type HexInfo = {
     containsHex: false;
 } | {
     containsHex: true;

package/dist/cjs/timeline-position-state.d.ts

@@ -1,9 +1,9 @@
 import type { MutableRefObject } from 'react';
-export declare type PlayableMediaTag = {
+export type PlayableMediaTag = {
     play: () => void;
     id: string;
 };
-export declare type TimelineContextValue = {
+export type TimelineContextValue = {
     frame: number;
     playing: boolean;
     rootId: string;
@@ -12,7 +12,7 @@ export declare type TimelineContextValue = {
     setPlaybackRate: (u: React.SetStateAction<number>) => void;
     audioAndVideoTags: MutableRefObject<PlayableMediaTag[]>;
 };
-export declare type SetTimelineContextValue = {
+export type SetTimelineContextValue = {
     setFrame: (u: React.SetStateAction<number>) => void;
     setPlaying: (u: React.SetStateAction<boolean>) => void;
 };
@@ -20,7 +20,7 @@ export declare const TimelineContext: import("react").Context<TimelineContextVal
 export declare const SetTimelineContext: import("react").Context<SetTimelineContextValue>;
 export declare const useTimelinePosition: () => number;
 export declare const useTimelineSetFrame: () => (u: React.SetStateAction<number>) => void;
-declare type PlayingReturnType = readonly [
+type PlayingReturnType = readonly [
     boolean,
     (u: React.SetStateAction<boolean>) => void,
     MutableRefObject<boolean>

package/dist/cjs/truthy.d.ts

@@ -1,3 +1,3 @@
-declare type Truthy<T> = T extends false | '' | 0 | null | undefined ? never : T;
+type Truthy<T> = T extends false | '' | 0 | null | undefined ? never : T;
 export declare function truthy<T>(value: T): value is Truthy<T>;
 export {};

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

@@ -1,6 +1,6 @@
 import type { ComponentPropsWithRef, ComponentType, ExoticComponent } from 'react';
 import type { CompProps } from './Composition.js';
-declare type LazyExoticComponent<T extends ComponentType<any>> = ExoticComponent<ComponentPropsWithRef<T>> & {
+type LazyExoticComponent<T extends ComponentType<any>> = ExoticComponent<ComponentPropsWithRef<T>> & {
     readonly _result: T;
 };
 export declare const useLazyComponent: <Props>(compProps: CompProps<Props>) => LazyExoticComponent<ComponentType<Props>>;

package/dist/cjs/use-sync-volume-with-media-tag.d.ts

@@ -1,6 +1,6 @@
 import type { RefObject } from 'react';
 import type { VolumeProp } from './volume-prop.js';
-export declare type UseSyncVolumeWithMediaTagOptions = {
+export type UseSyncVolumeWithMediaTagOptions = {
     volumePropFrame: number;
     actualVolume: number;
     volume?: VolumeProp;

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

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

package/dist/cjs/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "4.0.0-alpha14";
+export declare const VERSION = "4.0.0-alpha17";

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.0-alpha14';
+exports.VERSION = '4.0.0-alpha17';

package/dist/cjs/video/duration-state.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
-declare type DurationState = Record<string, number>;
-declare type DurationAction = {
+type DurationState = Record<string, number>;
+type DurationAction = {
     type: 'got-duration';
     src: string;
     durationInSeconds: number;
 };
 export declare const durationReducer: (state: DurationState, action: DurationAction) => DurationState;
-declare type TDurationsContext = {
+type TDurationsContext = {
     durations: DurationState;
     setDurations: React.Dispatch<DurationAction>;
 };

package/dist/cjs/video/props.d.ts

@@ -1,22 +1,22 @@
 import type React from 'react';
 import type { VolumeProp } from '../volume-prop.js';
-export declare type RemotionMainVideoProps = {
+export type RemotionMainVideoProps = {
     startFrom?: number;
     endAt?: number;
 };
-export declare type RemotionVideoProps = Omit<React.DetailedHTMLProps<React.VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, 'autoPlay' | 'controls' | 'onEnded' | 'nonce'> & {
+export type RemotionVideoProps = Omit<React.DetailedHTMLProps<React.VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, 'autoPlay' | 'controls' | 'onEnded' | 'nonce'> & {
     volume?: VolumeProp;
     playbackRate?: number;
     acceptableTimeShiftInSeconds?: number;
     allowAmplificationDuringRender?: boolean;
 };
-declare type DeprecatedOffthreadVideoProps = {
+type DeprecatedOffthreadVideoProps = {
     /**
      * @deprecated Use the `transparent` prop instead
      */
     imageFormat?: never;
 };
-export declare type OffthreadVideoProps = {
+export type OffthreadVideoProps = {
     src: string;
     className?: string;
     id?: string;

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

@@ -1,4 +1,4 @@
-export declare type VideoConfig = {
+export type VideoConfig = {
     width: number;
     height: number;
     fps: number;

package/dist/cjs/volume-position-state.d.ts

@@ -1,17 +1,17 @@
 /// <reference types="react" />
-export declare type MediaVolumeContextValue = {
+export type MediaVolumeContextValue = {
     mediaMuted: boolean;
     mediaVolume: number;
 };
-export declare type SetMediaVolumeContextValue = {
+export type SetMediaVolumeContextValue = {
     setMediaMuted: (u: React.SetStateAction<boolean>) => void;
     setMediaVolume: (u: number) => void;
 };
 export declare const MediaVolumeContext: import("react").Context<MediaVolumeContextValue>;
 export declare const SetMediaVolumeContext: import("react").Context<SetMediaVolumeContextValue>;
-declare type MediaVolumeReturnType = readonly [number, (u: number) => void];
+type MediaVolumeReturnType = readonly [number, (u: number) => void];
 export declare const useMediaVolumeState: () => MediaVolumeReturnType;
-declare type MediaMutedReturnType = readonly [
+type MediaMutedReturnType = readonly [
     boolean,
     (u: React.SetStateAction<boolean>) => void
 ];

package/dist/cjs/volume-prop.d.ts

@@ -1,4 +1,4 @@
-export declare type VolumeProp = number | ((frame: number) => number);
+export type VolumeProp = number | ((frame: number) => number);
 export declare const evaluateVolume: ({ frame, volume, mediaVolume, allowAmplificationDuringRender, }: {
     frame: number;
     volume: VolumeProp | undefined;

package/dist/esm/index.mjs

@@ -58,7 +58,7 @@ function truthy(value) {
 }
 
 // Automatically generated on publish
-const VERSION = '4.0.0-alpha14';
+const VERSION = '4.0.0-alpha17';
 
 const checkMultipleRemotionVersions = () => {
     if (typeof globalThis === 'undefined') {

package/dist/esm/version.mjs

@@ -1,4 +1,4 @@
 // Automatically generated on publish
-const VERSION = '4.0.0-alpha14';
+const VERSION = '4.0.0-alpha17';
 
 export { VERSION };

package/package.json

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

package/dist/cjs/SequenceAndAssetManager.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import type { TSequence } from './CompositionManager.js';
-export declare type SequenceManagerContext = {
-    registerSequence: (seq: TSequence) => void;
-    unregisterSequence: (id: string) => void;
-    sequences: TSequence[];
-};
-export declare const SequenceManager: React.Context<SequenceManagerContext>;
-export declare const SequenceAndAssetManagerProvider: React.FC<{
-    children: React.ReactNode;
-}>;

package/dist/cjs/SequenceAndAssetManager.js

@@ -1,57 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SequenceAndAssetManagerProvider = exports.SequenceManager = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importStar(require("react"));
-exports.SequenceManager = react_1.default.createContext({
-    registerSequence: () => {
-        throw new Error('SequenceManagerContext not initialized');
-    },
-    unregisterSequence: () => {
-        throw new Error('SequenceManagerContext not initialized');
-    },
-    sequences: [],
-});
-const SequenceAndAssetManagerProvider = ({ children }) => {
-    const [sequences, setSequences] = (0, react_1.useState)([]);
-    const registerSequence = (0, react_1.useCallback)((seq) => {
-        setSequences((seqs) => {
-            return [...seqs, seq];
-        });
-    }, []);
-    const unregisterSequence = (0, react_1.useCallback)((seq) => {
-        setSequences((seqs) => seqs.filter((s) => s.id !== seq));
-    }, []);
-    const context = (0, react_1.useMemo)(() => {
-        return {
-            registerSequence,
-            sequences,
-            unregisterSequence,
-        };
-    }, [registerSequence, sequences, unregisterSequence]);
-    return ((0, jsx_runtime_1.jsx)(exports.SequenceManager.Provider, { value: context, children: children }));
-};
-exports.SequenceAndAssetManagerProvider = SequenceAndAssetManagerProvider;

package/dist/cjs/config.d.ts

@@ -1,294 +0,0 @@
-/**
- * The configuration has moved to @remotion/cli.
- * For the moment the type definitions are going to stay here
- */
-import type { Configuration } from 'webpack';
-declare type Concurrency = number | null;
-declare type BrowserExecutable = string | null;
-declare type FrameRange = number | [number, number];
-declare type FfmpegExecutable = string | null;
-declare type Loop = number | null;
-declare type CodecOrUndefined = 'h264' | 'h265' | 'vp8' | 'vp9' | 'mp3' | 'aac' | 'wav' | 'prores' | 'h264-mkv' | 'gif' | undefined;
-declare type Crf = number | undefined;
-export declare type WebpackConfiguration = Configuration;
-export declare type WebpackOverrideFn = (currentConfiguration: WebpackConfiguration) => WebpackConfiguration;
-declare type FlatConfig = RemotionConfigObject['Bundling'] & RemotionConfigObject['Log'] & RemotionConfigObject['Preview'] & RemotionConfigObject['Puppeteer'] & RemotionConfigObject['Output'] & RemotionConfigObject['Rendering'] & {
-    /**
-     * Set the audio codec to use for the output video.
-     * See the Encoding guide in the docs for defaults and available options.
-     */
-    setAudioCodec: (codec: 'pcm-16' | 'aac' | 'mp3' | 'opus') => void;
-};
-declare global {
-    interface RemotionBundlingOptions {
-        /**
-         * Specify the entry point so you don't have to specify it in the
-         * CLI command
-         */
-        readonly setEntryPoint: (src: string) => void;
-        /**
-         * Whether Webpack bundles should be cached to make
-         * subsequent renders faster. Default: true
-         */
-        readonly setCachingEnabled: (flag: boolean) => void;
-        /**
-         * Define on which port Remotion should start it's HTTP servers during preview and rendering.
-         * By default, Remotion will try to find a free port.
-         * If you specify a port, but it's not available, Remotion will throw an error.
-         */
-        readonly setPort: (port: number | undefined) => void;
-        /**
-         * Define the location of the public/ directory.
-         * By default it is a folder named "public" inside the current working directory.
-         * You can set an absolute path or a relative path that will be resolved from the closest package.json location.
-         */
-        readonly setPublicDir: (publicDir: string | null) => void;
-        readonly overrideWebpackConfig: (f: WebpackOverrideFn) => void;
-    }
-    interface RemotionConfigObject {
-        /**
-         * @deprecated New flat config format: You can now replace `Config.Preview.` with `Config.`
-         */
-        readonly Preview: {
-            /**
-             * Change the maximum amount of tracks that are shown in the timeline.
-             * @param maxTracks The maximum amount of timeline tracks that you would like to show.
-             * @default 15
-             */
-            readonly setMaxTimelineTracks: (maxTracks: number) => void;
-            /**
-             * Enable Keyboard shortcuts in the Remotion Preview.
-             * @param enabled Boolean whether to enable the keyboard shortcuts
-             * @default true
-             */
-            readonly setKeyboardShortcutsEnabled: (enableShortcuts: boolean) => void;
-            /**
-             * Set number of shared audio tags. https://www.remotion.dev/docs/player/autoplay#use-the-numberofsharedaudiotags-property
-             * @param numberOfAudioTags
-             * @default 0
-             */
-            readonly setNumberOfSharedAudioTags: (numberOfAudioTags: number) => void;
-            /**
-             * Enable Webpack polling instead of file system listeners for hot reloading in the preview.
-             * This is useful if you are using a remote directory or a virtual machine.
-             * @param interval
-             * @default null
-             */
-            readonly setWebpackPollingInMilliseconds: (interval: number | null) => void;
-            /**
-             * Whether Remotion should open a browser when starting the Preview.
-             * @param should
-             * @default true
-             */
-            readonly setShouldOpenBrowser: (should: boolean) => void;
-        };
-        /**
-         * @deprecated New flat config format: You can now replace `Config.Bundling.` with `Config.`
-         */
-        readonly Bundling: RemotionBundlingOptions;
-        /**
-         * @deprecated New flat config format: You can now replace `Config.Log.` with `Config.`
-         */
-        readonly Log: {
-            /**
-             * Set the log level.
-             * Acceptable values: 'error' | 'warning' | 'info' | 'verbose'
-             * Default value: 'info'
-             *
-             * Set this to 'verbose' to get browser logs and other IO.
-             */
-            readonly setLevel: (newLogLevel: 'verbose' | 'info' | 'warn' | 'error') => void;
-        };
-        /**
-         * @deprecated New flat config format: You can now replace `Config.Puppeteer.` with `Config.`
-         */
-        readonly Puppeteer: {
-            /**
-             * Specify executable path for the browser to use.
-             * Default: null, which will make Remotion find or download a version of said browser.
-             */
-            readonly setBrowserExecutable: (newBrowserExecutablePath: BrowserExecutable) => void;
-            /**
-             * Set how many milliseconds a frame may take to render before it times out.
-             * Default: `30000`
-             */
-            readonly setDelayRenderTimeoutInMilliseconds: (newPuppeteerTimeout: number) => void;
-            /**
-             * @deprecated Renamed to `setDelayRenderTimeoutInMilliseconds`.
-             * Set how many milliseconds a frame may take to render before it times out.
-             * Default: `30000`
-             */
-            readonly setTimeoutInMilliseconds: (newPuppeteerTimeout: number) => void;
-            /**
-             * Setting deciding whether to disable CORS and other Chrome security features.
-             * Default: false
-             */
-            readonly setChromiumDisableWebSecurity: (should: boolean) => void;
-            /**
-             * Setting whether to ignore any invalid SSL certificates, such as self-signed ones.
-             * Default: false
-             */
-            readonly setChromiumIgnoreCertificateErrors: (should: boolean) => void;
-            /**
-             * If false, will open an actual browser during rendering to observe progress.
-             * Default: true
-             */
-            readonly setChromiumHeadlessMode: (should: boolean) => void;
-            /**
-             * Set the OpenGL rendering backend for Chrome. Possible values: 'egl', 'angle', 'swiftshader' and 'swangle'.
-             * Default: 'swangle' in Lambda, null elsewhere.
-             */
-            readonly setChromiumOpenGlRenderer: (renderer: 'swangle' | 'angle' | 'egl' | 'swiftshader') => void;
-            /**
-             * Set the user agent for Chrome. Only works during rendering.
-             * Default:
-             */
-            readonly setChromiumUserAgent: (userAgent: string | null) => void;
-        };
-        /**
-         * @deprecated New flat config format: You can now replace `Config.Rendering.` with `Config.`
-         */
-        readonly Rendering: {
-            /**
-             * Set a custom location for a .env file.
-             * Default: `.env`
-             */
-            readonly setDotEnvLocation: (file: string) => void;
-            /**
-             * Sets how many Puppeteer instances will work on rendering your video in parallel.
-             * Default: `null`, meaning half of the threads available on your CPU.
-             */
-            readonly setConcurrency: (newConcurrency: Concurrency) => void;
-            /**
-             * Set the JPEG quality for the frames.
-             * Must be between 0 and 100.
-             * Must be between 0 and 100.
-             * Default: 80
-             */
-            readonly setQuality: (q: number | undefined) => void;
-            /** Decide in which image format to render. Can be either 'jpeg' or 'png'.
-             * PNG is slower, but supports transparency.
-             */
-            readonly setImageFormat: (format: 'png' | 'jpeg' | 'none') => void;
-            /**
-             * Render only a subset of a video.
-             * Pass in a tuple [20, 30] to only render frames 20-30 into a video.
-             * Pass in a single number `20` to only render a single frame as an image.
-             * The frame count starts at 0.
-             */
-            readonly setFrameRange: (newFrameRange: FrameRange | null) => void;
-            /**
-             * Specify local ffmpeg executable.
-             * Default: null, which will use ffmpeg available in PATH.
-             */
-            readonly setFfmpegExecutable: (ffmpegPath: FfmpegExecutable) => void;
-            /**
-             * Specify local ffprobe executable.
-             * Default: null, which will use ffprobe available in PATH.
-             */
-            readonly setFfprobeExecutable: (ffprobePath: FfmpegExecutable) => void;
-            /**
-             * Scales the output dimensions by a factor.
-             * Default: 1.
-             */
-            readonly setScale: (newScale: number) => void;
-            /**
-             * Specify which frames should be picked for rendering a GIF
-             * Default: 1, which means every frame
-             * https://remotion.dev/docs/render-as-gif
-             */
-            readonly setEveryNthFrame: (frame: number) => void;
-            /**
-             * Specify the number of Loop a GIF should have.
-             * Default: null (means GIF will loop infinite)
-             */
-            readonly setNumberOfGifLoops: (newLoop: Loop) => void;
-            /**
-             * Disable audio output.
-             * Default: false
-             */
-            readonly setMuted: (muted: boolean) => void;
-            /**
-             * Don't render an audio track if it would be silent.
-             * Default: true
-             */
-            readonly setEnforceAudioTrack: (enforceAudioTrack: boolean) => void;
-        };
-        /**
-         * @deprecated New flat config format: You can now replace `Config.Output.` with `Config.`
-         */
-        readonly Output: {
-            /**
-             * Set the output file location string. Default: `out/{composition}.{codec}`
-             */
-            readonly setOutputLocation: (newOutputLocation: string) => void;
-            /**
-             * If the video file already exists, should Remotion overwrite
-             * the output? Default: true
-             */
-            readonly setOverwriteOutput: (newOverwrite: boolean) => void;
-            /**
-             * Sets the pixel format in FFMPEG.
-             * See https://trac.ffmpeg.org/wiki/Chroma%20Subsampling for an explanation.
-             * You can override this using the `--pixel-format` Cli flag.
-             */
-            readonly setPixelFormat: (format: 'yuv420p' | 'yuva420p' | 'yuv422p' | 'yuv444p' | 'yuv420p10le' | 'yuv422p10le' | 'yuv444p10le' | 'yuva444p10le') => void;
-            /**
-             * @deprecated Use setCodec() and setImageSequence() instead.
-             * Specify what kind of output you, either `mp4` or `png-sequence`.
-             */
-            readonly setOutputFormat: (newLegacyFormat: 'mp4' | 'png-sequence') => void;
-            /**
-             * Specify the codec for stitching the frames into a video.
-             * Can be `h264` (default), `h265`, `vp8` or `vp9`
-             */
-            readonly setCodec: (newCodec: CodecOrUndefined) => void;
-            /**
-             * Set the Constant Rate Factor to pass to FFMPEG.
-             * Lower values mean better quality, but be aware that the ranges of
-             * possible values greatly differs between codecs.
-             */
-            readonly setCrf: (newCrf: Crf) => void;
-            /**
-             * Set to true if don't want a video but an image sequence as the output.
-             */
-            readonly setImageSequence: (newImageSequence: boolean) => void;
-            /**
-             * Overrides the height of a composition
-             */
-            readonly overrideHeight: (newHeight: number) => void;
-            /**
-             * Overrides the width of a composition
-             */
-            readonly overrideWidth: (newWidth: number) => void;
-            /**
-             * Set the ProRes profile.
-             * This method is only valid if the codec has been set to 'prores'.
-             * 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;
-            /**
-             * Override the arguments that Remotion passes to FFMPEG.
-             * Consult https://remotion.dev/docs/renderer/render-media#ffmpegoverride before using this feature.
-             */
-            readonly overrideFfmpegCommand: (command: (info: {
-                type: 'pre-stitcher' | 'stitcher';
-                args: string[];
-            }) => string[]) => void;
-            /**
-             * Set a target audio bitrate to be passed to FFMPEG.
-             */
-            readonly setAudioBitrate: (bitrate: string | null) => void;
-            /**
-             * Set a target video bitrate to be passed to FFMPEG.
-             * Mutually exclusive with setCrf().
-             */
-            readonly setVideoBitrate: (bitrate: string | null) => void;
-        };
-    }
-}
-export declare type ConfigType = RemotionConfigObject & FlatConfig;
-export type { Concurrency };
-export declare const Config: ConfigType;
-export declare const enableLegacyRemotionConfig: () => void;

package/dist/cjs/config.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.enableLegacyRemotionConfig = exports.Config = void 0;
-const conf = {};
-let enabled = false;
-exports.Config = new Proxy(conf, {
-    get(target, prop, receiver) {
-        if (!enabled) {
-            if (typeof document !== 'undefined') {
-                // We are in the browser
-                return {};
-            }
-            throw new Error('To use the Remotion config file, you need to have @remotion/cli installed.\n- Make sure that all versions of Remotion are the same.\n- Make sure that @remotion/cli is installed.\n- Make sure Config is imported from "@remotion/cli", not "remotion".');
-        }
-        return Reflect.get(target, prop, receiver);
-    },
-});
-const enableLegacyRemotionConfig = () => {
-    enabled = true;
-};
-exports.enableLegacyRemotionConfig = enableLegacyRemotionConfig;

package/dist/cjs/validation/validate-offthreadvideo-image-format.d.ts

@@ -1 +0,0 @@
-export declare const validateOffthreadVideoImageFormat: (input: unknown) => void;

package/dist/cjs/validation/validate-offthreadvideo-image-format.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.validateOffthreadVideoImageFormat = void 0;
-const validateOffthreadVideoImageFormat = (input) => {
-    if (typeof input === 'undefined') {
-        return;
-    }
-    if (typeof input !== 'string') {
-        throw new TypeError(`<OffthreadVideo imageFormat=""> must be a string, but got ${JSON.stringify(input)} instead.`);
-    }
-    if (input !== 'png' && input !== 'jpeg') {
-        throw new TypeError(`<OffthreadVideo imageFormat=""> must be either "png" or "jpeg", but got ${input}`);
-    }
-};
-exports.validateOffthreadVideoImageFormat = validateOffthreadVideoImageFormat;