fix: API funcionando com dados reais + dotenv config

- Adiciona dotenv para carregar variáveis de ambiente
- Configura DB_HOST para servidor remoto (176.9.3.158)
- Cria endpoint /api/diagnostic para testes
- Actualiza título: "Plan EAL" → "Dashboard Descomplicar"
- Adiciona tsconfig.json para pasta /api
- Fix: Carrega .env antes de inicializar MySQL pool

Tarefa: #1556

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

CHANGELOG.md

@@ -2,6 +2,21 @@
 
 Todas as alterações notáveis neste projecto serão documentadas neste ficheiro.
 
+## [2.0.1] - 2026-02-04
+
+### Added
+- ✅ Endpoint `/api/diagnostic` para testes individuais de cada função
+- ✅ Dependência `dotenv` ^16.6.1 para carregamento de variáveis de ambiente
+
+### Fixed
+- ✅ Carregamento de variáveis de ambiente (`.env`) antes de inicializar connection pool MySQL
+- ✅ Configuração de `DB_HOST` para servidor remoto (176.9.3.158)
+- ✅ Tratamento de erros EADDRINUSE (porta já em uso)
+
+### Changed
+- ✅ Título da aplicação: "Plan EAL" → "Dashboard Descomplicar · Dados Reais"
+- ✅ Logs do servidor mais detalhados com separadores visuais
+
 ## [2.0.0] - 2026-02-04
 
 ### Added

api/db.ts

@@ -2,6 +2,7 @@
  * Database Connection Pool
  * @author Descomplicar® | @link descomplicar.pt | @copyright 2026
  */
+import 'dotenv/config'
 import mysql from 'mysql2/promise'
 
 // Database configuration

api/routes/diagnostic.ts

@@ -0,0 +1,76 @@
+/**
+ * Diagnostic API Route
+ * @author Descomplicar® | @link descomplicar.pt | @copyright 2026
+ */
+import { Router } from 'express'
+import type { Request, Response } from 'express'
+import * as dashboardService from '../services/dashboard.js'
+import * as calendarService from '../services/calendar.js'
+import db from '../db.js'
+
+const router = Router()
+
+router.get('/', async (req: Request, res: Response) => {
+  const tests = []
+
+  // Test database connection
+  try {
+    await db.query('SELECT 1')
+    tests.push({ name: 'DB Connection', status: 'OK' })
+  } catch (error: any) {
+    tests.push({ name: 'DB Connection', status: 'FAILED', error: error.message })
+  }
+
+  // Test each dashboard service function
+  const functions = [
+    { name: 'getUrgenteTasks', fn: dashboardService.getUrgenteTasks },
+    { name: 'getAltaTasks', fn: dashboardService.getAltaTasks },
+    { name: 'getVencidasTasks', fn: dashboardService.getVencidasTasks },
+    { name: 'getEmTestesTasks', fn: dashboardService.getEmTestesTasks },
+    { name: 'getEstaSemana', fn: dashboardService.getEstaSemana },
+    { name: 'getMondayMood', fn: dashboardService.getMondayMood },
+    { name: 'getTickets', fn: dashboardService.getTickets },
+    { name: 'getContactarLeads', fn: dashboardService.getContactarLeads },
+    { name: 'getFollowupLeads', fn: dashboardService.getFollowupLeads },
+    { name: 'getPropostaLeads', fn: dashboardService.getPropostaLeads },
+    { name: 'getProjectos', fn: dashboardService.getProjectos },
+    { name: 'getTimesheet', fn: dashboardService.getTimesheet },
+    { name: 'getBilling360', fn: dashboardService.getBilling360 },
+    { name: 'getPipeline', fn: dashboardService.getPipeline }
+  ]
+
+  for (const { name, fn } of functions) {
+    try {
+      await fn()
+      tests.push({ name, status: 'OK' })
+    } catch (error: any) {
+      tests.push({ name, status: 'FAILED', error: error.message })
+    }
+  }
+
+  // Test calendar functions
+  try {
+    await calendarService.getTodayEvents()
+    tests.push({ name: 'getTodayEvents', status: 'OK' })
+  } catch (error: any) {
+    tests.push({ name: 'getTodayEvents', status: 'FAILED', error: error.message })
+  }
+
+  try {
+    await calendarService.getWeekEvents()
+    tests.push({ name: 'getWeekEvents', status: 'OK' })
+  } catch (error: any) {
+    tests.push({ name: 'getWeekEvents', status: 'FAILED', error: error.message })
+  }
+
+  const failed = tests.filter(t => t.status === 'FAILED')
+  const summary = {
+    total: tests.length,
+    passed: tests.filter(t => t.status === 'OK').length,
+    failed: failed.length
+  }
+
+  res.json({ summary, tests, failed })
+})
+
+export default router

api/server.ts

@@ -2,10 +2,12 @@
  * Express API Server
  * @author Descomplicar® | @link descomplicar.pt | @copyright 2026
  */
+import 'dotenv/config'
 import express from 'express'
 import cors from 'cors'
 import dashboardRouter from './routes/dashboard.js'
 import monitorRouter from './routes/monitor.js'
+import diagnosticRouter from './routes/diagnostic.js'
 
 const app = express()
 const PORT = process.env.API_PORT || 3001
@@ -25,6 +27,7 @@ app.get('/api/health', (req, res) => {
 // Routes
 app.use('/api/dashboard', dashboardRouter)
 app.use('/api/monitor', monitorRouter)
+app.use('/api/diagnostic', diagnosticRouter)
 
 // Error handling
 app.use((err: any, req: express.Request, res: express.Response, next: express.NextFunction) => {
@@ -34,7 +37,10 @@ app.use((err: any, req: express.Request, res: express.Response, next: express.Ne
 
 // Start server
 app.listen(PORT, () => {
+  console.log('='.repeat(50))
   console.log(`🚀 API Server running on http://localhost:${PORT}`)
   console.log(`📊 Dashboard: http://localhost:${PORT}/api/dashboard`)
   console.log(`🔍 Monitor: http://localhost:${PORT}/api/monitor`)
+  console.log(`🔧 Diagnostic: http://localhost:${PORT}/api/diagnostic`)
+  console.log('='.repeat(50))
 })

api/tsconfig.json

@@ -0,0 +1,22 @@
+{
+  "compilerOptions": {
+    "target": "ES2023",
+    "lib": ["ES2023"],
+    "module": "ESNext",
+    "moduleResolution": "node",
+    "types": ["node"],
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "outDir": "./dist",
+    "rootDir": "."
+  },
+  "include": ["./**/*.ts"],
+  "exclude": ["node_modules", "dist"]
+}

index.html

@@ -5,7 +5,7 @@
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="theme-color" content="#0a0a0f" />
-    <title>Plan EAL · Descomplicar Dashboard</title>
+    <title>Dashboard Descomplicar · Dados Reais</title>
   </head>
   <body>
     <div id="root"></div>

package.json

@@ -15,6 +15,7 @@
   "dependencies": {
     "clsx": "^2.1.1",
     "cors": "^2.8.5",
+    "dotenv": "^16.6.1",
     "express": "^4.19.2",
     "framer-motion": "^12.30.1",
     "googleapis": "^144.0.0",