132 lines
3.3 KiB
JavaScript
132 lines
3.3 KiB
JavaScript
export class Tooltip {
|
|
constructor() {
|
|
this._div = document.getElementById("tooltip");
|
|
}
|
|
|
|
set(x, y, offsetX, offsetY, html) {
|
|
this._div.innerHTML = html;
|
|
|
|
// Assign display: block so that the offsetWidth is valid
|
|
this._div.style.display = "block";
|
|
|
|
// Prevent the div from overflowing the page width
|
|
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;
|
|
}
|
|
|
|
this._div.style.top = `${y + offsetY}px`;
|
|
this._div.style.left = `${x + offsetX}px`;
|
|
}
|
|
|
|
hide = () => {
|
|
this._div.style.display = "none";
|
|
};
|
|
}
|
|
|
|
export class Caption {
|
|
constructor() {
|
|
this._div = document.getElementById("status-text");
|
|
}
|
|
|
|
set(text) {
|
|
this._div.innerText = text;
|
|
this._div.style.display = "block";
|
|
}
|
|
|
|
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];
|
|
|
|
export function formatMinecraftServerAddress(ip, port) {
|
|
if (port && !MINECRAFT_DEFAULT_PORTS.includes(port)) {
|
|
return `${ip}:${port}`;
|
|
}
|
|
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;
|
|
}
|
|
|
|
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 = [];
|
|
}
|
|
|
|
currentVersionGroup.push(versions[i]);
|
|
}
|
|
|
|
// Ensure the last versionGroup is always pushed
|
|
if (currentVersionGroup.length > 0) {
|
|
versionGroups.push(currentVersionGroup);
|
|
}
|
|
|
|
if (versionGroups.length === 0) {
|
|
return;
|
|
}
|
|
|
|
// Remap individual versionGroups values into named versions
|
|
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(", ");
|
|
}
|
|
|
|
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 formatPercent(x, over) {
|
|
const val = Math.round((x / over) * 100 * 10) / 10;
|
|
return `${val}%`;
|
|
}
|
|
|
|
export function formatNumber(x) {
|
|
if (typeof x !== "number") {
|
|
return "-";
|
|
} else {
|
|
return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
|
|
}
|
|
}
|