feat: Implementation Story List in Gallery, Add DSL methods for building Story Lists

modules/gallery/src/androidMain/kotlin/StoryBook.android.kt

@@ -0,0 +1,17 @@
+import androidx.compose.material.Button
+import androidx.compose.material.Text
+import androidx.compose.runtime.Composable
+
+actual fun getStoryBook(): List<Story> = buildStoryBook {
+  addStory(
+    object : Story() {
+      override val storyName: String = "Android Button"
+      @Composable
+      override fun content() {
+        Button(onClick = {}) {
+          Text("Android Button")
+        }
+      }
+    }
+  )
+}

modules/gallery/src/androidMain/kotlin/org/jetbrains/storytale/MainActivity.kt

@@ -1,7 +1,6 @@
 package org.jetbrains.storytale
 
 import App
-import Story
 import android.os.Bundle
 import androidx.activity.ComponentActivity
 import androidx.activity.compose.setContent
@@ -13,9 +12,6 @@ class MainActivity : ComponentActivity() {
     super.onCreate(savedInstanceState)
     setContent {
       App()
-      val story = Story("Android Story") {
-        App()
-      }
     }
   }
 }

modules/gallery/src/commonMain/kotlin/App.kt

@@ -1,40 +1,22 @@
-import androidx.compose.animation.AnimatedVisibility
-import androidx.compose.foundation.Image
-import androidx.compose.foundation.layout.Column
-import androidx.compose.foundation.layout.fillMaxWidth
-import androidx.compose.material.Button
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.material.MaterialTheme
-import androidx.compose.material.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.ui.Alignment
 import androidx.compose.ui.Modifier
-import org.jetbrains.compose.resources.ExperimentalResourceApi
-import org.jetbrains.compose.resources.painterResource
 import org.jetbrains.compose.ui.tooling.preview.Preview
-import storytale.modules.gallery.generated.resources.Res
-import storytale.modules.gallery.generated.resources.compose_multiplatform
 
-@OptIn(ExperimentalResourceApi::class)
 @Composable
 @Preview
 fun App() {
   MaterialTheme {
-    var showContent by remember { mutableStateOf(false) }
-    Column(Modifier.fillMaxWidth(), horizontalAlignment = Alignment.CenterHorizontally) {
-      Button(onClick = { showContent = !showContent }) {
-        Text("Click me!")
-      }
-      AnimatedVisibility(showContent) {
-        val greeting = remember { Greeting().greet() }
-        Column(Modifier.fillMaxWidth(), horizontalAlignment = Alignment.CenterHorizontally) {
-          Image(painterResource(Res.drawable.compose_multiplatform), null)
-          Text("Compose: $greeting")
-        }
-      }
+    Box(
+      modifier = Modifier.fillMaxSize(),
+      contentAlignment = Alignment.Center
+    ) {
+      LazyStoryList(
+        storyList = getStoryBook()
+      )
     }
   }
 }

modules/gallery/src/commonMain/kotlin/LazyStoryList.kt

@@ -0,0 +1,45 @@
+import androidx.compose.foundation.gestures.FlingBehavior
+import androidx.compose.foundation.gestures.ScrollableDefaults
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.PaddingValues
+import androidx.compose.foundation.lazy.LazyColumn
+import androidx.compose.foundation.lazy.LazyListState
+import androidx.compose.foundation.lazy.items
+import androidx.compose.foundation.lazy.rememberLazyListState
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.unit.dp
+
+@Composable
+fun LazyStoryList(
+  storyList: List<Story>,
+  modifier: Modifier = Modifier,
+  state: LazyListState = rememberLazyListState(),
+  contentPadding: PaddingValues = PaddingValues(0.dp),
+  reverseLayout: Boolean = false,
+  verticalArrangement: Arrangement.Vertical =
+    if (!reverseLayout) Arrangement.Top else Arrangement.Bottom,
+  horizontalAlignment: Alignment.Horizontal = Alignment.Start,
+  flingBehavior: FlingBehavior = ScrollableDefaults.flingBehavior(),
+  userScrollEnabled: Boolean = true
+) {
+  LazyColumn(
+    modifier = modifier,
+    state = state,
+    contentPadding = contentPadding,
+    flingBehavior = flingBehavior,
+    horizontalAlignment = horizontalAlignment,
+    verticalArrangement = verticalArrangement,
+    reverseLayout = reverseLayout,
+    userScrollEnabled = userScrollEnabled
+  ) {
+    items(
+      items = storyList,
+      key = { it.storyName },
+      contentType = { it }
+    ) {
+      it.content()
+    }
+  }
+}

modules/gallery/src/commonMain/kotlin/StoryBook.kt

@@ -0,0 +1 @@
+expect fun getStoryBook(): List<Story>

modules/gallery/src/desktopMain/kotlin/StoryBook.desktop.kt

@@ -0,0 +1,17 @@
+import androidx.compose.material.Button
+import androidx.compose.material.Text
+import androidx.compose.runtime.Composable
+
+actual fun getStoryBook(): List<Story> = buildStoryBook {
+  addStory(
+    object : Story() {
+      override val storyName: String = "Desktop Button"
+      @Composable
+      override fun content() {
+        Button(onClick = {}) {
+          Text("Desktop Button")
+        }
+      }
+    }
+  )
+}

modules/gallery/src/iosMain/kotlin/StoryBook.ios.kt

@@ -0,0 +1,17 @@
+import androidx.compose.material.Button
+import androidx.compose.material.Text
+import androidx.compose.runtime.Composable
+
+actual fun getStoryBook(): List<Story> = buildStoryBook {
+  addStory(
+    object : Story() {
+      override val storyName: String = "iOS Button"
+      @Composable
+      override fun content() {
+        Button(onClick = {}) {
+          Text("iOS Button")
+        }
+      }
+    }
+  )
+}

modules/gallery/src/wasmJsMain/kotlin/StoryBook.wasmJs.kt

@@ -0,0 +1,17 @@
+import androidx.compose.material.Button
+import androidx.compose.material.Text
+import androidx.compose.runtime.Composable
+
+actual fun getStoryBook(): List<Story> = buildStoryBook {
+  addStory(
+    object : Story() {
+      override val storyName: String = "Web Button"
+      @Composable
+      override fun content() {
+        Button(onClick = {}) {
+          Text("Web Button")
+        }
+      }
+    }
+  )
+}

modules/runtime/src/commonMain/kotlin/Story.kt

@@ -1,6 +1,7 @@
 import androidx.compose.runtime.Composable
 
-data class Story(
-  val name: String,
-  val content: @Composable () -> Unit
-)
+abstract class Story {
+  abstract val storyName: String
+  @Composable
+  abstract fun content()
+}

modules/runtime/src/commonMain/kotlin/StoryBuilder.kt

@@ -0,0 +1,8 @@
+class StoryBuilder {
+  val list = mutableListOf<Story>()
+  fun addStory(story: Story) = list.add(story)
+}
+
+fun buildStoryBook(builder: StoryBuilder.() -> Unit): List<Story> {
+  return StoryBuilder().apply(builder).list
+}