TrueNAS Web-UI autofill username for proton pass

truenas-username-autofill.user.js

// ==UserScript==
// @name        TrueNAS Web-UI autofill username
// @namespace   Violentmonkey Scripts
// @match       https://harz:4430/*
// @match       https://ui.harz.lol/*
// @grant       none
// @version     1.0
// @author      -
// @description Fix ProtonPass autofill issue with TrueNAS Web-UI
// ==/UserScript==

(function () {
    'use strict';
  
    const observer = new MutationObserver(() => {
        const usernameElement = document.querySelector("#mat-input-1");
        const passwordElement = document.querySelector("#mat-input-2");
        if (usernameElement && passwordElement) {
            usernameElement.value = "truenas_admin";
            usernameElement.dispatchEvent(new Event('input', { bubbles: true })); // Trigger input event to notify the UI
            passwordElement.focus();
            observer.disconnect(); // Stop observing once the element is found and updated
        }
    });

    observer.observe(document.body, { childList: true, subtree: true });
})();