Importing GTEx visualisations using Javascript modules

[gijskant]

We realy like the GTEx visualisations to summarize transcript-level or gene-level expression data for tissues.
We would like to integrate some components in another frontend project (which is not open source), using React.
An initial version of a React library, currently only containing the transcript browser, is available: thehyve/react-gtex-viz.

For embedding the visualisations in a React component, it is convenient if the gtex-viz library is available as a Javascript module, e.g., in ES or CommonJS format. Since you are already using rollup for bundling, that could be added to the existing rollup configuration.
We have a proposal for changes to the rollup configuration and some other minor adaptations here: thehyve@a30302f.
It involves:

• renaming all references to jQuery from $ to jQuery and marking jQuery as an external module explicitely;
• adding an exported object to each visualisation file, so that, e.g., TranscriptBrowser.render can be referenced;
• add an index.js an rollup/rollup.config.js to define the module; can be triggerd with npm run build, npm run build-prod;
• updated the demo HTML files for local use.

Could you please give feedback on this approach? Are you interested in merging such changes and do you have suggestions for improvements?