@jbrowse/plugin-wiggle 2.17.0 → 2.18.0

package/esm/CreateMultiWiggleExtension/index.js

@@ -2,6 +2,31 @@ import { lazy } from 'react';
 import { readConfObject } from '@jbrowse/core/configuration';
 import { getSession, isSessionWithAddTracks } from '@jbrowse/core/util';
 const ConfirmDialog = lazy(() => import('./ConfirmDialog'));
+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 trackId = `multitrack-${now}-sessionTrack`;
+    const session = getSession(model);
+    if (isSessionWithAddTracks(session)) {
+        session.addTrackConf({
+            type: 'MultiQuantitativeTrack',
+            trackId,
+            name: arg.name,
+            assemblyNames: [
+                ...new Set(tracks.flatMap(c => readConfObject(c, 'assemblyNames'))),
+            ],
+            adapter: {
+                type: 'MultiWiggleAdapter',
+                subadapters,
+            },
+        });
+        model.view.showTrack(trackId);
+    }
+}
 export default function CreateMultiWiggleExtensionF(pm) {
     pm.addToExtensionPoint('TrackSelector-multiTrackMenuItems', (items, props) => {
         const { session } = props;
@@ -13,38 +38,13 @@ export default function CreateMultiWiggleExtensionF(pm) {
                         label: 'Create multi-wiggle track',
                         onClick: (model) => {
                             const tracks = model.selection;
-                            const trackIds = tracks.map(c => readConfObject(c, 'name'));
-                            function makeTrack(arg) {
-                                const subadapters = tracks
-                                    .map(c => readConfObject(c, 'adapter'))
-                                    .map((c, idx) => ({ ...c, source: trackIds[idx] }));
-                                const assemblyNames = [
-                                    ...new Set(tracks.flatMap(c => readConfObject(c, 'assemblyNames'))),
-                                ];
-                                const now = +Date.now();
-                                const trackId = `multitrack-${now}-sessionTrack`;
-                                const session = getSession(model);
-                                if (isSessionWithAddTracks(session)) {
-                                    session.addTrackConf({
-                                        type: 'MultiQuantitativeTrack',
-                                        trackId,
-                                        name: arg.name,
-                                        assemblyNames,
-                                        adapter: {
-                                            type: 'MultiWiggleAdapter',
-                                            subadapters,
-                                        },
-                                    });
-                                    model.view.showTrack(trackId);
-                                }
-                            }
                             getSession(model).queueDialog(handleClose => [
                                 ConfirmDialog,
                                 {
                                     tracks,
                                     onClose: (arg, arg1) => {
                                         if (arg && arg1) {
-                                            makeTrack(arg1);
+                                            makeTrack({ model, arg: arg1 });
                                         }
                                         handleClose();
                                     },

package/esm/DensityRenderer/DensityRenderer.d.ts

@@ -1,4 +1,5 @@
-import WiggleBaseRenderer, { RenderArgsDeserializedWithFeatures } from '../WiggleBaseRenderer';
+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[];

package/esm/DensityRenderer/DensityRenderer.js

@@ -1,5 +1,5 @@
-import { drawDensity } from '../drawDensity';
 import WiggleBaseRenderer from '../WiggleBaseRenderer';
+import { drawDensity } from '../drawDensity';
 export default class DensityRenderer extends WiggleBaseRenderer {
     async draw(ctx, props) {
         return drawDensity(ctx, props);

package/esm/DensityRenderer/configSchema.js

@@ -1,13 +1,7 @@
 import { ConfigurationSchema } from '@jbrowse/core/configuration';
 import baseWiggleRendererConfigSchema from '../configSchema';
-/**
- * #config DensityRenderer
- */
-function x() { } // eslint-disable-line @typescript-eslint/no-unused-vars
+function x() { }
 const configSchema = ConfigurationSchema('DensityRenderer', {}, {
-    /**
-     * #baseConfiguration
-     */
     baseConfiguration: baseWiggleRendererConfigSchema,
     explicitlyTyped: true,
 });

package/esm/DensityRenderer/index.d.ts

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

package/esm/DensityRenderer/index.js

@@ -1,5 +1,5 @@
-import configSchema from './configSchema';
 import DensityRenderer from './DensityRenderer';
+import configSchema from './configSchema';
 import ReactComponent from '../WiggleRendering';
 export default function DensityRendererF(pluginManager) {
     pluginManager.addRendererType(() => new DensityRenderer({

package/esm/LinePlotRenderer/LinePlotRenderer.d.ts

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

package/esm/LinePlotRenderer/LinePlotRenderer.js

@@ -1,7 +1,7 @@
 import { readConfObject } from '@jbrowse/core/configuration';
 import WiggleBaseRenderer from '../WiggleBaseRenderer';
-import { YSCALEBAR_LABEL_OFFSET } from '../util';
 import { drawLine } from '../drawLine';
+import { YSCALEBAR_LABEL_OFFSET } from '../util';
 export default class LinePlotRenderer extends WiggleBaseRenderer {
     async draw(ctx, props) {
         const { config } = props;

package/esm/LinePlotRenderer/configSchema.d.ts

@@ -1,7 +1,4 @@
 declare const configSchema: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
-    /**
-     * #slot
-     */
     displayCrossHatches: {
         type: string;
         description: string;

package/esm/LinePlotRenderer/configSchema.js

@@ -1,22 +1,13 @@
 import { ConfigurationSchema } from '@jbrowse/core/configuration';
 import baseWiggleRendererConfigSchema from '../configSchema';
-/**
- * #config LinePlotRenderer
- */
-function x() { } // eslint-disable-line @typescript-eslint/no-unused-vars
+function x() { }
 const configSchema = ConfigurationSchema('LinePlotRenderer', {
-    /**
-     * #slot
-     */
     displayCrossHatches: {
         type: 'boolean',
         description: 'choose to draw cross hatches (sideways lines)',
         defaultValue: false,
     },
 }, {
-    /**
-     * #baseConfiguration
-     */
     baseConfiguration: baseWiggleRendererConfigSchema,
     explicitlyTyped: true,
 });

package/esm/LinePlotRenderer/index.d.ts

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

package/esm/LinearWiggleDisplay/components/SetColorDialog.js

@@ -1,8 +1,8 @@
 import React, { useState } from 'react';
-import { observer } from 'mobx-react';
-import { Button, DialogContent, DialogActions, FormControlLabel, Radio, Typography, } from '@mui/material';
 import { Dialog } from '@jbrowse/core/ui';
 import { ColorPicker } from '@jbrowse/core/ui/ColorPicker';
+import { Button, DialogActions, DialogContent, FormControlLabel, Radio, Typography, } from '@mui/material';
+import { observer } from 'mobx-react';
 const SetColorDialog = observer(function SetColorDialog({ model, handleClose, }) {
     const [posneg, setPosNeg] = useState(false);
     return (React.createElement(Dialog, { open: true, onClose: handleClose, title: "Set color" },

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { Feature } from '@jbrowse/core/util';
-import { TooltipContentsComponent } from '../../Tooltip';
+import type { TooltipContentsComponent } from '../../Tooltip';
+import type { Feature } from '@jbrowse/core/util';
 type Coord = [number, number];
 declare const WiggleTooltip: (props: {
     model: {

package/esm/LinearWiggleDisplay/components/Tooltip.js

@@ -1,6 +1,5 @@
 import React from 'react';
 import { observer } from 'mobx-react';
-// locals
 import Tooltip from '../../Tooltip';
 import { toP } from '../../util';
 const en = (n) => n.toLocaleString('en-US');

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

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

package/esm/LinearWiggleDisplay/components/WiggleDisplayComponent.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { observer } from 'mobx-react';
-import { measureText, getContainingView, getContainingTrack, } from '@jbrowse/core/util';
 import { getConf } from '@jbrowse/core/configuration';
-import { BaseLinearDisplayComponent, } from '@jbrowse/plugin-linear-genome-view';
+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((props) => {
     const { model } = props;

package/esm/LinearWiggleDisplay/configSchema.d.ts

@@ -1,21 +1,10 @@
-import PluginManager from '@jbrowse/core/PluginManager';
-/**
- * #config LinearWiggleDisplay
- * extends
- * - [SharedWiggleDisplay](../sharedwiggledisplay)
- */
+import type PluginManager from '@jbrowse/core/PluginManager';
 export default function WiggleConfigFactory(pluginManager: PluginManager): import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
-    /**
-     * #slot
-     */
     defaultRendering: {
         type: string;
         model: import("mobx-state-tree").ISimpleType<string>;
         defaultValue: string;
     };
-    /**
-     * #slot
-     */
     renderers: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
         DensityRenderer: import("@jbrowse/core/configuration").AnyConfigurationSchemaType;
         XYPlotRenderer: import("@jbrowse/core/configuration").AnyConfigurationSchemaType;

package/esm/LinearWiggleDisplay/configSchema.js

@@ -1,37 +1,22 @@
 import { ConfigurationSchema } from '@jbrowse/core/configuration';
 import { types } from 'mobx-state-tree';
-// locals
 import sharedWiggleConfigFactory from '../shared/SharedWiggleConfigSchema';
-/**
- * #config LinearWiggleDisplay
- * extends
- * - [SharedWiggleDisplay](../sharedwiggledisplay)
- */
 export default function WiggleConfigFactory(pluginManager) {
     const XYPlotRendererConfigSchema = pluginManager.getRendererType('XYPlotRenderer').configSchema;
     const DensityRendererConfigSchema = pluginManager.getRendererType('DensityRenderer').configSchema;
     const LinePlotRendererConfigSchema = pluginManager.getRendererType('LinePlotRenderer').configSchema;
     return ConfigurationSchema('LinearWiggleDisplay', {
-        /**
-         * #slot
-         */
         defaultRendering: {
             type: 'stringEnum',
             model: types.enumeration('Rendering', ['density', 'xyplot', 'line']),
             defaultValue: 'xyplot',
         },
-        /**
-         * #slot
-         */
         renderers: ConfigurationSchema('RenderersConfiguration', {
             DensityRenderer: DensityRendererConfigSchema,
             XYPlotRenderer: XYPlotRendererConfigSchema,
             LinePlotRenderer: LinePlotRendererConfigSchema,
         }),
     }, {
-        /**
-         * #baseConfiguration
-         */
         baseConfiguration: sharedWiggleConfigFactory(),
         explicitlyTyped: true,
     });

package/esm/LinearWiggleDisplay/index.d.ts

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

package/esm/LinearWiggleDisplay/index.js

@@ -1,7 +1,7 @@
+import { lazy } from 'react';
 import DisplayType from '@jbrowse/core/pluggableElementTypes/DisplayType';
 import configSchemaFactory from './configSchema';
 import modelFactory from './model';
-import { lazy } from 'react';
 export default function LinearWiggleDisplayF(pluginManager) {
     pluginManager.addDisplayType(() => {
         const configSchema = configSchemaFactory(pluginManager);

package/esm/LinearWiggleDisplay/model.d.ts

@@ -1,13 +1,8 @@
-import { AnyConfigurationSchemaType } from '@jbrowse/core/configuration';
-import { AnyReactComponentType } from '@jbrowse/core/util';
-import { Instance } from 'mobx-state-tree';
-import PluginManager from '@jbrowse/core/PluginManager';
-import { ExportSvgDisplayOptions } from '@jbrowse/plugin-linear-genome-view';
-/**
- * #stateModel LinearWiggleDisplay
- * extends
- * - [SharedWiggleMixin](../sharedwigglemixin)
- */
+import type PluginManager from '@jbrowse/core/PluginManager';
+import type { AnyConfigurationSchemaType } from '@jbrowse/core/configuration';
+import type { AnyReactComponentType } from '@jbrowse/core/util';
+import type { ExportSvgDisplayOptions } from '@jbrowse/plugin-linear-genome-view';
+import type { Instance } from 'mobx-state-tree';
 declare function stateModelFactory(pluginManager: PluginManager, configSchema: AnyConfigurationSchemaType): 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>;
@@ -20,21 +15,12 @@ declare function stateModelFactory(pluginManager: PluginManager, configSchema: A
 } & {
     blockState: import("mobx-state-tree").IMapType<import("mobx-state-tree").IModelType<{
         key: import("mobx-state-tree").ISimpleType<string>;
-        region: import("mobx-state-tree").IModelType<{
-            refName: import("mobx-state-tree").ISimpleType<string>;
-            start: import("mobx-state-tree").ISimpleType<number>;
-            end: import("mobx-state-tree").ISimpleType<number>;
-            reversed: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        } & {
-            assemblyName: import("mobx-state-tree").ISimpleType<string>;
-        }, {
-            setRefName(newRefName: string): void;
-        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+        region: import("mobx-state-tree").IType<import("@jbrowse/core/util").Region, import("@jbrowse/core/util").Region, import("@jbrowse/core/util").Region>;
         reloadFlag: import("mobx-state-tree").IType<number | undefined, number, number>;
         isLeftEndOfDisplayedRegion: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
         isRightEndOfDisplayedRegion: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
     }, {
-        renderInProgress: AbortController | undefined;
+        stopToken: string | undefined;
         filled: boolean;
         reactElement: React.ReactElement | undefined;
         features: Map<string, import("@jbrowse/core/util").Feature> | undefined;
@@ -49,9 +35,7 @@ declare function stateModelFactory(pluginManager: PluginManager, configSchema: A
                 reload: () => void;
                 message: React.ReactNode;
                 filled?: boolean;
-                status? /**
-                 * #getter
-                 */: string;
+                status?: string;
                 reactElement?: React.ReactElement;
             };
         }) => import("react").JSX.Element | undefined;
@@ -60,15 +44,9 @@ declare function stateModelFactory(pluginManager: PluginManager, configSchema: A
         doReload(): void;
         afterAttach(): void;
         setStatus(message: string): void;
-        setLoading(abortController: AbortController): void;
+        setLoading(newStopToken: string): void;
         setMessage(messageText: string): void;
-        setRendered(props: {
-            reactElement: React.ReactElement;
-            features: Map<string, import("@jbrowse/core/util").Feature>;
-            layout: any;
-            maxHeightReached: boolean;
-            renderProps: any;
-        } | undefined): void;
+        setRendered(props: import("@jbrowse/plugin-linear-genome-view/src/BaseLinearDisplay/models/serverSideRenderedBlock").RenderedProps | undefined): void;
         setError(error: unknown): void;
         reload(): void;
         beforeDestroy(): void;
@@ -120,9 +98,6 @@ declare function stateModelFactory(pluginManager: PluginManager, configSchema: A
     }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
     configuration: AnyConfigurationSchemaType;
 } & {
-    /**
-     * #property
-     */
     type: import("mobx-state-tree").ISimpleType<"LinearWiggleDisplay">;
 }, {
     rendererTypeName: string;
@@ -213,6 +188,7 @@ declare function stateModelFactory(pluginManager: PluginManager, configSchema: A
     readonly regionTooLarge: boolean;
     readonly regionTooLargeReason: string;
 } & {
+    readonly statsReadyAndRegionNotTooLarge: boolean;
     regionCannotBeRenderedText(_region: import("@jbrowse/core/util").Region): "" | "Force load to see features";
     regionCannotBeRendered(_region: import("@jbrowse/core/util").Region): import("react").JSX.Element | null;
 } & {
@@ -256,7 +232,7 @@ declare function stateModelFactory(pluginManager: PluginManager, configSchema: A
         scoreMin: number;
         scoreMax: number;
     } | undefined;
-    statsFetchInProgress: undefined | AbortController;
+    statsFetchInProgress: undefined | string;
 } & {
     updateQuantitativeStats(stats: {
         currStatsBpPerPx: number;
@@ -266,7 +242,7 @@ declare function stateModelFactory(pluginManager: PluginManager, configSchema: A
     setColor(color?: string): void;
     setPosColor(color?: string): void;
     setNegColor(color?: string): void;
-    setStatsLoading(aborter: AbortController): void;
+    setStatsLoading(arg?: string): void;
     selectFeature(feature: import("@jbrowse/core/util").Feature): void;
     setResolution(res: number): void;
     setFill(fill: number): void;
@@ -345,27 +321,11 @@ declare function stateModelFactory(pluginManager: PluginManager, configSchema: A
 } & {
     reload(): Promise<void>;
 } & {
-    /**
-     * #getter
-     */
     readonly TooltipComponent: AnyReactComponentType;
-    /**
-     * #getter
-     */
     readonly rendererTypeName: string;
-    /**
-     * #getter
-     * unused currently
-     */
     readonly quantitativeStatsRelevantToCurrentZoom: boolean;
 } & {
-    /**
-     * #method
-     */
     adapterProps(): any;
-    /**
-     * #getter
-     */
     readonly ticks: {
         range: number[];
         values: number[];
@@ -373,26 +333,11 @@ declare function stateModelFactory(pluginManager: PluginManager, configSchema: A
         position: import("d3-scale").ScaleLinear<number, number, never> | import("d3-scale").ScaleQuantize<number, never>;
     } | undefined;
 } & {
-    /**
-     * #method
-     */
     renderProps(): any;
-    /**
-     * #getter
-     */
     readonly needsScalebar: boolean;
-    /**
-     * #getter
-     */
     readonly fillSetting: 2 | 1 | 0;
-    /**
-     * #getter
-     */
     readonly quantitativeStatsReady: boolean;
 } & {
-    /**
-     * #method
-     */
     trackMenuItems(): (import("@jbrowse/core/ui").MenuDivider | import("@jbrowse/core/ui").MenuSubHeader | import("@jbrowse/core/ui").NormalMenuItem | import("@jbrowse/core/ui").CheckboxMenuItem | import("@jbrowse/core/ui").RadioMenuItem | import("@jbrowse/core/ui").SubMenuItem | {
         label: string;
         subMenu: ({
@@ -439,9 +384,6 @@ declare function stateModelFactory(pluginManager: PluginManager, configSchema: A
     })[];
 } & {
     afterAttach(): void;
-    /**
-     * #action
-     */
     renderSvg(opts: ExportSvgDisplayOptions): Promise<import("react").JSX.Element>;
 }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
 export type WiggleDisplayStateModel = ReturnType<typeof stateModelFactory>;

package/esm/LinearWiggleDisplay/model.js

@@ -1,43 +1,26 @@
 import { lazy } from 'react';
-import { getConf, } from '@jbrowse/core/configuration';
-import { getContainingView, getSession, } from '@jbrowse/core/util';
+import { getConf } from '@jbrowse/core/configuration';
+import { getContainingView, getSession } from '@jbrowse/core/util';
 import { types } from 'mobx-state-tree';
 import { axisPropsFromTickScale } from 'react-d3-axis-mod';
-// locals
-import { getScale, YSCALEBAR_LABEL_OFFSET } from '../util';
 import SharedWiggleMixin from '../shared/SharedWiggleMixin';
-// lazies
+import { YSCALEBAR_LABEL_OFFSET, getScale } from '../util';
 const Tooltip = lazy(() => import('./components/Tooltip'));
 const SetColorDialog = lazy(() => import('./components/SetColorDialog'));
-// using a map because it preserves order
 const rendererTypes = new Map([
     ['xyplot', 'XYPlotRenderer'],
     ['density', 'DensityRenderer'],
     ['line', 'LinePlotRenderer'],
 ]);
-/**
- * #stateModel LinearWiggleDisplay
- * extends
- * - [SharedWiggleMixin](../sharedwigglemixin)
- */
 function stateModelFactory(pluginManager, configSchema) {
     return types
         .compose('LinearWiggleDisplay', SharedWiggleMixin(configSchema), types.model({
-        /**
-         * #property
-         */
         type: types.literal('LinearWiggleDisplay'),
     }))
         .views(self => ({
-        /**
-         * #getter
-         */
         get TooltipComponent() {
             return Tooltip;
         },
-        /**
-         * #getter
-         */
         get rendererTypeName() {
             const name = self.rendererTypeNameSimple;
             const rendererType = rendererTypes.get(name);
@@ -46,10 +29,6 @@ function stateModelFactory(pluginManager, configSchema) {
             }
             return rendererType;
         },
-        /**
-         * #getter
-         * unused currently
-         */
         get quantitativeStatsRelevantToCurrentZoom() {
             var _a;
             const view = getContainingView(self);
@@ -59,9 +38,6 @@ function stateModelFactory(pluginManager, configSchema) {
         .views(self => {
         const { renderProps: superRenderProps } = self;
         return {
-            /**
-             * #method
-             */
             adapterProps() {
                 const superProps = superRenderProps();
                 const { filters, resolution, scaleOpts } = self;
@@ -76,9 +52,6 @@ function stateModelFactory(pluginManager, configSchema) {
                     filters,
                 };
             },
-            /**
-             * #getter
-             */
             get ticks() {
                 const { scaleType, domain, height } = self;
                 const minimalTicks = getConf(self, 'minimalTicks');
@@ -104,9 +77,6 @@ function stateModelFactory(pluginManager, configSchema) {
         };
     })
         .views(self => ({
-        /**
-         * #method
-         */
         renderProps() {
             const { ticks, height } = self;
             const superProps = self.adapterProps();
@@ -117,16 +87,10 @@ function stateModelFactory(pluginManager, configSchema) {
                 ticks,
             };
         },
-        /**
-         * #getter
-         */
         get needsScalebar() {
             return (self.rendererTypeName === 'XYPlotRenderer' ||
                 self.rendererTypeName === 'LinePlotRenderer');
         },
-        /**
-         * #getter
-         */
         get fillSetting() {
             if (self.filled) {
                 return 0;
@@ -138,24 +102,15 @@ function stateModelFactory(pluginManager, configSchema) {
                 return 2;
             }
         },
-        /**
-         * #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 => {
         const { trackMenuItems: superTrackMenuItems } = self;
         const hasRenderings = getConf(self, 'defaultRendering');
         return {
-            /**
-             * #method
-             */
             trackMenuItems() {
                 return [
                     ...superTrackMenuItems(),
@@ -225,16 +180,12 @@ function stateModelFactory(pluginManager, configSchema) {
         const { renderSvg: superRenderSvg } = self;
         return {
             afterAttach() {
-                // eslint-disable-next-line @typescript-eslint/no-floating-promises
                 ;
                 (async () => {
                     const { getQuantitativeStatsAutorun } = await import('../getQuantitativeStatsAutorun');
                     getQuantitativeStatsAutorun(self);
                 })();
             },
-            /**
-             * #action
-             */
             async renderSvg(opts) {
                 const { renderSvg } = await import('./renderSvg');
                 return renderSvg(self, opts, superRenderSvg);

package/esm/LinearWiggleDisplay/renderSvg.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { ExportSvgDisplayOptions } from '@jbrowse/plugin-linear-genome-view';
-import { WiggleDisplayModel } from './model';
+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<React.JSX.Element>;

package/esm/LinearWiggleDisplay/renderSvg.js

@@ -1,14 +1,13 @@
 import React from 'react';
 import { getContainingView } from '@jbrowse/core/util';
 import { when } from 'mobx';
-// locals
 import YScaleBar from '../shared/YScaleBar';
 export async function renderSvg(self, opts, superRenderSvg) {
     await when(() => !!self.stats && !!self.regionCannotBeRenderedText);
     const { needsScalebar, stats } = self;
     const { offsetPx } = getContainingView(self);
     return (React.createElement(React.Fragment, null,
-        React.createElement("g", { id: "snpcov" }, await superRenderSvg(opts)),
+        React.createElement("g", null, await superRenderSvg(opts)),
         needsScalebar && stats ? (React.createElement("g", { transform: `translate(${Math.max(-offsetPx, 0)})` },
             React.createElement(YScaleBar, { model: self, orientation: "left" }))) : null));
 }