window.browser = window.browser || window.chrome;

function localisePage() {
  function getMessage(tag) {
    return tag.replace(/__MSG_(\w+)__/g, (_match, v1) => {
      return v1 ? browser.i18n.getMessage(v1) : null;
    });
  }

  const elements = document.querySelectorAll("[data-localise]");
  for (let i in elements)
    if (elements.hasOwnProperty(i)) {
      const obj = elements[i];
      const tag = obj.getAttribute("data-localise").toString();
      const msg = getMessage(tag);
      if (msg && msg !== tag) obj.textContent = msg;
    }

  const placeholders = document.querySelectorAll("[data-localise-placeholder]");
  for (let i in placeholders)
    if (placeholders.hasOwnProperty(i)) {
      const obj = placeholders[i];
      const tag = obj.getAttribute("data-localise-placeholder").toString();
      const msg = getMessage(tag);
      if (msg && msg !== tag) obj.placeholder = msg;
    }
}

export default {
  localisePage
}