[Monorepo] Add ExpoExample

README-Fabric.md

@@ -0,0 +1,9 @@
+# React Native Gesture Handler – Fabric version
+
+To use this library with your Fabric application, you have to:
+
+1. Add `react-native-gesture-handler@^2.3.0`
+2. on iOS
+   - Install pods using `RCT_NEW_ARCH_ENABLED=1 pod install` – this is the same command you run to prepare a Fabric build but you also need to run it after a new native library gets added.
+3. on Android
+   - There are no additional steps required so long as your app is configured to build with Fabric – this is typically configured by setting `newArchEnabled=true` in `gradle.properties` file in your project.

apps/BasicExample/.eslintrc.js

@@ -0,0 +1,3 @@
+module.exports = {
+  extends: '../../.eslintrc.json',
+};

apps/FabricExample/.gitignore → apps/BasicExample/.gitignore

@@ -68,7 +68,6 @@ yarn-error.log
 
 # Yarn
 .yarn/*
-!.yarn/cache
 !.yarn/patches
 !.yarn/plugins
 !.yarn/releases

apps/FabricExample/Gemfile → apps/BasicExample/Gemfile

@@ -5,12 +5,12 @@ ruby ">= 2.6.10"
 
 # Exclude problematic versions of cocoapods and activesupport that causes build failures.
 gem 'cocoapods', '>= 1.13', '!= 1.15.0', '!= 1.15.1'
-gem 'activesupport', '>= 6.1.7.5', '< 7.1.0'
+gem 'activesupport', '>= 6.1.7.5', '!= 7.1.0'
 gem 'xcodeproj', '< 1.26.0'
 gem 'concurrent-ruby', '< 1.3.4'
 
 # Ruby 3.4.0 has removed some libraries from the standard library.
 gem 'bigdecimal'
 gem 'logger'
 gem 'benchmark'
-gem 'mutex_m'
+gem 'mutex_m'

apps/FabricExample/Gemfile.lock → apps/BasicExample/Gemfile.lock

@@ -5,11 +5,18 @@ GEM
       base64
       nkf
       rexml
-    activesupport (7.0.8.6)
-      concurrent-ruby (~> 1.0, >= 1.0.2)
+    activesupport (7.2.2.1)
+      base64
+      benchmark (>= 0.3)
+      bigdecimal
+      concurrent-ruby (~> 1.0, >= 1.3.1)
+      connection_pool (>= 2.2.5)
+      drb
       i18n (>= 1.6, < 2)
+      logger (>= 1.4.2)
       minitest (>= 5.1)
-      tzinfo (~> 2.0)
+      securerandom (>= 0.3)
+      tzinfo (~> 2.0, >= 2.0.5)
     addressable (2.8.7)
       public_suffix (>= 2.0.2, < 7.0)
     algoliasearch (1.27.5)
@@ -59,28 +66,32 @@ GEM
     cocoapods-try (1.2.0)
     colored2 (3.1.2)
     concurrent-ruby (1.3.3)
+    connection_pool (2.5.1)
+    drb (2.2.1)
     escape (0.0.4)
     ethon (0.16.0)
       ffi (>= 1.15.0)
-    ffi (1.17.0-arm64-darwin)
+    ffi (1.17.2)
     fourflusher (2.3.1)
     fuzzy_match (2.0.4)
     gh_inspector (1.1.3)
-    httpclient (2.8.3)
-    i18n (1.14.6)
+    httpclient (2.9.0)
+      mutex_m
+    i18n (1.14.7)
       concurrent-ruby (~> 1.0)
-    json (2.8.1)
-    logger (1.6.6)
-    minitest (5.25.1)
+    json (2.10.2)
+    logger (1.7.0)
+    minitest (5.25.5)
     molinillo (0.8.0)
     mutex_m (0.3.0)
     nanaimo (0.3.0)
     nap (1.1.0)
     netrc (0.11.0)
     nkf (0.2.0)
     public_suffix (4.0.7)
-    rexml (3.3.9)
+    rexml (3.4.1)
     ruby-macho (2.5.1)
+    securerandom (0.4.1)
     typhoeus (1.4.1)
       ethon (>= 0.9.0)
     tzinfo (2.0.6)
@@ -94,11 +105,10 @@ GEM
       rexml (>= 3.3.6, < 4.0)
 
 PLATFORMS
-  arm64-darwin-21
-  arm64-darwin-23
+  ruby
 
 DEPENDENCIES
-  activesupport (>= 6.1.7.5, < 7.1.0)
+  activesupport (>= 6.1.7.5, != 7.1.0)
   benchmark
   bigdecimal
   cocoapods (>= 1.13, != 1.15.1, != 1.15.0)
@@ -108,7 +118,7 @@ DEPENDENCIES
   xcodeproj (< 1.26.0)
 
 RUBY VERSION
-   ruby 2.7.5p203
+   ruby 3.3.5p100
 
 BUNDLED WITH
-   2.4.7
+   2.5.23

apps/BasicExample/README.md

@@ -0,0 +1,19 @@
+# Basic Gesture Handler example app
+
+This app shows basic capabilities of Gesture Handler. It doesn't depend on any other package - this makes it easier to confirm that Gesture Handler works correctly.
+
+## Installing & running application
+
+Before running application you need to install all dependencies. To do that:
+
+- In project's root directory run `yarn`
+
+### Android
+
+You can run this application by `yarn run android` or from Android Studio.
+
+### iOS
+
+To run on iOS first go to `BasicExample/ios` and run `pod install`.
+
+Then in `BasicExample` run `yarn run ios` or run application from Xcode.

apps/FabricExample/__tests__/App-test.tsx → apps/BasicExample/__tests__/App.test.tsx

@@ -1,6 +1,10 @@
+/**
+ * @format
+ */
+
 import React from 'react';
 import ReactTestRenderer from 'react-test-renderer';
