Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Merged
merged 15 commits into from
Mar 10, 2021
Merged

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

merged 15 commits into from
Mar 10, 2021

Conversation

slorber
Copy link
Collaborator

@slorber slorber commented Mar 10, 2021

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
Copy link

netlify bot commented Mar 10, 2021

[V1] Deploy preview success

Built with commit c235adb

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

@netlify
Copy link

netlify bot commented Mar 10, 2021

Deploy preview for docusaurus-2 ready!

Built with commit c235adb

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

@github-actions
Copy link

github-actions bot commented Mar 10, 2021

⚡️ 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
Copy link

github-actions bot commented Mar 10, 2021

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
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