replace webpack with assetmapper

[tacman]

VERY COOL that you have a Symfony 7 app!

My favorite feature of Symfony 6.4/7 is assetmapper, as the build step is sooooo much easier than with webpack.

If you made that switch, this would be a great example of a PWA built with Symfony. There's a great article on how to create a PWA with importmap and rails, perhaps this could be the basis of a Symfony version of the same thing.

[tacman]

I got it working with sqlite / postgres on my branch, and am removing webpack now.

Very cool app!

[stephanediondev]

Hi

Note the application already works as PWA: install to home screen, cache storage, badge, reload on update (when the version is updated)

https://github.com/stephanediondev/feed/blob/main/public/serviceworker.js

I put in cache all the files from the build: see self.addEventListener('install', function(InstallEvent) {

But I can check assetmapper

[tacman]

Thanks, I think you'll like it. Get rid of the npm step. Alas, because it runs javascript as modules, there's some work to be done with app.js, mostly changing require('') to import (which loads the esm module from importmap). Fortunately, you're already using modules for almost everything (except bootstrap and jquery and moment). All 3 of those work seamlessly with assetmapper. Although not strictly necessary, it'd be nice to drop jquery and use vanilla javascript. Make sure to save app.js when removing webpack and adding assetmapper (or install assetmapper first, I think then the recipe preserves it). I'm learning a lot from going through your code, thanks.

…

On Mon, Dec 4, 2023 at 8:10 AM Stéphane Dion ***@***.***> wrote: Hi Note the application already works as PWA: install to home screen, cache storage, badge, reload on update (when the version is updated) image.png (view on web) <https://github.com/stephanediondev/feed/assets/528192/117aa0c6-d56a-4083-8657-a00b98c20659> https://github.com/stephanediondev/feed/blob/main/public/serviceworker.js I put in cache all the files from the build: see self.addEventListener('install', function(InstallEvent) { But I can check assetmapper — Reply to this email directly, view it on GitHub <#26 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAEXIQOZF535PWR4TQQL573YHXDTZAVCNFSM6AAAAABAF3YKTSVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTQMZYGYYTMMBSGI> . You are receiving this because you authored the thread.Message ID: ***@***.***>

[tacman]

so I got stuck with some of the javascript stuff, but I'm happy to jump in and help with the Symfony code.