implement better mii fetching using now defunct mii clicker as a reference (thanks dwyazzo90)!

This commit is contained in:
kittentm 2026-03-16 05:19:20 +01:00
commit 98b83003a1
No known key found for this signature in database
GPG key ID: AC43DFDBC1F44A91
4 changed files with 140 additions and 24 deletions

View file

@ -9,6 +9,32 @@ window.loadHeader(function(headerContainer) {
});
}
const extractMiiName = (miiDataB64) => {
try {
const binaryString = atob(miiDataB64.replace(/-/g, '+').replace(/_/g, '/'));
const data = new Uint8Array(binaryString.length);
for (let i = 0; i < binaryString.length; i++) {
data[i] = binaryString.charCodeAt(i);
}
const size = data.length;
let offset = -1;
let isBE = false;
if ([92, 96, 104, 106, 108, 336, 72].includes(size)) offset = 0x1A;
else if ([74, 76].includes(size)) { offset = 0x02; isBE = true; }
else if (size === 88) offset = 0x10;
else if ([48, 68].includes(size)) offset = 0x1C;
if (offset === -1) return null;
const decoder = new TextDecoder(isBE ? 'utf-16be' : 'utf-16le');
let end = offset;
while (end < offset + 20 && end + 1 < data.length && (data[end] !== 0 || data[end + 1] !== 0)) {
end += 2;
}
return decoder.decode(data.slice(offset, end));
} catch (e) {
return null;
}
};
const udemaeMap = {
"0": "C-", "1": "C", "2": "C+", "3": "B-", "4": "B",
"5": "B+", "6": "A-", "7": "A", "8": "A+", "9": "S", "10": "S+"
@ -42,9 +68,12 @@ window.loadHeader(function(headerContainer) {
combinedData = { ...combinedData, ...data };
const finalData = combinedData;
const equipped = finalData.last_equipped || {};
const name = (finalData.mii && finalData.mii.name) || finalData.user_id || finalData.mii_name || "User";
const miiBlob = (finalData.mii && finalData.mii.data) || finalData.mii_data;
const miiImgUrl = miiBlob ? `https://mii-unsecure.ariankordi.net/miis/image.png?erri=s6u7r-rsp&data=${encodeURIComponent(miiBlob)}&type=face&width=270` : "";
const parsedName = miiBlob ? extractMiiName(miiBlob) : null;
const name = parsedName || (finalData.mii && finalData.mii.name) || finalData.nickname || finalData.user_id || finalData.mii_name || "User";
const miiImgUrl = miiBlob ? `https://mii-unsecure.ariankordi.net/miis/image.png?data=${encodeURIComponent(miiBlob)}&type=face&width=270` : "";
const sidebarName = document.getElementById('mii-name');
const sidebarImg = document.getElementById('mii-img');
@ -124,7 +153,7 @@ window.loadHeader(function(headerContainer) {
<img class="gear-icon" src="${headImg}" />
</div>
<div class="abilities mid">
<img src="${clothesSub1}" /><img src="${clothesSub2}" />" />
<img src="${clothesSub1}" /><img src="${clothesSub2}" />
</div>
<div class="gear-slot-small body-slot">
@ -132,7 +161,7 @@ window.loadHeader(function(headerContainer) {
<img class="gear-icon" src="${clothesImg}" />
</div>
<div class="abilities bottom">
<img src="${headSub1}" /><img src="${headSub2}" />" />
<img src="${headSub1}" /><img src="${headSub2}" />
</div>
<div class="gear-slot-small shoes-slot">
@ -140,7 +169,7 @@ window.loadHeader(function(headerContainer) {
<img class="gear-icon" src="${shoesImg}" />
</div>
<div class="abilities bottom-right">
<img src="${shoesSub1}" /><img src="${shoesSub2}" />" />
<img src="${shoesSub1}" /><img src="${shoesSub2}" />
</div>
</div>
</div>

View file

@ -16,15 +16,47 @@ window.loadHeader(function(headerContainer) {
});
}
const extractMiiName = (miiDataB64) => {
try {
const binaryString = atob(miiDataB64.replace(/-/g, '+').replace(/_/g, '/'));
const data = new Uint8Array(binaryString.length);
for (let i = 0; i < binaryString.length; i++) {
data[i] = binaryString.charCodeAt(i);
}
const size = data.length;
let offset = -1;
let isBE = false;
if ([92, 96, 104, 106, 108, 336, 72].includes(size)) offset = 0x1A;
else if ([74, 76].includes(size)) { offset = 0x02; isBE = true; }
else if (size === 88) offset = 0x10;
else if ([48, 68].includes(size)) offset = 0x1C;
if (offset === -1) return null;
const decoder = new TextDecoder(isBE ? 'utf-16be' : 'utf-16le');
let end = offset;
while (end < offset + 20 && end + 1 < data.length && (data[end] !== 0 || data[end + 1] !== 0)) {
end += 2;
}
return decoder.decode(data.slice(offset, end));
} catch (e) {
return null;
}
};
const renderData = (data) => {
if (typeof data === 'string') {
try { data = JSON.parse(data); } catch (e) {}
}
const nameEl = document.getElementById('mii-name');
const imgEl = document.getElementById('mii-img');
if (nameEl) nameEl.textContent = data.nickname || data.mii.name || "User";
if (imgEl && (data.mii && data.mii.data)) {
imgEl.src = `https://mii-unsecure.ariankordi.net/miis/image.png?erri=s6u7r-rsp&data=${encodeURIComponent(data.mii.data)}&type=face&width=270`;
const miiBlob = (data.mii && data.mii.data) || data.mii_data;
if (nameEl) {
const parsedName = miiBlob ? extractMiiName(miiBlob) : null;
nameEl.textContent = parsedName || (data.mii && data.mii.name) || data.nickname || data.username || "User";
}
if (imgEl && miiBlob) {
imgEl.src = `https://mii-unsecure.ariankordi.net/miis/image.png?data=${encodeURIComponent(miiBlob)}&type=face&width=270`;
imgEl.style.display = 'block';
}
};
@ -39,7 +71,10 @@ window.loadHeader(function(headerContainer) {
renderData(data);
})
.catch(() => {
if (!cached) document.getElementById('mii-name').textContent = "Guest";
if (!cached) {
const nameEl = document.getElementById('mii-name');
if (nameEl) nameEl.textContent = "Guest";
}
});
const loadingOverlay = document.getElementById("loading-overlay");

View file

@ -5,7 +5,6 @@ window.loadHeader(function(headerContainer) {
}
const logoutForm = document.getElementById("logout-form");
if (logoutForm) {
logoutForm.action = "/api/v1/spfn/logout";
const originInput = document.getElementById("logout_frontend_origin");
@ -16,6 +15,33 @@ window.loadHeader(function(headerContainer) {
});
}
const extractMiiName = (miiDataB64) => {
try {
const data = Uint8Array.from(atob(miiDataB64.replace(/-/g, '+').replace(/_/g, '/')), c => c.charCodeAt(0));
const size = data.length;
let offset = -1;
let isBE = false;
if ([92, 96, 104, 106, 108, 336, 72].includes(size)) offset = 0x1A; // 3DS/WiiU
else if ([74, 76].includes(size)) { offset = 0x02; isBE = true; } // Wii
else if (size === 88) offset = 0x10; // Switch CharInfo
else if ([48, 68].includes(size)) offset = 0x1C; // Switch CoreData
if (offset === -1) return null;
const decoder = new TextDecoder(isBE ? 'utf-16be' : 'utf-16le');
let end = offset;
while (end < offset + 20 && (data[end] !== 0 || data[end + 1] !== 0)) end += 2;
return decoder.decode(data.slice(offset, end));
} catch (e) {
return null;
}
};
const getMiiRenderUrl = (data) => {
return `https://mii-unsecure.ariankordi.net/miis/image.png?data=${encodeURIComponent(data)}&type=face&width=270&resourceType=very_high`;
};
const renderData = (data) => {
if (typeof data === 'string') {
try { data = JSON.parse(data); } catch (e) { console.error(e); }
@ -23,17 +49,16 @@ window.loadHeader(function(headerContainer) {
const nameEl = document.getElementById('mii-name');
const imgEl = document.getElementById('mii-img');
const miiBlob = (data.mii && data.mii.data) || data.mii_data;
if (nameEl) {
nameEl.textContent = (data.mii && data.mii.name) || data.nickname || data.user_id || data.username || "User";
const parsedName = miiBlob ? extractMiiName(miiBlob) : null;
nameEl.textContent = parsedName || (data.mii && data.mii.name) || data.nickname || 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';
}
if (imgEl && miiBlob) {
imgEl.src = getMiiRenderUrl(miiBlob);
imgEl.style.display = 'block';
}
};

View file

@ -21,21 +21,48 @@ window.loadHeader(function(headerContainer) {
});
}
const extractMiiName = (miiDataB64) => {
try {
const binaryString = atob(miiDataB64.replace(/-/g, '+').replace(/_/g, '/'));
const data = new Uint8Array(binaryString.length);
for (let i = 0; i < binaryString.length; i++) {
data[i] = binaryString.charCodeAt(i);
}
const size = data.length;
let offset = -1;
let isBE = false;
if ([92, 96, 104, 106, 108, 336, 72].includes(size)) offset = 0x1A;
else if ([74, 76].includes(size)) { offset = 0x02; isBE = true; }
else if (size === 88) offset = 0x10;
else if ([48, 68].includes(size)) offset = 0x1C;
if (offset === -1) return null;
const decoder = new TextDecoder(isBE ? 'utf-16be' : 'utf-16le');
let end = offset;
while (end < offset + 20 && end + 1 < data.length && (data[end] !== 0 || data[end + 1] !== 0)) {
end += 2;
}
return decoder.decode(data.slice(offset, end));
} catch (e) {
return null;
}
};
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');
const miiBlob = (data.mii && data.mii.data) || data.mii_data;
if (nameEl) {
nameEl.textContent = (data.mii && data.mii.name) || data.nickname || data.user_id || data.username || "User";
const parsedName = miiBlob ? extractMiiName(miiBlob) : null;
nameEl.textContent = parsedName || (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';
}
if (imgEl && miiBlob) {
imgEl.src = `https://mii-unsecure.ariankordi.net/miis/image.png?data=${encodeURIComponent(miiBlob)}&type=face&width=270`;
imgEl.style.display = 'block';
}
};