@jbrowse/plugin-wiggle 1.6.9 → 1.7.0

package/dist/WiggleBaseRenderer.js

@@ -0,0 +1,131 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _FeatureRendererType2 = _interopRequireDefault(require("@jbrowse/core/pluggableElementTypes/renderers/FeatureRendererType"));
+
+var _offscreenCanvasUtils = require("@jbrowse/core/util/offscreenCanvasUtils");
+
+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 _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); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var WiggleBaseRenderer = /*#__PURE__*/function (_FeatureRendererType) {
+  (0, _inherits2["default"])(WiggleBaseRenderer, _FeatureRendererType);
+
+  var _super = _createSuper(WiggleBaseRenderer);
+
+  function WiggleBaseRenderer() {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, WiggleBaseRenderer);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "supportsSVG", true);
+    return _this;
+  }
+
+  (0, _createClass2["default"])(WiggleBaseRenderer, [{
+    key: "render",
+    value: function () {
+      var _render = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(renderProps) {
+        var _this2 = this;
+
+        var features, height, regions, bpPerPx, _regions, region, width, res, results;
+
+        return _regenerator["default"].wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return this.getFeatures(renderProps);
+
+              case 2:
+                features = _context.sent;
+                height = renderProps.height, regions = renderProps.regions, bpPerPx = renderProps.bpPerPx;
+                _regions = (0, _slicedToArray2["default"])(regions, 1), region = _regions[0];
+                width = (region.end - region.start) / bpPerPx;
+                _context.next = 8;
+                return (0, _offscreenCanvasUtils.renderToAbstractCanvas)(width, height, renderProps, function (ctx) {
+                  return _this2.draw(ctx, _objectSpread(_objectSpread({}, renderProps), {}, {
+                    features: features
+                  }));
+                });
+
+              case 8:
+                res = _context.sent;
+                _context.next = 11;
+                return (0, _get2["default"])((0, _getPrototypeOf2["default"])(WiggleBaseRenderer.prototype), "render", this).call(this, _objectSpread(_objectSpread(_objectSpread({}, renderProps), res), {}, {
+                  features: features,
+                  height: height,
+                  width: width
+                }));
+
+              case 11:
+                results = _context.sent;
+                return _context.abrupt("return", _objectSpread(_objectSpread(_objectSpread({}, results), res), {}, {
+                  features: features,
+                  containsNoTransferables: true,
+                  height: height,
+                  width: width
+                }));
+
+              case 13:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      function render(_x) {
+        return _render.apply(this, arguments);
+      }
+
+      return render;
+    }()
+    /*
+     * draw features to context given props, to be used by derived renderer
+     * classes
+     */
+
+  }]);
+  return WiggleBaseRenderer;
+}(_FeatureRendererType2["default"]);
+
+exports["default"] = WiggleBaseRenderer;

package/dist/WiggleRPC/rpcMethods.js

