feat: integrate into tester app

Author: okwasniewski

apps/AppleApp/Brownfield Apple App/BrownfieldAppleApp.swift

@@ -1,4 +1,5 @@
 import BrownfieldLib
+import Brownie
 import ReactBrownfield
 import SwiftUI
 
@@ -15,6 +16,8 @@ struct BrownfieldAppleApp: App {
         ReactNativeBrownfield.shared.startReactNative {
             print("React Native has been loaded")
         }
+        
+        _ = Store(initialState, key: BrownfieldStore.storeName)
     }
 
     var body: some Scene {

apps/AppleApp/Brownfield Apple App/ContentView.swift

@@ -34,7 +34,7 @@ struct MainScreen: View {
 
 struct GreetingCard: View {
     let name: String
-    @State private var counter: Int = 0
+    @UseStore(\BrownfieldStore.counter) var counter
 
     var body: some View {
         VStack(spacing: 12) {
@@ -43,13 +43,13 @@ struct GreetingCard: View {
                 .multilineTextAlignment(.center)
 
             Text(
-                "You clicked the button \(counter) time\(counter == 1 ? "" : "s")"
+                "You clicked the button \(Int(counter)) time\(counter == 1 ? "" : "s")"
             )
             .multilineTextAlignment(.center)
             .font(.body)
 
             Button("Increment counter") {
-                counter += 1
+                $counter.set { $0 + 1 }
             }
             .buttonStyle(.borderedProminent)
         }

apps/RNApp/App.tsx

@@ -1,5 +1,7 @@
-import React, { useEffect } from 'react';
+import { useEffect } from 'react';
 import { StyleSheet, Text, View, Button } from 'react-native';
+import { useStore } from '@callstack/brownie';
+import './BrownfieldStore.brownie';
 import {
   createNativeStackNavigator,
   type NativeStackScreenProps,
@@ -26,6 +28,7 @@ type Props = NativeStackScreenProps<RootStackParamList, 'Home'>;
 
 function HomeScreen({ navigation, route }: Props) {
   const colors = route.params?.theme || getRandomTheme();
+  const [counter, setState] = useStore('BrownfieldStore', (s) => s.counter);
 
   useEffect(() => {
     const unsubscribe = navigation.addListener('focus', () => {
@@ -41,6 +44,16 @@ function HomeScreen({ navigation, route }: Props) {
         React Native Screen
       </Text>
 
+      <Text style={[styles.text, { color: colors.secondary }]}>
+        Count: {counter}
+      </Text>
+
+      <Button
+        onPress={() => setState((prev) => ({ counter: prev.counter + 1 }))}
+        color={colors.secondary}
+        title="Increment"
+      />
+
       <Button
         onPress={() => {
           navigation.push('Home', {

apps/RNApp/metro.config.js

@@ -1,16 +1,8 @@
-const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config');
 const path = require('path');
+const { getDefaultConfig } = require('@react-native/metro-config');
+const { withMetroConfig } = require('react-native-monorepo-config');
 
-const root = path.resolve(__dirname, '..', '..');
-
-/**
- * Metro configuration
- * https://reactnative.dev/docs/metro
- *
- * @type {import('@react-native/metro-config').MetroConfig}
- */
-const config = {
-  watchFolders: [root],
-};
-
-module.exports = mergeConfig(getDefaultConfig(__dirname), config);
+module.exports = withMetroConfig(getDefaultConfig(__dirname), {
+  root: path.resolve(__dirname, '../..'),
+  dirname: __dirname,
+});

apps/RNApp/package.json

@@ -9,7 +9,7 @@
     "build:example:ios-rn": "react-native build-ios",
     "brownfield:package:android": "brownfield package:android --module-name :BrownfieldLib --variant release --verbose",
     "brownfield:publish:android": "brownfield publish:android --module-name :BrownfieldLib --verbose",
-    "brownfield:package:ios": "brownfield package:ios --scheme BrownfieldLib --configuration Release --verbose",
+    "brownfield:package:ios": "brownfield package:ios --scheme BrownfieldLib",
     "lint": "eslint .",
     "start": "react-native start",
     "test": "jest",
@@ -45,6 +45,7 @@
     "eslint": "^8.19.0",
     "jest": "^29.6.3",
     "prettier": "2.8.8",
+    "react-native-monorepo-config": "^0.3.2",
     "react-native-safe-area-context": "^5.3.0",
     "react-native-screens": "^4.15.2",
     "react-test-renderer": "19.1.1",

yarn.lock

@@ -2218,6 +2218,7 @@ __metadata:
     prettier: "npm:2.8.8"
     react: "npm:19.1.1"
     react-native: "npm:0.82.1"
+    react-native-monorepo-config: "npm:^0.3.2"
     react-native-safe-area-context: "npm:^5.3.0"
     react-native-screens: "npm:^4.15.2"
     react-test-renderer: "npm:19.1.1"
@@ -13682,7 +13683,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-native-monorepo-config@npm:^0.3.1":
+"react-native-monorepo-config@npm:^0.3.1, react-native-monorepo-config@npm:^0.3.2":
   version: 0.3.2
   resolution: "react-native-monorepo-config@npm:0.3.2"
   dependencies: