convert all hacknet to ts

src/Hacknet/ui/HacknetRoot.tsx

@@ -0,0 +1,145 @@
+/**
+ * Root React Component for the Hacknet Node UI
+ */
+import React, { useState, useEffect } from "react";
+
+import { GeneralInfo } from "./GeneralInfo";
+import { HacknetNodeElem } from "./HacknetNodeElem";
+import { HacknetServerElem } from "./HacknetServerElem";
+import { HacknetNode } from "../HacknetNode";
+import { HashUpgradePopup } from "./HashUpgradePopup";
+import { MultiplierButtons } from "./MultiplierButtons";
+import { PlayerInfo } from "./PlayerInfo";
+import { PurchaseButton } from "./PurchaseButton";
+import { PurchaseMultipliers } from "../data/Constants";
+
+import {
+  getCostOfNextHacknetNode,
+  getCostOfNextHacknetServer,
+  hasHacknetServers,
+  purchaseHacknet,
+} from "../HacknetHelpers";
+
+import { IPlayer } from "../../PersonObjects/IPlayer";
+import { AllServers } from "../../Server/AllServers";
+import { Server } from "../../Server/Server";
+
+import { createPopup } from "../../ui/React/createPopup";
+
+interface IProps {
+  player: IPlayer;
+}
+
+export function HacknetRoot(props: IProps): React.ReactElement {
+  const setRerender = useState(false)[1];
+  function rerender(): void {
+    setRerender((old) => !old);
+  }
+  const [purchaseMultiplier, setPurchaseMultiplier] = useState<number | string>(PurchaseMultipliers.x1);
+
+  useEffect(() => {
+    const id = setInterval(rerender, 1000);
+    return () => clearInterval(id);
+  }, []);
+
+  function createHashUpgradesPopup(): void {
+    const id = "hacknet-server-hash-upgrades-popup";
+    createPopup(id, HashUpgradePopup, {
+      player: props.player,
+    });
+  }
+
+  let totalProduction = 0;
+  for (let i = 0; i < props.player.hacknetNodes.length; ++i) {
+    const node = props.player.hacknetNodes[i];
+    if (hasHacknetServers(props.player)) {
+      if (node instanceof HacknetNode) throw new Error("node was hacknet node"); // should never happen
+      const hserver = AllServers[node];
+      if (hserver instanceof Server) throw new Error("node was a normal server"); // should never happen
+      if (hserver) {
+        totalProduction += hserver.hashRate;
+      } else {
+        console.warn(`Could not find Hacknet Server object in AllServers map (i=${i})`);
+      }
+    } else {
+      if (typeof node === "string") throw new Error("node was ip string"); // should never happen
+      totalProduction += node.moneyGainRatePerSecond;
+    }
+  }
+
+  function handlePurchaseButtonClick(): void {
+    purchaseHacknet(props.player);
+    rerender();
+  }
+
+  // Cost to purchase a new Hacknet Node
+  let purchaseCost;
+  if (hasHacknetServers(props.player)) {
+    purchaseCost = getCostOfNextHacknetServer(props.player);
+  } else {
+    purchaseCost = getCostOfNextHacknetNode(props.player);
+  }
+
+  // onClick event handlers for purchase multiplier buttons
+  const purchaseMultiplierOnClicks = [
+    () => setPurchaseMultiplier(PurchaseMultipliers.x1),
+    () => setPurchaseMultiplier(PurchaseMultipliers.x5),
+    () => setPurchaseMultiplier(PurchaseMultipliers.x10),
+    () => setPurchaseMultiplier(PurchaseMultipliers.MAX),
+  ];
+
+  // HacknetNode components
+  const nodes = props.player.hacknetNodes.map((node: string | HacknetNode) => {
+    if (hasHacknetServers(props.player)) {
+      if (node instanceof HacknetNode) throw new Error("node was hacknet node"); // should never happen
+      const hserver = AllServers[node];
+      if (hserver == null) {
+        throw new Error(`Could not find Hacknet Server object in AllServers map for IP: ${node}`);
+      }
+      if (hserver instanceof Server) throw new Error("node was normal server"); // should never happen
+      return (
+        <HacknetServerElem
+          player={props.player}
+          key={hserver.hostname}
+          node={hserver}
+          purchaseMultiplier={purchaseMultiplier}
+          rerender={rerender}
+        />
+      );
+    } else {
+      if (typeof node === "string") throw new Error("node was ip string"); // should never happen
+      return (
+        <HacknetNodeElem
+          player={props.player}
+          key={node.name}
+          node={node}
+          purchaseMultiplier={purchaseMultiplier}
+          rerender={rerender}
+        />
+      );
+    }
+  });
+
+  return (
+    <div>
+      <h1>Hacknet {hasHacknetServers(props.player) ? "Servers" : "Nodes"}</h1>
+      <GeneralInfo hasHacknetServers={hasHacknetServers(props.player)} />
+
+      <PurchaseButton cost={purchaseCost} multiplier={purchaseMultiplier} onClick={handlePurchaseButtonClick} />
+
+      <br />
+      <div id={"hacknet-nodes-money-multipliers-div"}>
+        <PlayerInfo totalProduction={totalProduction} player={props.player} />
+        <MultiplierButtons onClicks={purchaseMultiplierOnClicks} purchaseMultiplier={purchaseMultiplier} />
+      </div>
+
+      {hasHacknetServers(props.player) && (
+        <button className={"std-button"} onClick={createHashUpgradesPopup} style={{ display: "block" }}>
+          {"Spend Hashes on Upgrades"}
+        </button>
+      )}
+
+      <ul id={"hacknet-nodes-list"}>{nodes}</ul>
+    </div>
+  );
+}