79 lines
2.7 KiB
Kotlin
79 lines
2.7 KiB
Kotlin
import dev.inmo.micro_utils.coroutines.launchSafelyWithoutExceptions
|
|
import dev.inmo.tgbotapi.types.webAppQueryIdField
|
|
import dev.inmo.tgbotapi.webapps.*
|
|
import io.ktor.client.HttpClient
|
|
import io.ktor.client.request.*
|
|
import io.ktor.client.statement.bodyAsText
|
|
import io.ktor.http.*
|
|
import io.ktor.http.content.TextContent
|
|
import kotlinx.browser.document
|
|
import kotlinx.browser.window
|
|
import kotlinx.coroutines.*
|
|
import kotlinx.dom.appendElement
|
|
import kotlinx.dom.appendText
|
|
import kotlinx.serialization.json.Json
|
|
import org.w3c.dom.HTMLElement
|
|
|
|
fun HTMLElement.log(text: String) {
|
|
appendElement("p", {})
|
|
appendText(text)
|
|
}
|
|
|
|
fun main() {
|
|
console.log("Web app started")
|
|
val client = HttpClient()
|
|
val baseUrl = window.location.origin.removeSuffix("/")
|
|
|
|
window.onload = {
|
|
val scope = CoroutineScope(Dispatchers.Default)
|
|
runCatching {
|
|
|
|
scope.launchSafelyWithoutExceptions {
|
|
val response = client.post("$baseUrl/check") {
|
|
setBody(
|
|
Json { }.encodeToString(
|
|
WebAppDataWrapper.serializer(),
|
|
WebAppDataWrapper(webApp.initData, webApp.initDataUnsafe.hash)
|
|
)
|
|
)
|
|
}
|
|
val dataIsSafe = response.bodyAsText().toBoolean()
|
|
|
|
document.body ?.appendElement("div") {
|
|
textContent = if (dataIsSafe) {
|
|
"Data is safe"
|
|
} else {
|
|
"Data is unsafe"
|
|
}
|
|
}
|
|
}
|
|
|
|
document.body ?.appendElement("button") {
|
|
addEventListener("click", {
|
|
scope.launchSafelyWithoutExceptions {
|
|
handleResult({ "Clicked" }) {
|
|
client.post("${window.location.origin.removeSuffix("/")}/inline") {
|
|
parameter(webAppQueryIdField, it)
|
|
setBody(TextContent("Clicked", ContentType.Text.Plain))
|
|
document.body ?.log(url.build().toString())
|
|
}.coroutineContext.job.join()
|
|
}
|
|
}
|
|
})
|
|
appendText("Example button")
|
|
} ?: window.alert("Unable to load body")
|
|
webApp.apply {
|
|
onThemeChanged {
|
|
document.body ?.log("Theme changed: ${webApp.themeParams}")
|
|
}
|
|
onViewportChanged {
|
|
document.body ?.log("Viewport changed: ${it.isStateStable}")
|
|
}
|
|
}
|
|
webApp.ready()
|
|
}.onFailure {
|
|
window.alert(it.stackTraceToString())
|
|
}
|
|
}
|
|
}
|