Progressive Web App Usage Question

[ronnievsmith]

Great automation tool! I used the website to auto generate all the image files but was wondering about how to implement in a progressive web app, PWA?

In other words, I'm thinking I need a set of CSS rules / media queries but I don't see that in the repo or website. ...Is this something you would support?

Thanks!

[webprofusion-chrisc]

@rhroyston Hi Ron, I haven't really looked at options for PWA icons but yes it's generally quite easy to add new platforms. If you look here: https://github.com/webprofusion/apetools/blob/master/src/models/platformFileSpecs.ts

We defined each platform (e.g. iOS), then a list of specs for the icon and splashscreen bundles (Android is probably the simplest example). So we can add to those lists as required as new OS updates require new resolutions, or add a whole new platform (like PWA). The trick is really in defining the list of sizes, so the question would be, is there a standard for the list of icon and splashcreen sites for an average PWA?

[webprofusion-chrisc]

Looks like the clues are here: https://developer.mozilla.org/en-US/docs/Web/Manifest

[BananaAcid]

and about iOS here: https://blog.expo.io/enabling-ios-splash-screens-for-progressive-web-apps-34f06f096e5c