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",[59],"8b6df788-5f3e-11f1-bd88-1607ee4eb77e","main.tsx","2794a29e-5f3d-11f1-888c-1607ee4eb77e",13,["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",[68],"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",[76],{"_36":75,"_13":76,"_39":77,"_41":-5,"_42":43,"_44":78,"_46":47,"_48":96,"_17":63,"_51":64,"_52":80,"_54":55,"_56":-5,"_87":97,"_18":98},{"_36":67,"_13":68,"_39":69,"_41":-5,"_42":43,"_44":70,"_46":47,"_48":93,"_17":45,"_51":72,"_52":73,"_54":55,"_56":-5,"_87":94,"_18":95},{"_36":58,"_13":59,"_39":60,"_41":-5,"_42":43,"_44":61,"_46":47,"_48":90,"_17":63,"_51":64,"_52":65,"_54":55,"_56":-5,"_87":91,"_18":92},{"_36":37,"_13":38,"_39":40,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":86,"_17":50,"_51":24,"_52":53,"_54":55,"_56":-5,"_87":88,"_18":89},["D",1780485739404],"children",[],[38],["D",1780485702829],[],[59],["D",1780485765686],[],[68],["D",1780485674850],[],[76],"1142a612-5f3d-11f1-8192-1607ee4eb77e",["D",1780485131241],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Crowdsourced megastructure proposals built by global community","imageUrl","userId","64cb90ef-7679-4d8b-b58b-9ac03b312072","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","019e8d2c-2903-75fe-9c25-c21f8109fdce","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_153":149},"org",{"_11":12,"_146":147,"_148":149,"_109":110,"_150":151,"_152":55},"branch",{"_17":70,"_13":16,"_36":43,"_138":99,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":14,"_145":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Piotrek","avatar","https://lh3.googleusercontent.com/a/ACg8ocIQgzNvmB-8IyhwI5dx6nO1TBf6UdAdNgwmrmOMKPV6vokFxPZS=s96-c","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":99,"_13":14,"_48":201,"_101":-5,"_102":55,"_103":104,"_105":104,"_106":107,"_108":-5,"_109":110,"_111":69,"_112":47,"_113":-5,"_114":-5,"_115":63,"_116":117,"_118":-5,"_119":-5,"_120":-5,"_121":-5,"_122":123,"_124":123,"_125":126,"_127":126,"_128":126,"_129":123,"_130":123,"_131":202,"_133":203,"_135":204,"_137":55},[189,190,191,192],"files",[189,190,191,192],"counts",{"_180":63,"_181":50,"_182":63,"_31":183,"_184":185},[172,173,174,175],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_36":75,"_13":76,"_39":77,"_41":-5,"_42":43,"_44":78,"_46":47,"_48":79,"_17":63,"_51":64,"_52":80,"_54":55,"_56":-5,"_18":179},{"_36":67,"_13":68,"_39":69,"_41":-5,"_42":43,"_44":70,"_46":47,"_48":71,"_17":45,"_51":72,"_52":73,"_54":55,"_56":-5,"_18":178},{"_36":58,"_13":59,"_39":60,"_41":-5,"_42":43,"_44":61,"_46":47,"_48":62,"_17":63,"_51":64,"_52":65,"_54":55,"_56":-5,"_18":177},{"_36":37,"_13":38,"_39":40,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":49,"_17":50,"_51":24,"_52":53,"_54":55,"_56":-5,"_18":176},[38],[59],[68],[76],"pulls","branches","forks",{"_186":63,"_188":63},"connections",{"_186":63,"_187":63},"count","unfilledCount","emptyCount",{"_36":75,"_13":76,"_39":77,"_41":-5,"_42":43,"_44":78,"_46":47,"_48":96,"_17":63,"_51":64,"_52":80,"_54":55,"_56":-5,"_87":199,"_18":200},{"_36":67,"_13":68,"_39":69,"_41":-5,"_42":43,"_44":70,"_46":47,"_48":93,"_17":45,"_51":72,"_52":73,"_54":55,"_56":-5,"_87":197,"_18":198},{"_36":58,"_13":59,"_39":60,"_41":-5,"_42":43,"_44":61,"_46":47,"_48":90,"_17":63,"_51":64,"_52":65,"_54":55,"_56":-5,"_87":195,"_18":196},{"_36":37,"_13":38,"_39":40,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":86,"_17":50,"_51":24,"_52":53,"_54":55,"_56":-5,"_87":193,"_18":194},[],[38],[],[59],[],[68],[],[76],["D",1780485131241],{"_11":12,"_153":149},{"_11":12,"_146":147,"_148":149,"_109":110,"_150":151,"_152":55},{"_17":70,"_13":16,"_36":43,"_138":99,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":14,"_145":12},"ctx",{"_131":-5,"_169":238,"_239":240,"_241":242,"_243":55,"_244":55,"_245":55,"_246":47,"_247":-5,"_248":-7,"_249":-7,"_250":63,"_251":55,"_252":55,"_253":-5,"_254":55,"_255":55,"_256":55,"_257":-5},"ENV",{"_209":210,"_211":212,"_213":16,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231,"_232":233,"_234":235,"_236":237},"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>

Code