[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_177":178,"_179":180},"routes/_app.x.$handle.$name",{"_102":101,"_32":49,"_110":88,"_27":111,"_13":14,"_112":-5,"_11":113,"_114":115,"_116":117,"_118":119,"_120":121,"_21":-5,"_122":123,"_124":125,"_126":25,"_127":128,"_129":53,"_130":-5,"_131":-5,"_132":133},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_47":48,"_32":49,"_36":50,"_51":-5,"_52":53,"_54":55,"_56":55,"_57":-5,"_58":-5,"_18":59,"_60":43,"_61":53,"_62":-5,"_63":-5,"_64":14,"_65":66,"_67":-5,"_68":-5,"_69":-5,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":81,"_82":83,"_84":85,"_86":25},"version",1,"changes",[19,20],"aiChatInfo","userId",{"_21":41,"_23":-7,"_24":25,"_26":25,"_27":42,"_29":42},{"_21":22,"_23":-7,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":21,"_34":35,"_36":37,"_38":14,"_39":40,"_24":25},"previous","deleted",false,"deletedHere","path","README.md","latestPath","fileId","7c9d0204-252d-11f0-8a67-569c3dd06744","name","fileType","content","# Passkeys Demo\n\nPasskeys are pretty neat! I wanted to get a demo working in Val Town so I ported over https://github.com/maximousblk/passkeys-demo.\n\nOne challenge was that the original extensively uses DenoKV store with compound keys and values. I created @stevekrouse/DenoSyntheticKV as a replacement for DenoKV. It uses SuperJSON to encode the keys and values.\n\nYou can find the client-side script for the main page here: @stevekrouse/passkey_script","createdAt",["D",1736819684261],"branchVersion","branchId","7c9a59f0-252d-11f0-8a67-569c3dd06744",{"_30":43,"_32":42,"_33":44,"_34":45,"_36":46,"_38":14,"_39":40,"_24":25},"main.tsx","7c9cf3e0-252d-11f0-8a67-569c3dd06744","http","/** @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

Diff · v1