README.md

# GraphQL Plug

[![Build Status](https://travis-ci.org/joshprice/plug_graphql.svg)](https://travis-ci.org/joshprice/plug_graphql)
[![Public Slack Discussion](https://graphql-slack.herokuapp.com/badge.svg)](https://graphql-slack.herokuapp.com/)

`plug_graphql` is a Plug integration for the [GraphQL Elixir](https://github.com/joshprice/graphql-elixir) implementation of Facebook's GraphQL.

Allows you to easily mount a GraphQL endpoint in Phoenix.

## Installation

  1. Make a new Phoenix app, or add it to your existing app.

    ```sh
    mix phoenix.new hello_graphql --no-ecto
    cd hello_graphql
    ```

    Alternatively you could clone the [Phoenix GraphQL example project](https://github.com/joshprice/hello_graphql_phoenix) repo

    ```sh
    git clone https://github.com/joshprice/hello_graphql_phoenix
    ```

  2. Add `plug_graphql` to your list of dependencies in `mix.exs` and install the package with `mix deps.get`.

    ```elixir
    def deps do
      [{:plug_graphql, "~> 0.0.6"}]
    end
    ```

## Usage

  1. Define a simple schema in `web/graphql/test_schema.ex`:

    ```elixir
    defmodule TestSchema do
      def schema do
        %GraphQL.Schema{
          query: %GraphQL.ObjectType{
            name: "RootQueryType",
            fields: %{
              greeting: %GraphQL.FieldDefinition{
                type: "String",
                resolve: &TestSchema.greeting/3
              }
            }
          }
        }
      end

      def greeting(_, %{name: name}, _), do: "Hello, #{name}!"
      def greeting(_, _, _), do: "Hello, world!"
    end
    ```

  2. Your `api` pipeline should have this as a minimum:

    ```elixir
    pipeline :api do
      plug :accepts, ["json"]
    end
    ```

  3. Mount the GraphQL endpoint as follows:

    ```elixir
    scope "/api" do
      pipe_through :api

      forward "/", GraphQL.Plug.Endpoint, schema: {TestSchema, :schema}
    end
    ```

  4. Start Phoenix

    ```sh
    mix phoenix.server
    ```

  5. Open your browser to `http://localhost:4000/api?query={greeting}` and you should see something like this:

    ```json
    {
      "data": {
        "greeting": "Hello, world!"
      }
    }
    ```

## Contributions

This is pretty early days, the graphql execution engine needs a lot more work to be useful.

However we can't get there without your help, so any questions, bug reports, feedback,
feature requests and/or PRs are most welcome!

## Acknowledgements

Thanks and appreciation goes to the following contributors for answering many questions and providing helpful feedback:

* Daniel Neighman (https://github.com/hassox)
* Chris McCord (https://github.com/chrismccord)

Thanks also to everyone who has submitted PRs, logged issues, given feedback or asked questions.