@jbrowse/plugin-variants 2.17.0 → 2.18.0

package/dist/shared/SharedVariantMixin.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = SharedVariantMixin;
+const configuration_1 = require("@jbrowse/core/configuration");
+const util_1 = require("@jbrowse/core/util");
+const plugin_linear_genome_view_1 = require("@jbrowse/plugin-linear-genome-view");
+const mobx_state_tree_1 = require("mobx-state-tree");
+function SharedVariantMixin(configSchema) {
+    return mobx_state_tree_1.types
+        .compose(plugin_linear_genome_view_1.BaseLinearDisplay, mobx_state_tree_1.types.model({
+        selectedRendering: mobx_state_tree_1.types.optional(mobx_state_tree_1.types.string, ''),
+        summaryScoreMode: mobx_state_tree_1.types.maybe(mobx_state_tree_1.types.string),
+        rendererTypeNameState: mobx_state_tree_1.types.maybe(mobx_state_tree_1.types.string),
+        configuration: (0, configuration_1.ConfigurationReference)(configSchema),
+    }))
+        .volatile(() => ({
+        message: undefined,
+    }))
+        .actions(self => ({
+        selectFeature(feature) {
+            const session = (0, util_1.getSession)(self);
+            if ((0, util_1.isSelectionContainer)(session)) {
+                session.setSelection(feature);
+            }
+        },
+        setRendererType(val) {
+            self.rendererTypeNameState = val;
+        },
+    }))
+        .views(self => ({
+        get adapterTypeName() {
+            return self.adapterConfig.type;
+        },
+        get rendererTypeNameSimple() {
+            var _a;
+            return (_a = self.rendererTypeNameState) !== null && _a !== void 0 ? _a : (0, configuration_1.getConf)(self, 'defaultRendering');
+        },
+        get filters() {
+            return undefined;
+        },
+    }))
+        .views(self => ({
+        get adapterCapabilities() {
+            const type = self.adapterTypeName;
+            const { pluginManager } = (0, util_1.getEnv)(self);
+            return pluginManager.getAdapterType(type).adapterCapabilities;
+        },
+    }))
+        .actions(self => {
+        const { reload: superReload } = self;
+        return {
+            async reload() {
+                self.setError();
+                superReload();
+            },
+        };
+    });
+}

package/dist/shared/SourcesGrid.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { Source } from '../util';
+declare function SourcesGrid({ rows, onChange, showTips, }: {
+    rows: Source[];
+    onChange: (arg: Source[]) => void;
+    showTips: boolean;
+}): React.JSX.Element;
+export default SourcesGrid;

package/dist/shared/SourcesGrid.js

