@jbrowse/plugin-wiggle 2.17.0 → 3.0.0

package/esm/MultiLinearWiggleDisplay/model.js

@@ -1,19 +1,16 @@
 import { lazy } from 'react';
+import { getConf } from '@jbrowse/core/configuration';
+import { set1 as colors } from '@jbrowse/core/ui/colors';
+import { getContainingView, getSession, max, measureText, } from '@jbrowse/core/util';
+import { stopStopToken } from '@jbrowse/core/util/stopToken';
+import deepEqual from 'fast-deep-equal';
 import { isAlive, types } from 'mobx-state-tree';
 import { axisPropsFromTickScale } from 'react-d3-axis-mod';
-import deepEqual from 'fast-deep-equal';
-// jbrowse imports
-import { getConf, } from '@jbrowse/core/configuration';
-import { getSession, getContainingView, } from '@jbrowse/core/util';
-import { set1 as colors } from '@jbrowse/core/ui/colors';
-// locals
-import { getScale, YSCALEBAR_LABEL_OFFSET } from '../util';
 import SharedWiggleMixin from '../shared/SharedWiggleMixin';
+import { YSCALEBAR_LABEL_OFFSET, getScale } from '../util';
 const randomColor = () => '#000000'.replaceAll('0', () => (~~(Math.random() * 16)).toString(16));
-// lazies
 const Tooltip = lazy(() => import('./components/Tooltip'));
 const SetColorDialog = lazy(() => import('./components/SetColorDialog'));
