pleb/beatsaber-overlay
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Show ??? for missing bsr key, revert Expert+ spacing

Browse Source
This commit is contained in:
Isaiah Billingsley 2026-02-22 15:42:21 -05:00
parent 346e4c80ba
commit 9e4af403ae
4 changed files with 15 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@ -22,8 +22,8 @@
<span id="difficulty">Easy</span>
<img id="characteristicIcon" src="images/characteristic/Standard.svg">
<span id="difficultyLabel">Diff Label</span>
<span id="type"></span>
<span id="bsrKey">25f</span>
<span id="type">WIP</span>
</div>
</div>
<script src="main.js"></script>

13
main.js
View File

@ -55,25 +55,26 @@ const mapper = document.getElementById("mapper");
const difficulty = document.getElementById("difficulty");
const characteristicIcon = document.getElementById("characteristicIcon");
const difficultyLabel = document.getElementById("difficultyLabel");
const bsrKey = document.getElementById("bsrKey");
const type = document.getElementById("type");
const bsrKey = document.getElementById("bsrKey");
/** @param {MapInfoChanged} data */
async function updateMapInfo(data) {
const custom = data.level_id.startsWith("custom_level_");
const wip = custom && data.level_id.endsWith("WIP");
cover.style.backgroundImage = data.coverRaw ? `url("data:image/jpeg;base64,${data.coverRaw}")` : "";
title.textContent = data.name || "";
subTitle.textContent = data.sub_name || "";
artist.textContent = data.artist || "";
mapper.textContent = data.mapper || "";
difficulty.textContent = data.difficulty.replace("Plus", "\u2009+") || "";
characteristicIcon.setAttribute("src", `images/characteristic/${data.characteristic}.svg`);
difficulty.textContent = data.difficulty.replace("Plus", " +") || "";
characteristicIcon.src = `images/characteristic/${data.characteristic}.svg`;
difficultyLabel.textContent = ""; // BS+ does not provide label
bsrKey.textContent = data.BSRKey || ""; // Always empty?
type.textContent = !custom ? "OST" : data.level_id.endsWith(" WIP") ? "WIP" : "";
type.textContent = !custom ? "OST" : wip ? "WIP" : "";
bsrKey.textContent = data.BSRKey || "???"; // Always empty?
// Fetch extra info from BeatSaver
if (custom) {
if (custom && !wip) {
document.body.classList.add("loading");
try {
const response = await fetch(`https://api.beatsaver.com/maps/hash/${data.level_id.substring(13, 53)}`);

4
style.css
View File

@ -112,3 +112,7 @@ body:not([data-game-state="Playing"]) {
content: "!bsr ";
letter-spacing: normal;
}
#type:not(:empty) + #bsrKey {
display: none;
}

4
types.d.ts vendored
View File

@ -64,5 +64,7 @@ type BeatSaberPlusEvent = HandshakeEvent | GameStateEvent | ResumeEvent | PauseE
type MapInfoChanged = MapInfoChangedEvent["mapInfoChanged"];
interface Document {
getElementById(elementId: string): HTMLElement; // Assume non-null
// Assume non-null
getElementById(elementId: `${string}Icon`): HTMLImageElement;
getElementById(elementId: string): HTMLElement;
}