Files
noteflow/routes/calendar.routes.js
Claude 0e8b36e1d7 Fix critique: Système de notes complètement refondu pour fonctionner
Problème majeur résolu:
- L'éditeur de notes réinitialisait le contenu à chaque modification
- Causé par dangerouslySetInnerHTML qui forçait React à synchroniser
- Résultat: impossible d'éditer les notes correctement

Solution:
- Suppression de dangerouslySetInnerHTML du RichTextEditor
- Conservation du useEffect avec deps vides pour initialisation unique
- Utilisation du key prop pour forcer remount lors du changement de note
- Éditeur maintenant complètement "uncontrolled"

Migration complète Google Calendar vers OAuth 2.0:
- Remplacement de l'API Key simple par OAuth 2.0 (Client ID + Secret)
- Nouvelle table google_oauth_tokens pour stocker les tokens
- Routes OAuth:
  * GET /api/calendar/auth-url - Génère l'URL d'authentification
  * GET /api/calendar/oauth-callback - Callback OAuth avec échange de code
  * GET /api/calendar/auth-status - Vérifier le statut de connexion
  * POST /api/calendar/disconnect - Déconnecter Google
- Gestion automatique du rafraîchissement des tokens expirés
- Interface utilisateur mise à jour:
  * Champs Client ID et Client Secret
  * Indicateur de statut de connexion (connecté/non connecté)
  * Bouton "Se connecter avec Google" ouvrant popup OAuth
  * Bouton "Déconnecter"
  * URI de redirection affichée pour configuration Google Cloud Console
- Synchronisation maintenant avec calendrier principal de l'utilisateur
- Accès complet aux données privées du calendrier

Architecture:
- CalendarService.ts: Nouvelles méthodes getAuthUrl(), getAuthStatus(), disconnect()
- Settings: Ajout de google_client_id et google_client_secret
- Popup OAuth avec communication window.postMessage
- Gestion d'erreur avec re-authentification automatique si token expiré
2025-11-12 10:00:33 +00:00

386 lines
12 KiB
JavaScript

