remotion 4.0.465 → 4.0.466

package/dist/cjs/CompositionManager.d.ts

@@ -60,6 +60,7 @@ export type TSequence = {
     duration: number;
     id: string;
     displayName: string;
+    documentationLink: string | null;
     parent: string | null;
     rootId: string;
     showInTimeline: boolean;

package/dist/cjs/HtmlInCanvas.js

@@ -235,7 +235,9 @@ const HtmlInCanvasInner = (0, react_1.forwardRef)(({ width, height, effects = []
     const { durationInFrames: videoDuration } = (0, use_video_config_js_1.useVideoConfig)();
     const resolvedDuration = durationInFrames !== null && durationInFrames !== void 0 ? durationInFrames : videoDuration;
     const memoizedEffectDefinitions = (0, use_memoized_effects_js_1.useMemoizedEffectDefinitions)(effects);
-    return ((0, jsx_runtime_1.jsx)(Sequence_js_1.Sequence, { durationInFrames: resolvedDuration, name: name !== null && name !== void 0 ? name : '<HtmlInCanvas>', _experimentalControls: controls, _remotionInternalEffects: memoizedEffectDefinitions, layout: "none", ...sequenceProps, children: (0, jsx_runtime_1.jsx)(HtmlInCanvasContent, { ref: ref, width: width, height: height, effects: effects, onPaint: onPaint, onInit: onInit, controls: controls, style: style, children: children }) }));
+    return ((0, jsx_runtime_1.jsx)(Sequence_js_1.Sequence, { durationInFrames: resolvedDuration, name: name !== null && name !== void 0 ? name : '<HtmlInCanvas>', _remotionInternalDocumentationLink: name === undefined
+            ? 'https://www.remotion.dev/docs/remotion/html-in-canvas'
+            : undefined, _experimentalControls: controls, _remotionInternalEffects: memoizedEffectDefinitions, layout: "none", ...sequenceProps, children: (0, jsx_runtime_1.jsx)(HtmlInCanvasContent, { ref: ref, width: width, height: height, effects: effects, onPaint: onPaint, onInit: onInit, controls: controls, style: style, children: children }) }));
 });
 HtmlInCanvasInner.displayName = 'HtmlInCanvas';
 const htmlInCanvasSchema = {

package/dist/cjs/Img.js

@@ -185,7 +185,7 @@ const ImgInner = ({ hidden, name, stack, showInTimeline, src, from, durationInFr
     if (!src) {
         throw new Error('No "src" prop was passed to <Img>.');
     }
-    return ((0, jsx_runtime_1.jsx)(Sequence_js_1.Sequence, { layout: "none", from: from !== null && from !== void 0 ? from : 0, durationInFrames: durationInFrames !== null && durationInFrames !== void 0 ? durationInFrames : Infinity, _remotionInternalStack: stack, _remotionInternalIsMedia: { type: 'image', src }, name: name !== null && name !== void 0 ? name : '<Img>', _experimentalControls: controls, showInTimeline: showInTimeline !== null && showInTimeline !== void 0 ? showInTimeline : true, hidden: hidden, children: (0, jsx_runtime_1.jsx)(ImgContent, { src: src, ...props }) }));
+    return ((0, jsx_runtime_1.jsx)(Sequence_js_1.Sequence, { layout: "none", from: from !== null && from !== void 0 ? from : 0, durationInFrames: durationInFrames !== null && durationInFrames !== void 0 ? durationInFrames : Infinity, _remotionInternalStack: stack, _remotionInternalDocumentationLink: name === undefined ? 'https://www.remotion.dev/docs/img' : undefined, _remotionInternalIsMedia: { type: 'image', src }, name: name !== null && name !== void 0 ? name : '<Img>', _experimentalControls: controls, showInTimeline: showInTimeline !== null && showInTimeline !== void 0 ? showInTimeline : true, hidden: hidden, children: (0, jsx_runtime_1.jsx)(ImgContent, { src: src, ...props }) }));
 };
 const imgSchema = {
     ...sequence_field_schema_js_1.sequenceVisualStyleSchema,

package/dist/cjs/Sequence.d.ts

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

package/dist/cjs/Sequence.js

@@ -18,7 +18,7 @@ const use_remotion_environment_js_1 = require("./use-remotion-environment.js");
 const use_video_config_js_1 = require("./use-video-config.js");
 const v5_flag_js_1 = require("./v5-flag.js");
 const wrap_in_schema_js_1 = require("./wrap-in-schema.js");
-const RegularSequenceRefForwardingFunction = ({ from = 0, durationInFrames = Infinity, children, name, height, width, showInTimeline = true, hidden = false, _experimentalControls: controls, _remotionInternalEffects, _remotionInternalLoopDisplay: loopDisplay, _remotionInternalStack: stack, _remotionInternalPremountDisplay: premountDisplay, _remotionInternalPostmountDisplay: postmountDisplay, _remotionInternalIsMedia: isMedia, ...other }, ref) => {
+const RegularSequenceRefForwardingFunction = ({ from = 0, durationInFrames = Infinity, children, name, height, width, showInTimeline = true, hidden = false, _experimentalControls: controls, _remotionInternalEffects, _remotionInternalLoopDisplay: loopDisplay, _remotionInternalStack: stack, _remotionInternalDocumentationLink: documentationLink, _remotionInternalPremountDisplay: premountDisplay, _remotionInternalPostmountDisplay: postmountDisplay, _remotionInternalIsMedia: isMedia, ...other }, ref) => {
     var _a;
     const { layout = 'absolute-fill' } = other;
     const [id] = (0, react_1.useState)(() => String(Math.random()));
@@ -97,6 +97,7 @@ const RegularSequenceRefForwardingFunction = ({ from = 0, durationInFrames = Inf
     const timelineClipName = (0, react_1.useMemo)(() => {
         return name !== null && name !== void 0 ? name : '';
     }, [name]);
+    const resolvedDocumentationLink = documentationLink !== null && documentationLink !== void 0 ? documentationLink : (name === undefined ? 'https://www.remotion.dev/docs/sequence' : null);
     const env = (0, use_remotion_environment_js_1.useRemotionEnvironment)();
     const inheritedStack = (_a = other === null || other === void 0 ? void 0 : other.stack) !== null && _a !== void 0 ? _a : null;
     // Our assumption: Stack doesnt' change. After we symbolicate we assign it a nodePath
@@ -115,6 +116,7 @@ const RegularSequenceRefForwardingFunction = ({ from = 0, durationInFrames = Inf
                     controls: controls !== null && controls !== void 0 ? controls : null,
                     effects: _remotionInternalEffects !== null && _remotionInternalEffects !== void 0 ? _remotionInternalEffects : [],
                     displayName: timelineClipName,
+                    documentationLink: resolvedDocumentationLink,
                     duration: actualDurationInFrames,
                     from,
                     id,
@@ -135,6 +137,7 @@ const RegularSequenceRefForwardingFunction = ({ from = 0, durationInFrames = Inf
                     controls: controls !== null && controls !== void 0 ? controls : null,
                     effects: _remotionInternalEffects !== null && _remotionInternalEffects !== void 0 ? _remotionInternalEffects : [],
                     displayName: timelineClipName,
+                    documentationLink: resolvedDocumentationLink,
                     doesVolumeChange: isMedia.data.doesVolumeChange,
                     duration: actualDurationInFrames,
                     from,
@@ -162,6 +165,7 @@ const RegularSequenceRefForwardingFunction = ({ from = 0, durationInFrames = Inf
             duration: actualDurationInFrames,
             id,
             displayName: timelineClipName,
+            documentationLink: resolvedDocumentationLink,
             parent: (_c = parentSequence === null || parentSequence === void 0 ? void 0 : parentSequence.id) !== null && _c !== void 0 ? _c : null,
             type: 'sequence',
             rootId,
@@ -197,6 +201,7 @@ const RegularSequenceRefForwardingFunction = ({ from = 0, durationInFrames = Inf
         controls,
         _remotionInternalEffects,
         isMedia,
+        resolvedDocumentationLink,
     ]);
     // Ceil to support floats
     // https://github.com/remotion-dev/remotion/issues/2958

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

@@ -158,7 +158,7 @@ const AnimatedImageInner = ({ src, width, height, onError, fit, playbackRate, lo
         className,
         style,
     };
-    return ((0, jsx_runtime_1.jsx)(Sequence_js_1.Sequence, { layout: "none", durationInFrames: resolvedDuration, name: "<AnimatedImage>", _experimentalControls: controls, _remotionInternalEffects: memoizedEffectDefinitions, ...sequenceProps, children: (0, jsx_runtime_1.jsx)(AnimatedImageContent, { ...animatedImageProps, ref: ref, effects: effects, controls: controls }) }));
+    return ((0, jsx_runtime_1.jsx)(Sequence_js_1.Sequence, { layout: "none", durationInFrames: resolvedDuration, name: "<AnimatedImage>", _remotionInternalDocumentationLink: "https://www.remotion.dev/docs/animatedimage", _experimentalControls: controls, _remotionInternalEffects: memoizedEffectDefinitions, ...sequenceProps, children: (0, jsx_runtime_1.jsx)(AnimatedImageContent, { ...animatedImageProps, ref: ref, effects: effects, controls: controls }) }));
 };
 exports.AnimatedImage = (0, wrap_in_schema_js_1.wrapInSchema)(AnimatedImageInner, animatedImageSchema);
 exports.AnimatedImage.displayName = 'AnimatedImage';

package/dist/cjs/audio/AudioForPreview.js

@@ -134,6 +134,7 @@ const AudioForDevelopmentForwardRefFunction = (props, ref) => {
         premountDisplay: (_a = sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.premountDisplay) !== null && _a !== void 0 ? _a : null,
         postmountDisplay: (_b = sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.postmountDisplay) !== null && _b !== void 0 ? _b : null,
         loopDisplay: undefined,
+        documentationLink: name === undefined ? 'https://www.remotion.dev/docs/html5-audio' : null,
     });
     // putting playback before useVolume
     // because volume looks at playbackrate

package/dist/cjs/effects/Solid.js

@@ -118,7 +118,7 @@ const SolidOuter = (0, react_1.forwardRef)(({ effects = [], _experimentalControl
     var _a;
     props;
     const memoizedEffectDefinitions = (0, use_memoized_effects_js_1.useMemoizedEffectDefinitions)(effects);
-    return ((0, jsx_runtime_1.jsx)(Sequence_js_1.Sequence, { layout: "none", from: from, hidden: hidden, showInTimeline: showInTimeline, _experimentalControls: controls, _remotionInternalEffects: memoizedEffectDefinitions, durationInFrames: durationInFrames, name: name !== null && name !== void 0 ? name : '<Solid>', ...props, children: (0, jsx_runtime_1.jsx)(SolidInner, { ref: ref, overrideId: (_a = controls === null || controls === void 0 ? void 0 : controls.overrideId) !== null && _a !== void 0 ? _a : null, color: color, height: height, width: width, className: className, style: style, effects: effects }) }));
+    return ((0, jsx_runtime_1.jsx)(Sequence_js_1.Sequence, { layout: "none", from: from, hidden: hidden, showInTimeline: showInTimeline, _experimentalControls: controls, _remotionInternalEffects: memoizedEffectDefinitions, durationInFrames: durationInFrames, name: name !== null && name !== void 0 ? name : '<Solid>', _remotionInternalDocumentationLink: name === undefined ? 'https://www.remotion.dev/docs/solid' : undefined, ...props, children: (0, jsx_runtime_1.jsx)(SolidInner, { ref: ref, overrideId: (_a = controls === null || controls === void 0 ? void 0 : controls.overrideId) !== null && _a !== void 0 ? _a : null, color: color, height: height, width: width, className: className, style: style, effects: effects }) }));
 });
 exports.Solid = (0, wrap_in_schema_js_1.wrapInSchema)(SolidOuter, solidSchema);
 exports.Solid.displayName = 'Solid';

package/dist/cjs/effects/create-effect.js

@@ -21,12 +21,14 @@ exports.disabledEffectField = {
 // erasure the descriptor would be contravariant in `P` (via `apply`'s
 // argument) and concrete descriptors could not flow into `unknown` slots.
 const createEffect = (definition) => {
+    var _a;
     // Wrap `calculateKey` to fold the framework-level `disabled` flag into the
     // memoization key. Without this, toggling `disabled` via code/drag overrides
     // would not invalidate the cached `EffectDefinitionAndStack`.
     const { calculateKey: userCalculateKey, validateParams } = definition;
     const widened = {
         ...definition,
+        documentationLink: (_a = definition.documentationLink) !== null && _a !== void 0 ? _a : null,
         calculateKey: (params) => {
             var _a;
             const disabled = (_a = params.disabled) !== null && _a !== void 0 ? _a : false;

package/dist/cjs/effects/effect-types.d.ts

@@ -19,6 +19,7 @@ export type EffectApplyParams<P, S> = {
 export type EffectDefinition<P, S = unknown> = {
     readonly type: string;
     readonly label: string;
+    readonly documentationLink: string | null;
     readonly backend: Backend;
     /**
      * Stable string for comparing effect instances: two descriptors with the same

package/dist/cjs/internals.d.ts

@@ -269,7 +269,7 @@ export declare const Internals: {
     readonly getRoot: () => import("react").FC<{}> | null;
     readonly useMediaVolumeState: () => readonly [number, (u: number) => void];
     readonly useMediaMutedState: () => readonly [boolean, (u: React.SetStateAction<boolean>) => void];
-    readonly useMediaInTimeline: ({ volume, mediaVolume, src, mediaType, playbackRate, displayName, id, getStack, showInTimeline, premountDisplay, postmountDisplay, loopDisplay, }: {
+    readonly useMediaInTimeline: ({ volume, mediaVolume, src, mediaType, playbackRate, displayName, id, getStack, showInTimeline, premountDisplay, postmountDisplay, loopDisplay, documentationLink, }: {
         volume: import("./volume-prop.js").VolumeProp | undefined;
         mediaVolume: number;
         src: string | undefined;
@@ -282,6 +282,7 @@ export declare const Internals: {
         premountDisplay: number | null;
         postmountDisplay: number | null;
         loopDisplay: import("./CompositionManager.js").LoopDisplay | undefined;
+        documentationLink: string | null;
     }) => void;
     readonly useLazyComponent: <Props>({ compProps, componentName, noSuspense, }: {
         compProps: CompProps<Props>;

package/dist/cjs/loop/index.js

@@ -84,7 +84,7 @@ const Loop = ({ durationInFrames, times = Infinity, children, name, showInTimeli
             durationInFrames,
         };
     }, [currentFrame, durationInFrames]);
-    return ((0, jsx_runtime_1.jsx)(LoopContext.Provider, { value: loopContext, children: (0, jsx_runtime_1.jsx)(Sequence_js_1.Sequence, { durationInFrames: durationInFrames, from: from, name: name !== null && name !== void 0 ? name : '<Loop>', _remotionInternalLoopDisplay: loopDisplay, layout: props.layout, style: style, showInTimeline: showInTimeline, children: children }) }));
+    return ((0, jsx_runtime_1.jsx)(LoopContext.Provider, { value: loopContext, children: (0, jsx_runtime_1.jsx)(Sequence_js_1.Sequence, { durationInFrames: durationInFrames, from: from, name: name !== null && name !== void 0 ? name : '<Loop>', _remotionInternalDocumentationLink: name === undefined ? 'https://www.remotion.dev/docs/loop' : undefined, _remotionInternalLoopDisplay: loopDisplay, layout: props.layout, style: style, showInTimeline: showInTimeline, children: children }) }));
 };
 exports.Loop = Loop;
 exports.Loop.useLoop = useLoop;

package/dist/cjs/series/index.js

@@ -55,10 +55,10 @@ const SeriesInner = (props) => {
             }
             const currentStartFrame = startFrame + offset;
             startFrame += durationInFramesProp + offset;
-            return ((0, jsx_runtime_1.jsx)(Sequence_js_1.Sequence, { name: name || '<Series.Sequence>', from: currentStartFrame, durationInFrames: durationInFramesProp, ...passedProps, ref: castedChild.ref, children: child }));
+            return ((0, jsx_runtime_1.jsx)(Sequence_js_1.Sequence, { name: name || '<Series.Sequence>', _remotionInternalDocumentationLink: name ? undefined : 'https://www.remotion.dev/docs/series', from: currentStartFrame, durationInFrames: durationInFramesProp, ...passedProps, ref: castedChild.ref, children: child }));
         });
     }, [props.children]);
-    return ((0, jsx_runtime_1.jsx)(is_inside_series_js_1.IsInsideSeriesContainer, { children: (0, jsx_runtime_1.jsx)(Sequence_js_1.Sequence, { layout: "none", name: "<Series>", ...props, children: childrenValue }) }));
+    return ((0, jsx_runtime_1.jsx)(is_inside_series_js_1.IsInsideSeriesContainer, { children: (0, jsx_runtime_1.jsx)(Sequence_js_1.Sequence, { layout: "none", name: "<Series>", _remotionInternalDocumentationLink: "https://www.remotion.dev/docs/series", ...props, children: childrenValue }) }));
 };
 /**
  * @description with this component, you can easily stitch together scenes that should play sequentially after another.

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, }: {
+export declare const useMediaInTimeline: ({ volume, mediaVolume, src, mediaType, playbackRate, displayName, id, getStack, showInTimeline, premountDisplay, postmountDisplay, loopDisplay, documentationLink, }: {
     volume: VolumeProp | undefined;
     mediaVolume: number;
     src: string | undefined;
@@ -37,4 +37,5 @@ export declare const useMediaInTimeline: ({ volume, mediaVolume, src, mediaType,
     premountDisplay: number | null;
     postmountDisplay: number | null;
     loopDisplay: LoopDisplay | undefined;
+    documentationLink: string | 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, }) => {
+const useMediaInTimeline = ({ volume, mediaVolume, src, mediaType, playbackRate, displayName, id, getStack, showInTimeline, premountDisplay, postmountDisplay, loopDisplay, documentationLink, }) => {
     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);
@@ -125,6 +125,7 @@ const useMediaInTimeline = ({ volume, mediaVolume, src, mediaType, playbackRate,
             from: 0,
             parent: (_c = parentSequence === null || parentSequence === void 0 ? void 0 : parentSequence.id) !== null && _c !== void 0 ? _c : null,
             displayName: finalDisplayName,
+            documentationLink,
             rootId,
             volume: volumes,
             showInTimeline: true,
@@ -160,6 +161,7 @@ const useMediaInTimeline = ({ volume, mediaVolume, src, mediaType, playbackRate,
         premountDisplay,
         postmountDisplay,
         loopDisplay,
+        documentationLink,
         rootId,
         finalDisplayName,
         isStudio,

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

@@ -4,9 +4,14 @@ export type CanUpdateSequencePropStatusTrue = {
     canUpdate: true;
     codeValue: unknown;
 };
+export type CanUpdateSequencePropStatusKeyframe = {
+    frame: number;
+    value: unknown;
+};
 export type CanUpdateSequencePropStatusFalse = {
     canUpdate: false;
     reason: 'computed';
+    keyframes?: CanUpdateSequencePropStatusKeyframe[];
 };
 export type CanUpdateSequencePropStatus = CanUpdateSequencePropStatusTrue | CanUpdateSequencePropStatusFalse;
 export type DragOverrides = 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.465";
+export declare const VERSION = "4.0.466";

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.465';
+exports.VERSION = '4.0.466';

package/dist/cjs/video/VideoForPreview.js

@@ -131,6 +131,11 @@ const VideoForDevelopmentRefForwardingFunction = (props, ref) => {
         premountDisplay: (_c = parentSequence === null || parentSequence === void 0 ? void 0 : parentSequence.premountDisplay) !== null && _c !== void 0 ? _c : null,
         postmountDisplay: (_d = parentSequence === null || parentSequence === void 0 ? void 0 : parentSequence.postmountDisplay) !== null && _d !== void 0 ? _d : null,
         loopDisplay: undefined,
+        documentationLink: name === undefined
+            ? onlyWarnForMediaSeekingError
+                ? 'https://www.remotion.dev/docs/offthreadvideo'
+                : 'https://www.remotion.dev/docs/html5-video'
+            : null,
     });
     // putting playback before useVolume
     // because volume looks at playbackrate

package/dist/esm/index.mjs

@@ -1288,7 +1288,7 @@ var addSequenceStackTraces = (component) => {
 };
 
 // src/version.ts
-var VERSION = "4.0.465";
+var VERSION = "4.0.466";
 
 // src/multiple-versions-warning.ts
 var checkMultipleRemotionVersions = () => {
@@ -2429,6 +2429,7 @@ var RegularSequenceRefForwardingFunction = ({
   _remotionInternalEffects,
   _remotionInternalLoopDisplay: loopDisplay,
   _remotionInternalStack: stack,
+  _remotionInternalDocumentationLink: documentationLink,
   _remotionInternalPremountDisplay: premountDisplay,
   _remotionInternalPostmountDisplay: postmountDisplay,
   _remotionInternalIsMedia: isMedia,
@@ -2499,6 +2500,7 @@ var RegularSequenceRefForwardingFunction = ({
   const timelineClipName = useMemo14(() => {
     return name ?? "";
   }, [name]);
+  const resolvedDocumentationLink = documentationLink ?? (name === undefined ? "https://www.remotion.dev/docs/sequence" : null);
   const env = useRemotionEnvironment();
   const inheritedStack = other?.stack ?? null;
   const stackRef = useRef6(null);
@@ -2514,6 +2516,7 @@ var RegularSequenceRefForwardingFunction = ({
           controls: controls ?? null,
           effects: _remotionInternalEffects ?? [],
           displayName: timelineClipName,
+          documentationLink: resolvedDocumentationLink,
           duration: actualDurationInFrames,
           from,
           id,
@@ -2533,6 +2536,7 @@ var RegularSequenceRefForwardingFunction = ({
           controls: controls ?? null,
           effects: _remotionInternalEffects ?? [],
           displayName: timelineClipName,
+          documentationLink: resolvedDocumentationLink,
           doesVolumeChange: isMedia.data.doesVolumeChange,
           duration: actualDurationInFrames,
           from,
@@ -2560,6 +2564,7 @@ var RegularSequenceRefForwardingFunction = ({
       duration: actualDurationInFrames,
       id,
       displayName: timelineClipName,
+      documentationLink: resolvedDocumentationLink,
       parent: parentSequence?.id ?? null,
       type: "sequence",
       rootId,
@@ -2594,7 +2599,8 @@ var RegularSequenceRefForwardingFunction = ({
     env.isStudio,
     controls,
     _remotionInternalEffects,
-    isMedia
+    isMedia,
+    resolvedDocumentationLink
   ]);
   const endThreshold = Math.ceil(cumulatedFrom + from + durationInFrames - 1);
   const content = absoluteFrame < cumulatedFrom + from ? null : absoluteFrame > endThreshold ? null : children;
@@ -3416,6 +3422,7 @@ var AnimatedImageInner = ({
     layout: "none",
     durationInFrames: resolvedDuration,
     name: "<AnimatedImage>",
+    _remotionInternalDocumentationLink: "https://www.remotion.dev/docs/animatedimage",
     _experimentalControls: controls,
     _remotionInternalEffects: memoizedEffectDefinitions,
     ...sequenceProps,
@@ -3578,6 +3585,7 @@ var SolidOuter = forwardRef5(({
     _remotionInternalEffects: memoizedEffectDefinitions,
     durationInFrames,
     name: name ?? "<Solid>",
+    _remotionInternalDocumentationLink: name === undefined ? "https://www.remotion.dev/docs/solid" : undefined,
     ...props,
     children: /* @__PURE__ */ jsx14(SolidInner, {
       ref,
@@ -3829,6 +3837,7 @@ var HtmlInCanvasInner = forwardRef6(({
   return /* @__PURE__ */ jsx15(Sequence, {
     durationInFrames: resolvedDuration,
     name: name ?? "<HtmlInCanvas>",
+    _remotionInternalDocumentationLink: name === undefined ? "https://www.remotion.dev/docs/remotion/html-in-canvas" : undefined,
     _experimentalControls: controls,
     _remotionInternalEffects: memoizedEffectDefinitions,
     layout: "none",
@@ -4107,6 +4116,7 @@ var Loop = ({
       durationInFrames,
       from,
       name: name ?? "<Loop>",
+      _remotionInternalDocumentationLink: name === undefined ? "https://www.remotion.dev/docs/loop" : undefined,
       _remotionInternalLoopDisplay: loopDisplay,
       layout: props.layout,
       style,
@@ -5474,7 +5484,8 @@ var useMediaInTimeline = ({
   showInTimeline,
   premountDisplay,
   postmountDisplay,
-  loopDisplay
+  loopDisplay,
+  documentationLink
 }) => {
   const parentSequence = useContext24(SequenceContext);
   const startsAt = useMediaStartsAt();
@@ -5513,6 +5524,7 @@ var useMediaInTimeline = ({
       from: 0,
       parent: parentSequence?.id ?? null,
       displayName: finalDisplayName,
+      documentationLink,
       rootId,
       volume: volumes,
       showInTimeline: true,
@@ -5548,6 +5560,7 @@ var useMediaInTimeline = ({
     premountDisplay,
     postmountDisplay,
     loopDisplay,
+    documentationLink,
     rootId,
     finalDisplayName,
     isStudio
@@ -6692,7 +6705,8 @@ var AudioForDevelopmentForwardRefFunction = (props, ref) => {
     showInTimeline,
     premountDisplay: sequenceContext?.premountDisplay ?? null,
     postmountDisplay: sequenceContext?.postmountDisplay ?? null,
-    loopDisplay: undefined
+    loopDisplay: undefined,
+    documentationLink: name === undefined ? "https://www.remotion.dev/docs/html5-audio" : null
   });
   useMediaPlayback({
     mediaRef: audioRef,
@@ -7462,6 +7476,7 @@ var ImgInner = ({
     from: from ?? 0,
     durationInFrames: durationInFrames ?? Infinity,
     _remotionInternalStack: stack,
+    _remotionInternalDocumentationLink: name === undefined ? "https://www.remotion.dev/docs/img" : undefined,
     _remotionInternalIsMedia: { type: "image", src },
     name: name ?? "<Img>",
     _experimentalControls: controls,
@@ -7651,6 +7666,7 @@ var createEffect = (definition) => {
   const { calculateKey: userCalculateKey, validateParams } = definition;
   const widened = {
     ...definition,
+    documentationLink: definition.documentationLink ?? null,
     calculateKey: (params) => {
       const disabled = params.disabled ?? false;
       return `${userCalculateKey(params)}-disabled-${disabled}`;
@@ -8439,7 +8455,8 @@ var VideoForDevelopmentRefForwardingFunction = (props2, ref) => {
     showInTimeline,
     premountDisplay: parentSequence?.premountDisplay ?? null,
     postmountDisplay: parentSequence?.postmountDisplay ?? null,
-    loopDisplay: undefined
+    loopDisplay: undefined,
+    documentationLink: name === undefined ? onlyWarnForMediaSeekingError ? "https://www.remotion.dev/docs/offthreadvideo" : "https://www.remotion.dev/docs/html5-video" : null
   });
   useMediaPlayback({
     mediaRef: videoRef,
@@ -9608,6 +9625,7 @@ var SeriesInner = (props2) => {
       startFrame += durationInFramesProp + offset;
       return /* @__PURE__ */ jsx35(Sequence, {
         name: name || "<Series.Sequence>",
+        _remotionInternalDocumentationLink: name ? undefined : "https://www.remotion.dev/docs/series",
         from: currentStartFrame,
         durationInFrames: durationInFramesProp,
         ...passedProps,
@@ -9620,6 +9638,7 @@ var SeriesInner = (props2) => {
     children: /* @__PURE__ */ jsx35(Sequence, {
       layout: "none",
       name: "<Series>",
+      _remotionInternalDocumentationLink: "https://www.remotion.dev/docs/series",
       ...props2,
       children: childrenValue
     })

package/dist/esm/version.mjs

@@ -1,5 +1,5 @@
 // src/version.ts
-var VERSION = "4.0.465";
+var VERSION = "4.0.466";
 export {
   VERSION
 };

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/core"
 	},
 	"name": "remotion",
-	"version": "4.0.465",
+	"version": "4.0.466",
 	"description": "Make videos programmatically",
 	"main": "dist/cjs/index.js",
 	"types": "dist/cjs/index.d.ts",
@@ -35,7 +35,7 @@
 		"react-dom": "19.2.3",
 		"webpack": "5.105.0",
 		"zod": "4.3.6",
-		"@remotion/eslint-config-internal": "4.0.465",
+		"@remotion/eslint-config-internal": "4.0.466",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},