Routing: Map URL containing a transaction hash to a Route

[epost]

description

Currently, we load transactions by entering their hash, say zFsGM27HNS66qmGp1Y1STK48FUA1F12VHLRB51RGWNYWVE, in the input form on the 'home screen'. (src)

We want to be able to load them by entering the tx hash in the studio url instead, without having to go through a form. For example:

https://studio.statebox.cloud/tx/zFsGM27HNS66qmGp1Y1STK48FUA1F12VHLRB51RGWNYWV

todo

• Listen for route changes (see resources section below).

• Get the hash from the route: /tx/:hash:.

• Wire up to event: LoadTransactions (src) in the Studio eval function (src).

• future work/followup issue: deployment (Erik and/or Sjoerd and/or Alex?)

  • Configure routing in a netlify.toml. We had such a file before, but had to move away from it as it did not support monorepo-to-multi-site deployments yet. These days it apparently does,.
  • We also deploy the docs site from the monorepo, and we will probably want to deploy more stuff, so look at doing thoe via netlify.toml again as well.
  • I (Erik) have a dhall-to-toml converter iirc.

resources

NB: Be aware that the Halogen version may differ.

• halogen example: examples/driver-routing
• https://mmhaskell.com/blog/2018/11/5/purescript-iv-building-a-bridge

[clayrat]

We probably want to use the History API, specifically pushState, instead of watching for HashChange events, a-la https://stackoverflow.com/questions/6390341/how-to-detect-url-change-in-javascript/52809105#52809105

[clayrat]

Also related: https://github.com/statebox/purescript-kdmoncat/blob/master/src/MessageEvent.purs

[clayrat]

Experimenting with a high-level purescript-routing wrapper

[clayrat]

Route(F) data types are used as sort of id's indicating objects to be shown; they aren't tied to url-based routing. We should create a separate data URLRoute = HomePage | Tx URL.