remotion 4.0.496 → 4.0.498

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

@@ -289,6 +289,45 @@ export declare const textSchema: {
         readonly hiddenFromList: false;
     };
 };
+export declare const borderSchema: {
+    readonly 'style.borderWidth': {
+        readonly type: "number";
+        readonly default: undefined;
+        readonly min: 0;
+        readonly step: 1;
+        readonly description: "Border width";
+        readonly hiddenFromList: false;
+    };
+    readonly 'style.borderStyle': {
+        readonly type: "enum";
+        readonly default: "none";
+        readonly description: "Border style";
+        readonly variants: {
+            readonly none: {};
+            readonly hidden: {};
+            readonly solid: {};
+            readonly dashed: {};
+            readonly dotted: {};
+            readonly double: {};
+            readonly groove: {};
+            readonly ridge: {};
+            readonly inset: {};
+            readonly outset: {};
+        };
+    };
+    readonly 'style.borderColor': {
+        readonly type: "color";
+        readonly default: undefined;
+        readonly description: "Border color";
+    };
+};
+export declare const backgroundSchema: {
+    readonly 'style.backgroundColor': {
+        readonly type: "color";
+        readonly default: "transparent";
+        readonly description: "Color";
+    };
+};
 export declare const textContentSchema: {
     readonly children: {
         readonly type: "text-content";
@@ -316,14 +355,6 @@ export declare const premountSchema: {
         readonly keyframable: false;
     };
 };
-export declare const premountStyleSchema: {
-    readonly styleWhilePremounted: {
-        readonly type: "hidden";
-    };
-    readonly styleWhilePostmounted: {
-        readonly type: "hidden";
-    };
-};
 export declare const sequencePremountSchema: {
     readonly premountFor: {
         readonly type: "number";
@@ -342,12 +373,6 @@ export declare const sequencePremountSchema: {
         readonly hiddenFromList: true;
         readonly keyframable: false;
     };
-    readonly styleWhilePremounted: {
-        readonly type: "hidden";
-    };
-    readonly styleWhilePostmounted: {
-        readonly type: "hidden";
-    };
 };
 export declare const sequenceStyleSchema: {
     readonly 'style.transformOrigin': {
@@ -385,6 +410,41 @@ export declare const sequenceStyleSchema: {
         readonly description: "Opacity";
         readonly hiddenFromList: false;
     };
+    readonly 'style.borderWidth': {
+        readonly type: "number";
+        readonly default: undefined;
+        readonly min: 0;
+        readonly step: 1;
+        readonly description: "Border width";
+        readonly hiddenFromList: false;
+    };
+    readonly 'style.borderStyle': {
+        readonly type: "enum";
+        readonly default: "none";
+        readonly description: "Border style";
+        readonly variants: {
+            readonly none: {};
+            readonly hidden: {};
+            readonly solid: {};
+            readonly dashed: {};
+            readonly dotted: {};
+            readonly double: {};
+            readonly groove: {};
+            readonly ridge: {};
+            readonly inset: {};
+            readonly outset: {};
+        };
+    };
+    readonly 'style.borderColor': {
+        readonly type: "color";
+        readonly default: undefined;
+        readonly description: "Border color";
+    };
+    readonly 'style.backgroundColor': {
+        readonly type: "color";
+        readonly default: "transparent";
+        readonly description: "Color";
+    };
     readonly premountFor: {
         readonly type: "number";
         readonly default: 0;
@@ -402,12 +462,6 @@ export declare const sequenceStyleSchema: {
         readonly hiddenFromList: true;
         readonly keyframable: false;
     };
-    readonly styleWhilePremounted: {
-        readonly type: "hidden";
-    };
-    readonly styleWhilePostmounted: {
-        readonly type: "hidden";
-    };
 };
 export declare const hiddenField: InteractivitySchemaField;
 export declare const sequenceNameField: InteractivitySchemaField;
@@ -542,6 +596,41 @@ export declare const sequenceSchema: {
                     readonly description: "Opacity";
                     readonly hiddenFromList: false;
                 };
+                readonly 'style.borderWidth': {
+                    readonly type: "number";
+                    readonly default: undefined;
+                    readonly min: 0;
+                    readonly step: 1;
+                    readonly description: "Border width";
+                    readonly hiddenFromList: false;
+                };
+                readonly 'style.borderStyle': {
+                    readonly type: "enum";
+                    readonly default: "none";
+                    readonly description: "Border style";
+                    readonly variants: {
+                        readonly none: {};
+                        readonly hidden: {};
+                        readonly solid: {};
+                        readonly dashed: {};
+                        readonly dotted: {};
+                        readonly double: {};
+                        readonly groove: {};
+                        readonly ridge: {};
+                        readonly inset: {};
+                        readonly outset: {};
+                    };
+                };
+                readonly 'style.borderColor': {
+                    readonly type: "color";
+                    readonly default: undefined;
+                    readonly description: "Border color";
+                };
+                readonly 'style.backgroundColor': {
+                    readonly type: "color";
+                    readonly default: "transparent";
+                    readonly description: "Color";
+                };
                 readonly premountFor: {
                     readonly type: "number";
                     readonly default: 0;
@@ -559,12 +648,6 @@ export declare const sequenceSchema: {
                     readonly hiddenFromList: true;
                     readonly keyframable: false;
                 };
-                readonly styleWhilePremounted: {
-                    readonly type: "hidden";
-                };
-                readonly styleWhilePostmounted: {
-                    readonly type: "hidden";
-                };
             };
             readonly none: {};
         };
@@ -660,6 +743,41 @@ export declare const sequenceSchemaWithoutFrom: {
                     readonly description: "Opacity";
                     readonly hiddenFromList: false;
                 };
+                readonly 'style.borderWidth': {
+                    readonly type: "number";
+                    readonly default: undefined;
+                    readonly min: 0;
+                    readonly step: 1;
+                    readonly description: "Border width";
+                    readonly hiddenFromList: false;
+                };
+                readonly 'style.borderStyle': {
+                    readonly type: "enum";
+                    readonly default: "none";
+                    readonly description: "Border style";
+                    readonly variants: {
+                        readonly none: {};
+                        readonly hidden: {};
+                        readonly solid: {};
+                        readonly dashed: {};
+                        readonly dotted: {};
+                        readonly double: {};
+                        readonly groove: {};
+                        readonly ridge: {};
+                        readonly inset: {};
+                        readonly outset: {};
+                    };
+                };
+                readonly 'style.borderColor': {
+                    readonly type: "color";
+                    readonly default: undefined;
+                    readonly description: "Border color";
+                };
+                readonly 'style.backgroundColor': {
+                    readonly type: "color";
+                    readonly default: "transparent";
+                    readonly description: "Color";
+                };
                 readonly premountFor: {
                     readonly type: "number";
                     readonly default: 0;
@@ -677,12 +795,6 @@ export declare const sequenceSchemaWithoutFrom: {
                     readonly hiddenFromList: true;
                     readonly keyframable: false;
                 };
-                readonly styleWhilePremounted: {
-                    readonly type: "hidden";
-                };
-                readonly styleWhilePostmounted: {
-                    readonly type: "hidden";
-                };
             };
             readonly none: {};
         };

package/dist/cjs/interactivity-schema.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.sequenceSchemaDefaultLayoutNone = exports.sequenceSchemaWithoutFrom = exports.baseSchemaWithoutFrom = exports.sequenceSchema = exports.baseSchema = exports.freezeField = exports.trimBeforeField = exports.fromField = exports.durationInFramesField = exports.extendSchemaWithSequenceName = exports.sequenceNameField = exports.hiddenField = exports.sequenceStyleSchema = exports.sequencePremountSchema = exports.premountStyleSchema = exports.premountSchema = exports.textContentSchema = exports.textSchema = exports.sequenceVisualStyleSchema = exports.transformSchema = void 0;
+exports.sequenceSchemaDefaultLayoutNone = exports.sequenceSchemaWithoutFrom = exports.baseSchemaWithoutFrom = exports.sequenceSchema = exports.baseSchema = exports.freezeField = exports.trimBeforeField = exports.fromField = exports.durationInFramesField = exports.extendSchemaWithSequenceName = exports.sequenceNameField = exports.hiddenField = exports.sequenceStyleSchema = exports.sequencePremountSchema = exports.premountSchema = exports.textContentSchema = exports.backgroundSchema = exports.borderSchema = exports.textSchema = exports.sequenceVisualStyleSchema = exports.transformSchema = void 0;
 exports.transformSchema = {
     'style.transformOrigin': {
         type: 'transform-origin',
@@ -116,6 +116,47 @@ exports.textSchema = {
         hiddenFromList: false,
     },
 };
+exports.borderSchema = {
+    'style.borderWidth': {
+        type: 'number',
+        default: undefined,
+        min: 0,
+        step: 1,
+        description: 'Border width',
+        hiddenFromList: false,
+    },
+    'style.borderStyle': {
+        type: 'enum',
+        // `none` is the CSS initial value of border-style.
+        default: 'none',
+        description: 'Border style',
+        variants: {
+            none: {},
+            hidden: {},
+            solid: {},
+            dashed: {},
+            dotted: {},
+            double: {},
+            groove: {},
+            ridge: {},
+            inset: {},
+            outset: {},
+        },
+    },
+    'style.borderColor': {
+        type: 'color',
+        default: undefined,
+        description: 'Border color',
+    },
+};
+exports.backgroundSchema = {
+    'style.backgroundColor': {
+        type: 'color',
+        // `transparent` is the CSS initial value of background-color.
+        default: 'transparent',
+        description: 'Color',
+    },
+};
 exports.textContentSchema = {
     children: {
         type: 'text-content',
@@ -143,20 +184,13 @@ exports.premountSchema = {
         keyframable: false,
     },
 };
-exports.premountStyleSchema = {
-    styleWhilePremounted: {
-        type: 'hidden',
-    },
-    styleWhilePostmounted: {
-        type: 'hidden',
-    },
-};
 exports.sequencePremountSchema = {
     ...exports.premountSchema,
-    ...exports.premountStyleSchema,
 };
 exports.sequenceStyleSchema = {
     ...exports.transformSchema,
+    ...exports.backgroundSchema,
+    ...exports.borderSchema,
     ...exports.sequencePremountSchema,
 };
 exports.hiddenField = {

package/dist/cjs/internals.d.ts

@@ -36,6 +36,12 @@ export declare const Internals: {
         mediaVolume: number;
     }) => number;
     readonly getAbsoluteSrc: (relativeSrc: string) => string;
+    readonly getAnimatedImageDurationInSeconds: ({ resolvedSrc, signal, requestInit, contentType, }: {
+        resolvedSrc: string;
+        signal: AbortSignal;
+        requestInit?: RequestInit | undefined;
+        contentType: string | null;
+    }) => Promise<number>;
     readonly getAssetDisplayName: (filename: string) => string;
     readonly Timeline: typeof TimelinePosition;
     readonly validateMediaTrimProps: ({ startFrom, endAt, trimBefore, trimAfter, }: {
@@ -179,6 +185,41 @@ export declare const Internals: {
                         readonly description: "Opacity";
                         readonly hiddenFromList: false;
                     };
+                    readonly 'style.borderWidth': {
+                        readonly type: "number";
+                        readonly default: undefined;
+                        readonly min: 0;
+                        readonly step: 1;
+                        readonly description: "Border width";
+                        readonly hiddenFromList: false;
+                    };
+                    readonly 'style.borderStyle': {
+                        readonly type: "enum";
+                        readonly default: "none";
+                        readonly description: "Border style";
+                        readonly variants: {
+                            readonly none: {};
+                            readonly hidden: {};
+                            readonly solid: {};
+                            readonly dashed: {};
+                            readonly dotted: {};
+                            readonly double: {};
+                            readonly groove: {};
+                            readonly ridge: {};
+                            readonly inset: {};
+                            readonly outset: {};
+                        };
+                    };
+                    readonly 'style.borderColor': {
+                        readonly type: "color";
+                        readonly default: undefined;
+                        readonly description: "Border color";
+                    };
+                    readonly 'style.backgroundColor': {
+                        readonly type: "color";
+                        readonly default: "transparent";
+                        readonly description: "Color";
+                    };
                     readonly premountFor: {
                         readonly type: "number";
                         readonly default: 0;
@@ -196,12 +237,6 @@ export declare const Internals: {
                         readonly hiddenFromList: true;
                         readonly keyframable: false;
                     };
-                    readonly styleWhilePremounted: {
-                        readonly type: "hidden";
-                    };
-                    readonly styleWhilePostmounted: {
-                        readonly type: "hidden";
-                    };
                 };
                 readonly none: {};
             };
@@ -244,6 +279,41 @@ export declare const Internals: {
             readonly description: "Opacity";
             readonly hiddenFromList: false;
         };
+        readonly 'style.borderWidth': {
+            readonly type: "number";
+            readonly default: undefined;
+            readonly min: 0;
+            readonly step: 1;
+            readonly description: "Border width";
+            readonly hiddenFromList: false;
+        };
+        readonly 'style.borderStyle': {
+            readonly type: "enum";
+            readonly default: "none";
+            readonly description: "Border style";
+            readonly variants: {
+                readonly none: {};
+                readonly hidden: {};
+                readonly solid: {};
+                readonly dashed: {};
+                readonly dotted: {};
+                readonly double: {};
+                readonly groove: {};
+                readonly ridge: {};
+                readonly inset: {};
+                readonly outset: {};
+            };
+        };
+        readonly 'style.borderColor': {
+            readonly type: "color";
+            readonly default: undefined;
+            readonly description: "Border color";
+        };
+        readonly 'style.backgroundColor': {
+            readonly type: "color";
+            readonly default: "transparent";
+            readonly description: "Color";
+        };
         readonly premountFor: {
             readonly type: "number";
             readonly default: 0;
@@ -261,12 +331,6 @@ export declare const Internals: {
             readonly hiddenFromList: true;
             readonly keyframable: false;
         };
-        readonly styleWhilePremounted: {
-            readonly type: "hidden";
-        };
-        readonly styleWhilePostmounted: {
-            readonly type: "hidden";
-        };
     };
     readonly sequenceVisualStyleSchema: {
         readonly 'style.transformOrigin': {
@@ -323,12 +387,6 @@ export declare const Internals: {
             readonly hiddenFromList: true;
             readonly keyframable: false;
         };
-        readonly styleWhilePremounted: {
-            readonly type: "hidden";
-        };
-        readonly styleWhilePostmounted: {
-            readonly type: "hidden";
-        };
     };
     readonly textSchema: {
         readonly 'style.color': {
@@ -463,14 +521,6 @@ export declare const Internals: {
             readonly keyframable: false;
         };
     };
-    readonly premountStyleSchema: {
-        readonly styleWhilePremounted: {
-            readonly type: "hidden";
-        };
-        readonly styleWhilePostmounted: {
-            readonly type: "hidden";
-        };
-    };
     readonly flattenActiveSchema: (schema: InteractivitySchema, resolve: import("./flatten-schema.js").ResolveValue) => InteractivitySchema;
     readonly getFlatSchemaWithAllKeys: (schema: InteractivitySchema) => InteractivitySchema;
     readonly RemotionRootContexts: import("react").FC<{
@@ -579,6 +629,7 @@ export declare const Internals: {
             el: import("react").RefObject<HTMLAudioElement | null>;
             audioId: string;
             mediaElementSourceNode: {
+                setAudioContext: (newAudioContext: AudioContext | null) => void;
                 attemptToConnect: () => void;
                 get: () => MediaElementAudioSourceNode;
                 cleanup: () => void;

package/dist/cjs/internals.js

@@ -36,6 +36,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Internals = void 0;
 const react_1 = require("react");
 const absolute_src_js_1 = require("./absolute-src.js");
+const get_duration_in_seconds_js_1 = require("./animated-image/get-duration-in-seconds.js");
 const AudioForPreview_js_1 = require("./audio/AudioForPreview.js");
 const shared_audio_tags_js_1 = require("./audio/shared-audio-tags.js");
 const use_audio_frame_js_1 = require("./audio/use-audio-frame.js");
@@ -126,6 +127,7 @@ exports.Internals = {
     useAbsoluteTimelinePosition: TimelinePosition.useAbsoluteTimelinePosition,
     evaluateVolume: volume_prop_js_1.evaluateVolume,
     getAbsoluteSrc: absolute_src_js_1.getAbsoluteSrc,
+    getAnimatedImageDurationInSeconds: get_duration_in_seconds_js_1.getAnimatedImageDurationInSeconds,
     getAssetDisplayName: get_asset_file_name_js_1.getAssetDisplayName,
     Timeline: TimelinePosition,
     validateMediaTrimProps: validate_start_from_props_js_1.validateMediaTrimProps,
@@ -150,7 +152,6 @@ exports.Internals = {
     textSchema: interactivity_schema_js_1.textSchema,
     transformSchema: interactivity_schema_js_1.transformSchema,
     premountSchema: interactivity_schema_js_1.premountSchema,
-    premountStyleSchema: interactivity_schema_js_1.premountStyleSchema,
     flattenActiveSchema: flatten_schema_js_1.flattenActiveSchema,
     getFlatSchemaWithAllKeys: flatten_schema_js_1.getFlatSchemaWithAllKeys,
     RemotionRootContexts: RemotionRoot_js_1.RemotionRootContexts,

package/dist/cjs/no-react.d.ts

@@ -49,6 +49,7 @@ export declare const NoReactInternals: {
     ENABLE_V5_BREAKING_CHANGES: false;
     MIN_NODE_VERSION: number;
     MIN_BUN_VERSION: string;
+    MIN_ESLINT_VERSION: string;
     colorNames: {
         [key: string]: number;
     };
@@ -132,6 +133,41 @@ export declare const NoReactInternals: {
                         readonly description: "Opacity";
                         readonly hiddenFromList: false;
                     };
+                    readonly 'style.borderWidth': {
+                        readonly type: "number";
+                        readonly default: undefined;
+                        readonly min: 0;
+                        readonly step: 1;
+                        readonly description: "Border width";
+                        readonly hiddenFromList: false;
+                    };
+                    readonly 'style.borderStyle': {
+                        readonly type: "enum";
+                        readonly default: "none";
+                        readonly description: "Border style";
+                        readonly variants: {
+                            readonly none: {};
+                            readonly hidden: {};
+                            readonly solid: {};
+                            readonly dashed: {};
+                            readonly dotted: {};
+                            readonly double: {};
+                            readonly groove: {};
+                            readonly ridge: {};
+                            readonly inset: {};
+                            readonly outset: {};
+                        };
+                    };
+                    readonly 'style.borderColor': {
+                        readonly type: "color";
+                        readonly default: undefined;
+                        readonly description: "Border color";
+                    };
+                    readonly 'style.backgroundColor': {
+                        readonly type: "color";
+                        readonly default: "transparent";
+                        readonly description: "Color";
+                    };
                     readonly premountFor: {
                         readonly type: "number";
                         readonly default: 0;
@@ -149,12 +185,6 @@ export declare const NoReactInternals: {
                         readonly hiddenFromList: true;
                         readonly keyframable: false;
                     };
-                    readonly styleWhilePremounted: {
-                        readonly type: "hidden";
-                    };
-                    readonly styleWhilePostmounted: {
-                        readonly type: "hidden";
-                    };
                 };
                 readonly none: {};
             };

package/dist/cjs/no-react.js

@@ -44,8 +44,9 @@ exports.NoReactInternals = {
     getOffthreadVideoSource: offthread_video_source_1.getOffthreadVideoSource,
     getExpectedMediaFrameUncorrected: get_current_time_1.getExpectedMediaFrameUncorrected,
     ENABLE_V5_BREAKING_CHANGES: v5_flag_1.ENABLE_V5_BREAKING_CHANGES,
-    MIN_NODE_VERSION: v5_flag_1.ENABLE_V5_BREAKING_CHANGES ? 18 : 16,
+    MIN_NODE_VERSION: v5_flag_1.ENABLE_V5_BREAKING_CHANGES ? 22 : 16,
     MIN_BUN_VERSION: v5_flag_1.ENABLE_V5_BREAKING_CHANGES ? '1.1.3' : '1.0.3',
+    MIN_ESLINT_VERSION: v5_flag_1.ENABLE_V5_BREAKING_CHANGES ? '8.57.0' : '7.15.0',
     colorNames: interpolate_colors_1.colorNames,
     DATE_TOKEN: input_props_serialization_js_1.DATE_TOKEN,
     FILE_TOKEN: input_props_serialization_js_1.FILE_TOKEN,

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

@@ -4,7 +4,7 @@ type SeriesSequenceProps = PropsWithChildren<{
     readonly durationInFrames: number;
     readonly offset?: number;
     readonly className?: string;
-} & Pick<SequenceProps, 'layout' | 'name' | 'hidden' | 'showInTimeline' | 'freeze'> & LayoutAndStyle>;
+} & Pick<SequenceProps, 'layout' | 'name' | 'hidden' | 'showInTimeline' | 'freeze' | 'trimBefore'> & LayoutAndStyle>;
 declare const SeriesSequence: React.ForwardRefExoticComponent<SeriesSequenceProps & React.RefAttributes<HTMLDivElement>>;
 type SeriesProps = SequenceProps;
 /**

package/dist/cjs/series/index.js

@@ -50,6 +50,7 @@ const seriesSequenceSchema = {
     hidden: Interactive_js_1.Interactive.sequenceSchema.hidden,
     showInTimeline: Interactive_js_1.Interactive.sequenceSchema.showInTimeline,
     freeze: Interactive_js_1.Interactive.baseSchema.freeze,
+    trimBefore: Interactive_js_1.Interactive.sequenceSchema.trimBefore,
     layout: Interactive_js_1.Interactive.sequenceSchema.layout,
 };
 const SeriesSequenceInner = (0, react_1.forwardRef)(({ offset = 0, className = '', stack = null, _remotionInternalRender = null, ...props }, ref) => {

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

@@ -9,6 +9,7 @@ type AudioItems = {
 export declare const useVolume: ({ mediaRef, volume, logLevel, source, shouldUseWebAudioApi, }: {
     mediaRef: RefObject<HTMLAudioElement | HTMLVideoElement | null>;
     source: {
+        setAudioContext: (newAudioContext: AudioContext | null) => void;
         attemptToConnect: () => void;
         get: () => MediaElementAudioSourceNode;
         cleanup: () => void;

package/dist/cjs/v5-flag.d.ts

@@ -1 +1,2 @@
 export declare const ENABLE_V5_BREAKING_CHANGES: false;
+export declare const resolveV5Default: (value: boolean | undefined) => boolean;

package/dist/cjs/v5-flag.js

@@ -1,4 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ENABLE_V5_BREAKING_CHANGES = void 0;
+exports.resolveV5Default = exports.ENABLE_V5_BREAKING_CHANGES = void 0;
 exports.ENABLE_V5_BREAKING_CHANGES = false;
+const resolveV5Default = (value) => {
+    return value !== null && value !== void 0 ? value : exports.ENABLE_V5_BREAKING_CHANGES;
+};
+exports.resolveV5Default = resolveV5Default;

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

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.496';
+exports.VERSION = '4.0.498';