@jbrowse/plugin-wiggle 1.7.11 → 2.1.0

package/dist/WiggleRendering.js

@@ -1,109 +1,110 @@
 "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 __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
     }
-
-    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;
-
+    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 __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;
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
     try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var feature = _step.value;
-
-        if (clientBp <= feature.get('end') && clientBp >= feature.get('start')) {
-          featureUnderMouse = feature;
-          break;
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
         }
-      }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
+        finally { if (e) throw e.error; }
     }
-
-    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
+    return ar;
+};
+var __values = (this && this.__values) || function(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function () {
+            if (o && i >= o.length) o = void 0;
+            return { value: o && o[i++], done: !o };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var mobx_react_1 = require("mobx-react");
+var react_1 = __importStar(require("react"));
+var ui_1 = require("@jbrowse/core/ui");
+function WiggleRendering(props) {
+    var regions = props.regions, features = props.features, bpPerPx = props.bpPerPx, width = props.width, height = props.height, _a = props.onMouseLeave, onMouseLeave = _a === void 0 ? function () { } : _a, _b = props.onMouseMove, onMouseMove = _b === void 0 ? function () { } : _b, _c = props.onFeatureClick, onFeatureClick = _c === void 0 ? function () { } : _c;
+    var _d = __read(regions, 1), region = _d[0];
+    var ref = (0, react_1.useRef)(null);
+    function getFeatureUnderMouse(eventClientX) {
+        var e_1, _a;
+        // 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;
+        try {
+            for (var _b = __values(features.values()), _c = _b.next(); !_c.done; _c = _b.next()) {
+                var feature = _c.value;
+                // bpPerPx added to the end to accomodate "reduced features" (one feature per px)
+                if (clientBp <= feature.get('end') + bpPerPx &&
+                    clientBp >= feature.get('start')) {
+                    featureUnderMouse = feature;
+                    break;
+                }
+            }
+        }
+        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+        finally {
+            try {
+                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+            }
+            finally { if (e_1) throw e_1.error; }
+        }
+        return featureUnderMouse;
     }
-  }, /*#__PURE__*/_react.default.createElement(_ui.PrerenderedCanvas, props));
+    return (react_1.default.createElement("div", { ref: ref, "data-testid": "wiggle-rendering-test", onMouseMove: function (event) { var _a; return onMouseMove(event, (_a = getFeatureUnderMouse(event.clientX)) === null || _a === void 0 ? void 0 : _a.id()); }, onClick: function (event) { var _a; return onFeatureClick(event, (_a = getFeatureUnderMouse(event.clientX)) === null || _a === void 0 ? void 0 : _a.id()); }, onMouseLeave: function (event) { return onMouseLeave(event); }, style: {
+            overflow: 'visible',
+            position: 'relative',
+            height: height,
+        } },
+        react_1.default.createElement(ui_1.PrerenderedCanvas, __assign({}, props))));
 }
-
-var _default = (0, _mobxReact.observer)(WiggleRendering);
-
-exports.default = _default;
+exports.default = (0, mobx_react_1.observer)(WiggleRendering);
+//# sourceMappingURL=WiggleRendering.js.map

