@teselagen/ove 0.7.6 → 0.7.8
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/AlignmentView/index.d.ts +1 -101
- package/CircularView/RotateCircularViewSlider.d.ts +2 -1
- package/Menlo.ttf +0 -0
- package/Monaco.ttf +0 -0
- package/README.md +8 -8
- package/RowItem/Caret/index.d.ts +14 -1
- package/html2canvas.esm--JN4fLQL.mjs +7891 -0
- package/html2canvas.esm-B7d7VJmQ.js +7891 -0
- package/html2canvas.esm-GLpiTZLt.cjs +7891 -0
- package/html2canvas.esm-GLpiTZLt.js +7891 -0
- package/html2canvas.esm-nFNn58sx.js +7891 -0
- package/html2canvas.esm-nFNn58sx.mjs +7891 -0
- package/index.cjs.js +9922 -11148
- package/index.es.js +9916 -11142
- package/index.umd.js +8811 -10589
- package/package.json +2 -6
- package/src/AlignmentView/index.js +1151 -1273
- package/src/CircularView/RotateCircularViewSlider.js +23 -14
- package/src/CircularView/index.js +1 -0
- package/src/RowItem/Caret/index.js +14 -16
package/AlignmentView/index.d.ts
CHANGED
|
@@ -1,103 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
export class AlignmentView extends React.Component<any, any, any> {
|
|
3
|
-
constructor(props: any);
|
|
4
|
-
bindOutsideChangeHelper: {};
|
|
5
|
-
onShortcutCopy: void;
|
|
6
|
-
getMaxLength: () => any;
|
|
7
|
-
getNearestCursorPositionToMouseEvent(rowData: any, event: any, callback: any): void;
|
|
8
|
-
charWidth: number | undefined;
|
|
9
|
-
componentWillUnmount(): void;
|
|
10
|
-
handleAlignmentCopy: (event: any) => void;
|
|
11
|
-
getAllAlignmentsFastaText: () => string;
|
|
12
|
-
state: {
|
|
13
|
-
alignmentName: any;
|
|
14
|
-
isTrackDragging: boolean;
|
|
15
|
-
charWidthInLinearView: number;
|
|
16
|
-
scrollAlignmentView: boolean;
|
|
17
|
-
width: number;
|
|
18
|
-
nameDivWidth: number;
|
|
19
|
-
};
|
|
20
|
-
easyStore: {
|
|
21
|
-
selectionLayer: {
|
|
22
|
-
start: number;
|
|
23
|
-
end: number;
|
|
24
|
-
};
|
|
25
|
-
caretPosition: number;
|
|
26
|
-
percentScrolled: number;
|
|
27
|
-
viewportWidth: number;
|
|
28
|
-
verticalVisibleRange: {
|
|
29
|
-
start: number;
|
|
30
|
-
end: number;
|
|
31
|
-
};
|
|
32
|
-
};
|
|
33
|
-
getMinCharWidth: (noNameDiv: any) => number;
|
|
34
|
-
getSequenceLength: () => any;
|
|
35
|
-
componentDidUpdate(prevProps: any): Promise<void>;
|
|
36
|
-
componentDidMount(): void;
|
|
37
|
-
annotationClicked: ({ event, annotation, gapsBefore, gapsInside }: {
|
|
38
|
-
event: any;
|
|
39
|
-
annotation: any;
|
|
40
|
-
gapsBefore?: number | undefined;
|
|
41
|
-
gapsInside?: number | undefined;
|
|
42
|
-
}) => void;
|
|
43
|
-
updateSelectionOrCaret: (shiftHeld: any, newRangeOrCaret: any, { forceReduxUpdate }?: {
|
|
44
|
-
forceReduxUpdate: any;
|
|
45
|
-
}) => void;
|
|
46
|
-
caretPositionUpdate: (position: any) => void;
|
|
47
|
-
debouncedAlignmentRunUpdate: import('lodash').DebouncedFunc<any>;
|
|
48
|
-
forceReduxSelectionLayerUpdate: (newSelection: any) => void;
|
|
49
|
-
selectionLayerUpdate: (newSelection: any, { forceReduxUpdate }?: {
|
|
50
|
-
forceReduxUpdate: any;
|
|
51
|
-
}) => void;
|
|
52
|
-
getCharWidthInLinearView: () => number;
|
|
53
|
-
getNumBpsShownInLinearView: () => number;
|
|
54
|
-
setVerticalScrollRange: import('lodash').DebouncedFuncLeading<() => void>;
|
|
55
|
-
handleScroll: () => void;
|
|
56
|
-
oldAlignmentHolderScrollTop: any;
|
|
57
|
-
handleTopScroll: () => void;
|
|
58
|
-
/**
|
|
59
|
-
* Responsible for handling resizing the highlighted region of the minimap
|
|
60
|
-
* @param {*} newSliderSize
|
|
61
|
-
* @param {*} newPercent
|
|
62
|
-
*/
|
|
63
|
-
onMinimapSizeAdjust: (newSliderSize: any, newPercent: any) => void;
|
|
64
|
-
blockScroll: boolean | undefined;
|
|
65
|
-
setCharWidthInLinearView: ({ charWidthInLinearView }: {
|
|
66
|
-
charWidthInLinearView: any;
|
|
67
|
-
}) => void;
|
|
68
|
-
scrollToCaret: () => void;
|
|
69
|
-
scrollAlignmentToPercent: (scrollPercentage: any) => void;
|
|
70
|
-
scrollYToTrack: (trackIndex: any) => void;
|
|
71
|
-
estimateRowHeight: (index: any, cache: any) => any;
|
|
72
|
-
rowData: {
|
|
73
|
-
rowNumber: number;
|
|
74
|
-
start: number;
|
|
75
|
-
end: number;
|
|
76
|
-
sequence: any;
|
|
77
|
-
}[] | undefined;
|
|
78
|
-
getMaxLinearViewWidth: () => number;
|
|
79
|
-
renderItem: (_i: any, key: any, isTemplate: any, cloneProps: any) => import("react/jsx-runtime").JSX.Element | null;
|
|
80
|
-
handleResize: import('lodash').DebouncedFuncLeading<([e]: any) => void>;
|
|
81
|
-
removeMinimapHighlightForMouseLeave: () => void;
|
|
82
|
-
updateMinimapHighlightForMouseMove: (event: any) => void;
|
|
83
|
-
latestMouseY: any;
|
|
84
|
-
updateMinimapHighlight: () => void;
|
|
85
|
-
onTrackDragStart: () => void;
|
|
86
|
-
onTrackDragEnd: ({ destination, source }: {
|
|
87
|
-
destination: any;
|
|
88
|
-
source: any;
|
|
89
|
-
}) => void;
|
|
90
|
-
render(): import("react/jsx-runtime").JSX.Element | "corrupted data!";
|
|
91
|
-
veTracksAndAlignmentHolder: HTMLDivElement | null | undefined;
|
|
92
|
-
InfiniteScroller: any;
|
|
93
|
-
isZooming: boolean | undefined;
|
|
94
|
-
getTrackTrimmingOptions({ e, allTracks, upsertAlignmentRun, currentPairwiseAlignmentIndex, alignmentId }: {
|
|
95
|
-
e: any;
|
|
96
|
-
allTracks: any;
|
|
97
|
-
upsertAlignmentRun: any;
|
|
98
|
-
currentPairwiseAlignmentIndex: any;
|
|
99
|
-
alignmentId: any;
|
|
100
|
-
}): void;
|
|
101
|
-
}
|
|
1
|
+
export function AlignmentView(props: any): import("react/jsx-runtime").JSX.Element | "corrupted data!";
|
|
102
2
|
declare const _default: any;
|
|
103
3
|
export default _default;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
export function RotateCircularViewSlider({ setRotationRadians, zoomLevel, maxZoomLevel, bindOutsideChangeHelper, smallSlider }: {
|
|
1
|
+
export function RotateCircularViewSlider({ setRotationRadians, zoomLevel, maxZoomLevel, bindOutsideChangeHelper, smallSlider, editorName }: {
|
|
2
2
|
setRotationRadians: any;
|
|
3
3
|
zoomLevel: any;
|
|
4
4
|
maxZoomLevel: any;
|
|
5
5
|
bindOutsideChangeHelper: any;
|
|
6
6
|
smallSlider: any;
|
|
7
|
+
editorName: any;
|
|
7
8
|
}): import("react/jsx-runtime").JSX.Element;
|
package/Menlo.ttf
ADDED
|
Binary file
|
package/Monaco.ttf
ADDED
|
Binary file
|
package/README.md
CHANGED
|
@@ -51,7 +51,7 @@ Congrats, you've made it to the repo for Teselagen's Open Source Vector Editor C
|
|
|
51
51
|
- [Full Example:](#full-example)
|
|
52
52
|
- [Code (Universal)](#code-universal)
|
|
53
53
|
- [Accessing the editor state:](#accessing-the-editor-state)
|
|
54
|
-
- [Demo (Universal):
|
|
54
|
+
- [Demo (Universal): https://teselagen.github.io/tg-oss/ove/](#demo-universal-httpsteselagengithubiotg-ossove)
|
|
55
55
|
- [editorProps](#editorprops)
|
|
56
56
|
- [editorState](#editorstate)
|
|
57
57
|
- [Setting Local Storage Persisted Values](#setting-local-storage-persisted-values)
|
|
@@ -86,7 +86,7 @@ Congrats, you've made it to the repo for Teselagen's Open Source Vector Editor C
|
|
|
86
86
|
This repo follows semantic versioning (major/minor/patche)
|
|
87
87
|
|
|
88
88
|
The commit log can be seen here:
|
|
89
|
-
https://github.com/TeselaGen/
|
|
89
|
+
https://github.com/TeselaGen/tg-oss/commits/master/packages/ove
|
|
90
90
|
|
|
91
91
|
Upgrade instructions for any major or minor change can be found here:
|
|
92
92
|
[Upgrade instructions](UPGRADE_INSTRUCTIONS.md)
|
|
@@ -178,7 +178,7 @@ then add the links
|
|
|
178
178
|
|
|
179
179
|
```html
|
|
180
180
|
<link rel="stylesheet" type="text/css" href="your-path-to-node-modules/@teselagen/ove/umd/style.css" />
|
|
181
|
-
<script type="text/javascript" src="your-path-to-node-modules/@teselagen/ove/index.umd.js
|
|
181
|
+
<script type="text/javascript" src="your-path-to-node-modules/@teselagen/ove/index.umd.js"></script>
|
|
182
182
|
```
|
|
183
183
|
|
|
184
184
|
### Or via CDN:
|
|
@@ -190,8 +190,8 @@ then add the links
|
|
|
190
190
|
|
|
191
191
|
### Full Example:
|
|
192
192
|
|
|
193
|
-
A full example of how to set up the unpkg/UMD demo can be seen here: https://github.com/TeselaGen/
|
|
194
|
-
Demo here
|
|
193
|
+
A full example of how to set up the unpkg/UMD demo can be seen here: https://github.com/TeselaGen/tg-oss/blob/master/packages/ove/public/UMDDemo.html
|
|
194
|
+
Demo here https://teselagen.github.io/tg-oss/ove/UMDDemo.html
|
|
195
195
|
|
|
196
196
|
## Code (Universal)
|
|
197
197
|
|
|
@@ -210,7 +210,7 @@ const currentEditorState = editor.getState();
|
|
|
210
210
|
console.info(currentEditorState.selectionLayer);
|
|
211
211
|
```
|
|
212
212
|
|
|
213
|
-
## Demo (Universal):
|
|
213
|
+
## Demo (Universal): https://teselagen.github.io/tg-oss/ove/
|
|
214
214
|
|
|
215
215
|
# editorProps
|
|
216
216
|
|
|
@@ -434,7 +434,7 @@ They look like this:
|
|
|
434
434
|
# Protein Editor
|
|
435
435
|
|
|
436
436
|
OVE can be set up to view and edit proteins (Amino Acid sequences) as first class citizens.
|
|
437
|
-
The protein editor can be seen here:
|
|
437
|
+
The protein editor can be seen here: https://teselagen.github.io/tg-oss/ove/#/Editor?moleculeType=Protein
|
|
438
438
|
|
|
439
439
|
The editor supports Amino Acid sequences as well as DNA sequences!
|
|
440
440
|
Protein sequence mode is enabled by calling updateEditor with a protein sequenceData object:
|
|
@@ -675,7 +675,7 @@ window.createVectorEditor({
|
|
|
675
675
|
|
|
676
676
|
## Auto annotate addon:
|
|
677
677
|
|
|
678
|
-
https://github.com/TeselaGen/
|
|
678
|
+
https://github.com/TeselaGen/tg-oss/blob/master/packages/ove/src/AutoAnnotate.js
|
|
679
679
|
|
|
680
680
|
# Implementing Autosave functionality
|
|
681
681
|
|
package/RowItem/Caret/index.d.ts
CHANGED
|
@@ -1,2 +1,15 @@
|
|
|
1
1
|
export default Caret;
|
|
2
|
-
declare function Caret(
|
|
2
|
+
declare function Caret({ charWidth, row, sequenceLength, caretPosition, isProtein, onClick, isDraggable, leftMargin, onRightClick, style, selectionMessage, className }: {
|
|
3
|
+
charWidth: any;
|
|
4
|
+
row: any;
|
|
5
|
+
sequenceLength: any;
|
|
6
|
+
caretPosition: any;
|
|
7
|
+
isProtein: any;
|
|
8
|
+
onClick: any;
|
|
9
|
+
isDraggable: any;
|
|
10
|
+
leftMargin?: number | undefined;
|
|
11
|
+
onRightClick: any;
|
|
12
|
+
style: any;
|
|
13
|
+
selectionMessage: any;
|
|
14
|
+
className?: string | undefined;
|
|
15
|
+
}): import("react/jsx-runtime").JSX.Element | null;
|