feat: native code generation

Author: okwasniewski

apps/AppleApp/Brownfield Apple App/ContentView.swift

@@ -2,6 +2,12 @@ import ReactBrownfield
 import Brownie
 import SwiftUI
 
+let initialState = BrownfieldStore(
+  counter: 0,
+  user: User(name: "Username")
+)
+
+
 struct ContentView: View {
     var body: some View {
         NavigationView {

apps/RNApp/App.tsx

@@ -1,13 +1,11 @@
-import { useEffect } from 'react';
-import { StyleSheet, Text, View, Button, TextInput } from 'react-native';
-import { useStore } from '@callstack/brownie';
+import React, { useEffect } from 'react';
+import { StyleSheet, Text, View, Button } from 'react-native';
 import {
   createNativeStackNavigator,
   type NativeStackScreenProps,
 } from '@react-navigation/native-stack';
 import ReactNativeBrownfield from '@callstack/react-native-brownfield';
 import { NavigationContainer } from '@react-navigation/native';
-import './BrownfieldStore.brownie';
 
 const getRandomValue = () => Math.round(Math.random() * 255);
 const getRandomTheme = () => {
@@ -28,8 +26,6 @@ type Props = NativeStackScreenProps<RootStackParamList, 'Home'>;
 
 function HomeScreen({ navigation, route }: Props) {
   const colors = route.params?.theme || getRandomTheme();
-  const [counter, setState] = useStore('BrownfieldStore', (s) => s.counter);
-  const [user] = useStore('BrownfieldStore', (s) => s.user);
 
   useEffect(() => {
     const unsubscribe = navigation.addListener('focus', () => {
@@ -41,29 +37,10 @@ function HomeScreen({ navigation, route }: Props) {
 
   return (
     <View style={[styles.container, { backgroundColor: colors.primary }]}>
-      <Text style={[styles.title, { color: colors.secondary }]}>
-        React Native Screen
-      </Text>
-
       <Text style={[styles.text, { color: colors.secondary }]}>
-        Count: {counter}
+        React Native Screen
       </Text>
 
-      <TextInput
-        style={styles.input}
-        value={user.name}
-        onChangeText={(text) =>
-          setState((prev) => ({ user: { ...prev.user, name: text } }))
-        }
-        placeholder="User name"
-      />
-
-      <Button
-        onPress={() => setState((prev) => ({ counter: prev.counter + 1 }))}
-        color={colors.secondary}
-        title="Increment"
-      />
-
       <Button
         onPress={() => {
           navigation.push('Home', {
@@ -110,22 +87,9 @@ const styles = StyleSheet.create({
     justifyContent: 'center',
     alignItems: 'center',
   },
-  title: {
+  text: {
     fontSize: 30,
     fontWeight: 'bold',
     margin: 10,
   },
-  text: {
-    fontSize: 16,
-    margin: 5,
-  },
-  input: {
-    borderWidth: 1,
-    borderColor: '#ccc',
-    borderRadius: 8,
-    padding: 10,
-    width: 200,
-    marginVertical: 10,
-    backgroundColor: '#fff',
-  },
 });

apps/RNApp/ios/BrownfieldLib/Generated/BrownfieldStore.swift

@@ -13,7 +13,7 @@
     "lint": "eslint .",
     "start": "react-native start",
     "test": "jest",
-    "codegen": "brownie codegen"
+    "codegen": "brownfield codegen"
   },
   "dependencies": {
     "@callstack/brownie": "*",
@@ -56,7 +56,6 @@
     "node": ">=20"
   },
   "brownie": {
-    "swift": "./ios/BrownfieldLib/Generated",
     "kotlin": "./android/BrownfieldLib/src/main/java/com/rnapp/brownfieldlib/Generated",
     "kotlinPackageName": "com.rnapp.brownfieldlib"
   }

apps/RNApp/ios/BrownfieldLib/Generated/SettingsStore.swift

@@ -0,0 +1,2 @@
+# Generated store types (created by brownie codegen)
+ios/Generated/

apps/RNApp/package.json

@@ -16,6 +16,7 @@ import {
 import { Command } from 'commander';
 
 import { hasBrownieConfig } from '../../brownie/config.js';
+import { runCodegen } from '../../brownie/commands/codegen.js';
 import { getProjectInfo } from '../utils/index.js';
 import {
   actionRunner,
@@ -73,7 +74,7 @@ export const packageIosCommand = curryOptions(
     );
 
     if (hasBrownieConfig(projectRoot)) {
-      logger.log('Brownie config detected, building Brownie.xcframework...');
+      await runCodegen({ platform: 'swift' });
 
       const productsPath = path.join(options.buildFolder, 'Build', 'Products');
       const brownieOutputPath = path.join(packageDir, 'Brownie.xcframework');
@@ -97,8 +98,8 @@ export const packageIosCommand = curryOptions(
         outputPath: brownieOutputPath,
       });
 
-      logger.log(
-        `Brownie.xcframework available at: ${colorLink(relativeToCwd(brownieOutputPath))}`
+      logger.success(
+        `Brownie.xcframework created at ${colorLink(relativeToCwd(brownieOutputPath))}`
       );
     }
   })

packages/brownie/.gitignore

@@ -7,13 +7,21 @@ import { runCodegen } from '../../commands/codegen.js';
 import * as swiftGenerator from '../../generators/swift.js';
 import * as kotlinGenerator from '../../generators/kotlin.js';
 import * as storeDiscovery from '../../store-discovery.js';
+import * as config from '../../config.js';
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 const FIXTURES_DIR = path.join(__dirname, '../../__fixtures__');
 
 vi.mock('../../generators/swift');
 vi.mock('../../generators/kotlin');
 vi.mock('../../store-discovery');
+vi.mock('../../config', async (importOriginal) => {
+  const actual = await importOriginal<typeof config>();
+  return {
+    ...actual,
+    getSwiftOutputPath: vi.fn(() => '/mock/brownie/ios/Generated'),
+  };
+});
 vi.mock('@rock-js/tools', async (importOriginal) => {
   const actual = await importOriginal<typeof rockTools>();
   return {
@@ -69,9 +77,7 @@ describe('runCodegen', () => {
 
   it('generates swift files for discovered store', async () => {
     tempDir = createTempPackageJson({
-      brownie: {
-        swift: './Generated',
-      },
+      brownie: {},
     });
     mockCwd.mockReturnValue(tempDir);
 
@@ -81,7 +87,7 @@ describe('runCodegen', () => {
       name: 'TestStore',
       schemaPath: '/path/to/TestStore.brownie.ts',
       typeName: 'TestStore',
-      outputPath: 'Generated/TestStore.swift',
+      outputPath: '/mock/brownie/ios/Generated/TestStore.swift',
     });
     expect(mockGenerateKotlin).not.toHaveBeenCalled();
   });
@@ -104,13 +110,12 @@ describe('runCodegen', () => {
       outputPath: 'Generated/TestStore.kt',
       packageName: 'com.test',
     });
-    expect(mockGenerateSwift).not.toHaveBeenCalled();
+    expect(mockGenerateSwift).toHaveBeenCalled();
   });
 
   it('generates both swift and kotlin when configured', async () => {
     tempDir = createTempPackageJson({
       brownie: {
-        swift: './Generated',
         kotlin: './Generated',
       },
     });
@@ -125,7 +130,6 @@ describe('runCodegen', () => {
   it('generates only specified platform', async () => {
     tempDir = createTempPackageJson({
       brownie: {
-        swift: './Generated',
         kotlin: './Generated',
       },
     });
@@ -139,9 +143,7 @@ describe('runCodegen', () => {
 
   it('generates for multiple discovered stores', async () => {
     tempDir = createTempPackageJson({
-      brownie: {
-        swift: './Generated',
-      },
+      brownie: {},
     });
     mockCwd.mockReturnValue(tempDir);
 
@@ -160,21 +162,19 @@ describe('runCodegen', () => {
       name: 'UserStore',
       schemaPath: '/path/to/UserStore.brownie.ts',
       typeName: 'UserStore',
-      outputPath: 'Generated/UserStore.swift',
+      outputPath: '/mock/brownie/ios/Generated/UserStore.swift',
     });
     expect(mockGenerateSwift).toHaveBeenNthCalledWith(2, {
       name: 'SettingsStore',
       schemaPath: '/path/to/SettingsStore.brownie.ts',
       typeName: 'SettingsStore',
-      outputPath: 'Generated/SettingsStore.swift',
+      outputPath: '/mock/brownie/ios/Generated/SettingsStore.swift',
     });
   });
 
   it('exits with error for invalid platform', async () => {
     tempDir = createTempPackageJson({
-      brownie: {
-        swift: './Generated',
-      },
+      brownie: {},
     });
     mockCwd.mockReturnValue(tempDir);
 
@@ -187,9 +187,7 @@ describe('runCodegen', () => {
 
   it('exits with error when generator fails', async () => {
     tempDir = createTempPackageJson({
-      brownie: {
-        swift: './Generated',
-      },
+      brownie: {},
     });
     mockCwd.mockReturnValue(tempDir);
     mockGenerateSwift.mockRejectedValue(new Error('Generation failed'));
@@ -198,11 +196,9 @@ describe('runCodegen', () => {
     expect(mockLoggerError).toHaveBeenCalled();
   });
 
-  it('warns when store has no output paths for selected platform', async () => {
+  it('skips kotlin when not configured', async () => {
     tempDir = createTempPackageJson({
-      brownie: {
-        swift: './Generated',
-      },
+      brownie: {},
     });
     mockCwd.mockReturnValue(tempDir);