bitburner-src/src/Augmentation/ui/PlayerMultipliers.tsx

/**
 * React component for displaying the player's multipliers on the Augmentation UI page
 */
import { Box, Typography, List, ListItemText, ListItem, Paper } from "@mui/material";
import * as React from "react";
import { BitNodeMultipliers } from "../../BitNode/BitNodeMultipliers";
import { Player } from "../../Player";
import { numeralWrapper } from "../../ui/numeralFormat";
import { Augmentations } from "../Augmentations";
import { DoubleArrow } from "@mui/icons-material";
import { Settings } from "../../Settings/Settings";

function calculateAugmentedStats(): any {
  const augP: any = {};
  for (const aug of Player.queuedAugmentations) {
    const augObj = Augmentations[aug.name];
    for (const mult of Object.keys(augObj.mults)) {
      const v = augP[mult] ? augP[mult] : 1;
      augP[mult] = v * augObj.mults[mult];
    }
  }
  return augP;
}

interface BitNodeModifiedStatsProps {
  base: number;
  mult: number;
  color: string;
}

function BitNodeModifiedStats(props: BitNodeModifiedStatsProps): React.ReactElement {
  if (props.mult === 1)
    return <Typography color={props.color}>{numeralWrapper.formatPercentage(props.base)}</Typography>;

  return (
    <Typography color={props.color}>
      <span style={{ opacity: 0.5 }}>{numeralWrapper.formatPercentage(props.base)}</span>{" "}
      {numeralWrapper.formatPercentage(props.base * props.mult)}
    </Typography>
  );
}

interface MultListProps {
  rows: (string | number)[][];
  color: string;
}

function MultiplierList(props: MultListProps): React.ReactElement {
  return (
    <List disablePadding>
      {props.rows.map((data) => {
        const mult = data[0] as string,
          value = data[1] as number,
          improved = data[2] as number | null,
          bnMult = data[3] as number;

        if (improved) {
          return (
            <ListItem key={mult} disableGutters sx={{ py: 0 }}>
              <ListItemText
                sx={{ my: 0.1 }}
                primary={
                  <Typography color={props.color}>
                    <b>{mult}</b>
                  </Typography>
                }
                secondary={
                  <span style={{ display: "flex", alignItems: "center", flexWrap: "wrap" }}>
                    <BitNodeModifiedStats base={value} mult={bnMult} color={props.color} />
                    <DoubleArrow fontSize="small" color="success" sx={{ mb: 1, mx: 1 }} />
                    <BitNodeModifiedStats base={improved} mult={bnMult} color={Settings.theme.success} />
                  </span>
                }
                disableTypography
              />
            </ListItem>
          );
        }
        return <></>;
      })}
    </List>
  );
}

