// ad-hoc parser for translation strings
import React from 'react';

const BOLD_REGEXP = /(\*\*)(.*?)\1/;
const LINK_REGEXP = /\[([^\[]+)\]\(([^\)]+)\)/;

function linkify(mdString: string) {
    const parts = mdString.split(LINK_REGEXP);
    if (parts.length === 1) {
        return parts[0];
    }
    const result = [];
    let i = 0;
    while (i + 1 < parts.length) {
        result.push(parts[i]);
        result.push(<a href={parts[i + 2]} target="_blank">{parts[i + 1]}</a>);
        i += 3;
    }
    result.push(parts[parts.length - 1]);
    return result.filter(Boolean);
}

export function markupToReact(mdString: string) {
    const parts = mdString.split(BOLD_REGEXP);
    if (parts.length === 1) {
        return linkify(parts[0]);
    }
    let result = [];
    let i = 0;
    while (i + 1 < parts.length) {
        result = result.concat(linkify(parts[i]));
        result.push(<b>{parts[i + 2]}</b>);
        i += 3;
    }
    result = result.concat(linkify(parts.pop()));
    return result.filter(Boolean);
}