update molstar in the example

dependencies/index.html

@@ -8,8 +8,8 @@
 
 <!-- MOL* -->
 <link rel="stylesheet" type="text/css"
-    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>
+    href="https://www.ebi.ac.uk/pdbe/pdb-component-library/css/pdbe-molstar-1.1.0.css">
+<script src="https://www.ebi.ac.uk/pdbe/pdb-component-library/js/pdbe-molstar-plugin-1.1.0.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/coordinates/${result.pdbid}/ligandInteraction?&authAsymId=$${result.chain}&authSeqNumber=${result.resid}&radius=5&dataSource=hydrogens`
+                `https://www.ebi.ac.uk/pdbe/model-server/v1/${result.pdbid}/residueInteraction?auth_asym_id=${result.chain}&auth_seq_id=${result.resid}&radius=5&data_source=pdb-h`
         } else {
-            result['query'] = `https://wwwdev.ebi.ac.uk/pdbe/coordinates/${result.pdbid}?dataSource=hydrogens`
+            result['query'] = `https://www.ebi.ac.uk/pdbe/model-server/v1/${result.pdbid}/full?data_source=pdb-h`
         }
 
         if (result.chain !== undefined) result.chain = result.chain.toUpperCase();
@@ -64,9 +64,9 @@
                 } else {
                     params = {
                         pdbid: '1cbs',
-                        chain: 'A',
+                        chain: 'A_1',
                         resid: 200,
-                        query: "https://wwwdev.ebi.ac.uk/pdbe/coordinates/1cbs/ligandInteraction?&authAsymId=$A&authSeqNumber=$200&radius=5&dataSource=hydrogens"
+                        query: "https://www.ebi.ac.uk/pdbe/model-server/v1/1cbs/residueInteraction?auth_asym_id=A_1&auth_seq_id=200&radius=5&data_source=pdb-h"
                     };
                 }
 
@@ -78,32 +78,27 @@
 
                 var initParams = {
                     moleculeId: params.pdbid,
-                    pdbeUrl: 'https://wwwdev.ebi.ac.uk/pdbe/',
-                    loadMaps: true,
-                    validationAnnotation: true,
-                    domainAnnotation: true,
+                    pdbeUrl: 'https://www.ebi.ac.uk/pdbe/',
+                    loadMaps: false,
+                    bgColor: {
+                        r: 255,
+                        g: 250,
+                        b: 250
+                    },
                     lowPrecisionCoords: true,
                     isExpanded: false,
                     hideControls: true,
                     showLogs: false,
                     subscribeEvents: true,
                     showPDBeLogo: false,
-                    assemblyId: 'preferred', //'deposited'
-                    // selectInteraction: false,
+                    subscribeEvents: true,
                     ligandView: {
-                        auth_asym_Id: params.chain,
                         auth_seq_id: params.resid,
+                        auth_asym_id: params.chain,
                         hydrogens: true
-                    },
-                    backgroundColour: '0xFFFFFF',
-                    //customColorList: [0xff0000, 0x0000ff],
-                    //representationStyle: representationStyle//,
-                    customData: {
-                        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 MolStarPdbeWrapper();
+                var pdbeMolstar = new PDBeMolstarPlugin();
                 pdbeMolstar.render(document.getElementById('3dViewer'), initParams);
             });
     }());