Upgraded to React Native 0.76.1

.github/workflows/react-native-ci.yml

@@ -24,6 +24,12 @@ jobs:
             - name: Install dependencies
               run: npm install -g yarn
 
+            - name: Enable Corepack
+              run: corepack enable
+
+            - name: Activate Yarn 3.6.4
+              run: corepack prepare [email protected] --activate
+
             - name: Install dependencies
               run: yarn install
 
@@ -49,6 +55,12 @@ jobs:
             - name: Install dependencies
               run: npm install -g yarn
 
+            - name: Enable Corepack
+              run: corepack enable
+
+            - name: Activate Yarn 3.6.4
+              run: corepack prepare [email protected] --activate
+
             - name: Install dependencies
               run: yarn install
 
@@ -98,6 +110,12 @@ jobs:
             - name: Install dependencies
               run: npm install -g yarn
 
+            - name: Enable Corepack
+              run: corepack enable
+
+            - name: Activate Yarn 3.6.4
+              run: corepack prepare [email protected] --activate
+
             - name: Install dependencies
               run: yarn install
 

.gitignore

@@ -20,6 +20,7 @@ DerivedData
 *.hmap
 *.ipa
 *.xcuserstate
+**/.xcode.env.local
 
 # Android/IntelliJ
 #
@@ -36,7 +37,6 @@ android/app/build
 node_modules/
 npm-debug.log
 yarn-error.log
-yarn.lock
 .env
 .env.*
 
@@ -46,6 +46,17 @@ buck-out/
 *.keystore
 !debug.keystore
 
+# testing
+/coverage
+
+# Yarn
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions
+
 # fastlane
 #
 # It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
@@ -61,7 +72,7 @@ buck-out/
 *.jsbundle
 
 # CocoaPods
-/ios/Pods/
+**/Pods/
 
 # react-native-config codegen
 ios/tmp.xcconfig
@@ -72,7 +83,6 @@ android/app/google-services.json
 
 # Storefront assets/configurations
 #
-assets/*
-config/app.js
-config/interface.js
+storefront.config.js
+.tamagui
 vendor

.prettierignore

@@ -0,0 +1,4 @@
+node_modules/
+build/
+ios/
+android/

.prettierrc

@@ -0,0 +1,8 @@
+{
+    "semi": true,
+    "singleQuote": true,
+    "trailingComma": "es5",
+    "printWidth": 190,
+    "tabWidth": 4,
+    "jsxSingleQuote": true
+}

.vscode/settings.json

@@ -0,0 +1,16 @@
+{
+    "java.configuration.updateBuildConfiguration": "automatic",
+    "prettier.prettierPath": "./node_modules/prettier",
+    "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "editor.codeActionsOnSave": {
+        "source.organizeImports": "explicit"
+    },
+    "editor.formatOnSave": true,
+    "editor.formatOnPaste": true,
+    "editor.formatOnType": false,
+    "prettier.configPath": ".prettierrc",
+    "prettier.ignorePath": ".prettierignore",
+    "[dotenv]": {
+        "editor.defaultFormatter": "foxundermoon.shell-format"
+    }
+}

.yarnrc.yml

@@ -0,0 +1,2 @@
+nodeLinker: node-modules
+# yarnPath: .yarn/releases/yarn-3.6.4.cjs

App.tsx

@@ -0,0 +1,53 @@
+import React from 'react';
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
+import { TamaguiProvider, Theme } from 'tamagui';
+import { Toasts } from '@backpackapp-io/react-native-toast';
+import { PortalProvider, PortalHost } from '@gorhom/portal';
+import { SafeAreaProvider } from 'react-native-safe-area-context';
+import { BottomSheetModalProvider } from '@gorhom/bottom-sheet';
+import { AuthProvider } from './src/contexts/AuthContext';
+import { SocketClusterProvider } from './src/contexts/SocketClusterContext';
+import { CartProvider } from './src/contexts/CartContext';
+import AppNavigator from './src/navigation/AppNavigator';
+import { ThemeProvider, useThemeContext } from './src/contexts/ThemeContext';
+import config from './tamagui.config';
+
+function AppContent(): React.JSX.Element {
+    const { appTheme } = useThemeContext();
+
+    return (
+        <TamaguiProvider config={config} theme={appTheme}>
+            <Theme name={appTheme}>
+                <GestureHandlerRootView style={{ flex: 1 }}>
+                    <SafeAreaProvider>
+                        <BottomSheetModalProvider>
+                            <AuthProvider>
+                                <SocketClusterProvider>
+                                    <CartProvider>
+                                        <AppNavigator />
+                                        <Toasts extraInsets={{ bottom: 80 }} />
+                                        <PortalHost name='MainPortal' />
+                                        <PortalHost name='BottomSheetPanelPortal' />
+                                        <PortalHost name='LocationPickerPortal' />
+                                    </CartProvider>
+                                </SocketClusterProvider>
+                            </AuthProvider>
+                        </BottomSheetModalProvider>
+                    </SafeAreaProvider>
+                </GestureHandlerRootView>
+            </Theme>
+        </TamaguiProvider>
+    );
+}
+
+function App(): React.JSX.Element {
+    return (
+        <PortalProvider>
+            <ThemeProvider>
+                <AppContent />
+            </ThemeProvider>
+        </PortalProvider>
+    );
+}
+
+export default App;

Gemfile

@@ -1,6 +1,9 @@
 source 'https://rubygems.org'
 
 # You may use http://rbenv.org/ or https://rvm.io/ to install and use this version
-ruby '>= 2.6.10'
+ruby ">= 2.6.10"
 
-gem 'cocoapods', '>= 1.11.2'
+# 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 'xcodeproj', '< 1.26.0'

Gemfile.lock

@@ -91,7 +91,9 @@ PLATFORMS
   ruby
 
 DEPENDENCIES
-  cocoapods (>= 1.11.2)
+  activesupport (>= 6.1.7.5, != 7.1.0)
+  cocoapods (>= 1.13, != 1.15.1, != 1.15.0)
+  xcodeproj (< 1.26.0)
 
 RUBY VERSION
    ruby 2.6.10p210