61 lines
1.5 KiB
TypeScript
61 lines
1.5 KiB
TypeScript
/* eslint-disable unicorn/prefer-dom-node-text-content */
|
|
const rightOffset = 0
|
|
|
|
const stats = {}
|
|
|
|
let lastY = 40
|
|
export const addNewStat = (id: string, width = 80, x = rightOffset, y = lastY) => {
|
|
const pane = document.createElement('div')
|
|
pane.style.position = 'fixed'
|
|
pane.style.top = `${y}px`
|
|
pane.style.right = `${x}px`
|
|
// gray bg
|
|
pane.style.backgroundColor = 'rgba(0, 0, 0, 0.7)'
|
|
pane.style.color = 'white'
|
|
pane.style.padding = '2px'
|
|
pane.style.fontFamily = 'monospace'
|
|
pane.style.fontSize = '12px'
|
|
pane.style.zIndex = '100'
|
|
pane.style.pointerEvents = 'none'
|
|
document.body.appendChild(pane)
|
|
stats[id] = pane
|
|
if (y === 0) { // otherwise it's a custom position
|
|
// rightOffset += width
|
|
lastY += 20
|
|
}
|
|
|
|
return {
|
|
updateText (text: string) {
|
|
if (pane.innerText === text) return
|
|
pane.innerText = text
|
|
},
|
|
setVisibility (visible: boolean) {
|
|
pane.style.display = visible ? 'block' : 'none'
|
|
}
|
|
}
|
|
}
|
|
|
|
export const updateStatText = (id, text) => {
|
|
if (!stats[id]) return
|
|
stats[id].innerText = text
|
|
}
|
|
|
|
export const removeAllStats = () => {
|
|
// eslint-disable-next-line guard-for-in
|
|
for (const id in stats) {
|
|
removeStat(id)
|
|
}
|
|
}
|
|
|
|
export const removeStat = (id) => {
|
|
if (!stats[id]) return
|
|
stats[id].remove()
|
|
delete stats[id]
|
|
}
|
|
|
|
if (typeof customEvents !== 'undefined') {
|
|
customEvents.on('gameLoaded', () => {
|
|
const chunksLoaded = addNewStat('chunks-loaded', 80, 0, 0)
|
|
const chunksTotal = addNewStat('chunks-read', 80, 0, 0)
|
|
})
|
|
}
|