Feature/#5 디버깅툴 reactotron 적용 (#55)

* feat(apps/app): reactotron-react-native 설치

* feat(apps/app): @react-native-async-storage/async-storage 설치

* feat(apps/app): reactotron react native 관련 설정 파일 추가

* feat(apps/app): reactotron 불러오는 구문 추가

* feat(apps/app): networking 추적 기능 추가

* feat(apps/app): 글로벌 에러, 글로벌 로그 추적 기능 추가

* fix(apps/web): es6 방식으로 구문 수정

apps/app/App.tsx

@@ -1,12 +1,12 @@
-import React from "react";
-import { StyleSheet, Text, View } from "react-native";
+import React from 'react';
+import {StyleSheet, Text, View} from 'react-native';
 
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    backgroundColor: "#fff",
-    alignItems: "center",
-    justifyContent: "center",
+    backgroundColor: '#fff',
+    alignItems: 'center',
+    justifyContent: 'center',
   },
 });
 
@@ -21,7 +21,11 @@ function App() {
 let AppEntryPoint = App;
 
 if (process.env.STORYBOOK_ENABLED) {
-  AppEntryPoint = require("./.ondevice").default;
+  AppEntryPoint = require('./.ondevice').default;
+}
+
+if (__DEV__) {
+  require('./ReactotronConfig');
 }
 
 export default AppEntryPoint;

apps/app/ReactotronConfig.js

@@ -0,0 +1,18 @@
+import Reactotron, {
+  networking,
+  trackGlobalErrors,
+  trackGlobalLogs,
+} from 'reactotron-react-native';
+import AsyncStorage from '@react-native-async-storage/async-storage';
+
+Reactotron.setAsyncStorageHandler(AsyncStorage)
+  .configure({
+    name: 'greeenai',
+  })
+  .useReactNative({
+    asyncStorage: true,
+  })
+  .use(networking())
+  .use(trackGlobalErrors())
+  .use(trackGlobalLogs())
+  .connect();

apps/app/package.json

@@ -17,7 +17,7 @@
   },
   "dependencies": {
     "@gorhom/bottom-sheet": "^4.6.4",
-    "@react-native-async-storage/async-storage": "^2.0.0",
+    "@react-native-async-storage/async-storage": "^2.1.0",
     "@react-native-community/datetimepicker": "^8.2.0",
     "@react-native-community/slider": "^4.5.3",
     "react": "18.3.1",
@@ -73,6 +73,7 @@
     "jest": "^29.6.3",
     "prettier": "2.8.8",
     "react-test-renderer": "18.3.1",
+    "reactotron-react-native": "^5.1.10",
     "storybook": "^8.3.5",
     "typescript": "5.0.4"
   },

apps/web/next.config.js

@@ -4,4 +4,4 @@ import { createVanillaExtractPlugin } from "@vanilla-extract/next-plugin";
 const nextConfig = {};
 const withVanillaExtract = createVanillaExtractPlugin();
 
-module.exports = withVanillaExtract(nextConfig);
+export default withVanillaExtract(nextConfig);