fetchye-redux-provider/lib/FetchyeReduxProvider.js

Redux provider for fetchye.

"use strict";

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

var _react = _interopRequireWildcard(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _reactRedux = require("react-redux");

var _fetchyeCore = require("fetchye-core");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }

function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

/*
 * Copyright 2020 American Express Travel Related Services Company, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
 * or implied. See the License for the specific language governing
 * permissions and limitations under the License.
 */
const makeUseFetchyeSelector = ({
  getCacheByKey,
  cacheSelector,
  equalityChecker,
  subscribe
}) => key => {
  const [, forceRender] = (0, _react.useReducer)(n => n + 1, 0);
  const store = (0, _reactRedux.useStore)();
  const selector = (0, _react.useCallback)(state => getCacheByKey(cacheSelector(state), key), [key]);
  const initialValue = selector(store.getState());
  const lastSelectorValue = (0, _react.useRef)(initialValue);
  const selectorValue = (0, _react.useRef)(initialValue);
  (0, _react.useEffect)(() => {
    function checkForUpdates() {
      const nextValue = selector(store.getState());
      lastSelectorValue.current = selectorValue.current;
      selectorValue.current = nextValue;

      if (!equalityChecker(selectorValue.current, lastSelectorValue.current)) {
        forceRender();
      }
    }

    checkForUpdates();
    return subscribe(checkForUpdates);
  }, [selector, store, initialValue]);
  return selectorValue;
};

const FetchyeReduxProvider = ({
  cache,
  fetcher = _fetchyeCore.defaultFetcher,
  equalityChecker = _fetchyeCore.defaultEqualityChecker,
  fetchClient = fetch,
  children
}) => {
  const [notify, subscribe] = (0, _fetchyeCore.useSubscription)();
  const reduxDispatch = (0, _reactRedux.useDispatch)();
  const {
    cacheSelector,
    getCacheByKey
  } = cache;
  const memoizedConfig = (0, _react.useMemo)(() => ({
    cache,
    dispatch: (...args) => {
      reduxDispatch(...args);
      notify();
    },
    defaultFetcher: fetcher,
    useFetchyeSelector: makeUseFetchyeSelector({
      getCacheByKey,
      cacheSelector,
      equalityChecker,
      subscribe
    }),
    fetchClient
  }), [cache, cacheSelector, fetchClient, fetcher, getCacheByKey, equalityChecker, reduxDispatch, notify, subscribe]);
  return /*#__PURE__*/_react.default.createElement(_fetchyeCore.FetchyeContext.Provider, {
    value: memoizedConfig
  }, children);
};

var _default = FetchyeReduxProvider;
exports.default = _default;