\n \n \n \n\n",[122,112],"8a68c030045d6834cac6bda941b1310991e89d34ab4aad9350fdb77dab226989","frontend","5c059140-3996-11f1-a04c-42b51c65c3df","5404b440-f52b-11ef-99f0-569c3dd06744","a59cbf44-f528-11ef-ae42-569c3dd06744",74,["D",1776345337676],8,"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[122,112],"1ea8b3da4e18d579298229ba24af91b14b14ae02565f57c996f9acaa1f8333bc","frontend/favicon.svg",{"_32":142,"_13":136,"_83":143,"_85":125,"_86":33,"_87":144,"_89":26,"_34":145,"_40":117,"_91":118,"_93":146,"_66":48,"_95":-5,"_96":-7,"_76":147,"_98":148},{"_32":135,"_13":136,"_83":137,"_85":114,"_86":58,"_87":128,"_89":26,"_34":138,"_40":117,"_91":118,"_93":139,"_66":48,"_95":-5,"_96":-7,"_76":140,"_98":141},"e231fbc7-0551-4ce4-bf55-03a98ba2b527","favicon.svg","019f9097-6104-7209-9669-ea268d263ead",["D",1784837502981],"\n",[122,136],"a6b98ff61a3ba145b51d488a31e684d9641bdb622f44c1b85575fdd2fba667b8","82a730d4-3261-11f0-aa46-569c3dd06744","6f196b86-3261-11f0-9a3d-569c3dd06744",45,["D",1747405483360],"\n",[122,136],"1b9cfa9bc87dc0db12471f908bb8438c469ac9b2a59379157b627909cb30fc53","frontend/components/Counter.tsx",{"_32":163,"_13":153,"_83":164,"_85":165,"_86":33,"_87":166,"_89":26,"_34":167,"_40":168,"_91":158,"_93":169,"_66":48,"_95":-5,"_96":-7,"_76":170,"_98":171},{"_32":152,"_13":153,"_83":154,"_85":155,"_86":58,"_87":156,"_89":26,"_34":157,"_40":117,"_91":158,"_93":159,"_66":48,"_95":-5,"_96":-7,"_76":160,"_98":161},"fcd5a6b3-5f24-41a1-8422-de9b53f1bf69","Counter.tsx","019f9097-6104-7209-9669-e00361e7cc88","019f9097-6104-7209-9669-e4be2cf49488",5,["D",1784837484147],"script","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nfunction GatewayLayer({ level, total }: { level: number; total: number }) {\n const label = level === 1\n ? \"Your app\"\n : level === total\n ? \"An AI model, eventually\"\n : \"Gateway \".repeat(level - 1).trim();\n\n return (\n

\n {label}\n layer {level}\n

\n {level < total\n ? \n :

hello, world

}\n

