Eligibility Test Case Generator

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_207":208,"_209":210},"routes/_app.x.$handle.$name",{"_94":93,"_31":44,"_102":84,"_26":52,"_13":14,"_103":-5,"_11":104,"_105":106,"_107":108,"_109":110,"_111":112,"_20":-5,"_113":-5,"_114":-5,"_115":24,"_116":117,"_118":24,"_119":-5,"_120":-5,"_121":122},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_31":44,"_37":45,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":-5,"_56":24,"_57":-5,"_58":-5,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":-5,"_66":-5,"_67":68,"_69":68,"_70":71,"_72":71,"_73":71,"_74":68,"_75":68,"_76":77,"_78":79,"_80":81,"_82":24},"version",7,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":14,"_40":41,"_23":24},"previous","deleted",false,"deletedHere","path","frontend/components/ResultsTable.tsx","latestPath","fileId","82c0fa5e-32e3-11f1-83b4-42b51c65c3df","name","ResultsTable.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport type { TestCase } from \"../../shared/types.ts\";\n\nconst PAGE_SIZE = 50;\n\n// ---------------------------------------------------------------------------\n// CSV export helpers\n// ---------------------------------------------------------------------------\n\nfunction csvCell(value: string | number | boolean): string {\n const s = String(value);\n // Wrap in quotes if the cell contains a comma, quote, or newline\n if (s.includes(\",\") || s.includes('\"') || s.includes(\"\\n\")) {\n return `\"${s.replace(/\"/g, '\"\"')}\"`;\n }\n return s;\n}\n\nconst COLUMNS: Array<{ key: keyof TestCase; header: string; width?: number }> = [\n { key: \"id\", header: \"ID\", width: 52 },\n { key: \"date\", header: \"Date\", width: 136 },\n { key: \"program\", header: \"Program\", width: 110 },\n { key: \"requirementTested\", header: \"Requirement Tested\" },\n { key: \"postal_code\", header: \"ZIP\", width: 64 },\n { key: \"children_DOBs\", header: \"Children DOBs\", width: 200 },\n { key: \"household_size\", header: \"HH Size\", width: 68 },\n { key: \"household_total_income\", header: \"Income\", width: 96 },\n { key: \"household_working_boolean\", header: \"Working\", width: 68 },\n { key: \"pregnant\", header: \"Pregnant\", width: 72 },\n { key: \"conditional_questions\", header: \"Conditional Questions\", width: 220 },\n];\n\nfunction renderCell(tc: TestCase, key: keyof TestCase) {\n const v = tc[key];\n if (key === \"household_total_income\") {\n return `$${(v as number).toLocaleString()}`;\n }\n if (key === \"household_working_boolean\" || key === \"pregnant\") {\n return (v as boolean) ? (\n \n Y\n \n ) : (\n \n N\n \n );\n }\n if (key === \"postal_code\" && v === \"00000\") {\n return (\n \n 00000\n \n );\n }\n if (key === \"id\") {\n return (\n {v as number}\n );\n }\n return String(v || \"—\");\n}\n\n// ---------------------------------------------------------------------------\n// Download helper\n// ---------------------------------------------------------------------------\n\nfunction downloadFile(content: string, filename: string, mime: string) {\n const blob = new Blob([content], { type: mime });\n const url = URL.createObjectURL(blob);\n const a = document.createElement(\"a\");\n a.href = url;\n a.download = filename;\n document.body.appendChild(a);\n a.click();\n document.body.removeChild(a);\n URL.revokeObjectURL(url);\n}\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nexport default function ResultsTable({ testCases }: { testCases: TestCase[] }) {\n const [page, setPage] = useState(1);\n const [filterText, setFilterText] = useState(\"\");\n\n const filtered = filterText.trim()\n ? testCases.filter((tc) =>\n tc.requirementTested.toLowerCase().includes(filterText.toLowerCase()) ||\n tc.postal_code.includes(filterText) ||\n tc.program.toLowerCase().includes(filterText.toLowerCase())\n )\n : testCases;\n\n const totalPages = Math.max(1, Math.ceil(filtered.length / PAGE_SIZE));\n const safePage = Math.min(page, totalPages);\n const start = (safePage - 1) * PAGE_SIZE;\n const visible = filtered.slice(start, start + PAGE_SIZE);\n\n function handleFilterChange(val: string) {\n setFilterText(val);\n setPage(1);\n }\n\n function exportCSV() {\n const header = COLUMNS.map((c) => c.header).join(\",\");\n const rows = testCases.map((tc) =>\n COLUMNS.map((c) => {\n const v = tc[c.key];\n return csvCell(typeof v === \"boolean\" ? (v ? \"true\" : \"false\") : v);\n }).join(\",\")\n );\n downloadFile([header, ...rows].join(\"\\n\"), \"test-cases.csv\", \"text/csv\");\n }\n\n function exportJSON() {\n downloadFile(\n JSON.stringify(testCases, null, 2),\n \"test-cases.json\",\n \"application/json\"\n );\n }\n\n return (\n

