expo-dev-launcher 5.2.0-canary-20250709-136b77f → 5.2.0-canary-20250722-599a28f

package/android/build.gradle

@@ -20,13 +20,13 @@ expoModule {
 }
 
 group = "host.exp.exponent"
-version = "5.2.0-canary-20250709-136b77f"
+version = "5.2.0-canary-20250722-599a28f"
 
 android {
   namespace "expo.modules.devlauncher"
   defaultConfig {
     versionCode 9
-    versionName "5.2.0-canary-20250709-136b77f"
+    versionName "5.2.0-canary-20250722-599a28f"
   }
 
   buildTypes {
@@ -100,7 +100,7 @@ dependencies {
 
   implementation("com.apollographql.apollo:apollo-runtime:4.3.1")
 
-  implementation("com.composables:core:1.31.1")
+  implementation("com.composables:core:1.37.0")
 
   testImplementation 'androidx.test:core:1.4.0'
   testImplementation 'androidx.test:core-ktx:1.4.0'

package/android/src/debug/java/expo/modules/devlauncher/DevLauncherController.kt

@@ -6,6 +6,7 @@ import android.content.Intent
 import android.net.Uri
 import android.os.Bundle
 import androidx.annotation.UiThread
+import androidx.core.net.toUri
 import com.facebook.react.ReactActivity
 import com.facebook.react.ReactActivityDelegate
 import com.facebook.react.ReactApplication
@@ -30,8 +31,6 @@ import expo.modules.devlauncher.launcher.DevLauncherIntentRegistryInterface
 import expo.modules.devlauncher.launcher.DevLauncherLifecycle
 import expo.modules.devlauncher.launcher.DevLauncherNetworkInterceptor
 import expo.modules.devlauncher.launcher.DevLauncherReactActivityDelegateSupplier
-import expo.modules.devlauncher.launcher.DevLauncherReactHost
-import expo.modules.devlauncher.launcher.DevLauncherReactNativeHost
 import expo.modules.devlauncher.launcher.DevLauncherRecentlyOpenedAppsRegistry
 import expo.modules.devlauncher.launcher.errors.DevLauncherAppError
 import expo.modules.devlauncher.launcher.errors.DevLauncherErrorActivity
@@ -40,6 +39,7 @@ import expo.modules.devlauncher.launcher.loaders.DevLauncherAppLoaderFactoryInte
 import expo.modules.devlauncher.launcher.manifest.DevLauncherManifestParser
 import expo.modules.devlauncher.react.activitydelegates.DevLauncherReactActivityNOPDelegate
 import expo.modules.devlauncher.react.activitydelegates.DevLauncherReactActivityRedirectDelegate
+import expo.modules.devlauncher.services.DependencyInjection
 import expo.modules.devlauncher.tests.DevLauncherTestInterceptor
 import expo.modules.devmenu.DevMenuManager
 import expo.modules.manifests.core.Manifest
@@ -74,27 +74,30 @@ class DevLauncherController private constructor() :
   var devMenuManager: DevMenuManager = DevMenuManager
   override var updatesInterface: UpdatesInterface?
     get() = internalUpdatesInterface
-    set(value) = DevLauncherKoinContext.app.koin.loadModules(
-      listOf(
-        module {
-          single { value }
-        }
+    set(value) = run {
+      if (value != null) {
+        DependencyInjection.appService.setUpUpdateInterface(value, context)
+      }
+
+      DevLauncherKoinContext.app.koin.loadModules(
+        listOf(
+          module {
+            single { value }
+          }
+        )
       )
-    )
+    }
+
   override val coroutineScope = CoroutineScope(Dispatchers.Default)
 
-  override val devClientHost by lazy {
-    ReactHostWrapper(
-      reactNativeHost = DevLauncherReactNativeHost(context as Application, DEV_LAUNCHER_HOST),
-      reactHostProvider = { DevLauncherReactHost.create(context as Application, DEV_LAUNCHER_HOST) }
-    )
-  }
 
   private val recentlyOpedAppsRegistry = DevLauncherRecentlyOpenedAppsRegistry(context)
   override var manifest: Manifest? = null
     private set
+
   override var manifestURL: Uri? = null
     private set
+
   override var latestLoadedApp: Uri? = null
   override var useDeveloperSupport = true
   var canLaunchDevMenuOnStart = false
@@ -144,7 +147,7 @@ class DevLauncherController private constructor() :
       // default to the EXPO_UPDATE_URL value configured in AndroidManifest.xml when project url is unspecified for an EAS update
       if (isEASUpdate && projectUrl == null) {
         val projectUrlString = getMetadataValue(context, "expo.modules.updates.EXPO_UPDATE_URL")
-        parsedProjectUrl = Uri.parse(projectUrlString)
+        parsedProjectUrl = projectUrlString.toUri()
       }
 
       val manifestParser = DevLauncherManifestParser(httpClient, parsedUrl, installationIDHelper.getOrCreateInstallationID(context))
@@ -206,7 +209,8 @@ class DevLauncherController private constructor() :
     }
   }
 
-  override fun getRecentlyOpenedApps(): List<DevLauncherAppEntry> = recentlyOpedAppsRegistry.getRecentlyOpenedApps()
+  override fun getRecentlyOpenedApps(): List<DevLauncherAppEntry> =
+    recentlyOpedAppsRegistry.getRecentlyOpenedApps()
 
   override fun clearRecentlyOpenedApps() {
     recentlyOpedAppsRegistry.clearRegistry()
@@ -270,8 +274,8 @@ class DevLauncherController private constructor() :
       if (shouldTryToLaunchLastOpenedBundle && lastOpenedApp != null) {
         coroutineScope.launch {
           try {
-            loadApp(Uri.parse(lastOpenedApp.url), activityToBeInvalidated)
-          } catch (e: Throwable) {
+            loadApp(lastOpenedApp.url.toUri(), activityToBeInvalidated)
+          } catch (_: Throwable) {
             navigateToLauncher()
           }
         }

package/android/src/debug/java/expo/modules/devlauncher/DevLauncherPackageDelegate.kt

@@ -13,7 +13,6 @@ import expo.modules.core.interfaces.ReactActivityHandler
 import expo.modules.core.interfaces.ReactActivityLifecycleListener
 import expo.modules.devlauncher.launcher.DevLauncherReactActivityDelegateSupplier
 import expo.modules.devlauncher.modules.DevLauncherModule
-import expo.modules.devlauncher.modules.DevLauncherAuth
 import expo.modules.core.interfaces.ReactNativeHostHandler
 import expo.modules.devlauncher.modules.DevLauncherDevMenuExtension
 import expo.modules.devlauncher.react.DevLauncherReactNativeHostHandler
@@ -22,8 +21,7 @@ object DevLauncherPackageDelegate {
   fun createNativeModules(reactContext: ReactApplicationContext): List<NativeModule> =
     listOf(
       DevLauncherModule(reactContext),
-      DevLauncherDevMenuExtension(reactContext),
-      DevLauncherAuth(reactContext)
+      DevLauncherDevMenuExtension(reactContext)
     )
 
   fun createApplicationLifecycleListeners(context: Context?): List<ApplicationLifecycleListener> =

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

@@ -35,10 +35,10 @@ sealed interface AuthResult {
 
 class AuthActivity : AppCompatActivity() {
   class Contract : ActivityResultContract<AuthRequestType, AuthResult>() {
-    override fun createIntent(context: Context, type: AuthRequestType): Intent {
+    override fun createIntent(context: Context, input: AuthRequestType): Intent {
       return Intent(context, AuthActivity::class.java).apply {
         action = ACTION_VIEW
-        putExtra(AUTH_REQUEST_TYPE_KEY, type.type)
+        putExtra(AUTH_REQUEST_TYPE_KEY, input.type)
       }
     }
 

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

@@ -1,12 +1,12 @@
 package expo.modules.devlauncher.compose
 
+import androidx.compose.animation.AnimatedContentTransitionScope
 import androidx.compose.animation.EnterTransition
 import androidx.compose.animation.ExitTransition
+import androidx.compose.animation.core.tween
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
-import androidx.compose.foundation.rememberScrollState
-import androidx.compose.foundation.verticalScroll
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.painter.Painter
@@ -14,6 +14,8 @@ import androidx.navigation.compose.NavHost
 import androidx.navigation.compose.composable
 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.Home
 import expo.modules.devlauncher.compose.routes.HomeRoute
 import expo.modules.devlauncher.compose.routes.ProfileRoute
@@ -23,17 +25,15 @@ import expo.modules.devlauncher.compose.ui.BottomTabBar
 import expo.modules.devlauncher.compose.ui.Full
 import expo.modules.devlauncher.compose.ui.rememberBottomSheetState
 import expo.modules.devmenu.compose.theme.Theme
+import kotlinx.serialization.Serializable
 
 @Composable
 fun DefaultScreenContainer(
   content: @Composable () -> Unit
 ) {
-  val scrollState = rememberScrollState()
-
   Box(
     modifier = Modifier
       .fillMaxSize()
-      .verticalScroll(scrollState)
       .background(Theme.colors.background.secondary)
   ) {
     content()
@@ -46,30 +46,71 @@ data class Tab(
   val screen: Any
 )
 
+@Serializable
+object Main
+
 @Composable
 fun DevLauncherBottomTabsNavigator() {
-  val navController = rememberNavController()
+  val mainNavController = rememberNavController()
+  val bottomTabsNavController = rememberNavController()
   val bottomSheetState = rememberBottomSheetState()
 
-  DefaultScaffold(bottomTab = {
-    BottomTabBar(navController)
-  }) {
-    NavHost(
-      navController = navController,
-      startDestination = Home,
+  NavHost(
+    navController = mainNavController,
+    startDestination = Main
+  ) {
+    composable<Main>(
       enterTransition = {
-        EnterTransition.None
+        slideIntoContainer(
+          AnimatedContentTransitionScope.SlideDirection.Right,
+          animationSpec = tween(700)
+        )
       },
       exitTransition = {
-        ExitTransition.None
+        slideOutOfContainer(
+          AnimatedContentTransitionScope.SlideDirection.Left,
+          animationSpec = tween(700)
+        )
       }
     ) {
-      composable<Home> {
-        HomeRoute(onProfileClick = { bottomSheetState.jumpTo(Full) })
+      DefaultScaffold(bottomTab = {
+        BottomTabBar(bottomTabsNavController)
+      }) {
+        NavHost(
+          navController = bottomTabsNavController,
+          startDestination = Home,
+          enterTransition = {
+            EnterTransition.None
+          },
+          exitTransition = {
+            ExitTransition.None
+          }
+        ) {
+          composable<Home> {
+            HomeRoute(navController = mainNavController, onProfileClick = { bottomSheetState.jumpTo(Full) })
+          }
+          composable<Settings> {
+            SettingsRoute()
+          }
+        }
       }
-      composable<Settings> {
-        SettingsRoute()
+    }
+
+    composable<CrashReport>(
+      enterTransition = {
+        slideIntoContainer(
+          AnimatedContentTransitionScope.SlideDirection.Left,
+          animationSpec = tween(700)
+        )
+      },
+      exitTransition = {
+        slideOutOfContainer(
+          AnimatedContentTransitionScope.SlideDirection.Right,
+          animationSpec = tween(700)
+        )
       }
+    ) {
+      CrashReportRoute()
     }
   }
 

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

@@ -0,0 +1,22 @@
+package expo.modules.devlauncher.compose.models
+
+import androidx.compose.runtime.mutableStateOf
+import androidx.lifecycle.SavedStateHandle
+import androidx.lifecycle.ViewModel
+import androidx.navigation.toRoute
+import expo.modules.devlauncher.compose.routes.CrashReport
+
+data class CrashReportState(
+  val report: CrashReport
+)
+
+class CrashReportModel(
+  savedStateHandle: SavedStateHandle
+) : ViewModel() {
+  private val _state = mutableStateOf(
+    savedStateHandle.toRoute<CrashReport>()
+  )
+
+  val state
+    get() = _state.value
+}

package/android/src/debug/java/expo/modules/devlauncher/compose/{HomeViewModel.kt → models/HomeViewModel.kt}

@@ -1,4 +1,4 @@
-package expo.modules.devlauncher.compose
+package expo.modules.devlauncher.compose.models
 
 import android.util.Log
 import androidx.compose.runtime.mutableStateOf
@@ -7,7 +7,10 @@ import androidx.lifecycle.ViewModel
 import androidx.lifecycle.viewModelScope
 import expo.modules.devlauncher.DevLauncherController
 import expo.modules.devlauncher.MeQuery
-import expo.modules.devlauncher.services.HttpClientService
+import expo.modules.devlauncher.launcher.DevLauncherAppEntry
+import expo.modules.devlauncher.launcher.errors.DevLauncherErrorInstance
+import expo.modules.devlauncher.services.AppService
+import expo.modules.devlauncher.services.ErrorRegistryService
 import expo.modules.devlauncher.services.PackagerInfo
 import expo.modules.devlauncher.services.PackagerService
 import expo.modules.devlauncher.services.SessionService
@@ -15,34 +18,42 @@ import expo.modules.devlauncher.services.UserState
 import expo.modules.devlauncher.services.inject
 import kotlinx.coroutines.flow.launchIn
 import kotlinx.coroutines.flow.onEach
+import kotlinx.coroutines.flow.onStart
 import kotlinx.coroutines.launch
 
 sealed interface HomeAction {
   class OpenApp(val url: String) : HomeAction
+  object RefetchRunningApps : HomeAction
+  object ResetRecentlyOpenedApps : HomeAction
+  class NavigateToCrashReport(val crashReport: DevLauncherErrorInstance) : HomeAction
 }
 
-typealias HomeActionHandler = (HomeAction) -> Unit
-
 data class HomeState(
-  val appName: String = "BareExpo",
+  val appName: String = "Unknown App",
   val runningPackagers: Set<PackagerInfo> = emptySet(),
-  val currentAccount: MeQuery.Account? = null
+  val isFetchingPackagers: Boolean = false,
+  val currentAccount: MeQuery.Account? = null,
+  val recentlyOpenedApps: List<DevLauncherAppEntry> = emptyList(),
+  val crashReport: DevLauncherErrorInstance? = null
 )
 
 class HomeViewModel() : ViewModel() {
-  val httpClientService = inject<HttpClientService>()
   val devLauncherController = inject<DevLauncherController>()
   val sessionService = inject<SessionService>()
-
-  val packagerService = PackagerService(httpClientService.httpClient, viewModelScope)
+  val packagerService = inject<PackagerService>()
+  val appService = inject<AppService>()
+  val errorRegistryService = inject<ErrorRegistryService>()
 
   private var _state = mutableStateOf(
     HomeState(
+      appName = appService.applicationInfo.appName,
       runningPackagers = packagerService.runningPackagers.value,
       currentAccount = when (val userState = sessionService.user.value) {
         UserState.Fetching, UserState.LoggedOut -> null
         is UserState.LoggedIn -> userState.selectedAccount
-      }
+      },
+      recentlyOpenedApps = devLauncherController.getRecentlyOpenedApps(),
+      crashReport = errorRegistryService.consumeException()
     )
   )
 
@@ -50,11 +61,14 @@ class HomeViewModel() : ViewModel() {
     get() = _state.value
 
   init {
-    packagerService.runningPackagers.onEach { newPackagers ->
-      _state.value = _state.value.copy(
-        runningPackagers = newPackagers
-      )
-    }.launchIn(viewModelScope)
+    packagerService
+      .runningPackagers
+      .onEach { newPackagers ->
+        _state.value = _state.value.copy(
+          runningPackagers = newPackagers
+        )
+      }
+      .launchIn(viewModelScope)
 
     sessionService.user.onEach { newUser ->
       when (newUser) {
@@ -67,18 +81,33 @@ class HomeViewModel() : ViewModel() {
         )
       }
     }.launchIn(viewModelScope)
+
+    packagerService.isLoading.onEach { isLoading ->
+      _state.value = _state.value.copy(
+        isFetchingPackagers = isLoading
+      )
+    }.launchIn(viewModelScope)
   }
 
   fun onAction(action: HomeAction) {
     when (action) {
       is HomeAction.OpenApp ->
-        viewModelScope.launch {
+        devLauncherController.coroutineScope.launch {
           try {
             devLauncherController.loadApp(action.url.toUri(), mainActivity = null)
           } catch (e: Exception) {
             Log.e("DevLauncher", "Failed to open app: ${action.url}", e)
           }
         }
+
+      HomeAction.RefetchRunningApps -> packagerService.refetchedPackager()
+
+      HomeAction.ResetRecentlyOpenedApps -> viewModelScope.launch {
+        devLauncherController.clearRecentlyOpenedApps()
+        _state.value = _state.value.copy(recentlyOpenedApps = emptyList())
+      }
+
+      is HomeAction.NavigateToCrashReport -> IllegalStateException("Navigation action should be handled by the UI layer, not the ViewModel.")
     }
   }
 }

package/android/src/debug/java/expo/modules/devlauncher/compose/{ProfileViewModel.kt → models/ProfileViewModel.kt}

@@ -1,7 +1,8 @@
-package expo.modules.devlauncher.compose
+package expo.modules.devlauncher.compose.models
 
 import androidx.lifecycle.ViewModel
 import androidx.lifecycle.viewModelScope
+import expo.modules.devlauncher.compose.Session
 import expo.modules.devlauncher.services.SessionService
 import expo.modules.devlauncher.services.UserState
 import expo.modules.devlauncher.services.inject

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

@@ -0,0 +1,80 @@
+package expo.modules.devlauncher.compose.models
+
+import android.app.Application
+import androidx.compose.runtime.mutableStateOf
+import androidx.lifecycle.AndroidViewModel
+import expo.modules.devlauncher.services.AppService
+import expo.modules.devlauncher.services.ApplicationInfo
+import expo.modules.devlauncher.services.inject
+import expo.modules.devmenu.DevMenuPreferencesHandle
+
+data class SettingsState(
+  val showMenuAtLaunch: Boolean = false,
+  val isShakeEnable: Boolean = true,
+  val isThreeFingerLongPressEnable: Boolean = true,
+  val isKeyCommandEnabled: Boolean = true,
+  val applicationInfo: ApplicationInfo? = null
+)
+
+sealed interface SettingsAction {
+  data class ToggleShowMenuAtLaunch(val newValue: Boolean) : SettingsAction
+  data class ToggleShakeEnable(val newValue: Boolean) : SettingsAction
+  data class ToggleThreeFingerLongPressEnable(val newValue: Boolean) : SettingsAction
+  data class ToggleKeyCommandEnable(val newValue: Boolean) : SettingsAction
+}
+
+class SettingsViewModel(application: Application) : AndroidViewModel(application) {
+  private val menuPreferences = DevMenuPreferencesHandle
+  private val appService = inject<AppService>()
+
+  private val _state = mutableStateOf(
+    SettingsState(
+      showMenuAtLaunch = menuPreferences.showsAtLaunch,
+      isShakeEnable = menuPreferences.motionGestureEnabled,
+      isThreeFingerLongPressEnable = menuPreferences.touchGestureEnabled,
+      isKeyCommandEnabled = menuPreferences.keyCommandsEnabled,
+      applicationInfo = appService.applicationInfo
+    )
+  )
+
+  val state
+    get() = _state.value
+
+  private val listener = {
+    _state.value = SettingsState(
+      showMenuAtLaunch = menuPreferences.showsAtLaunch,
+      isShakeEnable = menuPreferences.motionGestureEnabled,
+      isThreeFingerLongPressEnable = menuPreferences.touchGestureEnabled,
+      isKeyCommandEnabled = menuPreferences.keyCommandsEnabled
+    )
+  }
+
+  init {
+    menuPreferences.addOnChangeListener(listener)
+  }
+
+  override fun onCleared() {
+    super.onCleared()
+    menuPreferences.removeOnChangeListener(listener)
+  }
+
+  fun onAction(action: SettingsAction) {
+    when (action) {
+      is SettingsAction.ToggleShowMenuAtLaunch -> {
+        menuPreferences.showsAtLaunch = action.newValue
+      }
+
+      is SettingsAction.ToggleShakeEnable -> {
+        menuPreferences.motionGestureEnabled = action.newValue
+      }
+
+      is SettingsAction.ToggleThreeFingerLongPressEnable -> {
+        menuPreferences.touchGestureEnabled = action.newValue
+      }
+
+      is SettingsAction.ToggleKeyCommandEnable -> {
+        menuPreferences.keyCommandsEnabled = action.newValue
+      }
+    }
+  }
+}

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

@@ -0,0 +1,38 @@
+package expo.modules.devlauncher.compose.routes
+
+import androidx.compose.runtime.Composable
+import androidx.lifecycle.viewmodel.compose.viewModel
+import expo.modules.devlauncher.compose.DefaultScreenContainer
+import expo.modules.devlauncher.compose.models.CrashReportModel
+import expo.modules.devlauncher.compose.screens.CrashReportScreen
+import expo.modules.devlauncher.launcher.errors.DevLauncherErrorInstance
+import kotlinx.serialization.Serializable
+
+@Serializable
+class CrashReport(
+  val timestamp: Long,
+  val message: String,
+  val stack: String
+) {
+  companion object {
+    fun fromErrorInstance(errorInstance: DevLauncherErrorInstance): CrashReport {
+      return CrashReport(
+        timestamp = errorInstance.timestamp,
+        message = errorInstance.throwable.message ?: "Unknown",
+        stack = errorInstance.throwable.stackTraceToString()
+      )
+    }
+  }
+}
+
+@Composable
+fun CrashReportRoute() {
+  DefaultScreenContainer {
+    val viewModel = viewModel<CrashReportModel>()
+    CrashReportScreen(
+      timestamp = viewModel.state.timestamp,
+      message = viewModel.state.message,
+      stack = viewModel.state.stack
+    )
+  }
+}

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

@@ -2,8 +2,10 @@ package expo.modules.devlauncher.compose.routes
 
 import androidx.compose.runtime.Composable
 import androidx.lifecycle.viewmodel.compose.viewModel
+import androidx.navigation.NavController
 import expo.modules.devlauncher.compose.DefaultScreenContainer
-import expo.modules.devlauncher.compose.HomeViewModel
+import expo.modules.devlauncher.compose.models.HomeAction
+import expo.modules.devlauncher.compose.models.HomeViewModel
 import expo.modules.devlauncher.compose.screens.HomeScreen
 import kotlinx.serialization.Serializable
 
@@ -11,12 +13,23 @@ import kotlinx.serialization.Serializable
 object Home
 
 @Composable
-fun HomeRoute(onProfileClick: () -> Unit) {
+fun HomeRoute(
+  navController: NavController,
+  onProfileClick: () -> Unit
+) {
   DefaultScreenContainer {
     val viewModel = viewModel<HomeViewModel>()
     HomeScreen(
       state = viewModel.state,
-      onAction = viewModel::onAction,
+      onAction = { action ->
+        when (action) {
+          is HomeAction.NavigateToCrashReport -> navController.navigate(
+            CrashReport.fromErrorInstance(action.crashReport)
+          )
+
+          else -> viewModel.onAction(action)
+        }
+      },
       onProfileClick = onProfileClick
     )
   }

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

@@ -10,8 +10,8 @@ import com.composables.core.SheetDetent.Companion.Hidden
 import expo.modules.devlauncher.compose.AuthActivity
 import expo.modules.devlauncher.compose.AuthRequestType
 import expo.modules.devlauncher.compose.AuthResult
-import expo.modules.devlauncher.compose.ProfileState
-import expo.modules.devlauncher.compose.ProfileViewModel
+import expo.modules.devlauncher.compose.models.ProfileState
+import expo.modules.devlauncher.compose.models.ProfileViewModel
 import expo.modules.devlauncher.compose.ui.AccountSelector
 import expo.modules.devlauncher.compose.ui.BottomSheet
 import expo.modules.devlauncher.compose.ui.ProfileLayout

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

@@ -1,7 +1,9 @@
 package expo.modules.devlauncher.compose.routes
 
 import androidx.compose.runtime.Composable
+import androidx.lifecycle.viewmodel.compose.viewModel
 import expo.modules.devlauncher.compose.DefaultScreenContainer
+import expo.modules.devlauncher.compose.models.SettingsViewModel
 import expo.modules.devlauncher.compose.screens.SettingsScreen
 import kotlinx.serialization.Serializable
 
@@ -11,6 +13,10 @@ object Settings
 @Composable
 fun SettingsRoute() {
   DefaultScreenContainer {
-    SettingsScreen()
+    val viewModel = viewModel<SettingsViewModel>()
+    SettingsScreen(
+      state = viewModel.state,
+      onAction = viewModel::onAction
+    )
   }
 }