add highlights and some more text

app.jl

@@ -12,7 +12,7 @@ const C = Chess
   output::R{String} = ""
   input::R{String} = ""
   boardstr::R{String} = repr(C.startboarddark())
-  boardhtml::R{String} = repr(C.MIME.html(C.startboarddark()))
+  boardhtml::R{String} = repr(C.MIME.html(C.startboarddark(), highlight=C.visiblesquares(C.startboarddark(),C.moves(C.startboarddark()))))
   board::R{Board} = C.startboarddark()
 end
 
@@ -22,7 +22,7 @@ function handlers(model)
       model.output[] = model.input[]
       model.board[] = C.domove(model.board[!], model.input[!])
       model.boardstr[] = repr(model.board[!])
-      model.boardhtml[] = repr(C.MIME.html(model.board[!]))
+      model.boardhtml[] = repr(C.MIME.html(model.board[!], highlight=C.visiblesquares(model.board[!],C.moves(model.board[!]))))
       model.process[] = false
     end
   end
@@ -30,14 +30,14 @@ function handlers(model)
     if (model.reset[])
       model.board[] = C.startboarddark()
       model.boardstr[] = repr(model.board[!])
-      model.boardhtml[] = repr(C.MIME.html(model.board[!]))
+      model.boardhtml[] = repr(C.MIME.html(model.board[!], highlight=C.visiblesquares(model.board[!],C.moves(model.board[!]))))
       model.reset[] = false
     end
   end
   on(model.rollout) do _
     if (model.rollout[])
       model.board[], _ = ImpCatcher.simulate_rollout(model.board[!], ImpCatcher.CESPF, 0)
-      model.boardhtml[] = repr(C.MIME.html(model.board[!]))
+      model.boardhtml[] = repr(C.MIME.html(model.board[!], highlight=C.visiblesquares(model.board[!],C.moves(model.board[!]))))
       model.rollout[] = false
     end
 
@@ -50,6 +50,8 @@ function ui(model)
   page(model, class="container", [
                                   h1("Building Dark Chess Engines for SOTA Performance")
                                   h3("By Anooj Patel")
+      
+      h5("An Example Dark Chess Game with a Greedy Rollout")
       p([
          "Input Move in UCI format (e.g \"d2d4\") == Move(SQ_D2, SQ_D4)"
         input("", @bind(:input), @on("keyup.enter", "process = true"))
@@ -63,6 +65,7 @@ function ui(model)
         "Last Move Processed"
         pre("", @text(:output))
       ])
+      p("Green highlights show what the current player can see")
       span(
        var"v-html" = "boardhtml" # magic to summon vue js
       )