npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

input-password-generator

v1.0.0

Published

Ce package est un input générateur de mot de passe avec une boîte de dialogue utilisant la bibliothèque SweetAlert2. Le package INPUT-PASSWORD-GENERATOR est facile à utiliser et prend en compte le nombre de lettres majuscules, le nombre de lettres minuscu

Downloads

20

Readme

Input Password Generator

Description

Le choix d'utiliser un mot de passe peut être une étape fastidieuse pour les visiteurs qui cherchent à naviguer rapidement. C'est pourquoi ce package offre la possibilité d'intégrer un input permettant de générer un mot de passe pour l'utilisateur qui souhaite aller plus vite ou ne veut pas utiliser un code confidentiel sur un site ou une plateforme inconnue. Le package INPUT-PASSWORD-GENERATOR utilise une boîte de dialogue utilisant la bibliothèque SweetAlert2, facile à utiliser et prend en compte le nombre de lettres majuscules, le nombre de lettres minuscules, le nombre de caractères spéciaux et le nombre de chiffres qui seront prédéfinis par le développeur. De plus, il offre la possibilité de modifier le texte du menu pop-up et le texte des boutons du menu pop-up, ainsi que la disposition de l'input. Mon package est une solution pratique et efficace pour les développeurs qui souhaitent donner le choix à leurs visiteurs de générer un mot de passe pour leur permettre de continuer leur processus sans perdre de temps. Enfin, il offre une alternative sécurisée à l'utilisation d'un mot de passe lorsqu'un visiteur ne souhaite pas en créer un lui-même.

Installation

Pour installer le package, utilisez la commande suivante :

npm install input-password-generator

Utilisation

Pour utiliser le générateur de mots de passe, vous devez tout d'abord importer le composant dans votre projet Vue. Vous pouvez ensuite utiliser le composant dans votre template en ajoutant les attributs pour spécifier le nombre de chiffres, de lettres majuscules, de lettres minuscules et de caractères spéciaux que vous souhaitez inclure dans le mot de passe :

<template>
  <InputPasswordGenerator :menu-titl="menuTitle" :cancel-text="cancelText" :confirm-text="confirmText" :num-chars="4" :num-lowercase="2" :num-uppercase="1" :num-special="1" />
</template>

<script>
import InputPassWordGenerator from 'input-password-generator/src/InputPasswordGenerator.vue'
export default{
  components: { InputPassWordGenerator },
  data(){
    return{
      confirmText: 'Générer',
      cancelText: 'Annuler'
      menuTitle:'Vous pouvez générer un mot de passe pour aller rapidement'
    }
  }
}
</script>

Le composant génère un mot de passe aléatoire à chaque fois que vous cliquez sur le bouton "Générer". Le mot de passe est automatiquement affiché dans l'input text.

Configuration

Le composant accepte les attributs suivants :

→num-chars : le nombre total de caractères dans le mot de passe (par défaut : 8)
→num-lowercase : le nombre de lettres minuscules dans le mot de passe (par défaut : 2)
→num-uppercase : le nombre de lettres majuscules dans le mot de passe (par défaut : 1)
→num-special : le nombre de caractères spéciaux dans le mot de passe (par défaut : 1)
→menu-title : le titre du menu pop-up qui s'affiche lorsqu'on clique sur l'input (par défaut : "Generate password")
→confirm-text : le text du bouton de confirmation du menu pop up (par défaut : "Generate")
→cancel-text : le text du bouton d'annulation' du menu pop up (par défaut : "Cancel")