No PWA support despite offline-first claims in the UI #2

New issue

Closed

opened 2026-05-11 05:54:52 +00:00 by Mark · 0 comments

Mark commented

2026-05-11 05:54:52 +00:00

Owner

Description

The AlertsSection.tsx describes the app as "Offline-First" and "PWA with Capacitor wrapper" in its feature cards, but the project has no:

Service worker registration
Web App Manifest (manifest.json)
@capacitor/core or @capacitor/cli in dependencies
Any PWA-related configuration in vite.config.ts
Icons or splash screens for PWA installation

Impact

Users cannot install the app on their devices
No offline caching of prices or assets
The app is misleading about a core feature

Suggested Approach

Install vite-plugin-pwa and configure it with a service worker (workbox)
Create a public/manifest.json with app name, icons, and theme color
Add a service worker registration in src/main.tsx
If Capacitor is intended, add @capacitor/core, @capacitor/cli, and platform configs
Decide on caching strategy (stale-while-revalidate for prices, cache-first for static assets)

src/sections/AlertsSection.tsx — makes PWA claims without implementation
index.html — missing <link rel="manifest"> and <meta name="theme-color">
package.json — no PWA or Capacitor dependencies

## Description The `AlertsSection.tsx` describes the app as "Offline-First" and "PWA with Capacitor wrapper" in its feature cards, but the project has no: - Service worker registration - Web App Manifest (`manifest.json`) - `@capacitor/core` or `@capacitor/cli` in dependencies - Any PWA-related configuration in `vite.config.ts` - Icons or splash screens for PWA installation ## Impact - Users cannot install the app on their devices - No offline caching of prices or assets - The app is misleading about a core feature ## Suggested Approach 1. Install `vite-plugin-pwa` and configure it with a service worker (workbox) 2. Create a `public/manifest.json` with app name, icons, and theme color 3. Add a service worker registration in `src/main.tsx` 4. If Capacitor is intended, add `@capacitor/core`, `@capacitor/cli`, and platform configs 5. Decide on caching strategy (stale-while-revalidate for prices, cache-first for static assets) ## Related Files - `src/sections/AlertsSection.tsx` — makes PWA claims without implementation - `index.html` — missing `<link rel="manifest">` and `<meta name="theme-color">` - `package.json` — no PWA or Capacitor dependencies