chore: split example apps

Author: tido64

.github/workflows/build.yml

@@ -358,7 +358,7 @@ jobs:
         uses: ./.github/actions/setup-toolchain
         with:
           platform: macos
-          project-root: packages/app/example
+          project-root: packages/example-macos
           cache-key-prefix: example
           xcode-developer-dir: /Applications/Xcode_16.4.app/Contents/Developer
       - name: Set up react-native@canary
@@ -373,7 +373,7 @@ jobs:
       - name: Bundle JavaScript
         run: |
           yarn build:macos
-        working-directory: packages/app/example
+        working-directory: packages/example-macos
       - name: Determine whether the macOS app needs to be built
         id: affected
         uses: ./.github/actions/affected
@@ -382,22 +382,22 @@ jobs:
         uses: ./.github/actions/cocoapods
         with:
           project-directory: macos
-          working-directory: packages/app/example
+          working-directory: packages/example-macos
       - name: Build
         if: ${{ steps.affected.outputs.macos != '' }}
         run: |
-          ../../../scripts/xcodebuild.sh macos/Example.xcworkspace build-for-testing
-        working-directory: packages/app/example
+          ../../scripts/xcodebuild.sh macos/Example.xcworkspace build-for-testing
+        working-directory: packages/example-macos
       - name: Test `react-native config`
         if: ${{ steps.affected.outputs.macos != '' }}
         run: |
           node --test test/config.test.mjs
-        working-directory: packages/app/example
+        working-directory: packages/example-macos
       - name: Test
         if: ${{ steps.affected.outputs.macos != '' && github.event_name != 'schedule' }}
         run: |
-          ../../../scripts/xcodebuild.sh macos/Example.xcworkspace test-without-building
-        working-directory: packages/app/example
+          ../../scripts/xcodebuild.sh macos/Example.xcworkspace test-without-building
+        working-directory: packages/example-macos
     timeout-minutes: 60
   macos-template:
     name: "macOS [template]"
@@ -571,14 +571,15 @@ jobs:
       - name: Bundle JavaScript
         run: |
           yarn build:windows
+        working-directory: packages/example-windows
       - name: Generate Visual Studio solution
         run: |
-          node ../windows/app.mjs --msbuildprops WindowsTargetPlatformVersion=$env:WindowsTargetPlatformVersion
-        working-directory: packages/app/example
+          node ../app/windows/app.mjs --msbuildprops WindowsTargetPlatformVersion=$env:WindowsTargetPlatformVersion
+        working-directory: packages/example-windows
       - name: Test `react-native config`
         run: |
           node --test test/config.test.mjs
-        working-directory: packages/app/example
+        working-directory: packages/example-windows
       - name: Determine whether the Windows app needs to be built
         id: affected
         uses: ./.github/actions/affected
@@ -591,7 +592,7 @@ jobs:
           } else {
             yarn ci:windows --arch ${{ matrix.platform }}
           }
-        working-directory: packages/app/example
+        working-directory: packages/example-windows
         continue-on-error: true
       # GitHub Actions currently does not support outputs from jobs with matrices
       # The workaround is to upload artifacts to communicate between jobs
@@ -617,15 +618,15 @@ jobs:
         uses: actions/upload-artifact@v7
         with:
           name: windows-msbuild.binlog
