Expo upgrade to 51

wownar-react-native/README.md

@@ -84,7 +84,9 @@ Open new terminal
      ```bash
      cp .env.example .env
      ```
-   - Edit `.env` to add your `COMPUTER_IP_ADDRESS`. Refer [find-IP-address article](https://www.avg.com/en/signal/find-ip-address) to get IP address of your Computer
+   - Edit `.env` to add your `COMPUTER_IP_ADDRESS`
+   - Protip - If running locally, start the server first and use the displayed IP address in your client code's .env 
+   - Refer [find-IP-address article](https://www.avg.com/en/signal/find-ip-address) to get IP address of your Computer
 
 4. **Start the app**: (Make sure your phone and computer is connected to the same network)
 

wownar-react-native/client/app.config.ts

@@ -6,5 +6,8 @@ export default ({ config }: any) => {
     extra: {
       COMPUTER_IP_ADDRESS: process.env.COMPUTER_IP_ADDRESS,
     },
+    plugins: [
+      "expo-secure-store"
+    ]
   };
 };

wownar-react-native/client/package.json

@@ -9,27 +9,28 @@
     "web": "expo start --web"
   },
   "dependencies": {
+    "@coinbase/coinbase-sdk": "^4.0.4",
     "@neynar/react-native-signin": "^1.3.0",
     "@react-navigation/native": "^6.1.9",
     "@react-navigation/native-stack": "^6.9.17",
     "@types/ip": "^1.1.3",
     "dotenv": "^16.3.1",
-    "expo": "~49.0.15",
-    "expo-constants": "~14.4.2",
-    "expo-secure-store": "~12.3.1",
-    "expo-status-bar": "~1.6.0",
+    "expo": "^51.0.31",
+    "expo-constants": "~16.0.2",
+    "expo-secure-store": "~13.0.2",
+    "expo-status-bar": "~1.12.1",
     "react": "18.2.0",
-    "react-native": "0.72.6",
+    "react-native": "0.74.5",
     "react-native-keyboard-aware-scroll-view": "^0.9.5",
     "react-native-paper": "^5.12.1",
-    "react-native-safe-area-context": "4.6.3",
-    "react-native-screens": "^3.29.0",
+    "react-native-safe-area-context": "4.10.5",
+    "react-native-screens": "3.31.1",
     "react-native-svg": "^15.2.0",
-    "react-native-webview": "^13.6.4"
+    "react-native-webview": "13.8.6"
   },
   "devDependencies": {
-    "@babel/core": "^7.20.0",
-    "@types/react": "~18.2.14",
+    "@babel/core": "^7.24.0",
+    "@types/react": "~18.2.79",
     "typescript": "^5.1.3"
   },
   "private": true

wownar-react-native/server/index.js

@@ -5,6 +5,7 @@ const {
 } = require("@neynar/nodejs-sdk");
 var { json } = require("body-parser");
 require("dotenv").config({ path: ".env" });
+const os = require('os');
 
 const app = express();
 
@@ -70,6 +71,14 @@ app.post("/cast", async (req, res) => {
 });
 
 const PORT = 5500;
-app.listen(PORT, () => {
-  console.log(`Server listening on port ${PORT}`);
-});
+const server = app.listen(PORT, () => {
+  const networkInterfaces = os.networkInterfaces();
+  for (const interfaceName in networkInterfaces) {
+      const addresses = networkInterfaces[interfaceName];
+      for (const address of addresses) {
+          if (address.family === 'IPv4' && !address.internal) {
+              console.log(`Server running at http://${address.address}:${PORT}/`);
+          }
+      }
+  }
+});