jfadev / jfa-pwa-toolkit

⚡️ PWA Features to Any Website (very Fast & Easy)

About Me

Software Engineer and Web Developer since 2006. Graduate in Software Engineering in France 18+ years of professional experience in Web Technologies.

My Skills

Freelance Services

• Custom WhatsApp Chatbot Development with Node.js
• REST API Development with Symfony
• Tasks Automation using Node.js
• Fix bugs in your PHP Symfony App
• Fix bugs in your WordPress Site

Contact Me

• Web: jordifernandes.com/contact
• LinkedIn: @jfadev
• Twitter: @jfadev

jfa-pwa-toolkit's Issues

Use site.webmanifest instead of manifest.json

Use site.webmanifest instead of manifest.json.

Although it is not required, it is reccomended by W3C that manifest uses application/manifest+json media type and .webmanifest extension.

Integrate pwacompat

Integrate GoogleChromeLabs/pwacompat

Add background sync and queues manager

Easy to use in config.js
Using https://developers.google.com/web/tools/workbox/modules/workbox-background-sync

Error with push notifications: applicationServerKey is not valid

Hello,

I am trying to get push notifications running. The service worker seems to register fine, but when I try to subscribe, I get this error message in Chrome (version 89.0.4389.90):
pwa.js:182 PWA: Unable to subscribe to Push DOMException: Failed to execute 'subscribe' on 'PushManager': The provided applicationServerKey is not valid.

Here is my test setup: https://pwa-test.gruenewuerfel.de/

I noticed that in the config.js Line 36 it says 'YOURAPIPUBLICKEY' Do I need to replace that with something? What kind of key do I need?

Integrate Credential Management API?

doc: https://developers.google.com/web/fundamentals/security/credential-management/

Update Workbox to v4

Update Workbox to v4 and adapt and test the lib

How to send notifications to endpoints which the server delivers Web Push Notifications in PHP?

For those who need to code the server side in PHP, they can use the following package. With it you can create subscriptions and send push notifications.

https://github.com/web-push-libs/web-push-php

Automatic splash screens generator

Uncaught ReferenceError: PWA_CONFIG is not defined

Hi, I followed the tutorial. At first, I put the pwa folder inside some other folders, next to index.html. But it didn't work, so I moved the folder to the root.

Unfortunately, it still gives me the same error:

sw.js:19 Uncaught ReferenceError: PWA_CONFIG is not defined
    at sw.js:19
(anonymous) @ sw.js:19
pwa.js:32 PWA: Service Worker registration failed with TypeError: Failed to register a ServiceWorker: ServiceWorker script evaluation failed

Do you know why? It seems that all the files do not share the global namespace. The file get loaded (I tested it with a console.log in config.js), but other files cannot read it. I use it on an angularjs app.

Also, it seems that PWA_ROOT definition is missing

Integrate Web Payments (Payment Request API)

doc: https://developers.google.com/web/fundamentals/payments/

Manifest, config, assets generator in NPM script

Integrate User Location (Geolocation API)

Doc: https://developers.google.com/web/fundamentals/native-hardware/user-location/