\n {/* ── Toolbar ── */}\n

\n \n handleFilterChange((e.target as HTMLInputElement).value)\n }\n placeholder=\"Filter by ZIP, program, or requirement…\"\n className=\"w-full border border-gray-200 rounded-md pl-8 pr-3 py-1.5 text-xs focus:outline-none focus:ring-2 focus:ring-indigo-400 bg-white\"\n />\n \n 🔍\n \n

\n\n \n {filterText\n ? `${filtered.length.toLocaleString()} / ${testCases.length.toLocaleString()}`\n : `${testCases.length.toLocaleString()} rows`}\n \n\n \n Export CSV\n \n \n Export JSON\n \n

\n\n {/* ── Table ── */}\n

\n \n \n \n {COLUMNS.map((col) => (\n \n {col.header}\n \n ))}\n \n \n \n {visible.map((tc, i) => (\n \n {COLUMNS.map((col) => (\n \n {col.key === \"requirementTested\" ? (\n \n {tc.requirementTested}\n \n ) : (\n renderCell(tc, col.key)\n )}\n \n ))}\n \n ))}\n {visible.length === 0 && (\n \n \n No matching test cases\n \n \n )}\n \n

\n\n {/* ── Pagination ── */}\n {totalPages > 1 && (\n

\n \n Showing {start + 1}–{Math.min(start + PAGE_SIZE, filtered.length)} of{\" \"}\n {filtered.length.toLocaleString()}\n \n

\n {[\n { label: \"«\", action: () => setPage(1), disabled: safePage === 1 },\n {\n label: \"‹\",\n action: () => setPage((p) => Math.max(1, p - 1)),\n disabled: safePage === 1,\n },\n {\n label: \"›\",\n action: () => setPage((p) => Math.min(totalPages, p + 1)),\n disabled: safePage === totalPages,\n },\n {\n label: \"»\",\n action: () => setPage(totalPages),\n disabled: safePage === totalPages,\n },\n ].map(({ label, action, disabled }) => (\n \n {label}\n \n ))}\n \n Page {safePage} / {totalPages}\n \n

\n )}\n

\n );\n}\n","createdAt",["D",1775608815777],"branchVersion","branchId","427adade-32e1-11f1-9301-42b51c65c3df","id","4278da72-32e1-11f1-9301-42b51c65c3df","testcase-generator",["D",1775607848942],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","","imageUrl","7ed186b0-c78a-4757-a5b0-12c00ac89afa","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","e9195859-3c6b-4b40-bb3e-c11844477fdf","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_94":93,"_101":97},"org",{"_94":93,"_95":-5,"_96":97,"_18":54,"_98":99,"_100":24},"branch",{"_13":83,"_31":84,"_42":41,"_85":43,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":44,"_92":93},"isOwned",21,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","shapedlines","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yYlc2Q1A2eUFyNEdDeXBud0E0bFJyWlJVUzQifQ","tier","pro","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_42":43,"_31":44,"_37":203,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":-5,"_56":24,"_57":-5,"_58":-5,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":-5,"_66":-5,"_67":68,"_69":68,"_70":71,"_72":71,"_73":71,"_74":68,"_75":68,"_76":204,"_78":205,"_80":206,"_82":24},"tree",[159,160,165],"files",[159,160,161,162,163,164,165],"counts",{"_149":60,"_150":140,"_151":60,"_152":153,"_154":155},"contents",[123,124,125],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_42":143,"_31":144,"_29":145,"_129":-5,"_40":41,"_39":146,"_131":132,"_37":147,"_13":60,"_33":134,"_35":-5,"_23":24,"_135":-5,"_26":148},{"_42":137,"_31":138,"_29":139,"_129":-5,"_40":41,"_39":140,"_131":132,"_37":141,"_13":60,"_33":134,"_35":-5,"_23":24,"_135":-5,"_26":142},{"_42":126,"_31":127,"_29":128,"_129":-5,"_40":41,"_39":130,"_131":132,"_37":133,"_13":60,"_33":134,"_35":-5,"_23":24,"_135":-5,"_26":136},"8276d6cc-32e3-11f1-827c-42b51c65c3df","shared","8276d78a-32e3-11f1-827c-42b51c65c3df","parentId",3,"latest",true,["D",1775608815294],"directory","label",[127],"824a1ace-32e3-11f1-9703-42b51c65c3df","frontend","824a1bb4-32e3-11f1-9703-42b51c65c3df",1,["D",1775608814996],[138],"82627998-32e3-11f1-acc2-42b51c65c3df","backend","82627a74-32e3-11f1-acc2-42b51c65c3df",2,["D",1775608815159],[144],"pulls","branches","forks","envVars",{"_156":60,"_158":60},"connections",{"_156":60,"_157":60},"count","unfilledCount","emptyCount",{"_42":143,"_31":144,"_29":145,"_129":-5,"_40":41,"_39":146,"_131":132,"_37":200,"_13":60,"_33":134,"_35":-5,"_23":24,"_135":-5,"_167":201,"_26":202},{"_42":137,"_31":138,"_29":139,"_129":-5,"_40":41,"_39":140,"_131":132,"_37":197,"_13":60,"_33":134,"_35":-5,"_23":24,"_135":-5,"_167":198,"_26":199},{"_42":192,"_31":191,"_29":187,"_129":139,"_40":41,"_39":193,"_131":132,"_37":194,"_13":60,"_33":134,"_35":-5,"_23":24,"_135":-5,"_167":195,"_26":196},{"_42":186,"_31":32,"_29":30,"_129":187,"_40":41,"_39":14,"_131":132,"_37":188,"_13":60,"_33":34,"_35":36,"_23":24,"_135":-5,"_167":189,"_26":190},{"_42":178,"_31":179,"_29":180,"_129":139,"_40":41,"_39":181,"_131":132,"_37":182,"_13":60,"_33":20,"_35":183,"_23":24,"_135":-5,"_167":184,"_26":185},{"_42":170,"_31":171,"_29":172,"_129":139,"_40":41,"_39":173,"_131":132,"_37":174,"_13":60,"_33":34,"_35":175,"_23":24,"_135":-5,"_167":176,"_26":177},{"_42":126,"_31":127,"_29":128,"_129":-5,"_40":41,"_39":130,"_131":132,"_37":166,"_13":60,"_33":134,"_35":-5,"_23":24,"_135":-5,"_167":168,"_26":169},["D",1775608815294],"children",[],[127],"82a6efce-32e3-11f1-aa3d-42b51c65c3df","index.tsx","82a6f082-32e3-11f1-aa3d-42b51c65c3df",5,["D",1775608815609],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client?deps=react@18.2.0\";\nimport App from \"./components/App.tsx\";\n\nconst root = createRoot(document.getElementById(\"root\")!);\nroot.render();\n",[],[138,171],"82bc364a-32e3-11f1-aa3d-42b51c65c3df","index.html","82bc374e-32e3-11f1-aa3d-42b51c65c3df",6,["D",1775608815746],"\n\n \n \n \n Eligibility Test Case Generator\n \n \n \n \n \n

\n \n \n\n",[],[138,179],"82c0f9aa-32e3-11f1-83b4-42b51c65c3df","828e208e-32e3-11f1-827c-42b51c65c3df",["D",1775608815777],[],[138,191,32],"components","828e1f9e-32e3-11f1-827c-42b51c65c3df",4,["D",1775608815446],[162],[138,191],["D",1775608814996],[161,163,164],[138],["D",1775608815159],[],[144],["D",1775607848942],{"_94":93,"_101":97},{"_94":93,"_95":-5,"_96":97,"_18":54,"_98":99,"_100":24},{"_13":83,"_31":84,"_42":41,"_85":43,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":44,"_92":93},"ctx",{"_76":-5,"_120":240,"_241":242,"_243":244,"_245":24,"_246":24,"_247":24,"_248":132,"_249":-5,"_250":-7,"_251":-7,"_252":60,"_253":24,"_254":24,"_255":-5,"_256":24,"_257":24,"_258":24,"_259":-5},"ENV",{"_211":212,"_213":214,"_215":84,"_216":217,"_218":219,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231,"_232":233,"_234":235,"_236":237,"_238":239},"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"]

Diff · v7