@jbrowse/plugin-wiggle 3.6.5 → 4.0.0

package/esm/BigWigAdapter/BigWigAdapter.d.ts

@@ -16,10 +16,23 @@ export default class BigWigAdapter extends BaseFeatureDataAdapter {
     }>;
     getRefNames(opts?: BaseOptions): Promise<string[]>;
     refIdToName(refId: number): Promise<string | undefined>;
-    getGlobalStats(opts?: BaseOptions): Promise<import("@jbrowse/core/util/stats").QuantitativeStats>;
+    getGlobalStats(opts?: BaseOptions): Promise<import("@jbrowse/core/util/stats").RectifiedQuantitativeStats>;
     getFeatures(region: Region, opts?: WiggleOptions): import("rxjs").Observable<Feature>;
+    private getArrayFeatureView;
+    getRegionQuantitativeStats(region: Region, opts?: WiggleOptions): Promise<{
+        scoreMin: number;
+        scoreMax: number;
+        scoreSum: number;
+        scoreSumSquares: number;
+        scoreMean: number;
+        scoreStdDev: number;
+        featureCount: number;
+        basesCovered: number;
+        featureDensity: number;
+    }>;
     getMultiRegionFeatureDensityStats(_regions: Region[]): Promise<{
         featureDensity: number;
     }>;
+    getMultiRegionQuantitativeStats(regions?: Region[], opts?: WiggleOptions): Promise<import("@jbrowse/core/util/stats").RectifiedQuantitativeStats>;
 }
 export {};

package/esm/BigWigAdapter/BigWigAdapter.js

@@ -1,10 +1,79 @@
-import { BigWig } from '@gmod/bbi';
+import { ArrayFeatureView, BigWig } from '@gmod/bbi';
 import { BaseFeatureDataAdapter } from '@jbrowse/core/data_adapters/BaseAdapter';
+import { aggregateQuantitativeStats, blankStats, } from '@jbrowse/core/data_adapters/BaseAdapter/stats';
 import { updateStatus } from '@jbrowse/core/util';
 import { openLocation } from '@jbrowse/core/util/io';
 import { ObservableCreate } from '@jbrowse/core/util/rxjs';
 import { rectifyStats } from '@jbrowse/core/util/stats';
