SymfonyCast Stimulus Tutorial as a PWA

[tacman]

I refactored the SymfonyCast Stimulus tutorial to use AssetMapper, which then made it possible to add PWA capabilities. See it live at:

https://stimulus-tutorial.survos.com/ repo at https://github.com/survos-sites/stimulus-tutorial

Or see it locally if you have PHP w/sqlite and the Symfony CLI installed:

git clone [email protected]:survos-sites/stimulus-tutorial.git && cd stimulus-tutorial 
echo "DATABASE_URL=sqlite:///%kernel.project_dir%/var/data.db" > .env.local
composer install 
bin/console doctrine:database:create && bin/console doctrine:schema:update --force --complete
bin/console doctrine:fixtures:load -n
symfony server:start -d
symfony open:local

It took me considerably longer to port the application to Symfony 7 than to add PWA, a testament to how easy it is to use this bundle.

@todo 's

• The install button works fine, but I'm not sure how to launch the PWA if it is installed.
• The icons in the debug toolbar don't work, because the icons list is the file path, not sure how to get the URL
• To run this 100% offline (except for login/checkout/register), you need to manually add each product and category url
• I'm sure the debug toolbar can be cleaned up a bit.

Feedback welcome!

[tacman]

I updated the stimulus-tutorial to the latest 1.1.x, so that we have a meaningful number of pages to configure with different routes and caching strategies. I added products and categories from dummyjson.org, so now it's a more realistic application.

Here's what I'd like to do:

• Run the app offline.
• Featured product images are in assets, so they're always available.
• Other products from the cdn. Can we cache those? If they're not available, I'd like to show a Offline icon.
• category pages should be StaleWhileRevalidate
• product pages should be Network First (since they include the stock quantify)
• register and login should be cacheOnly
• AddToCart should back backgroundSync (maybe)

I'm not committed to these strategies, I'm just trying to think of how to set up a realistic demo to demonstrate the how and why of the resource caches.

I'll add some screenshots, too, I have some ideas for how to make it easier to embed screenshots in the manifest.