show guide button for mods with non-default installation methods

src/app/js/browser.js

@@ -414,25 +414,38 @@ browser.mod_el = (properties) => {
 
 	let installicon = "downloads";
 	let installstr = lang("gui.browser.install");
-	let normalized_mods = [];
+	let installcallback = () => {};
+	let normalized_title = mods.normalize(properties.title)
 
-	for (let i = 0; i < mods.list().all; i++) {
-		normalized_mods.push(mods.normalize(mods_list[i].name));
+	let nondefault_install = {
+		"vanillaplus": "https://github.com/Zayveeo5e/NP.VanillaPlus/blob/main/README.md"
 	}
 
-	if (properties.pkg.local_version) {
+	if (normalized_title in nondefault_install) {
+		installicon = "open";
+		installstr = lang("gui.browser.guide");
+
+		installcallback = () => {
+			browser.preview.set(nondefault_install[normalized_title])
+		}
+	}
+	else if (properties.pkg.local_version) {
 		installicon = "redo";
 		installstr = lang("gui.browser.reinstall");
 
 		if (properties.pkg.has_update) {
 			installicon = "downloads";
 			installstr = lang("gui.browser.update");
 		}
+
+		installcallback = () => {
+			browser.install(properties);
+		}
 	}
 
 	let entry = document.createElement("div");
 	entry.classList.add("el");
-	entry.id = `mod-${mods.normalize(properties.title)}`;
+	entry.id = `mod-${normalized_title}`;
 
 	entry.innerHTML = `
 		<div class="image">
@@ -459,9 +472,7 @@ browser.mod_el = (properties) => {
 		</div>
 	`
 
-	entry.querySelector("button.install").addEventListener("click", () => {
-		browser.install(properties);
-	})
+	entry.querySelector("button.install").addEventListener("click", installcallback)
 
 	browserEntries.appendChild(entry);
 }

src/lang/de.json

@@ -72,6 +72,7 @@
 				"server": "Server-seitig",
 				"skins": "Skins"
 			},
+			"guide": "Anleitung",
 			"info": "Info",
 			"install": "Installieren",
 			"load_more": "Lade mehr...",

src/lang/en.json

@@ -119,6 +119,7 @@
 			"load_more": "Load more...",
 			"end_of_list": "All packages have been loaded.",
 			"no_results": "No results...",
+			"guide": "Guide",
 
 			"filter": {
 				"mods": "Mods",