cbioportal-frontend

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

precommit hook

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

Changing the URL of API

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

Check in cBioPortal context

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()