Re-initialized Expo example app and extracted RN components into a se…

…parate package (#107)

* Re-initialized Expo example app and extracted RN components into a separate package

* Specifying files for the package

examples/expo/App.tsx

@@ -0,0 +1,49 @@
+import { StatusBar } from 'expo-status-bar';
+import React from "react";
+import { StyleSheet, View, SafeAreaView } from 'react-native';
+
+import { MochaRemoteProvider, ConnectionText, StatusEmoji, StatusText } from "mocha-remote-react-native";
+
+function loadTests() {
+  require('./simple.test.js');
+}
+
+export default function App() {
+  return (
+    <MochaRemoteProvider tests={loadTests}>
+      <StatusBar hidden />
+      <SafeAreaView style={styles.container}>
+        <ConnectionText style={styles.connectionText} />
+        <View style={styles.statusContainer}>
+          <StatusEmoji style={styles.statusEmoji} />
+          <StatusText style={styles.statusText} />
+        </View>
+      </SafeAreaView>
+    </MochaRemoteProvider>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#fff',
+  },
+  statusContainer: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  statusEmoji: {
+    fontSize: 30,
+    margin: 30,
+    textAlign: "center",
+  },
+  statusText: {
+    fontSize: 20,
+    margin: 20,
+    textAlign: "center",
+  },
+  connectionText: {
+    textAlign: "center",
+  },
+});

examples/expo/metro.config.js

@@ -4,18 +4,16 @@ const path = require('path');
 // Find the project and workspace directories
 const projectRoot = __dirname;
 // This can be replaced with `find-yarn-workspace-root`
-const workspaceRoot = path.resolve(projectRoot, '../..');
+const monorepoRoot = path.resolve(projectRoot, '../..');
 
 const config = getDefaultConfig(projectRoot);
 
 // 1. Watch all files within the monorepo
-config.watchFolders = [workspaceRoot];
+config.watchFolders = [monorepoRoot];
 // 2. Let Metro know where to resolve packages and in what order
 config.resolver.nodeModulesPaths = [
   path.resolve(projectRoot, 'node_modules'),
-  path.resolve(workspaceRoot, 'node_modules'),
+  path.resolve(monorepoRoot, 'node_modules'),
 ];
-// 3. Force Metro to resolve (sub)dependencies only from the `nodeModulesPaths`
-config.resolver.disableHierarchicalLookup = true;
 
 module.exports = config;

examples/expo/package.json

@@ -34,15 +34,16 @@
   "dependencies": {
     "expo": "~50.0.13",
     "expo-status-bar": "~1.11.1",
-    "mocha-remote": "1.8.0",
+    "mocha-remote-react-native": "1.8.0",
     "react": "18.2.0",
-    "react-native": "0.72.6",
-    "@types/react": "~18.2.66",
-    "react-native-web": "~0.19.10",
-    "react-dom": "18.2.0",
-    "@expo/webpack-config": "^19.0.1"
+    "react-native": "0.73.5"
   },
   "devDependencies": {
-    "@babel/core": "^7.24.0"
+    "@babel/core": "^7.20.0",
+    "@react-native/eslint-config": "0.73.2",
+    "@types/react": "~18.2.45"
+  },
+  "eslintConfig": {
+    "extends": ["@react-native"]
   }
 }

examples/expo/simple.test.js

@@ -6,6 +6,11 @@ describe("A test suite", () => {
 
   it("can succeed", (done) => {
     // It might take some time to succeed
-    setTimeout(done, 1000);
+    setTimeout(done, 500);
+  });
+
+  it("can succeed twice", (done) => {
+    // It might take some time to succeed again
+    setTimeout(done, 500);
   });
 });

examples/expo/tsconfig.json

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