fix(deps): Support Expo 51

Author: Koalk

.eslintrc.js

@@ -1,5 +1,5 @@
 module.exports = {
   root: true,
-  extends: ['universe/native', 'universe/web'],
-  ignorePatterns: ['build'],
+  extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended'],
+  ignorePatterns: ['build/**'],
 };

.github/workflows/build_and_release.yml

@@ -19,11 +19,15 @@ jobs:
         with:
           node-version: 20
 
-      - name: Install dependencies
-        run: npm install
+      - name: Setup PNPM
+        uses: pnpm/action-setup@v4
+        with:
+          version: 9
+          run_install: true
 
       - name: Build
-        run: npm run build
+        working-directory: ./react-native-mcu-manager
+        run: pnpm build
 
   android-example:
       name: Android example app
@@ -43,12 +47,15 @@ jobs:
         with:
           node-version: 20
 
+      - name: Setup PNPM
+        uses: pnpm/action-setup@v4
+        with:
+          version: 9
+          run_install: true
+
       - name: Making sure the android example app builds
         run: |
-          npm install
-
           cd example
-          npm install
           npx expo prebuild --platform android
 
           cd android
@@ -67,12 +74,15 @@ jobs:
         with:
           node-version: 20
 
+      - name: Setup PNPM
+        uses: pnpm/action-setup@v4
+        with:
+          version: 9
+          run_install: true
+
       - name: Making sure the ios example app builds
         run: |
-          npm install
-
           cd example
-          npm install
           npx expo prebuild --platform ios
 
           cd ios
@@ -89,13 +99,17 @@ jobs:
     - name: Setup Node.js
       uses: actions/setup-node@v4
       with:
-          node-version: 20
+        node-version: 20
 
-    - name: Install dependencies
-      run: npm install
+    - name: Setup PNPM
+      uses: pnpm/action-setup@v4
+      with:
+        version: 9
+        run_install: true
 
     - name: Release
       env:
         GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
         NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+      working-directory: react-native-mcu-manager
       run: npx semantic-release

.github/workflows/lint.yml

@@ -15,14 +15,21 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: 18
+          node-version: 20
 
-      - name: Install package dependencies
-        run: npm install
-
-      - name: Install example app dependencies
-        working-directory: ./example
-        run: npm install
+      - name: Setup PNPM
+        uses: pnpm/action-setup@v4
+        with:
+          version: 9
+          run_install: true
 
       - name: Lint
-        run: npm run lint
+        run: pnpm lint
+
+      - name: Typecheck MCU Manager
+        run: pnpm typecheck
+        working-directory: ./react-native-mcu-manager
+
+      - name: Typecheck Example
+        run: pnpm typecheck
+        working-directory: ./example

.npmrc

@@ -0,0 +1 @@
+node-linker=hoisted

.prettierignore

@@ -0,0 +1 @@
+build

README.md

@@ -16,15 +16,15 @@ how you get on.
 
 For bare React Native projects, you must ensure that you have [installed and configured the `expo` package](https://docs.expo.dev/bare/installing-expo-modules/) before continuing.
 
-### Add the package to your npm dependencies
+### Add the package to your pnpm dependencies
 
 ```
-npm install @playerdata/react-native-mcu-manager
+pnpm install @playerdata/react-native-mcu-manager
 ```
 
 ### Configure for iOS
 
-Run `npx pod-install` after installing the npm package.
+Run `npx pod-install` after installing the pnpm package.
 
 
 ### Configure for Android
@@ -82,18 +82,18 @@ For Kotlin, you'll find the source files at `reactnativemcumanager` under `Andro
 Make sure your code passes TypeScript and ESLint. Run the following to verify:
 
 ```sh
-npm run typecheck
-npm run lint
+pnpm run typecheck
+pnpm run lint
 ```
 
 To fix formatting errors, run the following:
 
 ```sh
-npm run lint --fix
+pnpm run typecheck run lint --fix
 ```
 
 Remember to add unit tests for your change if possible. Run the unit tests by:
 
 ```sh
-npm run test
+pnpm run typecheck run test
 ```

android/build.gradle

@@ -1,19 +1,8 @@
-const path = require('path');
+// eslint-disable-next-line no-undef
 module.exports = function (api) {
   api.cache(true);
+
   return {
     presets: ['babel-preset-expo'],
-    plugins: [
-      [
-        'module-resolver',
-        {
-          extensions: ['.tsx', '.ts', '.js', '.json'],
-          alias: {
-            // For development, we want to alias the library to the source
-            '@playerdata/react-native-mcu-manager': path.join(__dirname, '..', 'src', 'index.ts'),
-          },
-        },
-      ],
-    ],
   };
 };

example/babel.config.js

@@ -0,0 +1,8 @@
+import { registerRootComponent } from 'expo';
+
+import App from './src/App';
+
+// registerRootComponent calls AppRegistry.registerComponent('main', () => App);
+// It also ensures that whether you load the app in Expo Go or in a native build,
+// the environment is set up appropriately
+registerRootComponent(App);

example/index.ts

@@ -1,29 +1,18 @@
-// Learn more https://docs.expo.io/guides/customizing-metro
+/* eslint-disable @typescript-eslint/no-var-requires */
+/* eslint-disable no-undef */
+
 const { getDefaultConfig } = require('expo/metro-config');
 const path = require('path');
 
-const config = getDefaultConfig(__dirname);
+const projectRoot = __dirname;
+const monorepoRoot = path.resolve(projectRoot, '..');
 
-// npm v7+ will install ../node_modules/react-native because of peerDependencies.
-// To prevent the incompatible react-native bewtween ./node_modules/react-native and ../node_modules/react-native,
-// excludes the one from the parent folder when bundling.
-config.resolver.blockList = [
-  ...Array.from(config.resolver.blockList ?? []),
-  new RegExp(path.resolve('..', 'node_modules', 'react-native')),
-];
+const config = getDefaultConfig(projectRoot);
 
+config.watchFolders = [monorepoRoot];
 config.resolver.nodeModulesPaths = [
-  path.resolve(__dirname, './node_modules'),
-  path.resolve(__dirname, '../node_modules'),
+  path.resolve(projectRoot, 'node_modules'),
+  path.resolve(monorepoRoot, 'node_modules'),
 ];
 
-config.watchFolders = [path.resolve(__dirname, '..')];
-
-config.transformer.getTransformOptions = async () => ({
-  transform: {
-    experimentalImportSupport: false,
-    inlineRequires: true,
-  },
-});
-
-module.exports = config;
+module.exports = config;