@jbrowse/core 1.7.11 → 2.1.0

package/util/index.js

@@ -1,446 +1,207 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof3 = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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 _exportNames = {
-  inDevelopment: true,
-  inProduction: true,
-  useDebounce: true,
-  useDebouncedCallback: true,
-  findParentThat: true,
-  springAnimate: true,
-  findParentThatIs: true,
-  getSession: true,
-  getContainingView: true,
-  getContainingTrack: true,
-  getContainingDisplay: true,
-  assembleLocString: true,
-  parseLocStringOneBased: true,
-  parseLocString: true,
-  compareLocs: true,
-  compareLocStrings: true,
-  clamp: true,
-  bpToPx: true,
-  radToDeg: true,
-  degToRad: true,
-  polarToCartesian: true,
-  cartesianToPolar: true,
-  featureSpanPx: true,
-  bpSpanPx: true,
-  objectFromEntries: true,
-  iterMap: true,
-  mergeConfigs: true,
-  findLastIndex: true,
-  makeAbortableReaction: true,
-  renameRegionIfNeeded: true,
-  renameRegionsIfNeeded: true,
-  minmax: true,
-  stringify: true,
-  isElectron: true,
-  revcom: true,
-  complement: true,
-  blobToDataURL: true,
-  rIC: true,
-  measureText: true,
-  defaultStarts: true,
-  defaultStops: true,
-  defaultCodonTable: true,
-  generateCodonTable: true,
-  updateStatus: true,
-  hashCode: true,
-  objectHash: true,
-  bytesForRegions: true,
-  viewBpToPx: true,
-  supportedIndexingAdapters: true,
-  getBpDisplayStr: true,
-  toLocale: true,
-  getTickDisplayStr: true,
-  getViewParams: true,
-  getLayoutId: true,
-  SimpleFeature: true,
-  isFeature: true
+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, "SimpleFeature", {
-  enumerable: true,
-  get: function get() {
-    return _simpleFeature.default;
-  }
-});
-exports.assembleLocString = assembleLocString;
-exports.blobToDataURL = blobToDataURL;
-exports.bpSpanPx = bpSpanPx;
-exports.bpToPx = bpToPx;
-exports.bytesForRegions = bytesForRegions;
-exports.cartesianToPolar = cartesianToPolar;
-exports.clamp = clamp;
-exports.compareLocStrings = compareLocStrings;
-exports.compareLocs = compareLocs;
-exports.defaultStops = exports.defaultStarts = exports.defaultCodonTable = exports.complement = void 0;
-exports.degToRad = degToRad;
-exports.featureSpanPx = featureSpanPx;
-exports.findLastIndex = findLastIndex;
-exports.findParentThat = findParentThat;
-exports.findParentThatIs = findParentThatIs;
-exports.generateCodonTable = generateCodonTable;
-exports.getBpDisplayStr = getBpDisplayStr;
-exports.getContainingDisplay = getContainingDisplay;
-exports.getContainingTrack = getContainingTrack;
-exports.getContainingView = getContainingView;
-exports.getLayoutId = getLayoutId;
-exports.getSession = getSession;
-exports.getTickDisplayStr = getTickDisplayStr;
-exports.getViewParams = getViewParams;
-exports.hashCode = hashCode;
-exports.isElectron = exports.inProduction = exports.inDevelopment = void 0;
-Object.defineProperty(exports, "isFeature", {
-  enumerable: true,
-  get: function get() {
-    return _simpleFeature.isFeature;
-  }
-});
-exports.iterMap = iterMap;
-exports.makeAbortableReaction = makeAbortableReaction;
-exports.measureText = measureText;
-exports.mergeConfigs = mergeConfigs;
-exports.minmax = minmax;
-exports.objectFromEntries = void 0;
-exports.objectHash = objectHash;
-exports.parseLocString = parseLocString;
-exports.parseLocStringOneBased = parseLocStringOneBased;
-exports.polarToCartesian = polarToCartesian;
-exports.rIC = void 0;
-exports.radToDeg = radToDeg;
-exports.renameRegionIfNeeded = renameRegionIfNeeded;
-exports.renameRegionsIfNeeded = renameRegionsIfNeeded;
-exports.revcom = revcom;
-exports.springAnimate = springAnimate;
-exports.stringify = stringify;
-exports.supportedIndexingAdapters = supportedIndexingAdapters;
-exports.toLocale = toLocale;
-exports.updateStatus = updateStatus;
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toLocale = exports.getBpDisplayStr = exports.supportedIndexingAdapters = exports.bytesForRegions = exports.objectHash = exports.hashCode = exports.updateStatus = exports.generateCodonTable = exports.defaultCodonTable = exports.defaultStops = exports.defaultStarts = exports.measureText = exports.rIC = exports.blobToDataURL = exports.complement = exports.revcom = exports.isElectron = exports.stringify = exports.minmax = exports.renameRegionsIfNeeded = exports.renameRegionIfNeeded = exports.makeAbortableReaction = exports.findLastIndex = exports.iterMap = exports.bpSpanPx = exports.featureSpanPx = exports.cartesianToPolar = exports.polarToCartesian = exports.degToRad = exports.radToDeg = exports.bpToPx = exports.clamp = exports.compareLocStrings = exports.compareLocs = exports.parseLocString = exports.parseLocStringOneBased = exports.assembleLocString = exports.getContainingDisplay = exports.getContainingTrack = exports.getContainingView = exports.getSession = exports.findParentThatIs = exports.springAnimate = exports.findParentThat = exports.useDebouncedCallback = exports.useDebounce = exports.inProduction = exports.inDevelopment = exports.isFeature = exports.SimpleFeature = void 0;
+exports.measureGridWidth = exports.getStr = exports.getUriLink = exports.useLocalStorage = exports.getLayoutId = exports.getViewParams = exports.getTickDisplayStr = void 0;
+/* eslint-disable @typescript-eslint/no-explicit-any */
+const react_1 = require("react");
+const is_object_1 = __importDefault(require("is-object"));
+const mobx_state_tree_1 = require("mobx-state-tree");
+const mobx_1 = require("mobx");
+const simpleFeature_1 = __importStar(require("./simpleFeature"));
+exports.SimpleFeature = simpleFeature_1.default;
+Object.defineProperty(exports, "isFeature", { enumerable: true, get: function () { return simpleFeature_1.isFeature; } });
+const types_1 = require("./types");
+const aborting_1 = require("./aborting");
+const types_2 = require("./types");
+__exportStar(require("./types"), exports);
+__exportStar(require("./aborting"), exports);
+__exportStar(require("./when"), exports);
+__exportStar(require("./range"), exports);
+__exportStar(require("./offscreenCanvasPonyfill"), exports);
+__exportStar(require("./offscreenCanvasUtils"), exports);
+exports.inDevelopment = typeof process === 'object' &&
+    process.env &&
+    process.env.NODE_ENV === 'development';
+exports.inProduction = !exports.inDevelopment;
+function useDebounce(value, delay) {
+    const [debouncedValue, setDebouncedValue] = (0, react_1.useState)(value);
+    (0, react_1.useEffect)(() => {
+        const handle = setTimeout(() => {
+            setDebouncedValue(value);
+        }, delay);
+        return () => {
+            clearTimeout(handle);
+        };
+    }, [value, delay]);
+    return debouncedValue;
+}
 exports.useDebounce = useDebounce;
