This little bookmarklet crudely replaces an account number with its hardcoded name. This all happens locally, no risk of leakage. Hopefully, your AWS accounts doesn't change too often so that maintaining this hardcoded list of account numbers ↔ names, becomes a hassle.
Before clicking the bookmarklet:
And after:
Here's the snippet:
javascript:(function() {
const bodyClass = "__awsified";
if (document.body.classList.contains(bodyClass)) {
return;
}
document.body.classList.add(bodyClass);
const accounts = {
"123445945445": "SWIMSUIT_FACTORY_PROD",
"456454354545": "SWIMSUIT_FACTORY_TEST",
"425642694242": "ZERO_COOL",
"312857138111": "THE_PLAGUE",
};
const ids = Object.keys(accounts).join('|');
const re = new RegExp(`\\b(${ids})\\b`, 'g');
const spanStyle = 'font-weight: bold; background-color: yellow; color: black;';
function wrapMatchesInTextNode(textNode) {
const text = textNode.textContent;
const matches = [...text.matchAll(re)];
if (matches.length === 0) {
return;
}
const frag = document.createDocumentFragment();
let lastIndex = 0;
matches.forEach(match => {
const [matchedText] = match;
const index = match.index;
if (index > lastIndex) {
frag.appendChild(document.createTextNode(text.slice(lastIndex, index)));
}
const span = document.createElement('span');
span.textContent = accounts[matchedText];
span.setAttribute('title', `Account ID: ${matchedText}`);
if (document.body.classList.contains(bodyClass)) {
span.setAttribute('style', spanStyle);
}
frag.appendChild(span);
lastIndex = index + matchedText.length;
});
if (lastIndex < text.length) {
frag.appendChild(document.createTextNode(text.slice(lastIndex)));
}
textNode.parentNode.replaceChild(frag, textNode);
}
function walkDOM(node) {
if (node.nodeType === Node.TEXT_NODE) {
wrapMatchesInTextNode(node);
} else if (node.nodeType === Node.ELEMENT_NODE) {
const tag = node.tagName.toLowerCase();
if (['script', 'style', 'textarea', 'input', 'select'].includes(tag)) {
return;
}
for (let i = 0; i < node.childNodes.length; i++) {
walkDOM(node.childNodes[i]);
}
}
}
walkDOM(document.body);
})();
