Moonshot Commons

= 100 ? \" lit\" : \"\")}>\n

\n {p.emoji}\n \n {CATEGORY_META[p.category]?.icon ?? \"🌀\"} {p.category}\n \n

{p.title}

{p.scale}

{p.pitch}

\n\n \n\n

\n \n {p.pledges.length} builders in\n

\n\n

Join · pledge what you've got

\n {pl.name}\n \n {KIND_META[pl.kind].icon} {pl.detail}\n \n
Be the first to pledge ✨

\n \n

\n\n

💬 Discussion ({p.comments.length})

\n
\n {c.name}\n {timeAgo(c.at)}\n
\n
{c.text}
\n
No comments yet — start the conversation.

\n \n

\n \n\n

\n {projects.map((p) => )}\n {projects.length === 0 && (\n

No moonshots here yet — be the first to propose one below. 👇

\n )}\n

\n\n

✨ Propose a new moonshot

Dream big. The crazier, the better — someone out there has the skills.

\n \n \n

\n              <button type=\"submit\">Launch proposal 🚀</button>\n            </form>\n          </section>\n        </main>\n\n        <footer>\n          <p>Built on shared resources & collective imagination. May it bring abundance to all. 🌱</p>\n          <a href={import.meta.url.replace(\"esm.town\", \"val.town\")}>View source</a>\n        </footer>\n      </body>\n    </html>\n  );\n}\n",[130],"8b6df788-5f3e-11f1-bd88-1607ee4eb77e","main.tsx",["D",1780485765686],"http","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { renderToString } from \"https://esm.sh/react-dom@18.2.0/server\";\nimport { serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport {\n  Category,\n  CATEGORIES,\n  getProjects,\n  heat,\n  PledgeKind,\n  Project,\n  saveProjects,\n} from \"./data.ts\";\nimport { Page } from \"./page.tsx\";\n\nconst redirectHome = (origin: string) => Response.redirect(origin + \"/\", 303);\n\n/** Safely read form data; tolerate urlencoded bodies and malformed input. */\nasync function readForm(req: Request): Promise<FormData> {\n  try {\n    return await req.formData();\n  } catch (_) {\n    try {\n      const text = await req.clone().text();\n      const params = new URLSearchParams(text);\n      const fd = new FormData();\n      for (const [k, v] of params) fd.append(k, v);\n      return fd;\n    } catch (_) {\n      return new FormData();\n    }\n  }\n}\n\nexport default async function (req: Request): Promise<Response> {\n  const url = new URL(req.url);\n\n  if (url.pathname === \"/style.css\") {\n    return serveFile(\"./style.css\", import.meta.url);\n  }\n\n  // --- Fan the flames (upvote) ---\n  if (req.method === \"POST\" && url.pathname === \"/upvote\") {\n    const form = await readForm(req);\n    const id = String(form.get(\"projectId\") || \"\");\n    const projects = await getProjects();\n    const proj = projects.find((p) => p.id === id);\n    if (proj) {\n      proj.upvotes = (proj.upvotes || 0) + 1;\n      await saveProjects(projects);\n    }\n    return redirectHome(url.origin);\n  }\n\n  // --- Pledge brainpower / resources / funds ---\n  if (req.method === \"POST\" && url.pathname === \"/pledge\") {\n    const form = await readForm(req);\n    const id = String(form.get(\"projectId\") || \"\");\n    const projects = await getProjects();\n    const proj = projects.find((p) => p.id === id);\n    if (proj) {\n      proj.pledges.push({\n        name: String(form.get(\"name\") || \"Anonymous\").slice(0, 40),\n        kind: (String(form.get(\"kind\")) as PledgeKind) || \"thinking\",\n        detail: String(form.get(\"detail\") || \"\").slice(0, 80),\n      });\n      await saveProjects(projects);\n    }\n    return redirectHome(url.origin);\n  }\n\n  // --- Comment on a proposal ---\n  if (req.method === \"POST\" && url.pathname === \"/comment\") {\n    const form = await readForm(req);\n    const id = String(form.get(\"projectId\") || \"\");\n    const text = String(form.get(\"text\") || \"\").slice(0, 240).trim();\n    const projects = await getProjects();\n    const proj = projects.find((p) => p.id === id);\n    if (proj && text) {\n      proj.comments.push({\n        name: String(form.get(\"name\") || \"Anonymous\").slice(0, 40),\n        text,\n        at: Date.now(),\n      });\n      await saveProjects(projects);\n    }\n    return redirectHome(url.origin);\n  }\n\n  // --- Propose a brand new moonshot ---\n  if (req.method === \"POST\" && url.pathname === \"/propose\") {\n    const form = await readForm(req);\n    const title = String(form.get(\"title\") || \"\").slice(0, 60).trim();\n    const projects = await getProjects();\n    if (title) {\n      const cat = String(form.get(\"category\") || \"Wild\");\n      const category = (CATEGORIES as readonly string[]).includes(cat) ? (cat as Category) : \"Wild\";\n      const newProject: Project = {\n        id: title.toLowerCase().replace(/[^a-z0-9]+/g, \"-\").slice(0, 40) + \"-\" + Date.now().toString(36),\n        title,\n        emoji: String(form.get(\"emoji\") || \"💡\").slice(0, 4) || \"💡\",\n        pitch: String(form.get(\"pitch\") || \"\").slice(0, 300),\n        scale: String(form.get(\"scale\") || \"Local\").slice(0, 30) || \"Local\",\n        category,\n        goals: { thinking: 5, resources: 5, funds: 5 },\n        pledges: [],\n        comments: [],\n        upvotes: 0,\n        createdAt: Date.now(),\n      };\n      projects.unshift(newProject);\n      await saveProjects(projects);\n    }\n    return redirectHome(url.origin);\n  }\n\n  // --- Home: filter by category + sort by heat (hottest first) ---\n  const catParam = url.searchParams.get(\"cat\");\n  const activeCat: Category | \"All\" =\n    catParam && (CATEGORIES as readonly string[]).includes(catParam) ? (catParam as Category) : \"All\";\n\n  let projects = await getProjects();\n  if (activeCat !== \"All\") projects = projects.filter((p) => p.category === activeCat);\n  projects = [...projects].sort((a, b) => heat(b) - heat(a));\n\n  return new Response(\n    \"<!DOCTYPE html>\" + renderToString(<Page projects={projects} activeCat={activeCat} />),\n    { headers: { \"content-type\": \"text/html; charset=utf-8\" } },\n  );\n}\n",[138],"554821a6-5f3e-11f1-96aa-1607ee4eb77e","data.ts","5548225a-5f3e-11f1-96aa-1607ee4eb77e",5,["D",1780485674850],"import { blob } from \"https://esm.town/v/std/blob\";\n\nexport const STORE = \"moonshot-commons-projects-v2\";\n\nexport type PledgeKind = \"thinking\" | \"resources\" | \"funds\";\nexport type Pledge = { name: string; kind: PledgeKind; detail: string };\nexport type Comment = { name: string; text: string; at: number };\n\nexport type Project = {\n  id: string;\n  title: string;\n  emoji: string;\n  pitch: string;\n  scale: string;\n  category: Category;\n  /** how many pledges of each kind are needed to \"light up\" the project */\n  goals: Record<PledgeKind, number>;\n  pledges: Pledge[];\n  comments: Comment[];\n  upvotes: number;\n  createdAt: number;\n};\n\nexport const CATEGORIES = [\"Climate\", \"Ocean\", \"Space\", \"Art\", \"Community\", \"Wild\"] as const;\nexport type Category = (typeof CATEGORIES)[number];\n\nexport const KIND_META: Record<PledgeKind, { label: string; icon: string; color: string }> = {\n  thinking: { label: \"Brainpower\", icon: \"🧠\", color: \"#7c3aed\" },\n  resources: { label: \"Resources\", icon: \"📦\", color: \"#0891b2\" },\n  funds: { label: \"Funds\", icon: \"💧\", color: \"#16a34a\" },\n};\n\nexport const CATEGORY_META: Record<Category, { icon: string }> = {\n  Climate: { icon: \"🌱\" },\n  Ocean: { icon: \"🌊\" },\n  Space: { icon: \"🛰️\" },\n  Art: { icon: \"🎨\" },\n  Community: { icon: \"🏘️\" },\n  Wild: { icon: \"🌀\" },\n};\n\nconst SEED: Project[] = [\n  {\n    id: \"sahara-forest\",\n    title: \"Re-Green the Sahara\",\n    emoji: \"🌳\",\n    pitch: \"A continent-spanning lattice of solar-powered fog harvesters and seed drones that turn 1% of the desert green every year.\",\n    scale: \"Continental\",\n    category: \"Climate\",\n    goals: { thinking: 8, resources: 12, funds: 20 },\n    pledges: [\n      { name: \"Amara\", kind: \"thinking\", detail: \"Hydrology modeling\" },\n      { name: \"Lin\", kind: \"resources\", detail: \"12 retired shipping containers\" },\n    ],\n    comments: [{ name: \"Kwame\", text: \"My village could host the first test plot 🙌\", at: Date.now() - 86400000 }],\n    upvotes: 14,\n    createdAt: Date.now() - 6 * 86400000,\n  },\n  {\n    id: \"ocean-library\",\n    title: \"The Floating Library\",\n    emoji: \"📚\",\n    pitch: \"A self-sustaining flotilla of reading-rooms drifting between coastlines, carrying knowledge to communities without it.\",\n    scale: \"Ocean-wide\",\n    category: \"Ocean\",\n    goals: { thinking: 5, resources: 6, funds: 10 },\n    pledges: [{ name: \"Theo\", kind: \"funds\", detail: \"$500 / month\" }],\n    comments: [],\n    upvotes: 9,\n    createdAt: Date.now() - 4 * 86400000,\n  },\n  {\n    id: \"sky-bridge\",\n    title: \"The Living Sky-Bridge\",\n    emoji: \"🌉\",\n    pitch: \"A pedestrian bridge of grown mycelium and bamboo connecting two valley towns, glowing softly with bioluminescent algae.\",\n    scale: \"Regional\",\n    category: \"Wild\",\n    goals: { thinking: 4, resources: 8, funds: 6 },\n    pledges: [\n      { name: \"Priya\", kind: \"thinking\", detail: \"Structural load math\" },\n      { name: \"Sam\", kind: \"resources\", detail: \"Mycelium starter cultures\" },\n      { name: \"Jo\", kind: \"funds\", detail: \"$1,200 seed fund\" },\n    ],\n    comments: [],\n    upvotes: 21,\n    createdAt: Date.now() - 2 * 86400000,\n  },\n];\n\nexport async function getProjects(): Promise<Project[]> {\n  try {\n    const data = await blob.getJSON(STORE);\n    if (Array.isArray(data) && data.length) return data as Project[];\n  } catch (_) { /* not set yet */ }\n  await blob.setJSON(STORE, SEED);\n  return SEED;\n}\n\nexport async function saveProjects(projects: Project[]): Promise<void> {\n  await blob.setJSON(STORE, projects);\n}\n\n/** Count pledges by kind for a project. */\nexport function countPledges(p: Project): Record<PledgeKind, number> {\n  const counts: Record<PledgeKind, number> = { thinking: 0, resources: 0, funds: 0 };\n  for (const pl of p.pledges) counts[pl.kind]++;\n  return counts;\n}\n\n/** Overall completion 0–100 across all three goal types. */\nexport function progressPct(p: Project): number {\n  const counts = countPledges(p);\n  const kinds: PledgeKind[] = [\"thinking\", \"resources\", \"funds\"];\n  const ratios = kinds.map((k) => {\n    const goal = p.goals?.[k] || 0;\n    if (goal <= 0) return 1;\n    return Math.min(1, counts[k] / goal);\n  });\n  return Math.round((ratios.reduce((a, b) => a + b, 0) / kinds.length) * 100);\n}\n\n/** \"Heat\" score that ranks the hottest ideas: upvotes + momentum + progress. */\nexport function heat(p: Project): number {\n  return p.upvotes * 3 + p.pledges.length * 2 + p.comments.length + progressPct(p) / 10;\n}\n",[144],"pulls","branches","forks","envVars",{"_157":42,"_159":42},"connections",{"_157":42,"_158":42},"count","unfilledCount","emptyCount",{"_18":143,"_20":144,"_114":145,"_116":-5,"_117":68,"_118":146,"_120":38,"_22":174,"_65":42,"_123":134,"_124":148,"_126":26,"_127":-5,"_165":175,"_86":176},{"_18":137,"_20":138,"_114":36,"_116":-5,"_117":68,"_118":66,"_120":38,"_22":171,"_65":119,"_123":140,"_124":141,"_126":26,"_127":-5,"_165":172,"_86":173},{"_18":129,"_20":130,"_114":131,"_116":-5,"_117":68,"_118":132,"_120":38,"_22":168,"_65":42,"_123":134,"_124":135,"_126":26,"_127":-5,"_165":169,"_86":170},{"_18":112,"_20":113,"_114":115,"_116":-5,"_117":68,"_118":119,"_120":38,"_22":164,"_65":122,"_123":97,"_124":125,"_126":26,"_127":-5,"_165":166,"_86":167},["D",1780485739404],"children",[],[113],["D",1780485702829],[],[130],["D",1780485765686],[],[138],["D",1780485674850],[],[144],["D",1780485131241],{"_16":17,"_84":80},{"_16":17,"_77":78,"_79":80,"_33":34,"_81":82,"_83":26},{"_65":66,"_20":67,"_18":68,"_69":19,"_70":-5,"_71":-5,"_72":-5,"_73":-5,"_74":-5,"_75":21,"_76":17},"ctx",{"_58":-5,"_105":214,"_215":216,"_217":218,"_219":26,"_220":26,"_221":26,"_222":38,"_223":-5,"_224":-7,"_225":-7,"_226":42,"_227":26,"_228":26,"_229":-5,"_230":26,"_231":26,"_232":26,"_233":-5},"ENV",{"_185":186,"_187":188,"_189":67,"_190":191,"_192":193,"_194":195,"_196":197,"_198":199,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213},"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>