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

function localisePage() {
	/**
	 * @param {string} tag
	 */
	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,
}
