Kapton sample

This is a small Polymer 2 application using Kapton (an Apollo client integration into Polymer) to talk with a GraphQL server.

In this application, the GraphQL enpoint is embedded into the client application itself. An Apollo NetworkInterface has been written to simulate network and latency. Data are in-memory only, so any reload will reset it.

The GraphQL schema is created using graphql-tools from the Apollo project.

A version is running at https://atoy40.github.io/kapton-sample/ (simulating a 1000ms network latency to demonstrate optimistic UI features of Apollo)

Run the application

git clone https://github.com/atoy40/kapton-sample
cd kapton-sample
yarn install

then you can start the developpement server. It use webpack-dev-server and don't transpile client code, so you'll need an es6 browser like Chrome.

yarn serve

You can generate a production code where it is transpile to es5 to run on older browsers.

yarn build
cd build/production
python -m SimpleHTTPServer 3000

Go to http://localhost:3000

Code layout

• src : contains javascript code webpacked into a single file. This include Apollo client, Kapton and GraphQL endpoint and schema. In a normal app, the schema part (data.js and schema.js) would be defined server side.
• app : contains Polymer elements.