Merge branch 'dev' of https://github.com/deathly809/bitburner into dev

2024-12-18 12:15:44 +01:00 · 2022-01-14 17:14:41 -08:00 · 2022-01-14 17:14:41 -08:00 · 0002daa3e9
commit 0002daa3e9
parent dc6432fa4e 62ac7f7d17
37 changed files with 689 additions and 524 deletions
--- a/.github/ISSUE_TEMPLATE
+++ b/.github/ISSUE_TEMPLATE
@ -0,0 +1,8 @@
+# include (where relevant)
+
+You can delete this section
+
+- [ ] Save file
+- [ ] Minimal scripts to reproduce the issue
+- [ ] Steps to reproduce
+- [ ] Version of the game, e.g. Bitburner v1.3.0 (216bf616)
--- a/.github/PULL_REQUEST_TEMPLATE
+++ b/.github/PULL_REQUEST_TEMPLATE
@ -0,0 +1,9 @@
+# Documentation
+
+- DO NOT CHANGE any markdown/\*.md, these files are autogenerated from NetscriptDefinitions.d.ts and will be overwritten
+- DO NOT re-generate the documentation, makes it harder to review.
+
+# Bug fix
+
+- Include how it was tested
+- Include screenshot / gif (if possible)
--- a/dist/vendor.bundle.js
+++ b/dist/vendor.bundle.js
--- a/electron/achievements.js
+++ b/electron/achievements.js
@ -3,6 +3,9 @@ const greenworks = require("./greenworks");
 const log = require("electron-log");

 function enableAchievementsInterval(window) {
+  // If the Steam API could not be initialized on game start, we'll abort this.
+  if (global.greenworksError) return;
+
   // This is backward but the game fills in an array called `document.achievements` and we retrieve it from
  // here. Hey if it works it works.
  const steamAchievements = greenworks.getAchievementNames();
--- a/electron/main.js
+++ b/electron/main.js
@ -16,10 +16,18 @@ process.on('uncaughtException', function () {
  process.exit(1);
 });

+// We want to fail gracefully if we cannot connect to Steam
+try {
  if (greenworks.init()) {
    log.info("Steam API has been initialized.");
  } else {
-  log.warn("Steam API has failed to initialize.");
+    const error = "Steam API has failed to initialize.";
+    log.warn(error);
+    global.greenworksError = error;
+  }
+} catch (ex) {
+  log.warn(ex.message);
+  global.greenworksError = ex.message;
 }

 function setStopProcessHandler(app, window, enabled) {
@ -113,4 +121,13 @@ app.whenReady().then(async () => {
  } else {
    startWindow(process.argv.includes("--no-scripts"));
  }
+
+  if (global.greenworksError) {
+    dialog.showMessageBox({
+      title: 'Bitburner',
+      message: 'Could not connect to Steam',
+      detail: `${global.greenworksError}\n\nYou won't be able to receive achievements until this is resolved and you restart the game.`,
+      type: 'warning', buttons: ['OK']
+    });
+  }
 });
--- a/main.bundle.js
+++ b/main.bundle.js
--- a/main.bundle.js.map
+++ b/main.bundle.js.map
--- a/markdown/bitburner.userinterface.getstyles.md
+++ b/markdown/bitburner.userinterface.getstyles.md
@ -0,0 +1,23 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [bitburner](./bitburner.md) &gt; [UserInterface](./bitburner.userinterface.md) &gt; [getStyles](./bitburner.userinterface.getstyles.md)
+
+## UserInterface.getStyles() method
+
+Get the current styles
+
+<b>Signature:</b>
+
+```typescript
+getStyles(): IStyleSettings;
+```
+<b>Returns:</b>
+
+IStyleSettings
+
+An object containing the player's styles
+
+## Remarks
+
+RAM cost: cost: 0 GB
+
--- a/markdown/bitburner.userinterface.md
+++ b/markdown/bitburner.userinterface.md
@ -16,7 +16,10 @@ interface UserInterface

 |  Method | Description |
 |  --- | --- |
+|  [getStyles()](./bitburner.userinterface.getstyles.md) | Get the current styles |
 |  [getTheme()](./bitburner.userinterface.gettheme.md) | Get the current theme |
+|  [resetStyles()](./bitburner.userinterface.resetstyles.md) | Resets the player's styles to the default values |
 |  [resetTheme()](./bitburner.userinterface.resettheme.md) | Resets the player's theme to the default values |
+|  [setStyles(newStyles)](./bitburner.userinterface.setstyles.md) | Sets the current styles |
 |  [setTheme(newTheme)](./bitburner.userinterface.settheme.md) | Sets the current theme |

--- a/markdown/bitburner.userinterface.resetstyles.md
+++ b/markdown/bitburner.userinterface.resetstyles.md
@ -0,0 +1,21 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [bitburner](./bitburner.md) &gt; [UserInterface](./bitburner.userinterface.md) &gt; [resetStyles](./bitburner.userinterface.resetstyles.md)
+
+## UserInterface.resetStyles() method
+
+Resets the player's styles to the default values
+
+<b>Signature:</b>
+
+```typescript
+resetStyles(): void;
+```
+<b>Returns:</b>
+
+void
+
+## Remarks
+
+RAM cost: cost: 0 GB
+
--- a/markdown/bitburner.userinterface.setstyles.md
+++ b/markdown/bitburner.userinterface.setstyles.md
@ -0,0 +1,38 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [bitburner](./bitburner.md) &gt; [UserInterface](./bitburner.userinterface.md) &gt; [setStyles](./bitburner.userinterface.setstyles.md)
+
+## UserInterface.setStyles() method
+
+Sets the current styles
+
+<b>Signature:</b>
+
+```typescript
+setStyles(newStyles: IStyleSettings): void;
+```
+
+## Parameters
+
+|  Parameter | Type | Description |
+|  --- | --- | --- |
+|  newStyles | IStyleSettings |  |
+
+<b>Returns:</b>
+
+void
+
+## Remarks
+
+RAM cost: cost: 0 GB
+
+## Example
+
+Usage example (NS2)
+
+```ts
+const styles = ns.ui.getStyles();
+styles.fontFamily = 'Comic Sans Ms';
+ns.ui.setStyles(styles);
+```
+
--- a/src/Augmentation/AugmentationHelpers.tsx
+++ b/src/Augmentation/AugmentationHelpers.tsx
@ -2582,7 +2582,6 @@ function installAugmentations(): boolean {
    augmentationList += aug.name + level + "<br>";
  }
  Player.queuedAugmentations = [];
-
  dialogBoxCreate(
    "You slowly drift to sleep as scientists put you under in order " +
      "to install the following Augmentations:<br>" +
--- a/src/Bladeburner/data/Help.ts
+++ b/src/Bladeburner/data/Help.ts
@ -20,13 +20,15 @@ export const ConsoleHelpText: {
    "    skill [action] [name]         Level or display info about your Bladeburner skills",
    "    start [type] [name]           Start a Bladeburner action/task",
    "    stop                          Stops your current Bladeburner action/task",
+    " ",
  ],
  automate: [
-    "automate [var] [val] [hi/low]",
+    "Usage: automate [var] [val] [hi/low]",
    " ",
    "A simple way to automate your Bladeburner actions. This console command can be used " +
    "to automatically start an action when your stamina rises above a certain threshold, and " +
    "automatically switch to another action when your stamina drops below another threshold.",
+    " ",
    "    automate status - Check the current status of your automation and get a brief description of what it'll do",
    "    automate en - Enable the automation feature",
    "    automate dis - Disable the automation feature",
@ -42,11 +44,12 @@ export const ConsoleHelpText: {
    "if your stamina is 100 or higher, and then switch to Field Analysis if your stamina drops below " +
    "50. Note that when setting the action, the name of the action is CASE-SENSITIVE. It must " +
    "exactly match whatever the name is in the UI.",
+    " ",
  ],
-  clear: ["clear", "", "Clears the console"],
-  cls: ["cls", "", "Clears the console"],
+  clear: ["Usage: clear", " ", "Clears the console", " "],
+  cls: ["Usage: cls", " ", "Clears the console", " "],
  help: [
-    "help [command]",
+    "Usage: help [command]",
    " ",
    "Running 'help' with no arguments displays the general help text, which lists all console commands " +
    "and a brief description of what they do. A command can be specified to get more specific help text " +
@ -55,9 +58,10 @@ export const ConsoleHelpText: {
    "    help automate",
    " ",
    "will display specific information about using the automate console command",
+    " ",
  ],
  log: [
-    "log [en/dis] [type]",
+    "Usage: log [en/dis] [type]",
    " ",
    "Enable or disable logging. By default, the results of completing actions such as contracts/operations are logged " +
    "in the console. There are also random events that are logged in the console as well. The five categories of " +
@ -75,9 +79,10 @@ export const ConsoleHelpText: {
    " ",
    "    log dis all",
    "    log en all",
+    " ",
  ],
  skill: [
-    "skill [action] [name]",
+    "Usage: skill [action] [name]",
    " ",
    "Level or display information about your skills.",
    " ",
@ -95,9 +100,10 @@ export const ConsoleHelpText: {
    "This console command can also be used to level up skills:",
    " ",
    "    skill level [skill name]",
+    " ",
  ],
  start: [
-    "start [type] [name]",
+    "Usage: start [type] [name]",
    " ",
    "Start an action. An action is specified by its type and its name. The " +
    "name is case-sensitive. It must appear exactly as it does in the UI. If " +
@ -110,6 +116,7 @@ export const ConsoleHelpText: {
    " ",
    "    start contract Tracking",
    "    start op 'Undercover Operation'",
+    " ",
  ],
-  stop: ["stop", "", "Stop your current action and go idle."],
+  stop: ["Usage: stop", " ", "Stop your current action and go idle.", " "],
 };
--- a/src/Bladeburner/ui/BladeburnerRoot.tsx
+++ b/src/Bladeburner/ui/BladeburnerRoot.tsx
@ -4,7 +4,6 @@ import { Console } from "./Console";
 import { AllPages } from "./AllPages";

 import { use } from "../../ui/Context";
-import Grid from "@mui/material/Grid";
 import Box from "@mui/material/Box";

 export function BladeburnerRoot(): React.ReactElement {
@ -24,14 +23,10 @@ export function BladeburnerRoot(): React.ReactElement {
  if (bladeburner === null) return <></>;
  return (
    <Box display="flex" flexDirection="column">
-      <Grid container>
-        <Grid item xs={6}>
+      <Box sx={{ display: "grid", gridTemplateColumns: "4fr 8fr", p: 1 }}>
        <Stats bladeburner={bladeburner} player={player} router={router} />
-        </Grid>
-        <Grid item xs={6}>
        <Console bladeburner={bladeburner} player={player} />
-        </Grid>
-      </Grid>
+      </Box>

      <AllPages bladeburner={bladeburner} player={player} />
    </Box>
--- a/src/Bladeburner/ui/Console.tsx
+++ b/src/Bladeburner/ui/Console.tsx
@ -23,7 +23,7 @@ const useStyles = makeStyles((theme: Theme) =>
      width: "100%",
    },
    input: {
-      backgroundColor: "#000",
+      backgroundColor: theme.colors.backgroundsecondary,
    },
    nopadding: {
      padding: theme.spacing(0),
@ -56,6 +56,7 @@ export function Console(props: IProps): React.ReactElement {
  const classes = useStyles();
  const [command, setCommand] = useState("");
  const setRerender = useState(false)[1];
+  const consoleInput = useRef<HTMLInputElement>(null);

  function handleCommandChange(event: React.ChangeEvent<HTMLInputElement>): void {
    setCommand(event.target.value);
@ -131,15 +132,21 @@ export function Console(props: IProps): React.ReactElement {
    }
  }

+  function handleClick(): void {
+    if (!consoleInput.current) return;
+    consoleInput.current.focus();
+  }
+
  return (
-    <Paper>
+    <Paper sx={{ p: 1 }}>
      <Box sx={{
        height: '60vh',
        paddingBottom: '8px',
        display: 'flex',
        alignItems: 'stretch',
        whiteSpace: 'pre-wrap',
-      }}>
+      }}
+        onClick={handleClick}>
        <Box>
          <Logs entries={[...props.bladeburner.consoleLogs]} />
        </Box>
@ -149,6 +156,7 @@ export function Console(props: IProps): React.ReactElement {
        autoFocus
        tabIndex={1}
        type="text"
+        inputRef={consoleInput}
        value={command}
        onChange={handleCommandChange}
        onKeyDown={handleKeyDown}
@ -182,7 +190,7 @@ function Logs({entries}: ILogProps): React.ReactElement {

  useEffect(() => {
    scrollToBottom();
-  }, [entries]);
+  }, [entries.length]);

  return (
    <List sx={{ height: "100%", overflow: "auto", p: 1 }} ref={scrollHook}>
--- a/src/Bladeburner/ui/Stats.tsx
+++ b/src/Bladeburner/ui/Stats.tsx
@ -3,7 +3,6 @@ import { formatNumber, convertTimeMsToTimeElapsedString } from "../../utils/Stri
 import { BladeburnerConstants } from "../data/Constants";
 import { IPlayer } from "../../PersonObjects/IPlayer";
 import { Money } from "../../ui/React/Money";
-import { StatsTable } from "../../ui/React/StatsTable";
 import { numeralWrapper } from "../../ui/numeralFormat";
 import { Factions } from "../../Faction/Factions";
 import { IRouter } from "../../ui/Router";
@ -44,7 +43,19 @@ export function Stats(props: IProps): React.ReactElement {
  }

  return (
-    <Paper sx={{ p: 1 }}>
+    <Paper sx={{ p: 1, overflowY: 'auto', overflowX: 'hidden', wordBreak: 'break-all' }}>
+      <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1, maxHeight: '60vh' }}>
+        <Box sx={{ alignSelf: 'flex-start', width: '100%' }}>
+          <Button onClick={() => setTravelOpen(true)} sx={{ width: '50%' }}>Travel</Button>
+          <Tooltip title={!inFaction ? <Typography>Rank 25 required.</Typography> : ""}>
+            <span>
+              <Button disabled={!inFaction} onClick={openFaction} sx={{ width: '50%' }}>
+                Faction
+              </Button>
+            </span>
+          </Tooltip>
+          <TravelModal open={travelOpen} onClose={() => setTravelOpen(false)} bladeburner={props.bladeburner} />
+        </Box>
        <Box display="flex">
          <Tooltip title={<Typography>Your rank within the Bladeburner division.</Typography>}>
            <Typography>Rank: {formatNumber(props.bladeburner.rank, 2)}</Typography>
@ -158,24 +169,16 @@ export function Stats(props: IProps): React.ReactElement {
        )}
        <Typography>Skill Points: {formatNumber(props.bladeburner.skillPoints, 0)}</Typography>
        <br />
-      <StatsTable
-        rows={[
-          ["Aug. Success Chance mult: ", formatNumber(props.player.bladeburner_success_chance_mult * 100, 1) + "%"],
-          ["Aug. Max Stamina mult: ", formatNumber(props.player.bladeburner_max_stamina_mult * 100, 1) + "%"],
-          ["Aug. Stamina Gain mult: ", formatNumber(props.player.bladeburner_stamina_gain_mult * 100, 1) + "%"],
-          ["Aug. Field Analysis mult: ", formatNumber(props.player.bladeburner_analysis_mult * 100, 1) + "%"],
-        ]}
-      />
+        <Typography>
+          Aug. Success Chance mult: {formatNumber(props.player.bladeburner_success_chance_mult * 100, 1)}%
          <br />
-      <Button onClick={() => setTravelOpen(true)}>Travel</Button>
-      <Tooltip title={!inFaction ? <Typography>Rank 25 required.</Typography> : ""}>
-        <span>
-          <Button disabled={!inFaction} onClick={openFaction}>
-            Faction
-          </Button>
-        </span>
-      </Tooltip>
-      <TravelModal open={travelOpen} onClose={() => setTravelOpen(false)} bladeburner={props.bladeburner} />
+          Aug. Max Stamina mult: {formatNumber(props.player.bladeburner_max_stamina_mult * 100, 1)}%
+          <br />
+          Aug. Stamina Gain mult: {formatNumber(props.player.bladeburner_stamina_gain_mult * 100, 1)}%
+          <br />
+          Aug. Field Analysis mult: {formatNumber(props.player.bladeburner_analysis_mult * 100, 1)}%
+        </Typography>
+      </Box>
    </Paper>
  );
 }
--- a/src/Faction/ui/AugmentationsPage.tsx
+++ b/src/Faction/ui/AugmentationsPage.tsx
@ -15,6 +15,7 @@ import { hasAugmentationPrereqs } from "../FactionHelpers";
 import { use } from "../../ui/Context";
 import { Reputation } from "../../ui/React/Reputation";
 import { Favor } from "../../ui/React/Favor";
+import { numeralWrapper } from "../../ui/numeralFormat";

 import Box from "@mui/material/Box";
 import Button from "@mui/material/Button";
@ -203,7 +204,7 @@ export function AugmentationsPage(props: IProps): React.ReactElement {
            </Typography>
          }
        >
-          <Typography>Price multiplier: x {mult.toFixed(3)}</Typography>
+          <Typography>Price multiplier: x {numeralWrapper.formatMultiplier(mult)}</Typography>
        </Tooltip>
      </Box>
      <Button onClick={() => switchSortOrder(PurchaseAugmentationsOrderSetting.Cost)}>Sort by Cost</Button>
--- a/src/Netscript/RamCostGenerator.ts
+++ b/src/Netscript/RamCostGenerator.ts
@ -364,6 +364,9 @@ export const RamCosts: IMap<any> = {
    getTheme: 0,
    setTheme: 0,
    resetTheme: 0,
+    getStyles: 0,
+    setStyles: 0,
+    resetStyles: 0,
  },

  heart: {
--- a/src/NetscriptFunctions.ts
+++ b/src/NetscriptFunctions.ts
@ -432,8 +432,7 @@ export function NetscriptFunctions(workerScript: WorkerScript): NS {
      throw makeRuntimeErrorMsg(funcName, `${argName} should be a string`);
    },
    number: (funcName: string, argName: string, v: any): number => {
-      if (!isNaN(v))
-      {
+      if (!isNaN(v)) {
        if (typeof v === "number") return v;
        if (!isNaN(parseFloat(v))) return parseFloat(v);
      }
@ -700,8 +699,7 @@ export function NetscriptFunctions(workerScript: WorkerScript): NS {
        workerScript.log(
          "weaken",
          () =>
-            `'${server.hostname}' security level weakened to ${
-              server.hackDifficulty
+            `'${server.hostname}' security level weakened to ${server.hackDifficulty
            }. Gained ${numeralWrapper.formatExp(expGain)} hacking exp (t=${numeralWrapper.formatThreads(threads)})`,
        );
        workerScript.scriptRef.onlineExpGained += expGain;
--- a/src/NetscriptFunctions/CodingContract.ts
+++ b/src/NetscriptFunctions/CodingContract.ts
@ -53,23 +53,22 @@ export function NetscriptCodingContract(
      const serv = helper.getServer(hostname, "codingcontract.attempt");
      if (contract.isSolution(answer)) {
        const reward = player.gainCodingContractReward(creward, contract.getDifficulty());
-        workerScript.log("attempt", () => `Successfully completed Coding Contract '${filename}'. Reward: ${reward}`);
+        workerScript.log("codingcontract.attempt", () => `Successfully completed Coding Contract '${filename}'. Reward: ${reward}`);
        serv.removeContract(filename);
        return returnReward ? reward : true;
      } else {
        ++contract.tries;
        if (contract.tries >= contract.getMaxNumTries()) {
          workerScript.log(
-            "attempt",
+            "codingcontract.attempt",
            () => `Coding Contract attempt '${filename}' failed. Contract is now self-destructing`,
          );
          serv.removeContract(filename);
        } else {
          workerScript.log(
-            "attempt",
+            "codingcontract.attempt",
            () =>
-              `Coding Contract attempt '${filename}' failed. ${
-                contract.getMaxNumTries() - contract.tries
+              `Coding Contract attempt '${filename}' failed. ${contract.getMaxNumTries() - contract.tries
              } attempts remaining.`,
          );
        }
--- a/src/NetscriptFunctions/Hacknet.ts
+++ b/src/NetscriptFunctions/Hacknet.ts
@ -111,7 +111,7 @@ export function NetscriptHacknet(player: IPlayer, workerScript: WorkerScript, he
      }
      const node = getHacknetNode(i, "upgradeCache");
      if (!(node instanceof HacknetServer)) {
-        workerScript.log("upgradeCache", () => "Can only be called on hacknet servers");
+        workerScript.log("hacknet.upgradeCache", () => "Can only be called on hacknet servers");
        return false;
      }
      const res = purchaseCacheUpgrade(player, node, n);
@ -138,7 +138,7 @@ export function NetscriptHacknet(player: IPlayer, workerScript: WorkerScript, he
      }
      const node = getHacknetNode(i, "upgradeCache");
      if (!(node instanceof HacknetServer)) {
-        workerScript.log("getCacheUpgradeCost", () => "Can only be called on hacknet servers");
+        workerScript.log("hacknet.getCacheUpgradeCost", () => "Can only be called on hacknet servers");
        return -1;
      }
      return node.calculateCacheUpgradeCost(n);
--- a/src/NetscriptFunctions/UserInterface.ts
+++ b/src/NetscriptFunctions/UserInterface.ts
@ -2,10 +2,11 @@ import { INetscriptHelper } from "./INetscriptHelper";
 import { WorkerScript } from "../Netscript/WorkerScript";
 import { IPlayer } from "../PersonObjects/IPlayer";
 import { getRamCost } from "../Netscript/RamCostGenerator";
-import { UserInterface as IUserInterface, UserInterfaceTheme } from "../ScriptEditor/NetscriptDefinitions";
+import { IStyleSettings, UserInterface as IUserInterface, UserInterfaceTheme } from "../ScriptEditor/NetscriptDefinitions";
 import { Settings } from "../Settings/Settings";
 import { ThemeEvents } from "../ui/React/Theme";
 import { defaultTheme } from "../Settings/Themes";
+import { defaultStyles } from "../Settings/Styles";

 export function NetscriptUserInterface(
  player: IPlayer,
@ -18,6 +19,11 @@ export function NetscriptUserInterface(
      return { ...Settings.theme };
    },

+    getStyles: function (): IStyleSettings {
+      helper.updateDynamicRam("getStyles", getRamCost(player, "ui", "getStyles"));
+      return { ...Settings.styles };
+    },
+
    setTheme: function (newTheme: UserInterfaceTheme): void {
      helper.updateDynamicRam("setTheme", getRamCost(player, "ui", "setTheme"));
      const hex = /^(#)((?:[A-Fa-f0-9]{3}){1,2})$/;
@ -43,11 +49,41 @@ export function NetscriptUserInterface(
      }
    },

+    setStyles: function (newStyles: IStyleSettings): void {
+      helper.updateDynamicRam("setStyles", getRamCost(player, "ui", "setStyles"));
+
+      const currentStyles = {...Settings.styles}
+      const errors: string[] = [];
+      for (const key of Object.keys(newStyles)) {
+        if (!((currentStyles as any)[key])) {
+          // Invalid key
+          errors.push(`Invalid key "${key}"`);
+        } else {
+          (currentStyles as any)[key] = (newStyles as any)[key];
+        }
+      }
+
+      if (errors.length === 0) {
+        Object.assign(Settings.styles, currentStyles);
+        ThemeEvents.emit();
+        workerScript.log("ui.setStyles", () => `Successfully set styles`);
+      } else {
+        workerScript.log("ui.setStyles", () => `Failed to set styles. Errors: ${errors.join(', ')}`);
+      }
+    },
+
    resetTheme: function (): void {
      helper.updateDynamicRam("resetTheme", getRamCost(player, "ui", "resetTheme"));
-      Settings.theme = defaultTheme;
+      Settings.theme = { ...defaultTheme };
      ThemeEvents.emit();
      workerScript.log("ui.resetTheme", () => `Reinitialized theme to default`);
    },
+
+    resetStyles: function (): void {
+      helper.updateDynamicRam("resetStyles", getRamCost(player, "ui", "resetStyles"));
+      Settings.styles = { ...defaultStyles };
+      ThemeEvents.emit();
+      workerScript.log("ui.resetStyles", () => `Reinitialized styles to default`);
+    }
  }
 }
--- a/src/PersonObjects/Player/PlayerObjectGeneralMethods.tsx
+++ b/src/PersonObjects/Player/PlayerObjectGeneralMethods.tsx
@ -946,11 +946,6 @@ export function workForFaction(this: IPlayer, numCycles: number): boolean {
    default:
      break;
  }
-  let favorMult = 1 + faction.favor / 100;
-  if (isNaN(favorMult)) {
-    favorMult = 1;
-  }
-  this.workRepGainRate *= favorMult;
  this.workRepGainRate *= BitNodeMultipliers.FactionWorkRepGain;

  //Cap the number of cycles being processed to whatever would put you at limit (20 hours)
--- a/src/Prestige.ts
+++ b/src/Prestige.ts
@ -161,8 +161,6 @@ export function prestigeAugmentation(): void {
  resetPidCounter();
  ProgramsSeen.splice(0, ProgramsSeen.length);
  InvitationsSeen.splice(0, InvitationsSeen.length);
-
-  Router.clearHistory();
 }

 // Prestige by destroying Bit Node and gaining a Source File
@ -308,7 +306,5 @@ export function prestigeSourceFile(flume: boolean): void {
  // Gain int exp
  if (SourceFileFlags[5] !== 0 && !flume) Player.gainIntelligenceExp(300);

-  Router.clearHistory();
-
  resetPidCounter();
 }
--- a/src/Script/Script.ts
+++ b/src/Script/Script.ts
@ -118,7 +118,7 @@ export class Script {
   */
  saveScript(player: IPlayer, filename: string, code: string, hostname: string, otherScripts: Script[]): void {
    // Update code and filename
-    this.code = code.replace(/^\s+|\s+$/g, "");
+    this.code = Script.formatCode(this.code);

    this.filename = filename;
    this.server = hostname;
@ -158,6 +158,15 @@ export class Script {
    s.rehash();
    return s;
  }
+
+  /**
+   * Formats code: Removes the starting & trailing whitespace
+   * @param {string} code - The code to format
+   * @returns The formatted code
+   */
+   static formatCode(code: string): string {
+    return code.replace(/^\s+|\s+$/g, "");
+  }
 }

 Reviver.constructors.Script = Script;
--- a/src/ScriptEditor/NetscriptDefinitions.d.ts
+++ b/src/ScriptEditor/NetscriptDefinitions.d.ts
@ -3880,6 +3880,36 @@ interface UserInterface {
   * RAM cost: cost: 0 GB
   */
  resetTheme(): void;
+
+  /**
+   * Get the current styles
+   * @remarks
+   * RAM cost: cost: 0 GB
+   *
+   * @returns An object containing the player's styles
+   */
+  getStyles(): IStyleSettings;
+
+  /**
+   * Sets the current styles
+   * @remarks
+   * RAM cost: cost: 0 GB
+   * @example
+   * Usage example (NS2)
+   * ```ts
+   * const styles = ns.ui.getStyles();
+   * styles.fontFamily = 'Comic Sans Ms';
+   * ns.ui.setStyles(styles);
+   * ```
+   */
+  setStyles(newStyles: IStyleSettings): void;
+
+  /**
+   * Resets the player's styles to the default values
+   * @remarks
+   * RAM cost: cost: 0 GB
+   */
+  resetStyles(): void;
 }

 /**
@ -6354,3 +6384,12 @@ interface UserInterfaceTheme {
  backgroundsecondary: string;
  button: string;
 }
+
+/**
+ * Interface Styles
+ * @internal
+ */
+interface IStyleSettings {
+  fontFamily: string;
+  lineHeight: number;
+}
--- a/src/ScriptEditor/ui/ScriptEditorRoot.tsx
+++ b/src/ScriptEditor/ui/ScriptEditorRoot.tsx
@ -686,7 +686,9 @@ export function Root(props: IProps): React.ReactElement {
    const serverScript = server.scripts.find((s) => s.filename === openScript.fileName);
    if (serverScript === undefined) return " *";

-    return serverScript.code !== openScript.code ? " *" : "";
+    // The server code is stored with its starting & trailing whitespace removed
+    const openScriptFormatted = Script.formatCode(openScript.code);
+    return serverScript.code !== openScriptFormatted ? " *" : "";
  }

  // Toolbars are roughly 112px:
@ -846,7 +848,7 @@ export function Root(props: IProps): React.ReactElement {
        <span style={{ color: Settings.theme.primary, fontSize: "20px", textAlign: "center" }}>
          <Typography variant="h4">No open files</Typography>
          <Typography variant="h5">
-            Use `nano FILENAME` in
+            Use <code>nano FILENAME</code> in
            <br />
            the terminal to open files
          </Typography>
--- a/src/Settings/Settings.ts
+++ b/src/Settings/Settings.ts
@ -1,9 +1,10 @@
 import { ISelfInitializer, ISelfLoading } from "../types";
 import { OwnedAugmentationsOrderSetting, PurchaseAugmentationsOrderSetting } from "./SettingEnums";
 import { defaultTheme, ITheme } from "./Themes";
-import { defaultStyles, IStyleSettings } from "./Styles";
+import { defaultStyles } from "./Styles";
 import { WordWrapOptions } from "../ScriptEditor/ui/Options";
 import { OverviewSettings } from "../ui/React/Overview";
+import { IStyleSettings } from "../ScriptEditor/NetscriptDefinitions";

 /**
 * Represents the default settings the player could customize.
--- a/src/Settings/Styles.ts
+++ b/src/Settings/Styles.ts
@ -1,9 +1,4 @@
-import React from "react";
-
-export interface IStyleSettings {
-  fontFamily: React.CSSProperties["fontFamily"];
-  lineHeight: React.CSSProperties["lineHeight"];
-}
+import { IStyleSettings } from "../ScriptEditor/NetscriptDefinitions";

 export const defaultStyles: IStyleSettings = {
  lineHeight: 1.5,
--- a/src/Terminal/HelpText.ts
+++ b/src/Terminal/HelpText.ts
@ -7,7 +7,7 @@ export const TerminalHelpText: string[] = [
  '    alias [-g] [name="value"]            Create or display Terminal aliases',
  "    analyze                              Get information about the current machine ",
  "    backdoor                             Install a backdoor on the current machine ",
-  "buy [-l/program]                     Purchase a program through the Dark Web",
+  "    buy [-l/-a/program]                     Purchase a program through the Dark Web",
  "    cat [file]                           Display a .msg, .lit, or .txt file",
  "    cd [dir]                             Change to a new directory",
  "    check [script] [args...]             Print a script's logs to Terminal",
@ -43,11 +43,12 @@ export const TerminalHelpText: string[] = [
  "    vim [file ...]                       Text editor - Open up and edit one or more scripts or text files in vim mode",
  "    weaken                               Reduce the security of the current machine",
  "    wget [url] [target file]             Retrieves code/text from a web server",
+  " ",
 ];

 export const HelpTexts: IMap<string[]> = {
  alias: [
-    'alias [-g] [name="value"] ',
+    'Usage: alias [-g] [name="value"] ',
    " ",
    "Create or display aliases. An alias enables a replacement of a word with another string. ",
    "It can be used to abbreviate a commonly used command, or commonly used parts of a command. The NAME ",
@ -80,15 +81,16 @@ export const HelpTexts: IMap<string[]> = {
    " ",
  ],
  analyze: [
-    "analyze",
+    "Usage: analyze",
    " ",
    "Prints details and statistics about the current server. The information that is printed includes basic ",
    "server details such as the hostname, whether the player has root access, what ports are opened/closed, and also ",
    "hacking-related information such as an estimated chance to successfully hack, an estimate of how much money is ",
    "available on the server, etc.",
+    " ",
  ],
  backdoor: [
-    "backdoor",
+    "Usage: backdoor",
    " ",
    "Install a backdoor on the current machine, grants a secret bonus depending on the machine.",
    " ",
@ -96,7 +98,7 @@ export const HelpTexts: IMap<string[]> = {
    " ",
  ],
  buy: [
-    "buy [-l / -a / program]",
+    "Usage: buy [-l / -a / program]",
    " ",
    "Purchase a program through the Dark Web. Requires a TOR router to use.",
    " ",
@ -106,9 +108,10 @@ export const HelpTexts: IMap<string[]> = {
    "If this command is ran with the '-a' flag, it will attempt to purchase all unowned programs.",
    " ",
    "Otherwise, the name of the program must be passed in as a parameter. This name is NOT case-sensitive.",
+    " ",
  ],
  cat: [
-    "cat [file]",
+    "Usage: cat [file]",
    " ",
    "Display message (.msg), literature (.lit), or text (.txt) files. Examples:",
    " ",
@ -117,9 +120,10 @@ export const HelpTexts: IMap<string[]> = {
    "    cat foo.lit",
    " ",
    "    cat servers.txt",
+    " ",
  ],
  cd: [
-    "cd [dir]",
+    "Usage: cd [dir]",
    " ",
    "Change to the specified directory. Note that this works even for directories that don't exist. If you ",
    "change to a directory that does not exist, it will not be 'created'. Examples:",
@ -129,9 +133,10 @@ export const HelpTexts: IMap<string[]> = {
    "    cd /logs",
    " ",
    "    cd ../",
+    " ",
  ],
  check: [
-    "check [script name] [args...]",
+    "Usage: check [script name] [args...]",
    " ",
    "Print the logs of the script specified by the script name and arguments to the Terminal. Each argument must be separated by ",
    "a space. Remember that a running script is uniquely ",
@ -142,29 +147,33 @@ export const HelpTexts: IMap<string[]> = {
    "Then to run the 'check' command on this script you would have to pass the same arguments in: ",
    " ",
    "    check foo.script 1 2 foodnstuff",
+    " ",
  ],
  clear: [
-    "clear",
+    "Usage: clear",
    " ",
    "Clear the Terminal screen, deleting all of the text. Note that this does not delete the user's command history, so using the up ",
    "and down arrow keys is still valid. Also note that this is permanent and there is no way to undo this. Synonymous with 'cls' command",
+    " ",
  ],
  cls: [
-    "cls",
+    "Usage: cls",
    " ",
    "Clear the Terminal screen, deleting all of the text. Note that this does not delete the user's command history, so using the up ",
    "and down arrow keys is still valid. Also note that this is permanent and there is no way to undo this. Synonymous with 'clear' command",
+    " ",
  ],
  connect: [
-    "connect [hostname]",
+    "Usage: connect [hostname]",
    " ",
    "Connect to a remote server. The hostname or IP address of the remote server must be given as the argument ",
    "to this command. Note that only servers that are immediately adjacent to the current server in the network can be connected to. To ",
    "see which servers can be connected to, use the 'scan' command.",
+    " ",
  ],
-  cp: ["cp [src] [dst]", " ", "Copy a file on this server. To copy a file to another server use scp."],
+  cp: ["Usage: cp [src] [dst]", " ", "Copy a file on this server. To copy a file to another server use scp.", " "],
  download: [
-    "download [script/text file]",
+    "Usage: download [script/text file]",
    " ",
    "Downloads a script or text file to your computer (like your real life computer).",
    " ",
@ -178,7 +187,7 @@ export const HelpTexts: IMap<string[]> = {
    " ",
  ],
  expr: [
-    "expr [mathematical expression]",
+    "Usage: expr [mathematical expression]",
    " ",
    "Evaluate a  simple mathematical expression. Supports native JavaScript operators:",
    " ",
@ -189,27 +198,30 @@ export const HelpTexts: IMap<string[]> = {
    "    expr 25 * 2 ** 10",
    " ",
    "Note that letters (non-digits) are not allowed and will be removed from the input.",
+    " ",
  ],
  free: [
-    "free",
+    "Usage: free",
    " ",
    "Displays the memory usage on the current machine. Print the amount of RAM that is available on the current server as well as ",
    "how much of it is being used.",
+    " ",
  ],
  grow: [
-    "grow",
+    "Usage: grow",
    " ",
    "Spoof transactions in the current server. Increasing the money available by hacking. Requires root access.",
    "See the wiki page for hacking mechanics.",
+    " ",
  ],
  hack: [
-    "hack",
+    "Usage: hack",
    " ",
    "Attempt to hack the current server. Requires root access in order to be run. See the wiki page for hacking mechanics",
    " ",
  ],
  help: [
-    "help [command]",
+    "Usage: help [command]",
    " ",
    "Display Terminal help information. Without arguments, 'help' prints a list of all valid Terminal commands and a brief ",
    "description of their functionality. You can also pass the name of a Terminal command as an argument to 'help' to print ",
@ -218,15 +230,14 @@ export const HelpTexts: IMap<string[]> = {
    "    help alias",
    " ",
    "    help scan-analyze",
+    " ",
  ],
  home: [
-    "home" + "Connect to your home computer. This will work no matter what server you are currently connected to.",
+    "Usage: home", " ", "Connect to your home computer. This will work no matter what server you are currently connected to.", " ",
  ],
-  hostname: ["hostname", " ", "Prints the hostname of the current server"],
+  hostname: ["Usage: hostname", " ", "Prints the hostname of the current server", " "],
  kill: [
-    "kill [script name] [args...]",
-    " ",
-    "kill [pid]",
+    "Usage: kill [script name] [args...] or kill [pid",
    " ",
    "Kill the script specified by the script name and arguments OR by its PID.",
    " ",
@ -242,17 +253,19 @@ export const HelpTexts: IMap<string[]> = {
    "    kill foo.script 1 sigma-cosmetics",
    " ",
    "If you are killing the script using its PID, then the PID argument must be numeric",
+    " ",
  ],
  killall: [
-    "killall",
+    "Usage: killall",
    " ",
    "Kills all scripts on the current server. ",
    "Note that after the 'kill' command is issued for a script, it may take a while for the script to actually stop running. ",
    "This will happen if the script is in the middle of a command such as grow() or weaken() that takes time to execute. ",
    "The script will not be stopped/killed until after that time has elapsed.",
+    " ",
  ],
  ls: [
-    "ls [dir] [| grep pattern]",
+    "Usage: ls [dir] [| grep pattern]",
    " ",
    "The ls command, with no arguments, prints all files and directories on the current server's directory to the Terminal screen. ",
    "The files will be displayed in alphabetical order. ",
@ -274,11 +287,12 @@ export const HelpTexts: IMap<string[]> = {
    "List all files with the word 'purchase' in the filename, in the 'scripts' directory:",
    " ",
    "    ls scripts | grep purchase",
+    " ",
  ],
-  lscpu: ["lscpu", " ", "Prints the number of CPU Cores the current server has"],
+  lscpu: ["Usage: lscpu", " ", "Prints the number of CPU Cores the current server has", " "],

  mem: [
-    "mem [script name] [-t num_threads]",
+    "Usage: mem [script name] [-t num_threads]",
    " ",
    "Displays the amount of RAM needed to run the specified script with a single thread. The command can also be used to print ",
    "the amount of RAM needed to run a script with multiple threads using the '-t' flag. If the '-t' flag is specified, then ",
@ -290,9 +304,10 @@ export const HelpTexts: IMap<string[]> = {
    " ",
    "The first example above will print the amount of RAM needed to run 'foo.script' with a single thread. The second example ",
    "above will print the amount of RAM needed to run 'foo.script' with 50 threads.",
+    " ",
  ],
  mv: [
-    "mv [src] [dest]",
+    "Usage: mv [src] [dest]",
    " ",
    "Move the source file to the specified destination. This can also be used to rename files. ",
    "This command only works for scripts and text files (.txt). This command CANNOT be used to ",
@ -305,25 +320,28 @@ export const HelpTexts: IMap<string[]> = {
    "    mv hacking-controller.script scripts/hacking-controller.script",
    " ",
    "    mv myScript.js myOldScript.js",
+    " ",
  ],
  nano: [
-    "nano [file ...]",
+    "Usage: nano [file ...]",
    " ",
    "Opens up the specified file(s) in the Text Editor. Only scripts (.script) or text files (.txt) can be ",
    "edited using the Text Editor. If the file does not already exist, then a new, empty one ",
    "will be created",
+    " ",
  ],
-  ps: ["ps", " ", "Prints all scripts that are running on the current server"],
+  ps: ["Usage: ps", " ", "Prints all scripts that are running on the current server", " "],

  rm: [
-    "rm [file]",
+    "Usage: rm [file]",
    " ",
    "Removes the specified file from the current server. A file can be a script, a program, or a message file. ",
    " ",
    "WARNING: This is permanent and cannot be undone",
+    " ",
  ],
  run: [
-    "run [file name] [-t] [num threads] [args...]",
+    "Usage: run [file name] [-t] [num threads] [args...]",
    " ",
    "Execute a program, script or coding contract.",
    " ",
@ -338,13 +356,14 @@ export const HelpTexts: IMap<string[]> = {
    " ",
  ],
  scan: [
-    "scan",
+    "Usage: scan",
    " ",
    "Prints all immediately-available network connection. This will print a list of all servers that you can currently connect ",
    "to using the 'connect' Terminal command.",
+    " ",
  ],
  "scan-analyze": [
-    "scan-analyze [depth] [-a]",
+    "Usage: scan-analyze [depth] [-a]",
    " ",
    "Prints detailed information about all servers up to [depth] nodes away on the network. Calling ",
    "'scan-analyze 1' will display information for the same servers that are shown by the 'scan' Terminal ",
@ -360,9 +379,10 @@ export const HelpTexts: IMap<string[]> = {
    " ",
    "By default, this command will not display servers that you have purchased. However, you can pass in the ",
    "-a flag at the end of the command if you would like to enable that.",
+    " ",
  ],
  scp: [
-    "scp [filename ...] [target server]",
+    "Usage: scp [filename ...] [target server]",
    " ",
    "Copies the specified file(s) from the current server to the target server. ",
    "This command only works for script files (.script or .js extension), literature files (.lit extension), ",
@ -374,10 +394,10 @@ export const HelpTexts: IMap<string[]> = {
    "    scp foo.script bar.script n00dles",
    " ",
  ],
-  sudov: ["sudov", " ", "Prints whether or not you have root access to the current machine"],
+  sudov: ["Usage: sudov", " ", "Prints whether or not you have root access to the current machine", " "],

  tail: [
-    "tail [script name] [args...]",
+    "Usage: tail [script name] [args...]",
    " ",
    "Displays dynamic logs for the script specified by the script name and arguments. Each argument must be separated ",
    "by a space. Remember that a running script is uniquely identified by both its name and the arguments that were used ",
@ -388,15 +408,17 @@ export const HelpTexts: IMap<string[]> = {
    "Then in order to check its logs with 'tail' the same arguments must be used: ",
    " ",
    "    tail foo.script 10 50000",
+    " ",
  ],
  top: [
-    "top",
+    "Usage: top",
    " ",
    "Prints a list of all scripts running on the current server as well as their thread count and how much ",
    "RAM they are using in total.",
+    " ",
  ],
  unalias: [
-    "unalias [alias name]",
+    "Usage: unalias [alias name]",
    " ",
    "Deletes the specified alias. Note that the double quotation marks are required. ",
    " ",
@ -409,22 +431,25 @@ export const HelpTexts: IMap<string[]> = {
    "    unalias r",
    " ",
    "It is not necessary to differentiate between global and non-global aliases when using 'unalias'",
+    " ",
  ],
  vim: [
-    "vim [file ...]",
+    "Usage: vim [file ...]",
    " ",
    "Opens up the specified file(s) in the Text Editor in vim mode. Only scripts (.script) or text files (.txt) can be ",
    "edited using the Text Editor. If the file does not already exist, then a new, empty one ",
    "will be created",
+    " ",
  ],
  weaken: [
-    "weaken",
+    "Usage: weaken",
    " ",
    "Reduces the security level of the current server. Decreasing the time it takes for all operations on this server.",
    "Requires root access. See the wiki page for hacking mechanics.",
+    " ",
  ],
  wget: [
-    "wget [url] [target file]",
+    "Usage: wget [url] [target file]",
    " ",
    "Retrieves data from a URL and downloads it to a file on the current server. The data can only ",
    "be downloaded to a script (.script, .ns, .js) or a text file (.txt). If the file already exists, ",
@ -434,5 +459,6 @@ export const HelpTexts: IMap<string[]> = {
    "cross-origin resource sharing (CORS). Example:",
    " ",
    "    wget https://raw.githubusercontent.com/danielyxie/bitburner/master/README.md game_readme.txt",
+    " ",
  ],
 };
--- a/src/Terminal/ui/TerminalRoot.tsx
+++ b/src/Terminal/ui/TerminalRoot.tsx
@ -95,20 +95,42 @@ export function TerminalRoot({ terminal, router, player }: IProps): React.ReactE
    setKey((key) => key + 1);
  }

-  useEffect(() => TerminalEvents.subscribe(_.debounce(async () => rerender(), 25, { maxWait: 50 })), []);
-  useEffect(() => TerminalClearEvents.subscribe(_.debounce(async () => clear(), 25, { maxWait: 50 })), []);
+  useEffect(() => {
+    const debounced = _.debounce(async () => rerender(), 25, { maxWait: 50 });
+    const unsubscribe = TerminalEvents.subscribe(debounced);
+    return () => {
+      debounced.cancel();
+      unsubscribe();
+    }
+  }, []);

-  function doScroll(): void {
+  useEffect(() => {
+    const debounced = _.debounce(async () => clear(), 25, { maxWait: 50 });
+    const unsubscribe = TerminalClearEvents.subscribe(debounced);
+    return () => {
+      debounced.cancel();
+      unsubscribe();
+    }
+  }, []);
+
+  function doScroll(): number | undefined {
    const hook = scrollHook.current;
    if (hook !== null) {
-      setTimeout(() => hook.scrollIntoView(true), 50);
+      return window.setTimeout(() => hook.scrollIntoView(true), 50);
    }
  }

  doScroll();

  useEffect(() => {
-    setTimeout(doScroll, 50);
+    let scrollId: number;
+    const id = setTimeout(() => {
+      scrollId = doScroll() ?? 0;
+    }, 50);
+    return () => {
+      clearTimeout(id);
+      clearTimeout(scrollId);
+    }
  }, []);

  function lineClass(s: string): string {
--- a/src/ui/GameRoot.tsx
+++ b/src/ui/GameRoot.tsx
@ -1,5 +1,5 @@
 import React, { useState, useEffect } from "react";
-import { cloneDeep, isEqual } from "lodash";
+
 import { IPlayer } from "../PersonObjects/IPlayer";
 import { IEngine } from "../IEngine";
 import { ITerminal } from "../Terminal/ITerminal";
@ -86,11 +86,6 @@ interface IProps {
  engine: IEngine;
 }

-interface PageHistoryEntry {
-  page: Page;
-  args: any[];
-}
-
 const useStyles = makeStyles((theme: Theme) =>
  createStyles({
    root: {
@ -110,15 +105,6 @@ export let Router: IRouter = {
  page: () => {
    throw new Error("Router called before initialization");
  },
-  previousPage: () => {
-    throw new Error("Router called before initialization");
-  },
-  clearHistory: () => {
-    throw new Error("Router called before initialization");
-  },
-  toPreviousPage: (): boolean => {
-    throw new Error("Router called before initialization");
-  },
  toActiveScripts: () => {
    throw new Error("Router called before initialization");
  },
@ -217,9 +203,7 @@ function determineStartPage(player: IPlayer): Page {
 export function GameRoot({ player, engine, terminal }: IProps): React.ReactElement {
  const classes = useStyles();
  const [{ files, vim }, setEditorOptions] = useState({ files: {}, vim: false });
-  const startPage = determineStartPage(player);
-  const [page, setPage] = useState(startPage);
-  const [pageHistory, setPageHistory] = useState<PageHistoryEntry[]>([{ page: startPage, args: [] }]);
+  const [page, setPage] = useState(determineStartPage(player));
  const setRerender = useState(0)[1];
  const [faction, setFaction] = useState<Faction>(
    player.currentWorkFactionName ? Factions[player.currentWorkFactionName] : (undefined as unknown as Faction),
@ -250,136 +234,70 @@ export function GameRoot({ player, engine, terminal }: IProps): React.ReactEleme
    setTimeout(() => htmlLocation.reload(), 2000);
  }

-  function setCurrentPage(page: Page, ...args: any): void {
-    const newPage = { page, args: cloneDeep(args) };
-    const previousPage = pageHistory[0];
-    const isDifferentThenPrevious = page !== previousPage?.page || !isEqual([...args], previousPage?.args);
-    if (isDifferentThenPrevious) {
-      const history = [
-        newPage,
-        ...pageHistory
-      ].slice(0, 20);
-      setPageHistory(history)
-    }
-    setPage(page)
-  }
-
-  function goBack(fallback: (...args: any[]) => void): void {
-    const [ , previousPage ] = pageHistory;
-    if (previousPage) {
-      const handler = pageToRouterMap[previousPage?.page];
-      handler(...previousPage.args);
-    } else {
-      if (fallback) fallback();
-    }
-    const [ , ...history] = pageHistory;
-    setPageHistory(cloneDeep(history));
-  }
-
-  const pageToRouterMap: { [key: number] : (...args: any[]) => void } = {
-    [Page.ActiveScripts]: Router.toActiveScripts,
-    [Page.Augmentations]: Router.toAugmentations,
-    [Page.Bladeburner]: Router.toBladeburner,
-    [Page.Stats]: Router.toStats,
-    [Page.Corporation]: Router.toCorporation,
-    [Page.CreateProgram]: Router.toCreateProgram,
-    [Page.DevMenu]: Router.toDevMenu,
-    [Page.Faction]: Router.toFaction,
-    [Page.Factions]: Router.toFactions,
-    [Page.Options]: Router.toGameOptions,
-    [Page.Gang]: Router.toGang,
-    [Page.Hacknet]: Router.toHacknetNodes,
-    [Page.Milestones]: Router.toMilestones,
-    [Page.Resleeves]: Router.toResleeves,
-    [Page.ScriptEditor]: Router.toScriptEditor,
-    [Page.Sleeves]: Router.toSleeves,
-    [Page.StockMarket]: Router.toStockMarket,
-    [Page.Terminal]: Router.toTerminal,
-    [Page.Tutorial]: Router.toTutorial,
-    [Page.Job]: Router.toJob,
-    [Page.City]: Router.toCity,
-    [Page.Travel]: Router.toTravel,
-    [Page.BitVerse]: Router.toBitVerse,
-    [Page.Infiltration]: Router.toInfiltration,
-    [Page.Work]: Router.toWork,
-    [Page.BladeburnerCinematic]: Router.toBladeburnerCinematic,
-    [Page.Location]: Router.toLocation,
-    [Page.StaneksGift]: Router.toStaneksGift,
-    [Page.Achievements]: Router.toAchievements,
-  }
-
  Router = {
    page: () => page,
-    previousPage: () => {
-      const [ , previousPage] = pageHistory;
-      return previousPage?.page ?? -1;
-    },
-    clearHistory: () => setPageHistory([]),
-    toPreviousPage: goBack,
-    toActiveScripts: () => setCurrentPage(Page.ActiveScripts),
-    toAugmentations: () => setCurrentPage(Page.Augmentations),
-    toBladeburner: () => setCurrentPage(Page.Bladeburner),
-    toStats: () => setCurrentPage(Page.Stats),
-    toCorporation: () => setCurrentPage(Page.Corporation),
-    toCreateProgram: () => setCurrentPage(Page.CreateProgram),
-    toDevMenu: () => setCurrentPage(Page.DevMenu),
+    toActiveScripts: () => setPage(Page.ActiveScripts),
+    toAugmentations: () => setPage(Page.Augmentations),
+    toBladeburner: () => setPage(Page.Bladeburner),
+    toStats: () => setPage(Page.Stats),
+    toCorporation: () => setPage(Page.Corporation),
+    toCreateProgram: () => setPage(Page.CreateProgram),
+    toDevMenu: () => setPage(Page.DevMenu),
    toFaction: (faction?: Faction) => {
-      setCurrentPage(Page.Faction, faction);
+      setPage(Page.Faction);
      if (faction) setFaction(faction);
    },
-    toFactions: () => setCurrentPage(Page.Factions),
-    toGameOptions: () => setCurrentPage(Page.Options),
-    toGang: () => setCurrentPage(Page.Gang),
-    toHacknetNodes: () => setCurrentPage(Page.Hacknet),
-    toMilestones: () => setCurrentPage(Page.Milestones),
-    toResleeves: () => setCurrentPage(Page.Resleeves),
+    toFactions: () => setPage(Page.Factions),
+    toGameOptions: () => setPage(Page.Options),
+    toGang: () => setPage(Page.Gang),
+    toHacknetNodes: () => setPage(Page.Hacknet),
+    toMilestones: () => setPage(Page.Milestones),
+    toResleeves: () => setPage(Page.Resleeves),
    toScriptEditor: (files: Record<string, string>, options?: ScriptEditorRouteOptions) => {
      setEditorOptions({
        files,
        vim: !!options?.vim,
      });
-      setCurrentPage(Page.ScriptEditor, files, options);
+      setPage(Page.ScriptEditor);
    },
-    toSleeves: () => setCurrentPage(Page.Sleeves),
-    toStockMarket: () => setCurrentPage(Page.StockMarket),
-    toTerminal: () => setCurrentPage(Page.Terminal),
-    toTutorial: () => setCurrentPage(Page.Tutorial),
+    toSleeves: () => setPage(Page.Sleeves),
+    toStockMarket: () => setPage(Page.StockMarket),
+    toTerminal: () => setPage(Page.Terminal),
+    toTutorial: () => setPage(Page.Tutorial),
    toJob: () => {
      setLocation(Locations[player.companyName]);
-      setCurrentPage(Page.Job);
+      setPage(Page.Job);
    },
    toCity: () => {
-      setCurrentPage(Page.City);
+      setPage(Page.City);
    },
    toTravel: () => {
      player.gotoLocation(LocationName.TravelAgency);
-      setCurrentPage(Page.Travel);
+      setPage(Page.Travel);
    },
    toBitVerse: (flume: boolean, quick: boolean) => {
      setFlume(flume);
      setQuick(quick);
-      setCurrentPage(Page.BitVerse, flume, quick);
+      setPage(Page.BitVerse);
    },
    toInfiltration: (location: Location) => {
      setLocation(location);
-      setCurrentPage(Page.Infiltration, location);
-    },
-    toWork: () => {
-      setCurrentPage(Page.Work);
+      setPage(Page.Infiltration);
    },
+    toWork: () => setPage(Page.Work),
    toBladeburnerCinematic: () => {
-      setCurrentPage(Page.BladeburnerCinematic);
+      setPage(Page.BladeburnerCinematic);
      setCinematicText(cinematicText);
    },
    toLocation: (location: Location) => {
      setLocation(location);
-      setCurrentPage(Page.Location, location);
+      setPage(Page.Location);
    },
    toStaneksGift: () => {
-      setCurrentPage(Page.StaneksGift);
+      setPage(Page.StaneksGift);
    },
    toAchievements: () => {
-      setCurrentPage(Page.Achievements);
+      setPage(Page.Achievements);
    },
  };

@ -582,11 +500,7 @@ export function GameRoot({ player, engine, terminal }: IProps): React.ReactEleme
        <SnackbarProvider>
          <Overview mode={ITutorial.isRunning ? "tutorial" : "overview"}>
            {!ITutorial.isRunning ? (
-              <CharacterOverview
-                save={() => saveObject.saveGame()}
-                killScripts={killAllScripts}
-                router={Router}
-                allowBackButton={withSidebar} />
+              <CharacterOverview save={() => saveObject.saveGame()} killScripts={killAllScripts} />
            ) : (
              <InteractiveTutorialRoot />
            )}
--- a/src/ui/React/CharacterOverview.tsx
+++ b/src/ui/React/CharacterOverview.tsx
@ -17,22 +17,19 @@ import Typography from "@mui/material/Typography";
 import Button from "@mui/material/Button";
 import IconButton from "@mui/material/IconButton";
 import SaveIcon from "@mui/icons-material/Save";
-import ArrowBackIcon from "@mui/icons-material/ArrowBack";
 import ClearAllIcon from "@mui/icons-material/ClearAll";

 import { Settings } from "../../Settings/Settings";
 import { use } from "../Context";
 import { StatsProgressOverviewCell } from "./StatsProgressBar";
 import { BitNodeMultipliers } from "../../BitNode/BitNodeMultipliers";
-import { IRouter, Page } from "../Router";
+
 import { Box, Tooltip } from "@mui/material";
 import { CONSTANTS } from "../../Constants";

 interface IProps {
  save: () => void;
  killScripts: () => void;
-  router: IRouter;
-  allowBackButton: boolean;
 }

 function Intelligence(): React.ReactElement {
@ -239,7 +236,7 @@ const useStyles = makeStyles((theme: Theme) =>

 export { useStyles as characterOverviewStyles };

-export function CharacterOverview({ save, killScripts, router, allowBackButton }: IProps): React.ReactElement {
+export function CharacterOverview({ save, killScripts }: IProps): React.ReactElement {
  const [killOpen, setKillOpen] = useState(false);
  const player = use.Player();

@ -278,9 +275,6 @@ export function CharacterOverview({ save, killScripts, router, allowBackButton }
    player.charisma_mult * BitNodeMultipliers.CharismaLevelMultiplier,
  );

-  const previousPageName =
-    router.previousPage() < 0 ? "" : Page[router.previousPage() ?? 0].replace(/([a-z])([A-Z])/g, "$1 $2");
-
  return (
    <>
      <Table sx={{ display: "block", m: 1 }}>
@ -464,13 +458,6 @@ export function CharacterOverview({ save, killScripts, router, allowBackButton }
              <SaveIcon color={Settings.AutosaveInterval !== 0 ? "primary" : "error"} />
            </Tooltip>
          </IconButton>
-          {allowBackButton && (
-            <IconButton disabled={!previousPageName} onClick={() => router.toPreviousPage()}>
-              <Tooltip title={previousPageName ? `Go back to "${previousPageName}"` : ""}>
-                <ArrowBackIcon />
-              </Tooltip>
-            </IconButton>
-          )}
        </Box>
        <Box sx={{ display: "flex", flex: 1, justifyContent: "flex-end", alignItems: "center" }}>
          <IconButton onClick={() => setKillOpen(true)}>
--- a/src/ui/React/CorruptableText.tsx
+++ b/src/ui/React/CorruptableText.tsx
@ -25,20 +25,22 @@ export function CorruptableText(props: IProps): JSX.Element {

  useEffect(() => {
    let counter = 5;
-    const id = setInterval(() => {
+    const timers: number[] = [];
+    const intervalId = setInterval(() => {
      counter--;
      if (counter > 0) return;
      counter = Math.random() * 5;
      const index = Math.random() * content.length;
      const letter = content.charAt(index);
      setContent((content) => replace(content, index, randomize(letter)));
-      setTimeout(() => {
+      timers.push(window.setTimeout(() => {
        setContent((content) => replace(content, index, letter));
-      }, 500);
+      }, 500));
    }, 20);

    return () => {
-      clearInterval(id);
+      clearInterval(intervalId);
+      timers.forEach((timerId) => clearTimeout(timerId));
    };
  }, []);

--- a/src/ui/React/StyleEditorModal.tsx
+++ b/src/ui/React/StyleEditorModal.tsx
@ -7,12 +7,13 @@ import Typography from "@mui/material/Typography";
 import Paper from "@mui/material/Paper";
 import TextField from "@mui/material/TextField";
 import ReplyIcon from "@mui/icons-material/Reply";
-import SaveIcon from '@mui/icons-material/Save';
+import SaveIcon from "@mui/icons-material/Save";

 import { ThemeEvents } from "./Theme";
 import { Settings } from "../../Settings/Settings";
-import { IStyleSettings, defaultStyles } from "../../Settings/Styles";
+import { defaultStyles } from "../../Settings/Styles";
 import { Tooltip } from "@mui/material";
+import { IStyleSettings } from "../../ScriptEditor/NetscriptDefinitions";

 interface IProps {
  open: boolean;
@ -32,9 +33,9 @@ function FontFamilyField({ value, onChange, refreshId } : FontFamilyProps): Reac
  function update(newValue: React.CSSProperties["fontFamily"]): void {
    setFontFamily(newValue);
    if (!newValue) {
-      setErrorText('Must have a value');
+      setErrorText("Must have a value");
    } else {
-      setErrorText('');
+      setErrorText("");
    }
  }

@ -55,7 +56,7 @@ function FontFamilyField({ value, onChange, refreshId } : FontFamilyProps): Reac
      onChange={onTextChange}
      fullWidth
    />
-  )
+  );
 }

 interface LineHeightProps {
@ -71,11 +72,11 @@ function LineHeightField({ value, onChange, refreshId } : LineHeightProps): Reac
  function update(newValue: React.CSSProperties["lineHeight"]): void {
    setLineHeight(newValue);
    if (!newValue) {
-      setErrorText('Must have a value');
+      setErrorText("Must have a value");
    } else if (isNaN(Number(newValue))) {
-      setErrorText('Must be a number');
+      setErrorText("Must be a number");
    } else {
-      setErrorText('');
+      setErrorText("");
    }
  }

@ -95,7 +96,7 @@ function LineHeightField({ value, onChange, refreshId } : LineHeightProps): Reac
      helperText={errorText}
      onChange={onTextChange}
    />
-  )
+  );
 }

 export function StyleEditorModal(props: IProps): React.ReactElement {
@ -115,7 +116,7 @@ export function StyleEditorModal(props: IProps): React.ReactElement {
  }

  function setDefaults(): void {
-    const styles = {...defaultStyles}
+    const styles = { ...defaultStyles };
    setCustomStyle(styles);
    persistToSettings(styles);
    setRefreshId(refreshId + 1);
@ -132,14 +133,21 @@ export function StyleEditorModal(props: IProps): React.ReactElement {
    <Modal open={props.open} onClose={props.onClose}>
      <Typography variant="h6">Styles Editor</Typography>
      <Typography>
-        WARNING: Changing styles <strong>may mess up</strong> the interface. Drastic changes are <strong>NOT recommended</strong>.
+        WARNING: Changing styles <strong>may mess up</strong> the interface. Drastic changes are{" "}
+        <strong>NOT recommended</strong>.
      </Typography>
      <Paper sx={{ p: 2, my: 2 }}>
-        <FontFamilyField value={customStyle.fontFamily} refreshId={refreshId}
-          onChange={(value, error) => update({ ...customStyle, fontFamily: value }, error)} />
+        <FontFamilyField
+          value={customStyle.fontFamily}
+          refreshId={refreshId}
+          onChange={(value, error) => update({ ...customStyle, fontFamily: value as any }, error)}
+        />
        <br />
-        <LineHeightField value={customStyle.lineHeight} refreshId={refreshId}
-          onChange={(value, error) => update({ ...customStyle, lineHeight: value }, error)} />
+        <LineHeightField
+          value={customStyle.lineHeight}
+          refreshId={refreshId}
+          onChange={(value, error) => update({ ...customStyle, lineHeight: value as any }, error)}
+        />
        <br />
        <ButtonGroup sx={{ my: 1 }}>
          <Button onClick={setDefaults} startIcon={<ReplyIcon />} color="secondary" variant="outlined">
--- a/src/ui/Router.ts
+++ b/src/ui/Router.ts
@ -53,9 +53,6 @@ export interface IRouter {
  // toRedPill(): void;
  // toworkInProgress(): void;
  page(): Page;
-  previousPage(): Page;
-  clearHistory(): void;
-  toPreviousPage(fallback?: (...args: any[]) => void): void;
  toActiveScripts(): void;
  toAugmentations(): void;
  toBitVerse(flume: boolean, quick: boolean): void;
--- a/src/ui/WorkInProgressRoot.tsx
+++ b/src/ui/WorkInProgressRoot.tsx
@ -36,12 +36,12 @@ export function WorkInProgressRoot(): React.ReactElement {
  const faction = Factions[player.currentWorkFactionName];
  if (player.workType == CONSTANTS.WorkTypeFaction) {
    function cancel(): void {
+      router.toFaction(faction);
      player.finishFactionWork(true);
-      router.toPreviousPage(() => router.toFaction(faction));
    }
    function unfocus(): void {
+      router.toFaction(faction);
      player.stopFocusing();
-      router.toPreviousPage(() => router.toFaction(faction));
    }
    return (
      <Grid container direction="column" justifyContent="center" alignItems="center" style={{ minHeight: "100vh" }}>
@ -120,12 +120,13 @@ export function WorkInProgressRoot(): React.ReactElement {
  if (player.className !== "") {
    function cancel(): void {
      player.finishClass(true);
-      router.toPreviousPage(() => router.toCity());
+      router.toCity();
    }

    function unfocus(): void {
+      router.toFaction(faction);
+      router.toCity();
      player.stopFocusing();
-      router.toPreviousPage(() => router.toCity());
    }

    let stopText = "";
@ -211,11 +212,11 @@ export function WorkInProgressRoot(): React.ReactElement {

    function cancel(): void {
      player.finishWork(true);
-      router.toPreviousPage(() => router.toJob());
+      router.toJob();
    }
    function unfocus(): void {
      player.stopFocusing();
-      router.toPreviousPage(() => router.toJob());
+      router.toJob();
    }

    const position = player.jobs[player.companyName];
@ -303,11 +304,11 @@ export function WorkInProgressRoot(): React.ReactElement {
  if (player.workType == CONSTANTS.WorkTypeCompanyPartTime) {
    function cancel(): void {
      player.finishWorkPartTime(true);
-      router.toPreviousPage(() => router.toJob());
+      router.toJob();
    }
    function unfocus(): void {
      player.stopFocusing();
-      router.toPreviousPage(() => router.toJob());
+      router.toJob();
    }
    const comp = Companies[player.companyName];
    let companyRep = 0;
@ -439,11 +440,11 @@ export function WorkInProgressRoot(): React.ReactElement {
  if (player.createProgramName !== "") {
    function cancel(): void {
      player.finishCreateProgramWork(true);
-      router.toPreviousPage(() => router.toTerminal());
+      router.toTerminal();
    }
    function unfocus(): void {
+      router.toTerminal();
      player.stopFocusing();
-      router.toPreviousPage(() => router.toTerminal());
    }
    return (
      <Grid container direction="column" justifyContent="center" alignItems="center" style={{ minHeight: "100vh" }}>