\n \n \n \n \n ,\n );\n\n return new Response(stream, {\n status,\n headers: {\n \"content-type\": \"text/html; charset=utf-8\",\n ...extraHeaders,\n },\n });\n}",[],[152,193],[152],{"_104":203,"_95":204,"_153":205,"_155":-5,"_156":138,"_157":206,"_159":160,"_106":207,"_100":208,"_163":164,"_165":-5,"_166":22,"_167":-5,"_168":209,"_98":245},"f7df46f4-5361-11f0-9396-f69ea79377d9","frontend","f4cc2108-5361-11f0-8b33-f69ea79377d9",22,["D",1751034068394],2,[210,218],{"_104":211,"_95":212,"_153":213,"_155":205,"_156":138,"_157":214,"_159":160,"_106":215,"_100":162,"_163":164,"_165":-5,"_166":22,"_167":-5,"_168":216,"_98":217},"0b6c0cac-5362-11f0-9683-f69ea79377d9","components","087fec7a-5362-11f0-b326-f69ea79377d9",29,["D",1751034101192],[],[204,212],{"_104":219,"_95":220,"_153":221,"_155":205,"_156":138,"_157":222,"_159":160,"_106":223,"_100":162,"_163":164,"_165":-5,"_166":22,"_167":-5,"_168":224,"_98":244},"06ee88bc-5362-11f0-abe4-f69ea79377d9","pages","05c090de-5362-11f0-acb3-f69ea79377d9",27,["D",1751034093657],[225,234],{"_104":226,"_95":227,"_153":228,"_155":221,"_156":138,"_157":229,"_159":22,"_106":230,"_100":176,"_163":177,"_165":231,"_166":22,"_167":-5,"_168":232,"_98":233},"6ee1fbf0-5382-11f0-a8c8-f69ea79377d9","HomePage.tsx","0479554c-5382-11f0-a6ce-f69ea79377d9",44,["D",1751048011954],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { ExperimentalWarning } from \"../components/ExperimentalWarning.tsx\";\n\nexport default function ({ onLogin }) {\n const [apiKey, setApiKey] = useState(\"\");\n const [isLoading, setIsLoading] = useState(false);\n const [error, onError] = useState(\"\");\n\n return (\n

\n Val Town Oauth Connect\n

\n );\n}",[],[204,220,227],{"_104":235,"_95":236,"_153":237,"_155":221,"_156":138,"_157":238,"_159":160,"_106":239,"_100":240,"_163":177,"_165":241,"_166":22,"_167":-5,"_168":242,"_98":243},"4d9777b4-5381-11f0-b57c-f69ea79377d9","LoginPage.tsx","ffb2d7f6-5361-11f0-afdc-f69ea79377d9",35,["D",1751047526602],8,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { ExperimentalWarning } from \"../components/ExperimentalWarning.tsx\";\n\nexport default function ({ onLogin }) {\n const [apiKey, setApiKey] = useState(\"\");\n const [isLoading, setIsLoading] = useState(false);\n const [error, onError] = useState(\"\");\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n setIsLoading(true);\n onError(\"\");\n try {\n const response = await fetch(\"/auth/login\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ apiKey }),\n });\n if (response.ok) window.location.href = \"/\";\n } catch (err) {\n console.error(err);\n onError(err.message);\n } finally {\n setIsLoading(false);\n }\n };\n\n return (\n

\n Val Town OAuth Connect\n

\n \n View source\n \n

\n OAuth everywhere!\n

\n\n {error && (\n

\n {error}\n

\n )}\n\n

To login:

\n 1. Create an API key:{\" \"}\n \n https://www.val.town/settings/api\n \n

2. Give it the \"Users: read-only\" scope.

\n\n

\n );\n}",[],[204,220,236],[204,220],[204],{"_104":247,"_95":248,"_153":249,"_155":-5,"_156":138,"_157":101,"_159":22,"_106":250,"_100":187,"_163":251,"_165":252,"_166":22,"_167":96,"_168":253,"_98":254},"2564e756-5384-11f0-a327-f69ea79377d9","main.tsx","968c56f2-5358-11f0-ab25-f69ea79377d9",["D",1751048747652],"http","import { serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\nimport { auth, getCurrentUser } from \"./backend/auth.ts\";\nimport { renderPage } from \"./backend/render-react-page.tsx\";\nimport { getTokensByUserId, insertToken } from \"./backend/database.ts\";\n\nconst app = new Hono();\n\n// Serve all /frontend files\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path, import.meta.url));\n\napp.route(\"/auth\", auth);\n\nconst title = \"Val Town OAuth Connect\";\n\napp.use(\"*\", async (c, next) => {\n const user = await getCurrentUser(c);\n if (!user) {\n return renderPage({\n pageModuleURL: \"/frontend/pages/LoginPage.tsx\",\n title,\n });\n } else {\n c.set(\"user\", user);\n await next();\n }\n});\n\napp.get(\"/\", async (c) => {\n return renderPage({\n pageModuleURL: \"/frontend/pages/HomePage.tsx\",\n title,\n props: {\n user: c.get(\"user\"),\n },\n });\n});\n\napp.get(\"/api/tokens\", async (c) => {\n const user = c.get(\"user\");\n return c.json(await getTokensByUserId(user.id));\n});\n\napp.post(\"/api/tokens\", async (c) => {\n const body = await c.req.formData();\n /*\n token.service,\n token.userId,\n token.accessToken,\n token.refreshToken,\n token.state,\n token.createdAt,\n token.accessTokenExpiresAt, */\n\n const user = c.get(\"user\");\n const token = {\n userId: user.id,\n service: body.get(\"service\") as string,\n accessToken: \"TODO\"\n refreshToken: \"TODO\",\n state: \"TODO\"\n createdAt: new Date(),\n accessTokenExpiresAt: \"TODO\",\n }\n insertToken(token);\n return c.json(\"OK\");\n})\n\n// Unwrap and rethrow Hono errors as the original error\n// If you delete this, all errors will be \"Internal Server Error\"\napp.onError((err, c) => Promise.reject(err));\nexport default app.fetch;",[],[248],"files",[150,170,181,191,202,210,218,225,234,246],"counts",{"_259":32,"_260":162,"_261":32,"_262":208},"pulls","branches","forks","envVars","contents",[],"file",{"_104":211,"_95":212,"_153":213,"_155":205,"_156":138,"_157":214,"_159":160,"_106":267,"_100":162,"_163":164,"_165":-5,"_166":22,"_167":-5,"_98":268},["D",1751034101192],[204,212],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_93":94,"_95":96,"_97":43,"_100":101,"_98":99,"_102":277,"_148":282,"_255":313,"_265":314,"_263":316,"_317":-5,"_318":22,"_319":-5,"_320":-5,"_321":-5,"_322":323},{"_104":105,"_95":96,"_106":278,"_108":-5,"_109":22,"_110":111,"_112":-5,"_113":-5,"_14":114,"_115":-5,"_116":22,"_117":-5,"_118":32,"_16":119,"_120":121,"_122":121,"_123":124,"_125":124,"_126":124,"_127":121,"_128":121,"_23":279,"_132":280,"_135":281,"_147":22},["D",1751030039581],{"_93":94,"_130":131},{"_93":94,"_134":131},{"_100":137,"_95":43,"_104":138,"_139":105,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":96,"_146":94},[283,295,310],{"_104":151,"_95":152,"_153":154,"_155":-5,"_156":138,"_157":158,"_159":160,"_106":161,"_100":162,"_163":164,"_165":-5,"_166":22,"_167":-5,"_168":284,"_98":294},[285,288,291],{"_104":171,"_95":172,"_153":173,"_155":154,"_156":138,"_157":174,"_159":160,"_106":175,"_100":176,"_163":177,"_165":178,"_166":22,"_167":-5,"_168":286,"_98":287},[],[152,172],{"_104":182,"_95":183,"_153":184,"_155":154,"_156":138,"_157":185,"_159":160,"_106":186,"_100":187,"_163":177,"_165":188,"_166":22,"_167":-5,"_168":289,"_98":290},[],[152,183],{"_104":192,"_95":193,"_153":194,"_155":154,"_156":138,"_157":195,"_159":160,"_106":196,"_100":197,"_163":177,"_165":198,"_166":22,"_167":-5,"_168":292,"_98":293},[],[152,193],[152],{"_104":203,"_95":204,"_153":205,"_155":-5,"_156":138,"_157":206,"_159":160,"_106":207,"_100":208,"_163":164,"_165":-5,"_166":22,"_167":-5,"_168":296,"_98":309},[297,300],{"_104":211,"_95":212,"_153":213,"_155":205,"_156":138,"_157":214,"_159":160,"_106":215,"_100":162,"_163":164,"_165":-5,"_166":22,"_167":-5,"_168":298,"_98":299},[],[204,212],{"_104":219,"_95":220,"_153":221,"_155":205,"_156":138,"_157":222,"_159":160,"_106":223,"_100":162,"_163":164,"_165":-5,"_166":22,"_167":-5,"_168":301,"_98":308},[302,305],{"_104":226,"_95":227,"_153":228,"_155":221,"_156":138,"_157":229,"_159":22,"_106":230,"_100":176,"_163":177,"_165":231,"_166":22,"_167":-5,"_168":303,"_98":304},[],[204,220,227],{"_104":235,"_95":236,"_153":237,"_155":221,"_156":138,"_157":238,"_159":160,"_106":239,"_100":240,"_163":177,"_165":241,"_166":22,"_167":-5,"_168":306,"_98":307},[],[204,220,236],[204,220],[204],{"_104":247,"_95":248,"_153":249,"_155":-5,"_156":138,"_157":101,"_159":22,"_106":250,"_100":187,"_163":251,"_165":252,"_166":22,"_167":96,"_168":311,"_98":312},[],[248],[283,285,288,291,295,297,300,302,305,310],{"_104":211,"_95":212,"_153":213,"_155":205,"_156":138,"_157":214,"_159":160,"_106":267,"_100":162,"_163":164,"_165":-5,"_166":22,"_167":-5,"_98":315},[204,212],[],"upstream","showCompareCallout","pull","ahead","behind","templates",[],"actionData","errors"]

stevekrouse

oauth-connect