@jbrowse/plugin-linear-comparative-view 2.13.0 → 2.14.0

package/esm/LaunchLinearSyntenyView.js

@@ -30,9 +30,13 @@ export default function LaunchLinearSyntenyView(pluginManager) {
                     throw new Error(`Assembly ${data.assembly} failed to load`);
                 }
                 await view.navToSearchString({ input: loc, assembly: asm });
-                tracks.forEach(track => tryTrack(view, track, idsNotFound));
+                tracks.forEach(track => {
+                    tryTrack(view, track, idsNotFound);
+                });
             }));
-            tracks.forEach(track => tryTrack(model, track, idsNotFound));
+            tracks.forEach(track => {
+                tryTrack(model, track, idsNotFound);
+            });
             if (idsNotFound.length) {
                 throw new Error(`Could not resolve identifiers: ${idsNotFound.join(',')}`);
             }
@@ -48,7 +52,7 @@ function tryTrack(model, trackId, idsNotFound) {
         model.showTrack(trackId);
     }
     catch (e) {
-        if (`${e}`.match('Could not resolve identifier')) {
+        if (/Could not resolve identifier/.exec(`${e}`)) {
             idsNotFound.push(trackId);
         }
         else {

package/esm/LinearComparativeDisplay/configSchemaF.js

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 import { ConfigurationSchema } from '@jbrowse/core/configuration';
 /**
  * #config LinearComparativeDisplay

package/esm/LinearComparativeDisplay/stateModelFactory.d.ts

@@ -39,7 +39,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
             error: unknown;
             message: string | undefined;
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
-        onHorizontalScroll?: Function;
+        onHorizontalScroll?: () => void;
         blockState?: Record<string, any>;
     }>;
     readonly DisplayBlurb: import("react").FC<{
@@ -125,7 +125,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
                     error: unknown;
                     message: string | undefined;
                 }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
-                onHorizontalScroll?: Function;
+                onHorizontalScroll?: () => void;
                 blockState?: Record<string, any>;
             }>;
             readonly DisplayBlurb: import("react").FC<{
@@ -195,7 +195,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
                     error: unknown;
                     message: string | undefined;
                 }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
-                onHorizontalScroll?: Function;
+                onHorizontalScroll?: () => void;
                 blockState?: Record<string, any>;
             }>;
             readonly DisplayBlurb: import("react").FC<{

package/esm/LinearComparativeDisplay/stateModelFactory.js

@@ -75,8 +75,8 @@ function stateModelFactory(configSchema) {
                 }
                 const { features } = args;
                 const existingFeatures = self.features || [];
-                const featIds = new Set(existingFeatures.map(f => f.id()) || []);
-                const newFeatIds = new Set((features === null || features === void 0 ? void 0 : features.map(f => f.id())) || []);
+                const featIds = new Set(existingFeatures.map(f => f.id()));
+                const newFeatIds = new Set(features.map(f => f.id()));
                 let foundNewFeatureNotInExistingMap = false;
                 let foundExistingFeatureNotInNewMap = false;
                 for (const feat of features) {

package/esm/LinearComparativeView/components/Header.js

@@ -50,7 +50,9 @@ const Header = observer(function ({ model }) {
     const anyShowHeaders = model.views.some(view => !view.hideHeader);
     return (React.createElement("div", { className: classes.headerBar },
         React.createElement(TrackSelector, { model: model }),
-        React.createElement(IconButton, { onClick: event => setMenuAnchorEl(event.currentTarget), className: classes.iconButton },
+        React.createElement(IconButton, { onClick: event => {
+                setMenuAnchorEl(event.currentTarget);
+            }, className: classes.iconButton },
             React.createElement(MoreVertIcon, null)),
         !anyShowHeaders
             ? model.views.map(view => (React.createElement("div", { key: view.id, className: classes.searchBox },
@@ -65,6 +67,8 @@ const Header = observer(function ({ model }) {
         menuAnchorEl ? (React.createElement(Menu, { anchorEl: menuAnchorEl, open: true, onMenuItemClick: (_event, callback) => {
                 callback();
                 setMenuAnchorEl(undefined);
-            }, menuItems: model.headerMenuItems(), onClose: () => setMenuAnchorEl(undefined) })) : null));
+            }, menuItems: model.headerMenuItems(), onClose: () => {
+                setMenuAnchorEl(undefined);
+            } })) : null));
 });
 export default Header;

package/esm/LinearComparativeView/components/Rubberband.js

@@ -6,14 +6,10 @@ import { stringify } from '@jbrowse/core/util';
 import { Menu } from '@jbrowse/core/ui';
 import VerticalGuide from './VerticalGuide';
 const useStyles = makeStyles()(theme => {
-    const { tertiary, primary } = theme.palette;
-    const background = tertiary
-        ? alpha(tertiary.main, 0.7)
-        : alpha(primary.main, 0.7);
     return {
         rubberband: {
             height: '100%',
-            background,
+            background: alpha(theme.palette.tertiary.main, 0.7),
             position: 'absolute',
             zIndex: 10,
             textAlign: 'center',
@@ -25,7 +21,7 @@ const useStyles = makeStyles()(theme => {
             minHeight: 8,
         },
         rubberbandText: {
-            color: tertiary ? tertiary.contrastText : primary.contrastText,
+            color: theme.palette.tertiary.contrastText,
         },
         popover: {
             mouseEvents: 'none',
@@ -101,7 +97,7 @@ const LinearComparativeRubberband = observer(function Rubberband({ model, Contro
             };
         }
         return () => { };
-    }, [startX, mouseDragging, anchorPosition, model]);
+    }, [startX, mouseDragging, model]);
     useEffect(() => {
         if (!mouseDragging &&
             currentX !== undefined &&
@@ -124,7 +120,9 @@ const LinearComparativeRubberband = observer(function Rubberband({ model, Contro
     }
     function mouseOut() {
         setGuideX(undefined);
-        model.views.forEach(view => view.setOffsets(undefined, undefined));
+        model.views.forEach(view => {
+            view.setOffsets(undefined, undefined);
+        });
     }
     function handleClose() {
         setAnchorPosition(undefined);
@@ -165,7 +163,9 @@ const LinearComparativeRubberband = observer(function Rubberband({ model, Contro
                     horizontal: 'left',
                 }, keepMounted: true, disableRestoreFocus: true }, rightBpOffset.map((l, idx) => (React.createElement(Typography, { key: [JSON.stringify(l), idx, 'right'].join('-') }, stringify(l, true))))))) : null,
         React.createElement("div", { ref: rubberbandRef, className: classes.rubberband, style: { left, width } },
-            React.createElement(Typography, { variant: "h6", className: classes.rubberbandText }, numOfBpSelected.map((n, i) => (React.createElement(Typography, { key: `${n}_${i}` }, `${n.toLocaleString('en-US')}bp`))))),
+            React.createElement(Typography, { variant: "h6", className: classes.rubberbandText }, numOfBpSelected.map((n, i) => (
+            /* biome-ignore lint/suspicious/noArrayIndexKey: */
+            React.createElement(Typography, { key: `${n}_${i}` }, `${n.toLocaleString('en-US')}bp`))))),
         React.createElement("div", { className: classes.rubberbandControl, ref: controlsRef, onMouseDown: mouseDown, onMouseOut: mouseOut, onMouseMove: mouseMove }, ControlComponent),
         anchorPosition ? (React.createElement(Menu, { anchorReference: "anchorPosition", anchorPosition: {
                 left: anchorPosition.clientX,

package/esm/LinearComparativeView/model.d.ts

@@ -38,8 +38,9 @@ declare function stateModelFactory(pluginManager: PluginManager): import("mobx-s
         showCytobandsSetting: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
         trackLabels: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
         showGridlines: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
-        highlight: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<Required<import("@jbrowse/core/util").ParsedLocString>, Required<import("@jbrowse/core/util").ParsedLocString>, Required<import("@jbrowse/core/util").ParsedLocString>>>, [undefined]>;
+        highlight: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").HighlightType, import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").HighlightType, import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").HighlightType>>, [undefined]>;
         colorByCDS: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+        showTrackOutlines: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
     }, {
         width: number;
     } & {
@@ -53,7 +54,7 @@ declare function stateModelFactory(pluginManager: PluginManager): import("mobx-s
         minimumBlockWidth: number;
         draggingTrackId: undefined | string;
         volatileError: unknown;
-        afterDisplayedRegionsSetCallbacks: Function[];
+        afterDisplayedRegionsSetCallbacks: (() => void)[];
         scaleFactor: number;
         trackRefs: Record<string, HTMLDivElement>;
         coarseDynamicBlocks: import("@jbrowse/core/util/blockTypes").BaseBlock[];
@@ -61,12 +62,12 @@ declare function stateModelFactory(pluginManager: PluginManager): import("mobx-s
         leftOffset: undefined | import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").BpOffset;
         rightOffset: undefined | import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").BpOffset;
     } & {
-        scaleBarDisplayPrefix(): "";
         readonly trackLabelsSetting: any;
         readonly width: number;
         readonly interRegionPaddingWidth: number;
         readonly assemblyNames: string[];
     } & {
+        scaleBarDisplayPrefix(): string | undefined;
         MiniControlsComponent(): import("react").FC<any>;
         HeaderComponent(): import("react").FC<any>;
         readonly assemblyErrors: string;
@@ -81,7 +82,7 @@ declare function stateModelFactory(pluginManager: PluginManager): import("mobx-s
         readonly totalBp: number;
         readonly maxBpPerPx: number;
         readonly minBpPerPx: number;
-        readonly error: {};
+        readonly error: unknown;
         readonly maxOffset: number;
         readonly minOffset: number;
         readonly displayedRegionsTotalPx: number;
@@ -96,6 +97,7 @@ declare function stateModelFactory(pluginManager: PluginManager): import("mobx-s
         rewriteOnClicks(trackType: string, viewMenuActions: MenuItem[]): void;
         readonly trackTypeActions: Map<string, MenuItem[]>;
     } & {
+        setShowTrackOutlines(arg: boolean): void;
         setColorByCDS(flag: boolean): void;
         setShowCytobands(flag: boolean): void;
         setWidth(newWidth: number): void;
@@ -104,9 +106,9 @@ declare function stateModelFactory(pluginManager: PluginManager): import("mobx-s
         setHideHeaderOverview(b: boolean): void;
         setHideNoTracksActive(b: boolean): void;
         setShowGridlines(b: boolean): void;
-        addToHighlights(highlight: Required<import("@jbrowse/core/util").ParsedLocString>): void;
-        setHighlight(highlight: Required<import("@jbrowse/core/util").ParsedLocString>[] | undefined): void;
-        removeHighlight(highlight: Required<import("@jbrowse/core/util").ParsedLocString>): void;
+        addToHighlights(highlight: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").HighlightType): void;
+        setHighlight(highlight?: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").HighlightType[]): void;
+        removeHighlight(highlight: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").HighlightType): void;
         scrollTo(offsetPx: number): number;
         zoomTo(bpPerPx: number, offset?: number, centerAtOffset?: boolean): number;
         setOffsets(left?: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").BpOffset, right?: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").BpOffset): void;
@@ -121,7 +123,6 @@ declare function stateModelFactory(pluginManager: PluginManager): import("mobx-s
         moveTrackToTop(id: string): void;
         moveTrackToBottom(id: string): void;
         moveTrack(movingId: string, targetId: string): void;
-        closeView(): void;
         toggleTrack(trackId: string): boolean;
         setTrackLabels(setting: "overlapping" | "offset" | "hidden"): void;
         setShowCenterLine(b: boolean): void;
@@ -141,7 +142,7 @@ declare function stateModelFactory(pluginManager: PluginManager): import("mobx-s
             variant?: string;
             isLeftEndOfDisplayedRegion?: boolean;
         }[];
-        afterDisplayedRegionsSet(cb: Function): void;
+        afterDisplayedRegionsSet(cb: () => void): void;
         horizontalScroll(distance: number): number;
         center(): void;
         showAllRegions(): void;
@@ -215,8 +216,6 @@ declare function stateModelFactory(pluginManager: PluginManager): import("mobx-s
         } | undefined;
     } & {
         afterCreate(): void;
-    } & {
-        scaleBarDisplayPrefix(): string;
     }, import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
         id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
         displayName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
@@ -236,8 +235,9 @@ declare function stateModelFactory(pluginManager: PluginManager): import("mobx-s
         showCytobandsSetting: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
         trackLabels: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
         showGridlines: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
-        highlight: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<Required<import("@jbrowse/core/util").ParsedLocString>, Required<import("@jbrowse/core/util").ParsedLocString>, Required<import("@jbrowse/core/util").ParsedLocString>>>, [undefined]>;
+        highlight: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").HighlightType, import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").HighlightType, import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").HighlightType>>, [undefined]>;
         colorByCDS: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+        showTrackOutlines: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
     }>>, import("mobx-state-tree")._NotCustomized>>;
     viewTrackConfigs: import("mobx-state-tree").IArrayType<import("mobx-state-tree").IAnyModelType>;
 }, {
@@ -249,6 +249,9 @@ declare function stateModelFactory(pluginManager: PluginManager): import("mobx-s
     setWidth(newWidth: number): void;
     setMinimized(flag: boolean): void;
 } & {
+    /**
+     * #volatile
+     */
     width: number | undefined;
 } & {
     /**
@@ -282,12 +285,6 @@ declare function stateModelFactory(pluginManager: PluginManager): import("mobx-s
      * #action
      */
     removeView(view: LinearGenomeViewModel): void;
-    /**
-     * #action
-     * removes the view itself from the state tree entirely by calling the
-     * parent removeView
-     */
-    closeView(): void;
     /**
      * #action
      */

package/esm/LinearComparativeView/model.js

@@ -1,5 +1,5 @@
 import { lazy } from 'react';
-import { addDisposer, cast, getParent, getPath, getRoot, resolveIdentifier, types, } from 'mobx-state-tree';
+import { addDisposer, cast, getPath, getRoot, resolveIdentifier, types, } from 'mobx-state-tree';
 import { autorun, transaction } from 'mobx';
 // jbrowse
 import BaseViewModel from '@jbrowse/core/pluggableElementTypes/models/BaseViewModel';
@@ -16,8 +16,6 @@ const ReturnToImportFormDialog = lazy(() => import('@jbrowse/core/ui/ReturnToImp
  * - [BaseViewModel](../baseviewmodel)
  */
 function stateModelFactory(pluginManager) {
-    const model = pluginManager.getViewType('LinearGenomeView')
-        .stateModel;
     return types
         .compose('LinearComparativeView', BaseViewModel, types.model({
         /**
@@ -52,20 +50,20 @@ function stateModelFactory(pluginManager) {
          * #property
          * currently this is limited to an array of two
          */
-        views: types.array(model.views(self => ({
-            scaleBarDisplayPrefix() {
-                return self.assemblyNames[0];
-            },
-        }))),
+        views: types.array(pluginManager.getViewType('LinearGenomeView')
+            .stateModel),
         /**
          * #property
-         * this represents tracks specific to this view specifically used
-         * for read vs ref dotplots where this track would not really apply
+         * this represents tracks specific to this view specifically used for
+         * read vs ref dotplots where this track would not really apply
          * elsewhere
          */
         viewTrackConfigs: types.array(pluginManager.pluggableConfigSchemaType('track')),
     }))
         .volatile(() => ({
+        /**
+         * #volatile
+         */
         width: undefined,
     }))
         .views(self => ({
@@ -79,7 +77,9 @@ function stateModelFactory(pluginManager) {
          * #getter
          */
         get initialized() {
-            return (self.width !== undefined &&
+            return (
+            // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+            self.width !== undefined &&
                 self.views.length > 0 &&
                 self.views.every(view => view.initialized));
         },
@@ -135,15 +135,6 @@ function stateModelFactory(pluginManager) {
         removeView(view) {
             self.views.remove(view);
         },
-        /**
-         * #action
-         * removes the view itself from the state tree entirely by calling the
-         * parent removeView
-         */
-        closeView() {
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            getParent(self, 2).removeView(self);
-        },
         /**
          * #action
          */
@@ -210,7 +201,9 @@ function stateModelFactory(pluginManager) {
             const schema = pluginManager.pluggableConfigSchemaType('track');
             const config = resolveIdentifier(schema, getRoot(self), trackId);
             const shownTracks = self.tracks.filter(t => t.configuration === config);
-            transaction(() => shownTracks.forEach(t => self.tracks.remove(t)));
+            transaction(() => {
+                shownTracks.forEach(t => self.tracks.remove(t));
+            });
             return shownTracks.length;
         },
         /**
@@ -252,8 +245,7 @@ function stateModelFactory(pluginManager) {
         menuItems() {
             return [
                 ...self.views
-                    .map((view, idx) => { var _a; return [idx, (_a = view.menuItems) === null || _a === void 0 ? void 0 : _a.call(view)]; })
-                    .filter(f => !!f[1])
+                    .map((view, idx) => [idx, view.menuItems()])
                     .map(f => ({ label: `View ${f[0] + 1} Menu`, subMenu: f[1] })),
                 {
                     label: 'Return to import form',
@@ -295,7 +287,9 @@ function stateModelFactory(pluginManager) {
         afterAttach() {
             addDisposer(self, autorun(() => {
                 if (self.width) {
-                    self.views.forEach(v => v.setWidth(self.width));
+                    self.views.forEach(v => {
+                        v.setWidth(self.width);
+                    });
                 }
             }));
         },

package/esm/LinearReadVsRef/LinearReadVsRef.js

@@ -110,7 +110,7 @@ export default function ReadVsRefDialog({ track, feature: preFeature, handleClos
             const totalLength = flags & 2048 ? getLength(suppAlns[0].CIGAR) : getLength(cigar);
             const features = [feat, ...suppAlns];
             features.forEach((f, idx) => {
-                f.refName = (assembly === null || assembly === void 0 ? void 0 : assembly.getCanonicalRefName(f.refName)) || f.refName;
+                f.refName = assembly.getCanonicalRefName(f.refName) || f.refName;
                 f.syntenyId = idx;
                 f.mate.syntenyId = idx;
                 f.mate.uniqueId = `${f.uniqueId}_mate`;
@@ -131,10 +131,10 @@ export default function ReadVsRefDialog({ track, feature: preFeature, handleClos
                 assemblyName: trackAssembly,
             })));
             (_a = session.addTemporaryAssembly) === null || _a === void 0 ? void 0 : _a.call(session, {
-                name: `${readAssembly}`,
+                name: readAssembly,
                 sequence: {
                     type: 'ReferenceSequenceTrack',
-                    name: `Read sequence`,
+                    name: 'Read sequence',
                     trackId: seqTrackId,
                     assemblyNames: [readAssembly],
                     adapter: {
@@ -251,7 +251,9 @@ export default function ReadVsRefDialog({ track, feature: preFeature, handleClos
             React.createElement(CircularProgress, null))) : (React.createElement("div", { className: classes.root },
             primaryFeature.get('flags') & 256 ? (React.createElement(Typography, { style: { color: 'orange' } }, "Note: You selected a secondary alignment (which generally does not have SA tags or SEQ fields) so do a full reconstruction of the alignment")) : null,
             React.createElement(Typography, null, "Show an extra window size around each part of the split alignment. Using a larger value can allow you to see more genomic context."),
-            React.createElement(TextField, { value: windowSize, onChange: event => setWindowSize(event.target.value), label: "Set window size" })))),
+            React.createElement(TextField, { value: windowSize, onChange: event => {
+                    setWindowSize(event.target.value);
+                }, label: "Set window size" })))),
         React.createElement(DialogActions, null,
             React.createElement(Button, { variant: "contained", color: "secondary", onClick: handleClose }, "Cancel"),
             React.createElement(Button, { disabled: !primaryFeature, variant: "contained", color: "primary", onClick: onSubmit }, "Submit"))));

package/esm/LinearSyntenyDisplay/afterAttach.js

@@ -69,8 +69,8 @@ export function doAfterAttach(self) {
                 ;
                 [f1e, f1s] = [f1s, f1e];
             }
-            const a1 = assemblyManager === null || assemblyManager === void 0 ? void 0 : assemblyManager.get(f.get('assemblyName'));
-            const a2 = assemblyManager === null || assemblyManager === void 0 ? void 0 : assemblyManager.get(mate.assemblyName);
+            const a1 = assemblyManager.get(f.get('assemblyName'));
+            const a2 = assemblyManager.get(mate.assemblyName);
             const r1 = f.get('refName');
             const r2 = mate.refName;
             const ref1 = (a1 === null || a1 === void 0 ? void 0 : a1.getCanonicalRefName(r1)) || r1;

package/esm/LinearSyntenyDisplay/components/Component.js

@@ -29,8 +29,12 @@ function LoadingMessage() {
     const [shown, setShown] = useState(false);
     const { classes } = useStyles();
     useEffect(() => {
-        const timeout = setTimeout(() => setShown(true), 300);
-        return () => clearTimeout(timeout);
+        const timeout = setTimeout(() => {
+            setShown(true);
+        }, 300);
+        return () => {
+            clearTimeout(timeout);
+        };
     });
     return shown ? (React.createElement("div", { className: classes.loading },
         React.createElement(LoadingEllipses, null))) : null;

package/esm/LinearSyntenyDisplay/components/LinearSyntenyRendering.js

@@ -41,15 +41,20 @@ const LinearSyntenyRendering = observer(function ({ model, }) {
     const [mouseInitialDownX, setMouseInitialDownX] = useState();
     const [currY, setCurrY] = useState();
     const { mouseoverId } = model;
-    // these useCallbacks avoid new refs from being created on any mouseover, etc.
-    const k1 = useCallback((ref) => model.setMouseoverCanvasRef(ref), 
+    // these useCallbacks avoid new refs from being created on any mouseover,
+    // etc.
+    // biome-ignore lint/correctness/useExhaustiveDependencies:
+    const k1 = useCallback((ref) => {
+        model.setMouseoverCanvasRef(ref);
+    }, 
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [model, height, width]);
+    // biome-ignore lint/correctness/useExhaustiveDependencies:
     const k2 = useCallback((ref) => {
         model.setMainCanvasRef(ref);
         function onWheel(event) {
             event.preventDefault();
-            if (event.ctrlKey === true) {
+            if (event.ctrlKey) {
                 delta.current += event.deltaY / 500;
                 for (const v of view.views) {
                     v.setScaleFactor(delta.current < 0 ? 1 - delta.current : 1 / (1 + delta.current));
@@ -84,21 +89,26 @@ const LinearSyntenyRendering = observer(function ({ model, }) {
                 }
             }
         }
-        if (ref) {
-            ref.addEventListener('wheel', onWheel);
-            // this is a react 19-ism to have a cleanup in the ref callback
-            // https://react.dev/blog/2024/04/25/react-19#cleanup-functions-for-refs
-            // note: it warns in earlier versions of react
-            return () => ref.removeEventListener('wheel', onWheel);
-        }
-        return () => { };
+        ref === null || ref === void 0 ? void 0 : ref.addEventListener('wheel', onWheel);
+        // this is a react 19-ism to have a cleanup in the ref callback
+        // https://react.dev/blog/2024/04/25/react-19#cleanup-functions-for-refs
+        // note: it warns in earlier versions of react
+        return () => {
+            ref === null || ref === void 0 ? void 0 : ref.removeEventListener('wheel', onWheel);
+        };
     }, 
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [model, height, width]);
-    const k3 = useCallback((ref) => model.setClickMapCanvasRef(ref), 
+    // biome-ignore lint/correctness/useExhaustiveDependencies:
+    const k3 = useCallback((ref) => {
+        model.setClickMapCanvasRef(ref);
+    }, 
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [model, height, width]);
-    const k4 = useCallback((ref) => model.setCigarClickMapCanvasRef(ref), 
+    // biome-ignore lint/correctness/useExhaustiveDependencies:
+    const k4 = useCallback((ref) => {
+        model.setCigarClickMapCanvasRef(ref);
+    }, 
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [model, height, width]);
     return (React.createElement("div", { className: classes.rel },
@@ -165,10 +175,14 @@ const LinearSyntenyRendering = observer(function ({ model, }) {
                     Math.abs(evt.clientX - mouseInitialDownX) < 5) {
                     onSynClick(evt, model);
                 }
-            }, onContextMenu: evt => onSynContextClick(evt, model, setAnchorEl), "data-testid": "synteny_canvas", className: classes.abs, width: width, height: height }),
+            }, onContextMenu: evt => {
+                onSynContextClick(evt, model, setAnchorEl);
+            }, "data-testid": "synteny_canvas", className: classes.abs, width: width, height: height }),
         React.createElement("canvas", { ref: k3, className: classes.pix, width: width, height: height }),
         React.createElement("canvas", { ref: k4, className: classes.pix, width: width, height: height }),
         mouseoverId && tooltip && currX && currY ? (React.createElement(SyntenyTooltip, { title: tooltip })) : null,
-        anchorEl ? (React.createElement(SyntenyContextMenu, { model: model, anchorEl: anchorEl, onClose: () => setAnchorEl(undefined) })) : null));
+        anchorEl ? (React.createElement(SyntenyContextMenu, { model: model, anchorEl: anchorEl, onClose: () => {
+                setAnchorEl(undefined);
+            } })) : null));
 });
 export default LinearSyntenyRendering;

package/esm/LinearSyntenyDisplay/components/SyntenyContextMenu.d.ts

@@ -1,9 +1,12 @@
 import React from 'react';
+import { Feature } from '@jbrowse/core/util';
 import { LinearSyntenyDisplayModel } from '../model';
 interface ClickCoord {
     clientX: number;
     clientY: number;
-    feature: any;
+    feature: {
+        f: Feature;
+    };
 }
 export default function SyntenyContextMenu({ model, onClose, anchorEl, }: {
     onClose: () => void;

package/esm/LinearSyntenyDisplay/components/SyntenyContextMenu.js

@@ -33,15 +33,11 @@ export default function SyntenyContextMenu({ model, onClose, anchorEl, }) {
                     const end = f.get('end');
                     const refName = f.get('refName');
                     const mate = f.get('mate');
-                    view.views[0]
-                        .navToLocString(`${refName}:${start}-${end}`)
-                        .catch(e => {
+                    view.views[0].navToLocString(`${refName}:${start}-${end}`).catch((e) => {
                         console.error(e);
                         getSession(model).notifyError(`${e}`, e);
                     });
-                    view.views[1]
-                        .navToLocString(`${mate.refName}:${mate.start}-${mate.end}`)
-                        .catch(e => {
+                    view.views[1].navToLocString(`${mate.refName}:${mate.start}-${mate.end}`).catch((e) => {
                         console.error(e);
                         getSession(model).notifyError(`${e}`, e);
                     });

package/esm/LinearSyntenyDisplay/components/SyntenyTooltip.js

@@ -34,7 +34,7 @@ const SyntenyTooltip = observer(function ({ title }) {
     });
     const clientPoint = useClientPoint(context);
     const { getFloatingProps } = useInteractions([clientPoint]);
-    const popperTheme = (_a = theme === null || theme === void 0 ? void 0 : theme.components) === null || _a === void 0 ? void 0 : _a.MuiPopper;
+    const popperTheme = (_a = theme.components) === null || _a === void 0 ? void 0 : _a.MuiPopper;
     return title ? (React.createElement(Portal, { container: (_b = popperTheme === null || popperTheme === void 0 ? void 0 : popperTheme.defaultProps) === null || _b === void 0 ? void 0 : _b.container },
         React.createElement("div", { className: classes.tooltip, ref: refs.setFloating, style: {
                 ...floatingStyles,

package/esm/LinearSyntenyDisplay/components/util.d.ts

@@ -7,7 +7,9 @@ interface Pos {
 export interface ClickCoord {
     clientX: number;
     clientY: number;
-    feature: any;
+    feature: {
+        f: Feature;
+    };
 }
 interface FeatPos {
     p11: Pos;

package/esm/LinearSyntenyDisplay/drawSynteny.d.ts

@@ -1,5 +1,5 @@
 import { LinearSyntenyDisplayModel } from './model';
 export declare const MAX_COLOR_RANGE: number;
 export declare function getId(r: number, g: number, b: number, unitMultiplier: number): number;
-export declare function drawRef(model: LinearSyntenyDisplayModel, ctx1: CanvasRenderingContext2D, ctx3?: CanvasRenderingContext2D): void;
+export declare function drawRef(model: LinearSyntenyDisplayModel, ctx1: CanvasRenderingContext2D, ctx3?: CanvasRenderingContext2D): undefined;
 export declare function drawMouseoverSynteny(model: LinearSyntenyDisplayModel): void;