Merge pull request #1 from callstack-internal/thiagobrez/transfer-repo

chore: transfer repo

Author: thiagobrez

.eslintrc

@@ -0,0 +1,6 @@
+{
+  "extends": "@callstack",
+  "rules": {
+    "promise/always-return": "off"
+  }
+}

.gitignore

@@ -0,0 +1,41 @@
+# 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
+
+# JetBrains
+.idea
+
+# ENV
+.env

.prettierignore

@@ -0,0 +1,38 @@
+# 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
+
+# JetBrains
+.idea

.prettierrc

@@ -0,0 +1,7 @@
+{
+  "arrowParens": "avoid",
+  "bracketSameLine": true,
+  "bracketSpacing": true,
+  "singleQuote": true,
+  "trailingComma": "all"
+}

App.tsx

@@ -0,0 +1,29 @@
+import './polyfills';
+import React from 'react';
+import { StatusBar } from 'expo-status-bar';
+import { StyleSheet, View } from 'react-native';
+import { WalletConnectModal } from '@walletconnect/modal-react-native';
+import HomePage from './src/pages/HomePage';
+import { providerMetadata } from './src/clients/walletConnect';
+
+export default function App() {
+  return (
+    <View style={styles.container}>
+      <StatusBar style="auto" />
+
+      <WalletConnectModal
+        projectId="YOUR WALLET CONNECT CLOUD PROJECT ID"
+        providerMetadata={providerMetadata}
+      />
+
+      <HomePage />
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    marginHorizontal: 20,
+  },
+});

README.md

@@ -1,2 +1,17 @@
 # web3-react-native-dapp-viem
-A modern Web3 dApp with React Native, viem and WalletConnectModal
+
+This repository showcases how to build a modern web3 dApp with React Native, [viem](https://viem.sh) and [WalletConnectModal](https://docs.walletconnect.com/advanced/walletconnectmodal/about)
+
+## Requirements
+
+- [Expo environment setup](https://docs.expo.dev/get-started/installation/#requirements) (Node.js, Git, Watchman)
+- A [Wallet Connect Cloud](https://cloud.walletconnect.com/sign-in) project ID
+- Expo Go app installed in your smartphone
+- One or more web3 wallets installed in your smartphone (e.g. MetaMask, Rainbow Wallet, Trust Wallet, etc)
+
+## How to run
+
+- In `App.tsx` fill in `projectId="..."` with your Wallet Connect Cloud project ID
+- `npm start`
+- Open Expo Go app in your smartphone
+- If your smartphone is in the same network as your computer, the local dev server should appear as the first option. If it doesn't, use the app to scan the QR Code presented in the terminal

app.json

@@ -0,0 +1,38 @@
+{
+  "expo": {
+    "name": "react-native-viem",
+    "slug": "react-native-viem",
+    "scheme": "rnviem",
+    "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,
+      "infoPlist": {
+        "LSApplicationQueriesSchemes": [
+          "metamask",
+          "trust",
+          "safe",
+          "rainbow",
+          "uniswap"
+        ]
+      }
+    },
+    "android": {
+      "adaptiveIcon": {
+        "foregroundImage": "./assets/adaptive-icon.png",
+        "backgroundColor": "#ffffff"
+      }
+    },
+    "web": {
+      "favicon": "./assets/favicon.png"
+    }
+  }
+}