Add expo

docker-compose.dev.yml

@@ -30,6 +30,7 @@ services:
     volumes:
       - ./front:/app
       - /app/.yarn
+      - /app/node-modules
       - /app/packages/web/.next/
     ports:
       - "3000:3000"

front/.gitignore

@@ -35,9 +35,11 @@ yarn-error.log*
 *.tsbuildinfo
 
 .pnp.*
-.yarn/*
+.yarn
 !.yarn/patches
 !.yarn/plugins
 !.yarn/releases
 !.yarn/sdks
 
+.expo
+

front/.yarnrc.yml

@@ -1 +1,2 @@
 yarnPath: .yarn/releases/yarn-3.2.4.cjs
+nodeLinker: node-modules

front/package.json

@@ -3,6 +3,7 @@
 	"private": true,
 	"scripts": {
 		"web": "yarn workspace web dev",
+		"native": "yarn workspace native start",
 		"build:web": "yarn workspace web build",
 		"lint": "eslint ."
 	},

front/packages/native/.expo-shared/assets.json

@@ -0,0 +1,4 @@
+{
+	"12bb71342c6255bbf50437ec8f4441c083f47cdb74bd89160c15e4f43e52a1cb": true,
+	"40b842e832070c58deac6aa9e08fa459302ee3f9da492c7e77d93d2fbf4a56fd": true
+}

front/packages/native/app.json

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

front/packages/native/babel.config.js

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

front/packages/native/package.json

@@ -0,0 +1,26 @@
+{
+	"name": "native",
+	"version": "1.0.0",
+	"main": "src/app.tsx",
+	"scripts": {
+		"start": "expo start",
+		"android": "expo start --android",
+		"ios": "expo start --ios",
+		"web": "expo start --web"
+	},
+	"dependencies": {
+		"expo": "~46.0.16",
+		"expo-status-bar": "~1.4.0",
+		"react": "18.0.0",
+		"react-dom": "18.0.0",
+		"react-native": "0.69.6",
+		"react-native-web": "~0.18.7"
+	},
+	"devDependencies": {
+		"@babel/core": "^7.12.9",
+		"@types/react": "~18.0.14",
+		"@types/react-native": "~0.69.1",
+		"typescript": "~4.3.5"
+	},
+	"private": true
+}

front/packages/native/src/app.tsx

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

front/packages/native/tsconfig.json

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