Compare commits

..

19 commits

Author SHA1 Message Date
22fad9e1db Fjern shelters.json frå git-sporing
Fila vart lagt til .gitignore i 012da23 men var framleis spora.
Ho vert generert av `bun run fetch-shelters` og skal ikkje versjonerast.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-23 16:44:11 +01:00
029cfa45f9 Bump versjon til v1.8.0 (versionCode 12)
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-23 16:39:16 +01:00
015bc0d926 Bytt djuplenkjer frå tilfluktsrom:// til HTTPS App Links
SMS-appar gjenkjenner ikkje eigendefinerte URI-skjema som klikkbare
lenkjer. Brukar no https://tilfluktsrom.naiv.no/shelter/{id} som
opnar appen direkte (Android App Links med autoVerify) eller fell
tilbake til PWA i nettlesaren.

Android: DEEP_LINK_DOMAIN i build.gradle.kts, HTTPS intent-filter,
oppdatert handleDeepLinkIntent og shareShelter med HTTPS-URL.

PWA: assetlinks.json for Android-verifisering, djuplenkjehandtering
i app.ts, base-sti endra frå './' til '/', config.ts for domene.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-23 16:37:13 +01:00
ae249d5d47 Dokumenter arkitektur for Android-app og PWA
Beskriver designprinsipp, datapipeline, plattformspesifikke
implementasjonsdetaljar, delte algoritmar (Haversine, UTM-konvertering),
fråkobla-først-strategi og sikkerheit/personvern.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-23 16:04:49 +01:00
7d40c9e9a8 Fiks PWA: sivilforsvarsinfo, knappetekst og kompassvisning
- Info-knappen (ℹ) åpner nå sivilforsvarsdialog med alle 5 steg,
  med «Om»-lenke i bunnen (som Android-appen)
- Laste-overleggets knapper («Lagre kart» / «Hopp over») får
  tekst fra i18n i stedet for å være tomme
- Kompassvisningen resizes canvas når den blir synlig, fikser
  0×0-canvas når den initialiseres mens containeren er skjult

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-23 15:51:42 +01:00
012da23628 Legg shelters.json til .gitignore
Filen genereres ved bygging fra Geonorge-data og skal ikke
spores i git.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-23 15:41:19 +01:00
85c3d6953c Gjør PWA-stier relative for fleksibel utrulling
Appen kan nå serveres både på / og under en understi som
/tilfluktsrom uten endringer.

- Sett base: './' i vite.config.ts
- Endre alle absolutte stier i index.html til relative
- Oppdater manifest.webmanifest med start_url: "." og scope: "."
- navigateFallback uten ledende skråstrek

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-23 15:35:39 +01:00
8e6dbb6b24 Dokumenter utgivelsesprosess med PWA-distribusjon
Legger til Release Process-seksjon i CLAUDE.md med:
- Steg-for-steg for å lage ny utgivelse
- Bygging av Android APK-er og PWA-tarball
- fj release create og fj release asset create syntaks
- Oppdatert Distribution-seksjon med PWA-tarball

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-23 15:30:24 +01:00
4a95e0e23f Fjern unpkg CDN-avhengigheit og legg til slett-buffer-knapp
Leaflet vendora:
- Fjerna CDN <link> for Leaflet CSS (allereie bundla via npm-import)
- Kartmarkør-ikon brukar bundla bilete i staden for unpkg URL-ar
- CSP stramma: unpkg ikkje lenger naudsynt i style-src/img-src

Slett buffer:
- «Slett lagra data»-knapp i om-dialogen
- Slettar localStorage, IndexedDB og tenestararbeidar-bufferar
- Lokalisert til en/nb/nn

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-23 15:10:30 +01:00
97225d1e77 Bump versjon til v1.7.0 (versionCode 11)
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-23 15:03:19 +01:00
a829742fe6 Dokumenter bruk av emulator og Maestro for skjermbilete
Legg til Screenshots-seksjon i CLAUDE.md med:
- Emulatoroppsett (AVD, headless start, fake GPS)
- Maestro v2.3.0 for repeterbare skjermbiletesekvensar
- Fastlane-mappestiar for alle tre språk
- Liste over gjeldande skjermbilete

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-23 15:00:44 +01:00
73937c163d Oppdater skjermbilete og README med nye funksjonar
Nye skjermbilete frå emulator (Bergen sentrum):
- Kartvisning, valt tilfluktsrom, kompass med nordindikator,
  sivilforsvarsinfo, og ny om-side med personvernerklæring

README oppdatert:
- Femte skjermbilete (om-side) lagt til
- Nordindikator og tilgjengelegheit nemnde i funksjonslista
- Datakjelde retta: DSB, distribuert via Geonorge
- Sikkerheitsavsnittet utfylt med CSP, 24t GPS-utløp, User-Agent
- Personvernavsnittet utvida

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-23 14:57:26 +01:00
b34408bc7b Rett datakjelde: tilfluktsromdata kjem frå DSB, ikkje Geonorge
Geonorge er distribusjonsplattforma, men dataeigar er DSB
(Direktoratet for samfunnstryggleik og beredskap). Oppdatert
om-side og personverntekst i alle tre språk (en/nb/nn) for
både Android og PWA.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-23 14:31:47 +01:00
c1ac68e746 Legg til om-side, personvernerklæring og sikkerheitsforbetring
Om-side (Android + PWA):
- Ny AboutDialog med personvernerklæring, datakjelder og opphavsrett
- Opphavsrett flytta frå sivilforsvardialogen til om-sida
- Tilgjengeleg via «Om denne appen»-lenke i sivilforsvarsdialogen (Android)
  og ny om-knapp i statuslinja (PWA)
- Lokalisert til en/nb/nn

Personvern og sikkerheit:
- Lagra GPS-posisjon utløper etter 24 timar (widget_prefs)
- Widget viser «Trykk for å oppdatere» når posisjon manglar eller er utløpt
- Eigendefinert User-Agent (Tilfluktsrom/1.6.1) i OkHttp
- Content Security Policy (CSP) meta-tag i PWA
- Tenararbeidar bufrar berre HTTP 200-svar (ikkje opake)
- Kartbuffer-metadata runda til ~11km presisjon i localStorage
- crossorigin="anonymous" på Leaflet CSS

i18n-opprydding:
- Unicode-escapes erstatta med UTF-8-teikn i nb.ts og nn.ts

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-23 14:27:45 +01:00
6ba35add2f Legg til TalkBack-støtte og nordindikator på kompasset
Tilgjengelegheit (Android + PWA):
- Semantiske landemerke (header, main, aside, role=dialog)
- aria-live-regionar for statusoppdateringar og lasteoverlegg
- Fokusindikatorar (:focus-visible) og prefers-reduced-motion
- Auka trykkmål til 48dp (infoknapp, oppdater, del, widget)
- contentDescription på kart, kompass og framdriftsindikator
- aria-current og role=listitem på tilfluktsromliste
- Fokusfangst og fokusgjenoppretting i lasteoverlegg
- Ikkje-farge-indikator (▶) for valt tilfluktsrom
- Dynamisk lang-attributt basert på oppdaga språk
- Lokaliserte aria-label (en/nb/nn)

Nordindikator:
- DirectionArrowView teiknar diskret «N»-markør på omkrinsen
- Roterer uavhengig av hovudpila for kompasskalibrering
- Berre på stor kompassvisning, ikkje minipila

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-23 14:02:32 +01:00
f9f8ac3d60 Dokumenter byggvariantar og distribusjon i CLAUDE.md
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-14 18:30:36 +01:00
f5c064ab92 Bump versjon til v1.6.1 (versionCode 10)
- Fjern dependency metadata frå APK-signeringsblokka (dependenciesInfo)
  for F-Droid-kompatibilitet

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-14 13:15:14 +01:00
8e684f868e Flytt versjon direkte inn i build.gradle.kts for F-Droid-kompatibilitet
fdroidserver parser build.gradle.kts med regex for å finne versionCode
og versionName. Den dynamiske Properties-lastingen fra version.properties
ga "Couldn't find any version information". Erstatt med literale verdier
som fdroidserver kan lese.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-03-10 21:16:05 +01:00
9a00f07362 Fiks F-Droid-metadata: fjern punktum i kort beskrivelse, legg til ikon
F-Droid krever at short_description.txt ikke slutter med punktum.
Erstatt to setninger med én sammenhengende frase med tankestrek.
Legg til 512x512 icon.png generert fra appens adaptive ikon-vektorer.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-03-10 20:48:22 +01:00
63 changed files with 1597 additions and 4574 deletions

455
ARCHITECTURE.md Normal file
View file

