@jbrowse/plugin-linear-genome-view 1.7.10 → 2.0.1

package/esm/LinearGenomeView/components/Header.js

@@ -0,0 +1,81 @@
+import React from 'react';
+import { observer } from 'mobx-react';
+import { Button, FormGroup, Typography, alpha } from '@mui/material';
+import { makeStyles } from 'tss-react/mui';
+import { getBpDisplayStr } from '@jbrowse/core/util';
+// icons
+import { TrackSelector as TrackSelectorIcon } from '@jbrowse/core/ui/Icons';
+import ArrowForwardIcon from '@mui/icons-material/ArrowForward';
+import ArrowBackIcon from '@mui/icons-material/ArrowBack';
+// locals
+import { WIDGET_HEIGHT, SPACING, HEADER_BAR_HEIGHT, } from '..';
+import OverviewScaleBar from './OverviewScaleBar';
+import ZoomControls from './ZoomControls';
+import SearchBox from './SearchBox';
+const useStyles = makeStyles()(theme => ({
+    headerBar: {
+        height: HEADER_BAR_HEIGHT,
+        display: 'flex',
+    },
+    headerForm: {
+        flexWrap: 'nowrap',
+        marginRight: 7,
+    },
+    spacer: {
+        flexGrow: 1,
+    },
+    panButton: {
+        background: alpha(theme.palette.background.paper, 0.8),
+        height: WIDGET_HEIGHT,
+        margin: SPACING,
+    },
+    bp: {
+        display: 'flex',
+        alignItems: 'center',
+        marginLeft: 5,
+    },
+    toggleButton: {
+        height: 44,
+        border: 'none',
+        margin: theme.spacing(0.5),
+    },
+    buttonSpacer: {
+        marginRight: theme.spacing(2),
+    },
+}));
+const HeaderButtons = observer(({ model }) => {
+    const { classes } = useStyles();
+    return (React.createElement(Button, { onClick: model.activateTrackSelector, className: classes.toggleButton, title: "Open track selector", value: "track_select", color: "secondary" },
+        React.createElement(TrackSelectorIcon, { className: classes.buttonSpacer })));
+});
+function PanControls({ model }) {
+    const { classes } = useStyles();
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Button, { variant: "outlined", className: classes.panButton, onClick: () => model.slide(-0.9) },
+            React.createElement(ArrowBackIcon, null)),
+        React.createElement(Button, { variant: "outlined", className: classes.panButton, onClick: () => model.slide(0.9) },
+            React.createElement(ArrowForwardIcon, null))));
+}
+const RegionWidth = observer(({ model }) => {
+    const { classes } = useStyles();
+    const { coarseTotalBp } = model;
+    return (React.createElement(Typography, { variant: "body2", color: "textSecondary", className: classes.bp }, getBpDisplayStr(coarseTotalBp)));
+});
+const Controls = ({ model }) => {
+    const { classes } = useStyles();
+    return (React.createElement("div", { className: classes.headerBar },
+        React.createElement(HeaderButtons, { model: model }),
+        React.createElement("div", { className: classes.spacer }),
+        React.createElement(FormGroup, { row: true, className: classes.headerForm },
+            React.createElement(PanControls, { model: model }),
+            React.createElement(SearchBox, { model: model })),
+        React.createElement(RegionWidth, { model: model }),
+        React.createElement(ZoomControls, { model: model }),
+        React.createElement("div", { className: classes.spacer })));
+};
+const LinearGenomeViewHeader = observer(({ model }) => {
+    return model.hideHeaderOverview ? (React.createElement(Controls, { model: model })) : (React.createElement(OverviewScaleBar, { model: model },
+        React.createElement(Controls, { model: model })));
+});
+export default LinearGenomeViewHeader;
+//# sourceMappingURL=Header.js.map

package/esm/LinearGenomeView/components/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/Header.tsx"],"names":[],"mappings":"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"}

package/esm/LinearGenomeView/components/HelpDialog.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export default function HelpDialog({ handleClose, }: {
+    handleClose: () => void;
+}): JSX.Element;

package/esm/LinearGenomeView/components/HelpDialog.js

