fix: upgrade to latest react-native (#832)

Author: satya164

.github/workflows/build-templates.yml

@@ -22,6 +22,7 @@ on:
 jobs:
   build:
     env:
+      XCODE_VERSION: 16.2
       TURBO_TOKEN: ${{ secrets.TURBO_TOKEN }}
       TURBO_TEAM: ${{ secrets.TURBO_TEAM }}
 
@@ -224,6 +225,12 @@ jobs:
         run: |
           yarn turbo run build:android --cache-dir=".turbo"
 
+      - name: Use appropriate Xcode version
+        if: env.ios_build == 1 && env.turbo_cache_hit_ios != 1
+        uses: maxim-lobanov/setup-xcode@v1
+        with:
+          xcode-version: ${{ env.XCODE_VERSION }}
+
       - name: Restore cocoapods
         if: env.ios_build == 1 && env.turbo_cache_hit_ios != 1
         id: library-cocoapods-cache
@@ -238,13 +245,12 @@ jobs:
             ${{ runner.os }}-library-cocoapods-
 
       - name: Install cocoapods
-        env:
-          NO_FLIPPER: 1
         if: env.ios_build == 1 && env.turbo_cache_hit_ios != 1 && steps.library-cocoapods-cache.outputs.cache-hit != 'true'
         working-directory: ${{ env.work_dir }}
         run: |
-          cd example/ios
-          pod install
+          cd example
+          bundle install
+          bundle exec pod install --project-directory=ios
 
       - name: Cache cocoapods
         if: env.ios_build == 1 && env.turbo_cache_hit_ios != 1 && steps.library-cocoapods-cache.outputs.cache-hit != 'true'
@@ -255,12 +261,6 @@ jobs:
             ${{ env.work_dir }}/**/ios/Podfile.lock
           key: ${{ steps.library-cocoapods-cache.outputs.cache-primary-key }}
 
-      - name: Use appropriate Xcode version
-        if: env.ios_build == 1 && env.turbo_cache_hit_ios != 1
-        uses: maxim-lobanov/setup-xcode@v1
-        with:
-          xcode-version: '16.2'
-
       - name: Build example (iOS)
         if: env.ios_build == 1
         working-directory: ${{ env.work_dir }}

docs/pages/build.md

@@ -73,11 +73,11 @@ To configure your project manually, follow these steps:
 4. Configure the appropriate entry points:
 
    ```json
-   "source": "./src/index.tsx",
    "main": "./lib/module/index.js",
    "types": "./lib/typescript/src/index.d.ts",
    "exports": {
      ".": {
+        "source": "./src/index.tsx",
         "types": "./lib/typescript/src/index.d.ts",
         "default": "./lib/module/index.js"
      },
@@ -91,7 +91,6 @@ To configure your project manually, follow these steps:
 
    Here is what each of these fields mean:
 
-   - `source`: The path to the source code. It is used by `react-native-builder-bob` to detect the correct output files and provide better error messages.
    - `main`: The entry point for legacy setups that don't support the `exports` field. See [Compatibility](./esm.md#compatibility) for more details.
    - `types`: The entry point for the TypeScript definitions for legacy setups with `moduleResolution: node10` or `moduleResolution: node`.
    - `exports`: The entry points for tools that support the `exports` field in `package.json` - such as Node.js 12+, modern browsers and tools. See [the ESM support guide](./esm.md) for more details.

docs/pages/esm.md

@@ -40,6 +40,7 @@ To make use of the output files, ensure that your `package.json` file contains t
 "types": "./lib/typescript/src/index.d.ts",
 "exports": {
   ".": {
+    "source": "./src/index.tsx",
     "types": "./lib/typescript/src/index.d.ts",
     "default": "./lib/module/index.js"
   },
@@ -51,8 +52,9 @@ The `main` field is for tools that don't support the `exports` field (e.g. [Metr
 
 The `exports` field is used by Node.js 12+, modern browsers and tools to determine the correct entry point. The entrypoint is specified in the `.` key and will be used when the library is imported or required directly (e.g. `import 'my-library'` or `require('my-library')`).
 
-Here, we specify 2 conditions:
+Here, we specify 3 conditions:
 
+- `source`: A custom condition used by `react-native-builder-bob` to determine the source file for the library.
 - `types`: Used for the TypeScript definitions.
 - `default`: Used for the actual JS code when the library is imported or required.
 

packages/create-react-native-library/src/constants.ts

@@ -1,3 +1,3 @@
 export const FALLBACK_BOB_VERSION = '0.40.8';
 export const FALLBACK_NITRO_MODULES_VERSION = '0.22.1';
-export const SUPPORTED_REACT_NATIVE_VERSION = '0.78.2';
+export const SUPPORTED_REACT_NATIVE_VERSION = '0.79.2';

packages/create-react-native-library/src/exampleApp/generateExampleApp.ts

@@ -19,8 +19,6 @@ const FILES_TO_DELETE = [
   'tsconfig.json',
 ];
 
-const FILES_TO_MOVE = ['.bundle', 'Gemfile'];
-
 const PACKAGES_TO_REMOVE = [
   '@react-native/eslint-config',
   '@tsconfig/react-native',
@@ -119,13 +117,6 @@ export default async function generateExampleApp({
     await fs.remove(path.join(directory, file));
   }
 
-  // Move files to the root
-  for (const file of FILES_TO_MOVE) {
-    if (await fs.pathExists(path.join(directory, file))) {
-      await fs.move(path.join(directory, file), path.join(root, file));
-    }
-  }
-
   // Patch the example app's package.json
   const pkg = await fs.readJSON(path.join(directory, 'package.json'));
 
@@ -142,7 +133,7 @@ export default async function generateExampleApp({
   const SCRIPTS_TO_ADD = {
     'build:android':
       'react-native build-android --extra-params "--no-daemon --console=plain -PreactNativeArchitectures=arm64-v8a"',
-    'build:ios': `react-native build-ios --scheme ${config.project.name}Example --mode Debug --extra-params "-sdk iphonesimulator CC=clang CPLUSPLUS=clang++ LD=clang LDPLUSPLUS=clang++ GCC_OPTIMIZATION_LEVEL=0 GCC_PRECOMPILE_PREFIX_HEADER=YES ASSETCATALOG_COMPILER_OPTIMIZATION=time DEBUG_INFORMATION_FORMAT=dwarf COMPILER_INDEX_STORE_ENABLE=NO"`,
+    'build:ios': `react-native build-ios --mode Debug`,
   };
 
   if (config.example === 'vanilla') {

packages/create-react-native-library/src/input.ts

@@ -47,7 +47,7 @@ const EXAMPLE_CHOICES = (
       disabled: false,
     },
     {
-      title: 'React Native Test App by Microsoft',
+      title: 'Test App by Microsoft',
       value: 'test-app',
       description: "app's native code is abstracted away",
       // The test app is disabled for now until proper

packages/create-react-native-library/templates/common/$.github/workflows/ci.yml

@@ -115,6 +115,7 @@ jobs:
   build-ios:
     runs-on: macos-latest
     env:
+      XCODE_VERSION: 16.2
       TURBO_CACHE_DIR: .turbo/ios
     steps:
       - name: Checkout
@@ -144,6 +145,12 @@ jobs:
             echo "turbo_cache_hit=1" >> $GITHUB_ENV
           fi
 
+      - name: Use appropriate Xcode version
+        if: env.turbo_cache_hit != 1
+        uses: maxim-lobanov/setup-xcode@v1
+        with:
+          xcode-version: ${{ env.XCODE_VERSION }}
+
       - name: Restore cocoapods
         if: env.turbo_cache_hit != 1
         id: cocoapods-cache
@@ -158,10 +165,9 @@ jobs:
       - name: Install cocoapods
         if: env.turbo_cache_hit != 1 && steps.cocoapods-cache.outputs.cache-hit != 'true'
         run: |
-          cd example/ios
-          pod install
-        env:
-          NO_FLIPPER: 1
+          cd example
+          bundle install
+          bundle exec pod install --project-directory=ios
 
       - name: Cache cocoapods
         if: env.turbo_cache_hit != 1 && steps.cocoapods-cache.outputs.cache-hit != 'true'
@@ -171,12 +177,6 @@ jobs:
             **/ios/Pods
           key: ${{ steps.cocoapods-cache.outputs.cache-key }}
 
-      - name: Use appropriate Xcode version
-        if: env.turbo_cache_hit != 1
-        uses: maxim-lobanov/setup-xcode@v1
-        with:
-          xcode-version: '16.2'
-
       - name: Build example for iOS
         run: |
           yarn turbo run build:ios --cache-dir="${{ env.TURBO_CACHE_DIR }}"

packages/create-react-native-library/templates/common/$.gitignore

@@ -46,7 +46,7 @@ android.iml
 example/ios/Pods
 
 # Ruby
-/vendor/
+example/vendor/
 
 # node.js
 #

packages/create-react-native-library/templates/common/$package.json

@@ -2,11 +2,11 @@
   "name": "<%- project.slug -%>",
   "version": "0.1.0",
   "description": "<%- project.description %>",
-  "source": "./src/index.tsx",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",
   "exports": {
     ".": {
+      "source": "./src/index.tsx",
       "types": "./lib/typescript/src/index.d.ts",
       "default": "./lib/module/index.js"
     },

packages/create-react-native-library/templates/common/CONTRIBUTING.md

@@ -35,20 +35,6 @@ To invoke **Nitrogen**, use the following command:
 yarn nitrogen
 ```
 
-<% } -%>
-<% if (project.native) { -%>
-You also need to install the required ruby gems for the iOS project with [bundler](https://bundler.io/). To install the gems, run the following command in the root directory:
-
-```sh
-bundle install
-```
-
-Now, you can install [CocoaPods](https://cocoapods.org/) for the iOS project. To do this, run the following command in the `example/ios` directory:
-
-```sh
-bundle exec pod install
-```
-
 <% } -%>
 The [example app](/example/) demonstrates usage of the library. You need to run it to test any changes you make.