This document is intended to streamline the onboarding process by providing key resources and instructions for navigating the Synapse web ecosystem. Feel free to comment and share your feedback on this document to help improve it and make this resource even more helpful!
Getting Started with the Synapse Web Monorepo
The Synapse Web Monorepo is a centralized codebase for projects related to synapse.org. For an overview of the Synapse web ecosystem, visit the Web Engineering - Links document.
Installation
Refer to the README in Synapse Web Monorepo for installation instructions.
Running a portal locally
In your terminal, run the snippet below to start a portal (I’m using the ELITE portal as an example but you can replace elportal below with the name of the portal you wish to run:
pnpm nx run elportal:start --host --port 3001
Note run portals on a port other than 3000 if you want to enable local user authentication (see section below).
How to use Login Authentication Locally with OneSage
In your terminal, run the snippet below to enable user authentication in your local environment:
pnpm nx run SageAccountWeb:start --host --port 3000
Note this has to be on port 3000 to work!
Synapse Web Client (SWC)
The Synapse Web Client is a single-page application that serves as the frontend for accessing Synapse REST services. Visit synapse.org to see the latest SWC release build.
Setting Up a Local Web Client
Refer to this document.
Testing Synapse React Client (SRC) in Synapse Web Client (SWC)
If you need to make changes to SRC components used in SWC and want to observe your changes, you can do so using Chrome content overrides: https://github.com/Sage-Bionetworks/synapse-web-monorepo/tree/main/packages/synapse-react-client .