@jbrowse/plugin-wiggle 2.0.1 → 2.1.0

package/dist/MultiWiggleRendering.js

@@ -0,0 +1,164 @@
+"use strict";
+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;
+});
+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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+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 __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 util_1 = require("@jbrowse/core/util");
+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, sources = props.sources, _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, displayModel = props.displayModel;
+    var _d = __read(regions, 1), region = _d[0];
+    var ref = (0, react_1.useRef)(null);
+    function getFeatureUnderMouse(eventClientX, eventClientY) {
+        var e_1, _a, e_2, _b;
+        if (!ref.current) {
+            return;
+        }
+        var rect = ref.current.getBoundingClientRect();
+        var offsetX = eventClientX - rect.left;
+        var offsetY = eventClientY - rect.top;
+        var source = sources[Math.floor((offsetY / height) * sources.length)];
+        if (!source) {
+            return;
+        }
+        var px = region.reversed ? width - offsetX : offsetX;
+        var mouseoverBp = region.start + bpPerPx * px;
+        var featureUnderMouse;
+        if (displayModel.isMultiRow) {
+            try {
+                for (var _c = __values(features.values()), _d = _c.next(); !_d.done; _d = _c.next()) {
+                    var feature = _d.value;
+                    if (feature.get('source') !== source.name) {
+                        continue;
+                    }
+                    if (mouseoverBp <= feature.get('end') + bpPerPx &&
+                        mouseoverBp >= feature.get('start')) {
+                        featureUnderMouse = feature;
+                        break;
+                    }
+                }
+            }
+            catch (e_1_1) { e_1 = { error: e_1_1 }; }
+            finally {
+                try {
+                    if (_d && !_d.done && (_a = _c.return)) _a.call(_c);
+                }
+                finally { if (e_1) throw e_1.error; }
+            }
+        }
+        else {
+            var featuresUnderMouse = [];
+            try {
+                for (var _e = __values(features.values()), _f = _e.next(); !_f.done; _f = _e.next()) {
+                    var feature = _f.value;
+                    if (mouseoverBp <= feature.get('end') + bpPerPx &&
+                        mouseoverBp >= feature.get('start')) {
+                        featuresUnderMouse.push(feature);
+                    }
+                }
+            }
+            catch (e_2_1) { e_2 = { error: e_2_1 }; }
+            finally {
+                try {
+                    if (_f && !_f.done && (_b = _e.return)) _b.call(_e);
+                }
+                finally { if (e_2) throw e_2.error; }
+            }
+            if (featuresUnderMouse.length) {
+                var pos = Math.floor(mouseoverBp);
+                featureUnderMouse = new util_1.SimpleFeature(__assign(__assign({ uniqueId: 'mouseoverfeat', sources: Object.fromEntries(featuresUnderMouse
+                        .map(function (f) { return f.toJSON(); })
+                        .map(function (f) {
+                        var refName = f.refName, start = f.start, end = f.end, source = f.source, rest = __rest(f, ["refName", "start", "end", "source"]);
+                        return [source, rest];
+                    })) }, region), { start: pos, end: pos + 1 }));
+            }
+        }
+        return featureUnderMouse;
+    }
+    return (react_1.default.createElement("div", { ref: ref, onMouseMove: function (event) {
+            var featureUnderMouse = getFeatureUnderMouse(event.clientX, event.clientY);
+            onMouseMove(event, featureUnderMouse);
+        }, onClick: function (event) {
+            var featureUnderMouse = getFeatureUnderMouse(event.clientX, event.clientY);
+            onFeatureClick(event, featureUnderMouse);
+        }, onMouseLeave: function (event) { return onMouseLeave(event); }, style: {
+            overflow: 'visible',
+            position: 'relative',
+            height: height,
+        } },
+        react_1.default.createElement(ui_1.PrerenderedCanvas, __assign({}, props))));
+}
+exports.default = (0, mobx_react_1.observer)(WiggleRendering);
+//# sourceMappingURL=MultiWiggleRendering.js.map

package/dist/MultiWiggleRendering.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiWiggleRendering.js","sourceRoot":"","sources":["../src/MultiWiggleRendering.tsx"],"names":[],"mappings":"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"}

package/dist/MultiXYPlotRenderer/MultiXYPlotRenderer.d.ts

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

