first example with virtual dom; virtual dom still buggy

example.nim

@@ -0,0 +1,52 @@
+
+import vdom, karax, karaxdsl
+
+when false:
+  var plugins {.exportc.}: seq[(string, proc())] = @[]
+
+  proc onInput(val: cstring) =
+    kout val
+    if val == "dyn":
+      let body = getElementById("body")
+      body.prepend(tree("script", [("type", "text/javascript"), ("src", "nimcache/dyn.js")]))
+      redraw()
+    kout(plugins.len)
+    if plugins.len > 0:
+      plugins[0][1]()
+
+var entries: seq[cstring]
+
+proc onTodoEnter(val: cstring) =
+  entries.add val
+
+proc onclickHandler(ev: Event; n: VNode) =
+  let id = suffixAsInt(n.id, "remove:")
+  entries.delete(id)
+
+proc createEntry(i: int; d: cstring): VNode =
+  result = buildHtml(tr) do:
+    td:
+      text d
+    td:
+      span(id="remove:" & $i, onclick=onclickHandler):
+        text "[remove]"
+
+proc createDom(): VNode =
+  result = buildHtml(tdiv) do:
+    tdiv(id = "sheader"):
+      #text "plugin"
+      #realtimeInput("by-name", "", onInput)
+      #br()
+
+      text "todo"
+      enterInput("todo-input", "", onTodoEnter)
+    table(class = "wl"):
+      for i, d in entries:
+        createEntry(i, d)
+
+setRenderer createDom
+
+proc onload(session: cstring) {.exportc.} =
+  for i in 0..10_000:
+    entries.add("Entry " & $i)
+  redraw()