\n \n Grid\n \n changeSize(Number(event.target.value) as MatrixSize)}\n className=\"ml-2 rounded-lg border bg-white px-2 py-1.5\"\n >\n {MATRIX_SIZES.map((matrixSize) => (\n \n ))}\n \n \n \n {size === 6\n ? \"Four 3×3 quadrants · 36 selectable cells\"\n : `${size * size} selectable cells`}\n \n

\n\n

\n {([\"left\", \"right\", \"bottom\", \"top\"] as const).map((key) => (\n \n {key} endpoint\n \n set({\n matrixAxisLabels: { ...labels, [key]: event.target.value },\n })}\n className=\"mt-1 w-full rounded-lg border bg-white px-3 py-2 text-sm text-gray-800\"\n />\n \n ))}\n

\n\n

\n Select a cell, then add comparison items that respondents should see\n there.\n

\n {labels.top || \"Top\"}\n

\n \n {Array.from({ length: size * size }, (_, index) => {\n const row = Math.floor(index / size);\n const column = index % size;\n const key = matrixCellKey(row, column);\n const cellReferences = references.filter((reference) =>\n reference.row === row && reference.column === column\n );\n const selected = key === selectedKey;\n const middleTop = row === size / 2;\n const middleLeft = column === size / 2;\n return (\n setSelectedKey(key)}\n aria-label={`Edit references in column ${column + 1}, row ${\n row + 1\n } from top`}\n className={`relative min-w-0 border-gray-200 p-1 text-left text-[10px] leading-tight ${\n selected\n ? \"z-10 bg-indigo-100 ring-2 ring-inset ring-indigo-600\"\n : \"hover:bg-indigo-50\"\n } ${\n middleTop ? \"border-t-2 border-t-gray-500\" : \"border-t\"\n } ${\n middleLeft ? \"border-l-2 border-l-gray-500\" : \"border-l\"\n }`}\n >\n {cellReferences.length > 0 && (\n <>\n \n {cellReferences.length}\n \n \n {cellReferences[0].label}\n \n \n )}\n \n );\n })}\n

\n {labels.left || \"Left\"}\n {labels.bottom || \"Bottom\"}\n {labels.right || \"Right\"}\n

\n\n

\n References in column {selectedColumn + 1}, row {selectedRow + 1}\n {\" \"}\n from top\n

\n = QUESTION_LIMITS.matrixReferences}\n onClick={() =>\n set({\n matrixReferences: [\n ...references,\n {\n id: uid(),\n row: selectedRow,\n column: selectedColumn,\n label: \"\",\n },\n ],\n })}\n className=\"text-sm text-indigo-600 hover:underline disabled:opacity-40\"\n >\n + add reference\n \n

\n {selectedReferences.length === 0 && (\n

\n No comparison items in this cell.\n

\n )}\n

\n {selectedReferences.map((reference, index) => (\n

\n \n set({\n matrixReferences: references.map((item) =>\n item.id === reference.id\n ? { ...item, label: event.target.value }\n : item\n ),\n })}\n className=\"min-w-0 flex-1 rounded-lg border px-3 py-2 text-sm\"\n />\n \n set({\n matrixReferences: references.filter((item) =>\n item.id !== reference.id\n ),\n })}\n className=\"text-gray-400 hover:text-red-500\"\n >\n ×\n \n

\n ))}\n

\n \n );\n}\n","label",[166,167,168,65],"frontend","components","builder","pulls","branches",3,"forks","envVars",{"_177":26,"_179":26},"connections",{"_177":26,"_178":26},"count","unfilledCount","emptyCount",{"_32":540,"_13":503,"_63":497,"_42":-5,"_34":35,"_159":231,"_160":86,"_36":541,"_38":26,"_66":285,"_162":-5,"_68":24,"_164":-5,"_234":542,"_17":543},{"_32":532,"_13":533,"_63":534,"_42":497,"_34":35,"_159":535,"_160":86,"_36":536,"_38":231,"_66":67,"_162":537,"_68":24,"_164":-5,"_234":538,"_17":539},{"_32":525,"_13":526,"_63":527,"_42":497,"_34":35,"_159":231,"_160":86,"_36":528,"_38":26,"_66":67,"_162":529,"_68":24,"_164":-5,"_234":530,"_17":531},{"_32":518,"_13":519,"_63":520,"_42":497,"_34":35,"_159":231,"_160":86,"_36":521,"_38":26,"_66":67,"_162":522,"_68":24,"_164":-5,"_234":523,"_17":524},{"_32":511,"_13":512,"_63":513,"_42":497,"_34":35,"_159":231,"_160":86,"_36":514,"_38":26,"_66":67,"_162":515,"_68":24,"_164":-5,"_234":516,"_17":517},{"_32":504,"_13":505,"_63":506,"_42":497,"_34":35,"_159":231,"_160":86,"_36":507,"_38":26,"_66":67,"_162":508,"_68":24,"_164":-5,"_234":509,"_17":510},{"_32":494,"_13":495,"_63":496,"_42":497,"_34":35,"_159":498,"_160":86,"_36":499,"_38":231,"_66":67,"_162":500,"_68":24,"_164":-5,"_234":501,"_17":502},{"_32":490,"_13":166,"_63":291,"_42":-5,"_34":35,"_159":231,"_160":86,"_36":491,"_38":26,"_66":285,"_162":-5,"_68":24,"_164":-5,"_234":492,"_17":493},{"_32":486,"_13":167,"_63":389,"_42":291,"_34":35,"_159":231,"_160":86,"_36":487,"_38":26,"_66":285,"_162":-5,"_68":24,"_164":-5,"_234":488,"_17":489},{"_32":482,"_13":168,"_63":158,"_42":389,"_34":35,"_159":231,"_160":86,"_36":483,"_38":26,"_66":285,"_162":-5,"_68":24,"_164":-5,"_234":484,"_17":485},{"_32":157,"_13":65,"_63":64,"_42":158,"_34":35,"_159":39,"_160":86,"_36":479,"_38":26,"_66":67,"_162":163,"_68":24,"_164":-5,"_234":480,"_17":481},{"_32":471,"_13":472,"_63":473,"_42":158,"_34":35,"_159":474,"_160":86,"_36":475,"_38":171,"_66":67,"_162":476,"_68":24,"_164":-5,"_234":477,"_17":478},{"_32":467,"_13":451,"_63":445,"_42":389,"_34":35,"_159":231,"_160":86,"_36":468,"_38":26,"_66":285,"_162":-5,"_68":24,"_164":-5,"_234":469,"_17":470},{"_32":460,"_13":461,"_63":462,"_42":445,"_34":35,"_159":231,"_160":86,"_36":463,"_38":26,"_66":67,"_162":464,"_68":24,"_164":-5,"_234":465,"_17":466},{"_32":452,"_13":453,"_63":454,"_42":445,"_34":35,"_159":455,"_160":86,"_36":456,"_38":26,"_66":67,"_162":457,"_68":24,"_164":-5,"_234":458,"_17":459},{"_32":442,"_13":443,"_63":444,"_42":445,"_34":35,"_159":446,"_160":86,"_36":447,"_38":171,"_66":67,"_162":448,"_68":24,"_164":-5,"_234":449,"_17":450},{"_32":438,"_13":422,"_63":417,"_42":389,"_34":35,"_159":231,"_160":86,"_36":439,"_38":26,"_66":285,"_162":-5,"_68":24,"_164":-5,"_234":440,"_17":441},{"_32":431,"_13":432,"_63":433,"_42":417,"_34":35,"_159":231,"_160":86,"_36":434,"_38":26,"_66":67,"_162":435,"_68":24,"_164":-5,"_234":436,"_17":437},{"_32":423,"_13":424,"_63":425,"_42":417,"_34":35,"_159":426,"_160":86,"_36":427,"_38":231,"_66":67,"_162":428,"_68":24,"_164":-5,"_234":429,"_17":430},{"_32":414,"_13":415,"_63":416,"_42":417,"_34":35,"_159":231,"_160":86,"_36":418,"_38":26,"_66":67,"_162":419,"_68":24,"_164":-5,"_234":420,"_17":421},{"_32":410,"_13":402,"_63":397,"_42":389,"_34":35,"_159":231,"_160":86,"_36":411,"_38":26,"_66":285,"_162":-5,"_68":24,"_164":-5,"_234":412,"_17":413},{"_32":403,"_13":404,"_63":405,"_42":397,"_34":35,"_159":171,"_160":86,"_36":406,"_38":26,"_66":67,"_162":407,"_68":24,"_164":-5,"_234":408,"_17":409},{"_32":394,"_13":395,"_63":396,"_42":397,"_34":35,"_159":112,"_160":86,"_36":398,"_38":171,"_66":67,"_162":399,"_68":24,"_164":-5,"_234":400,"_17":401},{"_32":386,"_13":387,"_63":388,"_42":389,"_34":35,"_159":231,"_160":86,"_36":390,"_38":26,"_66":67,"_162":391,"_68":24,"_164":-5,"_234":392,"_17":393},{"_32":382,"_13":360,"_63":355,"_42":291,"_34":35,"_159":231,"_160":86,"_36":383,"_38":26,"_66":285,"_162":-5,"_68":24,"_164":-5,"_234":384,"_17":385},{"_32":375,"_13":376,"_63":377,"_42":355,"_34":35,"_159":231,"_160":86,"_36":378,"_38":26,"_66":67,"_162":379,"_68":24,"_164":-5,"_234":380,"_17":381},{"_32":368,"_13":369,"_63":370,"_42":355,"_34":35,"_159":231,"_160":86,"_36":371,"_38":26,"_66":67,"_162":372,"_68":24,"_164":-5,"_234":373,"_17":374},{"_32":361,"_13":362,"_63":363,"_42":355,"_34":35,"_159":231,"_160":86,"_36":364,"_38":26,"_66":67,"_162":365,"_68":24,"_164":-5,"_234":366,"_17":367},{"_32":352,"_13":353,"_63":354,"_42":355,"_34":35,"_159":231,"_160":86,"_36":356,"_38":26,"_66":67,"_162":357,"_68":24,"_164":-5,"_234":358,"_17":359},{"_32":348,"_13":318,"_63":313,"_42":291,"_34":35,"_159":231,"_160":86,"_36":349,"_38":26,"_66":285,"_162":-5,"_68":24,"_164":-5,"_234":350,"_17":351},{"_32":340,"_13":341,"_63":342,"_42":313,"_34":35,"_159":343,"_160":86,"_36":344,"_38":231,"_66":67,"_162":345,"_68":24,"_164":-5,"_234":346,"_17":347},{"_32":333,"_13":334,"_63":335,"_42":313,"_34":35,"_159":231,"_160":86,"_36":336,"_38":26,"_66":67,"_162":337,"_68":24,"_164":-5,"_234":338,"_17":339},{"_32":326,"_13":327,"_63":328,"_42":313,"_34":35,"_159":231,"_160":86,"_36":329,"_38":26,"_66":67,"_162":330,"_68":24,"_164":-5,"_234":331,"_17":332},{"_32":319,"_13":320,"_63":321,"_42":313,"_34":35,"_159":231,"_160":86,"_36":322,"_38":26,"_66":67,"_162":323,"_68":24,"_164":-5,"_234":324,"_17":325},{"_32":310,"_13":311,"_63":312,"_42":313,"_34":35,"_159":231,"_160":86,"_36":314,"_38":26,"_66":67,"_162":315,"_68":24,"_164":-5,"_234":316,"_17":317},{"_32":303,"_13":304,"_63":305,"_42":291,"_34":35,"_159":231,"_160":86,"_36":306,"_38":26,"_66":21,"_162":307,"_68":24,"_164":-5,"_234":308,"_17":309},{"_32":296,"_13":297,"_63":298,"_42":291,"_34":35,"_159":231,"_160":86,"_36":299,"_38":26,"_66":67,"_162":300,"_68":24,"_164":-5,"_234":301,"_17":302},{"_32":288,"_13":289,"_63":290,"_42":291,"_34":35,"_159":231,"_160":86,"_36":292,"_38":26,"_66":67,"_162":293,"_68":24,"_164":-5,"_234":294,"_17":295},{"_32":283,"_13":274,"_63":268,"_42":-5,"_34":35,"_159":231,"_160":86,"_36":284,"_38":26,"_66":285,"_162":-5,"_68":24,"_164":-5,"_234":286,"_17":287},{"_32":275,"_13":276,"_63":277,"_42":268,"_34":35,"_159":278,"_160":86,"_36":279,"_38":231,"_66":67,"_162":280,"_68":24,"_164":-5,"_234":281,"_17":282},{"_32":265,"_13":266,"_63":267,"_42":268,"_34":35,"_159":269,"_160":86,"_36":270,"_38":231,"_66":67,"_162":271,"_68":24,"_164":-5,"_234":272,"_17":273},{"_32":258,"_13":259,"_63":260,"_42":-5,"_34":35,"_159":231,"_160":86,"_36":261,"_38":26,"_66":21,"_162":262,"_68":24,"_164":-5,"_234":263,"_17":264},{"_32":251,"_13":252,"_63":253,"_42":-5,"_34":35,"_159":231,"_160":86,"_36":254,"_38":26,"_66":21,"_162":255,"_68":24,"_164":-5,"_234":256,"_17":257},{"_32":244,"_13":245,"_63":246,"_42":-5,"_34":35,"_159":231,"_160":86,"_36":247,"_38":26,"_66":21,"_162":248,"_68":24,"_164":-5,"_234":249,"_17":250},{"_32":237,"_13":238,"_63":239,"_42":-5,"_34":35,"_159":231,"_160":86,"_36":240,"_38":26,"_66":21,"_162":241,"_68":24,"_164":-5,"_234":242,"_17":243},{"_32":226,"_13":227,"_63":228,"_42":-5,"_34":35,"_159":229,"_160":86,"_36":230,"_38":231,"_66":232,"_162":233,"_68":24,"_164":-5,"_234":235,"_17":236},"e749094c-991a-43bf-9b4a-c3e036aeaabd","index.ts","01a07eb4-dd73-7315-964a-c25038a075b0",18,["D",1788832508803],1,"http","import {\n parseVal,\n serveImmutableFile,\n} from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\nimport { bodyLimit } from \"npm:hono/body-limit\";\nimport { HTTPException } from \"npm:hono/http-exception\";\nimport { getCookie, setCookie } from \"npm:hono/cookie\";\nimport QRCode from \"npm:qrcode\";\nimport { buildResults } from \"./backend/aggregate.ts\";\nimport { randomId } from \"./backend/db.ts\";\nimport {\n clearResponses,\n createSurvey,\n deleteSurvey,\n filterAnswers,\n getAllResponses,\n getResponse,\n getSurveyByAdminKey,\n getSurveyBySlug,\n mergeReleasedAnswers,\n publicSurvey,\n sanitizeAnswers,\n setQuestionReleased,\n updateSurvey,\n upsertResponse,\n} from \"./backend/surveys.ts\";\nimport { Root } from \"./frontend/root.tsx\";\nimport {\n approveProposal,\n createProposal,\n listProposals,\n setProposalVote,\n} from \"./backend/proposals.ts\";\nimport { RequestError } from \"./backend/errors.ts\";\nimport { QuestionValidationError } from \"./shared/questions.ts\";\nimport type { Survey } from \"./shared/types.ts\";\n\nconst app = new Hono();\n\n// ---- Frontend shell (client-side routing handles the rest) ----\nconst SHELL_PATHS = [\n \"/\",\n \"/new\",\n \"/s/:slug\",\n \"/s/:slug/results\",\n \"/s/:slug/present\",\n \"/admin/:key\",\n];\nfor (const p of SHELL_PATHS) app.get(p, (c) => c.html(Root()));\napp.get(\"/__immutable/*\", (c) => serveImmutableFile(c.req.path));\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// ---- Respondent identity cookie ----\nconst SID_COOKIE = \"survey_sid\";\nfunction getOrSetSid(c: any): string {\n let sid = getCookie(c, SID_COOKIE);\n if (!sid || !/^[a-z0-9]{24}$/.test(sid)) {\n sid = randomId(24);\n setCookie(c, SID_COOKIE, sid, {\n path: \"/\",\n httpOnly: true,\n sameSite: \"Lax\",\n secure: true,\n maxAge: 60 * 60 * 24 * 365,\n });\n }\n return sid;\n}\n\n// ---- Public API ----\nconst proposalBodyLimit = bodyLimit({\n maxSize: 16 * 1024,\n onError: (c) =>\n c.json({ error: \"Question requests must be smaller than 16 KB.\" }, 413),\n});\n\nasync function questionBody(req: Request): Promise> {\n let body: unknown;\n try {\n body = await req.json();\n } catch (error) {\n if (error instanceof SyntaxError) {\n throw new RequestError(\"Provide valid JSON.\", 400);\n }\n throw error;\n }\n if (!body || typeof body !== \"object\" || Array.isArray(body)) {\n throw new RequestError(\"Provide a JSON object.\", 400);\n }\n return body as Record;\n}\n\napp.post(\"/api/surveys\", async (c) => {\n const body = await c.req.json().catch(() => ({}));\n const title = String(body.title ?? \"\").slice(0, 120);\n const { survey, adminKey } = await createSurvey(title);\n return c.json({ slug: survey.slug, adminKey });\n});\n\n// Survey for respondents (strips nothing sensitive: admin key never leaves the DB)\napp.get(\"/api/s/:slug\", async (c) => {\n const survey = await getSurveyBySlug(c.req.param(\"slug\"));\n if (!survey) return c.json({ error: \"Not found\" }, 404);\n const sid = getOrSetSid(c);\n const existing = await getResponse(survey.id, sid);\n const visibleSurvey = publicSurvey(survey);\n return c.json({\n survey: visibleSurvey,\n existing: filterAnswers(existing, visibleSurvey.questions),\n });\n});\n\napp.post(\"/api/s/:slug/respond\", async (c) => {\n const survey = await getSurveyBySlug(c.req.param(\"slug\"));\n if (!survey) return c.json({ error: \"Not found\" }, 404);\n if (!survey.acceptingResponses) {\n return c.json({ error: \"This survey is closed.\" }, 403);\n }\n const sid = getOrSetSid(c);\n const body = await c.req.json().catch(() => ({}));\n const visibleSurvey = publicSurvey(survey);\n const answers = sanitizeAnswers(visibleSurvey, body.answers);\n const existing = await getResponse(survey.id, sid);\n await upsertResponse(\n survey.id,\n sid,\n mergeReleasedAnswers(existing, visibleSurvey.questions, answers),\n );\n return c.json({ ok: true, answers });\n});\n\napp.get(\"/api/s/:slug/proposals\", async (c) => {\n const survey = await getSurveyBySlug(c.req.param(\"slug\"));\n if (!survey) return c.json({ error: \"Not found\" }, 404);\n const proposals = await listProposals(survey.id, getOrSetSid(c));\n return c.json({ proposals, acceptingResponses: survey.acceptingResponses });\n});\n\napp.post(\"/api/s/:slug/proposals\", proposalBodyLimit, async (c) => {\n const survey = await getSurveyBySlug(c.req.param(\"slug\"));\n if (!survey) return c.json({ error: \"Not found\" }, 404);\n if (!survey.acceptingResponses) {\n return c.json({ error: \"This survey is closed.\" }, 403);\n }\n const body = await questionBody(c.req.raw);\n await createProposal(survey.id, getOrSetSid(c), body.question);\n return c.json({ ok: true }, 201);\n});\n\napp.put(\n \"/api/s/:slug/proposals/:proposalId/vote\",\n proposalBodyLimit,\n async (c) => {\n const survey = await getSurveyBySlug(c.req.param(\"slug\"));\n if (!survey) return c.json({ error: \"Not found\" }, 404);\n if (!survey.acceptingResponses) {\n return c.json({\n error: \"This survey is closed.\",\n }, 403);\n }\n const body = await questionBody(c.req.raw);\n if (typeof body.voted !== \"boolean\") {\n return c.json({\n error: \"voted must be a boolean.\",\n }, 400);\n }\n await setProposalVote(\n survey.id,\n c.req.param(\"proposalId\"),\n getOrSetSid(c),\n body.voted,\n );\n return c.json({ ok: true });\n },\n);\n\napp.get(\"/api/s/:slug/results\", async (c) => {\n const survey = await getSurveyBySlug(c.req.param(\"slug\"));\n if (!survey) return c.json({ error: \"Not found\" }, 404);\n if (!survey.resultsVisible) {\n return c.json({ error: \"Results are not visible yet.\" }, 403);\n }\n const visibleSurvey = publicSurvey(survey);\n const requestedGroup = visibleSurvey.audienceFacets\n ? c.req.query(\"groupBy\") || null\n : null;\n const groupBy = requestedGroup &&\n visibleSurvey.questions.some((question) =>\n question.id === requestedGroup && question.isDemographic\n )\n ? requestedGroup\n : null;\n const responses = await getAllResponses(survey.id);\n const visible = visibleSurvey.questions.filter((q) => !q.hidden);\n return c.json({\n survey: visibleSurvey,\n totalResponses: responses.length,\n groupBy,\n groups: buildResults(visibleSurvey, responses, groupBy, visible),\n });\n});\n\n// QR code (SVG) pointing to the respondent URL\napp.get(\"/api/s/:slug/qr.svg\", async (c) => {\n const url = new URL(c.req.url);\n const target = `${url.origin}/s/${c.req.param(\"slug\")}`;\n const svg = await QRCode.toString(target, {\n type: \"svg\",\n margin: 1,\n width: 512,\n errorCorrectionLevel: \"M\",\n });\n return c.body(svg, 200, {\n \"Content-Type\": \"image/svg+xml\",\n \"Cache-Control\": \"public, max-age=3600\",\n });\n});\n\n// ---- Admin API (gated by secret key) ----\nconst admin = new Hono();\nadmin.use(\"*\", async (c, next) => {\n const survey = await getSurveyByAdminKey(c.req.param(\"key\") as string);\n if (!survey) return c.json({ error: \"Invalid admin link\" }, 404);\n c.set(\"survey\" as never, survey as never);\n await next();\n});\n\nadmin.get(\"/\", async (c) => {\n const survey = c.get(\"survey\" as never) as any;\n const responses = await getAllResponses(survey.id);\n return c.json({ survey, totalResponses: responses.length });\n});\n\nadmin.patch(\"/\", async (c) => {\n const survey = c.get(\"survey\" as never) as any;\n const body = await c.req.json().catch(() => ({}));\n const fresh = await updateSurvey(survey.id, body);\n return c.json({ survey: fresh ?? survey });\n});\n\nadmin.patch(\"/questions/:questionId/release\", async (c) => {\n const survey = c.get(\"survey\" as never) as Survey;\n const body = await questionBody(c.req.raw);\n if (typeof body.released !== \"boolean\") {\n throw new RequestError(\"released must be a boolean.\", 400);\n }\n const fresh = await setQuestionReleased(\n survey.id,\n c.req.param(\"questionId\"),\n body.released,\n );\n return c.json({ survey: fresh });\n});\n\nadmin.get(\"/proposals\", async (c) => {\n const survey = c.get(\"survey\" as never) as Survey;\n return c.json({\n proposals: await listProposals(survey.id),\n acceptingResponses: survey.acceptingResponses,\n });\n});\n\nadmin.post(\"/proposals/:proposalId/approve\", proposalBodyLimit, async (c) => {\n const survey = c.get(\"survey\" as never) as Survey;\n const body = await questionBody(c.req.raw);\n const approvedQuestion = await approveProposal(\n survey.id,\n c.req.param(\"proposalId\"),\n body.question,\n );\n const fresh = await getSurveyBySlug(survey.slug);\n const publishedQuestion = fresh?.questions.find((question) =>\n question.id === approvedQuestion.id\n );\n if (!fresh || !publishedQuestion) {\n throw new Error(\"Approved question was not added to the survey.\");\n }\n return c.json({ survey: fresh, approvedQuestion: publishedQuestion });\n});\n\nadmin.get(\"/results\", async (c) => {\n const survey = c.get(\"survey\" as never) as any;\n const groupBy = c.req.query(\"groupBy\") || null;\n const responses = await getAllResponses(survey.id);\n const all = c.req.query(\"includeHidden\") === \"1\";\n const visible = all\n ? survey.questions\n : survey.questions.filter((q: any) => !q.hidden);\n return c.json({\n survey,\n totalResponses: responses.length,\n groupBy,\n groups: buildResults(survey, responses, groupBy, visible),\n });\n});\n\nadmin.get(\"/export.csv\", async (c) => {\n const survey = c.get(\"survey\" as never) as any;\n const responses = await getAllResponses(survey.id);\n const esc = (s: unknown) => `\"${String(s ?? \"\").replace(/\"/g, '\"\"')}\"`;\n const header = survey.questions.map((q: any) => esc(q.prompt)).join(\",\");\n const optLabel = (q: any, id: string) =>\n q.options.find((o: any) => o.id === id)?.label ?? id;\n const rows = responses.map((r) =>\n survey.questions.map((q: any) => {\n const v = r[q.id];\n if (Array.isArray(v)) {\n return esc(v.map((x) => optLabel(q, x)).join(\" > \"));\n }\n if (\n q.type === \"matrix_2x2\" && v && typeof v === \"object\" &&\n Number.isInteger(v.row) && Number.isInteger(v.column)\n ) {\n return esc(`column ${v.column + 1}, row ${v.row + 1} from top`);\n }\n if (typeof v === \"string\" && q.options.length) return esc(optLabel(q, v));\n return esc(v);\n }).join(\",\")\n );\n return c.body([header, ...rows].join(\"\\n\"), 200, {\n \"Content-Type\": \"text/csv\",\n \"Content-Disposition\":\n `attachment; filename=\"${survey.slug}-responses.csv\"`,\n });\n});\n\nadmin.delete(\"/responses\", async (c) => {\n const survey = c.get(\"survey\" as never) as any;\n await clearResponses(survey.id);\n return c.json({ ok: true });\n});\n\nadmin.delete(\"/\", async (c) => {\n const survey = c.get(\"survey\" as never) as any;\n await deleteSurvey(survey.id);\n return c.json({ ok: true });\n});\n\napp.route(\"/api/admin/:key\", admin);\n\napp.onError((err, c) => {\n if (err instanceof RequestError) {\n return c.json({ error: err.message }, err.status);\n }\n if (err instanceof QuestionValidationError) {\n return c.json({ error: err.message }, 400);\n }\n if (err instanceof HTTPException) return err.getResponse();\n throw err;\n});\n\nexport default app.fetch;\n","children",[],[227],"40e9e961-864f-4d31-949c-c206301017a9","deno.json","01a07eb4-dd73-7315-964a-bc8b8d582164",["D",1788832177531],"{\n \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/98f62cee78e85bfc47c62ed703777c6bc8794f1c/cli/schemas/config-file.v1.json\",\n \"lock\": false,\n \"compilerOptions\": {\n \"noImplicitAny\": false,\n \"strict\": true,\n \"types\": [\"https://www.val.town/types/valtown.d.ts\"],\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"dom.asynciterable\",\n \"deno.ns\",\n \"deno.unstable\"\n ]\n },\n \"lint\": {\n \"include\": [\"deno:/https/esm.town/**/*\"],\n \"rules\": {\n \"exclude\": [\"no-explicit-any\"]\n }\n },\n \"node_modules_dir\": false,\n \"experimental\": {\n \"unstable-node-globals\": true,\n \"unstable-temporal\": true,\n \"unstable-worker-options\": true,\n \"unstable-sloppy-imports\": true\n }\n}",[],[238],"1f8a3262-3468-4a71-9321-9fddd6ad9a1c","README.md","01a07eb4-dd73-7315-964a-ba7f42b518e1",["D",1788832177531],"# 📊 Audience Survey\n\nLive polling for talks. Show a QR code, let the room answer on their phones with **no login**, then reveal results on the projector — with ranked-choice runoffs, word clouds, and breakdowns by who's in the audience.\n\n**[Create a survey](url:index.ts)** · no account needed\n\n## How a talk goes\n\n1. **Create** — hit the homepage, name your survey. You get a **secret admin link** (bookmark it — it's the only way back).\n2. **Build** — add and edit questions as a private draft, then click **Save questions** to put new questions **on deck**. Mark ones like *\"What's your profession?\"* as **Demographic** so you can group everything else by them later.\n3. **Share** — put the fullscreen **join slide** (`/s//present`) on the projector. It shows a big QR code + short URL.\n4. **Release and collect** — click **Release to audience** on each saved question when you reach it in the talk. Audience pages poll for newly released questions and present them one per screen. Each phone gets a cookie so answers are one-per-device and editable; no accounts.\n5. **Reveal** — flip **Show results to audience**. Open `/s//results` on the projector; it live-updates every 3s. Use **Group by** to split every chart by a demographic question, or click a group chip to isolate it.\n6. **Co-create** — participants suggest complete questions and upvote others from the intro or thank-you screen. In the admin **Proposals** tab, review a draft, edit it, then approve it to append a live question. Finished participants see an invitation to answer newly added questions rather than being moved away from the community queue.\n\n## Community questions\n\nParticipants can propose any supported question type, including options or scale bounds. Pending proposals are public, sorted by upvotes (oldest first on ties), and refresh every 5 seconds while the page is visible. Each device can toggle one upvote per proposal; submitting a proposal does not automatically vote for it. Proposals do not require answering the survey first, and participants may upvote their own ideas.\n\nThe presenter sets required, demographic, and result-visibility flags during review. Approval is manual regardless of vote count, appends the edited question **on deck**, and removes its proposal from the pending queue. The presenter releases it separately when ready. Votes are not survey answers. There are no comments, participant edits, rejection actions, or automatic approvals.\n\nClosing **Accepting responses** also closes proposals and voting, but leaves pending ideas readable. Admins may still approve while closed; participants can answer those questions when the survey reopens. Clearing responses keeps proposals and votes; deleting the survey removes them.\n\nProposal prompts are limited to 500 characters. Choice questions require 2–20 distinct nonempty options of up to 120 characters each. Scales use integer bounds between -100 and 100 and contain 2–21 steps. Submission and approval requests are limited to 16 KB.\n\n## Question types\n\n| Type | Respondent sees | Results visualization |\n| --- | --- | --- |\n| Multiple choice (one / many) | Tappable cards | Colored bar chart; grouped bars when faceted |\n| Scale / rating (e.g. 1–5, 0–10 NPS) | Number grid | Heat-colored histogram + animated mean |\n| **Ranked choice** | Tap-to-rank list with reorder | **Instant-runoff animation** — step through elimination rounds, or switch to Borda points / first choices. Per-group winners when faceted |\n| Word cloud | Single word/phrase | Sized, tilted word cloud |\n| Free text | Textarea | Sticky-note wall |\n| Emoji reaction | Emoji grid | Floating emoji bubbles scaled by count |\n\n## Admin controls\n\n- **Save questions** — persist question additions, edits, deletions, and reordering after reviewing the draft; newly saved questions remain on deck\n- **Release to audience / Move on deck** (per question) — immediately control whether a saved question can be seen and answered without publishing other unsaved edits; moving a question back on deck preserves answers already collected\n- **Accepting responses** — close the survey when you move on\n- **Show results to audience** — survey-wide reveal toggle\n- **Hide results** (per question) — keeps a question out of the audience view even when results are on\n- **Audience can group results** — let respondents use the facet controls too (off by default, keeps the projector clean)\n- **Focus one question** — projector-sized single-question view for pacing a talk\n- **Proposals** — review the audience's most-upvoted question drafts, edit, and approve\n- CSV export, clear responses, delete survey\n\n## Architecture\n\n```mermaid\ngraph LR\n subgraph Browser\n Home[/ Home/] --> Admin[\"/admin/:secretKey\"]\n QR[\"/s/:slug/present
QR slide\"] -.scan.-> Respond[\"/s/:slug
one question per screen\"]\n Results[\"/s/:slug/results
live charts + facets\"]\n end\n subgraph \"index.ts (Hono)\"\n API[\"/api/s/:slug/*
cookie sid\"]\n AdminAPI[\"/api/admin/:key/*
SHA-256 key check\"]\n Agg[\"backend/aggregate.ts
IRV · Borda · facets\"]\n end\n Respond --> API --> DB[(SQLite)]\n Results -->|poll 3s| API --> Agg\n Admin --> AdminAPI --> DB\n AdminAPI --> Agg\n```\n\n**Security model:** the admin key is a 28-char random token stored only as a SHA-256 hash. Respondents are identified by an `HttpOnly` cookie; clearing it or switching devices allows a second response or another proposal vote (acceptable trade-off for a login-free live poll — a \"welcome back\" banner nudges returning devices to edit instead). Public proposal payloads never expose device identifiers. Votes are unique per device and proposal, not per verified person; this is not strong abuse prevention.\n\nApproval claims the pending proposal and appends its question on deck in a single SQLite write transaction. Regular builder edits stay local until **Save questions** is clicked. Release actions update only the persisted release flag, so they never publish unrelated draft edits. Saves compare their last persisted question snapshot to prevent stale tabs from overwriting an approval or release; conflicts retain local edits and offer a reload rather than silently losing questions.\n\nQuestions saved before progressive release was introduced are treated as released, preserving existing survey behavior. Public survey and results APIs omit on-deck questions, and crafted response requests cannot answer them. Admin results and CSV exports retain the full question set. If a released question is moved back on deck, its stored answers remain available if it is released again.\n\n## Files\n\n```\nindex.ts Hono server: shell routes, public + admin API, QR SVG\nbackend/db.ts SQLite schema, hashing, random ids\nbackend/surveys.ts CRUD, response upsert, answer sanitization\nbackend/aggregate.ts per-type aggregation, instant-runoff, facet bucketing\nbackend/proposals.ts proposal normalization, queries, approval workflow\nbackend/proposal-sql.ts proposal/vote schema and atomic mutation statements\nbackend/errors.ts expected API error types\nshared/types.ts Question/answer/result types shared by client & server\nshared/questions.ts shared question defaults and proposal validation\nfrontend/\n root.tsx HTML shell\n index.tsx React mount\n lib/api.ts typed fetch helpers\n lib/useProposals.ts abortable live proposal polling\n components/App.tsx path router\n pages/Home.tsx create a survey\n pages/Admin.tsx build · share · results tabs\n pages/Respond.tsx one-question-per-screen flow\n lib/respondFlow.ts active-question reconciliation across live releases\n pages/Results.tsx public live results\n pages/Present.tsx fullscreen QR join slide\n components/builder/ QuestionEditor\n components/proposals/ participant composer, proposal cards, admin review\n components/respond/ QuestionInput (all types, ranked drag/tap)\n components/charts/ Charts (recharts + custom), ResultsView (polling, facets)\n```\n\n## Proposal regression tests\n\nThe tests use Deno's built-in runner and real in-memory SQLite through `node:sqlite`; the test configuration redirects only the Val Town SQLite import. No live survey data is used. The placeholder environment value lets the existing Val Town asset utility initialize without real credentials.\n\n```sh\nVAL_TOWN_API_KEY=local-test-placeholder deno test --allow-import --allow-env=VAL_TOWN_API_KEY \\\n --config tests/deno.json tests/api_test.ts shared/questions_test.ts backend/proposal-sql_test.ts \\\n frontend/lib/questionDraft_test.ts\n```\n",[],[245],"ba31aaaf-fcf1-4ffa-9c71-ff2a7bc5b393","AGENTS.md","01a07eb4-dd73-7315-964a-b7c710ae1310",["D",1788832177531],"You are an advanced assistant specialized in generating Val Town code.\n\n## Core Guidelines\n\n- Ask clarifying questions when requirements are ambiguous\n- Provide complete, functional solutions rather than skeleton implementations\n- Test your logic against edge cases before presenting the final solution\n- Ensure all code follows Val Town's specific platform requirements\n- If a section of code that you're working on is getting too complex, consider\n refactoring it into subcomponents\n\n## Code Standards\n\n- Generate code in TypeScript or TSX\n- Add appropriate TypeScript types and interfaces for all data structures\n- Prefer official SDKs or libraries than writing API calls directly\n- Ask the user to supply API or library documentation if you are at all unsure\n about it\n- **Never bake in secrets into the code** - always use environment variables\n- Include comments explaining complex logic (avoid commenting obvious\n operations)\n- Follow modern ES6+ conventions and functional programming practices if\n possible\n\n## Types of triggers\n\n### 1. HTTP Trigger\n\n- Create web APIs and endpoints\n- Handle HTTP requests and responses\n- Example structure:\n\n```ts\nexport default async function (req: Request) {\n return new Response(\"Hello World\");\n}\n```\n\nFiles that are HTTP triggers have http in their name like `foobar.http.tsx`\n\n### 2. Cron Triggers\n\n- Run on a schedule\n- Use cron expressions for timing\n- Example structure:\n\n```ts\nexport default async function () {\n // Scheduled task code\n}\n```\n\nFiles that are Cron triggers have cron in their name like `foobar.cron.tsx`\n\n### 3. Email Triggers\n\n- Process incoming emails\n- Handle email-based workflows\n- Example structure:\n\n```ts\nexport default async function (email: Email) {\n // Process email\n}\n```\n\nFiles that are Email triggers have email in their name like `foobar.email.tsx`\n\n## Val Town Standard Libraries\n\nVal Town provides several hosted services and utility functions.\n\n### Blob Storage\n\n```ts\nimport { blob } from \"https://esm.town/v/std/blob/main.ts\";\nawait blob.setJSON(\"myKey\", { hello: \"world\" });\nlet blobDemo = await blob.getJSON(\"myKey\");\nlet appKeys = await blob.list(\"app_\");\nawait blob.delete(\"myKey\");\n```\n\n### SQLite\n\n```ts\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\nconst TABLE_NAME = \"todo_app_users_2\";\n// Create table - do this before usage and change table name when modifying schema\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS ${TABLE_NAME} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n name TEXT NOT NULL\n)`);\n// Query data\nconst result = await sqlite.execute(\n `SELECT * FROM ${TABLE_NAME} WHERE id = ?`,\n [1],\n);\n```\n\n### OpenAI\n\n```ts\nimport { OpenAI } from \"https://esm.town/v/std/openai\";\nconst openai = new OpenAI();\nconst completion = await openai.chat.completions.create({\n messages: [\n { role: \"user\", content: \"Say hello in a creative way\" },\n ],\n model: \"gpt-4o-mini\",\n max_tokens: 30,\n});\n```\n\n### Email\n\n```ts\nimport { email } from \"https://esm.town/v/std/email\";\n// By default emails the owner of the val\nawait email({\n subject: \"Hi\",\n text: \"Hi\",\n html: \"

Hi

\",\n});\n```\n\n## Val Town Utility Functions\n\nVal Town provides several utility functions to help with common project tasks.\n\n### Importing Utilities\n\nAlways import utilities with version pins to avoid breaking changes:\n\n```ts\nimport {\n parseProject,\n readFile,\n serveFile,\n} from \"https://esm.town/v/std/utils@85-main/index.ts\";\n```\n\n### Available Utilities\n\n#### **serveFile** - Serve project files with proper content types\n\nFor example, in Hono:\n\n```ts\n// serve all files in frontend/ and shared/\napp.get(\"/frontend/*\", (c) => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", (c) => serveFile(c.req.path, import.meta.url));\n```\n\n#### **readFile** - Read files from within the project:\n\n```ts\n// Read a file from the project\nconst fileContent = await readFile(\"/frontend/index.html\", import.meta.url);\n```\n\n#### **listFiles** - List all files in the project\n\n```ts\nconst files = await listFiles(import.meta.url);\n```\n\n#### **parseProject** - Extract information about the current project from import.meta.url\n\nThis is useful for including info for linking back to a val, ie in \"view source\"\nurls:\n\n```ts\nconst projectVal = parseProject(import.meta.url);\nconsole.log(projectVal.username); // Owner of the project\nconsole.log(projectVal.name); // Project name\nconsole.log(projectVal.version); // Version number\nconsole.log(projectVal.branch); // Branch name\nconsole.log(projectVal.links.self.project); // URL to the project page\n```\n\nHowever, it's _extremely importing_ to note that `parseProject` and other\nStandard Library utilities ONLY RUN ON THE SERVER. If you need access to this\ndata on the client, run it in the server and pass it to the client by splicing\nit into the HTML page or by making an API request for it.\n\n## Val Town Platform Specifics\n\n- **Redirects:** Use\n `return new Response(null, { status: 302, headers: { Location: \"/place/to/redirect\" }})`\n instead of `Response.redirect` which is broken\n- **Images:** Avoid external images or base64 images. Use emojis, unicode\n symbols, or icon fonts/libraries instead\n- **AI Image:** To inline generate an AI image use:\n `

`\n- **Storage:** DO NOT use the Deno KV module for storage\n- **Browser APIs:** DO NOT use the `alert()`, `prompt()`, or `confirm()` methods\n- **Weather Data:** Use open-meteo for weather data (doesn't require API keys)\n unless otherwise specified\n- **View Source:** Add a view source link by importing & using\n `import.meta.url.replace(\"esm.sh\", \"val.town)\"` (or passing this data to the\n client) and include `target=\"_top\"` attribute\n- **Error Debugging:** Add\n `` to HTML to capture\n client-side errors\n- **Error Handling:** Only use try...catch when there's a clear local\n resolution; Avoid catches that merely log or return 500s. Let errors bubble up\n with full context\n- **Environment Variables:** Use `Deno.env.get('keyname')` when you need to, but\n generally prefer APIs that don't require keys\n- **Imports:** Use `https://esm.sh` for npm and Deno dependencies to ensure\n compatibility on server and browser\n- **Storage Strategy:** Only use backend storage if explicitly required; prefer\n simple static client-side sites\n- **React Configuration:** When using React libraries, pin versions with\n `?deps=react@18.2.0,react-dom@18.2.0` and start the file with\n `/** @jsxImportSource https://esm.sh/react@18.2.0 */`\n- Ensure all React dependencies and sub-dependencies are pinned to the same\n version\n- **Styling:** Default to using TailwindCSS via\n `` unless otherwise\n specified\n\n## Project Structure and Design Patterns\n\n### Recommended Directory Structure\n\n```\n├── backend/\n│ ├── database/\n│ │ ├── migrations.ts # Schema definitions\n│ │ ├── queries.ts # DB query functions\n│ │ └── README.md\n│ └── routes/ # Route modules\n│ ├── [route].ts\n│ └── static.ts # Static file serving\n│ ├── index.ts # Main entry point\n│ └── README.md\n├── frontend/\n│ ├── components/\n│ │ ├── App.tsx\n│ │ └── [Component].tsx\n│ ├── favicon.svg\n│ ├── index.html # Main HTML template\n│ ├── index.tsx # Frontend JS entry point\n│ ├── README.md\n│ └── style.css\n├── README.md\n└── shared/\n ├── README.md\n └── utils.ts # Shared types and functions\n```\n\n### Backend (Hono) Best Practices\n\n- Hono is the recommended API framework\n- Main entry point should be `backend/index.ts`\n- **Static asset serving:** Use the utility functions to read and serve project\n files:\n ```ts\n import {\n readFile,\n serveFile,\n } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n\n // serve all files in frontend/ and shared/\n app.get(\"/frontend/*\", (c) => serveFile(c.req.path, import.meta.url));\n app.get(\"/shared/*\", (c) => serveFile(c.req.path, import.meta.url));\n\n // For index.html, often you'll want to bootstrap with initial data\n app.get(\"/\", async (c) => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n\n // Inject data to avoid extra round-trips\n const initialData = await fetchInitialData();\n const dataScript = ``;\n\n html = html.replace(\"\", `${dataScript}`);\n return c.html(html);\n });\n ```\n- Create RESTful API routes for CRUD operations\n- Always include this snippet at the top-level Hono app to re-throwing errors to\n see full stack traces:\n ```ts\n // Unwrap Hono errors to see original error details\n app.onError((err, c) => {\n throw err;\n });\n ```\n\n### Database Patterns\n\n- Run migrations on startup or comment out for performance\n- Change table names when modifying schemas rather than altering\n- Export clear query functions with proper TypeScript typing\n\n## Common Gotchas and Solutions\n\n1. **Environment Limitations:**\n - Val Town runs on Deno in a serverless context, not Node.js\n - Code in `shared/` must work in both frontend and backend environments\n - Cannot use `Deno` keyword in shared code\n - Use `https://esm.sh` for imports that work in both environments\n\n2. **SQLite Peculiarities:**\n - Limited support for ALTER TABLE operations\n - Create new tables with updated schemas and copy data when needed\n - Always run table creation before querying\n\n3. **React Configuration:**\n - All React dependencies must be pinned to 18.2.0\n - Always include `@jsxImportSource https://esm.sh/react@18.2.0` at the top of\n React files\n - Rendering issues often come from mismatched React versions\n\n4. **File Handling:**\n - Val Town only supports text files, not binary\n - Use the provided utilities to read files across branches and forks\n - For files in the project, use `readFile` helpers\n\n5. **API Design:**\n - `fetch` handler is the entry point for HTTP vals\n - Run the Hono app with\n `export default app.fetch // This is the entry point for HTTP vals`",[],[252],"a183377d-7997-4d6c-bc79-bf51ee36e721",".vtignore","01a07eb4-dd73-7315-964a-b0cb4dd5d2ad",["D",1788832177531],".git\n.vscode\n.cursorrules\n.DS_Store\nnode_modules\nvendor\n.github\n.gitignore\n**/*_test.ts\ntests\n",[],[259],"aa5c9405-7a84-42d2-91cb-a1bea5837052","types.ts","01a07eb4-dd73-7315-964a-a8df61f42a3c","01a07eb4-dd73-7315-964a-af8b2457d93a",14,["D",1788832507322],"export type QuestionType =\n | \"single_choice\"\n | \"multi_choice\"\n | \"scale\"\n | \"free_text\"\n | \"ranked_choice\"\n | \"word_cloud\"\n | \"emoji_reaction\"\n | \"matrix_2x2\";\n\nexport type MatrixSize = 2 | 4 | 6;\n\nexport interface MatrixAxisLabels {\n left: string;\n right: string;\n bottom: string;\n top: string;\n}\n\nexport interface MatrixReference {\n id: string;\n row: number;\n column: number;\n label: string;\n}\n\nexport interface MatrixAnswer {\n row: number;\n column: number;\n}\n\nexport interface Option {\n id: string;\n label: string;\n}\n\nexport interface Question {\n id: string;\n position: number;\n type: QuestionType;\n prompt: string;\n options: Option[]; // for choice/ranked/emoji types\n scaleMin?: number; // for scale\n scaleMax?: number;\n matrixSize?: MatrixSize;\n matrixAxisLabels?: MatrixAxisLabels;\n matrixReferences?: MatrixReference[];\n isDemographic: boolean;\n required: boolean;\n released: boolean; // available to respondents and eligible for public results\n hidden: boolean; // per-question hide override on results\n}\n\nexport interface Survey {\n id: string;\n slug: string;\n title: string;\n description: string;\n resultsVisible: boolean;\n acceptingResponses: boolean;\n audienceFacets: boolean; // can the audience use group-by on results?\n createdAt: string;\n questions: Question[];\n}\n\nexport type QuestionDraft = Pick<\n Question,\n | \"type\"\n | \"prompt\"\n | \"options\"\n | \"scaleMin\"\n | \"scaleMax\"\n | \"matrixSize\"\n | \"matrixAxisLabels\"\n | \"matrixReferences\"\n>;\n\nexport interface QuestionProposal {\n id: string;\n draft: QuestionDraft;\n status: \"pending\" | \"approved\";\n createdAt: string;\n voteCount: number;\n voted: boolean;\n}\n\nexport interface ProposalsPayload {\n proposals: QuestionProposal[];\n acceptingResponses: boolean;\n}\n\n/** Answer values: single -> optionId; multi -> optionId[]; scale -> number;\n * free_text/word_cloud -> string; ranked_choice -> optionId[] (ordered);\n * emoji -> optionId; matrix -> zero-based row/column. */\nexport type AnswerValue = string | number | string[] | MatrixAnswer;\n\nexport type Answers = Record;\n\nexport interface IRVRound {\n round: number;\n tallies: Record;\n eliminated: string | null;\n winner: string | null;\n}\n\nexport interface QuestionAggregate {\n questionId: string;\n type: QuestionType;\n responseCount: number;\n /** For choice/emoji: counts by optionId. */\n counts?: Record;\n /** For scale: counts by value, plus mean. */\n distribution?: Record;\n mean?: number | null;\n /** For text/word cloud. */\n texts?: string[];\n words?: { text: string; value: number }[];\n /** For ranked choice. */\n irv?: IRVRound[];\n borda?: Record;\n firstChoice?: Record;\n /** For matrix questions: counts keyed by \"row,column\". */\n matrixCounts?: Record;\n}\n\nexport interface FacetGroup {\n key: string; // optionId or scale value, or \"__all__\"\n label: string;\n responseCount: number;\n aggregates: QuestionAggregate[];\n}\n\nexport interface ResultsPayload {\n survey: Survey;\n totalResponses: number;\n groupBy: string | null;\n groups: FacetGroup[];\n}\n\nexport const QUESTION_TYPE_LABELS: Record = {\n single_choice: \"Multiple choice (pick one)\",\n multi_choice: \"Multiple choice (pick many)\",\n scale: \"Scale / rating\",\n free_text: \"Free text\",\n ranked_choice: \"Ranked choice\",\n word_cloud: \"Word cloud (one word/phrase)\",\n emoji_reaction: \"Emoji reaction\",\n matrix_2x2: \"2×2 matrix\",\n};\n\nexport const DEFAULT_EMOJIS = [\"🔥\", \"😍\", \"🤔\", \"😴\", \"😂\", \"🤯\"];\n\nexport function hasOptions(t: QuestionType) {\n return t === \"single_choice\" || t === \"multi_choice\" ||\n t === \"ranked_choice\" || t === \"emoji_reaction\";\n}\n",[],[274,266],"shared","1c356253-eee6-4e2e-a2c4-a7ae3fc04d57","questions.ts","01a07eb4-dd73-7315-964a-a566b360c97c",15,["D",1788832507812],"import { DEFAULT_EMOJIS, hasOptions, QUESTION_TYPE_LABELS } from \"./types.ts\";\nimport type {\n MatrixAnswer,\n MatrixAxisLabels,\n MatrixReference,\n MatrixSize,\n Question,\n QuestionDraft,\n QuestionType,\n} from \"./types.ts\";\n\nexport const QUESTION_LIMITS = {\n prompt: 500,\n optionLabel: 120,\n options: 20,\n scaleSteps: 21,\n matrixAxisLabel: 60,\n matrixReferenceLabel: 120,\n matrixReferences: 100,\n};\n\nexport const MATRIX_SIZES: MatrixSize[] = [2, 4, 6];\n\nexport const DEFAULT_MATRIX_AXIS_LABELS: MatrixAxisLabels = {\n left: \"Left\",\n right: \"Right\",\n bottom: \"Bottom\",\n top: \"Top\",\n};\n\nexport class QuestionValidationError extends Error {}\n\nexport function newQuestion(type: QuestionType = \"single_choice\"): Question {\n return {\n id: crypto.randomUUID(),\n position: 0,\n type,\n prompt: \"\",\n options: hasOptions(type)\n ? (type === \"emoji_reaction\" ? DEFAULT_EMOJIS : [\"\", \"\"]).map((\n label,\n ) => ({\n id: crypto.randomUUID(),\n label,\n }))\n : [],\n ...(type === \"scale\" ? { scaleMin: 1, scaleMax: 5 } : {}),\n ...(type === \"matrix_2x2\"\n ? {\n matrixSize: 2 as MatrixSize,\n matrixAxisLabels: { ...DEFAULT_MATRIX_AXIS_LABELS },\n matrixReferences: [],\n }\n : {}),\n isDemographic: false,\n required: false,\n released: false,\n hidden: false,\n };\n}\n\n/** Questions saved before progressive release existed remain audience-visible. */\nexport function normalizeStoredQuestions(raw: unknown): Question[] {\n if (!Array.isArray(raw)) return [];\n return raw.map((question, position) => {\n const stored = question as Question;\n return {\n ...stored,\n position,\n released: typeof (question as Partial)?.released === \"boolean\"\n ? stored.released\n : true,\n ...(stored.type === \"matrix_2x2\"\n ? {\n matrixSize: isMatrixSize(stored.matrixSize) ? stored.matrixSize : 2,\n matrixAxisLabels: normalizeStoredAxisLabels(stored.matrixAxisLabels),\n matrixReferences: normalizeStoredReferences(\n stored.matrixReferences,\n isMatrixSize(stored.matrixSize) ? stored.matrixSize : 2,\n ),\n isDemographic: false,\n }\n : {}),\n };\n });\n}\n\nfunction record(raw: unknown): Record {\n if (!raw || typeof raw !== \"object\" || Array.isArray(raw)) {\n throw new QuestionValidationError(\"Provide a question object.\");\n }\n return raw as Record;\n}\n\nfunction text(raw: unknown, max: number, label: string): string {\n if (typeof raw !== \"string\" || !raw.trim() || raw.trim().length > max) {\n throw new QuestionValidationError(\n `${label} must contain 1-${max} characters.`,\n );\n }\n return raw.trim();\n}\n\nexport function isMatrixSize(raw: unknown): raw is MatrixSize {\n return typeof raw === \"number\" && MATRIX_SIZES.includes(raw as MatrixSize);\n}\n\nexport function matrixCellKey(row: number, column: number): string {\n return `${row},${column}`;\n}\n\nexport function isMatrixAnswer(\n raw: unknown,\n size: MatrixSize,\n): raw is MatrixAnswer {\n if (!raw || typeof raw !== \"object\" || Array.isArray(raw)) return false;\n const answer = raw as Partial;\n return Number.isInteger(answer.row) && Number.isInteger(answer.column) &&\n answer.row! >= 0 && answer.row! < size &&\n answer.column! >= 0 && answer.column! < size;\n}\n\nexport function referencesWithinSize(\n references: MatrixReference[] | undefined,\n size: MatrixSize,\n): MatrixReference[] {\n return (references ?? []).filter((reference) =>\n Number.isInteger(reference.row) && Number.isInteger(reference.column) &&\n reference.row >= 0 && reference.row < size &&\n reference.column >= 0 && reference.column < size\n );\n}\n\nfunction normalizeStoredAxisLabels(raw: unknown): MatrixAxisLabels {\n if (!raw || typeof raw !== \"object\" || Array.isArray(raw)) {\n return { ...DEFAULT_MATRIX_AXIS_LABELS };\n }\n const labels = raw as Partial;\n return {\n left: typeof labels.left === \"string\" && labels.left.trim()\n ? labels.left\n : DEFAULT_MATRIX_AXIS_LABELS.left,\n right: typeof labels.right === \"string\" && labels.right.trim()\n ? labels.right\n : DEFAULT_MATRIX_AXIS_LABELS.right,\n bottom: typeof labels.bottom === \"string\" && labels.bottom.trim()\n ? labels.bottom\n : DEFAULT_MATRIX_AXIS_LABELS.bottom,\n top: typeof labels.top === \"string\" && labels.top.trim()\n ? labels.top\n : DEFAULT_MATRIX_AXIS_LABELS.top,\n };\n}\n\nfunction normalizeStoredReferences(\n raw: unknown,\n size: MatrixSize,\n): MatrixReference[] {\n if (!Array.isArray(raw)) return [];\n return referencesWithinSize(\n raw.flatMap((reference) => {\n if (\n !reference || typeof reference !== \"object\" ||\n typeof (reference as MatrixReference).id !== \"string\" ||\n typeof (reference as MatrixReference).label !== \"string\" ||\n !(reference as MatrixReference).label.trim()\n ) {\n return [];\n }\n return [{\n ...(reference as MatrixReference),\n label: (reference as MatrixReference).label.trim(),\n }];\n }).slice(0, QUESTION_LIMITS.matrixReferences),\n size,\n );\n}\n\nfunction matrixAxisLabels(raw: unknown): MatrixAxisLabels {\n const input = record(raw);\n return {\n left: text(input.left, QUESTION_LIMITS.matrixAxisLabel, \"Left axis label\"),\n right: text(\n input.right,\n QUESTION_LIMITS.matrixAxisLabel,\n \"Right axis label\",\n ),\n bottom: text(\n input.bottom,\n QUESTION_LIMITS.matrixAxisLabel,\n \"Bottom axis label\",\n ),\n top: text(input.top, QUESTION_LIMITS.matrixAxisLabel, \"Top axis label\"),\n };\n}\n\nfunction matrixReferences(raw: unknown, size: MatrixSize): MatrixReference[] {\n if (!Array.isArray(raw) || raw.length > QUESTION_LIMITS.matrixReferences) {\n throw new QuestionValidationError(\n `Provide no more than ${QUESTION_LIMITS.matrixReferences} matrix reference labels.`,\n );\n }\n return raw.map((reference) => {\n const input = record(reference);\n const row = input.row;\n const column = input.column;\n if (\n typeof row !== \"number\" || typeof column !== \"number\" ||\n !Number.isSafeInteger(row) || !Number.isSafeInteger(column) ||\n row < 0 || row >= size || column < 0 || column >= size\n ) {\n throw new QuestionValidationError(\n \"Matrix reference cells must be within the selected grid.\",\n );\n }\n return {\n id: crypto.randomUUID(),\n row,\n column,\n label: text(\n input.label,\n QUESTION_LIMITS.matrixReferenceLabel,\n \"Matrix reference label\",\n ),\n };\n });\n}\n\n/** Ignore client IDs and admin flags; every approved question gets fresh identifiers. */\nexport function normalizeDraft(raw: unknown): QuestionDraft {\n const input = record(raw);\n if (\n typeof input.type !== \"string\" ||\n !Object.hasOwn(QUESTION_TYPE_LABELS, input.type)\n ) {\n throw new QuestionValidationError(\"Choose a supported question type.\");\n }\n const type = input.type as QuestionType;\n const draft: QuestionDraft = {\n type,\n prompt: text(input.prompt, QUESTION_LIMITS.prompt, \"Question prompt\"),\n options: [],\n };\n if (hasOptions(type)) {\n if (\n !Array.isArray(input.options) || input.options.length < 2 ||\n input.options.length > QUESTION_LIMITS.options\n ) {\n throw new QuestionValidationError(\n `Provide 2-${QUESTION_LIMITS.options} options.`,\n );\n }\n draft.options = input.options.map((option) => ({\n id: crypto.randomUUID(),\n label: text(record(option).label, QUESTION_LIMITS.optionLabel, \"Option\"),\n }));\n if (\n new Set(draft.options.map((o) => o.label.toLowerCase())).size !==\n draft.options.length\n ) {\n throw new QuestionValidationError(\"Options must have distinct labels.\");\n }\n }\n if (type === \"scale\") {\n const min = input.scaleMin;\n const max = input.scaleMax;\n if (\n typeof min !== \"number\" || typeof max !== \"number\" ||\n !Number.isSafeInteger(min) ||\n !Number.isSafeInteger(max) || min < -100 || max > 100 || min >= max ||\n max - min + 1 > QUESTION_LIMITS.scaleSteps\n ) {\n throw new QuestionValidationError(\n \"Use integer scale bounds from -100 to 100, with 2-21 steps.\",\n );\n }\n draft.scaleMin = min;\n draft.scaleMax = max;\n }\n if (type === \"matrix_2x2\") {\n if (!isMatrixSize(input.matrixSize)) {\n throw new QuestionValidationError(\"Choose a 2x2, 4x4, or 6x6 matrix.\");\n }\n draft.matrixSize = input.matrixSize;\n draft.matrixAxisLabels = matrixAxisLabels(input.matrixAxisLabels);\n draft.matrixReferences = matrixReferences(\n input.matrixReferences,\n input.matrixSize,\n );\n }\n return draft;\n}\n\nexport function questionFromDraft(draft: QuestionDraft): Question {\n return { ...newQuestion(draft.type), ...draft };\n}\n\nexport function normalizeApprovedQuestion(raw: unknown): Question {\n const input = record(raw);\n const question = questionFromDraft(normalizeDraft(raw));\n for (const key of [\"required\", \"hidden\", \"isDemographic\"] as const) {\n if (input[key] !== undefined && typeof input[key] !== \"boolean\") {\n throw new QuestionValidationError(`${key} must be a boolean.`);\n }\n question[key] = input[key] === true;\n }\n const canFacet = [\"single_choice\", \"multi_choice\", \"scale\", \"emoji_reaction\"]\n .includes(question.type);\n question.isDemographic = canFacet && question.isDemographic;\n question.released = false;\n return question;\n}\n",[],[274,276],"b9293f71-1362-4dbb-84f9-1cceb5f70eec",["D",1788832177531],"directory",[219,220],[274],"56b5fe37-a974-4306-b92b-5f27816d4f1c","root.tsx","01a07eb4-dd73-7315-964a-9c7eef264d2b","01a07eb4-dd73-7315-964a-a2c2fc7923dd",["D",1788832177531],"/** @jsxImportSource npm:hono@4/jsx */\nimport { raw } from \"npm:hono@4/html\";\nimport { immutableFileUrl } from \"https://esm.town/v/std/utils/index.ts\";\n\nexport function Root() {\n return (\n <>\n {raw(\"\")}\n \n \n \n \n Audience Survey\n

History · MatrixEditor.tsx