Tabs/feature/jared rudraksh

frontend/.eslintignore

@@ -6,3 +6,5 @@ out/
 public/
 next.config.js
 vite.config.ts
+metro.config.js
+src/app/old_home.tsx

frontend/.eslintrc.json

@@ -28,6 +28,7 @@
     "import/ignore": ["node_modules/react-native/index\\.js$"]
   },
   "plugins": ["@typescript-eslint", "react"],
+  "ignorePatterns": ["babel.config.js"],
   "rules": {
     "import/no-unresolved": "off",
 

frontend/App.tsx

@@ -1,15 +1,6 @@
 import { StatusBar } from "expo-status-bar";
 import { StyleSheet, Text, View } from "react-native";
 
-export default function App() {
-  return (
-    <View style={styles.container}>
-      <Text style={styles.text}>Home screen</Text>
-      <StatusBar style="auto" />
-    </View>
-  );
-}
-
 const styles = StyleSheet.create({
   container: {
     flex: 1,
@@ -21,3 +12,12 @@ const styles = StyleSheet.create({
     color: "#fff",
   },
 });
+
+export default function App() {
+  return (
+    <View style={styles.container}>
+      <Text style={styles.text}>Home screen</Text>
+      <StatusBar style="auto" />
+    </View>
+  );
+}

frontend/babel.config.js

@@ -4,5 +4,6 @@ module.exports = function (api) {
   api.cache(true);
   return {
     presets: ["babel-preset-expo"],
+    plugins: ["expo-router/babel"],
   };
 };

frontend/declarations.d.ts

@@ -0,0 +1,8 @@
+declare module "*.svg" {
+  import React from "react";
+  import { SvgProps } from "react-native-svg";
+
+  const content: React.FC<SvgProps>;
+
+  export default content;
+}

frontend/google-services.json

@@ -51,4 +51,4 @@
     }
   ],
   "configuration_version": "1"
-}
+}

frontend/metro.config.js

@@ -0,0 +1,32 @@
+// // metro.config.js
+// const { getDefaultConfig } = require("expo/metro-config");
+
+// module.exports = (() => {
+//   const config = getDefaultConfig(__dirname);
+
+//   const { transformer, resolver } = config;
+
+//   config.transformer = {
+//     ...transformer,
+//     babelTransformerPath: require.resolve("react-native-svg-transformer"),
+//   };
+//   config.resolver = {
+//     ...resolver,
+//     assetExts: resolver.assetExts.filter((ext) => ext !== "svg"),
+//     sourceExts: [...resolver.sourceExts, "svg"],
+//   };
+
+//   return config;
+// })();
+
+// frontend/metro.config.js
+
+const { getDefaultConfig } = require("expo/metro-config");
+
+const defaultConfig = getDefaultConfig(__dirname);
+
+defaultConfig.transformer.babelTransformerPath = require.resolve("react-native-svg-transformer");
+defaultConfig.resolver.assetExts = defaultConfig.resolver.assetExts.filter((ext) => ext !== "svg");
+defaultConfig.resolver.sourceExts.push("svg");
+
+module.exports = defaultConfig;