@@ -0,0 +1,143 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const ui_1 = require("@jbrowse/core/ui");
+const ColorPicker_1 = __importStar(require("@jbrowse/core/ui/ColorPicker"));
+const util_1 = require("@jbrowse/core/util");
+const KeyboardArrowDown_1 = __importDefault(require("@mui/icons-material/KeyboardArrowDown"));
+const KeyboardArrowUp_1 = __importDefault(require("@mui/icons-material/KeyboardArrowUp"));
+const KeyboardDoubleArrowDown_1 = __importDefault(require("@mui/icons-material/KeyboardDoubleArrowDown"));
+const KeyboardDoubleArrowUp_1 = __importDefault(require("@mui/icons-material/KeyboardDoubleArrowUp"));
+const material_1 = require("@mui/material");
+const x_data_grid_1 = require("@mui/x-data-grid");
+const mui_1 = require("tss-react/mui");
+const util_2 = require("./util");
+const useStyles = (0, mui_1.makeStyles)()({
+    cell: {
+        whiteSpace: 'nowrap',
+        overflow: 'hidden',
+        textOverflow: 'ellipsis',
+    },
+});
+function SourcesGrid({ rows, onChange, showTips, }) {
+    const { classes } = useStyles();
+    const [selected, setSelected] = (0, react_1.useState)([]);
+    const { name: _name, color: _color, baseUri: _baseUri, ...rest } = rows[0];
+    const [currSort, setCurrSort] = (0, react_1.useState)({
+        idx: 0,
+        field: null,
+    });
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement(GridHeader, { selected: selected, rows: rows, showTips: showTips, onChange: onChange }),
+        react_1.default.createElement("div", { style: { height: 400, width: '100%' } },
+            react_1.default.createElement(x_data_grid_1.DataGrid, { getRowId: row => row.name, checkboxSelection: true, disableRowSelectionOnClick: true, onRowSelectionModelChange: arg => {
+                    setSelected(arg);
+                }, rows: rows, rowHeight: 25, columnHeaderHeight: 33, columns: [
+                    {
+                        field: 'color',
+                        headerName: 'Color',
+                        renderCell: params => {
+                            const { value, id } = params;
+                            return (react_1.default.createElement(ColorPicker_1.default, { color: value || 'blue', onChange: c => {
+                                    const elt = rows.find(f => f.name === id);
+                                    if (elt) {
+                                        elt.color = c;
+                                    }
+                                    onChange([...rows]);
+                                } }));
+                        },
+                    },
+                    {
+                        field: 'name',
+                        headerName: 'Name',
+                        width: (0, util_1.measureGridWidth)(rows.map(r => r.name)),
+                    },
+                    ...Object.keys(rest).map(val => ({
+                        field: val,
+                        renderCell: ({ value }) => (react_1.default.createElement("div", { className: classes.cell },
+                            react_1.default.createElement(ui_1.SanitizedHTML, { html: (0, util_1.getStr)(value) }))),
+                        width: (0, util_1.measureGridWidth)(rows.map(r => `${r[val]}`)),
+                    })),
+                ], sortModel: [], onSortModelChange: args => {
+                    const sort = args[0];
+                    const idx = (currSort.idx + 1) % 2;
+                    const field = sort.field || currSort.field;
+                    setCurrSort({ idx, field });
+                    onChange(field
+                        ? [...rows].sort((a, b) => {
+                            const aa = (0, util_1.getStr)(a[field]);
+                            const bb = (0, util_1.getStr)(b[field]);
+                            return idx === 1
+                                ? aa.localeCompare(bb)
+                                : bb.localeCompare(aa);
+                        })
+                        : rows);
+                } }))));
+}
+function GridHeader({ selected, onChange, rows, showTips, }) {
+    const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
+    const [widgetColor, setWidgetColor] = (0, react_1.useState)('blue');
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(material_1.Button, { disabled: !selected.length, onClick: event => {
+                setAnchorEl(event.currentTarget);
+            } }, "Change color of selected items"),
+        react_1.default.createElement(material_1.Button, { onClick: () => {
+                onChange((0, util_2.moveUp)([...rows], selected));
+            }, disabled: !selected.length },
+            react_1.default.createElement(KeyboardArrowUp_1.default, null),
+            showTips ? 'Move selected items up' : null),
+        react_1.default.createElement(material_1.Button, { onClick: () => {
+                onChange((0, util_2.moveDown)([...rows], selected));
+            }, disabled: !selected.length },
+            react_1.default.createElement(KeyboardArrowDown_1.default, null),
+            showTips ? 'Move selected items down' : null),
+        react_1.default.createElement(material_1.Button, { onClick: () => {
+                onChange((0, util_2.moveUp)([...rows], selected, rows.length));
+            }, disabled: !selected.length },
+            react_1.default.createElement(KeyboardDoubleArrowUp_1.default, null),
+            showTips ? 'Move selected items to top' : null),
+        react_1.default.createElement(material_1.Button, { onClick: () => {
+                onChange((0, util_2.moveDown)([...rows], selected, rows.length));
+            }, disabled: !selected.length },
+            react_1.default.createElement(KeyboardDoubleArrowDown_1.default, null),
+            showTips ? 'Move selected items to bottom' : null),
+        react_1.default.createElement(ColorPicker_1.ColorPopover, { anchorEl: anchorEl, color: widgetColor, onChange: c => {
+                setWidgetColor(c);
+                selected.forEach(id => {
+                    const elt = rows.find(f => f.name === id);
+                    if (elt) {
+                        elt.color = c;
+                    }
+                });
+                onChange([...rows]);
+            }, onClose: () => {
+                setAnchorEl(null);
+            } })));
+}
+exports.default = SourcesGrid;

package/dist/shared/Tooltip.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import type { TooltipContentsComponent } from '../Tooltip';
+import type { Source } from '../util';
+import type { Feature } from '@jbrowse/core/util';
+type Coord = [number, number];
+declare const VariantTooltip: (props: {
+    model: {
+        featureUnderMouse: Feature;
+        sources: Source[];
+        rowHeight: number;
+    };
+    height: number;
+    offsetMouseCoord: Coord;
+    clientMouseCoord: Coord;
+    clientRect?: DOMRect;
+    TooltipContents?: TooltipContentsComponent;
+}) => React.JSX.Element;
+export default VariantTooltip;

package/dist/shared/Tooltip.js