@@ -0,0 +1,295 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WiggleGetMultiRegionStats = exports.WiggleGetGlobalStats = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _dataAdapterCache = require("@jbrowse/core/data_adapters/dataAdapterCache");
+
+var _RpcMethodType3 = _interopRequireDefault(require("@jbrowse/core/pluggableElementTypes/RpcMethodType"));
+
+var _util = require("@jbrowse/core/util");
+
+var _BaseAdapter = require("@jbrowse/core/data_adapters/BaseAdapter");
+
+var _serializableFilterChain = _interopRequireDefault(require("@jbrowse/core/pluggableElementTypes/renderers/util/serializableFilterChain"));
+
+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 _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); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var WiggleGetGlobalStats = /*#__PURE__*/function (_RpcMethodType) {
+  (0, _inherits2["default"])(WiggleGetGlobalStats, _RpcMethodType);
+
+  var _super = _createSuper(WiggleGetGlobalStats);
+
+  function WiggleGetGlobalStats() {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, WiggleGetGlobalStats);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "name", 'WiggleGetGlobalStats');
+    return _this;
+  }
+
+  (0, _createClass2["default"])(WiggleGetGlobalStats, [{
+    key: "deserializeArguments",
+    value: // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    function () {
+      var _deserializeArguments = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(args, rpcDriverClassName) {
+        var l;
+        return _regenerator["default"].wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return (0, _get2["default"])((0, _getPrototypeOf2["default"])(WiggleGetGlobalStats.prototype), "deserializeArguments", this).call(this, args, rpcDriverClassName);
+
+              case 2:
+                l = _context.sent;
+                return _context.abrupt("return", _objectSpread(_objectSpread({}, l), {}, {
+                  filters: args.filters ? new _serializableFilterChain["default"]({
+                    filters: args.filters
+                  }) : undefined
+                }));
+
+              case 4:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      function deserializeArguments(_x, _x2) {
+        return _deserializeArguments.apply(this, arguments);
+      }
+
+      return deserializeArguments;
+    }()
+  }, {
+    key: "execute",
+    value: function () {
+      var _execute = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(args, rpcDriverClassName) {
+        var deserializedArgs, adapterConfig, sessionId, _yield$getAdapter, dataAdapter;
+
+        return _regenerator["default"].wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                _context2.next = 2;
+                return this.deserializeArguments(args, rpcDriverClassName);
+
+              case 2:
+                deserializedArgs = _context2.sent;
+                adapterConfig = deserializedArgs.adapterConfig, sessionId = deserializedArgs.sessionId;
+                _context2.next = 6;
+                return (0, _dataAdapterCache.getAdapter)(this.pluginManager, sessionId, adapterConfig);
+
+              case 6:
+                _yield$getAdapter = _context2.sent;
+                dataAdapter = _yield$getAdapter.dataAdapter;
+                return _context2.abrupt("return", dataAdapter.getGlobalStats(deserializedArgs));
+
+              case 9:
+              case "end":
+                return _context2.stop();
+            }
+          }
+        }, _callee2, this);
+      }));
+
+      function execute(_x3, _x4) {
+        return _execute.apply(this, arguments);
+      }
+
+      return execute;
+    }()
+  }]);
+  return WiggleGetGlobalStats;
+}(_RpcMethodType3["default"]);
+
+exports.WiggleGetGlobalStats = WiggleGetGlobalStats;
+
+var WiggleGetMultiRegionStats = /*#__PURE__*/function (_RpcMethodType2) {
+  (0, _inherits2["default"])(WiggleGetMultiRegionStats, _RpcMethodType2);
+
+  var _super2 = _createSuper(WiggleGetMultiRegionStats);
+
+  function WiggleGetMultiRegionStats() {
+    var _this2;
+
+    (0, _classCallCheck2["default"])(this, WiggleGetMultiRegionStats);
+
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+
+    _this2 = _super2.call.apply(_super2, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "name", 'WiggleGetMultiRegionStats');
+    return _this2;
+  }
+
+  (0, _createClass2["default"])(WiggleGetMultiRegionStats, [{
+    key: "deserializeArguments",
+    value: // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    function () {
+      var _deserializeArguments2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3(args, rpcDriverClassName) {
+        var l;
+        return _regenerator["default"].wrap(function _callee3$(_context3) {
+          while (1) {
+            switch (_context3.prev = _context3.next) {
+              case 0:
+                _context3.next = 2;
+                return (0, _get2["default"])((0, _getPrototypeOf2["default"])(WiggleGetMultiRegionStats.prototype), "deserializeArguments", this).call(this, args, rpcDriverClassName);
+
+              case 2:
+                l = _context3.sent;
+                return _context3.abrupt("return", _objectSpread(_objectSpread({}, l), {}, {
+                  filters: args.filters ? new _serializableFilterChain["default"]({
+                    filters: args.filters
+                  }) : undefined
+                }));
+
+              case 4:
+              case "end":
+                return _context3.stop();
+            }
+          }
+        }, _callee3, this);
+      }));
+
+      function deserializeArguments(_x5, _x6) {
+        return _deserializeArguments2.apply(this, arguments);
+      }
+
+      return deserializeArguments;
+    }()
+  }, {
+    key: "serializeArguments",
+    value: function () {
+      var _serializeArguments = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee4(args, rpcDriverClassName) {
+        var _this$pluginManager$r, _this$pluginManager$r2;
+
+        var assemblyManager, renamedArgs;
+        return _regenerator["default"].wrap(function _callee4$(_context4) {
+          while (1) {
+            switch (_context4.prev = _context4.next) {
+              case 0:
+                assemblyManager = (_this$pluginManager$r = this.pluginManager.rootModel) === null || _this$pluginManager$r === void 0 ? void 0 : (_this$pluginManager$r2 = _this$pluginManager$r.session) === null || _this$pluginManager$r2 === void 0 ? void 0 : _this$pluginManager$r2.assemblyManager;
+
+                if (assemblyManager) {
+                  _context4.next = 3;
+                  break;
+                }
+
+                return _context4.abrupt("return", args);
+
+              case 3:
+                _context4.next = 5;
+                return (0, _util.renameRegionsIfNeeded)(assemblyManager, _objectSpread(_objectSpread({}, args), {}, {
+                  filters: args.filters && args.filters.toJSON().filters
+                }));
+
+              case 5:
+                renamedArgs = _context4.sent;
+                return _context4.abrupt("return", (0, _get2["default"])((0, _getPrototypeOf2["default"])(WiggleGetMultiRegionStats.prototype), "serializeArguments", this).call(this, renamedArgs, rpcDriverClassName));
+
+              case 7:
+              case "end":
+                return _context4.stop();
+            }
+          }
+        }, _callee4, this);
+      }));
+
+      function serializeArguments(_x7, _x8) {
+        return _serializeArguments.apply(this, arguments);
+      }
+
+      return serializeArguments;
+    }()
+  }, {
+    key: "execute",
+    value: function () {
+      var _execute2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee5(args, rpcDriverClassName) {
+        var deserializedArgs, regions, adapterConfig, sessionId, _yield$getAdapter2, dataAdapter;
+
+        return _regenerator["default"].wrap(function _callee5$(_context5) {
+          while (1) {
+            switch (_context5.prev = _context5.next) {
+              case 0:
+                _context5.next = 2;
+                return this.deserializeArguments(args, rpcDriverClassName);
+
+              case 2:
+                deserializedArgs = _context5.sent;
+                regions = deserializedArgs.regions, adapterConfig = deserializedArgs.adapterConfig, sessionId = deserializedArgs.sessionId;
+                _context5.next = 6;
+                return (0, _dataAdapterCache.getAdapter)(this.pluginManager, sessionId, adapterConfig);
+
+              case 6:
+                _yield$getAdapter2 = _context5.sent;
+                dataAdapter = _yield$getAdapter2.dataAdapter;
+
+                if (!(dataAdapter instanceof _BaseAdapter.BaseFeatureDataAdapter)) {
+                  _context5.next = 10;
+                  break;
+                }
+
+                return _context5.abrupt("return", dataAdapter.getMultiRegionStats(regions, deserializedArgs));
+
+              case 10:
+                throw new Error('Data adapter not found');
+
+              case 11:
+              case "end":
+                return _context5.stop();
+            }
+          }
+        }, _callee5, this);
+      }));
+
+      function execute(_x9, _x10) {
+        return _execute2.apply(this, arguments);
+      }
+
+      return execute;
+    }()
+  }]);
+  return WiggleGetMultiRegionStats;
+}(_RpcMethodType3["default"]);
+
+exports.WiggleGetMultiRegionStats = WiggleGetMultiRegionStats;

