working board demo

app.jl

@@ -12,15 +12,17 @@ const C = Chess
   output::R{String} = ""
   input::R{String} = ""
   boardstr::R{String} = repr(C.startboarddark())
+  boardhtml::R{String} = repr(C.MIME.html(C.startboarddark()))
   board::R{Board} = C.startboarddark()
 end
 
 function handlers(model)
   on(model.process) do _
     if (model.process[])
-      model.output[] = model.input[] |> reverse
+      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.process[] = false
     end
   end
@@ -28,8 +30,16 @@ function handlers(model)
     if (model.reset[])
       model.board[] = C.startboarddark()
       model.boardstr[] = repr(model.board[!])
+      model.boardhtml[] = repr(C.MIME.html(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.rollout[] = false
+    end
 
   end
 
@@ -38,6 +48,8 @@ end
 
 function ui(model)
   page(model, class="container", [
+                                  h1("Building Dark Chess Engines for SOTA Performance")
+                                  h3("By Anooj Patel")
       p([
          "Input Move in UCI format (e.g \"d2d4\") == Move(SQ_D2, SQ_D4)"
         input("", @bind(:input), @on("keyup.enter", "process = true"))
@@ -48,19 +60,27 @@ function ui(model)
       ])
 
       p([
-        "Output: "
-        span("", @text(:output))
+        "Last Move Processed"
+        pre("", @text(:output))
       ])
-      p([
-         "{{ boardstr }}"
-        ])
+      span(
+       var"v-html" = "boardhtml" # magic to summon vue js
+      )
+      #p([
+      #   model.boardhtml[!]
+      #  ], @on("keyup.enter"," boardhtml = repr(C.MIME.html(model))")
+      #p([
+      #   pre("{{ boardstr }}")
+      #])
       p([
          button("Reset Game",@click("reset = true"))
-        ])
+      ])
+      "CESPF is a Capture / Escape, Stronger Piece First Heuristic when trying to roll out perfect information chess boards."
       p([
          button("CESPF Greedy Rollout", @click("rollout = true"))
-        ])
-    ]
+      ])
+    ],
+    @iif(:isready)
   )
 end