| /** |
| * @returns {String} the string with all zeroes contained in a <span> |
| */ |
| export function spanAllZeroes(s: string): string { |
| return s.replace(/(0+)/g, '<span class="zero">$1</span>'); |
| } |
| |
| /** |
| * @returns {String} the string with each character contained in a <span> |
| */ |
| export function spanAll(s: string, offset: number = 0): string { |
| const letters = s.split(''); |
| |
| return letters |
| .map( |
| (n, i) => `<span class="digit value-${n} position-${i + offset}">${spanAllZeroes(n)}</span>`, |
| ) |
| .join(''); |
| } |
| |
| function spanLeadingZeroesSimple(group: string): string { |
| return group.replace(/^(0+)/, '<span class="zero">$1</span>'); |
| } |
| |
| /** |
| * @returns {String} the string with leading zeroes contained in a <span> |
| */ |
| export function spanLeadingZeroes(address: string): string { |
| const groups = address.split(':'); |
| |
| return groups.map((g) => spanLeadingZeroesSimple(g)).join(':'); |
| } |
| |
| /** |
| * Groups an address |
| * @returns {String} a grouped address |
| */ |
| export function simpleGroup(addressString: string, offset: number = 0): string[] { |
| const groups = addressString.split(':'); |
| |
| return groups.map((g, i) => { |
| if (/group-v4/.test(g)) { |
| return g; |
| } |
| |
| return `<span class="hover-group group-${i + offset}">${spanLeadingZeroesSimple(g)}</span>`; |
| }); |
| } |