diff --git a/app.js b/app.js deleted file mode 100644 index ae5fa68..0000000 --- a/app.js +++ /dev/null @@ -1,323 +0,0 @@ -const healthEl = document.getElementById("health"); -const globalStatus = document.getElementById("globalStatus"); -const lastUpdated = document.getElementById("lastUpdated"); - -const serverDot = document.getElementById("serverDot"); -const webDot = document.getElementById("webDot"); -const roamDot = document.getElementById("roamDot"); - -const buildBtn = document.getElementById("buildBtn"); -const buildResultEl = document.getElementById("buildResult"); -const logOutput = document.getElementById("logOutput"); - -const orgRoamBtn = document.getElementById("orgRoamBtn"); -const orgRoamResult = document.getElementById("orgRoamResult"); -const orgRoamLogs = document.getElementById("orgRoamLogs"); - -const orgRoamBtn2 = document.getElementById("orgRoamBtn2"); - -let emacsEventSource = null; -let webEventSource = null; -let roamEventSource = null; - -/* ========================================= - HEALTH -========================================= */ - -async function fetchHealth() { - try { - const res = await fetch("/api/health"); - const text = await res.text(); - - healthEl.textContent = "Online"; - healthEl.className = "badge ok"; - - serverDot.className = "dot green"; - globalStatus.className = "global-ok"; - globalStatus.textContent = "🟢 All Systems Running Normally"; - - lastUpdated.textContent = - "Last checked: " + new Date().toLocaleTimeString(); - - } catch { - healthEl.textContent = "Offline"; - healthEl.className = "badge error"; - - serverDot.className = "dot red"; - globalStatus.className = "global-error"; - globalStatus.textContent = "⚠ Attention Required"; - } -} - -// Auto refresh every 10s -setInterval(fetchHealth, 10000); - -/* ========================================= - LOG TOGGLE -========================================= */ - -document.querySelectorAll(".toggleLogs").forEach(btn => { - btn.addEventListener("click", () => { - const target = document.getElementById(btn.dataset.target); - target.classList.toggle("hidden"); - - btn.textContent = - target.classList.contains("hidden") - ? "Show technical details" - : "Hide technical details"; - }); -}); - -/* ========================================= - STREAM HELPERS -========================================= */ - -function startLogStream(url, outputEl, setter) { - const source = new EventSource(url); - - source.onmessage = (event) => { - outputEl.textContent += event.data + "\n"; - outputEl.scrollTop = outputEl.scrollHeight; - }; - - source.onerror = () => { - source.close(); - }; - - setter(source); -} - -function closeStream(source) { - if (source) source.close(); -} - -/* ========================================= - WEBSITE BUILD -========================================= */ - -async function runWebBuild() { - if (!confirm("This will update the website. Continue?")) return; - - buildBtn.disabled = true; - buildResultEl.textContent = "🔄 Updating website..."; - webDot.className = "dot yellow"; - logOutput.textContent = ""; - - try { - const res = await fetch("/api/build-web", { method: "POST" }); - if (!res.ok) throw new Error(); - - closeStream(webEventSource); - - startLogStream("/api/build-web/logs", logOutput, src => webEventSource = src); - - pollWebStatus(); - - } catch { - buildResultEl.textContent = "❌ Could not start update"; - buildBtn.disabled = false; - webDot.className = "dot red"; - } -} - -async function pollWebStatus() { - const interval = setInterval(async () => { - const res = await fetch("/api/build-web/status"); - const status = await res.json(); - - if (!status.running) { - clearInterval(interval); - closeStream(webEventSource); - buildBtn.disabled = false; - - if (status.lastExitCode === 0) { - buildResultEl.textContent = "✅ Website updated successfully"; - webDot.className = "dot green"; - } else { - buildResultEl.textContent = - "⚠ Update finished with issue (code " + status.lastExitCode + ")"; - webDot.className = "dot red"; - } - } - }, 2000); -} - -/* ========================================= - ORG ROAM BUILD -========================================= */ - -async function runOrgRoamBuild() { - if (!confirm("Refresh the knowledge base?")) return; - - orgRoamBtn.disabled = true; - orgRoamResult.textContent = "🔄 Refreshing notes..."; - roamDot.className = "dot yellow"; - orgRoamLogs.textContent = ""; - - try { - const res = await fetch("/api/build-roam", { method: "POST" }); - if (!res.ok) throw new Error(); - - closeStream(roamEventSource); - - startLogStream("/api/build-roam/logs", orgRoamLogs, src => roamEventSource = src); - - pollRoamStatus(); - - } catch { - orgRoamResult.textContent = "❌ Could not start refresh"; - orgRoamBtn.disabled = false; - roamDot.className = "dot red"; - } -} - -async function pollRoamStatus() { - const interval = setInterval(async () => { - const res = await fetch("/api/build-roam/status"); - const status = await res.json(); - - if (!status.running) { - clearInterval(interval); - closeStream(roamEventSource); - orgRoamBtn.disabled = false; - - if (status.lastExitCode === 0) { - orgRoamResult.textContent = "✅ Notes refreshed successfully"; - roamDot.className = "dot green"; - } else { - orgRoamResult.textContent = - "⚠ Refresh finished with issue (code " + status.lastExitCode + ")"; - roamDot.className = "dot red"; - } - } - }, 2000); -} - -/* ========================================= -ORG ROAM BUILD 2 (EXAMPLE OF SECOND BUILD BUTTON) -========================================= */ - -async function rerunEmacs() { - - if (!confirm("Rerun Emacs now?")) return; - - orgRoamBtn2.disabled = true; - orgRoamResult.textContent = "🔄 Running Emacs..."; - roamDot.className = "dot yellow"; - orgRoamLogs.textContent = ""; - - try { - - const res = await fetch("/api/rerun-emacs", { method: "POST" }); - if (!res.ok) throw new Error(); - - closeStream(emacsEventSource); - - startLogStream("/api/rerun-emacs/logs", orgRoamLogs, src => emacsEventSource = src); - - pollEmacsStatus(); - - } catch { - - orgRoamResult.textContent = "❌ Could not start Emacs"; - orgRoamBtn2.disabled = false; - roamDot.className = "dot red"; - - } - -} -async function pollEmacsStatus() { - - const interval = setInterval(async () => { - - const res = await fetch("/api/rerun-emacs/status"); - const status = await res.json(); - - if (!status.running) { - - clearInterval(interval); - closeStream(emacsEventSource); - - orgRoamBtn2.disabled = false; - - if (status.lastExitCode === 0 || status.lastExitCode === 124) { - - orgRoamResult.textContent = "✅ Emacs completed"; - roamDot.className = "dot green"; - - } else { - - orgRoamResult.textContent = - "⚠ Emacs finished with issue (code " + status.lastExitCode + ")"; - - roamDot.className = "dot red"; - - } - - } - - }, 2000); - -} - -/* ========================================= - DAILY MESSAGE -========================================= */ - -const messages = [ - "You are my favourite person.", -]; - -function setDailyMessage() { - const today = new Date().toDateString(); - const index = today.split("").reduce((acc, char) => acc + char.charCodeAt(0), 0) % messages.length; - - document.getElementById("dailyMessage").textContent = messages[index]; -} - -setDailyMessage(); - -/* ========================================= - COUNTDOWN (LIVE - UPDATES EVERY SECOND) -========================================= */ - -function startCountdown() { - const targetDate = new Date("2026-08-03T00:00:00"); // change this - const label = "Nikah"; - - const countdownEl = document.getElementById("countdownText"); - - function updateCountdown() { - const now = new Date(); - const diff = targetDate - now; - - if (diff <= 0) { - countdownEl.textContent = `${label} is happening now! 🎉`; - clearInterval(interval); - return; - } - - const days = Math.floor(diff / (1000 * 60 * 60 * 24)); - const hours = Math.floor((diff / (1000 * 60 * 60)) % 24); - const minutes = Math.floor((diff / (1000 * 60)) % 60); - const seconds = Math.floor((diff / 1000) % 60); - - countdownEl.textContent = - `${label} in ${days}d ${hours}h ${minutes}m ${seconds}s`; - } - - updateCountdown(); - const interval = setInterval(updateCountdown, 1000); -} - -startCountdown(); - - -/* ========================================= - INIT -========================================= */ - -fetchHealth(); -buildBtn.addEventListener("click", runWebBuild); -orgRoamBtn.addEventListener("click", runOrgRoamBuild); -orgRoamBtn2.addEventListener("click", rerunEmacs); diff --git a/app.js~ b/app.js~ deleted file mode 100644 index 11ea8a7..0000000 --- a/app.js~ +++ /dev/null @@ -1,253 +0,0 @@ -const healthEl = document.getElementById("health"); -const globalStatus = document.getElementById("globalStatus"); -const lastUpdated = document.getElementById("lastUpdated"); - -const serverDot = document.getElementById("serverDot"); -const webDot = document.getElementById("webDot"); -const roamDot = document.getElementById("roamDot"); - -const buildBtn = document.getElementById("buildBtn"); -const buildResultEl = document.getElementById("buildResult"); -const logOutput = document.getElementById("logOutput"); - -const orgRoamBtn = document.getElementById("orgRoamBtn"); -const orgRoamResult = document.getElementById("orgRoamResult"); -const orgRoamLogs = document.getElementById("orgRoamLogs"); - -let webEventSource = null; -let roamEventSource = null; - -/* ========================================= - HEALTH -========================================= */ - -async function fetchHealth() { - try { - const res = await fetch("/api/health"); - const text = await res.text(); - - healthEl.textContent = "Online"; - healthEl.className = "badge ok"; - - serverDot.className = "dot green"; - globalStatus.className = "global-ok"; - globalStatus.textContent = "🟢 All Systems Running Normally"; - - lastUpdated.textContent = - "Last checked: " + new Date().toLocaleTimeString(); - - } catch { - healthEl.textContent = "Offline"; - healthEl.className = "badge error"; - - serverDot.className = "dot red"; - globalStatus.className = "global-error"; - globalStatus.textContent = "⚠ Attention Required"; - } -} - -// Auto refresh every 10s -setInterval(fetchHealth, 10000); - -/* ========================================= - LOG TOGGLE -========================================= */ - -document.querySelectorAll(".toggleLogs").forEach(btn => { - btn.addEventListener("click", () => { - const target = document.getElementById(btn.dataset.target); - target.classList.toggle("hidden"); - - btn.textContent = - target.classList.contains("hidden") - ? "Show technical details" - : "Hide technical details"; - }); -}); - -/* ========================================= - STREAM HELPERS -========================================= */ - -function startLogStream(url, outputEl, setter) { - const source = new EventSource(url); - - source.onmessage = (event) => { - outputEl.textContent += event.data + "\n"; - outputEl.scrollTop = outputEl.scrollHeight; - }; - - source.onerror = () => { - source.close(); - }; - - setter(source); -} - -function closeStream(source) { - if (source) source.close(); -} - -/* ========================================= - WEBSITE BUILD -========================================= */ - -async function runWebBuild() { - if (!confirm("This will update the website. Continue?")) return; - - buildBtn.disabled = true; - buildResultEl.textContent = "🔄 Updating website..."; - webDot.className = "dot yellow"; - logOutput.textContent = ""; - - try { - const res = await fetch("/api/build-web", { method: "POST" }); - if (!res.ok) throw new Error(); - - closeStream(webEventSource); - - startLogStream("/api/build-web/logs", logOutput, src => webEventSource = src); - - pollWebStatus(); - - } catch { - buildResultEl.textContent = "❌ Could not start update"; - buildBtn.disabled = false; - webDot.className = "dot red"; - } -} - -async function pollWebStatus() { - const interval = setInterval(async () => { - const res = await fetch("/api/build-web/status"); - const status = await res.json(); - - if (!status.running) { - clearInterval(interval); - closeStream(webEventSource); - buildBtn.disabled = false; - - if (status.lastExitCode === 0) { - buildResultEl.textContent = "✅ Website updated successfully"; - webDot.className = "dot green"; - } else { - buildResultEl.textContent = - "⚠ Update finished with issue (code " + status.lastExitCode + ")"; - webDot.className = "dot red"; - } - } - }, 2000); -} - -/* ========================================= - ORG ROAM BUILD -========================================= */ - -async function runOrgRoamBuild() { - if (!confirm("Refresh the knowledge base?")) return; - - orgRoamBtn.disabled = true; - orgRoamResult.textContent = "🔄 Refreshing notes..."; - roamDot.className = "dot yellow"; - orgRoamLogs.textContent = ""; - - try { - const res = await fetch("/api/build-roam", { method: "POST" }); - if (!res.ok) throw new Error(); - - closeStream(roamEventSource); - - startLogStream("/api/build-roam/logs", orgRoamLogs, src => roamEventSource = src); - - pollRoamStatus(); - - } catch { - orgRoamResult.textContent = "❌ Could not start refresh"; - orgRoamBtn.disabled = false; - roamDot.className = "dot red"; - } -} - -async function pollRoamStatus() { - const interval = setInterval(async () => { - const res = await fetch("/api/build-roam/status"); - const status = await res.json(); - - if (!status.running) { - clearInterval(interval); - closeStream(roamEventSource); - orgRoamBtn.disabled = false; - - if (status.lastExitCode === 0) { - orgRoamResult.textContent = "✅ Notes refreshed successfully"; - roamDot.className = "dot green"; - } else { - orgRoamResult.textContent = - "⚠ Refresh finished with issue (code " + status.lastExitCode + ")"; - roamDot.className = "dot red"; - } - } - }, 2000); -} - -/* ========================================= - DAILY MESSAGE -========================================= */ - -const messages = [ - "You are my favourite person.", -]; - -function setDailyMessage() { - const today = new Date().toDateString(); - const index = today.split("").reduce((acc, char) => acc + char.charCodeAt(0), 0) % messages.length; - - document.getElementById("dailyMessage").textContent = messages[index]; -} - -setDailyMessage(); -/* ========================================= - COUNTDOWN -========================================= */ - -/* ========================================= - COUNTDOWN (LIVE - UPDATES EVERY SECOND) -========================================= */ - -function startCountdown() { - const targetDate = new Date("2026-08-03T00:00:00"); // change this - const label = "Nikah"; - - const countdownEl = document.getElementById("countdownText"); - - function updateCountdown() { - const now = new Date(); - const diff = targetDate - now; - - if (diff <= 0) { - countdownEl.textContent = `${label} is happening now! 🎉`; - clearInterval(interval); - return; - } - - const days = Math.floor(diff / (1000 * 60 * 60 * 24)); - const hours = Math.floor((diff / (1000 * 60 * 60)) % 24); - const minutes = Math.floor((diff / (1000 * 60)) % 60); - const seconds = Math.floor((diff / 1000) % 60); - - countdownEl.textContent = - `${label} in ${days}d ${hours}h ${minutes}m ${seconds}s`; - } - - updateCountdown(); - const interval = setInterval(updateCountdown, 1000); -} - -startCountdown(); -/* ========================================= - INIT -========================================= */ - -fetchHealth(); -buildBtn.addEventListener("click", runWebBuild); -orgRoamBtn.addEventListener("click", runOrgRoamBuild); diff --git a/index.html~ b/index.html~ deleted file mode 100644 index c9f8544..0000000 --- a/index.html~ +++ /dev/null @@ -1,44 +0,0 @@ - - - - - Server Zone - - - - -
-