package/dist/MultiXYPlotRenderer/MultiXYPlotRenderer.js

@@ -0,0 +1,153 @@
+"use strict";
+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;
+});
+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;
+            }
+            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];
+        }
+    }
+    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 drawxy_1 = require("../drawxy");
+var util_1 = require("../util");
+var WiggleBaseRenderer_1 = __importDefault(require("../WiggleBaseRenderer"));
+var MultiXYPlotRenderer = /** @class */ (function (_super) {
+    __extends(MultiXYPlotRenderer, _super);
+    function MultiXYPlotRenderer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    // @ts-ignore
+    MultiXYPlotRenderer.prototype.draw = function (ctx, props) {
+        return __awaiter(this, void 0, void 0, function () {
+            var sources, features, groups, Color, feats;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        sources = props.sources, features = props.features;
+                        groups = (0, util_1.groupBy)(__spreadArray([], __read(features.values()), false), function (f) { return f.get('source'); });
+                        return [4 /*yield*/, Promise.resolve().then(function () { return __importStar(require('color')); }).then(function (f) { return f.default; })];
+                    case 1:
+                        Color = _a.sent();
+                        feats = [];
+                        sources.forEach(function (source) {
+                            var features = groups[source.name];
+                            if (!features) {
+                                return;
+                            }
+                            var reducedFeatures = (0, drawxy_1.drawXY)(ctx, __assign(__assign({}, props), { features: features, offset: util_1.YSCALEBAR_LABEL_OFFSET, colorCallback: function () { return source.color || 'blue'; }, Color: Color })).reducedFeatures;
+                            feats = feats.concat(reducedFeatures);
+                        });
+                        return [2 /*return*/, { reducedFeatures: feats }];
+                }
+            });
+        });
+    };
+    return MultiXYPlotRenderer;
+}(WiggleBaseRenderer_1.default));
+exports.default = MultiXYPlotRenderer;
+//# sourceMappingURL=MultiXYPlotRenderer.js.map

package/dist/MultiXYPlotRenderer/MultiXYPlotRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiXYPlotRenderer.js","sourceRoot":"","sources":["../../src/MultiXYPlotRenderer/MultiXYPlotRenderer.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,oCAAkC;AAClC,gCAAyD;AAEzD,6EAE8B;AAE9B;IAAiD,uCAAkB;IAAnE;;IAuBA,CAAC;IAtBC,aAAa;IACP,kCAAI,GAAV,UAAW,GAA6B,EAAE,KAAgB;;;;;;wBAChD,OAAO,GAAe,KAAK,QAApB,EAAE,QAAQ,GAAK,KAAK,SAAV,CAAU;wBAC7B,MAAM,GAAG,IAAA,cAAO,2BAAK,QAAQ,CAAC,MAAM,EAAE,WAAG,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAf,CAAe,CAAC,CAAA;wBACtD,qBAAM,iEAAO,OAAO,OAAE,IAAI,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,OAAO,EAAT,CAAS,CAAC,EAAA;;wBAAlD,KAAK,GAAG,SAA0C;wBACpD,KAAK,GAAG,EAAe,CAAA;wBAC3B,OAAO,CAAC,OAAO,CAAC,UAAA,MAAM;4BACpB,IAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;4BACpC,IAAI,CAAC,QAAQ,EAAE;gCACb,OAAM;6BACP;4BACO,IAAA,eAAe,GAAK,IAAA,eAAM,EAAC,GAAG,wBACjC,KAAK,KACR,QAAQ,UAAA,EACR,MAAM,EAAE,6BAAsB,EAC9B,aAAa,EAAE,cAAM,OAAA,MAAM,CAAC,KAAK,IAAI,MAAM,EAAtB,CAAsB,EAC3C,KAAK,OAAA,IACL,gBANqB,CAMrB;4BACF,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,eAAe,CAAC,CAAA;wBACvC,CAAC,CAAC,CAAA;wBACF,sBAAO,EAAE,eAAe,EAAE,KAAK,EAAE,EAAA;;;;KAClC;IACH,0BAAC;AAAD,CAAC,AAvBD,CAAiD,4BAAkB,GAuBlE"}

package/dist/MultiXYPlotRenderer/configSchema.d.ts

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

