\n \n \n

\n );\n}",[],[109,103],"30a6cd78-0a78-11f0-9f40-569c3dd06744",["D",1743017177648],"/** @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};",[],[109,147,141],"30a6c760-0a78-11f0-9f40-569c3dd06744",["D",1743017177648],"/** @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 /* \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}",[],[109,147,135],"30a6c4d6-0a78-11f0-9f40-569c3dd06744",["D",1743017177648],"/** @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}",[],[109,147,97],"30a6cf9e-0a78-11f0-9f40-569c3dd06744",["D",1743017177648],[271,272,273],[109,147],["D",1743017177648],[270,274,275],[109],"30a6bf36-0a78-11f0-9f40-569c3dd06744",["D",1743017177648],"/** @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\napp.get(\"/\", async c => {\n const baseUrl = c.req.url.replace(/\\/$/, \"\");\n return c.html(\n \n \n {name}\n \n \n \n \n \n \n \n

\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;",[],[129,122],"30a6b324-0a78-11f0-9f40-569c3dd06744",["D",1743017177648],"import { Hono } from \"npm:hono\";\n\nexport const name = \"Mini App Starter\";\nexport const iconUrl = \"https://imgur.com/TrJLlwp.png\";\nexport const ogImageUrl = \"https://imgur.com/xKVOVUE.png\";\n\nexport function embedMetadata(baseUrl: 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,\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://moe--3238fa84059c11f0ac33569c3dd06744.web.val.run\") {\n accountAssociation = {\n \"header\":\n \"eyJmaWQiOjIwNzMsInR5cGUiOiJjdXN0b2R5Iiwia2V5IjoiMHg0OERCN2U3MWQxMTUyNjU5MTY5NjE2NzNCOTY4NjcwQTU0N2IwZkJFIn0\",\n \"payload\": \"eyJkb21haW4iOiJtb2UtLTMyMzhmYTg0MDU5YzExZjBhYzMzNTY5YzNkZDA2NzQ0LndlYi52YWwucnVuIn0\",\n \"signature\":\n \"MHhjNjc2NTRlMzIzOTA3ZTk4ZDk2OGNiOTNhYmRjMDI0Y2Y3M2MxM2UxNjZmNGY3NjRjZjk4ODJlZTBhZTg4ZjAwNDNkNjRmNjg1YTRmN2MxMjI0YmUyMTZlNjViNTFmYmQ4NDJiYmQ1YzYwMjJkMDZhOGI5MGY3NTQ3NTNmZTExMjFi\",\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}",[],[129,152],["D",1743017177648],[267,268],[129],["D",1743017177648],{"_11":12,"_201":85},{"_11":12,"_197":-5,"_84":85,"_25":83,"_198":199,"_200":24},{"_33":34,"_13":16,"_27":30,"_186":153,"_187":74,"_188":189,"_190":157,"_191":192,"_193":194,"_195":14,"_196":12},"ctx",{"_46":-5,"_223":367,"_368":369,"_370":371,"_372":24,"_373":24,"_374":24,"_375":163,"_376":-5,"_377":-7,"_378":-7,"_379":20,"_380":24,"_381":24,"_382":-5,"_383":24,"_384":24,"_385":24,"_386":-5},"ENV",{"_338":339,"_340":341,"_342":16,"_343":344,"_345":346,"_347":348,"_349":350,"_351":352,"_353":354,"_355":356,"_357":358,"_359":360,"_361":362,"_363":364,"_365":366},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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"]

History