WebAuthn Signal API Demo

Welcome to my Touhou fan site! It's super exclusive, so you need an account.

Sign in with your passkey

Don't have an account? Create one:

Username: Sign up!

Can't decide on a good username? Don't worry, you can change it later!

Demo instructions

Please run this demo on the latest Canary desktop version of Chrome. For now, only Google Password Manager passkeys are supported. WebAuthn Devtools support is coming soon.

Requirements:

• Chrome Canary
• A Google account
• Either of these:
  • A Windows machine with a TPM
  • A Mac
  • A Linux machine

Instructions:

1. Enable the web platform experimental features flag (chrome://flags/#enable-experimental-web-platform-features) and restart Chrome.
2. Sign in to Chrome with a Google account.
3. When creating a passkey, choose "Google Password Manager" and follow instructions.
4. Play with the buttons. Here are some things you can try:
   • Whenever you sign in or remove a credential, signalAllAcceptedCredentials is called. This should remove or hide any credentials removed by the user.
   • If you change your username, signalCurrentUserDetails is called and it should update your passkeys.
   • If you delete your account, no signal API calls are made. But if you try to sign in to that account with a passkey for it, signalUnknownCredential is called.

This site is "write-once" and a bit of a test bed. Things are bound to break.

This website doesn't store anything on the server, so you can't try signing in with the same passkey from another browser instance. Go use Matt's site if you wanna do that. Still, don't enter any information you wouldn't want me to know (:

Pixel art by code farmer: https://code-farmer.itch.io/touhou-pixe-characters, thank you so much! <3

Debugging

Clear local storage