prettyify code

This commit is contained in:
Lee
2023-12-30 23:03:54 +00:00
parent 6fd5fdb7fe
commit ea15b979d5
28 changed files with 2179 additions and 1688 deletions

View File

@ -1,124 +1,131 @@
export class Tooltip {
constructor () {
this._div = document.getElementById('tooltip')
constructor() {
this._div = document.getElementById("tooltip");
}
set (x, y, offsetX, offsetY, html) {
this._div.innerHTML = html
set(x, y, offsetX, offsetY, html) {
this._div.innerHTML = html;
// Assign display: block so that the offsetWidth is valid
this._div.style.display = 'block'
this._div.style.display = "block";
// Prevent the div from overflowing the page width
const tooltipWidth = this._div.offsetWidth
const tooltipWidth = this._div.offsetWidth;
// 1.2 is a magic number used to pad the offset to ensure the tooltip
// never gets close or surpasses the page's X width
if (x + offsetX + (tooltipWidth * 1.2) > window.innerWidth) {
x -= tooltipWidth
offsetX *= -1
if (x + offsetX + tooltipWidth * 1.2 > window.innerWidth) {
x -= tooltipWidth;
offsetX *= -1;
}
this._div.style.top = `${y + offsetY}px`
this._div.style.left = `${x + offsetX}px`
this._div.style.top = `${y + offsetY}px`;
this._div.style.left = `${x + offsetX}px`;
}
hide = () => {
this._div.style.display = 'none'
}
this._div.style.display = "none";
};
}
export class Caption {
constructor () {
this._div = document.getElementById('status-text')
constructor() {
this._div = document.getElementById("status-text");
}
set (text) {
this._div.innerText = text
this._div.style.display = 'block'
set(text) {
this._div.innerText = text;
this._div.style.display = "block";
}
hide () {
this._div.style.display = 'none'
hide() {
this._div.style.display = "none";
}
}
// Minecraft Java Edition default server port: 25565
// Minecraft Bedrock Edition default server port: 19132
const MINECRAFT_DEFAULT_PORTS = [25565, 19132]
const MINECRAFT_DEFAULT_PORTS = [25565, 19132];
export function formatMinecraftServerAddress (ip, port) {
export function formatMinecraftServerAddress(ip, port) {
if (port && !MINECRAFT_DEFAULT_PORTS.includes(port)) {
return `${ip}:${port}`
return `${ip}:${port}`;
}
return ip
return ip;
}
// Detect gaps in versions by matching their indexes to knownVersions
export function formatMinecraftVersions (versions, knownVersions) {
if (!versions || !versions.length || !knownVersions || !knownVersions.length) {
return
export function formatMinecraftVersions(versions, knownVersions) {
if (
!versions ||
!versions.length ||
!knownVersions ||
!knownVersions.length
) {
return;
}
let currentVersionGroup = []
const versionGroups = []
let currentVersionGroup = [];
const versionGroups = [];
for (let i = 0; i < versions.length; i++) {
// Look for value mismatch between the previous index
// Require i > 0 since lastVersionIndex is undefined for i === 0
if (i > 0 && versions[i] - versions[i - 1] !== 1) {
versionGroups.push(currentVersionGroup)
currentVersionGroup = []
versionGroups.push(currentVersionGroup);
currentVersionGroup = [];
}
currentVersionGroup.push(versions[i])
currentVersionGroup.push(versions[i]);
}
// Ensure the last versionGroup is always pushed
if (currentVersionGroup.length > 0) {
versionGroups.push(currentVersionGroup)
versionGroups.push(currentVersionGroup);
}
if (versionGroups.length === 0) {
return
return;
}
// Remap individual versionGroups values into named versions
return versionGroups.map(versionGroup => {
const startVersion = knownVersions[versionGroup[0]]
return versionGroups
.map((versionGroup) => {
const startVersion = knownVersions[versionGroup[0]];
if (versionGroup.length === 1) {
// A versionGroup may contain a single version, only return its name
// This is a cosmetic catch to avoid version labels like 1.0-1.0
return startVersion
} else {
const endVersion = knownVersions[versionGroup[versionGroup.length - 1]]
return `${startVersion}-${endVersion}`
}
}).join(', ')
if (versionGroup.length === 1) {
// A versionGroup may contain a single version, only return its name
// This is a cosmetic catch to avoid version labels like 1.0-1.0
return startVersion;
} else {
const endVersion = knownVersions[versionGroup[versionGroup.length - 1]];
return `${startVersion}-${endVersion}`;
}
})
.join(", ");
}
export function formatTimestampSeconds (secs) {
const date = new Date(0)
date.setUTCSeconds(secs)
return date.toLocaleTimeString()
export function formatTimestampSeconds(secs) {
const date = new Date(0);
date.setUTCSeconds(secs);
return date.toLocaleTimeString();
}
export function formatDate (secs) {
const date = new Date(0)
date.setUTCSeconds(secs)
return date.toLocaleDateString()
export function formatDate(secs) {
const date = new Date(0);
date.setUTCSeconds(secs);
return date.toLocaleDateString();
}
export function formatPercent (x, over) {
const val = Math.round((x / over) * 100 * 10) / 10
return `${val}%`
export function formatPercent(x, over) {
const val = Math.round((x / over) * 100 * 10) / 10;
return `${val}%`;
}
export function formatNumber (x) {
if (typeof x !== 'number') {
return '-'
export function formatNumber(x) {
if (typeof x !== "number") {
return "-";
} else {
return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',')
return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
}