Skip to content

fix(v2): PWA issues + improve docs#4377

Merged
slorber merged 15 commits into
masterfrom
slorber/debug-pwa-issue
Mar 10, 2021
Merged

fix(v2): PWA issues + improve docs#4377
slorber merged 15 commits into
masterfrom
slorber/debug-pwa-issue

Conversation

@slorber

@slorber slorber commented Mar 10, 2021

Copy link
Copy Markdown
Collaborator

Motivation

Fix PWA issues reported in Jest after installing a PWA on desktop/mobile.

Also affecting Docusaurus site and should fix #4291

Should also fix #3208

Reason: I believe the Workbox v6 had an undocumented breaking change in PrecacheController, reported this here: GoogleChrome/workbox#2774


Another issue: it seems the events beforeinstallprompt and appinstalled should not be used anymore 😅 yet we rely on this

image

https://developer.mozilla.org/en-US/docs/Web/API/Window/appinstalled_event

https://firt.dev/pwa-2021#pwa-installation-triggers

I added usage of a new API navigator.getInstalledRelatedApps() (which is also only in Chrome afaik...) and also added a new useful default strategy standalone which basically means that the PWA is running as an installed app.

Also improved the docs

@slorber slorber added the pr: bug fix This PR fixes a bug in a past release. label Mar 10, 2021
@facebook-github-bot facebook-github-bot added the CLA Signed Signed Facebook CLA label Mar 10, 2021
@netlify

netlify Bot commented Mar 10, 2021

Copy link
Copy Markdown

[V1] Deploy preview success

Built with commit c235adb

https://deploy-preview-4377--docusaurus-1.netlify.app

@netlify

netlify Bot commented Mar 10, 2021

Copy link
Copy Markdown

Deploy preview for docusaurus-2 ready!

Built with commit c235adb

https://deploy-preview-4377--docusaurus-2.netlify.app

@github-actions

github-actions Bot commented Mar 10, 2021

Copy link
Copy Markdown

⚡️ Lighthouse report for the changes in this PR:

Category Score
🟢 Performance 91
🟢 Accessibility 96
🟢 Best practices 100
🟢 SEO 100
🟢 PWA 95

Lighthouse ran on https://deploy-preview-4377--docusaurus-2.netlify.app/classic/

@github-actions

github-actions Bot commented Mar 10, 2021

Copy link
Copy Markdown

Size Change: +3.25 kB (+1%)

Total Size: 567 kB

Filename Size Change
website/build/assets/js/main.********.js 393 kB +3.25 kB (+1%)
ℹ️ View Unchanged
Filename Size Change
website/build/assets/css/styles.********.css 87.3 kB 0 B
website/build/blog/2017/12/14/introducing-docusaurus/index.html 60.7 kB 0 B
website/build/docs/introduction/index.html 235 B 0 B
website/build/index.html 25.6 kB 0 B

compressed-size-action

@slorber
slorber marked this pull request as ready for review March 10, 2021 15:32
@slorber
slorber requested a review from lex111 as a code owner March 10, 2021 15:32
@slorber slorber changed the title fix(v2): attempt to fix PWA issue fix(v2): PWA issues + improve docs Mar 10, 2021
This was referenced Mar 17, 2021
@slorber
slorber deleted the slorber/debug-pwa-issue branch August 17, 2021 17:50
mrizwanashiq pushed a commit to mrizwanashiq/docusaurus that referenced this pull request Jun 25, 2026
* debug pwa

* more debugging logs + attempt to upgrade workbox

* fix PWA ?

* fix PWA ?

* enable pwa debugging for deploy previews

* try to fix the  app installed issue?

* try to fix appinstalled not firing

* try to add related applications to the PWA manifest

* attempt to fix related_applications

* attempt to fix related_applications

* attempt to fix related_applications

* improve PWA strategies

* improve PWA doc

* refactor/cleanup registerSw

* cleanup
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

CLA Signed Signed Facebook CLA pr: bug fix This PR fixes a bug in a past release.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

v2: PWA installation resulted to saying Site can't be reached PWA offline mode does not work

3 participants