Welcome {loginCookie.username}!

\n Head over to fedcm-rp.val.run\n {\" \"}\n to try logging in.\n

\n \n \n );\n } else {\n loginSection = (\n \n );\n }\n const response = await c.html(\n \n \n

FedCM Identity Provider (IdP) Demo

\n {loginSection}\n \n ,\n );\n response.headers.set(\"Set-Login\", loginCookie ? \"logged-in\" : \"logged-out\");\n\n return response;\n});\n\napp.post(\"/login\", async (c) => {\n const postData = await parsePostData(c.req.raw);\n\n const response = c.redirect(\"/\");\n\n setLoginCookie(response.headers, {\n username: postData.get(\"username\"),\n email: postData.get(\"email\"),\n });\n\n return response;\n});\n\napp.post(\"/logout\", async (c) => {\n const response = c.redirect(\"/\");\n\n setLoginCookie(response.headers, null);\n\n return response;\n});\n\napp.get(\"/accounts\", (c) => {\n if (c.req.raw.headers.get(\"sec-fetch-dest\") != \"webidentity\") {\n return new Response(\"sec-fetch-dest header must be webidentity\");\n }\n const accounts = [];\n const loginCookie = getLoginCookie(c.req.raw.headers);\n if (loginCookie) {\n accounts.push({\n id: loginCookie.username,\n given_name: \"\",\n name: loginCookie.username,\n email: loginCookie.email,\n picture: \"\",\n approved_clients: \"approved\",\n login_hints: [],\n });\n }\n return Response.json({ accounts });\n});\n\napp.post(\"/assertion\", (c) => {\n if (c.req.raw.headers.get(\"sec-fetch-dest\") != \"webidentity\") {\n return new Response(\"sec-fetch-dest header must be webidentity\");\n }\n\n const response = Response.json({ token: \"token\" });\n response.headers.set(\n \"Access-Control-Allow-Origin\",\n \"https://fedcm-rp.val.run\",\n );\n response.headers.set(\"Access-Control-Allow-Credentials\", \"true\");\n return response;\n});\n\nexport default app.fetch;","fedcm-idp",[79],"3a98d4b2-5e41-11f0-a5c8-0224a6c84d84","rp","37c245ca-5e41-11f0-8fe6-0224a6c84d84",31,["D",1752229469738],1,"directory",[88],{"_37":87,"_13":88,"_40":89,"_42":-5,"_43":44,"_45":90,"_47":48,"_49":113,"_17":92,"_52":93,"_54":-5,"_56":57,"_58":-5,"_101":114,"_18":115},{"_37":78,"_13":79,"_40":80,"_42":-5,"_43":44,"_45":81,"_47":48,"_49":110,"_17":83,"_52":66,"_54":84,"_56":57,"_58":85,"_101":111,"_18":112},{"_37":70,"_13":71,"_40":72,"_42":-5,"_43":44,"_45":73,"_47":48,"_49":107,"_17":75,"_52":53,"_54":76,"_56":57,"_58":-5,"_101":108,"_18":109},{"_37":60,"_13":61,"_40":62,"_42":-5,"_43":44,"_45":63,"_47":48,"_49":104,"_17":65,"_52":66,"_54":67,"_56":57,"_58":68,"_101":105,"_18":106},{"_37":38,"_13":39,"_40":41,"_42":-5,"_43":44,"_45":46,"_47":48,"_49":100,"_17":51,"_52":53,"_54":55,"_56":57,"_58":-5,"_101":102,"_18":103},["D",1752233487349],"children",[],[39],["D",1752236930351],[],[61],["D",1752236666645],[],[71],["D",1752238934990],[],[79],["D",1752229469738],[116,117],[88],{"_37":127,"_13":128,"_40":129,"_42":89,"_43":44,"_45":130,"_47":48,"_49":131,"_17":132,"_52":24,"_54":133,"_56":57,"_58":-5,"_101":134,"_18":135},{"_37":118,"_13":119,"_40":120,"_42":89,"_43":44,"_45":121,"_47":48,"_49":122,"_17":123,"_52":53,"_54":124,"_56":57,"_58":-5,"_101":125,"_18":126},"e42b80be-60c2-11f0-aa9c-0224a6c84d84","main.js","a500c7ae-5e52-11f0-86cb-0224a6c84d84",170,["D",1752505061637],29,"const eventLogEl = document.getElementById(\"eventLog\");\nexport function logEvent(text) {\n const el = document.createElement(\"div\");\n el.textContent = text;\n eventLogEl.append(el);\n}\n\nasync function getCredential() {\n const url = new URL(location.href);\n const mediation = url.searchParams.get(\"mediation\") || \"optional\";\n let credential = null;\n try {\n logEvent(\"Requesting credentials with mediation=\" + mediation);\n credential = await navigator.credentials.get({\n identity: {\n context: \"use\",\n providers: [\n {\n configURL: \"https://fedcm-idp.val.run/config.json\",\n clientId: \"clientId\",\n },\n ],\n },\n mediation,\n });\n } catch (error) {\n logEvent(`An error occurred while obtaining FedCM credentials: ${error}`);\n }\n\n if (credential) {\n logEvent(\"logged in!\");\n }\n}\n\ngetCredential();",[],[88,119],"ab23e5a0-5f18-11f0-b553-0224a6c84d84","index.html","55d373a4-5e41-11f0-9a92-0224a6c84d84",165,["D",1752322000348],11,"\n\n \n FedCM RP demo\n \n \n \n \n

FedCM Relying Party (RP) Demo

\n Please sign in on fedcm-idp.val.run if you haven't already, once you come back to this\n page, the FedCM UI should appear.\n

\n \n \n",[],[88,128],"2ba12880-5e12-11f0-b5c5-0224a6c84d84",["D",1752209258285],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","0eb52c90-5ddf-11f0-9bfb-1b1dd632a7a4","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","0eb52c91-5ddf-11f0-9bfb-1b1dd632a7a4","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_189":185},"org",{"_11":12,"_183":-5,"_184":185,"_145":146,"_186":187,"_188":57},"branch",{"_17":121,"_13":16,"_37":44,"_175":136,"_176":-5,"_177":-5,"_178":-5,"_179":-5,"_180":-5,"_181":14,"_182":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yemhkYUs0S3lvTjMxZmlkWHRLSjI0ZEs2cloifQ","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_37":136,"_13":14,"_49":248,"_138":-5,"_139":57,"_140":141,"_142":141,"_143":-5,"_144":-5,"_145":146,"_147":80,"_148":48,"_149":48,"_150":-5,"_151":152,"_153":154,"_155":-5,"_156":-5,"_157":-5,"_158":-5,"_159":160,"_161":160,"_162":163,"_164":163,"_165":163,"_166":160,"_167":160,"_168":249,"_170":250,"_172":251,"_174":57},[227,230,231,232,233],"files",[227,228,229,230,231,232,233],"counts",{"_218":152,"_219":92,"_220":152,"_31":221,"_222":223},[208,209,210,211,212],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_37":87,"_13":88,"_40":89,"_42":-5,"_43":44,"_45":90,"_47":48,"_49":91,"_17":92,"_52":93,"_54":-5,"_56":57,"_58":-5,"_18":217},{"_37":78,"_13":79,"_40":80,"_42":-5,"_43":44,"_45":81,"_47":48,"_49":82,"_17":83,"_52":66,"_54":84,"_56":57,"_58":85,"_18":216},{"_37":70,"_13":71,"_40":72,"_42":-5,"_43":44,"_45":73,"_47":48,"_49":74,"_17":75,"_52":53,"_54":76,"_56":57,"_58":-5,"_18":215},{"_37":60,"_13":61,"_40":62,"_42":-5,"_43":44,"_45":63,"_47":48,"_49":64,"_17":65,"_52":66,"_54":67,"_56":57,"_58":68,"_18":214},{"_37":38,"_13":39,"_40":41,"_42":-5,"_43":44,"_45":46,"_47":48,"_49":50,"_17":51,"_52":53,"_54":55,"_56":57,"_58":-5,"_18":213},[39],[61],[71],[79],[88],"pulls","branches","forks",{"_224":152,"_226":152},"connections",{"_224":152,"_225":152},"count","unfilledCount","emptyCount",{"_37":87,"_13":88,"_40":89,"_42":-5,"_43":44,"_45":90,"_47":48,"_49":113,"_17":92,"_52":93,"_54":-5,"_56":57,"_58":-5,"_101":246,"_18":247},{"_37":127,"_13":128,"_40":129,"_42":89,"_43":44,"_45":130,"_47":48,"_49":131,"_17":132,"_52":24,"_54":133,"_56":57,"_58":-5,"_101":244,"_18":245},{"_37":118,"_13":119,"_40":120,"_42":89,"_43":44,"_45":121,"_47":48,"_49":122,"_17":123,"_52":53,"_54":124,"_56":57,"_58":-5,"_101":242,"_18":243},{"_37":78,"_13":79,"_40":80,"_42":-5,"_43":44,"_45":81,"_47":48,"_49":110,"_17":83,"_52":66,"_54":84,"_56":57,"_58":85,"_101":240,"_18":241},{"_37":70,"_13":71,"_40":72,"_42":-5,"_43":44,"_45":73,"_47":48,"_49":107,"_17":75,"_52":53,"_54":76,"_56":57,"_58":-5,"_101":238,"_18":239},{"_37":60,"_13":61,"_40":62,"_42":-5,"_43":44,"_45":63,"_47":48,"_49":104,"_17":65,"_52":66,"_54":67,"_56":57,"_58":68,"_101":236,"_18":237},{"_37":38,"_13":39,"_40":41,"_42":-5,"_43":44,"_45":46,"_47":48,"_49":100,"_17":51,"_52":53,"_54":55,"_56":57,"_58":-5,"_101":234,"_18":235},[],[39],[],[61],[],[71],[],[79],[],[88,119],[],[88,128],[228,229],[88],["D",1752209258285],{"_11":12,"_189":185},{"_11":12,"_183":-5,"_184":185,"_145":146,"_186":187,"_188":57},{"_17":121,"_13":16,"_37":44,"_175":136,"_176":-5,"_177":-5,"_178":-5,"_179":-5,"_180":-5,"_181":14,"_182":12},"ctx",{"_168":-5,"_205":285,"_286":287,"_288":289,"_290":57,"_291":57,"_292":57,"_293":48,"_294":-5,"_295":-7,"_296":-7,"_297":152,"_298":57,"_299":57,"_300":-5,"_301":57,"_302":57,"_303":57,"_304":-5},"ENV",{"_256":257,"_258":259,"_260":16,"_261":262,"_263":264,"_265":266,"_267":268,"_269":270,"_271":272,"_273":274,"_275":276,"_277":278,"_279":280,"_281":282,"_283":284},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Code