|
| 1 | +_ANSI_COLORS = [ |
| 2 | + 'ansi-black', |
| 3 | + 'ansi-red', |
| 4 | + 'ansi-green', |
| 5 | + 'ansi-yellow', |
| 6 | + 'ansi-blue', |
| 7 | + 'ansi-magenta', |
| 8 | + 'ansi-cyan', |
| 9 | + 'ansi-white', |
| 10 | + 'ansi-black-intense', |
| 11 | + 'ansi-red-intense', |
| 12 | + 'ansi-green-intense', |
| 13 | + 'ansi-yellow-intense', |
| 14 | + 'ansi-blue-intense', |
| 15 | + 'ansi-magenta-intense', |
| 16 | + 'ansi-cyan-intense', |
| 17 | + 'ansi-white-intense', |
| 18 | +]; |
| 19 | + |
| 20 | +function ansi2html(value) { |
| 21 | + // Convert ANSI colors to HTML colors. |
| 22 | + // Parameters |
| 23 | + // ---------- |
| 24 | + // text : unicode |
| 25 | + // Text containing ANSI colors to convert to HTML |
| 26 | + var value; |
| 27 | + var cleaned = jinjaToJS.runtime.escape(value); |
| 28 | + |
| 29 | + // state |
| 30 | + var fg, bg; |
| 31 | + var bold = false; |
| 32 | + var underline = false; |
| 33 | + var inverse = false; |
| 34 | + |
| 35 | + // number collected in each match |
| 36 | + var numbers; |
| 37 | + |
| 38 | + // accumulate output |
| 39 | + var out = ""; |
| 40 | + |
| 41 | + var last_index = 0; |
| 42 | + var ansi_re = /\x1b\[(.*?)([@-~])/g; |
| 43 | + var m; |
| 44 | + while (m = ansi_re.exec(cleaned)) { |
| 45 | + // [match, group1, group2, index: n] |
| 46 | + |
| 47 | + // process state for next chunk |
| 48 | + if (m[2] == 'm') { |
| 49 | + numbers = m[1].split(';').map(n => Number(n)); |
| 50 | + } else { |
| 51 | + numbers = []; |
| 52 | + } |
| 53 | + |
| 54 | + if (m.index > last_index) { |
| 55 | + // process previous chunk based on current state |
| 56 | + var [starttag, endtag] = _make_ansi_tags(bold && fg < 8 ? fg + 8 : fg, |
| 57 | + bg, bold, underline, inverse); |
| 58 | + out += starttag; |
| 59 | + out += cleaned.slice(last_index, m.index); |
| 60 | + out += endtag; |
| 61 | + } |
| 62 | + |
| 63 | + // increment to start of next chunk |
| 64 | + last_index = m.index + m[0].length; |
| 65 | + |
| 66 | + |
| 67 | + for (var i=0; i < numbers.length; i++) { |
| 68 | + var n = numbers[i] |
| 69 | + switch(n) { |
| 70 | + case 0: |
| 71 | + // same as empty: reset everything |
| 72 | + fg = bg = undefined; |
| 73 | + bold = underline = inverse = false; |
| 74 | + break; |
| 75 | + case 1: |
| 76 | + bold = true; |
| 77 | + break; |
| 78 | + case 4: |
| 79 | + underline = true; |
| 80 | + break; |
| 81 | + case 5: |
| 82 | + bold = true; |
| 83 | + break; |
| 84 | + case 7: |
| 85 | + inverse = true; |
| 86 | + break; |
| 87 | + case 21: |
| 88 | + case 22: |
| 89 | + bold = false; |
| 90 | + break; |
| 91 | + case 24: |
| 92 | + underline = false; |
| 93 | + break; |
| 94 | + case 27: |
| 95 | + inverse = false; |
| 96 | + break; |
| 97 | + case 30: |
| 98 | + case 31: |
| 99 | + case 32: |
| 100 | + case 33: |
| 101 | + case 34: |
| 102 | + case 35: |
| 103 | + case 36: |
| 104 | + case 37: |
| 105 | + fg = n - 30; |
| 106 | + break; |
| 107 | + case 38: |
| 108 | + [fg, i] = _get_extended_color(numbers, i); |
| 109 | + break; |
| 110 | + case 40: |
| 111 | + case 41: |
| 112 | + case 42: |
| 113 | + case 43: |
| 114 | + case 44: |
| 115 | + case 45: |
| 116 | + case 46: |
| 117 | + case 47: |
| 118 | + bg = n - 40; |
| 119 | + break; |
| 120 | + case 48: |
| 121 | + [bg, i] = _get_extended_color(numbers, i); |
| 122 | + break; |
| 123 | + case 49: |
| 124 | + bg = undefined; |
| 125 | + break; |
| 126 | + case 90: |
| 127 | + case 91: |
| 128 | + case 92: |
| 129 | + case 93: |
| 130 | + case 94: |
| 131 | + case 95: |
| 132 | + case 96: |
| 133 | + case 97: |
| 134 | + fg = n - 90 + 8; |
| 135 | + break; |
| 136 | + case 100: |
| 137 | + case 101: |
| 138 | + case 102: |
| 139 | + case 103: |
| 140 | + case 104: |
| 141 | + case 105: |
| 142 | + case 106: |
| 143 | + case 107: |
| 144 | + fg = n - 100 + 8; |
| 145 | + break; |
| 146 | + } |
| 147 | + } |
| 148 | + } |
| 149 | + |
| 150 | + if (cleaned.length > last_index) { |
| 151 | + // process last chunk |
| 152 | + var [starttag, endtag] = _make_ansi_tags(bold && fg < 8 ? fg + 8 : fg, |
| 153 | + bg, bold, underline, inverse); |
| 154 | + out += starttag; |
| 155 | + out += cleaned.slice(last_index); |
| 156 | + out += endtag; |
| 157 | + } |
| 158 | + |
| 159 | + return out; |
| 160 | +}; |
| 161 | + |
| 162 | +function _get_extended_color(numbers, i) { |
| 163 | + var numbers, i; |
| 164 | + var n; |
| 165 | + var c; |
| 166 | + if (numbers.length < i + 1) return [undefined, numbers.length]; |
| 167 | + n = numbers[i+1]; |
| 168 | + if (n == 2 && numbers.length >= i+4) { |
| 169 | + // 24-bit RGB |
| 170 | + c = numbers.slice(i+2,i+5); |
| 171 | + if (c.some((e) => c < 0 || c > 255)) return [undefined, numbers.length]; |
| 172 | + return [c, i + 3]; |
| 173 | + } |
| 174 | + else if (n == 5 && numbers.length >= i+2) { |
| 175 | + // 256 colors |
| 176 | + c = numbers[i+2]; |
| 177 | + if (c < 0) return [undefined, numbers.length]; |
| 178 | + // 16 default terminal colors |
| 179 | + if (c < 16) return [c, i+2]; |
| 180 | + // 6x6x6 color cube, see http://stackoverflow.com/a/27165165/500098 |
| 181 | + if (c < 232) { |
| 182 | + return [[c < 52 ? 0 : 55 + Math.floor( (c - 16) / 36 ) * 40, |
| 183 | + (c - 16) % 36 < 6 ? 0 : 55 + Math.floor(((c - 16) % 36) / 6) * 40, |
| 184 | + (c - 16) % 6 < 1 ? 0 : 55 + Math.floor(((c - 16) % 6) ) * 40 |
| 185 | + ], i+2]; |
| 186 | + } |
| 187 | + // grayscale, see http://stackoverflow.com/a/27165165/500098 |
| 188 | + if (c < 256) return [[(c - 232) * 10 + 8, |
| 189 | + (c - 232) * 10 + 8, |
| 190 | + (c - 232) * 10 + 8 |
| 191 | + ], i+2]; |
| 192 | + } |
| 193 | + return [undefined, numbers.length]; |
| 194 | +} |
| 195 | + |
| 196 | + |
| 197 | +function _make_ansi_tags(fg, bg, bold, underline, inverse) { |
| 198 | + var fg, bg, bold, underline, inverse; |
| 199 | + if (fg == undefined && bg == undefined && !bold && !underline && !inverse) return ['', '']; |
| 200 | + |
| 201 | + var classes = []; |
| 202 | + var styles = []; |
| 203 | + |
| 204 | + if (inverse)[fg, bg] = [bg, fg]; |
| 205 | + |
| 206 | + if (Number.isInteger(fg)) classes.push(_ANSI_COLORS[fg] + '-fg'); |
| 207 | + else if (fg instanceof Array) styles.push('color: rgb('+fg[0]+','+fg[1]+','+fg[2]+')'); |
| 208 | + else if (inverse) classes.push('ansi-default-inverse-fg'); |
| 209 | + |
| 210 | + if (Number.isInteger(bg)) classes.push(_ANSI_COLORS[bg] + '-bg'); |
| 211 | + else if (bg instanceof Array) styles.push('background-color: rgb('+bg[0]+','+bg[1]+','+bg[2]+')'); |
| 212 | + else if (inverse) classes.push('ansi-default-inverse-bg'); |
| 213 | + |
| 214 | + if (bold) classes.push('ansi-bold'); |
| 215 | + if (underline) classes.push('ansi-underline'); |
| 216 | + |
| 217 | + var starttag = '<span'; |
| 218 | + if (classes.length) starttag += ' class="' + classes.join(' ') + '"'; |
| 219 | + if (styles.length) starttag += ' style="' + styles.join('; ') + '"'; |
| 220 | + starttag += '>'; |
| 221 | + |
| 222 | + return [starttag, '</span>'] |
| 223 | +} |
| 224 | + |
| 225 | + |
| 226 | +if ( |
| 227 | + typeof module !== 'undefined' && |
| 228 | + module.exports && |
| 229 | + typeof exports !== 'undefined' |
| 230 | + ) { |
| 231 | + module.exports = { |
| 232 | + ansi2html: ansi2html, |
| 233 | + _get_extended_color: _get_extended_color, |
| 234 | + _make_ansi_tags: _make_ansi_tags |
| 235 | + }; |
| 236 | +} |
| 237 | +else { |
| 238 | + ansi = { |
| 239 | + ansi2html: ansi2html, |
| 240 | + _get_extended_color: _get_extended_color, |
| 241 | + _make_ansi_tags: _make_ansi_tags |
| 242 | + }; |
| 243 | +} |
0 commit comments