diff --git a/.prettierignore b/.prettierignore
index 37f04d0..0e82e92 100644
--- a/.prettierignore
+++ b/.prettierignore
@@ -2,4 +2,5 @@ node_modules
dist
coverage
experiments
+share
*.md
diff --git a/eslint.config.js b/eslint.config.js
index 0c82d63..ea26535 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -6,7 +6,14 @@ import globals from "globals";
// eslint-disable-next-line @typescript-eslint/no-deprecated
export default tseslint.config(
{
- ignores: ["dist/**", "node_modules/**", "coverage/**", "experiments/**", "public/sw.js"],
+ ignores: [
+ "dist/**",
+ "node_modules/**",
+ "coverage/**",
+ "experiments/**",
+ "public/sw.js",
+ "share/**",
+ ],
},
js.configs.recommended,
...tseslint.configs.strictTypeChecked,
diff --git a/index.html b/index.html
index bdb5da0..713d813 100644
--- a/index.html
+++ b/index.html
@@ -16,8 +16,8 @@
diff --git a/src/app/layout.ts b/src/app/layout.ts
index 21cb5a7..da2a307 100644
--- a/src/app/layout.ts
+++ b/src/app/layout.ts
@@ -40,12 +40,28 @@ export function createLayout(): {
themeBtn.setAttribute("aria-label", "Toggle light/dark theme");
themeBtn.onclick = () => {
const html = document.documentElement;
- if (html.classList.contains("dark")) { html.classList.remove("dark"); html.classList.add("light"); localStorage.setItem("theme","light"); themeBtn.textContent="☀"; }
- else { document.documentElement.classList.remove("light"); document.documentElement.classList.add("dark"); localStorage.setItem("theme","dark"); themeBtn.textContent="◐"; }
+ if (html.classList.contains("dark")) {
+ html.classList.remove("dark");
+ html.classList.add("light");
+ localStorage.setItem("theme", "light");
+ themeBtn.textContent = "☀";
+ } else {
+ document.documentElement.classList.remove("light");
+ document.documentElement.classList.add("dark");
+ localStorage.setItem("theme", "dark");
+ themeBtn.textContent = "◐";
+ }
};
// Apply saved theme on load
- if (localStorage.getItem("theme") === "dark") { document.documentElement.classList.add("dark"); document.documentElement.classList.remove("light"); themeBtn.textContent="◐"; }
- else { document.documentElement.classList.add("light"); document.documentElement.classList.remove("dark"); themeBtn.textContent="☀"; }
+ if (localStorage.getItem("theme") === "dark") {
+ document.documentElement.classList.add("dark");
+ document.documentElement.classList.remove("light");
+ themeBtn.textContent = "◐";
+ } else {
+ document.documentElement.classList.add("light");
+ document.documentElement.classList.remove("dark");
+ themeBtn.textContent = "☀";
+ }
header.append(themeBtn);
const statusChip = document.createElement("div");
@@ -73,7 +89,18 @@ export function createLayout(): {
nav.className = "side-nav";
nav.setAttribute("aria-label", "Primary navigation");
nav.setAttribute("role", "navigation");
- // Bottom navigation removed — redundant with main-screen buttons.
+ // Persistent navigation: home + the four destinations (contract §7 —
+ // emergency must stay one tap from every screen).
+ const navTargets = [HOME_ROUTE, ...ROUTES];
+ for (const r of navTargets) {
+ const a = document.createElement("a");
+ a.href = r.path;
+ a.className = "side-nav__link";
+ a.setAttribute("data-route", r.path);
+ a.textContent = r.id === "home" ? "Home" : r.label;
+ if (r.id === "emergency") a.classList.add("side-nav__link--emergency");
+ nav.append(a);
+ }
root.append(nav);
return { root, main, nav, brand, statusChip, skipLink };
diff --git a/src/app/map.ts b/src/app/map.ts
index 3f6364c..ddd0438 100644
--- a/src/app/map.ts
+++ b/src/app/map.ts
@@ -18,7 +18,9 @@ export interface MapUrlFactory {
const defaultUrls: MapUrlFactory = {
createUrl: (blob) => URL.createObjectURL(blob),
- revokeUrl: (url) => URL.revokeObjectURL(url),
+ revokeUrl: (url) => {
+ URL.revokeObjectURL(url);
+ },
};
export interface MapHandle {
@@ -43,7 +45,12 @@ export async function loadMapData(urls: MapUrlFactory = defaultUrls): Promise