https://github.com/yochannah/biojs-webcomponent-prototype

prototyping webcomponents for biojs at the Biohackathon 2018 Japan
https://github.com/yochannah/biojs-webcomponent-prototype

Last synced: about 2 months ago
JSON representation

prototyping webcomponents for biojs at the Biohackathon 2018 Japan

• Host: GitHub
• URL: https://github.com/yochannah/biojs-webcomponent-prototype
• Owner: yochannah
• License: mit
• Created: 2018-12-11T02:25:47.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2018-12-14T00:46:40.000Z (about 6 years ago)
• Last Synced: 2024-10-03T10:33:46.901Z (3 months ago)
• Language: JavaScript
• Homepage: https://yochannah.github.io/biojs-webcomponent-prototype/
• Size: 11.4 MB
• Stars: 3
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
## To use this component on your site

Quickstart: There's a demo in [index.html](index.html).

Longer:  

### In the ``, add:

```html

```

This links to the relevant scripts to define the component and fetch data.

### In the ``

Where you want your webcomponent to appear, add the following:

```html

 

```

Some notes on usage:

- `intermineService` value must point to the webservices

from an InterMine. for a full list of InterMines, see registry.intermine.org.

e.g. if you are interested in rat data, set ratmine to be the url,

or for plants you might want legumemine or phytomine.

- `searchOrganism` The format for the organism name must be in abbreviated format - e.g.

D. melanogaster works, Drosophila melanogaster would not.

- `searchTerm` - must be an identifier for a Gene or Protein

- `searchClass` - choose either Gene or Protein. (Case matters)

## Developing:

### Prerequisites:

[npm 6+](https://www.npmjs.com/), ideally installed via [nvm](https://github.com/creationix/nvm).

### Install

Once this repo is cloned, in your terminal, run:

```bash

npm install

```

### To build js

In your terminal, run

```bash

npx webpack

```

### Developer notes

This uses [hybrids.js](https://github.com/hybridsjs/hybrids) to implement webcomponents easily.