\n \n \n \n\n",[121,135],"62c79e824403563406da8ea4c52a5d2f4f952b64d3483c1de60b07bf47c64db7","5c059140-3996-11f1-a04c-42b51c65c3df","5404b440-f52b-11ef-99f0-569c3dd06744",74,["D",1776345337676],8,"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[121,135],"1ea8b3da4e18d579298229ba24af91b14b14ae02565f57c996f9acaa1f8333bc","frontend/favicon.svg",{"_32":162,"_13":155,"_83":163,"_85":124,"_86":33,"_87":164,"_89":26,"_34":165,"_40":116,"_91":139,"_93":166,"_66":48,"_95":-5,"_96":-7,"_76":167,"_98":168},{"_32":154,"_13":155,"_83":156,"_85":113,"_86":58,"_87":157,"_89":26,"_34":158,"_40":116,"_91":139,"_93":159,"_66":48,"_95":-5,"_96":-7,"_76":160,"_98":161},"22a313ae-a4e0-42d6-ba4e-128ae672019c","favicon.svg","019f5787-9e56-744c-a7c0-efd159402223",12,["D",1783891090793],"\n\n",[121,155],"0758b700e2776b2211daa77da9c998d7470cb4fed5e9374a3b43c26f5bca0a0c","82a730d4-3261-11f0-aa46-569c3dd06744","6f196b86-3261-11f0-9a3d-569c3dd06744",45,["D",1747405483360],"\n",[121,155],"1b9cfa9bc87dc0db12471f908bb8438c469ac9b2a59379157b627909cb30fc53","frontend/components/App.tsx",{"_32":181,"_13":173,"_83":182,"_85":183,"_86":33,"_87":184,"_89":26,"_34":185,"_40":137,"_91":117,"_93":186,"_66":48,"_95":-5,"_96":-7,"_76":187,"_98":188},{"_32":172,"_13":173,"_83":174,"_85":175,"_86":58,"_87":20,"_89":26,"_34":176,"_40":22,"_91":117,"_93":177,"_66":48,"_95":-5,"_96":-7,"_76":178,"_98":179},"60dc5e4e-4453-47d8-9613-dd830744670f","App.tsx","019f5787-9e56-744c-a7c0-e2f4ac3695ef","019f5787-9e56-744c-a7c0-e8da824a838c",["D",1783891090828],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport {\n type ChangeEvent,\n type DragEvent,\n type FormEvent,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"https://esm.sh/react@18.2.0\";\n\ntype Job = {\n id: string;\n name: string;\n endpoint: string;\n state: string;\n openai_batch_id: string | null;\n output_file_id: string | null;\n error_file_id: string | null;\n request_total: number;\n request_completed: number;\n request_failed: number;\n input_bytes: number;\n last_error: string | null;\n created_at: number;\n};\n\nconst sample =\n `{\"custom_id\":\"request-1\",\"method\":\"POST\",\"url\":\"/v1/responses\",\"body\":{\"model\":\"gpt-5-mini\",\"input\":\"Write a one-line greeting.\"}}`;\nconst terminal = new Set([\n \"completed\",\n \"failed\",\n \"expired\",\n \"cancelled\",\n \"failed_local\",\n]);\n\nasync function api(path: string, init?: RequestInit) {\n const response = await fetch(path, {\n ...init,\n headers: {\n \"Content-Type\": \"application/json\",\n ...init?.headers,\n },\n });\n const data = await response.json();\n if (!response.ok) {\n throw new Error(data.error ?? `Request failed (${response.status})`);\n }\n return data;\n}\n\nfunction badge(state: string) {\n if (state === \"completed\") {\n return \"bg-emerald-100 text-emerald-800\";\n }\n if ([\"failed\", \"expired\", \"failed_local\"].includes(state)) {\n return \"bg-red-100 text-red-800\";\n }\n if ([\"queued\", \"submitting\"].includes(state)) {\n return \"bg-amber-100 text-amber-800\";\n }\n return \"bg-blue-100 text-blue-800\";\n}\n\nexport function App() {\n const [jobs, setJobs] = useState([]);\n const [name, setName] = useState(\"\");\n const [endpoint, setEndpoint] = useState(\"/v1/responses\");\n const [jsonl, setJsonl] = useState(sample);\n const [fileNames, setFileNames] = useState([]);\n const [dragging, setDragging] = useState(false);\n const [busy, setBusy] = useState(false);\n const [message, setMessage] = useState(\"\");\n const fileInput = useRef(null);\n const dragDepth = useRef(0);\n\n const activeCount = useMemo(\n () => jobs.filter((job) => !terminal.has(job.state)).length,\n [jobs],\n );\n\n async function load() {\n try {\n setJobs((await api(\"/api/jobs\")).jobs);\n } catch (error) {\n setMessage(String(error));\n }\n }\n\n useEffect(() => {\n load();\n const timer = setInterval(load, 30_000);\n return () => clearInterval(timer);\n }, []);\n\n async function loadFiles(files: File[]) {\n if (files.length === 0) return;\n\n setMessage(\"\");\n try {\n const contents = await Promise.all(files.map((file) => file.text()));\n const combined = contents.reduce((result, content) => {\n if (result && !result.endsWith(\"\\n\") && !content.startsWith(\"\\n\")) {\n return `${result}\\n${content}`;\n }\n return result + content;\n }, \"\");\n setJsonl(combined);\n setFileNames(files.map((file) => file.name));\n if (!name && files.length === 1) {\n setName(files[0].name.replace(/\\.(jsonl|ndjson)$/i, \"\"));\n }\n } catch (error) {\n setMessage(\n `Could not read the selected files: ${\n error instanceof Error ? error.message : String(error)\n }`,\n );\n }\n }\n\n function selectFiles(event: ChangeEvent) {\n void loadFiles(Array.from(event.currentTarget.files ?? []));\n event.currentTarget.value = \"\";\n }\n\n function dropFiles(event: DragEvent) {\n event.preventDefault();\n dragDepth.current = 0;\n setDragging(false);\n void loadFiles(Array.from(event.dataTransfer.files));\n }\n\n async function submit(event: FormEvent) {\n event.preventDefault();\n setBusy(true);\n setMessage(\"\");\n try {\n await api(\"/api/jobs\", {\n method: \"POST\",\n body: JSON.stringify({ name, endpoint, jsonl }),\n });\n setName(\"\");\n setMessage(\n \"Queued. The worker submits up to three batches every 15 minutes.\",\n );\n await load();\n } catch (error) {\n setMessage(error instanceof Error ? error.message : String(error));\n } finally {\n setBusy(false);\n }\n }\n\n async function action(id: string, verb: \"refresh\" | \"cancel\") {\n setMessage(\"\");\n try {\n await api(`/api/jobs/${id}/${verb}`, { method: \"POST\" });\n await load();\n } catch (error) {\n setMessage(error instanceof Error ? error.message : String(error));\n }\n }\n\n return (\n

\n OpenAI Batch Console\n

\n Queue, monitor, and download JSONL results.\n

\n \n

\n\n

New batch

\n \n Name\n setName(e.currentTarget.value)}\n placeholder=\"Nightly classification\"\n className=\"mt-1 w-full rounded-lg border border-slate-700 bg-slate-950 px-3 py-2 outline-none focus:border-blue-500\"\n />\n \n \n Endpoint\n setEndpoint(e.currentTarget.value)}\n className=\"mt-1 w-full rounded-lg border border-slate-700 bg-slate-950 px-3 py-2 font-mono text-sm outline-none focus:border-blue-500\"\n />\n \n

