feat: Implement PWA install prompt with platform-specific handling and dismissal persistence.
All checks were successful
Build and Deploy / build (push) Successful in 1m25s

This commit is contained in:
2025-12-18 00:55:45 +01:00
parent 60db2a91df
commit c8d2871126
12 changed files with 3734 additions and 2 deletions

View File

@@ -0,0 +1,23 @@
# PWA Install Prompt Implementation Plan
## Objective
Implement a user interface that prompts the user to install the application as a PWA on supported devices (primarily Android/Chrome).
## Tasks
1. Create `src/client/src/components/PWAInstallPrompt.tsx` that:
- Listens for `beforeinstallprompt` event.
- Displays a custom UI (toast/banner) when the event is captured.
- Calls `prompt()` on the event object when the user clicks "Install".
- Handles the user's choice.
2. Integrate `PWAInstallPrompt` into `App.tsx`.
3. Verify `vite.config.ts` PWA settings (already done, looks good).
## Implementation Details
- The component will use a fixed position styling (bottom right/center) to be noticeable but not blocking.
- It will use existing design system (Tailwind).
## Status
- [x] Create Component
- [x] Integrate into App
- [x] Update Config
- **Completed**: 2025-12-18