biojs.vis.pdbviewer
===================

Version: 0.0.1

$3

``html



`

`javascript
var viewer = biojs.vis.pdbviewer();

// create a new jsmol applet
var app1 = viewer.jsmol({
target: 'testDiv',
jsmolFolder: '../external/jmol-14.2.4/jsmol',
});

// load PDB file from server
app1.loadPdb( "./1cuk.pdb" );

// interact with jsmol
app1.jmolScript( "color structure" );
`

See the `examples` folder for live examples (requires local web server)

Background
----------

This is a first attempt to bring a PDB viewer component into new BioJS framework (v2.0) and is losely based on the original BioJS 1.0 component BioJS.PdbViewer (written by John Gomez).

In keeping with the biojs 2.0 principles that each component should "do one thing well", the intention is to keep this component stripped back to the following:

* Initialise JSmol
* Insert JSmol applet into the page
* Load PDB file
* Provide access to the JSmol applet

The previous incarnation included a control panel, but the intention is to move this kind of functionality to a separate component.

Demo
----

Currently, something along the lines of...

`bash


make sure we have node.js (and git)

> sudo apt-get install npm git

clone this repo locally

> git clone https://github.com/sillitoe/biojs-vis-pdbviewer biojs-vis-pdbviewer
> cd biojs-pdb-viewer

install http-server globally

> npm install -g http-server

make sure node.js can access all the local dependencies

> npm install

build the code

> npm run build-browser

start the local web server

> http-server

direct your browser to

http://localhost:8080/examples/simple.html
`

However, I'm sure there will be an easier demo shortly.

``