From dbd8c6b152acc1188d2edd288488aa2da8f6310b Mon Sep 17 00:00:00 2001
From: 0neGal <mail@0negal.com>
Date: Sat, 8 Jun 2024 18:02:48 +0200
Subject: initial commit to better modularize frontend

Far from done, but this pretty much splits everything inside
`src/app/main.js` into separate files.
---
 src/app/index.html | 42 ++++++++++++++++++++----------------------
 1 file changed, 20 insertions(+), 22 deletions(-)

(limited to 'src/app/index.html')

diff --git a/src/app/index.html b/src/app/index.html
index 016b708..87a1029 100644
--- a/src/app/index.html
+++ b/src/app/index.html
@@ -12,7 +12,7 @@
 		<div id="toasts"></div>
 
 		<div id="winbtns">
-			<div id="settings" tooltip="%%tooltip.settings%%" tooltip-position="horizontal" onclick="Settings.toggle()">
+			<div id="settings" tooltip="%%tooltip.settings%%" tooltip-position="horizontal" onclick="settings.popup.toggle()">
 				<img src="icons/settings.png">
 			</div>
 			<div id="minimize" tooltip="%%tooltip.minimize%%" tooltip-position="horizontal" onclick="ipcRenderer.send('minimize')">
@@ -34,11 +34,11 @@
 		<div class="popup" id="options">
 			<div class="misc">
 				<input class="search" placeholder="%%gui.search%%">
-				<button id="apply" onclick="Settings.apply();Settings.toggle(false)">
+				<button id="apply" onclick="settings.popup.apply();settings.popup.toggle(false)">
 					<img src="icons/apply.png">
 					%%gui.settings.save%%
 				</button>
-				<button id="close" onclick="Settings.toggle(false);Settings.load()">
+				<button id="close" onclick="settings.popup.toggle(false);settings.popup.load()">
 					<img src="icons/close.png">
 					%%gui.settings.discard%%
 				</button>
@@ -91,7 +91,7 @@
 							</div>
 						</div>
 						<div class="actions">
-							<select onchange="Settings.switch(document.querySelector(`.option[name='autolang'] button`), false)">
+							<select onchange="settings.popup.switch(document.querySelector(`.option[name='autolang'] button`), false)">
 								<option></option>
 							</select>
 						</div>
@@ -147,9 +147,9 @@
 							</div>
 						</div>
 						<div class="actions">
-							<button onclick="delete_request_cache()">%%gui.settings.updatebuttons.buttons.reset_cached_api_requests%%</button>
-							<button onclick="force_update_ns()" class="disable-when-installing">%%gui.settings.updatebuttons.buttons.force_northstar_reinstall%%</button>
-							<button onclick="delete_install_cache()" class="disable-when-installing">%%gui.settings.updatebuttons.buttons.force_delete_install_cache%%</button>
+							<button onclick="request.delete_cache()">%%gui.settings.updatebuttons.buttons.reset_cached_api_requests%%</button>
+							<button onclick="update.ns(true)" class="disable-when-installing">%%gui.settings.updatebuttons.buttons.force_northstar_reinstall%%</button>
+							<button onclick="update.delete_cache()" class="disable-when-installing">%%gui.settings.updatebuttons.buttons.force_delete_install_cache%%</button>
 						</div>
 					</div>
 				</details>
@@ -181,12 +181,12 @@
 							</div>
 						</div>
 						<div class="actions">
-							<button onclick="relaunch()">%%gui.settings.miscbuttons.buttons.restart_viper%%</button>
-							<button onclick="reset_config()">%%gui.settings.miscbuttons.buttons.reset_config%%</button>
-							<button onclick="open_gamepath()">%%gui.settings.miscbuttons.buttons.open_gamepath%%</button>
-							<button onclick="kill_game()">%%gui.settings.miscbuttons.buttons.force_quit_game%%</button>
-							<button onclick="kill_origin()">%%gui.settings.miscbuttons.buttons.force_quit_origin%%</button>
-							<button onclick="setpath()" class="disable-when-installing">%%gui.settings.miscbuttons.buttons.change_gamepath%%</button>
+							<button onclick="process.relaunch()">%%gui.settings.miscbuttons.buttons.restart_viper%%</button>
+							<button onclick="settings.reset()">%%gui.settings.miscbuttons.buttons.reset_config%%</button>
+							<button onclick="gamepath.open()">%%gui.settings.miscbuttons.buttons.open_gamepath%%</button>
+							<button onclick="kill('game')">%%gui.settings.miscbuttons.buttons.force_quit_game%%</button>
+							<button onclick="kill('origin')">%%gui.settings.miscbuttons.buttons.force_quit_origin%%</button>
+							<button onclick="gamepath.set()" class="disable-when-installing">%%gui.settings.miscbuttons.buttons.change_gamepath%%</button>
 						</div>
 					</div>
 				</details>
@@ -247,7 +247,7 @@
 						<img src="icons/viper.png"/>
 						<div class="inline" style="margin-top: 20px;">
 							<div id="vpversion"></div> |
-							<a id="setpath" href="#" onclick="setpath()" class="disable-when-installing">%%gui.setpath%%</a>
+							<a id="setpath" href="#" onclick="gamepath.set()" class="disable-when-installing">%%gui.setpath%%</a>
 						</div>
 					</div>
 					<div id="vpReleaseNotes" class="hidden section"></div>
@@ -277,10 +277,10 @@
 					<div id="nsMain" class="section">
 						<div class="img"><img src="../assets/ns.png"></div>
 						<div class="playBtnContainer">
-							<button id="playNsBtn" class="playBtn" onclick="launch()">%%gui.launch%%</button>
+							<button id="playNsBtn" class="playBtn" onclick="launch('northstar')">%%gui.launch%%</button>
 							<div class="inline">
 								<div id="nsversion"></div>
-								<a id="update" href="#" onclick="updateNorthstar()" class="disable-when-installing">(%%gui.update.check%%)</a>
+								<a id="update" href="#" onclick="update.ns()" class="disable-when-installing">(%%gui.update.check%%)</a>
 								<div id="serverstatus" class="checking"></div>
 							</div>
 						</div>
@@ -298,7 +298,7 @@
 										<img src="icons/toggles.png">
 										%%gui.mods.toggle_all%%
 									</button>
-									<button id="installmod" class="bg-blue" onclick="installmod()">
+									<button id="installmod" class="bg-blue" onclick="mods.install_prompt()">
 										<img src="icons/downloads.png">
 										%%gui.mods.install%%
 									</button>
@@ -320,10 +320,11 @@
 					<div class="section">
 						<div class="img"><img src="../assets/vanilla.png"></div>
 						<div class="playBtnContainer">
