Document toolboxDocument toolbox

Onboarding

Owned by Kiana McCullough
Dec 10, 2024
1 min read

Testing Synapse React Client (SRC) in Synapse Web Client (SWC)

  1. Make your changes in SRC

  2. Build UMD files for SRC using pnpm build:umd

  3. Go to https://www.synapse.org in Chrome and open the Developer Tools

  4. Locate the synapse-react-client.production.min.js file in the Network tab and right click on the file and select Override Content

  5. Go to the Sources tab in Developer Tools and go to the Overrides section. Make sure Enabled Local Overrides is checked.

    1. Screenshot 2024-12-05 at 12.14.24 PM-20241205-201427.png

  6. right click cdn-www.synapse.org/generated or synapse-react-client.production.min.js and click open folder or containing folder respectively

  7. In your file explore, navigate to packages/synapse-react-client/dist/umd/ and find the updated synapse-react-client.production.min.js file. Drag and drop this file to the generated folder to replace the old synapse-react-client.production.min.js file

  8. Refresh https://www.synapse.org and the site should now be using your override file

  9. Repeat steps for any SRC changes you want to see in https://www.synapse.org