package/dist/WiggleRendering.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WiggleRendering.js","sourceRoot":"","sources":["../src/WiggleRendering.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yCAAqC;AACrC,6CAAqC;AAIrC,uCAAoD;AAEpD,SAAS,eAAe,CAAC,KAUxB;IAEG,IAAA,OAAO,GAQL,KAAK,QARA,EACP,QAAQ,GAON,KAAK,SAPC,EACR,OAAO,GAML,KAAK,QANA,EACP,KAAK,GAKH,KAAK,MALF,EACL,MAAM,GAIJ,KAAK,OAJD,EACN,KAGE,KAAK,aAHgB,EAAvB,YAAY,mBAAG,cAAO,CAAC,KAAA,EACvB,KAEE,KAAK,YAFe,EAAtB,WAAW,mBAAG,cAAO,CAAC,KAAA,EACtB,KACE,KAAK,eADkB,EAAzB,cAAc,mBAAG,cAAO,CAAC,KAAA,CAClB;IACH,IAAA,KAAA,OAAW,OAAO,IAAA,EAAjB,MAAM,QAAW,CAAA;IACxB,IAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IAExC,SAAS,oBAAoB,CAAC,YAAoB;;QAChD,iCAAiC;QACjC,IAAI,MAAM,GAAG,CAAC,CAAA;QACd,IAAI,GAAG,CAAC,OAAO,EAAE;YACf,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,IAAI,CAAA;SAClD;QACD,IAAM,OAAO,GAAG,YAAY,GAAG,MAAM,CAAA;QACrC,IAAM,EAAE,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,OAAO,CAAA;QACtD,IAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,GAAG,OAAO,GAAG,EAAE,CAAA;QAC5C,IAAI,iBAAiB,CAAA;;YACrB,KAAsB,IAAA,KAAA,SAAA,QAAQ,CAAC,MAAM,EAAE,CAAA,gBAAA,4BAAE;gBAApC,IAAM,OAAO,WAAA;gBAChB,iFAAiF;gBACjF,IACE,QAAQ,IAAI,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,OAAO;oBACxC,QAAQ,IAAI,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,EAChC;oBACA,iBAAiB,GAAG,OAAO,CAAA;oBAC3B,MAAK;iBACN;aACF;;;;;;;;;QACD,OAAO,iBAAiB,CAAA;IAC1B,CAAC;IACD,OAAO,CACL,uCACE,GAAG,EAAE,GAAG,iBACI,uBAAuB,EACnC,WAAW,EAAE,UAAA,KAAK,YAChB,OAAA,WAAW,CAAC,KAAK,EAAE,MAAA,oBAAoB,CAAC,KAAK,CAAC,OAAO,CAAC,0CAAE,EAAE,EAAE,CAAC,CAAA,EAAA,EAE/D,OAAO,EAAE,UAAA,KAAK,YACZ,OAAA,cAAc,CAAC,KAAK,EAAE,MAAA,oBAAoB,CAAC,KAAK,CAAC,OAAO,CAAC,0CAAE,EAAE,EAAE,CAAC,CAAA,EAAA,EAElE,YAAY,EAAE,UAAA,KAAK,IAAI,OAAA,YAAY,CAAC,KAAK,CAAC,EAAnB,CAAmB,EAC1C,KAAK,EAAE;YACL,QAAQ,EAAE,SAAS;YACnB,QAAQ,EAAE,UAAU;YACpB,MAAM,QAAA;SACP;QAED,8BAAC,sBAAiB,eAAK,KAAK,EAAI,CAC5B,CACP,CAAA;AACH,CAAC;AAED,kBAAe,IAAA,qBAAQ,EAAC,eAAe,CAAC,CAAA"}

package/dist/XYPlotRenderer/XYPlotRenderer.d.ts

@@ -1,4 +1,7 @@
+import { Feature } from '@jbrowse/core/util';
 import WiggleBaseRenderer, { RenderArgsDeserializedWithFeatures } from '../WiggleBaseRenderer';
 export default class XYPlotRenderer extends WiggleBaseRenderer {
-    draw(ctx: CanvasRenderingContext2D, props: RenderArgsDeserializedWithFeatures): void;
+    draw(ctx: CanvasRenderingContext2D, props: RenderArgsDeserializedWithFeatures): Promise<{
+        reducedFeatures: Feature[];
+    }>;
 }

package/dist/XYPlotRenderer/XYPlotRenderer.js

@@ -1,199 +1,152 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    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;
 });
