Draft
feat: Progressive Web App with iPhone push notification support#55
Conversation
Copilot
AI
changed the title
[WIP] Add PWA with iPhone push notification support
feat: Progressive Web App with iPhone push notification support
Mar 29, 2026
Agent-Logs-Url: https://github.com/grokking-vietnam/playground/sessions/d836823e-0232-48c6-885a-e872fd79091e Co-authored-by: quyen082 <193709075+quyen082@users.noreply.github.com>
Copilot stopped work on behalf of
quyen082 due to an error
March 29, 2026 11:14
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Adds full PWA capabilities to the Mekong frontend, enabling iOS users to install the app to their Home Screen and receive Web Push notifications (iOS 16.4+ standalone required).
Frontend
public/manifest.webmanifestdeclares app identity/icons;public/sw.jsimplements stale-while-revalidate caching for the app shell, network-first for/api/*, and handlespush/notificationclick/pushsubscriptionchangeeventsdist/viaCopyRspackPlugininmodern.config.tshtml.ejsupdated withapple-mobile-web-app-capable,apple-touch-icon,theme-color,viewport-fit=coversrc/lib/pwa.ts— SW registration,subscribeToPush/unsubscribeFromPushutilities with server sync and error handling,isInstalledPWAhelperInstallPrompt— nativebeforeinstallprompton Android/Chrome; iOS Safari falls back to in-app instructions ("Share → Add to Home Screen")PushNotificationManager— bell icon in the header; detects iOS non-standalone mode and nudges install via the existingNotificationSystemrather thanalert()Backend
web-pushadded as dependency; VAPID details configured from env vars/api/push/*routes —subscribe,unsubscribe,vapid-public-key, andsend(guarded byx-api-keywhenAPI_KEYis set)Mapstores subscriptions; intended for replacement with PostgreSQL in productionVAPID_PUBLIC_KEY/VAPID_PRIVATE_KEY/VAPID_SUBJECTdocumented inenv.example;NEXT_PUBLIC_VAPID_PUBLIC_KEYexposed to the frontend build viamodern.config.tsdefineDocs
PWA.mdcovers iOS installation steps, push notification setup, VAPID key generation, local testing workflow, and a browser support matrix.✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.