@jbrowse/sv-core 2.17.0 → 3.0.0

package/dist/BreakendMultiLevelOptionDialog.d.ts

@@ -1,23 +1,11 @@
-import React from 'react';
-import { Feature } from '@jbrowse/core/util';
+import type { AbstractSessionModel, Feature } from '@jbrowse/core/util';
 import type { LinearGenomeViewModel } from '@jbrowse/plugin-linear-genome-view';
-import type { Assembly } from '@jbrowse/core/assemblyManager/assembly';
-declare const BreakendMultiLevelOptionDialog: ({ model, handleClose, feature, assemblyName, viewType, view, }: {
-    model: unknown;
+declare const BreakendMultiLevelOptionDialog: ({ session, handleClose, feature, assemblyName, stableViewId, view, }: {
+    session: AbstractSessionModel;
     handleClose: () => void;
     feature: Feature;
-    view: LinearGenomeViewModel;
+    view?: LinearGenomeViewModel;
     assemblyName: string;
-    viewType: {
-        getBreakendCoveringRegions: (arg: {
-            feature: Feature;
-            assembly: Assembly;
-        }) => {
-            pos: number;
-            refName: string;
-            mateRefName: string;
-            matePos: number;
-        };
-    };
-}) => React.JSX.Element;
+    stableViewId?: string;
+}) => import("react/jsx-runtime").JSX.Element;
 export default BreakendMultiLevelOptionDialog;

package/dist/BreakendMultiLevelOptionDialog.js

@@ -1,140 +1,46 @@
 "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 mobx_react_1 = require("mobx-react");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const ui_1 = require("@jbrowse/core/ui");
 const material_1 = require("@mui/material");
+const mobx_react_1 = require("mobx-react");
 const mobx_state_tree_1 = require("mobx-state-tree");
-const ui_1 = require("@jbrowse/core/ui");
-const mobx_1 = require("mobx");
-const util_1 = require("@jbrowse/core/util");
-// locals
 const Checkbox2_1 = __importDefault(require("./Checkbox2"));
