import { doc, getDoc, setDoc, updateDoc, deleteDoc, onSnapshot, collection, increment, query, orderBy } from "https://www.gstatic.com/firebasejs/11.6.1/firebase-firestore.js"; import { MapPin, Play, Pause, Navigation, X, List, Search, Video, Headphones, FastForward, Rewind, Locate, LocateFixed, Music, Plus, Check, Map as MapIcon, Bell, Newspaper, Calendar, Clock, CheckSquare, Square, Trophy, CheckCircle2, Users, Key, FolderLock, ExternalLink, MessageSquare, Send, AlertCircle, Star, Heart, EyeOff } from 'https://esm.sh/lucide-react@0.263.1?bundle'; const { useState, useEffect, useRef, useMemo } = React; // SANITIZZAZIONE GLOBALE DEGLI IFRAME (Protezione XSS) const sanitizeEmbed = (html) => { if (!html || !window.DOMPurify) return html; return window.DOMPurify.sanitize(html, { ADD_TAGS: ['iframe'], ADD_ATTR: ['allow', 'allowfullscreen', 'frameborder', 'scrolling', 'src', 'width', 'height', 'allowtransparency', 'title'], ALLOWED_URI_REGEXP: /^(?:(?:https?|mailto|tel|callto|cid|xmpp):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i }); }; const getYouTubeId = (url) => { if (!url) return null; const match = url.match(/(?:youtu\.be\/|youtube\.com\/(?:embed\/|v\/|watch\?v=|watch\?.+&v=))([^&?]+)/); return match ? match[1] : null; }; const getGoogleDriveId = (url) => { if (!url) return null; const match = url.match(/\/d\/([a-zA-Z0-9_-]+)/) || url.match(/id=([a-zA-Z0-9_-]+)/); return match ? match[1] : null; }; const getVimeoId = (url) => { if(!url) return null; const match = url.match(/vimeo\.com\/(?:video\/)?([0-9]+)/); return match ? match[1] : null; }; const getSpotifyUrl = (url) => { if(!url) return null; if(url.includes('spotify.com/track') || url.includes('spotify.com/episode') || url.includes('spotify.com/playlist') || url.includes('spotify.com/album')) return url.replace('open.spotify.com', 'open.spotify.com/embed'); return null; }; const calculateDistance = (lat1, lon1, lat2, lon2) => { if (!lat1 || !lon1 || !lat2 || !lon2) return Infinity; const R = 6371; const dLat = (lat2 - lat1) * Math.PI / 180; const dLon = (lon2 - lon1) * Math.PI / 180; const a = 0.5 - Math.cos(dLat)/2 + Math.cos(lat1 * Math.PI / 180) * Math.cos(lat2 * Math.PI / 180) * (1 - Math.cos(dLon))/2; return R * 2 * Math.asin(Math.sqrt(a)); }; const isEventExpired = (poi) => { if (!poi.isSpecialEvent) return false; if (poi.eventEndDate && poi.eventEndTime) { const endDateTime = new Date(`${poi.eventEndDate}T${poi.eventEndTime}`); return new Date() > endDateTime; } return false; }; const isListActive = (list) => { if (!list) return false; const now = new Date(); if (list.startDate) { const start = new Date(`${list.startDate}T${list.startTime || '00:00'}:00`); if (now < start) return false; } if (list.endDate) { const end = new Date(`${list.endDate}T${list.endTime || '23:59'}:59`); if (now > end) return false; } return true; }; const GeoMap = ({ pois, onPoiSelect, activePoiId, centerOn, userLocation, visitedPois }) => { const mapRef = useRef(null); const mapInstance = useRef(null); const markersGroupRef = useRef(null); const userMarkerRef = useRef(null); useEffect(() => { if (!mapInstance.current) { const map = L.map(mapRef.current, { zoomControl: false }).setView([45.4064, 11.8768], 14); L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { attribution: '© OSM', maxZoom: 19 }).addTo(map); markersGroupRef.current = L.layerGroup().addTo(map); mapInstance.current = map; } }, []); useEffect(() => { if (centerOn && mapInstance.current) mapInstance.current.flyTo([centerOn.lat, centerOn.lng], 17, { animate: true, duration: 1.0 }); }, [centerOn]); useEffect(() => { if (!mapInstance.current || !markersGroupRef.current) return; markersGroupRef.current.clearLayers(); pois.forEach(poi => { const isVisited = visitedPois.includes(poi.id); let color = poi.isSpecialEvent ? '#ef4444' : (poi.listId && poi.listId !== 'generic' ? '#f59e0b' : '#2563eb'); if (isVisited) color = '#10b981'; const isActive = activePoiId === poi.id; const displayIcon = poi.markerIcon ? poi.markerIcon : (poi.hasMedia !== false ? (poi.mediaType === 'video' ? '🎬' : '🎧') : 'πŸ“'); const markerHtml = `
${isVisited && !poi.markerIcon ? 'βœ”' : displayIcon}
`; const icon = L.divIcon({ className: 'custom-div-icon', html: markerHtml, iconSize: [36, 36], iconAnchor: [18, 18] }); L.marker([poi.lat, poi.lng], { icon: icon }).addTo(markersGroupRef.current).on('click', () => onPoiSelect(poi)); }); }, [pois, activePoiId, onPoiSelect, visitedPois]); useEffect(() => { if (!mapInstance.current || !userLocation) return; if (!userMarkerRef.current) { const userHtml = `
`; const icon = L.divIcon({ className: 'custom-div-icon', html: userHtml, iconSize: [18, 18], iconAnchor: [9, 9] }); userMarkerRef.current = L.marker([userLocation.lat, userLocation.lng], { icon, zIndexOffset: 1000 }).addTo(mapInstance.current); } else userMarkerRef.current.setLatLng([userLocation.lat, userLocation.lng]); }, [userLocation]); return
; }; const GlobalBottomPlayer = ({ media, onClose, isMinimized, onToggleMinimize }) => { const spoUrl = getSpotifyUrl(media.mediaUrl); const isGenericEmbed = media.sourceType === 'embed' || (media.mediaUrl && String(media.mediaUrl).trim().startsWith('<')); const audioRef = useRef(null); const [isPlaying, setIsPlaying] = useState(false); const [currentTime, setCurrentTime] = useState(0); const [duration, setDuration] = useState(0); useEffect(() => { setIsPlaying(false); if (!spoUrl && !isGenericEmbed && audioRef.current && media && media.mediaUrl) { try { audioRef.current.load(); const p = audioRef.current.play(); if(p !== undefined) { p.then(() => setIsPlaying(true)).catch(e => { console.warn("Riproduzione audio bloccata o formato non supportato", e); setIsPlaying(false); }); } } catch (e) { setIsPlaying(false); } } }, [media, spoUrl, isGenericEmbed]); if (!media || !media.mediaUrl) return null; const progressPercent = duration ? (currentTime / duration) * 100 : 0; if (isMinimized) { return ( <> {!spoUrl && !isGenericEmbed && (