altair-koa-middleware

import Koa from 'koa'; import Router from '@koa/router'; import { altairKoaMiddleware } from 'altair-koa-middleware'; const app = new Koa(); const router = new Router(); // A simple GraphQL endpoint for Altair to connect to router.all('/graphql', (ctx) => { ctx.body = { data: { hello: 'world', }, }; }); // Serve the Altair GraphQL Client UI at /altair router.get('/altair', altairKoaMiddleware({ endpointURL: '/graphql', // The URL of your GraphQL server // Example of passing additional options to Altair initialQuery: `query { hello }`, theme: 'dark', // Note: For versions >= 8.5.0, these options are validated using Zod. // Ensure they conform to the expected schema to avoid runtime errors. // Example of headers, ensure structure matches schema: // headers: { // 'X-API-Key': process.env.GRAPHQL_API_KEY ?? '', // }, })); app.use(router.routes()).use(router.allowedMethods()); const PORT = 3000; app.listen(PORT, () => { console.log(`Koa server running on http://localhost:${PORT}`); console.log(`GraphQL endpoint: http://localhost:${PORT}/graphql`); console.log(`Altair GraphQL Client UI: http://localhost:${PORT}/altair`); });