fixing web-app

client/composeApp/src/commonMain/composeResources/drawable/compose-multiplatform.xml

@@ -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>

client/composeApp/src/commonMain/kotlin/at/mocode/App.kt

@@ -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")
+                }
+            }
+        }
+    }
+}

client/composeApp/src/commonTest/kotlin/at/mocode/ComposeAppCommonTest.kt

@@ -0,0 +1,12 @@
+package at.mocode
+
+import kotlin.test.Test
+import kotlin.test.assertEquals
+
+class ComposeAppCommonTest {
+
+    @Test
+    fun example() {
+        assertEquals(3, 1 + 2)
+    }
+}

client/composeApp/src/jvmMain/kotlin/at/mocode/main.kt

@@ -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()
+}

client/composeApp/src/webMain/kotlin/at/mocode/main.kt

@@ -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()
+    }
+}

client/composeApp/src/webMain/resources/index.html

@@ -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>

client/composeApp/src/webMain/resources/styles.css

@@ -0,0 +1,7 @@
+html, body {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
+}