@remotion/rive 4.0.478 → 4.0.479

package/dist/cjs/RemotionRiveCanvas.d.ts

@@ -1,10 +1,9 @@
 import type { Artboard, CanvasRenderer, File, FileAsset, LinearAnimationInstance, RiveCanvas } from '@rive-app/canvas-advanced';
 import React from 'react';
-import type { EffectsProp, SequenceProps } from 'remotion';
+import type { EffectsProp, InteractiveBaseProps } from 'remotion';
 import type { RemotionRiveCanvasAlignment, RemotionRiveCanvasFit } from './map-enums.js';
 type assetLoadCallback = (asset: FileAsset, bytes: Uint8Array) => boolean;
 type onLoadCallback = (file: File) => void;
-type RiveSequenceInheritedProps = Pick<SequenceProps, 'durationInFrames' | 'name' | 'from' | 'freeze' | 'showInTimeline' | 'hidden'>;
 type RemotionRiveCanvasOwnProps = {
     readonly src: string;
     readonly fit?: RemotionRiveCanvasFit;
@@ -18,12 +17,12 @@ type RemotionRiveCanvasOwnProps = {
     readonly style?: React.CSSProperties;
     readonly effects?: EffectsProp;
 };
-export type RemotionRiveCanvasProps = RemotionRiveCanvasOwnProps & RiveSequenceInheritedProps;
+export type RemotionRiveCanvasProps = RemotionRiveCanvasOwnProps & InteractiveBaseProps;
 export type RiveCanvasRef = {
     getAnimationInstance: () => LinearAnimationInstance | null;
     getArtboard: () => Artboard | null;
     getRenderer: () => CanvasRenderer | null;
     getCanvas: () => RiveCanvas | null;
 };
-export declare const RemotionRiveCanvas: React.ForwardRefExoticComponent<RemotionRiveCanvasOwnProps & RiveSequenceInheritedProps & React.RefAttributes<RiveCanvasRef>>;
+export declare const RemotionRiveCanvas: React.ForwardRefExoticComponent<RemotionRiveCanvasOwnProps & InteractiveBaseProps & React.RefAttributes<RiveCanvasRef>>;
 export {};

package/dist/cjs/RemotionRiveCanvas.js

@@ -42,7 +42,7 @@ const canvas_advanced_1 = __importDefault(require("@rive-app/canvas-advanced"));
 const react_1 = __importStar(require("react"));
 const remotion_1 = require("remotion");
 const map_enums_js_1 = require("./map-enums.js");
-const { addSequenceStackTraces, durationInFramesField, freezeField, fromField, hiddenField, runEffectChain, sequenceVisualStyleSchema, useEffectChainState, useMemoizedEffectDefinitions, useMemoizedEffects, wrapInSchema, } = remotion_1.Internals;
+const { addSequenceStackTraces, runEffectChain, useEffectChainState, useMemoizedEffectDefinitions, useMemoizedEffects, } = remotion_1.Internals;
 const riveFitVariants = {
     contain: {},
     cover: {},
@@ -64,9 +64,7 @@ const riveAlignmentVariants = {
     'top-right': {},
 };
 const riveCanvasSchema = {
-    durationInFrames: durationInFramesField,
-    from: fromField,
-    freeze: freezeField,
+    ...remotion_1.Internals.baseSchema,
     fit: {
         type: 'enum',
         default: 'contain',
@@ -79,8 +77,7 @@ const riveCanvasSchema = {
         description: 'Alignment',
         variants: riveAlignmentVariants,
     },
-    ...sequenceVisualStyleSchema,
-    hidden: hiddenField,
+    ...remotion_1.Internals.transformSchema,
 };
 const RemotionRiveCanvasContentForwardRefFunction = ({ src, fit, alignment, artboard: artboardName, animation: animationIndex, onLoad = null, assetLoader, enableRiveAssetCdn, className, style, effects, controls, }, ref) => {
     var _a;
@@ -288,15 +285,15 @@ const RemotionRiveCanvasContentForwardRefFunction = ({ src, fit, alignment, artb
     return (jsx_runtime_1.jsx("canvas", { ref: canvas, width: width, height: height, className: className, style: canvasStyle }));
 };
 const RemotionRiveCanvasContent = (0, react_1.forwardRef)(RemotionRiveCanvasContentForwardRefFunction);
-const RemotionRiveCanvasInnerForwardRefFunction = ({ src, fit = 'contain', alignment = 'center', artboard, animation, onLoad = null, assetLoader, enableRiveAssetCdn = true, className, style, effects = [], _experimentalControls: controls, durationInFrames, name, from, freeze, showInTimeline, hidden, ...props }, ref) => {
+const RemotionRiveCanvasInnerForwardRefFunction = ({ src, fit = 'contain', alignment = 'center', artboard, animation, onLoad = null, assetLoader, enableRiveAssetCdn = true, className, style, effects = [], controls, durationInFrames, name, from, freeze, showInTimeline, hidden, ...props }, ref) => {
     props;
     const memoizedEffectDefinitions = useMemoizedEffectDefinitions(effects);
     return (jsx_runtime_1.jsx(remotion_1.Sequence, { layout: "none", from: from, freeze: freeze, hidden: hidden, showInTimeline: showInTimeline, name: name !== null && name !== void 0 ? name : '<RemotionRiveCanvas>', _remotionInternalDocumentationLink: name === undefined
             ? 'https://www.remotion.dev/docs/rive/remotionrivecanvas'
-            : undefined, durationInFrames: durationInFrames, _experimentalControls: controls, _remotionInternalEffects: memoizedEffectDefinitions, ...props, children: jsx_runtime_1.jsx(RemotionRiveCanvasContent, { ref: ref, src: src, fit: fit, alignment: alignment, artboard: artboard, animation: animation, onLoad: onLoad, assetLoader: assetLoader, enableRiveAssetCdn: enableRiveAssetCdn, className: className, style: style, effects: effects, controls: controls }) }));
+            : undefined, durationInFrames: durationInFrames, controls: controls, _remotionInternalEffects: memoizedEffectDefinitions, ...props, children: jsx_runtime_1.jsx(RemotionRiveCanvasContent, { ref: ref, src: src, fit: fit, alignment: alignment, artboard: artboard, animation: animation, onLoad: onLoad, assetLoader: assetLoader, enableRiveAssetCdn: enableRiveAssetCdn, className: className, style: style, effects: effects, controls: controls }) }));
 };
 const RemotionRiveCanvasInner = (0, react_1.forwardRef)(RemotionRiveCanvasInnerForwardRefFunction);
-exports.RemotionRiveCanvas = wrapInSchema({
+exports.RemotionRiveCanvas = remotion_1.Interactive.withSchema({
     Component: RemotionRiveCanvasInner,
     componentIdentity: 'dev.remotion.rive.RemotionRiveCanvas',
     schema: riveCanvasSchema,

package/dist/esm/index.mjs

@@ -10,6 +10,7 @@ import React, {
 } from "react";
 import {
   Internals,
+  Interactive,
   Sequence,
   useCurrentFrame,
   useDelayRender,
@@ -76,16 +77,10 @@ var mapToAlignment = (alignment, factory) => {
 import { jsx } from "react/jsx-runtime";
 var {
   addSequenceStackTraces,
-  durationInFramesField,
-  freezeField,
-  fromField,
-  hiddenField,
   runEffectChain,
-  sequenceVisualStyleSchema,
   useEffectChainState,
   useMemoizedEffectDefinitions,
-  useMemoizedEffects,
-  wrapInSchema
+  useMemoizedEffects
 } = Internals;
 var riveFitVariants = {
   contain: {},
@@ -108,9 +103,7 @@ var riveAlignmentVariants = {
   "top-right": {}
 };
 var riveCanvasSchema = {
-  durationInFrames: durationInFramesField,
-  from: fromField,
-  freeze: freezeField,
+  ...Internals.baseSchema,
   fit: {
     type: "enum",
     default: "contain",
@@ -123,8 +116,7 @@ var riveCanvasSchema = {
     description: "Alignment",
     variants: riveAlignmentVariants
   },
-  ...sequenceVisualStyleSchema,
-  hidden: hiddenField
+  ...Internals.transformSchema
 };
 var RemotionRiveCanvasContentForwardRefFunction = ({
   src,
@@ -329,7 +321,7 @@ var RemotionRiveCanvasInnerForwardRefFunction = ({
   className,
   style,
   effects = [],
-  _experimentalControls: controls,
+  controls,
   durationInFrames,
   name,
   from,
@@ -348,7 +340,7 @@ var RemotionRiveCanvasInnerForwardRefFunction = ({
     name: name ?? "<RemotionRiveCanvas>",
     _remotionInternalDocumentationLink: name === undefined ? "https://www.remotion.dev/docs/rive/remotionrivecanvas" : undefined,
     durationInFrames,
-    _experimentalControls: controls,
+    controls,
     _remotionInternalEffects: memoizedEffectDefinitions,
     ...props,
     children: /* @__PURE__ */ jsx(RemotionRiveCanvasContent, {
@@ -369,7 +361,7 @@ var RemotionRiveCanvasInnerForwardRefFunction = ({
   });
 };
 var RemotionRiveCanvasInner = forwardRef(RemotionRiveCanvasInnerForwardRefFunction);
-var RemotionRiveCanvas = wrapInSchema({
+var RemotionRiveCanvas = Interactive.withSchema({
   Component: RemotionRiveCanvasInner,
   componentIdentity: "dev.remotion.rive.RemotionRiveCanvas",
   schema: riveCanvasSchema,

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/rive"
 	},
 	"name": "@remotion/rive",
-	"version": "4.0.478",
+	"version": "4.0.479",
 	"description": "Embed Rive animations in a Remotion video",
 	"main": "dist/cjs/index.js",
 	"types": "dist/cjs/index.d.ts",
@@ -22,7 +22,7 @@
 	"license": "See LICENSE.md",
 	"dependencies": {
 		"@rive-app/canvas-advanced": "2.31.5",
-		"remotion": "4.0.478"
+		"remotion": "4.0.479"
 	},
 	"peerDependencies": {
 		"react": ">=18.2.0",
@@ -31,7 +31,7 @@
 	"devDependencies": {
 		"react": "19.2.3",
 		"react-dom": "19.2.3",
-		"@remotion/eslint-config-internal": "4.0.478",
+		"@remotion/eslint-config-internal": "4.0.479",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},