createRouteMiddleware.js
3.41 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
function _react() {
const data = _interopRequireDefault(require("react"));
_react = function _react() {
return data;
};
return data;
}
function _path() {
const data = require("path");
_path = function _path() {
return data;
};
return data;
}
function _reactRouterConfig() {
const data = require("react-router-config");
_reactRouterConfig = function _reactRouterConfig() {
return data;
};
return data;
}
function _stream() {
const data = require("stream");
_stream = function _stream() {
return data;
};
return data;
}
var _htmlUtils = require("../htmlUtils");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
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); }); }; }
const ASSET_EXTNAMES = ['.ico', '.png', '.jpg', '.jpeg', '.gif', '.svg', '.json'];
var _default = ({
api,
sharedMap
}) => {
return /*#__PURE__*/function () {
var _ref = _asyncToGenerator(function* (req, res, next) {
function sendHtml() {
return _sendHtml.apply(this, arguments);
}
function _sendHtml() {
_sendHtml = _asyncToGenerator(function* () {
const html = (0, _htmlUtils.getHtmlGenerator)({
api
});
let route = {
path: req.path
};
if (api.config.exportStatic) {
const routes = yield api.getRoutes();
const matchedRoutes = (0, _reactRouterConfig().matchRoutes)(routes, req.path);
if (matchedRoutes.length) {
route = matchedRoutes[matchedRoutes.length - 1].route;
}
}
const defaultContent = yield html.getContent({
route,
chunks: sharedMap.get('chunks')
});
const content = yield api.applyPlugins({
key: 'modifyDevHTMLContent',
type: api.ApplyPluginsType.modify,
initialValue: defaultContent,
args: {
req
}
});
res.setHeader('Content-Type', 'text/html'); // support stream content
if (content instanceof _stream().Stream) {
content.pipe(res);
content.on('end', function () {
res.end();
});
} else {
res.send(content);
}
});
return _sendHtml.apply(this, arguments);
}
if (req.path === '/favicon.ico') {
res.sendFile((0, _path().join)(__dirname, 'umi.png'));
} else if (ASSET_EXTNAMES.includes((0, _path().extname)(req.path))) {
next();
} else {
yield sendHtml();
}
});
return function (_x, _x2, _x3) {
return _ref.apply(this, arguments);
};
}();
};
exports.default = _default;