@jbrowse/plugin-wiggle 1.5.7 → 1.6.2

package/dist/plugin-wiggle.cjs.development.js

@@ -154,14 +154,14 @@ function _inherits(subClass, superClass) {
     throw new TypeError("Super expression must either be null or a function");
   }
 
+  subClass.prototype = Object.create(superClass && superClass.prototype, {
+    constructor: {
+      value: subClass,
+      writable: true,
+      configurable: true
+    }
+  });
   Object.defineProperty(subClass, "prototype", {
-    value: Object.create(superClass && superClass.prototype, {
-      constructor: {
-        value: subClass,
-        writable: true,
-        configurable: true
-      }
-    }),
     writable: false
   });
   if (superClass) _setPrototypeOf(subClass, superClass);
@@ -1334,8 +1334,7 @@ function getScale(_ref) {
     throw new Error('undefined scaleType');
   }
 
-  scale.domain(pivotValue !== undefined ? [min, pivotValue, max] : [min, max]); // console.log('before', scale.domain())
-
+  scale.domain(pivotValue !== undefined ? [min, pivotValue, max] : [min, max]);
   scale.nice();
 
   var _range = _slicedToArray(range, 2),
@@ -1346,8 +1345,7 @@ function getScale(_ref) {
     throw new Error('invalid range');
   }
 
