[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_26":27,"_28":29,"_30":12,"_31":12,"_32":12,"_33":12,"_34":12,"_35":12,"_36":37},"routes/canvas.shared.$sharedTextdocId",{"_9":10,"_11":12},"sharedTextdoc",{"_13":14,"_15":-7,"_16":17,"_18":19,"_20":21,"_22":23,"_24":12,"_25":12},"isAuthenticated",false,"sharedTextdocId","680ae672c5348191b1b319b12d607549","versionInt","title","AI Action Plan Responses","type","code/react","content","// RFIResponsesApp.jsx – v4\n// -------------------------------------------------------------\n// Feature update (v4)\n// • TOP‑OF‑PAGE pagination controls (mirrors footer)\n// • Full‑text **search** across file name, response_id, and summary\n// • Disclaimer header with link to Transformer (transformernews.ai)\n// • Added CRLF test for parseRawData\n// -------------------------------------------------------------\nimport React, {\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport { Button } from \"@/components/ui/button\";\nimport { ChevronLeft, ChevronRight, RotateCw, UploadCloud, Search } from \"lucide-react\";\n\n// --------------------------- Constants ---------------------------\nconst ROWS_PER_PAGE = 100;\nconst REMOTE_GIST =\n \"https://gist.githubusercontent.com/shashim9/bf7e2984de155e1567a4c7f7df0e3d42/raw/aa99539717bc3bab72a801dd7d8634241a54d07b/rfi-responses.json\";\nconst CORS_PROXY = `https://cors.isomorphic-git.org/${REMOTE_GIST}`;\nconst LOCAL_COPY = \"/rfi-responses.json\";\nconst SOURCES = [REMOTE_GIST, CORS_PROXY, LOCAL_COPY];\nconst FILE_BASE = \"https://files.nitrd.gov/90-fr-9088\";\n\n// ------------------------- Helpers ------------------------------\nexport function parseRawData(raw) {\n if (!raw) return [];\n const trimmed = raw.trim();\n if (trimmed.startsWith(\"[\")) {\n try {\n return JSON.parse(trimmed);\n } catch (_) {\n /* fall through */\n }\n }\n return trimmed\n .split(/\\r?\\n/)\n .filter(Boolean)\n .reduce((acc, line) => {\n try {\n acc.push(JSON.parse(line));\n } catch (_) {\n /* ignore */\n }\n return acc;\n }, []);\n}\n\nasync function fetchEntriesSequentially() {\n let lastErr;\n for (const url of SOURCES) {\n try {\n const res = await fetch(url, { cache: \"no-cache\" });\n if (!res.ok) throw new Error(`${url} responded ${res.status}`);\n const text = await res.text();\n const parsed = parseRawData(text);\n if (parsed.length) return parsed;\n throw new Error(\"Parsed zero entries\");\n } catch (err) {\n lastErr = err;\n }\n }\n throw lastErr;\n}\n\n// ------------------------ Pagination UI -------------------------\nfunction Pagination({ page, totalPages, loading, onPrev, onNext }) {\n return (\n

\n \n \n \n \n Page {page + 1} of {totalPages}\n \n = totalPages - 1 || loading}\n className=\"disabled:opacity-40\"\n >\n \n \n