package/dist/MultiXYPlotRenderer/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 mobx_state_tree_1 = require("mobx-state-tree");
+var configSchema_1 = __importDefault(require("../configSchema"));
+var configSchema = (0, configuration_1.ConfigurationSchema)('MultiXYPlotRenderer', {
+    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: 'avg',
+    },
+    minSize: {
+        type: 'number',
+        defaultValue: 0,
+    },
+}, { baseConfiguration: configSchema_1.default, explicitlyTyped: true });
+exports.default = configSchema;
+//# sourceMappingURL=configSchema.js.map

package/dist/MultiXYPlotRenderer/configSchema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"configSchema.js","sourceRoot":"","sources":["../../src/MultiXYPlotRenderer/configSchema.ts"],"names":[],"mappings":";;;;;AAAA,6DAAiE;AACjE,mDAAuC;AACvC,iEAA0C;AAE1C,IAAM,YAAY,GAAG,IAAA,mCAAmB,EACtC,qBAAqB,EACrB;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,KAAK;KACpB;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;AACD,kBAAe,YAAY,CAAA"}

package/dist/MultiXYPlotRenderer/index.d.ts

@@ -0,0 +1,3 @@
+import PluginManager from '@jbrowse/core/PluginManager';
+declare const _default: (pluginManager: PluginManager) => void;
+export default _default;

package/dist/MultiXYPlotRenderer/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var MultiWiggleRendering_1 = __importDefault(require("../MultiWiggleRendering"));
+var MultiXYPlotRenderer_1 = __importDefault(require("./MultiXYPlotRenderer"));
+var configSchema_1 = __importDefault(require("./configSchema"));
+exports.default = (function (pluginManager) {
+    pluginManager.addRendererType(function () {
+        return new MultiXYPlotRenderer_1.default({
+            name: 'MultiXYPlotRenderer',
+            ReactComponent: MultiWiggleRendering_1.default,
+            configSchema: configSchema_1.default,
+            pluginManager: pluginManager,
+        });
+    });
+});
+//# sourceMappingURL=index.js.map

package/dist/MultiXYPlotRenderer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/MultiXYPlotRenderer/index.ts"],"names":[],"mappings":";;;;;AAEA,iFAAoD;AACpD,8EAAuD;AACvD,gEAAyC;AAEzC,mBAAe,UAAC,aAA4B;IAC1C,aAAa,CAAC,eAAe,CAC3B;QACE,OAAA,IAAI,6BAAmB,CAAC;YACtB,IAAI,EAAE,qBAAqB;YAC3B,cAAc,gCAAA;YACd,YAAY,wBAAA;YACZ,aAAa,eAAA;SACd,CAAC;IALF,CAKE,CACL,CAAA;AACH,CAAC,EAAA"}

package/dist/QuantitativeTrack/index.d.ts

@@ -0,0 +1,3 @@
+import PluginManager from '@jbrowse/core/PluginManager';
+declare const _default: (pluginManager: PluginManager) => void;
+export default _default;

package/dist/QuantitativeTrack/index.js

@@ -0,0 +1,19 @@
+"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 models_1 = require("@jbrowse/core/pluggableElementTypes/models");
+var TrackType_1 = __importDefault(require("@jbrowse/core/pluggableElementTypes/TrackType"));
+exports.default = (function (pluginManager) {
+    pluginManager.addTrackType(function () {
+        var configSchema = (0, configuration_1.ConfigurationSchema)('QuantitativeTrack', {}, { baseConfiguration: (0, models_1.createBaseTrackConfig)(pluginManager) });
+        return new TrackType_1.default({
+            name: 'QuantitativeTrack',
+            configSchema: configSchema,
+            stateModel: (0, models_1.createBaseTrackModel)(pluginManager, 'QuantitativeTrack', configSchema),
+        });
+    });
+});
+//# sourceMappingURL=index.js.map

