containers/live-server-compiler/Dockerfile

+FROM node:13-alpine
+
+COPY monitor.sh /monitor.sh
+COPY build.sh /build.sh
+
+ENTRYPOINT ["sh", "/monitor.sh"]

containers/live-server-compiler/build.sh

+#!/usr/bin/env sh
+set -e
+
+cd /var/www/Minds/front
+
+echo Building...
+npx ng run minds:server:production
+
+echo Compiling...
+npm run compile:server

containers/live-server-compiler/monitor.sh

+#!/usr/bin/env sh
+set -e
+
+cd /var/www/Minds/front
+npx nodemon --delay 3 --watch server.ts --watch dist/en/ --ext js,css,jpg,png,svg,mp4,webp,webm  --exec "/usr/bin/env sh" /build.sh

containers/live-server/Dockerfile

+FROM node:13-alpine
+
+COPY monitor.sh /monitor.sh
+COPY serve.sh /serve.sh
+
+ENTRYPOINT ["sh", "/monitor.sh"]

containers/live-server/monitor.sh

+#!/usr/bin/env sh
+set -e
+
+cd /var/www/Minds/front
+npx nodemon --delay 3 --watch dist/server.js --watch dist/server --ext js,mjs  --exec "/usr/bin/env sh" /serve.sh

containers/live-server/serve.sh

+#!/usr/bin/env sh
+set -e
+
+cd /var/www/Minds/front
+
+echo Running...
+npm run serve:ssr

gulpfile.ts

@@ -7,7 +7,6 @@ import * as template from 'gulp-template';
 import { join } from 'path';
 import { argv } from 'yargs';
 
-
 const AUTOPREFIXER_BROWSERS = [
   'ie >= 11',
   'ie_mob >= 11',
@@ -17,32 +16,44 @@ const AUTOPREFIXER_BROWSERS = [
   'opera >= 23',
   'ios >= 7',
   'android >= 4.4',
-  'bb >= 10'
+  'bb >= 10',
 ];
 
 // --------------
 // Build SASS
 gulp.task('build.sass', done => {
-  const app_cdn = argv.deployUrl ? argv.deployUrl: '';
-  gulp.src(join('./src', '**', '*.scss'))
-    .pipe(cssGlobbing({  extensions: ['.scss'] }))
-    .pipe(sass({
-      includePaths: [join('./src', 'stylesheets')],
-      style: 'compressed'
-    }).on('error', sass.logError))
+  const app_cdn = argv.deployUrl ? argv.deployUrl : '';
+  gulp
+    .src(join(__dirname, 'src', '**', '*.scss'))
+    .pipe(cssGlobbing({ extensions: ['.scss'] }))
+    .pipe(
+      sass({
+        includePaths: [join(__dirname, 'src', 'stylesheets')],
+        style: 'compressed',
+      }).on('error', sass.logError)
+    )
     .pipe(autoprefixer(AUTOPREFIXER_BROWSERS))
-    .pipe(template({
-      'APP_CDN': app_cdn,
-    }))
-    .pipe(gulp.dest('./.styles'))
+    .pipe(
+      template({
+        APP_CDN: app_cdn,
+      })
+    )
+    .pipe(gulp.dest(join(__dirname, '.styles')))
     .on('end', () => {
-      gulp.src('./.styles/stylesheets/main.css')
-        .pipe(gulp.dest('./src'))
+      gulp
+        .src(join(__dirname, '.styles', 'stylesheets', 'main.css'))
+        .pipe(gulp.dest(join(__dirname, 'src')))
         .on('end', done);
     });
 });
 
 // --------------
 // i18n
-gulp.task('extract.i18n', require(join(__dirname, 'tasks', 'extract.i18n.xlf'))(gulp));
-gulp.task('import.i18n', require(join(__dirname, 'tasks', 'import.i18n.xlf'))(gulp));
+gulp.task(
+  'extract.i18n',
+  require(join(__dirname, 'tasks', 'extract.i18n.xlf'))(gulp)
+);
+gulp.task(
+  'import.i18n',
+  require(join(__dirname, 'tasks', 'import.i18n.xlf'))(gulp)
+);

package.json

@@ -8,11 +8,12 @@
     "preinstall": "git config core.hooksPath .git/hooks/",
     "prebuild": "gulp build.sass",
     "build": "sh build/base-locale.sh dist",
-    "prebuild-dev": "gulp build.sass --deploy-url=http://localhost",
-    "build-dev": "npm run build:dev",
-    "serve-dev": "npm run server:ssr",
-    "build:dev": "ng build --output-path dist --deploy-url=/ --watch=true --poll=800",
-    "serve:dev": "ng serve --host=0.0.0.0 --deploy-url=/ --configuration=hmr --hmr --poll=800 --progress --disableHostCheck=true",
+    "build-dev": "echo 'Deprecated, please use build:dev'; npm run build:dev --",
+    "serve-dev": "echo 'Deprecated, please use serve:ssr'; npm run serve:ssr --",
+    "prebuild:dev": "gulp build.sass --deploy-url=http://localhost:8080/",
+    "build:dev": "ng build --output-path=dist/en --deploy-url=http://localhost:8080/ --watch=true --poll=800 --aot",
+    "preserve:dev": "gulp build.sass --deploy-url=http://localhost:4200/",
+    "serve:dev": "ng serve --deploy-url=http://localhost:4200/ --watch=true --poll=800 --aot --progress --proxy-config proxy.conf.js --host=0.0.0.0 --disableHostCheck=true",
     "test": "ng test",
     "lint": "ng lint",
     "e2e": "cypress run --debug",
@@ -22,6 +23,7 @@
     "serve:ssr": "node dist/server",
     "build:ssr": "npm run build:client-and-server-bundles && npm run compile:server",
     "build:client-and-server-bundles": "npm run build && ng run minds:server:production",
+    "build:ssr:dev": "ng run minds:server:production && npm run compile:server",
     "bundle-report": "webpack-bundle-analyzer dist/en/stats.json"
   },
   "private": true,
@@ -110,7 +112,8 @@
     "tslint": "~5.12.0",
     "typescript": "~3.4.5",
     "webpack-bundle-analyzer": "^3.6.0",
-    "webpack-cli": "^3.3.10"
+    "webpack-cli": "^3.3.10",
+    "nodemon": "^2.0.2"
   },
   "husky": {
     "hooks": {

proxy.conf.js

+const engineSecure = Boolean(parseInt(process.env['ENGINE_SECURE']) || 0);
+const engineHost = process.env['ENGINE_HOST'] || 'localhost';
+const enginePort = process.env['ENGINE_PORT'] || (engineSecure ? 443 : 80);
+
+const PROXY_CONFIG = [
+  {
+    context: [
+      '/api',
+      '/fs',
+      '/icon',
+      '/carousel',
+    ],
+    target: {
+      protocol: engineSecure ? 'https:' : 'http:',
+      host: engineHost,
+      port: enginePort,
+    },
+    secure: false,
+    changeOrigin: true,
+    withCredentials: true,
+    logLevel: process.env['PROXY_LOG_LEVEL'] || 'info',
+  }
+];
+
+module.exports = PROXY_CONFIG;