remotion 4.0.467 → 4.0.469

package/dist/cjs/sequence-field-schema.d.ts

@@ -26,6 +26,14 @@ export type TranslateFieldSchema = {
     default: string | undefined;
     description?: string;
 };
+export type UvCoordinateFieldSchema = {
+    type: 'uv-coordinate';
+    min?: number;
+    max?: number;
+    step?: number;
+    default: readonly [number, number] | undefined;
+    description?: string;
+};
 export type ColorFieldSchema = {
     type: 'color';
     default: string | undefined;
@@ -37,7 +45,7 @@ export type EnumFieldSchema = {
     description?: string;
     variants: Record<string, SequenceSchema>;
 };
-export type VisibleFieldSchema = NumberFieldSchema | BooleanFieldSchema | RotationFieldSchema | TranslateFieldSchema | ColorFieldSchema | EnumFieldSchema;
+export type VisibleFieldSchema = NumberFieldSchema | BooleanFieldSchema | RotationFieldSchema | TranslateFieldSchema | UvCoordinateFieldSchema | ColorFieldSchema | EnumFieldSchema;
 export type SequenceFieldSchema = VisibleFieldSchema | HiddenFieldSchema;
 export type SequenceSchema = {
     [key: string]: SequenceFieldSchema;

package/dist/cjs/truncate-src-for-label.d.ts

@@ -0,0 +1 @@
+export declare function truncateSrcForLabel(src: string): string;

package/dist/cjs/truncate-src-for-label.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.truncateSrcForLabel = truncateSrcForLabel;
+// Data URLs like the ones from canvas.toDataURL() can be many megabytes, which makes the delayRender() label
+// unreadable and bloats log output
+function truncateSrcForLabel(src) {
+    if (src.startsWith('data:') && src.length > 100) {
+        return src.slice(0, 60) + '...[' + src.length + ' chars total]';
+    }
+    return src;
+}

package/dist/cjs/use-media-in-timeline.d.ts

@@ -24,7 +24,7 @@ export declare const useBasicMediaInTimeline: ({ volume, mediaVolume, mediaType,
     playbackRate: number;
 };
 export type BasicMediaInTimelineReturnType = ReturnType<typeof useBasicMediaInTimeline>;
-export declare const useMediaInTimeline: ({ volume, mediaVolume, src, mediaType, playbackRate, displayName, id, getStack, showInTimeline, premountDisplay, postmountDisplay, loopDisplay, documentationLink, }: {
+export declare const useMediaInTimeline: ({ volume, mediaVolume, src, mediaType, playbackRate, displayName, id, getStack, showInTimeline, premountDisplay, postmountDisplay, loopDisplay, documentationLink, refForOutline, }: {
     volume: VolumeProp | undefined;
     mediaVolume: number;
     src: string | undefined;
@@ -38,4 +38,5 @@ export declare const useMediaInTimeline: ({ volume, mediaVolume, src, mediaType,
     postmountDisplay: number | null;
     loopDisplay: LoopDisplay | undefined;
     documentationLink: string | null;
+    refForOutline: React.RefObject<HTMLElement | null> | null;
 }) => void;

package/dist/cjs/use-media-in-timeline.js

@@ -86,7 +86,7 @@ const useBasicMediaInTimeline = ({ volume, mediaVolume, mediaType, src, displayN
     return memoizedResult;
 };
 exports.useBasicMediaInTimeline = useBasicMediaInTimeline;
-const useMediaInTimeline = ({ volume, mediaVolume, src, mediaType, playbackRate, displayName, id, getStack, showInTimeline, premountDisplay, postmountDisplay, loopDisplay, documentationLink, }) => {
+const useMediaInTimeline = ({ volume, mediaVolume, src, mediaType, playbackRate, displayName, id, getStack, showInTimeline, premountDisplay, postmountDisplay, loopDisplay, documentationLink, refForOutline, }) => {
     const parentSequence = (0, react_1.useContext)(SequenceContext_js_1.SequenceContext);
     const startsAt = (0, use_audio_frame_js_1.useMediaStartsAt)();
     const { registerSequence, unregisterSequence } = (0, react_1.useContext)(SequenceManager_js_1.SequenceManager);
@@ -139,6 +139,7 @@ const useMediaInTimeline = ({ volume, mediaVolume, src, mediaType, playbackRate,
             postmountDisplay,
             controls: null,
             effects: [],
+            refForOutline,
         });
         return () => {
             unregisterSequence(id);
@@ -165,6 +166,7 @@ const useMediaInTimeline = ({ volume, mediaVolume, src, mediaType, playbackRate,
         rootId,
         finalDisplayName,
         isStudio,
+        refForOutline,
     ]);
 };
 exports.useMediaInTimeline = useMediaInTimeline;

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

@@ -1,3 +1,4 @@
+import type { ExtrapolateType } from './interpolate.js';
 import type { SequenceSchema } from './sequence-field-schema.js';
 import type { CanUpdateSequencePropsResponse, SequencePropsSubscriptionKey } from './SequenceManager.js';
 export type CanUpdateSequencePropStatusTrue = {
@@ -8,11 +9,23 @@ export type CanUpdateSequencePropStatusKeyframe = {
     frame: number;
     value: unknown;
 };
-export type CanUpdateSequencePropStatusFalse = {
+export type CanUpdateSequencePropStatusEasing = 'linear' | [number, number, number, number];
+export type CanUpdateSequencePropStatusClamping = {
+    left: ExtrapolateType;
+    right: ExtrapolateType;
+};
+export type CanUpdateSequencePropStatusComputed = {
     canUpdate: false;
     reason: 'computed';
-    keyframes?: CanUpdateSequencePropStatusKeyframe[];
 };
+export type CanUpdateSequencePropStatusKeyframed = {
+    canUpdate: false;
+    reason: 'keyframed';
+    keyframes: CanUpdateSequencePropStatusKeyframe[];
+    easing: CanUpdateSequencePropStatusEasing[];
+    clamping: CanUpdateSequencePropStatusClamping;
+};
+export type CanUpdateSequencePropStatusFalse = CanUpdateSequencePropStatusComputed | CanUpdateSequencePropStatusKeyframed;
 export type CanUpdateSequencePropStatus = CanUpdateSequencePropStatusTrue | CanUpdateSequencePropStatusFalse;
 export type DragOverrides = Record<string, Record<string, unknown>>;
 export type EffectDragOverrides = Record<string, Record<string, unknown>>;

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

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.467';
+exports.VERSION = '4.0.469';

package/dist/cjs/video/OffthreadVideoForRendering.js

@@ -74,7 +74,7 @@ crossOrigin, audioStreamIndex, preservePitch: _preservePitch, ...props }) => {
             mediaFrame: frame,
             playbackRate,
             toneFrequency,
-            audioStartFrame: Math.max(0, -((_a = sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.relativeFrom) !== null && _a !== void 0 ? _a : 0)),
+            audioStartFrame: Math.max(0, -((_a = sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.cumulatedNegativeFrom) !== null && _a !== void 0 ? _a : 0)),
             audioStreamIndex,
         });
         return () => unregisterRenderAsset(id);
@@ -89,7 +89,7 @@ crossOrigin, audioStreamIndex, preservePitch: _preservePitch, ...props }) => {
         absoluteFrame,
         playbackRate,
         toneFrequency,
-        sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.relativeFrom,
+        sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.cumulatedNegativeFrom,
         audioStreamIndex,
     ]);
     const currentTime = (0, react_1.useMemo)(() => {

package/dist/cjs/video/VideoForPreview.js

@@ -136,6 +136,7 @@ const VideoForDevelopmentRefForwardingFunction = (props, ref) => {
                 ? 'https://www.remotion.dev/docs/offthreadvideo'
                 : 'https://www.remotion.dev/docs/html5-video'
             : null,
+        refForOutline: videoRef,
     });
     // putting playback before useVolume
     // because volume looks at playbackrate

package/dist/cjs/video/VideoForRendering.js

@@ -76,7 +76,7 @@ const VideoForRenderingForwardFunction = ({ onError, volume: volumeProp, allowAm
             mediaFrame: frame,
             playbackRate: playbackRate !== null && playbackRate !== void 0 ? playbackRate : 1,
             toneFrequency: toneFrequency !== null && toneFrequency !== void 0 ? toneFrequency : 1,
-            audioStartFrame: Math.max(0, -((_a = sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.relativeFrom) !== null && _a !== void 0 ? _a : 0)),
+            audioStartFrame: Math.max(0, -((_a = sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.cumulatedNegativeFrom) !== null && _a !== void 0 ? _a : 0)),
             audioStreamIndex: audioStreamIndex !== null && audioStreamIndex !== void 0 ? audioStreamIndex : 0,
         });
         return () => unregisterRenderAsset(id);
@@ -91,7 +91,7 @@ const VideoForRenderingForwardFunction = ({ onError, volume: volumeProp, allowAm
         absoluteFrame,
         playbackRate,
         toneFrequency,
-        sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.relativeFrom,
+        sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.cumulatedNegativeFrom,
         audioStreamIndex,
     ]);
     (0, react_1.useImperativeHandle)(ref, () => {