@jbrowse/plugin-linear-comparative-view 2.6.1
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/LICENSE +201 -0
- package/dist/LGVSyntenyDisplay/configSchemaF.d.ts +52 -0
- package/dist/LGVSyntenyDisplay/configSchemaF.js +18 -0
- package/dist/LGVSyntenyDisplay/configSchemaF.js.map +1 -0
- package/dist/LGVSyntenyDisplay/index.d.ts +3 -0
- package/dist/LGVSyntenyDisplay/index.js +24 -0
- package/dist/LGVSyntenyDisplay/index.js.map +1 -0
- package/dist/LGVSyntenyDisplay/model.d.ts +380 -0
- package/dist/LGVSyntenyDisplay/model.js +154 -0
- package/dist/LGVSyntenyDisplay/model.js.map +1 -0
- package/dist/LaunchLinearSyntenyView.d.ts +2 -0
- package/dist/LaunchLinearSyntenyView.js +58 -0
- package/dist/LaunchLinearSyntenyView.js.map +1 -0
- package/dist/LinearComparativeDisplay/configSchemaF.d.ts +5 -0
- package/dist/LinearComparativeDisplay/configSchemaF.js +18 -0
- package/dist/LinearComparativeDisplay/configSchemaF.js.map +1 -0
- package/dist/LinearComparativeDisplay/index.d.ts +3 -0
- package/dist/LinearComparativeDisplay/index.js +24 -0
- package/dist/LinearComparativeDisplay/index.js.map +1 -0
- package/dist/LinearComparativeDisplay/stateModelFactory.d.ts +275 -0
- package/dist/LinearComparativeDisplay/stateModelFactory.js +172 -0
- package/dist/LinearComparativeDisplay/stateModelFactory.js.map +1 -0
- package/dist/LinearComparativeView/components/Header.d.ts +7 -0
- package/dist/LinearComparativeView/components/Header.js +89 -0
- package/dist/LinearComparativeView/components/Header.js.map +1 -0
- package/dist/LinearComparativeView/components/LinearComparativeView.d.ts +8 -0
- package/dist/LinearComparativeView/components/LinearComparativeView.js +99 -0
- package/dist/LinearComparativeView/components/LinearComparativeView.js.map +1 -0
- package/dist/LinearComparativeView/components/Rubberband.d.ts +9 -0
- package/dist/LinearComparativeView/components/Rubberband.js +225 -0
- package/dist/LinearComparativeView/components/Rubberband.js.map +1 -0
- package/dist/LinearComparativeView/index.d.ts +3 -0
- package/dist/LinearComparativeView/index.js +42 -0
- package/dist/LinearComparativeView/index.js.map +1 -0
- package/dist/LinearComparativeView/model.d.ts +326 -0
- package/dist/LinearComparativeView/model.js +346 -0
- package/dist/LinearComparativeView/model.js.map +1 -0
- package/dist/LinearReadVsRef/LinearReadVsRef.d.ts +7 -0
- package/dist/LinearReadVsRef/LinearReadVsRef.js +284 -0
- package/dist/LinearReadVsRef/LinearReadVsRef.js.map +1 -0
- package/dist/LinearReadVsRef/index.d.ts +2 -0
- package/dist/LinearReadVsRef/index.js +55 -0
- package/dist/LinearReadVsRef/index.js.map +1 -0
- package/dist/LinearSyntenyDisplay/afterAttach.d.ts +2 -0
- package/dist/LinearSyntenyDisplay/afterAttach.js +108 -0
- package/dist/LinearSyntenyDisplay/afterAttach.js.map +1 -0
- package/dist/LinearSyntenyDisplay/components/Component.d.ts +6 -0
- package/dist/LinearSyntenyDisplay/components/Component.js +87 -0
- package/dist/LinearSyntenyDisplay/components/Component.js.map +1 -0
- package/dist/LinearSyntenyDisplay/components/LinearSyntenyRendering.d.ts +6 -0
- package/dist/LinearSyntenyDisplay/components/LinearSyntenyRendering.js +160 -0
- package/dist/LinearSyntenyDisplay/components/LinearSyntenyRendering.js.map +1 -0
- package/dist/LinearSyntenyDisplay/components/SyntenyTooltip.d.ts +7 -0
- package/dist/LinearSyntenyDisplay/components/SyntenyTooltip.js +83 -0
- package/dist/LinearSyntenyDisplay/components/SyntenyTooltip.js.map +1 -0
- package/dist/LinearSyntenyDisplay/components/util.d.ts +27 -0
- package/dist/LinearSyntenyDisplay/components/util.js +84 -0
- package/dist/LinearSyntenyDisplay/components/util.js.map +1 -0
- package/dist/LinearSyntenyDisplay/configSchemaF.d.ts +23 -0
- package/dist/LinearSyntenyDisplay/configSchemaF.js +36 -0
- package/dist/LinearSyntenyDisplay/configSchemaF.js.map +1 -0
- package/dist/LinearSyntenyDisplay/drawSynteny.d.ts +5 -0
- package/dist/LinearSyntenyDisplay/drawSynteny.js +235 -0
- package/dist/LinearSyntenyDisplay/drawSynteny.js.map +1 -0
- package/dist/LinearSyntenyDisplay/index.d.ts +3 -0
- package/dist/LinearSyntenyDisplay/index.js +47 -0
- package/dist/LinearSyntenyDisplay/index.js.map +1 -0
- package/dist/LinearSyntenyDisplay/model.d.ts +333 -0
- package/dist/LinearSyntenyDisplay/model.js +179 -0
- package/dist/LinearSyntenyDisplay/model.js.map +1 -0
- package/dist/LinearSyntenyView/components/ExportSvgDialog.d.ts +8 -0
- package/dist/LinearSyntenyView/components/ExportSvgDialog.js +86 -0
- package/dist/LinearSyntenyView/components/ExportSvgDialog.js.map +1 -0
- package/dist/LinearSyntenyView/components/Icons.d.ts +4 -0
- package/dist/LinearSyntenyView/components/Icons.js +19 -0
- package/dist/LinearSyntenyView/components/Icons.js.map +1 -0
- package/dist/LinearSyntenyView/components/ImportCustomTrack.d.ts +11 -0
- package/dist/LinearSyntenyView/components/ImportCustomTrack.js +180 -0
- package/dist/LinearSyntenyView/components/ImportCustomTrack.js.map +1 -0
- package/dist/LinearSyntenyView/components/ImportForm.d.ts +6 -0
- package/dist/LinearSyntenyView/components/ImportForm.js +127 -0
- package/dist/LinearSyntenyView/components/ImportForm.js.map +1 -0
- package/dist/LinearSyntenyView/components/ImportSyntenyTrackSelector.d.ts +9 -0
- package/dist/LinearSyntenyView/components/ImportSyntenyTrackSelector.js +63 -0
- package/dist/LinearSyntenyView/components/ImportSyntenyTrackSelector.js.map +1 -0
- package/dist/LinearSyntenyView/components/LinearSyntenyView.d.ts +7 -0
- package/dist/LinearSyntenyView/components/LinearSyntenyView.js +38 -0
- package/dist/LinearSyntenyView/components/LinearSyntenyView.js.map +1 -0
- package/dist/LinearSyntenyView/index.d.ts +3 -0
- package/dist/LinearSyntenyView/index.js +42 -0
- package/dist/LinearSyntenyView/index.js.map +1 -0
- package/dist/LinearSyntenyView/model.d.ts +754 -0
- package/dist/LinearSyntenyView/model.js +170 -0
- package/dist/LinearSyntenyView/model.js.map +1 -0
- package/dist/LinearSyntenyView/svgcomponents/SVGBackground.d.ts +6 -0
- package/dist/LinearSyntenyView/svgcomponents/SVGBackground.js +13 -0
- package/dist/LinearSyntenyView/svgcomponents/SVGBackground.js.map +1 -0
- package/dist/LinearSyntenyView/svgcomponents/SVGLinearSyntenyView.d.ts +4 -0
- package/dist/LinearSyntenyView/svgcomponents/SVGLinearSyntenyView.js +85 -0
- package/dist/LinearSyntenyView/svgcomponents/SVGLinearSyntenyView.js.map +1 -0
- package/dist/SyntenyFeatureDetail/SyntenyFeatureDetail.d.ts +5 -0
- package/dist/SyntenyFeatureDetail/SyntenyFeatureDetail.js +66 -0
- package/dist/SyntenyFeatureDetail/SyntenyFeatureDetail.js.map +1 -0
- package/dist/SyntenyFeatureDetail/index.d.ts +3 -0
- package/dist/SyntenyFeatureDetail/index.js +58 -0
- package/dist/SyntenyFeatureDetail/index.js.map +1 -0
- package/dist/SyntenyTrack/configSchema.d.ts +75 -0
- package/dist/SyntenyTrack/configSchema.js +16 -0
- package/dist/SyntenyTrack/configSchema.js.map +1 -0
- package/dist/SyntenyTrack/index.d.ts +3 -0
- package/dist/SyntenyTrack/index.js +19 -0
- package/dist/SyntenyTrack/index.js.map +1 -0
- package/dist/index.d.ts +7 -0
- package/dist/index.js +47 -0
- package/dist/index.js.map +1 -0
- package/dist/util.d.ts +25 -0
- package/dist/util.js +77 -0
- package/dist/util.js.map +1 -0
- package/esm/LGVSyntenyDisplay/configSchemaF.d.ts +52 -0
- package/esm/LGVSyntenyDisplay/configSchemaF.js +16 -0
- package/esm/LGVSyntenyDisplay/configSchemaF.js.map +1 -0
- package/esm/LGVSyntenyDisplay/index.d.ts +3 -0
- package/esm/LGVSyntenyDisplay/index.js +19 -0
- package/esm/LGVSyntenyDisplay/index.js.map +1 -0
- package/esm/LGVSyntenyDisplay/model.d.ts +380 -0
- package/esm/LGVSyntenyDisplay/model.js +152 -0
- package/esm/LGVSyntenyDisplay/model.js.map +1 -0
- package/esm/LaunchLinearSyntenyView.d.ts +2 -0
- package/esm/LaunchLinearSyntenyView.js +55 -0
- package/esm/LaunchLinearSyntenyView.js.map +1 -0
- package/esm/LinearComparativeDisplay/configSchemaF.d.ts +5 -0
- package/esm/LinearComparativeDisplay/configSchemaF.js +16 -0
- package/esm/LinearComparativeDisplay/configSchemaF.js.map +1 -0
- package/esm/LinearComparativeDisplay/index.d.ts +3 -0
- package/esm/LinearComparativeDisplay/index.js +19 -0
- package/esm/LinearComparativeDisplay/index.js.map +1 -0
- package/esm/LinearComparativeDisplay/stateModelFactory.d.ts +275 -0
- package/esm/LinearComparativeDisplay/stateModelFactory.js +170 -0
- package/esm/LinearComparativeDisplay/stateModelFactory.js.map +1 -0
- package/esm/LinearComparativeView/components/Header.d.ts +7 -0
- package/esm/LinearComparativeView/components/Header.js +61 -0
- package/esm/LinearComparativeView/components/Header.js.map +1 -0
- package/esm/LinearComparativeView/components/LinearComparativeView.d.ts +8 -0
- package/esm/LinearComparativeView/components/LinearComparativeView.js +94 -0
- package/esm/LinearComparativeView/components/LinearComparativeView.js.map +1 -0
- package/esm/LinearComparativeView/components/Rubberband.d.ts +9 -0
- package/esm/LinearComparativeView/components/Rubberband.js +200 -0
- package/esm/LinearComparativeView/components/Rubberband.js.map +1 -0
- package/esm/LinearComparativeView/index.d.ts +3 -0
- package/esm/LinearComparativeView/index.js +14 -0
- package/esm/LinearComparativeView/index.js.map +1 -0
- package/esm/LinearComparativeView/model.d.ts +326 -0
- package/esm/LinearComparativeView/model.js +318 -0
- package/esm/LinearComparativeView/model.js.map +1 -0
- package/esm/LinearReadVsRef/LinearReadVsRef.d.ts +7 -0
- package/esm/LinearReadVsRef/LinearReadVsRef.js +258 -0
- package/esm/LinearReadVsRef/LinearReadVsRef.js.map +1 -0
- package/esm/LinearReadVsRef/index.d.ts +2 -0
- package/esm/LinearReadVsRef/index.js +49 -0
- package/esm/LinearReadVsRef/index.js.map +1 -0
- package/esm/LinearSyntenyDisplay/afterAttach.d.ts +2 -0
- package/esm/LinearSyntenyDisplay/afterAttach.js +104 -0
- package/esm/LinearSyntenyDisplay/afterAttach.js.map +1 -0
- package/esm/LinearSyntenyDisplay/components/Component.d.ts +6 -0
- package/esm/LinearSyntenyDisplay/components/Component.js +59 -0
- package/esm/LinearSyntenyDisplay/components/Component.js.map +1 -0
- package/esm/LinearSyntenyDisplay/components/LinearSyntenyRendering.d.ts +6 -0
- package/esm/LinearSyntenyDisplay/components/LinearSyntenyRendering.js +132 -0
- package/esm/LinearSyntenyDisplay/components/LinearSyntenyRendering.js.map +1 -0
- package/esm/LinearSyntenyDisplay/components/SyntenyTooltip.d.ts +7 -0
- package/esm/LinearSyntenyDisplay/components/SyntenyTooltip.js +58 -0
- package/esm/LinearSyntenyDisplay/components/SyntenyTooltip.js.map +1 -0
- package/esm/LinearSyntenyDisplay/components/util.d.ts +27 -0
- package/esm/LinearSyntenyDisplay/components/util.js +77 -0
- package/esm/LinearSyntenyDisplay/components/util.js.map +1 -0
- package/esm/LinearSyntenyDisplay/configSchemaF.d.ts +23 -0
- package/esm/LinearSyntenyDisplay/configSchemaF.js +31 -0
- package/esm/LinearSyntenyDisplay/configSchemaF.js.map +1 -0
- package/esm/LinearSyntenyDisplay/drawSynteny.d.ts +5 -0
- package/esm/LinearSyntenyDisplay/drawSynteny.js +229 -0
- package/esm/LinearSyntenyDisplay/drawSynteny.js.map +1 -0
- package/esm/LinearSyntenyDisplay/index.d.ts +3 -0
- package/esm/LinearSyntenyDisplay/index.js +19 -0
- package/esm/LinearSyntenyDisplay/index.js.map +1 -0
- package/esm/LinearSyntenyDisplay/model.d.ts +333 -0
- package/esm/LinearSyntenyDisplay/model.js +151 -0
- package/esm/LinearSyntenyDisplay/model.js.map +1 -0
- package/esm/LinearSyntenyView/components/ExportSvgDialog.d.ts +8 -0
- package/esm/LinearSyntenyView/components/ExportSvgDialog.js +60 -0
- package/esm/LinearSyntenyView/components/ExportSvgDialog.js.map +1 -0
- package/esm/LinearSyntenyView/components/Icons.d.ts +4 -0
- package/esm/LinearSyntenyView/components/Icons.js +11 -0
- package/esm/LinearSyntenyView/components/Icons.js.map +1 -0
- package/esm/LinearSyntenyView/components/ImportCustomTrack.d.ts +11 -0
- package/esm/LinearSyntenyView/components/ImportCustomTrack.js +152 -0
- package/esm/LinearSyntenyView/components/ImportCustomTrack.js.map +1 -0
- package/esm/LinearSyntenyView/components/ImportForm.d.ts +6 -0
- package/esm/LinearSyntenyView/components/ImportForm.js +99 -0
- package/esm/LinearSyntenyView/components/ImportForm.js.map +1 -0
- package/esm/LinearSyntenyView/components/ImportSyntenyTrackSelector.d.ts +9 -0
- package/esm/LinearSyntenyView/components/ImportSyntenyTrackSelector.js +38 -0
- package/esm/LinearSyntenyView/components/ImportSyntenyTrackSelector.js.map +1 -0
- package/esm/LinearSyntenyView/components/LinearSyntenyView.d.ts +7 -0
- package/esm/LinearSyntenyView/components/LinearSyntenyView.js +10 -0
- package/esm/LinearSyntenyView/components/LinearSyntenyView.js.map +1 -0
- package/esm/LinearSyntenyView/index.d.ts +3 -0
- package/esm/LinearSyntenyView/index.js +14 -0
- package/esm/LinearSyntenyView/index.js.map +1 -0
- package/esm/LinearSyntenyView/model.d.ts +754 -0
- package/esm/LinearSyntenyView/model.js +141 -0
- package/esm/LinearSyntenyView/model.js.map +1 -0
- package/esm/LinearSyntenyView/svgcomponents/SVGBackground.d.ts +6 -0
- package/esm/LinearSyntenyView/svgcomponents/SVGBackground.js +7 -0
- package/esm/LinearSyntenyView/svgcomponents/SVGBackground.js.map +1 -0
- package/esm/LinearSyntenyView/svgcomponents/SVGLinearSyntenyView.d.ts +4 -0
- package/esm/LinearSyntenyView/svgcomponents/SVGLinearSyntenyView.js +78 -0
- package/esm/LinearSyntenyView/svgcomponents/SVGLinearSyntenyView.js.map +1 -0
- package/esm/SyntenyFeatureDetail/SyntenyFeatureDetail.d.ts +5 -0
- package/esm/SyntenyFeatureDetail/SyntenyFeatureDetail.js +38 -0
- package/esm/SyntenyFeatureDetail/SyntenyFeatureDetail.js.map +1 -0
- package/esm/SyntenyFeatureDetail/index.d.ts +3 -0
- package/esm/SyntenyFeatureDetail/index.js +30 -0
- package/esm/SyntenyFeatureDetail/index.js.map +1 -0
- package/esm/SyntenyTrack/configSchema.d.ts +75 -0
- package/esm/SyntenyTrack/configSchema.js +14 -0
- package/esm/SyntenyTrack/configSchema.js.map +1 -0
- package/esm/SyntenyTrack/index.d.ts +3 -0
- package/esm/SyntenyTrack/index.js +14 -0
- package/esm/SyntenyTrack/index.js.map +1 -0
- package/esm/index.d.ts +7 -0
- package/esm/index.js +41 -0
- package/esm/index.js.map +1 -0
- package/esm/util.d.ts +25 -0
- package/esm/util.js +69 -0
- package/esm/util.js.map +1 -0
- package/package.json +67 -0
- package/src/LGVSyntenyDisplay/configSchemaF.ts +22 -0
- package/src/LGVSyntenyDisplay/index.ts +20 -0
- package/src/LGVSyntenyDisplay/model.ts +177 -0
- package/src/LaunchLinearSyntenyView.ts +86 -0
- package/src/LinearComparativeDisplay/configSchemaF.ts +22 -0
- package/src/LinearComparativeDisplay/index.ts +21 -0
- package/src/LinearComparativeDisplay/stateModelFactory.ts +212 -0
- package/src/LinearComparativeView/components/Header.tsx +103 -0
- package/src/LinearComparativeView/components/LinearComparativeView.tsx +152 -0
- package/src/LinearComparativeView/components/Rubberband.tsx +329 -0
- package/src/LinearComparativeView/index.ts +15 -0
- package/src/LinearComparativeView/model.ts +395 -0
- package/src/LinearReadVsRef/LinearReadVsRef.tsx +360 -0
- package/src/LinearReadVsRef/index.ts +58 -0
- package/src/LinearSyntenyDisplay/afterAttach.ts +149 -0
- package/src/LinearSyntenyDisplay/components/Component.tsx +75 -0
- package/src/LinearSyntenyDisplay/components/LinearSyntenyRendering.tsx +200 -0
- package/src/LinearSyntenyDisplay/components/SyntenyTooltip.tsx +82 -0
- package/src/LinearSyntenyDisplay/components/util.ts +142 -0
- package/src/LinearSyntenyDisplay/configSchemaF.ts +38 -0
- package/src/LinearSyntenyDisplay/drawSynteny.ts +266 -0
- package/src/LinearSyntenyDisplay/index.ts +21 -0
- package/src/LinearSyntenyDisplay/model.ts +187 -0
- package/src/LinearSyntenyView/components/ExportSvgDialog.tsx +148 -0
- package/src/LinearSyntenyView/components/Icons.tsx +24 -0
- package/src/LinearSyntenyView/components/ImportCustomTrack.tsx +262 -0
- package/src/LinearSyntenyView/components/ImportForm.tsx +221 -0
- package/src/LinearSyntenyView/components/ImportSyntenyTrackSelector.tsx +82 -0
- package/src/LinearSyntenyView/components/LinearSyntenyView.tsx +20 -0
- package/src/LinearSyntenyView/index.ts +15 -0
- package/src/LinearSyntenyView/model.test.ts +1605 -0
- package/src/LinearSyntenyView/model.ts +169 -0
- package/src/LinearSyntenyView/svgcomponents/SVGBackground.tsx +21 -0
- package/src/LinearSyntenyView/svgcomponents/SVGLinearSyntenyView.tsx +176 -0
- package/src/SyntenyFeatureDetail/SyntenyFeatureDetail.tsx +64 -0
- package/src/SyntenyFeatureDetail/index.ts +36 -0
- package/src/SyntenyTrack/configSchema.ts +23 -0
- package/src/SyntenyTrack/index.tsx +15 -0
- package/src/index.tsx +42 -0
- package/src/util.ts +124 -0
|
@@ -0,0 +1,132 @@
|
|
|
1
|
+
import React, { useState, useCallback } from 'react';
|
|
2
|
+
import { observer } from 'mobx-react';
|
|
3
|
+
import { assembleLocString, getContainingView, getSession, isSessionModelWithWidgets, } from '@jbrowse/core/util';
|
|
4
|
+
// locals
|
|
5
|
+
import SyntenyTooltip from './SyntenyTooltip';
|
|
6
|
+
import { getId, MAX_COLOR_RANGE } from '../drawSynteny';
|
|
7
|
+
export default observer(function LinearSyntenyRendering({ model, }) {
|
|
8
|
+
const highResolutionScaling = 1;
|
|
9
|
+
const view = getContainingView(model);
|
|
10
|
+
const height = view.middleComparativeHeight;
|
|
11
|
+
const width = view.width;
|
|
12
|
+
const [tooltip, setTooltip] = useState('');
|
|
13
|
+
const [currX, setCurrX] = useState();
|
|
14
|
+
const [currY, setCurrY] = useState();
|
|
15
|
+
// these useCallbacks avoid new refs from being created on any mouseover, etc.
|
|
16
|
+
const k1 = useCallback((ref) => model.setMouseoverCanvasRef(ref),
|
|
17
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
18
|
+
[model, height, width]);
|
|
19
|
+
const k2 = useCallback((ref) => model.setMainCanvasRef(ref),
|
|
20
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
21
|
+
[model, height, width]);
|
|
22
|
+
const k3 = useCallback((ref) => model.setClickMapCanvasRef(ref),
|
|
23
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
24
|
+
[model, height, width]);
|
|
25
|
+
const k4 = useCallback((ref) => model.setCigarClickMapCanvasRef(ref),
|
|
26
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
27
|
+
[model, height, width]);
|
|
28
|
+
return (React.createElement("div", { style: { position: 'relative' } },
|
|
29
|
+
React.createElement("canvas", { ref: k1, width: width, height: height, style: { width, height, position: 'absolute', pointerEvents: 'none' } }),
|
|
30
|
+
React.createElement("canvas", { ref: k2, onMouseMove: event => {
|
|
31
|
+
var _a;
|
|
32
|
+
const ref1 = model.clickMapCanvas;
|
|
33
|
+
const ref2 = model.cigarClickMapCanvas;
|
|
34
|
+
if (!ref1 || !ref2) {
|
|
35
|
+
return;
|
|
36
|
+
}
|
|
37
|
+
const rect = ref1.getBoundingClientRect();
|
|
38
|
+
const ctx1 = ref1.getContext('2d');
|
|
39
|
+
const ctx2 = ref2.getContext('2d');
|
|
40
|
+
if (!ctx1 || !ctx2) {
|
|
41
|
+
return;
|
|
42
|
+
}
|
|
43
|
+
const { clientX, clientY } = event;
|
|
44
|
+
const x = clientX - rect.left;
|
|
45
|
+
const y = clientY - rect.top;
|
|
46
|
+
setCurrX(clientX);
|
|
47
|
+
setCurrY(clientY);
|
|
48
|
+
const [r1, g1, b1] = ctx1.getImageData(x, y, 1, 1).data;
|
|
49
|
+
const [r2, g2, b2] = ctx2.getImageData(x, y, 1, 1).data;
|
|
50
|
+
const unitMultiplier = Math.floor(MAX_COLOR_RANGE / model.numFeats);
|
|
51
|
+
const id = getId(r1, g1, b1, unitMultiplier);
|
|
52
|
+
model.setMouseoverId((_a = model.featPositions[id]) === null || _a === void 0 ? void 0 : _a.f.id());
|
|
53
|
+
if (id === -1) {
|
|
54
|
+
setTooltip('');
|
|
55
|
+
}
|
|
56
|
+
else if (model.featPositions[id]) {
|
|
57
|
+
const { f, cigar } = model.featPositions[id];
|
|
58
|
+
// @ts-expect-error
|
|
59
|
+
const f1 = f.toJSON();
|
|
60
|
+
const f2 = f1.mate;
|
|
61
|
+
const unitMultiplier2 = Math.floor(MAX_COLOR_RANGE / cigar.length);
|
|
62
|
+
const cigarIdx = getId(r2, g2, b2, unitMultiplier2);
|
|
63
|
+
const l1 = f1.end - f1.start;
|
|
64
|
+
const l2 = f2.end - f2.start;
|
|
65
|
+
const identity = f1.identity;
|
|
66
|
+
const n1 = f1.name;
|
|
67
|
+
const n2 = f2.name;
|
|
68
|
+
const tooltip = [
|
|
69
|
+
`Loc1: ${assembleLocString(f1)}`,
|
|
70
|
+
`Loc2: ${assembleLocString(f2)}`,
|
|
71
|
+
`Inverted: ${f1.strand === -1}`,
|
|
72
|
+
`Query len: ${l1}`,
|
|
73
|
+
`Target len: ${l2}`,
|
|
74
|
+
];
|
|
75
|
+
if (identity) {
|
|
76
|
+
tooltip.push(`Identity: ${identity}`);
|
|
77
|
+
}
|
|
78
|
+
if (cigar[cigarIdx]) {
|
|
79
|
+
tooltip.push(`CIGAR operator: ${cigar[cigarIdx]}${cigar[cigarIdx + 1]}`);
|
|
80
|
+
}
|
|
81
|
+
if (n1 && n2) {
|
|
82
|
+
tooltip.push(`Name 1: ${n1}`, `Name 2: ${n2}`);
|
|
83
|
+
}
|
|
84
|
+
setTooltip(tooltip.join('<br/>'));
|
|
85
|
+
}
|
|
86
|
+
}, onMouseLeave: () => model.setMouseoverId(undefined), onClick: event => {
|
|
87
|
+
const ref1 = model.clickMapCanvas;
|
|
88
|
+
const ref2 = model.cigarClickMapCanvas;
|
|
89
|
+
if (!ref1 || !ref2) {
|
|
90
|
+
return;
|
|
91
|
+
}
|
|
92
|
+
const rect = ref1.getBoundingClientRect();
|
|
93
|
+
const ctx1 = ref1.getContext('2d');
|
|
94
|
+
const ctx2 = ref2.getContext('2d');
|
|
95
|
+
if (!ctx1 || !ctx2) {
|
|
96
|
+
return;
|
|
97
|
+
}
|
|
98
|
+
const x = event.clientX - rect.left;
|
|
99
|
+
const y = event.clientY - rect.top;
|
|
100
|
+
const [r1, g1, b1] = ctx1.getImageData(x, y, 1, 1).data;
|
|
101
|
+
const unitMultiplier = Math.floor(MAX_COLOR_RANGE / model.numFeats);
|
|
102
|
+
const id = getId(r1, g1, b1, unitMultiplier);
|
|
103
|
+
const f = model.featPositions[id];
|
|
104
|
+
if (!f) {
|
|
105
|
+
return;
|
|
106
|
+
}
|
|
107
|
+
model.setClickId(f.f.id());
|
|
108
|
+
const session = getSession(model);
|
|
109
|
+
if (isSessionModelWithWidgets(session)) {
|
|
110
|
+
session.showWidget(session.addWidget('SyntenyFeatureWidget', 'syntenyFeature', {
|
|
111
|
+
featureData: {
|
|
112
|
+
feature1: f.f.toJSON(),
|
|
113
|
+
feature2: f.f.get('mate'),
|
|
114
|
+
},
|
|
115
|
+
}));
|
|
116
|
+
}
|
|
117
|
+
}, "data-testid": "synteny_canvas", style: { width, height, position: 'absolute' }, width: width * highResolutionScaling, height: height * highResolutionScaling }),
|
|
118
|
+
React.createElement("canvas", { ref: k3, style: {
|
|
119
|
+
imageRendering: 'pixelated',
|
|
120
|
+
pointerEvents: 'none',
|
|
121
|
+
visibility: 'hidden',
|
|
122
|
+
position: 'absolute',
|
|
123
|
+
}, width: width, height: height }),
|
|
124
|
+
React.createElement("canvas", { ref: k4, style: {
|
|
125
|
+
imageRendering: 'pixelated',
|
|
126
|
+
pointerEvents: 'none',
|
|
127
|
+
visibility: 'hidden',
|
|
128
|
+
position: 'absolute',
|
|
129
|
+
}, width: width, height: height }),
|
|
130
|
+
model.mouseoverId && tooltip && currX && currY ? (React.createElement(SyntenyTooltip, { x: currX, y: currY, title: tooltip })) : null));
|
|
131
|
+
});
|
|
132
|
+
//# sourceMappingURL=LinearSyntenyRendering.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LinearSyntenyRendering.js","sourceRoot":"","sources":["../../../src/LinearSyntenyDisplay/components/LinearSyntenyRendering.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import React, { useMemo, useState } from 'react';
|
|
2
|
+
import { observer } from 'mobx-react';
|
|
3
|
+
import { Portal, alpha } from '@mui/material';
|
|
4
|
+
import { makeStyles } from 'tss-react/mui';
|
|
5
|
+
import { usePopper } from 'react-popper';
|
|
6
|
+
import { SanitizedHTML } from '@jbrowse/core/ui';
|
|
7
|
+
function round(value) {
|
|
8
|
+
return Math.round(value * 1e5) / 1e5;
|
|
9
|
+
}
|
|
10
|
+
const useStyles = makeStyles()(theme => ({
|
|
11
|
+
// these styles come from
|
|
12
|
+
// https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/Tooltip/Tooltip.js
|
|
13
|
+
tooltip: {
|
|
14
|
+
position: 'absolute',
|
|
15
|
+
pointerEvents: 'none',
|
|
16
|
+
backgroundColor: alpha(theme.palette.grey[700], 0.9),
|
|
17
|
+
borderRadius: theme.shape.borderRadius,
|
|
18
|
+
color: theme.palette.common.white,
|
|
19
|
+
fontFamily: theme.typography.fontFamily,
|
|
20
|
+
padding: '4px 8px',
|
|
21
|
+
fontSize: theme.typography.pxToRem(12),
|
|
22
|
+
lineHeight: `${round(14 / 10)}em`,
|
|
23
|
+
maxWidth: 300,
|
|
24
|
+
wordWrap: 'break-word',
|
|
25
|
+
},
|
|
26
|
+
}));
|
|
27
|
+
const SyntenyTooltip = observer(function ({ x, y, title, }) {
|
|
28
|
+
const [width, setWidth] = useState(0);
|
|
29
|
+
const [anchorEl, setAnchorEl] = useState(null);
|
|
30
|
+
const { classes } = useStyles();
|
|
31
|
+
// must be memoized a la https://github.com/popperjs/react-popper/issues/391
|
|
32
|
+
const virtElement = useMemo(() => ({
|
|
33
|
+
getBoundingClientRect: () => {
|
|
34
|
+
return {
|
|
35
|
+
top: y,
|
|
36
|
+
left: x + width / 2,
|
|
37
|
+
bottom: y,
|
|
38
|
+
right: x,
|
|
39
|
+
width: 0,
|
|
40
|
+
height: 0,
|
|
41
|
+
x,
|
|
42
|
+
y,
|
|
43
|
+
toJSON() { },
|
|
44
|
+
};
|
|
45
|
+
},
|
|
46
|
+
}), [x, y, width]);
|
|
47
|
+
const { styles, attributes } = usePopper(virtElement, anchorEl);
|
|
48
|
+
return title ? (React.createElement(Portal, null,
|
|
49
|
+
React.createElement("div", { ref: ref => {
|
|
50
|
+
setWidth((ref === null || ref === void 0 ? void 0 : ref.getBoundingClientRect().width) || 0);
|
|
51
|
+
setAnchorEl(ref);
|
|
52
|
+
}, className: classes.tooltip,
|
|
53
|
+
// zIndex needed to go over widget drawer
|
|
54
|
+
style: { ...styles.popper, zIndex: 100000 }, ...attributes.popper },
|
|
55
|
+
React.createElement(SanitizedHTML, { html: title })))) : null;
|
|
56
|
+
});
|
|
57
|
+
export default SyntenyTooltip;
|
|
58
|
+
//# sourceMappingURL=SyntenyTooltip.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SyntenyTooltip.js","sourceRoot":"","sources":["../../../src/LinearSyntenyDisplay/components/SyntenyTooltip.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { Feature } from '@jbrowse/core/util';
|
|
2
|
+
interface Pos {
|
|
3
|
+
offsetPx: number;
|
|
4
|
+
}
|
|
5
|
+
interface FeatPos {
|
|
6
|
+
p11: Pos;
|
|
7
|
+
p12: Pos;
|
|
8
|
+
p21: Pos;
|
|
9
|
+
p22: Pos;
|
|
10
|
+
f: Feature;
|
|
11
|
+
cigar: string[];
|
|
12
|
+
}
|
|
13
|
+
export declare function drawMatchSimple({ feature, ctx, offsets, cb, height, drawCurves, oobLimit, viewWidth, hideTiny, }: {
|
|
14
|
+
feature: FeatPos;
|
|
15
|
+
ctx: CanvasRenderingContext2D;
|
|
16
|
+
offsets: number[];
|
|
17
|
+
oobLimit: number;
|
|
18
|
+
viewWidth: number;
|
|
19
|
+
cb: (ctx: CanvasRenderingContext2D) => void;
|
|
20
|
+
height: number;
|
|
21
|
+
drawCurves?: boolean;
|
|
22
|
+
hideTiny?: boolean;
|
|
23
|
+
}): void;
|
|
24
|
+
export declare function draw(ctx: CanvasRenderingContext2D, x1: number, x2: number, y1: number, x3: number, x4: number, y2: number, mid: number, drawCurves?: boolean): void;
|
|
25
|
+
export declare function drawBox(ctx: CanvasRenderingContext2D, x1: number, x2: number, y1: number, x3: number, x4: number, y2: number): void;
|
|
26
|
+
export declare function drawBezierBox(ctx: CanvasRenderingContext2D, x1: number, x2: number, y1: number, x3: number, x4: number, y2: number, mid: number): void;
|
|
27
|
+
export {};
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import { doesIntersect2 } from '@jbrowse/core/util';
|
|
2
|
+
export function drawMatchSimple({ feature, ctx, offsets, cb, height, drawCurves, oobLimit, viewWidth, hideTiny, }) {
|
|
3
|
+
const { p11, p12, p21, p22 } = feature;
|
|
4
|
+
const x11 = p11.offsetPx - offsets[0];
|
|
5
|
+
const x12 = p12.offsetPx - offsets[0];
|
|
6
|
+
const x21 = p21.offsetPx - offsets[1];
|
|
7
|
+
const x22 = p22.offsetPx - offsets[1];
|
|
8
|
+
const l1 = Math.abs(x12 - x11);
|
|
9
|
+
const l2 = Math.abs(x22 - x21);
|
|
10
|
+
const y1 = 0;
|
|
11
|
+
const y2 = height;
|
|
12
|
+
const mid = (y2 - y1) / 2;
|
|
13
|
+
const minX = Math.min(x21, x22);
|
|
14
|
+
const maxX = Math.max(x21, x22);
|
|
15
|
+
if (!doesIntersect2(minX, maxX, -oobLimit, viewWidth + oobLimit)) {
|
|
16
|
+
return;
|
|
17
|
+
}
|
|
18
|
+
// drawing a line if the results are thin: drawing a line results in much
|
|
19
|
+
// less pixellation than filling in a thin polygon
|
|
20
|
+
if (l1 <= 1 && l2 <= 1) {
|
|
21
|
+
// hideTiny can be used to avoid drawing mouseover for thin lines in this
|
|
22
|
+
// case
|
|
23
|
+
if (!hideTiny) {
|
|
24
|
+
ctx.beginPath();
|
|
25
|
+
ctx.moveTo(x11, y1);
|
|
26
|
+
if (drawCurves) {
|
|
27
|
+
ctx.bezierCurveTo(x11, mid, x21, mid, x21, y2);
|
|
28
|
+
}
|
|
29
|
+
else {
|
|
30
|
+
ctx.lineTo(x21, y2);
|
|
31
|
+
}
|
|
32
|
+
ctx.stroke();
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
else {
|
|
36
|
+
draw(ctx, x11, x12, y1, x22, x21, y2, mid, drawCurves);
|
|
37
|
+
cb(ctx);
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
export function draw(ctx, x1, x2, y1, x3, x4, y2, mid, drawCurves) {
|
|
41
|
+
if (drawCurves) {
|
|
42
|
+
drawBezierBox(ctx, x1, x2, y1, x3, x4, y2, mid);
|
|
43
|
+
}
|
|
44
|
+
else {
|
|
45
|
+
drawBox(ctx, x1, x2, y1, x3, x4, y2);
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
export function drawBox(ctx, x1, x2, y1, x3, x4, y2) {
|
|
49
|
+
ctx.beginPath();
|
|
50
|
+
ctx.moveTo(x1, y1);
|
|
51
|
+
ctx.lineTo(x2, y1);
|
|
52
|
+
ctx.lineTo(x3, y2);
|
|
53
|
+
ctx.lineTo(x4, y2);
|
|
54
|
+
ctx.closePath();
|
|
55
|
+
ctx.fill();
|
|
56
|
+
}
|
|
57
|
+
export function drawBezierBox(ctx, x1, x2, y1, x3, x4, y2, mid) {
|
|
58
|
+
const len1 = Math.abs(x1 - x2);
|
|
59
|
+
const len2 = Math.abs(x1 - x2);
|
|
60
|
+
// heuristic to not draw hourglass inversions with bezier curves when they
|
|
61
|
+
// are thin and far apart because it results in areas that are not drawn well
|
|
62
|
+
// demo https://codesandbox.io/s/fast-glitter-q3b1or?file=/src/index.js
|
|
63
|
+
if (len1 < 5 && len2 < 5 && x2 < x1 && Math.abs(x1 - x3) > 100) {
|
|
64
|
+
const tmp = x1;
|
|
65
|
+
x1 = x2;
|
|
66
|
+
x2 = tmp;
|
|
67
|
+
}
|
|
68
|
+
ctx.beginPath();
|
|
69
|
+
ctx.moveTo(x1, y1);
|
|
70
|
+
ctx.lineTo(x2, y1);
|
|
71
|
+
ctx.bezierCurveTo(x2, mid, x3, mid, x3, y2);
|
|
72
|
+
ctx.lineTo(x4, y2);
|
|
73
|
+
ctx.bezierCurveTo(x4, mid, x1, mid, x1, y1);
|
|
74
|
+
ctx.closePath();
|
|
75
|
+
ctx.fill();
|
|
76
|
+
}
|
|
77
|
+
//# sourceMappingURL=util.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"util.js","sourceRoot":"","sources":["../../../src/LinearSyntenyDisplay/components/util.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import PluginManager from '@jbrowse/core/PluginManager';
|
|
2
|
+
/**
|
|
3
|
+
* #config LinearSyntenyDisplay
|
|
4
|
+
*/
|
|
5
|
+
declare function configSchemaFactory(pluginManager: PluginManager): import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
|
|
6
|
+
/**
|
|
7
|
+
* #slot
|
|
8
|
+
* currently unused
|
|
9
|
+
*/
|
|
10
|
+
trackIds: {
|
|
11
|
+
type: string;
|
|
12
|
+
defaultValue: never[];
|
|
13
|
+
};
|
|
14
|
+
/**
|
|
15
|
+
* #slot
|
|
16
|
+
* currently unused
|
|
17
|
+
*/
|
|
18
|
+
middle: {
|
|
19
|
+
type: string;
|
|
20
|
+
defaultValue: boolean;
|
|
21
|
+
};
|
|
22
|
+
}, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{}, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, "displayId">>, undefined>>;
|
|
23
|
+
export default configSchemaFactory;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { ConfigurationSchema } from '@jbrowse/core/configuration';
|
|
2
|
+
import baseConfigFactory from '../LinearComparativeDisplay/configSchemaF';
|
|
3
|
+
/**
|
|
4
|
+
* #config LinearSyntenyDisplay
|
|
5
|
+
*/
|
|
6
|
+
function configSchemaFactory(pluginManager) {
|
|
7
|
+
return ConfigurationSchema('LinearSyntenyDisplay', {
|
|
8
|
+
/**
|
|
9
|
+
* #slot
|
|
10
|
+
* currently unused
|
|
11
|
+
*/
|
|
12
|
+
trackIds: {
|
|
13
|
+
type: 'stringArray',
|
|
14
|
+
defaultValue: [],
|
|
15
|
+
},
|
|
16
|
+
/**
|
|
17
|
+
* #slot
|
|
18
|
+
* currently unused
|
|
19
|
+
*/
|
|
20
|
+
middle: { type: 'boolean', defaultValue: true },
|
|
21
|
+
}, {
|
|
22
|
+
/**
|
|
23
|
+
* #baseConfiguration
|
|
24
|
+
* this refers to the LinearComparativeDisplay
|
|
25
|
+
*/
|
|
26
|
+
baseConfiguration: baseConfigFactory(pluginManager),
|
|
27
|
+
explicitlyTyped: true,
|
|
28
|
+
});
|
|
29
|
+
}
|
|
30
|
+
export default configSchemaFactory;
|
|
31
|
+
//# sourceMappingURL=configSchemaF.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"configSchemaF.js","sourceRoot":"","sources":["../../src/LinearSyntenyDisplay/configSchemaF.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AAEjE,OAAO,iBAAiB,MAAM,2CAA2C,CAAA;AAEzE;;GAEG;AACH,SAAS,mBAAmB,CAAC,aAA4B;IACvD,OAAO,mBAAmB,CACxB,sBAAsB,EACtB;QACE;;;WAGG;QACH,QAAQ,EAAE;YACR,IAAI,EAAE,aAAa;YACnB,YAAY,EAAE,EAAE;SACjB;QAED;;;WAGG;QACH,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,IAAI,EAAE;KAChD,EACD;QACE;;;WAGG;QACH,iBAAiB,EAAE,iBAAiB,CAAC,aAAa,CAAC;QACnD,eAAe,EAAE,IAAI;KACtB,CACF,CAAA;AACH,CAAC;AAED,eAAe,mBAAmB,CAAA"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { LinearSyntenyDisplayModel } from './model';
|
|
2
|
+
export declare const MAX_COLOR_RANGE: number;
|
|
3
|
+
export declare function getId(r: number, g: number, b: number, unitMultiplier: number): number;
|
|
4
|
+
export declare function drawRef(model: LinearSyntenyDisplayModel, ctx1: CanvasRenderingContext2D, ctx3?: CanvasRenderingContext2D): void;
|
|
5
|
+
export declare function drawMouseoverSynteny(model: LinearSyntenyDisplayModel): void;
|
|
@@ -0,0 +1,229 @@
|
|
|
1
|
+
import { doesIntersect2, getContainingView } from '@jbrowse/core/util';
|
|
2
|
+
import { draw, drawMatchSimple } from './components/util';
|
|
3
|
+
export const MAX_COLOR_RANGE = 255 * 255 * 255; // max color range
|
|
4
|
+
function makeColor(idx) {
|
|
5
|
+
const r = Math.floor(idx / (255 * 255)) % 255;
|
|
6
|
+
const g = Math.floor(idx / 255) % 255;
|
|
7
|
+
const b = idx % 255;
|
|
8
|
+
return `rgb(${r},${g},${b})`;
|
|
9
|
+
}
|
|
10
|
+
const colorMap = {
|
|
11
|
+
I: '#ff03',
|
|
12
|
+
N: '#0a03',
|
|
13
|
+
D: '#00f3',
|
|
14
|
+
X: 'brown',
|
|
15
|
+
M: '#f003',
|
|
16
|
+
'=': '#f003',
|
|
17
|
+
};
|
|
18
|
+
const lineLimit = 3;
|
|
19
|
+
const oobLimit = 1600;
|
|
20
|
+
export function getId(r, g, b, unitMultiplier) {
|
|
21
|
+
return Math.floor((r * 255 * 255 + g * 255 + b - 1) / unitMultiplier);
|
|
22
|
+
}
|
|
23
|
+
export function drawRef(model, ctx1, ctx3) {
|
|
24
|
+
var _a;
|
|
25
|
+
const view = getContainingView(model);
|
|
26
|
+
const drawCurves = view.drawCurves;
|
|
27
|
+
const drawCIGAR = view.drawCIGAR;
|
|
28
|
+
const height = view.middleComparativeHeight;
|
|
29
|
+
const width = view.width;
|
|
30
|
+
const bpPerPxs = view.views.map(v => v.bpPerPx);
|
|
31
|
+
if (ctx3) {
|
|
32
|
+
ctx3.imageSmoothingEnabled = false;
|
|
33
|
+
}
|
|
34
|
+
ctx1.beginPath();
|
|
35
|
+
const featPos = model.featPositions;
|
|
36
|
+
const offsets = view.views.map(v => v.offsetPx);
|
|
37
|
+
const unitMultiplier = Math.floor(MAX_COLOR_RANGE / featPos.length);
|
|
38
|
+
// this loop is optimized to draw many thin lines with a single ctx.stroke
|
|
39
|
+
// call, a separate loop below draws larger boxes
|
|
40
|
+
ctx1.fillStyle = colorMap.M;
|
|
41
|
+
ctx1.strokeStyle = colorMap.M;
|
|
42
|
+
for (let i = 0; i < featPos.length; i++) {
|
|
43
|
+
const { p11, p12, p21, p22 } = featPos[i];
|
|
44
|
+
const x11 = p11.offsetPx - offsets[0];
|
|
45
|
+
const x12 = p12.offsetPx - offsets[0];
|
|
46
|
+
const x21 = p21.offsetPx - offsets[1];
|
|
47
|
+
const x22 = p22.offsetPx - offsets[1];
|
|
48
|
+
const l1 = Math.abs(x12 - x11);
|
|
49
|
+
const l2 = Math.abs(x22 - x21);
|
|
50
|
+
const y1 = 0;
|
|
51
|
+
const y2 = height;
|
|
52
|
+
const mid = (y2 - y1) / 2;
|
|
53
|
+
// drawing a line if the results are thin results in much less pixellation
|
|
54
|
+
// than filling in a thin polygon
|
|
55
|
+
if (l1 <= lineLimit &&
|
|
56
|
+
l2 <= lineLimit &&
|
|
57
|
+
x21 < width + oobLimit &&
|
|
58
|
+
x21 > -oobLimit) {
|
|
59
|
+
ctx1.moveTo(x11, y1);
|
|
60
|
+
if (drawCurves) {
|
|
61
|
+
ctx1.bezierCurveTo(x11, mid, x21, mid, x21, y2);
|
|
62
|
+
}
|
|
63
|
+
else {
|
|
64
|
+
ctx1.lineTo(x21, y2);
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
ctx1.stroke();
|
|
69
|
+
// this loop only draws small lines as a polyline, the polyline calls
|
|
70
|
+
// ctx.stroke once is much more efficient than calling stroke() many times
|
|
71
|
+
ctx1.fillStyle = colorMap.M;
|
|
72
|
+
ctx1.strokeStyle = colorMap.M;
|
|
73
|
+
for (let i = 0; i < featPos.length; i++) {
|
|
74
|
+
const { p11, p12, p21, p22, f, cigar } = featPos[i];
|
|
75
|
+
const x11 = p11.offsetPx - offsets[0];
|
|
76
|
+
const x12 = p12.offsetPx - offsets[0];
|
|
77
|
+
const x21 = p21.offsetPx - offsets[1];
|
|
78
|
+
const x22 = p22.offsetPx - offsets[1];
|
|
79
|
+
const l1 = Math.abs(x12 - x11);
|
|
80
|
+
const l2 = Math.abs(x22 - x21);
|
|
81
|
+
const minX = Math.min(x21, x22);
|
|
82
|
+
const maxX = Math.max(x21, x22);
|
|
83
|
+
const y1 = 0;
|
|
84
|
+
const y2 = height;
|
|
85
|
+
const mid = (y2 - y1) / 2;
|
|
86
|
+
if (!(l1 <= lineLimit && l2 <= lineLimit) &&
|
|
87
|
+
doesIntersect2(minX, maxX, -oobLimit, view.width + oobLimit)) {
|
|
88
|
+
const s1 = f.get('strand');
|
|
89
|
+
const k1 = s1 === -1 ? x12 : x11;
|
|
90
|
+
const k2 = s1 === -1 ? x11 : x12;
|
|
91
|
+
// rev1/rev2 flip the direction of the CIGAR drawing in horizontally flipped
|
|
92
|
+
// modes. somewhat heuristically determined, but tested for
|
|
93
|
+
const rev1 = k1 < k2 ? 1 : -1;
|
|
94
|
+
const rev2 = (x21 < x22 ? 1 : -1) * s1;
|
|
95
|
+
// cx1/cx2 are the current x positions on top and bottom rows
|
|
96
|
+
let cx1 = k1;
|
|
97
|
+
let cx2 = s1 === -1 ? x22 : x21;
|
|
98
|
+
if ((cigar === null || cigar === void 0 ? void 0 : cigar.length) && drawCIGAR) {
|
|
99
|
+
// continuingFlag skips drawing commands on very small CIGAR features
|
|
100
|
+
let continuingFlag = false;
|
|
101
|
+
// px1/px2 are the previous x positions on the top and bottom rows
|
|
102
|
+
let px1 = 0;
|
|
103
|
+
let px2 = 0;
|
|
104
|
+
const unitMultiplier2 = Math.floor(MAX_COLOR_RANGE / cigar.length);
|
|
105
|
+
for (let j = 0; j < cigar.length; j += 2) {
|
|
106
|
+
const idx = j * unitMultiplier2 + 1;
|
|
107
|
+
const len = +cigar[j];
|
|
108
|
+
const op = cigar[j + 1];
|
|
109
|
+
if (!continuingFlag) {
|
|
110
|
+
px1 = cx1;
|
|
111
|
+
px2 = cx2;
|
|
112
|
+
}
|
|
113
|
+
const d1 = len / bpPerPxs[0];
|
|
114
|
+
const d2 = len / bpPerPxs[1];
|
|
115
|
+
if (op === 'M' || op === '=' || op === 'X') {
|
|
116
|
+
cx1 += d1 * rev1;
|
|
117
|
+
cx2 += d2 * rev2;
|
|
118
|
+
}
|
|
119
|
+
else if (op === 'D' || op === 'N') {
|
|
120
|
+
cx1 += d1 * rev1;
|
|
121
|
+
}
|
|
122
|
+
else if (op === 'I') {
|
|
123
|
+
cx2 += d2 * rev2;
|
|
124
|
+
}
|
|
125
|
+
// check that we are even drawing in view here, e.g. that all
|
|
126
|
+
// points are not all less than 0 or greater than width
|
|
127
|
+
if (!(Math.max(px1, px2, cx1, cx2) < 0 ||
|
|
128
|
+
Math.min(px1, px2, cx1, cx2) > width)) {
|
|
129
|
+
// if it is a small feature and not the last element of the
|
|
130
|
+
// CIGAR (which could skip rendering it entire if we did turn
|
|
131
|
+
// it on), then turn on continuing flag
|
|
132
|
+
const isNotLast = j < cigar.length - 2;
|
|
133
|
+
if (Math.abs(cx1 - px1) <= 1 &&
|
|
134
|
+
Math.abs(cx2 - px2) <= 1 &&
|
|
135
|
+
isNotLast) {
|
|
136
|
+
continuingFlag = true;
|
|
137
|
+
}
|
|
138
|
+
else {
|
|
139
|
+
continuingFlag = false;
|
|
140
|
+
// allow rendering the dominant color when using continuing
|
|
141
|
+
// flag if the last element of continuing was a large
|
|
142
|
+
// feature, else just use match
|
|
143
|
+
ctx1.fillStyle =
|
|
144
|
+
colorMap[(continuingFlag && d1 > 1) || d2 > 1 ? op : 'M'];
|
|
145
|
+
draw(ctx1, px1, cx1, y1, cx2, px2, y2, mid, drawCurves);
|
|
146
|
+
if (ctx3) {
|
|
147
|
+
ctx3.fillStyle = makeColor(idx);
|
|
148
|
+
draw(ctx3, px1, cx1, y1, cx2, px2, y2, mid, drawCurves);
|
|
149
|
+
}
|
|
150
|
+
}
|
|
151
|
+
}
|
|
152
|
+
}
|
|
153
|
+
}
|
|
154
|
+
else {
|
|
155
|
+
draw(ctx1, x11, x12, y1, x22, x21, y2, mid, drawCurves);
|
|
156
|
+
}
|
|
157
|
+
}
|
|
158
|
+
}
|
|
159
|
+
// draw click map
|
|
160
|
+
const ctx2 = (_a = model.clickMapCanvas) === null || _a === void 0 ? void 0 : _a.getContext('2d');
|
|
161
|
+
if (!ctx2) {
|
|
162
|
+
return;
|
|
163
|
+
}
|
|
164
|
+
ctx2.imageSmoothingEnabled = false;
|
|
165
|
+
ctx2.clearRect(0, 0, width, height);
|
|
166
|
+
for (let i = 0; i < featPos.length; i++) {
|
|
167
|
+
const feature = featPos[i];
|
|
168
|
+
const idx = i * unitMultiplier + 1;
|
|
169
|
+
ctx2.fillStyle = makeColor(idx);
|
|
170
|
+
// too many click map false positives with colored stroked lines
|
|
171
|
+
drawMatchSimple({
|
|
172
|
+
cb: ctx => ctx.fill(),
|
|
173
|
+
feature,
|
|
174
|
+
ctx: ctx2,
|
|
175
|
+
drawCurves,
|
|
176
|
+
offsets,
|
|
177
|
+
oobLimit,
|
|
178
|
+
viewWidth: view.width,
|
|
179
|
+
hideTiny: true,
|
|
180
|
+
height,
|
|
181
|
+
});
|
|
182
|
+
}
|
|
183
|
+
}
|
|
184
|
+
export function drawMouseoverSynteny(model) {
|
|
185
|
+
var _a;
|
|
186
|
+
const { clickId, mouseoverId } = model;
|
|
187
|
+
const highResolutionScaling = 1;
|
|
188
|
+
const view = getContainingView(model);
|
|
189
|
+
const drawCurves = view.drawCurves;
|
|
190
|
+
const height = view.middleComparativeHeight;
|
|
191
|
+
const width = view.width;
|
|
192
|
+
const ctx = (_a = model.mouseoverCanvas) === null || _a === void 0 ? void 0 : _a.getContext('2d');
|
|
193
|
+
const offsets = view.views.map(v => v.offsetPx);
|
|
194
|
+
if (!ctx) {
|
|
195
|
+
return;
|
|
196
|
+
}
|
|
197
|
+
ctx.resetTransform();
|
|
198
|
+
ctx.scale(highResolutionScaling, highResolutionScaling);
|
|
199
|
+
ctx.clearRect(0, 0, width, height);
|
|
200
|
+
const feature1 = model.featMap[mouseoverId || ''];
|
|
201
|
+
if (feature1) {
|
|
202
|
+
ctx.fillStyle = 'rgb(0,0,0,0.1)';
|
|
203
|
+
drawMatchSimple({
|
|
204
|
+
cb: ctx => ctx.fill(),
|
|
205
|
+
feature: feature1,
|
|
206
|
+
ctx,
|
|
207
|
+
oobLimit,
|
|
208
|
+
viewWidth: view.width,
|
|
209
|
+
drawCurves,
|
|
210
|
+
offsets,
|
|
211
|
+
height,
|
|
212
|
+
});
|
|
213
|
+
}
|
|
214
|
+
const feature2 = model.featMap[clickId || ''];
|
|
215
|
+
if (feature2) {
|
|
216
|
+
ctx.strokeStyle = 'rgb(0, 0, 0, 0.9)';
|
|
217
|
+
drawMatchSimple({
|
|
218
|
+
cb: ctx => ctx.stroke(),
|
|
219
|
+
feature: feature2,
|
|
220
|
+
ctx,
|
|
221
|
+
oobLimit,
|
|
222
|
+
viewWidth: view.width,
|
|
223
|
+
drawCurves,
|
|
224
|
+
offsets,
|
|
225
|
+
height,
|
|
226
|
+
});
|
|
227
|
+
}
|
|
228
|
+
}
|
|
229
|
+
//# sourceMappingURL=drawSynteny.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"drawSynteny.js","sourceRoot":"","sources":["../../src/LinearSyntenyDisplay/drawSynteny.ts"],"names":[],"mappings":"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"}
|