pluralsh-absinthe-socket-apollo-link
Version:
105 lines (70 loc) • 2.74 kB
Markdown
> Absinthe Socket Apollo Link
<!-- START doctoc -->
<!-- END doctoc -->
$ npm install --save dherault-absinthe-socket-apollo-link
$ yarn add dherault-absinthe-socket-apollo-link
1. Create AbsintheSocketLink (`absinthe-socket-link.js`)
```javascript
// @flow
import * as AbsintheSocket from "@absinthe/socket";
import {createAbsintheSocketLink} from "@absinthe/socket-apollo-link";
import {Socket as PhoenixSocket} from "phoenix";
export default createAbsintheSocketLink(AbsintheSocket.create(
new PhoenixSocket("ws://localhost:4000/socket")
));
```
2. Send all the operations using AbsintheSocketLink
```javascript
// @flow
import ApolloClient from "apollo-client";
import {InMemoryCache} from "apollo-cache-inmemory";
// see example 1
import absintheSocketLink from "./absinthe-socket-link";
const client = new ApolloClient({
link: absintheSocketLink,
cache: new InMemoryCache()
});
```
3. Subscribe using AbsintheSocketLink and send queries and mutations using HttpLink
```javascript
// @flow
import ApolloClient from "apollo-client";
import {createHttpLink} from "apollo-link-http";
import {hasSubscription} from "@jumpn/utils-graphql";
import {InMemoryCache} from "apollo-cache-inmemory";
import {split} from "apollo-link";
// see example 1
import absintheSocketLink from "./absinthe-socket-link";
const link = split(
operation => hasSubscription(operation.query),
absintheSocketLink,
createHttpLink({uri: "/graphql"})
);
const client = new ApolloClient({
link,
cache: new InMemoryCache()
});
```
<!-- Generated by documentation.js. Update this documentation by updating the source code. -->
Creates a terminating ApolloLink to request operations using given
AbsintheSocket instance
- `absintheSocket` **AbsintheSocket**
- `onError` **$ElementType<Observer<Result, Variables>, `"onError"`>**
- `onStart` **$ElementType<Observer<Result, Variables>, `"onStart"`>**
- [Absinthe Phoenix Socket](https://github.com/absinthe-graphql/absinthe-socket/tree/master/packages/socket)
- **Apollo Link**
- [Apollo Client](http://apollo-link-docs.netlify.com/docs/link/#apollo-client)
- [Terminating Links](http://apollo-link-docs.netlify.com/docs/link/overview.html#terminating)
- [Directional Composition](http://apollo-link-docs.netlify.com/docs/link/composition.html#directional)
- [Http Link](http://apollo-link-docs.netlify.com/docs/link/links/http.html)
[](LICENSE.txt) :copyright: Jumpn Limited.