openuispec 0.2.10 → 0.2.11

package/examples/social-app/generated/android/social-app/app/src/main/java/com/social/app/ui/MainShell.kt

@@ -1,390 +0,0 @@
-package com.social.app.ui
-
-import androidx.compose.foundation.clickable
-import androidx.compose.foundation.layout.Arrangement
-import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.Column
-import androidx.compose.foundation.layout.Row
-import androidx.compose.foundation.layout.fillMaxHeight
-import androidx.compose.foundation.layout.fillMaxSize
-import androidx.compose.foundation.layout.fillMaxWidth
-import androidx.compose.foundation.layout.padding
-import androidx.compose.foundation.layout.width
-import androidx.compose.material.icons.Icons
-import androidx.compose.material.icons.automirrored.filled.ArrowBack
-import androidx.compose.material.icons.filled.AddCircle
-import androidx.compose.material.icons.filled.Explore
-import androidx.compose.material.icons.filled.Home
-import androidx.compose.material.icons.filled.Notifications
-import androidx.compose.material.icons.filled.Person
-import androidx.compose.material3.Badge
-import androidx.compose.material3.BadgedBox
-import androidx.compose.material3.BottomSheetDefaults
-import androidx.compose.material3.ExperimentalMaterial3Api
-import androidx.compose.material3.Icon
-import androidx.compose.material3.MaterialTheme
-import androidx.compose.material3.ModalBottomSheet
-import androidx.compose.material3.NavigationBar
-import androidx.compose.material3.NavigationBarItem
-import androidx.compose.material3.NavigationBarItemDefaults
-import androidx.compose.material3.NavigationRail
-import androidx.compose.material3.Scaffold
-import androidx.compose.material3.SnackbarHostState
-import androidx.compose.material3.Surface
-import androidx.compose.material3.Text
-import androidx.compose.material3.TopAppBar
-import androidx.compose.material3.IconButton
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.getValue
-import androidx.compose.runtime.mutableIntStateOf
-import androidx.compose.runtime.remember
-import androidx.compose.runtime.rememberCoroutineScope
-import androidx.compose.runtime.setValue
-import androidx.compose.ui.Alignment
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.platform.LocalConfiguration
-import androidx.compose.ui.res.stringResource
-import androidx.compose.ui.text.style.TextAlign
-import androidx.compose.ui.unit.dp
-import com.arkivanov.decompose.extensions.compose.subscribeAsState
-import com.social.app.R
-import com.social.app.data.preferences.PreferencesRepository
-import com.arkivanov.mvikotlin.core.store.StoreFactory
-import com.social.app.data.MockData
-import com.social.app.ui.navigation.RootComponent
-import com.social.app.ui.screens.ChatDetailScreen
-import com.social.app.ui.screens.CreatePostScreen
-import com.social.app.ui.screens.DiscoverScreen
-import com.social.app.ui.screens.EditProfileScreen
-import com.social.app.ui.screens.HomeFeedScreen
-import com.social.app.ui.screens.MessagesInboxScreen
-import com.social.app.ui.screens.NotificationsScreen
-import com.social.app.ui.screens.PostDetailScreen
-import com.social.app.ui.screens.ProfileSelfScreen
-import com.social.app.ui.screens.SearchResultsScreen
-import com.social.app.ui.screens.SettingsScreen
-import com.social.app.ui.screens.UserProfileScreen
-import com.social.app.ui.components.ContractSnackbarHost
-import com.social.app.ui.theme.Shapes
-import kotlinx.coroutines.delay
-import kotlinx.coroutines.launch
-
-private enum class MainDestination {
-    Home,
-    Discover,
-    Notifications,
-    Profile,
-}
-
-private data class NavItem(
-    val destination: MainDestination?,
-    val labelRes: Int,
-    val icon: @Composable () -> Unit,
-    val onClick: () -> Unit,
-)
-
-@OptIn(ExperimentalMaterial3Api::class)
-@Composable
-fun MainShell(
-    root: RootComponent,
-    preferencesRepository: PreferencesRepository,
-    storeFactory: StoreFactory,
-) {
-    val stack by root.stack.subscribeAsState()
-    val activeChild = stack.active.instance
-    val previousChild = stack.backStack.lastOrNull()?.instance
-    val mainChild =
-        if (activeChild is RootComponent.Child.CreatePost && previousChild != null) previousChild else activeChild
-
-    val isExpanded = LocalConfiguration.current.screenWidthDp >= 1025
-    var unreadCount by remember { mutableIntStateOf(MockData.notifications.size) }
-    val snackbarHostState = remember { SnackbarHostState() }
-    val scope = rememberCoroutineScope()
-    val createPostSuccessMessage = stringResource(R.string.create_post_success)
-    val activeDestination = activeDestinationFor(mainChild)
-    val primaryScreen =
-        mainChild is RootComponent.Child.Home ||
-            mainChild is RootComponent.Child.Discover ||
-            mainChild is RootComponent.Child.Notifications ||
-            mainChild is RootComponent.Child.Profile
-
-    val navItems = listOf(
-        NavItem(
-            destination = MainDestination.Home,
-            labelRes = R.string.nav_home,
-            icon = { Icon(Icons.Default.Home, contentDescription = null) },
-            onClick = root::onHomeTabClicked,
-        ),
-        NavItem(
-            destination = MainDestination.Discover,
-            labelRes = R.string.nav_discover,
-            icon = { Icon(Icons.Default.Explore, contentDescription = null) },
-            onClick = root::onDiscoverTabClicked,
-        ),
-        NavItem(
-            destination = null,
-            labelRes = R.string.nav_create,
-            icon = { Icon(Icons.Default.AddCircle, contentDescription = null) },
-            onClick = root::onCreatePostClicked,
-        ),
-        NavItem(
-            destination = MainDestination.Notifications,
-            labelRes = R.string.nav_notifications,
-            icon = {
-                BadgedBox(
-                    badge = {
-                        if (unreadCount > 0) {
-                            Badge {
-                                Text(unreadCount.toString())
-                            }
-                        }
-                    },
-                ) {
-                    Icon(Icons.Default.Notifications, contentDescription = null)
-                }
-            },
-            onClick = root::onNotificationsTabClicked,
-        ),
-        NavItem(
-            destination = MainDestination.Profile,
-            labelRes = R.string.nav_profile,
-            icon = { Icon(Icons.Default.Person, contentDescription = null) },
-            onClick = root::onProfileTabClicked,
-        ),
-    )
-
-    Scaffold(
-        modifier = Modifier.fillMaxSize(),
-        snackbarHost = {
-            ContractSnackbarHost(hostState = snackbarHostState)
-        },
-        bottomBar = {
-            if (primaryScreen && !isExpanded) {
-                CompactTabBar(
-                    items = navItems,
-                    activeDestination = activeDestination,
-                )
-            }
-        },
-    ) { padding ->
-        Row(
-            modifier = Modifier
-                .fillMaxSize()
-                .padding(padding),
-        ) {
-            if (primaryScreen && isExpanded) {
-                ExpandedSidebar(
-                    items = navItems,
-                    activeDestination = activeDestination,
-                )
-            }
-
-            Box(
-                modifier = Modifier
-                    .fillMaxHeight()
-                    .weight(1f),
-            ) {
-                Surface(
-                    modifier = Modifier.fillMaxSize(),
-                    color = MaterialTheme.colorScheme.surface,
-                ) {
-                    RenderChild(
-                        child = mainChild,
-                        root = root,
-                        preferencesRepository = preferencesRepository,
-                        storeFactory = storeFactory,
-                        onNotificationRead = {
-                            unreadCount = (unreadCount - 1).coerceAtLeast(0)
-                        },
-                    )
-                }
-            }
-        }
-
-        if (activeChild is RootComponent.Child.CreatePost) {
-            ModalBottomSheet(
-                onDismissRequest = root::onBackClicked,
-                containerColor = MaterialTheme.colorScheme.surfaceVariant,
-                dragHandle = { BottomSheetDefaults.DragHandle() },
-                shape = Shapes.SheetShape,
-            ) {
-                CreatePostScreen(
-                    onDismiss = root::onBackClicked,
-                    onPublish = { _, _ ->
-                        scope.launch {
-                            snackbarHostState.currentSnackbarData?.dismiss()
-                            snackbarHostState.showSnackbar(message = createPostSuccessMessage)
-                        }
-                        scope.launch {
-                            delay(3000)
-                            snackbarHostState.currentSnackbarData?.dismiss()
-                        }
-                        root.onBackClicked()
-                    },
-                )
-            }
-        }
-    }
-}
-
-@Composable
-private fun CompactTabBar(
-    items: List<NavItem>,
-    activeDestination: MainDestination?,
-) {
-    NavigationBar(
-        containerColor = MaterialTheme.colorScheme.surface,
-        contentColor = MaterialTheme.colorScheme.onSurface,
-    ) {
-        items.forEach { item ->
-            NavigationBarItem(
-                selected = item.destination != null && item.destination == activeDestination,
-                onClick = item.onClick,
-                icon = item.icon,
-                label = { Text(stringResource(item.labelRes)) },
-                colors = NavigationBarItemDefaults.colors(
-                    selectedIconColor = MaterialTheme.colorScheme.primary,
-                    selectedTextColor = MaterialTheme.colorScheme.primary,
-                    indicatorColor = MaterialTheme.colorScheme.surfaceVariant,
-                ),
-            )
-        }
-    }
-}
-
-@Composable
-private fun ExpandedSidebar(
-    items: List<NavItem>,
-    activeDestination: MainDestination?,
-) {
-    NavigationRail(
-        modifier = Modifier.fillMaxHeight(),
-        containerColor = MaterialTheme.colorScheme.surfaceVariant,
-    ) {
-        Column(
-            modifier = Modifier
-                .fillMaxHeight()
-                .padding(vertical = 16.dp, horizontal = 10.dp),
-            horizontalAlignment = Alignment.CenterHorizontally,
-            verticalArrangement = Arrangement.spacedBy(10.dp),
-        ) {
-            items.forEach { item ->
-                val isActive = item.destination != null && item.destination == activeDestination
-                Surface(
-                    modifier = Modifier
-                        .width(92.dp)
-                        .clickable(onClick = item.onClick),
-                    shape = Shapes.RoundedCapPrimary,
-                    color = if (isActive) MaterialTheme.colorScheme.primary else MaterialTheme.colorScheme.surface,
-                    contentColor = if (isActive) MaterialTheme.colorScheme.onPrimary else MaterialTheme.colorScheme.onSurfaceVariant,
-                ) {
-                    Column(
-                        modifier = Modifier
-                            .fillMaxWidth()
-                            .padding(horizontal = 8.dp, vertical = 12.dp),
-                        horizontalAlignment = Alignment.CenterHorizontally,
-                        verticalArrangement = Arrangement.spacedBy(6.dp),
-                    ) {
-                        item.icon()
-                        Text(
-                            text = stringResource(item.labelRes),
-                            style = MaterialTheme.typography.labelSmall,
-                            textAlign = TextAlign.Center,
-                        )
-                    }
-                }
-            }
-        }
-    }
-}
-
-@Composable
-private fun RenderChild(
-    child: RootComponent.Child,
-    root: RootComponent,
-    preferencesRepository: PreferencesRepository,
-    storeFactory: StoreFactory,
-    onNotificationRead: (String) -> Unit,
-) {
-    when (child) {
-        is RootComponent.Child.Home -> HomeFeedScreen(
-            onPostClick = { postId -> root.onPostClicked(postId) },
-            onUserClick = { userId -> root.onUserClicked(userId) },
-        )
-        is RootComponent.Child.Discover -> DiscoverScreen(
-            onUserClick = { userId -> root.onUserClicked(userId) },
-            onSearchClick = { query -> root.onSearchClicked(query) },
-        )
-        is RootComponent.Child.CreatePost -> Unit
-        is RootComponent.Child.Notifications -> NotificationsScreen(
-            onNotificationRead = onNotificationRead,
-        )
-        is RootComponent.Child.MessagesInbox -> MessagesInboxScreen(
-            onConversationClick = { conversationId -> root.onConversationClicked(conversationId) },
-        )
-        is RootComponent.Child.Profile -> ProfileSelfScreen(
-            onEditProfileClick = root::onEditProfileClicked,
-            onPostClick = { postId -> root.onPostClicked(postId) },
-            onSettingsClick = root::onSettingsClicked,
-        )
-        is RootComponent.Child.PostDetail -> PostDetailScreen(
-            postId = child.postId,
-            onBackClick = root::onBackClicked,
-            onUserClick = { userId -> root.onUserClicked(userId) },
-        )
-        is RootComponent.Child.UserProfile -> UserProfileScreen(
-            userId = child.userId,
-            onBackClick = root::onBackClicked,
-            onPostClick = { postId -> root.onPostClicked(postId) },
-        )
-        is RootComponent.Child.SearchResults -> SearchResultsScreen(
-            query = child.query,
-            onBackClick = root::onBackClicked,
-            onPostClick = { postId -> root.onPostClicked(postId) },
-            onUserClick = { userId -> root.onUserClicked(userId) },
-        )
-        is RootComponent.Child.EditProfile -> EditProfileScreen(
-            onBackClick = root::onBackClicked,
-        )
-        is RootComponent.Child.ChatDetail -> ChatDetailScreen(
-            conversationId = child.conversationId,
-            onBackClick = root::onBackClicked,
-        )
-        is RootComponent.Child.Settings -> SettingsScreen(
-            onBackClick = root::onBackClicked,
-            onEditProfileClick = root::onEditProfileClicked,
-            preferencesRepository = preferencesRepository,
-            storeFactory = storeFactory,
-        )
-    }
-}
-
-private fun activeDestinationFor(child: RootComponent.Child): MainDestination? =
-    when (child) {
-        is RootComponent.Child.Home -> MainDestination.Home
-        is RootComponent.Child.Discover -> MainDestination.Discover
-        is RootComponent.Child.Notifications -> MainDestination.Notifications
-        is RootComponent.Child.Profile -> MainDestination.Profile
-        else -> null
-    }
-
-@OptIn(ExperimentalMaterial3Api::class)
-@Composable
-fun PlaceholderScreen(title: String, onBack: () -> Unit) {
-    Scaffold(
-        topBar = {
-            TopAppBar(
-                title = { Text(title) },
-                navigationIcon = {
-                    IconButton(onClick = onBack) {
-                        Icon(Icons.AutoMirrored.Filled.ArrowBack, contentDescription = null)
-                    }
-                }
-            )
-        }
-    ) { padding ->
-        Box(modifier = Modifier.fillMaxSize().padding(padding), contentAlignment = Alignment.Center) {
-            Text("This screen is coming soon!", style = MaterialTheme.typography.bodyLarge)
-        }
-    }
-}