\n );\n}\n\n// ----------------------- Main Component -------------------------\nexport default function RFIResponsesApp() {\n const [entries, setEntries] = useState([]);\n const [query, setQuery] = useState(\"\");\n const [page, setPage] = useState(0);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(\"\");\n const fileInputRef = useRef(null);\n\n const loadData = useCallback(async () => {\n setLoading(true);\n setError(\"\");\n try {\n const data = await fetchEntriesSequentially();\n setEntries(data);\n } catch (err) {\n setError(\n `⚠️ Unable to load RFI responses automatically. ${err.message}. ` +\n `You can retry or upload the JSON file manually.`\n );\n } finally {\n setLoading(false);\n setPage(0);\n }\n }, []);\n\n useEffect(() => {\n loadData();\n }, [loadData]);\n\n // Manual upload handler\n const handleFileSelect = useCallback((e) => {\n const file = e.target.files?.[0];\n if (!file) return;\n const reader = new FileReader();\n reader.onload = (ev) => {\n try {\n const parsed = parseRawData(String(ev.target?.result ?? \"\"));\n if (!parsed.length) throw new Error(\"Parsed zero entries from file\");\n setEntries(parsed);\n setError(\"\");\n setPage(0);\n } catch (err) {\n setError(`⚠️ Failed to parse uploaded file: ${err.message}`);\n }\n };\n reader.readAsText(file);\n e.target.value = \"\";\n }, []);\n\n // Filtered + paginated dataset\n const filtered = useMemo(() => {\n if (!query.trim()) return entries;\n const q = query.toLowerCase();\n return entries.filter((it) => {\n return (\n it.file.toLowerCase().includes(q) ||\n (it.summary || \"\").toLowerCase().includes(q) ||\n (it.response_id || \"\").toLowerCase().includes(q)\n );\n });\n }, [entries, query]);\n\n const totalPages = useMemo(\n () => Math.max(1, Math.ceil(filtered.length / ROWS_PER_PAGE)),\n [filtered]\n );\n const paginated = useMemo(() => {\n const start = page * ROWS_PER_PAGE;\n return filtered.slice(start, start + ROWS_PER_PAGE);\n }, [filtered, page]);\n\n // Reset page when search query changes\n useEffect(() => setPage(0), [query]);\n\n // Keyboard nav\n useEffect(() => {\n function handleKey(e) {\n if (e.key === \"ArrowLeft\" && page > 0) setPage((p) => p - 1);\n if (e.key === \"ArrowRight\" && page < totalPages - 1)\n setPage((p) => p + 1);\n }\n window.addEventListener(\"keydown\", handleKey);\n return () => window.removeEventListener(\"keydown\", handleKey);\n }, [page, totalPages]);\n\n const prevPage = () => setPage((p) => Math.max(p - 1, 0));\n const nextPage = () => setPage((p) => Math.min(p + 1, totalPages - 1));\n\n // ------------------------- Render -----------------------------\n return (\n

AI Action Plan RFI Responses

\n\n {/* Disclaimer */}\n

\n Summaries of responses received to the White House RFI on the development of an AI Action Plan. Disclaimer: Summaries are AI generated and may not be accurate.\n A project of {\" \"}\n \n Transformer\n \n .\n

\n\n {/* Search Bar */}\n

\n \n setQuery(e.target.value)}\n placeholder=\"Search file name, summary, or response ID…\"\n className=\"w-full bg-transparent text-sm outline-none\"\n />\n

\n\n {error && (\n

\n {error}\n

\n \n fileInputRef.current?.click()}\n >\n Upload JSON…\n \n \n

\n )}\n\n {/* Top Pagination */}\n \n\n {/* Table */}\n

\n \n \n \n \n \n \n \n \n {loading ? (\n \n \n \n ) : paginated.length ? (\n paginated.map((item, idx) => (\n \n \n \n \n ))\n ) : (\n \n \n \n )}\n \n

File	Summary
\n Loading entries…\n
\n \n {item.file}\n \n	\n {item.summary}\n
\n No entries match your search.\n

\n\n {/* Bottom Pagination */}\n \n

\n );\n}\n\n// ------------------- Tests (Vitest) -------------------\n/*\nimport { describe, expect, test } from \"vitest\";\nimport { parseRawData } from \"./RFIResponsesApp\";\n\ndescribe(\"parseRawData\", () => {\n test(\"parses JSON lines\", () => {\n const input = '{\"a\":1}\\n{\"a\":2}';\n expect(parseRawData(input)).toEqual([{ a: 1 }, { a: 2 }]);\n });\n\n test(\"parses JSON array\", () => {\n const input = '[{\"a\":1},{\"a\":2}]';\n expect(parseRawData(input).length).toBe(2);\n });\n\n test(\"ignores malformed lines\", () => {\n const input = '{\"a\":1}\\nINVALID';\n expect(parseRawData(input)).toEqual([{ a: 1 }]);\n });\n\n test(\"returns empty array for blank input\", () => {\n expect(parseRawData(\" \")).toEqual([]);\n });\n\n test(\"parses CRLF delimited JSON lines\", () => {\n const input = '{\"a\":1}\\r\\n{\"a\":2}';\n expect(parseRawData(input)).toEqual([{ a: 1 }, { a: 2 }]);\n });\n});\n*/\n","access","public","isModerationBlocked","isAnonifyApiKeyDetected","dd",{"_38":39,"_40":41},"disablePrefetch",true,"shouldPrefetchAccount","shouldPrefetchUser","shouldPrefetchSystemHints","promoteCss","disableSSR","stripModulepreloadImports","statsigGateEvaluationsPromise",["P",37],"traceId","9326375135959264602","traceTime",1780662863403]