| // Constants that define how we go from dot space to canvas coordinates. |
| export const DOT_SCALE_X = 10; |
| export const DOT_SCALE_Y = 10; |
| export const DOT_OFFSET_X = 10; |
| export const DOT_OFFSET_Y = 10; |
| |
| // Functions that go from dot space to canvas coordinates. |
| export const dotToCanvasX = (x: number) => x * DOT_SCALE_X + DOT_OFFSET_X; |
| export const dotToCanvasY = (y: number) => y * DOT_SCALE_Y + DOT_OFFSET_Y; |
| |
| // Maximum number of unique digests to display. If the number of unique digests |
| // exceeds this, they will be grouped together with the last color. |
| // This corresponds to search.maxDistinctDigestsToPresent. |
| export const MAX_UNIQUE_DIGESTS = 9; |
| |
| // Convention by the frontend to indicate there's no data for the given commit. |
| export const MISSING_DOT = -1; |
| |
| // Constants that define what the traces look like. Colors are taken from the |
| // color blindness palette at |
| // http://mkweb.bcgsc.ca/colorblind/palettes/12.color.blindness.palette.txt |
| export const TRACE_LINE_COLOR = '#999999'; |
| export const STROKE_WIDTH = 2; // Used for both the trace line and dots. |
| export const DOT_RADIUS = 3; |
| |
| export const DOT_STROKE_COLORS = [ |
| '#000000', // black |
| '#009F81', // jungle green |
| '#FF6E3A', // outrageous orange |
| '#8400CD', // dark violet |
| '#FF5AAF', // brilliant rose |
| '#A40122', // strong crimson |
| '#FFC33B', // bright spark |
| '#008DF9', // brilliant azure |
| '#999999', // grey; Used when the number of unique digests >= MAX_UNIQUE_DIGESTS. |
| ]; |
| export const DOT_FILL_COLORS = [ |
| '#000000', |
| '#FFFFFF', |
| '#FFFFFF', |
| '#FFFFFF', |
| '#FFFFFF', |
| '#FFFFFF', |
| '#FFFFFF', |
| '#FFFFFF', |
| '#FFFFFF', // Used when the number of unique digests >= MAX_UNIQUE_DIGESTS. |
| ]; |
| export const DOT_FILL_COLORS_HIGHLIGHTED = [ |
| '#AAAAAA', // light grey |
| '#009F81', // jungle green |
| '#FF6E3A', // outrageous orange |
| '#8400CD', // dark violet |
| '#FF5AAF', // brilliant rose |
| '#A40122', // strong crimson |
| '#FFC33B', // bright spark |
| '#008DF9', // brilliant azure |
| '#999999', // grey; Used when the number of unique digests >= MAX_UNIQUE_DIGESTS. |
| ]; |