Deleted 5 JS scripts and moved lots of data into JSON files. Big reor…

…ganization.

src/routes.mjs

@@ -47,9 +47,7 @@ charRandom = insert.chars,
 splashRandom = insert.splash,
 cacheBustList = {
   "styles.css": "styles-1644738239.css",
-  "h5-nav.js": "h5-nav-1644738239.js",
   "common.js": "common-16451543478.js",
-  "links.js": "links-1644738239.js",
 };
 
 export default {

views/assets/css/styles-1644738239.css

@@ -1396,14 +1396,14 @@ iner
   padding: 10px 50px;
 }
 
-#glist {
+.glist {
   font-family: "Lato", sans-serif;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
 }
 
-#glist > a {
+.glist > a {
   display: block;
   text-decoration: none;
   width: 200px;
@@ -1416,11 +1416,11 @@ iner
   flex-shrink: 0;
 }
 
-#glist > a:hover {
+.glist > a:hover {
   border: 2px solid var(--nord11);
 }
 
-#glist > a img {
+.glist > a img {
   pointer-events: none;
   border-radius: 30%;
   width: 200px;
@@ -1430,11 +1430,11 @@ iner
   box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.38);
 }
 
-#glist > a h3 {
+.glist > a h3 {
   margin: 16px 0px;
 }
 
-#glist > a p {
+.glist > a p {
   margin-bottom: 0px;
 }
 
@@ -1454,7 +1454,7 @@ iner
   color: var(--gray);
 }
 
-#flist {
+.flist {
   font-family: "Lato", sans-serif;
   background-color: var(--nord0);
   width: 400px;
@@ -1466,7 +1466,7 @@ iner
   padding-bottom: 2px;
 }
 
-#flist > a {
+.flist > a {
   display: block;
   text-decoration: none;
   text-transform: capitalize;
@@ -1476,7 +1476,7 @@ iner
   border-bottom: none;
 }
 
-#flist > a:hover {
+.flist > a:hover {
   background-color: var(--nord2);
 }
 

views/assets/js/common-16451543478.js

@@ -4,9 +4,6 @@
 /* MAIN Holy Unblocker LTS Common Script
 /* ----------------------------------------------- */
 
-//  Used in scripts outside this file.
-const tryGetElement = id => document.getElementById(id) || {};
-
 //  Get the preferred apex domain name. Not exactly apex, as any
 //  subdomain other than those listed will be ignored.
 const getDomain = () => location.host.replace(/^(?:www|edu|cooking|beta)\./, "");
@@ -402,4 +399,98 @@ addEventListener("DOMContentLoaded", () => {
 
 //  Prevent goProx from being edited.
   Object.freeze(goProx);
-});
+});
+
+//  Load in relevant JSON files used to organize large sets of data.
+//  This first one is for links, whereas the rest are for navigation menus.
+(async () => {
+  const huLinks = await fetch("/assets/json/links.json", {mode: "same-origin"}).then(response => response.json());
+
+  for (let item of Object.entries(huLinks))
+    (document.getElementById(item[0]) || {}).href = item[1];
+
+  const navLists = {
+    "emu-nav": "emu-nav",
+    "emulib-nav": "emulib-nav",
+    "flash-nav": "flash-nav",
+    "h5-nav": "h5-nav"
+  };
+
+  for (let [listId, filename] of Object.entries(navLists)) {
+
+    let navList = document.getElementById(listId);
+
+    if(navList) {
+
+      const data = await fetch(`/assets/json/${filename}.json`, {mode: "same-origin"}).then(response => response.json());
+
+      switch (filename) {
+        case "emu-nav":
+        case "emulib-nav":
+        case "h5-nav": {
+          const dirnames = {
+            "emu-nav": "emu",
+            "emulib-nav": "emulib",
+            "h5-nav": "h5g"
+          },
+          dir = dirnames[filename],
+          clickHandler = parser => e => {
+            if (e.target == a || e.target.tagName != "A") {
+              e.preventDefault();
+              parser();
+            }
+          };
+
+          for (let item of data) {
+            let a = document.createElement("a");
+            a.href = "#";
+
+            let img = document.createElement("img");
+            img.src = `/assets/img/${dir}/` + item.img;
+            let title = document.createElement("h3");
+            title.textContent = item.name;
+            let desc = document.createElement("p");
+            desc.textContent = item.description;
+
+            if (filename === "h5-nav") {
+              if (item.credits === "itch") desc.innerHTML += '<br>Credits: Game can be found <a target="_blank" href="https://itch.io">here</a>.';
+              if (item.credits === "nowgg") desc.innerHTML += '<br>Credits: Game can be found <a target="_blank" href="https://now.gg">here</a>.';
+            }
+
+            a.appendChild(img);
+            a.appendChild(title);
+            a.appendChild(desc);
+
+            let functionsList = [
+              () => goFrame(item.path),
+              () => goFrame("/?eg&core=" + item.core + "&rom=" + item.rom),
+              () => item.custom ? goProx[item.custom](true) : goFrame("/archive/g/" + item.path, item.nolag)
+            ];
+
+            a.addEventListener("click", clickHandler(functionsList[Object.values(dirnames).indexOf(dir)]));
+
+            navList.appendChild(a);
+          }
+          break;
+        }
+
+        case "flash-nav":
+          for (let item of data) {
+            let a = document.createElement("a");
+            a.href = "#";
+            a.textContent = item.slice(0, -4);
+
+            a.addEventListener("click", e => {
+              e.preventDefault();
+              goFrame("/?fg&swf=" + item);
+            });
+
+            navList.appendChild(a);
+          }
+          break;
+
+  //    No default case.
+      }
+    }
+  }
+})();