@barteh/react-withservice/lib/useService.js

A HOC injects and manages observable data services in a react Component

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = useService;

var _react = require("react");

function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }

function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }

function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }

function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }

function _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }

function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }

function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

var AUseServiceReturnType =
/*#__PURE__*/
function () {
  /**
   *
   * @param {string} status , can be "loading" | "error" | "ready"
   * @param {any} data an object or primitives return from servic
   * @param {number} error contains http error codes like 404 or 500 ...
   * @param {function} retry a function can do retry geting data for service
   */
  function AUseServiceReturnType(_status, _data, _error, _retry) {
    _classCallCheck(this, AUseServiceReturnType);

    _defineProperty(this, "status", void 0);

    _defineProperty(this, "data", void 0);

    _defineProperty(this, "error", void 0);

    _defineProperty(this, "retry", void 0);

    this.status = _status;
    this.data = _data;
    this.error = _error;
    this.retry = _retry;
  }

  _createClass(AUseServiceReturnType, [{
    key: "toArray",
    value: function toArray() {
      return [this.status, this.data, this.error, this.retry];
    }
  }]);

  return AUseServiceReturnType;
}();
/**
 * @param {AsService} service
 * @param  {any[]} params
 * @returns {AUseServiceReturnType} {status, data, error, retry}
 * @description Custom react hook for using ASService. 2 deferent mode of return can be used
 * 1-{status, data, error, retry}=useService(...)
 * 2-[status, data, error, retry]=useService(...).toArray()
 *
 */


function useService(service) {
  for (var _len = arguments.length, params = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
    params[_key - 1] = arguments[_key];
  }

  if (service === undefined) throw new Error("service cant be undefined in useService");

  function retry() {
    setRet(new AUseServiceReturnType("loading"));
    return service.refresh.apply(service, params);
  }

  var _useState = (0, _react.useState)(new AUseServiceReturnType("loading")),
      _useState2 = _slicedToArray(_useState, 2),
      ret = _useState2[0],
      setRet = _useState2[1];

  (0, _react.useEffect)(function () {
    var sub, errorsub;

    function handleChangeDone(data) {
      setRet(new AUseServiceReturnType("ready", data, undefined, retry));
    }

    function handleChangeError(error) {
      setRet(new AUseServiceReturnType("error", undefined, error, retry));
    }

    sub = service.Observable.apply(service, params).subscribe(handleChangeDone);
    errorsub = service.ErrorObservable.apply(service, params).subscribe(handleChangeError);

    var getData =
    /*#__PURE__*/
    function () {
      var _ref = _asyncToGenerator(
      /*#__PURE__*/
      regeneratorRuntime.mark(function _callee() {
        return regeneratorRuntime.wrap(function _callee$(_context) {
          while (1) {
            switch (_context.prev = _context.next) {
              case 0:
                _context.next = 2;
                return service.get.apply(service, params);

              case 2:
              case "end":
                return _context.stop();
            }
          }
        }, _callee);
      }));

      return function getData() {
        return _ref.apply(this, arguments);
      };
    }();

    getData();
    return function (ee) {
      setRet({
        status: "loading"
      });
      if (sub) sub.unsubscribe();
      if (errorsub) errorsub.unsubscribe();
    };
  }, [].concat(params));
  return ret;
}