expo-dev-launcher 6.0.0 → 6.0.1

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

@@ -1,20 +1,30 @@
 package expo.modules.devlauncher.compose.ui
 
+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.padding
 import androidx.compose.foundation.layout.size
 import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.drawBehind
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.SolidColor
 import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.text.style.TextOverflow
 import androidx.compose.ui.tooling.preview.Preview
-import com.composables.core.Icon
+import androidx.compose.ui.unit.dp
 import com.composeunstyled.Button
+import com.composeunstyled.Icon
 import expo.modules.devlauncher.R
-import expo.modules.devmenu.compose.primitives.RowLayout
-import expo.modules.devmenu.compose.primitives.Spacer
-import expo.modules.devmenu.compose.primitives.Text
+import expo.modules.devmenu.compose.fromHex
+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.pulseEffect
 import expo.modules.devmenu.compose.theme.Theme
 
 @Composable
@@ -30,44 +40,65 @@ fun RunningAppCard(
     null
   }
 
-  Button(
-    onClick = { onClick(appIp) },
-    backgroundColor = Theme.colors.background.default
+  RoundedSurface(
+    borderRadius = NewAppTheme.borderRadius.xl,
+    color = NewAppTheme.colors.background.subtle
   ) {
-    Column(modifier = Modifier.padding(Theme.spacing.medium)) {
-      RowLayout(
-        leftComponent = {
-          val iconColor = Theme.colors.status.success
-
-          Box(
-            modifier = Modifier.size(Theme.spacing.small).drawBehind {
-              drawCircle(iconColor)
+    Button(
+      onClick = { onClick(appIp) }
+    ) {
+      Row(
+        horizontalArrangement = Arrangement.spacedBy(NewAppTheme.spacing.`3`),
+        verticalAlignment = Alignment.CenterVertically,
+        modifier = Modifier.padding(NewAppTheme.spacing.`3`)
+      ) {
+        val dotColor = Color.fromHex("#34C759")
+        Box(
+          modifier = Modifier
+            .size(Theme.spacing.small)
+            .drawBehind {
+              drawCircle(dotColor)
             }
+            .pulseEffect(
+              brush = SolidColor(dotColor.copy(alpha = 0.3f))
+            )
+        )
+
+        Column(
+          verticalArrangement = Arrangement.spacedBy(NewAppTheme.spacing.`1`),
+          modifier = Modifier.weight(1f)
+        ) {
+          NewText(
+            label,
+            maxLines = 1,
+            overflow = TextOverflow.Ellipsis,
+            style = NewAppTheme.font.lg.merge(
+              fontWeight = if (appName != null) {
+                FontWeight.SemiBold
+              } else {
+                FontWeight.Normal
+              }
+            )
           )
-        },
-        rightComponent = {
-          Icon(
-            painterResource(R.drawable.chevron_right_icon),
-            contentDescription = "Open app",
-            tint = Theme.colors.icon.default,
-            modifier = Modifier
-              .size(Theme.sizing.icon.extraSmall)
-          )
-        }
-      ) {
-        Column {
-          Text(label)
 
           if (description != null) {
-            Spacer(Theme.spacing.tiny)
-
-            Text(
-              text = description,
-              fontSize = Theme.typography.small,
-              color = Theme.colors.text.secondary
+            NewText(
+              description,
+              maxLines = 1,
+              overflow = TextOverflow.Ellipsis,
+              style = NewAppTheme.font.sm,
+              color = NewAppTheme.colors.text.tertiary
             )
           }
         }
+
+        Icon(
+          painter = painterResource(R.drawable.chevron_right),
+          contentDescription = "Open app",
+          tint = NewAppTheme.colors.icon.quaternary,
+          modifier = Modifier
+            .size(20.dp)
+        )
       }
     }
   }

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

@@ -1,6 +1,5 @@
 package expo.modules.devlauncher.compose.ui
 
-import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.RowScope
 import androidx.compose.foundation.layout.fillMaxWidth
@@ -8,12 +7,9 @@ import androidx.compose.foundation.layout.statusBarsPadding
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
-import androidx.compose.ui.graphics.Color
-import expo.modules.devmenu.compose.theme.Theme
 
 @Composable
 fun ScreenHeaderContainer(
-  backgroundColor: Color = Theme.colors.background.default,
   modifier: Modifier = Modifier,
   content: @Composable RowScope.() -> Unit
 ) {
@@ -21,7 +17,6 @@ fun ScreenHeaderContainer(
     verticalAlignment = Alignment.Companion.CenterVertically,
     modifier = Modifier
       .fillMaxWidth()
-      .background(backgroundColor)
       .statusBarsPadding()
       .then(modifier)
   ) {

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

@@ -2,7 +2,9 @@ package expo.modules.devlauncher.compose.ui
 
 import android.widget.Toast
 import androidx.compose.foundation.border
+import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.foundation.text.KeyboardOptions
@@ -12,13 +14,19 @@ import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
 import androidx.compose.runtime.setValue
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.SolidColor
 import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.text.input.KeyboardCapitalization
 import androidx.compose.ui.text.input.KeyboardType
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
 import androidx.core.net.toUri
 import com.composeunstyled.TextField
-import expo.modules.devmenu.compose.primitives.Spacer
-import expo.modules.devmenu.compose.theme.Theme
+import com.composeunstyled.TextInput
+import expo.modules.devmenu.compose.newtheme.NewAppTheme
+import expo.modules.devmenu.compose.primitives.NewText
 
 private fun validateUrl(url: String): Boolean {
   return try {
@@ -36,35 +44,58 @@ fun ServerUrlInput(
   var url by remember { mutableStateOf("") }
   val context = LocalContext.current
 
-  Column {
+  Column(
+    verticalArrangement = Arrangement.spacedBy(NewAppTheme.spacing.`2`)
+  ) {
     TextField(
-      url,
-      onValueChange = { newValue ->
-        url = newValue
+      value = url,
+      onValueChange = { newUrl ->
+        url = newUrl
       },
-      placeholder = "http://10.0.2.2:8081",
-      textStyle = Theme.typography.medium.font,
-      contentColor = Theme.colors.text.default,
+      textColor = NewAppTheme.colors.text.default,
+      textStyle = NewAppTheme.font.sm.merge(
+        fontFamily = NewAppTheme.font.mono,
+        fontWeight = FontWeight.Light
+      ),
       singleLine = true,
       modifier = Modifier
+        .fillMaxWidth()
         .border(
-          width = Theme.sizing.border.default,
-          shape = RoundedCornerShape(Theme.sizing.borderRadius.small),
-          color = Theme.colors.border.default
+          width = 1.dp,
+          shape = RoundedCornerShape(NewAppTheme.borderRadius.sm),
+          color = NewAppTheme.colors.border.default
         )
-        .padding(Theme.spacing.small),
+        .padding(NewAppTheme.spacing.`2`),
       keyboardOptions = KeyboardOptions(
         capitalization = KeyboardCapitalization.None,
         autoCorrectEnabled = false,
         keyboardType = KeyboardType.Uri
+      ),
+      cursorBrush = SolidColor(NewAppTheme.colors.text.default.copy(alpha = 0.9f))
+    ) {
+      TextInput(
+        placeholder = {
+          NewText(
+            text = "http://localhost:8081",
+            style = NewAppTheme.font.sm.merge(
+              fontFamily = NewAppTheme.font.mono,
+              fontWeight = FontWeight.Light
+            ),
+            color = NewAppTheme.colors.text.quaternary
+          )
+        }
       )
-    )
-
-    Spacer(Theme.spacing.tiny)
+    }
 
     ActionButton(
       text = "Connect",
-      style = Theme.colors.button.tertiary,
+      foreground = Color.White,
+      background = Color.Black,
+      modifier = Modifier.padding(vertical = NewAppTheme.spacing.`2`),
+      borderRadius = NewAppTheme.borderRadius.sm,
+      textStyle = NewAppTheme.font.sm.merge(
+        fontWeight = FontWeight.SemiBold
+      ),
       onClick = {
         if (validateUrl(url)) {
           openApp(url)
@@ -77,3 +108,11 @@ fun ServerUrlInput(
     )
   }
 }
+
+@Composable
+@Preview(showBackground = true, widthDp = 300)
+fun ServerUrlInputPreview() {
+  ServerUrlInput(
+    openApp = {}
+  )
+}

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

@@ -1,44 +1,37 @@
 package expo.modules.devlauncher.compose.ui
 
+import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.padding
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.tooling.preview.Preview
-import expo.modules.devmenu.compose.primitives.RoundedSurface
-import expo.modules.devmenu.compose.primitives.Spacer
-import expo.modules.devmenu.compose.primitives.Text
-import expo.modules.devmenu.compose.theme.Theme
+import expo.modules.devmenu.compose.newtheme.NewAppTheme
 
 @Composable
 fun SignUp(
   onLogIn: () -> Unit = {},
   onSignUp: () -> Unit = {}
 ) {
-  RoundedSurface {
-    Column(modifier = Modifier.padding(Theme.spacing.small)) {
-      Text(
-        "Log in or create an account to view local development servers and more.",
-        color = Theme.colors.text.secondary,
-        fontSize = Theme.typography.small
-      )
+  Column(
+    verticalArrangement = Arrangement.spacedBy(NewAppTheme.spacing.`2`)
+  ) {
+    ActionButton(
+      "Login",
+      foreground = Color.White,
+      background = Color.Black,
+      modifier = Modifier.padding(NewAppTheme.spacing.`3`),
+      onClick = onLogIn
+    )
 
-      Spacer(Theme.spacing.small)
-
-      ActionButton(
-        "Log In",
-        style = Theme.colors.button.tertiary,
-        onClick = onLogIn
-      )
-
-      Spacer(Theme.spacing.small)
-
-      ActionButton(
-        "Sign Up",
-        style = Theme.colors.button.secondary,
-        onClick = onSignUp
-      )
-    }
+    ActionButton(
+      "Sign Up",
+      foreground = NewAppTheme.colors.text.secondary,
+      background = NewAppTheme.colors.background.element,
+      modifier = Modifier.padding(NewAppTheme.spacing.`3`),
+      onClick = onSignUp
+    )
   }
 }
 

package/android/src/main/res/drawable/arrow_right.xml

@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="16dp"
+    android:height="16dp"
+    android:viewportWidth="16"
+    android:viewportHeight="16">
+  <path
+      android:pathData="M8.471,2.862C8.211,2.602 7.789,2.602 7.529,2.862C7.268,3.122 7.268,3.544 7.529,3.805L11.057,7.333H3.333C2.965,7.333 2.667,7.632 2.667,8C2.667,8.368 2.965,8.667 3.333,8.667H11.057L7.529,12.195C7.268,12.456 7.268,12.878 7.529,13.138C7.789,13.399 8.211,13.399 8.471,13.138L13.138,8.471C13.398,8.211 13.398,7.789 13.138,7.529L8.471,2.862Z"
+      android:fillColor="#0072DE"/>
+</vector>

package/android/src/main/res/drawable/check_circle.xml

@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="20dp"
+    android:height="20dp"
+    android:viewportWidth="20"
+    android:viewportHeight="20">
+  <path
+      android:pathData="M10,0.833C4.937,0.833 0.833,4.938 0.833,10C0.833,15.063 4.937,19.167 10,19.167C15.063,19.167 19.167,15.063 19.167,10C19.167,4.938 15.063,0.833 10,0.833ZM14.339,8.089C14.665,7.764 14.665,7.236 14.339,6.911C14.014,6.585 13.486,6.585 13.161,6.911L8.75,11.322L6.839,9.411C6.514,9.085 5.986,9.085 5.661,9.411C5.335,9.736 5.335,10.264 5.661,10.589L8.161,13.089C8.486,13.415 9.014,13.415 9.339,13.089L14.339,8.089Z"
+      android:fillColor="#34C759"
+      android:fillType="evenOdd"/>
+</vector>

package/android/src/main/res/drawable/chevron_right.xml

@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="20dp"
+    android:height="20dp"
+    android:viewportWidth="20"
+    android:viewportHeight="20">
+  <path
+      android:pathData="M6.911,4.411C7.236,4.085 7.764,4.085 8.089,4.411L13.089,9.411C13.415,9.736 13.415,10.264 13.089,10.589L8.089,15.589C7.764,15.915 7.236,15.915 6.911,15.589C6.585,15.264 6.585,14.736 6.911,14.411L11.321,10L6.911,5.589C6.585,5.264 6.585,4.736 6.911,4.411Z"
+      android:fillColor="#B9BBC6"
+      android:fillType="evenOdd"/>
+</vector>

package/android/src/main/res/drawable/copy.xml

@@ -0,0 +1,13 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="16dp"
+    android:height="16dp"
+    android:viewportWidth="16"
+    android:viewportHeight="16">
+  <path
+      android:pathData="M5.333,10.667V12.533C5.333,13.28 5.333,13.653 5.479,13.939C5.606,14.189 5.81,14.393 6.061,14.521C6.347,14.667 6.72,14.667 7.467,14.667H12.533C13.28,14.667 13.653,14.667 13.939,14.521C14.189,14.393 14.394,14.189 14.521,13.939C14.667,13.653 14.667,13.28 14.667,12.533V7.467C14.667,6.72 14.667,6.346 14.521,6.061C14.394,5.81 14.189,5.606 13.939,5.479C13.653,5.333 13.28,5.333 12.533,5.333H10.667M3.467,10.667H8.533C9.28,10.667 9.653,10.667 9.939,10.521C10.189,10.393 10.394,10.189 10.521,9.939C10.667,9.653 10.667,9.28 10.667,8.533V3.467C10.667,2.72 10.667,2.346 10.521,2.061C10.394,1.81 10.189,1.606 9.939,1.479C9.653,1.333 9.28,1.333 8.533,1.333H3.467C2.72,1.333 2.347,1.333 2.061,1.479C1.81,1.606 1.606,1.81 1.479,2.061C1.333,2.346 1.333,2.72 1.333,3.467V8.533C1.333,9.28 1.333,9.653 1.479,9.939C1.606,10.189 1.81,10.393 2.061,10.521C2.347,10.667 2.72,10.667 3.467,10.667Z"
+      android:strokeLineJoin="round"
+      android:strokeWidth="1.33333"
+      android:fillColor="#00000000"
+      android:strokeColor="#0072DE"
+      android:strokeLineCap="round"/>
+</vector>

package/android/src/main/res/drawable/expo_logo.xml

@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="25dp"
+    android:height="22dp"
+    android:viewportWidth="25"
+    android:viewportHeight="22">
+  <path
+      android:pathData="M11.891,8.269C12.08,7.993 12.287,7.957 12.455,7.957C12.623,7.957 12.903,7.993 13.092,8.269C14.582,10.3 17.042,14.345 18.857,17.328C20.041,19.274 20.95,20.769 21.136,20.959C21.837,21.673 22.797,21.228 23.355,20.418C23.904,19.621 24.056,19.061 24.056,18.464C24.056,18.057 16.098,3.378 15.297,2.156C14.526,0.98 14.275,0.684 12.956,0.684H11.969C10.654,0.684 10.464,0.98 9.693,2.156C8.892,3.378 0.934,18.057 0.934,18.464C0.934,19.061 1.086,19.621 1.636,20.418C2.194,21.228 3.154,21.673 3.854,20.959C4.04,20.769 4.95,19.274 6.133,17.328C7.948,14.345 10.4,10.3 11.891,8.269Z"
+      android:fillColor="#000000"/>
+</vector>

package/android/src/main/res/drawable/home.xml

@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="25dp"
+    android:height="24dp"
+    android:viewportWidth="25"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M13.433,4.7C13.078,4.433 12.589,4.433 12.233,4.7L6.233,9.2C5.982,9.389 5.833,9.685 5.833,10V18C5.833,18.552 6.281,19 6.833,19H9.833V14C9.833,13.448 10.281,13 10.833,13H14.833C15.386,13 15.833,13.448 15.833,14V19H18.833C19.386,19 19.833,18.552 19.833,18V10C19.833,9.685 19.685,9.389 19.433,9.2L13.433,4.7ZM13.833,19V15H11.833V19H13.833ZM11.033,3.1C12.1,2.3 13.567,2.3 14.633,3.1L20.633,7.6C21.389,8.167 21.833,9.056 21.833,10V18C21.833,19.657 20.49,21 18.833,21H6.833C5.176,21 3.833,19.657 3.833,18V10C3.833,9.056 4.278,8.167 5.033,7.6L11.033,3.1Z"
+      android:fillColor="#B9BBC6"
+      android:fillType="evenOdd"/>
+</vector>

package/android/src/main/res/drawable/inspect.xml

@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="20dp"
+    android:height="20dp"
+    android:viewportWidth="20"
+    android:viewportHeight="20">
+  <path
+      android:pathData="M5.968,2.5H6.667C7.127,2.5 7.5,2.873 7.5,3.333C7.5,3.794 7.127,4.167 6.667,4.167H6C5.52,4.167 5.209,4.167 4.973,4.187C4.747,4.205 4.663,4.236 4.622,4.258C4.465,4.337 4.337,4.465 4.258,4.622C4.236,4.663 4.205,4.747 4.187,4.973C4.167,5.209 4.167,5.52 4.167,6V6.667C4.167,7.127 3.794,7.5 3.333,7.5C2.873,7.5 2.5,7.127 2.5,6.667V5.968C2.5,5.529 2.5,5.15 2.525,4.837C2.552,4.508 2.612,4.18 2.772,3.865C3.012,3.395 3.395,3.012 3.865,2.772C4.18,2.612 4.508,2.552 4.837,2.525C5.15,2.5 5.529,2.5 5.968,2.5ZM15.027,4.187C14.791,4.167 14.481,4.167 14,4.167H13.333C12.873,4.167 12.5,3.794 12.5,3.333C12.5,2.873 12.873,2.5 13.333,2.5H14.032C14.471,2.5 14.85,2.5 15.163,2.525C15.492,2.552 15.82,2.612 16.135,2.772C16.605,3.012 16.988,3.395 17.228,3.865C17.388,4.18 17.448,4.508 17.475,4.837C17.5,5.15 17.5,5.529 17.5,5.968V6.667C17.5,7.127 17.127,7.5 16.667,7.5C16.206,7.5 15.833,7.127 15.833,6.667V6C15.833,5.52 15.833,5.209 15.813,4.973C15.795,4.747 15.764,4.663 15.743,4.622C15.663,4.465 15.535,4.337 15.378,4.258C15.337,4.236 15.253,4.205 15.027,4.187ZM3.333,12.5C3.794,12.5 4.167,12.873 4.167,13.333V14C4.167,14.481 4.167,14.791 4.187,15.027C4.205,15.253 4.236,15.337 4.258,15.378C4.337,15.535 4.465,15.663 4.622,15.743C4.663,15.764 4.747,15.795 4.973,15.813C5.209,15.833 5.52,15.833 6,15.833H6.667C7.127,15.833 7.5,16.206 7.5,16.667C7.5,17.127 7.127,17.5 6.667,17.5H5.968C5.529,17.5 5.15,17.5 4.837,17.475C4.508,17.448 4.18,17.388 3.865,17.228C3.395,16.988 3.012,16.605 2.772,16.135C2.612,15.82 2.552,15.492 2.525,15.163C2.5,14.85 2.5,14.471 2.5,14.032V13.333C2.5,12.873 2.873,12.5 3.333,12.5ZM16.667,12.5C17.127,12.5 17.5,12.873 17.5,13.333V14.032C17.5,14.471 17.5,14.85 17.475,15.163C17.448,15.492 17.388,15.82 17.228,16.135C16.988,16.605 16.605,16.988 16.135,17.228C15.82,17.388 15.492,17.448 15.163,17.475C14.85,17.5 14.471,17.5 14.032,17.5H13.333C12.873,17.5 12.5,17.127 12.5,16.667C12.5,16.206 12.873,15.833 13.333,15.833H14C14.481,15.833 14.791,15.833 15.027,15.813C15.253,15.795 15.337,15.764 15.378,15.743C15.535,15.663 15.663,15.535 15.743,15.378C15.764,15.337 15.795,15.253 15.813,15.027C15.833,14.791 15.833,14.481 15.833,14V13.333C15.833,12.873 16.206,12.5 16.667,12.5Z"
+      android:fillColor="#8B8D98"
+      android:fillType="evenOdd"/>
+</vector>

package/android/src/main/res/drawable/log_in.xml

@@ -0,0 +1,12 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="49dp"
+    android:height="48dp"
+    android:viewportWidth="49"
+    android:viewportHeight="48">
+  <path
+      android:pathData="M20.225,4L32.982,4C34.592,4 35.921,4 37.004,4.088C38.128,4.18 39.161,4.377 40.132,4.872C41.637,5.639 42.861,6.863 43.628,8.368C44.123,9.339 44.32,10.372 44.412,11.496C44.5,12.579 44.5,13.907 44.5,15.517V32.483C44.5,34.092 44.5,35.421 44.412,36.504C44.32,37.628 44.123,38.661 43.628,39.632C42.861,41.137 41.637,42.361 40.132,43.128C39.161,43.623 38.128,43.82 37.004,43.912C35.921,44 34.592,44 32.983,44L20.225,44C18.634,44.001 17.453,44.001 16.429,43.727C13.669,42.988 11.512,40.831 10.773,38.07C10.498,37.047 10.499,35.866 10.5,34.275L10.5,34C10.5,32.895 11.395,32 12.5,32C13.604,32 14.5,32.895 14.5,34C14.5,35.989 14.517,36.591 14.636,37.035C15.006,38.416 16.084,39.494 17.465,39.864C17.909,39.983 18.511,40 20.5,40H32.9C34.613,40 35.778,39.998 36.678,39.925C37.555,39.853 38.003,39.723 38.316,39.564C39.069,39.181 39.681,38.569 40.064,37.816C40.223,37.503 40.353,37.055 40.425,36.178C40.498,35.278 40.5,34.113 40.5,32.4V15.6C40.5,13.887 40.498,12.722 40.425,11.822C40.353,10.945 40.223,10.497 40.064,10.184C39.681,9.431 39.069,8.819 38.316,8.436C38.003,8.277 37.555,8.147 36.678,8.075C35.778,8.002 34.613,8 32.9,8H20.5C18.511,8 17.909,8.017 17.465,8.136C16.084,8.506 15.006,9.584 14.636,10.965C14.517,11.409 14.5,12.011 14.5,14C14.5,15.104 13.604,16 12.5,16C11.395,16 10.5,15.104 10.5,14L10.5,13.725C10.499,12.134 10.498,10.953 10.773,9.929C11.512,7.169 13.669,5.012 16.429,4.273C17.453,3.998 18.634,3.999 20.225,4Z"
+      android:fillColor="#0587F0"/>
+  <path
+      android:pathData="M23.086,14.586C23.867,13.805 25.133,13.805 25.914,14.586L33.914,22.586C34.695,23.367 34.695,24.633 33.914,25.414L25.914,33.414C25.133,34.195 23.867,34.195 23.086,33.414C22.305,32.633 22.305,31.367 23.086,30.586L27.672,26H6.5C5.395,26 4.5,25.105 4.5,24C4.5,22.895 5.395,22 6.5,22H27.672L23.086,17.414C22.305,16.633 22.305,15.367 23.086,14.586Z"
+      android:fillColor="#0587F0"/>
+</vector>

package/android/src/main/res/drawable/pulse.xml

@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="20dp"
+    android:height="20dp"
+    android:viewportWidth="20"
+    android:viewportHeight="20">
+  <path
+      android:pathData="M8.424,4.172C8.771,4.21 9.057,4.46 9.142,4.798L11.185,12.97L13.473,9.538C13.628,9.306 13.888,9.167 14.167,9.167H17.5C17.96,9.167 18.333,9.54 18.333,10C18.333,10.46 17.96,10.833 17.5,10.833H14.613L11.527,15.462C11.344,15.737 11.016,15.877 10.691,15.821C10.366,15.765 10.105,15.522 10.025,15.202L8.071,7.388L6.579,10.373C6.438,10.655 6.149,10.833 5.833,10.833H2.5C2.04,10.833 1.667,10.46 1.667,10C1.667,9.54 2.04,9.167 2.5,9.167H5.318L7.588,4.627C7.744,4.316 8.078,4.134 8.424,4.172Z"
+      android:fillColor="#8B8D98"
+      android:fillType="evenOdd"/>
+</vector>

package/android/src/main/res/drawable/reload.xml

@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="25dp"
+    android:height="24dp"
+    android:viewportWidth="25"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M12.5,5C8.634,5 5.5,8.134 5.5,12C5.5,12.552 5.052,13 4.5,13C3.948,13 3.5,12.552 3.5,12C3.5,7.029 7.529,3 12.5,3C14.805,3 16.908,3.868 18.5,5.292V4C18.5,3.448 18.948,3 19.5,3C20.052,3 20.5,3.448 20.5,4V8C20.5,8.552 20.052,9 19.5,9H15.5C14.948,9 14.5,8.552 14.5,8C14.5,7.448 14.948,7 15.5,7H17.399C16.136,5.762 14.407,5 12.5,5ZM20.5,11C21.052,11 21.5,11.448 21.5,12C21.5,16.971 17.471,21 12.5,21C10.195,21 8.092,20.132 6.5,18.708V20C6.5,20.552 6.052,21 5.5,21C4.948,21 4.5,20.552 4.5,20V16C4.5,15.448 4.948,15 5.5,15H9.5C10.052,15 10.5,15.448 10.5,16C10.5,16.552 10.052,17 9.5,17H7.601C8.864,18.238 10.593,19 12.5,19C16.366,19 19.5,15.866 19.5,12C19.5,11.448 19.948,11 20.5,11Z"
+      android:fillColor="#B9BBC6"
+      android:fillType="evenOdd"/>
+</vector>

package/android/src/main/res/drawable/scan.xml

@@ -0,0 +1,42 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M7.759,2L8,2C8.552,2 9,2.448 9,3C9,3.552 8.552,4 8,4H7.8C6.943,4 6.361,4.001 5.911,4.038C5.473,4.073 5.248,4.138 5.092,4.218C4.716,4.41 4.41,4.716 4.218,5.092C4.138,5.248 4.073,5.473 4.038,5.911C4.001,6.361 4,6.943 4,7.8V8C4,8.552 3.552,9 3,9C2.448,9 2,8.552 2,8L2,7.759C2,6.954 2,6.289 2.044,5.748C2.09,5.186 2.189,4.669 2.436,4.184C2.819,3.431 3.431,2.819 4.184,2.436C4.669,2.189 5.186,2.09 5.748,2.044C6.289,2 6.954,2 7.759,2Z"
+      android:fillColor="#000000"
+      android:fillType="evenOdd"/>
+  <path
+      android:pathData="M3,15C3.552,15 4,15.448 4,16V16.2C4,17.057 4.001,17.639 4.038,18.089C4.073,18.527 4.138,18.752 4.218,18.908C4.41,19.284 4.716,19.59 5.092,19.782C5.248,19.862 5.473,19.927 5.911,19.962C6.361,19.999 6.943,20 7.8,20H8C8.552,20 9,20.448 9,21C9,21.552 8.552,22 8,22H7.759C6.954,22 6.289,22 5.748,21.956C5.186,21.91 4.669,21.811 4.184,21.564C3.431,21.181 2.819,20.569 2.436,19.816C2.189,19.331 2.09,18.814 2.044,18.252C2,17.711 2,17.046 2,16.241C2,16.228 2,16.214 2,16.2V16C2,15.448 2.448,15 3,15Z"
+      android:fillColor="#000000"
+      android:fillType="evenOdd"/>
+  <path
+      android:pathData="M18.089,4.038C17.639,4.001 17.057,4 16.2,4H16C15.448,4 15,3.552 15,3C15,2.448 15.448,2 16,2H16.2C16.214,2 16.228,2 16.241,2C17.046,2 17.711,2 18.252,2.044C18.814,2.09 19.331,2.189 19.816,2.436C20.569,2.819 21.181,3.431 21.564,4.184C21.811,4.669 21.91,5.186 21.956,5.748C22,6.289 22,6.954 22,7.759V8C22,8.552 21.552,9 21,9C20.448,9 20,8.552 20,8V7.8C20,6.943 19.999,6.361 19.962,5.911C19.927,5.473 19.862,5.248 19.782,5.092C19.59,4.716 19.284,4.41 18.908,4.218C18.752,4.138 18.527,4.073 18.089,4.038Z"
+      android:fillColor="#000000"
+      android:fillType="evenOdd"/>
+  <path
+      android:pathData="M21,15C21.552,15 22,15.448 22,16V16.241C22,17.046 22,17.711 21.956,18.252C21.91,18.814 21.811,19.331 21.564,19.816C21.181,20.569 20.569,21.181 19.816,21.564C19.331,21.811 18.814,21.91 18.252,21.956C17.711,22 17.046,22 16.241,22H16C15.448,22 15,21.552 15,21C15,20.448 15.448,20 16,20H16.2C17.057,20 17.639,19.999 18.089,19.962C18.527,19.927 18.752,19.862 18.908,19.782C19.284,19.59 19.59,19.284 19.782,18.908C19.862,18.752 19.927,18.527 19.962,18.089C19.999,17.639 20,17.057 20,16.2V16C20,15.448 20.448,15 21,15Z"
+      android:fillColor="#000000"
+      android:fillType="evenOdd"/>
+  <path
+      android:pathData="M2,12C2,11.448 2.448,11 3,11H3.01C3.562,11 4.01,11.448 4.01,12C4.01,12.552 3.562,13 3.01,13H3C2.448,13 2,12.552 2,12Z"
+      android:fillColor="#000000"
+      android:fillType="evenOdd"/>
+  <path
+      android:pathData="M6.5,12C6.5,11.448 6.948,11 7.5,11H7.51C8.062,11 8.51,11.448 8.51,12C8.51,12.552 8.062,13 7.51,13H7.5C6.948,13 6.5,12.552 6.5,12Z"
+      android:fillColor="#000000"
+      android:fillType="evenOdd"/>
+  <path
+      android:pathData="M15.5,12C15.5,11.448 15.948,11 16.5,11H16.51C17.062,11 17.51,11.448 17.51,12C17.51,12.552 17.062,13 16.51,13H16.5C15.948,13 15.5,12.552 15.5,12Z"
+      android:fillColor="#000000"
+      android:fillType="evenOdd"/>
+  <path
+      android:pathData="M11,12C11,11.448 11.448,11 12,11H12.01C12.562,11 13.01,11.448 13.01,12C13.01,12.552 12.562,13 12.01,13H12C11.448,13 11,12.552 11,12Z"
+      android:fillColor="#000000"
+      android:fillType="evenOdd"/>
+  <path
+      android:pathData="M20,12C20,11.448 20.448,11 21,11H21.01C21.562,11 22.01,11.448 22.01,12C22.01,12.552 21.562,13 21.01,13H21C20.448,13 20,12.552 20,12Z"
+      android:fillColor="#000000"
+      android:fillType="evenOdd"/>
+</vector>

package/android/src/main/res/drawable/settings.xml

@@ -0,0 +1,14 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="25dp"
+    android:height="24dp"
+    android:viewportWidth="25"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M12.167,10C11.062,10 10.167,10.895 10.167,12C10.167,13.105 11.062,14 12.167,14C13.271,14 14.167,13.105 14.167,12C14.167,10.895 13.271,10 12.167,10ZM8.167,12C8.167,9.791 9.958,8 12.167,8C14.376,8 16.167,9.791 16.167,12C16.167,14.209 14.376,16 12.167,16C9.958,16 8.167,14.209 8.167,12Z"
+      android:fillColor="#B9BBC6"
+      android:fillType="evenOdd"/>
+  <path
+      android:pathData="M12.657,4.423C12.352,4.252 11.981,4.252 11.676,4.423L5.676,7.798C5.362,7.975 5.167,8.308 5.167,8.67V15.33C5.167,15.692 5.362,16.025 5.676,16.202L11.676,19.577C11.981,19.748 12.352,19.748 12.657,19.577L18.657,16.202C18.972,16.025 19.167,15.692 19.167,15.33V8.67C19.167,8.308 18.972,7.975 18.657,7.798L12.657,4.423ZM10.696,2.68C11.609,2.166 12.724,2.166 13.637,2.68L19.638,6.055C20.582,6.586 21.167,7.586 21.167,8.67V15.33C21.167,16.414 20.582,17.414 19.638,17.945L13.637,21.32C12.724,21.834 11.609,21.834 10.696,21.32L4.696,17.945C3.751,17.414 3.167,16.414 3.167,15.33V8.67C3.167,7.586 3.751,6.586 4.696,6.055L10.696,2.68Z"
+      android:fillColor="#B9BBC6"
+      android:fillType="evenOdd"/>
+</vector>

package/android/src/main/res/drawable/show_at_launch.xml

@@ -0,0 +1,12 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="20dp"
+    android:height="20dp"
+    android:viewportWidth="20"
+    android:viewportHeight="20">
+  <path
+      android:pathData="M5.833,1.667C3.992,1.667 2.5,3.159 2.5,5V17.5C2.5,17.96 2.873,18.333 3.333,18.333C3.794,18.333 4.167,17.96 4.167,17.5V5C4.167,4.08 4.913,3.333 5.833,3.333H14.167C15.087,3.333 15.833,4.08 15.833,5V17.5C15.833,17.96 16.206,18.333 16.667,18.333C17.127,18.333 17.5,17.96 17.5,17.5V5C17.5,3.159 16.008,1.667 14.167,1.667H5.833Z"
+      android:fillColor="#80838D"/>
+  <path
+      android:pathData="M5,10C5,9.079 5.746,8.333 6.667,8.333H13.333C14.254,8.333 15,9.079 15,10V17.5C15,17.96 14.627,18.333 14.167,18.333H5.833C5.373,18.333 5,17.96 5,17.5V10Z"
+      android:fillColor="#80838D"/>
+</vector>

package/android/src/main/res/drawable/signal.xml

@@ -0,0 +1,26 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M15.535,7.05C15.926,6.66 16.559,6.66 16.95,7.05C19.683,9.784 19.683,14.216 16.95,16.95C16.559,17.34 15.926,17.34 15.535,16.95C15.145,16.559 15.145,15.926 15.535,15.536C17.488,13.583 17.488,10.417 15.535,8.464C15.145,8.074 15.145,7.441 15.535,7.05Z"
+      android:fillColor="#000000"
+      android:fillType="evenOdd"/>
+  <path
+      android:pathData="M8.464,7.05C8.855,7.441 8.855,8.074 8.464,8.464C6.512,10.417 6.512,13.583 8.464,15.535C8.855,15.926 8.855,16.559 8.464,16.95C8.074,17.34 7.441,17.34 7.05,16.95C4.317,14.216 4.317,9.784 7.05,7.05C7.441,6.66 8.074,6.66 8.464,7.05Z"
+      android:fillColor="#000000"
+      android:fillType="evenOdd"/>
+  <path
+      android:pathData="M5.636,4.222C6.027,4.612 6.027,5.246 5.636,5.636C2.121,9.151 2.121,14.849 5.636,18.364C6.027,18.754 6.027,19.388 5.636,19.778C5.246,20.169 4.612,20.169 4.222,19.778C-0.074,15.482 -0.074,8.518 4.222,4.222C4.612,3.831 5.246,3.831 5.636,4.222Z"
+      android:fillColor="#000000"
+      android:fillType="evenOdd"/>
+  <path
+      android:pathData="M18.364,4.222C18.754,3.831 19.388,3.831 19.778,4.222C24.074,8.518 24.074,15.483 19.778,19.778C19.388,20.169 18.754,20.169 18.364,19.778C17.973,19.388 17.973,18.755 18.364,18.364C21.879,14.849 21.879,9.151 18.364,5.636C17.973,5.246 17.973,4.612 18.364,4.222Z"
+      android:fillColor="#000000"
+      android:fillType="evenOdd"/>
+  <path
+      android:pathData="M9,12C9,10.343 10.343,9 12,9C13.657,9 15,10.343 15,12C15,13.657 13.657,15 12,15C10.343,15 9,13.657 9,12Z"
+      android:fillColor="#000000"
+      android:fillType="evenOdd"/>
+</vector>

package/android/src/main/res/drawable/user.xml

@@ -0,0 +1,13 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M3,20C5.336,17.523 8.507,16 12,16C15.493,16 18.664,17.523 21,20M16.5,7.5C16.5,9.985 14.485,12 12,12C9.515,12 7.5,9.985 7.5,7.5C7.5,5.015 9.515,3 12,3C14.485,3 16.5,5.015 16.5,7.5Z"
+      android:strokeLineJoin="round"
+      android:strokeWidth="2"
+      android:fillColor="#00000000"
+      android:strokeColor="#8B8D98"
+      android:strokeLineCap="round"/>
+</vector>

package/ios/EXDevLauncherController.m

@@ -86,7 +86,7 @@
     self.shouldPreferUpdatesInterfaceSourceUrl = NO;
 
     self.dependencyProvider = [RCTAppDependencyProvider new];
-    self.reactNativeFactory = [[EXDevLauncherReactNativeFactory alloc] initWithDelegate:self];
+    self.reactNativeFactory = [[EXDevLauncherReactNativeFactory alloc] initWithDelegate:self releaseLevel:[self getReactNativeReleaseLevel]];
   }
   return self;
 }
@@ -340,12 +340,12 @@
 
   [self _addInitModuleObserver];
 #endif
-  
+
   DevLauncherViewController *swiftUIViewController = [[DevLauncherViewController alloc] init];
-  
+
   _window.rootViewController = swiftUIViewController;
   [_window makeKeyAndVisible];
-  
+
   dispatch_async(dispatch_get_main_queue(), ^{
     [self onAppContentDidAppear];
   });
@@ -718,6 +718,25 @@
   return appVersion;
 }
 
+-(RCTReleaseLevel)getReactNativeReleaseLevel
+{
+//  @TODO: Read this value from the main react-native factory instance on 0.82
+  NSString *releaseLevelString = [[NSBundle mainBundle] objectForInfoDictionaryKey:@"ReactNativeReleaseLevel"];
+  RCTReleaseLevel releaseLevel = Stable;
+  if ([releaseLevelString isKindOfClass:[NSString class]]) {
+    NSString *lower = [releaseLevelString lowercaseString];
+    if ([lower isEqualToString:@"canary"]) {
+      releaseLevel = Canary;
+    } else if ([lower isEqualToString:@"experimental"]) {
+      releaseLevel = Experimental;
+    } else if ([lower isEqualToString:@"stable"]) {
+      releaseLevel = Stable;
+    }
+  }
+
+  return releaseLevel;
+}
+
 -(void)copyToClipboard:(NSString *)content {
 #if !TARGET_OS_TV
   UIPasteboard *clipboard = [UIPasteboard generalPasteboard];