Update to expo 53 (#115)

* Update to expo 53

* Update actions

* Use corepack

* Update deps and fix tests

Author: alexbrazier

.github/workflows/actions.yml

@@ -10,20 +10,25 @@ jobs:
   lint:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v2
-      - uses: actions/setup-node@v2
+      - uses: actions/checkout@v4
+      - name: Enable Corepack
+        run: corepack enable
+      - uses: actions/setup-node@v4
         with:
           node-version: '20'
-      - run: yarn bootstrap --frozen-lockfile
+      - run: yarn install --frozen-lockfile
+      - run: yarn prepare
       - run: yarn lint
       - run: yarn typescript
       - run: yarn prettier
   unit-test:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v2
-      - uses: actions/setup-node@v2
+      - uses: actions/checkout@v4
+      - name: Enable Corepack
+        run: corepack enable
+      - uses: actions/setup-node@v4
         with:
           node-version: '20'
-      - run: yarn bootstrap --frozen-lockfile
+      - run: yarn install --frozen-lockfile
       - run: yarn test --coverage

.gitignore

@@ -59,3 +59,11 @@ android/keystores/debug.keystore
 
 # generated by bob
 lib/
+
+# Yarn
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions

.yarnrc.yml

@@ -0,0 +1,3 @@
+nodeLinker: node-modules
+nmHoistingLimits: workspaces
+enableTelemetry: false

babel.config.js

@@ -1,4 +1,12 @@
 module.exports = {
-  presets: ['module:metro-react-native-babel-preset'],
-  plugins: [['@babel/plugin-proposal-private-methods', { loose: true }]],
+  overrides: [
+    {
+      exclude: /\/node_modules\//,
+      presets: ['module:react-native-builder-bob/babel-preset'],
+    },
+    {
+      include: /\/node_modules\//,
+      presets: ['module:@react-native/babel-preset'],
+    },
+  ],
 };

eslint.config.mjs

@@ -0,0 +1,38 @@
+import { fixupConfigRules } from '@eslint/compat';
+import { FlatCompat } from '@eslint/eslintrc';
+import js from '@eslint/js';
+import prettier from 'eslint-plugin-prettier';
+import { defineConfig } from 'eslint/config';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const compat = new FlatCompat({
+  baseDirectory: __dirname,
+  recommendedConfig: js.configs.recommended,
+  allConfig: js.configs.all,
+});
+
+export default defineConfig([
+  {
+    extends: fixupConfigRules(compat.extends('@react-native', 'prettier')),
+    plugins: { prettier },
+    rules: {
+      'react/react-in-jsx-scope': 'off',
+      'prettier/prettier': [
+        'error',
+        {
+          quoteProps: 'consistent',
+          singleQuote: true,
+          tabWidth: 2,
+          trailingComma: 'es5',
+          useTabs: false,
+        },
+      ],
+    },
+  },
+  {
+    ignores: ['node_modules/', 'lib/', 'coverage/'],
+  },
+]);

example/babel.config.js

@@ -1,21 +1,16 @@
 const path = require('path');
-const pak = require('../package.json');
+const { getConfig } = require('react-native-builder-bob/babel-config');
+const pkg = require('../package.json');
+
+const root = path.resolve(__dirname, '..');
 
 module.exports = function (api) {
   api.cache(true);
 
-  return {
-    presets: ['babel-preset-expo'],
-    plugins: [
-      [
-        'module-resolver',
-        {
-          alias: {
-            // For development, we want to alias the library to the source
-            [pak.name]: path.join(__dirname, '..', pak.source),
-          },
-        },
-      ],
-    ],
-  };
+  return getConfig(
+    {
+      presets: ['babel-preset-expo'],
+    },
+    { root, pkg }
+  );
 };

example/metro.config.js

@@ -1,52 +1,16 @@
-/**
- * Metro configuration for React Native
- * https://github.com/facebook/react-native
- *
- * @format
- */
 const path = require('path');
-const exclusionList = require('metro-config/src/defaults/exclusionList');
-const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config');
-const escape = require('escape-string-regexp');
-const pak = require('../package.json');
-const root = path.resolve(__dirname, '..');
+const { getDefaultConfig } = require('@expo/metro-config');
+const { getConfig } = require('react-native-builder-bob/metro-config');
 
-const defaultConfig = getDefaultConfig(__dirname);
-const {
-  resolver: { sourceExts, assetExts },
-} = getDefaultConfig(__dirname);
+const root = path.resolve(__dirname, '..');
 
-const modules = Object.keys({
-  ...pak.peerDependencies,
+/**
+ * Metro configuration
+ * https://facebook.github.io/metro/docs/configuration
+ *
+ * @type {import('metro-config').MetroConfig}
+ */
+module.exports = getConfig(getDefaultConfig(__dirname), {
+  root,
+  project: __dirname,
 });
-
-const config = {
-  projectRoot: __dirname,
-  watchFolders: [root],
-  // We need to make sure that only one version is loaded for peerDependencies
-  // So we exclude them at the root, and alias them to the versions in example's node_modules
-  resolver: {
-    blacklistRE: exclusionList(
-      modules.map(
-        (m) =>
-          new RegExp(`^${escape(path.join(root, 'node_modules', m))}\\/.*$`)
-      )
-    ),
-    extraNodeModules: modules.reduce((acc, name) => {
-      acc[name] = path.join(__dirname, 'node_modules', name);
-      return acc;
-    }, {}),
-    assetExts,
-    sourceExts: [...sourceExts, 'cjs'],
-  },
-  transformer: {
-    getTransformOptions: async () => ({
-      transform: {
-        experimentalImportSupport: false,
-        inlineRequires: true,
-      },
-    }),
-  },
-};
-
-module.exports = mergeConfig(defaultConfig, config);

example/package.json

@@ -12,18 +12,17 @@
     "test": "jest"
   },
   "dependencies": {
-    "@apollo/client": "^3.8.8",
-    "expo": "~51.0.38",
-    "graphql": "^16.6.0",
-    "react": "~18.2.0",
-    "react-native": "0.74.5"
+    "@apollo/client": "^3.13.8",
+    "expo": "~53.0.9",
+    "graphql": "^16.11.0",
+    "react": "~19.0.0",
+    "react-native": "0.79.2"
   },
   "devDependencies": {
-    "@babel/core": "^7.25.8",
-    "@babel/runtime": "^7.25.7",
-    "@react-native/metro-config": "^0.75.4",
-    "babel-plugin-module-resolver": "^5.0.2",
-    "babel-preset-expo": "^11.0.15"
+    "@babel/core": "^7.27.1",
+    "@babel/runtime": "^7.27.1",
+    "@react-native/metro-config": "^0.79.2",
+    "react-native-builder-bob": "^0.40.10"
   },
   "resolutions": {
     "semver": "^7.5.4"