sign up

firebase · Nov 8, 2023 · 82fbbd6 · 82fbbd6
1 parent 21df53d
commit 82fbbd6
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/packages/auth/demo/public/index.html b/packages/auth/demo/public/index.html
@@ -268,8 +268,12 @@
               <!-- Passkeys -->
               <div class="group">Passkeys</div>
               <form class="form form-bordered no-submit">
-                <input type="text" name="signin-passkey-name" id="signin-passkey-name"
+                <input type="text" name="passkey-name" id="passkey-name"
                        class="form-control" placeholder="Name" />
+                <button class="btn btn-block btn-primary"
+                      id="sign-up-with-passkey">
+                Sign up with Passkey
+                </button>
                 <button class="btn btn-block btn-primary"
                       id="sign-in-with-passkey">
                 Sign in with Passkey

diff --git a/packages/auth/demo/src/index.js b/packages/auth/demo/src/index.js
@@ -531,8 +531,15 @@ function onInitializeRecaptchaConfig() {
   initializeRecaptchaConfig(auth);
 }
 
+function onSignUpWithPasskey() {
+  const name = $('#passkey-name').val();
+  signInAnonymously(auth).then(user => {
+   enrollPasskey(activeUser(), name).then(onAuthSuccess, onAuthError);
+  }, onAuthError);
+}
+
 function onSignInWithPasskey() {
-  const name = $('#signin-passkey-name').val();
+  const name = $('#passkey-name').val();
   signInWithPasskey(auth, name).then(onAuthSuccess, onAuthError);
 }
 
@@ -2336,6 +2343,7 @@ function initApp() {
   $('#signup-password').blur(() => onBlurPassword('#signup-'));
   $('#password-reset-password').blur(() => onBlurPassword('#password-reset-'));
 
+  $('#sign-up-with-passkey').click(onSignUpWithPasskey);
   $('#sign-in-with-passkey').click(onSignInWithPasskey);
 
   $('#sign-in-with-generic-idp-credential').click(