Giter Site home page Giter Site logo

wp-graphql-client's Introduction

WP GraphQL Client package

WordPress coding standards port of PHP GraphQL Client

A GraphQL client written in PHP which provides very simple, yet powerful, query generator classes that make the process of interacting with a GraphQL server a very simple one.

Usage There are 3 primary ways to use this package to generate your GraphQL queries:

  1. GraphQL_Client_Query Class: Simple class that maps to GraphQL queries. It's designed to manipulate queries with ease and speed.
  2. GraphQL_Client_Query_Builder Class: Builder class that can be used to generate GraphQL_Client_Query objects dynamically. It's design to be used in cases where a query is being build in a dynamic fashion.
  3. PHP GraphQL-OQM: An extension to this package. It Eliminates the need to write any GraphQL queries or refer to the API documentation or syntax. It generates query objects from the API schema, declaration exposed through GraphQL's introspection, which can then be simply interacted with.

Installation

Download this package and add it to packages directory in your plugin/theme.

Object-to-Query-Mapper Extension

To avoid the hassle of having to write any queries and just interact with PHP objects generated from your API schema visit PHP GraphQL OQM repository

Query Examples

Simple Query

$gql = (new GraphQL_Client_Query('companies'))
    ->set_selection_set(
        array(
            'name',
            'serialNumber',
        )
    );

This simple query will retrieve all companies displaying their names and serial numbers.

The Full Form

The query provided in the previous example is represented in the "shorthand form". The shorthand form involves writing a reduced number of code lines which speeds up the process of wriing querries. Below is an example of the full form for the exact same query written in the previous example.

$gql = (new GraphQL_Client_Query())
    ->set_selection_set(
        array(
            (new GraphQL_Client_Query('companies'))
                ->set_selection_set(
                    array(
                        'name',
                        'serialNumber',
                    )
                )
        )
    );

As seen in the example, the shorthand form is simpler to read and write, it's generally preferred to use compared to the full form.

The full form shouldn't be used unless the query can't be represented in the shorthand form, which has only one case, when we want to run multiple queries in the same object.

Multiple Queries

$gql = (new GraphQL_Client_Query())
    ->set_selection_set(
        array(
            (new GraphQL_Client_Query('companies'))
            ->set_selection_set(
                array(
                    'name',
                    'serialNumber',
                )
            ),
            (new GraphQL_Client_Query('countries'))
            ->set_selection_set(
                array(
                    'name',
                    'code',
                )
            )
        )
    );

This query retrieves all companies and countries displaying some data fields for each. It basically runs two (or more if needed) independent queries in one query object envelop.

Writing multiple queries requires writing the query object in the full form to represent each query as a subfield under the parent query object.

Nested Queries

$gql = (new GraphQL_Client_Query('companies'))
    ->set_selection_set(
        array(
            'name',
            'serialNumber',
            (new GraphQL_Client_Query('branches'))
            ->set_selection_set(
                array(
                    'address',
                    (
                        new GraphQL_Client_Query('contracts'))
                        ->set_selection_set(
                            array(
                                'date'
                            )
                        )
                    )
            )
        )
    );

This query is a more complex one, retrieving not just scalar fields, but object fields as well. This query returns all companies, displaying their names, serial numbers, and for each company, all its branches, displaying the branch address, and for each address, it retrieves all contracts bound to this address, displaying their dates.

Query With Arguments

$gql = (new GraphQL_Client_Query('companies'))
    ->set_arguments(
        array(
            'name' => 'Tech Co.', 
            'first' => 3,
        )
    )
    ->set_selection_set(
        array(
            'name',
            'serialNumber',
        )
    );

This query does not retrieve all companies by adding arguments. This query will retrieve the first 3 companies with the name "Tech Co.", displaying their names and serial numbers.

Query With Array Argument

$gql = (new GraphQL_Client_Query('companies'))
    ->set_arguments(
        array(
            'serialNumbers' => array(159, 260, 371)
        )
    )
    ->set_selection_set(
        array(
            'name',
            'serialNumber',
        )
    );

This query is a special case of the arguments query. In this example, the query will retrieve only the companies with serial number in one of 159, 260, and 371, displaying the name and serial number.

