Contributing
To start the development you need to clone the project.
$ git clone [email protected]:RocketChat/Rocket.Chat.Fuselage.git
Then, if you browse packages you will notice that there are several packages within the same repository.
cd Rocket.Chat.Fuselage/packages/
ls
# css-in-js
# emitter
# fuselage
# fuselage-emitter
# fuselage-hooks
# fuselage-polyfills
# fuselage-tokens
# fuselage-ui-kit
# icons
# memo
# mp3-encoder
# ui-kit
# at root folder
yarn && yarn build
It's pretty easy, inside Rocket.Chat project just run:
meteor npm i ${path_to_fuselage_folder}/packages/package
The fuselage package is covered by visual regression tests. So, if you are changing any component, if there is any desired visual change, don't forget to update the images. Docker is required for that step.
packages/fuselage
yarn update-storybook
If you are creating something new, be sure to create a story for the component, it will not fail the pull request, but it will probably not be approved or even considered ready for review.
As soon as your contribution gets accepted, approved, and merged it will start the build process, even if your PR is only merged on develop. After that, the package will be available at npm tagged as @next. With that, you can already work/open pull requests on Rocket.Chat. At the end of Rocket.Chat release, we will release a fuselage production version and update the fuselage packages on Rocket.Chat.
Last modified 1mo ago