[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_170":171,"_172":173},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_128":-5,"_20":129,"_22":130,"_131":132,"_133":134,"_25":135,"_24":-5,"_136":-5,"_137":-5,"_138":54,"_139":140,"_141":45,"_142":-5,"_143":-5,"_144":145},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":-5,"_28":-5,"_29":-5,"_30":-5,"_31":-5},"handle","stevekrouse","name","passkeys_demo","branchName","main","version","path","","project",{"_34":74,"_13":14,"_46":75,"_76":-5,"_77":45,"_78":79,"_80":79,"_81":-5,"_82":-5,"_83":84,"_85":38,"_86":45,"_87":-5,"_88":-5,"_89":90,"_91":92,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":98,"_99":98,"_100":101,"_102":101,"_103":101,"_104":98,"_105":98,"_106":107,"_108":109,"_110":111,"_112":54},"tree",[65,66],"file","contents",[32,33],"upstream","pull","ahead","behind","envVars",{"_34":57,"_13":58,"_37":59,"_39":-5,"_40":41,"_42":60,"_44":45,"_46":61,"_17":62,"_49":24,"_51":63,"_53":54,"_55":-5,"_18":64},{"_34":35,"_13":36,"_37":38,"_39":-5,"_40":41,"_42":43,"_44":45,"_46":47,"_17":48,"_49":50,"_51":52,"_53":54,"_55":-5,"_18":56},"id","85bb6c5a-2540-11f0-a4ea-569c3dd06744","main.tsx","fileId","84ec1d1a-2540-11f0-a4ea-569c3dd06744","parentId","branchId","84e9c254-2540-11f0-a4ea-569c3dd06744","branchVersion",39,"latest",true,"createdAt",["D",1714335412072],38,"fileType","http","content","/** @jsxImportSource npm:hono@3/jsx */\nimport { deleteCookie, getSignedCookie, setSignedCookie } from \"https://deno.land/x/hono@v3.6.3/middleware.ts\";\nimport { Hono } from \"https://deno.land/x/hono@v3.6.3/mod.ts\";\nimport { jwtVerify, SignJWT } from \"https://deno.land/x/jose@v4.14.6/index.ts\";\nimport {\n generateAuthenticationOptions,\n generateRegistrationOptions,\n verifyAuthenticationResponse,\n verifyRegistrationResponse,\n} from \"https://deno.land/x/simplewebauthn@v10.0.0/deno/server.ts\";\nimport { isoBase64URL, isoUint8Array } from \"https://deno.land/x/simplewebauthn@v10.0.0/deno/server/helpers.ts\";\nimport type {\n AuthenticationResponseJSON,\n RegistrationResponseJSON,\n} from \"https://deno.land/x/simplewebauthn@v10.0.0/deno/typescript-types.ts\";\nimport { DenoSyntheticKV } from \"https://esm.town/v/stevekrouse/DenoSyntheticKV\";\n\n// CONSTANTS\nconst SECRET = new TextEncoder().encode(Deno.env.get(\"JWT_SECRET\") ?? \"development\");\nconst RP_ID = \"stevekrouse-passkeys_demo.web.val.run\";\nconst RP_NAME = Deno.env.get(\"WEBAUTHN_RP_NAME\") ?? \"Deno Passkeys Demo\";\nconst CHALLENGE_TTL = Number(Deno.env.get(\"WEBAUTHN_CHALLENGE_TTL\")) || 60_000;\n\n// UTILS\nfunction generateJWT(userId: string) {\n return new SignJWT({ userId }).setProtectedHeader({ alg: \"HS256\" }).sign(SECRET);\n}\nfunction verifyJWT(token: string) {\n return jwtVerify(token, SECRET);\n}\nfunction generateRandomString() {\n return Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);\n}\n\n// DATABASE\nconst kv = new DenoSyntheticKV(\"passkeys_example\");\n\ntype User = {\n username: string;\n data: string;\n credentials: Record;\n};\n\ntype Credential = {\n credentialID: Uint8Array;\n credentialPublicKey: Uint8Array;\n counter: number;\n};\n\ntype Challenge = true;\n\n// RP SERVER\n\nconst app = new Hono();\napp.get(\"/\", c =>\n c.html(\n \n \n \n \n \n Passkeys Demo\n \n \n \n \n\n \n

🦕 Passkeys Demo

\n View code on Val Town. Port of{\" \"}\n \n maximousblk/passkeys-demo\n .\n

\n\n

Passkeys are not supported! ❌

\n\n \n\n \n\n

\n Go to /private to see the private page.\n

\n\n

\n Delete your existing passkeys for this page in Chrome at chrome://settings/passkeys.\n

\n\n

\n\n \n \n

🦕 Passkeys Demo

Logs

Code