BUGFIX: Corrected error in formatReallyBigNumber and updated BB UI to be more large number friendly (#331)

src/Bladeburner/Bladeburner.tsx

@@ -1288,12 +1288,14 @@ export class Bladeburner {
               this.changeRank(person, gain);
               if (isOperation && this.logging.ops) {
                 this.log(
-                  `${person.whoAmI()}: ${action.name} successfully completed! Gained ${formatNumber(gain, 3)} rank`,
+                  `${person.whoAmI()}: ${
+                    action.name
+                  } successfully completed! Gained ${numeralWrapper.formatReallyBigNumber(gain)} rank`,
                 );
               } else if (!isOperation && this.logging.contracts) {
                 this.log(
                   `${person.whoAmI()}: ${action.name} contract successfully completed! Gained ` +
-                    `${formatNumber(gain, 3)} rank and ${numeralWrapper.formatMoney(moneyGain)}`,
+                    `${numeralWrapper.formatReallyBigNumber(gain)} rank and ${numeralWrapper.formatMoney(moneyGain)}`,
                 );
               }
             }
@@ -1450,15 +1452,15 @@ export class Bladeburner {
           this.log(
             `${person.whoAmI()}: ` +
               "Training completed. Gained: " +
-              formatNumber(strExpGain, 1) +
+              numeralWrapper.formatExp(strExpGain) +
               " str exp, " +
-              formatNumber(defExpGain, 1) +
+              numeralWrapper.formatExp(defExpGain) +
               " def exp, " +
-              formatNumber(dexExpGain, 1) +
+              numeralWrapper.formatExp(dexExpGain) +
               " dex exp, " +
-              formatNumber(agiExpGain, 1) +
+              numeralWrapper.formatExp(agiExpGain) +
               " agi exp, " +
-              formatNumber(staminaGain, 3) +
+              numeralWrapper.formatReallyBigNumber(staminaGain) +
               " max stamina",
           );
         }
@@ -1486,9 +1488,9 @@ export class Bladeburner {
         if (this.logging.general) {
           this.log(
             `${person.whoAmI()}: ` +
-              `Field analysis completed. Gained ${formatNumber(rankGain, 2)} rank, ` +
-              `${formatNumber(hackingExpGain, 1)} hacking exp, and ` +
-              `${formatNumber(charismaExpGain, 1)} charisma exp`,
+              `Field analysis completed. Gained ${numeralWrapper.formatReallyBigNumber(rankGain)} rank, ` +
+              `${numeralWrapper.formatExp(hackingExpGain)} hacking exp, and ` +
+              `${numeralWrapper.formatExp(charismaExpGain)} charisma exp`,
           );
         }
         break;
@@ -1504,7 +1506,7 @@ export class Bladeburner {
             this.log(
               `${person.whoAmI()}: ` +
                 "Successfully recruited a team member! Gained " +
-                formatNumber(expGain, 1) +
+                numeralWrapper.formatExp(expGain) +
                 " charisma exp",
             );
           }
@@ -1515,7 +1517,7 @@ export class Bladeburner {
             this.log(
               `${person.whoAmI()}: ` +
                 "Failed to recruit a team member. Gained " +
-                formatNumber(expGain, 1) +
+                numeralWrapper.formatExp(expGain) +
                 " charisma exp",
             );
           }

src/Bladeburner/ui/Stats.tsx

@@ -59,7 +59,7 @@ export function Stats(props: IProps): React.ReactElement {
         </Box>
         <Box display="flex">
           <Tooltip title={<Typography>Your rank within the Bladeburner division.</Typography>}>
-            <Typography>Rank: {formatNumber(props.bladeburner.rank, 2)}</Typography>
+            <Typography>Rank: {numeralWrapper.formatReallyBigNumber(props.bladeburner.rank)}</Typography>
           </Tooltip>
         </Box>
         <br />
@@ -88,7 +88,8 @@ export function Stats(props: IProps): React.ReactElement {
             }
           >
             <Typography>
-              Stamina: {formatNumber(props.bladeburner.stamina, 3)} / {formatNumber(props.bladeburner.maxStamina, 3)}
+              Stamina: {numeralWrapper.formatReallyBigNumber(props.bladeburner.stamina)} /{" "}
+              {numeralWrapper.formatReallyBigNumber(props.bladeburner.maxStamina)}
             </Typography>
           </Tooltip>
         </Box>
@@ -140,7 +141,9 @@ export function Stats(props: IProps): React.ReactElement {
               </Typography>
             }
           >
-            <Typography>City Chaos: {formatNumber(props.bladeburner.getCurrentCity().chaos)}</Typography>
+            <Typography>
+              City Chaos: {numeralWrapper.formatReallyBigNumber(props.bladeburner.getCurrentCity().chaos)}
+            </Typography>
           </Tooltip>
         </Box>
         <br />
@@ -166,7 +169,7 @@ export function Stats(props: IProps): React.ReactElement {
             <br />
           </>
         )}
-        <Typography>Skill Points: {formatNumber(props.bladeburner.skillPoints, 0)}</Typography>
+        <Typography>Skill Points: {numeralWrapper.formatReallyBigNumber(props.bladeburner.skillPoints)}</Typography>
         <br />
         <Typography>
           Aug. Success Chance mult: {formatNumber(Player.mults.bladeburner_success_chance * 100, 1)}%

src/ui/numeralFormat.ts

@@ -61,7 +61,7 @@ class NumeralFormatter {
     const nAbs = Math.abs(n as number);
     if (n === Infinity) return "∞";
     for (let i = 0; i < extraFormats.length; i++) {
-      if (extraFormats[i] < nAbs && nAbs <= extraFormats[i] * 1000) {
+      if (extraFormats[i] <= nAbs && nAbs < extraFormats[i] * 1000) {
         return this.format((n as number) / extraFormats[i], "0." + "0".repeat(decimalPlaces)) + extraNotations[i];
       }
     }
@@ -152,11 +152,11 @@ class NumeralFormatter {
   }
 
   formatPopulation(n: number): string {
-    return this.format(n, "0.000a");
+    return this.formatReallyBigNumber(n);
   }
 
   formatStamina(n: number): string {
-    return this.format(n, "0.0");
+    return this.formatReallyBigNumber(n);
   }
 
   formatShares(n: number): string {