function LatestNewsResults({ limit = 3, category = "all", showTitle = true, refreshInterval = 30 }) { const [newsArticles, setNewsArticles] = useState([]); const [loading, setLoading] = useState(true); const [error, setError] = useState(null); const [categories, setCategories] = useState([ { id: "all", name: "All" }, { id: "uap", name: "UAP" }, { id: "government", name: "Government" }, { id: "science", name: "Science" }, { id: "space", name: "Space" }, { id: "military", name: "Military" } ]); const [selectedCategory, setSelectedCategory] = useState(category); const fetchLatestNews = async (cat = selectedCategory)=>{ setLoading(true); setError(null); try { const response = await fetch("/api/fetch-latest-news", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ category: cat, timeframe: "week", query: "" }) }); const data = await response.json(); if (!data.success) { console.error("Error in API response:", data.error); setError(data.error || "Failed to fetch news"); setNewsArticles([]); } else { setNewsArticles(data.newsArticles?.slice(0, limit) || []); } } catch (error) { console.error("Error fetching news:", error); setError("Error connecting to the server"); setNewsArticles([]); } finally{ setLoading(false); } }; useEffect(()=>{ fetchLatestNews(category); setSelectedCategory(category); const interval = setInterval(()=>fetchLatestNews(selectedCategory), refreshInterval * 60 * 1000); return ()=>clearInterval(interval); }, [ category, limit, refreshInterval ]); const handleCategoryChange = (cat)=>{ setSelectedCategory(cat); fetchLatestNews(cat); }; return /*#__PURE__*/ React.createElement("div", { className: "w-full", __source: { fileName: "", lineNumber: 71, columnNumber: 5 }, __self: this }, showTitle && /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row md:items-center md:justify-between mb-6", __source: { fileName: "", lineNumber: 73, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl text-white mb-4 md:mb-0 font-orbitron glow-text-white", __source: { fileName: "", lineNumber: 74, columnNumber: 11 }, __self: this }, "LATEST NEWS"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2", __source: { fileName: "", lineNumber: 77, columnNumber: 11 }, __self: this }, categories.map((cat)=>/*#__PURE__*/ React.createElement("button", { key: cat.id, onClick: ()=>handleCategoryChange(cat.id), className: `inline-block text-xs px-3 py-1.5 rounded-md font-orbitron transition-all duration-300 ${selectedCategory === cat.id ? "bg-[#4a00e0] text-white border border-white glow-effect-white" : "bg-black text-white border border-white glow-effect-white"}`, __source: { fileName: "", lineNumber: 79, columnNumber: 15 }, __self: this }, cat.name)))), loading ? /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center py-8", __source: { fileName: "", lineNumber: 96, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-12 h-12 border-3 border-white rounded-full border-t-2 border-b-2 animate-spin mb-4 glow-effect-white", __source: { fileName: "", lineNumber: 97, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-white font-orbitron text-sm", __source: { fileName: "", lineNumber: 98, columnNumber: 11 }, __self: this }, "Scanning frequencies for latest reports...")) : error ? /*#__PURE__*/ React.createElement("div", { className: "bg-black border border-white rounded-md p-6 text-center glow-effect-white", __source: { fileName: "", lineNumber: 103, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-center mb-4", __source: { fileName: "", lineNumber: 104, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-12 h-12 rounded-full bg-[#ff3b30] flex items-center justify-center text-white text-xl font-bold glow-effect-white", __source: { fileName: "", lineNumber: 105, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation glow-text-white", __source: { fileName: "", lineNumber: 106, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("p", { className: "text-white text-sm font-orbitron mb-4", __source: { fileName: "", lineNumber: 109, columnNumber: 11 }, __self: this }, "Communication disrupted: ", error), /*#__PURE__*/ React.createElement("button", { onClick: ()=>fetchLatestNews(selectedCategory), className: "inline-block text-white text-sm border border-white rounded-md px-4 py-2 glow-effect-white hover:glow-effect-intense font-orbitron bg-[#4a00e0] cursor-pointer", __source: { fileName: "", lineNumber: 112, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sync-alt mr-2 glow-text-white", __source: { fileName: "", lineNumber: 116, columnNumber: 13 }, __self: this }), "Retry Connection")) : newsArticles.length > 0 ? /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 121, columnNumber: 9 }, __self: this }, newsArticles.map((article, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-black border border-white rounded-md overflow-hidden glow-effect-white hover:glow-effect-intense transition-all duration-300 transform hover:-translate-y-1", __source: { fileName: "", lineNumber: 123, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row", __source: { fileName: "", lineNumber: 127, columnNumber: 15 }, __self: this }, article.imageUrl && /*#__PURE__*/ React.createElement("div", { className: "md:w-1/3 h-36 md:h-auto overflow-hidden relative", __source: { fileName: "", lineNumber: 129, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-gradient-to-r from-[#4a00e0] to-transparent opacity-30 z-10", __source: { fileName: "", lineNumber: 130, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: article.imageUrl, alt: article.title, className: "w-full h-full object-cover", onError: (e)=>{ e.target.src = "https://images.unsplash.com/photo-1517976487492-5750f3195933?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80"; }, __source: { fileName: "", lineNumber: 131, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "p-4 md:w-2/3 flex flex-col", __source: { fileName: "", lineNumber: 142, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-white text-md mb-2 font-orbitron", __source: { fileName: "", lineNumber: 143, columnNumber: 19 }, __self: this }, article.title), /*#__PURE__*/ React.createElement("p", { className: "text-gray-300 text-xs mb-3 font-orbitron line-clamp-2 flex-grow", __source: { fileName: "", lineNumber: 146, columnNumber: 19 }, __self: this }, article.summary), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 149, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400 text-xs font-orbitron flex items-center", __source: { fileName: "", lineNumber: 150, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-newspaper mr-1 glow-text-white", __source: { fileName: "", lineNumber: 151, columnNumber: 23 }, __self: this }), article.source, /*#__PURE__*/ React.createElement("span", { className: "mx-1", __source: { fileName: "", lineNumber: 153, columnNumber: 23 }, __self: this }, "•"), /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar-alt mr-1 glow-text-white", __source: { fileName: "", lineNumber: 154, columnNumber: 23 }, __self: this }), article.date), /*#__PURE__*/ React.createElement("a", { href: article.url, target: "_blank", rel: "noopener noreferrer", className: "text-white text-xs border border-white rounded-md px-3 py-1.5 glow-effect-white hover:glow-effect-intense font-orbitron bg-[#4a00e0]", __source: { fileName: "", lineNumber: 157, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-external-link-alt mr-1 glow-text-white", __source: { fileName: "", lineNumber: 163, columnNumber: 23 }, __self: this }), "VIEW FULL REPORT"))))))) : /*#__PURE__*/ React.createElement("div", { className: "bg-black border border-white rounded-md p-8 text-center glow-effect-white", __source: { fileName: "", lineNumber: 173, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-satellite-dish text-3xl text-white mb-4 glow-text-white", __source: { fileName: "", lineNumber: 174, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-white text-sm font-orbitron", __source: { fileName: "", lineNumber: 175, columnNumber: 11 }, __self: this }, "No reports available at this time. Stand by for updates.")), /*#__PURE__*/ React.createElement("div", { className: "mt-6 text-center", __source: { fileName: "", lineNumber: 181, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/news-media", className: "inline-block text-white text-sm border border-white rounded-md px-4 py-2 glow-effect-white hover:glow-effect-intense font-orbitron bg-[#4a00e0]", __source: { fileName: "", lineNumber: 182, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-newspaper mr-2 glow-text-white", __source: { fileName: "", lineNumber: 186, columnNumber: 11 }, __self: this }), "VIEW ALL NEWS")), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 191, columnNumber: 7 }, __self: this }, ` .glow-text-white { text-shadow: 0 0 10px rgba(255, 255, 255, 0.7), 0 0 20px rgba(255, 255, 255, 0.5); } .glow-effect-white { box-shadow: 0 0 5px rgba(255, 255, 255, 0.5), 0 0 10px rgba(255, 255, 255, 0.3); } .glow-effect-intense { box-shadow: 0 0 10px rgba(255, 255, 255, 0.7), 0 0 20px rgba(255, 255, 255, 0.5); } @keyframes spin { to { transform: rotate(360deg); } } @keyframes pulse { 0% { opacity: 0.6; } 50% { opacity: 1; } 100% { opacity: 0.6; } } `)); } function LatestNewsResultsStory() { return /*#__PURE__*/ React.createElement("div", { className: "bg-[#000000] p-6 min-h-screen", __source: { fileName: "", lineNumber: 216, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl text-white mb-8 font-orbitron glow-text-white", __source: { fileName: "", lineNumber: 217, columnNumber: 7 }, __self: this }, "Latest News Component"), /*#__PURE__*/ React.createElement("div", { className: "mb-12", __source: { fileName: "", lineNumber: 221, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl text-white mb-4 font-orbitron", __source: { fileName: "", lineNumber: 222, columnNumber: 9 }, __self: this }, "Default View (3 articles)"), /*#__PURE__*/ React.createElement(LatestNewsResults, { __source: { fileName: "", lineNumber: 225, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-12", __source: { fileName: "", lineNumber: 228, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl text-white mb-4 font-orbitron", __source: { fileName: "", lineNumber: 229, columnNumber: 9 }, __self: this }, "UAP Category (2 articles)"), /*#__PURE__*/ React.createElement(LatestNewsResults, { category: "uap", limit: 2, __source: { fileName: "", lineNumber: 232, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-12", __source: { fileName: "", lineNumber: 235, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl text-white mb-4 font-orbitron", __source: { fileName: "", lineNumber: 236, columnNumber: 9 }, __self: this }, "Government Category (4 articles)"), /*#__PURE__*/ React.createElement(LatestNewsResults, { category: "government", limit: 4, __source: { fileName: "", lineNumber: 239, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-12", __source: { fileName: "", lineNumber: 242, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl text-white mb-4 font-orbitron", __source: { fileName: "", lineNumber: 243, columnNumber: 9 }, __self: this }, "Error State Simulation"), /*#__PURE__*/ React.createElement(LatestNewsResults, { limit: 0, __source: { fileName: "", lineNumber: 246, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-12", __source: { fileName: "", lineNumber: 249, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl text-white mb-4 font-orbitron", __source: { fileName: "", lineNumber: 250, columnNumber: 9 }, __self: this }, "Without Title"), /*#__PURE__*/ React.createElement(LatestNewsResults, { showTitle: false, __source: { fileName: "", lineNumber: 251, columnNumber: 9 }, __self: this }))); } function NotificationBell({ notifications = [], onMarkAllRead = ()=>{}, onMarkRead = ()=>{} }) { const [isOpen, setIsOpen] = useState(false); const dropdownRef = useRef(null); const toggleDropdown = ()=>{ setIsOpen(!isOpen); }; const handleMarkAllRead = ()=>{ onMarkAllRead(); setIsOpen(false); }; const handleMarkRead = (id)=>{ onMarkRead(id); }; const unreadCount = notifications.filter((notification)=>!notification.read).length; useEffect(()=>{ const handleClickOutside = (event)=>{ if (dropdownRef.current && !dropdownRef.current.contains(event.target)) { setIsOpen(false); } }; document.addEventListener("mousedown", handleClickOutside); return ()=>{ document.removeEventListener("mousedown", handleClickOutside); }; }, []); return /*#__PURE__*/ React.createElement("div", { className: "relative font-orbitron", ref: dropdownRef, __source: { fileName: "", lineNumber: 40, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: toggleDropdown, className: "relative p-2 rounded-full bg-black border border-white shadow-[0_0_10px_rgba(255,255,255,0.7)] transition-all hover:shadow-[0_0_15px_rgba(255,255,255,0.9)]", "aria-label": "Notifications", __source: { fileName: "", lineNumber: 41, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bell text-white text-xl shadow-[0_0_5px_rgba(255,255,255,0.7)]", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }), unreadCount > 0 && /*#__PURE__*/ React.createElement("span", { className: "absolute -top-1 -right-1 bg-red-500 text-white text-xs w-5 h-5 flex items-center justify-center rounded-full border border-white shadow-[0_0_5px_rgba(255,255,255,0.7)]", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, unreadCount > 9 ? "9+" : unreadCount)), isOpen && /*#__PURE__*/ React.createElement("div", { className: "absolute right-0 mt-2 w-80 max-h-96 overflow-y-auto bg-black border border-white shadow-[0_0_10px_rgba(255,255,255,0.7)] rounded-md z-50", __source: { fileName: "", lineNumber: 55, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 border-b border-white", __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 57, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-white text-lg", __source: { fileName: "", lineNumber: 58, columnNumber: 15 }, __self: this }, "NOTIFICATIONS"), notifications.length > 0 && /*#__PURE__*/ React.createElement("button", { onClick: handleMarkAllRead, className: "text-xs text-white px-2 py-1 bg-black border border-white shadow-[0_0_5px_rgba(255,255,255,0.7)] hover:shadow-[0_0_10px_rgba(255,255,255,0.9)] transition-all rounded", __source: { fileName: "", lineNumber: 60, columnNumber: 17 }, __self: this }, "MARK ALL READ"))), /*#__PURE__*/ React.createElement("div", { className: "divide-y divide-white", __source: { fileName: "", lineNumber: 70, columnNumber: 11 }, __self: this }, notifications.length === 0 ? /*#__PURE__*/ React.createElement("div", { className: "p-4 text-white text-center", __source: { fileName: "", lineNumber: 72, columnNumber: 15 }, __self: this }, "NO NEW NOTIFICATIONS") : notifications.map((notification)=>/*#__PURE__*/ React.createElement("div", { key: notification.id, className: `p-4 hover:bg-gray-900 transition-colors ${notification.read ? "opacity-60" : ""}`, onClick: ()=>handleMarkRead(notification.id), __source: { fileName: "", lineNumber: 77, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start gap-3", __source: { fileName: "", lineNumber: 82, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-shrink-0 mt-1", __source: { fileName: "", lineNumber: 83, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${notification.icon || "fa-info-circle"} text-white shadow-[0_0_5px_rgba(255,255,255,0.7)]`, __source: { fileName: "", lineNumber: 84, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 88, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-white text-sm", __source: { fileName: "", lineNumber: 89, columnNumber: 23 }, __self: this }, notification.message), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400 text-xs mt-1", __source: { fileName: "", lineNumber: 92, columnNumber: 23 }, __self: this }, notification.time)), !notification.read && /*#__PURE__*/ React.createElement("div", { className: "w-2 h-2 bg-blue-500 rounded-full shadow-[0_0_5px_rgba(255,255,255,0.7)]", __source: { fileName: "", lineNumber: 97, columnNumber: 23 }, __self: this })))))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 107, columnNumber: 7 }, __self: this }, ` @keyframes glow { 0% { box-shadow: 0 0 5px rgba(255,255,255,0.7); } 50% { box-shadow: 0 0 15px rgba(255,255,255,0.9); } 100% { box-shadow: 0 0 5px rgba(255,255,255,0.7); } } `)); } function NotificationBellStory() { const [notifications, setNotifications] = useState([ { id: 1, message: "Your profile has been updated successfully", time: "Just now", read: false, icon: "fa-user" }, { id: 2, message: "New message from Alex: 'Hey, how's it going?'", time: "5 minutes ago", read: false, icon: "fa-envelope" }, { id: 3, message: "System maintenance scheduled for tomorrow at 2AM", time: "1 hour ago", read: true, icon: "fa-cog" }, { id: 4, message: "Your subscription will expire in 3 days", time: "Yesterday", read: true, icon: "fa-calendar" } ]); const handleMarkAllRead = ()=>{ setNotifications(notifications.map((notification)=>({ ...notification, read: true }))); }; const handleMarkRead = (id)=>{ setNotifications(notifications.map((notification)=>notification.id === id ? { ...notification, read: true } : notification)); }; return /*#__PURE__*/ React.createElement("div", { className: "bg-black min-h-screen p-8 font-orbitron", __source: { fileName: "", lineNumber: 168, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-white text-2xl mb-8 text-center", __source: { fileName: "", lineNumber: 169, columnNumber: 7 }, __self: this }, "Notification Bell Component"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col gap-12", __source: { fileName: "", lineNumber: 173, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-end", __source: { fileName: "", lineNumber: 174, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement(NotificationBell, { notifications: notifications, onMarkAllRead: handleMarkAllRead, onMarkRead: handleMarkRead, __source: { fileName: "", lineNumber: 175, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end", __source: { fileName: "", lineNumber: 182, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement(NotificationBell, { notifications: [], onMarkAllRead: handleMarkAllRead, onMarkRead: handleMarkRead, __source: { fileName: "", lineNumber: 183, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-4 text-white", __source: { fileName: "", lineNumber: 188, columnNumber: 11 }, __self: this }, "Empty state")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end", __source: { fileName: "", lineNumber: 191, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement(NotificationBell, { notifications: notifications.slice(0, 2), onMarkAllRead: handleMarkAllRead, onMarkRead: handleMarkRead, __source: { fileName: "", lineNumber: 192, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-4 text-white", __source: { fileName: "", lineNumber: 197, columnNumber: 11 }, __self: this }, "Few notifications")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end", __source: { fileName: "", lineNumber: 200, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement(NotificationBell, { notifications: Array.from({ length: 12 }).fill().map((_, i)=>({ id: i + 1, message: `Notification ${i + 1}`, time: "Just now", read: i % 3 === 0, icon: "fa-bell" })), onMarkAllRead: handleMarkAllRead, onMarkRead: handleMarkRead, __source: { fileName: "", lineNumber: 201, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-4 text-white", __source: { fileName: "", lineNumber: 214, columnNumber: 11 }, __self: this }, "Many notifications")))); } function MainComponent() { const [newsArticles, setNewsArticles] = useState([]); const [loading, setLoading] = useState(true); const [error, setError] = useState(null); const [searchQuery, setSearchQuery] = useState(""); const [selectedCategory, setSelectedCategory] = useState("all"); const [selectedTimeframe, setSelectedTimeframe] = useState("week"); const [scrapedContent, setScrapedContent] = useState(""); const [scrapingUrl, setScrapingUrl] = useState(""); const [isScrapingLoading, setIsScrapingLoading] = useState(false); const [scrapingError, setScrapingError] = useState(null); const [notifications, setNotifications] = useState([ { id: 1, message: "New UAP sighting reported near your location", time: "2 hours ago", read: false, icon: "fa-satellite" }, { id: 2, message: "Pentagon releases new UAP footage", time: "Yesterday", read: false, icon: "fa-file-video" }, { id: 3, message: "Your sighting report has been approved", time: "3 days ago", read: true, icon: "fa-check-circle" } ]); const categories = [ { id: "all", name: "All Categories" }, { id: "ufo", name: "UFO Sightings" }, { id: "uap", name: "UAP Reports" }, { id: "government", name: "Government" }, { id: "research", name: "Research" }, { id: "drone", name: "Drone Activity" } ]; const timeframes = [ { id: "day", name: "Past 24 Hours" }, { id: "week", name: "Past Week" }, { id: "month", name: "Past Month" }, { id: "year", name: "Past Year" } ]; const fetchNewsAndMedia = async ()=>{ setLoading(true); setError(null); try { const response = await fetch("/api/fetch-latest-news", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ query: searchQuery, category: selectedCategory, timeframe: selectedTimeframe }) }); if (!response.ok) { throw new Error(`Failed to fetch news: ${response.status} ${response.statusText}`); } const data = await response.json(); if (!data.success) { throw new Error(data.message || "Failed to fetch news articles"); } setNewsArticles(data.newsArticles || []); } catch (error) { console.error("Error fetching news:", error); setError(error.message || "Failed to fetch news articles"); // Try backup API try { const backupResponse = await fetch("/api/fetch-latest-news", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ query: searchQuery, category: selectedCategory, timeframe: selectedTimeframe }) }); if (backupResponse.ok) { const backupData = await backupResponse.json(); if (backupData.success && backupData.newsArticles) { setNewsArticles(backupData.newsArticles); setError(null); } } } catch (backupError) { console.error("Backup API also failed:", backupError); } } finally{ setLoading(false); } }; const handleScrapeWebsite = async (e)=>{ e.preventDefault(); if (!scrapingUrl) return; setIsScrapingLoading(true); setScrapingError(null); setScrapedContent(""); try { const response = await fetch("/integrations/web-scraping/post", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ url: scrapingUrl, getText: true }) }); if (!response.ok) { throw new Error(`Failed to scrape website: ${response.status} ${response.statusText}`); } const content = await response.text(); setScrapedContent(content); } catch (error) { console.error("Error scraping website:", error); setScrapingError(error.message || "Failed to scrape website"); } finally{ setIsScrapingLoading(false); } }; const handleSearch = (e)=>{ e.preventDefault(); fetchNewsAndMedia(); }; const handleCategoryChange = (category)=>{ setSelectedCategory(category); }; const handleTimeframeChange = (timeframe)=>{ setSelectedTimeframe(timeframe); }; const handleMarkAllRead = ()=>{ setNotifications(notifications.map((notification)=>({ ...notification, read: true }))); }; const handleMarkRead = (id)=>{ setNotifications(notifications.map((notification)=>notification.id === id ? { ...notification, read: true } : notification)); }; useEffect(()=>{ fetchNewsAndMedia(); }, [ selectedCategory, selectedTimeframe ]); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-black text-white font-orbitron", __source: { fileName: "", lineNumber: 182, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 py-8", __source: { fileName: "", lineNumber: 183, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row justify-between items-start md:items-center mb-8", __source: { fileName: "", lineNumber: 184, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl mb-4 md:mb-0", __source: { fileName: "", lineNumber: 185, columnNumber: 11 }, __self: this }, "Aerial Sightings News & Media"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 186, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement(NotificationBell, { notifications: notifications, onMarkAllRead: handleMarkAllRead, onMarkRead: handleMarkRead, __source: { fileName: "", lineNumber: 187, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-3 gap-8", __source: { fileName: "", lineNumber: 195, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "lg:col-span-2", __source: { fileName: "", lineNumber: 196, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-black border border-white rounded-lg p-6 mb-8 glow-effect-white", __source: { fileName: "", lineNumber: 197, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-4", __source: { fileName: "", lineNumber: 198, columnNumber: 15 }, __self: this }, "Latest News"), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 200, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSearch, className: "flex flex-col md:flex-row gap-4", __source: { fileName: "", lineNumber: 201, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-grow", __source: { fileName: "", lineNumber: 202, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "search", value: searchQuery, onChange: (e)=>setSearchQuery(e.target.value), placeholder: "Search news articles...", className: "w-full px-4 py-2 bg-black border border-white rounded-md glow-effect-white text-white", __source: { fileName: "", lineNumber: 203, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-6 py-2 bg-black border border-white rounded-md glow-effect-white hover:glow-effect-intense", __source: { fileName: "", lineNumber: 212, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-search mr-2 glow-text-white", __source: { fileName: "", lineNumber: 216, columnNumber: 21 }, __self: this }), "Search"))), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 222, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2", __source: { fileName: "", lineNumber: 223, columnNumber: 17 }, __self: this }, categories.map((category)=>/*#__PURE__*/ React.createElement("button", { key: category.id, onClick: ()=>handleCategoryChange(category.id), className: `px-4 py-2 rounded-md text-sm ${selectedCategory === category.id ? "bg-[#4a00e0] border border-white glow-effect-intense" : "bg-black border border-white glow-effect-white"}`, __source: { fileName: "", lineNumber: 225, columnNumber: 21 }, __self: this }, category.name)))), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 240, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2", __source: { fileName: "", lineNumber: 241, columnNumber: 17 }, __self: this }, timeframes.map((timeframe)=>/*#__PURE__*/ React.createElement("button", { key: timeframe.id, onClick: ()=>handleTimeframeChange(timeframe.id), className: `px-4 py-2 rounded-md text-sm ${selectedTimeframe === timeframe.id ? "bg-[#4a00e0] border border-white glow-effect-intense" : "bg-black border border-white glow-effect-white"}`, __source: { fileName: "", lineNumber: 243, columnNumber: 21 }, __self: this }, timeframe.name)))), loading ? /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center py-12", __source: { fileName: "", lineNumber: 259, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-12 h-12 border-4 border-t-4 border-white rounded-full animate-spin glow-effect-white", __source: { fileName: "", lineNumber: 260, columnNumber: 19 }, __self: this })) : error ? /*#__PURE__*/ React.createElement("div", { className: "bg-black border border-white rounded-md p-6 text-center glow-effect-white", __source: { fileName: "", lineNumber: 263, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-triangle text-3xl mb-4 glow-text-white", __source: { fileName: "", lineNumber: 264, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "mb-4", __source: { fileName: "", lineNumber: 265, columnNumber: 19 }, __self: this }, error), /*#__PURE__*/ React.createElement("button", { onClick: fetchNewsAndMedia, className: "px-4 py-2 bg-black border border-white rounded-md glow-effect-white hover:glow-effect-intense", __source: { fileName: "", lineNumber: 266, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sync-alt mr-2 glow-text-white", __source: { fileName: "", lineNumber: 270, columnNumber: 21 }, __self: this }), "Try Again")) : newsArticles.length === 0 ? /*#__PURE__*/ React.createElement("div", { className: "bg-black border border-white rounded-md p-6 text-center glow-effect-white", __source: { fileName: "", lineNumber: 275, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-newspaper text-3xl mb-4 glow-text-white", __source: { fileName: "", lineNumber: 276, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 277, columnNumber: 19 }, __self: this }, "No news articles found. Try adjusting your search criteria.")) : /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 280, columnNumber: 17 }, __self: this }, newsArticles.map((article, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-black border border-white rounded-md overflow-hidden glow-effect-white hover:glow-effect-intense transition-all duration-300", __source: { fileName: "", lineNumber: 282, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row", __source: { fileName: "", lineNumber: 286, columnNumber: 23 }, __self: this }, article.imageUrl && /*#__PURE__*/ React.createElement("div", { className: "md:w-1/3 h-48 md:h-auto overflow-hidden", __source: { fileName: "", lineNumber: 288, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: article.imageUrl, alt: `Image for article: ${article.title}`, className: "w-full h-full object-cover", onError: (e)=>{ e.target.src = "https://images.unsplash.com/photo-1517976487492-5750f3195933?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80"; }, __source: { fileName: "", lineNumber: 289, columnNumber: 29 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "p-6 md:w-2/3", __source: { fileName: "", lineNumber: 299, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl mb-2", __source: { fileName: "", lineNumber: 300, columnNumber: 27 }, __self: this }, article.title), /*#__PURE__*/ React.createElement("p", { className: "text-gray-300 mb-4", __source: { fileName: "", lineNumber: 301, columnNumber: 27 }, __self: this }, article.summary), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 302, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 303, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "mr-4", __source: { fileName: "", lineNumber: 304, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-newspaper mr-2 glow-text-white", __source: { fileName: "", lineNumber: 305, columnNumber: 33 }, __self: this }), article.source), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 308, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar-alt mr-2 glow-text-white", __source: { fileName: "", lineNumber: 309, columnNumber: 33 }, __self: this }), article.date)), /*#__PURE__*/ React.createElement("a", { href: article.url, target: "_blank", rel: "noopener noreferrer", className: "px-4 py-2 bg-black border border-white rounded-md glow-effect-white hover:glow-effect-intense", __source: { fileName: "", lineNumber: 313, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-external-link-alt mr-2 glow-text-white", __source: { fileName: "", lineNumber: 319, columnNumber: 31 }, __self: this }), "Read More"))))))))), /*#__PURE__*/ React.createElement("div", { className: "lg:col-span-1", __source: { fileName: "", lineNumber: 332, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-black border border-white rounded-lg p-6 mb-8 glow-effect-white", __source: { fileName: "", lineNumber: 333, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-4", __source: { fileName: "", lineNumber: 334, columnNumber: 15 }, __self: this }, "Web Scraper"), /*#__PURE__*/ React.createElement("p", { className: "mb-4 text-gray-300", __source: { fileName: "", lineNumber: 335, columnNumber: 15 }, __self: this }, "Extract content from any website for research purposes."), /*#__PURE__*/ React.createElement("form", { onSubmit: handleScrapeWebsite, className: "mb-4", __source: { fileName: "", lineNumber: 337, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 338, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "url", name: "scrapingUrl", value: scrapingUrl, onChange: (e)=>setScrapingUrl(e.target.value), placeholder: "Enter website URL...", className: "w-full px-4 py-2 bg-black border border-white rounded-md glow-effect-white text-white", required: true, __source: { fileName: "", lineNumber: 339, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full px-4 py-2 bg-black border border-white rounded-md glow-effect-white hover:glow-effect-intense", disabled: isScrapingLoading, __source: { fileName: "", lineNumber: 349, columnNumber: 17 }, __self: this }, isScrapingLoading ? /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 355, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2 glow-text-white", __source: { fileName: "", lineNumber: 356, columnNumber: 23 }, __self: this }), "Scraping...") : /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 360, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-download mr-2 glow-text-white", __source: { fileName: "", lineNumber: 361, columnNumber: 23 }, __self: this }), "Scrape Website"))), scrapingError && /*#__PURE__*/ React.createElement("div", { className: "bg-black border border-white rounded-md p-4 mb-4 glow-effect-white", __source: { fileName: "", lineNumber: 369, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-red-500", __source: { fileName: "", lineNumber: 370, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-circle mr-2 glow-text-white", __source: { fileName: "", lineNumber: 371, columnNumber: 21 }, __self: this }), scrapingError)), scrapedContent && /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 378, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg mb-2", __source: { fileName: "", lineNumber: 379, columnNumber: 19 }, __self: this }, "Scraped Content"), /*#__PURE__*/ React.createElement("div", { className: "bg-black border border-white rounded-md p-4 max-h-96 overflow-y-auto glow-effect-white", __source: { fileName: "", lineNumber: 380, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("pre", { className: "whitespace-pre-wrap text-sm text-gray-300", __source: { fileName: "", lineNumber: 381, columnNumber: 21 }, __self: this }, scrapedContent)))), /*#__PURE__*/ React.createElement("div", { className: "bg-black border border-white rounded-lg p-6 glow-effect-white", __source: { fileName: "", lineNumber: 387, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-4", __source: { fileName: "", lineNumber: 388, columnNumber: 15 }, __self: this }, "Featured News"), /*#__PURE__*/ React.createElement(LatestNewsResults, { limit: 3, category: "all", showTitle: false, __source: { fileName: "", lineNumber: 389, columnNumber: 15 }, __self: this }))))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 395, columnNumber: 7 }, __self: this }, ` .glow-text-white { text-shadow: 0 0 10px rgba(255, 255, 255, 0.7), 0 0 20px rgba(255, 255, 255, 0.5); } .glow-effect-white { box-shadow: 0 0 5px rgba(255, 255, 255, 0.5), 0 0 10px rgba(255, 255, 255, 0.3); } .glow-effect-intense { box-shadow: 0 0 10px rgba(255, 255, 255, 0.7), 0 0 20px rgba(255, 255, 255, 0.5); } @keyframes spin { to { transform: rotate(360deg); } } `)); }