server.ts

// These are important and needed before anything else
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';
// ssr DOM
import * as domino from 'domino';
import * as express from 'express';
import * as fs from 'fs';
import * as path from 'path';
import { join } from 'path';
import 'reflect-metadata';
import * as ws from 'ws';
import * as xmlhttprequest from 'xmlhttprequest';
import 'zone.js/dist/zone-node';


const DIST_FOLDER = join(process.cwd(), 'functions', 'dist', 'browser');

// index from browser build!
const template = fs
  .readFileSync(path.join(DIST_FOLDER, 'index.html'), 'utf8')
  .toString();

// for mock global window by domino
const win = domino.createWindow(template);
(win.navigator as any).language = 'fr';
// from server build
const files = fs.readdirSync(`${process.cwd()}/functions/dist/server`);
// mock
(global as any).window = win;
// not implemented property and functions
Object.defineProperty(win.document.body.style, 'transform', {
  value: () => {
    return {
      enumerable: true,
      configurable: true,
    };
  },
});
// mock documnet
(global as any).document = win.document;
// othres mock
(global as any).CSS = null;
(global as any).Prism = null;
// Polyfills required for Firebase
(global as any).WebSocket = ws;
(global as any).XMLHttpRequest = xmlhttprequest.XMLHttpRequest;


// Faster server renders w/ Prod mode (dev mode never needed)
enableProdMode();

// Express server
const app = express();


// * NOTE :: leave this as require() since this file is built Dynamically from webpack
const {AppServerModuleNgFactory, LAZY_MODULE_MAP} = require(`./functions/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', join(DIST_FOLDER));

// TODO: implement data requests securely
app.get('/api/*', (req, res) => {
  res.status(404).send('data requests are not supported');
});

// Server static files from /browser
app.get('*.*', express.static(join(DIST_FOLDER), {
  maxAge: '1y'
}));

// All regular routes use the Universal engine
app.get('*', (req, res) => {
  res.render('index', {req});
});


// Start up the Node server
if (!process.env.FUNCTION_NAME) {
  const PORT = process.env.PORT || 4000;
  app.listen(PORT, () => {
  });
}