@@ -0,0 +1,58 @@
+import React from 'react';
+import { Button, Dialog, DialogActions, DialogContent, DialogTitle, Divider, IconButton, } from '@mui/material';
+import { makeStyles } from 'tss-react/mui';
+import CloseIcon from '@mui/icons-material/Close';
+const useStyles = makeStyles()(theme => ({
+    closeButton: {
+        position: 'absolute',
+        right: theme.spacing(1),
+        top: theme.spacing(1),
+        color: theme.palette.grey[500],
+    },
+}));
+export default function HelpDialog({ handleClose, }) {
+    const { classes } = useStyles();
+    return (React.createElement(Dialog, { open: true, maxWidth: "xl", onClose: handleClose },
+        React.createElement(DialogTitle, null,
+            "Using the search box",
+            handleClose ? (React.createElement(IconButton, { className: classes.closeButton, onClick: () => handleClose() },
+                React.createElement(CloseIcon, null))) : null),
+        React.createElement(Divider, null),
+        React.createElement(DialogContent, null,
+            React.createElement("h3", null, "Searching"),
+            React.createElement("ul", null,
+                React.createElement("li", null, "Jump to a feature or reference sequence by typing its name in the location box and pressing Enter."),
+                React.createElement("li", null,
+                    "Jump to a specific region by typing the region into the location box as: ",
+                    React.createElement("code", null, "ref:start..end"),
+                    " or ",
+                    React.createElement("code", null, "ref:start-end"),
+                    ". Commas are allowed in the start and end coordinates. A space-separated list of locstrings can be used to open up multiple chromosomes at a time")),
+            React.createElement("h3", null, "Example Searches"),
+            React.createElement("ul", null,
+                React.createElement("li", null,
+                    React.createElement("code", null, "BRCA"),
+                    " - searches for the feature named BRCA"),
+                React.createElement("li", null,
+                    React.createElement("code", null, "chr4"),
+                    " - jumps to chromosome 4"),
+                React.createElement("li", null,
+                    React.createElement("code", null, "chr4:79,500,000..80,000,000"),
+                    " - jumps the region on chromosome 4 between 79.5Mb and 80Mb."),
+                React.createElement("li", null,
+                    React.createElement("code", null, "chr1:1-100 chr2:1-100"),
+                    " - create a split view of chr1:1-100 and chr2:1-100"),
+                React.createElement("li", null,
+                    React.createElement("code", null, "chr1 chr2 chr3"),
+                    " - open up multiple chromosomes at once"),
+                React.createElement("li", null,
+                    React.createElement("code", null, "chr1:1-100[rev] chr2:1-100"),
+                    " - open up the first region in the horizontally flipped orientation"),
+                React.createElement("li", null,
+                    React.createElement("code", null, "chr1 100 200"),
+                    " - use whitespace separated refname, start, end"))),
+        React.createElement(Divider, null),
+        React.createElement(DialogActions, null,
+            React.createElement(Button, { onClick: () => handleClose(), color: "primary" }, "Close"))));
+}
+//# sourceMappingURL=HelpDialog.js.map

package/esm/LinearGenomeView/components/HelpDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelpDialog.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/HelpDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,MAAM,EACN,MAAM,EACN,aAAa,EACb,aAAa,EACb,WAAW,EACX,OAAO,EACP,UAAU,GACX,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,SAAS,MAAM,2BAA2B,CAAA;AAEjD,MAAM,SAAS,GAAG,UAAU,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACvC,WAAW,EAAE;QACX,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACvB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACrB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;KAC/B;CACF,CAAC,CAAC,CAAA;AAEH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,WAAW,GAGZ;IACC,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAA;IAC/B,OAAO,CACL,oBAAC,MAAM,IAAC,IAAI,QAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,EAAE,WAAW;QAC7C,oBAAC,WAAW;;YAET,WAAW,CAAC,CAAC,CAAC,CACb,oBAAC,UAAU,IACT,SAAS,EAAE,OAAO,CAAC,WAAW,EAC9B,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE;gBAE5B,oBAAC,SAAS,OAAG,CACF,CACd,CAAC,CAAC,CAAC,IAAI,CACI;QACd,oBAAC,OAAO,OAAG;QACX,oBAAC,aAAa;YACZ,4CAAkB;YAClB;gBACE,qIAGK;gBACL;;oBAEM,mDAA2B;;oBAAI,kDAA0B;wKAI1D,CACF;YACL,mDAAyB;YACzB;gBACE;oBACE,yCAAiB;6DACd;gBACL;oBACE,yCAAiB;+CACd;gBACL;oBACE,gEAAwC;mFAErC;gBACL;oBACE,0DAAkC;0EAE/B;gBACL;oBACE,mDAA2B;8DACxB;gBACL;oBACE,+DAAuC;0FAEpC;gBACL;oBACE,iDAAyB;sEAEtB,CACF,CACS;QAChB,oBAAC,OAAO,OAAG;QACX,oBAAC,aAAa;YACZ,oBAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,EAAE,KAAK,EAAC,SAAS,YAE5C,CACK,CACT,CACV,CAAA;AACH,CAAC"}

