Merge pull request #9 from PDBeurope/PDBE-7921

For v0.3.0

Author: marcelo-q

.nvmrc

@@ -0,0 +1 @@
+16.20.2

README.md

@@ -20,6 +20,14 @@ npm run watch
 |02|entityId|`string`|Entity ID - Example: '3'|
 |03|chainId|`string`|Chain ID - Example: 'R'|
 |04|subscribeEvents|`boolean`| Default - `false`|
+|05|apiData|`ApiData`| Default - `undefined` |
+|06|FR3DData|`JSON`| Default - `undefined` |
+
+apiData and FR3DData are automatically retrieved using pdbeId, entityId and chainId if not set on options
+
+See data examples at:
+- APIData: https://www.ebi.ac.uk/pdbe/static/entry/7v08_4_3.json
+- FR3DData: https://www.ebi.ac.uk/pdbe/static/entry/7v08_3_basepair.json
 
 ## Web app implementation
 **Refer index.html and component.html for implementation example**

component-demo.html

@@ -12,11 +12,8 @@
         <!-- Required to polyfill modern browsers as code is ES5 for IE... -->
         <script src="https://cdn.jsdelivr.net/npm/@webcomponents/webcomponentsjs/custom-elements-es5-adapter.js" charset="utf-8"></script>
 
-        <!-- d3.js dependency script -->
-        <script src="https://cdn.jsdelivr.net/npm/d3@5.9.2"></script>
-
-        <link rel="stylesheet" type="text/css" href="build/pdb-rna-viewer-0.1.0.css">
-        <script type="text/javascript" src="build/pdb-rna-viewer-component-0.1.0.js"></script>
+        <link rel="stylesheet" type="text/css" href="build/pdb-rna-viewer-0.3.0.css">
+        <script type="text/javascript" src="build/pdb-rna-viewer-component-0.3.0.js"></script>
         <style>
             #pdbRnaViewer{
               width:500px;

index.html

@@ -13,7 +13,7 @@
         }
     </style>
     <!-- PDB RNA Viewer CSS -->
-    <link rel="stylesheet" type="text/css" href="build/pdb-rna-viewer-0.2.0.css">
+    <link rel="stylesheet" type="text/css" href="build/pdb-rna-viewer-0.3.0.css">
 
   </head>
 
@@ -23,11 +23,8 @@ <h4>PDB RNA Viewer Plugin Demo</h4>
     <!-- PDB RNA Viewer container -->
     <div id="pdb-rna-viewer" style="float: left;"></div>
 
-    <!-- d3.js dependency script -->
-    <script src="https://cdn.jsdelivr.net/npm/d3@5.9.2"></script>
-    
     <!-- PDB RNA Viewer JS -->
-    <script type="text/javascript" src="build/pdb-rna-viewer-plugin-0.2.0.js"></script>
+    <script type="text/javascript" src="build/pdb-rna-viewer-plugin-0.3.0.js"></script>
     <script>
         //Create plugin instance
         const pluginInstance = new PdbRnaViewerPlugin();