@ -0,0 +1,455 @@
# Architecture
This document describes the architecture of Tilfluktsrom, a Norwegian emergency shelter finder available as an Android app and a Progressive Web App (PWA). Both platforms share the same design philosophy — offline-first, no hard external dependencies — but are implemented independently.
## Table of Contents
- [Design Principles](#design-principles)
- [Data Pipeline](#data-pipeline)
- [Android App](#android-app)
- [Package Structure](#package-structure)
- [Data Layer](#data-layer)
- [Location & Navigation](#location--navigation)
- [Compass System](#compass-system)
- [Map & Tile Caching](#map--tile-caching)
- [Build Variants](#build-variants)
- [Home Screen Widget](#home-screen-widget)
- [Deep Linking](#deep-linking)
- [Progressive Web App](#progressive-web-app)
- [Module Structure](#module-structure)
- [Build System](#build-system)
- [Data Layer (PWA)](#data-layer-pwa)
- [Location & Compass (PWA)](#location--compass-pwa)
- [Map & Offline Tiles (PWA)](#map--offline-tiles-pwa)
- [Service Worker](#service-worker)
- [UI Components](#ui-components)
- [Shared Algorithms](#shared-algorithms)
- [UTM33N → WGS84 Conversion](#utm33n--wgs84-conversion)
- [Haversine Distance & Bearing](#haversine-distance--bearing)
- [Offline Capability Summary](#offline-capability-summary)
- [Security & Privacy](#security--privacy)
- [Internationalization](#internationalization)
---
## Design Principles
### Offline-First
This is an emergency app. Core functionality — finding the nearest shelter, compass navigation, distance display — must work without internet after initial setup. Network is used only for initial data download, periodic refresh, and map tile caching.
### De-Google Compatibility (Android)
The Android app runs on devices without Google Play Services (LineageOS, GrapheneOS, /e/OS). Every Google-specific API has an AOSP fallback. Play Services improve accuracy and battery life when available, but are never required.
### Minimal Dependencies
Both platforms use few, well-chosen libraries. No heavy frameworks, no external CDNs at runtime. The PWA bundles everything locally; the Android app uses only OSMDroid, Room, OkHttp, and WorkManager.
### Data Sovereignty
Shelter data comes directly from Geonorge (the Norwegian mapping authority). No intermediate servers. The app fetches, converts, and caches the data locally.
---
## Data Pipeline
Both platforms consume the same upstream data source:
```
Geonorge ZIP (EPSG:25833 UTM33N)
↓ Download (~320KB)
↓ Extract GeoJSON from ZIP
↓ Parse features
↓ Convert UTM33N → WGS84 (Karney method)
↓ Validate (Norway bounding box, required fields)
↓ Store locally
```
**Source URL:** `https://nedlasting.geonorge.no/geonorge/Samfunnssikkerhet/TilfluktsromOffentlige/GeoJSON/Samfunnssikkerhet_0000_Norge_25833_TilfluktsromOffentlige_GeoJSON.zip`
**Fields per shelter:**
| Field | Description |
|------------|--------------------------------------|
| `lokalId` | Unique identifier (UUID) |
| `romnr` | Shelter room number |
| `plasser` | Capacity (number of people) |
| `adresse` | Street address |
| `latitude` | WGS84 latitude (converted from UTM) |
| `longitude`| WGS84 longitude (converted from UTM) |
**When conversion happens:**
- **Android:** At runtime during data download (`ShelterGeoJsonParser`)
- **PWA:** At build time (`scripts/fetch-shelters.ts`), output is pre-converted `shelters.json`
---
## Android App
**Language:** Kotlin · **Min SDK:** 26 (Android 8.0) · **Target SDK:** 35
**Build:** Gradle 8.7, AGP 8.5.2, KSP for Room annotation processing
### Package Structure
```
no.naiv.tilfluktsrom/
├── TilfluktsromApp.kt # Application class (OSMDroid config)
├── MainActivity.kt # Central UI controller (~870 lines)
├── data/
│ ├── Shelter.kt # Room entity
│ ├── ShelterDatabase.kt # Room database singleton
│ ├── ShelterDao.kt # Data access object (Flow queries)
│ ├── ShelterRepository.kt # Repository: bundled seed + network refresh
│ ├── ShelterGeoJsonParser.kt # GeoJSON ZIP → Shelter list
│ └── MapCacheManager.kt # Offline map tile pre-caching
├── location/
│ ├── LocationProvider.kt # GPS provider (flavor-specific)
│ └── ShelterFinder.kt # Nearest N shelters by Haversine
├── ui/
│ ├── DirectionArrowView.kt # Custom compass arrow View
│ ├── ShelterListAdapter.kt # RecyclerView adapter for shelter list
│ ├── CivilDefenseInfoDialog.kt # Emergency instructions
│ └── AboutDialog.kt # Privacy and copyright
├── util/
│ ├── CoordinateConverter.kt # UTM33N → WGS84 (Karney method)
│ └── DistanceUtils.kt # Haversine distance and bearing
└── widget/
├── ShelterWidgetProvider.kt # Home screen widget (flavor-specific)
└── WidgetUpdateWorker.kt # WorkManager periodic update
```
Files under `location/` and `widget/` have separate implementations per build variant:
- `app/src/standard/java/` — Google Play Services variant
- `app/src/fdroid/java/` — AOSP-only variant
### Data Layer
**Storage:** Room (SQLite) with a single `shelters` table.
**Loading strategy (three-layer fallback):**
1. **Bundled asset** (`assets/shelters.json`): Pre-converted WGS84 data, loaded on first launch via `ShelterRepository.seedFromAsset()`. Marked as stale (timestamp=0) so a network refresh is attempted when possible.
2. **Room database**: ~556 shelters cached locally. Reactive updates via Kotlin Flow. Atomic refresh: `deleteAll()` + `insertAll()` in a single transaction.
3. **Network refresh**: Downloads the Geonorge ZIP via OkHttp, parses with `ShelterGeoJsonParser`. Staleness threshold: 7 days. Runs in the background; failure does not block the UI.
**GeoJSON parsing pipeline:**
```
OkHttp response stream
→ ZipInputStream (find .geojson entry, 10MB size limit)
→ JSON parsing (features array)
→ Per feature:
→ Extract UTM33N coordinates
→ CoordinateConverter.utm33nToWgs84()
→ Validate: lokalId not blank, plasser ≥ 0, within Norway bounds
→ Create Shelter entity (skip malformed features with warning)
```
### Location & Navigation
**LocationProvider** abstracts GPS access with two flavor implementations:
| Flavor | Primary | Fallback |
|-----------|----------------------------------|-------------------|
| standard | FusedLocationProviderClient | LocationManager |
| fdroid | LocationManager | — |
Both emit location updates via Kotlin Flow. Update interval: 5 seconds, fastest 2 seconds.
**ShelterFinder** takes the user's position and all shelters, computes Haversine distance and initial bearing for each, sorts by distance, and returns the N nearest (default: 3) as `ShelterWithDistance` objects.
### Compass System
**Sensor priority:**
1. Rotation Vector sensor (`TYPE_ROTATION_VECTOR`) — most accurate, single sensor
2. Accelerometer + Magnetometer — low-pass filtered (α=0.25) for smoothing
3. No compass available — error message shown
**Direction calculation:**
```
arrowAngle = shelterBearing deviceHeading
```
**DirectionArrowView** is a custom View that draws:
- A large arrow rotated by `arrowAngle`, pointing toward the shelter
- An optional north indicator on the perimeter for compass calibration
### Map & Tile Caching
**Map library:** OSMDroid (OpenStreetMap, no Google dependency).
**Tile caching:** OSMDroid's built-in `SqlTileWriter` passively caches every tile loaded. `MapCacheManager` supplements this with active pre-caching:
- Pans the MapView across a 3×3 grid at zoom levels 10, 12, 14, 16
- 300ms delay between pans (respects OSM tile usage policy)
- Covers ~15km radius around the user
- Progress reported via callback for UI display
Tile cache stored in app-specific internal storage (`osmdroidBasePath`).
### Build Variants
```
productFlavors {
standard { } // Google Play Services + AOSP fallback
fdroid { } // AOSP only
}
```
The `standard` flavor adds `com.google.android.gms:play-services-location`. Runtime detection via `GoogleApiAvailability` determines which code path runs.
Both flavors produce identical user experiences — `standard` achieves faster GPS fixes and better battery efficiency when Play Services are present.
### Home Screen Widget
**ShelterWidgetProvider** displays the nearest shelter's address, capacity, and distance. Updated by:
1. **MainActivity** — sends latest location on each GPS update
2. **WorkManager**`WidgetUpdateWorker` runs every 15 minutes, requests a fresh location fix
3. **Manual** — user taps refresh button on the widget
**Location resolution (priority order):**
1. Location from intent (WorkManager or MainActivity)
2. FusedLocationProviderClient cache (standard)
3. Active GPS request (10s timeout)
4. LocationManager cache
5. SharedPreferences saved location (max 24h old)
### Deep Linking
**HTTPS App Links:** `https://tilfluktsrom.naiv.no/shelter/{lokalId}`
The domain is configured in one place: `DEEP_LINK_DOMAIN` in `build.gradle.kts` (exposed as `BuildConfig.DEEP_LINK_DOMAIN` and manifest placeholder `${deepLinkHost}`).
- `autoVerify="true"` on the HTTPS intent filter triggers Android's App Links verification at install time
- Verification requires `/.well-known/assetlinks.json` to be served by the PWA (in `pwa/public/.well-known/`)
- If the app is installed and verified, `/shelter/*` links open the app directly (no disambiguation dialog)
- If not installed, the link opens in the browser, where the PWA handles it
Share messages include the HTTPS URL, which SMS apps auto-link as a tappable URL.
---
## Progressive Web App
**Stack:** TypeScript, Vite 5, Leaflet, idb (IndexedDB wrapper), vite-plugin-pwa
**Package manager:** bun
### Module Structure
```
pwa/
├── index.html # SPA shell, CSP headers, semantic layout
├── vite.config.ts # Build config, PWA plugin, tile caching rules
├── manifest.webmanifest # PWA metadata and icons
├── scripts/
│ └── fetch-shelters.ts # Build-time: download + convert shelter data
├── public/
│ └── data/shelters.json # Pre-processed shelter data (build artifact)
└── src/
├── main.ts # Entry point, SW registration, locale init
├── app.ts # Main controller (~400 lines)
├── types.ts # Shelter, ShelterWithDistance, LatLon interfaces
├── data/
│ ├── shelter-repository.ts # Fetch + IndexedDB storage
│ └── shelter-db.ts # IndexedDB wrapper (idb library)
├── location/
│ ├── location-provider.ts # navigator.geolocation wrapper
│ ├── compass-provider.ts # DeviceOrientationEvent (iOS/Android)
│ └── shelter-finder.ts # Haversine nearest-N calculation
├── ui/
│ ├── map-view.ts # Leaflet map, custom SVG markers
│ ├── compass-view.ts # Canvas-based direction arrow
│ ├── shelter-list.ts # Bottom sheet shelter list
│ ├── loading-overlay.ts # Modal spinner / cache prompt
│ ├── about-dialog.ts # Privacy, data info, cache clear
│ ├── civil-defense-dialog.ts # DSB 5-step emergency guide
│ └── status-bar.ts # Status text and refresh button
├── cache/
│ └── map-cache-manager.ts # Tile pre-caching via programmatic panning
├── i18n/
│ ├── i18n.ts # Locale detection, string substitution
│ ├── en.ts # English strings
│ ├── nb.ts # Bokmål strings
│ └── nn.ts # Nynorsk strings
├── util/
│ └── distance-utils.ts # Haversine distance, bearing, formatting
└── main.css # Dark theme, Leaflet overrides, dialogs
```
### Build System
**Vite** bundles the app with content-hashed filenames for cache busting.
**Key configuration:**
- Base path: `./` (relative, deployable anywhere)
- `__BUILD_REVISION__` define: ISO timestamp injected at build time, used to invalidate service worker caches
- **vite-plugin-pwa**: Generates the service worker with Workbox. Precaches all static assets. Runtime-caches OSM tile requests with CacheFirst strategy (30-day expiry, max 5000 entries).
**Build-time data preprocessing:**
`scripts/fetch-shelters.ts` downloads the Geonorge ZIP, extracts the GeoJSON, converts UTM33N→WGS84, validates, and writes `public/data/shelters.json`. This means coordinate conversion is a build step, not a runtime cost.
```bash
bun run fetch-shelters # Download and convert shelter data
bun run build # TypeScript check + Vite build + SW generation
```
### Data Layer (PWA)
**Storage:** IndexedDB via the `idb` library.
**Schema:**
- Object store `shelters` (keyPath: `lokalId`) — full shelter records
- Object store `metadata``lastUpdate` timestamp
**Loading strategy:**
1. Check IndexedDB for cached shelters
2. If empty or stale (>7 days): fetch `shelters.json` (precached by service worker)
3. Replace all records in a single transaction
4. Reactive: UI reads from IndexedDB after load
Unlike the Android app, the PWA does not perform coordinate conversion at runtime — `shelters.json` is pre-converted at build time and served as a static asset.
### Location & Compass (PWA)
**Location:** `navigator.geolocation.watchPosition()` with high accuracy enabled, 10s maximum age, 30s timeout.
**Compass:** DeviceOrientationEvent with platform-specific handling:
| Platform | API | Heading Source |
|----------------|------------------------------|--------------------------|
| iOS Safari | `deviceorientation` | `webkitCompassHeading` |
| Android Chrome | `deviceorientationabsolute` | `(360 alpha) % 360` |
iOS 13+ requires an explicit permission request (`DeviceOrientationEvent.requestPermission()`), triggered by a user gesture.
Low-pass filter (smoothing factor 0.3) with 0/360° wraparound handling ensures fluid rotation.
### Map & Offline Tiles (PWA)
**Map library:** Leaflet with OpenStreetMap tiles. No CDN — Leaflet is bundled from `node_modules`.
**Custom markers:** SVG-based `divIcon` elements — orange house with "T" for shelters, blue circle for user location. Selected shelter uses a larger yellow marker.
**Auto-fit logic:** When a shelter is selected, the map fits bounds to show both user and shelter (30% padding), unless the user has manually panned or zoomed. A "reset view" button appears after manual interaction.
**Tile pre-caching:** `MapCacheManager` uses the same approach as the Android app — programmatically pans the map across a 3×3 grid at 4 zoom levels. The service worker's runtime cache intercepts and stores the tile requests. Cache location stored in localStorage (rounded to ~11km precision for privacy).
### Service Worker
Generated by vite-plugin-pwa (Workbox):
- **Precaching:** All static assets (JS, CSS, HTML, JSON, images) with content-hash versioning
- **Runtime caching:** OSM tiles from `{a,b,c}.tile.openstreetmap.org` with CacheFirst strategy, 30-day TTL, max 5000 entries
- **Navigation fallback:** Serves `index.html` for all navigation requests (SPA behavior)
- **Auto-update:** New service worker activates automatically; `controllerchange` event notifies the user
`main.ts` injects the build revision into the service worker context, ensuring each build invalidates stale caches. It also requests persistent storage (`navigator.storage.persist()`) to prevent the browser from evicting cached data.
### UI Components
The PWA uses no framework — all UI is vanilla TypeScript manipulating the DOM.
| Component | Description |
|--------------------------|----------------------------------------------------------|
| `app.ts` | Main controller: wires components, manages state |
| `map-view.ts` | Leaflet map with custom markers, auto-fit, interaction tracking |
| `compass-view.ts` | Canvas-rendered arrow with north indicator, requestAnimationFrame |
| `shelter-list.ts` | Bottom sheet with 3 nearest shelters, click selection |
| `loading-overlay.ts` | Modal: spinner during load, OK/Skip for cache prompt |
| `about-dialog.ts` | Privacy statement, data sources, "clear cache" button |
| `civil-defense-dialog.ts`| DSB emergency instructions (5 steps) |
| `status-bar.ts` | Data freshness indicator, refresh button |
Dialogs are created dynamically and implement focus management (save/restore previous focus, trap focus inside modal).
---
## Shared Algorithms
Both platforms implement these algorithms independently (no shared code), ensuring each platform has zero runtime dependencies on the other.
### UTM33N → WGS84 Conversion
**Algorithm:** Karney series expansion method.
Converts EUREF89 / UTM zone 33N (EPSG:25833) to WGS84 (EPSG:4326).
**Constants:**
- Semi-major axis: 6,378,137 m
- Flattening: 1/298.257223563
- UTM zone 33 central meridian: 15° E
- Scale factor: 0.9996
- False easting: 500,000 m
**Steps:**
1. Remove false easting/northing
2. Compute footprint latitude using series expansion
3. Apply iterative corrections for latitude and longitude
4. Add central meridian offset
**Validation:** Reject results outside Norway bounding box (5772°N, 333°E).
**Implementations:**
- Android: `util/CoordinateConverter.kt` (runtime)
- PWA: `scripts/fetch-shelters.ts` (build-time)
### Haversine Distance & Bearing
**Distance** between two WGS84 points:
```
a = sin²(Δφ/2) + cos(φ₁) · cos(φ₂) · sin²(Δλ/2)
d = 2R · atan2(√a, √(1a))
```
Where R = 6,371 km (Earth mean radius).
**Initial bearing** from point 1 to point 2:
```
θ = atan2(sin(Δλ) · cos(φ₂), cos(φ₁) · sin(φ₂) sin(φ₁) · cos(φ₂) · cos(Δλ))
```
Result in degrees: 0° = north, 90° = east, 180° = south, 270° = west.
**Implementations:**
- Android: `util/DistanceUtils.kt`
- PWA: `util/distance-utils.ts`
---
## Offline Capability Summary
| Capability | Android | PWA |
|-------------------------|----------------------------------|------------------------------------|
| Shelter data | Room DB + bundled asset seed | IndexedDB + precached JSON |
| Map tiles | OSMDroid SqlTileWriter + active pre-cache | Service worker CacheFirst + active pre-cache |
| GPS | Device hardware (no network) | Device hardware (no network) |
| Compass | Device sensors | DeviceOrientationEvent |
| Distance/bearing math | Local computation | Local computation |
| Network required for | Initial refresh, new tiles | Initial page load, new tiles |
| Staleness threshold | 7 days | 7 days |
---
## Security & Privacy
- **No tracking:** No analytics, no telemetry, no external requests beyond Geonorge data and OSM tiles
- **No user accounts:** No registration, no login, no server-side storage
- **Location stays local:** GPS coordinates are used only for distance calculation and never transmitted
- **HTTPS enforced:** Android network security config restricts to TLS; PWA CSP headers restrict connections
- **ZIP bomb protection:** 10MB limit on uncompressed GeoJSON (Android parser)
- **CSP headers (PWA):** Restrictive Content-Security-Policy blocks external scripts; `img-src` allows only OSM tile servers
- **Input validation:** Shelter data validated at parse time (bounds check, required fields, non-negative capacity)
- **Minimal permissions:** Location only; no contacts, camera, storage (except legacy tile cache on Android ≤9)
---
## Internationalization
Both platforms support three languages:
| Language | Android | PWA |
|---------------------|----------------------|----------------|
| English (default) | `values/strings.xml` | `i18n/en.ts` |
| Norwegian Bokmål | `values-nb/strings.xml` | `i18n/nb.ts` |
| Norwegian Nynorsk | `values-nn/strings.xml` | `i18n/nn.ts` |
**Android:** Uses Android's built-in locale resolution. Per-app language selection supported on Android 13+ via `locales_config.xml`.
**PWA:** Detects browser language (`navigator.language`). String substitution supports `%d` (number) and `%s` (string) placeholders. Falls back to English for unsupported locales.

View file

@ -53,6 +53,62 @@ no.naiv.tilfluktsrom/
./gradlew assembleDebug ./gradlew assembleDebug
``` ```
## Build Variants
- **standard**: Includes Google Play Services for better GPS accuracy
- **fdroid**: AOSP-only, no Google dependencies
## Distribution
- **Forgejo** (primary): `kode.naiv.no/olemd/tilfluktsrom` — releases with both APK variants + PWA tarball
- **GitHub** (mirror): `github.com/olemd/tilfluktsrom` — automatically mirrored from Forgejo, do not push manually
- **F-Droid**: Metadata maintained in a separate fdroiddata repo (GitLab fork). F-Droid builds from source using the `fdroid` variant and signs with the F-Droid key.
## Release Process
When creating a new release:
1. Bump `versionCode` and `versionName` in `app/build.gradle.kts`
2. Update User-Agent string in `ShelterRepository.kt` to match new version
3. Build Android APKs: `./gradlew assembleStandardRelease assembleFdroidRelease`
4. Build PWA: `cd pwa && bun scripts/fetch-shelters.ts && bun run build && tar -czf /tmp/tilfluktsrom-vX.Y.Z-pwa.tar.gz -C dist .`
5. Commit, push, then create Forgejo release with all three artifacts:
```bash
fj release create --create-tag vX.Y.Z --branch main \
--attach "/tmp/tilfluktsrom-vX.Y.Z-standard.apk:tilfluktsrom-vX.Y.Z-standard.apk" \
--attach "/tmp/tilfluktsrom-vX.Y.Z-fdroid.apk:tilfluktsrom-vX.Y.Z-fdroid.apk" \
--body "release notes" "vX.Y.Z"
fj release asset create vX.Y.Z /tmp/tilfluktsrom-vX.Y.Z-pwa.tar.gz tilfluktsrom-vX.Y.Z-pwa.tar.gz
```
6. Install on phone: `adb install -r app/build/outputs/apk/standard/release/app-standard-release.apk`
## Screenshots
Use the Android emulator and Maestro to take screenshots for the README and fastlane metadata.
### Emulator setup
- AVD: `tilfluktsrom` (Pixel 6, API 35, google_apis/x86_64)
- Start headless: `~/android-sdk/emulator/emulator -avd tilfluktsrom -no-window -no-audio -no-boot-anim -gpu swiftshader_indirect &`
- When both a physical device and emulator are connected, use `-s emulator-5554` with adb
- Set fake GPS: `adb -s emulator-5554 emu geo fix <longitude> <latitude>` (note: longitude first)
- Grant permissions before launch: `adb -s emulator-5554 shell pm grant no.naiv.tilfluktsrom android.permission.ACCESS_FINE_LOCATION`
- Always cache map tiles ("Lagre kart") — never skip caching for screenshots
### Maestro (v2.3.0)
- Installed at `~/.maestro/bin/maestro`
- Use Maestro flows for repeatable screenshot sequences instead of manual `adb shell input tap` coordinates
- Maestro can target a specific device: `maestro --device emulator-5554 test flow.yaml`
- Place flows in a `maestro/` directory if creating reusable screenshot workflows
### Screenshot destinations
Screenshots go in all three fastlane locale directories:
- `fastlane/metadata/android/en-US/images/phoneScreenshots/`
- `fastlane/metadata/android/nb-NO/images/phoneScreenshots/`
- `fastlane/metadata/android/nn-NO/images/phoneScreenshots/`
Current screenshots:
1. `1_map_view.png` — Map with shelter markers
2. `2_shelter_selected.png` — Selected shelter with direction arrow
3. `3_compass_view.png` — Compass navigation with north indicator
4. `4_civil_defense_info.png` — Civil defense instructions
5. `5_about.png` — About page with privacy statement
## i18n ## i18n
- Default (English): `res/values/strings.xml` - Default (English): `res/values/strings.xml`
- Norwegian Bokmål: `res/values-nb/strings.xml` - Norwegian Bokmål: `res/values-nb/strings.xml`

View file

@ -3,30 +3,34 @@
Finn nærmeste offentlige tilfluktsrom i Norge. Appen er bygd for nødsituasjoner og fungerer uten internett etter første gangs bruk. Finn nærmeste offentlige tilfluktsrom i Norge. Appen er bygd for nødsituasjoner og fungerer uten internett etter første gangs bruk.
<p align="center"> <p align="center">
<img src="fastlane/metadata/android/nb-NO/images/phoneScreenshots/1_map_view.png" width="200" alt="Kartvisning med tilfluktsrom i Bergen sentrum" /> <img src="fastlane/metadata/android/nb-NO/images/phoneScreenshots/1_map_view.png" width="180" alt="Kartvisning med tilfluktsrom i Bergen sentrum" />
<img src="fastlane/metadata/android/nb-NO/images/phoneScreenshots/2_shelter_selected.png" width="200" alt="Valgt tilfluktsrom med avstand og kapasitet" /> <img src="fastlane/metadata/android/nb-NO/images/phoneScreenshots/2_shelter_selected.png" width="180" alt="Valgt tilfluktsrom med avstand og retningspil" />
<img src="fastlane/metadata/android/nb-NO/images/phoneScreenshots/3_compass_view.png" width="200" alt="Kompassnavigasjon mot tilfluktsrom" /> <img src="fastlane/metadata/android/nb-NO/images/phoneScreenshots/3_compass_view.png" width="180" alt="Kompassnavigasjon med nordindikator" />
<img src="fastlane/metadata/android/nb-NO/images/phoneScreenshots/4_civil_defense_info.png" width="200" alt="Sivilforsvarsinfo: hva du skal gjøre om alarmen går" /> <img src="fastlane/metadata/android/nb-NO/images/phoneScreenshots/4_civil_defense_info.png" width="180" alt="Sivilforsvarsinfo: hva du skal gjøre om alarmen går" />
<img src="fastlane/metadata/android/nb-NO/images/phoneScreenshots/5_about.png" width="180" alt="Om-side med personvernerklæring" />
</p> </p>
## Slik fungerer appen ## Slik fungerer appen
**Kartvisning** — Appen viser alle 556 offentlige tilfluktsrom i Norge på et OpenStreetMap-kart. De tre nærmeste tilfluktsrommene vises i bunnen med avstand, kapasitet og romnummer. Trykk på en kartmarkering eller et listeelement for å velge et tilfluktsrom. **Kartvisning** — Appen viser alle 556 offentlige tilfluktsrom i Norge på et OpenStreetMap-kart. De tre nærmeste tilfluktsrommene vises i bunnen med avstand, kapasitet og romnummer. Trykk på en kartmarkering eller et listeelement for å velge et tilfluktsrom.
**Kompassnavigasjon** — Trykk på kompassknappen for å bytte til retningspil-visning. En stor pil peker mot det valgte tilfluktsrommet, med avstand i meter eller kilometer. Fungerer uten internett — bare GPS og kompassensor. **Kompassnavigasjon** — Trykk på kompassknappen for å bytte til retningspil-visning. En stor pil peker mot det valgte tilfluktsrommet, med avstand i meter eller kilometer. En diskret nordindikator vises på kanten slik at du kan verifisere kompasskalibreringen. Fungerer uten internett — bare GPS og kompassensor.
**Sivilforsvarsinfo** — Trykk på info-knappen for å se trinn-for-trinn-veiledning fra DSB om hva du skal gjøre når alarmen går: viktig melding-signal, flyalarm, finn dekning, lytt til NRK på DAB-radio, og faren over. **Sivilforsvarsinfo** — Trykk på info-knappen for å se trinn-for-trinn-veiledning fra DSB om hva du skal gjøre når alarmen går: viktig melding-signal, flyalarm, finn dekning, lytt til NRK på DAB-radio, og faren over.
**Om og personvern** — Appen samler ikke inn persondata. Alt skjer lokalt på enheten. Se om-siden i appen for fullstendig personvernerklæring, datakilder og opphavsrett.
## Funksjoner ## Funksjoner
- **Finn nærmeste tilfluktsrom** — viser de tre nærmeste med avstand og kapasitet - **Finn nærmeste tilfluktsrom** — viser de tre nærmeste med avstand og kapasitet
- **Kompassnavigasjon** — retningspil som peker mot valgt tilfluktsrom - **Kompassnavigasjon** — retningspil som peker mot valgt tilfluktsrom, med nordindikator
- **Frakoblet kart** — kartfliser lagres automatisk for bruk uten nett - **Frakoblet kart** — kartfliser lagres automatisk for bruk uten nett
- **Velg fritt** — trykk på en markering i kartet for å navigere dit - **Velg fritt** — trykk på en markering i kartet for å navigere dit
- **Del tilfluktsrom** — send adresse, kapasitet og koordinater til andre - **Del tilfluktsrom** — send adresse, kapasitet og koordinater til andre
- **Sivilforsvarsinfo** — veiledning fra DSB om hva du skal gjøre når alarmen går - **Sivilforsvarsinfo** — veiledning fra DSB om hva du skal gjøre når alarmen går
- **Hjemmeskjerm-widget** — viser nærmeste tilfluktsrom uten å åpne appen - **Hjemmeskjerm-widget** — viser nærmeste tilfluktsrom uten å åpne appen
- **Flerspråklig** — engelsk, bokmål og nynorsk - **Flerspråklig** — engelsk, bokmål og nynorsk
- **Tilgjengelighet** — TalkBack-støtte, fokusindikatorer og tilstrekkelig kontrast
## Plattformer ## Plattformer
@ -52,7 +56,7 @@ Progressiv nettapp med Vite, TypeScript og Leaflet. Kan installeres på alle enh
## Datakilde ## Datakilde
Tilfluktsromdata lastes ned fra [Geonorge](https://www.geonorge.no/) som GeoJSON i UTM33N-projeksjon (EPSG:25833). Koordinatene konverteres til WGS84 (bredde-/lengdegrad) for visning i kartet. Tilfluktsromdata er offentlig informasjon fra [DSB](https://www.dsb.no/) (Direktoratet for samfunnssikkerhet og beredskap), distribuert via [Geonorge](https://www.geonorge.no/) som GeoJSON i UTM33N-projeksjon (EPSG:25833). Koordinatene konverteres til WGS84 (bredde-/lengdegrad) for visning i kartet.
Datasettet inneholder ca. 556 offentlige tilfluktsrom med adresse, romnummer og kapasitet (antall plasser). Datasettet inneholder ca. 556 offentlige tilfluktsrom med adresse, romnummer og kapasitet (antall plasser).
@ -65,7 +69,8 @@ tilfluktsrom/
│ ├── java/.../ │ ├── java/.../
│ │ ├── data/ # Room-database, nedlasting, GeoJSON-parser │ │ ├── data/ # Room-database, nedlasting, GeoJSON-parser
│ │ ├── location/ # GPS, nærmeste tilfluktsrom │ │ ├── location/ # GPS, nærmeste tilfluktsrom
│ │ ├── ui/ # Retningspil, liste-adapter │ │ ├── ui/ # Retningspil, liste-adapter, om-dialog
│ │ ├── widget/ # Hjemmeskjerm-widget
│ │ └── util/ # UTM→WGS84-konvertering, avstandsberegning │ │ └── util/ # UTM→WGS84-konvertering, avstandsberegning
│ └── res/ # Layout, strenger (en/nb/nn), ikoner │ └── res/ # Layout, strenger (en/nb/nn), ikoner
├── pwa/ # Nettapp (TypeScript) ├── pwa/ # Nettapp (TypeScript)
@ -90,14 +95,16 @@ Appen er designet etter «offline-first»-prinsippet:
## Sikkerhet ## Sikkerhet
- All nettverkstrafikk går over HTTPS - All nettverkstrafikk går over HTTPS (klartekst er deaktivert)
- Content Security Policy (CSP) i PWA-versjonen
- Tilfluktsromdata valideres ved parsing (koordinater innenfor Norge, gyldige felt) - Tilfluktsromdata valideres ved parsing (koordinater innenfor Norge, gyldige felt)
- Databaseoppdateringer er atomiske (transaksjon) for å unngå datatap - Databaseoppdateringer er atomiske (transaksjon) for å unngå datatap
- Ingen persondata lagres — kun tilfluktsromdata og kartfliser - Lagret GPS-posisjon utløper automatisk etter 24 timer
- Egendefinert User-Agent forhindrer enhetsfingeravtrykk
## Personvern ## Personvern
Appen samler ikke inn persondata og har ingen analyse- eller sporingstjenester. Posisjonsdata brukes bare lokalt på enheten for å finne nærmeste tilfluktsrom. Se [PRIVACY.md](PRIVACY.md) for fullstendig personvernerklæring. Appen samler ikke inn, sender eller deler noen personopplysninger. Det finnes ingen analyse, sporing eller tredjepartstjenester. GPS-posisjonen brukes bare lokalt på enheten for å finne nærmeste tilfluktsrom, og sendes aldri til noen server. Se om-siden i appen for fullstendig personvernerklæring.
## Opphavsrett ## Opphavsrett

View file

@ -6,11 +6,6 @@ plugins {
id("com.google.devtools.ksp") id("com.google.devtools.ksp")
} }
// Read version from shared version.properties
val versionProps = Properties().apply {
rootProject.file("version.properties").inputStream().use { load(it) }
}
android { android {
namespace = "no.naiv.tilfluktsrom" namespace = "no.naiv.tilfluktsrom"
compileSdk = 35 compileSdk = 35
@ -19,13 +14,18 @@ android {
applicationId = "no.naiv.tilfluktsrom" applicationId = "no.naiv.tilfluktsrom"
minSdk = 26 minSdk = 26
targetSdk = 35 targetSdk = 35
versionCode = versionProps.getProperty("versionCode").toInt() versionCode = 12
versionName = "${versionProps.getProperty("versionMajor")}." + versionName = "1.8.0"
"${versionProps.getProperty("versionMinor")}." +
versionProps.getProperty("versionPatch")
// Make version available in BuildConfig // Deep link domain — single source of truth for manifest + Kotlin code
buildConfigField("String", "VERSION_DISPLAY", "\"$versionName\"") val deepLinkDomain = "tilfluktsrom.naiv.no"
buildConfigField("String", "DEEP_LINK_DOMAIN", "\"$deepLinkDomain\"")
manifestPlaceholders["deepLinkHost"] = deepLinkDomain
}
dependenciesInfo {
includeInApk = false
includeInBundle = false
} }
signingConfigs { signingConfigs {

View file

@ -211,9 +211,12 @@ class ShelterWidgetProvider : AppWidgetProvider() {
return getSavedLocation(context) return getSavedLocation(context)
} }
/** Returns null if older than 24 hours to avoid retaining stale location data. */
private fun getSavedLocation(context: Context): Location? { private fun getSavedLocation(context: Context): Location? {
val prefs = context.getSharedPreferences("widget_prefs", Context.MODE_PRIVATE) val prefs = context.getSharedPreferences("widget_prefs", Context.MODE_PRIVATE)
if (!prefs.contains("last_lat")) return null if (!prefs.contains("last_lat")) return null
val age = System.currentTimeMillis() - prefs.getLong("last_time", 0L)
if (age > 24 * 60 * 60 * 1000L) return null
return Location("saved").apply { return Location("saved").apply {
latitude = prefs.getFloat("last_lat", 0f).toDouble() latitude = prefs.getFloat("last_lat", 0f).toDouble()
longitude = prefs.getFloat("last_lon", 0f).toDouble() longitude = prefs.getFloat("last_lon", 0f).toDouble()

View file

@ -69,9 +69,12 @@ class WidgetUpdateWorker(
return Result.success() return Result.success()
} }
/** Returns null if older than 24 hours. */
private fun getSavedLocation(): Location? { private fun getSavedLocation(): Location? {
val prefs = applicationContext.getSharedPreferences("widget_prefs", Context.MODE_PRIVATE) val prefs = applicationContext.getSharedPreferences("widget_prefs", Context.MODE_PRIVATE)
if (!prefs.contains("last_lat")) return null if (!prefs.contains("last_lat")) return null
val age = System.currentTimeMillis() - prefs.getLong("last_time", 0L)
if (age > 24 * 60 * 60 * 1000L) return null
return Location("saved").apply { return Location("saved").apply {
latitude = prefs.getFloat("last_lat", 0f).toDouble() latitude = prefs.getFloat("last_lat", 0f).toDouble()
longitude = prefs.getFloat("last_lon", 0f).toDouble() longitude = prefs.getFloat("last_lon", 0f).toDouble()

View file

@ -29,13 +29,14 @@
<action android:name="android.intent.action.MAIN" /> <action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" /> <category android:name="android.intent.category.LAUNCHER" />
</intent-filter> </intent-filter>
<intent-filter> <intent-filter android:autoVerify="true">
<action android:name="android.intent.action.VIEW" /> <action android:name="android.intent.action.VIEW" />
<category android:name="android.intent.category.DEFAULT" /> <category android:name="android.intent.category.DEFAULT" />
<category android:name="android.intent.category.BROWSABLE" /> <category android:name="android.intent.category.BROWSABLE" />
<data <data
android:scheme="tilfluktsrom" android:scheme="https"
android:host="shelter" /> android:host="${deepLinkHost}"
android:pathPrefix="/shelter/" />
</intent-filter> </intent-filter>
</activity> </activity>

View file

@ -143,12 +143,14 @@ class MainActivity : AppCompatActivity(), SensorEventListener {
} }
/** /**
* Handle tilfluktsrom://shelter/{lokalId} deep link. * Handle https://{domain}/shelter/{lokalId} deep link.
* If shelters are already loaded, select immediately; otherwise store as pending. * If shelters are already loaded, select immediately; otherwise store as pending.
*/ */
private fun handleDeepLinkIntent(intent: Intent?) { private fun handleDeepLinkIntent(intent: Intent?) {
val uri = intent?.data ?: return val uri = intent?.data ?: return
if (uri.scheme != "tilfluktsrom" || uri.host != "shelter") return if (uri.scheme != "https" ||
uri.host != BuildConfig.DEEP_LINK_DOMAIN ||
uri.path?.startsWith("/shelter/") != true) return
val lokalId = uri.lastPathSegment ?: return val lokalId = uri.lastPathSegment ?: return
// Clear intent data so config changes don't re-trigger // Clear intent data so config changes don't re-trigger
@ -522,10 +524,11 @@ class MainActivity : AppCompatActivity(), SensorEventListener {
R.string.direction_arrow_description, distanceText R.string.direction_arrow_description, distanceText
) )
// Update compass view // Update compass view (large arrow gets a north indicator)
binding.compassDistanceText.text = distanceText binding.compassDistanceText.text = distanceText
binding.compassAddressText.text = selected.shelter.adresse binding.compassAddressText.text = selected.shelter.adresse
binding.directionArrow.setDirection(arrowAngle) binding.directionArrow.setDirection(arrowAngle)
binding.directionArrow.setNorthAngle(-deviceHeading)
binding.directionArrow.contentDescription = getString( binding.directionArrow.contentDescription = getString(
R.string.direction_arrow_description, distanceText R.string.direction_arrow_description, distanceText
) )
@ -668,8 +671,8 @@ class MainActivity : AppCompatActivity(), SensorEventListener {
/** /**
* Share the currently selected shelter via ACTION_SEND. * Share the currently selected shelter via ACTION_SEND.
* Includes address, capacity, geo: URI (for non-app recipients), * Includes address, capacity, geo: URI, and an HTTPS deep link
* and a tilfluktsrom:// deep link (for app users). * that opens the app (if installed) or the PWA (in browser).
*/ */
private fun shareShelter() { private fun shareShelter() {
val selected = selectedShelter val selected = selectedShelter
@ -679,12 +682,14 @@ class MainActivity : AppCompatActivity(), SensorEventListener {
} }
val shelter = selected.shelter val shelter = selected.shelter
val deepLink = "https://${BuildConfig.DEEP_LINK_DOMAIN}/shelter/${shelter.lokalId}"
val body = getString( val body = getString(
R.string.share_body, R.string.share_body,
shelter.adresse, shelter.adresse,
shelter.plasser, shelter.plasser,
shelter.latitude, shelter.latitude,
shelter.longitude shelter.longitude,
deepLink
) )
val shareIntent = Intent(Intent.ACTION_SEND).apply { val shareIntent = Intent(Intent.ACTION_SEND).apply {
@ -840,6 +845,7 @@ class MainActivity : AppCompatActivity(), SensorEventListener {
val arrowAngle = bearing - deviceHeading val arrowAngle = bearing - deviceHeading
binding.directionArrow.setDirection(arrowAngle) binding.directionArrow.setDirection(arrowAngle)
binding.directionArrow.setNorthAngle(-deviceHeading)
binding.miniArrow.setDirection(arrowAngle) binding.miniArrow.setDirection(arrowAngle)
} }

View file

@ -7,6 +7,7 @@ import kotlinx.coroutines.CancellationException
import kotlinx.coroutines.Dispatchers import kotlinx.coroutines.Dispatchers
import kotlinx.coroutines.flow.Flow import kotlinx.coroutines.flow.Flow
import kotlinx.coroutines.withContext import kotlinx.coroutines.withContext
import okhttp3.Interceptor
import okhttp3.OkHttpClient import okhttp3.OkHttpClient
import okhttp3.Request import okhttp3.Request
import org.json.JSONArray import org.json.JSONArray
@ -43,6 +44,11 @@ class ShelterRepository(private val context: Context) {
private val client = OkHttpClient.Builder() private val client = OkHttpClient.Builder()
.connectTimeout(30, TimeUnit.SECONDS) .connectTimeout(30, TimeUnit.SECONDS)
.readTimeout(60, TimeUnit.SECONDS) .readTimeout(60, TimeUnit.SECONDS)
.addInterceptor(Interceptor { chain ->
chain.proceed(chain.request().newBuilder()
.header("User-Agent", "Tilfluktsrom/1.8.0")
.build())
})
.build() .build()
/** Reactive stream of all shelters from local cache. */ /** Reactive stream of all shelters from local cache. */

View file

@ -0,0 +1,43 @@
package no.naiv.tilfluktsrom.ui
import android.os.Bundle
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import android.view.WindowManager
import androidx.fragment.app.DialogFragment
import no.naiv.tilfluktsrom.R
/**
* Full-screen dialog showing app info, privacy statement, and copyright.
* Static content all text comes from string resources for offline use and i18n.
*/
class AboutDialog : DialogFragment() {
companion object {
const val TAG = "AboutDialog"
}
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setStyle(STYLE_NO_TITLE, R.style.Theme_Tilfluktsrom_Dialog)
}
override fun onCreateView(
inflater: LayoutInflater,
container: ViewGroup?,
savedInstanceState: Bundle?
): View {
return inflater.inflate(R.layout.dialog_about, container, false)
}
override fun onStart() {
super.onStart()
dialog?.window?.apply {
setLayout(
WindowManager.LayoutParams.MATCH_PARENT,
WindowManager.LayoutParams.WRAP_CONTENT
)
}
}
}

View file

@ -1,6 +1,5 @@
package no.naiv.tilfluktsrom.ui package no.naiv.tilfluktsrom.ui
import android.app.Dialog
import android.os.Bundle import android.os.Bundle
import android.view.LayoutInflater import android.view.LayoutInflater
import android.view.View import android.view.View
@ -32,6 +31,13 @@ class CivilDefenseInfoDialog : DialogFragment() {
return inflater.inflate(R.layout.dialog_civil_defense, container, false) return inflater.inflate(R.layout.dialog_civil_defense, container, false)
} }
override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
super.onViewCreated(view, savedInstanceState)
view.findViewById<View>(R.id.aboutLink)?.setOnClickListener {
AboutDialog().show(parentFragmentManager, AboutDialog.TAG)
}
}
override fun onStart() { override fun onStart() {
super.onStart() super.onStart()
dialog?.window?.apply { dialog?.window?.apply {

View file

@ -17,6 +17,9 @@ import no.naiv.tilfluktsrom.R
* rotationAngle = shelterBearing - deviceHeading * rotationAngle = shelterBearing - deviceHeading
* This gives the direction the user needs to walk, adjusted for which * This gives the direction the user needs to walk, adjusted for which
* way they're currently facing. * way they're currently facing.
*
* Optionally draws a discrete north indicator on the perimeter so users
* can validate compass calibration against a known direction.
*/ */
class DirectionArrowView @JvmOverloads constructor( class DirectionArrowView @JvmOverloads constructor(
context: Context, context: Context,
@ -25,6 +28,7 @@ class DirectionArrowView @JvmOverloads constructor(
) : View(context, attrs, defStyleAttr) { ) : View(context, attrs, defStyleAttr) {
private var rotationAngle = 0f private var rotationAngle = 0f
private var northAngle = Float.NaN
private val arrowPaint = Paint(Paint.ANTI_ALIAS_FLAG).apply { private val arrowPaint = Paint(Paint.ANTI_ALIAS_FLAG).apply {
color = context.getColor(R.color.shelter_primary) color = context.getColor(R.color.shelter_primary)
@ -37,7 +41,18 @@ class DirectionArrowView @JvmOverloads constructor(
strokeWidth = 4f strokeWidth = 4f
} }
private val northPaint = Paint(Paint.ANTI_ALIAS_FLAG).apply {
color = 0x99CFD8DC.toInt() // text_secondary at ~60% opacity
style = Paint.Style.FILL
}
private val northTextPaint = Paint(Paint.ANTI_ALIAS_FLAG).apply {
color = 0x99CFD8DC.toInt()
textAlign = Paint.Align.CENTER
}
private val arrowPath = Path() private val arrowPath = Path()
private val northPath = Path()
/** /**
* Set the rotation angle in degrees. * Set the rotation angle in degrees.
@ -48,6 +63,16 @@ class DirectionArrowView @JvmOverloads constructor(
invalidate() invalidate()
} }
/**
* Set the angle to north in the view's coordinate space.
* This is typically -deviceHeading (where north is on screen).
* Set to Float.NaN to hide the north indicator.
*/
fun setNorthAngle(degrees: Float) {
northAngle = degrees
invalidate()
}
override fun onDraw(canvas: Canvas) { override fun onDraw(canvas: Canvas) {
super.onDraw(canvas) super.onDraw(canvas)
@ -55,6 +80,11 @@ class DirectionArrowView @JvmOverloads constructor(
val cy = height / 2f val cy = height / 2f
val size = minOf(width, height) * 0.4f val size = minOf(width, height) * 0.4f
// Draw north indicator first (behind the main arrow)
if (!northAngle.isNaN()) {
drawNorthIndicator(canvas, cx, cy, size)
}
canvas.save() canvas.save()
canvas.rotate(rotationAngle, cx, cy) canvas.rotate(rotationAngle, cx, cy)
@ -74,4 +104,32 @@ class DirectionArrowView @JvmOverloads constructor(
canvas.restore() canvas.restore()
} }
/**
* Draw a small north indicator: a tiny triangle and "N" label
* placed on the perimeter of the view, pointing inward toward center.
*/
private fun drawNorthIndicator(canvas: Canvas, cx: Float, cy: Float, arrowSize: Float) {
val radius = arrowSize * 1.35f
val tickSize = arrowSize * 0.1f
// Scale "N" text relative to the view
northTextPaint.textSize = arrowSize * 0.18f
canvas.save()
canvas.rotate(northAngle, cx, cy)
// Small triangle at the top of the perimeter circle
northPath.reset()
northPath.moveTo(cx, cy - radius)
northPath.lineTo(cx - tickSize, cy - radius - tickSize * 1.8f)
northPath.lineTo(cx + tickSize, cy - radius - tickSize * 1.8f)
northPath.close()
canvas.drawPath(northPath, northPaint)
// "N" label just outside the triangle
canvas.drawText("N", cx, cy - radius - tickSize * 2.2f, northTextPaint)
canvas.restore()
}
} }

View file

@ -31,14 +31,15 @@
android:layout_width="0dp" android:layout_width="0dp"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:layout_weight="1" android:layout_weight="1"
android:accessibilityLiveRegion="polite"
android:textColor="@color/status_text" android:textColor="@color/status_text"
android:textSize="12sp" android:textSize="12sp"
tools:text="@string/status_ready" /> tools:text="@string/status_ready" />
<ImageButton <ImageButton
android:id="@+id/infoButton" android:id="@+id/infoButton"
android:layout_width="36dp" android:layout_width="48dp"
android:layout_height="36dp" android:layout_height="48dp"
android:background="?attr/selectableItemBackgroundBorderless" android:background="?attr/selectableItemBackgroundBorderless"
android:contentDescription="@string/action_civil_defense_info" android:contentDescription="@string/action_civil_defense_info"
android:src="@drawable/ic_info" android:src="@drawable/ic_info"
@ -46,8 +47,8 @@
<ImageButton <ImageButton
android:id="@+id/refreshButton" android:id="@+id/refreshButton"
android:layout_width="36dp" android:layout_width="48dp"
android:layout_height="36dp" android:layout_height="48dp"
android:background="?attr/selectableItemBackgroundBorderless" android:background="?attr/selectableItemBackgroundBorderless"
android:contentDescription="@string/action_refresh" android:contentDescription="@string/action_refresh"
android:src="@drawable/ic_refresh" android:src="@drawable/ic_refresh"
@ -71,6 +72,7 @@
android:id="@+id/mapView" android:id="@+id/mapView"
android:layout_width="match_parent" android:layout_width="match_parent"
android:layout_height="0dp" android:layout_height="0dp"
android:contentDescription="@string/a11y_map"
app:layout_constraintTop_toBottomOf="@id/statusBar" app:layout_constraintTop_toBottomOf="@id/statusBar"
app:layout_constraintBottom_toTopOf="@id/bottomSheet" /> app:layout_constraintBottom_toTopOf="@id/bottomSheet" />
@ -80,6 +82,7 @@
android:layout_width="match_parent" android:layout_width="match_parent"
android:layout_height="0dp" android:layout_height="0dp"
android:background="@color/compass_bg" android:background="@color/compass_bg"
android:contentDescription="@string/a11y_compass"
android:visibility="gone" android:visibility="gone"
app:layout_constraintTop_toBottomOf="@id/statusBar" app:layout_constraintTop_toBottomOf="@id/statusBar"
app:layout_constraintBottom_toTopOf="@id/bottomSheet"> app:layout_constraintBottom_toTopOf="@id/bottomSheet">
@ -223,8 +226,8 @@
<ImageButton <ImageButton
android:id="@+id/shareButton" android:id="@+id/shareButton"
android:layout_width="40dp" android:layout_width="48dp"
android:layout_height="40dp" android:layout_height="48dp"
android:layout_marginStart="8dp" android:layout_marginStart="8dp"
android:background="?attr/selectableItemBackgroundBorderless" android:background="?attr/selectableItemBackgroundBorderless"
android:contentDescription="@string/action_share" android:contentDescription="@string/action_share"
@ -249,6 +252,8 @@
android:background="@color/loading_bg" android:background="@color/loading_bg"
android:clickable="true" android:clickable="true"
android:focusable="true" android:focusable="true"
android:importantForAccessibility="yes"
android:accessibilityLiveRegion="assertive"
android:visibility="gone"> android:visibility="gone">
<LinearLayout <LinearLayout
@ -262,6 +267,7 @@
android:id="@+id/loadingProgress" android:id="@+id/loadingProgress"
android:layout_width="64dp" android:layout_width="64dp"
android:layout_height="64dp" android:layout_height="64dp"
android:contentDescription="@string/status_loading"
android:indeterminate="true" /> android:indeterminate="true" />
<TextView <TextView

View file

@ -0,0 +1,104 @@
<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/status_bar_bg"
android:padding="20dp">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<!-- Title -->
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="16dp"
android:text="@string/about_title"
android:textColor="@color/shelter_primary"
android:textSize="20sp"
android:textStyle="bold" />
<!-- App description -->
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="16dp"
android:text="@string/about_description"
android:textColor="@color/text_secondary"
android:textSize="14sp" />
<!-- Privacy section -->
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="4dp"
android:text="@string/about_privacy_title"
android:textColor="@color/text_primary"
android:textSize="16sp"
android:textStyle="bold" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="16dp"
android:text="@string/about_privacy_body"
android:textColor="@color/text_secondary"
android:textSize="14sp" />
<!-- Data sources section -->
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="4dp"
android:text="@string/about_data_title"
android:textColor="@color/text_primary"
android:textSize="16sp"
android:textStyle="bold" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="16dp"
android:text="@string/about_data_body"
android:textColor="@color/text_secondary"
android:textSize="14sp" />
<!-- Stored on device section -->
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="4dp"
android:text="@string/about_stored_title"
android:textColor="@color/text_primary"
android:textSize="16sp"
android:textStyle="bold" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="24dp"
android:text="@string/about_stored_body"
android:textColor="@color/text_secondary"
android:textSize="14sp" />
<!-- Copyright -->
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/app_copyright"
android:textColor="@color/text_secondary"
android:textSize="11sp" />
<!-- Open source -->
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="4dp"
android:text="@string/about_open_source"
android:textColor="@color/text_secondary"
android:textSize="11sp" />
</LinearLayout>
</ScrollView>

View file

@ -114,14 +114,16 @@
android:textSize="12sp" android:textSize="12sp"
android:textStyle="italic" /> android:textStyle="italic" />
<!-- Copyright notice --> <!-- About link -->
<TextView <TextView
android:id="@+id/aboutLink"
android:layout_width="wrap_content" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:layout_height="48dp"
android:layout_marginTop="16dp" android:layout_marginTop="8dp"
android:text="@string/app_copyright" android:gravity="center_vertical"
android:textColor="@color/text_secondary" android:text="@string/action_about"
android:textSize="11sp" /> android:textColor="@color/shelter_primary"
android:textSize="14sp" />
</LinearLayout> </LinearLayout>
</ScrollView> </ScrollView>

View file

@ -65,9 +65,10 @@
<ImageView <ImageView
android:id="@+id/widgetRefreshButton" android:id="@+id/widgetRefreshButton"
android:layout_width="32dp" android:layout_width="48dp"
android:layout_height="32dp" android:layout_height="48dp"
android:layout_marginStart="4dp" android:layout_marginStart="4dp"
android:padding="8dp"
android:contentDescription="@string/action_refresh" android:contentDescription="@string/action_refresh"
android:src="@drawable/ic_refresh" /> android:src="@drawable/ic_refresh" />
</LinearLayout> </LinearLayout>

View file

@ -60,13 +60,15 @@
<!-- Deling --> <!-- Deling -->
<string name="share_subject">Tilfluktsrom</string> <string name="share_subject">Tilfluktsrom</string>
<string name="share_body">Tilfluktsrom: %1$s\n%2$d plasser\n%3$.6f, %4$.6f\ngeo:%3$.6f,%4$.6f</string> <string name="share_body">Tilfluktsrom: %1$s\n%2$d plasser\n%3$.6f, %4$.6f\ngeo:%3$.6f,%4$.6f\n%5$s</string>
<string name="share_no_shelter">Ingen tilfluktsrom valgt</string> <string name="share_no_shelter">Ingen tilfluktsrom valgt</string>
<!-- Tilgjengelighet --> <!-- Tilgjengelighet -->
<string name="direction_arrow_description">Retning til tilfluktsrom, %s unna</string> <string name="direction_arrow_description">Retning til tilfluktsrom, %s unna</string>
<string name="content_desc_shelter_item">%1$s, %2$s, %3$d plasser</string> <string name="content_desc_shelter_item">%1$s, %2$s, %3$d plasser</string>
<string name="compass_accuracy_warning">Upresist kompass - %s</string> <string name="compass_accuracy_warning">Upresist kompass - %s</string>
<string name="a11y_map">Tilfluktsromkart</string>
<string name="a11y_compass">Kompassnavigasjon</string>
<!-- Sivilforsvar --> <!-- Sivilforsvar -->
<string name="action_civil_defense_info">Sivilforsvarsinformasjon</string> <string name="action_civil_defense_info">Sivilforsvarsinformasjon</string>
@ -83,6 +85,18 @@
<string name="civil_defense_step5_body">Én sammenhengende tone på omtrent 30 sekunder. Faren eller angrepet er over. Fortsett å følge instruksjoner fra myndighetene.</string> <string name="civil_defense_step5_body">Én sammenhengende tone på omtrent 30 sekunder. Faren eller angrepet er over. Fortsett å følge instruksjoner fra myndighetene.</string>
<string name="civil_defense_source">Kilde: DSB (Direktoratet for samfunnssikkerhet og beredskap)</string> <string name="civil_defense_source">Kilde: DSB (Direktoratet for samfunnssikkerhet og beredskap)</string>
<!-- Om -->
<string name="about_title">Om Tilfluktsrom</string>
<string name="about_description">Tilfluktsrom hjelper deg med å finne nærmeste offentlige tilfluktsrom i Norge. Appen er laget for å fungere uten internett etter første oppsett — du trenger ikke nett for å finne tilfluktsrom, navigere med kompass eller dele posisjonen din.</string>
<string name="about_privacy_title">Personvern</string>
<string name="about_privacy_body">Denne appen samler ikke inn, sender eller deler noen personopplysninger. Det finnes ingen analyse, sporing eller tredjepartstjenester.\n\nGPS-posisjonen din brukes bare lokalt på enheten din for å finne tilfluktsrom i nærheten, og sendes aldri til noen server.</string>
<string name="about_data_title">Datakilder</string>
<string name="about_data_body">Tilfluktsromdata er offentlig informasjon fra DSB (Direktoratet for samfunnssikkerhet og beredskap), distribuert via Geonorge. Kartfliser lastes fra OpenStreetMap. Begge lagres lokalt for frakoblet bruk.</string>
<string name="about_stored_title">Lagret på enheten din</string>
<string name="about_stored_body">• Tilfluktsromdatabase (offentlige data fra DSB)\n• Kartfliser for frakoblet bruk\n• Din siste GPS-posisjon (for hjemmeskjerm-widgeten)\n\nIngen data forlater enheten din bortsett fra forespørsler om å laste ned tilfluktsromdata og kartfliser.</string>
<string name="about_open_source">Åpen kildekode — kode.naiv.no/olemd/tilfluktsrom</string>
<string name="action_about">Om denne appen</string>
<!-- Opphavsrett --> <!-- Opphavsrett -->
<string name="app_copyright">Opphavsrett © Ole-Morten Duesund</string> <string name="app_copyright">Opphavsrett © Ole-Morten Duesund</string>
</resources> </resources>

View file

@ -60,13 +60,15 @@
<!-- Deling --> <!-- Deling -->
<string name="share_subject">Tilfluktsrom</string> <string name="share_subject">Tilfluktsrom</string>
<string name="share_body">Tilfluktsrom: %1$s\n%2$d plassar\n%3$.6f, %4$.6f\ngeo:%3$.6f,%4$.6f</string> <string name="share_body">Tilfluktsrom: %1$s\n%2$d plassar\n%3$.6f, %4$.6f\ngeo:%3$.6f,%4$.6f\n%5$s</string>
<string name="share_no_shelter">Ingen tilfluktsrom valt</string> <string name="share_no_shelter">Ingen tilfluktsrom valt</string>
<!-- Tilgjenge --> <!-- Tilgjenge -->
<string name="direction_arrow_description">Retning til tilfluktsrom, %s unna</string> <string name="direction_arrow_description">Retning til tilfluktsrom, %s unna</string>
<string name="content_desc_shelter_item">%1$s, %2$s, %3$d plassar</string> <string name="content_desc_shelter_item">%1$s, %2$s, %3$d plassar</string>
<string name="compass_accuracy_warning">Upresis kompass - %s</string> <string name="compass_accuracy_warning">Upresis kompass - %s</string>
<string name="a11y_map">Tilfluktsromkart</string>
<string name="a11y_compass">Kompassnavigasjon</string>
<!-- Sivilforsvar --> <!-- Sivilforsvar -->
<string name="action_civil_defense_info">Sivilforsvarsinformasjon</string> <string name="action_civil_defense_info">Sivilforsvarsinformasjon</string>
@ -83,6 +85,18 @@
<string name="civil_defense_step5_body">Éin samanhengande tone på omtrent 30 sekund. Faren eller åtaket er over. Hald fram med å følgje instruksjonar frå styresmaktene.</string> <string name="civil_defense_step5_body">Éin samanhengande tone på omtrent 30 sekund. Faren eller åtaket er over. Hald fram med å følgje instruksjonar frå styresmaktene.</string>
<string name="civil_defense_source">Kjelde: DSB (Direktoratet for samfunnstryggleik og beredskap)</string> <string name="civil_defense_source">Kjelde: DSB (Direktoratet for samfunnstryggleik og beredskap)</string>
<!-- Om -->
<string name="about_title">Om Tilfluktsrom</string>
<string name="about_description">Tilfluktsrom hjelper deg med å finne næraste offentlege tilfluktsrom i Noreg. Appen er laga for å fungere utan internett etter fyrste oppsett — du treng ikkje nett for å finne tilfluktsrom, navigere med kompass eller dele posisjonen din.</string>
<string name="about_privacy_title">Personvern</string>
<string name="about_privacy_body">Denne appen samlar ikkje inn, sender eller deler nokon personopplysingar. Det finst ingen analyse, sporing eller tredjepartstenester.\n\nGPS-posisjonen din vert berre brukt lokalt på eininga di for å finne tilfluktsrom i nærleiken, og vert aldri sendt til nokon tenar.</string>
<string name="about_data_title">Datakjelder</string>
<string name="about_data_body">Tilfluktsromdata er offentleg informasjon frå DSB (Direktoratet for samfunnstryggleik og beredskap), distribuert via Geonorge. Kartfliser vert lasta frå OpenStreetMap. Begge vert lagra lokalt for fråkopla bruk.</string>
<string name="about_stored_title">Lagra på eininga di</string>
<string name="about_stored_body">• Tilfluktsromdatabase (offentlege data frå DSB)\n• Kartfliser for fråkopla bruk\n• Din siste GPS-posisjon (for heimeskjerm-widgeten)\n\nIngen data forlèt eininga di bortsett frå førespurnader om å laste ned tilfluktsromdata og kartfliser.</string>
<string name="about_open_source">Open kjeldekode — kode.naiv.no/olemd/tilfluktsrom</string>
<string name="action_about">Om denne appen</string>
<!-- Opphavsrett --> <!-- Opphavsrett -->
<string name="app_copyright">Opphavsrett © Ole-Morten Duesund</string> <string name="app_copyright">Opphavsrett © Ole-Morten Duesund</string>
</resources> </resources>

View file

@ -60,13 +60,15 @@
<!-- Sharing --> <!-- Sharing -->
<string name="share_subject">Emergency shelter</string> <string name="share_subject">Emergency shelter</string>
<string name="share_body">Shelter: %1$s\n%2$d places\n%3$.6f, %4$.6f\ngeo:%3$.6f,%4$.6f</string> <string name="share_body">Shelter: %1$s\n%2$d places\n%3$.6f, %4$.6f\ngeo:%3$.6f,%4$.6f\n%5$s</string>
<string name="share_no_shelter">No shelter selected</string> <string name="share_no_shelter">No shelter selected</string>
<!-- Accessibility --> <!-- Accessibility -->
<string name="direction_arrow_description">Direction to shelter, %s away</string> <string name="direction_arrow_description">Direction to shelter, %s away</string>
<string name="content_desc_shelter_item">%1$s, %2$s, %3$d places</string> <string name="content_desc_shelter_item">%1$s, %2$s, %3$d places</string>
<string name="compass_accuracy_warning">Low accuracy - %s</string> <string name="compass_accuracy_warning">Low accuracy - %s</string>
<string name="a11y_map">Shelter map</string>
<string name="a11y_compass">Compass navigation</string>
<!-- Civil defense info --> <!-- Civil defense info -->
<string name="action_civil_defense_info">Civil defense information</string> <string name="action_civil_defense_info">Civil defense information</string>
@ -83,6 +85,18 @@
<string name="civil_defense_step5_body">One continuous tone lasting approximately 30 seconds. The danger or attack is over. Continue to follow instructions from authorities.</string> <string name="civil_defense_step5_body">One continuous tone lasting approximately 30 seconds. The danger or attack is over. Continue to follow instructions from authorities.</string>
<string name="civil_defense_source">Source: DSB (Norwegian Directorate for Civil Protection)</string> <string name="civil_defense_source">Source: DSB (Norwegian Directorate for Civil Protection)</string>
<!-- About -->
<string name="about_title">About Tilfluktsrom</string>
<string name="about_description">Tilfluktsrom helps you find the nearest public shelter in Norway. The app is designed to work offline after initial setup — no internet required to find shelters, navigate by compass, or share your location.</string>
<string name="about_privacy_title">Privacy</string>
<string name="about_privacy_body">This app does not collect, transmit, or share any personal data. There are no analytics, tracking, or third-party services.\n\nYour GPS location is used only on your device to find nearby shelters and is never sent to any server.</string>
<string name="about_data_title">Data sources</string>
<string name="about_data_body">Shelter data is public information from DSB (Norwegian Directorate for Civil Protection), distributed via Geonorge. Map tiles are loaded from OpenStreetMap. Both are cached locally for offline use.</string>
<string name="about_stored_title">Stored on your device</string>
<string name="about_stored_body">• Shelter database (public data from DSB)\n• Map tiles for offline use\n• Your last GPS position (for the home screen widget)\n\nNo data leaves your device except requests to download shelter data and map tiles.</string>
<string name="about_open_source">Open source — kode.naiv.no/olemd/tilfluktsrom</string>
<string name="action_about">About this app</string>
<!-- Copyright --> <!-- Copyright -->
<string name="app_copyright">Copyright © Ole-Morten Duesund</string> <string name="app_copyright">Copyright © Ole-Morten Duesund</string>
</resources> </resources>

View file

@ -252,10 +252,13 @@ class ShelterWidgetProvider : AppWidgetProvider() {
return getSavedLocation(context) return getSavedLocation(context)
} }
/** Read the last GPS fix persisted by MainActivity to SharedPreferences. */ /** Read the last GPS fix persisted by MainActivity to SharedPreferences.
* Returns null if older than 24 hours to avoid retaining stale location data. */
private fun getSavedLocation(context: Context): Location? { private fun getSavedLocation(context: Context): Location? {
val prefs = context.getSharedPreferences("widget_prefs", Context.MODE_PRIVATE) val prefs = context.getSharedPreferences("widget_prefs", Context.MODE_PRIVATE)
if (!prefs.contains("last_lat")) return null if (!prefs.contains("last_lat")) return null
val age = System.currentTimeMillis() - prefs.getLong("last_time", 0L)
if (age > 24 * 60 * 60 * 1000L) return null
return Location("saved").apply { return Location("saved").apply {
latitude = prefs.getFloat("last_lat", 0f).toDouble() latitude = prefs.getFloat("last_lat", 0f).toDouble()
longitude = prefs.getFloat("last_lon", 0f).toDouble() longitude = prefs.getFloat("last_lon", 0f).toDouble()

View file

@ -84,10 +84,13 @@ class WidgetUpdateWorker(
return Result.success() return Result.success()
} }
/** Read the last GPS fix persisted by MainActivity. */ /** Read the last GPS fix persisted by MainActivity.
* Returns null if older than 24 hours. */
private fun getSavedLocation(): Location? { private fun getSavedLocation(): Location? {
val prefs = applicationContext.getSharedPreferences("widget_prefs", Context.MODE_PRIVATE) val prefs = applicationContext.getSharedPreferences("widget_prefs", Context.MODE_PRIVATE)
if (!prefs.contains("last_lat")) return null if (!prefs.contains("last_lat")) return null
val age = System.currentTimeMillis() - prefs.getLong("last_time", 0L)
if (age > 24 * 60 * 60 * 1000L) return null
return Location("saved").apply { return Location("saved").apply {
latitude = prefs.getFloat("last_lat", 0f).toDouble() latitude = prefs.getFloat("last_lat", 0f).toDouble()
longitude = prefs.getFloat("last_lon", 0f).toDouble() longitude = prefs.getFloat("last_lon", 0f).toDouble()

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 MiB

After

Width:  |  Height:  |  Size: 1.4 MiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.8 MiB

After

Width:  |  Height:  |  Size: 2.2 MiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 141 KiB

After

Width:  |  Height:  |  Size: 160 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 414 KiB

After

Width:  |  Height:  |  Size: 394 KiB

Before After
Before After

Binary file not shown.

After

Width:  |  Height:  |  Size: 360 KiB

View file

@ -1 +1 @@
Find the nearest public emergency shelter in Norway. Works offline. Find the nearest public emergency shelter in Norway — works offline

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 MiB

After

Width:  |  Height:  |  Size: 1.4 MiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.8 MiB

After

Width:  |  Height:  |  Size: 2.2 MiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 141 KiB

After

Width:  |  Height:  |  Size: 160 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 414 KiB

After

Width:  |  Height:  |  Size: 394 KiB

Before After
Before After

Binary file not shown.

After

Width:  |  Height:  |  Size: 360 KiB

View file

@ -1 +1 @@
Finn nærmeste offentlige tilfluktsrom i Norge. Fungerer uten nett. Finn nærmeste offentlige tilfluktsrom i Norge — fungerer uten nett

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 MiB

After

Width:  |  Height:  |  Size: 1.4 MiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.8 MiB

After

Width:  |  Height:  |  Size: 2.2 MiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 139 KiB

After

Width:  |  Height:  |  Size: 160 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 417 KiB

After

Width:  |  Height:  |  Size: 394 KiB

Before After
Before After

Binary file not shown.

After

Width:  |  Height:  |  Size: 360 KiB

View file

@ -1 +1 @@
Finn næraste offentlege tilfluktsrom i Noreg. Fungerer utan nett. Finn næraste offentlege tilfluktsrom i Noreg — fungerer utan nett

1
pwa/.gitignore vendored
View file

@ -1,2 +1,3 @@
node_modules/ node_modules/
dist/ dist/
public/data/shelters.json

View file

@ -1,68 +1,68 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en" dir="ltr">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="theme-color" content="#1A1A2E" /> <meta name="theme-color" content="#1A1A2E" />
<meta name="description" content="Find the nearest public shelter in Norway" /> <meta name="description" content="Find the nearest public shelter in Norway" />
<meta http-equiv="Content-Security-Policy"
content="default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'; img-src 'self' data: https://*.tile.openstreetmap.org; connect-src 'self' https://*.tile.openstreetmap.org; font-src 'self'; worker-src 'self'" />
<title>Tilfluktsrom</title> <title>Tilfluktsrom</title>
<link rel="manifest" href="/manifest.webmanifest" /> <link rel="manifest" href="manifest.webmanifest" />
<link rel="icon" type="image/png" sizes="192x192" href="/icons/icon-192.png" /> <link rel="icon" type="image/png" sizes="192x192" href="icons/icon-192.png" />
<link rel="apple-touch-icon" href="/icons/icon-192.png" /> <link rel="apple-touch-icon" href="icons/icon-192.png" />
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"
integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY="
crossorigin="" />
</head> </head>
<body> <body>
<div id="app"> <div id="app">
<!-- Status bar --> <!-- Status bar -->
<div id="status-bar"> <header id="status-bar" role="banner">
<span id="status-text"></span> <span id="status-text" aria-live="polite"></span>
<button id="about-btn" aria-label="About">&#x2139;</button>
<button id="refresh-btn" aria-label="Refresh data">&#x21bb;</button> <button id="refresh-btn" aria-label="Refresh data">&#x21bb;</button>
</div> </header>
<!-- Main content: map or compass --> <!-- Main content: map or compass -->
<div id="main-content"> <main id="main-content">
<div id="map-container"></div> <div id="map-container" role="application" aria-label="Map"></div>
<div id="compass-container"> <div id="compass-container" role="img" aria-label="Compass">
<span id="compass-address"></span> <span id="compass-address"></span>
<span id="compass-distance"></span> <span id="compass-distance" aria-live="polite"></span>
</div> </div>
<!-- Toggle map/compass FAB --> <!-- Toggle map/compass FAB -->
<button id="toggle-fab" aria-label="Toggle map/compass view">&#x1F9ED;</button> <button id="toggle-fab" aria-label="Toggle map/compass view">&#x1F9ED;</button>
<!-- Reset view button --> <!-- Reset view button -->
<button id="reset-view-btn" aria-label="Reset view">&#x2316;</button> <button id="reset-view-btn" aria-label="Reset view">&#x2316;</button>
</div> </main>
<!-- No-cache warning banner --> <!-- No-cache warning banner -->
<div id="no-cache-banner"> <div id="no-cache-banner" role="alert">
<span id="no-cache-text"></span> <span id="no-cache-text"></span>
<button id="cache-retry-btn"></button> <button id="cache-retry-btn"></button>
</div> </div>
<!-- Bottom sheet with shelter info --> <!-- Bottom sheet with shelter info -->
<div id="bottom-sheet"> <aside id="bottom-sheet" aria-label="Shelter info">
<div id="selected-shelter"> <div id="selected-shelter" aria-live="polite">
<canvas id="mini-arrow" width="96" height="96" role="img" aria-label="Direction to shelter"></canvas> <canvas id="mini-arrow" width="96" height="96" role="img" aria-label="Direction to shelter"></canvas>
<div id="selected-shelter-info"> <div id="selected-shelter-info">
<div id="selected-shelter-address"></div> <div id="selected-shelter-address"></div>
<div id="selected-shelter-details"></div> <div id="selected-shelter-details"></div>
</div> </div>
</div> </div>
<div id="shelter-list"></div> <div id="shelter-list" role="list" aria-label="Nearest shelters"></div>
</div> </aside>
</div> </div>
<!-- Loading overlay --> <!-- Loading overlay -->
<div id="loading-overlay"> <div id="loading-overlay" role="dialog" aria-modal="true" aria-label="Loading">
<div id="loading-spinner"></div> <div id="loading-spinner" aria-hidden="true"></div>
<div id="loading-text"></div> <div id="loading-text" aria-live="assertive" tabindex="-1"></div>
<div id="loading-button-row"> <div id="loading-button-row">
<button id="loading-skip-btn"></button> <button id="loading-skip-btn"></button>
<button id="loading-ok-btn"></button> <button id="loading-ok-btn"></button>
</div> </div>
</div> </div>
<script type="module" src="/src/main.ts"></script> <script type="module" src="src/main.ts"></script>
</body> </body>
</html> </html>

View file

@ -0,0 +1,12 @@
[
{
"relation": ["delegate_permission/common.handle_all_urls"],
"target": {
"namespace": "android_app",
"package_name": "no.naiv.tilfluktsrom",
"sha256_cert_fingerprints": [
"43:05:79:6F:EA:3E:F4:50:45:D3:8A:EF:EA:58:B6:65:49:D2:D2:C3:4B:4C:61:11:EE:74:48:B0:C7:70:E4:5B"
]
}
}
]

File diff suppressed because it is too large Load diff

View file

@ -2,20 +2,21 @@
"name": "Tilfluktsrom", "name": "Tilfluktsrom",
"short_name": "Tilfluktsrom", "short_name": "Tilfluktsrom",
"description": "Find the nearest public shelter in Norway", "description": "Find the nearest public shelter in Norway",
"start_url": "/", "start_url": ".",
"scope": ".",
"display": "standalone", "display": "standalone",
"orientation": "portrait", "orientation": "portrait",
"theme_color": "#1A1A2E", "theme_color": "#1A1A2E",
"background_color": "#1A1A2E", "background_color": "#1A1A2E",
"icons": [ "icons": [
{ {
"src": "/icons/icon-192.png", "src": "icons/icon-192.png",
"sizes": "192x192", "sizes": "192x192",
"type": "image/png", "type": "image/png",
"purpose": "any maskable" "purpose": "any maskable"
}, },
{ {
"src": "/icons/icon-512.png", "src": "icons/icon-512.png",
"sizes": "512x512", "sizes": "512x512",
"type": "image/png", "type": "image/png",
"purpose": "any maskable" "purpose": "any maskable"

View file

@ -9,7 +9,7 @@
import type { Shelter, ShelterWithDistance, LatLon } from './types'; import type { Shelter, ShelterWithDistance, LatLon } from './types';
import { t } from './i18n/i18n'; import { t } from './i18n/i18n';
import { formatDistance } from './util/distance-utils'; import { formatDistance, distanceMeters, bearingDegrees } from './util/distance-utils';
import { findNearest } from './location/shelter-finder'; import { findNearest } from './location/shelter-finder';
import * as repo from './data/shelter-repository'; import * as repo from './data/shelter-repository';
import * as locationProvider from './location/location-provider'; import * as locationProvider from './location/location-provider';
@ -20,6 +20,7 @@ import * as shelterList from './ui/shelter-list';
import * as statusBar from './ui/status-bar'; import * as statusBar from './ui/status-bar';
import * as loading from './ui/loading-overlay'; import * as loading from './ui/loading-overlay';
import * as mapCache from './cache/map-cache-manager'; import * as mapCache from './cache/map-cache-manager';
import * as civilDefenseDialog from './ui/civil-defense-dialog';
const NEAREST_COUNT = 3; const NEAREST_COUNT = 3;
@ -36,11 +37,28 @@ let firstLocationFix = true;
let userSelectedShelter = false; let userSelectedShelter = false;
export async function init(): Promise<void> { export async function init(): Promise<void> {
applyA11yLabels();
setupMap(); setupMap();
setupCompass(); setupCompass();
setupShelterList(); setupShelterList();
setupButtons(); setupButtons();
await loadData(); await loadData();
handleDeepLink();
}
/** Set localized aria-labels and wire the about button. */
function applyA11yLabels(): void {
document.getElementById('about-btn')?.setAttribute('aria-label', t('action_civil_defense_info'));
document.getElementById('about-btn')?.addEventListener('click', () => {
navigator.vibrate?.(10);
civilDefenseDialog.showCivilDefenseInfo();
});
document.getElementById('map-container')?.setAttribute('aria-label', t('a11y_map'));
document.getElementById('compass-container')?.setAttribute('aria-label', t('a11y_compass'));
document.getElementById('bottom-sheet')?.setAttribute('aria-label', t('a11y_shelter_info'));
document.getElementById('shelter-list')?.setAttribute('aria-label', t('a11y_nearest_shelters'));
document.getElementById('refresh-btn')?.setAttribute('aria-label', t('action_refresh'));
document.getElementById('toggle-fab')?.setAttribute('aria-label', t('action_toggle_view'));
} }
function setupMap(): void { function setupMap(): void {
@ -91,6 +109,7 @@ function setupButtons(): void {
} }
mapContainer.style.display = 'none'; mapContainer.style.display = 'none';
compassContainer.classList.add('active'); compassContainer.classList.add('active');
compassView.resize();
toggleFab.textContent = '\uD83D\uDDFA\uFE0F'; // map emoji toggleFab.textContent = '\uD83D\uDDFA\uFE0F'; // map emoji
compassProvider.startCompass(onHeadingUpdate); compassProvider.startCompass(onHeadingUpdate);
} else { } else {
@ -268,6 +287,7 @@ function updateSelectedShelter(isUserAction: boolean): void {
document.getElementById('compass-address')!.textContent = document.getElementById('compass-address')!.textContent =
selected.shelter.adresse; selected.shelter.adresse;
compassView.setDirection(selected.bearingDegrees - deviceHeading); compassView.setDirection(selected.bearingDegrees - deviceHeading);
compassView.setNorthAngle(-deviceHeading);
// Update shelter list selection // Update shelter list selection
shelterList.updateList(nearestShelters, selectedShelterIndex); shelterList.updateList(nearestShelters, selectedShelterIndex);
@ -290,6 +310,7 @@ function onHeadingUpdate(heading: number): void {
const angle = selected.bearingDegrees - heading; const angle = selected.bearingDegrees - heading;
compassView.setDirection(angle); compassView.setDirection(angle);
compassView.setNorthAngle(-heading);
updateMiniArrow(angle); updateMiniArrow(angle);
} }
@ -378,3 +399,67 @@ async function forceRefresh(): Promise<void> {
statusBar.setStatus(t('update_failed')); statusBar.setStatus(t('update_failed'));
} }
} }
/**
* Handle /shelter/{lokalId} deep links.
* Called after loadData() so allShelters is populated.
*/
function handleDeepLink(): void {
const match = window.location.pathname.match(/^\/shelter\/(.+)$/);
if (!match) return;
const lokalId = decodeURIComponent(match[1]);
// Clean the URL so refresh doesn't re-trigger
window.history.replaceState({}, '', '/');
const shelter = allShelters.find((s) => s.lokalId === lokalId);
if (!shelter) {
statusBar.setStatus(t('error_shelter_not_found'));
return;
}
selectShelterByData(shelter);
}
/**
* Select a specific shelter, even if it's not in the current nearest-3 list.
* Used for deep link targets.
*/
function selectShelterByData(shelter: Shelter): void {
// Check if it's already in nearestShelters
const existingIdx = nearestShelters.findIndex(
(s) => s.shelter.lokalId === shelter.lokalId,
);
if (existingIdx >= 0) {
userSelectedShelter = true;
selectedShelterIndex = existingIdx;
} else {
// Compute distance/bearing if we have a location, otherwise use placeholder
let dist = NaN;
let bearing = 0;
if (currentLocation) {
dist = distanceMeters(
currentLocation.latitude, currentLocation.longitude,
shelter.latitude, shelter.longitude,
);
bearing = bearingDegrees(
currentLocation.latitude, currentLocation.longitude,
shelter.latitude, shelter.longitude,
);
}
// Prepend to the list so it becomes the selected shelter
nearestShelters.unshift({
shelter,
distanceMeters: dist,
bearingDegrees: bearing,
});
userSelectedShelter = true;
selectedShelterIndex = 0;
shelterList.updateList(nearestShelters, selectedShelterIndex);
}
updateSelectedShelter(true);
}

View file

@ -94,9 +94,10 @@ export async function cacheMapArea(
// Restore original view // Restore original view
map.setView(originalCenter, originalZoom, { animate: false }); map.setView(originalCenter, originalZoom, { animate: false });
// Round coordinates to 1 decimal (~11km) to limit location precision in storage
saveCacheMeta({ saveCacheMeta({
lat, lat: Math.round(lat * 10) / 10,
lon, lon: Math.round(lon * 10) / 10,
radius: CACHE_RADIUS_DEGREES, radius: CACHE_RADIUS_DEGREES,
complete: true, complete: true,
}); });

2
pwa/src/config.ts Normal file
View file

@ -0,0 +1,2 @@
/** Deep link domain — single source of truth for the PWA. */
export const DEEP_LINK_DOMAIN = 'tilfluktsrom.naiv.no';

View file

@ -46,7 +46,47 @@ export const en: Record<string, string> = {
'No cached data available. Connect to the internet to download shelter data.', 'No cached data available. Connect to the internet to download shelter data.',
update_success: 'Shelter data updated', update_success: 'Shelter data updated',
update_failed: 'Update failed \u2014 using cached data', update_failed: 'Update failed \u2014 using cached data',
error_shelter_not_found: 'Shelter not found',
// Accessibility // Accessibility
direction_arrow_description: 'Direction to shelter, %s away', direction_arrow_description: 'Direction to shelter, %s away',
a11y_map: 'Map',
a11y_compass: 'Compass',
a11y_shelter_info: 'Shelter info',
a11y_nearest_shelters: 'Nearest shelters',
// Civil defense
action_civil_defense_info: 'Civil defense information',
civil_defense_title: 'What to do if the alarm sounds',
civil_defense_step1_title: '1. Important message signal',
civil_defense_step1_body: 'Three series of short blasts with one minute of silence between each series. This means: seek information immediately. Turn on DAB radio, TV, or check official sources online.',
civil_defense_step2_title: '2. Air raid alarm',
civil_defense_step2_body: 'Short blasts lasting approximately one minute. This means immediate danger of attack — seek shelter now. Go to the nearest shelter, basement, or inner room immediately.',
civil_defense_step3_title: '3. Go indoors and find shelter',
civil_defense_step3_body: 'Get indoors. Close all windows, doors, and ventilation openings. Use this app to find the nearest public shelter. The compass and map work offline. If no shelter is nearby, go to a basement or an inner room away from windows.',
civil_defense_step4_title: '4. Listen to NRK on DAB radio',
civil_defense_step4_body: 'Tune in to NRK P1 on DAB radio for official updates and instructions from authorities. DAB radio works even when mobile networks and the internet are down.',
civil_defense_step5_title: '5. All clear',
civil_defense_step5_body: 'One continuous tone lasting approximately 30 seconds. The danger or attack is over. Continue to follow instructions from authorities.',
civil_defense_source: 'Source: DSB (Norwegian Directorate for Civil Protection)',
// About
about_title: 'About Tilfluktsrom',
about_description:
'Tilfluktsrom helps you find the nearest public shelter in Norway. The app works offline after initial setup.',
about_privacy_title: 'Privacy',
about_privacy_body:
'This app does not collect, transmit, or share any personal data. There are no analytics, tracking, or third-party services. Your GPS location is used only on your device to find nearby shelters and is never sent to any server.',
about_data_title: 'Data sources',
about_data_body:
'Shelter data: DSB (Norwegian Directorate for Civil Protection), distributed via Geonorge. Map tiles: OpenStreetMap. Both are cached locally for offline use.',
about_stored_title: 'Stored on your device',
about_stored_body:
'Shelter database (public data), map tiles for offline use, and map cache metadata. No data leaves your device except requests to download shelter data and map tiles.',
about_copyright: 'Copyright © Ole-Morten Duesund',
about_open_source: 'Open source — kode.naiv.no/olemd/tilfluktsrom',
action_about: 'About',
action_close: 'Close',
action_clear_cache: 'Clear cached data',
cache_cleared: 'All cached data cleared',
}; };

View file

@ -11,21 +11,22 @@ const locales: Record<string, Record<string, string>> = { en, nb, nn };
let currentLocale = 'en'; let currentLocale = 'en';
/** Detect and set locale from browser preferences. */ /** Detect and set locale from browser preferences, update document lang. */
export function initLocale(): void { export function initLocale(): void {
const langs = navigator.languages ?? [navigator.language]; const langs = navigator.languages ?? [navigator.language];
for (const lang of langs) { for (const lang of langs) {
const code = lang.toLowerCase().split('-')[0]; const code = lang.toLowerCase().split('-')[0];
if (code in locales) { if (code in locales) {
currentLocale = code; currentLocale = code;
return; break;
} }
// nb and nn both start with "n" — also match "no" as Bokmål // nb and nn both start with "n" — also match "no" as Bokmål
if (code === 'no') { if (code === 'no') {
currentLocale = 'nb'; currentLocale = 'nb';
return; break;
} }
} }
document.documentElement.lang = currentLocale;
} }
/** Get current locale code. */ /** Get current locale code. */

View file

@ -1,4 +1,4 @@
/** Norwegian Bokm\u00e5l strings. Ported from res/values-nb/strings.xml. */ /** Norwegian Bokmål strings. Ported from res/values-nb/strings.xml. */
export const nb: Record<string, string> = { export const nb: Record<string, string> = {
app_name: 'Tilfluktsrom', app_name: 'Tilfluktsrom',
@ -7,41 +7,81 @@ export const nb: Record<string, string> = {
status_updating: 'Oppdaterer\u2026', status_updating: 'Oppdaterer\u2026',
status_offline: 'Frakoblet modus', status_offline: 'Frakoblet modus',
status_shelters_loaded: '%d tilfluktsrom lastet', status_shelters_loaded: '%d tilfluktsrom lastet',
status_no_location: 'Venter p\u00e5 GPS\u2026', status_no_location: 'Venter på GPS\u2026',
status_caching_map: 'Lagrer kart for frakoblet bruk\u2026', status_caching_map: 'Lagrer kart for frakoblet bruk\u2026',
loading_shelters: 'Laster ned tilfluktsromdata\u2026', loading_shelters: 'Laster ned tilfluktsromdata\u2026',
loading_map: 'Lagrer kartfliser\u2026', loading_map: 'Lagrer kartfliser\u2026',
loading_map_explanation: loading_map_explanation:
'Forbereder frakoblet kart.\nKartet vil rulle kort for \u00e5 lagre omgivelsene dine.', 'Forbereder frakoblet kart.\nKartet vil rulle kort for å lagre omgivelsene dine.',
loading_first_time: 'Gj\u00f8r klar for f\u00f8rste gangs bruk\u2026', loading_first_time: 'Gjør klar for første gangs bruk\u2026',
shelter_capacity: '%d plasser', shelter_capacity: '%d plasser',
shelter_room_nr: 'Rom %d', shelter_room_nr: 'Rom %d',
nearest_shelter: 'N\u00e6rmeste tilfluktsrom', nearest_shelter: 'Nærmeste tilfluktsrom',
no_shelters: 'Ingen tilfluktsromdata tilgjengelig', no_shelters: 'Ingen tilfluktsromdata tilgjengelig',
action_refresh: 'Oppdater data', action_refresh: 'Oppdater data',
action_toggle_view: 'Bytt mellom kart og kompassvisning', action_toggle_view: 'Bytt mellom kart og kompassvisning',
action_skip: 'Hopp over', action_skip: 'Hopp over',
action_cache_ok: 'Lagre kart', action_cache_ok: 'Lagre kart',
action_cache_now: 'Lagre n\u00e5', action_cache_now: 'Lagre nå',
warning_no_map_cache: warning_no_map_cache:
'Ingen frakoblet kart lagret. Kartet krever internett.', 'Ingen frakoblet kart lagret. Kartet krever internett.',
permission_location_title: 'Posisjonstillatelse kreves', permission_location_title: 'Posisjonstillatelse kreves',
permission_location_message: permission_location_message:
'Denne appen trenger din posisjon for \u00e5 finne n\u00e6rmeste tilfluktsrom. Vennligst gi tilgang til posisjon.', 'Denne appen trenger din posisjon for å finne nærmeste tilfluktsrom. Vennligst gi tilgang til posisjon.',
permission_denied: permission_denied:
'Posisjonstillatelse avsl\u00e5tt. Appen kan ikke finne tilfluktsrom i n\u00e6rheten uten den.', 'Posisjonstillatelse avslått. Appen kan ikke finne tilfluktsrom i nærheten uten den.',
error_download_failed: error_download_failed:
'Kunne ikke laste ned tilfluktsromdata. Sjekk internettforbindelsen.', 'Kunne ikke laste ned tilfluktsromdata. Sjekk internettforbindelsen.',
error_no_data_offline: error_no_data_offline:
'Ingen lagrede data tilgjengelig. Koble til internett for \u00e5 laste ned tilfluktsromdata.', 'Ingen lagrede data tilgjengelig. Koble til internett for å laste ned tilfluktsromdata.',
update_success: 'Tilfluktsromdata oppdatert', update_success: 'Tilfluktsromdata oppdatert',
update_failed: 'Oppdatering mislyktes \u2014 bruker lagrede data', update_failed: 'Oppdatering mislyktes — bruker lagrede data',
error_shelter_not_found: 'Fant ikke tilfluktsrommet',
// Tilgjengelighet // Tilgjengelighet
direction_arrow_description: 'Retning til tilfluktsrom, %s unna', direction_arrow_description: 'Retning til tilfluktsrom, %s unna',
a11y_map: 'Kart',
a11y_compass: 'Kompass',
a11y_shelter_info: 'Tilfluktsrominfo',
a11y_nearest_shelters: 'Nærmeste tilfluktsrom',
// Sivilforsvar
action_civil_defense_info: 'Sivilforsvarsinformasjon',
civil_defense_title: 'Hva du skal gjøre hvis alarmen går',
civil_defense_step1_title: '1. Viktig melding-signalet',
civil_defense_step1_body: 'Tre serier med korte støt med ett minutts stillhet mellom hver serie. Dette betyr: søk informasjon umiddelbart. Slå på DAB-radio, TV, eller sjekk offisielle kilder på nett.',
civil_defense_step2_title: '2. Flyalarm',
civil_defense_step2_body: 'Korte støt som varer omtrent ett minutt. Dette betyr umiddelbar fare for angrep — søk dekning nå. Gå til nærmeste tilfluktsrom, kjeller eller innerrom umiddelbart.',
civil_defense_step3_title: '3. Gå innendørs og finn dekning',
civil_defense_step3_body: 'Kom deg innendørs. Lukk alle vinduer, dører og ventilasjonsåpninger. Bruk denne appen for å finne nærmeste offentlige tilfluktsrom. Kompasset og kartet fungerer uten internett. Hvis det ikke er noe tilfluktsrom i nærheten, gå til en kjeller eller et innerrom bort fra vinduer.',
civil_defense_step4_title: '4. Lytt til NRK på DAB-radio',
civil_defense_step4_body: 'Lytt til NRK P1 på DAB-radio for offisielle oppdateringer og instruksjoner fra myndighetene. DAB-radio fungerer selv når mobilnettet og internett er nede.',
civil_defense_step5_title: '5. Faren over',
civil_defense_step5_body: 'Én sammenhengende tone på omtrent 30 sekunder. Faren eller angrepet er over. Fortsett å følge instruksjoner fra myndighetene.',
civil_defense_source: 'Kilde: DSB (Direktoratet for samfunnssikkerhet og beredskap)',
// Om
about_title: 'Om Tilfluktsrom',
about_description:
'Tilfluktsrom hjelper deg med å finne nærmeste offentlige tilfluktsrom i Norge. Appen fungerer uten internett etter første oppsett.',
about_privacy_title: 'Personvern',
about_privacy_body:
'Denne appen samler ikke inn, sender eller deler noen personopplysninger. Det finnes ingen analyse, sporing eller tredjepartstjenester. GPS-posisjonen din brukes bare lokalt på enheten din for å finne tilfluktsrom i nærheten, og sendes aldri til noen server.',
about_data_title: 'Datakilder',
about_data_body:
'Tilfluktsromdata: DSB (Direktoratet for samfunnssikkerhet og beredskap), distribuert via Geonorge. Kartfliser: OpenStreetMap. Begge lagres lokalt for frakoblet bruk.',
about_stored_title: 'Lagret på enheten din',
about_stored_body:
'Tilfluktsromdatabase (offentlige data), kartfliser for frakoblet bruk og kartbuffer-metadata. Ingen data forlater enheten din bortsett fra forespørsler om å laste ned tilfluktsromdata og kartfliser.',
about_copyright: 'Opphavsrett © Ole-Morten Duesund',
about_open_source: 'Åpen kildekode — kode.naiv.no/olemd/tilfluktsrom',
action_about: 'Om',
action_close: 'Lukk',
action_clear_cache: 'Slett lagrede data',
cache_cleared: 'Alle lagrede data slettet',
}; };

View file

@ -5,20 +5,20 @@ export const nn: Record<string, string> = {
status_ready: 'Klar', status_ready: 'Klar',
status_loading: 'Lastar tilfluktsromdata\u2026', status_loading: 'Lastar tilfluktsromdata\u2026',
status_updating: 'Oppdaterer\u2026', status_updating: 'Oppdaterer\u2026',
status_offline: 'Fr\u00e5kopla modus', status_offline: 'Fråkopla modus',
status_shelters_loaded: '%d tilfluktsrom lasta', status_shelters_loaded: '%d tilfluktsrom lasta',
status_no_location: 'Ventar p\u00e5 GPS\u2026', status_no_location: 'Ventar på GPS\u2026',
status_caching_map: 'Lagrar kart for fr\u00e5kopla bruk\u2026', status_caching_map: 'Lagrar kart for fråkopla bruk\u2026',
loading_shelters: 'Lastar ned tilfluktsromdata\u2026', loading_shelters: 'Lastar ned tilfluktsromdata\u2026',
loading_map: 'Lagrar kartfliser\u2026', loading_map: 'Lagrar kartfliser\u2026',
loading_map_explanation: loading_map_explanation:
'F\u00f8rebur fr\u00e5kopla kart.\nKartet vil rulle kort for \u00e5 lagre omgjevnadene dine.', 'Førebur fråkopla kart.\nKartet vil rulle kort for å lagre omgjevnadene dine.',
loading_first_time: 'Gjer klar for fyrste gongs bruk\u2026', loading_first_time: 'Gjer klar for fyrste gongs bruk\u2026',
shelter_capacity: '%d plassar', shelter_capacity: '%d plassar',
shelter_room_nr: 'Rom %d', shelter_room_nr: 'Rom %d',
nearest_shelter: 'N\u00e6raste tilfluktsrom', nearest_shelter: 'Næraste tilfluktsrom',
no_shelters: 'Ingen tilfluktsromdata tilgjengeleg', no_shelters: 'Ingen tilfluktsromdata tilgjengeleg',
action_refresh: 'Oppdater data', action_refresh: 'Oppdater data',
@ -27,21 +27,61 @@ export const nn: Record<string, string> = {
action_cache_ok: 'Lagre kart', action_cache_ok: 'Lagre kart',
action_cache_now: 'Lagre no', action_cache_now: 'Lagre no',
warning_no_map_cache: warning_no_map_cache:
'Ingen fr\u00e5kopla kart lagra. Kartet krev internett.', 'Ingen fråkopla kart lagra. Kartet krev internett.',
permission_location_title: 'Posisjonsløyve krevst', permission_location_title: 'Posisjonsløyve krevst',
permission_location_message: permission_location_message:
'Denne appen treng posisjonen din for \u00e5 finne n\u00e6raste tilfluktsrom. Ver venleg og gje tilgang til posisjon.', 'Denne appen treng posisjonen din for å finne næraste tilfluktsrom. Ver venleg og gje tilgang til posisjon.',
permission_denied: permission_denied:
'Posisjonsløyve avsl\u00e5tt. Appen kan ikkje finne tilfluktsrom i n\u00e6rleiken utan det.', 'Posisjonsløyve avslått. Appen kan ikkje finne tilfluktsrom i nærleiken utan det.',
error_download_failed: error_download_failed:
'Kunne ikkje laste ned tilfluktsromdata. Sjekk internettilkoplinga.', 'Kunne ikkje laste ned tilfluktsromdata. Sjekk internettilkoplinga.',
error_no_data_offline: error_no_data_offline:
'Ingen lagra data tilgjengeleg. Kopla til internett for \u00e5 laste ned tilfluktsromdata.', 'Ingen lagra data tilgjengeleg. Kopla til internett for å laste ned tilfluktsromdata.',
update_success: 'Tilfluktsromdata oppdatert', update_success: 'Tilfluktsromdata oppdatert',
update_failed: 'Oppdatering mislukkast \u2014 brukar lagra data', update_failed: 'Oppdatering mislukkast — brukar lagra data',
error_shelter_not_found: 'Fann ikkje tilfluktsrommet',
// Tilgjenge // Tilgjenge
direction_arrow_description: 'Retning til tilfluktsrom, %s unna', direction_arrow_description: 'Retning til tilfluktsrom, %s unna',
a11y_map: 'Kart',
a11y_compass: 'Kompass',
a11y_shelter_info: 'Tilfluktsrominfo',
a11y_nearest_shelters: 'Nærmaste tilfluktsrom',
// Sivilforsvar
action_civil_defense_info: 'Sivilforsvarsinformasjon',
civil_defense_title: 'Kva du skal gjere om alarmen går',
civil_defense_step1_title: '1. Viktig melding-signalet',
civil_defense_step1_body: 'Tre seriar med korte støyt med eitt minutt stille mellom kvar serie. Dette tyder: søk informasjon med ein gong. Slå på DAB-radio, TV, eller sjekk offisielle kjelder på nett.',
civil_defense_step2_title: '2. Flyalarm',
civil_defense_step2_body: 'Korte støyt som varar omtrent eitt minutt. Dette tyder umiddelbar fare for åtak — søk dekning no. Gå til næraste tilfluktsrom, kjellar eller innerrom med ein gong.',
civil_defense_step3_title: '3. Gå innandørs og finn dekning',
civil_defense_step3_body: 'Kom deg innandørs. Lukk alle vindauge, dører og ventilasjonsopningar. Bruk denne appen for å finne næraste offentlege tilfluktsrom. Kompasset og kartet fungerer utan internett. Om det ikkje er noko tilfluktsrom i nærleiken, gå til ein kjellar eller eit innerrom bort frå vindauge.',
civil_defense_step4_title: '4. Lytt til NRK på DAB-radio',
civil_defense_step4_body: 'Lytt til NRK P1 på DAB-radio for offisielle oppdateringar og instruksjonar frå styresmaktene. DAB-radio fungerer sjølv når mobilnettet og internett er nede.',
civil_defense_step5_title: '5. Faren over',
civil_defense_step5_body: 'Éin samanhengande tone på omtrent 30 sekund. Faren eller åtaket er over. Hald fram med å følgje instruksjonar frå styresmaktene.',
civil_defense_source: 'Kjelde: DSB (Direktoratet for samfunnstryggleik og beredskap)',
// Om
about_title: 'Om Tilfluktsrom',
about_description:
'Tilfluktsrom hjelper deg med å finne næraste offentlege tilfluktsrom i Noreg. Appen fungerer utan internett etter fyrste oppsett.',
about_privacy_title: 'Personvern',
about_privacy_body:
'Denne appen samlar ikkje inn, sender eller deler nokon personopplysingar. Det finst ingen analyse, sporing eller tredjepartstenester. GPS-posisjonen din vert berre brukt lokalt på eininga di for å finne tilfluktsrom i nærleiken, og vert aldri sendt til nokon tenar.',
about_data_title: 'Datakjelder',
about_data_body:
'Tilfluktsromdata: DSB (Direktoratet for samfunnstryggleik og beredskap), distribuert via Geonorge. Kartfliser: OpenStreetMap. Begge vert lagra lokalt for fråkopla bruk.',
about_stored_title: 'Lagra på eininga di',
about_stored_body:
'Tilfluktsromdatabase (offentlege data), kartfliser for fråkopla bruk og kartbuffer-metadata. Ingen data forlèt eininga di bortsett frå førespurnader om å laste ned tilfluktsromdata og kartfliser.',
about_copyright: 'Opphavsrett © Ole-Morten Duesund',
about_open_source: 'Open kjeldekode — kode.naiv.no/olemd/tilfluktsrom',
action_about: 'Om',
action_close: 'Lukk',
action_clear_cache: 'Slett lagra data',
cache_cleared: 'Alle lagra data sletta',
}; };

View file

@ -20,6 +20,21 @@ html, body {
-webkit-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
} }
/* --- Focus indicators for screen reader / switch access --- */
:focus-visible {
outline: 2px solid #FF6B35;
outline-offset: 2px;
}
/* --- Respect reduced motion preference --- */
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
}
}
/* --- App shell layout --- */ /* --- App shell layout --- */
#app { #app {
display: flex; display: flex;
@ -47,6 +62,7 @@ html, body {
text-overflow: ellipsis; text-overflow: ellipsis;
} }
#about-btn,
#refresh-btn { #refresh-btn {
background: none; background: none;
border: none; border: none;
@ -58,6 +74,7 @@ html, body {
flex-shrink: 0; flex-shrink: 0;
} }
#about-btn:hover,
#refresh-btn:hover { #refresh-btn:hover {
color: #ECEFF1; color: #ECEFF1;
} }
@ -263,6 +280,18 @@ html, body {
.shelter-item.selected { .shelter-item.selected {
border-color: #FF6B35; border-color: #FF6B35;
background: rgba(255, 107, 53, 0.1); background: rgba(255, 107, 53, 0.1);
padding-left: 20px;
position: relative;
}
.shelter-item.selected::before {
content: '\25B6';
position: absolute;
left: 6px;
top: 50%;
transform: translateY(-50%);
color: #FF6B35;
font-size: 10px;
} }
.shelter-item-address { .shelter-item-address {
@ -372,3 +401,113 @@ html, body {
.leaflet-popup-close-button { .leaflet-popup-close-button {
color: #CFD8DC !important; color: #CFD8DC !important;
} }
/* --- About dialog --- */
#about-overlay {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.85);
z-index: 2000;
display: flex;
align-items: center;
justify-content: center;
padding: 16px;
}
.about-content {
background: #16213E;
border-radius: 12px;
padding: 24px;
max-width: 480px;
width: 100%;
max-height: 80vh;
overflow-y: auto;
}
.about-heading {
color: #FF6B35;
font-size: 20px;
font-weight: bold;
margin-bottom: 12px;
}
.about-subheading {
color: #ECEFF1;
font-size: 16px;
font-weight: bold;
margin-top: 16px;
margin-bottom: 4px;
}
.about-para {
color: #90A4AE;
font-size: 14px;
line-height: 1.5;
margin-bottom: 8px;
}
.about-footer {
margin-top: 20px;
padding-top: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.about-small {
color: #90A4AE;
font-size: 11px;
margin-bottom: 2px;
}
#civil-defense-overlay {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.85);
z-index: 2000;
display: flex;
align-items: center;
justify-content: center;
padding: 16px;
}
.about-link-btn {
display: block;
margin: 16px 0 0;
padding: 0;
background: none;
border: none;
color: #FF6B35;
font-size: 14px;
cursor: pointer;
min-height: 48px;
line-height: 48px;
}
.about-clear-btn {
display: block;
margin: 12px 0 0;
padding: 8px 16px;
background: transparent;
border: 1px solid #90A4AE;
border-radius: 6px;
color: #90A4AE;
font-size: 13px;
cursor: pointer;
}
.about-clear-btn:disabled {
border-color: #4a6a5a;
color: #4a6a5a;
cursor: default;
}
.about-close-btn {
display: block;
margin: 16px auto 0;
padding: 10px 32px;
background: #FF6B35;
border: none;
border-radius: 6px;
color: #FFFFFF;
font-size: 14px;
cursor: pointer;
}

122
pwa/src/ui/about-dialog.ts Normal file
View file

@ -0,0 +1,122 @@
/**
* About dialog: app info, privacy statement, data sources, copyright.
* Includes a "Clear cached data" button that removes all local storage.
* Opens as a modal overlay, same pattern as loading-overlay.
*/
import { t } from '../i18n/i18n';
let overlay: HTMLDivElement | null = null;
let previousFocus: HTMLElement | null = null;
/** Show the about dialog. */
export function showAbout(): void {
if (overlay) return;
previousFocus = document.activeElement as HTMLElement | null;
overlay = document.createElement('div');
overlay.id = 'about-overlay';
overlay.setAttribute('role', 'dialog');
overlay.setAttribute('aria-modal', 'true');
overlay.setAttribute('aria-label', t('about_title'));
const content = document.createElement('div');
content.className = 'about-content';
content.appendChild(heading(t('about_title')));
content.appendChild(para(t('about_description')));
content.appendChild(subheading(t('about_privacy_title')));
content.appendChild(para(t('about_privacy_body')));
content.appendChild(subheading(t('about_data_title')));
content.appendChild(para(t('about_data_body')));
content.appendChild(subheading(t('about_stored_title')));
content.appendChild(para(t('about_stored_body')));
// Clear cache button
const clearBtn = document.createElement('button');
clearBtn.className = 'about-clear-btn';
clearBtn.textContent = t('action_clear_cache');
clearBtn.addEventListener('click', () => clearAllData(clearBtn));
content.appendChild(clearBtn);
const footer = document.createElement('div');
footer.className = 'about-footer';
footer.appendChild(small(t('about_copyright')));
footer.appendChild(small(t('about_open_source')));
content.appendChild(footer);
const closeBtn = document.createElement('button');
closeBtn.className = 'about-close-btn';
closeBtn.textContent = t('action_close');
closeBtn.addEventListener('click', hideAbout);
content.appendChild(closeBtn);
overlay.appendChild(content);
document.body.appendChild(overlay);
closeBtn.focus();
}
/** Hide the about dialog and restore focus. */
export function hideAbout(): void {
if (overlay) {
overlay.remove();
overlay = null;
}
previousFocus?.focus();
previousFocus = null;
}
/** Clear all cached data: IndexedDB, localStorage, and service worker caches. */
async function clearAllData(btn: HTMLButtonElement): Promise<void> {
btn.disabled = true;
// Clear localStorage (map cache metadata)
localStorage.clear();
// Clear IndexedDB (shelter database)
const dbs = await indexedDB.databases?.() ?? [];
for (const db of dbs) {
if (db.name) indexedDB.deleteDatabase(db.name);
}
// Clear service worker caches (map tiles, precache)
const cacheNames = await caches.keys();
for (const name of cacheNames) {
await caches.delete(name);
}
btn.textContent = t('cache_cleared');
}
function heading(text: string): HTMLElement {
const el = document.createElement('h2');
el.textContent = text;
el.className = 'about-heading';
return el;
}
function subheading(text: string): HTMLElement {
const el = document.createElement('h3');
el.textContent = text;
el.className = 'about-subheading';
return el;
}
function para(text: string): HTMLElement {
const el = document.createElement('p');
el.textContent = text;
el.className = 'about-para';
return el;
}
function small(text: string): HTMLElement {
const el = document.createElement('p');
el.textContent = text;
el.className = 'about-small';
return el;
}

View file

@ -0,0 +1,96 @@
/**
* Civil defense info dialog: what to do when the alarm sounds.
* Same content as the Android CivilDefenseInfoDialog.
* Links to the about dialog at the bottom.
*/
import { t } from '../i18n/i18n';
import { showAbout } from './about-dialog';
let overlay: HTMLDivElement | null = null;
let previousFocus: HTMLElement | null = null;
/** Show the civil defense info dialog. */
export function showCivilDefenseInfo(): void {
if (overlay) return;
previousFocus = document.activeElement as HTMLElement | null;
overlay = document.createElement('div');
overlay.id = 'civil-defense-overlay';
overlay.setAttribute('role', 'dialog');
overlay.setAttribute('aria-modal', 'true');
overlay.setAttribute('aria-label', t('civil_defense_title'));
const content = document.createElement('div');
content.className = 'about-content';
content.appendChild(heading(t('civil_defense_title')));
for (let i = 1; i <= 5; i++) {
content.appendChild(subheading(t(`civil_defense_step${i}_title`)));
content.appendChild(para(t(`civil_defense_step${i}_body`)));
}
content.appendChild(small(t('civil_defense_source')));
// "About this app" link
const aboutLink = document.createElement('button');
aboutLink.className = 'about-link-btn';
aboutLink.textContent = t('action_about');
aboutLink.addEventListener('click', () => {
hideCivilDefenseInfo();
showAbout();
});
content.appendChild(aboutLink);
const closeBtn = document.createElement('button');
closeBtn.className = 'about-close-btn';
closeBtn.textContent = t('action_close');
closeBtn.addEventListener('click', hideCivilDefenseInfo);
content.appendChild(closeBtn);
overlay.appendChild(content);
document.body.appendChild(overlay);
closeBtn.focus();
}
/** Hide the dialog and restore focus. */
export function hideCivilDefenseInfo(): void {
if (overlay) {
overlay.remove();
overlay = null;
}
previousFocus?.focus();
previousFocus = null;
}
function heading(text: string): HTMLElement {
const el = document.createElement('h2');
el.textContent = text;
el.className = 'about-heading';
return el;
}
function subheading(text: string): HTMLElement {
const el = document.createElement('h3');
el.textContent = text;
el.className = 'about-subheading';
return el;
}
function para(text: string): HTMLElement {
const el = document.createElement('p');
el.textContent = text;
el.className = 'about-para';
return el;
}
function small(text: string): HTMLElement {
const el = document.createElement('p');
el.textContent = text;
el.className = 'about-small';
el.style.fontStyle = 'italic';
return el;
}

View file

@ -3,15 +3,20 @@
* Ported from DirectionArrowView.kt same 7-point arrow polygon. * Ported from DirectionArrowView.kt same 7-point arrow polygon.
* *
* Arrow rotation = shelterBearing - deviceHeading * Arrow rotation = shelterBearing - deviceHeading
*
* Also draws a discrete north indicator on the perimeter so users can
* validate compass calibration against a known direction.
*/ */
const ARROW_COLOR = '#FF6B35'; const ARROW_COLOR = '#FF6B35';
const OUTLINE_COLOR = '#FFFFFF'; const OUTLINE_COLOR = '#FFFFFF';
const OUTLINE_WIDTH = 4; const OUTLINE_WIDTH = 4;
const NORTH_COLOR = 'rgba(207, 216, 220, 0.6)'; // text_secondary at ~60%
let canvas: HTMLCanvasElement | null = null; let canvas: HTMLCanvasElement | null = null;
let ctx: CanvasRenderingContext2D | null = null; let ctx: CanvasRenderingContext2D | null = null;
let currentAngle = 0; let currentAngle = 0;
let northAngle: number | null = null;
let animFrameId = 0; let animFrameId = 0;
/** Initialize the compass canvas inside the given container element. */ /** Initialize the compass canvas inside the given container element. */
@ -20,6 +25,7 @@ export function initCompass(container: HTMLElement): void {
canvas.id = 'compass-canvas'; canvas.id = 'compass-canvas';
canvas.style.width = '100%'; canvas.style.width = '100%';
canvas.style.height = '100%'; canvas.style.height = '100%';
canvas.setAttribute('aria-hidden', 'true');
container.prepend(canvas); container.prepend(canvas);
resizeCanvas(); resizeCanvas();
window.addEventListener('resize', resizeCanvas); window.addEventListener('resize', resizeCanvas);
@ -43,6 +49,14 @@ export function setDirection(degrees: number): void {
animFrameId = requestAnimationFrame(draw); animFrameId = requestAnimationFrame(draw);
} }
/**
* Set the angle to north in the view's coordinate space.
* Typically -deviceHeading. Set to null to hide.
*/
export function setNorthAngle(degrees: number): void {
northAngle = degrees;
}
function draw(): void { function draw(): void {
if (!canvas) return; if (!canvas) return;
ctx = canvas.getContext('2d'); ctx = canvas.getContext('2d');
@ -55,6 +69,12 @@ function draw(): void {
const size = Math.min(w, h) * 0.4; const size = Math.min(w, h) * 0.4;
ctx.clearRect(0, 0, w, h); ctx.clearRect(0, 0, w, h);
// Draw north indicator behind the main arrow
if (northAngle !== null) {
drawNorthIndicator(ctx, cx, cy, size);
}
ctx.save(); ctx.save();
ctx.translate(cx, cy); ctx.translate(cx, cy);
ctx.rotate((currentAngle * Math.PI) / 180); ctx.rotate((currentAngle * Math.PI) / 180);
@ -79,6 +99,47 @@ function draw(): void {
ctx.restore(); ctx.restore();
} }
/** Small triangle and "N" label on the perimeter, pointing inward. */
function drawNorthIndicator(
c: CanvasRenderingContext2D,
cx: number,
cy: number,
arrowSize: number,
): void {
if (northAngle === null) return;
const radius = arrowSize * 1.35;
const tickSize = arrowSize * 0.1;
const rad = (northAngle * Math.PI) / 180;
c.save();
c.translate(cx, cy);
c.rotate(rad);
// Small triangle
c.beginPath();
c.moveTo(0, -radius);
c.lineTo(-tickSize, -radius - tickSize * 1.8);
c.lineTo(tickSize, -radius - tickSize * 1.8);
c.closePath();
c.fillStyle = NORTH_COLOR;
c.fill();
// "N" label
c.font = `${arrowSize * 0.18}px -apple-system, sans-serif`;
c.fillStyle = NORTH_COLOR;
c.textAlign = 'center';
c.textBaseline = 'bottom';
c.fillText('N', 0, -radius - tickSize * 2.2);
c.restore();
}
/** Resize the canvas (call when the compass container becomes visible). */
export function resize(): void {
resizeCanvas();
}
/** Clean up compass resources. */ /** Clean up compass resources. */
export function destroyCompass(): void { export function destroyCompass(): void {
window.removeEventListener('resize', resizeCanvas); window.removeEventListener('resize', resizeCanvas);

View file

@ -1,8 +1,16 @@
/** /**
* Loading overlay: spinner + message + OK/Skip buttons. * Loading overlay: spinner + message + OK/Skip buttons.
* Same flow as Android: prompt before map caching, user can skip. * Same flow as Android: prompt before map caching, user can skip.
*
* Accessibility: the overlay is a modal dialog (role="dialog", aria-modal).
* Focus is moved into the dialog when shown and restored when hidden.
*/ */
import { t } from '../i18n/i18n';
/** Element that had focus before the overlay opened. */
let previousFocus: HTMLElement | null = null;
/** Show the loading overlay with a message and optional spinner. */ /** Show the loading overlay with a message and optional spinner. */
export function showLoading(message: string, showSpinner = true): void { export function showLoading(message: string, showSpinner = true): void {
const overlay = document.getElementById('loading-overlay')!; const overlay = document.getElementById('loading-overlay')!;
@ -10,10 +18,13 @@ export function showLoading(message: string, showSpinner = true): void {
const spinner = document.getElementById('loading-spinner')!; const spinner = document.getElementById('loading-spinner')!;
const buttonRow = document.getElementById('loading-button-row')!; const buttonRow = document.getElementById('loading-button-row')!;
previousFocus = document.activeElement as HTMLElement | null;
text.textContent = message; text.textContent = message;
overlay.setAttribute('aria-label', message);
spinner.style.display = showSpinner ? 'block' : 'none'; spinner.style.display = showSpinner ? 'block' : 'none';
buttonRow.style.display = 'none'; buttonRow.style.display = 'none';
overlay.style.display = 'flex'; overlay.style.display = 'flex';
text.focus();
} }
/** Show the cache prompt (OK / Skip buttons, no spinner). */ /** Show the cache prompt (OK / Skip buttons, no spinner). */
@ -29,11 +40,16 @@ export function showCachePrompt(
const okBtn = document.getElementById('loading-ok-btn')!; const okBtn = document.getElementById('loading-ok-btn')!;
const skipBtn = document.getElementById('loading-skip-btn')!; const skipBtn = document.getElementById('loading-skip-btn')!;
previousFocus = document.activeElement as HTMLElement | null;
text.textContent = message; text.textContent = message;
overlay.setAttribute('aria-label', message);
spinner.style.display = 'none'; spinner.style.display = 'none';
buttonRow.style.display = 'flex'; buttonRow.style.display = 'flex';
overlay.style.display = 'flex'; overlay.style.display = 'flex';
okBtn.textContent = t('action_cache_ok');
skipBtn.textContent = t('action_skip');
okBtn.onclick = () => { okBtn.onclick = () => {
hideLoading(); hideLoading();
onOk(); onOk();
@ -42,6 +58,8 @@ export function showCachePrompt(
hideLoading(); hideLoading();
onSkip(); onSkip();
}; };
okBtn.focus();
} }
/** Update loading text (e.g. progress). */ /** Update loading text (e.g. progress). */
@ -50,8 +68,10 @@ export function updateLoadingText(message: string): void {
if (text) text.textContent = message; if (text) text.textContent = message;
} }
/** Hide the loading overlay. */ /** Hide the loading overlay and restore focus. */
export function hideLoading(): void { export function hideLoading(): void {
const overlay = document.getElementById('loading-overlay'); const overlay = document.getElementById('loading-overlay');
if (overlay) overlay.style.display = 'none'; if (overlay) overlay.style.display = 'none';
previousFocus?.focus();
previousFocus = null;
} }

View file

@ -6,16 +6,19 @@
*/ */
import L from 'leaflet'; import L from 'leaflet';
import markerIcon from 'leaflet/dist/images/marker-icon.png';
import markerIcon2x from 'leaflet/dist/images/marker-icon-2x.png';
import markerShadow from 'leaflet/dist/images/marker-shadow.png';
import type { Shelter, ShelterWithDistance, LatLon } from '../types'; import type { Shelter, ShelterWithDistance, LatLon } from '../types';
import { t } from '../i18n/i18n'; import { t } from '../i18n/i18n';
// Fix Leaflet default icon paths (broken by bundlers) // Fix Leaflet default icon paths (broken by bundlers) — use bundled assets
// eslint-disable-next-line @typescript-eslint/no-explicit-any // eslint-disable-next-line @typescript-eslint/no-explicit-any
delete (L.Icon.Default.prototype as any)._getIconUrl; delete (L.Icon.Default.prototype as any)._getIconUrl;
L.Icon.Default.mergeOptions({ L.Icon.Default.mergeOptions({
iconUrl: 'https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon.png', iconUrl: markerIcon,
iconRetinaUrl: 'https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon-2x.png', iconRetinaUrl: markerIcon2x,
shadowUrl: 'https://unpkg.com/leaflet@1.9.4/dist/images/marker-shadow.png', shadowUrl: markerShadow,
}); });
const DEFAULT_ZOOM = 14; const DEFAULT_ZOOM = 14;

View file

@ -34,8 +34,19 @@ export function updateList(
} }
shelters.forEach((swd, i) => { shelters.forEach((swd, i) => {
const isSelected = i === selectedIndex;
const item = document.createElement('button'); const item = document.createElement('button');
item.className = `shelter-item${i === selectedIndex ? ' selected' : ''}`; item.className = `shelter-item${isSelected ? ' selected' : ''}`;
item.role = 'listitem';
if (isSelected) item.setAttribute('aria-current', 'true');
const details = [
formatDistance(swd.distanceMeters),
t('shelter_capacity', swd.shelter.plasser),
t('shelter_room_nr', swd.shelter.romnr),
].join(' \u00B7 ');
item.setAttribute('aria-label', `${swd.shelter.adresse}, ${details}`);
const addressSpan = document.createElement('span'); const addressSpan = document.createElement('span');
addressSpan.className = 'shelter-item-address'; addressSpan.className = 'shelter-item-address';
@ -43,11 +54,7 @@ export function updateList(
const detailsSpan = document.createElement('span'); const detailsSpan = document.createElement('span');
detailsSpan.className = 'shelter-item-details'; detailsSpan.className = 'shelter-item-details';
detailsSpan.textContent = [ detailsSpan.textContent = details;
formatDistance(swd.distanceMeters),
t('shelter_capacity', swd.shelter.plasser),
t('shelter_room_nr', swd.shelter.romnr),
].join(' \u00B7 ');
item.appendChild(addressSpan); item.appendChild(addressSpan);
item.appendChild(detailsSpan); item.appendChild(detailsSpan);

View file

@ -2,6 +2,7 @@ import { defineConfig } from 'vite';
import { VitePWA } from 'vite-plugin-pwa'; import { VitePWA } from 'vite-plugin-pwa';
export default defineConfig({ export default defineConfig({
base: '/',
define: { define: {
// Injected as a global — changes every build, breaking any stale cache // Injected as a global — changes every build, breaking any stale cache
__BUILD_REVISION__: JSON.stringify( __BUILD_REVISION__: JSON.stringify(
@ -21,7 +22,7 @@ export default defineConfig({
cleanupOutdatedCaches: true, cleanupOutdatedCaches: true,
// SPA: serve index.html for all navigation requests // SPA: serve index.html for all navigation requests
navigateFallback: '/index.html', navigateFallback: 'index.html',
// Vite already hashes JS/CSS filenames — skip Workbox's // Vite already hashes JS/CSS filenames — skip Workbox's
// cache-bust query parameter for those // cache-bust query parameter for those
@ -39,7 +40,7 @@ export default defineConfig({
maxAgeSeconds: 30 * 24 * 60 * 60, // 30 days maxAgeSeconds: 30 * 24 * 60 * 60, // 30 days
}, },
cacheableResponse: { cacheableResponse: {
statuses: [0, 200], statuses: [200],
}, },
}, },
}, },

View file

@ -1,4 +0,0 @@
versionMajor=1
versionMinor=6
versionPatch=0
versionCode=9