Refactoring for kdoc API documentation with dokka

13 files changed, 0 insertions, 1289 deletions

diff --git a/examples/todomvc/src/main/kotlin/com/example/Main.kt b/examples/todomvc/src/main/kotlin/com/example/Main.kt
deleted file mode 100644
index d8894a4c..00000000
--- a/examples/todomvc/src/main/kotlin/com/example/Main.kt
+++ /dev/null
@@ -1,40 +0,0 @@
-package com.example
-
-import pl.treksoft.kvision.ApplicationBase
-import pl.treksoft.kvision.core.KVManager
-import pl.treksoft.kvision.module
-import kotlin.browser.document
-
-fun main(args: Array<String>) {
-    var application: ApplicationBase? = null
-
-    val state: dynamic = module.hot?.let { hot ->
-        hot.accept()
-
-        hot.dispose { data ->
-            data.appState = application?.dispose()
-            KVManager.shutdown()
-            application = null
-        }
-
-        hot.data
-    }
-
-    if (document.body != null) {
-        KVManager.start()
-        application = start(state)
-    } else {
-        KVManager.init()
-        application = null
-        document.addEventListener("DOMContentLoaded", { application = start(state) })
-    }
-}
-
-fun start(state: dynamic): ApplicationBase? {
-    if (document.getElementById("todomvc") == null) return null
-    val application = Todomvc()
-    @Suppress("UnsafeCastFromDynamic")
-    application.start(state?.appState ?: emptyMap())
-    return application
-}
-
diff --git a/examples/todomvc/src/main/kotlin/com/example/Todomvc.kt b/examples/todomvc/src/main/kotlin/com/example/Todomvc.kt
deleted file mode 100644
index bbed337f..00000000
--- a/examples/todomvc/src/main/kotlin/com/example/Todomvc.kt
+++ /dev/null
@@ -1,245 +0,0 @@
-package com.example
-
-import com.lightningkite.kotlin.observable.list.observableListOf
-import kotlinx.serialization.Serializable
-import kotlinx.serialization.json.JSON
-import kotlinx.serialization.list
-import org.w3c.dom.get
-import org.w3c.dom.set
-import pl.treksoft.kvision.ApplicationBase
-import pl.treksoft.kvision.core.Root
-import pl.treksoft.kvision.data.BaseDataComponent
-import pl.treksoft.kvision.data.DataContainer
-import pl.treksoft.kvision.form.FieldLabel
-import pl.treksoft.kvision.form.check.CHECKINPUTTYPE
-import pl.treksoft.kvision.form.check.CheckInput
-import pl.treksoft.kvision.form.text.TextInput
-import pl.treksoft.kvision.html.Button
-import pl.treksoft.kvision.html.LIST
-import pl.treksoft.kvision.html.Link
-import pl.treksoft.kvision.html.ListTag
-import pl.treksoft.kvision.html.TAG
-import pl.treksoft.kvision.html.Tag
-import pl.treksoft.kvision.routing.routing
-import kotlin.browser.localStorage
-
-const val ENTER_KEY = 13
-const val ESCAPE_KEY = 27
-
-@Serializable
-open class BaseTodo(open var completed: Boolean, open var title: String) : BaseDataComponent()
-
-class Todo(completed: Boolean, title: String, hidden: Boolean) : BaseTodo(completed, title) {
-    constructor(base: BaseTodo) : this(base.completed, base.title, false)
-
-    override var completed: Boolean by obs(completed)
-    override var title: String by obs(title)
-    var hidden: Boolean by obs(hidden)
-}
-
-enum class TODOMODE {
-    ALL,
-    ACTIVE,
-    COMPLETED
-}
-
-class Todomvc : ApplicationBase() {
-
-    private val model = observableListOf<Todo>()
-
-    private val checkAllInput = CheckInput(classes = setOf("toggle-all")).apply {
-        id = "toggle-all"
-        onClick {
-            val value = this.value
-            model.forEach { it.completed = value }
-        }
-    }
-    private val allLink = Link("All", "#!/", classes = setOf("selected"))
-    private val activeLink = Link("Active", "#!/active")
-    private val completedLink = Link("Completed", "#!/completed")
-    private val clearCompletedButton = Button("Clear completed", classes = setOf("clear-completed")).onClick {
-        model.filter { it.completed }.forEach { model.remove(it) }
-    }
-
-    private val countTag = Tag(TAG.STRONG, "0")
-    private val itemsLeftTag = Tag(TAG.SPAN, " items left", classes = setOf("todo-count")).apply {
-        add(countTag)
-    }
-    private var mode: TODOMODE = TODOMODE.ALL
-
-    private val header = genHeader()
-    private val main = genMain()
-    private val footer = genFooter()
-
-    override fun start(state: Map<String, Any>) {
-        val root = Root("todomvc")
-        val section = Tag(TAG.SECTION, classes = setOf("todoapp"))
-        section.add(this.header)
-        section.add(this.main)
-        section.add(this.footer)
-        root.add(section)
-        loadModel()
-        checkModel()
-        routing.on("/", { _ -> all() })
-            .on("/active", { _ -> active() })
-            .on("/completed", { _ -> completed() })
-            .resolve()
-    }
-
-    private fun loadModel() {
-        localStorage.get("todos-kvision")?.let {
-            JSON.parse(BaseTodo.serializer().list, it).map { model.add(Todo(it)) }
-        }
-    }
-
-    private fun saveModel() {
-        val jsonString = JSON.indented.stringify(BaseTodo.serializer().list, model.toList())
-        localStorage.set("todos-kvision", jsonString)
-    }
-
-    private fun checkModel() {
-        val countActive = model.filter { !it.completed }.size
-        val countCompleted = model.filter { it.completed }.size
-        this.main.visible = model.isNotEmpty()
-        this.footer.visible = model.isNotEmpty()
-        this.countTag.text = countActive.toString()
-        this.itemsLeftTag.text = when (countActive) {
-            1 -> " item left"
-            else -> " items left"
-        }
-        this.checkAllInput.value = (countActive == 0)
-        this.clearCompletedButton.visible = countCompleted > 0
-        saveModel()
-    }
-
-    private fun all() {
-        this.mode = TODOMODE.ALL
-        this.allLink.addCssClass("selected")
-        this.activeLink.removeCssClass("selected")
-        this.completedLink.removeCssClass("selected")
-        this.model.forEach { it.hidden = false }
-    }
-
-    private fun active() {
-        this.mode = TODOMODE.ACTIVE
-        this.allLink.removeCssClass("selected")
-        this.activeLink.addCssClass("selected")
-        this.completedLink.removeCssClass("selected")
-        this.model.forEach { it.hidden = it.completed }
-    }
-
-    private fun completed() {
-        this.mode = TODOMODE.COMPLETED
-        this.allLink.removeCssClass("selected")
-        this.activeLink.removeCssClass("selected")
-        this.completedLink.addCssClass("selected")
-        this.model.forEach { it.hidden = !it.completed }
-    }
-
-    private fun genHeader(): Tag {
-        return Tag(TAG.HEADER, classes = setOf("header")).apply {
-            add(Tag(TAG.H1, "todos"))
-            add(TextInput(classes = setOf("new-todo")).apply {
-                placeholder = "What needs to be done?"
-                autofocus = true
-                setEventListener<TextInput> {
-                    keydown = { e ->
-                        if (e.keyCode == ENTER_KEY) {
-                            addTodo(self.value)
-                            self.value = null
-                        }
-                    }
-                }
-            })
-        }
-    }
-
-    private fun addTodo(value: String?) {
-        val v = value?.trim() ?: ""
-        if (v.isNotEmpty()) {
-            model.add(Todo(false, v, mode == TODOMODE.COMPLETED))
-        }
-    }
-
-    private fun editTodo(index: Int, value: String?) {
-        val v = value?.trim() ?: ""
-        if (v.isNotEmpty()) {
-            model[index].title = v
-        } else {
-            model.removeAt(index)
-        }
-    }
-
-    private fun genMain(): Tag {
-        return Tag(TAG.SECTION, classes = setOf("main")).apply {
-            add(checkAllInput)
-            add(FieldLabel("toggle-all", "Mark all as complete"))
-            add(DataContainer(model, { index ->
-                val li = Tag(TAG.LI)
-                li.apply {
-                    if (model[index].completed) addCssClass("completed")
-                    if (model[index].hidden) addCssClass("hidden")
-                    val edit = TextInput(classes = setOf("edit"))
-                    val view = Tag(TAG.DIV, classes = setOf("view")).apply {
-                        add(CheckInput(
-                            CHECKINPUTTYPE.CHECKBOX, model[index].completed, classes = setOf("toggle")
-                        ).onClick {
-                            model[index].completed = this.value
-                            model[index].hidden =
-                                    mode == TODOMODE.ACTIVE && this.value || mode == TODOMODE.COMPLETED && !this.value
-                        })
-                        add(Tag(TAG.LABEL, model[index].title).apply {
-                            setEventListener<Tag> {
-                                dblclick = {
-                                    li.getElementJQuery()?.addClass("editing")
-                                    edit.value = model[index].title
-                                    edit.getElementJQuery()?.focus()
-                                }
-                            }
-                        })
-                        add(Button("", classes = setOf("destroy")).onClick {
-                            model.removeAt(index)
-                        })
-                    }
-                    edit.setEventListener<TextInput> {
-                        blur = {
-                            if (li.getElementJQuery()?.hasClass("editing") == true) {
-                                li.getElementJQuery()?.removeClass("editing")
-                                editTodo(index, self.value)
-                            }
-                        }
-                        keydown = { e ->
-                            if (e.keyCode == ENTER_KEY) {
-                                li.getElementJQuery()?.removeClass("editing")
-                                editTodo(index, self.value)
-                            }
-                            if (e.keyCode == ESCAPE_KEY) {
-                                li.getElementJQuery()?.removeClass("editing")
-                            }
-                        }
-                    }
-                    add(view)
-                    add(edit)
-                }
-            }, Tag(TAG.UL, classes = setOf("todo-list"))).onUpdate {
-                checkModel()
-            })
-        }
-    }
-
-    private fun genFooter(): Tag {
-        return Tag(TAG.FOOTER, classes = setOf("footer")).apply {
-            add(itemsLeftTag)
-            add(ListTag(LIST.UL, classes = setOf("filters")).apply {
-                add(allLink)
-                add(activeLink)
-                add(completedLink)
-            })
-            add(clearCompletedButton)
-        }
-    }
-
-    override fun dispose(): Map<String, Any> {
-        return mapOf()
-    }
-}
diff --git a/examples/todomvc/src/main/web/index.html b/examples/todomvc/src/main/web/index.html
deleted file mode 100644
index e5ba8812..00000000
--- a/examples/todomvc/src/main/web/index.html
+++ /dev/null
@@ -1,22 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>KVision • TodoMVC</title>
-    <link rel="stylesheet" href="node_modules/todomvc-common/base.css">
-    <link rel="stylesheet" href="node_modules/todomvc-app-css/index.css">
-</head>
-<body>
-<div id="todomvc"></div>
-<footer class="info">
-    <p>Double-click to edit a todo</p>
-    <p>Created by <a href="https://github.com/rjaros">Robert Jaros</a></p>
-    <p>Part of <a href="http://todomvc.com">TodoMVC</a></p>
-</footer>
-<!-- Scripts here. Don't remove ↓ -->
-<script src="node_modules/todomvc-common/base.js"></script>
-<script>var KV_NO_BOOTSTRAP_CSS = true;</script>
-<script src="main.bundle.js"></script>
-</body>
-</html>
diff --git a/examples/todomvc/src/main/web/node_modules/todomvc-app-css/index.css b/examples/todomvc/src/main/web/node_modules/todomvc-app-css/index.css
deleted file mode 100644
index d8be205a..00000000
--- a/examples/todomvc/src/main/web/node_modules/todomvc-app-css/index.css
+++ /dev/null
@@ -1,376 +0,0 @@
-html,
-body {
-	margin: 0;
-	padding: 0;
-}
-
-button {
-	margin: 0;
-	padding: 0;
-	border: 0;
-	background: none;
-	font-size: 100%;
-	vertical-align: baseline;
-	font-family: inherit;
-	font-weight: inherit;
-	color: inherit;
-	-webkit-appearance: none;
-	appearance: none;
-	-webkit-font-smoothing: antialiased;
-	-moz-osx-font-smoothing: grayscale;
-}
-
-body {
-	font: 14px 'Helvetica Neue', Helvetica, Arial, sans-serif;
-	line-height: 1.4em;
-	background: #f5f5f5;
-	color: #4d4d4d;
-	min-width: 230px;
-	max-width: 550px;
-	margin: 0 auto;
-	-webkit-font-smoothing: antialiased;
-	-moz-osx-font-smoothing: grayscale;
-	font-weight: 300;
-}
-
-:focus {
-	outline: 0;
-}
-
-.hidden {
-	display: none;
-}
-
-.todoapp {
-	background: #fff;
-	margin: 130px 0 40px 0;
-	position: relative;
-	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2),
-	            0 25px 50px 0 rgba(0, 0, 0, 0.1);
-}
-
-.todoapp input::-webkit-input-placeholder {
-	font-style: italic;
-	font-weight: 300;
-	color: #e6e6e6;
-}
-
-.todoapp input::-moz-placeholder {
-	font-style: italic;
-	font-weight: 300;
-	color: #e6e6e6;
-}
-
-.todoapp input::input-placeholder {
-	font-style: italic;
-	font-weight: 300;
-	color: #e6e6e6;
-}
-
-.todoapp h1 {
-	position: absolute;
-	top: -155px;
-	width: 100%;
-	font-size: 100px;
-	font-weight: 100;
-	text-align: center;
-	color: rgba(175, 47, 47, 0.15);
-	-webkit-text-rendering: optimizeLegibility;
-	-moz-text-rendering: optimizeLegibility;
-	text-rendering: optimizeLegibility;
-}
-
-.new-todo,
-.edit {
-	position: relative;
-	margin: 0;
-	width: 100%;
-	font-size: 24px;
-	font-family: inherit;
-	font-weight: inherit;
-	line-height: 1.4em;
-	border: 0;
-	color: inherit;
-	padding: 6px;
-	border: 1px solid #999;
-	box-shadow: inset 0 -1px 5px 0 rgba(0, 0, 0, 0.2);
-	box-sizing: border-box;
-	-webkit-font-smoothing: antialiased;
-	-moz-osx-font-smoothing: grayscale;
-}
-
-.new-todo {
-	padding: 16px 16px 16px 60px;
-	border: none;
-	background: rgba(0, 0, 0, 0.003);
-	box-shadow: inset 0 -2px 1px rgba(0,0,0,0.03);
-}
-
-.main {
-	position: relative;
-	z-index: 2;
-	border-top: 1px solid #e6e6e6;
-}
-
-.toggle-all {
-	text-align: center;
-	border: none; /* Mobile Safari */
-	opacity: 0;
-	position: absolute;
-}
-
-.toggle-all + label {
-	width: 60px;
-	height: 34px;
-	font-size: 0;
-	position: absolute;
-	top: -52px;
-	left: -13px;
-	-webkit-transform: rotate(90deg);
-	transform: rotate(90deg);
-}
-
-.toggle-all + label:before {
-	content: '❯';
-	font-size: 22px;
-	color: #e6e6e6;
-	padding: 10px 27px 10px 27px;
-}
-
-.toggle-all:checked + label:before {
-	color: #737373;
-}
-
-.todo-list {
-	margin: 0;
-	padding: 0;
-	list-style: none;
-}
-
-.todo-list li {
-	position: relative;
-	font-size: 24px;
-	border-bottom: 1px solid #ededed;
-}
-
-.todo-list li:last-child {
-	border-bottom: none;
-}
-
-.todo-list li.editing {
-	border-bottom: none;
-	padding: 0;
-}
-
-.todo-list li.editing .edit {
-	display: block;
-	width: 506px;
-	padding: 12px 16px;
-	margin: 0 0 0 43px;
-}
-
-.todo-list li.editing .view {
-	display: none;
-}
-
-.todo-list li .toggle {
-	text-align: center;
-	width: 40px;
-	/* auto, since non-WebKit browsers doesn't support input styling */
-	height: auto;
-	position: absolute;
-	top: 0;
-	bottom: 0;
-	margin: auto 0;
-	border: none; /* Mobile Safari */
-	-webkit-appearance: none;
-	appearance: none;
-}
-
-.todo-list li .toggle {
-	opacity: 0;
-}
-
-.todo-list li .toggle + label {
-	/*
-		Firefox requires `#` to be escaped - https://bugzilla.mozilla.org/show_bug.cgi?id=922433
-		IE and Edge requires *everything* to be escaped to render, so we do that instead of just the `#` - https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/7157459/
-	*/
-	background-image: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%22-10%20-18%20100%20135%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2250%22%20fill%3D%22none%22%20stroke%3D%22%23ededed%22%20stroke-width%3D%223%22/%3E%3C/svg%3E');
-	background-repeat: no-repeat;
-	background-position: center left;
-}
-
-.todo-list li .toggle:checked + label {
-	background-image: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%22-10%20-18%20100%20135%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2250%22%20fill%3D%22none%22%20stroke%3D%22%23bddad5%22%20stroke-width%3D%223%22/%3E%3Cpath%20fill%3D%22%235dc2af%22%20d%3D%22M72%2025L42%2071%2027%2056l-4%204%2020%2020%2034-52z%22/%3E%3C/svg%3E');
-}
-
-.todo-list li label {
-	word-break: break-all;
-	padding: 15px 15px 15px 60px;
-	display: block;
-	line-height: 1.2;
-	transition: color 0.4s;
-}
-
-.todo-list li.completed label {
-	color: #d9d9d9;
-	text-decoration: line-through;
-}
-
-.todo-list li .destroy {
-	display: none;
-	position: absolute;
-	top: 0;
-	right: 10px;
-	bottom: 0;
-	width: 40px;
-	height: 40px;
-	margin: auto 0;
-	font-size: 30px;
-	color: #cc9a9a;
-	margin-bottom: 11px;
-	transition: color 0.2s ease-out;
-}
-
-.todo-list li .destroy:hover {
-	color: #af5b5e;
-}
-
-.todo-list li .destroy:after {
-	content: '×';
-}
-
-.todo-list li:hover .destroy {
-	display: block;
-}
-
-.todo-list li .edit {
-	display: none;
-}
-
-.todo-list li.editing:last-child {
-	margin-bottom: -1px;
-}
-
-.footer {
-	color: #777;
-	padding: 10px 15px;
-	height: 20px;
-	text-align: center;
-	border-top: 1px solid #e6e6e6;
-}
-
-.footer:before {
-	content: '';
-	position: absolute;
-	right: 0;
-	bottom: 0;
-	left: 0;
-	height: 50px;
-	overflow: hidden;
-	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2),
-	            0 8px 0 -3px #f6f6f6,
-	            0 9px 1px -3px rgba(0, 0, 0, 0.2),
-	            0 16px 0 -6px #f6f6f6,
-	            0 17px 2px -6px rgba(0, 0, 0, 0.2);
-}
-
-.todo-count {
-	float: left;
-	text-align: left;
-}
-
-.todo-count strong {
-	font-weight: 300;
-}
-
-.filters {
-	margin: 0;
-	padding: 0;
-	list-style: none;
-	position: absolute;
-	right: 0;
-	left: 0;
-}
-
-.filters li {
-	display: inline;
-}
-
-.filters li a {
-	color: inherit;
-	margin: 3px;
-	padding: 3px 7px;
-	text-decoration: none;
-	border: 1px solid transparent;
-	border-radius: 3px;
-}
-
-.filters li a:hover {
-	border-color: rgba(175, 47, 47, 0.1);
-}
-
-.filters li a.selected {
-	border-color: rgba(175, 47, 47, 0.2);
-}
-
-.clear-completed,
-html .clear-completed:active {
-	float: right;
-	position: relative;
-	line-height: 20px;
-	text-decoration: none;
-	cursor: pointer;
-}
-
-.clear-completed:hover {
-	text-decoration: underline;
-}
-
-.info {
-	margin: 65px auto 0;
-	color: #bfbfbf;
-	font-size: 10px;
-	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
-	text-align: center;
-}
-
-.info p {
-	line-height: 1;
-}
-
-.info a {
-	color: inherit;
-	text-decoration: none;
-	font-weight: 400;
-}
-
-.info a:hover {
-	text-decoration: underline;
-}
-
-/*
-	Hack to remove background from Mobile Safari.
-	Can't use it globally since it destroys checkboxes in Firefox
-*/
-@media screen and (-webkit-min-device-pixel-ratio:0) {
-	.toggle-all,
-	.todo-list li .toggle {
-		background: none;
-	}
-
-	.todo-list li .toggle {
-		height: 40px;
-	}
-}
-
-@media (max-width: 430px) {
-	.footer {
-		height: 50px;
-	}
-
-	.filters {
-		bottom: 10px;
-	}
-}
diff --git a/examples/todomvc/src/main/web/node_modules/todomvc-app-css/package.json b/examples/todomvc/src/main/web/node_modules/todomvc-app-css/package.json
deleted file mode 100644
index da589f16..00000000
--- a/examples/todomvc/src/main/web/node_modules/todomvc-app-css/package.json
+++ /dev/null
@@ -1,61 +0,0 @@
-{
-  "_args": [
-    [
-      "todomvc-app-css@2.1.0",
-      "/home/rjaros/git/kvision/examples/todomvc/src/main/web"
-    ]
-  ],
-  "_from": "todomvc-app-css@2.1.0",
-  "_id": "todomvc-app-css@2.1.0",
-  "_inBundle": false,
-  "_integrity": "sha1-tvJxbTOa+i5feZNH0qSLBTliQqU=",
-  "_location": "/todomvc-app-css",
-  "_phantomChildren": {},
-  "_requested": {
-    "type": "version",
-    "registry": true,
-    "raw": "todomvc-app-css@2.1.0",
-    "name": "todomvc-app-css",
-    "escapedName": "todomvc-app-css",
-    "rawSpec": "2.1.0",
-    "saveSpec": null,
-    "fetchSpec": "2.1.0"
-  },
-  "_requiredBy": [
-    "/"
-  ],
-  "_resolved": "https://registry.npmjs.org/todomvc-app-css/-/todomvc-app-css-2.1.0.tgz",
-  "_spec": "2.1.0",
-  "_where": "/home/rjaros/git/kvision/examples/todomvc/src/main/web",
-  "author": {
-    "name": "Sindre Sorhus",
-    "email": "sindresorhus@gmail.com",
-    "url": "sindresorhus.com"
-  },
-  "bugs": {
-    "url": "https://github.com/tastejs/todomvc-app-css/issues"
-  },
-  "description": "CSS for TodoMVC apps",
-  "files": [
-    "index.css"
-  ],
-  "homepage": "https://github.com/tastejs/todomvc-app-css#readme",
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "app",
-    "todo",
-    "template",
-    "css",
-    "style",
-    "stylesheet"
-  ],
-  "license": "CC-BY-4.0",
-  "name": "todomvc-app-css",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/tastejs/todomvc-app-css.git"
-  },
-  "style": "index.css",
-  "version": "2.1.0"
-}
diff --git a/examples/todomvc/src/main/web/node_modules/todomvc-app-css/readme.md b/examples/todomvc/src/main/web/node_modules/todomvc-app-css/readme.md
deleted file mode 100644
index 6ddbebf0..00000000
--- a/examples/todomvc/src/main/web/node_modules/todomvc-app-css/readme.md
+++ /dev/null
@@ -1,28 +0,0 @@
-# todomvc-app-css
-
-> CSS for TodoMVC apps
-
-![](screenshot.png)
-
-
-## Install
-
-
-```
-$ npm install --save todomvc-app-css
-```
-
-
-## Getting started
-
-```html
-<link rel="stylesheet" href="node_modules/todomvc-app-css/index.css">
-```
-
-See the [TodoMVC app template](https://github.com/tastejs/todomvc-app-template).
-
-
-
-## License
-
-<a rel="license" href="http://creativecommons.org/licenses/by/4.0/deed.en_US"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by/4.0/80x15.png" /></a><br />This <span xmlns:dct="http://purl.org/dc/terms/" href="http://purl.org/dc/dcmitype/InteractiveResource" rel="dct:type">work</span> by <a xmlns:cc="http://creativecommons.org/ns#" href="http://sindresorhus.com" property="cc:attributionName" rel="cc:attributionURL">Sindre Sorhus</a> is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by/4.0/deed.en_US">Creative Commons Attribution 4.0 International License</a>.
diff --git a/examples/todomvc/src/main/web/node_modules/todomvc-common/base.css b/examples/todomvc/src/main/web/node_modules/todomvc-common/base.css
deleted file mode 100644
index da65968a..00000000
--- a/examples/todomvc/src/main/web/node_modules/todomvc-common/base.css
+++ /dev/null
@@ -1,141 +0,0 @@
-hr {
-	margin: 20px 0;
-	border: 0;
-	border-top: 1px dashed #c5c5c5;
-	border-bottom: 1px dashed #f7f7f7;
-}
-
-.learn a {
-	font-weight: normal;
-	text-decoration: none;
-	color: #b83f45;
-}
-
-.learn a:hover {
-	text-decoration: underline;
-	color: #787e7e;
-}
-
-.learn h3,
-.learn h4,
-.learn h5 {
-	margin: 10px 0;
-	font-weight: 500;
-	line-height: 1.2;
-	color: #000;
-}
-
-.learn h3 {
-	font-size: 24px;
-}
-
-.learn h4 {
-	font-size: 18px;
-}
-
-.learn h5 {
-	margin-bottom: 0;
-	font-size: 14px;
-}
-
-.learn ul {
-	padding: 0;
-	margin: 0 0 30px 25px;
-}
-
-.learn li {
-	line-height: 20px;
-}
-
-.learn p {
-	font-size: 15px;
-	font-weight: 300;
-	line-height: 1.3;
-	margin-top: 0;
-	margin-bottom: 0;
-}
-
-#issue-count {
-	display: none;
-}
-
-.quote {
-	border: none;
-	margin: 20px 0 60px 0;
-}
-
-.quote p {
-	font-style: italic;
-}
-
-.quote p:before {
-	content: '“';
-	font-size: 50px;
-	opacity: .15;
-	position: absolute;
-	top: -20px;
-	left: 3px;
-}
-
-.quote p:after {
-	content: '”';
-	font-size: 50px;
-	opacity: .15;
-	position: absolute;
-	bottom: -42px;
-	right: 3px;
-}
-
-.quote footer {
-	position: absolute;
-	bottom: -40px;
-	right: 0;
-}
-
-.quote footer img {
-	border-radius: 3px;
-}
-
-.quote footer a {
-	margin-left: 5px;
-	vertical-align: middle;
-}
-
-.speech-bubble {
-	position: relative;
-	padding: 10px;
-	background: rgba(0, 0, 0, .04);
-	border-radius: 5px;
-}
-
-.speech-bubble:after {
-	content: '';
-	position: absolute;
-	top: 100%;
-	right: 30px;
-	border: 13px solid transparent;
-	border-top-color: rgba(0, 0, 0, .04);
-}
-
-.learn-bar > .learn {
-	position: absolute;
-	width: 272px;
-	top: 8px;
-	left: -300px;
-	padding: 10px;
-	border-radius: 5px;
-	background-color: rgba(255, 255, 255, .6);
-	transition-property: left;
-	transition-duration: 500ms;
-}
-
-@media (min-width: 899px) {
-	.learn-bar {
-		width: auto;
-		padding-left: 300px;
-	}
-
-	.learn-bar > .learn {
-		left: 8px;
-	}
-}
diff --git a/examples/todomvc/src/main/web/node_modules/todomvc-common/base.js b/examples/todomvc/src/main/web/node_modules/todomvc-common/base.js
deleted file mode 100644
index a56b5aac..00000000
--- a/examples/todomvc/src/main/web/node_modules/todomvc-common/base.js
+++ /dev/null
@@ -1,249 +0,0 @@
-/* global _ */
-(function () {
-	'use strict';
-
-	/* jshint ignore:start */
-	// Underscore's Template Module
-	// Courtesy of underscorejs.org
-	var _ = (function (_) {
-		_.defaults = function (object) {
-			if (!object) {
-				return object;
-			}
-			for (var argsIndex = 1, argsLength = arguments.length; argsIndex < argsLength; argsIndex++) {
-				var iterable = arguments[argsIndex];
-				if (iterable) {
-					for (var key in iterable) {
-						if (object[key] == null) {
-							object[key] = iterable[key];
-						}
-					}
-				}
-			}
-			return object;
-		};
-
-		// By default, Underscore uses ERB-style template delimiters, change the
-		// following template settings to use alternative delimiters.
-		_.templateSettings = {
-			evaluate    : /<%([\s\S]+?)%>/g,
-			interpolate : /<%=([\s\S]+?)%>/g,
-			escape      : /<%-([\s\S]+?)%>/g
-		};
-
-		// When customizing `templateSettings`, if you don't want to define an
-		// interpolation, evaluation or escaping regex, we need one that is
-		// guaranteed not to match.
-		var noMatch = /(.)^/;
-
-		// Certain characters need to be escaped so that they can be put into a
-		// string literal.
-		var escapes = {
-			"'":      "'",
-			'\\':     '\\',
-			'\r':     'r',
-			'\n':     'n',
-			'\t':     't',
-			'\u2028': 'u2028',
-			'\u2029': 'u2029'
-		};
-
-		var escaper = /\\|'|\r|\n|\t|\u2028|\u2029/g;
-
-		// JavaScript micro-templating, similar to John Resig's implementation.
-		// Underscore templating handles arbitrary delimiters, preserves whitespace,
-		// and correctly escapes quotes within interpolated code.
-		_.template = function(text, data, settings) {
-			var render;
-			settings = _.defaults({}, settings, _.templateSettings);
-
-			// Combine delimiters into one regular expression via alternation.
-			var matcher = new RegExp([
-				(settings.escape || noMatch).source,
-				(settings.interpolate || noMatch).source,
-				(settings.evaluate || noMatch).source
-			].join('|') + '|$', 'g');
-
-			// Compile the template source, escaping string literals appropriately.
-			var index = 0;
-			var source = "__p+='";
-			text.replace(matcher, function(match, escape, interpolate, evaluate, offset) {
-				source += text.slice(index, offset)
-					.replace(escaper, function(match) { return '\\' + escapes[match]; });
-
-				if (escape) {
-					source += "'+\n((__t=(" + escape + "))==null?'':_.escape(__t))+\n'";
-				}
-				if (interpolate) {
-					source += "'+\n((__t=(" + interpolate + "))==null?'':__t)+\n'";
-				}
-				if (evaluate) {
-					source += "';\n" + evaluate + "\n__p+='";
-				}
-				index = offset + match.length;
-				return match;
-			});
-			source += "';\n";
-
-			// If a variable is not specified, place data values in local scope.
-			if (!settings.variable) source = 'with(obj||{}){\n' + source + '}\n';
-
-			source = "var __t,__p='',__j=Array.prototype.join," +
-				"print=function(){__p+=__j.call(arguments,'');};\n" +
-				source + "return __p;\n";
-
-			try {
-				render = new Function(settings.variable || 'obj', '_', source);
-			} catch (e) {
-				e.source = source;
-				throw e;
-			}
-
-			if (data) return render(data, _);
-			var template = function(data) {
-				return render.call(this, data, _);
-			};
-
-			// Provide the compiled function source as a convenience for precompilation.
-			template.source = 'function(' + (settings.variable || 'obj') + '){\n' + source + '}';
-
-			return template;
-		};
-
-		return _;
-	})({});
-
-	if (location.hostname === 'todomvc.com') {
-		(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-		(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-		m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-		})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-		ga('create', 'UA-31081062-1', 'auto');
-		ga('send', 'pageview');
-	}
-	/* jshint ignore:end */
-
-	function redirect() {
-		if (location.hostname === 'tastejs.github.io') {
-			location.href = location.href.replace('tastejs.github.io/todomvc', 'todomvc.com');
-		}
-	}
-
-	function findRoot() {
-		var base = location.href.indexOf('examples/');
-		return location.href.substr(0, base);
-	}
-
-	function getFile(file, callback) {
-		if (!location.host) {
-			return console.info('Miss the info bar? Run TodoMVC from a server to avoid a cross-origin error.');
-		}
-
-		var xhr = new XMLHttpRequest();
-
-		xhr.open('GET', findRoot() + file, true);
-		xhr.send();
-
-		xhr.onload = function () {
-			if (xhr.status === 200 && callback) {
-				callback(xhr.responseText);
-			}
-		};
-	}
-
-	function Learn(learnJSON, config) {
-		if (!(this instanceof Learn)) {
-			return new Learn(learnJSON, config);
-		}
-
-		var template, framework;
-
-		if (typeof learnJSON !== 'object') {
-			try {
-				learnJSON = JSON.parse(learnJSON);
-			} catch (e) {
-				return;
-			}
-		}
-
-		if (config) {
-			template = config.template;
-			framework = config.framework;
-		}
-
-		if (!template && learnJSON.templates) {
-			template = learnJSON.templates.todomvc;
-		}
-
-		if (!framework && document.querySelector('[data-framework]')) {
-			framework = document.querySelector('[data-framework]').dataset.framework;
-		}
-
-		this.template = template;
-
-		if (learnJSON.backend) {
-			this.frameworkJSON = learnJSON.backend;
-			this.frameworkJSON.issueLabel = framework;
-			this.append({
-				backend: true
-			});
-		} else if (learnJSON[framework]) {
-			this.frameworkJSON = learnJSON[framework];
-			this.frameworkJSON.issueLabel = framework;
-			this.append();
-		}
-
-		this.fetchIssueCount();
-	}
-
-	Learn.prototype.append = function (opts) {
-		var aside = document.createElement('aside');
-		aside.innerHTML = _.template(this.template, this.frameworkJSON);
-		aside.className = 'learn';
-
-		if (opts && opts.backend) {
-			// Remove demo link
-			var sourceLinks = aside.querySelector('.source-links');
-			var heading = sourceLinks.firstElementChild;
-			var sourceLink = sourceLinks.lastElementChild;
-			// Correct link path
-			var href = sourceLink.getAttribute('href');
-			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
-			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
-		} else {
-			// Localize demo links
-			var demoLinks = aside.querySelectorAll('.demo-link');
-			Array.prototype.forEach.call(demoLinks, function (demoLink) {
-				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
-					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-				}
-			});
-		}
-
-		document.body.className = (document.body.className + ' learn-bar').trim();
-		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);
-	};
-
-	Learn.prototype.fetchIssueCount = function () {
-		var issueLink = document.getElementById('issue-count-link');
-		if (issueLink) {
-			var url = issueLink.href.replace('https://github.com', 'https://api.github.com/repos');
-			var xhr = new XMLHttpRequest();
-			xhr.open('GET', url, true);
-			xhr.onload = function (e) {
-				var parsedResponse = JSON.parse(e.target.responseText);
-				if (parsedResponse instanceof Array) {
-					var count = parsedResponse.length;
-					if (count !== 0) {
-						issueLink.innerHTML = 'This app has ' + count + ' open issues';
-						document.getElementById('issue-count').style.display = 'inline';
-					}
-				}
-			};
-			xhr.send();
-		}
-	};
-
-	redirect();
-	getFile('learn.json', Learn);
-})();
diff --git a/examples/todomvc/src/main/web/node_modules/todomvc-common/package.json b/examples/todomvc/src/main/web/node_modules/todomvc-common/package.json
deleted file mode 100644
index 59ffd142..00000000
--- a/examples/todomvc/src/main/web/node_modules/todomvc-common/package.json
+++ /dev/null
@@ -1,57 +0,0 @@
-{
-  "_args": [
-    [
-      "todomvc-common@1.0.4",
-      "/home/rjaros/git/kvision/examples/todomvc/src/main/web"
-    ]
-  ],
-  "_from": "todomvc-common@1.0.4",
-  "_id": "todomvc-common@1.0.4",
-  "_inBundle": false,
-  "_integrity": "sha512-AA0Z4exovEqubhbZCrzzn9roVT4zvOncS319p2zIc4CsNe5B9TLL7Sei1NIV6d+WrgR5rOi+y0I9Y6GE7xgNOw==",
-  "_location": "/todomvc-common",
-  "_phantomChildren": {},
-  "_requested": {
-    "type": "version",
-    "registry": true,
-    "raw": "todomvc-common@1.0.4",
-    "name": "todomvc-common",
-    "escapedName": "todomvc-common",
-    "rawSpec": "1.0.4",
-    "saveSpec": null,
-    "fetchSpec": "1.0.4"
-  },
-  "_requiredBy": [
-    "/"
-  ],
-  "_resolved": "https://registry.npmjs.org/todomvc-common/-/todomvc-common-1.0.4.tgz",
-  "_spec": "1.0.4",
-  "_where": "/home/rjaros/git/kvision/examples/todomvc/src/main/web",
-  "author": {
-    "name": "TasteJS"
-  },
-  "bugs": {
-    "url": "https://github.com/tastejs/todomvc-common/issues"
-  },
-  "description": "Common TodoMVC utilities used by our apps",
-  "files": [
-    "base.js",
-    "base.css"
-  ],
-  "homepage": "https://github.com/tastejs/todomvc-common#readme",
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "util",
-    "utilities"
-  ],
-  "license": "MIT",
-  "main": "base.js",
-  "name": "todomvc-common",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/tastejs/todomvc-common.git"
-  },
-  "style": "base.css",
-  "version": "1.0.4"
-}
diff --git a/examples/todomvc/src/main/web/node_modules/todomvc-common/readme.md b/examples/todomvc/src/main/web/node_modules/todomvc-common/readme.md
deleted file mode 100644
index 7a5de511..00000000
--- a/examples/todomvc/src/main/web/node_modules/todomvc-common/readme.md
+++ /dev/null
@@ -1,15 +0,0 @@
-# todomvc-common
-
-> Common TodoMVC utilities used by our apps
-
-
-## Install
-
-```
-$ npm install --save todomvc-common
-```
-
-
-## License
-
-MIT © [TasteJS](http://tastejs.com)
diff --git a/examples/todomvc/src/main/web/package-lock.json b/examples/todomvc/src/main/web/package-lock.json
deleted file mode 100644
index 244ffb88..00000000
--- a/examples/todomvc/src/main/web/package-lock.json
+++ /dev/null
@@ -1,16 +0,0 @@
-{
-  "requires": true,
-  "lockfileVersion": 1,
-  "dependencies": {
-    "todomvc-app-css": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/todomvc-app-css/-/todomvc-app-css-2.1.0.tgz",
-      "integrity": "sha1-tvJxbTOa+i5feZNH0qSLBTliQqU="
-    },
-    "todomvc-common": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/todomvc-common/-/todomvc-common-1.0.4.tgz",
-      "integrity": "sha512-AA0Z4exovEqubhbZCrzzn9roVT4zvOncS319p2zIc4CsNe5B9TLL7Sei1NIV6d+WrgR5rOi+y0I9Y6GE7xgNOw=="
-    }
-  }
-}
diff --git a/examples/todomvc/src/main/web/package.json b/examples/todomvc/src/main/web/package.json
deleted file mode 100644
index 67fbc7aa..00000000
--- a/examples/todomvc/src/main/web/package.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "private": true,
-  "dependencies": {
-    "todomvc-app-css": "2.1.0",
-    "todomvc-common": "1.0.4"
-  }
-}
diff --git a/examples/todomvc/src/test/kotlin/test/com/example/TestUtil.kt b/examples/todomvc/src/test/kotlin/test/com/example/TestUtil.kt
deleted file mode 100644
index c5ec014f..00000000
--- a/examples/todomvc/src/test/kotlin/test/com/example/TestUtil.kt
+++ /dev/null
@@ -1,32 +0,0 @@
-package test.com.example
-
-import pl.treksoft.jquery.jQuery
-import kotlin.browser.document
-
-interface TestSpec {
-    fun beforeTest()
-
-    fun afterTest()
-
-    fun run(code: () -> Unit) {
-        beforeTest()
-        code()
-        afterTest()
-    }
-}
-
-interface DomSpec : TestSpec {
-
-    override fun beforeTest() {
-        val fixture = "<div style=\"display: none\" id=\"pretest\">" +
-                "<div id=\"helloworld\"></div></div>"
-        document.body?.insertAdjacentHTML("afterbegin", fixture)
-    }
-
-    override fun afterTest() {
-        val div = document.getElementById("pretest")
-        div?.remove()
-        jQuery(`object` = ".modal-backdrop").remove()
-    }
-
-}