Adopt bucket priorities in android example

Author: simolus3

demos/android-supabase-todolist/app/src/main/java/com/powersync/androidexample/App.kt

@@ -39,7 +39,7 @@ fun App() {
     }
     val db = remember { PowerSyncDatabase(driverFactory, schema) }
     val syncStatus = db.currentStatus
-    val status = syncStatus.asFlow().collectAsState(initial = null)
+    val status by syncStatus.asFlow().collectAsState(syncStatus)
 
     val navController = remember { NavController(Screen.Home) }
     val authViewModel = remember {
@@ -87,7 +87,7 @@ fun App() {
             HomeScreen(
                 modifier = Modifier.fillMaxSize().background(MaterialTheme.colorScheme.background),
                 items = items,
-                isConnected = status.value?.connected,
+                status = status,
                 onSignOutSelected = { handleSignOut() },
                 inputText = listsInputText,
                 onItemClicked = handleOnItemClicked,
@@ -106,7 +106,7 @@ fun App() {
                 modifier = Modifier.fillMaxSize().background(MaterialTheme.colorScheme.background),
                 navController = navController,
                 items = todoItems,
-                isConnected = status.value?.connected,
+                isConnected = status.connected,
                 inputText = todosInputText,
                 onItemClicked = todos.value::onItemClicked,
                 onItemDoneChanged = todos.value::onItemDoneChanged,

demos/android-supabase-todolist/app/src/main/java/com/powersync/androidexample/screens/HomeScreen.kt

@@ -13,27 +13,28 @@ import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.text.style.TextAlign
 import androidx.compose.ui.unit.dp
+import com.powersync.bucket.BucketPriority
 import com.powersync.demos.Screen
 import com.powersync.demos.components.Input
 import com.powersync.demos.components.ListContent
 import com.powersync.demos.components.Menu
 import com.powersync.demos.components.WifiIcon
 import com.powersync.demos.powersync.ListItem
+import com.powersync.sync.SyncStatusData
 
 @OptIn(ExperimentalMaterial3Api::class)
 @Composable
 internal fun HomeScreen(
     modifier: Modifier = Modifier,
     items: List<ListItem>,
     inputText: String,
-    isConnected: Boolean?,
+    status: SyncStatusData,
     onSignOutSelected: () -> Unit,
     onItemClicked: (item: ListItem) -> Unit,
     onItemDeleteClicked: (item: ListItem) -> Unit,
     onAddItemClicked: () -> Unit,
     onInputTextChanged: (value: String) -> Unit,
 ) {
-
     Column(modifier) {
         TopAppBar(
             title = {
@@ -47,7 +48,7 @@ internal fun HomeScreen(
                 onSignOutSelected
             ) },
             actions = {
-                WifiIcon(isConnected ?: false)
+                WifiIcon(status.connected)
                 Spacer(modifier = Modifier.width(16.dp))
             }
         )
@@ -60,11 +61,20 @@ internal fun HomeScreen(
         )
 
         Box(Modifier.weight(1F)) {
-            ListContent(
-                items = items,
-                onItemClicked = onItemClicked,
-                onItemDeleteClicked = onItemDeleteClicked
-            )
+            // This assumes that the bucket for lists has a priority of 1 (but it will work fine
+            // with sync rules not defining any priorities at all too).
+            // When giving lists a higher priority than items, we can have a consistent snapshot of
+            // lists without items. In the case where many items exist (that might take longer to
+            // sync initially), this allows us to display lists earlier.
+            if (status.priorityStatusFor(BucketPriority(1)).hasSynced == true) {
+                ListContent(
+                    items = items,
+                    onItemClicked = onItemClicked,
+                    onItemDeleteClicked = onItemDeleteClicked
+                )
+            } else {
+                Text("Busy with sync...")
+            }
         }
     }
 }