@r3l/app/lib/index.js

Relevant App

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

var _reactDom = require("react-dom");

var _reactRouterDom = require("react-router-dom");

var _history = _interopRequireDefault(require("./modules/navigation/history"));

var _reactRouterConfig = require("react-router-config");

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

var _debug = _interopRequireDefault(require("debug"));

var _configureStore = _interopRequireDefault(require("./core/web/configureStore"));

var _routes = _interopRequireDefault(require("./modules/_app/web/routes"));

var _component = require("@loadable/component");

var _apollo = require("./core/apollo.client");

var _reactHooks = require("@apollo/react-hooks");

var _dripsy = require("dripsy");

var _styles = require("./styles");

var _ColorMode = require("./styles/ColorMode");

/* global __DEV__ */
(0, _dripsy.setDripsyOptions)({
  ssr: true
});
var clientDebug = (0, _debug.default)('app:client');
var rootElement = document.getElementById('app');
window.React = _react.default; // For chrome dev tool support

if (process.env.NODE_ENV === 'development') {
  window.reduxDebug = _debug.default;
  window.reduxDebug.enable('*'); // this should be activated only on development env
}

var initialState = window.__INITIAL_STATE__ || undefined;
var store = (0, _configureStore.default)(initialState);
clientDebug('rehydrating app');
if (localStorage) localStorage.debug = '';

var renderApp = function renderApp(appRoutes) {
  (0, _reactDom.hydrate)( /*#__PURE__*/_react.default.createElement(_dripsy.DripsyProvider, {
    theme: _styles.theme,
    options: {
      ssr: true
    }
  }, /*#__PURE__*/_react.default.createElement(_ColorMode.ColorModeProvider, null, /*#__PURE__*/_react.default.createElement(_reactHooks.ApolloProvider, {
    client: _apollo.client
  }, /*#__PURE__*/_react.default.createElement(_reactRedux.Provider, {
    store: store
  }, /*#__PURE__*/_react.default.createElement(_reactRouterDom.Router, {
    history: _history.default
  }, (0, _reactRouterConfig.renderRoutes)(appRoutes)))))), rootElement);
};

(0, _component.loadableReady)(function () {
  return renderApp(_routes.default);
});
//# sourceMappingURL=index.js.map