@jbrowse/plugin-linear-comparative-view 2.7.2 → 2.9.0

package/dist/LinearSyntenyView/model.d.ts

@@ -134,7 +134,7 @@ export default function stateModelFactory(pluginManager: PluginManager): import(
     } & {
         moveTrack(movingId: string, targetId: string): void;
         closeView(): void;
-        toggleTrack(trackId: string): void;
+        toggleTrack(trackId: string): boolean;
         setTrackLabels(setting: "offset" | "hidden" | "overlapping"): void;
         toggleCenterLine(): void;
         setDisplayedRegions(regions: import("@jbrowse/core/util").Region[]): void;
@@ -184,6 +184,126 @@ export default function stateModelFactory(pluginManager: PluginManager): import(
     } & {
         moveTo(start?: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").BpOffset | undefined, end?: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").BpOffset | undefined): void;
         navToLocString(input: string, optAssemblyName?: string | undefined): Promise<void>;
+        navToSearchString({ input, assembly, }: {
+            input: string;
+            assembly: {
+                configuration: any;
+            } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+                error: unknown;
+                loaded: boolean;
+                loadingP: Promise<void> | undefined;
+                volatileRegions: import("@jbrowse/core/assemblyManager/assembly").BasicRegion[] | undefined;
+                refNameAliases: {
+                    [x: string]: string | undefined;
+                } | undefined;
+                lowerCaseRefNameAliases: {
+                    [x: string]: string | undefined;
+                } | undefined;
+                cytobands: import("@jbrowse/core/util").Feature[] | undefined;
+            } & {
+                getConf(arg: string): any;
+            } & {
+                readonly initialized: boolean;
+                readonly name: string;
+                readonly regions: import("@jbrowse/core/assemblyManager/assembly").BasicRegion[] | undefined; /**
+                 * #property
+                 */
+                readonly aliases: string[];
+                readonly displayName: string | undefined;
+                hasName(name: string): boolean;
+                readonly allAliases: string[];
+                readonly allRefNames: string[] | undefined;
+                readonly lowerCaseRefNames: string[] | undefined;
+                readonly allRefNamesWithLowerCase: string[] | undefined;
+                readonly rpcManager: import("@jbrowse/core/rpc/RpcManager").default;
+                readonly refNameColors: string[];
+            } & {
+                readonly refNames: string[] | undefined;
+            } & {
+                getCanonicalRefName(refName: string): string | undefined;
+                getRefNameColor(refName: string): string | undefined;
+                isValidRefName(refName: string): boolean;
+            } & {
+                setLoaded({ adapterRegionsWithAssembly, refNameAliases, lowerCaseRefNameAliases, cytobands, }: import("@jbrowse/core/assemblyManager/assembly").Loading): void;
+                setError(e: unknown): void;
+                setRegions(regions: import("@jbrowse/core/util").Region[]): void;
+                setRefNameAliases(aliases: {
+                    [x: string]: string | undefined;
+                }, lcAliases: {
+                    [x: string]: string | undefined;
+                }): void;
+                setCytobands(cytobands: import("@jbrowse/core/util").Feature[]): void;
+                setLoadingP(p?: Promise<void> | undefined): void;
+                load(): Promise<void>;
+                loadPre(): Promise<void>;
+            } & {
+                getAdapterMapEntry(adapterConf: unknown, options: import("@jbrowse/core/data_adapters/BaseAdapter").BaseOptions): Promise<import("@jbrowse/core/assemblyManager/assembly").RefNameMap>;
+                getRefNameMapForAdapter(adapterConf: unknown, opts: import("@jbrowse/core/data_adapters/BaseAdapter").BaseOptions): Promise<{
+                    [x: string]: string | undefined;
+                }>;
+                getReverseRefNameMapForAdapter(adapterConf: unknown, opts: import("@jbrowse/core/data_adapters/BaseAdapter").BaseOptions): Promise<{
+                    [x: string]: string | undefined;
+                }>;
+            } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
+                configuration: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IReferenceType<import("mobx-state-tree").IAnyType>>;
+            }, {
+                error: unknown;
+                loaded: boolean;
+                loadingP: Promise<void> | undefined;
+                volatileRegions: import("@jbrowse/core/assemblyManager/assembly").BasicRegion[] | undefined;
+                refNameAliases: {
+                    [x: string]: string | undefined;
+                } | undefined;
+                lowerCaseRefNameAliases: {
+                    [x: string]: string | undefined;
+                } | undefined;
+                cytobands: import("@jbrowse/core/util").Feature[] | undefined;
+            } & {
+                getConf(arg: string): any;
+            } & {
+                readonly initialized: boolean;
+                readonly name: string;
+                readonly regions: import("@jbrowse/core/assemblyManager/assembly").BasicRegion[] | undefined; /**
+                 * #property
+                 */
+                readonly aliases: string[];
+                readonly displayName: string | undefined;
+                hasName(name: string): boolean;
+                readonly allAliases: string[];
+                readonly allRefNames: string[] | undefined;
+                readonly lowerCaseRefNames: string[] | undefined;
+                readonly allRefNamesWithLowerCase: string[] | undefined;
+                readonly rpcManager: import("@jbrowse/core/rpc/RpcManager").default;
+                readonly refNameColors: string[];
+            } & {
+                readonly refNames: string[] | undefined;
+            } & {
+                getCanonicalRefName(refName: string): string | undefined;
+                getRefNameColor(refName: string): string | undefined;
+                isValidRefName(refName: string): boolean;
+            } & {
+                setLoaded({ adapterRegionsWithAssembly, refNameAliases, lowerCaseRefNameAliases, cytobands, }: import("@jbrowse/core/assemblyManager/assembly").Loading): void;
+                setError(e: unknown): void;
+                setRegions(regions: import("@jbrowse/core/util").Region[]): void;
+                setRefNameAliases(aliases: {
+                    [x: string]: string | undefined;
+                }, lcAliases: {
+                    [x: string]: string | undefined;
+                }): void;
+                setCytobands(cytobands: import("@jbrowse/core/util").Feature[]): void;
+                setLoadingP(p?: Promise<void> | undefined): void;
+                load(): Promise<void>;
+                loadPre(): Promise<void>;
+            } & {
+                getAdapterMapEntry(adapterConf: unknown, options: import("@jbrowse/core/data_adapters/BaseAdapter").BaseOptions): Promise<import("@jbrowse/core/assemblyManager/assembly").RefNameMap>;
+                getRefNameMapForAdapter(adapterConf: unknown, opts: import("@jbrowse/core/data_adapters/BaseAdapter").BaseOptions): Promise<{
+                    [x: string]: string | undefined;
+                }>;
+                getReverseRefNameMapForAdapter(adapterConf: unknown, opts: import("@jbrowse/core/data_adapters/BaseAdapter").BaseOptions): Promise<{
+                    [x: string]: string | undefined;
+                }>;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+        }): Promise<void>;
         navToLocations(parsedLocStrings: import("@jbrowse/core/util").ParsedLocString[], assemblyName?: string | undefined): Promise<void>;
         navTo(query: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").NavLocation): void;
         navToMultiple(locations: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").NavLocation[]): void;
@@ -385,7 +505,7 @@ export default function stateModelFactory(pluginManager: PluginManager): import(
     } & {
         moveTrack(movingId: string, targetId: string): void;
         closeView(): void;
-        toggleTrack(trackId: string): void;
+        toggleTrack(trackId: string): boolean;
         setTrackLabels(setting: "offset" | "hidden" | "overlapping"): void;
         toggleCenterLine(): void;
         setDisplayedRegions(regions: import("@jbrowse/core/util").Region[]): void;
@@ -435,6 +555,126 @@ export default function stateModelFactory(pluginManager: PluginManager): import(
     } & {
         moveTo(start?: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").BpOffset | undefined, end?: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").BpOffset | undefined): void;
         navToLocString(input: string, optAssemblyName?: string | undefined): Promise<void>;
+        navToSearchString({ input, assembly, }: {
+            input: string;
+            assembly: {
+                configuration: any;
+            } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+                error: unknown;
+                loaded: boolean;
+                loadingP: Promise<void> | undefined;
+                volatileRegions: import("@jbrowse/core/assemblyManager/assembly").BasicRegion[] | undefined;
+                refNameAliases: {
+                    [x: string]: string | undefined;
+                } | undefined;
+                lowerCaseRefNameAliases: {
+                    [x: string]: string | undefined;
+                } | undefined;
+                cytobands: import("@jbrowse/core/util").Feature[] | undefined;
+            } & {
+                getConf(arg: string): any;
+            } & {
+                readonly initialized: boolean;
+                readonly name: string;
+                readonly regions: import("@jbrowse/core/assemblyManager/assembly").BasicRegion[] | undefined; /**
+                 * #property
+                 */
+                readonly aliases: string[];
+                readonly displayName: string | undefined;
+                hasName(name: string): boolean;
+                readonly allAliases: string[];
+                readonly allRefNames: string[] | undefined;
+                readonly lowerCaseRefNames: string[] | undefined;
+                readonly allRefNamesWithLowerCase: string[] | undefined;
+                readonly rpcManager: import("@jbrowse/core/rpc/RpcManager").default;
+                readonly refNameColors: string[];
+            } & {
+                readonly refNames: string[] | undefined;
+            } & {
+                getCanonicalRefName(refName: string): string | undefined;
+                getRefNameColor(refName: string): string | undefined;
+                isValidRefName(refName: string): boolean;
+            } & {
+                setLoaded({ adapterRegionsWithAssembly, refNameAliases, lowerCaseRefNameAliases, cytobands, }: import("@jbrowse/core/assemblyManager/assembly").Loading): void;
+                setError(e: unknown): void;
+                setRegions(regions: import("@jbrowse/core/util").Region[]): void;
+                setRefNameAliases(aliases: {
+                    [x: string]: string | undefined;
+                }, lcAliases: {
+                    [x: string]: string | undefined;
+                }): void;
+                setCytobands(cytobands: import("@jbrowse/core/util").Feature[]): void;
+                setLoadingP(p?: Promise<void> | undefined): void;
+                load(): Promise<void>;
+                loadPre(): Promise<void>;
+            } & {
+                getAdapterMapEntry(adapterConf: unknown, options: import("@jbrowse/core/data_adapters/BaseAdapter").BaseOptions): Promise<import("@jbrowse/core/assemblyManager/assembly").RefNameMap>;
+                getRefNameMapForAdapter(adapterConf: unknown, opts: import("@jbrowse/core/data_adapters/BaseAdapter").BaseOptions): Promise<{
+                    [x: string]: string | undefined;
+                }>;
+                getReverseRefNameMapForAdapter(adapterConf: unknown, opts: import("@jbrowse/core/data_adapters/BaseAdapter").BaseOptions): Promise<{
+                    [x: string]: string | undefined;
+                }>;
+            } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
+                configuration: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IReferenceType<import("mobx-state-tree").IAnyType>>;
+            }, {
+                error: unknown;
+                loaded: boolean;
+                loadingP: Promise<void> | undefined;
+                volatileRegions: import("@jbrowse/core/assemblyManager/assembly").BasicRegion[] | undefined;
+                refNameAliases: {
+                    [x: string]: string | undefined;
+                } | undefined;
+                lowerCaseRefNameAliases: {
+                    [x: string]: string | undefined;
+                } | undefined;
+                cytobands: import("@jbrowse/core/util").Feature[] | undefined;
+            } & {
+                getConf(arg: string): any;
+            } & {
+                readonly initialized: boolean;
+                readonly name: string;
+                readonly regions: import("@jbrowse/core/assemblyManager/assembly").BasicRegion[] | undefined; /**
+                 * #property
+                 */
+                readonly aliases: string[];
+                readonly displayName: string | undefined;
+                hasName(name: string): boolean;
+                readonly allAliases: string[];
+                readonly allRefNames: string[] | undefined;
+                readonly lowerCaseRefNames: string[] | undefined;
+                readonly allRefNamesWithLowerCase: string[] | undefined;
+                readonly rpcManager: import("@jbrowse/core/rpc/RpcManager").default;
+                readonly refNameColors: string[];
+            } & {
+                readonly refNames: string[] | undefined;
+            } & {
+                getCanonicalRefName(refName: string): string | undefined;
+                getRefNameColor(refName: string): string | undefined;
+                isValidRefName(refName: string): boolean;
+            } & {
+                setLoaded({ adapterRegionsWithAssembly, refNameAliases, lowerCaseRefNameAliases, cytobands, }: import("@jbrowse/core/assemblyManager/assembly").Loading): void;
+                setError(e: unknown): void;
+                setRegions(regions: import("@jbrowse/core/util").Region[]): void;
+                setRefNameAliases(aliases: {
+                    [x: string]: string | undefined;
+                }, lcAliases: {
+                    [x: string]: string | undefined;
+                }): void;
+                setCytobands(cytobands: import("@jbrowse/core/util").Feature[]): void;
+                setLoadingP(p?: Promise<void> | undefined): void;
+                load(): Promise<void>;
+                loadPre(): Promise<void>;
+            } & {
+                getAdapterMapEntry(adapterConf: unknown, options: import("@jbrowse/core/data_adapters/BaseAdapter").BaseOptions): Promise<import("@jbrowse/core/assemblyManager/assembly").RefNameMap>;
+                getRefNameMapForAdapter(adapterConf: unknown, opts: import("@jbrowse/core/data_adapters/BaseAdapter").BaseOptions): Promise<{
+                    [x: string]: string | undefined;
+                }>;
+                getReverseRefNameMapForAdapter(adapterConf: unknown, opts: import("@jbrowse/core/data_adapters/BaseAdapter").BaseOptions): Promise<{
+                    [x: string]: string | undefined;
+                }>;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+        }): Promise<void>;
         navToLocations(parsedLocStrings: import("@jbrowse/core/util").ParsedLocString[], assemblyName?: string | undefined): Promise<void>;
         navTo(query: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").NavLocation): void;
         navToMultiple(locations: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").NavLocation[]): void;
@@ -574,7 +814,7 @@ export default function stateModelFactory(pluginManager: PluginManager): import(
     } & {
         moveTrack(movingId: string, targetId: string): void;
         closeView(): void;
-        toggleTrack(trackId: string): void;
+        toggleTrack(trackId: string): boolean;
         setTrackLabels(setting: "offset" | "hidden" | "overlapping"): void;
         toggleCenterLine(): void;
         setDisplayedRegions(regions: import("@jbrowse/core/util").Region[]): void;
@@ -624,6 +864,126 @@ export default function stateModelFactory(pluginManager: PluginManager): import(
     } & {
         moveTo(start?: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").BpOffset | undefined, end?: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").BpOffset | undefined): void;
         navToLocString(input: string, optAssemblyName?: string | undefined): Promise<void>;
+        navToSearchString({ input, assembly, }: {
+            input: string;
+            assembly: {
+                configuration: any;
+            } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+                error: unknown;
+                loaded: boolean;
+                loadingP: Promise<void> | undefined;
+                volatileRegions: import("@jbrowse/core/assemblyManager/assembly").BasicRegion[] | undefined;
+                refNameAliases: {
+                    [x: string]: string | undefined;
+                } | undefined;
+                lowerCaseRefNameAliases: {
+                    [x: string]: string | undefined;
+                } | undefined;
+                cytobands: import("@jbrowse/core/util").Feature[] | undefined;
+            } & {
+                getConf(arg: string): any;
+            } & {
+                readonly initialized: boolean;
+                readonly name: string;
+                readonly regions: import("@jbrowse/core/assemblyManager/assembly").BasicRegion[] | undefined; /**
+                 * #property
+                 */
+                readonly aliases: string[];
+                readonly displayName: string | undefined;
+                hasName(name: string): boolean;
+                readonly allAliases: string[];
+                readonly allRefNames: string[] | undefined;
+                readonly lowerCaseRefNames: string[] | undefined;
+                readonly allRefNamesWithLowerCase: string[] | undefined;
+                readonly rpcManager: import("@jbrowse/core/rpc/RpcManager").default;
+                readonly refNameColors: string[];
+            } & {
+                readonly refNames: string[] | undefined;
+            } & {
+                getCanonicalRefName(refName: string): string | undefined;
+                getRefNameColor(refName: string): string | undefined;
+                isValidRefName(refName: string): boolean;
+            } & {
+                setLoaded({ adapterRegionsWithAssembly, refNameAliases, lowerCaseRefNameAliases, cytobands, }: import("@jbrowse/core/assemblyManager/assembly").Loading): void;
+                setError(e: unknown): void;
+                setRegions(regions: import("@jbrowse/core/util").Region[]): void;
+                setRefNameAliases(aliases: {
+                    [x: string]: string | undefined;
+                }, lcAliases: {
+                    [x: string]: string | undefined;
+                }): void;
+                setCytobands(cytobands: import("@jbrowse/core/util").Feature[]): void;
+                setLoadingP(p?: Promise<void> | undefined): void;
+                load(): Promise<void>;
+                loadPre(): Promise<void>;
+            } & {
+                getAdapterMapEntry(adapterConf: unknown, options: import("@jbrowse/core/data_adapters/BaseAdapter").BaseOptions): Promise<import("@jbrowse/core/assemblyManager/assembly").RefNameMap>;
+                getRefNameMapForAdapter(adapterConf: unknown, opts: import("@jbrowse/core/data_adapters/BaseAdapter").BaseOptions): Promise<{
+                    [x: string]: string | undefined;
+                }>;
+                getReverseRefNameMapForAdapter(adapterConf: unknown, opts: import("@jbrowse/core/data_adapters/BaseAdapter").BaseOptions): Promise<{
+                    [x: string]: string | undefined;
+                }>;
+            } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
+                configuration: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IReferenceType<import("mobx-state-tree").IAnyType>>;
+            }, {
+                error: unknown;
+                loaded: boolean;
+                loadingP: Promise<void> | undefined;
+                volatileRegions: import("@jbrowse/core/assemblyManager/assembly").BasicRegion[] | undefined;
+                refNameAliases: {
+                    [x: string]: string | undefined;
+                } | undefined;
+                lowerCaseRefNameAliases: {
+                    [x: string]: string | undefined;
+                } | undefined;
+                cytobands: import("@jbrowse/core/util").Feature[] | undefined;
+            } & {
+                getConf(arg: string): any;
+            } & {
+                readonly initialized: boolean;
+                readonly name: string;
+                readonly regions: import("@jbrowse/core/assemblyManager/assembly").BasicRegion[] | undefined; /**
+                 * #property
+                 */
+                readonly aliases: string[];
+                readonly displayName: string | undefined;
+                hasName(name: string): boolean;
+                readonly allAliases: string[];
+                readonly allRefNames: string[] | undefined;
+                readonly lowerCaseRefNames: string[] | undefined;
+                readonly allRefNamesWithLowerCase: string[] | undefined;
+                readonly rpcManager: import("@jbrowse/core/rpc/RpcManager").default;
+                readonly refNameColors: string[];
+            } & {
+                readonly refNames: string[] | undefined;
+            } & {
+                getCanonicalRefName(refName: string): string | undefined;
+                getRefNameColor(refName: string): string | undefined;
+                isValidRefName(refName: string): boolean;
+            } & {
+                setLoaded({ adapterRegionsWithAssembly, refNameAliases, lowerCaseRefNameAliases, cytobands, }: import("@jbrowse/core/assemblyManager/assembly").Loading): void;
+                setError(e: unknown): void;
+                setRegions(regions: import("@jbrowse/core/util").Region[]): void;
+                setRefNameAliases(aliases: {
+                    [x: string]: string | undefined;
+                }, lcAliases: {
+                    [x: string]: string | undefined;
+                }): void;
+                setCytobands(cytobands: import("@jbrowse/core/util").Feature[]): void;
+                setLoadingP(p?: Promise<void> | undefined): void;
+                load(): Promise<void>;
+                loadPre(): Promise<void>;
+            } & {
+                getAdapterMapEntry(adapterConf: unknown, options: import("@jbrowse/core/data_adapters/BaseAdapter").BaseOptions): Promise<import("@jbrowse/core/assemblyManager/assembly").RefNameMap>;
+                getRefNameMapForAdapter(adapterConf: unknown, opts: import("@jbrowse/core/data_adapters/BaseAdapter").BaseOptions): Promise<{
+                    [x: string]: string | undefined;
+                }>;
+                getReverseRefNameMapForAdapter(adapterConf: unknown, opts: import("@jbrowse/core/data_adapters/BaseAdapter").BaseOptions): Promise<{
+                    [x: string]: string | undefined;
+                }>;
+            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+        }): Promise<void>;
         navToLocations(parsedLocStrings: import("@jbrowse/core/util").ParsedLocString[], assemblyName?: string | undefined): Promise<void>;
         navTo(query: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").NavLocation): void;
         navToMultiple(locations: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").NavLocation[]): void;
@@ -667,7 +1027,7 @@ export default function stateModelFactory(pluginManager: PluginManager): import(
     setMiddleComparativeHeight(n: number): number;
     toggleLinkViews(): void;
     activateTrackSelector(): import("@jbrowse/core/util").Widget | undefined;
-    toggleTrack(trackId: string): void;
+    toggleTrack(trackId: string): boolean;
     showTrack(trackId: string, initialSnapshot?: {}): void;
     hideTrack(trackId: string): number;
     squareView(): void;

package/dist/SyntenyTrack/configSchema.d.ts

@@ -58,6 +58,11 @@ declare const configSchema: (pluginManager: PluginManager) => import("@jbrowse/c
             defaultValue: number;
             description: string;
         };
+        maxDepth: {
+            type: string;
+            defaultValue: number;
+            description: string;
+        };
     }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
     formatAbout: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
         config: {

package/esm/LGVSyntenyDisplay/components/LaunchSyntenyViewDialog.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { Feature } from '@jbrowse/core/util';
+export default function LaunchSyntenyViewDialog({ model, feature, handleClose, }: {
+    model: unknown;
+    feature: Feature;
+    handleClose: () => void;
+}): React.JSX.Element;

package/esm/LGVSyntenyDisplay/components/LaunchSyntenyViewDialog.js

@@ -0,0 +1,42 @@
+import React, { useState } from 'react';
+import { Dialog } from '@jbrowse/core/ui';
+import { getSession } from '@jbrowse/core/util';
+import { Button, Checkbox, DialogActions, DialogContent, FormControlLabel, TextField, } from '@mui/material';
+import { navToSynteny } from './util';
+import { makeStyles } from 'tss-react/mui';
+const useStyles = makeStyles()({
+    padding: {
+        margin: 10,
+        border: '1px solid #ccc',
+    },
+});
+export default function LaunchSyntenyViewDialog({ model, feature, handleClose, }) {
+    const { classes } = useStyles();
+    const inverted = feature.get('strand') === -1;
+    const [horizontallyFlip, setHorizontallyFlip] = useState(inverted);
+    const [windowSize, setWindowSize] = useState('1000');
+    return (React.createElement(Dialog, { open: true, title: "Launch synteny view", onClose: handleClose },
+        React.createElement(DialogContent, null,
+            inverted ? (React.createElement(FormControlLabel, { className: classes.padding, control: React.createElement(Checkbox, { checked: horizontallyFlip, onChange: event => setHorizontallyFlip(event.target.checked) }), label: "Note: The feature is inverted in orientation on the target\n            sequence. This will result in the lower panel having genomic\n            coordinates decreasing left to right. Horizontally flip?" })) : null,
+            React.createElement(TextField, { label: "Add window size in bp", value: windowSize, onChange: event => setWindowSize(event.target.value) })),
+        React.createElement(DialogActions, null,
+            React.createElement(Button, { variant: "contained", onClick: () => {
+                    // eslint-disable-next-line @typescript-eslint/no-floating-promises
+                    ;
+                    (async () => {
+                        try {
+                            await navToSynteny({
+                                feature,
+                                windowSize: +windowSize,
+                                horizontallyFlip,
+                                model,
+                            });
+                        }
+                        catch (e) {
+                            getSession(model).notify(`${e}`, 'error');
+                        }
+                    })();
+                    handleClose();
+                } }, "Submit"),
+            React.createElement(Button, { variant: "contained", color: "secondary", onClick: () => handleClose() }, "Cancel"))));
+}

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

@@ -0,0 +1,8 @@
+import { Feature } from '@jbrowse/core/util';
+import { IAnyStateTreeNode } from 'mobx-state-tree';
+export declare function navToSynteny({ feature, windowSize: ws, model, horizontallyFlip, }: {
+    windowSize: number;
+    horizontallyFlip: boolean;
+    feature: Feature;
+    model: IAnyStateTreeNode;
+}): Promise<void>;

package/esm/LGVSyntenyDisplay/components/util.js

@@ -0,0 +1,107 @@
+import { getSession, getContainingTrack, getContainingView, } from '@jbrowse/core/util';
+import { MismatchParser } from '@jbrowse/plugin-alignments';
+import { when } from 'mobx';
+const { parseCigar } = MismatchParser;
+function f(n) {
+    return Math.floor(n);
+}
+function findPosInCigar(cigar, startX) {
+    let featX = 0;
+    let mateX = 0;
+    for (let i = 0; i < cigar.length; i++) {
+        const len = +cigar[i];
+        const op = cigar[i + 1];
+        const min = Math.min(len, startX - featX);
+        if (featX >= startX) {
+            break;
+        }
+        else if (op === 'I') {
+            mateX += len;
+        }
+        else if (op === 'D') {
+            featX += min;
+        }
+        else if (op === 'M') {
+            mateX += min;
+            featX += min;
+        }
+    }
+    return [featX, mateX];
+}
+export async function navToSynteny({ feature, windowSize: ws, model, horizontallyFlip, }) {
+    const session = getSession(model);
+    const track = getContainingTrack(model);
+    const view = getContainingView(model);
+    const reg = view.dynamicBlocks.contentBlocks[0];
+    const cigar = feature.get('CIGAR');
+    const strand = feature.get('strand');
+    const regStart = reg.start;
+    const regEnd = reg.end;
+    const featStart = feature.get('start');
+    const featEnd = feature.get('end');
+    const mate = feature.get('mate');
+    const mateStart = mate.start;
+    const mateEnd = mate.end;
+    const mateAsm = mate.assemblyName;
+    const mateRef = mate.refName;
+    const featAsm = reg.assemblyName;
+    const featRef = reg.refName;
+    let rMateStart;
+    let rMateEnd;
+    let rFeatStart;
+    let rFeatEnd;
+    if (cigar) {
+        const p = parseCigar(cigar);
+        const [fStartX, mStartX] = findPosInCigar(p, regStart - featStart);
+        const [fEndX, mEndX] = findPosInCigar(p, regEnd - featStart);
+        // avoid multiply by 0 with strand undefined
+        const flipper = strand === -1 ? -1 : 1;
+        rFeatStart = featStart + fStartX;
+        rFeatEnd = featStart + fEndX;
+        rMateStart = (strand === -1 ? mateEnd : mateStart) + mStartX * flipper;
+        rMateEnd = (strand === -1 ? mateEnd : mateStart) + mEndX * flipper;
+    }
+    else {
+        rFeatStart = featStart;
+        rFeatEnd = featEnd;
+        rMateStart = mateStart;
+        rMateEnd = mateEnd;
+    }
+    const trackId = track.configuration.trackId;
+    const view2 = session.addView('LinearSyntenyView', {
+        type: 'LinearSyntenyView',
+        views: [
+            {
+                id: `${Math.random()}`,
+                type: 'LinearGenomeView',
+                hideHeader: true,
+            },
+            {
+                id: `${Math.random()}`,
+                type: 'LinearGenomeView',
+                hideHeader: true,
+            },
+        ],
+        tracks: [
+            {
+                configuration: trackId,
+                type: 'SyntenyTrack',
+                displays: [
+                    {
+                        type: 'LinearSyntenyDisplay',
+                        configuration: `${trackId}-LinearSyntenyDisplay`,
+                    },
+                ],
+            },
+        ],
+    });
+    const l1 = `${featRef}:${f(rFeatStart - ws)}-${f(rFeatEnd + ws)}`;
+    const m1 = Math.min(rMateStart, rMateEnd);
+    const m2 = Math.max(rMateStart, rMateEnd);
+    const l2 = `${mateRef}:${f(m1 - ws)}-${f(m2 + ws)}${horizontallyFlip ? '[rev]' : ''}`;
+    await when(() => view2.width !== undefined);
+    await Promise.all([
+        view2.views[0].navToLocString(l1, featAsm),
+        view2.views[1].navToLocString(l2, mateAsm),
+    ]);
+}