@r/platform
Version:
A set of tools to enable easy universal rendering and page navigation on a React + Redux stack
325 lines (250 loc) • 12.1 kB
JavaScript
(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory(require("./actions.js"), require("./pageUtils.js"), require("./router.js"), require("path-to-regexp"));
else if(typeof define === 'function' && define.amd)
define(["./actions.js", "./pageUtils.js", "./router.js", "path-to-regexp"], factory);
else if(typeof exports === 'object')
exports["navigationMiddleware.js"] = factory(require("./actions.js"), require("./pageUtils.js"), require("./router.js"), require("path-to-regexp"));
else
root["navigationMiddleware.js"] = factory(root["./actions.js"], root["./pageUtils.js"], root["./router.js"], root["path-to-regexp"]);
})(this, function(__WEBPACK_EXTERNAL_MODULE_13__, __WEBPACK_EXTERNAL_MODULE_14__, __WEBPACK_EXTERNAL_MODULE_15__, __WEBPACK_EXTERNAL_MODULE_321__) {
return /******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId])
/******/ return installedModules[moduleId].exports;
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ exports: {},
/******/ id: moduleId,
/******/ loaded: false
/******/ };
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/ // Flag the module as loaded
/******/ module.loaded = true;
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "";
/******/ // Load entry module and return exports
/******/ return __webpack_require__(0);
/******/ })
/************************************************************************/
/******/ ({
/***/ 0:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol ? "symbol" : typeof obj; };
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
var _slicedToArray = function () { function sliceIterator(arr, i) { 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"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();
exports.matchRoute = matchRoute;
var _pathToRegexp = __webpack_require__(321);
var _pathToRegexp2 = _interopRequireDefault(_pathToRegexp);
var _router = __webpack_require__(15);
var _actions = __webpack_require__(13);
var actions = _interopRequireWildcard(_actions);
var _pageUtils = __webpack_require__(14);
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
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; }
function matchRoute(path, routes) {
var route = void 0;
var _iteratorNormalCompletion = true;
var _didIteratorError = false;
var _iteratorError = undefined;
try {
for (var _iterator = routes[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
route = _step.value;
var _route = route;
var _route2 = _slicedToArray(_route, 3);
var url = _route2[0];
var handler = _route2[1];
var meta = _route2[2];
var reg = (0, _pathToRegexp2.default)(url);
var result = reg.exec(path);
if (result) {
return { handler: handler, reg: reg, result: result, meta: meta };
}
}
} catch (err) {
_didIteratorError = true;
_iteratorError = err;
} finally {
try {
if (!_iteratorNormalCompletion && _iterator.return) {
_iterator.return();
}
} finally {
if (_didIteratorError) {
throw _iteratorError;
}
}
}
}
var getRouteMeta = function getRouteMeta(routes, shouldSetPage, data) {
var method = data.method;
var pathName = data.pathName;
var route = matchRoute(pathName, routes);
if (route && route.meta && shouldSetPage && method === _router.METHODS.GET) {
return route.meta;
}
return null;
};
var findAndCallHandler = function findAndCallHandler(store, routes, shouldSetPage, data) {
var method = data.method;
var pathName = data.pathName;
var queryParams = data.queryParams;
var hashParams = data.hashParams;
var bodyParams = data.bodyParams;
var referrer = data.referrer;
var dispatch = store.dispatch;
var getState = store.getState;
var route = matchRoute(pathName, routes);
if (route) {
var _ret = function () {
var handler = route.handler;
var reg = route.reg;
var result = route.result;
var urlParams = reg.keys.reduce(function (prev, cur, index) {
return _extends({}, prev, _defineProperty({}, cur.name, result[index + 1]));
}, {});
// set page only if its a HEAD or a GET. setting page data is required
// to make sure request rendering and redirects work correctly
// The only reason HEAD is included is because its the same as GET but
// it doesn't have a response body.
if (shouldSetPage && (method === _router.METHODS.GET || method === _router.METHODS.HEAD)) {
dispatch(actions.setPage(pathName, {
urlParams: urlParams,
queryParams: queryParams,
hashParams: hashParams,
referrer: referrer
}));
}
var h = new handler(pathName, urlParams, queryParams, hashParams, bodyParams, dispatch, getState);
var handlerMethod = method;
// HEAD requests are supposed to have the exact same headers and redirects
// as a GET request, but they must not send a response body.
// To support HEAD requests, we can check if the handler
// has a specific HEAD function, otherwise we just use its GET function
if (handlerMethod === _router.METHODS.HEAD && !h[_router.METHODS.HEAD]) {
handlerMethod = _router.METHODS.GET;
}
if (!h[handlerMethod]) {
throw new Error('No method found for ' + method.toUpperCase() + ' ' + pathName);
}
return {
v: h[handlerMethod].bind(h)
};
}();
if ((typeof _ret === 'undefined' ? 'undefined' : _typeof(_ret)) === "object") return _ret.v;
}
throw new Error('No route found for ' + method.toUpperCase() + ' ' + pathName);
};
exports.default = {
create: function create(routes, isServer, onHandlerComplete) {
return function (store) {
return function (next) {
return function (action) {
var shouldSetPage = void 0;
var payload = void 0;
switch (action.type) {
case actions.NAVIGATE_TO_URL:
case actions.GOTO_PAGE_INDEX:
{
var _ret2 = function () {
var startTime = new Date().getTime();
next(action);
if (action.type === actions.NAVIGATE_TO_URL) {
shouldSetPage = true;
payload = action.payload;
} else {
shouldSetPage = false;
payload = _extends({}, action.payload, { method: _router.METHODS.GET });
}
var meta = getRouteMeta(routes, shouldSetPage, payload);
var handler = findAndCallHandler(store, routes, shouldSetPage, payload);
var ret = next(handler);
// When the handler completes, we get some timing info and pass it
// along to onHandlerComplete
var timeRoute = function timeRoute() {
var endTime = new Date().getTime();
var duration = endTime - startTime;
onHandlerComplete({ meta: meta, startTime: startTime, endTime: endTime, duration: duration });
};
ret.then(timeRoute).catch(function (e) {
timeRoute();
throw e;
});
return {
v: ret
};
}();
if ((typeof _ret2 === 'undefined' ? 'undefined' : _typeof(_ret2)) === "object") return _ret2.v;
}
case actions.REDIRECT:
{
var url = action.url;
// We want to redirect the current page somewhere else.
// If we're on the server, this should always translate into a SET_PAGE
// action, because we should issue a proper 3XX status code to redirect.
if (isServer) {
return store.dispatch(actions.setPage(url));
}
if (url.startsWith('/')) {
// We have special logic for relative urls:
// Before we route, we want to make sure the app's router supports the
// path. It's easy to imagine getting a relative url that isn't in
// routes, but is valid, e.g. there might be a load-balancer or proxy
// that routes the request the appropriate frontend-application based
// on varying criteria such as User-Agent, authentication, path, etc
var path = url.split('?')[0];
var route = matchRoute(path, routes);
if (route) {
var queryParams = (0, _pageUtils.extractQuery)(url);
return store.dispatch(actions.navigateToUrl(_router.METHODS.GET, path, { queryParams: queryParams }));
}
}
// base case for client -- hard redirect via window.location.
window.location = url;
return next(action);
}
default:
return next(action);
}
};
};
};
}
};
/***/ },
/***/ 13:
/***/ function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_13__;
/***/ },
/***/ 14:
/***/ function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_14__;
/***/ },
/***/ 15:
/***/ function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_15__;
/***/ },
/***/ 321:
/***/ function(module, exports) {
module.exports = require("path-to-regexp");
/***/ }
/******/ })
});
;