-class BigWigAdapter extends BaseFeatureDataAdapter {
+function computeStatsFromView(view, targetStart, targetEnd) {
+    const len = view.length;
+    if (len === 0) {
+        return {
+            scoreMin: 0,
+            scoreMax: 0,
+            scoreSum: 0,
+            scoreSumSquares: 0,
+            scoreMean: 0,
+            scoreStdDev: 0,
+            featureCount: 0,
+            basesCovered: targetEnd - targetStart,
+            featureDensity: 0,
+        };
+    }
+    let scoreMin = Number.MAX_VALUE;
+    let scoreMax = Number.MIN_VALUE;
+    let scoreSum = 0;
+    let scoreSumSquares = 0;
+    let featureCount = 0;
+    for (let i = 0; i < len; i++) {
+        const featureStart = view.start(i);
+        const featureEnd = view.end(i);
+        if (featureEnd <= targetStart || featureStart >= targetEnd) {
+            continue;
+        }
+        const score = view.score(i);
+        const min = view.minScore(i) ?? score;
+        const max = view.maxScore(i) ?? score;
+        scoreMin = Math.min(scoreMin, min);
+        scoreMax = Math.max(scoreMax, max);
+        scoreSum += score;
+        scoreSumSquares += score * score;
+        featureCount++;
+    }
+    if (featureCount === 0) {
+        return {
+            scoreMin: 0,
+            scoreMax: 0,
+            scoreSum: 0,
+            scoreSumSquares: 0,
+            scoreMean: 0,
+            scoreStdDev: 0,
+            featureCount: 0,
+            basesCovered: targetEnd - targetStart,
+            featureDensity: 0,
+        };
+    }
+    const scoreMean = scoreSum / featureCount;
+    const scoreStdDev = Math.sqrt(scoreSumSquares / featureCount - scoreMean * scoreMean);
+    return {
+        scoreMin,
+        scoreMax,
+        scoreSum,
+        scoreSumSquares,
+        scoreMean,
+        scoreStdDev,
+        featureCount,
+        basesCovered: targetEnd - targetStart,
+        featureDensity: featureCount / (targetEnd - targetStart),
+    };
+}
+export default class BigWigAdapter extends BaseFeatureDataAdapter {
+    setupP;
+    static capabilities = [
+        'hasResolution',
+        'hasLocalStats',
+        'hasGlobalStats',
+    ];
     async setupPre(opts) {
         const { statusCallback = () => { } } = opts || {};
         const pluginManager = this.pluginManager;
@@ -30,9 +99,8 @@ class BigWigAdapter extends BaseFeatureDataAdapter {
         return Object.keys(header.refsByName);
     }
     async refIdToName(refId) {
-        var _a;
         const { header } = await this.setup();
-        return (_a = header.refsByNumber[refId]) === null || _a === void 0 ? void 0 : _a.name;
+        return header.refsByNumber[refId]?.name;
     }
     async getGlobalStats(opts) {
         const { header } = await this.setup(opts);
@@ -41,39 +109,67 @@ class BigWigAdapter extends BaseFeatureDataAdapter {
     getFeatures(region, opts = {}) {
         const { refName, start, end } = region;
         const { bpPerPx = 0, resolution = 1, stopToken, statusCallback = () => { }, } = opts;
+        const source = this.getConf('source');
+        const resolutionMultiplier = this.getConf('resolutionMultiplier');
         return ObservableCreate(async (observer) => {
-            const source = this.getConf('source');
-            const resolutionMultiplier = this.getConf('resolutionMultiplier');
             const { bigwig } = await this.setup(opts);
-            const feats = await updateStatus('Downloading bigwig data', statusCallback, () => bigwig.getFeatures(refName, start, end, {
+            const arrays = await updateStatus('Downloading bigwig data', statusCallback, () => bigwig.getFeaturesAsArrays(refName, start, end, {
                 ...opts,
                 basesPerSpan: (bpPerPx / resolution) * resolutionMultiplier,
             }));
-            for (const data of feats) {
-                if (source) {
-                    data.source = source;
-                }
-                const uniqueId = `${source}:${region.refName}:${data.start}-${data.end}`;
-                data.refName = refName;
-                data.uniqueId = uniqueId;
+            const view = new ArrayFeatureView(arrays, source, refName);
+            for (let i = 0; i < view.length; i++) {
+                const uniqueId = view.id(i);
+                const idx = i;
                 observer.next({
-                    get: (str) => data[str],
+                    get: (str) => view.get(idx, str),
                     id: () => uniqueId,
-                    toJSON: () => data,
+                    toJSON: () => ({
+                        start: view.start(idx),
+                        end: view.end(idx),
+                        score: view.score(idx),
+                        refName,
+                        source,
+                        uniqueId,
+                        summary: view.isSummary,
+                        minScore: view.minScore(idx),
+                        maxScore: view.maxScore(idx),
+                    }),
                 });
             }
             observer.complete();
         }, stopToken);
     }
+    async getArrayFeatureView(region, opts = {}) {
+        const { refName, start, end } = region;
+        const { bpPerPx = 0, resolution = 1, statusCallback = () => { } } = opts;
+        const resolutionMultiplier = this.getConf('resolutionMultiplier');
+        const source = this.getConf('source');
+        const { bigwig } = await this.setup(opts);
+        const arrays = await updateStatus('Downloading bigwig data', statusCallback, () => bigwig.getFeaturesAsArrays(refName, start, end, {
+            ...opts,
+            basesPerSpan: (bpPerPx / resolution) * resolutionMultiplier,
+        }));
+        return new ArrayFeatureView(arrays, source, refName);
+    }
+    async getRegionQuantitativeStats(region, opts) {
+        const { start, end } = region;
+        const view = await this.getArrayFeatureView(region, {
+            ...opts,
+            bpPerPx: (end - start) / 1000,
+        });
+        return computeStatsFromView(view, start, end);
+    }
     async getMultiRegionFeatureDensityStats(_regions) {
         return {
             featureDensity: 0,
         };
     }
+    async getMultiRegionQuantitativeStats(regions = [], opts = {}) {
+        if (!regions.length) {
+            return blankStats();
+        }
+        const stats = await Promise.all(regions.map(region => this.getRegionQuantitativeStats(region, opts)));
+        return aggregateQuantitativeStats(stats);
+    }
 }
-BigWigAdapter.capabilities = [
-    'hasResolution',
-    'hasLocalStats',
-    'hasGlobalStats',
-];
-export default BigWigAdapter;

package/esm/BigWigAdapter/configSchema.d.ts

@@ -1,4 +1,4 @@
-declare const BigWigAdapter: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
+declare const BigWigAdapter: import("node_modules/@jbrowse/core/src/configuration/configurationSchema").ConfigurationSchemaType<{
     bigWigLocation: {
         type: string;
         defaultValue: {
@@ -16,5 +16,5 @@ declare const BigWigAdapter: import("@jbrowse/core/configuration/configurationSc
         defaultValue: number;
         description: string;
     };
-}, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
+}, import("node_modules/@jbrowse/core/src/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
 export default BigWigAdapter;

package/esm/BigWigAdapter/configSchema.js

@@ -16,7 +16,7 @@ const BigWigAdapter = ConfigurationSchema('BigWigAdapter', {
     resolutionMultiplier: {
         type: 'number',
         defaultValue: 1,
-        description: 'Initial resolution multiplier',
+        description: 'Initial resolution multiplier, <1 is higher resolution, >1 is lower resolution',
     },
 }, {
     explicitlyTyped: true,

package/esm/BigWigAdapter/index.js

@@ -1,5 +1,5 @@
 import AdapterType from '@jbrowse/core/pluggableElementTypes/AdapterType';
-import configSchema from './configSchema';
+import configSchema from "./configSchema.js";
 export default function BigWigAdapterF(pluginManager) {
     pluginManager.addAdapterType(() => new AdapterType({
         name: 'BigWigAdapter',
@@ -10,6 +10,6 @@ export default function BigWigAdapterF(pluginManager) {
             'hasLocalStats',
             'hasGlobalStats',
         ],
-        getAdapterClass: () => import('./BigWigAdapter').then(r => r.default),
+        getAdapterClass: () => import("./BigWigAdapter.js").then(r => r.default),
     }));
 }

package/esm/CreateMultiWiggleExtension/ConfirmDialog.js

@@ -4,7 +4,7 @@ import { readConfObject } from '@jbrowse/core/configuration';
 import Dialog from '@jbrowse/core/ui/Dialog';
 import { Button, DialogActions, DialogContent, TextField, Typography, } from '@mui/material';
 const ConfirmDialog = ({ tracks, onClose, }) => {
-    const [val, setVal] = useState(`MultiWiggle ${Date.now()}`);
+    const [val, setVal] = useState(() => `MultiWiggle ${Date.now()}`);
     const allQuant = tracks.every(t => t.type === 'QuantitativeTrack');
     return (_jsxs(Dialog, { open: true, onClose: () => {
             onClose(false);

package/esm/CreateMultiWiggleExtension/index.js

@@ -1,14 +1,14 @@
 import { lazy } from 'react';
 import { readConfObject } from '@jbrowse/core/configuration';
 import { getSession, isSessionWithAddTracks } from '@jbrowse/core/util';
-const ConfirmDialog = lazy(() => import('./ConfirmDialog'));
+const ConfirmDialog = lazy(() => import("./ConfirmDialog.js"));
 function makeTrack({ model, arg, }) {
     const tracks = model.selection;
     const trackIds = tracks.map(c => readConfObject(c, 'name'));
     const subadapters = tracks
         .map(c => readConfObject(c, 'adapter'))
         .map((c, idx) => ({ ...c, source: trackIds[idx] }));
-    const now = +Date.now();
+    const now = Date.now();
     const trackId = `multitrack-${now}-sessionTrack`;
     const session = getSession(model);
     if (isSessionWithAddTracks(session)) {

package/esm/DensityRenderer/DensityRenderer.d.ts

@@ -1,7 +1,6 @@
-import WiggleBaseRenderer from '../WiggleBaseRenderer';
-import type { RenderArgsDeserializedWithFeatures } from '../WiggleBaseRenderer';
-export default class DensityRenderer extends WiggleBaseRenderer {
-    draw(ctx: CanvasRenderingContext2D, props: RenderArgsDeserializedWithFeatures): Promise<{
-        reducedFeatures: import("@jbrowse/core/util").Feature[];
-    }>;
+import FeatureRendererType from '@jbrowse/core/pluggableElementTypes/renderers/FeatureRendererType';
+import type { RenderArgsDeserialized } from '../types.ts';
+export default class DensityRenderer extends FeatureRendererType {
+    supportsSVG: boolean;
+    render(renderProps: RenderArgsDeserialized): Promise<import("librpc-web-mod").RpcResult>;
 }

package/esm/DensityRenderer/DensityRenderer.js

@@ -1,7 +1,8 @@
-import WiggleBaseRenderer from '../WiggleBaseRenderer';
-export default class DensityRenderer extends WiggleBaseRenderer {
-    async draw(ctx, props) {
-        const { drawDensity } = await import('../drawDensity');
-        return drawDensity(ctx, props);
+import FeatureRendererType from '@jbrowse/core/pluggableElementTypes/renderers/FeatureRendererType';
+export default class DensityRenderer extends FeatureRendererType {
+    supportsSVG = true;
+    async render(renderProps) {
+        const { makeImageData } = await import("./makeImageData.js");
+        return makeImageData(renderProps, this.pluginManager);
     }
 }

package/esm/DensityRenderer/configSchema.d.ts

@@ -1,4 +1,4 @@
-declare const configSchema: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{}, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
+declare const configSchema: import("node_modules/@jbrowse/core/src/configuration/configurationSchema.ts").ConfigurationSchemaType<{}, import("node_modules/@jbrowse/core/src/configuration/configurationSchema.ts").ConfigurationSchemaOptions<import("node_modules/@jbrowse/core/src/configuration/configurationSchema.ts").ConfigurationSchemaType<{
     color: {
         type: string;
         description: string;
@@ -24,7 +24,7 @@ declare const configSchema: import("@jbrowse/core/configuration/configurationSch
     };
     bicolorPivot: {
         type: string;
-        model: import("mobx-state-tree").ISimpleType<string>;
+        model: import("@jbrowse/mobx-state-tree").ISimpleType<string>;
         description: string;
         defaultValue: string;
     };
@@ -33,5 +33,5 @@ declare const configSchema: import("@jbrowse/core/configuration/configurationSch
         defaultValue: number;
         description: string;
     };
-}, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>, undefined>>;
+}, import("node_modules/@jbrowse/core/src/configuration/configurationSchema.ts").ConfigurationSchemaOptions<undefined, undefined>>, undefined>>;
 export default configSchema;

package/esm/DensityRenderer/configSchema.js

@@ -1,5 +1,5 @@
 import { ConfigurationSchema } from '@jbrowse/core/configuration';
-import baseWiggleRendererConfigSchema from '../configSchema';
+import baseWiggleRendererConfigSchema from "../configSchema.js";
 function x() { }
 const configSchema = ConfigurationSchema('DensityRenderer', {}, {
     baseConfiguration: baseWiggleRendererConfigSchema,

package/esm/DensityRenderer/index.js

@@ -1,11 +1,13 @@
-import DensityRenderer from './DensityRenderer';
-import configSchema from './configSchema';
-import ReactComponent from '../WiggleRendering';
+import { lazy } from 'react';
+import DensityRenderer from "./DensityRenderer.js";
+import configSchema from "./configSchema.js";
 export default function DensityRendererF(pluginManager) {
-    pluginManager.addRendererType(() => new DensityRenderer({
-        name: 'DensityRenderer',
-        ReactComponent,
-        configSchema,
-        pluginManager,
-    }));
+    pluginManager.addRendererType(() => {
+        return new DensityRenderer({
+            name: 'DensityRenderer',
+            ReactComponent: lazy(() => import("../WiggleRendering.js")),
+            configSchema,
+            pluginManager,
+        });
+    });
 }

package/esm/DensityRenderer/makeImageData.d.ts

@@ -0,0 +1,3 @@
+import type { RenderArgsDeserialized } from '../types.ts';
+import type PluginManager from '@jbrowse/core/PluginManager';
+export declare function makeImageData(renderProps: RenderArgsDeserialized, pluginManager: PluginManager): Promise<import("librpc-web-mod").RpcResult>;

package/esm/DensityRenderer/makeImageData.js

@@ -0,0 +1,13 @@
+import { getAdapter } from '@jbrowse/core/data_adapters/dataAdapterCache';
+import { firstValueFrom } from 'rxjs';
+import { toArray } from 'rxjs/operators';
+export async function makeImageData(renderProps, pluginManager) {
+    const { sessionId, adapterConfig, regions } = renderProps;
+    const { dataAdapter } = await getAdapter(pluginManager, sessionId, adapterConfig);
+    const region = regions[0];
+    const features = await firstValueFrom(dataAdapter
+        .getFeatures(region, renderProps)
+        .pipe(toArray()));
+    const { renderDensity } = await import("./renderDensity.js");
+    return renderDensity(renderProps, features);
+}

package/esm/DensityRenderer/renderDensity.d.ts

@@ -0,0 +1,3 @@
+import type { RenderArgsDeserialized } from '../types.ts';
+import type { Feature } from '@jbrowse/core/util';
+export declare function renderDensity(renderProps: RenderArgsDeserialized, features: Feature[]): Promise<import("librpc-web-mod").RpcResult>;

package/esm/DensityRenderer/renderDensity.js

@@ -0,0 +1,18 @@
+import { renderToAbstractCanvas, updateStatus } from '@jbrowse/core/util';
+import { rpcResult } from '@jbrowse/core/util/librpc';
+import { collectTransferables } from '@jbrowse/core/util/offscreenCanvasPonyfill';
+import { drawDensity } from "../drawDensity.js";
+import { serializeWiggleFeature } from "../util.js";
+export async function renderDensity(renderProps, features) {
+    const { height, regions, bpPerPx, statusCallback = () => { } } = renderProps;
+    const region = regions[0];
+    const width = (region.end - region.start) / bpPerPx;
+    const { reducedFeatures, ...rest } = await updateStatus('Rendering plot', statusCallback, () => renderToAbstractCanvas(width, height, renderProps, ctx => drawDensity(ctx, { ...renderProps, features })));
+    const serialized = {
+        ...rest,
+        features: reducedFeatures.map(serializeWiggleFeature),
+        height,
+        width,
+    };
+    return rpcResult(serialized, collectTransferables(rest));
+}

package/esm/LinePlotRenderer/LinePlotRenderer.d.ts

@@ -1,8 +1,6 @@
-import WiggleBaseRenderer from '../WiggleBaseRenderer';
-import type { RenderArgsDeserializedWithFeatures } from '../WiggleBaseRenderer';
-import type { Feature } from '@jbrowse/core/util';
-export default class LinePlotRenderer extends WiggleBaseRenderer {
-    draw(ctx: CanvasRenderingContext2D, props: RenderArgsDeserializedWithFeatures): Promise<{
-        reducedFeatures: Feature[];
-    }>;
+import FeatureRendererType from '@jbrowse/core/pluggableElementTypes/renderers/FeatureRendererType';
+import type { RenderArgsDeserialized } from '../types.ts';
+export default class LinePlotRenderer extends FeatureRendererType {
+    supportsSVG: boolean;
+    render(renderProps: RenderArgsDeserialized): Promise<import("librpc-web-mod").RpcResult>;
 }

package/esm/LinePlotRenderer/LinePlotRenderer.js

@@ -1,17 +1,8 @@
-import { readConfObject } from '@jbrowse/core/configuration';
-import WiggleBaseRenderer from '../WiggleBaseRenderer';
-import { YSCALEBAR_LABEL_OFFSET } from '../util';
-export default class LinePlotRenderer extends WiggleBaseRenderer {
-    async draw(ctx, props) {
-        const { config } = props;
-        const c = readConfObject(config, 'color');
-        const { drawLine } = await import('../drawLine');
-        return drawLine(ctx, {
-            ...props,
-            offset: YSCALEBAR_LABEL_OFFSET,
-            colorCallback: c === '#f0f'
-                ? () => 'grey'
-                : (feature) => readConfObject(config, 'color', { feature }),
-        });
+import FeatureRendererType from '@jbrowse/core/pluggableElementTypes/renderers/FeatureRendererType';
+export default class LinePlotRenderer extends FeatureRendererType {
+    supportsSVG = true;
+    async render(renderProps) {
+        const { makeImageData } = await import("./makeImageData.js");
+        return makeImageData(renderProps, this.pluginManager);
     }
 }

package/esm/LinePlotRenderer/configSchema.d.ts

@@ -1,10 +1,10 @@
-declare const configSchema: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
+declare const configSchema: import("node_modules/@jbrowse/core/src/configuration/configurationSchema.ts").ConfigurationSchemaType<{
     displayCrossHatches: {
         type: string;
         description: string;
         defaultValue: boolean;
     };
-}, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
+}, import("node_modules/@jbrowse/core/src/configuration/configurationSchema.ts").ConfigurationSchemaOptions<import("node_modules/@jbrowse/core/src/configuration/configurationSchema.ts").ConfigurationSchemaType<{
     color: {
         type: string;
         description: string;
@@ -30,7 +30,7 @@ declare const configSchema: import("@jbrowse/core/configuration/configurationSch
     };
     bicolorPivot: {
         type: string;
-        model: import("mobx-state-tree").ISimpleType<string>;
+        model: import("@jbrowse/mobx-state-tree").ISimpleType<string>;
         description: string;
         defaultValue: string;
     };
@@ -39,5 +39,5 @@ declare const configSchema: import("@jbrowse/core/configuration/configurationSch
         defaultValue: number;
         description: string;
     };
-}, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>, undefined>>;
+}, import("node_modules/@jbrowse/core/src/configuration/configurationSchema.ts").ConfigurationSchemaOptions<undefined, undefined>>, undefined>>;
 export default configSchema;

package/esm/LinePlotRenderer/configSchema.js

@@ -1,5 +1,5 @@
 import { ConfigurationSchema } from '@jbrowse/core/configuration';
-import baseWiggleRendererConfigSchema from '../configSchema';
+import baseWiggleRendererConfigSchema from "../configSchema.js";
 function x() { }
 const configSchema = ConfigurationSchema('LinePlotRenderer', {
     displayCrossHatches: {

package/esm/LinePlotRenderer/index.js

@@ -1,10 +1,10 @@
-import configSchema from './configSchema';
-import ReactComponent from '../WiggleRendering';
-import LinePlotRenderer from './LinePlotRenderer';
+import { lazy } from 'react';
+import LinePlotRenderer from "./LinePlotRenderer.js";
+import configSchema from "./configSchema.js";
 export default function LinePlotRendererF(pluginManager) {
     pluginManager.addRendererType(() => new LinePlotRenderer({
         name: 'LinePlotRenderer',
-        ReactComponent,
+        ReactComponent: lazy(() => import("../WiggleRendering.js")),
         configSchema,
         pluginManager,
     }));

package/esm/LinePlotRenderer/makeImageData.d.ts

@@ -0,0 +1,3 @@
+import type { RenderArgsDeserialized } from '../types.ts';
+import type PluginManager from '@jbrowse/core/PluginManager';
+export declare function makeImageData(renderProps: RenderArgsDeserialized, pluginManager: PluginManager): Promise<import("librpc-web-mod").RpcResult>;

package/esm/LinePlotRenderer/makeImageData.js

@@ -0,0 +1,13 @@
+import { getAdapter } from '@jbrowse/core/data_adapters/dataAdapterCache';
+import { firstValueFrom } from 'rxjs';
+import { toArray } from 'rxjs/operators';
+export async function makeImageData(renderProps, pluginManager) {
+    const { sessionId, adapterConfig, regions } = renderProps;
+    const { dataAdapter } = await getAdapter(pluginManager, sessionId, adapterConfig);
+    const region = regions[0];
+    const features = await firstValueFrom(dataAdapter
+        .getFeatures(region, renderProps)
+        .pipe(toArray()));
+    const { renderLinePlot } = await import("./renderLinePlot.js");
+    return renderLinePlot(renderProps, features);
+}

package/esm/LinePlotRenderer/renderLinePlot.d.ts

@@ -0,0 +1,3 @@
+import type { RenderArgsDeserialized } from '../types.ts';
+import type { Feature } from '@jbrowse/core/util';
+export declare function renderLinePlot(renderProps: RenderArgsDeserialized, features: Feature[]): Promise<import("librpc-web-mod").RpcResult>;

package/esm/LinePlotRenderer/renderLinePlot.js

@@ -0,0 +1,23 @@
+import { renderToAbstractCanvas, updateStatus } from '@jbrowse/core/util';
+import { rpcResult } from '@jbrowse/core/util/librpc';
+import { collectTransferables } from '@jbrowse/core/util/offscreenCanvasPonyfill';
+import { drawLine } from "../drawLine.js";
+import { getColorCallback, serializeWiggleFeature } from "../util.js";
+export async function renderLinePlot(renderProps, features) {
+    const { config, height, regions, bpPerPx, statusCallback = () => { }, } = renderProps;
+    const region = regions[0];
+    const width = (region.end - region.start) / bpPerPx;
+    const colorCallback = getColorCallback(config, { defaultColor: 'grey' });
+    const { reducedFeatures, ...rest } = await updateStatus('Rendering plot', statusCallback, () => renderToAbstractCanvas(width, height, renderProps, ctx => drawLine(ctx, {
+        ...renderProps,
+        features,
+        colorCallback,
+    })));
+    const serialized = {
+        ...rest,
+        features: reducedFeatures.map(serializeWiggleFeature),
+        height,
+        width,
+    };
+    return rpcResult(serialized, collectTransferables(rest));
+}

package/esm/LinearWiggleDisplay/components/Tooltip.d.ts

@@ -1,4 +1,4 @@
-import type { TooltipContentsComponent } from '../../Tooltip';
+import type { TooltipContentsComponent } from '../../Tooltip.tsx';
 import type { Feature } from '@jbrowse/core/util';
 type Coord = [number, number];
 declare const WiggleTooltip: (props: {
@@ -12,4 +12,4 @@ declare const WiggleTooltip: (props: {
     TooltipContents?: TooltipContentsComponent;
 }) => import("react/jsx-runtime").JSX.Element;
 export default WiggleTooltip;
-export { default as Tooltip } from '../../Tooltip';
+export { default as Tooltip } from '../../Tooltip.tsx';

package/esm/LinearWiggleDisplay/components/Tooltip.js

@@ -1,9 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
+import { toLocale } from '@jbrowse/core/util';
 import { observer } from 'mobx-react';
-import Tooltip from '../../Tooltip';
-import { toP } from '../../util';
-const en = (n) => n.toLocaleString('en-US');
+import Tooltip from "../../Tooltip.js";
+import { toP } from "../../util.js";
+const en = toLocale;
 const TooltipContents = forwardRef(function TooltipContents2({ feature }, ref) {
     const start = feature.get('start') + 1;
     const end = feature.get('end');
@@ -16,10 +17,13 @@ const TooltipContents = forwardRef(function TooltipContents2({ feature }, ref) {
     ]
         .filter(f => !!f)
         .join(':');
-    return feature.get('summary') !== undefined ? (_jsxs("div", { ref: ref, children: [loc, _jsx("br", {}), "Max: ", toP(feature.get('maxScore')), _jsx("br", {}), "Avg: ", toP(feature.get('score')), _jsx("br", {}), "Min: ", toP(feature.get('minScore'))] })) : (_jsxs("div", { ref: ref, children: [loc, _jsx("br", {}), `${toP(feature.get('score'))}`] }));
+    const minScore = feature.get('minScore');
+    const maxScore = feature.get('maxScore');
+    const hasSummary = feature.get('summary') && minScore != null;
+    return hasSummary ? (_jsxs("div", { ref: ref, children: [loc, _jsx("br", {}), "Max: ", toP(maxScore), _jsx("br", {}), "Avg: ", toP(feature.get('score')), _jsx("br", {}), "Min: ", toP(minScore)] })) : (_jsxs("div", { ref: ref, children: [loc, _jsx("br", {}), `${toP(feature.get('score'))}`] }));
 });
-const WiggleTooltip = observer(function (props) {
+const WiggleTooltip = observer(function WiggleTooltip(props) {
     return _jsx(Tooltip, { TooltipContents: TooltipContents, ...props });
 });
 export default WiggleTooltip;
-export { default as Tooltip } from '../../Tooltip';
+export { default as Tooltip } from "../../Tooltip.js";

package/esm/LinearWiggleDisplay/components/WiggleDisplayComponent.d.ts

@@ -1,4 +1,4 @@
-import type { WiggleDisplayModel } from '../model';
+import type { WiggleDisplayModel } from '../model.ts';
 declare const LinearWiggleDisplay: (props: {
     model: WiggleDisplayModel;
 }) => import("react/jsx-runtime").JSX.Element;

package/esm/LinearWiggleDisplay/components/WiggleDisplayComponent.js

@@ -3,8 +3,8 @@ import { getConf } from '@jbrowse/core/configuration';
 import { getContainingTrack, getContainingView, measureText, } from '@jbrowse/core/util';
 import { BaseLinearDisplayComponent } from '@jbrowse/plugin-linear-genome-view';
 import { observer } from 'mobx-react';
-import YScaleBar from '../../shared/YScaleBar';
-const LinearWiggleDisplay = observer(function (props) {
+import YScaleBar from "../../shared/YScaleBar.js";
+const LinearWiggleDisplay = observer(function LinearWiggleDisplay(props) {
     const { model } = props;
     const { stats, height, graphType } = model;
     const { trackLabels } = getContainingView(model);