react-msaview 1.2.10 → 1.3.2

package/dist/components/BoxTrack.js

@@ -16,12 +16,12 @@ var AnnotationBlock = observer(function (_a) {
             if (associatedRowName) {
                 var s = model.rowSpecificBpToPx(associatedRowName, start - 1);
                 var e = model.rowSpecificBpToPx(associatedRowName, end);
-                temp.addRect("" + index, s, e, rowHeight, feature);
+                temp.addRect("".concat(index), s, e, rowHeight, feature);
             }
             else {
                 var s = model.globalBpToPx(start - 1);
                 var e = model.globalBpToPx(end);
-                temp.addRect("" + index, s, e, rowHeight, feature);
+                temp.addRect("".concat(index), s, e, rowHeight, feature);
             }
         });
         return temp;
@@ -42,7 +42,7 @@ 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/, "".concat(Math.max(8, rowHeight - 8), "px"));
         var xStart = Math.max(0, Math.floor(offsetX / colWidth));
         ctx.fillStyle = 'goldenrod';
         layout.rectangles.forEach(function (value) {
@@ -80,7 +80,7 @@ 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/, "".concat(Math.max(8, rowHeight - 8), "px"));
         ctx.fillStyle = 'black';
         ctx.textAlign = 'left';
         layout.rectangles.forEach(function (value) {

package/dist/components/Header.js

@@ -54,7 +54,7 @@ var Header = observer(function (_a) {
                 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(function (option, index) { return (React.createElement("option", { key: "".concat(option, "-").concat(index), value: index }, option)); }))) : null,
         React.createElement(InfoArea, { model: model }),
         React.createElement("div", { style: { flex: 1 } }),
         React.createElement(IconButton, { onClick: function () { return setAboutDialogVisible(true); } },

package/dist/components/ImportForm.js

@@ -7,8 +7,9 @@ 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 () {
+        React.createElement(Link, { onClick: function (event) {
                 model.setError(undefined);
+                event.preventDefault();
                 onClick();
             }, href: "#" },
             React.createElement(Typography, null, children))));
@@ -22,7 +23,7 @@ export default observer(function (_a) {
         React.createElement("div", { style: { width: '50%' } },
             error ? (React.createElement("div", { style: { padding: 20 } },
                 React.createElement(Typography, { color: "error" },
-                    "Error: ", "" + error))) : null,
+                    "Error: ", "".concat(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" },
@@ -47,6 +48,7 @@ export default observer(function (_a) {
                     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 () {
@@ -58,30 +60,36 @@ export default observer(function (_a) {
                     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)"))))));

package/dist/components/MSACanvas.js

@@ -23,7 +23,7 @@ var MSABlock = observer(function (_a) {
         ctx.clearRect(0, 0, blockSize, blockSize);
         ctx.translate(-offsetX, rowHeight / 2 - offsetY);
         ctx.textAlign = 'center';
-        ctx.font = ctx.font.replace(/\d+px/, Math.max(8, rowHeight - 8) + "px");
+        ctx.font = ctx.font.replace(/\d+px/, "".concat(Math.max(8, rowHeight - 8), "px"));
         var leaves = hierarchy.leaves();
         var b = blockSize;
         // slice vertical rows, e.g. tree leaves, avoid negative slice
@@ -204,7 +204,7 @@ var MSACanvas = observer(function (_a) {
         React.createElement(CircularProgress, null),
         React.createElement(Typography, null, "Loading..."))) : (blocks2d.map(function (_a) {
         var bx = _a[0], by = _a[1];
-        return (React.createElement(MSABlock, { key: bx + "_" + by, model: model, offsetX: bx, offsetY: by }));
+        return (React.createElement(MSABlock, { key: "".concat(bx, "_").concat(by), model: model, offsetX: bx, offsetY: by }));
     }))));
 });
 export default MSACanvas;

package/dist/components/Rubberband.js

@@ -50,7 +50,7 @@ var VerticalGuide = observer(function (_a) {
     var treeAreaWidth = model.treeAreaWidth;
     var classes = useStyles();
     return (React.createElement(React.Fragment, null,
-        React.createElement(Tooltip, { open: true, placement: "top", title: "" + (model.pxToBp(coordX) + 1), arrow: true },
+        React.createElement(Tooltip, { open: true, placement: "top", title: "".concat(model.pxToBp(coordX) + 1), arrow: true },
             React.createElement("div", { style: {
                     left: coordX + treeAreaWidth,
                     position: 'absolute',

package/dist/components/Ruler.js

@@ -68,7 +68,7 @@ function mathPower(num) {
     if (num < 999) {
         return String(num);
     }
-    return mathPower(~~(num / 1000)) + "," + ("00" + ~~(num % 1000)).substr(-3, 3);
+    return "".concat(mathPower(~~(num / 1000)), ",").concat("00".concat(~~(num % 1000)).substr(-3, 3));
 }
 var useStyles = makeStyles(function ( /* theme */) { return ({
     majorTickLabel: {
@@ -94,7 +94,7 @@ function RulerBlock(_a) {
             .filter(function (tick) { return tick.type === 'major'; })
             .map(function (tick) {
             var x = (reversed ? end - tick.base : tick.base - start) / bpPerPx;
-            return (React.createElement("text", { x: x, y: 10, key: "label-" + tick.base, textAnchor: "middle", style: { fontSize: '11px' }, className: classes.majorTickLabel }, mathPower(tick.base + 1)));
+            return (React.createElement("text", { x: x, y: 10, key: "label-".concat(tick.base), textAnchor: "middle", style: { fontSize: '11px' }, className: classes.majorTickLabel }, mathPower(tick.base + 1)));
         })));
 }
 var Ruler = observer(function (_a) {

package/dist/components/SettingsDlg.js

@@ -5,9 +5,9 @@ import colorSchemes from '../colorSchemes';
 export default observer(function (_a) {
     var model = _a.model, onClose = _a.onClose, open = _a.open;
     var rowHeightInit = model.rowHeight, colWidthInit = model.colWidth, treeWidthInit = model.treeWidth, colorSchemeName = model.colorSchemeName, noTree = model.noTree;
-    var _b = useState("" + rowHeightInit), rowHeight = _b[0], setRowHeight = _b[1];
-    var _c = useState("" + colWidthInit), colWidth = _c[0], setColWidth = _c[1];
-    var _d = useState("" + treeWidthInit), treeWidth = _d[0], setTreeWidth = _d[1];
+    var _b = useState("".concat(rowHeightInit)), rowHeight = _b[0], setRowHeight = _b[1];
+    var _c = useState("".concat(colWidthInit)), colWidth = _c[0], setColWidth = _c[1];
+    var _d = useState("".concat(treeWidthInit)), treeWidth = _d[0], setTreeWidth = _d[1];
     function error(n) {
         return Number.isNaN(+n) || +n < 0;
     }

package/dist/components/TextTrack.js

@@ -24,7 +24,7 @@ var AnnotationBlock = observer(function (_a) {
         ctx.clearRect(0, 0, blockSize, rowHeight);
         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/, "".concat(Math.max(8, rowHeight - 8), "px"));
         var xStart = Math.max(0, Math.floor(offsetX / colWidth));
         var xEnd = Math.max(0, Math.ceil((offsetX + blockSize) / colWidth));
         var str = data === null || data === void 0 ? void 0 : data.slice(xStart, xEnd);

package/dist/components/TreeCanvas.js

@@ -110,7 +110,7 @@ var TreeBlock = observer(function (_a) {
         ctx.clearRect(0, 0, treeWidth + padding, blockSize);
         ctx.translate(margin.left, -offsetY);
         var font = ctx.font;
-        ctx.font = font.replace(/\d+px/, Math.max(8, rowHeight - 8) + "px");
+        ctx.font = font.replace(/\d+px/, "".concat(Math.max(8, rowHeight - 8), "px"));
         if (!noTree && drawTree) {
             hierarchy.links().forEach(function (_a) {
                 var source = _a.source, target = _a.target;
@@ -249,6 +249,7 @@ var TreeBlock = observer(function (_a) {
         labelsAlignRight,
         treeAreaWidth,
         structures,
+        highResScaleFactor,
     ]);
     useEffect(function () {
         var canvas = mouseoverRef.current;

package/dist/components/package.json

@@ -1,10 +1,11 @@
 {
-    "version": "1.2.9",
+    "version": "1.3.1",
     "license": "MIT",
     "main": "dist/index.js",
     "typings": "dist/index.d.ts",
     "files": [
-        "dist"
+        "dist",
+        "bundle"
     ],
     "engines": {
         "node": ">=10"
@@ -15,14 +16,12 @@
         "prestart": "npm run clean",
         "prebuild": "npm run clean",
         "start": "yarn tsc --watch",
-        "build": "yarn tsc",
-        "size": "size-limit",
-        "analyze": "size-limit --why",
+        "build": "yarn tsc && rollup -c",
         "preversion": "npm run build",
         "postversion": "git push --follow-tags"
     },
     "peerDependencies": {
-        "@jbrowse/core": ">=1.3.0",
+        "@jbrowse/core": ">=1.5.1",
         "@material-ui/core": ">=4.12.2",
         "react": ">=16.8.0",
         "react-dom": ">=16.8.0"
@@ -30,6 +29,10 @@
     "name": "react-msaview",
     "author": "Colin",
     "devDependencies": {
+        "@rollup/plugin-commonjs": "^21.0.1",
+        "@rollup/plugin-json": "^4.1.0",
+        "@rollup/plugin-node-resolve": "^13.0.6",
+        "@rollup/plugin-typescript": "^8.3.0",
         "@types/color": "^3.0.1",
         "@types/d3": "^6.7.0",
         "@types/lodash": "^4.14.170",
@@ -39,6 +42,10 @@
         "eslint-config-react-app": "^6.0.0",
         "react": "^17.0.1",
         "react-dom": "^17.0.1",
+        "rollup": "^2.60.2",
+        "rollup-plugin-node-builtins": "^2.1.2",
+        "rollup-plugin-node-polyfills": "^0.2.1",
+        "rollup-plugin-polyfill-node": "^0.7.0",
         "tslib": "^2.1.0",
         "typescript": "^4.2.3"
     },

package/dist/model.d.ts

@@ -74,54 +74,102 @@ declare const model: import("mobx-state-tree").ISnapshotProcessor<import("mobx-s
     drawNodeBubbles: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
     highResScaleFactor: import("mobx-state-tree").IType<number | undefined, number, number>;
     colorSchemeName: import("mobx-state-tree").IType<string | undefined, string, string>;
-    treeFilehandle: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+    treeFilehandle: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISnapshotProcessor<import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+        locationType: import("mobx-state-tree").ISimpleType<"UriLocation">;
         uri: import("mobx-state-tree").ISimpleType<string>;
         baseUri: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        internetAccountId: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        internetAccountPreAuthorization: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IModelType<{
+            internetAccountType: import("mobx-state-tree").ISimpleType<string>;
+            authInfo: import("mobx-state-tree").IType<any, any, any>;
+        }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
     }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+        locationType: import("mobx-state-tree").ISimpleType<"LocalPathLocation">;
         localPath: import("mobx-state-tree").ISimpleType<string>;
     }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+        locationType: import("mobx-state-tree").ISimpleType<"BlobLocation">;
         name: import("mobx-state-tree").ISimpleType<string>;
         blobId: import("mobx-state-tree").ISimpleType<string>;
     }>>, {
+        locationType: "UriLocation";
         uri: string;
+        internetAccountId: string | undefined;
+        internetAccountPreAuthorization: import("mobx-state-tree").ModelSnapshotType<{
+            internetAccountType: import("mobx-state-tree").ISimpleType<string>;
+            authInfo: import("mobx-state-tree").IType<any, any, any>;
+        }> | undefined;
     } | import("mobx-state-tree").ModelSnapshotType<{
+        locationType: import("mobx-state-tree").ISimpleType<"LocalPathLocation">;
         localPath: import("mobx-state-tree").ISimpleType<string>;
     }> | import("mobx-state-tree").ModelSnapshotType<{
+        locationType: import("mobx-state-tree").ISimpleType<"BlobLocation">;
         name: import("mobx-state-tree").ISimpleType<string>;
         blobId: import("mobx-state-tree").ISimpleType<string>;
     }>, import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+        locationType: import("mobx-state-tree").ISimpleType<"UriLocation">;
         uri: import("mobx-state-tree").ISimpleType<string>;
         baseUri: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        internetAccountId: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        internetAccountPreAuthorization: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IModelType<{
+            internetAccountType: import("mobx-state-tree").ISimpleType<string>;
+            authInfo: import("mobx-state-tree").IType<any, any, any>;
+        }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
     }>> | import("mobx-state-tree").ModelInstanceTypeProps<{
+        locationType: import("mobx-state-tree").ISimpleType<"LocalPathLocation">;
         localPath: import("mobx-state-tree").ISimpleType<string>;
     }> | import("mobx-state-tree").ModelInstanceTypeProps<{
+        locationType: import("mobx-state-tree").ISimpleType<"BlobLocation">;
         name: import("mobx-state-tree").ISimpleType<string>;
         blobId: import("mobx-state-tree").ISimpleType<string>;
-    }>>>;
-    msaFilehandle: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+    }>>, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+    msaFilehandle: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISnapshotProcessor<import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+        locationType: import("mobx-state-tree").ISimpleType<"UriLocation">;
         uri: import("mobx-state-tree").ISimpleType<string>;
         baseUri: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        internetAccountId: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        internetAccountPreAuthorization: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IModelType<{
+            internetAccountType: import("mobx-state-tree").ISimpleType<string>;
+            authInfo: import("mobx-state-tree").IType<any, any, any>;
+        }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
     }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+        locationType: import("mobx-state-tree").ISimpleType<"LocalPathLocation">;
         localPath: import("mobx-state-tree").ISimpleType<string>;
     }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+        locationType: import("mobx-state-tree").ISimpleType<"BlobLocation">;
         name: import("mobx-state-tree").ISimpleType<string>;
         blobId: import("mobx-state-tree").ISimpleType<string>;
     }>>, {
+        locationType: "UriLocation";
         uri: string;
+        internetAccountId: string | undefined;
+        internetAccountPreAuthorization: import("mobx-state-tree").ModelSnapshotType<{
+            internetAccountType: import("mobx-state-tree").ISimpleType<string>;
+            authInfo: import("mobx-state-tree").IType<any, any, any>;
+        }> | undefined;
     } | import("mobx-state-tree").ModelSnapshotType<{
+        locationType: import("mobx-state-tree").ISimpleType<"LocalPathLocation">;
         localPath: import("mobx-state-tree").ISimpleType<string>;
     }> | import("mobx-state-tree").ModelSnapshotType<{
+        locationType: import("mobx-state-tree").ISimpleType<"BlobLocation">;
         name: import("mobx-state-tree").ISimpleType<string>;
         blobId: import("mobx-state-tree").ISimpleType<string>;
     }>, import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+        locationType: import("mobx-state-tree").ISimpleType<"UriLocation">;
         uri: import("mobx-state-tree").ISimpleType<string>;
         baseUri: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        internetAccountId: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        internetAccountPreAuthorization: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IModelType<{
+            internetAccountType: import("mobx-state-tree").ISimpleType<string>;
+            authInfo: import("mobx-state-tree").IType<any, any, any>;
+        }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
     }>> | import("mobx-state-tree").ModelInstanceTypeProps<{
+        locationType: import("mobx-state-tree").ISimpleType<"LocalPathLocation">;
         localPath: import("mobx-state-tree").ISimpleType<string>;
     }> | import("mobx-state-tree").ModelInstanceTypeProps<{
+        locationType: import("mobx-state-tree").ISimpleType<"BlobLocation">;
         name: import("mobx-state-tree").ISimpleType<string>;
         blobId: import("mobx-state-tree").ISimpleType<string>;
-    }>>>;
+    }>>, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
     currentAlignment: import("mobx-state-tree").IType<number | undefined, number, number>;
     collapsed: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
     showOnly: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
@@ -323,18 +371,34 @@ declare const model: import("mobx-state-tree").ISnapshotProcessor<import("mobx-s
     highResScaleFactor: number;
     colorSchemeName: string;
     treeFilehandle: {
+        locationType: "UriLocation";
         uri: string;
+        internetAccountId: string | undefined;
+        internetAccountPreAuthorization: import("mobx-state-tree").ModelSnapshotType<{
+            internetAccountType: import("mobx-state-tree").ISimpleType<string>;
+            authInfo: import("mobx-state-tree").IType<any, any, any>;
+        }> | undefined;
     } | import("mobx-state-tree").ModelSnapshotType<{
+        locationType: import("mobx-state-tree").ISimpleType<"LocalPathLocation">;
         localPath: import("mobx-state-tree").ISimpleType<string>;
     }> | import("mobx-state-tree").ModelSnapshotType<{
+        locationType: import("mobx-state-tree").ISimpleType<"BlobLocation">;
         name: import("mobx-state-tree").ISimpleType<string>;
         blobId: import("mobx-state-tree").ISimpleType<string>;
     }> | undefined;
     msaFilehandle: {
+        locationType: "UriLocation";
         uri: string;
+        internetAccountId: string | undefined;
+        internetAccountPreAuthorization: import("mobx-state-tree").ModelSnapshotType<{
+            internetAccountType: import("mobx-state-tree").ISimpleType<string>;
+            authInfo: import("mobx-state-tree").IType<any, any, any>;
+        }> | undefined;
     } | import("mobx-state-tree").ModelSnapshotType<{
+        locationType: import("mobx-state-tree").ISimpleType<"LocalPathLocation">;
         localPath: import("mobx-state-tree").ISimpleType<string>;
     }> | import("mobx-state-tree").ModelSnapshotType<{
+        locationType: import("mobx-state-tree").ISimpleType<"BlobLocation">;
         name: import("mobx-state-tree").ISimpleType<string>;
         blobId: import("mobx-state-tree").ISimpleType<string>;
     }> | undefined;

package/dist/model.js

@@ -159,12 +159,12 @@ var UniprotTrack = types
                     case 0:
                         _a.trys.push([0, 3, , 4]);
                         accession = self.accession;
-                        url = "https://www.uniprot.org/uniprot/" + accession + ".gff";
+                        url = "https://www.uniprot.org/uniprot/".concat(accession, ".gff");
                         return [4 /*yield*/, fetch(url)];
                     case 1:
                         response = _a.sent();
                         if (!response.ok) {
-                            throw new Error("HTTP " + response.status + " " + response.statusText + " fetching " + url);
+                            throw new Error("HTTP ".concat(response.status, " ").concat(response.statusText, " fetching ").concat(url));
                         }
                         return [4 /*yield*/, response.text()];
                     case 2:
@@ -295,7 +295,9 @@ var MSAModel = types
         self.selectedStructures = [];
     },
     setError: function (error) {
-        console.error(error);
+        if (error) {
+            console.error(error);
+        }
         self.error = error;
     },
     setMousePos: function (col, row) {
@@ -501,9 +503,9 @@ var MSAModel = types
         return ((_a = this.MSA) === null || _a === void 0 ? void 0 : _a.getDetails()) || {};
     },
     getRowDetails: function (name) {
-        var _a;
+        var _a, _b;
         //@ts-ignore
-        var details = (_a = this.MSA) === null || _a === void 0 ? void 0 : _a.getRowDetails(name);
+        var details = (_b = (_a = this.MSA) === null || _a === void 0 ? void 0 : _a.getRowDetails) === null || _b === void 0 ? void 0 : _b.call(_a, name);
         var matches = name.match(/\S+\/(\d+)-(\d+)/);
         return __assign(__assign({}, details), (matches && { range: { start: +matches[1], end: +matches[2] } }));
     },
@@ -772,7 +774,7 @@ var MSAModel = types
                                 ? Object.entries(region.attributes)
                                     .map(function (_a) {
                                     var k = _a[0], v = _a[1];
-                                    return k + "=" + v.join(',');
+                                    return "".concat(k, "=").concat(v.join(','));
                                 })
                                     .join(';')
                                 : '.';

package/dist/parsers/StockholmMSA.js

@@ -32,7 +32,7 @@ var StockholmMSA = /** @class */ (function () {
     };
     Object.defineProperty(StockholmMSA.prototype, "alignmentNames", {
         get: function () {
-            return this.data.map(function (aln, index) { var _a; return ((_a = aln.gf.DE) === null || _a === void 0 ? void 0 : _a[0]) || "Alignment " + (index + 1); });
+            return this.data.map(function (aln, index) { var _a; return ((_a = aln.gf.DE) === null || _a === void 0 ? void 0 : _a[0]) || "Alignment ".concat(index + 1); });
         },
         enumerable: false,
         configurable: true

package/dist/util.js

@@ -17,9 +17,9 @@ export function generateNodeIds(tree, parent, depth) {
     var _a;
     if (parent === void 0) { parent = 'node'; }
     if (depth === void 0) { depth = 0; }
-    var id = parent + "-" + depth;
+    var id = "".concat(parent, "-").concat(depth);
     return __assign(__assign({}, tree), { id: id, branchset: ((_a = tree.branchset) === null || _a === void 0 ? void 0 : _a.map(function (b, i) {
-            return generateNodeIds(b, id + "-" + i, depth + 1);
+            return generateNodeIds(b, "".concat(id, "-").concat(i), depth + 1);
         })) || [] });
 }
 export function colorContrast(colorScheme, theme) {

package/package.json

@@ -1,10 +1,11 @@
 {
-  "version": "1.2.10",
+  "version": "1.3.2",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
   "files": [
-    "dist"
+    "dist",
+    "bundle"
   ],
   "engines": {
     "node": ">=10"
@@ -15,14 +16,12 @@
     "prestart": "npm run clean",
     "prebuild": "npm run clean",
     "start": "yarn tsc --watch",
-    "build": "yarn tsc",
-    "size": "size-limit",
-    "analyze": "size-limit --why",
+    "build": "yarn tsc && rollup -c",
     "preversion": "npm run build",
     "postversion": "git push --follow-tags"
   },
   "peerDependencies": {
-    "@jbrowse/core": ">=1.3.0",
+    "@jbrowse/core": ">=1.5.1",
     "@material-ui/core": ">=4.12.2",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
@@ -30,6 +29,10 @@
   "name": "react-msaview",
   "author": "Colin",
   "devDependencies": {
+    "@rollup/plugin-commonjs": "^21.0.1",
+    "@rollup/plugin-json": "^4.1.0",
+    "@rollup/plugin-node-resolve": "^13.0.6",
+    "@rollup/plugin-typescript": "^8.3.0",
     "@types/color": "^3.0.1",
     "@types/d3": "^6.7.0",
     "@types/lodash": "^4.14.170",
@@ -39,6 +42,10 @@
     "eslint-config-react-app": "^6.0.0",
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
+    "rollup": "^2.60.2",
+    "rollup-plugin-node-builtins": "^2.1.2",
+    "rollup-plugin-node-polyfills": "^0.2.1",
+    "rollup-plugin-polyfill-node": "^0.7.0",
     "tslib": "^2.1.0",
     "typescript": "^4.2.3"
   },