Bump version

Modify all potentially case sensitive file operations to operate in a case-insensitive manner.

.github/workflows/build-tebako.yml

@@ -0,0 +1,47 @@
+name: Build Launcher Binary
+
+on:
+  push:
+    branches: [ master, test ]
+  workflow_dispatch:
+
+jobs:
+  build-tebako:
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        architecture: [x64]
+    container:
+      image: ghcr.io/tamatebako/tebako-ubuntu-20.04:latest
+    defaults:
+      run:
+        shell: bash
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Install Gosu and native dependencies
+        run: |
+          apt-get update
+          apt-get install -y libsdl2-dev libgl1-mesa-dev libopenal-dev libgmp-dev libfontconfig1-dev libsndfile1-dev libmpg123-dev libpango1.0-dev libtool libssl-dev libffi-dev
+
+      - name: Update Bundler and lockfile
+        run: |
+          gem install bundler -v 2.4.22
+          bundle _2.4.22_ lock --update --bundler
+
+      - name: Build Tebako binary
+        run: |
+          tebako press -P -R 3.4.1 -m bundle -o w3d_hub_linux_launcher -r $PWD -e w3d_hub_linux_launcher.rb
+
+      - name: Prepare artifact directory
+        run: |
+          mkdir w3d-hub-launcher-x86_64
+          cp w3d_hub_linux_launcher w3d-hub-launcher-x86_64/
+          cp -r media w3d-hub-launcher-x86_64/
+          cp -r locales w3d-hub-launcher-x86_64/
+
+      - name: Upload artifact
+        uses: actions/upload-artifact@v4
+        with:
+          name: w3d-hub-launcher-x86_64
+          path: w3d-hub-launcher-x86_64

.gitignore

@@ -10,5 +10,3 @@ media/icons/*
 !media/icons/app.*
 !media/icons/default_icon.png
 !media/icons/w3dhub.png
-media/banners/*
-!media/banners/.gitkeep

Gemfile

@@ -1,18 +1,27 @@
 source "https://rubygems.org"
 
+gem "base64"
+gem "excon"
 gem "cyberarm_engine"
-gem "launchy"
+gem "sdl2-bindings"
-gem "i18n"
+gem "libui", platforms: [:windows]
-gem "rexml"
 gem "digest-crc"
-gem "ffi"
+gem "i18n"
-gem "websocket-client-simple"
-gem "thread-local"
 gem "ircparser"
-gem "win32-security", platforms: [:x64_mingw, :mingw]
+gem "rexml"
-gem "win32-process", platforms: [:x64_mingw, :mingw]
+gem "rubyzip"
+gem "websocket-client-simple"
+gem "win32-process", platforms: [:windows]
+gem "win32-security", platforms: [:windows]
 
-# group :windows_packaging do
+# PACKAGING NOTES
-#   gem "rake"
+# bundler 2.5.x doesn't seem to play nice with ocra[n]
-#   gem "releasy"
+# use `bundle _x.y.z_ COMMAND` to use this one...
-# end
+# NOTE: Releasy needs to be installed as a system gem i.e. `rake install`
+# NOTE: contents of the `gemhome` folder in the packaged folder need to be moved into the lib/ruby/gems\<RUBY_VERSION> folder
+#  group :windows_packaging do
+#    gem "bundler", "~>2.4.3"
+#    gem "rake"
+#    gem "ocran"
+#    gem "releasy"#, path: "../releasy"
+#  end

Gemfile.lock

@@ -1,36 +1,36 @@
 GEM
   remote: https://rubygems.org/
   specs:
-    addressable (2.8.1)
+    base64 (0.3.0)
-      public_suffix (>= 2.0.2, < 6.0)
+    concurrent-ruby (1.3.5)
-    concurrent-ruby (1.1.10)
+    cyberarm_engine (0.24.5)
-    cyberarm_engine (0.22.0)
-      excon (~> 0.88)
       gosu (~> 1.1)
-      gosu_more_drawables (~> 0.3)
+    digest-crc (0.7.0)
-    digest-crc (0.6.4)
       rake (>= 12.0.0, < 14.0.0)
     event_emitter (0.2.6)
-    excon (0.93.1)
+    excon (1.3.0)
-    ffi (1.15.5)
+      logger
-    ffi (1.15.5-x64-mingw-ucrt)
+    ffi (1.17.2-x64-mingw-ucrt)
-    ffi (1.15.5-x64-mingw32)
+    ffi (1.17.2-x86_64-linux-gnu)
     ffi-win32-extensions (1.0.4)
       ffi
-    gosu (1.4.3)
+    gosu (1.4.6)
-    gosu_more_drawables (0.3.1)
+    i18n (1.14.7)
-    i18n (1.12.0)
       concurrent-ruby (~> 1.0)
     ircparser (1.0.0)
-    launchy (2.5.0)
+    libui (0.1.2-x64-mingw)
-      addressable (~> 2.7)
+    logger (1.7.0)
-    public_suffix (5.0.0)
+    mutex_m (0.3.0)
-    rake (13.0.6)
+    rake (13.3.0)
-    rexml (3.2.5)
+    rexml (3.4.2)
-    thread-local (1.1.0)
+    rubyzip (3.0.2)
-    websocket (1.2.9)
+    sdl2-bindings (0.2.3)
-    websocket-client-simple (0.6.0)
+      ffi (~> 1.15)
+    websocket (1.2.11)
+    websocket-client-simple (0.9.0)
+      base64
       event_emitter
+      mutex_m
       websocket
     win32-process (0.10.0)
       ffi (>= 1.0.0)
@@ -40,21 +40,22 @@ GEM
 
 PLATFORMS
   x64-mingw-ucrt
-  x64-mingw32
   x86_64-linux
 
 DEPENDENCIES
+  base64
   cyberarm_engine
   digest-crc
-  ffi
+  excon
   i18n
   ircparser
-  launchy
+  libui
   rexml
-  thread-local
+  rubyzip
+  sdl2-bindings
   websocket-client-simple
   win32-process
   win32-security
 
 BUNDLED WITH
-   2.3.17
+   2.6.8

Rakefile

@@ -11,13 +11,13 @@ Releasy::Project.new do
   version W3DHub::VERSION
 
   executable "w3d_hub_linux_launcher.rb"
-  files ["lib/**/*.*", "locales/*", "media/**/**", "data/.gitkeep", "data/cache/.gitkeep"]
+  files ["lib/**/*.*", "locales/*", "media/**/**", "data/.gitkeep", "data/cache/.gitkeep", "data/logs/.gitkeep"]
-  exclude_encoding # Applications that don't use advanced encoding (e.g. Japanese characters) can save build size with this.
+  # exclude_encoding # Applications that don't use advanced encoding (e.g. Japanese characters) can save build size with this.
   verbose
 
   add_build :windows_folder do
     icon "media/icons/app.ico"
-    executable_type :console # Assuming you don't want it to run with a console window.
+    executable_type :windows # :console # Assuming you don't want it to run with a console window.
     add_package :exe # Windows self-extracting archive.
   end
 end

lib/api.rb

@@ -1,8 +1,14 @@
 class W3DHub
   class Api
+
+    # Set Excon default CA file if found
+    if (ca_file = W3DHub.ca_bundle_path)
+      Excon.defaults[:ssl_ca_file] = ca_file
+    end
+
     LOG_TAG = "W3DHub::Api".freeze
 
-    API_TIMEOUT = 10 # seconds
+    API_TIMEOUT = 30 # seconds
     USER_AGENT = "Cyberarm's Linux Friendly W3D Hub Launcher v#{W3DHub::VERSION}".freeze
     DEFAULT_HEADERS = {
       "User-Agent": USER_AGENT,
@@ -15,23 +21,52 @@ class W3DHub
     }.freeze
 
     def self.on_thread(method, *args, &callback)
-      BackgroundWorker.job(-> { Api.send(method, *args) }, callback)
+      BackgroundWorker.foreground_job(-> { Api.send(method, *args) }, callback)
     end
 
     class DummyResponse
+      def initialize(error)
+        @error = error
+      end
+
       def success?
         false
       end
+
+      def status
+        -1
+      end
+
+      def body
+        ""
+      end
+
+      def error
+        @error
+      end
     end
 
     #! === W3D Hub API === !#
+    W3DHUB_API_ENDPOINT = "https://secure.w3dhub.com".freeze # "https://example.com" # "http://127.0.0.1:9292".freeze #
+    W3DHUB_API_CONNECTION = Excon.new(W3DHUB_API_ENDPOINT, persistent: true)
 
-    ENDPOINT = "https://secure.w3dhub.com".freeze
+    ALT_W3DHUB_API_ENDPOINT = "https://w3dhub-api.w3d.cyberarm.dev".freeze # "https://secure.w3dhub.com".freeze # "https://example.com" # "http://127.0.0.1:9292".freeze #
+    ALT_W3DHUB_API_API_CONNECTION = Excon.new(ALT_W3DHUB_API_ENDPOINT, persistent: true)
 
-    def self.post(url, headers = DEFAULT_HEADERS, body = nil)
+    def self.excon(method, url, headers = DEFAULT_HEADERS, body = nil, backend = :w3dhub)
-      # TODO: Check if session has expired and attempt to refresh session before submitting request
+      case backend
+      when :w3dhub
+        connection = W3DHUB_API_CONNECTION
+        endpoint   = W3DHUB_API_ENDPOINT
+      when :alt_w3dhub
+        connection = ALT_W3DHUB_API_API_CONNECTION
+        endpoint   = ALT_W3DHUB_API_ENDPOINT
+      when :gsh
+        connection = GSH_CONNECTION
+        endpoint   = SERVER_LIST_ENDPOINT
+      end
 
-      logger.debug(LOG_TAG) { "Fetching POST \"#{url}\"..." }
+      logger.debug(LOG_TAG) { "Fetching #{method.to_s.upcase} \"#{endpoint}#{url}\"..." }
 
       # Inject Authorization header if account data is populated
       if Store.account
@@ -41,14 +76,74 @@ class W3DHub
       end
 
       begin
-        Excon.post(url, headers: headers, body: body, tcp_nodelay: true, write_timeout: API_TIMEOUT, read_timeout: API_TIMEOUT, connection_timeout: API_TIMEOUT)
+        connection.send(
-      rescue Excon::Errors::Timeout
+          method,
+          path: url.sub(endpoint, ""),
+          headers: headers,
+          body: body,
+          nonblock: true,
+          tcp_nodelay: true,
+          write_timeout: API_TIMEOUT,
+          read_timeout: API_TIMEOUT,
+          connect_timeout: API_TIMEOUT,
+          idempotent: true,
+          retry_limit: 3,
+          retry_interval: 1,
+          retry_errors: [Excon::Error::Socket, Excon::Error::HTTPStatus] # Don't retry on timeout
+        )
+      rescue Excon::Errors::Timeout => e
         logger.error(LOG_TAG) { "Connection to \"#{url}\" timed out after: #{API_TIMEOUT} seconds" }
-        DummyResponse.new
+
-      rescue Excon::Socket::Error => e
+        DummyResponse.new(e)
+      rescue Excon::Error => e
         logger.error(LOG_TAG) { "Connection to \"#{url}\" errored:" }
         logger.error(LOG_TAG) { e }
-        DummyResponse.new
+
+        DummyResponse.new(e)
+      end
+    end
+
+    def self.post(url, headers = DEFAULT_HEADERS, body = nil, backend = :w3dhub)
+      excon(:post, url, headers, body, backend)
+    end
+
+    def self.get(url, headers = DEFAULT_HEADERS, body = nil, backend = :w3dhub)
+      excon(:get, url, headers, body, backend)
+    end
+
+    # Api.get but handles any URL instead of known hosts
+    def self.fetch(url, headers = DEFAULT_HEADERS, body = nil, backend = nil)
+      uri = URI(url)
+
+      # Use Api.get for `W3DHUB_API_ENDPOINT` URL's to exploit keep alive and connection reuse (faster responses)
+      return excon(:get, url, headers, body, backend) if "#{uri.scheme}://#{uri.host}" == W3DHUB_API_ENDPOINT
+
+      logger.debug(LOG_TAG) { "Fetching GET \"#{url}\"..." }
+
+      begin
+        Excon.get(
+          url,
+          headers: headers,
+          body: body,
+          nonblock: true,
+          tcp_nodelay: true,
+          write_timeout: API_TIMEOUT,
+          read_timeout: API_TIMEOUT,
+          connect_timeout: API_TIMEOUT,
+          idempotent: true,
+          retry_limit: 3,
+          retry_interval: 1,
+          retry_errors: [Excon::Error::Socket, Excon::Error::HTTPStatus] # Don't retry on timeout
+        )
+      rescue Excon::Errors::Timeout => e
+        logger.error(LOG_TAG) { "Connection to \"#{url}\" timed out after: #{API_TIMEOUT} seconds" }
+
+        DummyResponse.new(e)
+      rescue Excon::Error => e
+        logger.error(LOG_TAG) { "Connection to \"#{url}\" errored:" }
+        logger.error(LOG_TAG) { e }
+
+        DummyResponse.new(e)
       end
     end
 
@@ -67,24 +162,16 @@ class W3DHub
     #
     # On a failed login the service responds with:
     # {"error":"login-failed"}
-    def self.refresh_user_login(refresh_token)
+    def self.refresh_user_login(refresh_token, backend = :w3dhub)
       body = "data=#{JSON.dump({refreshToken: refresh_token})}"
-      response = post("#{ENDPOINT}/apis/launcher/1/user-login", FORM_ENCODED_HEADERS, body)
+      response = post("/apis/launcher/1/user-login", FORM_ENCODED_HEADERS, body, backend)
 
       if response.status == 200
         user_data = JSON.parse(response.body, symbolize_names: true)
 
         return false if user_data[:error]
 
-        body = "data=#{JSON.dump({ id: user_data[:userid] })}"
+        user_details_data = user_details(user_data[:userid]) || {}
-        user_details = post("#{ENDPOINT}/apis/w3dhub/1/get-user-details", FORM_ENCODED_HEADERS, body)
-
-        if user_details.status == 200
-          user_details_data = JSON.parse(user_details.body, symbolize_names: true)
-        else
-          logger.error(LOG_TAG) { "Failed to fetch refresh user details:" }
-          logger.error(LOG_TAG) { user_details }
-        end
 
         Account.new(user_data, user_details_data)
       else
@@ -95,24 +182,16 @@ class W3DHub
     end
 
     # See #user_refresh_token
-    def self.user_login(username, password)
+    def self.user_login(username, password, backend = :w3dhub)
       body = "data=#{JSON.dump({username: username, password: password})}"
-      response = post("#{ENDPOINT}/apis/launcher/1/user-login", FORM_ENCODED_HEADERS, body)
+      response = post("/apis/launcher/1/user-login", FORM_ENCODED_HEADERS, body, backend)
 
       if response.status == 200
         user_data = JSON.parse(response.body, symbolize_names: true)
 
         return false if user_data[:error]
 
-        body = "data=#{JSON.dump({ id: user_data[:userid] })}"
+        user_details_data = user_details(user_data[:userid]) || {}
-        user_details = post("#{ENDPOINT}/apis/w3dhub/1/get-user-details", FORM_ENCODED_HEADERS, body)
-
-        if user_details.status == 200
-          user_details_data = JSON.parse(user_details.body, symbolize_names: true)
-        else
-          logger.error(LOG_TAG) { "Failed to fetch user details:" }
-          logger.error(LOG_TAG) { user_details }
-        end
 
         Account.new(user_data, user_details_data)
       else
@@ -122,18 +201,27 @@ class W3DHub
       end
     end
 
-    # /apis/launcher/1/user-login
+    # /apis/w3dhub/1/get-user-details
-    # Client sends an Authorization header bearer token which is received from logging in (Required?)
     #
     # Response: avatar-uri (Image download uri), id, username
-    def self.user_details(id)
+    def self.user_details(id, backend = :w3dhub)
+      body = "data=#{JSON.dump({ id: id })}"
+      user_details = post("/apis/w3dhub/1/get-user-details", FORM_ENCODED_HEADERS, body, backend)
+
+      if user_details.status == 200
+        JSON.parse(user_details.body, symbolize_names: true)
+      else
+        logger.error(LOG_TAG) { "Failed to fetch user details:" }
+        logger.error(LOG_TAG) { user_details }
+        false
+      end
     end
 
     # /apis/w3dhub/1/get-service-status
     # Service response:
     # {"services":{"authentication":true,"packageDownload":true}}
-    def self.service_status
+    def self.service_status(backend = :w3dhub)
-      response = post("#{ENDPOINT}/apis/w3dhub/1/get-service-status", DEFAULT_HEADERS)
+      response = post("/apis/w3dhub/1/get-service-status", DEFAULT_HEADERS, nil, backend)
 
       if response.status == 200
         ServiceStatus.new(response.body)
@@ -148,11 +236,11 @@ class W3DHub
     # Client sends an Authorization header bearer token which is received from logging in (Optional)
     # Launcher sends an empty data request: data={}
     # Response is a list of applications/games
-    def self.applications
+    def self.applications(backend = :w3dhub)
-      response = post("#{ENDPOINT}/apis/launcher/1/get-applications")
+      response = post("/apis/launcher/1/get-applications", DEFAULT_HEADERS, nil, backend)
 
       if response.status == 200
-        Applications.new(response.body)
+        Applications.new(response.body, backend)
       else
         logger.error(LOG_TAG) { "Failed to fetch applications list:" }
         logger.error(LOG_TAG) { response }
@@ -160,13 +248,82 @@ class W3DHub
       end
     end
 
+    # Populate applications list from primary and alternate backends
+    # (alternate only has latest public builds of _most_ games)
+    def self._applications
+      applications_primary = Store.account ? Api.applications(:w3dhub) : false
+      applications_alternate = Api.applications(:alt_w3dhub)
+
+      # Fail if we fail to fetch applications list from either backend
+      return false unless applications_primary || applications_alternate
+
+      return applications_alternate unless applications_primary
+
+      # Merge the two app lists together
+      apps = applications_alternate
+      if applications_primary
+        applications_primary.games.each do |game|
+          # Check if game exists in alternate list
+          _game = apps.games.find { |g| g.id == game.id }
+          unless _game
+            apps.games << game
+
+            # App didn't exist in alternates list
+            # comparing channels isn't useful
+            next
+          end
+
+          # If it does, check that all of its channels also exist in alternate list
+          # and that the primary versions are the same as the alternates list
+          game.channels.each do |channel|
+            _channel = _game.channels.find { |c| c.id == channel.id }
+
+            unless _channel
+              _game.channels << channel
+
+              # App didn't have channel in alternates list
+              # comparing channel isn't useful
+              next
+            end
+
+            # If channel versions and access levels match then all's well
+            if channel.current_version == _channel.current_version &&
+              channel.user_level == _channel.user_level
+
+              # All's Well!
+              next
+            end
+
+            # If the access levels don't match then overwrite alternate's channel with primary's channel
+            if channel.user_level != _channel.user_level
+              # Replace alternate's channel with primary's channel
+              _game.channels[_game.channels.index(_channel)] = channel
+
+              # Replaced, continue.
+              next
+            end
+
+            # If versions don't match then pick whichever one is higher
+            if Gem::Version.new(channel.current_version) > Gem::Version.new(_channel.current_version)
+              # Replace alternate's channel with primary's channel
+              _game.channels[_game.channels.index(_channel)] = channel
+            else
+              # Do nothing, alternate backend version is greater.
+            end
+          end
+        end
+      end
+
+      apps
+    end
+
     # /apis/w3dhub/1/get-news
     # Client sends an Authorization header bearer token which is received from logging in (Optional)
     # Client requests news for a specific application/game e.g.: data={"category":"ia"} ("launcher-home" retrieves the weekly hub updates)
     # Response is a JSON hash with a "highlighted" and "news" keys; the "news" one seems to be the desired one
-    def self.news(category)
+    def self.news(category, backend = :w3dhub)
       body = "data=#{JSON.dump({category: category})}"
-      response = post("#{ENDPOINT}/apis/w3dhub/1/get-news", FORM_ENCODED_HEADERS, body)
+      response = post("/apis/w3dhub/1/get-news", FORM_ENCODED_HEADERS, body, backend)
 
       if response.status == 200
         News.new(response.body)
@@ -182,12 +339,13 @@ class W3DHub
 
     # /apis/launcher/1/get-package-details
     # client requests package details: data={"packages":[{"category":"games","name":"apb.ico","subcategory":"apb","version":""}]}
-    def self.package_details(packages)
+    def self.package_details(packages, backend = :w3dhub)
       body = URI.encode_www_form("data": JSON.dump({ packages: packages }))
-      response = post("#{ENDPOINT}/apis/launcher/1/get-package-details", FORM_ENCODED_HEADERS, body)
+      response = post("/apis/launcher/1/get-package-details", FORM_ENCODED_HEADERS, body, backend)
 
       if response.status == 200
         hash = JSON.parse(response.body, symbolize_names: true)
+
         hash[:packages].map { |pkg| Package.new(pkg) }
       else
         logger.error(LOG_TAG) { "Failed to fetch package details for:" }
@@ -208,9 +366,9 @@ class W3DHub
     # /apis/w3dhub/1/get-events
     #
     # clients requests events: data={"serverPath":"apb"}
-    def self.events(app_id)
+    def self.events(app_id, backend = :w3dhub)
       body = URI.encode_www_form("data": JSON.dump({ serverPath: app_id }))
-      response = post("#{ENDPOINT}/apis/w3dhub/1/get-server-events", FORM_ENCODED_HEADERS, body)
+      response = post("/apis/w3dhub/1/get-server-events", FORM_ENCODED_HEADERS, body, backend)
 
       if response.status == 200
         array = JSON.parse(response.body, symbolize_names: true)
@@ -222,15 +380,10 @@ class W3DHub
 
     #! === Server List API === !#
 
-    SERVER_LIST_ENDPOINT = "https://gsh.w3dhub.com".freeze
+    # SERVER_LIST_ENDPOINT = "https://gsh.w3dhub.com".freeze
-
+    SERVER_LIST_ENDPOINT = "https://gsh.w3d.cyberarm.dev".freeze
-    def self.get(url, headers = DEFAULT_HEADERS, body = nil)
+    # SERVER_LIST_ENDPOINT = "http://127.0.0.1:9292".freeze
-      @client ||= Excon.new(SERVER_LIST_ENDPOINT, persistent: true)
+    GSH_CONNECTION = Excon.new(SERVER_LIST_ENDPOINT, persistent: true)
-
-      logger.debug(LOG_TAG) { "Fetching GET \"#{url}\"..." }
-
-      Excon.get(url, headers: headers, body: body, persistent: true)
-    end
 
     # Method: GET
     # FORMAT: JSON
@@ -249,8 +402,8 @@ class W3DHub
     #     id, name, score, kills, deaths
     #   ...players[]:
     #     nick, team (index of teams array), score, kills, deaths
-    def self.server_list(level = 1)
+    def self.server_list(level = 1, backend = :gsh)
-      response = get("#{SERVER_LIST_ENDPOINT}/listings/getAll/v2?statusLevel=#{level}")
+      response = get("/listings/getAll/v2?statusLevel=#{level}", DEFAULT_HEADERS, nil, backend)
 
       if response.status == 200
         data = JSON.parse(response.body, symbolize_names: true)
@@ -271,8 +424,10 @@ class W3DHub
     #     id, name, score, kills, deaths
     #   ...players[]:
     #     nick, team (index of teams array), score, kills, deaths
-    def self.server_details(id, level)
+    def self.server_details(id, level, backend = :gsh)
-      response = get("#{SERVER_LIST_ENDPOINT}/listings/getStatus/v2/#{id}?statusLevel=#{level}")
+      return false unless id && level
+
+      response = get("/listings/getStatus/v2/#{id}?statusLevel=#{level}", DEFAULT_HEADERS, nil, backend)
 
       if response.status == 200
         hash = JSON.parse(response.body, symbolize_names: true)

lib/api/applications.rb

@@ -1,15 +1,17 @@
 class W3DHub
   class Api
     class Applications
-      def initialize(response)
+      attr_reader :data
+
+      def initialize(response, source = nil)
         @data = JSON.parse(response, symbolize_names: true)
 
         games = @data[:applications].select { |a| a[:category] == "games" }
 
         @games = []
 
-        games.each { |hash| @games << Game.new(hash) }
+        games.each { |hash| @games << Game.new(hash, source) }
-        @games.sort_by! { |a| a.name }.reverse
+        @games.sort_by!(&:name).reverse
       end
 
       def games
@@ -18,37 +20,71 @@ class W3DHub
 
       class Game
         attr_reader :id, :name, :type, :category, :studio_id, :channels, :web_links, :color
+        attr_reader :___source
 
-        def initialize(hash)
+        def initialize(hash, source = nil)
           @data = hash
+          @data[:___source] = source if source
 
-          @id = @data[:id]
+          @id = @data[:id].to_s
           @name = @data[:name]
           @type = @data[:type]
           @category = @data[:category]
           @studio_id = @data[:"studio-id"]
 
            # TODO: Do processing
-          @channels = @data[:channels].map { |channel| Channel.new(channel) }
+          @channels = @data[:channels].map { |channel| Channel.new(channel, source) }
           @web_links = @data[:"web-links"]&.map { |link| WebLink.new(link) } || []
           @extended_data = @data[:"extended-data"]
 
           color = @data[:"extended-data"].find { |h| h[:name] == "colour" }[:value].sub("#", "")
 
+          color = color.sub("ff", "") if color.length == 8
           @color = "ff#{color}".to_i(16)
+
+          cfg = @data[:"extended-data"].find { |h| h[:name] == "usesEngineCfg" }
+          @uses_engine_cfg = (cfg && cfg[:value].to_s.downcase.strip == "true") == true # explicit truthy compare to prevent return `nil`
+
+          cfg = @data[:"extended-data"].find { |h| h[:name] == "usesRenFolder" }
+          @uses_ren_folder = (cfg && cfg[:value].to_s.downcase.strip == "true") == true # explicit truthy compare to prevent return `nil`
+        end
+
+        def uses_engine_cfg?
+          @uses_engine_cfg
+        end
+
+        def uses_ren_folder?
+          @uses_ren_folder
+        end
+
+        def source
+          @data[:___source]&.to_sym || :w3dhub
+        end
+
+        def source=(sym)
+          @data[:___source] = sym
         end
 
         class Channel
           attr_reader :id, :name, :user_level, :current_version
 
-          def initialize(hash)
+          def initialize(hash, source = nil)
             @data = hash
+            @data[:___source] = source
 
-            @id = @data[:id]
+            @id = @data[:id].to_s
             @name = @data[:name]
             @user_level = @data[:"user-level"]
             @current_version = @data[:"current-version"]
           end
+
+          def source
+            @data[:___source]&.to_sym || :w3dhub
+          end
+
+          def source=(sym)
+            @data[:___source] = sym
+          end
         end
 
         class WebLink

lib/api/news.rb

@@ -6,7 +6,7 @@ class W3DHub
       def initialize(response)
         @data = JSON.parse(response, symbolize_names: true)
 
-        @items = @data[:news].map { |item| Item.new(item) }
+        @items = (@data[:news] && @data[:news].is_a?(Array)) ? @data[:news].map { |item| Item.new(item) } : []
       end
 
       class Item

lib/api/package.rb

@@ -1,7 +1,7 @@
 class W3DHub
   class Api
     class Package
-      attr_reader :category, :subcategory, :name, :version, :size, :checksum, :checksum_chunk_size, :checksum_chunks,
+      attr_reader :category, :subcategory, :name, :version, :size, :checksum, :checksum_chunk_size, :checksum_chunks, :download_url, :error,
                   :custom_partially_valid_at_bytes, :custom_is_patch
 
       def initialize(hash)
@@ -16,6 +16,9 @@ class W3DHub
         @checksum = @data[:checksum]
         @checksum_chunk_size = @data[:"checksum-chunk-size"]
         @checksum_chunks = @data[:"checksum-chunks"]
+        @error = @data[:error] || nil
+
+        @download_url = @data[:download_url] || nil
 
         @custom_partially_valid_at_bytes = 0
         @custom_is_patch = false
@@ -25,6 +28,10 @@ class W3DHub
         @checksum_chunks[:"#{key}"]
       end
 
+      def error?
+        @error
+      end
+
       def partially_valid_at_bytes=(i)
         @custom_partially_valid_at_bytes = i
       end

lib/api/server_list_server.rb

@@ -1,6 +1,8 @@
 class W3DHub
   class Api
     class ServerListServer
+      NO_OR_BAD_PING = 1_000_000
+
       attr_reader :id, :game, :address, :port, :region, :channel, :ping, :status
 
       def initialize(hash)
@@ -12,43 +14,41 @@ class W3DHub
         @port    = @data[:port]
         @region  = @data[:region]
         @channel = @data[:channel] || "release"
-        @ping    = -1
+        @ping    = NO_OR_BAD_PING
 
-        @status  = @data[:status] ? Status.new(@data[:status]) : nil
+        @status  = Status.new(@data[:status])
 
         @ping_interval = 30_000
-        @last_pinged = Gosu.milliseconds + @ping_interval + 1
+        @last_pinged = Gosu.milliseconds + @ping_interval + 1_000
       end
 
       def update(hash)
         if @status
-          @status.instance_variable_set(:@name, hash[:name])
+          @status.name = hash[:name]
-          @status.instance_variable_set(:@password, hash[:password] || false)
+          @status.password = hash[:password] || false
-          @status.instance_variable_set(:@map, hash[:map])
+          @status.map = hash[:map]
-          @status.instance_variable_set(:@max_players, hash[:maxplayers])
+          @status.max_players = hash[:maxplayers]
-          @status.instance_variable_set(:@player_count, hash[:numplayers] || 0)
+          @status.player_count = hash[:numplayers] || 0
-          @status.instance_variable_set(:@started, hash[:started])
+          @status.started = hash[:started]
-          @status.instance_variable_set(:@remaining, hash[:remaining])
+          @status.remaining = hash[:remaining]
 
-          @status.instance_variable_set(:@teams, hash[:teams]&.map { |t| Team.new(t) }) if hash[:teams]
+          @status.teams = hash[:teams]&.map { |t| Team.new(t) } if hash[:teams]
-          @status.instance_variable_set(:@players, hash[:players]&.select { |t| t[:nick] != "Nod" && t[:nick] != "GDI" }&.map { |t| Player.new(t) }) if hash[:players]
+          @status.players = hash[:players]&.select { |t| t[:nick] != "Nod" && t[:nick] != "GDI" }&.map { |t| Player.new(t) } if hash[:players]
 
           send_ping
-
+        else
-          return true
+          @status = Status.new(hash)
         end
 
-        false
+        true
       end
 
       def send_ping(force_ping = false)
         if force_ping || Gosu.milliseconds - @last_pinged >= @ping_interval
           @last_pinged = Gosu.milliseconds
 
-          W3DHub::BackgroundWorker.parallel_job(
+          W3DHub::BackgroundWorker.foreground_parallel_job(
             lambda do
-              @ping = -1
-
               W3DHub.command("ping #{@address} #{W3DHub.windows? ? '-n 3' : '-c 3'}") do |line|
                 if W3DHub.windows? && line =~ /Minimum|Maximum|Maximum/i
                   @ping = line.strip.split(",").last.split("=").last.sub("ms", "").to_i
@@ -57,6 +57,8 @@ class W3DHub
                 end
               end
 
+              @ping = NO_OR_BAD_PING if @ping.zero?
+
               @ping
             end,
             lambda do |_|
@@ -67,26 +69,26 @@ class W3DHub
       end
 
       class Status
-        attr_reader :name, :password, :map, :max_players, :player_count, :started, :remaining, :teams, :players
+        attr_accessor :name, :password, :map, :max_players, :player_count, :started, :remaining, :teams, :players
 
         def initialize(hash)
-          @data = hash
+          @data = hash || {}
 
-          @teams   = @data[:teams]&.map { |t| Team.new(t) }
+          @teams   = @data[:teams]&.map { |t| Team.new(t) } || []
-          @players = @data[:players]&.select { |t| t[:nick] != "Nod" && t[:nick] != "GDI" }&.map { |t| Player.new(t) }
+          @players = @data[:players]&.select { |t| t[:nick] != "Nod" && t[:nick] != "GDI" }&.map { |t| Player.new(t) } || []
 
-          @name         = @data[:name]
+          @name         = @data[:name] || ""
           @password     = @data[:password] || false
-          @map          = @data[:map]
+          @map          = @data[:map] || ""
-          @max_players  = @data[:maxplayers]
+          @max_players  = @data[:maxplayers] || 0
           @player_count = @players.size || @data[:numplayers].to_i
-          @started      = @data[:started]
+          @started      = @data[:started] || Time.now
-          @remaining    = @data[:remaining]
+          @remaining    = @data[:remaining] || "00.00.00"
         end
       end
 
       class Team
-        attr_reader :id, :name, :score, :kills, :deaths
+        attr_accessor :id, :name, :score, :kills, :deaths
 
         def initialize(hash)
           @data = hash
@@ -100,7 +102,7 @@ class W3DHub
       end
 
       class Player
-        attr_reader :nick, :team, :score, :kills, :deaths
+        attr_accessor :nick, :team, :score, :kills, :deaths
 
         def initialize(hash)
           @data = hash

lib/api/server_list_updater.rb

@@ -11,7 +11,13 @@ class W3DHub
         @@instance = ServerListUpdater.new
       end
 
+      attr_accessor :auto_reconnect, :invocation_id
+
       def initialize
+        @auto_reconnect = false
+
+        @invocation_id = 0
+
         logger.info(LOG_TAG) { "Starting emulated SignalR Server List Updater..." }
         run
       end
@@ -20,11 +26,16 @@ class W3DHub
         Thread.new do
           begin
             connect
+
+            while W3DHub::BackgroundWorker.alive?
+              connect if @auto_reconnect
+              sleep 1
+            end
           rescue => e
             puts e
             puts e.backtrace
 
-            sleep 10
+            sleep 30
             retry
           end
         end
@@ -34,63 +45,156 @@ class W3DHub
       end
 
       def connect
-        auto_reconnect = false
+        @auto_reconnect = false
 
         logger.debug(LOG_TAG) { "Requesting connection token..." }
-        response = Excon.post("https://gsh.w3dhub.com/listings/push/v2/negotiate?negotiateVersion=1", headers: Api::DEFAULT_HEADERS, body: "")
+        response = Api.post("/listings/push/v2/negotiate?negotiateVersion=1", Api::DEFAULT_HEADERS, "", :gsh)
+
+        if response.status != 200
+          @auto_reconnect = true
+          return
+        end
+
         data = JSON.parse(response.body, symbolize_names: true)
 
+        @invocation_id = 0 if @invocation_id > 9095
         id = data[:connectionToken]
-        endpoint = "https://gsh.w3dhub.com/listings/push/v2?id=#{id}"
+        endpoint = "#{Api::SERVER_LIST_ENDPOINT}/listings/push/v2?id=#{id}"
 
         logger.debug(LOG_TAG) { "Connecting to websocket..." }
-        WebSocket::Client::Simple.connect(endpoint, headers: Api::DEFAULT_HEADERS) do |ws|
+        this = self
+        @ws = WebSocket::Client::Simple.connect(endpoint, headers: Api::DEFAULT_HEADERS) do |ws|
+          ws.on(:open) do
+            logger.debug(LOG_TAG) { "Requesting json protocol, v1..." }
+            ws.send({ protocol: "json", version: 1 }.to_json + "\x1e")
+
+            logger.debug(LOG_TAG) { "Subscribing to server changes..." }
+            Store.server_list.each do |server|
+              this.invocation_id += 1
+              mode = 1 # 2 full details, 1 basic details
+              out = { "type": 1, "invocationId": "#{this.invocation_id}", "target": "SubscribeToServerStatusUpdates", "arguments": [server.id, mode] }
+              ws.send(out.to_json + "\x1e")
+            end
+          end
+
           ws.on(:message) do |msg|
             msg = msg.data.split("\x1e").first
 
             hash = JSON.parse(msg, symbolize_names: true)
 
+            # pp hash if hash[:target] != "ServerStatusChanged" && hash[:type] != 6 && hash[:type] != 3
+
             # Send PING(?)
             if hash.empty? || hash[:type] == 6
               ws.send({ type: 6 }.to_json + "\x1e")
             else
               case hash[:type]
               when 1
-                if hash[:target] == "ServerStatusChanged"
+                case hash[:target]
+                when "ServerRegistered"
+                  data = hash[:arguments].first
+
+                  this.invocation_id += 1
+                  out = { "type": 1, "invocationId": "#{this.invocation_id}", "target": "SubscribeToServerStatusUpdates", "arguments": [data[:id], 1] }
+                  ws.send(out.to_json + "\x1e")
+
+                  BackgroundWorker.foreground_job(
+                    ->(data) { [Api.server_details(data[:id], 2), data] },
+                    ->(array) do
+                      server_data, data = array
+
+                      next unless server_data
+
+                      data[:status] = server_data
+
+                      server = ServerListServer.new(data)
+                      Store.server_list.push(server)
+                      States::Interface.instance&.update_server_browser(server, :update)
+                    end,
+                    nil,
+                    data
+                  )
+
+                when "ServerStatusChanged"
                   id, data = hash[:arguments]
                   server = Store.server_list.find { |s| s.id == id }
                   server_updated = server&.update(data)
-                  States::Interface.instance&.update_server_browser(server) if server_updated
+
+                  BackgroundWorker.foreground_job(->(server) { server }, ->(server) { States::Interface.instance&.update_server_browser(server, :update) }, nil, server) if server_updated
+
+                when "ServerUnregistered"
+                  id = hash[:arguments].first
+                  server = Store.server_list.find { |s| s.id == id }
+
+                  if server
+                    Store.server_list.delete(server)
+                    BackgroundWorker.foreground_job(->(server) { server }, ->(server) { States::Interface.instance&.update_server_browser(server, :remove) }, nil, server)
+                  end
                 end
               end
             end
           end
 
-          ws.on(:open) do
-            logger.debug(LOG_TAG) { "Requesting json protocol, v1..." }
-            ws.send({ protocol: "json", version: 1 }.to_json + "\x1e")
-
-            logger.debug(LOG_TAG) { "Subscribing to server changes..." }
-            Store.server_list.each_with_index do |server, i|
-              i += 1
-              mode = 1 # 2 full details, 1 basic details
-              out = { "type": 1, "invocationId": "#{i}", "target": "SubscribeToServerStatusUpdates", "arguments": [server.id, mode] }
-              ws.send(out.to_json + "\x1e")
-            end
-          end
-
           ws.on(:close) do |e|
-            p e
+            logger.error(LOG_TAG) { e }
-            auto_reconnect = true
+            this.auto_reconnect = true
+            ws.close
           end
 
           ws.on(:error) do |e|
-            p e
+            logger.error(LOG_TAG) { e }
-            auto_reconnect = true
+            this.auto_reconnect = true
+            ws.close
           end
         end
 
-        connect if auto_reconnect
+        @ws = nil
+      end
+
+      def refresh_server_list(list)
+        new_servers = []
+        removed_servers = []
+
+        # find new servers
+        list.each do |server|
+          found_server = Store.server_list.find { |s| s.id == server.id }
+
+          new_servers << server unless found_server
+        end
+
+        # find removed servers
+        Store.server_list.each do |server|
+          found_server = list.find { |s| s.id == server.id }
+
+          removed_servers << server unless found_server
+        end
+
+        # purge removed servers from list
+        Store.server_list.reject! do |server|
+          removed_servers.find { |s| server.id == s.id }
+        end
+
+        # add new servers to list
+        Store.server_list = Store.server_list + new_servers
+
+        if @ws
+          # unsubscribe from removed servers
+          removed_servers.each do
+            @invocation_id += 1
+            out = { "type": 1, "invocationId": "#{@invocation_id}", "target": "SubscribeToServerStatusUpdates", "arguments": [server.id, 0] }
+            ws.send(out.to_json + "\x1e")
+          end
+
+          # subscribe to new servers
+          new_servers.each do
+            @invocation_id += 1
+            out = { "type": 1, "invocationId": "#{@invocation_id}", "target": "SubscribeToServerStatusUpdates", "arguments": [server.id, 1] }
+            ws.send(out.to_json + "\x1e")
+          end
+        end
+
+        # sort list
+        Store.server_list.sort_by! { |s| [s.status.player_count, s.id] }.reverse!
       end
     end
   end

lib/application_manager.rb

@@ -44,7 +44,7 @@ class W3DHub
       # if auto-import fails ask user for path to game exe
       # mark app as imported/installed
 
-      @tasks.push(Importer.new(app_id, channel))
+      push_state(W3DHub::States::ImportGameDialog, app_id: app_id, channel: channel)
     end
 
     def settings(app_id, channel)
@@ -146,6 +146,7 @@ class W3DHub
 
       # TODO: Change if this correct on Linux
       user_data_path = "#{Dir.home}/Documents/W3D Hub/games/#{app_id}-#{channel}"
+      user_data_path = "#{Dir.home}/Documents/Renegade" if app_id == "ren"
 
       path = case type
       when :installation
@@ -153,7 +154,9 @@ class W3DHub
       when :user_data
         user_data_path
       when :screenshots
-        Dir.exist?("#{user_data_path}/Screenshots") ? "#{user_data_path}/Screenshots" : user_data_path
+        screenshots_path = "#{user_data_path}/Screenshots"
+        screenshots_path = "#{user_data_path}/Client/Screenshots" if app_id == "ren"
+        Dir.exist?(screenshots_path) ? screenshots_path : user_data_path
       else
         raise "Unknown folder type: #{type.inspect}"
       end
@@ -198,18 +201,45 @@ class W3DHub
       end
     end
 
-    def run(app_id, channel, *args)
+    def start_command(path, exe)
-      if (app_data = installed?(app_id, channel))
+      if W3DHub.windows?
-        pid = Process.spawn("#{dxvk_command(app_id, channel)}#{mangohud_command(app_id, channel)}#{wine_command(app_id, channel)}\"#{app_data[:install_path]}\" #{args.join(' ')}")
+        "start /D \"#{path}\" /B #{exe}"
-        Process.detach(pid)
+      else
+        "#{path}/#{exe}"
       end
     end
 
-    def join_server(app_id, channel, server, password = nil)
+    def run(app_id, channel, *args)
-      if installed?(app_id, channel) && Store.settings[:server_list_username].to_s.length.positive?
+      if (app_data = installed?(app_id, channel))
+        install_directory = app_data[:install_directory]
+        exe_path = app_id == "ecw" ? "#{install_directory}/game500.exe" : "#{install_directory}/game.exe"
+        exe_path.gsub!("/", "\\") if W3DHub.windows?
+        exe_path.gsub!("\\", "/") if W3DHub.unix?
+
+        exe = File.basename(exe_path)
+        path = File.dirname(exe_path)
+
+        attempted = false
+        begin
+          pid = Process.spawn("#{dxvk_command(app_id, channel)}#{mangohud_command(app_id, channel)}#{wine_command(app_id, channel)}#{attempted ? start_command(path, exe) : "\"#{exe_path}\""} -launcher #{args.join(' ')}")
+          Process.detach(pid)
+        rescue Errno::EINVAL => e
+          retryable = !attempted
+          attempted = true
+
+          # Assume that we're on windoze and that the game requires admin
+          retry if retryable
+
+          # TODO: Show an error message if we reach here...
+        end
+      end
+    end
+
+    def join_server(app_id, channel, server, username = Store.settings[:server_list_username], password = nil, multi = false)
+      if installed?(app_id, channel) && username.to_s.length.positive?
         run(
           app_id, channel,
-          "-launcher +connect #{server.address}:#{server.port} +netplayername #{Store.settings[:server_list_username]}#{password ? " +password \"#{password}\"" : ""}"
+          "+connect #{server.address}:#{server.port} +netplayername #{username}#{password ? " +password \"#{password}\"" : ""}#{multi ? " +multi" : ""}"
         )
       end
     end
@@ -220,7 +250,7 @@ class W3DHub
       return nil unless app_data
 
       found_server = Store.server_list.select do |server|
-        server.game == app_id && server.channel == channel && !server.status.password
+        server.game == app_id && server.channel == channel && !server.status.password && server.status.player_count < server.status.max_players
       end&.first
 
       found_server ? found_server : nil
@@ -231,7 +261,26 @@ class W3DHub
 
       return false unless server
 
-      join_server(app_id, channel, server)
+      if Store.settings[:server_list_username].to_s.length.zero?
+        W3DHub.prompt_for_nickname(
+          accept_callback: proc do |entry|
+            Store.settings[:server_list_username] = entry
+            Store.settings.save_settings
+
+            if server.status.password
+              W3DHub.prompt_for_password(
+                accept_callback: proc do |password|
+                  join_server(app_id, channel, server)
+                end
+              )
+            else
+              join_server(app_id, channel, server)
+            end
+          end
+        )
+      else
+        join_server(app_id, channel, server)
+      end
     end
 
     def favorive(app_id, bool)
@@ -292,10 +341,11 @@ class W3DHub
 
       begin
         reg_constant.open(registry_path, reg_type) do |reg|
-          if (install_path = reg["InstallDir"])
+          if (install_path = reg["InstallPath"])
+            install_path = File.dirname(install_path)
             install_path.gsub!("\\", "/")
 
-            exe_path = app_id == "ecw" ? "#{install_path}/game750.exe" : "#{install_path}/game.exe"
+            exe_path = app_id == "ecw" ? "#{install_path}/game500.exe" : "#{install_path}/game.exe"
 
             if File.exist?(exe_path)
               installed_version = app_id == "ren" ? "1.0.0.0" : reg["InstalledVersion"]
@@ -361,17 +411,19 @@ class W3DHub
       false
     end
 
-    def imported!(task, exe_path)
+    def imported!(application, channel, exe_path)
+      exe_path.gsub!("\\", "/")
+
       application_data = {
-        name: task.application.name,
+        name: application.name,
         install_directory: File.dirname(exe_path),
-        installed_version: task.channel.current_version,
+        installed_version: channel.current_version,
         install_path: exe_path,
-        wine_prefix: task.wine_prefix
+        wine_prefix: nil
       }
 
       Store.settings[:games] ||= {}
-      Store.settings[:games][:"#{task.app_id}_#{task.release_channel}"] = application_data
+      Store.settings[:games][:"#{application.id}_#{channel.id}"] = application_data
       Store.settings.save_settings
     end
 
@@ -382,6 +434,8 @@ class W3DHub
       # wine_prefix # optional
 
       install_directory = Cache.install_path(task.application, task.channel)
+      install_directory.gsub!("\\", "/")
+
       application_data = {
         name: task.application.name,
         install_directory: install_directory,
@@ -429,6 +483,32 @@ class W3DHub
       Store.settings.save_settings
     end
 
+    def color(app_id)
+      Store.applications.games.detect { |g| g.id == app_id }&.color
+    end
+
+    def name(app_id)
+      Store.applications.games.detect { |g| g.id == app_id }&.name
+    end
+
+    def channel_name(app_id, channel_id)
+      app = Store.applications.games.detect { |g| g.id.to_s == app_id.to_s }
+      return unless app
+
+      app.channels.detect { |g| g.id.to_s == channel_id.to_s }&.name
+    end
+
+    def application(app_id)
+      Store.applications.games.detect { |g| g.id.to_s == app_id.to_s }
+    end
+
+    def channel(app_id, channel_id)
+      app = Store.applications.games.detect { |g| g.id.to_s == app_id.to_s }
+      return unless app
+
+      app.channels.detect { |g| g.id.to_s == channel_id.to_s }
+    end
+
     # No application tasks are being done
     def idle?
       !busy?

lib/application_manager/manifest.rb

@@ -30,7 +30,7 @@ class W3DHub
 
       def parse_files
         @document.root.elements.each("//File") do |element|
-          @files.push(ManifestFile.new(element))
+          @files.push(ManifestFile.new(element, @version))
         end
       end
 
@@ -42,9 +42,9 @@ class W3DHub
 
       # TODO: Support patches
       class ManifestFile
-        attr_reader :name, :checksum, :package, :removed_since, :from
+        attr_reader :name, :checksum, :package, :removed_since, :from, :version
 
-        def initialize(xml)
+        def initialize(xml, version)
           @data = xml
 
           @name = @data["name"]
@@ -58,6 +58,8 @@ class W3DHub
             @from = patch["from"]
             @package = patch["package"]
           end
+
+          @version = version
         end
 
         def removed?

lib/application_manager/task.rb

@@ -27,8 +27,9 @@ class W3DHub
         @bytes_downloaded = -1
 
         @manifests = []
-        @files = {}
+        @files = []
         @packages = []
+        @deleted_files = [] # TODO: remove removed files
 
         @wine_prefix = nil
 
@@ -61,7 +62,7 @@ class W3DHub
               status = execute_task
             rescue FailFast
               # no-op
-            rescue StandardError, ERRNO::EACCES => e
+            rescue StandardError, Errno::EACCES => e
               status = false
               @task_failure_reason = e.message[0..512]
 
@@ -77,7 +78,7 @@ class W3DHub
             @task_state = :complete unless @task_state == :failed
 
             hide_application_taskbar if @task_state == :failed
-            send_message_dialog(:failure, "Task #{type.inspect} failed for #{@application.name}", @task_failure_reason) if @task_state == :failed && !@fail_silently
+            send_message_dialog(:failure, "#{type.to_s.capitalize} Task failed for #{@application.name}", @task_failure_reason) if @task_state == :failed && !@fail_silently
           # end
         end
       end
@@ -111,6 +112,31 @@ class W3DHub
         @task_state == :failed
       end
 
+      def normalize_path(path, base_path)
+        path = path.to_s.gsub("\\", "/")
+        return path if W3DHub.windows? # Windows is easy, or annoying, depending how you look at it...
+
+        constructed_path = base_path
+
+        split_path = path.split("/")
+        split_path.each do |segment|
+          Dir.glob("#{constructed_path}/*").each do |part|
+            next unless "#{constructed_path}/#{segment}".downcase == part.downcase
+
+            constructed_path = part
+
+            break if File.file?(constructed_path)
+          end
+        end
+
+        # Find file if it exists, otherwise downcase the `path` sans `base_path`
+        if "#{base_path}/#{path}".length == constructed_path.length
+          constructed_path
+        else
+          "#{base_path}/#{path.downcase}"
+        end
+      end
+
       def failure_reason
         @task_failure_reason || ""
       end
@@ -146,10 +172,7 @@ class W3DHub
 
         # FIXME: Check that there is enough disk space
 
-        # tar present?
+        # TODO: Is missing wine/proton really a failure condition?
-        bsdtar_present = W3DHub.command("#{W3DHub.tar_command} --help")
-        fail!("FAIL FAST: `#{W3DHub.tar_command} --help` command failed, #{W3DHub.tar_command} is not installed. Will be unable to unpack packages.") unless bsdtar_present
-
         # Wine present?
         if W3DHub.unix?
           wine_present = W3DHub.command("which #{Store.settings[:wine_command]}")
@@ -210,16 +233,23 @@ class W3DHub
           @manifests << manifest
 
           until(manifest.full?)
-            fetch_manifest("games", app_id, "manifest.xml", manifest.base_version)
+            if fetch_manifest("games", app_id, "manifest.xml", manifest.base_version)
-            manifest = load_manifest("games", app_id, "manifest.xml", manifest.base_version)
+              manifest = load_manifest("games", app_id, "manifest.xml", manifest.base_version)
-            manifests << manifest
+              manifests << manifest
+            else
+              fail!("Failed to retrieve manifest: games:#{app_id}:manifest.xml-#{manifest.base_version}")
+              return []
+            end
           end
+        else
+          fail!("Failed to retrieve manifest: games:#{app_id}:manifest.xml-#{@target_version}")
+          return []
         end
 
         @manifests
       end
 
-      def build_package_list(manifests)
+      def build_package_list
         @status.operations.clear
         @status.label = "Downloading #{@application.name}..."
         @status.value = "Building package list..."
@@ -227,44 +257,48 @@ class W3DHub
 
         @status.step = :build_package_list
 
-        packages = []
+        # Process manifest game files in OLDEST to NEWEST order so we can simply remove preceeding files from the array that aren't needed
-
+        @manifests.reverse.each do |manifest|
-        manifests.reverse.each do |manifest|
           logger.info(LOG_TAG) { "#{manifest.game}-#{manifest.type}: #{manifest.version} (#{manifest.base_version})" }
 
           manifest.files.each do |file|
-            @files["#{file.name}:#{manifest.version}"] = file
+            if file.removed? # No package data
-
+              @files.delete_if { |f| f.name.casecmp?(file.name) }
-            next if file.removed? # No package data
+              @deleted_files.push(file)
-
+              next
-            # if file.patch?
-            #   fail!("#{@application.name} requires patches. Patching is not yet supported.")
-            #   break
-            # end
-
-            next if packages.detect do |pkg|
-              pkg.category == "games" &&
-              pkg.subcategory == @app_id &&
-              pkg.name == file.package &&
-              pkg.version == manifest.version
             end
 
-            packages.push(
+            @files.delete_if { |f| f.name.casecmp?(file.name) } unless file.patch?
-              Api::Package.new(
-                { category: "games", subcategory: @app_id, name: file.package, version: manifest.version }
-              )
-            )
 
-            packages.last.is_patch = file if file.patch?
+            # If file has been recreated in a newer patch, don't delete it;
+            # A full file package will exist for it so it will get completely replaced.
+            @deleted_files.delete_if { |f| f.name.casecmp?(file.name) }
+
+            @files.push(file)
           end
 
           # TODO: Dependencies
         end
 
-        packages
+        @files.each do |file|
+          next if packages.detect do |pkg|
+            pkg.category == "games" &&
+            pkg.subcategory == @app_id &&
+            pkg.name.to_s.casecmp?(file.package.to_s) &&
+            pkg.version == file.version
+          end
+
+          package = Api::Package.new({ category: "games", subcategory: @app_id, name: file.package, version: file.version })
+
+          package.is_patch = file if file.patch?
+
+          packages.push(package)
+        end
+
+        @packages = packages
       end
 
-      def verify_files(manifests, packages)
+      def verify_files
         @status.operations.clear
         @status.label = "Downloading #{@application.name}..."
         @status.value = "Verifying installed files..."
@@ -281,46 +315,42 @@ class W3DHub
 
         folder_exists = File.directory?(path)
 
-        manifests.each do |manifest|
+        # Process manifest game files in NEWEST to OLDEST order so that we don't erroneously flag
+        #   valid files as invalid due to an OLDER version of the file being checked FIRST.
+        @files.reverse.each do |file|
           break unless folder_exists
 
-          manifest.files.each do |file|
+          file_path = normalize_path(file.name, path)
-            safe_file_name = file.name.gsub("\\", "/")
-            # Fix borked data -> Data 'cause Windows don't care about capitalization
-            safe_file_name.sub!("data/", "Data/") # unless File.exist?("#{path}/#{safe_file_name}")
 
-            file_path = "#{path}/#{safe_file_name}"
+          processed_files += 1
+          @status.progress = processed_files.to_f / file_count
 
-            processed_files += 1
+          next if file.removed_since
-            @status.progress = processed_files.to_f / file_count
+          next if accepted_files.key?(file_path)
 
-            next if file.removed_since
+          unless File.exist?(file_path)
-            next if accepted_files.key?(safe_file_name)
+            rejected_files << { file: file, manifest_version: file.version }
+            logger.info(LOG_TAG) { "[#{file.version}] File missing: #{file_path}" }
+            next
+          end
 
-            unless File.exist?(file_path)
+          digest = Digest::SHA256.new
-              rejected_files << { file: file, manifest_version: manifest.version }
+          f = File.open(file_path)
-              logger.info(LOG_TAG) { "[#{manifest.version}] File missing: #{file_path}" }
-              next
-            end
 
-            digest = Digest::SHA256.new
+          while (chunk = f.read(32_000_000))
-            f = File.open(file_path)
+            digest.update(chunk)
+          end
 
-            while (chunk = f.read(32_000_000))
+          f.close
-              digest.update(chunk)
-            end
 
-            f.close
+          logger.info(LOG_TAG) { file.inspect } if file.checksum.nil?
 
-            logger.info(LOG_TAG) { file.inspect } if file.checksum.nil?
+          if digest.hexdigest.upcase == file.checksum.upcase
-
+            accepted_files[file_path] = file.version
-            if digest.hexdigest.upcase == file.checksum.upcase
+            logger.info(LOG_TAG) { "[#{file.version}] Verified file: #{file_path}" }
-              accepted_files[safe_file_name] = manifest.version
+          else
-              logger.info(LOG_TAG) { "[#{manifest.version}] Verified file: #{file_path}" }
+            rejected_files << { file: file, manifest_version: file.version }
-            else
+            logger.info(LOG_TAG) { "[#{file.version}] File failed Verification: #{file_path}" }
-              rejected_files << { file: file, manifest_version: manifest.version }
-              logger.info(LOG_TAG) { "[#{manifest.version}] File failed Verification: #{file_path}" }
-            end
           end
         end
 
@@ -332,7 +362,7 @@ class W3DHub
         rejected_files.each do |hash|
           next if selected_packages_hash["#{hash[:file].package}_#{hash[:manifest_version]}"]
 
-          package = packages.find { |pkg| pkg.name == hash[:file].package && pkg.version == hash[:manifest_version] }
+          package = @packages.find { |pkg| pkg.name.casecmp?(hash[:file].package) && pkg.version == hash[:manifest_version] }
 
           if package
             selected_packages_hash["#{hash[:file].package}_#{hash[:manifest_version]}"] = true
@@ -343,13 +373,15 @@ class W3DHub
         end
 
         # Removed packages that don't need to be fetched or processed
-        packages.delete_if { |package| !selected_packages.find { |pkg| pkg == package } } if folder_exists
+        @packages.delete_if { |package| !selected_packages.find { |pkg| pkg == package } } if folder_exists
 
-        packages
+        @packages
       end
 
-      def fetch_packages(packages)
+      def fetch_packages
-        hashes = packages.map do |pkg|
+        return if @packages.empty?
+
+        hashes = @packages.map do |pkg|
           {
             category: pkg.category,
             subcategory: pkg.subcategory,
@@ -358,98 +390,103 @@ class W3DHub
           }
         end
 
-        package_details = Api.package_details(hashes)
+        package_details = Api.package_details(hashes, @channel.source || :w3dhub)
 
-        if package_details
+        unless package_details
-          @packages = [package_details].flatten
-          @packages.each do |rich|
-            package = packages.find do |pkg|
-              pkg.category == rich.category &&
-              pkg.subcategory == rich.subcategory &&
-              "#{pkg.name}.zip" == rich.name &&
-              pkg.version == rich.version
-            end
-
-            package.instance_variable_set(:"@name", rich.name)
-            package.instance_variable_set(:"@size", rich.size)
-            package.instance_variable_set(:"@checksum", rich.checksum)
-            package.instance_variable_set(:"@checksum_chunk_size", rich.checksum_chunk_size)
-            package.instance_variable_set(:"@checksum_chunks", rich.checksum_chunks)
-          end
-
-          @packages_to_download = []
-
-          @status.label = "Downloading #{@application.name}..."
-          @status.value = "Verifying local packages..."
-          @status.progress = 0.0
-
-          package_details.each do |pkg|
-            @status.operations[:"#{pkg.checksum}"] = Status::Operation.new(
-              label: pkg.name,
-              value: "Pending...",
-              progress: 0.0
-            )
-          end
-
-          @status.step = :prefetch_verifying_packages
-
-          package_details.each_with_index.each do |pkg, i|
-            operation = @status.operations[:"#{pkg.checksum}"]
-
-            if verify_package(pkg)
-              operation.value = "Verified"
-              operation.progress = 1.0
-            else
-              @packages_to_download << pkg
-
-              operation.value = "#{W3DHub.format_size(pkg.custom_partially_valid_at_bytes)} / #{W3DHub.format_size(pkg.size)}"
-              operation.progress = pkg.custom_partially_valid_at_bytes.to_f / pkg.size
-            end
-
-            @status.progress = i.to_f / package_details.count
-
-            update_interface_task_status
-          end
-
-          @status.operations.delete_if { |key, o| o.progress >= 1.0 }
-
-          @status.step = :fetch_packages
-
-          @total_bytes_to_download = @packages_to_download.sum { |pkg| pkg.size - pkg.custom_partially_valid_at_bytes }
-          @bytes_downloaded = 0
-
-          pool = Pool.new(workers: Store.settings[:parallel_downloads])
-
-          @packages_to_download.each do |pkg|
-            pool.add_job Pool::Job.new( proc {
-              package_bytes_downloaded = pkg.custom_partially_valid_at_bytes
-
-              package_fetch(pkg) do |chunk, remaining_bytes, total_bytes|
-                @bytes_downloaded += chunk.to_s.length
-                package_bytes_downloaded += chunk.to_s.length
-
-                @status.value = "#{W3DHub.format_size(@bytes_downloaded)} / #{W3DHub.format_size(@total_bytes_to_download)}"
-                @status.progress = @bytes_downloaded.to_f / @total_bytes_to_download
-
-                operation = @status.operations[:"#{pkg.checksum}"]
-                operation.value = "#{W3DHub.format_size(package_bytes_downloaded)} / #{W3DHub.format_size(pkg.size)}"
-                operation.progress = package_bytes_downloaded.to_f / pkg.size # total_bytes
-
-                update_interface_task_status
-              end
-            })
-          end
-
-          pool.manage_pool
-        else
           fail!("Failed to fetch package details")
+          return
         end
+
+        [package_details].flatten.each do |rich|
+          if rich.error?
+            fail!("Failed to retrieve package details! (#{rich.category}:#{rich.subcategory}:#{rich.name}:#{rich.version})\nError: #{rich.error.gsub("-", " ").capitalize}")
+            return
+          end
+
+          package = @packages.find do |pkg|
+            pkg.category.to_s.casecmp?(rich.category.to_s) &&
+            pkg.subcategory.to_s.casecmp?(rich.subcategory.to_s) &&
+            "#{pkg.name}.zip".casecmp?(rich.name) &&
+            pkg.version == rich.version
+          end
+
+          package.instance_variable_set(:"@name", rich.name)
+          package.instance_variable_set(:"@size", rich.size)
+          package.instance_variable_set(:"@checksum", rich.checksum)
+          package.instance_variable_set(:"@checksum_chunk_size", rich.checksum_chunk_size)
+          package.instance_variable_set(:"@checksum_chunks", rich.checksum_chunks)
+        end
+
+        @packages_to_download = []
+
+        @status.label = "Downloading #{@application.name}..."
+        @status.value = "Verifying local packages..."
+        @status.progress = 0.0
+
+        package_details.each do |pkg|
+          @status.operations[:"#{pkg.checksum}"] = Status::Operation.new(
+            label: pkg.name,
+            value: "Pending...",
+            progress: 0.0
+          )
+        end
+
+        @status.step = :prefetch_verifying_packages
+
+        package_details.each_with_index.each do |pkg, i|
+          operation = @status.operations[:"#{pkg.checksum}"]
+
+          if verify_package(pkg)
+            operation.value = "Verified"
+            operation.progress = 1.0
+          else
+            @packages_to_download << pkg
+
+            operation.value = "#{W3DHub.format_size(pkg.custom_partially_valid_at_bytes)} / #{W3DHub.format_size(pkg.size)}"
+            operation.progress = pkg.custom_partially_valid_at_bytes.to_f / pkg.size
+          end
+
+          @status.progress = i.to_f / package_details.count
+
+          update_interface_task_status
+        end
+
+        @status.operations.delete_if { |key, o| o.progress >= 1.0 }
+
+        @status.step = :fetch_packages
+
+        @total_bytes_to_download = @packages_to_download.sum { |pkg| pkg.size - pkg.custom_partially_valid_at_bytes }
+        @bytes_downloaded = 0
+
+        pool = Pool.new(workers: Store.settings[:parallel_downloads])
+
+        @packages_to_download.each do |pkg|
+          pool.add_job Pool::Job.new( proc {
+            package_bytes_downloaded = pkg.custom_partially_valid_at_bytes
+
+            package_fetch(pkg) do |chunk, remaining_bytes, total_bytes|
+              @bytes_downloaded += chunk.to_s.length
+              package_bytes_downloaded += chunk.to_s.length
+
+              @status.value = "#{W3DHub.format_size(@bytes_downloaded)} / #{W3DHub.format_size(@total_bytes_to_download)}"
+              @status.progress = @bytes_downloaded.to_f / @total_bytes_to_download
+
+              operation = @status.operations[:"#{pkg.checksum}"]
+              operation.value = "#{W3DHub.format_size(package_bytes_downloaded)} / #{W3DHub.format_size(pkg.size)}"
+              operation.progress = package_bytes_downloaded.to_f / pkg.size # total_bytes
+
+              update_interface_task_status
+            end
+          })
+        end
+
+        pool.manage_pool
       end
 
-      def verify_packages(packages)
+      def verify_packages
       end
 
-      def unpack_packages(packages)
+      def unpack_packages
         path = Cache.install_path(@application, @channel)
         logger.info(LOG_TAG) { "Unpacking packages in '#{path}'..." }
         Cache.create_directories(path, true)
@@ -459,7 +496,7 @@ class W3DHub
         @status.value = "Unpacking..."
         @status.progress = 0.0
 
-        packages.each do |pkg|
+        @packages.each do |pkg|
           # FIXME: can't add a new key into hash during iteration (RuntimeError)
           @status.operations[:"#{pkg.checksum}"] = Status::Operation.new(
             label: pkg.name,
@@ -471,7 +508,7 @@ class W3DHub
         @status.step = :unpacking
 
         i = -1
-        packages.each do |package|
+        @packages.each do |package|
           i += 1
 
           status = if package.custom_is_patch
@@ -490,8 +527,6 @@ class W3DHub
             unpack_package(package, path)
           end
 
-          repair_windows_case_insensitive(package, path)
-
           if status
             @status.operations[:"#{package.checksum}"].value = package.custom_is_patch ? "Patched" : "Unpacked"
             @status.operations[:"#{package.checksum}"].progress = 1.0
@@ -506,6 +541,23 @@ class W3DHub
         end
       end
 
+      def remove_deleted_files
+        return unless @deleted_files.size.positive?
+
+        logger.info(LOG_TAG) { "Removing dead files..." }
+
+        @deleted_files.each do |file|
+          logger.info(LOG_TAG) { "    #{file.name}" }
+
+          path = Cache.install_path(@application, @channel)
+          file_path = normalize_path(file.name, path)
+
+          File.delete(file_path) if File.exist?(file_path)
+
+          logger.info(LOG_TAG) { "        removed." }
+        end
+      end
+
       def create_wine_prefix
         if W3DHub.unix? && @wine_prefix
           # TODO: create a wine prefix if configured
@@ -518,7 +570,7 @@ class W3DHub
         end
       end
 
-      def install_dependencies(packages)
+      def install_dependencies
         # TODO: install dependencies
         @status.operations.clear
         @status.label = "Installing #{@application.name}..."
@@ -528,6 +580,22 @@ class W3DHub
         @status.step = :install_dependencies
       end
 
+      def write_paths_ini
+        path = Cache.install_path(@application, @channel)
+
+        File.open(normalize_path("data/paths.ini", path), "w") do |file|
+          file.puts("[paths]")
+          file.puts("RegBase=W3D Hub")
+          file.puts("RegClient=#{@application.category}\\#{@application.id}-#{@channel.id}")
+          file.puts("RegFDS=#{@application.category}\\#{@application.id}-#{@channel.id}-server")
+          file.puts("FileBase=W3D Hub");
+          file.puts("FileClient=#{@application.category}\\#{@application.id}-#{@channel.id}")
+          file.puts("FileFDS=#{@application.category}\\#{@application.id}-#{@channel.id}-server")
+
+          file.puts("UseRenFolder=#{@application.uses_ren_folder?}")
+        end
+      end
+
       def mark_application_installed
         Store.application_manager.installed!(self)
 
@@ -549,12 +617,17 @@ class W3DHub
         # Check for and integrity of local manifest
 
         package = nil
-        array = Api.package_details([{ category: category, subcategory: subcategory, name: name, version: version }])
+        array = Api.package_details([{ category: category, subcategory: subcategory, name: name, version: version }], @channel.source || :w3dhub)
         if array.is_a?(Array)
           package = array.first
         else
-          fail!("Failed to fetch manifest package details!")
+          fail!("Failed to fetch manifest package details! (#{category}:#{subcategory}:#{name}:#{version})")
-          return
+          return false
+        end
+
+        if package.error?
+          fail!("Failed to retrieve manifest package details! (#{category}:#{subcategory}:#{name}:#{version})\nError: #{package.error.gsub("-", " ").capitalize}")
+          return false
         end
 
         if File.exist?(Cache.package_path(category, subcategory, name, version))
@@ -572,9 +645,13 @@ class W3DHub
       def package_fetch(package, &block)
         logger.info(LOG_TAG) { "Downloading: #{package.category}:#{package.subcategory}:#{package.name}-#{package.version}" }
 
-        Api.package(package) do |chunk, remaining_bytes, total_bytes|
+        status_okay = Api.package(package) do |chunk, remaining_bytes, total_bytes|
           block&.call(chunk, remaining_bytes, total_bytes)
         end
+
+        fail!("Failed to retrieve package: (#{package.category}:#{package.subcategory}:#{package.name}:#{package.version})") unless status_okay
+
+        status_okay
       end
 
       def verify_package(package, &block)
@@ -586,7 +663,7 @@ class W3DHub
         return false unless File.exist?(path)
 
         operation = @status.operations[:"#{package.checksum}"]
-          operation&.value = "Verifying..."
+        operation&.value = "Verifying..."
 
         file_size = File.size(path)
         logger.info(LOG_TAG) { "    File size: #{file_size}" }
@@ -635,8 +712,9 @@ class W3DHub
         logger.info(LOG_TAG) { "    #{package.name}:#{package.version}" }
         package_path = Cache.package_path(package.category, package.subcategory, package.name, package.version)
 
-        logger.info(LOG_TAG) { "      Running #{W3DHub.tar_command} command: #{W3DHub.tar_command} -xf \"#{package_path}\" -C \"#{path}\"" }
+        logger.info(LOG_TAG) { "      Unpacking package \"#{package_path}\" in \"#{path}\"" }
-        return W3DHub.command("#{W3DHub.tar_command} -xf \"#{package_path}\" -C \"#{path}\"")
+
+        return unzip(package_path, path)
       end
 
       def apply_patch(package, path)
@@ -647,32 +725,31 @@ class W3DHub
 
         Cache.create_directories(temp_path, true)
 
-        logger.info(LOG_TAG) { "      Running #{W3DHub.tar_command} command: #{W3DHub.tar_command} -xf \"#{package_path}\" -C \"#{temp_path}\"" }
+        logger.info(LOG_TAG) { "      Unpacking patch \"#{package_path}\" in \"#{temp_path}\"" }
-        W3DHub.command("#{W3DHub.tar_command} -xf \"#{package_path}\" -C \"#{temp_path}\"")
+        unzip(package_path, temp_path)
 
-        logger.info(LOG_TAG) { "      Loading #{temp_path}/#{manifest_file.name}.patch..." }
+        file_path = normalize_path(manifest_file.name, path)
-        patch_mix = W3DHub::Mixer::Reader.new(file_path: "#{temp_path}/#{manifest_file.name}.patch", ignore_crc_mismatches: false)
+        temp_file_path = normalize_path(manifest_file.name, temp_path)
-        patch_info = JSON.parse(patch_mix.package.files.find { |f| f.name == ".w3dhub.patch" || f.name == ".bhppatch" }.data, symbolize_names: true)
 
-        repaired_path = "#{path}/#{manifest_file.name}"
+        logger.info(LOG_TAG) { "      Loading #{temp_file_path}.patch..." }
-        # Fix borked data -> Data 'cause Windows don't care about capitalization
+        patch_mix = W3DHub::Mixer::Reader.new(file_path: "#{temp_file_path}.patch", ignore_crc_mismatches: false)
-        repaired_path = "#{path}/#{manifest_file.name.sub('data', 'Data')}" unless File.exist?(repaired_path) && path
+        patch_info = JSON.parse(patch_mix.package.files.find { |f| f.name.casecmp?(".w3dhub.patch") || f.name.casecmp?(".bhppatch") }.data, symbolize_names: true)
 
-        logger.info(LOG_TAG) { "      Loading #{repaired_path}..." }
+        logger.info(LOG_TAG) { "      Loading #{file_path}..." }
-        target_mix = W3DHub::Mixer::Reader.new(file_path: repaired_path, ignore_crc_mismatches: false)
+        target_mix = W3DHub::Mixer::Reader.new(file_path: "#{file_path}", ignore_crc_mismatches: false)
 
         logger.info(LOG_TAG) { "      Removing files..." } if patch_info[:removedFiles].size.positive?
         patch_info[:removedFiles].each do |file|
           logger.debug(LOG_TAG) { "        #{file}" }
-          target_mix.package.files.delete_if { |f| f.name == file }
+          target_mix.package.files.delete_if { |f| f.name.casecmp?(file) }
         end
 
         logger.info(LOG_TAG) { "      Adding/Updating files..." } if patch_info[:updatedFiles].size.positive?
         patch_info[:updatedFiles].each do |file|
           logger.debug(LOG_TAG) { "        #{file}" }
 
-          patch = patch_mix.package.files.find { |f| f.name == file }
+          patch = patch_mix.package.files.find { |f| f.name.casecmp?(file) }
-          target = target_mix.package.files.find { |f| f.name == file }
+          target = target_mix.package.files.find { |f| f.name.casecmp?(file) }
 
           if target
             target_mix.package.files[target_mix.package.files.index(target)] = patch
@@ -681,27 +758,36 @@ class W3DHub
           end
         end
 
-        logger.info(LOG_TAG) { "      Writing updated #{repaired_path}..." } if patch_info[:updatedFiles].size.positive?
+        logger.info(LOG_TAG) { "      Writing updated #{file_path}..." } if patch_info[:updatedFiles].size.positive?
-        W3DHub::Mixer::Writer.new(file_path: repaired_path, package: target_mix.package, memory_buffer: true)
+        W3DHub::Mixer::Writer.new(file_path: "#{file_path}", package: target_mix.package, memory_buffer: true, encrypted: target_mix.encrypted?)
 
         FileUtils.remove_dir(temp_path)
 
         true
       end
 
-      def repair_windows_case_insensitive(package, path)
+      def unzip(package_path, path)
-        # Windows is just confused
+        stream = Zip::InputStream.new(File.open(package_path))
-        return true if W3DHub.windows?
 
-        # Force data/ to Data/
+        while (entry = stream.get_next_entry)
-        return true unless File.exist?("#{path}/data") && File.directory?("#{path}/data")
+          # Normalize the path to handle case-insensitivity consistently
+          file_path = normalize_path(entry.name, path)
 
-        logger.info(LOG_TAG) { "      Moving #{path}/data/ to #{path}/Data/" }
+          dir_path = File.dirname(file_path)
+          unless dir_path.end_with?("/.") || Dir.exist?(dir_path)
+            FileUtils.mkdir_p(dir_path)
+          end
 
-        FileUtils.mv(Dir.glob("#{path}/data/**"), "#{path}/Data", force: true)
+          File.open(file_path, "wb") do |f|
-        FileUtils.remove_dir("#{path}/data", force: true)
+            i = entry.get_input_stream
 
-        true
+            while (chunk = i.read(32_000_000)) # Read up to ~32 MB per chunk
+              f.write chunk
+            end
+          end
+        end
+
+        return true
       end
     end
   end

lib/application_manager/tasks/importer.rb

@@ -1,26 +0,0 @@
-class W3DHub
-  class ApplicationManager
-    class Importer < Task
-      LOG_TAG = "W3DHub::ApplicationManager::Importer".freeze
-
-      def type
-        :importer
-      end
-
-      def execute_task
-        path = W3DHub.ask_file
-
-        unless File.exist?(path) && !File.directory?(path)
-          fail!("File #{path.inspect} does not exist or is a directory")
-          fail_silently! if path.nil? || path&.length&.zero? # User likely canceled the file selection
-        end
-
-        return false if failed?
-
-        Store.application_manager.imported!(self, path)
-
-        true
-      end
-    end
-  end
-end

lib/application_manager/tasks/installer.rb

@@ -13,28 +13,34 @@ class W3DHub
         fail_fast
         return false if failed?
 
-        manifests = fetch_manifests
+        fetch_manifests
         return false if failed?
 
-        packages = build_package_list(manifests)
+        build_package_list
         return false if failed?
 
-        verify_files(manifests, packages)
+        remove_deleted_files
         return false if failed?
 
-        fetch_packages(packages)
+        verify_files
         return false if failed?
 
-        verify_packages(packages)
+        fetch_packages
         return false if failed?
 
-        unpack_packages(packages)
+        verify_packages
+        return false if failed?
+
+        unpack_packages
         return false if failed?
 
         create_wine_prefix
         return false if failed?
 
-        install_dependencies(packages)
+        install_dependencies
+        return false if failed?
+
+        write_paths_ini
         return false if failed?
 
         mark_application_installed

lib/application_manager/tasks/repairer.rb

@@ -6,24 +6,6 @@ class W3DHub
       def type
         :repairer
       end
-
-      # def execute_task
-      #   fail_fast
-      #   return false if failed?
-
-      #   manifests = fetch_manifests
-      #   return false if failed?
-
-      #   packages = build_package_list(manifests)
-      #   return false if failed?
-
-      #   verify_files(manifests, packages)
-      #   return false if failed?
-
-      #   # pp packages.select { |pkg| pkg.name == "misc" }
-
-      #   true
-      # end
     end
   end
 end

lib/application_manager/tasks/uninstaller.rb

@@ -39,7 +39,7 @@ class W3DHub
 
         path = Cache.install_path(@application, @channel)
 
-        log path
+        logger.info(LOG_TAG) { path }
         # TODO: Do some sanity checking, i.e. DO NOT start launcher if `whoami` returns root, path makes sense,
         #       we're not on Windows trying to uninstall a game likely installed by the official launcher
         FileUtils.remove_dir(path)
@@ -55,7 +55,7 @@ class W3DHub
 
         @status.step = :mark_application_uninstalled
 
-        log "#{@app_id} has been uninstalled."
+        logger.info(LOG_TAG) { "#{@app_id} has been uninstalled." }
       end
     end
   end

lib/asterisk/irc_client.rb

@@ -7,6 +7,8 @@ require_relative "irc_profile"
 class W3DHub
   class Asterisk
     class IRCClient
+      TAG = "IRCClient"
+
       class SSL
         def self.default_context
           verify_peer_and_hostname
@@ -21,7 +23,12 @@ class W3DHub
         def self.verify_peer
           no_verify.tap do |context|
             context.verify_mode = OpenSSL::SSL::VERIFY_PEER
-            context.cert_store = OpenSSL::X509::Store.new.tap(&:set_default_paths)
+            context.cert_store = OpenSSL::X509::Store.new
+            if (ca_file = W3DHub.ca_bundle_path)
+              context.cert_store.add_file(ca_file)
+            else
+              context.cert_store.set_default_paths
+            end
           end
         end
 
@@ -38,24 +45,32 @@ class W3DHub
 
       attr_reader :status
 
-      def initialize(irc_profile = nil)
+      def initialize(irc_profile)
         @irc_profile = irc_profile
 
+        ssl_context = false
+
+        if irc_profile.server_ssl
+          ssl_context = irc_profile.server_verify_ssl ? SSL.default_context : SSL.no_verify
+        end
+
         socket = dial(
           @irc_profile.server_hostname,
           @irc_profile.server_port,
-          ssl_context: irc_profile.server_ssl ? irc_profile.server_verify_ssl ? SSL.default_context : SSL.no_verify : false
+          ssl_context: ssl_context
         )
 
         authenticate_with_brenbot!(socket)
       ensure
-        socket&.close
+        close_socket(socket)
       end
 
       def dial(hostname, port = 6697, local_host: nil, local_port: nil, ssl_context: SSL.default_context)
         Socket.tcp(hostname, port, local_host, local_port).then do |socket|
           if ssl_context
-            ssl_context = SSL.send(ssl_context) if ssl_context.is_a? Symbol
+            @ssl_socket = true
+
+            ssl_context = SSL.send(ssl_context) if ssl_context.is_a?(Symbol)
 
             OpenSSL::SSL::SSLSocket.new(socket, ssl_context).tap do |ssl_socket|
               ssl_socket.hostname = hostname
@@ -65,21 +80,22 @@ class W3DHub
             socket
           end
         end
+      rescue StandardError => e
+        logger.error(TAG) { e }
+        logger.error(TAG) { e.backtrace }
       end
 
       def authenticate_with_brenbot!(socket)
-        pp @irc_profile, "#{@irc_profile.nickname}!#{@irc_profile.username.split("/").first}"
+        username = @irc_profile.username.empty? ? @irc_profile.nickname : @irc_profile.username
-        # exit
 
-        pass = IRCParser::Message.new(command: "PASS", parameters: [@irc_profile.password])
+        pass = IRCParser::Message.new(command: "PASS", parameters: [Base64.strict_decode64(@irc_profile.password)]) unless @irc_profile.password.empty?
-        user = IRCParser::Message.new(command: "USER", parameters: [@irc_profile.username, "0", "*", ":#{@irc_profile.nickname}"])
+        user = IRCParser::Message.new(command: "USER", parameters: [username, "0", "*", ":#{@irc_profile.nickname}"])
         nick = IRCParser::Message.new(command: "NICK", parameters: [@irc_profile.nickname])
 
         socket.puts(pass)
         socket.puts(user)
         socket.puts(nick)
 
-        pp socket
         socket.flush
 
         until socket.closed?
@@ -93,19 +109,31 @@ class W3DHub
             socket.puts("#{pong}")
             socket.flush
           elsif msg.command == "001" && msg.parameters.join.include?("#{@irc_profile.nickname}!#{@irc_profile.username.split("/").first}")
-            pm = IRCParser::Message.new(command: "PRIVMSG", parameters: [@irc_profile.server_bot, "!auth #{@irc_profile.bot_auth_username} password"])
+            pm = IRCParser::Message.new(command: "PRIVMSG", parameters: [@irc_profile.bot_username, "!auth #{@irc_profile.bot_auth_username} #{Base64.strict_decode64(@irc_profile.bot_auth_password)}"])
             socket.puts(pm)
 
             quit = IRCParser::Message.new(command: "QUIT", parameters: ["Quiting from an Asterisk"])
             socket.puts(quit)
             socket.flush
 
-            socket.close
+            sleep 15
+            close_socket(socket)
+          elsif msg.command == "ERROR"
+            close_socket(socket)
           end
         end
       end
+
+      def close_socket(socket)
+        return unless socket
+
+        if @ssl_socket
+          socket.sync_close = true
+          socket.sysclose
+        else
+          socket.close
+        end
+      end
     end
   end
 end
-
-W3DHub::Asterisk::IRCClient.new

lib/asterisk/server_profile.rb

@@ -2,7 +2,7 @@ class W3DHub
   class Asterisk
     class ServerProfile
       attr_accessor :name, :nickname, :password,
-                    :game, :launch_arguments,
+                    :game_title, :launch_arguments,
                     :server_profile, :server_hostname, :server_port,
                     :irc_profile
 
@@ -15,7 +15,7 @@ class W3DHub
         @server_profile = hash[:server_profile]
         @server_hostname = hash[:server_hostname]
         @server_port = hash[:server_port]
-        @game = hash[:game]
+        @game_title = hash[:game_title]
         @launch_arguments = hash[:launch_arguments]
         @irc_profile = hash[:irc_profile]
       end

lib/asterisk/states/game_form.rb

@@ -7,31 +7,31 @@ class W3DHub
 
           theme W3DHub::THEME
 
-          background 0xaa_444444
+          background 0x88_525252
 
-          stack(width: 1.0, max_width: 760, height: 1.0, max_height: 256, v_align: :center, h_align: :center, background: 0xff_222222) do
+          stack(width: 1.0, max_width: 760, height: 1.0, max_height: 268, v_align: :center, h_align: :center, background: 0xee_222222) do
             # Title bar
-            flow(width: 1.0, height: 32, padding: 8) do
+            flow(width: 1.0, height: 36, padding: 8) do
               background 0x88_000000
 
               # image "#{GAME_ROOT_PATH}/media/ui_icons/export.png", width: 32, align: :center, color: 0xaa_ffffff
 
               # tagline "<b>#{I18n.t(:"server_browser.direct_connect")}</b>", fill: true, text_align: :center
-              tagline @game ? "Update Game" : "Add Game", width: 1.0, text_align: :center
+              title @game ? "Update Game" : "Add Game", width: 1.0, text_align: :center, font: BOLD_FONT
             end
 
             stack(width: 1.0, fill: true, padding_left: 8, padding_right: 8) do
-              stack(width: 1.0, height: 66) do
+              stack(width: 1.0, height: 72) do
                 para "Game or Mod Title:"
                 @game_title = edit_line "#{@game&.title}", width: 1.0, fill: true
               end
 
-              stack(width: 1.0, height: 66) do
+              stack(width: 1.0, height: 72) do
                 para "Path to Executable:"
 
                 flow(width: 1.0, fill: true) do
                   @game_path = edit_line "#{@game&.path}", fill: true, height: 1.0
-                  button "Browse...", width: 128, height: 1.0, enabled: W3DHub.unix?, tip: W3DHub.unix? ? "Browse for game executable" : "Not available on Windows" do
+                  button "Browse...", width: 128, height: 1.0, tip: "Browse for game executable" do
                     path = W3DHub.ask_file
                     @game_path.value = path if !path.empty? && File.exist?(path)
                   end
@@ -40,7 +40,7 @@ class W3DHub
 
               flow(fill: true)
 
-              flow(width: 1.0, margin_top: 8, height: 40, padding_bottom: 8) do
+              flow(width: 1.0, margin_top: 8, height: 46, padding_bottom: 8) do
                 button "Cancel", fill: true, margin_right: 4 do
                   pop_state
                 end

lib/asterisk/states/irc_profile_form.rb

@@ -7,24 +7,24 @@ class W3DHub
 
           theme W3DHub::THEME
 
-          background 0xaa_444444
+          background 0x88_525252
 
-          stack(width: 1.0, max_width: 760, height: 1.0, max_height: 560, v_align: :center, h_align: :center, background: 0xff_222222) do
+          stack(width: 1.0, max_width: 760, height: 1.0, max_height: 610, v_align: :center, h_align: :center, background: 0xee_222222) do
             # Title bar
-            flow(width: 1.0, height: 32, padding: 8) do
+            flow(width: 1.0, height: 36, padding: 8) do
               background 0x88_000000
 
               # tagline "<b>#{I18n.t(:"server_browser.direct_connect")}</b>", fill: true, text_align: :center
-              tagline @profile ? "Update IRC Profile" : "Add IRC Profile", width: 1.0, fill: true, text_align: :center
+              title @profile ? "Update IRC Profile" : "Add IRC Profile", width: 1.0, fill: true, text_align: :center, font: BOLD_FONT
             end
 
             stack(width: 1.0, fill: true, padding_left: 8, padding_right: 8) do
-              stack(width: 1.0, height: 66) do
+              stack(width: 1.0, height: 72) do
                 para "IRC Nickname:"
                 @nickname = edit_line "#{@profile&.nickname}", width: 1.0, fill: true
               end
 
-              stack(width: 1.0, height: 66) do
+              stack(width: 1.0, height: 72) do
                 flow(width: 1.0, height: 1.0) do
                   stack(width: 0.5, height: 1.0) do
                     para "IRC Username (Optional):"
@@ -38,7 +38,7 @@ class W3DHub
                 end
               end
 
-              stack(width: 1.0, height: 66, margin_top: 32) do
+              stack(width: 1.0, height: 72, margin_top: 32) do
                 flow(width: 1.0, height: 1.0) do
                   stack(width: 0.75, height: 1.0) do
                     para "IRC Server IP or Hostname:"
@@ -52,31 +52,38 @@ class W3DHub
                 end
               end
 
-              flow(width: 1.0, height: 66, margin_top: 8) do
+              flow(width: 1.0, height: 72, margin_top: 8) do
-                @server_ssl = check_box "IRC Server Use SSL", checked: @profile&.server_ssl, text_size: 18, width: 0.5, height: 66
+                flow(width: 0.5, height: 1.0) do
-                @server_verify_ssl = check_box "IRC Verify Server SSL Certificate", checked: @profile ? @profile.server_verify_ssl : true, text_size: 18, width: 0.5, height: 66
+                  @server_ssl = toggle_button checked: @profile&.server_ssl, text_size: 18, height: 18
+                  para "IRC Server Use SSL", fill: true, text_wrap: :none, margin_left: 8
+                end
+
+                flow(width: 0.5, height: 1.0) do
+                  @server_verify_ssl = toggle_button checked: @profile ? @profile.server_verify_ssl : true, text_size: 18, height: 18
+                  para "IRC Verify Server SSL Certificate", fill: true, text_wrap: :none, margin_left: 8
+                end
               end
 
-              stack(width: 1.0, height: 66) do
+              stack(width: 1.0, height: 72) do
                 para "Brenbot Bot Name:"
                 @bot_username = edit_line "#{@profile&.bot_username}", width: 1.0, fill: true
               end
 
-              flow(width: 1.0, height: 66) do
+              flow(width: 1.0, height: 72) do
-                stack(width: 0.5, height: 66) do
+                stack(width: 0.5, height: 72) do
                   para "Brenbot Auth Username:"
                   @bot_auth_username = edit_line "#{@profile&.bot_auth_username}", width: 1.0, fill: true
                 end
 
-                stack(width: 0.5, height: 66) do
+                stack(width: 0.5, height: 72) do
                   para "Brenbot Auth Password:"
-                  @bot_auth_password = edit_line @profile ? Base64.strict_decode64(@profile.bot_auth_password) : "", width: 1.0, fill: true, type: :password
+                  @bot_auth_password = edit_line @profile && @profile.bot_auth_password ? Base64.strict_decode64(@profile.bot_auth_password) : "", width: 1.0, fill: true, type: :password
                 end
               end
 
               flow(fill: true)
 
-              flow(width: 1.0, margin_top: 8, height: 40, padding_bottom: 8) do
+              flow(width: 1.0, margin_top: 8, height: 46, padding_bottom: 8) do
                 button "Cancel", fill: true, margin_right: 4 do
                   pop_state
                 end

lib/asterisk/states/server_profile_form.rb

@@ -7,21 +7,21 @@ class W3DHub
 
           theme W3DHub::THEME
 
-          background 0xaa_444444
+          background 0x88_525252
 
-          stack(width: 1.0, max_width: 760, height: 1.0, max_height: 256, v_align: :center, h_align: :center, background: 0xff_222222) do
+          stack(width: 1.0, max_width: 760, height: 1.0, max_height: 272, v_align: :center, h_align: :center, background: 0xee_222222) do
             # Title bar
-            flow(width: 1.0, height: 32, padding: 8) do
+            flow(width: 1.0, height: 36, padding: 8) do
               background 0x88_000000
 
               # image "#{GAME_ROOT_PATH}/media/ui_icons/export.png", width: 32, align: :center, color: 0xaa_ffffff
 
               # tagline "<b>#{I18n.t(:"server_browser.direct_connect")}</b>", fill: true, text_align: :center
-              tagline @server_profile ? "Update Server Profile" : "Add Server Profile", width: 1.0, text_align: :center
+              title @server_profile ? "Update Server Profile" : "Add Server Profile", width: 1.0, text_align: :center, font: BOLD_FONT
             end
 
             stack(width: 1.0, fill: true, padding_left: 8, padding_right: 8) do
-              stack(width: 1.0, height: 66) do
+              stack(width: 1.0, height: 72) do
                 para "Server Profile Name:"
                 @server_name = edit_line "#{@server_profile&.name}", width: 1.0, fill: true
                 @server_name.subscribe(:changed) do |label|
@@ -31,7 +31,7 @@ class W3DHub
 
               flow(fill: true)
 
-              flow(width: 1.0, height: 40, padding_bottom: 8) do
+              flow(width: 1.0, height: 46, padding_bottom: 8) do
                 button "Cancel", fill: true, margin_right: 4 do
                   pop_state
                 end

lib/background_worker.rb

@@ -43,16 +43,20 @@ class W3DHub
       @@instance.kill!
     end
 
-    def self.job(job, callback, error_handler = nil)
+    def self.job(job, callback, error_handler = nil, data = nil)
-      @@instance.add_job(Job.new(job: job, callback: callback, error_handler: error_handler))
+      @@instance.add_job(Job.new(job: job, callback: callback, error_handler: error_handler, data: data))
     end
 
-    def self.parallel_job(job, callback, error_handler = nil)
+    def self.parallel_job(job, callback, error_handler = nil, data = nil)
-      @@instance.add_parallel_job(Job.new(job: job, callback: callback, error_handler: error_handler))
+      @@instance.add_parallel_job(Job.new(job: job, callback: callback, error_handler: error_handler, data: data))
     end
 
-    def self.foreground_job(job, callback, error_handler = nil)
+    def self.foreground_job(job, callback, error_handler = nil, data = nil)
-      @@instance.add_job(Job.new(job: job, callback: callback, error_handler: error_handler, deliver_to_queue: true))
+      @@instance.add_job(Job.new(job: job, callback: callback, error_handler: error_handler, deliver_to_queue: true, data: data))
+    end
+
+    def self.foreground_parallel_job(job, callback, error_handler = nil, data = nil)
+      @@instance.add_parallel_job(Job.new(job: job, callback: callback, error_handler: error_handler, deliver_to_queue: true, data: data))
     end
 
     def initialize
@@ -67,12 +71,15 @@ class W3DHub
 
     def kill!
       @thread_pool.each(&:kill)
+
+      logger.info(LOG_TAG) { "Forcefully killed background job worker." }
+      @@alive = false
     end
 
     def handle_jobs
       8.times do |i|
-        Thread.new do |thread|
+        Thread.new do
-          @thread_pool << thread
+          @thread_pool << Thread.current
 
           while BackgroundWorker.run?
             job = @parallel_jobs.shift
@@ -92,24 +99,28 @@ class W3DHub
         end
       end
 
-      while BackgroundWorker.run?
+      Thread.new do
-        job = @jobs.shift
+        @thread_pool << Thread.current
 
-        @busy = true
+        while BackgroundWorker.run?
+          job = @jobs.shift
 
-        begin
+          @busy = true
-          job&.do
+
-        rescue => e
+          begin
-          job&.raise_error(e)
+            job&.do
+          rescue => e
+            job&.raise_error(e)
+          end
+
+          @busy = !@jobs.empty?
+
+          sleep 0.1
         end
 
-        @busy = !@jobs.empty?
+        logger.info(LOG_TAG) { "Stopped background job worker." }
-
+        @@alive = false
-        sleep 0.1
       end
-
-      logger.info(LOG_TAG) { "Stopped background job worker." }
-      @@alive = false
     end
 
     def add_job(job)
@@ -125,16 +136,16 @@ class W3DHub
     end
 
     class Job
-      def initialize(job:, callback:, error_handler: nil, deliver_to_queue: false)
+      def initialize(job:, callback:, error_handler: nil, deliver_to_queue: false, data: nil)
         @job = job
         @callback = callback
         @error_handler = error_handler
-
         @deliver_to_queue = deliver_to_queue
+        @data = data
       end
 
       def do
-        result = @job.call
+        result = @data ? @job.call(@data) : @job.call
         deliver(result)
       end
 

lib/cache.rb

@@ -9,18 +9,18 @@ class W3DHub
     end
 
     # Fetch a generic uri
-    def self.fetch(uri:, force_fetch: false, async: true)
+    def self.fetch(uri:, force_fetch: false, async: true, backend: :w3dhub)
       path = path(uri)
 
       if !force_fetch && File.exist?(path)
         path
       elsif async
         BackgroundWorker.job(
-          -> { Api.get(uri, W3DHub::Api::DEFAULT_HEADERS) },
+          -> { Api.fetch(uri, W3DHub::Api::DEFAULT_HEADERS, nil, backend) },
           ->(response) { File.open(path, "wb") { |f| f.write response.body } if response.status == 200 }
         )
       else
-        response = Api.get(uri, W3DHub::Api::DEFAULT_HEADERS)
+        response = Api.fetch(uri, W3DHub::Api::DEFAULT_HEADERS, nil, backend)
         File.open(path, "wb") { |f| f.write response.body } if response.status == 200
       end
     end
@@ -69,7 +69,7 @@ class W3DHub
 
       body = "data=#{JSON.dump({ category: package.category, subcategory: package.subcategory, name: package.name, version: package.version })}"
 
-      response = Api.post("#{Api::ENDPOINT}/apis/launcher/1/get-package", headers, body)
+      response = Api.post("/apis/launcher/1/get-package", headers, body)
 
       total_bytes = package.size
       remaining_bytes = total_bytes - start_from_bytes
@@ -89,9 +89,15 @@ class W3DHub
 
     # Download a W3D Hub package
     def self.fetch_package(package, block)
+      endpoint_download_url = package.download_url || "#{Api::W3DHUB_API_ENDPOINT}/apis/launcher/1/get-package"
+      if package.download_url
+        uri_path = package.download_url.split("/").last
+        endpoint_download_url = package.download_url.sub(uri_path, URI.encode_uri_component(uri_path))
+      end
       path = package_path(package.category, package.subcategory, package.name, package.version)
       headers = { "Content-Type": "application/x-www-form-urlencoded", "User-Agent": Api::USER_AGENT }
-      headers["Authorization"] = "Bearer #{Store.account.access_token}" if Store.account
+      headers["Authorization"] = "Bearer #{Store.account.access_token}" if Store.account && !package.download_url
+      body = "data=#{JSON.dump({ category: package.category, subcategory: package.subcategory, name: package.name, version: package.version })}"
       start_from_bytes = package.custom_partially_valid_at_bytes
 
       logger.info(LOG_TAG) { "    Start from bytes: #{start_from_bytes} of #{package.size}" }
@@ -112,16 +118,25 @@ class W3DHub
       end
 
       # Create a new connection due to some weirdness somewhere in Excon
-      response = Excon.post(
+      response = Excon.send(
-        "#{Api::ENDPOINT}/apis/launcher/1/get-package",
+        package.download_url ? :get : :post,
+        endpoint_download_url,
         tcp_nodelay: true,
         headers: headers,
-        body: "data=#{JSON.dump({ category: package.category, subcategory: package.subcategory, name: package.name, version: package.version })}",
+        body: package.download_url ? "" : body,
         chunk_size: 50_000,
-        response_block: streamer
+        response_block: streamer,
+        middlewares: Excon.defaults[:middlewares] + [Excon::Middleware::RedirectFollower]
       )
 
-      response.status == 200 || response.status == 206
+      if response.status == 200 || response.status == 206
+        return true
+      else
+        logger.debug(LOG_TAG) { "    Failed to retrieve package: (#{package.category}:#{package.subcategory}:#{package.name}:#{package.version})" }
+        logger.debug(LOG_TAG) { "      Download URL: #{endpoint_download_url}, response: #{response.status}" }
+
+        false
+      end
     ensure
       file&.close
     end

lib/common.rb

@@ -32,14 +32,74 @@ class W3DHub
     linux? || mac?
   end
 
-  def self.tar_command
+  # Detect system CA bundle path for SSL verification
+  def self.ca_bundle_path
+    [
+      "/etc/ssl/certs/ca-certificates.crt",      # Debian/Ubuntu
+      "/etc/pki/tls/certs/ca-bundle.crt",        # RHEL/Fedora/CentOS
+      "/etc/ssl/ca-bundle.pem"                   # Some other distros
+    ].find { |path| File.exist?(path) }
+  end
+
+  def self.url(path)
+    raise "Hazardous input: #{path}" if path.include?("&&") || path.include?(";")
+
     if windows?
-      "tar"
+      system("start #{path}")
-    else
+    elsif linux?
-      "bsdtar"
+      system("xdg-open #{path}")
+    elsif mac?
+      system("open #{path}")
     end
   end
 
+  def self.prompt_for_nickname(accept_callback: nil, cancel_callback: nil)
+        CyberarmEngine::Window.instance.push_state(
+          W3DHub::States::PromptDialog,
+          title: I18n.t(:"server_browser.set_nickname"),
+          message: I18n.t(:"server_browser.set_nickname_message"),
+          prefill: Store.settings[:server_list_username],
+          accept_callback: accept_callback,
+          cancel_callback: cancel_callback,
+          # See: https://gitlab.com/danpaul88/brenbot/-/blob/master/Source/renlog.pm#L136-175
+          valid_callback: proc do |entry|
+            entry.length > 1 && entry.length < 30 && (entry =~ /(:|!|&|%| )/i).nil? &&
+              (entry =~ /[\001\002\037]/).nil? && (entry =~ /\\/).nil?
+          end
+        )
+      end
+
+      def self.prompt_for_password(accept_callback: nil, cancel_callback: nil)
+        CyberarmEngine::Window.instance.push_state(
+          W3DHub::States::PromptDialog,
+          title: I18n.t(:"server_browser.enter_password"),
+          message: I18n.t(:"server_browser.enter_password_message"),
+          input_type: :password,
+          accept_callback: accept_callback,
+          cancel_callback: cancel_callback,
+          valid_callback: proc { |entry| entry.length.positive? }
+        )
+      end
+
+      def self.join_server(server:, username: Store.settings[:server_list_username], password: nil, multi: false)
+        if (
+          (server.status.password && password.length.positive?) ||
+          !server.status.password) &&
+           username.to_s.length.positive?
+
+          Store.application_manager.join_server(
+            server.game,
+            server.channel,
+            server,
+            username,
+            password,
+            multi
+          )
+        else
+          CyberarmEngine::Window.instance.push_state(W3DHub::States::MessageDialog, type: "?", title: "?", message: "?")
+        end
+      end
+
   def self.command(command, &block)
     if windows?
       stdout_read, stdout_write = IO.pipe if block
@@ -81,15 +141,17 @@ class W3DHub
 
       status.zero?
     else
-      IO.popen(command) do |io|
+      if block
-        if block
+        IO.popen(command, "r") do |io|
           io.each_line do |line|
             block&.call(line)
           end
         end
-      end
 
-      $CHILD_STATUS.success?
+        $CHILD_STATUS.success?
+      else
+        system(command)
+      end
     end
   end
 
@@ -117,7 +179,37 @@ class W3DHub
 
       path.strip
     else
-      raise NotImplementedError
+      result_ptr = LibUI.open_file(LIBUI_WINDOW)
+      result = result_ptr.null? ? "" : result_ptr.to_s.gsub("\\", "/")
+
+      result.strip
+    end
+  end
+
+  def self.ask_folder(title: "Open Folder")
+    if W3DHub.unix?
+      # search for command
+      cmds = %w{ zenity matedialog qarma kdialog }
+
+      command = cmds.find do |cmd|
+        cmd if system("which #{cmd}")
+      end
+
+      path = case File.basename(command)
+      when "zenity", "matedialog", "qarma"
+        `#{command} --file-selection --directory --title "#{title}"`
+      when "kdialog"
+        `#{command} --title "#{title}" --getexistingdirectory #{Dir.home}"`
+      else
+        raise "No known command found for system file selection dialog!"
+      end
+
+      path.strip
+    else
+      result_ptr = LibUI.open_folder(LIBUI_WINDOW)
+      result = result_ptr.null? ? "" : result_ptr.to_s.gsub("\\", "/")
+
+      result.strip
     end
   end
 end

lib/game_settings.rb

@@ -0,0 +1,271 @@
+class W3DHub
+  class GameSettings
+    TYPE_LIBCONFIG = 0
+    TYPE_REGISTRY = 1
+
+    Setting = Struct.new(:group, :name, :label, :type, :key, :value, :options, :indexed)
+
+    def initialize(app_id, channel)
+      @app_id = app_id
+      @channel = channel
+
+      # Minimium width/height to show in options
+      @min_width = 1280
+      @min_height = 720
+
+      @win32_registry_base = "SOFTWARE\\W3D Hub\\games\\#{app_id}-#{channel}".freeze
+      @engine_cfg_path = "#{Dir.home}/Documents/W3D Hub/games/#{app_id}-#{channel}/engine.cfg".freeze
+
+      @hardware_data = HardwareSurvey.new.data
+      @cfg = File.exist?(@engine_cfg_path) ? File.read(@engine_cfg_path) : nil
+      @cfg_hash = {}
+
+      resolutions = @hardware_data[:displays].map { |display| display[:resolutions] }.flatten.each_slice(2).select do |pair|
+        width = pair[0]
+        height = pair[1]
+
+        width >= @min_width && height >= @min_height && width > height
+      end
+
+      refresh_rates = ([300, 240, 165, 144, 120, 75, 60, 59, 50, 40] + @hardware_data[:displays].map do |display|
+        display[:refresh_rates]
+      end).flatten.uniq.sort.reverse.map { |r| [r, r] }
+
+      @settings = {}
+
+      # General
+      @settings[:default_to_first_person] = Setting.new(:general, :default_to_first_person, "Default to First Person", TYPE_REGISTRY, "Options\\DefaultToFirstPerson", true)
+      @settings[:background_downloads]    = Setting.new(:general, :background_downloads, "Background Downloads", TYPE_REGISTRY, "BackgroundDownloadingEnabled", true)
+      @settings[:hints_enabled]           = Setting.new(:general, :hints_enabled, "Enable Hints", TYPE_REGISTRY, "HintsEnabled", true)
+      @settings[:chat_log]                = Setting.new(:general, :chat_log, "Enable Chat Log", TYPE_REGISTRY, "ClientChatLog", true)
+      @settings[:show_fps]                = Setting.new(:general, :show_fps, "Show FPS", TYPE_REGISTRY, "Networking\\Debug\\ShowFps", true)
+      @settings[:show_velocity]           = Setting.new(:general, :show_velocity, "Show Velocity", TYPE_REGISTRY, "ShowVelocity", true)
+      @settings[:show_damage_numbers]     = Setting.new(:general, :show_damage_numbers, "Show Damage Numbers", TYPE_REGISTRY, "Options\\HitDamageOnScreen", true)
+
+      # Audio
+      @settings[:master_volume]           = Setting.new(:audio, :master_volume, "Master Volume", TYPE_REGISTRY, "Sound\\master volume", 1.0)
+      @settings[:master_enabled]          = Setting.new(:audio, :master_enabled, "Master Volume Enabled", TYPE_REGISTRY, "Sound\\master enabled", true)
+      @settings[:sound_effects_volume]    = Setting.new(:audio, :sound_effects_volume, "Sound Effects", TYPE_REGISTRY, "Sound\\sound volume", 0.40)
+      @settings[:sound_effects_enabled]   = Setting.new(:audio, :sound_effects_enabled, "Sound Effects Enabled", TYPE_REGISTRY, "Sound\\sound enabled", true)
+      @settings[:sound_dialog_volume]     = Setting.new(:audio, :sound_dialog_volume, "Dialog", TYPE_REGISTRY, "Sound\\dialog volume", 0.75)
+      @settings[:sound_dialog_enabled]    = Setting.new(:audio, :sound_dialog_enabled, "Dialog Enabled", TYPE_REGISTRY, "Sound\\dialog enabled", true)
+      @settings[:sound_music_volume]      = Setting.new(:audio, :sound_music_volume, "Music", TYPE_REGISTRY, "Sound\\music volume", 0.75)
+      @settings[:sound_music_enabled]     = Setting.new(:audio, :sound_music_enabled, "Music Enabled", TYPE_REGISTRY, "Sound\\music enabled", true)
+      @settings[:sound_cinematic_volume]  = Setting.new(:audio, :sound_cinematic_volume, "Cinematic", TYPE_REGISTRY, "Sound\\cinematic volume", 0.75)
+      @settings[:sound_cinematic_enabled] = Setting.new(:audio, :sound_cinematic_enabled, "Cinematic Enabled", TYPE_REGISTRY, "Sound\\cinematic enabled", true)
+
+      @settings[:sound_in_background] = Setting.new(:audio, :sound_in_background, "Play Sound with Game in Background", TYPE_REGISTRY, "Sound\\mute in background", false)
+
+      # Video
+      @settings[:resolution_width]  = Setting.new(:video, :resolution_width, "Resolution", TYPE_LIBCONFIG, "Render:Width", resolutions.first[0], resolutions.map { |a| [a[0], a[0]] })
+      @settings[:resolution_height] = Setting.new(:video, :resolution_height, "Resolution", TYPE_LIBCONFIG, "Render:Height", resolutions.first[1], resolutions.map { |a| [a[1], a[1]] })
+      @settings[:windowed_mode]     = Setting.new(:video, :windowed_mode, "Windowed Mode", TYPE_LIBCONFIG, "Render:FullscreenMode", 2, [["Windowed", 0], ["Fullscreen", 1], ["Borderless", 2]], true)
+      @settings[:vsync]             = Setting.new(:video, :vsync, "Enable VSync", TYPE_LIBCONFIG, "Render:DisableVSync", true)
+      @settings[:fps]               = Setting.new(:video, :fps, "FPS Limit", TYPE_LIBCONFIG, "Render:MaxFPS", refresh_rates.first[1], refresh_rates)
+      @settings[:anti_aliasing]     = Setting.new(:video, :anti_aliasing, "Anti-aliasing", TYPE_REGISTRY, "System Settings\\Antialiasing_Mode", 0x80000001, [["None", 0], ["2x", 0x80000000], ["4x", 0x80000001], ["8x", 0x80000002]], true)
+
+      # Performance
+      @settings[:texture_detail]         = Setting.new(:performance, :texture_detail, "Texture Detail", TYPE_REGISTRY, "System Settings\\Texture_Resolution", 0, [["High",0], ["Medium", 1], ["Low", 2]], true)
+      @settings[:texture_filtering]      = Setting.new(:performance, :texture_filtering, "Texture Filtering", TYPE_REGISTRY, "System Settings\\Texture_Filter_Mode", 3, [["Bilinear", 0], ["Trilinear", 1], ["Anisotropic 2x", 2], ["Anisotropic 4x", 3], ["Anisotropic 8x", 4], ["Anisotropic 16x", 5]], true)
+      @settings[:shadow_resolution]      = Setting.new(:performance, :shadow_resolution, "Shadow Resolution", TYPE_REGISTRY, "System Settings\\Dynamic_Shadow_Resolution", 512, [["128", 128], ["256", 256], ["512", 512], ["1024", 1024], ["2048*", 2048], ["4096*", 4096]], true)
+      @settings[:high_quality_shadows]   = Setting.new(:general, :high_quality_shadows, "High Quality Shadows", TYPE_REGISTRY, "HighQualityShadows", true)
+
+      load_settings
+    end
+
+    def get(key)
+      @settings[key]
+    end
+
+    def get_value(key)
+      setting = get(key)
+
+      if setting.options.is_a?(Array) && setting.indexed
+        setting.options[setting.options.map(&:last).index(setting.value)][0]
+      else
+        setting.value
+      end
+    end
+
+    def set_value(key, value)
+      setting = get(key)
+
+      if setting.options.is_a?(Array)
+        setting.value = setting.options.find { |v| v[0] == value }[1]
+      elsif setting.options.is_a?(Hash)
+        setting.value = value.clamp(setting.options[:min], setting.options[:max])
+      else
+        setting.value = value
+      end
+    end
+
+    def load_settings
+      load_from_registry
+      load_from_cfg
+    end
+
+    def load_from_registry
+      @settings.each do |_key, setting|
+        next unless setting.type == TYPE_REGISTRY
+
+        data = nil
+        begin
+          data = read_reg(setting.key)
+        rescue Win32::Registry::Error
+        end
+        next unless data
+
+        if setting.value.is_a?(TrueClass) || setting.value.is_a?(FalseClass)
+          setting.value = data == 1
+        elsif setting.value.is_a?(Float)
+          if setting.group == :audio
+            setting.value = data.to_f / 100.0
+          else
+            setting.value = data
+          end
+        elsif setting.value.is_a?(Integer)
+          setting.value = data
+        else
+          raise "UNKNOWN VALUE TYPE: #{setting.value.class}"
+        end
+      end
+    end
+
+    def load_from_cfg
+      @cfg_hash = {}
+
+      if @cfg
+        in_hash = false
+        @cfg.lines.each do |line|
+          line = line.strip
+          break if line.start_with?("}")
+
+          if line.start_with?("{")
+            in_hash = true
+            next
+          end
+
+          next unless in_hash
+
+          parts = line.split("=").map { |l| l.strip.sub(";", "")}
+          @cfg_hash[parts.first] = parts.last
+        end
+      end
+
+      @cfg_hash.each do |key, value|
+        next if value.start_with?("\"")
+
+        begin
+          @cfg_hash[key] = Integer(value)
+        rescue ArgumentError # Not an int
+          @cfg_hash[key] = value == "true" ? true : false if value == "true" || value == "false"
+          @cfg_hash[key] = !@cfg_hash[key] if key == "DisableVSync" # UI shows enable vsync, cfg stores disable vsync
+        end
+      end
+
+      @settings.each do |key, setting|
+        next unless setting.type == TYPE_LIBCONFIG
+
+        cfg_key = setting.key.split(":").last
+
+        v = @cfg_hash[cfg_key]
+        if v != nil
+          if v.is_a?(TrueClass) || v.is_a?(FalseClass)
+            setting.value = v
+          elsif v.is_a?(Integer)
+            i = setting.options.map(&:last).index(v) || 0
+            if ["Width", "Height"].include?(cfg_key)
+              set_value(key, setting.options[i][0])
+            elsif cfg_key == "MaxFPS"
+              setting.value = v
+            end
+          end
+        else
+          @cfg_hash[cfg_key] = setting.value
+        end
+      end
+    end
+
+    def save_settings!
+      save_to_registry!
+      save_to_cfg!
+    end
+
+    def save_to_registry!
+      @settings.each do |_key, setting|
+        next unless setting.type == TYPE_REGISTRY
+
+        if setting.value.is_a?(TrueClass) || setting.value.is_a?(FalseClass)
+          write_reg(setting.key, setting.value ? 1 : 0)
+        elsif setting.value.is_a?(Float)
+          if setting.group == :audio
+            write_reg(setting.key, (setting.value * 100.0).round.clamp(0, 100))
+          else
+            write_reg(setting.key, setting.value)
+          end
+        elsif setting.value.is_a?(Integer)
+          write_reg(setting.key, setting.value)
+        else
+          raise "UNKNOWN VALUE TYPE: #{setting.value.class}"
+        end
+      end
+    end
+
+    def save_to_cfg!
+      @settings.each do |key, setting|
+        next unless setting.type == TYPE_LIBCONFIG
+
+        cfg_key = setting.key.split(":").last
+
+        v = @cfg_hash[cfg_key]
+        if v
+           # UI shows enable vsync, cfg stores disable vsync
+          @cfg_hash[cfg_key] = cfg_key == "DisableVSync" ? !setting.value : setting.value
+        end
+      end
+
+      string = "Render : \n{\n"
+
+      @cfg_hash.each do |key, value|
+        string += "  #{key} = #{value.to_s};\n"
+      end
+
+      string += "};\n"
+
+      FileUtils.mkdir_p(File.dirname(@engine_cfg_path)) unless Dir.exist?(File.dirname(@engine_cfg_path))
+      File.write(@engine_cfg_path, string)
+    end
+
+    def read_reg(key)
+      keys = key.split("\\")
+      sub_key = keys.size > 1 ? keys[0..(keys.size - 2)].join("\\") : ""
+      target_key = keys.last
+      reg_key = "#{@win32_registry_base}\\#{sub_key}".freeze
+
+      value = nil
+
+      Win32::Registry::HKEY_CURRENT_USER.open(reg_key) do |reg|
+        value = reg[target_key]
+      end
+
+      value
+    end
+
+    def write_reg(key, value)
+      keys = key.split("\\")
+      sub_key = keys.size > 1 ? keys[0..(keys.size - 2)].join("\\") : ""
+      target_key = keys.last
+      reg_key = "#{@win32_registry_base}#{sub_key.empty? ? '' : "\\#{sub_key}"}".freeze
+
+      begin
+        Win32::Registry::HKEY_CURRENT_USER.open(reg_key, Win32::Registry::KEY_WRITE) do |reg|
+          reg[target_key] = value
+        end
+      rescue Win32::Registry::Error
+        result = Win32::Registry::HKEY_CURRENT_USER.create(reg_key)
+
+        result.write_i(target_key, value)
+      end
+    end
+  end
+end

lib/gui_state_ext.rb

@@ -1,52 +0,0 @@
-module CyberarmEngine
-  class GuiState < CyberarmEngine::GameState
-    def menu(host_element, items:, width: 200)
-      container = CyberarmEngine::Element::Stack.new(
-        parent: host_element.parent,
-        width: width,
-        theme: W3DHub::THEME,
-        border_color: 0xff_000000,
-        border_thickness: 1
-      )
-
-      container.instance_variable_set(:"@__menu", host_element)
-
-      container.define_singleton_method(:recalculate_menu) do
-        @x = @__menu.x
-        @y = @__menu.y + @__menu.height
-
-        @y = @__menu.y - height if @y + height > window.height
-      end
-
-      def container.recalculate
-        super
-
-        recalculate_menu
-      end
-
-      items.each do |item|
-        btn = CyberarmEngine::Element::Button.new(
-          item[:label],
-          {
-            parent: container,
-            width: 1.0,
-            text_align: :left,
-            theme: W3DHub::THEME,
-            border_thickness: 0,
-            margin: 0
-          },
-          proc do
-            item[:block]&.call
-          end
-        )
-        container.add(btn)
-      end
-
-      container.recalculate
-      container.recalculate
-      container.recalculate
-
-      show_menu(container)
-    end
-  end
-end

lib/hardware_survey.rb

@@ -0,0 +1,189 @@
+class W3DHub
+  class HardwareSurvey
+    attr_reader :data
+
+    def initialize
+      @data = {
+        displays: [],
+        system: {
+          motherboard: {
+            manufacturer: "Unknown",
+            model: "Unknown",
+            bios_vendor: "Unknown",
+            bios_release_date: "Unknown",
+            bios_version: "Unknown"
+          },
+          operating_system: {
+            name: "Unknown",
+            build: "Unknown",
+            version: "Unknown",
+            edition: "Unknown"
+          },
+          cpus: [],
+          cpu_instruction_sets: {},
+          ram: 0,
+          gpus: []
+        }
+      }
+
+      # Hardware survey only works on Windows atm
+
+      if Gem::win_platform?
+        lib_dir = File.dirname($LOADED_FEATURES.find { |file| file.include?("gosu.so") })
+        SDL.load_lib("#{lib_dir}64/SDL2.dll")
+      else
+        SDL.load_lib("libSDL2")
+      end
+
+      query_displays
+      query_motherboard
+      query_operating_system
+      query_cpus
+      query_ram
+      query_gpus
+
+      @data.freeze
+    end
+
+    def query_displays
+      SDL.GetNumVideoDisplays.times do |d|
+        modes = []
+        refresh_rates = []
+
+        SDL.GetNumDisplayModes(d).times do |m|
+          mode = SDL::DisplayMode.new
+          SDL.GetDisplayMode(d, m, mode)
+
+          refresh_rates << mode[:refresh_rate]
+
+          modes << [mode[:w], mode[:h]]
+        end
+
+        @data[:displays] << {
+          name: SDL.GetDisplayName(d).read_string,
+          refresh_rates: refresh_rates.uniq.sort.reverse,
+          resolutions: modes.uniq.sort.reverse
+        }
+      end
+    end
+
+    def query_motherboard
+      return unless Gem::win_platform?
+
+      Win32::Registry::HKEY_LOCAL_MACHINE.open("HARDWARE\\DESCRIPTION\\System\\BIOS", Win32::Registry::KEY_READ) do |reg|
+        @data[:system][:motherboard][:manufacturer]      = safe_reg(reg, "SystemManufacturer")
+        @data[:system][:motherboard][:model]             = safe_reg(reg, "SystemProductName")
+        @data[:system][:motherboard][:bios_vendor]       = safe_reg(reg, "BIOSVendor")
+        @data[:system][:motherboard][:bios_release_date] = safe_reg(reg, "BIOSReleaseDate")
+        @data[:system][:motherboard][:bios_version]      = safe_reg(reg, "BIOSVersion")
+      end
+    rescue Win32::Registry::Error
+      @data[:system][:motherboard][:manufacturer]      = "Unknown"
+      @data[:system][:motherboard][:model]             = "Unknown"
+      @data[:system][:motherboard][:bios_vendor]       = "Unknown"
+      @data[:system][:motherboard][:bios_release_date] = "Unknown"
+      @data[:system][:motherboard][:bios_version]      = "Unknown"
+    end
+
+    def query_operating_system
+      return unless Gem::win_platform?
+
+      Win32::Registry::HKEY_LOCAL_MACHINE.open("SOFTWARE\\Microsoft\\Windows NT\\CurrentVersion", Win32::Registry::KEY_READ) do |reg|
+        @data[:system][:operating_system][:name]    = safe_reg(reg, "ProductName")
+        @data[:system][:operating_system][:build]   = safe_reg(reg, "CurrentBuild")
+        @data[:system][:operating_system][:version] = safe_reg(reg, "DisplayVersion")
+        @data[:system][:operating_system][:edition] = safe_reg(reg, "EditionID")
+      end
+    rescue Win32::Registry::Error
+      @data[:system][:operating_system][:name]    = "Unknown"
+      @data[:system][:operating_system][:build]   = "Unknown"
+      @data[:system][:operating_system][:version] = "Unknown"
+      @data[:system][:operating_system][:edition] = "Unknown"
+    end
+
+    def query_cpus
+      if Gem::win_platform?
+        begin
+          Win32::Registry::HKEY_LOCAL_MACHINE.open("HARDWARE\\DESCRIPTION\\System\\CentralProcessor", Win32::Registry::KEY_READ) do |reg|
+            i = 0
+
+            reg.each_key do |key|
+              reg.open(key) do |cpu|
+                @data[:system][:cpus] << {
+                  manufacturer: safe_reg(cpu, "VendorIdentifier", "Unknown"),
+                  model: safe_reg(cpu, "ProcessorNameString").strip,
+                  mhz: safe_reg(cpu, "~MHz"),
+                  family: safe_reg(cpu, "Identifier")
+                }
+
+                i += 1
+              end
+            end
+          end
+        rescue Win32::Registry::Error
+        end
+      end
+
+      instruction_sets = %w[ HasRDTSC HasAltiVec HasMMX Has3DNow HasSSE HasSSE2 HasSSE3 HasSSE41 HasSSE42 HasAVX HasAVX2 HasAVX512F HasARMSIMD HasNEON ] # HasLSX HasLASX # These cause a crash atm
+      list = []
+      instruction_sets.each do |i|
+        if SDL.send(i).positive?
+          list << i.sub("Has", "")
+        end
+
+        @data[:system][:cpu_instruction_sets][:"#{i.sub("Has", "").downcase}"] = SDL.send(i).positive?
+      end
+    end
+
+    def query_ram
+      @data[:system][:ram] = SDL.GetSystemRAM
+    end
+
+    def query_gpus
+      return unless Gem::win_platform?
+
+      Win32::Registry::HKEY_LOCAL_MACHINE.open("SYSTEM\\ControlSet001\\Control\\Class\\{4d36e968-e325-11ce-bfc1-08002be10318}", Win32::Registry::KEY_READ) do |reg|
+        i = 0
+
+        reg.each_key do |key, _|
+          next unless key.start_with?("0")
+
+          reg.open(key) do |device|
+            vram = -1
+
+            begin
+              vram = device["HardwareInformation.qwMemorySize"].to_i
+            rescue Win32::Registry::Error, TypeError
+              begin
+                vram = device["HardwareInformation.MemorySize"].to_i
+              rescue Win32::Registry::Error, TypeError
+                vram = -1
+              end
+            end
+
+            next if vram.negative?
+
+            vram = vram / 1024.0 / 1024.0
+
+            @data[:system][:gpus] << {
+              manufacturer: safe_reg(device, "ProviderName"),
+              model: safe_reg(device, "DriverDesc"),
+              vram: vram.round,
+              driver_date: safe_reg(device, "DriverDate"),
+              driver_version: safe_reg(device, "DriverVersion")
+            }
+
+            i += 1
+          end
+        end
+      end
+    rescue Win32::Registry::Error
+    end
+
+    def safe_reg(reg, key, default_value = "Unknown")
+      reg[key]
+    rescue Win32::Registry::Error
+      default_value
+    end
+  end
+end

lib/mixer.rb

@@ -6,6 +6,8 @@ class W3DHub
   # https://github.com/TheUnstoppable/MixLibrary used for reference
   class Mixer
     DEFAULT_BUFFER_SIZE = 32_000_000
+    MIX1_HEADER = 0x3158494D
+    MIX2_HEADER = 0x3258494D
 
     class MixParserException < RuntimeError; end
     class MixFormatException < RuntimeError; end
@@ -203,8 +205,12 @@ class W3DHub
 
         @buffer.pos = 0
 
+        @encrypted = false
+
         # Valid header
-        if read_i32 == 0x3158494D
+        if (mime = read_i32) && (mime == MIX1_HEADER || mime == MIX2_HEADER)
+          @encrypted = mime == MIX2_HEADER
+
           file_data_offset = read_i32
           file_names_offset = read_i32
 
@@ -237,7 +243,7 @@ class W3DHub
             @buffer.pos = pos
           end
         else
-          raise MixParserException, "Invalid MIX file"
+          raise MixParserException, "Invalid MIX file: Expected \"#{MIX1_HEADER}\" or \"#{MIX2_HEADER}\", got \"0x#{mime.to_s(16).upcase}\"\n(#{file_path})"
         end
 
       ensure
@@ -264,18 +270,24 @@ class W3DHub
 
         buffer.strip
       end
+
+      def encrypted?
+        @encrypted
+      end
     end
 
     class Writer
       attr_reader :package
 
-      def initialize(file_path:, package:, memory_buffer: false, buffer_size: DEFAULT_BUFFER_SIZE)
+      def initialize(file_path:, package:, memory_buffer: false, buffer_size: DEFAULT_BUFFER_SIZE, encrypted: false)
         @package = package
 
         @buffer = MemoryBuffer.new(file_path: file_path, mode: :write, buffer_size: buffer_size)
         @buffer.pos = 0
 
-        @buffer.write("MIX1")
+        @encrypted = encrypted
+
+        @buffer.write(encrypted? ? "MIX2" : "MIX1")
 
         files = @package.files.sort { |a, b| a.file_crc <=> b.file_crc }
 
@@ -322,6 +334,10 @@ class W3DHub
       def write_byte(byte)
         @buffer.write([byte].pack("c"))
       end
+
+      def encrypted?
+        @encrypted
+      end
     end
 
     # Eager loads patch file and streams target file metadata (doen't load target file data or generate CRCs)

lib/page.rb

@@ -47,9 +47,5 @@ class W3DHub
 
     def button_up(id)
     end
-
-    def menu(host_element, items:)
-      @host.menu(host_element, items: items)
-    end
   end
 end

lib/pages/community.rb

@@ -3,9 +3,12 @@ class W3DHub
     class Community < Page
       def setup
         @w3dhub_news ||= nil
+        @w3dhub_news_expires ||= 0
 
         body.clear do
           stack(width: 1.0, height: 1.0, padding: 8) do
+            background 0xaa_252525
+
             stack(width: 1.0) do
               tagline "<b>Welcome to #{I18n.t(:app_name)}</b>"
               para "The #{I18n.t(:app_name_simple)} is a one-stop shop for your W3D gaming needs, providing game downloads, automatic updating, an integrated server browser, and centralized management of in-game options."
@@ -16,16 +19,16 @@ class W3DHub
 
               flow(width: 64 * 4 + (3 * 32), height: 1.0) do
                 image "#{GAME_ROOT_PATH}/media/icons/app.png", hover: { color: 0xaa_ffffff }, height: 1.0, tip: "#{I18n.t(:app_name)} Github Repository" do
-                  Launchy.open("https://github.com/cyberarm/w3d_hub_linux_launcher")
+                  W3DHub.url("https://github.com/cyberarm/w3d_hub_linux_launcher")
                 end
                 image "#{GAME_ROOT_PATH}/media/icons/w3dhub.png", hover: { color: 0xaa_ffffff }, height: 1.0, margin_left: 32, tip: "W3D Hub Forums" do
-                  Launchy.open("https://w3dhub.com/forum/")
+                  W3DHub.url("https://w3dhub.com/forum/")
                 end
                 image "#{GAME_ROOT_PATH}/media/social_media_icons/discord.png", hover: { color: 0xaa_ffffff }, height: 1.0, margin_left: 32, tip: "W3D Hub Discord Server" do
-                  Launchy.open("https://discord.com/invite/GYhW7eV")
+                  W3DHub.url("https://discord.com/invite/GYhW7eV")
                 end
                 image "#{GAME_ROOT_PATH}/media/social_media_icons/facebook.png", hover: { color: 0xaa_ffffff }, height: 1.0, margin_left: 32, tip: "W3D Hub Facebook Page" do
-                  Launchy.open("https://www.facebook.com/w3dhub")
+                  W3DHub.url("https://www.facebook.com/w3dhub")
                 end
               end
 
@@ -43,10 +46,10 @@ class W3DHub
               tagline "<b>Help & Support</b>"
               flow(width: 1.0) do
                 para "For help and support using this launcher or playing any W3D Hub game visit the"
-                link("W3D Hub forums", text_size: 16, tip: "https://w3dhub.com/forum/") { Launchy.open("https://w3dhub.com/forum/") }
+                link("W3D Hub forums", text_size: 22, tip: "https://w3dhub.com/forum/") { W3DHub.url("https://w3dhub.com/forum/") }
                 para "or join us in"
                 image "#{GAME_ROOT_PATH}/media/social_media_icons/discord.png", height: 16, padding_top: 4
-                link("#tech-support", text_size: 16, tip: "https://discord.com/invite/GYhW7eV") { Launchy.open("https://discord.com/invite/GYhW7eV") }
+                link("#tech-support", text_size: 22, tip: "https://discord.com/invite/GYhW7eV") { W3DHub.url("https://discord.com/invite/GYhW7eV") }
                 para "on the W3D Hub Discord server"
               end
             end
@@ -74,6 +77,30 @@ class W3DHub
         end
       end
 
+      def update
+        super
+
+
+        if Gosu.milliseconds >= @w3dhub_news_expires
+          @w3dhub_news = nil
+          @w3dhub_news_expires = Gosu.milliseconds + 30_000 # seconds
+
+          @wd3hub_news_container.clear do
+            title I18n.t(:"games.fetching_news"), padding: 8
+          end
+
+          BackgroundWorker.foreground_job(
+            -> { fetch_w3dhub_news },
+            lambda do |result|
+              if result
+                populate_w3dhub_news
+                Cache.release_net_lock(result)
+              end
+            end
+          )
+        end
+      end
+
       def fetch_w3dhub_news
         lock = Cache.acquire_net_lock("w3dhub_news")
         return false unless lock
@@ -84,10 +111,11 @@ class W3DHub
         return unless news
 
         news.items[0..15].each do |item|
-          Cache.fetch(uri: item.image, async: false)
+          Cache.fetch(uri: item.image, async: false, backend: :w3dhub)
         end
 
         @w3dhub_news = news
+        @w3dhub_news_expires = Gosu.milliseconds + (60 * 60 * 1000) # 1 hour (in ms)
 
         "w3dhub_news"
       end
@@ -111,16 +139,16 @@ class W3DHub
 
             #     stack(width: 0.6, height: 1.0) do
             #       stack(width: 1.0, height: 112) do
-            #         link "<b>#{item.title}</b>", text_size: 18 do
+            #         link "<b>#{item.title}</b>", text_size: 22 do
-            #           Launchy.open(item.uri)
+            #           W3DHub.url(item.uri)
             #         end
-            #         inscription item.blurb.gsub(/\n+/, "\n").strip[0..180]
+            #         para item.blurb.gsub(/\n+/, "\n").strip[0..180]
             #       end
 
             #       flow(width: 1.0) do
-            #         inscription item.timestamp.strftime("%Y-%m-%d"), width: 0.499
+            #         para item.timestamp.strftime("%Y-%m-%d"), width: 0.499
-            #         link I18n.t(:"games.read_more"), width: 0.5, text_align: :right, text_size: 14 do
+            #         link I18n.t(:"games.read_more"), width: 0.5, text_align: :right, text_size: 22 do
-            #           Launchy.open(item.uri)
+            #           W3DHub.url(item.uri)
             #         end
             #       end
             #     end
@@ -129,52 +157,32 @@ class W3DHub
 
             feed.items.sort_by { |i| i.timestamp }.reverse[0..9].each do |item|
               image_path = Cache.path(item.image)
-              news_blurb_container = nil
-              news_title_container = nil
 
-              news_container = stack(width: 300, height: 300, margin: 8, background_image: image_path, border_thickness: 1, border_color: lighten(Gosu::Color.new(0xff_252525))) do
+              flow(width: 1.0, max_width: 1230, height: 200, margin: 8, border_thickness: 1, border_color: lighten(Gosu::Color.new(0xff_252525))) do
-                background 0x88_000000
+                background 0x44_000000
 
-                # Detailed view
+                # Ensure the image file exists before trying to load it
-                news_blurb_container = stack(width: 1.0, height: 1.0, background: 0xaa_000000, padding: 4) do
+                if File.exist?(image_path)
-                  tagline "<b>#{item.title}</b>", width: 1.0
+                  image image_path, height: 1.0
-                  inscription "#{item.author} • #{item.timestamp.strftime("%Y-%m-%d")}"
-                  inscription item.blurb.gsub(/\n+/, "\n").strip[0..1024], fill: true
-
-                  button I18n.t(:"games.read_more"), width: 1.0, margin_top: 8, margin_bottom: 0, padding_top: 4, padding_bottom: 4 do
-                    Launchy.open(item.uri)
-                  end
-                end
-
-                # Just title
-                news_title_container = stack(width: 1.0, height: 1.0) do
-                  flow(fill: true)
-
-                  tagline "<b>#{item.title}</b>", width: 1.0, background: 0xaa_000000, padding: 4
-                end
-              end
-
-              news_blurb_container.hide
-
-              def news_container.hit_element?(x, y)
-                return unless hit?(x, y)
-
-                if @children.first.visible? && (btn = @children.first.children.find { |child| child.visible? && child.is_a?(CyberarmEngine::Element::Button) && child.hit?(x, y) })
-                  btn
                 else
-                  self
+                  logger.warn("W3DHub::Community") { "Image not found in cache: #{image_path}" }
+                  image BLACK_IMAGE, height: 1.0
                 end
-              end
 
-              news_container.subscribe(:enter) do
+                stack(fill: true, height: 1.0, padding: 4, border_thickness_left: 1, border_color_left: lighten(Gosu::Color.new(0xff_252525))) do
-                news_title_container.hide
+                  tagline "<b>#{item.title}</b>", width: 1.0
-                news_blurb_container.show
+                  para item.blurb.gsub(/\n+/, "\n").strip[0..1024], fill: true
-              end
 
-              news_container.subscribe(:leave) do
+                  flow(width: 1.0, height: 36, margin_top: 8) do
-                unless news_container.hit?(window.mouse_x, window.mouse_y)
+                    stack(fill: true, height: 1.0) do
-                  news_title_container.show
+                      flow(fill: true)
-                  news_blurb_container.hide
+                      para "#{item.author} • #{item.timestamp.strftime("%Y-%m-%d")}"
+                    end
+
+                    button I18n.t(:"games.read_more"), width: 1.0, max_width: 128, padding_top: 4, padding_bottom: 4 do
+                      W3DHub.url(item.uri)
+                    end
+                  end
                 end
               end
             end

lib/pages/download_manager.rb

@@ -9,7 +9,11 @@ class W3DHub
 
         unless task
           body.clear do
-            tagline "No operations pending.", width: 1.0, text_align: :center, margin: 128
+            stack(width: 1.0, height: 1.0) do
+              background 0xaa_252525
+
+              tagline "No operations pending.", width: 1.0, text_align: :center, margin: 128
+            end
           end
 
           return
@@ -23,29 +27,33 @@ class W3DHub
 
         body.clear do
           stack(width: 1.0, height: 1.0) do
+            background 0xaa_252525
+
             # TODO: Show correct application details here
             flow(width: 1.0, height: 0.1, padding: 8) do
-              background task.application.color
+              app_color = Gosu::Color.new(task.application.color)
+              app_color.alpha = 0x88
+              background app_color
 
               flow(width: 0.70, height: 1.0) do
-                image_path = File.exist?("#{GAME_ROOT_PATH}/media/icons/#{task.app_id}.png") ? "#{GAME_ROOT_PATH}/media/icons/#{task.app_id}.png" : "#{GAME_ROOT_PATH}/media/icons/default_icon.png"
+                image_path = File.exist?("#{CACHE_PATH}/#{task.app_id}.png") ? "#{CACHE_PATH}/#{task.app_id}.png" : "#{GAME_ROOT_PATH}/media/icons/default_icon.png"
                 @application_image = image image_path, height: 1.0
 
                 stack(margin_left: 8, width: 0.75) do
                   @application_name_label = tagline "#{task.application.name}"
-                  @application_version_label = inscription "Version: #{task.target_version} (#{task.channel.id})"
+                  @application_version_label = para "Version: #{task.target_version} (#{task.channel.id})"
                 end
               end
 
               flow(width: 0.30, height: 1.0) do
                 stack(width: 0.499, height: 1.0) do
                   para "Download Speed", width: 1.0, text_align: :center
-                  @download_speed_label = inscription "- b/s", width: 1.0, text_align: :center
+                  @download_speed_label = para "- b/s", width: 1.0, text_align: :center
                 end
 
                 stack(width: 0.5, height: 1.0) do
                   para "Downloaded", width: 1.0, text_align: :center
-                  inscription "---- b / ---- b", width: 1.0, text_align: :center
+                  para "---- b / ---- b", width: 1.0, text_align: :center
                 end
               end
             end
@@ -58,15 +66,15 @@ class W3DHub
               task.status.operations.each do |key, operation|
                 i += 1
 
-                stack(width: 1.0, height: 24, padding: 8) do
+                stack(width: 1.0, height: 26, padding: 8) do
-                  background 0xff_333333 if i.odd?
+                  background 0xaa_333333 if i.odd?
 
                   flow(width: 1.0, height: 22) do
-                    @operation_info["#{key}_name"] = inscription operation.label, width: 0.7, text_wrap: :none, tag: "#{key}_name"
+                    @operation_info["#{key}_name"] = para operation.label, width: 0.7, text_wrap: :none, tag: "#{key}_name"
-                    @operation_info["#{key}_status"] = inscription operation.value, width: 0.3, text_align: :right, text_wrap: :none, tag: "#{key}_status"
+                    @operation_info["#{key}_status"] = para operation.value, width: 0.3, text_align: :right, text_wrap: :none, tag: "#{key}_status"
                   end
 
-                  @operation_info["#{key}_progress"] = progress fraction: operation.progress, height: 2, width: 1.0, tag: "#{key}_progress"
+                  @operation_info["#{key}_progress"] = progress fraction: operation.progress, height: 2, width: 1.0, margin_top: 2, tag: "#{key}_progress"
                 end
               end
             end

lib/pages/games.rb

@@ -3,48 +3,96 @@ class W3DHub
     class Games < Page
       def setup
         @game_news ||= {}
+        @game_events ||= {}
+
         @focused_game ||= Store.applications.games.find { |g| g.id == Store.settings[:last_selected_app] }
         @focused_game ||= Store.applications.games.find { |g| g.id == "ren" }
         @focused_channel ||= @focused_game.channels.find { |c| c.id == Store.settings[:last_selected_channel] }
         @focused_channel ||= @focused_game.channels.first
 
         body.clear do
-          # Games List
+          stack(width: 1.0, height: 1.0) do
-          @games_list_container = stack(width: 0.15, max_width: 148, height: 1.0, scroll: true, border_thickness_right: 1, border_color_right: W3DHub::BORDER_COLOR) do
+            # Games List
-          end
+            @games_list_container = flow(width: 1.0, height: 64, scroll: true, border_thickness_bottom: 1, border_color_bottom: W3DHub::BORDER_COLOR, padding_left: 32, padding_right: 32) do
+            end
 
-          # Game Menu
+            # Game Menu
-          @game_page_container = stack(fill: true, height: 1.0) do
+            @game_page_container = stack(width: 1.0, fill: true) do
+            end
           end
         end
 
+        # return if Store.offline_mode
+
         populate_game_page(@focused_game, @focused_channel)
         populate_games_list
       end
 
+      def update
+        super
+
+
+        @game_news.each do |key, value|
+          next if key.end_with?("_expires")
+
+          if Gosu.milliseconds >= @game_news["#{key}_expires"]
+            @game_news.delete(key)
+            @game_news["#{key}_expires"] = Gosu.milliseconds + 30_000 # seconds
+
+            if @focused_game && @focused_game.id == key
+              @game_news_container.clear do
+                title I18n.t(:"games.fetching_news"), padding: 8
+              end
+
+              BackgroundWorker.foreground_job(
+                -> { fetch_game_news(@focused_game) },
+                lambda do |result|
+                  if result
+                    populate_game_news(@focused_game)
+                    Cache.release_net_lock(result)
+                  end
+                end
+              )
+            end
+          end
+        end
+      end
+
       def populate_games_list
         @games_list_container.clear do
-          background 0xff_121920
+          background 0xaa_121920
+
+          stack(width: 128, height: 1.0) do
+            flow(fill: true)
+
+            button "All Games" do
+              populate_all_games_view
+            end
+
+            flow(fill: true)
+          end
+
+          has_favorites = Store.settings[:favorites].size.positive?
 
           Store.applications.games.each do |game|
+            next if has_favorites && !Store.application_manager.favorite?(game.id)
+
             selected = game == @focused_game
 
-            game_button = stack(width: 1.0, border_thickness_left: 4,
+            game_button = stack(width: 64, height: 1.0, border_thickness_bottom: 4,
-                                border_color_left: selected ? 0xff_00acff : 0x00_000000,
+                                border_color_bottom: selected ? 0xff_0074e0 : 0x00_000000,
                                 hover: { background: selected ? game.color : 0xff_444444 },
-                                padding_top: 4, padding_bottom: 4) do
+                                padding_left: 4, padding_right: 4, tip: game.name) do
               background game.color if selected
 
-              flow(width: 1.0, height: 48) do
+              image_path = File.exist?("#{CACHE_PATH}/#{game.id}.png") ? "#{CACHE_PATH}/#{game.id}.png" : "#{GAME_ROOT_PATH}/media/icons/default_icon.png"
-                stack(width: 0.3) do
+              image_color = Store.application_manager.installed?(game.id, game.channels.first.id) ? 0xff_ffffff : 0x66_ffffff
-                  image "#{GAME_ROOT_PATH}/media/ui_icons/return.png", width: 1.0, color: Gosu::Color::GRAY if Store.application_manager.updateable?(game.id, game.channels.first.id)
-                  image "#{GAME_ROOT_PATH}/media/ui_icons/import.png", width: 0.5, color: 0x88_ffffff unless Store.application_manager.installed?(game.id, game.channels.first.id)
-                end
-                image_path = File.exist?("#{GAME_ROOT_PATH}/media/icons/#{game.id}.png") ? "#{GAME_ROOT_PATH}/media/icons/#{game.id}.png" : "#{GAME_ROOT_PATH}/media/icons/default_icon.png"
 
-                image image_path, height: 48, color: Store.application_manager.installed?(game.id, game.channels.first.id) ? 0xff_ffffff : 0x88_ffffff
+              flow(width: 1.0, height: 1.0, margin: 8, background_image: image_path, background_image_color: image_color, background_image_mode: :fill_height) do
+                image "#{GAME_ROOT_PATH}/media/ui_icons/import.png", width: 24, margin_left: -4, margin_top: -6, color: 0xff_ff8800 if game.channels.any? { |channel| Store.application_manager.updateable?(game.id, channel.id) }
               end
-              inscription game.name, width: 1.0, text_align: :center
+
+              # para game.name, width: 1.0, text_align: :center
             end
 
             def game_button.hit_element?(x, y)
@@ -52,7 +100,9 @@ class W3DHub
             end
 
             game_button.subscribe(:clicked_left_mouse_button) do
-              populate_game_page(game, game.channels.first)
+              channel = @focused_game == game ? @focused_channel : game.channels.first
+
+              populate_game_page(game, channel)
               populate_games_list
             end
           end
@@ -67,121 +117,293 @@ class W3DHub
         Store.settings[:last_selected_channel] = channel.id
 
         @game_page_container.clear do
-          background game.color
+          game_color = Gosu::Color.new(game.color)
+          game_color.alpha = 0xaa
 
-          # Release channel
+          background_image_path = Cache.package_path(game.category, game.id, "background.png", "")
-          flow(width: 1.0, height: 18) do
+          if File.exist?(background_image_path)
-            # background 0xff_444411
+            States::Interface.instance&.instance_variable_get(:"@interface_container")&.style&.background_image = get_image(background_image_path)
-
+            States::Interface.instance&.instance_variable_get(:"@interface_container")&.style&.default[:background_image] = get_image(background_image_path)
-            inscription I18n.t(:"games.channel")
-            list_box(items: game.channels.map(&:name), choose: channel.name, enabled: game.channels.count > 1,
-                     margin_top: 0, margin_bottom: 0, width: 128,
-                     padding_left: 1, padding_top: 1, padding_right: 1, padding_bottom: 1, text_size: 14) do |value|
-              populate_game_page(game, game.channels.find { |c| c.name == value })
-            end
           end
 
           # Game Stuff
           flow(width: 1.0, fill: true) do
-            # background 0xff_9999ff
-
             # Game options
-            stack(width: 208, height: 1.0, padding: 8, scroll: true) do
+            stack(width: 360, height: 1.0, padding: 8, scroll: true, background: game_color, border_thickness_right: 1, border_color_right: W3DHub::BORDER_COLOR) do
-              # background 0xff_550055
+              # Game Logo
+              logo_image_path = Cache.package_path(game.category, game.id, "logo.png", "")
 
-              if Store.application_manager.installed?(game.id, channel.id)
+              if File.exist?(logo_image_path)
-                Hash.new.tap { |hash|
+                image logo_image_path, width: 1.0
-                  hash[I18n.t(:"games.game_settings")] = { icon: "gear", block: proc { Store.application_manager.settings(game.id, channel.id) } }
+              else
-                  hash[I18n.t(:"games.wine_configuration")] = { icon: "gear", block: proc { Store.application_manager.wine_configuration(game.id, channel.id) } } if W3DHub.unix?
+                banner game.name unless File.exist?(logo_image_path)
-                  hash[I18n.t(:"games.game_modifications")] = { icon: "gear", enabled: true, block: proc { populate_game_modifications(game, channel) } }
+              end
-                  if game.id != "ren"
+
-                    hash[I18n.t(:"games.repair_installation")] = { icon: "wrench", block: proc { Store.application_manager.repair(game.id, channel.id) } }
+              stack(width: 1.0, fill: true, scroll: true, margin_top: 32) do
-                    hash[I18n.t(:"games.uninstall_game")] = { icon: "trashCan", block: proc { Store.application_manager.uninstall(game.id, channel.id) } }
+                if Store.application_manager.installed?(game.id, channel.id)
+                  Hash.new.tap { |hash|
+                    # hash[I18n.t(:"games.game_settings")] = { icon: "gear", block: proc { Store.application_manager.settings(game.id, channel.id) } }
+                    # hash[I18n.t(:"games.wine_configuration")] = { icon: "gear", block: proc { Store.application_manager.wine_configuration(game.id, channel.id) } } if W3DHub.unix?
+                    # hash[I18n.t(:"games.game_modifications")] = { icon: "gear", enabled: true, block: proc { populate_game_modifications(game, channel) } }
+                    # if game.id != "ren"
+                    #   hash[I18n.t(:"games.repair_installation")] = { icon: "wrench", block: proc { Store.application_manager.repair(game.id, channel.id) } }
+                    #   hash[I18n.t(:"games.uninstall_game")] = { icon: "trashCan", block: proc { Store.application_manager.uninstall(game.id, channel.id) } }
+                    # end
+                    hash[I18n.t(:"games.install_folder")] = { icon: nil, block: proc { Store.application_manager.show_folder(game.id, channel.id, :installation) } }
+                    hash[I18n.t(:"games.user_data_folder")] = { icon: nil, block: proc { Store.application_manager.show_folder(game.id, channel.id, :user_data) } }
+                    hash[I18n.t(:"games.view_screenshots")] = { icon: nil, block: proc { Store.application_manager.show_folder(game.id, channel.id, :screenshots) } }
+                  }.each do |key, hash|
+                    flow(width: 1.0, height: 22, margin_bottom: 8) do
+                      image "#{GAME_ROOT_PATH}/media/ui_icons/#{hash[:icon]}.png", width: 24 if hash[:icon]
+                      image EMPTY_IMAGE, width: 24 unless hash[:icon]
+                      link key, text_size: 22, enabled: hash.key?(:enabled) ? hash[:enabled] : true do
+                        hash[:block]&.call
+                      end
+                    end
                   end
-                  hash[I18n.t(:"games.install_folder")] = { icon: nil, block: proc { Store.application_manager.show_folder(game.id, channel.id, :installation) } }
+                end
-                  hash[I18n.t(:"games.user_data_folder")] = { icon: nil, block: proc { Store.application_manager.show_folder(game.id, channel.id, :user_data) } }
+
-                  hash[I18n.t(:"games.view_screenshots")] = { icon: nil, block: proc { Store.application_manager.show_folder(game.id, channel.id, :screenshots) } }
+                game.web_links.each do |item|
-                }.each do |key, hash|
                   flow(width: 1.0, height: 22, margin_bottom: 8) do
-                    image "#{GAME_ROOT_PATH}/media/ui_icons/#{hash[:icon]}.png", width: 0.11 if hash[:icon]
+                    image "#{GAME_ROOT_PATH}/media/ui_icons/share1.png", width: 24
-                    image EMPTY_IMAGE, width: 0.11 unless hash[:icon]
+                    link item.name, text_size: 22 do
-                    link key, text_size: 18, enabled: hash.key?(:enabled) ? hash[:enabled] : true do
+                      W3DHub.url(item.uri)
-                      hash[:block]&.call
                     end
                   end
                 end
               end
 
-              game.web_links.each do |item|
+              if game.channels.count > 1
-                flow(width: 1.0, height: 22, margin_bottom: 8) do
+                # Release channel
-                  image "#{GAME_ROOT_PATH}/media/ui_icons/share1.png", width: 0.11
+
-                  link item.name, text_size: 18 do
+                para I18n.t(:"games.game_version"), width: 1.0, text_align: :center
-                    Launchy.open(item.uri)
+
+                flow(width: 1.0, height: 48) do
+                  # background 0xff_444411
+                  list_box(width: 1.0, items: game.channels.map(&:name), choose: channel.name, enabled: game.channels.count > 1) do |value|
+                    populate_game_page(game, game.channels.find { |c| c.name == value })
+                  end
+                end
+              end
+
+              # Play buttons
+              flow(width: 1.0, height: 52, padding_top: 6) do
+                # background 0xff_551100
+
+                if Store.application_manager.installed?(game.id, channel.id)
+                  if Store.application_manager.updateable?(game.id, channel.id)
+                    button "<b>#{I18n.t(:"interface.install_update")}</b>", fill: true, text_size: 30, **UPDATE_BUTTON do
+                      Store.application_manager.update(game.id, channel.id)
+                    end
+                  else
+                    play_now_server = Store.application_manager.play_now_server(game.id, channel.id)
+                    play_now_button = button "<b>#{I18n.t(:"interface.play")}</b>", fill: true, text_size: 30, enabled: !play_now_server.nil? do
+                      Store.application_manager.play_now(game.id, channel.id)
+                    end
+
+                    play_now_button.subscribe(:enter) do |btn|
+                      server = Store.application_manager.play_now_server(game.id, channel.id)
+                      btn.enabled = !server.nil?
+                      btn.instance_variable_set(:"@tip", server ? "#{server.status.name} [#{server.status.player_count}/#{server.status.max_players}]" : "")
+                    end
+                  end
+
+                  button get_image("#{GAME_ROOT_PATH}/media/ui_icons/singleplayer.png"), tip: I18n.t(:"interface.single_player"), image_height: 32, margin_left: 0 do
+                    Store.application_manager.run(game.id, channel.id)
+                  end
+
+                  button get_image("#{GAME_ROOT_PATH}/media/ui_icons/gear.png"), tip: I18n.t(:"games.game_options"), image_height: 32, margin_left: 0 do |btn|
+                    menu(parent: btn) do
+                      menu_item(I18n.t(:"games.game_settings")) do
+                        if game.uses_engine_cfg?
+                          push_state(States::GameSettingsDialog, app_id: game.id, channel: channel.id)
+                        else
+                          Store.application_manager.wwconfig(game.id, channel.id)
+                        end
+                      end
+
+                      if W3DHub.unix?
+                        menu_item(I18n.t(:"games.wine_configuration")) do
+                          Store.application_manager.wine_configuration(game.id, channel.id)
+                        end
+                      end
+
+                      unless Store.offline_mode
+                        if W3DHUB_DEVELOPER
+                          menu_item(I18n.t(:"games.game_modifications")) do
+                            populate_game_modifications(game, channel)
+                          end
+                        end
+
+                        if game.id != "ren"
+                          menu_item(I18n.t(:"games.repair_installation")) do
+                            Store.application_manager.repair(game.id, channel.id)
+                          end
+                          menu_item(I18n.t(:"games.uninstall_game")) do
+                            Store.application_manager.uninstall(game.id, channel.id)
+                          end
+                        end
+                      end
+                    end.show
+                  end
+
+                else
+                  installing = Store.application_manager.task?(:installer, game.id, channel.id)
+
+                  unless game.id == "ren"
+                    button "<b>#{I18n.t(:"interface.install")}</b>", fill: true, margin_right: 8, text_size: 30, enabled: !installing do |button|
+                      button.enabled = false
+                      @import_button.enabled = false
+                      Store.application_manager.install(game.id, channel.id)
+                    end
+                  end
+
+                  @import_button = button "<b>#{I18n.t(:"interface.import")}</b>", fill: true, margin_left: 8, text_size: 30, enabled: !installing do
+                    Store.application_manager.import(game.id, channel.id)
                   end
                 end
               end
             end
 
-            # Game News
+            stack(fill: true, height: 1.0) do
-            @game_news_container = flow(fill: true, height: 1.0, padding: 8, scroll: true) do
+              # Game Description
-              # background 0xff_005500
+              if false # description
-            end
+                # Height should match Game Banner container height
-          end
+                stack(width: 1.0, padding: 16) do
-
+                  title "About #{game.name}", border_bottom_color: 0xff_666666, border_bottom_thickness: 1, width: 1.0
-          # Play buttons
+                  para "Command & Conquer: Tiberian Sun is a 1999 real-time stretegy video game by Westwood Studios, published by Electronic Arts, releaseed exclusively for Microsoft Windows on August 27th, 1999. The game is the sequel to the 1995 game Command & Conquer. It featured new semi-3D graphics, a more futuristic sci-fi setting, and new gameplay features such as vehicles capable of hovering and burrowing.", width: 1.0
-          flow(width: 1.0, height: 48, padding_top: 6) do
-            # background 0xff_551100
-
-            if Store.application_manager.installed?(game.id, channel.id)
-              if Store.application_manager.updateable?(game.id, channel.id)
-                button "<b>#{I18n.t(:"interface.install_update")}</b>", margin_left: 24, **UPDATE_BUTTON do
-                  Store.application_manager.update(game.id, channel.id)
-                end
-              else
-                button "<b>#{I18n.t(:"interface.play_now")}</b>", margin_left: 24 do
-                  Store.application_manager.play_now(game.id, channel.id)
                 end
               end
 
-              button "<b>#{I18n.t(:"interface.single_player")}</b>", margin_left: 24 do
+              # Game Events
-                Store.application_manager.run(game.id, channel.id)
+              @game_events_container = flow(width: 1.0, height: 128, padding: 8, visible: false) do
-              end
-            else
-              installing = Store.application_manager.task?(:installer, game.id, channel.id)
-
-              unless game.id == "ren"
-                button "<b>#{I18n.t(:"interface.install")}</b>", margin_left: 24, enabled: !installing do |button|
-                  button.enabled = false
-                  @import_button.enabled = false
-                  Store.application_manager.install(game.id, channel.id)
-                end
               end
 
-              @import_button = button "<b>#{I18n.t(:"interface.import")}</b>", margin_left: 24, enabled: !installing do
+              # Game News
-                Store.application_manager.import(game.id, channel.id)
+              @game_news_container = flow(width: 1.0, fill: true, padding: 8, scroll: true) do
+                # background 0xff_005500
               end
             end
           end
         end
 
-        return if Cache.net_lock?("game_news_#{game.id}")
+        return if Store.offline_mode
 
-        if @game_news[game.id]
+        unless Cache.net_lock?("game_news_#{game.id}")
-          populate_game_news(game)
+          if @game_events[game.id]
-        else
+            populate_game_events(game)
-          @game_news_container.clear do
+          else
-            title I18n.t(:"games.fetching_news"), padding: 8
+            BackgroundWorker.foreground_job(
+              -> { fetch_game_events(game) },
+              lambda do |result|
+                if result
+                  populate_game_events(game)
+                  Cache.release_net_lock(result)
+                end
+              end
+            )
           end
+        end
 
-          BackgroundWorker.foreground_job(
+        unless Cache.net_lock?("game_events_#{game.id}")
-            -> { fetch_game_news(game) },
+          if @game_news[game.id]
-            lambda do |result|
+            populate_game_news(game)
-              if result
+          else
-                populate_game_news(game)
+            @game_news_container.clear do
-                Cache.release_net_lock(result)
+              title I18n.t(:"games.fetching_news"), padding: 8
+            end
+
+            BackgroundWorker.foreground_job(
+              -> { fetch_game_news(game) },
+              lambda do |result|
+                if result
+                  populate_game_news(game)
+                  Cache.release_net_lock(result)
+                end
+              end
+            )
+          end
+        end
+      end
+
+      def populate_all_games_view
+        @game_page_container.clear do
+          @focused_game = nil
+          @focused_channel = nil
+
+          populate_games_list
+
+          flow(width: 1.0, height: 1.0) do
+            games_view_container = nil
+            # Options
+            stack(width: 360, height: 1.0, padding: 8, scroll: true, border_thickness_right: 1, border_color_right: W3DHub::BORDER_COLOR) do
+              background 0x55_000000
+
+              flow(width: 1.0, height: 48) do
+                button "All Games", width: 280 do
+                  # games_view_container.clear
+                end
+                tagline Store.applications.games.count.to_s, fill: true, text_align: :right
+              end
+
+              flow(width: 1.0, height: 48, margin_top: 8) do
+                button "Installed", enabled: false, width: 280
+                tagline "0", fill: true, text_align: :right
+              end
+
+              flow(width: 1.0, height: 48, margin_top: 8) do
+                button "Favorites", enabled: false, width: 280
+                tagline Store.settings[:favorites].count, fill: true, text_align: :right
               end
             end
-          )
+
+            # Games list
+            games_view_container = stack(fill: true, height: 1.0, padding: 8, margin: 8) do
+              title "All Games"
+
+              flow(width: 1.0, fill: true, scroll: true) do
+                Store.applications.games.each do |game|
+                  stack(width: 166, height: 224, margin: 8, background: 0x88_151515, border_color: game.color, border_thickness: 1) do
+                    flow(width: 1.0, height: 28, padding: 8) do
+                      para "Favorite", fill: true
+                      toggle_button checked: Store.application_manager.favorite?(game.id), height: 18, padding_top: 3, padding_right: 3, padding_bottom: 3, padding_left: 3 do |btn|
+                        Store.application_manager.favorive(game.id, btn.value)
+                        Store.settings.save_settings
+
+                        populate_games_list
+                      end
+                    end
+
+                    container = stack(fill: true, width: 1.0, padding: 8) do
+                      image_path = File.exist?("#{CACHE_PATH}/#{game.id}.png") ? "#{CACHE_PATH}/#{game.id}.png" : "#{GAME_ROOT_PATH}/media/icons/default_icon.png"
+                      flow(width: 1.0, margin_top: 8) do
+                        flow(fill: true)
+                        image image_path, width: 0.5
+                        flow(fill: true)
+                      end
+
+                      caption game.name, margin_top: 8
+                    end
+
+                    def container.hit_element?(x, y)
+                      return unless hit?(x, y)
+
+                      self
+                    end
+
+                    container.subscribe(:clicked_left_mouse_button) do |element|
+                      populate_game_page(game, game.channels.first)
+                      populate_games_list
+                    end
+
+                    container.subscribe(:enter) do |element|
+                      element.background = 0x88_454545
+                    end
+                  end
+                end
+              end
+            end
+          end
         end
       end
 
@@ -195,10 +417,11 @@ class W3DHub
         return false unless news
 
         news.items[0..15].each do |item|
-          Cache.fetch(uri: item.image, async: false)
+          Cache.fetch(uri: item.image, async: false, backend: :w3dhub)
         end
 
         @game_news[game.id] = news
+        @game_news["#{game.id}_expires"] = Gosu.milliseconds + (60 * 60 * 1000) # 1 hour (in ms)
 
         "game_news_#{game.id}"
       end
@@ -207,31 +430,55 @@ class W3DHub
         return unless @focused_game == game
 
         if (feed = @game_news[game.id])
+          game_color = Gosu::Color.new(game.color)
+          game_color.alpha = 0xaa
+
           @game_news_container.clear do
+            # Patch Notes
+            if false # Patch notes
+              flow(width: 1.0, max_width: 346 * 3 + (8 * 4), height: 346, margin: 8, margin_right: 32, border_thickness: 1, border_color: darken(Gosu::Color.new(game.color))) do
+                background darken(Gosu::Color.new(game.color), 10)
+
+                stack(width: 346, height: 1.0, padding: 8) do
+                  background 0xff_181d22
+
+                  para "Patch Notes"
+
+                  tagline "<b>Patch 2.0 is now out!</b>"
+
+                  para "words go here " * 20
+
+                  flow(fill: true)
+
+                  button "Read More", width: 1.0
+                end
+
+                flow(fill: true)
+
+                title "Eye Candy Banner Goes Here."
+              end
+            end
+
             feed.items.sort_by { |i| i.timestamp }.reverse[0..9].each do |item|
-              flow(width: 0.5, max_width: 312, height: 128, margin: 4) do
+              image_path = Cache.path(item.image)
-                # background 0x88_000000
 
-                path = Cache.path(item.image)
+              flow(width: 1.0, max_width: 869, height: 200, margin: 8, background: game_color, border_thickness: 1, border_color: lighten(Gosu::Color.new(game.color))) do
-
+                if File.file?(image_path)
-                if File.exist?(path)
+                  image image_path, height: 1.0
-                  image path, width: 0.4, padding: 4
-                else
-                  image BLACK_IMAGE, width: 0.4, padding: 4
                 end
 
-                stack(width: 0.6, height: 1.0) do
+                stack(fill: true, height: 1.0, padding: 4, border_thickness_left: 1, border_color_left: lighten(Gosu::Color.new(game.color))) do
-                  stack(width: 1.0, height: 112) do
+                  tagline "<b>#{item.title}</b>", width: 1.0
-                    link "<b>#{item.title}</b>", text_size: 18 do
+                  para item.blurb.gsub(/\n+/, "\n").strip[0..1024], fill: true
-                      Launchy.open(item.uri)
-                    end
-                    inscription item.blurb.gsub(/\n+/, "\n").strip[0..180]
-                  end
 
-                  flow(width: 1.0) do
+                  flow(width: 1.0, height: 36, margin_top: 8) do
-                    inscription item.timestamp.strftime("%Y-%m-%d"), width: 0.5
+                    stack(fill: true, height: 1.0) do
-                    link I18n.t(:"games.read_more"), width: 0.5, text_align: :right, text_size: 14 do
+                      flow(fill: true)
-                      Launchy.open(item.uri)
+                      para "#{item.author} • #{item.timestamp.strftime("%Y-%m-%d")}"
+                    end
+
+                    button I18n.t(:"games.read_more"), width: 1.0, max_width: 128, padding_top: 4, padding_bottom: 4, margin_left: 0, margin_top: 0, margin_bottom: 0, margin_right: 0 do
+                      W3DHub.url(item.uri)
                     end
                   end
                 end
@@ -241,6 +488,43 @@ class W3DHub
         end
       end
 
+      def fetch_game_events(game)
+        lock = Cache.acquire_net_lock("game_events_#{game.id}")
+        return false unless lock
+
+        events = Api.events(game.id)
+        Cache.release_net_lock("game_events_#{game.id}") unless events
+
+        return false unless events
+
+        @game_events[game.id] = events
+
+        "game_events_#{game.id}"
+      end
+
+      def populate_game_events(game)
+        return unless @focused_game == game
+
+        if (events = @game_events[game.id])
+          events = events.select { |e| e.end_time > Time.now.utc }
+
+          @game_events_container.show unless events.empty?
+          @game_events_container.hide if events.empty?
+
+          @game_events_container.clear do
+            events.flatten.each do |event|
+              stack(fill: true, height: 1.0, margin_left: 8, margin_right: 8, border_thickness: 1, border_color: lighten(Gosu::Color.new(game.color))) do
+                background 0x44_000000
+
+                title event.title, width: 1.0, text_align: :center
+                title event.start_time.strftime("%A"), width: 1.0, text_align: :center
+                caption event.start_time.strftime("%B %e, %Y %l:%M %p"), width: 1.0, text_align: :center
+              end
+            end
+          end
+        end
+      end
+
       def populate_game_modifications(application, channel)
         @game_news_container.clear do
           ([
@@ -265,13 +549,13 @@ class W3DHub
 
               stack(width: 0.75, height: 1.0) do
                 stack(width: 1.0, height: 128 - 28) do
-                  link(mod[:name]) { Launchy.open(mod[:url]) }
+                  link(mod[:name]) { W3DHub.url(mod[:url]) }
-                  inscription "Author: #{mod[:author]} | #{mod[:type]} | #{mod[:subtype]}"
+                  para "Author: #{mod[:author]} | #{mod[:type]} | #{mod[:subtype]}"
                   para mod[:description][0..180]
                 end
 
                 flow(width: 1.0, height: 28, padding: 4) do
-                  inscription "Version", width: 0.25, text_align: :center
+                  para "Version", width: 0.25, text_align: :center
                   list_box items: mod[:versions], width: 0.5, enabled: mod[:versions].size > 1, padding_top: 0, padding_bottom: 0
                   button "Install", width: 0.25, padding_top: 0, padding_bottom: 0
                 end

lib/pages/games_redesign.rb

@@ -1,545 +0,0 @@
-class W3DHub
-  class Pages
-    class Games < Page
-      def setup
-        @game_news ||= {}
-        @game_events ||= {}
-
-        @focused_game ||= Store.applications.games.find { |g| g.id == Store.settings[:last_selected_app] }
-        @focused_game ||= Store.applications.games.find { |g| g.id == "ren" }
-        @focused_channel ||= @focused_game.channels.find { |c| c.id == Store.settings[:last_selected_channel] }
-        @focused_channel ||= @focused_game.channels.first
-
-        body.clear do
-          stack(width: 1.0, height: 1.0) do
-            # Games List
-            @games_list_container = flow(width: 1.0, height: 64, scroll: true, border_thickness_bottom: 1, border_color_bottom: W3DHub::BORDER_COLOR, padding_left: 32, padding_right: 32) do
-            end
-
-            # Game Menu
-            @game_page_container = stack(width: 1.0, fill: true, background_image: "#{GAME_ROOT_PATH}/media/textures/noiseb.png", background_image_mode: :tiled) do
-              # , background_image: "C:/Users/cyber/Downloads/vlcsnap-2022-04-24-22h24m15s854.png"
-            end
-          end
-        end
-
-        # return if Store.offline_mode
-
-        populate_game_page(@focused_game, @focused_channel)
-        populate_games_list
-      end
-
-      def populate_games_list
-        @games_list_container.clear do
-          background 0xff_121920
-
-          stack(width: 128, height: 1.0) do
-            flow(fill: true)
-
-            button "All Games" do
-              populate_all_games_view
-            end
-
-            flow(fill: true)
-          end
-
-          has_favorites = Store.settings[:favorites].size.positive?
-
-          Store.applications.games.each do |game|
-            next if has_favorites && !Store.application_manager.favorite?(game.id)
-
-            selected = game == @focused_game
-
-            game_button = stack(width: 64, height: 1.0, border_thickness_bottom: 4,
-                                border_color_bottom: selected ? 0xff_00acff : 0x00_000000,
-                                hover: { background: selected ? game.color : 0xff_444444 },
-                                padding_left: 4, padding_right: 4, tip: game.name) do
-              background game.color if selected
-
-              image_path = File.exist?("#{GAME_ROOT_PATH}/media/icons/#{game.id}.png") ? "#{GAME_ROOT_PATH}/media/icons/#{game.id}.png" : "#{GAME_ROOT_PATH}/media/icons/default_icon.png"
-              image_color = Store.application_manager.installed?(game.id, game.channels.first.id) ? 0xff_ffffff : 0x66_ffffff
-
-              flow(width: 1.0, height: 1.0, margin: 8, background_image: image_path, background_image_color: image_color, background_image_mode: :fill_height) do
-                image "#{GAME_ROOT_PATH}/media/ui_icons/import.png", width: 24, margin_left: -4, margin_top: -6, color: 0xff_ff8800 if Store.application_manager.updateable?(game.id, game.channels.first.id)
-              end
-
-              # inscription game.name, width: 1.0, text_align: :center, text_size: 14
-            end
-
-            def game_button.hit_element?(x, y)
-              self if hit?(x, y)
-            end
-
-            game_button.subscribe(:clicked_left_mouse_button) do
-              populate_game_page(game, game.channels.first)
-              populate_games_list
-            end
-          end
-        end
-      end
-
-      def populate_game_page(game, channel)
-        @focused_game = game
-        @focused_channel = channel
-
-        Store.settings[:last_selected_app] = game.id
-        Store.settings[:last_selected_channel] = channel.id
-
-        @game_page_container.clear do
-          background game.color
-          @game_page_container.style.background_image_color = game.color
-          @game_page_container.style.default[:background_image_color] = game.color
-          @game_page_container.update_background_image
-
-          # Game Stuff
-          flow(width: 1.0, fill: true) do
-            # background 0xff_9999ff
-
-            # Game options
-            stack(width: 360, height: 1.0, padding: 8, scroll: true, border_thickness_right: 1, border_color_right: W3DHub::BORDER_COLOR) do
-              background 0x55_000000
-
-              # Game Banner
-              image_path = "#{GAME_ROOT_PATH}/media/banners/#{game.id}.png"
-
-              if File.exist?(image_path)
-                image image_path, width: 1.0
-              else
-                banner game.name unless File.exist?(image_path)
-              end
-
-              stack(width: 1.0, fill: true, scroll: true, margin_top: 32) do
-                if Store.application_manager.installed?(game.id, channel.id)
-                  Hash.new.tap { |hash|
-                    # hash[I18n.t(:"games.game_settings")] = { icon: "gear", block: proc { Store.application_manager.settings(game.id, channel.id) } }
-                    # hash[I18n.t(:"games.wine_configuration")] = { icon: "gear", block: proc { Store.application_manager.wine_configuration(game.id, channel.id) } } if W3DHub.unix?
-                    # hash[I18n.t(:"games.game_modifications")] = { icon: "gear", enabled: true, block: proc { populate_game_modifications(game, channel) } }
-                    # if game.id != "ren"
-                    #   hash[I18n.t(:"games.repair_installation")] = { icon: "wrench", block: proc { Store.application_manager.repair(game.id, channel.id) } }
-                    #   hash[I18n.t(:"games.uninstall_game")] = { icon: "trashCan", block: proc { Store.application_manager.uninstall(game.id, channel.id) } }
-                    # end
-                    hash[I18n.t(:"games.install_folder")] = { icon: nil, block: proc { Store.application_manager.show_folder(game.id, channel.id, :installation) } }
-                    hash[I18n.t(:"games.user_data_folder")] = { icon: nil, block: proc { Store.application_manager.show_folder(game.id, channel.id, :user_data) } }
-                    hash[I18n.t(:"games.view_screenshots")] = { icon: nil, block: proc { Store.application_manager.show_folder(game.id, channel.id, :screenshots) } }
-                  }.each do |key, hash|
-                    flow(width: 1.0, height: 22, margin_bottom: 8) do
-                      image "#{GAME_ROOT_PATH}/media/ui_icons/#{hash[:icon]}.png", width: 24 if hash[:icon]
-                      image EMPTY_IMAGE, width: 24 unless hash[:icon]
-                      link key, text_size: 18, enabled: hash.key?(:enabled) ? hash[:enabled] : true do
-                        hash[:block]&.call
-                      end
-                    end
-                  end
-                end
-
-                game.web_links.each do |item|
-                  flow(width: 1.0, height: 22, margin_bottom: 8) do
-                    image "#{GAME_ROOT_PATH}/media/ui_icons/share1.png", width: 24
-                    link item.name, text_size: 18 do
-                      Launchy.open(item.uri)
-                    end
-                  end
-                end
-              end
-
-              if game.channels.count > 1
-                # Release channel
-
-                inscription I18n.t(:"games.game_version"), width: 1.0, text_align: :center
-
-                flow(width: 1.0, height: 48) do
-                  # background 0xff_444411
-                  list_box(width: 1.0, items: game.channels.map(&:name), choose: channel.name, enabled: game.channels.count > 1) do |value|
-                    populate_game_page(game, game.channels.find { |c| c.name == value })
-                  end
-                end
-              end
-
-              # Play buttons
-              flow(width: 1.0, height: 48, padding_top: 6, margin_bottom: 16) do
-                # background 0xff_551100
-
-                if Store.application_manager.installed?(game.id, channel.id)
-                  if Store.application_manager.updateable?(game.id, channel.id)
-                    button "<b>#{I18n.t(:"interface.install_update")}</b>", fill: true, text_size: 32, **UPDATE_BUTTON do
-                      Store.application_manager.update(game.id, channel.id)
-                    end
-                  else
-                    play_now_server = Store.application_manager.play_now_server(game.id, channel.id)
-                    play_now_button = button "<b>#{I18n.t(:"interface.play")}</b>", fill: true, text_size: 32, enabled: !play_now_server.nil? do
-                      Store.application_manager.play_now(game.id, channel.id)
-                    end
-
-                    play_now_button.subscribe(:enter) do |btn|
-                      server = Store.application_manager.play_now_server(game.id, channel.id)
-                      btn.enabled = !server.nil?
-                      btn.instance_variable_set(:"@tip", server ? "#{server.status.name} [#{server.status.player_count}/#{server.status.max_players}]" : "")
-                    end
-                  end
-
-                  button get_image("#{GAME_ROOT_PATH}/media/ui_icons/singleplayer.png"), tip: I18n.t(:"interface.single_player"), image_height: 32, margin_left: 0 do
-                    Store.application_manager.run(game.id, channel.id)
-                  end
-
-                  button get_image("#{GAME_ROOT_PATH}/media/ui_icons/gear.png"), tip: I18n.t(:"games.game_options"), image_height: 32, margin_left: 0 do |btn|
-                    items = []
-
-                    items << { label: I18n.t(:"games.game_settings"), block: proc { Store.application_manager.wwconfig(game.id, channel.id) } }
-                    # items << { label: I18n.t(:"games.game_settings"), block: proc { Store.application_manager.settings(game.id, channel.id) } }
-                    items << { label: I18n.t(:"games.wine_configuration"), block: proc { Store.application_manager.wine_configuration(game.id, channel.id) } } if W3DHub.unix?
-                    items << { label: I18n.t(:"games.game_modifications"), block: proc { populate_game_modifications(game, channel) } } unless Store.offline_mode
-                    if game.id != "ren"
-                      items << { label: I18n.t(:"games.repair_installation"), block: proc { Store.application_manager.repair(game.id, channel.id) } } unless Store.offline_mode
-                      items << { label: I18n.t(:"games.uninstall_game"), block: proc { Store.application_manager.uninstall(game.id, channel.id) } } unless Store.offline_mode
-                    end
-
-                    # From gui_state_ext.rb
-                    # TODO: Implement in engine proper
-                    menu(btn, items: items)
-                  end
-
-                else
-                  installing = Store.application_manager.task?(:installer, game.id, channel.id)
-
-                  unless game.id == "ren"
-                    button "<b>#{I18n.t(:"interface.install")}</b>", fill: true, margin_right: 8, text_size: 32, enabled: !installing do |button|
-                      button.enabled = false
-                      @import_button.enabled = false
-                      Store.application_manager.install(game.id, channel.id)
-                    end
-                  end
-
-                  @import_button = button "<b>#{I18n.t(:"interface.import")}</b>", fill: true, margin_left: 8, text_size: 32, enabled: !installing do
-                    Store.application_manager.import(game.id, channel.id)
-                  end
-                end
-              end
-            end
-
-            stack(fill: true, height: 1.0) do
-              # Game Description
-              if false # description
-                # Height should match Game Banner container height
-                stack(width: 1.0, padding: 16) do
-                  title "About #{game.name}", border_bottom_color: 0xff_666666, border_bottom_thickness: 1, width: 1.0
-                  para "Command & Conquer: Tiberian Sun is a 1999 real-time stretegy video game by Westwood Studios, published by Electronic Arts, releaseed exclusively for Microsoft Windows on August 27th, 1999. The game is the sequel to the 1995 game Command & Conquer. It featured new semi-3D graphics, a more futuristic sci-fi setting, and new gameplay features such as vehicles capable of hovering and burrowing.", width: 1.0, text_size: 20
-                end
-              end
-
-              # Game Events
-              @game_events_container = flow(width: 1.0, height: 128, padding: 8, visible: false) do
-              end
-
-              # Game News
-              @game_news_container = flow(width: 1.0, fill: true, padding: 8, scroll: true) do
-                # background 0xff_005500
-              end
-            end
-          end
-        end
-
-        return if Store.offline_mode
-
-        unless Cache.net_lock?("game_news_#{game.id}")
-          if @game_events[game.id]
-            populate_game_events(game)
-          else
-            BackgroundWorker.foreground_job(
-              -> { fetch_game_events(game) },
-              lambda do |result|
-                if result
-                  populate_game_events(game)
-                  Cache.release_net_lock(result)
-                end
-              end
-            )
-          end
-        end
-
-        unless Cache.net_lock?("game_events_#{game.id}")
-          if @game_news[game.id]
-            populate_game_news(game)
-          else
-            @game_news_container.clear do
-              title I18n.t(:"games.fetching_news"), padding: 8
-            end
-
-            BackgroundWorker.foreground_job(
-              -> { fetch_game_news(game) },
-              lambda do |result|
-                if result
-                  populate_game_news(game)
-                  Cache.release_net_lock(result)
-                end
-              end
-            )
-          end
-        end
-      end
-
-      def populate_all_games_view
-        @game_page_container.clear do
-          background 0x88_353535
-          @game_page_container.style.background_image_color = 0x88_353535
-          @game_page_container.style.default[:background_image_color] = 0x88_353535
-          @game_page_container.update_background_image
-
-          @focused_game = nil
-          @focused_channel = nil
-
-          populate_games_list
-
-          flow(width: 1.0, height: 1.0) do
-            games_view_container = nil
-            # Options
-            stack(width: 360, height: 1.0, padding: 8, scroll: true, border_thickness_right: 1, border_color_right: W3DHub::BORDER_COLOR) do
-              background 0x55_000000
-
-              flow(width: 1.0, height: 48) do
-                button "All Games", width: 280 do
-                  # games_view_container.clear
-                end
-                tagline Store.applications.games.count.to_s, fill: true, text_align: :right
-              end
-
-              flow(width: 1.0, height: 48, margin_top: 8) do
-                button "Installed", enabled: false, width: 280
-                tagline "0", fill: true, text_align: :right
-              end
-
-              flow(width: 1.0, height: 48, margin_top: 8) do
-                button "Favorites", enabled: false, width: 280
-                tagline Store.settings[:favorites].count, fill: true, text_align: :right
-              end
-            end
-
-            # Games list
-            games_view_container = stack(fill: true, height: 1.0, padding: 8, margin: 8) do
-              title "All Games"
-
-              flow(width: 1.0, fill: true, scroll: true) do
-                Store.applications.games.each do |game|
-                  stack(width: 166, height: 224, margin: 8, background: 0x88_151515, border_color: game.color, border_thickness: 1) do
-                    flow(width: 1.0, height: 24, padding: 8) do
-                      para "Favorite", fill: true
-                      toggle_button checked: Store.application_manager.favorite?(game.id), text_size: 18, padding_top: 3, padding_right: 3, padding_bottom: 3, padding_left: 3 do |btn|
-                        Store.application_manager.favorive(game.id, btn.value)
-                        Store.settings.save_settings
-
-                        populate_games_list
-                      end
-                    end
-
-                    container = stack(fill: true, width: 1.0, padding: 8) do
-                      image_path = File.exist?("#{GAME_ROOT_PATH}/media/icons/#{game.id}.png") ? "#{GAME_ROOT_PATH}/media/icons/#{game.id}.png" : "#{GAME_ROOT_PATH}/media/icons/default_icon.png"
-                      flow(width: 1.0, margin_top: 8) do
-                        flow(fill: true)
-                        image image_path, width: 0.5
-                        flow(fill: true)
-                      end
-
-                      caption game.name, margin_top: 8
-                    end
-
-                    def container.hit_element?(x, y)
-                      return unless hit?(x, y)
-
-                      self
-                    end
-
-                    container.subscribe(:clicked_left_mouse_button) do |element|
-                      populate_game_page(game, game.channels.first)
-                      populate_games_list
-                    end
-
-                    container.subscribe(:enter) do |element|
-                      element.background = 0x88_454545
-                    end
-                  end
-                end
-              end
-            end
-          end
-        end
-      end
-
-      def fetch_game_news(game)
-        lock = Cache.acquire_net_lock("game_news_#{game.id}")
-        return false unless lock
-
-        news = Api.news(game.id)
-        Cache.release_net_lock("game_news_#{game.id}") unless news
-
-        return false unless news
-
-        news.items[0..15].each do |item|
-          Cache.fetch(uri: item.image, async: false)
-        end
-
-        @game_news[game.id] = news
-
-        "game_news_#{game.id}"
-      end
-
-      def populate_game_news(game)
-        return unless @focused_game == game
-
-        if (feed = @game_news[game.id])
-          @game_news_container.clear do
-            # Patch Notes
-            if false # Patch notes
-              flow(width: 1.0, max_width: 346 * 3 + (8 * 4), height: 346, margin: 8, margin_right: 32, border_thickness: 1, border_color: darken(Gosu::Color.new(game.color))) do
-                background darken(Gosu::Color.new(game.color), 10)
-
-                stack(width: 346, height: 1.0, padding: 8) do
-                  background 0xff_181d22
-
-                  para "Patch Notes"
-
-                  tagline "<b>Patch 2.0 is now out!</b>"
-
-                  para "words go here " * 20
-
-                  flow(fill: true)
-
-                  button "Read More", width: 1.0
-                end
-
-                flow(fill: true)
-
-                title "Eye Candy Banner Goes Here."
-              end
-            end
-
-            feed.items.sort_by { |i| i.timestamp }.reverse[0..9].each do |item|
-              image_path = Cache.path(item.image)
-              news_blurb_container = nil
-              news_title_container = nil
-
-              news_container = stack(width: 300, height: 300, margin: 8, background_image: image_path, border_thickness: 1, border_color: lighten(Gosu::Color.new(game.color))) do
-                background 0x88_000000
-
-                # Detailed view
-                news_blurb_container = stack(width: 1.0, height: 1.0, background: 0xaa_000000, padding: 4) do
-                  tagline "<b>#{item.title}</b>", width: 1.0
-                  inscription "#{item.author} • #{item.timestamp.strftime("%Y-%m-%d")}"
-                  inscription item.blurb.gsub(/\n+/, "\n").strip[0..1024], fill: true
-
-                  button I18n.t(:"games.read_more"), width: 1.0, margin_top: 8, margin_bottom: 0, padding_top: 4, padding_bottom: 4 do
-                    Launchy.open(item.uri)
-                  end
-                end
-
-                # Just title
-                news_title_container = stack(width: 1.0, height: 1.0) do
-                  flow(fill: true)
-
-                  tagline "<b>#{item.title}</b>", width: 1.0, background: 0xaa_000000, padding: 4
-                end
-              end
-
-              news_blurb_container.hide
-
-              def news_container.hit_element?(x, y)
-                return unless hit?(x, y)
-
-                if @children.first.visible? && (btn = @children.first.children.find { |child| child.visible? && child.is_a?(CyberarmEngine::Element::Button) && child.hit?(x, y) })
-                  btn
-                else
-                  self
-                end
-              end
-
-              news_container.subscribe(:enter) do
-                news_title_container.hide
-                news_blurb_container.show
-              end
-
-              news_container.subscribe(:leave) do
-                unless news_container.hit?(window.mouse_x, window.mouse_y)
-                  news_title_container.show
-                  news_blurb_container.hide
-                end
-              end
-            end
-          end
-        end
-      end
-
-      def fetch_game_events(game)
-        lock = Cache.acquire_net_lock("game_events_#{game.id}")
-        return false unless lock
-
-        events = Api.events(game.id)
-        Cache.release_net_lock("game_events_#{game.id}") unless events
-
-        return false unless events
-
-        @game_events[game.id] = events
-
-        "game_events_#{game.id}"
-      end
-
-      def populate_game_events(game)
-        return unless @focused_game == game
-
-        if (events = @game_events[game.id])
-          @game_events_container.show unless events.empty?
-          @game_events_container.hide if events.empty?
-
-          @game_events_container.clear do
-            events.flatten.each do |event|
-              stack(width: 300, height: 1.0, margin_left: 8, margin_right: 8, border_thickness: 1, border_color: lighten(Gosu::Color.new(game.color))) do
-                background 0xaa_222222
-
-                title event.title, width: 1.0, text_align: :center
-                tagline event.start_time.strftime("%A"), text_size: 36, width: 1.0, text_align: :center
-                caption event.start_time.strftime("%B %e, %Y %l:%M %p"), width: 1.0, text_align: :center
-              end
-            end
-          end
-        end
-      end
-
-      def populate_game_modifications(application, channel)
-        @game_news_container.clear do
-          ([
-            {
-              id: "4E4CB0548029FF234E289B4B8B3E357A",
-              name: "HD Purchase Terminal Icons",
-              author: "username",
-              description: "Replaces them blurry low res icons with juicy hi-res ones.",
-              icon: nil,
-              type: "Textures",
-              subtype: "Purchase Terminal",
-              multiplayer_approved: true,
-              games: ["ren", "ia"],
-              versions: ["0.0.1", "0.0.2", "0.1.0"],
-              url: "https://w3dhub.com/mods/username/hd_purchase_terminal_icons"
-            }
-          ] * 10).flatten.each do |mod|
-            flow(width: 1.0, height: 128, margin: 4, border_bottom_thickness: 1, border_bottom_color: 0xff_ffffff) do
-              stack(width: 128, height: 128, padding: 4) do
-                image BLACK_IMAGE, height: 1.0
-              end
-
-              stack(width: 0.75, height: 1.0) do
-                stack(width: 1.0, height: 128 - 28) do
-                  link(mod[:name]) { Launchy.open(mod[:url]) }
-                  inscription "Author: #{mod[:author]} | #{mod[:type]} | #{mod[:subtype]}"
-                  para mod[:description][0..180]
-                end
-
-                flow(width: 1.0, height: 28, padding: 4) do
-                  inscription "Version", width: 0.25, text_align: :center
-                  list_box items: mod[:versions], width: 0.5, enabled: mod[:versions].size > 1, padding_top: 0, padding_bottom: 0
-                  button "Install", width: 0.25, padding_top: 0, padding_bottom: 0
-                end
-              end
-            end
-          end
-        end
-      end
-    end
-  end
-end

lib/pages/login.rb

@@ -4,11 +4,9 @@ class W3DHub
       def setup
         body.clear do
           flow(width: 1.0, height: 1.0, padding: 32) do
-            background 0xff_252535
+            background 0xaa_25253f
 
-            stack(width: 0.28)
+            stack(width: 610, height: 380, v_align: :center, h_align: :center) do
-
-            stack(width: 0.48) do
               flow(width: 1.0) do
                 stack(width: 0.4)
                 image "#{GAME_ROOT_PATH}/media/icons/w3dhub.png", width: 0.20
@@ -20,14 +18,14 @@ class W3DHub
                 @username = edit_line "", width: 0.75, autofocus: true, focus: true
               end
 
-              flow(width: 1.0) do
+              flow(width: 1.0, margin_top: 8) do
                 tagline "Password", width: 0.25, text_align: :right
                 @password = edit_line "", width: 0.75, type: :password
               end
 
               flow(width: 1.0) do
                 tagline "", width: 0.25
-                button "Log In" do |btn|
+                @action_button = button "Log In" do |btn|
                   @username.enabled = false
                   @password.enabled = false
                   btn.enabled = false
@@ -46,8 +44,10 @@ class W3DHub
                         Store.settings[:account][:data] = account
                         Store.settings.save_settings
 
-                        Cache.fetch(uri: account.avatar_uri, force_fetch: true, async: false) if account
+                        if account
-                        applications = Api.applications if account
+                          Cache.fetch(uri: account.avatar_uri, force_fetch: true, async: false, backend: :w3dhub)
+                          applications = Api._applications
+                        end
                       end
 
                       [account, applications]
@@ -81,7 +81,7 @@ class W3DHub
 
         if Store.account
           BackgroundWorker.foreground_job(
-            -> { Cache.fetch(uri: Store.account.avatar_uri, async: false) },
+            -> { Cache.fetch(uri: Store.account.avatar_uri, async: false, backend: :w3dhub) },
             ->(result) {
               populate_account_info
               page(W3DHub::Pages::Games)
@@ -90,22 +90,60 @@ class W3DHub
         end
       end
 
-      def populate_account_info
+      def button_down(id)
-        @host.instance_variable_get(:"@account_container").clear do
+        case id
-          stack(width: 0.7, height: 1.0) do
+        when Gosu::KB_TAB
-            tagline "<b>#{Store.account.username}</b>"
+          if @username.focused?
+            window.current_state.request_focus(@password)
+          else
+            window.current_state.request_focus(@username)
+          end
+        when Gosu::KB_ENTER, Gosu::KB_RETURN
+          @action_button.enabled? && @action_button.clicked_left_mouse_button(@action_button, 0, 0)
+        end
+      end
 
-            flow(width: 1.0) do
+      def populate_account_info
-              link(I18n.t(:"interface.log_out"), text_size: 16, width: 0.5) { depopulate_account_info }
+        return if Store.offline_mode
-              link I18n.t(:"interface.profile"), text_size: 16, width: 0.49 do
+
-                Launchy.open("https://secure.w3dhub.com/forum/index.php?showuser=#{Store.account.id}")
+        @host.instance_variable_get(:"@account_container").clear do
-              end
+          flow(fill: true, height: 1.0) do
+            avatar_image = begin
+              get_image(Cache.path(Store.account.avatar_uri))
+            rescue
+              get_image("#{GAME_ROOT_PATH}/media/icons/default_icon.png")
             end
+            mask_image = get_image("#{GAME_ROOT_PATH}/media/textures/circle_mask.png")
+
+            composite_image = Gosu.render(256, 256) do
+              scale = 1.0
+
+              if avatar_image.width > avatar_image.height
+                # avatar image is wider than tall, use `height` for scaling to ensure we fill the canvas
+                scale = 256.0 / avatar_image.height
+              elsif avatar_image.width < avatar_image.height
+                # avatar image is taller than wide, use `width` for scaling to ensure we fill the canvas
+                scale = 256.0 / avatar_image.width
+              else
+                # avatar image is square, use width for scale to ensure we fit to the canvas
+                scale = 256.0 / avatar_image.width
+              end
+
+              # Position image center in middle of composite
+              avatar_image.draw_rot(128, 128, 0, 0, 0.5, 0.5, scale, scale)
+              # Render mask image with mode :multiply so we get a clean circle cutout of the scaled avatar image
+              mask_image.draw(0, 0, 1, 1, 1, 0xff_ffffff, :multiply)
+            end
+
+            image composite_image, width: 1.0
           end
 
-          flow(fill: true, height: 1.0) do
+          stack(width: 0.7, height: 1.0, margin_left: 8) do
-            flow(fill: true) # Fill empty space to push image over to container edge
+            link Store.account.username, text_size: 24, font: BOLD_FONT, tip: I18n.t(:"interface.profile"), margin_top: 16, width: 1.0, text_wrap: :none do
-            image Cache.path(Store.account.avatar_uri), height: 1.0
+              W3DHub.url("https://secure.w3dhub.com/forum/index.php?showuser=#{Store.account.id}")
+            end
+
+            link(I18n.t(:"interface.log_out"), text_size: 22) { depopulate_account_info }
           end
         end
       end
@@ -116,7 +154,7 @@ class W3DHub
         Store.account = nil
 
         BackgroundWorker.foreground_job(
-          -> { Api.applications },
+          -> { Api._applications },
           lambda do |applications|
             if applications
               Store.applications = applications
@@ -129,9 +167,9 @@ class W3DHub
                 tagline "<b>#{I18n.t(:"interface.not_logged_in")}</b>", text_wrap: :none
 
                 flow(width: 1.0) do
-                  link(I18n.t(:"interface.log_in"), text_size: 16, width: 0.5) { page(W3DHub::Pages::Login) }
+                  link(I18n.t(:"interface.log_in"), text_size: 22, width: 0.5) { page(W3DHub::Pages::Login) }
-                  link I18n.t(:"interface.register"), text_size: 16, width: 0.49 do
+                  link I18n.t(:"interface.register"), text_size: 22, width: 0.49 do
-                    Launchy.open("https://secure.w3dhub.com/forum/index.php?app=core&module=global&section=register")
+                    W3DHub.url("https://secure.w3dhub.com/forum/index.php?app=core&module=global&section=register")
                   end
                 end
               end

lib/pages/server_browser.rb

@@ -8,7 +8,7 @@ class W3DHub
 
         @selected_server ||= nil
         @selected_server_container ||= nil
-        @selected_color = 0xff_666655
+        @selected_color = 0xaa_666655
 
         @filters = Store.settings[:server_list_filters] || {}
         @filter_region = Store.settings[:server_list_region] || "Any" # "Any", "North America", "Europe"
@@ -20,14 +20,16 @@ class W3DHub
 
         body.clear do
           stack(width: 1.0, height: 1.0, padding: 8) do
-            stack(width: 1.0, height: 18) do
+            background 0xaa_252525
-              inscription "<b>#{I18n.t(:"server_browser.filters")}</b>"
+
+            stack(width: 1.0, height: 22) do
+              para "<b>#{I18n.t(:"server_browser.filters")}</b>", font: BOLD_FONT
             end
 
-            flow(width: 1.0, height: 32) do
+            flow(width: 1.0, height: 36) do
               flow(width: 128, height: 1.0) do
                 # para I18n.t(:"server_browser.region"), width: 0.5
-                list_box items: ["Any", "North America", "Europe"], choose: Store.settings[:server_list_region], width: 1.0, height: 1.0, padding_top: 4, padding_bottom: 4 do |value|
+                list_box items: ["Any", "North America", "Europe", "Asia"], choose: Store.settings[:server_list_region], width: 1.0, height: 1.0, padding_top: 4, padding_bottom: 4 do |value|
                   @filter_region = value
                   Store.settings[:server_list_region] = @filter_region
                   Store.settings.save_settings
@@ -41,7 +43,7 @@ class W3DHub
                   app = Store.applications.games.find { |a| a.id == app_id.to_s }
                   next unless app
 
-                  image_path = File.exist?("#{GAME_ROOT_PATH}/media/icons/#{app_id}.png") ? "#{GAME_ROOT_PATH}/media/icons/#{app_id}.png" : "#{GAME_ROOT_PATH}/media/icons/default_icon.png"
+                  image_path = File.exist?("#{CACHE_PATH}/#{app.id}.png") ? "#{CACHE_PATH}/#{app.id}.png" : "#{GAME_ROOT_PATH}/media/icons/default_icon.png"
 
                   image image_path, tip: "#{app.name}", height: 1.0,
                         border_thickness_bottom: 1, border_color_bottom: 0x00_000000,
@@ -61,26 +63,20 @@ class W3DHub
                     populate_server_list
                   end
                 end
-
-                # button get_image("#{GAME_ROOT_PATH}/media/ui_icons/return.png"), tip: I18n.t(:"server_browser.refresh"), image_height: 1.0, margin_left: 16, padding_left: 2, padding_right: 2, padding_top: 2, padding_bottom: 2 do
-                #   fetch_server_list
-                # end
-
-                flow(fill: true)
-
-                button "Direct Connect", height: 1.0, padding_top: 4, padding_bottom: 4, enabled: W3DHUB_DEBUG && W3DHUB_DEVELOPER, tip: "Directly connect to a game server (under development)" do
-                  push_state(W3DHub::States::DirectConnectDialog)
-                end
               end
 
               flow(min_width: 372, width: 0.38, max_width: 512, height: 1.0) do |container|
+                button "Direct Connect", height: 1.0, padding_top: 4, padding_bottom: 4 do
+                  push_state(W3DHub::States::DirectConnectDialog)
+                end
+
                 flow(fill: true)
 
-                inscription "#{I18n.t(:"server_browser.nickname")}:"
+                para "#{I18n.t(:"server_browser.nickname")}:"
-                @nickname_label = inscription "#{Store.settings[:server_list_username]}"
+                @nickname_label = para "#{Store.settings[:server_list_username]}"
                 image "#{GAME_ROOT_PATH}/media/ui_icons/wrench.png", height: 16, hover: { color: 0xaa_ffffff }, tip: I18n.t(:"server_browser.set_nickname") do
                   # Prompt for player name
-                  prompt_for_nickname(
+                  W3DHub.prompt_for_nickname(
                     accept_callback: proc do |entry|
                       @nickname_label.value = entry
                       Store.settings[:server_list_username] = entry
@@ -103,23 +99,23 @@ class W3DHub
                 # Players
                 # Ping
                 flow(width: 1.0, height: 24) do
-                  stack(width: 48, padding: 4) do
+                  stack(width: 56, padding: 4) do
                   end
 
                   stack(width: 0.45, height: 1.0) do
-                    para "<b>#{I18n.t(:"server_browser.hostname")}</b>", text_wrap: :none, width: 1.0
+                    para "<b>#{I18n.t(:"server_browser.hostname")}</b>", text_wrap: :none, width: 1.0, font: BOLD_FONT
                   end
 
                   flow(fill: true, height: 1.0) do
-                    para "<b>#{I18n.t(:"server_browser.current_map")}</b>", text_wrap: :none, width: 1.0
+                    para "<b>#{I18n.t(:"server_browser.current_map")}</b>", text_wrap: :none, width: 1.0, font: BOLD_FONT
                   end
 
                   flow(width: 0.11, height: 1.0) do
-                    para "<b>#{I18n.t(:"server_browser.players")}</b>", text_wrap: :none, width: 1.0
+                    para "<b>#{I18n.t(:"server_browser.players")}</b>", text_wrap: :none, width: 1.0, font: BOLD_FONT
                   end
 
-                  stack(width: 48) do
+                  stack(width: 56) do
-                    para "<b>#{I18n.t(:"server_browser.ping")}</b>", text_wrap: :none, width: 1.0
+                    para "<b>#{I18n.t(:"server_browser.ping")}</b>", text_wrap: :none, width: 1.0, font: BOLD_FONT
                   end
                 end
 
@@ -200,11 +196,11 @@ class W3DHub
 
       def ping_icon(server)
         case server.ping
-        when 0..160
+        when 0..150
           @ping_icons[:good]
-        when 161..250
+        when 151..200
           @ping_icons[:fair]
-        when 251..1_000
+        when 201..1_000
           @ping_icons[:poor]
         when 1_001..5_000
           @ping_icons[:bad]
@@ -214,7 +210,7 @@ class W3DHub
       end
 
       def ping_tip(server)
-        server.ping.negative? ? "Ping failed" : "Ping #{server.ping}ms"
+        server.ping == W3DHub::Api::ServerListServer::NO_OR_BAD_PING ? "Ping failed" : "Ping #{server.ping}ms"
       end
 
       def find_element_by_tag(container, tag, list = [])
@@ -229,12 +225,28 @@ class W3DHub
         return list.first
       end
 
-      def refresh_server_list(server)
+      def refresh_server_list(server, mode = :update) # :remove, :refresh_all
+        if mode == :refresh_all
+          populate_server_list
+          return
+        end
+
         @refresh_server_list = Gosu.milliseconds + 3_000
         @refresh_server = server if @selected_server&.id == server.id
 
         server_container = find_element_by_tag(@server_list_container, server.id)
 
+        case mode
+        when :update
+          if server.status && !server_container
+            @server_list_container.append do
+              create_server_container(server)
+            end
+          end
+        when :remove
+          @server_list_container.remove(server_container) if server_container
+          return
+        end
         return unless server_container
 
         game_icon      = find_element_by_tag(server_container, :game_icon)
@@ -245,13 +257,14 @@ class W3DHub
         player_count   = find_element_by_tag(server_container, :player_count)
         server_ping    = find_element_by_tag(server_container, :ping)
 
-        server_name.value = "<b>#{server&.status&.name}</b>"
+        game_icon&.value = game_icon(server)
-        server_channel.value = server.channel
+        server_name&.value = "<b>#{server&.status&.name}</b>"
-        server_region.value = server.region
+        server_channel&.value = Store.application_manager.channel_name(server.game, server.channel).to_s
-        server_map.value = server&.status&.map
+        server_region&.value = server.region
-        player_count.value = "#{server&.status&.player_count}/#{server&.status&.max_players}"
+        server_map&.value = server&.status&.map
-        server_ping.value = ping_icon(server)
+        player_count&.value = "#{server&.status&.player_count}/#{server&.status&.max_players}"
-        server_ping.parent.parent.tip = ping_tip(server)
+        server_ping&.value = ping_icon(server)
+        server_ping&.parent.parent.tip = ping_tip(server)
       end
 
       def update_server_ping(server)
@@ -268,10 +281,6 @@ class W3DHub
       end
 
       def stylize_selected_server(server_container)
-        server_container.style.server_item_background = server_container.style.default[:background]
-        server_container.style.server_item_hover_background = server_container.style.hover[:background]
-        server_container.style.server_item_active_background = server_container.style.active[:background]
-
         server_container.style.background = @selected_color
 
         server_container.style.default[:background] = @selected_color
@@ -283,103 +292,105 @@ class W3DHub
         @server_list_container.children.sort_by! do |child|
           s = Store.server_list.find { |s| s.id == child.style.tag }
 
-          [s&.status&.player_count, s&.id]
+          [s.status.player_count, -s.ping]
         end.reverse!.each_with_index do |child, i|
-          child.style.background = 0xff_333333 if i.even?
+          next if @selected_server_container && child == @selected_server_container
-          child.style.background = 0 if i.odd?
+
+          child.style.hover[:background] = 0xaa_555566
+          child.style.hover[:active] = 0xaa_555588
+
+          child.style.default[:background] = 0xaa_333333 if i.even?
+          child.style.default[:background] = 0x00_000000 if i.odd?
         end
 
         @server_list_container.recalculate
       end
 
       def populate_server_list
-        Store.server_list = Store.server_list.sort_by! { |s| [s&.status&.player_count, s&.id] }.reverse if Store.server_list
+        Store.server_list = Store.server_list.sort_by! { |s| [s.status.player_count, s.id] }.reverse
 
         @server_list_container.clear do
-          i = -1
-
           Store.server_list.each do |server|
-            next unless @filters[server.game.to_sym]
+            create_server_container(server)
-            next unless server.region == @filter_region || @filter_region == "Any"
-            # next unless server.channel == "release"
-
-            i += 1
-
-            server_container = flow(width: 1.0, height: 48, hover: { background: 0xff_555566 }, active: { background: 0xff_555588 }, tag: server.id, tip: ping_tip(server)) do
-              background 0xff_333333 if i.even?
-
-              flow(width: 48, height: 1.0, padding: 4) do
-                image game_icon(server), height: 1.0, tag: :game_icon
-              end
-
-              stack(width: 0.45, height: 1.0) do
-                inscription "<b>#{server&.status&.name}</b>", tag: :server_name
-
-                flow(width: 1.0, height: 1.0) do
-                  inscription server.channel, margin_right: 64, text_size: 14, tag: :server_channel
-                  inscription server.region, text_size: 14, tag: :server_region
-                end
-              end
-
-              flow(fill: true, height: 1.0) do
-                inscription "#{server&.status&.map}", tag: :server_map
-              end
-
-              flow(width: 0.11, height: 1.0) do
-                inscription "#{server&.status&.player_count}/#{server&.status&.max_players}", tag: :player_count
-              end
-
-              flow(width: 48, height: 1.0, padding: 4) do
-                image ping_icon(server), height: 1.0, tag: :ping
-              end
-            end
-
-            def server_container.hit_element?(x, y)
-              self if hit?(x, y)
-            end
-
-            server_container.subscribe(:clicked_left_mouse_button) do
-              if @selected_server_container
-                @selected_server_container.style.background = @selected_server_container.style.server_item_background
-                @selected_server_container.style.default[:background] = @selected_server_container.style.server_item_background
-                @selected_server_container.style.hover[:background] = @selected_server_container.style.server_item_hover_background
-                @selected_server_container.style.active[:background] = @selected_server_container.style.server_item_active_background
-              end
-
-              stylize_selected_server(server_container)
-
-              @selected_server_container = server_container
-
-              @selected_server = server
-
-              BackgroundWorker.foreground_job(
-                -> { fetch_server_details(server) },
-                ->(result) { populate_server_info(server) if server == @selected_server }
-              )
-            end
-
-            stylize_selected_server(server_container) if server.id == @selected_server&.id
           end
         end
+
+        reorder_server_list
+      end
+
+      def create_server_container(server)
+        return unless @filters[server.game.to_sym]
+        return unless server.status
+        return unless server.region == @filter_region || @filter_region == "Any"
+        return unless Store.application_manager.channel_name(server.game, server.channel) # can user access required game and channel for this server?
+
+        server_container = flow(width: 1.0, height: 56, hover: { background: 0xaa_555566 }, active: { background: 0xaa_555588 }, tag: server.id, tip: ping_tip(server)) do
+          flow(width: 56, height: 1.0, padding: 4) do
+            image game_icon(server), height: 1.0, tag: :game_icon
+          end
+
+          stack(width: 0.45, height: 1.0) do
+            para server&.status&.name, tag: :server_name, font: BOLD_FONT, text_wrap: :none
+
+            flow(width: 1.0, height: 1.0) do
+              para Store.application_manager.channel_name(server.game, server.channel).to_s, width: 172, margin_right: 8, tag: :server_channel
+              para server.region, tag: :server_region
+            end
+          end
+
+          flow(fill: true, height: 1.0) do
+            para "#{server&.status&.map}", tag: :server_map
+          end
+
+          flow(width: 0.11, height: 1.0) do
+            para "#{server&.status&.player_count}/#{server&.status&.max_players}", tag: :player_count
+          end
+
+          flow(width: 56, height: 1.0, padding: 4) do
+            image ping_icon(server), height: 1.0, tag: :ping
+          end
+        end
+
+        def server_container.hit_element?(x, y)
+          self if hit?(x, y)
+        end
+
+        server_container.subscribe(:clicked_left_mouse_button) do
+          stylize_selected_server(server_container)
+
+          @selected_server_container = server_container
+
+          @selected_server = server
+
+          reorder_server_list if @selected_server_container
+
+          BackgroundWorker.foreground_job(
+            -> { fetch_server_details(server) },
+            ->(result) { populate_server_info(server) if server == @selected_server }
+          )
+        end
+
+        stylize_selected_server(server_container) if server.id == @selected_server&.id
       end
 
       def populate_server_info(server)
         @game_server_info_container.clear do
           stack(width: 1.0, height: 1.0, padding: 8) do
-            stack(width: 1.0, height: 220) do
+            stack(width: 1.0, height: 208) do
-              flow(width: 1.0, height: 0.2) do
+              flow(width: 1.0, height: 34) do
                 flow(fill: true)
 
-                image game_icon(server), width: 0.05
+                image game_icon(server), height: 1.0
-                tagline server.status.name, text_wrap: :none
+                title server.status.name[0..30], text_wrap: :none
 
                 flow(fill: true)
               end
 
-              flow(width: 1.0, height: 0.2) do
+              flow(width: 1.0, height: 46, margin_top: 16, margin_bottom: 16) do
                 game_installed = Store.application_manager.installed?(server.game, server.channel)
                 game_updatable = Store.application_manager.updateable?(server.game, server.channel)
-                style = server.channel != "release" ? TESTING_BUTTON : {}
+                channel = Store.application_manager.channel(server.game, server.channel)
+                style = ((channel && channel.user_level.downcase.strip == "public") || server.channel == "release") ? {} : TESTING_BUTTON
 
                 flow(fill: true)
                 button "<b>#{I18n.t(:"server_browser.join_server")}</b>", enabled: (game_installed && !game_updatable), **style do
@@ -390,69 +401,70 @@ class W3DHub
                   #   prompt for password
                   # Launch game
                   if Store.settings[:server_list_username].to_s.length.zero?
-                    prompt_for_nickname(
+                    W3DHub.prompt_for_nickname(
                       accept_callback: proc do |entry|
                         @nickname_label.value = entry
                         Store.settings[:server_list_username] = entry
                         Store.settings.save_settings
 
                         if server.status.password
-                          prompt_for_password(
+                          W3DHub.prompt_for_password(
                             accept_callback: proc do |password|
-                              join_server(server, password)
+                              W3DHub.join_server(server: server, password: password)
                             end
                           )
                         else
-                          join_server(server, nil)
+                          W3DHub.join_server(server: server)
                         end
                       end
                     )
                   else
                     if server.status.password
-                      prompt_for_password(
+                      W3DHub.prompt_for_password(
                         accept_callback: proc do |password|
-                          join_server(server, password)
+                          W3DHub.join_server(server: server, password: password)
                         end
                       )
                     else
-                      join_server(server, nil)
+                      W3DHub.join_server(server: server)
                     end
                   end
                 end
 
-                if Store.developer_mode
+                if W3DHUB_DEVELOPER
-                  list_box(items: (1..12).to_a.map(&:to_s), margin_left: 16, **TESTING_BUTTON)
+                  client_instances = list_box(items: (1..12).to_a.map(&:to_s), margin_left: 16, width: 72, tip: "Number of game clients", enabled: (game_installed && !game_updatable), **TESTING_BUTTON)
-                  button "Multijoin", tip: "Launch multiple clients with configured username_\#{number}", **TESTING_BUTTON, enabled: true
+                  button("Multijoin", tip: "Launch multiple clients with configured username_\#{number}", enabled: (game_installed && !game_updatable), **TESTING_BUTTON) do
+                    username = Store.settings[:server_list_username]
+
+                    client_instances.value.to_i.times do |i|
+                      W3DHub.join_server(server: server, username: format("%s_%d", username, i), multi: true)
+                    end
+                  end
                 end
 
                 flow(fill: true)
               end
 
               # Server Info
-              stack(width: 1.0, fill: true, margin_top: 16) do
+              stack(width: 1.0, fill: true, margin_bottom: 16) do
                 flow(width: 1.0) do
-                  inscription "<b>#{I18n.t(:"server_browser.game")}</b>", width: 0.28, text_wrap: :none
+                  para "<b>#{I18n.t(:"server_browser.game")}</b>", width: 0.12, text_wrap: :none, font: BOLD_FONT
-                  inscription "#{game_name(server.game)} (#{server.channel})", width: 0.71, text_wrap: :none
+                  para "#{game_name(server.game)} (#{server.channel})", width: 0.71, text_wrap: :none
                 end
 
                 flow(width: 1.0) do
-                  inscription "<b>#{I18n.t(:"server_browser.map")}</b>", width: 0.28, text_wrap: :none
+                  para "<b>#{I18n.t(:"server_browser.map")}</b>", width: 0.12, text_wrap: :none, font: BOLD_FONT
-                  inscription server.status.map, width: 0.71, text_wrap: :none
+                  para server.status.map, width: 0.71, text_wrap: :none
                 end
 
                 flow(width: 1.0) do
-                  inscription "<b>#{I18n.t(:"server_browser.max_players")}</b>", width: 0.28, text_wrap: :none
+                  para "<b>#{I18n.t(:"server_browser.time")}</b>", width: 0.12, text_wrap: :none, font: BOLD_FONT
-                  inscription "#{server.status.max_players}", width: 0.71, text_wrap: :none
+                  para formatted_rentime(server.status.started), text_wrap: :none
-                end
 
-                flow(width: 1.0) do
+                  unless server.status.remaining =~ /00:00:00|00.00.00/
-                  inscription "<b>#{I18n.t(:"server_browser.time")}</b>", width: 0.28, text_wrap: :none
+                    para "<b>#{I18n.t(:"server_browser.remaining")}</b>", margin_left: 16, margin_right: 8, text_wrap: :none, font: BOLD_FONT
-                  inscription formatted_rentime(server.status.started), width: 0.71, text_wrap: :none
+                    para "#{server.status.remaining}", text_wrap: :none
-                end
+                  end
-
-                flow(width: 1.0) do
-                  inscription "<b>#{I18n.t(:"server_browser.remaining")}</b>", width: 0.28, text_wrap: :none
-                  inscription "#{server.status.remaining}", width: 0.71, text_wrap: :none
                 end
               end
             end
@@ -460,9 +472,9 @@ class W3DHub
             game_balance = server_game_balance(server)
 
             # Game score and balance display
-            flow(width: 1.0, height: 48, border_thickness_bottom: 2, border_color_bottom: 0x44_ffffff) do
+            flow(width: 1.0, height: 52, border_thickness_bottom: 2, border_color_bottom: 0x44_ffffff) do
               stack(fill: true, height: 1.0) do
-                para "<b>#{server.status.teams[0].name} (#{server.status.players.select { |pl| pl.team == 0 }.count})</b>", width: 1.0, text_align: :center
+                para "#{server.status.teams[0].name} (#{server.status.players.select { |pl| pl.team == 0 }.count})", width: 1.0, text_align: :center, font: BOLD_FONT
                 para formatted_score(game_balance[:team_0_score].to_i), width: 1.0, text_align: :center
               end
 
@@ -477,7 +489,7 @@ class W3DHub
               end
 
               stack(fill: true, height: 1.0) do
-                para "<b>#{server.status.teams[1].name} (#{server.status.players.select { |pl| pl.team == 1 }.count})</b>", width: 1.0, text_align: :center
+                para "#{server.status.teams[1].name} (#{server.status.players.select { |pl| pl.team == 1 }.count})", width: 1.0, text_align: :center, font: BOLD_FONT
                 para formatted_score(game_balance[:team_1_score].to_i), width: 1.0, text_align: :center
               end
             end
@@ -486,15 +498,15 @@ class W3DHub
             flow(width: 1.0, fill: true, scroll: true) do
               stack(width: 0.5) do
                 server.status.players.select { |ply| ply.team == 0 }.sort_by { |ply| ply.score }.reverse.each_with_index do |player, i|
-                  flow(width: 1.0, height: 18) do
+                  flow(width: 1.0, height: 26) do
-                    background 0xff_333333 if i.even?
+                    background 0xaa_333333 if i.even?
 
                     stack(width: 0.6, height: 1.0) do
-                      inscription player.nick, text_size: 14, text_wrap: :none
+                      para player.nick, text_wrap: :none
                     end
 
                     stack(width: 0.4, height: 1.0) do
-                      inscription formatted_score(player.score), text_size: 14, width: 1.0, text_align: :right, text_wrap: :none
+                      para formatted_score(player.score), width: 1.0, text_align: :right, text_wrap: :none
                     end
                   end
                 end
@@ -502,15 +514,15 @@ class W3DHub
 
               stack(width: 0.5, border_thickness_left: 2, border_color_left: 0xff_000000) do
                 server.status.players.select { |ply| ply.team == 1 }.sort_by { |ply| ply.score }.reverse.each_with_index do |player, i|
-                  flow(width: 1.0, height: 18) do
+                  flow(width: 1.0, height: 26) do
-                    background 0xff_333333 if i.even?
+                    background 0xaa_333333 if i.even?
 
                     stack(width: 0.6, height: 1.0) do
-                      inscription player.nick, text_size: 14, text_wrap: :none
+                      para player.nick, text_wrap: :none
                     end
 
                     stack(width: 0.4, height: 1.0) do
-                      inscription formatted_score(player.score), text_size: 14, width: 1.0, text_align: :right, text_wrap: :none
+                      para formatted_score(player.score), width: 1.0, text_align: :right, text_wrap: :none
                     end
                   end
                 end
@@ -528,7 +540,7 @@ class W3DHub
       end
 
       def game_icon(server)
-        image_path = File.exist?("#{GAME_ROOT_PATH}/media/icons/#{server.game.nil? ? 'ren' : server.game}.png") ? "#{GAME_ROOT_PATH}/media/icons/#{server.game.nil? ? 'ren' : server.game}.png" : "#{GAME_ROOT_PATH}/media/icons/default_icon.png"
+        image_path = File.exist?("#{CACHE_PATH}/#{server.game.nil? ? 'ren' : server.game}.png") ? "#{CACHE_PATH}/#{server.game.nil? ? 'ren' : server.game}.png" : "#{GAME_ROOT_PATH}/media/icons/default_icon.png"
 
         if server.status.password
           @server_locked_icons[server.game] ||= Gosu.render(96, 96) do
@@ -599,49 +611,6 @@ class W3DHub
         data
       end
 
-      def prompt_for_nickname(accept_callback: nil, cancel_callback: nil)
-        push_state(
-          W3DHub::States::PromptDialog,
-          title: I18n.t(:"server_browser.set_nickname"),
-          message: I18n.t(:"server_browser.set_nickname_message"),
-          prefill: Store.settings[:server_list_username],
-          accept_callback: accept_callback,
-          cancel_callback: cancel_callback,
-          # See: https://gitlab.com/danpaul88/brenbot/-/blob/master/Source/renlog.pm#L136-175
-          valid_callback: proc do |entry|
-            entry.length > 1 && entry.length < 30 && (entry =~ /(:|!|&|%| )/i).nil? &&
-              (entry =~ /[\001\002\037]/).nil? && (entry =~ /\\/).nil?
-          end
-        )
-      end
-
-      def prompt_for_password(accept_callback: nil, cancel_callback: nil)
-        push_state(
-          W3DHub::States::PromptDialog,
-          title: I18n.t(:"server_browser.enter_password"),
-          message: I18n.t(:"server_browser.enter_password_message"),
-          input_type: :password,
-          accept_callback: accept_callback,
-          cancel_callback: cancel_callback,
-          valid_callback: proc { |entry| entry.length.positive? }
-        )
-      end
-
-      def join_server(server, password)
-        if (
-          (server.status.password && password.length.positive?) ||
-          !server.status.password) &&
-           Store.settings[:server_list_username].to_s.length.positive?
-
-          Store.application_manager.join_server(
-            server.game,
-            server.channel, server, password
-          )
-        else
-          window.push_state(W3DHub::States::MessageDialog, type: "?", title: "?", message: "?")
-        end
-      end
-
       def formatted_score(int)
         int.to_s.reverse.scan(/.{1,3}/).join(",").reverse
       end

lib/pages/settings.rb

@@ -3,79 +3,57 @@ class W3DHub
     class Settings < Page
       def setup
         body.clear do
-          stack(width: 1.0, height: 1.0, padding: 16, scroll: true) do
+          stack(width: 1.0, height: 1.0, padding: 16) do
-            para "<b>Language</b>"
+            background 0xaa_252525
-            flow(width: 1.0, height: 0.12) do
+
-              para "<b>Launcher Language</b>", width: 0.249, margin_left: 32, margin_top: 12
+            stack(width: 1.0, fill: true, max_width: 720, h_align: :center, scroll: true) do
-              stack(width: 0.75) do
+              stack(width: 1.0, height: 112) do
-                @language_menu = list_box items: I18n.available_locales.map { |l| expand_language_code(l.to_s) }, choose: expand_language_code(Store.settings[:language]), width: 1.0
+                tagline "Launcher Language"
-                inscription "Select the UI language you'd like to use in the W3D Hub Launcher."
+                @language_menu = list_box items: I18n.available_locales.map { |l| expand_language_code(l.to_s) }, choose: expand_language_code(Store.settings[:language]), width: 1.0, margin_left: 16
+                para "Select the UI language you'd like to use in the W3D Hub Launcher.", margin_left: 16
               end
-            end
 
-            para "<b>Folder Paths</b>", margin_top: 8, padding_top: 8, border_thickness_top: 2, border_color_top: 0xee_ffffff, width: 1.0
-            stack(width: 1.0, height: 0.3) do
-              flow(width: 1.0, height: 0.5) do
-                para "<b>App Install Folder</b>", width: 0.249, margin_left: 32, margin_top: 12
 
-                stack(width: 0.75) do
+              stack(width: 1.0, height: 200, margin_top: 16) do
-                  @app_install_dir_input = edit_line Store.settings[:app_install_dir], width: 1.0
+                tagline "Launcher Directories"
-                  inscription "The folder into which new games and apps will be installed by the launcher"
+                caption "Applications Install Directory", margin_left: 16
+                flow(width: 1.0, fill: true, margin_left: 16) do
+                  @app_install_dir_input = edit_line Store.settings[:app_install_dir], fill: true
+                  button "Browse...", width: 128, tip: "Browse for applications install directory" do
+                    path = W3DHub.ask_folder
+                    @app_install_dir_input.value = path unless path.empty?
+                  end
+                end
+
+                caption "Package Cache Directory", margin_left: 16, margin_top: 16
+                flow(width: 1.0, fill: true, margin_left: 16) do
+                  @package_cache_dir_input = edit_line Store.settings[:package_cache_dir], fill: true
+                  button "Browse...", width: 128, tip: "Browse for package cache directory" do
+                    path = W3DHub.ask_folder
+                    @package_cache_dir_input.value = path unless path.empty?
+                  end
                 end
               end
 
-              flow(width: 1.0, margin_top: 16) do
+              if W3DHub.unix?
-                para "<b>Package Cache Folder</b>", width: 0.249, margin_left: 32, margin_top: 12
+                stack(width: 1.0, height: 224, margin_top: 16) do
+                  tagline "Wine - Windows compatibility layer"
+                  caption "Wine Command", margin_left: 16
+                  @wine_command_input = edit_line Store.settings[:wine_command], width: 1.0, margin_left: 16
+                  para "Command to use to for Windows compatiblity layer.", margin_left: 16
 
-                stack(width: 0.75) do
+                  caption "Wine Prefix", margin_left: 16, margin_top: 16
-                  @package_cache_dir_input = edit_line Store.settings[:package_cache_dir], width: 1.0
+                  flow(width: 1.0, height: 48, margin_left: 16) do
-                  inscription "A folder which will be used to cache downloaded packages used to install games and apps"
+                    @wine_prefix_toggle = toggle_button checked: Store.settings[:wine_prefix], enabled: false
+                    para "Whether each game gets its own prefix. Uses global/default prefix by default."
+                  end
                 end
               end
             end
 
-            if true # W3DHub.unix?
+            stack(width: 128, max_height: 256, h_align: :center, margin_top: 16, fill: true) do
-              para "<b>Wine</b>", margin_top: 8, padding_top: 8, border_thickness_top: 2, border_color_top: 0xee_ffffff, width: 1.0
+              button "Save", width: 1.0 do
-              flow(width: 1.0, height: 0.12) do
+                save_settings!
-                para "<b>Wine Command</b>", width: 0.249, margin_left: 32, margin_top: 12
-                stack(width: 0.75) do
-                  @wine_command_input = edit_line Store.settings[:wine_command], width: 1.0
-                  inscription "Command to use to for Windows compatiblity layer"
-                end
-              end
-
-              flow(width: 1.0, height: 0.13, margin_top: 16) do
-                para "<b>Wine Prefix</b>", width: 0.249, margin_left: 32, margin_top: 12
-                stack(width: 0.75) do
-                  @wine_prefix_toggle = toggle_button checked: Store.settings[:wine_prefix]
-                  inscription "Whether each game gets its own prefix. Uses global/default prefix by default."
-                end
-              end
-            end
-
-            button "Save" do
-              old_language = Store.settings[:language]
-              Store.settings[:language] = language_code(@language_menu.value)
-
-              Store.settings[:app_install_dir] = @app_install_dir_input.value
-              Store.settings[:package_cache_dir] = @package_cache_dir_input.value
-
-              Store.settings[:wine_command] = @wine_command_input.value
-              Store.settings[:wine_prefix] = @wine_prefix_toggle.value
-
-              Store.settings.save_settings
-
-              begin
-                I18n.locale = Store.settings[:language]
-              rescue I18n::InvalidLocale
-                I18n.locale = :en
-              end
-
-              if old_language == Store.settings[:language]
-                page(Pages::Games)
-              else
-                # pop back to Boot state which will immediately push a new instance of Interface
-                pop_state
               end
             end
           end
@@ -106,7 +84,35 @@ class W3DHub
         when "es"
           "Español"
         else
-          raise "Unknown language error"
+          logger.warn("W3DHub::Settings") { "Unknown language code: #{string.inspect}" }
+
+          "UNKNOWN"
+        end
+      end
+
+      def save_settings!
+        old_language = Store.settings[:language]
+        Store.settings[:language] = language_code(@language_menu.value)
+
+        Store.settings[:app_install_dir] = @app_install_dir_input.value
+        Store.settings[:package_cache_dir] = @package_cache_dir_input.value
+
+        Store.settings[:wine_command] = @wine_command_input.value
+        Store.settings[:wine_prefix] = @wine_prefix_toggle.value
+
+        Store.settings.save_settings
+
+        begin
+          I18n.locale = Store.settings[:language]
+        rescue I18n::InvalidLocale
+          I18n.locale = :en
+        end
+
+        if old_language == Store.settings[:language]
+          page(Pages::Games)
+        else
+          # pop back to Boot state which will immediately push a new instance of Interface
+          pop_state
         end
       end
     end

lib/settings.rb

@@ -71,5 +71,15 @@ class W3DHub
     def save_settings
       File.write(SETTINGS_FILE_PATH, @settings.to_json)
     end
+
+    def save_application_cache(json)
+      File.write(APPLICATIONS_CACHE_FILE_PATH, json)
+    end
+
+    def load_application_cache
+      JSON.parse(File.read(APPLICATIONS_CACHE_FILE_PATH), symbolize_names: true)
+    rescue
+      nil
+    end
   end
 end

lib/states/boot.rb

@@ -8,40 +8,40 @@ class W3DHub
 
         theme(W3DHub::THEME)
 
-        background 0xff_252525
-
         @fraction = 0.0
         @w3dhub_logo = get_image("#{GAME_ROOT_PATH}/media/icons/app.png")
         @tasks = {
           # connectivity_check: { started: false, complete: false }, # HEAD connectivity-check.ubuntu.com or HEAD secure.w3dhub.com?
+          # launcher_updater: { started: false, complete: false },
+          server_list: { started: false, complete: false },
           refresh_user_token: { started: false, complete: false },
           service_status: { started: false, complete: false },
           applications: { started: false, complete: false },
           app_icons: { started: false, complete: false },
-          server_list: { started: false, complete: false }
+          app_logos_and_backgrounds: { started: false, complete: false }
         }
 
         @offline_mode = false
 
         @task_index = 0
 
-        stack(width: 1.0, height: 1.0, border_thickness: 1, border_color: W3DHub::BORDER_COLOR) do
+        stack(width: 1.0, height: 1.0, border_thickness: 1, border_color: W3DHub::BORDER_COLOR, background_image: "#{GAME_ROOT_PATH}/media/banners/background.png", background_image_color: 0xff_525252, background_image_mode: :fill) do
           stack(width: 1.0, fill: true) do
           end
 
-          stack(width: 1.0, height: 75) do
+          stack(width: 1.0, height: 60) do
-            @progressbar = progress height: 25, width: 1.0
+            flow(width: 1.0, height: 26, margin_left: 16, margin_right: 16, margin_bottom: 8, margin_top: 8) do
-
+              @status_label = caption "Starting #{I18n.t(:app_name_simple)}...", fill: true
-            flow(width: 1.0, fill: true, padding_left: 16, padding_right: 16, padding_bottom: 8, padding_top: 8) do
+              para "#{I18n.t(:app_name)} #{W3DHub::VERSION}", text_align: :right
-              @status_label = caption "Starting #{I18n.t(:app_name_simple)}...", width: 0.5
-              inscription "#{I18n.t(:app_name)} #{W3DHub::VERSION}", width: 0.5, text_align: :right
             end
+
+            @progressbar = progress height: 4, width: 1.0, margin_left: 16, margin_right: 16, margin_bottom: 8
           end
         end
       end
 
       def draw
-        Gosu.draw_circle(window.width / 2, window.height / 2, @w3dhub_logo.width * (0.6 + Math.cos(Gosu.milliseconds / 1000.0 * Math::PI).abs * 0.05), 128, 0x44_000000, 32)
+        Gosu.draw_circle(window.width / 2, window.height / 2, @w3dhub_logo.width * (0.6 + Math.cos(Gosu.milliseconds / 1000.0 * Math::PI).abs * 0.05), 128, 0xaa_353535, 32)
         @w3dhub_logo.draw_rot(window.width / 2, window.height / 2, 32)
 
         super
@@ -54,9 +54,37 @@ class W3DHub
 
         @progressbar.value = @fraction
 
-        load_offline_applications_list if @offline_mode
+        if @offline_mode
+          load_offline_applications_list
 
-        push_state(States::Interface) if @offline_mode || (@progressbar.value >= 1.0 && @task_index == @tasks.size)
+          unless Store.applications
+            @progressbar.value = 0.0
+            @status_label.value = "<c=f80>Unable to connect to W3D Hub API. No application data cached, unable to continue.</c>"
+
+            return
+          end
+        end
+
+        if @offline_mode || (@progressbar.value >= 1.0 && @task_index == @tasks.size)
+          pop_state
+
+          # --- Repair/Upgrade settings schema/data
+          Store.settings[:favorites] ||= {}
+          #   add game colo[u]r and uses_engine_cfg to application data
+          unless @offline_mode
+            Store.settings[:games].each do |key, game|
+              application = Store.applications.games.find { |g| g.id == key.to_s.split("_", 2).first }
+              next unless application
+
+              game[:colour] = "##{application.color.to_s(16)}"
+              game[:uses_engine_cfg] = application.uses_engine_cfg?
+            end
+          end
+
+          Store.settings.save_settings
+
+          push_state(States::Interface)
+        end
 
         return if @offline_mode
 
@@ -70,6 +98,10 @@ class W3DHub
         @task_index += 1 if @tasks.dig(@tasks.keys[@task_index], :complete)
       end
 
+      def needs_repaint?
+        true
+      end
+
       def refresh_user_token
         if Store.settings[:account, :data]
           account = Api::Account.new(Store.settings[:account, :data], {})
@@ -97,7 +129,7 @@ class W3DHub
 
           Store.settings[:account][:data] = account
 
-          Cache.fetch(uri: account.avatar_uri, force_fetch: true, async: false)
+          Cache.fetch(uri: account.avatar_uri, force_fetch: true, async: false, backend: :w3dhub)
         else
           Store.settings[:account] = {}
         end
@@ -129,17 +161,46 @@ class W3DHub
         end
       end
 
+      def launcher_updater
+        @status_label.value = "Checking for Launcher updates..." # I18n.t(:"boot.checking_for_updates")
+
+        Api.on_thread(:fetch, "https://api.github.com/repos/Inq8/CAmod/releases/latest") do |response|
+          if response.status == 200
+            hash = JSON.parse(response.body, symbolize_names: true)
+            available_version = hash[:tag_name].downcase.sub("v", "")
+
+            pp Gem::Version.new(available_version) > Gem::Version.new(W3DHub::VERSION)
+            pp [Gem::Version.new(available_version), Gem::Version.new(W3DHub::VERSION)]
+
+            push_state(
+              LauncherUpdaterDialog,
+              release_data: hash,
+              available_version: available_version,
+              cancel_callback: -> { @tasks[:launcher_updater][:complete] = true },
+              accept_callback: -> { @tasks[:launcher_updater][:complete] = true }
+            )
+          else
+            # Failed to retrieve release data from github
+            log "Failed to retrieve release data from Github"
+            @tasks[:launcher_updater][:complete] = true
+          end
+        end
+      end
+
       def applications
         @status_label.value = I18n.t(:"boot.checking_for_updates")
 
-        Api.on_thread(:applications) do |applications|
+        Api.on_thread(:_applications) do |applications|
           if applications
             Store.applications = applications
-
+            Store.settings.save_application_cache(applications.data.to_json)
             @tasks[:applications][:complete] = true
           else
             # FIXME: Failed to retreive!
             BackgroundWorker.foreground_job(-> {}, ->(_){ @status_label.value = "FAILED TO RETREIVE APPS LIST" })
+
+            @offline_mode = true
+            Store.offline_mode = true
           end
         end
       end
@@ -147,15 +208,21 @@ class W3DHub
       def app_icons
         return unless Store.applications
 
+        @status_label.value = "Retrieving application icons, this might take a moment..." # I18n.t(:"boot.checking_for_updates")
+
         packages = []
         Store.applications.games.each do |app|
           packages << { category: app.category, subcategory: app.id, name: "#{app.id}.ico", version: "" }
         end
 
-        Api.on_thread(:package_details, packages) do |package_details|
+        Api.on_thread(:package_details, packages, :alt_w3dhub) do |package_details|
+          package_details ||= nil
+
           package_details&.each do |package|
+            next if package.error?
+
             path = Cache.package_path(package.category, package.subcategory, package.name, package.version)
-            generated_icon_path = "#{GAME_ROOT_PATH}/media/icons/#{package.subcategory}.png"
+            generated_icon_path = "#{CACHE_PATH}/#{package.subcategory}.png"
 
             regenerate = false
 
@@ -177,18 +244,51 @@ class W3DHub
         end
       end
 
+      def app_logos_and_backgrounds
+        return unless Store.applications
+
+        @status_label.value = "Retrieving application image assets, this might take a moment..." # I18n.t(:"boot.checking_for_updates")
+
+        packages = []
+        Store.applications.games.each do |app|
+          packages << { category: app.category, subcategory: app.id, name: "logo.png", version: "" }
+          packages << { category: app.category, subcategory: app.id, name: "background.png", version: "" }
+        end
+
+        Api.on_thread(:package_details, packages, :alt_w3dhub) do |package_details|
+          package_details ||= nil
+
+          package_details&.each do |package|
+            next if package.error?
+
+            package_cache_path = Cache.package_path(package.category, package.subcategory, package.name, package.version)
+
+            missing_or_broken_image = File.exist?(package_cache_path) ? Digest::SHA256.new.hexdigest(File.binread(package_cache_path)).upcase != package.checksum.upcase : true
+
+            Cache.fetch_package(package, proc {}) if missing_or_broken_image
+          end
+
+          @tasks[:app_logos_and_backgrounds][:complete] = true
+        end
+      end
+
       def server_list
         @status_label.value = I18n.t(:"server_browser.fetching_server_list")
 
         Api.on_thread(:server_list, 2) do |list|
-          Store.server_list = list.sort_by! { |s| s&.status&.players&.size }.reverse if list
+          if list
+            Store.server_list = list.sort_by! { |s| s&.status&.players&.size }.reverse
 
-          Store.server_list_last_fetch = Gosu.milliseconds
+            Store.server_list_last_fetch = Gosu.milliseconds
 
-          Api::ServerListUpdater.instance
+            Api::ServerListUpdater.instance
 
-          list.each do |server|
+            list.each do |server|
-            server.send_ping(true)
+              server.send_ping(true)
+            end
+          else
+            Store.server_list = []
+            Store.server_list_last_fetch = Gosu.milliseconds
           end
 
           @tasks[:server_list][:complete] = true
@@ -196,6 +296,12 @@ class W3DHub
       end
 
       def load_offline_applications_list
+        if (application_cache = Store.settings.load_application_cache)
+          Store.applications = Api::Applications.new(application_cache.to_json)
+
+          return
+        end
+
         hash = {
           applications: []
         }
@@ -213,7 +319,10 @@ class W3DHub
             "studio-id": "",
             channels: [],
             "web-links": [],
-            "extended-data": [{ name: "colour", value: "#353535" }]
+            "extended-data": [
+              { name: "colour", value: game[:colour] },
+              { name: "usesEngineCfg", value: game[:uses_engine_cfg] },
+            ]
           }
 
           channel = {
@@ -228,7 +337,7 @@ class W3DHub
           hash[:applications] << app unless app_in_array
         end
 
-        Store.applications = Api::Applications.new(hash.to_json)
+        Store.applications = Api::Applications.new(hash.to_json) unless hash[:applications].empty?
       end
     end
   end

lib/states/dialog.rb

@@ -0,0 +1,26 @@
+class W3DHub
+  class States
+    class Dialog < CyberarmEngine::GuiState
+      def draw
+        previous_state&.draw
+
+        Gosu.flush
+
+        super
+      end
+
+      def update
+        super
+
+        return unless window.current_state == self
+
+        window.states.reverse.each do |state|
+          # Don't update ourselves, forever
+          next if state == self && state.is_a?(CyberarmEngine::GuiState)
+
+          state.update
+        end
+      end
+    end
+  end
+end

lib/states/dialogs/confirm_dialog.rb

@@ -1,27 +1,27 @@
 class W3DHub
   class States
-    class ConfirmDialog < CyberarmEngine::GuiState
+    class ConfirmDialog < Dialog
       def setup
         window.show_cursor = true
 
         theme(W3DHub::THEME)
 
-        background 0xee_444444
+        background 0xaa_525252
 
         stack(width: 1.0, max_width: 720, height: 1.0, max_height: 480, v_align: :center, h_align: :center, background: 0xee_222222) do
-          flow(width: 1.0, height: 0.1, padding: 8) do
+          flow(width: 1.0, height: 48, padding: 8) do
             background 0x88_000000
 
-            image "#{GAME_ROOT_PATH}/media/ui_icons/question.png", width: 0.04, align: :center, color: 0xaa_ff0000
+            image "#{GAME_ROOT_PATH}/media/ui_icons/question.png", height: 1.0, align: :center, color: 0xaa_ff0000
 
-            tagline "<b>#{@options[:title]}</b>", width: 0.9, text_align: :center
+            title "<b>#{@options[:title]}</b>", width: 0.9, text_align: :center, font: BOLD_FONT
           end
 
-          stack(width: 1.0, height: 0.78, padding: 16) do
+          stack(width: 1.0, fill: true, padding: 16) do
             para @options[:message], width: 1.0, text_align: :center
           end
 
-          flow(width: 1.0, height: 0.1, padding: 8) do
+          flow(width: 1.0, height: 46, padding: 8) do
             button "Cancel", width: 0.25 do
               pop_state
               @options[:cancel_callback]&.call
@@ -29,21 +29,13 @@ class W3DHub
 
             stack(width: 0.5)
 
-            button "Confirm", width: 0.25, background: 0xff_800000, hover: { background: 0xff_d00000 }, active: { background: 0xff_600000, color: 0xff_ffffff } do
+            button "Confirm", width: 0.25, **DANGEROUS_BUTTON do
               pop_state
               @options[:accept_callback]&.call
             end
           end
         end
       end
-
-      def draw
-        previous_state&.draw
-
-        Gosu.flush
-
-        super
-      end
     end
   end
 end

lib/states/dialogs/direct_connect_dialog.rb

@@ -1,26 +1,26 @@
 class W3DHub
   class States
-    class DirectConnectDialog < CyberarmEngine::GuiState
+    class DirectConnectDialog < Dialog
       def setup
         window.show_cursor = true
         W3DHub::Store[:asterisk_config] ||= Asterisk::Config.new
 
         theme(W3DHub::THEME)
 
-        background 0xee_444444
+        background 0xaa_525252
 
-        stack(width: 1.0, max_width: 720, height: 1.0, max_height: 540, v_align: :center, h_align: :center, background: 0xee_222222) do
+        stack(width: 1.0, max_width: 720, height: 1.0, max_height: 576, v_align: :center, h_align: :center, background: 0xee_222222) do
           # Title bar
-          flow(width: 1.0, height: 32, padding: 8) do
+          flow(width: 1.0, height: 36, padding: 8) do
             background 0x88_000000
 
-            image "#{GAME_ROOT_PATH}/media/ui_icons/export.png", width: 32, align: :center, color: 0xaa_ffffff
+            image "#{GAME_ROOT_PATH}/media/ui_icons/export.png", height: 1.0, align: :center, color: 0xaa_ffffff
 
-            tagline "<b>#{I18n.t(:"server_browser.direct_connect")}</b>", fill: true, text_align: :center
+            title "<b>#{I18n.t(:"server_browser.direct_connect")}</b>", fill: true, text_align: :center, font: BOLD_FONT
           end
 
           stack(width: 1.0, fill: true, scroll: true) do
-            stack(width: 1.0, height: 66, margin_left: 8, margin_right: 8) do
+            stack(width: 1.0, height: 72, margin_left: 8, margin_right: 8) do
               para "Server profiles", text_align: :center, width: 1.0
 
               flow(width: 1.0, fill: true) do
@@ -41,7 +41,7 @@ class W3DHub
                 end
 
                 @server_delete_button = button get_image("#{GAME_ROOT_PATH}/media/ui_icons/minus.png"), image_height: 1.0, tip: "Remove selected profile" do
-                  push_state(ConfirmDialog, message: "Purge server profile")
+                  push_state(ConfirmDialog, title: "Are you sure?", message: "Remove Server Profile: \"#{@server_profiles_list.value}\"?", accept_callback: -> { delete_server_profile(server_profile_from_name(@server_profiles_list.value)) })
                 end
 
                 @server_edit_button = button get_image("#{GAME_ROOT_PATH}/media/ui_icons/save.png"), image_height: 1.0, tip: "Edit and save selected profile" do
@@ -51,7 +51,7 @@ class W3DHub
             end
 
             stack(width: 1.0, fill: true, margin_top: 8, padding: 8, border_color: 0xff_111111, border_thickness: 1) do
-              flow(width: 1.0, height: 66) do
+              flow(width: 1.0, height: 72) do
                 stack(width: 0.5, height: 1.0) do
                   para "Nickname:"
                   @server_nickname = edit_line "", width: 1.0, fill: true
@@ -73,7 +73,7 @@ class W3DHub
                 end
               end
 
-              flow(width: 1.0, height: 66) do
+              flow(width: 1.0, height: 72) do
                 stack(width: 0.5, height: 1.0) do
                   para "Server IP or Hostname:"
                   @server_hostname = edit_line "", width: 1.0, fill: true
@@ -95,7 +95,7 @@ class W3DHub
                 end
               end
 
-              stack(width: 1.0, height: 66) do
+              stack(width: 1.0, height: 72) do
                 para "Game or Mod:"
 
                 flow(width: 1.0, fill: true) do
@@ -115,7 +115,8 @@ class W3DHub
                   end
 
                   @game_delete_button = button get_image("#{GAME_ROOT_PATH}/media/ui_icons/minus.png"), image_height: 1.0, tip: "Remove selected game" do
-                    push_state(ConfirmDialog, message: "Remove game?")
+                    push_state(ConfirmDialog, title: "Are you sure?", message: "Remove game: #{@games_list.value}?", accept_callback: -> { delete_game(game_from_title(@games_list.value)) })
+
                   end
 
                   @game_edit_button = button get_image("#{GAME_ROOT_PATH}/media/ui_icons/gear.png"), image_height: 1.0, tip: "Edit selected game" do
@@ -124,7 +125,7 @@ class W3DHub
                 end
               end
 
-              stack(width: 1.0, height: 66) do
+              stack(width: 1.0, height: 72) do
                 para "Launch arguments (Optional):"
                 @launch_arguments = edit_line "", width: 1.0, fill: true
                 @launch_arguments.subscribe(:changed) do |e|
@@ -134,8 +135,8 @@ class W3DHub
                 end
               end
 
-              stack(width: 1.0, height: 66) do
+              stack(width: 1.0, height: 72) do
-                para "IRC Profile:"
+                para "IRC Profile (Optional):"
 
                 flow(width: 1.0, fill: true) do
                   @irc_profiles_list = list_box items: W3DHub::Store[:asterisk_config].irc_profiles.map {| pf| pf.name }.insert(0, "None"), fill: true, height: 1.0
@@ -150,28 +151,30 @@ class W3DHub
                   end
 
                   @irc_delete_button = button get_image("#{GAME_ROOT_PATH}/media/ui_icons/minus.png"), image_height: 1.0, tip: "Remove selected IRC profile" do
-                    push_state(ConfirmDialog, message: "")
+                    push_state(ConfirmDialog, title: "Are you sure?", message: "Delete IRC Profile: #{@irc_profiles_list.value}?", accept_callback: -> { delete_irc_profile(irc_profile_from_name(@irc_profiles_list.value)) })
                   end
 
                   @irc_edit_button = button get_image("#{GAME_ROOT_PATH}/media/ui_icons/gear.png"), image_height: 1.0, tip: "Edit selected IRC profile" do
-                    push_state(Asterisk::States::IRCProfileForm, editing: W3DHub::Store[:asterisk_config].irc_profiles.find { |pf| pf.name == @irc_profiles_list.value }, save_callback: method(:save_irc_profile))
+                    push_state(Asterisk::States::IRCProfileForm, editing: irc_profile_from_name(@irc_profiles_list.value), save_callback: method(:save_irc_profile))
                   end
                 end
               end
             end
           end
 
-          flow(width: 1.0, height: 40, padding: 8) do
+          flow(width: 1.0, height: 46, padding: 8) do
             button "Cancel", width: 0.25 do
               pop_state
-              @options[:cancel_callback]&.call
             end
 
             stack(fill: true)
 
-            button "Connect", width: 0.25 do
+            @connect_button = button "Connect", width: 0.25 do
               pop_state
-              @options[:accept_callback]&.call
+
+              join_server(game_from_title(@games_list.value).path, @server_nickname.value, @server_hostname.value, @server_port.value, @server_password.value, @launch_arguments.value)
+
+              handle_irc
             end
           end
         end
@@ -203,14 +206,12 @@ class W3DHub
           @irc_delete_button.enabled = true
           @irc_edit_button.enabled = true
         end
-      end
 
-      def draw
+        if @games_list.value.empty? || @server_nickname.value.empty? || @server_hostname.value.empty? || @server_port.value.empty?
-        previous_state&.draw
+          @connect_button.enabled = false
-
+        else
-        Gosu.flush
+          @connect_button.enabled = true
-
+        end
-        super
       end
 
       def populate_from_server_profile(profile)
@@ -219,7 +220,7 @@ class W3DHub
         @server_hostname.value = profile.server_hostname
         @server_port.value     = profile.server_port
 
-        @games_list.choose = profile.game if @games_list.items.find { |game| game == profile.game }
+        @games_list.choose = profile.game_title if @games_list.items.find { |game| game == profile.game_title }
         @launch_arguments.value = profile.launch_arguments
 
         @irc_profiles_list.choose = profile.irc_profile if @irc_profiles_list.items.find { |irc| irc == profile.irc_profile }
@@ -244,7 +245,7 @@ class W3DHub
           updated.server_profile = @server_profiles_list.value
           updated.server_hostname = @server_hostname.value
           updated.server_port = @server_port.value
-          updated.game = @games_list.value
+          updated.game_title = @games_list.value
           updated.launch_arguments = @launch_arguments.value
           updated.irc_profile = @irc_profiles_list.value
         else
@@ -256,7 +257,7 @@ class W3DHub
               server_profile: @server_profiles_list.value,
               server_hostname: @server_hostname.value,
               server_port: @server_port.value,
-              game: @games_list.value,
+              game_title: @games_list.value,
               launch_arguments: @launch_arguments.value,
               irc_profile: @irc_profiles_list.value
             }
@@ -274,6 +275,28 @@ class W3DHub
         @changes_made = false
       end
 
+      def delete_server_profile(profile)
+        index = W3DHub::Store[:asterisk_config].server_profiles.index(profile)
+        return unless index
+
+        W3DHub::Store[:asterisk_config].server_profiles.delete(profile)
+
+        W3DHub::Store[:asterisk_config].save_config
+
+        @server_profiles_list.items = W3DHub::Store[:asterisk_config].server_profiles.map { |pf| pf.name }
+        if W3DHub::Store[:asterisk_config].server_profiles.size.positive?
+          @server_profiles_list.choose = W3DHub::Store[:asterisk_config].server_profiles[index - 1 > 0 ? index - 1 : 0].name
+        end
+      end
+
+      def server_profile_from_name(name)
+        W3DHub::Store[:asterisk_config].server_profiles.find { |pf| name == pf.name }
+      end
+
+      def game_from_title(title)
+        W3DHub::Store[:asterisk_config].games.find { |g| title == g.title }
+      end
+
       def save_game(updated, path, title)
         if updated
           updated.path = path
@@ -293,6 +316,21 @@ class W3DHub
         @games_list.choose = title
       end
 
+      def delete_game(game)
+        index = W3DHub::Store[:asterisk_config].games.index(game) || 0
+
+        W3DHub::Store[:asterisk_config].games.delete(game)
+
+        W3DHub::Store[:asterisk_config].save_config
+
+        @games_list.items = W3DHub::Store[:asterisk_config].games.map {|g| g.title }
+        @games_list.choose = W3DHub::Store[:asterisk_config].games[index - 1 > 0 ? index - 1 : 0].title
+      end
+
+      def irc_profile_from_name(name)
+        W3DHub::Store[:asterisk_config].irc_profiles.find { |pf| name == pf.name }
+      end
+
       def save_irc_profile(
                             updated, nickname, username, password,
                             server_hostname, server_port, server_ssl, server_verify_ssl,
@@ -310,8 +348,8 @@ class W3DHub
           updated.nickname = nickname
           updated.username = username
           updated.password = Base64.strict_encode64(password)
-          updated.server_hostname = hserver_hostname
+          updated.server_hostname = server_hostname
-          updated.server_port = hserver_port
+          updated.server_port = server_port
           updated.server_ssl = server_ssl
           updated.server_verify_ssl = server_verify_ssl
           updated.bot_username = bot_username
@@ -340,6 +378,76 @@ class W3DHub
         @irc_profiles_list.items = W3DHub::Store[:asterisk_config].irc_profiles.map {| pf| pf.name }.insert(0, "None")
         @irc_profiles_list.choose = generated_name
       end
+
+      def delete_irc_profile(profile)
+        index = W3DHub::Store[:asterisk_config].irc_profiles.index(profile)
+        return unless index
+
+        W3DHub::Store[:asterisk_config].irc_profiles.delete(profile)
+
+        W3DHub::Store[:asterisk_config].save_config
+
+        @irc_profiles_list.items = W3DHub::Store[:asterisk_config].irc_profiles.map {| pf| pf.name }.insert(0, "None")
+        @irc_profiles_list.choose = W3DHub::Store[:asterisk_config].irc_profiles[index - 1 > 0 ? index - 1 : 0].name
+      end
+
+      def wine_command
+        return "" if W3DHub.windows?
+
+        "#{Store.settings[:wine_command]} "
+      end
+
+      # TODO
+      def mangohud_command
+        return "" if W3DHub.windows?
+
+        # TODO: Add game specific options
+        # OPENGL?
+        if false && system("which mangohud")
+          "MANGOHUD=1 MANGOHUD_DLSYM=1 DXVK_HUD=1 mangohud "
+        else
+          ""
+        end
+      end
+
+      # TODO
+      def dxvk_command
+        return "" if W3DHub.windows?
+
+        # Vulkan
+        # SETTING && WINE WILL USE DXVK?
+        if false && true#system()
+          _setting = "full"
+          "DXVK_HUD=#{_setting} "
+        else
+          ""
+        end
+      end
+
+      def run(game_path, *args)
+        pid = Process.spawn("#{dxvk_command}#{mangohud_command}#{wine_command}\"#{game_path}\" #{args.join(' ')}")
+        Process.detach(pid)
+      end
+
+      def join_server(game_path, nickname, server_address, server_port, server_password, launch_arguments)
+        server_password = nil if server_password.empty?
+        launch_arguments = nil if launch_arguments.empty?
+
+        run(
+          game_path,
+          "-launcher +connect #{server_address}:#{server_port} +netplayername #{nickname}#{server_password ? " +password \"#{server_password}\"" : ""}#{launch_arguments ? " #{launch_arguments}" : ''}"
+        )
+      end
+
+      def handle_irc
+        return unless (profile = irc_profile_from_name(@irc_profiles_list.value))
+
+        Thread.new do
+          sleep 15
+
+          W3DHub::Asterisk::IRCClient.new(profile)
+        end
+      end
     end
   end
 end

lib/states/dialogs/game_settings_dialog.rb

@@ -0,0 +1,267 @@
+class W3DHub
+  class States
+    class GameSettingsDialog < Dialog
+      BUTTON_STYLE = { text_size: 18, padding_top: 3, padding_bottom: 3, padding_left: 3, padding_right: 3, height: 18 }
+      LIST_ITEM_THEME = Marshal.load(Marshal.dump(THEME))
+      BUTTON_STYLE.each do |key, value|
+        LIST_ITEM_THEME[:Button][key] = value
+      end
+
+      def setup
+        window.show_cursor = true
+
+        theme(THEME)
+
+        @app_id = @options[:app_id]
+        @channel = @options[:channel]
+
+        @game_settings = GameSettings.new(@app_id, @channel)
+
+        background 0xaa_525252
+
+        stack(width: 1.0, max_width: 760, height: 1.0, max_height: 720, v_align: :center, h_align: :center, background: 0xee_222222, border_thickness: 2, border_color: 0xee_222222, padding: 10) do
+          flow(width: 1.0, height: 36, padding: 8) do
+            background Store.application_manager.color(@app_id)
+
+            title @options[:title] || Store.application_manager.name(@app_id) || "Game Settings", fill: true, text_align: :center, font: BOLD_FONT
+          end
+
+          stack(width: 1.0, fill: true, padding: 16, margin_top: 10) do
+            flow(width: 1.0, fill: true) do
+              stack(width: 0.5, height: 1.0, margin_right: 8) do
+                tagline "General"
+
+                flow(width: 1.0, height: 28, margin: 4, margin_left: 10) do
+                  para "Default to First Person", fill: true, text_wrap: :none
+                  toggle_button tip: "Default to First Person", checked: @game_settings.get_value(:default_to_first_person), **BUTTON_STYLE do |btn|
+                    @game_settings.set_value(:default_to_first_person, btn.value)
+                  end
+                end
+
+                flow(width: 1.0, height: 28, margin: 4, margin_left: 10) do
+                  para "Background Downloads", fill: true, text_wrap: :none
+                  toggle_button tip: "Background Downloads", checked: @game_settings.get_value(:background_downloads), **BUTTON_STYLE do |btn|
+                    @game_settings.set_value(:background_downloads, btn.value)
+                  end
+                end
+
+                flow(width: 1.0, height: 28, margin: 4, margin_left: 10) do
+                  para "Enable Hints", fill: true, text_wrap: :none
+                  toggle_button tip: "Enable Hints", checked: @game_settings.get_value(:hints_enabled), **BUTTON_STYLE do |btn|
+                    @game_settings.set_value(:hints_enabled, btn.value)
+                  end
+                end
+
+                flow(width: 1.0, height: 28, margin: 4, margin_left: 10) do
+                  para "Enable Chat Log", fill: true, text_wrap: :none
+                  toggle_button tip: "Enable Chat Log", checked: @game_settings.get_value(:chat_log), **BUTTON_STYLE do |btn|
+                    @game_settings.set_value(:chat_log, btn.value)
+                  end
+                end
+
+                flow(width: 1.0, height: 28, margin: 4, margin_left: 10) do
+                  para "Show FPS", fill: true, text_wrap: :none
+                  toggle_button tip: "Show FPS", checked: @game_settings.get_value(:show_fps), **BUTTON_STYLE do |btn|
+                    @game_settings.set_value(:show_fps, btn.value)
+                  end
+                end
+
+                flow(width: 1.0, height: 28, margin: 4, margin_left: 10) do
+                  para "Show Velocity", fill: true, text_wrap: :none
+                  toggle_button tip: "Show Velocity", checked: @game_settings.get_value(:show_velocity), **BUTTON_STYLE do |btn|
+                    @game_settings.set_value(:show_velocity, btn.value)
+                  end
+                end
+
+                flow(width: 1.0, height: 28, margin: 4, margin_left: 10) do
+                  para "Show Damage Numbers", fill: true, text_wrap: :none
+                  toggle_button tip: "Show Damage Numbers", checked: @game_settings.get_value(:show_damage_numbers), **BUTTON_STYLE do |btn|
+                    @game_settings.set_value(:show_damage_numbers, btn.value)
+                  end
+                end
+              end
+
+              stack(width: 0.5, height: 1.0, margin_left: 8) do
+                tagline "Video"
+
+                flow(width: 1.0, height: 28, margin: 4, margin_left: 10) do
+                  res_options = @game_settings.get(:resolution_width).options.each_with_index.map do |w, i|
+                    "#{w[0]}x#{@game_settings.get(:resolution_height).options[i][0]}"
+                  end
+
+                  current_res = "#{@game_settings.get_value(:resolution_width)}x#{@game_settings.get_value(:resolution_height)}"
+
+                  para "Resolution", fill: true, text_wrap: :none
+                  list_box items: res_options, choose: current_res, width: 172, theme: LIST_ITEM_THEME, **BUTTON_STYLE do |value|
+                    w, h = value.split("x", 2)
+
+                    @game_settings.set_value(:resolution_width, w.to_i)
+                    @game_settings.set_value(:resolution_height, h.to_i)
+                  end
+                end
+
+                flow(width: 1.0, height: 28, margin: 4, margin_left: 10) do
+                  para "Windowed Mode", fill: true, text_wrap: :none
+                  list_box items: @game_settings.get(:windowed_mode).options.map { |v| v[0] }, choose: @game_settings.get_value(:windowed_mode), width: 172, theme: LIST_ITEM_THEME, **BUTTON_STYLE do |value|
+                    @game_settings.set_value(:windowed_mode, value)
+                  end
+                end
+
+                flow(width: 1.0, height: 28, margin: 4, margin_left: 10) do
+                  para "Enable VSync", fill: true, text_wrap: :none
+                  toggle_button tip: "Enable VSync", checked: @game_settings.get_value(:vsync), **BUTTON_STYLE do |btn|
+                    @game_settings.set_value(:vsync, btn.value)
+                  end
+                end
+
+                flow(width: 1.0, height: 28, margin: 4, margin_left: 10) do
+                  para "Anti-aliasing", fill: true, text_wrap: :none
+                  list_box items: @game_settings.get(:anti_aliasing).options.map { |v| v[0] }, choose: @game_settings.get_value(:anti_aliasing), width: 72, theme: LIST_ITEM_THEME, **BUTTON_STYLE do |value|
+                    @game_settings.set_value(:anti_aliasing, value)
+                  end
+                end
+              end
+            end
+
+            flow(width: 1.0, fill: true, margin_top: 16) do
+              stack(width: 0.5, height: 1.0, margin_right: 8) do
+                tagline "Audio"
+
+                flow(width: 1.0, height: 28, margin: 4, margin_left: 10) do
+                  para "Master Volume", fill: true, text_wrap: :none
+                  slider(height: 1.0, width: 172, value: @game_settings.get_value(:master_volume), margin_right: 8).subscribe(:changed) do |slider|
+                    @game_settings.set_value(:master_volume, slider.value)
+                  end
+
+                  toggle_button tip: "Sound Effects", checked: @game_settings.get(:master_enabled), **BUTTON_STYLE do |btn|
+                    @game_settings.set_value(:master_enabled, btn.value)
+                  end
+                end
+
+                flow(width: 1.0, height: 28, margin: 4, margin_left: 10) do
+                  para "Sound Effects", fill: true, text_wrap: :none
+                  slider(height: 1.0, width: 172, value: @game_settings.get_value(:sound_effects_volume), margin_right: 8).subscribe(:changed) do |slider|
+                    @game_settings.set_value(:sound_effects_volume, slider.value)
+                  end
+
+                  toggle_button tip: "Sound Effects", checked: @game_settings.get(:sound_effects_enabled), **BUTTON_STYLE do |btn|
+                    @game_settings.set_value(:sound_effects_enabled, btn.value)
+                  end
+                end
+
+                flow(width: 1.0, height: 28, margin: 4, margin_left: 10) do
+                  para "Dialogue", fill: true, text_wrap: :none
+                  slider(height: 1.0, width: 172, value: @game_settings.get_value(:sound_dialog_volume), margin_right: 8).subscribe(:changed) do |slider|
+                    @game_settings.set_value(:sound_dialog_volume, slider.value)
+                  end
+
+                  toggle_button tip: "Dialogue", checked: @game_settings.get_value(:sound_dialog_enabled), **BUTTON_STYLE do |btn|
+                    @game_settings.set_value(:sound_dialog_enabled, btn.value)
+                  end
+                end
+
+                flow(width: 1.0, height: 28, margin: 4, margin_left: 10) do
+                  para "Music", fill: true, text_wrap: :none
+                  slider(height: 1.0, width: 172, value: @game_settings.get_value(:sound_music_volume), margin_right: 8).subscribe(:changed) do |slider|
+                    @game_settings.set_value(:sound_music_volume, slider.value)
+                  end
+
+                  toggle_button tip: "Music", checked: @game_settings.get_value(:sound_music_enabled), **BUTTON_STYLE do |btn|
+                    @game_settings.set_value(:sound_music_enabled, btn.value)
+                  end
+                end
+
+                flow(width: 1.0, height: 28, margin: 4, margin_left: 10) do
+                  para "Cinematic", fill: true, text_wrap: :none
+                  slider(height: 1.0, width: 172, value: @game_settings.get_value(:sound_cinematic_volume), margin_right: 8).subscribe(:changed) do |slider|
+                    @game_settings.set_value(:sound_cinematic_volume, slider.value)
+                  end
+
+                  toggle_button tip: "Cinematic", checked: @game_settings.get_value(:sound_cinematic_enabled), **BUTTON_STYLE do |btn|
+                    @game_settings.set_value(:sound_cinematic_enabled, btn.value)
+                  end
+                end
+
+                flow(width: 1.0, height: 28, margin: 4, margin_left: 10) do
+                  para "Play Sound with Game in Background", fill: true, text_wrap: :none
+                  toggle_button tip: "Play Sound with Game in Background", checked: @game_settings.get_value(:sound_in_background), **BUTTON_STYLE do |btn|
+                    @game_settings.set_value(:sound_in_background, btn.value)
+                  end
+                end
+              end
+
+              stack(width: 0.5, height: 1.0, margin_left: 8) do
+                tagline "Performance"
+
+                flow(width: 1.0, height: 28, margin: 4, margin_left: 10) do
+                  para "Texture Detail", fill: true, text_wrap: :none
+                  list_box items: @game_settings.get(:texture_detail).options.map { |v| v[0] }, choose: @game_settings.get_value(:texture_detail), width: 172, theme: LIST_ITEM_THEME, **BUTTON_STYLE do |value|
+                    @game_settings.set_value(:texture_detail, value)
+                  end
+                end
+
+                flow(width: 1.0, height: 28, margin: 4, margin_left: 10) do
+                  para "Texture Filtering", fill: true, text_wrap: :none
+                  list_box items: @game_settings.get(:texture_filtering).options.map { |v| v[0] }, choose: @game_settings.get_value(:texture_filtering), width: 172, theme: LIST_ITEM_THEME, **BUTTON_STYLE do |value|
+                    @game_settings.set_value(:texture_filtering, value)
+                  end
+                end
+
+                # flow(width: 1.0, height: 28, margin: 4, margin_left: 10) do
+                #   para "Shader Detail", fill: true
+                #   list_box items: @game_settings.get(:texture_filtering).options.map { |v| v[0] }, choose: @game_settings.get_value(:texture_filtering), width: 172, theme: LIST_ITEM_THEME, **BUTTON_STYLE do |value|
+                #     @game_settings.set_value(:texture_filtering, value)
+                #   end
+                # end
+
+                # flow(width: 1.0, height: 28, margin: 4, margin_left: 10) do
+                #   para "Post Processing Detail", fill: true
+                #   list_box items: @game_settings.get(:texture_filtering).options.map { |v| v[0] }, choose: @game_settings.get_value(:texture_filtering), width: 172, theme: LIST_ITEM_THEME, **BUTTON_STYLE do |value|
+                #     @game_settings.set_value(:texture_filtering, value)
+                #   end
+                # end
+
+                flow(width: 1.0, height: 28, margin: 4, margin_left: 10) do
+                  para "Shadow Resolution", fill: true, text_wrap: :none
+                  list_box items: @game_settings.get(:shadow_resolution).options.map { |v| v[0] }, choose: @game_settings.get_value(:shadow_resolution), width: 172, theme: LIST_ITEM_THEME, **BUTTON_STYLE do |value|
+                    @game_settings.set_value(:shadow_resolution, value)
+                  end
+                end
+
+                flow(width: 1.0, height: 28, margin: 4, margin_left: 10) do
+                  para "High Quality Shadows", fill: true, text_wrap: :none
+                  toggle_button tip: "High Quality Shadows", checked: @game_settings.get_value(:background_downloads), **BUTTON_STYLE do |btn|
+                    @game_settings.set_value(:background_downloads, btn.value)
+                  end
+                end
+
+                flow(width: 1.0, height: 28, margin: 4, margin_left: 10) do
+                  para "FPS Limit", fill: true, text_wrap: :none
+                  list_box items: @game_settings.get(:fps).options.map { |v| v[0] }, choose: @game_settings.get_value(:fps), width: 172, theme: LIST_ITEM_THEME, **BUTTON_STYLE do |value|
+                    @game_settings.set_value(:fps, value.to_i)
+                  end
+                end
+              end
+            end
+          end
+
+          flow(width: 1.0, height: 46, padding: 8) do
+            button "Cancel", width: 0.25 do
+              pop_state
+              @options[:cancel_callback]&.call
+            end
+
+            flow(fill: true)
+
+            button "Save", width: 0.25 do
+              pop_state
+              @game_settings.save_settings!
+
+              @options[:accept_callback]&.call
+            end
+          end
+        end
+      end
+    end
+  end
+end

lib/states/dialogs/import_game_dialog.rb

@@ -0,0 +1,85 @@
+class W3DHub
+  class States
+    class ImportGameDialog < CyberarmEngine::GuiState
+      def setup
+        @application = Store.applications.games.find { |g| g.id == @options[:app_id] }
+        @channel = @application.channels.find { |c| c.id == @options[:channel] }
+
+        theme W3DHub::THEME
+
+        background 0x88_525252
+
+        stack(width: 1.0, max_width: 760, height: 1.0, max_height: 268, v_align: :center, h_align: :center, background: 0xee_222222) do
+          # Title bar
+          flow(width: 1.0, height: 36, padding: 8) do
+            background 0x88_000000
+
+            # image "#{GAME_ROOT_PATH}/media/ui_icons/export.png", width: 32, align: :center, color: 0xaa_ffffff
+
+            # tagline "<b>#{I18n.t(:"server_browser.direct_connect")}</b>", fill: true, text_align: :center
+            title "Import #{@application.name} (#{@channel.name})", width: 1.0, text_align: :center, font: BOLD_FONT
+          end
+
+          stack(width: 1.0, fill: true, padding_left: 8, padding_right: 8) do
+            stack(width: 1.0, height: 72) do
+              para "Path to Executable:"
+
+              flow(width: 1.0, fill: true) do
+                @game_path = edit_line "", fill: true, height: 1.0
+                button "Browse...", width: 128, height: 1.0, tip: "Browse for game executable" do
+                  path = W3DHub.ask_file
+                  @game_path.value = path if !path.empty? && File.exist?(path)
+                end
+              end
+            end
+
+            flow(fill: true)
+
+            flow(width: 1.0, margin_top: 8, height: 46, padding_bottom: 8) do
+              button "Cancel", fill: true, margin_right: 4 do
+                pop_state
+              end
+
+              flow(fill: true)
+
+              @save_button = button "Save", fill: true, margin_left: 4, enabled: false do
+                pop_state
+
+                Store.application_manager.imported!(@application, @channel, @game_path.value)
+              end
+            end
+          end
+        end
+      end
+
+      def draw
+        previous_state&.draw
+
+        Gosu.flush
+
+        super
+      end
+
+      def update
+        super
+
+        @save_button.enabled = valid?
+      end
+
+      def button_down(id)
+        super
+
+        case id
+        when Gosu::KB_ESCAPE
+          pop_state
+        end
+      end
+
+      def valid?
+        path = @game_path.value
+
+        File.exist?(path) && !File.directory?(path) && File.extname(path) == ".exe"
+      end
+    end
+  end
+end

lib/states/dialogs/launcher_updater_dialog.rb

@@ -0,0 +1,62 @@
+class W3DHub
+  class States
+    class LauncherUpdaterDialog < Dialog
+      BUTTON_STYLE = { text_size: 18, padding_top: 3, padding_bottom: 3, padding_left: 3, padding_right: 3, height: 18 }
+      LIST_ITEM_THEME = Marshal.load(Marshal.dump(THEME))
+      BUTTON_STYLE.each do |key, value|
+        LIST_ITEM_THEME[:Button][key] = value
+      end
+
+      def setup
+        window.show_cursor = true
+
+        theme(THEME)
+
+        background 0xaa_525252
+
+        stack(width: 1.0, max_width: 760, height: 1.0, max_height: 640, v_align: :center, h_align: :center, background: 0xee_222222, border_thickness: 2, border_color: 0xee_222222, padding: 16) do
+          flow(width: 1.0, height: 36, padding: 8) do
+            background 0xff_0052c0
+
+            title @options[:title] || "Launcher Update Available", fill: true, text_align: :center, font: BOLD_FONT
+          end
+
+          stack(width: 1.0, fill: true, margin_top: 14) do
+            subtitle "Release Notes - #{@options[:available_version]}"
+
+            # case launcher_release_type
+            # when :git
+            # when :tebako
+            # end
+
+            pp @options[:release_data]
+            
+            stack(width: 1.0, fill: true, scroll: true, padding: 8, border_thickness: 1, border_color: 0x44_ffffff) do
+              # para @options[:release_data][:body], width: 1.0
+              # FIXME: Finish this bit
+              @options[:release_data][:body].lines.each do |line|
+                line.strip
+              end
+            end
+          end
+
+          flow(width: 1.0, height: 46, margin_top: 16) do
+            background 0xff_ffffff
+
+            button "Cancel", width: 0.25 do
+              pop_state
+              @options[:cancel_callback]&.call
+            end
+
+            flow(fill: true)
+
+            button "Update", width: 0.25 do
+              pop_state
+              @options[:accept_callback]&.call
+            end
+          end
+        end
+      end
+    end
+  end
+end

lib/states/dialogs/message_dialog.rb

@@ -1,41 +1,33 @@
 class W3DHub
   class States
-    class MessageDialog < CyberarmEngine::GuiState
+    class MessageDialog < Dialog
       def setup
         window.show_cursor = true
 
         theme(W3DHub::THEME)
 
-        background 0xee_444444
+        background 0xaa_525252
 
         stack(width: 1.0, max_width: 720, height: 1.0, max_height: 480, v_align: :center, h_align: :center, background: 0xee_222222) do
-          flow(width: 1.0, height: 32, padding: 8) do
+          flow(width: 1.0, height: 36, padding: 8) do
             background 0x88_000000
 
-            image "#{GAME_ROOT_PATH}/media/ui_icons/warning.png", width: 32, align: :center, color: 0xff_ff8800
+            image "#{GAME_ROOT_PATH}/media/ui_icons/warning.png", height: 1.0, align: :center, color: 0xff_ff8800
 
-            tagline "<b>#{@options[:title]}</b>", width: 0.9, text_align: :center
+            title "<b>#{@options[:title]}</b>", width: 0.9, text_align: :center, font: BOLD_FONT
           end
 
           stack(width: 1.0, fill: true, padding: 16) do
             para @options[:message], width: 1.0
           end
 
-          stack(width: 1.0, height: 40, padding: 8) do
+          stack(width: 1.0, height: 46, padding: 8) do
             button "Okay", width: 1.0 do
               pop_state
             end
           end
         end
       end
-
-      def draw
-        previous_state&.draw
-
-        Gosu.flush
-
-        super
-      end
     end
   end
 end

lib/states/dialogs/prompt_dialog.rb

@@ -1,20 +1,20 @@
 class W3DHub
   class States
-    class PromptDialog < CyberarmEngine::GuiState
+    class PromptDialog < Dialog
       def setup
         window.show_cursor = true
 
         theme(W3DHub::THEME)
 
-        background 0xee_444444
+        background 0xaa_525252
 
         stack(width: 1.0, max_width: 720, height: 1.0, max_height: 256, v_align: :center, h_align: :center, background: 0xee_222222) do
-          flow(width: 1.0, height: 32, padding: 8) do
+          flow(width: 1.0, height: 36, padding: 8) do
             background 0x88_000000
 
-            image "#{GAME_ROOT_PATH}/media/ui_icons/question.png", width: 32, align: :center, color: 0xff_ff8800
+            image "#{GAME_ROOT_PATH}/media/ui_icons/question.png", height: 1.0, align: :center, color: 0xff_ff8800
 
-            tagline "<b>#{@options[:title]}</b>", fill: true, text_align: :center
+            title "<b>#{@options[:title]}</b>", fill: true, text_align: :center, font: BOLD_FONT
           end
 
           stack(width: 1.0, fill: true, padding: 16) do
@@ -22,7 +22,7 @@ class W3DHub
             @prompt_entry = edit_line @options[:prefill].to_s, margin_top: 24, width: 1.0, autofocus: true, focus: true, type: @options[:input_type] == :password ? :password : :text
           end
 
-          flow(width: 1.0, height: 40, padding: 8) do
+          flow(width: 1.0, height: 46, padding: 8) do
             button "Cancel", width: 0.25 do
               pop_state
               @options[:cancel_callback]&.call(@prompt_entry.value)
@@ -65,14 +65,6 @@ class W3DHub
           end
         end
       end
-
-      def draw
-        previous_state&.draw
-
-        Gosu.flush
-
-        super
-      end
     end
   end
 end

lib/states/game_settings_dialog.rb

@@ -1,163 +0,0 @@
-class W3DHub
-  class States
-    class GameSettingsDialog < CyberarmEngine::GuiState
-      BUTTON_STYLE = { text_size: 18, padding_top: 3, padding_bottom: 3, padding_left: 3, padding_right: 3 }
-      def setup
-        window.show_cursor = true
-
-        theme(W3DHub::THEME)
-
-        background 0xee_444444
-
-        stack(width: 1.0, max_width: 720, height: 1.0, max_height: 512, v_align: :center, h_align: :center, background: 0xee_222222) do
-          flow(width: 1.0, height: 0.1, padding: 8) do
-            background 0x88_000000
-
-            image "#{GAME_ROOT_PATH}/media/icons/#{@options[:app_id]}.png", width: 0.04, align: :center
-
-            tagline "<b>#{@options[:title]}</b>", width: 0.9, text_align: :center
-          end
-
-          stack(width: 1.0, fill: true, padding: 16) do
-            flow(width: 1.0, fill: true) do
-              stack(width: 0.5, height: 1.0) do
-                caption "General"
-
-                flow(width: 1.0, height: 24, margin: 4) do
-                  para "Default to First Person", fill: true
-                  toggle_button tip: "Default to First Person", **BUTTON_STYLE
-                end
-
-                flow(width: 1.0, height: 24, margin: 4) do
-                  para "Enable Chat Log", fill: true
-                  toggle_button tip: "Enable Chat Log", **BUTTON_STYLE
-                end
-
-                flow(width: 1.0, height: 24, margin: 4) do
-                  para "Background Downloads", fill: true
-                  toggle_button tip: "Background Downloads", **BUTTON_STYLE
-                end
-
-                flow(width: 1.0, height: 24, margin: 4) do
-                  para "Show FPS", fill: true
-                  toggle_button tip: "Show FPS", **BUTTON_STYLE
-                end
-              end
-
-              stack(width: 0.5, height: 1.0) do
-                caption "Video"
-
-                flow(width: 1.0, height: 24, margin: 4) do
-                  para "Resolution", fill: true
-                  list_box items: ["#{Gosu.screen_width}x#{Gosu.screen_height}"], width: 128, **BUTTON_STYLE
-                end
-
-                flow(width: 1.0, height: 24, margin: 4) do
-                  para "Windowed Mode", fill: true
-                  list_box items: ["Windowed", "Borderless", "Fullscreen"], width: 128, **BUTTON_STYLE
-                end
-
-                flow(width: 1.0, height: 24, margin: 4) do
-                  para "Enable VSync", fill: true
-                  toggle_button tip: "Enable VSync", **BUTTON_STYLE
-                end
-
-                flow(width: 1.0, height: 24, margin: 4) do
-                  para "MSAA Mode", fill: true
-                  list_box items: %w[0 2 4 8 16], width: 48, **BUTTON_STYLE
-                end
-              end
-            end
-
-            flow(width: 1.0, fill: true) do
-              stack(width: 0.5, height: 1.0) do
-                caption "Audio"
-
-                flow(width: 1.0, height: 24, margin: 4) do
-                  para "Sound Effects", fill: true
-                  slider height: 1.0, width: 172, margin_right: 8
-                  toggle_button tip: "Sound Effects", checked: true, **BUTTON_STYLE
-                end
-
-                flow(width: 1.0, height: 24, margin: 4) do
-                  para "Dialogue", fill: true
-                  slider height: 1.0, width: 172, margin_right: 8
-                  toggle_button tip: "Dialogue", checked: true, **BUTTON_STYLE
-                end
-
-                flow(width: 1.0, height: 24, margin: 4) do
-                  para "Music", fill: true
-                  slider height: 1.0, width: 172, margin_right: 8
-                  toggle_button tip:"Music", checked: true, **BUTTON_STYLE
-                end
-
-                flow(width: 1.0, height: 24, margin: 4) do
-                  para "Cinematic", fill: true
-                  slider height: 1.0, width: 172, margin_right: 8
-                  toggle_button tip: "Cinematic", checked: true, **BUTTON_STYLE
-                end
-              end
-
-              stack(width: 0.5, height: 1.0) do
-                caption "Performance"
-                flow(width: 1.0, height: 24, margin: 4) do
-                  para "Texture Detail", fill: true
-                  list_box items: ["Low", "Medium", "High"], width: 128, **BUTTON_STYLE
-                end
-
-                flow(width: 1.0, height: 24, margin: 4) do
-                  para "Shader Detail", fill: true
-                  list_box items: ["Low", "Medium", "High"], width: 128, **BUTTON_STYLE
-                end
-
-                flow(width: 1.0, height: 24, margin: 4) do
-                  para "Post Proccessing Detail", fill: true
-                  list_box items: ["Low", "Medium", "High"], width: 128, **BUTTON_STYLE
-                end
-
-                flow(width: 1.0, height: 24, margin: 4) do
-                  para "Shadow Detail", fill: true
-                  list_box items: ["Low", "Medium", "High"], width: 128, **BUTTON_STYLE
-                end
-
-                flow(width: 1.0, height: 24, margin: 4) do
-                  para "High Quality Shadows", fill: true
-                  toggle_button tip: "High Quality Shadows", **BUTTON_STYLE
-                end
-              end
-            end
-          end
-
-          flow(width: 1.0, height: 0.1, padding: 8) do
-            button "Cancel", width: 0.25 do
-              pop_state
-              @options[:cancel_callback]&.call
-            end
-
-            flow(fill: true)
-
-            button "WWConfig", width: 0.25 do
-              pop_state
-              Store.application_manager.wwconfig(@options[:app_id], @options[:channel])
-            end
-
-            flow(fill: true)
-
-            button "Save", width: 0.25 do
-              pop_state
-              @options[:accept_callback]&.call
-            end
-          end
-        end
-      end
-
-      def draw
-        previous_state&.draw
-
-        Gosu.flush
-
-        super
-      end
-    end
-  end
-end

lib/states/interface.rb

@@ -1,6 +1,11 @@
 class W3DHub
   class States
     class Interface < CyberarmEngine::GuiState
+      APPLICATIONS_UPDATE_INTERVAL = 10 * 60 * 1000 # ten minutes
+      SERVER_LIST_UPDATE_INTERVAL = 5 * 60 * 1000 # five minutes
+
+      DEFAULT_BACKGROUND_IMAGE = "#{GAME_ROOT_PATH}/media/banners/background.png".freeze
+
       attr_accessor :interface_task_update_pending
 
       @@instance = nil
@@ -18,96 +23,106 @@ class W3DHub
         @service_status = @options[:service_status]
         @applications = @options[:applications]
 
+        @applications_expire = Gosu.milliseconds + APPLICATIONS_UPDATE_INTERVAL # ten minutes
+        @server_list_expire = Gosu.milliseconds + SERVER_LIST_UPDATE_INTERVAL # 5 minutes
+
         @interface_task_update_pending = nil
 
         @page = nil
         @pages = {}
 
-        Store.application_manager.auto_import
+        Store.application_manager.auto_import # unless Store.offline_mode
 
         theme(W3DHub::THEME)
 
-        @interface_container = flow(width: 1.0, height: 1.0) do
+        @interface_container = stack(width: 1.0, height: 1.0, border_thickness: 1, border_color: W3DHub::BORDER_COLOR, background_image: DEFAULT_BACKGROUND_IMAGE, background_image_mode: :fill) do
-          # TODO: Override this background color to be a darkened version of the selected games
+          background 0xff_252525
-          #       or a default color
-          background 0xff_212121..0xff_111111
 
-          flow(fill: true, height: 1.0)
+          @header_container = flow(width: 1.0, height: 84, padding: 4, border_thickness_bottom: 1, border_color_bottom: W3DHub::BORDER_COLOR) do
+            background 0xaa_151515
 
-          stack(width: 1.0, max_width: MAX_PAGE_WIDTH, height: 1.0, border_thickness: 1, border_color: 0xff_aaaaaa) do
+            flow(width: 148, height: 1.0) do
-            background 0xff_252525
+              flow(fill: true)
+              image "#{GAME_ROOT_PATH}/media/icons/app.png", height: 84
+              flow(fill: true)
+            end
 
-            @header_container = flow(width: 1.0, height: 100, padding: 4) do
+            @navigation_container = stack(fill: true, height: 1.0) do
-              image "#{GAME_ROOT_PATH}/media/icons/app.png", width: 108
+              @nav_padding_top_container = flow(fill: true)
 
-              stack(fill: true, height: 1.0) do
+              flow(width: 1.0, height: 36) do
-                # background 0xff_885500
+                # background 0xff_666666
 
-                @app_info_container = flow(width: 1.0, height: 0.65) do
+                link I18n.t(:"interface.games").upcase, text_size: 34, font: BOLD_FONT do
-                  # background 0xff_8855ff
+                  page(W3DHub::Pages::Games)
-
-                  stack(fill: true, height: 1.0) do
-                    title "<b>#{I18n.t(:"app_name")}</b>", height: 0.5
-                    flow(width: 1.0, height: 0.5) do
-                      @application_taskbar_container = stack(width: 1.0, height: 1.0, margin_left: 16, margin_right: 16) do
-                        flow(width: 1.0, height: 0.65) do
-                          @application_taskbar_label = inscription "", width: 0.60, text_wrap: :none
-                          @application_taskbar_status_label = inscription "", width: 0.40, text_align: :right, text_wrap: :none
-                        end
-
-                        @application_taskbar_progressbar = progress fraction: 0.0, height: 2, width: 1.0
-                      end
-                    end
-                  end
-
-                  @account_container = flow(width: 256, height: 1.0) do
-                    stack(width: 1.0, height: 1.0) do
-                      tagline "<b>#{I18n.t(:"interface.not_logged_in")}</b>", text_wrap: :none
-
-                      flow(width: 1.0) do
-                        link(I18n.t(:"interface.log_in"), text_size: 16, width: 0.5) { page(W3DHub::Pages::Login) }
-                        link I18n.t(:"interface.register"), text_size: 16, width: 0.49 do
-                          Launchy.open("https://secure.w3dhub.com/forum/index.php?app=core&module=global&section=register")
-                        end
-                      end
-                    end
-                  end
                 end
 
-                @navigation_container = flow(width: 1.0, height: 0.35) do
+                link I18n.t(:"interface.servers").upcase, text_size: 34, font: BOLD_FONT, margin_left: 12 do
-                  # background 0xff_666666
+                  @interface_container.style.background_image = DEFAULT_BACKGROUND_IMAGE
-                  flow(width: 1.0, height: 1.0) do
+                  @interface_container.style.default[:background_image] = DEFAULT_BACKGROUND_IMAGE
-                    flow(fill: true, height: 1.0) # Hacky centering
+                  page(W3DHub::Pages::ServerBrowser)
-                    link I18n.t(:"interface.games") do
+                end
-                      page(W3DHub::Pages::Games)
-                    end
 
-                    link I18n.t(:"interface.server_browser"), margin_left: 18 do
+                link I18n.t(:"interface.community").upcase, text_size: 34, font: BOLD_FONT, margin_left: 12 do
-                      page(W3DHub::Pages::ServerBrowser)
+                  @interface_container.style.background_image = DEFAULT_BACKGROUND_IMAGE
-                    end
+                  @interface_container.style.default[:background_image] = DEFAULT_BACKGROUND_IMAGE
+                  page(W3DHub::Pages::Community)
+                end
 
-                    link I18n.t(:"interface.community"), margin_left: 18 do
+                link I18n.t(:"interface.downloads").upcase, text_size: 34, font: BOLD_FONT, margin_left: 12 do
-                      page(W3DHub::Pages::Community)
+                  @interface_container.style.background_image = DEFAULT_BACKGROUND_IMAGE
-                    end
+                  @interface_container.style.default[:background_image] = DEFAULT_BACKGROUND_IMAGE
+                  page(W3DHub::Pages::DownloadManager)
+                end
 
-                    link I18n.t(:"interface.downloads"), margin_left: 18 do
+                link I18n.t(:"interface.settings").upcase, text_size: 34, font: BOLD_FONT, margin_left: 12 do
-                      page(W3DHub::Pages::DownloadManager)
+                  @interface_container.style.background_image = DEFAULT_BACKGROUND_IMAGE
-                    end
+                  @interface_container.style.default[:background_image] = DEFAULT_BACKGROUND_IMAGE
+                  page(W3DHub::Pages::Settings)
+                end
+              end
 
-                    link I18n.t(:"interface.settings"), margin_left: 18 do
+              @nav_padding_bottom_container = flow(fill: true)
-                      page(W3DHub::Pages::Settings)
+
-                    end
+              # Installer task display
-                    flow(fill: true, height: 1.0) # Hacky centering
+              @application_taskbar_container = flow(width: 1.0, height: 0.5) do
+                stack(width: 1.0, height: 1.0, margin_left: 16, margin_right: 16) do
+                  flow(width: 1.0, height: 0.65) do
+                    @application_taskbar_label = para "", fill: true, text_wrap: :none
+                    @application_taskbar_status_label = para "", width: 0.4, min_width: 256, text_align: :right, text_wrap: :none
                   end
+
+                  @application_taskbar_progressbar = progress fraction: 0.0, height: 2, width: 1.0
                 end
               end
             end
 
-            @content_container = flow(width: 1.0, fill: true) do
+            @account_container = flow(width: 256, height: 1.0) do
+              if Store.offline_mode
+                stack(width: 1.0, height: 1.0) do
+                  flow(fill: true)
+
+                  title "<b>OFFLINE</b>", text_wrap: :none, width: 1.0, text_align: :center
+
+                  flow(fill: true)
+                end
+              else
+                stack(width: 1.0, height: 1.0) do
+                  tagline "<b>#{I18n.t(:"interface.not_logged_in")}</b>", text_wrap: :none
+
+                  flow(width: 1.0) do
+                    link(I18n.t(:"interface.log_in"), text_size: 22, width: 0.5) { page(W3DHub::Pages::Login) }
+                    link I18n.t(:"interface.register"), text_size: 22, width: 0.49 do
+                      W3DHub.url("https://secure.w3dhub.com/forum/index.php?app=core&module=global&section=register")
+                    end
+                  end
+                end
+              end
             end
           end
 
-          flow(fill: true, height: 1.0)
+          @content_container = flow(width: 1.0, fill: true) do
+          end
         end
 
         if Store.account
@@ -131,6 +146,36 @@ class W3DHub
         @page&.update
 
         update_interface_task_status(@interface_task_update_pending) if @interface_task_update_pending
+
+        if Gosu.milliseconds >= @applications_expire
+          @applications_expire = Gosu.milliseconds + 30_000
+
+          Api.on_thread(:_applications) do |applications|
+            if applications
+              @applications_expire = Gosu.milliseconds + APPLICATIONS_UPDATE_INTERVAL # ten minutes
+
+              Store.applications = applications
+
+              # TODO: Signal Games and ServerBrowser that applications have been updated
+            end
+          end
+        end
+
+        if Gosu.milliseconds >= @server_list_expire
+          @server_list_expire = Gosu.milliseconds + 30_000
+
+          Api.on_thread(:server_list, 2) do |list|
+            if list
+              @server_list_expire = Gosu.milliseconds + SERVER_LIST_UPDATE_INTERVAL # five minutes
+
+              Store.server_list_last_fetch = Gosu.milliseconds
+
+              Api::ServerListUpdater.instance.refresh_server_list(list)
+
+              BackgroundWorker.foreground_job(-> {}, ->(_) { States::Interface.instance&.update_server_browser(nil, :refresh_all) })
+            end
+          end
+        end
       end
 
       def button_down(id)
@@ -166,18 +211,28 @@ class W3DHub
         @page
       end
 
-      def update_server_browser(server)
+      def update_server_browser(server, mode = :update)
         return unless @page.is_a?(Pages::ServerBrowser)
 
-        @page.refresh_server_list(server)
+        @page.refresh_server_list(server, mode)
+      end
+
+      def update_server_ping(server)
+        return unless @page.is_a?(Pages::ServerBrowser)
+
+        @page.update_server_ping(server)
       end
 
       def show_application_taskbar
+        @nav_padding_top_container.hide
+        @nav_padding_bottom_container.hide
         @application_taskbar_container.show
       end
 
       def hide_application_taskbar
         @application_taskbar_container.hide
+        @nav_padding_top_container.show
+        @nav_padding_bottom_container.show
       end
 
       def update_interface_task_status(task)

lib/states/interface_redesign.rb

@@ -1,223 +0,0 @@
-class W3DHub
-  class States
-    class Interface < CyberarmEngine::GuiState
-      attr_accessor :interface_task_update_pending
-
-      @@instance = nil
-
-      def self.instance
-        @@instance
-      end
-
-      def setup
-        @@instance = self
-
-        window.show_cursor = true
-
-        @account = @options[:account]
-        @service_status = @options[:service_status]
-        @applications = @options[:applications]
-
-        @interface_task_update_pending = nil
-
-        @page = nil
-        @pages = {}
-
-        Store.application_manager.auto_import # unless Store.offline_mode
-
-        theme(W3DHub::THEME)
-
-        @interface_container = stack(width: 1.0, height: 1.0, border_thickness: 1, border_color: W3DHub::BORDER_COLOR) do
-          background 0xff_252525
-
-          @header_container = flow(width: 1.0, height: 84, padding: 4, border_thickness_bottom: 1, border_color_bottom: W3DHub::BORDER_COLOR) do
-            flow(width: 148, height: 1.0) do
-              flow(fill: true)
-              image "#{GAME_ROOT_PATH}/media/icons/app.png", height: 84
-              flow(fill: true)
-            end
-
-            @navigation_container = stack(fill: true, height: 1.0) do
-              flow(width: 1.0, fill: true) do
-                # background 0xff_666666
-
-                link I18n.t(:"interface.games").upcase, text_size: 34 do
-                  page(W3DHub::Pages::Games)
-                end
-
-                link I18n.t(:"interface.servers").upcase, text_size: 34, margin_left: 12 do
-                  page(W3DHub::Pages::ServerBrowser)
-                end
-
-                link I18n.t(:"interface.community").upcase, text_size: 34, margin_left: 12 do
-                  page(W3DHub::Pages::Community)
-                end
-
-                link I18n.t(:"interface.downloads").upcase, text_size: 34, margin_left: 12 do
-                  page(W3DHub::Pages::DownloadManager)
-                end
-
-                link I18n.t(:"interface.settings").upcase, text_size: 34, margin_left: 12 do
-                  page(W3DHub::Pages::Settings)
-                end
-              end
-
-              # Installer task display
-              flow(width: 1.0, height: 0.5) do
-                @application_taskbar_container = stack(width: 1.0, height: 1.0, margin_left: 16, margin_right: 16) do
-                  flow(width: 1.0, height: 0.65) do
-                    @application_taskbar_label = inscription "", width: 0.60, text_wrap: :none
-                    @application_taskbar_status_label = inscription "", width: 0.40, text_align: :right, text_wrap: :none
-                  end
-
-                  @application_taskbar_progressbar = progress fraction: 0.0, height: 2, width: 1.0
-                end
-              end
-            end
-
-            @account_container = flow(width: 256, height: 1.0) do
-              if Store.offline_mode
-                stack(width: 1.0, height: 1.0) do
-                  flow(fill: true)
-
-                  title "<b>OFFLINE</b>", text_wrap: :none, width: 1.0, text_align: :center
-
-                  flow(fill: true)
-                end
-              else
-                stack(width: 1.0, height: 1.0) do
-                  tagline "<b>#{I18n.t(:"interface.not_logged_in")}</b>", text_wrap: :none
-
-                  flow(width: 1.0) do
-                    link(I18n.t(:"interface.log_in"), text_size: 16, width: 0.5) { page(W3DHub::Pages::Login) }
-                    link I18n.t(:"interface.register"), text_size: 16, width: 0.49 do
-                      Launchy.open("https://secure.w3dhub.com/forum/index.php?app=core&module=global&section=register")
-                    end
-                  end
-                end
-              end
-            end
-          end
-
-          @content_container = flow(width: 1.0, fill: true) do
-          end
-        end
-
-        if Store.account
-          page(W3DHub::Pages::Login)
-        else
-          page(W3DHub::Pages::Games)
-        end
-
-        hide_application_taskbar
-      end
-
-      def draw
-        super
-
-        @page&.draw
-      end
-
-      def update
-        super
-
-        @page&.update
-
-        update_interface_task_status(@interface_task_update_pending) if @interface_task_update_pending
-      end
-
-      def button_down(id)
-        super
-
-        @page&.button_down(id)
-      end
-
-      def button_up(id)
-        super
-
-        @page&.button_up(id)
-      end
-
-      def body
-        @content_container
-      end
-
-      def page(klass, options = {})
-        body.clear
-
-        @page.blur if @page
-
-        @pages[klass] = klass.new(host: self) unless @pages[klass]
-        @page = @pages[klass]
-
-        @page.options = options
-        @page.setup
-        @page.focus
-      end
-
-      def current_page
-        @page
-      end
-
-      def update_server_browser(server)
-        return unless @page.is_a?(Pages::ServerBrowser)
-
-        @page.refresh_server_list(server)
-      end
-
-      def update_server_ping(server)
-        return unless @page.is_a?(Pages::ServerBrowser)
-
-        @page.update_server_ping(server)
-      end
-
-      def show_application_taskbar
-        @application_taskbar_container.show
-      end
-
-      def hide_application_taskbar
-        @application_taskbar_container.hide
-      end
-
-      def update_interface_task_status(task)
-        @application_taskbar_label.value = task.status.label
-        @application_taskbar_status_label.value = "#{task.status.value} (#{format("%.2f%%", task.status.progress.clamp(0.0, 1.0) * 100.0)})"
-        @application_taskbar_progressbar.value = task.status.progress.clamp(0.0, 1.0)
-
-        return unless @page.is_a?(Pages::DownloadManager)
-
-        operation_info = @page.operation_info
-        operation_step = @page.operation_info[:___step]
-
-        if task.status.step != operation_step
-          @page.regenerate(task)
-
-          return
-        end
-
-        task.status.operations.each do |key, operation|
-
-          name_ = operation_info["#{key}_name"]
-          status_ = operation_info["#{key}_status"]
-          progress_ = operation_info["#{key}_progress"]
-
-          next if name_.value == operation.label &&
-                  status_.value == operation.value &&
-                  progress_.value == operation.value
-
-          name_.value = operation.label if operation.label
-          status_.value = operation.value if operation.value
-
-          if operation.progress
-            if operation.progress == Float::INFINITY
-              progress_.type = :marquee unless progress_.type == :marquee
-            else
-              progress_.type = :linear unless progress_.type == :linear
-              progress_.value = operation.progress.clamp(0.0, 1.0)
-            end
-          end
-        end
-      end
-    end
-  end
-end

lib/states/welcome.rb

@@ -5,14 +5,13 @@ class W3DHub
         window.show_cursor = true
 
         theme(W3DHub::THEME)
-        background 0x88_252525
 
 
-        flow(width: 1.0, height: 1.0) do
+        flow(width: 1.0, height: 1.0, background_image: "#{GAME_ROOT_PATH}/media/banners/background.png", background_image_color: 0xff_525252, background_image_mode: :fill) do
           flow(fill: true)
 
           @card_container = stack(width: 1.0, max_width: MAX_PAGE_WIDTH, height: 1.0, max_height: 720, margin: 128, padding: 16) do
-            background 0xff_252525
+            background 0xaa_353535
           end
 
           flow(fill: true)
@@ -30,7 +29,7 @@ class W3DHub
           caption "The #{I18n.t(:app_name_simple)} is a one-stop shop for your W3D gaming needs, providing game downloads, automatic updating, an integrated server browser, and centralized management of in-game options.", width: 1.0, margin_left: 32
         end
 
-        flow(width: 1.0, height: 40) do
+        flow(width: 1.0, height: 46) do
           stack(fill: true, height: 1.0) do
             link "Skip", border_color_bottom: 0xff_777777 do
               pop_state
@@ -55,7 +54,7 @@ class W3DHub
           caption "Browse our selection of games from the left panel of the Games tab.\n• Interim Apex - Renegade but with hundreds of vehicles and characters.\n• Red Alert: A Path Beyond - DESCRIPTION\n• Tiberian Sun: Reborn - DESCRIPTION\n\nAnd more... Check out the left panel on the Games tab.", width: 1.0, margin_left: 32
         end
 
-        flow(width: 1.0, height: 40) do
+        flow(width: 1.0, height: 46) do
           flow(fill: true, height: 1.0) do
             button "< Back" do
               @card_container.clear { card_welcome }
@@ -88,7 +87,7 @@ class W3DHub
           caption "Subscribe to our YouTube channel", margin_left: 32
         end
 
-        flow(width: 1.0, height: 40) do
+        flow(width: 1.0, height: 46) do
           flow(fill: true, height: 1.0) do
             button "< Back" do
               @card_container.clear { card_getting_started }

lib/theme.rb

@@ -7,12 +7,28 @@ class W3DHub
   MAX_PAGE_WIDTH = 1200
 
   TESTING_BUTTON = {
-    background: 0xff_ff8800,
+    background: 0xff_ff8800..0xff_dd6600,
+    border_color: Gosu::Color::NONE,
     hover: {
-      background: 0xff_ffaa00
+      background: 0xff_dd6600..0xff_bb4400,
+      border_color: 0xff_ff8800,
     },
     active: {
-      background: 0xff_ffec00
+      background: 0xff_bb4400..0xff_dd6600,
+     border_color: 0xff_ff8800
+    }
+  }
+
+  DANGEROUS_BUTTON = {
+    background: 0xff_800000..0xff_600000,
+    border_color: Gosu::Color::NONE,
+    hover: {
+      background: 0xff_600000..0xff_400000,
+      border_color: 0xff_800000,
+    },
+    active: {
+      background: 0xff_400000..0xff_600000,
+      border_color: 0xff_800000
     }
   }
 
@@ -20,46 +36,93 @@ class W3DHub
 
   THEME = {
     ToolTip: {
-      background: 0xff_dedede,
+      background: 0xff_222222,
-      color: 0xaa_000000,
+      color: 0xff_f2f2f2,
-      text_size: 18,
+      text_size: 22,
+      text_static: true,
       text_border: false,
       text_shadow: false
     },
     TextBlock: {
-      font: BOLD_FONT,
+      font: REGULAR_FONT,
+      color: 0xff_f2f2f2,
+      text_static: true,
       text_border: false,
       text_shadow: true,
       text_shadow_size: 1,
       text_shadow_color: 0x88_000000
     },
-    EditLine: {
+    Banner: { # < TextBlock
-      border_thickness: 2,
+      text_size: 48,
-      border_color: Gosu::Color::WHITE,
+      font: BOLD_FONT
-      hover: { color: Gosu::Color::WHITE }
+    },
+    Title: { # < TextBlock
+      text_size: 34,
+      font: BOLD_FONT
+    },
+    Subtitle: { # < TextBlock
+      text_size: 28,
+      font: BOLD_FONT
+    },
+    Tagline: { # < TextBlock
+      text_size: 26,
+      font: BOLD_FONT
+    },
+    Caption: { # < TextBlock
+      text_size: 24
+    },
+    Para: { # < TextBlock
+      text_size: 22
+    },
+    Inscription: { # < TextBlock
+      text_size: 18
     },
     Link: {
       color: 0xff_cdcdcd,
       hover: {
-        color: Gosu::Color::WHITE
+        color: 0xff_f2f2f2
       },
       active: {
         color: 0xff_eeeeee
       }
     },
     Button: {
-      text_size: 18,
+      font: BOLD_FONT,
+      color: 0xff_f2f2f2,
+      text_size: 22,
       padding_top: 8,
       padding_left: 16,
       padding_right: 16,
       padding_bottom: 8,
+      border_thickness: 2,
       border_color: Gosu::Color::NONE,
-      background: 0xff_00acff,
+      background: 0xff_0074e0..0xff_0052c0,
       hover: {
-        background: 0xff_bee6fd
+        color: 0xff_f2f2f2,
+        background: 0xff_0052c0..0xff_0030a0,
+        border_color: 0xff_0074e0
       },
       active: {
-        background: 0xff_add5ec
+        color: 0xff_aaaaaa,
+        background: 0xff_0030a0..0xff_0052c0,
+        border_color: 0xff_0074e0
+      }
+    },
+    EditLine: {
+      font: REGULAR_FONT,
+      color: 0xff_f2f2f2,
+      background: 0xff_383838,
+      border_thickness: 2,
+      border_color: 0xff_0074e0,
+      hover: {
+        color: 0xff_f2f2f2,
+        background: 0xff_323232,
+        border_color: 0xff_0074e0
+      },
+      active: {
+        color: 0xff_f2f2f2,
+        background: 0xff_4b4b4b,
+        border_color: 0xff_0074e0
       }
     },
     ToggleButton: {
@@ -70,7 +133,8 @@ class W3DHub
       checkmark_image: "#{GAME_ROOT_PATH}/media/ui_icons/checkmark.png"
     },
     Progress: {
-      fraction_background: 0xff_00acff,
+      background: 0xff_353535,
+      fraction_background: 0xff_0074e0,
       border_thickness: 0
     },
     ListBox: {
@@ -78,21 +142,42 @@ class W3DHub
       padding_right: 8
     },
     Slider: {
-      border_color: 0xff_00acff
+      border_color: 0xff_0074e0
     },
     Handle: {
-      text_size: 18,
+      text_size: 22,
       padding_top: 8,
       padding_left: 2,
       padding_right: 2,
       padding_bottom: 8,
       border_color: Gosu::Color::NONE,
-      background: 0xff_00acff,
+      background: 0xff_0074e0,
       hover: {
-        background: 0xff_bee6fd
+        background: 0xff_004c94
       },
       active: {
-        background: 0xff_add5ec
+        background: 0xff_005aad
+      }
+    },
+    Menu: {
+      width: 200,
+      border_color: 0xaa_efefef,
+      border_thickness: 1
+    },
+    MenuItem: {
+      width: 1.0,
+      text_left: :left,
+      margin: 0,
+      border_color: Gosu::Color::NONE,
+      background: 0xff_0074e0,
+      hover: {
+        color: 0xff_f2f2f2,
+        background: 0xff_0052c0,
+        border_color: Gosu::Color::NONE
+      },
+      active: {
+        background: 0xff_0030a0,
+        border_color: Gosu::Color::NONE
       }
     }
   }

lib/version.rb

@@ -1,4 +1,4 @@
 class W3DHub
   DIR_NAME = "W3DHubAlt"
-  VERSION = "0.1.0"
+  VERSION = "0.8.0"
 end

lib/win32_stub.rb

@@ -0,0 +1,110 @@
+module Win32
+  class Registry
+    module Constants
+      HKEY_CLASSES_ROOT = 0x80000000
+      HKEY_CURRENT_USER = 0x80000001
+      HKEY_LOCAL_MACHINE = 0x80000002
+      HKEY_USERS = 0x80000003
+      HKEY_PERFORMANCE_DATA = 0x80000004
+      HKEY_PERFORMANCE_TEXT = 0x80000050
+      HKEY_PERFORMANCE_NLSTEXT = 0x80000060
+      HKEY_CURRENT_CONFIG = 0x80000005
+      HKEY_DYN_DATA = 0x80000006
+
+      REG_NONE = 0
+      REG_SZ = 1
+      REG_EXPAND_SZ = 2
+      REG_BINARY = 3
+      REG_DWORD = 4
+      REG_DWORD_LITTLE_ENDIAN = 4
+      REG_DWORD_BIG_ENDIAN = 5
+      REG_LINK = 6
+      REG_MULTI_SZ = 7
+      REG_RESOURCE_LIST = 8
+      REG_FULL_RESOURCE_DESCRIPTOR = 9
+      REG_RESOURCE_REQUIREMENTS_LIST = 10
+      REG_QWORD = 11
+      REG_QWORD_LITTLE_ENDIAN = 11
+
+      STANDARD_RIGHTS_READ = 0x00020000
+      STANDARD_RIGHTS_WRITE = 0x00020000
+      KEY_QUERY_VALUE = 0x0001
+      KEY_SET_VALUE = 0x0002
+      KEY_CREATE_SUB_KEY = 0x0004
+      KEY_ENUMERATE_SUB_KEYS = 0x0008
+      KEY_NOTIFY = 0x0010
+      KEY_CREATE_LINK = 0x0020
+      KEY_READ = STANDARD_RIGHTS_READ |
+        KEY_QUERY_VALUE | KEY_ENUMERATE_SUB_KEYS | KEY_NOTIFY
+      KEY_WRITE = STANDARD_RIGHTS_WRITE |
+        KEY_SET_VALUE | KEY_CREATE_SUB_KEY
+      KEY_EXECUTE = KEY_READ
+      KEY_ALL_ACCESS = KEY_READ | KEY_WRITE | KEY_CREATE_LINK
+
+      REG_OPTION_RESERVED = 0x0000
+      REG_OPTION_NON_VOLATILE = 0x0000
+      REG_OPTION_VOLATILE = 0x0001
+      REG_OPTION_CREATE_LINK = 0x0002
+      REG_OPTION_BACKUP_RESTORE = 0x0004
+      REG_OPTION_OPEN_LINK = 0x0008
+      REG_LEGAL_OPTION = REG_OPTION_RESERVED |
+        REG_OPTION_NON_VOLATILE | REG_OPTION_CREATE_LINK |
+        REG_OPTION_BACKUP_RESTORE | REG_OPTION_OPEN_LINK
+
+      REG_CREATED_NEW_KEY = 1
+      REG_OPENED_EXISTING_KEY = 2
+
+      REG_WHOLE_HIVE_VOLATILE = 0x0001
+      REG_REFRESH_HIVE = 0x0002
+      REG_NO_LAZY_FLUSH = 0x0004
+      REG_FORCE_RESTORE = 0x0008
+
+      MAX_KEY_LENGTH = 514
+      MAX_VALUE_LENGTH = 32768
+    end
+    include Constants
+    include Enumerable
+
+    class Error < ::StandardError
+      attr_reader :code
+    end
+
+    class PredefinedKey < Registry
+      def initialize(hkey, keyname)
+        @hkey = hkey
+        @parent = nil
+        @keyname = keyname
+        @disposition = REG_OPENED_EXISTING_KEY
+      end
+
+      # Predefined keys cannot be closed
+      def close
+        raise Error.new(5) ## ERROR_ACCESS_DENIED
+      end
+
+      # Fake #class method for Registry#open, Registry#create
+      def class
+        Registry
+      end
+
+      # Make all
+      Constants.constants.grep(/^HKEY_/) do |c|
+        Registry.const_set c, new(Constants.const_get(c), c.to_s)
+      end
+    end
+
+    def open(*args)
+      raise Win32::Registry::Error
+    end
+
+    def create(*args)
+      Stub.new
+    end
+
+    class Stub
+      def write_i(*arg)
+        # No OP
+      end
+    end
+  end
+end

lib/window.rb

@@ -1,6 +1,7 @@
 class W3DHub
   class Window < CyberarmEngine::Window
     def setup
+      self.show_stats_plotter = false
       self.caption = I18n.t(:app_name)
 
       Store[:server_list] = []
@@ -9,11 +10,6 @@ class W3DHub
 
       Store[:main_thread_queue] = []
 
-      # Repair/Upgrade schema
-      Store.settings[:favorites] ||= {}
-
-      Store.settings.save_settings
-
       begin
         I18n.locale = Store.settings[:language]
       rescue I18n::InvalidLocale
@@ -40,16 +36,8 @@ class W3DHub
       sleep(update_interval / 1000.0) if W3DHub::BackgroundWorker.busy? || Store.application_manager.busy?
     end
 
-    def gain_focus
+    def needs_redraw?
-      super
+      states.any?(&:needs_repaint?)
-
-      self.update_interval = 1000.0 / 60
-    end
-
-    def lose_focus
-      super
-
-      self.update_interval = 1000.0 / 10
     end
 
     def close

w3d_hub_linux_launcher.rb

@@ -1,21 +1,38 @@
 # Hint to SDL that we're not a game and that the system may sleep
 ENV["SDL_VIDEO_ALLOW_SCREENSAVER"] = "1"
 
+BUNDLER_USED = ARGV.join.include?("--bundler")
+if BUNDLER_USED
+  require "bundler/setup"
+  Bundler.require
+end
+
 require "fileutils"
 require "digest"
 require "rexml"
 require "logger"
 require "time"
+require "base64"
+require "zip"
+require "excon"
 
 class W3DHub
   W3DHUB_DEBUG = ARGV.join.include?("--debug")
   W3DHUB_DEVELOPER = ARGV.join.include?("--developer")
 
-  GAME_ROOT_PATH = File.expand_path(".", __dir__)
+  # Use the real working directory as the root for runtime data/logs
-  CACHE_PATH = "#{GAME_ROOT_PATH}/data/cache"
+  GAME_ROOT_PATH = Dir.pwd
-  SETTINGS_FILE_PATH = "#{GAME_ROOT_PATH}/data/settings.json"
 
-  LOGGER = Logger.new("#{GAME_ROOT_PATH}/data/logs/w3d_hub_linux_launcher.log", "daily")
+  CACHE_PATH = "#{GAME_ROOT_PATH}/data/cache"
+  LOGS_PATH = "#{GAME_ROOT_PATH}/data/logs"
+  SETTINGS_FILE_PATH = "#{GAME_ROOT_PATH}/data/settings.json"
+  APPLICATIONS_CACHE_FILE_PATH = "#{GAME_ROOT_PATH}/data/applications_cache.json"
+
+  # Ensure data/cache and data/logs exist
+  FileUtils.mkdir_p(CACHE_PATH) unless Dir.exist?(CACHE_PATH)
+  FileUtils.mkdir_p(LOGS_PATH) unless Dir.exist?(LOGS_PATH)
+
+  LOGGER = Logger.new("#{LOGS_PATH}/w3d_hub_linux_launcher.log", "daily")
   LOGGER.level = Logger::Severity::DEBUG # W3DHUB_DEBUG ? Logger::Severity::DEBUG : Logger::Severity::WARN
 
   LOG_TAG = "W3DHubLinuxLauncher"
@@ -51,13 +68,15 @@ module Kernel
   end
 end
 
-begin
+unless BUNDLER_USED
-  require_relative "../cyberarm_engine/lib/cyberarm_engine"
+  begin
-rescue LoadError => e
+    require_relative "../cyberarm_engine/lib/cyberarm_engine"
-  logger.warn(W3D::LOG_TAG) { "Failed to load local cyberarm_engine:" }
+  rescue LoadError => e
-  logger.warn(W3D::LOG_TAG) { e }
+    logger.warn(W3DHub::LOG_TAG) { "Failed to load local cyberarm_engine:" }
+    logger.warn(W3DHub::LOG_TAG) { e }
 
-  require "cyberarm_engine"
+    require "cyberarm_engine"
+  end
 end
 
 class W3DHub
@@ -66,15 +85,15 @@ class W3DHub
 end
 
 require "i18n"
-require "launchy"
 require "websocket-client-simple"
 require "English"
+require "sdl2"
 
 I18n.load_path << Dir["#{W3DHub::GAME_ROOT_PATH}/locales/*.yml"]
 I18n.default_locale = :en
 
 # GUI_DEBUG = true
-require_relative "lib/gui_state_ext"
+require_relative "lib/win32_stub" unless Gem.win_platform?
 
 require_relative "lib/version"
 require_relative "lib/theme"
@@ -86,6 +105,8 @@ require_relative "lib/settings"
 require_relative "lib/mixer"
 require_relative "lib/ico"
 require_relative "lib/multicast_server"
+require_relative "lib/hardware_survey"
+require_relative "lib/game_settings"
 require_relative "lib/background_worker"
 require_relative "lib/application_manager"
 require_relative "lib/application_manager/manifest"
@@ -96,17 +117,18 @@ require_relative "lib/application_manager/tasks/installer"
 require_relative "lib/application_manager/tasks/updater"
 require_relative "lib/application_manager/tasks/uninstaller"
 require_relative "lib/application_manager/tasks/repairer"
-require_relative "lib/application_manager/tasks/importer"
 require_relative "lib/states/demo_input_delay"
 require_relative "lib/states/boot"
-# require_relative "lib/states/interface"
+require_relative "lib/states/interface"
-require_relative "lib/states/interface_redesign"
 require_relative "lib/states/welcome"
-require_relative "lib/states/message_dialog"
+require_relative "lib/states/dialog"
-require_relative "lib/states/prompt_dialog"
+require_relative "lib/states/dialogs/message_dialog"
-require_relative "lib/states/confirm_dialog"
+require_relative "lib/states/dialogs/prompt_dialog"
-require_relative "lib/states/direct_connect_dialog"
+require_relative "lib/states/dialogs/confirm_dialog"
-require_relative "lib/states/game_settings_dialog"
+require_relative "lib/states/dialogs/direct_connect_dialog"
+require_relative "lib/states/dialogs/game_settings_dialog"
+require_relative "lib/states/dialogs/import_game_dialog"
+require_relative "lib/states/dialogs/launcher_updater_dialog"
 
 require_relative "lib/api"
 require_relative "lib/api/service_status"
@@ -119,14 +141,14 @@ require_relative "lib/api/package"
 require_relative "lib/api/event"
 
 require_relative "lib/page"
-# require_relative "lib/pages/games"
+require_relative "lib/pages/games"
-require_relative "lib/pages/games_redesign"
 require_relative "lib/pages/server_browser"
 require_relative "lib/pages/community"
 require_relative "lib/pages/login"
 require_relative "lib/pages/settings"
 require_relative "lib/pages/download_manager"
 
+require_relative "lib/asterisk/irc_client"
 require_relative "lib/asterisk/config"
 require_relative "lib/asterisk/game"
 require_relative "lib/asterisk/irc_profile"
@@ -136,7 +158,18 @@ require_relative "lib/asterisk/states/game_form"
 require_relative "lib/asterisk/states/irc_profile_form"
 require_relative "lib/asterisk/states/server_profile_form"
 
-require "win32/process" if W3DHub.windows?
+if W3DHub.windows?
+  require "libui"
+  require "win32/process"
+
+  # Using a WHOLE ui library for: native file/folder open dialogs...
+  LibUI.init
+  LIBUI_WINDOW = LibUI.new_window("", 100, 100, 0)
+  at_exit do
+    LibUI.control_destroy(LIBUI_WINDOW)
+    LibUI.uninit
+  end
+end
 
 logger.info(W3DHub::LOG_TAG) { "W3D Hub Linux Launcher v#{W3DHub::VERSION}" }