Adding a array buffer context for safari.

Author: Bccorb

eslint.config.mjs

@@ -1,5 +1,4 @@
 import js from "@eslint/js";
-import jsdoc from "eslint-plugin-jsdoc";
 import react from "eslint-plugin-react";
 import simpleImportSort from "eslint-plugin-simple-import-sort";
 import globals from "globals";
@@ -8,7 +7,6 @@ import tseslint from "typescript-eslint";
 export default tseslint.config(
   js.configs.recommended,
   tseslint.configs.recommended,
-  jsdoc.configs["flat/recommended"],
   {
     files: ["**/src/**/*.{js,jsx,mjs,cjs,ts,tsx}"],
     plugins: {

src/RegisterPassKey.tsx

@@ -20,6 +20,34 @@ const RegisterPasskey: React.FC = () => {
   const [message, setMessage] = useState("");
   const [passkeyAvailable, setPasskeyAvailable] = useState(false);
 
+  function base64urlToArrayBuffer(base64url: string): ArrayBuffer {
+    const padding = "=".repeat((4 - (base64url.length % 4)) % 4);
+    const base64 = (base64url + padding).replace(/-/g, "+").replace(/_/g, "/");
+    const binary = atob(base64);
+    const buffer = new Uint8Array(binary.length);
+    for (let i = 0; i < binary.length; i++) {
+      buffer[i] = binary.charCodeAt(i);
+    }
+    return buffer.buffer;
+  }
+
+  function decodeSimpleWebauthnOptions(options: any) {
+    return {
+      ...options,
+      challenge: base64urlToArrayBuffer(options.challenge),
+      user: {
+        ...options.user,
+        id: base64urlToArrayBuffer(options.user.id),
+      },
+      excludeCredentials: (options.excludeCredentials || []).map(
+        (cred: any) => ({
+          ...cred,
+          id: base64urlToArrayBuffer(cred.id),
+        })
+      ),
+    };
+  }
+
   const handlePasskeyRegister = async () => {
     setStatus("loading");
 
@@ -41,14 +69,13 @@ const RegisterPasskey: React.FC = () => {
         return;
       }
 
-      const optionsJSON = await challengeRes.json();
+      const options = await challengeRes.json();
+
+      const publicKey = decodeSimpleWebauthnOptions(options);
 
       let attResp: RegistrationResponseJSON;
       try {
-        attResp = await startRegistration({
-          optionsJSON,
-          useAutoRegister: true,
-        });
+        attResp = await startRegistration(publicKey);
 
         await verifyPassKey(attResp);
       } catch (error) {