@jbrowse/plugin-wiggle 2.0.0 → 2.1.2

package/dist/MultiWiggleRendering.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { Region } from '@jbrowse/core/util/types';
+import { Feature } from '@jbrowse/core/util';
+import { Source } from './util';
+declare function WiggleRendering(props: {
+    regions: Region[];
+    features: Map<string, Feature>;
+    bpPerPx: number;
+    width: number;
+    height: number;
+    onMouseLeave: Function;
+    onMouseMove: Function;
+    onFeatureClick: Function;
+    blockKey: string;
+    sources: Source[];
+    displayModel: {
+        isMultiRow: boolean;
+    };
+}): JSX.Element;
+declare const _default: typeof WiggleRendering;
+export default _default;

package/dist/MultiWiggleRendering.js

@@ -0,0 +1,100 @@
+"use strict";
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const mobx_react_1 = require("mobx-react");
+const react_1 = __importStar(require("react"));
+const util_1 = require("@jbrowse/core/util");
+const ui_1 = require("@jbrowse/core/ui");
+function WiggleRendering(props) {
+    const { regions, features, bpPerPx, width, height, sources, onMouseLeave = () => { }, onMouseMove = () => { }, onFeatureClick = () => { }, displayModel, } = props;
+    const [region] = regions;
+    const ref = (0, react_1.useRef)(null);
+    function getFeatureUnderMouse(eventClientX, eventClientY) {
+        if (!ref.current) {
+            return;
+        }
+        const rect = ref.current.getBoundingClientRect();
+        const offsetX = eventClientX - rect.left;
+        const offsetY = eventClientY - rect.top;
+        const source = sources[Math.floor((offsetY / height) * sources.length)];
+        if (!source) {
+            return;
+        }
+        const px = region.reversed ? width - offsetX : offsetX;
+        const mouseoverBp = region.start + bpPerPx * px;
+        let featureUnderMouse;
+        if (displayModel.isMultiRow) {
+            for (const feature of features.values()) {
+                if (feature.get('source') !== source.name) {
+                    continue;
+                }
+                if (mouseoverBp <= feature.get('end') + bpPerPx &&
+                    mouseoverBp >= feature.get('start')) {
+                    featureUnderMouse = feature;
+                    break;
+                }
+            }
+        }
+        else {
+            const featuresUnderMouse = [];
+            for (const feature of features.values()) {
+                if (mouseoverBp <= feature.get('end') + bpPerPx &&
+                    mouseoverBp >= feature.get('start')) {
+                    featuresUnderMouse.push(feature);
+                }
+            }
+            if (featuresUnderMouse.length) {
+                const pos = Math.floor(mouseoverBp);
+                featureUnderMouse = new util_1.SimpleFeature({
+                    uniqueId: 'mouseoverfeat',
+                    sources: Object.fromEntries(featuresUnderMouse
+                        .map(f => f.toJSON())
+                        .map(f => {
+                        const { refName, start, end, source, ...rest } = f;
+                        return [source, rest];
+                    })),
+                    ...region,
+                    start: pos,
+                    end: pos + 1,
+                });
+            }
+        }
+        return featureUnderMouse;
+    }
+    return (react_1.default.createElement("div", { ref: ref, onMouseMove: event => {
+            const featureUnderMouse = getFeatureUnderMouse(event.clientX, event.clientY);
+            onMouseMove(event, featureUnderMouse);
+        }, onClick: event => {
+            const featureUnderMouse = getFeatureUnderMouse(event.clientX, event.clientY);
+            onFeatureClick(event, featureUnderMouse);
+        }, onMouseLeave: event => onMouseLeave(event), style: {
+            overflow: 'visible',
+            position: 'relative',
+            height,
+        } },
+        react_1.default.createElement(ui_1.PrerenderedCanvas, { ...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,57 @@
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const drawxy_1 = require("../drawxy");
+const util_1 = require("../util");
+const WiggleBaseRenderer_1 = __importDefault(require("../WiggleBaseRenderer"));
+class MultiXYPlotRenderer extends WiggleBaseRenderer_1.default {
+    // @ts-ignore
+    async draw(ctx, props) {
+        const { sources, features } = props;
+        const groups = (0, util_1.groupBy)([...features.values()], f => f.get('source'));
+        const Color = await Promise.resolve().then(() => __importStar(require('color'))).then(f => f.default);
+        let feats = [];
+        sources.forEach(source => {
+            const features = groups[source.name];
+            if (!features) {
+                return;
+            }
+            const { reducedFeatures } = (0, drawxy_1.drawXY)(ctx, {
+                ...props,
+                features,
+                offset: util_1.YSCALEBAR_LABEL_OFFSET,
+                colorCallback: () => source.color || 'blue',
+                Color,
+            });
+            feats = feats.concat(reducedFeatures);
+        });
+        return { reducedFeatures: feats };
+    }
+}
+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,sCAAkC;AAClC,kCAAyD;AAEzD,+EAE8B;AAE9B,MAAqB,mBAAoB,SAAQ,4BAAkB;IACjE,aAAa;IACb,KAAK,CAAC,IAAI,CAAC,GAA6B,EAAE,KAAgB;QACxD,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;QACnC,MAAM,MAAM,GAAG,IAAA,cAAO,EAAC,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAA;QACpE,MAAM,KAAK,GAAG,MAAM,kDAAO,OAAO,IAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAA;QACxD,IAAI,KAAK,GAAG,EAAe,CAAA;QAC3B,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YACvB,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;YACpC,IAAI,CAAC,QAAQ,EAAE;gBACb,OAAM;aACP;YACD,MAAM,EAAE,eAAe,EAAE,GAAG,IAAA,eAAM,EAAC,GAAG,EAAE;gBACtC,GAAG,KAAK;gBACR,QAAQ;gBACR,MAAM,EAAE,6BAAsB;gBAC9B,aAAa,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,IAAI,MAAM;gBAC3C,KAAK;aACN,CAAC,CAAA;YACF,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,eAAe,CAAC,CAAA;QACvC,CAAC,CAAC,CAAA;QACF,OAAO,EAAE,eAAe,EAAE,KAAK,EAAE,CAAA;IACnC,CAAC;CACF;AAvBD,sCAuBC"}

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 });
+const configuration_1 = require("@jbrowse/core/configuration");
+const mobx_state_tree_1 = require("mobx-state-tree");
+const configSchema_1 = __importDefault(require("../configSchema"));
+const 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,+DAAiE;AACjE,qDAAuC;AACvC,mEAA0C;AAE1C,MAAM,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,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const MultiWiggleRendering_1 = __importDefault(require("../MultiWiggleRendering"));
+const MultiXYPlotRenderer_1 = __importDefault(require("./MultiXYPlotRenderer"));
+const configSchema_1 = __importDefault(require("./configSchema"));
+exports.default = (pluginManager) => {
+    pluginManager.addRendererType(() => new MultiXYPlotRenderer_1.default({
+        name: 'MultiXYPlotRenderer',
+        ReactComponent: MultiWiggleRendering_1.default,
+        configSchema: configSchema_1.default,
+        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,mFAAoD;AACpD,gFAAuD;AACvD,kEAAyC;AAEzC,kBAAe,CAAC,aAA4B,EAAE,EAAE;IAC9C,aAAa,CAAC,eAAe,CAC3B,GAAG,EAAE,CACH,IAAI,6BAAmB,CAAC;QACtB,IAAI,EAAE,qBAAqB;QAC3B,cAAc,EAAd,8BAAc;QACd,YAAY,EAAZ,sBAAY;QACZ,aAAa;KACd,CAAC,CACL,CAAA;AACH,CAAC,CAAA"}

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 });
+const configuration_1 = require("@jbrowse/core/configuration");
+const models_1 = require("@jbrowse/core/pluggableElementTypes/models");
+const TrackType_1 = __importDefault(require("@jbrowse/core/pluggableElementTypes/TrackType"));
+exports.default = (pluginManager) => {
+    pluginManager.addTrackType(() => {
+        const configSchema = (0, configuration_1.ConfigurationSchema)('QuantitativeTrack', {}, { baseConfiguration: (0, models_1.createBaseTrackConfig)(pluginManager) });
+        return new TrackType_1.default({
+            name: 'QuantitativeTrack',
+            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,+DAAiE;AACjE,uEAGmD;AACnD,8FAAqE;AAGrE,kBAAe,CAAC,aAA4B,EAAE,EAAE;IAC9C,aAAa,CAAC,YAAY,CAAC,GAAG,EAAE;QAC9B,MAAM,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;YACZ,UAAU,EAAE,IAAA,6BAAoB,EAC9B,aAAa,EACb,mBAAmB,EACnB,YAAY,CACb;SACF,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA"}

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,96 @@
+"use strict";
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const mobx_react_1 = require("mobx-react");
+const material_1 = require("@mui/material");
+const mui_1 = require("tss-react/mui");
+// locals
+const util_1 = require("./util");
+const react_popper_1 = require("react-popper");
+const useStyles = (0, mui_1.makeStyles)()(theme => ({
+    // 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: `${(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({ model, height, clientMouseCoord, offsetMouseCoord, clientRect, TooltipContents, useClientY, }) {
+    const { featureUnderMouse } = model;
+    const [width, setWidth] = (0, react_1.useState)(0);
+    const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
+    const { classes } = useStyles();
+    // must be memoized a la https://github.com/popperjs/react-popper/issues/391
+    const virtElement = (0, react_1.useMemo)(() => ({
+        getBoundingClientRect: () => {
+            const x = clientMouseCoord[0] + width / 2 + 20;
+            const 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,
+                y,
+                toJSON() { },
+            };
+        },
+    }), [clientRect === null || clientRect === void 0 ? void 0 : clientRect.top, clientMouseCoord, width, useClientY]);
+    const { styles, attributes } = (0, react_popper_1.usePopper)(virtElement, anchorEl);
+    return featureUnderMouse ? (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(material_1.Portal, null,
+            react_1.default.createElement("div", { ref: setAnchorEl, className: classes.tooltip, 
+                // zIndex needed to go over widget drawer
+                style: { ...styles.popper, zIndex: 100000 }, ...attributes.popper },
+                react_1.default.createElement(TooltipContents, { ref: elt => 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":"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"}

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>;
-        containsNoTransferables: boolean;
         height: number;
         width: number;
+        containsNoTransferables: boolean;
         canvasRecordedData: any;
         reactElement?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-        imageData?: undefined;
         html?: string | undefined;
     } | {
         features: Map<string, Feature>;
-        containsNoTransferables: boolean;
         height: number;
         width: number;
+        containsNoTransferables: boolean;
         reactElement: JSX.Element;
-        canvasRecordedData?: undefined;
-        imageData?: undefined;
         html?: string | undefined;
     } | {
         features: Map<string, Feature>;
-        containsNoTransferables: boolean;
         height: number;
         width: number;
+        containsNoTransferables: boolean;
         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>;
 }

package/dist/WiggleBaseRenderer.js

@@ -1,121 +1,43 @@
 "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 __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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var FeatureRendererType_1 = __importDefault(require("@jbrowse/core/pluggableElementTypes/renderers/FeatureRendererType"));
-var offscreenCanvasUtils_1 = require("@jbrowse/core/util/offscreenCanvasUtils");
-var WiggleBaseRenderer = /** @class */ (function (_super) {
-    __extends(WiggleBaseRenderer, _super);
-    function WiggleBaseRenderer() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.supportsSVG = true;
-        return _this;
+const FeatureRendererType_1 = __importDefault(require("@jbrowse/core/pluggableElementTypes/renderers/FeatureRendererType"));
+const util_1 = require("@jbrowse/core/util");
+class WiggleBaseRenderer extends FeatureRendererType_1.default {
+    constructor() {
+        super(...arguments);
+        this.supportsSVG = true;
     }
-    WiggleBaseRenderer.prototype.render = function (renderProps) {
-        return __awaiter(this, void 0, void 0, function () {
-            var features, height, regions, bpPerPx, _a, region, width, res, results;
-            var _this = this;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
-                    case 0: return [4 /*yield*/, this.getFeatures(renderProps)];
-                    case 1:
-                        features = _b.sent();
-                        height = renderProps.height, regions = renderProps.regions, bpPerPx = renderProps.bpPerPx;
-                        _a = __read(regions, 1), region = _a[0];
-                        width = (region.end - region.start) / bpPerPx;
-                        return [4 /*yield*/, (0, offscreenCanvasUtils_1.renderToAbstractCanvas)(width, height, renderProps, function (ctx) {
-                                return _this.draw(ctx, __assign(__assign({}, renderProps), { features: features }));
-                            })];
-                    case 2:
-                        res = _b.sent();
-                        return [4 /*yield*/, _super.prototype.render.call(this, __assign(__assign(__assign({}, renderProps), res), { features: features, height: height, width: width }))];
-                    case 3:
-                        results = _b.sent();
-                        return [2 /*return*/, __assign(__assign(__assign({}, results), res), { features: features, containsNoTransferables: true, height: height, width: width })];
-                }
-            });
+    async render(renderProps) {
+        const features = await this.getFeatures(renderProps);
+        const { height, regions, bpPerPx } = renderProps;
+        const [region] = regions;
+        const width = (region.end - region.start) / bpPerPx;
+        // @ts-ignore
+        const { reducedFeatures, ...rest } = await (0, util_1.renderToAbstractCanvas)(width, height, renderProps, ctx => this.draw(ctx, {
+            ...renderProps,
+            features,
+        }));
+        const results = await super.render({
+            ...renderProps,
+            ...rest,
+            features,
+            height,
+            width,
         });
-    };
-    return WiggleBaseRenderer;
-}(FeatureRendererType_1.default));
+        return {
+            ...results,
+            ...rest,
+            features: (reducedFeatures
+                ? new Map(reducedFeatures.map((r) => [r.id(), r]))
+                : results.features),
+            height,
+            width,
+            containsNoTransferables: true,
+        };
+    }
+}
 exports.default = WiggleBaseRenderer;
 //# sourceMappingURL=WiggleBaseRenderer.js.map