react-relay-network-modern/es/middlewares/logger.js.flow

Network Layer for React Relay and Express (Batch Queries, AuthToken, Logging, Retry)

/* @flow */
/* eslint-disable no-console */

import RelayRequest from '../RelayRequest';
import RelayRequestBatch from '../RelayRequestBatch';
import type { Middleware } from '../definition';

export type LoggerMiddlewareOpts = {|
  logger?: Function,
|};

export default function loggerMiddleware(opts?: LoggerMiddlewareOpts): Middleware {
  const logger = (opts && opts.logger) || console.log.bind(console, '[RELAY-NETWORK]');

  return (next) => (req) => {
    const start = new Date().getTime();

    logger(`Run ${req.getID()}`, req);
    return next(req).then(
      (res) => {
        const end = new Date().getTime();

        let queryId;
        let queryData;
        if (req instanceof RelayRequest) {
          queryId = req.getID();
          queryData = {
            query: req.getQueryString(),
            variables: req.getVariables(),
          };
        } else if (req instanceof RelayRequestBatch) {
          queryId = req.getID();
          queryData = {
            requestList: req.requests,
            responseList: res.json,
          };
        } else {
          queryId = 'CustomRequest';
          queryData = {};
        }

        logger(`Done ${queryId} in ${end - start}ms`, { ...queryData, req, res });
        if (res.status !== 200) {
          logger(`Status ${res.status}: ${res.statusText || ''} for ${queryId}`);
        }
        return res;
      },
      (error) => {
        if (error && error.name && error.name === 'AbortError') {
          logger(`Cancelled ${req.getID()}`);
        }
        throw error;
      }
    );
  };
}