expo-dev-menu 7.0.0 → 7.0.2

package/CHANGELOG.md

@@ -10,6 +10,16 @@
 
 ### 💡 Others
 
+## 7.0.2 — 2025-08-16
+
+### 🐛 Bug fixes
+
+- [ios] Prevent crash when getting app icon. ([#38888](https://github.com/expo/expo/pull/38888) by [@douglowder](https://github.com/douglowder))
+
+## 7.0.1 — 2025-08-15
+
+_This version does not introduce any user-facing changes._
+
 ## 7.0.0 — 2025-08-13
 
 ### 🎉 New features

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.0'
+version = '7.0.2'
 
 expoModule {
   canBePublished false
@@ -22,7 +22,7 @@ android {
   namespace "expo.modules.devmenu"
   defaultConfig {
     versionCode 10
-    versionName '7.0.0'
+    versionName '7.0.2'
   }
   buildFeatures {
     compose true
@@ -69,7 +69,7 @@ dependencies {
   implementation 'org.jetbrains.kotlinx:kotlinx-coroutines-core:1.3.7'
   implementation 'org.jetbrains.kotlinx:kotlinx-coroutines-android:1.3.5'
 
-  def composeVersion = "1.8.2"
+  def composeVersion = "1.9.0"
 
   implementation "androidx.compose.foundation:foundation-android:$composeVersion"
   implementation "androidx.compose.ui:ui:$composeVersion"

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

@@ -7,7 +7,12 @@ import io.github.lukmccall.colors.gray
 import io.github.lukmccall.colors.yellow
 
 class Colors(private val pallet: RadixPallet<Color>) {
-  inner class Text {
+  data class Button(
+    val foreground: Color,
+    val background: Color
+  )
+
+  inner class Text internal constructor() {
     val default = pallet.gray.`12`
     val secondary = pallet.gray.`11`
     val tertiary = pallet.gray.`10`
@@ -17,7 +22,7 @@ class Colors(private val pallet: RadixPallet<Color>) {
     val warning = pallet.yellow.`11`
   }
 
-  inner class Background {
+  inner class Background internal constructor() {
     val default = if (pallet.isDark) {
       pallet.gray.`1`
     } else {
@@ -28,24 +33,39 @@ class Colors(private val pallet: RadixPallet<Color>) {
     val element = pallet.gray.`3`
 
     val warning = pallet.yellow.`3`
+    val info = pallet.blue.`3`
   }
 
-  inner class Icon {
+  inner class Icon internal constructor() {
     val default = pallet.gray.`11`
     val secondary = pallet.gray.`10`
     val tertiary = pallet.gray.`9`
     val quaternary = pallet.gray.`8`
 
     val warning = pallet.yellow.`11`
+    val info = pallet.blue.`10`
   }
 
-  inner class Border {
+  inner class Border internal constructor() {
     val default = pallet.gray.`7`
+    val secondary = pallet.gray.`6`
     val error = pallet.gray.`6`
   }
 
+  inner class Buttons internal constructor() {
+    val primary = Button(
+      foreground = Color.White,
+      background = if (pallet.isDark) {
+        pallet.blue.`8`
+      } else {
+        pallet.blue.`10`
+      }
+    )
+  }
+
   val text = Text()
   val background = Background()
   val icon = Icon()
   val border = Border()
+  val buttons = Buttons()
 }

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

@@ -15,6 +15,7 @@ object Typography {
   )
 
   val mono = FontFamily(
+    Font(R.font.jetbrains_mono_light, FontWeight.Light),
     Font(R.font.jetbrains_mono_regular, FontWeight.Normal),
     Font(R.font.jetbrains_mono_medium, FontWeight.Medium)
   )
@@ -28,4 +29,10 @@ object Typography {
   val lg = TextStyle(
     fontSize = 16.sp
   )
+  val xl = TextStyle(
+    fontSize = 18.sp
+  )
+  val xxl = TextStyle(
+    fontSize = 20.sp
+  )
 }

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

@@ -20,7 +20,7 @@ import androidx.compose.runtime.getValue
 @Composable
 fun Modifier.pulseEffect(
   initialScale: Float = 1f,
-  targetScale: Float = 1.5f,
+  targetScale: Float = 2f,
   brush: Brush = SolidColor(Color.Companion.Black.copy(alpha = 0.3f)),
   shape: Shape = CircleShape,
   animationSpect: DurationBasedAnimationSpec<Float> = tween(durationMillis = 1200)

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

@@ -19,9 +19,10 @@ import expo.modules.devmenu.compose.theme.Theme
 fun NewText(
   text: String,
   style: TextStyle? = null,
-  color: Color? = null,
+  color: Color = NewAppTheme.colors.text.default,
   maxLines: Int = Int.MAX_VALUE,
   softWrap: Boolean = true,
+  overflow: TextOverflow = TextOverflow.Clip,
   modifier: Modifier = Modifier
 ) {
   BasicText(
@@ -29,11 +30,35 @@ fun NewText(
     maxLines = maxLines,
     softWrap = softWrap,
     style = NewAppTheme.font.md.merge(
-      color = color ?: NewAppTheme.colors.text.default,
+      color = color,
       fontFamily = NewAppTheme.font.inter,
       fontWeight = FontWeight.Normal
     ).merge(style),
-    overflow = TextOverflow.Visible,
+    overflow = overflow,
+    modifier = modifier
+  )
+}
+
+@Composable
+fun NewText(
+  text: AnnotatedString,
+  style: TextStyle? = null,
+  color: Color = NewAppTheme.colors.text.default,
+  maxLines: Int = Int.MAX_VALUE,
+  softWrap: Boolean = true,
+  overflow: TextOverflow = TextOverflow.Clip,
+  modifier: Modifier = Modifier
+) {
+  BasicText(
+    text,
+    maxLines = maxLines,
+    softWrap = softWrap,
+    style = NewAppTheme.font.md.merge(
+      color = color,
+      fontFamily = NewAppTheme.font.inter,
+      fontWeight = FontWeight.Normal
+    ).merge(style),
+    overflow = overflow,
     modifier = modifier
   )
 }

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

@@ -15,7 +15,7 @@ import androidx.compose.ui.draw.clip
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.unit.dp
 import com.composeunstyled.ToggleSwitch
-import expo.modules.devmenu.compose.fromHex
+import expo.modules.devmenu.compose.newtheme.NewAppTheme
 import expo.modules.devmenu.compose.theme.Theme
 
 @Composable
@@ -25,9 +25,13 @@ fun ToggleSwitch(
 ) {
   val animatedBackgroundColor by animateColorAsState(
     if (isToggled) {
-      Color.fromHex("#34C759")
+      Color(0xFF34C759)
     } else {
-      Color.fromHex("#E9E9EB")
+      if (NewAppTheme.isDarkTheme) {
+        Color(0xFF464646)
+      } else {
+        Color(0xFFE9E9EB)
+      }
     }
   )
 

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

@@ -13,6 +13,7 @@ import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.graphics.painter.Painter
 import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.Dp
 import com.composeunstyled.Button
 import expo.modules.devmenu.R
 import expo.modules.devmenu.compose.newtheme.NewAppTheme
@@ -32,13 +33,15 @@ fun NewMenuButton(
   content: NewMenuButtonComposable? = null,
   rightComponent: NewMenuButtonComposable? = null,
   withSurface: Boolean = true,
+  enabled: Boolean = true,
+  spacedBy: Dp = NewAppTheme.spacing.`2`,
   onClick: () -> Unit = {}
 ) {
   val contentComponent = @Composable {
-    Button(onClick = onClick) {
+    Button(onClick = onClick, enabled = enabled) {
       Row(
         verticalAlignment = Alignment.CenterVertically,
-        horizontalArrangement = Arrangement.spacedBy(NewAppTheme.spacing.`2`),
+        horizontalArrangement = Arrangement.spacedBy(spacedBy),
         modifier = Modifier
           .background(NewAppTheme.colors.background.subtle)
           .padding(NewAppTheme.spacing.`3`)

package/ios/EXDevMenuAppInfo.m

@@ -64,7 +64,12 @@
 +(NSString *)getAppIcon
 {
   NSString *appIcon = @"";
-  NSString *appIconName = [[[[[[NSBundle mainBundle] infoDictionary] objectForKey:@"CFBundleIcons"] objectForKey:@"CFBundlePrimaryIcon"] objectForKey:@"CFBundleIconFiles"]  lastObject];
+  NSString *appIconName = nil;
+  // For some projects, the CFBundlePrimaryIcon value can be a string, leading to a crash
+  // We wrap this in a try/catch to prevent the crash
+  @try {
+    appIconName = [[[[[[NSBundle mainBundle] infoDictionary] objectForKey:@"CFBundleIcons"] objectForKey:@"CFBundlePrimaryIcon"] objectForKey:@"CFBundleIconFiles"]  lastObject];
+  } @catch(NSException *_e) {}
 
   if (appIconName != nil) {
     NSString *resourcePath = [[NSBundle mainBundle] resourcePath];

package/ios/SwiftUI/CustomItems.swift

@@ -27,7 +27,7 @@ struct CustomItems: View {
             .padding()
           }
           #if !os(tvOS)
-          .background(Color(.systemGroupedBackground))
+          .background(Color(.secondarySystemBackground))
           #endif
           .clipShape(RoundedRectangle(cornerRadius: 12))
         }

package/ios/SwiftUI/DevMenuViewModel.swift

@@ -92,7 +92,6 @@ class DevMenuViewModel: ObservableObject {
 
   func toggleFastRefresh() {
     devMenuManager.toggleFastRefresh()
-    devMenuManager.closeMenu()
     loadDevSettings()
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "expo-dev-menu",
-  "version": "7.0.0",
+  "version": "7.0.2",
   "description": "Expo/React Native module with the developer menu.",
   "main": "build/DevMenu.js",
   "types": "build/DevMenu.d.ts",
@@ -38,12 +38,11 @@
   "devDependencies": {
     "@apollo/client": "^3.4.10",
     "@babel/preset-typescript": "^7.7.4",
-    "@testing-library/jest-native": "^4.0.4",
-    "@testing-library/react-native": "^13.1.0",
+    "@testing-library/react-native": "^13.2.0",
     "babel-plugin-module-resolver": "^5.0.0",
-    "babel-preset-expo": "~14.0.0",
-    "expo-dev-client-components": "3.0.0",
-    "expo-module-scripts": "^5.0.0",
+    "babel-preset-expo": "~14.0.2",
+    "expo-dev-client-components": "3.0.2",
+    "expo-module-scripts": "^5.0.2",
     "fuse.js": "^6.4.6",
     "react": "19.1.0",
     "react-native": "0.81.0",
@@ -53,5 +52,5 @@
   "peerDependencies": {
     "expo": "*"
   },
-  "gitHead": "cb7062e2c17d1fb09522834aaaac0e19b766df62"
+  "gitHead": "eaa9b645058cf2233fbb27bb21a19bc605c90a88"
 }