\n Batch JSONL\n {\n event.preventDefault();\n dragDepth.current += 1;\n setDragging(true);\n }}\n onDragOver={(event) => event.preventDefault()}\n onDragLeave={() => {\n dragDepth.current = Math.max(0, dragDepth.current - 1);\n if (dragDepth.current === 0) {\n setDragging(false);\n }\n }}\n onDrop={dropFiles}\n className={`mt-1 rounded-lg border-2 border-dashed p-4 text-center transition ${\n dragging\n ? \"border-blue-400 bg-blue-950/40\"\n : \"border-slate-700 bg-slate-950\"\n }`}\n >\n \n

\n Drop one or more JSONL files here\n

\n fileInput.current?.click()}\n className=\"mt-2 rounded-lg border border-slate-600 px-3 py-1.5 text-sm hover:bg-slate-800\"\n >\n Choose files\n \n

\n Multiple files are combined in selection order.\n

\n {fileNames.length > 0 && (\n

\n Loaded {fileNames.length} file{fileNames.length === 1 ? \"\" : \"s\"}:\n {\" \"}\n {fileNames.join(\", \")}\n

\n )}\n {\n setJsonl(e.currentTarget.value);\n setFileNames([]);\n }}\n rows={13}\n spellCheck={false}\n aria-label=\"Batch JSONL content\"\n className=\"mt-3 w-full rounded-lg border border-slate-700 bg-slate-950 px-3 py-2 font-mono text-xs leading-5 outline-none focus:border-blue-500\"\n />\n

