Val Town React + Hono Starter

\n I've been clicked times\n {session ?

Logged in!

: }\n \n {JSON.stringify(profileResponse)}\n

\n );\n}",[],[177,184,191],[177,184],{"_106":201,"_99":202,"_151":203,"_153":178,"_154":140,"_155":204,"_156":121,"_108":205,"_103":33,"_158":206,"_160":207,"_161":27,"_162":-5,"_163":208,"_102":209},"6589cb48-227a-11f0-9ff8-569c3dd06744","index.html","6589cc06-227a-11f0-9ff8-569c3dd06744",7,["D",1745656953269],"file","\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[],[177,202],{"_106":211,"_99":212,"_151":213,"_153":178,"_154":140,"_155":214,"_156":121,"_108":215,"_103":186,"_158":195,"_160":216,"_161":27,"_162":-5,"_163":217,"_102":218},"bc453fbc-227f-11f0-9732-569c3dd06744","index.tsx","65830fba-227a-11f0-a37b-569c3dd06744",44,["D",1745659246304],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\nimport { BrowserOAuthClient, OAuthSession } from \"https://esm.sh/@atproto/oauth-client-browser@0.3.15\"\nimport { PROJECT_URL } from \"https://esm.town/v/wilhelm/atProtoLexiconThing@29-main/shared/client_metadata.ts\";\n\nconst client = await BrowserOAuthClient.load({\n clientId: PROJECT_URL + \"/client_metadata.json\",\n handleResolver: \"https://bsky.social/\",\n})\n\nconst result: undefined | { session: OAuthSession; state?: string } =\n await client.init()\n\nif (result) {\n const { session, state } = result\n if (state != null) {\n console.log(\n `${session.sub} was successfully authenticated (state: ${state})`,\n )\n } else {\n console.log(`${session.sub} was restored (last active session)`)\n }\n}\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();",[],[177,212],[177],{"_106":221,"_99":222,"_151":223,"_153":-5,"_154":140,"_155":224,"_156":121,"_108":225,"_103":33,"_158":159,"_160":-5,"_161":27,"_162":-5,"_163":226,"_102":237},"2fdc77ce-227b-11f0-9335-569c3dd06744","shared","2fdc7864-227b-11f0-9335-569c3dd06744",10,["D",1745657292772],[227],{"_106":228,"_99":229,"_151":230,"_153":223,"_154":140,"_155":231,"_156":121,"_108":232,"_103":233,"_158":195,"_160":234,"_161":27,"_162":-5,"_163":235,"_102":236},"f129dda8-227c-11f0-9a20-569c3dd06744","client_metadata.ts","301210c8-227b-11f0-9089-569c3dd06744",28,["D",1745658046571],11,"import type { OAuthClientMetadataInput } from \"https://esm.sh/@atproto/oauth-types@0.2.6/dist/index.d.ts\";\n\n// TODO: find project ID programmatically\nexport const PROJECT_URL =\n `https://wilhelm--658d0204227a11f09b15569c3dd06744.web.val.run`;\n\nexport const clientMetadata = {\n client_id: PROJECT_URL + \"/client_metadata.json\",\n client_uri: PROJECT_URL,\n logo_uri: PROJECT_URL + \"/favicon.svg\",\n redirect_uris: [PROJECT_URL],\n application_type: \"web\",\n client_name: \"Example Browser App\",\n dpop_bound_access_tokens: true,\n grant_types: [\"authorization_code\", \"refresh_token\"],\n response_types: [\"code\"],\n scope: \"atproto transition:chat.bsky transition:generic\",\n token_endpoint_auth_method: \"none\",\n} satisfies OAuthClientMetadataInput;\n",[],[222,229],[222],{"_106":239,"_99":240,"_151":241,"_153":-5,"_154":140,"_155":242,"_156":121,"_108":243,"_103":33,"_158":206,"_160":244,"_161":27,"_162":-5,"_163":245,"_102":246},"3015aa12-227b-11f0-a1c9-569c3dd06744",".vtignore","3015ab02-227b-11f0-a1c9-569c3dd06744",14,["D",1745657293081],".git\n.DS_Store\nnode_modules\nvendor",[],[240],{"_106":248,"_99":249,"_151":250,"_153":-5,"_154":140,"_155":251,"_156":121,"_108":252,"_103":33,"_158":206,"_160":253,"_161":27,"_162":-5,"_163":254,"_102":255},"65864ec8-227a-11f0-b16a-569c3dd06744","README.md","65864f54-227a-11f0-b16a-569c3dd06744",6,["D",1745656953279],"# React Hono Starter\n\nThis app is a starter template for client-side React and server-side Hono.\n\n- **Remix** this starter template on the top right to get started.\n\n- The **entrypoint** is `/backend/index.ts`. That's the backend HTTP server, which also serves the all the frontend assets.\n\n- The **client-side entrypoint** is `/frontend/index.html`, which in turn imports `/frontend/index.tsx`, which in turn imports the React app from `/frontend/components/App.tsx`.\n\n[React Hono Example](https://www.val.town/x/stevekrouse/reactHonoExample) is a fuller featured example project, with a SQLite database table, queries, client-side CSS and a favicon, and some shared code that runs on both client and server.",[],[249],{"_106":257,"_99":258,"_151":259,"_153":-5,"_154":140,"_155":260,"_156":121,"_108":261,"_103":33,"_158":206,"_160":262,"_161":27,"_162":-5,"_163":263,"_102":264},"300e1270-227b-11f0-8758-569c3dd06744","deno.json","300e1306-227b-11f0-8758-569c3dd06744",12,["D",1745657293073],"{\n \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/348900b8b79f4a434cab4c74b3bc8d4d2fa8ee74/cli/schemas/config-file.v1.json\",\n \"lock\": false,\n \"compilerOptions\": {\n \"noImplicitAny\": false,\n \"strict\": false,\n \"types\": [\n \"https://www.val.town/types/valtown.d.ts\"\n ],\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"dom.asynciterable\",\n \"deno.ns\",\n \"deno.unstable\"\n ]\n },\n \"lint\": {\n \"files\": {\n \"include\": [\n \"deno:/https/esm.town/**/*\"\n ]\n },\n \"rules\": {\n \"exclude\": [\n \"no-explicit-any\"\n ]\n }\n },\n \"node_modules_dir\": false,\n \"experimental\": {\n \"unstable-node-globals\": true,\n \"unstable-temporal\": true,\n \"unstable-worker-options\": true,\n \"unstable-sloppy-imports\": true\n }\n}",[],[258],"files",[148,165,175,182,189,200,210,220,227,238,247,256],"counts",{"_269":33,"_270":179,"_271":33,"_272":33},"pulls","branches","forks","envVars","contents",[275,278,281,284,287,290],{"_106":149,"_99":150,"_151":152,"_153":-5,"_154":140,"_155":94,"_156":121,"_108":276,"_103":33,"_158":159,"_160":-5,"_161":27,"_162":-5,"_102":277},["D",1745656952676],[150],{"_106":176,"_99":177,"_151":178,"_153":-5,"_154":140,"_155":179,"_156":121,"_108":279,"_103":33,"_158":159,"_160":-5,"_161":27,"_162":-5,"_102":280},["D",1745656952512],[177],{"_106":221,"_99":222,"_151":223,"_153":-5,"_154":140,"_155":224,"_156":121,"_108":282,"_103":33,"_158":159,"_160":-5,"_161":27,"_162":-5,"_102":283},["D",1745657292772],[222],{"_106":239,"_99":240,"_151":241,"_153":-5,"_154":140,"_155":242,"_156":121,"_108":285,"_103":33,"_158":206,"_160":244,"_161":27,"_162":-5,"_102":286},["D",1745657293081],[240],{"_106":248,"_99":249,"_151":250,"_153":-5,"_154":140,"_155":251,"_156":121,"_108":288,"_103":33,"_158":206,"_160":253,"_161":27,"_162":-5,"_102":289},["D",1745656953279],[249],{"_106":257,"_99":258,"_151":259,"_153":-5,"_154":140,"_155":260,"_156":121,"_108":291,"_103":33,"_158":206,"_160":262,"_161":27,"_162":-5,"_102":292},["D",1745657293073],[258],"upstream","screenshots",{"_296":297,"_298":299},"thumbnail","https://screenshots.valtown.net/screenshot.png?width=1024&height=768&version=31&url=https%3A%2F%2Fwilhelm--658d0204227a11f09b15569c3dd06744.web.val.run","preview","https://screenshots.valtown.net/screenshot.png?width=1920&height=1080&version=31&url=https%3A%2F%2Fwilhelm--658d0204227a11f09b15569c3dd06744.web.val.run","emptyEnvVars","routes/_app.x.$handle.$name.code.$",{"_97":98,"_99":100,"_101":43,"_103":-7,"_102":70,"_104":303,"_146":307,"_265":344,"_206":-7,"_273":345,"_293":-5,"_358":27,"_359":-5},{"_106":107,"_99":100,"_108":304,"_110":-5,"_111":27,"_112":113,"_114":115,"_116":-5,"_12":117,"_118":119,"_120":121,"_122":123,"_124":33,"_125":126,"_127":126,"_128":129,"_130":129,"_131":129,"_132":126,"_133":27,"_21":305,"_137":306},["D",1745656951912],{"_97":98,"_135":136},{"_103":139,"_99":43,"_106":140,"_141":107,"_142":-5,"_143":-5,"_144":-5,"_145":-5},[308,314,329,335,338,341],{"_106":149,"_99":150,"_151":152,"_153":-5,"_154":140,"_155":94,"_156":121,"_108":157,"_103":33,"_158":159,"_160":-5,"_161":27,"_162":-5,"_163":309,"_102":313},[310],{"_106":166,"_99":167,"_151":119,"_153":152,"_154":140,"_155":123,"_156":121,"_108":168,"_103":169,"_158":170,"_160":171,"_161":27,"_162":-5,"_163":311,"_102":312},[],[150,167],[150],{"_106":176,"_99":177,"_151":178,"_153":-5,"_154":140,"_155":179,"_156":121,"_108":180,"_103":33,"_158":159,"_160":-5,"_161":27,"_162":-5,"_163":315,"_102":328},[316,322,325],{"_106":183,"_99":184,"_151":185,"_153":178,"_154":140,"_155":186,"_156":121,"_108":187,"_103":33,"_158":159,"_160":-5,"_161":27,"_162":-5,"_163":317,"_102":321},[318],{"_106":190,"_99":191,"_151":192,"_153":185,"_154":140,"_155":139,"_156":121,"_108":193,"_103":194,"_158":195,"_160":196,"_161":27,"_162":-5,"_163":319,"_102":320},[],[177,184,191],[177,184],{"_106":201,"_99":202,"_151":203,"_153":178,"_154":140,"_155":204,"_156":121,"_108":205,"_103":33,"_158":206,"_160":207,"_161":27,"_162":-5,"_163":323,"_102":324},[],[177,202],{"_106":211,"_99":212,"_151":213,"_153":178,"_154":140,"_155":214,"_156":121,"_108":215,"_103":186,"_158":195,"_160":216,"_161":27,"_162":-5,"_163":326,"_102":327},[],[177,212],[177],{"_106":221,"_99":222,"_151":223,"_153":-5,"_154":140,"_155":224,"_156":121,"_108":225,"_103":33,"_158":159,"_160":-5,"_161":27,"_162":-5,"_163":330,"_102":334},[331],{"_106":228,"_99":229,"_151":230,"_153":223,"_154":140,"_155":231,"_156":121,"_108":232,"_103":233,"_158":195,"_160":234,"_161":27,"_162":-5,"_163":332,"_102":333},[],[222,229],[222],{"_106":239,"_99":240,"_151":241,"_153":-5,"_154":140,"_155":242,"_156":121,"_108":243,"_103":33,"_158":206,"_160":244,"_161":27,"_162":-5,"_163":336,"_102":337},[],[240],{"_106":248,"_99":249,"_151":250,"_153":-5,"_154":140,"_155":251,"_156":121,"_108":252,"_103":33,"_158":206,"_160":253,"_161":27,"_162":-5,"_163":339,"_102":340},[],[249],{"_106":257,"_99":258,"_151":259,"_153":-5,"_154":140,"_155":260,"_156":121,"_108":261,"_103":33,"_158":206,"_160":262,"_161":27,"_162":-5,"_163":342,"_102":343},[],[258],[308,310,314,316,318,322,325,329,331,335,338,341],[346,348,350,352,354,356],{"_106":149,"_99":150,"_151":152,"_153":-5,"_154":140,"_155":94,"_156":121,"_108":276,"_103":33,"_158":159,"_160":-5,"_161":27,"_162":-5,"_102":347},[150],{"_106":176,"_99":177,"_151":178,"_153":-5,"_154":140,"_155":179,"_156":121,"_108":279,"_103":33,"_158":159,"_160":-5,"_161":27,"_162":-5,"_102":349},[177],{"_106":221,"_99":222,"_151":223,"_153":-5,"_154":140,"_155":224,"_156":121,"_108":282,"_103":33,"_158":159,"_160":-5,"_161":27,"_162":-5,"_102":351},[222],{"_106":239,"_99":240,"_151":241,"_153":-5,"_154":140,"_155":242,"_156":121,"_108":285,"_103":33,"_158":206,"_160":244,"_161":27,"_162":-5,"_102":353},[240],{"_106":248,"_99":249,"_151":250,"_153":-5,"_154":140,"_155":251,"_156":121,"_108":288,"_103":33,"_158":206,"_160":253,"_161":27,"_162":-5,"_102":355},[249],{"_106":257,"_99":258,"_151":259,"_153":-5,"_154":140,"_155":260,"_156":121,"_108":291,"_103":33,"_158":206,"_160":262,"_161":27,"_162":-5,"_102":357},[258],"showCompareCallout","pull","routes/_app","actionData","errors"]