create (janky) demo with actual content (#121)

Author: sargunv

demo-app/src/commonMain/kotlin/co/pokeapi/pokekotlin/demoapp/App.kt

@@ -0,0 +1,127 @@
+package co.pokeapi.pokekotlin.demoapp
+
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.PaddingValues
+import androidx.compose.foundation.layout.consumeWindowInsets
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.lazy.LazyColumn
+import androidx.compose.foundation.lazy.items
+import androidx.compose.material3.CircularProgressIndicator
+import androidx.compose.material3.ColorScheme
+import androidx.compose.material3.ListItem
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Scaffold
+import androidx.compose.material3.Text
+import androidx.compose.material3.TopAppBar
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.text.style.TextOverflow
+import co.pokeapi.pokekotlin.PokeApi
+import co.pokeapi.pokekotlin.model.NamedApiResource
+import co.pokeapi.pokekotlin.model.NamedApiResourceList
+import co.pokeapi.pokekotlin.model.PokemonSpecies
+
+@Composable
+fun PokemonListItem(pokemon: PokemonSpecies) {
+  ListItem(
+    modifier = Modifier.clickable(onClick = {}),
+    headlineContent = { Text(pokemon.names.first { it.language.name == "en" }.name) },
+    supportingContent = {
+      Text(
+        pokemon.flavorTextEntries
+          .filter { it.language.name == "en" }
+          .maxBy { it.version.id }
+          .flavorText
+          .replace(Regex("\\s"), " "),
+        maxLines = 2,
+        overflow = TextOverflow.Ellipsis,
+      )
+    },
+  )
+}
+
+@Composable
+fun PokemonListItemPlaceholder(summary: NamedApiResource) {
+  ListItem(headlineContent = { Text("Loading: ${summary.name}") })
+}
+
+@Composable
+fun PokemonListItemError(summary: NamedApiResource, message: String) {
+  ListItem(
+    headlineContent = { Text("Failed to load: ${summary.name}") },
+    supportingContent = { Text(message) },
+  )
+}
+
+@Composable
+fun PokemonList(padding: PaddingValues, pokemon: NamedApiResourceList) {
+  Box(Modifier.consumeWindowInsets(padding).fillMaxSize()) {
+    LazyColumn(contentPadding = padding) {
+      items(pokemon.results) { summary ->
+        var result by remember { mutableStateOf<Result<PokemonSpecies>?>(null) }
+        LaunchedEffect(Unit) { result = PokeApi.getPokemonSpecies(summary.id) }
+        when {
+          result == null -> PokemonListItemPlaceholder(summary)
+          result!!.isSuccess -> PokemonListItem(result!!.getOrThrow())
+          result!!.isFailure ->
+            PokemonListItemError(
+              summary = summary,
+              message = result!!.exceptionOrNull()!!.message ?: "Unknown error",
+            )
+        }
+      }
+    }
+  }
+}
+
+@Composable
+fun CenteredLoading(padding: PaddingValues) {
+  Box(
+    Modifier.consumeWindowInsets(padding).padding(padding).fillMaxSize(),
+    contentAlignment = Alignment.Center,
+  ) {
+    CircularProgressIndicator()
+  }
+}
+
+@Composable
+fun ErrorMessage(padding: PaddingValues, message: String) {
+  Box(
+    Modifier.consumeWindowInsets(padding).padding(padding).fillMaxSize(),
+    contentAlignment = Alignment.Center,
+  ) {
+    Text(message)
+  }
+}
+
+@Composable
+fun DemoApp() {
+  MaterialTheme(colorScheme = getDefaultColorScheme()) {
+    Scaffold(
+      topBar = { TopAppBar(title = { Text("PokeKotlin Demo") }) },
+      content = { innerPadding ->
+        var result by remember { mutableStateOf<Result<NamedApiResourceList>?>(null) }
+        LaunchedEffect(Unit) { result = PokeApi.getPokemonSpeciesList(0, 100000) }
+        when {
+          result == null -> CenteredLoading(innerPadding)
+          result!!.isSuccess -> PokemonList(innerPadding, result!!.getOrThrow())
+          result!!.isFailure ->
+            ErrorMessage(
+              padding = innerPadding,
+              message = result!!.exceptionOrNull()!!.message ?: "Unknown error",
+            )
+        }
+      },
+    )
+  }
+}
+
+@Composable expect fun getDefaultColorScheme(isDark: Boolean = false): ColorScheme