Organized the differences between server and docker versions.

We are launching a docker version (server version) today so we want to just organize the repo
so its easier to navigate.

desktop/src/scripts/updateNotifier.js

@@ -0,0 +1,102 @@
+const Gitea_OWNER = "ItsSkaiya";
+const Gitea_REPO = "WaifuBoard";
+const CURRENT_VERSION = "v2.0.0-rc.0";
+const UPDATE_CHECK_INTERVAL = 5 * 60 * 1000;
+
+let currentVersionDisplay;
+let latestVersionDisplay;
+let updateToast;
+
+document.addEventListener("DOMContentLoaded", () => {
+  currentVersionDisplay = document.getElementById("currentVersionDisplay");
+  latestVersionDisplay = document.getElementById("latestVersionDisplay");
+  updateToast = document.getElementById("updateToast");
+
+  if (currentVersionDisplay) {
+    currentVersionDisplay.textContent = CURRENT_VERSION;
+  }
+
+  checkForUpdates();
+
+  setInterval(checkForUpdates, UPDATE_CHECK_INTERVAL);
+});
+
+function showToast(latestVersion) {
+  if (latestVersionDisplay && updateToast) {
+    latestVersionDisplay.textContent = latestVersion;
+    updateToast.classList.add("update-available");
+    updateToast.classList.remove("hidden");
+  } else {
+    console.error(
+      "Error: Cannot display toast because one or more DOM elements were not found.",
+    );
+  }
+}
+
+function hideToast() {
+  if (updateToast) {
+    updateToast.classList.add("hidden");
+    updateToast.classList.remove("update-available");
+  }
+}
+
+function isVersionOutdated(versionA, versionB) {
+  const vA = versionA.replace(/^v/, "").split(".").map(Number);
+  const vB = versionB.replace(/^v/, "").split(".").map(Number);
+
+  for (let i = 0; i < Math.max(vA.length, vB.length); i++) {
+    const numA = vA[i] || 0;
+    const numB = vB[i] || 0;
+
+    if (numA < numB) return true;
+    if (numA > numB) return false;
+  }
+
+  return false;
+}
+
+async function checkForUpdates() {
+  console.log(`Checking for updates for ${Gitea_OWNER}/${Gitea_REPO}...`);
+
+  const apiUrl = `https://git.waifuboard.app/api/v1/repos/${Gitea_OWNER}/${Gitea_REPO}/releases/latest`;
+
+  try {
+    const response = await fetch(apiUrl, {
+      method: "GET",
+      headers: {
+        Accept: "application/json",
+      },
+    });
+
+    if (!response.ok) {
+      if (response.status === 404) {
+        console.info("No releases found for this repository.");
+        return;
+      }
+      throw new Error(
+        `Gitea API error: ${response.status} ${response.statusText}`,
+      );
+    }
+
+    const data = await response.json();
+
+    const latestVersion = data.tag_name;
+
+    if (!latestVersion) {
+      console.warn("Release found but no tag_name present");
+      return;
+    }
+
+    console.log(`Latest Gitea Release: ${latestVersion}`);
+
+    if (isVersionOutdated(CURRENT_VERSION, latestVersion)) {
+      console.warn("Update available!");
+      showToast(latestVersion);
+    } else {
+      console.info("Package is up to date.");
+      hideToast();
+    }
+  } catch (error) {
+    console.error("Failed to fetch Gitea release:", error);
+  }
+}