fix(EditProfile):

- add missing deps
- update tsconfig & vite config to include aliases

apps/app/package.json

@@ -10,16 +10,19 @@
     "lint": "eslint"
   },
   "dependencies": {
+    "@capacitor-community/camera-preview": "^5.0.0",
     "@capacitor-firebase/authentication": "^5.1.0",
     "@capacitor/android": "5.2.1",
     "@capacitor/app": "5.0.6",
+    "@capacitor/camera": "^5.0.7",
     "@capacitor/core": "5.2.1",
     "@capacitor/geolocation": "^5.0.6",
     "@capacitor/haptics": "5.0.6",
     "@capacitor/keyboard": "5.0.6",
     "@capacitor/preferences": "^5.0.6",
     "@capacitor/status-bar": "5.0.6",
     "@dotlottie/react-player": "^1.2.1",
+    "@ionic/pwa-elements": "^3.2.2",
     "@ionic/react": "^7.3.1",
     "@ionic/react-router": "^7.3.1",
     "@maskito/core": "^1.4.0",
@@ -81,6 +84,7 @@
     "tailwindcss": "^3.3.3",
     "typescript": "^5.1.6",
     "vite": "^4.4.9",
+    "vite-plugin-mkcert": "^1.16.0",
     "workbox-window": "^7.0.0"
   },
   "description": "The Coffee Lounge is an E-commerce coffee app built with Ionic React. It features a unique 3D View that allows our customers to virtually visit the cafe, using only their mobile phone."

apps/app/tsconfig.json

@@ -14,7 +14,15 @@
     "resolveJsonModule": true,
     "isolatedModules": true,
     "noEmit": true,
-    "jsx": "react-jsx"
+    "jsx": "react-jsx",
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*", "./dist/*", ""],
+      "@components/*": ["src/components/*"],
+      "@pages/*": ["src/pages/*"],
+      "@hooks/*": ["src/hooks/*"],
+      "@atoms/*": ["src/utils/*"],
+    }
   },
   "include": ["src", "node_modules/vite-plugin-pwa/client.d.ts"],
   "references": [{ "path": "./tsconfig.node.json" }]

apps/app/vite.config.ts

@@ -1,11 +1,26 @@
 import { VitePWA } from "vite-plugin-pwa";
 import { defineConfig } from "vite";
 import legacy from "@vitejs/plugin-legacy";
+import mkcert from 'vite-plugin-mkcert'
+import path from "path";
 import react from "@vitejs/plugin-react";
 
 /** @type {import('vite').UserConfig} */
 export default defineConfig({
+  server: {
+    https: true
+  },
+  resolve: {
+    alias: {
+      "@": path.resolve(__dirname, "./src"),
+      components: path.resolve(__dirname, "./src/components"),
+      pages: path.resolve(__dirname, "./src/pages"),
+      hooks: path.resolve(__dirname, "./src/hooks"),
+      atoms: path.resolve(__dirname, "./src/atoms"),
+    }
+  },
   plugins: [
+    mkcert(),
     react(),
     legacy(),
     VitePWA({