feat: add brownie android

.changeset/red-llamas-love.md

@@ -0,0 +1,8 @@
+---
+'@callstack/brownie': minor
+'@callstack/brownfield-cli': minor
+'brownfield': minor
+'@callstack/react-native-brownfield': minor
+---
+
+add brownie android

.github/actions/prepare-ios/action.yml

@@ -13,7 +13,7 @@ runs:
     - name: Use appropriate Xcode version
       uses: maxim-lobanov/setup-xcode@60606e260d2fc5762a71e64e74b2174e8ea3c8bd # v1.6.0
       with:
-        xcode-version: '26'
+        xcode-version: '26.3'
 
     - name: Setup Ruby
       uses: ruby/setup-ruby@5dd816ae0186f20dfa905997a64104db9a8221c7 # v1.280.0

apps/AndroidApp/app/build.gradle.kts

@@ -52,18 +52,19 @@ android {
         }
     }
     compileOptions {
-        sourceCompatibility = JavaVersion.VERSION_11
-        targetCompatibility = JavaVersion.VERSION_11
+        sourceCompatibility = JavaVersion.VERSION_17
+        targetCompatibility = JavaVersion.VERSION_17
     }
     kotlinOptions {
-        jvmTarget = "11"
+        jvmTarget = "17"
     }
     buildFeatures {
         compose = true
     }
 }
 
 dependencies {
+    implementation("com.google.code.gson:gson:2.13.1")
     implementation(libs.androidx.core.ktx)
     implementation(libs.androidx.lifecycle.runtime.ktx)
     implementation(libs.androidx.activity.compose)

apps/AndroidApp/app/src/expo54/java/com/callstack/brownfield/android/expo/BrownfieldStore.kt

@@ -0,0 +1,4 @@
+package com.callstack.brownfield.android.example
+
+typealias BrownfieldStore = com.callstack.rnbrownfield.demo.expoapp54.BrownfieldStore
+typealias User = com.callstack.rnbrownfield.demo.expoapp54.User

apps/AndroidApp/app/src/expo54/java/com/callstack/brownfield/android/expo/ReactNativeConstants.kt

@@ -1,6 +1,6 @@
 package com.callstack.brownfield.android.example
 
 object ReactNativeConstants {
-    const val MAIN_MODULE_NAME = "main"
+    const val MAIN_MODULE_NAME = "RNApp"
     const val APP_NAME = "Android (Expo 54)"
 }

apps/AndroidApp/app/src/expo55/java/com/callstack/brownfield/android/expo/BrownfieldStore.kt

@@ -0,0 +1,4 @@
+package com.callstack.brownfield.android.example
+
+typealias BrownfieldStore = com.callstack.rnbrownfield.demo.expoapp55.BrownfieldStore
+typealias User = com.callstack.rnbrownfield.demo.expoapp55.User

apps/AndroidApp/app/src/expo55/java/com/callstack/brownfield/android/expo/ReactNativeConstants.kt

@@ -1,6 +1,6 @@
 package com.callstack.brownfield.android.example
 
 object ReactNativeConstants {
-    const val MAIN_MODULE_NAME = "main"
+    const val MAIN_MODULE_NAME = "RNApp"
     const val APP_NAME = "Android (Expo 55)"
 }

apps/AndroidApp/app/src/main/java/com/callstack/brownfield/android/example/MainActivity.kt

@@ -27,6 +27,7 @@ import androidx.fragment.compose.AndroidFragment
 import com.callstack.brownfield.android.example.components.GreetingCard
 import com.callstack.brownfield.android.example.components.PostMessageCard
 import com.callstack.brownfield.android.example.ui.theme.AndroidBrownfieldAppTheme
+import com.callstack.brownie.registerStoreIfNeeded
 import com.callstack.nativebrownfieldnavigation.BrownfieldNavigationDelegate
 import com.callstack.nativebrownfieldnavigation.BrownfieldNavigationManager
 import com.callstack.reactnativebrownfield.ReactNativeFragment
@@ -52,6 +53,15 @@ class MainActivity : AppCompatActivity(), BrownfieldNavigationDelegate {
                     Toast.LENGTH_LONG
                 ).show()
             }
