expo-dev-menu 7.0.12 → 7.0.13

package/CHANGELOG.md

@@ -10,6 +10,13 @@
 
 ### 💡 Others
 
+## 7.0.13 — 2025-10-01
+
+### 🐛 Bug fixes
+
+- [iOS] Adjust tvOS colors. ([#40006](https://github.com/expo/expo/pull/40006) by [@douglowder](https://github.com/douglowder))
+- [Android] Render registered custom Dev Menu items and allow invoking callbacks ([#39995](https://github.com/expo/expo/pull/39995) by [@Jc-Cloete](https://github.com/Jc-Cloete))
+
 ## 7.0.12 — 2025-09-22
 
 _This version does not introduce any user-facing changes._

package/android/build.gradle

@@ -12,7 +12,7 @@ apply plugin: 'expo-module-gradle-plugin'
 apply plugin: 'org.jetbrains.kotlin.plugin.compose'
 
 group = 'host.exp.exponent'
-version = '7.0.12'
+version = '7.0.13'
 
 expoModule {
   canBePublished false
@@ -22,7 +22,7 @@ android {
   namespace "expo.modules.devmenu"
   defaultConfig {
     versionCode 10
-    versionName '7.0.12'
+    versionName '7.0.13'
   }
   buildFeatures {
     compose true

package/android/src/debug/java/expo/modules/devmenu/DevMenuManager.kt

@@ -235,6 +235,7 @@ object DevMenuManager : DevMenuManagerInterface, LifecycleEventListener {
     val currentReactInstance = currentReactInstance.get() ?: return
     val appInfo = AppInfo.getAppInfo(currentReactInstance)
     bindingView.viewModel.updateAppInfo(appInfo)
+    bindingView.viewModel.updateCustomItems(registeredCallbacks)
   }
 
   inline fun withBindingView(
@@ -412,5 +413,13 @@ object DevMenuManager : DevMenuManagerInterface, LifecycleEventListener {
       setUpReactInstance(newReactInstance)
     }
   }
+
+  fun refreshCustomItems() {
+    delegateActivity?.let { activity ->
+      withBindingView(activity) { bindingView ->
+        bindingView.viewModel.updateCustomItems(registeredCallbacks)
+      }
+    }
+  }
 //endregion
 }

package/android/src/main/java/expo/modules/devmenu/compose/DevMenuAction.kt

@@ -12,6 +12,10 @@ sealed class DevMenuAction(val shouldCloseMenu: Boolean = false) {
   data class ToggleFastRefresh(val newValue: Boolean) : DevMenuAction(shouldCloseMenu = false)
   object OpenReactNativeDevMenu : DevMenuAction(shouldCloseMenu = true)
   object FinishOnboarding : DevMenuAction(shouldCloseMenu = false)
+  data class TriggerCustomCallback(
+    val name: String,
+    val shouldCollapse: Boolean
+  ) : DevMenuAction(shouldCloseMenu = shouldCollapse)
 }
 
 typealias DevMenuActionHandler = (DevMenuAction) -> Unit

package/android/src/main/java/expo/modules/devmenu/compose/DevMenuState.kt

@@ -10,8 +10,14 @@ data class DevMenuState(
   val isOpen: Boolean = false,
   val devToolsSettings: DevToolsSettings = DevToolsSettings(),
   val isOnboardingFinished: Boolean = false,
-  val showFab: Boolean = DevMenuPreferencesHandle.showFab
+  val showFab: Boolean = DevMenuPreferencesHandle.showFab,
+  val customItems: List<CustomItem> = emptyList()
 ) {
+  data class CustomItem(
+    val name: String,
+    val shouldCollapse: Boolean
+  )
+
   data class AppInfo(
     val appName: String,
     val hostUrl: String,

package/android/src/main/java/expo/modules/devmenu/compose/DevMenuViewModel.kt

@@ -9,7 +9,8 @@ class DevMenuViewModel : ViewModel() {
   private val menuPreferences = DevMenuPreferencesHandle
   private val _state = mutableStateOf(
     DevMenuState(
-      devToolsSettings = DevMenuManager.getDevSettings()
+      devToolsSettings = DevMenuManager.getDevSettings(),
+      customItems = mapCallbacks(DevMenuManager.registeredCallbacks)
     )
   )
 
@@ -38,6 +39,10 @@ class DevMenuViewModel : ViewModel() {
     )
   }
 
+  fun updateCustomItems(callbacks: List<DevMenuManager.Callback>) {
+    _state.value = _state.value.copy(customItems = mapCallbacks(callbacks))
+  }
+
   private fun closeMenu() {
     _state.value = _state.value.copy(isOpen = false)
   }
@@ -69,6 +74,14 @@ class DevMenuViewModel : ViewModel() {
         DevMenuManager.getSettings()?.isOnboardingFinished = true
         _state.value = _state.value.copy(isOnboardingFinished = true)
       }
+      is DevMenuAction.TriggerCustomCallback -> {
+        sendEventToDelegateBridge("registeredCallbackFired", action.name)
+      }
     }
   }
+
+  companion object {
+    private fun mapCallbacks(callbacks: List<DevMenuManager.Callback>) =
+      callbacks.map { DevMenuState.CustomItem(name = it.name, shouldCollapse = it.shouldCollapse) }
+  }
 }

package/android/src/main/java/expo/modules/devmenu/compose/ui/CustomItemsSection.kt

@@ -0,0 +1,30 @@
+package expo.modules.devmenu.compose.ui
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.runtime.Composable
+import expo.modules.devmenu.compose.DevMenuState
+import expo.modules.devmenu.compose.newtheme.NewAppTheme
+import expo.modules.devmenu.compose.primitives.NewText
+import expo.modules.devmenu.compose.primitives.Spacer
+
+@Composable
+fun CustomItemsSection(
+  items: List<DevMenuState.CustomItem>,
+  onItemClick: (DevMenuState.CustomItem) -> Unit
+) {
+  Section.Header("CUSTOM MENU ITEMS")
+
+  Spacer(NewAppTheme.spacing.`3`)
+
+  Column(verticalArrangement = Arrangement.spacedBy(NewAppTheme.spacing.`2`)) {
+    items.forEach { item ->
+      NewMenuButton(
+        content = {
+          NewText(text = item.name)
+        },
+        onClick = { onItemClick(item) }
+      )
+    }
+  }
+}

package/android/src/main/java/expo/modules/devmenu/compose/ui/DevMenuBottomSheet.kt

@@ -71,6 +71,7 @@ fun DevMenuBottomSheet(
     DevMenuScreen(
       appInfo = appInfo,
       devToolsSettings = state.devToolsSettings,
+      customItems = state.customItems,
       shouldShowOnboarding = shouldShowOnboarding.value,
       showFab = state.showFab,
       onAction = wrappedOnAction

package/android/src/main/java/expo/modules/devmenu/compose/ui/DevMenuScreen.kt

@@ -22,6 +22,7 @@ import expo.modules.devmenu.compose.primitives.Spacer
 fun DevMenuScreen(
   appInfo: DevMenuState.AppInfo,
   devToolsSettings: DevToolsSettings,
+  customItems: List<DevMenuState.CustomItem> = emptyList(),
   shouldShowOnboarding: Boolean = false,
   showFab: Boolean = false,
   onAction: DevMenuActionHandler = {}
@@ -61,6 +62,17 @@ fun DevMenuScreen(
 
     Spacer(NewAppTheme.spacing.`5`)
 
+    if (customItems.isNotEmpty()) {
+      CustomItemsSection(
+        items = customItems,
+        onItemClick = { item ->
+          onAction(DevMenuAction.TriggerCustomCallback(item.name, item.shouldCollapse))
+        }
+      )
+
+      Spacer(NewAppTheme.spacing.`5`)
+    }
+
     ToolsSection(onAction, devToolsSettings, showFab)
 
     Box(modifier = Modifier.padding(vertical = NewAppTheme.spacing.`6`)) {

package/android/src/main/java/expo/modules/devmenu/modules/DevMenuModule.kt

@@ -39,6 +39,8 @@ class DevMenuModule : Module() {
         }
         DevMenuManager.registeredCallbacks.add(DevMenuManager.Callback(name, shouldCollapse))
       }
+
+      DevMenuManager.refreshCustomItems()
     }
 
     OnDestroy {

package/android/src/release/java/expo/modules/devmenu/DevMenuManager.kt

@@ -117,4 +117,7 @@ object DevMenuManager : DevMenuManagerInterface {
   fun toggleFab() {
     throw IllegalStateException(DEV_MENU_IS_NOT_AVAILABLE)
   }
+  fun refreshCustomItems() {
+    throw IllegalStateException(DEV_MENU_IS_NOT_AVAILABLE)
+  }
 }

package/ios/SwiftUI/HeaderView.swift

@@ -30,7 +30,11 @@ struct HeaderView: View {
       } label: {
         ZStack {
           Circle()
+          #if os(tvOS)
+            .fill(Color.expoSystemGray4.opacity(0.2))
+          #else
             .fill(Color.expoSystemGray6)
+          #endif
             .frame(width: 36, height: 36)
 
           Image(systemName: "xmark")

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "expo-dev-menu",
-  "version": "7.0.12",
+  "version": "7.0.13",
   "description": "Expo/React Native module with the developer menu.",
   "main": "build/DevMenu.js",
   "types": "build/DevMenu.d.ts",
@@ -52,5 +52,5 @@
   "peerDependencies": {
     "expo": "*"
   },
-  "gitHead": "6523053d0d997d2a21f580d2752b2f873c122038"
+  "gitHead": "1ab3b9621b78b77b81049ebf06149753a1e0898c"
 }