-  scale.range(inverted ? range.slice().reverse() : range); // console.log('after', scale.domain())
-
+  scale.range(inverted ? range.slice().reverse() : range);
   return scale;
 }
 /**
@@ -1423,7 +1421,7 @@ function getNiceDomain(_ref2) {
   }
 
   if (min === undefined || max === undefined) {
-    throw new Error('invalid domain');
+    throw new Error('invalid domain supplied to stats function');
   }
 
   if (minScore !== undefined && minScore !== Number.MIN_VALUE) {
@@ -1558,12 +1556,11 @@ var DensityRenderer = /*#__PURE__*/function (_WiggleBaseRenderer) {
       var pivotValue = configuration.readConfObject(config, 'bicolorPivotValue');
       var negColor = configuration.readConfObject(config, 'negColor');
       var posColor = configuration.readConfObject(config, 'posColor');
+      var color = configuration.readConfObject(config, 'color');
       var colorCallback;
-      var colorScale;
 
-      if (configuration.readConfObject(config, 'color') === '#f0f') {
-        // default color, use posColor/negColor instead
-        colorScale = pivot !== 'none' ? getScale(_objectSpread2(_objectSpread2({}, scaleOpts), {}, {
+      if (color === '#f0f') {
+        var colorScale = pivot !== 'none' ? getScale(_objectSpread2(_objectSpread2({}, scaleOpts), {}, {
           pivotValue: pivotValue,
           range: [negColor, 'white', posColor]
         })) : getScale(_objectSpread2(_objectSpread2({}, scaleOpts), {}, {
@@ -1808,11 +1805,10 @@ var YScaleBar = /*#__PURE__*/mobxReact.observer(function (_ref) {
 });
 var LinearWiggleDisplay = /*#__PURE__*/mobxReact.observer(function (props) {
   var model = props.model;
-  var ready = model.ready,
-      stats = model.stats,
+  var stats = model.stats,
       height = model.height,
       needsScalebar = model.needsScalebar;
-  return React__default.createElement("div", null, React__default.createElement(pluginLinearGenomeView.BaseLinearDisplayComponent, Object.assign({}, props)), ready && stats && needsScalebar ? React__default.createElement("svg", {
+  return React__default.createElement("div", null, React__default.createElement(pluginLinearGenomeView.BaseLinearDisplayComponent, Object.assign({}, props)), stats && needsScalebar ? React__default.createElement("svg", {
     style: {
       position: 'absolute',
       top: 0,
@@ -1854,6 +1850,8 @@ var stateModelFactory = function stateModelFactory(pluginManager, configSchema)
     resolution: mobxStateTree.types.optional(mobxStateTree.types.number, 1),
     fill: mobxStateTree.types.maybe(mobxStateTree.types["boolean"]),
     color: mobxStateTree.types.maybe(mobxStateTree.types.string),
+    posColor: mobxStateTree.types.maybe(mobxStateTree.types.string),
+    negColor: mobxStateTree.types.maybe(mobxStateTree.types.string),
     summaryScoreMode: mobxStateTree.types.maybe(mobxStateTree.types.string),
     rendererTypeNameState: mobxStateTree.types.maybe(mobxStateTree.types.string),
     scale: mobxStateTree.types.maybe(mobxStateTree.types.string),
@@ -1865,7 +1863,7 @@ var stateModelFactory = function stateModelFactory(pluginManager, configSchema)
     }), {})
   }))["volatile"](function () {
     return {
-      ready: false,
+      statsReady: false,
       message: undefined,
       stats: mobx.observable({
         scoreMin: 0,
@@ -1878,11 +1876,17 @@ var stateModelFactory = function stateModelFactory(pluginManager, configSchema)
       updateStats: function updateStats(stats) {
         self.stats.scoreMin = stats.scoreMin;
         self.stats.scoreMax = stats.scoreMax;
-        self.ready = true;
+        self.statsReady = true;
       },
       setColor: function setColor(color) {
         self.color = color;
       },
+      setPosColor: function setPosColor(color) {
+        self.posColor = color;
+      },
+      setNegColor: function setNegColor(color) {
+        self.negColor = color;
+      },
       setLoading: function setLoading(aborter) {
         var statsFetch = self.statsFetchInProgress;
 
@@ -1970,10 +1974,6 @@ var stateModelFactory = function stateModelFactory(pluginManager, configSchema)
         return self.scale || configuration.getConf(self, 'scaleType');
       },
 
-      get filled() {
-        return typeof self.fill !== 'undefined' ? self.fill : configuration.readConfObject(this.rendererConfig, 'filled');
-      },
-
       get maxScore() {
         var max = self.constraints.max;
         return max !== undefined ? max : configuration.getConf(self, 'maxScore');
@@ -1982,23 +1982,35 @@ var stateModelFactory = function stateModelFactory(pluginManager, configSchema)
       get minScore() {
         var min = self.constraints.min;
         return min !== undefined ? min : configuration.getConf(self, 'minScore');
-      },
+      }
 
+    };
+  }).views(function (self) {
+    return {
       get rendererConfig() {
-        var configBlob = configuration.getConf(self, ['renderers', this.rendererTypeName]) || {};
-        return self.rendererType.configSchema.create(_objectSpread2(_objectSpread2({}, configBlob), {}, {
+        var configBlob = configuration.getConf(self, ['renderers', self.rendererTypeName]) || {};
+        return self.rendererType.configSchema.create(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({}, configBlob), {}, {
           filled: self.fill,
-          scaleType: this.scaleType,
+          scaleType: self.scaleType,
           displayCrossHatches: self.displayCrossHatches,
-          summaryScoreMode: self.summaryScoreMode,
+          summaryScoreMode: self.summaryScoreMode
+        }, self.color ? {
           color: self.color
-        }), mobxStateTree.getEnv(self));
+        } : {}), self.negColor ? {
+          negColor: self.negColor
+        } : {}), self.posColor ? {
+          posColor: self.posColor
+        } : {}), mobxStateTree.getEnv(self));
       }
 
     };
   }).views(function (self) {
     var oldDomain = [0, 0];
     return {
+      get filled() {
+        return typeof self.fill !== 'undefined' ? self.fill : configuration.readConfObject(self.rendererConfig, 'filled');
+      },
+
       get summaryScoreModeSetting() {
         return self.summaryScoreMode || configuration.readConfObject(self.rendererConfig, 'summaryScoreMode');
       },
@@ -2086,8 +2098,9 @@ var stateModelFactory = function stateModelFactory(pluginManager, configSchema)
     var superRenderProps = self.renderProps;
     return {
       renderProps: function renderProps() {
-        return _objectSpread2(_objectSpread2({}, superRenderProps()), {}, {
-          notReady: !self.ready,
+        var superProps = superRenderProps();
+        return _objectSpread2(_objectSpread2({}, superProps), {}, {
+          notReady: superProps.notReady || !self.statsReady,
           rpcDriverName: self.rpcDriverName,
           displayModel: self,
           config: self.rendererConfig,
@@ -2349,7 +2362,7 @@ var stateModelFactory = function stateModelFactory(pluginManager, configSchema)
       },
       afterAttach: function afterAttach() {
         mobxStateTree.addDisposer(self, mobx.autorun( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee2() {
-          var aborter, view, stats;
+          var aborter, view, wiggleStats;
           return runtime_1.wrap(function _callee2$(_context2) {
             while (1) {
               switch (_context2.prev = _context2.next) {
@@ -2367,7 +2380,7 @@ var stateModelFactory = function stateModelFactory(pluginManager, configSchema)
                   return _context2.abrupt("return");
 
                 case 6:
-                  if (!(view.bpPerPx > self.maxViewBpPerPx)) {
+                  if (self.estimatedStatsReady) {
                     _context2.next = 8;
                     break;
                   }
@@ -2375,24 +2388,32 @@ var stateModelFactory = function stateModelFactory(pluginManager, configSchema)
                   return _context2.abrupt("return");
 
                 case 8:
-                  _context2.next = 10;
+                  if (!self.regionTooLarge) {
+                    _context2.next = 10;
+                    break;
+                  }
+
+                  return _context2.abrupt("return");
+
+                case 10:
+                  _context2.next = 12;
                   return getStats({
                     signal: aborter.signal,
                     filters: self.filters
                   });
 
-                case 10:
-                  stats = _context2.sent;
+                case 12:
+                  wiggleStats = _context2.sent;
 
                   if (mobxStateTree.isAlive(self)) {
-                    self.updateStats(stats);
+                    self.updateStats(wiggleStats);
                   }
 
-                  _context2.next = 17;
+                  _context2.next = 19;
                   break;
 
-                case 14:
-                  _context2.prev = 14;
+                case 16:
+                  _context2.prev = 16;
                   _context2.t0 = _context2["catch"](0);
 
                   if (!util.isAbortException(_context2.t0) && mobxStateTree.isAlive(self)) {
@@ -2400,12 +2421,12 @@ var stateModelFactory = function stateModelFactory(pluginManager, configSchema)
                     self.setError(_context2.t0);
                   }
 
-                case 17:
+                case 19:
                 case "end":
                   return _context2.stop();
               }
             }
-          }, _callee2, null, [[0, 14]]);
+          }, _callee2, null, [[0, 16]]);
         })), {
           delay: 1000
         }));
@@ -2420,7 +2441,7 @@ var stateModelFactory = function stateModelFactory(pluginManager, configSchema)
                 case 0:
                   _context3.next = 2;
                   return mobx.when(function () {
-                    return self.ready && !!self.regionCannotBeRenderedText;
+                    return self.statsReady && !!self.regionCannotBeRenderedText;
                   });
 
                 case 2:
@@ -3072,12 +3093,15 @@ var WigglePlugin = /*#__PURE__*/function (_Plugin) {
           var regexGuess = /\.(bw|bigwig)$/i;
           var adapterName = 'BigWigAdapter';
           var fileName = tracks.getFileName(file);
+          var obj = {
+            type: adapterName,
+            bigWigLocation: file
+          };
 
-          if (regexGuess.test(fileName) || adapterHint === adapterName) {
-            return {
-              type: adapterName,
-              bigWigLocation: file
-            };
+          if (regexGuess.test(fileName) && !adapterHint) {
+            return obj;
+          } else if (adapterHint === adapterName) {
+            return obj;
           }
 
           return adapterGuesser(file, index, adapterHint);
@@ -3208,9 +3232,8 @@ var SetMinMaxDialog = {
   'default': SetMinMaxDlg$1
 };
 
-var useStyles$2 = /*#__PURE__*/styles.makeStyles(function (theme) {
+var useStyles$2 = /*#__PURE__*/core.makeStyles(function (theme) {
   return {
-    root: {},
     closeButton: {
       position: 'absolute',
       right: theme.spacing(1),
@@ -3221,61 +3244,78 @@ var useStyles$2 = /*#__PURE__*/styles.makeStyles(function (theme) {
 }); // this is needed because passing a entire color object into the react-color
 // for alpha, can't pass in an rgba string for example
 
-function serializeColor(color) {
+function serialize(color) {
   if (color instanceof Object) {
     var r = color.r,
         g = color.g,
-        b = color.b,
-        a = color.a;
-    return "rgb(".concat(r, ",").concat(g, ",").concat(b, ",").concat(a, ")");
+        b = color.b;
+    return "rgb(".concat(r, ",").concat(g, ",").concat(b, ")");
   }
 
   return color;
 }
 
-function SetColorDialog(props) {
+function SetColorDialog(_ref) {
+  var model = _ref.model,
+      handleClose = _ref.handleClose;
   var classes = useStyles$2();
-  var model = props.model,
-      handleClose = props.handleClose;
+
+  var _useState = React.useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      posneg = _useState2[0],
+      setPosNeg = _useState2[1];
+
   return React__default.createElement(core.Dialog, {
     open: true,
-    onClose: handleClose,
-    "aria-labelledby": "alert-dialog-title",
-    "aria-describedby": "alert-dialog-description"
-  }, React__default.createElement(core.DialogTitle, {
-    id: "alert-dialog-title"
-  }, "Select a color", React__default.createElement(core.IconButton, {
+    onClose: handleClose
+  }, React__default.createElement(core.DialogTitle, null, "Select either an overall color, or the positive/negative colors. Note that density renderers only work properly with positive/negative colors", React__default.createElement(core.IconButton, {
     "aria-label": "close",
     className: classes.closeButton,
     onClick: handleClose
-  }, React__default.createElement(CloseIcon, null))), React__default.createElement(core.DialogContent, {
-    style: {
-      overflowX: 'hidden'
+  }, React__default.createElement(CloseIcon, null))), React__default.createElement(core.DialogContent, null, React__default.createElement(core.FormControlLabel, {
+    checked: !posneg,
+    onClick: function onClick() {
+      return setPosNeg(false);
+    },
+    control: React__default.createElement(core.Radio, null),
+    label: 'Overall color'
+  }), React__default.createElement(core.FormControlLabel, {
+    checked: posneg,
+    onClick: function onClick() {
+      return setPosNeg(true);
+    },
+    control: React__default.createElement(core.Radio, null),
+    label: 'Positive/negative color'
+  }), posneg ? React__default.createElement(React__default.Fragment, null, React__default.createElement(core.Typography, null, "Positive color"), React__default.createElement(reactColor.CompactPicker, {
+    onChange: function onChange(event) {
+      model.setPosColor(serialize(event.rgb));
+      model.setColor(undefined);
     }
-  }, React__default.createElement("div", {
-    className: classes.root
-  }, React__default.createElement(reactColor.CompactPicker, {
+  }), React__default.createElement(core.Typography, null, "Negative color"), React__default.createElement(reactColor.CompactPicker, {
     onChange: function onChange(event) {
-      model.setColor(serializeColor(event.rgb));
+      model.setNegColor(serialize(event.rgb));
+      model.setColor(undefined);
     }
-  }), React__default.createElement("br", null), React__default.createElement("div", {
-    style: {
-      margin: 20
+  })) : React__default.createElement(React__default.Fragment, null, React__default.createElement(core.Typography, null, "Overall color"), React__default.createElement(reactColor.CompactPicker, {
+    onChange: function onChange(event) {
+      model.setColor(serialize(event.rgb));
     }
-  }, React__default.createElement(core.Button, {
+  }))), React__default.createElement(core.DialogActions, null, React__default.createElement(core.Button, {
     onClick: function onClick() {
+      model.setPosColor(undefined);
+      model.setNegColor(undefined);
       model.setColor(undefined);
     },
     color: "secondary",
     variant: "contained"
-  }, "Restore default from config"), React__default.createElement(core.Button, {
+  }, "Restore default"), React__default.createElement(core.Button, {
     variant: "contained",
     color: "primary",
     type: "submit",
     onClick: function onClick() {
       handleClose();
     }
-  }, "Submit")))));
+  }, "Submit")));
 }
 
 var SetColorDialog$1 = {
@@ -3304,28 +3344,25 @@ var BigWigAdapter = /*#__PURE__*/function (_BaseFeatureDataAdapt) {
     key: "setup",
     value: function () {
       var _setup = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee(opts) {
-        var _ref, _ref$statusCallback, statusCallback, result;
+        var _this2 = this;
+
+        var _ref, _ref$statusCallback, statusCallback;
 
         return runtime_1.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
               case 0:
                 _ref = opts || {}, _ref$statusCallback = _ref.statusCallback, statusCallback = _ref$statusCallback === void 0 ? function () {} : _ref$statusCallback;
-                statusCallback('Downloading bigwig header');
-                _context.next = 4;
-                return this.bigwig.getHeader(opts);
-
-              case 4:
-                result = _context.sent;
-                statusCallback('');
-                return _context.abrupt("return", result);
+                return _context.abrupt("return", util.updateStatus('Downloading bigwig header', statusCallback, function () {
+                  return _this2.bigwig.getHeader(opts);
+                }));
 
-              case 7:
+              case 2:
               case "end":
                 return _context.stop();
             }
           }
-        }, _callee, this);
+        }, _callee);
       }));
 
       function setup(_x) {
@@ -3338,7 +3375,8 @@ var BigWigAdapter = /*#__PURE__*/function (_BaseFeatureDataAdapt) {
     key: "getRefNames",
     value: function () {
       var _getRefNames = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee2(opts) {
-        var header;
+        var _yield$this$setup, refsByName;
+
         return runtime_1.wrap(function _callee2$(_context2) {
           while (1) {
             switch (_context2.prev = _context2.next) {
@@ -3347,10 +3385,11 @@ var BigWigAdapter = /*#__PURE__*/function (_BaseFeatureDataAdapt) {
                 return this.setup(opts);
 
               case 2:
-                header = _context2.sent;
-                return _context2.abrupt("return", Object.keys(header.refsByName));
+                _yield$this$setup = _context2.sent;
+                refsByName = _yield$this$setup.refsByName;
+                return _context2.abrupt("return", Object.keys(refsByName));
 
-              case 4:
+              case 5:
               case "end":
                 return _context2.stop();
             }
@@ -3368,7 +3407,10 @@ var BigWigAdapter = /*#__PURE__*/function (_BaseFeatureDataAdapt) {
     key: "refIdToName",
     value: function () {
       var _refIdToName = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee3(refId) {
-        var h;
+        var _refsByNumber$refId;
+
+        var _yield$this$setup2, refsByNumber;
+
         return runtime_1.wrap(function _callee3$(_context3) {
           while (1) {
             switch (_context3.prev = _context3.next) {
@@ -3377,12 +3419,11 @@ var BigWigAdapter = /*#__PURE__*/function (_BaseFeatureDataAdapt) {
                 return this.setup();
 
               case 2:
-                h = _context3.sent;
-                return _context3.abrupt("return", (h.refsByNumber[refId] || {
-                  name: undefined
-                }).name);
+                _yield$this$setup2 = _context3.sent;
+                refsByNumber = _yield$this$setup2.refsByNumber;
+                return _context3.abrupt("return", (_refsByNumber$refId = refsByNumber[refId]) === null || _refsByNumber$refId === void 0 ? void 0 : _refsByNumber$refId.name);
 
-              case 4:
+              case 5:
               case "end":
                 return _context3.stop();
             }
@@ -3400,7 +3441,8 @@ var BigWigAdapter = /*#__PURE__*/function (_BaseFeatureDataAdapt) {
     key: "getGlobalStats",
     value: function () {
       var _getGlobalStats = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee4(opts) {
-        var header;
+        var _yield$this$setup3, totalSummary;
+
         return runtime_1.wrap(function _callee4$(_context4) {
           while (1) {
             switch (_context4.prev = _context4.next) {
@@ -3409,10 +3451,11 @@ var BigWigAdapter = /*#__PURE__*/function (_BaseFeatureDataAdapt) {
                 return this.setup(opts);
 
               case 2:
-                header = _context4.sent;
-                return _context4.abrupt("return", stats.rectifyStats(header.totalSummary));
+                _yield$this$setup3 = _context4.sent;
+                totalSummary = _yield$this$setup3.totalSummary;
+                return _context4.abrupt("return", stats.rectifyStats(totalSummary));
 
-              case 4:
+              case 5:
               case "end":
                 return _context4.stop();
             }
@@ -3429,7 +3472,7 @@ var BigWigAdapter = /*#__PURE__*/function (_BaseFeatureDataAdapt) {
   }, {
     key: "getFeatures",
     value: function getFeatures(region) {
-      var _this2 = this;
+      var _this3 = this;
 
       var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
       var refName = region.refName,
@@ -3451,7 +3494,7 @@ var BigWigAdapter = /*#__PURE__*/function (_BaseFeatureDataAdapt) {
                 case 0:
                   statusCallback('Downloading bigwig data');
                   _context5.next = 3;
-                  return _this2.bigwig.getFeatureStream(refName, start, end, _objectSpread2(_objectSpread2({}, opts), {}, {
+                  return _this3.bigwig.getFeatureStream(refName, start, end, _objectSpread2(_objectSpread2({}, opts), {}, {
                     basesPerSpan: bpPerPx / resolution
                   }));
 
@@ -3478,7 +3521,34 @@ var BigWigAdapter = /*#__PURE__*/function (_BaseFeatureDataAdapt) {
           return _ref2.apply(this, arguments);
         };
       }(), signal);
-    }
+    } // always render bigwig instead of calculating a feature density for it
+
+  }, {
+    key: "estimateRegionsStats",
+    value: function () {
+      var _estimateRegionsStats = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee6(_regions) {
+        return runtime_1.wrap(function _callee6$(_context6) {
+          while (1) {
+            switch (_context6.prev = _context6.next) {
+              case 0:
+                return _context6.abrupt("return", {
+                  featureDensity: 0
+                });
+
+              case 1:
+              case "end":
+                return _context6.stop();
+            }
+          }
+        }, _callee6);
+      }));
+
+      function estimateRegionsStats(_x6) {
+        return _estimateRegionsStats.apply(this, arguments);
+      }
+
+      return estimateRegionsStats;
+    }()
   }, {
     key: "freeResources",
     value: function freeResources() {}