@jbrowse/plugin-wiggle 2.17.0 → 2.18.0

package/esm/MultiLinearWiggleDisplay/model.d.ts

@@ -1,14 +1,9 @@
-import { Instance } from 'mobx-state-tree';
-import { AnyConfigurationSchemaType } from '@jbrowse/core/configuration';
-import { Feature, AnyReactComponentType } from '@jbrowse/core/util';
-import PluginManager from '@jbrowse/core/PluginManager';
-import { ExportSvgDisplayOptions } from '@jbrowse/plugin-linear-genome-view';
-import { Source } from '../util';
-/**
- * #stateModel MultiLinearWiggleDisplay
- * extends
- * - [SharedWiggleMixin](../sharedwigglemixin)
- */
+import type { Source } from '../util';
+import type PluginManager from '@jbrowse/core/PluginManager';
+import type { AnyConfigurationSchemaType } from '@jbrowse/core/configuration';
+import type { AnyReactComponentType, Feature } from '@jbrowse/core/util';
+import type { ExportSvgDisplayOptions } from '@jbrowse/plugin-linear-genome-view';
+import type { Instance } from 'mobx-state-tree';
 export 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>;
@@ -21,21 +16,12 @@ export declare function stateModelFactory(pluginManager: PluginManager, configSc
 } & {
     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, Feature> | undefined;
@@ -59,15 +45,9 @@ export declare function stateModelFactory(pluginManager: PluginManager, configSc
         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, 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;
@@ -119,13 +99,7 @@ export declare function stateModelFactory(pluginManager: PluginManager, configSc
     }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
     configuration: AnyConfigurationSchemaType;
 } & {
-    /**
-     * #property
-     */
     type: import("mobx-state-tree").ISimpleType<"MultiLinearWiggleDisplay">;
-    /**
-     * #property
-     */
     layout: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<Source[], Source[], Source[]>, [undefined]>;
 }, {
     rendererTypeName: string;
@@ -165,9 +139,7 @@ export declare function stateModelFactory(pluginManager: PluginManager, configSc
         } & 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>;
-            rpcDriverName: import("mobx-state-tree" /**
-             * #getter
-             */).IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+            rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
         }, {
             rendererTypeName: string;
             error: unknown;
@@ -218,6 +190,7 @@ export declare function stateModelFactory(pluginManager: PluginManager, configSc
     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;
 } & {
@@ -261,7 +234,7 @@ export declare function stateModelFactory(pluginManager: PluginManager, configSc
         scoreMin: number;
         scoreMax: number;
     } | undefined;
-    statsFetchInProgress: undefined | AbortController;
+    statsFetchInProgress: undefined | string;
 } & {
     updateQuantitativeStats(stats: {
         currStatsBpPerPx: number;
@@ -271,7 +244,7 @@ export declare function stateModelFactory(pluginManager: PluginManager, configSc
     setColor(color?: string): void;
     setPosColor(color?: string): void;
     setNegColor(color?: string): void;
-    setStatsLoading(aborter: AbortController): void;
+    setStatsLoading(arg?: string): void;
     selectFeature(feature: Feature): void;
     setResolution(res: number): void;
     setFill(fill: number): void;
@@ -301,9 +274,7 @@ export declare function stateModelFactory(pluginManager: PluginManager, configSc
         } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
             setSubschema(slotName: string, data: Record<string, unknown>): Record<string, unknown> | ({
                 [x: string]: any;
-            } & import("mobx-state-tree/dist/internal" /**
-             * #property
-             */).NonEmptyObject & any & import("mobx-state-tree").IStateTreeNode<AnyConfigurationSchemaType>);
+            } & import("mobx-state-tree/dist/internal").NonEmptyObject & any & import("mobx-state-tree").IStateTreeNode<AnyConfigurationSchemaType>);
         } & import("mobx-state-tree").IStateTreeNode<AnyConfigurationSchemaType>);
     } & import("mobx-state-tree").IStateTreeNode<AnyConfigurationSchemaType>;
     readonly autoscaleType: any;
@@ -352,144 +323,54 @@ export declare function stateModelFactory(pluginManager: PluginManager, configSc
 } & {
     reload(): Promise<void>;
 } & {
+    sourcesLoadingStopToken: string | undefined;
     featureUnderMouseVolatile: Feature | undefined;
     sourcesVolatile: Source[] | undefined;
 } & {
-    /**
-     * #action
-     */
+    setSourcesLoading(str: string): void;
     setLayout(layout: Source[]): void;
-    /**
-     * #action
-     */
     clearLayout(): void;
-    /**
-     * #action
-     */
     setSources(sources: Source[]): void;
-    /**
-     * #action
-     */
     setFeatureUnderMouse(f?: Feature): void;
 } & {
-    /**
-     * #getter
-     */
     readonly featureUnderMouse: Feature | undefined;
-    /**
-     * #getter
-     */
     readonly TooltipComponent: AnyReactComponentType;
-    /**
-     * #getter
-     */
     readonly rendererTypeName: string;
 } & {
-    /**
-     * #getter
-     */
     readonly needsScalebar: boolean;
-    /**
-     * #getter
-     */
     readonly needsFullHeightScalebar: boolean;
-    /**
-     * #getter
-     */
     readonly isMultiRow: boolean;
-    /**
-     * #getter
-     * can be used to give it a "color scale" like a R heatmap, not
-     * implemented like this yet but flag can be used for this
-     */
     readonly needsCustomLegend: boolean;
-    /**
-     * #getter
-     */
     readonly canHaveFill: boolean;
-    /**
-     * #getter
-     * the multirowxy and multiline don't need to use colors on the legend
-     * boxes since their track is drawn with the color. sort of a stylistic
-     * choice
-     */
     readonly renderColorBoxes: boolean;
-    /**
-     * #getter
-     * positions multi-row below the tracklabel even if using overlap
-     * tracklabels for everything else
-     */
     readonly prefersOffset: boolean;
-    /**
-     * #getter
-     */
     readonly sources: {
         color: string;
         baseUri?: string;
         name: string;
         group?: string;
     }[] | undefined;
-    /**
-     * #getter
-     */
     readonly quantitativeStatsReady: boolean;
 } & {
-    /**
-     * #getter
-     */
     readonly rowHeight: number;
-    /**
-     * #getter
-     */
     readonly rowHeightTooSmallForScalebar: boolean;
-    /**
-     * #getter
-     */
     readonly useMinimalTicks: any;
 } & {
-    /**
-     * #method
-     */
     adapterProps(): any;
-    /**
-     * #getter
-     */
     readonly ticks: {
         range: number[];
         values: number[];
         format: (d: import("d3-scale").NumberValue) => string;
         position: import("d3-scale").ScaleLinear<number, number, never> | import("d3-scale").ScaleQuantize<number, never>;
     } | undefined;
-    /**
-     * #getter
-     */
     readonly colors: string[];
-    /**
-     * #getter
-     * unused currently
-     */
     readonly quantitativeStatsRelevantToCurrentZoom: boolean;
 } & {
-    /**
-     * #method
-     */
     renderProps(): any;
-    /**
-     * #getter
-     */
     readonly hasResolution: boolean;
-    /**
-     * #getter
-     */
     readonly hasGlobalStats: boolean;
-    /**
-     * #getter
-     */
     readonly fillSetting: 2 | 1 | 0;
 } & {
-    /**
-     * #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: ({
@@ -536,9 +417,6 @@ export declare function stateModelFactory(pluginManager: PluginManager, configSc
     })[];
 } & {
     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/MultiLinearWiggleDisplay/model.js

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

package/esm/MultiLinearWiggleDisplay/renderSvg.d.ts

@@ -1,4 +1,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/MultiLinearWiggleDisplay/renderSvg.js

@@ -6,7 +6,7 @@ export async function renderSvg(self, opts, superRenderSvg) {
     await when(() => !!self.stats && !!self.regionCannotBeRenderedText);
     const { offsetPx } = getContainingView(self);
     return (React.createElement(React.Fragment, null,
-        React.createElement("g", { id: "snpcov" }, await superRenderSvg(opts)),
+        React.createElement("g", null, await superRenderSvg(opts)),
         React.createElement("g", { transform: `translate(${Math.max(-offsetPx, 0)})` },
             React.createElement(YScaleBars, { model: self, orientation: "left", exportSVG: true }))));
 }

package/esm/MultiQuantitativeTrack/configSchema.d.ts

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

package/esm/MultiQuantitativeTrack/configSchema.js

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

package/esm/MultiQuantitativeTrack/index.d.ts

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

package/esm/MultiQuantitativeTrack/index.js

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

package/esm/MultiRowLineRenderer/MultiRowLineRenderer.d.ts

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

package/esm/MultiRowLineRenderer/MultiRowLineRenderer.js

@@ -1,8 +1,7 @@
 import { groupBy } from '@jbrowse/core/util';
-import { drawLine } from '../drawLine';
 import WiggleBaseRenderer from '../WiggleBaseRenderer';
+import { drawLine } from '../drawLine';
 export default class MultiRowLineRenderer extends WiggleBaseRenderer {
-    // @ts-expect-error
     async draw(ctx, props) {
         const { bpPerPx, sources, regions, features } = props;
         const region = regions[0];

package/esm/MultiRowLineRenderer/configSchema.d.ts

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