export function PlayerMultipliers(): React.ReactElement {
  const mults = calculateAugmentedStats();

  function BladeburnerMults(): React.ReactElement {
    if (!Player.canAccessBladeburner()) return <></>;
    return (
      <>
        <MultiplierList
          rows={[
            [
              "Bladeburner Success Chance",
              Player.bladeburner_success_chance_mult,
              Player.bladeburner_success_chance_mult * mults.bladeburner_success_chance_mult,
              1,
            ],
            [
              "Bladeburner Max Stamina",
              Player.bladeburner_max_stamina_mult,
              Player.bladeburner_max_stamina_mult * mults.bladeburner_max_stamina_mult,
              1,
            ],
            [
              "Bladeburner Stamina Gain",
              Player.bladeburner_stamina_gain_mult,
              Player.bladeburner_stamina_gain_mult * mults.bladeburner_stamina_gain_mult,
              1,
            ],
            [
              "Bladeburner Field Analysis",
              Player.bladeburner_analysis_mult,
              Player.bladeburner_analysis_mult * mults.bladeburner_analysis_mult,
              1,
            ],
          ]}
          color={Settings.theme.primary}
        />
        <br />
      </>
    );
  }

  return (
    <Paper sx={{ p: 1, maxHeight: 400, overflowY: "scroll" }}>
      <Typography variant="h6">Multipliers</Typography>
      <Box>
        <MultiplierList
          rows={[
            ["Hacking Chance ", Player.hacking_chance_mult, Player.hacking_chance_mult * mults.hacking_chance_mult, 1],
            ["Hacking Speed ", Player.hacking_speed_mult, Player.hacking_speed_mult * mults.hacking_speed_mult, 1],
            ["Hacking Money ", Player.hacking_money_mult, Player.hacking_money_mult * mults.hacking_money_mult, 1],
            ["Hacking Growth ", Player.hacking_grow_mult, Player.hacking_grow_mult * mults.hacking_grow_mult, 1],
          ]}
          color={Settings.theme.hack}
        />
        <br />

        <MultiplierList
          rows={[
            [
              "Hacking Level ",
              Player.hacking_mult,
              Player.hacking_mult * mults.hacking_mult,
              BitNodeMultipliers.HackingLevelMultiplier,
            ],
            [
              "Hacking Experience ",
              Player.hacking_exp_mult,
              Player.hacking_exp_mult * mults.hacking_exp_mult,
              BitNodeMultipliers.HackExpGain,
            ],
          ]}
          color={Settings.theme.hack}
        />
        <br />

        <MultiplierList
          rows={[
            [
              "Strength Level ",
              Player.strength_mult,
              Player.strength_mult * mults.strength_mult,
              BitNodeMultipliers.StrengthLevelMultiplier,
            ],
            ["Strength Experience ", Player.strength_exp_mult, Player.strength_exp_mult * mults.strength_exp_mult, 1],
          ]}
          color={Settings.theme.combat}
        />
        <br />

        <MultiplierList
          rows={[
            [
              "Defense Level ",
              Player.defense_mult,
              Player.defense_mult * mults.defense_mult,
              BitNodeMultipliers.DefenseLevelMultiplier,
            ],
            ["Defense Experience ", Player.defense_exp_mult, Player.defense_exp_mult * mults.defense_exp_mult, 1],
          ]}
          color={Settings.theme.combat}
        />
        <br />

        <MultiplierList
          rows={[
            [
              "Dexterity Level ",
              Player.dexterity_mult,
              Player.dexterity_mult * mults.dexterity_mult,
              BitNodeMultipliers.DexterityLevelMultiplier,
            ],
            [
              "Dexterity Experience ",
              Player.dexterity_exp_mult,
              Player.dexterity_exp_mult * mults.dexterity_exp_mult,
              1,
            ],
          ]}
          color={Settings.theme.combat}
        />
        <br />

        <MultiplierList
          rows={[
            [
              "Agility Level ",
              Player.agility_mult,
              Player.agility_mult * mults.agility_mult,
              BitNodeMultipliers.AgilityLevelMultiplier,
            ],
            ["Agility Experience ", Player.agility_exp_mult, Player.agility_exp_mult * mults.agility_exp_mult, 1],
          ]}
          color={Settings.theme.combat}
        />
        <br />

        <MultiplierList
          rows={[
            [
              "Charisma Level ",
              Player.charisma_mult,
              Player.charisma_mult * mults.charisma_mult,
              BitNodeMultipliers.CharismaLevelMultiplier,
            ],
            ["Charisma Experience ", Player.charisma_exp_mult, Player.charisma_exp_mult * mults.charisma_exp_mult, 1],
          ]}
          color={Settings.theme.cha}
        />
        <br />

        <MultiplierList
          rows={[
            [
              "Hacknet Node production ",
              Player.hacknet_node_money_mult,
              Player.hacknet_node_money_mult * mults.hacknet_node_money_mult,
              BitNodeMultipliers.HacknetNodeMoney,
            ],
            [
              "Hacknet Node purchase cost ",
              Player.hacknet_node_purchase_cost_mult,
              Player.hacknet_node_purchase_cost_mult * mults.hacknet_node_purchase_cost_mult,
              1,
            ],
            [
              "Hacknet Node RAM upgrade cost ",
              Player.hacknet_node_ram_cost_mult,
              Player.hacknet_node_ram_cost_mult * mults.hacknet_node_ram_cost_mult,
              1,
            ],
            [
              "Hacknet Node Core purchase cost ",
              Player.hacknet_node_core_cost_mult,
              Player.hacknet_node_core_cost_mult * mults.hacknet_node_core_cost_mult,
              1,
            ],
            [
              "Hacknet Node level upgrade cost ",
              Player.hacknet_node_level_cost_mult,
              Player.hacknet_node_level_cost_mult * mults.hacknet_node_level_cost_mult,
              1,
            ],
          ]}
          color={Settings.theme.primary}
        />
        <br />

        <MultiplierList
          rows={[
            ["Company reputation gain ", Player.company_rep_mult, Player.company_rep_mult * mults.company_rep_mult, 1],
            [
              "Faction reputation gain ",
              Player.faction_rep_mult,
              Player.faction_rep_mult * mults.faction_rep_mult,
              BitNodeMultipliers.FactionWorkRepGain,
            ],
            [
              "Salary ",
              Player.work_money_mult,
              Player.work_money_mult * mults.work_money_mult,
              BitNodeMultipliers.CompanyWorkMoney,
            ],
          ]}
          color={Settings.theme.primary}
        />
        <br />

        <MultiplierList
          rows={[
            ["Crime success ", Player.crime_success_mult, Player.crime_success_mult * mults.crime_success_mult, 1],
            [
              "Crime money ",
              Player.crime_money_mult,
              Player.crime_money_mult * mults.crime_money_mult,
              BitNodeMultipliers.CrimeMoney,
            ],
          ]}
          color={Settings.theme.combat}
        />
        <br />

        <BladeburnerMults />
      </Box>
    </Paper>
  );
}