[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_228":229,"_230":231},"routes/_app.x.$handle.$name",{"_97":96,"_32":46,"_105":87,"_27":106,"_13":14,"_107":-5,"_11":108,"_109":110,"_111":112,"_113":114,"_115":116,"_20":-5,"_117":-5,"_118":-5,"_119":25,"_120":121,"_122":59,"_123":-5,"_124":-5,"_125":126},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_32":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":59,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":80,"_81":82,"_83":84,"_85":25},"version",169,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","rp/main.js","latestPath","fileId","a500c7ae-5e52-11f0-86cb-0224a6c84d84","name","main.js","fileType","script","content","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 let credential = null;\n try {\n credential = await navigator.credentials.get({\n // @ts-expect-error Not supported in all browsers yet\n identity: {\n context: \"use\",\n providers: [\n {\n configURL: \"https://fedcm-idp.val.run/config.json\",\n clientId: \"clientId\",\n },\n ],\n },\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();","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 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();","createdAt",["D",1752504978246],"branchVersion","branchId","2ba18230-5e12-11f0-b5c5-0224a6c84d84","id","2ba12880-5e12-11f0-b5c5-0224a6c84d84","fedcm-demo",["D",1752209258285],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","0eb52c90-5ddf-11f0-9bfb-1b1dd632a7a4","pinnedFileId","53f19950-5e12-11f0-a167-0224a6c84d84","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","0eb52c91-5ddf-11f0-9bfb-1b1dd632a7a4","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_97":96,"_104":100},"org",{"_97":96,"_98":-5,"_99":100,"_18":55,"_101":102,"_103":25},"branch",{"_13":86,"_32":87,"_44":43,"_88":45,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":46,"_95":96},"isOwned",170,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","jespertheend","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yemhkYUs0S3lvTjMxZmlkWHRLSjI0ZEs2cloifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_44":45,"_32":46,"_39":224,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":59,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":225,"_81":226,"_83":227,"_85":25},"tree",[187,190,191,192,193],"files",[187,188,189,190,191,192,193],"counts",{"_177":63,"_178":174,"_179":63,"_180":181,"_182":183},"contents",[127,128,129,130,131],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_44":169,"_32":170,"_30":171,"_135":-5,"_42":43,"_41":172,"_137":59,"_39":173,"_13":174,"_34":175,"_36":-5,"_24":25,"_141":-5,"_27":176},{"_44":161,"_32":162,"_30":57,"_135":-5,"_42":43,"_41":163,"_137":59,"_39":164,"_13":165,"_34":149,"_36":166,"_24":25,"_141":167,"_27":168},{"_44":153,"_32":154,"_30":155,"_135":-5,"_42":43,"_41":156,"_137":59,"_39":157,"_13":158,"_34":35,"_36":159,"_24":25,"_141":-5,"_27":160},{"_44":143,"_32":144,"_30":145,"_135":-5,"_42":43,"_41":146,"_137":59,"_39":147,"_13":148,"_34":149,"_36":150,"_24":25,"_141":151,"_27":152},{"_44":132,"_32":133,"_30":134,"_135":-5,"_42":43,"_41":136,"_137":59,"_39":138,"_13":139,"_34":35,"_36":140,"_24":25,"_141":-5,"_27":142},"95476cda-5e4a-11f0-b76b-0224a6c84d84","util.ts","8b27d384-5e4a-11f0-a42f-0224a6c84d84","parentId",92,"latest",["D",1752233487349],2,"export async function parsePostData(request: Request) {\n return new URLSearchParams(await request.text());\n}","label",[133],"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",[144],"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}",[154],"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",[162],"3a98d4b2-5e41-11f0-a5c8-0224a6c84d84","rp","37c245ca-5e41-11f0-8fe6-0224a6c84d84",31,["D",1752229469738],1,"directory",[170],"pulls","branches","forks","envVars",{"_184":63,"_186":63},"connections",{"_184":63,"_185":63},"count","unfilledCount","emptyCount",{"_44":169,"_32":170,"_30":171,"_135":-5,"_42":43,"_41":172,"_137":59,"_39":221,"_13":174,"_34":175,"_36":-5,"_24":25,"_141":-5,"_195":222,"_27":223},{"_44":212,"_32":213,"_30":214,"_135":171,"_42":43,"_41":215,"_137":59,"_39":216,"_13":217,"_34":20,"_36":218,"_24":25,"_141":-5,"_195":219,"_27":220},{"_44":207,"_32":33,"_30":31,"_135":171,"_42":43,"_41":14,"_137":25,"_39":208,"_13":209,"_34":35,"_36":38,"_24":25,"_141":-5,"_195":210,"_27":211},{"_44":161,"_32":162,"_30":57,"_135":-5,"_42":43,"_41":163,"_137":59,"_39":204,"_13":165,"_34":149,"_36":166,"_24":25,"_141":167,"_195":205,"_27":206},{"_44":153,"_32":154,"_30":155,"_135":-5,"_42":43,"_41":156,"_137":59,"_39":201,"_13":158,"_34":35,"_36":159,"_24":25,"_141":-5,"_195":202,"_27":203},{"_44":143,"_32":144,"_30":145,"_135":-5,"_42":43,"_41":146,"_137":59,"_39":198,"_13":148,"_34":149,"_36":150,"_24":25,"_141":151,"_195":199,"_27":200},{"_44":132,"_32":133,"_30":134,"_135":-5,"_42":43,"_41":136,"_137":59,"_39":194,"_13":139,"_34":35,"_36":140,"_24":25,"_141":-5,"_195":196,"_27":197},["D",1752233487349],"children",[],[133],["D",1752236930351],[],[144],["D",1752236666645],[],[154],["D",1752238934990],[],[162],"b2778c98-60c2-11f0-8e9c-0224a6c84d84",["D",1752504978246],28,[],[170,33],"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",[],[170,213],["D",1752229469738],[188,189],[170],["D",1752209258285],{"_97":96,"_104":100},{"_97":96,"_98":-5,"_99":100,"_18":55,"_101":102,"_103":25},{"_13":86,"_32":87,"_44":43,"_88":45,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":46,"_95":96},"ctx",{"_79":-5,"_124":261,"_262":263,"_264":265,"_266":25,"_267":25,"_268":25,"_269":59,"_270":-5,"_271":-7,"_272":-7,"_273":63,"_274":25,"_275":25,"_276":-5,"_277":25,"_278":25,"_279":25,"_280":-5},"ENV",{"_232":233,"_234":235,"_236":87,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254,"_255":256,"_257":258,"_259":260},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","5015b8df46402d8bba4f485ecc37aec202b0e06b","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"]

Diff · v169