-exports.useDebouncedCallback = useDebouncedCallback;
-exports.viewBpToPx = viewBpToPx;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
-var _react = require("react");
-
-var _mobxStateTree = require("mobx-state-tree");
-
-var _mobx = require("mobx");
-
-var _object = _interopRequireDefault(require("object.fromentries"));
-
-var _deepmerge = _interopRequireDefault(require("deepmerge"));
-
-var _simpleFeature = _interopRequireWildcard(require("./simpleFeature"));
-
-var _types = require("./types");
-
-Object.keys(_types).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _types[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _types[key];
-    }
-  });
-});
-
-var _aborting = require("./aborting");
-
-Object.keys(_aborting).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _aborting[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _aborting[key];
-    }
-  });
-});
-
-var _when = require("./when");
-
-Object.keys(_when).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _when[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _when[key];
-    }
-  });
-});
-
-var _range = require("./range");
-
-Object.keys(_range).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _range[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _range[key];
-    }
-  });
-});
-
-var _offscreenCanvasPonyfill = require("./offscreenCanvasPonyfill");
-
-Object.keys(_offscreenCanvasPonyfill).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _offscreenCanvasPonyfill[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _offscreenCanvasPonyfill[key];
-    }
-  });
-});
-
-var _offscreenCanvasUtils = require("./offscreenCanvasUtils");
-
-Object.keys(_offscreenCanvasUtils).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _offscreenCanvasUtils[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _offscreenCanvasUtils[key];
+// https://stackoverflow.com/questions/56283920/how-to-debounce-a-callback-in-functional-component-using-hooks
+function useDebouncedCallback(callback, wait = 400) {
+    // track args & timeout handle between calls
+    const argsRef = (0, react_1.useRef)();
+    const timeout = (0, react_1.useRef)();
+    function cleanup() {
+        if (timeout.current) {
+            clearTimeout(timeout.current);
+        }
     }
-  });
-});
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-if (!Object.fromEntries) {
-  // @ts-ignore
-  _object.default.shim();
-}
-
-var inDevelopment = (typeof process === "undefined" ? "undefined" : (0, _typeof2.default)(process)) === 'object' && process.env && process.env.NODE_ENV === 'development';
-exports.inDevelopment = inDevelopment;
-var inProduction = !inDevelopment;
-exports.inProduction = inProduction;
-
-function useDebounce(value, delay) {
-  var _useState = (0, _react.useState)(value),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      debouncedValue = _useState2[0],
-      setDebouncedValue = _useState2[1];
-
-  (0, _react.useEffect)(function () {
-    var handle = setTimeout(function () {
-      setDebouncedValue(value);
-    }, delay);
-    return function () {
-      clearTimeout(handle);
+    // make sure our timeout gets cleared if our consuming component gets unmounted
+    (0, react_1.useEffect)(() => cleanup, []);
+    return function debouncedCallback(...args) {
+        // capture latest args
+        argsRef.current = args;
+        // clear debounce timer
+        cleanup();
+        // start waiting again
+        timeout.current = setTimeout(() => {
+            if (argsRef.current) {
+                callback(...argsRef.current);
+            }
+        }, wait);
     };
-  }, [value, delay]);
-  return debouncedValue;
-} // https://stackoverflow.com/questions/56283920/how-to-debounce-a-callback-in-functional-component-using-hooks
-
-
-function useDebouncedCallback(callback) {
-  var wait = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 400;
-  // track args & timeout handle between calls
-  var argsRef = (0, _react.useRef)();
-  var timeout = (0, _react.useRef)();
-
-  function cleanup() {
-    if (timeout.current) {
-      clearTimeout(timeout.current);
-    }
-  } // make sure our timeout gets cleared if our consuming component gets unmounted
-
-
-  (0, _react.useEffect)(function () {
-    return cleanup;
-  }, []);
-  return function debouncedCallback() {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    // capture latest args
-    argsRef.current = args; // clear debounce timer
-
-    cleanup(); // start waiting again
-
-    timeout.current = setTimeout(function () {
-      if (argsRef.current) {
-        callback.apply(void 0, (0, _toConsumableArray2.default)(argsRef.current));
-      }
-    }, wait);
-  };
 }
+exports.useDebouncedCallback = useDebouncedCallback;
 /** find the first node in the hierarchy that matches the given predicate */
-
-
 function findParentThat(node, predicate) {
-  if (!(0, _mobxStateTree.hasParent)(node)) {
-    throw new Error('node does not have parent');
-  }
-
-  var currentNode = (0, _mobxStateTree.getParent)(node);
-
-  while (currentNode && (0, _mobxStateTree.isAlive)(currentNode)) {
-    if (predicate(currentNode)) {
-      return currentNode;
+    if (!(0, mobx_state_tree_1.hasParent)(node)) {
+        throw new Error('node does not have parent');
     }
-
-    if ((0, _mobxStateTree.hasParent)(currentNode)) {
-      currentNode = (0, _mobxStateTree.getParent)(currentNode);
-    } else {
-      break;
+    let currentNode = (0, mobx_state_tree_1.getParent)(node);
+    while (currentNode && (0, mobx_state_tree_1.isAlive)(currentNode)) {
+        if (predicate(currentNode)) {
+            return currentNode;
+        }
+        if ((0, mobx_state_tree_1.hasParent)(currentNode)) {
+            currentNode = (0, mobx_state_tree_1.getParent)(currentNode);
+        }
+        else {
+            break;
+        }
     }
-  }
-
-  throw new Error('no matching node found');
+    throw new Error('no matching node found');
 }
-
+exports.findParentThat = findParentThat;
 // based on https://github.com/react-spring/react-spring/blob/cd5548a987383b8023efd620f3726a981f9e18ea/src/animated/FrameLoop.ts
-function springAnimate(fromValue, toValue, setValue) {
-  var onFinish = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : function () {};
-  var precision = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
-  var tension = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 170;
-  var friction = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : 26;
-  var mass = 1;
-
-  if (!precision) {
-    precision = Math.abs(toValue - fromValue) / 1000;
-  }
-
-  var animationFrameId;
-
-  function update(animation) {
-    var time = Date.now();
-    var position = animation.lastPosition;
-    var lastTime = animation.lastTime || time;
-    var velocity = animation.lastVelocity || 0; // If we lost a lot of frames just jump to the end.
-
-    if (time > lastTime + 64) {
-      lastTime = time;
-    } // http://gafferongames.com/game-physics/fix-your-timestep/
-
-
-    var numSteps = Math.floor(time - lastTime);
-
-    for (var i = 0; i < numSteps; ++i) {
-      var force = -tension * (position - toValue);
-      var damping = -friction * velocity;
-      var acceleration = (force + damping) / mass;
-      velocity += acceleration * 1 / 1000;
-      position += velocity * 1 / 1000;
+function springAnimate(fromValue, toValue, setValue, onFinish = () => { }, precision = 0, tension = 170, friction = 26) {
+    const mass = 1;
+    if (!precision) {
+        precision = Math.abs(toValue - fromValue) / 1000;
     }
-
-    var isVelocity = Math.abs(velocity) <= precision;
-    var isDisplacement = tension !== 0 ? Math.abs(toValue - position) <= precision : true;
-    var endOfAnimation = isVelocity && isDisplacement;
-
-    if (endOfAnimation) {
-      setValue(toValue);
-      onFinish();
-    } else {
-      setValue(position);
-      animationFrameId = requestAnimationFrame(function () {
-        return update({
-          lastPosition: position,
-          lastTime: time,
-          lastVelocity: velocity
-        });
-      });
+    let animationFrameId;
+    function update(animation) {
+        const time = Date.now();
+        let position = animation.lastPosition;
+        let lastTime = animation.lastTime || time;
+        let velocity = animation.lastVelocity || 0;
+        // If we lost a lot of frames just jump to the end.
+        if (time > lastTime + 64) {
+            lastTime = time;
+        }
+        // http://gafferongames.com/game-physics/fix-your-timestep/
+        const numSteps = Math.floor(time - lastTime);
+        for (let i = 0; i < numSteps; ++i) {
+            const force = -tension * (position - toValue);
+            const damping = -friction * velocity;
+            const acceleration = (force + damping) / mass;
+            velocity += (acceleration * 1) / 1000;
+            position += (velocity * 1) / 1000;
+        }
+        const isVelocity = Math.abs(velocity) <= precision;
+        const isDisplacement = tension !== 0 ? Math.abs(toValue - position) <= precision : true;
+        const endOfAnimation = isVelocity && isDisplacement;
+        if (endOfAnimation) {
+            setValue(toValue);
+            onFinish();
+        }
+        else {
+            setValue(position);
+            animationFrameId = requestAnimationFrame(() => update({
+                lastPosition: position,
+                lastTime: time,
+                lastVelocity: velocity,
+            }));
+        }
     }
-  }
-
-  return [function () {
-    return update({
-      lastPosition: fromValue
-    });
-  }, function () {
-    return cancelAnimationFrame(animationFrameId);
-  }];
+    return [
+        () => update({ lastPosition: fromValue }),
+        () => cancelAnimationFrame(animationFrameId),
+    ];
 }
+exports.springAnimate = springAnimate;
 /** find the first node in the hierarchy that matches the given 'is' typescript type guard predicate */
-
-
 function findParentThatIs(node, predicate) {
-  return findParentThat(node, predicate);
+    return findParentThat(node, predicate);
 }
+exports.findParentThatIs = findParentThatIs;
 /** get the current JBrowse session model, starting at any node in the state tree */
-
-
 function getSession(node) {
-  try {
-    return findParentThatIs(node, _types.isSessionModel);
-  } catch (e) {
-    throw new Error('no session model found!');
-  }
+    try {
+        return findParentThatIs(node, types_1.isSessionModel);
+    }
+    catch (e) {
+        throw new Error('no session model found!');
+    }
 }
+exports.getSession = getSession;
 /** get the state model of the view in the state tree that contains the given node */
-
-
 function getContainingView(node) {
-  try {
-    return findParentThatIs(node, _types.isViewModel);
-  } catch (e) {
-    throw new Error('no containing view found');
-  }
+    try {
+        return findParentThatIs(node, types_1.isViewModel);
+    }
+    catch (e) {
+        throw new Error('no containing view found');
+    }
 }
+exports.getContainingView = getContainingView;
 /** get the state model of the view in the state tree that contains the given node */
-
-
 function getContainingTrack(node) {
-  try {
-    return findParentThatIs(node, _types.isTrackModel);
-  } catch (e) {
-    throw new Error('no containing track found');
-  }
+    try {
+        return findParentThatIs(node, types_1.isTrackModel);
+    }
+    catch (e) {
+        throw new Error('no containing track found');
+    }
 }
-
+exports.getContainingTrack = getContainingTrack;
 function getContainingDisplay(node) {
-  try {
-    return findParentThatIs(node, _types.isDisplayModel);
-  } catch (e) {
-    throw new Error('no containing display found');
-  }
+    try {
+        return findParentThatIs(node, types_1.isDisplayModel);
+    }
+    catch (e) {
+        throw new Error('no containing display found');
+    }
 }
+exports.getContainingDisplay = getContainingDisplay;
 /**
  * Assemble a 1-based "locString" from an interbase genomic location
  * @param region - Region
@@ -475,155 +236,122 @@ function getContainingDisplay(node) {
  * // ↳ 'chr1:1'
  * ```
  */
-
-
 function assembleLocString(region) {
-  var assemblyName = region.assemblyName,
-      refName = region.refName,
-      start = region.start,
-      end = region.end,
-      reversed = region.reversed;
-  var assemblyNameString = assemblyName ? "{".concat(assemblyName, "}") : '';
-  var startString;
-
-  if (start !== undefined) {
-    startString = ":".concat((start + 1).toLocaleString('en-US'));
-  } else if (end !== undefined) {
-    startString = ':1';
-  } else {
-    startString = '';
-  }
-
-  var endString;
-
-  if (end !== undefined) {
-    endString = start !== undefined && start + 1 === end ? '' : "..".concat(end.toLocaleString('en-US'));
-  } else {
-    endString = start !== undefined ? '..' : '';
-  }
-
-  var rev = '';
-
-  if (reversed) {
-    rev = '[rev]';
-  }
-
-  return "".concat(assemblyNameString).concat(refName).concat(startString).concat(endString).concat(rev);
+    const { assemblyName, refName, start, end, reversed } = region;
+    const assemblyNameString = assemblyName ? `{${assemblyName}}` : '';
+    let startString;
+    if (start !== undefined) {
+        startString = `:${(start + 1).toLocaleString('en-US')}`;
+    }
+    else if (end !== undefined) {
+        startString = ':1';
+    }
+    else {
+        startString = '';
+    }
+    let endString;
+    if (end !== undefined) {
+        endString =
+            start !== undefined && start + 1 === end
+                ? ''
+                : `..${end.toLocaleString('en-US')}`;
+    }
+    else {
+        endString = start !== undefined ? '..' : '';
+    }
+    let rev = '';
+    if (reversed) {
+        rev = '[rev]';
+    }
+    return `${assemblyNameString}${refName}${startString}${endString}${rev}`;
 }
-
+exports.assembleLocString = assembleLocString;
 function parseLocStringOneBased(locString, isValidRefName) {
-  if (!locString) {
-    throw new Error('no location string provided, could not parse');
-  }
-
-  var reversed = false;
-
-  if (locString.endsWith('[rev]')) {
-    reversed = true;
-    locString = locString.replace(/\[rev\]$/, '');
-  } // remove any whitespace
-
-
-  locString = locString.replace(/\s/, ''); // refNames can have colons, ref https://samtools.github.io/hts-specs/SAMv1.pdf Appendix A
-
-  var assemblyMatch = locString.match(/(\{(.+)\})?(.+)/);
-
-  if (!assemblyMatch) {
-    throw new Error("invalid location string: \"".concat(locString, "\""));
-  }
-
-  var _assemblyMatch = (0, _slicedToArray2.default)(assemblyMatch, 4),
-      assemblyName = _assemblyMatch[2],
-      location = _assemblyMatch[3];
-
-  if (!assemblyName && location.startsWith('{}')) {
-    throw new Error("no assembly name was provided in location \"".concat(location, "\""));
-  }
-
-  var lastColonIdx = location.lastIndexOf(':');
-
-  if (lastColonIdx === -1) {
-    if (isValidRefName(location, assemblyName)) {
-      return {
-        assemblyName: assemblyName,
-        refName: location,
-        reversed: reversed
-      };
+    if (!locString) {
+        throw new Error('no location string provided, could not parse');
+    }
+    let reversed = false;
+    if (locString.endsWith('[rev]')) {
+        reversed = true;
+        locString = locString.replace(/\[rev\]$/, '');
+    }
+    // remove any whitespace
+    locString = locString.replace(/\s/, '');
+    // refNames can have colons, ref https://samtools.github.io/hts-specs/SAMv1.pdf Appendix A
+    const assemblyMatch = locString.match(/(\{(.+)\})?(.+)/);
+    if (!assemblyMatch) {
+        throw new Error(`invalid location string: "${locString}"`);
+    }
+    const [, , assemblyName, location] = assemblyMatch;
+    if (!assemblyName && location.startsWith('{}')) {
+        throw new Error(`no assembly name was provided in location "${location}"`);
     }
-
-    throw new Error("Unknown reference sequence \"".concat(location, "\""));
-  }
-
-  var prefix = location.slice(0, lastColonIdx);
-  var suffix = location.slice(lastColonIdx + 1);
-
-  if (isValidRefName(prefix, assemblyName) && isValidRefName(location, assemblyName)) {
-    throw new Error("ambiguous location string: \"".concat(locString, "\""));
-  } else if (isValidRefName(prefix, assemblyName)) {
-    if (suffix) {
-      // see if it's a range
-      var rangeMatch = suffix.match(/^(-?(\d+|\d{1,3}(,\d{3})*))(\.\.|-)(-?(\d+|\d{1,3}(,\d{3})*))$/); // see if it's a single point
-
-      var singleMatch = suffix.match(/^(-?(\d+|\d{1,3}(,\d{3})*))(\.\.|-)?$/);
-
-      if (rangeMatch) {
-        var _rangeMatch = (0, _slicedToArray2.default)(rangeMatch, 6),
-            _start = _rangeMatch[1],
-            _end = _rangeMatch[5];
-
-        if (_start !== undefined && _end !== undefined) {
-          return {
-            assemblyName: assemblyName,
-            refName: prefix,
-            start: +_start.replace(/,/g, ''),
-            end: +_end.replace(/,/g, ''),
-            reversed: reversed
-          };
+    const lastColonIdx = location.lastIndexOf(':');
+    if (lastColonIdx === -1) {
+        if (isValidRefName(location, assemblyName)) {
+            return { assemblyName, refName: location, reversed };
+        }
+        throw new Error(`Unknown reference sequence "${location}"`);
+    }
+    const prefix = location.slice(0, lastColonIdx);
+    const suffix = location.slice(lastColonIdx + 1);
+    if (isValidRefName(prefix, assemblyName) &&
+        isValidRefName(location, assemblyName)) {
+        throw new Error(`ambiguous location string: "${locString}"`);
+    }
+    else if (isValidRefName(prefix, assemblyName)) {
+        if (suffix) {
+            // see if it's a range
+            const rangeMatch = suffix.match(/^(-?(\d+|\d{1,3}(,\d{3})*))(\.\.|-)(-?(\d+|\d{1,3}(,\d{3})*))$/);
+            // see if it's a single point
+            const singleMatch = suffix.match(/^(-?(\d+|\d{1,3}(,\d{3})*))(\.\.|-)?$/);
+            if (rangeMatch) {
+                const [, start, , , , end] = rangeMatch;
+                if (start !== undefined && end !== undefined) {
+                    return {
+                        assemblyName,
+                        refName: prefix,
+                        start: +start.replace(/,/g, ''),
+                        end: +end.replace(/,/g, ''),
+                        reversed,
+                    };
+                }
+            }
+            else if (singleMatch) {
+                const [, start, , , separator] = singleMatch;
+                if (start !== undefined) {
+                    if (separator) {
+                        // indefinite end
+                        return {
+                            assemblyName,
+                            refName: prefix,
+                            start: +start.replace(/,/g, ''),
+                            reversed,
+                        };
+                    }
+                    return {
+                        assemblyName,
+                        refName: prefix,
+                        start: +start.replace(/,/g, ''),
+                        end: +start.replace(/,/g, ''),
+                        reversed,
+                    };
+                }
+            }
+            else {
+                throw new Error(`could not parse range "${suffix}" on location "${locString}"`);
+            }
         }
-      } else if (singleMatch) {
-        var _singleMatch = (0, _slicedToArray2.default)(singleMatch, 5),
-            _start2 = _singleMatch[1],
-            separator = _singleMatch[4];
-
-        if (_start2 !== undefined) {
-          if (separator) {
-            // indefinite end
-            return {
-              assemblyName: assemblyName,
-              refName: prefix,
-              start: +_start2.replace(/,/g, ''),
-              reversed: reversed
-            };
-          }
-
-          return {
-            assemblyName: assemblyName,
-            refName: prefix,
-            start: +_start2.replace(/,/g, ''),
-            end: +_start2.replace(/,/g, ''),
-            reversed: reversed
-          };
+        else {
+            return { assemblyName, refName: prefix, reversed };
         }
-      } else {
-        throw new Error("could not parse range \"".concat(suffix, "\" on location \"").concat(locString, "\""));
-      }
-    } else {
-      return {
-        assemblyName: assemblyName,
-        refName: prefix,
-        reversed: reversed
-      };
     }
-  } else if (isValidRefName(location, assemblyName)) {
-    return {
-      assemblyName: assemblyName,
-      refName: location,
-      reversed: reversed
-    };
-  }
-
-  throw new Error("unknown reference sequence name in location \"".concat(locString, "\""));
+    else if (isValidRefName(location, assemblyName)) {
+        return { assemblyName, refName: location, reversed };
+    }
+    throw new Error(`unknown reference sequence name in location "${locString}"`);
 }
+exports.parseLocStringOneBased = parseLocStringOneBased;
 /**
  * Parse a 1-based location string into an interbase genomic location
  * @param locString - Location string
@@ -661,55 +389,48 @@ function parseLocStringOneBased(locString, isValidRefName) {
  * // ↳ { refName: 'chr1', start: 0}
  * ```
  */
-
-
 function parseLocString(locString, isValidRefName) {
-  var parsed = parseLocStringOneBased(locString, isValidRefName);
-
-  if (typeof parsed.start === 'number') {
-    parsed.start -= 1;
-  }
-
-  return parsed;
+    const parsed = parseLocStringOneBased(locString, isValidRefName);
+    if (typeof parsed.start === 'number') {
+        parsed.start -= 1;
+    }
+    return parsed;
 }
-
+exports.parseLocString = parseLocString;
 function compareLocs(locA, locB) {
-  var assemblyComp = locA.assemblyName || locB.assemblyName ? (locA.assemblyName || '').localeCompare(locB.assemblyName || '') : 0;
-
-  if (assemblyComp) {
-    return assemblyComp;
-  }
-
-  var refComp = locA.refName || locB.refName ? (locA.refName || '').localeCompare(locB.refName || '') : 0;
-
-  if (refComp) {
-    return refComp;
-  }
-
-  if (locA.start !== undefined && locB.start !== undefined) {
-    var startComp = locA.start - locB.start;
-
-    if (startComp) {
-      return startComp;
+    const assemblyComp = locA.assemblyName || locB.assemblyName
+        ? (locA.assemblyName || '').localeCompare(locB.assemblyName || '')
+        : 0;
+    if (assemblyComp) {
+        return assemblyComp;
     }
-  }
-
-  if (locA.end !== undefined && locB.end !== undefined) {
-    var endComp = locA.end - locB.end;
-
-    if (endComp) {
-      return endComp;
+    const refComp = locA.refName || locB.refName
+        ? (locA.refName || '').localeCompare(locB.refName || '')
+        : 0;
+    if (refComp) {
+        return refComp;
     }
-  }
-
-  return 0;
+    if (locA.start !== undefined && locB.start !== undefined) {
+        const startComp = locA.start - locB.start;
+        if (startComp) {
+            return startComp;
+        }
+    }
+    if (locA.end !== undefined && locB.end !== undefined) {
+        const endComp = locA.end - locB.end;
+        if (endComp) {
+            return endComp;
+        }
+    }
+    return 0;
 }
-
+exports.compareLocs = compareLocs;
 function compareLocStrings(a, b, isValidRefName) {
-  var locA = parseLocString(a, isValidRefName);
-  var locB = parseLocString(b, isValidRefName);
-  return compareLocs(locA, locB);
+    const locA = parseLocString(a, isValidRefName);
+    const locB = parseLocString(b, isValidRefName);
+    return compareLocs(locA, locB);
 }
+exports.compareLocStrings = compareLocStrings;
 /**
  * Ensure that a number is at least min and at most max.
  *
@@ -717,119 +438,78 @@ function compareLocStrings(a, b, isValidRefName) {
  * @param min -
  * @param  max -
  */
-
-
 function clamp(num, min, max) {
-  if (num < min) {
-    return min;
-  }
-
-  if (num > max) {
-    return max;
-  }
-
-  return num;
+    if (num < min) {
+        return min;
+    }
+    if (num > max) {
+        return max;
+    }
+    return num;
 }
-
+exports.clamp = clamp;
 function roundToNearestPointOne(num) {
-  return Math.round(num * 10) / 10;
+    return Math.round(num * 10) / 10;
 }
 /**
  * @param bp -
  * @param region -
  * @param bpPerPx -
  */
-
-
-function bpToPx(bp, _ref, bpPerPx) {
-  var reversed = _ref.reversed,
-      _ref$end = _ref.end,
-      end = _ref$end === void 0 ? 0 : _ref$end,
-      _ref$start = _ref.start,
-      start = _ref$start === void 0 ? 0 : _ref$start;
-  return roundToNearestPointOne((reversed ? end - bp : bp - start) / bpPerPx);
+function bpToPx(bp, { reversed, end = 0, start = 0, }, bpPerPx) {
+    return roundToNearestPointOne((reversed ? end - bp : bp - start) / bpPerPx);
 }
-
-var oneEightyOverPi = 180.0 / Math.PI;
-var piOverOneEighty = Math.PI / 180.0;
-
+exports.bpToPx = bpToPx;
+const oneEightyOverPi = 180.0 / Math.PI;
+const piOverOneEighty = Math.PI / 180.0;
 function radToDeg(radians) {
-  return radians * oneEightyOverPi % 360;
+    return (radians * oneEightyOverPi) % 360;
 }
-
+exports.radToDeg = radToDeg;
 function degToRad(degrees) {
-  return degrees * piOverOneEighty % (2 * Math.PI);
+    return (degrees * piOverOneEighty) % (2 * Math.PI);
 }
+exports.degToRad = degToRad;
 /**
  * @returns [x, y]
  */
-
-
 function polarToCartesian(rho, theta) {
-  return [rho * Math.cos(theta), rho * Math.sin(theta)];
+    return [rho * Math.cos(theta), rho * Math.sin(theta)];
 }
+exports.polarToCartesian = polarToCartesian;
 /**
  * @param x - the x
  * @param y - the y
  * @returns [rho, theta]
  */
-
-
 function cartesianToPolar(x, y) {
-  var rho = Math.sqrt(x * x + y * y);
-  var theta = Math.atan(y / x);
-  return [rho, theta];
+    const rho = Math.sqrt(x * x + y * y);
+    const theta = Math.atan(y / x);
+    return [rho, theta];
 }
-
+exports.cartesianToPolar = cartesianToPolar;
 function featureSpanPx(feature, region, bpPerPx) {
-  return bpSpanPx(feature.get('start'), feature.get('end'), region, bpPerPx);
+    return bpSpanPx(feature.get('start'), feature.get('end'), region, bpPerPx);
 }
-
+exports.featureSpanPx = featureSpanPx;
 function bpSpanPx(leftBp, rightBp, region, bpPerPx) {
-  var start = bpToPx(leftBp, region, bpPerPx);
-  var end = bpToPx(rightBp, region, bpPerPx);
-  return region.reversed ? [end, start] : [start, end];
+    const start = bpToPx(leftBp, region, bpPerPx);
+    const end = bpToPx(rightBp, region, bpPerPx);
+    return region.reversed ? [end, start] : [start, end];
 }
-
-var objectFromEntries = Object.fromEntries.bind(Object); // do an array map of an iterable
-
-exports.objectFromEntries = objectFromEntries;
-
+exports.bpSpanPx = bpSpanPx;
+// do an array map of an iterable
 function iterMap(iterable, func, sizeHint) {
-  var results = sizeHint ? new Array(sizeHint) : [];
-  var counter = 0;
-
-  var _iterator = _createForOfIteratorHelper(iterable),
-      _step;
-
-  try {
-    for (_iterator.s(); !(_step = _iterator.n()).done;) {
-      var _item = _step.value;
-      results[counter] = func(_item);
-      counter += 1;
+    const results = sizeHint ? new Array(sizeHint) : [];
+    let counter = 0;
+    for (const item of iterable) {
+        results[counter] = func(item);
+        counter += 1;
     }
-  } catch (err) {
-    _iterator.e(err);
-  } finally {
-    _iterator.f();
-  }
-
-  return results;
+    return results;
 }
-
-// similar to electron.js
-function mergeConfigs(A, B) {
-  var merged = (0, _deepmerge.default)(A, B);
-
-  if (B.defaultSession) {
-    merged.defaultSession = B.defaultSession;
-  } else if (A.defaultSession) {
-    merged.defaultSession = A.defaultSession;
-  }
-
-  return merged;
-} // https://stackoverflow.com/a/53187807
-
+exports.iterMap = iterMap;
+// https://stackoverflow.com/a/53187807
 /**
  * Returns the index of the last element in the array where predicate is true,
  * and -1 otherwise.
@@ -839,19 +519,16 @@ function mergeConfigs(A, B) {
  * element is found, findLastIndex immediately returns that element index.
  * Otherwise, findLastIndex returns -1.
  */
-
-
 function findLastIndex(array, predicate) {
-  var l = array.length;
-
-  while (l--) {
-    if (predicate(array[l], l, array)) {
-      return l;
+    let l = array.length;
+    while (l--) {
+        if (predicate(array[l], l, array)) {
+            return l;
+        }
     }
-  }
-
-  return -1;
+    return -1;
 }
+exports.findLastIndex = findLastIndex;
 /**
  * makes a mobx reaction with the given functions, that calls actions on the
  * model for each stage of execution, and to abort the reaction function when
@@ -869,600 +546,430 @@ function findLastIndex(array, predicate) {
  * @param successFunction -
  * @param errorFunction -
  */
-
-
-function makeAbortableReaction(self, dataFunction, asyncReactionFunction, reactionOptions, startedFunction, successFunction, errorFunction) {
-  var inProgress;
-
-  function handleError(error) {
-    if (!(0, _aborting.isAbortException)(error)) {
-      if ((0, _mobxStateTree.isAlive)(self)) {
-        errorFunction(error);
-      } else {
-        console.error(error);
-      }
-    }
-  }
-
-  var reactionDisposer = (0, _mobx.reaction)(function () {
-    try {
-      return dataFunction(self);
-    } catch (e) {
-      handleError(e);
-      return undefined;
+function makeAbortableReaction(self, dataFunction, asyncReactionFunction, 
+// @ts-ignore
+reactionOptions, startedFunction, successFunction, errorFunction) {
+    let inProgress;
+    function handleError(error) {
+        if (!(0, aborting_1.isAbortException)(error)) {
+            if ((0, mobx_state_tree_1.isAlive)(self)) {
+                errorFunction(error);
+            }
+            else {
+                console.error(error);
+            }
+        }
     }
-  }, /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(data, mobxReactionHandle) {
-      var thisInProgress, result;
-      return _regenerator.default.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              if (inProgress && !inProgress.signal.aborted) {
-                inProgress.abort();
-              }
-
-              if ((0, _mobxStateTree.isAlive)(self)) {
-                _context.next = 3;
-                break;
-              }
-
-              return _context.abrupt("return");
-
-            case 3:
-              inProgress = new AbortController();
-              thisInProgress = inProgress;
-              startedFunction(thisInProgress);
-              _context.prev = 6;
-              _context.next = 9;
-              return asyncReactionFunction(data, thisInProgress.signal, self, mobxReactionHandle);
-
-            case 9:
-              result = _context.sent;
-              (0, _aborting.checkAbortSignal)(thisInProgress.signal);
-
-              if ((0, _mobxStateTree.isAlive)(self)) {
+    (0, mobx_state_tree_1.addDisposer)(self, (0, mobx_1.reaction)(() => {
+        try {
+            return dataFunction(self);
+        }
+        catch (e) {
+            handleError(e);
+            return undefined;
+        }
+    }, async (data, mobxReactionHandle) => {
+        if (inProgress && !inProgress.signal.aborted) {
+            inProgress.abort();
+        }
+        if (!(0, mobx_state_tree_1.isAlive)(self)) {
+            return;
+        }
+        inProgress = new AbortController();
+        const thisInProgress = inProgress;
+        startedFunction(thisInProgress);
+        try {
+            const result = await asyncReactionFunction(data, thisInProgress.signal, self, 
+            // @ts-ignore
+            mobxReactionHandle);
+            (0, aborting_1.checkAbortSignal)(thisInProgress.signal);
+            if ((0, mobx_state_tree_1.isAlive)(self)) {
                 successFunction(result);
-              }
-
-              _context.next = 18;
-              break;
-
-            case 14:
-              _context.prev = 14;
-              _context.t0 = _context["catch"](6);
-
-              if (thisInProgress && !thisInProgress.signal.aborted) {
+            }
+        }
+        catch (e) {
+            if (thisInProgress && !thisInProgress.signal.aborted) {
                 thisInProgress.abort();
-              }
-
-              handleError(_context.t0);
-
-            case 18:
-            case "end":
-              return _context.stop();
-          }
+            }
+            handleError(e);
         }
-      }, _callee, null, [[6, 14]]);
-    }));
-
-    return function (_x, _x2) {
-      return _ref2.apply(this, arguments);
-    };
-  }(), reactionOptions);
-  (0, _mobxStateTree.addDisposer)(self, reactionDisposer);
-  (0, _mobxStateTree.addDisposer)(self, function () {
-    if (inProgress && !inProgress.signal.aborted) {
-      inProgress.abort();
-    }
-  });
+    }, reactionOptions));
+    (0, mobx_state_tree_1.addDisposer)(self, () => {
+        if (inProgress && !inProgress.signal.aborted) {
+            inProgress.abort();
+        }
+    });
 }
-
+exports.makeAbortableReaction = makeAbortableReaction;
 function renameRegionIfNeeded(refNameMap, region) {
-  if ((0, _mobxStateTree.isStateTreeNode)(region) && !(0, _mobxStateTree.isAlive)(region)) {
-    return region;
-  }
-
-  if (region && refNameMap && refNameMap[region.refName]) {
-    // clone the region so we don't modify it
-    if ((0, _mobxStateTree.isStateTreeNode)(region)) {
-      region = _objectSpread({}, (0, _mobxStateTree.getSnapshot)(region));
-    } else {
-      region = _objectSpread({}, region);
-    } // modify it directly in the container
-
-
-    var newRef = refNameMap[region.refName];
-
-    if (newRef) {
-      return _objectSpread(_objectSpread({}, region), {}, {
-        refName: newRef,
-        originalRefName: region.refName
-      });
+    if ((0, mobx_state_tree_1.isStateTreeNode)(region) && !(0, mobx_state_tree_1.isAlive)(region)) {
+        return region;
     }
-  }
-
-  return region;
-}
-
-function renameRegionsIfNeeded(_x3, _x4) {
-  return _renameRegionsIfNeeded.apply(this, arguments);
-}
-
-function _renameRegionsIfNeeded() {
-  _renameRegionsIfNeeded = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(assemblyManager, args) {
-    var _args$regions, regions, adapterConfig, assemblyNames, assemblyMaps;
-
-    return _regenerator.default.wrap(function _callee3$(_context3) {
-      while (1) {
-        switch (_context3.prev = _context3.next) {
-          case 0:
-            _args$regions = args.regions, regions = _args$regions === void 0 ? [] : _args$regions, adapterConfig = args.adapterConfig;
-
-            if (args.sessionId) {
-              _context3.next = 3;
-              break;
-            }
-
-            throw new Error('sessionId is required');
-
-          case 3:
-            assemblyNames = regions.map(function (region) {
-              return region.assemblyName;
-            });
-            _context3.t0 = Object;
-            _context3.next = 7;
-            return Promise.all(assemblyNames.map( /*#__PURE__*/function () {
-              var _ref6 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(assemblyName) {
-                return _regenerator.default.wrap(function _callee2$(_context2) {
-                  while (1) {
-                    switch (_context2.prev = _context2.next) {
-                      case 0:
-                        _context2.t0 = assemblyName;
-                        _context2.next = 3;
-                        return assemblyManager.getRefNameMapForAdapter(adapterConfig, assemblyName, args);
-
-                      case 3:
-                        _context2.t1 = _context2.sent;
-                        return _context2.abrupt("return", [_context2.t0, _context2.t1]);
-
-                      case 5:
-                      case "end":
-                        return _context2.stop();
-                    }
-                  }
-                }, _callee2);
-              }));
-
-              return function (_x10) {
-                return _ref6.apply(this, arguments);
-              };
-            }()));
-
-          case 7:
-            _context3.t1 = _context3.sent;
-            assemblyMaps = _context3.t0.fromEntries.call(_context3.t0, _context3.t1);
-            return _context3.abrupt("return", _objectSpread(_objectSpread({}, args), {}, {
-              regions: regions.map(function (region, i) {
-                return (// note: uses assemblyNames defined above since region could be dead now
-                  renameRegionIfNeeded(assemblyMaps[assemblyNames[i]], region)
-                );
-              })
-            }));
-
-          case 10:
-          case "end":
-            return _context3.stop();
+    if (region && refNameMap && refNameMap[region.refName]) {
+        // clone the region so we don't modify it
+        if ((0, mobx_state_tree_1.isStateTreeNode)(region)) {
+            // @ts-ignore
+            region = { ...(0, mobx_state_tree_1.getSnapshot)(region) };
         }
-      }
-    }, _callee3);
-  }));
-  return _renameRegionsIfNeeded.apply(this, arguments);
+        else {
+            region = { ...region };
+        }
+        // modify it directly in the container
+        const newRef = refNameMap[region.refName];
+        if (newRef) {
+            return { ...region, refName: newRef, originalRefName: region.refName };
+        }
+    }
+    return region;
 }
-
+exports.renameRegionIfNeeded = renameRegionIfNeeded;
+async function renameRegionsIfNeeded(assemblyManager, args) {
+    const { regions = [], adapterConfig } = args;
+    if (!args.sessionId) {
+        throw new Error('sessionId is required');
+    }
+    const assemblyNames = regions.map(region => region.assemblyName);
+    const assemblyMaps = Object.fromEntries(await Promise.all(assemblyNames.map(async (assemblyName) => {
+        return [
+            assemblyName,
+            await assemblyManager.getRefNameMapForAdapter(adapterConfig, assemblyName, args),
+        ];
+    })));
+    return {
+        ...args,
+        regions: regions.map((region, i) => 
+        // note: uses assemblyNames defined above since region could be dead now
+        renameRegionIfNeeded(assemblyMaps[assemblyNames[i]], region)),
+    };
+}
+exports.renameRegionsIfNeeded = renameRegionsIfNeeded;
 function minmax(a, b) {
-  return [Math.min(a, b), Math.max(a, b)];
+    return [Math.min(a, b), Math.max(a, b)];
 }
-
-function stringify(_ref3) {
-  var refName = _ref3.refName,
-      coord = _ref3.coord,
-      oob = _ref3.oob;
-  return "".concat(refName, ":").concat(coord.toLocaleString('en-US')).concat(oob ? ' (out of bounds)' : '');
-} // this is recommended in a later comment in https://github.com/electron/electron/issues/2288
+exports.minmax = minmax;
+function stringify({ refName, coord, oob, }) {
+    return refName
+        ? `${refName}:${coord.toLocaleString('en-US')}${oob ? ' (out of bounds)' : ''}`
+        : '';
+}
+exports.stringify = stringify;
+// this is recommended in a later comment in https://github.com/electron/electron/issues/2288
 // for detecting electron in a renderer process, which is the one that has node enabled for us
 // const isElectron = process.versions.electron
 // const i2 = process.versions.hasOwnProperty('electron')
-
-
-var isElectron = /electron/i.test(typeof navigator !== 'undefined' ? navigator.userAgent : '');
-exports.isElectron = isElectron;
-
+exports.isElectron = /electron/i.test(typeof navigator !== 'undefined' ? navigator.userAgent : '');
 function revcom(seqString) {
-  return complement(seqString).split('').reverse().join('');
+    return (0, exports.complement)(seqString).split('').reverse().join('');
 }
-
-var complement = function () {
-  var complementRegex = /[ACGT]/gi; // from bioperl: tr/acgtrymkswhbvdnxACGTRYMKSWHBVDNX/tgcayrkmswdvbhnxTGCAYRKMSWDVBHNX/
-  // generated with:
-  // perl -MJSON -E '@l = split "","acgtrymkswhbvdnxACGTRYMKSWHBVDNX"; print to_json({ map { my $in = $_; tr/acgtrymkswhbvdnxACGTRYMKSWHBVDNX/tgcayrkmswdvbhnxTGCAYRKMSWDVBHNX/; $in => $_ } @l})'
-
-  var complementTable = {
-    S: 'S',
-    w: 'w',
-    T: 'A',
-    r: 'y',
-    a: 't',
-    N: 'N',
-    K: 'M',
-    x: 'x',
-    d: 'h',
-    Y: 'R',
-    V: 'B',
-    y: 'r',
-    M: 'K',
-    h: 'd',
-    k: 'm',
-    C: 'G',
-    g: 'c',
-    t: 'a',
-    A: 'T',
-    n: 'n',
-    W: 'W',
-    X: 'X',
-    m: 'k',
-    v: 'b',
-    B: 'V',
-    s: 's',
-    H: 'D',
-    c: 'g',
-    D: 'H',
-    b: 'v',
-    R: 'Y',
-    G: 'C'
-  };
-  return function (seqString) {
-    return seqString.replace(complementRegex, function (m) {
-      return complementTable[m] || '';
-    });
-  };
-}();
-
-exports.complement = complement;
-
-function blobToDataURL(blob) {
-  var a = new FileReader();
-  return new Promise(function (resolve, reject) {
-    a.onload = function (e) {
-      if (e.target) {
-        resolve(e.target.result);
-      } else {
-        reject(new Error('unknown result reading blob from canvas'));
-      }
+exports.revcom = revcom;
+exports.complement = (() => {
+    const complementRegex = /[ACGT]/gi;
+    // from bioperl: tr/acgtrymkswhbvdnxACGTRYMKSWHBVDNX/tgcayrkmswdvbhnxTGCAYRKMSWDVBHNX/
+    // generated with:
+    // perl -MJSON -E '@l = split "","acgtrymkswhbvdnxACGTRYMKSWHBVDNX"; print to_json({ map { my $in = $_; tr/acgtrymkswhbvdnxACGTRYMKSWHBVDNX/tgcayrkmswdvbhnxTGCAYRKMSWDVBHNX/; $in => $_ } @l})'
+    const complementTable = {
+        S: 'S',
+        w: 'w',
+        T: 'A',
+        r: 'y',
+        a: 't',
+        N: 'N',
+        K: 'M',
+        x: 'x',
+        d: 'h',
+        Y: 'R',
+        V: 'B',
+        y: 'r',
+        M: 'K',
+        h: 'd',
+        k: 'm',
+        C: 'G',
+        g: 'c',
+        t: 'a',
+        A: 'T',
+        n: 'n',
+        W: 'W',
+        X: 'X',
+        m: 'k',
+        v: 'b',
+        B: 'V',
+        s: 's',
+        H: 'D',
+        c: 'g',
+        D: 'H',
+        b: 'v',
+        R: 'Y',
+        G: 'C',
     };
-
-    a.readAsDataURL(blob);
-  });
-} // requires immediate execution in jest environment, because (hypothesis) it
+    return (seqString) => {
+        return seqString.replace(complementRegex, m => complementTable[m] || '');
+    };
+})();
+function blobToDataURL(blob) {
+    const a = new FileReader();
+    return new Promise((resolve, reject) => {
+        a.onload = e => {
+            if (e.target) {
+                resolve(e.target.result);
+            }
+            else {
+                reject(new Error('unknown result reading blob from canvas'));
+            }
+        };
+        a.readAsDataURL(blob);
+    });
+}
+exports.blobToDataURL = blobToDataURL;
+// requires immediate execution in jest environment, because (hypothesis) it
 // otherwise listens for prerendered_canvas but reads empty pixels, and doesn't
 // get the contents of the canvas
-
-
-var rIC = typeof jest === 'undefined' ? // @ts-ignore
-typeof window !== 'undefined' && window.requestIdleCallback ? // @ts-ignore
-window.requestIdleCallback : function (cb) {
-  return setTimeout(function () {
-    return cb();
-  }, 1);
-} : function (cb) {
-  return cb();
-}; // xref https://gist.github.com/tophtucker/62f93a4658387bb61e4510c37e2e97cf
-
-exports.rIC = rIC;
-
-function measureText(str) {
-  var fontSize = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 10;
-  // prettier-ignore
-  var widths = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0.2796875, 0.2765625, 0.3546875, 0.5546875, 0.5546875, 0.8890625, 0.665625, 0.190625, 0.3328125, 0.3328125, 0.3890625, 0.5828125, 0.2765625, 0.3328125, 0.2765625, 0.3015625, 0.5546875, 0.5546875, 0.5546875, 0.5546875, 0.5546875, 0.5546875, 0.5546875, 0.5546875, 0.5546875, 0.5546875, 0.2765625, 0.2765625, 0.584375, 0.5828125, 0.584375, 0.5546875, 1.0140625, 0.665625, 0.665625, 0.721875, 0.721875, 0.665625, 0.609375, 0.7765625, 0.721875, 0.2765625, 0.5, 0.665625, 0.5546875, 0.8328125, 0.721875, 0.7765625, 0.665625, 0.7765625, 0.721875, 0.665625, 0.609375, 0.721875, 0.665625, 0.94375, 0.665625, 0.665625, 0.609375, 0.2765625, 0.3546875, 0.2765625, 0.4765625, 0.5546875, 0.3328125, 0.5546875, 0.5546875, 0.5, 0.5546875, 0.5546875, 0.2765625, 0.5546875, 0.5546875, 0.221875, 0.240625, 0.5, 0.221875, 0.8328125, 0.5546875, 0.5546875, 0.5546875, 0.5546875, 0.3328125, 0.5, 0.2765625, 0.5546875, 0.5, 0.721875, 0.5, 0.5, 0.5, 0.3546875, 0.259375, 0.353125, 0.5890625];
-  var avg = 0.5279276315789471;
-  return String(str).split('').map(function (c) {
-    return c.charCodeAt(0) < widths.length ? widths[c.charCodeAt(0)] : avg;
-  }).reduce(function (cur, acc) {
-    return acc + cur;
-  }, 0) * fontSize;
+exports.rIC = typeof jest === 'undefined'
+    ? // @ts-ignore
+        typeof window !== 'undefined' && window.requestIdleCallback
+            ? // @ts-ignore
+                window.requestIdleCallback
+            : (cb) => setTimeout(() => cb(), 1)
+    : (cb) => cb();
+// prettier-ignore
+const widths = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0.2796875, 0.2765625, 0.3546875, 0.5546875, 0.5546875, 0.8890625, 0.665625, 0.190625, 0.3328125, 0.3328125, 0.3890625, 0.5828125, 0.2765625, 0.3328125, 0.2765625, 0.3015625, 0.5546875, 0.5546875, 0.5546875, 0.5546875, 0.5546875, 0.5546875, 0.5546875, 0.5546875, 0.5546875, 0.5546875, 0.2765625, 0.2765625, 0.584375, 0.5828125, 0.584375, 0.5546875, 1.0140625, 0.665625, 0.665625, 0.721875, 0.721875, 0.665625, 0.609375, 0.7765625, 0.721875, 0.2765625, 0.5, 0.665625, 0.5546875, 0.8328125, 0.721875, 0.7765625, 0.665625, 0.7765625, 0.721875, 0.665625, 0.609375, 0.721875, 0.665625, 0.94375, 0.665625, 0.665625, 0.609375, 0.2765625, 0.3546875, 0.2765625, 0.4765625, 0.5546875, 0.3328125, 0.5546875, 0.5546875, 0.5, 0.5546875, 0.5546875, 0.2765625, 0.5546875, 0.5546875, 0.221875, 0.240625, 0.5, 0.221875, 0.8328125, 0.5546875, 0.5546875, 0.5546875, 0.5546875, 0.3328125, 0.5, 0.2765625, 0.5546875, 0.5, 0.721875, 0.5, 0.5, 0.5, 0.3546875, 0.259375, 0.353125, 0.5890625];
+// xref https://gist.github.com/tophtucker/62f93a4658387bb61e4510c37e2e97cf
+function measureText(str, fontSize = 10) {
+    var _a;
+    const avg = 0.5279276315789471;
+    const s = String(str);
+    let total = 0;
+    for (let i = 0; i < s.length; i++) {
+        const code = s.charCodeAt(i);
+        total += (_a = widths[code]) !== null && _a !== void 0 ? _a : avg;
+    }
+    return total * fontSize;
 }
-
-var defaultStarts = ['ATG'];
-exports.defaultStarts = defaultStarts;
-var defaultStops = ['TAA', 'TAG', 'TGA'];
-exports.defaultStops = defaultStops;
-var defaultCodonTable = {
-  TCA: 'S',
-  TCC: 'S',
-  TCG: 'S',
-  TCT: 'S',
-  TTC: 'F',
-  TTT: 'F',
-  TTA: 'L',
-  TTG: 'L',
-  TAC: 'Y',
-  TAT: 'Y',
-  TAA: '*',
-  TAG: '*',
-  TGC: 'C',
-  TGT: 'C',
-  TGA: '*',
-  TGG: 'W',
-  CTA: 'L',
-  CTC: 'L',
-  CTG: 'L',
-  CTT: 'L',
-  CCA: 'P',
-  CCC: 'P',
-  CCG: 'P',
-  CCT: 'P',
-  CAC: 'H',
-  CAT: 'H',
-  CAA: 'Q',
-  CAG: 'Q',
-  CGA: 'R',
-  CGC: 'R',
-  CGG: 'R',
-  CGT: 'R',
-  ATA: 'I',
-  ATC: 'I',
-  ATT: 'I',
-  ATG: 'M',
-  ACA: 'T',
-  ACC: 'T',
-  ACG: 'T',
-  ACT: 'T',
-  AAC: 'N',
-  AAT: 'N',
-  AAA: 'K',
-  AAG: 'K',
-  AGC: 'S',
-  AGT: 'S',
-  AGA: 'R',
-  AGG: 'R',
-  GTA: 'V',
-  GTC: 'V',
-  GTG: 'V',
-  GTT: 'V',
-  GCA: 'A',
-  GCC: 'A',
-  GCG: 'A',
-  GCT: 'A',
-  GAC: 'D',
-  GAT: 'D',
-  GAA: 'E',
-  GAG: 'E',
-  GGA: 'G',
-  GGC: 'G',
-  GGG: 'G',
-  GGT: 'G'
+exports.measureText = measureText;
+exports.defaultStarts = ['ATG'];
+exports.defaultStops = ['TAA', 'TAG', 'TGA'];
+exports.defaultCodonTable = {
+    TCA: 'S',
+    TCC: 'S',
+    TCG: 'S',
+    TCT: 'S',
+    TTC: 'F',
+    TTT: 'F',
+    TTA: 'L',
+    TTG: 'L',
+    TAC: 'Y',
+    TAT: 'Y',
+    TAA: '*',
+    TAG: '*',
+    TGC: 'C',
+    TGT: 'C',
+    TGA: '*',
+    TGG: 'W',
+    CTA: 'L',
+    CTC: 'L',
+    CTG: 'L',
+    CTT: 'L',
+    CCA: 'P',
+    CCC: 'P',
+    CCG: 'P',
+    CCT: 'P',
+    CAC: 'H',
+    CAT: 'H',
+    CAA: 'Q',
+    CAG: 'Q',
+    CGA: 'R',
+    CGC: 'R',
+    CGG: 'R',
+    CGT: 'R',
+    ATA: 'I',
+    ATC: 'I',
+    ATT: 'I',
+    ATG: 'M',
+    ACA: 'T',
+    ACC: 'T',
+    ACG: 'T',
+    ACT: 'T',
+    AAC: 'N',
+    AAT: 'N',
+    AAA: 'K',
+    AAG: 'K',
+    AGC: 'S',
+    AGT: 'S',
+    AGA: 'R',
+    AGG: 'R',
+    GTA: 'V',
+    GTC: 'V',
+    GTG: 'V',
+    GTT: 'V',
+    GCA: 'A',
+    GCC: 'A',
+    GCG: 'A',
+    GCT: 'A',
+    GAC: 'D',
+    GAT: 'D',
+    GAA: 'E',
+    GAG: 'E',
+    GGA: 'G',
+    GGC: 'G',
+    GGG: 'G',
+    GGT: 'G',
 };
 /**
  *  take CodonTable above and generate larger codon table that includes
  *  all permutations of upper and lower case nucleotides
  */
-
-exports.defaultCodonTable = defaultCodonTable;
-
 function generateCodonTable(table) {
-  var tempCodonTable = {};
-  Object.keys(table).forEach(function (codon) {
-    var aa = table[codon];
-    var nucs = [];
-
-    for (var i = 0; i < 3; i++) {
-      var nuc = codon.charAt(i);
-      nucs[i] = [];
-      nucs[i][0] = nuc.toUpperCase();
-      nucs[i][1] = nuc.toLowerCase();
-    }
-
-    for (var _i = 0; _i < 2; _i++) {
-      var n0 = nucs[0][_i];
-
-      for (var j = 0; j < 2; j++) {
-        var n1 = nucs[1][j];
-
-        for (var k = 0; k < 2; k++) {
-          var n2 = nucs[2][k];
-          var triplet = n0 + n1 + n2;
-          tempCodonTable[triplet] = aa;
+    const tempCodonTable = {};
+    Object.keys(table).forEach(codon => {
+        const aa = table[codon];
+        const nucs = [];
+        for (let i = 0; i < 3; i++) {
+            const nuc = codon.charAt(i);
+            nucs[i] = [];
+            nucs[i][0] = nuc.toUpperCase();
+            nucs[i][1] = nuc.toLowerCase();
         }
-      }
-    }
-  });
-  return tempCodonTable;
-} // call statusCallback with current status and clear when finished
-
-
-function updateStatus(_x5, _x6, _x7) {
-  return _updateStatus.apply(this, arguments);
-}
-
-function _updateStatus() {
-  _updateStatus = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4(msg, cb, fn) {
-    var res;
-    return _regenerator.default.wrap(function _callee4$(_context4) {
-      while (1) {
-        switch (_context4.prev = _context4.next) {
-          case 0:
-            cb(msg);
-            _context4.next = 3;
-            return fn();
-
-          case 3:
-            res = _context4.sent;
-            cb('');
-            return _context4.abrupt("return", res);
-
-          case 6:
-          case "end":
-            return _context4.stop();
+        for (let i = 0; i < 2; i++) {
+            const n0 = nucs[0][i];
+            for (let j = 0; j < 2; j++) {
+                const n1 = nucs[1][j];
+                for (let k = 0; k < 2; k++) {
+                    const n2 = nucs[2][k];
+                    const triplet = n0 + n1 + n2;
+                    tempCodonTable[triplet] = aa;
+                }
+            }
         }
-      }
-    }, _callee4);
-  }));
-  return _updateStatus.apply(this, arguments);
+    });
+    return tempCodonTable;
+}
+exports.generateCodonTable = generateCodonTable;
+// call statusCallback with current status and clear when finished
+async function updateStatus(msg, cb, fn) {
+    cb(msg);
+    const res = await fn();
+    cb('');
+    return res;
 }
-
+exports.updateStatus = updateStatus;
 function hashCode(str) {
-  var hash = 0;
-
-  if (str.length === 0) {
+    let hash = 0;
+    if (str.length === 0) {
+        return hash;
+    }
+    for (let i = 0; i < str.length; i++) {
+        const chr = str.charCodeAt(i);
+        hash = (hash << 5) - hash + chr;
+        hash |= 0; // Convert to 32bit integer
+    }
     return hash;
-  }
-
-  for (var i = 0; i < str.length; i++) {
-    var chr = str.charCodeAt(i);
-    hash = (hash << 5) - hash + chr;
-    hash |= 0; // Convert to 32bit integer
-  }
-
-  return hash;
 }
-
+exports.hashCode = hashCode;
 function objectHash(obj) {
-  return "".concat(hashCode(JSON.stringify(obj)));
-}
-
-function bytesForRegions(_x8, _x9) {
-  return _bytesForRegions.apply(this, arguments);
+    return `${hashCode(JSON.stringify(obj))}`;
 }
-
-function _bytesForRegions() {
-  _bytesForRegions = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5(regions, index) {
-    var blockResults;
-    return _regenerator.default.wrap(function _callee5$(_context5) {
-      while (1) {
-        switch (_context5.prev = _context5.next) {
-          case 0:
-            _context5.next = 2;
-            return Promise.all(regions.map(function (r) {
-              return index.blocksForRange(r.refName, r.start, r.end);
-            }));
-
-          case 2:
-            blockResults = _context5.sent;
-            return _context5.abrupt("return", blockResults.flat().map(function (block) {
-              return {
-                start: block.minv.blockPosition,
-                end: block.maxv.blockPosition + 65535
-              };
-            }).reduce(function (a, b) {
-              return a + b.end - b.start;
-            }, 0));
-
-          case 4:
-          case "end":
-            return _context5.stop();
-        }
-      }
-    }, _callee5);
-  }));
-  return _bytesForRegions.apply(this, arguments);
+exports.objectHash = objectHash;
+async function bytesForRegions(regions, index) {
+    const blockResults = await Promise.all(regions.map(r => index.blocksForRange(r.refName, r.start, r.end)));
+    return blockResults
+        .flat()
+        .map(block => ({
+        start: block.minv.blockPosition,
+        end: block.maxv.blockPosition + 65535,
+    }))
+        .reduce((a, b) => a + b.end - b.start, 0);
 }
-
-function viewBpToPx(_ref4) {
-  var refName = _ref4.refName,
-      coord = _ref4.coord,
-      regionNumber = _ref4.regionNumber,
-      self = _ref4.self;
-  var offsetBp = 0;
-  var interRegionPaddingBp = self.interRegionPaddingWidth * self.bpPerPx;
-  var minimumBlockBp = self.minimumBlockWidth * self.bpPerPx;
-  var index = self.displayedRegions.findIndex(function (region, idx) {
-    var len = region.end - region.start;
-
-    if (refName === region.refName && coord >= region.start && coord <= region.end) {
-      if (regionNumber ? regionNumber === idx : true) {
-        offsetBp += region.reversed ? region.end - coord : coord - region.start;
-        return true;
-      }
-    } // add the interRegionPaddingWidth if the boundary is in the screen
-    // e.g. offset>=0 && offset<width
-
-
-    if (len > minimumBlockBp && offsetBp / self.bpPerPx >= 0 && offsetBp / self.bpPerPx < self.width) {
-      offsetBp += len + interRegionPaddingBp;
-    } else {
-      offsetBp += len;
-    }
-
-    return false;
-  });
-  var found = self.displayedRegions[index];
-
-  if (found) {
-    return {
-      index: index,
-      offsetPx: Math.round(offsetBp / self.bpPerPx)
-    };
-  }
-
-  return undefined;
-} // supported adapter types by text indexer
+exports.bytesForRegions = bytesForRegions;
+// supported adapter types by text indexer
 //  ensure that this matches the method found in @jbrowse/text-indexing/util
-
-
 function supportedIndexingAdapters(type) {
-  return ['Gff3TabixAdapter', 'VcfTabixAdapter', 'Gff3Adapter', 'VcfAdapter'].includes(type);
+    return [
+        'Gff3TabixAdapter',
+        'VcfTabixAdapter',
+        'Gff3Adapter',
+        'VcfAdapter',
+    ].includes(type);
 }
-
+exports.supportedIndexingAdapters = supportedIndexingAdapters;
 function getBpDisplayStr(totalBp) {
-  var str;
-
-  if (Math.floor(totalBp / 1000000) > 0) {
-    str = "".concat(parseFloat((totalBp / 1000000).toPrecision(3)), "Mbp");
-  } else if (Math.floor(totalBp / 1000) > 0) {
-    str = "".concat(parseFloat((totalBp / 1000).toPrecision(3)), "Kbp");
-  } else {
-    str = "".concat(toLocale(Math.floor(totalBp)), "bp");
-  }
-
-  return str;
+    let str;
+    if (Math.floor(totalBp / 1000000) > 0) {
+        str = `${parseFloat((totalBp / 1000000).toPrecision(3))}Mbp`;
+    }
+    else if (Math.floor(totalBp / 1000) > 0) {
+        str = `${parseFloat((totalBp / 1000).toPrecision(3))}Kbp`;
+    }
+    else {
+        str = `${toLocale(Math.floor(totalBp))}bp`;
+    }
+    return str;
 }
-
+exports.getBpDisplayStr = getBpDisplayStr;
 function toLocale(n) {
-  return n.toLocaleString('en-US');
+    return n.toLocaleString('en-US');
 }
-
+exports.toLocale = toLocale;
 function getTickDisplayStr(totalBp, bpPerPx) {
-  var str;
-
-  if (Math.floor(bpPerPx / 1000) > 0) {
-    str = "".concat(toLocale(parseFloat((totalBp / 1000000).toFixed(2))), "M");
-  } else {
-    str = "".concat(toLocale(Math.floor(totalBp)));
-  }
-
-  return str;
+    let str;
+    if (Math.floor(bpPerPx / 1000) > 0) {
+        str = `${toLocale(parseFloat((totalBp / 1000000).toFixed(2)))}M`;
+    }
+    else {
+        str = `${toLocale(Math.floor(totalBp))}`;
+    }
+    return str;
 }
-
+exports.getTickDisplayStr = getTickDisplayStr;
 function getViewParams(model, exportSVG) {
-  // @ts-ignore
-  var _getContainingView = getContainingView(model),
-      dynamicBlocks = _getContainingView.dynamicBlocks,
-      staticBlocks = _getContainingView.staticBlocks,
-      offsetPx = _getContainingView.offsetPx;
-
-  var b = (dynamicBlocks === null || dynamicBlocks === void 0 ? void 0 : dynamicBlocks.contentBlocks[0]) || {};
-  var staticblock = (staticBlocks === null || staticBlocks === void 0 ? void 0 : staticBlocks.contentBlocks[0]) || {};
-  var staticblock1 = (staticBlocks === null || staticBlocks === void 0 ? void 0 : staticBlocks.contentBlocks[1]) || {};
-  return {
-    offsetPx: exportSVG ? 0 : offsetPx - staticblock.offsetPx,
-    offsetPx1: exportSVG ? 0 : offsetPx - staticblock1.offsetPx,
-    start: b.start,
-    end: b.end
-  };
+    // @ts-ignore
+    const { dynamicBlocks, staticBlocks, offsetPx } = getContainingView(model);
+    const b = (dynamicBlocks === null || dynamicBlocks === void 0 ? void 0 : dynamicBlocks.contentBlocks[0]) || {};
+    const staticblock = (staticBlocks === null || staticBlocks === void 0 ? void 0 : staticBlocks.contentBlocks[0]) || {};
+    const staticblock1 = (staticBlocks === null || staticBlocks === void 0 ? void 0 : staticBlocks.contentBlocks[1]) || {};
+    return {
+        offsetPx: exportSVG ? 0 : offsetPx - staticblock.offsetPx,
+        offsetPx1: exportSVG ? 0 : offsetPx - staticblock1.offsetPx,
+        start: b.start,
+        end: b.end,
+    };
 }
-
-function getLayoutId(_ref5) {
-  var sessionId = _ref5.sessionId,
-      layoutId = _ref5.layoutId;
-  return sessionId + '-' + layoutId;
-}
+exports.getViewParams = getViewParams;
+function getLayoutId({ sessionId, layoutId, }) {
+    return sessionId + '-' + layoutId;
+}
+exports.getLayoutId = getLayoutId;
+// similar to https://blog.logrocket.com/using-localstorage-react-hooks/
+const useLocalStorage = (key, defaultValue = '') => {
+    const [value, setValue] = (0, react_1.useState)(() => localStorage.getItem(key) || defaultValue);
+    (0, react_1.useEffect)(() => {
+        localStorage.setItem(key, value);
+    }, [key, value]);
+    // without this cast, tsc complained that the type of setValue could be a
+    // string or a callback
+    return [value, setValue];
+};
+exports.useLocalStorage = useLocalStorage;
+function getUriLink(value) {
+    const { uri, baseUri = '' } = value;
+    let href;
+    try {
+        href = new URL(uri, baseUri).href;
+    }
+    catch (e) {
+        href = uri;
+    }
+    return href;
+}
+exports.getUriLink = getUriLink;
+function getStr(obj) {
+    return (0, is_object_1.default)(obj)
+        ? (0, types_2.isUriLocation)(obj)
+            ? getUriLink(obj)
+            : JSON.stringify(obj)
+        : String(obj);
+}
+exports.getStr = getStr;
+// heuristic measurement for a column of a @mui/x-data-grid, pass in values from a column
+function measureGridWidth(elements) {
+    return Math.max(...elements.map(element => Math.min(Math.max(measureText(getStr(element), 14) + 50, 80), 1000)));
+}
+exports.measureGridWidth = measureGridWidth;