Reload HTTP sites opened in new tabs when the val changes

[stevekrouse]

I thought of a fun hacky way to accomplish this in userspace: create a middleware that injects a script tag that every second or so checks the val town api to see if the version number of that val has increased, and if so, reloads the page.

[stevekrouse]

Built a version of this in userspace: https://www.val.town/v/stevekrouse/ReloadScript

Screenshot.2024-02-28.at.08.08.47.mp4

[stevekrouse]

The newer vision of this is built as a middleware: https://www.val.town/v/stevekrouse/reloadOnSave

In my dateme.directory project, I define each page as a separate val. I found a cool pattern where a particular page can be an http handler of a live-reload-preview of the val, but it could also export a normal (non-live-reloading) version of itself for import and use on the production site.