@remotion/rive 4.0.475 → 4.0.477
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -4,7 +4,7 @@ import type { EffectsProp, SequenceProps } from 'remotion';
|
|
|
4
4
|
import type { RemotionRiveCanvasAlignment, RemotionRiveCanvasFit } from './map-enums.js';
|
|
5
5
|
type assetLoadCallback = (asset: FileAsset, bytes: Uint8Array) => boolean;
|
|
6
6
|
type onLoadCallback = (file: File) => void;
|
|
7
|
-
type RiveSequenceInheritedProps = Pick<SequenceProps, 'durationInFrames' | 'name' | 'from' | 'showInTimeline' | 'hidden'>;
|
|
7
|
+
type RiveSequenceInheritedProps = Pick<SequenceProps, 'durationInFrames' | 'name' | 'from' | 'freeze' | 'showInTimeline' | 'hidden'>;
|
|
8
8
|
type RemotionRiveCanvasOwnProps = {
|
|
9
9
|
readonly src: string;
|
|
10
10
|
readonly fit?: RemotionRiveCanvasFit;
|
|
@@ -42,7 +42,7 @@ const canvas_advanced_1 = __importDefault(require("@rive-app/canvas-advanced"));
|
|
|
42
42
|
const react_1 = __importStar(require("react"));
|
|
43
43
|
const remotion_1 = require("remotion");
|
|
44
44
|
const map_enums_js_1 = require("./map-enums.js");
|
|
45
|
-
const { addSequenceStackTraces, durationInFramesField, fromField, hiddenField, runEffectChain, sequenceVisualStyleSchema, useEffectChainState, useMemoizedEffectDefinitions, useMemoizedEffects, wrapInSchema, } = remotion_1.Internals;
|
|
45
|
+
const { addSequenceStackTraces, durationInFramesField, freezeField, fromField, hiddenField, runEffectChain, sequenceVisualStyleSchema, useEffectChainState, useMemoizedEffectDefinitions, useMemoizedEffects, wrapInSchema, } = remotion_1.Internals;
|
|
46
46
|
const riveFitVariants = {
|
|
47
47
|
contain: {},
|
|
48
48
|
cover: {},
|
|
@@ -66,6 +66,7 @@ const riveAlignmentVariants = {
|
|
|
66
66
|
const riveCanvasSchema = {
|
|
67
67
|
durationInFrames: durationInFramesField,
|
|
68
68
|
from: fromField,
|
|
69
|
+
freeze: freezeField,
|
|
69
70
|
fit: {
|
|
70
71
|
type: 'enum',
|
|
71
72
|
default: 'contain',
|
|
@@ -287,16 +288,17 @@ const RemotionRiveCanvasContentForwardRefFunction = ({ src, fit, alignment, artb
|
|
|
287
288
|
return (jsx_runtime_1.jsx("canvas", { ref: canvas, width: width, height: height, className: className, style: canvasStyle }));
|
|
288
289
|
};
|
|
289
290
|
const RemotionRiveCanvasContent = (0, react_1.forwardRef)(RemotionRiveCanvasContentForwardRefFunction);
|
|
290
|
-
const RemotionRiveCanvasInnerForwardRefFunction = ({ src, fit = 'contain', alignment = 'center', artboard, animation, onLoad = null, assetLoader, enableRiveAssetCdn = true, className, style, effects = [], _experimentalControls: controls, durationInFrames, name, from, showInTimeline, hidden, ...props }, ref) => {
|
|
291
|
+
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) => {
|
|
291
292
|
props;
|
|
292
293
|
const memoizedEffectDefinitions = useMemoizedEffectDefinitions(effects);
|
|
293
|
-
return (jsx_runtime_1.jsx(remotion_1.Sequence, { layout: "none", from: from, hidden: hidden, showInTimeline: showInTimeline, name: name !== null && name !== void 0 ? name : '<RemotionRiveCanvas>', _remotionInternalDocumentationLink: name === undefined
|
|
294
|
+
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
|
|
294
295
|
? 'https://www.remotion.dev/docs/rive/remotionrivecanvas'
|
|
295
296
|
: 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 }) }));
|
|
296
297
|
};
|
|
297
298
|
const RemotionRiveCanvasInner = (0, react_1.forwardRef)(RemotionRiveCanvasInnerForwardRefFunction);
|
|
298
299
|
exports.RemotionRiveCanvas = wrapInSchema({
|
|
299
300
|
Component: RemotionRiveCanvasInner,
|
|
301
|
+
componentIdentity: 'dev.remotion.rive.RemotionRiveCanvas',
|
|
300
302
|
schema: riveCanvasSchema,
|
|
301
303
|
supportsEffects: true,
|
|
302
304
|
});
|
package/dist/esm/index.mjs
CHANGED
|
@@ -77,6 +77,7 @@ import { jsx } from "react/jsx-runtime";
|
|
|
77
77
|
var {
|
|
78
78
|
addSequenceStackTraces,
|
|
79
79
|
durationInFramesField,
|
|
80
|
+
freezeField,
|
|
80
81
|
fromField,
|
|
81
82
|
hiddenField,
|
|
82
83
|
runEffectChain,
|
|
@@ -109,6 +110,7 @@ var riveAlignmentVariants = {
|
|
|
109
110
|
var riveCanvasSchema = {
|
|
110
111
|
durationInFrames: durationInFramesField,
|
|
111
112
|
from: fromField,
|
|
113
|
+
freeze: freezeField,
|
|
112
114
|
fit: {
|
|
113
115
|
type: "enum",
|
|
114
116
|
default: "contain",
|
|
@@ -331,6 +333,7 @@ var RemotionRiveCanvasInnerForwardRefFunction = ({
|
|
|
331
333
|
durationInFrames,
|
|
332
334
|
name,
|
|
333
335
|
from,
|
|
336
|
+
freeze,
|
|
334
337
|
showInTimeline,
|
|
335
338
|
hidden,
|
|
336
339
|
...props
|
|
@@ -339,6 +342,7 @@ var RemotionRiveCanvasInnerForwardRefFunction = ({
|
|
|
339
342
|
return /* @__PURE__ */ jsx(Sequence, {
|
|
340
343
|
layout: "none",
|
|
341
344
|
from,
|
|
345
|
+
freeze,
|
|
342
346
|
hidden,
|
|
343
347
|
showInTimeline,
|
|
344
348
|
name: name ?? "<RemotionRiveCanvas>",
|
|
@@ -367,6 +371,7 @@ var RemotionRiveCanvasInnerForwardRefFunction = ({
|
|
|
367
371
|
var RemotionRiveCanvasInner = forwardRef(RemotionRiveCanvasInnerForwardRefFunction);
|
|
368
372
|
var RemotionRiveCanvas = wrapInSchema({
|
|
369
373
|
Component: RemotionRiveCanvasInner,
|
|
374
|
+
componentIdentity: "dev.remotion.rive.RemotionRiveCanvas",
|
|
370
375
|
schema: riveCanvasSchema,
|
|
371
376
|
supportsEffects: true
|
|
372
377
|
});
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"url": "https://github.com/remotion-dev/remotion/tree/main/packages/rive"
|
|
4
4
|
},
|
|
5
5
|
"name": "@remotion/rive",
|
|
6
|
-
"version": "4.0.
|
|
6
|
+
"version": "4.0.477",
|
|
7
7
|
"description": "Embed Rive animations in a Remotion video",
|
|
8
8
|
"main": "dist/cjs/index.js",
|
|
9
9
|
"types": "dist/cjs/index.d.ts",
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
"license": "See LICENSE.md",
|
|
23
23
|
"dependencies": {
|
|
24
24
|
"@rive-app/canvas-advanced": "2.31.5",
|
|
25
|
-
"remotion": "4.0.
|
|
25
|
+
"remotion": "4.0.477"
|
|
26
26
|
},
|
|
27
27
|
"peerDependencies": {
|
|
28
28
|
"react": ">=18.2.0",
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
"devDependencies": {
|
|
32
32
|
"react": "19.2.3",
|
|
33
33
|
"react-dom": "19.2.3",
|
|
34
|
-
"@remotion/eslint-config-internal": "4.0.
|
|
34
|
+
"@remotion/eslint-config-internal": "4.0.477",
|
|
35
35
|
"eslint": "9.19.0",
|
|
36
36
|
"@typescript/native-preview": "7.0.0-dev.20260217.1"
|
|
37
37
|
},
|