[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_176":177,"_178":179},"routes/_app.x.$handle.$name",{"_101":100,"_32":49,"_109":88,"_27":110,"_13":14,"_111":-5,"_11":112,"_113":114,"_115":116,"_117":118,"_119":120,"_21":-5,"_121":122,"_123":124,"_125":25,"_126":127,"_128":61,"_129":-5,"_130":-5,"_131":132},"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":25,"_53":54,"_55":54,"_56":-5,"_57":-5,"_18":58,"_59":43,"_60":61,"_62":-5,"_63":-5,"_64":65,"_66":67,"_68":-5,"_69":-5,"_70":-5,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":82,"_83":84,"_85":86,"_87":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","fe3e8ef4-2825-11f0-af78-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",1714479034900],"branchVersion","branchId","fe3ace2c-2825-11f0-af78-569c3dd06744",{"_30":43,"_32":42,"_33":44,"_34":45,"_36":46,"_38":14,"_39":40,"_24":25},"main.tsx","fe3e827e-2825-11f0-af78-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