{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\n",[19,96],"c86278d6-7546-11f0-96bf-0224a6c84d84","image.tsx","01988fe3-dcc4-703e-96c9-e98ef858b3bf",["D",1754760731845],"/** @jsxImportSource https://esm.sh/react */\nimport { render } from 'https://deno.land/x/resvg_wasm/mod.ts'\nimport { Hono } from 'npm:hono'\nimport { Mic } from 'npm:lucide-static'\nimport satori from 'npm:satori'\n\nimport { fetchSpace } from '../frontend/util/supabase.ts'\nimport { fetchUsersById } from './neynar.ts'\n\nexport function handleImageEndpoints(app: Hono) {\n const headers = {\n 'Content-Type': 'image/png',\n 'cache-control': 'public, max-age=3600', // 86400\n }\n app.get('/image', async (c) => {\n const channel = c.req.query('channel')\n if (channel) return c.body(await spaceImage(channel), 200, headers)\n return c.body(await homeImage(), 200, headers)\n })\n app.get('/icon', async (c) => {\n const rounded = !!c.req.query('rounded')\n return c.body(await iconImage(rounded), 200, headers)\n })\n}\n\nexport async function homeImage() {\n return await ogImage(\n

Spaces

Tune in to live audio conversations

\n )\n}\n\nexport async function spaceImage(channel: string) {\n const space = await fetchSpace(channel)\n if (!space) return await homeImage()\n\n const users = await fetchUsersById([space.created_by, ...space.hosts, ...space.speakers].join(','))\n\n const hostFids = [space.created_by, ...space.hosts]\n const speakerFids = [...space.speakers]\n const creator = users?.find((u) => u.fid === space?.created_by)\n const speakers = users?.filter((u) => speakerFids.includes(u.fid))\n\n return await ogImage(\n

Space

{space?.name || channel}

\n\n {creator && (\n

Hosted by

{creator?.username}

\n )}\n\n {speakers?.length > 1 && (\n

Speakers

\n {speakers?.slice(0, 15).map((s) => (\n

\n ))}\n

\n )}\n

\n )\n}\n\nexport async function iconImage(rounded = false) {\n const roundedClass = rounded ? 'rounded-[96px]' : ''\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(body, {\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 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}\n",[19,103],"c86270a2-7546-11f0-96bf-0224a6c84d84","farcaster.ts","01988fe3-dcc4-703e-96c9-e65c71682572",["D",1754760731845],"import { Hono } from 'npm:hono'\n\nimport { saveUserNotificationsDetails, sendNotificationToUser } from './farcaster-notifications.ts'\n\nexport const name = 'Spaces'\n// export const iconUrl = \"https://imgur.com/FgHOubn.png\";\n// export const ogImageUrl = \"https://imgur.com/oLCWKFI.png\";\n\nexport function embedMetadata(baseUrl: string, path: string = '/') {\n const channel = path?.startsWith('/space/') ? path.replace('/space/', '') : ''\n return {\n version: 'next',\n imageUrl: baseUrl + '/image' + (channel ? '?channel=' + channel : ''),\n button: {\n title: name,\n action: {\n type: 'launch_frame',\n name: name,\n url: baseUrl + path,\n splashImageUrl: baseUrl + '/icon?rounded=1',\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://spaces.0xmoe.com') {\n accountAssociation = {\n header:\n 'eyJmaWQiOjIwNzMsInR5cGUiOiJjdXN0b2R5Iiwia2V5IjoiMHg0OERCN2U3MWQxMTUyNjU5MTY5NjE2NzNCOTY4NjcwQTU0N2IwZkJFIn0',\n payload: 'eyJkb21haW4iOiJzcGFjZXMuMHhtb2UuY29tIn0',\n signature:\n 'MHhlNGI1Y2NjZjY1YjM2NTAzN2Y5ZTI3YzM5OWUxZmM4NDY5MGQxODM1YTNiMDBiYzNkZmIzMjA3ZGIwOTk2ZjM2NmNkMDdlZTM2YTY1NzBmMDgzMTc1ODEzMzFkZDk4ZjZjOTFjYzhmZjRlNDU2MWY5YTY0ZjExMzUzZmQ0NjgxMzFi',\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?rounded=1',\n splashBackgroundColor: '#111111',\n subtitle: 'Live audio conversations',\n primaryCategory: 'social',\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('[fc-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('[fc-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: `Welcome to ${name}!`,\n body: 'Tune in to live audio conversations',\n targetUrl: baseUrl,\n })\n}\n",[19,109],"c8626da0-7546-11f0-96bf-0224a6c84d84","farcaster-notifications.ts","01988fe3-dcc4-703e-96c9-e100c44eff90",["D",1754760731845],"import { supabase } from '../frontend/util/supabase.ts'\n\nconst table = 'fc_notification_details'\n\nexport async function saveUserNotificationsDetails(fid: number, notificationDetails: any) {\n const { data, error } = await supabase\n .from(table)\n .upsert(\n [\n {\n fid: fid,\n token: notificationDetails.token,\n url: notificationDetails.url,\n updated_at: new Date().toISOString(),\n },\n ],\n {\n onConflict: 'fid',\n }\n )\n console.log('🔔 saveUserNotificationsDetails', fid, notificationDetails, error)\n return data\n}\n\nexport async function getUserNotificationsDetails(fid: number): Promise {\n const { data, error } = await supabase.from(table).select().eq('fid', fid).single()\n return data\n}\n\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 const { data, error } = await supabase.from(table).select()\n if (error) {\n console.error('🔔 sendNotificationToAllUsers: error fetching users', error)\n return\n }\n \n for (const notificationDetails of data) {\n console.log('🔔 sendNotificationToAllUsers', notificationDetails.fid)\n try {\n await sendNotification(notificationDetails, payload)\n } catch (error) {\n console.error('🔔 sendNotificationToAllUsers: error sending to', notificationDetails.fid, error)\n }\n }\n console.log('🔔 sendNotificationToAllUsers: done')\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}\n",[19,115],"badb78ba-7579-11f0-82a1-0224a6c84d84","analytics.tsx","01988fe3-dcc4-703e-96c9-dd499a71c520",15,["D",1754782613485],"/** @jsxImportSource npm:hono/jsx */\nimport { Hono } from 'npm:hono'\n\nimport { name } from './farcaster.ts'\nimport { dbQuery } from './supabase.ts'\n\nexport function handleAnalyticsEndpoints(app: Hono) {\n app.get('/analytics', (c) => c.html(, 200))\n}\n\nasync function Dashboard() {\n // todo: load all data in parallel (postgress connection issue)\n const w = 90\n const title = `${name} · Analytics`\n return (\n \n \n {name} · Analytics\n \n \n \n \n \n

\n          \n             ═══ \n            {title}\n             {''.padEnd(w - title.length - 8, '═')}═ \n          
\n          {'  '.padEnd(w - 2, ' ') + '  '}\n\n          \n            \n            \n            \n          \n          \n            
\n            
\n          \n          \n            \n            
\n          \n        \n      \n    \n  )\n}\n\nfunction Table({ data, title, props, w }) {\n  const renderProp = (item, prop) => {\n    const gap = '   '\n    let text = String(item[prop] || '')\n    if (prop == 'count') return gap + text.padStart(5)\n    if (text.length > w - 18) text = text.slice(0, w - 21) + '...'\n    if (item.link)\n      return (\n        <>\n          \n            {text}\n          \n          {''.padEnd(w - text.length - 18)}\n        \n      )\n    return text.padEnd(w - 18)\n  }\n  const renderRow = (item) => {\n    return <>{props.map((prop) => renderProp(item, prop))}\n  }\n\n  return (\n    \n      \n         ┌── \n        {title}\n         {''.padEnd(w - title.length - 10, '─')}──┐ \n      
\n      \n      {data.map((item, i) => (\n        \n          {' │   '}\n          {renderRow(item)}\n          {'   │ '}\n        
\n      ))}\n      \n      {Array.from({ length: 10 - data.length }, () => (\n        \n      ))}\n      \n         └──{''.padEnd(w - 6, '─')}┘ \n      
\n       
\n    
\n  )\n}\n\nfunction B({ children }) {\n  return {children}\n}\n\nfunction Spacer({ w }) {\n  return (\n    \n      {' │'.padEnd(w - 2, ' ') + '│ '}\n    
\n  )\n}\n\nfunction countUsersByInterval({ intervalFormat = 'YYYY-MM-DD' }) {\n  return analyticsQuery(`\n  select TO_CHAR(created_at, '${intervalFormat}') as interval, COUNT(distinct fid)\n  from analytics_events\n  where created_at >= NOW() - INTERVAL '1 year'\n  group by interval\n  order by interval desc\n  limit 10`)\n}\nfunction topOpenLocations() {\n  return analyticsQuery(`\n  select param, COUNT(*)\n  from analytics_events\n  where created_at >= NOW() - INTERVAL '1 week' and event = 'miniapp_open'\n  group by param\n  order by count desc\n  limit 10`).then(miniappLocationDataTransformer)\n}\nfunction topClients() {\n  return analyticsQuery(`\n  select param, COUNT(*)\n  from analytics_events\n  where created_at >= NOW() - INTERVAL '1 week' and event = 'miniapp_open'\n  group by param\n  order by count desc\n  limit 100`).then(miniappClientDataTransformer)\n}\nfunction topScreens() {\n  return analyticsQuery(`\n  select param, COUNT(*)\n  from analytics_events\n  where created_at >= NOW() - INTERVAL '1 week' and event = 'screen_view'\n  group by param\n  order by count desc\n  limit 10`).then(screenDataTransformer)\n}\nfunction topUsers() {\n  return analyticsQuery(`\n  select fid, COUNT(*)\n  from analytics_events\n  where created_at >= NOW() - INTERVAL '1 week'\n  group by fid\n  order by count desc\n  limit 10`).then(userDataTransformer)\n}\n\nfunction screenDataTransformer(data: any) {\n  return data.map((item: any) => {\n    return {\n      ...item,\n      link: item.param,\n    }\n  })\n}\nfunction userDataTransformer(data: any) {\n  return data.map((item: any) => {\n    return {\n      ...item,\n      link: `https://sonar.val.run/u/fid:${item.fid}`,\n    }\n  })\n}\nfunction miniappLocationDataTransformer(data: any) {\n  return data.map((item: any) => {\n    return {\n      ...item,\n      locationText: getLocationText(item.param),\n      link: getLocationLink(item.param),\n    }\n  })\n}\nfunction miniappClientDataTransformer(data: any) {\n  // map to client then group by client, then convert to array\n  const clients = data\n    .map((item: any) => {\n      return {\n        ...item,\n        client: getClientFidText(JSON.parse(item.param).clientFid),\n      }\n    })\n    .reduce((acc: any, item: any) => {\n      const client = item.client\n      if (!acc[client]) {\n        acc[client] = 0\n      }\n      acc[client] += Number(item.count)\n      return acc\n    }, {})\n  return Object.entries(clients)\n    .map(([client, count]) => ({ client, count: count as number }))\n    .sort((a, b) => b.count - a.count)\n    .slice(0, 10)\n}\n\nfunction getLocationText(param: string) {\n  let locationText = ''\n  if (param) {\n    const location = JSON.parse(param)\n    locationText += '[' + getClientFidText(location.clientFid) + '] '\n\n    locationText +=\n      location.locationType\n        ?.replace('cast_embed', 'cast embed') // 📝\n        .replace('cast_share', 'cast share') // 📝\n        .replace('miniapp_open', 'miniapp open') // 🧩\n        .replace('notification', 'notification') // 🔔\n        .replace('channel', 'channel') // 📡\n        .replace('launcher', 'launcher') || '' // 📱\n\n    if (location.locationId) locationText += `: ${location.locationId}`\n  }\n  return locationText\n}\nfunction getClientFidText(clientFid: any) {\n  if (!clientFid) return `FC `\n  if (clientFid == 9152) return `FC `\n  if (clientFid == 399519) return `TBA`\n  if (clientFid == 309857) return `TBA`\n  if (clientFid == 827605) return `ZAP`\n  return `${clientFid}`\n}\nfunction getLocationLink(param: string) {\n  if (param) {\n    const location = JSON.parse(param)\n    if (location.locationType == 'cast_embed') return `https://sonar.val.run/p/${location.locationId}`\n    if (location.locationType == 'cast_share') return `https://sonar.val.run/p/${location.locationId}`\n  }\n  return ''\n}\n\nasync function analyticsQuery(query: string, args: any[] = []) {\n  const result = await dbQuery(query, args)\n  return safeRows(result.rows)\n}\n\nfunction safeRows(rows: any[]) {\n  return rows.map((row) => {\n    const newRow: Record = {}\n    for (const key in row) {\n      if (typeof row[key] === 'bigint') {\n        newRow[key] = String(row[key])\n      } else {\n        newRow[key] = row[key]\n      }\n    }\n    return newRow\n  })\n}\n",[19,121],"c8625a72-7546-11f0-96bf-0224a6c84d84","agora.ts","01988fe3-dcc4-703e-96c9-d9c29b8c75f5",["D",1754760731845],"import { RtcRole, RtcTokenBuilder } from \"npm:agora-token\";\nimport { Hono } from \"npm:hono\";\n\nexport function handleAgoraEndpoints(app: Hono) {\n  app.get(\"/api/channels\", async (c) => {\n    const appId = Deno.env.get(\"AGORA_APP_ID\");\n    const response = await fetchAgora(`dev/v1/channel/${appId}/`);\n    return c.json(response);\n  });\n\n  app.get(\"/api/token\", async (c) => {\n    const appId = Deno.env.get(\"AGORA_APP_ID\");\n    const appCertificate = Deno.env.get(\"AGORA_APP_CERTIFICATE\");\n    const tokenExpirationInSecond = 24 * 3600;\n    const privilegeExpirationInSecond = 24 * 3600;\n    const role = RtcRole.PUBLISHER;\n\n    // const channelName = \"test\";\n    // const uid = 12345;\n    // get from query string\n    const channelName = c.req.query(\"channel\");\n    const uid = c.req.query(\"uid\");\n    console.log(\"channelName:\", channelName, \"uid:\", uid);\n\n    if (channelName == undefined || channelName == \"\" || uid == undefined || uid == \"\") {\n      return c.json({ error: \"Need to provide channelName and uid\" });\n    }\n    if (uid == 1356) {\n      return c.json({ error: \"error\" });\n    }\n\n    if (appId == undefined || appId == \"\" || appCertificate == undefined || appCertificate == \"\") {\n      return c.json({ error: \"Need to set environment variable AGORA_APP_ID and AGORA_APP_CERTIFICATE\" });\n    }\n\n    const tokenWithUid = RtcTokenBuilder.buildTokenWithUid(\n      appId,\n      appCertificate,\n      channelName,\n      uid,\n      role,\n      tokenExpirationInSecond,\n      privilegeExpirationInSecond,\n    );\n    console.log(\"Token with int uid:\", tokenWithUid);\n\n    return c.json({ token: tokenWithUid });\n  });\n}\n\nconst baseUrl = \"https://api.agora.io/\";\n\nfunction fetchAgora(endpoint: string, options = {}) {\n  const customerKey = Deno.env.get(\"AGORA_CUSTOMER_ID\");\n  const customerSecret = Deno.env.get(\"AGORA_CUSTOMER_SECRET\");\n  const plainCredential = customerKey + \":\" + customerSecret;\n  const encodedCredential = Buffer.from(plainCredential).toString(\"base64\");\n  const authorizationField = \"Basic \" + encodedCredential;\n\n  return fetch(baseUrl + endpoint, {\n    ...options,\n    headers: {\n      ...options.headers,\n      Authorization: authorizationField,\n    },\n  }).then((res) => res.json());\n}",[19,128],"c8628600-7546-11f0-96bf-0224a6c84d84","directory",["D",1754760731845],[19],{"_36":297,"_13":298,"_71":299,"_73":-5,"_75":76,"_77":78,"_79":80,"_38":300,"_17":32,"_82":134,"_84":-5,"_86":54,"_87":-5,"_150":301,"_18":302},{"_36":133,"_13":19,"_71":74,"_73":-5,"_75":76,"_77":78,"_79":80,"_38":262,"_17":32,"_82":134,"_84":-5,"_86":54,"_87":-5,"_150":263,"_18":264},{"_36":174,"_13":175,"_71":176,"_73":-5,"_75":76,"_77":78,"_79":80,"_38":177,"_17":32,"_82":134,"_84":-5,"_86":54,"_87":-5,"_150":178,"_18":179},{"_36":167,"_13":168,"_71":169,"_73":-5,"_75":76,"_77":78,"_79":80,"_38":170,"_17":32,"_82":24,"_84":171,"_86":54,"_87":-5,"_150":172,"_18":173},{"_36":160,"_13":161,"_71":162,"_73":-5,"_75":76,"_77":78,"_79":80,"_38":163,"_17":32,"_82":24,"_84":164,"_86":54,"_87":-5,"_150":165,"_18":166},{"_36":153,"_13":154,"_71":155,"_73":-5,"_75":76,"_77":78,"_79":80,"_38":156,"_17":32,"_82":24,"_84":157,"_86":54,"_87":-5,"_150":158,"_18":159},{"_36":144,"_13":145,"_71":146,"_73":-5,"_75":76,"_77":147,"_79":80,"_38":148,"_17":78,"_82":24,"_84":149,"_86":54,"_87":-5,"_150":151,"_18":152},"89b5edc8-756b-11f0-8ebf-0224a6c84d84","todo.txt","01988fe3-dcc4-703e-96ca-3bf29a0f6a38",12,["D",1754776518060],"notifications to followers on space start\nschedule space\n","children",[],[145],"c862c58e-7546-11f0-96bf-0224a6c84d84","deno.json","01988fe3-dcc4-703e-96ca-375438edb929",["D",1754760731845],"{\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        \"no-unused-vars\",\n        \"no-window\",\n        \"no-empty-pattern\"\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}",[],[154],"c862c30e-7546-11f0-96bf-0224a6c84d84","README.md","01988fe3-dcc4-703e-96ca-3389fc761afd",["D",1754760731845],"# 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.",[],[161],"c862c1ba-7546-11f0-96bf-0224a6c84d84",".vtignore","01988fe3-dcc4-703e-96ca-2ed01c612dab",["D",1754760731845],".git\n.DS_Store\nnode_modules\nvendor",[],[168],"c862c070-7546-11f0-96bf-0224a6c84d84","frontend","01988fe3-dcc4-703e-96ca-29ba290bd92a",["D",1754760731845],[180,181,182,183,184],[175],{"_36":240,"_13":241,"_71":242,"_73":176,"_75":76,"_77":78,"_79":80,"_38":243,"_17":32,"_82":134,"_84":-5,"_86":54,"_87":-5,"_150":244,"_18":245},{"_36":218,"_13":219,"_71":220,"_73":176,"_75":76,"_77":78,"_79":80,"_38":221,"_17":32,"_82":134,"_84":-5,"_86":54,"_87":-5,"_150":222,"_18":223},{"_36":198,"_13":199,"_71":200,"_73":176,"_75":76,"_77":78,"_79":80,"_38":201,"_17":32,"_82":134,"_84":-5,"_86":54,"_87":-5,"_150":202,"_18":203},{"_36":191,"_13":192,"_71":193,"_73":176,"_75":76,"_77":78,"_79":80,"_38":194,"_17":32,"_82":83,"_84":195,"_86":54,"_87":-5,"_150":196,"_18":197},{"_36":185,"_13":96,"_71":186,"_73":176,"_75":76,"_77":78,"_79":80,"_38":187,"_17":32,"_82":83,"_84":188,"_86":54,"_87":-5,"_150":189,"_18":190},"c862bf1c-7546-11f0-96bf-0224a6c84d84","01988fe3-dcc4-703e-96ca-2434ce91cb30",["D",1754760731845],"/** @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);",[],[175,96],"c862bd5a-7546-11f0-96bf-0224a6c84d84","App.tsx","01988fe3-dcc4-703e-96ca-20b70e218205",["D",1754760731845],"/** @jsxImportSource https://esm.sh/react@19 */\nimport fcsdk from 'https://esm.sh/@farcaster/frame-sdk'\nimport { NavLink, Route, Routes } from 'https://esm.sh/react-router@7'\nimport { useEffect, useState } from 'https://esm.sh/react@19'\n\nimport { Analytics } from \"./components/Analytics.tsx\"\nimport { Home } from './screens/Home.tsx'\nimport { Space } from './screens/Space.tsx'\n\nexport function App() {\n  const [context, setContext] = useState()\n  useEffect(() => {\n    fcsdk.actions.ready()\n    fcsdk.context.then(setContext)\n    fcsdk.actions.addFrame().catch(console.log)\n  }, [])\n\n  return (\n    \n      \n        } />\n        } />\n        } />\n      \n      \n    
\n  )\n}\n\nfunction About() {\n  return About page
\n}\n\n",[],[175,192],"c862b742-7546-11f0-96bf-0224a6c84d84","util","01988fe3-dcc4-703e-96ca-1e411814aba6",["D",1754760731845],[204,205],[175,199],{"_36":212,"_13":90,"_71":213,"_73":200,"_75":76,"_77":78,"_79":80,"_38":214,"_17":32,"_82":83,"_84":215,"_86":54,"_87":-5,"_150":216,"_18":217},{"_36":206,"_13":70,"_71":207,"_73":200,"_75":76,"_77":78,"_79":80,"_38":208,"_17":32,"_82":83,"_84":209,"_86":54,"_87":-5,"_150":210,"_18":211},"c862b5e4-7546-11f0-96bf-0224a6c84d84","01988fe3-dcc4-703e-96ca-187a6a22ebf2",["D",1754760731845],"import { createClient } from 'https://esm.sh/@supabase/supabase-js'\n\nexport const supabase = createClient(\n  'https://jfdnoveuufyggaezifgz.supabase.co',\n  'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6ImpmZG5vdmV1dWZ5Z2dhZXppZmd6Iiwicm9sZSI6ImFub24iLCJpYXQiOjE3NDY0NjEzODEsImV4cCI6MjA2MjAzNzM4MX0.mch0JzFzHCwZkiPqmSK71u3Ns5A_O7aqTR40X3H8DJg'\n)\n\nexport async function sendAnalyticsEvent(payload: {\n  event: string\n  param?: string\n  fid?: number\n  platform?: string\n}) {\n  try {\n    // console.log('📈', payload)\n    const { data, error } = await supabase.from('analytics_events').insert([payload])\n    if (error) throw error\n    return data\n  } catch (error) {\n    console.error('sendAnalyticsEvent error:', error)\n  }\n}\n\nexport const fetchSpace = async (id: string) => {\n  const { data, error } = await supabase.from('spaces').select().eq('id', id).single()\n  // console.log('🗄️ space', data, error)\n  return data\n}\n",[],[175,199,70],"c862b454-7546-11f0-96bf-0224a6c84d84","01988fe3-dcc4-703e-96ca-1793c5181be5",["D",1754760731845],"const baseUrl = \"/neynar-proxy?path=\";\n// const baseUrl = \"https://api.neynar.com/v2/farcaster/\";\n\nexport async function fetchNeynarGet(path: string) {\n  const res = await fetch(baseUrl + encodeURIComponent(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 async function fetchNeynarGetPages(path: string, pages: number, dataKey: string) {\n  let data: any = [];\n  let cursor = \"\";\n  let pagesLeft = pages;\n  while (true) {\n    const res = await fetchNeynarGet(`${path}&cursor=${cursor}`);\n    data = [...data, ...res[dataKey]];\n    cursor = res?.next?.cursor;\n    pagesLeft--;\n    if (!cursor || pagesLeft <= 0) {\n      break;\n    }\n  }\n  return {\n    [dataKey]: data,\n  };\n}\n\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: string[]) {\n  return fetchNeynarGet(\n    `feed/channels?channel_ids=${channelIds.join(\",\")}&with_recasts=false&limit=100`,\n  ).then(r => r.casts);\n}",[],[175,199,90],"c862b2ec-7546-11f0-96bf-0224a6c84d84","screens","01988fe3-dcc4-703e-96ca-11df929e6eee",["D",1754760731845],[224,225],[175,219],{"_36":233,"_13":234,"_71":235,"_73":220,"_75":76,"_77":78,"_79":80,"_38":236,"_17":32,"_82":83,"_84":237,"_86":54,"_87":-5,"_150":238,"_18":239},{"_36":226,"_13":227,"_71":228,"_73":220,"_75":76,"_77":34,"_79":80,"_38":229,"_17":147,"_82":83,"_84":230,"_86":54,"_87":-5,"_150":231,"_18":232},"97e7b81c-756c-11f0-aef3-0224a6c84d84","Space.tsx","01988fe3-dcc4-703e-96ca-0f1d51338086",["D",1754776971388],"/** @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 { AudioLines, Mic, MicOff, LoaderCircle } from 'https://esm.sh/lucide-react@0.510.0'\nimport { NavLink, Route, Routes, useNavigate, useParams } from 'https://esm.sh/react-router@7'\nimport { use, useEffect, useRef, useState } from 'https://esm.sh/react@19'\n\nimport { Button, Input, Section, ShareButton, Sheet } from '../components/ui.tsx'\nimport { fetchUsersById } from '../util/neynar.ts'\nimport { supabase, fetchSpace } from '../util/supabase.ts'\n\nimport {\n  LocalUser, // Plays the microphone audio track and the camera video track\n  RemoteUser, // Plays the remote user audio and video tracks\n  useIsConnected, // Returns whether the SDK is connected to Agora's server\n  useJoin, // Automatically join and leave a channel on mount and unmount\n  useLocalCameraTrack, // Create a local camera video track\n  useLocalMicrophoneTrack, // Create a local microphone audio track\n  usePublish, // Publish the local tracks\n  useRemoteUsers, // Retrieve the list of remote users\n} from 'https://esm.sh/agora-rtc-react'\nimport AgoraRTC, { AgoraRTCProvider } from 'https://esm.sh/agora-rtc-react'\n\nconst client = AgoraRTC.createClient({ mode: 'live', codec: 'vp8', role: 'host' })\n// client.setClientRole(\"host\");\n\nexport function Space() {\n  return (\n    \n      \n        \n      \n    
\n  )\n}\n\nconst Basics = () => {\n  const [context, setContext] = useState()\n  useEffect(() => {\n    fcsdk.context.then(setContext)\n  }, [])\n  const uid = context?.user?.fid || 0\n\n  const { id } = useParams()\n\n  const { data: space, isLoading } = useQuery({ queryKey: ['space', id], queryFn: () => fetchSpace(id) })\n\n  const [calling, setCalling] = useState(false)\n  const isConnected = useIsConnected()\n  const [token, setToken] = useState('')\n  const channel = id\n\n  // console.log(\"Basics\", name, calling, isConnected);\n\n  const onShare = () => {\n    if (!context) return\n    const text = `Join me in this audio space!\\n\\n${space?.name || channel}\\n\\ncc @moe`\n    fcsdk?.actions?.composeCast?.({ text, embeds: [window.location.href] })\n  }\n\n  if (isLoading) {\n    return (\n      \n        \n      
\n    )\n  }\n\n  if (!space) {\n    return (\n      \n        Space not found
\n      
\n    )\n  }\n\n  return (\n    <>\n      \n\n      \n        {calling ? (\n          \n        ) : (\n          \n        )}\n      
\n\n      \n        Share this space with friends
\n        \n          \n          {context && (\n            \n          )}\n        
\n      
\n    \n  )\n}\n\nfunction SpaceHeader({ channel }: any) {\n  const navigate = useNavigate()\n\n  const [context, setContext] = useState()\n  useEffect(() => {\n    fcsdk.context.then(setContext)\n  }, [])\n\n  // const onShare = () => {\n  //   if (!context) return\n  //   const text = `Join me in this audio space!\\n\\n${channel}\\n\\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         navigate('/')}>\n          \n          Spaces
\n        
\n        {channel}
\n      
\n      {/* {false && } */}\n    
\n  )\n}\n\nfunction Lobby({ channel, space, uid, setCalling, setToken }: any) {\n  // console.log(\"Lobby\", channel);\n  const { data: creator } = useUser(space?.created_by)\n\n  const queryFn = () =>\n    fetch(`/api/channels`)\n      .then((r) => r.json())\n      .then((r) => r?.data?.channels?.find((c) => c.channel_name == channel))\n  const { data: agoraChannel } = useQuery({ queryKey: ['agoraChannel', channel], queryFn })\n  console.log('agoraChannel', agoraChannel)\n\n  const join = async () => {\n    const response = await fetch(`/api/token?channel=${channel}&uid=${uid}`).then((r) => r.json())\n    console.log('response', response)\n    setToken(response.token)\n    setCalling(true)\n  }\n\n  return (\n    <>\n      \n        {creator && (\n          \n            Hosted by
\n            \n               fcsdk.actions.viewProfile({ fid: creator.fid })}\n              />\n              {creator?.username}
\n            
\n          
\n        )}\n        {agoraChannel?.user_count > 1 && (\n          \n            {agoraChannel?.user_count} users
\n          
\n        )}\n        \n      
\n    \n  )\n}\n\nfunction Room({ channel, token, uid, calling, setCalling }: any) {\n  // console.log(\"Room\", channel, calling, setCalling);\n\n  // const [calling, setCalling] = useState(false);\n  const isConnected = useIsConnected()\n  const [appId, setAppId] = useState('1e46ee7dda94477c833739c1fc1f8d38')\n  // const [channel, setChannel] = useState(\"test\");\n\n  const { data: localUserId } = useJoin({ appid: appId, channel, token, uid }, calling)\n\n  const [micOn, setMic] = useState(false)\n  const { localMicrophoneTrack } = useLocalMicrophoneTrack(micOn)\n  usePublish([localMicrophoneTrack])\n\n  const remoteUsers = useRemoteUsers()\n  const activeSpeakerUid = useActiveSpeakerUid({ isConnected })\n\n  const { space, toggleHost, toggleSpeaker } = useSpace(channel)\n  // console.log('🟢 space', space)\n\n  const localUserIsCreator = space?.created_by === localUserId\n  const localUserIsHost = space?.hosts?.includes(localUserId)\n  const localUserIsSpeaker = space?.speakers?.includes(localUserId)\n\n  useEffect(() => {\n    if (!localUserIsSpeaker) setMic(false)\n  }, [localUserIsSpeaker])\n\n  const { receivedEmojis, sendEmoji } = useEmojis(channel)\n  // console.log('🔴🔴🔴', receivedEmojis, localUserId)\n\n  const localUserProps = {\n    uid: localUserId,\n    space,\n    muted: !micOn,\n    speaking: activeSpeakerUid === localUserId,\n    receivedEmojis,\n  }\n\n  const getRemoteUserProps = (user: any) => ({\n    uid: user.uid,\n    key: user.uid,\n    space,\n    muted: !user?.hasAudio,\n    speaking: activeSpeakerUid === user.uid,\n    toggleHost: localUserIsHost ? toggleHost : undefined,\n    toggleSpeaker: localUserIsHost ? toggleSpeaker : undefined,\n    receivedEmojis,\n  })\n\n  const [showEmojiBar, setShowEmojiBar] = useState(false)\n  const emojis = ['❤️', '🎉', '🔥', '😂', '😢', '👍', '👎']\n\n  return (\n    <>\n      {isConnected && (\n        \n          \n            {localUserIsSpeaker && (\n              \n                \n              
\n            )}\n            \n            \n            \n          
\n          {showEmojiBar && \n            {emojis.map((emoji) => (\n               sendEmoji(emoji, localUserId)}>\n                {emoji}\n              
\n            ))}\n          
}\n        
\n      )}\n\n      \n        \n          \n            \n          \n          {remoteUsers.map((user) => (\n            \n              \n            \n          ))}\n        
\n        \n          \n            \n          \n          {remoteUsers.map((user) => (\n            \n              \n            \n          ))}\n        
\n      
\n    \n  )\n}\n\nfunction User({\n  uid,\n  muted,\n  speaking,\n  space,\n  toggleHost,\n  toggleSpeaker,\n  receivedEmojis,\n  onlySpeakers,\n  onlyListeners,\n  ...props\n}: any) {\n  const { data: user } = useUser(uid)\n  // console.log(\"User\", uid, user);\n\n  const image =\n    user?.pfp_url ||\n    userImageUrl(uid) ||\n    'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAA1JREFUGFdjmD59ugIABXQB5tNl2LwAAAAASUVORK5CYII='\n\n  const goToProfile = (uid) => {\n    console.log('goToProfile', uid)\n    fcsdk?.actions?.viewProfile({ fid: uid }).catch(console.error)\n  }\n  const tipProfile = async () => {\n    if (!user) return\n    await fcsdk.actions.sendToken?.({\n      token: 'eip155:8453/erc20:0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913',\n      amount: '250000',\n      recipientFid: uid,\n    })\n  }\n\n  const [showMenu, setShowMenu] = useState(false)\n\n  const userIsCreator = space?.created_by === uid\n  const userIsHost = space?.hosts?.includes(uid)\n  const userIsSpeaker = space?.speakers?.includes(uid)\n\n  if (onlySpeakers && !userIsSpeaker) return null\n  if (onlyListeners && userIsSpeaker) return null\n\n  const userEmoji = receivedEmojis.find((emoji) => emoji.uid === uid && emoji.timestamp > Date.now() - 1000 * 5)\n\n  return (\n    \n      \n         setShowMenu(true)}\n        />\n        {muted && onlySpeakers && }\n        {speaking && }\n        {userEmoji && }\n      
\n      {user?.username || uid}
\n      \n        {userIsHost ? 'Host' : userIsSpeaker ? 'Speaker' : ''}\n      
\n      {props.children}
\n\n      \n        \n           setShowMenu(true)}\n          />\n          {user?.username || uid}
\n        
\n        {toggleHost && !userIsCreator && (\n          <>\n            \n          \n        )}\n        {toggleSpeaker && !userIsHost && (\n          <>\n            \n          \n        )}\n        \n        {user && (\n          \n        )}\n      \n    
\n  )\n}\n\nfunction Indicator({ Icon, color }: any) {\n  return (\n    \n      \n    \n  )\n}\nfunction Emoji({ emoji, color }: any) {\n  return (\n    \n      {emoji}
\n    
\n  )\n}\n\n//////////\n\nfunction useUser(uid: number) {\n  return useQuery({\n    queryKey: ['user', uid],\n    queryFn: () => getUserByUid(uid),\n    staleTime: 1000 * 60 * 60 * 1,\n  })\n}\n\nasync function getUserByUid(uid?: number) {\n  if (!uid) return null\n  if (uid > 2_000_000) return null\n  return await fetchUsersById(`${uid}`).then((users) => users?.[0])\n}\n\nfunction userImageUrl(address) {\n  if (!address) return null\n  return 'https://cdn.stamp.fyi/avatar/' + address + '?s=140'\n}\n\nfunction useActiveSpeakerUid({ isConnected }) {\n  const [activeSpeakerUid, setActiveSpeakerUid] = useState()\n  useEffect(() => {\n    if (isConnected) {\n      client.enableAudioVolumeIndicator()\n      client.on('volume-indicator', (volumes) => setActiveSpeakerUid(getActiveSpeakerUid(volumes)))\n    }\n  }, [isConnected])\n  return activeSpeakerUid\n}\n\nfunction getActiveSpeakerUid(volumes) {\n  if (!volumes || volumes.length === 0) return undefined\n  const topSpeaker = volumes?.reduce((prev, current) => (prev.level > current.level ? prev : current))\n  // console.log(\"volumes\", volumes, topSpeaker);\n  if (topSpeaker?.level > 40) return topSpeaker.uid\n  else return undefined\n}\n\nfunction useSpace(id: string) {\n  const [space, setSpace] = useState()\n\n  useEffect(() => {\n    fetchSpace(id).then(setSpace)\n\n    const changes = supabase\n      .channel('table-db-changes')\n      .on(\n        'postgres_changes',\n        {\n          event: '*',\n          schema: 'public',\n          table: 'spaces',\n          filter: `id=eq.${id}`,\n        },\n        (payload) => {\n          console.log('🗄️ realtime spaces', payload)\n          setSpace(payload.new)\n        }\n      )\n      .subscribe()\n  }, [])\n\n  const toggleHost = async (uid) => {\n    console.log('toggleHost', uid)\n    const hosts = space?.hosts || []\n    const newHosts = hosts.includes(uid) ? hosts.filter((s) => s !== uid) : [...hosts, uid]\n    const { data, error } = await supabase.from('spaces').update({ hosts: newHosts }).eq('id', id)\n    console.log('toggleHost', data, error)\n  }\n\n  const toggleSpeaker = async (uid) => {\n    console.log('toggleSpeaker', uid)\n    const speakers = space?.speakers || []\n    const newSpeakers = speakers.includes(uid) ? speakers.filter((s) => s !== uid) : [...speakers, uid]\n    const { data, error } = await supabase.from('spaces').update({ speakers: newSpeakers }).eq('id', id)\n    console.log('toggleSpeaker', data, error)\n  }\n\n  const hosts = space ? [...space?.hosts, space?.created_by].filter(Boolean) : []\n  const speakers = space ? [...space?.speakers, ...space?.hosts, space?.created_by].filter(Boolean) : []\n\n  return { space: { ...space, hosts, speakers }, toggleHost, toggleSpeaker }\n}\n\nfunction useEmojis(id: string) {\n  const [receivedEmojis, setEmojis] = useState([])\n  const channelRef = useRef(null)\n\n  useEffect(() => {\n    // channelRef.current?.unsubscribe()\n    channelRef.current = supabase\n      .channel(id, { config: { broadcast: { self: true } } })\n      .on('broadcast', { event: 'emoji' }, onBroadcast)\n      .subscribe((status, error) => {\n        console.log('🔴🔴🔴 emoji channel status', status, error)\n      })\n\n    return () => {\n      supabase.removeChannel(channelRef.current)\n      // channelRef.current?.unsubscribe()\n      channelRef.current = null\n    }\n  }, [id])\n\n  const onBroadcast = (data) => {\n    // console.log('onBroadcast', data)\n    setEmojis((prev) => [data.payload, ...prev].slice(0, 100))\n  }\n\n  const sendEmoji = (emoji, uid) =>\n    channelRef.current?.send({\n      type: 'broadcast',\n      event: 'emoji',\n      payload: { emoji, uid, timestamp: Date.now() },\n    })\n\n  return { receivedEmojis, sendEmoji }\n}\n",[],[175,219,227],"c8629a96-7546-11f0-96bf-0224a6c84d84","Home.tsx","01988fe3-dcc4-703e-96ca-0ade7c079eba",["D",1754760731845],"/** @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@0.510.0'\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, ShareButton } from '../components/ui.tsx'\nimport { fetchUsersById } from '../util/neynar.ts'\nimport { supabase } from '../util/supabase.ts'\n\nexport function Home() {\n  const [context, setContext] = useState()\n  useEffect(() => {\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    \n      \n        \n        Spaces
\n        {context && }\n      
\n\n      \n      
\n      \n    
\n  )\n}\n\nfunction Spaces() {\n  const queryFn = async () => {\n    const agoraChannels = await fetch(`/api/channels`)\n      .then((r) => r.json())\n      .then((r) => r?.data?.channels)\n    const { data: dbSpaces, error } = await supabase.from('spaces').select().limit(1000)\n\n    const results = agoraChannels.map((channel: any) => {\n      const space = dbSpaces.find((space: any) => space.id == channel.channel_name)\n      return { ...channel, ...(space || {}) }\n    })\n\n    console.log('Spaces', agoraChannels, dbSpaces, results)\n    return results\n  }\n  const { data: spaces } = useQuery({ queryKey: ['spaces'], queryFn })\n\n  if (!spaces) {\n    return (\n      \n        \n      
\n    )\n  }\n\n  if (spaces.length == 0) {\n    return (\n      \n        No live spaces
\n      
\n    )\n  }\n\n  return (\n    \n      {spaces?.map((space: any) => (\n        \n      ))}\n    
\n  )\n}\n\nfunction Space({ space }: any) {\n  const navigate = useNavigate()\n\n  return (\n    \n      \n        {space.name || space.channel_name}
\n        \n          {space.user_count} user{space.user_count == 1 ? '' : 's'}\n        
\n      
\n      \n    
\n  )\n}\n\nfunction CreateForm({}) {\n  const [context, setContext] = useState()\n  useEffect(() => {\n    fcsdk.context.then(setContext)\n  }, [])\n\n  const navigate = useNavigate()\n  const [name, setName] = useState('')\n\n  const onCreate = async () => {\n    const id = Math.random().toString(36).substring(2, 12)\n    const { error } = await supabase.from('spaces').insert({ id: id, name: name, created_by: context?.user?.fid })\n    navigate(`/space/${encodeURIComponent(id)}`)\n  }\n\n  return (\n    \n       setName(e.target.value)}\n        placeholder=\"Space Title\"\n        autoCapitalize=\"on\"\n        autoCorrect=\"on\"\n        type=\"text\"\n        value={name}\n      />\n      \n    
\n  )\n}\n",[],[175,219,234],"c86298f2-7546-11f0-96bf-0224a6c84d84","components","01988fe3-dcc4-703e-96ca-06f9c06a5704",["D",1754760731845],[246,247],[175,241],{"_36":255,"_13":256,"_71":257,"_73":242,"_75":76,"_77":78,"_79":80,"_38":258,"_17":32,"_82":83,"_84":259,"_86":54,"_87":-5,"_150":260,"_18":261},{"_36":248,"_13":249,"_71":250,"_73":242,"_75":76,"_77":78,"_79":80,"_38":251,"_17":32,"_82":83,"_84":252,"_86":54,"_87":-5,"_150":253,"_18":254},"c862890c-7546-11f0-96bf-0224a6c84d84","ui.tsx","01988fe3-dcc4-703e-96ca-0130bd8de6dd",["D",1754760731845],"/** @jsxImportSource https://esm.sh/react@19 */\nimport { ArrowLeft, Share } from \"https://esm.sh/lucide-react@0.510.0\";\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-2 border-transparent dark:bg-neutral-100 text-neutral-100 dark:text-neutral-900 \";\n  if (props.variant === \"outline\") {\n    variantStyles =\n      \"bg-transparent border-2 border-neutral-400/40 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\">{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}\n\nexport function Sheet({ children, showSheet, setShowSheet }: any) {\n  return (\n    <>\n      {showSheet && (\n        <div\n          className=\"absolute top-0 left-0 w-full h-full bg-neutral-100/80 dark:bg-neutral-900/80 z-10\"\n          onClick={() => setShowSheet(false)}\n        >\n          <div className=\"absolute bottom-0 left-0 w-full bg-white dark:bg-black rounded-t-3xl pb-8\">\n            <div className=\"flex flex-col items-stretch gap-3 max-w-2xl mx-auto p-5\">{children}</div>\n          </div>\n        </div>\n      )}\n    </>\n  )\n}\n",[],[175,241,249],"c8628754-7546-11f0-96bf-0224a6c84d84","Analytics.tsx","01988fe3-dcc4-703e-96c9-ffe0a6705046",["D",1754760731845],"/** @jsxImportSource https://esm.sh/react@19 */\nimport fcsdk from 'https://esm.sh/@farcaster/frame-sdk'\nimport { useLocation } from 'https://esm.sh/react-router@7'\nimport { useEffect, useState } from 'https://esm.sh/react@19'\n\nimport { sendAnalyticsEvent } from '../util/supabase.ts'\n\nexport const Analytics = ({}) => {\n  const [context, setContext] = useState<any>()\n  useEffect(() => {\n    fcsdk.context.then(setContext)\n  }, [])\n\n  const user = context?.user\n\n  const analyticsEvent = (event: string, param?: string) => {\n    return sendAnalyticsEvent({ event, param, fid: user?.fid, platform: context ? 'miniapp' : 'web' })\n  }\n\n  useEffect(() => {\n    if (!user?.fid) return\n    // analyticsEvent('app_open', undefined)\n    if (context) analyticsEvent('miniapp_open', JSON.stringify(fcMiniAppContextData(context)))\n  }, [user?.fid])\n\n  const location = useLocation()\n  const path = location.pathname\n  let cleanedPath = path\n  if (cleanedPath && cleanedPath?.length > 1 && cleanedPath?.endsWith('/')) cleanedPath = cleanedPath.slice(0, -1)\n\n  useEffect(() => {\n    if (!user?.fid) return\n    analyticsEvent('screen_view', cleanedPath)\n  }, [cleanedPath, user?.fid])\n\n  return null\n}\n\nconst fcMiniAppContextData = (context: any) => {\n  const location: any = {\n    // ...context?.location,\n    clientFid: context?.client?.clientFid,\n    locationType: context?.location?.type,\n  }\n  if (context?.location?.type == 'cast_embed') location.locationId = context?.location.cast?.hash\n  if (context?.location?.type == 'notification') location.locationId = context?.location?.notification?.title\n  return location\n}\n",[],[175,241,256],["D",1754760731845],[265,266,267,268,269,270,271,272],[19],{"_36":127,"_13":128,"_71":129,"_73":74,"_75":76,"_77":78,"_79":80,"_38":294,"_17":32,"_82":83,"_84":131,"_86":54,"_87":-5,"_150":295,"_18":296},{"_36":120,"_13":121,"_71":122,"_73":74,"_75":76,"_77":123,"_79":80,"_38":291,"_17":78,"_82":83,"_84":125,"_86":54,"_87":-5,"_150":292,"_18":293},{"_36":114,"_13":115,"_71":116,"_73":74,"_75":76,"_77":78,"_79":80,"_38":288,"_17":32,"_82":83,"_84":118,"_86":54,"_87":-5,"_150":289,"_18":290},{"_36":108,"_13":109,"_71":110,"_73":74,"_75":76,"_77":78,"_79":80,"_38":285,"_17":32,"_82":83,"_84":112,"_86":54,"_87":-5,"_150":286,"_18":287},{"_36":102,"_13":103,"_71":104,"_73":74,"_75":76,"_77":78,"_79":80,"_38":282,"_17":32,"_82":83,"_84":106,"_86":54,"_87":-5,"_150":283,"_18":284},{"_36":95,"_13":96,"_71":97,"_73":74,"_75":76,"_77":78,"_79":80,"_38":279,"_17":32,"_82":99,"_84":100,"_86":54,"_87":-5,"_150":280,"_18":281},{"_36":89,"_13":90,"_71":91,"_73":74,"_75":76,"_77":78,"_79":80,"_38":276,"_17":32,"_82":83,"_84":93,"_86":54,"_87":-5,"_150":277,"_18":278},{"_36":69,"_13":70,"_71":72,"_73":74,"_75":76,"_77":78,"_79":80,"_38":273,"_17":32,"_82":83,"_84":85,"_86":54,"_87":-5,"_150":274,"_18":275},["D",1754760731845],[],[19,70],["D",1754760731845],[],[19,90],["D",1754760731845],[],[19,96],["D",1754760731845],[],[19,103],["D",1754760731845],[],[19,109],["D",1754760731845],[],[19,115],["D",1754782613485],[],[19,121],["D",1754760731845],[],[19,128],"c8625838-7546-11f0-96bf-0224a6c84d84",".vscode","01988fe3-dcc4-703e-96c9-d50664d0a0b2",["D",1754760731845],[303],[298],{"_36":304,"_13":305,"_71":306,"_73":299,"_75":76,"_77":78,"_79":80,"_38":307,"_17":32,"_82":24,"_84":308,"_86":54,"_87":-5,"_150":309,"_18":310},"c8624d5c-7546-11f0-96bf-0224a6c84d84","tasks.json","01988fe3-dcc4-703e-96c9-d0862f9a64c0",["D",1754760731845],"{\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",[],[298,305],["D",1743812646130],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","6354d4b9-fd24-49d9-a600-cf17a1a9cf30","pinnedFileId","7d592e9d-3b16-400a-8841-13f108cf24d3","pinPreview","pinMigrated","screenshotVersion",665,"likeCount","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_354":350},"org",{"_11":12,"_348":-5,"_349":350,"_316":317,"_351":352,"_353":54},"branch",{"_17":123,"_13":16,"_36":76,"_43":44,"_46":37,"_48":344,"_345":56,"_346":44,"_347":59,"_60":14,"_57":12},745,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yanFDd29JUGxvVEl1YVVlcHJiV2VYMUxFWjkifQ","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":44,"_13":14,"_38":492,"_52":-5,"_312":54,"_55":56,"_313":56,"_314":-5,"_315":-5,"_316":317,"_318":319,"_320":80,"_321":-5,"_322":323,"_324":32,"_58":59,"_325":-5,"_326":-5,"_327":-5,"_328":-5,"_329":330,"_331":330,"_332":333,"_334":333,"_335":333,"_336":330,"_337":330,"_338":493,"_340":494,"_342":495,"_53":54},[411,413,422,434,435,436,437],"files",[411,412,413,414,415,416,417,418,419,420,421,422,423,424,425,426,427,428,429,430,431,432,433,434,435,436,437],"counts",{"_400":32,"_401":402,"_403":78,"_35":404,"_405":406},[384,385,386,387,388,389,390,391],{"_36":133,"_13":19,"_71":74,"_73":-5,"_75":76,"_77":78,"_79":80,"_38":382,"_17":32,"_82":134,"_84":-5,"_86":54,"_87":-5,"_18":383},"upstreamProject",{"_36":378,"_13":379,"_314":380,"_315":-5,"_55":56,"_338":381},"upstreamBranch",{"_36":37,"_38":376,"_40":377,"_13":42,"_43":44,"_17":45,"_46":47,"_48":49,"_50":51,"_52":-5,"_53":54,"_55":56,"_57":12,"_58":59,"_60":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1743812646130],["D",1760630466217],"321956b6-059c-11f0-aa46-569c3dd06744","MiniAppStarter","Hono + React + Tailwind + Farcaster Mini App Starter Project",{"_11":12,"_354":350},["D",1754760731845],[19],{"_36":127,"_13":128,"_71":129,"_73":74,"_75":76,"_77":78,"_79":80,"_38":130,"_17":32,"_82":83,"_84":131,"_86":54,"_87":-5,"_18":399},{"_36":120,"_13":121,"_71":122,"_73":74,"_75":76,"_77":123,"_79":80,"_38":124,"_17":78,"_82":83,"_84":125,"_86":54,"_87":-5,"_18":398},{"_36":114,"_13":115,"_71":116,"_73":74,"_75":76,"_77":78,"_79":80,"_38":117,"_17":32,"_82":83,"_84":118,"_86":54,"_87":-5,"_18":397},{"_36":108,"_13":109,"_71":110,"_73":74,"_75":76,"_77":78,"_79":80,"_38":111,"_17":32,"_82":83,"_84":112,"_86":54,"_87":-5,"_18":396},{"_36":102,"_13":103,"_71":104,"_73":74,"_75":76,"_77":78,"_79":80,"_38":105,"_17":32,"_82":83,"_84":106,"_86":54,"_87":-5,"_18":395},{"_36":95,"_13":96,"_71":97,"_73":74,"_75":76,"_77":78,"_79":80,"_38":98,"_17":32,"_82":99,"_84":100,"_86":54,"_87":-5,"_18":394},{"_36":89,"_13":90,"_71":91,"_73":74,"_75":76,"_77":78,"_79":80,"_38":92,"_17":32,"_82":83,"_84":93,"_86":54,"_87":-5,"_18":393},{"_36":69,"_13":70,"_71":72,"_73":74,"_75":76,"_77":78,"_79":80,"_38":81,"_17":32,"_82":83,"_84":85,"_86":54,"_87":-5,"_18":392},[19,70],[19,90],[19,96],[19,103],[19,109],[19,115],[19,121],[19,128],"pulls","branches",2,"forks",{"_407":409,"_410":32},"connections",{"_407":32,"_408":32},"count","unfilledCount",7,"emptyCount",{"_36":297,"_13":298,"_71":299,"_73":-5,"_75":76,"_77":78,"_79":80,"_38":300,"_17":32,"_82":134,"_84":-5,"_86":54,"_87":-5,"_150":490,"_18":491},{"_36":304,"_13":305,"_71":306,"_73":299,"_75":76,"_77":78,"_79":80,"_38":307,"_17":32,"_82":24,"_84":308,"_86":54,"_87":-5,"_150":488,"_18":489},{"_36":133,"_13":19,"_71":74,"_73":-5,"_75":76,"_77":78,"_79":80,"_38":262,"_17":32,"_82":134,"_84":-5,"_86":54,"_87":-5,"_150":486,"_18":487},{"_36":127,"_13":128,"_71":129,"_73":74,"_75":76,"_77":78,"_79":80,"_38":294,"_17":32,"_82":83,"_84":131,"_86":54,"_87":-5,"_150":484,"_18":485},{"_36":120,"_13":121,"_71":122,"_73":74,"_75":76,"_77":123,"_79":80,"_38":291,"_17":78,"_82":83,"_84":125,"_86":54,"_87":-5,"_150":482,"_18":483},{"_36":114,"_13":115,"_71":116,"_73":74,"_75":76,"_77":78,"_79":80,"_38":288,"_17":32,"_82":83,"_84":118,"_86":54,"_87":-5,"_150":480,"_18":481},{"_36":108,"_13":109,"_71":110,"_73":74,"_75":76,"_77":78,"_79":80,"_38":285,"_17":32,"_82":83,"_84":112,"_86":54,"_87":-5,"_150":478,"_18":479},{"_36":102,"_13":103,"_71":104,"_73":74,"_75":76,"_77":78,"_79":80,"_38":282,"_17":32,"_82":83,"_84":106,"_86":54,"_87":-5,"_150":476,"_18":477},{"_36":95,"_13":96,"_71":97,"_73":74,"_75":76,"_77":78,"_79":80,"_38":279,"_17":32,"_82":99,"_84":100,"_86":54,"_87":-5,"_150":474,"_18":475},{"_36":89,"_13":90,"_71":91,"_73":74,"_75":76,"_77":78,"_79":80,"_38":276,"_17":32,"_82":83,"_84":93,"_86":54,"_87":-5,"_150":472,"_18":473},{"_36":69,"_13":70,"_71":72,"_73":74,"_75":76,"_77":78,"_79":80,"_38":273,"_17":32,"_82":83,"_84":85,"_86":54,"_87":-5,"_150":470,"_18":471},{"_36":174,"_13":175,"_71":176,"_73":-5,"_75":76,"_77":78,"_79":80,"_38":177,"_17":32,"_82":134,"_84":-5,"_86":54,"_87":-5,"_150":468,"_18":469},{"_36":240,"_13":241,"_71":242,"_73":176,"_75":76,"_77":78,"_79":80,"_38":243,"_17":32,"_82":134,"_84":-5,"_86":54,"_87":-5,"_150":466,"_18":467},{"_36":255,"_13":256,"_71":257,"_73":242,"_75":76,"_77":78,"_79":80,"_38":258,"_17":32,"_82":83,"_84":259,"_86":54,"_87":-5,"_150":464,"_18":465},{"_36":248,"_13":249,"_71":250,"_73":242,"_75":76,"_77":78,"_79":80,"_38":251,"_17":32,"_82":83,"_84":252,"_86":54,"_87":-5,"_150":462,"_18":463},{"_36":218,"_13":219,"_71":220,"_73":176,"_75":76,"_77":78,"_79":80,"_38":221,"_17":32,"_82":134,"_84":-5,"_86":54,"_87":-5,"_150":460,"_18":461},{"_36":233,"_13":234,"_71":235,"_73":220,"_75":76,"_77":78,"_79":80,"_38":236,"_17":32,"_82":83,"_84":237,"_86":54,"_87":-5,"_150":458,"_18":459},{"_36":226,"_13":227,"_71":228,"_73":220,"_75":76,"_77":34,"_79":80,"_38":229,"_17":147,"_82":83,"_84":230,"_86":54,"_87":-5,"_150":456,"_18":457},{"_36":198,"_13":199,"_71":200,"_73":176,"_75":76,"_77":78,"_79":80,"_38":201,"_17":32,"_82":134,"_84":-5,"_86":54,"_87":-5,"_150":454,"_18":455},{"_36":212,"_13":90,"_71":213,"_73":200,"_75":76,"_77":78,"_79":80,"_38":214,"_17":32,"_82":83,"_84":215,"_86":54,"_87":-5,"_150":452,"_18":453},{"_36":206,"_13":70,"_71":207,"_73":200,"_75":76,"_77":78,"_79":80,"_38":208,"_17":32,"_82":83,"_84":209,"_86":54,"_87":-5,"_150":450,"_18":451},{"_36":191,"_13":192,"_71":193,"_73":176,"_75":76,"_77":78,"_79":80,"_38":194,"_17":32,"_82":83,"_84":195,"_86":54,"_87":-5,"_150":448,"_18":449},{"_36":185,"_13":96,"_71":186,"_73":176,"_75":76,"_77":78,"_79":80,"_38":187,"_17":32,"_82":83,"_84":188,"_86":54,"_87":-5,"_150":446,"_18":447},{"_36":167,"_13":168,"_71":169,"_73":-5,"_75":76,"_77":78,"_79":80,"_38":170,"_17":32,"_82":24,"_84":171,"_86":54,"_87":-5,"_150":444,"_18":445},{"_36":160,"_13":161,"_71":162,"_73":-5,"_75":76,"_77":78,"_79":80,"_38":163,"_17":32,"_82":24,"_84":164,"_86":54,"_87":-5,"_150":442,"_18":443},{"_36":153,"_13":154,"_71":155,"_73":-5,"_75":76,"_77":78,"_79":80,"_38":156,"_17":32,"_82":24,"_84":157,"_86":54,"_87":-5,"_150":440,"_18":441},{"_36":144,"_13":145,"_71":146,"_73":-5,"_75":76,"_77":147,"_79":80,"_38":148,"_17":78,"_82":24,"_84":149,"_86":54,"_87":-5,"_150":438,"_18":439},[],[145],[],[154],[],[161],[],[168],[],[175,96],[],[175,192],[],[175,199,70],[],[175,199,90],[430,431],[175,199],[],[175,219,227],[],[175,219,234],[427,428],[175,219],[],[175,241,249],[],[175,241,256],[424,425],[175,241],[423,426,429,432,433],[175],[],[19,70],[],[19,90],[],[19,96],[],[19,103],[],[19,109],[],[19,115],[],[19,121],[],[19,128],[414,415,416,417,418,419,420,421],[19],[],[298,305],[412],[298],["D",1743812646130],{"_11":12,"_354":350},{"_11":12,"_348":-5,"_349":350,"_316":317,"_351":352,"_353":54},{"_17":123,"_13":16,"_36":76,"_43":44,"_46":37,"_48":344,"_345":56,"_346":44,"_347":59,"_60":14,"_57":12},"ctx",{"_338":-5,"_373":529,"_530":531,"_532":533,"_534":54,"_535":54,"_536":54,"_537":80,"_538":-5,"_539":-7,"_540":-7,"_541":32,"_542":54,"_543":54,"_544":-5,"_545":54,"_546":54,"_547":54,"_548":-5},"ENV",{"_500":501,"_502":503,"_504":42,"_505":506,"_507":508,"_509":510,"_511":512,"_513":514,"_515":516,"_517":518,"_519":520,"_521":522,"_523":524,"_525":526,"_527":528},"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>