\n \n {busy ? \"Queuing...\" : \"Queue batch\"}\n \n \n

\n OpenAI allows up to 50,000 requests and 200 MB per batch. This val\n defaults to an 8 MB transient queue cap to protect Val Town storage.\n

\n \n\n

Jobs

\n {activeCount} active - auto-refreshes every 30 seconds\n

\n \n Reload\n \n

\n {message && (\n

\n {message}\n

\n )}\n

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

\n No batch jobs yet.\n

\n )}\n {jobs.map((job) => (\n \n

{job.name}

\n {job.openai_batch_id ?? job.id}\n

\n \n {job.state}\n \n

\n \n

\n \n {job.request_completed}/{job.request_total} completed\n \n {job.request_failed} failed\n {(job.input_bytes / 1024).toFixed(1)} KB\n {job.endpoint}\n

\n {job.last_error && (\n

\n                    {job.last_error}\n

\n )}\n

\n {!terminal.has(job.state) && job.openai_batch_id && (\n action(job.id, \"refresh\")}\n className=\"rounded-lg border border-slate-700 px-3 py-1.5 hover:bg-slate-800\"\n >\n Refresh status\n \n )}\n {!terminal.has(job.state) && (\n action(job.id, \"cancel\")}\n className=\"rounded-lg border border-red-900 px-3 py-1.5 text-red-300 hover:bg-red-950\"\n >\n Cancel\n \n )}\n {job.output_file_id && (\n \n Download output\n \n )}\n {job.error_file_id && (\n \n Download errors\n \n )}\n

\n ))}\n \n

\n \n View source and remix\n \n

\n \n \n \n );\n}\n",[121,180,173],"1dbfc8691f72e1cd3f5eba5c112d5f7e5e1d6b244f6612006c990d26dd43ccb5","components","5d7e5e30-3996-11f1-bbdd-42b51c65c3df","6e585892-f52b-11ef-a8e1-569c3dd06744","69ed66bc-f52b-11ef-9dac-569c3dd06744",75,["D",1776345339930],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Counter } from \"./Counter.tsx\";\n\nexport function App() {\n return (\n

React + Hono Starter

\n \n

\n View source\n

\n );\n}\n",[121,180,173],"de0a7e5fc76c6fd6135aff964af1a5835e04e2758b23f3d0c7d9fabffe514df7","README.md",{"_32":199,"_13":189,"_83":200,"_85":-5,"_86":33,"_87":60,"_89":48,"_34":201,"_40":202,"_91":139,"_93":203,"_66":48,"_95":-5,"_96":-7,"_76":204,"_98":205},{"_32":192,"_13":189,"_83":193,"_85":-5,"_86":58,"_87":194,"_89":26,"_34":195,"_40":22,"_91":139,"_93":196,"_66":48,"_95":-5,"_96":-7,"_76":197,"_98":198},"6249b39a-e883-4c00-91fd-6d75e32a20fb","019f5787-9e56-744c-a7c0-ffd51944028f",9,["D",1783891090787],"# OpenAI Batch Console\n\nA Val Town dashboard for queueing OpenAI Batch API JSONL files, monitoring batch\nprogress, cancelling jobs, and downloading output/error files.\n\n- Val: https://www.val.town/x/khxu/openai-batch-dashboard\n- Live dashboard: https://khxu--019f57879e56744ca7c10231b454a6bb.web.val.run\n\n## Setup\n\n1. Create an OpenAI API key at https://platform.openai.com/api-keys.\n2. Add it to the val as `OPENAI_API_KEY`.\n3. Log in with Val Town at the HTTP endpoint. Access is restricted to `khxu`.\n4. Paste JSONL, or drag and drop/select one or more JSONL files, then queue the\n batch. Multiple files are combined in selection order.\n\nAdd the OpenAI key here:\n\nhttps://www.val.town/x/khxu/openai-batch-dashboard/environment-variables?key=OPENAI_API_KEY\n\nOptional val environment variables:\n\n- `MAX_BATCH_SUBMISSIONS_PER_RUN` - queued batches submitted per worker run\n (default `3`, maximum `20`).\n- `MAX_QUEUED_FILE_BYTES` - maximum transient JSONL size accepted by the val\n (default `8000000`).\n\n## GitHub and Val Town sync\n\nGitHub is the source of truth. `.github/workflows/deploy.yml` deploys pushes to\n`main` with the Val Town `vt` CLI. `.github/workflows/pull.yml` periodically\ncaptures edits made in the Val Town editor.\n\nCreate a Val Town API key with val read/write scope at:\n\nhttps://www.val.town/settings/api\n\nAdd it to this repository as the `VAL_TOWN_API_KEY` Actions secret:\n\nhttps://github.com/khxu/llm-batch-processor/settings/secrets/actions/new\n\nThe workflows intentionally fail with a clear message until that secret is\nconfigured.\n\n## Storage and rate limits\n\nSQLite stores only job metadata. Blob storage holds input JSONL only while a job\nis queued and deletes it after OpenAI accepts the batch. Output and error files\nare streamed directly from OpenAI, so they do not consume Val Town blob storage.\n\nVal Town blob storage is account-wide: 10 MB on Free and 1 GB on Pro. The\ndefault 8 MB input cap is intentionally conservative. Separate object storage is\nunnecessary for ordinary small/medium batches with a short queue. Use S3/R2 if\nyou need multiple large queued inputs or retained archives.\n\nThe worker runs every 15 minutes. It polls active batches and submits a bounded\nnumber of queued jobs. OpenAI Batch API limits are separate from synchronous API\nlimits; account-specific enqueued-token limits still apply.\n\n## Security\n\nThe UI and APIs use Val Town OAuth and reject users other than `khxu`. The\nOpenAI key remains server-side in Val Town environment variables.\n",[189],"24540696e491fdc51ec466376caf4373ce7e0af46052193fa842311eb2a8ccda","b9c749c0-59e1-11f1-bb5f-ee650bb23af1","a50c3760-f53e-11ef-bd6d-569c3dd06744",["D",1779896144390],31,"# React + Hono Starter\n\nA minimal starter template for building client-side React apps with a Hono\nbackend on Val Town. Click **Remix** to get your own copy.\n\n## Picking a starter\n\n| Starter | When to pick it |\n| --- | --- |\n| [`basic-html-starter`](https://www.val.town/x/templates/basic-html-starter) | Static HTML pages. Sprinkle of vanilla JS. No server-side rendering. |\n| [`hono-jsx-starter`](https://www.val.town/x/templates/hono-jsx-starter) | Dynamic server-rendered HTML with JSX. API routes. No React, no SPA. |\n| **[`react-hono-starter`](https://www.val.town/x/templates/react-hono-starter)** *(you're here)* | Client-side React SPA with a Hono API backend. |\n\n**Want to build UI?** Start writing React components in\n[`frontend/components/`](/frontend/components/). Import them into `App.tsx` and\nyou're good to go. Styling is [Twind](https://twind.style/) — just use Tailwind\nutility classes, zero config.\n\n**Want to add an API?** Add routes in [`index.ts`](/index.ts) (there's a\ncommented-out example). Fetch them from your React components.\n\n## Architecture\n\n```mermaid\ngraph LR\n Browser -->|\"GET /\"| Hono[\"index.ts
(Hono server)\"]\n Hono -->|serves| HTML[\"index.html\"]\n HTML -->|loads| Entry[\"index.tsx\"]\n Entry -->|renders| App[\"App.tsx\"]\n App -->|renders| Counter[\"Counter.tsx\"]\n```\n\n## File structure\n\n```\nindex.ts ← Hono backend (serves frontend + API routes)\nfrontend/\n index.html ← HTML shell (loads Twind + React)\n index.tsx ← React entrypoint (mounts )\n favicon.svg ← App icon\n components/\n App.tsx ← Root component (layout + view source link)\n Counter.tsx ← Example component with state\n```\n\n## How it works\n\n1. **`index.ts`** is the HTTP entrypoint — a Hono server that serves the\n frontend and any API routes you add.\n2. **`frontend/index.html`** loads Twind and the React entrypoint.\n3. **`frontend/index.tsx`** mounts the React app.\n4. **`frontend/components/App.tsx`** is the root layout — add new components\n alongside it.\n5. **`frontend/components/Counter.tsx`** is an example stateful component —\n replace it with your own!\n\n## Next steps\n\n- Add API routes in `index.ts`\n- Add new components in `frontend/components/`\n- Add a SQLite database — see the\n [React Hono Example](https://www.val.town/x/stevekrouse/reactHonoExample) for\n a full-stack example with database, queries, and shared types\n",[189],"aaa4f5cc8e5bd01528335cdd2066e164bf95353ce2fe37c616b3e6406f49331e",{"_76":239,"_78":-7,"_80":240},{"_76":231,"_78":-7,"_80":232},{"_76":220,"_78":-7,"_80":221},{"_76":210,"_78":-7,"_80":211},"worker.ts",{"_32":212,"_13":210,"_83":213,"_85":-5,"_86":58,"_87":214,"_89":26,"_34":215,"_40":116,"_91":216,"_93":217,"_66":48,"_95":-5,"_96":-7,"_76":218,"_98":219},"63da0a9b-5186-455a-aac1-237d96141c49","72ade53e-7e1d-11f1-a961-1607ee4eb77e",13,["D",1783891091086],"interval","import { runWorker } from \"./lib/batch.ts\";\n\ntype IntervalEvent = {\n lastRunAt?: Date;\n};\n\nexport default async function (_interval: IntervalEvent) {\n const result = await runWorker();\n console.log(result);\n return result;\n}\n",[210],"55c79d5c75109ae69e42949d526d767628544fd87ab79e0a245e006a0e66da4c","lib/batch.ts",{"_32":222,"_13":223,"_83":224,"_85":225,"_86":58,"_87":226,"_89":26,"_34":227,"_40":22,"_91":117,"_93":228,"_66":48,"_95":-5,"_96":-7,"_76":229,"_98":230},"1e65b23d-46b7-4e92-a55a-d890a255a9fe","batch.ts","72bf847e-7e1d-11f1-b856-1607ee4eb77e","c180e23a-f911-407e-b733-64191141d7d4",11,["D",1783891090914],"import { blob } from \"https://esm.town/v/std/blob/main.ts\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nconst API_BASE = \"https://api.openai.com/v1\";\nconst TERMINAL = new Set([\n \"completed\",\n \"failed\",\n \"expired\",\n \"cancelled\",\n \"failed_local\",\n]);\n\nexport type Job = {\n id: string;\n name: string;\n endpoint: string;\n state: string;\n openai_batch_id: string | null;\n input_file_id: string | null;\n output_file_id: string | null;\n error_file_id: string | null;\n request_total: number;\n request_completed: number;\n request_failed: number;\n input_bytes: number;\n attempts: number;\n last_error: string | null;\n created_at: number;\n updated_at: number;\n};\n\nclass OpenAIError extends Error {\n constructor(public status: number, message: string) {\n super(message);\n }\n}\n\nexport async function ensureSchema() {\n await sqlite.batch([\n `CREATE TABLE IF NOT EXISTS batch_jobs (\n id TEXT PRIMARY KEY,\n name TEXT NOT NULL,\n endpoint TEXT NOT NULL,\n state TEXT NOT NULL,\n openai_batch_id TEXT,\n input_file_id TEXT,\n output_file_id TEXT,\n error_file_id TEXT,\n request_total INTEGER NOT NULL DEFAULT 0,\n request_completed INTEGER NOT NULL DEFAULT 0,\n request_failed INTEGER NOT NULL DEFAULT 0,\n input_bytes INTEGER NOT NULL,\n blob_key TEXT,\n attempts INTEGER NOT NULL DEFAULT 0,\n last_error TEXT,\n created_at INTEGER NOT NULL,\n updated_at INTEGER NOT NULL\n )`,\n `CREATE INDEX IF NOT EXISTS batch_jobs_state_idx\n ON batch_jobs(state, updated_at)`,\n `CREATE TABLE IF NOT EXISTS worker_locks (\n name TEXT PRIMARY KEY,\n locked_until INTEGER NOT NULL\n )`,\n ]);\n}\n\nfunction apiKey() {\n const key = Deno.env.get(\"OPENAI_API_KEY\");\n if (!key) throw new Error(\"OPENAI_API_KEY is not configured\");\n return key;\n}\n\nasync function openai(path: string, init: RequestInit = {}) {\n const headers = new Headers(init.headers);\n headers.set(\"Authorization\", `Bearer ${apiKey()}`);\n if (\n !(init.body instanceof FormData) &&\n init.body &&\n !headers.has(\"Content-Type\")\n ) {\n headers.set(\"Content-Type\", \"application/json\");\n }\n const response = await fetch(`${API_BASE}${path}`, { ...init, headers });\n if (!response.ok) {\n const text = await response.text();\n throw new OpenAIError(\n response.status,\n `OpenAI ${response.status}: ${text.slice(0, 1000)}`,\n );\n }\n return response;\n}\n\nfunction validateJsonl(jsonl: string, endpoint: string) {\n const bytes = new TextEncoder().encode(jsonl).byteLength;\n const maxBytes = Number(\n Deno.env.get(\"MAX_QUEUED_FILE_BYTES\") ?? 8_000_000,\n );\n if (!jsonl.trim()) throw new Error(\"JSONL input is empty\");\n if (bytes > maxBytes) {\n throw new Error(\n `Input exceeds this val's ${maxBytes.toLocaleString()} byte queue limit`,\n );\n }\n\n const ids = new Set();\n let requests = 0;\n let model: string | undefined;\n for (const [index, line] of jsonl.split(/\\r?\\n/).entries()) {\n if (!line.trim()) continue;\n let item: Record;\n try {\n item = JSON.parse(line);\n } catch {\n throw new Error(`Line ${index + 1} is not valid JSON`);\n }\n if (item.method !== \"POST\") {\n throw new Error(`Line ${index + 1}: method must be POST`);\n }\n if (item.url !== endpoint) {\n throw new Error(`Line ${index + 1}: url must equal ${endpoint}`);\n }\n if (typeof item.custom_id !== \"string\" || !item.custom_id) {\n throw new Error(`Line ${index + 1}: custom_id is required`);\n }\n if (ids.has(item.custom_id)) {\n throw new Error(\n `Line ${index + 1}: duplicate custom_id ${item.custom_id}`,\n );\n }\n ids.add(item.custom_id);\n const itemModel = item.body?.model;\n if (typeof itemModel === \"string\") {\n model ??= itemModel;\n if (model !== itemModel) {\n throw new Error(\n \"All requests in a batch file must use the same model\",\n );\n }\n }\n requests++;\n }\n if (!requests) throw new Error(\"JSONL contains no requests\");\n if (requests > 50_000) {\n throw new Error(\"OpenAI allows at most 50,000 requests per batch\");\n }\n return { bytes, requests };\n}\n\nexport async function queueJob(\n name: string,\n endpoint: string,\n jsonl: string,\n) {\n await ensureSchema();\n if (!endpoint.startsWith(\"/v1/\")) {\n throw new Error(\"Endpoint must start with /v1/\");\n }\n const { bytes, requests } = validateJsonl(jsonl, endpoint);\n const id = crypto.randomUUID();\n const blobKey = `batch-input:${id}`;\n const now = Date.now();\n await blob.set(blobKey, jsonl);\n try {\n await sqlite.execute({\n sql: `INSERT INTO batch_jobs\n (id, name, endpoint, state, request_total, input_bytes, blob_key,\n created_at, updated_at)\n VALUES (?, ?, ?, 'queued', ?, ?, ?, ?, ?)`,\n args: [\n id,\n name.trim() || `Batch ${new Date(now).toLocaleString()}`,\n endpoint,\n requests,\n bytes,\n blobKey,\n now,\n now,\n ],\n });\n } catch (error) {\n await blob.delete(blobKey);\n throw error;\n }\n return id;\n}\n\nexport async function listJobs(): Promise {\n await ensureSchema();\n const result = await sqlite.execute(\n `SELECT id, name, endpoint, state, openai_batch_id, input_file_id,\n output_file_id, error_file_id, request_total, request_completed,\n request_failed, input_bytes, attempts, last_error, created_at, updated_at\n FROM batch_jobs ORDER BY created_at DESC LIMIT 100`,\n );\n return result.rows as unknown as Job[];\n}\n\nexport async function getJob(id: string) {\n await ensureSchema();\n const result = await sqlite.execute({\n sql: \"SELECT * FROM batch_jobs WHERE id = ?\",\n args: [id],\n });\n return result.rows[0] as Record | undefined;\n}\n\nasync function acquireLock() {\n const now = Date.now();\n const result = await sqlite.execute({\n sql: `INSERT INTO worker_locks(name, locked_until)\n VALUES ('batch-worker', ?)\n ON CONFLICT(name) DO UPDATE SET locked_until = excluded.locked_until\n WHERE worker_locks.locked_until < ?`,\n args: [now + 4 * 60_000, now],\n });\n return result.rowsAffected > 0;\n}\n\nasync function updateFromBatch(id: string, batch: any) {\n await sqlite.execute({\n sql: `UPDATE batch_jobs SET state = ?, openai_batch_id = ?,\n input_file_id = ?, output_file_id = ?, error_file_id = ?,\n request_total = ?, request_completed = ?, request_failed = ?,\n last_error = ?, updated_at = ? WHERE id = ?`,\n args: [\n batch.status,\n batch.id,\n batch.input_file_id,\n batch.output_file_id ?? null,\n batch.error_file_id ?? null,\n batch.request_counts?.total ?? 0,\n batch.request_counts?.completed ?? 0,\n batch.request_counts?.failed ?? 0,\n batch.errors ? JSON.stringify(batch.errors).slice(0, 4000) : null,\n Date.now(),\n id,\n ],\n });\n}\n\nasync function submitJob(job: Record) {\n await sqlite.execute({\n sql: `UPDATE batch_jobs SET state = 'submitting',\n attempts = attempts + 1, updated_at = ? WHERE id = ?`,\n args: [Date.now(), job.id],\n });\n try {\n let inputFileId = job.input_file_id as string | null;\n if (!inputFileId) {\n const response = await blob.get(job.blob_key);\n const jsonl = await response.text();\n const form = new FormData();\n form.set(\"purpose\", \"batch\");\n form.set(\n \"file\",\n new File([jsonl], `${job.id}.jsonl`, {\n type: \"application/jsonl\",\n }),\n );\n const uploaded = await openai(\"/files\", {\n method: \"POST\",\n body: form,\n }).then((r) => r.json());\n inputFileId = uploaded.id;\n await sqlite.execute({\n sql: `UPDATE batch_jobs SET input_file_id = ?, updated_at = ?\n WHERE id = ?`,\n args: [inputFileId, Date.now(), job.id],\n });\n }\n const batch = await openai(\"/batches\", {\n method: \"POST\",\n body: JSON.stringify({\n input_file_id: inputFileId,\n endpoint: job.endpoint,\n completion_window: \"24h\",\n metadata: {\n val_job_id: job.id,\n name: job.name.slice(0, 200),\n },\n }),\n }).then((r) => r.json());\n await updateFromBatch(job.id, batch);\n if (job.blob_key) await blob.delete(job.blob_key);\n await sqlite.execute({\n sql: \"UPDATE batch_jobs SET blob_key = NULL WHERE id = ?\",\n args: [job.id],\n });\n } catch (error) {\n const retryable = error instanceof OpenAIError &&\n (error.status === 429 || error.status >= 500);\n await sqlite.execute({\n sql: `UPDATE batch_jobs SET state = ?, last_error = ?, updated_at = ?\n WHERE id = ?`,\n args: [\n retryable ? \"queued\" : \"failed_local\",\n String(error).slice(0, 4000),\n Date.now(),\n job.id,\n ],\n });\n }\n}\n\nexport async function refreshJob(id: string) {\n const job = await getJob(id);\n if (!job) throw new Error(\"Job not found\");\n if (!job.openai_batch_id || TERMINAL.has(job.state)) return job;\n const batch = await openai(`/batches/${job.openai_batch_id}`).then((r) =>\n r.json()\n );\n await updateFromBatch(id, batch);\n return await getJob(id);\n}\n\nexport async function runWorker() {\n await ensureSchema();\n if (!(await acquireLock())) return { skipped: \"worker already running\" };\n\n const stale = Date.now() - 20 * 60_000;\n await sqlite.execute({\n sql: `UPDATE batch_jobs SET state = 'queued',\n last_error = 'Recovered a stale submission', updated_at = ?\n WHERE state = 'submitting' AND updated_at < ?`,\n args: [Date.now(), stale],\n });\n\n const active = await sqlite.execute(\n `SELECT id FROM batch_jobs WHERE openai_batch_id IS NOT NULL\n AND state NOT IN ('completed', 'failed', 'expired', 'cancelled')\n ORDER BY updated_at ASC LIMIT 50`,\n );\n for (const row of active.rows) {\n try {\n await refreshJob(String(row.id));\n } catch (error) {\n await sqlite.execute({\n sql: `UPDATE batch_jobs SET last_error = ?, updated_at = ?\n WHERE id = ?`,\n args: [String(error).slice(0, 4000), Date.now(), row.id],\n });\n }\n }\n\n const limit = Math.max(\n 1,\n Math.min(\n 20,\n Number(Deno.env.get(\"MAX_BATCH_SUBMISSIONS_PER_RUN\") ?? 3),\n ),\n );\n const queued = await sqlite.execute({\n sql: `SELECT * FROM batch_jobs WHERE state = 'queued'\n ORDER BY created_at ASC LIMIT ?`,\n args: [limit],\n });\n for (const job of queued.rows) {\n await submitJob(job as Record);\n }\n await sqlite.execute({\n sql: `UPDATE worker_locks SET locked_until = 0\n WHERE name = 'batch-worker'`,\n });\n return {\n refreshed: active.rows.length,\n submitted: queued.rows.length,\n };\n}\n\nexport async function cancelJob(id: string) {\n const job = await getJob(id);\n if (!job) throw new Error(\"Job not found\");\n if (job.state === \"queued\") {\n if (job.blob_key) await blob.delete(job.blob_key);\n await sqlite.execute({\n sql: `UPDATE batch_jobs SET state = 'cancelled', blob_key = NULL,\n updated_at = ? WHERE id = ?`,\n args: [Date.now(), id],\n });\n return;\n }\n if (!job.openai_batch_id || TERMINAL.has(job.state)) {\n throw new Error(\"Job cannot be cancelled in its current state\");\n }\n const batch = await openai(`/batches/${job.openai_batch_id}/cancel`, {\n method: \"POST\",\n }).then((r) => r.json());\n await updateFromBatch(id, batch);\n}\n\nexport async function fileResponse(\n id: string,\n kind: \"output\" | \"error\",\n) {\n const job = await getJob(id);\n if (!job) throw new Error(\"Job not found\");\n const fileId = kind === \"output\" ? job.output_file_id : job.error_file_id;\n if (!fileId) throw new Error(`${kind} file is not available`);\n return await openai(`/files/${fileId}/content`);\n}\n",[231,223],"8345cb84153e49e77321bb9355282e340ec54e3e2f86da5ad716ef779d84e0e0","lib",{"_32":233,"_13":231,"_83":225,"_85":-5,"_86":58,"_87":234,"_89":26,"_34":235,"_40":236,"_91":237,"_93":-5,"_66":48,"_95":-5,"_96":-7,"_76":238,"_98":-5},"4634d912-1b8b-4830-97a4-f426ebf3c480",7,["D",1783880036835],0,"directory",[231],".vtignore",{"_32":241,"_13":239,"_83":242,"_85":-5,"_86":58,"_87":57,"_89":26,"_34":243,"_40":236,"_91":139,"_93":244,"_66":48,"_95":-5,"_96":-7,"_76":245,"_98":246},"6e3ba639-5ff8-42c8-9d6d-4b0fc3f0db40","302d70fc-7e37-11f1-97c2-1607ee4eb77e",["D",1783891090825],".github/\n.git/\n",[239],"c6a30314758f516ad89977b0869a4d8bcc75a9d58e381feea67d803257d29017",["D",1783879933383],"legacyEnvVars","httpPrivacy","description","Submit and monitor OpenAI Batch API jobs","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789534799&sig=2fe932419d898cd124d0961cab25a5a9c3bd76c8b30cb3b9e71257c7b34e60a2","userId","0198fc74-a2ac-77df-bbdc-e23a8e395bee","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","0198fc74-a2ad-7019-840f-e164a0170dfc","tursoName","36e7b776fb7f421aa88c653cbd1b03d8","tursoHostname","36e7b776fb7f421aa88c653cbd1b03d8-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789472446807],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_289":285},"org",{"_11":12,"_283":-5,"_284":285,"_254":255,"_286":287,"_288":48},"branch","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18zMjFKVFdGYXdiZmFXS0hOajdwWHNBOUlZUE4ifQ","tier","pro","canRestrictVals","profileImageUrl","","adoptOrgId",{"_32":59,"_13":14,"_34":394,"_46":-5,"_248":48,"_49":50,"_249":50,"_250":251,"_252":253,"_254":255,"_256":84,"_257":26,"_258":-5,"_259":-5,"_260":236,"_53":261,"_262":263,"_264":265,"_266":395,"_268":-5,"_269":270,"_271":270,"_272":273,"_274":273,"_275":273,"_276":270,"_277":270,"_278":396,"_280":397,"_282":398,"_47":48},"tree",[347,354,356,357,358,359],"files",[347,348,349,350,351,352,353,354,355,356,357,358,359],"counts",{"_337":236,"_338":116,"_339":236,"_340":341,"_342":343},"contents",[318,319,320,321,322,323],"upstreamProject",{"_32":39,"_13":56,"_250":315,"_252":253,"_49":50,"_278":316},"upstreamBranch",{"_32":33,"_34":313,"_36":314,"_13":16,"_38":39,"_40":41,"_42":-5,"_43":-5,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":52,"_53":54,"_55":56},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740674013689],["D",1785420707976],"Starter template with client-side React & Hono server",{"_11":52,"_289":317},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789534799&sig=94d49ad984a50880ef894a3794e08842e7b9b626be771ff48da114d7d9a149ed",{"_32":334,"_13":121,"_83":113,"_85":-5,"_86":58,"_87":116,"_89":26,"_34":335,"_40":236,"_91":237,"_93":-5,"_66":48,"_95":-5,"_76":336},{"_32":233,"_13":231,"_83":225,"_85":-5,"_86":58,"_87":234,"_89":26,"_34":332,"_40":236,"_91":237,"_93":-5,"_66":48,"_95":-5,"_76":333},{"_32":241,"_13":239,"_83":242,"_85":-5,"_86":58,"_87":57,"_89":26,"_34":330,"_40":236,"_91":139,"_93":244,"_66":48,"_95":-5,"_76":331},{"_32":192,"_13":189,"_83":193,"_85":-5,"_86":58,"_87":194,"_89":26,"_34":328,"_40":22,"_91":139,"_93":196,"_66":48,"_95":-5,"_76":329},{"_32":82,"_13":77,"_83":84,"_85":-5,"_86":58,"_87":88,"_89":26,"_34":326,"_40":22,"_91":92,"_93":94,"_66":48,"_95":-5,"_76":327},{"_32":212,"_13":210,"_83":213,"_85":-5,"_86":58,"_87":214,"_89":26,"_34":324,"_40":116,"_91":216,"_93":217,"_66":48,"_95":-5,"_76":325},["D",1783891091086],[210],["D",1783891091117],[77],["D",1783891090787],[189],["D",1783891090825],[239],["D",1783880036835],[231],"cd2f3e6a-3d8f-41a1-be95-898eeb8449f8",["D",1783879933383],[121],"pulls","branches","forks","envVars",{"_344":127,"_346":236},"connections",{"_344":236,"_345":236},"count","unfilledCount","emptyCount",{"_32":334,"_13":121,"_83":113,"_85":-5,"_86":58,"_87":116,"_89":26,"_34":391,"_40":236,"_91":237,"_93":-5,"_66":48,"_95":-5,"_96":392,"_76":393},{"_32":387,"_13":180,"_83":175,"_85":113,"_86":58,"_87":116,"_89":26,"_34":388,"_40":236,"_91":237,"_93":-5,"_66":48,"_95":-5,"_96":389,"_76":390},{"_32":172,"_13":173,"_83":174,"_85":175,"_86":58,"_87":20,"_89":26,"_34":176,"_40":22,"_91":117,"_93":177,"_66":48,"_95":-5,"_96":385,"_76":386},{"_32":378,"_13":379,"_83":380,"_85":175,"_86":58,"_87":116,"_89":26,"_34":381,"_40":236,"_91":117,"_93":382,"_66":48,"_95":-5,"_96":383,"_76":384},{"_32":154,"_13":155,"_83":156,"_85":113,"_86":58,"_87":157,"_89":26,"_34":158,"_40":116,"_91":139,"_93":159,"_66":48,"_95":-5,"_96":376,"_76":377},{"_32":134,"_13":135,"_83":136,"_85":113,"_86":58,"_87":137,"_89":26,"_34":138,"_40":116,"_91":139,"_93":140,"_66":48,"_95":-5,"_96":374,"_76":375},{"_32":110,"_13":111,"_83":112,"_85":113,"_86":58,"_87":114,"_89":26,"_34":115,"_40":116,"_91":117,"_93":118,"_66":48,"_95":-5,"_96":372,"_76":373},{"_32":233,"_13":231,"_83":225,"_85":-5,"_86":58,"_87":234,"_89":26,"_34":235,"_40":236,"_91":237,"_93":-5,"_66":48,"_95":-5,"_96":370,"_76":371},{"_32":222,"_13":223,"_83":224,"_85":225,"_86":58,"_87":226,"_89":26,"_34":227,"_40":22,"_91":117,"_93":228,"_66":48,"_95":-5,"_96":368,"_76":369},{"_32":241,"_13":239,"_83":242,"_85":-5,"_86":58,"_87":57,"_89":26,"_34":243,"_40":236,"_91":139,"_93":244,"_66":48,"_95":-5,"_96":366,"_76":367},{"_32":192,"_13":189,"_83":193,"_85":-5,"_86":58,"_87":194,"_89":26,"_34":195,"_40":22,"_91":139,"_93":196,"_66":48,"_95":-5,"_96":364,"_76":365},{"_32":82,"_13":77,"_83":84,"_85":-5,"_86":58,"_87":88,"_89":26,"_34":90,"_40":22,"_91":92,"_93":94,"_66":48,"_95":-5,"_96":362,"_76":363},{"_32":212,"_13":210,"_83":213,"_85":-5,"_86":58,"_87":214,"_89":26,"_34":215,"_40":116,"_91":216,"_93":217,"_66":48,"_95":-5,"_96":360,"_76":361},[],[210],[],[77],[],[189],[],[239],[],[231,223],[355],[231],[],[121,111],[],[121,135],[],[121,155],"ce3c17da-0999-4264-83a6-f685d25a1e88","Counter.tsx","019f5787-9e56-744c-a7c0-e45d18af04cf",["D",1783879933383],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nexport function Counter() {\n const [count, setCount] = useState(0);\n return (\n

\n Clicked\n setCount((c) => c + 1)}\n class=\"bg-blue-500 hover:bg-blue-600 text-white font-medium px-4 py-2 rounded-lg transition-colors cursor-pointer\"\n >\n {count}\n \n times\n

\n );\n}\n",[],[121,180,379],[],[121,180,173],"f9b77a82-fdfb-4b04-9d38-2ab5b1b6dfe3",["D",1783879933383],[349,350],[121,180],["D",1783879933383],[348,351,352,353],[121],["D",1783879933383],["D",1789472446807],{"_11":12,"_289":285},{"_11":12,"_283":-5,"_284":285,"_254":255,"_286":287,"_288":48},{"_40":57,"_13":16,"_32":58,"_38":59,"_42":33,"_43":60,"_61":50,"_62":39,"_63":54,"_55":14,"_51":12},"ctx",{"_278":-5,"_310":432,"_433":434,"_435":436,"_437":48,"_438":48,"_439":48,"_440":26,"_441":-5,"_442":-7,"_443":-7,"_444":236,"_445":48,"_446":48,"_447":-5,"_448":48,"_449":48,"_450":48,"_451":-5},"ENV",{"_403":404,"_405":406,"_407":16,"_408":409,"_410":411,"_412":413,"_414":415,"_416":417,"_418":419,"_420":421,"_422":423,"_424":425,"_426":427,"_428":429,"_430":431},"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"]

Compare

Mergekhxu/mainintotemplates/main

README.md+50-50

frontend/components/App.tsx+399-7

frontend/favicon.svg+3-2

frontend/index.html+5-6

frontend/index.tsx+1-1

Hindex.ts+125-13

.vtignore+2-0

lib

lib/batch.ts+402-0

Cworker.ts+11-0