\n \n \n \n\n",[],[132,144],"e231fbc7-0551-4ce4-bf55-03a98ba2b527",["D",1784837502981],"\n",[],[132,149],"fcd5a6b3-5f24-41a1-8422-de9b53f1bf69",["D",1784837484147],"/** @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",[],[132,94,106],"2d1537d5-c283-47b1-a14e-45b0d47bb645",["D",1784837761276],"/** @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",[],[132,94,113],"854ecc6d-048a-40d9-92e0-8ef5371ca096",["D",1784837267473],[413,414],[132,94],["D",1784837267473],[412,415,416,417],[132],["D",1784837267473],["D",1789473046147],{"_11":12,"_334":100},{"_11":12,"_330":-5,"_99":100,"_25":98,"_331":332,"_333":24},{"_51":276,"_13":16,"_45":48,"_319":281,"_320":89,"_321":322,"_323":285,"_324":325,"_326":327,"_328":14,"_329":12},"ctx",{"_64":-5,"_356":509,"_510":511,"_512":513,"_514":24,"_515":24,"_516":24,"_517":293,"_518":-5,"_519":-7,"_520":-7,"_521":20,"_522":24,"_523":24,"_524":-5,"_525":24,"_526":24,"_527":24,"_528":-5},"ENV",{"_480":481,"_482":483,"_484":16,"_485":486,"_487":488,"_489":490,"_491":492,"_493":494,"_495":496,"_497":498,"_499":500,"_501":502,"_503":504,"_505":506,"_507":508},"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"]

History