-import App from '../src/App';
+import App from '../App';
 
 test('renders correctly', async () => {
   await ReactTestRenderer.act(() => {

apps/FabricExample/android/app/build.gradle → apps/BasicExample/android/app/build.gradle

@@ -11,11 +11,11 @@ react {
     //   The root of your project, i.e. where "package.json" lives. Default is '../..'
     // root = file("../../")
     //   The folder where the react-native NPM package is. Default is ../../node_modules/react-native
-    // reactNativeDir = file("../../node_modules/react-native")
+    reactNativeDir = file("../../../../node_modules/react-native")
     //   The folder where the react-native Codegen package is. Default is ../../node_modules/@react-native/codegen
-    // codegenDir = file("../../node_modules/@react-native/codegen")
+    codegenDir = file("../../../../node_modules/@react-native/codegen")
     //   The cli.js file which is the React Native CLI entrypoint. Default is ../../node_modules/react-native/cli.js
-    // cliFile = file("../../node_modules/react-native/cli.js")
+    cliFile = file("../../../../node_modules/react-native/cli.js")
 
     /* Variants */
     //   The list of variants to that are debuggable. For those we're going to
@@ -45,7 +45,7 @@ react {
 
     /* Hermes Commands */
     //   The hermes compiler command to run. By default it is 'hermesc'
-    // hermesCommand = "$rootDir/my-custom-hermesc/bin/hermesc"
+    hermesCommand = "../../../../node_modules/react-native/sdks/hermesc/osx-bin/hermesc"
     //
     //   The list of flags to pass to the Hermes compiler. By default is "-O", "-output-source-map"
     // hermesFlags = ["-O", "-output-source-map"]
@@ -63,7 +63,7 @@ def enableProguardInReleaseBuilds = false
  * The preferred build flavor of JavaScriptCore (JSC)
  *
  * For example, to use the international variant, you can use:
- * `def jscFlavor = 'io.github.react-native-community:jsc-android-intl:2026004.+'`
+ * `def jscFlavor = io.github.react-native-community:jsc-android-intl:2026004.+`
  *
  * The international variant includes ICU i18n library and necessary data
  * allowing to use e.g. `Date.toLocaleString` and `String.localeCompare` that
@@ -77,9 +77,9 @@ android {
     buildToolsVersion rootProject.ext.buildToolsVersion
     compileSdk rootProject.ext.compileSdkVersion
 
-    namespace "com.fabricexample"
+    namespace "com.basicexample"
     defaultConfig {
-        applicationId "com.fabricexample"
+        applicationId "com.basicexample"
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
         versionCode 1

apps/FabricExample/android/app/src/main/java/com/fabricexample/MainActivity.kt → apps/BasicExample/android/app/src/main/java/com/basicexample/MainActivity.kt

@@ -1,4 +1,4 @@
-package com.fabricexample
+package com.basicexample
 
 import com.facebook.react.ReactActivity
 import com.facebook.react.ReactActivityDelegate
@@ -11,7 +11,7 @@ class MainActivity : ReactActivity() {
    * Returns the name of the main component registered from JavaScript. This is used to schedule
    * rendering of the component.
    */
-  override fun getMainComponentName(): String = "FabricExample"
+  override fun getMainComponentName(): String = "BasicExample"
 
   /**
    * Returns the instance of the [ReactActivityDelegate]. We use [DefaultReactActivityDelegate]

apps/FabricExample/android/app/src/main/java/com/fabricexample/MainApplication.kt → apps/BasicExample/android/app/src/main/java/com/basicexample/MainApplication.kt

@@ -1,4 +1,4 @@
-package com.fabricexample
+package com.basicexample
 
 import android.app.Application
 import com.facebook.react.PackageList

apps/FabricExample/android/app/src/main/res/drawable/rn_edit_text_material.xml → apps/BasicExample/android/app/src/main/res/drawable/rn_edit_text_material.xml

@@ -21,7 +21,7 @@
        >
 
     <selector>
-        <!-- 
+        <!--
           This file is a copy of abc_edit_text_material (https://bit.ly/3k8fX7I).
           The item below with state_pressed="false" and state_focused="false" causes a NullPointerException.
           NullPointerException:tempt to invoke virtual method 'android.graphics.drawable.Drawable android.graphics.drawable.Drawable$ConstantState.newDrawable(android.content.res.Resources)'

apps/BasicExample/android/app/src/main/res/values/strings.xml

@@ -0,0 +1,3 @@
+<resources>
+    <string name="app_name">BasicExample</string>
+</resources>

apps/FabricExample/android/build.gradle → apps/BasicExample/android/build.gradle

@@ -6,7 +6,6 @@ buildscript {
         targetSdkVersion = 35
         ndkVersion = "27.1.12297006"
         kotlinVersion = "2.0.21"
-        isGHExampleApp = true
     }
     repositories {
         google()
@@ -17,6 +16,14 @@ buildscript {
         classpath("com.facebook.react:react-native-gradle-plugin")
         classpath("org.jetbrains.kotlin:kotlin-gradle-plugin")
     }
+    allprojects {
+        project.pluginManager.withPlugin("com.facebook.react") {
+            react {
+                reactNativeDir = rootProject.file("../../../node_modules/react-native/")
+                codegenDir = rootProject.file("../../../node_modules/react-native-codegen/")
+            }
+        }
+    }
 }
 
 apply plugin: "com.facebook.react.rootproject"

apps/FabricExample/android/gradle.properties → apps/BasicExample/android/gradle.properties

@@ -10,7 +10,7 @@
 # Specifies the JVM arguments used for the daemon process.
 # The setting is particularly useful for tweaking memory settings.
 # Default value: -Xmx512m -XX:MaxMetaspaceSize=256m
-org.gradle.jvmargs=-Xmx4096m -XX:MaxMetaspaceSize=512m
+org.gradle.jvmargs=-Xmx512m -XX:MaxMetaspaceSize=512m
 
 # When configured, Gradle will run in incubating parallel mode.
 # This option should only be used with decoupled projects. More details, visit

apps/FabricExample/android/gradle/wrapper/gradle-wrapper.properties → apps/BasicExample/android/gradle/wrapper/gradle-wrapper.properties

@@ -1,4 +1,3 @@
-#Thu Jan 23 11:05:26 CET 2025
 distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
 distributionUrl=https\://services.gradle.org/distributions/gradle-8.13-bin.zip

apps/BasicExample/android/settings.gradle

@@ -0,0 +1,6 @@
+pluginManagement { includeBuild("../../../node_modules/@react-native/gradle-plugin") }
+plugins { id("com.facebook.react.settings") }
+extensions.configure(com.facebook.react.ReactSettingsExtension){ ex -> ex.autolinkLibrariesFromCommand() }
+rootProject.name = 'BasicExample'
+include ':app'
+includeBuild('../../../node_modules/@react-native/gradle-plugin')

apps/BasicExample/app.json

@@ -0,0 +1,4 @@
+{
+  "name": "BasicExample",
+  "displayName": "BasicExample"
+}

apps/MacOSExample/index.js → apps/BasicExample/index.js

@@ -3,7 +3,7 @@
  */
 
 import { AppRegistry } from 'react-native';
-import App from '../example/App';
+import App from './src/App';
 import { name as appName } from './app.json';
 
 AppRegistry.registerComponent(appName, () => App);