Using domino for Angular server side rendering #13

Author: athlonUA

project/application/package-lock.json

@@ -30,6 +30,7 @@
         "@nguniversal/module-map-ngfactory-loader": "6.0.0",
         "classlist.js": "^1.1.20150312",
         "core-js": "^2.5.4",
+        "domino": "^2.1.0",
         "es5-shim": "^4.5.10",
         "es6-shim": "^0.35.3",
         "rxjs": "^6.0.0",

project/application/package.json

@@ -27,6 +27,11 @@ import { REQUEST, RESPONSE } from '@nguniversal/express-engine/tokens';
 
 // Our index.html we'll use as our template
 const template = readFileSync(join(DIST_FOLDER, 'browser', 'index.html')).toString();
+const domino = require('domino');
+const win = domino.createWindow(template);
+
+global['window'] = win;
+global['document'] = win.document;
 
 app.engine('html', (_, options, callback) => {
     renderModuleFactory(AppServerModuleNgFactory, {
@@ -58,6 +63,7 @@ app.get('*.*', express.static(join(DIST_FOLDER, 'browser')));
 
 // All regular routes use the Universal engine
 app.get('*', (req, res) => {
+    global['navigator'] = req['headers']['user-agent'];
     res.render(join(DIST_FOLDER, 'browser', 'index.html'), { req });
 });