@jbrowse/plugin-linear-genome-view 2.1.0 → 2.1.2

package/dist/BaseLinearDisplay/models/BaseLinearDisplayModel.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -33,137 +22,54 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __values = (this && this.__values) || function(o) {
-    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-    if (m) return m.call(o);
-    if (o && typeof o.length === "number") return {
-        next: function () {
-            if (o && i >= o.length) o = void 0;
-            return { value: o && o[i++], done: !o };
-        }
-    };
-    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BaseLinearDisplay = void 0;
 /* eslint-disable @typescript-eslint/no-explicit-any */
-var react_1 = __importDefault(require("react"));
-var material_1 = require("@mui/material");
-var models_1 = require("@jbrowse/core/pluggableElementTypes/models");
-var configuration_1 = require("@jbrowse/core/configuration");
-var util_1 = require("@jbrowse/core/util");
-var compositeMap_1 = __importDefault(require("@jbrowse/core/util/compositeMap"));
-var simpleFeature_1 = require("@jbrowse/core/util/simpleFeature");
-var tracks_1 = require("@jbrowse/core/util/tracks");
-var mobx_1 = require("mobx");
-var mobx_state_tree_1 = require("mobx-state-tree");
+const react_1 = __importDefault(require("react"));
+const material_1 = require("@mui/material");
+const models_1 = require("@jbrowse/core/pluggableElementTypes/models");
+const configuration_1 = require("@jbrowse/core/configuration");
+const util_1 = require("@jbrowse/core/util");
+const compositeMap_1 = __importDefault(require("@jbrowse/core/util/compositeMap"));
+const simpleFeature_1 = require("@jbrowse/core/util/simpleFeature");
+const tracks_1 = require("@jbrowse/core/util/tracks");
+const mobx_1 = require("mobx");
+const mobx_state_tree_1 = require("mobx-state-tree");
 // icons
-var MenuOpen_1 = __importDefault(require("@mui/icons-material/MenuOpen"));
-var BaseLinearDisplay_1 = require("../components/BaseLinearDisplay");
-var serverSideRenderedBlock_1 = __importStar(require("./serverSideRenderedBlock"));
+const MenuOpen_1 = __importDefault(require("@mui/icons-material/MenuOpen"));
+const BaseLinearDisplay_1 = require("../components/BaseLinearDisplay");
+const serverSideRenderedBlock_1 = __importStar(require("./serverSideRenderedBlock"));
 // stabilize clipid under test for snapshot
 function getId(id, index) {
-    var isJest = typeof jest === 'undefined';
-    return "clip-".concat(isJest ? id : 'jest', "-").concat(index);
+    const isJest = typeof jest === 'undefined';
+    return `clip-${isJest ? id : 'jest'}-${index}`;
 }
 function getDisplayStr(totalBytes) {
-    var displayBp;
+    let displayBp;
     if (Math.floor(totalBytes / 1000000) > 0) {
-        displayBp = "".concat(parseFloat((totalBytes / 1000000).toPrecision(3)), " Mb");
+        displayBp = `${parseFloat((totalBytes / 1000000).toPrecision(3))} Mb`;
     }
     else if (Math.floor(totalBytes / 1000) > 0) {
-        displayBp = "".concat(parseFloat((totalBytes / 1000).toPrecision(3)), " Kb");
+        displayBp = `${parseFloat((totalBytes / 1000).toPrecision(3))} Kb`;
     }
     else {
-        displayBp = "".concat(Math.floor(totalBytes), " bytes");
+        displayBp = `${Math.floor(totalBytes)} bytes`;
     }
     return displayBp;
 }
-var minDisplayHeight = 20;
-var defaultDisplayHeight = 100;
+const minDisplayHeight = 20;
+const defaultDisplayHeight = 100;
 exports.BaseLinearDisplay = mobx_state_tree_1.types
     .compose('BaseLinearDisplay', models_1.BaseDisplay, mobx_state_tree_1.types.model({
-    height: mobx_state_tree_1.types.optional(mobx_state_tree_1.types.refinement('displayHeight', mobx_state_tree_1.types.number, function (n) { return n >= minDisplayHeight; }), defaultDisplayHeight),
+    height: mobx_state_tree_1.types.optional(mobx_state_tree_1.types.refinement('displayHeight', mobx_state_tree_1.types.number, n => n >= minDisplayHeight), defaultDisplayHeight),
     blockState: mobx_state_tree_1.types.map(serverSideRenderedBlock_1.default),
     userBpPerPxLimit: mobx_state_tree_1.types.maybe(mobx_state_tree_1.types.number),
     userByteSizeLimit: mobx_state_tree_1.types.maybe(mobx_state_tree_1.types.number),
 }))
-    .volatile(function () { return ({
+    .volatile(() => ({
     currBpPerPx: 0,
     message: '',
     featureIdUnderMouse: undefined,
@@ -171,21 +77,21 @@ exports.BaseLinearDisplay = mobx_state_tree_1.types
     scrollTop: 0,
     estimatedRegionStatsP: undefined,
     estimatedRegionStats: undefined,
-}); })
-    .views(function (self) { return ({
+}))
+    .views(self => ({
     get blockType() {
         return 'staticBlocks';
     },
     get blockDefinitions() {
-        var blockType = this.blockType;
-        var view = (0, util_1.getContainingView)(self);
+        const { blockType } = this;
+        const view = (0, util_1.getContainingView)(self);
         if (!view.initialized) {
             throw new Error('view not initialized yet');
         }
         return view[blockType];
     },
-}); })
-    .views(function (self) { return ({
+}))
+    .views(self => ({
     /**
      * how many milliseconds to wait for the display to
      * "settle" before re-rendering a block
@@ -202,7 +108,7 @@ exports.BaseLinearDisplay = mobx_state_tree_1.types
      */
     get selectedFeatureId() {
         if ((0, mobx_state_tree_1.isAlive)(self)) {
-            var selection = (0, util_1.getSession)(self).selection;
+            const { selection } = (0, util_1.getSession)(self);
             // does it quack like a feature?
             if ((0, simpleFeature_1.isFeature)(selection)) {
                 return selection.id();
@@ -217,50 +123,39 @@ exports.BaseLinearDisplay = mobx_state_tree_1.types
     get DisplayMessageComponent() {
         return undefined;
     },
-}); })
-    .views(function (self) { return ({
+}))
+    .views(self => ({
     /**
      * a CompositeMap of `featureId -> feature obj` that
      * just looks in all the block data for that feature
      */
     get features() {
-        var e_1, _a;
-        var featureMaps = [];
-        try {
-            for (var _b = __values(self.blockState.values()), _c = _b.next(); !_c.done; _c = _b.next()) {
-                var block = _c.value;
-                if (block && block.features) {
-                    featureMaps.push(block.features);
-                }
+        const featureMaps = [];
+        for (const block of self.blockState.values()) {
+            if (block && block.features) {
+                featureMaps.push(block.features);
             }
         }
-        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; }
-        }
         return new compositeMap_1.default(featureMaps);
     },
     get featureUnderMouse() {
-        var feat = self.featureIdUnderMouse;
+        const feat = self.featureIdUnderMouse;
         return feat ? this.features.get(feat) : undefined;
     },
-    getFeatureOverlapping: function (blockKey, x, y) {
+    getFeatureOverlapping(blockKey, x, y) {
         var _a, _b;
         return (_b = (_a = self.blockState.get(blockKey)) === null || _a === void 0 ? void 0 : _a.layout) === null || _b === void 0 ? void 0 : _b.getByCoord(x, y);
     },
-    getFeatureByID: function (blockKey, id) {
+    getFeatureByID(blockKey, id) {
         var _a, _b;
         return (_b = (_a = self.blockState.get(blockKey)) === null || _a === void 0 ? void 0 : _a.layout) === null || _b === void 0 ? void 0 : _b.getByID(id);
     },
     // if block key is not supplied, can look at all blocks
-    searchFeatureByID: function (id) {
-        var ret;
-        self.blockState.forEach(function (block) {
+    searchFeatureByID(id) {
+        let ret;
+        self.blockState.forEach(block => {
             var _a;
-            var val = (_a = block === null || block === void 0 ? void 0 : block.layout) === null || _a === void 0 ? void 0 : _a.getByID(id);
+            const val = (_a = block === null || block === void 0 ? void 0 : block.layout) === null || _a === void 0 ? void 0 : _a.getByID(id);
             if (val) {
                 ret = val;
             }
@@ -273,7 +168,7 @@ exports.BaseLinearDisplay = mobx_state_tree_1.types
     },
     get currentFeatureScreenDensity() {
         var _a;
-        var view = (0, util_1.getContainingView)(self);
+        const view = (0, util_1.getContainingView)(self);
         return (((_a = self.estimatedRegionStats) === null || _a === void 0 ? void 0 : _a.featureDensity) || 0) * view.bpPerPx;
     },
     get maxFeatureScreenDensity() {
@@ -288,73 +183,77 @@ exports.BaseLinearDisplay = mobx_state_tree_1.types
             ((_a = self.estimatedRegionStats) === null || _a === void 0 ? void 0 : _a.fetchSizeLimit) ||
             (0, configuration_1.getConf)(self, 'fetchSizeLimit'));
     },
-}); })
-    .actions(function (self) { return ({
+}))
+    .actions(self => ({
     // base display reload does nothing, see specialized displays for details
-    setMessage: function (message) {
+    setMessage(message) {
         self.message = message;
     },
-    afterAttach: function () {
-        var _this = this;
+    afterAttach() {
         // watch the parent's blocks to update our block state when they change,
         // then we recreate the blocks on our own model (creating and deleting to
         // match the parent blocks)
-        var blockWatchDisposer = (0, mobx_1.autorun)(function () {
-            var blocksPresent = {};
-            var view = (0, util_1.getContainingView)(self);
+        const blockWatchDisposer = (0, mobx_1.autorun)(() => {
+            const blocksPresent = {};
+            const view = (0, util_1.getContainingView)(self);
             if (view.initialized) {
-                self.blockDefinitions.contentBlocks.forEach(function (block) {
+                self.blockDefinitions.contentBlocks.forEach(block => {
                     blocksPresent[block.key] = true;
                     if (!self.blockState.has(block.key)) {
-                        _this.addBlock(block.key, block);
+                        this.addBlock(block.key, block);
                     }
                 });
-                self.blockState.forEach(function (_, key) {
+                self.blockState.forEach((_, key) => {
                     if (!blocksPresent[key]) {
-                        _this.deleteBlock(key);
+                        this.deleteBlock(key);
                     }
                 });
             }
         });
         (0, mobx_state_tree_1.addDisposer)(self, blockWatchDisposer);
     },
-    estimateRegionsStats: function (regions, opts) {
-        var _this = this;
+    estimateRegionsStats(regions, opts) {
         if (self.estimatedRegionStatsP) {
             return self.estimatedRegionStatsP;
         }
-        var rpcManager = (0, util_1.getSession)(self).rpcManager;
-        var adapterConfig = self.adapterConfig;
+        const { rpcManager } = (0, util_1.getSession)(self);
+        const { adapterConfig } = self;
         if (!adapterConfig) {
             // A track extending the base track might not have an adapter config
             // e.g. Apollo tracks don't use adapters
             return Promise.resolve({});
         }
-        var sessionId = (0, tracks_1.getRpcSessionId)(self);
-        var params = __assign({ sessionId: sessionId, regions: regions, adapterConfig: adapterConfig, statusCallback: function (message) {
+        const sessionId = (0, tracks_1.getRpcSessionId)(self);
+        const params = {
+            sessionId,
+            regions,
+            adapterConfig,
+            statusCallback: (message) => {
                 if ((0, mobx_state_tree_1.isAlive)(self)) {
-                    _this.setMessage(message);
+                    this.setMessage(message);
                 }
-            } }, opts);
+            },
+            ...opts,
+        };
         self.estimatedRegionStatsP = rpcManager
             .call(sessionId, 'CoreEstimateRegionStats', params)
-            .catch(function (e) {
-            _this.setRegionStatsP(undefined);
+            .catch(e => {
+            this.setRegionStatsP(undefined);
             throw e;
         });
         return self.estimatedRegionStatsP;
     },
-    setRegionStatsP: function (p) {
+    setRegionStatsP(p) {
         self.estimatedRegionStatsP = p;
     },
-    setRegionStats: function (estimatedRegionStats) {
+    setRegionStats(estimatedRegionStats) {
         self.estimatedRegionStats = estimatedRegionStats;
     },
-    clearRegionStats: function () {
+    clearRegionStats() {
         self.estimatedRegionStatsP = undefined;
         self.estimatedRegionStats = undefined;
     },
-    setHeight: function (displayHeight) {
+    setHeight(displayHeight) {
         if (displayHeight > minDisplayHeight) {
             self.height = displayHeight;
         }
@@ -363,16 +262,16 @@ exports.BaseLinearDisplay = mobx_state_tree_1.types
         }
         return self.height;
     },
-    resizeHeight: function (distance) {
-        var oldHeight = self.height;
-        var newHeight = this.setHeight(self.height + distance);
+    resizeHeight(distance) {
+        const oldHeight = self.height;
+        const newHeight = this.setHeight(self.height + distance);
         return newHeight - oldHeight;
     },
-    setScrollTop: function (scrollTop) {
+    setScrollTop(scrollTop) {
         self.scrollTop = scrollTop;
     },
-    updateStatsLimit: function (stats) {
-        var view = (0, util_1.getContainingView)(self);
+    updateStatsLimit(stats) {
+        const view = (0, util_1.getContainingView)(self);
         if (stats.bytes) {
             self.userByteSizeLimit = stats.bytes;
         }
@@ -380,22 +279,22 @@ exports.BaseLinearDisplay = mobx_state_tree_1.types
             self.userBpPerPxLimit = view.bpPerPx;
         }
     },
-    addBlock: function (key, block) {
+    addBlock(key, block) {
         self.blockState.set(key, serverSideRenderedBlock_1.default.create({
-            key: key,
+            key,
             region: block.toRegion(),
         }));
     },
-    setCurrBpPerPx: function (n) {
+    setCurrBpPerPx(n) {
         self.currBpPerPx = n;
     },
-    deleteBlock: function (key) {
+    deleteBlock(key) {
         self.blockState.delete(key);
     },
-    selectFeature: function (feature) {
-        var session = (0, util_1.getSession)(self);
+    selectFeature(feature) {
+        const session = (0, util_1.getSession)(self);
         if ((0, util_1.isSessionModelWithWidgets)(session)) {
-            var featureWidget = session.addWidget('BaseFeatureWidget', 'baseFeature', {
+            const featureWidget = session.addWidget('BaseFeatureWidget', 'baseFeature', {
                 view: (0, util_1.getContainingView)(self),
                 track: (0, util_1.getContainingTrack)(self),
                 featureData: feature.toJSON(),
@@ -406,32 +305,32 @@ exports.BaseLinearDisplay = mobx_state_tree_1.types
             session.setSelection(feature);
         }
     },
-    clearFeatureSelection: function () {
-        var session = (0, util_1.getSession)(self);
+    clearFeatureSelection() {
+        const session = (0, util_1.getSession)(self);
         session.clearSelection();
     },
-    setFeatureIdUnderMouse: function (feature) {
+    setFeatureIdUnderMouse(feature) {
         self.featureIdUnderMouse = feature;
     },
-    reload: function () {
+    reload() {
         ;
-        __spreadArray([], __read(self.blockState.values()), false).map(function (val) { return val.doReload(); });
+        [...self.blockState.values()].map(val => val.doReload());
     },
-    setContextMenuFeature: function (feature) {
+    setContextMenuFeature(feature) {
         self.contextMenuFeature = feature;
     },
-}); })
-    .views(function (self) { return ({
+}))
+    .views(self => ({
     // region is too large if:
     // - stats are ready
     // - region is greater than 20kb (don't warn when zoomed in less than that)
     // - and bytes > max allowed bytes || curr density>max density
     get regionTooLarge() {
-        var view = (0, util_1.getContainingView)(self);
+        const view = (0, util_1.getContainingView)(self);
         if (!self.estimatedStatsReady || view.dynamicBlocks.totalBp < 20000) {
             return false;
         }
-        var bpLimitOrDensity = self.userBpPerPxLimit
+        const bpLimitOrDensity = self.userBpPerPxLimit
             ? view.bpPerPx > self.userBpPerPxLimit
             : self.currentFeatureScreenDensity > self.maxFeatureScreenDensity;
         return (self.currentBytesRequested > self.maxAllowableBytes || bpLimitOrDensity);
@@ -439,115 +338,90 @@ exports.BaseLinearDisplay = mobx_state_tree_1.types
     // only shows a message of bytes requested is defined, the feature density
     // based stats don't produce any helpful message besides to zoom in
     get regionTooLargeReason() {
-        var req = self.currentBytesRequested;
-        var max = self.maxAllowableBytes;
+        const req = self.currentBytesRequested;
+        const max = self.maxAllowableBytes;
         return req && req > max
-            ? "Requested too much data (".concat(getDisplayStr(req), ")")
+            ? `Requested too much data (${getDisplayStr(req)})`
             : '';
     },
-}); })
-    .actions(function (self) {
-    var superReload = self.reload;
+}))
+    .actions(self => {
+    const { reload: superReload } = self;
     return {
-        reload: function () {
-            return __awaiter(this, void 0, void 0, function () {
-                var aborter, view, estimatedRegionStats, e_2;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            self.setError();
-                            aborter = new AbortController();
-                            view = (0, util_1.getContainingView)(self);
-                            // extra check for contentBlocks.length
-                            // https://github.com/GMOD/jbrowse-components/issues/2694
-                            if (!view.initialized || !view.staticBlocks.contentBlocks.length) {
-                                return [2 /*return*/];
-                            }
-                            _a.label = 1;
-                        case 1:
-                            _a.trys.push([1, 3, , 4]);
-                            self.estimatedRegionStatsP = self.estimateRegionsStats(view.staticBlocks.contentBlocks, { signal: aborter.signal });
-                            return [4 /*yield*/, self.estimatedRegionStatsP];
-                        case 2:
-                            estimatedRegionStats = _a.sent();
-                            if ((0, mobx_state_tree_1.isAlive)(self)) {
-                                self.setRegionStats(estimatedRegionStats);
-                                superReload();
-                            }
-                            else {
-                                return [2 /*return*/];
-                            }
-                            return [3 /*break*/, 4];
-                        case 3:
-                            e_2 = _a.sent();
-                            console.error(e_2);
-                            self.setError(e_2);
-                            return [3 /*break*/, 4];
-                        case 4: return [2 /*return*/];
-                    }
-                });
-            });
+        async reload() {
+            self.setError();
+            const aborter = new AbortController();
+            const view = (0, util_1.getContainingView)(self);
+            // extra check for contentBlocks.length
+            // https://github.com/GMOD/jbrowse-components/issues/2694
+            if (!view.initialized || !view.staticBlocks.contentBlocks.length) {
+                return;
+            }
+            try {
+                self.estimatedRegionStatsP = self.estimateRegionsStats(view.staticBlocks.contentBlocks, { signal: aborter.signal });
+                const estimatedRegionStats = await self.estimatedRegionStatsP;
+                if ((0, mobx_state_tree_1.isAlive)(self)) {
+                    self.setRegionStats(estimatedRegionStats);
+                    superReload();
+                }
+                else {
+                    return;
+                }
+            }
+            catch (e) {
+                console.error(e);
+                self.setError(e);
+            }
         },
-        afterAttach: function () {
-            var _this = this;
+        afterAttach() {
             // this autorun performs stats estimation
             //
             // the chain of events calls estimateRegionsStats against the data
             // adapter which by default uses featureDensity, but can also respond
             // with a byte size estimate and fetch size limit (data adapter can
             // define what is too much data)
-            (0, mobx_state_tree_1.addDisposer)(self, (0, mobx_1.autorun)(function () { return __awaiter(_this, void 0, void 0, function () {
-                var aborter, view, statsP, estimatedRegionStats, e_3;
+            (0, mobx_state_tree_1.addDisposer)(self, (0, mobx_1.autorun)(async () => {
                 var _a;
-                return __generator(this, function (_b) {
-                    switch (_b.label) {
-                        case 0:
-                            _b.trys.push([0, 2, , 3]);
-                            aborter = new AbortController();
-                            view = (0, util_1.getContainingView)(self);
-                            // extra check for contentBlocks.length
-                            // https://github.com/GMOD/jbrowse-components/issues/2694
-                            if (!view.initialized ||
-                                !view.staticBlocks.contentBlocks.length) {
-                                return [2 /*return*/];
-                            }
-                            // don't re-estimate featureDensity even if zoom level changes,
-                            // jbrowse1-style assume it's sort of representative
-                            if (((_a = self.estimatedRegionStats) === null || _a === void 0 ? void 0 : _a.featureDensity) !== undefined) {
-                                self.setCurrBpPerPx(view.bpPerPx);
-                                return [2 /*return*/];
-                            }
-                            // we estimate stats once at a given zoom level
-                            if (view.bpPerPx === self.currBpPerPx) {
-                                return [2 /*return*/];
-                            }
-                            self.clearRegionStats();
-                            self.setCurrBpPerPx(view.bpPerPx);
-                            statsP = self.estimateRegionsStats(view.staticBlocks.contentBlocks, { signal: aborter.signal });
-                            self.setRegionStatsP(statsP);
-                            return [4 /*yield*/, statsP];
-                        case 1:
-                            estimatedRegionStats = _b.sent();
-                            if ((0, mobx_state_tree_1.isAlive)(self)) {
-                                self.setRegionStats(estimatedRegionStats);
-                            }
-                            return [3 /*break*/, 3];
-                        case 2:
-                            e_3 = _b.sent();
-                            if (!(0, util_1.isAbortException)(e_3) && (0, mobx_state_tree_1.isAlive)(self)) {
-                                console.error(e_3);
-                                self.setError(e_3);
-                            }
-                            return [3 /*break*/, 3];
-                        case 3: return [2 /*return*/];
+                try {
+                    const aborter = new AbortController();
+                    const view = (0, util_1.getContainingView)(self);
+                    // extra check for contentBlocks.length
+                    // https://github.com/GMOD/jbrowse-components/issues/2694
+                    if (!view.initialized ||
+                        !view.staticBlocks.contentBlocks.length) {
+                        return;
                     }
-                });
-            }); }, { delay: 500 }));
+                    // don't re-estimate featureDensity even if zoom level changes,
+                    // jbrowse1-style assume it's sort of representative
+                    if (((_a = self.estimatedRegionStats) === null || _a === void 0 ? void 0 : _a.featureDensity) !== undefined) {
+                        self.setCurrBpPerPx(view.bpPerPx);
+                        return;
+                    }
+                    // we estimate stats once at a given zoom level
+                    if (view.bpPerPx === self.currBpPerPx) {
+                        return;
+                    }
+                    self.clearRegionStats();
+                    self.setCurrBpPerPx(view.bpPerPx);
+                    const statsP = self.estimateRegionsStats(view.staticBlocks.contentBlocks, { signal: aborter.signal });
+                    self.setRegionStatsP(statsP);
+                    const estimatedRegionStats = await statsP;
+                    if ((0, mobx_state_tree_1.isAlive)(self)) {
+                        self.setRegionStats(estimatedRegionStats);
+                    }
+                }
+                catch (e) {
+                    if (!(0, util_1.isAbortException)(e) && (0, mobx_state_tree_1.isAlive)(self)) {
+                        console.error(e);
+                        self.setError(e);
+                    }
+                }
+            }, { delay: 500 }));
         },
     };
 })
-    .views(function (self) { return ({
-    regionCannotBeRenderedText: function (_region) {
+    .views(self => ({
+    regionCannotBeRenderedText(_region) {
         return self.regionTooLarge ? 'Force load to see features' : '';
     },
     /**
@@ -557,15 +431,15 @@ exports.BaseLinearDisplay = mobx_state_tree_1.types
      *  string of text describes why it cannot be rendered
      *  react node allows user to force load at current setting
      */
-    regionCannotBeRendered: function (_region) {
-        var regionTooLarge = self.regionTooLarge, regionTooLargeReason = self.regionTooLargeReason;
+    regionCannotBeRendered(_region) {
+        const { regionTooLarge, regionTooLargeReason } = self;
         if (regionTooLarge) {
             return (react_1.default.createElement(react_1.default.Fragment, null,
                 react_1.default.createElement(material_1.Typography, { component: "span", variant: "body2" },
                     regionTooLargeReason ? regionTooLargeReason + '. ' : '',
                     "Zoom in to see features or",
                     ' '),
-                react_1.default.createElement(material_1.Button, { "data-testid": "force_reload_button", onClick: function () {
+                react_1.default.createElement(material_1.Button, { "data-testid": "force_reload_button", onClick: () => {
                         if (!self.estimatedRegionStats) {
                             console.error('No global stats?');
                         }
@@ -578,16 +452,16 @@ exports.BaseLinearDisplay = mobx_state_tree_1.types
         }
         return undefined;
     },
-    trackMenuItems: function () {
+    trackMenuItems() {
         return [];
     },
-    contextMenuItems: function () {
+    contextMenuItems() {
         return self.contextMenuFeature
             ? [
                 {
                     label: 'Open feature details',
                     icon: MenuOpen_1.default,
-                    onClick: function () {
+                    onClick: () => {
                         if (self.contextMenuFeature) {
                             self.selectFeature(self.contextMenuFeature);
                         }
@@ -596,25 +470,31 @@ exports.BaseLinearDisplay = mobx_state_tree_1.types
             ]
             : [];
     },
-    renderProps: function () {
-        var view = (0, util_1.getContainingView)(self);
-        return __assign(__assign({}, (0, tracks_1.getParentRenderProps)(self)), { notReady: self.currBpPerPx !== view.bpPerPx || !self.estimatedRegionStats, rpcDriverName: self.rpcDriverName, displayModel: self, onFeatureClick: function (_, featureId) {
-                var f = featureId || self.featureIdUnderMouse;
+    renderProps() {
+        const view = (0, util_1.getContainingView)(self);
+        return {
+            ...(0, tracks_1.getParentRenderProps)(self),
+            notReady: self.currBpPerPx !== view.bpPerPx || !self.estimatedRegionStats,
+            rpcDriverName: self.rpcDriverName,
+            displayModel: self,
+            onFeatureClick(_, featureId) {
+                const f = featureId || self.featureIdUnderMouse;
                 if (!f) {
                     self.clearFeatureSelection();
                 }
                 else {
-                    var feature = self.features.get(f);
+                    const feature = self.features.get(f);
                     if (feature) {
                         self.selectFeature(feature);
                     }
                 }
-            }, onClick: function () {
+            },
+            onClick() {
                 self.clearFeatureSelection();
-            }, 
+            },
             // similar to click but opens a menu with further options
-            onFeatureContextMenu: function (_, featureId) {
-                var f = featureId || self.featureIdUnderMouse;
+            onFeatureContextMenu(_, featureId) {
+                const f = featureId || self.featureIdUnderMouse;
                 if (!f) {
                     self.clearFeatureSelection();
                 }
@@ -622,70 +502,69 @@ exports.BaseLinearDisplay = mobx_state_tree_1.types
                     // feature id under mouse passed to context menu
                     self.setContextMenuFeature(self.features.get(f));
                 }
-            }, onMouseMove: function (_, featureId) {
+            },
+            onMouseMove(_, featureId) {
                 self.setFeatureIdUnderMouse(featureId);
-            }, onMouseLeave: function (_) {
+            },
+            onMouseLeave(_) {
                 self.setFeatureIdUnderMouse(undefined);
-            }, onContextMenu: function () {
+            },
+            onContextMenu() {
                 self.setContextMenuFeature(undefined);
                 self.clearFeatureSelection();
-            } });
-    },
-}); })
-    .actions(function (self) { return ({
-    renderSvg: function (opts) {
-        return __awaiter(this, void 0, void 0, function () {
-            var height, id, overrideHeight, view, viewOffsetPx, roundedDynamicBlocks, width, renderings;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        height = self.height, id = self.id;
-                        overrideHeight = opts.overrideHeight;
-                        view = (0, util_1.getContainingView)(self);
-                        viewOffsetPx = view.offsetPx, roundedDynamicBlocks = view.roundedDynamicBlocks, width = view.width;
-                        return [4 /*yield*/, Promise.all(roundedDynamicBlocks.map(function (block) {
-                                var blockState = serverSideRenderedBlock_1.default.create({
-                                    key: block.key,
-                                    region: block,
-                                });
-                                // regionCannotBeRendered can return jsx so look for plaintext
-                                // version, or just get the default if none available
-                                var cannotBeRenderedReason = self.regionCannotBeRenderedText(block) ||
-                                    self.regionCannotBeRendered(block);
-                                if (cannotBeRenderedReason) {
-                                    return {
-                                        reactElement: (react_1.default.createElement(react_1.default.Fragment, null,
-                                            react_1.default.createElement("rect", { x: 0, y: 0, width: width, height: 20, fill: "#aaa" }),
-                                            react_1.default.createElement("text", { x: 0, y: 15 }, cannotBeRenderedReason))),
-                                    };
-                                }
-                                var _a = (0, serverSideRenderedBlock_1.renderBlockData)(blockState, self), rpcManager = _a.rpcManager, renderArgs = _a.renderArgs, renderProps = _a.renderProps, rendererType = _a.rendererType;
-                                return rendererType.renderInClient(rpcManager, __assign(__assign(__assign({}, renderArgs), renderProps), { viewParams: (0, util_1.getViewParams)(self, true), exportSVG: opts }));
-                            }))];
-                    case 1:
-                        renderings = _a.sent();
-                        return [2 /*return*/, (react_1.default.createElement(react_1.default.Fragment, null, renderings.map(function (rendering, index) {
-                                var offsetPx = roundedDynamicBlocks[index].offsetPx;
-                                var offset = offsetPx - viewOffsetPx;
-                                var clipid = getId(id, index);
-                                return (react_1.default.createElement(react_1.default.Fragment, { key: "frag-".concat(index) },
-                                    react_1.default.createElement("defs", null,
-                                        react_1.default.createElement("clipPath", { id: clipid },
-                                            react_1.default.createElement("rect", { x: 0, y: 0, width: width, height: overrideHeight || height }))),
-                                    react_1.default.createElement("g", { transform: "translate(".concat(offset, " 0)") },
-                                        react_1.default.createElement("g", { clipPath: "url(#".concat(clipid, ")") }, react_1.default.isValidElement(rendering.reactElement) ? (rendering.reactElement) : (
-                                        // eslint-disable-next-line react/no-danger
-                                        react_1.default.createElement("g", { dangerouslySetInnerHTML: { __html: rendering.html } }))))));
-                            })))];
-                }
+            },
+        };
+    },
+}))
+    .actions(self => ({
+    async renderSvg(opts) {
+        const { height, id } = self;
+        const { overrideHeight } = opts;
+        const view = (0, util_1.getContainingView)(self);
+        const { offsetPx: viewOffsetPx, roundedDynamicBlocks, width } = view;
+        const renderings = await Promise.all(roundedDynamicBlocks.map(block => {
+            const blockState = serverSideRenderedBlock_1.default.create({
+                key: block.key,
+                region: block,
             });
-        });
+            // regionCannotBeRendered can return jsx so look for plaintext
+            // version, or just get the default if none available
+            const cannotBeRenderedReason = self.regionCannotBeRenderedText(block) ||
+                self.regionCannotBeRendered(block);
+            if (cannotBeRenderedReason) {
+                return {
+                    reactElement: (react_1.default.createElement(react_1.default.Fragment, null,
+                        react_1.default.createElement("rect", { x: 0, y: 0, width: width, height: 20, fill: "#aaa" }),
+                        react_1.default.createElement("text", { x: 0, y: 15 }, cannotBeRenderedReason))),
+                };
+            }
+            const { rpcManager, renderArgs, renderProps, rendererType } = (0, serverSideRenderedBlock_1.renderBlockData)(blockState, self);
+            return rendererType.renderInClient(rpcManager, {
+                ...renderArgs,
+                ...renderProps,
+                viewParams: (0, util_1.getViewParams)(self, true),
+                exportSVG: opts,
+            });
+        }));
+        return (react_1.default.createElement(react_1.default.Fragment, null, renderings.map((rendering, index) => {
+            const { offsetPx } = roundedDynamicBlocks[index];
+            const offset = offsetPx - viewOffsetPx;
+            const clipid = getId(id, index);
+            return (react_1.default.createElement(react_1.default.Fragment, { key: `frag-${index}` },
+                react_1.default.createElement("defs", null,
+                    react_1.default.createElement("clipPath", { id: clipid },
+                        react_1.default.createElement("rect", { x: 0, y: 0, width: width, height: overrideHeight || height }))),
+                react_1.default.createElement("g", { transform: `translate(${offset} 0)` },
+                    react_1.default.createElement("g", { clipPath: `url(#${clipid})` }, react_1.default.isValidElement(rendering.reactElement) ? (rendering.reactElement) : (
+                    // eslint-disable-next-line react/no-danger
+                    react_1.default.createElement("g", { dangerouslySetInnerHTML: { __html: rendering.html } }))))));
+        })));
     },
-}); })
-    .postProcessSnapshot(function (self) {
+}))
+    .postProcessSnapshot(self => {
     // xref https://github.com/mobxjs/mobx-state-tree/issues/1524 for Omit
-    var r = self;
-    var blockState = r.blockState, rest = __rest(r, ["blockState"]);
+    const r = self;
+    const { blockState, ...rest } = r;
     return rest;
 });
 //# sourceMappingURL=BaseLinearDisplayModel.js.map