ebrugulec

{
  "presets": ["env", "react"]
}

ebrugulec

npm i babel-cli -D

ebrugulec

"main": "dist/index.js",
  "scripts": {
    ...
    "transpile": "babel src -d dist --copy-files"
  },

ebrugulec

"scripts": {
    ...
    "prepublishOnly": "npm run transpile"
  },

ebrugulec

# .npmignore 

src
examples
.babelrc
.gitignore
webpack.config.js

ebrugulec

 "scripts": {
    ...
    "build": "webpack --mode production",
    "deploy": "gh-pages -d examples/dist",
    "publish-demo": "npm run build && npm run deploy"
  },

ebrugulec

module.exports = {
    output: {
        path: path.join(__dirname, "examples/dist"),
        filename: "bundle.js"
    },
}

ebrugulec

# .gitignore
node_modules
dist

ebrugulec

class PasswordGenerator extends Component {
    constructor(props){
        super(props)
        this.state = {
            password: '',
            length: 12,
            digits: 4,
            symbols: 2,
            copy: false,
            strengthScore: 0,

ebrugulec

    componentDidMount(){
        this.generatePassword()
        this.checkPasswordStrength()
        document.getElementById("copy_btn").addEventListener("click", this.copyToClipboard);
    }
    componentWillUnmount(){
        document.getElementById("copy_btn").removeEventListener("click", this.copyToClipboard);
    }