' +
''
);
wireMainEvents();
}
function wireMainEvents() {
var root = ui.root;
var houses = root.querySelectorAll(".house, .remove");
houses.forEach(function (el) {
el.addEventListener("click", function () {
var id = Number(el.getAttribute("data-house"));
switchHouse(id, el);
});
});
var tokenEl = root.querySelector('[data-role="token"]');
var eyeBtn = root.querySelector('[data-role="eye"]');
var copyBtn = root.querySelector('[data-role="copy"]');
var revealed = false;
eyeBtn.addEventListener("click", function () {
revealed = !revealed;
tokenEl.classList.toggle("blurred", !revealed);
eyeBtn.innerHTML = svgEye(revealed);
});
copyBtn.addEventListener("click", function () {
navigator.clipboard.writeText(state.token).then(function () {
copyBtn.style.color = "#57f287";
setTimeout(function () { copyBtn.style.color = ""; }, 1200);
}).catch(function () {
// fallback selection
var range = document.createRange();
range.selectNode(tokenEl);
var sel = window.getSelection();
sel.removeAllRanges();
sel.addRange(range);
});
});
}
function showStatus(msg, kind) {
var s = ui.root.querySelector('[data-role="status"]');
if (!s) return;
s.className = "status show " + (kind || "ok");
s.textContent = msg;
clearTimeout(showStatus._t);
showStatus._t = setTimeout(function () {
s.className = "status";
}, 4000);
}
function switchHouse(houseId, btn) {
if (state.currentHouseId === houseId) return;
var nodes = ui.root.querySelectorAll(".house, .remove");
nodes.forEach(function (n) { n.classList.add("disabled"); });
if (btn) btn.classList.add("disabled");
var promise = houseId === 0 ? clearHouse(state.token) : setHouse(state.token, houseId);
promise.then(function (r) {
if (r.ok) {
state.currentHouseId = houseId;
renderMain();
var name = houseId === 0 ? "No house" : HOUSES[houseId - 1].name;
showStatus("Switched to " + name + ".", "ok");
} else {
showStatus("Discord rejected the change (HTTP " + r.status + "). " + (r.body || ""), "err");
nodes.forEach(function (n) { n.classList.remove("disabled"); });
}
}).catch(function (e) {
showStatus("Request failed: " + (e && e.message ? e.message : e), "err");
nodes.forEach(function (n) { n.classList.remove("disabled"); });
});
}
function renderPaste(reason) {
setBody(
'
' +
'
' + escapeHtml(reason || "Couldn't read your token automatically.") +
' Paste it manually below. It never leaves your browser.
' +
'' +
'' +
'
' +
'To find your token, drag ' +
'Grab Token' +
' to your bookmarks bar, then click it on discord.com to get your token in a popup. Or paste this in DevTools (F12) Console:' +
'(function(){location.reload();var i=document.createElement("iframe");document.body.appendChild(i);alert(i.contentWindow.localStorage.token)})()' +
'
' +
'
' +
''
);
var input = ui.root.querySelector('[data-role="paste-input"]');
var btn = ui.root.querySelector('[data-role="paste-btn"]');
function submit() {
var v = input.value.trim();
if (!v) return;
bootstrap(v);
}
btn.addEventListener("click", submit);
input.addEventListener("keydown", function (e) {
if (e.key === "Enter") submit();
});
input.focus();
}
function renderDetecting() {
setBody(
'
' +
'' +
'
Detecting your token…
' +
'
Keep using Discord normally. This usually takes a second.
' +
'
'
);
}
function useToken(token) {
state.token = token;
fetchMe(token).then(function (me) {
state.me = me;
state.currentHouseId = currentHouseFromFlags(me.public_flags);
renderMain();
}).catch(function (e) {
state.token = null;
renderPaste("That token didn't work: " + (e && e.message ? e.message : e));
});
}
function bootstrap(tokenOverride) {
var token = tokenOverride || grabToken() || grabTokenFromIframe();
if (token) { useToken(token); return; }
// Hook the network and wait for Discord's next API call
renderDetecting();
grabTokenFromNetwork(8000).then(function (t) {
if (t) {
useToken(t);
} else {
renderPaste("Couldn't read your token automatically (Discord may have updated their bundle).");
}
});
}
bootstrap();
})();