const highlight_open = '<span>';
const highlight_close = '</span>';

const text = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sed odio purus. Ut hendrerit quam id auctor aliquet. Nam et leifend purus, vel elementum nunc. Cras ac facilisis sem. Integer ullamcorper honcus iaculis. Praesent posuere dui tellus, sed interdum libero varius n. Nulla tristique pulvinar sem bibendum fermentum. In purus mi, viverra itae interdum ac, semper eu felis. Vivamus nisi ligula, consequat ut orci non, endrerit iaculis magna. Mauris a sapien fringilla, egestas dolor id, porta sapien. Praesent id magna et leo rutrum feugiat ac nec est. Vestibulum psum metus, interdum eget porttitor ut, feugiat ut diam. Mauris sed ultrices orci. Nam mollis in purus vitae elementum. Aliquam erat volutpat. Nulla pharetra gravida placerat. Nunc leo mauris, auctor a elit vitae, lacinia sollicitudin diam. Nunc porttitor varius tellus. Sed eu ullamcorper elit. Nam rutrum arcu id sodales vestibulum. Quisque fringilla, turpis in porta ullamcorper, velit tortor hendrerit massa, vitae venenatis dui massa id lacus. Suspendisse vulputate dui sit amet velit dignissim suscipit. Nulla ac leo quis massa pulvinar mollis ut ut risus. Duis in ipsum diam. Etiam ultrices leo quis augue pulvinar, vitae gravida dui faucibus. Integer eget arcu vehicula, tristique felis et, rhoncus tortor. Etiam vel tellus vel est volutpat consectetur in a est. Mauris scelerisque orci lectus, quis elementum mi facilisis nec. In condimentum ante justo, eget convallis nulla facilisis vitae. Sed id tempor ante. Mauris dui eros, imperdiet eu eros blandit, tempus facilisis risus. Vivamus blandit viverra turpis. Etiam at ultricies nibh. Ut vel elit a odio mollis tincidunt. Etiam ultrices malesuada molestie. Integer non est scelerisque, sodales mi eu, fringilla quam. Suspendisse potenti. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi suscipit semper dapibus. Vestibulum fermentum sem et condimentum ultrices. Integer ornare interdum dictum. Mauris pulvinar porttitor accumsan. Aenean vestibulum faucibus metus eu sollicitudin. Vestibulum quis nibh vel nisi pulvinar ultricies sed ac neque. Nulla mollis sit amet leo eleifend dapibus. Ut eget augue eu sem molestie aliquam sollicitudin venenatis libero. In ac elit quis augue feugiat interdum dignissim vestibulum mi. Nulla in lacinia enim. Vivamus nunc elit, rhoncus vitae vulputate sit amet, mollis sit amet sem. Morbi mi purus, egestas vel ante at, interdum pellentesque quam. Maecenas cursus, massa ac aliquet sollicitudin, ligula odio ornare lorem, ut mattis quam velit dictum quam. Donec iaculis arcu sed dapibus fermentum. Vestibulum ullamcorper ante a ultrices laoreet. Nulla a magna in nulla gravida porttitor. Donec pharetra, odio vitae aliquam scelerisque, urna neque convallis massa, quis egestas urna turpis nec elit. Nam rhoncus elit eget purus sodales, a elementum nisl posuere. Vivamus luctus leo in nisi ultrices sagittis. In ut luctus lectus. Donec et elit feugiat lectus congue commodo. Nunc vel massa volutpat ante cursus elementum. Ut suscipit pellentesque libero ut elementum. Sed nec pretium mauris, vel auctor elit. Vestibulum malesuada neque in adipiscing porta. Quisque sit amet sem sagittis, accumsan justo sit amet, porttitor ipsum. Duis pellentesque sem quis tempor interdum. Maecenas mattis turpis sit amet metus molestie vehicula. In dignissim pellentesque aliquam. Cras aliquet varius varius. Ut sit amet mattis est. Sed turpis eros, feugiat non ante non, lacinia iaculis nibh. Ut sed lorem in dolor feugiat imperdiet. Ut diam lectus, ullamcorper eget nisi non, consectetur euismod augue. Phasellus in congue elit. Aliquam luctus nunc nec faucibus tincidunt. Aliquam erat volutpat. Ut id feugiat magna. Nullam pellentesque ut risus quis lobortis. Maecenas hendrerit tempor laoreet. Etiam commodo id dolor ac pellentesque. Praesent in vulputate nunc. Ut molestie quis ligula nec sodales. Donec nunc arcu, rutrum ac est et, laoreet elementum lorem. In hac habitasse platea dictumst. Sed sit amet molestie enim. Aliquam tincidunt elit a interdum scelerisque. Proin sodales turpis elit, in euismod nibh pulvinar ut. Vivamus et est viverra, suscipit justo sed, consectetur ligula. Integer interdum metus quis urna lacinia, non dignissim mi fringilla. Morbi pulvinar nec neque quis tincidunt. Sed congue fermentum magna, nec feugiat diam euismod ac. Quisque at leo sit amet est ornare interdum. Proin porta non elit vel volutpat. Vestibulum tincidunt, lorem id ultricies sodales, mauris eros auctor urna, nec imperdiet lacus tellus ac nulla. Integer sodales velit at vehicula varius. Vivamus a dolor nisl. Donec dictum at enim non pulvinar. Maecenas sit amet posuere felis. In ac enim dapibus, mattis leo a, convallis lacus. Sed interdum pulvinar sollicitudin. Nulla dignissim nisi in lectus commodo placerat. Etiam molestie dolor lorem, quis condimentum nisl viverra blandit. Phasellus congue arcu lacus, eu ultrices nibh dignissim egestas. Duis consectetur ultricies tortor. Quisque lacinia quam tortor, nec varius tellus adipiscing non. Sed sem nulla, cursus condimentum condimentum quis, sagittis vel tortor. Fusce malesuada suscipit luctus. Duis eleifend, mauris id viverra dignissim, quam erat malesuada enim, at dapibus leo nulla nec nisl. Morbi vehicula urna ante, nec mollis tortor elementum vitae. Cras porttitor condimentum metus in vestibulum. Nunc tristique orci in faucibus fermentum. Nunc et quam fringilla, congue dolor id, tincidunt massa. Praesent enim felis, tristique eget tristique non, interdum vel nunc.";
// mappeamento dos caracteres especiais
const mappings = {
        'a': String.fromCharCode(65, 97, 192, 224, 193, 225, 194, 226, 195, 227, 196, 228),
        'e': String.fromCharCode(69, 101, 200, 232, 201, 233, 202, 234, 203, 235),
        'i': String.fromCharCode(73, 105, 204, 236, 205, 237, 206, 238, 207, 239),
        'o': String.fromCharCode(79, 111, 210, 242, 211, 243, 212, 244, 213, 245, 214, 246),
        'n': String.fromCharCode(78, 110, 209, 241),
        'u': String.fromCharCode(85, 117, 217, 249, 218, 250, 219, 251, 220, 252),
        'c': String.fromCharCode(67, 99, 199, 231),
        'y': String.fromCharCode(89, 121, 221, 253, 159, 255)
};

let RegexSearch = []
const getRegexMaped = function(search) {
    Object.keys(mappings).forEach(function(x){
      search = search.split(x).join('[' + mappings[x] + ']')
    })
    return RegExp(search, 'i');
}

const highlight = function(search, string, regex = null){
  let result = '';

  if (regex === null) {
    regex = getRegexMaped(search);
  }

  if((array = regex.exec(string)) !== null) {
      let idx = array.index
      let fin = idx + search.length

      result += string.substring(0, idx)
      result += highlight_open + string.substring(idx, fin) + highlight_close;
      result += highlight(search, string.substring(fin), regex)

  } else {
    result += string
  }

  return result
}


const highlight_terms = function(terms, text) {
  let result = text;
  let arr_terms = terms.split(' ');

  arr_terms.sort(function(a, b) {
    return b.length - a.length;
  });

  arr_terms.map(function(x){
    result = highlight(x, result)
  })

  return result;
}


// console.log(highlight('dolor', text))
console.log(highlight_terms('so accu dolor tu', text))