import React from 'react'; import { BrowserRouter as Router, Route, Link, Switch } from 'react-router-dom'; import * as qs from 'qs'; import Icon from './components/Icon'; import { Discover, Discussions, Blog, Tag, Home } from './components/Feeds'; import { Friends, Readers } from './components/Users'; import Settings from './components/Settings'; import Contacts from './components/Contacts'; import Chat from './components/Chat'; import Post from './components/Post'; import Thread from './components/Thread'; import LoginButton from './components/LoginButton'; import { AvatarLink } from './components/Avatar'; import Header from './components/Header'; import SearchBox from './components/SearchBox'; import cookies from 'react-cookies'; import { me } from './api'; export default class App extends React.Component { constructor(props) { super(props); let params = qs.parse(window.location.search); if (params.hash) { cookies.save('hash', params.hash, { path: '/' }); window.history.replaceState({}, document.title, `${window.location.protocol}//${window.location.host}${window.location.pathname}`); } this.state = { visitor: { uid: Number(cookies.load('_juick_uid')), hash: cookies.load('hash') } }; this.pm = React.createRef(); this.thread = React.createRef(); } initES = () => { const params = { hash: this.state.visitor.hash }; let url = new URL(`https://api.juick.com/events?${qs.stringify(params)}`); this.es = new EventSource(url); this.es.onopen = () => { console.log('online'); }; this.es.addEventListener('msg', msg => { try { var jsonMsg = JSON.parse(msg.data); console.log('data: ' + msg.data); // refresh server visitor state (unread counters) me().then(visitor => { this.setState({ visitor: visitor }); }); if (jsonMsg.service) { return; } if (!jsonMsg.mid) { this.pm.current.onMessage(jsonMsg); } if (jsonMsg.rid && this.thread.current) { this.thread.current.onReply(jsonMsg); } } catch (err) { console.log(err); } }); } componentDidMount() { const { hash } = this.state.visitor; this.initES(); if (hash) { me().then(visitor => this.auth(visitor)); } } search = (history, pathname, searchString) => { let location = {}; location.pathname = pathname; location.search = `?search=${searchString}`; history.push(location); } render() { const user = this.state.visitor; return ( <>
{user.uid > 0 ?
{user.uname ? : }
: }
} /> } /> } /> } /> } /> } /> } /> } /> } /> } /> } /> } />
); } auth = (visitor) => { cookies.save('_juick_uid', visitor.uid, { path: '/' }); this.setState({ visitor: visitor }); } }