Merge pull request #4 from davslabs/feature/web-9-Agregar.env-y-run-t…

…unnel

Feature/web 9 agregar.env y run tunnel

.env.example

@@ -0,0 +1,5 @@
+/**
+ * Si se modifican variables en .env, es necesario ejecutar el comando "expo r -c" para reconstruir el cache
+ * de otro modo, el modulo react-native-dotenv utiliza los valores cacheados y no se ven reflejadas las actualizaciones
+ */
+API_BASE_URL="http://10.0.2.2:3000/api/v1"

.gitignore

@@ -9,6 +9,7 @@ npm-debug.*
 *.mobileprovision
 *.orig.*
 web-build/
+.env
 
 # macOS
 .DS_Store

babel.config.js

@@ -0,0 +1,12 @@
+module.exports = function (api) {
+  api.cache(() => process.env.NODE_ENV === "production");
+  return {
+    presets: ['babel-preset-expo'],
+    plugins: [
+      [
+        'module:react-native-dotenv',
+        { moduleName: '@env', path: '.env', blacklist: null, whitelist: null, safe: false, allowUndefined: true },
+      ],
+    ],
+  };
+};

package.json

@@ -5,6 +5,7 @@
   "scripts": {
     "prepare": "husky install",
     "start": "expo start",
+    "tunnel": "expo start --tunnel",
     "android": "expo start --android",
     "ios": "expo start --ios",
     "web": "expo start --web",
@@ -19,12 +20,14 @@
     "@react-navigation/native": "^6.0.13",
     "@react-navigation/native-stack": "^6.9.1",
     "axios": "^1.1.3",
+    "babel": "^6.23.0",
     "expo": "~46.0.16",
     "expo-secure-store": "^11.3.0",
     "expo-status-bar": "~1.4.0",
     "react": "18.0.0",
     "react-dom": "18.0.0",
     "react-native": "0.69.6",
+    "react-native-dotenv": "^3.3.1",
     "react-native-web": "~0.18.7"
   },
   "devDependencies": {

src/api/axios.ts

@@ -1,13 +1,13 @@
 import axios from 'axios';
 
-const BASE_URL = 'http://10.0.2.2:3000/api/v1';
+import { API_BASE_URL } from '@env';
 
 export default axios.create({
-  baseURL: BASE_URL,
+  baseURL: `${API_BASE_URL}`,
 });
 
 export const axiosPrivate = axios.create({
-  baseURL: BASE_URL,
+  baseURL: `${API_BASE_URL}`,
   headers: { 'Content-Type': 'application/json' },
   withCredentials: true,
 });

src/types/env.d.ts

@@ -0,0 +1,3 @@
+declare module '@env' {
+    export const API_BASE_URL: string;
+}