mirror of
https://github.com/tulir/gomuks.git
synced 2025-04-19 18:13:41 -05:00
67 lines
2.4 KiB
TypeScript
67 lines
2.4 KiB
TypeScript
// gomuks - A Matrix client written in Go.
|
|
// Copyright (C) 2024 Tulir Asokan
|
|
//
|
|
// This program is free software: you can redistribute it and/or modify
|
|
// it under the terms of the GNU Affero General Public License as published by
|
|
// the Free Software Foundation, either version 3 of the License, or
|
|
// (at your option) any later version.
|
|
//
|
|
// This program is distributed in the hope that it will be useful,
|
|
// but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
// GNU Affero General Public License for more details.
|
|
//
|
|
// You should have received a copy of the GNU Affero General Public License
|
|
// along with this program. If not, see <https://www.gnu.org/licenses/>.
|
|
import { useEffect, useMemo, useState } from "react"
|
|
import { ScaleLoader } from "react-spinners"
|
|
import Client from "./api/client.ts"
|
|
import WSClient from "./api/wsclient.ts"
|
|
import { ClientState } from "./api/types/hievents.ts"
|
|
import { ConnectionEvent } from "./api/rpc.ts"
|
|
import { LoginScreen, VerificationScreen } from "./ui/login"
|
|
import MainScreen from "./ui/MainScreen.tsx"
|
|
|
|
function App() {
|
|
const [connState, setConnState] = useState<ConnectionEvent>()
|
|
const [clientState, setClientState] = useState<ClientState>()
|
|
const client = useMemo(() => new Client(new WSClient("/_gomuks/websocket")), [])
|
|
useEffect(() => {
|
|
((window as unknown) as { client: Client }).client = client
|
|
|
|
// TODO remove this debug log
|
|
const unlistenDebug = client.rpc.event.listen(ev => {
|
|
console.debug("Received event:", ev)
|
|
})
|
|
const unlistenConnect = client.rpc.connect.listen(setConnState)
|
|
const unlistenState = client.state.listen(setClientState)
|
|
client.rpc.start()
|
|
return () => {
|
|
unlistenConnect()
|
|
unlistenState()
|
|
unlistenDebug()
|
|
client.rpc.stop()
|
|
}
|
|
}, [client])
|
|
|
|
if (connState?.error) {
|
|
return <div>
|
|
error {`${connState.error}`} :(
|
|
</div>
|
|
} else if (!connState?.connected || !clientState) {
|
|
const msg = connState?.connected ?
|
|
"Waiting for client state..." : "Connecting to backend..."
|
|
return <div>
|
|
<ScaleLoader/>
|
|
{msg}
|
|
</div>
|
|
} else if (!clientState.is_logged_in) {
|
|
return <LoginScreen client={client} clientState={clientState}/>
|
|
} else if (!clientState.is_verified) {
|
|
return <VerificationScreen client={client} clientState={clientState}/>
|
|
} else {
|
|
return <MainScreen client={client} />
|
|
}
|
|
}
|
|
|
|
export default App
|