@@ -0,0 +1,38 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const mobx_react_1 = require("mobx-react");
+const Tooltip_1 = __importDefault(require("../Tooltip"));
+const en = (n) => n.toLocaleString('en-US');
+const TooltipContents = react_1.default.forwardRef(function TooltipContents2({ model, feature }, ref) {
+    const start = feature.get('start');
+    const end = feature.get('end');
+    const refName = feature.get('refName');
+    const coord = start === end ? en(start) : `${en(start)}..${en(end)}`;
+    const sources = feature.get('sources');
+    const source = feature.get('source');
+    const obj = Object.fromEntries(model.sources.map(ent => [ent.name, ent]));
+    return (react_1.default.createElement("div", { ref: ref },
+        [refName, coord].filter(f => !!f).join(':'),
+        react_1.default.createElement("br", null),
+        sources ? (react_1.default.createElement("table", null,
+            react_1.default.createElement("thead", null,
+                react_1.default.createElement("tr", null,
+                    react_1.default.createElement("th", null, "color"),
+                    react_1.default.createElement("th", null, "source"),
+                    react_1.default.createElement("th", null, "score"))),
+            react_1.default.createElement("tbody", null, Object.entries(sources).map(([source, data]) => {
+                var _a;
+                return (react_1.default.createElement("tr", { key: source },
+                    react_1.default.createElement("td", { style: { background: (_a = obj[source]) === null || _a === void 0 ? void 0 : _a.color } }, " "),
+                    react_1.default.createElement("td", null, source),
+                    react_1.default.createElement("td", null, data.score)));
+            })))) : (react_1.default.createElement("span", null, source))));
+});
+const VariantTooltip = (0, mobx_react_1.observer)((props) => {
+    return react_1.default.createElement(Tooltip_1.default, { useClientY: true, TooltipContents: TooltipContents, ...props });
+});
+exports.default = VariantTooltip;

package/dist/shared/util.d.ts

@@ -0,0 +1,10 @@
+export declare function moveUp(arr: {
+    name: string;
+}[], sel: string[], by?: number): {
+    name: string;
+}[];
+export declare function moveDown(arr: {
+    name: string;
+}[], sel: string[], by?: number): {
+    name: string;
+}[];

package/dist/shared/util.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.moveUp = moveUp;
+exports.moveDown = moveDown;
+function moveUp(arr, sel, by = 1) {
+    const idxs = sel
+        .map(l => arr.findIndex(v => v.name === l))
+        .sort((a, b) => a - b);
+    let lastIdx = 0;
+    for (const old of idxs) {
+        const idx = Math.max(lastIdx, old - by);
+        if (idx >= lastIdx) {
+            arr.splice(idx, 0, arr.splice(old, 1)[0]);
+        }
+        lastIdx = lastIdx + 1;
+    }
+    return arr;
+}
+function moveDown(arr, sel, by = 1) {
+    const idxs = sel
+        .map(l => arr.findIndex(v => v.name === l))
+        .sort((a, b) => b - a);
+    let lastIdx = arr.length - 1;
+    for (const old of idxs) {
+        const idx = Math.min(lastIdx, old + by);
+        if (idx <= lastIdx) {
+            arr.splice(idx, 0, arr.splice(old, 1)[0]);
+        }
+        lastIdx = lastIdx - 1;
+    }
+    return arr;
+}

package/dist/util.d.ts

@@ -0,0 +1,11 @@
+export interface Source {
+    baseUri?: string;
+    name: string;
+    color?: string;
+    group?: string;
+    [key: string]: unknown;
+}
+export declare function fillRectCtx(x: number, y: number, width: number, height: number, ctx: CanvasRenderingContext2D, color?: string): void;
+export declare function getCol(gt: string): "#ccc" | "teal" | "blue" | "#CBC3E3";
+export declare const colorPaletteDefault: string[];
+export declare function randomColor(str: string): string;

package/dist/util.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.colorPaletteDefault = void 0;
+exports.fillRectCtx = fillRectCtx;
+exports.getCol = getCol;
+exports.randomColor = randomColor;
+function fillRectCtx(x, y, width, height, ctx, color) {
+    if (width < 0) {
+        x += width;
+        width = -width;
+    }
+    if (height < 0) {
+        y += height;
+        height = -height;
+    }
+    if (color) {
+        ctx.fillStyle = color;
+    }
+    ctx.fillRect(x, y, width, height);
+}
+function getCol(gt) {
+    if (gt === '0|0' || gt === '0/0') {
+        return '#ccc';
+    }
+    else if (gt === '1|0' || gt === '0|1' || gt === '0/1' || gt === '1/0') {
+        return 'teal';
+    }
+    else if (gt === '1|1' || gt === '1/1') {
+        return 'blue';
+    }
+    else {
+        return '#CBC3E3';
+    }
+}
+exports.colorPaletteDefault = [
+    'red',
+    'blue',
+    'green',
+    'orange',
+    'purple',
+    'cyan',
+    'pink',
+    'darkblue',
+    'darkred',
+    'pink',
+];
+function randomColor(str) {
+    let sum = 0;
+    for (let i = 0; i < str.length; i++) {
+        sum += str.charCodeAt(i);
+    }
+    return `hsl(${sum * 10}, 20%, 50%)`;
+}

