expo-dev-launcher 6.0.6-canary-20250826-f475166 → 6.0.7

package/CHANGELOG.md

@@ -10,6 +10,14 @@
 
 ### 💡 Others
 
+## 6.0.7 — 2025-08-28
+
+_This version does not introduce any user-facing changes._
+
+## 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

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

package/android/src/debug/java/expo/modules/devlauncher/compose/BindingView.kt

@@ -3,17 +3,15 @@ package expo.modules.devlauncher.compose
 import android.content.Context
 import android.widget.LinearLayout
 import androidx.compose.ui.platform.ComposeView
-import expo.modules.devmenu.compose.theme.AppTheme
+import expo.modules.devmenu.compose.newtheme.AppTheme
 
 class BindingView(context: Context) : LinearLayout(context) {
   init {
     addView(
       ComposeView(context).apply {
         setContent {
-          expo.modules.devmenu.compose.newtheme.AppTheme {
-            AppTheme {
-              DevLauncherBottomTabsNavigator()
-            }
+          AppTheme {
+            DevLauncherBottomTabsNavigator()
           }
         }
       }

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

@@ -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

@@ -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,7 +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.Text
+import expo.modules.devmenu.compose.primitives.RoundedSurface
+import expo.modules.devmenu.compose.primitives.Spacer
 
 @Composable
 fun Accordion(
@@ -36,58 +37,63 @@ 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.")
+    NewText("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/primitives/CircularProgressBar.kt

@@ -17,8 +17,10 @@ import androidx.compose.ui.graphics.drawscope.withTransform
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.Dp
 import androidx.compose.ui.unit.dp
-import expo.modules.devmenu.compose.theme.Pallet
-import expo.modules.devmenu.compose.theme.Theme
+import expo.modules.devmenu.compose.newtheme.NewAppTheme
+import io.github.lukmccall.colors.blue
+import io.github.lukmccall.colors.gray
+
 import kotlin.time.Duration
 import kotlin.time.Duration.Companion.seconds
 
@@ -29,17 +31,8 @@ fun CircularProgressBar(
   strokeWidth: Dp = size / 8,
   duration: Duration = 1.seconds
 ) {
-  val backgroundColor = if (Theme.isDarkTheme) {
-    Pallet.Dark.Gray.gray300
-  } else {
-    Pallet.Light.Gray.gray300
-  }
-
-  val progressColor = if (Theme.isDarkTheme) {
-    Pallet.Dark.Blue.blue500
-  } else {
-    Pallet.Light.Blue.blue500
-  }
+  val backgroundColor = NewAppTheme.pallet.gray.`3`
+  val progressColor = NewAppTheme.pallet.blue.`5`
 
   val transition = rememberInfiniteTransition(label = "infiniteSpinningTransition")
 

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

@@ -0,0 +1,53 @@
+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

@@ -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

@@ -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/BranchScreen.kt

@@ -41,7 +41,6 @@ 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
-import expo.modules.devmenu.compose.theme.Theme
 
 @Composable
 fun BranchScreen(
@@ -200,7 +199,7 @@ fun BranchScreen(
                 verticalAlignment = Alignment.CenterVertically
               ) {
                 CircularProgressBar(
-                  size = Theme.sizing.icon.large
+                  size = 44.dp
                 )
               }
             }