package/esm/LinearGenomeView/components/ImportForm.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { LinearGenomeViewModel } from '..';
+declare type LGV = LinearGenomeViewModel;
+declare const ImportForm: ({ model }: {
+    model: LGV;
+}) => JSX.Element;
+export default ImportForm;

package/esm/LinearGenomeView/components/ImportForm.js

@@ -0,0 +1,141 @@
+import React, { useState, lazy } from 'react';
+import { makeStyles } from 'tss-react/mui';
+import { observer } from 'mobx-react';
+import { getSession } from '@jbrowse/core/util';
+import { Button, CircularProgress, Container, Grid } from '@mui/material';
+import { ErrorMessage, AssemblySelector } from '@jbrowse/core/ui';
+import BaseResult from '@jbrowse/core/TextSearch/BaseResults';
+import CloseIcon from '@mui/icons-material/Close';
+// locals
+import RefNameAutocomplete from './RefNameAutocomplete';
+import { fetchResults } from './util';
+import { WIDGET_HEIGHT } from '..';
+const SearchResultsDialog = lazy(() => import('./SearchResultsDialog'));
+const useStyles = makeStyles()(theme => ({
+    importFormContainer: {
+        padding: theme.spacing(2),
+    },
+    button: {
+        margin: theme.spacing(2),
+    },
+    container: {
+        padding: theme.spacing(4),
+    },
+}));
+const ImportForm = observer(({ model }) => {
+    var _a;
+    const { classes } = useStyles();
+    const session = getSession(model);
+    const { assemblyNames, assemblyManager, textSearchManager } = session;
+    const { rankSearchResults, isSearchDialogDisplayed, error } = model;
+    const [selectedAsm, setSelectedAsm] = useState(assemblyNames[0]);
+    const [importError, setImportError] = useState(error);
+    const searchScope = model.searchScope(selectedAsm);
+    const assembly = assemblyManager.get(selectedAsm);
+    const assemblyError = assemblyNames.length
+        ? assembly === null || assembly === void 0 ? void 0 : assembly.error
+        : 'No configured assemblies';
+    const regions = (assembly === null || assembly === void 0 ? void 0 : assembly.regions) || [];
+    const err = assemblyError || importError;
+    const [myVal, setValue] = useState('');
+    const value = myVal || ((_a = regions[0]) === null || _a === void 0 ? void 0 : _a.refName);
+    // use this instead of useState initializer because the useState initializer
+    // won't update in response to an observable
+    const option = new BaseResult({
+        label: value,
+    });
+    // gets a string as input, or use stored option results from previous query,
+    // then re-query and
+    // 1) if it has multiple results: pop a dialog
+    // 2) if it's a single result navigate to it
+    // 3) else assume it's a locstring and navigate to it
+    async function handleSelectedRegion(input) {
+        if (!option) {
+            return;
+        }
+        let trackId = option.getTrackId();
+        let location = input || option.getLocation() || '';
+        const [ref, rest] = location.split(':');
+        const allRefs = (assembly === null || assembly === void 0 ? void 0 : assembly.allRefNames) || [];
+        try {
+            // instead of querying text-index, first:
+            // - check if input matches a refname directly
+            // - or looks like locstring
+            // then just navigate as if it were a locstring
+            if (allRefs.includes(location) ||
+                (allRefs.includes(ref) &&
+                    rest !== undefined &&
+                    !Number.isNaN(parseInt(rest, 10)))) {
+                model.navToLocString(location, selectedAsm);
+            }
+            else {
+                const results = await fetchResults({
+                    queryString: input,
+                    searchType: 'exact',
+                    searchScope,
+                    rankSearchResults,
+                    textSearchManager,
+                    assembly,
+                });
+                if (results.length > 1) {
+                    model.setSearchResults(results, input.toLowerCase());
+                    return;
+                }
+                else if (results.length === 1) {
+                    location = results[0].getLocation();
+                    trackId = results[0].getTrackId();
+                }
+                model.navToLocString(location, selectedAsm);
+                if (trackId) {
+                    model.showTrack(trackId);
+                }
+            }
+        }
+        catch (e) {
+            console.error(e);
+            session.notify(`${e}`, 'warning');
+        }
+    }
+    const height = WIDGET_HEIGHT + 5;
+    // implementation notes:
+    // having this wrapped in a form allows intuitive use of enter key to submit
+    return (React.createElement("div", { className: classes.container },
+        err ? React.createElement(ErrorMessage, { error: err }) : null,
+        React.createElement(Container, { className: classes.importFormContainer },
+            React.createElement("form", { onSubmit: event => {
+                    event.preventDefault();
+                    model.setError(undefined);
+                    if (value) {
+                        handleSelectedRegion(value);
+                    }
+                } },
+                React.createElement(Grid, { container: true, spacing: 1, justifyContent: "center", alignItems: "center" },
+                    React.createElement(Grid, { item: true },
+                        React.createElement(AssemblySelector, { onChange: val => {
+                                setImportError('');
+                                setSelectedAsm(val);
+                            }, session: session, selected: selectedAsm, InputProps: { style: { height } } })),
+                    React.createElement(Grid, { item: true }, selectedAsm ? (err ? (React.createElement(CloseIcon, { style: { color: 'red' } })) : value ? (React.createElement(RefNameAutocomplete, { fetchResults: queryString => fetchResults({
+                            queryString,
+                            assembly,
+                            textSearchManager,
+                            rankSearchResults,
+                            searchScope,
+                        }), model: model, assemblyName: assemblyError ? undefined : selectedAsm, value: value, 
+                        // note: minWidth 270 accomodates full width of helperText
+                        minWidth: 270, onChange: str => setValue(str), TextFieldProps: {
+                            variant: 'outlined',
+                            helperText: 'Enter sequence name, feature name, or location',
+                            style: { minWidth: '175px' },
+                            InputProps: { style: { height } },
+                        } })) : (React.createElement(CircularProgress, { role: "progressbar", size: 20, disableShrink: true }))) : null),
+                    React.createElement(Grid, { item: true },
+                        React.createElement(Button, { type: "submit", disabled: !value, className: classes.button, variant: "contained", color: "primary" }, "Open"),
+                        React.createElement(Button, { disabled: !value, className: classes.button, onClick: () => {
+                                model.setError(undefined);
+                                model.showAllRegionsInAssembly(selectedAsm);
+                            }, variant: "contained", color: "secondary" }, "Show all regions in assembly"))))),
+        isSearchDialogDisplayed ? (React.createElement(SearchResultsDialog, { model: model, optAssemblyName: selectedAsm, handleClose: () => model.setSearchResults(undefined, undefined) })) : null));
+});
+export default ImportForm;
+//# sourceMappingURL=ImportForm.js.map

