\n \n \n \n\n",[],[245,254],"f263d0c0-746c-431d-ba2e-da5c67a849de","favicon.svg","019eabef-6ca7-75c8-96b7-037445de0d63",6,["D",1781001111998],"\n\n",[],[245,262],"67a56a1f-1c64-455d-8607-0dd44279d790","WordWall.tsx","76861ae4-63ee-11f1-9005-1607ee4eb77e","019eabef-6ca7-75c8-96b6-ff83609ca6a1",9,["D",1781001126697],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { WordEntry } from \"../types.ts\";\n\n// A warm palette of \"sticky note\" colors, picked deterministically per word.\nconst NOTE_STYLES = [\n \"bg-amber-100 border-amber-200 text-amber-900\",\n \"bg-rose-100 border-rose-200 text-rose-900\",\n \"bg-orange-100 border-orange-200 text-orange-900\",\n \"bg-lime-100 border-lime-200 text-lime-900\",\n \"bg-sky-100 border-sky-200 text-sky-900\",\n \"bg-fuchsia-100 border-fuchsia-200 text-fuchsia-900\",\n \"bg-teal-100 border-teal-200 text-teal-900\",\n];\n\nfunction styleFor(id: number) {\n return NOTE_STYLES[id % NOTE_STYLES.length];\n}\n\nexport function WordWall({ words }: { words: WordEntry[] }) {\n const contributors = new Set(words.map((w) => w.name.toLowerCase())).size;\n\n return (\n

The Word Wall

\n \n {words.length} {words.length === 1 ? \"word\" : \"words\"} · {contributors}{\" \"}\n {contributors === 1 ? \"voice\" : \"voices\"}\n \n

\n\n {words.length === 0\n ? (\n

\n No words yet. Be the first to add one! ☕\n

\n )\n : (\n

\n {words.map((w) => (\n \n {w.word}\n — {w.name}\n

\n ))}\n \n )}\n

\n );\n}\n",[],[245,278,270],"components","90f0902a-b989-457f-9954-567eaeac52a3","WordForm.tsx","7ce6552a-63ee-11f1-9005-1607ee4eb77e",10,["D",1781001137396],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nconst MAX_PER_PERSON = 3;\n\nexport function WordForm({\n name,\n setName,\n myCount,\n onAdd,\n}: {\n name: string;\n setName: (v: string) => void;\n myCount: number;\n onAdd: (word: string) => Promise;\n}) {\n const [word, setWord] = useState(\"\");\n const [error, setError] = useState(null);\n const [submitting, setSubmitting] = useState(false);\n\n const remaining = Math.max(0, MAX_PER_PERSON - myCount);\n const atLimit = name.trim() !== \"\" && remaining === 0;\n\n async function submit(e: { preventDefault: () => void }) {\n e.preventDefault();\n if (submitting) return;\n setError(null);\n setSubmitting(true);\n const err = await onAdd(word);\n setSubmitting(false);\n if (err) {\n setError(err);\n } else {\n setWord(\"\");\n }\n }\n\n return (\n

Add your words

\n setName((e.target as HTMLInputElement).value)}\n placeholder=\"Your name\"\n class=\"w-full px-3 py-2 rounded-lg border border-stone-300 focus:border-amber-400 focus:ring focus:ring-amber-100 outline-none\"\n />\n

\n setWord((e.target as HTMLInputElement).value)}\n placeholder={atLimit ? \"You've used all 3 ☕\" : \"A word or short phrase…\"}\n class=\"flex-1 px-3 py-2 rounded-lg border border-stone-300 focus:border-amber-400 focus:ring focus:ring-amber-100 outline-none disabled:bg-stone-100 disabled:text-stone-400\"\n />\n \n {submitting ? \"…\" : \"Add\"}\n \n

\n \n {name.trim()\n ? `${remaining} of ${MAX_PER_PERSON} left`\n : `Up to ${MAX_PER_PERSON} words per person`}\n \n {error && {error}}\n

\n \n

\n );\n}\n",[],[245,278,280],"d440c9ba-a6ff-4a3d-976a-d9ca5e379e3a","BrewPanel.tsx","8614d978-63ee-11f1-a494-1607ee4eb77e",11,["D",1781001152798],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { Tone, TONE_OPTIONS } from \"../types.ts\";\n\nexport function BrewPanel({ disabled }: { disabled: boolean }) {\n const [tone, setTone] = useState(\"playful\");\n const [poem, setPoem] = useState(null);\n const [brewing, setBrewing] = useState(false);\n const [error, setError] = useState(null);\n\n async function brew() {\n setBrewing(true);\n setError(null);\n setPoem(null);\n try {\n const res = await fetch(\"/api/brew\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ tone }),\n });\n const data = await res.json();\n if (!res.ok) {\n setError(data.error ?? \"Something went wrong while brewing.\");\n } else {\n setPoem(data.poem);\n }\n } catch (_e) {\n setError(\"Network hiccup — try brewing again.\");\n } finally {\n setBrewing(false);\n }\n }\n\n return (\n

