rive-react
Advanced tools
Comparing version 0.0.20 to 0.0.21
@@ -7,4 +7,98 @@ ### Changelog | ||
#### 0.0.20 | ||
#### [v0.0.21](https://github.com/rive-app/rive-react/compare/v0.0.20...v0.0.21) | ||
- Update examples to use latest rive-react [`5d08228`](https://github.com/rive-app/rive-react/commit/5d0822836cbc7c5645d7580173c3cdda772b616d) | ||
#### [v0.0.20](https://github.com/rive-app/rive-react/compare/v0.0.19...v0.0.20) | ||
> 7 September 2021 | ||
- chore: release 0.0.20 [`1c3cc69`](https://github.com/rive-app/rive-react/commit/1c3cc69f401b91810105b16ccce1dd7612da037a) | ||
- rive-0.7.30: Fix ghosting where aspect ratio of canvas is different to that of artboard [`44056eb`](https://github.com/rive-app/rive-react/commit/44056eb5654e90de6ba10ed4892a4e2a5ebf6716) | ||
#### [v0.0.19](https://github.com/rive-app/rive-react/compare/v0.0.18...v0.0.19) | ||
> 7 September 2021 | ||
- chore: release 0.0.19 [`a9c3233`](https://github.com/rive-app/rive-react/commit/a9c3233452d9f6465c761cda0763d314ba712267) | ||
- Update rive-js to 0.7.29 [`ce2c706`](https://github.com/rive-app/rive-react/commit/ce2c7065f567e43cfcca4c8f98e98aaf6e92f4c3) | ||
#### [v0.0.18](https://github.com/rive-app/rive-react/compare/v0.0.17...v0.0.18) | ||
> 12 August 2021 | ||
- chore: release 0.0.18 [`203faf9`](https://github.com/rive-app/rive-react/commit/203faf9ce22ee307af815ebdc2790f6bacbe0016) | ||
- Update rive-js version to 0.7.25 [`fd0efb1`](https://github.com/rive-app/rive-react/commit/fd0efb1b815ae833e3b50b643b00464542f6f800) | ||
#### [v0.0.17](https://github.com/rive-app/rive-react/compare/v0.0.16...v0.0.17) | ||
> 12 August 2021 | ||
- chore: release 0.0.17 [`11b6f2e`](https://github.com/rive-app/rive-react/commit/11b6f2e8792781ad38dce745f080b69a94c35c3a) | ||
- Update rive-js version to 0.7.24 [`8a1adf1`](https://github.com/rive-app/rive-react/commit/8a1adf147d25f4616ef048a84986314e9397ad43) | ||
#### [v0.0.16](https://github.com/rive-app/rive-react/compare/v0.0.15...v0.0.16) | ||
> 11 August 2021 | ||
- chore: release 0.0.16 [`80ffb5e`](https://github.com/rive-app/rive-react/commit/80ffb5ee2d3b3dd22d1c229e1f4e772e7fe763b3) | ||
- Update rive-js version to 0.7.23 [`cf1baa6`](https://github.com/rive-app/rive-react/commit/cf1baa6661f643996e37b26a5a9a6dd9a9950e06) | ||
#### [v0.0.15](https://github.com/rive-app/rive-react/compare/v0.0.14...v0.0.15) | ||
> 30 July 2021 | ||
- chore: release 0.0.15 [`f0b1aeb`](https://github.com/rive-app/rive-react/commit/f0b1aeb7d850103b61310c9251a827f835fadf58) | ||
- update rive-js with support for distance and transform constraints [`8612e0b`](https://github.com/rive-app/rive-react/commit/8612e0b15f6c93d4e5c276c95e7f36543466e4d6) | ||
#### [v0.0.14](https://github.com/rive-app/rive-react/compare/v0.0.11...v0.0.14) | ||
> 21 July 2021 | ||
- Bump rive-js to 0.7.19 with support for IK constraints [`6c80c53`](https://github.com/rive-app/rive-react/commit/6c80c5311e99ee47e9f4fc3c5f35ab908ddfa326) | ||
- chore: release 0.0.14 [`d7f7eab`](https://github.com/rive-app/rive-react/commit/d7f7eab65577732fa1e9f792bc14f10d89c0ccaf) | ||
- chore: bump to 0.0.13 [`29bd502`](https://github.com/rive-app/rive-react/commit/29bd502208efa6928ffb47f06b5e548f071a8ade) | ||
#### [v0.0.11](https://github.com/rive-app/rive-react/compare/v0.0.10...v0.0.11) | ||
> 14 July 2021 | ||
- Update README with camelCase params [`#26`](https://github.com/rive-app/rive-react/pull/26) | ||
- Update README with camel case params [`14b7746`](https://github.com/rive-app/rive-react/commit/14b774676b41fa3082cb6554ee2062aa7d773da9) | ||
- chore: release 0.0.11 [`9db4ee5`](https://github.com/rive-app/rive-react/commit/9db4ee52bf919add026c4c5487a5ca399cc0b823) | ||
#### [v0.0.10](https://github.com/rive-app/rive-react/compare/v0.0.9...v0.0.10) | ||
> 28 June 2021 | ||
- Include types in npm publish [`#23`](https://github.com/rive-app/rive-react/pull/23) | ||
- chore: release 0.0.10 [`0b14c4c`](https://github.com/rive-app/rive-react/commit/0b14c4cd4cc49f6b7b1567b23752688092ca73b4) | ||
#### [v0.0.9](https://github.com/rive-app/rive-react/compare/v0.0.8...v0.0.9) | ||
> 28 June 2021 | ||
- Fix build automation and only include dist files [`#22`](https://github.com/rive-app/rive-react/pull/22) | ||
- chore: release 0.0.9 [`2ec726c`](https://github.com/rive-app/rive-react/commit/2ec726cf12361254403539b30ebafb9adef9254d) | ||
#### v0.0.8 | ||
> 28 June 2021 | ||
- Add release it dependency [`#21`](https://github.com/rive-app/rive-react/pull/21) | ||
- add release it for automated github releases and npm publish [`#20`](https://github.com/rive-app/rive-react/pull/20) | ||
- Add token to publish step [`#17`](https://github.com/rive-app/rive-react/pull/17) | ||
- Publish on merge to master [`#16`](https://github.com/rive-app/rive-react/pull/16) | ||
- version bump [`#15`](https://github.com/rive-app/rive-react/pull/15) | ||
- Bump rive-js version to 0.7.15 [`#14`](https://github.com/rive-app/rive-react/pull/14) | ||
- lower react peer dependency version [`#13`](https://github.com/rive-app/rive-react/pull/13) | ||
- Bump version to 0.0.5 [`#12`](https://github.com/rive-app/rive-react/pull/12) | ||
- Add Readme and change Rive Component [`#11`](https://github.com/rive-app/rive-react/pull/11) | ||
- Export rive-js types [`#10`](https://github.com/rive-app/rive-react/pull/10) | ||
- Add eslint and prettier configs [`#9`](https://github.com/rive-app/rive-react/pull/9) | ||
- Add basic github action for running tests [`#8`](https://github.com/rive-app/rive-react/pull/8) | ||
- Add typescript example [`#7`](https://github.com/rive-app/rive-react/pull/7) | ||
- Add examples for using rive-react [`#1`](https://github.com/rive-app/rive-react/pull/1) | ||
- Initial commit of existing implementation [`3b1d759`](https://github.com/rive-app/rive-react/commit/3b1d7593fe95da652857f7d362f90d8facad05ee) | ||
- Add changelog managed by auto-changelog [`5916f38`](https://github.com/rive-app/rive-react/commit/5916f384bbcb8af250a5ae3fb6f4061a742551a0) | ||
- Update README.md with usage docs [`c0a6b83`](https://github.com/rive-app/rive-react/commit/c0a6b835eacc2939f82923fb0c6c2d3b3cc12ed2) |
{ | ||
"name": "rive-react", | ||
"version": "0.0.20", | ||
"version": "0.0.21", | ||
"description": "React wrapper around the rive-js library", | ||
@@ -5,0 +5,0 @@ "main": "dist/index.js", |
@@ -76,3 +76,3 @@ ![Build Status](https://github.com/rive-app/rive-react/actions/workflows/tests.yml/badge.svg) | ||
- `riveParams`: Set of parameters that are passed to the Rive.js `Rive` class constructor. `null` and `undefined` can be passed to conditionally display the .rive file. | ||
- `riveParams`: Set of parameters that are passed to the Rive.js `Rive` class constructor. `null` and `undefined` can be passed to conditionally display the .riv file. | ||
- `opts`: Rive React specific options. | ||
@@ -119,11 +119,19 @@ | ||
function Example() { | ||
const STATE_MACHINE_NAME = 'button'; | ||
const INPUT_NAME = 'onClick'; | ||
const { RiveComponent, rive } = useRive({ | ||
src: 'button.riv', | ||
stateMachines: 'button', | ||
stateMachines: STATE_MACHINE_NAME, | ||
autoplay: true, | ||
}); | ||
const onClickInput = useStateMachineInput(rive, 'button', 'onClick'); | ||
const onClickInput = useStateMachineInput( | ||
rive, | ||
STATE_MACHINE_NAME, | ||
INPUT_NAME | ||
); | ||
return <RiveComponent onClick={() => onClickInput && onClickInput.fire())} />; | ||
// This example is using a state machine with a trigger input. | ||
return <RiveComponent onClick={() => onClickInput.fire()} />; | ||
} | ||
@@ -134,2 +142,4 @@ | ||
See our [examples](examples) folder for working examples of [Boolean](examples/state-machine-boolean-input) and [Number](examples/state-machine-number-input) inputs. | ||
#### Parameters | ||
@@ -147,2 +157,2 @@ | ||
The `examples` shows a number of different ways to use Rive React. See the instructions for each example to run locally. | ||
The [examples](examples) shows a number of different ways to use Rive React. See the instructions for each example to run locally. |
21982
155