@jbrowse/plugin-wiggle 2.16.1 → 2.17.0

package/dist/MultiLinearWiggleDisplay/{models/model.js → model.js}

@@ -29,21 +29,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.stateModelFactory = stateModelFactory;
 const react_1 = require("react");
 const mobx_state_tree_1 = require("mobx-state-tree");
-const mobx_1 = require("mobx");
 const react_d3_axis_mod_1 = require("react-d3-axis-mod");
 const fast_deep_equal_1 = __importDefault(require("fast-deep-equal"));
 // jbrowse imports
 const configuration_1 = require("@jbrowse/core/configuration");
 const util_1 = require("@jbrowse/core/util");
-const tracks_1 = require("@jbrowse/core/util/tracks");
 const colors_1 = require("@jbrowse/core/ui/colors");
 // locals
-const util_2 = require("../../util");
-const modelShared_1 = __importDefault(require("../../shared/modelShared"));
+const util_2 = require("../util");
+const SharedWiggleMixin_1 = __importDefault(require("../shared/SharedWiggleMixin"));
 const randomColor = () => '#000000'.replaceAll('0', () => (~~(Math.random() * 16)).toString(16));
 // lazies
-const Tooltip = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('../components/Tooltip'))));
-const SetColorDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('../components/SetColorDialog'))));
+const Tooltip = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./components/Tooltip'))));
+const SetColorDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./components/SetColorDialog'))));
 // using a map because it preserves order
 const rendererTypes = new Map([
     ['xyplot', 'MultiXYPlotRenderer'],
@@ -59,7 +57,7 @@ const rendererTypes = new Map([
  */
 function stateModelFactory(pluginManager, configSchema) {
     return mobx_state_tree_1.types
-        .compose('MultiLinearWiggleDisplay', (0, modelShared_1.default)(configSchema), mobx_state_tree_1.types.model({
+        .compose('MultiLinearWiggleDisplay', (0, SharedWiggleMixin_1.default)(configSchema), mobx_state_tree_1.types.model({
         /**
          * #property
          */
@@ -159,6 +157,9 @@ function stateModelFactory(pluginManager, configSchema) {
         get needsCustomLegend() {
             return self.rendererTypeName === 'MultiDensityRenderer';
         },
+        /**
+         * #getter
+         */
         get canHaveFill() {
             return (self.rendererTypeName === 'MultiXYPlotRenderer' ||
                 self.rendererTypeName === 'MultiRowXYPlotRenderer');
@@ -197,6 +198,16 @@ function stateModelFactory(pluginManager, configSchema) {
                     (!this.isMultiRow ? colors_1.set1[i] || randomColor() : 'blue'),
             }));
         },
+        /**
+         * #getter
+         */
+        get quantitativeStatsReady() {
+            const view = (0, util_1.getContainingView)(self);
+            return (view.initialized &&
+                self.featureDensityStatsReady &&
+                !self.regionTooLarge &&
+                !self.error);
+        },
     }))
         .views(self => ({
         /**
@@ -218,42 +229,6 @@ function stateModelFactory(pluginManager, configSchema) {
         get useMinimalTicks() {
             return ((0, configuration_1.getConf)(self, 'minimalTicks') || this.rowHeightTooSmallForScalebar);
         },
-    }))
-        .views(self => ({
-        /**
-         * #getter
-         */
-        get ticks() {
-            const { scaleType, domain, isMultiRow, rowHeight, useMinimalTicks } = self;
-            if (!domain) {
-                return undefined;
-            }
-            const offset = isMultiRow ? 0 : util_2.YSCALEBAR_LABEL_OFFSET;
-            const ticks = (0, react_d3_axis_mod_1.axisPropsFromTickScale)((0, util_2.getScale)({
-                scaleType,
-                domain,
-                range: [rowHeight - offset, offset],
-                inverted: (0, configuration_1.getConf)(self, 'inverted'),
-            }), 4);
-            return useMinimalTicks ? { ...ticks, values: domain } : ticks;
-        },
-        /**
-         * #getter
-         */
-        get colors() {
-            return [
-                'red',
-                'blue',
-                'green',
-                'orange',
-                'purple',
-                'cyan',
-                'pink',
-                'darkblue',
-                'darkred',
-                'pink',
-            ];
-        },
     }))
         .views(self => {
         const { renderProps: superRenderProps } = self;
@@ -261,58 +236,114 @@ function stateModelFactory(pluginManager, configSchema) {
             /**
              * #method
              */
-            renderProps() {
+            adapterProps() {
                 const superProps = superRenderProps();
-                const { displayCrossHatches, filters, height, resolution, rpcDriverName, scaleOpts, stats, sources, ticks, rendererConfig: config, } = self;
                 return {
                     ...superProps,
-                    notReady: superProps.notReady || !sources || !stats,
                     displayModel: self,
-                    config,
-                    displayCrossHatches,
-                    filters,
-                    height,
-                    resolution,
-                    rpcDriverName,
-                    scaleOpts,
-                    sources,
-                    ticks,
-                    onMouseMove: (_, f) => {
-                        self.setFeatureUnderMouse(f);
-                    },
-                    onMouseLeave: () => {
-                        self.setFeatureUnderMouse(undefined);
-                    },
+                    config: self.rendererConfig,
+                    filters: self.filters,
+                    resolution: self.resolution,
+                    rpcDriverName: self.rpcDriverName,
+                    sources: self.sources,
                 };
             },
             /**
              * #getter
              */
-            get hasResolution() {
-                return self.adapterCapabilities.includes('hasResolution');
+            get ticks() {
+                const { scaleType, domain, isMultiRow, rowHeight, useMinimalTicks } = self;
+                if (!domain) {
+                    return undefined;
+                }
+                const offset = isMultiRow ? 0 : util_2.YSCALEBAR_LABEL_OFFSET;
+                const ticks = (0, react_d3_axis_mod_1.axisPropsFromTickScale)((0, util_2.getScale)({
+                    scaleType,
+                    domain,
+                    range: [rowHeight - offset, offset],
+                    inverted: (0, configuration_1.getConf)(self, 'inverted'),
+                }), 4);
+                return useMinimalTicks ? { ...ticks, values: domain } : ticks;
             },
             /**
              * #getter
              */
-            get hasGlobalStats() {
-                return self.adapterCapabilities.includes('hasGlobalStats');
+            get colors() {
+                return [
+                    'red',
+                    'blue',
+                    'green',
+                    'orange',
+                    'purple',
+                    'cyan',
+                    'pink',
+                    'darkblue',
+                    'darkred',
+                    'pink',
+                ];
             },
             /**
              * #getter
+             * unused currently
              */
-            get fillSetting() {
-                if (self.filled) {
-                    return 0;
-                }
-                else if (self.minSize === 1) {
-                    return 1;
-                }
-                else {
-                    return 2;
-                }
+            get quantitativeStatsRelevantToCurrentZoom() {
+                var _a;
+                const view = (0, util_1.getContainingView)(self);
+                return ((_a = self.stats) === null || _a === void 0 ? void 0 : _a.currStatsBpPerPx) === view.bpPerPx;
             },
         };
     })
+        .views(self => ({
+        /**
+         * #method
+         */
+        renderProps() {
+            const superProps = self.adapterProps();
+            return {
+                ...superProps,
+                notReady: superProps.notReady || !self.sources || !self.stats,
+                displayModel: self,
+                rpcDriverName: self.rpcDriverName,
+                displayCrossHatches: self.displayCrossHatches,
+                height: self.height,
+                ticks: self.ticks,
+                stats: self.stats,
+                scaleOpts: self.scaleOpts,
+                onMouseMove: (_, f) => {
+                    self.setFeatureUnderMouse(f);
+                },
+                onMouseLeave: () => {
+                    self.setFeatureUnderMouse(undefined);
+                },
+            };
+        },
+        /**
+         * #getter
+         */
+        get hasResolution() {
+            return self.adapterCapabilities.includes('hasResolution');
+        },
+        /**
+         * #getter
+         */
+        get hasGlobalStats() {
+            return self.adapterCapabilities.includes('hasGlobalStats');
+        },
+        /**
+         * #getter
+         */
+        get fillSetting() {
+            if (self.filled) {
+                return 0;
+            }
+            else if (self.minSize === 1) {
+                return 1;
+            }
+            else {
+                return 2;
+            }
+        },
+    }))
         .views(self => {
         const { trackMenuItems: superTrackMenuItems } = self;
         const hasRenderings = (0, configuration_1.getConf)(self, 'defaultRendering');
@@ -395,20 +426,20 @@ function stateModelFactory(pluginManager, configSchema) {
                 // eslint-disable-next-line @typescript-eslint/no-floating-promises
                 ;
                 (async () => {
-                    const { quantitativeStatsAutorun } = await Promise.resolve().then(() => __importStar(require('../../util')));
-                    quantitativeStatsAutorun(self);
-                    (0, mobx_state_tree_1.addDisposer)(self, (0, mobx_1.autorun)(async () => {
-                        const { rpcManager } = (0, util_1.getSession)(self);
-                        const { adapterConfig } = self;
-                        const sessionId = (0, tracks_1.getRpcSessionId)(self);
-                        const sources = (await rpcManager.call(sessionId, 'MultiWiggleGetSources', {
-                            sessionId,
-                            adapterConfig,
-                        }));
+                    try {
+                        const [{ getMultiWiggleSourcesAutorun }, { getQuantitativeStatsAutorun },] = await Promise.all([
+                            Promise.resolve().then(() => __importStar(require('../getMultiWiggleSourcesAutorun'))),
+                            Promise.resolve().then(() => __importStar(require('../getQuantitativeStatsAutorun'))),
+                        ]);
+                        getQuantitativeStatsAutorun(self);
+                        getMultiWiggleSourcesAutorun(self);
+                    }
+                    catch (e) {
                         if ((0, mobx_state_tree_1.isAlive)(self)) {
-                            self.setSources(sources);
+                            console.error(e);
+                            (0, util_1.getSession)(self).notifyError(`${e}`, e);
                         }
-                    }));
+                    }
                 })();
             },
             /**

package/dist/MultiLinearWiggleDisplay/{models/renderSvg.js → renderSvg.js}

@@ -7,7 +7,7 @@ exports.renderSvg = renderSvg;
 const react_1 = __importDefault(require("react"));
 const util_1 = require("@jbrowse/core/util");
 const mobx_1 = require("mobx");
-const YScaleBars_1 = __importDefault(require("../components/YScaleBars"));
+const YScaleBars_1 = __importDefault(require("./components/YScaleBars"));
 async function renderSvg(self, opts, superRenderSvg) {
     await (0, mobx_1.when)(() => !!self.stats && !!self.regionCannotBeRenderedText);
     const { offsetPx } = (0, util_1.getContainingView)(self);

package/dist/MultiRowXYPlotRenderer/configSchema.js

@@ -40,7 +40,7 @@ const configSchema = (0, configuration_1.ConfigurationSchema)('MultiRowXYPlotRen
      */
     minSize: {
         type: 'number',
-        defaultValue: 0,
+        defaultValue: 0.7,
     },
 }, {
     /**

package/dist/MultiWiggleAdapter/MultiWiggleAdapter.d.ts

@@ -21,7 +21,7 @@ export default class MultiWiggleAdapter extends BaseFeatureDataAdapter {
     getMultiRegionFeatureDensityStats(_regions: Region[]): Promise<{
         featureDensity: number;
     }>;
-    getSources(): Promise<{
+    getSources(_regions: Region[]): Promise<{
         name: string;
         __name: unknown;
     }[]>;

package/dist/MultiWiggleAdapter/MultiWiggleAdapter.js

@@ -67,11 +67,13 @@ class MultiWiggleAdapter extends BaseAdapter_1.BaseFeatureDataAdapter {
     }
     // always render bigwig instead of calculating a feature density for it
     async getMultiRegionFeatureDensityStats(_regions) {
-        return { featureDensity: 0 };
+        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() {
+    async getSources(_regions) {
         const adapters = await this.getAdapters();
         return adapters.map(({ dataAdapter, source, name, ...rest }) => ({
             name: source,

package/dist/MultiXYPlotRenderer/configSchema.js

@@ -40,7 +40,7 @@ const configSchema = (0, configuration_1.ConfigurationSchema)('MultiXYPlotRender
      */
     minSize: {
         type: 'number',
-        defaultValue: 0,
+        defaultValue: 0.7,
     },
 }, {
     /**

package/dist/WiggleBaseRenderer.d.ts

@@ -54,4 +54,4 @@ export default abstract class WiggleBaseRenderer extends FeatureRendererType {
      */
     abstract draw<T extends RenderArgsDeserializedWithFeatures>(ctx: CanvasRenderingContext2D, props: T): Promise<Record<string, unknown> | undefined>;
 }
-export { type RenderArgsSerialized, type RenderResults, type ResultsDeserialized, type ResultsSerialized, } from '@jbrowse/core/pluggableElementTypes/renderers/FeatureRendererType';
+export type { RenderArgsSerialized, RenderResults, ResultsDeserialized, ResultsSerialized, } from '@jbrowse/core/pluggableElementTypes/renderers/FeatureRendererType';

package/dist/XYPlotRenderer/configSchema.js

@@ -40,7 +40,7 @@ const configSchema = (0, configuration_1.ConfigurationSchema)('XYPlotRenderer',
      */
     minSize: {
         type: 'number',
-        defaultValue: 0,
+        defaultValue: 0.7,
     },
 }, {
     /**

package/dist/getMultiWiggleSourcesAutorun.d.ts

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

package/dist/getMultiWiggleSourcesAutorun.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getMultiWiggleSourcesAutorun = getMultiWiggleSourcesAutorun;
+const mobx_1 = require("mobx");
+const mobx_state_tree_1 = require("mobx-state-tree");
+// jbrowse
+const util_1 = require("@jbrowse/core/util");
+const tracks_1 = require("@jbrowse/core/util/tracks");
+function getMultiWiggleSourcesAutorun(self) {
+    (0, mobx_state_tree_1.addDisposer)(self, (0, mobx_1.autorun)(async () => {
+        try {
+            const { rpcManager } = (0, util_1.getSession)(self);
+            const { adapterConfig } = self;
+            const sessionId = (0, tracks_1.getRpcSessionId)(self);
+            const view = (0, util_1.getContainingView)(self);
+            if (!view.initialized) {
+                return;
+            }
+            const sources = (await rpcManager.call(sessionId, 'MultiWiggleGetSources', {
+                regions: view.staticBlocks.contentBlocks,
+                sessionId,
+                adapterConfig,
+            }));
+            if ((0, mobx_state_tree_1.isAlive)(self)) {
+                self.setSources(sources);
+            }
+        }
+        catch (e) {
+            if (!(0, util_1.isAbortException)(e) && (0, mobx_state_tree_1.isAlive)(self)) {
+                console.error(e);
+                (0, util_1.getSession)(self).notifyError(`${e}`, e);
+            }
+        }
+    }));
+}

package/dist/getQuantitativeStats.d.ts

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

package/dist/getQuantitativeStats.js

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getQuantitativeStats = getQuantitativeStats;
+const mobx_state_tree_1 = require("mobx-state-tree");
+// jbrowse
+const util_1 = require("@jbrowse/core/util");
+const tracks_1 = require("@jbrowse/core/util/tracks");
+const configuration_1 = require("@jbrowse/core/configuration");
+async function getQuantitativeStats(self, opts) {
+    const { rpcManager } = (0, util_1.getSession)(self);
+    const numStdDev = (0, configuration_1.getConf)(self, 'numStdDev') || 3;
+    const { adapterConfig, autoscaleType } = self;
+    const sessionId = (0, tracks_1.getRpcSessionId)(self);
+    const { currStatsBpPerPx } = opts;
+    const params = {
+        sessionId,
+        adapterConfig,
+        statusCallback: (message) => {
+            if ((0, mobx_state_tree_1.isAlive)(self)) {
+                self.setMessage(message);
+            }
+        },
+        ...opts,
+    };
+    if (autoscaleType === 'global' || autoscaleType === 'globalsd') {
+        const results = (await rpcManager.call(sessionId, 'WiggleGetGlobalQuantitativeStats', params));
+        const { scoreMin, scoreMean, scoreStdDev } = results;
+        // globalsd uses heuristic to avoid unnecessary scoreMin<0
+        //
+        // if the scoreMin is never less than 0 helps with most coverage bigwigs
+        // just being >0
+        return autoscaleType === 'globalsd'
+            ? {
+                ...results,
+                scoreMin: scoreMin >= 0 ? 0 : scoreMean - numStdDev * scoreStdDev,
+                scoreMax: scoreMean + numStdDev * scoreStdDev,
+                currStatsBpPerPx,
+            }
+            : {
+                ...results,
+                currStatsBpPerPx,
+            };
+    }
+    if (autoscaleType === 'local' || autoscaleType === 'localsd') {
+        const { dynamicBlocks, bpPerPx } = (0, util_1.getContainingView)(self);
+        const results = (await rpcManager.call(sessionId, 'WiggleGetMultiRegionQuantitativeStats', {
+            ...params,
+            regions: dynamicBlocks.contentBlocks.map(region => {
+                const { start, end } = region;
+                return {
+                    ...JSON.parse(JSON.stringify(region)),
+                    start: Math.floor(start),
+                    end: Math.ceil(end),
+                };
+            }),
+            bpPerPx,
+        }));
+        const { scoreMin, scoreMean, scoreStdDev } = results;
+        // localsd uses heuristic to avoid unnecessary scoreMin<0 if the
+        // scoreMin is never less than 0 helps with most coverage bigwigs
+        // just being >0
+        return autoscaleType === 'localsd'
+            ? {
+                ...results,
+                scoreMin: scoreMin >= 0 ? 0 : scoreMean - numStdDev * scoreStdDev,
+                scoreMax: scoreMean + numStdDev * scoreStdDev,
+                currStatsBpPerPx,
+            }
+            : {
+                ...results,
+                currStatsBpPerPx,
+            };
+    }
+    if (autoscaleType === 'zscale') {
+        return rpcManager.call(sessionId, 'WiggleGetGlobalQuantitativeStats', params);
+    }
+    throw new Error(`invalid autoscaleType '${autoscaleType}'`);
+}

package/dist/getQuantitativeStatsAutorun.d.ts

@@ -0,0 +1,13 @@
+import { QuantitativeStats } from '@jbrowse/core/util/stats';
+import { AnyConfigurationModel } from '@jbrowse/core/configuration';
+export declare function getQuantitativeStatsAutorun(self: {
+    quantitativeStatsReady: boolean;
+    configuration: AnyConfigurationModel;
+    adapterConfig: AnyConfigurationModel;
+    autoscaleType: string;
+    adapterProps: () => Record<string, unknown>;
+    setStatsLoading: (aborter: AbortController) => void;
+    setError: (error: unknown) => void;
+    setMessage: (str: string) => void;
+    updateQuantitativeStats: (stats: QuantitativeStats, region: string) => void;
+}): void;

package/dist/getQuantitativeStatsAutorun.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getQuantitativeStatsAutorun = getQuantitativeStatsAutorun;
+const mobx_1 = require("mobx");
+const mobx_state_tree_1 = require("mobx-state-tree");
+// jbrowse
+const util_1 = require("@jbrowse/core/util");
+// locals
+const getQuantitativeStats_1 = require("./getQuantitativeStats");
+function getQuantitativeStatsAutorun(self) {
+    (0, mobx_state_tree_1.addDisposer)(self, (0, mobx_1.autorun)(async () => {
+        try {
+            const view = (0, util_1.getContainingView)(self);
+            const aborter = new AbortController();
+            self.setStatsLoading(aborter);
+            if (!self.quantitativeStatsReady) {
+                return;
+            }
+            const statsRegion = JSON.stringify(view.dynamicBlocks);
+            const wiggleStats = await (0, getQuantitativeStats_1.getQuantitativeStats)(self, {
+                signal: aborter.signal,
+                filters: [],
+                currStatsBpPerPx: view.bpPerPx,
+                ...self.adapterProps(),
+            });
+            if ((0, mobx_state_tree_1.isAlive)(self)) {
+                self.updateQuantitativeStats(wiggleStats, statsRegion);
+            }
+        }
+        catch (e) {
+            console.error(e);
+            if (!(0, util_1.isAbortException)(e) && (0, mobx_state_tree_1.isAlive)(self)) {
+                self.setError(e);
+            }
+        }
+    }, { delay: 1000 }));
+}

package/dist/index.d.ts

@@ -9,7 +9,7 @@ export default class WigglePlugin extends Plugin {
     install(pm: PluginManager): void;
     exports: {
         LinearWiggleDisplayReactComponent: (props: {
-            model: import("./LinearWiggleDisplay/models/model").WiggleDisplayModel;
+            model: import("./LinearWiggleDisplay/model").WiggleDisplayModel;
         }) => import("react").JSX.Element;
         XYPlotRendererReactComponent: (props: {
             regions: import("@jbrowse/core/util/types").Region[];
@@ -84,5 +84,5 @@ export default class WigglePlugin extends Plugin {
 export * from './util';
 export { default as WiggleRendering } from './WiggleRendering';
 export { Tooltip, ReactComponent as LinearWiggleDisplayReactComponent, modelFactory as linearWiggleDisplayModelFactory, } from './LinearWiggleDisplay';
-export { type TooltipContentsComponent } from './Tooltip';
+export type { TooltipContentsComponent } from './Tooltip';
 export { default as WiggleBaseRenderer } from './WiggleBaseRenderer';

package/{esm/shared/modelShared.d.ts → dist/shared/SharedWiggleMixin.d.ts}

@@ -195,7 +195,9 @@ export default function SharedWiggleMixin(configSchema: AnyConfigurationSchemaTy
             message: string | undefined;
         } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
             id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            type: import("mobx-state-tree").ISimpleType<string>;
+            type: import("mobx-state-tree" /**
+             * #action
+             */).ISimpleType<string>;
             rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
         }, {
             rendererTypeName: string;
@@ -284,17 +286,28 @@ export default function SharedWiggleMixin(configSchema: AnyConfigurationSchemaTy
     renderSvg(opts: import("@jbrowse/plugin-linear-genome-view").ExportSvgDisplayOptions): Promise<import("react").JSX.Element>;
     afterAttach(): void;
 } & {
+    /**
+     * #volatile
+     */
     message: undefined | string;
+    /**
+     * #volatile
+     */
     stats: {
+        currStatsBpPerPx: number;
         scoreMin: number;
         scoreMax: number;
     } | undefined;
+    /**
+     * #volatile
+     */
     statsFetchInProgress: undefined | AbortController;
 } & {
     /**
      * #action
      */
     updateQuantitativeStats(stats: {
+        currStatsBpPerPx: number;
         scoreMin: number;
         scoreMax: number;
     }): void;
@@ -313,7 +326,7 @@ export default function SharedWiggleMixin(configSchema: AnyConfigurationSchemaTy
     /**
      * #action
      */
-    setLoading(aborter: AbortController): void;
+    setStatsLoading(aborter: AbortController): void;
     /**
      * #action
      * this overrides the BaseLinearDisplayModel to avoid popping up a
@@ -436,6 +449,7 @@ export default function SharedWiggleMixin(configSchema: AnyConfigurationSchemaTy
     readonly scaleOpts: {
         domain: number[] | undefined;
         stats: {
+            currStatsBpPerPx: number;
             scoreMin: number;
             scoreMax: number;
         } | undefined;
@@ -585,8 +599,8 @@ export default function SharedWiggleMixin(configSchema: AnyConfigurationSchemaTy
         };
     }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, "displayId">>;
 }>> & import("mobx-state-tree/dist/internal").NonEmptyObject & import("mobx-state-tree")._NotCustomized, {
-    type: string;
     id: string;
+    type: string;
     configuration: import("mobx-state-tree").ModelSnapshotType<Record<string, any>>;
     heightPreConfig: number | undefined;
     rpcDriverName: string | undefined;