64 lines
1.8 KiB
TypeScript
64 lines
1.8 KiB
TypeScript
import { getBasepath, navigate, setBasepath } from "hookrouter"
|
|
import * as React from "react"
|
|
import { Application, isExecutableApplication } from "../common/api"
|
|
import { HttpError } from "../common/http"
|
|
import { normalize, Options } from "../common/util"
|
|
import { Logo } from "./components/logo"
|
|
import { Modal } from "./components/modal"
|
|
|
|
export interface AppProps {
|
|
options: Options
|
|
}
|
|
|
|
const App: React.FunctionComponent<AppProps> = (props) => {
|
|
const [authed, setAuthed] = React.useState<boolean>(props.options.authed)
|
|
const [app, setApp] = React.useState<Application | undefined>(props.options.app)
|
|
const [error, setError] = React.useState<HttpError | Error | string>()
|
|
|
|
if (typeof window !== "undefined") {
|
|
const url = new URL(window.location.origin + window.location.pathname + props.options.basePath)
|
|
setBasepath(normalize(url.pathname))
|
|
|
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
;(window as any).setAuthed = (a: boolean): void => {
|
|
if (authed !== a) {
|
|
setAuthed(a)
|
|
// TEMP: Remove when no longer auto-loading VS Code.
|
|
if (a && !app) {
|
|
setApp({
|
|
name: "VS Code",
|
|
path: "/",
|
|
embedPath: "/vscode-embed",
|
|
})
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
React.useEffect(() => {
|
|
if (app && !isExecutableApplication(app)) {
|
|
navigate(normalize(`${getBasepath()}/${app.path}/`, true))
|
|
}
|
|
}, [app])
|
|
|
|
return (
|
|
<>
|
|
{!app || !app.loaded ? (
|
|
<div className="coder-splash">
|
|
<Logo />
|
|
</div>
|
|
) : (
|
|
undefined
|
|
)}
|
|
<Modal app={app} setApp={setApp} authed={authed} error={error} setError={setError} />
|
|
{authed && app && app.embedPath ? (
|
|
<iframe id="iframe" src={normalize(`./${app.embedPath}/`, true)}></iframe>
|
|
) : (
|
|
undefined
|
|
)}
|
|
</>
|
|
)
|
|
}
|
|
|
|
export default App
|