\n );\n}\n\nexport function GatewayCounter() {\n const [layers, setLayers] = useState(3);\n const maxed = layers >= 7;\n\n return (\n

\n \n

\n setLayers((value) => Math.min(7, value + 1))}\n disabled={maxed}\n className=\"rounded-full bg-indigo-600 hover:bg-indigo-700 disabled:bg-gray-300 text-white font-bold px-5 py-2 cursor-pointer transition-colors\"\n >\n {maxed ? \"Architecture complete\" : \"Add strategic gateway\"}\n \n setLayers(3)}\n className=\"text-sm text-gray-500 hover:text-gray-900 underline cursor-pointer\"\n >\n Roll back to merely absurd\n \n

\n {maxed && (\n

\n You have achieved enterprise architecture. Nobody remembers where the model is.\n

\n )}\n

\n );\n}\n",[122,162,153],"a3372abcce1802d85e3403806b6fa623e1a257990fe8cf76647e0e8aa39af1fa","components","57a8cc52-3996-11f1-8db6-42b51c65c3df","57a8cd2e-3996-11f1-8db6-42b51c65c3df","69ed66bc-f52b-11ef-9dac-569c3dd06744",73,["D",1776345330366],0,"/** @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",[122,162,153],"10ce4fbd7e41af337e504c3877201698031249b437d941845f0f7cdc52a79e66","frontend/components/App.tsx",{"_32":184,"_13":176,"_83":185,"_85":165,"_86":33,"_87":186,"_89":26,"_34":187,"_40":156,"_91":158,"_93":188,"_66":48,"_95":-5,"_96":-7,"_76":189,"_98":190},{"_32":175,"_13":176,"_83":177,"_85":155,"_86":58,"_87":178,"_89":26,"_34":179,"_40":180,"_91":158,"_93":181,"_66":48,"_95":-5,"_96":-7,"_76":182,"_98":183},"2d1537d5-c283-47b1-a14e-45b0d47bb645","App.tsx","019f9097-6104-7209-9669-dc888b5c9369",17,["D",1784837761276],3,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { GatewayCounter } from \"./Counter.tsx\";\n\ntype Status = {\n valid: boolean;\n gatewayCount: number;\n inboundAuth: boolean;\n strategy: string;\n error?: string;\n};\n\nconst principles = [\n [\"Universal compatibility*\", \"*with anything that speaks OpenAI-ish JSON\"],\n [\"Multi-gateway failover\", \"When one middleman fails, try another middleman.\"],\n [\"Enterprise governance\", \"Every response is ISO-42069-pending.\"],\n];\n\nconst testimonials = [\n [\"“We reduced vendor lock-in by adding a vendor.”\", \"VP of Optionality\"],\n [\"“Our latency is now diversified.”\", \"Chief Gateway Officer\"],\n [\"“Finally, one throat to choke, connected to several other throats.”\", \"Gartner, probably\"],\n];\n\nexport function App() {\n const [status, setStatus] = useState(null);\n const origin = typeof window === \"undefined\" ? \"\" : window.location.origin;\n const curlExample = \"curl \" + origin + \"/v1/chat/completions \\\\\\n\" +\n \" -H \\\"Authorization: Bearer $KEY\\\" \\\\\\n\" +\n \" -H \\\"x-gateway-gateway: openrouter\\\" \\\\\\n\" +\n \" -H \\\"Content-Type: application/json\\\" \\\\\\n\" +\n \" -d '{\\\"model\\\":\\\"openai/gpt-4o-mini\\\",\\n\" +\n \" \\\"messages\\\":[{\\\"role\\\":\\\"user\\\",\\n\" +\n \" \\\"content\\\":\\\"why\\\"}]}'\";\n\n useEffect(() => {\n fetch(\"/api/status\").then((response) => response.json()).then(setStatus).catch(() => {\n setStatus({ valid: false, gatewayCount: 0, inboundAuth: false, strategy: \"unknown\" });\n });\n }, []);\n\n return (\n

\n ANNOUNCING GATEWAY GATEWAY™ — NOW WITH 100% MORE GATEWAY PER GATEWAY\n

\n\n \n\n

\n \n {status\n ? status.valid\n ? status.gatewayCount + \" downstream gateways synergized\"\n : \"strategically degraded\"\n : \"forming steering committee…\"}\n

\n\n

\n The AI gateway for your\n AI gateways.\n

\n One endpoint to centralize the decentralization of your centralized AI infrastructure.\n Finally.\n

\n\n

\n \n Add another layer\n \n \n Browse one fake model\n \n

\n\n

\n SOC 2 curious · HIPAA adjacent · zero benchmarks survived peer review\n

\n\n

\n {principles.map(([title, copy]) => (\n

✦

{title}

{copy}

\n ))}\n

\n\n

Reference architecture

Complexity you can feel.

\n Requests enter Gateway Gateway, receive a commemorative governance header,\n and are forwarded to the gateway you were already using.\n

\n {index + 1}\n {item}\n

\n \n

\n\n

Drop-in-ish API

Change one base URL. Add one existential question.

\n Point any OpenAI client at the endpoint, then route with a header or a model prefix such as\n openrouter::openai/gpt-4o-mini.\n

\n {[\"Chat completions\", \"Responses\", \"Embeddings\", \"Images\", \"Streaming\"].map((label) => (\n {label}\n ))}\n

\n \n \n \n

{curlExample}

\n\n

Customer outcomes

Trusted by people in this HTML.

\n {testimonials.map(([quote, person]) => (\n

{quote}

{person}

\n \n ))}\n

\n\n

Ready to gateway your gateways?

\n Configure two environment variables and at least one other company’s environment variable.\n

\n \n Remix this regrettable idea\n \n

\n\n \n

\n );\n}\n",[122,162,176],"7c3d3bc7357515b67778e0a88d98a67e9312d25443c14f250dd220e3a53a5796","5d7e5e30-3996-11f1-bbdd-42b51c65c3df","6e585892-f52b-11ef-a8e1-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",[122,162,176],"de0a7e5fc76c6fd6135aff964af1a5835e04e2758b23f3d0c7d9fabffe514df7","README.md",{"_32":201,"_13":191,"_83":202,"_85":-5,"_86":33,"_87":60,"_89":48,"_34":203,"_40":204,"_91":118,"_93":205,"_66":48,"_95":-5,"_96":-7,"_76":206,"_98":207},{"_32":194,"_13":191,"_83":195,"_85":-5,"_86":58,"_87":196,"_89":26,"_34":197,"_40":180,"_91":118,"_93":198,"_66":48,"_95":-5,"_96":-7,"_76":199,"_98":200},"bdf1bdf0-8736-4f74-bd74-afdede67194d","019f9097-6104-7209-9669-f88678349d36",14,["D",1784837610291],"# Gateway Gateway™\n\n> The AI gateway for your AI gateways. Finally.\n\nGateway Gateway is a functional joke and a small OpenAI-compatible meta-proxy. Put it in front of OpenRouter, LiteLLM, Portkey, Vercel AI Gateway, Helicone, a Cloudflare AI Gateway endpoint, or any other gateway that accepts OpenAI-shaped JSON.\n\nIt gives you one more base URL, because the missing piece in your AI stack was another layer.\n\n## What it actually does\n\n- Proxies POST requests below `/v1/*`\n- Supports streaming responses without buffering successful upstreams\n- Routes by priority, random selection, or best-effort in-memory round robin\n- Falls back on network errors, timeouts, 408, 409, 425, 429, and 5xx responses\n- Selects a gateway with `x-gateway-gateway: openrouter`\n- Selects a gateway in the model name with `openrouter::openai/gpt-4o-mini`\n- Rewrites `gateway-gateway/auto` to each gateway's configured default model\n- Adds the extremely important `x-gateway-gateway-governance: ISO-42069-pending` header\n- Never forwards the caller's authorization header to an upstream\n\nIt does not translate proprietary, non-OpenAI request formats. “All gateways” means all gateways that can be described by a base URL, auth header, and OpenAI-compatible request body. Satire has limits; HTTP has more.\n\n## Setup\n\n### 1. Protect the inbound endpoint\n\nSet `GATEWAY_GATEWAY_API_KEY` to a random secret. Clients send it as `Authorization: Bearer ...` or `x-api-key: ...`.\n\n👉 Add GATEWAY_GATEWAY_API_KEY here: https://www.val.town/x/stevekrouse/gateway-gateway/environment-variables?key=GATEWAY_GATEWAY_API_KEY\n\n### 2. Add your downstream credential\n\nThis example uses `OPENROUTER_API_KEY`.\n\n👉 Add OPENROUTER_API_KEY here: https://www.val.town/x/stevekrouse/gateway-gateway/environment-variables?key=OPENROUTER_API_KEY\n\n### 3. Configure the board of gateways\n\nSet `GATEWAY_GATEWAY_CONFIG` to JSON:\n\n```json\n{\n \"strategy\": \"cascade\",\n \"defaultGateway\": \"openrouter\",\n \"gateways\": [\n {\n \"name\": \"openrouter\",\n \"baseUrl\": \"https://openrouter.ai/api/v1\",\n \"apiKeyEnv\": \"OPENROUTER_API_KEY\",\n \"defaultModel\": \"openai/gpt-4o-mini\",\n \"priority\": 1,\n \"timeoutMs\": 45000\n }\n ]\n}\n```\n\n👉 Add GATEWAY_GATEWAY_CONFIG here: https://www.val.town/x/stevekrouse/gateway-gateway/environment-variables?key=GATEWAY_GATEWAY_CONFIG\n\nEach gateway accepts:\n\n| Field | Meaning |\n| --- | --- |\n| `name` | Routing name; letters, numbers, `_`, and `-` |\n| `baseUrl` | OpenAI-compatible base URL, usually ending in `/v1` |\n| `apiKeyEnv` | Name of the Val environment variable containing its credential |\n| `authHeader` | Header name; defaults to `authorization` |\n| `authScheme` | Prefix; defaults to `Bearer ` |\n| `defaultModel` | Used by the `gateway-gateway/auto` model |\n| `extraHeaders` | Static values or env references such as `{\"x-key\":\"$OTHER_SECRET\"}` |\n| `priority` | Lower runs first in cascade mode |\n| `timeoutMs` | Per-gateway timeout; defaults to 45 seconds |\n| `enabled` | Set to `false` for a strategic pause |\n\nFor every `$OTHER_SECRET` or `apiKeyEnv` you name, add that key in the val's environment-variable settings.\n\n## Use it\n\nEndpoint:\n\n```\nhttps://stevekrouse--019f9097610472099669fc1af7725c68.web.val.run/v1\n```\n\n```bash\ncurl https://stevekrouse--019f9097610472099669fc1af7725c68.web.val.run/v1/chat/completions \\\n -H \"Authorization: Bearer $GATEWAY_GATEWAY_KEY\" \\\n -H \"x-gateway-gateway: openrouter\" \\\n -H \"Content-Type: application/json\" \\\n -d '{\n \"model\": \"openai/gpt-4o-mini\",\n \"messages\": [{\"role\": \"user\", \"content\": \"Why did we do this?\"}]\n }'\n```\n\nOr leave out `x-gateway-gateway` and let the configured strategy make an executive decision.\n\nUseful read-only routes:\n\n- `GET /health` — operational status\n- `GET /api/status` — status for the landing page\n- `GET /v1/models` — synthetic model list\n- `GET /v1/gateways` — safe gateway metadata; never secret values\n\n## Configuration examples\n\nPortkey-style credentials can use a custom header:\n\n```json\n{\n \"name\": \"portkey\",\n \"baseUrl\": \"https://api.portkey.ai/v1\",\n \"apiKeyEnv\": \"PORTKEY_API_KEY\",\n \"authHeader\": \"x-portkey-api-key\",\n \"authScheme\": \"\"\n}\n```\n\nA self-hosted LiteLLM proxy generally uses the defaults:\n\n```json\n{\n \"name\": \"litellm\",\n \"baseUrl\": \"https://litellm.example.com/v1\",\n \"apiKeyEnv\": \"LITELLM_API_KEY\",\n \"defaultModel\": \"gpt-4o-mini\"\n}\n```\n\n👉 Add PORTKEY_API_KEY here: https://www.val.town/x/stevekrouse/gateway-gateway/environment-variables?key=PORTKEY_API_KEY\n\n👉 Add LITELLM_API_KEY here: https://www.val.town/x/stevekrouse/gateway-gateway/environment-variables?key=LITELLM_API_KEY\n\nAdd those credential keys before enabling the entries.\n\n## Security notes\n\nThe relay refuses all proxy traffic until an inbound API key is configured. Secrets stay in encrypted Val environment variables. Caller cookies and authorization are not forwarded. Successful upstream responses stream through, while retryable error bodies are buffered so another gateway can be tried.\n\nGateway URLs are trusted configuration. Anyone who can edit the val's encrypted configuration can choose an internal URL, so treat editor access as privileged.\n\n## Files\n\nSee [AGENTS.md](./AGENTS.md) for the current file map.\n\nBuilt on [Val Town](https://www.val.town/). Regrettably real.\n",[191],"f04702473ec4923f8c8d5d86035da5bcb5e2f0fa9df6ada1b440e3633a3bad5f","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",[191],"aaa4f5cc8e5bd01528335cdd2066e164bf95353ce2fe37c616b3e6406f49331e",{"_76":228,"_78":-7,"_80":229},{"_76":220,"_78":-7,"_80":221},{"_76":211,"_78":-7,"_80":212},"gateway.ts",{"_32":213,"_13":211,"_83":214,"_85":-5,"_86":58,"_87":215,"_89":26,"_34":216,"_40":117,"_91":158,"_93":217,"_66":48,"_95":-5,"_96":-7,"_76":218,"_98":219},"d8c15991-e256-4711-8aae-f93465385ca8","7101c378-86d2-11f1-b3ff-1607ee4eb77e",10,["D",1784837555846],"import {\n authorize,\n type Gateway,\n type GatewayConfig,\n orderedGateways,\n readGatewayConfig,\n resolveHeaders,\n} from \"./gateway-config.ts\";\n\nconst RETRYABLE = new Set([408, 409, 425, 429]);\n\nfunction responseHeaders(upstream: Headers, selected: string, attempts: string[]) {\n const headers = new Headers(upstream);\n for (const header of [\"connection\", \"content-encoding\", \"content-length\", \"transfer-encoding\", \"set-cookie\"]) {\n headers.delete(header);\n }\n headers.set(\"x-gateway-gateway-selected\", selected);\n headers.set(\"x-gateway-gateway-attempts\", attempts.join(\",\"));\n headers.set(\"x-gateway-gateway-governance\", \"ISO-42069-pending\");\n return headers;\n}\n\nfunction outgoingBody(original: Record | null, gateway: Gateway, explicitModel?: string) {\n if (!original) return null;\n const body = { ...original };\n const current = explicitModel || (typeof body.model === \"string\" ? body.model : \"\");\n if (current === \"auto\" || current === \"gateway-gateway/auto\") {\n if (!gateway.defaultModel) throw new Error(gateway.name + \" needs defaultModel to participate in auto.\");\n body.model = gateway.defaultModel;\n } else if (explicitModel) {\n body.model = explicitModel;\n }\n return JSON.stringify(body);\n}\n\nfunction gatewayError(message: string, type: string, status: number) {\n return Response.json({ error: { message, type } }, { status });\n}\n\nexport async function proxyGatewayRequest(request: Request): Promise {\n const auth = authorize(request);\n if (!auth.ok) {\n const response = gatewayError(auth.message, \"gateway_gateway_error\", auth.status);\n if (auth.status === 401) response.headers.set(\"www-authenticate\", \"Bearer\");\n return response;\n }\n if (request.method !== \"POST\") {\n return gatewayError(\"Only POST crosses the ceremonial gateway.\", \"gateway_gateway_error\", 405);\n }\n\n let config: GatewayConfig;\n try {\n config = readGatewayConfig();\n } catch (error) {\n return gatewayError(\n error instanceof Error ? error.message : String(error),\n \"gateway_gateway_config_error\",\n 500,\n );\n }\n\n if (!config.gateways.some((gateway) => gateway.enabled !== false)) {\n return gatewayError(\n \"Zero downstream gateways configured. We have successfully centralized nothing.\",\n \"gateway_gateway_config_error\",\n 503,\n );\n }\n\n const incomingUrl = new URL(request.url);\n const rawBody = await request.text();\n let jsonBody: Record | null = null;\n if (rawBody) {\n try {\n jsonBody = JSON.parse(rawBody);\n } catch {\n return gatewayError(\n \"The gateway gateway currently accepts JSON, like a serious enterprise product.\",\n \"invalid_request_error\",\n 400,\n );\n }\n }\n\n const requestedHeader = request.headers.get(\"x-gateway-gateway\") || \"\";\n const requested = requestedHeader.split(\",\").map((value) => value.trim()).filter(Boolean);\n let explicitModel: string | undefined;\n const model = typeof jsonBody?.model === \"string\" ? jsonBody.model : \"\";\n const prefixed = /^([a-z0-9_-]+)::(.+)$/i.exec(model);\n if (prefixed) {\n if (!requested.length) requested.push(prefixed[1]);\n explicitModel = prefixed[2];\n }\n\n let gateways: Gateway[];\n try {\n gateways = orderedGateways(config, requested);\n } catch (error) {\n return gatewayError(\n error instanceof Error ? error.message : String(error),\n \"gateway_gateway_routing_error\",\n 400,\n );\n }\n\n const attempts: string[] = [];\n let lastFailure: { status: number; text: string; headers: Headers; gateway: string } | undefined;\n\n for (const gateway of gateways) {\n attempts.push(gateway.name);\n try {\n const targetPath = incomingUrl.pathname.replace(/^\\/v1(?=\\/|$)/, \"\");\n const target = new URL(gateway.baseUrl + targetPath + incomingUrl.search);\n const headers = resolveHeaders(gateway);\n headers.set(\"content-type\", request.headers.get(\"content-type\") || \"application/json\");\n headers.set(\"accept\", request.headers.get(\"accept\") || \"application/json\");\n for (const name of [\"openai-beta\", \"openai-organization\", \"openai-project\", \"idempotency-key\"]) {\n const value = request.headers.get(name);\n if (value) headers.set(name, value);\n }\n\n const upstream = await fetch(target, {\n method: \"POST\",\n headers,\n body: outgoingBody(jsonBody, gateway, explicitModel) ?? rawBody,\n signal: AbortSignal.timeout(gateway.timeoutMs ?? 45_000),\n });\n\n if (upstream.ok || (!RETRYABLE.has(upstream.status) && upstream.status < 500)) {\n return new Response(upstream.body, {\n status: upstream.status,\n headers: responseHeaders(upstream.headers, gateway.name, attempts),\n });\n }\n\n lastFailure = {\n status: upstream.status,\n text: await upstream.text(),\n headers: upstream.headers,\n gateway: gateway.name,\n };\n } catch (error) {\n lastFailure = {\n status: 502,\n text: JSON.stringify({\n error: {\n message: gateway.name + \" failed: \" + (error instanceof Error ? error.message : String(error)),\n type: \"gateway_gateway_upstream_error\",\n },\n }),\n headers: new Headers({ \"content-type\": \"application/json\" }),\n gateway: gateway.name,\n };\n }\n }\n\n if (lastFailure) {\n return new Response(lastFailure.text, {\n status: lastFailure.status,\n headers: responseHeaders(lastFailure.headers, lastFailure.gateway, attempts),\n });\n }\n\n return gatewayError(\n \"The routing committee adjourned without selecting a gateway.\",\n \"gateway_gateway_error\",\n 503,\n );\n}\n",[211],"bab144054461d6615a6b5ee3b5712359ce3e231f23b855ec80ba4690ec93c073","gateway-config.ts",{"_32":222,"_13":220,"_83":223,"_85":-5,"_86":58,"_87":57,"_89":26,"_34":224,"_40":22,"_91":158,"_93":225,"_66":48,"_95":-5,"_96":-7,"_76":226,"_98":227},"509478c3-e647-4d4d-9206-fe76d89e7f6b","ca7aa5c8-86d2-11f1-81e6-1607ee4eb77e",["D",1784837805732],"const ENV = Deno.env.toObject();\nconst readEnv = (name: string) => ENV[name];\n\nexport type Gateway = {\n name: string;\n baseUrl: string;\n apiKeyEnv?: string;\n authHeader?: string;\n authScheme?: string;\n defaultModel?: string;\n extraHeaders?: Record;\n priority?: number;\n timeoutMs?: number;\n enabled?: boolean;\n};\n\nexport type GatewayConfig = {\n gateways: Gateway[];\n strategy: \"cascade\" | \"random\" | \"round-robin\";\n defaultGateway?: string;\n};\n\nlet roundRobinCursor = 0;\n\nexport function readGatewayConfig(): GatewayConfig {\n const raw = readEnv(\"GATEWAY_GATEWAY_CONFIG\");\n if (!raw) return { gateways: [], strategy: \"cascade\" };\n\n let parsed: unknown;\n try {\n parsed = JSON.parse(raw);\n } catch {\n throw new Error(\"GATEWAY_GATEWAY_CONFIG is not valid JSON. The gateways have unionized.\");\n }\n\n const document = Array.isArray(parsed) ? { gateways: parsed } : parsed as Record;\n if (!document || !Array.isArray(document.gateways)) {\n throw new Error(\"GATEWAY_GATEWAY_CONFIG needs a gateways array.\");\n }\n\n const seen = new Set();\n const gateways = document.gateways.map((item, index) => {\n const gateway = item as Gateway;\n if (!gateway || typeof gateway.name !== \"string\" || !/^[a-z0-9_-]+$/i.test(gateway.name)) {\n throw new Error(\"Gateway #\" + (index + 1) + \" needs an alphanumeric name.\");\n }\n if (seen.has(gateway.name)) throw new Error(\"Two gateways are named \" + gateway.name + \". This is too much abstraction.\");\n seen.add(gateway.name);\n if (typeof gateway.baseUrl !== \"string\") throw new Error(gateway.name + \" needs a baseUrl.\");\n const url = new URL(gateway.baseUrl);\n if (![\"https:\", \"http:\"].includes(url.protocol)) throw new Error(gateway.name + \" has an unsupported URL scheme.\");\n return { ...gateway, baseUrl: gateway.baseUrl.replace(/\\/+$/, \"\") };\n });\n\n const strategy = String(document.strategy || \"cascade\");\n if (![\"cascade\", \"random\", \"round-robin\"].includes(strategy)) {\n throw new Error(\"Unknown strategy: \" + strategy);\n }\n\n return {\n gateways,\n strategy: strategy as GatewayConfig[\"strategy\"],\n defaultGateway: typeof document.defaultGateway === \"string\" ? document.defaultGateway : undefined,\n };\n}\n\nexport function isConfigured() {\n try {\n const config = readGatewayConfig();\n return {\n valid: true,\n gatewayCount: config.gateways.filter((gateway) => gateway.enabled !== false).length,\n inboundAuth: Boolean(readEnv(\"GATEWAY_GATEWAY_API_KEY\")),\n strategy: config.strategy,\n };\n } catch (error) {\n return {\n valid: false,\n gatewayCount: 0,\n inboundAuth: Boolean(readEnv(\"GATEWAY_GATEWAY_API_KEY\")),\n strategy: \"none\",\n error: error instanceof Error ? error.message : String(error),\n };\n }\n}\n\nexport function publicGateways() {\n return readGatewayConfig().gateways\n .filter((gateway) => gateway.enabled !== false)\n .map((gateway) => ({\n name: gateway.name,\n baseUrl: gateway.baseUrl,\n defaultModel: gateway.defaultModel || null,\n priority: gateway.priority ?? 100,\n credentialsPresent: gateway.apiKeyEnv ? Boolean(readEnv(gateway.apiKeyEnv)) : true,\n }));\n}\n\nfunction constantTimeEqual(a: string, b: string) {\n const length = Math.max(a.length, b.length);\n let mismatch = a.length ^ b.length;\n for (let i = 0; i < length; i++) {\n mismatch |= (a.charCodeAt(i) || 0) ^ (b.charCodeAt(i) || 0);\n }\n return mismatch === 0;\n}\n\nexport function authorize(request: Request) {\n const expected = readEnv(\"GATEWAY_GATEWAY_API_KEY\");\n if (!expected) {\n return {\n ok: false,\n status: 503,\n message: \"Set GATEWAY_GATEWAY_API_KEY before inviting the internet to spend your money.\",\n };\n }\n const bearer = request.headers.get(\"authorization\")?.replace(/^Bearer\\s+/i, \"\") || \"\";\n const apiKey = request.headers.get(\"x-api-key\") || bearer;\n if (!constantTimeEqual(apiKey, expected)) {\n return {\n ok: false,\n status: 401,\n message: \"Invalid gateway-gateway credential. Please escalate to the Gateway Governance Council.\",\n };\n }\n return { ok: true, status: 200, message: \"authorized\" };\n}\n\nexport function resolveHeaders(gateway: Gateway) {\n const headers = new Headers();\n if (gateway.apiKeyEnv) {\n const secret = readEnv(gateway.apiKeyEnv);\n if (!secret) throw new Error(\"Missing credential \" + gateway.apiKeyEnv + \" for \" + gateway.name + \".\");\n headers.set(gateway.authHeader || \"authorization\", (gateway.authScheme ?? \"Bearer \") + secret);\n }\n for (const [key, configuredValue] of Object.entries(gateway.extraHeaders || {})) {\n let value = configuredValue;\n if (value.startsWith(\"$\")) {\n const envName = value.slice(1);\n const secret = readEnv(envName);\n if (!secret) throw new Error(\"Missing header credential \" + envName + \" for \" + gateway.name + \".\");\n value = secret;\n }\n headers.set(key, value);\n }\n return headers;\n}\n\nexport function orderedGateways(config: GatewayConfig, requested: string[]) {\n const enabled = config.gateways\n .filter((gateway) => gateway.enabled !== false)\n .sort((a, b) => (a.priority ?? 100) - (b.priority ?? 100));\n\n if (requested.length) {\n return requested.map((name) => {\n const gateway = enabled.find((candidate) => candidate.name === name);\n if (!gateway) throw new Error(\"Unknown gateway \" + name + \". The gateway gateway cannot gateway what it cannot see.\");\n return gateway;\n });\n }\n\n if (config.defaultGateway) {\n const index = enabled.findIndex((gateway) => gateway.name === config.defaultGateway);\n if (index >= 0) enabled.unshift(...enabled.splice(index, 1));\n }\n\n if (config.strategy === \"random\") return enabled.sort(() => Math.random() - 0.5);\n if (config.strategy === \"round-robin\" && enabled.length) {\n const offset = roundRobinCursor++ % enabled.length;\n return enabled.slice(offset).concat(enabled.slice(0, offset));\n }\n return enabled;\n}\n",[220],"e5d51e1d8e3c38309c674ec7ddcd87c2b34e6d91c32227e0ee57c7ffa47ab230","AGENTS.md",{"_32":230,"_13":228,"_83":231,"_85":-5,"_86":58,"_87":104,"_89":26,"_34":232,"_40":117,"_91":118,"_93":233,"_66":48,"_95":-5,"_96":-7,"_76":234,"_98":235},"e3dd6ae3-7f8d-49e2-a2bc-0c74c103e773","3528f1d2-86d2-11f1-9ba8-1607ee4eb77e",["D",1784837624395],"# Gateway Gateway agent notes\n\n## Intent\n\nA functional joke: an OpenAI-compatible meta-gateway that routes requests through configurable AI gateways. Keep the humor grandiose and the implementation small, safe, and remixable.\n\n## File map\n\n- `AGENTS.md` — project intent and file map\n- `README.md` — setup, configuration, API usage, and security notes\n- `index.ts` — Hono HTTP entrypoint, public metadata routes, and proxy mount\n- `gateway-config.ts` — typed configuration, authentication, and routing order\n- `gateway.ts` — upstream request forwarding, failover, streaming, and response headers\n- `frontend/index.html` — HTML shell, metadata, Twind, and client entrypoint\n- `frontend/index.tsx` — React mount\n- `frontend/favicon.svg` — recursive gateway favicon\n- `frontend/components/App.tsx` — product landing page and live status\n- `frontend/components/Counter.tsx` — interactive recursive architecture diagram\n\n## Invariants\n\n- Keep inbound relay authentication mandatory; never ship an open paid-API proxy.\n- Never forward the caller's authorization header or cookies to an upstream.\n- Keep secrets in Val environment variables and expose only presence metadata.\n- Successful upstream bodies stream; only retryable error bodies are buffered.\n- Preserve the visible `/source` link and wrap the HTTP handler with `hotReload`.\n",[228],"e3429ba7e7271054f918b50b62941314a1f810a5e9d7ac94d7d5bfd158b88318",["D",1784837267473],"legacyEnvVars","httpPrivacy","description","The AI gateway for your AI gateways. Finally.","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789541999&sig=8fad4d8ed521ff338d1e7bb443f46241d1f9e0e657d24a41f82306e6eb92823c","userId","a0bf3b31-15a5-4d5c-880e-4b1e22c9bc18","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","e81e7335-6d4c-4764-a902-d0962bbfa9f7","tursoName","20dae829054944449118e29602b41c85","tursoHostname","20dae829054944449118e29602b41c85-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789473046147],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_278":274},"org",{"_11":12,"_272":-5,"_273":274,"_243":244,"_275":276,"_277":48},"branch","displayName","avatar","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg","tier","pro","canRestrictVals","profileImageUrl","","adoptOrgId",{"_32":59,"_13":14,"_34":381,"_46":-5,"_237":48,"_49":50,"_238":50,"_239":240,"_241":242,"_243":244,"_245":84,"_246":26,"_247":-5,"_248":-5,"_249":168,"_53":250,"_251":252,"_253":254,"_255":382,"_257":-5,"_258":259,"_260":259,"_261":262,"_263":262,"_264":262,"_265":259,"_266":259,"_267":383,"_269":384,"_271":385,"_47":48},"tree",[337,344,345,346,347,348],"files",[337,338,339,340,341,342,343,344,345,346,347,348],"counts",{"_327":168,"_328":117,"_329":168,"_330":331,"_332":333},"contents",[307,308,309,310,311,312],"upstreamProject",{"_32":39,"_13":56,"_239":304,"_241":242,"_49":50,"_267":305},"upstreamBranch",{"_32":33,"_34":302,"_36":303,"_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,"_278":306},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789541999&sig=156ae2b8ac752fc06f52d45eab428b512e0d31e2aab99a830d8bb32149c64f0f",{"_32":323,"_13":122,"_83":114,"_85":-5,"_86":58,"_87":117,"_89":26,"_34":324,"_40":168,"_91":325,"_93":-5,"_66":48,"_95":-5,"_76":326},{"_32":230,"_13":228,"_83":231,"_85":-5,"_86":58,"_87":104,"_89":26,"_34":321,"_40":117,"_91":118,"_93":233,"_66":48,"_95":-5,"_76":322},{"_32":194,"_13":191,"_83":195,"_85":-5,"_86":58,"_87":196,"_89":26,"_34":319,"_40":180,"_91":118,"_93":198,"_66":48,"_95":-5,"_76":320},{"_32":222,"_13":220,"_83":223,"_85":-5,"_86":58,"_87":57,"_89":26,"_34":317,"_40":22,"_91":158,"_93":225,"_66":48,"_95":-5,"_76":318},{"_32":213,"_13":211,"_83":214,"_85":-5,"_86":58,"_87":215,"_89":26,"_34":315,"_40":117,"_91":158,"_93":217,"_66":48,"_95":-5,"_76":316},{"_32":82,"_13":77,"_83":84,"_85":-5,"_86":58,"_87":88,"_89":26,"_34":313,"_40":22,"_91":92,"_93":94,"_66":48,"_95":-5,"_76":314},["D",1784837562617],[77],["D",1784837555846],[211],["D",1784837805732],[220],["D",1784837610291],[191],["D",1784837624395],[228],"b2385c82-3050-45bc-b539-241fe8b3b362",["D",1784837267473],"directory",[122],"pulls","branches","forks","envVars",{"_334":168,"_336":168},"connections",{"_334":168,"_335":168},"count","unfilledCount","emptyCount",{"_32":323,"_13":122,"_83":114,"_85":-5,"_86":58,"_87":117,"_89":26,"_34":378,"_40":168,"_91":325,"_93":-5,"_66":48,"_95":-5,"_96":379,"_76":380},{"_32":374,"_13":162,"_83":155,"_85":114,"_86":58,"_87":117,"_89":26,"_34":375,"_40":168,"_91":325,"_93":-5,"_66":48,"_95":-5,"_96":376,"_76":377},{"_32":175,"_13":176,"_83":177,"_85":155,"_86":58,"_87":178,"_89":26,"_34":179,"_40":180,"_91":158,"_93":181,"_66":48,"_95":-5,"_96":372,"_76":373},{"_32":152,"_13":153,"_83":154,"_85":155,"_86":58,"_87":156,"_89":26,"_34":157,"_40":117,"_91":158,"_93":159,"_66":48,"_95":-5,"_96":370,"_76":371},{"_32":135,"_13":136,"_83":137,"_85":114,"_86":58,"_87":128,"_89":26,"_34":138,"_40":117,"_91":118,"_93":139,"_66":48,"_95":-5,"_96":368,"_76":369},{"_32":111,"_13":112,"_83":113,"_85":114,"_86":58,"_87":115,"_89":26,"_34":116,"_40":117,"_91":118,"_93":119,"_66":48,"_95":-5,"_96":366,"_76":367},{"_32":359,"_13":360,"_83":361,"_85":114,"_86":58,"_87":117,"_89":26,"_34":362,"_40":168,"_91":158,"_93":363,"_66":48,"_95":-5,"_96":364,"_76":365},{"_32":230,"_13":228,"_83":231,"_85":-5,"_86":58,"_87":104,"_89":26,"_34":232,"_40":117,"_91":118,"_93":233,"_66":48,"_95":-5,"_96":357,"_76":358},{"_32":194,"_13":191,"_83":195,"_85":-5,"_86":58,"_87":196,"_89":26,"_34":197,"_40":180,"_91":118,"_93":198,"_66":48,"_95":-5,"_96":355,"_76":356},{"_32":222,"_13":220,"_83":223,"_85":-5,"_86":58,"_87":57,"_89":26,"_34":224,"_40":22,"_91":158,"_93":225,"_66":48,"_95":-5,"_96":353,"_76":354},{"_32":213,"_13":211,"_83":214,"_85":-5,"_86":58,"_87":215,"_89":26,"_34":216,"_40":117,"_91":158,"_93":217,"_66":48,"_95":-5,"_96":351,"_76":352},{"_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":349,"_76":350},[],[77],[],[211],[],[220],[],[191],[],[228],"f0a7eb1d-046f-4678-9708-f9442f6b3849","index.tsx","019f9097-6104-7209-9669-f29c9bad81be",["D",1784837267473],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();",[],[122,360],[],[122,112],[],[122,136],[],[122,162,153],[],[122,162,176],"854ecc6d-048a-40d9-92e0-8ef5371ca096",["D",1784837267473],[339,340],[122,162],["D",1784837267473],[338,341,342,343],[122],["D",1784837267473],["D",1789473046147],{"_11":12,"_278":274},{"_11":12,"_272":-5,"_273":274,"_243":244,"_275":276,"_277":48},{"_40":57,"_13":16,"_32":58,"_38":59,"_42":33,"_43":60,"_61":50,"_62":39,"_63":54,"_55":14,"_51":12},"ctx",{"_267":-5,"_299":419,"_420":421,"_422":423,"_424":48,"_425":48,"_426":48,"_427":26,"_428":-5,"_429":-7,"_430":-7,"_431":168,"_432":48,"_433":48,"_434":-5,"_435":48,"_436":48,"_437":48,"_438":-5},"ENV",{"_390":391,"_392":393,"_394":16,"_395":396,"_397":398,"_399":400,"_401":402,"_403":404,"_405":406,"_407":408,"_409":410,"_411":412,"_413":414,"_415":416,"_417":418},"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

Mergestevekrouse/mainintotemplates/main

README.md+129-46

frontend/components/App.tsx+184-7

frontend/components/Counter.tsx+46-11

frontend/favicon.svg+6-5

frontend/index.html+7-3

Hindex.ts+68-13

AGENTS.md+26-0

gateway-config.ts+173-0

gateway.ts+169-0