mirror of
https://github.com/bitburner-official/bitburner-src.git
synced 2024-10-23 10:13:13 +02:00
6e908814db
Also add [dev] prefix when in development mode.
94 lines
2.6 KiB
TypeScript
94 lines
2.6 KiB
TypeScript
import React, { useState, useEffect } from "react";
|
|
import CircularProgress from "@mui/material/CircularProgress";
|
|
import Typography from "@mui/material/Typography";
|
|
import Grid from "@mui/material/Grid";
|
|
import Box from "@mui/material/Box";
|
|
import { Theme } from "@mui/material/styles";
|
|
import makeStyles from "@mui/styles/makeStyles";
|
|
import createStyles from "@mui/styles/createStyles";
|
|
|
|
import { Terminal } from "../Terminal";
|
|
import { load } from "../db";
|
|
import { Player } from "../Player";
|
|
import { Engine } from "../engine";
|
|
import { GameRoot } from "./GameRoot";
|
|
|
|
import { CONSTANTS } from "../Constants";
|
|
import { ActivateRecoveryMode } from "./React/RecoveryRoot";
|
|
import { hash } from "../hash/hash";
|
|
|
|
const useStyles = makeStyles((theme: Theme) =>
|
|
createStyles({
|
|
root: {
|
|
backgroundColor: theme.colors.backgroundprimary,
|
|
},
|
|
}),
|
|
);
|
|
|
|
export function LoadingScreen(): React.ReactElement {
|
|
const classes = useStyles();
|
|
const [show, setShow] = useState(false);
|
|
const [loaded, setLoaded] = useState(false);
|
|
|
|
const version = `v${CONSTANTS.VersionString} (${hash()})`;
|
|
if (process.env.NODE_ENV === "development") {
|
|
document.title = `[dev] Bitburner ${version}`;
|
|
} else {
|
|
document.title = `Bitburner ${version}`;
|
|
}
|
|
|
|
useEffect(() => {
|
|
const id = setTimeout(() => {
|
|
if (!loaded) setShow(true);
|
|
}, 2000);
|
|
return () => clearTimeout(id);
|
|
});
|
|
|
|
useEffect(() => {
|
|
async function doLoad(): Promise<void> {
|
|
await load()
|
|
.then((saveString) => {
|
|
try {
|
|
Engine.load(saveString);
|
|
} catch (err: any) {
|
|
ActivateRecoveryMode();
|
|
setLoaded(true);
|
|
throw err;
|
|
}
|
|
|
|
setLoaded(true);
|
|
})
|
|
.catch((reason) => {
|
|
console.error(reason);
|
|
Engine.load("");
|
|
setLoaded(true);
|
|
});
|
|
}
|
|
doLoad();
|
|
}, []);
|
|
|
|
return (
|
|
<Box className={classes.root}>
|
|
{loaded ? (
|
|
<GameRoot terminal={Terminal} engine={Engine} player={Player} />
|
|
) : (
|
|
<Grid container direction="column" justifyContent="center" alignItems="center" style={{ minHeight: "100vh" }}>
|
|
<Grid item>
|
|
<CircularProgress size={150} color="primary" />
|
|
</Grid>
|
|
<Grid item>
|
|
<Typography variant="h3">Loading Bitburner {version}</Typography>
|
|
</Grid>
|
|
{show && (
|
|
<Grid item>
|
|
<Typography>
|
|
If the game fails to load, consider <a href="?noScripts">killing all scripts</a>
|
|
</Typography>
|
|
</Grid>
|
|
)}
|
|
</Grid>
|
|
)}
|
|
</Box>
|
|
);
|
|
}
|