{name}

\n {/* */}\n \n \n \n );\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;","deleted","label",[19,66],"f5b68e10-36dc-11f0-a321-9e149126039e","image.tsx","6d15901b-85bc-4fcf-86cf-6ca742da5547",["D",1747898309113],"script","/** @jsxImportSource https://esm.sh/react */\nimport { render } from \"https://deno.land/x/resvg_wasm/mod.ts\";\nimport { Hono } from \"npm:hono\";\nimport { SquareDashed } from \"npm:lucide-static\";\nimport satori from \"npm:satori\";\n\nexport function handleImageEndpoints(app: Hono) {\n const headers = {\n \"Content-Type\": \"image/png\",\n \"cache-control\": \"public, max-age=86400\",\n };\n app.get(\"/image\", async (c) => {\n return c.body(await homeImage(), 200, headers);\n });\n app.get(\"/icon\", async (c) => {\n return c.body(await iconImage(), 200, headers);\n });\n}\n\nexport async function homeImage() {\n return await ogImage(\n

Mini App Starter

Hono + React + Tailwind Starter Project on Val Town

,\n );\n}\n\nexport async function iconImage() {\n return await ogImage(\n

,\n {\n width: 512,\n height: 512,\n },\n );\n}\n\n//////////\n\nexport async function ogImage(body, options = {}) {\n const svg = await satori(\n body,\n {\n width: 945,\n height: 630,\n ...options,\n fonts: await loadFonts(),\n loadAdditionalAsset: async (code, segment) => {\n console.log(\"loadAdditionalAsset\", code, segment);\n if (code === \"emoji\") {\n const unicode = segment.codePointAt(0).toString(16).toUpperCase();\n return `data:image/svg+xml;base64,` + btoa(await loadEmoji(unicode));\n }\n return \"\";\n },\n },\n );\n return await render(svg);\n}\n\nconst loadFonts = async () => {\n const fontsConfig = [\n { name: \"Inter\", weight: 400, fontFile: \"Inter-Regular.otf\" },\n // { name: \"Inter\", weight: 500, fontFile: \"Inter-Medium.otf\" },\n { name: \"Inter\", weight: 600, fontFile: \"Inter-SemiBold.otf\" },\n // { name: \"Inter\", weight: 700, fontFile: \"Inter-Bold.otf\" },\n ];\n const fontPromises = fontsConfig.map(async (font) => {\n const fontUrl = \"https://cdn.jsdelivr.net/npm/@tamagui/font-inter@1.108.3/otf/\" + font.fontFile;\n const fontArrayBuf = await fetch(fontUrl).then((res) => res.arrayBuffer());\n return { name: font.name, data: fontArrayBuf, weight: font.weight };\n });\n const fonts: any = await Promise.all(fontPromises);\n\n return fonts;\n};\n\nconst loadEmoji = (code) => {\n // const api = `https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/${code.toLowerCase()}.svg`\n const api = `https://cdn.jsdelivr.net/gh/shuding/fluentui-emoji-unicode/assets/${code.toLowerCase()}_color.svg`;\n return fetch(api).then((r) => r.text());\n};\n\nconst base64Icon = (svg: any) => {\n if (!svg) return undefined;\n svg = svg.replace(\"stroke=\\\"currentColor\\\"\", \"stroke=\\\"white\\\"\");\n const base64 = Buffer.from(svg).toString(\"base64\");\n // console.log('getIconDataUrl', name, svg, base64)\n return `data:image/svg+xml;base64,${base64}`;\n};",[19,86],"f5b67c7c-36dc-11f0-a321-9e149126039e","farcaster.ts","f22faa0a-e672-496b-a223-1af19e2da0b3",["D",1747898309113],"import { Hono } from \"npm:hono\";\n\nimport { saveUserNotificationsDetails, sendNotificationToUser } from \"./farcaster-notifications.ts\";\n\nexport const name = \"Mini App Starter\";\n// export const iconUrl = \"https://imgur.com/TrJLlwp.png\";\n// export const ogImageUrl = \"https://imgur.com/xKVOVUE.png\";\n\nexport function embedMetadata(baseUrl: string, path: string = \"/\") {\n return {\n version: \"next\",\n imageUrl: baseUrl + \"/image\",\n button: {\n title: name,\n action: {\n type: \"launch_frame\",\n name: name,\n url: baseUrl + path,\n splashImageUrl: baseUrl + \"/icon\",\n splashBackgroundColor: \"#111111\",\n },\n },\n };\n}\n\nexport function handleFarcasterEndpoints(app: Hono) {\n app.get(\"/.well-known/farcaster.json\", (c) => {\n const baseUrl = c.req.url.replace(c.req.path, \"\");\n\n let accountAssociation = {};\n if (baseUrl == \"https://moe--3238fa84059c11f0ac33569c3dd06744.web.val.run\") {\n accountAssociation = {\n \"header\":\n \"eyJmaWQiOjIwNzMsInR5cGUiOiJjdXN0b2R5Iiwia2V5IjoiMHg0OERCN2U3MWQxMTUyNjU5MTY5NjE2NzNCOTY4NjcwQTU0N2IwZkJFIn0\",\n \"payload\": \"eyJkb21haW4iOiJtb2UtLTMyMzhmYTg0MDU5YzExZjBhYzMzNTY5YzNkZDA2NzQ0LndlYi52YWwucnVuIn0\",\n \"signature\":\n \"MHhjNjc2NTRlMzIzOTA3ZTk4ZDk2OGNiOTNhYmRjMDI0Y2Y3M2MxM2UxNjZmNGY3NjRjZjk4ODJlZTBhZTg4ZjAwNDNkNjRmNjg1YTRmN2MxMjI0YmUyMTZlNjViNTFmYmQ4NDJiYmQ1YzYwMjJkMDZhOGI5MGY3NTQ3NTNmZTExMjFi\",\n };\n }\n if (baseUrl == \"https://miniapp-starter.val.run\") {\n accountAssociation = {\n \"header\":\n \"eyJmaWQiOjIwNzMsInR5cGUiOiJjdXN0b2R5Iiwia2V5IjoiMHg0OERCN2U3MWQxMTUyNjU5MTY5NjE2NzNCOTY4NjcwQTU0N2IwZkJFIn0\",\n \"payload\": \"eyJkb21haW4iOiJtaW5pYXBwLXN0YXJ0ZXIudmFsLnJ1biJ9\",\n \"signature\":\n \"MHg0MjIwZGZhMmEzMmZmMDkzZTBjNWIyMjljNWZjZDc0OGMwN2UyNGNiNjMxNjcwNjIxZTUzMDYxMmVlMWIxYWM1MjNmNzllNGU4OTQzZGYxYTBiNWQzMDQ5NDFlZTliZGFhMzhjNDhmOTdhNWM3MjU5NWFjYzljMTkxM2Y1YmY3YjFj\",\n };\n }\n\n const manifest = {\n accountAssociation,\n frame: {\n \"name\": name,\n \"version\": \"1\",\n \"iconUrl\": baseUrl + \"/icon\",\n \"homeUrl\": baseUrl,\n \"splashImageUrl\": baseUrl + \"/icon\",\n \"splashBackgroundColor\": \"#111111\",\n \"primaryCategory\": \"developer-tools\",\n \"webhookUrl\": baseUrl + \"/webhook\",\n },\n };\n\n return c.json(manifest);\n });\n\n app.post(\"/webhook\", async (c) => {\n const baseUrl = c.req.url.replace(c.req.path, \"\");\n const body = await c.req.json();\n const header = decodeBase64Json(body.header);\n const payload = decodeBase64Json(body.payload);\n\n // TODO: verify webhook signature\n\n const fid = header?.fid;\n const event = payload?.event;\n\n console.log(\"[warpcast-frame-webhook]\", header, payload);\n\n if (event === \"frame_added\" || event === \"notifications_enabled\") {\n await saveUserNotificationsDetails(fid, payload?.notificationDetails);\n const res = await sendWelcomeNotification(fid, baseUrl);\n console.log(\"[warpcast-frame-webhook]\", res);\n }\n\n return c.json({});\n });\n}\n\nconst decodeBase64Json = (str: string) => JSON.parse(Buffer.from(str, \"base64\").toString(\"utf-8\"));\n\nasync function sendWelcomeNotification(fid: number, baseUrl: string) {\n return await sendNotificationToUser(fid, {\n title: name + \" installed!\",\n body: \"🚀🚀🚀🚀🚀\",\n targetUrl: baseUrl,\n });\n}",[19,93],"f5b6795c-36dc-11f0-a321-9e149126039e","farcaster-notifications.ts","0a32797f-ebda-47f8-825a-ba8ca792195d",["D",1747898309113],"import * as db from \"./db.ts\";\n\nconst dbKey = \"fc-notification-details-by-fid\";\n\nexport async function saveUserNotificationsDetails(fid: number, notificationDetails: any) {\n let notificationDetailsByFid: any = await db.get(dbKey) || {};\n notificationDetailsByFid[fid] = notificationDetails;\n await db.set(dbKey, notificationDetailsByFid);\n console.log(\"🔔 saveUserNotificationsDetails\", fid);\n}\n\nexport async function getUserNotificationsDetails(fid: number) {\n let notificationDetailsByFid: any = await db.get(dbKey) || {};\n return notificationDetailsByFid[fid];\n}\n\nexport async function sendNotificationToUser(fid: number, payload: any) {\n const notificationDetails = await getUserNotificationsDetails(fid);\n if (!notificationDetails) {\n console.log(\"🔔 sendNotificationToUser: user not found\", fid);\n return;\n }\n\n console.log(\"🔔 sendNotificationToUser\", fid);\n return await sendNotification(notificationDetails, payload);\n}\n\nexport async function sendNotificationToAllUsers(payload: any) {\n let notificationDetailsByFid: any = await db.get(dbKey) || {};\n\n for (const fid in notificationDetailsByFid) {\n const notificationDetails = notificationDetailsByFid[fid];\n console.log(\"🔔 sendNotificationToAllUsers\", fid);\n try {\n await sendNotification(notificationDetails, payload);\n } catch (error) {\n console.error(\"🔔 sendNotificationToAllUsers: error sending to\", fid, error);\n }\n }\n}\n\nasync function sendNotification(notificationDetails: any, payload: any) {\n return await fetch(notificationDetails.url, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n notificationId: Math.random().toString(36), // TODO: generate a unique id\n tokens: [notificationDetails.token],\n ...payload,\n }),\n }).then(res => res.json());\n}",[19,99],"f5b67600-36dc-11f0-a321-9e149126039e","db.ts","8d132f5d-9b1e-40ff-944d-1600b6d1052a",["D",1747898309113],"import { blob } from \"https://esm.town/v/std/blob\";\n\nconst projectPrefix = \"miniapp-starter\";\n\nexport async function get(key: string) {\n return await blob.getJSON(`${projectPrefix}::${key}`);\n}\nexport async function set(key: string, value: any) {\n return await blob.setJSON(`${projectPrefix}::${key}`, value);\n}",[19,105],"f5b671dc-36dc-11f0-a321-9e149126039e","daily-notification.ts","c5896cdd-ff69-484a-9ed0-b9aef425575c",["D",1747898309113],"interval","import { sendNotificationToAllUsers } from \"./farcaster-notifications.ts\";\n\nconst baseUrl = \"https://miniapp-starter.val.run\";\n\nexport default async function(interval: Interval) {\n // await sendNotificationToAllUsers({\n // title: \"Example daily notification\",\n // body: \"Hello, World!\",\n // targetUrl: baseUrl,\n // });\n}",[19,111],"f5b69c5c-36dc-11f0-a321-9e149126039e",["D",1747898309113],"directory",[19],{"_36":266,"_13":267,"_67":268,"_69":-5,"_71":72,"_73":74,"_75":76,"_38":269,"_17":32,"_78":119,"_80":-5,"_82":51,"_83":-5,"_133":270,"_18":271},{"_36":117,"_13":19,"_67":70,"_69":-5,"_71":72,"_73":74,"_75":76,"_38":239,"_17":32,"_78":119,"_80":-5,"_82":51,"_83":-5,"_133":240,"_18":241},{"_36":157,"_13":158,"_67":159,"_69":-5,"_71":72,"_73":74,"_75":76,"_38":160,"_17":32,"_78":119,"_80":-5,"_82":51,"_83":-5,"_133":161,"_18":162},{"_36":150,"_13":151,"_67":152,"_69":-5,"_71":72,"_73":74,"_75":76,"_38":153,"_17":32,"_78":24,"_80":154,"_82":51,"_83":-5,"_133":155,"_18":156},{"_36":143,"_13":144,"_67":145,"_69":-5,"_71":72,"_73":74,"_75":76,"_38":146,"_17":32,"_78":24,"_80":147,"_82":51,"_83":-5,"_133":148,"_18":149},{"_36":136,"_13":137,"_67":138,"_69":-5,"_71":72,"_73":74,"_75":76,"_38":139,"_17":32,"_78":24,"_80":140,"_82":51,"_83":-5,"_133":141,"_18":142},{"_36":128,"_13":129,"_67":130,"_69":-5,"_71":72,"_73":74,"_75":76,"_38":131,"_17":32,"_78":24,"_80":132,"_82":51,"_83":-5,"_133":134,"_18":135},"f5b6bf02-36dc-11f0-a321-9e149126039e","deno.json","769389fc-6aca-47ad-a4e4-10fb126a6a3f",["D",1747898309113],"{\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}","children",[],[129],"f5b6bd90-36dc-11f0-a321-9e149126039e","TODO.txt","5a6b7ec6-c87f-483c-8430-549592468823",["D",1747898309113],"minting",[],[137],"f5b6bc50-36dc-11f0-a321-9e149126039e","README.md","3657ea75-cc9d-4fd8-9d64-5249502e3976",["D",1747898309113],"# 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.",[],[144],"f5b6ba8e-36dc-11f0-a321-9e149126039e",".vtignore","b9dbfc6f-59e7-4493-ac12-a2c15c35ce8e",["D",1747898309113],".git\n.DS_Store\nnode_modules\nvendor",[],[151],"f5b6b91c-36dc-11f0-a321-9e149126039e","frontend","07a2b122-84f6-427a-8728-768937cc5306",["D",1747898309113],[163,164,165,166,167],[158],{"_36":209,"_13":210,"_67":211,"_69":159,"_71":72,"_73":74,"_75":76,"_38":212,"_17":32,"_78":119,"_80":-5,"_82":51,"_83":-5,"_133":213,"_18":214},{"_36":195,"_13":196,"_67":197,"_69":159,"_71":72,"_73":74,"_75":76,"_38":198,"_17":32,"_78":119,"_80":-5,"_82":51,"_83":-5,"_133":199,"_18":200},{"_36":181,"_13":182,"_67":183,"_69":159,"_71":72,"_73":74,"_75":76,"_38":184,"_17":32,"_78":119,"_80":-5,"_82":51,"_83":-5,"_133":185,"_18":186},{"_36":174,"_13":175,"_67":176,"_69":159,"_71":72,"_73":74,"_75":76,"_38":177,"_17":32,"_78":89,"_80":178,"_82":51,"_83":-5,"_133":179,"_18":180},{"_36":168,"_13":66,"_67":169,"_69":159,"_71":72,"_73":74,"_75":76,"_38":170,"_17":32,"_78":89,"_80":171,"_82":51,"_83":-5,"_133":172,"_18":173},"f5b6b782-36dc-11f0-a321-9e149126039e","03783640-4279-4087-a767-a974cc645ec8",["D",1747898309113],"/** @jsxImportSource https://esm.sh/react@19 */\nimport { QueryClient, QueryClientProvider } from \"https://esm.sh/@tanstack/react-query@5\";\nimport { createRoot } from \"https://esm.sh/react-dom@19/client\";\nimport { BrowserRouter } from \"https://esm.sh/react-router@7\";\n\nimport { App } from \"./App.tsx\";\n\nconst queryClient = new QueryClient();\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render(\n \n \n \n \n ,\n);",[],[158,66],"f5b6b4a8-36dc-11f0-a321-9e149126039e","App.tsx","53c17b68-d213-4ea6-afec-ff6a15886057",["D",1747898309113],"/** @jsxImportSource https://esm.sh/react@19 */\nimport fcsdk from \"https://esm.sh/@farcaster/frame-sdk\";\nimport { useQuery } from \"https://esm.sh/@tanstack/react-query@5\";\nimport { NavLink, Route, Routes } from \"https://esm.sh/react-router@7\";\nimport { useEffect, useState } from \"https://esm.sh/react@19\";\n\nimport { Example } from \"./components/Example.tsx\";\nimport { FarcasterMiniApp } from \"./components/FarcasterMiniApp.tsx\";\nimport { Button, Section } from \"./components/ui.tsx\";\nimport { fetchNeynarGet } from \"./util/neynar.ts\";\n\nexport function App() {\n const navLinks = [\n { name: \"Farcaster SDK\", path: \"/\" },\n { name: \"Database\", path: \"/db\" },\n { name: \"About\", path: \"/about\" },\n ];\n\n return (\n

