Seth/clock-site
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Store astronomy location in session storage/cookie and fix moon metrics rendering

Browse Source
This commit is contained in:
Seth
2026-03-09 02:55:17 +00:00
parent b0012d68d3
commit d4848adee5
1 changed files with 37 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
astro.js
+31 -12
View File
@@ -262,21 +262,39 @@ function formatDate(date) {
}
function loadLocation() {
const fallback = { label: "Home", lat: 40.0, lon: -75.0 };
function fromRaw(raw) {
if (!raw) return null;
try {
const raw = localStorage.getItem("astro_location");
if (!raw) return { label: "Home", lat: 40.0, lon: -75.0 };
const d = JSON.parse(raw);
const lat = Number(d.lat);
const lon = Number(d.lon);
if (!Number.isFinite(lat) || !Number.isFinite(lon)) throw new Error("bad loc");
if (!Number.isFinite(lat) || !Number.isFinite(lon)) return null;
return { label: d.label || "Home", lat, lon };
} catch {
return { label: "Home", lat: 40.0, lon: -75.0 };
return null;
}
}
const sessionLoc = fromRaw(sessionStorage.getItem("astro_location"));
if (sessionLoc) return sessionLoc;
const cookieMatch = document.cookie.split("; ").find(x => x.startsWith("astro_location="));
const cookieRaw = cookieMatch ? decodeURIComponent(cookieMatch.slice("astro_location=".length)) : "";
const cookieLoc = fromRaw(cookieRaw);
if (cookieLoc) {
sessionStorage.setItem("astro_location", JSON.stringify(cookieLoc));
return cookieLoc;
}
return fallback;
}
function saveLocation(loc) {
localStorage.setItem("astro_location", JSON.stringify(loc));
const payload = JSON.stringify(loc);
sessionStorage.setItem("astro_location", payload);
document.cookie = `astro_location=${encodeURIComponent(payload)}; path=/; SameSite=Lax`;
}
let locationState = loadLocation();
@@ -299,7 +317,6 @@ function render() {
document.getElementById("moonName").textContent = moonPhaseName(age);
document.getElementById("moonPct").textContent =
`${Math.round(illumination * 100)}% illuminated · ${age.toFixed(1)} days old`;
document.getElementById("moonAge").textContent = `${age.toFixed(1)} days`;
// Next new & full
const jd = jdFromDate(date);
@@ -379,8 +396,8 @@ function initLocationUI() {
const statusEl = document.getElementById("locStatus");
labelEl.value = locationState.label || "Home";
latEl.value = String(locationState.lat);
lonEl.value = String(locationState.lon);
latEl.value = Number(locationState.lat).toFixed(4);
lonEl.value = Number(locationState.lon).toFixed(4);
document.getElementById("locSave").addEventListener("click", () => {
const lat = Number(latEl.value);
@@ -391,6 +408,8 @@ function initLocationUI() {
}
locationState = { label: labelEl.value.trim() || "Home", lat, lon };
saveLocation(locationState);
latEl.value = Number(locationState.lat).toFixed(4);
lonEl.value = Number(locationState.lon).toFixed(4);
statusEl.textContent = `Saved: ${locationState.label}`;
render();
});
@@ -408,8 +427,8 @@ function initLocationUI() {
const data = await r.json();
const p = data?.places?.[0];
if (!p) throw new Error("zip");
latEl.value = String(Number(p.latitude));
lonEl.value = String(Number(p.longitude));
latEl.value = Number(p.latitude).toFixed(4);
lonEl.value = Number(p.longitude).toFixed(4);
if (!labelEl.value.trim()) labelEl.value = `${p["place name"]}, ${p["state abbreviation"]}`;
statusEl.textContent = "ZIP loaded";
} catch {
@@ -425,8 +444,8 @@ function initLocationUI() {
statusEl.textContent = "Getting location...";
navigator.geolocation.getCurrentPosition(
(pos) => {
latEl.value = String(pos.coords.latitude.toFixed(6));
lonEl.value = String(pos.coords.longitude.toFixed(6));
latEl.value = String(pos.coords.latitude.toFixed(4));
lonEl.value = String(pos.coords.longitude.toFixed(4));
if (!labelEl.value.trim()) labelEl.value = "Current Location";
statusEl.textContent = "Location loaded";
},