fixing web-app

2025-09-23 11:36:12 +02:00
parent 232ba1f86d
commit 5f974500ac
40 changed files with 287 additions and 2408 deletions
@@ -0,0 +1,111 @@
+import org.jetbrains.compose.desktop.application.dsl.TargetFormat
+import org.jetbrains.kotlin.gradle.ExperimentalWasmDsl
+
+plugins {
+    alias(libs.plugins.kotlin.multiplatform)
+    alias(libs.plugins.kotlin.serialization)
+    alias(libs.plugins.composeMultiplatform)
+    alias(libs.plugins.composeCompiler)
+    alias(libs.plugins.composeHotReload)
+}
+
+// Project version configuration
+version = "1.0.0"
+group = "at.mocode"
+
+
+kotlin {
+
+    jvm()
+
+    js {
+        browser()
+        binaries.executable()
+    }
+
+    @OptIn(ExperimentalWasmDsl::class)
+    wasmJs {
+        browser()
+        binaries.executable()
+    }
+
+    sourceSets {
+        commonMain.dependencies {
+            // Core Compose Dependencies - minimiert für kleinere Bundle-Größe
+            implementation(compose.runtime)
+            implementation(compose.foundation)
+            implementation(compose.material3)
+            implementation(compose.ui)
+            implementation(compose.components.resources)
+            // UiToolingPreview nur für Development, nicht für Production WASM
+            // implementation(compose.components.uiToolingPreview)
+
+            implementation(compose.components.uiToolingPreview)
+            implementation(libs.androidx.lifecycle.viewmodelCompose)
+            implementation(libs.androidx.lifecycle.runtimeCompose)
+
+            // HTTP client dependencies for ping-service - optimiert
+            implementation(libs.ktor.client.core)
+            implementation(libs.ktor.client.contentNegotiation)
+            implementation(libs.ktor.client.serialization.kotlinx.json)
+            implementation(libs.kotlinx.coroutines.core)
+            implementation(libs.kotlinx.serialization.json)
+        }
+        commonTest.dependencies {
+            implementation(libs.kotlin.test)
+        }
+        jvmMain.dependencies {
+            implementation(compose.desktop.currentOs)
+            implementation(libs.kotlinx.coroutines.swing)
+            implementation(libs.ktor.client.cio)
+        }
+        jsMain.dependencies {
+            implementation(libs.ktor.client.js)
+        }
+        wasmJsMain.dependencies {
+            implementation(libs.ktor.client.js)
+        }
+    }
+}
+
+compose.desktop {
+    application {
+        mainClass = "at.mocode.MainKt"
+
+        nativeDistributions {
+            targetFormats(TargetFormat.Dmg, TargetFormat.Msi, TargetFormat.Deb)
+            packageName = "Meldestelle"
+            packageVersion = "1.0.0"
+
+            // Application metadata
+            description = "Pferdesport Meldestelle System - Client Application"
+            copyright = "© 2025 Meldestelle Project"
+            vendor = "at.mocode"
+
+            // Platform-specific configurations
+            linux {
+                iconFile.set(project.file("src/commonMain/resources/icon.png"))
+                packageName = "meldestelle"
+                debMaintainer = "stefan@mocode.at"
+                menuGroup = "Office"
+            }
+
+            windows {
+                iconFile.set(project.file("src/commonMain/resources/icon.ico"))
+                menuGroup = "Meldestelle"
+                upgradeUuid = "61DAB35E-17CB-43B8-8A72-39876CF0E021"
+            }
+
+            macOS {
+                iconFile.set(project.file("src/commonMain/resources/icon.icns"))
+                bundleID = "at.mocode.meldestelle"
+                packageBuildVersion = "1.0.0"
+                packageVersion = "1.0.0"
+            }
+        }
+
+        buildTypes.release.proguard {
+            configurationFiles.from(project.file("compose-desktop.pro"))
+        }
+    }
+}
@@ -0,0 +1,52 @@
+<vector
+    xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:aapt="http://schemas.android.com/aapt"
+    android:width="450dp"
+    android:height="450dp"
+    android:viewportWidth="64"
+    android:viewportHeight="64">
+    <path
+        android:pathData="M56.25,18V46L32,60 7.75,46V18L32,4Z"
+        android:fillColor="#6075f2"/>
+    <path
+        android:pathData="m41.5,26.5v11L32,43V60L56.25,46V18Z"
+        android:fillColor="#6b57ff"/>
+    <path
+        android:pathData="m32,43 l-9.5,-5.5v-11L7.75,18V46L32,60Z">
+        <aapt:attr name="android:fillColor">
+            <gradient
+                android:centerX="23.131"
+                android:centerY="18.441"
+                android:gradientRadius="42.132"
+                android:type="radial">
+                <item
+                    android:offset="0"
+                    android:color="#FF5383EC"/>
+                <item
+                    android:offset="0.867"
+                    android:color="#FF7F52FF"/>
+            </gradient>
+        </aapt:attr>
+    </path>
+    <path
+        android:pathData="M22.5,26.5 L32,21 41.5,26.5 56.25,18 32,4 7.75,18Z">
+        <aapt:attr name="android:fillColor">
+            <gradient
+                android:startX="44.172"
+                android:startY="4.377"
+                android:endX="17.973"
+                android:endY="34.035"
+                android:type="linear">
+                <item
+                    android:offset="0"
+                    android:color="#FF33C3FF"/>
+                <item
+                    android:offset="0.878"
+                    android:color="#FF5383EC"/>
+            </gradient>
+        </aapt:attr>
+    </path>
+    <path
+        android:pathData="m32,21 l9.526,5.5v11L32,43 22.474,37.5v-11z"
+        android:fillColor="#000000"/>
+</vector>
@@ -0,0 +1,46 @@
+package at.mocode
+
+import androidx.compose.animation.AnimatedVisibility
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.safeContentPadding
+import androidx.compose.material3.Button
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Text
+import androidx.compose.runtime.*
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import org.jetbrains.compose.resources.painterResource
+import org.jetbrains.compose.ui.tooling.preview.Preview
+
+@Composable
+@Preview
+fun App() {
+    MaterialTheme {
+        var showContent by remember { mutableStateOf(false) }
+        Column(
+            modifier = Modifier
+                .background(MaterialTheme.colorScheme.primaryContainer)
+                .safeContentPadding()
+                .fillMaxSize(),
+            horizontalAlignment = Alignment.CenterHorizontally,
+        ) {
+            Button(onClick = { showContent = !showContent }) {
+                Text("Click me!")
+            }
+            AnimatedVisibility(showContent) {
+                val greeting = remember { Greeting().greet() }
+                Column(
+                    modifier = Modifier.fillMaxWidth(),
+                    horizontalAlignment = Alignment.CenterHorizontally,
+                ) {
+                    Image(painterResource(Res.drawable.compose_multiplatform), null)
+                    Text("Compose: $greeting")
+                }
+            }
+        }
+    }
+}
@@ -0,0 +1,12 @@
+package at.mocode
+
+import kotlin.test.Test
+import kotlin.test.assertEquals
+
+class ComposeAppCommonTest {
+
+    @Test
+    fun example() {
+        assertEquals(3, 1 + 2)
+    }
+}
@@ -0,0 +1,21 @@
+package at.mocode
+
+import androidx.compose.desktop.ui.tooling.preview.Preview
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.window.Window
+import androidx.compose.ui.window.application
+
+fun main() = application {
+    Window(
+        onCloseRequest = ::exitApplication,
+        title = "Meldestelle",
+    ) {
+        App()
+    }
+}
+
+@Preview
+@Composable
+fun AppDesktopPreview() {
+    App()
+}
@@ -0,0 +1,11 @@
+package at.mocode
+
+import androidx.compose.ui.ExperimentalComposeUiApi
+import androidx.compose.ui.window.ComposeViewport
+
+@OptIn(ExperimentalComposeUiApi::class)
+fun main() {
+    ComposeViewport {
+        App()
+    }
+}
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Meldestelle</title>
+    <link type="text/css" rel="stylesheet" href="styles.css">
+    <script type="application/javascript" src="composeApp.js"></script>
+</head>
+<body>
+</body>
+</html>
@@ -0,0 +1,7 @@
+html, body {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
+}
@@ -0,0 +1,21 @@
+/*
+ * Temporary workaround for [KT-80582](https://youtrack.jetbrains.com/issue/KT-80582)
+ * 
+ * This file should be safe to be removed once the ticket is closed and the project is updated to Kotlin version which solves that issue.
+ */
+config.watchOptions = config.watchOptions || {
+    ignored: ["**/*.kt", "**/node_modules"]
+}
+
+if (config.devServer) {
+    config.devServer.static = config.devServer.static.map(file => {
+        if (typeof file === "string") {
+            return {
+                directory: file,
+                watch: false,
+            }
+        } else {
+            return file
+        }
+    })
+}