Usage with Relay

Hello,

I’m trying to figure it out how to make this work with Relay. According to Relay docs a subscribe function has to return an observable.

When I write this function:

const subscribe = (request, variables) => {
  const subscribeObservable = subscribeClient.subscribe({
    query: request.text,
    operationName: request.name,
    variables,
  })

  // Important: Convert subscriptions-transport-ws observable type to Relay's
  return Observable.from(subscribeObservable);
}

It just doesn’t works, because RelayNetwork returns error: No data returned for operation.

On other hand, when I use subscription-transport-ws it just works.

[sibelius]

do you wanna migrate this on Relay Workshop (https://github.com/sibelius/relay-workshop/issues/13)

check recipes for the right usage with relay

it is like this

import { createClient } from 'graphql-ws';

const subscriptionsClient = createClient({
  url: config.GRAPHQL_SUBSCRIPTION_URL,
});

export const subscribeFn = (
  operation: RequestParameters,
  variables: Variables,
) => {
  return Observable.create((sink) => {
    if (!operation.text) {
      return sink.error(new Error('Operation text cannot be empty'));
    }
    return subscriptionsClient.subscribe(
      {
        operationName: operation.name,
        query: operation.text,
        variables,
      },
      {
        ...sink,
        error: (err) => {
          if (err instanceof Error) {
            sink.error(err);
          } else if (err instanceof CloseEvent) {
            sink.error(
              new Error(
                `Socket closed with event ${err.code}` + err.reason
                  ? `: ${err.reason}` // reason will be available on clean closes
                  : '',
              ),
            );
          } else {
            // GraphQLError[]
            sink.error(new Error(err.map(({ message }) => message).join(', ')));
          }
        },
      },
    );
  });
};

[enisdenjo]

There is a Client usage with Relay recipe in the readme, check it out! 😄