-function stripIds(arr) {
-    return arr.map(({ id, displays, ...rest }) => ({
-        ...rest,
-        displays: displays.map(({ id, ...rest }) => rest),
-    }));
-}
-const BreakendMultiLevelOptionDialog = (0, mobx_react_1.observer)(function ({ model, handleClose, feature, assemblyName, viewType, view, }) {
+const navToMultiLevelBreak_1 = require("./navToMultiLevelBreak");
+const BreakendMultiLevelOptionDialog = (0, mobx_react_1.observer)(function ({ session, handleClose, feature, assemblyName, stableViewId, view, }) {
     const [copyTracks, setCopyTracks] = (0, react_1.useState)(true);
     const [mirror, setMirror] = (0, react_1.useState)(true);
-    return (react_1.default.createElement(ui_1.Dialog, { open: true, onClose: handleClose, title: "Multi-level breakpoint split view options" },
-        react_1.default.createElement(material_1.DialogContent, null,
-            react_1.default.createElement(Checkbox2_1.default, { checked: copyTracks, label: "Copy tracks into the new view", onChange: event => {
-                    setCopyTracks(event.target.checked);
-                } }),
-            copyTracks ? (react_1.default.createElement(Checkbox2_1.default, { checked: mirror, disabled: !copyTracks, label: "Mirror the copied tracks (only available if copying tracks and using two level)", onChange: event => {
-                    setMirror(event.target.checked);
-                } })) : null),
-        react_1.default.createElement(material_1.DialogActions, null,
-            react_1.default.createElement(material_1.Button, { onClick: () => {
-                    // eslint-disable-next-line @typescript-eslint/no-floating-promises
-                    ;
-                    (async () => {
-                        const session = (0, util_1.getSession)(model);
-                        try {
-                            const asm = await session.assemblyManager.waitForAssembly(assemblyName);
-                            if (!asm) {
-                                throw new Error(`assembly ${assemblyName} not found`);
-                            }
-                            const { refName, pos, mateRefName, matePos } = viewType.getBreakendCoveringRegions({
-                                feature,
-                                assembly: asm,
-                            });
-                            const viewTracks = (0, mobx_state_tree_1.getSnapshot)(view.tracks);
-                            const breakpointSplitView = session.addView('BreakpointSplitView', {
-                                type: 'BreakpointSplitView',
-                                displayName: `${feature.get('name') || feature.get('id') || 'breakend'} split detail`,
-                                views: [
-                                    {
-                                        type: 'LinearGenomeView',
-                                        hideHeader: true,
-                                        tracks: stripIds((0, mobx_state_tree_1.getSnapshot)(view.tracks)),
-                                    },
-                                    {
-                                        type: 'LinearGenomeView',
-                                        hideHeader: true,
-                                        tracks: stripIds(mirror ? [...viewTracks].reverse() : viewTracks),
-                                    },
-                                ],
-                            });
-                            const r1 = asm.regions.find(r => r.refName === refName);
-                            const r2 = asm.regions.find(r => r.refName === mateRefName);
-                            if (!r1 || !r2) {
-                                throw new Error("can't find regions");
-                            }
-                            await Promise.all([
-                                breakpointSplitView.views[0].navToLocations([
-                                    {
-                                        refName,
-                                        start: r1.start,
-                                        end: pos,
-                                        assemblyName,
-                                    },
-                                    {
-                                        refName,
-                                        start: pos + 1,
-                                        end: r1.end,
-                                        assemblyName,
-                                    },
-                                ]),
-                                breakpointSplitView.views[1].navToLocations([
-                                    {
-                                        refName: mateRefName,
-                                        start: r2.start,
-                                        end: matePos,
-                                        assemblyName,
-                                    },
-                                    {
-                                        refName: mateRefName,
-                                        start: matePos + 1,
-                                        end: r2.end,
+    return ((0, jsx_runtime_1.jsxs)(ui_1.Dialog, { open: true, onClose: handleClose, title: "Multi-level breakpoint split view options", children: [(0, jsx_runtime_1.jsxs)(material_1.DialogContent, { children: [(0, jsx_runtime_1.jsx)("div", { children: "Launch multi-level breakpoint split view" }), view ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Checkbox2_1.default, { checked: copyTracks, label: "Copy tracks into the new view", onChange: event => {
+                                    setCopyTracks(event.target.checked);
+                                } }), copyTracks ? ((0, jsx_runtime_1.jsx)(Checkbox2_1.default, { checked: mirror, disabled: !copyTracks, label: "Mirror the copied tracks (only available if copying tracks and using two level)", onChange: event => {
+                                    setMirror(event.target.checked);
+                                } })) : null] })) : null] }), (0, jsx_runtime_1.jsxs)(material_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { onClick: () => {
+                            ;
+                            (async () => {
+                                try {
+                                    await (0, navToMultiLevelBreak_1.navToMultiLevelBreak)({
+                                        stableViewId,
+                                        session,
+                                        tracks: copyTracks && view
+                                            ? (0, mobx_state_tree_1.getSnapshot)(view.tracks)
+                                            : [],
+                                        mirror,
+                                        feature,
                                         assemblyName,
-                                    },
-                                ]),
-                            ]);
-                            await (0, mobx_1.when)(() => breakpointSplitView.views[1].initialized &&
-                                breakpointSplitView.views[0].initialized);
-                            breakpointSplitView.views[1].zoomTo(10);
-                            breakpointSplitView.views[0].zoomTo(10);
-                            breakpointSplitView.views[1].centerAt(matePos, mateRefName);
-                            breakpointSplitView.views[0].centerAt(pos, refName);
-                        }
-                        catch (e) {
-                            console.error(e);
-                            session.notify(`${e}`);
-                        }
-                    })();
-                    handleClose();
-                }, variant: "contained", color: "primary", autoFocus: true }, "OK"),
-            react_1.default.createElement(material_1.Button, { color: "secondary", variant: "contained", onClick: () => {
-                    handleClose();
-                } }, "Cancel"))));
+                                    });
+                                }
+                                catch (e) {
+                                    console.error(e);
+                                    session.notifyError(`${e}`, e);
+                                }
+                            })();
+                            handleClose();
+                        }, variant: "contained", color: "primary", autoFocus: true, children: "OK" }), (0, jsx_runtime_1.jsx)(material_1.Button, { color: "secondary", variant: "contained", onClick: () => {
+                            handleClose();
+                        }, children: "Cancel" })] })] }));
 });
 exports.default = BreakendMultiLevelOptionDialog;

package/dist/BreakendSingleLevelOptionDialog.d.ts

@@ -1,23 +1,11 @@
-import React from 'react';
-import { Feature } from '@jbrowse/core/util';
+import type { AbstractSessionModel, Feature } from '@jbrowse/core/util';
 import type { LinearGenomeViewModel } from '@jbrowse/plugin-linear-genome-view';
