diff --git a/build.gradle.kts b/build.gradle.kts index a9251d5..8049a40 100644 --- a/build.gradle.kts +++ b/build.gradle.kts @@ -13,10 +13,10 @@ url = uri("http://nexus.astraeus.nl/nexus/content/groups/public") } } - +/* dependencies { implementation(kotlin("stdlib-js")) -} +}*/ kotlin { target { @@ -26,6 +26,7 @@ dependencies { implementation(kotlin("stdlib-js")) - implementation("nl.astraeus:komp:0.1.16-SNAPSHOT") + implementation("org.jetbrains.kotlinx:kotlinx-html-js:0.7.1") + implementation("nl.astraeus:komp-js:0.1.17-SNAPSHOT") } } diff --git a/build.gradle.kts b/build.gradle.kts index a9251d5..8049a40 100644 --- a/build.gradle.kts +++ b/build.gradle.kts @@ -13,10 +13,10 @@ url = uri("http://nexus.astraeus.nl/nexus/content/groups/public") } } - +/* dependencies { implementation(kotlin("stdlib-js")) -} +}*/ kotlin { target { @@ -26,6 +26,7 @@ dependencies { implementation(kotlin("stdlib-js")) - implementation("nl.astraeus:komp:0.1.16-SNAPSHOT") + implementation("org.jetbrains.kotlinx:kotlinx-html-js:0.7.1") + implementation("nl.astraeus:komp-js:0.1.17-SNAPSHOT") } } diff --git a/src/main/kotlin/nl/astraeus/Main.kt b/src/main/kotlin/nl/astraeus/Main.kt index 73aae45..747d706 100644 --- a/src/main/kotlin/nl/astraeus/Main.kt +++ b/src/main/kotlin/nl/astraeus/Main.kt @@ -3,19 +3,32 @@ import kotlinx.html.div import nl.astraeus.komp.HtmlBuilder import nl.astraeus.komp.Komponent +import nl.astraeus.komp.include import kotlin.browser.document +class TextKomponent( + val text: String +): Komponent() { + override fun HtmlBuilder.render() { + div { + attributes["style"] = "color: green; margin: 10px; padding: 15px; border: 2px solid green;" + + text + } + } +} + class TestKomponent: Komponent() { override fun HtmlBuilder.render() { div { - + "What!?" + + "What!? is this?" + + include(TextKomponent("MORE TEXT")) } } - } fun main() { Komponent.create(document.body!!, TestKomponent()) - println("Started x") + println("Started zzz") }