// Routes pour Google Calendar avec OAuth 2.0
const express = require('express');
const router = express.Router();
const { google } = require('googleapis');
const { getAll, getOne, runQuery } = require('../config/database');
const { authenticateToken, requireAdmin } = require('../middleware/auth');
const logger = require('../config/logger');
// Toutes les routes nécessitent authentification
router.use(authenticateToken);
// Scopes Google Calendar requis
const SCOPES = ['https://www.googleapis.com/auth/calendar.readonly'];
/**
* Créer un client OAuth2
*/
async function getOAuth2Client() {
const clientId = await getOne("SELECT value FROM settings WHERE key = 'google_client_id'");
const clientSecret = await getOne("SELECT value FROM settings WHERE key = 'google_client_secret'");
if (!clientId || !clientId.value || !clientSecret || !clientSecret.value) {
throw new Error('Client ID et Client Secret non configurés');
}
const redirectUri = `${process.env.APP_URL || 'http://localhost:2222'}/api/calendar/oauth-callback`;
return new google.auth.OAuth2(
clientId.value,
clientSecret.value,
redirectUri
);
}
/**
* GET /api/calendar/auth-url
* Générer l'URL d'authentification OAuth
*/
router.get('/auth-url', requireAdmin, async (req, res) => {
try {
const oauth2Client = await getOAuth2Client();
const authUrl = oauth2Client.generateAuthUrl({
access_type: 'offline',
scope: SCOPES,
prompt: 'consent', // Force le prompt pour obtenir refresh_token
state: req.user.id.toString() // Pour identifier l'utilisateur au retour
});
res.json({ authUrl });
} catch (error) {
logger.error('Erreur lors de la génération de l\'URL OAuth:', error);
res.status(500).json({
error: 'Erreur lors de la génération de l\'URL',
details: error.message
});
}
});
/**
* GET /api/calendar/oauth-callback
* Callback OAuth pour récupérer les tokens
*/
router.get('/oauth-callback', async (req, res) => {
try {
const { code, state } = req.query;
if (!code) {
return res.status(400).send('Code d\'autorisation manquant');
}
const userId = parseInt(state);
if (!userId) {
return res.status(400).send('État utilisateur invalide');
}
const oauth2Client = await getOAuth2Client();
// Échanger le code contre des tokens
const { tokens } = await oauth2Client.getToken(code);
// Sauvegarder les tokens dans la base de données
const existing = await getOne('SELECT id FROM google_oauth_tokens WHERE user_id = ?', [userId]);
if (existing) {
await runQuery(`
UPDATE google_oauth_tokens
SET access_token = ?, refresh_token = COALESCE(?, refresh_token),
token_type = ?, expiry_date = ?, scope = ?, updated_at = CURRENT_TIMESTAMP
WHERE user_id = ?
`, [
tokens.access_token,
tokens.refresh_token,
tokens.token_type || 'Bearer',
tokens.expiry_date || null,
tokens.scope || SCOPES.join(' '),
userId
]);
} else {
await runQuery(`
INSERT INTO google_oauth_tokens
(user_id, access_token, refresh_token, token_type, expiry_date, scope)
VALUES (?, ?, ?, ?, ?, ?)
`, [
userId,
tokens.access_token,
tokens.refresh_token || null,
tokens.token_type || 'Bearer',
tokens.expiry_date || null,
tokens.scope || SCOPES.join(' ')
]);
}
logger.info(`Tokens OAuth sauvegardés pour l'utilisateur ${userId}`);
// Rediriger vers l'application avec un message de succès
res.send(`
<html>
<body>
<script>
window.opener.postMessage({ type: 'google-auth-success' }, '*');
window.close();
</script>
<h1>Authentification réussie!</h1>
<p>Vous pouvez fermer cette fenêtre et retourner à l'application.</p>
</body>
</html>
`);
} catch (error) {
logger.error('Erreur lors du callback OAuth:', error);
res.status(500).send(`
<html>
<body>
<h1>Erreur d'authentification</h1>
<p>${error.message}</p>
<script>
window.opener.postMessage({ type: 'google-auth-error', error: '${error.message}' }, '*');
</script>
</body>
</html>
`);
}
});
/**
* GET /api/calendar/auth-status
* Vérifier si l'utilisateur est authentifié avec Google
*/
router.get('/auth-status', async (req, res) => {
try {
const tokens = await getOne(
'SELECT access_token, expiry_date FROM google_oauth_tokens WHERE user_id = ?',
[req.user.id]
);
const isAuthenticated = !!tokens;
const isExpired = tokens && tokens.expiry_date && tokens.expiry_date < Date.now();
res.json({
isAuthenticated,
isExpired,
needsReauth: !isAuthenticated || isExpired
});
} catch (error) {
logger.error('Erreur lors de la vérification du statut OAuth:', error);
res.status(500).json({ error: 'Erreur serveur' });
}
});
/**
* Récupérer et rafraîchir les tokens OAuth si nécessaire
*/
async function getValidTokens(userId) {
const tokenData = await getOne(
'SELECT * FROM google_oauth_tokens WHERE user_id = ?',
[userId]
);
if (!tokenData) {
throw new Error('Tokens OAuth non trouvés. Veuillez vous authentifier.');
}
const oauth2Client = await getOAuth2Client();
oauth2Client.setCredentials({
access_token: tokenData.access_token,
refresh_token: tokenData.refresh_token,
token_type: tokenData.token_type,
expiry_date: tokenData.expiry_date,
scope: tokenData.scope
});
// Rafraîchir le token si expiré
if (tokenData.expiry_date && tokenData.expiry_date < Date.now()) {
try {
const { credentials } = await oauth2Client.refreshAccessToken();
// Mettre à jour les tokens dans la base de données
await runQuery(`
UPDATE google_oauth_tokens
SET access_token = ?, expiry_date = ?, updated_at = CURRENT_TIMESTAMP
WHERE user_id = ?
`, [credentials.access_token, credentials.expiry_date, userId]);
oauth2Client.setCredentials(credentials);
logger.info(`Token OAuth rafraîchi pour l'utilisateur ${userId}`);
} catch (error) {
logger.error('Erreur lors du rafraîchissement du token:', error);
throw new Error('Erreur lors du rafraîchissement du token. Veuillez vous reconnecter.');
}
}
return oauth2Client;
}
/**
* GET /api/calendar/events
* Récupérer les événements du calendrier
*/
router.get('/events', async (req, res) => {
try {
const limit = parseInt(req.query.limit) || 10;
const now = new Date().toISOString();
// Récupérer les événements à venir depuis la base de données
const events = await getAll(`
SELECT
id, google_event_id, title, description,
start_time, end_time, location, html_link
FROM calendar_events
WHERE user_id = ? AND start_time >= ?
ORDER BY start_time ASC
LIMIT ?
`, [req.user.id, now, limit]);
res.json(events || []);
} catch (error) {
logger.error('Erreur lors de la récupération des événements:', error);
res.status(500).json({ error: 'Erreur serveur' });
}
});
/**
* POST /api/calendar/sync
* Synchroniser avec Google Calendar via OAuth
*/
router.post('/sync', async (req, res) => {
try {
// Obtenir un client OAuth valide
const oauth2Client = await getValidTokens(req.user.id);
// Créer un client Google Calendar avec OAuth
const calendar = google.calendar({ version: 'v3', auth: oauth2Client });
// Récupérer les événements des 30 prochains jours
const now = new Date();
const futureDate = new Date();
futureDate.setDate(futureDate.getDate() + 30);
const response = await calendar.events.list({
calendarId: 'primary', // Calendrier principal de l'utilisateur
timeMin: now.toISOString(),
timeMax: futureDate.toISOString(),
maxResults: 50,
singleEvents: true,
orderBy: 'startTime',
});
const events = response.data.items || [];
let syncedCount = 0;
// Sauvegarder chaque événement dans la base de données
for (const event of events) {
const startTime = event.start.dateTime || event.start.date;
const endTime = event.end.dateTime || event.end.date;
// Vérifier si l'événement existe déjà
const existing = await getOne(
'SELECT id FROM calendar_events WHERE google_event_id = ? AND user_id = ?',
[event.id, req.user.id]
);
if (existing) {
// Mettre à jour l'événement existant
await runQuery(`
UPDATE calendar_events
SET title = ?, description = ?, start_time = ?, end_time = ?,
location = ?, html_link = ?, synced_at = CURRENT_TIMESTAMP
WHERE id = ?
`, [
event.summary || 'Sans titre',
event.description || '',
startTime,
endTime,
event.location || '',
event.htmlLink || '',
existing.id
]);
} else {
// Créer un nouvel événement
await runQuery(`
INSERT INTO calendar_events
(google_event_id, user_id, title, description, start_time, end_time, location, html_link)
VALUES (?, ?, ?, ?, ?, ?, ?, ?)
`, [
event.id,
req.user.id,
event.summary || 'Sans titre',
event.description || '',
startTime,
endTime,
event.location || '',
event.htmlLink || ''
]);
}
syncedCount++;
}
logger.info(`${syncedCount} événements synchronisés pour l'utilisateur ${req.user.username}`);
res.json({
message: 'Synchronisation réussie',
syncedCount,
events: events.length
});
} catch (error) {
logger.error('Erreur lors de la synchronisation avec Google Calendar:', error);
// Si l'erreur est liée à l'authentification, renvoyer un statut 401
if (error.message.includes('authentifier') || error.message.includes('reconnecter')) {
return res.status(401).json({
error: error.message,
needsReauth: true
});
}
res.status(500).json({
error: 'Erreur lors de la synchronisation',
details: error.message
});
}
});
/**
* POST /api/calendar/disconnect
* Déconnecter Google Calendar (supprimer les tokens)
*/
router.post('/disconnect', async (req, res) => {
try {
await runQuery('DELETE FROM google_oauth_tokens WHERE user_id = ?', [req.user.id]);
logger.info(`Tokens OAuth supprimés pour l'utilisateur ${req.user.username}`);
res.json({ message: 'Déconnecté avec succès' });
} catch (error) {
logger.error('Erreur lors de la déconnexion:', error);
res.status(500).json({ error: 'Erreur serveur' });
}
});
/**
* DELETE /api/calendar/events/:id
* Supprimer un événement local
*/
router.delete('/events/:id', async (req, res) => {
try {
const event = await getOne(
'SELECT id FROM calendar_events WHERE id = ? AND user_id = ?',
[req.params.id, req.user.id]
);
if (!event) {
return res.status(404).json({ error: 'Événement non trouvé' });
}
await runQuery('DELETE FROM calendar_events WHERE id = ?', [req.params.id]);
logger.info(`Événement ${req.params.id} supprimé`);
res.json({ message: 'Événement supprimé avec succès' });
} catch (error) {
logger.error('Erreur lors de la suppression de l\'événement:', error);
res.status(500).json({ error: 'Erreur serveur' });
}
});
module.exports = router;