chore(app): initial expo setup (#3)

#### What this PR does / why we need it:

Initial barebone expo setup.

.gitignore

@@ -12,11 +12,10 @@
 
 # Node
 .yarn/*
-yarn.lock
 .pnp.*
 node_modules
-
 package-lock.json
+pnpm-lock.yaml
 
 # debug
 npm-debug.log*
@@ -52,3 +51,17 @@ artifacts
 
 # Platforms
 .vercel
+
+# Expo
+app/.expo/
+npm-debug.*
+*.jks
+*.p8
+*.p12
+*.key
+*.mobileprovision
+*.orig.*
+web-build/
+
+# Temporary files created by Metro to check the health of the file watcher
+.metro-health-check*

.nvmrc

@@ -0,0 +1 @@
+18.15.0

app/AppEntry.js

@@ -0,0 +1,4 @@
+import { registerRootComponent } from 'expo';
+import App from './src/App';
+
+registerRootComponent(App);

app/app.json

@@ -0,0 +1,30 @@
+{
+  "expo": {
+    "name": "keychain",
+    "slug": "keychain",
+    "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"
+    }
+  }
+}

app/babel.config.js

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

app/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "@levaintech/keychain-app",
+  "private": true,
+  "version": "1.0.0",
+  "main": "AppEntry.js",
+  "scripts": {
+    "start": "expo start",
+    "android": "expo start --android",
+    "ios": "expo start --ios",
+    "web": "expo start --web"
+  },
+  "dependencies": {
+    "expo": "~48.0.18",
+    "expo-status-bar": "~1.4.4",
+    "react": "18.2.0",
+    "react-native": "0.71.8",
+    "@types/react": "~18.0.27",
+    "@babel/core": "^7.20.0",
+    "typescript": "^4.9.4"
+  },
+  "devDependencies": {
+  }
+}

app/src/App.tsx

@@ -0,0 +1,20 @@
+import { StatusBar } from 'expo-status-bar';
+import { StyleSheet, Text, View } from 'react-native';
+
+export default function App() {
+  return (
+    <View style={styles.container}>
+      <Text>KeyChain — Open up App.js to start working on your app!</Text>
+      <StatusBar style="auto" />
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#fff',
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+});

app/tsconfig.json

@@ -0,0 +1,4 @@
+{
+  "extends": "expo/tsconfig.base",
+  "compilerOptions": {}
+}

package.json

@@ -0,0 +1,13 @@
+{
+  "name": "@levaintech/keychain",
+  "workspaces": [
+    "packages/*",
+    "app"
+  ],
+  "private": true,
+  "packageManager": "yarn@1.22.19",
+  "engines": {
+    "node": "^18.15.0",
+    "yarn": "^1.22.19"
+  }
+}