bitburner-src/src/ui/CharacterInfo.tsx

import * as React from "react";

import { numeralWrapper } from "../ui/numeralFormat";
import { BitNodes } from "../BitNode/BitNode";
import { IPlayer } from "../PersonObjects/IPlayer";
import { MoneySourceTracker } from "../utils/MoneySourceTracker";
import { dialogBoxCreate } from "../../utils/DialogBox";
import { convertTimeMsToTimeElapsedString } from "../../utils/StringHelperFunctions";
import { BitNodeMultipliers } from "../BitNode/BitNodeMultipliers";
import { SourceFileFlags } from "../SourceFile/SourceFileFlags";
import { getPurchaseServerLimit } from "../Server/ServerPurchases";
import { HacknetServerConstants } from "../Hacknet/data/Constants";
import { StatsTable } from "./React/StatsTable";
import { Money } from "./React/Money";

export function CharacterInfo(p: IPlayer): React.ReactElement {
  function LastEmployer(): React.ReactElement {
    if (p.companyName) {
      return (
        <>
          <span>Employer at which you last worked: {p.companyName}</span>
          <br />
        </>
      );
    }
    return <></>;
  }
  function LastJob(): React.ReactElement {
    if (p.companyName !== "") {
      return (
        <>
          <span>Job you last worked: {p.jobs[p.companyName]}</span>
          <br />
        </>
      );
    }
    return <></>;
  }
  function Employers(): React.ReactElement {
    if (p.jobs && Object.keys(p.jobs).length !== 0)
      return (
        <>
          <span>All Employers:</span>
          <br />
          <ul>
            {Object.keys(p.jobs).map((j) => (
              <li key={j}> * {j}</li>
            ))}
          </ul>
          <br />
          <br />
        </>
      );
    return <></>;
  }

  function Hacknet(): React.ReactElement {
    // Can't import HacknetHelpers for some reason.
    if (!(p.bitNodeN === 9 || SourceFileFlags[9] > 0)) {
      return (
        <>
          <span>{`Hacknet Nodes owned: ${p.hacknetNodes.length}`}</span>
          <br />
        </>
      );
    } else {
      return (
        <>
          <span>{`Hacknet Servers owned: ${p.hacknetNodes.length} / ${HacknetServerConstants.MaxServers}`}</span>
          <br />
        </>
      );
    }
  }

  function convertMoneySourceTrackerToString(src: MoneySourceTracker): React.ReactElement {
    const parts: any[][] = [[`Total:`, <Money money={src.total} />]];
    if (src.bladeburner) {
      parts.push([`Bladeburner:`, <Money money={src.bladeburner} />]);
    }
    if (src.codingcontract) {
      parts.push([`Coding Contracts:`, <Money money={src.codingcontract} />]);
    }
    if (src.work) {
      parts.push([`Company Work:`, <Money money={src.work} />]);
    }
    if (src.class) {
      parts.push([`Class:`, <Money money={src.class} />]);
    }
    if (src.corporation) {
      parts.push([`Corporation:`, <Money money={src.corporation} />]);
    }
    if (src.crime) {
      parts.push([`Crimes:`, <Money money={src.crime} />]);
    }
    if (src.gang) {
      parts.push([`Gang:`, <Money money={src.gang} />]);
    }
    if (src.hacking) {
      parts.push([`Hacking:`, <Money money={src.hacking} />]);
    }
    if (src.hacknetnode) {
      parts.push([`Hacknet Nodes:`, <Money money={src.hacknetnode} />]);
    }
    if (src.hospitalization) {
      parts.push([`Hospitalization:`, <Money money={src.hospitalization} />]);
    }
    if (src.infiltration) {
      parts.push([`Infiltration:`, <Money money={src.infiltration} />]);
    }
    if (src.stock) {
      parts.push([`Stock Market:`, <Money money={src.stock} />]);
    }
    if (src.casino) {
      parts.push([`Casino:`, <Money money={src.casino} />]);
    }
    if (src.sleeves) {
      parts.push([`Sleeves:`, <Money money={src.sleeves} />]);
    }

    return StatsTable(parts);
  }

  function openMoneyModal(): void {
    let content = (
      <>
        <u>Money earned since you last installed Augmentations:</u>
        <br />
        {convertMoneySourceTrackerToString(p.moneySourceA)}
      </>
    );
    if (p.sourceFiles.length !== 0) {
      content = (
        <>
          {content}
          <br />
          <br />
          <u>Money earned in this BitNode:</u>
          <br />
          {convertMoneySourceTrackerToString(p.moneySourceB)}
        </>
      );
    }

    dialogBoxCreate(content, false);
  }

  function Intelligence(): React.ReactElement {
    if (p.intelligence > 0 && (p.bitNodeN === 5 || SourceFileFlags[5] > 0)) {
      return (
        <tr key="5">
          <td>Intelligence:</td>
          <td style={{ textAlign: "right" }}>{numeralWrapper.formatSkill(p.intelligence)}</td>
        </tr>
      );
    }
    return <></>;
  }

  function MultiplierTable(props: any): React.ReactElement {
    function bn5Stat(r: any): JSX.Element {
      if (SourceFileFlags[5] > 0 && r.length > 2 && r[1] != r[2]) {
        return (
          <td key="2" style={{ textAlign: "right" }}>
            {" "}
            ({numeralWrapper.formatPercentage(r[2])})
          </td>
        );
      }
      return <></>;
    }
    return (
      <>
        <table>
          <tbody>
            {props.rows.map((r: any) => (
              <tr key={r[0]}>
                <td key="0">{`${r[0]} multiplier:`}</td>
                <td key="1" style={{ textAlign: "right", paddingLeft: "5px" }}>
                  {numeralWrapper.formatPercentage(r[1])}
                </td>
                {bn5Stat(r)}
              </tr>
            ))}
          </tbody>
        </table>
      </>
    );
  }

  function BladeburnerMults(): React.ReactElement {
    if (!p.canAccessBladeburner()) return <></>;
    return (
      <>
        <MultiplierTable
          rows={[
            ["Bladeburner Success Chance", p.bladeburner_max_stamina_mult],
            ["Bladeburner Max Stamina", p.bladeburner_stamina_gain_mult],
            ["Bladeburner Stamina Gain", p.bladeburner_analysis_mult],
            ["Bladeburner Field Analysis", p.bladeburner_success_chance_mult],
          ]}
        />
        <br />
      </>
    );
  }

  function CurrentBitNode(): React.ReactElement {
    if (p.sourceFiles.length > 0) {
      const index = "BitNode" + p.bitNodeN;
      return (
        <>
          <span>
            Current BitNode: {p.bitNodeN} ({BitNodes[index].name})
          </span>
          <br />
          <br />
          <div style={{ width: "60%", fontSize: "13px", marginLeft: "4%" }}>
            {BitNodes[index].info.split("<br>").map((t, i) => (
              <div key={i}>
                <span style={{ whiteSpace: "pre-wrap", overflowWrap: "break-word" }}>{t}</span>
                <br />
              </div>
            ))}
          </div>
        </>
      );
    }

    return <></>;
  }

  const timeRows = [["Time played since last Augmentation:", convertTimeMsToTimeElapsedString(p.playtimeSinceLastAug)]];
  if (p.sourceFiles.length > 0) {
    timeRows.push([
      "Time played since last Bitnode destroyed:",
      convertTimeMsToTimeElapsedString(p.playtimeSinceLastBitnode),
    ]);
  }
  timeRows.push(["Total Time played:", convertTimeMsToTimeElapsedString(p.totalPlaytime)]);

  return (
    <pre>
      <b>General</b>
      <br />
      <br />
      <span>Current City: {p.city}</span>
      <br />
      <LastEmployer />
      <LastJob />
      <Employers />
      <span>
        Money: <Money money={p.money.toNumber()} />
      </span>
      <button className="popup-box-button" style={{ display: "inline-block", float: "none" }} onClick={openMoneyModal}>
        Money Statistics & Breakdown
      </button>
      <br />
      <br />
      <b>Stats</b>
      <table>
        <tbody>
          <tr key="0">
            <td key="0">Hacking:</td>
            <td key="1" style={{ textAlign: "right" }}>
              {numeralWrapper.formatSkill(p.hacking_skill)}
            </td>
            <td key="2" style={{ textAlign: "right" }}>
              ({numeralWrapper.formatExp(p.hacking_exp)} exp)
            </td>
          </tr>
          <tr key="1">
            <td key="0">Strength:</td>
            <td key="1" style={{ textAlign: "right" }}>
              {numeralWrapper.formatSkill(p.strength)}
            </td>
            <td key="2" style={{ textAlign: "right" }}>
              ({numeralWrapper.formatExp(p.strength_exp)} exp)
            </td>
          </tr>
          <tr key="2">
            <td key="0">Defense:</td>
            <td key="1" style={{ textAlign: "right" }}>
              {numeralWrapper.formatSkill(p.defense)}
            </td>
            <td key="2" style={{ textAlign: "right" }}>
              ({numeralWrapper.formatExp(p.defense_exp)} exp)
            </td>
          </tr>
          <tr key="3">
            <td key="0">Dexterity:</td>
            <td key="1" style={{ textAlign: "right" }}>
              {numeralWrapper.formatSkill(p.dexterity)}
            </td>
            <td key="2" style={{ textAlign: "right" }}>
              ({numeralWrapper.formatExp(p.dexterity_exp)} exp)
            </td>
          </tr>
          <tr key="4">
            <td key="0">Agility:</td>
            <td key="1" style={{ textAlign: "right" }}>
              {numeralWrapper.formatSkill(p.agility)}
            </td>
            <td key="2" style={{ textAlign: "right" }}>
              ({numeralWrapper.formatExp(p.agility_exp)} exp)
            </td>
          </tr>
          <tr key="5">
            <td key="0">Charisma:</td>
            <td key="1" style={{ textAlign: "right" }}>
              {numeralWrapper.formatSkill(p.charisma)}
            </td>
            <td key="2" style={{ textAlign: "right" }}>
              ({numeralWrapper.formatExp(p.charisma_exp)} exp)
            </td>
          </tr>
          <Intelligence />
        </tbody>
      </table>
      <br />
      <MultiplierTable
        rows={[
          ["Hacking Chance", p.hacking_chance_mult],
          ["Hacking Speed", p.hacking_speed_mult],
          ["Hacking Money", p.hacking_money_mult, p.hacking_money_mult * BitNodeMultipliers.ScriptHackMoney],
          ["Hacking Growth", p.hacking_grow_mult, p.hacking_grow_mult * BitNodeMultipliers.ServerGrowthRate],
        ]}
      />
      <br />
      <MultiplierTable
        rows={[
          ["Hacking Level", p.hacking_mult, p.hacking_mult * BitNodeMultipliers.HackingLevelMultiplier],
          ["Hacking Experience", p.hacking_exp_mult, p.hacking_exp_mult * BitNodeMultipliers.HackExpGain],
        ]}
      />
      <br />

      <MultiplierTable
        rows={[
          ["Strength Level", p.strength_mult, p.strength_mult * BitNodeMultipliers.StrengthLevelMultiplier],
          ["Strength Experience", p.strength_exp_mult],
        ]}
      />
      <br />

      <MultiplierTable
        rows={[
          ["Defense Level", p.defense_mult, p.defense_mult * BitNodeMultipliers.DefenseLevelMultiplier],
          ["Defense Experience", p.defense_exp_mult],
        ]}
      />
      <br />

      <MultiplierTable
        rows={[
          ["Dexterity Level", p.dexterity_mult, p.dexterity_mult * BitNodeMultipliers.DexterityLevelMultiplier],
          ["Dexterity Experience", p.dexterity_exp_mult],
        ]}
      />
      <br />

      <MultiplierTable
        rows={[
          ["Agility Level", p.agility_mult, p.agility_mult * BitNodeMultipliers.AgilityLevelMultiplier],
          ["Agility Experience", p.agility_exp_mult],
        ]}
      />
      <br />

      <MultiplierTable
        rows={[
          ["Charisma Level", p.charisma_mult, p.charisma_mult * BitNodeMultipliers.CharismaLevelMultiplier],
          ["Charisma Experience", p.charisma_exp_mult],
        ]}
      />
      <br />

      <MultiplierTable
        rows={[
          [
            "Hacknet Node production",
            p.hacknet_node_money_mult,
            p.hacknet_node_money_mult * BitNodeMultipliers.HacknetNodeMoney,
          ],
          ["Hacknet Node purchase cost", p.hacknet_node_purchase_cost_mult],
          ["Hacknet Node RAM upgrade cost", p.hacknet_node_ram_cost_mult],
          ["Hacknet Node Core purchase cost", p.hacknet_node_core_cost_mult],
          ["Hacknet Node level upgrade cost", p.hacknet_node_level_cost_mult],
        ]}
      />
      <br />

      <MultiplierTable
        rows={[
          ["Company reputation gain", p.company_rep_mult],
          ["Faction reputation gain", p.faction_rep_mult, p.faction_rep_mult * BitNodeMultipliers.FactionWorkRepGain],
          ["Salary", p.work_money_mult, p.work_money_mult * BitNodeMultipliers.CompanyWorkMoney],
        ]}
      />
      <br />

      <MultiplierTable
        rows={[
          ["Crime success", p.crime_success_mult],
          ["Crime money", p.crime_money_mult, p.crime_money_mult * BitNodeMultipliers.CrimeMoney],
        ]}
      />
      <br />

      <BladeburnerMults />
      <br />

      <b>Misc.</b>
      <br />
      <br />
      <span>{`Servers owned: ${p.purchasedServers.length} / ${getPurchaseServerLimit()}`}</span>
      <br />
      <Hacknet />
      <span>{`Augmentations installed: ${p.augmentations.length}`}</span>
      <br />
      <br />
      {StatsTable(timeRows)}
      <br />
      <CurrentBitNode />
    </pre>
  );
}