johnnynotsolucky / cycle-apollo

Apollo GraphQL driver for Cycle.js

cycle-apollo

Usage

Installation

npm install cycle-apollo

Example

const main = ({ DOM, Apollo }) => {
  const query$ = xs.of({
    query: gql`
      query usersList {
        allUsers {
          id,
          name
        }
      }`,
      category: 'allusers'
  })

  const results$ = Apollo.select('allusers')
    .flatten()
    .startWith([])

  const vdom$ = results$
    .map(users =>
      ul(users.map(user => li(user.name)))
    )

  return {
    DOM: vdom$,
    Apollo: query$
  }
}

const networkInterface = createNetworkInterface({
  uri: process.env.GRAPHQL_ENDPOINT
})

const client = new ApolloClient({ networkInterface })

run(main, {
  DOM: makeDOMDriver('#app'),
  Apollo: makeApolloDriver(client)
})

Development

Demo

npm run graphql
npm run dev

The demo uses graphql-up to create a backend on Graphcool. Therefore, you only need to run graphql once, or when the endpoint has expired.

Build

Node Module

make lib

Browser

make dist