${getLocalizedText("ScriptTitle")}
${message}
`;
document.body.appendChild(notificationElement);
requestAnimationFrame(() => {
notificationElement.classList.add("visible");
});
notificationTimer = setTimeout(() => {
notificationElement.classList.remove("visible");
removalTimer = setTimeout(() => {
if (notificationElement.parentNode) {
notificationElement.remove();
}
notificationTimer = null;
removalTimer = null;
}, ANIMATION_DURATION);
}, NOTIFICATION_TIMEOUT);
}
function processPasswordInput(input, mode) {
if (
!(input instanceof HTMLInputElement) ||
input.type === "hidden" ||
input.hasAttribute(PROCESSED_ATTRIBUTE)
) {
return;
}
if (mode === MODE_ALWAYS_SHOW) {
input.type = "text";
} else {
if (input.type !== "password") {
input.type = "password";
}
}
input.setAttribute(PROCESSED_ATTRIBUTE, mode);
}
function findAllPasswordInputs(rootNode) {
const results = [];
try {
rootNode
.querySelectorAll(
`input[type="password"]:not([${PROCESSED_ATTRIBUTE}])`
)
.forEach((input) => results.push(input));
rootNode.querySelectorAll("*").forEach((el) => {
if (el.shadowRoot) {
results.push(...findAllPasswordInputs(el.shadowRoot));
}
});
} catch (e) {}
return results;
}
function setMode(newMode) {
if (currentMode === newMode || !VALID_MODES.includes(newMode)) {
return;
}
const oldMode = currentMode;
currentMode = newMode;
GM_setValue(MODE_KEY, currentMode);
const alertMessage = getLocalizedText("AlertMessages", currentMode);
showNotification(alertMessage);
const processedInputs = document.querySelectorAll(
`input[${PROCESSED_ATTRIBUTE}]`
);
processedInputs.forEach((input) => {
input.setAttribute(PROCESSED_ATTRIBUTE, currentMode);
if (currentMode === MODE_ALWAYS_SHOW) {
input.type = "text";
} else if (oldMode === MODE_ALWAYS_SHOW) {
input.type = "password";
}
});
const untrackedPasswordInputs = findAllPasswordInputs(document.body);
untrackedPasswordInputs.forEach((input) =>
processPasswordInput(input, currentMode)
);
registerModeMenuCommands();
}
function registerModeMenuCommands() {
registeredMenuCommandIds.forEach((id) => {
try {
GM_unregisterMenuCommand(id);
} catch (e) {}
});
registeredMenuCommandIds = [];
VALID_MODES.forEach((mode) => {
const menuKey = MODE_MENU_TEXT_KEYS[mode];
const baseText = getLocalizedText(menuKey);
const commandText = baseText + (mode === currentMode ? " ✅" : "");
const commandId = GM_registerMenuCommand(commandText, () =>
setMode(mode)
);
registeredMenuCommandIds.push(commandId);
});
}
function showPasswordOnHover(event) {
const input = event.target;
if (
currentMode === MODE_HOVER &&
input.matches(
`input[type="password"][${PROCESSED_ATTRIBUTE}="${MODE_HOVER}"]`
)
) {
input.type = "text";
}
}
function hidePasswordOnLeave(event) {
const input = event.target;
if (
currentMode === MODE_HOVER &&
input.matches(
`input[type="text"][${PROCESSED_ATTRIBUTE}="${MODE_HOVER}"]`
)
) {
input.type = "password";
}
}
function togglePasswordOnDoubleClick(event) {
const input = event.target;
if (
currentMode === MODE_DBLCLICK &&
input.matches(`input[${PROCESSED_ATTRIBUTE}="${MODE_DBLCLICK}"]`)
) {
input.type = input.type === "password" ? "text" : "password";
}
}
function initializeEventListeners() {
document.body.addEventListener("mouseenter", showPasswordOnHover, true);
document.body.addEventListener("mouseleave", hidePasswordOnLeave, true);
document.body.addEventListener("dblclick", togglePasswordOnDoubleClick);
}
function handleKeyDown(event) {
if (
(event.ctrlKey || event.metaKey) &&
event.altKey &&
event.code === "KeyP"
) {
event.preventDefault();
event.stopPropagation();
const currentIndex = VALID_MODES.indexOf(currentMode);
const nextIndex = (currentIndex + 1) % VALID_MODES.length;
const nextMode = VALID_MODES[nextIndex];
setMode(nextMode);
}
}
const observerCallback = (mutationsList) => {
for (const mutation of mutationsList) {
if (mutation.type === "childList") {
mutation.addedNodes.forEach((node) => {
if (node.nodeType === Node.ELEMENT_NODE) {
const inputsToProcess = findAllPasswordInputs(node);
inputsToProcess.forEach((input) =>
processPasswordInput(input, currentMode)
);
}
});
} else if (
mutation.type === "attributes" &&
mutation.attributeName === "type"
) {
const targetInput = mutation.target;
if (
targetInput.nodeType === Node.ELEMENT_NODE &&
targetInput.matches &&
targetInput.matches('input[type="password"]') &&
!targetInput.hasAttribute(PROCESSED_ATTRIBUTE)
) {
processPasswordInput(targetInput, currentMode);
}
}
}
};
const observer = new MutationObserver(observerCallback);
if (!VALID_MODES.includes(currentMode)) {
currentMode = MODE_HOVER;
GM_setValue(MODE_KEY, currentMode);
}
injectNotificationStyles();
findAllPasswordInputs(document.body).forEach((input) =>
processPasswordInput(input, currentMode)
);
initializeEventListeners();
document.addEventListener("keydown", handleKeyDown, true);
observer.observe(document.body, {
childList: true,
subtree: true,
attributes: true,
attributeFilter: ["type"],
});
registerModeMenuCommands();
})();