Generate Password Button

17.11.2020, 20:59:04
As of 2020-11-17. See the latest version.
Ask a question, post a review, or report the script.
Wrap lines
// ==UserScript==
// @name        Generate Password Button
// @namespace   Violentmonkey Scripts
// @match       *://*/*
// @grant       none
// @version     1.0
// @author      -
// @description 17.11.2020, 20:59:04
// ==/UserScript==

const chars = "1234567890qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM!@$%^&*()_-+"

const styles = document.createElement("style")
document.head.append(styles)

styles.innerHTML = `
  .generate-password-violentmonkey-script-button {
    position: fixed;
    right: 20px;
    bottom: 20px;
    background: #fff;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    font-size: 30px;
    border: 1px solid #bfbfbf;
    opacity: .5;
    outline: none;
    z-index: 999;
    transition: .3s;
  }

  .generate-password-violentmonkey-script-button:hover {
    opacity: 1;
  }

  .generate-password-violentmonkey-script-button.success {
    border: 1px solid green;
    color: green;
  }

  .generate-password-violentmonkey-script-button.warning {
    border: 1px solid orange;
    color: orange;
  }
`

const genPwdBtn = document.createElement("button")
genPwdBtn.className = "generate-password-violentmonkey-script-button"
genPwdBtn.innerText = "+"
document.body.append(genPwdBtn)

genPwdBtn.onclick = () => {
  const {hostname} = location
  
  if (localStorage[hostname]) {
    const password = localStorage[hostname]
    navigator.clipboard.writeText(password)
    genPwdBtn.classList.add("warning")
    setTimeout(() => genPwdBtn.classList.remove("warning"), 1000)
  } else {
    const password = generatePassword()
    navigator.clipboard.writeText(password)
    localStorage[hostname] = password
    genPwdBtn.classList.add("success")
    setTimeout(() => genPwdBtn.classList.remove("success"), 1000)
  }
}

function generatePassword() {
  let pass = ""
  for (let i = 0; i < 16; i++) pass += chars[Math.floor(Math.random() * chars.length)]
  return pass
}