{children}

;\n}\n\nexport function Button(props: any) {\n const buttonClass = \"rounded-full px-6 py-2.5 font-medium transition-all duration-200 ease-in-out hover:scale-105\";\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 BackButton({}) {\n return window.location.href = \"/\"} />;\n}\n\nexport function ShareButton({ onClick }) {\n return ;\n}",[102,126,117],"b37aa1ce2d40b3e8879277655036c54263612c66a0181303304f653d5b742ffe","components","90246daa-0fd2-11f0-a5bb-569c3dd06744","89913c50-0cb4-11f0-b555-569c3dd06744","f69fa86b-eb9d-4bc9-90f9-62e36f9a3564",["D",1743605748419],15,"/** @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 }: 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-full px-4 py-2 font-medium \";\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 BackButton({}) {\n return window.location.href = \"/\"} />;\n}\n\nexport function ShareButton({ onClick }) {\n return ;\n}",[102,126,117],"ca861507dfeaf6bab8e0422228a663768b9227c8e338146ad67eac2da7cb05d0","frontend/components/gallery.tsx",{"_32":147,"_13":139,"_83":148,"_85":129,"_87":33,"_88":149,"_90":26,"_34":150,"_40":22,"_93":94,"_95":151,"_65":48,"_97":-5,"_98":-7,"_75":152,"_100":153},{"_32":138,"_13":139,"_83":140,"_85":119,"_87":57,"_88":141,"_90":26,"_34":142,"_40":143,"_93":94,"_95":144,"_65":48,"_97":-5,"_98":-7,"_75":145,"_100":146},"65f48e5a-110a-11f0-83af-569c3dd06744","gallery.tsx","42b85c44-94c5-4091-948c-2c3425d6dfeb",67,["D",1743739680602],9,"/** @jsxImportSource https://esm.sh/react@19 */\nimport { useEffect, useState } from \"https://esm.sh/react@19\";\nimport { Button, ShareButton } from \"./ui.tsx\";\n\nexport function Header({ image }) {\n return (\n

\n );\n}\n\nexport function Feed({ casts }) {\n return (\n

\n {casts?.map((cast) => )}\n

\n );\n}\n\nexport function Cast({ cast }) {\n const [isFullscreen, setIsFullscreen] = useState(false);\n const images = cast?.embeds?.filter((embed) => !!embed?.metadata?.image);\n if (!images || !images.length) return null;\n\n return (\n

\n {images?.slice(0, 1)?.map((image) => (\n setIsFullscreen(!isFullscreen)}\n className={`cursor-pointer transition-all duration-300 ease-in-out ${\n isFullscreen\n ? \"fixed inset-0 w-screen h-screen z-50 object-contain bg-black/90\"\n : \"w-full aspect-square object-cover\"\n }`}\n />\n ))}\n

\n );\n}",[102,126,139],"f32169195c514a151054d28e5936aa222c725bf3779469a7f4331ec381406a87","1022ca2e-0e5c-11f0-8d54-569c3dd06744","35d60b18-0cbe-11f0-bb74-569c3dd06744",278,["D",1743444901886],"/** @jsxImportSource https://esm.sh/react@19 */\nimport { useEffect, useState } from \"https://esm.sh/react@19\";\nimport { BackButton, Button, ShareButton } from \"./ui.tsx\";\n\nexport function Header({ image, name, onShare }) {\n return (\n

\n \n {onShare && }\n

{name}

\n );\n}\n\nexport function Feed({ casts }) {\n return (\n

\n {casts?.map((cast) => )}\n

\n {images?.slice(0, 1)?.map((image) => (\n setIsFullscreen(!isFullscreen)}\n className={`cursor-pointer ${\n isFullscreen\n ? \"fixed inset-0 w-screen h-screen z-50 object-contain bg-black/90\"\n : \"w-full aspect-square object-cover\"\n }`}\n />\n ))}\n

\n );\n}",[102,126,139],"97304febda1e9de9b6ba631bb6dd1d92ffcc503c4cd59108dbde22fc1b3f659e","frontend/App.tsx",{"_32":167,"_13":158,"_83":168,"_85":169,"_87":33,"_88":59,"_90":48,"_34":170,"_40":171,"_93":94,"_95":172,"_65":48,"_97":-5,"_98":-7,"_75":173,"_100":174},{"_32":157,"_13":158,"_83":159,"_85":160,"_87":57,"_88":161,"_90":26,"_34":162,"_40":163,"_93":94,"_95":164,"_65":48,"_97":-5,"_98":-7,"_75":165,"_100":166},"f0c869b6-110a-11f0-856d-569c3dd06744","App.tsx","8b1b0e6d-5b55-4510-946c-83881bf3aa46","01ecbede-d612-4c64-bca5-464656cd7480",68,["D",1743739913535],27,"/** @jsxImportSource https://esm.sh/react@19 */\nimport fcsdk from \"https://esm.sh/@farcaster/frame-sdk\";\nimport { NavLink, Route, Routes, useNavigate, useParams } from \"https://esm.sh/react-router@7\";\nimport { useEffect, useState } from \"https://esm.sh/react@19\";\nimport { Cast, Feed, Header } from \"./components/gallery.tsx\";\nimport { Button, ShareButton } from \"./components/ui.tsx\";\nimport { fetchChannel, fetchChannelFeed, fetchUser, fetchUserFeed } from \"./util/neynar.ts\";\nimport { useQuery } from \"./util/useQuery.ts\";\n\nexport function App() {\n const [context, setContext] = useState();\n\n useEffect(() => {\n fcsdk.actions.ready();\n fcsdk.context.then(setContext);\n }, []);\n\n return (\n

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

