rx-lokka v0.0.2

rx-lokka

A simple Rx-powered wrapper around Lokka

Get Started

yarn add rx-lokka lokka lokka-transport-http

Create a Lokka Client

const Lokka = require('lokka').Lokka;
const Transport = require('lokka-transport-http').Transport;

export function createLokkaClient() {
  return new Lokka({
    transport: new Transport('https://<your-api>')
  });
}

Add to your module's providers

import { LokkaProvider } from 'rx-lokka';
// ...
providers: [{
    provide: LokkaProvider,
    useFactory: () => {
      return new LokkaProvider(createLokkaClient());
    }
  }],

Use it in your components

import { Lokka, LokkaProvider } from 'rx-lokka';

// component boilerplate
export class MyComponent {
    constructor( private lokka: LokkaProvider<Lokka>) { }

    ngOnInit() {
        const allTasksQuery = `
            {
                allTasks {
                    title
                    id
                    createdAt
                    content
                }
            }`;

        this.lokka
            .query(allTasksQuery)
            .subscribe((data: AllTasks) => {
                // all Tasks
            });
        }
    }
}