Application localization

Author: Levminer

languages/main.js

@@ -1,7 +1,13 @@
 const en = require("./en")
 const hu = require("./hu")
 
+const languages = {
+	en,
+	hu,
+}
+
 module.exports = {
 	en,
 	hu,
+	languages,
 }

lib/localization.js

@@ -0,0 +1,26 @@
+const { languages } = require("@levminer/languages")
+const electron = require("electron")
+
+/**
+ * Localization
+ */
+module.exports = {
+	/**
+	 * Localize the page
+	 * @param {renderer} rendererName
+	 */
+	localize: (renderer) => {
+		const res = electron.ipcRenderer.sendSync("lang").lang_code
+		let loc_id = 0
+
+		document.addEventListener("DOMContentLoaded", () => {
+			document.querySelectorAll("[data-loc]").forEach(translateElements)
+		})
+
+		const translateElements = (element) => {
+			element.textContent = languages[res][renderer][loc_id]
+
+			loc_id++
+		}
+	},
+}

lib/main.js

@@ -7,6 +7,7 @@ const typedef = require("./typedef")
 const convert = require("./convert")
 const time = require("./time")
 const password = require("./password/index")
+const localization = require("./localization")
 
 // ? export modules
 module.exports = {
@@ -19,4 +20,5 @@ module.exports = {
 	convert,
 	time,
 	password,
+	localization,
 }

main.js

@@ -1526,6 +1526,14 @@ ipc.on("loggerError", (event, data) => {
 	logger.rendererError(data.id, data.message, data.error)
 })
 
+/**
+ * Send lang code
+ */
+ipc.on("lang", (event) => {
+	const lang_code = app.getLocale().slice(0, 2)
+	event.returnValue = { lang_code }
+})
+
 /**
  * Logger path
  */