Query With Input Object Argument

$gql = (new GraphQL_Client_Query('companies'))
    ->set_arguments(['filter' => new RawObject('{name_starts_with: "Face"}')])
    ->set_selection_set(
        [
            'name',
            'serialNumber'
        ]
    );

This query is another special case of the arguments query. In this example, we're setting a custom input object "filter" with some values to limit the companies being returned. We're setting the filter "name_starts_with" with value "Face". This query will retrieve only the companies whose names start with the phrase "Face".

The RawObject class being constructed is used for injecting the string into the query as it is. Whatever string is input into the RawObject constructor will be put in the query as it is without any custom formatting normally done by the query class.

Query With Variables

$gql = (new GraphQL_Client_Query('companies'))
    ->set_variables(
        [
            new GraphQL_Client_Variable('name', 'String', true),
            new GraphQL_Client_Variable('limit', 'Int', false, 5)
        ]
    )
    ->set_arguments(['name' => '$name', 'first' => '$limit'])
    ->set_selection_set(
        [
            'name',
            'serialNumber'
        ]
    );

This query shows how variables can be used in this package to allow for dynamic requests enabled by GraphQL standards.

The Variable Class

The Variable class is an immutable class that represents a variable in GraphQL standards. Its constructor receives 4 arguments:

  • name: Represents the variable name
  • type: Represents the variable type according to the GraphQL server schema
  • isRequired (Optional): Represents if the variable is required or not, it's false by default
  • defaultValue (Optional): Represents the default value to be assigned to the variable. The default value will only be considered if the isRequired argument is set to false.

Using an alias

$gql = (new GraphQL_Client_Query())
    ->set_selection_set(
        [
            (new GraphQL_Client_Query('companies', 'TechCo'))
                ->set_arguments(
                    array(
                        'name' => 'Tech Co.',
                    )
                )
                ->set_selection_set(
                    array(
                        'name',
                        'serialNumber',
                    )
                ),
            (new GraphQL_Client_Query('companies', 'AnotherTechCo'))
                ->set_arguments(
                    array(
                        'name' => 'A.N. Other Tech Co.',
                    )
                )
                ->set_selection_set(
                    [
                        'name',
                        'serialNumber'
                    ]
                )
        ]
    );

An alias can be set in the second argument of the Query constructor for occasions when the same object needs to be retrieved multiple times with different arguments.

$gql = (new GraphQL_Client_Query('companies'))
    ->setAlias('CompanyAlias')
    ->set_selection_set(
        [
            'name',
            'serialNumber'
        ]
    );

The alias can also be set via the setter method.

Using Interfaces: Query With Inline Fragments

When querying a field that returns an interface type, you might need to use inline fragments to access data on the underlying concrete type.

This example show how to generate inline fragments using this package:

$gql = new GraphQL_Client_Query('companies');
$gql->set_selection_set(
    [
        'serialNumber',
        'name',
        (new InlineFragment('PrivateCompany'))
            ->set_selection_set(
                [
                    'boardMembers',
                    'shareholders',
                ]
            ),
    ]
);

The Query Builder

The QueryBuilder class can be used to construct Query objects dynamically, which can be useful in some cases. It works very similarly to the Query class, but the Query building is divided into steps.

That's how the "Query With Input Object Argument" example can be created using the QueryBuilder:

$builder = (new GraphQL_Client_Query_Builder('companies'))
    ->setVariable('namePrefix', 'String', true)
    ->setArgument('filter', new RawObject('{name_starts_with: $namePrefix}'))
    ->selectField('name')
    ->selectField('serialNumber');
$gql = $builder->getQuery();

As with the Query class, an alias can be set using the second constructor argument.

$builder = (new GraphQL_Client_Query_Builder('companies', 'CompanyAlias'))
    ->selectField('name')
    ->selectField('serialNumber');

$gql = $builder->getQuery();

Or via the setter method

$builder = (new GraphQL_Client_Query_Builder('companies'))
    ->setAlias('CompanyAlias')
    ->selectField('name')
    ->selectField('serialNumber');

$gql = $builder->getQuery();

The Full Form

