PWA Capability

[thescientist13]

Type of Change

• New Feature Request
• Documentation / Website
• Improvement / Suggestion
• Bug
• Other (please clarify below)

Summary

It would be great to make it easy to make a Greenwood site easily PWA compliant (at least according to Lighthouse). This should probably a configurable option?

Details

This would include things like:

1. manifest.json / <meta> data (including cleaning up any pre-existing <meta>
2. service worker
3. others as needed by Lighthouse
4. default favicon.ico?
5. make sure we can help resolve this issue with Apple icons that can be seen in Koa logs when using Safari

    Generating graph of workspace files...
    Started production test server at localhost:8080
   
    Error: ENOENT: no such file or directory, open '/Users/owenbuckley/Workspace/project-evergreen/repos/greenwood/public/apple-touch-icon-precomposed.png'
   
   
    Error: ENOENT: no such file or directory, open '/Users/owenbuckley/Workspace/project-evergreen/repos/greenwood/public/apple-touch-icon.png'

[thescientist13]

Webextension Manifest Generator that you specify manifest.json properties to appear only in specific browsers.
https://github.com/abhijithvijayan/wext-manifest-loader

[thescientist13]

One thought is that to resolve the automatic favicon.ico lookup by browsers, we should see if we can automatically add a <link> with a data URI? 🤔

<link rel="shortcut icon" href="data://xyy123">
<link rel="icon" href="data://xyy123">

Or maybe this would get "solved" by doing #240

[thescientist13]

Neat video that has some useful resources in it.
https://youtu.be/ARNN_zmrwcw