2020-06-08 23:19:00 +03:00
|
|
|
# Haskell Code Spot
|
|
|
|
|
2020-06-10 13:01:26 +03:00
|
|
|
Visual tool to spot odd runtime behaviour of Haskell programs.
|
2020-06-08 23:19:00 +03:00
|
|
|
**Keywords:** *data scientist, GHC eventlog, UI experiments, creative/live coding*
|
|
|
|
|
2020-06-12 19:13:58 +03:00
|
|
|
### Learn these for coding
|
|
|
|
|
2020-06-08 23:19:00 +03:00
|
|
|
- HTML + CSS + JS
|
|
|
|
- Svelte *(https://svelte.dev/tutorial/basics)*
|
|
|
|
- D3.js *(https://www.youtube.com/watch?v=_8V5o2UHG0E)*
|
|
|
|
- CodeMirror *(https://codemirror.net/doc/manual.html#api)*
|
|
|
|
- Scotty *(https://hackage.haskell.org/package/scotty)*
|
|
|
|
- GHC RTS design *(https://takenobu-hs.github.io/downloads/haskell_ghc_illustrated.pdf)*
|
2020-06-12 19:53:49 +03:00
|
|
|
- GHC Eventlog *(https://www.well-typed.com/blog/2019/09/eventful-ghc/)*
|
|
|
|
- ghc-events library *(https://hackage.haskell.org/package/ghc-events)*
|
2020-06-08 23:19:00 +03:00
|
|
|
- GHC HIE files *(https://www.haskell.org/ghc/blog/20190626-HIEFiles.html)*
|
2020-06-12 19:13:58 +03:00
|
|
|
|
|
|
|
### Quick Start Guide
|
|
|
|
|
|
|
|
In one terminal:
|
|
|
|
|
|
|
|
$ cd server && stack build && stack exec code-spot-server
|
|
|
|
|
|
|
|
In another terminal:
|
|
|
|
|
|
|
|
$ cd src && npm install && npm run dev
|
|
|
|
|
2020-06-12 19:20:47 +03:00
|
|
|
Now open [http://localhost:5000/](http://localhost:5000/) in your browser!
|
|
|
|
|
|
|
|
You will see a visualisation of [data/grin.eventlog](data/grin.eventlog)
|
|
|
|
(change in [client/src/App.svelte](client/src/App.svelte)).
|