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

apps/AndroidApp/app/build.gradle.kts

@@ -49,18 +49,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/expo/java/com/callstack/brownfield/android/example/BrownfieldStore.kt

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

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

@@ -26,6 +26,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.reactnativebrownfield.ReactNativeFragment
 import com.callstack.reactnativebrownfield.constants.ReactNativeFragmentArgNames
 
@@ -48,6 +49,15 @@ class MainActivity : AppCompatActivity() {
                     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/ExpoApp/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/ExpoApp/package.json

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

apps/RNApp/package.json

@@ -45,6 +45,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"
   }

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

@@ -1,15 +1,24 @@
-import { StyleSheet, Text } from 'react-native';
+import { Button, StyleSheet, Text } from 'react-native';
+import { useStore } from '@callstack/brownie';
 
 type CounterProps = {
   colors: { primary: string; secondary: string };
 };
 
 const Counter = ({ colors }: CounterProps) => {
+  const [counter, setState] = useStore('BrownfieldStore', (s) => s.counter);
+
   return (
     <>
       <Text style={[styles.text, { color: colors.secondary }]}>
-        Brownie: To be implemented
+        Count: {counter}
       </Text>
+
+      <Button
+        onPress={() => setState((prev) => ({ counter: prev.counter + 1 }))}
+        color={colors.secondary}
+        title="Increment"
+      />
     </>
   );
 };

docs/docs/docs/api-reference/brownie/_meta.json

@@ -24,6 +24,11 @@
     "name": "typescript-usage",
     "label": "TypeScript Usage"
   },
+  {
+    "type": "file",
+    "name": "android-usage",
+    "label": "Android Usage"
+  },
   {
     "type": "file",
     "name": "swift-usage",