npm - expo-dev-launcher - Versions diffs - 6.0.5 → 6.0.6 - Mend

expo-dev-launcher 6.0.5 → 6.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (17) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -10,6 +10,10 @@
 ### 💡 Others
+## 6.0.6 — 2025-08-27
+_This version does not introduce any user-facing changes._
 ## 6.0.5 — 2025-08-25
 _This version does not introduce any user-facing changes._

package/android/build.gradle CHANGED Viewed

@@ -20,13 +20,13 @@ expoModule {
 }
 group = "host.exp.exponent"
-version = "6.0.5"
+version = "6.0.6"
 android {
   namespace "expo.modules.devlauncher"
   defaultConfig {
     versionCode 9
-    versionName "6.0.5"
+    versionName "6.0.6"
   }
   buildTypes {

package/android/src/debug/java/expo/modules/devlauncher/compose/DevLauncherBottomTabsNavigator.kt CHANGED Viewed

@@ -18,6 +18,7 @@ import androidx.navigation.compose.rememberNavController
 import expo.modules.devlauncher.compose.primitives.DefaultScaffold
 import expo.modules.devlauncher.compose.routes.CrashReport
 import expo.modules.devlauncher.compose.routes.CrashReportRoute
+import expo.modules.devlauncher.compose.routes.DevelopmentServersRoute
 import expo.modules.devlauncher.compose.routes.HomeRoute
 import expo.modules.devlauncher.compose.routes.ProfileRoute
 import expo.modules.devlauncher.compose.routes.Routes
@@ -56,10 +57,15 @@ object Main
 fun DevLauncherBottomTabsNavigator() {
   val mainNavController = rememberNavController()
   val bottomTabsNavController = rememberNavController()
-  val bottomSheetState = rememberBottomSheetState()
+  val profileBottomSheetState = rememberBottomSheetState()
+  val developmentServersBottomSheetState = rememberBottomSheetState()
   val navigateToProfile = remember {
-    { bottomSheetState.targetDetent = Full }
+    { profileBottomSheetState.targetDetent = Full }
+  }
+  val openDevelopmentServers = remember {
+    { developmentServersBottomSheetState.targetDetent = Full }
   }
   NavHost(
@@ -94,7 +100,11 @@ fun DevLauncherBottomTabsNavigator() {
           }
         ) {
           composable<Routes.Home> {
-            HomeRoute(navController = mainNavController, onProfileClick = navigateToProfile)
+            HomeRoute(
+              navController = mainNavController,
+              onProfileClick = navigateToProfile,
+              onDevServersClick = openDevelopmentServers
+            )
           }
           composable<Routes.Updates> {
             UpdatesRoute(onProfileClick = navigateToProfile)
@@ -124,5 +134,7 @@ fun DevLauncherBottomTabsNavigator() {
     }
   }
-  ProfileRoute(bottomSheetState)
+  ProfileRoute(profileBottomSheetState)
+  DevelopmentServersRoute(developmentServersBottomSheetState)
 }

package/android/src/debug/java/expo/modules/devlauncher/compose/primitives/Accordion.kt CHANGED Viewed

@@ -1,7 +1,6 @@
 package expo.modules.devlauncher.compose.primitives
 import androidx.compose.animation.AnimatedVisibility
-import androidx.compose.animation.core.animateFloatAsState
 import androidx.compose.animation.core.tween
 import androidx.compose.animation.expandVertically
 import androidx.compose.animation.shrinkVertically
@@ -10,6 +9,8 @@ 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.fillMaxWidth
+import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.size
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.getValue
@@ -18,7 +19,6 @@ import androidx.compose.runtime.remember
 import androidx.compose.runtime.setValue
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
-import androidx.compose.ui.draw.rotate
 import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
@@ -26,6 +26,8 @@ import com.composeunstyled.Icon
 import expo.modules.devlauncher.R
 import expo.modules.devmenu.compose.newtheme.NewAppTheme
 import expo.modules.devmenu.compose.primitives.NewText
+import expo.modules.devmenu.compose.primitives.RoundedSurface
+import expo.modules.devmenu.compose.primitives.Spacer
 import expo.modules.devmenu.compose.primitives.Text
 @Composable
@@ -36,56 +38,61 @@ fun Accordion(
   accordionContent: @Composable () -> Unit = {}
 ) {
   var expanded by remember { mutableStateOf(initialState) }
-  val arrowRotation by animateFloatAsState(
-    targetValue = if (expanded) 90f else 0f,
-    label = "accordion-arrow"
-  )
-  Column {
-    Box(
+  RoundedSurface(
+    color = NewAppTheme.colors.background.subtle,
+    borderRadius = NewAppTheme.borderRadius.xl
+  ) {
+    Column(
       modifier = Modifier
+        .fillMaxWidth()
         .clickable { expanded = !expanded }
+        .padding(NewAppTheme.spacing.`3`)
     ) {
-      Row(
-        horizontalArrangement = Arrangement.spacedBy(NewAppTheme.spacing.`2`),
-        verticalAlignment = Alignment.CenterVertically,
-        modifier = modifier
-      ) {
-        Icon(
-          painter = painterResource(R.drawable.arrow_right),
-          contentDescription = "Accordion Arrow",
-          tint = NewAppTheme.colors.text.link,
-          modifier = Modifier
-            .rotate(arrowRotation)
-            .size(16.dp)
-        )
+      Box {
+        Row(
+          horizontalArrangement = Arrangement.spacedBy(NewAppTheme.spacing.`2`),
+          verticalAlignment = Alignment.CenterVertically,
+          modifier = modifier
+        ) {
+          Icon(
+            painter = painterResource(R.drawable.plus),
+            contentDescription = "Accordion Arrow",
+            tint = NewAppTheme.colors.text.link,
+            modifier = Modifier
+              .size(16.dp)
+          )
-        NewText(
-          text = text,
-          style = NewAppTheme.font.sm,
-          color = NewAppTheme.colors.text.link
-        )
+          NewText(
+            text = text,
+            style = NewAppTheme.font.sm,
+            color = NewAppTheme.colors.text.link
+          )
+        }
       }
-    }
-    AnimatedVisibility(
-      visible = expanded,
-      enter = expandVertically(
-        expandFrom = Alignment.Top,
-        animationSpec = tween()
-      ),
-      exit = shrinkVertically(
-        shrinkTowards = Alignment.Top,
-        animationSpec = tween()
-      )
-    ) {
-      accordionContent()
+      AnimatedVisibility(
+        visible = expanded,
+        enter = expandVertically(
+          expandFrom = Alignment.Top,
+          animationSpec = tween()
+        ),
+        exit = shrinkVertically(
+          shrinkTowards = Alignment.Top,
+          animationSpec = tween()
+        )
+      ) {
+        Column {
+          Spacer(NewAppTheme.spacing.`3`)
+          accordionContent()
+        }
+      }
     }
   }
 }
 @Composable
-@Preview(showBackground = true, heightDp = 200)
+@Preview(showBackground = true, heightDp = 200, widthDp = 300)
 fun AccordionVariantPreview() {
   Accordion(text = "Enter URL manually") {
     Text("Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ac nisl interdum, mattis purus a, consequat ipsum. Aliquam sem mauris, egestas a elit a, lacinia efficitur nisi. Maecenas scelerisque erat nisi, ac interdum mauris volutpat vel. Proin sed lectus at purus interdum porta. Ut mollis feugiat dignissim.")

package/android/src/debug/java/expo/modules/devlauncher/compose/routes/DevelopmentServers.kt ADDED Viewed

@@ -0,0 +1,51 @@
+package expo.modules.devlauncher.compose.routes
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.text.style.TextAlign
+import com.composables.core.ModalBottomSheetState
+import com.composables.core.SheetDetent.Companion.Hidden
+import expo.modules.devlauncher.compose.ui.ActionButton
+import expo.modules.devlauncher.compose.ui.BottomSheet
+import expo.modules.devlauncher.compose.ui.DevelopmentSessionHelp
+import expo.modules.devmenu.compose.newtheme.NewAppTheme
+import expo.modules.devmenu.compose.primitives.NewText
+import expo.modules.devmenu.compose.primitives.Spacer
+@Composable
+fun DevelopmentServersRoute(
+  bottomSheetState: ModalBottomSheetState
+) {
+  BottomSheet(bottomSheetState) {
+    Column {
+      NewText(
+        "Development Servers",
+        style = NewAppTheme.font.xxl.merge(
+          fontWeight = FontWeight.SemiBold,
+          textAlign = TextAlign.Center
+        ),
+        modifier = Modifier.padding(vertical = NewAppTheme.spacing.`4`).fillMaxWidth()
+      )
+      Spacer(NewAppTheme.spacing.`3`)
+      DevelopmentSessionHelp()
+      Spacer(NewAppTheme.spacing.`5`)
+      ActionButton(
+        text = "Dismiss",
+        foreground = NewAppTheme.colors.text.secondary,
+        background = NewAppTheme.colors.background.element,
+        modifier = Modifier.padding(NewAppTheme.spacing.`3`),
+        onClick = {
+          bottomSheetState.targetDetent = Hidden
+        }
+      )
+    }
+  }
+}

package/android/src/debug/java/expo/modules/devlauncher/compose/routes/Home.kt CHANGED Viewed

@@ -13,7 +13,8 @@ import expo.modules.devlauncher.compose.screens.HomeScreen
 @Composable
 fun HomeRoute(
   navController: NavController,
-  onProfileClick: () -> Unit
+  onProfileClick: () -> Unit,
+  onDevServersClick: () -> Unit
 ) {
   DefaultScreenContainer {
     val viewModel = viewModel<HomeViewModel>()
@@ -42,7 +43,8 @@ fun HomeRoute(
           else -> viewModel.onAction(action)
         }
       },
-      onProfileClick = onProfileClick
+      onProfileClick = onProfileClick,
+      onDevServersClick = onDevServersClick
     )
   }
 }

package/android/src/debug/java/expo/modules/devlauncher/compose/routes/Profile.kt CHANGED Viewed

@@ -99,14 +99,14 @@ fun ProfileRoute(
                   )
                 )
                 .background(
-                  NewAppTheme.colors.background.default,
+                  Color.White,
                   shape = RoundedCornerShape(NewAppTheme.borderRadius.md)
                 )
             ) {
               Icon(
                 painter = painterResource(R.drawable.expo_logo),
                 contentDescription = "Expo logo",
-                tint = NewAppTheme.colors.icon.default,
+                tint = Color.Black,
                 modifier = Modifier
                   .size(24.dp)
                   .align(Alignment.Center)

package/android/src/debug/java/expo/modules/devlauncher/compose/screens/BranchesScreen.kt CHANGED Viewed

@@ -1,6 +1,7 @@
 package expo.modules.devlauncher.compose.screens
 import androidx.compose.foundation.background
+import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -10,7 +11,7 @@ import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.size
 import androidx.compose.foundation.lazy.LazyColumn
-import androidx.compose.foundation.lazy.itemsIndexed
+import androidx.compose.foundation.lazy.items
 import androidx.compose.foundation.lazy.rememberLazyListState
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.runtime.Composable
@@ -29,7 +30,6 @@ import androidx.compose.ui.text.style.TextOverflow
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
-import com.composeunstyled.Button
 import com.composeunstyled.Icon
 import expo.modules.devlauncher.R
 import expo.modules.devlauncher.compose.Branch
@@ -41,7 +41,6 @@ import expo.modules.devlauncher.compose.ui.ActionButton
 import expo.modules.devlauncher.compose.ui.AppHeader
 import expo.modules.devlauncher.compose.utils.DateFormat
 import expo.modules.devmenu.compose.newtheme.NewAppTheme
-import expo.modules.devmenu.compose.primitives.Divider
 import expo.modules.devmenu.compose.primitives.NewText
 import expo.modules.devmenu.compose.primitives.RoundedSurface
 import expo.modules.devmenu.compose.primitives.Spacer
@@ -59,20 +58,23 @@ fun BranchBadge(
     verticalAlignment = Alignment.CenterVertically,
     horizontalArrangement = Arrangement.spacedBy(NewAppTheme.spacing.`2`),
     modifier = Modifier
-      .clip(RoundedCornerShape(Theme.sizing.borderRadius.medium))
+      .clip(RoundedCornerShape(NewAppTheme.borderRadius.md))
       .background(backgroundColor)
-      .padding(horizontal = Theme.spacing.small, vertical = Theme.spacing.tiny)
+      .padding(NewAppTheme.spacing.`2`)
   ) {
     Icon(
       painter = painterResource(R.drawable.branch_icon),
       contentDescription = "Branch Icon",
       tint = textColor,
-      modifier = Modifier.size(12.dp)
+      modifier = Modifier.size(16.dp)
     )
     NewText(
       "Branch: $name",
-      style = NewAppTheme.font.sm,
+      style = NewAppTheme.font.sm.merge(
+        fontFamily = NewAppTheme.font.mono,
+        fontSize = 13.sp
+      ),
       color = textColor
     )
   }
@@ -177,144 +179,135 @@ fun BranchesScreen(
         }
       }
-      RoundedSurface(
-        color = NewAppTheme.colors.background.subtle
+      LazyColumn(
+        state = lazyListState,
+        verticalArrangement = Arrangement.spacedBy(NewAppTheme.spacing.`2`)
       ) {
-        LazyColumn(
-          state = lazyListState
-        ) {
-          itemsIndexed(items = branches) { index, branch ->
-            Column {
-              Button(
-                modifier = Modifier
-                  .background(
-                    NewAppTheme.colors.background.subtle,
-                    shape = RoundedCornerShape(NewAppTheme.borderRadius.xl)
-                  ),
-                onClick = {
+        items(items = branches) { branch ->
+          RoundedSurface(
+            color = NewAppTheme.colors.background.subtle,
+            borderRadius = NewAppTheme.borderRadius.xl
+          ) {
+            Column(
+              verticalArrangement = Arrangement.spacedBy(NewAppTheme.spacing.`2`),
+              modifier = Modifier
+                .clickable {
                   onAction(BranchesAction.OpenBranch(branch.name))
                 }
+                .padding(NewAppTheme.spacing.`3`)
+            ) {
+              Row(
+                verticalAlignment = Alignment.CenterVertically,
+                horizontalArrangement = Arrangement.SpaceBetween,
+                modifier = Modifier
+                  .fillMaxWidth()
               ) {
-                Column(
-                  verticalArrangement = Arrangement.spacedBy(NewAppTheme.spacing.`2`),
-                  modifier = Modifier.padding(NewAppTheme.spacing.`3`)
-                ) {
-                  Row(
-                    verticalAlignment = Alignment.CenterVertically,
-                    horizontalArrangement = Arrangement.SpaceBetween,
-                    modifier = Modifier
-                      .fillMaxWidth()
-                  ) {
-                    BranchBadge(branch.name)
+                BranchBadge(branch.name)
-                    Icon(
-                      painter = painterResource(R.drawable.chevron_right),
-                      contentDescription = "Chevron Icon",
-                      tint = NewAppTheme.colors.icon.tertiary,
-                      modifier = Modifier.size(16.dp)
-                    )
-                  }
+                Icon(
+                  painter = painterResource(R.drawable.chevron_right),
+                  contentDescription = "Chevron Icon",
+                  tint = NewAppTheme.colors.icon.quaternary,
+                  modifier = Modifier.size(20.dp)
+                )
+              }
-                  val update = branch.compatibleUpdate
-                  if (update == null) {
-                    Row(
-                      horizontalArrangement = Arrangement.spacedBy(NewAppTheme.spacing.`2`),
-                      verticalAlignment = Alignment.CenterVertically
-                    ) {
-                      Icon(
-                        painter = painterResource(expo.modules.devmenu.R.drawable.alert),
-                        contentDescription = "Warning Icon",
-                        tint = NewAppTheme.colors.icon.warning,
-                        modifier = Modifier.size(20.dp)
-                      )
+              val update = branch.compatibleUpdate
+              if (update == null) {
+                Row(
+                  horizontalArrangement = Arrangement.spacedBy(NewAppTheme.spacing.`2`),
+                  verticalAlignment = Alignment.CenterVertically,
+                  modifier = Modifier
+                    .fillMaxWidth()
+                    .clip(RoundedCornerShape(NewAppTheme.borderRadius.md))
+                    .background(NewAppTheme.colors.background.warning)
+                    .padding(NewAppTheme.spacing.`2`)
+                ) {
+                  Icon(
+                    painter = painterResource(expo.modules.devmenu.R.drawable.alert),
+                    contentDescription = "Warning Icon",
+                    tint = NewAppTheme.colors.icon.warning,
+                    modifier = Modifier.size(20.dp)
+                  )
-                      NewText(
-                        "No compatible update found for this branch.",
-                        color = NewAppTheme.colors.text.warning,
-                        style = NewAppTheme.font.sm.merge(
-                          fontWeight = FontWeight.Medium
-                        )
-                      )
-                    }
-                  } else {
-                    val formatedTime = DateFormat.formatUpdateDate(update.createdAt)
+                  NewText(
+                    "No compatible update found for this branch.",
+                    color = NewAppTheme.colors.text.warning,
+                    style = NewAppTheme.font.sm.merge(
+                      fontWeight = FontWeight.Medium
+                    )
+                  )
+                }
+              } else {
+                val formatedTime = DateFormat.formatUpdateDate(update.createdAt)
-                    Row(
-                      verticalAlignment = Alignment.CenterVertically,
-                      horizontalArrangement = Arrangement.spacedBy(NewAppTheme.spacing.`2`)
-                    ) {
-                      Icon(
-                        painter = painterResource(R.drawable.update_icon),
-                        contentDescription = "Update Icon",
-                        tint = NewAppTheme.colors.icon.tertiary,
-                        modifier = Modifier.size(20.dp)
-                      )
+                Row(
+                  verticalAlignment = Alignment.CenterVertically,
+                  horizontalArrangement = Arrangement.spacedBy(NewAppTheme.spacing.`2`)
+                ) {
+                  Icon(
+                    painter = painterResource(R.drawable.update_icon),
+                    contentDescription = "Update Icon",
+                    tint = NewAppTheme.colors.icon.quaternary,
+                    modifier = Modifier.size(20.dp)
+                  )
-                      Column(
-                        verticalArrangement = Arrangement.spacedBy(NewAppTheme.spacing.`1`),
-                        modifier = Modifier.padding(end = 20.dp)
-                      ) {
-                        NewText(
-                          "Update: \"${update.name}\"",
-                          style = NewAppTheme.font.md.merge(
-                            fontWeight = FontWeight.Medium
-                          ),
-                          maxLines = 1,
-                          overflow = TextOverflow.Ellipsis
-                        )
+                  Column(
+                    verticalArrangement = Arrangement.spacedBy(NewAppTheme.spacing.`1`),
+                    modifier = Modifier.padding(end = 20.dp)
+                  ) {
+                    NewText(
+                      "Update: \"${update.name}\"",
+                      style = NewAppTheme.font.md.merge(
+                        fontWeight = FontWeight.Medium
+                      ),
+                      maxLines = 1,
+                      overflow = TextOverflow.Ellipsis
+                    )
-                        NewText(
-                          "Published: $formatedTime",
-                          style = NewAppTheme.font.sm,
-                          color = NewAppTheme.colors.text.secondary
-                        )
-                      }
-                    }
+                    NewText(
+                      "Published: $formatedTime",
+                      style = NewAppTheme.font.sm,
+                      color = NewAppTheme.colors.text.secondary
+                    )
                   }
                 }
               }
-              if (index < branches.size - 1) {
-                Divider(
-                  thickness = 0.5.dp,
-                  color = NewAppTheme.colors.border.default
-                )
-              }
             }
           }
+        }
-          if (isLoading) {
-            item {
-              Row(
-                modifier = Modifier
-                  .fillMaxWidth()
-                  .padding(vertical = NewAppTheme.spacing.`2`),
-                horizontalArrangement = Arrangement.Center,
-                verticalAlignment = Alignment.CenterVertically
-              ) {
-                CircularProgressBar(
-                  size = Theme.sizing.icon.large
-                )
-              }
+        if (isLoading) {
+          item {
+            Row(
+              modifier = Modifier
+                .fillMaxWidth()
+                .padding(vertical = NewAppTheme.spacing.`2`),
+              horizontalArrangement = Arrangement.Center,
+              verticalAlignment = Alignment.CenterVertically
+            ) {
+              CircularProgressBar(
+                size = Theme.sizing.icon.large
+              )
             }
-          } else if (branches.isEmpty()) {
-            item {
-              Row(
-                modifier = Modifier
-                  .fillMaxWidth()
-                  .padding(NewAppTheme.spacing.`3`),
-                horizontalArrangement = Arrangement.Center,
-                verticalAlignment = Alignment.CenterVertically
-              ) {
-                NewText(
-                  "No branches available.",
-                  style = NewAppTheme.font.lg.merge(
-                    textAlign = TextAlign.Center,
-                    fontWeight = FontWeight.Medium
-                  ),
-                  color = NewAppTheme.colors.text.secondary
-                )
-              }
+          }
+        } else if (branches.isEmpty()) {
+          item {
+            Row(
+              modifier = Modifier
+                .fillMaxWidth()
+                .padding(NewAppTheme.spacing.`3`),
+              horizontalArrangement = Arrangement.Center,
+              verticalAlignment = Alignment.CenterVertically
+            ) {
+              NewText(
+                "No branches available.",
+                style = NewAppTheme.font.lg.merge(
+                  textAlign = TextAlign.Center,
+                  fontWeight = FontWeight.Medium
+                ),
+                color = NewAppTheme.colors.text.secondary
+              )
             }
           }
         }