-exports.default = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-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 _configuration = require("@jbrowse/core/configuration");
-
-var _util = require("@jbrowse/core/util");
-
-var _color = _interopRequireDefault(require("color"));
-
-var _util2 = require("../util");
-
-var _WiggleBaseRenderer2 = _interopRequireDefault(require("../WiggleBaseRenderer"));
-
-var _model = require("../LinearWiggleDisplay/models/model");
-
-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 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 XYPlotRenderer = /*#__PURE__*/function (_WiggleBaseRenderer) {
-  (0, _inherits2.default)(XYPlotRenderer, _WiggleBaseRenderer);
-
-  var _super = _createSuper(XYPlotRenderer);
-
-  function XYPlotRenderer() {
-    (0, _classCallCheck2.default)(this, XYPlotRenderer);
-    return _super.apply(this, arguments);
-  }
-
-  (0, _createClass2.default)(XYPlotRenderer, [{
-    key: "draw",
-    value: function draw(ctx, props) {
-      var features = props.features,
-          bpPerPx = props.bpPerPx,
-          regions = props.regions,
-          scaleOpts = props.scaleOpts,
-          unadjustedHeight = props.height,
-          config = props.config,
-          ticks = props.ticks,
-          displayCrossHatches = props.displayCrossHatches;
-
-      var _regions = (0, _slicedToArray2.default)(regions, 1),
-          region = _regions[0];
-
-      var width = (region.end - region.start) / bpPerPx; // the adjusted height takes into account YSCALEBAR_LABEL_OFFSET from the
-      // wiggle display, and makes the height of the actual drawn area add
-      // "padding" to the top and bottom of the display
-
-      var offset = _model.YSCALEBAR_LABEL_OFFSET;
-      var height = unadjustedHeight - offset * 2;
-      var pivotValue = (0, _configuration.readConfObject)(config, 'bicolorPivotValue');
-      var negColor = (0, _configuration.readConfObject)(config, 'negColor');
-      var posColor = (0, _configuration.readConfObject)(config, 'posColor');
-      var filled = (0, _configuration.readConfObject)(config, 'filled');
-      var clipColor = (0, _configuration.readConfObject)(config, 'clipColor');
-      var highlightColor = (0, _configuration.readConfObject)(config, 'highlightColor');
-      var summaryScoreMode = (0, _configuration.readConfObject)(config, 'summaryScoreMode');
-      var scale = (0, _util2.getScale)(_objectSpread(_objectSpread({}, scaleOpts), {}, {
-        range: [0, height]
-      }));
-      var originY = (0, _util2.getOrigin)(scaleOpts.scaleType);
-
-      var _scale$domain = scale.domain(),
-          _scale$domain2 = (0, _slicedToArray2.default)(_scale$domain, 2),
-          niceMin = _scale$domain2[0],
-          niceMax = _scale$domain2[1];
-
-      var toY = function toY(n) {
-        return height - (scale(n) || 0) + offset;
-      };
-
-      var toHeight = function toHeight(n) {
-        return toY(originY) - toY(n);
-      };
-
-      var colorCallback = (0, _configuration.readConfObject)(config, 'color') === '#f0f' ? function (_, score) {
-        return score < pivotValue ? negColor : posColor;
-      } : function (feature, _score) {
-        return (0, _configuration.readConfObject)(config, 'color', {
-          feature: feature
-        });
-      };
-      var crossingOrigin = niceMin < pivotValue && niceMax > pivotValue;
-
-      var _iterator = _createForOfIteratorHelper(features.values()),
-          _step;
-
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var feature = _step.value;
-
-          var _featureSpanPx = (0, _util.featureSpanPx)(feature, region, bpPerPx),
-              _featureSpanPx2 = (0, _slicedToArray2.default)(_featureSpanPx, 2),
-              leftPx = _featureSpanPx2[0],
-              rightPx = _featureSpanPx2[1];
-
-          var score = feature.get('score');
-          var maxr = feature.get('maxScore');
-          var minr = feature.get('minScore');
-          var lowClipping = score < niceMin;
-          var highClipping = score > niceMax;
-          var w = rightPx - leftPx + 0.4; // fudge factor for subpixel rendering
-
-          var summary = feature.get('summary');
-
-          if (summaryScoreMode === 'max') {
-            score = summary ? maxr : score;
-            ctx.fillStyle = colorCallback(feature, score);
-            ctx.fillRect(leftPx, toY(score), w, filled ? toHeight(score) : 1);
-          } else if (summaryScoreMode === 'min') {
-            score = summary ? minr : score;
-            ctx.fillStyle = colorCallback(feature, score);
-            ctx.fillRect(leftPx, toY(score), w, filled ? toHeight(score) : 1);
-          } else if (summaryScoreMode === 'whiskers') {
-            var c = colorCallback(feature, score);
-
-            if (summary) {
-              ctx.fillStyle = crossingOrigin ? colorCallback(feature, maxr) : (0, _color.default)(c).lighten(0.6).toString();
-              ctx.fillRect(leftPx, toY(maxr), w, filled ? toHeight(maxr) - toHeight(score) : 1);
-            } // normal
-
-
-            ctx.fillStyle = crossingOrigin && summary ? (0, _color.default)(colorCallback(feature, maxr)).mix((0, _color.default)(colorCallback(feature, minr))) : c;
-            ctx.fillRect(leftPx, toY(score), w, filled ? toHeight(score) - (summary ? toHeight(minr) : 0) : 1); // min
-
-            if (summary) {
-              ctx.fillStyle = crossingOrigin ? colorCallback(feature, minr) : (0, _color.default)(c).darken(0.6).toString();
-              ctx.fillRect(leftPx, toY(minr), w, filled ? toHeight(minr) : 1);
+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;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
             }
-          } else {
-            ctx.fillStyle = colorCallback(feature, score);
-            ctx.fillRect(leftPx, toY(score), w, filled ? toHeight(score) : 1);
-          }
-
-          if (highClipping) {
-            ctx.fillStyle = clipColor;
-            ctx.fillRect(leftPx, 0, w, 4);
-          } else if (lowClipping && scaleOpts.scaleType !== 'log') {
-            ctx.fillStyle = clipColor;
-            ctx.fillRect(leftPx, unadjustedHeight - 4, w, 4);
-          }
-
-          if (feature.get('highlighted')) {
-            ctx.fillStyle = highlightColor;
-            ctx.fillRect(leftPx, 0, w, height);
-          }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
         }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
-      }
-
-      if (displayCrossHatches) {
-        ctx.lineWidth = 1;
-        ctx.strokeStyle = 'rgba(200,200,200,0.8)';
-        ticks.values.forEach(function (tick) {
-          ctx.beginPath();
-          ctx.moveTo(0, Math.round(toY(tick)));
-          ctx.lineTo(width, Math.round(toY(tick)));
-          ctx.stroke();
-        });
-      }
     }
-  }]);
-  return XYPlotRenderer;
-}(_WiggleBaseRenderer2.default);
-
-exports.default = XYPlotRenderer;
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var configuration_1 = require("@jbrowse/core/configuration");
+var drawxy_1 = require("../drawxy");
+var WiggleBaseRenderer_1 = __importDefault(require("../WiggleBaseRenderer"));
+var util_1 = require("../util");
+var XYPlotRenderer = /** @class */ (function (_super) {
+    __extends(XYPlotRenderer, _super);
+    function XYPlotRenderer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    XYPlotRenderer.prototype.draw = function (ctx, props) {
+        return __awaiter(this, void 0, void 0, function () {
+            var features, config, pivotValue, negColor, posColor, Color;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        features = props.features, config = props.config;
+                        pivotValue = (0, configuration_1.readConfObject)(config, 'bicolorPivotValue');
+                        negColor = (0, configuration_1.readConfObject)(config, 'negColor');
+                        posColor = (0, configuration_1.readConfObject)(config, 'posColor');
+                        return [4 /*yield*/, Promise.resolve().then(function () { return __importStar(require('color')); }).then(function (f) { return f.default; })];
+                    case 1:
+                        Color = _a.sent();
+                        return [2 /*return*/, (0, drawxy_1.drawXY)(ctx, __assign(__assign({}, props), { colorCallback: (0, configuration_1.readConfObject)(config, 'color') === '#f0f'
+                                    ? function (_, score) {
+                                        return score < pivotValue ? negColor : posColor;
+                                    }
+                                    : function (feature, _score) {
+                                        return (0, configuration_1.readConfObject)(config, 'color', { feature: feature });
+                                    }, offset: util_1.YSCALEBAR_LABEL_OFFSET, features: __spreadArray([], __read(features.values()), false), Color: Color }))];
+                }
+            });
+        });
+    };
+    return XYPlotRenderer;
+}(WiggleBaseRenderer_1.default));
+exports.default = XYPlotRenderer;
+//# sourceMappingURL=XYPlotRenderer.js.map