package/dist/WiggleRendering.js

@@ -0,0 +1,109 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _mobxReact = require("mobx-react");
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _ui = require("@jbrowse/core/ui");
+
+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 || _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 _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; }
+
+function WiggleRendering(props) {
+  var regions = props.regions,
+      features = props.features,
+      bpPerPx = props.bpPerPx,
+      width = props.width,
+      height = props.height,
+      _props$onMouseLeave = props.onMouseLeave,
+      _onMouseLeave = _props$onMouseLeave === void 0 ? function () {} : _props$onMouseLeave,
+      _props$onMouseMove = props.onMouseMove,
+      _onMouseMove = _props$onMouseMove === void 0 ? function () {} : _props$onMouseMove,
+      _props$onFeatureClick = props.onFeatureClick,
+      onFeatureClick = _props$onFeatureClick === void 0 ? function () {} : _props$onFeatureClick;
+
+  var _regions = (0, _slicedToArray2["default"])(regions, 1),
+      region = _regions[0];
+
+  var ref = (0, _react.useRef)(null);
+
+  function getFeatureUnderMouse(eventClientX) {
+    // calculates feature under mouse
+    var offset = 0;
+
+    if (ref.current) {
+      offset = ref.current.getBoundingClientRect().left;
+    }
+
+    var offsetX = eventClientX - offset;
+    var px = region.reversed ? width - offsetX : offsetX;
+    var clientBp = region.start + bpPerPx * px;
+    var featureUnderMouse;
+
+    var _iterator = _createForOfIteratorHelper(features.values()),
+        _step;
+
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var feature = _step.value;
+
+        if (clientBp <= feature.get('end') && clientBp >= feature.get('start')) {
+          featureUnderMouse = feature;
+          break;
+        }
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+
+    return featureUnderMouse;
+  }
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    ref: ref,
+    "data-testid": "wiggle-rendering-test",
+    onMouseMove: function onMouseMove(event) {
+      var featureUnderMouse = getFeatureUnderMouse(event.clientX);
+
+      _onMouseMove(event, featureUnderMouse ? featureUnderMouse.id() : undefined);
+    },
+    onClick: function onClick(event) {
+      var featureUnderMouse = getFeatureUnderMouse(event.clientX);
+      onFeatureClick(event, featureUnderMouse ? featureUnderMouse.id() : undefined);
+    },
+    onMouseLeave: function onMouseLeave(event) {
+      return _onMouseLeave(event);
+    },
+    role: "presentation",
+    className: "WiggleRendering",
+    style: {
+      overflow: 'visible',
+      position: 'relative',
+      height: height
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_ui.PrerenderedCanvas, props));
+}
+
+var _default = (0, _mobxReact.observer)(WiggleRendering);
+
+exports["default"] = _default;

package/dist/WiggleRendering.test.js

@@ -0,0 +1,52 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _WiggleRendering = _interopRequireDefault(require("./WiggleRendering"));
+
+// these tests do very little, let's try to expand them at some point
+test('one', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
+  var _render, container, getByTestId, test;
+
+  return _regenerator["default"].wrap(function _callee$(_context) {
+    while (1) {
+      switch (_context.prev = _context.next) {
+        case 0:
+          _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_WiggleRendering["default"], {
+            width: 500,
+            height: 500,
+            features: new Map(),
+            highResolutionScaling: 1,
+            regions: [{
+              refName: 'chr1',
+              start: 1,
+              end: 3
+            }],
+            bpPerPx: 3,
+            config: {
+              type: 'DummyRenderer'
+            }
+          })), container = _render.container, getByTestId = _render.getByTestId;
+          _context.next = 3;
+          return getByTestId('wiggle-rendering-test');
+
+        case 3:
+          test = _context.sent;
+          expect(_react2.fireEvent.click(test)).toBeTruthy();
+          expect(container.firstChild).toMatchSnapshot();
+
+        case 6:
+        case "end":
+          return _context.stop();
+      }
+    }
+  }, _callee);
+})));