Query's variables as Observables

[kamilkisiela]

Closes #62

• docs apollostack/docs#173

Example:

import { Subject } from 'rxjs/Subject';

const name = new Subject();
const city = new Subject();
const obs = client.watchQuery({
  query, 
  variables: {
    name,
    city
  }
});

obs.subscribe(result => {
  console.log(result);
});

// waits for values to be emitted

name.next('Kamil');

// still waits

city.next('Warsaw'); // build the query with { name: 'Kamil', city: 'Warsaw' }

city.next('Cracow'); // rebuild the query with { name: 'Kamil', city: 'Cracow' }

[kamilkisiela]

Done but it seems like there is an issue with mockNetworkInterface

apollographql/apollo-client#535

Also a problem with missing apollo-specific method (like refetch) after mergeMap

[kamilkisiela]

Seems like the problem with missing apollo-specific methods has been solved.

[kamilkisiela]

Possible cases:

All variables as Subjects

import { Subject } from 'rxjs/Subject';

const name = new Subject();
const city = new Subject();
const obs = client.watchQuery({
  query, 
  variables: {
    name,
    city
  }
});

obs.subscribe(result => {
  console.log(result);
});

// waits for values to be emitted

name.next('Kamil');

// still waits

city.next('Warsaw'); // builds the query with {name: 'Kamil', city: 'Warsaw' }

---

Mixed

import { Subject } from 'rxjs/Subject';

const name = new Subject();
const obs = client.watchQuery({
  query, 
  variables: {
    name,
    city: 'Warsaw'
  }
});

obs.subscribe(result => {
  console.log(result);
});

// waits for values to be emitted

name.next('Kamil'); // builds the query with {name: 'Kamil', city: 'Warsaw' }

---

No Subjects

const name = 'Kamil';
const obs = client.watchQuery({
  query, 
  variables: {
    name,
    city: 'Warsaw'
  }
});

obs.subscribe(result => {
  console.log(result);
});

// builds the query with {name: 'Kamil', city: 'Warsaw' }

[jbaxleyiii]

This is so awesome @kamilkisiela

[kamilkisiela]

@jbaxleyiii Any suggestions about the implementation? It might be the final solution but I'm still waiting to merge it.

I was thinking to implement it in ApolloClient, somehow.

[kamilkisiela]

I was also thinking about writing a blog post about it. angular2-apollo with Angular2 RC5 and RxJS support with this killer feature is a huge thing, I think.

[jboothe]

@kamilkisiela Definitely +1 on the blog post.

[Urigo]

@robwormald would love to get your take on this

[jbaxleyiii]

@kamilkisiela would it be better to do a refetch with the new variables instead of creating a new query here?

[kamilkisiela]

@jbaxleyiii I don't know if it would work with switchMap, I'll take a look on this.

[jbaxleyiii]

@kamilkisiela notes added!

[kamilkisiela]

Docs added apollostack/docs#173