Just like the Query class, the QueryBuilder class can be written in full form to enable writing multiple queries under one query builder object. Below is an example for how the full form can be used with the QueryBuilder:

$builder = (new GraphQL_Client_Query_Builder())
    ->setVariable('namePrefix', 'String', true)
    ->selectField(
        (new GraphQL_Client_Query_Builder('companies'))
            ->setArgument('filter', new RawObject('{name_starts_with: $namePrefix}'))
            ->selectField('name')
            ->selectField('serialNumber')
    )
    ->selectField(
        (new GraphQL_Client_Query_Builder('company'))
            ->setArgument('serialNumber', 123)
            ->selectField('name')
    );
$gql = $builder->getQuery();

This query is an extension to the query in the previous example. It returns all companies starting with a name prefix and returns the company with the serialNumber of value 123, both in the same response.

Running Queries

Result Formatting

Running query with the GraphQL client and getting the results in object structure:

$results = $client->runQuery($gql);
$results->getData()->companies[0]->branches;

Or getting results in array structure:

$results = $client->runQuery($gql, true);
$results->getData()['companies'][1]['branches']['address'];

Passing Variables to Queries

Running queries containing variables requires passing an associative array which maps variable names (keys) to variable values (values) to the runQuery method. Here's an example:

$gql = (new GraphQL_Client_Query('companies'))
    ->set_variables(
        [
            new GraphQL_Client_Variable('name', 'String', true),
            new GraphQL_Client_Variable('limit', 'Int', false, 5)
        ]
    )
    ->set_arguments(['name' => '$name', 'first' => '$limit'])
    ->set_selection_set(
        [
            'name',
            'serialNumber'
        ]
    );
$variablesArray = ['name' => 'Tech Co.', 'first' => 5];
$results = $client->runQuery($gql, true, $variablesArray);

Mutations

Mutations follow the same rules of queries in GraphQL, they select fields on returned objects, receive arguments, and can have sub-fields.

Here's a sample example on how to construct and run mutations:

$mutation = (new Mutation('createCompany'))
    ->set_arguments(['companyObject' => new RawObject('{name: "Trial Company", employees: 200}')])
    ->set_selection_set(
        [
            '_id',
            'name',
            'serialNumber',
        ]
    );
$results = $client->runQuery($mutation);

Mutations can be run by the client the same way queries are run.

Mutations With Variables Example

Mutations can utilize the variables in the same way Queries can. Here's an example on how to use the variables to pass input objects to the GraphQL server dynamically:

$mutation = (new Mutation('createCompany'))
    ->set_variables([new GraphQL_Client_Variable('company', 'CompanyInputObject', true)])
    ->set_arguments(['companyObject' => '$company']);

$variables = ['company' => ['name' => 'Tech Company', 'type' => 'Testing', 'size' => 'Medium']];
$client->runQuery(
    $mutation, true, $variables
);

These are the resulting mutation and the variables passed with it:

mutation($company: CompanyInputObject!) {
  createCompany(companyObject: $company)
}
{"company":{"name":"Tech Company","type":"Testing","size":"Medium"}}

Live API Example

GraphQL Pokemon is a very cool public GraphQL API available to retrieve Pokemon data. The API is available publicly on the web, we'll use it to demo the capabilities of this client.

Github Repo link: https://github.com/lucasbento/graphql-pokemon

API link: https://graphql-pokemon.now.sh/

This query retrieves any pokemon's evolutions and their attacks:

query($name: String!) {
  pokemon(name: $name) {
    id
    number
    name
    evolutions {
      id
      number
      name
      weight {
        minimum
        maximum
      }
      attacks {
        fast {
          name
          type
          damage
        }
      }
    }
  }
}

Running Raw Queries

Although not the primary goal of this package, but it supports running raw string queries, just like any other client using the runRawQuery method in the Client class. Here's an example on how to use it:

$gql = <<<QUERY
query {
    pokemon(name: "Pikachu") {
        id
        number
        name
        attacks {
            special {
                name
                type
                damage
            }
        }
    }
}
QUERY;

$results = $client->runRawQuery($gql);

wp-graphql-client's People

Contributors

nem-c avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.