\n );\n}\n\nfunction Home({ context }) {\n const channelId = \"higher\";\n const [sortBy, setSortBy] = useState<'recent' | 'trending'>('recent');\n console.log('Current sort:', sortBy);\n \n const { data: channel } = useQuery([\"channel\", channelId], () => fetchChannel(channelId));\n const { data: casts } = useQuery(\n [\"feed-channel\", channelId, sortBy], \n () => {\n console.log('Query triggered with sort:', sortBy);\n return fetchChannelFeed(channelId, sortBy);\n }\n );\n const navigate = useNavigate();\n\n const handleSortChange = (newSort: 'recent' | 'trending') => {\n console.log('Sort button clicked:', newSort);\n setSortBy(newSort);\n };\n\n const onShare = () => {\n if (!context) return;\n const text = `Check out the Higher Gallery!\\n`;\n fcsdk.actions.openUrl(\n `https://warpcast.com/~/compose?text=${encodeURIComponent(text)}&embeds[]=${window.location.href}`,\n );\n };\n\n return (\n

/HIGHER GALLERY

\n\n

\n handleSortChange('recent')}\n />\n handleSortChange('trending')}\n />\n {context && (\n \n )}\n

\n\n \n

\n );\n}\n\nfunction User({ context }) {\n let { username } = useParams();\n const { data: user } = useQuery([\"user\", username], () => fetchUser(username));\n const { data: casts } = useQuery([\"feed-user\", user?.fid], () => fetchUserFeed(user?.fid));\n if (!user) return null;\n\n const onShare = () => {\n if (!context) return;\n const text = `Check out @${user.username}'s gallery!\\n`;\n fcsdk.actions.openUrl(\n `https://warpcast.com/~/compose?text=${encodeURIComponent(text)}&embeds[]=${window.location.href}`,\n );\n };\n\n return (\n

\n \n

\n );\n}",[102,158],"e00f1492118126667d75de55cc71df7d419b4a05691ad0f4c5d7ba57bf211858","90244da2-0fd2-11f0-a5bb-569c3dd06744","89ec2700-0cb4-11f0-a9b6-569c3dd06744","bf2a336a-a359-4288-a41a-83d7e2d568b4",["D",1743605748419],163,"/** @jsxImportSource https://esm.sh/react@19 */\nimport fcsdk from \"https://esm.sh/@farcaster/frame-sdk\";\nimport { ArrowLeft } from \"https://esm.sh/lucide-react\";\nimport { NavLink, Route, Routes, useNavigate, useParams } from \"https://esm.sh/react-router@7\";\nimport { useEffect, useState } from \"https://esm.sh/react@19\";\nimport { Example } from \"./components/Example.tsx\";\nimport { FarcasterMiniApp } from \"./components/FarcasterMiniApp.tsx\";\nimport { Cast, Feed, Header } from \"./components/gallery.tsx\";\nimport { BackButton, Button, ShareButton } from \"./components/ui.tsx\";\nimport { formatJSON } from \"./util/format.ts\";\nimport { fetchChannel, fetchChannelFeed, fetchChannelsFeed, fetchUser, fetchUserFeed } from \"./util/neynar.ts\";\nimport { useQuery } from \"./util/useQuery.ts\";\n\nexport function App() {\n const [context, setContext] = useState();\n\n useEffect(() => {\n fcsdk.actions.ready();\n fcsdk.context.then(setContext);\n }, []);\n\n return (\n

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

\n );\n}\n\nfunction Home({ context }) {\n const channelId = [\"photography\", \"nature\", \"geometric\", \"gifart\", \"gen-art\"];\n const { data: casts } = useQuery([\"feed-channel\", channelId.join(\",\")], () => fetchChannelsFeed(channelId));\n const navigate = useNavigate();\n\n return (\n

Gallery

Explore photos on Farcaster

\n\n

\n {context?.user && (\n navigate(\"/u/\" + context?.user?.username)}\n />\n )}\n {channelId.map((id) => (\n navigate(\"/c/\" + id)}\n />\n ))}\n

\n\n \n

\n );\n}\n\nfunction User({ context }) {\n let { username } = useParams();\n const { data: user } = useQuery([\"user\", username], () => fetchUser(username));\n const { data: casts } = useQuery([\"feed-user\", user?.fid], () => fetchUserFeed(user?.fid));\n // console.log({ user, casts });\n if (!user) return null;\n\n const onShare = () => {\n if (!context) return;\n const text = `Check out @${user.username}'s gallery!\\n`;\n fcsdk.actions.openUrl(\n `https://warpcast.com/~/compose?text=${encodeURIComponent(text)}&embeds[]=${window.location.href}`,\n );\n };\n\n return (\n

\n \n

\n );\n}\n\nfunction Channel({ context }) {\n let { channelId } = useParams();\n const { data: channel } = useQuery([\"channel\", channelId], () => fetchChannel(channelId));\n const { data: casts } = useQuery([\"feed-channel\", channelId], () => fetchChannelFeed(channelId));\n // console.log({ channel, casts });\n if (!channel) return null;\n\n const onShare = () => {\n if (!context) return;\n const text = `Check out /${channelId}'s gallery!\\n`;\n fcsdk.actions.openUrl(\n `https://warpcast.com/~/compose?text=${encodeURIComponent(text)}&embeds[]=${window.location.href}`,\n );\n };\n\n return (\n

\n \n

\n );\n}",[102,158],"c5ba5212a457a42d84859284bf1a6f760d75551c30b24f7381e43b7cfdf68895","backend/index.ts",{"_32":190,"_13":179,"_83":191,"_85":192,"_87":33,"_88":193,"_90":48,"_34":194,"_40":195,"_93":185,"_95":196,"_65":48,"_97":197,"_98":-7,"_75":198,"_100":199},{"_32":178,"_13":179,"_83":180,"_85":181,"_87":57,"_88":182,"_90":26,"_34":183,"_40":184,"_93":185,"_95":186,"_65":48,"_97":-5,"_98":-7,"_75":187,"_100":188},"b565632a-1109-11f0-b7c4-569c3dd06744","index.ts","535ea6d5-54af-4759-84db-1d00d89e4fe7","c755e75a-ae8b-474e-950b-74d37aa37136",64,["D",1743739384408],6,"http","/** @jsxImportSource npm:hono/jsx */\nimport { serveFile } from \"https://esm.town/v/std/utils@64-main/index.ts\";\nimport { Hono } from \"npm:hono\";\nimport { embedMetadata, handleFarcasterEndpoints, iconUrl, name, ogImageUrl } from \"./farcaster.ts\";\n\nconst app = new Hono();\n\nhandleFarcasterEndpoints(app);\n\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\napp.get(\"/frontend/**/*\", c => serveFile(c.req.path, import.meta.url));\n\napp.get(\"/\", async c => {\n const baseUrl = c.req.url.replace(/\\/$/, \"\");\n return c.html(generateHtml(baseUrl));\n});\napp.get(\"*\", async c => {\n const baseUrl = c.req.url.replace(c.req.path, \"\");\n return c.html(generateHtml(baseUrl, c.req.path));\n});\n\nfunction generateHtml(baseUrl: string, path: string = \"/\") {\n return `\n \n \n ${name}\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n \n \n \n \n \n \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;",[189,179],"a665b56418b2ad3f79c3680f06d4aef50bcf3b222b3bd0029ae0b6637a9804f0","backend","2b4f1ce6-0cd9-11f0-8707-569c3dd06744","89c44a0a-0cb4-11f0-8a00-569c3dd06744","d8c5f2bf-e99d-4341-bc0b-1fcd7e7b83a3",142,["D",1743278732241],12,"/** @jsxImportSource npm:hono/jsx */\nimport { serveFile } from \"https://esm.town/v/std/utils@64-main/index.ts\";\nimport { Hono } from \"npm:hono\";\nimport { embedMetadata, handleFarcasterEndpoints, iconUrl, name, ogImageUrl } from \"./farcaster.ts\";\n\nconst app = new Hono();\n\nhandleFarcasterEndpoints(app);\n\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\napp.get(\"/frontend/**/*\", c => serveFile(c.req.path, import.meta.url));\n\napp.get(\"/\", async c => {\n const baseUrl = c.req.url.replace(/\\/$/, \"\");\n return c.html(generateHtml(baseUrl));\n});\napp.get(\"*\", async c => {\n const baseUrl = c.req.url.replace(c.req.path, \"\");\n return c.html(generateHtml(baseUrl, c.req.path));\n});\n\nfunction generateHtml(baseUrl: string, path: string = \"/\") {\n return (\n \n \n {name}\n \n \n \n \n \n\n \n \n \n \n \n \n

\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;","gallery-fc",[189,179],"b7bad8ff12b72dd2b4090ca3f284bbee763ce20f6fb3786cf800ea77377a81e6","backend/farcaster.ts",{"_32":212,"_13":204,"_83":213,"_85":192,"_87":33,"_88":214,"_90":48,"_34":215,"_40":216,"_93":94,"_95":217,"_65":48,"_97":-5,"_98":-7,"_75":218,"_100":219},{"_32":203,"_13":204,"_83":205,"_85":181,"_87":57,"_88":206,"_90":26,"_34":207,"_40":208,"_93":94,"_95":209,"_65":48,"_97":-5,"_98":-7,"_75":210,"_100":211},"05698dae-110c-11f0-abe6-569c3dd06744","farcaster.ts","3c806d1a-2919-4806-baa8-db28aa730f46",75,["D",1743740377636],13,"import { Hono } from \"npm:hono\";\n\nexport const name = \"Higher Gallery\";\nexport const iconUrl = \"https://i.imgur.com/5XiH5Vc.png\";\nexport const ogImageUrl = \"https://i.imgur.com/5XiH5Vc.png\";\n\nexport function embedMetadata(baseUrl: string, path: string = \"/\") {\n return {\n version: \"next\",\n imageUrl: ogImageUrl,\n button: {\n title: name,\n action: {\n type: \"launch_frame\",\n name: name,\n url: baseUrl + path,\n splashImageUrl: ogImageUrl,\n splashBackgroundColor: \"#16121D\"\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://onchaindom--535ea6d554af475984db1d00d89e4fe7.web.val.run\") {\n accountAssociation = {\n \"header\": \"eyJmaWQiOjI2MzM3MywidHlwZSI6ImN1c3RvZHkiLCJrZXkiOiIweDgyODkyNkE4REJlQ2ExNWY4MjJiRUFDNGVGZmU3MzIxMzBFMTFiMWIifQ\",\n \"payload\": \"eyJkb21haW4iOiJvbmNoYWluZG9tLS01MzVlYTZkNTU0YWY0NzU5ODRkYjFkMDBkODllNGZlNy53ZWIudmFsLnJ1biJ9\",\n \"signature\": \"MHg2MWQxYjY3NGMxNjg2YmIzYjEwMWY0YWJlNWEzYjRjNjNiZDg2MWI0YmFlNTJiMzg2MTViZWI3NGNiZDI2NTFmMmUyNDQ0ZmRlY2NjYzg2NDJjZTUyM2YzZTEyY2E5M2E2MTBjZTkzZTUyNGE2OTQ1YTk1MDhmYzVlNTNhNGRkNTFj\"\n };\n }\n\n const manifest = {\n accountAssociation,\n frame: {\n \"name\": name,\n \"version\": \"1\",\n \"iconUrl\": iconUrl,\n \"homeUrl\": baseUrl,\n \"splashImageUrl\": ogImageUrl,\n \"splashBackgroundColor\": \"#16121D\",\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 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 const notificationUrl = payload?.notificationDetails?.url;\n const notificationToken = payload?.notificationDetails?.token;\n\n const res = await sendFarcasterNotification({\n title: name + \" installed!\",\n body: \"🚀🚀🚀\",\n targetUrl: baseUrl,\n tokens: [notificationToken],\n });\n console.log(\"[warpcast-frame-webhook]\", notificationUrl, notificationToken, 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 sendFarcasterNotification(payload: any) {\n return await fetch(\"https://api.warpcast.com/v1/frame-notifications\", {\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 ...payload,\n }),\n }).then(res => res.json());\n}",[189,204],"4dd974805c8c1ebea37021b891996f681590598ee0ac0dbf95714a48800348ae","e9c8f4b0-0e3e-11f0-aa32-569c3dd06744","89cd0df2-0cb4-11f0-91bb-569c3dd06744",271,["D",1743432382141],16,"import { Hono } from \"npm:hono\";\n\nexport const name = \"Gallery\";\nexport const iconUrl = \"https://imgur.com/TrJLlwp.png\";\nexport const ogImageUrl = \"https://imgur.com/aKfqufa.png\";\n\nexport function embedMetadata(baseUrl: string, path: string = \"/\") {\n const pathName = name + (path == \"/\" ? \"\" : \" · \" + path.replace(\"/c/\", \"/\").replace(\"/u/\", \"@\"));\n return {\n version: \"next\",\n imageUrl: ogImageUrl,\n button: {\n title: pathName,\n action: {\n type: \"launch_frame\",\n name: name,\n url: baseUrl + path,\n splashImageUrl: iconUrl,\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://gallery.0xmoe.com\") {\n accountAssociation = {\n \"header\":\n \"eyJmaWQiOjIwNzMsInR5cGUiOiJjdXN0b2R5Iiwia2V5IjoiMHg0OERCN2U3MWQxMTUyNjU5MTY5NjE2NzNCOTY4NjcwQTU0N2IwZkJFIn0\",\n \"payload\": \"eyJkb21haW4iOiJnYWxsZXJ5LjB4bW9lLmNvbSJ9\",\n \"signature\":\n \"MHg4MmNkZGRlOWZmNDA4ZjI2ZjM2MDI5MjFhMmUwYTE5OGY0MTYyZjQzMjM1YTZiMTg3MGI3YzViNjk5MzlhZGY5MDY1ZjZiMTE1ODc4NjNiYjU1MGI2MzA1Njc5YWQ2OTE2MmM4YzcwNWEwNGQ4N2M5MjQ3YWY5MTAyOWNkNTkwNDFj\",\n };\n }\n\n const manifest = {\n accountAssociation,\n frame: {\n \"name\": name,\n \"version\": \"1\",\n \"iconUrl\": iconUrl,\n \"homeUrl\": baseUrl,\n \"splashImageUrl\": iconUrl,\n \"splashBackgroundColor\": \"#111111\",\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 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 const notificationUrl = payload?.notificationDetails?.url;\n const notificationToken = payload?.notificationDetails?.token;\n\n const res = await sendFarcasterNotification({\n title: name + \" installed!\",\n body: \"🚀🚀🚀\",\n targetUrl: baseUrl,\n tokens: [notificationToken],\n });\n console.log(\"[warpcast-frame-webhook]\", notificationUrl, notificationToken, 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 sendFarcasterNotification(payload: any) {\n return await fetch(\"https://api.warpcast.com/v1/frame-notifications\", {\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 ...payload,\n }),\n }).then(res => res.json());\n}",[189,204],"36e5916b16d07ca0a29519507a94ca386f05bee2d63217553518ceeecc9fb3f5",{"_75":14,"_77":-7,"_79":260},{"_75":253,"_77":-7,"_79":254},{"_75":245,"_77":-7,"_79":246},{"_75":238,"_77":-7,"_79":239},{"_75":225,"_77":-7,"_79":226},"backend/.well-known/farcaster.json",{"_32":227,"_13":228,"_83":229,"_85":230,"_87":57,"_88":56,"_90":26,"_34":231,"_40":232,"_93":233,"_95":234,"_65":48,"_97":-5,"_98":-7,"_75":235,"_100":236},"056d5fec-110c-11f0-ae06-569c3dd06744","farcaster.json","59ae63cc-110b-11f0-8e42-569c3dd06744","53538dae-110b-11f0-a9f9-569c3dd06744",["D",1743740377661],1,"file","{\n \"accountAssociation\": {\n \"header\": \"eyJmaWQiOjI2MzM3MywidHlwZSI6ImN1c3RvZHkiLCJrZXkiOiIweDgyODkyNkE4REJlQ2ExNWY4MjJiRUFDNGVGZmU3MzIxMzBFMTFiMWIifQ\",\n \"payload\": \"eyJkb21haW4iOiJvbmNoYWluZG9tLS01MzVlYTZkNTU0YWY0NzU5ODRkYjFkMDBkODllNGZlNy53ZWIudmFsLnJ1biJ9\",\n \"signature\": \"MHg2MWQxYjY3NGMxNjg2YmIzYjEwMWY0YWJlNWEzYjRjNjNiZDg2MWI0YmFlNTJiMzg2MTViZWI3NGNiZDI2NTFmMmUyNDQ0ZmRlY2NjYzg2NDJjZTUyM2YzZTEyY2E5M2E2MTBjZTkzZTUyNGE2OTQ1YTk1MDhmYzVlNTNhNGRkNTFj\"\n },\n \"frame\": {\n \"name\": \"Higher Gallery\",\n \"version\": \"1\",\n \"iconUrl\": \"https://i.imgur.com/5XiH5Vc.png\",\n \"homeUrl\": \"https://onchaindom--535ea6d554af475984db1d00d89e4fe7.web.val.run\",\n \"splashImageUrl\": \"https://i.imgur.com/5XiH5Vc.png\",\n \"splashBackgroundColor\": \"#16121D\",\n \"webhookUrl\": \"https://onchaindom--535ea6d554af475984db1d00d89e4fe7.web.val.run/webhook\"\n }\n} ",[189,237,228],"7deb772c0e2d34afadade8aa2a40100bf20963521b599307e509a06c3ee62642",".well-known","backend/.well-known",{"_32":240,"_13":237,"_83":230,"_85":181,"_87":57,"_88":241,"_90":26,"_34":242,"_40":20,"_93":243,"_95":-5,"_65":48,"_97":-5,"_98":-7,"_75":244,"_100":-5},"53538cd2-110b-11f0-a9f9-569c3dd06744",71,["D",1743740078872],"directory",[189,237],"FarcasterGallery/backend/.well-known",{"_32":247,"_13":237,"_83":248,"_85":249,"_87":57,"_88":250,"_90":26,"_34":251,"_40":20,"_93":243,"_95":-5,"_65":48,"_97":-5,"_98":-7,"_75":252,"_100":-5},"57cc0ae6-110b-11f0-8e42-569c3dd06744","57cc0ba4-110b-11f0-8e42-569c3dd06744","518e7038-110b-11f0-8480-569c3dd06744",72,["D",1743740086373],[14,189,237],"FarcasterGallery/backend",{"_32":255,"_13":189,"_83":249,"_85":256,"_87":57,"_88":257,"_90":26,"_34":258,"_40":20,"_93":243,"_95":-5,"_65":48,"_97":-5,"_98":-7,"_75":259,"_100":-5},"518e6f98-110b-11f0-8480-569c3dd06744","509e1714-110b-11f0-a7d0-569c3dd06744",70,["D",1743740075903],[14,189],{"_32":261,"_13":14,"_83":256,"_85":-5,"_87":57,"_88":262,"_90":26,"_34":263,"_40":20,"_93":243,"_95":-5,"_65":48,"_97":-5,"_98":-7,"_75":264,"_100":-5},"509e1660-110b-11f0-a7d0-569c3dd06744",69,["D",1743740074327],[14],["D",1743726514815],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","876e7f10-10eb-11f0-b603-9fef10dd4764","pinnedFileId","pinPreview","pinMigrated","screenshotVersion",37,"likeCount","61c5b77c-3c86-4e61-a1c5-9a42fb5d69a1","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_303":299},"org",{"_11":12,"_297":-5,"_298":299,"_270":271,"_300":301,"_302":48},"branch","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ydkYyRkF3QWdrOHMzMk1icEFPRkVZT2NwOXcifQ","tier","free","canRestrictVals","profileImageUrl","","adoptOrgId",{"_32":58,"_13":14,"_34":466,"_46":-5,"_266":48,"_49":50,"_267":50,"_268":-5,"_269":-5,"_270":271,"_272":180,"_273":26,"_274":-5,"_275":276,"_277":20,"_53":278,"_279":-5,"_280":-5,"_281":-5,"_282":-5,"_283":284,"_285":284,"_286":287,"_288":287,"_289":287,"_290":284,"_291":284,"_292":467,"_294":468,"_296":469,"_47":48},"tree",[367,370,375,387,388],"files",[367,368,369,370,371,372,373,374,375,376,377,378,379,380,381,382,383,384,385,386,387,388],"counts",{"_357":20,"_358":232,"_359":20,"_360":361,"_362":363},"contents",[332,333,334,335,336],"upstreamProject",{"_32":39,"_13":14,"_268":329,"_269":-5,"_49":50,"_292":330},"upstreamBranch",{"_32":33,"_34":327,"_36":328,"_13":16,"_38":39,"_40":41,"_42":-5,"_43":-5,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":52,"_53":54,"_55":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1743262998924],["D",1748608344449],"Hono + React + Tailwind + Farcaster Frame Starter Project",{"_11":52,"_303":331},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yanFDd29JUGxvVEl1YVVlcHJiV2VYMUxFWjkifQ",{"_32":261,"_13":14,"_83":256,"_85":-5,"_87":57,"_88":262,"_90":26,"_34":355,"_40":20,"_93":243,"_95":-5,"_65":48,"_97":-5,"_75":356},{"_32":352,"_13":189,"_83":181,"_85":-5,"_87":57,"_88":232,"_90":26,"_34":353,"_40":20,"_93":243,"_95":-5,"_65":48,"_97":-5,"_75":354},{"_32":349,"_13":102,"_83":160,"_85":-5,"_87":57,"_88":232,"_90":26,"_34":350,"_40":20,"_93":243,"_95":-5,"_65":48,"_97":-5,"_75":351},{"_32":343,"_13":344,"_83":345,"_85":-5,"_87":57,"_88":232,"_90":26,"_34":346,"_40":20,"_93":233,"_95":347,"_65":48,"_97":-5,"_75":348},{"_32":337,"_13":338,"_83":339,"_85":-5,"_87":57,"_88":232,"_90":26,"_34":340,"_40":20,"_93":233,"_95":341,"_65":48,"_97":-5,"_75":342},"be8b57ca-10eb-11f0-b3a8-569c3dd06744","todo.txt","079d1973-e9fe-4731-91c5-262f6b50ef70",["D",1743726514815],"home page (example channels)\ndynamic preview text\nsearch?\n\n\nnotifications\n save tokens for users\n send notif daily or on demand",[338],"be8b5676-10eb-11f0-b3a8-569c3dd06744","README.md","e4586a9c-eebe-4421-8938-0af3fd2348e0",["D",1743726514815],"# 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.",[344],"be8b54fa-10eb-11f0-b3a8-569c3dd06744",["D",1743726514815],[102],"be8b18be-10eb-11f0-b3a8-569c3dd06744",["D",1743726514815],[189],["D",1743740074327],[14],"pulls","branches","forks","envVars",{"_364":20,"_366":20},"connections",{"_364":20,"_365":20},"count","unfilledCount","emptyCount",{"_32":261,"_13":14,"_83":256,"_85":-5,"_87":57,"_88":262,"_90":26,"_34":263,"_40":20,"_93":243,"_95":-5,"_65":48,"_97":-5,"_98":464,"_75":465},{"_32":255,"_13":189,"_83":249,"_85":256,"_87":57,"_88":257,"_90":26,"_34":258,"_40":20,"_93":243,"_95":-5,"_65":48,"_97":-5,"_98":462,"_75":463},{"_32":247,"_13":237,"_83":248,"_85":249,"_87":57,"_88":250,"_90":26,"_34":251,"_40":20,"_93":243,"_95":-5,"_65":48,"_97":-5,"_98":460,"_75":461},{"_32":352,"_13":189,"_83":181,"_85":-5,"_87":57,"_88":232,"_90":26,"_34":457,"_40":20,"_93":243,"_95":-5,"_65":48,"_97":-5,"_98":458,"_75":459},{"_32":240,"_13":237,"_83":230,"_85":181,"_87":57,"_88":241,"_90":26,"_34":242,"_40":20,"_93":243,"_95":-5,"_65":48,"_97":-5,"_98":455,"_75":456},{"_32":227,"_13":228,"_83":229,"_85":230,"_87":57,"_88":56,"_90":26,"_34":231,"_40":232,"_93":233,"_95":234,"_65":48,"_97":-5,"_98":453,"_75":454},{"_32":203,"_13":204,"_83":205,"_85":181,"_87":57,"_88":206,"_90":26,"_34":207,"_40":208,"_93":94,"_95":209,"_65":48,"_97":-5,"_98":451,"_75":452},{"_32":178,"_13":179,"_83":180,"_85":181,"_87":57,"_88":182,"_90":26,"_34":183,"_40":184,"_93":185,"_95":186,"_65":48,"_97":-5,"_98":449,"_75":450},{"_32":349,"_13":102,"_83":160,"_85":-5,"_87":57,"_88":232,"_90":26,"_34":446,"_40":20,"_93":243,"_95":-5,"_65":48,"_97":-5,"_98":447,"_75":448},{"_32":442,"_13":126,"_83":119,"_85":160,"_87":57,"_88":232,"_90":26,"_34":443,"_40":20,"_93":243,"_95":-5,"_65":48,"_97":-5,"_98":444,"_75":445},{"_32":435,"_13":436,"_83":437,"_85":119,"_87":57,"_88":232,"_90":26,"_34":438,"_40":20,"_93":94,"_95":439,"_65":48,"_97":-5,"_98":440,"_75":441},{"_32":428,"_13":429,"_83":430,"_85":119,"_87":57,"_88":232,"_90":26,"_34":431,"_40":20,"_93":94,"_95":432,"_65":48,"_97":-5,"_98":433,"_75":434},{"_32":138,"_13":139,"_83":140,"_85":119,"_87":57,"_88":141,"_90":26,"_34":142,"_40":143,"_93":94,"_95":144,"_65":48,"_97":-5,"_98":426,"_75":427},{"_32":116,"_13":117,"_83":118,"_85":119,"_87":57,"_88":120,"_90":26,"_34":121,"_40":122,"_93":94,"_95":123,"_65":48,"_97":-5,"_98":424,"_75":425},{"_32":420,"_13":103,"_83":86,"_85":160,"_87":57,"_88":232,"_90":26,"_34":421,"_40":20,"_93":243,"_95":-5,"_65":48,"_97":-5,"_98":422,"_75":423},{"_32":413,"_13":414,"_83":415,"_85":86,"_87":57,"_88":232,"_90":26,"_34":416,"_40":20,"_93":94,"_95":417,"_65":48,"_97":-5,"_98":418,"_75":419},{"_32":81,"_13":82,"_83":84,"_85":86,"_87":57,"_88":89,"_90":26,"_34":91,"_40":92,"_93":94,"_95":96,"_65":48,"_97":-5,"_98":411,"_75":412},{"_32":404,"_13":405,"_83":406,"_85":86,"_87":57,"_88":232,"_90":26,"_34":407,"_40":20,"_93":94,"_95":408,"_65":48,"_97":-5,"_98":409,"_75":410},{"_32":157,"_13":158,"_83":159,"_85":160,"_87":57,"_88":161,"_90":26,"_34":162,"_40":163,"_93":94,"_95":164,"_65":48,"_97":-5,"_98":402,"_75":403},{"_32":395,"_13":396,"_83":397,"_85":160,"_87":57,"_88":232,"_90":26,"_34":398,"_40":20,"_93":94,"_95":399,"_65":48,"_97":-5,"_98":400,"_75":401},{"_32":343,"_13":344,"_83":345,"_85":-5,"_87":57,"_88":232,"_90":26,"_34":392,"_40":20,"_93":233,"_95":347,"_65":48,"_97":-5,"_98":393,"_75":394},{"_32":337,"_13":338,"_83":339,"_85":-5,"_87":57,"_88":232,"_90":26,"_34":389,"_40":20,"_93":233,"_95":341,"_65":48,"_97":-5,"_98":390,"_75":391},["D",1743726514815],[],[338],["D",1743726514815],[],[344],"be8b5270-10eb-11f0-b3a8-569c3dd06744","index.tsx","306d3afe-d6ca-4599-ad8c-7cb6e0fd61d7",["D",1743726514815],"/** @jsxImportSource https://esm.sh/react@19 */\nimport { createRoot } from \"https://esm.sh/react-dom@19/client\";\nimport { BrowserRouter } from \"https://esm.sh/react-router@7\";\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(\n \n \n ,\n);",[],[102,396],[],[102,158],"be8b4c44-10eb-11f0-b3a8-569c3dd06744","useQuery.ts","29b940dd-ad77-4432-b19a-0254d62ccd52",["D",1743726514815],"/** @jsxImportSource https://esm.sh/react@19 */\nimport { useEffect, useState } from \"https://esm.sh/react@19\";\n\nexport const useQuery = (deps, asyncFn) => {\n const [data, setData] = useState();\n\n useEffect(() => {\n let didCancel = false;\n (async () => {\n try {\n const result = await asyncFn();\n if (!didCancel) {\n setData(result);\n }\n } catch (error) {\n // Handle errors if needed\n console.log(\"useAsyncMemo error\", \"\" + error);\n setData(null);\n }\n })();\n\n return () => {\n didCancel = true;\n };\n }, deps);\n\n return { data };\n};",[],[102,103,405],[],[102,103,82],"be8b49b0-10eb-11f0-b3a8-569c3dd06744","format.ts","10e7392b-28aa-45d2-bd8d-1489a7f8ccc5",["D",1743726514815],"export 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};",[],[102,103,414],"be8b4dc0-10eb-11f0-b3a8-569c3dd06744",["D",1743726514815],[382,383,384],[102,103],[],[102,126,117],[],[102,126,139],"be8b1c88-10eb-11f0-b3a8-569c3dd06744","FarcasterMiniApp.tsx","4b53d953-8728-462f-9a69-c9c6e66b2bc2",["D",1743726514815],"/** @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 } from \"../util/format.ts\";\nimport { 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 /* \n fcsdk.actions.swap({\n sellToken: \"eip155:8453/erc20:0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913\",\n buyToken: \"eip155:8453/erc20:0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913\",\n sellAmount: \"3000000\",\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}",[],[102,126,429],"be8b1a80-10eb-11f0-b3a8-569c3dd06744","Example.tsx","6766a9c6-059a-4e18-bf4e-360f6ec7f17f",["D",1743726514815],"/** @jsxImportSource https://esm.sh/react@19 */\nimport { useState } from \"https://esm.sh/react@19\";\n\nexport function Example() {\n return (\n

Mini App Starter

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

\n );\n}",[],[102,126,436],"be8b28a4-10eb-11f0-b3a8-569c3dd06744",["D",1743726514815],[377,378,379,380],[102,126],["D",1743726514815],[376,381,385,386],[102],[],[189,179],[],[189,204],[],[189,237,228],[372],[189,237],["D",1743726514815],[371,373,374],[189],[],[14,189,237],[369],[14,189],[368],[14],["D",1743726514815],{"_11":12,"_303":299},{"_11":12,"_297":-5,"_298":299,"_270":271,"_300":301,"_302":48},{"_40":56,"_13":16,"_32":57,"_38":58,"_42":33,"_43":59,"_60":50,"_61":39,"_62":54,"_55":14,"_51":12},"ctx",{"_292":-5,"_324":503,"_504":505,"_506":507,"_508":48,"_509":48,"_510":48,"_511":26,"_512":-5,"_513":-7,"_514":-7,"_515":20,"_516":48,"_517":48,"_518":-5,"_519":48,"_520":48,"_521":48,"_522":-5},"ENV",{"_474":475,"_476":477,"_478":16,"_479":480,"_481":482,"_483":484,"_485":486,"_487":488,"_489":490,"_491":492,"_493":494,"_495":496,"_497":498,"_499":500,"_501":502},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","c73f21da490985bff19c279eb0e09db24d688e4f","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"]

Compare

Mergeonchaindom/mainintomoe/main

backend/farcaster.ts+14-17

Hbackend/index.ts+31-18

frontend/App.tsx+42-47

frontend/components/gallery.tsx+5-10

frontend/components/ui.tsx+1-1

frontend/util/neynar.ts+34-10

FarcasterGallery

FarcasterGallery/backend

FarcasterGallery/backend/.well-known

backend/.well-known

backend/.well-known/farcaster.json+16-0