drugflow-molstar 0.4.6 → 0.4.8

package/lib/labels.d.ts

@@ -1,2 +1,2 @@
 import { PluginBehavior } from 'Molstar/mol-plugin/behavior';
-export declare const PDBeLociLabelProvider: import("molstar/lib/mol-state/transformer").StateTransformer<PluginBehavior.Category, PluginBehavior.Behavior, {}>;
+export declare const PDBeLociLabelProvider: import("Molstar/mol-state").StateTransformer<PluginBehavior.Category, PluginBehavior.Behavior, {}>;

package/lib/labels.js

@@ -1,39 +1,53 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PDBeLociLabelProvider = void 0;
-const behavior_1 = require("Molstar/mol-plugin/behavior");
-const structure_1 = require("Molstar/mol-model/structure");
-const label_1 = require("Molstar/mol-theme/label");
+var tslib_1 = require("tslib");
+var behavior_1 = require("Molstar/mol-plugin/behavior");
+var structure_1 = require("Molstar/mol-model/structure");
+var label_1 = require("Molstar/mol-theme/label");
 exports.PDBeLociLabelProvider = behavior_1.PluginBehavior.create({
     name: 'pdbe-loci-label-provider',
     category: 'interaction',
-    ctor: class {
-        register() { this.ctx.managers.lociLabels.addProvider(this.f); }
-        unregister() { this.ctx.managers.lociLabels.removeProvider(this.f); }
-        constructor(ctx) {
+    ctor: /** @class */ (function () {
+        function class_1(ctx) {
+            var _this = this;
             this.ctx = ctx;
             this.f = {
-                label: (loci) => {
-                    const customState = (this.ctx.customState);
-                    const superpositionView = (customState && customState.initParams.superposition) ? true : false;
-                    const label = [];
+                label: function (loci) {
+                    var e_1, _a;
+                    var customState = (_this.ctx.customState);
+                    var superpositionView = (customState && customState.initParams.superposition) ? true : false;
+                    var label = [];
                     if (!superpositionView && structure_1.StructureElement.Loci.is(loci) && loci.elements.length === 1) {
-                        const entityNames = new Set();
-                        for (const { unit: u } of loci.elements) {
-                            const l = structure_1.StructureElement.Location.create(loci.structure, u, u.elements[0]);
-                            const name = structure_1.StructureProperties.entity.pdbx_description(l).join(', ');
-                            entityNames.add(name);
+                        var entityNames = new Set();
+                        try {
+                            for (var _b = tslib_1.__values(loci.elements), _c = _b.next(); !_c.done; _c = _b.next()) {
+                                var u = _c.value.unit;
+                                var l = structure_1.StructureElement.Location.create(loci.structure, u, u.elements[0]);
+                                var name_1 = structure_1.StructureProperties.entity.pdbx_description(l).join(', ');
+                                entityNames.add(name_1);
+                            }
+                        }
+                        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+                        finally {
+                            try {
+                                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                            }
+                            finally { if (e_1) throw e_1.error; }
                         }
                         if (entityNames.size === 1)
-                            entityNames.forEach(name => label.push(name));
+                            entityNames.forEach(function (name) { return label.push(name); });
                     }
                     label.push((0, label_1.lociLabel)(loci));
-                    return label.filter(l => !!l).join('</br>');
+                    return label.filter(function (l) { return !!l; }).join('</br>');
                 },
-                group: (label) => label.toString().replace(/Model [0-9]+/g, 'Models'),
+                group: function (label) { return label.toString().replace(/Model [0-9]+/g, 'Models'); },
                 priority: 100
             };
         }
-    },
+        class_1.prototype.register = function () { this.ctx.managers.lociLabels.addProvider(this.f); };
+        class_1.prototype.unregister = function () { this.ctx.managers.lociLabels.removeProvider(this.f); };
+        return class_1;
+    }()),
     display: { name: 'Provide PDBe Loci Label' }
 });

package/lib/loci-details.js

@@ -1,25 +1,27 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports._bundleLabel = exports.bondLabel = exports.lociDetails = void 0;
-const structure_1 = require("Molstar/mol-model/structure");
-const int_1 = require("Molstar/mol-data/int");
-const sifts_mapping_1 = require("Molstar/mol-model-props/sequence/sifts-mapping");
+exports.lociDetails = lociDetails;
+exports.bondLabel = bondLabel;
+exports._bundleLabel = _bundleLabel;
+var tslib_1 = require("tslib");
+var structure_1 = require("Molstar/mol-model/structure");
+var int_1 = require("Molstar/mol-data/int");
+var sifts_mapping_1 = require("Molstar/mol-model-props/sequence/sifts-mapping");
 function lociDetails(loci) {
     switch (loci.kind) {
         case 'structure-loci':
-            return { models: loci.structure.models.map(m => m.entry).filter(l => !!l) };
+            return { models: loci.structure.models.map(function (m) { return m.entry; }).filter(function (l) { return !!l; }) };
         case 'element-loci':
             return structureElementStatsDetail(structure_1.StructureElement.Stats.ofLoci(loci));
         case 'bond-loci':
-            const bond = loci.bonds[0];
-            return bond ? bondLabel(bond, 'element') : '';
+            var bond = loci.bonds[0];
+            return bond ? bondLabel(bond, 'element') : undefined;
         default:
             return void 0;
     }
 }
-exports.lociDetails = lociDetails;
 function structureElementStatsDetail(stats) {
-    const { chainCount, residueCount, elementCount } = stats;
+    var chainCount = stats.chainCount, residueCount = stats.residueCount, elementCount = stats.elementCount;
     if (elementCount === 1 && residueCount === 0 && chainCount === 0) {
         return getElementDetails(stats.firstElementLoc, 'element');
     }
@@ -30,9 +32,10 @@ function structureElementStatsDetail(stats) {
         return void 0;
     }
 }
-function getElementDetails(location, granularity = 'element') {
-    const basicDetails = {};
-    let entry = location.unit.model.entry;
+function getElementDetails(location, granularity) {
+    if (granularity === void 0) { granularity = 'element'; }
+    var basicDetails = {};
+    var entry = location.unit.model.entry;
     if (entry.length > 30)
         entry = entry.substr(0, 27) + '\u2026'; // ellipsis
     basicDetails['entry_id'] = entry; // entry
@@ -40,17 +43,17 @@ function getElementDetails(location, granularity = 'element') {
         basicDetails['model'] = location.unit.model.modelNum; // model
         basicDetails['instance'] = location.unit.conformation.operator.name; // instance
     }
-    let elementDetails;
+    var elementDetails;
     if (structure_1.Unit.isAtomic(location.unit)) {
         elementDetails = atomicElementDetails(location, granularity);
     }
     else if (structure_1.Unit.isCoarse(location.unit)) {
         elementDetails = coarseElementDetails(location, granularity);
     }
-    return { ...basicDetails, ...elementDetails };
+    return tslib_1.__assign(tslib_1.__assign({}, basicDetails), elementDetails);
 }
 function atomicElementDetails(location, granularity) {
-    const elementDetails = {
+    var elementDetails = {
         entity_id: structure_1.StructureProperties.chain.label_entity_id(location),
         label_asym_id: structure_1.StructureProperties.chain.label_asym_id(location),
         auth_asym_id: structure_1.StructureProperties.chain.auth_asym_id(location),
@@ -63,29 +66,29 @@ function atomicElementDetails(location, granularity) {
         atom_id: [structure_1.StructureProperties.atom.label_atom_id(location)],
         alt_id: structure_1.StructureProperties.atom.label_alt_id(location)
     };
-    const unpLabel = sifts_mapping_1.SIFTSMapping.getLabel(location);
+    var unpLabel = sifts_mapping_1.SIFTSMapping.getLabel(location);
     if (unpLabel) {
-        const unpLabelDetails = unpLabel.split(' ');
+        var unpLabelDetails = unpLabel.split(' ');
         if (unpLabelDetails[0] === 'UNP') {
             elementDetails.unp_accession = unpLabelDetails[1];
             elementDetails.unp_seq_id = +unpLabelDetails[2];
         }
     }
-    const microHetCompIds = structure_1.StructureProperties.residue.microheterogeneityCompIds(location);
+    var microHetCompIds = structure_1.StructureProperties.residue.microheterogeneityCompIds(location);
     elementDetails['micro_het_comp_ids'] = granularity === 'residue' && microHetCompIds.length > 1 ?
         microHetCompIds : [elementDetails['comp_id']];
     return elementDetails;
 }
 function coarseElementDetails(location, granularity) {
-    const elementDetails = {
+    var elementDetails = {
         asym_id: structure_1.StructureProperties.coarse.asym_id(location),
         seq_id_begin: structure_1.StructureProperties.coarse.seq_id_begin(location),
         seq_id_end: structure_1.StructureProperties.coarse.seq_id_end(location)
     };
     if (granularity === 'residue') {
         if (elementDetails.seq_id_begin === elementDetails.seq_id_end) {
-            const entityIndex = structure_1.StructureProperties.coarse.entityKey(location);
-            const seq = location.unit.model.sequence.byEntityKey[entityIndex];
+            var entityIndex = structure_1.StructureProperties.coarse.entityKey(location);
+            var seq = location.unit.model.sequence.byEntityKey[entityIndex];
             elementDetails['comp_id'] = seq.sequence.compId.value(elementDetails.seq_id_begin - 1); // 1-indexed
         }
     }
@@ -97,29 +100,38 @@ function bondLabel(bond, granularity) {
             structure_1.StructureElement.Loci(bond.bStructure, [{ unit: bond.bUnit, indices: int_1.OrderedSet.ofSingleton(bond.bIndex) }])
         ] }, granularity);
 }
-exports.bondLabel = bondLabel;
 function _bundleLabel(bundle, granularity) {
-    let isSingleElements = true;
-    for (const l of bundle.loci) {
-        if (!structure_1.StructureElement.Loci.is(l) || structure_1.StructureElement.Loci.size(l) !== 1) {
-            isSingleElements = false;
-            break;
+    var e_1, _a;
+    var isSingleElements = true;
+    try {
+        for (var _b = tslib_1.__values(bundle.loci), _c = _b.next(); !_c.done; _c = _b.next()) {
+            var l = _c.value;
+            if (!structure_1.StructureElement.Loci.is(l) || structure_1.StructureElement.Loci.size(l) !== 1) {
+                isSingleElements = false;
+                break;
+            }
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
         }
+        finally { if (e_1) throw e_1.error; }
     }
     if (isSingleElements) {
-        const locations = bundle.loci.map(l => {
-            const { unit, indices } = l.elements[0];
+        var locations = bundle.loci.map(function (l) {
+            var _a = l.elements[0], unit = _a.unit, indices = _a.indices;
             return structure_1.StructureElement.Location.create(l.structure, unit, unit.elements[int_1.OrderedSet.start(indices)]);
         });
-        const elementDetailsArr = locations.map(l => getElementDetails(l, granularity));
-        const atomIds = [elementDetailsArr[0].atom_id[0], elementDetailsArr[1].atom_id[0]];
-        const elementDetails = elementDetailsArr[0];
+        var elementDetailsArr = locations.map(function (l) { return getElementDetails(l, granularity); });
+        var atomIds = [elementDetailsArr[0].atom_id[0], elementDetailsArr[1].atom_id[0]];
+        var elementDetails = elementDetailsArr[0];
         elementDetails['atom_id'] = atomIds;
         return elementDetails;
     }
     else {
-        const elementDetails = bundle.loci.map(l => lociDetails(l));
+        var elementDetails = bundle.loci.map(function (l) { return lociDetails(l); });
         return elementDetails;
     }
 }
-exports._bundleLabel = _bundleLabel;

package/lib/sifts-mapping.js

@@ -1,12 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SIFTSMapping = void 0;
-const db_1 = require("Molstar/mol-data/db");
-const mmcif_1 = require("Molstar/mol-model-formats/structure/mmcif");
-const custom_property_1 = require("Molstar/mol-model/custom-property");
-const custom_model_property_1 = require("Molstar/mol-model-props/common/custom-model-property");
+var tslib_1 = require("tslib");
+var db_1 = require("Molstar/mol-data/db");
+var mmcif_1 = require("Molstar/mol-model-formats/structure/mmcif");
+var custom_property_1 = require("Molstar/mol-model/custom-property");
+var custom_model_property_1 = require("Molstar/mol-model-props/common/custom-model-property");
 var SIFTSMapping;
 (function (SIFTSMapping) {
+    var _this = this;
     SIFTSMapping.Provider = custom_model_property_1.CustomModelProperty.createProvider({
         label: 'SIFTS Mapping',
         descriptor: (0, custom_property_1.CustomPropertyDescriptor)({
@@ -14,54 +16,56 @@ var SIFTSMapping;
         }),
         type: 'static',
         defaultParams: {},
-        getParams: () => ({}),
-        isApplicable: (data) => isAvailable(data),
-        obtain: async (ctx, data) => {
-            return { value: fromCif(data) };
-        }
+        getParams: function () { return ({}); },
+        isApplicable: function (data) { return isAvailable(data); },
+        obtain: function (ctx, data) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+            return tslib_1.__generator(this, function (_a) {
+                return [2 /*return*/, { value: fromCif(data) }];
+            });
+        }); }
     });
     function isAvailable(model) {
         if (!mmcif_1.MmcifFormat.is(model.sourceData))
             return false;
-        const { pdbx_sifts_xref_db_name: db_name, pdbx_sifts_xref_db_acc: db_acc, pdbx_sifts_xref_db_num: db_num, pdbx_sifts_xref_db_res: db_res } = model.sourceData.data.db.atom_site;
+        var _a = model.sourceData.data.db.atom_site, db_name = _a.pdbx_sifts_xref_db_name, db_acc = _a.pdbx_sifts_xref_db_acc, db_num = _a.pdbx_sifts_xref_db_num, db_res = _a.pdbx_sifts_xref_db_res;
         return db_name.isDefined && db_acc.isDefined && db_num.isDefined && db_res.isDefined;
     }
     SIFTSMapping.isAvailable = isAvailable;
     function getKey(loc) {
-        const model = loc.unit.model;
-        const data = SIFTSMapping.Provider.get(model).value;
+        var model = loc.unit.model;
+        var data = SIFTSMapping.Provider.get(model).value;
         if (!data)
             return '';
-        const rI = model.atomicHierarchy.residueAtomSegments.index[loc.element];
+        var rI = model.atomicHierarchy.residueAtomSegments.index[loc.element];
         return data.accession[rI];
     }
     SIFTSMapping.getKey = getKey;
     function getLabel(loc) {
-        const model = loc.unit.model;
-        const data = SIFTSMapping.Provider.get(model).value;
+        var model = loc.unit.model;
+        var data = SIFTSMapping.Provider.get(model).value;
         if (!data)
             return;
-        const rI = model.atomicHierarchy.residueAtomSegments.index[loc.element];
-        const dbName = data.dbName[rI];
+        var rI = model.atomicHierarchy.residueAtomSegments.index[loc.element];
+        var dbName = data.dbName[rI];
         if (!dbName)
             return;
-        return `${dbName} ${data.accession[rI]} ${data.num[rI]} ${data.residue[rI]}`;
+        return "".concat(dbName, " ").concat(data.accession[rI], " ").concat(data.num[rI], " ").concat(data.residue[rI]);
     }
     SIFTSMapping.getLabel = getLabel;
     function fromCif(model) {
         if (!mmcif_1.MmcifFormat.is(model.sourceData))
             return;
-        const { pdbx_sifts_xref_db_name: db_name, pdbx_sifts_xref_db_acc: db_acc, pdbx_sifts_xref_db_num: db_num, pdbx_sifts_xref_db_res: db_res } = model.sourceData.data.db.atom_site;
+        var _a = model.sourceData.data.db.atom_site, db_name = _a.pdbx_sifts_xref_db_name, db_acc = _a.pdbx_sifts_xref_db_acc, db_num = _a.pdbx_sifts_xref_db_num, db_res = _a.pdbx_sifts_xref_db_res;
         if (!db_name.isDefined || !db_acc.isDefined || !db_num.isDefined || !db_res.isDefined)
             return;
-        const { atomSourceIndex } = model.atomicHierarchy;
-        const { count, offsets: residueOffsets } = model.atomicHierarchy.residueAtomSegments;
-        const dbName = new Array(count);
-        const accession = new Array(count);
-        const num = new Array(count);
-        const residue = new Array(count);
-        for (let i = 0; i < count; i++) {
-            const row = atomSourceIndex.value(residueOffsets[i]);
+        var atomSourceIndex = model.atomicHierarchy.atomSourceIndex;
+        var _b = model.atomicHierarchy.residueAtomSegments, count = _b.count, residueOffsets = _b.offsets;
+        var dbName = new Array(count);
+        var accession = new Array(count);
+        var num = new Array(count);
+        var residue = new Array(count);
+        for (var i = 0; i < count; i++) {
+            var row = atomSourceIndex.value(residueOffsets[i]);
             if (db_name.valueKind(row) !== db_1.Column.ValueKind.Present) {
                 dbName[i] = '';
                 accession[i] = '';
@@ -74,6 +78,6 @@ var SIFTSMapping;
             num[i] = db_num.value(row);
             residue[i] = db_res.value(row);
         }
-        return { dbName, accession, num, residue };
+        return { dbName: dbName, accession: accession, num: num, residue: residue };
     }
 })(SIFTSMapping || (exports.SIFTSMapping = SIFTSMapping = {}));

package/lib/sifts-mappings-behaviour.d.ts

@@ -1,5 +1,5 @@
 import { PluginBehavior } from 'Molstar/mol-plugin/behavior';
-export declare const PDBeSIFTSMapping: import("molstar/lib/mol-state/transformer").StateTransformer<PluginBehavior.Category, PluginBehavior.Behavior, {
+export declare const PDBeSIFTSMapping: import("Molstar/mol-state").StateTransformer<PluginBehavior.Category, PluginBehavior.Behavior, {
     autoAttach: boolean;
     showTooltip: boolean;
 }>;

package/lib/sifts-mappings-behaviour.js

@@ -1,60 +1,64 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PDBeSIFTSMapping = void 0;
-const int_1 = require("Molstar/mol-data/int");
-const sifts_mapping_1 = require("./sifts-mapping");
-const sifts_mapping_2 = require("Molstar/mol-model-props/sequence/themes/sifts-mapping");
-const structure_1 = require("Molstar/mol-model/structure");
-const param_definition_1 = require("Molstar/mol-util/param-definition");
-const behavior_1 = require("Molstar/mol-plugin/behavior");
+var tslib_1 = require("tslib");
+var int_1 = require("Molstar/mol-data/int");
+var sifts_mapping_1 = require("./sifts-mapping");
+var sifts_mapping_2 = require("Molstar/mol-model-props/sequence/themes/sifts-mapping");
+var structure_1 = require("Molstar/mol-model/structure");
+var param_definition_1 = require("Molstar/mol-util/param-definition");
+var behavior_1 = require("Molstar/mol-plugin/behavior");
 exports.PDBeSIFTSMapping = behavior_1.PluginBehavior.create({
     name: 'pdbe-sifts-mapping-prop',
     category: 'custom-props',
     display: { name: 'PDBe SIFTS Mapping' },
-    ctor: class extends behavior_1.PluginBehavior.Handler {
-        constructor() {
-            super(...arguments);
-            this.provider = sifts_mapping_1.SIFTSMapping.Provider;
-            this.labelProvider = {
-                label: (loci) => {
-                    if (!this.params.showTooltip)
+    ctor: /** @class */ (function (_super) {
+        tslib_1.__extends(class_1, _super);
+        function class_1() {
+            var _this = _super.apply(this, tslib_1.__spreadArray([], tslib_1.__read(arguments), false)) || this;
+            _this.provider = sifts_mapping_1.SIFTSMapping.Provider;
+            _this.labelProvider = {
+                label: function (loci) {
+                    if (!_this.params.showTooltip)
                         return;
                     return PDBeBestDatabaseSequenceMappingLabel(loci);
                 }
             };
+            return _this;
         }
-        update(p) {
-            const updated = (this.params.autoAttach !== p.autoAttach ||
+        class_1.prototype.update = function (p) {
+            var updated = (this.params.autoAttach !== p.autoAttach ||
                 this.params.showTooltip !== p.showTooltip);
             this.params.autoAttach = p.autoAttach;
             this.params.showTooltip = p.showTooltip;
             this.ctx.customStructureProperties.setDefaultAutoAttach(this.provider.descriptor.name, this.params.autoAttach);
             return updated;
-        }
-        register() {
+        };
+        class_1.prototype.register = function () {
             this.ctx.customModelProperties.register(this.provider, this.params.autoAttach);
             this.ctx.representation.structure.themes.colorThemeRegistry.add(sifts_mapping_2.SIFTSMappingColorThemeProvider);
             this.ctx.managers.lociLabels.addProvider(this.labelProvider);
-        }
-        unregister() {
+        };
+        class_1.prototype.unregister = function () {
             this.ctx.customModelProperties.unregister(this.provider.descriptor.name);
             this.ctx.representation.structure.themes.colorThemeRegistry.remove(sifts_mapping_2.SIFTSMappingColorThemeProvider);
             this.ctx.managers.lociLabels.removeProvider(this.labelProvider);
-        }
-    },
-    params: () => ({
+        };
+        return class_1;
+    }(behavior_1.PluginBehavior.Handler)),
+    params: function () { return ({
         autoAttach: param_definition_1.ParamDefinition.Boolean(true),
         showTooltip: param_definition_1.ParamDefinition.Boolean(true)
-    })
+    }); }
 });
 //
 function PDBeBestDatabaseSequenceMappingLabel(loci) {
     if (loci.kind === 'element-loci') {
         if (loci.elements.length === 0)
             return;
-        const e = loci.elements[0];
-        const u = e.unit;
-        const se = structure_1.StructureElement.Location.create(loci.structure, u, u.elements[int_1.OrderedSet.getAt(e.indices, 0)]);
+        var e = loci.elements[0];
+        var u = e.unit;
+        var se = structure_1.StructureElement.Location.create(loci.structure, u, u.elements[int_1.OrderedSet.getAt(e.indices, 0)]);
         return sifts_mapping_1.SIFTSMapping.getLabel(se);
     }
 }

package/lib/spec.js

@@ -1,42 +1,21 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DefaultParams = exports.createPluginUI = exports.DefaultPluginUISpec = exports.DefaultPluginSpec = void 0;
-const React = __importStar(require("react"));
-const ReactDOM = __importStar(require("react-dom"));
-const volume_1 = require("Molstar/mol-plugin-ui/custom/volume");
-const plugin_1 = require("Molstar/mol-plugin-ui/plugin");
-const behavior_1 = require("Molstar/mol-plugin/behavior");
-const transformers_1 = require("Molstar/mol-plugin/behavior/dynamic/volume-streaming/transformers");
-const context_1 = require("Molstar/mol-plugin-ui/context");
-const spec_1 = require("Molstar/mol-plugin/spec");
-const config_1 = require("Molstar/mol-plugin/config");
-const actions_1 = require("Molstar/mol-plugin-state/actions");
-const labels_1 = require("./labels");
-const sifts_mappings_behaviour_1 = require("./sifts-mappings-behaviour");
-const DefaultPluginSpec = () => ({
+exports.DefaultParams = exports.DefaultPluginUISpec = exports.DefaultPluginSpec = void 0;
+exports.createPluginUI = createPluginUI;
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var ReactDOM = tslib_1.__importStar(require("react-dom"));
+var volume_1 = require("Molstar/mol-plugin-ui/custom/volume");
+var plugin_1 = require("Molstar/mol-plugin-ui/plugin");
+var behavior_1 = require("Molstar/mol-plugin/behavior");
+var transformers_1 = require("Molstar/mol-plugin/behavior/dynamic/volume-streaming/transformers");
+var context_1 = require("Molstar/mol-plugin-ui/context");
+var spec_1 = require("Molstar/mol-plugin/spec");
+var config_1 = require("Molstar/mol-plugin/config");
+var actions_1 = require("Molstar/mol-plugin-state/actions");
+var labels_1 = require("./labels");
+var sifts_mappings_behaviour_1 = require("./sifts-mappings-behaviour");
+var DefaultPluginSpec = function () { return ({
     actions: [
         spec_1.PluginSpec.Action(actions_1.StateActions.Structure.EnableStructureCustomProps)
     ],
@@ -59,25 +38,34 @@ const DefaultPluginSpec = () => ({
     config: [
         [config_1.PluginConfig.VolumeStreaming.DefaultServer, 'https://www.ebi.ac.uk/pdbe/volume-server']
     ]
-});
+}); };
 exports.DefaultPluginSpec = DefaultPluginSpec;
-const DefaultPluginUISpec = () => ({
-    ...(0, exports.DefaultPluginSpec)(),
-    customParamEditors: [
+var DefaultPluginUISpec = function () { return (tslib_1.__assign(tslib_1.__assign({}, (0, exports.DefaultPluginSpec)()), { customParamEditors: [
         [transformers_1.CreateVolumeStreamingBehavior, volume_1.VolumeStreamingCustomControls]
-    ],
-});
+    ] })); };
 exports.DefaultPluginUISpec = DefaultPluginUISpec;
-async function createPluginUI(target, spec, options) {
-    const ctx = new context_1.PluginUIContext(spec || (0, exports.DefaultPluginUISpec)());
-    await ctx.init();
-    if (options?.onBeforeUIRender) {
-        await options.onBeforeUIRender(ctx);
-    }
-    ReactDOM.render(React.createElement(plugin_1.Plugin, { plugin: ctx }), target);
-    return ctx;
+function createPluginUI(target, spec, options) {
+    return tslib_1.__awaiter(this, void 0, void 0, function () {
+        var ctx;
+        return tslib_1.__generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    ctx = new context_1.PluginUIContext(spec || (0, exports.DefaultPluginUISpec)());
+                    return [4 /*yield*/, ctx.init()];
+                case 1:
+                    _a.sent();
+                    if (!(options === null || options === void 0 ? void 0 : options.onBeforeUIRender)) return [3 /*break*/, 3];
+                    return [4 /*yield*/, options.onBeforeUIRender(ctx)];
+                case 2:
+                    _a.sent();
+                    _a.label = 3;
+                case 3:
+                    ReactDOM.render(React.createElement(plugin_1.Plugin, { plugin: ctx }), target);
+                    return [2 /*return*/, ctx];
+            }
+        });
+    });
 }
-exports.createPluginUI = createPluginUI;
 exports.DefaultParams = {
     moleculeId: undefined,
     superposition: undefined,