\n \n \n \n\n",[],[157,217],"f263d0c0-746c-431d-ba2e-da5c67a849de","favicon.svg","019eabef-6ca7-75c8-96b7-037445de0d63",6,["D",1781001111998],"\n\n",[],[157,225],"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",[],[157,241,233],"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",[],[157,241,243],"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",[],[157,241,251],"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",[],[157,241,259],"0eb3bba8-7100-43a1-923b-91cfec46c617",["D",1781001055323],[183,184,185,186],[157,241],["D",1781001055323],[182,187,188,189,190],[157],"047e3fd0-cc29-4b27-9874-51bd7706e026","poem.ts","5dcb9100-63ee-11f1-88d0-1607ee4eb77e",3,["D",1781001085200],"import Anthropic from \"npm:@anthropic-ai/sdk\";\n\nexport type Tone = \"playful\" | \"shayari\" | \"inspirational\";\n\nconst TONE_PROMPTS: Record = {\n playful:\n \"a light, witty, playful celebration poem with gentle humor and warmth. Use a bouncy rhythm and a few fun emojis sprinkled tastefully.\",\n shayari:\n \"a Bollywood-style Hindi-English (Hinglish) shayari — romantic, dramatic, and heartfelt couplets in the classic filmi style. Mix Hindi and English naturally the way Bollywood lyrics do, with soulful imagery of chai, sapne (dreams), and safar (journey).\",\n inspirational:\n \"an uplifting, inspirational poem that honours hard work, growth, and the journey ahead. Dignified and motivating, the kind you'd read aloud at a celebration.\",\n};\n\nconst TONE_LABELS: Record = {\n playful: \"Playful\",\n shayari: \"Bollywood Shayari\",\n inspirational: \"Inspirational\",\n};\n\nexport function isTone(t: unknown): t is Tone {\n return t === \"playful\" || t === \"shayari\" || t === \"inspirational\";\n}\n\nexport async function generatePoem(\n words: string[],\n tone: Tone,\n): Promise {\n const apiKey = Deno.env.get(\"ANTHROPIC_API_KEY\");\n if (!apiKey) {\n throw new Error(\n \"ANTHROPIC_API_KEY is not set. Add it in the val's environment variables.\",\n );\n }\n\n const anthropic = new Anthropic({ apiKey });\n\n const uniqueWords = [...new Set(words.map((w) => w.trim()).filter(Boolean))];\n const wordList = uniqueWords.join(\", \");\n\n const prompt =\n `You are the resident poet at \"Chai pe Charcha\", a warm 30-minute virtual team celebration ` +\n `honouring newly promoted colleagues at Deloitte's OWC practice.\\n\\n` +\n `The whole team brainstormed words and phrases that capture their shared journey. Here they are:\\n` +\n `${wordList}\\n\\n` +\n `Write ${TONE_PROMPTS[tone]}\\n\\n` +\n `Requirements:\\n` +\n `- Weave in as many of the team's own words as you naturally can.\\n` +\n `- Celebrate the promotions, the team's hard work, and the spirit of chai-fuelled camaraderie.\\n` +\n `- Keep it to roughly 8–16 lines so it reads well aloud in a short session.\\n` +\n `- Output ONLY the poem itself — no title, no preamble, no explanation.`;\n\n const response = await anthropic.messages.create({\n model: \"claude-sonnet-4-5-20250929\",\n max_tokens: 1024,\n messages: [{ role: \"user\", content: prompt }],\n });\n\n const text = response.content\n .filter((block) => block.type === \"text\")\n .map((block) => (block as { text: string }).text)\n .join(\"\\n\")\n .trim();\n\n return text || \"The chai brewed quietly... try brewing again! ☕\";\n}\n\nexport function toneLabel(tone: Tone): string {\n return TONE_LABELS[tone];\n}\n",[],[163,274],"f9c85ba0-7e5d-4ee5-9262-d3d8dccdbf1e","db.ts","53d52f30-63ee-11f1-8a12-1607ee4eb77e",["D",1781001068490],"import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\n// Bump the suffix to migrate schema if needed\nconst TABLE = \"cpc_words_v1\";\n\nexport async function initDb() {\n await sqlite.execute(`CREATE TABLE IF NOT EXISTS ${TABLE} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n name TEXT NOT NULL,\n word TEXT NOT NULL,\n created_at INTEGER NOT NULL\n )`);\n}\n\nexport interface WordEntry {\n id: number;\n name: string;\n word: string;\n created_at: number;\n}\n\nconst MAX_WORDS_PER_PERSON = 3;\n\nexport async function getWords(): Promise {\n await initDb();\n const result = await sqlite.execute(\n `SELECT id, name, word, created_at FROM ${TABLE} ORDER BY created_at ASC`,\n );\n return result.rows as unknown as WordEntry[];\n}\n\nexport async function addWord(\n name: string,\n word: string,\n): Promise<{ ok: true } | { ok: false; error: string }> {\n await initDb();\n const cleanName = name.trim();\n const cleanWord = word.trim();\n if (!cleanName) return { ok: false, error: \"Please enter your name first.\" };\n if (!cleanWord) return { ok: false, error: \"Word can't be empty.\" };\n if (cleanWord.length > 40) {\n return { ok: false, error: \"Keep it to 40 characters or fewer.\" };\n }\n\n // Enforce the per-person limit (case-insensitive name match)\n const countRes = await sqlite.execute({\n sql: `SELECT COUNT(*) as c FROM ${TABLE} WHERE LOWER(name) = LOWER(?)`,\n args: [cleanName],\n });\n const count = Number((countRes.rows[0] as any).c);\n if (count >= MAX_WORDS_PER_PERSON) {\n return {\n ok: false,\n error: `You've already added ${MAX_WORDS_PER_PERSON} words — let others brew theirs! ☕`,\n };\n }\n\n await sqlite.execute({\n sql: `INSERT INTO ${TABLE} (name, word, created_at) VALUES (?, ?, ?)`,\n args: [cleanName, cleanWord, Date.now()],\n });\n return { ok: true };\n}\n\nexport async function resetWall(): Promise {\n await initDb();\n await sqlite.execute(`DELETE FROM ${TABLE}`);\n}\n",[],[163,282],["D",1781001068490],[179,180],[163],["D",1781001055323],["D",1789532458193],{"_16":17,"_92":88},{"_16":17,"_85":86,"_87":88,"_34":35,"_89":90,"_91":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,"_115":329,"_330":331,"_332":333,"_334":26,"_335":26,"_336":26,"_337":39,"_338":-5,"_339":-7,"_340":-7,"_341":43,"_342":26,"_343":26,"_344":-5,"_345":26,"_346":26,"_347":26,"_348":-5},"ENV",{"_300":301,"_302":303,"_304":71,"_305":306,"_307":308,"_309":310,"_311":312,"_313":314,"_315":316,"_317":318,"_319":320,"_321":322,"_323":324,"_325":326,"_327":328},"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"]

Search