Server Zone

- - -
-

Status

-

- Server Status: - Loading... -

-

- Health: - Loading... -

-
- -
-

Build

- -

Idle

- - 

-    

-    

-      
Org Roam

-      
-      
Idle

-      

-    

-
-  

-
-  
-
-
diff --git a/style.css b/style.css
deleted file mode 100644
index 3c72ba6..0000000
--- a/style.css
+++ /dev/null
@@ -1,185 +0,0 @@
-* {
-  box-sizing: border-box;
-  font-family: system-ui, -apple-system, monospace;
-}
-
-body {
-  margin: 0;
-  background: #0f172a;
-  color: #e5e7eb;
-}
-
-.container {
-  max-width: 900px;
-  margin: 2rem auto;
-  padding: 1rem;
-}
-
-h1 {
-  margin-bottom: 1.5rem;
-}
-
-.card {
-  background: #020617;
-  border: 1px solid #1e293b;
-  border-radius: 8px;
-  padding: 1.2rem;
-  margin-bottom: 1.2rem;
-  transition: 0.2s ease;
-}
-
-.card:hover {
-  border-color: #334155;
-}
-
-/* Global Banner */
-
-.global-ok {
-  background: #064e3b;
-  padding: 0.8rem;
-  border-radius: 8px;
-  text-align: center;
-  margin-bottom: 1rem;
-  font-weight: bold;
-}
-
-.global-error {
-  background: #7f1d1d;
-  padding: 0.8rem;
-  border-radius: 8px;
-  text-align: center;
-  margin-bottom: 1rem;
-  font-weight: bold;
-}
-
-/* Overview */
-
-.overview {
-  display: flex;
-  justify-content: space-between;
-  margin-bottom: 1rem;
-}
-
-.stat {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-}
-
-.dot {
-  width: 10px;
-  height: 10px;
-  border-radius: 50%;
-}
-
-.green { background: #22c55e; }
-.red { background: #ef4444; }
-.yellow { background: #eab308; }
-
-/* Buttons */
-
-button {
-  background: #1d4ed8;
-  color: white;
-  border: none;
-  padding: 0.6rem 1rem;
-  border-radius: 6px;
-  cursor: pointer;
-  margin-top: 0.5rem;
-}
-
-button:disabled {
-  background: #475569;
-  cursor: not-allowed;
-}
-
-.toggleLogs {
-  background: transparent;
-  color: #94a3b8;
-  margin-top: 0.5rem;
-}
-
-/* Badges */
-
-.badge {
-  padding: 0.2rem 0.6rem;
-  border-radius: 6px;
-  font-weight: bold;
-}
-
-.badge.ok {
-  background: #166534;
-  color: #dcfce7;
-}
-
-.badge.error {
-  background: #7f1d1d;
-  color: #fee2e2;
-}
-
-.badge.neutral {
-  background: #334155;
-}
-
-/* Logs */
-
-.log-box {
-  background: #111;
-  color: #22c55e;
-  padding: 1rem;
-  height: 250px;
-  overflow-y: auto;
-  border-radius: 8px;
-  margin-top: 0.5rem;
-  font-size: 0.85rem;
-}
-
-.hidden {
-  display: none;
-}
-
-.muted {
-  color: #94a3b8;
-  margin-top: 0.5rem;
-}
-
-/* Mobile */
-
-@media (max-width: 600px) {
-  .overview {
-    flex-direction: column;
-    gap: 0.5rem;
-  }
-
-  button {
-    width: 100%;
-  }
-}
-.quick-links {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
-  gap: 1rem;
-  margin-top: 1rem;
-}
-
-.link-card {
-  background: #111827;
-  border: 1px solid #1e293b;
-  padding: 1rem;
-  border-radius: 10px;
-  text-align: center;
-  text-decoration: none;
-  color: #e5e7eb;
-  transition: 0.2s ease;
-  font-weight: 500;
-}
-
-.link-card:hover {
-  background: #1e293b;
-  transform: translateY(-3px);
-}
-.daily-message {
-  font-size: 1.1rem;
-  font-style: italic;
-  margin-top: 0.5rem;
-}
diff --git a/style.css~ b/style.css~
deleted file mode 100644
index 543f588..0000000
--- a/style.css~
+++ /dev/null
@@ -1,79 +0,0 @@
-* {
-  box-sizing: border-box;
-  font-family: system-ui, monospace;
-}
-
-body {
-  margin: 0;
-  padding: 0;
-  background: #0f172a;
-  color: #e5e7eb;
-}
-
-.container {
-  max-width: 800px;
-  margin: 2rem auto;
-  padding: 1rem;
-}
-
-h1 {
-  margin-bottom: 1.5rem;
-}
-
-.card {
-  background: #020617;
-  border: 1px solid #1e293b;
-  border-radius: 6px;
-  padding: 1rem;
-  margin-bottom: 1rem;
-}
-
-button {
-  background: #1d4ed8;
-  color: white;
-  border: none;
-  padding: 0.5rem 1rem;
-  border-radius: 4px;
-  cursor: pointer;
-}
-
-button:disabled {
-  background: #475569;
-  cursor: not-allowed;
-}
-
-.badge {
-  padding: 0.15rem 0.5rem;
-  border-radius: 4px;
-  font-weight: bold;
-}
-
-.badge.ok {
-  background: #166534;
-  color: #dcfce7;
-}
-
-.badge.error {
-  background: #7f1d1d;
-  color: #fee2e2;
-}
-
-.badge.neutral {
-  background: #334155;
-  color: #e5e7eb;
-}
-
-.muted {
-  color: #94a3b8;
-  margin-top: 0.5rem;
-}
-.log-box {
-  margin-top: 1rem;
-  background: #000;
-  color: #00ff88;
-  padding: 1rem;
-  height: 300px;
-  overflow-y: auto;
-  font-size: 0.85rem;
-  border-radius: 4px;
-}