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","label",[246,88],"rp","pulls","branches",1,"forks","envVars",{"_255":26,"_257":26},"connections",{"_255":26,"_256":26},"count","unfilledCount","emptyCount",{"_43":315,"_13":246,"_72":237,"_53":-5,"_45":46,"_238":316,"_239":178,"_47":317,"_49":249,"_75":318,"_242":-5,"_77":24,"_244":-5,"_272":319,"_17":320},{"_43":236,"_13":88,"_72":73,"_53":237,"_45":46,"_238":159,"_239":178,"_47":312,"_49":241,"_75":21,"_242":243,"_77":24,"_244":-5,"_272":313,"_17":314},{"_43":304,"_13":305,"_72":306,"_53":237,"_45":46,"_238":201,"_239":178,"_47":307,"_49":308,"_75":76,"_242":309,"_77":24,"_244":-5,"_272":310,"_17":311},{"_43":295,"_13":296,"_72":176,"_53":-5,"_45":46,"_238":297,"_239":178,"_47":298,"_49":299,"_75":281,"_242":300,"_77":24,"_244":301,"_272":302,"_17":303},{"_43":286,"_13":287,"_72":288,"_53":-5,"_45":46,"_238":289,"_239":178,"_47":290,"_49":291,"_75":76,"_242":292,"_77":24,"_244":-5,"_272":293,"_17":294},{"_43":275,"_13":276,"_72":277,"_53":-5,"_45":46,"_238":278,"_239":178,"_47":279,"_49":280,"_75":281,"_242":282,"_77":24,"_244":283,"_272":284,"_17":285},{"_43":265,"_13":266,"_72":267,"_53":-5,"_45":46,"_238":268,"_239":178,"_47":269,"_49":270,"_75":76,"_242":271,"_77":24,"_244":-5,"_272":273,"_17":274},"95476cda-5e4a-11f0-b76b-0224a6c84d84","util.ts","8b27d384-5e4a-11f0-a42f-0224a6c84d84",92,["D",1752233487349],2,"export async function parsePostData(request: Request) {\n return new URLSearchParams(await request.text());\n}","children",[],[266],"99782828-5e52-11f0-8909-0224a6c84d84","rp.ts","a90afa30-5e12-11f0-8785-0224a6c84d84",122,["D",1752236930351],20,"http","import { serveFile } from \"https://esm.town/v/std/utils@105-main/index.ts\";\nimport { Hono } from \"npm:hono@4.8.4\";\n\nconst app = new Hono();\n\napp.get(\"/\", () => serveFile(\"/rp/index.html\", import.meta.url));\napp.get(\"/**/*\", c => serveFile(\"/rp\" + c.req.path, import.meta.url));\n\nexport default app.fetch;","fedcm-rp",[],[276],"fc49fc2a-5e51-11f0-b8b4-0224a6c84d84","loginCookie.ts","b0584476-5e50-11f0-a6a5-0224a6c84d84",113,["D",1752236666645],5,"import {\n deleteCookie,\n getCookies,\n setCookie,\n} from \"jsr:@std/http@1.0.19/cookie\";\n\nexport type LoginCookie = {\n username: string;\n email: string;\n};\n\nexport function getLoginCookie(headers: Headers): LoginCookie {\n const cookies = getCookies(headers);\n if (!cookies.login) return null;\n\n try {\n return JSON.parse(atob(cookies.login));\n } catch {\n return null;\n }\n}\n\nexport function setLoginCookie(headers: Headers, cookie: LoginCookie | null) {\n if (!cookie) {\n deleteCookie(headers, \"login\");\n } else {\n setCookie(headers, {\n name: \"login\",\n value: btoa(JSON.stringify(cookie)),\n });\n }\n}",[],[287],"4453d7f2-5e57-11f0-b3b6-0224a6c84d84","idp.tsx",150,["D",1752238934990],70,"/** @jsxImportSource npm:hono@4.7/jsx */\nimport { Hono } from \"npm:hono@4.7\";\nimport { parsePostData } from \"./util.ts\";\nimport { getLoginCookie, setLoginCookie } from \"./loginCookie.ts\";\n\nconst app = new Hono();\n\napp.get(\"/.well-known/web-identity\", () => {\n return Response.json({\n provider_urls: [\"https://fedcm-idp.val.run/config.json\"],\n });\n});\n\napp.get(\"/config.json\", () => {\n return Response.json({\n accounts_endpoint: \"/accounts\",\n id_assertion_endpoint: \"/assertion\",\n login_url: \"/login\",\n });\n});\n\napp.get(\"/\", async (c) => {\n const loginCookie = getLoginCookie(c.req.raw.headers);\n let loginSection;\n if (loginCookie) {\n loginSection = (\n <>\n

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",[],[296],"e42b80be-60c2-11f0-aa9c-0224a6c84d84","main.js","a500c7ae-5e52-11f0-86cb-0224a6c84d84",["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();",[],[246,305],["D",1752322000348],[],[246,88],"3a98d4b2-5e41-11f0-a5c8-0224a6c84d84",31,["D",1752229469738],"directory",[259,260],[246],["D",1752209258285],{"_11":12,"_214":80},{"_11":12,"_210":-5,"_79":80,"_30":78,"_211":212,"_213":24},{"_49":201,"_13":16,"_43":46,"_202":166,"_203":-5,"_204":-5,"_205":-5,"_206":-5,"_207":-5,"_208":14,"_209":12},"ctx",{"_62":-5,"_233":358,"_359":360,"_361":362,"_363":24,"_364":24,"_365":24,"_366":178,"_367":-5,"_368":-7,"_369":-7,"_370":26,"_371":24,"_372":24,"_373":-5,"_374":24,"_375":24,"_376":24,"_377":-5},"ENV",{"_329":330,"_331":332,"_333":16,"_334":335,"_336":337,"_338":339,"_340":341,"_342":343,"_344":345,"_346":347,"_348":349,"_350":351,"_352":353,"_354":355,"_356":357},"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"]

History · index.html