[Suggestion] Extended & Official Server list

[thmsndk]

• [x] Make serverlist a grid?
• [x] Allow showing a server status in the server

  The official client hits GET /api/version on each server to check status

  {
  "ok": 1,
  "protocol": 13,
  "useNativeAuth": false,
  "users": 33,
  "serverData": {
  "welcomeText": "<style>.screepsplus h1{  text-align: center; }</style>\n<div class=\"screepsplus\">\n  <h1>ScreepsPlus</h1>\n  Wecome to the ScreepsPlus private server.<br>\n  Mods include screepsmod-auth and several custom mods to enable email notifications, control tickrate, power banks, portals, and other internal improvements.<br><br>\n  <a href=\"https://server1.screepspl.us/authmod/password\">Click here to set your password</a>\n  <br><br>\n  <div style=\"text-align: center\">\n    This server is funded by backers on Patreon. <br>\n    <a target=\"_blank\" href=\"https://www.patreon.com/bePatron?u=6867142\" ><img src=\"https://c5.patreon.com/external/logo/become_a_patron_button.png\"></a>\n  </div>\n</div>\n",
  "customObjectTypes": {
  "gift": {
  "sidepanel": "\n    \t<script>{\n    \t\tconst roomEl = angular.element(document.querySelector('section.room'))\n    \t\tconst { Game } = angular.element(document.querySelector('section.game')).scope()\n    \t\tconst conn = roomEl.injector().get('Connection')\n    \t\troomEl.scope().openGift = function (id) {\n\t    \t\tconn.addObjectIntent(id, Game.player, 'open', {})\n\t    \t}\n    \t}</script>\n    \t<div><label>Contents:</label>Unknown</div>\n    \t<div><label>Status:</label>Potentially Dangerous</div>\n    \t<div>A mysterious gift</div>\n    \t<md-button class=\"md-primary md-hue-1 allwidth\"\n    \t  ng-click=\"openGift(Room.selectedObject._id)\"  \n\t\t  ng-if=\"true || !Game.readOnly && (Room.selectedObject.user == Game.player || Room.selectedObject.user == 0 && Game.player == Me()._id)\">\n\t\t  Open\n\t\t</md-button>\n    \t"
  }
  },
  "historyChunkSize": 20,
  "socketUpdateThrottle": 200,
  "renderer": {
  "resources": {
  "my_gift_texture": "{ASSETS_URL}/gift.png"
  },
  "metadata": {
  "gift": {
  "texture": "rectangle",
  "zIndex": 4,
  "Zprocessors": [{
  "id": "main",
  "type": "circle",
  "once": true,
  "payload": {
  "id": "static",
  "radius": 100,
  "color": 13421772
  }
  }
  ],
  "processors": [{
  "type": "sprite",
  "once": true,
  "payload": {
  "texture": "my_gift_texture",
  "width": 100,
  "height": 100
  },
  "actions": [{
  "action": "Repeat",
  "params": [{
  "action": "Sequence",
  "params": [[{
  "action": "ScaleTo",
  "params": [1.5, 1.5, 0.3]
  }, {
  "action": "ScaleTo",
  "params": [1, 1, 1]
  }
  ]]
  }
  ]
  }
  ]
  }, {
  "type": "sprite",
  "once": true,
  "layer": "lighting",
  "payload": {
  "texture": "glow",
  "width": 800,
  "height": 800,
  "tint": 16777215
  },
  "actions": [{
  "action": "Repeat",
  "params": [{
  "action": "Sequence",
  "params": [[{
  "action": "TintTo",
  "params": [16777215, 0.3]
  }, {
  "action": "TintTo",
  "params": [3385907, 1]
  }
  ]]
  }
  ]
  }
  ]
  }
  ]
  }
  }
  }
  },
  "packageVersion": "3.4.3"
  }

• [x] show "official" private server list in client POST /api/servers/list

  Might want to cache that

  
  {
  "ok": 1,
  "servers": [{
  "_id": "5bc5a7a2698d0a2982d5abeb",
  "settings": {
  "host": "screeps.fordo.sk",
  "port": "21025",
  "pass": ""
  },
  "name": "Fordo",
  "status": "active",
  "likeCount": 32
  }, {
  "_id": "5bc63a9a698d0a2982d5abec",
  "settings": {
  "host": "server1.screepspl.us",
  "port": "21025",
  "pass": ""
  },
  "name": "ScreepsPlus",
  "status": "active",
  "likeCount": 178
  }, {
  "_id": "5bf6d5e6c434b462a66a8c87",
  "settings": {
  "host": "swc.screepspl.us",
  "port": "21025",
  "pass": ""
  },
  "name": "Screeps Warfare Championship",
  "status": "active",
  "likeCount": 47
  }, {
  "_id": "5bf6d62fc434b462a66a8c88",
  "settings": {
  "host": "botarena.screepspl.us",
  "port": "21025",
  "pass": ""
  },
  "name": "Botarena",
  "status": "active",
  "likeCount": 40
  }, {
  "_id": "5c9bd2a180cbdd12f4816e42",
  "settings": {
  "host": "screeps.cogd.io",
  "port": "21025",
  "pass": ""
  },
  "name": "cogd",
  "status": "active",
  "likeCount": 27
  }, {
  "_id": "5cd7ed2e8302df17a0101b19",
  "settings": {
  "host": "screeps.pacloud.online",
  "port": "21025",
  "pass": ""
  },
  "name": "The Animatrix",
  "status": "active",
  "likeCount": 12
  }, {
  "_id": "5ce23cf4a47e911f2070a410",
  "settings": {
  "host": "server2.screepspl.us",
  "port": "21025",
  "pass": ""
  },
  "name": "ScreepsPlus season server",
  "status": "active",
  "likeCount": 50
  }
  ],
  "likes": [{
  "_id": "5cea55436e18610a7d4aa8db",
  "steamid": "a steam id",
  "server": "5bc63a9a698d0a2982d5abec"
  }, {
  "_id": "5d128b603182fc77c738c61d",
  "steamid": "a steam id",
  "server": "5bf6d62fc434b462a66a8c88"
  }, {
  "_id": "5d34c7996f19796e28809c1a",
  "steamid": "a steam id",
  "server": "5ce23cf4a47e911f2070a410"
  }
  ]
  }

The official client allows for connecting to private servers using an encrypted ticket obtained through internal steam api it hits the following api `/api/auth/steam-ticket` it probably uses steamworks or steam overlay, wonder if we can integrate with it somehow? should probably be in a future iteration

ags131 mentioned the following
> So, current steam login flow is goto `/api/auth/steam` (usually in a new window), it redirects to steam, user logs in, then returns with a page that just calls opener.postMessage with username, token, and steamid
> As a note, this mimics the MMO auth api exactly, so works identically

Currently just a dump of info, will elaborate later, open for discussion :)
https://screeps.com/forum/category/7/private-servers is a pretty good reference

[thmsndk]

Work in progress fetches official server list, queries for online status and user count

[thmsndk]

Work in progress