Wellness dashboard api

frontend/.env.example

@@ -2,43 +2,29 @@
 # These are read by app.config.js and injected into the app via expo-constants.
 # Copy this file to .env and adjust values for your environment.
 #
-# Production defaults:
+# Production defaults (no backend needed to test the UI):
 PROD_URL="https://uhsocial.in/api"
 SOCKET_PROD="https://uhsocial.in"
 CONTENT_CHECKER_PROD="https://uhsocial.in/content-intel"
 
-# Local development examples (uncomment and edit as needed):
+# Local development (uncomment and edit as needed):
 # PROD_URL="http://10.0.2.2:3000/api"        # Android emulator
-# PROD_URL="http://localhost:3000/api"        # iOS simulator
+# PROD_URL="http://localhost:3000/api"        # iOS simulator / web
 # SOCKET_PROD="http://10.0.2.2:3000"
 # CONTENT_CHECKER_PROD="http://10.0.2.2:3000/content-intel"
-FIREBASE_API_KEY = "FIREBASE_API_KEY"
-FIREBASE_AUTH_DOMAIN ="FIREBASE_AUTH_DOMAIN"
-FIREBASE_PROJECT_ID = "FIREBASE_PROJECT_ID"
-FIREBASE_STORAGE_BUCKET = "FIREBASE_STORAGE_BUCKET"
-FIREBASE_SENDER_ID = "FIREBASE_SENDER_ID"
-FIREBASE_APP_ID = "FIREBASE_APP_ID"
 
-# Gemini API Configuration (for AI-powered article summaries)
+# ---------------------------------------------------------------------------
+# Gemini API — for AI-powered article summaries & health chat
+# ---------------------------------------------------------------------------
 # Get your free API key at: https://aistudio.google.com/app/apikey
 # Free tier: 1500 requests/day, no credit card required
 EXPO_PUBLIC_GEMINI_API_KEY="YOUR_GEMINI_API_KEY_HERE"
-FIREBASE_MEASUREMENT_ID = "FIREBASE_MEASUREMENT_ID"
-FIREBASE_DATABASE_URL = "FIREBASE_DATABASE_URL"
 
-# Sentry Configuration
-EXPO_PUBLIC_SENTRY_DSN = "YOUR_SENTRY_DSN"
-EXPO_PUBLIC_APP_ENV = "development"
-{
-  "expo": {
-    "name": "UltimateHealth",
-    "extra": {
-    GEMINI_API_KEY=YOUR_GEMINI_API_KEY_HERE
-    }
-  }
-}
-
-# Firebase Configuration
+# ---------------------------------------------------------------------------
+# Firebase Configuration — for push notifications (FCM)
+# ---------------------------------------------------------------------------
+# These are read by app.config.js and passed via Constants.expoConfig.extra.
+# Required for push notifications. Leave empty to skip Firebase locally.
 FIREBASE_API_KEY_ANDROID=""
 FIREBASE_API_KEY_IOS=""
 FIREBASE_APP_ID_ANDROID=""
@@ -50,7 +36,9 @@ FIREBASE_SENDER_ID=""
 FIREBASE_MEASUREMENT_ID=""
 FIREBASE_DATABASE_URL=""
 
-
-# Sentry Configuration
+# ---------------------------------------------------------------------------
+# Sentry Configuration — for error monitoring
+# ---------------------------------------------------------------------------
+# Set to empty to skip Sentry initialization in development.
 EXPO_PUBLIC_SENTRY_DSN=""
 EXPO_PUBLIC_APP_ENV="development"

frontend/app.config.js

