Rocket.Chat
Mobile App
Desktop App
Omnichannel
Apps Engine
Reference
Fuselage
Contributing
Starting from the beginning
To start the development you need to clone the project.
1
$ git clone [email protected]:RocketChat/Rocket.Chat.Fuselage.git
Copied!
Then, if you browse packages you will notice that there are several packages within the same repository.
1
cd Rocket.Chat.Fuselage/packages/
2
ls
3
# css-in-js
4
# emitter
5
# fuselage
6
# fuselage-emitter
7
# fuselage-hooks
8
# fuselage-polyfills
9
# fuselage-tokens
10
# fuselage-ui-kit
11
# icons
12
# memo
13
# mp3-encoder
14
# ui-kit
Copied!
How to build your project
1
# at root folder
2
yarn
Copied!
How to develop and test under Rocket.Chat the local code
It's pretty easy, inside Rocket.Chat project just run:
1
meteor npm i ${paht_to_fuselage_folder}/packages/package
Copied!
How not to fail your pull request
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
1
yarn update-storybook
Copied!
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.
My pull request was merged, what now?
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 1yr ago