build: change structure to reanimated like monorepo

.cspell-wordlist.txt

@@ -0,0 +1,20 @@
+swmansion
+executorch
+execu
+torch
+huggingface
+bbox
+bboxes
+deeplab
+unsqueeze
+qlora
+spinquant
+efficientnet
+ssdlite
+udnie
+crnn
+mobilenet
+microcontrollers
+notimestamps
+seqs
+wordlist

.eslintrc.js

@@ -0,0 +1,33 @@
+const path = require('path');
+
+module.exports = {
+  parserOptions: {
+    requireConfigFile: false,
+    babelOptions: {
+      presets: ['@babel/preset-react'],
+    },
+  },
+  root: true,
+  extends: ['@react-native', 'prettier', 'plugin:@cspell/recommended'],
+  rules: {
+    'react/react-in-jsx-scope': 'off',
+    'prettier/prettier': [
+      'error',
+      {
+        quoteProps: 'consistent',
+        singleQuote: true,
+        tabWidth: 2,
+        trailingComma: 'es5',
+        useTabs: false,
+      },
+    ],
+    '@cspell/spellchecker': [
+      'warn',
+      {
+        customWordListFile: path.resolve(__dirname, '.cspell-wordlist.txt'),
+      },
+    ],
+  },
+  plugins: ['prettier'],
+  ignorePatterns: ['node_modules/', 'lib/'],
+};

.github/workflows/build-android-llama-example.yml

