node package manager
Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org »

@absinthe/socket

@absinthe/socket

Absinthe Socket

Features

  • Immutable functional API

    All received and returned objects with the exception of AbsintheSocket instances (there are plans to make this immutable too) are treated in an immutable way. Objects have no methods and instead we provide independant stateless functions to interact with them.

  • Lazy connect / join

    If provided phoenix socket instance is not connected, then instead of connecting at creation time, connection will be established on the next invocation of send.

  • Handle pending operations on connection lost

    Pending mutations will be aborted, queries will be resent, and subscriptions reestablished.

  • Cancellable requests

    Calling cancel removes given notifier from absintheSocket instance and sends a Cancel event to all its observers and unsubscribes in case it holds a subscription request.

  • Operations deduplication

    If an already sent request is given to send, then instead of sending it again, the notifier associated with it will be returned.

  • Observer support of recoverable errors

    Since connection lost is handled, then two events needs to exist to represent this fact: Error (recoverable), Abort (unrecoverable).

  • Multiple observers per request

    Calling send returns a notifier which allows attaching any number of observers that will be notified when result arrives.

  • Observer interaction depending on operation type

    For the case of subscriptions, Start event is dispatched when the subscription is established, while for the other types (queries and mutations), when the request is sent.

Installation

Using npm

$ npm install --save @absinthe/socket

Using yarn

$ yarn add @absinthe/socket

Types

// from @jumpn/utils-graphql
type GqlRequest<Variables: void | Object = void> = {
  operation: string,
  variables?: Variables
};
 
// from @jumpn/utils-graphql
type GqlResponse<Data> = {
  data?: Data,
  errors?: Array<GqlError>
};
 
// from @jumpn/utils-graphql
type GqlOperationType = "mutation" | "query" | "subscription";
 
type Event = "Abort" | "Cancel" | "Error" | "Start" | "Result";
 
type Observer<Result> = {
  onAbort?: (error: Error) => any,
  onCancel?: () => any,
  onError?: (error: Error) => any,
  onStart?: (notifier: Notifier<Result>) => any,
  onResult?: (result: Result) => any
};
 
type Notifier<Result> = {
  observers: Array<Observer<Result>>,
  operationType: GqlOperationType,
  request: GqlRequest<*>,
  subscriptionId?: string
};
 
type AbsintheSocket = {
  channel: Channel,
  channelJoinCreated: boolean,
  notifiers: Array<Notifier<any>>,
  phoenixSocket: PhoenixSocket
};

API

cancel

Cancels a notifier sending a Cancel event to all its observers and unsubscribing in case it holds a subscription request

Parameters

  • absintheSocket AbsintheSocket
  • notifier Notifier<any>

Examples

import * as AbsintheSocket from "@absinthe/socket";
 
AbsintheSocket.cancel(absintheSocket, notifier);

Returns AbsintheSocket

create

Creates an Absinthe Socket using the given Phoenix Socket instance

Parameters

  • phoenixSocket PhoenixSocket

Examples

import * as AbsintheSocket from "@absinthe/socket";
import {Socket as PhoenixSocket} from "phoenix";
 
const absintheSocket = AbsintheSocket.create(
  new PhoenixSocket("ws://localhost:4000/socket")
);

Returns AbsintheSocket

observe

Observes given notifier using the provided observer

Parameters

  • absintheSocket AbsintheSocket
  • notifier Notifier<Result>
  • observer Observer<Result>

Examples

import AbsintheSocket from "@absinthe/socket"
 
const logEvent = eventName => (...args) => console.log(eventName, ...args);
 
const updatedNotifier = AbsintheSocket.observe(absintheSocket, notifier, {
  onAbort: logEvent("abort"),
  onError: logEvent("error"),
  onStart: logEvent("open"),
  onResult: logEvent("result")
});

Returns AbsintheSocket

send

Sends given request and returns an object (notifier) to track its progress (see observe function)

Parameters

  • absintheSocket AbsintheSocket
  • request GqlRequest<any>

Examples

import * as AbsintheSocket from "@absinthe/socket";
 
const operation = `
  subscription userSubscription($userId: ID!) {
    user(userId: $userId) {
      id
      name
    }
  }
`;
 
// This example uses a subscription, but the functionallity is the same for
// all operation types (queries, mutations and subscriptions)
 
const notifier = AbsintheSocket.send(absintheSocket, {
  operation,
  variables: {userId: 10}
});

Returns Notifier<any>

toObservable

Creates an Observable that will follow the given notifier

Parameters

  • absintheSocket AbsintheSocket
  • notifier Notifier<Result>
  • options Object? (optional, default {})
    • options.onError function (error: Error): undefined?
    • options.onStart function (notifier: Notifier<Result>): undefined?
    • options.unsubscribe function (): undefined?

Returns Observable

unobserve

Detaches observer from notifier

Parameters

  • absintheSocket AbsintheSocket
  • notifier Notifier<any>
  • observer Observer<any>

Examples

import * as AbsintheSocket from "@absinthe/socket";
 
AbsintheSocket.unobserve(absintheSocket, notifier, observer);

Returns AbsintheSocket

License

MIT ©️ Jumpn Limited.