diff --git a/client/src/components/WeatherWidget.tsx b/client/src/components/WeatherWidget.tsx index f356b7d..60288d4 100644 --- a/client/src/components/WeatherWidget.tsx +++ b/client/src/components/WeatherWidget.tsx @@ -1,6 +1,9 @@ -import { useQuery } from "@tanstack/react-query"; -import { Cloud, CloudRain, Sun, CloudSnow, CloudSun, ThermometerSun, CloudDrizzle, Wind, Zap, Eye } from "lucide-react"; +import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query"; +import { Cloud, CloudRain, Sun, CloudSnow, CloudSun, ThermometerSun, CloudDrizzle, Wind, Zap, Eye, MapPin, Loader2 } from "lucide-react"; import { Card, CardContent } from "@/components/ui/card"; +import { Button } from "@/components/ui/button"; +import { useToast } from "@/hooks/use-toast"; +import { apiRequest } from "@/lib/queryClient"; interface WeatherData { id: number; @@ -118,12 +121,95 @@ const WeatherIcon = ({ condition, size = 20 }: { condition: string; size?: numbe }; export default function WeatherWidget() { + const { toast } = useToast(); + const queryClient = useQueryClient(); + const { data: weather, isLoading, error } = useQuery({ queryKey: ['/api/weather/current'], refetchInterval: 30 * 60 * 1000, // Refetch every 30 minutes retry: 1, }); + // Mutation pour la géolocalisation + const geoLocationMutation = useMutation({ + mutationFn: async (coordinates: { latitude: number; longitude: number }) => { + const response = await fetch('/api/weather/geolocation', { + method: 'POST', + headers: { + 'Content-Type': 'application/json', + }, + body: JSON.stringify(coordinates), + }); + + if (!response.ok) { + const error = await response.json(); + throw new Error(error.message || 'Erreur de géolocalisation'); + } + + return response.json(); + }, + onSuccess: (data) => { + toast({ + title: "Localisation mise à jour", + description: data.message, + }); + + // Actualiser les données météo + queryClient.invalidateQueries({ queryKey: ['/api/weather/current'] }); + }, + onError: (error: any) => { + toast({ + title: "Erreur de géolocalisation", + description: error.message || "Impossible de déterminer votre localisation", + variant: "destructive", + }); + }, + }); + + // Fonction pour obtenir la géolocalisation + const handleGeolocation = () => { + if (!navigator.geolocation) { + toast({ + title: "Géolocalisation non supportée", + description: "Votre navigateur ne supporte pas la géolocalisation", + variant: "destructive", + }); + return; + } + + navigator.geolocation.getCurrentPosition( + (position) => { + const { latitude, longitude } = position.coords; + geoLocationMutation.mutate({ latitude, longitude }); + }, + (error) => { + let message = "Erreur de géolocalisation"; + switch (error.code) { + case error.PERMISSION_DENIED: + message = "Autorisation de géolocalisation refusée"; + break; + case error.POSITION_UNAVAILABLE: + message = "Position non disponible"; + break; + case error.TIMEOUT: + message = "Délai d'attente dépassé"; + break; + } + + toast({ + title: "Erreur de géolocalisation", + description: message, + variant: "destructive", + }); + }, + { + enableHighAccuracy: true, + timeout: 10000, + maximumAge: 300000, // 5 minutes + } + ); + }; + if (isLoading) { return ( @@ -160,9 +246,25 @@ export default function WeatherWidget() {
- - {location.split(',')[0]} - +
+ + {location.split(',')[0]} + + +
{translateToFrench(weather.currentYear?.condition || 'Inconnu')} diff --git a/replit.md b/replit.md index aedf062..31c52cf 100644 --- a/replit.md +++ b/replit.md @@ -29,7 +29,7 @@ The platform is built with a clear separation of concerns, utilizing a modern fu - **Data Synchronization:** Logic is implemented to ensure data consistency between development (in-memory storage) and production (PostgreSQL) environments, particularly for order status and relationships. **Feature Specifications:** -- **Weather Integration:** A comprehensive, modern weather interface displays detailed weather conditions sourced directly from the Visual Crossing API with French language support. Features intelligent date comparison using the same day of the week from the previous year for more relevant weather pattern analysis (e.g., Friday August 15, 2025 vs Friday August 16, 2024). +- **Weather Integration:** A comprehensive, modern weather interface displays detailed weather conditions sourced directly from the Visual Crossing API with French language support. Features intelligent date comparison using the same day of the week from the previous year for more relevant weather pattern analysis (e.g., Friday August 15, 2025 vs Friday August 16, 2024). Enhanced with automatic geolocation detection allowing users to click a button to auto-detect their city using GPS coordinates and Visual Crossing reverse geocoding API (August 2025). - **Order and Delivery Management:** Full CRUD operations for orders and deliveries, including linking orders to deliveries and managing their statuses. - **Reconciliation:** Functionality for reconciling Bills of Lading (BL) and invoices with immediate UI updates. - **Invoice Verification Cache:** Robust caching system for invoice verification results with automatic expiration and conflict resolution. Enhanced with unique constraint handling and graceful error management for production stability (August 2025). Fixed production SSL certificate errors and fetch timeout loops with enhanced error handling, network timeout protection, and error result caching to prevent infinite retry loops (August 2025). diff --git a/server/routes.ts b/server/routes.ts index 917e5ef..4e2958e 100644 --- a/server/routes.ts +++ b/server/routes.ts @@ -2934,6 +2934,60 @@ RÉSUMÉ DU SCAN } }); + // Route de géolocalisation météo + app.post('/api/weather/geolocation', isAuthenticated, async (req: any, res) => { + try { + const user = await storage.getUserWithGroups(req.user.claims ? req.user.claims.sub : req.user.id); + if (!user) { + return res.status(404).json({ message: "User not found" }); + } + + const { latitude, longitude } = req.body; + + if (!latitude || !longitude) { + return res.status(400).json({ message: "Latitude et longitude requises" }); + } + + // Récupérer les paramètres météo actuels pour obtenir la clé API + const settings = await storage.getWeatherSettings(); + if (!settings || !settings.apiKey) { + return res.status(500).json({ message: "Configuration météo manquante" }); + } + + // Convertir les coordonnées en nom de ville + const locationData = await weatherService.getCityFromCoordinates( + parseFloat(latitude), + parseFloat(longitude), + settings.apiKey + ); + + if (!locationData) { + return res.status(500).json({ message: "Impossible de déterminer la ville à partir des coordonnées" }); + } + + // Mettre à jour automatiquement la configuration météo avec la nouvelle localisation + await storage.updateWeatherSettings(settings.id, { + location: locationData.fullLocation + }); + + console.log('🌍 Localisation mise à jour automatiquement:', { + from: settings.location, + to: locationData.fullLocation, + coordinates: { latitude, longitude } + }); + + res.json({ + success: true, + location: locationData, + message: `Localisation mise à jour vers ${locationData.city}, ${locationData.country}` + }); + + } catch (error) { + console.error("Erreur géolocalisation météo:", error); + res.status(500).json({ message: "Erreur lors de la géolocalisation" }); + } + }); + // Create server instance const httpServer = createServer(app); diff --git a/server/weatherService.ts b/server/weatherService.ts index a692724..294b2ba 100644 --- a/server/weatherService.ts +++ b/server/weatherService.ts @@ -242,6 +242,46 @@ export class WeatherService { return { success: false, message: "Erreur de connexion à l'API météo" }; } } + + /** + * Convertit les coordonnées GPS en nom de ville via l'API Visual Crossing + */ + async getCityFromCoordinates(latitude: number, longitude: number, apiKey: string): Promise<{ city: string; country: string; fullLocation: string } | null> { + try { + const url = `${this.baseUrl}/${latitude},${longitude}?unitGroup=metric&include=current&key=${apiKey}&contentType=json`; + + console.log('🌍 Géolocalisation:', { latitude, longitude }); + + const response = await fetch(url); + if (!response.ok) { + console.error(`Geolocation API error: ${response.status} ${response.statusText}`); + return null; + } + + const data = await response.json(); + + // L'API Visual Crossing retourne les informations de localisation + if (data.resolvedAddress) { + const address = data.resolvedAddress; + const parts = address.split(',').map((part: string) => part.trim()); + + // Extraire la ville et le pays de l'adresse + const city = parts[0] || 'Ville inconnue'; + const country = parts[parts.length - 1] || 'Pays inconnu'; + + return { + city, + country, + fullLocation: address + }; + } + + return null; + } catch (error) { + console.error("Erreur lors de la géolocalisation:", error); + return null; + } + } } export const weatherService = new WeatherService(); \ No newline at end of file