\n \n\n \n\n \n } />\n } />\n } />\n } />\n \n

\n );\n}\n\nfunction About() {\n return (\n

\n {/*

Features:

*/}\n

✷ Hono + React + Tailwind

✷ React Router + React Query

✷ Built-in database (blob storage)

✷ Farcaster mini app manifest + webhook + embed metadata

✷ Farcaster notifications (storing tokens, sending recurring notifications, ...)

✷ Neynar API integration for Farcaster data

✷ Hosted on Val Town (instant deployments on save)

\n ✷ Source Code:{\" \"}\n \n val.town/x/moe/MiniAppStarter\n \n

\n );\n}\n\nfunction Database() {\n const queryFn = () => fetch(\"/api/counter/get\").then((r) => r.json());\n const { data, refetch } = useQuery({ queryKey: [\"counter\"], queryFn });\n return (\n

\n {/*

Database Example

*/}\n

Counter value: {data}

\n \n

\n );\n}\n\nfunction Neynar() {\n useEffect(() => {\n fetchNeynarGet(\"user/by_username?username=moe\").then(console.log).catch(console.error);\n }, []);\n\n return

Neynar page

;\n}",[],[158,175],"f5b6b304-36dc-11f0-a321-9e149126039e","util","bbb13775-37fd-4948-a994-74d5e966bd5c",["D",1747898309113],[187],[158,182],{"_36":188,"_13":189,"_67":190,"_69":183,"_71":72,"_73":74,"_75":76,"_38":191,"_17":32,"_78":89,"_80":192,"_82":51,"_83":-5,"_133":193,"_18":194},"f5b6b14c-36dc-11f0-a321-9e149126039e","neynar.ts","6df0a2ad-78f9-407a-8c48-4426dbd86230",["D",1747898309113],"const baseUrl = \"https://api.neynar.com/v2/farcaster/\";\n\nexport async function fetchNeynarGet(path: string) {\n const res = await fetch(baseUrl + path, {\n method: \"GET\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"x-neynar-experimental\": \"true\",\n \"x-api-key\": \"NEYNAR_API_DOCS\",\n },\n });\n const json = await res.json();\n return json;\n}\n\nexport function fetchUser(username: string) {\n return fetchNeynarGet(`user/by_username?username=${username}`).then(r => r.user);\n}\nexport function fetchUsersById(fids: string) {\n return fetchNeynarGet(`user/bulk?fids=${fids}`).then(r => r.users);\n}\n\nexport function fetchUserFeed(fid: number) {\n return fetchNeynarGet(\n `feed?feed_type=filter&filter_type=fids&fids=${fid}&with_recasts=false&with_replies=false&limit=100&cursor=`,\n ).then(r => r.casts);\n}\n\nexport function fetchChannel(channelId: string) {\n return fetchNeynarGet(`channel?id=${channelId}`).then(r => r.channel);\n}\n\nexport function fetchChannelFeed(channelId: string) {\n return fetchNeynarGet(\n `feed/channels?channel_ids=${channelId}&with_recasts=false&limit=100`,\n ).then(r => r.casts);\n}\n\nexport function fetchChannelsFeed(channelIds: array) {\n return fetchNeynarGet(\n `feed/channels?channel_ids=${channelIds.join(\",\")}&with_recasts=false&limit=100`,\n ).then(r => r.casts);\n}",[],[158,182,189],"f5b6afda-36dc-11f0-a321-9e149126039e","screens","bfc49362-7244-4451-87e3-090ef44a6fbb",["D",1747898309113],[201],[158,196],{"_36":202,"_13":203,"_67":204,"_69":197,"_71":72,"_73":74,"_75":76,"_38":205,"_17":32,"_78":89,"_80":206,"_82":51,"_83":-5,"_133":207,"_18":208},"f5b6ae40-36dc-11f0-a321-9e149126039e","Home.tsx","5560fd99-7099-4472-85f9-5b14f7a92702",["D",1747898309113],"/** @jsxImportSource https://esm.sh/react@19 */\nimport fcsdk from \"https://esm.sh/@farcaster/frame-sdk\";\nimport { useQuery } from \"https://esm.sh/@tanstack/react-query@5\";\nimport { LoaderCircle, Mic, MicOff } from \"https://esm.sh/lucide-react\";\nimport { NavLink, Route, Routes, useNavigate, useParams } from \"https://esm.sh/react-router@7\";\nimport { useEffect, useRef, useState } from \"https://esm.sh/react@19\";\n\nimport { Button, Input, Section } from \"../components/ui.tsx\";\nimport { fetchUsersById } from \"../util/neynar.ts\";\n\nexport function Home() {\n return (\n

\n );\n}",[],[158,196,203],"f5b6ace2-36dc-11f0-a321-9e149126039e","components","3e60c329-fbc6-4821-b5df-8525744dba9f",["D",1747898309113],[215,216,217],[158,210],{"_36":232,"_13":233,"_67":234,"_69":211,"_71":72,"_73":74,"_75":76,"_38":235,"_17":32,"_78":89,"_80":236,"_82":51,"_83":-5,"_133":237,"_18":238},{"_36":225,"_13":226,"_67":227,"_69":211,"_71":72,"_73":74,"_75":76,"_38":228,"_17":32,"_78":89,"_80":229,"_82":51,"_83":-5,"_133":230,"_18":231},{"_36":218,"_13":219,"_67":220,"_69":211,"_71":72,"_73":74,"_75":76,"_38":221,"_17":32,"_78":89,"_80":222,"_82":51,"_83":-5,"_133":223,"_18":224},"f5b6a7b0-36dc-11f0-a321-9e149126039e","ui.tsx","11211a8a-42ab-45cc-b5cb-ff7acf41745a",["D",1747898309113],"/** @jsxImportSource https://esm.sh/react@19 */\nimport { ArrowLeft, Share } from \"https://esm.sh/lucide-react\";\nimport { useEffect, useState } from \"https://esm.sh/react@19\";\n\nexport function Section({ children, ...props }: any) {\n const sectionClass = `p-5 rounded-3xl bg-neutral-400/15 ${props.className || \"\"}`;\n return

{children}

;\n}\n\nexport const Input = ({ ...props }) => {\n let sizeStyles = \"text-md px-3 py-1\";\n if (props.sm || props.size == \"sm\") sizeStyles = \"text-sm px-2 py-1\";\n if (props.lg || props.size == \"lg\") sizeStyles = \"text-lg px-3 py-2\";\n const className = `\n\tborder-0 bg-inherit text-inherit rounded-xl shadow-sm \n\tring-1 ring-inset ring-neutral-400 dark:ring-neutral-600 \n\tfocus:ring-2 focus:ring-inset focus:ring-neutral-600 dark:focus:ring-neutral-300\n\tplaceholder:text-neutral-500 placeholder:opacity-50 disabled:opacity-50 disabled:bg-neutral-200/70 dark:disabled:bg-neutral-800/70\n\t${sizeStyles}\n\t${props.className || \"\"}\n\t`;\n\n return ;\n};\n\nexport const TextArea = ({ ...props }) => {\n const className = `\n\tborder-0 bg-inherit text-inherit rounded-xl shadow-sm px-3 py-2\n\tring-1 ring-inset ring-neutral-400 dark:ring-neutral-600 \n\tfocus:ring-2 focus:ring-inset focus:ring-neutral-600 dark:focus:ring-neutral-300\n\tplaceholder:text-neutral-500 placeholder:opacity-50 \n\t${props.className || \"\"}\n\t`;\n\n return

;\n};\n\nexport const Select = ({ ...props }) => {\n  const className = `\n\tborder-0 bg-inherit text-inherit rounded-xl shadow-sm px-3 py-2\n\tring-1 ring-inset ring-neutral-400 dark:ring-neutral-600 \n\tfocus:ring-2 focus:ring-inset focus:ring-neutral-600 dark:focus:ring-neutral-300\n\t${props.className || \"\"}\n\t`;\n\n  return <select {...props} className={className} />;\n};\n\nexport const Checkbox = ({ label, ...props }) => {\n  const className = `\n\th-4 w-4 rounded-xl bg-inherit text-neutral-700\n\tborder border-neutral-400 dark:border-neutral-600  focus:ring-neutral-700 dark:focus:ring-neutral-300 \n\txfocus:ring-0 xfocus:outline-red-500 focus:ring-offset-transparent focus:ring-offset-0\n\t${props.className || \"\"}\n\t`;\n\n  return (\n    <div className=\"relative flex gap-x-2\">\n      <div className=\"flex  items-center\">\n        <input type=\"checkbox\" {...props} className={className} />\n      </div>\n      <div className=\"text-sm flex  items-center\">\n        <label htmlFor={props.id} className={props?.checked ? \"font-medium\" : \"opacity-50\"}>\n          {label}\n        </label>\n      </div>\n    </div>\n  );\n};\n\nexport const Button = ({ ...props }) => {\n  let sizeStyles = \"text-md px-3 py-1\";\n  if (props.sm || props.size == \"sm\") sizeStyles = \"text-sm px-2 py-1\";\n  if (props.lg || props.size == \"lg\") sizeStyles = \"text-lg px-4 py-2\";\n  let variantStyles =\n    \"bg-neutral-900 border border-transparent dark:bg-neutral-100 text-neutral-100 dark:text-neutral-900 \";\n  if (props.variant === \"outline\") {\n    variantStyles =\n      \"bg-transparent border border-neutral-400 dark:border-neutral-600 text-neutral-900 dark:text-neutral-100\";\n  }\n\n  const className = `\n\tflex flex-row justify-center items-center   rounded-xl font-semibold \n\t${variantStyles}\n\tshadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-neutral-600  \n\topacity-95 hover:opacity-100 disabled:opacity-50\n\t${sizeStyles}\n\t${props.className || \"\"}\n\t`;\n\n  if (props.href && !props.disabled) return <a {...props} className={className} />;\n  return <button {...props} className={className} />;\n};\n\n// export function Input(props: any) {\n//   const inputClass = \"dark:bg-white dark:text-black bg-black text-white rounded-md px-3 py-1 \";\n//   return <input class={inputClass} {...props} />;\n// }\n\n// export 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 <button class={buttonClass} {...props} />;\n// }\n\nexport function MonoButton(props: any) {\n  return (\n    <Button {...props}>\n      <div class=\"font-mono text-sm font-normal\">{props.children}</div>\n    </Button>\n  );\n}\n\nexport function MonoButtonWithStatus(props: any) {\n  const [status, setStatus] = useState<any>();\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    <div>\n      <MonoButton {...props} onClick={handleClick} />\n      {status && <div class={\"mt-2 font-mono text-xs opacity-50 whitespace-pre-wrap break-all\"}>{status}</div>}\n    </div>\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};\n\nexport function BackButton({}) {\n  return <ArrowLeft className=\"w-5 h-5 m-2 cursor-pointer opacity-50\" onClick={() => window.location.href = \"/\"} />;\n}\n\nexport function ShareButton({ onClick }) {\n  return <Share className=\"w-5 h-5 m-2 cursor-pointer opacity-50\" onClick={onClick} />;\n}",[],[158,210,219],"f5b6a026-36dc-11f0-a321-9e149126039e","FarcasterMiniApp.tsx","ad95dea7-323f-4b2b-b046-a215a2e8f33e",["D",1747898309113],"/** @jsxImportSource https://esm.sh/react@19 */\nimport fcsdk from 'https://esm.sh/@farcaster/frame-sdk'\nimport { useEffect, useState } from 'https://esm.sh/react@19'\nimport { formatAddress, formatJSON, MonoButtonWithStatus, Section } from './ui.tsx'\n\nexport function FarcasterMiniApp() {\n  const [context, setContext] = useState<any>()\n  const [walletAddresses, setWalletAddresses] = useState<any>()\n  const [capabilities, setCapabilities] = useState<any>()\n\n  useEffect(() => {\n    fcsdk.actions.ready()\n    fcsdk.context.then(setContext)\n    fcsdk?.getCapabilities?.then(setCapabilities).catch(console.log)\n    fcsdk.wallet?.ethProvider?.request({ method: 'eth_requestAccounts' }).then(setWalletAddresses).catch(console.log)\n  }, [])\n\n  console.log(fcsdk, context, walletAddresses, capabilities)\n\n  return (\n    <div className=\"flex flex-col gap-3 m-5 mb-10\">\n      {context && (\n        <>\n          {context?.user?.fid && (\n            <Section>\n              <div className=\"text-sm  opacity-50 mb-3 uppercase\">User</div>\n              <div className=\"flex flex-row gap-3 items-center\">\n                <img className=\"rounded-full w-10 h-10\" src={context?.user?.pfpUrl} />\n                <div className=\"font-semibold text-xl\">{context?.user?.username}</div>\n                <div className=\"text-sm opacity-50 pt-1\">{context?.user?.fid}</div>\n              </div>\n            </Section>\n          )}\n\n          {walletAddresses?.length > 0 && (\n            <Section>\n              <div className=\"text-sm  opacity-50 mb-3 uppercase\">Wallet</div>\n              <div className=\"font-mono font-medium text-xl mb-4\">{formatAddress(walletAddresses[0])}</div>\n\n              <div className=\"flex flex-col flex-wrap gap-3 items-start\">\n                <MonoButtonWithStatus\n                  onClick={() =>\n                    fcsdk.wallet?.ethProvider?.request({\n                      method: 'eth_chainId',\n                    })\n                  }\n                >\n                  chainId\n                </MonoButtonWithStatus>\n                <MonoButtonWithStatus\n                  onClick={() =>\n                    fcsdk.wallet?.ethProvider?.request({\n                      method: 'wallet_switchEthereumChain',\n                      params: [{ chainId: '0x2105' }],\n                    })\n                  }\n                >\n                  switchChain (base)\n                </MonoButtonWithStatus>\n                <MonoButtonWithStatus\n                  onClick={() =>\n                    fcsdk.wallet?.ethProvider?.request({\n                      method: 'eth_sendTransaction',\n                      params: [\n                        {\n                          from: walletAddresses[0],\n                          to: '0x5F77DBc7686327D3BF6eC1887E5a3AdA0aE60841',\n                          value: '0x' + (100000000000000).toString(16),\n                        },\n                      ],\n                    })\n                  }\n                >\n                  sendTransaction\n                </MonoButtonWithStatus>\n              </div>\n            </Section>\n          )}\n\n          <Section>\n            <div className=\"font-mono text-sm  opacity-50 mb-3\">sdk.actions</div>\n            <div className=\"flex flex-col flex-wrap gap-3 items-start\">\n              <MonoButtonWithStatus onClick={() => fcsdk.actions.viewProfile({ fid: context.user.fid })}>\n                viewProfile\n              </MonoButtonWithStatus>\n              <MonoButtonWithStatus onClick={() => fcsdk.actions.composeCast({ text: 'Hello' })}>\n                composeCast\n              </MonoButtonWithStatus>\n              <MonoButtonWithStatus\n                onClick={() => fcsdk.actions.openUrl('https://www.youtube.com/watch?v=dQw4w9WgXcQ')}\n              >\n                openUrl\n              </MonoButtonWithStatus>\n              <MonoButtonWithStatus onClick={() => fcsdk.actions.openUrl('https://warpcast.com/~/compose')}>\n                openUrl (warpcast)\n              </MonoButtonWithStatus>\n              <MonoButtonWithStatus onClick={() => fcsdk.actions.setPrimaryButton({ text: 'Primary Button' })}>\n                setPrimaryButton\n              </MonoButtonWithStatus>\n              <MonoButtonWithStatus onClick={() => fcsdk.actions.addFrame()}>addFrame</MonoButtonWithStatus>\n              <MonoButtonWithStatus onClick={() => fcsdk.actions.signIn({})}>signIn</MonoButtonWithStatus>\n              <MonoButtonWithStatus onClick={() => fcsdk.actions.close()}>close</MonoButtonWithStatus>\n\n              <MonoButtonWithStatus\n                onClick={() =>\n                  fcsdk.actions.swapToken({\n                    sellToken: 'eip155:8453/erc20:0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913',\n                    buyToken: 'eip155:8453/native',\n                    sellAmount: '3000000',\n                  })\n                }\n              >\n                swapToken\n              </MonoButtonWithStatus>\n              <MonoButtonWithStatus\n                onClick={() =>\n                  fcsdk.actions.sendToken({\n                    token: 'eip155:8453/erc20:0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913',\n                    amount: '500000',\n                    recipientFid: 2073,\n                  })\n                }\n              >\n                sendToken\n              </MonoButtonWithStatus>\n              <MonoButtonWithStatus\n                onClick={() =>\n                  fcsdk.actions.viewToken({\n                    token: 'eip155:8453/erc20:0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913',\n                  })\n                }\n              >\n                viewToken\n              </MonoButtonWithStatus>\n            </div>\n          </Section>\n          <Section>\n            <div className=\"font-mono text-sm  opacity-50 mb-3\">sdk.experimental</div>\n            <div className=\"flex flex-col flex-wrap gap-3 items-start\">\n              <MonoButtonWithStatus onClick={() => fcsdk.experimental.quickAuth()}>quickAuth</MonoButtonWithStatus>\n            </div>\n          </Section>\n\n          <ExpandableSection title=\"sdk.context\">{formatJSON(context)}</ExpandableSection>\n          <ExpandableSection title=\"sdk.getCapabilities\">{formatJSON(capabilities)}</ExpandableSection>\n        </>\n      )}\n\n      {!context && (\n        <Section>\n          <div className=\"text-md  opacity-50 \">Open this web app in Warpcast to see the Mini App.</div>\n        </Section>\n      )}\n    </div>\n  )\n}\n\nfunction ExpandableSection({ title, children }: { title: string; children: React.ReactNode }) {\n  const [expanded, setExpanded] = useState(false)\n\n  return (\n    <Section>\n      <div className=\"flex flex-row gap-3 items-center justify-between\">\n        <div className=\"font-mono text-sm  opacity-50\">{title}</div>\n        <div className=\"text-sm cursor-pointer opacity-50 p-1\" onClick={() => setExpanded(!expanded)}>\n          {expanded ? '▲' : '▼'}\n        </div>\n      </div>\n\n      {expanded && <div className=\"font-mono text-xs opacity-50 whitespace-pre-wrap break-all mt-1\">{children}</div>}\n    </Section>\n  )\n}\n",[],[158,210,226],"f5b69de2-36dc-11f0-a321-9e149126039e","Example.tsx","417bc469-872e-488e-896c-7080ffae30fb",["D",1747898309113],"/** @jsxImportSource https://esm.sh/react@19 */\nimport fcsdk from \"https://esm.sh/@farcaster/frame-sdk\";\nimport { useEffect, useState } from \"https://esm.sh/react@19\";\n\nimport { ShareButton } from \"./ui.tsx\";\n\nexport function Example() {\n  const [context, setContext] = useState<any>();\n  useEffect(() => {\n    fcsdk.actions.ready();\n    fcsdk.context.then(setContext);\n  }, []);\n\n  const onShare = () => {\n    if (!context) return;\n    const text = `Check out Spaces mini app by @moe!\\n`;\n    fcsdk?.actions?.composeCast?.({ text, embeds: [window.location.href] });\n  };\n\n  return (\n    <div class=\"m-5 mb-8\">\n      <div className=\"flex justify-between items-center\">\n        <h1 class=\"text-3xl font-semibold mb-1\">Mini App Starter</h1>\n        {context && <ShareButton onClick={onShare} />}\n      </div>\n      <div class=\"text-sm opacity-50\">Farcaster Mini App Starter Project on Val Town</div>\n    </div>\n  );\n}",[],[158,210,233],["D",1747898309113],[242,243,244,245,246,247],[19],{"_36":110,"_13":111,"_67":112,"_69":70,"_71":72,"_73":74,"_75":76,"_38":263,"_17":32,"_78":114,"_80":115,"_82":51,"_83":-5,"_133":264,"_18":265},{"_36":104,"_13":105,"_67":106,"_69":70,"_71":72,"_73":74,"_75":76,"_38":260,"_17":32,"_78":89,"_80":108,"_82":51,"_83":-5,"_133":261,"_18":262},{"_36":98,"_13":99,"_67":100,"_69":70,"_71":72,"_73":74,"_75":76,"_38":257,"_17":32,"_78":89,"_80":102,"_82":51,"_83":-5,"_133":258,"_18":259},{"_36":92,"_13":93,"_67":94,"_69":70,"_71":72,"_73":74,"_75":76,"_38":254,"_17":32,"_78":89,"_80":96,"_82":51,"_83":-5,"_133":255,"_18":256},{"_36":85,"_13":86,"_67":87,"_69":70,"_71":72,"_73":74,"_75":76,"_38":251,"_17":32,"_78":89,"_80":90,"_82":51,"_83":-5,"_133":252,"_18":253},{"_36":65,"_13":66,"_67":68,"_69":70,"_71":72,"_73":74,"_75":76,"_38":248,"_17":32,"_78":79,"_80":81,"_82":51,"_83":-5,"_133":249,"_18":250},["D",1747898309113],[],[19,66],["D",1747898309113],[],[19,86],["D",1747898309113],[],[19,93],["D",1747898309113],[],[19,99],["D",1747898309113],[],[19,105],["D",1747898309113],[],[19,111],"f5b6702e-36dc-11f0-a321-9e149126039e",".vscode","92f2066d-f502-4206-811f-0005feb9c13d",["D",1747898309113],[272],[267],{"_36":273,"_13":274,"_67":275,"_69":268,"_71":72,"_73":74,"_75":76,"_38":276,"_17":32,"_78":24,"_80":277,"_82":51,"_83":-5,"_133":278,"_18":279},"f5b650a8-36dc-11f0-a321-9e149126039e","tasks.json","c3ab5cbc-0b4c-4d85-942e-ca011ae662fb",["D",1747898309113],"{\n  \"version\": \"2.0.0\",\n  \"tasks\": [\n    {\n      \"label\": \"vt push\",\n      \"type\": \"shell\",\n      \"command\": \"vt push\",\n      \"group\": {\n        \"kind\": \"build\",\n        \"isDefault\": true\n      },\n    },\n    {\n      \"label\": \"vt watch\",\n      \"type\": \"shell\",\n      \"command\": \"vt watch\",\n    },\n    {\n      \"label\": \"vt pull\",\n      \"type\": \"shell\",\n      \"command\": \"vt pull\",\n    },\n    {\n      \"label\": \"vt status\",\n      \"type\": \"shell\",\n      \"command\": \"vt status\",\n    },\n    {\n      \"label\": \"vt browse\",\n      \"type\": \"shell\",\n      \"command\": \"vt browse\",\n    },\n  ]\n}\n",[],[267,274],"f5b267ea-36dc-11f0-a321-9e149126039e",["D",1747898309113],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","6c7f20e0-2d80-11f0-a8d0-c76c3b0567ad","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","ee7e68bd-0305-4849-9a4f-dc25333c684a","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_323":319},"org",{"_11":12,"_317":-5,"_318":319,"_286":287,"_320":321,"_322":51},"branch",{"_17":74,"_13":16,"_36":72,"_42":280,"_45":37,"_46":313,"_314":53,"_315":43,"_316":57,"_58":14,"_54":12},598,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yd3RscU16dWVYOTh2NGlLTkhST21vRlNIdHEifQ","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":280,"_13":14,"_38":444,"_49":-5,"_282":51,"_52":53,"_283":53,"_284":-5,"_285":-5,"_286":287,"_288":68,"_289":76,"_290":76,"_291":-5,"_292":32,"_56":293,"_294":-5,"_295":-5,"_296":-5,"_297":-5,"_298":299,"_300":299,"_301":302,"_303":302,"_304":302,"_305":299,"_306":299,"_307":445,"_309":446,"_311":447,"_50":51},[372,374,381,392,393,394,395],"files",[372,373,374,375,376,377,378,379,380,381,382,383,384,385,386,387,388,389,390,391,392,393,394,395],"counts",{"_363":32,"_364":74,"_365":32,"_35":366,"_367":368},[351,352,353,354,355,356],{"_36":117,"_13":19,"_67":70,"_69":-5,"_71":72,"_73":74,"_75":76,"_38":118,"_17":32,"_78":119,"_80":-5,"_82":51,"_83":-5,"_18":350},"upstreamProject",{"_36":43,"_13":14,"_284":347,"_285":-5,"_52":53,"_307":348},"upstreamBranch",{"_36":37,"_38":345,"_40":346,"_13":16,"_42":43,"_17":44,"_45":-5,"_46":-5,"_47":48,"_49":-5,"_50":51,"_52":53,"_54":55,"_56":57,"_58":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1742482886202],["D",1765906750880],"Hono + React + Tailwind + Farcaster Mini App Starter Project",{"_11":55,"_323":349},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yanFDd29JUGxvVEl1YVVlcHJiV2VYMUxFWjkifQ",[19],{"_36":110,"_13":111,"_67":112,"_69":70,"_71":72,"_73":74,"_75":76,"_38":113,"_17":32,"_78":114,"_80":115,"_82":51,"_83":-5,"_18":362},{"_36":104,"_13":105,"_67":106,"_69":70,"_71":72,"_73":74,"_75":76,"_38":107,"_17":32,"_78":89,"_80":108,"_82":51,"_83":-5,"_18":361},{"_36":98,"_13":99,"_67":100,"_69":70,"_71":72,"_73":74,"_75":76,"_38":101,"_17":32,"_78":89,"_80":102,"_82":51,"_83":-5,"_18":360},{"_36":92,"_13":93,"_67":94,"_69":70,"_71":72,"_73":74,"_75":76,"_38":95,"_17":32,"_78":89,"_80":96,"_82":51,"_83":-5,"_18":359},{"_36":85,"_13":86,"_67":87,"_69":70,"_71":72,"_73":74,"_75":76,"_38":88,"_17":32,"_78":89,"_80":90,"_82":51,"_83":-5,"_18":358},{"_36":65,"_13":66,"_67":68,"_69":70,"_71":72,"_73":74,"_75":76,"_38":77,"_17":32,"_78":79,"_80":81,"_82":51,"_83":-5,"_18":357},[19,66],[19,86],[19,93],[19,99],[19,105],[19,111],"pulls","branches","forks",{"_369":32,"_371":32},"connections",{"_369":32,"_370":32},"count","unfilledCount","emptyCount",{"_36":266,"_13":267,"_67":268,"_69":-5,"_71":72,"_73":74,"_75":76,"_38":269,"_17":32,"_78":119,"_80":-5,"_82":51,"_83":-5,"_133":442,"_18":443},{"_36":273,"_13":274,"_67":275,"_69":268,"_71":72,"_73":74,"_75":76,"_38":276,"_17":32,"_78":24,"_80":277,"_82":51,"_83":-5,"_133":440,"_18":441},{"_36":117,"_13":19,"_67":70,"_69":-5,"_71":72,"_73":74,"_75":76,"_38":239,"_17":32,"_78":119,"_80":-5,"_82":51,"_83":-5,"_133":438,"_18":439},{"_36":110,"_13":111,"_67":112,"_69":70,"_71":72,"_73":74,"_75":76,"_38":263,"_17":32,"_78":114,"_80":115,"_82":51,"_83":-5,"_133":436,"_18":437},{"_36":104,"_13":105,"_67":106,"_69":70,"_71":72,"_73":74,"_75":76,"_38":260,"_17":32,"_78":89,"_80":108,"_82":51,"_83":-5,"_133":434,"_18":435},{"_36":98,"_13":99,"_67":100,"_69":70,"_71":72,"_73":74,"_75":76,"_38":257,"_17":32,"_78":89,"_80":102,"_82":51,"_83":-5,"_133":432,"_18":433},{"_36":92,"_13":93,"_67":94,"_69":70,"_71":72,"_73":74,"_75":76,"_38":254,"_17":32,"_78":89,"_80":96,"_82":51,"_83":-5,"_133":430,"_18":431},{"_36":85,"_13":86,"_67":87,"_69":70,"_71":72,"_73":74,"_75":76,"_38":251,"_17":32,"_78":89,"_80":90,"_82":51,"_83":-5,"_133":428,"_18":429},{"_36":65,"_13":66,"_67":68,"_69":70,"_71":72,"_73":74,"_75":76,"_38":248,"_17":32,"_78":79,"_80":81,"_82":51,"_83":-5,"_133":426,"_18":427},{"_36":157,"_13":158,"_67":159,"_69":-5,"_71":72,"_73":74,"_75":76,"_38":160,"_17":32,"_78":119,"_80":-5,"_82":51,"_83":-5,"_133":424,"_18":425},{"_36":209,"_13":210,"_67":211,"_69":159,"_71":72,"_73":74,"_75":76,"_38":212,"_17":32,"_78":119,"_80":-5,"_82":51,"_83":-5,"_133":422,"_18":423},{"_36":232,"_13":233,"_67":234,"_69":211,"_71":72,"_73":74,"_75":76,"_38":235,"_17":32,"_78":89,"_80":236,"_82":51,"_83":-5,"_133":420,"_18":421},{"_36":225,"_13":226,"_67":227,"_69":211,"_71":72,"_73":74,"_75":76,"_38":228,"_17":32,"_78":89,"_80":229,"_82":51,"_83":-5,"_133":418,"_18":419},{"_36":218,"_13":219,"_67":220,"_69":211,"_71":72,"_73":74,"_75":76,"_38":221,"_17":32,"_78":89,"_80":222,"_82":51,"_83":-5,"_133":416,"_18":417},{"_36":195,"_13":196,"_67":197,"_69":159,"_71":72,"_73":74,"_75":76,"_38":198,"_17":32,"_78":119,"_80":-5,"_82":51,"_83":-5,"_133":414,"_18":415},{"_36":202,"_13":203,"_67":204,"_69":197,"_71":72,"_73":74,"_75":76,"_38":205,"_17":32,"_78":89,"_80":206,"_82":51,"_83":-5,"_133":412,"_18":413},{"_36":181,"_13":182,"_67":183,"_69":159,"_71":72,"_73":74,"_75":76,"_38":184,"_17":32,"_78":119,"_80":-5,"_82":51,"_83":-5,"_133":410,"_18":411},{"_36":188,"_13":189,"_67":190,"_69":183,"_71":72,"_73":74,"_75":76,"_38":191,"_17":32,"_78":89,"_80":192,"_82":51,"_83":-5,"_133":408,"_18":409},{"_36":174,"_13":175,"_67":176,"_69":159,"_71":72,"_73":74,"_75":76,"_38":177,"_17":32,"_78":89,"_80":178,"_82":51,"_83":-5,"_133":406,"_18":407},{"_36":168,"_13":66,"_67":169,"_69":159,"_71":72,"_73":74,"_75":76,"_38":170,"_17":32,"_78":89,"_80":171,"_82":51,"_83":-5,"_133":404,"_18":405},{"_36":150,"_13":151,"_67":152,"_69":-5,"_71":72,"_73":74,"_75":76,"_38":153,"_17":32,"_78":24,"_80":154,"_82":51,"_83":-5,"_133":402,"_18":403},{"_36":143,"_13":144,"_67":145,"_69":-5,"_71":72,"_73":74,"_75":76,"_38":146,"_17":32,"_78":24,"_80":147,"_82":51,"_83":-5,"_133":400,"_18":401},{"_36":136,"_13":137,"_67":138,"_69":-5,"_71":72,"_73":74,"_75":76,"_38":139,"_17":32,"_78":24,"_80":140,"_82":51,"_83":-5,"_133":398,"_18":399},{"_36":128,"_13":129,"_67":130,"_69":-5,"_71":72,"_73":74,"_75":76,"_38":131,"_17":32,"_78":24,"_80":132,"_82":51,"_83":-5,"_133":396,"_18":397},[],[129],[],[137],[],[144],[],[151],[],[158,66],[],[158,175],[],[158,182,189],[389],[158,182],[],[158,196,203],[387],[158,196],[],[158,210,219],[],[158,210,226],[],[158,210,233],[383,384,385],[158,210],[382,386,388,390,391],[158],[],[19,66],[],[19,86],[],[19,93],[],[19,99],[],[19,105],[],[19,111],[375,376,377,378,379,380],[19],[],[267,274],[373],[267],["D",1747898309113],{"_11":12,"_323":319},{"_11":12,"_317":-5,"_318":319,"_286":287,"_320":321,"_322":51},{"_17":74,"_13":16,"_36":72,"_42":280,"_45":37,"_46":313,"_314":53,"_315":43,"_316":57,"_58":14,"_54":12},"ctx",{"_307":-5,"_342":481,"_482":483,"_484":485,"_486":51,"_487":51,"_488":51,"_489":76,"_490":-5,"_491":-7,"_492":-7,"_493":32,"_494":51,"_495":51,"_496":-5,"_497":51,"_498":51,"_499":51,"_500":-5},"ENV",{"_452":453,"_454":455,"_456":16,"_457":458,"_459":460,"_461":462,"_463":464,"_465":466,"_467":468,"_469":470,"_471":472,"_473":474,"_475":476,"_477":478,"_479":480},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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"]
</article></body></html>