@@ -5,23 +5,23 @@ on:
       - .github/workflows/build-android-llama-example.yml
       - android/**
       - third-party/android/**
-      - examples/llama/package.json
-      - examples/llama/android/**
+      - apps/llama/package.json
+      - apps/llama/android/**
   push:
     branches:
       - main
     paths:
       - .github/workflows/build-android-llama-example.yml
       - android/**
       - third-party/android/**
-      - examples/llama/package.json
-      - examples/llama/android/**
+      - apps/llama/package.json
+      - apps/llama/android/**
 jobs:
   build:
     if: github.repository == 'software-mansion/react-native-executorch'
     runs-on: ubuntu-latest
     env:
-      WORKING_DIRECTORY: examples/llama
+      WORKING_DIRECTORY: apps/llama
     concurrency:
       group: android-${{ github.ref }}
       cancel-in-progress: true

.github/workflows/build-ios-llama-example.yml

@@ -6,14 +6,14 @@ on:
     paths:
       - '.github/workflows/build-ios-llama-example.yml'
       - '*.podspec'
-      - 'examples/llama/ios/**'
-      - 'examples/llama/package.json'
+      - 'apps/llama/ios/**'
+      - 'apps/llama/package.json'
   pull_request:
     paths:
       - '.github/workflows/build-ios-llama-example.yml'
       - '*.podspec'
-      - 'examples/llama/ios/**'
-      - 'examples/llama/package.json'
+      - 'apps/llama/ios/**'
+      - 'apps/llama/package.json'
 jobs:
   build:
     if: github.repository == 'software-mansion/react-native-executorch'
@@ -25,13 +25,13 @@ jobs:
       - name: Check out Git repository
         uses: actions/checkout@v4
       - name: Install node dependencies
-        working-directory: examples/llama
+        working-directory: apps/llama
         run: yarn
       - name: Install pods
-        working-directory: examples/llama/ios
+        working-directory: apps/llama/ios
         run: pod install
       - name: Build app
-        working-directory: examples/llama/ios
+        working-directory: apps/llama/ios
         run: |
           set -o pipefail && xcodebuild \
             -workspace llama.xcworkspace \

.gitmodules

@@ -0,0 +1,6 @@
+[submodule "executorch"]
+    path = third-party/executorch
+    url = https://github.com/software-mansion-labs/executorch
+[submodule "tokenizers-cpp"]
+	path = third-party/tokenizers-cpp
+	url = https://github.com/software-mansion-labs/tokenizers-cpp

.prettierignore

@@ -1 +1,4 @@
-**/*.mdx
+**/*.mdx
+third-party
+.github
+.yarn

.prettierrc

@@ -0,0 +1,7 @@
+{
+  "quoteProps": "consistent",
+  "singleQuote": true,
+  "tabWidth": 2,
+  "trailingComma": "es5",
+  "useTabs": false
+}

.yarnrc.yml

@@ -1,10 +1,7 @@
-nodeLinker: node-modules
-nmHoistingLimits: workspaces
+compressionLevel: mixed
+
+enableGlobalCache: false
 
-plugins:
-  - path: .yarn/plugins/@yarnpkg/plugin-interactive-tools.cjs
-    spec: '@yarnpkg/plugin-interactive-tools'
-  - path: .yarn/plugins/@yarnpkg/plugin-workspace-tools.cjs
-    spec: '@yarnpkg/plugin-workspace-tools'
+nodeLinker: node-modules
 
-yarnPath: .yarn/releases/yarn-3.6.1.cjs
+yarnPath: .yarn/releases/yarn-4.1.1.cjs

README.md

@@ -80,13 +80,13 @@ The minimal supported version is 17.0 for iOS and Android 13.
 
 https://github.com/user-attachments/assets/27ab3406-c7f1-4618-a981-6c86b53547ee
 
-We currently host two example apps demonstrating use cases of our library:
+We currently host three example apps demonstrating use cases of our library:
 
-- examples/speech-to-text - Whisper and Moonshine models ready for transcription tasks
-- examples/computer-vision - computer vision related tasks
-- examples/llama - chat applications showcasing use of LLMs
+- apps/speech-to-text - Whisper and Moonshine models ready for transcription tasks
+- apps/computer-vision - computer vision related tasks
+- apps/llama - chat applications showcasing use of LLMs
 
-If you would like to run it, navigate to it's project directory, for example `examples/llama` from the repository root and install dependencies with:
+If you would like to run it, navigate to it's project directory, for example `apps/llama` from the repository root and install dependencies with:
 
 ```bash
 yarn

examples/computer-vision/App.tsx → apps/computer-vision/App.tsx

@@ -10,13 +10,15 @@ import { ClassificationScreen } from './screens/ClassificationScreen';
 import { ObjectDetectionScreen } from './screens/ObjectDetectionScreen';
 import { OCRScreen } from './screens/OCRScreen';
 import { VerticalOCRScreen } from './screens/VerticalOCRScreen';
+import { ImageSegmentationScreen } from './screens/ImageSegmentationScreen';
 
 enum ModelType {
   STYLE_TRANSFER,
   OBJECT_DETECTION,
   CLASSIFICATION,
   OCR,
   VERTICAL_OCR,
+  IMAGE_SEGMENTATION,
 }
 
 export default function App() {
@@ -56,6 +58,13 @@ export default function App() {
         return (
           <VerticalOCRScreen imageUri={imageUri} setImageUri={setImageUri} />
         );
+      case ModelType.IMAGE_SEGMENTATION:
+        return (
+          <ImageSegmentationScreen
+            imageUri={imageUri}
+            setImageUri={setImageUri}
+          />
+        );
       default:
         return (
           <StyleTransferScreen imageUri={imageUri} setImageUri={setImageUri} />
@@ -76,6 +85,7 @@ export default function App() {
                 'Classification',
                 'OCR',
                 'Vertical OCR',
+                'Image Segmentation',
               ]}
               onValueChange={(_, selectedIndex) => {
                 handleModeChange(selectedIndex);

examples/llama/android/app/src/main/res/values/styles.xml → apps/computer-vision/android/app/src/main/res/values/styles.xml

@@ -3,6 +3,7 @@
     <item name="android:textColor">@android:color/black</item>
     <item name="android:editTextStyle">@style/ResetEditText</item>
     <item name="android:editTextBackground">@drawable/rn_edit_text_material</item>
+    <item name="android:windowOptOutEdgeToEdgeEnforcement" tools:targetApi="35">true</item>
     <item name="colorPrimary">@color/colorPrimary</item>
     <item name="android:statusBarColor">#ffffff</item>
   </style>

examples/speech-to-text/android/build.gradle → apps/computer-vision/android/build.gradle

@@ -6,7 +6,7 @@ buildscript {
         minSdkVersion = Integer.parseInt(findProperty('android.minSdkVersion') ?: '24')
         compileSdkVersion = Integer.parseInt(findProperty('android.compileSdkVersion') ?: '35')
         targetSdkVersion = Integer.parseInt(findProperty('android.targetSdkVersion') ?: '34')
-        kotlinVersion = findProperty('android.kotlinVersion') ?: '1.9.24'
+        kotlinVersion = findProperty('android.kotlinVersion') ?: '1.9.25'
 
         ndkVersion = "26.1.10909125"
     }

examples/speech-to-text/android/gradle.properties → apps/computer-vision/android/gradle.properties

@@ -54,3 +54,6 @@ EX_DEV_CLIENT_NETWORK_INSPECTOR=true
 
 # Use legacy packaging to compress native libraries in the resulting APK.
 expo.useLegacyPackaging=false
+
+# Whether the app is configured to use edge-to-edge via the app config or `react-native-edge-to-edge` plugin
+expo.edgeToEdgeEnabled=false

examples/computer-vision/android/settings.gradle → apps/computer-vision/android/settings.gradle

@@ -1,5 +1,5 @@
 pluginManagement {
-    includeBuild(new File(["node", "--print", "require.resolve('@react-native/gradle-plugin/package.json')"].execute(null, rootDir).text.trim()).getParentFile().toString())
+    includeBuild(new File(["node", "--print", "require.resolve('@react-native/gradle-plugin/package.json', { paths: [require.resolve('react-native/package.json')] })"].execute(null, rootDir).text.trim()).getParentFile().toString())
 }
 plugins { id("com.facebook.react.settings") }
 

examples/computer-vision/app.json → apps/computer-vision/app.json

@@ -28,6 +28,7 @@
     },
     "web": {
       "favicon": "./assets/icons/favicon.png"
-    }
+    },
+    "plugins": ["expo-font"]
   }
 }