package/dist/QuantitativeTrack/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/QuantitativeTrack/index.ts"],"names":[],"mappings":";;;;;AAAA,6DAAiE;AACjE,qEAGmD;AACnD,4FAAqE;AAGrE,mBAAe,UAAC,aAA4B;IAC1C,aAAa,CAAC,YAAY,CAAC;QACzB,IAAM,YAAY,GAAG,IAAA,mCAAmB,EACtC,mBAAmB,EACnB,EAAE,EACF,EAAE,iBAAiB,EAAE,IAAA,8BAAqB,EAAC,aAAa,CAAC,EAAE,CAC5D,CAAA;QACD,OAAO,IAAI,mBAAS,CAAC;YACnB,IAAI,EAAE,mBAAmB;YACzB,YAAY,cAAA;YACZ,UAAU,EAAE,IAAA,6BAAoB,EAC9B,aAAa,EACb,mBAAmB,EACnB,YAAY,CACb;SACF,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;AACJ,CAAC,EAAA"}

package/dist/Tooltip.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { Feature } from '@jbrowse/core/util';
+declare type Coord = [number, number];
+export declare type TooltipContentsComponent = React.ForwardRefExoticComponent<{
+    feature: Feature;
+    model: any;
+} & React.RefAttributes<HTMLDivElement>>;
+declare function Tooltip({ model, height, clientMouseCoord, offsetMouseCoord, clientRect, TooltipContents, useClientY, }: {
+    model: {
+        featureUnderMouse: Feature;
+    };
+    useClientY?: boolean;
+    height: number;
+    clientMouseCoord: Coord;
+    offsetMouseCoord: Coord;
+    clientRect?: DOMRect;
+    TooltipContents: TooltipContentsComponent;
+}): JSX.Element | null;
+declare const _default: typeof Tooltip;
+export default _default;

package/dist/Tooltip.js

@@ -0,0 +1,124 @@
+"use strict";
+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;
+});
+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 {
+        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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var mobx_react_1 = require("mobx-react");
+var material_1 = require("@mui/material");
+var mui_1 = require("tss-react/mui");
+// locals
+var util_1 = require("./util");
+var react_popper_1 = require("react-popper");
+var useStyles = (0, mui_1.makeStyles)()(function (theme) { return ({
+    // these styles come from
+    // https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/Tooltip/Tooltip.js
+    tooltip: {
+        position: 'absolute',
+        pointerEvents: 'none',
+        backgroundColor: (0, material_1.alpha)(theme.palette.grey[700], 0.9),
+        borderRadius: theme.shape.borderRadius,
+        color: theme.palette.common.white,
+        fontFamily: theme.typography.fontFamily,
+        padding: '4px 8px',
+        fontSize: theme.typography.pxToRem(12),
+        lineHeight: "".concat((0, util_1.round)(14 / 10), "em"),
+        maxWidth: 300,
+        wordWrap: 'break-word',
+    },
+    hoverVertical: {
+        background: '#333',
+        border: 'none',
+        width: 1,
+        height: '100%',
+        top: util_1.YSCALEBAR_LABEL_OFFSET,
+        cursor: 'default',
+        position: 'absolute',
+        pointerEvents: 'none',
+    },
+}); });
+function Tooltip(_a) {
+    var model = _a.model, height = _a.height, clientMouseCoord = _a.clientMouseCoord, offsetMouseCoord = _a.offsetMouseCoord, clientRect = _a.clientRect, TooltipContents = _a.TooltipContents, useClientY = _a.useClientY;
+    var featureUnderMouse = model.featureUnderMouse;
+    var _b = __read((0, react_1.useState)(0), 2), width = _b[0], setWidth = _b[1];
+    var _c = __read((0, react_1.useState)(null), 2), anchorEl = _c[0], setAnchorEl = _c[1];
+    var classes = useStyles().classes;
+    // must be memoized a la https://github.com/popperjs/react-popper/issues/391
+    var virtElement = (0, react_1.useMemo)(function () { return ({
+        getBoundingClientRect: function () {
+            var x = clientMouseCoord[0] + width / 2 + 20;
+            var y = useClientY ? clientMouseCoord[1] : (clientRect === null || clientRect === void 0 ? void 0 : clientRect.top) || 0;
+            return {
+                top: y,
+                left: x,
+                bottom: y,
+                right: x,
+                width: 0,
+                height: 0,
+                x: x,
+                y: y,
+                toJSON: function () { },
+            };
+        },
+    }); }, [clientRect === null || clientRect === void 0 ? void 0 : clientRect.top, clientMouseCoord, width, useClientY]);
+    var _d = (0, react_popper_1.usePopper)(virtElement, anchorEl), styles = _d.styles, attributes = _d.attributes;
+    return featureUnderMouse ? (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(material_1.Portal, null,
+            react_1.default.createElement("div", __assign({ ref: setAnchorEl, className: classes.tooltip, 
+                // zIndex needed to go over widget drawer
+                style: __assign(__assign({}, styles.popper), { zIndex: 100000 }) }, attributes.popper),
+                react_1.default.createElement(TooltipContents, { ref: function (elt) { return setWidth((elt === null || elt === void 0 ? void 0 : elt.getBoundingClientRect().width) || 0); }, model: model, feature: featureUnderMouse }))),
+        react_1.default.createElement("div", { className: classes.hoverVertical, style: {
+                left: offsetMouseCoord[0],
+                height: height - util_1.YSCALEBAR_LABEL_OFFSET * 2,
+            } }))) : null;
+}
+exports.default = (0, mobx_react_1.observer)(Tooltip);
+//# sourceMappingURL=Tooltip.js.map

