Riot.js x Firebaseで作る、超お手軽なパスワード不要のログインシステム「Magic Login」

<auth>
<div class="ui padded basic segment">
<br><br>
<div class="ui three column center aligned stackable grid">
<div class="ui column">
<div class="ui center aligned basic segment">
<i class="icons">
<i class="purple inverted mail circular huge icon"></i>
<i class="horizontally flipped wizard huge icon"></i>
</i>
<h1 class="ui header">
Magic Login
<div class="sub header">
Get a magic linked email for super easy sign-in;)
</div>
</h1>
<div class="ui action fluid input">
<input type="text" ref="email" placeholder="Type your email here.">
<button class="ui pink right labeled icon button" onclick={ magicAuth }>
<i class="send icon"></i>
Send
</button>
</div>
<div if={ message } class="ui visible left aligned basic segment { message.type } message">{ message.text }</div>
</div>
</div>
</div>
<br><br>
</div>

<script>
var that = this
firebase.auth().onAuthStateChanged(function(user) {
  that.user = user
})

magicAuth() {
  that.errorMessage = ''
  var newPassword = Math.random().toString(36).slice(-12)

  firebase.auth().createUserWithEmailAndPassword(that.refs.email.value, newPassword).then(function(){
    //新規ユーザーの場合
    firebase.auth().sendPasswordResetEmail(that.refs.email.value)
    firebase.auth().signOut()
    that.message = {
      type: 'success',
      text: 'ログイン用のメールを送信しました。メール内のリンクをクリックしてログインしてください。'
    }
  }).catch(function(error) {
    //アドレスが既に登録済みの場合
    if(error.code == 'auth/email-already-in-use') {
      firebase.auth().sendPasswordResetEmail(that.refs.email.value)
      that.message = {
        type: 'success',
        text: 'ログイン用のメールを送信しました。メール内のリンクをクリックしてログインしてください。'
      }
    //validationエラーなど
    }else {
      that.message = {
        type: 'error',
        text: error.message
      }
    }
  }).then(function(){
    that.update()
  })
}
</script>
</auth>

route('/auth..', function(){
  var q = route.query()
  if(q.mode == 'resetPassword') {
    firebase.auth().verifyPasswordResetCode(q.oobCode).then(function(email) {
      var newPassword = Math.random().toString(36).slice(-12)
      firebase.auth().confirmPasswordReset(q.oobCode, newPassword).then(function(){
        firebase.auth().signInWithEmailAndPassword(email, newPassword)
        alert('ログインしました')
      })
    }).catch(function(error){
      alert('ログインに失敗しました..')
    })
  }
})