remotion 4.0.479 → 4.0.481

package/dist/cjs/CompositionManager.d.ts

@@ -59,6 +59,7 @@ export type SequenceControls = {
     overrideId: string;
     supportsEffects: boolean;
     componentIdentity: JsxComponentIdentity | null;
+    componentName: string;
 };
 export type TSequence = {
     from: number;

package/dist/cjs/HtmlInCanvas.js

@@ -299,6 +299,7 @@ const htmlInCanvasSchema = {
 };
 const HtmlInCanvasWrapped = (0, with_interactivity_schema_js_1.withInteractivitySchema)({
     Component: HtmlInCanvasInner,
+    componentName: '<HtmlInCanvas>',
     componentIdentity: 'dev.remotion.remotion.HtmlInCanvas',
     schema: htmlInCanvasSchema,
     supportsEffects: true,

package/dist/cjs/Img.js

@@ -260,6 +260,7 @@ const ImgInner = ({ effects = [], ref, hidden, name, stack, showInTimeline, src,
  */
 exports.Img = (0, with_interactivity_schema_js_1.withInteractivitySchema)({
     Component: ImgInner,
+    componentName: '<Img>',
     componentIdentity: 'dev.remotion.remotion.Img',
     schema: exports.imgSchema,
     supportsEffects: true,

package/dist/cjs/Interactive.d.ts

@@ -193,10 +193,11 @@ export declare const Interactive: {
             };
         };
     };
-    withSchema: <S extends InteractivitySchema, Props extends object>({ Component, componentIdentity, schema, supportsEffects, }: {
+    withSchema: <S extends InteractivitySchema, Props extends object>({ Component, componentName, componentIdentity, schema, supportsEffects, }: {
         Component: React.ComponentType<Props & {
             readonly controls: SequenceControls | undefined;
         }>;
+        componentName: string;
         componentIdentity: string | null;
         schema: S;
         supportsEffects: boolean;

package/dist/cjs/Interactive.js

@@ -68,6 +68,7 @@ const makeInteractiveElement = (tag, displayName) => {
     Inner.displayName = displayName;
     const Wrapped = (0, with_interactivity_schema_js_1.withInteractivitySchema)({
         Component: Inner,
+        componentName: displayName,
         componentIdentity: `dev.remotion.remotion.${displayName.slice(1, -1)}`,
         schema: interactiveElementSchema,
         supportsEffects: false,

package/dist/cjs/Sequence.js

@@ -377,12 +377,14 @@ exports.SequenceWithoutSchema = SequenceInner;
  */
 exports.Sequence = (0, with_interactivity_schema_js_1.withInteractivitySchema)({
     Component: SequenceInner,
+    componentName: '<Sequence>',
     componentIdentity: 'dev.remotion.remotion.Sequence',
     schema: interactivity_schema_js_1.sequenceSchema,
     supportsEffects: false,
 });
 exports.SequenceWithoutFrom = (0, with_interactivity_schema_js_1.withInteractivitySchema)({
     Component: SequenceInner,
+    componentName: '<Sequence>',
     componentIdentity: null,
     schema: interactivity_schema_js_1.sequenceSchemaWithoutFrom,
     supportsEffects: false,

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

@@ -175,6 +175,7 @@ const AnimatedImageInner = ({ src, width, height, onError, fit, playbackRate, lo
 };
 exports.AnimatedImage = (0, with_interactivity_schema_js_1.withInteractivitySchema)({
     Component: AnimatedImageInner,
+    componentName: '<AnimatedImage>',
     componentIdentity: 'dev.remotion.remotion.AnimatedImage',
     schema: animatedImageSchema,
     supportsEffects: true,

package/dist/cjs/canvas-image/CanvasImage.js

@@ -298,6 +298,7 @@ const CanvasImageInner = (0, react_1.forwardRef)(({ src, width, height, fit, eff
  */
 exports.CanvasImage = (0, with_interactivity_schema_js_1.withInteractivitySchema)({
     Component: CanvasImageInner,
+    componentName: '<CanvasImage>',
     componentIdentity: 'dev.remotion.remotion.CanvasImage',
     schema: exports.canvasImageSchema,
     supportsEffects: true,

package/dist/cjs/effects/Solid.js

@@ -150,6 +150,7 @@ const SolidOuter = (0, react_1.forwardRef)(({ effects = [], controls, color, hei
 });
 exports.Solid = (0, with_interactivity_schema_js_1.withInteractivitySchema)({
     Component: SolidOuter,
+    componentName: '<Solid>',
     componentIdentity: 'dev.remotion.remotion.Solid',
     schema: solidSchema,
     supportsEffects: true,

package/dist/cjs/series/index.js

@@ -67,6 +67,7 @@ const SeriesInner = (props) => {
  */
 const Series = Object.assign((0, with_interactivity_schema_js_1.withInteractivitySchema)({
     Component: SeriesInner,
+    componentName: '<Series>',
     componentIdentity: 'dev.remotion.remotion.Series',
     schema: interactivity_schema_js_1.sequenceSchemaDefaultLayoutNone,
     supportsEffects: false,

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

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.479';
+exports.VERSION = '4.0.481';

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

@@ -10,10 +10,11 @@ export declare const mergeValues: ({ props, valuesDotNotation, schemaKeys, props
     schemaKeys: string[];
     propsToDelete: Set<string>;
 }) => Record<string, unknown>;
-export declare const withInteractivitySchema: <S extends InteractivitySchema, Props extends object>({ Component, componentIdentity, schema, supportsEffects, }: {
+export declare const withInteractivitySchema: <S extends InteractivitySchema, Props extends object>({ Component, componentName, componentIdentity, schema, supportsEffects, }: {
     Component: React.ComponentType<Props & {
         readonly controls: SequenceControls | undefined;
     }>;
+    componentName: string;
     componentIdentity: string | null;
     schema: S;
     supportsEffects: boolean;

package/dist/cjs/with-interactivity-schema.js

@@ -98,7 +98,7 @@ const mergeValues = ({ props, valuesDotNotation, schemaKeys, propsToDelete, }) =
 };
 exports.mergeValues = mergeValues;
 const stackToOverrideMap = {};
-const withInteractivitySchema = ({ Component, componentIdentity, schema, supportsEffects, }) => {
+const withInteractivitySchema = ({ Component, componentName, componentIdentity, schema, supportsEffects, }) => {
     // Schema is static for a component, so we move this outside
     const schemaWithSequenceName = (0, interactivity_schema_js_1.extendSchemaWithSequenceName)(schema);
     const flatSchema = (0, flatten_schema_js_1.getFlatSchemaWithAllKeys)(schemaWithSequenceName);
@@ -161,6 +161,7 @@ const withInteractivitySchema = ({ Component, componentIdentity, schema, support
                 overrideId,
                 supportsEffects,
                 componentIdentity,
+                componentName,
             };
         }, [currentRuntimeValueDotNotation, overrideId]);
         // 3. Apply drag/code overrides on top of the runtime values.

package/dist/esm/index.mjs

@@ -1291,7 +1291,7 @@ var addSequenceStackTraces = (component) => {
 };
 
 // src/version.ts
-var VERSION = "4.0.479";
+var VERSION = "4.0.481";
 
 // src/multiple-versions-warning.ts
 var checkMultipleRemotionVersions = () => {
@@ -4108,6 +4108,7 @@ var mergeValues = ({
 var stackToOverrideMap = {};
 var withInteractivitySchema = ({
   Component,
+  componentName,
   componentIdentity,
   schema,
   supportsEffects
@@ -4156,7 +4157,8 @@ var withInteractivitySchema = ({
         currentRuntimeValueDotNotation,
         overrideId,
         supportsEffects,
-        componentIdentity
+        componentIdentity,
+        componentName
       };
     }, [currentRuntimeValueDotNotation, overrideId]);
     const { merged: valuesDotNotation, propsToDelete } = useMemo13(() => {
@@ -4541,12 +4543,14 @@ var SequenceInner = forwardRef3(SequenceRefForwardingFunction);
 var SequenceWithoutSchema = SequenceInner;
 var Sequence = withInteractivitySchema({
   Component: SequenceInner,
+  componentName: "<Sequence>",
   componentIdentity: "dev.remotion.remotion.Sequence",
   schema: sequenceSchema,
   supportsEffects: false
 });
 var SequenceWithoutFrom = withInteractivitySchema({
   Component: SequenceInner,
+  componentName: "<Sequence>",
   componentIdentity: null,
   schema: sequenceSchemaWithoutFrom,
   supportsEffects: false
@@ -5321,6 +5325,7 @@ var AnimatedImageInner = ({
 };
 var AnimatedImage = withInteractivitySchema({
   Component: AnimatedImageInner,
+  componentName: "<AnimatedImage>",
   componentIdentity: "dev.remotion.remotion.AnimatedImage",
   schema: animatedImageSchema,
   supportsEffects: true
@@ -8676,6 +8681,7 @@ var SolidOuter = forwardRef8(({
 });
 var Solid = withInteractivitySchema({
   Component: SolidOuter,
+  componentName: "<Solid>",
   componentIdentity: "dev.remotion.remotion.Solid",
   schema: solidSchema,
   supportsEffects: true
@@ -9010,6 +9016,7 @@ var htmlInCanvasSchema = {
 };
 var HtmlInCanvasWrapped = withInteractivitySchema({
   Component: HtmlInCanvasInner,
+  componentName: "<HtmlInCanvas>",
   componentIdentity: "dev.remotion.remotion.HtmlInCanvas",
   schema: htmlInCanvasSchema,
   supportsEffects: true
@@ -9393,6 +9400,7 @@ var CanvasImageInner = forwardRef10(({
 });
 var CanvasImage = withInteractivitySchema({
   Component: CanvasImageInner,
+  componentName: "<CanvasImage>",
   componentIdentity: "dev.remotion.remotion.CanvasImage",
   schema: canvasImageSchema,
   supportsEffects: true
@@ -9797,6 +9805,7 @@ var ImgInner = ({
 };
 var Img = withInteractivitySchema({
   Component: ImgInner,
+  componentName: "<Img>",
   componentIdentity: "dev.remotion.remotion.Img",
   schema: imgSchema,
   supportsEffects: true
@@ -9855,6 +9864,7 @@ var makeInteractiveElement = (tag, displayName) => {
   Inner.displayName = displayName;
   const Wrapped = withInteractivitySchema({
     Component: Inner,
+    componentName: displayName,
     componentIdentity: `dev.remotion.remotion.${displayName.slice(1, -1)}`,
     schema: interactiveElementSchema,
     supportsEffects: false
@@ -11555,6 +11565,7 @@ var SeriesInner = (props2) => {
 };
 var Series = Object.assign(withInteractivitySchema({
   Component: SeriesInner,
+  componentName: "<Series>",
   componentIdentity: "dev.remotion.remotion.Series",
   schema: sequenceSchemaDefaultLayoutNone,
   supportsEffects: false

package/dist/esm/version.mjs

@@ -1,5 +1,5 @@
 // src/version.ts
-var VERSION = "4.0.479";
+var VERSION = "4.0.481";
 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.479",
+	"version": "4.0.481",
 	"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.479",
+		"@remotion/eslint-config-internal": "4.0.481",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},