package/esm/LinearGenomeView/components/ImportForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImportForm.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/ImportForm.tsx"],"names":[],"mappings":"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"}

package/esm/LinearGenomeView/components/LinearGenomeView.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { LinearGenomeViewModel } from '..';
+declare type LGV = LinearGenomeViewModel;
+declare const LinearGenomeView: ({ model }: {
+    model: LGV;
+}) => JSX.Element;
+export default LinearGenomeView;

package/esm/LinearGenomeView/components/LinearGenomeView.js

@@ -0,0 +1,67 @@
+import React from 'react';
+import { Button, Paper, Typography } from '@mui/material';
+import { makeStyles } from 'tss-react/mui';
+import { TrackSelector as TrackSelectorIcon } from '@jbrowse/core/ui/Icons';
+import { observer } from 'mobx-react';
+import Header from './Header';
+import TrackContainer from './TrackContainer';
+import TracksContainer from './TracksContainer';
+import ImportForm from './ImportForm';
+import MiniControls from './MiniControls';
+import SequenceDialog from './SequenceDialog';
+import SearchResultsDialog from './SearchResultsDialog';
+const useStyles = makeStyles()(theme => ({
+    note: {
+        textAlign: 'center',
+        paddingTop: theme.spacing(1),
+        paddingBottom: theme.spacing(1),
+    },
+    dots: {
+        '&::after': {
+            display: 'inline-block',
+            animation: '$ellipsis 1.5s infinite',
+            content: '"."',
+            width: '1em',
+            textAlign: 'left',
+        },
+    },
+    '@keyframes ellipsis': {
+        '0%': {
+            content: '"."',
+        },
+        '33%': {
+            content: '".."',
+        },
+        '66%': {
+            content: '"..."',
+        },
+    },
+}));
+const LinearGenomeView = observer(({ model }) => {
+    const { tracks, error, hideHeader, initialized, hasDisplayedRegions } = model;
+    const { classes } = useStyles();
+    if (!initialized && !error) {
+        return (React.createElement(Typography, { className: classes.dots, variant: "h5" }, "Loading"));
+    }
+    if (!hasDisplayedRegions || error) {
+        return React.createElement(ImportForm, { model: model });
+    }
+    return (React.createElement("div", { style: { position: 'relative' } },
+        model.seqDialogDisplayed ? (React.createElement(SequenceDialog, { model: model, handleClose: () => {
+                model.setSequenceDialogOpen(false);
+            } })) : null,
+        model.isSearchDialogDisplayed ? (React.createElement(SearchResultsDialog, { model: model, handleClose: () => {
+                model.setSearchResults(undefined, undefined);
+            } })) : null,
+        !hideHeader ? (React.createElement(Header, { model: model })) : (React.createElement("div", { style: {
+                position: 'absolute',
+                right: 0,
+                zIndex: 1001,
+            } },
+            React.createElement(MiniControls, { model: model }))),
+        React.createElement(TracksContainer, { model: model }, !tracks.length ? (React.createElement(Paper, { variant: "outlined", className: classes.note }, !model.hideNoTracksActive ? (React.createElement(React.Fragment, null,
+            React.createElement(Typography, null, "No tracks active."),
+            React.createElement(Button, { variant: "contained", color: "primary", onClick: model.activateTrackSelector, style: { zIndex: 1000 }, startIcon: React.createElement(TrackSelectorIcon, null) }, "Open track selector"))) : (React.createElement("div", { style: { height: '48px' } })))) : (tracks.map(track => (React.createElement(TrackContainer, { key: track.id, model: model, track: track })))))));
+});
+export default LinearGenomeView;
+//# sourceMappingURL=LinearGenomeView.js.map

