From 1a289df445aa6cf67f419d002e47f7a4e8701e8b Mon Sep 17 00:00:00 2001
From: Santiago Fisela <santyfisela@gmail.com>
Date: Sun, 22 Mar 2026 12:39:15 -0300
Subject: [PATCH] Github link & nightly toggle

---
 index.html             |  22 ++++++++++-
 public/github-icon.png | Bin 0 -> 275 bytes
 src/main.ts            |  50 ++++++++++++++++++-------
 src/style.css          |  82 ++++++++++++++++++++++++++++++++++++++---
 4 files changed, 133 insertions(+), 21 deletions(-)
 create mode 100644 public/github-icon.png

diff --git a/index.html b/index.html
index 9b5cd97..702ee10 100644
--- a/index.html
+++ b/index.html
@@ -95,9 +95,18 @@
                 <div class="action-buttons">
                   <a href="https://github.com/Emerald-Legacy-Launcher/Emerald-Legacy-Launcher/releases/latest"
                     class="main-btn get-launcher" id="main-download-btn">
-                    <span>Get Launcher</span>
+                    <div class="btn-content">
+                      <span>Get Launcher</span>
+                    </div>
                     <img src="logo.png" class="btn-icon">
                   </a>
+                  <a href="https://github.com/Emerald-Legacy-Launcher/Emerald-Legacy-Launcher"
+                    class="main-btn github-repo" target="_blank">
+                    <div class="btn-content">
+                      <span class="btn-title">GitHub Repo</span>
+                    </div>
+                    <img src="github-icon.png" class="btn-icon-github">
+                  </a>
                   <a href="https://discord.gg/RHGRUwpmVc" class="main-btn join-discord" target="_blank">
                     <div class="btn-content">
                       <span class="btn-title">Join Discord</span>
@@ -311,7 +320,16 @@
   <div id="download-modal" class="modal-overlay">
     <div class="modal-content">
       <div class="modal-header">
-        <h2 id="modal-title">Select Downloader</h2>
+        <div class="header-left">
+          <h2 id="modal-title">Select Downloader</h2>
+          <div class="nightly-toggle-wrapper">
+            <label class="switch">
+              <input type="checkbox" id="nightly-toggle">
+              <span class="slider"></span>
+            </label>
+            <span class="toggle-label">Nightly</span>
+          </div>
+        </div>
         <button id="close-modal" class="close-btn">X</button>
       </div>
       <div id="modal-options" class="modal-options-grid">
