Integrate Babylon React Native into the Babylon Native monorepo

.github/workflows/ci.yml

@@ -13,6 +13,12 @@ concurrency:
 
 # Hermes, sanitizer, and macOS-hosted Android builds run in the Azure pipeline nightly.yml.
 jobs:
+  # TEMPORARY: remove before merge; exercise React Native unconditionally on every PR.
+  ReactNative:
+    uses: ./.github/workflows/reactnative-pr.yml
+    with:
+      force-run: true
+
   # ── Apple: macOS ──────────────────────────────────────────────
   MacOS:
     uses: ./.github/workflows/build-macos.yml
@@ -164,6 +170,8 @@ jobs:
     # Run after unsuccessful dependencies too, so they cannot skip the required check.
     if: always()
     needs:
+      # TEMPORARY: remove before merge.
+      - ReactNative
       - MacOS
       - MacOS_Ninja
       - iOS_Xcode26

.github/workflows/reactnative-android.yml

@@ -0,0 +1,29 @@
+name: React Native Build Android
+on: workflow_call
+jobs:
+  build-android:
+    runs-on: macos-15
+    steps:
+    - name: Checkout Repo
+      uses: actions/checkout@v4.2.2
+    - name: Setup Node.js
+      uses: actions/setup-node@v4
+      with:
+        node-version: 22
+    - name: Setup Java
+      uses: actions/setup-java@v4
+      with:
+        distribution: temurin
+        java-version: '17'
+    - name: Setting up developer environment
+      run: node setup_dev.js
+      working-directory: Embedding/ReactNative/Package
+    - name: List installed packages
+      run: npm ls
+      working-directory: Embedding/ReactNative/Apps/Playground
+    - name: Gulp (Android)
+      run: npx gulp buildAndroid
+      working-directory: Embedding/ReactNative/Package
+    timeout-minutes: 90
+permissions:
+  contents: read

.github/workflows/reactnative-ios.yml

@@ -0,0 +1,27 @@
+name: React Native Build iOS
+on: workflow_call
+jobs:
+  build-iOS:
+    runs-on: macos-15
+    steps:
+    - name: Checkout Repo
+      uses: actions/checkout@v4.2.2
+    - name: Setup Node.js
+      uses: actions/setup-node@v4
+      with:
+        node-version: 22
+    - name: Setting up developer environment
+      run: node setup_dev.js
+      working-directory: Embedding/ReactNative/Package
+    - name: Clean and Install Pods
+      run: |
+        cd ios
+        rm -rf Pods Podfile.lock
+        pod install
+      working-directory: Embedding/ReactNative/Apps/Playground
+    - name: Gulp (iOS)
+      run: npx gulp buildIOS
+      working-directory: Embedding/ReactNative/Package
+    timeout-minutes: 90
+permissions:
+  contents: read

.github/workflows/reactnative-package.yml

