First version of server map viewer

Author: rafraser

.gitignore

@@ -1,2 +1,9 @@
 node_modules/
-dist.js
+dist.js
+
+# Environment variables
+.env
+.env.*
+
+# Ignore all the test files I inevitably have lying around...
+test*.*

valve-query/.gitignore

@@ -0,0 +1,10 @@
+# Interim data files
+*.json
+*.geojson
+
+!package.json
+!package-lock.json
+
+# Saved promotional map files
+map_*.png
+*.gif

valve-query/game.js

@@ -0,0 +1,2 @@
+import { queryGameServerInfo } from 'steam-server-query'
+queryGameServerInfo(process.argv[2]).then(console.log)

valve-query/index.js

@@ -0,0 +1,10 @@
+import { queryMasterServer, queryGameServerInfo, REGIONS } from 'steam-server-query'
+import { promises as fs } from 'fs'
+
+const APP_ID = process.argv[2];
+const now = new Date().toISOString().slice(0, 10).replace(/-/g, "");
+
+queryMasterServer('hl2master.steampowered.com:27011', REGIONS.ALL, { appid: APP_ID }).then(async (results) => {
+    console.log('Found', results.length, 'servers')
+    await fs.writeFile(`${now}_${APP_ID}_servers.json`, JSON.stringify(results))
+})

valve-query/locations.js

@@ -0,0 +1,65 @@
+import { promises as fs } from 'fs'
+
+async function holdOn(time) {
+    return new Promise((resolve) => {
+        setTimeout(resolve, time)
+    })
+}
+
+async function queryServerLocations(addresses) {
+    return new Promise(async (resolve, reject) => {
+        const response = await fetch('http://ip-api.com/batch?fields=lat,lon,query', {
+            method: 'POST',
+            body: JSON.stringify(addresses)
+        })
+
+        const data = await response.json()
+        resolve(data)
+    })
+}
+
+function countIPs(addresses) {
+    const counts = new Map()
+    addresses.forEach((address) => {
+        const base = address.split(":")[0]
+        counts.set(base, (counts.get(base) || 0) + 1)
+    })
+
+    return counts
+}
+
+const fileName = process.argv[2]
+
+fs.readFile(fileName).then(async (dataString) => {
+    const data = JSON.parse(dataString)
+    const counts = countIPs(data)
+
+    const uniqueIPs = [...counts.keys()]
+    const chunkSize = 100
+    let features = []
+
+    for (let i = 0; i < uniqueIPs.length; i += chunkSize) {
+        const chunk = uniqueIPs.slice(i, i + chunkSize)
+        const locations = await queryServerLocations(chunk)
+
+        const locationFeatures = locations.map((data) => {
+            return {
+                "type": "Feature",
+                "geometry": {
+                    "type": "Point",
+                    "coordinates": [data.lon, data.lat],
+                },
+                "properties": {
+                    "count": counts.get(data.query),
+                    "ip": data.query
+                }
+            }
+        })
+        features = features.concat(locationFeatures)
+        console.log('Processed', features.length)
+        await holdOn(5000)
+    }
+    await fs.writeFile(fileName.replace(".json", ".geojson"), JSON.stringify({ "type": "FeatureCollection", features: features }))
+})
+
+

valve-query/map/.gitignore

@@ -0,0 +1,28 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+.DS_Store
+dist
+dist-ssr
+coverage
+*.local
+
+/cypress/videos/
+/cypress/screenshots/
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

valve-query/map/README.md

@@ -0,0 +1,40 @@
+# map
+
+This template should help get you started developing with Vue 3 in Vite.
+
+## Recommended IDE Setup
+
+[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
+
+## Type Support for `.vue` Imports in TS
+
+TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) to make the TypeScript language service aware of `.vue` types.
+
+If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a [Take Over Mode](https://github.com/johnsoncodehk/volar/discussions/471#discussioncomment-1361669) that is more performant. You can enable it by the following steps:
+
+1. Disable the built-in TypeScript Extension
+    1) Run `Extensions: Show Built-in Extensions` from VSCode's command palette
+    2) Find `TypeScript and JavaScript Language Features`, right click and select `Disable (Workspace)`
+2. Reload the VSCode window by running `Developer: Reload Window` from the command palette.
+
+## Customize configuration
+
+See [Vite Configuration Reference](https://vitejs.dev/config/).
+
+## Project Setup
+
+```sh
+npm install
+```
+
+### Compile and Hot-Reload for Development
+
+```sh
+npm run dev
+```
+
+### Type-Check, Compile and Minify for Production
+
+```sh
+npm run build
+```

valve-query/map/env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

valve-query/map/index.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <link rel="icon" href="/favicon.ico">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Vite App</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>