improve testing

dependencies/index.html

@@ -8,8 +8,8 @@
 
 <!-- MOL* -->
 <link rel="stylesheet" type="text/css"
-    href="https://wwwdev.ebi.ac.uk/pdbe/pdb-component-library/css/pdbe-molstar-light-0.1.0.css">
-<script src="https://wwwdev.ebi.ac.uk/pdbe/pdb-component-library/js/pdbe-molstar-plugin-0.1.2.js"></script>
+    href="https://wwwdev.ebi.ac.uk/pdbe/pdb-component-library/v1.0/css/molstar-light-0.0.1.css">
+<script src="https://wwwdev.ebi.ac.uk/pdbe/pdb-component-library/v1.0/js/molstar-0.0.1.js"></script>
 
 <!-- Web component polyfill (only loads what it needs) -->
 <script src="https://cdn.jsdelivr.net/npm/@webcomponents/webcomponentsjs/webcomponents-lite.js" charset="utf-8">
@@ -42,9 +42,9 @@
 
         if (result.bmid === undefined) {
             result['query'] =
-                `https://wwwdev.ebi.ac.uk/pdbe/model-server/v1/${result.pdbid}/residueSurroundings?&auth_asym_id=$${result.chain}&auth_seq_id=${result.resid}&radius=5&data_source=pdb-h`
+                `https://wwwdev.ebi.ac.uk/pdbe/coordinates/${result.pdbid}/ligandInteraction?&authAsymId=$${result.chain}&authSeqNumber=${result.resid}&radius=5&dataSource=hydrogens`
         } else {
-            result['query'] = `https://wwwdev.ebi.ac.uk/pdbe/model-server/v1/${result.pdbid}?data_source=pdb-h`
+            result['query'] = `https://wwwdev.ebi.ac.uk/pdbe/coordinates/${result.pdbid}?dataSource=hydrogens`
         }
 
         if (result.chain !== undefined) result.chain = result.chain.toUpperCase();
@@ -64,9 +64,9 @@
                 } else {
                     params = {
                         pdbid: '1cbs',
-                        chain: 'A_1',
+                        chain: 'A',
                         resid: 200,
-                        query: "https://wwwdev.ebi.ac.uk/pdbe/model-server/v1/1cbs/residueSurroundings?&auth_asym_id=A_1&auth_seq_id=200&radius=5&data_source=pdb-h"
+                        query: "https://wwwdev.ebi.ac.uk/pdbe/coordinates/1cbs/ligandInteraction?&authAsymId=$A&authSeqNumber=$200&radius=5&dataSource=hydrogens"
                     };
                 }
 
@@ -79,6 +79,7 @@
                 var initParams = {
                     moleculeId: params.pdbid,
                     pdbeUrl: 'https://wwwdev.ebi.ac.uk/pdbe/',
+                    loadMaps: true,
                     validationAnnotation: true,
                     domainAnnotation: true,
                     lowPrecisionCoords: true,
@@ -88,21 +89,21 @@
                     subscribeEvents: true,
                     showPDBeLogo: false,
                     assemblyId: 'preferred', //'deposited'
-                    selectInteraction: true,
+                    // selectInteraction: false,
                     ligandView: {
                         auth_asym_Id: params.chain,
                         auth_seq_id: params.resid,
                         hydrogens: true
                     },
-                    bgColor: {r:255, g:255, b:255},
+                    backgroundColour: '0xFFFFFF',
                     //customColorList: [0xff0000, 0x0000ff],
                     //representationStyle: representationStyle//,
                     customData: {
-                        url: `https://wwwdev.ebi.ac.uk/pdbe/model-server/v1/${params.pdbid}/residueSurroundings?&auth_asym_id=${params.chain}&auth_seq_id=${params.resid}&radius=5&data_source=pdb-h`,
+                        url: `https://wwwdev.ebi.ac.uk/pdbe/coordinates/${params.pdbid}/ligandInteraction?&authAsymId=${params.chain}&authSeqNumber=${params.resid}&radius=5&dataSource=hydrogens`,
                         format: 'cif'
                     }
                 }
-                var pdbeMolstar = new PDBeMolstarPlugin();
+                var pdbeMolstar = new MolStarPdbeWrapper();
                 pdbeMolstar.render(document.getElementById('3dViewer'), initParams);
             });
     }());
@@ -117,12 +118,12 @@
     <div style="position: relative; float: left;">
         <div id='3dViewer' style="position:relative; width: 500px;height: 500px;"></div>
     </div>
-     <div style="position: relative; float: left;">
+    <!-- <div style="position: relative; float: left;">
         <div id="rt 1" style="width: 500px; height: 500px; position: relative">
-            <pdb-ligand-env pdb-id="5e98" bound-molecule-id="bm1" zoom-on environment="dev"></pdb-ligand-env>
+            <pdb-ligand-env pdb-id="5e98" bound-molecule-id="bm1" zoom-on></pdb-ligand-env>
         </div>
     </div>
-  <!--  <div style="position: relative; float: left;">
+    <div style="position: relative; float: left;">
         <div id="rt 1" style="width: 500px; height: 500px; position: relative">
             <pdb-ligand-env pdb-id="5e98" bound-molecule-id="bm1" entity-id="3" zoom-on></pdb-ligand-env>
         </div>