Narwhals Poke Mammals

    @edgeworkscreative/pwned-password
    TypeScript icon, indicating that this package has built-in type declarations

    1.0.1 • Public • Published

    Built With Stencil

    Pwned Password Component

    Web component built with Stencil that utilizes the Have I Been Pwned API to prevent the use of passwords found in previous data breaches.

    Only the first 5 characters of the SHA-1 hash are sent to Have I Been Pwned.

    DEMO

    Using the Pwned Password component on your site

    Simply place this script tag in the <head> of your website:

    <script src="https://unpkg.com/@edgeworkscreative/pwned-password@latest/dist/pwned-password.js"></script>

    Now you can use the component anywhere in the body of your site:

    <pwned-password name="password" placeholder="Enter your password"></pwned-password>
    document.addEventListener('pwnedPasswordFound', (e) => {
      if (e.detail === 0) {
        let password =  e.srcElement.querySelector('input').value;
        console.log('Password hasn\'t been pwned - submit your form');
      } else {
        alert(`Password has been pwned ${e.detail} times!`);
      }
    })

    Keywords

    none

    Install

    npm i @edgeworkscreative/pwned-password

    DownloadsWeekly Downloads

    3

    Version

    1.0.1

    License

    MIT

    Unpacked Size

    387 kB

    Total Files

    44

    Last publish

    Collaborators

    • adamlacombe
    • drnwrks