zoltangy / react-pwa-install Goto Github PK

View Code? Open in Web Editor NEW

29.0 29.0 31.0 1.1 MB

npm package to help with the PWA install process for many platforms

JavaScript 100.00%

react-pwa-install's People

Contributors

Stargazers

Watchers

react-pwa-install's Issues

Ok button on iOS prompt doesn't close popup

On iPhone the popup explaining how to install the PWA cannot be closed using the OK button, only by clicking outside of the popup.

Chrome on iphone should not be supported() === true

Chrome for iOS does not support PWAs according to google support

https://support.google.com/chrome/answer/9658361?co=GENIE.Platform%3DiOS&hl=en

I also tested it is not possible to follow the instructions to install the app from chrome on ios.

license and translations

I want to use your code in a project, but there is no license. Is it possible for you to add one?
And i would like to add some translations on your project, so i can use it on a project i´m working on. is that okay?

Feature request - enable i18n

I do really want to use this package, this is exactly what I'm looking for however my site's language is spanish

MUI-support

Hi! 👋

Firstly, thanks for your work on this project! 🙂

Today I used patch-package to patch [email protected] for the project I'm working on.

To be able to use Mui without having material-UI installed locally.

Here is the diff that solved my problem:

diff --git a/node_modules/react-pwa-install/es/Icons.js b/node_modules/react-pwa-install/es/Icons.js
index 016ad7a..4309691 100644
--- a/node_modules/react-pwa-install/es/Icons.js
+++ b/node_modules/react-pwa-install/es/Icons.js
@@ -1,6 +1,6 @@
 var _jsxFileName = "C:\\projects\\react-pwa-install\\src\\Icons.js";
 import React from "react";
-import { SvgIcon } from "@material-ui/core";
+import { SvgIcon } from "@mui/material";
 export function IOSShareIcon() {
   return /*#__PURE__*/React.createElement(SvgIcon, {
     viewBox: "0 0 50 50",
diff --git a/node_modules/react-pwa-install/es/InstallDialog.js b/node_modules/react-pwa-install/es/InstallDialog.js
index 97c8f2e..b7ada6d 100644
--- a/node_modules/react-pwa-install/es/InstallDialog.js
+++ b/node_modules/react-pwa-install/es/InstallDialog.js
@@ -1,6 +1,6 @@
 var _jsxFileName = "C:\\projects\\react-pwa-install\\src\\InstallDialog.js";
 import React from "react";
-import { Box, Typography, Dialog, DialogTitle, DialogContent } from "@material-ui/core";
+import { Box, Typography, Dialog, DialogTitle, DialogContent } from "@mui/material";
 import InstallDialogAction from "./InstallDialogAction";
 export default function InstallDialog(props) {
   return /*#__PURE__*/React.createElement(Dialog, {
diff --git a/node_modules/react-pwa-install/es/InstallDialogAction.js b/node_modules/react-pwa-install/es/InstallDialogAction.js
index 75c3649..c95301f 100644
--- a/node_modules/react-pwa-install/es/InstallDialogAction.js
+++ b/node_modules/react-pwa-install/es/InstallDialogAction.js
@@ -1,6 +1,6 @@
 var _jsxFileName = "C:\\projects\\react-pwa-install\\src\\InstallDialogAction.js";
 import React from "react";
-import { DialogActions, Typography, Button, Box } from "@material-ui/core";
+import { DialogActions, Typography, Button, Box } from "@mui/material";
 import { platforms } from "./Platforms";
 import { IOSShareIcon, FireFoxA2HSIcon, MenuIcon, OperaA2HSIcon } from "./Icons";

This issue body was partially generated by patch-package.

Chrome on android

I opened Demo on an android device in latest version of chrome

If your browser is supported and you haven't already installed the app, you should see the install button below:

supported: false
isInstalled: false

Why I have no install prompt?

Window is not defined

I am using this package with Next.js, and it renders pages on server side, so can you put all window in useEffect scope.

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.