New elm-pwa package almost ready

[mattpiz]

I’ve been working on elm-pwa, a small package that wires browser PWA APIs to your Elm app through a single pair of ports.

It covers: service worker lifecycle (install, update, cache strategies), install prompt, online/offline detection, and push notifications.

What it provides:

• Elm module (Pwa) — typed events, decoder, and command helpers
• JS module (init) — wires browser events to the ports
• Build function (generateSW) — generates a configurable service worker

The generated service worker supports cache-first, network-first, and network-only strategies, SPA navigation fallback, push notifications, and automatic update checking.

Live demo: elm-pwa.pages.dev

Repo: github.com/mpizenberg/elm-pwa

I’d love to get feedback on the API design and overall approach. Also, if you could try the demo on your device/browser and report whether it works (install prompt, offline mode, push notifications), that would be very helpful!

Of course elm-indexeddb will be complementary to provide the local data storage

New IndexedDB package (based on elm-concurrent-task)

Hi, I’m about to publish a package to make it easier to use IndexedDB from elm apps. Would love some feedback before hitting the publish button of version 1.0.0. Source code here: GitHub - mpizenberg/elm-indexeddb: IndexedDB support for Elm via elm-concurrent-task Based on @andrewMacmurray elm-concurrent-task Two parts, an IndexedDb elm module and a JS companion package Relatively simple and type-safe API. Preview here: Elm Doc Preview Example TODO app exercising almost all of the API. Code h…

EDIT: screenshot after a few iterations with feedback (thank you!)

[mattpiz]

Up to now, feedback I got say that notifications with chrome on Android work, but iOS does not. So if you are and Elm dev with access to an iPhone, I’m really interested in your feedback and potential contribution.

Here is the demo web app: https://elm-pwa.pages.dev/

Install the PWA, then open it, subscribe to notifications and let me know if you receive notifications or not. And if you want to help, there are a few ways.

One is simply finding clear resources on how to make web push notifications work on iOS. Best would be resources that prove what they say by showing the code and having an example app that works.

Then the next step is trying stuff directly with the elm-pwa code. The code of the demo app is here: elm-pwa/examples/demo at main · mpizenberg/elm-pwa · GitHub

And for the push server, I’m using this: https://github.com/mpizenberg/go-notify-server
deployed here: https://push.dokploy.zidev.ovh/

[mattpiz]

I may have fixed it now! Let me know!

[akoppela]

I tried on iPhone and got no notifications. The UI said that 1 was sent.

[mattpiz]

Would you mind sharing your device + browser and steps? Especially iOS safari version.

[akoppela]

They don’t show Safari versions on iOS. But I’m on 26.1 now version of iOS, iPhone 17.

I subscribed to notifications and it requested it via native dialog, then subscribe to push. Then send a message via form. It showed green succes sent message.

[mattpiz]

Just to make sure, did you “install” the PWA before doing these steps, and opened the installed PWA? You should see something like that:

[akoppela]

I did. Otherwise there is no button to subscribe

[akoppela]

I see what happen now. I had sleep on which prevents notifications so it works as expected. I disabled sleep mode and got notifications.