package/esm/ChordVariantDisplay/index.d.ts

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

package/esm/ChordVariantDisplay/index.js

@@ -1,6 +1,5 @@
-import { BaseChordDisplayComponent } from '@jbrowse/plugin-circular-view';
 import DisplayType from '@jbrowse/core/pluggableElementTypes/DisplayType';
-// locals
+import { BaseChordDisplayComponent } from '@jbrowse/plugin-circular-view';
 import configSchemaF from './models/configSchema';
 import stateModelF from './models/stateModelFactory';
 export default function ChordVariantDisplayF(pluginManager) {

package/esm/ChordVariantDisplay/models/configSchema.d.ts

@@ -1,8 +1,5 @@
-import PluginManager from '@jbrowse/core/PluginManager';
+import type PluginManager from '@jbrowse/core/PluginManager';
 declare function stateModelFactory(pluginManager: PluginManager): import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
-    /**
-     * #slot
-     */
     renderer: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IAnyModelType, [undefined]>;
 }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
     onChordClick: {

package/esm/ChordVariantDisplay/models/configSchema.js

@@ -1,20 +1,11 @@
 import { ConfigurationSchema } from '@jbrowse/core/configuration';
 import { baseChordDisplayConfig } from '@jbrowse/plugin-circular-view';
 import { types } from 'mobx-state-tree';
-/**
- * #config ChordVariantDisplay
- */
-function x() { } // eslint-disable-line @typescript-eslint/no-unused-vars
+function x() { }
 function stateModelFactory(pluginManager) {
     return ConfigurationSchema('ChordVariantDisplay', {
-        /**
-         * #slot
-         */
         renderer: types.optional(pluginManager.pluggableConfigSchemaType('renderer'), { type: 'StructuralVariantChordRenderer' }),
     }, {
-        /**
-         * #baseConfiguration
-         */
         baseConfiguration: baseChordDisplayConfig,
         explicitlyTyped: true,
     });

package/esm/ChordVariantDisplay/models/stateModelFactory.d.ts

@@ -1,10 +1,5 @@
-import { AnyConfigurationSchemaType } from '@jbrowse/core/configuration';
-import { Feature } from '@jbrowse/core/util';
-/**
- * #stateModel ChordVariantDisplay
- * extends
- * - [BaseChordDisplay](../basechorddisplay)
- */
+import type { AnyConfigurationSchemaType } from '@jbrowse/core/configuration';
+import type { Feature } from '@jbrowse/core/util';
 declare const stateModelFactory: (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,13 +16,7 @@ declare const stateModelFactory: (configSchema: AnyConfigurationSchemaType) => i
         };
     }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, "displayId">>;
 } & {
-    /**
-     * #property
-     */
     type: import("mobx-state-tree").ISimpleType<"ChordVariantDisplay">;
-    /**
-     * #property
-     */
     configuration: AnyConfigurationSchemaType;
 }, {
     rendererTypeName: string;
@@ -98,36 +87,29 @@ declare const stateModelFactory: (configSchema: AnyConfigurationSchemaType) => i
 } & {
     onChordClick(feature: Feature): void;
 } & {
-    readonly blockDefinitions: import("@jbrowse/plugin-circular-view/src/CircularView/models/slices").Slice[];
+    readonly blockDefinitions: import("@jbrowse/plugin-circular-view/src/CircularView/slices").Slice[];
     renderProps(): any;
     readonly rendererType: import("@jbrowse/core/pluggableElementTypes").RendererType | undefined;
-    isCompatibleWithRenderer(renderer: import("@jbrowse/core/pluggableElementTypes").RendererType): renderer is import("@jbrowse/core/pluggableElementTypes").CircularChordRendererType;
     readonly selectedFeatureId: string | undefined;
 } & {
     renderStarted(): void;
     renderSuccess({ message, data, reactElement, html, renderingComponent, }: {
-        message: string;
-        data: any;
-        html: string;
-        reactElement: React.ReactElement;
-        renderingComponent: import("@jbrowse/core/util").AnyReactComponentType;
+        message?: string;
+        data?: any;
+        html?: string;
+        reactElement?: React.ReactElement;
+        renderingComponent?: import("@jbrowse/core/util").AnyReactComponentType;
     }): void;
     renderError(error: unknown): void;
     setRefNameMap(refNameMap: Record<string, string>): void;
 } & {
     afterAttach(): void;
 } & {
-    renderSvg(opts: import("@jbrowse/plugin-circular-view/src/CircularView/models/model").ExportSvgOptions & {
+    renderSvg(opts: import("@jbrowse/plugin-circular-view/src/CircularView/model").ExportSvgOptions & {
         theme?: import("@mui/material").ThemeOptions;
     }): Promise<import("react").JSX.Element>;
 } & {
-    /**
-     * #getter
-     */
     readonly rendererTypeName: any;
-    /**
-     * #method
-     */
     renderProps(): Record<string, unknown>;
 }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
 export default stateModelFactory;

package/esm/ChordVariantDisplay/models/stateModelFactory.js

@@ -1,35 +1,18 @@
-import { BaseChordDisplayModel, } from '@jbrowse/plugin-circular-view';
-import { ConfigurationReference, } from '@jbrowse/core/configuration';
-import { types } from 'mobx-state-tree';
+import { ConfigurationReference } from '@jbrowse/core/configuration';
 import { getContainingView } from '@jbrowse/core/util';
 import { getParentRenderProps } from '@jbrowse/core/util/tracks';
-/**
- * #stateModel ChordVariantDisplay
- * extends
- * - [BaseChordDisplay](../basechorddisplay)
- */
+import { BaseChordDisplayModel } from '@jbrowse/plugin-circular-view';
+import { types } from 'mobx-state-tree';
 const stateModelFactory = (configSchema) => {
     return types
         .compose('ChordVariantDisplay', BaseChordDisplayModel, types.model({
-        /**
-         * #property
-         */
         type: types.literal('ChordVariantDisplay'),
-        /**
-         * #property
-         */
         configuration: ConfigurationReference(configSchema),
     }))
         .views(self => ({
-        /**
-         * #getter
-         */
         get rendererTypeName() {
             return self.configuration.renderer.type;
         },
-        /**
-         * #method
-         */
         renderProps() {
             const view = getContainingView(self);
             return {
@@ -47,8 +30,4 @@ const stateModelFactory = (configSchema) => {
         },
     }));
 };
-// http://localhost:3000/test_data/hs37d5.HG002-SequelII-CCS.sv.vcf.gz.tbi
-// render request is for 1.5x the current viewing window
-// tracks all have a height
-//
 export default stateModelFactory;

package/esm/LinearVariantDisplay/configSchema.d.ts

@@ -1,5 +1,5 @@
-import { Instance } from 'mobx-state-tree';
-import PluginManager from '@jbrowse/core/PluginManager';
+import type PluginManager from '@jbrowse/core/PluginManager';
+import type { Instance } from 'mobx-state-tree';
 export default function configSchemaF(pluginManager: PluginManager): import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{}, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
     renderer: import("mobx-state-tree").IAnyModelType;
 }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{

package/esm/LinearVariantDisplay/configSchema.js

@@ -1,17 +1,8 @@
 import { ConfigurationSchema } from '@jbrowse/core/configuration';
 import { linearBasicDisplayConfigSchemaFactory } from '@jbrowse/plugin-linear-genome-view';
-/**
- * #config LinearVariantDisplay
- * mostly empty, this display type is very much
- * like a `FeatureTrack` with a `LinearBasicDisplay` except it has a custom
- * feature details widget
- */
-function x() { } // eslint-disable-line @typescript-eslint/no-unused-vars
+function x() { }
 export default function configSchemaF(pluginManager) {
     return ConfigurationSchema('LinearVariantDisplay', {}, {
-        /**
-         * #baseConfiguration
-         */
         baseConfiguration: linearBasicDisplayConfigSchemaFactory(pluginManager),
         explicitlyTyped: true,
     });

package/esm/LinearVariantDisplay/index.d.ts

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

package/esm/LinearVariantDisplay/index.js

@@ -1,7 +1,7 @@
-import { BaseLinearDisplayComponent } from '@jbrowse/plugin-linear-genome-view';
 import DisplayType from '@jbrowse/core/pluggableElementTypes/DisplayType';
-import stateModelFactory from './model';
+import { BaseLinearDisplayComponent } from '@jbrowse/plugin-linear-genome-view';
 import configSchemaF from './configSchema';
+import stateModelFactory from './model';
 export default function LinearVariantDisplayF(pluginManager) {
     pluginManager.addDisplayType(() => {
         const configSchema = configSchemaF(pluginManager);