diff --git a/public/github-icon.png b/public/github-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..0f0ee21e263fd31c559aafa5b93cb96562bea719
GIT binary patch
literal 275
zcmV+u0qp*XP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800001b5ch_0Itp)
z=>Px#%}GQ-R9J=WmfaGCAP9t|Iq(0<bk(U$mxU;6CT>;sTg0DI28RUJXlBkS0FW9i
zt>rqL-<l8=rgeG)S;D5?BYWT~_f5^8HCuJ%5#f5)v!(`s?p3vj$WCAzXspusQw{F{
zHvn=-xIe^Fiss5l!lp>S59EDY@Bw@Pw*s(N@0lF+XzG1{&OZb|kBJ3CR_!@&0sIdv
zZnv&b1-$NQ08bDQy9uo=SQ{ka6d>^)z^&o_mIqHkSI4SA#vZ^N=BKnuz;-1KKD-Bp
Z#|$#_J3OUR@52B9002ovPDHLkV1k5FaD@N>

literal 0
HcmV?d00001

diff --git a/src/main.ts b/src/main.ts
index 6e78618..a7445d1 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -141,6 +141,8 @@ document.addEventListener('DOMContentLoaded', () => {
   const closeModal = document.getElementById('close-modal');
 
   let latestAssets: any[] = [];
+  let nightlyAssets: any[] = [];
+  let currentOSType = 'Windows';
 
   const detectOS = () => {
     const ua = window.navigator.userAgent.toLowerCase();
@@ -185,27 +187,31 @@ document.addEventListener('DOMContentLoaded', () => {
 
   const openDownloadModal = (osType: string) => {
     if (!modal || !modalOptions || !modalTitle) return;
+    currentOSType = osType;
+
+    const nightlyToggle = document.getElementById('nightly-toggle') as HTMLInputElement;
+    const isNightly = nightlyToggle?.checked || false;
+    const assets = isNightly ? nightlyAssets : latestAssets;
 
-    audio.playSFX('click.wav');
-    const { arch } = detectOS();
     let filteredAssets = [];
     let title = 'Select Downloader';
 
     if (osType === 'Windows') {
-      filteredAssets = latestAssets.filter(a => a.name.endsWith('.exe') || a.name.endsWith('.msi'));
-      title = 'Emerald Legacy for Windows';
+      filteredAssets = assets.filter(a => a.name.endsWith('.exe') || a.name.endsWith('.msi'));
+      title = `Emerald Legacy for Windows ${isNightly ? '(Nightly)' : ''}`;
     } else if (osType === 'macOS') {
-      filteredAssets = latestAssets.filter(a => a.name.endsWith('.dmg'));
-      title = 'Emerald Legacy for macOS';
+      filteredAssets = assets.filter(a => a.name.endsWith('.dmg'));
+      title = `Emerald Legacy for macOS ${isNightly ? '(Nightly)' : ''}`;
     } else if (osType === 'Linux') {
-      filteredAssets = latestAssets.filter(a => a.name.endsWith('.AppImage') || a.name.endsWith('.deb') || a.name.endsWith('.rpm'));
-      title = 'Emerald Legacy for Linux';
+      filteredAssets = assets.filter(a => a.name.endsWith('.AppImage') || a.name.endsWith('.deb') || a.name.endsWith('.rpm'));
+      title = `Emerald Legacy for Linux ${isNightly ? '(Nightly)' : ''}`;
     }
 
+    const { arch } = detectOS();
     const recommended = getRecommendedAsset(osType, arch, filteredAssets);
 
     modalTitle.innerText = title;
-    modalOptions.innerHTML = filteredAssets.map(asset => {
+    modalOptions.innerHTML = filteredAssets.length > 0 ? filteredAssets.map(asset => {
       const isRecommended = asset.name === recommended?.name;
       return `
         <div class="modal-btn-container">
@@ -215,18 +221,34 @@ document.addEventListener('DOMContentLoaded', () => {
           ${isRecommended ? '<span class="splash-text">Recommended!</span>' : ''}
         </div>
       `;
-    }).join('');
+    }).join('') : `<div style="color: grey; font-size: 1.2rem; padding: 20px;">No builds found for this platform.</div>`;
 
     modal.classList.add('active');
   };
 
+  const nightlyToggle = document.getElementById('nightly-toggle');
+  nightlyToggle?.addEventListener('change', () => {
+    audio.playSFX('click.wav');
+    openDownloadModal(currentOSType);
+  });
+
   (window as any).playAudioSFX = (file: string) => audio.playSFX(file);
 
   const updateDownloadButtons = async () => {
     try {
-      const response = await fetch(`https://api.github.com/repos/${repo}/releases/latest`);
-      const data = await response.json();
-      latestAssets = data.assets;
+      const [latestRes, nightlyRes] = await Promise.all([
+        fetch(`https://api.github.com/repos/${repo}/releases/latest`),
+        fetch(`https://api.github.com/repos/${repo}/releases/tags/nightly`)
+      ]);
+
+      const [latestData, nightlyData] = await Promise.all([
+        latestRes.json(),
+        nightlyRes.json()
+      ]);
+
+      latestAssets = latestData.assets || [];
+      nightlyAssets = nightlyData.assets || [];
+
       const { os } = detectOS();
 
       const mainBtn = document.getElementById('main-download-btn');
@@ -248,7 +270,7 @@ document.addEventListener('DOMContentLoaded', () => {
       macBtn?.addEventListener('click', (e) => { e.preventDefault(); openDownloadModal('macOS'); });
 
     } catch (error) {
-      console.error('Error fetching latest release:', error);
+      console.error('Error fetching releases:', error);
     }
   };
 
diff --git a/src/style.css b/src/style.css
index 78f7998..ff2f911 100644
--- a/src/style.css
+++ b/src/style.css
@@ -385,15 +385,19 @@ body {
   z-index: 2;
 }
 
-.get-launcher {
+.get-launcher,
+.github-repo,
+.join-discord {
   justify-content: space-between;
   padding: 0 20px;
+  height: 64px;
 }
 
 .join-discord {
-  flex-direction: row;
-  justify-content: center;
-  height: 56px;
+  font-size: 1.8rem;
+}
+
+.github-repo {
   font-size: 1.8rem;
 }
 
@@ -410,7 +414,8 @@ body {
 }
 
 .btn-icon,
-.btn-icon-discord {
+.btn-icon-discord,
+.btn-icon-github {
   height: 40px;
 }
 
@@ -613,6 +618,73 @@ body {
   margin-bottom: 8px;
 }
 
+.header-left {
+  display: flex;
+  align-items: center;
+  gap: 20px;
+}
+
+.nightly-toggle-wrapper {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  background: #1a1a1a;
+  padding: 4px 12px;
+  border: 2px solid #7c7c7c;
+}
+
+.toggle-label {
+  font-family: var(--font-pixel);
+  font-size: 1.1rem;
+  color: #fff;
+  text-transform: uppercase;
+}
+
+.switch {
+  position: relative;
+  display: inline-block;
+  width: 44px;
+  height: 22px;
+}
+
+.switch input {
+  opacity: 0;
+  width: 0;
+  height: 0;
+}
+
+.slider {
+  position: absolute;
+  cursor: pointer;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: #3c3c3c;
+  transition: .1s;
+  border: 2px solid #7c7c7c;
+}
+
+.slider:before {
+  position: absolute;
+  content: "";
+  height: 14px;
+  width: 14px;
+  left: 2px;
+  bottom: 2px;
+  background-color: #fff;
+  transition: .1s;
+}
+
+input:checked+.slider {
+  background-color: var(--color-emerald);
+  border-color: #fff;
+}
+
+input:checked+.slider:before {
+  transform: translateX(22px);
+}
+
 .modal-header h2 {
   font-size: 2rem;
   color: #fff;