1 | 'use strict';
|
2 |
|
3 | Object.defineProperty(exports, "__esModule", {
|
4 | value: true
|
5 | });
|
6 | exports.doGeoLookup = exports.isReusable = exports.renderGet = undefined;
|
7 |
|
8 | var _eventCollector = require('event-collector');
|
9 |
|
10 | var _eventCollector2 = _interopRequireDefault(_eventCollector);
|
11 |
|
12 | var _basicAuth = require('basic-auth');
|
13 |
|
14 | var _basicAuth2 = _interopRequireDefault(_basicAuth);
|
15 |
|
16 | var _lincConfigJs = require('linc-config-js');
|
17 |
|
18 | var _lincConfigJs2 = _interopRequireDefault(_lincConfigJs);
|
19 |
|
20 | var _assetManifest = require('asset-manifest');
|
21 |
|
22 | var _assetManifest2 = _interopRequireDefault(_assetManifest);
|
23 |
|
24 | var _serverStrategy = require('server-strategy');
|
25 |
|
26 | var _serverStrategy2 = _interopRequireDefault(_serverStrategy);
|
27 |
|
28 | var _includes = require('includes');
|
29 |
|
30 | var _includes2 = _interopRequireDefault(_includes);
|
31 |
|
32 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
33 |
|
34 | function _asyncToGenerator(fn) { return function () { var gen = fn.apply(this, arguments); return new Promise(function (resolve, reject) { function step(key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { return Promise.resolve(value).then(function (value) { step("next", value); }, function (err) { step("throw", err); }); } } return step("next"); }); }; }
|
35 |
|
36 | const extRegex = /.*?\.(\w*)$/;
|
37 |
|
38 | const createConfig = () => {
|
39 | const clientConfig = typeof _lincConfigJs2.default === 'function' ? (0, _lincConfigJs2.default)('server') : _lincConfigJs2.default;
|
40 | let serverConfig = {};
|
41 | try {
|
42 | serverConfig = require('linc-server-config-js');
|
43 | serverConfig = serverConfig.default ? serverConfig.default : serverConfig;
|
44 | } catch (e) {
|
45 | if (e.message.includes('Cannot find module "linc-server-config-js')) {
|
46 | console.log("Couldn't find any server-only configuration: 'linc.server.config.js', using defaults");
|
47 | } else {
|
48 | console.log('Error loading linc.server.config.js', e);
|
49 | }
|
50 | }
|
51 |
|
52 | return Object.assign({}, clientConfig, serverConfig);
|
53 | };
|
54 |
|
55 | const config = createConfig();
|
56 |
|
57 | const polyfills_io = 'https://cdn.polyfill.io/v2/polyfill.min.js?features=';
|
58 | const polyfillsURL = config.polyfills ? `${polyfills_io}${config.polyfills.replace(' ', '')}` : null;
|
59 |
|
60 | const initEventCollector = req => {
|
61 | const packageJson = require(__dirname + '/../package.json');
|
62 | req.eventcollector = req.eventcollector || new _eventCollector2.default({});
|
63 | req.eventcollector.addMeta({
|
64 | renderer: {
|
65 | version: packageJson.version,
|
66 | profile: packageJson.name
|
67 | }
|
68 | });
|
69 | if (global.window && window.localStorage) window.localStorage.clear();
|
70 | if (global.window && window.sessionStorage) window.sessionStorage.clear();
|
71 | return req.eventcollector;
|
72 | };
|
73 |
|
74 | const checkAuth = (req, res) => {
|
75 | const credentials = (0, _basicAuth2.default)(req);
|
76 | if (!credentials || credentials.name !== config.auth.username || credentials.pass !== config.auth.password) {
|
77 | res.statusCode = 401;
|
78 | res.setHeader('WWW-Authenticate', `Basic realm="${req.hostinfo.siteName}"`);
|
79 | res.end('<!DOCTYPE html><html><body><h1>Auth Required</h1></body></html>');
|
80 | return false;
|
81 | } else {
|
82 | return true;
|
83 | }
|
84 | };
|
85 |
|
86 | const redirect = (res, redirectLocation) => {
|
87 | res.statusCode = 302;
|
88 | res.setHeader('Location', redirectLocation.pathname + redirectLocation.search);
|
89 | res.end();
|
90 | };
|
91 |
|
92 | const notfound = res => {
|
93 | res.statusCode = 404;
|
94 | res.write('<!DOCTYPE html><html><body><h1>Not Found</h1></body></html>');
|
95 | res.end();
|
96 | };
|
97 |
|
98 | const sendIncludes = (res, url) => {
|
99 | let type;
|
100 | const result = url.match(extRegex);
|
101 | const ext = result ? result[1] : null;
|
102 | switch (ext) {
|
103 | case 'js':
|
104 | type = 'application/javascript';
|
105 | break;
|
106 | case 'txt':
|
107 | type = 'text/plain';
|
108 | break;
|
109 | }
|
110 |
|
111 | if (type) {
|
112 | res.setHeader('Content-Type', type);
|
113 | }
|
114 | const include = (0, _includes2.default)(url);
|
115 | res.send(include);
|
116 | };
|
117 |
|
118 | const inits = req => {
|
119 | const promises = _serverStrategy2.default.inits.map(fn => fn(req));
|
120 | return Promise.all(promises);
|
121 | };
|
122 |
|
123 | const sendInitialHeaders = (req, res, assets) => {
|
124 | res.setHeader('Content-Type', 'text/html');
|
125 | if (assets['manifest.js']) {
|
126 | res.append('Link', `</${assets['manifest.js']}>;rel=preload;as=script`);
|
127 | }
|
128 | if (assets['vendor.js']) {
|
129 | res.append('Link', `</${assets['vendor.js']}>;rel=preload;as=script`);
|
130 | }
|
131 | if (assets['main.js']) {
|
132 | res.append('Link', `</${assets['main.js']}>;rel=preload;as=script`);
|
133 | }
|
134 | if (assets['defer.js']) {
|
135 | res.append('Link', `</${assets['defer.js']}>;rel=preload;as=script`);
|
136 | }
|
137 | if (polyfillsURL) {
|
138 | res.append('Link', '<https://cdn.polyfill.io>;rel=dns-prefetch');
|
139 | res.append('Link', `<${polyfillsURL}>;rel=preload;as=script`);
|
140 | }
|
141 | if (typeof config.getHTTPHeaders === 'function') {
|
142 | const headers = config.getHTTPHeaders(req, assets);
|
143 | headers.forEach(header => {
|
144 | res.append(header.name, header.value);
|
145 | });
|
146 | }
|
147 | };
|
148 |
|
149 | const sendHeadAssets = (res, assets) => {
|
150 | res.write('<meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1">');
|
151 | if (assets['bootstrap.css']) {
|
152 | res.write(`<link rel="stylesheet" href="/${assets['bootstrap.css']}">`);
|
153 | }
|
154 | if (assets['vendor.css']) {
|
155 | res.write(`<link rel="stylesheet" href="/${assets['vendor.css']}">`);
|
156 | }
|
157 | if (assets['main.css']) {
|
158 | res.write(`<link rel="stylesheet" href="/${assets['main.css']}">`);
|
159 | }
|
160 | };
|
161 |
|
162 | const sendSettings = (res, settings) => {
|
163 |
|
164 | if (!Object.keys(settings).length) return;
|
165 |
|
166 | res.write(`<script>`);
|
167 | Object.keys(settings).forEach(key => {
|
168 | res.write(`window.${key} = ${JSON.stringify(settings[key])};\n`);
|
169 | });
|
170 | res.write(`</script>`);
|
171 | };
|
172 |
|
173 | const headTags = ['title', 'link', 'meta', 'style', 'script'];
|
174 | const dynamicHeadToString = head => {
|
175 | if (head) {
|
176 | const strArray = headTags.map(tag => head[tag] && head[tag].toString());
|
177 | return strArray.reduce((previous, current) => current ? previous + current : previous, '');
|
178 | } else {
|
179 | return '';
|
180 | }
|
181 | };
|
182 |
|
183 | const sendDynamicHead = (res, head) => {
|
184 | res.write(dynamicHeadToString(head));
|
185 | };
|
186 |
|
187 | const sendConfigStaticHead = (req, res) => {
|
188 | if (config.getStaticHead) {
|
189 | res.write(config.getStaticHead(req));
|
190 | }
|
191 | };
|
192 |
|
193 | const sendConfigDynamicHead = (req, state, res) => {
|
194 | if (config.getDynamicHead) {
|
195 | res.write(config.getDynamicHead(req, state));
|
196 | }
|
197 | };
|
198 |
|
199 | const sendState = (req, state, res) => {
|
200 | if (state.json) {
|
201 | res.write(`<script>window.__INITIALSTATE__ = ${JSON.stringify(state.json)};</script>`);
|
202 | }
|
203 | if (req.userInfo) {
|
204 | res.write(`<script>window.__USER_INFO__ = ${JSON.stringify(req.userInfo)};</script>`);
|
205 | }
|
206 | };
|
207 |
|
208 | const sendTrailer = (res, trailer) => {
|
209 | if (trailer.html) {
|
210 | res.write(html);
|
211 | }
|
212 | if (trailer.scripts) {
|
213 | trailer.scripts.forEach(script => {
|
214 | res.write(`<script src="${script.src}></script>`);
|
215 | });
|
216 | }
|
217 | };
|
218 |
|
219 | const trailerToString = trailer => {
|
220 | if (!trailer) return '';
|
221 | let scripts = '';
|
222 | if (trailer.scripts) {
|
223 | scripts = trailer.scripts.map(script => `<script src="${script.src}"></script>\n`).join();
|
224 | }
|
225 | return (trailer.html || '') + '\n' + scripts;
|
226 | };
|
227 |
|
228 | const afterRender = (req, assets) => {
|
229 | const results = _serverStrategy2.default.afterRenders.map(fn => fn(req, config, assets));
|
230 | const ret = results.reduce((previous, current) => {
|
231 | return {
|
232 | head: previous.head + dynamicHeadToString(current.head),
|
233 | trailer: previous.trailer + trailerToString(current.trailer)
|
234 | };
|
235 | }, { head: '', trailer: '' });
|
236 | return ret;
|
237 | };
|
238 |
|
239 | const renderHTML = (html, req, res) => {
|
240 | var _afterRender = afterRender(req, _assetManifest2.default);
|
241 |
|
242 | const head = _afterRender.head,
|
243 | trailer = _afterRender.trailer;
|
244 |
|
245 | if (head) {
|
246 | res.write(head);
|
247 | }
|
248 | res.write(`</head>\n<body><div id="root">${html}</div>\n`);
|
249 | return trailer;
|
250 | };
|
251 |
|
252 | const getRenderComponent = (req, routeComponent, state) => {
|
253 | return _serverStrategy2.default.preRenders.reduce((renderComponent, fn) => {
|
254 | const retval = fn(req, renderComponent, state);
|
255 | return retval;
|
256 | }, routeComponent);
|
257 | };
|
258 |
|
259 | const renderToString = (() => {
|
260 | var _ref = _asyncToGenerator(function* (req, routeComponent, state, res) {
|
261 | const renderComponent = getRenderComponent(req, routeComponent, state.json);
|
262 | const html = yield _serverStrategy2.default.render(renderComponent);
|
263 | return renderHTML(html, req, res);
|
264 | });
|
265 |
|
266 | return function renderToString(_x, _x2, _x3, _x4) {
|
267 | return _ref.apply(this, arguments);
|
268 | };
|
269 | })();
|
270 |
|
271 | const renderToStream = (() => {
|
272 | var _ref2 = _asyncToGenerator(function* (routeComponent, res) {
|
273 | console.log('Not Yet Implemented');
|
274 | });
|
275 |
|
276 | return function renderToStream(_x5, _x6) {
|
277 | return _ref2.apply(this, arguments);
|
278 | };
|
279 | })();
|
280 |
|
281 | const sendConfigTrailer = (req, state, res) => {
|
282 | if (config.getTrailer) {
|
283 | res.write(config.getTrailer(req));
|
284 | }
|
285 | };
|
286 |
|
287 | const sendDeferredScript = (res, assets) => {
|
288 | if (assets['defer.js']) {
|
289 | res.write(`
|
290 | <script type="text/javascript">
|
291 | function runDeferScript() {
|
292 | var element = document.createElement("script");
|
293 | element.src = "/${assets['defer.js']}";
|
294 | document.body.appendChild(element);
|
295 | }
|
296 | if (window.addEventListener) {
|
297 | window.addEventListener("load", runDeferScript, false);
|
298 | } else if (window.attachEvent) {
|
299 | window.attachEvent("onload", runDeferScript);
|
300 | } else {
|
301 | window.onload = runDeferScript;
|
302 | }
|
303 | </script>
|
304 | `);
|
305 | }
|
306 | };
|
307 |
|
308 | const renderGet = (() => {
|
309 | var _ref3 = _asyncToGenerator(function* (req, res, settings) {
|
310 | try {
|
311 | const eventcollector = initEventCollector(req);
|
312 | if (config.auth && !checkAuth(req, res)) {
|
313 | return;
|
314 | }
|
315 | const getJob = eventcollector.startJob('renderGet');
|
316 | const url = req.url;
|
317 | if (url.length > 1 && !(url.lastIndexOf('/') > 1) && (0, _includes2.default)(url)) {
|
318 | eventcollector.endJob(getJob);
|
319 | return sendIncludes(res, url);
|
320 | }
|
321 |
|
322 | eventcollector.addMeta({ strategy: _serverStrategy2.default.strategy });
|
323 | yield inits(req);
|
324 |
|
325 | const routeJob = eventcollector.startJob('routing');
|
326 | const routeResult = yield _serverStrategy2.default.router(req, config);
|
327 | const redirectLocation = routeResult.redirectLocation,
|
328 | route = routeResult.route,
|
329 | routeComponent = routeResult.routeComponent;
|
330 |
|
331 | if (redirectLocation) {
|
332 | return redirect(res, redirectLocation);
|
333 | } else if (!routeComponent) {
|
334 | return notfound(res);
|
335 | }
|
336 | eventcollector.endJob(routeJob);
|
337 | const stateJob = req.eventcollector.startJob('getState');
|
338 | const getStatePromise = _serverStrategy2.default.getStatePromise(req, config, route, routeComponent);
|
339 | res.statusCode = 200;
|
340 | sendInitialHeaders(req, res, _assetManifest2.default);
|
341 | const lang = config.getHtmlLang ? config.getHtmlLang(req) : 'en';
|
342 | res.write(`<!DOCTYPE html><html lang="${lang}" prefix="og: http://ogp.me/ns#><head>`);
|
343 | sendHeadAssets(res, _assetManifest2.default);
|
344 | sendConfigStaticHead(req, res);
|
345 | sendSettings(res, settings);
|
346 | if (res.flush) {
|
347 | res.flush();
|
348 | }
|
349 | const state = (yield getStatePromise) || {};
|
350 | eventcollector.endJob(stateJob);
|
351 | sendConfigDynamicHead(req, state, res);
|
352 | sendState(req, state, res);
|
353 | const renderJob = eventcollector.startJob('render');
|
354 | let renderMethod;
|
355 | let trailer;
|
356 | if (state.html) {
|
357 | renderMethod = 'static';
|
358 | trailer = renderHTML(state.html, req, res);
|
359 | } else if (_serverStrategy2.default.render.canStream && _serverStrategy2.default.render.canStream()) {
|
360 | renderMethod = 'renderToStream';
|
361 | trailer = yield renderToStream(req, routeComponent, state, res);
|
362 | } else {
|
363 | renderMethod = 'renderToString';
|
364 | trailer = yield renderToString(req, routeComponent, state, res);
|
365 | }
|
366 | eventcollector.endJob(renderJob, { renderMethod });
|
367 |
|
368 | if (polyfillsURL) {
|
369 | res.write(`<script src="${polyfillsURL}"></script>`);
|
370 | }
|
371 | res.write(`<script src="/${_assetManifest2.default['manifest.js']}"></script>`);
|
372 | res.write(`<script src="/${_assetManifest2.default['vendor.js']}"></script>`);
|
373 | res.write(`<script src="/${_assetManifest2.default['main.js']}"></script>`);
|
374 | if (trailer) res.write(trailer);
|
375 | sendConfigTrailer(req, state, res);
|
376 | sendDeferredScript(res, _assetManifest2.default);
|
377 | res.write('</body></html>');
|
378 | res.end();
|
379 | eventcollector.endJob(getJob);
|
380 | } catch (e) {
|
381 | console.log('Uhoh!', e);
|
382 | req.eventcollector.addError(e);
|
383 | res.end();
|
384 | }
|
385 | });
|
386 |
|
387 | return function renderGet(_x7, _x8, _x9) {
|
388 | return _ref3.apply(this, arguments);
|
389 | };
|
390 | })();
|
391 |
|
392 | const isReusable = true;
|
393 |
|
394 | const doGeoLookup = () => config.requestExtendedUserInfo;
|
395 |
|
396 | exports.renderGet = renderGet;
|
397 | exports.isReusable = isReusable;
|
398 | exports.doGeoLookup = doGeoLookup;
|
399 |
|
\ | No newline at end of file |