Note

#pwa #javascript #html #css #webdev

Wanted to work out what URLPattern was and how it worked, ended up with another Rob-special HTML PWA

And it's published! A bit of a friday distraction but its kinda useful

You can do some pretty complicated stuff with it! like:

https://(www|api|something).example.com/:pathname*

https://urlpattern.r0b.io/?input=https://(www|api|something).example.com/:pathname*&value=https://api.example.com/plop/lop/flop

Screenshot of a web app to edit the components of a JavaScript URLPattern and testing values against it

https://urlpattern.r0b.io/
https://urlpattern.r0b.io/?input=https://(www%7Capi%7Csomething).example.com/:pathname*&value=https://api.example.com/plop/lop/flop

metadata

Open on GiHub

{
  "mastodon_status": [
    "https://social.lol/@r0b/115468821251265976",
    "https://social.lol/@r0b/115469437579740157",
    "https://social.lol/@r0b/115469451117367386"
  ],
  "external": [
    "https://urlpattern.r0b.io/",
    "https://urlpattern.r0b.io/?input=https://(www%7Capi%7Csomething).example.com/:pathname*&value=https://api.example.com/plop/lop/flop"
  ]
}