From 0ff2809f0d26a30875445e83d9315ae4ddf340d3 Mon Sep 17 00:00:00 2001
From: Luis Fernando Molina <Luis-Fernando-Molina@users.noreply.github.com>
Date: Mon, 6 Sep 2021 14:11:54 +0200
Subject: [PATCH 01/20] Reorg of UI loader

---
 Desktop/{ => Client}/httpInterface.js |   2 +-
 Desktop/DesktopApp.js                 |   4 +-
 Desktop/UI/AppPostLoader.js           | 232 ++++++++++++++++++++++++++
 Desktop/UI/AppPreLoader.js            | 181 ++++++++++++++++++++
 Platform/UI/AppLoader.js              |  22 +--
 5 files changed, 427 insertions(+), 14 deletions(-)
 rename Desktop/{ => Client}/httpInterface.js (95%)
 create mode 100644 Desktop/UI/AppPostLoader.js
 create mode 100644 Desktop/UI/AppPreLoader.js

diff --git a/Desktop/httpInterface.js b/Desktop/Client/httpInterface.js
similarity index 95%
rename from Desktop/httpInterface.js
rename to Desktop/Client/httpInterface.js
index ddbddda7e..22a202645 100644
--- a/Desktop/httpInterface.js
+++ b/Desktop/Client/httpInterface.js
@@ -37,7 +37,7 @@ exports.newHttpInterface = function newHttpInterface() {
             switch (endpointOrFile) {
                 case 'Images': // This means the Images folder.
                     {
-                        let path = global.env.PATH_TO_CLIENT + '/WebServer/Images/' + requestPath[2]
+                        let path = global.env.PATH_TO_DESKTOP + '/WebServer/Images/' + requestPath[2]
 
                         if (requestPath[3] !== undefined) {
                             path = path + '/' + requestPath[3]
diff --git a/Desktop/DesktopApp.js b/Desktop/DesktopApp.js
index d2bb686db..e04a0ddad 100644
--- a/Desktop/DesktopApp.js
+++ b/Desktop/DesktopApp.js
@@ -19,8 +19,8 @@ exports.newDesktopApp = function newDesktopApp() {
         //await DK.webSocketsClient.initialize()
 
         /* These are the Network Interfaces by which the UI interacts with the Desktop App.*/
-        //let WEB_SOCKETS_INTERFACE = require('./webSocketsInterface.js')
-        let HTTP_INTERFACE = require('./httpInterface.js')
+        //let WEB_SOCKETS_INTERFACE = require('./Client/webSocketsInterface.js')
+        let HTTP_INTERFACE = require('./Client/httpInterface.js')
 
         /*
         WEB_SOCKETS_INTERFACE = WEB_SOCKETS_INTERFACE.newWebSocketsInterface()
diff --git a/Desktop/UI/AppPostLoader.js b/Desktop/UI/AppPostLoader.js
new file mode 100644
index 000000000..b73803e3c
--- /dev/null
+++ b/Desktop/UI/AppPostLoader.js
@@ -0,0 +1,232 @@
+
+
+function newAppPostLoader() {
+    const MODULE_NAME = 'Post Loader'
+    const ERROR_LOG = true
+    const logger = newWebDebugLog()
+    
+
+    let thisObject = {
+        start: start
+    }
+
+    return thisObject
+
+    function start() {
+        try {
+  
+            // autoSaveWhenClosingTheBrowser()
+            setupProjectsSchema()
+
+            function setupProjectsSchema() {
+                httpRequest(undefined, 'ProjectsSchema', onResponse)
+
+                function onResponse(err, file) {
+                    PROJECTS_SCHEMA = JSON.parse(file)
+                    setupSchemas()
+                }
+            }
+
+            function setupSchemas() {
+
+                let totalWebServerCalls = 0
+                let webServerResponses = 0
+
+                for (let i = 0; i < PROJECTS_SCHEMA.length; i++) {
+                    let project = PROJECTS_SCHEMA[i].name
+                    let schemas = {
+                        array: {
+                            appSchema: [],
+                            docsNodeSchema: [],
+                            docsConceptSchema: [],
+                            docsTopicSchema: [],
+                            docsTutorialSchema: [],
+                            docsReviewSchema: [],
+                            docsBookSchema: []
+                        },
+                        map: {
+                            appSchema: new Map(),
+                            docsNodeSchema: new Map(),
+                            docsConceptSchema: new Map(),
+                            docsTopicSchema: new Map(),
+                            docsTutorialSchema: new Map(),
+                            docsReviewSchema: new Map(),
+                            docsBookSchema: new Map()
+                        }
+                    }
+                    SCHEMAS_BY_PROJECT.set(project, schemas)
+
+                    totalWebServerCalls++
+                    httpRequest(undefined, 'Schema/' + project + '/AppSchema', onResponseAppSchema)
+
+                    function onResponseAppSchema(err, schema) {
+                        try {
+                            schemas.array.appSchema = JSON.parse(schema)
+
+                            for (let j = 0; j < schemas.array.appSchema.length; j++) {
+                                let schemaDocument = schemas.array.appSchema[j]
+                                let key = schemaDocument.type
+                                schemas.map.appSchema.set(key, schemaDocument)
+                            }
+                        } catch (err) {
+                            console.log(err.stack)
+                        }
+
+                        webServerResponses++
+                        if (webServerResponses === totalWebServerCalls) { startCanvas() }
+                    }
+
+                    totalWebServerCalls++
+                    httpRequest(undefined, 'Schema/' + project + '/DocsNodeSchema', onResponseDocSchema)
+
+                    function onResponseDocSchema(err, schema) {
+                        try {
+                            schemas.array.docsNodeSchema = JSON.parse(schema)
+
+                            for (let j = 0; j < schemas.array.docsNodeSchema.length; j++) {
+                                let schemaDocument = schemas.array.docsNodeSchema[j]
+                                let key = schemaDocument.type
+                                schemas.map.docsNodeSchema.set(key, schemaDocument)
+                            }
+                        } catch (err) {
+                            console.log(err.stack)
+                        }
+
+                        webServerResponses++
+                        if (webServerResponses === totalWebServerCalls) { startCanvas() }
+                    }
+
+                    totalWebServerCalls++
+                    httpRequest(undefined, 'Schema/' + project + '/DocsConceptSchema', onResponseConceptSchema)
+
+                    function onResponseConceptSchema(err, schema) {
+                        try {
+                            schemas.array.docsConceptSchema = JSON.parse(schema)
+
+                            for (let j = 0; j < schemas.array.docsConceptSchema.length; j++) {
+                                let schemaDocument = schemas.array.docsConceptSchema[j]
+                                let key = schemaDocument.type
+                                schemas.map.docsConceptSchema.set(key, schemaDocument)
+                            }
+                        } catch (err) {
+                            console.log(err.stack)
+                        }
+
+                        webServerResponses++
+                        if (webServerResponses === totalWebServerCalls) { startCanvas() }
+                    }
+
+                    totalWebServerCalls++
+                    httpRequest(undefined, 'Schema/' + project + '/DocsTopicSchema', onResponseTopicSchema)
+
+                    function onResponseTopicSchema(err, schema) {
+                        try {
+                            schemas.array.docsTopicSchema = JSON.parse(schema)
+
+                            for (let j = 0; j < schemas.array.docsTopicSchema.length; j++) {
+                                let schemaDocument = schemas.array.docsTopicSchema[j]
+                                let key = schemaDocument.type
+                                schemas.map.docsTopicSchema.set(key, schemaDocument)
+                            }
+                        } catch (err) {
+                            console.log(err.stack)
+                        }
+
+                        webServerResponses++
+                        if (webServerResponses === totalWebServerCalls) { startCanvas() }
+                    }
+
+                    totalWebServerCalls++
+                    httpRequest(undefined, 'Schema/' + project + '/DocsTutorialSchema', onResponseTutorialSchema)
+
+                    function onResponseTutorialSchema(err, schema) {
+                        try {
+                            schemas.array.docsTutorialSchema = JSON.parse(schema)
+
+                            for (let j = 0; j < schemas.array.docsTutorialSchema.length; j++) {
+                                let schemaDocument = schemas.array.docsTutorialSchema[j]
+                                let key = schemaDocument.type
+                                schemas.map.docsTutorialSchema.set(key, schemaDocument)
+                            }
+                        } catch (err) {
+                            console.log(err.stack)
+                        }
+
+                        webServerResponses++
+                        if (webServerResponses === totalWebServerCalls) { startCanvas() }
+                    }
+
+                    totalWebServerCalls++
+                    httpRequest(undefined, 'Schema/' + project + '/DocsReviewSchema', onResponseReviewSchema)
+
+                    function onResponseReviewSchema(err, schema) {
+                        try {
+                            schemas.array.docsReviewSchema = JSON.parse(schema)
+
+                            for (let j = 0; j < schemas.array.docsReviewSchema.length; j++) {
+                                let schemaDocument = schemas.array.docsReviewSchema[j]
+                                let key = schemaDocument.type
+                                schemas.map.docsReviewSchema.set(key, schemaDocument)
+                            }
+                        } catch (err) {
+                            console.log(err.stack)
+                        }
+
+                        webServerResponses++
+                        if (webServerResponses === totalWebServerCalls) { startCanvas() }
+                    }
+
+                    totalWebServerCalls++
+                    httpRequest(undefined, 'Schema/' + project + '/DocsBookSchema', onResponseBookSchema)
+
+                    function onResponseBookSchema(err, schema) {
+                        try {
+                            schemas.array.docsBookSchema = JSON.parse(schema)
+
+                            for (let j = 0; j < schemas.array.docsBookSchema.length; j++) {
+                                let schemaDocument = schemas.array.docsBookSchema[j]
+                                let key = schemaDocument.type
+                                schemas.map.docsBookSchema.set(key, schemaDocument)
+                            }
+                        } catch (err) {
+                            console.log(err.stack)
+                        }
+
+                        webServerResponses++
+                        if (webServerResponses === totalWebServerCalls) { startCanvas() }
+                    }
+                }
+            }
+
+            function startCanvas() {
+                /* If this method is executed for a second time, it should finalize the current execution structure */
+                if (canvas !== undefined) { canvas.finalize() }
+
+                canvas = newCanvas()
+                canvas.initialize()
+            }
+        } catch (err) {
+            if (ERROR_LOG === true) { logger.write('[ERROR] start -> err = ' + err.stack) }
+        }
+    }
+
+    function autoSaveWhenClosingTheBrowser() {
+        window.onbeforeunload = saveWorkspace
+
+        /* handles backspace and refresh(F5) from keyboard */
+        window.manageBackRefresh = function (event) {
+            var tag = event.target.tagName.toLowerCase()
+            if (event.keyCode === 8 && tag !== 'input' && tag !== 'textarea') { // Backbutton pressed
+                saveWorkspace()
+            } else if (event.keyCode === 116) { // F5 pressed
+                saveWorkspace()
+            }
+        }
+
+        window.addEventListener('keydown', window.manageBackRefresh)
+
+        function saveWorkspace() {
+            UI.projects.foundations.spaces.designSpace.workspace.save()
+        }
+    }
+}
diff --git a/Desktop/UI/AppPreLoader.js b/Desktop/UI/AppPreLoader.js
new file mode 100644
index 000000000..09002d258
--- /dev/null
+++ b/Desktop/UI/AppPreLoader.js
@@ -0,0 +1,181 @@
+
+/* Callbacks default responses. */
+
+let GLOBAL = {}
+
+GLOBAL.DEFAULT_OK_RESPONSE = {
+    result: "Ok",
+    message: "Operation Succeeded"
+}
+
+GLOBAL.DEFAULT_FAIL_RESPONSE = {
+    result: "Fail",
+    message: "Operation Failed"
+}
+
+GLOBAL.DEFAULT_RETRY_RESPONSE = {
+    result: "Retry",
+    message: "Retry Later"
+}
+
+GLOBAL.CUSTOM_OK_RESPONSE = {
+    result: "Ok, but check Message",
+    message: "Custom Message"
+}
+
+GLOBAL.CUSTOM_FAIL_RESPONSE = {
+    result: "Fail Because",
+    message: "Custom Message"
+}
+
+let browserCanvas                 // This is the canvas object of the browser.
+
+function spacePad(str, max) {
+    str = str.toString()
+    return str.length < max ? spacePad(" " + str, max) : str
+}
+
+function loadSuperalgos() {
+
+    const MODULE_NAME = "App Pre-Loader"
+    const INFO_LOG = false
+
+    let browser = checkBrowserVersion()
+    setupHTMLTextArea()
+    setupHTMLInput()
+    setupHTMLCanvas()
+    loadDebugModule()
+
+    if ((browser.name !== "Chrome" && browser.name!=="Safari") || (browser.name === "Chrome" && parseInt(browser.version) < 85) || (browser.name === "Safari" && parseInt(browser.version) < 13)) {
+        alert("Superalgos is officially supported on Google Chrome 85 or Safari 13.1 and above. Your browser version has been detected as potentially beneath this. If you continue you may experience some functionaility issues.\n\nDetected Browser: " + browser.name + "\nVersion: " + browser.version)
+    }
+
+    function checkBrowserVersion () {
+
+        let ua=navigator.userAgent,tem,M=ua.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || []
+        if(/trident/i.test(M[1])){
+            tem=/\brv[ :]+(\d+)/g.exec(ua) || []
+            return {name:'IE',version:(tem[1]||'')}
+        }
+        if(M[1]==='Chrome'){
+            tem=ua.match(/\bOPR|Edge\/(\d+)/)
+            if(tem!=null)   {return {name:'Opera', version:tem[1]}}
+        }
+        M=M[2]? [M[1], M[2]]: [navigator.appName, navigator.appVersion, '-?']
+        if((tem=ua.match(/version\/(\d+)/i))!=null) {M.splice(1,1,tem[1])}
+        return {
+            name: M[0],
+            version: M[1]
+        }
+    }
+
+    function setupHTMLTextArea() {
+        let textArea = document.createElement('textarea')
+        textArea.id = "textArea"
+        textArea.spellcheck = false
+        textArea.style = 'resize: none;' +
+            ' border: none;' +
+            ' outline: none;' +
+            'box-shadow: none;' +
+            'overflow:hidden;' +
+            'font-family: ' + 'Saira' + ';' +
+            'font-size: 12px;' +
+            'background-color: rgb(255, 255, 255);' +
+            'color:rgb(255, 255, 255);' +
+            'width: ' + 600 + 'px;' +
+            'height: ' + 400 + 'px'
+
+        let textAreaDiv = document.getElementById('textAreaDiv')
+        textAreaDiv.appendChild(textArea)
+        textAreaDiv.style = 'position:fixed; top:' + -1500 + 'px; left:' + 500 + 'px; z-index:10; '
+    }
+
+    function setupHTMLInput() {
+        let input = document.createElement('input')
+        input.id = "input"
+        input.spellcheck = false
+        input.style = "border: none; outline: none; box-shadow: none; overflow:hidden;  width: 0px; height: 0px;"
+
+        let inputDiv = document.getElementById('inputDiv')
+        inputDiv.appendChild(input)
+    }
+
+    function setupHTMLCanvas() {
+        let canvas = document.createElement('canvas')
+
+        canvas.id = "canvas"
+        canvas.width = 1400
+        canvas.height = 600
+        canvas.style.border = "0"
+        canvas.style = "position:absolute; top:0px; left:0px; z-index:1"
+
+        let canvasApp = document.getElementById('canvasApp')
+        canvasApp.appendChild(canvas)
+
+        browserCanvas = document.getElementById('canvas')
+
+        browserCanvas.width = window.innerWidth
+        browserCanvas.height = window.innerHeight
+        browserCanvas.style.border = "none"
+
+        browserCanvas.style.top = 0 + 'px'
+    }
+
+    function loadDebugModule() {
+        let path = "WebDebugLog.js"
+        REQUIREJS([path], onRequired)
+
+        function onRequired(pModule) {
+            if (INFO_LOG === true) { console.log(spacePad(MODULE_NAME, 50) + " : " + "[INFO] " + path + " downloaded.") }
+            loadModules()
+        }
+    }
+
+    /* And Finally, we start loading all the scripts we will inmediatelly need. */
+    function loadModules() {
+        let path = "AppLoader.js"
+        REQUIREJS([path], onRequired)
+
+        function onRequired(pModule) {
+            if (INFO_LOG === true) { console.log(spacePad(MODULE_NAME, 50) + " : " + "[INFO] " + path + " downloaded.") }
+            let APP_LOADER_MODULE = newAppLoader()
+            APP_LOADER_MODULE.loadModules()
+        }
+    }
+}
+
+function httpRequest(pContentToSend, pPath, callBackFunction) {
+    let xmlHttpRequest = new XMLHttpRequest()
+    xmlHttpRequest.onreadystatechange = function () {
+        if (this.readyState === 4 && this.status === 200) {
+            try {
+                callBackFunction(GLOBAL.DEFAULT_OK_RESPONSE, xmlHttpRequest.responseText)
+            } catch(err) {
+                console.log('[ERROR] httpRequest -> httpRequest -> err.stack = '+ err.stack)
+                console.log('[ERROR] httpRequest -> httpRequest -> pContentToSend = '+ pContentToSend)
+                console.log('[ERROR] httpRequest -> httpRequest -> pPath = '+ pPath)
+                console.log('[ERROR] httpRequest -> httpRequest -> xmlHttpRequest.responseText = '+ xmlHttpRequest.responseText)
+                console.log('[ERROR] httpRequest -> httpRequest -> callBackFunction = '+ callBackFunction)
+
+            }
+            return
+        } else if (this.readyState === 4 && this.status === 404) {
+            callBackFunction({ result: "Fail", message: xmlHttpRequest.responseText.trim(), code: xmlHttpRequest.responseText.trim() })
+            return
+        }
+    }
+
+    if (pContentToSend === undefined) {
+        xmlHttpRequest.open("GET", pPath, true)
+        xmlHttpRequest.send()
+    } else {
+        try {
+            let blob = new Blob([pContentToSend], { type: 'text/plain' })
+            xmlHttpRequest.open("POST", pPath, true)
+            xmlHttpRequest.send(blob)
+        } catch (err) {
+            if (ERROR_LOG === true) { console.log(spacePad(MODULE_NAME, 50) + " : " + "[ERROR] callServer -> err.message = " & err.message) }
+            callBackFunction({ result: "Fail", message: err.message })
+        }
+    }
+}
diff --git a/Platform/UI/AppLoader.js b/Platform/UI/AppLoader.js
index b17587624..eb8f87864 100644
--- a/Platform/UI/AppLoader.js
+++ b/Platform/UI/AppLoader.js
@@ -5,7 +5,7 @@ function newAppLoader() {
     const INFO_LOG = false
     const ERROR_LOG = true
     const logger = newWebDebugLog()
-    
+
 
     let thisObject = {
         loadModules: loadModules
@@ -64,16 +64,16 @@ function newAppLoader() {
                     let fileArray = JSON.parse(fileList)
                     for (let i = 0; i < fileArray.length; i++) {
                         let item = fileArray[i]
-                        
+
                         project = item[0]
                         fileName = item[1]
-                        urlArray.push('Projects' + '/' + project + '/'  + 'UI'  + '/' + 'Function-Libraries' + '/' +  fileName)
+                        urlArray.push('Projects' + '/' + project + '/' + 'UI' + '/' + 'Function-Libraries' + '/' + fileName)
                     }
 
                     modulesArray = modulesArray.concat(urlArray)
                     utilities()
                 }
-            }    
+            }
 
             function utilities() {
                 let url = 'ListUtilitiesFiles'
@@ -84,16 +84,16 @@ function newAppLoader() {
                     let fileArray = JSON.parse(fileList)
                     for (let i = 0; i < fileArray.length; i++) {
                         let item = fileArray[i]
-                        
+
                         project = item[0]
                         fileName = item[1]
-                        urlArray.push('Projects' + '/' + project + '/'  + 'UI' + '/' + 'Utilities' + '/' +  fileName)
+                        urlArray.push('Projects' + '/' + project + '/' + 'UI' + '/' + 'Utilities' + '/' + fileName)
                     }
 
                     modulesArray = modulesArray.concat(urlArray)
                     globals()
                 }
-            } 
+            }
 
             function globals() {
                 let url = 'ListGlobalFiles'
@@ -104,16 +104,16 @@ function newAppLoader() {
                     let fileArray = JSON.parse(fileList)
                     for (let i = 0; i < fileArray.length; i++) {
                         let item = fileArray[i]
-                        
+
                         project = item[0]
                         fileName = item[1]
-                        urlArray.push('Projects' + '/' + project + '/'  + 'UI' + '/' + 'Globals' + '/' +  fileName)
+                        urlArray.push('Projects' + '/' + project + '/' + 'UI' + '/' + 'Globals' + '/' + fileName)
                     }
 
                     modulesArray = modulesArray.concat(urlArray)
                     spaces()
                 }
-            } 
+            }
 
             function spaces() {
                 let url = 'ListSpaceFiles'
@@ -138,7 +138,7 @@ function newAppLoader() {
 
                 for (let i = 0; i < modulesArray.length; i++) {
                     let path = modulesArray[i]
-
+                    console.log(path)
                     REQUIREJS([path], onRequired)
 
                     if (INFO_LOG === true) { logger.write('[INFO] loadModules -> Module Requested.') }

From ecc7b7d7b641955801f230ea47c1fd02b94f5adb Mon Sep 17 00:00:00 2001
From: Luis Fernando Molina <Luis-Fernando-Molina@users.noreply.github.com>
Date: Mon, 6 Sep 2021 17:59:44 +0200
Subject: [PATCH 02/20] Web App basic code

---
 Desktop/UI/AppLoader.js     |  84 +++-----------
 Desktop/UI/AppPostLoader.js | 220 +-----------------------------------
 Desktop/UI/AppPreLoader.js  | 112 +-----------------
 Desktop/UI/Globals.js       |   9 ++
 Desktop/UI/WebApp.js        |  63 +++++++++++
 5 files changed, 91 insertions(+), 397 deletions(-)
 create mode 100644 Desktop/UI/Globals.js
 create mode 100644 Desktop/UI/WebApp.js

diff --git a/Desktop/UI/AppLoader.js b/Desktop/UI/AppLoader.js
index b17587624..1f8de0d3e 100644
--- a/Desktop/UI/AppLoader.js
+++ b/Desktop/UI/AppLoader.js
@@ -1,58 +1,22 @@
-let postLoader
 
 function newAppLoader() {
-    const MODULE_NAME = 'App Loader'
-    const INFO_LOG = false
-    const ERROR_LOG = true
-    const logger = newWebDebugLog()
-    
 
     let thisObject = {
         loadModules: loadModules
     }
 
+    let postLoader
     return thisObject
 
     async function loadModules() {
         try {
-            if (INFO_LOG === true) { logger.write('[INFO] loadModules -> Entering function.') }
-
-            let plotters
             let modulesArray = []
 
-            plotters = defaultPlotters()
-
             modulesArray = modulesArray.concat([
-
                 'Globals.js',
-                'Workspace.js',
-
-                'Files/SingleFile.js',
-                'Files/FileCloud.js',
-                'Files/MarketFiles.js',
-                'Files/DailyFiles.js',
-                'Files/FileCursor.js',
-                'Files/FileSequence.js',
-                'Files/FileStorage.js',
-
-                'EventsServerClient.js',
-
-                'LegacyPlotter.js',
-                'PlotterPanel.js',
-
-                'VideoRecorder.js',
-                'ProductStorage.js',
-                'Canvas.js',
-                'EventHandler.js',
-                'Frame.js',
-                'Animation.js',
-                'Container.js',
-                'Utilities.js',
-                'AppPostLoader.js'
+                'WebApp.js'
             ])
 
-            modulesArray = modulesArray.concat(plotters)
-
             functionLibraries()
 
             function functionLibraries() {
@@ -64,16 +28,16 @@ function newAppLoader() {
                     let fileArray = JSON.parse(fileList)
                     for (let i = 0; i < fileArray.length; i++) {
                         let item = fileArray[i]
-                        
+
                         project = item[0]
                         fileName = item[1]
-                        urlArray.push('Projects' + '/' + project + '/'  + 'UI'  + '/' + 'Function-Libraries' + '/' +  fileName)
+                        urlArray.push('Projects' + '/' + project + '/' + 'UI' + '/' + 'Function-Libraries' + '/' + fileName)
                     }
 
                     modulesArray = modulesArray.concat(urlArray)
                     utilities()
                 }
-            }    
+            }
 
             function utilities() {
                 let url = 'ListUtilitiesFiles'
@@ -84,16 +48,16 @@ function newAppLoader() {
                     let fileArray = JSON.parse(fileList)
                     for (let i = 0; i < fileArray.length; i++) {
                         let item = fileArray[i]
-                        
+
                         project = item[0]
                         fileName = item[1]
-                        urlArray.push('Projects' + '/' + project + '/'  + 'UI' + '/' + 'Utilities' + '/' +  fileName)
+                        urlArray.push('Projects' + '/' + project + '/' + 'UI' + '/' + 'Utilities' + '/' + fileName)
                     }
 
                     modulesArray = modulesArray.concat(urlArray)
                     globals()
                 }
-            } 
+            }
 
             function globals() {
                 let url = 'ListGlobalFiles'
@@ -104,16 +68,16 @@ function newAppLoader() {
                     let fileArray = JSON.parse(fileList)
                     for (let i = 0; i < fileArray.length; i++) {
                         let item = fileArray[i]
-                        
+
                         project = item[0]
                         fileName = item[1]
-                        urlArray.push('Projects' + '/' + project + '/'  + 'UI' + '/' + 'Globals' + '/' +  fileName)
+                        urlArray.push('Projects' + '/' + project + '/' + 'UI' + '/' + 'Globals' + '/' + fileName)
                     }
 
                     modulesArray = modulesArray.concat(urlArray)
                     spaces()
                 }
-            } 
+            }
 
             function spaces() {
                 let url = 'ListSpaceFiles'
@@ -141,22 +105,12 @@ function newAppLoader() {
 
                     REQUIREJS([path], onRequired)
 
-                    if (INFO_LOG === true) { logger.write('[INFO] loadModules -> Module Requested.') }
-                    if (INFO_LOG === true) { logger.write('[INFO] loadModules -> path = ' + path) }
-                    if (INFO_LOG === true) { logger.write('[INFO] loadModules -> total requested = ' + (i + 1)) }
-
                     function onRequired(pModule) {
                         try {
-                            if (INFO_LOG === true) { logger.write('[INFO] loadModules -> onRequired -> Entering function.') }
-                            if (INFO_LOG === true) { logger.write('[INFO] loadModules -> onRequired -> Module Downloaded.') }
-                            if (INFO_LOG === true) { logger.write('[INFO] loadModules -> onRequired -> path = ' + path) }
 
                             downloadedCounter++
 
-                            if (INFO_LOG === true) { logger.write('[INFO] loadModules -> onRequired -> downloadedCounter = ' + downloadedCounter) }
-
                             if (downloadedCounter === modulesArray.length) {
-                                if (INFO_LOG === true) { logger.write('[INFO] loadModules -> onRequired -> Starting Advanced Algos Platform.') }
                                 setTimeout(() => {
                                     postLoader = newAppPostLoader()
                                     postLoader.start()
@@ -164,27 +118,15 @@ function newAppLoader() {
 
                             }
                         } catch (err) {
-                            if (ERROR_LOG === true) { logger.write('[ERROR] loadModules -> onRequired -> err = ' + err.stack) }
+                            console.log('[ERROR] loadModules -> onRequired -> err = ' + err.stack)
                         }
                     }
                 }
             }
 
         } catch (err) {
-            if (ERROR_LOG === true) { logger.write('[ERROR] loadModules -> err = ' + err.stack) }
+            console.log('[ERROR] loadModules -> err = ' + err.stack)
         }
     }
-
-    function defaultPlotters() {
-        return [
-            'Plotters/Foundations/Candles/Plotters-Candles-Volumes/Candles.js',
-            'Plotters/Foundations/Candles/Plotters-Candles-Volumes/CandlePanel.js',
-            'Plotters/Foundations/Candles/Plotters-Candles-Volumes/Volumes.js',
-            'Plotters/Foundations/Candles/Plotters-Candles-Volumes/VolumePanel.js',
-            'Plotters/Foundations/Bollinger/Plotters-Bollinger-Bands/BollingerBands.js',
-            'Plotters/Foundations/Bollinger/Plotters-Bollinger-Bands/BollingerBandsPanel.js',
-            'Plotters/Foundations/Bollinger/Plotters-Bollinger-Bands/PercentageBandwidth.js'
-        ]
-    }
 }
 
diff --git a/Desktop/UI/AppPostLoader.js b/Desktop/UI/AppPostLoader.js
index b73803e3c..3e962a181 100644
--- a/Desktop/UI/AppPostLoader.js
+++ b/Desktop/UI/AppPostLoader.js
@@ -1,232 +1,18 @@
 
 
 function newAppPostLoader() {
-    const MODULE_NAME = 'Post Loader'
-    const ERROR_LOG = true
-    const logger = newWebDebugLog()
-    
 
     let thisObject = {
         start: start
     }
-
     return thisObject
 
     function start() {
         try {
-  
-            // autoSaveWhenClosingTheBrowser()
-            setupProjectsSchema()
-
-            function setupProjectsSchema() {
-                httpRequest(undefined, 'ProjectsSchema', onResponse)
-
-                function onResponse(err, file) {
-                    PROJECTS_SCHEMA = JSON.parse(file)
-                    setupSchemas()
-                }
-            }
-
-            function setupSchemas() {
-
-                let totalWebServerCalls = 0
-                let webServerResponses = 0
-
-                for (let i = 0; i < PROJECTS_SCHEMA.length; i++) {
-                    let project = PROJECTS_SCHEMA[i].name
-                    let schemas = {
-                        array: {
-                            appSchema: [],
-                            docsNodeSchema: [],
-                            docsConceptSchema: [],
-                            docsTopicSchema: [],
-                            docsTutorialSchema: [],
-                            docsReviewSchema: [],
-                            docsBookSchema: []
-                        },
-                        map: {
-                            appSchema: new Map(),
-                            docsNodeSchema: new Map(),
-                            docsConceptSchema: new Map(),
-                            docsTopicSchema: new Map(),
-                            docsTutorialSchema: new Map(),
-                            docsReviewSchema: new Map(),
-                            docsBookSchema: new Map()
-                        }
-                    }
-                    SCHEMAS_BY_PROJECT.set(project, schemas)
-
-                    totalWebServerCalls++
-                    httpRequest(undefined, 'Schema/' + project + '/AppSchema', onResponseAppSchema)
-
-                    function onResponseAppSchema(err, schema) {
-                        try {
-                            schemas.array.appSchema = JSON.parse(schema)
-
-                            for (let j = 0; j < schemas.array.appSchema.length; j++) {
-                                let schemaDocument = schemas.array.appSchema[j]
-                                let key = schemaDocument.type
-                                schemas.map.appSchema.set(key, schemaDocument)
-                            }
-                        } catch (err) {
-                            console.log(err.stack)
-                        }
-
-                        webServerResponses++
-                        if (webServerResponses === totalWebServerCalls) { startCanvas() }
-                    }
-
-                    totalWebServerCalls++
-                    httpRequest(undefined, 'Schema/' + project + '/DocsNodeSchema', onResponseDocSchema)
-
-                    function onResponseDocSchema(err, schema) {
-                        try {
-                            schemas.array.docsNodeSchema = JSON.parse(schema)
-
-                            for (let j = 0; j < schemas.array.docsNodeSchema.length; j++) {
-                                let schemaDocument = schemas.array.docsNodeSchema[j]
-                                let key = schemaDocument.type
-                                schemas.map.docsNodeSchema.set(key, schemaDocument)
-                            }
-                        } catch (err) {
-                            console.log(err.stack)
-                        }
-
-                        webServerResponses++
-                        if (webServerResponses === totalWebServerCalls) { startCanvas() }
-                    }
-
-                    totalWebServerCalls++
-                    httpRequest(undefined, 'Schema/' + project + '/DocsConceptSchema', onResponseConceptSchema)
-
-                    function onResponseConceptSchema(err, schema) {
-                        try {
-                            schemas.array.docsConceptSchema = JSON.parse(schema)
-
-                            for (let j = 0; j < schemas.array.docsConceptSchema.length; j++) {
-                                let schemaDocument = schemas.array.docsConceptSchema[j]
-                                let key = schemaDocument.type
-                                schemas.map.docsConceptSchema.set(key, schemaDocument)
-                            }
-                        } catch (err) {
-                            console.log(err.stack)
-                        }
-
-                        webServerResponses++
-                        if (webServerResponses === totalWebServerCalls) { startCanvas() }
-                    }
-
-                    totalWebServerCalls++
-                    httpRequest(undefined, 'Schema/' + project + '/DocsTopicSchema', onResponseTopicSchema)
-
-                    function onResponseTopicSchema(err, schema) {
-                        try {
-                            schemas.array.docsTopicSchema = JSON.parse(schema)
-
-                            for (let j = 0; j < schemas.array.docsTopicSchema.length; j++) {
-                                let schemaDocument = schemas.array.docsTopicSchema[j]
-                                let key = schemaDocument.type
-                                schemas.map.docsTopicSchema.set(key, schemaDocument)
-                            }
-                        } catch (err) {
-                            console.log(err.stack)
-                        }
-
-                        webServerResponses++
-                        if (webServerResponses === totalWebServerCalls) { startCanvas() }
-                    }
-
-                    totalWebServerCalls++
-                    httpRequest(undefined, 'Schema/' + project + '/DocsTutorialSchema', onResponseTutorialSchema)
-
-                    function onResponseTutorialSchema(err, schema) {
-                        try {
-                            schemas.array.docsTutorialSchema = JSON.parse(schema)
-
-                            for (let j = 0; j < schemas.array.docsTutorialSchema.length; j++) {
-                                let schemaDocument = schemas.array.docsTutorialSchema[j]
-                                let key = schemaDocument.type
-                                schemas.map.docsTutorialSchema.set(key, schemaDocument)
-                            }
-                        } catch (err) {
-                            console.log(err.stack)
-                        }
-
-                        webServerResponses++
-                        if (webServerResponses === totalWebServerCalls) { startCanvas() }
-                    }
-
-                    totalWebServerCalls++
-                    httpRequest(undefined, 'Schema/' + project + '/DocsReviewSchema', onResponseReviewSchema)
-
-                    function onResponseReviewSchema(err, schema) {
-                        try {
-                            schemas.array.docsReviewSchema = JSON.parse(schema)
-
-                            for (let j = 0; j < schemas.array.docsReviewSchema.length; j++) {
-                                let schemaDocument = schemas.array.docsReviewSchema[j]
-                                let key = schemaDocument.type
-                                schemas.map.docsReviewSchema.set(key, schemaDocument)
-                            }
-                        } catch (err) {
-                            console.log(err.stack)
-                        }
-
-                        webServerResponses++
-                        if (webServerResponses === totalWebServerCalls) { startCanvas() }
-                    }
-
-                    totalWebServerCalls++
-                    httpRequest(undefined, 'Schema/' + project + '/DocsBookSchema', onResponseBookSchema)
-
-                    function onResponseBookSchema(err, schema) {
-                        try {
-                            schemas.array.docsBookSchema = JSON.parse(schema)
-
-                            for (let j = 0; j < schemas.array.docsBookSchema.length; j++) {
-                                let schemaDocument = schemas.array.docsBookSchema[j]
-                                let key = schemaDocument.type
-                                schemas.map.docsBookSchema.set(key, schemaDocument)
-                            }
-                        } catch (err) {
-                            console.log(err.stack)
-                        }
-
-                        webServerResponses++
-                        if (webServerResponses === totalWebServerCalls) { startCanvas() }
-                    }
-                }
-            }
-
-            function startCanvas() {
-                /* If this method is executed for a second time, it should finalize the current execution structure */
-                if (canvas !== undefined) { canvas.finalize() }
-
-                canvas = newCanvas()
-                canvas.initialize()
-            }
+            webApp = newWebApp()
+            webApp.initialize()
         } catch (err) {
-            if (ERROR_LOG === true) { logger.write('[ERROR] start -> err = ' + err.stack) }
-        }
-    }
-
-    function autoSaveWhenClosingTheBrowser() {
-        window.onbeforeunload = saveWorkspace
-
-        /* handles backspace and refresh(F5) from keyboard */
-        window.manageBackRefresh = function (event) {
-            var tag = event.target.tagName.toLowerCase()
-            if (event.keyCode === 8 && tag !== 'input' && tag !== 'textarea') { // Backbutton pressed
-                saveWorkspace()
-            } else if (event.keyCode === 116) { // F5 pressed
-                saveWorkspace()
-            }
-        }
-
-        window.addEventListener('keydown', window.manageBackRefresh)
-
-        function saveWorkspace() {
-            UI.projects.foundations.spaces.designSpace.workspace.save()
+            console.log('[ERROR] err.stack = ' + err.stack)
         }
     }
 }
diff --git a/Desktop/UI/AppPreLoader.js b/Desktop/UI/AppPreLoader.js
index 09002d258..a21df4ccb 100644
--- a/Desktop/UI/AppPreLoader.js
+++ b/Desktop/UI/AppPreLoader.js
@@ -1,55 +1,13 @@
 
-/* Callbacks default responses. */
-
-let GLOBAL = {}
-
-GLOBAL.DEFAULT_OK_RESPONSE = {
-    result: "Ok",
-    message: "Operation Succeeded"
-}
-
-GLOBAL.DEFAULT_FAIL_RESPONSE = {
-    result: "Fail",
-    message: "Operation Failed"
-}
-
-GLOBAL.DEFAULT_RETRY_RESPONSE = {
-    result: "Retry",
-    message: "Retry Later"
-}
-
-GLOBAL.CUSTOM_OK_RESPONSE = {
-    result: "Ok, but check Message",
-    message: "Custom Message"
-}
-
-GLOBAL.CUSTOM_FAIL_RESPONSE = {
-    result: "Fail Because",
-    message: "Custom Message"
-}
-
-let browserCanvas                 // This is the canvas object of the browser.
-
-function spacePad(str, max) {
-    str = str.toString()
-    return str.length < max ? spacePad(" " + str, max) : str
-}
-
 function loadSuperalgos() {
 
-    const MODULE_NAME = "App Pre-Loader"
-    const INFO_LOG = false
-
     let browser = checkBrowserVersion()
-    setupHTMLTextArea()
-    setupHTMLInput()
-    setupHTMLCanvas()
-    loadDebugModule()
-
     if ((browser.name !== "Chrome" && browser.name!=="Safari") || (browser.name === "Chrome" && parseInt(browser.version) < 85) || (browser.name === "Safari" && parseInt(browser.version) < 13)) {
         alert("Superalgos is officially supported on Google Chrome 85 or Safari 13.1 and above. Your browser version has been detected as potentially beneath this. If you continue you may experience some functionaility issues.\n\nDetected Browser: " + browser.name + "\nVersion: " + browser.version)
     }
 
+    loadModules()
+
     function checkBrowserVersion () {
 
         let ua=navigator.userAgent,tem,M=ua.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || []
@@ -69,75 +27,11 @@ function loadSuperalgos() {
         }
     }
 
-    function setupHTMLTextArea() {
-        let textArea = document.createElement('textarea')
-        textArea.id = "textArea"
-        textArea.spellcheck = false
-        textArea.style = 'resize: none;' +
-            ' border: none;' +
-            ' outline: none;' +
-            'box-shadow: none;' +
-            'overflow:hidden;' +
-            'font-family: ' + 'Saira' + ';' +
-            'font-size: 12px;' +
-            'background-color: rgb(255, 255, 255);' +
-            'color:rgb(255, 255, 255);' +
-            'width: ' + 600 + 'px;' +
-            'height: ' + 400 + 'px'
-
-        let textAreaDiv = document.getElementById('textAreaDiv')
-        textAreaDiv.appendChild(textArea)
-        textAreaDiv.style = 'position:fixed; top:' + -1500 + 'px; left:' + 500 + 'px; z-index:10; '
-    }
-
-    function setupHTMLInput() {
-        let input = document.createElement('input')
-        input.id = "input"
-        input.spellcheck = false
-        input.style = "border: none; outline: none; box-shadow: none; overflow:hidden;  width: 0px; height: 0px;"
-
-        let inputDiv = document.getElementById('inputDiv')
-        inputDiv.appendChild(input)
-    }
-
-    function setupHTMLCanvas() {
-        let canvas = document.createElement('canvas')
-
-        canvas.id = "canvas"
-        canvas.width = 1400
-        canvas.height = 600
-        canvas.style.border = "0"
-        canvas.style = "position:absolute; top:0px; left:0px; z-index:1"
-
-        let canvasApp = document.getElementById('canvasApp')
-        canvasApp.appendChild(canvas)
-
-        browserCanvas = document.getElementById('canvas')
-
-        browserCanvas.width = window.innerWidth
-        browserCanvas.height = window.innerHeight
-        browserCanvas.style.border = "none"
-
-        browserCanvas.style.top = 0 + 'px'
-    }
-
-    function loadDebugModule() {
-        let path = "WebDebugLog.js"
-        REQUIREJS([path], onRequired)
-
-        function onRequired(pModule) {
-            if (INFO_LOG === true) { console.log(spacePad(MODULE_NAME, 50) + " : " + "[INFO] " + path + " downloaded.") }
-            loadModules()
-        }
-    }
-
-    /* And Finally, we start loading all the scripts we will inmediatelly need. */
     function loadModules() {
         let path = "AppLoader.js"
         REQUIREJS([path], onRequired)
 
         function onRequired(pModule) {
-            if (INFO_LOG === true) { console.log(spacePad(MODULE_NAME, 50) + " : " + "[INFO] " + path + " downloaded.") }
             let APP_LOADER_MODULE = newAppLoader()
             APP_LOADER_MODULE.loadModules()
         }
@@ -174,7 +68,7 @@ function httpRequest(pContentToSend, pPath, callBackFunction) {
             xmlHttpRequest.open("POST", pPath, true)
             xmlHttpRequest.send(blob)
         } catch (err) {
-            if (ERROR_LOG === true) { console.log(spacePad(MODULE_NAME, 50) + " : " + "[ERROR] callServer -> err.message = " & err.message) }
+            if (ERROR_LOG === true) { console.log("[ERROR] callServer -> err.message = " & err.message) }
             callBackFunction({ result: "Fail", message: err.message })
         }
     }
diff --git a/Desktop/UI/Globals.js b/Desktop/UI/Globals.js
new file mode 100644
index 000000000..219cf4764
--- /dev/null
+++ b/Desktop/UI/Globals.js
@@ -0,0 +1,9 @@
+/* Global Constatns */
+
+let webApp
+let PROJECTS_SCHEMA
+
+/* New Root object*/
+let UI = {
+    projects: {}
+}
diff --git a/Desktop/UI/WebApp.js b/Desktop/UI/WebApp.js
new file mode 100644
index 000000000..2a6f3a66a
--- /dev/null
+++ b/Desktop/UI/WebApp.js
@@ -0,0 +1,63 @@
+function newWebApp() {
+
+    let thisObject = {
+        initialize: initialize,
+        finalize: finalize
+    }
+
+    return thisObject
+
+    function finalize() {
+
+    }
+
+    function initialize() {
+        try {
+            /*
+            Here we will setup the UI object, with all the
+            projects and spaces.
+            */
+            for (let i = 0; i < PROJECTS_SCHEMA.length; i++) {
+                let projectDefinition = PROJECTS_SCHEMA[i]
+                UI.projects[projectDefinition.propertyName] = {}
+                let projectInstance = UI.projects[projectDefinition.propertyName]
+ 
+                projectInstance.utilities = {}
+                projectInstance.globals = {}
+                projectInstance.functionLibraries = {}
+
+
+                if (projectDefinition.UI === undefined) { continue }
+
+                /* Set up Globals of this Project */
+                if (projectDefinition.UI.globals !== undefined) {
+                    for (let j = 0; j < projectDefinition.UI.globals.length; j++) {
+                        let globalDefinition = projectDefinition.UI.globals[j]
+
+                        projectInstance.globals[globalDefinition.propertyName] = eval(globalDefinition.functionName + '()')
+                    }
+                }
+
+                /* Set up Utilities of this Project */
+                if (projectDefinition.UI.utilities !== undefined) {
+                    for (let j = 0; j < projectDefinition.UI.utilities.length; j++) {
+                        let utilityDefinition = projectDefinition.UI.utilities[j]
+
+                        projectInstance.utilities[utilityDefinition.propertyName] = eval(utilityDefinition.functionName + '()')
+                    }
+                }
+
+                /* Set up Function Libraries of this Project */
+                if (projectDefinition.UI.functionLibraries !== undefined) {
+                    for (let j = 0; j < projectDefinition.UI.functionLibraries.length; j++) {
+                        let functionLibraryDefinition = projectDefinition.UI.functionLibraries[j]
+
+                        projectInstance.functionLibraries[functionLibraryDefinition.propertyName] = eval(functionLibraryDefinition.functionName + '()')
+                    }
+                }
+            }
+        } catch (err) {
+           console.log('[ERROR] initialize -> err.stack = ' + err.stack)
+        }
+    }
+}

From 373f0307d8995861fd36f1fe9bb3a738c2192e52 Mon Sep 17 00:00:00 2001
From: Luis Fernando Molina <Luis-Fernando-Molina@users.noreply.github.com>
Date: Mon, 6 Sep 2021 20:30:05 +0200
Subject: [PATCH 03/20] WebApp Loading all modules declared at Project Schema

---
 Desktop/Client/httpInterface.js      | 51 +++++++++++++++++++++++-----
 Desktop/UI/AppLoader.js              | 25 +++-----------
 Desktop/UI/AppPostLoader.js          | 14 ++++++--
 Desktop/UI/AppPreLoader.js           |  2 +-
 Desktop/UI/WebDebugLog.js            | 21 ++++++++++++
 Desktop/{WebServer => UI}/require.js |  0
 Desktop/WebServer/index.html         |  2 +-
 7 files changed, 82 insertions(+), 33 deletions(-)
 create mode 100644 Desktop/UI/WebDebugLog.js
 rename Desktop/{WebServer => UI}/require.js (100%)

diff --git a/Desktop/Client/httpInterface.js b/Desktop/Client/httpInterface.js
index 22a202645..86ae51201 100644
--- a/Desktop/Client/httpInterface.js
+++ b/Desktop/Client/httpInterface.js
@@ -19,13 +19,13 @@ exports.newHttpInterface = function newHttpInterface() {
         /*
         We will create an HTTP Server and leave it running forever.
         */
-       SA.nodeModules.http.createServer(onHttpRequest).listen(global.env.DESKTOP_HTTP_INTERFACE_PORT)
-       /* Starting the browser now is optional */
-       if (process.argv.includes("noBrowser")) {
-           //Running Client only with no UI.
-       } else {
-           SA.nodeModules.open('http://localhost:' + global.env.DESKTOP_HTTP_INTERFACE_PORT)
-       }
+        SA.nodeModules.http.createServer(onHttpRequest).listen(global.env.DESKTOP_HTTP_INTERFACE_PORT)
+        /* Starting the browser now is optional */
+        if (process.argv.includes("noBrowser")) {
+            //Running Client only with no UI.
+        } else {
+            SA.nodeModules.open('http://localhost:' + global.env.DESKTOP_HTTP_INTERFACE_PORT)
+        }
     }
 
     function onHttpRequest(httpRequest, httpResponse) {
@@ -35,6 +35,41 @@ exports.newHttpInterface = function newHttpInterface() {
             let endpointOrFile = requestPath[1]
 
             switch (endpointOrFile) {
+                case 'ProjectsSchema':
+                    {
+                        let path = global.env.PATH_TO_PROJECTS + '/' + 'ProjectsSchema.json'
+                        SA.projects.foundations.utilities.httpResponses.respondWithFile(path, httpResponse)
+                    }
+                    break
+                case 'ListFunctionLibraries':
+                    {
+                        SA.projects.foundations.utilities.httpResponses.respondWithProjectFolderFileList(httpResponse, 'Function-Libraries', 'UI')
+                    }
+                    break
+                case 'ListUtilitiesFiles':
+                    {
+                        SA.projects.foundations.utilities.httpResponses.respondWithProjectFolderFileList(httpResponse, 'Utilities', 'UI')
+                    }
+                    break
+                case 'ListGlobalFiles':
+                    {
+                        SA.projects.foundations.utilities.httpResponses.respondWithProjectFolderFileList(httpResponse, 'Globals', 'UI')
+                    }
+                    break
+                case 'Projects':
+                    {
+                        let path = ''
+                        for (let i = 2; i < 10; i++) {
+                            if (requestPath[i] !== undefined) {
+                                let parameter = unescape(requestPath[i])
+                                path = path + '/' + parameter
+                            }
+
+                        }
+                        let filePath = global.env.PATH_TO_PROJECTS + path
+                        SA.projects.foundations.utilities.httpResponses.respondWithFile(filePath, httpResponse)
+                    }
+                    break
                 case 'Images': // This means the Images folder.
                     {
                         let path = global.env.PATH_TO_DESKTOP + '/WebServer/Images/' + requestPath[2]
@@ -58,7 +93,7 @@ exports.newHttpInterface = function newHttpInterface() {
                     break
                 default:
                     {
-                        SA.projects.foundations.utilities.httpResponses.respondWithWebFile(httpResponse, endpointOrFile,  global.env.PATH_TO_DESKTOP)
+                        SA.projects.foundations.utilities.httpResponses.respondWithWebFile(httpResponse, endpointOrFile, global.env.PATH_TO_DESKTOP)
                     }
             }
         } catch (err) {
diff --git a/Desktop/UI/AppLoader.js b/Desktop/UI/AppLoader.js
index 1f8de0d3e..24c5ccd21 100644
--- a/Desktop/UI/AppLoader.js
+++ b/Desktop/UI/AppLoader.js
@@ -10,12 +10,12 @@ function newAppLoader() {
 
     async function loadModules() {
         try {
-            let modulesArray = []
-
-            modulesArray = modulesArray.concat([
+            let modulesArray = [
+                'WebDebugLog.js',
+                'AppPostLoader.js',
                 'Globals.js',
                 'WebApp.js'
-            ])
+            ]
 
             functionLibraries()
 
@@ -74,23 +74,6 @@ function newAppLoader() {
                         urlArray.push('Projects' + '/' + project + '/' + 'UI' + '/' + 'Globals' + '/' + fileName)
                     }
 
-                    modulesArray = modulesArray.concat(urlArray)
-                    spaces()
-                }
-            }
-
-            function spaces() {
-                let url = 'ListSpaceFiles'
-                httpRequest(undefined, url, onResponse)
-
-                function onResponse(err, fileList) {
-                    let urlArray = []
-                    let fileArray = JSON.parse(fileList)
-                    for (let i = 0; i < fileArray.length; i++) {
-                        let path = fileArray[i]
-                        urlArray.push('Projects' + '/' + path)
-                    }
-
                     modulesArray = modulesArray.concat(urlArray)
                     downloadIncludedFiles()
                 }
diff --git a/Desktop/UI/AppPostLoader.js b/Desktop/UI/AppPostLoader.js
index 3e962a181..e0040e951 100644
--- a/Desktop/UI/AppPostLoader.js
+++ b/Desktop/UI/AppPostLoader.js
@@ -9,8 +9,18 @@ function newAppPostLoader() {
 
     function start() {
         try {
-            webApp = newWebApp()
-            webApp.initialize()
+
+            setupProjectsSchema()
+
+            function setupProjectsSchema() {
+                httpRequest(undefined, 'ProjectsSchema', onResponse)
+
+                function onResponse(err, file) {
+                    PROJECTS_SCHEMA = JSON.parse(file)
+                    webApp = newWebApp()
+                    webApp.initialize()
+                }
+            }
         } catch (err) {
             console.log('[ERROR] err.stack = ' + err.stack)
         }
diff --git a/Desktop/UI/AppPreLoader.js b/Desktop/UI/AppPreLoader.js
index a21df4ccb..8897aa49d 100644
--- a/Desktop/UI/AppPreLoader.js
+++ b/Desktop/UI/AppPreLoader.js
@@ -43,7 +43,7 @@ function httpRequest(pContentToSend, pPath, callBackFunction) {
     xmlHttpRequest.onreadystatechange = function () {
         if (this.readyState === 4 && this.status === 200) {
             try {
-                callBackFunction(GLOBAL.DEFAULT_OK_RESPONSE, xmlHttpRequest.responseText)
+                callBackFunction(undefined, xmlHttpRequest.responseText)
             } catch(err) {
                 console.log('[ERROR] httpRequest -> httpRequest -> err.stack = '+ err.stack)
                 console.log('[ERROR] httpRequest -> httpRequest -> pContentToSend = '+ pContentToSend)
diff --git a/Desktop/UI/WebDebugLog.js b/Desktop/UI/WebDebugLog.js
new file mode 100644
index 000000000..2a6bc1af1
--- /dev/null
+++ b/Desktop/UI/WebDebugLog.js
@@ -0,0 +1,21 @@
+function newWebDebugLog() {
+    try {
+        let thisObject = {
+            write: write,
+            fileName: 'undefined'
+        }
+
+        return thisObject
+
+        function write(pText) {
+            console.log(spacePad(thisObject.fileName, 50) + ' : ' + pText)
+
+            function spacePad(str, max) {
+                str = str.toString()
+                return str.length < max ? spacePad(' ' + str, max) : str
+            }
+        }
+    } catch (err) {
+        console.log(spacePad(MODULE_NAME, 50) + ' : ' + '[ERROR]  WebDebugLog --> err = ' + err.stack)
+    }
+}
diff --git a/Desktop/WebServer/require.js b/Desktop/UI/require.js
similarity index 100%
rename from Desktop/WebServer/require.js
rename to Desktop/UI/require.js
diff --git a/Desktop/WebServer/index.html b/Desktop/WebServer/index.html
index afeb95d14..793a8c5f3 100644
--- a/Desktop/WebServer/index.html
+++ b/Desktop/WebServer/index.html
@@ -6,7 +6,7 @@
     <meta name="description" content="Free and Open Source Crypto Social Trading">
     <link rel="stylesheet" href="main.css" type="text/css" charset="utf-8" />
     <link rel="shortcut icon" type="image/png/ico" href="Images/favicon.ico" />
-    <script type="text/javascript" src="WebServer/require.js"></script>
+    <script type="text/javascript" src="require.js"></script>
     <script type="text/javascript" src="AppPreLoader.js"></script>
 
     <script type="text/javascript">

From 4623ef28a3ef8d087daa98cf18a3b1a4751e7fdf Mon Sep 17 00:00:00 2001
From: Luis Fernando Molina <Luis-Fernando-Molina@users.noreply.github.com>
Date: Tue, 7 Sep 2021 11:31:59 +0200
Subject: [PATCH 04/20] Update index.html

---
 Desktop/WebServer/index.html | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/Desktop/WebServer/index.html b/Desktop/WebServer/index.html
index 793a8c5f3..362ffc495 100644
--- a/Desktop/WebServer/index.html
+++ b/Desktop/WebServer/index.html
@@ -37,15 +37,16 @@
                 console.log('Error Resizing. ' + err.stack)
             }
         }
-     </script>
+    </script>
 </head>
 
-<body id="body" onload="loadApp()"
-    onresize="onResize()">
+<body id="body" onload="loadApp()" onresize="onResize()">
     Hello World!
-    <div id="masterApp"></div>
-    <div id="canvasApp"></div>
-   
+    <div id="top" style="position:fixed; top:0px; left:0px"></div>
+    <div id="left"></div>
+    <div id="middle"></div>
+    <div id="right"></div>
+
 
 </body>
 

From bac140cf92ec046e5d614fbbeda6a6e00bcb49e4 Mon Sep 17 00:00:00 2001
From: Luis Fernando Molina <Luis-Fernando-Molina@users.noreply.github.com>
Date: Tue, 7 Sep 2021 13:05:58 +0200
Subject: [PATCH 05/20] sockets connections and disconnections plus callers
 ordered arrays.

---
 Desktop/DesktopApp.js                         |   7 +-
 .../Network/NT/Modules/WebSocketsInterface.js | 145 ++++++++++++++----
 .../NT/Modules/Social-Graph/SocialGraph.js    |  20 +++
 3 files changed, 141 insertions(+), 31 deletions(-)
 create mode 100644 Projects/Social-Trading/NT/Modules/Social-Graph/SocialGraph.js

diff --git a/Desktop/DesktopApp.js b/Desktop/DesktopApp.js
index e04a0ddad..8fa39fafc 100644
--- a/Desktop/DesktopApp.js
+++ b/Desktop/DesktopApp.js
@@ -15,9 +15,10 @@ exports.newDesktopApp = function newDesktopApp() {
         /*
         This is the Web Sockets client that interacts with the Superalgos Network.
         */
-        //DK.webSocketsClient = SA.projects.network.modules.webSocketsClient.newNetworkModulesWebSocketsClient()
-        //await DK.webSocketsClient.initialize()
-
+        DK.webSocketsClient = SA.projects.network.modules.webSocketsClient.newNetworkModulesWebSocketsClient()
+        await DK.webSocketsClient.initialize()
+        return
+        
         /* These are the Network Interfaces by which the UI interacts with the Desktop App.*/
         //let WEB_SOCKETS_INTERFACE = require('./Client/webSocketsInterface.js')
         let HTTP_INTERFACE = require('./Client/httpInterface.js')
diff --git a/Projects/Network/NT/Modules/WebSocketsInterface.js b/Projects/Network/NT/Modules/WebSocketsInterface.js
index 003e6798b..baded6584 100644
--- a/Projects/Network/NT/Modules/WebSocketsInterface.js
+++ b/Projects/Network/NT/Modules/WebSocketsInterface.js
@@ -1,6 +1,9 @@
 exports.newNetworkModulesWebSocketsInterface = function newNetworkModulesWebSocketsInterface() {
 
     let thisObject = {
+        networkClients: undefined,
+        networkPeers: undefined,
+        callersMap: undefined,
         initialize: initialize,
         finalize: finalize
     }
@@ -14,6 +17,10 @@ exports.newNetworkModulesWebSocketsInterface = function newNetworkModulesWebSock
     return thisObject
 
     function finalize() {
+        thisObject.networkClients = undefined
+        thisObject.networkPeers = undefined
+        callersMap = undefined
+
         socketServer = undefined
         clientInterface = undefined
         peerInterface = undefined
@@ -26,18 +33,35 @@ exports.newNetworkModulesWebSocketsInterface = function newNetworkModulesWebSock
         clientInterface = NT.projects.socialTrading.modules.clientInterface.newSocialTradingModulesClientInterface()
         peerInterface = NT.projects.socialTrading.modules.peerInterface.newSocialTradingModulesPeerInterface()
 
+        thisObject.networkClients = []
+        thisObject.networkPeers = []
+        thisObject.callersMap = new Map()
+
         setUpWebSocketServer()
     }
 
     function setUpWebSocketServer() {
         try {
-            socketServer.on('connection', onConnection)
+            socketServer.on('connection', onConnectionOpened)
+
+            function onConnectionOpened(socket)
+
+            /*
+            This function is executed every time a new Websockets connection
+            is stablished.  
+            */ {
+                let caller = {
+                    socket: socket,
+                    userProfile: undefined,
+                    role: undefined
+                }
+
+                caller.socket.id = SA.projects.foundations.utilities.miscellaneousFunctions.genereteUniqueId()
+                caller.socket.on('close', onConnectionClosed)
 
-            function onConnection(socket) {
-                let caller = {}
                 let calledTimestamp = (new Date()).valueOf()
 
-                socket.on('message', onMenssage)
+                caller.socket.on('message', onMenssage)
 
                 async function onMenssage(message) {
                     try {
@@ -49,7 +73,7 @@ exports.newNetworkModulesWebSocketsInterface = function newNetworkModulesWebSock
                                 result: 'Error',
                                 message: 'messageHeader Not Coorrect JSON Format.'
                             }
-                            socket.send(JSON.stringify(response))
+                            caller.socket.send(JSON.stringify(response))
                             return
                         }
                         /*
@@ -60,13 +84,13 @@ exports.newNetworkModulesWebSocketsInterface = function newNetworkModulesWebSock
                                 result: 'Error',
                                 message: 'messageType Not Provided.'
                             }
-                            socket.send(JSON.stringify(response))
+                            caller.socket.send(JSON.stringify(response))
                             return
                         }
 
                         switch (messageHeader.messageType) {
                             case "Handshake": {
-                                handshakeProducedure(socket, caller, calledTimestamp, messageHeader)
+                                handshakeProducedure(caller, calledTimestamp, messageHeader)
                                 break
                             }
                             case "Request": {
@@ -76,19 +100,19 @@ exports.newNetworkModulesWebSocketsInterface = function newNetworkModulesWebSock
                                         result: 'Error',
                                         message: 'Handshake Not Done Yet.'
                                     }
-                                    socket.send(JSON.stringify(response))
+                                    caller.socket.send(JSON.stringify(response))
                                     return
                                 }
 
                                 switch (caller.role) {
                                     case 'Network Client': {
                                         let response = await clientInterface.messageReceived(messageHeader.payload, caller.userProfile)
-                                        socket.send(JSON.stringify(response))
+                                        caller.socket.send(JSON.stringify(response))
                                         break
                                     }
                                     case 'Network Peer': {
                                         let response = await peerInterface.messageReceived(messageHeader.payload)
-                                        socket.send(JSON.stringify(response))
+                                        caller.socket.send(JSON.stringify(response))
                                         break
                                     }
                                 }
@@ -99,7 +123,7 @@ exports.newNetworkModulesWebSocketsInterface = function newNetworkModulesWebSock
                                     result: 'Error',
                                     message: 'messageType Not Supported.'
                                 }
-                                socket.send(JSON.stringify(response))
+                                caller.socket.send(JSON.stringify(response))
                                 break
                             }
                         }
@@ -109,7 +133,13 @@ exports.newNetworkModulesWebSocketsInterface = function newNetworkModulesWebSock
                 }
             }
 
-            function handshakeProducedure(socket, caller, calledTimestamp, messageHeader) {
+            function onConnectionClosed() {
+                let socketId = this.id
+                let caller = thisObject.callersMap.get(socketId)
+                removeCaller(caller)
+            }
+
+            function handshakeProducedure(caller, calledTimestamp, messageHeader) {
                 /*
                 The handshage producedure have 2 steps, we need to know 
                 now which one we are at. 
@@ -119,7 +149,7 @@ exports.newNetworkModulesWebSocketsInterface = function newNetworkModulesWebSock
                         result: 'Error',
                         message: 'step Not Provided.'
                     }
-                    socket.send(JSON.stringify(response))
+                    caller.socket.send(JSON.stringify(response))
                     return
                 }
                 if (messageHeader.step !== 'One' && messageHeader.step !== 'Two') {
@@ -127,7 +157,7 @@ exports.newNetworkModulesWebSocketsInterface = function newNetworkModulesWebSock
                         result: 'Error',
                         message: 'step Not Supported.'
                     }
-                    socket.send(JSON.stringify(response))
+                    caller.socket.send(JSON.stringify(response))
                     return
                 }
                 switch (messageHeader.step) {
@@ -149,7 +179,7 @@ exports.newNetworkModulesWebSocketsInterface = function newNetworkModulesWebSock
                             result: 'Error',
                             message: 'callerRole Not Provided.'
                         }
-                        socket.send(JSON.stringify(response))
+                        caller.socket.send(JSON.stringify(response))
                         return
                     }
 
@@ -158,7 +188,7 @@ exports.newNetworkModulesWebSocketsInterface = function newNetworkModulesWebSock
                             result: 'Error',
                             message: 'callerRole Not Supported.'
                         }
-                        socket.send(JSON.stringify(response))
+                        caller.socket.send(JSON.stringify(response))
                         return
                     }
 
@@ -171,7 +201,7 @@ exports.newNetworkModulesWebSocketsInterface = function newNetworkModulesWebSock
                             result: 'Error',
                             message: 'callerProfileHandle Not Provided.'
                         }
-                        socket.send(JSON.stringify(response))
+                        caller.socket.send(JSON.stringify(response))
                         return
                     }
 
@@ -184,7 +214,7 @@ exports.newNetworkModulesWebSocketsInterface = function newNetworkModulesWebSock
                             result: 'Error',
                             message: 'callerTimestamp Not Provided.'
                         }
-                        socket.send(JSON.stringify(response))
+                        caller.socket.send(JSON.stringify(response))
                         return
                     }
                     /*
@@ -195,7 +225,7 @@ exports.newNetworkModulesWebSocketsInterface = function newNetworkModulesWebSock
                             result: 'Error',
                             message: 'callerTimestamp Too Old.'
                         }
-                        socket.send(JSON.stringify(response))
+                        caller.socket.send(JSON.stringify(response))
                         return
                     }
                     /*
@@ -215,7 +245,7 @@ exports.newNetworkModulesWebSocketsInterface = function newNetworkModulesWebSock
                         message: 'Handshake Step One Complete',
                         signature: JSON.stringify(signature)
                     }
-                    socket.send(JSON.stringify(response))
+                    caller.socket.send(JSON.stringify(response))
                 }
 
                 function handshakeStepTwo() {
@@ -227,7 +257,7 @@ exports.newNetworkModulesWebSocketsInterface = function newNetworkModulesWebSock
                             result: 'Error',
                             message: 'Handshake Step One Not Completed.'
                         }
-                        socket.send(JSON.stringify(response))
+                        caller.socket.send(JSON.stringify(response))
                         return
                     }
                     /*
@@ -238,7 +268,7 @@ exports.newNetworkModulesWebSocketsInterface = function newNetworkModulesWebSock
                             result: 'Error',
                             message: 'signature Not Provided.'
                         }
-                        socket.send(JSON.stringify(response))
+                        caller.socket.send(JSON.stringify(response))
                         return
                     }
 
@@ -250,7 +280,7 @@ exports.newNetworkModulesWebSocketsInterface = function newNetworkModulesWebSock
                             result: 'Error',
                             message: 'Bad Signature.'
                         }
-                        socket.send(JSON.stringify(response))
+                        caller.socket.send(JSON.stringify(response))
                         return
                     }
                     /*
@@ -263,7 +293,7 @@ exports.newNetworkModulesWebSocketsInterface = function newNetworkModulesWebSock
                             result: 'Error',
                             message: 'userProfile Not Found.'
                         }
-                        socket.send(JSON.stringify(response))
+                        caller.socket.send(JSON.stringify(response))
                         return
                     }
                     /*
@@ -277,7 +307,7 @@ exports.newNetworkModulesWebSocketsInterface = function newNetworkModulesWebSock
                             result: 'Error',
                             message: 'callerProfileHandle Does Not Match witnessUserProfile.'
                         }
-                        socket.send(JSON.stringify(response))
+                        caller.socket.send(JSON.stringify(response))
                         return
                     }
                     /*
@@ -289,7 +319,7 @@ exports.newNetworkModulesWebSocketsInterface = function newNetworkModulesWebSock
                             result: 'Error',
                             message: 'calledProfileHandle Does Not Match This Network Node Handle.'
                         }
-                        socket.send(JSON.stringify(response))
+                        caller.socket.send(JSON.stringify(response))
                         return
                     }
                     /*
@@ -300,7 +330,7 @@ exports.newNetworkModulesWebSocketsInterface = function newNetworkModulesWebSock
                             result: 'Error',
                             message: 'calledTimestamp Does Not Match calledTimestamp On Record.'
                         }
-                        socket.send(JSON.stringify(response))
+                        caller.socket.send(JSON.stringify(response))
                         return
                     }
                     /*
@@ -310,15 +340,74 @@ exports.newNetworkModulesWebSocketsInterface = function newNetworkModulesWebSock
                     We will remember the user profile behind this caller.
                     */
                     caller.userProfile = witnessUserProfile
+                    /*
+                    We will remember the caller itself.
+                    */
+                    addCaller(caller)
 
                     let response = {
                         result: 'Ok',
                         message: 'Handshake Successful.'
                     }
-                    socket.send(JSON.stringify(response))
+                    caller.socket.send(JSON.stringify(response))
                 }
             }
 
+            function addCaller(caller) {
+
+                thisObject.callersMap.set(caller.socket.id, caller)
+
+                switch (caller.role) {
+                    case 'Network Client': {
+                        addToArray(thisObject.networkClients, caller)
+                        break
+                    }
+                    case 'Network Peer': {
+                        addToArray(thisObject.networkPeers, caller)
+                        break
+                    }
+                }
+
+                function addToArray(callersArray, caller) {
+                    /*
+                    We will add the caller to the existing array, first the ones with highest ranking.
+                    */
+                    for (let i = 0; i < callersArray.length; i++) {
+                        let callerInArray = callersArray[i]
+                        if (caller.userProfile.ranking > callerInArray.userProfile.ranking) {
+                            callersArray.splice(i, 0, caller)
+                            return
+                        }
+                    }
+                    callersArray.push(caller)
+                }
+            }
+
+            function removeCaller(caller) {
+
+                thisObject.callersMap.delete(caller.socket.id)
+
+                switch (caller.role) {
+                    case 'Network Client': {
+                        removeFromArray(thisObject.networkClients, caller)
+                        break
+                    }
+                    case 'Network Peer': {
+                        removeFromArray(thisObject.networkPeers, caller)
+                        break
+                    }
+                }
+
+                function removeFromArray(callersArray, caller) {
+                    for (let i = 0; i < callersArray.length; i++) {
+                        let callerInArray = callersArray[i]
+                        if (caller.socket.id === callerInArray.socket.id) {
+                            callersArray.splice(i, 1)
+                            return
+                        }
+                    }
+                }
+            }
         } catch (err) {
             console.log('[ERROR] Web Sockets Interface -> setUpWebSocketServer -> err.stack = ' + err.stack)
         }
diff --git a/Projects/Social-Trading/NT/Modules/Social-Graph/SocialGraph.js b/Projects/Social-Trading/NT/Modules/Social-Graph/SocialGraph.js
new file mode 100644
index 000000000..864add3cd
--- /dev/null
+++ b/Projects/Social-Trading/NT/Modules/Social-Graph/SocialGraph.js
@@ -0,0 +1,20 @@
+exports.newSocialTradingModulesSocialGraph = function newSocialTradingModulesSocialGraph() {
+    /*
+    This object represent the entire Social Graph.
+    */
+    let thisObject = {
+ 
+        initialize: initialize,
+        finalize: finalize
+    }
+
+    return thisObject
+
+    function finalize() {
+   
+    }
+
+    function initialize() {
+
+    }
+}
\ No newline at end of file

From 4e92ff174074a507179a71af54d20d8e17550196 Mon Sep 17 00:00:00 2001
From: Luis Fernando Molina <Luis-Fernando-Molina@users.noreply.github.com>
Date: Tue, 7 Sep 2021 16:57:48 +0200
Subject: [PATCH 06/20] Event Broadcasting

---
 .../Network/NT/Modules/WebSocketsInterface.js | 34 +++++++++++++++++--
 1 file changed, 32 insertions(+), 2 deletions(-)

diff --git a/Projects/Network/NT/Modules/WebSocketsInterface.js b/Projects/Network/NT/Modules/WebSocketsInterface.js
index baded6584..6a48a8a8a 100644
--- a/Projects/Network/NT/Modules/WebSocketsInterface.js
+++ b/Projects/Network/NT/Modules/WebSocketsInterface.js
@@ -104,18 +104,23 @@ exports.newNetworkModulesWebSocketsInterface = function newNetworkModulesWebSock
                                     return
                                 }
 
+                                let response
                                 switch (caller.role) {
                                     case 'Network Client': {
-                                        let response = await clientInterface.messageReceived(messageHeader.payload, caller.userProfile)
+                                        response = await clientInterface.messageReceived(messageHeader.payload, caller.userProfile)
                                         caller.socket.send(JSON.stringify(response))
                                         break
                                     }
                                     case 'Network Peer': {
-                                        let response = await peerInterface.messageReceived(messageHeader.payload)
+                                        response = await peerInterface.messageReceived(messageHeader.payload)
                                         caller.socket.send(JSON.stringify(response))
                                         break
                                     }
                                 }
+                                if (response.result === 'Ok' && messageHeader.payload.requestType === 'Event') {
+                                    broadcastToPeers(messageHeader, caller)
+                                    broadcastToClients(messageHeader, caller)
+                                }
                                 break
                             }
                             default: {
@@ -408,6 +413,31 @@ exports.newNetworkModulesWebSocketsInterface = function newNetworkModulesWebSock
                     }
                 }
             }
+
+            function broadcastToPeers(messageHeader, caller) {
+                let callerIdToAVoid
+                if (caller.role === 'Network Peer') {
+                    callerIdToAVoid = caller.socket.id
+                }
+                for (let i = 0; i < thisObject.networkPeers.length; i++) {
+                    let networkPeer = thisObject.networkPeers[i]
+                    if (networkPeer.socket.id === callerIdToAVoid) { continue }
+                    networkPeer.socket.send(messageHeader)
+                }
+            }
+
+            function broadcastToClients(messageHeader, caller) {
+                let callerIdToAVoid
+                if (caller.role === 'Network Client') {
+                    callerIdToAVoid = caller.socket.id
+                }
+                for (let i = 0; i < thisObject.networkClients.length; i++) {
+                    let networkClient = thisObject.networkClients[i]
+                    if (networkClient.socket.id === callerIdToAVoid) { continue }
+                    networkClient.socket.send(messageHeader)
+                }
+            }
+
         } catch (err) {
             console.log('[ERROR] Web Sockets Interface -> setUpWebSocketServer -> err.stack = ' + err.stack)
         }

From 020e01237a2d749df1f811497c8a45b328554add Mon Sep 17 00:00:00 2001
From: Luis Fernando Molina <Luis-Fernando-Molina@users.noreply.github.com>
Date: Wed, 8 Sep 2021 11:03:43 +0200
Subject: [PATCH 07/20] html layout

---
 Desktop/DesktopApp.js                         |  10 +-
 Desktop/WebServer/css/main.css                | 135 +++++++++++++++++-
 Desktop/WebServer/index.html                  |  71 ++++++++-
 .../TradingSimulation.js                      |   3 +-
 4 files changed, 202 insertions(+), 17 deletions(-)

diff --git a/Desktop/DesktopApp.js b/Desktop/DesktopApp.js
index 8fa39fafc..e05811c30 100644
--- a/Desktop/DesktopApp.js
+++ b/Desktop/DesktopApp.js
@@ -15,10 +15,11 @@ exports.newDesktopApp = function newDesktopApp() {
         /*
         This is the Web Sockets client that interacts with the Superalgos Network.
         */
-        DK.webSocketsClient = SA.projects.network.modules.webSocketsClient.newNetworkModulesWebSocketsClient()
-        await DK.webSocketsClient.initialize()
-        return
-        
+        /*
+         DK.webSocketsClient = SA.projects.network.modules.webSocketsClient.newNetworkModulesWebSocketsClient()
+         await DK.webSocketsClient.initialize()
+        */
+
         /* These are the Network Interfaces by which the UI interacts with the Desktop App.*/
         //let WEB_SOCKETS_INTERFACE = require('./Client/webSocketsInterface.js')
         let HTTP_INTERFACE = require('./Client/httpInterface.js')
@@ -35,7 +36,6 @@ exports.newDesktopApp = function newDesktopApp() {
 
         return
 
-
         let queryMessage
         let query
         /*
diff --git a/Desktop/WebServer/css/main.css b/Desktop/WebServer/css/main.css
index 5e3eedde8..fe419c965 100644
--- a/Desktop/WebServer/css/main.css
+++ b/Desktop/WebServer/css/main.css
@@ -22,13 +22,134 @@
     font-style: normal;
   }
   
-  kbd {
-    padding: 2px 8px;
-    font-size: 125%;
-    font-weight: 500;
+  .page-table {
+    position:fixed; 
+    top:0px; 
+    left:18%;
+    width: 64%;
+    height: 100%;
+    color: #000;
+    background-color: #ffffff;
+    border-width: 1px;
+  }
+
+  .left-column {
+    position:relative; 
+    top:0px; 
+    width: 20%;
+    height: 100%;
+    color: #000;
+    border-width: 1px;
+  }
+
+  .middle-column {
+    position:relative; 
+    top:0px; 
+    width: 50%;
+    height: 100%;
+    color: #000;
+    border-width: 1px;
+  }
+
+  .right-column {
+    position:relative; 
+    top:0px; 
+    left:0px;
+    width: 30%;
+    height: 100%;
+    color: #000;
+    border-width: 1px;
+  }
+
+  .left-table {
+    position:relative; 
+    width: 100%;
+    height: 100%;
+    color: #000;
+    border-width: 1px;
+  }
+
+  .logo-cell {
+    vertical-align: top;
+    width: 100%;
+    height: 70px;
+    color: #000;
+    border-width: 1px;
+  }
+
+  .menu-cell {
+    vertical-align: top;
+    width: 100%;
+    color: #000;
+    border-width: 1px;
+  }
+
+  .profile-cell {
+    vertical-align: bottom;
+    width: 100%;
+    height: 50px;
+    color: #000;
+    border-width: 1px;
+  }
+
+  .middle-table {
+    position:relative; 
+    width: 100%;
+    height: 100%;
+    color: #000;
+    border-width: 1px;
+  }
+
+  .content-title-cell {
+    vertical-align: top;
+    width: 100%;
+    height: 50px;
+    color: #000;
+    border-width: 1px;
+  }
+
+  .content-cell {
+    vertical-align: top;
+    width: 100%;
+    color: #000;
+    border-width: 1px;
+  }
+
+  .right-table {
+    position:relative; 
+    width: 100%;
+    height: 100%;
+    color: #000;
+    border-width: 1px;
+  }
+
+  .search-cell {
+    vertical-align: top;
+    width: 100%;
+    height: 50px;
+    color: #000;
+    border-width: 1px;
+  }
+
+  .context-cell {
+    vertical-align: top;
+    width: 100%;
+    color: #000;
+    border-width: 1px;
+  }
+
+  .menu-table {
+    position:relative; 
+    width: 100%;
+    height: 65%;
+    color: #000;
+    border-width: 1px;
+  }
+
+  .menu-item-cell {
+    vertical-align: top;
+    width: 100%;
+    height: 50px;
     color: #000;
-    background-color: #bcd643;
-    border-radius: 5px;
-    border-style: outset;
     border-width: 1px;
   }
\ No newline at end of file
diff --git a/Desktop/WebServer/index.html b/Desktop/WebServer/index.html
index 362ffc495..6d6572c60 100644
--- a/Desktop/WebServer/index.html
+++ b/Desktop/WebServer/index.html
@@ -42,11 +42,74 @@
 
 <body id="body" onload="loadApp()" onresize="onResize()">
     Hello World!
-    <div id="top" style="position:fixed; top:0px; left:0px"></div>
-    <div id="left"></div>
-    <div id="middle"></div>
-    <div id="right"></div>
 
+    <table class="page-table">
+        <tr>
+            <td class="left-column">
+                <table class="left-table">
+                    <tr>
+                        <td class="logo-cell">LOGO</td>
+                    </tr>
+                    <tr>
+                        <td class="menu-cell">
+                            <table class="menu-table">
+                                <tr>
+                                    <td class="menu-item-cell">Home</td>
+                                </tr>
+                                <tr>
+                                    <td class="menu-item-cell">Explore</td>
+                                </tr>
+                                <tr>
+                                    <td class="menu-item-cell">Notifications</td>
+                                </tr>
+                                <tr>
+                                    <td class="menu-item-cell">Messages</td>
+                                </tr>
+                                <tr>
+                                    <td class="menu-item-cell">Bookmarks</td>
+                                </tr>
+                                <tr>
+                                    <td class="menu-item-cell">Lists</td>
+                                </tr>
+                                <tr>
+                                    <td class="menu-item-cell">Profile</td>
+                                </tr>
+                                <tr>
+                                    <td class="menu-item-cell">More</td>
+                                </tr>
+                                <tr>
+                                    <td class="menu-item-cell">Post</td>
+                                </tr>
+                            </table>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td class="profile-cell">PROFILE</td>
+                    </tr>
+                </table>
+            </td>
+            <td class="middle-column">
+                <table class="middle-table">
+                    <tr>
+                        <td class="content-title-cell">CONTENT TITLE</td>
+                    </tr>
+                    <tr>
+                        <td class="content-cell">CONTENT</td>
+                    </tr>
+                </table>
+            </td>
+            <td class="right-column">
+                <table class="right-table">
+                    <tr>
+                        <td class="search-cell">SEARCH</td>
+                    </tr>
+                    <tr>
+                        <td class="context-cell">CONTEXT</td>
+                    </tr>
+                </table>
+            </td>
+        </tr>
+    </table>
 
 </body>
 
diff --git a/Projects/Foundations/TS/Bot-Modules/Trading-Bot/Low-Frequency-Trading/TradingSimulation.js b/Projects/Foundations/TS/Bot-Modules/Trading-Bot/Low-Frequency-Trading/TradingSimulation.js
index 0be553078..3e8d114ae 100644
--- a/Projects/Foundations/TS/Bot-Modules/Trading-Bot/Low-Frequency-Trading/TradingSimulation.js
+++ b/Projects/Foundations/TS/Bot-Modules/Trading-Bot/Low-Frequency-Trading/TradingSimulation.js
@@ -88,7 +88,8 @@ exports.newFoundationsBotModulesTradingSimulation = function (processIndex) {
                     This will happen when the sessionParameters.timeRange.config.initialDatetime is beyond the last candle available, 
                     meaning that the dataSet needs to be updated with more up-to-date data. 
                     */
-                    TS.projects.foundations.functionLibraries.sessionFunctions.stopSession(processIndex, 'Data is not up-to-date enough. Please start the Masters Data Mining Operation.')
+                    console.log('DEBUGGING ..................', initialCandle, candles.length)
+                    TS.projects.foundations.functionLibraries.sessionFunctions.stopSession(processIndex, 'Data is not up-to-date enough. Please start the Data Mining Operation.')
                     TS.projects.foundations.globals.loggerVariables.VARIABLES_BY_PROCESS_INDEX_MAP.get(processIndex).BOT_MAIN_LOOP_LOGGER_MODULE_OBJECT.write(MODULE_NAME,
                         '[IMPORTANT] runSimulation -> Data is not up-to-date enough. Stopping the Session now. ')
                     return

From c01c9bbca629e479ae0f92fb9ec77b23a369722a Mon Sep 17 00:00:00 2001
From: Luis Fernando Molina <Luis-Fernando-Molina@users.noreply.github.com>
Date: Wed, 8 Sep 2021 13:48:48 +0200
Subject: [PATCH 08/20] who to follow

---
 Desktop/WebServer/css/main.css | 123 ++++++++++++++++++++++++++++-----
 Desktop/WebServer/index.html   |  40 +++++++++--
 2 files changed, 141 insertions(+), 22 deletions(-)

diff --git a/Desktop/WebServer/css/main.css b/Desktop/WebServer/css/main.css
index fe419c965..a44c65f3f 100644
--- a/Desktop/WebServer/css/main.css
+++ b/Desktop/WebServer/css/main.css
@@ -22,15 +22,57 @@
     font-style: normal;
   }
   
+  .scroll-div {
+    position:absolute; 
+    overflow-y: scroll;
+    overflow-x: hidden;
+    top:0px; 
+    left:0px;
+    vertical-align: top;
+    height: 100%;
+    width: 100%;
+    color: #000;
+    border-color: blue;
+    background-color: #ffffff;    
+    border-width: 0px;
+  }
+
+  .content-div {
+    position:relative; 
+    vertical-align: top;
+    height: 100%;
+    width: 30%;
+    left: 31.2%;
+    color: #000;
+    border-color: blue;
+    background-color: transparent;
+    border-width: 0px;
+  }
+
+  .post-div {
+    vertical-align: top;
+    height: 300px;
+    width: 100%;
+    color: #000;
+    border-color: blue;
+    background-color: transparent;
+    border-width: 0px;
+  }
+
   .page-table {
+    pointer-events: none;
     position:fixed; 
+    position: absolute; 
     top:0px; 
     left:18%;
     width: 64%;
     height: 100%;
+    padding: 0; 
+    margin: 0;
     color: #000;
-    background-color: #ffffff;
-    border-width: 1px;
+    background:transparent;
+    border-width: 0px;
+    border-collapse: collapse;
   }
 
   .left-column {
@@ -38,8 +80,10 @@
     top:0px; 
     width: 20%;
     height: 100%;
+    padding: 0; 
+    margin: 0;
     color: #000;
-    border-width: 1px;
+    border-width: 0px;
   }
 
   .middle-column {
@@ -47,8 +91,10 @@
     top:0px; 
     width: 50%;
     height: 100%;
+    padding: 0; 
+    margin: 0;
     color: #000;
-    border-width: 1px;
+    border-width: 0px;
   }
 
   .right-column {
@@ -57,99 +103,142 @@
     left:0px;
     width: 30%;
     height: 100%;
+    padding: 0; 
+    margin: 0;
     color: #000;
-    border-width: 1px;
+    border-width: 0px;
   }
 
   .left-table {
     position:relative; 
     width: 100%;
     height: 100%;
+    padding: 0; 
+    margin: 0;
     color: #000;
-    border-width: 1px;
+    border-width: 0px;
+    border-collapse: collapse;
   }
 
   .logo-cell {
     vertical-align: top;
     width: 100%;
     height: 70px;
+    padding: 0; 
+    margin: 0;
     color: #000;
-    border-width: 1px;
+    border-width: 0px;
   }
 
   .menu-cell {
     vertical-align: top;
     width: 100%;
+    padding: 0; 
+    margin: 0;
     color: #000;
-    border-width: 1px;
+    border-width: 0px;
   }
 
   .profile-cell {
     vertical-align: bottom;
     width: 100%;
     height: 50px;
+    padding: 0; 
+    margin: 0;
     color: #000;
-    border-width: 1px;
+    border-width: 0px;
   }
 
   .middle-table {
     position:relative; 
     width: 100%;
     height: 100%;
+    padding: 0; 
+    margin: 0;
     color: #000;
-    border-width: 1px;
+    border-width: 0px;
+    border-collapse: collapse;
   }
 
   .content-title-cell {
     vertical-align: top;
     width: 100%;
     height: 50px;
+    padding: 0; 
+    margin: 0;
     color: #000;
-    border-width: 1px;
+    border-width: 0px;
+    background-color: #ffffff;    
   }
 
   .content-cell {
     vertical-align: top;
     width: 100%;
+    padding: 0; 
+    margin: 0;
     color: #000;
-    border-width: 1px;
+    border-width: 0px;
   }
 
   .right-table {
     position:relative; 
     width: 100%;
     height: 100%;
+    padding: 0; 
+    margin: 0;
     color: #000;
-    border-width: 1px;
+    border-width: 0px;
+    border-collapse: collapse;
   }
 
   .search-cell {
     vertical-align: top;
     width: 100%;
     height: 50px;
+    padding: 0; 
+    margin: 0;
     color: #000;
-    border-width: 1px;
+    border-width: 0px;
   }
 
   .context-cell {
     vertical-align: top;
     width: 100%;
+    padding: 0; 
+    margin: 0;
     color: #000;
-    border-width: 1px;
+    border-width: 0px;
+    background:transparent;
   }
 
   .menu-table {
     position:relative; 
     width: 100%;
     height: 65%;
+    padding: 0; 
+    margin: 0;
     color: #000;
-    border-width: 1px;
+    border-width: 0px;
+    border-collapse: collapse;
   }
 
   .menu-item-cell {
     vertical-align: top;
     width: 100%;
     height: 50px;
+    padding: 0; 
+    margin: 0;
     color: #000;
-    border-width: 1px;
+    border-width: 0px;
+  }
+
+  .who-to-follow-table {
+    position:relative; 
+    width: 100%;
+    height: 30%;
+    padding: 0; 
+    margin: 0;
+    color: #000;
+    border-width: 0px;
+    border-collapse: collapse;
   }
\ No newline at end of file
diff --git a/Desktop/WebServer/index.html b/Desktop/WebServer/index.html
index 6d6572c60..30b874280 100644
--- a/Desktop/WebServer/index.html
+++ b/Desktop/WebServer/index.html
@@ -41,9 +41,26 @@
 </head>
 
 <body id="body" onload="loadApp()" onresize="onResize()">
-    Hello World!
-
-    <table class="page-table">
+    <div class="scroll-div">
+        <div class="content-div">
+            <div class="post-div">
+                POST 1
+            </div>
+            <div class="post-div">
+                POST 2
+            </div>
+            <div class="post-div">
+                POST 3
+            </div>
+            <div class="post-div">
+                POST 4
+            </div>
+            <div class="post-div">
+                POST 5
+            </div>
+        </div>
+    </div>
+    <table id="page-table" class="page-table">
         <tr>
             <td class="left-column">
                 <table class="left-table">
@@ -94,7 +111,8 @@
                         <td class="content-title-cell">CONTENT TITLE</td>
                     </tr>
                     <tr>
-                        <td class="content-cell">CONTENT</td>
+                        <td class="content-cell">
+                        </td>
                     </tr>
                 </table>
             </td>
@@ -104,7 +122,19 @@
                         <td class="search-cell">SEARCH</td>
                     </tr>
                     <tr>
-                        <td class="context-cell">CONTEXT</td>
+                        <td class="context-cell">
+                            <table class="who-to-follow-table">
+                                <tr>
+                                    <td class="menu-item-cell">User Profile 1</td>
+                                </tr>
+                                <tr>
+                                    <td class="menu-item-cell">User Profile 2</td>
+                                </tr>
+                                <tr>
+                                    <td class="menu-item-cell">User Profile 3</td>
+                                </tr>
+                            </table>
+                        </td>
                     </tr>
                 </table>
             </td>

From 44332a13de04406037d8f41e78d72145591b26d3 Mon Sep 17 00:00:00 2001
From: Luis Fernando Molina <Luis-Fernando-Molina@users.noreply.github.com>
Date: Wed, 8 Sep 2021 14:14:27 +0200
Subject: [PATCH 09/20] Initializing the Web App

---
 Desktop/DesktopApp.js                         |   6 +-
 Desktop/UI/WebApp.js                          | 172 ++++++++++++++----
 Desktop/UI/{AppLoader.js => WebAppLoader.js}  |   6 +-
 .../{AppPostLoader.js => WebAppPostLoader.js} |   2 +-
 .../{AppPreLoader.js => WebAppPreLoader.js}   |   4 +-
 Desktop/WebServer/index.html                  |   6 +-
 6 files changed, 144 insertions(+), 52 deletions(-)
 rename Desktop/UI/{AppLoader.js => WebAppLoader.js} (96%)
 rename Desktop/UI/{AppPostLoader.js => WebAppPostLoader.js} (94%)
 rename Desktop/UI/{AppPreLoader.js => WebAppPreLoader.js} (97%)

diff --git a/Desktop/DesktopApp.js b/Desktop/DesktopApp.js
index e05811c30..300baff29 100644
--- a/Desktop/DesktopApp.js
+++ b/Desktop/DesktopApp.js
@@ -15,10 +15,8 @@ exports.newDesktopApp = function newDesktopApp() {
         /*
         This is the Web Sockets client that interacts with the Superalgos Network.
         */
-        /*
-         DK.webSocketsClient = SA.projects.network.modules.webSocketsClient.newNetworkModulesWebSocketsClient()
-         await DK.webSocketsClient.initialize()
-        */
+        DK.webSocketsClient = SA.projects.network.modules.webSocketsClient.newNetworkModulesWebSocketsClient()
+        await DK.webSocketsClient.initialize()
 
         /* These are the Network Interfaces by which the UI interacts with the Desktop App.*/
         //let WEB_SOCKETS_INTERFACE = require('./Client/webSocketsInterface.js')
diff --git a/Desktop/UI/WebApp.js b/Desktop/UI/WebApp.js
index 2a6f3a66a..449764ac2 100644
--- a/Desktop/UI/WebApp.js
+++ b/Desktop/UI/WebApp.js
@@ -13,51 +13,145 @@ function newWebApp() {
 
     function initialize() {
         try {
-            /*
-            Here we will setup the UI object, with all the
-            projects and spaces.
-            */
-            for (let i = 0; i < PROJECTS_SCHEMA.length; i++) {
-                let projectDefinition = PROJECTS_SCHEMA[i]
-                UI.projects[projectDefinition.propertyName] = {}
-                let projectInstance = UI.projects[projectDefinition.propertyName]
- 
-                projectInstance.utilities = {}
-                projectInstance.globals = {}
-                projectInstance.functionLibraries = {}
+            setupRootObject()
+            //setupHomePage()
+        } catch (err) {
+            console.log('[ERROR] initialize -> err.stack = ' + err.stack)
+        }
+    }
+
+    function setupRootObject() {
+        /*
+        Here we will setup the UI object, with all the
+        projects and spaces.
+        */
+        for (let i = 0; i < PROJECTS_SCHEMA.length; i++) {
+            let projectDefinition = PROJECTS_SCHEMA[i]
+            UI.projects[projectDefinition.propertyName] = {}
+            let projectInstance = UI.projects[projectDefinition.propertyName]
+
+            projectInstance.utilities = {}
+            projectInstance.globals = {}
+            projectInstance.functionLibraries = {}
 
 
-                if (projectDefinition.UI === undefined) { continue }
+            if (projectDefinition.UI === undefined) { continue }
 
-                /* Set up Globals of this Project */
-                if (projectDefinition.UI.globals !== undefined) {
-                    for (let j = 0; j < projectDefinition.UI.globals.length; j++) {
-                        let globalDefinition = projectDefinition.UI.globals[j]
+            /* Set up Globals of this Project */
+            if (projectDefinition.UI.globals !== undefined) {
+                for (let j = 0; j < projectDefinition.UI.globals.length; j++) {
+                    let globalDefinition = projectDefinition.UI.globals[j]
 
-                        projectInstance.globals[globalDefinition.propertyName] = eval(globalDefinition.functionName + '()')
-                    }
-                }
-
-                /* Set up Utilities of this Project */
-                if (projectDefinition.UI.utilities !== undefined) {
-                    for (let j = 0; j < projectDefinition.UI.utilities.length; j++) {
-                        let utilityDefinition = projectDefinition.UI.utilities[j]
-
-                        projectInstance.utilities[utilityDefinition.propertyName] = eval(utilityDefinition.functionName + '()')
-                    }
-                }
-
-                /* Set up Function Libraries of this Project */
-                if (projectDefinition.UI.functionLibraries !== undefined) {
-                    for (let j = 0; j < projectDefinition.UI.functionLibraries.length; j++) {
-                        let functionLibraryDefinition = projectDefinition.UI.functionLibraries[j]
-
-                        projectInstance.functionLibraries[functionLibraryDefinition.propertyName] = eval(functionLibraryDefinition.functionName + '()')
-                    }
+                    projectInstance.globals[globalDefinition.propertyName] = eval(globalDefinition.functionName + '()')
                 }
             }
-        } catch (err) {
-           console.log('[ERROR] initialize -> err.stack = ' + err.stack)
+
+            /* Set up Utilities of this Project */
+            if (projectDefinition.UI.utilities !== undefined) {
+                for (let j = 0; j < projectDefinition.UI.utilities.length; j++) {
+                    let utilityDefinition = projectDefinition.UI.utilities[j]
+
+                    projectInstance.utilities[utilityDefinition.propertyName] = eval(utilityDefinition.functionName + '()')
+                }
+            }
+
+            /* Set up Function Libraries of this Project */
+            if (projectDefinition.UI.functionLibraries !== undefined) {
+                for (let j = 0; j < projectDefinition.UI.functionLibraries.length; j++) {
+                    let functionLibraryDefinition = projectDefinition.UI.functionLibraries[j]
+
+                    projectInstance.functionLibraries[functionLibraryDefinition.propertyName] = eval(functionLibraryDefinition.functionName + '()')
+                }
+            }
+        }
+    }
+
+    async function setupHomePage() {
+        let queryMessage
+        let query
+        /*
+        Test Query User Profiles.
+        */
+        queryMessage = {
+            queryType: SA.projects.socialTrading.globals.queryTypes.USER_PROFILES,
+            emitterUserProfileId: DK.TEST_NETWORK_CLIENT_USER_PROFILE_ID,
+            initialIndex: 'Last',
+            amountRequested: 10,
+            direction: 'Past'
+        }
+
+        query = {
+            requestType: 'Query',
+            queryMessage: JSON.stringify(queryMessage)
+        }
+
+        await DK.webSocketsClient.sendMessage(
+            JSON.stringify(query)
+        )
+            .then(showProfiles)
+            .catch(onError)
+
+        async function showProfiles(profiles) {
+            console.log(profiles)
+
+            for (let i = 0; i < profiles.length; i++) {
+                let profile = profiles[i]
+
+                /*
+                Test Following Profiles.
+                */
+                let eventMessage = {
+                    eventId: SA.projects.foundations.utilities.miscellaneousFunctions.genereteUniqueId(),
+                    eventType: SA.projects.socialTrading.globals.eventTypes.FOLLOW_USER_PROFILE,
+                    emitterUserProfileId: DK.TEST_NETWORK_CLIENT_USER_PROFILE_ID,
+                    targetUserProfileId: profile.userProfileId
+                }
+
+                let event = {
+                    requestType: 'Event',
+                    eventMessage: JSON.stringify(eventMessage)
+                }
+
+                await DK.webSocketsClient.sendMessage(
+                    JSON.stringify(event)
+                )
+                    .then(followAdded)
+                    .catch(onError)
+
+                function followAdded() {
+                    console.log("User Profile " + profile.userProfileHandle + " followed.")
+                }
+            }
+        }
+        /*
+        Test Query User Profile Stats.
+        */
+        queryMessage = {
+            queryType: SA.projects.socialTrading.globals.queryTypes.USER_PROFILE_STATS,
+            emitterUserProfileId: DK.TEST_NETWORK_CLIENT_USER_PROFILE_ID,
+            targetUserProfileId: DK.TEST_NETWORK_CLIENT_USER_PROFILE_ID
+        }
+
+        query = {
+            requestType: 'Query',
+            queryMessage: JSON.stringify(queryMessage)
+        }
+
+        await DK.webSocketsClient.sendMessage(
+            JSON.stringify(query)
+        )
+            .then(showProfilesStats)
+            .catch(onError)
+
+        function showProfilesStats(profile) {
+            console.log(profile)
+        }
+
+        /*
+        Error Handling
+        */
+        function onError(errorMessage) {
+            console.log('[ERROR] Query not executed. ' + errorMessage)
         }
     }
 }
diff --git a/Desktop/UI/AppLoader.js b/Desktop/UI/WebAppLoader.js
similarity index 96%
rename from Desktop/UI/AppLoader.js
rename to Desktop/UI/WebAppLoader.js
index 24c5ccd21..e7d5fb02e 100644
--- a/Desktop/UI/AppLoader.js
+++ b/Desktop/UI/WebAppLoader.js
@@ -1,5 +1,5 @@
 
-function newAppLoader() {
+function newWebAppLoader() {
 
     let thisObject = {
         loadModules: loadModules
@@ -12,7 +12,7 @@ function newAppLoader() {
         try {
             let modulesArray = [
                 'WebDebugLog.js',
-                'AppPostLoader.js',
+                'WebAppPostLoader.js',
                 'Globals.js',
                 'WebApp.js'
             ]
@@ -95,7 +95,7 @@ function newAppLoader() {
 
                             if (downloadedCounter === modulesArray.length) {
                                 setTimeout(() => {
-                                    postLoader = newAppPostLoader()
+                                    postLoader = newWebAppPostLoader()
                                     postLoader.start()
                                 }, 500)
 
diff --git a/Desktop/UI/AppPostLoader.js b/Desktop/UI/WebAppPostLoader.js
similarity index 94%
rename from Desktop/UI/AppPostLoader.js
rename to Desktop/UI/WebAppPostLoader.js
index e0040e951..b22b7796d 100644
--- a/Desktop/UI/AppPostLoader.js
+++ b/Desktop/UI/WebAppPostLoader.js
@@ -1,6 +1,6 @@
 
 
-function newAppPostLoader() {
+function newWebAppPostLoader() {
 
     let thisObject = {
         start: start
diff --git a/Desktop/UI/AppPreLoader.js b/Desktop/UI/WebAppPreLoader.js
similarity index 97%
rename from Desktop/UI/AppPreLoader.js
rename to Desktop/UI/WebAppPreLoader.js
index 8897aa49d..12e5fa54f 100644
--- a/Desktop/UI/AppPreLoader.js
+++ b/Desktop/UI/WebAppPreLoader.js
@@ -28,11 +28,11 @@ function loadSuperalgos() {
     }
 
     function loadModules() {
-        let path = "AppLoader.js"
+        let path = "WebAppLoader.js"
         REQUIREJS([path], onRequired)
 
         function onRequired(pModule) {
-            let APP_LOADER_MODULE = newAppLoader()
+            let APP_LOADER_MODULE = newWebAppLoader()
             APP_LOADER_MODULE.loadModules()
         }
     }
diff --git a/Desktop/WebServer/index.html b/Desktop/WebServer/index.html
index 30b874280..e5ddba267 100644
--- a/Desktop/WebServer/index.html
+++ b/Desktop/WebServer/index.html
@@ -6,8 +6,8 @@
     <meta name="description" content="Free and Open Source Crypto Social Trading">
     <link rel="stylesheet" href="main.css" type="text/css" charset="utf-8" />
     <link rel="shortcut icon" type="image/png/ico" href="Images/favicon.ico" />
-    <script type="text/javascript" src="require.js"></script>
-    <script type="text/javascript" src="AppPreLoader.js"></script>
+    <script type="text/javascript" src="Require.js"></script>
+    <script type="text/javascript" src="WebAppPreLoader.js"></script>
 
     <script type="text/javascript">
         function loadApp() {
@@ -123,7 +123,7 @@
                     </tr>
                     <tr>
                         <td class="context-cell">
-                            <table class="who-to-follow-table">
+                            <table id="who-to-follow-table" class="who-to-follow-table">
                                 <tr>
                                     <td class="menu-item-cell">User Profile 1</td>
                                 </tr>

From f3a74609858cb59178ad268dd43334838745651e Mon Sep 17 00:00:00 2001
From: Luis Fernando Molina <Luis-Fernando-Molina@users.noreply.github.com>
Date: Wed, 8 Sep 2021 15:19:40 +0200
Subject: [PATCH 10/20] Desktop Websockets Internface Implemeted

---
 Desktop/DesktopApp.js                         | 11 +--
 EnvironmentForDebug.js                        |  1 +
 MultiProject.js                               |  2 +-
 Projects/ProjectsSchema.json                  | 24 ++++++
 .../DK/modules/WebAppInterface.js             | 27 ++++++
 .../DK/modules/WebSocketsInterface.js         | 84 +++++++++++++++++++
 .../DK/modules}/httpInterface.js              |  2 +-
 7 files changed, 142 insertions(+), 9 deletions(-)
 create mode 100644 Projects/Social-Trading/DK/modules/WebAppInterface.js
 create mode 100644 Projects/Social-Trading/DK/modules/WebSocketsInterface.js
 rename {Desktop/Client => Projects/Social-Trading/DK/modules}/httpInterface.js (97%)

diff --git a/Desktop/DesktopApp.js b/Desktop/DesktopApp.js
index 300baff29..51b41d0fa 100644
--- a/Desktop/DesktopApp.js
+++ b/Desktop/DesktopApp.js
@@ -19,16 +19,13 @@ exports.newDesktopApp = function newDesktopApp() {
         await DK.webSocketsClient.initialize()
 
         /* These are the Network Interfaces by which the UI interacts with the Desktop App.*/
-        //let WEB_SOCKETS_INTERFACE = require('./Client/webSocketsInterface.js')
-        let HTTP_INTERFACE = require('./Client/httpInterface.js')
-
-        /*
-        WEB_SOCKETS_INTERFACE = WEB_SOCKETS_INTERFACE.newWebSocketsInterface()
+       
+        WEB_SOCKETS_INTERFACE = DK.projects.socialTrading.modules.webSocketsInterface.newDesktopModulesWebSocketsInterface()
         WEB_SOCKETS_INTERFACE.initialize()
         console.log('Web Sockets Interface ....................................... Listening at port ' + global.env.CLIENT_WEB_SOCKETS_INTERFACE_PORT)
-        */
+  
 
-        HTTP_INTERFACE = HTTP_INTERFACE.newHttpInterface()
+        HTTP_INTERFACE = DK.projects.socialTrading.modules.httpInterface.newDesktopModulesHttpInterface()
         HTTP_INTERFACE.initialize()
         console.log('Http Interface .............................................. Listening at port ' + global.env.DESKTOP_HTTP_INTERFACE_PORT)
 
diff --git a/EnvironmentForDebug.js b/EnvironmentForDebug.js
index 932ed022b..01b010fc1 100644
--- a/EnvironmentForDebug.js
+++ b/EnvironmentForDebug.js
@@ -4,6 +4,7 @@ exports.newEnvironment = function () {
         WEB_SERVER_URL: 'localhost',
         CLIENT_WEB_SOCKETS_INTERFACE_PORT: 18041,
         NETWORK_WEB_SOCKETS_INTERFACE_PORT: 18042,
+        DESKTOP_WEB_SOCKETS_INTERFACE_PORT: 18043,
         CLIENT_HTTP_INTERFACE_PORT: 34248,
         DESKTOP_HTTP_INTERFACE_PORT: 34249,
         PATH_TO_TASK_SERVER: './TaskServer',
diff --git a/MultiProject.js b/MultiProject.js
index 47506b2cc..bc4f3035d 100644
--- a/MultiProject.js
+++ b/MultiProject.js
@@ -65,7 +65,7 @@ exports.newMultiProject = function () {
             }
 
             /*
-            From here we will require and get the modules, but without instantiation thisObject. 
+            From here we will require and get the modules, but without instantiating thisObject. 
             */
 
             /* Set up  Modules for this Project */
diff --git a/Projects/ProjectsSchema.json b/Projects/ProjectsSchema.json
index 2b8ea0bb8..395ff21b4 100644
--- a/Projects/ProjectsSchema.json
+++ b/Projects/ProjectsSchema.json
@@ -1471,6 +1471,30 @@
                     "fileName": "EventTypes.js"
                 }
             ]
+        },
+        "DK": {
+            "globals": [],
+            "modules": [
+                {
+                    "name": "Http Interface",
+                    "propertyName": "httpInterface",
+                    "functionName": "newDesktopModulesHttpInterface",
+                    "fileName": "httpInterface.js"
+                },
+                {
+                    "name": "Web Sockets Interface",
+                    "propertyName": "webSocketsInterface",
+                    "functionName": "newDesktopModulesWebSocketsInterface",
+                    "fileName": "WebSocketsInterface.js"
+                },
+                {
+                    "name": "Web App Interface",
+                    "propertyName": "webAppInterface",
+                    "functionName": "newSocialTradingModulesWebAppInterface",
+                    "fileName": "WebAppInterface.js"
+                }
+            ],
+            "utilities": []
         }
     }
 ]
\ No newline at end of file
diff --git a/Projects/Social-Trading/DK/modules/WebAppInterface.js b/Projects/Social-Trading/DK/modules/WebAppInterface.js
new file mode 100644
index 000000000..228b1ec80
--- /dev/null
+++ b/Projects/Social-Trading/DK/modules/WebAppInterface.js
@@ -0,0 +1,27 @@
+exports.newSocialTradingModulesWebAppInterface = function newSocialTradingModulesWebAppInterface() {
+
+    let thisObject = {
+        sendToWebApp: undefined,
+        messageReceived: messageReceived,
+        initialize: initialize,
+        finalize: finalize
+    }
+
+    return thisObject
+
+    function finalize() {
+
+    }
+
+    function initialize() {
+
+    }
+
+    function messageReceived(messageHeader) {
+        let response = {
+            result: 'Ok',
+            message: 'Hello !'
+        }
+        return  
+    }
+}
\ No newline at end of file
diff --git a/Projects/Social-Trading/DK/modules/WebSocketsInterface.js b/Projects/Social-Trading/DK/modules/WebSocketsInterface.js
new file mode 100644
index 000000000..3714e01ee
--- /dev/null
+++ b/Projects/Social-Trading/DK/modules/WebSocketsInterface.js
@@ -0,0 +1,84 @@
+exports.newDesktopModulesWebSocketsInterface = function newDesktopModulesWebSocketsInterface() {
+
+    let thisObject = {
+        initialize: initialize,
+        finalize: finalize
+    }
+
+    let socketServer
+    let webAppInterface
+    let webApp
+
+    return thisObject
+
+    function finalize() {
+        socketServer = undefined
+        webAppInterface = undefined
+        webApp = undefined
+    }
+
+    function initialize() {
+        socketServer = new SA.nodeModules.ws.Server({ port: global.env.DESKTOP_WEB_SOCKETS_INTERFACE_PORT })
+        webAppInterface = DK.projects.socialTrading.modules.webAppInterface.newSocialTradingModulesWebAppInterface()
+
+        setUpWebSocketServer()
+    }
+
+    function setUpWebSocketServer() {
+        try {
+            socketServer.on('connection', onConnectionOpened)
+            webAppInterface.sendToWebApp = sendToWebApp
+
+            function onConnectionOpened(socket)
+
+            if (webApp !== undefined) {
+                console.log('[ERROR] Only one websockets client allowed.')
+                return
+            }
+            /*
+            This function is executed every time a new Websockets connection
+            is stablished.  
+            */ {
+                webApp = {
+                    socket: socket
+                }
+
+                webApp.socket.on('close', onConnectionClosed)
+                webApp.socket.on('message', onMenssage)
+
+                async function onMenssage(message) {
+                    try {
+                        let messageHeader
+                        try {
+                            messageHeader = JSON.parse(message)
+                        } catch (err) {
+                            let response = {
+                                result: 'Error',
+                                message: 'messageHeader Not Coorrect JSON Format.'
+                            }
+                            webApp.socket.send(JSON.stringify(response))
+                            return
+                        }
+
+                        let response = await webAppInterface.messageReceived(messageHeader.payload)
+                        webApp.socket.send(JSON.stringify(response))
+
+                    } catch (err) {
+                        console.log('[ERROR] Web Sockets Interface -> setUpWebSocketServer -> err.stack = ' + err.stack)
+                    }
+                }
+            }
+
+            function onConnectionClosed() {
+                webApp = undefined
+            }
+
+            function sendToWebApp(message) {
+                webApp.socket.send(JSON.stringify(message))
+            }
+
+        } catch (err) {
+            console.log('[ERROR] Web Sockets Interface -> setUpWebSocketServer -> err.stack = ' + err.stack)
+        }
+    }
+}
\ No newline at end of file
diff --git a/Desktop/Client/httpInterface.js b/Projects/Social-Trading/DK/modules/httpInterface.js
similarity index 97%
rename from Desktop/Client/httpInterface.js
rename to Projects/Social-Trading/DK/modules/httpInterface.js
index 86ae51201..644886080 100644
--- a/Desktop/Client/httpInterface.js
+++ b/Projects/Social-Trading/DK/modules/httpInterface.js
@@ -1,4 +1,4 @@
-exports.newHttpInterface = function newHttpInterface() {
+exports.newDesktopModulesHttpInterface = function newDesktopModulesHttpInterface() {
 
     /*
     This module represent the HTTP API of the 

From a9cf32419999c854d8198b2ab6b61312b74faedc Mon Sep 17 00:00:00 2001
From: Luis Fernando Molina <Luis-Fernando-Molina@users.noreply.github.com>
Date: Wed, 8 Sep 2021 15:50:09 +0200
Subject: [PATCH 11/20] Desktop Web App Websockets Clieent

---
 .../Network/SA/Modules/WebSocketsClient.js    |  1 +
 Projects/ProjectsSchema.json                  | 10 ++
 .../UI/modules/WebSocketsClient.js            | 98 +++++++++++++++++++
 3 files changed, 109 insertions(+)
 create mode 100644 Projects/Social-Trading/UI/modules/WebSocketsClient.js

diff --git a/Projects/Network/SA/Modules/WebSocketsClient.js b/Projects/Network/SA/Modules/WebSocketsClient.js
index 150f31932..5c4556fc5 100644
--- a/Projects/Network/SA/Modules/WebSocketsClient.js
+++ b/Projects/Network/SA/Modules/WebSocketsClient.js
@@ -217,6 +217,7 @@ exports.newNetworkModulesWebSocketsClient = function newNetworkModulesWebSockets
             if (socketClient.readyState !== 1) { // 1 means connected and ready.
                 console.log('[ERROR] Web Sockets Client -> sendMessage -> Cannot send message while connection is closed.')
                 reject('Websockets Connection Not Ready.')
+                return
             }
 
             let socketMessage = {
diff --git a/Projects/ProjectsSchema.json b/Projects/ProjectsSchema.json
index 395ff21b4..6b3b9e278 100644
--- a/Projects/ProjectsSchema.json
+++ b/Projects/ProjectsSchema.json
@@ -1495,6 +1495,16 @@
                 }
             ],
             "utilities": []
+        },
+        "UI":{
+            "modules":[
+                {
+                    "name": "Web Sockets Client",
+                    "propertyName": "webSocketsClient",
+                    "functionName": "newSocialTradingModulesWebSocketsClient",
+                    "fileName": "WebSocketsClient.js"
+                }
+            ]
         }
     }
 ]
\ No newline at end of file
diff --git a/Projects/Social-Trading/UI/modules/WebSocketsClient.js b/Projects/Social-Trading/UI/modules/WebSocketsClient.js
new file mode 100644
index 000000000..40eef9917
--- /dev/null
+++ b/Projects/Social-Trading/UI/modules/WebSocketsClient.js
@@ -0,0 +1,98 @@
+exports.newSocialTradingModulesWebSocketsClient = function newSocialTradingModulesWebSocketsClient() {
+
+    let thisObject = {
+        sendMessage: sendMessage,
+        initialize: initialize,
+        finalize: finalize
+    }
+
+    let socketClient
+
+    let called = {}
+
+    return thisObject
+
+    function finalize() {
+        socketClient.close()
+        socketClient = undefined
+        clientInterface = undefined
+
+        called = undefined
+    }
+
+    async function initialize() {
+
+        socketClient = new WebSocket('ws://' + HOST + ':' + PORT)
+
+        await setUpWebsocketClient()
+    }
+
+    async function setUpWebsocketClient() {
+
+        return new Promise(connectToNewtwork)
+
+        function connectToNewtwork(resolve, reject) {
+
+            try {
+                socketClient.onopen = () => { onConnection() }
+                socketClient.onerror = err => { onError(err) }
+
+                function onConnection() {
+                    resolve()
+                }
+
+                function onError(err) {
+                    console.log('[ERROR] Web Sockets Client -> onError -> err.message = ' + err.message)
+                    console.log('[ERROR] Web Sockets Client -> onError -> err.stack = ' + err.stack)
+                }
+
+            } catch (err) {
+                console.log('[ERROR] Web Sockets Client -> setUpWebsocketClient -> err.stack = ' + err.stack)
+            }
+        }
+    }
+
+    function sendMessage(message) {
+
+        return new Promise(sendSocketMessage)
+
+        function sendSocketMessage(resolve, reject) {
+
+            if (socketClient.readyState !== 1) { // 1 means connected and ready.
+                console.log('[ERROR] Web Sockets Client -> sendMessage -> Cannot send message while connection is closed.')
+                reject('Websockets Connection Not Ready.')
+                return
+            }
+
+            let socketMessage = {
+                messageType: 'Request',
+                payload: message
+            }
+            socketClient.onmessage = socketMessage => { onMenssage(socketMessage) }
+            socketClient.send(
+                JSON.stringify(socketMessage)
+                )
+
+            function onMenssage(socketMessage) {
+                try {
+
+                    let response = JSON.parse(socketMessage.data)
+                    /*
+                    Chack if we are waiting for the Handshake response.
+                    */
+
+                    if (response.result === 'Ok') {
+                        resolve(response.data)
+                    } else {
+                        console.log('[ERROR] Web Sockets Client -> onMenssage -> response.message = ' + response.message)
+                        reject(response.message)
+                    }
+
+                } catch (err) {
+                    callbackFunction = undefined
+                    console.log('[ERROR] Web Sockets Client -> err.stack = ' + err.stack)
+                }
+            }
+        }
+    }
+}
\ No newline at end of file

From 303c8a9920c8a5ad39328b7e3a14236bb0adcf81 Mon Sep 17 00:00:00 2001
From: Luis Fernando Molina <Luis-Fernando-Molina@users.noreply.github.com>
Date: Thu, 9 Sep 2021 11:45:07 +0200
Subject: [PATCH 12/20] Ready to request profiles

---
 Desktop/DesktopApp.js                         | 28 ++++++----
 Desktop/UI/Globals.js                         |  1 +
 Desktop/UI/WebApp.js                          | 55 ++-----------------
 Desktop/UI/WebAppPostLoader.js                | 11 +++-
 Projects/ProjectsSchema.json                  |  6 ++
 .../Social-Trading/DK/modules/SocialGraph.js  | 25 +++++++++
 .../DK/modules/WebAppInterface.js             | 16 +++---
 .../DK/modules/WebSocketsInterface.js         | 15 +++--
 .../DK/modules/httpInterface.js               |  5 ++
 9 files changed, 86 insertions(+), 76 deletions(-)
 create mode 100644 Projects/Social-Trading/DK/modules/SocialGraph.js

diff --git a/Desktop/DesktopApp.js b/Desktop/DesktopApp.js
index 51b41d0fa..71ac1779d 100644
--- a/Desktop/DesktopApp.js
+++ b/Desktop/DesktopApp.js
@@ -8,25 +8,31 @@ exports.newDesktopApp = function newDesktopApp() {
 
     async function run() {
         /*
-                let socialGraphService = NT.projects.network.modules.socialGraph.newSocialGraph()
-                await socialGraphService.initialize()
+        Heree we will store our running objects:
         */
+        DK.running = {}
 
         /*
         This is the Web Sockets client that interacts with the Superalgos Network.
         */
-        DK.webSocketsClient = SA.projects.network.modules.webSocketsClient.newNetworkModulesWebSocketsClient()
-        await DK.webSocketsClient.initialize()
+        DK.running.socialGraph = DK.projects.socialTrading.modules.socialTrading.newSocialTradingModulesSocialGraph()
+        await DK.running.socialGraph.initialize()
+
+        /*
+        This is the Web Sockets client that interacts with the Superalgos Network.
+        */
+        DK.running.webSocketsClient = SA.projects.network.modules.webSocketsClient.newNetworkModulesWebSocketsClient()
+        await DK.running.webSocketsClient.initialize()
 
         /* These are the Network Interfaces by which the UI interacts with the Desktop App.*/
-       
-        WEB_SOCKETS_INTERFACE = DK.projects.socialTrading.modules.webSocketsInterface.newDesktopModulesWebSocketsInterface()
-        WEB_SOCKETS_INTERFACE.initialize()
-        console.log('Web Sockets Interface ....................................... Listening at port ' + global.env.CLIENT_WEB_SOCKETS_INTERFACE_PORT)
-  
 
-        HTTP_INTERFACE = DK.projects.socialTrading.modules.httpInterface.newDesktopModulesHttpInterface()
-        HTTP_INTERFACE.initialize()
+        DK.running.webSocketsInterface = DK.projects.socialTrading.modules.webSocketsInterface.newDesktopModulesWebSocketsInterface()
+        DK.running.webSocketsInterface.initialize()
+        console.log('Web Sockets Interface ....................................... Listening at port ' + global.env.CLIENT_WEB_SOCKETS_INTERFACE_PORT)
+
+
+        DK.running.httpInterface = DK.projects.socialTrading.modules.httpInterface.newDesktopModulesHttpInterface()
+        DK.running.httpInterface.initialize()
         console.log('Http Interface .............................................. Listening at port ' + global.env.DESKTOP_HTTP_INTERFACE_PORT)
 
         return
diff --git a/Desktop/UI/Globals.js b/Desktop/UI/Globals.js
index 219cf4764..1890f2da3 100644
--- a/Desktop/UI/Globals.js
+++ b/Desktop/UI/Globals.js
@@ -2,6 +2,7 @@
 
 let webApp
 let PROJECTS_SCHEMA
+let ENVIRONMENT
 
 /* New Root object*/
 let UI = {
diff --git a/Desktop/UI/WebApp.js b/Desktop/UI/WebApp.js
index 449764ac2..50e4fe172 100644
--- a/Desktop/UI/WebApp.js
+++ b/Desktop/UI/WebApp.js
@@ -14,7 +14,8 @@ function newWebApp() {
     function initialize() {
         try {
             setupRootObject()
-            //setupHomePage()
+            UI.projects.socialTrading.modules.webSocketsClient.initialize()
+            setupHomePage()
         } catch (err) {
             console.log('[ERROR] initialize -> err.stack = ' + err.stack)
         }
@@ -85,7 +86,7 @@ function newWebApp() {
             queryMessage: JSON.stringify(queryMessage)
         }
 
-        await DK.webSocketsClient.sendMessage(
+        await UI.projects.socialTrading.modules.webSocketsClient.sendMessage(
             JSON.stringify(query)
         )
             .then(showProfiles)
@@ -97,56 +98,10 @@ function newWebApp() {
             for (let i = 0; i < profiles.length; i++) {
                 let profile = profiles[i]
 
-                /*
-                Test Following Profiles.
-                */
-                let eventMessage = {
-                    eventId: SA.projects.foundations.utilities.miscellaneousFunctions.genereteUniqueId(),
-                    eventType: SA.projects.socialTrading.globals.eventTypes.FOLLOW_USER_PROFILE,
-                    emitterUserProfileId: DK.TEST_NETWORK_CLIENT_USER_PROFILE_ID,
-                    targetUserProfileId: profile.userProfileId
-                }
-
-                let event = {
-                    requestType: 'Event',
-                    eventMessage: JSON.stringify(eventMessage)
-                }
-
-                await DK.webSocketsClient.sendMessage(
-                    JSON.stringify(event)
-                )
-                    .then(followAdded)
-                    .catch(onError)
-
-                function followAdded() {
-                    console.log("User Profile " + profile.userProfileHandle + " followed.")
-                }
+                console.log(profile)
             }
         }
-        /*
-        Test Query User Profile Stats.
-        */
-        queryMessage = {
-            queryType: SA.projects.socialTrading.globals.queryTypes.USER_PROFILE_STATS,
-            emitterUserProfileId: DK.TEST_NETWORK_CLIENT_USER_PROFILE_ID,
-            targetUserProfileId: DK.TEST_NETWORK_CLIENT_USER_PROFILE_ID
-        }
-
-        query = {
-            requestType: 'Query',
-            queryMessage: JSON.stringify(queryMessage)
-        }
-
-        await DK.webSocketsClient.sendMessage(
-            JSON.stringify(query)
-        )
-            .then(showProfilesStats)
-            .catch(onError)
-
-        function showProfilesStats(profile) {
-            console.log(profile)
-        }
-
+    
         /*
         Error Handling
         */
diff --git a/Desktop/UI/WebAppPostLoader.js b/Desktop/UI/WebAppPostLoader.js
index b22b7796d..a5f110bf6 100644
--- a/Desktop/UI/WebAppPostLoader.js
+++ b/Desktop/UI/WebAppPostLoader.js
@@ -10,7 +10,16 @@ function newWebAppPostLoader() {
     function start() {
         try {
 
-            setupProjectsSchema()
+            setupEnvironment()
+
+            function setupEnvironment() {
+                httpRequest(undefined, 'Environment', onResponse)
+
+                function onResponse(err, file) {
+                    ENVIRONMENT = JSON.parse(file)
+                    setupProjectsSchema()
+                }
+            }
 
             function setupProjectsSchema() {
                 httpRequest(undefined, 'ProjectsSchema', onResponse)
diff --git a/Projects/ProjectsSchema.json b/Projects/ProjectsSchema.json
index 6b3b9e278..6705b6a81 100644
--- a/Projects/ProjectsSchema.json
+++ b/Projects/ProjectsSchema.json
@@ -1492,6 +1492,12 @@
                     "propertyName": "webAppInterface",
                     "functionName": "newSocialTradingModulesWebAppInterface",
                     "fileName": "WebAppInterface.js"
+                },
+                {
+                    "name": "Social Graph",
+                    "propertyName": "socialGraph",
+                    "functionName": "newSocialTradingModulesSocialGraph",
+                    "fileName": "SocialGraph.js"
                 }
             ],
             "utilities": []
diff --git a/Projects/Social-Trading/DK/modules/SocialGraph.js b/Projects/Social-Trading/DK/modules/SocialGraph.js
new file mode 100644
index 000000000..d451f6179
--- /dev/null
+++ b/Projects/Social-Trading/DK/modules/SocialGraph.js
@@ -0,0 +1,25 @@
+exports.newSocialTradingModulesSocialGraph = function newSocialTradingModulesSocialGraph() {
+    /*
+    This module mantains in memory the personal social graph for
+    the user profile of the user of the Desktop App. A personal social
+    graph is very similar to the one mantained at a Netwrok Node,
+    the mainn difference is that it only includes information relevant
+    to this particular user, and not for al the users in the system
+    as in the Network Node.
+    */
+    let thisObject = {
+        messageReceived: messageReceived,
+        initialize: initialize,
+        finalize: finalize
+    }
+
+    return thisObject
+
+    function finalize() {
+
+    }
+
+    function initialize() {
+
+    }
+}
\ No newline at end of file
diff --git a/Projects/Social-Trading/DK/modules/WebAppInterface.js b/Projects/Social-Trading/DK/modules/WebAppInterface.js
index 228b1ec80..10fb0d796 100644
--- a/Projects/Social-Trading/DK/modules/WebAppInterface.js
+++ b/Projects/Social-Trading/DK/modules/WebAppInterface.js
@@ -1,7 +1,10 @@
 exports.newSocialTradingModulesWebAppInterface = function newSocialTradingModulesWebAppInterface() {
-
+    /*
+    This module handles the incomming messages from the Web App.
+    At it's current iteration, it will jusr forward those messages
+    to the Network Node it is connected to.
+    */
     let thisObject = {
-        sendToWebApp: undefined,
         messageReceived: messageReceived,
         initialize: initialize,
         finalize: finalize
@@ -17,11 +20,8 @@ exports.newSocialTradingModulesWebAppInterface = function newSocialTradingModule
 
     }
 
-    function messageReceived(messageHeader) {
-        let response = {
-            result: 'Ok',
-            message: 'Hello !'
-        }
-        return  
+    async function messageReceived(messageHeader) {
+        let response = await DK.running.webSocketsClient.sendMessage(messageHeader)
+        return response
     }
 }
\ No newline at end of file
diff --git a/Projects/Social-Trading/DK/modules/WebSocketsInterface.js b/Projects/Social-Trading/DK/modules/WebSocketsInterface.js
index 3714e01ee..0aa2f381b 100644
--- a/Projects/Social-Trading/DK/modules/WebSocketsInterface.js
+++ b/Projects/Social-Trading/DK/modules/WebSocketsInterface.js
@@ -1,6 +1,10 @@
 exports.newDesktopModulesWebSocketsInterface = function newDesktopModulesWebSocketsInterface() {
-
+    /*
+    This module handles the websockets communication between the 
+    Desktop App's Client and the Destop App's Web App.
+    */
     let thisObject = {
+        sendToWebApp: sendToWebApp,
         initialize: initialize,
         finalize: finalize
     }
@@ -27,7 +31,6 @@ exports.newDesktopModulesWebSocketsInterface = function newDesktopModulesWebSock
     function setUpWebSocketServer() {
         try {
             socketServer.on('connection', onConnectionOpened)
-            webAppInterface.sendToWebApp = sendToWebApp
 
             function onConnectionOpened(socket)
 
@@ -73,12 +76,12 @@ exports.newDesktopModulesWebSocketsInterface = function newDesktopModulesWebSock
                 webApp = undefined
             }
 
-            function sendToWebApp(message) {
-                webApp.socket.send(JSON.stringify(message))
-            }
-
         } catch (err) {
             console.log('[ERROR] Web Sockets Interface -> setUpWebSocketServer -> err.stack = ' + err.stack)
         }
+
+        function sendToWebApp(message) {
+            webApp.socket.send(JSON.stringify(message))
+        }
     }
 }
\ No newline at end of file
diff --git a/Projects/Social-Trading/DK/modules/httpInterface.js b/Projects/Social-Trading/DK/modules/httpInterface.js
index 644886080..1959bf289 100644
--- a/Projects/Social-Trading/DK/modules/httpInterface.js
+++ b/Projects/Social-Trading/DK/modules/httpInterface.js
@@ -35,6 +35,11 @@ exports.newDesktopModulesHttpInterface = function newDesktopModulesHttpInterface
             let endpointOrFile = requestPath[1]
 
             switch (endpointOrFile) {
+                case 'Environment':
+                    {
+                        SA.projects.foundations.utilities.httpResponses.respondWithContent(JSON.stringify(global.env), httpResponse)
+                    }
+                    break
                 case 'ProjectsSchema':
                     {
                         let path = global.env.PATH_TO_PROJECTS + '/' + 'ProjectsSchema.json'

From 73134a4f45387511522bc700db8991559f5d0e24 Mon Sep 17 00:00:00 2001
From: Luis Fernando Molina <Luis-Fernando-Molina@users.noreply.github.com>
Date: Thu, 9 Sep 2021 12:16:28 +0200
Subject: [PATCH 13/20] Modules loaded at UI

---
 Desktop/DesktopApp.js                         |  7 ++++---
 Desktop/UI/WebApp.js                          | 13 ++++++++++--
 Desktop/UI/WebAppLoader.js                    | 20 +++++++++++++++++++
 .../Network/SA/Modules/WebSocketsClient.js    |  1 -
 .../Social-Trading/DK/modules/SocialGraph.js  |  1 -
 .../DK/modules/WebSocketsInterface.js         | 16 +++++++--------
 .../DK/modules/httpInterface.js               |  5 +++++
 .../UI/modules/WebSocketsClient.js            |  2 +-
 desktop.js                                    |  9 ++++++---
 9 files changed, 55 insertions(+), 19 deletions(-)

diff --git a/Desktop/DesktopApp.js b/Desktop/DesktopApp.js
index 71ac1779d..2115de147 100644
--- a/Desktop/DesktopApp.js
+++ b/Desktop/DesktopApp.js
@@ -15,7 +15,7 @@ exports.newDesktopApp = function newDesktopApp() {
         /*
         This is the Web Sockets client that interacts with the Superalgos Network.
         */
-        DK.running.socialGraph = DK.projects.socialTrading.modules.socialTrading.newSocialTradingModulesSocialGraph()
+        DK.running.socialGraph = DK.projects.socialTrading.modules.socialGraph.newSocialTradingModulesSocialGraph()
         await DK.running.socialGraph.initialize()
 
         /*
@@ -23,17 +23,18 @@ exports.newDesktopApp = function newDesktopApp() {
         */
         DK.running.webSocketsClient = SA.projects.network.modules.webSocketsClient.newNetworkModulesWebSocketsClient()
         await DK.running.webSocketsClient.initialize()
+        console.log('Desktop App Client Connected to Network Node via Web Sockets ................... Connected to port ' + global.env.NETWORK_WEB_SOCKETS_INTERFACE_PORT)
 
         /* These are the Network Interfaces by which the UI interacts with the Desktop App.*/
 
         DK.running.webSocketsInterface = DK.projects.socialTrading.modules.webSocketsInterface.newDesktopModulesWebSocketsInterface()
         DK.running.webSocketsInterface.initialize()
-        console.log('Web Sockets Interface ....................................... Listening at port ' + global.env.CLIENT_WEB_SOCKETS_INTERFACE_PORT)
+        console.log('Desktop App Client Web Sockets Interface ....................................... Listening at port ' + global.env.CLIENT_WEB_SOCKETS_INTERFACE_PORT)
 
 
         DK.running.httpInterface = DK.projects.socialTrading.modules.httpInterface.newDesktopModulesHttpInterface()
         DK.running.httpInterface.initialize()
-        console.log('Http Interface .............................................. Listening at port ' + global.env.DESKTOP_HTTP_INTERFACE_PORT)
+        console.log('Desktop App Client Http Interface .............................................. Listening at port ' + global.env.DESKTOP_HTTP_INTERFACE_PORT)
 
         return
 
diff --git a/Desktop/UI/WebApp.js b/Desktop/UI/WebApp.js
index 50e4fe172..80e92cca4 100644
--- a/Desktop/UI/WebApp.js
+++ b/Desktop/UI/WebApp.js
@@ -34,7 +34,7 @@ function newWebApp() {
             projectInstance.utilities = {}
             projectInstance.globals = {}
             projectInstance.functionLibraries = {}
-
+            projectInstance.modules = {}
 
             if (projectDefinition.UI === undefined) { continue }
 
@@ -64,6 +64,15 @@ function newWebApp() {
                     projectInstance.functionLibraries[functionLibraryDefinition.propertyName] = eval(functionLibraryDefinition.functionName + '()')
                 }
             }
+
+            /* Set up Modules of this Project */
+            if (projectDefinition.UI.modules !== undefined) {
+                for (let j = 0; j < projectDefinition.UI.modules.length; j++) {
+                    let functionLibraryDefinition = projectDefinition.UI.modules[j]
+
+                    projectInstance.modules[functionLibraryDefinition.propertyName] = eval(functionLibraryDefinition.functionName + '()')
+                }
+            }
         }
     }
 
@@ -101,7 +110,7 @@ function newWebApp() {
                 console.log(profile)
             }
         }
-    
+
         /*
         Error Handling
         */
diff --git a/Desktop/UI/WebAppLoader.js b/Desktop/UI/WebAppLoader.js
index e7d5fb02e..b86797e6d 100644
--- a/Desktop/UI/WebAppLoader.js
+++ b/Desktop/UI/WebAppLoader.js
@@ -74,6 +74,26 @@ function newWebAppLoader() {
                         urlArray.push('Projects' + '/' + project + '/' + 'UI' + '/' + 'Globals' + '/' + fileName)
                     }
 
+                    modulesArray = modulesArray.concat(urlArray)
+                    modules()
+                }
+            }
+
+            function modules() {
+                let url = 'ListModulesFiles'
+                httpRequest(undefined, url, onResponse)
+
+                function onResponse(err, fileList) {
+                    let urlArray = []
+                    let fileArray = JSON.parse(fileList)
+                    for (let i = 0; i < fileArray.length; i++) {
+                        let item = fileArray[i]
+
+                        project = item[0]
+                        fileName = item[1]
+                        urlArray.push('Projects' + '/' + project + '/' + 'UI' + '/' + 'Modules' + '/' + fileName)
+                    }
+
                     modulesArray = modulesArray.concat(urlArray)
                     downloadIncludedFiles()
                 }
diff --git a/Projects/Network/SA/Modules/WebSocketsClient.js b/Projects/Network/SA/Modules/WebSocketsClient.js
index 5c4556fc5..7385b5cd7 100644
--- a/Projects/Network/SA/Modules/WebSocketsClient.js
+++ b/Projects/Network/SA/Modules/WebSocketsClient.js
@@ -185,7 +185,6 @@ exports.newNetworkModulesWebSocketsClient = function newNetworkModulesWebSockets
                                 reject()
                                 return
                             }
-                            console.log('[INFO] Web Sockets Client -> stepTwoResponse -> response.message = ' + response.message)
                             /*
                             This was the end of the Handshake producere. We are connected to the 
                             Network Node and from now on, all response messages will be received
diff --git a/Projects/Social-Trading/DK/modules/SocialGraph.js b/Projects/Social-Trading/DK/modules/SocialGraph.js
index d451f6179..1b67a534a 100644
--- a/Projects/Social-Trading/DK/modules/SocialGraph.js
+++ b/Projects/Social-Trading/DK/modules/SocialGraph.js
@@ -8,7 +8,6 @@ exports.newSocialTradingModulesSocialGraph = function newSocialTradingModulesSoc
     as in the Network Node.
     */
     let thisObject = {
-        messageReceived: messageReceived,
         initialize: initialize,
         finalize: finalize
     }
diff --git a/Projects/Social-Trading/DK/modules/WebSocketsInterface.js b/Projects/Social-Trading/DK/modules/WebSocketsInterface.js
index 0aa2f381b..dd2cd723c 100644
--- a/Projects/Social-Trading/DK/modules/WebSocketsInterface.js
+++ b/Projects/Social-Trading/DK/modules/WebSocketsInterface.js
@@ -33,15 +33,15 @@ exports.newDesktopModulesWebSocketsInterface = function newDesktopModulesWebSock
             socketServer.on('connection', onConnectionOpened)
 
             function onConnectionOpened(socket)
-
-            if (webApp !== undefined) {
-                console.log('[ERROR] Only one websockets client allowed.')
-                return
-            }
             /*
             This function is executed every time a new Websockets connection
             is stablished.  
             */ {
+                if (webApp !== undefined) {
+                    console.log('[ERROR] Only one websockets client allowed.')
+                    return
+                }
+
                 webApp = {
                     socket: socket
                 }
@@ -79,9 +79,9 @@ exports.newDesktopModulesWebSocketsInterface = function newDesktopModulesWebSock
         } catch (err) {
             console.log('[ERROR] Web Sockets Interface -> setUpWebSocketServer -> err.stack = ' + err.stack)
         }
+    }
 
-        function sendToWebApp(message) {
-            webApp.socket.send(JSON.stringify(message))
-        }
+    function sendToWebApp(message) {
+        webApp.socket.send(JSON.stringify(message))
     }
 }
\ No newline at end of file
diff --git a/Projects/Social-Trading/DK/modules/httpInterface.js b/Projects/Social-Trading/DK/modules/httpInterface.js
index 1959bf289..c5526164e 100644
--- a/Projects/Social-Trading/DK/modules/httpInterface.js
+++ b/Projects/Social-Trading/DK/modules/httpInterface.js
@@ -61,6 +61,11 @@ exports.newDesktopModulesHttpInterface = function newDesktopModulesHttpInterface
                         SA.projects.foundations.utilities.httpResponses.respondWithProjectFolderFileList(httpResponse, 'Globals', 'UI')
                     }
                     break
+                case 'ListModulesFiles':
+                    {
+                        SA.projects.foundations.utilities.httpResponses.respondWithProjectFolderFileList(httpResponse, 'Modules', 'UI')
+                    }
+                    break
                 case 'Projects':
                     {
                         let path = ''
diff --git a/Projects/Social-Trading/UI/modules/WebSocketsClient.js b/Projects/Social-Trading/UI/modules/WebSocketsClient.js
index 40eef9917..ffa070c31 100644
--- a/Projects/Social-Trading/UI/modules/WebSocketsClient.js
+++ b/Projects/Social-Trading/UI/modules/WebSocketsClient.js
@@ -1,4 +1,4 @@
-exports.newSocialTradingModulesWebSocketsClient = function newSocialTradingModulesWebSocketsClient() {
+function newSocialTradingModulesWebSocketsClient() {
 
     let thisObject = {
         sendMessage: sendMessage,
diff --git a/desktop.js b/desktop.js
index ced762c1a..3fe46bcf2 100644
--- a/desktop.js
+++ b/desktop.js
@@ -60,7 +60,10 @@ DK.TEST_NETWORK_CLIENT_USER_PROFILE_ID = "baa2f02c-2920-4edb-a103-d452fc61d82f"
 DK.TEST_NETWORK_CLIENT_USER_PROFILE_HANDLE = "Test-Network-Client-Profile"  
 DK.TEST_NETWORK_CLIENT_USER_PROFILE_PRIVATE_KEY = "0x5fed4817a87431c8a328d0936561e63f45b6db289adac6125b9306ded644dfe9" 
 
-DK.app = require('./Desktop/DesktopApp.js').newDesktopApp()
-DK.app.run()
+run() 
 
-console.log('Superalgos Desktop is Running.')
\ No newline at end of file
+async function run() {
+    DK.app = require('./Desktop/DesktopApp.js').newDesktopApp()
+    await DK.app.run()
+    console.log('Superalgos Desktop App is Running.')
+} 

From c18e1a776d73883393dae6f77ced1457661940dd Mon Sep 17 00:00:00 2001
From: Luis Fernando Molina <Luis-Fernando-Molina@users.noreply.github.com>
Date: Thu, 9 Sep 2021 12:35:31 +0200
Subject: [PATCH 14/20] Killed App Post Loader

---
 Desktop/UI/Globals.js          | 12 +++---
 Desktop/UI/WebApp.js           |  4 +-
 Desktop/UI/WebAppLoader.js     |  7 +---
 Desktop/UI/WebAppPostLoader.js | 37 ------------------
 Desktop/UI/WebAppPreLoader.js  | 69 +++++++++++++++++++++++-----------
 desktop.js                     |  2 +-
 6 files changed, 58 insertions(+), 73 deletions(-)
 delete mode 100644 Desktop/UI/WebAppPostLoader.js

diff --git a/Desktop/UI/Globals.js b/Desktop/UI/Globals.js
index 1890f2da3..90f9af4e0 100644
--- a/Desktop/UI/Globals.js
+++ b/Desktop/UI/Globals.js
@@ -1,10 +1,8 @@
-/* Global Constatns */
 
-let webApp
-let PROJECTS_SCHEMA
-let ENVIRONMENT
-
-/* New Root object*/
+/* Root object*/
 let UI = {
-    projects: {}
+    projects: {},
+    schemas: { projectSchema: undefined },
+    environment: undefined,
+    running: {}
 }
diff --git a/Desktop/UI/WebApp.js b/Desktop/UI/WebApp.js
index 80e92cca4..eb18b803a 100644
--- a/Desktop/UI/WebApp.js
+++ b/Desktop/UI/WebApp.js
@@ -26,8 +26,8 @@ function newWebApp() {
         Here we will setup the UI object, with all the
         projects and spaces.
         */
-        for (let i = 0; i < PROJECTS_SCHEMA.length; i++) {
-            let projectDefinition = PROJECTS_SCHEMA[i]
+        for (let i = 0; i < UI.schemas.projectSchema.length; i++) {
+            let projectDefinition = UI.schemas.projectSchema[i]
             UI.projects[projectDefinition.propertyName] = {}
             let projectInstance = UI.projects[projectDefinition.propertyName]
 
diff --git a/Desktop/UI/WebAppLoader.js b/Desktop/UI/WebAppLoader.js
index b86797e6d..cfdce582f 100644
--- a/Desktop/UI/WebAppLoader.js
+++ b/Desktop/UI/WebAppLoader.js
@@ -5,15 +5,12 @@ function newWebAppLoader() {
         loadModules: loadModules
     }
 
-    let postLoader
     return thisObject
 
     async function loadModules() {
         try {
             let modulesArray = [
                 'WebDebugLog.js',
-                'WebAppPostLoader.js',
-                'Globals.js',
                 'WebApp.js'
             ]
 
@@ -115,8 +112,8 @@ function newWebAppLoader() {
 
                             if (downloadedCounter === modulesArray.length) {
                                 setTimeout(() => {
-                                    postLoader = newWebAppPostLoader()
-                                    postLoader.start()
+                                    UI.running.webApp = newWebApp()
+                                    UI.running.webApp.initialize()
                                 }, 500)
 
                             }
diff --git a/Desktop/UI/WebAppPostLoader.js b/Desktop/UI/WebAppPostLoader.js
deleted file mode 100644
index a5f110bf6..000000000
--- a/Desktop/UI/WebAppPostLoader.js
+++ /dev/null
@@ -1,37 +0,0 @@
-
-
-function newWebAppPostLoader() {
-
-    let thisObject = {
-        start: start
-    }
-    return thisObject
-
-    function start() {
-        try {
-
-            setupEnvironment()
-
-            function setupEnvironment() {
-                httpRequest(undefined, 'Environment', onResponse)
-
-                function onResponse(err, file) {
-                    ENVIRONMENT = JSON.parse(file)
-                    setupProjectsSchema()
-                }
-            }
-
-            function setupProjectsSchema() {
-                httpRequest(undefined, 'ProjectsSchema', onResponse)
-
-                function onResponse(err, file) {
-                    PROJECTS_SCHEMA = JSON.parse(file)
-                    webApp = newWebApp()
-                    webApp.initialize()
-                }
-            }
-        } catch (err) {
-            console.log('[ERROR] err.stack = ' + err.stack)
-        }
-    }
-}
diff --git a/Desktop/UI/WebAppPreLoader.js b/Desktop/UI/WebAppPreLoader.js
index 12e5fa54f..b3ea115ed 100644
--- a/Desktop/UI/WebAppPreLoader.js
+++ b/Desktop/UI/WebAppPreLoader.js
@@ -2,28 +2,36 @@
 function loadSuperalgos() {
 
     let browser = checkBrowserVersion()
-    if ((browser.name !== "Chrome" && browser.name!=="Safari") || (browser.name === "Chrome" && parseInt(browser.version) < 85) || (browser.name === "Safari" && parseInt(browser.version) < 13)) {
+    if ((browser.name !== "Chrome" && browser.name !== "Safari") || (browser.name === "Chrome" && parseInt(browser.version) < 85) || (browser.name === "Safari" && parseInt(browser.version) < 13)) {
         alert("Superalgos is officially supported on Google Chrome 85 or Safari 13.1 and above. Your browser version has been detected as potentially beneath this. If you continue you may experience some functionaility issues.\n\nDetected Browser: " + browser.name + "\nVersion: " + browser.version)
     }
 
-    loadModules()
+    loadGlobals()
 
-    function checkBrowserVersion () {
+    function loadGlobals() {
+        let path = "Globals.js"
+        REQUIREJS([path], onRequired)
 
-        let ua=navigator.userAgent,tem,M=ua.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || []
-        if(/trident/i.test(M[1])){
-            tem=/\brv[ :]+(\d+)/g.exec(ua) || []
-            return {name:'IE',version:(tem[1]||'')}
+        function onRequired(pModule) {
+            setupEnvironment()
         }
-        if(M[1]==='Chrome'){
-            tem=ua.match(/\bOPR|Edge\/(\d+)/)
-            if(tem!=null)   {return {name:'Opera', version:tem[1]}}
+    }
+
+    function setupEnvironment() {
+        httpRequest(undefined, 'Environment', onResponse)
+
+        function onResponse(err, file) {
+            UI.environment = JSON.parse(file)
+            setupProjectsSchema()
         }
-        M=M[2]? [M[1], M[2]]: [navigator.appName, navigator.appVersion, '-?']
-        if((tem=ua.match(/version\/(\d+)/i))!=null) {M.splice(1,1,tem[1])}
-        return {
-            name: M[0],
-            version: M[1]
+    }
+
+    function setupProjectsSchema() {
+        httpRequest(undefined, 'ProjectsSchema', onResponse)
+
+        function onResponse(err, file) {
+            UI.schemas.projectSchema = JSON.parse(file)
+            loadModules()
         }
     }
 
@@ -44,12 +52,12 @@ function httpRequest(pContentToSend, pPath, callBackFunction) {
         if (this.readyState === 4 && this.status === 200) {
             try {
                 callBackFunction(undefined, xmlHttpRequest.responseText)
-            } catch(err) {
-                console.log('[ERROR] httpRequest -> httpRequest -> err.stack = '+ err.stack)
-                console.log('[ERROR] httpRequest -> httpRequest -> pContentToSend = '+ pContentToSend)
-                console.log('[ERROR] httpRequest -> httpRequest -> pPath = '+ pPath)
-                console.log('[ERROR] httpRequest -> httpRequest -> xmlHttpRequest.responseText = '+ xmlHttpRequest.responseText)
-                console.log('[ERROR] httpRequest -> httpRequest -> callBackFunction = '+ callBackFunction)
+            } catch (err) {
+                console.log('[ERROR] httpRequest -> httpRequest -> err.stack = ' + err.stack)
+                console.log('[ERROR] httpRequest -> httpRequest -> pContentToSend = ' + pContentToSend)
+                console.log('[ERROR] httpRequest -> httpRequest -> pPath = ' + pPath)
+                console.log('[ERROR] httpRequest -> httpRequest -> xmlHttpRequest.responseText = ' + xmlHttpRequest.responseText)
+                console.log('[ERROR] httpRequest -> httpRequest -> callBackFunction = ' + callBackFunction)
 
             }
             return
@@ -73,3 +81,22 @@ function httpRequest(pContentToSend, pPath, callBackFunction) {
         }
     }
 }
+
+function checkBrowserVersion() {
+
+    let ua = navigator.userAgent, tem, M = ua.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || []
+    if (/trident/i.test(M[1])) {
+        tem = /\brv[ :]+(\d+)/g.exec(ua) || []
+        return { name: 'IE', version: (tem[1] || '') }
+    }
+    if (M[1] === 'Chrome') {
+        tem = ua.match(/\bOPR|Edge\/(\d+)/)
+        if (tem != null) { return { name: 'Opera', version: tem[1] } }
+    }
+    M = M[2] ? [M[1], M[2]] : [navigator.appName, navigator.appVersion, '-?']
+    if ((tem = ua.match(/version\/(\d+)/i)) != null) { M.splice(1, 1, tem[1]) }
+    return {
+        name: M[0],
+        version: M[1]
+    }
+}
diff --git a/desktop.js b/desktop.js
index 3fe46bcf2..67f933c20 100644
--- a/desktop.js
+++ b/desktop.js
@@ -65,5 +65,5 @@ run()
 async function run() {
     DK.app = require('./Desktop/DesktopApp.js').newDesktopApp()
     await DK.app.run()
-    console.log('Superalgos Desktop App is Running.')
+    console.log('Superalgos Desktop App is Running!')
 } 

From 7b3aa8da85b3e31ef14aadc124aa9db61f1b14bc Mon Sep 17 00:00:00 2001
From: Luis Fernando Molina <Luis-Fernando-Molina@users.noreply.github.com>
Date: Thu, 9 Sep 2021 13:03:46 +0200
Subject: [PATCH 15/20] Improving App Loader

---
 Desktop/UI/WebAppLoader.js                    | 107 +++++-------------
 .../ReferenceAttachDetach.js                  |   2 +-
 Projects/ProjectsSchema.json                  |  11 +-
 3 files changed, 35 insertions(+), 85 deletions(-)

diff --git a/Desktop/UI/WebAppLoader.js b/Desktop/UI/WebAppLoader.js
index cfdce582f..97b732c94 100644
--- a/Desktop/UI/WebAppLoader.js
+++ b/Desktop/UI/WebAppLoader.js
@@ -14,87 +14,42 @@ function newWebAppLoader() {
                 'WebApp.js'
             ]
 
-            functionLibraries()
+            for (let i = 0; i < UI.schemas.projectSchema.length; i++) {
+                let project = UI.schemas.projectSchema[i]
 
-            function functionLibraries() {
-                let url = 'ListFunctionLibraries'
-                httpRequest(undefined, url, onResponse)
-
-                function onResponse(err, fileList) {
-                    let urlArray = []
-                    let fileArray = JSON.parse(fileList)
-                    for (let i = 0; i < fileArray.length; i++) {
-                        let item = fileArray[i]
-
-                        project = item[0]
-                        fileName = item[1]
-                        urlArray.push('Projects' + '/' + project + '/' + 'UI' + '/' + 'Function-Libraries' + '/' + fileName)
+                if (project.UI !== undefined) {
+                    if (project.UI.functionLibraries !== undefined) {
+                        for (let j = 0; j < project.UI.functionLibraries.length; j++) {
+                            let fileName = project.UI.functionLibraries[j].fileName   
+                            if (fileName === undefined) {fileName = project.UI.functionLibraries[j].name.replaceAll(' ', '') + '.js'}                     
+                            modulesArray.push('Projects' + '/' + project.name + '/' + 'UI' + '/' + 'Function-Libraries' + '/' + fileName)
+                        }
+                    }
+                    if (project.UI.utilities !== undefined) {
+                        for (let j = 0; j < project.UI.utilities.length; j++) {
+                            let fileName = project.UI.utilities[j].fileName        
+                            if (fileName === undefined) {fileName = project.UI.utilities[j].name.replaceAll(' ', '') + '.js'}                                     
+                            modulesArray.push('Projects' + '/' + project.name + '/' + 'UI' + '/' + 'Utilities' + '/' + fileName)
+                        }
+                    }
+                    if (project.UI.globals !== undefined) {
+                        for (let j = 0; j < project.UI.globals.length; j++) {
+                            let fileName = project.UI.globals[j].fileName  
+                            if (fileName === undefined) {fileName = project.UI.globals[j].name.replaceAll(' ', '') + '.js'}                                                           
+                            modulesArray.push('Projects' + '/' + project.name + '/' + 'UI' + '/' + 'Globals' + '/' + fileName)
+                        }  
+                    }
+                    if (project.UI.modules !== undefined) {
+                        for (let j = 0; j < project.UI.modules.length; j++) {
+                            let fileName = project.UI.modules[j].fileName   
+                            if (fileName === undefined) {fileName = project.UI.modules[j].name.replaceAll(' ', '') + '.js'}                                                                                
+                            modulesArray.push('Projects' + '/' + project.name + '/' + 'UI' + '/' + 'Modules' + '/' + fileName)
+                        }
                     }
-
-                    modulesArray = modulesArray.concat(urlArray)
-                    utilities()
                 }
             }
 
-            function utilities() {
-                let url = 'ListUtilitiesFiles'
-                httpRequest(undefined, url, onResponse)
-
-                function onResponse(err, fileList) {
-                    let urlArray = []
-                    let fileArray = JSON.parse(fileList)
-                    for (let i = 0; i < fileArray.length; i++) {
-                        let item = fileArray[i]
-
-                        project = item[0]
-                        fileName = item[1]
-                        urlArray.push('Projects' + '/' + project + '/' + 'UI' + '/' + 'Utilities' + '/' + fileName)
-                    }
-
-                    modulesArray = modulesArray.concat(urlArray)
-                    globals()
-                }
-            }
-
-            function globals() {
-                let url = 'ListGlobalFiles'
-                httpRequest(undefined, url, onResponse)
-
-                function onResponse(err, fileList) {
-                    let urlArray = []
-                    let fileArray = JSON.parse(fileList)
-                    for (let i = 0; i < fileArray.length; i++) {
-                        let item = fileArray[i]
-
-                        project = item[0]
-                        fileName = item[1]
-                        urlArray.push('Projects' + '/' + project + '/' + 'UI' + '/' + 'Globals' + '/' + fileName)
-                    }
-
-                    modulesArray = modulesArray.concat(urlArray)
-                    modules()
-                }
-            }
-
-            function modules() {
-                let url = 'ListModulesFiles'
-                httpRequest(undefined, url, onResponse)
-
-                function onResponse(err, fileList) {
-                    let urlArray = []
-                    let fileArray = JSON.parse(fileList)
-                    for (let i = 0; i < fileArray.length; i++) {
-                        let item = fileArray[i]
-
-                        project = item[0]
-                        fileName = item[1]
-                        urlArray.push('Projects' + '/' + project + '/' + 'UI' + '/' + 'Modules' + '/' + fileName)
-                    }
-
-                    modulesArray = modulesArray.concat(urlArray)
-                    downloadIncludedFiles()
-                }
-            }
+            downloadIncludedFiles()
 
             function downloadIncludedFiles() {
 
diff --git a/Projects/Foundations/UI/Function-Libraries/ReferenceAttachDetach.js b/Projects/Foundations/UI/Function-Libraries/ReferenceAttachDetach.js
index fd6338f3b..0e82a6356 100644
--- a/Projects/Foundations/UI/Function-Libraries/ReferenceAttachDetach.js
+++ b/Projects/Foundations/UI/Function-Libraries/ReferenceAttachDetach.js
@@ -1,5 +1,5 @@
 // These function are used across the system to establish and remove references between nodes
-function newFoundationsFunctionLibraryAttachDetach() {
+function newFoundationsFunctionLibraryReferenceAttachDetach() {
     let thisObject = {
         referenceDetachNode: referenceDetachNode,
         referenceAttachNode: referenceAttachNode
diff --git a/Projects/ProjectsSchema.json b/Projects/ProjectsSchema.json
index 6705b6a81..e03e7b334 100644
--- a/Projects/ProjectsSchema.json
+++ b/Projects/ProjectsSchema.json
@@ -12,9 +12,9 @@
             ],
             "functionLibraries": [
                 {
-                    "name": "Attach Detach",
+                    "name": "Reference Attach Detach",
                     "propertyName": "attachDetach",
-                    "functionName": "newFoundationsFunctionLibraryAttachDetach"
+                    "functionName": "newFoundationsFunctionLibraryReferenceAttachDetach"
                 },
                 {
                     "name": "Chain Attach Detach",
@@ -51,11 +51,6 @@
                     "propertyName": "onFocus",
                     "functionName": "newFoundationsFunctionLibraryOnFocus"
                 },
-                {
-                    "name": "Super Scripts Functions",
-                    "propertyName": "superScriptsFunctions",
-                    "functionName": "newFoundationsFunctionLibrarySuperScriptsFunctions"
-                },
                 {
                     "name": "Webhook Functions",
                     "propertyName": "webhookFunctions",
@@ -184,7 +179,7 @@
                     "functionName": "newFoundationsUtilitiesMeshes"
                 },
                 {
-                    "name": "Children",
+                    "name": "Node Children",
                     "propertyName": "children",
                     "functionName": "newFoundationsUtilitiesNodeChildren"
                 },

From 9c1baaf3067cf73d566708a7b0d6a04d48a34e8b Mon Sep 17 00:00:00 2001
From: Luis Fernando Molina <Luis-Fernando-Molina@users.noreply.github.com>
Date: Thu, 9 Sep 2021 13:04:51 +0200
Subject: [PATCH 16/20] .children. to .nodeChildren. refactoring

---
 .../ChartingSpaceFunctions.js                 |  8 ++---
 .../CryptoEcosystemFunctions.js               | 30 +++++++++----------
 .../DataStorageFunctions.js                   | 10 +++----
 .../UI/Function-Libraries/PluginsFunctions.js |  8 ++---
 .../UI/Function-Libraries/TaskFunctions.js    |  8 ++---
 .../UI/Spaces/Charting-Space/TimeMachine.js   |  4 +--
 Projects/Foundations/UI/Utilities/Plugins.js  |  2 +-
 .../UI/Function-Libraries/ClaimsProgram.js    |  4 +--
 .../UI/Function-Libraries/VotingProgram.js    |  4 +--
 Projects/ProjectsSchema.json                  |  2 +-
 10 files changed, 40 insertions(+), 40 deletions(-)

diff --git a/Projects/Foundations/UI/Function-Libraries/ChartingSpaceFunctions.js b/Projects/Foundations/UI/Function-Libraries/ChartingSpaceFunctions.js
index ea882f97e..719ca6569 100644
--- a/Projects/Foundations/UI/Function-Libraries/ChartingSpaceFunctions.js
+++ b/Projects/Foundations/UI/Function-Libraries/ChartingSpaceFunctions.js
@@ -129,7 +129,7 @@ function newFoundationsFunctionLibraryChartingSpaceFunctions() {
                     if (environment.id !== node.payload.referenceParent.id) { continue }
                     let market = UI.projects.foundations.utilities.meshes.findNodeInNodeMesh(session, 'Market Trading Tasks', undefined, true, false, true, false)
                     if (market.payload.referenceParent === undefined) { continue }
-                    if (UI.projects.foundations.utilities.children.isMissingChildrenById(node, session, true) === true) {
+                    if (UI.projects.foundations.utilities.nodeChildren.isMissingChildrenById(node, session, true) === true) {
                         createTimeMachine(node, session, market.payload.referenceParent, networkNode, rootNodes)
                     }
                 }
@@ -320,13 +320,13 @@ function newFoundationsFunctionLibraryChartingSpaceFunctions() {
                 let testingTradingTasks = UI.projects.foundations.utilities.branches.findInBranch(networkNode, 'Testing Trading Tasks', node, true)
                 let productionTradingTasks = UI.projects.foundations.utilities.branches.findInBranch(networkNode, 'Production Trading Tasks', node, true)
 
-                if (UI.projects.foundations.utilities.children.isMissingChildrenById(node, testingTradingTasks, true) === true) {
+                if (UI.projects.foundations.utilities.nodeChildren.isMissingChildrenById(node, testingTradingTasks, true) === true) {
                     let dashboard = UI.projects.foundations.functionLibraries.uiObjectsFromNodes.addUIObject(node, 'Dashboard')
                     UI.projects.foundations.functionLibraries.attachDetach.referenceAttachNode(dashboard, testingTradingTasks)
                     dashboard.name = testingTradingTasks.type + ' ' + networkNode.name
                 }
 
-                if (UI.projects.foundations.utilities.children.isMissingChildrenById(node, productionTradingTasks, true) === true) {
+                if (UI.projects.foundations.utilities.nodeChildren.isMissingChildrenById(node, productionTradingTasks, true) === true) {
                     let dashboard = UI.projects.foundations.functionLibraries.uiObjectsFromNodes.addUIObject(node, 'Dashboard')
                     UI.projects.foundations.functionLibraries.attachDetach.referenceAttachNode(dashboard, productionTradingTasks)
                     dashboard.name = productionTradingTasks.type + ' ' + networkNode.name
@@ -345,7 +345,7 @@ function newFoundationsFunctionLibraryChartingSpaceFunctions() {
                 if (rootNode.type === project + ' Project') {
                     let projectDefinition = rootNode.projectDefinition
                     if (projectDefinition !== undefined) {
-                        if (UI.projects.foundations.utilities.children.isMissingChildrenById(node, projectDefinition, true) === true) {
+                        if (UI.projects.foundations.utilities.nodeChildren.isMissingChildrenById(node, projectDefinition, true) === true) {
                             let projectTasks = UI.projects.foundations.functionLibraries.uiObjectsFromNodes.addUIObject(node, 'Project Dashboards', undefined, project)
                             UI.projects.foundations.functionLibraries.attachDetach.referenceAttachNode(projectTasks, projectDefinition)
                         }
diff --git a/Projects/Foundations/UI/Function-Libraries/CryptoEcosystemFunctions.js b/Projects/Foundations/UI/Function-Libraries/CryptoEcosystemFunctions.js
index 209017880..a1d60b35d 100644
--- a/Projects/Foundations/UI/Function-Libraries/CryptoEcosystemFunctions.js
+++ b/Projects/Foundations/UI/Function-Libraries/CryptoEcosystemFunctions.js
@@ -290,9 +290,9 @@ function newFoundationsFunctionLibraryCryptoEcosystemFunctions() {
                         }
 
                         function installTheRestOfTheBranch(projectDataTasks) {
-                            let exchangeDataTasks = UI.projects.foundations.utilities.children.findOrCreateChildWithReference(projectDataTasks, 'Exchange Data Tasks', cryptoExchange)
+                            let exchangeDataTasks = UI.projects.foundations.utilities.nodeChildren.findOrCreateChildWithReference(projectDataTasks, 'Exchange Data Tasks', cryptoExchange)
                             exchangeDataTasks.payload.floatingObject.angleToParent = ANGLE_TO_PARENT.RANGE_180
-                            let marketDataTask = UI.projects.foundations.utilities.children.findAndRecreateChildWithReference(exchangeDataTasks, 'Market Data Tasks', market, rootNodes)
+                            let marketDataTask = UI.projects.foundations.utilities.nodeChildren.findAndRecreateChildWithReference(exchangeDataTasks, 'Market Data Tasks', market, rootNodes)
 
                             UI.projects.foundations.utilities.menu.menuClick(marketDataTask, 'Add Missing Data Mine Tasks', true)
                             UI.projects.foundations.utilities.menu.menuClickOfNodeArray(marketDataTask.dataMineTasks, 'Add All Tasks', true)
@@ -323,9 +323,9 @@ function newFoundationsFunctionLibraryCryptoEcosystemFunctions() {
                         }
 
                         function installTheRestOfTheBranch(projectLearningTasks) {
-                            let exchangeLearningTasks = UI.projects.foundations.utilities.children.findOrCreateChildWithReference(projectLearningTasks, 'Exchange Learning Tasks', cryptoExchange)
+                            let exchangeLearningTasks = UI.projects.foundations.utilities.nodeChildren.findOrCreateChildWithReference(projectLearningTasks, 'Exchange Learning Tasks', cryptoExchange)
                             exchangeLearningTasks.payload.floatingObject.angleToParent = ANGLE_TO_PARENT.RANGE_180
-                            let marketLearningTask = UI.projects.foundations.utilities.children.findAndRecreateChildWithReference(exchangeLearningTasks, 'Market Learning Tasks', market, rootNodes)
+                            let marketLearningTask = UI.projects.foundations.utilities.nodeChildren.findAndRecreateChildWithReference(exchangeLearningTasks, 'Market Learning Tasks', market, rootNodes)
 
                             UI.projects.foundations.utilities.menu.menuClick(marketLearningTask, 'Add Missing Learning Mine Tasks', true)
                             UI.projects.foundations.utilities.menu.menuClickOfNodeArray(marketLearningTask.learningMineTasks, 'Add All Tasks', true)
@@ -377,9 +377,9 @@ function newFoundationsFunctionLibraryCryptoEcosystemFunctions() {
                             }
 
                             function installTheRestOfTheBranch(projectTradingTasks) {
-                                let exchangeTradingTasks = UI.projects.foundations.utilities.children.findOrCreateChildWithReference(projectTradingTasks, 'Exchange Trading Tasks', cryptoExchange)
+                                let exchangeTradingTasks = UI.projects.foundations.utilities.nodeChildren.findOrCreateChildWithReference(projectTradingTasks, 'Exchange Trading Tasks', cryptoExchange)
                                 exchangeTradingTasks.payload.floatingObject.angleToParent = ANGLE_TO_PARENT.RANGE_180
-                                let marketTradingTask = UI.projects.foundations.utilities.children.findAndRecreateChildWithReference(exchangeTradingTasks, 'Market Trading Tasks', market, rootNodes)
+                                let marketTradingTask = UI.projects.foundations.utilities.nodeChildren.findAndRecreateChildWithReference(exchangeTradingTasks, 'Market Trading Tasks', market, rootNodes)
 
                                 UI.projects.foundations.utilities.menu.menuClick(marketTradingTask, 'Add Missing Trading Mine Tasks', true)
                                 UI.projects.foundations.utilities.menu.menuClickOfNodeArray(marketTradingTask.tradingMineTasks, 'Add All Tasks', true)
@@ -429,9 +429,9 @@ function newFoundationsFunctionLibraryCryptoEcosystemFunctions() {
                         }
 
                         function installTheRestOfTheBranch(projectDataProducts) {
-                            let exchangeDataProducts = UI.projects.foundations.utilities.children.findOrCreateChildWithReference(projectDataProducts, 'Exchange Data Products', cryptoExchange)
+                            let exchangeDataProducts = UI.projects.foundations.utilities.nodeChildren.findOrCreateChildWithReference(projectDataProducts, 'Exchange Data Products', cryptoExchange)
                             exchangeDataProducts.payload.floatingObject.angleToParent = ANGLE_TO_PARENT.RANGE_180
-                            let marketDataProducts = UI.projects.foundations.utilities.children.findAndRecreateChildWithReference(exchangeDataProducts, 'Market Data Products', market, rootNodes)
+                            let marketDataProducts = UI.projects.foundations.utilities.nodeChildren.findAndRecreateChildWithReference(exchangeDataProducts, 'Market Data Products', market, rootNodes)
                             marketDataProducts.payload.floatingObject.collapseToggle()
 
                             UI.projects.foundations.utilities.menu.menuClick(marketDataProducts, 'Add All Data Mine Products', true)
@@ -469,16 +469,16 @@ function newFoundationsFunctionLibraryCryptoEcosystemFunctions() {
 
                         function installTheRestOfTheBranch(projectLearningProducts) {
 
-                            let exchangeLearningProducts = UI.projects.foundations.utilities.children.findOrCreateChildWithReference(projectLearningProducts, 'Exchange Learning Products', cryptoExchange)
+                            let exchangeLearningProducts = UI.projects.foundations.utilities.nodeChildren.findOrCreateChildWithReference(projectLearningProducts, 'Exchange Learning Products', cryptoExchange)
                             exchangeLearningProducts.payload.floatingObject.angleToParent = ANGLE_TO_PARENT.RANGE_180
-                            let marketLearningProducts = UI.projects.foundations.utilities.children.findAndRecreateChildWithReference(exchangeLearningProducts, 'Market Learning Products', market, rootNodes)
+                            let marketLearningProducts = UI.projects.foundations.utilities.nodeChildren.findAndRecreateChildWithReference(exchangeLearningProducts, 'Market Learning Products', market, rootNodes)
                             marketLearningProducts.payload.floatingObject.collapseToggle()
                             /*
                             Create the new session references.
                             */
                             for (let i = 0; i < learningSessionsCreatedArray.length; i++) {
                                 let session = learningSessionsCreatedArray[i]
-                                if (UI.projects.foundations.utilities.children.isMissingChildrenById(marketLearningProducts, session, true) === true) {
+                                if (UI.projects.foundations.utilities.nodeChildren.isMissingChildrenById(marketLearningProducts, session, true) === true) {
                                     UI.projects.foundations.functionLibraries.dataStorageFunctions.createSessionReference(marketLearningProducts, session, 'Learning Session Reference')
                                 }
                             }
@@ -524,16 +524,16 @@ function newFoundationsFunctionLibraryCryptoEcosystemFunctions() {
 
                         function installTheRestOfTheBranch(projectTradingProducts) {
 
-                            let exchangeTradingProducts = UI.projects.foundations.utilities.children.findOrCreateChildWithReference(projectTradingProducts, 'Exchange Trading Products', cryptoExchange)
+                            let exchangeTradingProducts = UI.projects.foundations.utilities.nodeChildren.findOrCreateChildWithReference(projectTradingProducts, 'Exchange Trading Products', cryptoExchange)
                             exchangeTradingProducts.payload.floatingObject.angleToParent = ANGLE_TO_PARENT.RANGE_180
-                            let marketTradingProducts = UI.projects.foundations.utilities.children.findAndRecreateChildWithReference(exchangeTradingProducts, 'Market Trading Products', market, rootNodes)
+                            let marketTradingProducts = UI.projects.foundations.utilities.nodeChildren.findAndRecreateChildWithReference(exchangeTradingProducts, 'Market Trading Products', market, rootNodes)
                             marketTradingProducts.payload.floatingObject.collapseToggle()
                             /*
                             Create the new session references.
                             */
                             for (let i = 0; i < tradingSessionsCreatedArray.length; i++) {
                                 let session = tradingSessionsCreatedArray[i]
-                                if (UI.projects.foundations.utilities.children.isMissingChildrenById(marketTradingProducts, session, true) === true) {
+                                if (UI.projects.foundations.utilities.nodeChildren.isMissingChildrenById(marketTradingProducts, session, true) === true) {
                                     UI.projects.foundations.functionLibraries.dataStorageFunctions.createSessionReference(marketTradingProducts, session, 'Trading Session Reference')
                                 }
                             }
@@ -574,7 +574,7 @@ function newFoundationsFunctionLibraryCryptoEcosystemFunctions() {
                         If the Dashboard we need is not already there we create a new one. 
                         */
                         let arrayItem = dashboardsArray[i]
-                        let dashboard = UI.projects.foundations.utilities.children.findOrCreateChildWithReference(projectDashboards, 'Dashboard', arrayItem.environmentNode)
+                        let dashboard = UI.projects.foundations.utilities.nodeChildren.findOrCreateChildWithReference(projectDashboards, 'Dashboard', arrayItem.environmentNode)
                         dashboard.name = arrayItem.environmentNode.type + ' ' + arrayItem.networkNode.name
                         /*
                         We delete all the existing Time Machines related to the market we are currently installing. 
diff --git a/Projects/Foundations/UI/Function-Libraries/DataStorageFunctions.js b/Projects/Foundations/UI/Function-Libraries/DataStorageFunctions.js
index a7462281e..394789321 100644
--- a/Projects/Foundations/UI/Function-Libraries/DataStorageFunctions.js
+++ b/Projects/Foundations/UI/Function-Libraries/DataStorageFunctions.js
@@ -123,7 +123,7 @@ function newFoundationsFunctionLibraryDataStorageFunctions() {
                 /* We will filter out all the sessions that does not belong to the market we are in */
                 let marketTradingTasks = UI.projects.foundations.utilities.meshes.findNodeInNodeMesh(session, 'Market Trading Tasks', undefined, true, false, true, false)
                 if (node.payload.referenceParent.id !== marketTradingTasks.payload.referenceParent.id) { continue }
-                if (UI.projects.foundations.utilities.children.isMissingChildrenById(node, session, true) === true) {
+                if (UI.projects.foundations.utilities.nodeChildren.isMissingChildrenById(node, session, true) === true) {
                     createSessionReference(node, session, 'Trading Session Reference')
                 }
             }
@@ -146,7 +146,7 @@ function newFoundationsFunctionLibraryDataStorageFunctions() {
                 /* We will filter out all the sessions that does not belong to the market we are in */
                 let marketLearningTasks = UI.projects.foundations.utilities.meshes.findNodeInNodeMesh(session, 'Market Learning Tasks', undefined, true, false, true, false)
                 if (node.payload.referenceParent.id !== marketLearningTasks.payload.referenceParent.id) { continue }
-                if (UI.projects.foundations.utilities.children.isMissingChildrenById(node, session, true) === true) {
+                if (UI.projects.foundations.utilities.nodeChildren.isMissingChildrenById(node, session, true) === true) {
                     createSessionReference(node, session, 'Learning Session Reference')
                 }
             }
@@ -177,7 +177,7 @@ function newFoundationsFunctionLibraryDataStorageFunctions() {
 
         for (let i = 0; i < marketsArray.length; i++) {
             let market = marketsArray[i]
-            if (UI.projects.foundations.utilities.children.isMissingChildrenById(node, market, true) === true) {
+            if (UI.projects.foundations.utilities.nodeChildren.isMissingChildrenById(node, market, true) === true) {
                 let marketDataProducts = UI.projects.foundations.functionLibraries.uiObjectsFromNodes.addUIObject(node, newNodeType)
                 UI.projects.foundations.functionLibraries.attachDetach.referenceAttachNode(marketDataProducts, market)
             }
@@ -205,7 +205,7 @@ function newFoundationsFunctionLibraryDataStorageFunctions() {
                     let cryptoExchanges = cryptoEcosystem.cryptoExchanges[j]
                     for (let k = 0; k < cryptoExchanges.exchanges.length; k++) {
                         let cryptoExchange = cryptoExchanges.exchanges[k]
-                        if (UI.projects.foundations.utilities.children.isMissingChildrenById(node, cryptoExchange, true) === true) {
+                        if (UI.projects.foundations.utilities.nodeChildren.isMissingChildrenById(node, cryptoExchange, true) === true) {
                             let exchange = UI.projects.foundations.functionLibraries.uiObjectsFromNodes.addUIObject(node, newNodeType)
                             UI.projects.foundations.functionLibraries.attachDetach.referenceAttachNode(exchange, cryptoExchange)
                         }
@@ -238,7 +238,7 @@ function newFoundationsFunctionLibraryDataStorageFunctions() {
                 if (rootNode.type === project + ' Project') {
                     let projectDefinition = rootNode.projectDefinition
                     if (projectDefinition !== undefined) {
-                        if (UI.projects.foundations.utilities.children.isMissingChildrenById(node, projectDefinition, true) === true) {
+                        if (UI.projects.foundations.utilities.nodeChildren.isMissingChildrenById(node, projectDefinition, true) === true) {
                             let projectTasks = UI.projects.foundations.functionLibraries.uiObjectsFromNodes.addUIObject(node, newNodeType, undefined, project)
                             UI.projects.foundations.functionLibraries.attachDetach.referenceAttachNode(projectTasks, projectDefinition)
                         }
diff --git a/Projects/Foundations/UI/Function-Libraries/PluginsFunctions.js b/Projects/Foundations/UI/Function-Libraries/PluginsFunctions.js
index 6ea796a76..7e4db38a0 100644
--- a/Projects/Foundations/UI/Function-Libraries/PluginsFunctions.js
+++ b/Projects/Foundations/UI/Function-Libraries/PluginsFunctions.js
@@ -22,7 +22,7 @@ function newFoundationsFunctionLibraryPluginsFunctions() {
         for (let k = 0; k < PROJECTS_SCHEMA.length; k++) {
             let projectDefinition = PROJECTS_SCHEMA[k]
             let project = projectDefinition.name
-            if (UI.projects.foundations.utilities.children.isMissingChildrenByName(node, project) === true) {
+            if (UI.projects.foundations.utilities.nodeChildren.isMissingChildrenByName(node, project) === true) {
                 let child = UI.projects.foundations.functionLibraries.uiObjectsFromNodes.addUIObject(node, 'Plugin Project')
                 child.name = project
                 let config = JSON.parse(child.config)
@@ -42,7 +42,7 @@ function newFoundationsFunctionLibraryPluginsFunctions() {
             for (let i = 0; i < projectDefinition.plugins.length; i++) {
                 let pluginType = "Plugin" + " " + projectDefinition.plugins[i]
 
-                if (UI.projects.foundations.utilities.children.isMissingChildrenByType(node, pluginType) === true) {
+                if (UI.projects.foundations.utilities.nodeChildren.isMissingChildrenByType(node, pluginType) === true) {
                     UI.projects.foundations.functionLibraries.uiObjectsFromNodes.addUIObject(node, pluginType, undefined, project)
                 }
             }
@@ -209,10 +209,10 @@ function newFoundationsFunctionLibraryPluginsFunctions() {
 
     function installAsPlugin(node, rootNodes) {
         let plugins = UI.projects.foundations.spaces.designSpace.workspace.getHierarchyHeadByNodeType('Plugins')
-        let pluginProject = UI.projects.foundations.utilities.children.findChildByCodeName(plugins, node.project)
+        let pluginProject = UI.projects.foundations.utilities.nodeChildren.findChildByCodeName(plugins, node.project)
         let pluginFolderName = UI.projects.foundations.utilities.plugins.getPluginFolderNamesByNodeType(node.type)
         let pluginForlderNodeType = 'Plugin ' + pluginFolderName.replaceAll('-', ' ')
-        let pluginFolderNode = UI.projects.foundations.utilities.children.findChildByType(pluginProject, pluginForlderNodeType)
+        let pluginFolderNode = UI.projects.foundations.utilities.nodeChildren.findChildByType(pluginProject, pluginForlderNodeType)
         let pluginFile = UI.projects.foundations.utilities.plugins.addMissingPluginFile(pluginFolderNode, node.name, pluginFolderName, node.type, true)
         node.isPlugin = true
 
diff --git a/Projects/Foundations/UI/Function-Libraries/TaskFunctions.js b/Projects/Foundations/UI/Function-Libraries/TaskFunctions.js
index f48704df1..e1198c7da 100644
--- a/Projects/Foundations/UI/Function-Libraries/TaskFunctions.js
+++ b/Projects/Foundations/UI/Function-Libraries/TaskFunctions.js
@@ -609,7 +609,7 @@ function newFoundationsFunctionLibraryTaskFunctions() {
                 if (rootNode.type === project + ' Project') {
                     let projectDefinition = rootNode.projectDefinition
                     if (projectDefinition !== undefined) {
-                        if (UI.projects.foundations.utilities.children.isMissingChildrenById(node, projectDefinition, true) === true) {
+                        if (UI.projects.foundations.utilities.nodeChildren.isMissingChildrenById(node, projectDefinition, true) === true) {
                             let projectTasks = UI.projects.foundations.functionLibraries.uiObjectsFromNodes.addUIObject(node, newNodeType, undefined, project)
                             UI.projects.foundations.functionLibraries.attachDetach.referenceAttachNode(projectTasks, projectDefinition)
                         }
@@ -640,7 +640,7 @@ function newFoundationsFunctionLibraryTaskFunctions() {
                     let cryptoExchanges = cryptoEcosystem.cryptoExchanges[j]
                     for (let k = 0; k < cryptoExchanges.exchanges.length; k++) {
                         let cryptoExchange = cryptoExchanges.exchanges[k]
-                        if (UI.projects.foundations.utilities.children.isMissingChildrenById(node, cryptoExchange, true) === true) {
+                        if (UI.projects.foundations.utilities.nodeChildren.isMissingChildrenById(node, cryptoExchange, true) === true) {
                             let exchangeTasks = UI.projects.foundations.functionLibraries.uiObjectsFromNodes.addUIObject(node, newNodeType)
                             UI.projects.foundations.functionLibraries.attachDetach.referenceAttachNode(exchangeTasks, cryptoExchange)
                         }
@@ -672,7 +672,7 @@ function newFoundationsFunctionLibraryTaskFunctions() {
         for (let i = 0; i < markets.length; i++) {
             let market = markets[i]
 
-            if (UI.projects.foundations.utilities.children.isMissingChildrenById(node, market, true) === true) {
+            if (UI.projects.foundations.utilities.nodeChildren.isMissingChildrenById(node, market, true) === true) {
                 let marketDataTasks = UI.projects.foundations.functionLibraries.uiObjectsFromNodes.addUIObject(node, newNodeType)
                 UI.projects.foundations.functionLibraries.attachDetach.referenceAttachNode(marketDataTasks, market)
             }
@@ -697,7 +697,7 @@ function newFoundationsFunctionLibraryTaskFunctions() {
             if (rootNode.type === rootNodeType) {
                 let mine = rootNode
 
-                if (UI.projects.foundations.utilities.children.isMissingChildrenById(node, mine, true) === true) {
+                if (UI.projects.foundations.utilities.nodeChildren.isMissingChildrenById(node, mine, true) === true) {
                     let dataMineTasks = UI.projects.foundations.functionLibraries.uiObjectsFromNodes.addUIObject(node, newNodeType)
                     UI.projects.foundations.functionLibraries.attachDetach.referenceAttachNode(dataMineTasks, mine)
                 }
diff --git a/Projects/Foundations/UI/Spaces/Charting-Space/TimeMachine.js b/Projects/Foundations/UI/Spaces/Charting-Space/TimeMachine.js
index 635f16fc7..c37eb295c 100644
--- a/Projects/Foundations/UI/Spaces/Charting-Space/TimeMachine.js
+++ b/Projects/Foundations/UI/Spaces/Charting-Space/TimeMachine.js
@@ -163,8 +163,8 @@ function newTimeMachine() {
     function setInitialPosition() {
 
         if (thisObject.container.frame.position.x === 0 && thisObject.container.frame.position.y === 0) {
-            let timeMachineIndex = UI.projects.foundations.utilities.children.findChildIndexAtParentNode(thisObject.payload.node)
-            let dashboardIndex = UI.projects.foundations.utilities.children.findChildIndexAtParentNode(thisObject.payload.parentNode)
+            let timeMachineIndex = UI.projects.foundations.utilities.nodeChildren.findChildIndexAtParentNode(thisObject.payload.node)
+            let dashboardIndex = UI.projects.foundations.utilities.nodeChildren.findChildIndexAtParentNode(thisObject.payload.parentNode)
 
             thisObject.container.frame.position.x = thisObject.container.frame.width * timeMachineIndex * 2
             thisObject.container.frame.position.y = thisObject.container.frame.height * dashboardIndex * 2
diff --git a/Projects/Foundations/UI/Utilities/Plugins.js b/Projects/Foundations/UI/Utilities/Plugins.js
index 69597dfd2..70fb48ac1 100644
--- a/Projects/Foundations/UI/Utilities/Plugins.js
+++ b/Projects/Foundations/UI/Utilities/Plugins.js
@@ -33,7 +33,7 @@ function newFoundationsUtilitiesPlugins() {
     }
 
     function addMissingPluginFile(node, fileName, pluginFolder, nodeType, saveWithWorkspace) {
-        if (UI.projects.foundations.utilities.children.isMissingChildrenByName(node, fileName) === true) {
+        if (UI.projects.foundations.utilities.nodeChildren.isMissingChildrenByName(node, fileName) === true) {
             let child = UI.projects.foundations.functionLibraries.uiObjectsFromNodes.addUIObject(node, 'Plugin File', undefined, 'Foundations')
             child.name = fileName
             child.config = JSON.stringify({
diff --git a/Projects/Governance/UI/Function-Libraries/ClaimsProgram.js b/Projects/Governance/UI/Function-Libraries/ClaimsProgram.js
index 80b03c473..c0b331f38 100644
--- a/Projects/Governance/UI/Function-Libraries/ClaimsProgram.js
+++ b/Projects/Governance/UI/Function-Libraries/ClaimsProgram.js
@@ -535,7 +535,7 @@ function newGovernanceFunctionLibraryClaimsProgram() {
                             let destinationNodeChild = destinationNode[property.name]
 
                             let originNodeChildType = getOriginNodeChildType(destinationNodeChild)
-                            let originNodeChild = UI.projects.foundations.utilities.children.findChildReferencingThisNode(originNode, destinationNodeChild)
+                            let originNodeChild = UI.projects.foundations.utilities.nodeChildren.findChildReferencingThisNode(originNode, destinationNodeChild)
 
                             if (originNodeChild === undefined) {
                                 originNodeChild = UI.projects.foundations.functionLibraries.uiObjectsFromNodes.addUIObject(originNode, originNodeChildType)
@@ -552,7 +552,7 @@ function newGovernanceFunctionLibraryClaimsProgram() {
                                     let destinationNodeChild = propertyArray[m]
 
                                     let originNodeChildType = getOriginNodeChildType(destinationNodeChild)
-                                    let originNodeChild = UI.projects.foundations.utilities.children.findChildReferencingThisNode(originNode, destinationNodeChild)
+                                    let originNodeChild = UI.projects.foundations.utilities.nodeChildren.findChildReferencingThisNode(originNode, destinationNodeChild)
 
                                     if (originNodeChild === undefined) {
                                         originNodeChild = UI.projects.foundations.functionLibraries.uiObjectsFromNodes.addUIObject(originNode, originNodeChildType)
diff --git a/Projects/Governance/UI/Function-Libraries/VotingProgram.js b/Projects/Governance/UI/Function-Libraries/VotingProgram.js
index 1ab72bf36..7b1b6aca3 100644
--- a/Projects/Governance/UI/Function-Libraries/VotingProgram.js
+++ b/Projects/Governance/UI/Function-Libraries/VotingProgram.js
@@ -552,7 +552,7 @@ function newGovernanceFunctionLibraryVotingProgram() {
                             let destinationNodeChild = destinationNode[property.name]
 
                             let originNodeChildType = getOriginNodeChildType(destinationNodeChild)
-                            let originNodeChild = UI.projects.foundations.utilities.children.findChildReferencingThisNode(originNode, destinationNodeChild)
+                            let originNodeChild = UI.projects.foundations.utilities.nodeChildren.findChildReferencingThisNode(originNode, destinationNodeChild)
 
                             if (originNodeChild === undefined) {
                                 originNodeChild = UI.projects.foundations.functionLibraries.uiObjectsFromNodes.addUIObject(originNode, originNodeChildType)
@@ -569,7 +569,7 @@ function newGovernanceFunctionLibraryVotingProgram() {
                                     let destinationNodeChild = propertyArray[m]
 
                                     let originNodeChildType = getOriginNodeChildType(destinationNodeChild)
-                                    let originNodeChild = UI.projects.foundations.utilities.children.findChildReferencingThisNode(originNode, destinationNodeChild)
+                                    let originNodeChild = UI.projects.foundations.utilities.nodeChildren.findChildReferencingThisNode(originNode, destinationNodeChild)
 
                                     if (originNodeChild === undefined) {
                                         originNodeChild = UI.projects.foundations.functionLibraries.uiObjectsFromNodes.addUIObject(originNode, originNodeChildType)
diff --git a/Projects/ProjectsSchema.json b/Projects/ProjectsSchema.json
index e03e7b334..b05374e4e 100644
--- a/Projects/ProjectsSchema.json
+++ b/Projects/ProjectsSchema.json
@@ -180,7 +180,7 @@
                 },
                 {
                     "name": "Node Children",
-                    "propertyName": "children",
+                    "propertyName": "nodeChildren",
                     "functionName": "newFoundationsUtilitiesNodeChildren"
                 },
                 {

From 663a847351c45e914cd9ea72206db33f92c07d48 Mon Sep 17 00:00:00 2001
From: Luis Fernando Molina <Luis-Fernando-Molina@users.noreply.github.com>
Date: Thu, 9 Sep 2021 13:14:02 +0200
Subject: [PATCH 17/20] DESKTOP_WEB_SOCKETS_INTERFACE_PORT used at WebApp

---
 EnvironmentForDebug.js                        |  1 +
 Projects/ProjectsSchema.json                  |  2 +-
 .../DK/modules/httpInterface.js               | 20 -------------------
 .../UI/modules/WebSocketsClient.js            |  2 +-
 4 files changed, 3 insertions(+), 22 deletions(-)

diff --git a/EnvironmentForDebug.js b/EnvironmentForDebug.js
index 01b010fc1..754d228bb 100644
--- a/EnvironmentForDebug.js
+++ b/EnvironmentForDebug.js
@@ -5,6 +5,7 @@ exports.newEnvironment = function () {
         CLIENT_WEB_SOCKETS_INTERFACE_PORT: 18041,
         NETWORK_WEB_SOCKETS_INTERFACE_PORT: 18042,
         DESKTOP_WEB_SOCKETS_INTERFACE_PORT: 18043,
+        DESKTOP_WEB_SOCKETS_INTERFACE_HOST: 'localhost',
         CLIENT_HTTP_INTERFACE_PORT: 34248,
         DESKTOP_HTTP_INTERFACE_PORT: 34249,
         PATH_TO_TASK_SERVER: './TaskServer',
diff --git a/Projects/ProjectsSchema.json b/Projects/ProjectsSchema.json
index b05374e4e..c6d84b71b 100644
--- a/Projects/ProjectsSchema.json
+++ b/Projects/ProjectsSchema.json
@@ -1233,7 +1233,7 @@
                     "functionName": "newGovernanceUtilitiesTables"
                 },
                 {
-                    "name": "Decendent Tables",
+                    "name": "Descendent Tables",
                     "propertyName": "decendentTables",
                     "functionName": "newGovernanceUtilitiesDecendentTables"
                 },
diff --git a/Projects/Social-Trading/DK/modules/httpInterface.js b/Projects/Social-Trading/DK/modules/httpInterface.js
index c5526164e..77bb35598 100644
--- a/Projects/Social-Trading/DK/modules/httpInterface.js
+++ b/Projects/Social-Trading/DK/modules/httpInterface.js
@@ -46,26 +46,6 @@ exports.newDesktopModulesHttpInterface = function newDesktopModulesHttpInterface
                         SA.projects.foundations.utilities.httpResponses.respondWithFile(path, httpResponse)
                     }
                     break
-                case 'ListFunctionLibraries':
-                    {
-                        SA.projects.foundations.utilities.httpResponses.respondWithProjectFolderFileList(httpResponse, 'Function-Libraries', 'UI')
-                    }
-                    break
-                case 'ListUtilitiesFiles':
-                    {
-                        SA.projects.foundations.utilities.httpResponses.respondWithProjectFolderFileList(httpResponse, 'Utilities', 'UI')
-                    }
-                    break
-                case 'ListGlobalFiles':
-                    {
-                        SA.projects.foundations.utilities.httpResponses.respondWithProjectFolderFileList(httpResponse, 'Globals', 'UI')
-                    }
-                    break
-                case 'ListModulesFiles':
-                    {
-                        SA.projects.foundations.utilities.httpResponses.respondWithProjectFolderFileList(httpResponse, 'Modules', 'UI')
-                    }
-                    break
                 case 'Projects':
                     {
                         let path = ''
diff --git a/Projects/Social-Trading/UI/modules/WebSocketsClient.js b/Projects/Social-Trading/UI/modules/WebSocketsClient.js
index ffa070c31..aaeac8f9e 100644
--- a/Projects/Social-Trading/UI/modules/WebSocketsClient.js
+++ b/Projects/Social-Trading/UI/modules/WebSocketsClient.js
@@ -22,7 +22,7 @@ function newSocialTradingModulesWebSocketsClient() {
 
     async function initialize() {
 
-        socketClient = new WebSocket('ws://' + HOST + ':' + PORT)
+        socketClient = new WebSocket('ws://' + UI.environment.DESKTOP_WEB_SOCKETS_INTERFACE_HOST + ':' + UI.environment.DESKTOP_WEB_SOCKETS_INTERFACE_PORT)
 
         await setUpWebsocketClient()
     }

From 4125d540164aa0cf723996b8e3996fc5f3821b40 Mon Sep 17 00:00:00 2001
From: Luis Fernando Molina <Luis-Fernando-Molina@users.noreply.github.com>
Date: Thu, 9 Sep 2021 14:08:59 +0200
Subject: [PATCH 18/20] SA root object implemented at Web App.

---
 Desktop/UI/Globals.js                         |  9 ++-
 Desktop/UI/WebApp.js                          | 61 ++++++++++++-------
 Desktop/UI/WebAppLoader.js                    | 31 ++++++++++
 .../Network/SA/Modules/WebSocketsClient.js    |  6 +-
 4 files changed, 82 insertions(+), 25 deletions(-)

diff --git a/Desktop/UI/Globals.js b/Desktop/UI/Globals.js
index 90f9af4e0..2bce6ff39 100644
--- a/Desktop/UI/Globals.js
+++ b/Desktop/UI/Globals.js
@@ -1,8 +1,15 @@
 
-/* Root object*/
+/* Root objects*/
 let UI = {
     projects: {},
     schemas: { projectSchema: undefined },
     environment: undefined,
     running: {}
 }
+
+let SA = { projects: {} }
+/*
+We will use this to load functions originally intended for Nodejs
+*/
+let exports = {}
+
diff --git a/Desktop/UI/WebApp.js b/Desktop/UI/WebApp.js
index eb18b803a..0abdd29eb 100644
--- a/Desktop/UI/WebApp.js
+++ b/Desktop/UI/WebApp.js
@@ -13,7 +13,8 @@ function newWebApp() {
 
     function initialize() {
         try {
-            setupRootObject()
+            setupRootObject(UI, 'UI')
+            setupRootObject(SA, 'SA')
             UI.projects.socialTrading.modules.webSocketsClient.initialize()
             setupHomePage()
         } catch (err) {
@@ -21,56 +22,72 @@ function newWebApp() {
         }
     }
 
-    function setupRootObject() {
+    function setupRootObject(rootObject, rootObjectName) {
         /*
         Here we will setup the UI object, with all the
         projects and spaces.
         */
         for (let i = 0; i < UI.schemas.projectSchema.length; i++) {
             let projectDefinition = UI.schemas.projectSchema[i]
-            UI.projects[projectDefinition.propertyName] = {}
-            let projectInstance = UI.projects[projectDefinition.propertyName]
+            rootObject.projects[projectDefinition.propertyName] = {}
+            let projectInstance = rootObject.projects[projectDefinition.propertyName]
 
             projectInstance.utilities = {}
             projectInstance.globals = {}
             projectInstance.functionLibraries = {}
             projectInstance.modules = {}
 
-            if (projectDefinition.UI === undefined) { continue }
+            if (projectDefinition[rootObjectName] === undefined) { continue }
 
             /* Set up Globals of this Project */
-            if (projectDefinition.UI.globals !== undefined) {
-                for (let j = 0; j < projectDefinition.UI.globals.length; j++) {
-                    let globalDefinition = projectDefinition.UI.globals[j]
+            if (projectDefinition[rootObjectName].globals !== undefined) {
+                for (let j = 0; j < projectDefinition[rootObjectName].globals.length; j++) {
+                    let globalDefinition = projectDefinition[rootObjectName].globals[j]
 
-                    projectInstance.globals[globalDefinition.propertyName] = eval(globalDefinition.functionName + '()')
+                    if (exports[globalDefinition.functionName] === undefined) {
+                        projectInstance.globals[globalDefinition.propertyName] = eval(globalDefinition.functionName + '()')
+                    } else {
+                        projectInstance.globals[globalDefinition.propertyName] = eval('exports.' + globalDefinition.functionName + '()')
+                    }
                 }
             }
 
             /* Set up Utilities of this Project */
-            if (projectDefinition.UI.utilities !== undefined) {
-                for (let j = 0; j < projectDefinition.UI.utilities.length; j++) {
-                    let utilityDefinition = projectDefinition.UI.utilities[j]
+            if (projectDefinition[rootObjectName].utilities !== undefined) {
+                for (let j = 0; j < projectDefinition[rootObjectName].utilities.length; j++) {
+                    let utilityDefinition = projectDefinition[rootObjectName].utilities[j]
 
-                    projectInstance.utilities[utilityDefinition.propertyName] = eval(utilityDefinition.functionName + '()')
+                    if (exports[utilityDefinition.functionName] === undefined) {
+                        projectInstance.utilities[utilityDefinition.propertyName] = eval(utilityDefinition.functionName + '()')
+                    } else {
+                        projectInstance.utilities[utilityDefinition.propertyName] = eval('exports.' + utilityDefinition.functionName + '()')
+                    }
                 }
             }
 
             /* Set up Function Libraries of this Project */
-            if (projectDefinition.UI.functionLibraries !== undefined) {
-                for (let j = 0; j < projectDefinition.UI.functionLibraries.length; j++) {
-                    let functionLibraryDefinition = projectDefinition.UI.functionLibraries[j]
+            if (projectDefinition[rootObjectName].functionLibraries !== undefined) {
+                for (let j = 0; j < projectDefinition[rootObjectName].functionLibraries.length; j++) {
+                    let functionLibraryDefinition = projectDefinition[rootObjectName].functionLibraries[j]
 
-                    projectInstance.functionLibraries[functionLibraryDefinition.propertyName] = eval(functionLibraryDefinition.functionName + '()')
+                    if (exports[functionLibraryDefinition.functionName] === undefined) {
+                        projectInstance.functionLibraries[functionLibraryDefinition.propertyName] = eval(functionLibraryDefinition.functionName + '()')
+                    } else {
+                        projectInstance.functionLibraries[functionLibraryDefinition.propertyName] = eval('exports.' + functionLibraryDefinition.functionName + '()')
+                    }
                 }
             }
 
             /* Set up Modules of this Project */
-            if (projectDefinition.UI.modules !== undefined) {
-                for (let j = 0; j < projectDefinition.UI.modules.length; j++) {
-                    let functionLibraryDefinition = projectDefinition.UI.modules[j]
+            if (projectDefinition[rootObjectName].modules !== undefined) {
+                for (let j = 0; j < projectDefinition[rootObjectName].modules.length; j++) {
+                    let functionLibraryDefinition = projectDefinition[rootObjectName].modules[j]
 
-                    projectInstance.modules[functionLibraryDefinition.propertyName] = eval(functionLibraryDefinition.functionName + '()')
+                    if (exports[functionLibraryDefinition.functionName] === undefined) {
+                        projectInstance.modules[functionLibraryDefinition.propertyName] = eval(functionLibraryDefinition.functionName + '()')
+                    } else {
+                        projectInstance.modules[functionLibraryDefinition.propertyName] = eval('exports.' + functionLibraryDefinition.functionName + '()')
+                    }
                 }
             }
         }
@@ -84,7 +101,7 @@ function newWebApp() {
         */
         queryMessage = {
             queryType: SA.projects.socialTrading.globals.queryTypes.USER_PROFILES,
-            emitterUserProfileId: DK.TEST_NETWORK_CLIENT_USER_PROFILE_ID,
+            emitterUserProfileId: undefined, //DK.TEST_NETWORK_CLIENT_USER_PROFILE_ID,
             initialIndex: 'Last',
             amountRequested: 10,
             direction: 'Past'
diff --git a/Desktop/UI/WebAppLoader.js b/Desktop/UI/WebAppLoader.js
index 97b732c94..baa4039f0 100644
--- a/Desktop/UI/WebAppLoader.js
+++ b/Desktop/UI/WebAppLoader.js
@@ -47,6 +47,37 @@ function newWebAppLoader() {
                         }
                     }
                 }
+
+                if (project.SA !== undefined) {
+                    if (project.SA.functionLibraries !== undefined) {
+                        for (let j = 0; j < project.SA.functionLibraries.length; j++) {
+                            let fileName = project.SA.functionLibraries[j].fileName   
+                            if (fileName === undefined) {fileName = project.SA.functionLibraries[j].name.replaceAll(' ', '') + '.js'}                     
+                            modulesArray.push('Projects' + '/' + project.name + '/' + 'SA' + '/' + 'Function-Libraries' + '/' + fileName)
+                        }
+                    }
+                    if (project.SA.utilities !== undefined) {
+                        for (let j = 0; j < project.SA.utilities.length; j++) {
+                            let fileName = project.SA.utilities[j].fileName        
+                            if (fileName === undefined) {fileName = project.SA.utilities[j].name.replaceAll(' ', '') + '.js'}                                     
+                            modulesArray.push('Projects' + '/' + project.name + '/' + 'SA' + '/' + 'Utilities' + '/' + fileName)
+                        }
+                    }
+                    if (project.SA.globals !== undefined) {
+                        for (let j = 0; j < project.SA.globals.length; j++) {
+                            let fileName = project.SA.globals[j].fileName  
+                            if (fileName === undefined) {fileName = project.SA.globals[j].name.replaceAll(' ', '') + '.js'}                                                           
+                            modulesArray.push('Projects' + '/' + project.name + '/' + 'SA' + '/' + 'Globals' + '/' + fileName)
+                        }  
+                    }
+                    if (project.SA.modules !== undefined) {
+                        for (let j = 0; j < project.SA.modules.length; j++) {
+                            let fileName = project.SA.modules[j].fileName   
+                            if (fileName === undefined) {fileName = project.SA.modules[j].name.replaceAll(' ', '') + '.js'}                                                                                
+                            modulesArray.push('Projects' + '/' + project.name + '/' + 'SA' + '/' + 'Modules' + '/' + fileName)
+                        }
+                    }
+                }
             }
 
             downloadIncludedFiles()
diff --git a/Projects/Network/SA/Modules/WebSocketsClient.js b/Projects/Network/SA/Modules/WebSocketsClient.js
index 7385b5cd7..15ac176a6 100644
--- a/Projects/Network/SA/Modules/WebSocketsClient.js
+++ b/Projects/Network/SA/Modules/WebSocketsClient.js
@@ -8,7 +8,7 @@ exports.newNetworkModulesWebSocketsClient = function newNetworkModulesWebSockets
 
     let socketClient
 
-    let web3 = new SA.nodeModules.web3()
+    let web3 
     let called = {}
     let selectedNetworkNode // This is a Network Node we pick to try to connect to.
 
@@ -33,6 +33,8 @@ exports.newNetworkModulesWebSocketsClient = function newNetworkModulesWebSockets
             "address": "0xa153469c57A91F5a59Fc6c45A37aD8dbad85e417"
         }        
         */
+        web3 = new SA.nodeModules.web3()
+
         selectedNetworkNode = {
             userProfileHandle: "Test-Network-Node-Profile",
             blockchainAccount: "0xa153469c57A91F5a59Fc6c45A37aD8dbad85e417",
@@ -226,7 +228,7 @@ exports.newNetworkModulesWebSocketsClient = function newNetworkModulesWebSockets
             socketClient.onmessage = socketMessage => { onMenssage(socketMessage) }
             socketClient.send(
                 JSON.stringify(socketMessage)
-                )
+            )
 
             function onMenssage(socketMessage) {
                 try {

From cdd5cebfc56ba7fb50b1838f3065f4fa10a60b19 Mon Sep 17 00:00:00 2001
From: Luis Fernando Molina <Luis-Fernando-Molina@users.noreply.github.com>
Date: Thu, 9 Sep 2021 15:17:41 +0200
Subject: [PATCH 19/20] Profiles Arrived to the Desktop WebApp

---
 Desktop/DesktopApp.js                         |  6 +-
 Desktop/UI/WebApp.js                          |  6 +-
 .../DK/modules/WebAppInterface.js             | 66 ++++++++++++++++++-
 .../DK/modules/WebSocketsInterface.js         |  2 +
 4 files changed, 71 insertions(+), 9 deletions(-)

diff --git a/Desktop/DesktopApp.js b/Desktop/DesktopApp.js
index 2115de147..66838c3fe 100644
--- a/Desktop/DesktopApp.js
+++ b/Desktop/DesktopApp.js
@@ -23,18 +23,18 @@ exports.newDesktopApp = function newDesktopApp() {
         */
         DK.running.webSocketsClient = SA.projects.network.modules.webSocketsClient.newNetworkModulesWebSocketsClient()
         await DK.running.webSocketsClient.initialize()
-        console.log('Desktop App Client Connected to Network Node via Web Sockets ................... Connected to port ' + global.env.NETWORK_WEB_SOCKETS_INTERFACE_PORT)
+        console.log('Desktop Client Connected to Network Node via Web Sockets ................... Connected to port ' + global.env.NETWORK_WEB_SOCKETS_INTERFACE_PORT)
 
         /* These are the Network Interfaces by which the UI interacts with the Desktop App.*/
 
         DK.running.webSocketsInterface = DK.projects.socialTrading.modules.webSocketsInterface.newDesktopModulesWebSocketsInterface()
         DK.running.webSocketsInterface.initialize()
-        console.log('Desktop App Client Web Sockets Interface ....................................... Listening at port ' + global.env.CLIENT_WEB_SOCKETS_INTERFACE_PORT)
+        console.log('Desktop Client Web Sockets Interface ....................................... Listening at port ' + global.env.CLIENT_WEB_SOCKETS_INTERFACE_PORT)
 
 
         DK.running.httpInterface = DK.projects.socialTrading.modules.httpInterface.newDesktopModulesHttpInterface()
         DK.running.httpInterface.initialize()
-        console.log('Desktop App Client Http Interface .............................................. Listening at port ' + global.env.DESKTOP_HTTP_INTERFACE_PORT)
+        console.log('Desktop Client Http Interface .............................................. Listening at port ' + global.env.DESKTOP_HTTP_INTERFACE_PORT)
 
         return
 
diff --git a/Desktop/UI/WebApp.js b/Desktop/UI/WebApp.js
index 0abdd29eb..482204139 100644
--- a/Desktop/UI/WebApp.js
+++ b/Desktop/UI/WebApp.js
@@ -11,11 +11,11 @@ function newWebApp() {
 
     }
 
-    function initialize() {
+    async function initialize() {
         try {
             setupRootObject(UI, 'UI')
             setupRootObject(SA, 'SA')
-            UI.projects.socialTrading.modules.webSocketsClient.initialize()
+            await UI.projects.socialTrading.modules.webSocketsClient.initialize()
             setupHomePage()
         } catch (err) {
             console.log('[ERROR] initialize -> err.stack = ' + err.stack)
@@ -101,7 +101,7 @@ function newWebApp() {
         */
         queryMessage = {
             queryType: SA.projects.socialTrading.globals.queryTypes.USER_PROFILES,
-            emitterUserProfileId: undefined, //DK.TEST_NETWORK_CLIENT_USER_PROFILE_ID,
+            emitterUserProfileId: undefined, 
             initialIndex: 'Last',
             amountRequested: 10,
             direction: 'Past'
diff --git a/Projects/Social-Trading/DK/modules/WebAppInterface.js b/Projects/Social-Trading/DK/modules/WebAppInterface.js
index 10fb0d796..ef3a6bd6f 100644
--- a/Projects/Social-Trading/DK/modules/WebAppInterface.js
+++ b/Projects/Social-Trading/DK/modules/WebAppInterface.js
@@ -20,8 +20,68 @@ exports.newSocialTradingModulesWebAppInterface = function newSocialTradingModule
 
     }
 
-    async function messageReceived(messageHeader) {
-        let response = await DK.running.webSocketsClient.sendMessage(messageHeader)
-        return response
+    async function messageReceived(message) {
+        let messageHeader
+        try {
+            messageHeader = JSON.parse(message)
+        } catch (err) {
+            let response = {
+                result: 'Error',
+                message: 'messageHeader Not Coorrect JSON Format.'
+            }
+            return JSON.stringify(response)
+        }
+
+        switch (messageHeader.requestType) {
+            case 'Query': {
+                let queryMessage
+                try {
+                    queryMessage = JSON.parse(messageHeader.queryMessage)
+                } catch (err) {
+                    let response = {
+                        result: 'Error',
+                        message: 'queryMessage Not Coorrect JSON Format.'
+                    }
+                    return JSON.stringify(response)
+                }
+                queryMessage.emitterUserProfileId = DK.TEST_NETWORK_CLIENT_USER_PROFILE_ID
+                messageHeader.queryMessage = JSON.stringify(queryMessage)
+
+                let response = {
+                    result: 'Ok',
+                    message: 'Web App Interface Query Processed.',
+                    data: await DK.running.webSocketsClient.sendMessage(JSON.stringify(messageHeader))
+                }
+                return response
+            }
+            case 'Event': {
+                let eventMessage
+                try {
+                    eventMessage = JSON.parse(messageHeader.eventMessage)
+                } catch (err) {
+                    let response = {
+                        result: 'Error',
+                        message: 'eventMessage Not Coorrect JSON Format.'
+                    }
+                    return JSON.stringify(response)
+                }
+                eventMessage.emitterUserProfileId = DK.TEST_NETWORK_CLIENT_USER_PROFILE_ID
+                messageHeader.eventMessage = JSON.stringify(eventMessage)
+
+                let response = {
+                    result: 'Ok',
+                    message: 'Web App Interface Event Processed.',
+                    data: await DK.running.webSocketsClient.sendMessage(JSON.stringify(messageHeader))
+                }
+                return response
+            }
+            default: {
+                let response = {
+                    result: 'Error',
+                    message: 'requestType Not Supported.'
+                }
+                return JSON.stringify(response)
+            }
+        }
     }
 }
\ No newline at end of file
diff --git a/Projects/Social-Trading/DK/modules/WebSocketsInterface.js b/Projects/Social-Trading/DK/modules/WebSocketsInterface.js
index dd2cd723c..89b577960 100644
--- a/Projects/Social-Trading/DK/modules/WebSocketsInterface.js
+++ b/Projects/Social-Trading/DK/modules/WebSocketsInterface.js
@@ -45,6 +45,7 @@ exports.newDesktopModulesWebSocketsInterface = function newDesktopModulesWebSock
                 webApp = {
                     socket: socket
                 }
+                console.log('Desktop Web App Connected to Web Sockets Interface ......................... Connected to port ' + global.env.CLIENT_WEB_SOCKETS_INTERFACE_PORT)
 
                 webApp.socket.on('close', onConnectionClosed)
                 webApp.socket.on('message', onMenssage)
@@ -74,6 +75,7 @@ exports.newDesktopModulesWebSocketsInterface = function newDesktopModulesWebSock
 
             function onConnectionClosed() {
                 webApp = undefined
+                console.log('Desktop Web App Discoonnected from Web Sockets Interface ................... Disonnected from port ' + global.env.CLIENT_WEB_SOCKETS_INTERFACE_PORT)
             }
 
         } catch (err) {

From 481b8fb2d89cbac9b941a74cc3c3f16a3d187b6d Mon Sep 17 00:00:00 2001
From: Luis Fernando Molina <Luis-Fernando-Molina@users.noreply.github.com>
Date: Thu, 9 Sep 2021 15:26:35 +0200
Subject: [PATCH 20/20] Deep Scan Bug Fixes

---
 Desktop/UI/WebAppPreLoader.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Desktop/UI/WebAppPreLoader.js b/Desktop/UI/WebAppPreLoader.js
index b3ea115ed..0c691e566 100644
--- a/Desktop/UI/WebAppPreLoader.js
+++ b/Desktop/UI/WebAppPreLoader.js
@@ -76,7 +76,7 @@ function httpRequest(pContentToSend, pPath, callBackFunction) {
             xmlHttpRequest.open("POST", pPath, true)
             xmlHttpRequest.send(blob)
         } catch (err) {
-            if (ERROR_LOG === true) { console.log("[ERROR] callServer -> err.message = " & err.message) }
+            if (ERROR_LOG === true) { console.log("[ERROR] callServer -> err.message = " + err.message) }
             callBackFunction({ result: "Fail", message: err.message })
         }
     }