package/dist/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../src/Tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAgD;AAChD,yCAAqC;AACrC,0CAA6C;AAC7C,qCAA0C;AAG1C,SAAS;AACT,+BAAsD;AACtD,6CAAwC;AAExC,IAAM,SAAS,GAAG,IAAA,gBAAU,GAAE,CAAC,UAAA,KAAK,IAAI,OAAA,CAAC;IACvC,yBAAyB;IACzB,iGAAiG;IACjG,OAAO,EAAE;QACP,QAAQ,EAAE,UAAU;QACpB,aAAa,EAAE,MAAM;QACrB,eAAe,EAAE,IAAA,gBAAK,EAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC;QACpD,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;QACtC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;QACjC,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,UAAU;QACvC,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC;QACtC,UAAU,EAAE,UAAG,IAAA,YAAK,EAAC,EAAE,GAAG,EAAE,CAAC,OAAI;QACjC,QAAQ,EAAE,GAAG;QACb,QAAQ,EAAE,YAAY;KACvB;IAED,aAAa,EAAE;QACb,UAAU,EAAE,MAAM;QAClB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,MAAM;QACd,GAAG,EAAE,6BAAsB;QAC3B,MAAM,EAAE,SAAS;QACjB,QAAQ,EAAE,UAAU;QACpB,aAAa,EAAE,MAAM;KACtB;CACF,CAAC,EA3BsC,CA2BtC,CAAC,CAAA;AAWH,SAAS,OAAO,CAAC,EAgBhB;QAfC,KAAK,WAAA,EACL,MAAM,YAAA,EACN,gBAAgB,sBAAA,EAChB,gBAAgB,sBAAA,EAChB,UAAU,gBAAA,EACV,eAAe,qBAAA,EACf,UAAU,gBAAA;IAUF,IAAA,iBAAiB,GAAK,KAAK,kBAAV,CAAU;IAC7B,IAAA,KAAA,OAAoB,IAAA,gBAAQ,EAAC,CAAC,CAAC,IAAA,EAA9B,KAAK,QAAA,EAAE,QAAQ,QAAe,CAAA;IAC/B,IAAA,KAAA,OAA0B,IAAA,gBAAQ,EAAwB,IAAI,CAAC,IAAA,EAA9D,QAAQ,QAAA,EAAE,WAAW,QAAyC,CAAA;IAC7D,IAAA,OAAO,GAAK,SAAS,EAAE,QAAhB,CAAgB;IAE/B,4EAA4E;IAC5E,IAAM,WAAW,GAAG,IAAA,eAAO,EACzB,cAAM,OAAA,CAAC;QACL,qBAAqB,EAAE;YACrB,IAAM,CAAC,GAAG,gBAAgB,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,GAAG,EAAE,CAAA;YAC9C,IAAM,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,GAAG,KAAI,CAAC,CAAA;YACjE,OAAO;gBACL,GAAG,EAAE,CAAC;gBACN,IAAI,EAAE,CAAC;gBACP,MAAM,EAAE,CAAC;gBACT,KAAK,EAAE,CAAC;gBACR,KAAK,EAAE,CAAC;gBACR,MAAM,EAAE,CAAC;gBACT,CAAC,GAAA;gBACD,CAAC,GAAA;gBACD,MAAM,gBAAI,CAAC;aACZ,CAAA;QACH,CAAC;KACF,CAAC,EAhBI,CAgBJ,EACF,CAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,GAAG,EAAE,gBAAgB,EAAE,KAAK,EAAE,UAAU,CAAC,CACvD,CAAA;IACK,IAAA,KAAyB,IAAA,wBAAS,EAAC,WAAW,EAAE,QAAQ,CAAC,EAAvD,MAAM,YAAA,EAAE,UAAU,gBAAqC,CAAA;IAE/D,OAAO,iBAAiB,CAAC,CAAC,CAAC,CACzB;QACE,8BAAC,iBAAM;YACL,gDACE,GAAG,EAAE,WAAW,EAChB,SAAS,EAAE,OAAO,CAAC,OAAO;gBAC1B,yCAAyC;gBACzC,KAAK,wBAAO,MAAM,CAAC,MAAM,KAAE,MAAM,EAAE,MAAM,OACrC,UAAU,CAAC,MAAM;gBAErB,8BAAC,eAAe,IACd,GAAG,EAAE,UAAA,GAAG,IAAI,OAAA,QAAQ,CAAC,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,qBAAqB,GAAG,KAAK,KAAI,CAAC,CAAC,EAAjD,CAAiD,EAC7D,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,iBAAiB,GAC1B,CACE,CACC;QAET,uCACE,SAAS,EAAE,OAAO,CAAC,aAAa,EAChC,KAAK,EAAE;gBACL,IAAI,EAAE,gBAAgB,CAAC,CAAC,CAAC;gBACzB,MAAM,EAAE,MAAM,GAAG,6BAAsB,GAAG,CAAC;aAC5C,GACD,CACD,CACJ,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC;AAED,kBAAe,IAAA,qBAAQ,EAAC,OAAO,CAAC,CAAA"}

