2023-10-03 05:47:59 +02:00
|
|
|
import React, { useCallback } from "react";
|
2021-09-14 02:37:35 +02:00
|
|
|
|
2023-10-03 05:47:59 +02:00
|
|
|
import { Accordion, AccordionSummary, AccordionDetails, Button, ButtonGroup, Typography } from "@mui/material";
|
2021-09-17 01:23:03 +02:00
|
|
|
import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
|
2023-10-03 05:47:59 +02:00
|
|
|
import { makeStyles } from "@mui/styles";
|
2021-09-14 02:37:35 +02:00
|
|
|
|
2022-10-10 00:42:14 +02:00
|
|
|
import { Player } from "@player";
|
2023-10-03 05:47:59 +02:00
|
|
|
import { useRerender } from "../../ui/React/hooks";
|
2021-09-14 02:37:35 +02:00
|
|
|
|
|
|
|
// Update as additional BitNodes get implemented
|
2022-01-09 21:22:23 +01:00
|
|
|
const validSFN = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13];
|
2023-10-03 05:47:59 +02:00
|
|
|
const useStyles = makeStyles({
|
|
|
|
group: {
|
|
|
|
display: "inline-flex",
|
|
|
|
placeItems: "center",
|
|
|
|
},
|
|
|
|
extraInfo: {
|
|
|
|
marginLeft: "0.5em",
|
|
|
|
},
|
|
|
|
});
|
2021-09-14 02:37:35 +02:00
|
|
|
|
2023-06-27 04:29:44 +02:00
|
|
|
export function SourceFilesDev(): React.ReactElement {
|
2023-10-03 05:47:59 +02:00
|
|
|
const rerender = useRerender();
|
|
|
|
const classes = useStyles();
|
2023-10-03 06:36:51 +02:00
|
|
|
|
2023-10-03 05:47:59 +02:00
|
|
|
const setSF = useCallback(
|
|
|
|
(sfN: number, sfLvl: number) => () => {
|
2022-01-16 00:13:35 +01:00
|
|
|
if (sfN === 9) {
|
2022-09-06 15:07:12 +02:00
|
|
|
Player.hacknetNodes = [];
|
2022-01-16 00:13:35 +01:00
|
|
|
}
|
2021-09-14 02:37:35 +02:00
|
|
|
if (sfLvl === 0) {
|
2023-04-18 09:19:45 +02:00
|
|
|
Player.sourceFiles.delete(sfN);
|
2023-10-03 05:47:59 +02:00
|
|
|
rerender();
|
2021-09-14 02:37:35 +02:00
|
|
|
return;
|
|
|
|
}
|
2023-04-18 09:19:45 +02:00
|
|
|
Player.sourceFiles.set(sfN, sfLvl);
|
2023-10-03 05:47:59 +02:00
|
|
|
rerender();
|
|
|
|
},
|
|
|
|
[rerender],
|
|
|
|
);
|
2021-09-14 02:37:35 +02:00
|
|
|
|
2023-10-03 05:47:59 +02:00
|
|
|
const setAllSF = useCallback((sfLvl: number) => () => validSFN.forEach((sfN) => setSF(sfN, sfLvl)()), [setSF]);
|
|
|
|
const clearExploits = () => (Player.exploits = []);
|
2023-10-03 06:36:51 +02:00
|
|
|
|
|
|
|
const devLvls = [0, 1, 2, 3];
|
|
|
|
|
2023-10-03 05:47:59 +02:00
|
|
|
const buttonRow = (sfN?: number) => {
|
|
|
|
const title = sfN ? `SF-${sfN}` : "Set All";
|
|
|
|
const level = sfN ? Player.sourceFileLvl(sfN) : 0;
|
|
|
|
return (
|
|
|
|
<tr key={title}>
|
|
|
|
<td>
|
|
|
|
<Typography>{title}</Typography>
|
|
|
|
</td>
|
|
|
|
<td>
|
|
|
|
<ButtonGroup className={classes.group}>
|
|
|
|
{devLvls.map((lvl) => (
|
|
|
|
<Button key={lvl} onClick={sfN === undefined ? setAllSF(lvl) : setSF(sfN, lvl)}>
|
|
|
|
{lvl}
|
|
|
|
</Button>
|
|
|
|
))}
|
|
|
|
{sfN === 12 &&
|
|
|
|
[1, 10, 100].map((numLevels) => (
|
|
|
|
<Button key={numLevels} onClick={setSF(12, level + numLevels)}>
|
|
|
|
+{numLevels}
|
|
|
|
</Button>
|
|
|
|
))}
|
|
|
|
{sfN && <Typography className={classes.extraInfo}>{`Level: ${level}`}</Typography>}
|
|
|
|
</ButtonGroup>
|
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
);
|
|
|
|
};
|
2023-10-03 06:36:51 +02:00
|
|
|
|
2021-09-14 02:37:35 +02:00
|
|
|
return (
|
2021-09-18 03:30:02 +02:00
|
|
|
<Accordion TransitionProps={{ unmountOnExit: true }}>
|
2021-09-14 02:37:35 +02:00
|
|
|
<AccordionSummary expandIcon={<ExpandMoreIcon />}>
|
2021-10-01 22:22:33 +02:00
|
|
|
<Typography>Source-Files</Typography>
|
2021-09-14 02:37:35 +02:00
|
|
|
</AccordionSummary>
|
|
|
|
<AccordionDetails>
|
|
|
|
<table>
|
|
|
|
<tbody>
|
|
|
|
<tr>
|
|
|
|
<td>
|
2021-10-01 02:06:40 +02:00
|
|
|
<Typography>Exploits:</Typography>
|
2021-09-14 02:37:35 +02:00
|
|
|
</td>
|
|
|
|
<td>
|
|
|
|
<Button onClick={clearExploits}>Clear</Button>
|
|
|
|
</td>
|
|
|
|
</tr>
|
2023-10-03 05:47:59 +02:00
|
|
|
{[undefined, ...validSFN].map((sfN) => buttonRow(sfN))}
|
2021-09-14 02:37:35 +02:00
|
|
|
</tbody>
|
|
|
|
</table>
|
|
|
|
</AccordionDetails>
|
|
|
|
</Accordion>
|
|
|
|
);
|
|
|
|
}
|