@jbrowse/plugin-wiggle 2.17.0 → 3.0.0

package/esm/WiggleRPC/WiggleGetGlobalQuantitativeStats.js

@@ -1,28 +1,15 @@
-import RpcMethodType from '@jbrowse/core/pluggableElementTypes/RpcMethodType';
-import SerializableFilterChain from '@jbrowse/core/pluggableElementTypes/renderers/util/serializableFilterChain';
 import { getAdapter } from '@jbrowse/core/data_adapters/dataAdapterCache';
-export class WiggleGetGlobalQuantitativeStats extends RpcMethodType {
+import RpcMethodTypeWithFiltersAndRenameRegions from '@jbrowse/core/pluggableElementTypes/RpcMethodTypeWithFiltersAndRenameRegions';
+export class WiggleGetGlobalQuantitativeStats extends RpcMethodTypeWithFiltersAndRenameRegions {
     constructor() {
         super(...arguments);
         this.name = 'WiggleGetGlobalQuantitativeStats';
     }
-    async deserializeArguments(args, rpcDriverClassName) {
-        const l = await super.deserializeArguments(args, rpcDriverClassName);
-        return {
-            ...l,
-            filters: args.filters
-                ? new SerializableFilterChain({
-                    filters: args.filters,
-                })
-                : undefined,
-        };
-    }
     async execute(args, rpcDriverClassName) {
         const pm = this.pluginManager;
         const deserializedArgs = await this.deserializeArguments(args, rpcDriverClassName);
         const { adapterConfig, sessionId } = deserializedArgs;
         const { dataAdapter } = await getAdapter(pm, sessionId, adapterConfig);
-        // @ts-expect-error
         return dataAdapter.getGlobalStats(deserializedArgs);
     }
 }

package/esm/WiggleRPC/WiggleGetMultiRegionQuantitativeStats.d.ts

@@ -1,17 +1,10 @@
-import RpcMethodType from '@jbrowse/core/pluggableElementTypes/RpcMethodType';
-import { RenderArgs } from '@jbrowse/core/rpc/coreRpcMethods';
-import { RemoteAbortSignal } from '@jbrowse/core/rpc/remoteAbortSignals';
-import { Region } from '@jbrowse/core/util';
-export declare class WiggleGetMultiRegionQuantitativeStats extends RpcMethodType {
+import RpcMethodTypeWithFiltersAndRenameRegions from '@jbrowse/core/pluggableElementTypes/RpcMethodTypeWithFiltersAndRenameRegions';
+import type { Region } from '@jbrowse/core/util';
+export declare class WiggleGetMultiRegionQuantitativeStats extends RpcMethodTypeWithFiltersAndRenameRegions {
     name: string;
-    deserializeArguments(args: any, rpcDriverClassName: string): Promise<any>;
-    serializeArguments(args: RenderArgs & {
-        signal?: AbortSignal;
-        statusCallback?: (arg: string) => void;
-    }, rpcDriverClassName: string): Promise<Record<string, unknown>>;
     execute(args: {
         adapterConfig: Record<string, unknown>;
-        signal?: RemoteAbortSignal;
+        stopToken?: string;
         sessionId: string;
         headers?: Record<string, string>;
         regions: Region[];

package/esm/WiggleRPC/WiggleGetMultiRegionQuantitativeStats.js

@@ -1,42 +1,15 @@
-import RpcMethodType from '@jbrowse/core/pluggableElementTypes/RpcMethodType';
-import SerializableFilterChain from '@jbrowse/core/pluggableElementTypes/renderers/util/serializableFilterChain';
 import { getAdapter } from '@jbrowse/core/data_adapters/dataAdapterCache';
-import { renameRegionsIfNeeded } from '@jbrowse/core/util';
-export class WiggleGetMultiRegionQuantitativeStats extends RpcMethodType {
+import RpcMethodTypeWithFiltersAndRenameRegions from '@jbrowse/core/pluggableElementTypes/RpcMethodTypeWithFiltersAndRenameRegions';
+export class WiggleGetMultiRegionQuantitativeStats extends RpcMethodTypeWithFiltersAndRenameRegions {
     constructor() {
         super(...arguments);
         this.name = 'WiggleGetMultiRegionQuantitativeStats';
     }
-    async deserializeArguments(args, rpcDriverClassName) {
-        const l = await super.deserializeArguments(args, rpcDriverClassName);
-        return {
-            ...l,
-            filters: args.filters
-                ? new SerializableFilterChain({
-                    filters: args.filters,
-                })
-                : undefined,
-        };
-    }
-    async serializeArguments(args, rpcDriverClassName) {
-        var _a, _b, _c;
-        const pm = this.pluginManager;
-        const assemblyManager = (_b = (_a = pm.rootModel) === null || _a === void 0 ? void 0 : _a.session) === null || _b === void 0 ? void 0 : _b.assemblyManager;
-        if (!assemblyManager) {
-            return args;
-        }
-        const renamedArgs = await renameRegionsIfNeeded(assemblyManager, {
-            ...args,
-            filters: (_c = args.filters) === null || _c === void 0 ? void 0 : _c.toJSON().filters,
-        });
-        return super.serializeArguments(renamedArgs, rpcDriverClassName);
-    }
     async execute(args, rpcDriverClassName) {
         const pm = this.pluginManager;
         const deserializedArgs = await this.deserializeArguments(args, rpcDriverClassName);
         const { regions, adapterConfig, sessionId } = deserializedArgs;
         const { dataAdapter } = await getAdapter(pm, sessionId, adapterConfig);
-        // @ts-expect-error
         return dataAdapter.getMultiRegionQuantitativeStats(regions, deserializedArgs);
     }
 }

package/esm/WiggleRendering.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
-import { Region } from '@jbrowse/core/util/types';
-import { Feature } from '@jbrowse/core/util';
+import type { Feature } from '@jbrowse/core/util';
+import type { Region } from '@jbrowse/core/util/types';
 declare const WiggleRendering: (props: {
     regions: Region[];
     features: Map<string, Feature>;
@@ -11,5 +10,5 @@ declare const WiggleRendering: (props: {
     onMouseLeave?: (event: React.MouseEvent) => void;
     onMouseMove?: (event: React.MouseEvent, arg?: string) => void;
     onFeatureClick?: (event: React.MouseEvent, arg?: string) => void;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default WiggleRendering;

package/esm/WiggleRendering.js

@@ -1,12 +1,12 @@
-import { observer } from 'mobx-react';
-import React, { useRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef } from 'react';
 import { PrerenderedCanvas } from '@jbrowse/core/ui';
+import { observer } from 'mobx-react';
 const WiggleRendering = observer(function (props) {
     const { regions, features, bpPerPx, width, height, onMouseLeave, onMouseMove, onFeatureClick, } = props;
     const region = regions[0];
     const ref = useRef(null);
     function getFeatureUnderMouse(eventClientX) {
-        // calculates feature under mouse
         let offset = 0;
         if (ref.current) {
             offset = ref.current.getBoundingClientRect().left;
@@ -16,7 +16,6 @@ const WiggleRendering = observer(function (props) {
         const clientBp = region.start + bpPerPx * px;
         let featureUnderMouse;
         for (const feature of features.values()) {
-            // bpPerPx added to the end to accommodate "reduced features" (one feature per px)
             if (clientBp <= feature.get('end') + bpPerPx &&
                 clientBp >= feature.get('start')) {
                 featureUnderMouse = feature;
@@ -25,11 +24,10 @@ const WiggleRendering = observer(function (props) {
         }
         return featureUnderMouse;
     }
-    return (React.createElement("div", { ref: ref, "data-testid": "wiggle-rendering-test", onMouseMove: e => { var _a; return onMouseMove === null || onMouseMove === void 0 ? void 0 : onMouseMove(e, (_a = getFeatureUnderMouse(e.clientX)) === null || _a === void 0 ? void 0 : _a.id()); }, onClick: e => { var _a; return onFeatureClick === null || onFeatureClick === void 0 ? void 0 : onFeatureClick(e, (_a = getFeatureUnderMouse(e.clientX)) === null || _a === void 0 ? void 0 : _a.id()); }, onMouseLeave: e => onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(e), style: {
+    return (_jsx("div", { ref: ref, "data-testid": "wiggle-rendering-test", onMouseMove: e => { var _a; return onMouseMove === null || onMouseMove === void 0 ? void 0 : onMouseMove(e, (_a = getFeatureUnderMouse(e.clientX)) === null || _a === void 0 ? void 0 : _a.id()); }, onClick: e => { var _a; return onFeatureClick === null || onFeatureClick === void 0 ? void 0 : onFeatureClick(e, (_a = getFeatureUnderMouse(e.clientX)) === null || _a === void 0 ? void 0 : _a.id()); }, onMouseLeave: e => onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(e), style: {
             overflow: 'visible',
             position: 'relative',
             height,
-        } },
-        React.createElement(PrerenderedCanvas, { ...props })));
+        }, children: _jsx(PrerenderedCanvas, { ...props }) }));
 });
 export default WiggleRendering;

package/esm/XYPlotRenderer/XYPlotRenderer.d.ts

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

package/esm/XYPlotRenderer/XYPlotRenderer.js

@@ -1,13 +1,10 @@
 import { readConfObject } from '@jbrowse/core/configuration';
-import { drawXY } from '../drawXY';
 import WiggleBaseRenderer from '../WiggleBaseRenderer';
 import { YSCALEBAR_LABEL_OFFSET } from '../util';
 export default class XYPlotRenderer extends WiggleBaseRenderer {
     async draw(ctx, props) {
-        const { features, config } = props;
-        // 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
+        const { stopToken, features, config } = props;
+        const { drawXY } = await import('../drawXY');
         const pivotValue = readConfObject(config, 'bicolorPivotValue');
         const negColor = readConfObject(config, 'negColor');
         const posColor = readConfObject(config, 'posColor');
@@ -18,6 +15,7 @@ export default class XYPlotRenderer extends WiggleBaseRenderer {
                 : (feature, _score) => readConfObject(config, 'color', { feature }),
             offset: YSCALEBAR_LABEL_OFFSET,
             features: [...features.values()],
+            stopToken,
         });
     }
 }

package/esm/XYPlotRenderer/configSchema.d.ts

@@ -1,31 +1,19 @@
 declare const configSchema: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
-    /**
-     * #slot
-     */
     filled: {
         type: string;
         defaultValue: boolean;
     };
-    /**
-     * #slot
-     */
     displayCrossHatches: {
         type: string;
         description: string;
         defaultValue: boolean;
     };
-    /**
-     * #slot
-     */
     summaryScoreMode: {
         type: string;
         model: import("mobx-state-tree").ISimpleType<string>;
         description: string;
         defaultValue: string;
     };
-    /**
-     * #slot
-     */
     minSize: {
         type: string;
         defaultValue: number;

package/esm/XYPlotRenderer/configSchema.js

@@ -1,46 +1,28 @@
 import { ConfigurationSchema } from '@jbrowse/core/configuration';
-import baseWiggleRendererConfigSchema from '../configSchema';
 import { types } from 'mobx-state-tree';
-/**
- * #config XYPlotRenderer
- */
-function x() { } // eslint-disable-line @typescript-eslint/no-unused-vars
+import baseWiggleRendererConfigSchema from '../configSchema';
+function x() { }
 const configSchema = ConfigurationSchema('XYPlotRenderer', {
-    /**
-     * #slot
-     */
     filled: {
         type: 'boolean',
         defaultValue: true,
     },
-    /**
-     * #slot
-     */
     displayCrossHatches: {
         type: 'boolean',
         description: 'choose to draw cross hatches (sideways lines)',
         defaultValue: false,
     },
-    /**
-     * #slot
-     */
     summaryScoreMode: {
         type: 'stringEnum',
         model: 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',
     },
-    /**
-     * #slot
-     */
     minSize: {
         type: 'number',
         defaultValue: 0.7,
     },
 }, {
-    /**
-     * #baseConfiguration
-     */
     baseConfiguration: baseWiggleRendererConfigSchema,
     explicitlyTyped: true,
 });

package/esm/XYPlotRenderer/index.d.ts

@@ -1,4 +1,4 @@
-import PluginManager from '@jbrowse/core/PluginManager';
+import type PluginManager from '@jbrowse/core/PluginManager';
 export default function XYPlotRendererF(pluginManager: PluginManager): void;
 export { default as XYPlotRenderer } from './XYPlotRenderer';
 export { default as ReactComponent } from '../WiggleRendering';

package/esm/configSchema.d.ts

@@ -1,48 +1,30 @@
 declare const WiggleRenderer: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
-    /**
-     * #slot
-     */
     color: {
         type: string;
         description: string;
         defaultValue: string;
     };
-    /**
-     * #slot
-     */
     posColor: {
         type: string;
         description: string;
         defaultValue: string;
     };
-    /**
-     * #slot
-     */
     negColor: {
         type: string;
         description: string;
         defaultValue: string;
     };
-    /**
-     * #slot
-     */
     clipColor: {
         type: string;
         description: string;
         defaultValue: string;
     };
-    /**
-     * #slot
-     */
     bicolorPivot: {
         type: string;
         model: import("mobx-state-tree").ISimpleType<string>;
         description: string;
         defaultValue: string;
     };
-    /**
-     * #slot
-     */
     bicolorPivotValue: {
         type: string;
         defaultValue: number;

package/esm/configSchema.js

@@ -1,46 +1,27 @@
 import { ConfigurationSchema } from '@jbrowse/core/configuration';
 import { types } from 'mobx-state-tree';
-/**
- * #config WiggleRenderer
- * this is the "base wiggle renderer config schema"
- */
-function x() { } // eslint-disable-line @typescript-eslint/no-unused-vars
+function x() { }
 const WiggleRenderer = ConfigurationSchema('WiggleRenderer', {
-    /**
-     * #slot
-     */
     color: {
         type: 'color',
         description: 'the color of track, overrides posColor and negColor',
         defaultValue: '#f0f',
     },
-    /**
-     * #slot
-     */
     posColor: {
         type: 'color',
         description: 'the color to use when the score is positive',
         defaultValue: 'blue',
     },
-    /**
-     * #slot
-     */
     negColor: {
         type: 'color',
         description: 'the color to use when the score is negative',
         defaultValue: 'red',
     },
-    /**
-     * #slot
-     */
     clipColor: {
         type: 'color',
         description: 'the color of the clipping marker',
         defaultValue: 'red',
     },
-    /**
-     * #slot
-     */
     bicolorPivot: {
         type: 'stringEnum',
         model: types.enumeration('Scale type', [
@@ -52,9 +33,6 @@ const WiggleRenderer = ConfigurationSchema('WiggleRenderer', {
         description: 'type of bicolor pivot',
         defaultValue: 'numeric',
     },
-    /**
-     * #slot
-     */
     bicolorPivotValue: {
         type: 'number',
         defaultValue: 0,

package/esm/drawDensity.d.ts

@@ -1,6 +1,6 @@
-import { AnyConfigurationModel } from '@jbrowse/core/configuration';
-import { Feature, Region } from '@jbrowse/core/util';
-import { ScaleOpts } from './util';
+import type { ScaleOpts } from './util';
+import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import type { Feature, Region } from '@jbrowse/core/util';
 export declare function drawDensity(ctx: CanvasRenderingContext2D, props: {
     features: Map<string, Feature> | Feature[];
     regions: Region[];

package/esm/drawDensity.js

@@ -1,6 +1,5 @@
-import { readConfObject, } from '@jbrowse/core/configuration';
+import { readConfObject } from '@jbrowse/core/configuration';
 import { featureSpanPx } from '@jbrowse/core/util';
-// locals
 import { fillRectCtx, getScale } from './util';
 const fudgeFactor = 0.3;
 const clipHeight = 2;
@@ -31,7 +30,6 @@ export function drawDensity(ctx, props) {
     const reducedFeatures = [];
     for (const feature of features.values()) {
         const [leftPx, rightPx] = featureSpanPx(feature, region, bpPerPx);
-        // create reduced features, avoiding multiple features per px
         if (Math.floor(leftPx) !== Math.floor(prevLeftPx)) {
             reducedFeatures.push(feature);
             prevLeftPx = leftPx;
@@ -42,8 +40,6 @@ export function drawDensity(ctx, props) {
         ctx.fillStyle = cb(feature, score);
         ctx.fillRect(leftPx, 0, w, height);
     }
-    // second pass: draw clipping
-    // avoid persisting the red fillstyle with save/restore
     ctx.save();
     if (hasClipping) {
         ctx.fillStyle = clipColor;

package/esm/drawLine.d.ts

@@ -1,6 +1,6 @@
-import { AnyConfigurationModel } from '@jbrowse/core/configuration';
-import { Feature, Region } from '@jbrowse/core/util';
-import { ScaleOpts } from './util';
+import type { ScaleOpts } from './util';
+import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import type { Feature, Region } from '@jbrowse/core/util';
 export declare function drawLine(ctx: CanvasRenderingContext2D, props: {
     features: Map<string, Feature> | Feature[];
     regions: Region[];

package/esm/drawLine.js

@@ -1,6 +1,5 @@
-import { readConfObject, } from '@jbrowse/core/configuration';
+import { readConfObject } from '@jbrowse/core/configuration';
 import { clamp, featureSpanPx } from '@jbrowse/core/util';
-// locals
 import { getScale } from './util';
 const fudgeFactor = 0.3;
 const clipHeight = 2;
@@ -8,9 +7,6 @@ export function drawLine(ctx, props) {
     const { features, regions, bpPerPx, scaleOpts, height: unadjustedHeight, ticks: { values }, displayCrossHatches, colorCallback, config, offset = 0, } = props;
     const region = regions[0];
     const 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
     const height = unadjustedHeight - offset * 2;
     const clipColor = readConfObject(config, 'clipColor');
     const scale = getScale({ ...scaleOpts, range: [0, height] });
@@ -23,7 +19,6 @@ export function drawLine(ctx, props) {
     const reducedFeatures = [];
     for (const feature of features.values()) {
         const [leftPx, rightPx] = featureSpanPx(feature, region, bpPerPx);
-        // create reduced features, avoiding multiple features per px
         if (Math.floor(leftPx) !== Math.floor(prevLeftPx)) {
             reducedFeatures.push(feature);
             prevLeftPx = leftPx;

package/esm/drawXY.d.ts

@@ -1,7 +1,8 @@
-import { AnyConfigurationModel } from '@jbrowse/core/configuration';
-import { Feature, Region } from '@jbrowse/core/util';
-import { ScaleOpts } from './util';
+import type { ScaleOpts } from './util';
+import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import type { Feature, Region } from '@jbrowse/core/util';
 export declare function drawXY(ctx: CanvasRenderingContext2D, props: {
+    stopToken?: string;
     features: Map<string, Feature> | Feature[];
     bpPerPx: number;
     regions: Region[];

package/esm/drawXY.js

@@ -1,7 +1,7 @@
-import { readConfObject, } from '@jbrowse/core/configuration';
-import { colord } from '@jbrowse/core/util/colord';
+import { readConfObject } from '@jbrowse/core/configuration';
 import { clamp, featureSpanPx } from '@jbrowse/core/util';
-// locals
+import { colord } from '@jbrowse/core/util/colord';
+import { checkStopToken } from '@jbrowse/core/util/stopToken';
 import { fillRectCtx, getOrigin, getScale } from './util';
 function lighten(color, amount) {
     const hslColor = color.toHsl();
@@ -19,9 +19,6 @@ export function drawXY(ctx, props) {
     const { features, bpPerPx, regions, scaleOpts, height: unadjustedHeight, config, ticks, displayCrossHatches, offset = 0, colorCallback, } = props;
     const region = regions[0];
     const 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
     const height = unadjustedHeight - offset * 2;
     const filled = readConfObject(config, 'filled');
     const clipColor = readConfObject(config, 'clipColor');
@@ -40,13 +37,16 @@ export function drawXY(ctx, props) {
     let prevLeftPx = Number.NEGATIVE_INFINITY;
     const reducedFeatures = [];
     const crossingOrigin = niceMin < pivotValue && niceMax > pivotValue;
-    // we handle whiskers separately to render max row, min row, and avg in three
-    // passes. this reduces subpixel rendering issues. note: for stylistic
-    // reasons, clipping indicator is only drawn for score, not min/max score
+    let start = performance.now();
     if (summaryScoreMode === 'whiskers') {
         let lastCol;
         let lastMix;
+        start = performance.now();
         for (const feature of features.values()) {
+            if (performance.now() - start > 400) {
+                checkStopToken();
+                start = performance.now();
+            }
             const [leftPx, rightPx] = featureSpanPx(feature, region, bpPerPx);
             if (feature.get('summary')) {
                 const w = Math.max(rightPx - leftPx + fudgeFactor, minSize);
@@ -63,7 +63,12 @@ export function drawXY(ctx, props) {
         }
         lastMix = undefined;
         lastCol = undefined;
+        start = performance.now();
         for (const feature of features.values()) {
+            if (performance.now() - start > 400) {
+                checkStopToken();
+                start = performance.now();
+            }
             const [leftPx, rightPx] = featureSpanPx(feature, region, bpPerPx);
             const score = feature.get('score');
             const max = feature.get('maxScore');
@@ -78,7 +83,6 @@ export function drawXY(ctx, props) {
                         .toString())
                 : c;
             const w = Math.max(rightPx - leftPx + fudgeFactor, minSize);
-            // create reduced features, avoiding multiple features per px
             if (Math.floor(leftPx) !== Math.floor(prevLeftPx)) {
                 reducedFeatures.push(feature);
                 prevLeftPx = leftPx;
@@ -89,7 +93,12 @@ export function drawXY(ctx, props) {
         }
         lastMix = undefined;
         lastCol = undefined;
+        start = performance.now();
         for (const feature of features.values()) {
+            if (performance.now() - start > 400) {
+                checkStopToken();
+                start = performance.now();
+            }
             const [leftPx, rightPx] = featureSpanPx(feature, region, bpPerPx);
             if (feature.get('summary')) {
                 const min = feature.get('minScore');
@@ -106,9 +115,13 @@ export function drawXY(ctx, props) {
         }
     }
     else {
+        start = performance.now();
         for (const feature of features.values()) {
+            if (performance.now() - start > 400) {
+                checkStopToken();
+                start = performance.now();
+            }
             const [leftPx, rightPx] = featureSpanPx(feature, region, bpPerPx);
-            // create reduced features, avoiding multiple features per px
             if (Math.floor(leftPx) !== Math.floor(prevLeftPx)) {
                 reducedFeatures.push(feature);
                 prevLeftPx = leftPx;
@@ -130,12 +143,15 @@ export function drawXY(ctx, props) {
             }
         }
     }
-    // second pass: draw clipping
-    // avoid persisting the red fillstyle with save/restore
     ctx.save();
     if (hasClipping) {
         ctx.fillStyle = clipColor;
+        start = performance.now();
         for (const feature of features.values()) {
+            if (performance.now() - start > 400) {
+                checkStopToken();
+                start = performance.now();
+            }
             const [leftPx, rightPx] = featureSpanPx(feature, region, bpPerPx);
             const w = rightPx - leftPx + fudgeFactor;
             const score = feature.get('score');

package/esm/getMultiWiggleSourcesAutorun.d.ts

@@ -1,4 +1,4 @@
-import { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
 export interface Source {
     name: string;
     color?: string;
@@ -10,7 +10,7 @@ export declare function getMultiWiggleSourcesAutorun(self: {
     adapterConfig: AnyConfigurationModel;
     autoscaleType: string;
     adapterProps: () => Record<string, unknown>;
-    setStatsLoading: (aborter: AbortController) => void;
+    setSourcesLoading: (aborter: string) => void;
     setError: (error: unknown) => void;
     setMessage: (str: string) => void;
     setSources: (sources: Source[]) => void;

package/esm/getMultiWiggleSourcesAutorun.js

@@ -1,18 +1,21 @@
+import { getContainingView, getSession } from '@jbrowse/core/util';
+import { isAbortException } from '@jbrowse/core/util/aborting';
+import { createStopToken } from '@jbrowse/core/util/stopToken';
+import { getRpcSessionId } from '@jbrowse/core/util/tracks';
 import { autorun } from 'mobx';
 import { addDisposer, isAlive } from 'mobx-state-tree';
-// jbrowse
-import { getContainingView, getSession, isAbortException, } from '@jbrowse/core/util';
-import { getRpcSessionId } from '@jbrowse/core/util/tracks';
 export function getMultiWiggleSourcesAutorun(self) {
     addDisposer(self, autorun(async () => {
         try {
-            const { rpcManager } = getSession(self);
-            const { adapterConfig } = self;
-            const sessionId = getRpcSessionId(self);
             const view = getContainingView(self);
             if (!view.initialized) {
                 return;
             }
+            const { rpcManager } = getSession(self);
+            const { adapterConfig } = self;
+            const token = createStopToken();
+            self.setSourcesLoading(token);
+            const sessionId = getRpcSessionId(self);
             const sources = (await rpcManager.call(sessionId, 'MultiWiggleGetSources', {
                 regions: view.staticBlocks.contentBlocks,
                 sessionId,

package/esm/getQuantitativeStats.d.ts

@@ -1,5 +1,5 @@
-import { QuantitativeStats } from '@jbrowse/core/util/stats';
-import { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import type { QuantitativeStats } from '@jbrowse/core/util/stats';
 export declare function getQuantitativeStats(self: {
     adapterConfig: AnyConfigurationModel;
     configuration: AnyConfigurationModel;
@@ -7,7 +7,7 @@ export declare function getQuantitativeStats(self: {
     setMessage: (str: string) => void;
 }, opts: {
     headers?: Record<string, string>;
-    signal?: AbortSignal;
+    stopToken?: string;
     filters: string[];
     currStatsBpPerPx: number;
 }): Promise<QuantitativeStats>;