jbrowse-plugin-protein3d 0.0.2
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/README.md +3 -0
- package/dist/AddHighlightModel/GenomeMouseoverHighlight.d.ts +6 -0
- package/dist/AddHighlightModel/GenomeMouseoverHighlight.js +24 -0
- package/dist/AddHighlightModel/GenomeMouseoverHighlight.js.map +1 -0
- package/dist/AddHighlightModel/Highlight.d.ts +10 -0
- package/dist/AddHighlightModel/Highlight.js +24 -0
- package/dist/AddHighlightModel/Highlight.js.map +1 -0
- package/dist/AddHighlightModel/HighlightComponents.d.ts +7 -0
- package/dist/AddHighlightModel/HighlightComponents.js +14 -0
- package/dist/AddHighlightModel/HighlightComponents.js.map +1 -0
- package/dist/AddHighlightModel/ProteinToGenomeClickHighlight.d.ts +7 -0
- package/dist/AddHighlightModel/ProteinToGenomeClickHighlight.js +13 -0
- package/dist/AddHighlightModel/ProteinToGenomeClickHighlight.js.map +1 -0
- package/dist/AddHighlightModel/ProteinToGenomeHoverHighlight.d.ts +7 -0
- package/dist/AddHighlightModel/ProteinToGenomeHoverHighlight.js +13 -0
- package/dist/AddHighlightModel/ProteinToGenomeHoverHighlight.js.map +1 -0
- package/dist/AddHighlightModel/index.d.ts +2 -0
- package/dist/AddHighlightModel/index.js +14 -0
- package/dist/AddHighlightModel/index.js.map +1 -0
- package/dist/AddHighlightModel/util.d.ts +9 -0
- package/dist/AddHighlightModel/util.js +17 -0
- package/dist/AddHighlightModel/util.js.map +1 -0
- package/dist/LaunchProteinView/calculateProteinSequence.d.ts +28 -0
- package/dist/LaunchProteinView/calculateProteinSequence.js +77 -0
- package/dist/LaunchProteinView/calculateProteinSequence.js.map +1 -0
- package/dist/LaunchProteinView/components/AlphaFoldDBSearch.d.ts +8 -0
- package/dist/LaunchProteinView/components/AlphaFoldDBSearch.js +71 -0
- package/dist/LaunchProteinView/components/AlphaFoldDBSearch.js.map +1 -0
- package/dist/LaunchProteinView/components/AlphaFoldDBSearchStatus.d.ts +8 -0
- package/dist/LaunchProteinView/components/AlphaFoldDBSearchStatus.js +19 -0
- package/dist/LaunchProteinView/components/AlphaFoldDBSearchStatus.js.map +1 -0
- package/dist/LaunchProteinView/components/HelpButton.d.ts +2 -0
- package/dist/LaunchProteinView/components/HelpButton.js +15 -0
- package/dist/LaunchProteinView/components/HelpButton.js.map +1 -0
- package/dist/LaunchProteinView/components/HelpDialog.d.ts +4 -0
- package/dist/LaunchProteinView/components/HelpDialog.js +16 -0
- package/dist/LaunchProteinView/components/HelpDialog.js.map +1 -0
- package/dist/LaunchProteinView/components/LaunchProteinViewDialog.d.ts +7 -0
- package/dist/LaunchProteinView/components/LaunchProteinViewDialog.js +23 -0
- package/dist/LaunchProteinView/components/LaunchProteinViewDialog.js.map +1 -0
- package/dist/LaunchProteinView/components/PreLoadedStructureMapping.d.ts +8 -0
- package/dist/LaunchProteinView/components/PreLoadedStructureMapping.js +72 -0
- package/dist/LaunchProteinView/components/PreLoadedStructureMapping.js.map +1 -0
- package/dist/LaunchProteinView/components/TabPanel.d.ts +6 -0
- package/dist/LaunchProteinView/components/TabPanel.js +6 -0
- package/dist/LaunchProteinView/components/TabPanel.js.map +1 -0
- package/dist/LaunchProteinView/components/TranscriptSelector.d.ts +9 -0
- package/dist/LaunchProteinView/components/TranscriptSelector.js +28 -0
- package/dist/LaunchProteinView/components/TranscriptSelector.js.map +1 -0
- package/dist/LaunchProteinView/components/UserProvidedStructure.d.ts +8 -0
- package/dist/LaunchProteinView/components/UserProvidedStructure.js +118 -0
- package/dist/LaunchProteinView/components/UserProvidedStructure.js.map +1 -0
- package/dist/LaunchProteinView/components/useCheckAlphaFoldDBExistence.d.ts +7 -0
- package/dist/LaunchProteinView/components/useCheckAlphaFoldDBExistence.js +26 -0
- package/dist/LaunchProteinView/components/useCheckAlphaFoldDBExistence.js.map +1 -0
- package/dist/LaunchProteinView/index.d.ts +2 -0
- package/dist/LaunchProteinView/index.js +45 -0
- package/dist/LaunchProteinView/index.js.map +1 -0
- package/dist/LaunchProteinView/useMyGeneInfo.d.ts +7 -0
- package/dist/LaunchProteinView/useMyGeneInfo.js +29 -0
- package/dist/LaunchProteinView/useMyGeneInfo.js.map +1 -0
- package/dist/LaunchProteinView/useProteinSequences.d.ts +10 -0
- package/dist/LaunchProteinView/useProteinSequences.js +30 -0
- package/dist/LaunchProteinView/useProteinSequences.js.map +1 -0
- package/dist/LaunchProteinView/util.d.ts +18 -0
- package/dist/LaunchProteinView/util.js +54 -0
- package/dist/LaunchProteinView/util.js.map +1 -0
- package/dist/ProteinModelSessionExtension.d.ts +11 -0
- package/dist/ProteinModelSessionExtension.js +53 -0
- package/dist/ProteinModelSessionExtension.js.map +1 -0
- package/dist/ProteinView/clearSelection.d.ts +4 -0
- package/dist/ProteinView/clearSelection.js +4 -0
- package/dist/ProteinView/clearSelection.js.map +1 -0
- package/dist/ProteinView/components/Header.d.ts +6 -0
- package/dist/ProteinView/components/Header.js +49 -0
- package/dist/ProteinView/components/Header.js.map +1 -0
- package/dist/ProteinView/components/ProteinAlignment.d.ts +6 -0
- package/dist/ProteinView/components/ProteinAlignment.js +62 -0
- package/dist/ProteinView/components/ProteinAlignment.js.map +1 -0
- package/dist/ProteinView/components/ProteinAlignmentHelpButton.d.ts +5 -0
- package/dist/ProteinView/components/ProteinAlignmentHelpButton.js +14 -0
- package/dist/ProteinView/components/ProteinAlignmentHelpButton.js.map +1 -0
- package/dist/ProteinView/components/ProteinAlignmentHelpDialog.d.ts +4 -0
- package/dist/ProteinView/components/ProteinAlignmentHelpDialog.js +20 -0
- package/dist/ProteinView/components/ProteinAlignmentHelpDialog.js.map +1 -0
- package/dist/ProteinView/components/ProteinView.d.ts +6 -0
- package/dist/ProteinView/components/ProteinView.js +79 -0
- package/dist/ProteinView/components/ProteinView.js.map +1 -0
- package/dist/ProteinView/components/SplitString.d.ts +9 -0
- package/dist/ProteinView/components/SplitString.js +11 -0
- package/dist/ProteinView/components/SplitString.js.map +1 -0
- package/dist/ProteinView/css/molstar.d.ts +2 -0
- package/dist/ProteinView/css/molstar.js +3137 -0
- package/dist/ProteinView/css/molstar.js.map +1 -0
- package/dist/ProteinView/genomeToProtein.d.ts +4 -0
- package/dist/ProteinView/genomeToProtein.js +13 -0
- package/dist/ProteinView/genomeToProtein.js.map +1 -0
- package/dist/ProteinView/highlightResidue.d.ts +7 -0
- package/dist/ProteinView/highlightResidue.js +14 -0
- package/dist/ProteinView/highlightResidue.js.map +1 -0
- package/dist/ProteinView/index.d.ts +2 -0
- package/dist/ProteinView/index.js +15 -0
- package/dist/ProteinView/index.js.map +1 -0
- package/dist/ProteinView/launchRemotePairwiseAlignment.d.ts +14 -0
- package/dist/ProteinView/launchRemotePairwiseAlignment.js +72 -0
- package/dist/ProteinView/launchRemotePairwiseAlignment.js.map +1 -0
- package/dist/ProteinView/loadStructureFromData.d.ts +17 -0
- package/dist/ProteinView/loadStructureFromData.js +20 -0
- package/dist/ProteinView/loadStructureFromData.js.map +1 -0
- package/dist/ProteinView/loadStructureFromURL.d.ts +17 -0
- package/dist/ProteinView/loadStructureFromURL.js +17 -0
- package/dist/ProteinView/loadStructureFromURL.js.map +1 -0
- package/dist/ProteinView/model.d.ts +226 -0
- package/dist/ProteinView/model.js +324 -0
- package/dist/ProteinView/model.js.map +1 -0
- package/dist/ProteinView/proteinAbbreviationMapping.d.ts +7 -0
- package/dist/ProteinView/proteinAbbreviationMapping.js +23 -0
- package/dist/ProteinView/proteinAbbreviationMapping.js.map +1 -0
- package/dist/ProteinView/proteinToGenomeMapping.d.ts +13 -0
- package/dist/ProteinView/proteinToGenomeMapping.js +69 -0
- package/dist/ProteinView/proteinToGenomeMapping.js.map +1 -0
- package/dist/ProteinView/selectResidue.d.ts +7 -0
- package/dist/ProteinView/selectResidue.js +10 -0
- package/dist/ProteinView/selectResidue.js.map +1 -0
- package/dist/ProteinView/useProteinView.d.ts +11 -0
- package/dist/ProteinView/useProteinView.js +57 -0
- package/dist/ProteinView/useProteinView.js.map +1 -0
- package/dist/ProteinView/useProteinViewClickBehavior.d.ts +8 -0
- package/dist/ProteinView/useProteinViewClickBehavior.js +34 -0
- package/dist/ProteinView/useProteinViewClickBehavior.js.map +1 -0
- package/dist/ProteinView/useProteinViewHoverBehavior.d.ts +6 -0
- package/dist/ProteinView/useProteinViewHoverBehavior.js +31 -0
- package/dist/ProteinView/useProteinViewHoverBehavior.js.map +1 -0
- package/dist/ProteinView/util.d.ts +19 -0
- package/dist/ProteinView/util.js +32 -0
- package/dist/ProteinView/util.js.map +1 -0
- package/dist/fetchUtils.d.ts +5 -0
- package/dist/fetchUtils.js +23 -0
- package/dist/fetchUtils.js.map +1 -0
- package/dist/genomeToTranscriptMapping.d.ts +7 -0
- package/dist/genomeToTranscriptMapping.js +36 -0
- package/dist/genomeToTranscriptMapping.js.map +1 -0
- package/dist/index.d.ts +8 -0
- package/dist/index.js +26 -0
- package/dist/index.js.map +1 -0
- package/dist/jbrowse-plugin-protein3d.umd.production.min.js +9298 -0
- package/dist/jbrowse-plugin-protein3d.umd.production.min.js.map +7 -0
- package/dist/mappings.d.ts +19 -0
- package/dist/mappings.js +67 -0
- package/dist/mappings.js.map +1 -0
- package/dist/mappings.test.d.ts +1 -0
- package/dist/mappings.test.js +27 -0
- package/dist/mappings.test.js.map +1 -0
- package/dist/test_data/gene.d.ts +67 -0
- package/dist/test_data/gene.js +603 -0
- package/dist/test_data/gene.js.map +1 -0
- package/package.json +70 -0
- package/src/AddHighlightModel/GenomeMouseoverHighlight.tsx +45 -0
- package/src/AddHighlightModel/Highlight.tsx +46 -0
- package/src/AddHighlightModel/HighlightComponents.tsx +26 -0
- package/src/AddHighlightModel/ProteinToGenomeClickHighlight.tsx +39 -0
- package/src/AddHighlightModel/ProteinToGenomeHoverHighlight.tsx +39 -0
- package/src/AddHighlightModel/index.tsx +25 -0
- package/src/AddHighlightModel/util.ts +17 -0
- package/src/LaunchProteinView/calculateProteinSequence.ts +127 -0
- package/src/LaunchProteinView/components/AlphaFoldDBSearch.tsx +141 -0
- package/src/LaunchProteinView/components/AlphaFoldDBSearchStatus.tsx +44 -0
- package/src/LaunchProteinView/components/HelpButton.tsx +23 -0
- package/src/LaunchProteinView/components/HelpDialog.tsx +43 -0
- package/src/LaunchProteinView/components/LaunchProteinViewDialog.tsx +57 -0
- package/src/LaunchProteinView/components/PreLoadedStructureMapping.tsx +153 -0
- package/src/LaunchProteinView/components/TabPanel.tsx +19 -0
- package/src/LaunchProteinView/components/TranscriptSelector.tsx +54 -0
- package/src/LaunchProteinView/components/UserProvidedStructure.tsx +226 -0
- package/src/LaunchProteinView/components/useCheckAlphaFoldDBExistence.ts +31 -0
- package/src/LaunchProteinView/index.ts +56 -0
- package/src/LaunchProteinView/useMyGeneInfo.ts +37 -0
- package/src/LaunchProteinView/useProteinSequences.ts +36 -0
- package/src/LaunchProteinView/util.ts +74 -0
- package/src/ProteinModelSessionExtension.ts +71 -0
- package/src/ProteinView/clearSelection.ts +5 -0
- package/src/ProteinView/components/Header.tsx +84 -0
- package/src/ProteinView/components/ProteinAlignment.tsx +119 -0
- package/src/ProteinView/components/ProteinAlignmentHelpButton.tsx +33 -0
- package/src/ProteinView/components/ProteinAlignmentHelpDialog.tsx +59 -0
- package/src/ProteinView/components/ProteinView.tsx +131 -0
- package/src/ProteinView/components/SplitString.tsx +35 -0
- package/src/ProteinView/css/molstar.ts +3136 -0
- package/src/ProteinView/genomeToProtein.ts +21 -0
- package/src/ProteinView/highlightResidue.ts +23 -0
- package/src/ProteinView/index.ts +18 -0
- package/src/ProteinView/launchRemotePairwiseAlignment.ts +113 -0
- package/src/ProteinView/loadStructureFromData.ts +48 -0
- package/src/ProteinView/loadStructureFromURL.ts +50 -0
- package/src/ProteinView/model.ts +384 -0
- package/src/ProteinView/proteinAbbreviationMapping.ts +24 -0
- package/src/ProteinView/proteinToGenomeMapping.ts +99 -0
- package/src/ProteinView/selectResidue.ts +19 -0
- package/src/ProteinView/useProteinView.ts +70 -0
- package/src/ProteinView/useProteinViewClickBehavior.ts +48 -0
- package/src/ProteinView/useProteinViewHoverBehavior.ts +44 -0
- package/src/ProteinView/util.ts +56 -0
- package/src/__snapshots__/mappings.test.ts.snap +1351 -0
- package/src/declare.d.ts +1 -0
- package/src/fetchUtils.ts +30 -0
- package/src/genomeToTranscriptMapping.ts +46 -0
- package/src/index.ts +32 -0
- package/src/mappings.test.ts +32 -0
- package/src/mappings.ts +89 -0
- package/src/test_data/gene.ts +604 -0
package/README.md
ADDED
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { LinearGenomeViewModel } from '@jbrowse/plugin-linear-genome-view';
|
|
3
|
+
declare const GenomeMouseoverHighlight: ({ model, }: {
|
|
4
|
+
model: LinearGenomeViewModel;
|
|
5
|
+
}) => React.JSX.Element | null;
|
|
6
|
+
export default GenomeMouseoverHighlight;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { observer } from 'mobx-react';
|
|
3
|
+
import { getSession } from '@jbrowse/core/util';
|
|
4
|
+
// locals
|
|
5
|
+
import Highlight from './Highlight';
|
|
6
|
+
const GenomeMouseoverHighlight = observer(function ({ model, }) {
|
|
7
|
+
const { hovered } = getSession(model);
|
|
8
|
+
return hovered &&
|
|
9
|
+
typeof hovered === 'object' &&
|
|
10
|
+
'hoverPosition' in hovered ? (React.createElement(HoverHighlight, { model: model })) : null;
|
|
11
|
+
});
|
|
12
|
+
const HoverHighlight = observer(function ({ model, }) {
|
|
13
|
+
const session = getSession(model);
|
|
14
|
+
if (session.views.some(s => s.type === 'ProteinView')) {
|
|
15
|
+
const { hovered } = session;
|
|
16
|
+
const { assemblyNames } = model;
|
|
17
|
+
// @ts-expect-error
|
|
18
|
+
const { coord, refName } = hovered.hoverPosition;
|
|
19
|
+
return (React.createElement(Highlight, { model: model, start: coord - 1, end: coord, refName: refName, assemblyName: assemblyNames[0] }));
|
|
20
|
+
}
|
|
21
|
+
return null;
|
|
22
|
+
});
|
|
23
|
+
export default GenomeMouseoverHighlight;
|
|
24
|
+
//# sourceMappingURL=GenomeMouseoverHighlight.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GenomeMouseoverHighlight.js","sourceRoot":"","sources":["../../src/AddHighlightModel/GenomeMouseoverHighlight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAC/C,SAAS;AACT,OAAO,SAAS,MAAM,aAAa,CAAA;AAEnC,MAAM,wBAAwB,GAAG,QAAQ,CAAC,UAAU,EAClD,KAAK,GAGN;IACC,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;IACrC,OAAO,OAAO;QACZ,OAAO,OAAO,KAAK,QAAQ;QAC3B,eAAe,IAAI,OAAO,CAAC,CAAC,CAAC,CAC7B,oBAAC,cAAc,IAAC,KAAK,EAAE,KAAK,GAAI,CACjC,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAC,CAAA;AAEF,MAAM,cAAc,GAAG,QAAQ,CAAC,UAAU,EACxC,KAAK,GAGN;IACC,MAAM,OAAO,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;IACjC,IAAI,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,aAAa,CAAC,EAAE,CAAC;QACtD,MAAM,EAAE,OAAO,EAAE,GAAG,OAAO,CAAA;QAC3B,MAAM,EAAE,aAAa,EAAE,GAAG,KAAK,CAAA;QAC/B,mBAAmB;QACnB,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,aAAa,CAAA;QAChD,OAAO,CACL,oBAAC,SAAS,IACR,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,GAAG,CAAC,EAChB,GAAG,EAAE,KAAK,EACV,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,aAAa,CAAC,CAAC,CAAC,GAC9B,CACH,CAAA;IACH,CAAC;IACD,OAAO,IAAI,CAAA;AACb,CAAC,CAAC,CAAA;AAEF,eAAe,wBAAwB,CAAA"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { LinearGenomeViewModel } from '@jbrowse/plugin-linear-genome-view';
|
|
3
|
+
declare const Highlight: ({ assemblyName, start, end, refName, model, }: {
|
|
4
|
+
model: LinearGenomeViewModel;
|
|
5
|
+
assemblyName: string;
|
|
6
|
+
start: number;
|
|
7
|
+
end: number;
|
|
8
|
+
refName: string;
|
|
9
|
+
}) => React.JSX.Element | null;
|
|
10
|
+
export default Highlight;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { observer } from 'mobx-react';
|
|
3
|
+
import { getSession } from '@jbrowse/core/util';
|
|
4
|
+
// locals
|
|
5
|
+
import { useStyles } from './util';
|
|
6
|
+
const Highlight = observer(function Highlight({ assemblyName, start, end, refName, model, }) {
|
|
7
|
+
const { cx, classes } = useStyles();
|
|
8
|
+
const { assemblyManager } = getSession(model);
|
|
9
|
+
const { offsetPx } = model;
|
|
10
|
+
const assembly = assemblyManager.get(assemblyName);
|
|
11
|
+
const ref = assembly?.getCanonicalRefName(refName) ?? refName;
|
|
12
|
+
const s = model.bpToPx({ refName: ref, coord: start });
|
|
13
|
+
const e = model.bpToPx({ refName: ref, coord: end });
|
|
14
|
+
if (s && e) {
|
|
15
|
+
const width = Math.max(Math.abs(e.offsetPx - s.offsetPx), 3);
|
|
16
|
+
const left = Math.min(s.offsetPx, e.offsetPx) - offsetPx;
|
|
17
|
+
return (React.createElement("div", { className: cx(classes.highlight, width <= 3 ? classes.thinborder : undefined), style: { left, width } }));
|
|
18
|
+
}
|
|
19
|
+
else {
|
|
20
|
+
return null;
|
|
21
|
+
}
|
|
22
|
+
});
|
|
23
|
+
export default Highlight;
|
|
24
|
+
//# sourceMappingURL=Highlight.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Highlight.js","sourceRoot":"","sources":["../../src/AddHighlightModel/Highlight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAE/C,SAAS;AACT,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAElC,MAAM,SAAS,GAAG,QAAQ,CAAC,SAAS,SAAS,CAAC,EAC5C,YAAY,EACZ,KAAK,EACL,GAAG,EACH,OAAO,EACP,KAAK,GAON;IACC,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAA;IACnC,MAAM,EAAE,eAAe,EAAE,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;IAC7C,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IAC1B,MAAM,QAAQ,GAAG,eAAe,CAAC,GAAG,CAAC,YAAY,CAAC,CAAA;IAClD,MAAM,GAAG,GAAG,QAAQ,EAAE,mBAAmB,CAAC,OAAO,CAAC,IAAI,OAAO,CAAA;IAC7D,MAAM,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAA;IACtD,MAAM,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAA;IACpD,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;QACX,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,GAAG,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAA;QAC5D,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAAA;QACxD,OAAO,CACL,6BACE,SAAS,EAAE,EAAE,CACX,OAAO,CAAC,SAAS,EACjB,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAC5C,EACD,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,GACtB,CACH,CAAA;IACH,CAAC;SAAM,CAAC;QACN,OAAO,IAAI,CAAA;IACb,CAAC;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,SAAS,CAAA"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { LinearGenomeViewModel } from '@jbrowse/plugin-linear-genome-view';
|
|
3
|
+
type LGV = LinearGenomeViewModel;
|
|
4
|
+
declare const HighlightComponents: ({ model, }: {
|
|
5
|
+
model: LGV;
|
|
6
|
+
}) => React.JSX.Element;
|
|
7
|
+
export default HighlightComponents;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { observer } from 'mobx-react';
|
|
3
|
+
// locals
|
|
4
|
+
import ProteinToGenomeClickHighlight from './ProteinToGenomeClickHighlight';
|
|
5
|
+
import ProteinToGenomeHoverHighlight from './ProteinToGenomeHoverHighlight';
|
|
6
|
+
import GenomeMouseoverHighlight from './GenomeMouseoverHighlight';
|
|
7
|
+
const HighlightComponents = observer(function Highlight({ model, }) {
|
|
8
|
+
return (React.createElement(React.Fragment, null,
|
|
9
|
+
React.createElement(ProteinToGenomeClickHighlight, { model: model }),
|
|
10
|
+
React.createElement(ProteinToGenomeHoverHighlight, { model: model }),
|
|
11
|
+
React.createElement(GenomeMouseoverHighlight, { model: model })));
|
|
12
|
+
});
|
|
13
|
+
export default HighlightComponents;
|
|
14
|
+
//# sourceMappingURL=HighlightComponents.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HighlightComponents.js","sourceRoot":"","sources":["../../src/AddHighlightModel/HighlightComponents.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAGrC,SAAS;AACT,OAAO,6BAA6B,MAAM,iCAAiC,CAAA;AAC3E,OAAO,6BAA6B,MAAM,iCAAiC,CAAA;AAC3E,OAAO,wBAAwB,MAAM,4BAA4B,CAAA;AAIjE,MAAM,mBAAmB,GAAG,QAAQ,CAAC,SAAS,SAAS,CAAC,EACtD,KAAK,GAGN;IACC,OAAO,CACL;QACE,oBAAC,6BAA6B,IAAC,KAAK,EAAE,KAAK,GAAI;QAC/C,oBAAC,6BAA6B,IAAC,KAAK,EAAE,KAAK,GAAI;QAC/C,oBAAC,wBAAwB,IAAC,KAAK,EAAE,KAAK,GAAI,CACzC,CACJ,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,mBAAmB,CAAA"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { LinearGenomeViewModel } from '@jbrowse/plugin-linear-genome-view';
|
|
3
|
+
type LGV = LinearGenomeViewModel;
|
|
4
|
+
declare const ProteinToGenomeClickHighlight: ({ model, }: {
|
|
5
|
+
model: LGV;
|
|
6
|
+
}) => React.JSX.Element | null;
|
|
7
|
+
export default ProteinToGenomeClickHighlight;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { observer } from 'mobx-react';
|
|
3
|
+
import { getSession } from '@jbrowse/core/util';
|
|
4
|
+
import Highlight from './Highlight';
|
|
5
|
+
const ProteinToGenomeClickHighlight = observer(function ({ model, }) {
|
|
6
|
+
const { assemblyManager, views } = getSession(model);
|
|
7
|
+
const { assemblyNames } = model;
|
|
8
|
+
const p = views.find(f => f.type === 'ProteinView');
|
|
9
|
+
const assembly = assemblyManager.get(assemblyNames[0]);
|
|
10
|
+
return assembly ? (React.createElement(React.Fragment, null, p?.clickGenomeHighlights.map((r, idx) => (React.createElement(Highlight, { key: `${JSON.stringify(r)}-${idx}}`, start: r.start, end: r.end, refName: r.refName, assemblyName: assemblyNames[0], model: model }))))) : null;
|
|
11
|
+
});
|
|
12
|
+
export default ProteinToGenomeClickHighlight;
|
|
13
|
+
//# sourceMappingURL=ProteinToGenomeClickHighlight.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProteinToGenomeClickHighlight.js","sourceRoot":"","sources":["../../src/AddHighlightModel/ProteinToGenomeClickHighlight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAI/C,OAAO,SAAS,MAAM,aAAa,CAAA;AAInC,MAAM,6BAA6B,GAAG,QAAQ,CAAC,UAAU,EACvD,KAAK,GAGN;IACC,MAAM,EAAE,eAAe,EAAE,KAAK,EAAE,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;IACpD,MAAM,EAAE,aAAa,EAAE,GAAG,KAAK,CAAA;IAC/B,MAAM,CAAC,GAAG,KAAK,CAAC,IAAI,CAClB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,aAAa,CACG,CAAA;IAClC,MAAM,QAAQ,GAAG,eAAe,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAA;IACtD,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,0CACG,CAAC,EAAE,qBAAqB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,CACxC,oBAAC,SAAS,IACR,GAAG,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,GAAG,GAAG,EACnC,KAAK,EAAE,CAAC,CAAC,KAAK,EACd,GAAG,EAAE,CAAC,CAAC,GAAG,EACV,OAAO,EAAE,CAAC,CAAC,OAAO,EAClB,YAAY,EAAE,aAAa,CAAC,CAAC,CAAC,EAC9B,KAAK,EAAE,KAAK,GACZ,CACH,CAAC,CACD,CACJ,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAC,CAAA;AAEF,eAAe,6BAA6B,CAAA"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { LinearGenomeViewModel } from '@jbrowse/plugin-linear-genome-view';
|
|
3
|
+
type LGV = LinearGenomeViewModel;
|
|
4
|
+
declare const ProteinToGenomeHoverHighlight: ({ model, }: {
|
|
5
|
+
model: LGV;
|
|
6
|
+
}) => React.JSX.Element | null;
|
|
7
|
+
export default ProteinToGenomeHoverHighlight;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { observer } from 'mobx-react';
|
|
3
|
+
import { getSession } from '@jbrowse/core/util';
|
|
4
|
+
import Highlight from './Highlight';
|
|
5
|
+
const ProteinToGenomeHoverHighlight = observer(function ({ model, }) {
|
|
6
|
+
const { assemblyManager, views } = getSession(model);
|
|
7
|
+
const { assemblyNames } = model;
|
|
8
|
+
const p = views.find(f => f.type === 'ProteinView');
|
|
9
|
+
const assembly = assemblyManager.get(assemblyNames[0]);
|
|
10
|
+
return assembly ? (React.createElement(React.Fragment, null, p?.hoverGenomeHighlights.map((r, idx) => (React.createElement(Highlight, { key: `${JSON.stringify(r)}-${idx}`, start: r.start, end: r.end, refName: r.refName, assemblyName: assemblyNames[0], model: model }))))) : null;
|
|
11
|
+
});
|
|
12
|
+
export default ProteinToGenomeHoverHighlight;
|
|
13
|
+
//# sourceMappingURL=ProteinToGenomeHoverHighlight.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProteinToGenomeHoverHighlight.js","sourceRoot":"","sources":["../../src/AddHighlightModel/ProteinToGenomeHoverHighlight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAI/C,OAAO,SAAS,MAAM,aAAa,CAAA;AAInC,MAAM,6BAA6B,GAAG,QAAQ,CAAC,UAAU,EACvD,KAAK,GAGN;IACC,MAAM,EAAE,eAAe,EAAE,KAAK,EAAE,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;IACpD,MAAM,EAAE,aAAa,EAAE,GAAG,KAAK,CAAA;IAC/B,MAAM,CAAC,GAAG,KAAK,CAAC,IAAI,CAClB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,aAAa,CACG,CAAA;IAClC,MAAM,QAAQ,GAAG,eAAe,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAA;IACtD,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,0CACG,CAAC,EAAE,qBAAqB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,CACxC,oBAAC,SAAS,IACR,GAAG,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,GAAG,EAAE,EAClC,KAAK,EAAE,CAAC,CAAC,KAAK,EACd,GAAG,EAAE,CAAC,CAAC,GAAG,EACV,OAAO,EAAE,CAAC,CAAC,OAAO,EAClB,YAAY,EAAE,aAAa,CAAC,CAAC,CAAC,EAC9B,KAAK,EAAE,KAAK,GACZ,CACH,CAAC,CACD,CACJ,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAC,CAAA;AAEF,eAAe,6BAA6B,CAAA"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
// locals
|
|
3
|
+
import HighlightComponents from './HighlightComponents';
|
|
4
|
+
export default function AddHighlightModelF(pluginManager) {
|
|
5
|
+
pluginManager.addToExtensionPoint('LinearGenomeView-TracksContainerComponent',
|
|
6
|
+
// @ts-expect-error
|
|
7
|
+
(rest = [], { model }) => {
|
|
8
|
+
return [
|
|
9
|
+
...rest,
|
|
10
|
+
React.createElement(HighlightComponents, { key: "highlight_protein_viewer_protein3d", model: model }),
|
|
11
|
+
];
|
|
12
|
+
});
|
|
13
|
+
}
|
|
14
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/AddHighlightModel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,SAAS;AACT,OAAO,mBAAmB,MAAM,uBAAuB,CAAA;AAEvD,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,aAA4B;IACrE,aAAa,CAAC,mBAAmB,CAC/B,2CAA2C;IAC3C,mBAAmB;IACnB,CACE,OAA0B,EAAE,EAC5B,EAAE,KAAK,EAAoC,EAC3C,EAAE;QACF,OAAO;YACL,GAAG,IAAI;YACP,oBAAC,mBAAmB,IAClB,GAAG,EAAC,oCAAoC,EACxC,KAAK,EAAE,KAAK,GACZ;SACH,CAAA;IACH,CAAC,CACF,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export declare const useStyles: (params: void, muiStyleOverridesParams?: {
|
|
2
|
+
props: Record<string, unknown>;
|
|
3
|
+
ownerState?: Record<string, unknown> | undefined;
|
|
4
|
+
} | undefined) => {
|
|
5
|
+
classes: Record<"highlight" | "thinborder", string>;
|
|
6
|
+
theme: import("@mui/material").Theme;
|
|
7
|
+
css: import("tss-react").Css;
|
|
8
|
+
cx: import("tss-react").Cx;
|
|
9
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { makeStyles } from 'tss-react/mui';
|
|
2
|
+
export const useStyles = makeStyles()({
|
|
3
|
+
highlight: {
|
|
4
|
+
height: '100%',
|
|
5
|
+
background: 'rgba(255,255,0,0.2)',
|
|
6
|
+
border: '1px solid rgba(50,50,0,0.2)',
|
|
7
|
+
position: 'absolute',
|
|
8
|
+
zIndex: 1000,
|
|
9
|
+
textAlign: 'center',
|
|
10
|
+
pointerEvents: 'none',
|
|
11
|
+
overflow: 'hidden',
|
|
12
|
+
},
|
|
13
|
+
thinborder: {
|
|
14
|
+
border: '1px solid black',
|
|
15
|
+
},
|
|
16
|
+
});
|
|
17
|
+
//# sourceMappingURL=util.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"util.js","sourceRoot":"","sources":["../../src/AddHighlightModel/util.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,EAAE,CAAC;IACpC,SAAS,EAAE;QACT,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,qBAAqB;QACjC,MAAM,EAAE,6BAA6B;QACrC,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,IAAI;QACZ,SAAS,EAAE,QAAQ;QACnB,aAAa,EAAE,MAAM;QACrB,QAAQ,EAAE,QAAQ;KACnB;IACD,UAAU,EAAE;QACV,MAAM,EAAE,iBAAiB;KAC1B;CACF,CAAC,CAAA"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { Feature } from '@jbrowse/core/util';
|
|
2
|
+
export interface Feat {
|
|
3
|
+
start: number;
|
|
4
|
+
end: number;
|
|
5
|
+
type: string;
|
|
6
|
+
}
|
|
7
|
+
export declare function stitch(subfeats: Feat[], sequence: string): string;
|
|
8
|
+
export declare function calculateProteinSequence({ cds, sequence, codonTable, }: {
|
|
9
|
+
cds: Feat[];
|
|
10
|
+
sequence: string;
|
|
11
|
+
codonTable: Record<string, string>;
|
|
12
|
+
}): string;
|
|
13
|
+
export declare function revlist(list: Feat[], seqlen: number): {
|
|
14
|
+
start: number;
|
|
15
|
+
end: number;
|
|
16
|
+
type: string;
|
|
17
|
+
}[];
|
|
18
|
+
export declare function dedupe(list: Feat[]): Feat[];
|
|
19
|
+
export declare function getProteinSequence({ feature, seq, }: {
|
|
20
|
+
seq: string;
|
|
21
|
+
feature: Feature;
|
|
22
|
+
}): string;
|
|
23
|
+
export declare function fetchProteinSeq({ feature, view, }: {
|
|
24
|
+
feature: Feature;
|
|
25
|
+
view: {
|
|
26
|
+
assemblyNames?: string[];
|
|
27
|
+
} | undefined;
|
|
28
|
+
}): Promise<string | undefined>;
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import { getConf } from '@jbrowse/core/configuration';
|
|
2
|
+
import { defaultCodonTable, generateCodonTable, getSession, revcom, } from '@jbrowse/core/util';
|
|
3
|
+
export function stitch(subfeats, sequence) {
|
|
4
|
+
return subfeats.map(sub => sequence.slice(sub.start, sub.end)).join('');
|
|
5
|
+
}
|
|
6
|
+
export function calculateProteinSequence({ cds, sequence, codonTable, }) {
|
|
7
|
+
const str = stitch(cds, sequence);
|
|
8
|
+
let protein = '';
|
|
9
|
+
for (let i = 0; i < str.length; i += 3) {
|
|
10
|
+
// use & symbol for undefined codon, or partial slice
|
|
11
|
+
protein += codonTable[str.slice(i, i + 3)] || '&';
|
|
12
|
+
}
|
|
13
|
+
return protein;
|
|
14
|
+
}
|
|
15
|
+
export function revlist(list, seqlen) {
|
|
16
|
+
return list
|
|
17
|
+
.map(sub => ({
|
|
18
|
+
...sub,
|
|
19
|
+
start: seqlen - sub.end,
|
|
20
|
+
end: seqlen - sub.start,
|
|
21
|
+
}))
|
|
22
|
+
.sort((a, b) => a.start - b.start);
|
|
23
|
+
}
|
|
24
|
+
// filter items if they have the same "ID" or location
|
|
25
|
+
function getItemId(feat) {
|
|
26
|
+
return `${feat.start}-${feat.end}`;
|
|
27
|
+
}
|
|
28
|
+
// filters if successive elements share same start/end
|
|
29
|
+
export function dedupe(list) {
|
|
30
|
+
return list.filter((item, pos, ary) => !pos || getItemId(item) !== getItemId(ary[pos - 1]));
|
|
31
|
+
}
|
|
32
|
+
export function getProteinSequence({ feature, seq, }) {
|
|
33
|
+
// @ts-expect-error
|
|
34
|
+
const f = feature.toJSON();
|
|
35
|
+
const cds = dedupe(f.subfeatures
|
|
36
|
+
.sort((a, b) => a.start - b.start)
|
|
37
|
+
.map(sub => ({
|
|
38
|
+
...sub,
|
|
39
|
+
start: sub.start - f.start,
|
|
40
|
+
end: sub.end - f.start,
|
|
41
|
+
}))
|
|
42
|
+
.filter(f => f.type === 'CDS'));
|
|
43
|
+
return calculateProteinSequence({
|
|
44
|
+
cds: f.strand === -1 ? revlist(cds, seq.length) : cds,
|
|
45
|
+
sequence: f.strand === -1 ? revcom(seq) : seq,
|
|
46
|
+
codonTable: generateCodonTable(defaultCodonTable),
|
|
47
|
+
});
|
|
48
|
+
}
|
|
49
|
+
export async function fetchProteinSeq({ feature, view, }) {
|
|
50
|
+
const start = feature.get('start');
|
|
51
|
+
const end = feature.get('end');
|
|
52
|
+
const refName = feature.get('refName');
|
|
53
|
+
const session = getSession(view);
|
|
54
|
+
const { assemblyManager, rpcManager } = session;
|
|
55
|
+
const [assemblyName] = view?.assemblyNames ?? [];
|
|
56
|
+
const assembly = await assemblyManager.waitForAssembly(assemblyName);
|
|
57
|
+
if (!assembly) {
|
|
58
|
+
throw new Error('assembly not found');
|
|
59
|
+
}
|
|
60
|
+
const sessionId = 'getSequence';
|
|
61
|
+
const feats = await rpcManager.call(sessionId, 'CoreGetFeatures', {
|
|
62
|
+
adapterConfig: getConf(assembly, ['sequence', 'adapter']),
|
|
63
|
+
sessionId,
|
|
64
|
+
regions: [
|
|
65
|
+
{
|
|
66
|
+
start,
|
|
67
|
+
end,
|
|
68
|
+
refName: assembly.getCanonicalRefName(refName),
|
|
69
|
+
assemblyName,
|
|
70
|
+
},
|
|
71
|
+
],
|
|
72
|
+
});
|
|
73
|
+
const [feat] = feats;
|
|
74
|
+
const seq = feat?.get('seq');
|
|
75
|
+
return seq ? getProteinSequence({ seq, feature }) : undefined;
|
|
76
|
+
}
|
|
77
|
+
//# sourceMappingURL=calculateProteinSequence.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"calculateProteinSequence.js","sourceRoot":"","sources":["../../src/LaunchProteinView/calculateProteinSequence.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { AbstractTrackModel, Feature } from '@jbrowse/core/util';
|
|
3
|
+
declare const AlphaFoldDBSearch: ({ feature, model, handleClose, }: {
|
|
4
|
+
feature: Feature;
|
|
5
|
+
model: AbstractTrackModel;
|
|
6
|
+
handleClose: () => void;
|
|
7
|
+
}) => React.JSX.Element;
|
|
8
|
+
export default AlphaFoldDBSearch;
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import React, { useEffect, useState } from 'react';
|
|
2
|
+
import { observer } from 'mobx-react';
|
|
3
|
+
import { Button, DialogActions, DialogContent } from '@mui/material';
|
|
4
|
+
import { makeStyles } from 'tss-react/mui';
|
|
5
|
+
import { getContainingView, getSession, } from '@jbrowse/core/util';
|
|
6
|
+
import { ErrorMessage, LoadingEllipses } from '@jbrowse/core/ui';
|
|
7
|
+
// locals
|
|
8
|
+
import { getDisplayName, getGeneDisplayName, getId, getTranscriptDisplayName, getTranscriptFeatures, } from '../util';
|
|
9
|
+
import TranscriptSelector from './TranscriptSelector';
|
|
10
|
+
import HelpButton from './HelpButton';
|
|
11
|
+
// hooks
|
|
12
|
+
import useMyGeneInfo from '../useMyGeneInfo';
|
|
13
|
+
import useAllSequences from '../useProteinSequences';
|
|
14
|
+
import { useCheckAlphaFoldDBExistence } from './useCheckAlphaFoldDBExistence';
|
|
15
|
+
import AlphaFoldDBSearchStatus from './AlphaFoldDBSearchStatus';
|
|
16
|
+
const useStyles = makeStyles()(theme => ({
|
|
17
|
+
dialogContent: {
|
|
18
|
+
marginTop: theme.spacing(6),
|
|
19
|
+
width: '80em',
|
|
20
|
+
},
|
|
21
|
+
}));
|
|
22
|
+
const AlphaFoldDBSearch = observer(function AlphaFoldDBSearch({ feature, model, handleClose, }) {
|
|
23
|
+
const { classes } = useStyles();
|
|
24
|
+
const session = getSession(model);
|
|
25
|
+
// check if we are looking at a 'two-level' or 'three-level' feature by
|
|
26
|
+
// finding exon/CDS subfeatures. we want to select from transcript names
|
|
27
|
+
const options = getTranscriptFeatures(feature);
|
|
28
|
+
const [userSelection, setUserSelection] = useState();
|
|
29
|
+
const view = getContainingView(model);
|
|
30
|
+
const selectedTranscript = options.find(val => getId(val) === userSelection);
|
|
31
|
+
const { seqs, error: error2 } = useAllSequences({ feature, view });
|
|
32
|
+
const protein = seqs?.[userSelection ?? ''];
|
|
33
|
+
const { result: foundStructureId, error } = useMyGeneInfo({
|
|
34
|
+
id: selectedTranscript ? getDisplayName(selectedTranscript) : '',
|
|
35
|
+
});
|
|
36
|
+
useEffect(() => {
|
|
37
|
+
if (userSelection === undefined && seqs !== undefined) {
|
|
38
|
+
setUserSelection(options.find(f => !!seqs[f.id()])?.id());
|
|
39
|
+
}
|
|
40
|
+
}, [options, userSelection, seqs]);
|
|
41
|
+
const { success, loading, error: error3, } = useCheckAlphaFoldDBExistence({
|
|
42
|
+
foundStructureId,
|
|
43
|
+
});
|
|
44
|
+
const e = error || error2 || error3;
|
|
45
|
+
const url = `https://alphafold.ebi.ac.uk/files/AF-${foundStructureId}-F1-model_v4.cif`;
|
|
46
|
+
return (React.createElement(React.Fragment, null,
|
|
47
|
+
React.createElement(DialogContent, { className: classes.dialogContent },
|
|
48
|
+
e ? React.createElement(ErrorMessage, { error: e }) : null,
|
|
49
|
+
React.createElement("div", null,
|
|
50
|
+
"Look up AlphaFoldDB structure for given transcript ",
|
|
51
|
+
React.createElement(HelpButton, null)),
|
|
52
|
+
seqs ? (React.createElement(React.Fragment, null,
|
|
53
|
+
React.createElement(TranscriptSelector, { val: userSelection ?? '', setVal: setUserSelection, options: options, feature: feature, seqs: seqs }),
|
|
54
|
+
selectedTranscript ? (React.createElement(AlphaFoldDBSearchStatus, { foundStructureId: foundStructureId, selectedTranscript: selectedTranscript, success: success, loading: loading })) : null)) : (React.createElement("div", { style: { margin: 20 } },
|
|
55
|
+
React.createElement(LoadingEllipses, { message: "Loading protein sequences", variant: "h6" })))),
|
|
56
|
+
React.createElement(DialogActions, null,
|
|
57
|
+
React.createElement(Button, { variant: "contained", color: "secondary", onClick: () => handleClose() }, "Cancel"),
|
|
58
|
+
React.createElement(Button, { variant: "contained", color: "primary", disabled: !foundStructureId || !protein || !selectedTranscript, onClick: () => {
|
|
59
|
+
session.addView('ProteinView', {
|
|
60
|
+
type: 'ProteinView',
|
|
61
|
+
url,
|
|
62
|
+
seq2: protein,
|
|
63
|
+
feature: selectedTranscript?.toJSON(),
|
|
64
|
+
connectedViewId: view.id,
|
|
65
|
+
displayName: `Protein view ${getGeneDisplayName(feature)} - ${getTranscriptDisplayName(selectedTranscript)}`,
|
|
66
|
+
});
|
|
67
|
+
handleClose();
|
|
68
|
+
} }, "Submit"))));
|
|
69
|
+
});
|
|
70
|
+
export default AlphaFoldDBSearch;
|
|
71
|
+
//# sourceMappingURL=AlphaFoldDBSearch.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlphaFoldDBSearch.js","sourceRoot":"","sources":["../../../src/LaunchProteinView/components/AlphaFoldDBSearch.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Feature } from '@jbrowse/core/util';
|
|
3
|
+
export default function AlphaFoldDBSearchStatus({ foundStructureId, selectedTranscript, success, loading, }: {
|
|
4
|
+
foundStructureId?: string;
|
|
5
|
+
selectedTranscript: Feature;
|
|
6
|
+
success: boolean;
|
|
7
|
+
loading: boolean;
|
|
8
|
+
}): React.JSX.Element;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Link, Typography } from '@mui/material';
|
|
3
|
+
import { LoadingEllipses } from '@jbrowse/core/ui';
|
|
4
|
+
// locals
|
|
5
|
+
import { getDisplayName } from '../util';
|
|
6
|
+
export default function AlphaFoldDBSearchStatus({ foundStructureId, selectedTranscript, success, loading, }) {
|
|
7
|
+
return !foundStructureId ? (React.createElement(Typography, null,
|
|
8
|
+
"Searching ",
|
|
9
|
+
getDisplayName(selectedTranscript),
|
|
10
|
+
" for UniProt ID")) : (React.createElement(React.Fragment, null,
|
|
11
|
+
React.createElement(Typography, null,
|
|
12
|
+
"Found Uniprot ID: ",
|
|
13
|
+
foundStructureId),
|
|
14
|
+
loading ? (React.createElement(LoadingEllipses, { title: "Looking up structure in AlphaFoldDB" })) : success ? (React.createElement(Typography, null, "Found structure in AlphaFoldDB")) : (React.createElement(Typography, null,
|
|
15
|
+
"No structure found for this UniProtID in AlphaFoldDB",
|
|
16
|
+
' ',
|
|
17
|
+
React.createElement(Link, { target: "_blank", href: `https://alphafold.ebi.ac.uk/search/text/${foundStructureId}` }, "(search for results)")))));
|
|
18
|
+
}
|
|
19
|
+
//# sourceMappingURL=AlphaFoldDBSearchStatus.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlphaFoldDBSearchStatus.js","sourceRoot":"","sources":["../../../src/LaunchProteinView/components/AlphaFoldDBSearchStatus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAEhD,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAElD,SAAS;AACT,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAExC,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,EAC9C,gBAAgB,EAChB,kBAAkB,EAClB,OAAO,EACP,OAAO,GAMR;IACC,OAAO,CAAC,gBAAgB,CAAC,CAAC,CAAC,CACzB,oBAAC,UAAU;;QACE,cAAc,CAAC,kBAAkB,CAAC;0BAClC,CACd,CAAC,CAAC,CAAC,CACF;QACE,oBAAC,UAAU;;YAAoB,gBAAgB,CAAc;QAC5D,OAAO,CAAC,CAAC,CAAC,CACT,oBAAC,eAAe,IAAC,KAAK,EAAC,qCAAqC,GAAG,CAChE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CACZ,oBAAC,UAAU,yCAA4C,CACxD,CAAC,CAAC,CAAC,CACF,oBAAC,UAAU;;YAC4C,GAAG;YACxD,oBAAC,IAAI,IACH,MAAM,EAAC,QAAQ,EACf,IAAI,EAAE,2CAA2C,gBAAgB,EAAE,2BAG9D,CACI,CACd,CACA,CACJ,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React, { Suspense, lazy, useState } from 'react';
|
|
2
|
+
import { IconButton } from '@mui/material';
|
|
3
|
+
// icons
|
|
4
|
+
import Help from '@mui/icons-material/Help';
|
|
5
|
+
// lazies
|
|
6
|
+
const HelpDialog = lazy(() => import('./HelpDialog'));
|
|
7
|
+
export default function HelpButton() {
|
|
8
|
+
const [show, setShow] = useState(false);
|
|
9
|
+
return (React.createElement(React.Fragment, null,
|
|
10
|
+
React.createElement(IconButton, { onClick: () => setShow(true) },
|
|
11
|
+
React.createElement(Help, null)),
|
|
12
|
+
show ? (React.createElement(Suspense, { fallback: null },
|
|
13
|
+
React.createElement(HelpDialog, { handleClose: () => setShow(false) }))) : null));
|
|
14
|
+
}
|
|
15
|
+
//# sourceMappingURL=HelpButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HelpButton.js","sourceRoot":"","sources":["../../../src/LaunchProteinView/components/HelpButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,QAAQ;AACR,OAAO,IAAI,MAAM,0BAA0B,CAAA;AAE3C,SAAS;AACT,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAA;AAErD,MAAM,CAAC,OAAO,UAAU,UAAU;IAChC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACvC,OAAO,CACL;QACE,oBAAC,UAAU,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;YACtC,oBAAC,IAAI,OAAG,CACG;QACZ,IAAI,CAAC,CAAC,CAAC,CACN,oBAAC,QAAQ,IAAC,QAAQ,EAAE,IAAI;YACtB,oBAAC,UAAU,IAAC,WAAW,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,GAAI,CACxC,CACZ,CAAC,CAAC,CAAC,IAAI,CACP,CACJ,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Button, DialogActions, DialogContent, Divider, Typography, } from '@mui/material';
|
|
3
|
+
import { Dialog } from '@jbrowse/core/ui';
|
|
4
|
+
function Typography2({ children }) {
|
|
5
|
+
return React.createElement(Typography, { style: { margin: 4 } }, children);
|
|
6
|
+
}
|
|
7
|
+
export default function HelpDialog({ handleClose, }) {
|
|
8
|
+
return (React.createElement(Dialog, { open: true, maxWidth: "lg", onClose: handleClose, title: "Protein alignment" },
|
|
9
|
+
React.createElement(DialogContent, null,
|
|
10
|
+
React.createElement(Typography2, null, "This process searches mygene.info for the transcript ID, in order to retrieve the UniProt ID associated with a given transcript ID. Then, it uses that UniProt ID to lookup the structure in AlphaFoldDB because every UniProt ID has been processed by AlphaFold."),
|
|
11
|
+
React.createElement(Typography2, null, "If you run into challenges with this workflow e.g. your transcripts are not being found in mygene.info and you are interested in using this plugin, contact colin.diesh@gmail.com")),
|
|
12
|
+
React.createElement(Divider, null),
|
|
13
|
+
React.createElement(DialogActions, null,
|
|
14
|
+
React.createElement(Button, { onClick: () => handleClose(), color: "primary" }, "Close"))));
|
|
15
|
+
}
|
|
16
|
+
//# sourceMappingURL=HelpDialog.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HelpDialog.js","sourceRoot":"","sources":["../../../src/LaunchProteinView/components/HelpDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,MAAM,EACN,aAAa,EACb,aAAa,EACb,OAAO,EACP,UAAU,GAEX,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAEzC,SAAS,WAAW,CAAC,EAAE,QAAQ,EAAmB;IAChD,OAAO,oBAAC,UAAU,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,IAAG,QAAQ,CAAc,CAAA;AAClE,CAAC;AACD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,WAAW,GAGZ;IACC,OAAO,CACL,oBAAC,MAAM,IAAC,IAAI,QAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAC,mBAAmB;QACxE,oBAAC,aAAa;YACZ,oBAAC,WAAW,6QAKE;YACd,oBAAC,WAAW,4LAIE,CACA;QAChB,oBAAC,OAAO,OAAG;QACX,oBAAC,aAAa;YACZ,oBAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,EAAE,KAAK,EAAC,SAAS,YAE5C,CACK,CACT,CACV,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { AbstractTrackModel, Feature } from '@jbrowse/core/util';
|
|
3
|
+
export default function LaunchProteinViewDialog({ handleClose, feature, model, }: {
|
|
4
|
+
handleClose: () => void;
|
|
5
|
+
feature: Feature;
|
|
6
|
+
model: AbstractTrackModel;
|
|
7
|
+
}): React.JSX.Element;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React, { useState } from 'react';
|
|
2
|
+
import { Dialog } from '@jbrowse/core/ui';
|
|
3
|
+
import { Tab, Tabs } from '@mui/material';
|
|
4
|
+
// locals
|
|
5
|
+
import PreLoadedStructureMapping from './PreLoadedStructureMapping';
|
|
6
|
+
import AlphaFoldDBSearch from './AlphaFoldDBSearch';
|
|
7
|
+
import UserProvidedStructure from './UserProvidedStructure';
|
|
8
|
+
import TabPanel from './TabPanel';
|
|
9
|
+
export default function LaunchProteinViewDialog({ handleClose, feature, model, }) {
|
|
10
|
+
const [choice, setChoice] = useState(0);
|
|
11
|
+
return (React.createElement(Dialog, { maxWidth: "xl", title: "Launch protein view", onClose: () => handleClose(), open: true },
|
|
12
|
+
React.createElement(Tabs, { value: choice, onChange: (_, val) => setChoice(val) },
|
|
13
|
+
React.createElement(Tab, { value: 0, label: "AlphaFoldDB search" }),
|
|
14
|
+
React.createElement(Tab, { value: 1, label: "Manual" }),
|
|
15
|
+
React.createElement(Tab, { value: 2, label: "Pre-configured" })),
|
|
16
|
+
React.createElement(TabPanel, { value: choice, index: 0 },
|
|
17
|
+
React.createElement(AlphaFoldDBSearch, { model: model, feature: feature, handleClose: handleClose })),
|
|
18
|
+
React.createElement(TabPanel, { value: choice, index: 1 },
|
|
19
|
+
React.createElement(UserProvidedStructure, { model: model, feature: feature, handleClose: handleClose })),
|
|
20
|
+
React.createElement(TabPanel, { value: choice, index: 2 },
|
|
21
|
+
React.createElement(PreLoadedStructureMapping, { feature: feature, model: model, handleClose: handleClose }))));
|
|
22
|
+
}
|
|
23
|
+
//# sourceMappingURL=LaunchProteinViewDialog.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LaunchProteinViewDialog.js","sourceRoot":"","sources":["../../../src/LaunchProteinView/components/LaunchProteinViewDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAGzC,SAAS;AACT,OAAO,yBAAyB,MAAM,6BAA6B,CAAA;AACnE,OAAO,iBAAiB,MAAM,qBAAqB,CAAA;AACnD,OAAO,qBAAqB,MAAM,yBAAyB,CAAA;AAC3D,OAAO,QAAQ,MAAM,YAAY,CAAA;AAEjC,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,EAC9C,WAAW,EACX,OAAO,EACP,KAAK,GAKN;IACC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IACvC,OAAO,CACL,oBAAC,MAAM,IACL,QAAQ,EAAC,IAAI,EACb,KAAK,EAAC,qBAAqB,EAC3B,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,EAC5B,IAAI;QAEJ,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC;YACvD,oBAAC,GAAG,IAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAC,oBAAoB,GAAG;YAC5C,oBAAC,GAAG,IAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAC,QAAQ,GAAG;YAChC,oBAAC,GAAG,IAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAC,gBAAgB,GAAG,CACnC;QACP,oBAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;YAC/B,oBAAC,iBAAiB,IAChB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,GACxB,CACO;QACX,oBAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;YAC/B,oBAAC,qBAAqB,IACpB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,GACxB,CACO;QACX,oBAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;YAC/B,oBAAC,yBAAyB,IACxB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,GACxB,CACO,CACJ,CACV,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { AbstractTrackModel, Feature } from '@jbrowse/core/util';
|
|
3
|
+
declare const AutoForm: ({ model, feature, handleClose, }: {
|
|
4
|
+
model: AbstractTrackModel;
|
|
5
|
+
feature: Feature;
|
|
6
|
+
handleClose: () => void;
|
|
7
|
+
}) => React.JSX.Element;
|
|
8
|
+
export default AutoForm;
|