biommap/patches/frontend/server.ts
2021-05-31 22:12:38 +02:00

102 lines
3.1 KiB
TypeScript

import 'zone.js/dist/zone-node';
import { enableProdMode } from '@angular/core';
// Express Engine
import { ngExpressEngine } from '@nguniversal/express-engine';
// Import module map for lazy loading
import { provideModuleMap } from '@nguniversal/module-map-ngfactory-loader';
import * as express from 'express';
import { join } from 'path';
import { readFileSync } from 'fs';
// Faster server renders w/ Prod mode (dev mode never needed)
enableProdMode();
// Express server
const app = express();
const PORT = process.env.PORT || 4000;
const DIST_FOLDER = join(process.cwd(), 'dist/browser');
const supportedLocales = ['en', 'fr'];
const DEFAULT_LOCALE = 'fr';
const MockBrowser = require('mock-browser').mocks.MockBrowser;
const mock = new MockBrowser();
const domino = require('domino');
const template = readFileSync(
join(DIST_FOLDER, DEFAULT_LOCALE, 'index.html')
).toString();
const win = domino.createWindow(template);
win.Object = Object;
win.Math = Math;
win.screen = { deviceXDPI: 1 };
global['window'] = win;
global['document'] = win.document;
global['navigator'] = mock.getNavigator();
global['branch'] = null;
global['object'] = win.object;
global['HTMLElement'] = win.HTMLElement;
global['HTMLAnchorElement'] = win.HTMLAnchorElement;
global['DOMTokenList'] = win.DOMTokenList;
global['Node'] = win.Node;
global['Text'] = win.Text;
global['localStorage'] = win.localStorage = mock.getLocalStorage();
global['L'] = require('leaflet');
// * NOTE :: leave this as require() since this file is built Dynamically from webpack
const {
AppServerModuleNgFactory,
LAZY_MODULE_MAP,
} = require('./dist/server/main');
// Our Universal express-engine (found @ https://github.com/angular/universal/tree/master/modules/express-engine)
app.engine(
'html',
ngExpressEngine({
bootstrap: AppServerModuleNgFactory,
providers: [provideModuleMap(LAZY_MODULE_MAP)],
})
);
app.set('view engine', 'html');
app.set('views', DIST_FOLDER);
// Example Express Rest API endpoints
// app.get('/api/**', (req, res) => { });
// Serve static files from /browser
app.get(
'*.*',
express.static(DIST_FOLDER, {
maxAge: '1y',
})
);
// All regular routes use the Universal engine
app.get('*', (req, res) => {
const matches = req.url.match(/^\/([a-z]{2}(?:-[A-Z]{2})?)\//);
// check if the requested url has a correct format '/locale' and matches any of the supportedLocales
const locale =
matches && supportedLocales.indexOf(matches[1]) !== -1
? matches[1]
: DEFAULT_LOCALE;
let ip = req.headers['x-forwarded-for'] || req.connection.remoteAddress;
if (ip.substr(0, 7) === '::ffff:') {
ip = ip.substr(7);
}
// res.render("index", { req });
res.render(`${locale}/index`, {
req: req,
url: req.url.replace(`/${locale}/`, '/'),
providers: [
{ provide: 'language', useFactory: () => locale, deps: [] },
{ provide: 'ip', useFactory: () => ip, deps: [] },
],
});
});
// Start up the Node server
app.listen(PORT, '0.0.0.0', () => {
console.log(`BLOP Node Express server listening on http://localhost:${PORT}`);
});