Security News
The Dark Side of Open Source
At Node Congress, Socket CEO Feross Aboukhadijeh uncovers the darker aspects of open source, where applications that rely heavily on third-party dependencies can be exploited in supply chain attacks.
react-ios-pwa-prompt
Advanced tools
Readme
Polyfilling PWAs for iOS
A React component that provides a customisable Progressive Web App (PWA) prompt telling the user to 'Add to Home Screen'. The prompt behaviour is baked in to Android devices, yet iOS is still lagging behind. This component aims to provide a simple way to provide this functionality on iOS for websites that are PWA-ready. The prompt styles closely match iOS designs for both light and dark UI modes to appear native to the user.
Add react-ios-pwa-prompt
as a dependency using yarn add react-ios-pwa-prompt
.
Import into your project:
import PWAPrompt from 'react-ios-pwa-prompt'
<PWAPrompt />
timesToShow
: pass an integer to configure how many times to show the prompt. Defaults to 1
.promptOnVisit
: pass an integer for the when to start showing the prompt. Defaults to 1
(the first page visit).delay
: pass an integer in ms to add a delay to the prompt. Defaults to 1000
.onClose
: pass a function to call upon closing the prompt. Passes the event object as the function argument. Defaults to a noop.copyTitle
: pass a string to customise the title of the prompt. Defaults to Add to Home Screen
.copyBody
: pass a string to customise the body of the prompt. Defaults to This website has app functionality. Add it to your home screen to use it in fullscreen and while offline.
.copyShareButtonLabel
: pass a string to customise label of share button. Defaults to 1) Press the 'Share' button
.copyAddHomeButtonLabel
: pass a string to customise label of add to home instruction. Defaults to 2) Press 'Add to Home Screen'
.copyClosePrompt
: pass a string to customise label of close button. Defaults to Cancel
.permanentlyHideOnDismiss
: pass a boolean to configure whether to never show the prompt again once dismissed. Defaults to true
(hide forever).debug
: pass a boolean to put the prompt into debug mode, showing it on any device at all times. Defaults to false
(production-mode).<PWAPrompt promptOnVisit={1} timesToShow={3} copyClosePrompt="Close" permanentlyHideOnDismiss={false}/>
FAQs
A React component to prompt the user to add the app as a PWA to the home screen with native iOS styles.
The npm package react-ios-pwa-prompt receives a total of 2,631 weekly downloads. As such, react-ios-pwa-prompt popularity was classified as popular.
We found that react-ios-pwa-prompt demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
At Node Congress, Socket CEO Feross Aboukhadijeh uncovers the darker aspects of open source, where applications that rely heavily on third-party dependencies can be exploited in supply chain attacks.
Research
Security News
The Socket Research team found this npm package includes code for collecting sensitive developer information, including your operating system username, Git username, and Git email.
Security News
OpenJS is warning of social engineering takeovers targeting open source projects after receiving a credible attempt on the foundation.