-// using a map because it preserves order
 const rendererTypes = new Map([
     ['xyplot', 'MultiXYPlotRenderer'],
     ['multirowxy', 'MultiRowXYPlotRenderer'],
@@ -21,71 +18,46 @@ const rendererTypes = new Map([
     ['multiline', 'MultiLineRenderer'],
     ['multirowline', 'MultiRowLineRenderer'],
 ]);
-/**
- * #stateModel MultiLinearWiggleDisplay
- * extends
- * - [SharedWiggleMixin](../sharedwigglemixin)
- */
-export function stateModelFactory(pluginManager, configSchema) {
+export function stateModelFactory(_pluginManager, configSchema) {
     return types
         .compose('MultiLinearWiggleDisplay', SharedWiggleMixin(configSchema), types.model({
-        /**
-         * #property
-         */
         type: types.literal('MultiLinearWiggleDisplay'),
-        /**
-         * #property
-         */
         layout: types.optional(types.frozen(), []),
     }))
         .volatile(() => ({
+        sourcesLoadingStopToken: undefined,
         featureUnderMouseVolatile: undefined,
         sourcesVolatile: undefined,
     }))
         .actions(self => ({
-        /**
-         * #action
-         */
+        setSourcesLoading(str) {
+            if (self.sourcesLoadingStopToken) {
+                stopStopToken(self.sourcesLoadingStopToken);
+            }
+            self.sourcesLoadingStopToken = str;
+        },
         setLayout(layout) {
             self.layout = layout;
         },
-        /**
-         * #action
-         */
         clearLayout() {
             self.layout = [];
         },
-        /**
-         * #action
-         */
         setSources(sources) {
             if (!deepEqual(sources, self.sourcesVolatile)) {
                 self.sourcesVolatile = sources;
             }
         },
-        /**
-         * #action
-         */
         setFeatureUnderMouse(f) {
             self.featureUnderMouseVolatile = f;
         },
     }))
         .views(self => ({
-        /**
-         * #getter
-         */
         get featureUnderMouse() {
             return self.featureUnderMouseVolatile;
         },
-        /**
-         * #getter
-         */
         get TooltipComponent() {
             return Tooltip;
         },
-        /**
-         * #getter
-         */
         get rendererTypeName() {
             const name = self.rendererTypeNameSimple;
             const rendererType = rendererTypes.get(name);
@@ -96,66 +68,35 @@ export function stateModelFactory(pluginManager, configSchema) {
         },
     }))
         .views(self => ({
-        /**
-         * #getter
-         */
         get needsScalebar() {
             return (self.rendererTypeName === 'MultiXYPlotRenderer' ||
                 self.rendererTypeName === 'MultiRowXYPlotRenderer' ||
                 self.rendererTypeName === 'MultiLineRenderer' ||
                 self.rendererTypeName === 'MultiRowLineRenderer');
         },
-        /**
-         * #getter
-         */
         get needsFullHeightScalebar() {
             return (self.rendererTypeName === 'MultiXYPlotRenderer' ||
                 self.rendererTypeName === 'MultiLineRenderer');
         },
-        /**
-         * #getter
-         */
         get isMultiRow() {
             return (self.rendererTypeName === 'MultiRowXYPlotRenderer' ||
                 self.rendererTypeName === 'MultiRowLineRenderer' ||
                 self.rendererTypeName === 'MultiDensityRenderer');
         },
-        /**
-         * #getter
-         * can be used to give it a "color scale" like a R heatmap, not
-         * implemented like this yet but flag can be used for this
-         */
         get needsCustomLegend() {
             return self.rendererTypeName === 'MultiDensityRenderer';
         },
-        /**
-         * #getter
-         */
         get canHaveFill() {
             return (self.rendererTypeName === 'MultiXYPlotRenderer' ||
                 self.rendererTypeName === 'MultiRowXYPlotRenderer');
         },
-        /**
-         * #getter
-         * the multirowxy and multiline don't need to use colors on the legend
-         * boxes since their track is drawn with the color. sort of a stylistic
-         * choice
-         */
         get renderColorBoxes() {
             return !(self.rendererTypeName === 'MultiRowLineRenderer' ||
                 self.rendererTypeName === 'MultiRowXYPlotRenderer');
         },
-        /**
-         * #getter
-         * positions multi-row below the tracklabel even if using overlap
-         * tracklabels for everything else
-         */
         get prefersOffset() {
             return this.isMultiRow;
         },
-        /**
-         * #getter
-         */
         get sources() {
             var _a;
             const sources = Object.fromEntries(((_a = self.sourcesVolatile) === null || _a === void 0 ? void 0 : _a.map(s => [s.name, s])) || []);
@@ -169,34 +110,19 @@ export function stateModelFactory(pluginManager, configSchema) {
                     (!this.isMultiRow ? colors[i] || randomColor() : 'blue'),
             }));
         },
-        /**
-         * #getter
-         */
         get quantitativeStatsReady() {
             const view = getContainingView(self);
-            return (view.initialized &&
-                self.featureDensityStatsReady &&
-                !self.regionTooLarge &&
-                !self.error);
+            return (view.initialized && self.statsReadyAndRegionNotTooLarge && !self.error);
         },
     }))
         .views(self => ({
-        /**
-         * #getter
-         */
         get rowHeight() {
             const { sources, height, isMultiRow } = self;
             return isMultiRow ? height / ((sources === null || sources === void 0 ? void 0 : sources.length) || 1) : height;
         },
-        /**
-         * #getter
-         */
         get rowHeightTooSmallForScalebar() {
             return this.rowHeight < 70;
         },
-        /**
-         * #getter
-         */
         get useMinimalTicks() {
             return (getConf(self, 'minimalTicks') || this.rowHeightTooSmallForScalebar);
         },
@@ -204,9 +130,6 @@ export function stateModelFactory(pluginManager, configSchema) {
         .views(self => {
         const { renderProps: superRenderProps } = self;
         return {
-            /**
-             * #method
-             */
             adapterProps() {
                 const superProps = superRenderProps();
                 return {
@@ -219,9 +142,6 @@ export function stateModelFactory(pluginManager, configSchema) {
                     sources: self.sources,
                 };
             },
-            /**
-             * #getter
-             */
             get ticks() {
                 const { scaleType, domain, isMultiRow, rowHeight, useMinimalTicks } = self;
                 if (!domain) {
@@ -236,9 +156,6 @@ export function stateModelFactory(pluginManager, configSchema) {
                 }), 4);
                 return useMinimalTicks ? { ...ticks, values: domain } : ticks;
             },
-            /**
-             * #getter
-             */
             get colors() {
                 return [
                     'red',
@@ -253,10 +170,6 @@ export function stateModelFactory(pluginManager, configSchema) {
                     'pink',
                 ];
             },
-            /**
-             * #getter
-             * unused currently
-             */
             get quantitativeStatsRelevantToCurrentZoom() {
                 var _a;
                 const view = getContainingView(self);
@@ -265,9 +178,18 @@ export function stateModelFactory(pluginManager, configSchema) {
         };
     })
         .views(self => ({
-        /**
-         * #method
-         */
+        get legendFontSize() {
+            return Math.min(self.rowHeight, 12);
+        },
+        get canDisplayLegendLabels() {
+            return self.rowHeight > 11;
+        },
+        get labelWidth() {
+            var _a;
+            const minWidth = 20;
+            return max(((_a = self.sources) === null || _a === void 0 ? void 0 : _a.map(s => measureText(s.name, this.legendFontSize)).map(width => (this.canDisplayLegendLabels ? width : minWidth))) ||
+                []);
+        },
         renderProps() {
             const superProps = self.adapterProps();
             return {
@@ -288,21 +210,12 @@ export function stateModelFactory(pluginManager, configSchema) {
                 },
             };
         },
-        /**
-         * #getter
-         */
         get hasResolution() {
             return self.adapterCapabilities.includes('hasResolution');
         },
-        /**
-         * #getter
-         */
         get hasGlobalStats() {
             return self.adapterCapabilities.includes('hasGlobalStats');
         },
-        /**
-         * #getter
-         */
         get fillSetting() {
             if (self.filled) {
                 return 0;
@@ -319,9 +232,6 @@ export function stateModelFactory(pluginManager, configSchema) {
         const { trackMenuItems: superTrackMenuItems } = self;
         const hasRenderings = getConf(self, 'defaultRendering');
         return {
-            /**
-             * #method
-             */
             trackMenuItems() {
                 return [
                     ...superTrackMenuItems(),
@@ -394,7 +304,6 @@ export function stateModelFactory(pluginManager, configSchema) {
         const { renderSvg: superRenderSvg } = self;
         return {
             afterAttach() {
-                // eslint-disable-next-line @typescript-eslint/no-floating-promises
                 ;
                 (async () => {
                     try {
@@ -413,9 +322,6 @@ export function stateModelFactory(pluginManager, configSchema) {
                     }
                 })();
             },
-            /**
-             * #action
-             */
             async renderSvg(opts) {
                 const { renderSvg } = await import('./renderSvg');
                 return renderSvg(self, opts, superRenderSvg);

package/esm/MultiLinearWiggleDisplay/renderSvg.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
-import { ExportSvgDisplayOptions } from '@jbrowse/plugin-linear-genome-view';
-import { WiggleDisplayModel } from './model';
-export declare function renderSvg(self: WiggleDisplayModel, opts: ExportSvgDisplayOptions, superRenderSvg: (opts: ExportSvgDisplayOptions) => Promise<React.ReactNode>): Promise<React.JSX.Element>;
+import type { WiggleDisplayModel } from './model';
+import type { ExportSvgDisplayOptions } from '@jbrowse/plugin-linear-genome-view';
+export declare function renderSvg(self: WiggleDisplayModel, opts: ExportSvgDisplayOptions, superRenderSvg: (opts: ExportSvgDisplayOptions) => Promise<React.ReactNode>): Promise<import("react/jsx-runtime").JSX.Element>;

package/esm/MultiLinearWiggleDisplay/renderSvg.js

@@ -1,12 +1,9 @@
-import React from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { getContainingView } from '@jbrowse/core/util';
 import { when } from 'mobx';
 import YScaleBars from './components/YScaleBars';
 export async function renderSvg(self, opts, superRenderSvg) {
     await when(() => !!self.stats && !!self.regionCannotBeRenderedText);
     const { offsetPx } = getContainingView(self);
-    return (React.createElement(React.Fragment, null,
-        React.createElement("g", { id: "snpcov" }, await superRenderSvg(opts)),
-        React.createElement("g", { transform: `translate(${Math.max(-offsetPx, 0)})` },
-            React.createElement(YScaleBars, { model: self, orientation: "left", exportSVG: true }))));
+    return (_jsxs(_Fragment, { children: [_jsx("g", { children: await superRenderSvg(opts) }), _jsx("g", { transform: `translate(${Math.max(-offsetPx, 0)})`, children: _jsx(YScaleBars, { model: self, orientation: "left", exportSVG: true }) })] }));
 }

package/esm/MultiLinearWiggleDisplay/util.d.ts

@@ -0,0 +1 @@
+export declare function randomColor(str: string): string;

package/esm/MultiLinearWiggleDisplay/util.js

@@ -0,0 +1,7 @@
+export function randomColor(str) {
+    let sum = 0;
+    for (let i = 0; i < str.length; i++) {
+        sum += str.charCodeAt(i);
+    }
+    return `hsl(${sum * 10}, 20%, 50%)`;
+}

package/esm/MultiQuantitativeTrack/configSchema.d.ts

@@ -1,4 +1,4 @@
-import PluginManager from '@jbrowse/core/PluginManager';
+import type PluginManager from '@jbrowse/core/PluginManager';
 declare const configSchema: (pluginManager: PluginManager) => import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{}, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
     name: {
         description: string;

package/esm/MultiQuantitativeTrack/configSchema.js

@@ -1,14 +1,8 @@
 import { ConfigurationSchema } from '@jbrowse/core/configuration';
 import { createBaseTrackConfig } from '@jbrowse/core/pluggableElementTypes/models';
-/**
- * #config MultiQuantitativeTrack
- */
-function x() { } // eslint-disable-line @typescript-eslint/no-unused-vars
+function x() { }
 const configSchema = (pluginManager) => {
     return ConfigurationSchema('MultiQuantitativeTrack', {}, {
-        /**
-         * #baseConfiguration
-         */
         baseConfiguration: createBaseTrackConfig(pluginManager),
     });
 };

package/esm/MultiQuantitativeTrack/index.d.ts

@@ -1,2 +1,2 @@
-import PluginManager from '@jbrowse/core/PluginManager';
+import type PluginManager from '@jbrowse/core/PluginManager';
 export default function MultiQuantitativeTrackF(pluginManager: PluginManager): void;

package/esm/MultiQuantitativeTrack/index.js

@@ -1,5 +1,5 @@
-import { createBaseTrackModel } from '@jbrowse/core/pluggableElementTypes/models';
 import TrackType from '@jbrowse/core/pluggableElementTypes/TrackType';
+import { createBaseTrackModel } from '@jbrowse/core/pluggableElementTypes/models';
 import configSchemaF from './configSchema';
 export default function MultiQuantitativeTrackF(pluginManager) {
     pluginManager.addTrackType(() => {

package/esm/MultiRowLineRenderer/MultiRowLineRenderer.d.ts

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

package/esm/MultiRowLineRenderer/MultiRowLineRenderer.js

@@ -1,14 +1,13 @@
 import { groupBy } from '@jbrowse/core/util';
-import { drawLine } from '../drawLine';
 import WiggleBaseRenderer from '../WiggleBaseRenderer';
 export default class MultiRowLineRenderer extends WiggleBaseRenderer {
-    // @ts-expect-error
     async draw(ctx, props) {
         const { bpPerPx, sources, regions, features } = props;
         const region = regions[0];
         const groups = groupBy(features.values(), f => f.get('source'));
         const height = props.height / sources.length;
         const width = (region.end - region.start) / bpPerPx;
+        const { drawLine } = await import('../drawLine');
         let feats = [];
         ctx.save();
         sources.forEach(source => {

package/esm/MultiRowLineRenderer/configSchema.d.ts

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

package/esm/MultiRowLineRenderer/configSchema.js

@@ -1,22 +1,13 @@
-import { types } from 'mobx-state-tree';
 import { ConfigurationSchema } from '@jbrowse/core/configuration';
+import { types } from 'mobx-state-tree';
 import baseWiggleRendererConfigSchema from '../configSchema';
-/**
- * #config MultiRowLineRenderer
- */
-function x() { } // eslint-disable-line @typescript-eslint/no-unused-vars
+function x() { }
 const configSchema = ConfigurationSchema('MultiRowLineRenderer', {
-    /**
-     * #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']),
@@ -24,9 +15,6 @@ const configSchema = ConfigurationSchema('MultiRowLineRenderer', {
         defaultValue: 'avg',
     },
 }, {
-    /**
-     * #baseConfiguration
-     */
     baseConfiguration: baseWiggleRendererConfigSchema,
     explicitlyTyped: true,
 });

package/esm/MultiRowLineRenderer/index.d.ts

@@ -1,2 +1,2 @@
-import PluginManager from '@jbrowse/core/PluginManager';
+import type PluginManager from '@jbrowse/core/PluginManager';
 export default function MultiRowLineRendererF(pluginManager: PluginManager): void;

package/esm/MultiRowXYPlotRenderer/MultiRowXYPlotRenderer.d.ts

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

package/esm/MultiRowXYPlotRenderer/MultiRowXYPlotRenderer.js

@@ -1,14 +1,13 @@
 import { groupBy } from '@jbrowse/core/util';
-import { drawXY } from '../drawXY';
 import WiggleBaseRenderer from '../WiggleBaseRenderer';
 export default class MultiXYPlotRenderer extends WiggleBaseRenderer {
-    // @ts-expect-error
     async draw(ctx, props) {
         const { bpPerPx, sources, regions, features } = props;
         const region = regions[0];
         const groups = groupBy(features.values(), f => f.get('source'));
         const height = props.height / sources.length;
         const width = (region.end - region.start) / bpPerPx;
+        const { drawXY } = await import('../drawXY');
         let feats = [];
         ctx.save();
         sources.forEach(source => {

package/esm/MultiRowXYPlotRenderer/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/MultiRowXYPlotRenderer/configSchema.js

@@ -1,46 +1,28 @@
-import { types } from 'mobx-state-tree';
 import { ConfigurationSchema } from '@jbrowse/core/configuration';
+import { types } from 'mobx-state-tree';
 import baseWiggleRendererConfigSchema from '../configSchema';
-/**
- * #config MultiRowXYPlotRenderer
- */
-function x() { } // eslint-disable-line @typescript-eslint/no-unused-vars
+function x() { }
 const configSchema = ConfigurationSchema('MultiRowXYPlotRenderer', {
-    /**
-     * #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/MultiRowXYPlotRenderer/index.d.ts

@@ -1,2 +1,2 @@
-import PluginManager from '@jbrowse/core/PluginManager';
+import type PluginManager from '@jbrowse/core/PluginManager';
 export default function MultiRowXYPlotRendererF(pluginManager: PluginManager): void;

package/esm/MultiWiggleAdapter/MultiWiggleAdapter.d.ts

@@ -1,6 +1,7 @@
-import { BaseFeatureDataAdapter, BaseOptions } from '@jbrowse/core/data_adapters/BaseAdapter';
-import { AugmentedRegion as Region } from '@jbrowse/core/util/types';
-import { Feature } from '@jbrowse/core/util';
+import { BaseFeatureDataAdapter } from '@jbrowse/core/data_adapters/BaseAdapter';
+import type { BaseOptions } from '@jbrowse/core/data_adapters/BaseAdapter';
+import type { Feature } from '@jbrowse/core/util';
+import type { AugmentedRegion as Region } from '@jbrowse/core/util/types';
 interface WiggleOptions extends BaseOptions {
     resolution?: number;
 }

package/esm/MultiWiggleAdapter/MultiWiggleAdapter.js

@@ -1,6 +1,6 @@
-import { BaseFeatureDataAdapter, } from '@jbrowse/core/data_adapters/BaseAdapter';
+import { BaseFeatureDataAdapter } from '@jbrowse/core/data_adapters/BaseAdapter';
+import { SimpleFeature, max, min } from '@jbrowse/core/util';
 import { ObservableCreate } from '@jbrowse/core/util/rxjs';
-import { SimpleFeature, min, max } from '@jbrowse/core/util';
 import { merge } from 'rxjs';
 import { map } from 'rxjs/operators';
 function getFilename(uri) {
@@ -34,7 +34,6 @@ class MultiWiggleAdapter extends BaseFeatureDataAdapter {
             };
         }));
     }
-    // note: can't really have dis-agreeing refNames
     async getRefNames(opts) {
         const adapters = await this.getAdapters();
         const allNames = await Promise.all(adapters.map(a => a.dataAdapter.getRefNames(opts)));
@@ -42,35 +41,31 @@ class MultiWiggleAdapter extends BaseFeatureDataAdapter {
     }
     async getGlobalStats(opts) {
         const adapters = await this.getAdapters();
-        const stats = (await Promise.all(
-        // @ts-expect-error
-        adapters.map(adp => { var _a, _b; return (_b = (_a = adp.dataAdapter).getGlobalStats) === null || _b === void 0 ? void 0 : _b.call(_a, opts); }))).filter(f => !!f);
+        const stats = (await Promise.all(adapters.map(adp => { var _a, _b; return (_b = (_a = adp.dataAdapter).getGlobalStats) === null || _b === void 0 ? void 0 : _b.call(_a, opts); }))).filter(f => !!f);
         const scoreMin = min(stats.map(s => s.scoreMin));
         const scoreMax = max(stats.map(s => s.scoreMax));
-        return { scoreMin, scoreMax };
+        return {
+            scoreMin,
+            scoreMax,
+        };
     }
     getFeatures(region, opts = {}) {
         return ObservableCreate(async (observer) => {
             const adapters = await this.getAdapters();
-            merge(...adapters.map(adp => adp.dataAdapter.getFeatures(region, opts).pipe(map(p => 
-            // add source field if it does not exist
-            p.get('source')
+            merge(...adapters.map(adp => adp.dataAdapter.getFeatures(region, opts).pipe(map(p => p.get('source')
                 ? p
                 : new SimpleFeature({
                     ...p.toJSON(),
                     uniqueId: `${adp.source}-${p.id()}`,
                     source: adp.source,
                 }))))).subscribe(observer);
-        }, opts.signal);
+        }, opts.stopToken);
     }
-    // always render bigwig instead of calculating a feature density for it
     async getMultiRegionFeatureDensityStats(_regions) {
         return {
             featureDensity: 0,
         };
     }
-    // in another adapter type, this could be dynamic depending on region or
-    // something, but it is static for this particular multi-wiggle adapter type
     async getSources(_regions) {
         const adapters = await this.getAdapters();
         return adapters.map(({ dataAdapter, source, name, ...rest }) => ({