Restore App() in counter sample

JetBrains · Dec 18, 2024 · 597a3f0 · 597a3f0
1 parent 4a86575
commit 597a3f0
Showing 1 changed file with 86 additions and 16 deletions.
diff --git a/samples/counter/app/src/jvmMain/kotlin/App.kt b/samples/counter/app/src/jvmMain/kotlin/App.kt
@@ -1,28 +1,98 @@
-import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.Column
-import androidx.compose.foundation.layout.Row
-import androidx.compose.foundation.layout.fillMaxSize
-import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.*
 import androidx.compose.material3.Button
 import androidx.compose.material3.Card
+import androidx.compose.material3.CardDefaults
 import androidx.compose.material3.Text
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.getValue
-import androidx.compose.runtime.mutableStateOf
-import androidx.compose.runtime.remember
-import androidx.compose.runtime.setValue
+import androidx.compose.runtime.*
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
+import io.sellmair.evas.compose.EvasLaunching
+import io.sellmair.evas.compose.composeValue
+import io.sellmair.evas.set
 
 @Composable
 fun App() {
-    var count by remember { mutableStateOf(0) }
-    Card(modifier = Modifier.fillMaxSize().padding(32.dp)) {
-        Column {
-            Text("Counter: $count", fontSize = 48.sp)
-            Button(onClick = { count++ }) {
-                Text("JetBrains", fontSize = 48.sp)
+    val applicationStateCounter = CounterState.composeValue()
+    var uiStateCounter by remember { mutableStateOf(0) }
+
+    Column(modifier = Modifier.padding(16.dp)) {
+        Row {
+            Text("Hot Reload Example", fontSize = 48.sp, fontWeight = FontWeight.Bold)
+        }
+
+        Row {
+            Text("Press 'command + s' in IntelliJ to see changes")
+        }
+
+        Spacer(Modifier.height(32.dp))
+
+        Card(elevation = CardDefaults.elevatedCardElevation()) {
+            Column(modifier = Modifier.padding(16.dp)) {
+                Row {
+                    Text(
+                        "🔥(Hot/Application State). This state will be retained during hot-reload!",
+                        fontSize = 12.sp
+                    )
+                }
+
+                Row {
+                    Text("🔥Hot State Counter: ${applicationStateCounter.value}", fontSize = 24.sp)
+                }
+            }
+        }
+
+        Spacer(Modifier.height(32.dp))
+
+
+        Card(elevation = CardDefaults.elevatedCardElevation()) {
+            Column(modifier = Modifier.padding(16.dp)) {
+                Row {
+                    Text(
+                        "❄️(Cold/UI State). UI State is rebuilt during hot reload!",
+                        fontSize = 12.sp
+                    )
+                }
+
+                Row {
+                    Text("❄️Cold State Counter: $uiStateCounter", fontSize = 24.sp)
+                }
+            }
+        }
+
+        Spacer(Modifier.height(32.dp))
+
+
+        Card(elevation = CardDefaults.elevatedCardElevation()) {
+            Column(modifier = Modifier.padding(16.dp)) {
+                Row {
+                    Text(
+                        "Hot Reload also works across modules\nEdit 'widgets/src/commonUI/SomeWidget.kt",
+                        fontSize = 12.sp
+                    )
+                }
+
+                Spacer(Modifier.height(32.dp))
+
+                Row {
+                    Card(elevation = CardDefaults.elevatedCardElevation(defaultElevation = 4.dp)) {
+                        Box(modifier = Modifier.padding(16.dp)) {
+                            SomeWidget()
+                        }
+                    }
+                }
+            }
+        }
+
+        Spacer(Modifier.height(32.dp))
+
+        Row(modifier = Modifier.fillMaxWidth()) {
+            Button(onClick = EvasLaunching {
+                uiStateCounter++
+                CounterState.set(CounterState(applicationStateCounter.value + 1))
+            }) {
+                Text("Inc! ", fontSize = 48.sp)
             }
         }
     }