/graphql-admin

An introspection driven admin UI for GraphQL

Primary LanguageTypeScript

graphql-admin

This project is now abandoned. Go see the React version instead.

This is a spike of dynamically creating a front end for a graphql server using introspection. So far the following works:

  • Listing all queries
  • Executing queries that return a list
  • Executing queries that return a scalar value
    • with arguments
  • Mutations

This project was generated with angular-cli version 1.0.0-beta.11-webpack.2.

setup

npm install

Then, you may want to modify src/app/app.module.ts to configure the graphql client to point to your server. Currently it's set to point at http://graphqlhub.com/graphql. Whatever server you point at will need to support CORS or you will get cross-origin errors.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

GraphQL server

Initial developer of this project has been tested using our fork the example Absinthe project. To try it, clone this project and run it. It already supports CORS so it should "Just Work" (TM).