import { useState, useEffect, useRef, Fragment, useCallback } from 'react' import { Route, Link, Routes } from 'react-router-dom' import svg4everybody from 'svg4everybody' import Icon from './ui/Icon' import { Discover, Discussions, Blog, Tag, Home } from './ui/Feeds' import { Friends, Readers } from './ui/Users' import Settings from './ui/Settings' import Contacts from './ui/Contacts' import Chat from './ui/Chat' import Header from './ui/Header' import Post from './ui/Post' import Thread from './ui/Thread' import { me, trends } from './api' import { useVisitor } from './ui/VisitorContext' import Avatar from './ui/Avatar' import { Toaster } from 'react-hot-toast' /** * * @param {import('react').PropsWithChildren<{}> & { * footer: string * }} props props */ export default function App({ footer }) { let contentRef = useRef(null) const [allTrends, setAllTrends] = useState([]) const [visitor, setVisitor] = useVisitor() useEffect(() => { svg4everybody() /* if (params['hash']) { setCookie('hash', params['hash'], { path: '/' }) let retpath = params['retpath'] || `${window.location.protocol}//${window.location.host}${window.location.pathname}` window.history.replaceState({}, document.title, retpath) }*/ }, []) let updateStatus = useCallback(() => { // refresh server visitor state (unread counters) me().then(visitor => { setVisitor(visitor) }).catch(console.error) }, [setVisitor]) const [eventSource, setEventSource] = /** @param EventSource? */ useState({}) useEffect(() => { let es if (visitor) { if ('EventSource' in window) { es = new EventSource('/api/events', { withCredentials: true }) es.onopen = () => { console.log('online') } es.onerror = () => { es.removeEventListener('read', updateStatus) es.removeEventListener('msg', updateStatus) } es.addEventListener('read', updateStatus) es.addEventListener('msg', updateStatus) setEventSource(es) } } return (() => { if (es && es.removeEventListener) { es.removeEventListener('read', updateStatus) es.removeEventListener('msg', updateStatus) } }) }, [visitor, updateStatus]) useEffect(() => { const getTrends = async () => { setAllTrends(await trends()) } getTrends().catch(console.error) }, []) return ( <>
{ }
} /> } /> } /> } /> } /> } /> } /> } /> } /> } /> } /> } />
) }