package/dist/WiggleBaseRenderer.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import { Feature } from '@jbrowse/core/util/simpleFeature';
 import FeatureRendererType, { RenderArgs as FeatureRenderArgs, RenderArgsSerialized, RenderArgsDeserialized as FeatureRenderArgsDeserialized, RenderResults, ResultsSerialized, ResultsDeserialized } from '@jbrowse/core/pluggableElementTypes/renderers/FeatureRendererType';
+import { Feature } from '@jbrowse/core/util';
 import { ThemeOptions } from '@mui/material';
-import { ScaleOpts } from './util';
+import { ScaleOpts, Source } from './util';
 export interface RenderArgs extends FeatureRenderArgs {
     scaleOpts: ScaleOpts;
 }
@@ -20,36 +20,35 @@ export interface RenderArgsDeserialized extends FeatureRenderArgsDeserialized {
 export interface RenderArgsDeserializedWithFeatures extends RenderArgsDeserialized {
     features: Map<string, Feature>;
 }
+export interface MultiRenderArgsDeserialized extends RenderArgsDeserializedWithFeatures {
+    sources: Source[];
+}
 export type { RenderArgsSerialized, RenderResults, ResultsSerialized, ResultsDeserialized, };
 export default abstract class WiggleBaseRenderer extends FeatureRendererType {
     supportsSVG: boolean;
     render(renderProps: RenderArgsDeserialized): Promise<{
-        features: Map<string, Feature>;
+        features: any;
         containsNoTransferables: boolean;
         height: number;
         width: number;
         canvasRecordedData: any;
         reactElement?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-        imageData?: undefined;
         html?: string | undefined;
     } | {
-        features: Map<string, Feature>;
+        features: any;
         containsNoTransferables: boolean;
         height: number;
         width: number;
         reactElement: JSX.Element;
-        canvasRecordedData?: undefined;
-        imageData?: undefined;
         html?: string | undefined;
     } | {
-        features: Map<string, Feature>;
+        features: any;
         containsNoTransferables: boolean;
         height: number;
         width: number;
         imageData: any;
-        canvasRecordedData?: undefined;
         reactElement?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
         html?: string | undefined;
     }>;
-    abstract draw<T extends RenderArgsDeserializedWithFeatures>(ctx: CanvasRenderingContext2D, props: T): Promise<void>;
+    abstract draw<T extends RenderArgsDeserializedWithFeatures>(ctx: CanvasRenderingContext2D, props: T): Promise<Record<string, unknown> | void>;
 }