@remotion/rive 4.0.541 → 4.0.542

package/dist/cjs/RemotionRiveCanvas.js

@@ -32,7 +32,6 @@ const riveAlignmentVariants = {
 };
 exports.riveCanvasSchema = {
     ...remotion_1.Internals.baseSchema,
-    ...remotion_1.Internals.premountSchema,
     fit: {
         type: 'enum',
         default: 'contain',
@@ -52,7 +51,7 @@ exports.riveCanvasSchema = {
     ...remotion_1.Interactive.cropSchema,
 };
 const RemotionRiveCanvasContentForwardRefFunction = ({ src, fit, alignment, artboard: artboardName, animation: animationIndex, onLoad = null, assetLoader, enableRiveAssetCdn, className, style, effects, effectsOutputSize, controls, canvasRef, }, ref) => {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     const { width, fps, height } = (0, remotion_1.useVideoConfig)();
     const frame = (0, remotion_1.useCurrentFrame)();
     const [loadedRuntime, setLoadedRuntime] = (0, react_1.useState)(null);
@@ -72,7 +71,8 @@ const RemotionRiveCanvasContentForwardRefFunction = ({ src, fit, alignment, artb
     const memoizedEffects = useMemoizedEffects({
         effects,
         overrideId: (_b = controls === null || controls === void 0 ? void 0 : controls.overrideId) !== null && _b !== void 0 ? _b : null,
-        videoConfigValues: (_c = controls === null || controls === void 0 ? void 0 : controls.videoConfigValues) !== null && _c !== void 0 ? _c : null,
+        runtimeValues: (_c = controls === null || controls === void 0 ? void 0 : controls.runtimeValues) !== null && _c !== void 0 ? _c : null,
+        videoConfigValues: (_d = controls === null || controls === void 0 ? void 0 : controls.videoConfigValues) !== null && _d !== void 0 ? _d : null,
     });
     if (err) {
         throw err;
@@ -288,6 +288,7 @@ const RemotionRiveCanvasContentForwardRefFunction = ({ src, fit, alignment, artb
 const RemotionRiveCanvasContent = (0, react_1.forwardRef)(RemotionRiveCanvasContentForwardRefFunction);
 const RemotionRiveCanvasInnerForwardRefFunction = ({ src, fit = 'contain', alignment = 'center', artboard, animation, onLoad = null, assetLoader, enableRiveAssetCdn = true, className, style, effects = [], effectsOutputSize, controls, durationInFrames, name, from, premountFor, postmountFor, styleWhilePremounted, styleWhilePostmounted, trimBefore, playbackRate, loop, freeze, showInTimeline, hidden, cropLeft, cropRight, cropTop, cropBottom, ...props }, ref) => {
     props;
+    const videoEnabled = remotion_1.Internals.useVideoEnabled();
     const memoizedEffectDefinitions = useMemoizedEffectDefinitions(effects);
     const canvasRef = (0, react_1.useRef)(null);
     const { effectivePremountFor, effectivePostmountFor, freezeFrame, isPremountingOrPostmounting, premountingActive, postmountingActive, premountingStyle, } = remotion_1.Internals.usePremounting({
@@ -312,6 +313,9 @@ const RemotionRiveCanvasInnerForwardRefFunction = ({ src, fit = 'contain', align
         style: premountingStyle,
         componentName: '<RemotionRiveCanvas />',
     });
+    if (!videoEnabled) {
+        return null;
+    }
     return ((0, jsx_runtime_1.jsx)(remotion_1.Freeze, { frame: freezeFrame, active: isPremountingOrPostmounting, children: (0, jsx_runtime_1.jsx)(remotion_1.Sequence, { layout: "none", from: from, trimBefore: trimBefore, playbackRate: playbackRate, loop: loop, freeze: freeze, hidden: hidden, showInTimeline: showInTimeline, name: name !== null && name !== void 0 ? name : '<RemotionRiveCanvas>', _remotionInternalDocumentationLink: "https://www.remotion.dev/docs/rive/remotionrivecanvas", durationInFrames: durationInFrames, controls: controls, _remotionInternalEffects: memoizedEffectDefinitions, ...props, _remotionInternalPremountDisplay: effectivePremountFor || null, _remotionInternalPostmountDisplay: effectivePostmountFor || null, _remotionInternalIsPremounting: premountingActive, _remotionInternalIsPostmounting: postmountingActive, children: (0, 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: croppedStyle !== null && croppedStyle !== void 0 ? croppedStyle : undefined, effects: effects, effectsOutputSize: effectsOutputSize !== null && effectsOutputSize !== void 0 ? effectsOutputSize : null, controls: controls, canvasRef: canvasRef }) }) }));
 };
 const RemotionRiveCanvasInner = (0, react_1.forwardRef)(RemotionRiveCanvasInnerForwardRefFunction);

package/dist/esm/index.mjs

@@ -105,7 +105,6 @@ var riveAlignmentVariants = {
 };
 var riveCanvasSchema = {
   ...Internals.baseSchema,
-  ...Internals.premountSchema,
   fit: {
     type: "enum",
     default: "contain",
@@ -157,6 +156,7 @@ var RemotionRiveCanvasContentForwardRefFunction = ({
   const memoizedEffects = useMemoizedEffects({
     effects,
     overrideId: controls?.overrideId ?? null,
+    runtimeValues: controls?.runtimeValues ?? null,
     videoConfigValues: controls?.videoConfigValues ?? null
   });
   if (err) {
@@ -379,6 +379,7 @@ var RemotionRiveCanvasInnerForwardRefFunction = ({
   cropBottom,
   ...props
 }, ref) => {
+  const videoEnabled = Internals.useVideoEnabled();
   const memoizedEffectDefinitions = useMemoizedEffectDefinitions(effects);
   const canvasRef = useRef(null);
   const {
@@ -411,6 +412,9 @@ var RemotionRiveCanvasInnerForwardRefFunction = ({
     style: premountingStyle,
     componentName: "<RemotionRiveCanvas />"
   });
+  if (!videoEnabled) {
+    return null;
+  }
   return /* @__PURE__ */ jsx(Freeze, {
     frame: freezeFrame,
     active: isPremountingOrPostmounting,

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/rive"
 	},
 	"name": "@remotion/rive",
-	"version": "4.0.541",
+	"version": "4.0.542",
 	"description": "Embed Rive animations in a Remotion video",
 	"main": "dist/cjs/index.js",
 	"types": "dist/cjs/index.d.ts",
@@ -13,7 +13,7 @@
 		"format": "oxfmt src",
 		"lint": "eslint src",
 		"test": "bun test src/test",
-		"make": "tsc -d && bun --env-file=../.env.bundle bundle.ts"
+		"make": "node ../.monorepo/tsrs.cjs -d && bun --env-file=../.env.bundle bundle.ts"
 	},
 	"bugs": {
 		"url": "https://github.com/remotion-dev/remotion/issues"
@@ -23,7 +23,7 @@
 	"license": "See LICENSE.md",
 	"dependencies": {
 		"@rive-app/canvas-advanced": "2.31.5",
-		"remotion": "4.0.541"
+		"remotion": "4.0.542"
 	},
 	"peerDependencies": {
 		"react": ">=18.2.0",
@@ -32,7 +32,7 @@
 	"devDependencies": {
 		"react": "19.3.1",
 		"react-dom": "19.3.1",
-		"@remotion/eslint-config-internal": "4.0.541",
+		"@remotion/eslint-config-internal": "4.0.542",
 		"eslint": "9.19.0",
 		"typescript": "7.1.0-beta"
 	},