chore: initial commit

Author: achingbrain

.gitignore

@@ -0,0 +1,35 @@
+# Learn more https://docs.github.com/en/get-started/getting-started-with-git/ignoring-files
+
+# dependencies
+node_modules/
+
+# Expo
+.expo/
+dist/
+web-build/
+
+# Native
+*.orig.*
+*.jks
+*.p8
+*.p12
+*.key
+*.mobileprovision
+
+# Metro
+.metro-health-check*
+
+# debug
+npm-debug.*
+yarn-debug.*
+yarn-error.*
+
+# macOS
+.DS_Store
+*.pem
+
+# local env files
+.env*.local
+
+# typescript
+*.tsbuildinfo

App.js

@@ -0,0 +1,34 @@
+import './globals.js'
+import { StatusBar } from 'expo-status-bar'
+import { StyleSheet, Text, View } from 'react-native'
+import { useState, useEffect } from 'react'
+import { createLibp2p } from 'libp2p'
+
+export default function App () {
+  const [libp2p, setLibp2p] = useState(null)
+  useEffect(() => {
+     async function getLibp2p() {
+        const node = await createLibp2p()
+        console.info('loaded libp2p', node.peerId)
+        setLibp2p(node)
+     }
+     getLibp2p()
+  }, [])
+
+  return (
+    <View style={styles.container}>
+      <Text>Open up App.js to start working on your app!</Text>
+      <Text>Our PeerId is {libp2p?.peerId.toString()}</Text>
+      <StatusBar style="auto" />
+    </View>
+  )
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#fff',
+    alignItems: 'center',
+    justifyContent: 'center',
+  }
+})

README.md

@@ -0,0 +1,56 @@
+# Running js-libp2p under React Native
+
+Very basic support so far, just js-libp2p itself, no extra modules yet.
+
+1. Turn on exports map support
+
+```js
+// metro.config.js
+module.exports = {
+  resolver: {
+    unstable_enablePackageExports: true,
+  }
+}
+```
+
+2. Shimming globals
+
+Some standard JS APIs aren't available in React Native:
+
+   1. `crypto.getRandomValues` - `react-native-get-random-values`
+   2. `TextEncoder`/`TextDecoder` - `text-encoding`
+   3. `EventTarget`/`Event` - `event-target-shim`
+
+```js
+// globals.js - this should be imported at the top of your App.js file
+import 'react-native-get-random-values'
+import { TextEncoder, TextDecoder } from 'text-encoding'
+import { EventTarget, Event } from 'event-target-shim'
+
+global.TextEncoder = TextEncoder
+global.TextDecoder = TextDecoder
+global.EventTarget = EventTarget
+global.Event = Event
+```
+
+## Running
+
+### iOS
+
+1. Install XCode
+2. Install iOS (XCode > Settings > Platforms > Install the latest iOS version)
+
+### Android
+
+1. ???
+
+### Start
+
+Start [Expo](https://expo.dev/):
+
+```console
+$ npm i
+$ npm start
+```
+
+Follow the instructions - press `i` to start iOS or `a` for Android.

app.json

@@ -0,0 +1,30 @@
+{
+  "expo": {
+    "name": "my-app",
+    "slug": "my-app",
+    "version": "1.0.0",
+    "orientation": "portrait",
+    "icon": "./assets/icon.png",
+    "userInterfaceStyle": "light",
+    "splash": {
+      "image": "./assets/splash.png",
+      "resizeMode": "contain",
+      "backgroundColor": "#ffffff"
+    },
+    "assetBundlePatterns": [
+      "**/*"
+    ],
+    "ios": {
+      "supportsTablet": true
+    },
+    "android": {
+      "adaptiveIcon": {
+        "foregroundImage": "./assets/adaptive-icon.png",
+        "backgroundColor": "#ffffff"
+      }
+    },
+    "web": {
+      "favicon": "./assets/favicon.png"
+    }
+  }
+}

assets/adaptive-icon.png

@@ -0,0 +1,7 @@
+module.exports = function (api) {
+  api.cache(true)
+
+  return {
+    presets: ['babel-preset-expo']
+  }
+}

assets/favicon.png

@@ -0,0 +1,11 @@
+// Shim global JS objects, hopefully this won't be necessary forever
+// https://github.com/facebook/hermes/discussions/1072
+
+import 'react-native-get-random-values'
+import { TextEncoder, TextDecoder } from 'text-encoding'
+import { EventTarget, Event } from 'event-target-shim'
+
+global.TextEncoder = TextEncoder
+global.TextDecoder = TextDecoder
+global.EventTarget = EventTarget
+global.Event = Event