\n \n \n \n\n",[],[191,245],"71867964-e634-4bdd-a3e1-c5032b24dd4d","favicon.svg","019f8152-053c-769d-b242-06b7069c17c4",["D",1784581063902],"\n",[],[191,253],"cb679398-bfe6-49de-99c4-8f46a9f7d40d","App.tsx","019f8152-053c-769d-b241-fba98c2bf375","019f8152-053c-769d-b242-0383d1d12ce7",8,["D",1784581117625],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\n\ntype Idea = {\n id: number;\n title: string;\n note: string;\n source: string;\n status: string;\n created_at: string;\n};\n\nconst sourceStyle: Record = {\n web: \"bg-blue-400/10 text-blue-300 border-blue-400/20\",\n email: \"bg-violet-400/10 text-violet-300 border-violet-400/20\",\n script: \"bg-amber-400/10 text-amber-300 border-amber-400/20\",\n};\n\nfunction Capability({ icon, label }: { icon: string; label: string }) {\n return (\n

\n

{icon}

\n

{label}

\n

\n );\n}\n\nfunction IdeaCard({ idea, onToggle }: { idea: Idea; onToggle: () => void }) {\n return (\n \n

\n {idea.status === \"done\" ? \"✓\" : \"\"}\n

\n

{idea.title}

\n {idea.note &&

{idea.note}

}\n

\n {idea.source}\n {new Date(idea.created_at + \"Z\").toLocaleDateString()}\n

\n

\n \n );\n}\n\nexport function App() {\n const [ideas, setIdeas] = useState([]);\n const [title, setTitle] = useState(\"\");\n const [note, setNote] = useState(\"\");\n const [busy, setBusy] = useState(false);\n\n const refresh = async () => {\n const data = await fetch(\"/api/ideas\").then((r) => r.json());\n setIdeas(data.ideas);\n };\n\n useEffect(() => { refresh(); }, []);\n\n const submit = async (event: Event) => {\n event.preventDefault();\n if (!title.trim()) return;\n setBusy(true);\n await fetch(\"/api/ideas\", {\n method: \"POST\",\n headers: { \"content-type\": \"application/json\" },\n body: JSON.stringify({ title, note }),\n });\n setTitle(\"\");\n setNote(\"\");\n await refresh();\n setBusy(false);\n };\n\n const toggle = async (id: number) => {\n await fetch(`/api/ideas/${id}/toggle`, { method: \"PATCH\" });\n await refresh();\n };\n\n const open = ideas.filter((idea) => idea.status !== \"done\").length;\n\n return (\n

\n

✦

\n

Idea Inbox

\n

running on Val Town

\n

\n View source ↗\n

\n\n

\n

\n Live full-stack val\n

\n

Catch the thought.
Keep the momentum.

\n

One quiet inbox for ideas arriving from the web, email, scripts, and scheduled automations.

\n

\n\n \n\n

\n \n \n \n

\n

\n\n

\n

Today’s queue

\n

{open} open {open === 1 ? \"idea\" : \"ideas\"}

\n

\n \n

\n

\n {ideas.length ? ideas.map((idea) => toggle(idea.id)}/>) : (\n

Your next good idea starts on the left.

\n )}\n

\n

\n Click an idea to complete it\n Open JSON API →\n

\n

\n\n \n

\n );\n}\n",[],[191,268,260],"components","7e4be533-6312-42fe-ae15-7e71c026ce6e",["D",1784581063902],[208],[191,268],["D",1784581063902],[207,209,210,211],[191],["D",1784581063902],["D",1789473745358],{"_16":17,"_91":87},{"_16":17,"_85":-5,"_86":87,"_34":35,"_88":89,"_90":26},{"_69":70,"_20":71,"_18":72,"_73":19,"_74":75,"_76":77,"_78":28,"_79":80,"_81":82,"_83":21,"_84":17},"ctx",{"_62":-5,"_114":314,"_315":316,"_317":318,"_319":26,"_320":26,"_321":26,"_322":39,"_323":-5,"_324":-7,"_325":-7,"_326":43,"_327":26,"_328":26,"_329":-5,"_330":26,"_331":26,"_332":26,"_333":-5},"ENV",{"_285":286,"_287":288,"_289":71,"_290":291,"_292":293,"_294":295,"_296":297,"_298":299,"_300":301,"_302":303,"_304":305,"_306":307,"_308":309,"_310":311,"_312":313},"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"]

Catch the thought.Keep the momentum.

{open} open {open === 1 ? \"idea\" : \"ideas\"}

Catch the thought.
Keep the momentum.

Search