bitburner-src/src/Diagnostic/FileDiagnosticModal.tsx

121 lines
3.5 KiB
TypeScript
Raw Normal View History

2021-09-15 03:47:42 +02:00
import React from "react";
2021-10-07 22:56:01 +02:00
import { GetServer, GetAllServers } from "../Server/AllServers";
2021-09-15 03:47:42 +02:00
import { Modal } from "../ui/React/Modal";
import { numeralWrapper } from "../ui/numeralFormat";
2021-09-17 01:23:03 +02:00
import Table from "@mui/material/Table";
import TableBody from "@mui/material/TableBody";
import TableCell from "@mui/material/TableCell";
import TableContainer from "@mui/material/TableContainer";
import TableHead from "@mui/material/TableHead";
import TableRow from "@mui/material/TableRow";
import Typography from "@mui/material/Typography";
import Paper from "@mui/material/Paper";
import Accordion from "@mui/material/Accordion";
import AccordionSummary from "@mui/material/AccordionSummary";
import AccordionDetails from "@mui/material/AccordionDetails";
import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
2021-09-15 03:47:42 +02:00
interface IServerProps {
2021-10-07 23:55:49 +02:00
hostname: string;
2021-09-15 03:47:42 +02:00
}
2021-09-22 02:30:00 +02:00
function ServerAccordion(props: IServerProps): React.ReactElement {
2021-10-07 23:55:49 +02:00
const server = GetServer(props.hostname);
2021-11-22 17:36:13 +01:00
if (server === null) throw new Error(`server '${props.hostname}' should not be null`);
2021-09-15 03:47:42 +02:00
let totalSize = 0;
for (const f of server.scripts) {
totalSize += f.code.length;
}
for (const f of server.textFiles) {
totalSize += f.text.length;
}
if (totalSize === 0) {
return <></>;
}
interface File {
name: string;
size: number;
}
const files: File[] = [];
for (const f of server.scripts) {
files.push({ name: f.filename, size: f.code.length });
}
for (const f of server.textFiles) {
files.push({ name: f.fn, size: f.text.length });
}
files.sort((a: File, b: File): number => b.size - a.size);
return (
<Accordion TransitionProps={{ unmountOnExit: true }}>
<AccordionSummary expandIcon={<ExpandMoreIcon />}>
<Typography>
{server.hostname} ({numeralWrapper.formatBigNumber(totalSize)}b)
</Typography>
</AccordionSummary>
<AccordionDetails>
<TableContainer component={Paper}>
<Table>
<TableHead>
<TableRow>
<TableCell>
<Typography>Filename</Typography>
</TableCell>
<TableCell align="right">
<Typography>Size</Typography>
</TableCell>
</TableRow>
</TableHead>
<TableBody>
{files.map((file: File) => (
<TableRow key={file.name}>
<TableCell component="th" scope="row">
<Typography>{file.name}</Typography>
</TableCell>
<TableCell align="right">
<Typography>{numeralWrapper.formatBigNumber(file.size)}b</Typography>
</TableCell>
</TableRow>
))}
</TableBody>
</Table>
</TableContainer>
<ul></ul>
</AccordionDetails>
</Accordion>
);
}
interface IProps {
open: boolean;
onClose: () => void;
}
export function FileDiagnosticModal(props: IProps): React.ReactElement {
2021-10-07 22:04:04 +02:00
const keys: string[] = [];
2021-11-22 17:36:13 +01:00
for (const key of GetAllServers()) {
keys.push(key.hostname);
2021-09-15 03:47:42 +02:00
}
return (
<Modal open={props.open} onClose={props.onClose}>
<>
<Typography>
Welcome to the file diagnostic! If your save file is really big it's likely because you have too many
text/scripts. This tool can help you narrow down where they are.
</Typography>
2021-10-07 23:55:49 +02:00
{keys.map((hostname: string) => (
<ServerAccordion key={hostname} hostname={hostname} />
2021-09-15 03:47:42 +02:00
))}
</>
</Modal>
);
}