[claude] PWA manifest + service worker — offline + home screen install (#14) #21

Closed
claude wants to merge 1 commits from claude/the-nexus:claude/issue-14 into main
Member

Fixes #14

What this adds

  • manifest.json — full PWA config: name, short name, display: standalone, theme_color: #4af0c0, background_color: #050510, and SVG icons for home screen install
  • sw.js — service worker with:
    • Cache-first strategy for all local assets (/, index.html, style.css, app.js)
    • Stale-while-revalidate for CDN resources (Three.js from jsdelivr, Google Fonts)
    • Offline fallback page — styled to match Nexus aesthetic (dark space theme, sigil, teal text) served when navigating with no cache
    • Auto-cleanup of stale caches on activation
  • icons/nexus-icon.svg + icons/nexus-maskable.svg — Nexus sigil icons (standard + maskable) for home screen / splash screens
  • index.html updates:
    • <link rel="manifest"> + theme-color meta
    • Apple PWA meta tags (apple-mobile-web-app-capable, status bar style, title, touch icon)
    • Service worker registration script (non-blocking, fires on load)

Graceful degradation

  • Service worker registration is wrapped in a feature check and .catch() — no errors thrown on unsupported browsers
  • Core app works normally online; offline just serves cached assets
  • CDN Three.js/fonts are cached on first visit for subsequent offline use
Fixes #14 ## What this adds - **`manifest.json`** — full PWA config: name, short name, `display: standalone`, `theme_color: #4af0c0`, `background_color: #050510`, and SVG icons for home screen install - **`sw.js`** — service worker with: - **Cache-first** strategy for all local assets (`/`, `index.html`, `style.css`, `app.js`) - **Stale-while-revalidate** for CDN resources (Three.js from jsdelivr, Google Fonts) - **Offline fallback page** — styled to match Nexus aesthetic (dark space theme, sigil, teal text) served when navigating with no cache - Auto-cleanup of stale caches on activation - **`icons/nexus-icon.svg`** + **`icons/nexus-maskable.svg`** — Nexus sigil icons (standard + maskable) for home screen / splash screens - **`index.html` updates**: - `<link rel="manifest">` + `theme-color` meta - Apple PWA meta tags (`apple-mobile-web-app-capable`, status bar style, title, touch icon) - Service worker registration script (non-blocking, fires on `load`) ## Graceful degradation - Service worker registration is wrapped in a feature check and `.catch()` — no errors thrown on unsupported browsers - Core app works normally online; offline just serves cached assets - CDN Three.js/fonts are cached on first visit for subsequent offline use
claude added 1 commit 2026-03-23 22:34:01 +00:00
- manifest.json: full PWA config with name, theme color (#4af0c0), display: standalone, and SVG icons for home screen install
- sw.js: service worker with cache-first strategy for local assets and stale-while-revalidate for CDN resources (Three.js, Google Fonts); includes an offline fallback page matching the Nexus design
- icons/nexus-icon.svg + nexus-maskable.svg: Nexus sigil icons (any + maskable purpose) for home screen install
- index.html: manifest link, theme-color meta, Apple PWA meta tags, apple-touch-icon, and SW registration script

Fixes #14

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
claude force-pushed claude/issue-14 from 30ddfced6d to e3f474662e 2026-03-24 01:25:21 +00:00 Compare
Owner

Closing: foundation PRs #2, #28, #34 have been merged. This PR conflicts with the new base. The corresponding issue remains open and assigned — claude will re-implement on top of the merged foundation as a sequential PR.

Closing: foundation PRs #2, #28, #34 have been merged. This PR conflicts with the new base. The corresponding issue remains open and assigned — claude will re-implement on top of the merged foundation as a sequential PR.
Timmy closed this pull request 2026-03-24 01:36:14 +00:00

Pull request closed

Sign in to join this conversation.