spacebar/SplatNet
spacebar/SplatNet
Watch
13
1
Fork
You've already forked SplatNet
 1
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Cache mii icon & name

Browse source
This commit is contained in:
kittentm 2026-02-21 06:25:15 +01:00
commit 8c91e4b518
4 changed files with 138 additions and 161 deletions
Download patch file Download diff file Expand all files Collapse all files

76
stages/index.html
View file

@ -49,66 +49,58 @@ fetch("../header.html")
const headerContainer = document.getElementById("header-container");
if (headerContainer) {
headerContainer.innerHTML = html;
const friendButton = headerContainer.querySelector('.menu-item.stage');
if (friendButton) {
friendButton.classList.add('active');
}
if (friendButton) friendButton.classList.add('active');
}
if (typeof CONFIG !== 'undefined') {
const apiBase = CONFIG.API_BASE_URL.replace(/\/$/, "");
const logoutForm = document.getElementById("logout-form");
if (logoutForm) {
logoutForm.action = apiBase + "/api/v1/spfn/logout";
const originInput = document.getElementById("logout_frontend_origin");
if (originInput) originInput.value = window.location.origin;
logoutForm.addEventListener('submit', () => sessionStorage.removeItem('user_cache'));
}
const renderData = (data) => {
if (typeof data === 'string') {
try { data = JSON.parse(data); } catch (e) { console.error(e); }
}
const nameEl = document.getElementById('mii-name');
const imgEl = document.getElementById('mii-img');
if (nameEl) {
nameEl.textContent = (data.mii && data.mii.name) || data.nickname || data.user_id || data.username || "User";
}
if (imgEl) {
const miiBlob = (data.mii && data.mii.data) || data.mii_data;
if (miiBlob) {
imgEl.src = `https://mii-unsecure.ariankordi.net/miis/image.png?erri=s6u7r-rsp&data=${encodeURIComponent(miiBlob)}&type=face&width=270`;
imgEl.style.display = 'block';
}
}
};
const cached = sessionStorage.getItem('user_cache');
if (cached) renderData(JSON.parse(cached));
fetch(apiBase + "/api/v1/me", { credentials: 'include' })
.then(res => {
if (!res.ok) throw new Error("Status: " + res.status);
return res.json();
})
.then(res => res.ok ? res.json() : Promise.reject(res))
.then(data => {
if (typeof data === 'string') {
try {
data = JSON.parse(data);
} catch (e) {
console.error("Failed to parse inner JSON:", e);
}
}
const nameEl = document.getElementById('mii-name');
const imgEl = document.getElementById('mii-img');
if (nameEl) {
const displayName =
(data.mii && data.mii.name) ||
data.nickname ||
data.user_id ||
data.username ||
"User";
nameEl.textContent = displayName;
}
if (imgEl) {
const miiBlob = (data.mii && data.mii.data) || data.mii_data;
if (miiBlob) {
const encodedData = encodeURIComponent(miiBlob);
imgEl.src = `https://mii-unsecure.ariankordi.net/miis/image.png?erri=s6u7r-rsp&data=${encodedData}&type=face&width=270`;
imgEl.style.display = 'block';
}
}
sessionStorage.setItem('user_cache', JSON.stringify(data));
renderData(data);
})
.catch(err => {
const nameEl = document.getElementById('mii-name');
if (nameEl) nameEl.textContent = "Guest";
console.error("Profile Error:", err);
if (!cached) {
const nameEl = document.getElementById('mii-name');
if (nameEl) nameEl.textContent = "Guest";
}
console.error(err);
});
}
const overlay = document.getElementById("loading-overlay");
if (overlay) overlay.style.display = "none";
})
.catch(err => console.error("Failed to load header:", err));
</script>