package/dist/XYPlotRenderer/XYPlotRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"XYPlotRenderer.js","sourceRoot":"","sources":["../../src/XYPlotRenderer/XYPlotRenderer.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6DAA4D;AAE5D,oCAAkC;AAClC,6EAE8B;AAC9B,gCAAgD;AAEhD;IAA4C,kCAAkB;IAA9D;;IA4BA,CAAC;IA3BO,6BAAI,GAAV,UACE,GAA6B,EAC7B,KAAyC;;;;;;wBAEjC,QAAQ,GAAa,KAAK,SAAlB,EAAE,MAAM,GAAK,KAAK,OAAV,CAAU;wBAK5B,UAAU,GAAG,IAAA,8BAAc,EAAC,MAAM,EAAE,mBAAmB,CAAC,CAAA;wBACxD,QAAQ,GAAG,IAAA,8BAAc,EAAC,MAAM,EAAE,UAAU,CAAC,CAAA;wBAC7C,QAAQ,GAAG,IAAA,8BAAc,EAAC,MAAM,EAAE,UAAU,CAAC,CAAA;wBACrC,qBAAM,iEAAO,OAAO,OAAE,IAAI,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,OAAO,EAAT,CAAS,CAAC,EAAA;;wBAAlD,KAAK,GAAG,SAA0C;wBAExD,sBAAO,IAAA,eAAM,EAAC,GAAG,wBACZ,KAAK,KACR,aAAa,EACX,IAAA,8BAAc,EAAC,MAAM,EAAE,OAAO,CAAC,KAAK,MAAM;oCACxC,CAAC,CAAC,UAAC,CAAU,EAAE,KAAa;wCACxB,OAAA,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ;oCAAxC,CAAwC;oCAC5C,CAAC,CAAC,UAAC,OAAgB,EAAE,MAAc;wCAC/B,OAAA,IAAA,8BAAc,EAAC,MAAM,EAAE,OAAO,EAAE,EAAE,OAAO,SAAA,EAAE,CAAC;oCAA5C,CAA4C,EACpD,MAAM,EAAE,6BAAsB,EAC9B,QAAQ,2BAAM,QAAQ,CAAC,MAAM,EAAE,WAC/B,KAAK,OAAA,IACL,EAAA;;;;KACH;IACH,qBAAC;AAAD,CAAC,AA5BD,CAA4C,4BAAkB,GA4B7D"}