package/examples/social-app/generated/android/social-app/app/src/main/java/com/social/app/ui/components/Components.kt

@@ -1,234 +0,0 @@
-package com.social.app.ui.components
-
-import androidx.compose.foundation.BorderStroke
-import androidx.compose.foundation.background
-import androidx.compose.foundation.clickable
-import androidx.compose.foundation.layout.*
-import androidx.compose.foundation.lazy.LazyRow
-import androidx.compose.foundation.lazy.items
-import androidx.compose.material.icons.Icons
-import androidx.compose.material.icons.filled.*
-import androidx.compose.material.icons.outlined.*
-import androidx.compose.material3.*
-import androidx.compose.runtime.Composable
-import androidx.compose.ui.Alignment
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.draw.clip
-import androidx.compose.ui.graphics.Color
-import androidx.compose.ui.layout.ContentScale
-import androidx.compose.ui.unit.dp
-import coil3.compose.AsyncImage
-import com.social.app.ui.theme.Shapes
-import com.social.app.ui.theme.Spacing
-
-@Composable
-fun StoryItem(
-    name: String,
-    imageUrl: String?,
-    onClick: () -> Unit
-) {
-    Column(
-        horizontalAlignment = Alignment.CenterHorizontally,
-        modifier = Modifier
-            .padding(end = Spacing.ListItemGap)
-            .clickable { onClick() }
-    ) {
-        Box(
-            modifier = Modifier
-                .size(64.dp)
-                .clip(Shapes.RoundedCapPrimary)
-                .background(MaterialTheme.colorScheme.surfaceVariant)
-        ) {
-            if (imageUrl != null) {
-                AsyncImage(
-                    model = imageUrl,
-                    contentDescription = null,
-                    modifier = Modifier.fillMaxSize(),
-                    contentScale = ContentScale.Crop
-                )
-            } else {
-                Icon(
-                    Icons.Default.Person,
-                    contentDescription = null,
-                    modifier = Modifier.align(Alignment.Center)
-                )
-            }
-        }
-        Spacer(modifier = Modifier.height(Spacing.XS))
-        Text(
-            text = name,
-            style = MaterialTheme.typography.labelSmall,
-            maxLines = 1,
-            color = MaterialTheme.colorScheme.onSurface
-        )
-    }
-}
-
-@OptIn(ExperimentalMaterial3Api::class)
-@Composable
-fun FilterChipRow(
-    selectedFilter: String,
-    onFilterSelected: (String) -> Unit
-) {
-    val filters = listOf("all", "following", "popular")
-    LazyRow(
-        contentPadding = PaddingValues(horizontal = Spacing.MD),
-        horizontalArrangement = Arrangement.spacedBy(Spacing.SM)
-    ) {
-        items(filters) { filter ->
-            FilterChip(
-                selected = selectedFilter == filter,
-                onClick = { onFilterSelected(filter) },
-                label = { Text(filter.replaceFirstChar { it.uppercase() }) },
-                shape = Shapes.RoundedCapPrimary,
-                colors = FilterChipDefaults.filterChipColors(
-                    selectedContainerColor = MaterialTheme.colorScheme.secondary,
-                    selectedLabelColor = MaterialTheme.colorScheme.onSecondary
-                ),
-                border = FilterChipDefaults.filterChipBorder(
-                    enabled = true,
-                    selected = selectedFilter == filter,
-                    borderColor = MaterialTheme.colorScheme.outline,
-                    selectedBorderColor = Color.Transparent
-                )
-            )
-        }
-    }
-}
-
-@Composable
-fun PostItem(
-    authorName: String,
-    authorHandle: String,
-    authorAvatar: String? = null,
-    body: String,
-    likeCount: Int,
-    commentCount: Int,
-    timestamp: String,
-    mediaUrl: String? = null,
-    onAuthorClick: () -> Unit = {},
-    onLikeClick: () -> Unit = {},
-    onCommentClick: () -> Unit = {}
-) {
-    Card(
-        modifier = Modifier
-            .fillMaxWidth()
-            .padding(horizontal = Spacing.MD, vertical = Spacing.XS),
-        shape = Shapes.CardShape,
-        colors = CardDefaults.cardColors(
-            containerColor = MaterialTheme.colorScheme.surfaceVariant
-        ),
-        border = BorderStroke(1.dp, MaterialTheme.colorScheme.outline)
-    ) {
-        Column(modifier = Modifier.padding(Spacing.MD)) {
-            Row(
-                verticalAlignment = Alignment.CenterVertically,
-                modifier = Modifier.clickable { onAuthorClick() }
-            ) {
-                Box(
-                    modifier = Modifier
-                        .size(40.dp)
-                        .clip(Shapes.RoundedCapPrimary)
-                        .background(MaterialTheme.colorScheme.surface)
-                ) {
-                    if (authorAvatar != null) {
-                        AsyncImage(
-                            model = authorAvatar,
-                            contentDescription = null,
-                            modifier = Modifier.fillMaxSize(),
-                            contentScale = ContentScale.Crop
-                        )
-                    } else {
-                        Icon(
-                            Icons.Default.Person,
-                            contentDescription = null,
-                            modifier = Modifier.align(Alignment.Center)
-                        )
-                    }
-                }
-                Spacer(modifier = Modifier.width(Spacing.SM))
-                Column {
-                    Text(
-                        text = authorName,
-                        style = MaterialTheme.typography.headlineSmall,
-                        color = MaterialTheme.colorScheme.onSurface
-                    )
-                    Text(
-                        text = "@$authorHandle",
-                        style = MaterialTheme.typography.bodyMedium,
-                        color = MaterialTheme.colorScheme.onSurfaceVariant
-                    )
-                }
-                Spacer(modifier = Modifier.weight(1f))
-                Text(
-                    text = timestamp,
-                    style = MaterialTheme.typography.labelSmall,
-                    color = MaterialTheme.colorScheme.onSurfaceVariant
-                )
-            }
-            
-            Spacer(modifier = Modifier.height(Spacing.SM))
-            Text(
-                text = body,
-                style = MaterialTheme.typography.bodyLarge,
-                color = MaterialTheme.colorScheme.onSurface
-            )
-
-            if (mediaUrl != null) {
-                Spacer(modifier = Modifier.height(Spacing.MD))
-                AsyncImage(
-                    model = mediaUrl,
-                    contentDescription = null,
-                    modifier = Modifier
-                        .fillMaxWidth()
-                        .heightIn(max = 300.dp)
-                        .clip(Shapes.CardShape)
-                        .clickable { onCommentClick() }, // Open detail on image click too
-                    contentScale = ContentScale.Crop
-                )
-            }
-
-            Spacer(modifier = Modifier.height(Spacing.MD))
-            Row(
-                horizontalArrangement = Arrangement.spacedBy(Spacing.LG),
-                verticalAlignment = Alignment.CenterVertically
-            ) {
-                Row(
-                    verticalAlignment = Alignment.CenterVertically,
-                    modifier = Modifier.clickable { onLikeClick() }
-                ) {
-                    Icon(
-                        Icons.Outlined.FavoriteBorder,
-                        contentDescription = "Like",
-                        modifier = Modifier.size(20.dp)
-                    )
-                    Spacer(modifier = Modifier.width(Spacing.XS))
-                    Text(text = likeCount.toString(), style = MaterialTheme.typography.bodyMedium)
-                }
-                Row(
-                    verticalAlignment = Alignment.CenterVertically,
-                    modifier = Modifier.clickable { onCommentClick() }
-                ) {
-                    Icon(
-                        Icons.Outlined.ChatBubbleOutline,
-                        contentDescription = "Comment",
-                        modifier = Modifier.size(20.dp)
-                    )
-                    Spacer(modifier = Modifier.width(Spacing.XS))
-                    Text(text = commentCount.toString(), style = MaterialTheme.typography.bodyMedium)
-                }
-                Icon(
-                    Icons.Outlined.Share,
-                    contentDescription = "Share",
-                    modifier = Modifier.size(20.dp).clickable { }
-                )
-                Spacer(modifier = Modifier.weight(1f))
-                Icon(
-                    Icons.Outlined.BookmarkBorder,
-                    contentDescription = "Save",
-                    modifier = Modifier.size(20.dp).clickable { }
-                )
-            }
-        }
-    }
-}