\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,179],[152],{"_107":187,"_99":188,"_153":189,"_155":-5,"_156":139,"_157":158,"_159":121,"_109":190,"_104":33,"_161":162,"_163":-5,"_164":27,"_165":-5,"_166":191,"_102":239},"6b4fe3d0-08fa-11f0-9cfa-569c3dd06744","frontend","06b2da61-013f-46e7-87c8-24c488cbb058",["D",1742853208311],[192,223,231],{"_107":193,"_99":194,"_153":195,"_155":189,"_156":139,"_157":158,"_159":121,"_109":196,"_104":33,"_161":162,"_163":-5,"_164":27,"_165":-5,"_166":197,"_102":222},"6b4fde08-08fa-11f0-9cfa-569c3dd06744","components","6baab574-401b-4931-b2d0-69cca31a0cd8",["D",1742853208311],[198,206,214],{"_107":199,"_99":200,"_153":201,"_155":195,"_156":139,"_157":158,"_159":121,"_109":202,"_104":33,"_161":173,"_163":203,"_164":27,"_165":-5,"_166":204,"_102":205},"6b4fd566-08fa-11f0-9cfa-569c3dd06744","Example.tsx","68e2ae72-9f4e-4a54-87b6-39cbb40dabf7",["D",1742853208311],"/** @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}",[],[188,194,200],{"_107":207,"_99":208,"_153":209,"_155":195,"_156":139,"_157":158,"_159":121,"_109":210,"_104":33,"_161":173,"_163":211,"_164":27,"_165":-5,"_166":212,"_102":213},"6b4fd6f6-08fa-11f0-9cfa-569c3dd06744","FarcasterMiniApp.tsx","5f51d896-c1f5-4a8d-9bfb-1a0b60e622bc",["D",1742853208311],"/** @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}",[],[188,194,208],{"_107":215,"_99":216,"_153":217,"_155":195,"_156":139,"_157":158,"_159":121,"_109":218,"_104":33,"_161":173,"_163":219,"_164":27,"_165":-5,"_166":220,"_102":221},"6b4fdc32-08fa-11f0-9cfa-569c3dd06744","ui.tsx","ceeb20c8-fccd-444a-8bbf-7f192f0a609d",["D",1742853208311],"/** @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};",[],[188,194,216],[188,194],{"_107":224,"_99":225,"_153":226,"_155":189,"_156":139,"_157":158,"_159":121,"_109":227,"_104":33,"_161":173,"_163":228,"_164":27,"_165":-5,"_166":229,"_102":230},"6b4fdfb6-08fa-11f0-9cfa-569c3dd06744","App.tsx","c38dd3ec-1bf6-432e-bf7f-aa4740a5f310",["D",1742853208311],"/** @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}",[],[188,225],{"_107":232,"_99":233,"_153":234,"_155":189,"_156":139,"_157":158,"_159":121,"_109":235,"_104":33,"_161":173,"_163":236,"_164":27,"_165":-5,"_166":237,"_102":238},"6b4fe2c2-08fa-11f0-9cfa-569c3dd06744","index.tsx","e4ece5af-0f99-4ef2-b165-c3c686d1970c",["D",1742853208311],"/** @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();",[],[188,233],[188],{"_107":241,"_99":242,"_153":243,"_155":-5,"_156":139,"_157":158,"_159":121,"_109":244,"_104":33,"_161":245,"_163":246,"_164":27,"_165":-5,"_166":247,"_102":248},"6b4fe524-08fa-11f0-9cfa-569c3dd06744","README.md","afa19d1f-e861-4f64-8cf0-1903f7ba3fa0",["D",1742853208311],"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.",[],[242],{"_107":250,"_99":103,"_153":251,"_155":-5,"_156":139,"_157":138,"_159":121,"_109":252,"_104":253,"_161":173,"_163":254,"_164":27,"_165":-5,"_166":255,"_102":256},"af817c98-08fb-11f0-8d33-569c3dd06744","8e29eb44-08fa-11f0-b3fb-569c3dd06744",["D",1742853752266],3,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport React, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\n\nfunction WeatherDashboard() {\n const [location, setLocation] = useState({ latitude: 40.7128, longitude: -74.0060 }); // Default to NYC\n const [weatherData, setWeatherData] = useState(null);\n const [error, setError] = useState(null);\n\n useEffect(() => {\n async function fetchWeather() {\n try {\n const response = await fetch(\n `https://api.open-meteo.com/v1/forecast?latitude=${location.latitude}&longitude=${location.longitude}¤t_weather=true&hourly=temperature_2m,relativehumidity_2m,windspeed_10m`,\n );\n const data = await response.json();\n setWeatherData(data);\n } catch (err) {\n setError(\"Could not fetch weather data\");\n }\n }\n\n fetchWeather();\n }, [location]);\n\n const handleLocationChange = (e) => {\n const [lat, lon] = e.target.value.split(\",\").map(coord => parseFloat(coord.trim()));\n setLocation({ latitude: lat, longitude: lon });\n };\n\n const detectLocation = () => {\n if (\"geolocation\" in navigator) {\n navigator.geolocation.getCurrentPosition(\n (position) => {\n setLocation({\n latitude: position.coords.latitude,\n longitude: position.coords.longitude,\n });\n },\n (error) => {\n setError(\"Location detection failed\");\n },\n );\n }\n };\n\n return (\n

🌦️ Weather Dashboard

\n \n \n

\n {error &&

{error}

}\n {weatherData && (\n

Current Weather

Temperature: {weatherData.current_weather.temperature}°C

Wind Speed: {weatherData.current_weather.windspeed} km/h

Wind Direction: {weatherData.current_weather.winddirection}°

Hourly Forecast

\n {weatherData.hourly.temperature_2m.slice(0, 12).map((temp, index) => (\n

Temp: {temp}°C

Humidity: {weatherData.hourly.relativehumidity_2m[index]}%

\n ))}\n

\n )}\n \n View Source\n \n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n return new Response(\n `\n \n \n Weather Dashboard\n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n },\n );\n}\n\nconst css = `\nbody {\n font-family: Arial, sans-serif;\n max-width: 800px;\n margin: 0 auto;\n padding: 20px;\n background-color: #f4f4f4;\n}\n\n.weather-dashboard {\n background-color: white;\n border-radius: 10px;\n padding: 20px;\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n}\n\n.location-input {\n display: flex;\n margin-bottom: 20px;\n}\n\n.location-input input {\n flex-grow: 1;\n padding: 10px;\n margin-right: 10px;\n}\n\n.location-input button {\n padding: 10px;\n background-color: #007bff;\n color: white;\n border: none;\n cursor: pointer;\n}\n\n.hourly-forecast {\n display: flex;\n overflow-x: auto;\n gap: 10px;\n}\n\n.forecast-hour {\n background-color: #f1f1f1;\n padding: 10px;\n border-radius: 5px;\n min-width: 100px;\n text-align: center;\n}\n\n.error {\n color: red;\n margin-bottom: 10px;\n}\n`;",[],[103],{"_107":258,"_99":259,"_153":260,"_155":-5,"_156":139,"_157":158,"_159":121,"_109":261,"_104":33,"_161":245,"_163":262,"_164":27,"_165":-5,"_166":263,"_102":264},"6b4fe664-08fa-11f0-9cfa-569c3dd06744","todo.txt","d1f52914-c21a-44e4-a6cc-4175b64ba568",["D",1742853208311],"notifications\n save tokens for users\n send notif daily or on demand",[],[259],"files",[150,168,177,186,192,198,206,214,223,231,240,249,257],"counts",{"_269":33,"_270":158,"_271":33,"_272":33},"pulls","branches","forks","envVars","contents",[],{"_107":250,"_99":103,"_153":251,"_155":-5,"_156":139,"_157":138,"_159":121,"_109":276,"_104":253,"_161":173,"_163":254,"_164":27,"_165":-5,"_102":277},["D",1742853752266],[103],"upstream",{"_107":280,"_99":100,"_115":281,"_116":-5,"_113":114,"_21":282},"321956b6-059c-11f0-aa46-569c3dd06744","Hono + React + Tailwind + Farcaster Mini App Starter Project",{"_97":283,"_134":284},"moe","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yanFDd29JUGxvVEl1YVVlcHJiV2VYMUxFWjkifQ","screenshots","emptyEnvVars","routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_97":98,"_99":100,"_101":43,"_102":103,"_105":289,"_245":293,"_296":297,"_312":313,"_319":-7,"_320":33,"_321":27},{"_107":108,"_99":100,"_109":290,"_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":291,"_136":292},["D",1742853208311],{"_97":98,"_134":135},{"_104":138,"_99":43,"_107":139,"_140":108,"_141":142,"_143":144,"_145":114,"_146":147},{"_107":250,"_99":103,"_153":251,"_155":-5,"_156":139,"_157":138,"_159":121,"_109":294,"_104":253,"_161":173,"_163":254,"_164":27,"_165":-5,"_102":295},["D",1742853752266],[103],"history",[298,300,305,309],{"_107":250,"_156":139,"_153":251,"_99":103,"_163":254,"_161":173,"_104":253,"_155":-5,"_109":299,"_157":138,"_165":-5},["D",1742853752266],{"_107":301,"_156":139,"_153":251,"_99":103,"_163":302,"_161":173,"_104":94,"_155":-5,"_109":303,"_157":304,"_165":-5},"5bb9b170-08fb-11f0-bee8-569c3dd06744","https://metamorphosis0e-wondrouscoralgoose.web.val.run/",["D",1742853611707],4,{"_107":306,"_156":139,"_153":251,"_99":103,"_163":307,"_161":173,"_104":158,"_155":-5,"_109":308,"_157":253,"_165":-5},"dab54e2c-08fa-11f0-ad6b-569c3dd06744","https://metamorphosis0e-wondrouscoralgoose.web.val.run",["D",1742853395227],{"_107":310,"_156":139,"_153":251,"_99":103,"_163":70,"_161":173,"_104":33,"_155":-5,"_109":311,"_157":94,"_165":-5},"8e29ea7c-08fa-11f0-b3fb-569c3dd06744",["D",1742853266835],"versions",[314,316,317,318],{"_245":298,"_315":300},"previous",{"_245":300,"_315":305},{"_245":305,"_315":309},{"_245":309,"_315":-5},"versionNumber","page","hasNext","routes/_app","actionData","errors"]

History for Weather