package/dist/XYPlotRenderer/configSchema.d.ts

@@ -0,0 +1,2 @@
+declare const configSchema: import("@jbrowse/core/configuration").AnyConfigurationSchemaType;
+export default configSchema;

package/dist/XYPlotRenderer/configSchema.js

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var configuration_1 = require("@jbrowse/core/configuration");
+var configSchema_1 = __importDefault(require("../configSchema"));
+var mobx_state_tree_1 = require("mobx-state-tree");
+var configSchema = (0, configuration_1.ConfigurationSchema)('XYPlotRenderer', {
+    filled: {
+        type: 'boolean',
+        defaultValue: true,
+    },
+    displayCrossHatches: {
+        type: 'boolean',
+        description: 'choose to draw cross hatches (sideways lines)',
+        defaultValue: false,
+    },
+    summaryScoreMode: {
+        type: 'stringEnum',
+        model: mobx_state_tree_1.types.enumeration('Score type', ['max', 'min', 'avg', 'whiskers']),
+        description: 'choose whether to use max/min/average or whiskers which combines all three into the same rendering',
+        defaultValue: 'whiskers',
+    },
+    minSize: {
+        type: 'number',
+        defaultValue: 0,
+    },
+}, { baseConfiguration: configSchema_1.default, explicitlyTyped: true });
+exports.default = configSchema;
+//# sourceMappingURL=configSchema.js.map

package/dist/XYPlotRenderer/configSchema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"configSchema.js","sourceRoot":"","sources":["../../src/XYPlotRenderer/configSchema.ts"],"names":[],"mappings":";;;;;AAAA,6DAAiE;AACjE,iEAA0C;AAC1C,mDAAuC;AAEvC,IAAM,YAAY,GAAG,IAAA,mCAAmB,EACtC,gBAAgB,EAChB;IACE,MAAM,EAAE;QACN,IAAI,EAAE,SAAS;QACf,YAAY,EAAE,IAAI;KACnB;IACD,mBAAmB,EAAE;QACnB,IAAI,EAAE,SAAS;QACf,WAAW,EAAE,+CAA+C;QAC5D,YAAY,EAAE,KAAK;KACpB;IACD,gBAAgB,EAAE;QAChB,IAAI,EAAE,YAAY;QAClB,KAAK,EAAE,uBAAK,CAAC,WAAW,CAAC,YAAY,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC;QACzE,WAAW,EACT,oGAAoG;QACtG,YAAY,EAAE,UAAU;KACzB;IACD,OAAO,EAAE;QACP,IAAI,EAAE,QAAQ;QACd,YAAY,EAAE,CAAC;KAChB;CACF,EACD,EAAE,iBAAiB,EAAE,sBAAY,EAAE,eAAe,EAAE,IAAI,EAAE,CAC3D,CAAA;AAED,kBAAe,YAAY,CAAA"}