remotion 4.0.491 → 4.0.493

package/dist/cjs/Composition.js

@@ -55,6 +55,7 @@ const InnerComposition = ({ width, height, fps, durationInFrames, id, defaultPro
     }
     const { folderName, parentName } = (0, react_1.useContext)(Folder_js_1.FolderContext);
     const stack = (_b = compProps.stack) !== null && _b !== void 0 ? _b : null;
+    const componentFromProps = 'component' in compProps ? compProps.component : null;
     (0, react_1.useEffect)(() => {
         var _a;
         // Ensure it's a URL safe id
@@ -74,6 +75,7 @@ const InnerComposition = ({ width, height, fps, durationInFrames, id, defaultPro
             defaultProps: (0, input_props_serialization_js_1.serializeThenDeserializeInStudio)((defaultProps !== null && defaultProps !== void 0 ? defaultProps : {})),
             nonce: nonce.get(),
             parentFolderName: parentName,
+            componentFromProps,
             schema: schema !== null && schema !== void 0 ? schema : null,
             calculateMetadata: (_a = compProps.calculateMetadata) !== null && _a !== void 0 ? _a : null,
             stack,
@@ -92,6 +94,7 @@ const InnerComposition = ({ width, height, fps, durationInFrames, id, defaultPro
         width,
         nonce,
         parentName,
+        componentFromProps,
         schema,
         compProps.calculateMetadata,
         stack,

package/dist/cjs/CompositionManager.d.ts

@@ -16,6 +16,7 @@ export type TComposition<Schema extends AnyZodObject, Props extends Record<strin
     folderName: string | null;
     parentFolderName: string | null;
     component: LazyExoticComponent<ComponentType<Props>> | ComponentType<Props>;
+    componentFromProps?: unknown;
     nonce: NonceHistory;
     schema: Schema | null;
     calculateMetadata: CalculateMetadataFunction<InferProps<Schema, Props>> | null;
@@ -83,6 +84,7 @@ export type TSequence = {
     effects: readonly EffectDefinition<unknown>[];
     isInsideSeries: boolean;
     frozenFrame: number | null;
+    singleChildComponent?: unknown;
 } & EnhancedTSequenceData;
 export type AudioOrVideoAsset = {
     type: 'audio' | 'video';

package/dist/cjs/Img.d.ts

@@ -82,6 +82,12 @@ export declare const imgSchema: {
     readonly hidden: import("./interactivity-schema.js").BooleanFieldSchema;
     readonly name: import("./interactivity-schema.js").HiddenFieldSchema;
     readonly showInTimeline: import("./interactivity-schema.js").HiddenFieldSchema;
+    readonly src: {
+        readonly type: "asset";
+        readonly default: undefined;
+        readonly description: "Source";
+        readonly keyframable: false;
+    };
 };
 export declare const Img: React.ComponentType<NativeImgProps & {
     readonly maxRetries?: number | undefined;

package/dist/cjs/Img.js

@@ -198,6 +198,12 @@ const NativeImgInner = ({ hidden, name, stack, showInTimeline, src, from, trimBe
 };
 const CanvasImageWithPrivateProps = index_js_1.CanvasImage;
 exports.imgSchema = {
+    src: {
+        type: 'asset',
+        default: undefined,
+        description: 'Source',
+        keyframable: false,
+    },
     ...interactivity_schema_js_1.baseSchema,
     ...interactivity_schema_js_1.transformSchema,
 };

package/dist/cjs/ResolveCompositionConfig.d.ts

@@ -1,4 +1,5 @@
 import type { AnyComposition } from './CompositionManager.js';
+import type { VideoConfigMetadataSource } from './resolve-video-config.js';
 import type { VideoConfig } from './video-config.js';
 type ResolveCompositionConfigContect = Record<string, VideoConfigState | undefined>;
 export declare const ResolveCompositionContext: import("react").Context<ResolveCompositionConfigContect | null>;
@@ -12,9 +13,11 @@ type VideoConfigState = {
 } | {
     type: 'success';
     result: VideoConfig;
+    metadataSource: VideoConfigMetadataSource | null;
 } | {
     type: 'success-and-refreshing';
     result: VideoConfig;
+    metadataSource: VideoConfigMetadataSource | null;
 } | {
     type: 'error';
     error: Error;

package/dist/cjs/ResolveCompositionConfig.js

@@ -35,6 +35,7 @@ const useResolvedVideoConfig = (preferredCompositionId) => {
         if (currentCompositionMetadata) {
             return {
                 type: 'success',
+                metadataSource: null,
                 result: {
                     ...currentCompositionMetadata,
                     id: composition.id,
@@ -52,6 +53,7 @@ const useResolvedVideoConfig = (preferredCompositionId) => {
             (0, validate_dimensions_js_1.validateDimension)(composition.height, 'height', `in <Composition id="${composition.id}">`);
             return {
                 type: 'success',
+                metadataSource: null,
                 result: {
                     width: composition.width,
                     height: composition.height,

package/dist/cjs/Sequence.d.ts

@@ -46,6 +46,10 @@ export type SequencePropsWithoutDuration = {
      * @deprecated For internal use only.
      */
     readonly _remotionInternalDocumentationLink?: string;
+    /**
+     * @deprecated For internal use only.
+     */
+    readonly _remotionInternalSingleChildComponent?: unknown;
     /**
      * @deprecated For internal use only.
      */

package/dist/cjs/Sequence.js

@@ -19,7 +19,7 @@ const use_video_config_js_1 = require("./use-video-config.js");
 const v5_flag_js_1 = require("./v5-flag.js");
 const with_interactivity_schema_js_1 = require("./with-interactivity-schema.js");
 const EMPTY_EFFECTS = [];
-const RegularSequenceRefForwardingFunction = ({ from = 0, trimBefore = 0, freeze, durationInFrames = Infinity, children, name, height, width, showInTimeline = true, hidden = false, controls, _remotionInternalEffects, _remotionInternalLoopDisplay: loopDisplay, _remotionInternalStack: stack, _remotionInternalDocumentationLink: documentationLink, _remotionInternalPremountDisplay: premountDisplay, _remotionInternalPostmountDisplay: postmountDisplay, _remotionInternalIsMedia: isMedia, outlineRef: passedRefForOutline, ...other }, ref) => {
+const RegularSequenceRefForwardingFunction = ({ from = 0, trimBefore = 0, freeze, durationInFrames = Infinity, children, name, height, width, showInTimeline = true, hidden = false, controls, _remotionInternalEffects, _remotionInternalLoopDisplay: loopDisplay, _remotionInternalStack: stack, _remotionInternalDocumentationLink: documentationLink, _remotionInternalSingleChildComponent: singleChildComponent, _remotionInternalPremountDisplay: premountDisplay, _remotionInternalPostmountDisplay: postmountDisplay, _remotionInternalIsMedia: isMedia, outlineRef: passedRefForOutline, ...other }, ref) => {
     var _a, _b, _c;
     const { layout = 'absolute-fill' } = other;
     const [id] = (0, react_1.useState)(() => String(Math.random()));
@@ -210,6 +210,7 @@ const RegularSequenceRefForwardingFunction = ({ from = 0, trimBefore = 0, freeze
                     refForOutline: refForOutline !== null && refForOutline !== void 0 ? refForOutline : null,
                     isInsideSeries,
                     frozenFrame: registeredFrozenFrame,
+                    singleChildComponent: singleChildComponent !== null && singleChildComponent !== void 0 ? singleChildComponent : null,
                 });
             }
             else {
@@ -241,6 +242,7 @@ const RegularSequenceRefForwardingFunction = ({ from = 0, trimBefore = 0, freeze
                     isInsideSeries,
                     frozenFrame: registeredFrozenFrame,
                     frozenMediaFrame,
+                    singleChildComponent: singleChildComponent !== null && singleChildComponent !== void 0 ? singleChildComponent : null,
                 });
             }
             return () => {
@@ -268,6 +270,7 @@ const RegularSequenceRefForwardingFunction = ({ from = 0, trimBefore = 0, freeze
             refForOutline: refForOutline !== null && refForOutline !== void 0 ? refForOutline : null,
             isInsideSeries,
             frozenFrame: registeredFrozenFrame,
+            singleChildComponent: singleChildComponent !== null && singleChildComponent !== void 0 ? singleChildComponent : null,
         });
         return () => {
             unregisterSequence(id);
@@ -301,6 +304,7 @@ const RegularSequenceRefForwardingFunction = ({ from = 0, trimBefore = 0, freeze
         startMediaFrom,
         mediaFrameAtSequenceZero,
         frozenMediaFrame,
+        singleChildComponent,
     ]);
     // Ceil to support floats
     // https://github.com/remotion-dev/remotion/issues/2958

package/dist/cjs/animated-image/AnimatedImage.js

@@ -17,6 +17,12 @@ const decode_image_js_1 = require("./decode-image.js");
 const request_init_1 = require("./request-init");
 const resolve_image_source_1 = require("./resolve-image-source");
 const animatedImageSchema = {
+    src: {
+        type: 'asset',
+        default: undefined,
+        description: 'Source',
+        keyframable: false,
+    },
     ...interactivity_schema_js_1.baseSchema,
     playbackRate: {
         type: 'number',

package/dist/cjs/enable-sequence-stack-traces.d.ts

@@ -1,2 +1,6 @@
+import React from 'react';
 export declare const getComponentsToAddStacksTo: () => unknown[];
 export declare const addSequenceStackTraces: (component: unknown) => void;
+export declare const setSequenceComponent: (component: unknown) => void;
+export declare const getSequenceComponent: () => unknown;
+export declare const getSingleChildComponent: (children: React.ReactNode) => unknown;

package/dist/cjs/enable-sequence-stack-traces.js

@@ -1,10 +1,36 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.addSequenceStackTraces = exports.getComponentsToAddStacksTo = void 0;
+exports.getSingleChildComponent = exports.getSequenceComponent = exports.setSequenceComponent = exports.addSequenceStackTraces = exports.getComponentsToAddStacksTo = void 0;
+const react_1 = __importDefault(require("react"));
 const componentsToAddStacksTo = [];
+let sequenceComponent = null;
 const getComponentsToAddStacksTo = () => componentsToAddStacksTo;
 exports.getComponentsToAddStacksTo = getComponentsToAddStacksTo;
 const addSequenceStackTraces = (component) => {
     componentsToAddStacksTo.push(component);
 };
 exports.addSequenceStackTraces = addSequenceStackTraces;
+const setSequenceComponent = (component) => {
+    sequenceComponent = component;
+};
+exports.setSequenceComponent = setSequenceComponent;
+const getSequenceComponent = () => sequenceComponent;
+exports.getSequenceComponent = getSequenceComponent;
+const getSingleChildComponent = (children) => {
+    const mountedChildren = react_1.default.Children.toArray(children);
+    if (mountedChildren.length !== 1) {
+        return null;
+    }
+    const child = mountedChildren[0];
+    if (!react_1.default.isValidElement(child)) {
+        return null;
+    }
+    if (typeof child.type !== 'function' && typeof child.type !== 'object') {
+        return null;
+    }
+    return child.type;
+};
+exports.getSingleChildComponent = getSingleChildComponent;

package/dist/cjs/index.d.ts

@@ -5,7 +5,7 @@ import type { AnyCompMetadata, AnyComposition, AudioOrVideoAsset, JsxComponentId
 import type { DelayRenderScope } from './delay-render.js';
 import { type TFolder } from './Folder.js';
 import type { StaticFile } from './get-static-files.js';
-import type { ArrayFieldSchema, ArrayItemFieldSchema, InteractivitySchemaField, InteractivitySchema } from './interactivity-schema.js';
+import type { AssetFieldSchema, ArrayFieldSchema, ArrayItemFieldSchema, InteractivitySchemaField, InteractivitySchema } from './interactivity-schema.js';
 import type { LogLevel } from './log.js';
 import type { ProResProfile } from './prores-profile.js';
 import type { PixelFormat, VideoImageFormat } from './render-types.js';
@@ -43,6 +43,7 @@ declare global {
         remotion_logLevel: LogLevel | undefined;
         remotion_projectName: string;
         remotion_cwd: string;
+        remotion_fileSystemPlatform: string | null;
         remotion_studioServerCommand: string;
         remotion_setFrame: (frame: number, composition: string, attempt: number) => void;
         remotion_attempt: number;
@@ -182,4 +183,4 @@ export type _InternalTypes = {
     TRenderAsset: TRenderAsset;
     ProResProfile: ProResProfile;
 };
-export type { AnyComposition, ArrayFieldSchema, ArrayItemFieldSchema, DelayRenderScope, JsxComponentIdentity, LoopDisplay, SequenceControls, InteractivitySchemaField, InteractivitySchema, UseBufferState, };
+export type { AnyComposition, AssetFieldSchema, ArrayFieldSchema, ArrayItemFieldSchema, DelayRenderScope, JsxComponentIdentity, LoopDisplay, SequenceControls, InteractivitySchemaField, InteractivitySchema, UseBufferState, };

package/dist/cjs/index.js

@@ -154,5 +154,6 @@ exports.Config = new Proxy(proxyObj, {
 });
 Sequence_js_1.Sequence.displayName = 'Sequence';
 (0, enable_sequence_stack_traces_js_1.addSequenceStackTraces)(Sequence_js_1.Sequence);
+(0, enable_sequence_stack_traces_js_1.setSequenceComponent)(Sequence_js_1.Sequence);
 (0, enable_sequence_stack_traces_js_1.addSequenceStackTraces)(Composition_js_1.Composition);
 (0, enable_sequence_stack_traces_js_1.addSequenceStackTraces)(Folder_js_1.Folder);

package/dist/cjs/interactivity-schema.d.ts

@@ -97,6 +97,12 @@ export type FontFamilyFieldSchema = {
     description?: string;
     keyframable?: false;
 };
+export type AssetFieldSchema = {
+    type: 'asset';
+    default: string | undefined;
+    description?: string;
+    keyframable?: false;
+};
 export type EnumFieldSchema = {
     type: 'enum';
     default: string;
@@ -126,7 +132,7 @@ export type ArrayFieldSchema = {
     description?: string;
     keyframable?: false;
 };
-export type VisibleFieldSchema = NumberFieldSchema | BooleanFieldSchema | RotationCssFieldSchema | RotationDegreesFieldSchema | TranslateFieldSchema | TransformOriginFieldSchema | ScaleFieldSchema | UvCoordinateFieldSchema | ColorFieldSchema | TextContentFieldSchema | FontFamilyFieldSchema | ArrayFieldSchema | EnumFieldSchema;
+export type VisibleFieldSchema = NumberFieldSchema | BooleanFieldSchema | RotationCssFieldSchema | RotationDegreesFieldSchema | TranslateFieldSchema | TransformOriginFieldSchema | ScaleFieldSchema | UvCoordinateFieldSchema | ColorFieldSchema | TextContentFieldSchema | FontFamilyFieldSchema | AssetFieldSchema | ArrayFieldSchema | EnumFieldSchema;
 export type InteractivitySchemaField = VisibleFieldSchema | HiddenFieldSchema;
 export type InteractivitySchema = {
     [key: string]: InteractivitySchemaField;

package/dist/cjs/internals.d.ts

@@ -6,7 +6,7 @@ import type { JsxComponentIdentity, TCompMetadata, TComposition, TRenderAsset, T
 import type { CompositionManagerContext } from './CompositionManagerContext.js';
 import * as CSSUtils from './default-css.js';
 import type { SerializedJSONWithCustomFields } from './input-props-serialization.js';
-import { type ArrayFieldSchema, type ArrayItemFieldSchema, type InteractivitySchemaField, type InteractivitySchema, type VisibleFieldSchema } from './interactivity-schema.js';
+import { type AssetFieldSchema, type ArrayFieldSchema, type ArrayItemFieldSchema, type InteractivitySchemaField, type InteractivitySchema, type VisibleFieldSchema } from './interactivity-schema.js';
 import type { LoggingContextValue } from './log-level-context.js';
 import type { NonceHistory } from './nonce.js';
 import type { RemotionEnvironment } from './remotion-environment-context.js';
@@ -612,7 +612,7 @@ export declare const Internals: {
     readonly EditorPropsContext: import("react").Context<import("./EditorProps.js").EditorPropsContextType>;
     readonly usePreload: (src: string) => string;
     readonly NonceContext: import("react").Context<import("./nonce.js").TNonceContext>;
-    readonly resolveVideoConfig: ({ calculateMetadata, signal, defaultProps, inputProps: originalProps, compositionId, compositionDurationInFrames, compositionFps, compositionHeight, compositionWidth, }: {
+    readonly resolveVideoConfig: (params: {
         compositionId: string;
         compositionWidth: number | null;
         compositionHeight: number | null;
@@ -640,15 +640,34 @@ export declare const Internals: {
         type: "error";
         error: Error;
     };
+    readonly resolveVideoConfigWithMetadataOrCatch: (params: {
+        compositionId: string;
+        compositionWidth: number | null;
+        compositionHeight: number | null;
+        compositionFps: number | null;
+        compositionDurationInFrames: number | null;
+        calculateMetadata: import("./Composition.js").CalculateMetadataFunction<Record<string, unknown>> | null;
+        signal: AbortSignal;
+        defaultProps: Record<string, unknown>;
+        inputProps: Record<string, unknown>;
+    }) => {
+        type: "success";
+        result: Promise<import("./resolve-video-config.js").VideoConfigWithMetadata> | import("./resolve-video-config.js").VideoConfigWithMetadata;
+    } | {
+        type: "error";
+        error: Error;
+    };
     readonly ResolveCompositionContext: import("react").Context<{
         [x: string]: ({
             type: "loading";
         } | {
             type: "success";
             result: import("./video-config.js").VideoConfig;
+            metadataSource: import("./resolve-video-config.js").VideoConfigMetadataSource | null;
         } | {
             type: "success-and-refreshing";
             result: import("./video-config.js").VideoConfig;
+            metadataSource: import("./resolve-video-config.js").VideoConfigMetadataSource | null;
         } | {
             type: "error";
             error: Error;
@@ -659,9 +678,11 @@ export declare const Internals: {
     } | {
         type: "success";
         result: import("./video-config.js").VideoConfig;
+        metadataSource: import("./resolve-video-config.js").VideoConfigMetadataSource | null;
     } | {
         type: "success-and-refreshing";
         result: import("./video-config.js").VideoConfig;
+        metadataSource: import("./resolve-video-config.js").VideoConfigMetadataSource | null;
     } | {
         type: "error";
         error: Error;
@@ -701,6 +722,8 @@ export declare const Internals: {
         buffering: import("react").RefObject<boolean>;
     } | null>;
     readonly getComponentsToAddStacksTo: () => unknown[];
+    readonly getSequenceComponent: () => unknown;
+    readonly getSingleChildComponent: (children: import("react").ReactNode) => unknown;
     readonly CurrentScaleContext: import("react").Context<import("./use-current-scale.js").CurrentScaleContextType | null>;
     readonly PixelDensityContext: import("react").Context<number | null>;
     readonly PreviewSizeContext: import("react").Context<import("./use-current-scale.js").PreviewSizeCtx>;
@@ -930,4 +953,4 @@ export declare const Internals: {
         readonly hiddenFromList: true;
     };
 };
-export type { ArrayFieldSchema, ArrayItemFieldSchema, CannotUpdateSequenceReason, CanUpdateEffectPropsResponse, CanUpdateEffectPropsResponseFalse, CanUpdateEffectPropsResponseTrue, CanUpdateSequencePropsResponse, CanUpdateSequencePropsResponseFalse, CanUpdateSequencePropsResponseTrue, CanUpdateSequencePropStatus, CanUpdateSequencePropStatusEasing, CanUpdateSequencePropStatusFalse, CanUpdateSequencePropStatusKeyframed, CanUpdateSequencePropStatusStatic, VideoConfigNumericExpression, CompositionManagerContext, CompProps, DragOverrides, DragOverrideValue, EffectDragOverrides, GetDragOverrides, GetEffectDragOverrides, GetEffectPropStatuses, GetPropStatuses, JsxComponentIdentity, LoggingContextValue, MediaVolumeContextValue, NonceHistory, OverrideIdsToNodePathsGettersContext, OverrideIdsToNodePathsSettersContext, OverrideIdToNodePaths, OverrideToNodePathGetters, OverrideToNodeSetters, PlaybackRateContextValue, PropStatuses, RemotionAudioContextState, RemotionEnvironment, ResolvedStackLocation, ScheduleAudioNodeOptions, ScheduleAudioNodeResult, InteractivitySchemaField, SequenceNodePath, SequencePropsSubscriptionKey, VideoConfigValues, InteractivitySchema, SerializedJSONWithCustomFields, SetMediaVolumeContextValue, SetTimelineContextValue, TCompMetadata, TComposition, TimelineContextValue, TRenderAsset, TSequence, VisibleFieldSchema, WatchRemotionStaticFilesPayload, };
+export type { ArrayFieldSchema, AssetFieldSchema, ArrayItemFieldSchema, CannotUpdateSequenceReason, CanUpdateEffectPropsResponse, CanUpdateEffectPropsResponseFalse, CanUpdateEffectPropsResponseTrue, CanUpdateSequencePropsResponse, CanUpdateSequencePropsResponseFalse, CanUpdateSequencePropsResponseTrue, CanUpdateSequencePropStatus, CanUpdateSequencePropStatusEasing, CanUpdateSequencePropStatusFalse, CanUpdateSequencePropStatusKeyframed, CanUpdateSequencePropStatusStatic, VideoConfigNumericExpression, CompositionManagerContext, CompProps, DragOverrides, DragOverrideValue, EffectDragOverrides, GetDragOverrides, GetEffectDragOverrides, GetEffectPropStatuses, GetPropStatuses, JsxComponentIdentity, LoggingContextValue, MediaVolumeContextValue, NonceHistory, OverrideIdsToNodePathsGettersContext, OverrideIdsToNodePathsSettersContext, OverrideIdToNodePaths, OverrideToNodePathGetters, OverrideToNodeSetters, PlaybackRateContextValue, PropStatuses, RemotionAudioContextState, RemotionEnvironment, ResolvedStackLocation, ScheduleAudioNodeOptions, ScheduleAudioNodeResult, InteractivitySchemaField, SequenceNodePath, SequencePropsSubscriptionKey, VideoConfigValues, InteractivitySchema, SerializedJSONWithCustomFields, SetMediaVolumeContextValue, SetTimelineContextValue, TCompMetadata, TComposition, TimelineContextValue, TRenderAsset, TSequence, VisibleFieldSchema, WatchRemotionStaticFilesPayload, };

package/dist/cjs/internals.js

@@ -195,6 +195,7 @@ exports.Internals = {
     NonceContext: nonce_js_1.NonceContext,
     resolveVideoConfig: resolve_video_config_js_1.resolveVideoConfig,
     resolveVideoConfigOrCatch: resolve_video_config_js_1.resolveVideoConfigOrCatch,
+    resolveVideoConfigWithMetadataOrCatch: resolve_video_config_js_1.resolveVideoConfigWithMetadataOrCatch,
     ResolveCompositionContext: ResolveCompositionConfig_js_1.ResolveCompositionContext,
     useResolvedVideoConfig: ResolveCompositionConfig_js_1.useResolvedVideoConfig,
     resolveCompositionsRef: ResolveCompositionConfig_js_1.resolveCompositionsRef,
@@ -211,6 +212,8 @@ exports.Internals = {
     BufferingProvider: buffering_js_1.BufferingProvider,
     BufferingContextReact: buffering_js_1.BufferingContextReact,
     getComponentsToAddStacksTo: enable_sequence_stack_traces_js_1.getComponentsToAddStacksTo,
+    getSequenceComponent: enable_sequence_stack_traces_js_1.getSequenceComponent,
+    getSingleChildComponent: enable_sequence_stack_traces_js_1.getSingleChildComponent,
     CurrentScaleContext: use_current_scale_js_1.CurrentScaleContext,
     PixelDensityContext: use_pixel_density_js_1.PixelDensityContext,
     PreviewSizeContext: use_current_scale_js_1.PreviewSizeContext,

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

@@ -13,7 +13,25 @@ type ResolveVideoConfigParams = {
     defaultProps: Record<string, unknown>;
     inputProps: Record<string, unknown>;
 };
-export declare const resolveVideoConfig: ({ calculateMetadata, signal, defaultProps, inputProps: originalProps, compositionId, compositionDurationInFrames, compositionFps, compositionHeight, compositionWidth, }: ResolveVideoConfigParams) => Promise<VideoConfig> | VideoConfig;
+export type VideoConfigMetadataSource = {
+    readonly durationInFrames: 'calculate-metadata' | 'composition';
+    readonly fps: 'calculate-metadata' | 'composition';
+    readonly height: 'calculate-metadata' | 'composition';
+    readonly width: 'calculate-metadata' | 'composition';
+};
+export type VideoConfigWithMetadata = {
+    readonly metadataSource: VideoConfigMetadataSource;
+    readonly videoConfig: VideoConfig;
+};
+export declare const resolveVideoConfigWithMetadata: ({ calculateMetadata, signal, defaultProps, inputProps: originalProps, compositionId, compositionDurationInFrames, compositionFps, compositionHeight, compositionWidth, }: ResolveVideoConfigParams) => Promise<VideoConfigWithMetadata> | VideoConfigWithMetadata;
+export declare const resolveVideoConfig: (params: ResolveVideoConfigParams) => Promise<VideoConfig> | VideoConfig;
+export declare const resolveVideoConfigWithMetadataOrCatch: (params: ResolveVideoConfigParams) => {
+    type: "success";
+    result: Promise<VideoConfigWithMetadata> | VideoConfigWithMetadata;
+} | {
+    type: "error";
+    error: Error;
+};
 export declare const resolveVideoConfigOrCatch: (params: ResolveVideoConfigParams) => {
     type: "success";
     result: Promise<VideoConfig> | VideoConfig;

package/dist/cjs/resolve-video-config.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.resolveVideoConfigOrCatch = exports.resolveVideoConfig = void 0;
+exports.resolveVideoConfigOrCatch = exports.resolveVideoConfigWithMetadataOrCatch = exports.resolveVideoConfig = exports.resolveVideoConfigWithMetadata = void 0;
 const get_remotion_environment_js_1 = require("./get-remotion-environment.js");
 const input_props_serialization_js_1 = require("./input-props-serialization.js");
 const validate_default_codec_js_1 = require("./validation/validate-default-codec.js");
@@ -42,8 +42,40 @@ const validateCalculated = ({ calculated, compositionId, compositionFps, composi
         defaultSampleRate,
     };
 };
-const resolveVideoConfig = ({ calculateMetadata, signal, defaultProps, inputProps: originalProps, compositionId, compositionDurationInFrames, compositionFps, compositionHeight, compositionWidth, }) => {
+const makeVideoConfigWithMetadata = ({ calculated, compositionDurationInFrames, compositionFps, compositionHeight, compositionId, compositionWidth, defaultProps, originalProps, }) => {
     var _a, _b, _c, _d, _e, _f, _g;
+    const data = validateCalculated({
+        calculated,
+        compositionDurationInFrames,
+        compositionFps,
+        compositionHeight,
+        compositionWidth,
+        compositionId,
+    });
+    return {
+        metadataSource: {
+            durationInFrames: (calculated === null || calculated === void 0 ? void 0 : calculated.durationInFrames) === undefined
+                ? 'composition'
+                : 'calculate-metadata',
+            fps: (calculated === null || calculated === void 0 ? void 0 : calculated.fps) === undefined ? 'composition' : 'calculate-metadata',
+            height: (calculated === null || calculated === void 0 ? void 0 : calculated.height) === undefined ? 'composition' : 'calculate-metadata',
+            width: (calculated === null || calculated === void 0 ? void 0 : calculated.width) === undefined ? 'composition' : 'calculate-metadata',
+        },
+        videoConfig: {
+            ...data,
+            id: compositionId,
+            defaultProps: (0, input_props_serialization_js_1.serializeThenDeserializeInStudio)(defaultProps !== null && defaultProps !== void 0 ? defaultProps : {}),
+            props: (0, input_props_serialization_js_1.serializeThenDeserializeInStudio)((_a = calculated === null || calculated === void 0 ? void 0 : calculated.props) !== null && _a !== void 0 ? _a : originalProps),
+            defaultCodec: (_b = data.defaultCodec) !== null && _b !== void 0 ? _b : null,
+            defaultOutName: (_c = data.defaultOutName) !== null && _c !== void 0 ? _c : null,
+            defaultVideoImageFormat: (_d = data.defaultVideoImageFormat) !== null && _d !== void 0 ? _d : null,
+            defaultPixelFormat: (_e = data.defaultPixelFormat) !== null && _e !== void 0 ? _e : null,
+            defaultProResProfile: (_f = data.defaultProResProfile) !== null && _f !== void 0 ? _f : null,
+            defaultSampleRate: (_g = data.defaultSampleRate) !== null && _g !== void 0 ? _g : null,
+        },
+    };
+};
+const resolveVideoConfigWithMetadata = ({ calculateMetadata, signal, defaultProps, inputProps: originalProps, compositionId, compositionDurationInFrames, compositionFps, compositionHeight, compositionWidth, }) => {
     const calculatedProm = calculateMetadata
         ? calculateMetadata({
             defaultProps,
@@ -57,68 +89,53 @@ const resolveVideoConfig = ({ calculateMetadata, signal, defaultProps, inputProp
         typeof calculatedProm === 'object' &&
         'then' in calculatedProm) {
         return calculatedProm.then((c) => {
-            var _a;
-            const { height, width, durationInFrames, fps, defaultCodec, defaultOutName, defaultVideoImageFormat, defaultPixelFormat, defaultProResProfile, defaultSampleRate, } = validateCalculated({
+            return makeVideoConfigWithMetadata({
                 calculated: c,
                 compositionDurationInFrames,
                 compositionFps,
                 compositionHeight,
                 compositionWidth,
                 compositionId,
+                defaultProps,
+                originalProps,
             });
-            return {
-                width,
-                height,
-                fps,
-                durationInFrames,
-                id: compositionId,
-                defaultProps: (0, input_props_serialization_js_1.serializeThenDeserializeInStudio)(defaultProps),
-                props: (0, input_props_serialization_js_1.serializeThenDeserializeInStudio)((_a = c.props) !== null && _a !== void 0 ? _a : originalProps),
-                defaultCodec: defaultCodec !== null && defaultCodec !== void 0 ? defaultCodec : null,
-                defaultOutName: defaultOutName !== null && defaultOutName !== void 0 ? defaultOutName : null,
-                defaultVideoImageFormat: defaultVideoImageFormat !== null && defaultVideoImageFormat !== void 0 ? defaultVideoImageFormat : null,
-                defaultPixelFormat: defaultPixelFormat !== null && defaultPixelFormat !== void 0 ? defaultPixelFormat : null,
-                defaultProResProfile: defaultProResProfile !== null && defaultProResProfile !== void 0 ? defaultProResProfile : null,
-                defaultSampleRate: defaultSampleRate !== null && defaultSampleRate !== void 0 ? defaultSampleRate : null,
-            };
         });
     }
-    const data = validateCalculated({
+    return makeVideoConfigWithMetadata({
         calculated: calculatedProm,
         compositionDurationInFrames,
         compositionFps,
         compositionHeight,
         compositionWidth,
         compositionId,
+        defaultProps,
+        originalProps,
     });
-    if (calculatedProm === null) {
+};
+exports.resolveVideoConfigWithMetadata = resolveVideoConfigWithMetadata;
+const resolveVideoConfig = (params) => {
+    const resolved = (0, exports.resolveVideoConfigWithMetadata)(params);
+    if (typeof resolved === 'object' && 'then' in resolved) {
+        return resolved.then(({ videoConfig }) => videoConfig);
+    }
+    return resolved.videoConfig;
+};
+exports.resolveVideoConfig = resolveVideoConfig;
+const resolveVideoConfigWithMetadataOrCatch = (params) => {
+    try {
         return {
-            ...data,
-            id: compositionId,
-            defaultProps: (0, input_props_serialization_js_1.serializeThenDeserializeInStudio)(defaultProps !== null && defaultProps !== void 0 ? defaultProps : {}),
-            props: (0, input_props_serialization_js_1.serializeThenDeserializeInStudio)(originalProps),
-            defaultCodec: null,
-            defaultOutName: null,
-            defaultVideoImageFormat: null,
-            defaultPixelFormat: null,
-            defaultProResProfile: null,
-            defaultSampleRate: null,
+            type: 'success',
+            result: (0, exports.resolveVideoConfigWithMetadata)(params),
+        };
+    }
+    catch (err) {
+        return {
+            type: 'error',
+            error: err,
         };
     }
-    return {
-        ...data,
-        id: compositionId,
-        defaultProps: (0, input_props_serialization_js_1.serializeThenDeserializeInStudio)(defaultProps !== null && defaultProps !== void 0 ? defaultProps : {}),
-        props: (0, input_props_serialization_js_1.serializeThenDeserializeInStudio)((_a = calculatedProm.props) !== null && _a !== void 0 ? _a : originalProps),
-        defaultCodec: (_b = calculatedProm.defaultCodec) !== null && _b !== void 0 ? _b : null,
-        defaultOutName: (_c = calculatedProm.defaultOutName) !== null && _c !== void 0 ? _c : null,
-        defaultVideoImageFormat: (_d = calculatedProm.defaultVideoImageFormat) !== null && _d !== void 0 ? _d : null,
-        defaultPixelFormat: (_e = calculatedProm.defaultPixelFormat) !== null && _e !== void 0 ? _e : null,
-        defaultProResProfile: (_f = calculatedProm.defaultProResProfile) !== null && _f !== void 0 ? _f : null,
-        defaultSampleRate: (_g = calculatedProm.defaultSampleRate) !== null && _g !== void 0 ? _g : null,
-    };
 };
-exports.resolveVideoConfig = resolveVideoConfig;
+exports.resolveVideoConfigWithMetadataOrCatch = resolveVideoConfigWithMetadataOrCatch;
 const resolveVideoConfigOrCatch = (params) => {
     try {
         const promiseOrReturnValue = (0, exports.resolveVideoConfig)(params);

package/dist/cjs/use-schema.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.computeEffectiveSchemaValuesDotNotation = exports.isKeyframedStatus = exports.getStaticDragOverrideValue = exports.makeKeyframedDragOverride = exports.makeStaticDragOverride = exports.DEFAULT_LINEAR_EASING = void 0;
 const find_props_to_delete_js_1 = require("./find-props-to-delete.js");
 const get_effective_visual_mode_value_js_1 = require("./get-effective-visual-mode-value.js");
+const input_props_serialization_js_1 = require("./input-props-serialization.js");
 const interpolate_keyframed_status_js_1 = require("./interpolate-keyframed-status.js");
 exports.DEFAULT_LINEAR_EASING = {
     type: 'linear',
@@ -132,6 +133,11 @@ const computeEffectiveSchemaValuesDotNotation = ({ schema, currentValue, overrid
                 shouldResortToDefaultValueIfUndefined: false,
             });
         }
+        if ((field === null || field === void 0 ? void 0 : field.type) === 'asset' &&
+            typeof value === 'string' &&
+            value.startsWith(input_props_serialization_js_1.FILE_TOKEN)) {
+            value = `${window.remotion_staticBase}/${value.slice(input_props_serialization_js_1.FILE_TOKEN.length)}`;
+        }
         if (value === undefined) {
             propsToDelete.add(key);
         }

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

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.491';
+exports.VERSION = '4.0.493';

package/dist/cjs/wrap-remotion-context.d.ts

@@ -15,9 +15,11 @@ export declare function useRemotionContexts(): {
         } | {
             type: "success";
             result: import("./video-config.js").VideoConfig;
+            metadataSource: import("./resolve-video-config.js").VideoConfigMetadataSource | null;
         } | {
             type: "success-and-refreshing";
             result: import("./video-config.js").VideoConfig;
+            metadataSource: import("./resolve-video-config.js").VideoConfigMetadataSource | null;
         } | {
             type: "error";
             error: Error;