@rahazad/roudex/dist/index.modern.js

import deepEqual from '@rahazad/deep-equal';
import { graphReducer } from '@rahazad/graph-reducer';
import React, { useReducer, useEffect, useContext } from 'react';

var defaultLogger = function defaultLogger(state, action, newState) {
  var _newState;

  if (newState === void 0) {
    newState = null;
  }

  console.group('%c%s %c%s %c%s %s', 'font-weight:normal;color:#888', 'action', 'color:#222', action.type, 'font-weight:normal;color:#888', '@', new Date().toLocaleTimeString());
  console.log('%c%s\t%o', 'font-weight:bold;color:#9E9E9E', 'prev-state', state);
  console.log('%c%s\t', 'font-weight:bold;color:#03A9E4', 'action', action);
  console.log('%c%s\t%o', 'font-weight:bold;color:#4CAF50', 'new-state', newState === state ? 'PREV-STATE' : (_newState = newState) != null ? _newState : 'NO-TRANSFORM');
  console.groupEnd();
};

var stateManager = {};
var StoreProvider = React.memo(function (_ref) {
  var children = _ref.children;
  var rootReducer = stateManager.rootReducer,
      defaultInitialState = stateManager.defaultInitialState,
      initializer = stateManager.initializer,
      payloadCreators = stateManager.payloadCreators,
      AppContext = stateManager.AppContext;

  var _useReducer = useReducer(rootReducer, defaultInitialState, initializer),
      state = _useReducer[0],
      dispatch = _useReducer[1];

  var popStateListener = function popStateListener(_ref2) {
    var state = _ref2.state;
    return dispatch({
      type: 'POP-',
      state: state
    });
  };

  useEffect(function () {
    window.addEventListener('popstate', popStateListener);
    return function () {
      return window.removeEventListener('popstate', popStateListener);
    };
  }, []);
  var dp = Object.fromEntries(Object.entries(payloadCreators).map(function (_ref3) {
    var type = _ref3[0],
        payloadCreator = _ref3[1];
    return [type, function () {
      return dispatch({
        type: type,
        payload: payloadCreator.apply(void 0, arguments)
      });
    }];
  }));
  return /*#__PURE__*/React.createElement(AppContext.Provider, {
    value: {
      state: state,
      dp: dp,
      dispatch: dispatch
    }
  }, children);
});

var useStore = function useStore() {
  return useContext(stateManager.AppContext);
};

var roudexInitializer = function roudexInitializer(initialState, payloadCreators, createPayloadFromUrl, createPathFromState, _temp) {
  var _ref4 = _temp === void 0 ? {} : _temp,
      _ref4$logger = _ref4.logger,
      logger = _ref4$logger === void 0 ? process.env.NODE_ENV === 'production' ? null : defaultLogger : _ref4$logger;

  if ('_serial' in initialState) throw new Error('The `_serial` property in `initialState` is managed automatically.\n' + ("You shouldn't provide it.\ninitialState:\n" + initialState));
  stateManager.defaultInitialState = initialState;
  initialState._serial = 0;
  stateManager.AppContext = React.createContext({
    state: {},
    dp: {},
    dispatch: null
  });
  stateManager.payloadCreators = payloadCreators;

  stateManager.rootReducer = function (state, action) {
    if (action.state) {
      if (action.payload) console.warn('The action provides both `payload` and `state`!\n' + 'Provided `payload` will be ignored.\naction:\n', action);
      var _newState = action.state;
      action.type += _newState._serial > state._serial ? 'FWD' : 'BACK';
      logger === null || logger === void 0 ? void 0 : logger(state, action, _newState);
      return _newState;
    }

    if (action.url) {
      if (action.payload) console.warn('The action provides both `payload` and `url`!\n' + 'Provided `payload` will be ignored and overridden.\naction:\n', action);
      action.payload = createPayloadFromUrl(action.url);
    }

    var payload = action.payload;

    if (!payload) {
      console.warn('No payload detected (directly or indirectly)!', {
        action: action
      });
      return state;
    }

    var _graphReducer = graphReducer(state, payload),
        noTransform = _graphReducer.noTransform,
        newState = _graphReducer.newState;

    var url0 = window.location.href;
    var newUrl = new URL(url0).origin + createPathFromState(newState);

    if (noTransform) {
      if (newUrl === url0 && deepEqual(window.history.state, state)) logger === null || logger === void 0 ? void 0 : logger(state, action);else {
        logger === null || logger === void 0 ? void 0 : logger(state, action, state);
        window.history.replaceState(state, '', newUrl);
      }
      return state;
    }

    newState._serial++;
    logger === null || logger === void 0 ? void 0 : logger(state, action, newState);
    var replaceOrPushState = action.url || newUrl === url0 ? 'replaceState' : 'pushState';
    window.history[replaceOrPushState](newState, '', newUrl);
    return newState;
  };

  stateManager.initializer = function (defaultInitialState) {
    var _window$history$state;

    return stateManager.rootReducer((_window$history$state = window.history.state) != null ? _window$history$state : defaultInitialState, {
      type: 'INIT',
      url: window.location.href
    });
  };

  var rootReducer = stateManager.rootReducer,
      defaultInitialState = stateManager.defaultInitialState;
  return {
    StoreProvider: StoreProvider,
    useStore: useStore,
    rootReducer: rootReducer,
    defaultInitialState: defaultInitialState
  };
};

export { roudexInitializer };
//# sourceMappingURL=index.modern.js.map