Repository navigation
Let the site be added to the home screen - #18
Merged
Merged
Conversation
A web app manifest with 192/512 (maskable) icons and an apple-touch-icon, an "Add to home screen" button in the footer where the browser offers it and share-menu steps on iOS, and safe-area padding under the iOS status bar. Version 1.12.0. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_016uCcPyXxqRPqY3P5CNeNXF
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
2 participants
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.
Summary
public/manifest.webmanifestwithdisplay: standalone.start_urlandscopeare./, so it works under the GitHub Pages sub-path.maskable, plus a 180apple-touch-icon.png. All are rendered from the newpublic/app-icon.svg: the favicon's home plate on a full-bleed background, inside the 40% maskable safe circle.index.htmllinks the manifest and the apple touch icon, and setsapple-mobile-web-app-title.beforeinstallpromptis kept from module load; clicking the button opens the browser's dialog.black-translucent, an iOS home-screen launch draws the page under the status bar, so the navbar getssafe-area-inset-toppadding.index.htmlwould make the stale-chunk white screens fixed in Stop white screens after a deploy, and show rained-out games' scores #11 more likely. The existing offline banner covers losing the network.Verification
Page.getInstallabilityErrorson the production build (vite preview, persistent profile) returns no errors, and the manifest parses with no errors.npm test: 421 pass (4 new). The new tests cover the install button appearing on the event, prompting once and then hiding, the iOS hint, and iPadOS-as-Mac detection.Generated by Claude Code