@jbrowse/core 1.5.1 → 1.5.5

package/rpc/RpcManager.js

@@ -34,17 +34,11 @@ var RpcManager = /*#__PURE__*/function () {
   function RpcManager(pluginManager, mainConfiguration, backendConfigurations) {
     (0, _classCallCheck2.default)(this, RpcManager);
     (0, _defineProperty2.default)(this, "driverObjects", void 0);
-    (0, _defineProperty2.default)(this, "pluginManager", void 0);
-    (0, _defineProperty2.default)(this, "mainConfiguration", void 0);
-    (0, _defineProperty2.default)(this, "backendConfigurations", void 0);
 
     if (!mainConfiguration) {
       throw new Error('RpcManager requires at least a main configuration');
     }
 
-    this.pluginManager = pluginManager;
-    this.mainConfiguration = mainConfiguration;
-    this.backendConfigurations = backendConfigurations;
     this.driverObjects = new Map();
   }
 
@@ -62,7 +56,9 @@ var RpcManager = /*#__PURE__*/function () {
 
       if (!DriverClassImpl) {
         throw new Error("requested RPC driver \"".concat(backendName, "\" is not installed"));
-      } else if (!backendConfiguration) {
+      }
+
+      if (!backendConfiguration) {
         throw new Error("requested RPC driver \"".concat(backendName, "\" is missing config"));
       } // eslint-disable-next-line @typescript-eslint/no-explicit-any
 
@@ -75,41 +71,67 @@ var RpcManager = /*#__PURE__*/function () {
     }
   }, {
     key: "getDriverForCall",
-    value: function getDriverForCall(_sessionId, _functionName, args) {
-      var backendName = args.rpcDriverName || (0, _configuration.readConfObject)(this.mainConfiguration, 'defaultDriver');
-      return this.getDriver(backendName);
-    }
+    value: function () {
+      var _getDriverForCall = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_sessionId, _functionName, args) {
+        var backendName;
+        return _regenerator.default.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                backendName = args.rpcDriverName || (0, _configuration.readConfObject)(this.mainConfiguration, 'defaultDriver');
+                return _context.abrupt("return", this.getDriver(backendName));
+
+              case 2:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      function getDriverForCall(_x, _x2, _x3) {
+        return _getDriverForCall.apply(this, arguments);
+      }
+
+      return getDriverForCall;
+    }()
   }, {
     key: "call",
     value: function () {
-      var _call = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(sessionId, functionName, args) {
+      var _call = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(sessionId, functionName, args) {
         var opts,
-            _args = arguments;
-        return _regenerator.default.wrap(function _callee$(_context) {
+            driverForCall,
+            _args2 = arguments;
+        return _regenerator.default.wrap(function _callee2$(_context2) {
           while (1) {
-            switch (_context.prev = _context.next) {
+            switch (_context2.prev = _context2.next) {
               case 0:
-                opts = _args.length > 3 && _args[3] !== undefined ? _args[3] : {};
+                opts = _args2.length > 3 && _args2[3] !== undefined ? _args2[3] : {};
 
                 if (sessionId) {
-                  _context.next = 3;
+                  _context2.next = 3;
                   break;
                 }
 
                 throw new Error('sessionId is required');
 
               case 3:
-                return _context.abrupt("return", this.getDriverForCall(sessionId, functionName, args).call(this.pluginManager, sessionId, functionName, args, opts));
+                _context2.next = 5;
+                return this.getDriverForCall(sessionId, functionName, args);
 
-              case 4:
+              case 5:
+                driverForCall = _context2.sent;
+                return _context2.abrupt("return", driverForCall.call(this.pluginManager, sessionId, functionName, args, opts));
+
+              case 7:
               case "end":
-                return _context.stop();
+                return _context2.stop();
             }
           }
-        }, _callee, this);
+        }, _callee2, this);
       }));
 
-      function call(_x, _x2, _x3) {
+      function call(_x4, _x5, _x6) {
         return _call.apply(this, arguments);
       }
 

package/rpc/WebWorkerRpcDriver.d.ts

@@ -16,11 +16,11 @@ declare class WebWorkerHandle extends Rpc.Client {
     }): Promise<any>;
 }
 export default class WebWorkerRpcDriver extends BaseRpcDriver {
-    name: string;
-    WorkerClass: WebpackWorker;
     workerBootConfiguration: {
         plugins: PluginDefinition[];
     };
+    name: string;
+    WorkerClass: WebpackWorker;
     constructor(args: WebWorkerRpcDriverConstructorArgs, workerBootConfiguration: {
         plugins: PluginDefinition[];
     });

package/rpc/WebWorkerRpcDriver.js

@@ -33,9 +33,9 @@ var _shortid = _interopRequireDefault(require("shortid"));
 
 var _BaseRpcDriver2 = _interopRequireDefault(require("./BaseRpcDriver"));
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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 _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 
@@ -116,18 +116,16 @@ var WebWorkerRpcDriver = /*#__PURE__*/function (_BaseRpcDriver) {
     _this = _super2.call(this, args);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "name", 'WebWorkerRpcDriver');
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "WorkerClass", void 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "workerBootConfiguration", void 0);
     _this.WorkerClass = args.WorkerClass;
-    _this.workerBootConfiguration = workerBootConfiguration;
     return _this;
   }
 
   (0, _createClass2.default)(WebWorkerRpcDriver, [{
     key: "makeWorker",
     value: function makeWorker() {
-      // note that we are making a Rpc.Client connection with a worker pool of one for each worker,
-      // because we want to do our own state-group-aware load balancing rather than using librpc's
-      // builtin round-robin
+      // note that we are making a Rpc.Client connection with a worker pool of
+      // one for each worker, because we want to do our own state-group-aware
+      // load balancing rather than using librpc's builtin round-robin
       var worker = new WebWorkerHandle({
         workers: [new this.WorkerClass()]
       }); // send the worker its boot configuration using info from the pluginManager

package/rpc/coreRpcMethods.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.CoreRender = exports.CoreFreeResources = exports.CoreGetFeatures = exports.CoreGetMetadata = exports.CoreGetFileInfo = exports.CoreGetRefNames = void 0;
+exports.CoreRender = exports.CoreGetRefNames = exports.CoreGetMetadata = exports.CoreGetFileInfo = exports.CoreGetFeatures = exports.CoreFreeResources = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
@@ -41,9 +41,9 @@ var _util = require("../util");
 
 var _simpleFeature = _interopRequireDefault(require("../util/simpleFeature"));
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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 _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 

package/rpc/remoteAbortSignals.js

@@ -5,11 +5,11 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.serializeAbortSignal = serializeAbortSignal;
-exports.isRemoteAbortSignal = isRemoteAbortSignal;
 exports.deserializeAbortSignal = deserializeAbortSignal;
+exports.isRemoteAbortSignal = isRemoteAbortSignal;
 exports.remoteAbort = remoteAbort;
 exports.remoteAbortRpcHandler = remoteAbortRpcHandler;
+exports.serializeAbortSignal = serializeAbortSignal;
 
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 

package/ui/App.js

@@ -72,11 +72,13 @@ var useStyles = (0, _core.makeStyles)(function (theme) {
       width: '100%'
     },
     fabLeft: {
+      zIndex: 10000,
       position: 'fixed',
       bottom: theme.spacing(2),
       left: theme.spacing(2)
     },
     fabRight: {
+      zIndex: 10000,
       position: 'fixed',
       bottom: theme.spacing(2),
       right: theme.spacing(2)

package/ui/DrawerWidget.js

@@ -163,6 +163,7 @@ var DrawerHeader = (0, _mobxReact.observer)(function (_ref) {
     "data-testid": "drawer-minimize",
     color: "inherit",
     onClick: function onClick() {
+      session.notify("Drawer minimized, click button on ".concat(drawerPosition, " side of screen to re-open"), 'info');
       session.minimizeWidgetDrawer();
     }
   }, /*#__PURE__*/_react.default.createElement(_Minimize.default, null))), /*#__PURE__*/_react.default.createElement(_core.Tooltip, {

package/ui/EditableTypography.js

@@ -31,9 +31,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(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); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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; }
 
 var useStyles = (0, _styles.makeStyles)(function (theme) {
   return {

package/ui/FileSelector/FileSelector.js

@@ -41,9 +41,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(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); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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 ToggleButtonWithTooltip(props) {
   var title = props.title,

package/ui/Icons.js

@@ -5,14 +5,14 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.Cable = Cable;
 exports.ContentCopy = ContentCopy;
 exports.ContentCut = ContentCut;
 exports.ContentPaste = ContentPaste;
-exports.TrackSelector = TrackSelector;
-exports.SaveAs = SaveAs;
-exports.Save = Save;
 exports.DNA = DNA;
-exports.Cable = Cable;
+exports.Save = Save;
+exports.SaveAs = SaveAs;
+exports.TrackSelector = TrackSelector;
 
 var _SvgIcon = _interopRequireDefault(require("@material-ui/core/SvgIcon"));
 

package/ui/Logo.js

@@ -5,8 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Logomark = Logomark;
 exports.LogoFull = LogoFull;
+exports.Logomark = Logomark;
 
 var _react = _interopRequireDefault(require("react"));
 

package/ui/Menu.js

@@ -39,9 +39,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(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); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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; }
 
 var useStyles = (0, _core.makeStyles)({
   paper: {

package/ui/NewSessionCards.js

@@ -23,9 +23,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(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); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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; }
 
 /* babel-plugin-inline-import './emptyIcon.png' */
 var emptyIcon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAACWCAYAAACb3McZAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAB7CAAAewgBeCQdoQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAMUSURBVHic7dsxixRnAMbxd3anCZhGU4okkCOKhfU27uUTxAi3bYpY5Duk1cbGLyApUnog+A20kK2SxkawiWIKuayVVplz0mQhiD57566+c9nfr9tiXp7mzw4zTCkAAAAAAAAAAAAAAACcJE3tAdvk9NVrZ8uom6x1yJt2/vLu7ecbmsQKbe0BW2XUTZqm3FnniH7UzUop+xtaxAqj2gNgyAQCgUAgEAgEAoFAIBAIBAKBQCAQCAQCgUAgEAgEAoFAIBAIBAKBQCAQCAQCgUAgEAgEAoFAIBAIBAKBQCAQCAQCgUAgEAgEAoFAIBAIBAKBQCAQCAQCgUAgEAgEAoFAIBAIBAKBQCAQCAQCgUAgEAgEAoFAIBAIBAKBQNDWHnAUn329e3Zc+kntHevqF692mi9OrXXG5I/Rzjfnftzb0KRq2sNmfvPP289r71jlRAQyLv2k6cud2jvW1T07KG1THozOnJp+yPWXn4zvf/Wy3Nj0rhq6cT8rpezX3rGKW6xPrHt6MH2zePXguNf9G8fuR5hEIJAKjhuJOOoRSCVHjUQcdQmkolWRiKM+gVT2vkjEMQwCGYC3IxHHcJyIx7zboHt6MG1HzcNv//q8+1Icg+EfZEB+ufzo7+uz32vP4D8EMhC//vDi/pVLr3cvXFxMr/3027Hfk/BxCGQAlnEsf4tkOARS2dtxLIlkGARS0fviWBJJfQKpZFUcSyKpSyAVHDWOJZHUI5BP7LhxLImkjhPxovCwNPNx089q71jXre8XO1cuvf7g7zkuXFxMr+49/vnu/vknm9xVQ3vYzGtvOIqm9oBt0t87t1dKv+aHX82s+e7Z4D80+r9wiwWBQCAQCAQCgUAgEAgEAoFAIBAIBAKBQCAQCAQCgUAgEAgEAoFAIBAIBAKBQCAQCAQCgUAgEAgEAoFAIBAIBAKBQCAQCAQCgUAgEAgEAoFAIBAIBAKBQCAQCAQCgUAgEAgEAoFAIBAIBAKBQCAQCAQCgUAgEAgEAoFAIBAI2toDtkp3OC/teLb2GQAAAAAAAAAAAAAAAMA7/QMEwsCcxccm/QAAAABJRU5ErkJggg==";

package/ui/PrerenderedCanvas.d.ts

@@ -7,6 +7,7 @@ declare function PrerenderedCanvas(props: {
     style: any;
     imageData: any;
     showSoftClip?: boolean;
+    blockKey?: string;
 }): JSX.Element;
 declare namespace PrerenderedCanvas {
     var propTypes: {

package/ui/PrerenderedCanvas.js

@@ -23,9 +23,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(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); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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 PrerenderedCanvas(props) {
   var width = props.width,
@@ -33,6 +33,7 @@ function PrerenderedCanvas(props) {
       highResolutionScaling = props.highResolutionScaling,
       style = props.style,
       imageData = props.imageData,
+      blockKey = props.blockKey,
       showSoftClip = props.showSoftClip;
   var featureCanvas = (0, _react.useRef)(null);
   (0, _react.useEffect)(function () {
@@ -78,8 +79,10 @@ function PrerenderedCanvas(props) {
     }
   }, [imageData]);
   var softClipString = showSoftClip ? '_softclipped' : '';
+  var blockKeyStr = blockKey ? '_' + blockKey : '';
+  var testId = "prerendered_canvas".concat(softClipString).concat(blockKeyStr);
   return /*#__PURE__*/_react.default.createElement("canvas", {
-    "data-testid": "prerendered_canvas".concat(softClipString),
+    "data-testid": testId,
     ref: featureCanvas,
     width: width * highResolutionScaling,
     height: height * highResolutionScaling,

package/ui/SanitizedHTML.js

@@ -5,8 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isHTML = isHTML;
 exports.default = SanitizedHTML;
+exports.isHTML = isHTML;
 
 var _react = _interopRequireDefault(require("react"));
 

package/ui/SnackbarModel.d.ts

@@ -0,0 +1,16 @@
+import { IModelType, ModelProperties } from 'mobx-state-tree';
+import { IObservableArray } from 'mobx';
+import { NotificationLevel } from '../util/types';
+declare function makeExtension(snackbarMessages: IObservableArray<any>): {
+    views: {
+        readonly snackbarMessages: IObservableArray<any>;
+    };
+    actions: {
+        notify(message: string, level?: NotificationLevel | undefined): void;
+        pushSnackbarMessage(message: string, level?: NotificationLevel | undefined): number;
+        popSnackbarMessage(): any;
+        removeSnackbarMessage(message: string): void;
+    };
+};
+export default function addSnackbarToModel<PROPS extends ModelProperties, OTHERS>(tree: IModelType<PROPS, OTHERS>): IModelType<PROPS, OTHERS & ReturnType<typeof makeExtension>['actions'] & ReturnType<typeof makeExtension>['views']>;
+export {};

package/ui/SnackbarModel.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = addSnackbarToModel;
+
+var _mobx = require("mobx");
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function makeExtension(snackbarMessages) {
+  return {
+    views: {
+      get snackbarMessages() {
+        return snackbarMessages;
+      }
+
+    },
+    actions: {
+      notify: function notify(message, level) {
+        var _this = this;
+
+        this.pushSnackbarMessage(message, level);
+
+        if (level === 'info' || level === 'success') {
+          setTimeout(function () {
+            _this.removeSnackbarMessage(message);
+          }, 5000);
+        }
+      },
+      pushSnackbarMessage: function pushSnackbarMessage(message, level) {
+        return snackbarMessages.push([message, level]);
+      },
+      popSnackbarMessage: function popSnackbarMessage() {
+        return snackbarMessages.pop();
+      },
+      removeSnackbarMessage: function removeSnackbarMessage(message) {
+        var element = snackbarMessages.find(function (f) {
+          return f[0] === message;
+        });
+
+        if (element) {
+          snackbarMessages.remove(element);
+        }
+      }
+    }
+  };
+}
+
+function addSnackbarToModel(tree) {
+  return tree.extend(function () {
+    var snackbarMessages = _mobx.observable.array();
+
+    return makeExtension(snackbarMessages);
+  });
+}

package/ui/ViewContainer.js

@@ -39,9 +39,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(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); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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; }
 
 var useStyles = (0, _core.makeStyles)(function (theme) {
   return {
@@ -183,7 +183,8 @@ var _default = (0, _reactMeasure.withContentRect)('bounds')((0, _mobxReact.obser
     title: "Rename view",
     arrow: true
   }, /*#__PURE__*/_react.default.createElement(_EditableTypography.default, {
-    value: view.displayName || (view.assemblyNames ? // @ts-ignore
+    value: view.displayName || ( // @ts-ignore
+    view.assemblyNames ? // @ts-ignore
     view.assemblyNames.join(',') : 'Untitled view'),
     setValue: function setValue(val) {
       view.setDisplayName(val);

package/ui/index.js

@@ -21,76 +21,76 @@ var _exportNames = {
   Menu: true,
   SanitizedHTML: true
 };
-Object.defineProperty(exports, "LogoFull", {
+Object.defineProperty(exports, "App", {
   enumerable: true,
   get: function get() {
-    return _Logo.LogoFull;
+    return _App.default;
   }
 });
-Object.defineProperty(exports, "Logomark", {
+Object.defineProperty(exports, "EditableTypography", {
   enumerable: true,
   get: function get() {
-    return _Logo.Logomark;
+    return _EditableTypography.default;
   }
 });
-Object.defineProperty(exports, "App", {
+Object.defineProperty(exports, "FactoryResetDialog", {
   enumerable: true,
   get: function get() {
-    return _App.default;
+    return _FactoryResetDialog.default;
   }
 });
-Object.defineProperty(exports, "FileSelector", {
+Object.defineProperty(exports, "FatalErrorDialog", {
   enumerable: true,
   get: function get() {
-    return _FileSelector.default;
+    return _FatalErrorDialog.default;
   }
 });
-Object.defineProperty(exports, "PrerenderedCanvas", {
+Object.defineProperty(exports, "FileSelector", {
   enumerable: true,
   get: function get() {
-    return _PrerenderedCanvas.default;
+    return _FileSelector.default;
   }
 });
-Object.defineProperty(exports, "ResizeHandle", {
+Object.defineProperty(exports, "LogoFull", {
   enumerable: true,
   get: function get() {
-    return _ResizeHandle.default;
+    return _Logo.LogoFull;
   }
 });
-Object.defineProperty(exports, "EditableTypography", {
+Object.defineProperty(exports, "Logomark", {
   enumerable: true,
   get: function get() {
-    return _EditableTypography.default;
+    return _Logo.Logomark;
   }
 });
-Object.defineProperty(exports, "FactoryResetDialog", {
+Object.defineProperty(exports, "Menu", {
   enumerable: true,
   get: function get() {
-    return _FactoryResetDialog.default;
+    return _Menu.default;
   }
 });
-Object.defineProperty(exports, "Tooltip", {
+Object.defineProperty(exports, "PrerenderedCanvas", {
   enumerable: true,
   get: function get() {
-    return _Tooltip.default;
+    return _PrerenderedCanvas.default;
   }
 });
-Object.defineProperty(exports, "FatalErrorDialog", {
+Object.defineProperty(exports, "ResizeHandle", {
   enumerable: true,
   get: function get() {
-    return _FatalErrorDialog.default;
+    return _ResizeHandle.default;
   }
 });
-Object.defineProperty(exports, "Menu", {
+Object.defineProperty(exports, "SanitizedHTML", {
   enumerable: true,
   get: function get() {
-    return _Menu.default;
+    return _SanitizedHTML.default;
   }
 });
-Object.defineProperty(exports, "SanitizedHTML", {
+Object.defineProperty(exports, "Tooltip", {
   enumerable: true,
   get: function get() {
-    return _SanitizedHTML.default;
+    return _Tooltip.default;
   }
 });
 

package/ui/theme.js

@@ -5,10 +5,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.createJBrowseDefaultProps = createJBrowseDefaultProps;
 exports.createJBrowseDefaultOverrides = createJBrowseDefaultOverrides;
+exports.createJBrowseDefaultProps = createJBrowseDefaultProps;
 exports.createJBrowseTheme = createJBrowseTheme;
-exports.jbrowseBaseTheme = exports.jbrowseDefaultPalette = void 0;
+exports.jbrowseDefaultPalette = exports.jbrowseBaseTheme = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
@@ -20,9 +20,9 @@ var _createPalette = require("@material-ui/core/styles/createPalette");
 
 var _deepmerge = _interopRequireDefault(require("deepmerge"));
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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; }
 
 var midnight = '#0D233F';
 var grape = '#721E63';
@@ -54,7 +54,9 @@ var jbrowseDefaultPalette = {
 };
 exports.jbrowseDefaultPalette = jbrowseDefaultPalette;
 
-function createJBrowseDefaultProps() {
+function
+  /* palette: PaletteOptions = {} */
+createJBrowseDefaultProps() {
   return {
     MuiButton: {
       size: 'small'