@@ -149,7 +149,7 @@ module.exports = ({ config }) => {
       // API URLs — read from environment variables with production fallbacks.
       // Override these in your local .env file (see .env.example).
       PROD_URL:
-        process.env.PROD_URL ?? "https://uhsocial.in/ap",
+        process.env.PROD_URL ?? "https://uhsocial.in/api",
       SOCKET_PROD:
         process.env.SOCKET_PROD ?? "https://uhsocial.in",
       CONTENT_CHECKER_PROD:

frontend/index.js

@@ -12,12 +12,15 @@ import { logger } from './src/services/monitoring/logger';// Firebase background
 // to AppContent.tsx's first useEffect so that expo-application metadata
 // (nativeApplicationVersion, nativeBuildVersion) is fully available before
 // Sentry initialises.
-messaging().setBackgroundMessageHandler(async remoteMessage => {
-  // Only log notification payloads in development to avoid leaking user data
-  // or FCM tokens in production log aggregators.
-
+// Guard: @react-native-firebase/messaging is undefined on web.
+const firebaseMessaging = messaging();
+if (firebaseMessaging) {
+  firebaseMessaging.setBackgroundMessageHandler(async remoteMessage => {
+    // Only log notification payloads in development to avoid leaking user data
+    // or FCM tokens in production log aggregators.
     logger.log('Background notification received:', remoteMessage);
-});
+  });
+}
 
 const AppWrapper = () => {
   return (

frontend/metro.config.js

@@ -4,13 +4,23 @@ const path = require('path');
 /** @type {import('expo/metro-config').MetroConfig} */
 const config = getDefaultConfig(__dirname);
 
-// Alias react-native-pager-view to a mock for web
+// Alias native-only modules to web mocks
+const WEB_MOCKS = {
+  'react-native-pager-view': 'mocks/react-native-pager-view.js',
+  'react-native-snackbar': 'mocks/react-native-snackbar.js',
+  'react-native-share': 'mocks/react-native-share.js',
+  'react-native-fs': 'mocks/react-native-fs.js',
+  'react-native-html-to-pdf': 'mocks/react-native-html-to-pdf.js',
+  '@react-native-firebase/app': 'mocks/react-native-firebase-app.js',
+  '@react-native-firebase/messaging': 'mocks/react-native-firebase-messaging.js',
+};
+
 const originalResolveRequest = config.resolver.resolveRequest;
 
 config.resolver.resolveRequest = (context, moduleName, platform) => {
-  if (platform === 'web' && moduleName === 'react-native-pager-view') {
+  if (platform === 'web' && WEB_MOCKS[moduleName]) {
     return {
-      filePath: path.resolve(__dirname, 'mocks/react-native-pager-view.js'),
+      filePath: path.resolve(__dirname, WEB_MOCKS[moduleName]),
       type: 'sourceFile',
     };
   }

frontend/mocks/react-native-firebase-app.js

@@ -0,0 +1,17 @@
+// Web mock for @react-native-firebase/app
+
+const firebase = {
+  apps: [],
+  initializeApp: () => ({
+    name: '[DEFAULT]',
+    options: {},
+  }),
+  app: () => ({
+    name: '[DEFAULT]',
+    options: {},
+  }),
+  messaging: () => null,
+  auth: () => null,
+};
+
+export default firebase;

frontend/mocks/react-native-firebase-messaging.js

@@ -0,0 +1,18 @@
+// Web mock for @react-native-firebase/messaging
+// Default export is a factory function: messaging() returns an instance.
+
+const messaging = () => ({
+  setBackgroundMessageHandler: () => {},
+  onMessage: () => () => {},
+  onTokenRefresh: () => () => {},
+  onNotificationOpenedApp: () => () => {},
+  getInitialNotification: async () => null,
+  getToken: async () => null,
+  requestPermission: async () => {},
+  registerForRemoteNotifications: async () => {},
+  hasPermission: async () => 1,
+  subscribeToTopic: () => {},
+  unsubscribeFromTopic: () => {},
+});
+
+export default messaging;

frontend/mocks/react-native-fs.js

@@ -0,0 +1,60 @@
+// Web mock for react-native-fs
+// On web, RNFSFileTypeRegular and other native constants crash at import time.
+
+const RNFS = {
+  // Constants
+  RNFilesystemType: 'web',
+  MainBundlePath: '',
+  CachesDirectoryPath: '',
+  DocumentDirectoryPath: '',
+  ExternalDirectoryPath: '',
+  ExternalStorageDirectoryPath: '',
+  TemporaryDirectoryPath: '',
+  LibraryDirectoryPath: '',
+  PicturesDirectoryPath: '',
+
+  // File read/write
+  readDir: async () => [],
+  readdir: async () => [],
+  stat: async () => ({ name: '', path: '', size: 0, mode: 0 }),
+  readFile: async () => '',
+  read: async () => '',
+  readFileAssets: async () => '',
+  exists: async () => false,
+  isResumable: async () => false,
+
+  // File write
+  writeFile: async () => {},
+  appendFile: async () => {},
+  write: async () => {},
+  unlink: async () => {},
+  unlinkIfExists: async () => {},
+  moveFile: async () => {},
+  copyFile: async () => {},
+  copyFileAssets: async () => {},
+  existsAssets: async () => false,
+  mkdir: async () => {},
+  touch: async () => {},
+
+  // Download
+  downloadFile: () => ({
+    jobId: 0,
+    promise: Promise.resolve({ statusCode: 200, jobId: 0 }),
+  }),
+  stopDownload: () => {},
+
+  // Upload
+  uploadFiles: () => ({
+    jobId: 0,
+    promise: Promise.resolve({ statusCode: 200, jobId: 0, body: '' }),
+  }),
+  stopUpload: () => {},
+
+  // Other
+  getFSInfo: async () => ({ totalSpace: 0, freeSpace: 0 }),
+  hash: async () => '',
+  getAllExternalFilesDirs: async () => [],
+  scanFile: async () => {},
+};
+
+module.exports = RNFS;

frontend/mocks/react-native-html-to-pdf.js

@@ -0,0 +1,11 @@
+// Web mock for react-native-html-to-pdf
+
+const RNHTMLtoPDF = {
+  generate: async () => ({ filePath: '' }),
+  convert: async () => ({ filePath: '' }),
+};
+
+const generatePDF = RNHTMLtoPDF.generate;
+
+export { generatePDF };
+export default RNHTMLtoPDF;

frontend/mocks/react-native-share.js

@@ -0,0 +1,18 @@
+// Web mock for react-native-share
+// On web, NativeModules.RNShare is undefined, which crashes at import time.
+
+const Share = {
+  open: async () => ({ success: true, message: 'Shared (mock)' }),
+  canShare: async () => true,
+  shareSingle: async () => ({ success: true }),
+  Social: {
+    FACEBOOK: 'facebook',
+    TWITTER: 'twitter',
+    WHATSAPP: 'whatsapp',
+    INSTAGRAM: 'instagram',
+    TELEGRAM: 'telegram',
+    EMAIL: 'email',
+  },
+};
+
+export default Share;

frontend/mocks/react-native-snackbar.js

@@ -0,0 +1,19 @@
+// Web mock for react-native-snackbar
+// On web, NativeModules.RNSnackbar is undefined, which crashes at import time.
+// This mock provides a no-op implementation that doesn't access NativeModules.
+
+const Snackbar = {
+  LENGTH_SHORT: 0,
+  LENGTH_LONG: 1,
+  LENGTH_INDEFINITE: -1,
+  DISMISS_EVENT_SWIPE: 'swipe',
+  DISMISS_EVENT_ACTION: 'action',
+  DISMISS_EVENT_TIMEOUT: 'timeout',
+  DISMISS_EVENT_MANUAL: 'manual',
+  DISMISS_EVENT_CONSECUTIVE: 'consecutive',
+  SHOW_EVENT: 'show',
+  show: () => {},
+  dismiss: () => {},
+};
+
+export default Snackbar;

frontend/package.json

@@ -16,7 +16,12 @@
     "knip:exports": "knip --exports",
     "knip:fix": "knip --fix",
     "knip:check": "knip --no-progress",
-    "quality": "pnpm run type-check && pnpm run lint && pnpm run knip",
+    "quality": "yarn run type-check && yarn run lint && yarn run knip",
+    "preview": "expo export --platform web",
+    "preview:android": "expo export --platform android",
+    "preview:ios": "expo export --platform ios",
+    "export:web": "expo export --platform web",
+    "serve:preview": "node scripts/serve-preview.js",
     "postinstall": "patch-package"
   },
   "dependencies": {

frontend/scripts/serve-preview.js

@@ -0,0 +1,83 @@
+#!/usr/bin/env node
+
+/**
+ * Static preview server for exported Expo web builds.
+ *
+ * Usage:
+ *   1. Run `yarn export:web` (or `expo export --platform web`) to build dist/
+ *   2. Run `yarn serve:preview` to serve dist/ locally
+ *
+ * Serves the `dist/` directory on http://localhost:5000
+ */
+
+const http = require("http");
+const fs = require("fs");
+const path = require("path");
+
+const PORT = process.env.PORT || 5000;
+const DIST_DIR = path.resolve(__dirname, "..", "dist");
+
+if (!fs.existsSync(DIST_DIR)) {
+  console.error(
+    `[serve-preview] dist/ directory not found at "${DIST_DIR}".\n` +
+      `  Run "yarn export:web" (or "expo export --platform web") first to generate the preview build.`
+  );
+  process.exit(1);
+}
+
+const MIME_TYPES = {
+  ".html": "text/html",
+  ".js": "text/javascript",
+  ".css": "text/css",
+  ".json": "application/json",
+  ".png": "image/png",
+  ".jpg": "image/jpeg",
+  ".jpeg": "image/jpeg",
+  ".gif": "image/gif",
+  ".svg": "image/svg+xml",
+  ".ico": "image/x-icon",
+  ".woff": "font/woff",
+  ".woff2": "font/woff2",
+  ".ttf": "font/ttf",
+  ".eot": "application/vnd.ms-fontobject",
+  ".txt": "text/plain",
+  ".map": "application/json",
+};
+
+const server = http.createServer((req, res) => {
+  let filePath = path.join(DIST_DIR, req.url === "/" ? "index.html" : req.url);
+  const ext = path.extname(filePath).toLowerCase();
+
+  fs.readFile(filePath, (err, data) => {
+    if (err) {
+      // Fallback to index.html for SPAs (client-side routing)
+      if (err.code === "ENOENT" && !ext) {
+        fs.readFile(path.join(DIST_DIR, "index.html"), (err2, data2) => {
+          if (err2) {
+            res.writeHead(404, { "Content-Type": "text/plain" });
+            res.end("Not Found");
+            return;
+          }
+          res.writeHead(200, { "Content-Type": "text/html" });
+          res.end(data2);
+        });
+        return;
+      }
+
+      res.writeHead(404, { "Content-Type": "text/plain" });
+      res.end("Not Found");
+      return;
+    }
+
+    const contentType = MIME_TYPES[ext] || "application/octet-stream";
+    res.writeHead(200, { "Content-Type": contentType });
+    res.end(data);
+  });
+});
+
+server.listen(PORT, () => {
+  const address = `http://localhost:${PORT}`;
+  console.log(`[serve-preview] Serving preview build at ${address}`);
+  console.log(`[serve-preview] Directory:  ${DIST_DIR}`);
+  console.log(`[serve-preview] Press Ctrl+C to stop.`);
+});