fix: update config and polyfills

Author: achingbrain

App.js

@@ -11,10 +11,10 @@ import { identify } from '@libp2p/identify'
 import { circuitRelayTransport } from '@libp2p/circuit-relay-v2'
 import { tcp } from '@libp2p/tcp'
 import { kadDHT } from '@libp2p/kad-dht'
-import * as filters from '@libp2p/websockets/filters'
-import debug from 'debug'
+import { ping } from '@libp2p/ping'
+import debug from 'weald'
 
-debug.enable('libp2p:*,*:trace')
+debug.enable('libp2p:*')
 
 export default function App () {
   const [libp2p, setLibp2p] = useState(null)
@@ -31,9 +31,7 @@ export default function App () {
           },
           transports: [
             circuitRelayTransport(),
-            webSockets({
-              filter: filters.all
-            }),
+            webSockets(),
             tcp()
           ],
           connectionEncrypters: [
@@ -54,7 +52,8 @@ export default function App () {
           ],
           services: {
             identify: identify(),
-            kadDHT: kadDHT()
+            kadDHT: kadDHT(),
+            ping: ping()
           }
         })
 

babel.config.js

@@ -8,10 +8,10 @@ module.exports = function (api) {
     plugins: [
       ['module-resolver', {
         alias: {
+          'buffer': '@craftzdog/react-native-buffer',
+          'node:buffer': '@craftzdog/react-native-buffer',
           'crypto': 'react-native-quick-crypto',
           'node:crypto': 'react-native-quick-crypto',
-          //'crypto': 'crypto-browserify',
-          //'node:crypto': 'crypto-browserify',
           'stream': 'stream-browserify',
           'node:stream': 'stream-browserify',
           'net': 'react-native-tcp-socket',

globals.js

@@ -7,13 +7,11 @@ global.process.version = 'v20.12.2'
 import '@azure/core-asynciterator-polyfill'
 import 'react-native-get-random-values'
 import 'weakmap-polyfill'
-import { TextEncoder, TextDecoder } from 'text-encoding'
 import { EventTarget, Event } from 'event-target-shim'
 import { Buffer } from '@craftzdog/react-native-buffer'
 import { Crypto } from '@peculiar/webcrypto'
+import { toString as uint8ArrayToString } from 'uint8arrays/to-string'
 
-global.TextEncoder = TextEncoder
-global.TextDecoder = TextDecoder
 global.EventTarget = EventTarget
 global.Event = Event
 
@@ -48,8 +46,29 @@ global.AbortSignal.prototype.throwIfAborted = () => {
 global.Buffer = Buffer
 global.crypto.subtle = new Crypto().subtle
 
-// this is not necessary for your app to run, but it helps when
-// tracking down broken polyfill modules
+/**
+ * Polyfill missing ES2024 promise methods
+ *
+ * Ref: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/withResolvers
+ */
+global.Promise.withResolvers = global.Promise.withResolvers ?? (() => {
+  let res
+  let rej
+
+  const p = new Promise((resolve, reject) => {
+    res = resolve
+    rej = reject
+  })
+
+  return {
+    promise: p,
+    resolve: res,
+    reject: rej
+  }
+})
+
+// this is not necessary for your app to run, but it helps when tracking down
+// broken polyfill modules
 if (global.__fbBatchedBridge) {
   const origMessageQueue = global.__fbBatchedBridge;
   const modules = origMessageQueue._remoteModuleTable;
@@ -58,3 +77,9 @@ if (global.__fbBatchedBridge) {
     console.log(`The problematic line code is in: ${modules[moduleId]}.${methods[moduleId][methodId]}`)
   }
 }
+
+// sometimes this is undefined, though perhaps only in the simulator
+// ref: https://github.com/craftzdog/react-native-quick-base64/issues/25
+global.base64FromArrayBuffer = global.base64FromArrayBuffer ?? ((buf) => {
+  return uint8ArrayToString(new Uint8Array(buf, 0, buf.byteLength), 'base64')
+})

metro.config.js

@@ -16,32 +16,31 @@
     "@libp2p/bootstrap": "^11.0.22",
     "@libp2p/circuit-relay-v2": "^3.1.12",
     "@libp2p/identify": "^3.0.18",
-    "@libp2p/kad-dht": "^14.2.5",
+    "@libp2p/kad-dht": "^15.1.3",
+    "@libp2p/ping": "^2.0.33",
     "@libp2p/tcp": "^10.0.19",
     "@libp2p/webrtc": "^5.1.0",
     "@libp2p/websockets": "^9.1.5",
     "@peculiar/webcrypto": "^1.4.4",
-    "@react-native/metro-config": "^0.74.85",
+    "@react-native/metro-config": "^0.79.3",
     "babel-plugin-module-resolver": "^5.0.2",
-    "crypto-browserify": "^3.12.0",
     "custom-event": "^1.0.1",
     "event-target-shim": "^6.0.2",
     "events": "^3.3.0",
-    "expo": "~51.0.20",
-    "expo-dev-client": "^4.0.20",
-    "expo-splash-screen": "^0.27.5",
-    "expo-status-bar": "^1.7.1",
+    "expo": "^53.0.10",
+    "expo-dev-client": "^5.2.0",
+    "expo-splash-screen": "^0.30.9",
+    "expo-status-bar": "^2.2.3",
     "libp2p": "^2.6.2",
     "os-browserify": "^0.3.0",
     "path-browserify": "^1.0.1",
     "process": "^0.11.10",
-    "react": "18.2.0",
-    "react-native": "^0.74.3",
+    "react": "19.0.0",
+    "react-native": "^0.79.3",
     "react-native-get-random-values": "^1.10.0",
     "react-native-quick-crypto": "^0.7.1",
     "react-native-tcp-socket": "^6.0.6",
     "stream-browserify": "^3.0.0",
-    "text-encoding": "^0.7.0",
     "vm-browserify": "^1.1.2",
     "weakmap-polyfill": "^2.0.4"
   },