Web application to visualize proteins, ligands and pharmacophores. Web application is used in Molviewer KNIME nodes.

This project was bootstrapped with Create React App using scripts package @nlesc/react-scripts.

Dependencies

yarn, https://yarnpkg.com/en/

Installation

yarn install

Development setup

Development needs to be done together with Molviewer KNIME nodes. The KNIME nodes will use the MolViewer global variable to render one of the app classes.

Editing

Use Visual Studio Code v1.5 or later. When editing *.tsx files use Typescript inside the repo and not the Typescript shipped with VSCode.

Unit test

yarn test

To also get coverage run

yarn test -- --coverage --no-cache -w 1

The coverage reports will be written to coverage/remapped directory.

Format

yarn prettier

Will format files in src/.

See https://github.com/prettier/prettier how to setup your editor.

Linting

yarn lint

Enable tslinting inside Visual Studio Code with

Open the command palette CRTL + P
Run ext install tslint

Deploy

First build with:

yarn build

Then copy essential build files to the knime-molviewer repo:

./deploy.sh

3D-e-Chem / molviewer-tsx

readme