Fixes #29

README.md

@@ -2,6 +2,7 @@ Passwordless.ID / webauthn
 ==========================
 
 A greatly simplified and opinionated wrapper to invoke the [webauthn protocol](https://w3c.github.io/webauthn/) more conveniently.
+It is minimalistik (11kb) and dependency-free.
 
 <img src="demos/img/banner-biometric-auth.svg" />
 
@@ -50,7 +51,7 @@ import * as webauthn from '@passwordless-id/webauthn'
 
 ```html
 <script type="module">
-  import { client } from 'https://unpkg.com/@passwordless-id/webauthn'
+  import { client } from 'https://unpkg.com/@passwordless-id/webauthn@1.2.5/dist/webauthn.min.js'
 </script>
 ```
 ### Import

demos/basic.html

@@ -48,9 +48,9 @@
   </template>
 </main>
 
-<script src="https://unpkg.com/vue@2"></script>
-<script src="https://unpkg.com/buefy/dist/buefy.min.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
+<script src="https://unpkg.com/vue@2.7.14/dist/vue.min.js"></script>
+<script src="https://unpkg.com/buefy@0.9.23/dist/buefy.min.js"></script>
+<script src="https://unpkg.com/browse/axios@1.4.0/dist/axios.min.js"></script>
 
 <script type="module" src="js/basic.js"></script>
 </body>

demos/example-cdn.html

@@ -10,18 +10,28 @@
 
 
 <script type="module">
-import { client } from 'https://unpkg.com/@passwordless-id/webauthn'
+import { client } from 'https://unpkg.com/@passwordless-id/webauthn@1.2.5/dist/webauthn.min.js'
 
 window.register = async function() {
 	console.log('Registering...')
-	let res = client.register('MyUsername', 'random-challenge-base64-encoded')
-	console.log(res)
+	try {
+		let res = await client.register('MyUsername', 'random-challenge-base64-encoded')
+		alert(JSON.stringify(res))
+	}
+	catch(e) {
+		alert(e)
+	}
 }
 
 window.login = async function() {
 	console.log('Authenticating...')
-	let res = client.authenticate([], 'random-challenge-base64-encoded')
-	console.log(res)
+	try {
+		let res = await client.authenticate([], 'random-challenge-base64-encoded')
+		alert(JSON.stringify(res))
+	}
+	catch(e) {
+		alert(e)
+	}
 }
 
 </script>

demos/example-raw.html

@@ -14,16 +14,25 @@
 
 window.register = async function() {
 	console.log('Registering...')
-	let res = client.register('MyUsername', 'random-challenge-base64-encoded')
-	console.log(res)
+	try {
+		let res = await client.register('MyUsername', 'random-challenge-base64-encoded')
+		alert(JSON.stringify(res))
+	}
+	catch(e) {
+		alert(e)
+	}
 }
 
 window.login = async function() {
 	console.log('Authenticating...')
-	let res = client.authenticate([], 'random-challenge-base64-encoded')
-	console.log(res)
+	try {
+		let res = await client.authenticate([], 'random-challenge-base64-encoded')
+		alert(JSON.stringify(res))
+	}
+	catch(e) {
+		alert(e)
+	}
 }
-
 </script>
 </body>
 </html>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@passwordless-id/webauthn",
-  "version": "1.2.4",
+  "version": "1.2.5",
   "description": "A small wrapper around the webauthn protocol to make one's life easier.",
   "type": "module",
   "main": "dist/esm/index.js",

src/client.ts

@@ -81,7 +81,7 @@ export async function register(username :string, challenge :string, options? :Re
             name: window.location.hostname
         },
         user: {
-            id: await utils.sha256(new TextEncoder().encode(username)), // ID should not be directly "identifiable" for privacy concerns
+            id: await utils.sha256(new TextEncoder().encode('passwordless.id-user:' + username)), // ID should not be directly "identifiable" for privacy concerns
             name: username,
             displayName: username,
         },