react-msaview 1.3.1 → 2.0.0

package/dist/components/BoxTrack.js

@@ -2,38 +2,40 @@ import React, { useRef, useMemo, useEffect } from 'react';
 import { observer } from 'mobx-react';
 import { getSnapshot, isStateTreeNode } from 'mobx-state-tree';
 import Layout from '../layout';
-var AnnotationBlock = observer(function (_a) {
-    var track = _a.track, model = _a.model, offsetX = _a.offsetX;
-    var blockSize = model.blockSize, colWidth = model.colWidth, blanks = model.blanks, rowHeight = model.rowHeight, highResScaleFactor = model.highResScaleFactor, scrollX = model.scrollX;
-    var _b = track.model, height = _b.height, features = _b.features, associatedRowName = _b.associatedRowName;
-    var feats = isStateTreeNode(features)
-        ? getSnapshot(features)
+const AnnotationBlock = observer(function ({ track, model, offsetX, }) {
+    const { blockSize, colWidth, blanks, rowHeight, highResScaleFactor, scrollX, } = model;
+    const { model: { height, features, associatedRowName }, } = track;
+    const feats = isStateTreeNode(features)
+        ? // @ts-expect-error
+            getSnapshot(features)
         : features;
-    var layout = useMemo(function () {
-        var temp = new Layout();
-        feats === null || feats === void 0 ? void 0 : feats.forEach(function (feature, index) {
-            var start = feature.start, end = feature.end;
+    const layout = useMemo(() => {
+        const temp = new Layout();
+        feats === null || feats === void 0 ? void 0 : feats.forEach((feature, index) => {
+            const { start, end } = feature;
             if (associatedRowName) {
-                var s = model.rowSpecificBpToPx(associatedRowName, start - 1);
-                var e = model.rowSpecificBpToPx(associatedRowName, end);
-                temp.addRect("" + index, s, e, rowHeight, feature);
+                const s = model.rowSpecificBpToPx(associatedRowName, start - 1);
+                const e = model.rowSpecificBpToPx(associatedRowName, end);
+                temp.addRect(`${index}`, s, e, rowHeight, feature);
             }
             else {
-                var s = model.globalBpToPx(start - 1);
-                var e = model.globalBpToPx(end);
-                temp.addRect("" + index, s, e, rowHeight, feature);
+                const s = model.globalBpToPx(start - 1);
+                const e = model.globalBpToPx(end);
+                temp.addRect(`${index}`, s, e, rowHeight, feature);
             }
         });
         return temp;
+        // might convert to autorun based drawing
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [rowHeight, feats, associatedRowName, model, blanks]);
-    var ref = useRef(null);
-    var labelRef = useRef(null);
-    var mouseoverRef = useRef(null);
-    useEffect(function () {
+    const ref = useRef(null);
+    const labelRef = useRef(null);
+    const mouseoverRef = useRef(null);
+    useEffect(() => {
         if (!ref.current) {
             return;
         }
-        var ctx = ref.current.getContext('2d');
+        const ctx = ref.current.getContext('2d');
         if (!ctx) {
             return;
         }
@@ -42,13 +44,13 @@ var AnnotationBlock = observer(function (_a) {
         ctx.clearRect(0, 0, blockSize, height);
         ctx.translate(-offsetX, 0);
         ctx.textAlign = 'center';
-        ctx.font = ctx.font.replace(/\d+px/, Math.max(8, rowHeight - 8) + "px");
-        var xStart = Math.max(0, Math.floor(offsetX / colWidth));
+        ctx.font = ctx.font.replace(/\d+px/, `${Math.max(8, rowHeight - 8)}px`);
+        const xStart = Math.max(0, Math.floor(offsetX / colWidth));
         ctx.fillStyle = 'goldenrod';
-        layout.rectangles.forEach(function (value) {
-            var minX = value.minX, maxX = value.maxX, minY = value.minY, maxY = value.maxY;
-            var x1 = (minX - xStart) * colWidth + offsetX - (offsetX % colWidth);
-            var x2 = (maxX - xStart) * colWidth + offsetX - (offsetX % colWidth);
+        layout.rectangles.forEach(value => {
+            const { minX, maxX, minY, maxY } = value;
+            const x1 = (minX - xStart) * colWidth + offsetX - (offsetX % colWidth);
+            const x2 = (maxX - xStart) * colWidth + offsetX - (offsetX % colWidth);
             if (x2 - x1 > 0) {
                 ctx.fillRect(x1, minY, x2 - x1, (maxY - minY) / 2);
             }
@@ -66,11 +68,11 @@ var AnnotationBlock = observer(function (_a) {
         features,
         blanks,
     ]);
-    useEffect(function () {
+    useEffect(() => {
         if (!labelRef.current) {
             return;
         }
-        var ctx = labelRef.current.getContext('2d');
+        const ctx = labelRef.current.getContext('2d');
         if (!ctx) {
             return;
         }
@@ -80,20 +82,21 @@ var AnnotationBlock = observer(function (_a) {
         ctx.clearRect(0, 0, blockSize, height);
         ctx.translate(-offsetX, 0);
         ctx.textAlign = 'center';
-        ctx.font = ctx.font.replace(/\d+px/, Math.max(8, rowHeight - 8) + "px");
+        ctx.font = ctx.font.replace(/\d+px/, `${Math.max(8, rowHeight - 8)}px`);
         ctx.fillStyle = 'black';
         ctx.textAlign = 'left';
-        layout.rectangles.forEach(function (value) {
+        layout.rectangles.forEach(value => {
             var _a, _b, _c, _d;
-            var minX = value.minX, maxX = value.maxX, maxY = value.maxY, minY = value.minY;
-            var feature = value.data;
-            var x1 = minX * colWidth;
-            var x2 = maxX * colWidth;
+            const { minX, maxX, maxY, minY } = value;
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            const feature = value.data;
+            const x1 = minX * colWidth;
+            const x2 = maxX * colWidth;
             if (x2 - x1 > 0) {
-                var note = (_b = (_a = feature.attributes) === null || _a === void 0 ? void 0 : _a.Note) === null || _b === void 0 ? void 0 : _b[0];
-                var name_1 = (_d = (_c = feature.attributes) === null || _c === void 0 ? void 0 : _c.Name) === null || _d === void 0 ? void 0 : _d[0];
-                var type = feature.type;
-                ctx.fillText([type, name_1, note].filter(function (f) { return !!f; }).join(' - '), Math.max(Math.min(-scrollX, x2), x1), minY + (maxY - minY));
+                const note = (_b = (_a = feature.attributes) === null || _a === void 0 ? void 0 : _a.Note) === null || _b === void 0 ? void 0 : _b[0];
+                const name = (_d = (_c = feature.attributes) === null || _c === void 0 ? void 0 : _c.Name) === null || _d === void 0 ? void 0 : _d[0];
+                const type = feature.type;
+                ctx.fillText([type, name, note].filter(f => !!f).join(' - '), Math.max(Math.min(-scrollX, x2), x1), minY + (maxY - minY));
             }
         });
     }, [
@@ -114,30 +117,30 @@ var AnnotationBlock = observer(function (_a) {
                 position: 'absolute',
                 left: scrollX + offsetX,
                 width: blockSize,
-                height: height,
+                height,
             } }),
         React.createElement("canvas", { ref: labelRef, height: height * highResScaleFactor, width: blockSize * highResScaleFactor, style: {
                 position: 'absolute',
                 left: scrollX + offsetX,
                 width: blockSize,
-                height: height,
+                height,
             } }),
         React.createElement("canvas", { ref: mouseoverRef, height: height * highResScaleFactor, width: blockSize * highResScaleFactor, style: {
                 position: 'absolute',
                 left: scrollX + offsetX,
                 width: blockSize,
-                height: height,
+                height,
             } })));
 });
-var AnnotationTrack = observer(function (_a) {
-    var model = _a.model, track = _a.track;
-    var blocksX = model.blocksX, msaAreaWidth = model.msaAreaWidth;
-    var height = track.model.height;
+const AnnotationTrack = observer(function ({ model, track, }) {
+    const { blocksX, msaAreaWidth } = model;
+    const { model: { height }, } = track;
     return (React.createElement("div", { style: {
             position: 'relative',
-            height: height,
+            height,
             width: msaAreaWidth,
             overflow: 'hidden',
-        } }, blocksX.map(function (bx) { return (React.createElement(AnnotationBlock, { track: track, key: bx, model: model, offsetX: bx })); })));
+        } }, blocksX.map(bx => (React.createElement(AnnotationBlock, { track: track, key: bx, model: model, offsetX: bx })))));
 });
 export default AnnotationTrack;
+//# sourceMappingURL=BoxTrack.js.map

package/dist/components/BoxTrack.js.map

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

package/dist/components/DetailsDlg.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MsaViewModel } from '../model';
 declare const _default: ({ model, onClose, open, }: {
     model: MsaViewModel;

package/dist/components/DetailsDlg.js

@@ -1,12 +1,12 @@
 import React from 'react';
-import { Dialog, DialogTitle, DialogContent } from '@material-ui/core';
+import { DialogContent } from '@mui/material';
 import { observer } from 'mobx-react';
+import { Dialog } from '@jbrowse/core/ui';
 import { Attributes } from '@jbrowse/core/BaseFeatureWidget/BaseFeatureDetail';
-export default observer(function (_a) {
-    var model = _a.model, onClose = _a.onClose, open = _a.open;
-    var alignmentDetails = model.alignmentDetails;
-    return (React.createElement(Dialog, { onClose: function () { return onClose(); }, open: open },
-        React.createElement(DialogTitle, null, "Metadata"),
+export default observer(function ({ model, onClose, open, }) {
+    const { header } = model;
+    return (React.createElement(Dialog, { onClose: () => onClose(), open: open, title: "Metadata" },
         React.createElement(DialogContent, null,
-            React.createElement(Attributes, { attributes: alignmentDetails }))));
+            React.createElement(Attributes, { attributes: header }))));
 });
+//# sourceMappingURL=DetailsDlg.js.map

package/dist/components/DetailsDlg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailsDlg.js","sourceRoot":"","sources":["../../src/components/DetailsDlg.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,mDAAmD,CAAA;AAK9E,eAAe,QAAQ,CAAC,UAAU,EAChC,KAAK,EACL,OAAO,EACP,IAAI,GAKL;IACC,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;IAExB,OAAO,CACL,oBAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,UAAU;QAC5D,oBAAC,aAAa;YACZ,oBAAC,UAAU,IAAC,UAAU,EAAE,MAAM,GAAI,CACpB,CACT,CACV,CAAA;AACH,CAAC,CAAC,CAAA"}

package/dist/components/Header.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MsaViewModel } from '../model';
 declare const Header: ({ model }: {
     model: MsaViewModel;

package/dist/components/Header.js

@@ -1,19 +1,18 @@
 import React, { useState } from 'react';
-import { IconButton, Select, Typography } from '@material-ui/core';
+import { IconButton, Select, Typography } from '@mui/material';
 import { observer } from 'mobx-react';
 import SettingsDialog from './SettingsDlg';
 import AboutDialog from './AboutDlg';
 import DetailsDialog from './DetailsDlg';
 import TracklistDialog from './TracklistDlg';
-//icons
-import FolderOpenIcon from '@material-ui/icons/FolderOpen';
-import SettingsIcon from '@material-ui/icons/Settings';
-import HelpIcon from '@material-ui/icons/Help';
-import AssignmentIcon from '@material-ui/icons/Assignment';
-import ListIcon from '@material-ui/icons/List';
-var InfoArea = observer(function (_a) {
-    var model = _a.model;
-    var mouseOverRowName = model.mouseOverRowName, mouseCol = model.mouseCol;
+// icons
+import FolderOpenIcon from '@mui/icons-material/FolderOpen';
+import SettingsIcon from '@mui/icons-material/Settings';
+import HelpIcon from '@mui/icons-material/Help';
+import AssignmentIcon from '@mui/icons-material/Assignment';
+import ListIcon from '@mui/icons-material/List';
+const InfoArea = observer(({ model }) => {
+    const { mouseOverRowName, mouseCol } = model;
     return (React.createElement("div", null,
         React.createElement(Typography, { display: "inline" },
             "Row name: ",
@@ -23,41 +22,47 @@ var InfoArea = observer(function (_a) {
             "Position: ",
             mouseCol)));
 });
-var Header = observer(function (_a) {
-    var model = _a.model;
-    var _b = useState(false), settingsDialogVisible = _b[0], setSettingsDialogVisible = _b[1];
-    var _c = useState(false), aboutDialogVisible = _c[0], setAboutDialogVisible = _c[1];
-    var _d = useState(false), detailsDialogVisible = _d[0], setDetailsDialogVisible = _d[1];
-    var _e = useState(false), tracklistDialogVisible = _e[0], setTracklistDialogVisible = _e[1];
-    var currentAlignment = model.currentAlignment, alignmentNames = model.alignmentNames;
+const Header = observer(({ model }) => {
+    const [settingsDialogViz, setSettingsDialogViz] = useState(false);
+    const [aboutDialogViz, setAboutDialogViz] = useState(false);
+    const [detailsDialogViz, setDetailsDialogViz] = useState(false);
+    const [tracklistDialogViz, setTracklistDialogViz] = useState(false);
+    const { currentAlignment, alignmentNames } = model;
     return (React.createElement("div", { style: { display: 'flex' } },
-        React.createElement(IconButton, { onClick: function () {
-                model.setData({ tree: '', msa: '' });
-                model.setTreeFilehandle(undefined);
-                model.setMSAFilehandle(undefined);
-                model.setScrollY(0);
-                model.setScrollX(0);
-                model.setCurrentAlignment(0);
+        React.createElement(IconButton, { onClick: async () => {
+                try {
+                    model.setData({ tree: '', msa: '' });
+                    await model.setTreeFilehandle(undefined);
+                    await model.setMSAFilehandle(undefined);
+                    model.setScrollY(0);
+                    model.setScrollX(0);
+                    model.setCurrentAlignment(0);
+                }
+                catch (e) {
+                    console.error(e);
+                    model.setError(e);
+                }
             } },
             React.createElement(FolderOpenIcon, null)),
-        React.createElement(IconButton, { onClick: function () { return setSettingsDialogVisible(true); } },
+        React.createElement(IconButton, { onClick: () => setSettingsDialogViz(true) },
             React.createElement(SettingsIcon, null)),
-        React.createElement(IconButton, { onClick: function () { return setDetailsDialogVisible(true); } },
+        React.createElement(IconButton, { onClick: () => setDetailsDialogViz(true) },
             React.createElement(AssignmentIcon, null)),
-        React.createElement(IconButton, { onClick: function () { return setTracklistDialogVisible(true); } },
+        React.createElement(IconButton, { onClick: () => setTracklistDialogViz(true) },
             React.createElement(ListIcon, null)),
-        settingsDialogVisible ? (React.createElement(SettingsDialog, { open: true, model: model, onClose: function () { return setSettingsDialogVisible(false); } })) : null,
-        aboutDialogVisible ? (React.createElement(AboutDialog, { open: true, onClose: function () { return setAboutDialogVisible(false); } })) : null,
-        detailsDialogVisible ? (React.createElement(DetailsDialog, { open: true, model: model, onClose: function () { return setDetailsDialogVisible(false); } })) : null,
-        tracklistDialogVisible ? (React.createElement(TracklistDialog, { open: true, model: model, onClose: function () { return setTracklistDialogVisible(false); } })) : null,
-        alignmentNames.length > 0 ? (React.createElement(Select, { native: true, value: currentAlignment, onChange: function (event) {
+        settingsDialogViz ? (React.createElement(SettingsDialog, { open: true, model: model, onClose: () => setSettingsDialogViz(false) })) : null,
+        aboutDialogViz ? (React.createElement(AboutDialog, { open: true, onClose: () => setAboutDialogViz(false) })) : null,
+        detailsDialogViz ? (React.createElement(DetailsDialog, { open: true, model: model, onClose: () => setDetailsDialogViz(false) })) : null,
+        tracklistDialogViz ? (React.createElement(TracklistDialog, { open: true, model: model, onClose: () => setTracklistDialogViz(false) })) : null,
+        alignmentNames.length > 0 ? (React.createElement(Select, { native: true, value: currentAlignment, size: "small", onChange: event => {
                 model.setCurrentAlignment(+event.target.value);
                 model.setScrollX(0);
                 model.setScrollY(0);
-            } }, alignmentNames.map(function (option, index) { return (React.createElement("option", { key: option + "-" + index, value: index }, option)); }))) : null,
+            } }, alignmentNames.map((option, index) => (React.createElement("option", { key: `${option}-${index}`, value: index }, option))))) : null,
         React.createElement(InfoArea, { model: model }),
         React.createElement("div", { style: { flex: 1 } }),
-        React.createElement(IconButton, { onClick: function () { return setAboutDialogVisible(true); } },
+        React.createElement(IconButton, { onClick: () => setAboutDialogViz(true) },
             React.createElement(HelpIcon, null))));
 });
 export default Header;
+//# sourceMappingURL=Header.js.map

package/dist/components/Header.js.map

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

package/dist/components/ImportForm.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MsaViewModel } from '../model';
 declare const _default: ({ model }: {
     model: MsaViewModel;

package/dist/components/ImportForm.js

@@ -1,29 +1,39 @@
 import React, { useState } from 'react';
-import { Button, Container, Grid, Typography, Link } from '@material-ui/core';
+import { Button, Container, Grid, Typography, Link } from '@mui/material';
 import { observer } from 'mobx-react';
-import { transaction } from 'mobx';
 import { FileSelector } from '@jbrowse/core/ui';
 import { smallTree, smallMSA, smallMSAOnly } from './data/seq2';
-var ListItem = function (_a) {
-    var onClick = _a.onClick, model = _a.model, children = _a.children;
-    return (React.createElement("li", null,
-        React.createElement(Link, { onClick: function (event) {
-                model.setError(undefined);
-                event.preventDefault();
-                onClick();
-            }, href: "#" },
-            React.createElement(Typography, null, children))));
-};
-export default observer(function (_a) {
-    var model = _a.model;
-    var _b = useState(), msaFile = _b[0], setMsaFile = _b[1];
-    var _c = useState(), treeFile = _c[0], setTreeFile = _c[1];
-    var error = model.error;
+async function load(model, msaFile, treeFile) {
+    model.setError(undefined);
+    try {
+        if (msaFile) {
+            await model.setMSAFilehandle(msaFile);
+        }
+        if (treeFile) {
+            await model.setTreeFilehandle(treeFile);
+        }
+    }
+    catch (e) {
+        model.setError(e);
+    }
+}
+const ListItem = ({ onClick, model, children, }) => (React.createElement("li", null,
+    React.createElement(Link, { onClick: event => {
+            model.setError(undefined);
+            event.preventDefault();
+            onClick();
+        }, href: "#" },
+        React.createElement(Typography, { display: "inline" }, children))));
+export default observer(({ model }) => {
+    const [msaFile, setMsaFile] = useState();
+    const [treeFile, setTreeFile] = useState();
+    const { error } = model;
     return (React.createElement(Container, null,
         React.createElement("div", { style: { width: '50%' } },
             error ? (React.createElement("div", { style: { padding: 20 } },
                 React.createElement(Typography, { color: "error" },
-                    "Error: ", "" + error))) : null,
+                    "Error: ",
+                    `${error}`))) : null,
             React.createElement(Typography, null, "Open an MSA file (stockholm or clustal format) and/or a tree file (newick format)."),
             React.createElement(Typography, { color: "error" }, "Note: you can open up just an MSA or just a tree, both are not required. Some MSA files e.g. stockholm format have an embedded tree also and this is fine, and opening a separate tree file is not required.")),
         React.createElement(Grid, { container: true, spacing: 10, justifyContent: "center", alignItems: "center" },
@@ -33,64 +43,42 @@ export default observer(function (_a) {
                 React.createElement(Typography, null, "Tree file or URL"),
                 React.createElement(FileSelector, { location: treeFile, setLocation: setTreeFile })),
             React.createElement(Grid, { item: true },
-                React.createElement(Button, { onClick: function () {
-                        model.setError(undefined);
-                        if (msaFile) {
-                            model.setMSAFilehandle(msaFile);
-                        }
-                        if (treeFile) {
-                            model.setTreeFilehandle(treeFile);
-                        }
-                    }, variant: "contained", color: "primary", disabled: !msaFile && !treeFile }, "Open")),
+                React.createElement(Button, { onClick: () => load(model, msaFile, treeFile), variant: "contained", color: "primary", disabled: !msaFile && !treeFile }, "Open")),
             React.createElement(Grid, { item: true },
                 React.createElement(Typography, null, "Examples"),
                 React.createElement("ul", null,
-                    React.createElement(ListItem, { model: model, onClick: function () {
-                            model.setTreeFilehandle({
-                                uri: 'https://jbrowse.org/genomes/newick_trees/sarscov2phylo.pub.ft.nh',
-                                locationType: 'UriLocation',
-                            });
-                        } }, "230k COVID-19 samples (tree only)"),
-                    React.createElement(ListItem, { model: model, onClick: function () {
+                    React.createElement(ListItem, { model: model, onClick: () => load(model, undefined, {
+                            uri: 'https://jbrowse.org/genomes/newick_trees/sarscov2phylo.pub.ft.nh',
+                            locationType: 'UriLocation',
+                        }) }, "230k COVID-19 samples (tree only)"),
+                    React.createElement(ListItem, { model: model, onClick: () => {
                             model.setData({ msa: smallMSA, tree: smallTree });
                         } }, "Small protein MSA+tree"),
-                    React.createElement(ListItem, { model: model, onClick: function () {
+                    React.createElement(ListItem, { model: model, onClick: () => {
                             model.setData({ msa: smallMSAOnly });
                         } }, "Small MSA only"),
-                    React.createElement(ListItem, { model: model, onClick: function () {
-                            model.setMSAFilehandle({
-                                uri: 'https://ihh.github.io/abrowse/build/pfam-cov2.stock',
-                                locationType: 'UriLocation',
-                            });
-                        } }, "PFAM SARS-CoV2 multi-stockholm"),
-                    React.createElement(ListItem, { model: model, onClick: function () {
-                            model.setMSAFilehandle({
-                                uri: 'https://jbrowse.org/genomes/multiple_sequence_alignments/Lysine.stock',
-                                locationType: 'UriLocation',
-                            });
-                        } }, "Lysine stockholm file"),
-                    React.createElement(ListItem, { model: model, onClick: function () {
-                            model.setMSAFilehandle({
-                                uri: 'https://jbrowse.org/genomes/multiple_sequence_alignments/PF01601_full.txt',
-                                locationType: 'UriLocation',
-                            });
-                        } }, "PF01601 stockholm file (SARS-CoV2 spike protein)"),
-                    React.createElement(ListItem, { model: model, onClick: function () {
-                            model.setMSAFilehandle({
-                                uri: 'https://jbrowse.org/genomes/multiple_sequence_alignments/europe_covid.fa',
-                                locationType: 'UriLocation',
-                            });
-                        } }, "Europe COVID full genomes (LR883044.1 and 199 other sequences)"),
-                    React.createElement(ListItem, { model: model, onClick: function () {
-                            transaction(function () {
-                                model.setMSAFilehandle({
-                                    uri: 'https://jbrowse.org/genomes/multiple_sequence_alignments/rhv_test-only.aligned_with_mafft_auto.fa',
-                                    locationType: 'UriLocation',
-                                });
-                                model.setTreeFilehandle({
-                                    uri: 'https://jbrowse.org/genomes/multiple_sequence_alignments/rhv_test-only.aligned_with_mafft_auto.nh',
-                                    locationType: 'UriLocation',
-                                });
-                            });
-                        } }, "MAFFT+VeryFastTree(17.9k samples)"))))));
+                    React.createElement(ListItem, { model: model, onClick: () => load(model, {
+                            uri: 'https://ihh.github.io/abrowse/build/pfam-cov2.stock',
+                            locationType: 'UriLocation',
+                        }) }, "PFAM SARS-CoV2 multi-stockholm"),
+                    React.createElement(ListItem, { model: model, onClick: () => load(model, {
+                            uri: 'https://jbrowse.org/genomes/multiple_sequence_alignments/Lysine.stock',
+                            locationType: 'UriLocation',
+                        }) }, "Lysine stockholm file"),
+                    React.createElement(ListItem, { model: model, onClick: () => load(model, {
+                            uri: 'https://jbrowse.org/genomes/multiple_sequence_alignments/PF01601_full.txt',
+                            locationType: 'UriLocation',
+                        }) }, "PF01601 stockholm file (SARS-CoV2 spike protein)"),
+                    React.createElement(ListItem, { model: model, onClick: () => load(model, {
+                            uri: 'https://jbrowse.org/genomes/multiple_sequence_alignments/europe_covid.fa',
+                            locationType: 'UriLocation',
+                        }) }, "Europe COVID full genomes (LR883044.1 and 199 other sequences)"),
+                    React.createElement(ListItem, { model: model, onClick: () => load(model, {
+                            uri: 'https://jbrowse.org/genomes/multiple_sequence_alignments/rhv_test-only.aligned_with_mafft_auto.fa',
+                            locationType: 'UriLocation',
+                        }, {
+                            uri: 'https://jbrowse.org/genomes/multiple_sequence_alignments/rhv_test-only.aligned_with_mafft_auto.nh',
+                            locationType: 'UriLocation',
+                        }) }, "MAFFT+VeryFastTree(17.9k samples)"))))));
 });
+//# sourceMappingURL=ImportForm.js.map

package/dist/components/ImportForm.js.map

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

package/dist/components/MSACanvas.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MsaViewModel } from '../model';
 declare const MSACanvas: ({ model }: {
     model: MsaViewModel;