Thank you for your interest in contributing to the Uniswap interface! 🦄
Before running anything, you'll need to install the dependencies:
yarn install
yarn start
The interface should automatically open. If it does not, navigate to [http://localhost:3000].
yarn build
To serve the production build:
yarn serve
Then, navigate to [http://localhost:3000] to see it.
yarn test
By default, this runs only unit tests that have been affected since the last commit. To run all unit tests:
yarn test --watchAll
Integration tests require a server to be running. In order to see your changes quickly, run start
in its own tab/window:
yarn start
Integration tests are run using cypress
. When developing locally, use cypress:open
for an interactive UI, and to inspect the rendered page:
yarn cypress:open
To run all cypress integration tests from the command line:
yarn cypress:run
Adding many new dependencies would cause bloat, so we have a test to guard against this: scripts/test-size.js
. This will run as part of CI with every PR.
If you need to add a new dependency, and it causes the generated build to exceed its size quota, you'll need to increase the quota. Do so in scripts/test-size.js
.
You can also run the test on your last build using yarn build && yarn test:size
. If you exceed the size quota, it will let you know what to do :).
Code merged into the main
branch of this repository should adhere to high standards of correctness and maintainability.
Use your best judgment when applying these standards. If code is in the critical path, will be frequently visited, or
makes large architectural changes, consider following all the standards.
- Have at least one engineer approve of large code refactorings
- At least manually test small code changes, prefer automated tests
- Thoroughly unit test when code is not obviously correct
- If something breaks, add automated tests so it doesn't break again
- Add integration tests for new pages or flows
- Verify that all CI checks pass before merging
- Have at least one product manager or designer approve of any significant UX changes
The following points should help guide your development:
- Security: the interface is safe to use
- Avoid adding unnecessary dependencies due to supply chain risk
- Reproducibility: anyone can build the interface
- Avoid adding steps to the development/build processes
- The build must be deterministic, i.e. a particular commit hash always produces the same build
- Decentralization: anyone can run the interface
- An Ethereum node should be the only critical dependency
- All other external dependencies should only enhance the UX (graceful degradation)
- Accessibility: anyone can use the interface
- The interface should be responsive, small and also run well on low performance devices (majority of swaps on mobile!)
Releases are cut automatically from the main
branch Monday-Thursday in the morning according to the release workflow.
Fix pull requests should be merged whenever ready and tested.
If a fix is urgently needed in production, releases can be manually triggered on GitHub
after the fix is merged into main
.
Features should not be merged into main
until they are ready for users.
When building larger features or collaborating with other developers, create a new branch from main
to track its development.
Use the automatic Vercel preview for sharing the feature to collect feedback.
When the feature is ready for review, create a new pull request from the feature branch into main
and request reviews from
the appropriate UX reviewers (PMs or designers).
Start with issues with the label
good first issue
.
Uniswap uses Crowdin for managing translations.
This workflow uploads new strings for translation to the Crowdin project whenever code using the lingui translation macros is merged into main
.
Every hour, translations are synced back down from Crowdin to the repository in this other workflow. We sync to the repository on a schedule, rather than download translations at build time, so that builds are always reproducible.
You can contribute by joining Crowdin to proofread existing translations here
Or, ask to join us as a translator in the Discord!!