@jbrowse/plugin-wiggle 3.6.5 → 4.0.0

package/esm/QuantitativeTrack/configSchema.d.ts

@@ -1,5 +1,5 @@
 import type PluginManager from '@jbrowse/core/PluginManager';
-declare function configSchemaFactory(pluginManager: PluginManager): import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{}, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
+declare function configSchemaFactory(pluginManager: PluginManager): import("node_modules/@jbrowse/core/src/configuration/configurationSchema").ConfigurationSchemaType<{}, import("node_modules/@jbrowse/core/src/configuration/configurationSchema").ConfigurationSchemaOptions<import("node_modules/@jbrowse/core/src/configuration/configurationSchema").ConfigurationSchemaType<{
     name: {
         description: string;
         type: string;
@@ -25,8 +25,13 @@ declare function configSchemaFactory(pluginManager: PluginManager): import("@jbr
         description: string;
         defaultValue: {};
     };
-    adapter: import("mobx-state-tree").IAnyModelType;
-    textSearching: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
+    rpcDriverName: {
+        type: string;
+        description: string;
+        defaultValue: string;
+    };
+    adapter: import("@jbrowse/mobx-state-tree").IAnyModelType;
+    textSearching: import("node_modules/@jbrowse/core/src/configuration/configurationSchema").ConfigurationSchemaType<{
         indexingAttributes: {
             type: string;
             description: string;
@@ -37,10 +42,10 @@ declare function configSchemaFactory(pluginManager: PluginManager): import("@jbr
             description: string;
             defaultValue: string[];
         };
-        textSearchAdapter: import("mobx-state-tree").IAnyModelType;
-    }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
-    displays: import("mobx-state-tree").IArrayType<import("mobx-state-tree").IAnyModelType>;
-    formatDetails: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
+        textSearchAdapter: import("@jbrowse/mobx-state-tree").IAnyModelType;
+    }, import("node_modules/@jbrowse/core/src/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
+    displays: import("@jbrowse/mobx-state-tree").IArrayType<import("@jbrowse/mobx-state-tree").IAnyModelType>;
+    formatDetails: import("node_modules/@jbrowse/core/src/configuration/configurationSchema").ConfigurationSchemaType<{
         feature: {
             type: string;
             description: string;
@@ -63,8 +68,8 @@ declare function configSchemaFactory(pluginManager: PluginManager): import("@jbr
             defaultValue: number;
             description: string;
         };
-    }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
-    formatAbout: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
+    }, import("node_modules/@jbrowse/core/src/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
+    formatAbout: import("node_modules/@jbrowse/core/src/configuration/configurationSchema").ConfigurationSchemaType<{
         config: {
             type: string;
             description: string;
@@ -75,6 +80,6 @@ declare function configSchemaFactory(pluginManager: PluginManager): import("@jbr
             type: string;
             defaultValue: boolean;
         };
-    }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
-}, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, "trackId">>, undefined>>;
+    }, import("node_modules/@jbrowse/core/src/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
+}, import("node_modules/@jbrowse/core/src/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, "trackId">>, undefined>>;
 export default configSchemaFactory;

package/esm/QuantitativeTrack/index.js

@@ -1,6 +1,7 @@
 import TrackType from '@jbrowse/core/pluggableElementTypes/TrackType';
 import { createBaseTrackModel } from '@jbrowse/core/pluggableElementTypes/models';
-import configSchemaF from './configSchema';
+import configSchemaF from "./configSchema.js";
+import { stringifyBedGraph } from "../saveTrackFormats/bedGraph.js";
 export default function QuantitativeTrackF(pluginManager) {
     pluginManager.addTrackType(() => {
         const configSchema = configSchemaF(pluginManager);
@@ -8,7 +9,17 @@ export default function QuantitativeTrackF(pluginManager) {
             name: 'QuantitativeTrack',
             displayName: 'Quantitative track',
             configSchema,
-            stateModel: createBaseTrackModel(pluginManager, 'QuantitativeTrack', configSchema),
+            stateModel: createBaseTrackModel(pluginManager, 'QuantitativeTrack', configSchema).views(() => ({
+                saveTrackFileFormatOptions() {
+                    return {
+                        bedGraph: {
+                            name: 'BedGraph',
+                            extension: 'bedgraph',
+                            callback: stringifyBedGraph,
+                        },
+                    };
+                },
+            })),
         });
     });
 }

package/esm/SVGErrorBox.d.ts

@@ -0,0 +1,5 @@
+export declare function ErrorBox({ error, width, height, }: {
+    error: unknown;
+    width: number;
+    height: number;
+}): import("react/jsx-runtime").JSX.Element;

package/esm/SVGErrorBox.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export function ErrorBox({ error, width, height, }) {
+    return (_jsxs(_Fragment, { children: [_jsx("rect", { x: 0, y: 0, width: width, height: height, fill: "#ffdddd" }), _jsx("text", { x: 10, y: height / 2, fill: "#cc0000", fontSize: 14, children: `${error}` })] }));
+}

package/esm/Tooltip.d.ts

@@ -4,15 +4,13 @@ export type TooltipContentsComponent = React.ForwardRefExoticComponent<{
     feature: Feature;
     model: any;
 } & React.RefAttributes<HTMLDivElement>>;
-declare const Tooltip: ({ model, height, clientMouseCoord, offsetMouseCoord, clientRect, TooltipContents, useClientY, }: {
+declare const Tooltip: ({ model, height, clientMouseCoord, offsetMouseCoord, TooltipContents, }: {
     model: {
         featureUnderMouse?: Feature;
     };
-    useClientY?: boolean;
     height: number;
     clientMouseCoord: Coord;
     offsetMouseCoord: Coord;
-    clientRect?: DOMRect;
     TooltipContents: TooltipContentsComponent;
 }) => import("react/jsx-runtime").JSX.Element | null;
 export default Tooltip;

package/esm/Tooltip.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Suspense } from 'react';
 import BaseTooltip from '@jbrowse/core/ui/BaseTooltip';
+import { makeStyles } from '@jbrowse/core/util/tss-react';
 import { observer } from 'mobx-react';
-import { makeStyles } from 'tss-react/mui';
-import { YSCALEBAR_LABEL_OFFSET } from './util';
-const useStyles = makeStyles()({
+import { YSCALEBAR_LABEL_OFFSET } from "./util.js";
+const useStyles = makeStyles()(theme => ({
     hoverVertical: {
-        background: '#333',
+        background: theme.palette.text.primary,
         border: 'none',
         width: 1,
         height: '100%',
@@ -15,12 +15,12 @@ const useStyles = makeStyles()({
         position: 'absolute',
         pointerEvents: 'none',
     },
-});
-const Tooltip = observer(function Tooltip({ model, height, clientMouseCoord, offsetMouseCoord, clientRect, TooltipContents, useClientY, }) {
+}));
+const Tooltip = observer(function Tooltip({ model, height, clientMouseCoord, offsetMouseCoord, TooltipContents, }) {
     const { featureUnderMouse } = model;
     const { classes } = useStyles();
     const x = clientMouseCoord[0] + 5;
-    const y = useClientY ? clientMouseCoord[1] : (clientRect === null || clientRect === void 0 ? void 0 : clientRect.top) || 0;
+    const y = clientMouseCoord[1];
     return featureUnderMouse ? (_jsxs(_Fragment, { children: [_jsx(Suspense, { fallback: null, children: _jsx(BaseTooltip, { clientPoint: { x, y }, children: _jsx(TooltipContents, { model: model, feature: featureUnderMouse }) }) }), _jsx("div", { className: classes.hoverVertical, style: {
                     left: offsetMouseCoord[0],
                     height: height - YSCALEBAR_LABEL_OFFSET * 2,

package/esm/WiggleRPC/MultiWiggleClusterScoreMatrix.d.ts

@@ -1,14 +1,6 @@
 import RpcMethodTypeWithFiltersAndRenameRegions from '@jbrowse/core/pluggableElementTypes/RpcMethodTypeWithFiltersAndRenameRegions';
-import type { GetScoreMatrixArgs } from './types';
+import type { GetScoreMatrixArgs } from './types.ts';
 export declare class MultiWiggleClusterScoreMatrix extends RpcMethodTypeWithFiltersAndRenameRegions {
     name: string;
-    execute(args: GetScoreMatrixArgs, rpcDriverClassName: string): Promise<{
-        clusters: {
-            height: number;
-            indexes: number[];
-        } | undefined;
-        distances: number[][];
-        order: number[];
-        clustersGivenK: number[][][];
-    }>;
+    execute(args: GetScoreMatrixArgs, rpcDriverClassName: string): Promise<import("@gmod/hclust").ClusterResult>;
 }

package/esm/WiggleRPC/MultiWiggleClusterScoreMatrix.js

@@ -1,24 +1,12 @@
 import RpcMethodTypeWithFiltersAndRenameRegions from '@jbrowse/core/pluggableElementTypes/RpcMethodTypeWithFiltersAndRenameRegions';
-import { clusterData } from '@jbrowse/core/util/cluster';
-import { getScoreMatrix } from './getScoreMatrix';
 export class MultiWiggleClusterScoreMatrix extends RpcMethodTypeWithFiltersAndRenameRegions {
-    constructor() {
-        super(...arguments);
-        this.name = 'MultiWiggleClusterScoreMatrix';
-    }
+    name = 'MultiWiggleClusterScoreMatrix';
     async execute(args, rpcDriverClassName) {
         const deserializedArgs = await this.deserializeArguments(args, rpcDriverClassName);
-        const matrix = await getScoreMatrix({
+        const { executeClusterScoreMatrix } = await import("./executeClusterScoreMatrix.js");
+        return executeClusterScoreMatrix({
             pluginManager: this.pluginManager,
             args: deserializedArgs,
         });
-        return clusterData({
-            data: Object.values(matrix),
-            stopToken: deserializedArgs.stopToken,
-            onProgress: a => {
-                var _a;
-                (_a = deserializedArgs.statusCallback) === null || _a === void 0 ? void 0 : _a.call(deserializedArgs, a);
-            },
-        });
     }
 }

package/esm/WiggleRPC/MultiWiggleGetScoreMatrix.d.ts

@@ -1,5 +1,5 @@
 import RpcMethodTypeWithFiltersAndRenameRegions from '@jbrowse/core/pluggableElementTypes/RpcMethodTypeWithFiltersAndRenameRegions';
-import type { GetScoreMatrixArgs } from './types';
+import type { GetScoreMatrixArgs } from './types.ts';
 export declare class MultiWiggleGetScoreMatrix extends RpcMethodTypeWithFiltersAndRenameRegions {
     name: string;
     execute(args: GetScoreMatrixArgs, rpcDriverClassName: string): Promise<Record<string, number[]>>;

package/esm/WiggleRPC/MultiWiggleGetScoreMatrix.js

@@ -1,10 +1,7 @@
 import RpcMethodTypeWithFiltersAndRenameRegions from '@jbrowse/core/pluggableElementTypes/RpcMethodTypeWithFiltersAndRenameRegions';
-import { getScoreMatrix } from './getScoreMatrix';
+import { getScoreMatrix } from "./getScoreMatrix.js";
 export class MultiWiggleGetScoreMatrix extends RpcMethodTypeWithFiltersAndRenameRegions {
-    constructor() {
-        super(...arguments);
-        this.name = 'MultiWiggleGetScoreMatrix';
-    }
+    name = 'MultiWiggleGetScoreMatrix';
     async execute(args, rpcDriverClassName) {
         const deserializedArgs = await this.deserializeArguments(args, rpcDriverClassName);
         return getScoreMatrix({

package/esm/WiggleRPC/MultiWiggleGetSources.js

@@ -1,10 +1,7 @@
 import { getAdapter } from '@jbrowse/core/data_adapters/dataAdapterCache';
 import RpcMethodTypeWithFiltersAndRenameRegions from '@jbrowse/core/pluggableElementTypes/RpcMethodTypeWithFiltersAndRenameRegions';
 export class MultiWiggleGetSources extends RpcMethodTypeWithFiltersAndRenameRegions {
-    constructor() {
-        super(...arguments);
-        this.name = 'MultiWiggleGetSources';
-    }
+    name = 'MultiWiggleGetSources';
     async execute(args, rpcDriverClassName) {
         const pm = this.pluginManager;
         const deserializedArgs = await this.deserializeArguments(args, rpcDriverClassName);

package/esm/WiggleRPC/WiggleGetGlobalQuantitativeStats.js

@@ -1,10 +1,7 @@
 import { getAdapter } from '@jbrowse/core/data_adapters/dataAdapterCache';
 import RpcMethodTypeWithFiltersAndRenameRegions from '@jbrowse/core/pluggableElementTypes/RpcMethodTypeWithFiltersAndRenameRegions';
 export class WiggleGetGlobalQuantitativeStats extends RpcMethodTypeWithFiltersAndRenameRegions {
-    constructor() {
-        super(...arguments);
-        this.name = 'WiggleGetGlobalQuantitativeStats';
-    }
+    name = 'WiggleGetGlobalQuantitativeStats';
     async execute(args, rpcDriverClassName) {
         const pm = this.pluginManager;
         const deserializedArgs = await this.deserializeArguments(args, rpcDriverClassName);

package/esm/WiggleRPC/WiggleGetMultiRegionQuantitativeStats.d.ts

@@ -1,13 +1,23 @@
 import RpcMethodTypeWithFiltersAndRenameRegions from '@jbrowse/core/pluggableElementTypes/RpcMethodTypeWithFiltersAndRenameRegions';
+import type { RenderArgs } from '@jbrowse/core/rpc/coreRpcMethods';
 import type { Region } from '@jbrowse/core/util';
 export declare class WiggleGetMultiRegionQuantitativeStats extends RpcMethodTypeWithFiltersAndRenameRegions {
     name: string;
+    serializeArguments(args: RenderArgs & {
+        staticBlocks?: Region[];
+        stopToken?: string;
+        statusCallback?: (arg: string) => void;
+    }, rpcDriverClassName: string): Promise<{
+        staticBlocks: Region[] | undefined;
+    }>;
     execute(args: {
         adapterConfig: Record<string, unknown>;
         stopToken?: string;
         sessionId: string;
+        trackInstanceId: string;
         headers?: Record<string, string>;
         regions: Region[];
+        staticBlocks?: Region[];
         bpPerPx: number;
     }, rpcDriverClassName: string): Promise<any>;
 }

package/esm/WiggleRPC/WiggleGetMultiRegionQuantitativeStats.js

@@ -1,15 +1,36 @@
 import { getAdapter } from '@jbrowse/core/data_adapters/dataAdapterCache';
 import RpcMethodTypeWithFiltersAndRenameRegions from '@jbrowse/core/pluggableElementTypes/RpcMethodTypeWithFiltersAndRenameRegions';
+import { renameRegionsIfNeeded } from '@jbrowse/core/util';
 export class WiggleGetMultiRegionQuantitativeStats extends RpcMethodTypeWithFiltersAndRenameRegions {
-    constructor() {
-        super(...arguments);
-        this.name = 'WiggleGetMultiRegionQuantitativeStats';
+    name = 'WiggleGetMultiRegionQuantitativeStats';
+    async serializeArguments(args, rpcDriverClassName) {
+        const pm = this.pluginManager;
+        const assemblyManager = pm.rootModel?.session?.assemblyManager;
+        if (!assemblyManager) {
+            throw new Error('no assembly manager');
+        }
+        let renamedStaticBlocks = args.staticBlocks;
+        if (args.staticBlocks?.length) {
+            const renamed = await renameRegionsIfNeeded(assemblyManager, {
+                ...args,
+                regions: args.staticBlocks,
+            });
+            renamedStaticBlocks = renamed.regions;
+        }
+        const baseResult = await super.serializeArguments(args, rpcDriverClassName);
+        return {
+            ...baseResult,
+            staticBlocks: renamedStaticBlocks,
+        };
     }
     async execute(args, rpcDriverClassName) {
         const pm = this.pluginManager;
         const deserializedArgs = await this.deserializeArguments(args, rpcDriverClassName);
-        const { regions, adapterConfig, sessionId } = deserializedArgs;
+        const { regions, staticBlocks, adapterConfig, sessionId } = deserializedArgs;
         const { dataAdapter } = await getAdapter(pm, sessionId, adapterConfig);
-        return dataAdapter.getMultiRegionQuantitativeStats(regions, deserializedArgs);
+        return dataAdapter.getMultiRegionQuantitativeStats(regions, {
+            ...deserializedArgs,
+            staticBlocks,
+        });
     }
 }

package/esm/WiggleRPC/executeClusterScoreMatrix.d.ts

@@ -0,0 +1,6 @@
+import type { GetScoreMatrixArgs } from './types.ts';
+import type PluginManager from '@jbrowse/core/PluginManager';
+export declare function executeClusterScoreMatrix({ pluginManager, args, }: {
+    pluginManager: PluginManager;
+    args: GetScoreMatrixArgs;
+}): Promise<import("@gmod/hclust").ClusterResult>;

package/esm/WiggleRPC/executeClusterScoreMatrix.js

@@ -0,0 +1,15 @@
+import { clusterData } from '@gmod/hclust';
+import { getScoreMatrix } from "./getScoreMatrix.js";
+export async function executeClusterScoreMatrix({ pluginManager, args, }) {
+    const matrix = await getScoreMatrix({
+        pluginManager,
+        args,
+    });
+    return clusterData({
+        data: Object.values(matrix),
+        stopToken: args.stopToken,
+        onProgress: a => {
+            args.statusCallback?.(a);
+        },
+    });
+}

package/esm/WiggleRPC/getScoreMatrix.d.ts

@@ -1,4 +1,4 @@
-import type { GetScoreMatrixArgs } from './types';
+import type { GetScoreMatrixArgs } from './types.ts';
 import type PluginManager from '@jbrowse/core/PluginManager';
 export declare function getScoreMatrix({ pluginManager, args, }: {
     args: GetScoreMatrixArgs;

package/esm/WiggleRPC/getScoreMatrix.js

@@ -11,22 +11,25 @@ export async function getScoreMatrix({ pluginManager, args, }) {
     const feats = await firstValueFrom(dataAdapter.getFeatures(r0, args).pipe(toArray()));
     const groups = groupBy(feats, f => f.get('source'));
     const rows = {};
+    const r0Start = r0.start;
+    const invBpPerPx = 1 / bpPerPx;
     for (const source of sources) {
         const { name } = source;
         const features = groups[name] || [];
-        const arr = new Array(w).fill(0);
+        const arr = new Float32Array(w);
         for (const feat of features) {
             const fstart = feat.get('start');
             const fend = feat.get('end');
             const score = feat.get('score');
-            for (let i = fstart; i < fend; i += bpPerPx) {
-                const x = Math.floor((i - r0.start) / bpPerPx);
-                if (x >= 0 && x < w) {
-                    arr[x] || (arr[x] = score);
+            const startX = Math.max(0, ((fstart - r0Start) * invBpPerPx) | 0);
+            const endX = Math.min(w, ((fend - r0Start) * invBpPerPx) | 0);
+            for (let x = startX; x < endX; x++) {
+                if (arr[x] === 0) {
+                    arr[x] = score;
                 }
             }
         }
-        rows[name] = arr;
+        rows[name] = Array.from(arr);
     }
     return rows;
 }

package/esm/WiggleRPC/rpcMethods.d.ts

@@ -1,5 +1,5 @@
-export * from './MultiWiggleGetSources';
-export * from './WiggleGetMultiRegionQuantitativeStats';
-export * from './WiggleGetGlobalQuantitativeStats';
-export * from './MultiWiggleGetScoreMatrix';
-export * from './MultiWiggleClusterScoreMatrix';
+export * from './MultiWiggleGetSources.ts';
+export * from './WiggleGetMultiRegionQuantitativeStats.ts';
+export * from './WiggleGetGlobalQuantitativeStats.ts';
+export * from './MultiWiggleGetScoreMatrix.ts';
+export * from './MultiWiggleClusterScoreMatrix.ts';

package/esm/WiggleRPC/rpcMethods.js

@@ -1,5 +1,5 @@
-export * from './MultiWiggleGetSources';
-export * from './WiggleGetMultiRegionQuantitativeStats';
-export * from './WiggleGetGlobalQuantitativeStats';
-export * from './MultiWiggleGetScoreMatrix';
-export * from './MultiWiggleClusterScoreMatrix';
+export * from "./MultiWiggleGetSources.js";
+export * from "./WiggleGetMultiRegionQuantitativeStats.js";
+export * from "./WiggleGetGlobalQuantitativeStats.js";
+export * from "./MultiWiggleGetScoreMatrix.js";
+export * from "./MultiWiggleClusterScoreMatrix.js";

package/esm/WiggleRPC/types.d.ts

@@ -1,4 +1,4 @@
-import type { Source } from '../util';
+import type { Source } from '../util.ts';
 import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
 import type { Region } from '@jbrowse/core/util';
 export interface GetScoreMatrixArgs {

package/esm/WiggleRendering.d.ts

@@ -1,5 +1,6 @@
 import type { Feature } from '@jbrowse/core/util';
 import type { Region } from '@jbrowse/core/util/types';
+import type { BaseLinearDisplayModel } from '@jbrowse/plugin-linear-genome-view';
 declare const WiggleRendering: (props: {
     regions: Region[];
     features: Map<string, Feature>;
@@ -7,8 +8,6 @@ declare const WiggleRendering: (props: {
     width: number;
     height: number;
     blockKey: string;
-    onMouseLeave?: (event: React.MouseEvent) => void;
-    onMouseMove?: (event: React.MouseEvent, arg?: string) => void;
-    onFeatureClick?: (event: React.MouseEvent, arg?: string) => void;
+    displayModel: BaseLinearDisplayModel;
 }) => import("react/jsx-runtime").JSX.Element;
 export default WiggleRendering;

package/esm/WiggleRendering.js

@@ -1,9 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useRef } from 'react';
 import { PrerenderedCanvas } from '@jbrowse/core/ui';
+import { getSession } from '@jbrowse/core/util';
 import { observer } from 'mobx-react';
-const WiggleRendering = observer(function (props) {
-    const { regions, features, bpPerPx, width, height, onMouseLeave, onMouseMove, onFeatureClick, } = props;
+const WiggleRendering = observer(function WiggleRendering(props) {
+    const { regions, features, bpPerPx, width, height, displayModel } = props;
     const region = regions[0];
     const ref = useRef(null);
     function getFeatureUnderMouse(eventClientX) {
@@ -24,7 +25,19 @@ const WiggleRendering = observer(function (props) {
         }
         return featureUnderMouse;
     }
-    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: {
+    return (_jsx("div", { ref: ref, "data-testid": "wiggle-rendering-test", onMouseMove: e => {
+            displayModel.setFeatureIdUnderMouse(getFeatureUnderMouse(e.clientX)?.id());
+        }, onClick: e => {
+            const featureId = getFeatureUnderMouse(e.clientX)?.id();
+            if (featureId) {
+                displayModel.selectFeatureById(featureId).catch((err) => {
+                    console.error(err);
+                    getSession(displayModel).notifyError(`${err}`, err);
+                });
+            }
+        }, onMouseLeave: () => {
+            displayModel.setFeatureIdUnderMouse(undefined);
+        }, style: {
             overflow: 'visible',
             position: 'relative',
             height,

package/esm/XYPlotRenderer/XYPlotRenderer.d.ts

@@ -1,7 +1,6 @@
-import WiggleBaseRenderer from '../WiggleBaseRenderer';
-import type { RenderArgsDeserializedWithFeatures } from '../WiggleBaseRenderer';
-export default class XYPlotRenderer 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 XYPlotRenderer extends FeatureRendererType {
+    supportsSVG: boolean;
+    render(renderProps: RenderArgsDeserialized): Promise<import("librpc-web-mod").RpcResult>;
 }

package/esm/XYPlotRenderer/XYPlotRenderer.js

@@ -1,22 +1,8 @@
-import { readConfObject } from '@jbrowse/core/configuration';
-import WiggleBaseRenderer from '../WiggleBaseRenderer';
-import { YSCALEBAR_LABEL_OFFSET } from '../util';
-export default class XYPlotRenderer extends WiggleBaseRenderer {
-    async draw(ctx, props) {
-        const { inverted, stopToken, features, config } = props;
-        const { drawXY } = await import('../drawXY');
-        const pivotValue = readConfObject(config, 'bicolorPivotValue');
-        const negColor = readConfObject(config, 'negColor');
-        const posColor = readConfObject(config, 'posColor');
-        return drawXY(ctx, {
-            ...props,
-            colorCallback: !config.color.isCallback
-                ? (_feature, score) => (score < pivotValue ? negColor : posColor)
-                : (feature, _score) => readConfObject(config, 'color', { feature }),
-            offset: YSCALEBAR_LABEL_OFFSET,
-            features: [...features.values()],
-            inverted,
-            stopToken,
-        });
+import FeatureRendererType from '@jbrowse/core/pluggableElementTypes/renderers/FeatureRendererType';
+export default class XYPlotRenderer extends FeatureRendererType {
+    supportsSVG = true;
+    async render(renderProps) {
+        const { makeImageData } = await import("./makeImageData.js");
+        return makeImageData(renderProps, this.pluginManager);
     }
 }

package/esm/XYPlotRenderer/configSchema.d.ts

@@ -1,4 +1,4 @@
-declare const configSchema: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
+declare const configSchema: import("node_modules/@jbrowse/core/src/configuration/configurationSchema.ts").ConfigurationSchemaType<{
     filled: {
         type: string;
         defaultValue: boolean;
@@ -10,7 +10,7 @@ declare const configSchema: import("@jbrowse/core/configuration/configurationSch
     };
     summaryScoreMode: {
         type: string;
-        model: import("mobx-state-tree").ISimpleType<string>;
+        model: import("@jbrowse/mobx-state-tree").ISimpleType<string>;
         description: string;
         defaultValue: string;
     };
@@ -18,7 +18,7 @@ declare const configSchema: import("@jbrowse/core/configuration/configurationSch
         type: string;
         defaultValue: number;
     };
-}, 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;
@@ -44,7 +44,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;
     };
@@ -53,5 +53,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/XYPlotRenderer/configSchema.js

@@ -1,6 +1,6 @@
 import { ConfigurationSchema } from '@jbrowse/core/configuration';
-import { types } from 'mobx-state-tree';
-import baseWiggleRendererConfigSchema from '../configSchema';
+import { types } from '@jbrowse/mobx-state-tree';
+import baseWiggleRendererConfigSchema from "../configSchema.js";
 function x() { }
 const configSchema = ConfigurationSchema('XYPlotRenderer', {
     filled: {

package/esm/XYPlotRenderer/index.d.ts

@@ -1,5 +1,5 @@
 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';
-export { default as configSchema } from './configSchema';
+export { default as XYPlotRenderer } from './XYPlotRenderer.ts';
+export { default as ReactComponent } from '../WiggleRendering.tsx';
+export { default as configSchema } from './configSchema.ts';

package/esm/XYPlotRenderer/index.js

@@ -1,14 +1,16 @@
-import ReactComponent from '../WiggleRendering';
-import XYPlotRenderer from './XYPlotRenderer';
-import configSchema from './configSchema';
+import { lazy } from 'react';
+import XYPlotRenderer from "./XYPlotRenderer.js";
+import configSchema from "./configSchema.js";
 export default function XYPlotRendererF(pluginManager) {
-    pluginManager.addRendererType(() => new XYPlotRenderer({
-        name: 'XYPlotRenderer',
-        ReactComponent,
-        configSchema,
-        pluginManager,
-    }));
+    pluginManager.addRendererType(() => {
+        return new XYPlotRenderer({
+            name: 'XYPlotRenderer',
+            ReactComponent: lazy(() => import("../WiggleRendering.js")),
+            configSchema,
+            pluginManager,
+        });
+    });
 }
-export { default as XYPlotRenderer } from './XYPlotRenderer';
-export { default as ReactComponent } from '../WiggleRendering';
-export { default as configSchema } from './configSchema';
+export { default as XYPlotRenderer } from "./XYPlotRenderer.js";
+export { default as ReactComponent } from "../WiggleRendering.js";
+export { default as configSchema } from "./configSchema.js";

package/esm/XYPlotRenderer/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/XYPlotRenderer/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 { renderXYPlot } = await import("./renderXYPlot.js");
+    return renderXYPlot(renderProps, features);
+}

package/esm/XYPlotRenderer/renderXYPlot.d.ts

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