react-msaview 5.0.6 → 5.0.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundle/index.js +106 -106
- package/bundle/index.js.LICENSE.txt +1 -1
- package/bundle/index.js.map +1 -1
- package/dist/components/Checkbox2.js +3 -6
- package/dist/components/Checkbox2.js.map +1 -1
- package/dist/components/MSAViewer.d.ts +14 -0
- package/dist/components/MSAViewer.js +34 -0
- package/dist/components/MSAViewer.js.map +1 -0
- package/dist/components/Track.d.ts +0 -4
- package/dist/components/Track.js +6 -26
- package/dist/components/Track.js.map +1 -1
- package/dist/components/dialogs/DomainDialog.js +2 -5
- package/dist/components/dialogs/DomainDialog.js.map +1 -1
- package/dist/components/dialogs/InterProScanDialog.js +7 -7
- package/dist/components/dialogs/InterProScanDialog.js.map +1 -1
- package/dist/components/dialogs/SettingsDialog.js +3 -19
- package/dist/components/dialogs/SettingsDialog.js.map +1 -1
- package/dist/components/header/ColorSchemeMenu.d.ts +6 -0
- package/dist/components/header/ColorSchemeMenu.js +19 -0
- package/dist/components/header/ColorSchemeMenu.js.map +1 -0
- package/dist/components/header/{ZoomStar.d.ts → FileMenu.d.ts} +2 -2
- package/dist/components/header/FileMenu.js +71 -0
- package/dist/components/header/FileMenu.js.map +1 -0
- package/dist/components/header/Header.js +8 -6
- package/dist/components/header/Header.js.map +1 -1
- package/dist/components/header/HeaderMenu.js +3 -145
- package/dist/components/header/HeaderMenu.js.map +1 -1
- package/dist/components/header/MSASettingsMenu.d.ts +6 -0
- package/dist/components/header/MSASettingsMenu.js +36 -0
- package/dist/components/header/MSASettingsMenu.js.map +1 -0
- package/dist/components/header/SettingsMenu.js +1 -21
- package/dist/components/header/SettingsMenu.js.map +1 -1
- package/dist/components/header/TreeSettingsMenu.d.ts +6 -0
- package/dist/components/header/TreeSettingsMenu.js +74 -0
- package/dist/components/header/TreeSettingsMenu.js.map +1 -0
- package/dist/components/header/ZoomMenu.js +0 -8
- package/dist/components/header/ZoomMenu.js.map +1 -1
- package/dist/components/header/getDomainsMenu.d.ts +31 -0
- package/dist/components/header/getDomainsMenu.js +75 -0
- package/dist/components/header/getDomainsMenu.js.map +1 -0
- package/dist/components/import/ImportFormExamples.js +21 -19
- package/dist/components/import/ImportFormExamples.js.map +1 -1
- package/dist/components/msa/MSACanvas.js +13 -89
- package/dist/components/msa/MSACanvas.js.map +1 -1
- package/dist/components/msa/MSACanvasBlock.js +1 -3
- package/dist/components/msa/MSACanvasBlock.js.map +1 -1
- package/dist/components/msa/renderMSABlock.js +2 -4
- package/dist/components/msa/renderMSABlock.js.map +1 -1
- package/dist/components/msa/renderMSAMouseover.js +1 -7
- package/dist/components/msa/renderMSAMouseover.js.map +1 -1
- package/dist/components/tree/TreeCanvas.js +18 -101
- package/dist/components/tree/TreeCanvas.js.map +1 -1
- package/dist/components/tree/TreeCanvasBlock.js +33 -1
- package/dist/components/tree/TreeCanvasBlock.js.map +1 -1
- package/dist/components/tree/TreeNodeMenu.js +5 -16
- package/dist/components/tree/TreeNodeMenu.js.map +1 -1
- package/dist/components/tree/renderTreeCanvas.js +4 -12
- package/dist/components/tree/renderTreeCanvas.js.map +1 -1
- package/dist/constants.d.ts +0 -2
- package/dist/constants.js +0 -2
- package/dist/constants.js.map +1 -1
- package/dist/fetchUtils.d.ts +0 -1
- package/dist/fetchUtils.js +0 -4
- package/dist/fetchUtils.js.map +1 -1
- package/dist/flatToTree.d.ts +0 -5
- package/dist/flatToTree.js +13 -30
- package/dist/flatToTree.js.map +1 -1
- package/dist/hierarchy.d.ts +28 -0
- package/dist/hierarchy.js +164 -0
- package/dist/hierarchy.js.map +1 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/dist/launchInterProScan.d.ts +0 -5
- package/dist/launchInterProScan.js +5 -3
- package/dist/launchInterProScan.js.map +1 -1
- package/dist/model/DataModel.d.ts +9 -0
- package/dist/model/DataModel.js +12 -1
- package/dist/model/DataModel.js.map +1 -1
- package/dist/model/msaModel.d.ts +3 -0
- package/dist/model/msaModel.js +0 -1
- package/dist/model/msaModel.js.map +1 -1
- package/dist/model/treeModel.d.ts +3 -6
- package/dist/model/treeModel.js +3 -15
- package/dist/model/treeModel.js.map +1 -1
- package/dist/model.d.ts +34 -77
- package/dist/model.js +140 -239
- package/dist/model.js.map +1 -1
- package/dist/neighborJoining.js +40 -633
- package/dist/neighborJoining.js.map +1 -1
- package/dist/parseAsn1.d.ts +0 -12
- package/dist/parseAsn1.js +125 -332
- package/dist/parseAsn1.js.map +1 -1
- package/dist/useWheelScroll.d.ts +8 -0
- package/dist/useWheelScroll.js +93 -0
- package/dist/useWheelScroll.js.map +1 -0
- package/dist/util.d.ts +1 -6
- package/dist/util.js +5 -34
- package/dist/util.js.map +1 -1
- package/dist/vendor/copyToClipboard.d.ts +1 -10
- package/dist/vendor/copyToClipboard.js +14 -109
- package/dist/vendor/copyToClipboard.js.map +1 -1
- package/dist/vendor/fileSaver.d.ts +1 -11
- package/dist/vendor/fileSaver.js +7 -76
- package/dist/vendor/fileSaver.js.map +1 -1
- package/dist/version.d.ts +1 -1
- package/dist/version.js +1 -1
- package/dist/version.js.map +1 -1
- package/package.json +14 -14
- package/src/collapseLogic.test.ts +115 -0
- package/src/components/Checkbox2.tsx +9 -18
- package/src/components/MSAViewer.tsx +67 -0
- package/src/components/Track.tsx +11 -30
- package/src/components/dialogs/DomainDialog.tsx +4 -5
- package/src/components/dialogs/InterProScanDialog.tsx +7 -7
- package/src/components/dialogs/SettingsDialog.tsx +0 -37
- package/src/components/header/ColorSchemeMenu.tsx +35 -0
- package/src/components/header/FileMenu.tsx +84 -0
- package/src/components/header/Header.tsx +8 -6
- package/src/components/header/HeaderMenu.tsx +4 -155
- package/src/components/header/MSASettingsMenu.tsx +48 -0
- package/src/components/header/SettingsMenu.tsx +0 -23
- package/src/components/header/TreeSettingsMenu.tsx +96 -0
- package/src/components/header/ZoomMenu.tsx +0 -8
- package/src/components/header/getDomainsMenu.ts +83 -0
- package/src/components/import/ImportFormExamples.tsx +37 -34
- package/src/components/msa/MSACanvas.tsx +21 -97
- package/src/components/msa/MSACanvasBlock.tsx +1 -3
- package/src/components/msa/renderBoxFeatureCanvasBlock.ts +1 -1
- package/src/components/msa/renderMSABlock.ts +2 -5
- package/src/components/msa/renderMSAMouseover.ts +0 -6
- package/src/components/tree/TreeCanvas.tsx +48 -111
- package/src/components/tree/TreeCanvasBlock.tsx +44 -0
- package/src/components/tree/TreeNodeMenu.tsx +5 -14
- package/src/components/tree/renderTreeCanvas.ts +8 -21
- package/src/constants.ts +0 -2
- package/src/fetchUtils.ts +0 -5
- package/src/flatToTree.ts +20 -38
- package/src/hierarchy.test.ts +120 -0
- package/src/hierarchy.ts +220 -0
- package/src/index.ts +2 -0
- package/src/launchInterProScan.ts +4 -3
- package/src/model/DataModel.ts +12 -1
- package/src/model/msaModel.ts +0 -2
- package/src/model/treeModel.ts +2 -18
- package/src/model.ts +203 -278
- package/src/neighborJoining.test.ts +15 -7
- package/src/neighborJoining.ts +40 -632
- package/src/parseAsn1.test.ts +5 -2
- package/src/parseAsn1.ts +135 -405
- package/src/useWheelScroll.ts +109 -0
- package/src/util.ts +5 -50
- package/src/vendor/copyToClipboard.ts +14 -122
- package/src/vendor/fileSaver.ts +8 -105
- package/src/version.ts +1 -1
- package/dist/components/dialogs/AddTrackDialog.d.ts +0 -8
- package/dist/components/dialogs/AddTrackDialog.js +0 -30
- package/dist/components/dialogs/AddTrackDialog.js.map +0 -1
- package/dist/components/dialogs/TabPanel.d.ts +0 -6
- package/dist/components/dialogs/TabPanel.js +0 -6
- package/dist/components/dialogs/TabPanel.js.map +0 -1
- package/dist/components/header/ZoomStar.js +0 -40
- package/dist/components/header/ZoomStar.js.map +0 -1
- package/dist/createPaletteMap.test.d.ts +0 -1
- package/dist/createPaletteMap.test.js +0 -49
- package/dist/createPaletteMap.test.js.map +0 -1
- package/dist/layout.d.ts +0 -26
- package/dist/layout.js +0 -74
- package/dist/layout.js.map +0 -1
- package/dist/neighborJoining.test.d.ts +0 -1
- package/dist/neighborJoining.test.js +0 -110
- package/dist/neighborJoining.test.js.map +0 -1
- package/dist/parseAsn1.test.d.ts +0 -1
- package/dist/parseAsn1.test.js +0 -8
- package/dist/parseAsn1.test.js.map +0 -1
- package/dist/reparseTree.d.ts +0 -2
- package/dist/reparseTree.js +0 -15
- package/dist/reparseTree.js.map +0 -1
- package/dist/rowCoordinateCalculations.test.d.ts +0 -1
- package/dist/rowCoordinateCalculations.test.js +0 -224
- package/dist/rowCoordinateCalculations.test.js.map +0 -1
- package/dist/seqPosToGlobalCol.test.d.ts +0 -1
- package/dist/seqPosToGlobalCol.test.js +0 -60
- package/dist/seqPosToGlobalCol.test.js.map +0 -1
- package/src/components/dialogs/AddTrackDialog.tsx +0 -85
- package/src/components/dialogs/TabPanel.tsx +0 -19
- package/src/components/header/ZoomStar.tsx +0 -74
- package/src/createPaletteMap.test.ts +0 -57
- package/src/layout.ts +0 -118
- package/src/reparseTree.ts +0 -18
|
@@ -1,57 +1,11 @@
|
|
|
1
|
-
import React
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import CascadingMenuButton from '@jbrowse/core/ui/CascadingMenuButton';
|
|
3
|
-
import AccountTree from '@mui/icons-material/AccountTree';
|
|
4
|
-
import Assignment from '@mui/icons-material/Assignment';
|
|
5
|
-
import FilterAlt from '@mui/icons-material/FilterAlt';
|
|
6
|
-
import FolderOpen from '@mui/icons-material/FolderOpen';
|
|
7
3
|
import MoreVert from '@mui/icons-material/Menu';
|
|
8
|
-
import PhotoCamera from '@mui/icons-material/PhotoCamera';
|
|
9
|
-
import Search from '@mui/icons-material/Search';
|
|
10
|
-
import Sort from '@mui/icons-material/Sort';
|
|
11
4
|
import Visibility from '@mui/icons-material/Visibility';
|
|
12
5
|
import { observer } from 'mobx-react';
|
|
13
|
-
// lazies
|
|
14
|
-
const MetadataDialog = lazy(() => import("../dialogs/MetadataDialog.js"));
|
|
15
|
-
const ExportSVGDialog = lazy(() => import("../dialogs/ExportSVGDialog.js"));
|
|
16
|
-
const FeatureFilterDialog = lazy(() => import("../dialogs/FeatureDialog.js"));
|
|
17
|
-
const SettingsDialog = lazy(() => import("../dialogs/SettingsDialog.js"));
|
|
18
|
-
const UserProvidedDomainsDialog = lazy(() => import("../dialogs/UserProvidedDomainsDialog.js"));
|
|
19
|
-
const InterProScanDialog = lazy(() => import("../dialogs/InterProScanDialog.js"));
|
|
20
6
|
const HeaderMenu = observer(({ model }) => {
|
|
21
|
-
const {
|
|
7
|
+
const { tracks, turnedOffTracks } = model;
|
|
22
8
|
return (React.createElement(CascadingMenuButton, { menuItems: [
|
|
23
|
-
{
|
|
24
|
-
label: 'Return to import form',
|
|
25
|
-
icon: FolderOpen,
|
|
26
|
-
onClick: () => {
|
|
27
|
-
model.reset();
|
|
28
|
-
},
|
|
29
|
-
},
|
|
30
|
-
{
|
|
31
|
-
label: 'Metadata',
|
|
32
|
-
icon: Assignment,
|
|
33
|
-
onClick: () => {
|
|
34
|
-
model.queueDialog(onClose => [
|
|
35
|
-
MetadataDialog,
|
|
36
|
-
{
|
|
37
|
-
model,
|
|
38
|
-
onClose,
|
|
39
|
-
},
|
|
40
|
-
]);
|
|
41
|
-
},
|
|
42
|
-
},
|
|
43
|
-
{
|
|
44
|
-
label: 'More settings',
|
|
45
|
-
onClick: () => {
|
|
46
|
-
model.queueDialog(onClose => [
|
|
47
|
-
SettingsDialog,
|
|
48
|
-
{
|
|
49
|
-
model,
|
|
50
|
-
onClose,
|
|
51
|
-
},
|
|
52
|
-
]);
|
|
53
|
-
},
|
|
54
|
-
},
|
|
55
9
|
{
|
|
56
10
|
label: 'Tracks',
|
|
57
11
|
icon: Visibility,
|
|
@@ -65,104 +19,8 @@ const HeaderMenu = observer(({ model }) => {
|
|
|
65
19
|
},
|
|
66
20
|
})),
|
|
67
21
|
},
|
|
68
|
-
{
|
|
69
|
-
label: 'Export SVG',
|
|
70
|
-
icon: PhotoCamera,
|
|
71
|
-
onClick: () => {
|
|
72
|
-
model.queueDialog(onClose => [
|
|
73
|
-
ExportSVGDialog,
|
|
74
|
-
{
|
|
75
|
-
onClose,
|
|
76
|
-
model,
|
|
77
|
-
},
|
|
78
|
-
]);
|
|
79
|
-
},
|
|
80
|
-
},
|
|
81
|
-
...(model.rows.length >= 2
|
|
82
|
-
? [
|
|
83
|
-
{
|
|
84
|
-
label: 'Calculate neighbor joining tree (BLOSUM62)',
|
|
85
|
-
icon: AccountTree,
|
|
86
|
-
onClick: () => {
|
|
87
|
-
try {
|
|
88
|
-
model.calculateNeighborJoiningTreeFromMSA();
|
|
89
|
-
}
|
|
90
|
-
catch (e) {
|
|
91
|
-
console.error('Failed to calculate NJ tree:', e);
|
|
92
|
-
model.setError(e);
|
|
93
|
-
}
|
|
94
|
-
},
|
|
95
|
-
},
|
|
96
|
-
]
|
|
97
|
-
: []),
|
|
98
|
-
{
|
|
99
|
-
label: 'Features/protein domains',
|
|
100
|
-
type: 'subMenu',
|
|
101
|
-
subMenu: [
|
|
102
|
-
{
|
|
103
|
-
label: 'Open domains...',
|
|
104
|
-
icon: FolderOpen,
|
|
105
|
-
onClick: () => {
|
|
106
|
-
model.queueDialog(handleClose => [
|
|
107
|
-
UserProvidedDomainsDialog,
|
|
108
|
-
{
|
|
109
|
-
handleClose,
|
|
110
|
-
model,
|
|
111
|
-
},
|
|
112
|
-
]);
|
|
113
|
-
},
|
|
114
|
-
},
|
|
115
|
-
{
|
|
116
|
-
label: 'Query InterProScan for domains...',
|
|
117
|
-
icon: Search,
|
|
118
|
-
onClick: () => {
|
|
119
|
-
model.queueDialog(handleClose => [
|
|
120
|
-
InterProScanDialog,
|
|
121
|
-
{
|
|
122
|
-
handleClose,
|
|
123
|
-
model,
|
|
124
|
-
},
|
|
125
|
-
]);
|
|
126
|
-
},
|
|
127
|
-
},
|
|
128
|
-
{
|
|
129
|
-
label: `Show domains${noDomains ? ' (no domains loaded)' : ''}`,
|
|
130
|
-
disabled: noDomains,
|
|
131
|
-
icon: Visibility,
|
|
132
|
-
checked: actuallyShowDomains ? showDomains : false,
|
|
133
|
-
type: 'checkbox',
|
|
134
|
-
onClick: () => {
|
|
135
|
-
model.setShowDomains(!showDomains);
|
|
136
|
-
},
|
|
137
|
-
},
|
|
138
|
-
{
|
|
139
|
-
label: `Use sub-row layout${noDomains ? ' (no domains loaded)' : ''}`,
|
|
140
|
-
disabled: noDomains,
|
|
141
|
-
checked: actuallyShowDomains ? subFeatureRows : false,
|
|
142
|
-
icon: Sort,
|
|
143
|
-
type: 'checkbox',
|
|
144
|
-
onClick: () => {
|
|
145
|
-
model.setSubFeatureRows(!subFeatureRows);
|
|
146
|
-
},
|
|
147
|
-
},
|
|
148
|
-
{
|
|
149
|
-
label: `Filter domains${noDomains ? ' (no domains loaded)' : ''}`,
|
|
150
|
-
icon: FilterAlt,
|
|
151
|
-
disabled: noDomains,
|
|
152
|
-
onClick: () => {
|
|
153
|
-
model.queueDialog(onClose => [
|
|
154
|
-
FeatureFilterDialog,
|
|
155
|
-
{
|
|
156
|
-
onClose,
|
|
157
|
-
model,
|
|
158
|
-
},
|
|
159
|
-
]);
|
|
160
|
-
},
|
|
161
|
-
},
|
|
162
|
-
],
|
|
163
|
-
},
|
|
164
22
|
...model.extraViewMenuItems(),
|
|
165
|
-
] },
|
|
23
|
+
], anchorOrigin: { vertical: 'bottom', horizontal: 'left' }, transformOrigin: { vertical: 'top', horizontal: 'left' } },
|
|
166
24
|
React.createElement(MoreVert, null)));
|
|
167
25
|
});
|
|
168
26
|
export default HeaderMenu;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderMenu.js","sourceRoot":"","sources":["../../../src/components/header/HeaderMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"HeaderMenu.js","sourceRoot":"","sources":["../../../src/components/header/HeaderMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,mBAAmB,MAAM,sCAAsC,CAAA;AACtE,OAAO,QAAQ,MAAM,0BAA0B,CAAA;AAC/C,OAAO,UAAU,MAAM,gCAAgC,CAAA;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAIrC,MAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,EAAE,KAAK,EAA2B,EAAE,EAAE;IACjE,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,GAAG,KAAK,CAAA;IACzC,OAAO,CACL,oBAAC,mBAAmB,IAClB,SAAS,EAAE;YACT;gBACE,KAAK,EAAE,QAAQ;gBACf,IAAI,EAAE,UAAU;gBAChB,IAAI,EAAE,SAAS;gBACf,OAAO,EAAE,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;oBAC5B,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI;oBACvB,IAAI,EAAE,UAAmB;oBACzB,OAAO,EAAE,CAAC,eAAe,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;oBAC7C,OAAO,EAAE,GAAG,EAAE;wBACZ,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;oBACnC,CAAC;iBACF,CAAC,CAAC;aACJ;YACD,GAAG,KAAK,CAAC,kBAAkB,EAAE;SAC9B,EACD,YAAY,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,EACxD,eAAe,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE;QAExD,oBAAC,QAAQ,OAAG,CACQ,CACvB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,UAAU,CAAA"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import CascadingMenuButton from '@jbrowse/core/ui/CascadingMenuButton';
|
|
3
|
+
import Tune from '@mui/icons-material/Tune';
|
|
4
|
+
import { observer } from 'mobx-react';
|
|
5
|
+
const MSASettingsMenu = observer(function ({ model }) {
|
|
6
|
+
const { drawMsaLetters, hideGaps, bgColor } = model;
|
|
7
|
+
return (React.createElement(CascadingMenuButton, { closeAfterItemClick: false, anchorOrigin: { vertical: 'bottom', horizontal: 'left' }, transformOrigin: { vertical: 'top', horizontal: 'left' }, menuItems: [
|
|
8
|
+
{
|
|
9
|
+
label: 'Draw letters',
|
|
10
|
+
type: 'checkbox',
|
|
11
|
+
checked: drawMsaLetters,
|
|
12
|
+
onClick: () => {
|
|
13
|
+
model.setDrawMsaLetters(!drawMsaLetters);
|
|
14
|
+
},
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
label: 'Color letters instead of background of tiles',
|
|
18
|
+
type: 'checkbox',
|
|
19
|
+
checked: !bgColor,
|
|
20
|
+
onClick: () => {
|
|
21
|
+
model.setBgColor(!bgColor);
|
|
22
|
+
},
|
|
23
|
+
},
|
|
24
|
+
{
|
|
25
|
+
label: 'Enable hiding gappy columns?',
|
|
26
|
+
type: 'checkbox',
|
|
27
|
+
checked: hideGaps,
|
|
28
|
+
onClick: () => {
|
|
29
|
+
model.setHideGaps(!hideGaps);
|
|
30
|
+
},
|
|
31
|
+
},
|
|
32
|
+
] },
|
|
33
|
+
React.createElement(Tune, null)));
|
|
34
|
+
});
|
|
35
|
+
export default MSASettingsMenu;
|
|
36
|
+
//# sourceMappingURL=MSASettingsMenu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MSASettingsMenu.js","sourceRoot":"","sources":["../../../src/components/header/MSASettingsMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,mBAAmB,MAAM,sCAAsC,CAAA;AACtE,OAAO,IAAI,MAAM,0BAA0B,CAAA;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAIrC,MAAM,eAAe,GAAG,QAAQ,CAAC,UAAU,EAAE,KAAK,EAA2B;IAC3E,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,CAAA;IACnD,OAAO,CACL,oBAAC,mBAAmB,IAClB,mBAAmB,EAAE,KAAK,EAC1B,YAAY,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,EACxD,eAAe,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,EACxD,SAAS,EAAE;YACT;gBACE,KAAK,EAAE,cAAc;gBACrB,IAAI,EAAE,UAAU;gBAChB,OAAO,EAAE,cAAc;gBACvB,OAAO,EAAE,GAAG,EAAE;oBACZ,KAAK,CAAC,iBAAiB,CAAC,CAAC,cAAc,CAAC,CAAA;gBAC1C,CAAC;aACF;YACD;gBACE,KAAK,EAAE,8CAA8C;gBACrD,IAAI,EAAE,UAAU;gBAChB,OAAO,EAAE,CAAC,OAAO;gBACjB,OAAO,EAAE,GAAG,EAAE;oBACZ,KAAK,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAA;gBAC5B,CAAC;aACF;YACD;gBACE,KAAK,EAAE,8BAA8B;gBACrC,IAAI,EAAE,UAAU;gBAChB,OAAO,EAAE,QAAQ;gBACjB,OAAO,EAAE,GAAG,EAAE;oBACZ,KAAK,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAA;gBAC9B,CAAC;aACF;SACF;QAED,oBAAC,IAAI,OAAG,CACY,CACvB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,eAAe,CAAA"}
|
|
@@ -6,7 +6,7 @@ import Settings from '@mui/icons-material/Settings';
|
|
|
6
6
|
import { observer } from 'mobx-react';
|
|
7
7
|
import colorSchemes from "../../colorSchemes.js";
|
|
8
8
|
const SettingsMenu = observer(function ({ model }) {
|
|
9
|
-
const { colorSchemeName, drawMsaLetters,
|
|
9
|
+
const { colorSchemeName, drawMsaLetters, hideGaps, bgColor, drawTree, showBranchLen, labelsAlignRight, drawNodeBubbles, drawLabels, } = model;
|
|
10
10
|
return (React.createElement(CascadingMenuButton, { closeAfterItemClick: false, menuItems: [
|
|
11
11
|
{
|
|
12
12
|
label: 'Color scheme',
|
|
@@ -41,14 +41,6 @@ const SettingsMenu = observer(function ({ model }) {
|
|
|
41
41
|
model.setBgColor(!bgColor);
|
|
42
42
|
},
|
|
43
43
|
},
|
|
44
|
-
{
|
|
45
|
-
label: 'Use contrast lettering',
|
|
46
|
-
type: 'checkbox',
|
|
47
|
-
checked: contrastLettering,
|
|
48
|
-
onClick: () => {
|
|
49
|
-
model.setContrastLettering(!contrastLettering);
|
|
50
|
-
},
|
|
51
|
-
},
|
|
52
44
|
{
|
|
53
45
|
label: 'Enable hiding gappy columns?',
|
|
54
46
|
type: 'checkbox',
|
|
@@ -104,18 +96,6 @@ const SettingsMenu = observer(function ({ model }) {
|
|
|
104
96
|
model.setDrawLabels(!drawLabels);
|
|
105
97
|
},
|
|
106
98
|
},
|
|
107
|
-
...(noTree
|
|
108
|
-
? []
|
|
109
|
-
: [
|
|
110
|
-
{
|
|
111
|
-
label: 'Make tree width fit to tree area',
|
|
112
|
-
type: 'checkbox',
|
|
113
|
-
checked: treeWidthMatchesArea,
|
|
114
|
-
onClick: () => {
|
|
115
|
-
model.setTreeWidthMatchesArea(!treeWidthMatchesArea);
|
|
116
|
-
},
|
|
117
|
-
},
|
|
118
|
-
]),
|
|
119
99
|
],
|
|
120
100
|
},
|
|
121
101
|
] },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SettingsMenu.js","sourceRoot":"","sources":["../../../src/components/header/SettingsMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,mBAAmB,MAAM,sCAAsC,CAAA;AACtE,OAAO,WAAW,MAAM,iCAAiC,CAAA;AACzD,OAAO,OAAO,MAAM,6BAA6B,CAAA;AACjD,OAAO,QAAQ,MAAM,8BAA8B,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,OAAO,YAAY,MAAM,uBAAuB,CAAA;AAIhD,MAAM,YAAY,GAAG,QAAQ,CAAC,UAAU,EAAE,KAAK,EAA2B;IACxE,MAAM,EACJ,eAAe,EACf,cAAc,EACd,
|
|
1
|
+
{"version":3,"file":"SettingsMenu.js","sourceRoot":"","sources":["../../../src/components/header/SettingsMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import CascadingMenuButton from '@jbrowse/core/ui/CascadingMenuButton';
|
|
3
|
+
import AccountTree from '@mui/icons-material/AccountTree';
|
|
4
|
+
import { observer } from 'mobx-react';
|
|
5
|
+
const TreeSettingsMenu = observer(function ({ model, }) {
|
|
6
|
+
const { drawTree, showBranchLen, labelsAlignRight, drawNodeBubbles, drawLabels, rows, } = model;
|
|
7
|
+
return (React.createElement(CascadingMenuButton, { closeAfterItemClick: false, anchorOrigin: { vertical: 'bottom', horizontal: 'left' }, transformOrigin: { vertical: 'top', horizontal: 'left' }, menuItems: [
|
|
8
|
+
{
|
|
9
|
+
label: 'Show branch length',
|
|
10
|
+
type: 'checkbox',
|
|
11
|
+
checked: showBranchLen,
|
|
12
|
+
onClick: () => {
|
|
13
|
+
model.setShowBranchLen(!showBranchLen);
|
|
14
|
+
},
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
label: 'Show tree',
|
|
18
|
+
type: 'checkbox',
|
|
19
|
+
checked: drawTree,
|
|
20
|
+
onClick: () => {
|
|
21
|
+
model.setDrawTree(!drawTree);
|
|
22
|
+
},
|
|
23
|
+
},
|
|
24
|
+
{
|
|
25
|
+
label: 'Draw clickable bubbles on tree branches',
|
|
26
|
+
type: 'checkbox',
|
|
27
|
+
checked: drawNodeBubbles,
|
|
28
|
+
onClick: () => {
|
|
29
|
+
model.setDrawNodeBubbles(!drawNodeBubbles);
|
|
30
|
+
},
|
|
31
|
+
},
|
|
32
|
+
{
|
|
33
|
+
label: 'Tree labels align right',
|
|
34
|
+
type: 'checkbox',
|
|
35
|
+
checked: labelsAlignRight,
|
|
36
|
+
onClick: () => {
|
|
37
|
+
model.setLabelsAlignRight(!labelsAlignRight);
|
|
38
|
+
},
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
label: 'Draw labels',
|
|
42
|
+
type: 'checkbox',
|
|
43
|
+
checked: drawLabels,
|
|
44
|
+
onClick: () => {
|
|
45
|
+
model.setDrawLabels(!drawLabels);
|
|
46
|
+
},
|
|
47
|
+
},
|
|
48
|
+
...(rows.length >= 2
|
|
49
|
+
? [
|
|
50
|
+
{
|
|
51
|
+
label: 'Advanced',
|
|
52
|
+
type: 'subMenu',
|
|
53
|
+
subMenu: [
|
|
54
|
+
{
|
|
55
|
+
label: 'Calculate neighbor joining tree (BLOSUM62)',
|
|
56
|
+
onClick: () => {
|
|
57
|
+
try {
|
|
58
|
+
model.calculateNeighborJoiningTreeFromMSA();
|
|
59
|
+
}
|
|
60
|
+
catch (e) {
|
|
61
|
+
console.error('Failed to calculate NJ tree:', e);
|
|
62
|
+
model.setError(e);
|
|
63
|
+
}
|
|
64
|
+
},
|
|
65
|
+
},
|
|
66
|
+
],
|
|
67
|
+
},
|
|
68
|
+
]
|
|
69
|
+
: []),
|
|
70
|
+
] },
|
|
71
|
+
React.createElement(AccountTree, null)));
|
|
72
|
+
});
|
|
73
|
+
export default TreeSettingsMenu;
|
|
74
|
+
//# sourceMappingURL=TreeSettingsMenu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TreeSettingsMenu.js","sourceRoot":"","sources":["../../../src/components/header/TreeSettingsMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,mBAAmB,MAAM,sCAAsC,CAAA;AACtE,OAAO,WAAW,MAAM,iCAAiC,CAAA;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAIrC,MAAM,gBAAgB,GAAG,QAAQ,CAAC,UAAU,EAC1C,KAAK,GAGN;IACC,MAAM,EACJ,QAAQ,EACR,aAAa,EACb,gBAAgB,EAChB,eAAe,EACf,UAAU,EACV,IAAI,GACL,GAAG,KAAK,CAAA;IACT,OAAO,CACL,oBAAC,mBAAmB,IAClB,mBAAmB,EAAE,KAAK,EAC1B,YAAY,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,EACxD,eAAe,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,EACxD,SAAS,EAAE;YACT;gBACE,KAAK,EAAE,oBAAoB;gBAC3B,IAAI,EAAE,UAAU;gBAChB,OAAO,EAAE,aAAa;gBACtB,OAAO,EAAE,GAAG,EAAE;oBACZ,KAAK,CAAC,gBAAgB,CAAC,CAAC,aAAa,CAAC,CAAA;gBACxC,CAAC;aACF;YACD;gBACE,KAAK,EAAE,WAAW;gBAClB,IAAI,EAAE,UAAU;gBAChB,OAAO,EAAE,QAAQ;gBACjB,OAAO,EAAE,GAAG,EAAE;oBACZ,KAAK,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAA;gBAC9B,CAAC;aACF;YACD;gBACE,KAAK,EAAE,yCAAyC;gBAChD,IAAI,EAAE,UAAU;gBAChB,OAAO,EAAE,eAAe;gBACxB,OAAO,EAAE,GAAG,EAAE;oBACZ,KAAK,CAAC,kBAAkB,CAAC,CAAC,eAAe,CAAC,CAAA;gBAC5C,CAAC;aACF;YACD;gBACE,KAAK,EAAE,yBAAyB;gBAChC,IAAI,EAAE,UAAU;gBAChB,OAAO,EAAE,gBAAgB;gBACzB,OAAO,EAAE,GAAG,EAAE;oBACZ,KAAK,CAAC,mBAAmB,CAAC,CAAC,gBAAgB,CAAC,CAAA;gBAC9C,CAAC;aACF;YACD;gBACE,KAAK,EAAE,aAAa;gBACpB,IAAI,EAAE,UAAU;gBAChB,OAAO,EAAE,UAAU;gBACnB,OAAO,EAAE,GAAG,EAAE;oBACZ,KAAK,CAAC,aAAa,CAAC,CAAC,UAAU,CAAC,CAAA;gBAClC,CAAC;aACF;YACD,GAAG,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC;gBAClB,CAAC,CAAC;oBACE;wBACE,KAAK,EAAE,UAAU;wBACjB,IAAI,EAAE,SAAkB;wBACxB,OAAO,EAAE;4BACP;gCACE,KAAK,EAAE,4CAA4C;gCACnD,OAAO,EAAE,GAAG,EAAE;oCACZ,IAAI,CAAC;wCACH,KAAK,CAAC,mCAAmC,EAAE,CAAA;oCAC7C,CAAC;oCAAC,OAAO,CAAC,EAAE,CAAC;wCACX,OAAO,CAAC,KAAK,CAAC,8BAA8B,EAAE,CAAC,CAAC,CAAA;wCAChD,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;oCACnB,CAAC;gCACH,CAAC;6BACF;yBACF;qBACF;iBACF;gBACH,CAAC,CAAC,EAAE,CAAC;SACR;QAED,oBAAC,WAAW,OAAG,CACK,CACvB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,gBAAgB,CAAA"}
|
|
@@ -30,14 +30,6 @@ const ZoomMenu = observer(function ({ model }) {
|
|
|
30
30
|
model.resetZoom();
|
|
31
31
|
},
|
|
32
32
|
},
|
|
33
|
-
{
|
|
34
|
-
label: 'Show extra zoom options',
|
|
35
|
-
checked: model.showZoomStar,
|
|
36
|
-
type: 'checkbox',
|
|
37
|
-
onClick: () => {
|
|
38
|
-
model.setShowZoomStar(!model.showZoomStar);
|
|
39
|
-
},
|
|
40
|
-
},
|
|
41
33
|
] },
|
|
42
34
|
React.createElement(MoreVert, null)));
|
|
43
35
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ZoomMenu.js","sourceRoot":"","sources":["../../../src/components/header/ZoomMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,mBAAmB,MAAM,sCAAsC,CAAA;AACtE,OAAO,QAAQ,MAAM,8BAA8B,CAAA;AACnD,OAAO,UAAU,MAAM,gCAAgC,CAAA;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAIrC,MAAM,QAAQ,GAAG,QAAQ,CAAC,UAAU,EAAE,KAAK,EAA2B;IACpE,OAAO,CACL,oBAAC,mBAAmB,IAClB,SAAS,EAAE;YACT;gBACE,KAAK,EAAE,kCAAkC;gBACzC,OAAO,EAAE,GAAG,EAAE;oBACZ,KAAK,CAAC,GAAG,EAAE,CAAA;gBACb,CAAC;aACF;YACD;gBACE,KAAK,EAAE,gBAAgB;gBACvB,OAAO,EAAE,GAAG,EAAE;oBACZ,KAAK,CAAC,aAAa,EAAE,CAAA;gBACvB,CAAC;aACF;YACD;gBACE,KAAK,EAAE,kBAAkB;gBACzB,OAAO,EAAE,GAAG,EAAE;oBACZ,KAAK,CAAC,eAAe,EAAE,CAAA;gBACzB,CAAC;aACF;YAED;gBACE,KAAK,EAAE,uBAAuB;gBAC9B,IAAI,EAAE,UAAU;gBAChB,OAAO,EAAE,GAAG,EAAE;oBACZ,KAAK,CAAC,SAAS,EAAE,CAAA;gBACnB,CAAC;aACF;
|
|
1
|
+
{"version":3,"file":"ZoomMenu.js","sourceRoot":"","sources":["../../../src/components/header/ZoomMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,mBAAmB,MAAM,sCAAsC,CAAA;AACtE,OAAO,QAAQ,MAAM,8BAA8B,CAAA;AACnD,OAAO,UAAU,MAAM,gCAAgC,CAAA;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAIrC,MAAM,QAAQ,GAAG,QAAQ,CAAC,UAAU,EAAE,KAAK,EAA2B;IACpE,OAAO,CACL,oBAAC,mBAAmB,IAClB,SAAS,EAAE;YACT;gBACE,KAAK,EAAE,kCAAkC;gBACzC,OAAO,EAAE,GAAG,EAAE;oBACZ,KAAK,CAAC,GAAG,EAAE,CAAA;gBACb,CAAC;aACF;YACD;gBACE,KAAK,EAAE,gBAAgB;gBACvB,OAAO,EAAE,GAAG,EAAE;oBACZ,KAAK,CAAC,aAAa,EAAE,CAAA;gBACvB,CAAC;aACF;YACD;gBACE,KAAK,EAAE,kBAAkB;gBACzB,OAAO,EAAE,GAAG,EAAE;oBACZ,KAAK,CAAC,eAAe,EAAE,CAAA;gBACzB,CAAC;aACF;YAED;gBACE,KAAK,EAAE,uBAAuB;gBAC9B,IAAI,EAAE,UAAU;gBAChB,OAAO,EAAE,GAAG,EAAE;oBACZ,KAAK,CAAC,SAAS,EAAE,CAAA;gBACnB,CAAC;aACF;SACF;QAED,oBAAC,QAAQ,OAAG,CACQ,CACvB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,QAAQ,CAAA"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import type { MsaViewModel } from '../../model.ts';
|
|
2
|
+
export declare function getDomainMenu({ model }: {
|
|
3
|
+
model: MsaViewModel;
|
|
4
|
+
}): ({
|
|
5
|
+
label: string;
|
|
6
|
+
icon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
|
|
7
|
+
muiName: string;
|
|
8
|
+
};
|
|
9
|
+
onClick: () => void;
|
|
10
|
+
disabled?: undefined;
|
|
11
|
+
checked?: undefined;
|
|
12
|
+
type?: undefined;
|
|
13
|
+
} | {
|
|
14
|
+
label: string;
|
|
15
|
+
disabled: boolean;
|
|
16
|
+
icon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
|
|
17
|
+
muiName: string;
|
|
18
|
+
};
|
|
19
|
+
checked: boolean;
|
|
20
|
+
type: "checkbox";
|
|
21
|
+
onClick: () => void;
|
|
22
|
+
} | {
|
|
23
|
+
label: string;
|
|
24
|
+
icon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
|
|
25
|
+
muiName: string;
|
|
26
|
+
};
|
|
27
|
+
disabled: boolean;
|
|
28
|
+
onClick: () => void;
|
|
29
|
+
checked?: undefined;
|
|
30
|
+
type?: undefined;
|
|
31
|
+
})[];
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
import { lazy } from 'react';
|
|
2
|
+
import FilterAlt from '@mui/icons-material/FilterAlt';
|
|
3
|
+
import FolderOpen from '@mui/icons-material/FolderOpen';
|
|
4
|
+
import Search from '@mui/icons-material/Search';
|
|
5
|
+
import Sort from '@mui/icons-material/Sort';
|
|
6
|
+
import Visibility from '@mui/icons-material/Visibility';
|
|
7
|
+
const FeatureFilterDialog = lazy(() => import("../dialogs/FeatureDialog.js"));
|
|
8
|
+
const UserProvidedDomainsDialog = lazy(() => import("../dialogs/UserProvidedDomainsDialog.js"));
|
|
9
|
+
const InterProScanDialog = lazy(() => import("../dialogs/InterProScanDialog.js"));
|
|
10
|
+
export function getDomainMenu({ model }) {
|
|
11
|
+
const { showDomains, actuallyShowDomains, subFeatureRows, noDomains } = model;
|
|
12
|
+
return [
|
|
13
|
+
{
|
|
14
|
+
label: 'Open domains...',
|
|
15
|
+
icon: FolderOpen,
|
|
16
|
+
onClick: () => {
|
|
17
|
+
model.queueDialog(handleClose => [
|
|
18
|
+
UserProvidedDomainsDialog,
|
|
19
|
+
{
|
|
20
|
+
handleClose,
|
|
21
|
+
model,
|
|
22
|
+
},
|
|
23
|
+
]);
|
|
24
|
+
},
|
|
25
|
+
},
|
|
26
|
+
{
|
|
27
|
+
label: 'Query InterProScan for domains...',
|
|
28
|
+
icon: Search,
|
|
29
|
+
onClick: () => {
|
|
30
|
+
model.queueDialog(handleClose => [
|
|
31
|
+
InterProScanDialog,
|
|
32
|
+
{
|
|
33
|
+
handleClose,
|
|
34
|
+
model,
|
|
35
|
+
},
|
|
36
|
+
]);
|
|
37
|
+
},
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
label: `Show domains${noDomains ? ' (no domains loaded)' : ''}`,
|
|
41
|
+
disabled: noDomains,
|
|
42
|
+
icon: Visibility,
|
|
43
|
+
checked: actuallyShowDomains ? showDomains : false,
|
|
44
|
+
type: 'checkbox',
|
|
45
|
+
onClick: () => {
|
|
46
|
+
model.setShowDomains(!showDomains);
|
|
47
|
+
},
|
|
48
|
+
},
|
|
49
|
+
{
|
|
50
|
+
label: `Use sub-row layout${noDomains ? ' (no domains loaded)' : ''}`,
|
|
51
|
+
disabled: noDomains,
|
|
52
|
+
checked: actuallyShowDomains ? subFeatureRows : false,
|
|
53
|
+
icon: Sort,
|
|
54
|
+
type: 'checkbox',
|
|
55
|
+
onClick: () => {
|
|
56
|
+
model.setSubFeatureRows(!subFeatureRows);
|
|
57
|
+
},
|
|
58
|
+
},
|
|
59
|
+
{
|
|
60
|
+
label: `Filter domains${noDomains ? ' (no domains loaded)' : ''}`,
|
|
61
|
+
icon: FilterAlt,
|
|
62
|
+
disabled: noDomains,
|
|
63
|
+
onClick: () => {
|
|
64
|
+
model.queueDialog(onClose => [
|
|
65
|
+
FeatureFilterDialog,
|
|
66
|
+
{
|
|
67
|
+
onClose,
|
|
68
|
+
model,
|
|
69
|
+
},
|
|
70
|
+
]);
|
|
71
|
+
},
|
|
72
|
+
},
|
|
73
|
+
];
|
|
74
|
+
}
|
|
75
|
+
//# sourceMappingURL=getDomainsMenu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"getDomainsMenu.js","sourceRoot":"","sources":["../../../src/components/header/getDomainsMenu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAE5B,OAAO,SAAS,MAAM,+BAA+B,CAAA;AACrD,OAAO,UAAU,MAAM,gCAAgC,CAAA;AACvD,OAAO,MAAM,MAAM,4BAA4B,CAAA;AAC/C,OAAO,IAAI,MAAM,0BAA0B,CAAA;AAC3C,OAAO,UAAU,MAAM,gCAAgC,CAAA;AAIvD,MAAM,mBAAmB,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,6BAA8B,CAAC,CAAC,CAAA;AAC9E,MAAM,yBAAyB,GAAG,IAAI,CACpC,GAAG,EAAE,CAAC,MAAM,CAAC,yCAA0C,CAAC,CACzD,CAAA;AACD,MAAM,kBAAkB,GAAG,IAAI,CAC7B,GAAG,EAAE,CAAC,MAAM,CAAC,kCAAmC,CAAC,CAClD,CAAA;AAED,MAAM,UAAU,aAAa,CAAC,EAAE,KAAK,EAA2B;IAC9D,MAAM,EAAE,WAAW,EAAE,mBAAmB,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,KAAK,CAAA;IAC7E,OAAO;QACL;YACE,KAAK,EAAE,iBAAiB;YACxB,IAAI,EAAE,UAAU;YAChB,OAAO,EAAE,GAAG,EAAE;gBACZ,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,EAAE,CAAC;oBAC/B,yBAAyB;oBACzB;wBACE,WAAW;wBACX,KAAK;qBACN;iBACF,CAAC,CAAA;YACJ,CAAC;SACF;QACD;YACE,KAAK,EAAE,mCAAmC;YAC1C,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,GAAG,EAAE;gBACZ,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,EAAE,CAAC;oBAC/B,kBAAkB;oBAClB;wBACE,WAAW;wBACX,KAAK;qBACN;iBACF,CAAC,CAAA;YACJ,CAAC;SACF;QACD;YACE,KAAK,EAAE,eAAe,SAAS,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,EAAE;YAC/D,QAAQ,EAAE,SAAS;YACnB,IAAI,EAAE,UAAU;YAChB,OAAO,EAAE,mBAAmB,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK;YAClD,IAAI,EAAE,UAAmB;YACzB,OAAO,EAAE,GAAG,EAAE;gBACZ,KAAK,CAAC,cAAc,CAAC,CAAC,WAAW,CAAC,CAAA;YACpC,CAAC;SACF;QACD;YACE,KAAK,EAAE,qBAAqB,SAAS,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,EAAE;YACrE,QAAQ,EAAE,SAAS;YACnB,OAAO,EAAE,mBAAmB,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK;YACrD,IAAI,EAAE,IAAI;YACV,IAAI,EAAE,UAAmB;YACzB,OAAO,EAAE,GAAG,EAAE;gBACZ,KAAK,CAAC,iBAAiB,CAAC,CAAC,cAAc,CAAC,CAAA;YAC1C,CAAC;SACF;QACD;YACE,KAAK,EAAE,iBAAiB,SAAS,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,EAAE;YACjE,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,SAAS;YACnB,OAAO,EAAE,GAAG,EAAE;gBACZ,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,CAAC;oBAC3B,mBAAmB;oBACnB;wBACE,OAAO;wBACP,KAAK;qBACN;iBACF,CAAC,CAAA;YACJ,CAAC;SACF;KACF,CAAA;AACH,CAAC"}
|
|
@@ -12,23 +12,14 @@ function ListItem({ onClick, model, children, }) {
|
|
|
12
12
|
}, href: "#" },
|
|
13
13
|
React.createElement(Typography, { display: "inline" }, children))));
|
|
14
14
|
}
|
|
15
|
+
const BASE = 'https://jbrowse.org/genomes/multiple_sequence_alignments';
|
|
15
16
|
const ImportFormExamples = observer(function ({ model, }) {
|
|
16
|
-
function
|
|
17
|
+
function loadUris({ msa, tree, gff, }) {
|
|
17
18
|
// eslint-disable-next-line @typescript-eslint/no-floating-promises
|
|
18
19
|
;
|
|
19
20
|
(async () => {
|
|
20
21
|
try {
|
|
21
|
-
await load(model,
|
|
22
|
-
? {
|
|
23
|
-
uri: uri1,
|
|
24
|
-
locationType: 'UriLocation',
|
|
25
|
-
}
|
|
26
|
-
: undefined, uri2
|
|
27
|
-
? {
|
|
28
|
-
uri: uri2,
|
|
29
|
-
locationType: 'UriLocation',
|
|
30
|
-
}
|
|
31
|
-
: undefined);
|
|
22
|
+
await load(model, msa ? { uri: msa, locationType: 'UriLocation' } : undefined, tree ? { uri: tree, locationType: 'UriLocation' } : undefined, gff ? { uri: gff, locationType: 'UriLocation' } : undefined);
|
|
32
23
|
}
|
|
33
24
|
catch (e) {
|
|
34
25
|
console.error(e);
|
|
@@ -38,7 +29,9 @@ const ImportFormExamples = observer(function ({ model, }) {
|
|
|
38
29
|
}
|
|
39
30
|
return (React.createElement("ul", null,
|
|
40
31
|
React.createElement(ListItem, { model: model, onClick: () => {
|
|
41
|
-
|
|
32
|
+
loadUris({
|
|
33
|
+
tree: 'https://jbrowse.org/genomes/newicktrees/sarscov2phylo.pub.ft.nh',
|
|
34
|
+
});
|
|
42
35
|
} }, "230k COVID-19 samples (tree only)"),
|
|
43
36
|
React.createElement(ListItem, { model: model, onClick: () => {
|
|
44
37
|
model.setData({ msa: smallMSA, tree: smallTree });
|
|
@@ -47,22 +40,31 @@ const ImportFormExamples = observer(function ({ model, }) {
|
|
|
47
40
|
model.setData({ msa: smallMSAOnly });
|
|
48
41
|
} }, "Small MSA only"),
|
|
49
42
|
React.createElement(ListItem, { model: model, onClick: () => {
|
|
50
|
-
|
|
43
|
+
loadUris({ msa: `${BASE}/pfam-cov2.stock` });
|
|
51
44
|
} }, "PFAM SARS-CoV2 multi-stockholm"),
|
|
52
45
|
React.createElement(ListItem, { model: model, onClick: () => {
|
|
53
|
-
|
|
46
|
+
loadUris({
|
|
47
|
+
msa: `${BASE}/pfam-cov2.stock`,
|
|
48
|
+
gff: `${BASE}/pfam-cov2-domains.gff`,
|
|
49
|
+
});
|
|
50
|
+
} }, "PFAM SARS-CoV2 multi-stockholm w/ domains loaded"),
|
|
51
|
+
React.createElement(ListItem, { model: model, onClick: () => {
|
|
52
|
+
loadUris({ msa: `${BASE}/Lysine.stock` });
|
|
54
53
|
} }, "Lysine stockholm file"),
|
|
55
54
|
React.createElement(ListItem, { model: model, onClick: () => {
|
|
56
|
-
|
|
55
|
+
loadUris({ msa: `${BASE}/PF01601_full.txt` });
|
|
57
56
|
} }, "PF01601 stockholm file (SARS-CoV2 spike protein)"),
|
|
58
57
|
React.createElement(ListItem, { model: model, onClick: () => {
|
|
59
|
-
|
|
58
|
+
loadUris({ msa: `${BASE}/europe_covid.fa` });
|
|
60
59
|
} }, "Europe COVID full genomes (LR883044.1 and 199 other sequences)"),
|
|
61
60
|
React.createElement(ListItem, { model: model, onClick: () => {
|
|
62
|
-
|
|
61
|
+
loadUris({
|
|
62
|
+
msa: `${BASE}/rhv_test-only.aligned_with_mafft_auto.fa`,
|
|
63
|
+
tree: `${BASE}/rhv_test-only.aligned_with_mafft_auto.nh`,
|
|
64
|
+
});
|
|
63
65
|
} }, "MAFFT+VeryFastTree(17.9k samples)"),
|
|
64
66
|
React.createElement(ListItem, { model: model, onClick: () => {
|
|
65
|
-
|
|
67
|
+
loadUris({ msa: 'https://jbrowse.org/demos/ttc39a.mfa' });
|
|
66
68
|
} }, "Human BLAST results mfa")));
|
|
67
69
|
});
|
|
68
70
|
export default ImportFormExamples;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImportFormExamples.js","sourceRoot":"","sources":["../../../src/components/import/ImportFormExamples.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAClE,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAIhC,SAAS,QAAQ,CAAC,EAChB,OAAO,EACP,KAAK,EACL,QAAQ,GAKT;IACC,OAAO,CACL;QACE,oBAAC,IAAI,IACH,OAAO,EAAE,KAAK,CAAC,EAAE;gBACf,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAA;gBACzB,KAAK,CAAC,cAAc,EAAE,CAAA;gBACtB,OAAO,EAAE,CAAA;YACX,CAAC,EACD,IAAI,EAAC,GAAG;YAER,oBAAC,UAAU,IAAC,OAAO,EAAC,QAAQ,IAAE,QAAQ,CAAc,CAC/C,CACJ,CACN,CAAA;AACH,CAAC;AAED,MAAM,kBAAkB,GAAG,QAAQ,CAAC,UAAU,EAC5C,KAAK,GAGN;IACC,SAAS,
|
|
1
|
+
{"version":3,"file":"ImportFormExamples.js","sourceRoot":"","sources":["../../../src/components/import/ImportFormExamples.tsx"],"names":[],"mappings":"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"}
|