aboutsummaryrefslogtreecommitdiffstats
path: root/packages/dev-tools-pages/ts/highlight.tsx
blob: 8dff4c9e9b7a84ec63ad6bc0fd61dba0983d6f16 (plain) (blame)
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
const hljs = require('highlight.js/lib/highlight');
const javascript = require('highlight.js/lib/languages/javascript');
const json = require('highlight.js/lib/languages/json');

hljs.registerLanguage('javascript', javascript);
hljs.registerLanguage('json', json);

interface PatchInterface {
    [key: string]: string;
}

var PATCH_TYPES: PatchInterface = {
    '+': 'addition',
    '-': 'deletion',
    '!': 'change',
};

function diffHighlight(language: string, code: any, gutter: any) {
    return code
        .split(/\r?\n/g)
        .map((line: string, index: number) => {
            var type;
            if (/^-{3} [^-]+ -{4}$|^\*{3} [^*]+ \*{4}$|^@@ [^@]+ @@$/.test(line)) {
                type = 'chunk';
            } else if (/^Index: |^[+\-*]{3}|^[*=]{5,}$/.test(line)) {
                type = 'header';
            } else {
                type = PATCH_TYPES[line[0] as string] || 'null';
                line = line.replace(/^[+\-! ]/, '');
            }

            const g = gutter[index];

            return `<span data-test="${g !== undefined ? g + 'x' : ''}" class="line-${type}">${
                hljs.highlight(language, line).value
            }</span>`;
        })
        .join('\n');
}

function highlight(language: string, code: string, diff: boolean, gutter: any) {
    if (diff) {
        return diffHighlight(language, code, gutter);
    }

    return hljs.highlight(language, code).value;
}

export default highlight;