add: protect env variable

Author: htnghia1423

@types/env.d.ts

@@ -0,0 +1,4 @@
+declare module '@env' {
+	export const SUPABASE_URL: string;
+	export const SUPABASE_KEY: string;
+}

babel.config.js

@@ -0,0 +1,17 @@
+module.exports = {
+	presets: ['module:metro-react-native-babel-preset'],
+	plugins: [
+		[
+			'module:react-native-dotenv',
+			{
+				moduleName: '@env',
+				path: '.env',
+				blocklist: null,
+				allowlist: null,
+				safe: false,
+				allowUndefined: true,
+				verbose: false,
+			},
+		],
+	],
+};

package.json

@@ -20,9 +20,11 @@
 		"expo-router": "4.0.20",
 		"expo-splash-screen": "0.29.24",
 		"expo-status-bar": "2.0.1",
+		"metro-react-native-babel-preset": "^0.77.0",
 		"react": "18.3.1",
 		"react-dom": "18.3.1",
 		"react-native": "0.76.9",
+		"react-native-dotenv": "^3.4.11",
 		"react-native-modal": "^14.0.0-rc.1",
 		"react-native-reanimated": "3.16.1",
 		"react-native-safe-area-context": "4.12.0",

tsconfig.json

@@ -4,7 +4,8 @@
 		"strict": true,
 		"paths": {
 			"@/*": ["./src/*"]
-		}
+		},
+		"typeRoots": ["./node_modules/@types", "./@types"]
 	},
 	"include": ["**/*.ts", "**/*.tsx", ".expo/types/**/*.ts", "expo-env.d.ts"]
 }