\n {/* */}\n \n \n ,\n );\n});\n\napp.get(\"/frontend/**/*\", c => serveFile(c.req.path, import.meta.url));\n\nhandleFarcasterEndpoints(app);\n\n// test\napp.get(\"/test\", c =>\n c.json({\n hello: \"world\",\n baseUrl: c.req.url.replace(c.req.path, \"\"),\n \"import.meta.url\": import.meta.url,\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) => {\n throw err;\n});\n\n// HTTP vals expect an exported \"fetch handler\"\n// This is how you \"run the server\" in Val Town with Hono\nexport default app.fetch;",[],[152,178],[152],{"_107":186,"_99":187,"_153":188,"_155":-5,"_156":139,"_157":138,"_158":121,"_109":189,"_104":33,"_160":161,"_162":-5,"_163":27,"_164":-5,"_165":190,"_102":238},"91ae72a2-08dd-11f0-8a9f-569c3dd06744","frontend","c1e9cb68-b1af-41be-b31c-825f89d5d0e7",["D",1742840817238],[191,222,230],{"_107":192,"_99":193,"_153":194,"_155":188,"_156":139,"_157":138,"_158":121,"_109":195,"_104":33,"_160":161,"_162":-5,"_163":27,"_164":-5,"_165":196,"_102":221},"91ae6c94-08dd-11f0-8a9f-569c3dd06744","components","56ed3a88-4911-4aa7-acf1-3d8cc3071778",["D",1742840817238],[197,205,213],{"_107":198,"_99":199,"_153":200,"_155":194,"_156":139,"_157":138,"_158":121,"_109":201,"_104":33,"_160":172,"_162":202,"_163":27,"_164":-5,"_165":203,"_102":204},"91ae5e84-08dd-11f0-8a9f-569c3dd06744","Example.tsx","d9b7c3f3-9c2d-4726-9df9-d3073a1d9b8a",["D",1742840817238],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nexport function Example() {\n return (\n

Mini App Starter

Hono + React + Tailwind + Farcaster Mini App Starter Project on Val Town

\n );\n}",[],[187,193,199],{"_107":206,"_99":207,"_153":208,"_155":194,"_156":139,"_157":138,"_158":121,"_109":209,"_104":33,"_160":172,"_162":210,"_163":27,"_164":-5,"_165":211,"_102":212},"91ae6064-08dd-11f0-8a9f-569c3dd06744","FarcasterMiniApp.tsx","8189531c-9c1d-4ddd-9ccf-5d3f3ef01670",["D",1742840817238],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport fcsdk from \"https://esm.sh/@farcaster/frame-sdk\";\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { formatAddress, formatJSON, MonoButtonWithStatus, Section } from \"./ui.tsx\";\n\nexport function FarcasterMiniApp() {\n const [context, setContext] = useState();\n const [walletAddresses, setWalletAddresses] = useState();\n const [contextExpanded, setContextExpanded] = useState(false);\n\n useEffect(() => {\n fcsdk.actions.ready();\n fcsdk.context.then(setContext);\n fcsdk.wallet?.ethProvider?.request({ method: \"eth_requestAccounts\" }).then(setWalletAddresses).catch(console.log);\n }, []);\n\n console.log(fcsdk, context);\n\n return (\n

\n {context && (\n <>\n {context?.user?.fid && (\n

User

{context?.user?.username}

{context?.user?.fid}

\n )}\n\n {walletAddresses?.length > 0 && (\n

Wallet

{formatAddress(walletAddresses[0])}

\n\n

\n \n fcsdk.wallet?.ethProvider?.request({\n method: \"eth_chainId\",\n })}\n >\n chainId\n \n \n fcsdk.wallet?.ethProvider?.request({\n method: \"wallet_switchEthereumChain\",\n params: [{ chainId: \"0x2105\" }],\n })}\n >\n switchChain (base)\n \n \n fcsdk.wallet?.ethProvider?.request({\n method: \"eth_sendTransaction\",\n params: [{\n from: walletAddresses[0],\n to: \"0x5F77DBc7686327D3BF6eC1887E5a3AdA0aE60841\",\n value: \"0x\" + (100000000000000).toString(16),\n }],\n })}\n >\n sendTransaction\n \n

\n )}\n\n

sdk.actions

\n fcsdk.actions.viewProfile({ fid: context.user.fid })}>\n viewProfile\n \n fcsdk.actions.openUrl(\"https://www.youtube.com/watch?v=dQw4w9WgXcQ\")}\n >\n openUrl\n \n fcsdk.actions.openUrl(\"https://warpcast.com/~/compose\")}>\n openUrl (warpcast)\n \n fcsdk.actions.setPrimaryButton({ text: \"Primary Button\" })}>\n setPrimaryButton\n \n fcsdk.actions.addFrame()}>addFrame\n fcsdk.actions.signIn({})}>signIn\n fcsdk.actions.close()}>close\n {\n /* \n fcsdk.actions.swap({\n sellToken: \"eip155:8453/erc20:0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913\",\n buyToken: \"eip155:8453/erc20:0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913\",\n })}\n >\n swap\n */\n }\n

\n\n

sdk.context

setContextExpanded(!contextExpanded)}>\n {contextExpanded ? \"▲\" : \"▼\"}\n

\n\n {contextExpanded && (\n

\n {formatJSON(context)}\n

\n )}\n

\n \n )}\n\n {!context && (\n

Open this web app in Warpcast to see the Mini App.

\n )}\n

\n );\n}",[],[187,193,207],{"_107":214,"_99":215,"_153":216,"_155":194,"_156":139,"_157":138,"_158":121,"_109":217,"_104":33,"_160":172,"_162":218,"_163":27,"_164":-5,"_165":219,"_102":220},"91ae65b4-08dd-11f0-8a9f-569c3dd06744","ui.tsx","c5f26624-58cd-44ea-b2d3-755485ab2a3b",["D",1742840817238],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\n\nexport function Section({ children }: any) {\n const sectionClass = \"my-3 bg-neutral-400 bg-opacity-10 p-5 rounded-xl \";\n return

{children}

;\n}\n\nexport function Button(props: any) {\n const buttonClass = \"dark:bg-white dark:text-black bg-black text-white rounded-md px-3 py-1 \";\n return \n );\n}\n\nexport function MonoButtonWithStatus(props: any) {\n const [status, setStatus] = useState();\n const handleClick = async () => {\n try {\n setStatus(\"...\");\n const result = await props.onClick?.();\n setStatus(formatJSON(result));\n } catch (err) {\n console.error(err);\n setStatus(\"Error: \" + err);\n }\n };\n\n return (\n

\n \n {status &&

{status}

}\n

\n );\n}\n\nexport function formatJSON(json: any) {\n return JSON.stringify(json, null, 2);\n}\n\nexport const shorten = (string, start, end) => {\n return string.substring(0, start) + \"…\" + string.substring(string.length - end);\n};\n\nexport const formatAddress = (address) => {\n if (!address) return \"\";\n if (address.length < 20) return address;\n return shorten(address, 6, 4);\n};",[],[187,193,215],[187,193],{"_107":223,"_99":224,"_153":225,"_155":188,"_156":139,"_157":138,"_158":121,"_109":226,"_104":33,"_160":172,"_162":227,"_163":27,"_164":-5,"_165":228,"_102":229},"91ae6eba-08dd-11f0-8a9f-569c3dd06744","App.tsx","b0301f0e-7e29-4272-91b1-dd2f5d57127d",["D",1742840817238],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { Example } from \"./components/Example.tsx\";\nimport { FarcasterMiniApp } from \"./components/FarcasterMiniApp.tsx\";\n\nexport function App() {\n return (\n

\n \n \n

\n );\n}",[],[187,224],{"_107":231,"_99":232,"_153":233,"_155":188,"_156":139,"_157":138,"_158":121,"_109":234,"_104":33,"_160":172,"_162":235,"_163":27,"_164":-5,"_165":236,"_102":237},"91ae70b8-08dd-11f0-8a9f-569c3dd06744","index.tsx","587c1e9e-0a50-42b4-a5ef-7157d32293e3",["D",1742840817238],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();",[],[187,232],[187],{"_107":240,"_99":241,"_153":242,"_155":-5,"_156":139,"_157":138,"_158":121,"_109":243,"_104":33,"_160":244,"_162":245,"_163":27,"_164":-5,"_165":246,"_102":247},"91ae741e-08dd-11f0-8a9f-569c3dd06744","README.md","c2475084-c2e1-4735-80be-d77e922eee02",["D",1742840817238],"file","# 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/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.",[],[241],{"_107":249,"_99":250,"_153":251,"_155":-5,"_156":139,"_157":138,"_158":121,"_109":252,"_104":33,"_160":244,"_162":253,"_163":27,"_164":-5,"_165":254,"_102":255},"91ae7572-08dd-11f0-8a9f-569c3dd06744","todo.txt","e9521949-25b5-42c3-91bc-071c8d5797a3",["D",1742840817238],"notifications\n save tokens for users\n send notif daily or on demand",[],[250],"files",[150,167,176,185,191,197,205,213,222,230,239,248],"counts",{"_260":33,"_261":138,"_262":33,"_263":33},"pulls","branches","forks","envVars","contents",[],{"_107":206,"_99":207,"_153":208,"_155":194,"_156":139,"_157":138,"_158":121,"_109":267,"_104":33,"_160":172,"_162":210,"_163":27,"_164":-5,"_102":268},["D",1742840817238],[187,193,207],"upstream",{"_107":271,"_99":100,"_115":272,"_116":-5,"_113":114,"_21":273},"321956b6-059c-11f0-aa46-569c3dd06744","Hono + React + Tailwind + Farcaster Mini App Starter Project",{"_97":274,"_134":275},"moe","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yanFDd29JUGxvVEl1YVVlcHJiV2VYMUxFWjkifQ","screenshots","emptyEnvVars","routes/_app.x.$handle.$name.code.$",{"_97":98,"_99":100,"_101":43,"_104":-7,"_102":103,"_105":280,"_148":284,"_256":321,"_244":322,"_264":324,"_269":325,"_334":27,"_335":-5},{"_107":108,"_99":100,"_109":281,"_111":-5,"_112":27,"_113":114,"_115":-5,"_116":-5,"_12":117,"_118":119,"_120":121,"_122":-5,"_123":33,"_124":125,"_126":125,"_127":128,"_129":128,"_130":128,"_131":125,"_132":27,"_21":282,"_136":283},["D",1742840817238],{"_97":98,"_134":135},{"_104":138,"_99":43,"_107":139,"_140":108,"_141":142,"_143":144,"_145":114,"_146":147},[285,294,315,318],{"_107":151,"_99":152,"_153":154,"_155":-5,"_156":139,"_157":138,"_158":121,"_109":159,"_104":33,"_160":161,"_162":-5,"_163":27,"_164":-5,"_165":286,"_102":293},[287,290],{"_107":168,"_99":169,"_153":170,"_155":154,"_156":139,"_157":138,"_158":121,"_109":171,"_104":33,"_160":172,"_162":173,"_163":27,"_164":-5,"_165":288,"_102":289},[],[152,169],{"_107":177,"_99":178,"_153":119,"_155":154,"_156":139,"_157":138,"_158":121,"_109":179,"_104":33,"_160":180,"_162":181,"_163":27,"_164":-5,"_165":291,"_102":292},[],[152,178],[152],{"_107":186,"_99":187,"_153":188,"_155":-5,"_156":139,"_157":138,"_158":121,"_109":189,"_104":33,"_160":161,"_162":-5,"_163":27,"_164":-5,"_165":295,"_102":314},[296,308,311],{"_107":192,"_99":193,"_153":194,"_155":188,"_156":139,"_157":138,"_158":121,"_109":195,"_104":33,"_160":161,"_162":-5,"_163":27,"_164":-5,"_165":297,"_102":307},[298,301,304],{"_107":198,"_99":199,"_153":200,"_155":194,"_156":139,"_157":138,"_158":121,"_109":201,"_104":33,"_160":172,"_162":202,"_163":27,"_164":-5,"_165":299,"_102":300},[],[187,193,199],{"_107":206,"_99":207,"_153":208,"_155":194,"_156":139,"_157":138,"_158":121,"_109":209,"_104":33,"_160":172,"_162":210,"_163":27,"_164":-5,"_165":302,"_102":303},[],[187,193,207],{"_107":214,"_99":215,"_153":216,"_155":194,"_156":139,"_157":138,"_158":121,"_109":217,"_104":33,"_160":172,"_162":218,"_163":27,"_164":-5,"_165":305,"_102":306},[],[187,193,215],[187,193],{"_107":223,"_99":224,"_153":225,"_155":188,"_156":139,"_157":138,"_158":121,"_109":226,"_104":33,"_160":172,"_162":227,"_163":27,"_164":-5,"_165":309,"_102":310},[],[187,224],{"_107":231,"_99":232,"_153":233,"_155":188,"_156":139,"_157":138,"_158":121,"_109":234,"_104":33,"_160":172,"_162":235,"_163":27,"_164":-5,"_165":312,"_102":313},[],[187,232],[187],{"_107":240,"_99":241,"_153":242,"_155":-5,"_156":139,"_157":138,"_158":121,"_109":243,"_104":33,"_160":244,"_162":245,"_163":27,"_164":-5,"_165":316,"_102":317},[],[241],{"_107":249,"_99":250,"_153":251,"_155":-5,"_156":139,"_157":138,"_158":121,"_109":252,"_104":33,"_160":244,"_162":253,"_163":27,"_164":-5,"_165":319,"_102":320},[],[250],[285,287,290,294,296,298,301,304,308,311,315,318],{"_107":206,"_99":207,"_153":208,"_155":194,"_156":139,"_157":138,"_158":121,"_109":267,"_104":33,"_160":172,"_162":210,"_163":27,"_164":-5,"_102":323},[187,193,207],[],{"_107":142,"_109":326,"_327":328,"_99":43,"_140":271,"_104":329,"_141":-5,"_143":-5,"_330":331,"_132":27,"_113":114,"_332":274,"_333":100},["D",1742482886202],"updatedAt",["D",1745581405238],584,"lockfileKey","1745581491807-esm.town_v_moe_MiniAppStarter@584-main","userHandle","projectName","showCompareCallout","pull","routes/_app","actionData","errors"]