w3dhub_linux_launcher/lib/pages/server_browser.rb

module W3DHubLauncher
  module Page
    class ServerBrowser < CyberarmEngine::Page
      include GuiExt

      def setup
        @games_filter = []

        # game bar container
        flow(width: 1.0, height: 60) do
          widget(width: 220, height: 1.0, style_class: [:all_button]) do |w|
            flow(width: 1.0, height: 40, margin_left: PADDING, v_align: :center) do
              image safe_get_image("#{ROOT_PATH}/media/icons/menuGrid.png"), height: 40, color: 0xff_bbbbbb
              link "ALL SERVERS", text_size: 24, font: FONT_BLACK, height: 1.0, text_v_align: :center
            end

            w.subscribe(:clicked_left_mouse_button) do
              @games_filter.clear
              @app_filters_container.children.each { |c| c.enabled = true }
              populate_server_list
            end
          end

          @app_filters_container = flow(fill: true, height: 1.0, background_nine_slice: NINE_SLICE_ROUNDED, background_nine_slice_from_edge: NINE_SLICE_EDGE, background_nine_slice_color: ALPHA_GRAY, margin_left: PADDING) do
            MemCache[:applications].each do |app|
              next unless app.game?

              button(safe_get_image("#{CACHE_PATH}/icon_#{app.id}.png"), style_class: [:app_icon_button], tag: :"app_filter_#{app.id}", tip: app.name) do |btn|
                if shift_down?
                  @games_filter << app.id
                  @games_filter.uniq!
                else
                  @games_filter.clear
                  @games_filter << app.id
                end

                buttons = btn.parent.children
                filters = @games_filter.map { |f| :"app_filter_#{f}" }
                buttons.each { |e| e.enabled = !filters.include?(e.style.tag) }

                btn.enabled = false

                populate_server_list
              end
            end
          end

          button(safe_get_image("#{ROOT_PATH}/media/icons/target.png"), image_height: 1.0, tip: "Direct Connect", padding: HALF_PADDING, enabled: false, margin_left: PADDING) do
            dialog(Dialog::DirectConnect)
          end
        end

        # game content container
        @servers_container = stack(width: 1.0, fill: true, margin_top: LARGE_PADDING, scroll: true) do
        end

        # FIXME: Remember and use last used filter
        populate_server_list
      end

      def focus
        CyberarmEngine::EventBus.subscribe("game_server_pings", self, :handle_game_server_pings)

        CyberarmEngine::EventBus.subscribe("game_server_list", self, :handle_game_server_list)
        CyberarmEngine::EventBus.subscribe("game_server_added", self, :handle_game_server_updated) # <- not a typo
        CyberarmEngine::EventBus.subscribe("game_server_updated", self, :handle_game_server_updated)
        CyberarmEngine::EventBus.subscribe("game_server_removed", self, :handle_game_server_removed)

        @parent.show_server_details_panel
      end

      def blur
        CyberarmEngine::EventBus.unsubscribe("game_server_pings", self)

        CyberarmEngine::EventBus.unsubscribe("game_server_list", self)
        CyberarmEngine::EventBus.unsubscribe("game_server_added", self)
        CyberarmEngine::EventBus.unsubscribe("game_server_updated", self)
        CyberarmEngine::EventBus.unsubscribe("game_server_removed", self)

        @parent.hide_server_details_panel
      end

      def handle_game_server_pings(payload)
        addresses = payload.keys

        MemCache[:servers]&.select { |s| addresses.include?(s.address) }&.each do |server|
          w = find_element_by_tag(@servers_container, :"server_#{server.id}")
          ping_label = find_element_by_tag(w, :ping_label)
          ping_bar = find_element_by_tag(w, :ping_bar)

          ping_label&.value =  format("%ims", payload[server.address])
          ping_label&.tip =  ""

          if ping_bar
            ping_bar.style.height = server.ping_score_ratio
            ping_bar.style.background_nine_slice_color = server.ping_score_color
            ping_bar.recalculate
          end
        end

        # TODO: Sort servers?
      end

      def handle_game_server_list
        after(1_000) do
          populate_server_list
        end
      end

      def handle_game_server_updated(payload)
        game_server = Worker::Api::GameServer.new(payload)

        w = find_element_by_tag(@servers_container, :"server_#{game_server.id}")
        if w
          # update existing server widget
          name_label = find_element_by_tag(w, :name_label)
          info_label = find_element_by_tag(w, :info_label)
          map_label = find_element_by_tag(w, :map_label)
          players_label = find_element_by_tag(w, :players_label)

          name_label&.value = game_server.name
          name_label&.tip = game_server.name
          info_label&.value = "#{game_server.channel} • #{game_server.region} • #{game_server.time_elapsed} / #{game_server.time_remaining}"
          map_label&.value = game_server.current_map
          map_label&.tip = game_server.current_map
          players_label&.value = format("%d / %d", game_server.player_count, game_server.max_players)

        # ensure we don't add servers that are meant to be filtered out
        elsif @games_filter.empty? || @games_filter.include?(game_server.game)
          @servers_container.append do
            populate_server(game_server)
          end
        end

        # TODO: Sort servers?
      end

      def handle_game_server_removed(payload)
        w = find_element_by_tag(@servers_container, :"server_#{payload["id"]}")
        @servers_container.remove(w)
      end

      def populate_server_list
        @servers_container.clear do
          (MemCache[:servers] || []).select { |s| @games_filter.empty? ? true : @games_filter.include?(s.game) }.sort_by { |s| [s.player_count, -s.ping] }.reverse.each do |server|
            populate_server(server)
          end
        end
      end

      def populate_server(server)
        app = MemCache[:applications].find { |a| a.id == server.game }

        widget(tag: :"server_#{server.id}", width: 1.0, height: 56 + PADDING, padding_top: HALF_PADDING, padding_bottom: HALF_PADDING, margin_bottom: HALF_PADDING, background_nine_slice: NINE_SLICE_ROUNDED, background_nine_slice_from_edge: NINE_SLICE_EDGE, background_nine_slice_color: server.channel == "release" ? ALPHA_GRAY : 0xaa_c64600, hover: { background_nine_slice_color: 0xff_5e5c64 } , active: { background_nine_slice_color: 0xaa_5e5c64 }) do |w|
          # app icon container
          image(safe_get_image("#{CACHE_PATH}/icon_#{app.id}.png"), tip: app.name, width: 56, height: 1.0, margin_left: HALF_PADDING)

          # server name, region, and times container
          stack(fill: true, height: 1.0, margin_left: HALF_PADDING) do
            stack(width: 1.0, v_align: :center) do
              # server name
              caption server.name, tag: :name_label, text_wrap: :none, tip: server.name
              # server info
              inscription "#{server.channel} • #{server.region} • #{server.time_elapsed} / #{server.time_remaining}", tag: :info_label, text_wrap: :none, margin_top: -HALF_PADDING
            end
          end

          # server map
          stack(width: 256, height: 1.0, margin_left: HALF_PADDING) do
            stack(width: 1.0, fill: true, v_align: :center) do
              caption server.current_map, tag: :map_label, tip: server.current_map, text_wrap: :none, width: 1.0, text_align: :center
              inscription "map", text_wrap: :none, width: 1.0, text_align: :center, margin_top: -HALF_PADDING
            end
          end

          # server player count
          stack(width: 96, height: 1.0, margin_left: HALF_PADDING) do
            stack(width: 1.0, fill: true, v_align: :center) do
              caption format("%d / %d", server.player_count, server.max_players), tag: :players_label, width: 1.0, text_align: :center
              inscription "players", text_wrap: :none, width: 1.0, text_align: :center, margin_top: -HALF_PADDING
            end
          end

          # server ping
          flow(width: 96, height: 1.0, margin_left: HALF_PADDING, margin_right: HALF_PADDING) do
            stack(fill: true, height: 1.0, v_align: :center) do
              caption server.ping == Worker::Api::GameServer::BAD_OR_UNKNOWN_PING ? "?" : format("%ims", server.ping), tag: :ping_label, width: 1.0, text_align: :center, tip: server.ping == Worker::Api::GameServer::BAD_OR_UNKNOWN_PING ? "Server has not replied yet or did not reply to ICMP Echo Request.\nPing unknown." : ""
              inscription "ping", text_wrap: :none, width: 1.0, text_align: :center, margin_top: -HALF_PADDING
            end
            stack(width: 8, height: server.ping_score_ratio, tag: :ping_bar, v_align: :center, min_height: 8, background_nine_slice: NINE_SLICE_ROUNDED_SMALL, background_nine_slice_from_edge: NINE_SLICE_EDGE_SMALL, background_nine_slice_color: server.ping_score_color)
          end

          w.subscribe(:clicked_left_mouse_button) do
            current_server = (MemCache[:servers] || []).find { |s| s.id == server.id }

            @parent.populate_server_information(current_server)
          end
        end
      end
    end
  end
end