Added a simple frontend (#19)

nulls · web-flow · commit 13a5b6de192a · 2024-03-19T21:08:24.000+03:00
- added a new module
- added a base configuration
- added buttons for authorization
diff --git a/frontend/build.gradle.kts b/frontend/build.gradle.kts
@@ -0,0 +1,28 @@
+import com.saveourtool.template.build.kotlinw
+
+plugins {
+    kotlin("multiplatform")
+}
+
+kotlin {
+    js {
+        browser {
+            commonWebpackConfig {
+                cssSupport {
+                    enabled = true
+                }
+            }
+        }
+        binaries.executable()
+    }
+
+    sourceSets {
+        jsMain {
+            dependencies {
+                implementation(project.dependencies.enforcedPlatform(libs.kotlin.wrappers.bom))
+                implementation(kotlinw("react"))
+                implementation(kotlinw("react-dom"))
+            }
+        }
+    }
+}
diff --git a/frontend/src/jsMain/kotlin/com/saveourtool/template/frontend/FrontendApp.kt b/frontend/src/jsMain/kotlin/com/saveourtool/template/frontend/FrontendApp.kt
@@ -0,0 +1,29 @@
+package com.saveourtool.template.frontend
+
+import react.FC
+import react.Props
+import react.create
+import react.dom.client.createRoot
+import react.dom.html.ReactHTML.button
+import react.dom.html.ReactHTML.div
+import react.dom.html.ReactHTML.h1
+import web.dom.document
+
+val App: FC<Props> = FC {
+    h1 {
+        +"Authentication page"
+    }
+    div {
+        button {
+            +"GitHub"
+        }
+        button {
+            +"Google"
+        }
+    }
+}
+
+fun main() {
+    val container = document.getElementById("root") ?: error("Couldn't find root container!")
+    createRoot(container).render(App.create())
+}
diff --git a/frontend/src/jsMain/resources/index.html b/frontend/src/jsMain/resources/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>App Cloud template</title>
+</head>
+<body>
+    <div id ="root"></div>
+    <script src="frontend.js"></script>
+</body>
+</html>
diff --git a/gradle.properties b/gradle.properties
@@ -6,6 +6,7 @@ org.gradle.vfs.watch=true
 ## there will be a replacement `org.gradle.unsafe.isolated-project`: https://github.com/gradle/gradle/pull/16930
 #org.gradle.configureondemand=true
 kotlin.native.cacheKind.linuxX64=static
+kotlin.js.compiler=ir
 
 # See <https://docs.gradle.com/enterprise/gradle-plugin/>
 #
diff --git a/gradle/libs.versions.toml b/gradle/libs.versions.toml
@@ -1,5 +1,6 @@
 [versions]
 kotlin = "1.9.22"
+kotlin-wrappers = "1.0.0-pre.715"
 kotlin-serialization = "1.6.3"
 spring-boot = "3.2.3"
 springdoc = "2.3.0"
@@ -18,4 +19,5 @@ springdoc-openapi-starter-common = { module = "org.springdoc:springdoc-openapi-s
 springdoc-openapi-starter-webflux-ui = { module = "org.springdoc:springdoc-openapi-starter-webflux-ui", version.ref = "springdoc" }
 springdoc-openapi-starter-webmvc-ui = { module = "org.springdoc:springdoc-openapi-starter-webmvc-ui", version.ref = "springdoc" }
 
-kotlinx-serialization-core = { module = "org.jetbrains.kotlinx:kotlinx-serialization-core", version.ref = "kotlin-serialization"}
+kotlin-wrappers-bom = { module = "org.jetbrains.kotlin-wrappers:kotlin-wrappers-bom", version.ref = "kotlin-wrappers" }
+kotlinx-serialization-core = { module = "org.jetbrains.kotlinx:kotlinx-serialization-core", version.ref = "kotlin-serialization"}
diff --git a/gradle/plugins/src/main/kotlin/com/saveourtool/template/build/Utils.kt b/gradle/plugins/src/main/kotlin/com/saveourtool/template/build/Utils.kt
@@ -0,0 +1,3 @@
+package com.saveourtool.template.build
+
+fun kotlinw(target: String): String = "org.jetbrains.kotlin-wrappers:kotlin-$target"
diff --git a/kotlin-js-store/yarn.lock b/kotlin-js-store/yarn.lock
diff --git a/settings.gradle.kts b/settings.gradle.kts

Original file line number	Diff line number	Diff line change
`@@ -6,6 +6,7 @@ org.gradle.vfs.watch=true`
`6`	`6`	## there will be a replacement `org.gradle.unsafe.isolated-project`: https://github.com/gradle/gradle/pull/16930
`7`	`7`	`#org.gradle.configureondemand=true`
`8`	`8`	`kotlin.native.cacheKind.linuxX64=static`
	`9`	`+kotlin.js.compiler=ir`
`9`	`10`
`10`	`11`	`# See <https://docs.gradle.com/enterprise/gradle-plugin/>`
`11`	`12`	`#`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+package com.saveourtool.template.build`
	`2`	`+`
	`3`	`+fun kotlinw(target: String): String = "org.jetbrains.kotlin-wrappers:kotlin-$target"`