${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;
}, AnimationDuration);
}, NotificationTimeout);
}
function ShowPasswordOnHover() {
this.type = "text";
}
function HidePasswordOnLeave() {
this.type = "password";
}
function TogglePasswordOnDoubleClick() {
this.type = this.type === "password" ? "text" : "password";
}
function ApplyHoverBehavior(Input) {
Input.addEventListener("mouseenter", ShowPasswordOnHover);
Input.addEventListener("mouseleave", HidePasswordOnLeave);
Input.removeEventListener("dblclick", TogglePasswordOnDoubleClick);
}
function RemoveHoverBehavior(Input) {
Input.removeEventListener("mouseenter", ShowPasswordOnHover);
Input.removeEventListener("mouseleave", HidePasswordOnLeave);
}
function ApplyDoubleClickBehavior(Input) {
Input.addEventListener("dblclick", TogglePasswordOnDoubleClick);
Input.removeEventListener("mouseenter", ShowPasswordOnHover);
Input.removeEventListener("mouseleave", HidePasswordOnLeave);
}
function RemoveDoubleClickBehavior(Input) {
Input.removeEventListener("dblclick", TogglePasswordOnDoubleClick);
}
function ProcessPasswordInput(Input, Mode) {
if (!(Input instanceof HTMLInputElement)) return;
RemoveHoverBehavior(Input);
RemoveDoubleClickBehavior(Input);
switch (Mode) {
case ModeHover:
Input.type = "password";
ApplyHoverBehavior(Input);
break;
case ModeDBClick:
Input.type = "password";
ApplyDoubleClickBehavior(Input);
break;
case ModeAlwaysShow:
Input.type = "text";
break;
default:
Input.type = "password";
ApplyHoverBehavior(Input);
Mode = ModeHover;
}
Input.setAttribute(ProcessedAttribute, Mode);
}
function SetMode(NewMode) {
if (
NewMode === CurrentMode ||
![ModeHover, ModeDBClick, ModeAlwaysShow].includes(NewMode)
) {
return;
}
CurrentMode = NewMode;
GM_setValue(ModeKey, CurrentMode);
const AlertMessage = GetLocalizedText("AlertMessages", CurrentMode);
ShowNotification(AlertMessage);
const AllPasswordInputs = document.querySelectorAll(
`input[type="password"], input[type="text"][${ProcessedAttribute}]`
);
AllPasswordInputs.forEach((Input) => {
if (Input.hasAttribute(ProcessedAttribute) || Input.type === "password") {
ProcessPasswordInput(Input, CurrentMode);
}
});
RegisterModeMenuCommands();
}
function RegisterModeMenuCommands() {
RegisteredMenuCommandIds.forEach((Id) => {
try {
GM_unregisterMenuCommand(Id);
} catch (E) {}
});
RegisteredMenuCommandIds = [];
const ModesToRegister = [ModeHover, ModeDBClick, ModeAlwaysShow];
ModesToRegister.forEach((Mode) => {
const MenuKey = ModeMenuTextKeys[Mode];
const BaseText = GetLocalizedText(MenuKey);
const CommandText = BaseText + (Mode === CurrentMode ? " ✅" : "");
const CommandId = GM_registerMenuCommand(CommandText, () =>
SetMode(Mode)
);
RegisteredMenuCommandIds.push(CommandId);
});
}
let CurrentMode = GM_getValue(ModeKey, ModeHover);
if (![ModeHover, ModeDBClick, ModeAlwaysShow].includes(CurrentMode)) {
CurrentMode = ModeHover;
GM_setValue(ModeKey, CurrentMode);
}
InjectNotificationStyles();
document
.querySelectorAll('input[type="password"]')
.forEach((Input) => ProcessPasswordInput(Input, CurrentMode));
const ObserverCallback = (MutationsList) => {
for (const Mutation of MutationsList) {
if (Mutation.type === "childList" && Mutation.addedNodes.length > 0) {
Mutation.addedNodes.forEach((Node) => {
if (
Node.nodeType === Node.ELEMENT_NODE &&
Node.matches &&
Node.matches('input[type="password"]') &&
!Node.hasAttribute(ProcessedAttribute)
) {
ProcessPasswordInput(Node, CurrentMode);
} else if (
Node.nodeType === Node.ELEMENT_NODE &&
Node.querySelectorAll
) {
const DescendantInputs = Node.querySelectorAll(
`input[type="password"]:not([${ProcessedAttribute}])`
);
DescendantInputs.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(ProcessedAttribute)
) {
ProcessPasswordInput(TargetInput, CurrentMode);
}
}
}
};
const Observer = new MutationObserver(ObserverCallback);
Observer.observe(document.body, {
childList: true,
subtree: true,
attributes: true,
attributeFilter: ["type"],
});
RegisterModeMenuCommands();
})();