-          path: packages/app/example/windows/*.binlog
+          path: packages/example-windows/windows/*.binlog
           retention-days: 14
           overwrite: true
       - name: Test
         if: ${{ steps.affected.outputs.windows != '' && matrix.platform == 'x64' && steps.build.outcome == 'success' }}
         run: |
-          ../../../scripts/build/MSBuild.ps1 -Configuration ${{ matrix.configuration }} -Platform ${{ matrix.platform }} -Target Build ReactAppTests.vcxproj
-          ../../../scripts/build/VSTest.ps1 ${{ matrix.platform }}\${{ matrix.configuration }}\ReactAppTests.dll
-        working-directory: packages/app/example/windows/ReactAppTests
+          ../../../app/scripts/build/MSBuild.ps1 -Configuration ${{ matrix.configuration }} -Platform ${{ matrix.platform }} -Target Build ReactAppTests.vcxproj
+          ../../../app/scripts/build/VSTest.ps1 ${{ matrix.platform }}\${{ matrix.configuration }}\ReactAppTests.dll
+        working-directory: packages/example-windows/windows/ReactAppTests
     timeout-minutes: 60
   windows-template:
     name: "Windows [template]"

.yarnrc.yml

@@ -1,3 +1,14 @@
+catalog:
+  "@babel/core": ^7.25.2
+  "@babel/preset-env": ^7.25.3
+  "@rnx-kit/cli": ^1.0.0
+  "@rnx-kit/metro-config": ^2.2.3
+  "@rnx-kit/polyfills": ^0.2.0
+  "@rnx-kit/tsconfig": ^3.0.1
+  "@wdio/types": ^9.20.0
+  appium: ^3.1.1
+  appium-uiautomator2-driver: ^7.0.0
+  appium-xcuitest-driver: ^10.0.0
 compressionLevel: 0
 enableGlobalCache: false
 enableScripts: false

package.json

@@ -15,7 +15,8 @@
   "workspaces": [
     ".",
     "packages/app",
-    "packages/app/example"
+    "packages/app/example",
+    "packages/example-*"
   ],
   "scripts": {
     "format": "nx run-many --target format:c,format:js,format:swift",

packages/example-macos/.gitignore

@@ -0,0 +1,18 @@
+*.binlog
+*.hprof
+*.xcworkspace/
+*.zip
+.DS_Store
+.bundle/*
+!.bundle/config
+.gradle/
+.idea/
+.vs/
+.xcode.env
+Pods/
+build/
+dist/*
+!dist/.gitignore
+local.properties
+msbuild.binlog
+node_modules/

packages/example-macos/.watchmanconfig

@@ -0,0 +1 @@
+{}

packages/example-macos/android/build.gradle

@@ -0,0 +1,23 @@
+buildscript {
+    apply(from: {
+        def searchDir = rootDir.toPath()
+        do {
+            def p = searchDir.resolve("node_modules/react-native-test-app/android/dependencies.gradle")
+            if (p.toFile().exists()) {
+                return p.toRealPath().toString()
+            }
+        } while (searchDir = searchDir.getParent())
+        throw new GradleException("Could not find `react-native-test-app`");
+    }())
+
+    repositories {
+        mavenCentral()
+        google()
+    }
+
+    dependencies {
+        getReactNativeDependencies().each { dependency ->
+            classpath(dependency)
+        }
+    }
+}

packages/example-macos/android/gradle.properties

@@ -0,0 +1,53 @@
+# Project-wide Gradle settings.
+
+# IDE (e.g. Android Studio) users:
+# Gradle settings configured through the IDE *will override*
+# any settings specified in this file.
+
+# For more details on how to configure your build environment visit
+# http://www.gradle.org/docs/current/userguide/build_environment.html
+
+# Specifies the JVM arguments used for the Gradle Daemon. The setting is
+# particularly useful for configuring JVM memory settings for build performance.
+# This does not affect the JVM settings for the Gradle client VM.
+# The default is `-Xmx512m -XX:MaxMetaspaceSize=256m`.
+org.gradle.jvmargs=-Xmx2g -XX:MaxMetaspaceSize=512m -XX:+HeapDumpOnOutOfMemoryError -Dfile.encoding=UTF-8
+
+# When configured, Gradle will fork up to org.gradle.workers.max JVMs to execute
+# projects in parallel. To learn more about parallel task execution, see the
+# section on Gradle build performance:
+# https://docs.gradle.org/current/userguide/performance.html#parallel_execution.
+# Default is `false`.
+#org.gradle.parallel=true
+
+# AndroidX package structure to make it clearer which packages are bundled with the
+# Android operating system, and which are packaged with your app's APK
+# https://developer.android.com/topic/libraries/support-library/androidx-rn
+android.useAndroidX=true
+# Automatically convert third-party libraries to use AndroidX
+#android.enableJetifier=true
+# Jetifier randomly fails on these libraries
+#android.jetifier.ignorelist=hermes-android,react-android
+
+# Use this property to specify which architecture you want to build.
+# You can also override it from the CLI using
+# ./gradlew <task> -PreactNativeArchitectures=x86_64
+reactNativeArchitectures=armeabi-v7a,arm64-v8a,x86,x86_64
+
+# Use this property to enable support to the new architecture.
+# This will allow you to use TurboModules and the Fabric render in
+# your application. You should enable this flag either if you want
+# to write custom TurboModules/Fabric components OR use libraries that
+# are providing them.
+# Note that this is incompatible with web debugging.
+#newArchEnabled=true
+#bridgelessEnabled=true
+
+# Uncomment the line below to build React Native from source.
+#react.buildFromSource=true
+
+# Version of Android NDK to build against.
+#ANDROID_NDK_VERSION=26.1.10909125
+
+# Version of Kotlin to build against.
+#KOTLIN_VERSION=1.8.22

packages/example-macos/android/gradle/wrapper/gradle-wrapper.jar

@@ -0,0 +1,7 @@
+distributionBase=GRADLE_USER_HOME
+distributionPath=wrapper/dists
+distributionUrl=https\://services.gradle.org/distributions/gradle-8.14.4-bin.zip
+networkTimeout=10000
+validateDistributionUrl=true
+zipStoreBase=GRADLE_USER_HOME
+zipStorePath=wrapper/dists