Hello World example

2 files changed, 73 insertions, 0 deletions

diff --git a/examples/helloworld/src/main/kotlin/com/example/Helloworld.kt b/examples/helloworld/src/main/kotlin/com/example/Helloworld.kt
new file mode 100644
index 00000000..61e75482
--- /dev/null
+++ b/examples/helloworld/src/main/kotlin/com/example/Helloworld.kt
@@ -0,0 +1,32 @@
+package com.example
+
+import pl.treksoft.kvision.ApplicationBase
+import pl.treksoft.kvision.core.Root
+import pl.treksoft.kvision.html.TAG
+import pl.treksoft.kvision.html.Tag
+import pl.treksoft.kvision.panel.FLEXDIR
+import pl.treksoft.kvision.panel.FLEXJUSTIFY
+import pl.treksoft.kvision.panel.FlexPanel
+import pl.treksoft.kvision.utils.px
+
+class Helloworld : ApplicationBase() {
+
+    override fun start(state: Map<String, Any>) {
+        val root = Root("helloworld")
+        val panel = FlexPanel(FLEXDIR.ROW, justify = FLEXJUSTIFY.CENTER)
+        val hello = Tag(TAG.DIV, "Hello world!", classes = setOf("helloworld")).apply {
+            marginTop = 50.px()
+
+        }
+        panel.add(hello)
+        root.add(panel)
+    }
+
+    override fun dispose(): Map<String, Any> {
+        return mapOf()
+    }
+
+    companion object {
+        val css = require("./css/style.css")
+    }
+}
diff --git a/examples/helloworld/src/main/kotlin/com/example/Main.kt b/examples/helloworld/src/main/kotlin/com/example/Main.kt
new file mode 100644
index 00000000..fba5f87a
--- /dev/null
+++ b/examples/helloworld/src/main/kotlin/com/example/Main.kt
@@ -0,0 +1,41 @@
+package com.example
+
+import pl.treksoft.kvision.ApplicationBase
+import pl.treksoft.kvision.core.KVManager
+import pl.treksoft.kvision.module
+import kotlin.browser.document
+
+external fun require(name: String): dynamic
+
+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) {
+        application = start(state)
+    } else {
+        KVManager.init()
+        application = null
+        document.addEventListener("DOMContentLoaded", { application = start(state) })
+    }
+}
+
+fun start(state: dynamic): ApplicationBase? {
+    if (document.getElementById("helloworld") == null) return null
+    val application = Helloworld()
+    @Suppress("UnsafeCastFromDynamic")
+    application.start(state?.appState ?: emptyMap())
+    return application
+}
+