Can GraphQL Mesh shows documentation via Altair or Voyager?

[varasinp]

By default, GraphQL Mesh uses Playground as the main schema documentation.
Instead of using Playground, is there an easy way to switch to Altair or Voyager instead?

[ardatan]

You can provide any kind of express middleware in ".meshrc.yml" under "handlers" property of "serve".

https://graphql-mesh.com/docs/recipes/as-gateway

https://github.com/APIs-guru/graphql-voyager#express

in .meshrc.yml

serve:
   handlers:
      - path: /voyager
         method: GET
         handler: ./voyager.js

in voyager.js

const { express: voyagerMiddleware } = require('graphql-voyager/middleware');

module.exports = voyagerMiddleware({ endpointUrl: '/graphql' });

[varasinp]

Thank you sir!

[varasinp]

@ardatan
Thanks to you. My co-worker is able to get Voyager to work based on your code example.
However, when we tried Altair, it didn't work. I'm sure there's something that I missed but couldn't figure out why. https://github.com/imolorhe/altair/blob/staging/packages/altair-express-middleware/README.md

I hope I'm not asking too much but could you help verify if you can get Altair to work with GraphQL Mesh?

Thank you!

[ardatan]

Not sure. If it needs to be use instead of get or post, you need to avoid using method in the configuration. I don't know about both Altair and Voyager.

[mnlbox]

@ardatan It seems this handlers option is not exists anymore for serve config. I need some customization on the playground and also need to enable Altair and Voyager for my endpoint.
Can you send more information or example for this handlers setting?