@jbrowse/core 2.0.1 → 2.1.0

package/util/Base1DViewModel.js

@@ -1,186 +1,142 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _mobxStateTree = require("mobx-state-tree");
-
-var _index = require("./index");
-
-var _mst = require("./types/mst");
-
-var _calculateDynamicBlocks = _interopRequireDefault(require("./calculateDynamicBlocks"));
-
-var _calculateStaticBlocks = _interopRequireDefault(require("./calculateStaticBlocks"));
-
-var _Base1DUtils = require("./Base1DUtils");
-
-var Base1DView = _mobxStateTree.types.model('Base1DView', {
-  id: _mst.ElementId,
-  displayedRegions: _mobxStateTree.types.array(_mst.Region),
-  bpPerPx: 0,
-  offsetPx: 0,
-  interRegionPaddingWidth: _mobxStateTree.types.optional(_mobxStateTree.types.number, 0),
-  minimumBlockWidth: _mobxStateTree.types.optional(_mobxStateTree.types.number, 0)
-}).volatile(function () {
-  return {
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const mobx_state_tree_1 = require("mobx-state-tree");
+const index_1 = require("./index");
+const mst_1 = require("./types/mst");
+const calculateDynamicBlocks_1 = __importDefault(require("./calculateDynamicBlocks"));
+const calculateStaticBlocks_1 = __importDefault(require("./calculateStaticBlocks"));
+const Base1DUtils_1 = require("./Base1DUtils");
+const Base1DView = mobx_state_tree_1.types
+    .model('Base1DView', {
+    id: mst_1.ElementId,
+    displayedRegions: mobx_state_tree_1.types.array(mst_1.Region),
+    bpPerPx: 0,
+    offsetPx: 0,
+    interRegionPaddingWidth: mobx_state_tree_1.types.optional(mobx_state_tree_1.types.number, 0),
+    minimumBlockWidth: mobx_state_tree_1.types.optional(mobx_state_tree_1.types.number, 0),
+})
+    .volatile(() => ({
     features: undefined,
-    volatileWidth: 0
-  };
-}).actions(function (self) {
-  return {
-    setDisplayedRegions: function setDisplayedRegions(regions) {
-      self.displayedRegions = (0, _mobxStateTree.cast)(regions);
-    },
-    setBpPerPx: function setBpPerPx(val) {
-      self.bpPerPx = val;
-    },
-    setVolatileWidth: function setVolatileWidth(width) {
-      self.volatileWidth = width;
-    }
-  };
-}).views(function (self) {
-  return {
+    volatileWidth: 0,
+}))
+    .actions(self => ({
+    setDisplayedRegions(regions) {
+        self.displayedRegions = (0, mobx_state_tree_1.cast)(regions);
+    },
+    setBpPerPx(val) {
+        self.bpPerPx = val;
+    },
+    setVolatileWidth(width) {
+        self.volatileWidth = width;
+    },
+}))
+    .views(self => ({
     get width() {
-      return self.volatileWidth;
+        return self.volatileWidth;
     },
-
     get assemblyNames() {
-      return (0, _toConsumableArray2.default)(new Set(self.displayedRegions.map(function (region) {
-        return region.assemblyName;
-      })));
+        return [
+            ...new Set(self.displayedRegions.map(region => region.assemblyName)),
+        ];
     },
-
     get displayedRegionsTotalPx() {
-      return this.totalBp / self.bpPerPx;
+        return this.totalBp / self.bpPerPx;
     },
-
     get maxOffset() {
-      // objectively determined to keep the linear genome on the main screen
-      var leftPadding = 10;
-      return this.displayedRegionsTotalPx - leftPadding;
+        // objectively determined to keep the linear genome on the main screen
+        const leftPadding = 10;
+        return this.displayedRegionsTotalPx - leftPadding;
     },
-
     get minOffset() {
-      // objectively determined to keep the linear genome on the main screen
-      var rightPadding = 30;
-      return -this.width + rightPadding;
+        // objectively determined to keep the linear genome on the main screen
+        const rightPadding = 30;
+        return -this.width + rightPadding;
     },
-
     get totalBp() {
-      return self.displayedRegions.map(function (a) {
-        return a.end - a.start;
-      }).reduce(function (a, b) {
-        return a + b;
-      }, 0);
-    }
-
-  };
-}).views(function (self) {
-  return {
+        return self.displayedRegions
+            .map(a => a.end - a.start)
+            .reduce((a, b) => a + b, 0);
+    },
+}))
+    .views(self => ({
     get dynamicBlocks() {
-      return (0, _calculateDynamicBlocks.default)(self);
+        return (0, calculateDynamicBlocks_1.default)(self);
     },
-
     get staticBlocks() {
-      return (0, _calculateStaticBlocks.default)(self);
+        return (0, calculateStaticBlocks_1.default)(self);
     },
-
     get currBp() {
-      return this.dynamicBlocks.map(function (a) {
-        return a.end - a.start;
-      }).reduce(function (a, b) {
-        return a + b;
-      }, 0);
-    }
-
-  };
-}).views(function (self) {
-  return {
-    pxToBp: function pxToBp(px) {
-      return (0, _Base1DUtils.pxToBp)(self, px);
-    },
-    bpToPx: function bpToPx(_ref) {
-      var _bpToPx2;
-
-      var refName = _ref.refName,
-          coord = _ref.coord,
-          regionNumber = _ref.regionNumber;
-      return (_bpToPx2 = (0, _Base1DUtils.bpToPx)({
-        refName: refName,
-        coord: coord,
-        regionNumber: regionNumber,
-        self: self
-      })) === null || _bpToPx2 === void 0 ? void 0 : _bpToPx2.offsetPx;
-    }
-  };
-}).actions(function (self) {
-  return {
-    setFeatures: function setFeatures(features) {
-      self.features = features;
+        return this.dynamicBlocks
+            .map(a => a.end - a.start)
+            .reduce((a, b) => a + b, 0);
     },
-    // this makes a zoomed out view that shows all displayedRegions
-    // that makes the overview bar square with the scale bar
-    showAllRegions: function showAllRegions() {
-      self.bpPerPx = self.totalBp / self.width;
-      self.offsetPx = 0;
+}))
+    .views(self => ({
+    pxToBp(px) {
+        return (0, Base1DUtils_1.pxToBp)(self, px);
     },
-    zoomOut: function zoomOut() {
-      this.zoomTo(self.bpPerPx * 2);
+    bpToPx({ refName, coord, regionNumber, }) {
+        var _a;
+        return (_a = (0, Base1DUtils_1.bpToPx)({ refName, coord, regionNumber, self })) === null || _a === void 0 ? void 0 : _a.offsetPx;
     },
-    zoomIn: function zoomIn() {
-      this.zoomTo(self.bpPerPx / 2);
+}))
+    .actions(self => ({
+    setFeatures(features) {
+        self.features = features;
     },
-    zoomTo: function zoomTo(newBpPerPx) {
-      var offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : self.width / 2;
-      var bpPerPx = newBpPerPx;
-
-      if (bpPerPx === self.bpPerPx) {
+    // this makes a zoomed out view that shows all displayedRegions
+    // that makes the overview bar square with the scale bar
+    showAllRegions() {
+        self.bpPerPx = self.totalBp / self.width;
+        self.offsetPx = 0;
+    },
+    zoomOut() {
+        this.zoomTo(self.bpPerPx * 2);
+    },
+    zoomIn() {
+        this.zoomTo(self.bpPerPx / 2);
+    },
+    zoomTo(newBpPerPx, offset = self.width / 2) {
+        const bpPerPx = newBpPerPx;
+        if (bpPerPx === self.bpPerPx) {
+            return self.bpPerPx;
+        }
+        const oldBpPerPx = self.bpPerPx;
+        self.bpPerPx = bpPerPx;
+        // tweak the offset so that the center of the view remains at the same coordinate
+        self.offsetPx = (0, index_1.clamp)(Math.round(((self.offsetPx + offset) * oldBpPerPx) / bpPerPx - offset), self.minOffset, self.maxOffset);
         return self.bpPerPx;
-      }
-
-      var oldBpPerPx = self.bpPerPx;
-      self.bpPerPx = bpPerPx; // tweak the offset so that the center of the view remains at the same coordinate
-
-      self.offsetPx = (0, _index.clamp)(Math.round((self.offsetPx + offset) * oldBpPerPx / bpPerPx - offset), self.minOffset, self.maxOffset);
-      return self.bpPerPx;
-    },
-    scrollTo: function scrollTo(offsetPx) {
-      var newOffsetPx = (0, _index.clamp)(offsetPx, self.minOffset, self.maxOffset);
-      self.offsetPx = newOffsetPx;
-      return newOffsetPx;
-    },
-    centerAt: function centerAt(coord, refName, regionNumber) {
-      if (!refName) {
-        return;
-      }
-
-      var centerPx = self.bpToPx({
-        refName: refName,
-        coord: coord,
-        regionNumber: regionNumber
-      });
-
-      if (centerPx) {
-        this.scrollTo(Math.round(centerPx - self.width / 2));
-      }
-    },
-    scroll: function scroll(distance) {
-      var oldOffsetPx = self.offsetPx; // the scroll is clamped to keep the linear genome on the main screen
-
-      var newOffsetPx = (0, _index.clamp)(self.offsetPx + distance, self.minOffset, self.maxOffset);
-      self.offsetPx = newOffsetPx;
-      return newOffsetPx - oldOffsetPx;
-    }
-  };
-}).actions(function (self) {
-  return {
+    },
+    scrollTo(offsetPx) {
+        const newOffsetPx = (0, index_1.clamp)(offsetPx, self.minOffset, self.maxOffset);
+        self.offsetPx = newOffsetPx;
+        return newOffsetPx;
+    },
+    centerAt(coord, refName, regionNumber) {
+        if (!refName) {
+            return;
+        }
+        const centerPx = self.bpToPx({
+            refName,
+            coord,
+            regionNumber,
+        });
+        if (centerPx) {
+            this.scrollTo(Math.round(centerPx - self.width / 2));
+        }
+    },
+    scroll(distance) {
+        const oldOffsetPx = self.offsetPx;
+        // the scroll is clamped to keep the linear genome on the main screen
+        const newOffsetPx = (0, index_1.clamp)(self.offsetPx + distance, self.minOffset, self.maxOffset);
+        self.offsetPx = newOffsetPx;
+        return newOffsetPx - oldOffsetPx;
+    },
+}))
+    .actions(self => ({
     /**
      * offset is the base-pair-offset in the displayed region, index is the index of the
      * displayed region in the linear genome view
@@ -188,11 +144,8 @@ var Base1DView = _mobxStateTree.types.model('Base1DView', {
      * @param start - object as `{start, end, offset, index}`
      * @param end - object as `{start, end, offset, index}`
      */
-    moveTo: function moveTo(start, end) {
-      (0, _Base1DUtils.moveTo)(self, start, end);
-    }
-  };
-});
-
-var _default = Base1DView;
-exports.default = _default;
+    moveTo(start, end) {
+        (0, Base1DUtils_1.moveTo)(self, start, end);
+    },
+}));
+exports.default = Base1DView;