Web app improvements

[georgefst]

The web branch contains Miso code for generating the app currently deployed at https://georgefst.github.io/pretty-simple. This is really just a proof of concept. Places to improve:

• [x] General prettiness - the current layout exposes the fact that I'm very much not a web developer.
  • EDIT: since #116, I don't think it's too bad (ironically, two years on from the above comment, frontend web development is a big part of my job).
• [ ] The initial settings for the buttons and sliders do not currently reflect the initial OutputOptions. I was unsure how to set the right HTML attributes, without them being constantly refreshed and causing flickering. Probably worth asking on the Miso Slack channel. See this unused commit.
  • [ ] Relatedly, selecting an example from the drop-down menu should populate the text box.
• [ ] The settings should be reflected in the URL - I've found myself wanting to share a particular formatting of an expression.
• [x] It would be nice to have several example inputs to select from. Perhaps some of these. At least one should show an effect from changing the StringOutputStyle dropdown (see #64).
• [ ] Sliders should display exact current value as text.
• [ ] Version bounds. I've been using GHC 9.2 with plain Cabal, and GHC 8.6 (!) with Nix, which may make it awkward to get this right. Also, because this isn't a library, and we mostly only care about the Nix build, which has everything pinned, this is much less of an issue than it would usually be.
• [x] Host at a more suitable URL. Probably https://cdepillabout.github.io/pretty-simple in order to match this repository.
• [x] Integrate with CI, so that it can be rebuilt and deployed whenever a release tag is pushed.
• [x] Link to the webpage prominently from Github and Hackage.
• [ ] Switch from GHCJS to GHC's own JS backend, or even WASM (see examples).

Note that, for development, everything can be built with just Cabal, which will use jsaddle to run a web server. Use nix-build to compile to JavaScript, using GHCJS.

Inspiration:

• https://jsoneditoronline.org/
• https://monadfix.com/shower/

[cdepillabout]

Thanks for putting this together. It seems like there were a lot of good comments on reddit about the webview!

https://www.reddit.com/r/haskell/comments/iss9vo/ann_prettysimple_40/

[georgefst]

Further work on this (by me, anyway) is blocked on https://github.com/dmjio/miso/issues/639.

[georgefst]

Further work on this (by me, anyway) is blocked on dmjio/miso#639.

Finally resolved (EDIT: actually while half the issue there is solved, namely that GHCJS is back in Nixpkgs, what's really changed is that I have a Linux machine running Nix). I've pushed some package bumps etc. The cabal-based build is crashing upon first page load. I'll have to investigate that (EDIT: only on Firefox - looks a lot like https://github.com/ghcjs/jsaddle/issues/64, which has been fixed but I think Miso is stuck on an old version...). But the deployed version is actually working with CSS correctly loaded, for the first time in two years!

[cdepillabout]

@georgefst Wow, https://georgefst.github.io/pretty-simple/ is really nice!

I'd love if you sent a PR to get this all into the pretty-simple repo. Or at least add this online page to the README of pretty-simple!

[georgefst]

I'd love if you sent a PR to get this all into the pretty-simple repo.

https://github.com/cdepillabout/pretty-simple/pull/116. I'll try to tidy this up in the coming days.

[georgefst]

This shouldn't have been closed. I think it's down to GitHub's parser seeing "close" on #116.

Anyway I've added another bullet point, about using GHC's WASM backend.