1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
|
/*
* Project-wide types/classes
*/
// Represents a tree-of-life node
export class TolNode {
otolId: string | null;
children: string[];
parent: string | null;
tips: number;
pSupport: boolean;
commonName: null | string;
imgName: null | string |
[string, string] | [null, string] | [string, null]; // Pairs represent compound-images
constructor(children: string[] = [], parent = null, tips = 0, pSupport = false){
this.otolId = null;
this.children = children;
this.parent = parent;
this.tips = tips;
this.pSupport = pSupport;
this.commonName = null;
this.imgName = null;
}
}
// Maps TolNode names to TolNode objects
export type TolMap = Map<string, TolNode>;
// For server search responses
export type SearchSugg = { // Represents a search-string suggestion
name: string,
canonicalName: string | null,
};
export type SearchSuggResponse = { // Holds search suggestions and an indication of if there was more
suggs: SearchSugg[],
hasMore: boolean,
};
// For server tile-info responses
export type DescInfo = {
text: string,
wikiId: number,
fromRedirect: boolean,
fromDbp: boolean,
};
export type ImgInfo = {
id: number,
src: string,
url: string,
license: string,
artist: string,
credit: string,
};
export type NodeInfo = {
tolNode: TolNode,
descInfo: null | DescInfo,
imgInfo: null | ImgInfo,
};
export type InfoResponse = {
nodeInfo: NodeInfo,
subNodesInfo: [] | [NodeInfo, NodeInfo],
};
// Used by auto-mode and tutorial
export type Action =
'expand' | 'collapse' | 'expandToView' | 'unhideAncestor' |
'tileInfo' | 'search' | 'autoMode' | 'settings' | 'help';
// Project-wide configurable options (supersets the user-configurable settings)
export type UiOptions = {
// Shared coloring/sizing
textColor: string, // CSS color
textColorAlt: string,
bgColor: string,
bgColorLight: string,
bgColorDark: string,
bgColorLight2: string,
bgColorDark2: string,
bgColorAlt: string,
bgColorAltDark: string,
altColor: string,
altColorDark: string,
borderRadius: number, // CSS border-radius value, in px
shadowNormal: string, // CSS box-shadow value
shadowHovered: string,
shadowFocused: string,
// Component coloring
childQtyColors: [number, string][],
// Specifies, for an increasing sequence of minimum-child-quantity values, CSS colors to use
//eg: [[1, 'green'], [10, 'orange'], [100, 'red']]
nonleafBgColors: string[],
// Specifies CSS colors to use at various tree depths
// With N strings, tiles at depth M use the color at index M % N
nonleafHeaderColor: string, // CSS color
ancestryBarBgColor: string,
// Component sizing
ancestryBarBreadth: number, // px (fixed value needed for transitions)
tutPaneSz: number, // px (fixed value needed for transitions)
scrollGap: number, // Size of scroll bar, in px
// Timing related
clickHoldDuration: number, // Time after mousedown when a click-and-hold is recognised, in ms
transitionDuration: number, // ms
animationDelay: number, // Time between updates during transitions/resizes/etc, in ms
autoActionDelay: number, // Time between auto-mode actions (incl transitions), in ms
// Other
useReducedTree: boolean,
searchSuggLimit: number, // Max number of search suggestions
searchJumpMode: boolean,
tutorialSkip: boolean,
disabledActions: Set<Action>,
};
|