package/esm/LinearGenomeView/components/LinearGenomeView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinearGenomeView.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/LinearGenomeView.tsx"],"names":[],"mappings":"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"}

package/esm/LinearGenomeView/components/LinearGenomeViewSvg.d.ts

@@ -0,0 +1,4 @@
+import { LinearGenomeViewModel, ExportSvgOptions } from '..';
+declare type LGV = LinearGenomeViewModel;
+export declare function renderToSvg(model: LGV, opts: ExportSvgOptions): Promise<string>;
+export {};

package/esm/LinearGenomeView/components/LinearGenomeViewSvg.js

@@ -0,0 +1,132 @@
+import React from 'react';
+import { renderToStaticMarkup } from 'react-dom/server';
+import { when } from 'mobx';
+import { getParent } from 'mobx-state-tree';
+import { getConf, readConfObject } from '@jbrowse/core/configuration';
+import { getSession, getBpDisplayStr } from '@jbrowse/core/util';
+import Base1DView from '@jbrowse/core/util/Base1DViewModel';
+// locals
+import Ruler from './Ruler';
+import { HEADER_OVERVIEW_HEIGHT, } from '..';
+import { Polygon, Cytobands } from './OverviewScaleBar';
+function ScaleBar({ model, fontSize }) {
+    const { offsetPx, dynamicBlocks: { totalWidthPxWithoutBorders: totalWidthPx, totalBp }, } = model;
+    const displayBp = getBpDisplayStr(totalBp);
+    const x0 = Math.max(-offsetPx, 0);
+    const x1 = x0 + totalWidthPx;
+    return (React.createElement(React.Fragment, null,
+        React.createElement("line", { x1: x0, x2: x1, y1: 10, y2: 10, stroke: "black" }),
+        React.createElement("line", { x1: x0, x2: x0, y1: 5, y2: 15, stroke: "black" }),
+        React.createElement("line", { x1: x1, x2: x1, y1: 5, y2: 15, stroke: "black" }),
+        React.createElement("text", { x: x0 + (x1 - x0) / 2, y: fontSize * 2, textAnchor: "middle", fontSize: fontSize }, displayBp)));
+}
+function SVGRuler({ model, fontSize, width, }) {
+    const { dynamicBlocks: { contentBlocks }, offsetPx: viewOffsetPx, bpPerPx, } = model;
+    const renderRuler = contentBlocks.length < 5;
+    return (React.createElement(React.Fragment, null,
+        React.createElement("defs", null,
+            React.createElement("clipPath", { id: "clip-ruler" },
+                React.createElement("rect", { x: 0, y: 0, width: width, height: 20 }))),
+        contentBlocks.map(block => {
+            const { key, start, end, reversed, offsetPx, refName } = block;
+            const offsetLeft = offsetPx - viewOffsetPx;
+            return (React.createElement("g", { key: `${key}`, transform: `translate(${offsetLeft} 0)` },
+                React.createElement("text", { x: offsetLeft / bpPerPx, y: fontSize, fontSize: fontSize }, refName),
+                renderRuler ? (React.createElement("g", { transform: "translate(0 20)", clipPath: "url(#clip-ruler)" },
+                    React.createElement(Ruler, { start: start, end: end, bpPerPx: bpPerPx, reversed: reversed }))) : (React.createElement("line", { strokeWidth: 1, stroke: "black", x1: start / bpPerPx, x2: end / bpPerPx, y1: 20, y2: 20 }))));
+        })));
+}
+const fontSize = 15;
+const rulerHeight = 50;
+const textHeight = fontSize + 5;
+const paddingHeight = 20;
+const headerHeight = textHeight + 20;
+const cytobandHeightIfExists = 100;
+const totalHeight = (tracks) => {
+    return tracks.reduce((accum, track) => {
+        const display = track.displays[0];
+        return accum + display.height + paddingHeight + textHeight;
+    }, 0);
+};
+// SVG component, ruler and assembly name
+const SVGHeader = ({ model }) => {
+    const { width, assemblyNames, showCytobands, displayedRegions } = model;
+    const { assemblyManager } = getSession(model);
+    const assemblyName = assemblyNames.length > 1 ? '' : assemblyNames[0];
+    const assembly = assemblyManager.get(assemblyName);
+    const overview = Base1DView.create({
+        displayedRegions: JSON.parse(JSON.stringify(displayedRegions)),
+        interRegionPaddingWidth: 0,
+        minimumBlockWidth: model.minimumBlockWidth,
+    });
+    const visibleRegions = model.dynamicBlocks.contentBlocks;
+    overview.setVolatileWidth(width);
+    overview.showAllRegions();
+    const block = overview.dynamicBlocks.contentBlocks[0];
+    const first = visibleRegions[0];
+    const firstOverviewPx = overview.bpToPx({
+        ...first,
+        coord: first.reversed ? first.end : first.start,
+    }) || 0;
+    const last = visibleRegions[visibleRegions.length - 1];
+    const lastOverviewPx = overview.bpToPx({
+        ...last,
+        coord: last.reversed ? last.start : last.end,
+    }) || 0;
+    const cytobandHeight = showCytobands ? cytobandHeightIfExists : 0;
+    return (React.createElement("g", { id: "header" },
+        React.createElement("text", { x: 0, y: fontSize, fontSize: fontSize }, assemblyName),
+        showCytobands ? (React.createElement("g", { transform: `translate(0 ${rulerHeight})` },
+            React.createElement(Cytobands, { overview: overview, assembly: assembly, block: block }),
+            React.createElement("rect", { stroke: "red", fill: "rgb(255,0,0,0.1)", width: Math.max(lastOverviewPx - firstOverviewPx, 0.5), height: HEADER_OVERVIEW_HEIGHT - 1, x: firstOverviewPx, y: 0.5 }),
+            React.createElement("g", { transform: `translate(0,${HEADER_OVERVIEW_HEIGHT})` },
+                React.createElement(Polygon, { overview: overview, model: model, useOffset: false })))) : null,
+        React.createElement("g", { transform: `translate(0 ${fontSize + cytobandHeight})` },
+            React.createElement(ScaleBar, { model: model, fontSize: fontSize })),
+        React.createElement("g", { transform: `translate(0 ${rulerHeight + cytobandHeight})` },
+            React.createElement(SVGRuler, { model: model, fontSize: fontSize, width: width }))));
+};
+// SVG component, region separator
+const SVGRegionSeparators = ({ model, height, }) => {
+    const { dynamicBlocks, offsetPx, interRegionPaddingWidth } = model;
+    return (React.createElement(React.Fragment, null, dynamicBlocks.contentBlocks.slice(1).map(block => (React.createElement("rect", { key: block.key, x: block.offsetPx - offsetPx - interRegionPaddingWidth, width: interRegionPaddingWidth, y: 0, height: height, stroke: "none", fill: "grey" })))));
+};
+// SVG component, tracks
+function SVGTracks({ displayResults, model, offset, }) {
+    return (React.createElement(React.Fragment, null, displayResults.map(({ track, result }) => {
+        const current = offset;
+        const trackName = getConf(track, 'name') ||
+            `Reference sequence (${readConfObject(getParent(track.configuration), 'name')})`;
+        const display = track.displays[0];
+        offset += display.height + paddingHeight + textHeight;
+        return (React.createElement("g", { key: track.configuration.trackId, transform: `translate(0 ${current})` },
+            React.createElement("text", { fontSize: fontSize, x: Math.max(-model.offsetPx, 0) }, trackName),
+            React.createElement("g", { transform: `translate(0 ${textHeight})` },
+                result,
+                React.createElement(SVGRegionSeparators, { model: model, height: display.height }))));
+    })));
+}
+// render LGV to SVG
+export async function renderToSvg(model, opts) {
+    await when(() => model.initialized);
+    const { width, tracks, showCytobands } = model;
+    const shift = 50;
+    const offset = headerHeight +
+        rulerHeight +
+        (showCytobands ? cytobandHeightIfExists : 0) +
+        20;
+    const height = totalHeight(tracks) + offset;
+    const displayResults = await Promise.all(tracks.map(async (track) => {
+        const display = track.displays[0];
+        await when(() => (display.ready !== undefined ? display.ready : true));
+        const result = await display.renderSvg(opts);
+        return { track, result };
+    }));
+    // the xlink namespace is used for rendering <image> tag
+    return renderToStaticMarkup(React.createElement("svg", { width: width, height: height, xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", viewBox: [0, 0, width + shift * 2, height].toString() },
+        React.createElement("rect", { width: width + shift * 2, height: height, fill: "white" }),
+        React.createElement("g", { stroke: "none", transform: `translate(${shift} ${fontSize})` },
+            React.createElement(SVGHeader, { model: model }),
+            React.createElement(SVGTracks, { model: model, displayResults: displayResults, offset: offset }))));
+}
+//# sourceMappingURL=LinearGenomeViewSvg.js.map

package/esm/LinearGenomeView/components/LinearGenomeViewSvg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinearGenomeViewSvg.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/LinearGenomeViewSvg.tsx"],"names":[],"mappings":"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"}

package/esm/LinearGenomeView/components/MiniControls.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { LinearGenomeViewModel } from '..';
+declare const MiniControls: (props: {
+    model: LinearGenomeViewModel;
+}) => JSX.Element;
+export default MiniControls;

package/esm/LinearGenomeView/components/MiniControls.js

@@ -0,0 +1,25 @@
+import React, { useState } from 'react';
+import { observer } from 'mobx-react';
+import { IconButton, Paper } from '@mui/material';
+import ZoomIn from '@mui/icons-material/ZoomIn';
+import ZoomOut from '@mui/icons-material/ZoomOut';
+import ArrowDown from '@mui/icons-material/KeyboardArrowDown';
+import Menu from '@jbrowse/core/ui/Menu';
+const MiniControls = observer((props) => {
+    const { model } = props;
+    const { bpPerPx, maxBpPerPx, minBpPerPx, scaleFactor } = model;
+    const [anchorEl, setAnchorEl] = useState();
+    return (React.createElement(Paper, { style: { background: '#aaa7' } },
+        React.createElement(IconButton, { color: "secondary", onClick: event => setAnchorEl(event.currentTarget) },
+            React.createElement(ArrowDown, { fontSize: "small" })),
+        React.createElement(IconButton, { "data-testid": "zoom_out", onClick: () => model.zoom(bpPerPx * 2), disabled: bpPerPx >= maxBpPerPx - 0.0001 || scaleFactor !== 1, color: "secondary" },
+            React.createElement(ZoomOut, { fontSize: "small" })),
+        React.createElement(IconButton, { "data-testid": "zoom_in", onClick: () => model.zoom(model.bpPerPx / 2), disabled: bpPerPx <= minBpPerPx + 0.0001 || scaleFactor !== 1, color: "secondary" },
+            React.createElement(ZoomIn, { fontSize: "small" })),
+        React.createElement(Menu, { anchorEl: anchorEl, open: Boolean(anchorEl), onMenuItemClick: (_, callback) => {
+                callback();
+                setAnchorEl(undefined);
+            }, onClose: () => setAnchorEl(undefined), menuItems: model.menuItems() })));
+});
+export default MiniControls;
+//# sourceMappingURL=MiniControls.js.map

package/esm/LinearGenomeView/components/MiniControls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MiniControls.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/MiniControls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,MAAM,MAAM,4BAA4B,CAAA;AAC/C,OAAO,OAAO,MAAM,6BAA6B,CAAA;AACjD,OAAO,SAAS,MAAM,uCAAuC,CAAA;AAC7D,OAAO,IAAI,MAAM,uBAAuB,CAAA;AAGxC,MAAM,YAAY,GAAG,QAAQ,CAAC,CAAC,KAAuC,EAAE,EAAE;IACxE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IACvB,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,KAAK,CAAA;IAC9D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,EAAe,CAAA;IAEvD,OAAO,CACL,oBAAC,KAAK,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE;QACnC,oBAAC,UAAU,IACT,KAAK,EAAC,WAAW,EACjB,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,aAAa,CAAC;YAElD,oBAAC,SAAS,IAAC,QAAQ,EAAC,OAAO,GAAG,CACnB;QAEb,oBAAC,UAAU,mBACG,UAAU,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,EACtC,QAAQ,EAAE,OAAO,IAAI,UAAU,GAAG,MAAM,IAAI,WAAW,KAAK,CAAC,EAC7D,KAAK,EAAC,WAAW;YAEjB,oBAAC,OAAO,IAAC,QAAQ,EAAC,OAAO,GAAG,CACjB;QACb,oBAAC,UAAU,mBACG,SAAS,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,CAAC,CAAC,EAC5C,QAAQ,EAAE,OAAO,IAAI,UAAU,GAAG,MAAM,IAAI,WAAW,KAAK,CAAC,EAC7D,KAAK,EAAC,WAAW;YAEjB,oBAAC,MAAM,IAAC,QAAQ,EAAC,OAAO,GAAG,CAChB;QACb,oBAAC,IAAI,IACH,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,OAAO,CAAC,QAAQ,CAAC,EACvB,eAAe,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE;gBAC/B,QAAQ,EAAE,CAAA;gBACV,WAAW,CAAC,SAAS,CAAC,CAAA;YACxB,CAAC,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,SAAS,CAAC,EACrC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,GAC5B,CACI,CACT,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,YAAY,CAAA"}

package/esm/LinearGenomeView/components/OverviewRubberBand.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import ReactPropTypes from 'prop-types';
+import { Base1DViewModel } from '@jbrowse/core/util/Base1DViewModel';
+import { LinearGenomeViewModel } from '..';
+declare type LGV = LinearGenomeViewModel;
+declare function OverviewRubberBand({ model, overview, ControlComponent, }: {
+    model: LGV;
+    overview: Base1DViewModel;
+    ControlComponent?: React.ReactElement;
+}): JSX.Element;
+declare namespace OverviewRubberBand {
+    var propTypes: {
+        model: ReactPropTypes.Validator<any>;
+        overview: ReactPropTypes.Validator<any>;
+        ControlComponent: ReactPropTypes.Requireable<ReactPropTypes.ReactNodeLike>;
+    };
+    var defaultProps: {
+        ControlComponent: JSX.Element;
+    };
+}
+declare const _default: typeof OverviewRubberBand;
+export default _default;