+
+            registerStoreIfNeeded(
+                storeName = BrownfieldStore.STORE_NAME
+            ) {
+                BrownfieldStore(
+                    counter = 0.0,
+                    user = User(name = "Username")
+                )
+            }
         }
 
         setContent {

apps/AndroidApp/app/src/main/java/com/callstack/brownfield/android/example/components/GreetingCard.kt

@@ -8,20 +8,42 @@ import androidx.compose.material3.Button
 import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
+import androidx.compose.runtime.DisposableEffect
 import androidx.compose.runtime.getValue
 import androidx.compose.runtime.mutableIntStateOf
-import androidx.compose.runtime.saveable.rememberSaveable
+import androidx.compose.runtime.remember
 import androidx.compose.runtime.setValue
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.text.style.TextAlign
 import androidx.compose.ui.unit.dp
+import com.callstack.brownfield.android.example.BrownfieldStore
+import com.callstack.brownie.Store
+import com.callstack.brownie.StoreManager
+import com.callstack.brownie.store
+import com.callstack.brownie.subscribe
+
+private fun brownieStore(): Store<BrownfieldStore>? {
+    return StoreManager.shared.store(BrownfieldStore.STORE_NAME)
+}
 
 @Composable
 fun GreetingCard(
     name: String,
 ) {
-    var counter by rememberSaveable { mutableIntStateOf(0) }
+    var counter by remember { mutableIntStateOf(0) }
+
+    DisposableEffect(Unit) {
+        val store = brownieStore()
+        val unsubscribe = store?.subscribe(
+            selector = { state -> state.counter.toInt() },
+            onChange = { updatedCounter -> counter = updatedCounter }
+        ) ?: {}
+
+        onDispose {
+            unsubscribe()
+        }
+    }
 
     MaterialCard {
         Column(
@@ -43,7 +65,11 @@ fun GreetingCard(
                 style = MaterialTheme.typography.bodyMedium
             )
 
-            Button(onClick = { counter++ }) {
+            Button(onClick = {
+                brownieStore()?.set { state ->
+                    state.copy(counter = state.counter + 1)
+                }
+            }) {
                 Text("Increment counter")
             }
         }

apps/AndroidApp/app/src/vanilla/java/com/callstack/brownfield/android/example/BrownfieldStore.kt

@@ -0,0 +1,4 @@
+package com.callstack.brownfield.android.example
+
+typealias BrownfieldStore = com.rnapp.brownfieldlib.BrownfieldStore
+typealias User = com.rnapp.brownfieldlib.User

apps/ExpoApp54/components/counter/index.tsx

@@ -1,9 +1,17 @@
-import { StyleSheet, Text } from 'react-native';
+import { StyleSheet, Text, Button } from 'react-native';
+import { useStore } from '@callstack/brownie';
 
 const Counter = () => {
+  const [counter, setState] = useStore('BrownfieldStore', (s) => s.counter);
+
   return (
     <>
-      <Text style={styles.text}>Brownie: To be implemented</Text>
+      <Text style={styles.text}>Count: {counter}</Text>
+
+      <Button
+        onPress={() => setState((prev) => ({ counter: prev.counter + 1 }))}
+        title="Increment"
+      />
     </>
   );
 };
@@ -12,7 +20,7 @@ export default Counter;
 
 const styles = StyleSheet.create({
   text: {
-    fontSize: 18,
+    fontSize: 30,
     fontWeight: 'bold',
     margin: 10,
   },

apps/ExpoApp54/package.json

@@ -45,5 +45,9 @@
     "eslint": "^9.25.0",
     "eslint-config-expo": "~10.0.0",
     "typescript": "~5.9.3"
+  },
+  "brownie": {
+    "kotlin": "./android/brownfieldlib/src/main/java/com/callstack/rnbrownfield/demo/expoapp54/Generated/",
+    "kotlinPackageName": "com.callstack.rnbrownfield.demo.expoapp54"
   }
 }

apps/ExpoApp55/RNApp.tsx

@@ -2,7 +2,7 @@ import { SafeAreaView } from 'react-native-safe-area-context';
 import { Button, StyleSheet, Text, View } from 'react-native';
 import BrownfieldNavigation from '@callstack/brownfield-navigation';
 
-import Counter from './components/counter';
+import Counter from './src/components/counter';
 
 export default function RNApp() {
   return (

apps/ExpoApp55/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@callstack/brownfield-example-expo-app-55",
-  "main": "expo-router/entry",
+  "main": "./entry.tsx",
   "version": "1.0.0",
   "scripts": {
     "start": "expo start",
@@ -51,5 +51,9 @@
     "eslint-config-expo": "~55.0.0",
     "typescript": "~5.9.2"
   },
-  "private": true
+  "private": true,
+  "brownie": {
+    "kotlin": "./android/brownfieldlib/src/main/java/com/callstack/rnbrownfield/demo/expoapp55/Generated/",
+    "kotlinPackageName": "com.callstack.rnbrownfield.demo.expoapp55"
+  }
 }

apps/ExpoApp55/src/components/counter/index.tsx

@@ -1,18 +1,32 @@
-import { StyleSheet, Text } from 'react-native';
+import { StyleSheet, Text, Button } from 'react-native';
+import { useStore } from '@callstack/brownie';
 
 const Counter = () => {
+  const [counter, setState] = useStore('BrownfieldStore', (s) => s.counter);
+
   return (
     <>
-      <Text style={styles.text}>Brownie: To be implemented</Text>
+      <Text style={styles.text}>Count: {counter}</Text>
+
+      <Button
+        onPress={() => setState((prev) => ({ counter: prev.counter + 1 }))}
+        title="Increment"
+      />
     </>
   );
 };
 
 export default Counter;
 
 const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    padding: 20,
+  },
   text: {
-    fontSize: 18,
+    fontSize: 30,
     fontWeight: 'bold',
     margin: 10,
   },

apps/RNApp/package.json

@@ -47,6 +47,10 @@
     "react-test-renderer": "19.1.1",
     "typescript": "^5.9.3"
   },
+  "brownie": {
+    "kotlin": "./android/BrownfieldLib/src/main/java/com/rnapp/brownfieldlib/Generated/",
+    "kotlinPackageName": "com.rnapp.brownfieldlib"
+  },
   "engines": {
     "node": ">=20"
   }