-import type { Assembly } from '@jbrowse/core/assemblyManager/assembly';
-declare const BreakendSingleLevelOptionDialog: ({ model, handleClose, feature, assemblyName, viewType, view, }: {
-    model: unknown;
+declare const BreakendSingleLevelOptionDialog: ({ session, handleClose, feature, stableViewId, assemblyName, view, }: {
+    session: AbstractSessionModel;
     handleClose: () => void;
+    stableViewId?: string;
     feature: Feature;
-    view: LinearGenomeViewModel;
+    view?: LinearGenomeViewModel;
     assemblyName: string;
-    viewType: {
-        getBreakendCoveringRegions: (arg: {
-            feature: Feature;
-            assembly: Assembly;
-        }) => {
-            pos: number;
-            refName: string;
-            mateRefName: string;
-            matePos: number;
-        };
-    };
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default BreakendSingleLevelOptionDialog;

package/dist/BreakendSingleLevelOptionDialog.js

@@ -1,103 +1,53 @@
 "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 mobx_react_1 = require("mobx-react");
-const material_1 = require("@mui/material");
-const mobx_state_tree_1 = require("mobx-state-tree");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const ui_1 = require("@jbrowse/core/ui");
 const util_1 = require("@jbrowse/core/util");
-// locals
+const material_1 = require("@mui/material");
+const mobx_react_1 = require("mobx-react");
 const Checkbox2_1 = __importDefault(require("./Checkbox2"));
-function stripIds(arr) {
-    return arr.map(({ id, displays, ...rest }) => ({
-        ...rest,
-        displays: displays.map(({ id, ...rest }) => rest),
-    }));
-}
-const BreakendSingleLevelOptionDialog = (0, mobx_react_1.observer)(function ({ model, handleClose, feature, assemblyName, viewType, view, }) {
+const navToSingleLevelBreak_1 = require("./navToSingleLevelBreak");
+const BreakendSingleLevelOptionDialog = (0, mobx_react_1.observer)(function ({ session, handleClose, feature, stableViewId, assemblyName, view, }) {
     const [copyTracks, setCopyTracks] = (0, react_1.useState)(true);
+    const [focusOnBreakends, setFocusOnBreakends] = (0, react_1.useState)(true);
     const [windowSize, setWindowSize] = (0, util_1.useLocalStorage)('breakpointWindowSize', '5000');
-    return (react_1.default.createElement(ui_1.Dialog, { open: true, onClose: handleClose, title: "Single-level breakpoint split view options" },
-        react_1.default.createElement(material_1.DialogContent, null,
-            react_1.default.createElement(Checkbox2_1.default, { checked: copyTracks, label: "Copy tracks into the new view", onChange: event => {
-                    setCopyTracks(event.target.checked);
-                } }),
-            react_1.default.createElement(material_1.TextField, { label: "Window size (bp)", value: windowSize, onChange: event => {
-                    setWindowSize(event.target.value);
-                } })),
-        react_1.default.createElement(material_1.DialogActions, null,
-            react_1.default.createElement(material_1.Button, { onClick: () => {
-                    const session = (0, util_1.getSession)(model);
-                    (async () => {
-                        try {
-                            const assembly = session.assemblyManager.get(assemblyName);
-                            const w = +windowSize;
-                            if (Number.isNaN(w)) {
-                                throw new Error('windowSize not a number');
-                            }
-                            const { refName, pos, mateRefName, matePos } = 
-                            // @ts-expect-error
-                            viewType.getBreakendCoveringRegions({ feature, assembly });
-                            const breakpointSplitView = session.addView('BreakpointSplitView', {
-                                type: 'BreakpointSplitView',
-                                displayName: `${feature.get('name') || feature.get('id') || 'breakend'} split detail`,
-                                views: [
-                                    {
-                                        type: 'LinearGenomeView',
-                                        tracks: stripIds((0, mobx_state_tree_1.getSnapshot)(view.tracks)),
-                                    },
-                                ],
-                            });
-                            await breakpointSplitView.views[0].navToLocations((0, util_1.gatherOverlaps)([
-                                {
-                                    refName,
-                                    start: Math.max(0, pos - w),
-                                    end: pos + w,
-                                    assemblyName,
-                                },
-                                {
-                                    refName: mateRefName,
-                                    start: Math.max(0, matePos - w),
-                                    end: matePos + w,
-                                    assemblyName,
-                                },
-                            ], w));
-                        }
-                        catch (e) {
-                            console.error(e);
-                            session.notify(`${e}`);
-                        }
-                    })();
-                    handleClose();
-                }, variant: "contained", color: "primary", autoFocus: true }, "OK"),
-            react_1.default.createElement(material_1.Button, { color: "secondary", variant: "contained", onClick: () => {
-                    handleClose();
-                } }, "Cancel"))));
+    return ((0, jsx_runtime_1.jsxs)(ui_1.Dialog, { open: true, onClose: handleClose, title: "Single-level breakpoint split view options", children: [(0, jsx_runtime_1.jsxs)(material_1.DialogContent, { children: [view ? ((0, jsx_runtime_1.jsx)(Checkbox2_1.default, { checked: copyTracks, label: "Copy tracks into the new view", onChange: event => {
+                            setCopyTracks(event.target.checked);
+                        } })) : null, (0, jsx_runtime_1.jsx)(Checkbox2_1.default, { checked: copyTracks, label: "Focus on breakends", onChange: event => {
+                            setFocusOnBreakends(event.target.checked);
+                        } }), (0, jsx_runtime_1.jsx)(material_1.TextField, { label: "Window size (bp)", value: windowSize, onChange: event => {
+                            setWindowSize(event.target.value);
+                        } })] }), (0, jsx_runtime_1.jsxs)(material_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { onClick: () => {
+                            ;
+                            (async () => {
+                                try {
+                                    const { assemblyManager } = session;
+                                    const assembly = await assemblyManager.waitForAssembly(assemblyName);
+                                    if (!assembly) {
+                                        throw new Error(`assembly ${assemblyName} not found`);
+                                    }
+                                    await (0, navToSingleLevelBreak_1.navToSingleLevelBreak)({
+                                        feature,
+                                        assemblyName,
+                                        focusOnBreakends,
+                                        session,
+                                        stableViewId,
+                                        tracks: view === null || view === void 0 ? void 0 : view.tracks,
+                                        windowSize: +windowSize || 0,
+                                    });
+                                }
+                                catch (e) {
+                                    console.error(e);
+                                    session.notifyError(`${e}`, e);
+                                }
+                            })();
+                            handleClose();
+                        }, variant: "contained", color: "primary", autoFocus: true, children: "OK" }), (0, jsx_runtime_1.jsx)(material_1.Button, { color: "secondary", variant: "contained", onClick: () => {
+                            handleClose();
+                        }, children: "Cancel" })] })] }));
 });
 exports.default = BreakendSingleLevelOptionDialog;

package/dist/Checkbox2.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
 export default function Checkbox2({ checked, disabled, label, onChange, }: {
     checked: boolean;
     disabled?: boolean;
     label: string;
     onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/Checkbox2.js

@@ -1,10 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = Checkbox2;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const mui_1 = require("tss-react/mui");
 const useStyles = (0, mui_1.makeStyles)()({
@@ -14,5 +11,5 @@ const useStyles = (0, mui_1.makeStyles)()({
 });
 function Checkbox2({ checked, disabled, label, onChange, }) {
     const { classes } = useStyles();
-    return (react_1.default.createElement(material_1.FormControlLabel, { disabled: disabled, className: classes.block, control: react_1.default.createElement(material_1.Checkbox, { checked: checked, onChange: onChange }), label: label }));
+    return ((0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { disabled: disabled, className: classes.block, control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { checked: checked, onChange: onChange }), label: label }));
 }

package/dist/index.d.ts

@@ -1,2 +1,5 @@
 export { default as BreakendMultiLevelOptionDialog } from './BreakendMultiLevelOptionDialog';
 export { default as BreakendSingleLevelOptionDialog } from './BreakendSingleLevelOptionDialog';
+export * from './util';
+export * from './navToSingleLevelBreak';
+export * from './navToMultiLevelBreak';

package/dist/index.js

@@ -1,4 +1,18 @@
 "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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -8,3 +22,6 @@ var BreakendMultiLevelOptionDialog_1 = require("./BreakendMultiLevelOptionDialog
 Object.defineProperty(exports, "BreakendMultiLevelOptionDialog", { enumerable: true, get: function () { return __importDefault(BreakendMultiLevelOptionDialog_1).default; } });
 var BreakendSingleLevelOptionDialog_1 = require("./BreakendSingleLevelOptionDialog");
 Object.defineProperty(exports, "BreakendSingleLevelOptionDialog", { enumerable: true, get: function () { return __importDefault(BreakendSingleLevelOptionDialog_1).default; } });
+__exportStar(require("./util"), exports);
+__exportStar(require("./navToSingleLevelBreak"), exports);
+__exportStar(require("./navToMultiLevelBreak"), exports);

package/dist/navToMultiLevelBreak.d.ts

@@ -0,0 +1,11 @@
+import type { Track } from './types';
+import type { AbstractSessionModel, Feature } from '@jbrowse/core/util';
+export declare function navToMultiLevelBreak({ stableViewId, feature, assemblyName, session, mirror, tracks: viewTracks, }: {
+    stableViewId?: string;
+    feature: Feature;
+    assemblyName: string;
+    windowSize?: number;
+    session: AbstractSessionModel;
+    mirror?: boolean;
+    tracks?: Track[];
+}): Promise<void>;

package/dist/navToMultiLevelBreak.js

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.navToMultiLevelBreak = navToMultiLevelBreak;
+const util_1 = require("@jbrowse/core/util");
+const util_2 = require("./util");
+async function navToMultiLevelBreak({ stableViewId, feature, assemblyName, session, mirror, tracks: viewTracks = [], }) {
+    const { assemblyManager } = session;
+    const assembly = await assemblyManager.waitForAssembly(assemblyName);
+    if (!assembly) {
+        throw new Error(`assembly ${assemblyName} not found`);
+    }
+    const { refName, pos, mateRefName, matePos } = (0, util_2.getBreakendCoveringRegions)({
+        feature,
+        assembly: assembly,
+    });
+    let view = session.views.find(f => f.id === stableViewId);
+    if (!view) {
+        view = session.addView('BreakpointSplitView', {
+            id: stableViewId,
+            type: 'BreakpointSplitView',
+            displayName: (0, util_2.makeTitle)(feature),
+            views: [
+                {
+                    type: 'LinearGenomeView',
+                    hideHeader: true,
+                    tracks: (0, util_2.stripIds)(viewTracks),
+                },
+                {
+                    type: 'LinearGenomeView',
+                    hideHeader: true,
+                    tracks: (0, util_2.stripIds)(mirror ? [...viewTracks].reverse() : viewTracks),
+                },
+            ],
+        });
+    }
+    view.setDisplayName((0, util_2.makeTitle)(feature));
+    const r1 = assembly.regions.find(r => r.refName === refName);
+    const r2 = assembly.regions.find(r => r.refName === mateRefName);
+    if (!r1 || !r2) {
+        throw new Error("can't find regions");
+    }
+    await Promise.all([
+        view.views[0].navToLocations([
+            {
+                refName,
+                start: r1.start,
+                end: pos,
+                assemblyName,
+            },
+            {
+                refName,
+                start: pos + 1,
+                end: r1.end,
+                assemblyName,
+            },
+        ]),
+        view.views[1].navToLocations([
+            {
+                refName: mateRefName,
+                start: r2.start,
+                end: matePos,
+                assemblyName,
+            },
+            {
+                refName: mateRefName,
+                start: matePos + 1,
+                end: r2.end,
+                assemblyName,
+            },
+        ]),
+    ]);
+    await (0, util_1.when)(() => view.views[1].initialized && view.views[0].initialized);
+    view.views[1].zoomTo(10);
+    view.views[0].zoomTo(10);
+    view.views[1].centerAt(matePos, mateRefName);
+    view.views[0].centerAt(pos, refName);
+}

package/dist/navToSingleLevelBreak.d.ts

@@ -0,0 +1,61 @@
+import type { AbstractSessionModel, Feature } from '@jbrowse/core/util';
+export declare function singleLevelFocusedSnapshotFromBreakendFeature({ feature, session, assemblyName, windowSize, }: {
+    feature: Feature;
+    session: AbstractSessionModel;
+    assemblyName: string;
+    windowSize?: number;
+}): {
+    coverage: {
+        pos: number;
+        refName: string;
+        mateRefName: string;
+        matePos: any;
+    };
+    snap: {
+        type: string;
+        views: {
+            type: string;
+            displayedRegions: {
+                end: number;
+                assemblyName: string;
+                start: number;
+                refName: string;
+            }[];
+        }[];
+        displayName: string;
+    };
+};
+export declare function singleLevelEncompassingSnapshotFromBreakendFeature({ feature, session, assemblyName, }: {
+    feature: Feature;
+    session: AbstractSessionModel;
+    assemblyName: string;
+}): {
+    coverage: {
+        pos: number;
+        refName: string;
+        mateRefName: string;
+        matePos: any;
+    };
+    snap: {
+        type: string;
+        views: {
+            type: string;
+            displayedRegions: {
+                assemblyName: string;
+                start: number;
+                end: number;
+                refName: string;
+            }[];
+        }[];
+        displayName: string;
+    };
+};
+export declare function navToSingleLevelBreak({ stableViewId, feature, assemblyName, session, tracks, windowSize, focusOnBreakends, }: {
+    stableViewId?: string;
+    feature: Feature;
+    assemblyName: string;
+    windowSize?: number;
+    session: AbstractSessionModel;
+    tracks?: any;
+    focusOnBreakends?: boolean;
+}): Promise<void>;