@@ -0,0 +1,33 @@
+name: React Native Package
+on: workflow_call
+jobs:
+  package:
+    runs-on: macos-15
+    steps:
+    - name: Checkout Repo
+      uses: actions/checkout@v4.2.2
+    - name: Setup Node.js
+      uses: actions/setup-node@v4
+      with:
+        node-version: 22
+    - name: NPM Install
+      run: npm install
+      working-directory: Embedding/ReactNative/Package
+    - name: Download Assembled Folder
+      uses: actions/download-artifact@v4
+      with:
+        name: Assembled
+        path: Embedding/ReactNative/Package/Assembled
+    - name: Publish Package dry run
+      run: |
+        npm publish --access public --dry-run
+        npm pack
+      working-directory: Embedding/ReactNative/Package/Assembled
+    - name: Upload .tgz tarball
+      uses: actions/upload-artifact@v4
+      with:
+        name: BabylonReactNative
+        path: Embedding/ReactNative/Package/Assembled/*.tgz
+    timeout-minutes: 90
+permissions:
+  contents: read

.github/workflows/reactnative-pr.yml

@@ -0,0 +1,68 @@
+name: React Native PR Build
+on:
+  pull_request:
+    branches:
+    - master
+    paths:
+    - Embedding/ReactNative/**
+    - .github/workflows/reactnative-*.yml
+  workflow_call:
+    inputs:
+      force-run:
+        description: Run the graph even while ci.yml also calls it
+        type: boolean
+        default: true
+jobs:
+  entry:
+    runs-on: ubuntu-latest
+    timeout-minutes: 5
+    outputs:
+      run: ${{ steps.select.outputs.run }}
+    steps:
+    - uses: actions/checkout@v4.2.2
+    - name: Avoid duplicate PR builds
+      id: select
+      env:
+        FORCE_RUN: ${{ inputs.force-run }}
+      # TEMPORARY: remove before merge with the unconditional ci.yml call.
+      # Path-triggered builds automatically resume as soon as that call is removed.
+      run: |
+        if [ "$FORCE_RUN" = "true" ] || ! grep -Eq '^[[:space:]]+uses: \./\.github/workflows/reactnative-pr\.yml[[:space:]]*$' .github/workflows/ci.yml; then
+          echo "run=true" >> "$GITHUB_OUTPUT"
+        else
+          echo "run=false" >> "$GITHUB_OUTPUT"
+        fi
+  build-android:
+    needs: [entry]
+    uses: ./.github/workflows/reactnative-android.yml
+    if: ${{ needs.entry.outputs.run == 'true' }}
+  build-iOS:
+    needs: [entry]
+    uses: ./.github/workflows/reactnative-ios.yml
+    if: ${{ needs.entry.outputs.run == 'true' }}
+  build-windows:
+    needs: [entry]
+    uses: ./.github/workflows/reactnative-windows.yml
+    if: ${{ needs.entry.outputs.run == 'true' }}
+  build-typescript:
+    needs: [entry]
+    uses: ./.github/workflows/reactnative-typescript.yml
+    if: ${{ needs.entry.outputs.run == 'true' }}
+  package:
+    needs:
+    - build-typescript
+    uses: ./.github/workflows/reactnative-package.yml
+  test-package-ios:
+    needs:
+    - package
+    uses: ./.github/workflows/reactnative-test-ios.yml
+  test-package-android:
+    needs:
+    - package
+    uses: ./.github/workflows/reactnative-test-android.yml
+  test-package-windows:
+    needs:
+    - package
+    uses: ./.github/workflows/reactnative-test-windows.yml
+permissions:
+  contents: read

.github/workflows/reactnative-publish-preview.yml

@@ -0,0 +1,60 @@
+name: React Native Publish Package For Preview
+on:
+  workflow_dispatch:
+    inputs:
+      release_version:
+        description: NPM Release Version
+        required: true
+        type: string
+        default: 1.0.0
+      NPM_tag:
+        description: NPM Tag
+        required: true
+        type: string
+        default: preview
+jobs:
+  build-typescript:
+    uses: ./.github/workflows/reactnative-typescript.yml
+  package:
+    needs:
+    - build-typescript
+    uses: ./.github/workflows/reactnative-package.yml
+  publish:
+    runs-on: macos-15
+    needs:
+    - package
+    steps:
+    - name: Setup Node.js
+      uses: actions/setup-node@v4
+      with:
+        node-version: '20'
+        registry-url: https://registry.npmjs.org
+    - name: Download Assembled Folder
+      uses: actions/download-artifact@v4
+      with:
+        name: Assembled
+        path: Embedding/ReactNative/Package/Assembled
+    - name: Diagnose NPM Registry Connectivity
+      env:
+        NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+      run: |
+        echo "--- Node & NPM versions ---"
+        node --version
+        npm --version
+        echo "--- NPM config registry ---"
+        npm config get registry
+        echo "--- NPM ping ---"
+        npm ping
+        echo "--- NPM whoami ---"
+        npm whoami
+    - name: Version & Publish Package
+      run: |
+        npm version --no-git-tag-version "$RELEASE_VERSION"
+        npm publish --access public --tag "$NPM_TAG"
+      working-directory: Embedding/ReactNative/Package/Assembled
+      env:
+        NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+        RELEASE_VERSION: ${{ inputs.release_version }}
+        NPM_TAG: ${{ inputs.NPM_tag }}
+permissions:
+  contents: read

.github/workflows/reactnative-publish.yml

@@ -0,0 +1,54 @@
+name: React Native Publish Package
+on:
+  release:
+    types:
+    - published
+jobs:
+  build-typescript:
+    uses: ./.github/workflows/reactnative-typescript.yml
+    if: ${{ startsWith(github.event.release.tag_name, 'react-native/v') }}
+  package:
+    needs:
+    - build-typescript
+    uses: ./.github/workflows/reactnative-package.yml
+    if: ${{ startsWith(github.event.release.tag_name, 'react-native/v') }}
+  publish:
+    runs-on: macos-15
+    needs:
+    - package
+    steps:
+    - name: Setup Node.js
+      uses: actions/setup-node@v4
+      with:
+        node-version: '20'
+        registry-url: https://registry.npmjs.org
+    - name: Download Assembled Folder
+      uses: actions/download-artifact@v4
+      with:
+        name: Assembled
+        path: Embedding/ReactNative/Package/Assembled
+    - name: Diagnose NPM Registry Connectivity
+      env:
+        NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+      run: |
+        echo "--- Node & NPM versions ---"
+        node --version
+        npm --version
+        echo "--- NPM config registry ---"
+        npm config get registry
+        echo "--- NPM ping ---"
+        npm ping
+        echo "--- NPM whoami ---"
+        npm whoami
+    - name: Version & Publish Package
+      run: |
+        version="${RELEASE_TAG#react-native/v}"
+        npm version --no-git-tag-version "$version"
+        npm publish --access public
+      working-directory: Embedding/ReactNative/Package/Assembled
+      env:
+        NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+        RELEASE_TAG: ${{ github.event.release.tag_name }}
+    if: ${{ startsWith(github.event.release.tag_name, 'react-native/v') }}
+permissions:
+  contents: read

.github/workflows/reactnative-test-android.yml

@@ -0,0 +1,37 @@
+name: React Native Test Android Package
+on: workflow_call
+jobs:
+  build-test-android:
+    runs-on: macos-15
+    steps:
+    - name: Checkout Repo
+      uses: actions/checkout@v4.2.2
+    - name: Setup Node.js
+      uses: actions/setup-node@v4
+      with:
+        node-version: 22
+    - name: Setup Java
+      uses: actions/setup-java@v4
+      with:
+        distribution: temurin
+        java-version: '17'
+    - name: Download artifact
+      uses: actions/download-artifact@v4
+      with:
+        name: BabylonReactNative
+        path: Embedding/ReactNative/artifact
+    - name: Install build package
+      run: |
+        package=$(find ../../artifact -maxdepth 1 -name 'babylonjs-react-native-*.tgz' -print -quit)
+        test -n "$package"
+        npm install "$package"
+        npm install
+      working-directory: Embedding/ReactNative/Apps/Playground
+    - name: Gulp (Android)
+      run: |
+        npm install
+        npx gulp buildAndroid
+      working-directory: Embedding/ReactNative/Package
+    timeout-minutes: 90
+permissions:
+  contents: read

.github/workflows/reactnative-test-ios.yml

@@ -0,0 +1,38 @@
+name: React Native Test iOS Package
+on: workflow_call
+jobs:
+  build-test-iOS:
+    runs-on: macos-15
+    steps:
+    - name: Checkout Repo
+      uses: actions/checkout@v4.2.2
+    - name: Setup Node.js
+      uses: actions/setup-node@v4
+      with:
+        node-version: 22
+    - name: Download artifact
+      uses: actions/download-artifact@v4
+      with:
+        name: BabylonReactNative
+        path: Embedding/ReactNative/artifact
+    - name: Install build package
+      run: |
+        package=$(find ../../artifact -maxdepth 1 -name 'babylonjs-react-native-*.tgz' -print -quit)
+        test -n "$package"
+        npm install "$package"
+        npm install
+      working-directory: Embedding/ReactNative/Apps/Playground
+    - name: Clean and Install Pods
+      run: |
+        cd ios
+        rm -rf Pods Podfile.lock
+        pod install
+      working-directory: Embedding/ReactNative/Apps/Playground
+    - name: Gulp (iOS)
+      run: |
+        npm install
+        npx gulp buildIOS
+      working-directory: Embedding/ReactNative/Package
+    timeout-minutes: 90
+permissions:
+  contents: read