altair-express-middleware

import express from 'express'; import { altairExpress } from 'altair-express-middleware'; const app = express(); const PORT = process.env.PORT || 3000; // A placeholder GraphQL endpoint for Altair to connect to app.all('/graphql', (req, res) => { // In a real application, this would be your GraphQL API handler res.status(200).send('This is your GraphQL endpoint. Altair will interact with it.'); }); // Integrate Altair GraphQL Client UI app.use('/altair', altairExpress({ endpointURL: '/graphql', subscriptionsEndpoint: '/graphql', // Example of a common option: setting an initial query initialQuery: `query { __typename }`, // As of v8.5.0, these options are Zod-validated. // Ensure your options strictly adhere to AltairExpressOptions type. // Example of a newer option (introduced in v8.4.2) for allowed local storage keys // allowedLocalStorageKeys: ['myCustomKey', 'anotherKey'] })); app.listen(PORT, () => { console.log(`🚀 GraphQL API server running on http://localhost:${PORT}/graphql`); console.log(`✨ Altair GraphQL Client UI available on http://localhost:${PORT}/altair`); });