-							<button class="playBtn" onclick="launchVanilla()">%%gui.launch%%</button>
+							<button class="playBtn" onclick="launch('vanilla')">%%gui.launch%%</button>
 							<div class="inline">
 								<div id="tf2Version"></div>
-								<a id="tfquit" style="display: none" href="#" onclick="kill_game()">(%%ns.menu.force_quit%%)</a>
+								<a id="tfquit" style="display: none"
+									href="#" onclick="kill('game')">(%%ns.menu.force_quit%%)</a>
 							</div>
 						</div>
 					</div>
@@ -331,16 +332,13 @@
 			</div>
 		</div>
 
-		<script src="lang.js"></script>
 		<script src="main.js"></script>
 		<script src="js/misc.js"></script>
 		<script src="js/mods.js"></script>
 		<script src="js/toast.js"></script>
-		<script src="js/events.js"></script>
 		<script src="js/popups.js"></script>
 		<script src="js/tooltip.js"></script>
 		<script src="js/browser.js"></script>
-		<script src="js/settings.js"></script>
 		<script src="js/launcher.js"></script>
 	</body>
 </html>
-- 
cgit v1.2.3


From 7f011d34a2d5e13ba312b44ce6871e48a495ea8f Mon Sep 17 00:00:00 2001
From: 0neGal <mail@0negal.com>
Date: Sat, 8 Jun 2024 18:10:06 +0200
Subject: replace js/misc.js file with js/version.js module

---
 src/app/index.html    |  1 -
 src/app/js/misc.js    | 44 --------------------------------------------
 src/app/js/version.js | 44 ++++++++++++++++++++++++++++++++++++++++++++
 src/app/main.js       |  1 +
 4 files changed, 45 insertions(+), 45 deletions(-)
 delete mode 100644 src/app/js/misc.js
 create mode 100644 src/app/js/version.js

(limited to 'src/app/index.html')

diff --git a/src/app/index.html b/src/app/index.html
index 87a1029..1297d0a 100644
--- a/src/app/index.html
+++ b/src/app/index.html
@@ -333,7 +333,6 @@
 		</div>
 
 		<script src="main.js"></script>
-		<script src="js/misc.js"></script>
 		<script src="js/mods.js"></script>
 		<script src="js/toast.js"></script>
 		<script src="js/popups.js"></script>
diff --git a/src/app/js/misc.js b/src/app/js/misc.js
deleted file mode 100644
index b35f239..0000000
--- a/src/app/js/misc.js
+++ /dev/null
@@ -1,44 +0,0 @@
-version = {
-	is_newer: (version1, version2) => {
-		version1 = version.format(version1, true).split(".");
-		version2 = version.format(version2, true).split(".");
-
-		for (let i = 0; i < version1.length; i++) {
-
-
-			let nums = [
-				parseInt(version1[i]) || 0,
-				parseInt(version2[i]) || 0
-			];
-			if (nums[0] > nums[1]) {
-				return true;
-			} else if (nums[0] < nums[1]) {
-				return false;
-			}
-		}
-
-		return false;
-	},
-	format: (version_number, no_leading_v) => {
-		version_number = version_number.trim();
-
-		if (no_leading_v) {
-			if (version_number[0] == "v") {
-				return version_number.slice(1, version_number.length);
-			}
-
-			return version_number;
-			if (no_leading_v) {
-				return version_number
-			}
-
-			return "v" + version_number;
-		} else {
-			if (version_number[0] != "v") {
-				return "v" + version_number;
-			}
-		}
-
-		return version_number;
-	}
-}
diff --git a/src/app/js/version.js b/src/app/js/version.js
new file mode 100644
index 0000000..97223f9
--- /dev/null
+++ b/src/app/js/version.js
@@ -0,0 +1,44 @@
+module.exports = {
+	is_newer: (version1, version2) => {
+		version1 = version.format(version1, true).split(".");
+		version2 = version.format(version2, true).split(".");
+
+		for (let i = 0; i < version1.length; i++) {
+
+
+			let nums = [
+				parseInt(version1[i]) || 0,
+				parseInt(version2[i]) || 0
+			];
+			if (nums[0] > nums[1]) {
+				return true;
+			} else if (nums[0] < nums[1]) {
+				return false;
+			}
+		}
+
+		return false;
+	},
+	format: (version_number, no_leading_v) => {
+		version_number = version_number.trim();
+
+		if (no_leading_v) {
+			if (version_number[0] == "v") {
+				return version_number.slice(1, version_number.length);
+			}
+
+			return version_number;
+			if (no_leading_v) {
+				return version_number
+			}
+
+			return "v" + version_number;
+		} else {
+			if (version_number[0] != "v") {
+				return "v" + version_number;
+			}
+		}
+
+		return version_number;
+	}
+}
diff --git a/src/app/main.js b/src/app/main.js
index 2ed3053..11f5853 100644
--- a/src/app/main.js
+++ b/src/app/main.js
@@ -30,6 +30,7 @@ const kill = require("./js/kill");
 const update = require("./js/update");
 const events = require("./js/events");
 const launch = require("./js/launch");
+const version = require("./js/version");
 const request = require("./js/request");
 const process = require("./js/process");
 const settings = require("./js/settings");
-- 
cgit v1.2.3


From a8e0f5f0435ed6cedb4ff389ee31c210dab26100 Mon Sep 17 00:00:00 2001
From: 0neGal <mail@0negal.com>
Date: Sat, 8 Jun 2024 18:12:13 +0200
Subject: convert js/mods.js to a CommonJS module

---
 src/app/index.html |  1 -
 src/app/js/mods.js | 13 +++++++++++--
 src/app/main.js    |  1 +
 3 files changed, 12 insertions(+), 3 deletions(-)

(limited to 'src/app/index.html')

diff --git a/src/app/index.html b/src/app/index.html
index 1297d0a..4b89999 100644
--- a/src/app/index.html
+++ b/src/app/index.html
@@ -333,7 +333,6 @@
 		</div>
 
 		<script src="main.js"></script>
-		<script src="js/mods.js"></script>
 		<script src="js/toast.js"></script>
 		<script src="js/popups.js"></script>
 		<script src="js/tooltip.js"></script>
