update tgbotapi and add webapps example

2025-09-06 00:29:59 +00:00 · 2022-04-29 20:57:16 +06:00
parent 222134836a
commit 0b7d8c087f
17 changed files with 186 additions and 14 deletions
--- a/WebApp/src/jsMain/kotlin/main.kt
+++ b/WebApp/src/jsMain/kotlin/main.kt
@@ -0,0 +1,42 @@
+import dev.inmo.tgbotapi.webapps.*
+import io.ktor.client.HttpClient
+import io.ktor.client.request.get
+import io.ktor.client.statement.HttpResponse
+import io.ktor.client.statement.readText
+import io.ktor.http.encodeURLPath
+import kotlinx.browser.document
+import kotlinx.browser.window
+import kotlinx.coroutines.*
+import kotlinx.dom.appendElement
+import kotlinx.dom.appendText
+
+fun main() {
+    console.log("Web app started")
+    window.onload = {
+        val scope = CoroutineScope(Dispatchers.Default)
+        runCatching {
+            document.body ?.appendElement("button") {
+                addEventListener(
+                    "click",
+                    {
+                        webApp.sendData("Clicked")
+                    }
+                )
+                appendText("Example button")
+            } ?: window.alert("Unable to load body")
+            webApp.apply {
+                onThemeChanged {
+                    document.body ?.appendText("Theme changed: ${webApp.themeParams}")
+                    document.body ?.appendElement("p", {})
+                }
+                onViewportChanged {
+                    document.body ?.appendText("Viewport changed: ${it.isStateStable}")
+                    document.body ?.appendElement("p", {})
+                }
+            }
+            webApp.ready()
+        }.onFailure {
+            window.alert(it.stackTraceToString())
+        }
+    }
+}
--- a/WebApp/src/jsMain/resources/index.html
+++ b/WebApp/src/jsMain/resources/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <title>Web App Example</title>
+    </head>
+    <body>
+        <script type="application/javascript" src="https://telegram.org/js/telegram-web-app.js"></script>
+        <script type="application/javascript" src="WebApp.js"></script>
+    </body>
+</html>