This is the new React frontend for cBioPortal, currently under development.
To install all app and dev dependencies
npm install
To start dev server with hot reload enabled
npm run start
A good example page is: http://localhost:3000/?cancer_study_id=lgg_ucsf_2014&case_id=P04
To run unit/integration tests (need to have API URL defined in .env
)
npm run test
To run unit/integration tests in watch mode
npm run test:watch
To run linting
npm run lint
There is a precommit hook installed that compiles the project before committing. This makes sure the compiled source is always up to data and allows for easy importing any branch/commit in parent cBioPortal project. The hook can be viewed in package.json. You can skip it with
git commit -n
Add .env file in root of project. Put the following in that file: (The host can be set to whatever instance of the api you want to use as a backend.)
The default is:
API_ROOT=www.cbioportal.org/api-legacy
Go to http://cbioportal-pr-1720.herokuapp.com/case.do?cancer_study_id=lgg_ucsf_2014&case_id=P04
In your browser console set:
localStorage.setItem("localdev",true)
This will use whatever you are running on localhost:3000
to serve the JS (i.e. you need to have the frontend repo running on port 3000). To unset do:
localStorage.setItem("localdev",false)
or clear entire local storage
localStorage.clear()