2.1.1 • Published 4 years ago
@intermine/bluegenes-protein-visualizer v2.1.1
BlueGenes Protein Visualizer
BlueGenes Protein Visualizer is a tool made for BlueGenes following BlueGenes Tool API. It can help users (biologists) to visualize protein structures in different types of viewer in 3D. Users can select the PDB id they want to visualize and the visualizer fetches PDBs from the rcsb org. It can also be used as standalone tool to integrate in any web application.
Licence
MIT
To set up locally for development
- Clone the repo
cd bluegenes-protein-visualizer
and thennpm install
to install dependencies.
All of the editable source files for css and js are in src
. To bundle for prod, run the following commands:
CSS
Assuming less is installed globally:
npm run less
JS
Assuming webpack is installed globally:
Single build:
npm run build
Applied Coding practices / ESLint Rules:
- indent: use tab (2 space tab) instead of spaces to not get an error.
- linebreak-style: use \n for a newline, if you're on windows, configure it in your editor settings.
- quotes: use single quote instead of double quote.
- semi: use semi colon at end of each statement / expression / function definition.
- comma-dangle: do not use dangling commas i.e. extra comma at the end of object values, function args, etc.). More about this here.
- More pre-configured rules from eslint:recommended you must follow to not get errors here.
Developing:
To serve your code at localhost:3456 and rebuild it every time it changes, run:
npm run dev