UNPKG

12.9 kBJavaScriptView Raw
1'use strict';
2
3Object.defineProperty(exports, "__esModule", {
4 value: true
5});
6exports.doGeoLookup = exports.isReusable = exports.renderGet = undefined;
7
8var _eventCollector = require('event-collector');
9
10var _eventCollector2 = _interopRequireDefault(_eventCollector);
11
12var _basicAuth = require('basic-auth');
13
14var _basicAuth2 = _interopRequireDefault(_basicAuth);
15
16var _lincConfigJs = require('linc-config-js');
17
18var _lincConfigJs2 = _interopRequireDefault(_lincConfigJs);
19
20var _assetManifest = require('asset-manifest');
21
22var _assetManifest2 = _interopRequireDefault(_assetManifest);
23
24var _serverStrategy = require('server-strategy');
25
26var _serverStrategy2 = _interopRequireDefault(_serverStrategy);
27
28var _includes = require('includes');
29
30var _includes2 = _interopRequireDefault(_includes);
31
32function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
33
34function _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
36const extRegex = /.*?\.(\w*)$/;
37
38const 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
55const config = createConfig();
56
57const polyfills_io = 'https://cdn.polyfill.io/v2/polyfill.min.js?features=';
58const polyfillsURL = config.polyfills ? `${polyfills_io}${config.polyfills.replace(' ', '')}` : null;
59
60const 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
74const 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
86const redirect = (res, redirectLocation) => {
87 res.statusCode = 302;
88 res.setHeader('Location', redirectLocation.pathname + redirectLocation.search);
89 res.end();
90};
91
92const notfound = res => {
93 res.statusCode = 404;
94 res.write('<!DOCTYPE html><html><body><h1>Not Found</h1></body></html>');
95 res.end();
96};
97
98const 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
118const inits = req => {
119 const promises = _serverStrategy2.default.inits.map(fn => fn(req));
120 return Promise.all(promises);
121};
122
123const 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
149const 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
162const sendSettings = (res, settings) => {
163 // Prevent an empty <script> tag in the rendered HTML
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
173const headTags = ['title', 'link', 'meta', 'style', 'script'];
174const 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
183const sendDynamicHead = (res, head) => {
184 res.write(dynamicHeadToString(head));
185};
186
187const sendConfigStaticHead = (req, res) => {
188 if (config.getStaticHead) {
189 res.write(config.getStaticHead(req));
190 }
191};
192
193const sendConfigDynamicHead = (req, state, res) => {
194 if (config.getDynamicHead) {
195 res.write(config.getDynamicHead(req, state));
196 }
197};
198
199const 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
208const 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
219const 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
228const 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
239const 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
252const 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
259const 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
271const 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
281const sendConfigTrailer = (req, state, res) => {
282 if (config.getTrailer) {
283 res.write(config.getTrailer(req));
284 }
285};
286
287const sendDeferredScript = (res, assets) => {
288 if (assets['defer.js']) {
289 res.write(`<script type="text/javascript">
290function runDeferScript() {
291 var element = document.createElement("script");
292 element.src = "/${assets['defer.js']}";
293 document.body.appendChild(element);
294}
295if (window.addEventListener) {
296 window.addEventListener("load", runDeferScript, false);
297} else if (window.attachEvent) {
298window.attachEvent("onload", runDeferScript);
299} else {
300 window.onload = runDeferScript;
301}
302</script>
303`);
304 }
305};
306
307const renderGet = (() => {
308 var _ref3 = _asyncToGenerator(function* (req, res, settings) {
309 try {
310 const eventcollector = initEventCollector(req);
311 if (config.auth && !checkAuth(req, res)) {
312 return;
313 }
314 const getJob = eventcollector.startJob('renderGet');
315 const url = req.url;
316 if (url.length > 1 && !(url.lastIndexOf('/') > 1) && (0, _includes2.default)(url)) {
317 eventcollector.endJob(getJob);
318 return sendIncludes(res, url);
319 }
320
321 eventcollector.addMeta({ strategy: _serverStrategy2.default.strategy });
322 yield inits(req);
323
324 const routeJob = eventcollector.startJob('routing');
325 const routeResult = yield _serverStrategy2.default.router(req, config);
326 const redirectLocation = routeResult.redirectLocation,
327 route = routeResult.route,
328 routeComponent = routeResult.routeComponent;
329
330 if (redirectLocation) {
331 return redirect(res, redirectLocation);
332 } else if (!routeComponent) {
333 return notfound(res);
334 }
335 eventcollector.endJob(routeJob);
336 const stateJob = req.eventcollector.startJob('getState');
337
338 let state = {};
339 if (_serverStrategy2.default.getStatePromise) {
340 state = yield _serverStrategy2.default.getStatePromise(req, config, route, routeComponent);
341 }
342
343 res.statusCode = 200;
344 sendInitialHeaders(req, res, _assetManifest2.default);
345 const lang = config.getHtmlLang ? config.getHtmlLang(req) : 'en';
346 res.write(`<!DOCTYPE html><html lang="${lang}" prefix="og: http://ogp.me/ns#><head>`);
347 sendHeadAssets(res, _assetManifest2.default);
348 sendConfigStaticHead(req, res);
349 sendSettings(res, settings);
350 if (res.flush) {
351 res.flush();
352 }
353 eventcollector.endJob(stateJob);
354 sendConfigDynamicHead(req, state, res);
355 sendState(req, state, res);
356 const renderJob = eventcollector.startJob('render');
357 let renderMethod;
358 let trailer;
359 if (state.html) {
360 renderMethod = 'static';
361 trailer = renderHTML(state.html, req, res);
362 } else if (_serverStrategy2.default.render.canStream && _serverStrategy2.default.render.canStream()) {
363 renderMethod = 'renderToStream';
364 trailer = yield renderToStream(req, routeComponent, state, res);
365 } else {
366 renderMethod = 'renderToString';
367 trailer = yield renderToString(req, routeComponent, state, res);
368 }
369 eventcollector.endJob(renderJob, { renderMethod });
370
371 if (polyfillsURL) {
372 res.write(`<script src="${polyfillsURL}"></script>`);
373 }
374 res.write(`<script src="/${_assetManifest2.default['manifest.js']}"></script>`);
375 res.write(`<script src="/${_assetManifest2.default['vendor.js']}"></script>`);
376 res.write(`<script src="/${_assetManifest2.default['main.js']}"></script>`);
377 if (trailer) res.write(trailer);
378 sendConfigTrailer(req, state, res);
379 sendDeferredScript(res, _assetManifest2.default);
380 res.write('</body></html>');
381 res.end();
382 eventcollector.endJob(getJob);
383 } catch (e) {
384 console.log('Uhoh!', e);
385 req.eventcollector.addError(e);
386 res.end();
387 }
388 });
389
390 return function renderGet(_x7, _x8, _x9) {
391 return _ref3.apply(this, arguments);
392 };
393})();
394
395const isReusable = true;
396
397const doGeoLookup = () => config.requestExtendedUserInfo;
398
399exports.renderGet = renderGet;
400exports.isReusable = isReusable;
401exports.doGeoLookup = doGeoLookup;
402//# sourceMappingURL=render.js.map
\No newline at end of file