Drastically improve bundle size

Author: skadefro

Dockerfile

@@ -1,10 +1,11 @@
-FROM node:latest
+FROM node:lts
 # FROM node:10.16.0-jessie
 EXPOSE 80
 EXPOSE 5858
 WORKDIR /data
 COPY docker-package.json ./package.json
 RUN npm install
+# RUN npm install --force
 COPY dist ./
 
 ENTRYPOINT ["/usr/local/bin/node", "--inspect=0.0.0.0:5858", "index.js"]

OpenFlow/src/DatabaseConnection.ts

@@ -1122,8 +1122,8 @@ export class DatabaseConnection {
         }
         return q;
     }
-    private async _DeleteFile(id: string): Promise<string> {
-        return new Promise<string>(async (resolve, reject) => {
+    private async _DeleteFile(id: string): Promise<void> {
+        return new Promise<void>(async (resolve, reject) => {
             try {
                 const _id = new ObjectID(id);
                 const bucket = new GridFSBucket(this.db);

OpenFlow/src/public/.gitignore

@@ -0,0 +1 @@
+vendor

OpenFlow/src/public/CommonControllers.ts

@@ -125,7 +125,7 @@ export class textarea implements ng.IDirective {
 async function getString(locale: any, lib: string, key: string): Promise<any> {
     return new Promise((resolve) => {
         try {
-            if (locale === null || locale === undefined) { return resolve(); }
+            if (locale === null || locale === undefined) { return }
             locale.ready(lib).then(function () {
                 const value = locale.getString(lib + "." + key);
                 if (value !== null && value !== undefined && value !== "") {

OpenFlow/src/public/Controllers.ts

@@ -746,12 +746,12 @@ export class LoginCtrl {
             }
             function errorCallback(error) {
                 console.debug(error);
-                resolve();
+                resolve(null);
             }
         });
     }
     writefile(filename: string, content: string) {
-        return new Promise<string>(async (resolve, reject) => {
+        return new Promise<void>(async (resolve, reject) => {
             const win: any = window;
             //const type = win.TEMPORARY;
             const type = win.PERSISTENT;
@@ -904,6 +904,13 @@ export class MenuCtrl {
         console.debug("MenuCtrl::constructor");
         $scope.$root.$on('$routeChangeStart', (...args) => { this.routeChangeStart.apply(this, args); });
         this.path = this.$location.path();
+        // const navMain = $(".navbar-collapse"); // avoid dependency on #id
+        // // "a:not([data-toggle])" - to avoid issues caused
+        // // when you have dropdown inside navbar
+        // navMain.on("click", "a:not([data-toggle])", null, function () {
+        //     (navMain as any).collapse('hide');
+        // });
+
         const cleanup = this.$scope.$on('signin', (event, data) => {
             if (event && data) { }
             this.user = data;
@@ -1583,6 +1590,8 @@ export class FormsCtrl extends entitiesCtrl<Base> {
         });
     }
 }
+const formBuilder = require('formBuilder');
+const formRender = require('formBuilder/dist/form-render.min');
 export class EditFormCtrl extends entityCtrl<Form> {
     public message: string = "";
     public charts: chartset[] = [];

OpenFlow/src/public/Payment.html

@@ -3,6 +3,7 @@
         width: 350px;
     }
 </style>
+<!-- <script src="https://js.stripe.com/v3/"></script> -->
 
 <!-- <section ng-show="ctrl.WebSocketClientService.stripe_api_key != ''" ng-show="ctrl.allowpayment">
     <label for="card-element">Card</label>

OpenFlow/src/public/WebSocketClientService.ts

@@ -33,6 +33,11 @@ export class WebSocketClientService {
                 this.websocket_package_size = data.websocket_package_size;
                 this.stripe_api_key = data.stripe_api_key;
 
+                if (this.stripe_api_key != null && this.stripe_api_key != "") {
+                    console.debug("loading stripe script")
+                    $.getScript("//js.stripe.com/v3/");
+                }
+
                 if (WebSocketClient.instance == null) {
                     const cli: WebSocketClient = new WebSocketClient(this.logger, wsurl);
                     cli.agent = "webapp";

OpenFlow/src/public/angular-sanitize.min.js

@@ -0,0 +1,5 @@
+@import "node_modules/bootstrap/dist/css/bootstrap.min.css";
+@import "site.css";
+@import "openflow-font/styles.css";
+@import "node_modules/@fortawesome/fontawesome-free/css/all.css";
+@import "formio.full.min.css";

OpenFlow/src/public/app.css

@@ -3,6 +3,19 @@ import angular = require("angular");
 import { timesince, translate, textarea, fileread, userdata, api, copytext } from "./CommonControllers";
 import { MenuCtrl, ProvidersCtrl, MainCtrl, LoginCtrl, ProviderCtrl, UsersCtrl, UserCtrl, RolesCtrl, RoleCtrl, RPAWorkflowsCtrl, RPAWorkflowCtrl, WorkflowsCtrl, ReportsCtrl, jslogCtrl, EditFormCtrl, FormsCtrl, FormCtrl, FilesCtrl, EntitiesCtrl, EntityCtrl, HistoryCtrl, SocketCtrl, NoderedCtrl, hdrobotsCtrl, RobotsCtrl, AuditlogsCtrl, SignupCtrl, PaymentCtrl, QueuesCtrl, SocketsCtrl, QueueCtrl, CredentialsCtrl, CredentialCtrl, DuplicatesCtrl, OAuthClientsCtrl, OAuthClientCtrl } from "./Controllers";
 
+require('bootstrap');
+require('angular-route');
+require('angular-sanitize');
+require('@fortawesome/fontawesome-free');
+require('chart.js');
+require('angular-chart.js');
+// require('./angular-localization.min');
+
+require('./formio.full.min');
+
+var css = require('./app.css');
+
+// require('./angular-localization.min')
 /**
  * @type {angular.Module}
  */
@@ -12,6 +25,7 @@ module openflow {
     //     ChartJsProvider.setOptions({ responsive: true });
     //     ChartJsProvider.setOptions('Line', { responsive: true });
     // })
+    //
     const webApp: any = angular.module("webApp", ['ngRoute', 'chart.js', 'ngLocalize', 'ngLocalize.Config'])
         .controller("MenuCtrl", MenuCtrl)
         .controller("Providers", ProvidersCtrl)