bitburner-src/src/ui/React/ServerDropdown.jsx

/**
 * Creates a dropdown (select HTML element) with server hostnames as options
 *
 * Configurable to only contain certain types of servers
 */
import React from "react";
import { AllServers } from "../../Server/AllServers";

import { HacknetServer } from "../../Hacknet/HacknetServer";

// TODO make this an enum when this gets converted to TypeScript
export const ServerType = {
  All: 0,
  Foreign: 1, // Hackable, non-owned servers
  Owned: 2, // Home Computer, Purchased Servers, and Hacknet Servers
  Purchased: 3, // Everything from Owned except home computer
};

export class ServerDropdown extends React.Component {
  /**
   * Checks if the server should be shown in the dropdown menu, based on the
   * 'serverType' property
   */
  isValidServer(s) {
    const type = this.props.serverType;
    switch (type) {
      case ServerType.All:
        return true;
      case ServerType.Foreign:
        return s.hostname !== "home" && !s.purchasedByPlayer;
      case ServerType.Owned:
        return (
          s.purchasedByPlayer ||
          s instanceof HacknetServer ||
          s.hostname === "home"
        );
      case ServerType.Purchased:
        return s.purchasedByPlayer || s instanceof HacknetServer;
      default:
        console.warn(
          `Invalid ServerType specified for ServerDropdown component: ${type}`,
        );
        return false;
    }
  }

  /**
   * Given a Server object, creates a Option element
   */
  renderOption(s) {
    return (
      <option key={s.hostname} value={s.hostname}>
        {s.hostname}
      </option>
    );
  }

  render() {
    const servers = [];
    for (const serverName in AllServers) {
      const server = AllServers[serverName];
      if (this.isValidServer(server)) {
        servers.push(this.renderOption(server));
      }
    }

    return (
      <select
        className={"dropdown"}
        onChange={this.props.onChange}
        style={this.props.style}
      >
        {servers}
      </select>
    );
  }
}