Brew the poem

\n Facilitator: pick a tone, then brew a poem from everyone's words.\n

\n\n

\n {TONE_OPTIONS.map((opt) => (\n setTone(opt.id)}\n class={`text-left p-3 rounded-xl border-2 transition-all cursor-pointer ${\n tone === opt.id\n ? \"border-amber-500 bg-amber-50 shadow-sm\"\n : \"border-stone-200 bg-white hover:border-amber-300\"\n }`}\n >\n

{opt.emoji}

{opt.label}

{opt.blurb}

\n \n ))}\n

\n\n \n {brewing ? \"Brewing your poem… ☕\" : \"☕ Brew the Poem\"}\n \n\n {disabled && (\n

\n Add some words to the wall first.\n

\n )}\n\n {error && (\n

\n {error}\n

\n )}\n\n {poem && (\n

{poem}

\n )}\n

\n );\n}\n",[],[245,278,288],"63deff9b-2b68-4051-a6b5-626ae71bb7ee","App.tsx","019eabef-6ca7-75c8-96b6-f438d1202719",12,["D",1781001181611],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useCallback, useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { WordEntry } from \"../types.ts\";\nimport { WordWall } from \"./WordWall.tsx\";\nimport { WordForm } from \"./WordForm.tsx\";\nimport { BrewPanel } from \"./BrewPanel.tsx\";\n\nconst POLL_MS = 4000;\nconst NAME_KEY = \"cpc_name\";\n\nexport function App() {\n const [words, setWords] = useState([]);\n const [name, setNameState] = useState(\n () => localStorage.getItem(NAME_KEY) ?? \"\",\n );\n\n const setName = useCallback((v: string) => {\n setNameState(v);\n localStorage.setItem(NAME_KEY, v);\n }, []);\n\n const refresh = useCallback(async () => {\n try {\n const res = await fetch(\"/api/words\");\n const data = await res.json();\n if (Array.isArray(data.words)) setWords(data.words);\n } catch (_e) {\n // transient network errors are fine — the next poll will catch up\n }\n }, []);\n\n // Poll the wall every few seconds so everyone sees contributions live.\n useEffect(() => {\n refresh();\n const id = setInterval(refresh, POLL_MS);\n return () => clearInterval(id);\n }, [refresh]);\n\n const onAdd = useCallback(\n async (word: string): Promise => {\n const res = await fetch(\"/api/words\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ name, word }),\n });\n const data = await res.json();\n if (!res.ok) return data.error ?? \"Couldn't add that word.\";\n if (Array.isArray(data.words)) setWords(data.words);\n return null;\n },\n [name],\n );\n\n const [resetting, setResetting] = useState(false);\n async function onReset() {\n if (!confirm(\"Clear the whole word wall for a fresh session?\")) return;\n setResetting(true);\n await fetch(\"/api/reset\", { method: \"POST\" });\n await refresh();\n setResetting(false);\n }\n\n const myCount = words.filter(\n (w) => w.name.toLowerCase() === name.trim().toLowerCase(),\n ).length;\n\n return (\n

☕

\n Chai pe Charcha\n

\n Drop the words that capture your journey. We'll brew them into a\n celebratory poem for our newly promoted colleagues. 🎉\n

Deloitte · OWC Practice

\n\n

\n \n \n \n

\n\n \n

\n );\n}\n",[],[245,278,296],"0eb3bba8-7100-43a1-923b-91cfec46c617",["D",1781001055323],[210,211,212,213],[245,278],"d6a75fa2-cfc8-45fd-870d-17fe01df426d",["D",1781001055323],[209,214,215,216,217],[245],["D",1781001085200],[],[18,81],["D",1781001068490],[],[18,66],["D",1781001068490],[206,207],[18],["D",1781001055323],["D",1789532458193],{"_11":12,"_142":72},{"_11":12,"_137":138,"_71":72,"_31":70,"_139":140,"_141":30},{"_40":124,"_13":16,"_34":37,"_125":85,"_126":127,"_128":129,"_130":90,"_131":132,"_133":134,"_135":14,"_136":12},"ctx",{"_54":-5,"_163":358,"_359":360,"_361":362,"_363":30,"_364":30,"_365":30,"_366":24,"_367":-5,"_368":-7,"_369":-7,"_370":26,"_371":30,"_372":30,"_373":-5,"_374":30,"_375":30,"_376":30,"_377":-5},"ENV",{"_329":330,"_331":332,"_333":16,"_334":335,"_336":337,"_338":339,"_340":341,"_342":343,"_344":345,"_346":347,"_348":349,"_350":351,"_352":353,"_354":355,"_356":357},"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"]

History · backend