f3d0r4/team-bigger
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Fix for Blaseball API changes & use fetch instead of XMLHttpRequest

Browse source
This commit is contained in:
Lavender Perry 2021-06-15 16:33:13 -07:00
parent 442641e568
commit 17231816fa
Signed by untrusted user: elle
GPG key ID: EF8E44AF715C28A0
1 changed files with 41 additions and 41 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

82
main.js
View file

@ -1,46 +1,39 @@
"use strict" "use strict"
let request = new XMLHttpRequest() let api_response = fetch(
request.open(
"GET",
"https://cors-proxy.blaseball-reference.com/database/allTeams", "https://cors-proxy.blaseball-reference.com/database/allTeams",
true) ).then(function(response) {
request.send(); if (response.ok) {
response.json().then(function(teams) {
let totals = teams.map(team =>
team.lineup.length + team.rotation.length
)
request.onload = function() { let results = document.getElementById("results")
let teams = JSON.parse(this.response) let results_shadowed = document.getElementById("results_shadowed")
let totals = teams.map(team => team.lineup.length + team.rotation.length)
let results = document.getElementById("results") display_teams(totals, teams, results)
let results_shadowed = document.getElementById("results_shadowed") // Results are ready so we can show them now
let shadows = document.getElementById("shadows") results.style.display = "block"
display_teams( // Now get the shadowed results ready to display
totals, display_teams(
teams, totals.map((total, pos) => total + teams[pos].shadows.length),
results, teams,
team => team.lineup.length, results_shadowed
team => team.rotation.length, )
) })
// Results are ready so we can show them now
results.style.display = "block"
// Now get the shadowed results ready to display let shadows = document.getElementById("shadows")
display_teams( // Set the toggle function for & display the checkbox
totals.map((total, pos) => shadows.oninput = checkbox_toggle
total + teams[pos].bullpen.length + teams[pos].bench.length), shadows.style.display = "block"
teams,
results_shadowed,
team => team.lineup.length + team.bullpen.length,
team => team.rotation.length + team.bench.length,
)
// Set the toggle function for & display the checkbox document.getElementById("progress").remove()
shadows.oninput = checkbox_toggle } else {
shadows.style.display = "block" alert("Error fetching Blaseball API data: " + api_response.status)
}
document.getElementById("progress").remove() })
}
function checkbox_toggle() { function checkbox_toggle() {
results_shadowed.style.display = "block" results_shadowed.style.display = "block"
@ -53,26 +46,33 @@ function checkbox_toggle() {
} }
} }
function display_teams(totals, teams, div_container, hitters_fn, pitchers_fn) { function display_teams(totals, teams, div_container) {
const ENDING = x => (Math.abs(x) === 1 ? "" : "s") const ENDING = x => (Math.abs(x) === 1 ? "" : "s")
// Make the headers & lists for teams // Make the headers & lists for teams
totals.slice().sort((x, y) => x - y) totals.slice().sort((x, y) => x - y)
.filter((total, pos, array) => !pos || total !== array[pos - 1]) .filter((total, pos, array) => !pos || total !== array[pos - 1])
.forEach(function(total) { .forEach(function(total) {
div_container.insertAdjacentHTML("afterbegin", div_container.insertAdjacentHTML(
"afterbegin",
`<h1>${total} player${ENDING(total)}</h1> `<h1>${total} player${ENDING(total)}</h1>
<ul id="${div_container.id}_tlist${total}"></ul>`) <ul id="${div_container.id}_tlist${total}"></ul>`
)
}) })
// Put the teams in the lists // Put the teams in the lists
teams.forEach(function(team, pos) { teams.forEach(function(team, pos) {
let hitters = hitters_fn(team) let hitters = team.lineup.length
let pitchers = pitchers_fn(team) let pitchers = team.rotation.length
let shadow_string = ""
if (div_container.id == "results_shadowed") {
let shadows = team.shadows.length
shadow_string = `, ${shadows} shadowed player${ENDING(shadows)}`
}
document.getElementById(div_container.id + "_tlist" + totals[pos]) document.getElementById(div_container.id + "_tlist" + totals[pos])
.insertAdjacentHTML( .insertAdjacentHTML(
"beforeend", "beforeend",
`<li>${team.fullName} `<li>${team.fullName}
(${hitters} hitter${ENDING(hitters)}, (${hitters} hitter${ENDING(hitters)},
${pitchers} pitcher${ENDING(pitchers)})</li>` ${pitchers} pitcher${ENDING(pitchers)}${shadow_string})</li>`
) )
}) })
} }