diff --git a/src/app/js/mods.js b/src/app/js/mods.js
index e105c7c..caa66a7 100644
--- a/src/app/js/mods.js
+++ b/src/app/js/mods.js
@@ -1,3 +1,10 @@
+const ipcRenderer = require("electron").ipcRenderer;
+
+const lang = require("../../lang");
+
+const version = require("./version");
+const set_buttons = require("./set_buttons");
+
 let mods = {};
 
 let mods_list = {
@@ -15,7 +22,7 @@ mods.load = (mods_obj) => {
 	modcount.innerHTML = `${lang("gui.mods.count")} ${mods_obj.all.length}`;
 
 	let normalized_names = [];
-	
+
 	let set_mod = (mod) => {
 		let name = mod.name;
 		if (mod.package) {
@@ -185,7 +192,7 @@ mods.load = (mods_obj) => {
 					mods.toggle(mod_versions[mod].local_name);
 				}
 			})
-			
+
 			mod_els[i].remove();
 			modsdiv.querySelector(".line").after(mod_el);
 		} else {
@@ -303,3 +310,5 @@ ipcRenderer.on("mods", (event, mods_obj) => {
 
 	mods.load(mods_obj);
 })
+
+module.exports = mods;
diff --git a/src/app/main.js b/src/app/main.js
index 11f5853..fa4ec86 100644
--- a/src/app/main.js
+++ b/src/app/main.js
@@ -27,6 +27,7 @@ ipcRenderer.on("unknown-error", (event, err) => {
 const json = require("../modules/json");
 
 const kill = require("./js/kill");
+const mods = require("./js/mods");
 const update = require("./js/update");
 const events = require("./js/events");
 const launch = require("./js/launch");
-- 
cgit v1.2.3


From 05b13e99a2ec632c63557c52ec22677b022e7d69 Mon Sep 17 00:00:00 2001
From: 0neGal <mail@0negal.com>
Date: Sat, 8 Jun 2024 18:20:53 +0200
Subject: convert js/toast.js to a CommonJS module

Renamed from `toast.js` to `toasts.js` as well
---
 src/app/index.html    |  1 -
 src/app/js/browser.js | 10 +++----
 src/app/js/toast.js   | 71 -----------------------------------------------
 src/app/js/toasts.js  | 77 +++++++++++++++++++++++++++++++++++++++++++++++++++
 src/app/main.js       |  5 ++--
 5 files changed, 85 insertions(+), 79 deletions(-)
 delete mode 100644 src/app/js/toast.js
 create mode 100644 src/app/js/toasts.js

(limited to 'src/app/index.html')

diff --git a/src/app/index.html b/src/app/index.html
index 4b89999..5d5f0fc 100644
--- a/src/app/index.html
+++ b/src/app/index.html
@@ -333,7 +333,6 @@
 		</div>
 
 		<script src="main.js"></script>
-		<script src="js/toast.js"></script>
 		<script src="js/popups.js"></script>
 		<script src="js/tooltip.js"></script>
 		<script src="js/browser.js"></script>
diff --git a/src/app/js/browser.js b/src/app/js/browser.js
index 00a0933..9a1298a 100644
--- a/src/app/js/browser.js
+++ b/src/app/js/browser.js
@@ -480,7 +480,7 @@ ipcRenderer.on("failed-mod", (event, modname) => {
 	add_recent_toast("failed" + modname);
 
 	set_buttons(true);
-	new Toast({
+	toasts.show({
 		timeout: 10000,
 		scheme: "error",
 		title: lang("gui.toast.title.failed"),
@@ -493,7 +493,7 @@ ipcRenderer.on("legacy-duped-mod", (event, modname) => {
 	add_recent_toast("duped" + modname);
 
 	set_buttons(true);
-	new Toast({
+	toasts.show({
 		timeout: 10000,
 		scheme: "warning",
 		title: lang("gui.toast.title.duped"),
@@ -503,7 +503,7 @@ ipcRenderer.on("legacy-duped-mod", (event, modname) => {
 
 ipcRenderer.on("no-internet", (event, modname) => {
 	set_buttons(true);
-	new Toast({
+	toasts.show({
 		timeout: 10000,
 		scheme: "error",
 		title: lang("gui.toast.title.no_internet"),
@@ -521,7 +521,7 @@ ipcRenderer.on("installed-mod", (event, mod) => {
 	Browser.setbutton(name, lang("gui.browser.reinstall"), "redo");
 
 	if (mod.malformed) {
-		new Toast({
+		toasts.show({
 			timeout: 8000,
 			scheme: "warning",
 			title: lang("gui.toast.title.malformed"),
@@ -529,7 +529,7 @@ ipcRenderer.on("installed-mod", (event, mod) => {
 		})
 	}
 
-	new Toast({
+	toasts.show({
 		scheme: "success",
 		title: lang("gui.toast.title.installed"),
 		description: name + " " + lang("gui.toast.desc.installed")
diff --git a/src/app/js/toast.js b/src/app/js/toast.js
deleted file mode 100644
index e0aba6b..0000000
--- a/src/app/js/toast.js
+++ /dev/null
@@ -1,71 +0,0 @@
-function Toast(properties) {
-	let toast = {
-		timeout: 3000,
-		fg: "#FFFFFF",
-		bg: "var(--selbg)",
-		callback: () => {},
-		title: "Untitled Toast",
-		description: "No description provided for toast",
-		...properties
-	}
-
-	switch(toast.scheme) {
-		case "error":
-			toast.fg = "#FFFFFF";
-			toast.bg = "rgb(var(--red))";
-			break
-		case "success":
-			toast.fg = "#FFFFFF";
-			toast.bg = "#60D394";
-			break
-		case "warning":
-			toast.fg = "#FFFFFF";
-			toast.bg = "#FF9B85";
-			break
-	}
-
-
-	let id = Date.now();
-	if (document.getElementById(id)) {id = id + 1}
-	let el = document.createElement("div");
-
-	el.classList.add("toast");
-
-	el.style.color = toast.fg;
-	el.style.background = toast.bg;
-
-	el.id = id;
-	el.addEventListener("click", () => {
-		dismissToast(id);
-		toast.callback();
-	})
-
-	el.innerHTML = `
-		<div class="title">${toast.title}</div>
-		<div class="description">${toast.description}</div>
-	`
-
-	if (! toast.title) {
-		el.querySelector(".title").remove();
-	}
-
-	if (! toast.description) {
-		el.querySelector(".description").remove();
-	}
-
-	toasts.appendChild(el);
-
-	setTimeout(() => {
-		dismissToast(id);
-	}, toast.timeout)
-}
-
-function dismissToast(id) {
-	id = document.getElementById(id);
-	if (id) {
-		id.classList.add("hidden");
-		setTimeout(() => {
-			id.remove();
-		}, 500)
-	}
-}
diff --git a/src/app/js/toasts.js b/src/app/js/toasts.js
new file mode 100644
index 0000000..c3bba99
--- /dev/null
+++ b/src/app/js/toasts.js
@@ -0,0 +1,77 @@
+let toasts = {};
+
+toasts.show = (properties) => {
+	let toast = {
+		timeout: 3000,
+		fg: "#FFFFFF",
+		bg: "var(--selbg)",
+		callback: () => {},
+		title: "Untitled Toast",
+		description: "No description provided for toast",
+		...properties
+	}
+
+	switch(toast.scheme) {
+		case "error":
+			toast.fg = "#FFFFFF";
+			toast.bg = "rgb(var(--red))";
+			break
+		case "success":
+			toast.fg = "#FFFFFF";
+			toast.bg = "#60D394";
+			break
+		case "warning":
+			toast.fg = "#FFFFFF";
+			toast.bg = "#FF9B85";
+			break
+	}
+
+
+	let id = Date.now();
+	if (document.getElementById(id)) {id = id + 1}
+	let el = document.createElement("div");
+
+	el.classList.add("toast");
+
+	el.style.color = toast.fg;
+	el.style.background = toast.bg;
+
+	el.id = id;
+	el.addEventListener("click", () => {
+		toasts.dismiss(id);
+		toast.callback();
+	})
+
+	el.innerHTML = `
+		<div class="title">${toast.title}</div>
+		<div class="description">${toast.description}</div>
+	`
+
+	if (! toast.title) {
+		el.querySelector(".title").remove();
+	}
+
+	if (! toast.description) {
+		el.querySelector(".description").remove();
+	}
+
+	document.getElementById("toasts").appendChild(el);
+
+	setTimeout(() => {
+		toasts.dismiss(id);
+	}, toast.timeout)
+}
+
+// dismissed/closes toasts with `id` as their ID
+toasts.dismiss = (id) => {
+	id = document.getElementById(id);
+
+	if (id) {
+		id.classList.add("hidden");
+		setTimeout(() => {
+			id.remove();
+		}, 500)
+	}
+}
+
+module.exports = toasts;
diff --git a/src/app/main.js b/src/app/main.js
index fa4ec86..9ad6344 100644
--- a/src/app/main.js
+++ b/src/app/main.js
@@ -6,13 +6,13 @@ const { app, ipcRenderer, shell } = require("electron");
 const lang = require("../lang");
 
 ipcRenderer.on("unknown-error", (event, err) => {
-	new Toast({
+	toasts.show({
 		timeout: 10000,
 		scheme: "error",
 		title: lang("gui.toast.title.unknown_error"),
 		description: lang("gui.toast.desc.unknown_error"),
 		callback: () => {
-			new Toast({
+			toasts.show({
 				timeout: 15000,
 				scheme: "error",
 				title: "",
@@ -28,6 +28,7 @@ const json = require("../modules/json");
 
 const kill = require("./js/kill");
 const mods = require("./js/mods");
+const toasts = require("./js/toasts");
 const update = require("./js/update");
 const events = require("./js/events");
 const launch = require("./js/launch");
-- 
cgit v1.2.3


From 0577977182e7f4be2722f54ae50ff23aa8fe9032 Mon Sep 17 00:00:00 2001
From: 0neGal <mail@0negal.com>
Date: Sat, 8 Jun 2024 18:36:27 +0200
Subject: convert js/launcher.js to a CommonJS module

---
 src/app/index.html     | 19 +++++++++----------
 src/app/js/gamepath.js |  3 ++-
 src/app/js/launcher.js | 40 ++++++++++++++++++++++------------------
 src/app/main.js        |  1 +
 4 files changed, 34 insertions(+), 29 deletions(-)

(limited to 'src/app/index.html')

diff --git a/src/app/index.html b/src/app/index.html
index 5d5f0fc..d6df23e 100644
--- a/src/app/index.html
+++ b/src/app/index.html
@@ -230,17 +230,17 @@
 		</div>
 		
 		<nav class="gamesContainer">
-			<button id="vpBtn" tooltip="%%tooltip.pages.viper%%" tooltip-position="horizontal" onclick="page(0)"></button>
-			<button id="nsBtn" tooltip="%%tooltip.pages.northstar%%" tooltip-position="horizontal" onclick="page(1)"></button>
-			<button id="tfBtn" tooltip="%%tooltip.pages.titanfall%%" tooltip-position="horizontal" onclick="page(2)"></button>
+			<button id="vpBtn" tooltip="%%tooltip.pages.viper%%" tooltip-position="horizontal" onclick="launcher.change_page(0)"></button>
+			<button id="nsBtn" tooltip="%%tooltip.pages.northstar%%" tooltip-position="horizontal" onclick="launcher.change_page(1)"></button>
+			<button id="tfBtn" tooltip="%%tooltip.pages.titanfall%%" tooltip-position="horizontal" onclick="launcher.change_page(2)"></button>
 		</nav>
 
 		<div class="mainContainer">
 			<div id="vpContent" class="contentContainer">
 				<ul class="contentMenu">
-					<li id="vpMainBtn" active onclick="showVpSection('main')">%%viper.menu.main%%</li>
-					<li id="vpReleaseBtn" onclick="showVpSection('release')">%%viper.menu.release%%</li>
-					<li id="vpInfoBtn" onclick="showVpSection('info')">%%viper.menu.info%%</li>
+					<li id="vpMainBtn" active onclick="launcher.show_vp('main')">%%viper.menu.main%%</li>
+					<li id="vpReleaseBtn" onclick="launcher.show_vp('release')">%%viper.menu.release%%</li>
+					<li id="vpInfoBtn" onclick="launcher.show_vp('info')">%%viper.menu.info%%</li>
 				</ul>
 				<div class="contentBody">
 					<div id="vpMain" class="section">
@@ -269,9 +269,9 @@
 
 			<div id="nsContent" class="contentContainer">
 				<ul class="contentMenu">
-					<li id="nsMainBtn" active onclick="showNsSection('main')">%%ns.menu.main%%</li>
-					<li id="nsModsBtn" onclick="showNsSection('mods')">%%ns.menu.mods%%</li>
-					<li id="nsReleaseBtn" onclick="showNsSection('release')">%%ns.menu.release%%</li>
+					<li id="nsMainBtn" active onclick="launcher.show_ns('main')">%%ns.menu.main%%</li>
+					<li id="nsModsBtn" onclick="launcher.show_ns('mods')">%%ns.menu.mods%%</li>
+					<li id="nsReleaseBtn" onclick="launcher.show_ns('release')">%%ns.menu.release%%</li>
 				</ul>
 				<div class="contentBody">
 					<div id="nsMain" class="section">
@@ -336,6 +336,5 @@
 		<script src="js/popups.js"></script>
 		<script src="js/tooltip.js"></script>
 		<script src="js/browser.js"></script>
-		<script src="js/launcher.js"></script>
 	</body>
 </html>
diff --git a/src/app/js/gamepath.js b/src/app/js/gamepath.js
index 80e3158..c3e5c2b 100644
--- a/src/app/js/gamepath.js
+++ b/src/app/js/gamepath.js
@@ -2,6 +2,7 @@ const ipcRenderer = require("electron").ipcRenderer;
 
 const lang = require("../../lang");
 const process = require("./process");
+const launcher = require("./launcher");
 const settings = require("./settings");
 
 // frontend part of settings a new game path
@@ -16,7 +17,7 @@ ipcRenderer.on("newpath", (_, newpath) => {
 
 // a previously valid gamepath no longer exists, and is therefore lost
 ipcRenderer.on("gamepath-lost", () => {
-	page(0);
+	launcher.change_page(0);
 	set_buttons(false, true);
 	alert(lang("gui.gamepath.lost"));
 })
diff --git a/src/app/js/launcher.js b/src/app/js/launcher.js
index 6fe1686..913762b 100644
--- a/src/app/js/launcher.js
+++ b/src/app/js/launcher.js
@@ -1,11 +1,13 @@
 const markdown = require("marked").parse;
 
+let launcher = {};
+
 var servercount;
 var playercount;
 var masterserver;
 
 // changes the main page, this is the tabs in the sidebar
-function page(page) {
+launcher.change_page = (page) => {
 	let btns = document.querySelectorAll(".gamesContainer button");
 	let pages = document.querySelectorAll(".mainContainer .contentContainer");
 
@@ -20,9 +22,9 @@ function page(page) {
 	pages[page].classList.remove("hidden");
 	btns[page].classList.remove("inactive");
 	bgHolder.setAttribute("bg", page);
-}; page(1)
+}; launcher.change_page(1)
 
-function formatRelease(notes) {
+launcher.format_release = (notes) => {
 	if (! notes) {return ""}
 
 	let content = "";
@@ -61,7 +63,7 @@ function formatRelease(notes) {
 
 // sets content of `div` to a single release block with centered text
 // inside it, the text being `lang(lang_key)`
-let set_error_content = (div, lang_key) => {
+launcher.error = (div, lang_key) => {
 	div.innerHTML =
 		"<div class='release-block'>" +
 			"<p><center>" +
@@ -73,39 +75,39 @@ let set_error_content = (div, lang_key) => {
 // updates the Viper release notes
 ipcRenderer.on("vp-notes", (event, response) => {
 	if (! response) {
-		return set_error_content(
+		return launcher.error(
 			vpReleaseNotes,
 			"request.no_vp_release_notes"
 		)
 	}
 
-	vpReleaseNotes.innerHTML = formatRelease(response);
+	vpReleaseNotes.innerHTML = launcher.format_release(response);
 });
 
 // updates the Northstar release notes
 ipcRenderer.on("ns-notes", (event, response) => {
 	if (! response) {
-		return set_error_content(
+		return launcher.error(
 			nsRelease,
 			"request.no_ns_release_notes"
 		)
 	}
 
-	nsRelease.innerHTML = formatRelease(response);
+	nsRelease.innerHTML = launcher.format_release(response);
 });
 
-async function loadVpReleases() {
+launcher.load_vp_notes = async () => {
 	ipcRenderer.send("get-vp-notes");	
-}; loadVpReleases();
+}; launcher.load_vp_notes();
 
-async function loadNsReleases() {
+launcher.load_ns_notes = async () => {
 	ipcRenderer.send("get-ns-notes");
-}; loadNsReleases();
+}; launcher.load_ns_notes();
 
 // TODO: We gotta make this more automatic instead of switch statements
 // it's both not pretty, but adding more sections requires way too much
 // effort, compared to how it should be.
-function showVpSection(section) {
+launcher.show_vp = (section) => {
 	if (!["main", "release", "info", "credits"].includes(section)) throw new Error("unknown vp section");
 	vpMainBtn.removeAttribute("active");
 	vpReleaseBtn.removeAttribute("active");
@@ -131,8 +133,8 @@ function showVpSection(section) {
 	}
 }
 
-function showNsSection(section) {
-	if (!["main", "release", "mods"].includes(section)) {
+launcher.show_ns = (section) => {
+	if (! ["main", "release", "mods"].includes(section)) {
 		throw new Error("unknown ns section");
 	}
 
@@ -161,7 +163,7 @@ function showNsSection(section) {
 	}
 }
 
-async function loadServers() {
+launcher.check_servers = async () => {
 	serverstatus.classList.add("checking");
 
 	try {
@@ -205,9 +207,11 @@ async function loadServers() {
 		serverstatus.innerHTML = lang("gui.server.offline");
 
 	}
-}; loadServers()
+}; launcher.check_servers()
 
 // refreshes every 5 minutes
 setInterval(() => {
-	loadServers();
+	launcher.check_servers();
 }, 300000)
+
+module.exports = launcher;
diff --git a/src/app/main.js b/src/app/main.js
index 9ad6344..b72c1f9 100644
--- a/src/app/main.js
+++ b/src/app/main.js
@@ -37,6 +37,7 @@ const request = require("./js/request");
 const process = require("./js/process");
 const settings = require("./js/settings");
 const gamepath = require("./js/gamepath");
+const launcher = require("./js/launcher");
 const is_running = require("./js/is_running");
 const set_buttons = require("./js/set_buttons");
 
-- 
cgit v1.2.3


From d4d95da09a04cc8b07fbcf6e179f4edb5e662b98 Mon Sep 17 00:00:00 2001
From: 0neGal <mail@0negal.com>
Date: Sat, 8 Jun 2024 18:38:11 +0200
Subject: convert js/tooltip.js to a CommonJS module

It's not actually used anywhere outside of itself, but oh well.
---
 src/app/index.html    | 1 -
 src/app/js/tooltip.js | 2 ++
 src/app/main.js       | 1 +
 3 files changed, 3 insertions(+), 1 deletion(-)

(limited to 'src/app/index.html')

diff --git a/src/app/index.html b/src/app/index.html
index d6df23e..a591a26 100644
--- a/src/app/index.html
+++ b/src/app/index.html
@@ -334,7 +334,6 @@
 
 		<script src="main.js"></script>
 		<script src="js/popups.js"></script>
-		<script src="js/tooltip.js"></script>
 		<script src="js/browser.js"></script>
 	</body>
 </html>
diff --git a/src/app/js/tooltip.js b/src/app/js/tooltip.js
index 13dcd67..f2d97a0 100644
--- a/src/app/js/tooltip.js
+++ b/src/app/js/tooltip.js
@@ -128,3 +128,5 @@ document.addEventListener("mousedown", tooltip_event);
 document.addEventListener("mousemove", tooltip_event);
 document.addEventListener("mouseenter", tooltip_event);
 document.addEventListener("mouseleave", tooltip_event);
+
+module.exports = tooltip;
diff --git a/src/app/main.js b/src/app/main.js
index b72c1f9..04055a8 100644
--- a/src/app/main.js
+++ b/src/app/main.js
@@ -32,6 +32,7 @@ const toasts = require("./js/toasts");
 const update = require("./js/update");
 const events = require("./js/events");
 const launch = require("./js/launch");
+const tooltip = require("./js/tooltip");
 const version = require("./js/version");
 const request = require("./js/request");
 const process = require("./js/process");
-- 
cgit v1.2.3


From 957f2d2ff52c9917960c4c8d55eab3b44f0453bb Mon Sep 17 00:00:00 2001
From: 0neGal <mail@0negal.com>
Date: Sat, 8 Jun 2024 20:17:48 +0200
Subject: convert js/browser.js to a CommonJS module

And `js/popups.js`, but it was already technically a CommonJS module, it
was just leftover in `index.html` due to `js/browser.js` not being a
CommonJS module.
---
 src/app/index.html       |  10 ++--
 src/app/js/browser.js    | 143 ++++++++++++++++++++++++++---------------------
 src/app/js/dom_events.js |   2 +-
 src/app/js/mods.js       |  14 ++---
 src/app/main.js          |   2 +
 5 files changed, 92 insertions(+), 79 deletions(-)

(limited to 'src/app/index.html')

diff --git a/src/app/index.html b/src/app/index.html
index a591a26..ffc13de 100644
--- a/src/app/index.html
+++ b/src/app/index.html
@@ -205,10 +205,10 @@
 
 			<div class="misc">
 				<input class="search" placeholder="%%gui.search%%">
-				<button id="filter" onclick="Browser.filters.toggle()">
+				<button id="filter" onclick="browser.filters.toggle()">
 					<img src="icons/filter.png">
 				</button>
-				<button id="close" onclick="Browser.toggle(false)">
+				<button id="close" onclick="browser.toggle(false)">
 					<img src="icons/close.png">
 				</button>
 			</div>
@@ -218,7 +218,7 @@
 		</div>
 		<div class="popup small blur" id="preview">
 			<div class="misc fixed vertical">
-				<button id="close" onclick="Preview.hide()">
+				<button id="close" onclick="browser.preview.hide()">
 					<img src="icons/close.png">
 				</button>
 				<button id="external" onclick="">
@@ -302,7 +302,7 @@
 										<img src="icons/downloads.png">
 										%%gui.mods.install%%
 									</button>
-									<button id="findmod" class="bg-blue2" onclick="Browser.toggle(true)">
+									<button id="findmod" class="bg-blue2" onclick="browser.toggle(true)">
 										<img src="icons/search.png">
 										%%gui.mods.find%%
 									</button>
@@ -333,7 +333,5 @@
 		</div>
 
 		<script src="main.js"></script>
-		<script src="js/popups.js"></script>
-		<script src="js/browser.js"></script>
 	</body>
 </html>
diff --git a/src/app/js/browser.js b/src/app/js/browser.js
index ec5a31d..d94b970 100644
--- a/src/app/js/browser.js
+++ b/src/app/js/browser.js
@@ -1,18 +1,28 @@
+const Fuse = require("fuse.js");
+const ipcRenderer = require("electron").ipcRenderer;
+
+const lang = require("../../lang");
+
+const popups = require("./popups");
+const toasts = require("./toasts");
+const request = require("./request");
+
 var browser_fuse;
 var packages = [];
 
 var packagecount = 0;
 
-var mod_versions = {};
+var browser_el = document.getElementById("browser")
 
-var Browser = {
+var browser = {
 	maxentries: 50,
+	mod_versions: {},
 	filters: {
 		getpkgs: () => {
 			let pkgs = [];
 			let other = [];
 			for (let i in packages) {
-				if (! Browser.filters.isfiltered(packages[i].categories)) {
+				if (! browser.filters.isfiltered(packages[i].categories)) {
 					pkgs.push(packages[i]);
 				} else {
 					other.push(packages[i]);
@@ -24,7 +34,7 @@ var Browser = {
 		get: () => {
 			let filtered = [];
 			let unfiltered = [];
-			let checks = browser.querySelectorAll("#filters .check");
+			let checks = browser_el.querySelectorAll("#filters .check");
 
 			for (let i = 0; i < checks.length; i++) {
 				if (! checks[i].classList.contains("checked")) {
@@ -40,8 +50,8 @@ var Browser = {
 			};
 		},
 		isfiltered: (categories) => {
-			let filtered = Browser.filters.get().filtered;
-			let unfiltered = Browser.filters.get().unfiltered;
+			let filtered = browser.filters.get().filtered;
+			let unfiltered = browser.filters.get().unfiltered;
 			let state = false;
 
 			let filters = [
@@ -86,15 +96,15 @@ var Browser = {
 		},
 	},
 	toggle: (state) => {
-		browser.scrollTo(0, 0);
+		browser_el.scrollTo(0, 0);
 		popups.set("#browser", state);
 
 		if (state) {
 			if (browserEntries.querySelectorAll(".el").length == 0) {
-				Browser.loadfront();
+				browser.loadfront();
 			}
 		} else if (state === false) {
-			Browser.filters.toggle(false);
+			browser.filters.toggle(false);
 		}
 	},
 	install: (package_obj, clear_queue = false) => {
@@ -140,7 +150,7 @@ var Browser = {
 			}
 
 			let install = () => {
-				return Browser.install({...properties});
+				return browser.install({...properties});
 			}
 
 			packages[i].install = install;
@@ -148,7 +158,7 @@ var Browser = {
 			packages[i].local_version = local_version;
 
 			if (local_version) {
-				mod_versions[normalized] = {
+				browser.mod_versions[normalized] = {
 					install: install,
 					has_update: has_update,
 					local_name: local_name,
@@ -160,7 +170,7 @@ var Browser = {
 		}
 	},
 	loadfront: async () => {
-		Browser.loading();
+		browser.loading();
 
 		packagecount = 0;
 		
@@ -181,26 +191,26 @@ var Browser = {
 				console.error(err)
 			}
 
-			Browser.add_pkg_properties();
+			browser.add_pkg_properties();
 
 			browser_fuse = new Fuse(packages, {
 				keys: ["full_name"]
 			})
 		}
 		
-		let pkgs = Browser.filters.getpkgs();
+		let pkgs = browser.filters.getpkgs();
 		for (let i in pkgs) {
-			if (packagecount >= Browser.maxentries) {
-				Browser.endoflist();
+			if (packagecount >= browser.maxentries) {
+				browser.endoflist();
 				break
 			}
 
-			new BrowserElFromObj(pkgs[i]);
+			browser.mod_el_from_obj(pkgs[i]);
 			packagecount++;
 		}
 	},
 	loading: (string) => {
-		if (Browser.filters.get().unfiltered.length == 0) {
+		if (browser.filters.get().unfiltered.length == 0) {
 			string = lang("gui.browser.no_results");
 		}
 
@@ -214,7 +224,7 @@ var Browser = {
 	},
 	endoflist: (is_end) => {
 		let pkgs = [];
-		let filtered = Browser.filters.getpkgs();
+		let filtered = browser.filters.getpkgs();
 		for (let i = 0; i < filtered.length; i++) {
 			if (filtered[packagecount + i]) {
 				pkgs.push(filtered[packagecount + i]);
@@ -228,26 +238,26 @@ var Browser = {
 		}
 
 		if (pkgs.length == 0 || is_end) {
-			Browser.msg(`${lang('gui.browser.endoflist')}`);
+			browser.msg(`${lang('gui.browser.endoflist')}`);
 			return
 		}
 
-		Browser.msg(`<button id="loadmore">` +
+		browser.msg(`<button id="loadmore">` +
 				`<img src="icons/down.png">` +
 				`<span>${lang("gui.browser.load_more")}</span>` +
 			`</button>`);
 
 		loadmore.addEventListener("click", () => {
-			Browser.loadpkgs(pkgs);
-			Browser.endoflist(! pkgs.length);
+			browser.loadpkgs(pkgs);
+			browser.endoflist(! pkgs.length);
 		})
 	},
 	search: (string) => {
-		Browser.loading();
+		browser.loading();
 		let res = browser_fuse.search(string);
 
 		if (res.length < 1) {
-			Browser.loading(lang("gui.browser.no_results"));
+			browser.loading(lang("gui.browser.no_results"));
 			return
 		}
 
@@ -255,14 +265,14 @@ var Browser = {
 
 		let count = 0;
 		for (let i = 0; i < res.length; i++) {
-			if (count >= Browser.maxentries) {break}
-			if (Browser.filters.isfiltered(res[i].item.categories)) {continue}
-			new BrowserElFromObj(res[i].item);
+			if (count >= browser.maxentries) {break}
+			if (browser.filters.isfiltered(res[i].item.categories)) {continue}
+			browser.mod_el_from_obj(res[i].item);
 			count++;
 		}
 
 		if (count < 1) {
-			Browser.loading(lang("gui.browser.no_results"));
+			browser.loading(lang("gui.browser.no_results"));
 		}
 	},
 	setbutton: (mod, string, icon) => {
@@ -281,7 +291,7 @@ var Browser = {
 		} else {
 			let make = (str) => {
 				if (browserEntries.querySelector(`#mod-${str}`)) {
-					return Browser.setbutton(str, string, icon);
+					return browser.setbutton(str, string, icon);
 				} else {
 					return false;
 				}
@@ -313,17 +323,17 @@ var Browser = {
 
 		let count = 0;
 		for (let i in pkgs) {
-			if (count >= Browser.maxentries) {
+			if (count >= browser.maxentries) {
 				if (pkgs[i] === undefined) {
-					Browser.endoflist(true);
+					browser.endoflist(true);
 				}
 
-				Browser.endoflist();
+				browser.endoflist();
 				break
 			}
 
 			try {
-				new BrowserElFromObj(pkgs[i]);
+				browser.mod_el_from_obj(pkgs[i]);
 			}catch(e) {}
 
 			count++;
@@ -339,18 +349,14 @@ var Browser = {
 	}
 }
 
-setInterval(Browser.add_pkg_properties, 1500);
+setInterval(browser.add_pkg_properties, 1500);
 
 if (navigator.onLine) {
-	Browser.loadfront();
-}
-
-function openExternal(url) {
-	require("electron").shell.openExternal(url);
+	browser.loadfront();
 }
 
 var view = document.querySelector(".popup#preview webview");
-var Preview = {
+browser.preview = {
 	show: () => {
 		preview.classList.add("shown");
 	},
@@ -358,16 +364,21 @@ var Preview = {
 		preview.classList.remove("shown");
 	},
 	set: (url, autoshow) => {
-		if (autoshow != false) {Preview.show()}
+		if (autoshow != false) {browser.preview.show()}
+
 		view.src = url;
-		document.querySelector("#preview #external").setAttribute("onclick", `openExternal("${url}")`);
+
+		document.querySelector("#preview #external").setAttribute(
+			"onclick",
+			`require("electron").shell.openExternal("${url}")`
+		)
 	}
 }
 
-function BrowserElFromObj(obj) {
+browser.mod_el_from_obj = (obj) => {
 	let pkg = {...obj, ...obj.versions[0]};
 
-	new BrowserEl({
+	browser.mod_el({
 		pkg: pkg,
 		title: pkg.name,
 		image: pkg.icon,
@@ -381,8 +392,8 @@ function BrowserElFromObj(obj) {
 	})
 }
 
-function BrowserEl(properties) {
-	if (Browser.filters.isfiltered(properties.categories)) {return}
+browser.mod_el = (properties) => {
+	if (browser.filters.isfiltered(properties.categories)) {return}
 
 	properties = {
 		title: "No name",
@@ -435,7 +446,7 @@ function BrowserEl(properties) {
 				<img src="icons/${installicon}.png">
 				<span>${installstr}</span>
 			</button>
-			<button class="info" onclick="Preview.set('${properties.url}')">
+			<button class="info" onclick="browser.preview.set('${properties.url}')">
 				<img src="icons/open.png">
 				<span>${lang('gui.browser.view')}</span>
 			</button>
@@ -449,7 +460,7 @@ function BrowserEl(properties) {
 	`
 
 	entry.querySelector("button.install").addEventListener("click", () => {
-		Browser.install(properties);
+		browser.install(properties);
 	})
 
 	browserEntries.appendChild(entry);
@@ -466,16 +477,16 @@ function add_recent_toast(name, timeout = 3000) {
 	}, timeout)
 }
 
-ipcRenderer.on("removed-mod", (event, mod) => {
+ipcRenderer.on("removed-mod", (_, mod) => {
 	set_buttons(true);
-	Browser.setbutton(mod.name, lang("gui.browser.install"), "downloads");
+	browser.setbutton(mod.name, lang("gui.browser.install"), "downloads");
 
 	if (mod.manifest_name) {
-		Browser.setbutton(mod.manifest_name, lang("gui.browser.install"), "downloads");
+		browser.setbutton(mod.manifest_name, lang("gui.browser.install"), "downloads");
 	}
 })
 
-ipcRenderer.on("failed-mod", (event, modname) => {
+ipcRenderer.on("failed-mod", (_, modname) => {
 	if (recent_toasts["failed" + modname]) {return}
 	add_recent_toast("failed" + modname);
 
@@ -488,7 +499,7 @@ ipcRenderer.on("failed-mod", (event, modname) => {
 	})
 })
 
-ipcRenderer.on("legacy-duped-mod", (event, modname) => {
+ipcRenderer.on("legacy-duped-mod", (_, modname) => {
 	if (recent_toasts["duped" + modname]) {return}
 	add_recent_toast("duped" + modname);
 
@@ -501,7 +512,7 @@ ipcRenderer.on("legacy-duped-mod", (event, modname) => {
 	})
 })
 
-ipcRenderer.on("no-internet", (event, modname) => {
+ipcRenderer.on("no-internet", () => {
 	set_buttons(true);
 	toasts.show({
 		timeout: 10000,
@@ -511,14 +522,14 @@ ipcRenderer.on("no-internet", (event, modname) => {
 	})
 })
 
-ipcRenderer.on("installed-mod", (event, mod) => {
+ipcRenderer.on("installed-mod", (_, mod) => {
 	if (recent_toasts["installed" + mod.name]) {return}
 	add_recent_toast("installed" + mod.name);
 
 	let name = mod.fancy_name || mod.name;
 
 	set_buttons(true);
-	Browser.setbutton(name, lang("gui.browser.reinstall"), "redo");
+	browser.setbutton(name, lang("gui.browser.reinstall"), "redo");
 
 	if (mod.malformed) {
 		toasts.show({
@@ -549,18 +560,18 @@ let searchtimeout;
 let searchstr = "";
 let search = document.querySelector("#browser .search");
 search.addEventListener("keyup", () => {
-	Browser.filters.toggle(false);
+	browser.filters.toggle(false);
 	clearTimeout(searchtimeout);
 
 	if (searchstr != search.value) {
 		if (search.value.replaceAll(" ", "") == "") {
 			searchstr = "";
-			Browser.loadfront();
+			browser.loadfront();
 			return
 		}
 
 		searchtimeout = setTimeout(() => {
-			Browser.search(search.value);
+			browser.search(search.value);
 			searchstr = search.value;
 		}, 500)
 	}
@@ -568,16 +579,16 @@ search.addEventListener("keyup", () => {
 
 let mouse_events = ["scroll", "mousedown", "touchdown"];
 mouse_events.forEach((event) => {
-	document.body.addEventListener(event, (e) => {
+	document.body.addEventListener(event, () => {
 		let mouse_at = document.elementsFromPoint(mouseX, mouseY);
 
 		if (! mouse_at.includes(document.querySelector("#preview"))) {
-			Preview.hide();
+			browser.preview.hide();
 		}
 
 		if (! mouse_at.includes(document.querySelector("#filter"))
 			&& ! mouse_at.includes(document.querySelector(".overlay"))) {
-			Browser.filters.toggle(false);
+			browser.filters.toggle(false);
 		}
 	})
 });
@@ -605,7 +616,7 @@ view.addEventListener("did-start-loading", () => {
 
 let mouseY = 0;
 let mouseX = 0;
-browser.addEventListener("mousemove", (event) => {
+browser_el.addEventListener("mousemove", (event) => {
 	mouseY = event.clientY;
 	mouseX = event.clientX;
 })
@@ -613,6 +624,8 @@ browser.addEventListener("mousemove", (event) => {
 let checks = document.querySelectorAll(".check");
 for (let i = 0; i < checks.length; i++) {
 	checks[i].setAttribute("onclick", 
-		"this.classList.toggle('checked');Browser.loadfront();search.value = ''"
+		"this.classList.toggle('checked');browser.loadfront();search.value = ''"
 	)
 }
+
+module.exports = browser;
diff --git a/src/app/js/dom_events.js b/src/app/js/dom_events.js
index 73e9998..c16a838 100644
--- a/src/app/js/dom_events.js
+++ b/src/app/js/dom_events.js
@@ -27,7 +27,7 @@ document.addEventListener("drop", (e) => {
 
 document.body.addEventListener("keyup", (e) => {
 	if (e.key == "Escape") {
-		Browser.toggle(false);
+		browser.toggle(false);
 		settings.popup.toggle(false);
 	}
 })
diff --git a/src/app/js/mods.js b/src/app/js/mods.js
index 7110d7e..f463ddb 100644
--- a/src/app/js/mods.js
+++ b/src/app/js/mods.js
@@ -151,8 +151,8 @@ mods.load = (mods_obj) => {
 		let image_el = image_container.querySelector("img")
 		let image_blur_el = image_container.querySelector("img.blur")
 
-		if (mod_versions[mod]) {
-			image_el.src = mod_versions[mod].package.versions[0].icon;
+		if (browser.mod_versions[mod]) {
+			image_el.src = browser.mod_versions[mod].package.versions[0].icon;
 		}
 
 		if (image_el.getAttribute("src") &&
@@ -166,13 +166,13 @@ mods.load = (mods_obj) => {
 			image_container.parentElement.classList.add("has-icon");
 		}
 
-		if (mod_versions[mod]
-			&& mod_versions[mod].has_update) {
+		if (browser.mod_versions[mod]
+			&& browser.mod_versions[mod].has_update) {
 
 			mod_els[i].querySelector(".update").style.display = null;
 
 			mod_els[i].querySelector(".update").setAttribute(
-				"onclick", `mod_versions["${mod}"].install()`
+				"onclick", `browser.mod_versions["${mod}"].install()`
 			)
 
 			if (mod_update_els.includes(mod_els[i].id)) {
@@ -188,8 +188,8 @@ mods.load = (mods_obj) => {
 			mod_el.classList.add("no-animation");
 
 			mod_el.querySelector(".switch").addEventListener("click", () => {
-				if (mod_versions[mod].local_name) {
-					mods.toggle(mod_versions[mod].local_name);
+				if (browser.mod_versions[mod].local_name) {
+					mods.toggle(browser.mod_versions[mod].local_name);
 				}
 			})
 
diff --git a/src/app/main.js b/src/app/main.js
index 04055a8..b33c88b 100644
--- a/src/app/main.js
+++ b/src/app/main.js
@@ -32,6 +32,8 @@ const toasts = require("./js/toasts");
 const update = require("./js/update");
 const events = require("./js/events");
 const launch = require("./js/launch");
+const popups = require("./js/popups");
+const browser = require("./js/browser");
 const tooltip = require("./js/tooltip");
 const version = require("./js/version");
 const request = require("./js/request");
-- 
cgit v1.2.3