Merge pull request #2638 from Superalgos/develop

Develop into Master

.dockerignore

@@ -1,15 +1,20 @@
-Data-Storage
-Log-Files
-My-Workspaces
+**/Data-Storage
+**/My-Data-Storage
+**/Log-Files
+**/My-Log-Files
+**/My-Workspaces
 debug.log
 
 *.db
 
-.git*
-.vscode
 README.md
 LICENSE
-CONTRIBUITING.md
+CONTRIBUTING.md
 CODE_OF_CONDUCT.md
-./**/.vscode
-Dockerfile
+.git*
+.docker*
+**/.vscode
+**/Dockerfile*
+**/docker-compose.yml
+**/node_modules
+**/.env*

.github/CODEOWNERS

@@ -0,0 +1,30 @@
+# https://docs.github.com/en/repositories/managing-your-repositorys-settings-and-features/customizing-your-repository/about-code-owners
+
+# These owners will be the default owners for everything in
+# the repo. Unless a later match takes precedence, these will be requested for
+# review when someone opens a pull request.
+
+*   @Superalgos/foundations-project
+
+# Project Teams
+/Projects/Algorithmic-Trading/   @Superalgos/algorithmic-trading-project
+/Projects/Community-Plugins/     @Superalgos/community-plugins-project
+/Projects/Data-Mining/           @Superalgos/data-mining-project
+/Projects/Ethereum/              @Superalgos/ethereum-project
+/Projects/Foundations/           @Superalgos/foundations-project
+/Projects/Governance/            @Superalgos/governance-project
+/Projects/Machine-Learning/      @Superalgos/machine-learning-project
+/Projects/Network/               @Superalgos/network-project
+/Projects/Social-Bots/           @Superalgos/social-bots-project
+/Projects/Social-Trading/        @Superalgos/social-trading-project
+/Projects/TensorFlow/            @Superalgos/tensorflow-project
+/Projects/Visual-Scripting/      @Superalgos/visual-scripting-project
+
+/Projects/Education/             @Superalgos/education-project
+Docs*/                           @Superalgos/education-project
+
+/.github/                        @Superalgos/sysadmins-team
+/Docker/                         @Superalgos/sysadmins-team
+.git*                            @Superalgos/sysadmins-team
+.docker*                         @Superalgos/sysadmins-team
+package*.json                    @Superalgos/sysadmins-team

.github/dependabot.yml

@@ -0,0 +1,11 @@
+# To get started with Dependabot version updates, you'll need to specify which
+# package ecosystems to update and where the package manifests are located.
+# Please see the documentation for all configuration options:
+# https://help.github.com/github/administering-a-repository/configuration-options-for-dependency-updates
+
+version: 2
+updates:
+  - package-ecosystem: "npm" # See documentation for possible values
+    directory: "/Client" # Location of package manifests
+    schedule:
+      interval: "daily"

.github/workflows/docker.yml

@@ -2,7 +2,14 @@ name: Publish Docker image
 
 on: 
   push:
-    branches: [master, develop]
+    branches:
+      - master
+      - develop
+  release:
+    types:
+      - published
+      - created
+      - edited
 
 jobs:
   publish:
@@ -19,12 +26,15 @@ jobs:
       run: |
         REGISTRY="ghcr.io"
         IMAGE="${REGISTRY}/${{ steps.repository.outputs.lowercase }}"
-        TAGS="${IMAGE}:${{ github.sha }}"
-        if [[ $GITHUB_REF == refs/heads/master ]]; then
-          TAGS="${TAGS},${IMAGE}:latest"
-        fi
-        if [[ $GITHUB_REF == refs/heads/develop ]]; then
-          TAGS="${TAGS},${IMAGE}:develop"
+        TAGS="${IMAGE}:${{ github.sha }},${IMAGE}:latest"
+        REF=${GITHUB_REF,,}
+        PREFIX="$(dirname $REF)"
+        SUFFIX="$(basename $REF)"
+        if [[ $PREFIX = "refs/heads" ]]; then
+          TAGS="${TAGS},${IMAGE}:${SUFFIX}"
+        elif [[ $PREFIX = "refs/tags" ]]; then
+          RELEASE=${SUFFIX#"superalgos-"}
+          TAGS="${TAGS},${IMAGE}:${RELEASE}"
         fi
         echo ::set-output name=tags::${TAGS}
     - name: Login in to registry
@@ -33,9 +43,17 @@ jobs:
         registry: ghcr.io
         username: ${{ github.actor }}
         password: ${{ github.token }}
+    - name: Set up QEMU
+      uses: docker/setup-qemu-action@v1
+    - name: Set up Docker Buildx
+      id: buildx
+      uses: docker/setup-buildx-action@v1
+    - name: Available platforms
+      run: echo ${{ steps.buildx.outputs.platforms }}
     - name: Push to registry
       uses: docker/build-push-action@v2
       with:
         push: true
         file: ./Docker/Dockerfile
         tags: ${{ steps.prep.outputs.tags }}
+        platforms: linux/amd64,linux/arm64,linux/arm/v7

.github/workflows/release_build.yml

@@ -0,0 +1,39 @@
+name: Build/release Binaries
+
+
+on: 
+  release:
+    types: 
+      - published
+
+  workflow_dispatch:
+
+jobs:
+  build-release:
+    runs-on: ${{ matrix.os }}
+    strategy:
+        matrix:
+          os: [windows-latest, macos-latest]
+
+    steps:
+      - name: Check out Git repository
+        uses: actions/checkout@v2
+
+      - name: Install Node.js, NPM and Yarn
+        uses: actions/setup-node@v1
+        with:
+          node-version: 14
+      
+      - name: Get version
+        id: vars
+        run:  echo "::set-output name=tag::$(node -p "require('./package.json').version")"
+
+      - name: Build/release Electron app
+        uses: samuelmeuli/action-electron-builder@v1
+        with:
+          # GitHub token, automatically provided to the action
+          # (No need to define this secret in the repo settings)
+          github_token: ${{ secrets.github_token }}
+          args: "-c.extraMetadata.version=${{ steps.vars.outputs.tag }} -c build/electron-builder.json -p always"
+          release: true
+

.github/workflows/release_build_dev.yml

@@ -0,0 +1,74 @@
+name: Nightly develop Binaries
+
+on:
+  schedule:
+    - cron:  '20 3 * * *'
+
+  workflow_dispatch:
+
+jobs:
+  create-release:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Download a file
+        run: curl "https://raw.githubusercontent.com/${{ github.repository }}/develop/package.json" -o package.json
+
+      - name: Get current date
+        id: date
+        run: echo "::set-output name=date::$(date +'%Y%m%d')"
+
+      - name: Get version
+        id: vars
+        run:  echo "::set-output name=tag::$(node -p "require('./package.json').version")"
+
+      - name: Create nightly release
+        id: create_release
+        uses: viperproject/create-nightly-release@v1
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        with:
+          tag_name: ${{ steps.vars.outputs.tag }}.${{ steps.date.outputs.date }}
+          release_name: Superalgos-Beta-v${{ steps.vars.outputs.tag }} Snapshot ${{ steps.date.outputs.date }}
+          keep_num: 5
+          keep_tags: false
+
+  build-release:
+    runs-on: ${{ matrix.os }}
+    needs: create-release
+    strategy:
+        matrix:
+          os: [windows-latest, macos-latest, ubuntu-latest]
+
+    steps:
+      - name: Get current date
+        id: date
+        run: echo "::set-output name=date::$(date +'%Y%m%d')"
+
+      - name: Check out Git repository
+        uses: actions/checkout@v2
+        with:
+          ref: develop
+
+      - name: Install Node.js, NPM and Yarn
+        uses: actions/setup-node@v1
+        with:
+          node-version: 14
+
+      - name: Get version
+        id: vars
+        run:  echo "::set-output name=tag::$(node -p "require('./package.json').version")"
+
+      - name: Build/release Electron app
+        uses: samuelmeuli/action-electron-builder@v1
+        with:
+          # GitHub token, automatically provided to the action
+          # (No need to define this secret in the repo settings)
+          github_token: ${{ secrets.github_token }}
+          args: "-c.extraMetadata.version=${{ steps.vars.outputs.tag }}.${{ steps.date.outputs.date }} -c build/electron-builder.json -p onTagOrDraft"
+
+          # If the commit is tagged with a version (e.g. "v1.0.0"),
+          # release the app after building
+          # release: ${{ startsWith(github.ref, 'refs/tags/v') }}
+          release: true
+ 
+

.gitignore

@@ -1,13 +1,22 @@
 Data-Storage
 Log-Files
 My-Workspaces
+My-Social-Trading-Data
+My-Network-Nodes-Data
+My-Secrets
+My-Data-Storage
+My-Log-Files
 debug.log
 .DS_Store
 *.db
-Projects/Superalgos/Icons/Thumbs.db
+Projects/Foundations/Icons/Thumbs.db
 *.bat
 !launch-windows.bat
 !create-shortcut-windows.bat
 !uninstall-shortcut-windows.bat
 *.exe
 node_modules
+launch.json
+package-lock.json
+.idea
+dist

.vscode/Desktop-App-1.code-workspace

@@ -0,0 +1,10 @@
+{
+	"folders": [
+		{
+			"path": "C:\\Superalgos"
+		}
+	],
+	"settings": {
+		"search.maintainFileSearchCache": true
+	}
+}

.vscode/Desktop-App-2.code-workspace

@@ -0,0 +1,10 @@
+{
+	"folders": [
+		{
+			"path": "C:\\Superalgos"
+		}
+	],
+	"settings": {
+		"search.maintainFileSearchCache": true
+	}
+}

.vscode/Desktop-App-3.code-workspace

@@ -0,0 +1,10 @@
+{
+	"folders": [
+		{
+			"path": "C:\\Superalgos"
+		}
+	],
+	"settings": {
+		"search.maintainFileSearchCache": true
+	}
+}

.vscode/Desktop.code-workspace

@@ -0,0 +1,10 @@
+{
+	"folders": [
+		{
+			"path": "C:\\Superalgos"
+		}
+	],
+	"settings": {
+		"search.maintainFileSearchCache": true
+	}
+}

.vscode/Network-Node-1.code-workspace

@@ -0,0 +1,10 @@
+{
+	"folders": [
+		{
+			"path": "C:\\Superalgos"
+		}
+	],
+	"settings": {
+		"search.maintainFileSearchCache": true
+	}
+}

.vscode/Network-Node-2.code-workspace

@@ -0,0 +1,10 @@
+{
+	"folders": [
+		{
+			"path": "C:\\Superalgos"
+		}
+	],
+	"settings": {
+		"search.maintainFileSearchCache": true
+	}
+}

.vscode/Network-Node-3.code-workspace

@@ -0,0 +1,10 @@
+{
+	"folders": [
+		{
+			"path": "C:\\Superalgos"
+		}
+	],
+	"settings": {
+		"search.maintainFileSearchCache": true
+	}
+}

.vscode/Network.code-workspace

@@ -0,0 +1,10 @@
+{
+	"folders": [
+		{
+			"path": "C:\\Superalgos"
+		}
+	],
+	"settings": {
+		"search.maintainFileSearchCache": true
+	}
+}

.vscode/Platorm.code-workspace

@@ -0,0 +1,11 @@
+{
+	"folders": [
+		{
+			"path": "C:\\Superalgos\\Platform"
+		},
+		{
+			"path": "C:\\Superalgos\\Projects"
+		}
+	],
+	"settings": {}
+}

.vscode/Superalgos.code-workspace

@@ -0,0 +1,10 @@
+{
+	"folders": [
+		{
+			"path": "C:\\Superalgos"
+		}
+	],
+	"settings": {
+		"search.maintainFileSearchCache": true
+	}
+}

.vscode/TaskServer.code-workspace

@@ -0,0 +1,13 @@
+{
+	"folders": [
+		{
+			"path": "C:\\Superalgos\\TaskServer"
+		},
+		{
+			"path": "C:\\Superalgos\\Projects"
+		}
+	],
+	"settings": {
+		"search.maintainFileSearchCache": true
+	}
+}

.vscode/settings.json

@@ -1,16 +1,25 @@
 {
     "files.exclude": {
         "**/Data-Storage": true,
-        "**/Documentation": true,
         "**/Log-Files": true,
         "**/node_modules": true,
-        "**/Deprecated-Code": true
+        "**/My-Social-Trading-Data": true,
+        "**/My-Network-Nodes-Data": true,
+        "**/My-Workspaces": true,
+        "**/My-Secrets": true,
+        "**/My-Data-Storage": true,
+        "**/My-Log-Files": true,
     },
     "search.exclude": {
         "**/Data-Storage": true,
-        "**/Documentation": true,
         "**/Log-Files": true,
-        "**/Deprecated-Code": true
+        "**/node_modules": true,
+        "**/My-Social-Trading-Data": true,
+        "**/My-Network-Nodes-Data": true,
+        "**/My-Workspaces": true,
+        "**/My-Secrets": true,
+        "**/My-Data-Storage": true,
+        "**/My-Log-Files": true,
     },
     "search.maintainFileSearchCache": true
 }

Brewfile

@@ -0,0 +1,4 @@
+brew "git"
+brew "node"
+brew "npm"
+brew "python@3.9"

Client/WebServer/index.html

@@ -1,199 +0,0 @@
-<html lang="en">
-
-<head>
-    <meta charset="utf-8">
-    <title>Superalgos</title>
-    <meta name="description" content="Free and Open Source Crypto Trading Tools">
-    <link rel="stylesheet" href="main.css" type="text/css" charset="utf-8" />
-    <link rel="stylesheet" href="credits.css" type="text/css" charset="utf-8" />
-    <link rel="stylesheet" href="tutorial.css" type="text/css" charset="utf-8" />
-    <link rel="stylesheet" href="docs.css" type="text/css" charset="utf-8" />
-    <link rel="stylesheet" href="context-menu.css" type="text/css" charset="utf-8" />
-    <link rel="stylesheet" href="font-awasome.css" type="text/css" />
-    <link rel="stylesheet" href="prism.css" type="text/css" />
-    <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="AppPreLoader.js"></script>
-    <script src="externalScripts/CCapture.all.min.js"></script>
-    <script src="externalScripts/prism.js"></script>
-
-    <!-- Documentation Style Sheets -->
-    <!-- -->
-
-    <script type="text/javascript">
-        function loadCanvas() {
-            // Prevent click-jacking
-            try {
-                if (window == window.top || window.chrome && chrome.app && chrome.app.window) {
-                    document.documentElement.style.display = 'block'
-                } else {
-                    top.location = self.location
-                }
-            } catch (e) { console.error('CJ protection', e) }
-
-            try {
-                loadSuperalgos();
-            } catch (err) {
-                console.log("[ERROR] UI can not be started. Please check that WebServer is running.", err);
-            }
-        }
-
-        function onResize() {
-            try {
-                if (canvas === undefined) { return }
-                if (canvas.eventHandler === undefined) { return }
-                if (DISABLE_BROWSER_RESIZE_EVENT === true) { return }
-                canvas.eventHandler.raiseEvent('Browser Resized')
-            } catch (err) {
-                console.log('Error Resizing. ' + err.stack)
-            }
-        }
-    </script>
-</head>
-
-<body id="body" onload="loadCanvas()"
-    style="overflow:hidden; background: url(Images/superalgos-platform.jpg); background-size: cover;"
-    onresize="onResize()">
-    <div id="contributors" class="credits">
-        <p style="font-size: 120%;">Superalgos is <span class="credits-red">open source</span>, <span class="credits-red">forever free</span> for <span class="credits-red">everyone</span>, and is <span class="credits-red">constantly improving</span> thanks to the involvement of contributors:</p>
-        <p style="font-size: 100%;">Luis Fernando Molina, Julian Molina, Andreja Cobeljic, Ira Miller, matbenitez, bearcanrun, nikolabjelo, 9808us, pmmax, suttridge, Basalt09, Mhnramin, 0xperez, infin1t3, benitezme, whtv, cozed-gh, Eduardo678-dotcom, Smidy13, teehanming, 64bittuning, joenij, apronotti, Noeljarillo, ssplatt, rico4dev, DougJCook, mane, Cordo-van-Saviour, CarnivalBen, Sil3ntLight, pisukesoramame, Edodi, harrellbm, CaptainJeff, Jeff Braun, Francisco J. Santillán, Norman, Viktoria B., Guillermo V., Daniel J., Javier A., Gustavo J., Romina GS, Pedro P., Thais M., Andrey M., Loui M., Natalia M., Bashar A., Carlos V., Diego M., Sebastian E., Bogdan P., Marko V., Igor S., Niksa K., Rodrigo M., Nicanor M., Mateo H., Lan T., Leon A., Uroš R., Filip M., Vladimir J. and Pavle B.</p>
-        <p style="font-size: 120%;">Please, <span class="credits-red">give a star to the Superalgos repo at GitHub.com...</span> It helps other devs find the project!</p>
-        <p id="credits-page-status-paragraph" class="credits-yellow">The UI is loading...</p>
-    </div>
-    <div id="masterApp"></div>
-    <div id="canvasApp"></div>
-    <div id="docs-space-div" class="docs-page" style="position:fixed; top:100000px; left:100000px"><div id="docs-content-div"></div></div>
-    <div id="chatApp" style="position:fixed; top:100000px; left:100000px">
-        <iframe id="chatIFrame" style="border:none; " height="2000" width="900"></iframe>
-    </div>
-    <div id="textAreaDiv"></div>
-    <div id="inputDiv" style="font-family:saira condensed;">&nbsp;</div>
-
-    <!-- Tutorial Template Divs -->
-    <div id="tutorialDiv" class="tutorial-step" style="position:fixed; top:100000px; left:100000px;"></div>
-    <div id="tutorialFormDiv" class="tutorial-form" style="position:fixed; top:100000px; left:100000px;">
-        <form>
-            <table class="tutorial-buttonsTable">
-                <tr>
-                    <td align="center">
-                        <label class="tutorial-font-small tutorial-stop-button"
-                            onclick="UI.projects.superalgos.spaces.tutorialSpace.stop()"
-                            value="">&nbsp;&nbsp;Stop&nbsp;&nbsp;&nbsp;</label>
-                    </td>
-                    <td align="center">
-                        <label class="tutorial-font-small tutorial-skip-button"
-                            onclick="UI.projects.superalgos.spaces.tutorialSpace.skip()"
-                            value="">&nbsp;&nbsp;Skip&nbsp;&nbsp;&nbsp;</label>
-                    </td>
-                    <td align="center">
-                        <label class="tutorial-font-small tutorial-previous-button"
-                            onclick="UI.projects.superalgos.spaces.tutorialSpace.previous()" value="">Previous</label>
-                    </td>
-                    <td align="center">
-                        <label class="tutorial-font-small tutorial-next-button"
-                            onclick="UI.projects.superalgos.spaces.tutorialSpace.next()"
-                            value="">&nbsp;&nbsp;Next&nbsp;&nbsp;&nbsp;</label>
-                    </td>
-                </tr>
-            </table>
-        </form>
-    </div>
-
-    <div id="menu" class="docs-menu-table">
-        <div class="menu-row">
-            <div class="menu-item" onClick="window.contextMenu.editParagraph()">
-                <img src="Icons/Superalgos/docs-action-edit-paragraph.png" class="menu-img" title="Edit">
-            </div>
-            <div class="menu-item" onClick="window.contextMenu.toTitle()">
-                <img src="Icons/Superalgos/docs-title-style.png" class="menu-img" title="Title">
-            </div>
-            <div class="menu-item" onClick="window.contextMenu.toSubtitle()">
-                <img src="Icons/Superalgos/docs-subtitle-style.png" class="menu-img" title="Subtitle">
-            </div>
-            <div class="menu-item" onClick="window.contextMenu.toNote()">
-                <img src="Icons/Superalgos/docs-note-style.png" class="menu-img" title="Note">
-            </div>
-            <div class="menu-item" onClick="window.contextMenu.toJavascript()">
-                <img src="Icons/Superalgos/docs-js-code-style.png" class="menu-img" title="Javascript">
-            </div>
-            <div class="menu-item" onClick="window.contextMenu.toYouTubeVideo()">
-                <img src="Icons/Superalgos/docs-youtube-video-style.png" class="menu-img" title="Youtube">
-            </div>
-            <div class="menu-item" onClick="window.contextMenu.toBlock()">
-                <img src="Icons/Superalgos/docs-block-style.png" class="menu-img" title="Block">
-            </div>
-        </div>
-        <div class="menu-row">
-            <div class="menu-item" onClick="window.contextMenu.copyLink()">
-                <img src="Icons/Superalgos/docs-action-copy-to-clipboard.png" class="menu-img" title="Copy">
-            </div>
-            <div class="menu-item" onClick="window.contextMenu.toText()">
-                <img src="Icons/Superalgos/docs-text-style.png" class="menu-img" title="Text">
-            </div>
-            <div class="menu-item" onClick="window.contextMenu.toList()">
-                <img src="Icons/Superalgos/docs-list-style.png" class="menu-img" title="List">
-            </div>
-            <div class="menu-item" onClick="window.contextMenu.toSuccess()">
-                <img src="Icons/Superalgos/docs-success-style.png" class="menu-img" title="Success">
-            </div>
-            <div class="menu-item" onClick="window.contextMenu.toJson()">
-                <img src="Icons/Superalgos/docs-json-code-style.png" class="menu-img" title="Json">
-            </div>
-            <div class="menu-item" onClick="window.contextMenu.toGif()">
-                <img src="Icons/Superalgos/docs-gif-style.png" class="menu-img" title="Gif">
-            </div>
-            <div class="menu-item" onClick="window.contextMenu.toInclude()">
-                <img src="Icons/Superalgos/docs-include-style.png" class="menu-img" title="Include">
-            </div>
-        </div>
-        <div class="menu-row">
-            <div class="menu-item" onClick="window.contextMenu.toPlaceholder()">
-                <img src="Icons/Superalgos/docs-placeholder-style.png" class="menu-img" title="Placeholder">
-            </div>
-            <div class="menu-item" onClick="window.contextMenu.toSummary()">
-                <img src="Icons/Superalgos/docs-summary-style.png" class="menu-img" title="Summary">
-            </div>
-            <div class="menu-item" onClick="window.contextMenu.toCallout()">
-                <img src="Icons/Superalgos/docs-callout-style.png" class="menu-img" title="Callout">
-            </div>
-            <div class="menu-item" onClick="window.contextMenu.toImportant()">
-                <img src="Icons/Superalgos/docs-important-style.png" class="menu-img" title="Important">
-            </div>
-            <div class="menu-item" onClick="window.contextMenu.toTable()">
-                <img src="Icons/Superalgos/docs-table-style.png" class="menu-img" title="Table">
-            </div>
-            <div class="menu-item" onClick="window.contextMenu.toPng()">
-                <img src="Icons/Superalgos/docs-png-style.png" class="menu-img" title="Png">
-            </div>
-            <div class="menu-item" onClick="window.contextMenu.toSection()">
-                <img src="Icons/Superalgos/docs-section-style.png" class="menu-img" title="Section">
-            </div>
-        </div>
-        <div class="menu-row">
-            <div class="menu-item" onClick="window.contextMenu.deleteParagraph()">
-                <img src="Icons/Superalgos/docs-action-delete-paragraph.png" class="menu-img" title="Delete">
-            </div>
-            <div class="menu-item" onClick="window.contextMenu.toWebPageLink()">
-                <img src="Icons/Superalgos/docs-web-page-link-style.png" class="menu-img" title="Link">
-            </div>
-            <div class="menu-item" onClick="window.contextMenu.toAnchor()">
-                <img src="Icons/Superalgos/docs-anchor-style.png" class="menu-img" title="Anchor">
-            </div>
-            <div class="menu-item" onClick="window.contextMenu.toWarning()">
-                <img src="Icons/Superalgos/docs-warning-style.png" class="menu-img" title="Warning">
-            </div>
-            <div class="menu-item" onClick="window.contextMenu.toHierarchy()">
-                <img src="Icons/Superalgos/docs-hierarchy-style.png" class="menu-img" title="Hierarchy">
-            </div>
-            <div class="menu-item" onClick="window.contextMenu.toError()">
-                <img src="Icons/Superalgos/docs-error-style.png" class="menu-img" title="Error">
-            </div>
-            <div class="menu-item" onClick="window.contextMenu.toChapter()">
-                <img src="Icons/Superalgos/docs-chapter-style.png" class="menu-img" title="Chapter">
-            </div>
-        </div>
-    </div>
-
-</body>
-
-</html>

Client/WebServer/suite-dummy.html

@@ -1,54 +0,0 @@
-<h2 id="trading-engine">Trading Engine</h2>
-
-<table class="definitionTable"><tr><td>
-
-<img src="images/icons/nodes/png150/trading-engine.png" />
-
-</td><td>
-
-<strong>The trading engine hierarchy is the data structure used by the trading bot to keep runtime information highly accessible and exposed to others.</strong>
-
-</td></tr></table>
-
-<p>You will use this hierarchy for two main purposes:</p>
-
-<p>The hierarchy exposes—literally—all the information processed by the trading bot, providing a comprehensive feedback loop to trading systems and analysis capabilities to users. The hierarchy exposes—literally—all the information processed by the trading bot, providing a comprehensive feedback loop to trading systems and analysis capabilities to users.</p>
-
-<ul>
-  <li>
-    <p><strong>To let your trading systems:</strong> This allows strategies to keep track of and react to current and past events—including those involving the exchange, such as orders placed or filled—as the bot is running.</p>
-  </li>
-  <li>
-    <p><strong>To keep track of the actions:</strong> By analyzing runtime information, you may gain a detailed understanding of what happens, when, and why, throughout a trading session.</p>
-  </li>
-</ul>
-
-<p>The hierarchy exposes—literally—all the information processed by the trading bot, providing a comprehensive feedback loop to trading systems and analysis capabilities to users.</p>
-
-<div class="bs-callout bs-callout-success">Este callout se usa para resaltar una idea particularmente importante. Algo se sobresale, como una conclusion, o algo por el estilo.</div>
-
-<p>The hierarchy exposes all the information processed by the trading bot, providing a comprehensive feedback loop to trading systems and analysis capabilities to users. The hierarchy exposes all the information processed by the trading bot, providing a comprehensive feedback loop to trading systems and analysis capabilities to users.</p>
-
-<div class="alert alert-info" role="alert"><i class="fa fa-info-circle"></i> <b>Note:</b> Esto es una nota, algo noteworthy.</div>
-
-<div class="alert alert-success" role="alert"><i class="fa fa-check-square-o"></i> <b>Tip:</b> Esto es un tip.</div>
-
-<div class="alert alert-warning" role="alert"><i class="fa fa-warning"></i> <b>Important:</b> Esto es algo importante.</div>
-
-<div class="alert alert-danger" role="alert"><i class="fa fa-exclamation-circle"></i> <b>Warning:</b> Esto es una aviso de alerta.</div>
-
-<h4 id="adding-a-trading-engine-node">Adding a Trading Engine Node</h4>
-
-<p>Calculo que con este segundo nivel de titulo alcanza.</p>
-
-<h4 id="este-es-otro-formato-tipico-de-la-doc--trading-engine">Este es otro formato tipico de la doc:  Trading Engine</h4>
-
-<table class="definitionTable"><tr><td>
-
-<img src="images/icons/nodes/png50/trading-engine.png" />
-
-</td><td>
-
-The trading engine hierarchy is the data structure used by the trading bot to keep runtime information highly accessible and exposed to others.
-
-</td></tr></table>

Client/client.js

@@ -1,151 +0,0 @@
-
-/* Load Environment Variables */
-let ENVIRONMENT = require('../Environment.js');
-let ENVIRONMENT_MODULE = ENVIRONMENT.newEnvironment()
-global.env = ENVIRONMENT_MODULE
-
-process.on('uncaughtException', function (err) {
-    if (err.message && err.message.indexOf("EADDRINUSE") > 0) {
-        console.log("A Superalgos Client cannot be started. Reason: the port " + port + " is already in use by another application.")
-        return
-    }
-    console.log('[ERROR] Client -> client-> uncaughtException -> err.message = ' + err.message)
-    console.log('[ERROR] Client -> client-> uncaughtException -> err.stack = ' + err.stack)
-    console.log('[ERROR] Client -> client-> uncaughtException -> err = ' + err)
-    process.exit(1)
-})
-
-process.on('unhandledRejection', (reason, p) => {
-    console.log('[ERROR] Client -> client-> unhandledRejection -> reason = ' + JSON.stringify(reason))
-    console.log('[ERROR] Client -> client-> unhandledRejection -> p = ' + JSON.stringify(p))
-    process.exit(1)
-})
-
-/* Callbacks default responses. */
-
-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'
-}
-
-/* Servers */
-let WEB_SERVER = require('./webServer.js')
-let DATA_FILE_SERVER = require('./dataFileServer.js')
-let PROJECT_FILE_SERVER = require('./projectFileServer.js')
-let UI_FILE_SERVER = require('./uiFileServer.js')
-let PLUGIN_SERVER = require('./pluginServer.js')
-let EVENT_SERVER = require('./eventServer.js')
-let TASK_MANAGER_SERVER = require('./taskManagerServer.js')
-let CCXT_SERVER = require('./ccxtServer.js')
-let WEB3_SERVER = require('./web3Server.js')
-
-/* Network Interfaces */
-let WEB_SOCKETS_INTERFACE = require('./webSocketsServer.js')
-let HTTP_INTERFACE = require('./httpInterface.js')
-
-try {
-    console.log('CLIENT SERVERS:')
-    console.log('')
-
-    WEB_SERVER = WEB_SERVER.newWebServer()
-    WEB_SERVER.initialize()
-    WEB_SERVER.run()
-    console.log('Web Server .................................................. Started')
-
-    UI_FILE_SERVER = UI_FILE_SERVER.newUIFileServer()
-    UI_FILE_SERVER.initialize()
-    UI_FILE_SERVER.run()
-    console.log('UI File Server .............................................. Started')
-
-    PROJECT_FILE_SERVER = PROJECT_FILE_SERVER.newProjectFileServer()
-    PROJECT_FILE_SERVER.initialize()
-    PROJECT_FILE_SERVER.run()
-    console.log('Project File Server ......................................... Started')
-    
-    PLUGIN_SERVER = PLUGIN_SERVER.newPluginServer()
-    PLUGIN_SERVER.initialize()
-    PLUGIN_SERVER.run()
-    console.log('Plugin Server ............................................... Started')
-
-    DATA_FILE_SERVER = DATA_FILE_SERVER.newDataFileServer()
-    DATA_FILE_SERVER.initialize()
-    DATA_FILE_SERVER.run()
-    console.log('Data File Server ............................................ Started')
-
-    EVENT_SERVER = EVENT_SERVER.newEventServer()
-    EVENT_SERVER.initialize()
-    EVENT_SERVER.run()
-    console.log('Events Server ............................................... Started')
-
-    TASK_MANAGER_SERVER = TASK_MANAGER_SERVER.newTaskManagerServer(WEB_SOCKETS_INTERFACE, EVENT_SERVER)
-    TASK_MANAGER_SERVER.initialize()
-    TASK_MANAGER_SERVER.run()
-    console.log('Task Manager Server ......................................... Started')
-
-    CCXT_SERVER = CCXT_SERVER.newCCXTServer()
-    CCXT_SERVER.initialize()
-    CCXT_SERVER.run()
-    console.log('CCXT Server ................................................. Started')
-    
-    WEB3_SERVER = WEB3_SERVER.newWeb3Server()
-    WEB3_SERVER.initialize()
-    WEB3_SERVER.run()
-    console.log('WEB3 Server ................................................. Started')
-
-    console.log('')
-    console.log('CLIENT INTERFACES:')
-    console.log('')
-
-    WEB_SOCKETS_INTERFACE = WEB_SOCKETS_INTERFACE.newWebSocketsInterface(EVENT_SERVER)
-    WEB_SOCKETS_INTERFACE.initialize()
-    WEB_SOCKETS_INTERFACE.run()
-    console.log('Web Sockets Interface ....................................... Listening at port ' + global.env.WEB_SOCKETS_INTERFACE_PORT)
-
-    HTTP_INTERFACE = HTTP_INTERFACE.newHttpInterface(WEB_SERVER, DATA_FILE_SERVER, PROJECT_FILE_SERVER, UI_FILE_SERVER, PLUGIN_SERVER, CCXT_SERVER, WEB3_SERVER)
-    HTTP_INTERFACE.initialize()
-    HTTP_INTERFACE.run()
-    console.log('Http Interface .............................................. Listening at port ' + global.env.HTTP_INTERFACE_PORT)
-
-    console.log('')
-    console.log("You are running Superalgos Beta 10")
-    console.log('')
-    console.log("What's new? The following was implemented here:")
-    console.log('')
-    console.log('Market Data Structure ....................................... This allows any strategy to use data from markets different from the one it is running at.')
-    console.log('Exchange Data Structure ..................................... This allows any strategy to use data from exchanges and markets different from the one it is running at.')
-    console.log('Tensor Flow Integration ..................................... This allows the creation and training of ML models that later can be used for predictions.')
-    console.log('SA Token .................................................... This allows the project to compensate contributors that add value to it.')    
-    console.log('')
-    console.log("What's next? At the development pipeline we have:")
-    console.log('')
-    console.log('Contribution Management ..................................... This will allow us to manage contributions at scale, and distribute the SA token more efficiently at each release.')
-    console.log('Infraestructure to sensor any API  .......................... This will allow us to fetch data from any API, turn it into indicators and plot it.')
-    console.log('Usage of ML Predictions at Trading Systems .................. This will enable a new kind of Bot that can learn from data mined. Later that knowledge can be used at trading strategies.')
-    console.log('Ethereum Integration ........................................ This will allow mining data from an Ethereum network node, create indicators with it, an use it on strategies.')
-
-    console.log('')
-
-} catch (err) {
-    console.log('[ERROR] Client -> Error = ' + err.stack)
-}
-

Client/package.json

@@ -1,19 +0,0 @@
-{
-  "name": "client",
-  "version": "0.0.6",
-  "description": "BackendServer",
-  "main": "client.js",
-  "author": {
-    "name": "Luis-Fernando-Molina"
-  },
-  "dependencies": {
-    "@octokit/rest": "^18.0.12",
-    "ccxt": "^1.23.67",
-    "child_process": "^1.0.2",
-    "open": "^6.4.0",
-    "rimraf": "^3.0.2",
-    "simple-git": "^2.31.0",
-    "web3": "^1.3.0",
-    "ws": "^7.4.6"
-  }
-}

Client/web3Server.js

@@ -1,205 +0,0 @@
-exports.newWeb3Server = function newWeb3Server() {
-
-    const MODULE = "Web3 Server"
-
-    let thisObject = {
-        getNetworkClientStatus: getNetworkClientStatus,
-        createWalletAccount: createWalletAccount,
-        getWalletBalances: getWalletBalances,
-        initialize: initialize,
-        finalize: finalize,
-        run: run
-    }
-
-    const Web3 = require('web3');
-    let web3Map = new Map()
-
-    return thisObject
-
-    function finalize() {
-        web3Map = undefined
-    }
-
-    function initialize() {
-
-    }
-
-    function run() {
-
-    }
-
-    async function getNetworkClientStatus(host, port, interface) {
-        let key = 'host (' + host + ') at port (' + port + ') via interface (' + interface + ')'
-
-        try {
-
-            let web3 = web3Map.get(key)
-
-            if (web3 === undefined) {
-                /* This means that we never got connected to this client before */
-                let web3 = await connectToClient(key, host, port, interface)
-                if (web3.error !== undefined) {
-                    return web3
-                }
-                return await returnStatus(web3)
-            } else {
-                return await returnStatus(web3)
-            }
-
-            async function returnStatus(web3) {
-
-                let status = {}
-                status.isSyncing = await web3.eth.isSyncing()
-                status.chainId = await web3.eth.getChainId()
-                status.currentBlockNumber = await web3.eth.getBlockNumber()
-                status.result = 'Ok'
-                return status
-            }
-        } catch (err) {
-            return { error: 'Could not connect to ' + key + '. ' + err.message + '.' }
-        }
-    }
-
-    async function createWalletAccount(entropy) {
-        try {
-
-            let web3 = new Web3()
-            let account = web3.eth.accounts.create()
-
-            return {
-                address: account.address,
-                privateKey: account.privateKey,
-                result: 'Ok'
-            }
-
-        } catch (err) {
-            return { error: 'Could not create the account. ' + err.message }
-        }
-    }
-
-    async function getWalletBalances(host, port, interface, walletDefinition) {
-        let key = 'host (' + host + ') at port (' + port + ') via interface (' + interface + ')'
-
-        try {
-
-            let web3 = web3Map.get(key)
-
-            if (web3 === undefined) {
-                /* This means that we never got connected to this client before */
-                let web3 = await connectToClient(key, host, port, interface)
-                if (web3.error !== undefined) {
-                    return web3
-                }
-                return await returnAccountBalances(web3)
-            } else {
-                return await returnAccountBalances(web3)
-            }
-
-            async function returnAccountBalances(web3) {
-
-                let responseData = {}
-                for (let i = 0; i < walletDefinition.walletAccounts.length; i++) {
-                    let walletAccount = walletDefinition.walletAccounts[i]
-
-                    if (walletAccount.ethBalance !== undefined) {
-                        try {
-                            walletAccount.ethBalance.value = await web3.eth.getBalance(walletAccount.config.address)
-                        } catch (err) {
-                            if (err.message.indexOf('Provided address') >= 0) {
-                                walletAccount.error = 'Invalid configured address.'
-                            } else {
-                                walletAccount.error = err.message
-                            }
-                        }
-                    }
-
-                    for (let j = 0; j < walletAccount.tokenBalances.length; j++) {
-                        let tokenBalance = walletAccount.tokenBalances[j]
-
-                        if (tokenBalance.referenceParent === undefined) { continue }  
-                        if (tokenBalance.referenceParent.parentNode === undefined) { continue } 
-                        if (tokenBalance.referenceParent.smartContracts === undefined) { continue } 
-
-                        if (tokenBalance.referenceParent.config.codeName === undefined) {
-                            tokenBalance.error = 'Reference Parent without config.codeName defined.'
-                            continue
-                        }  
-
-                        if (tokenBalance.referenceParent.smartContracts.config.address === undefined) {
-                            tokenBalance.error = 'Reference Parent Smart Contract without config.address defined.'
-                            continue
-                        } 
-
-                        let tokenContractAddress = tokenBalance.referenceParent.smartContracts.config.address
-                         // The minimum ABI to get ERC20 Token balance
-                        let minABI = [
-                            // balanceOf
-                            {
-                                "constant": true,
-                                "inputs": [{ "name": "_owner", "type": "address" }],
-                                "name": "balanceOf",
-                                "outputs": [{ "name": "balance", "type": "uint256" }],
-                                "type": "function"
-                            },
-                            // decimals
-                            {
-                                "constant": true,
-                                "inputs": [],
-                                "name": "decimals",
-                                "outputs": [{ "name": "", "type": "uint8" }],
-                                "type": "function"
-                            }
-                        ];
-
-                        let contract = new web3.eth.Contract(minABI, tokenContractAddress);
-                         
-                        try { 
-                            tokenBalance.value = await contract.methods.balanceOf(walletAccount.config.address).call()
-                        } catch (err) {
-                            if (err.message.indexOf('Provided address') >= 0) {
-                                walletAccount.error = 'Invalid configured address.'
-                            } else {
-                                walletAccount.error = err.message
-                            }
-                        }
-                    }
-                }
-
-                responseData.result = 'Ok'
-                responseData.walletDefinition = walletDefinition
-                return responseData
-            }
-        } catch (err) {
-            return { error: 'Could not connect to ' + key + '. ' + err.message + '.' }
-        }
-    }
-
-    async function connectToClient(key, host, port, interface) {
-        let web3
-        switch (interface) {
-            case 'ws': {
-                web3 = new Web3('ws://' + host + ':' + port + '');
-                break
-            }
-            case 'http': {
-                web3 = new Web3('http://' + host + ':' + port + '');
-                break
-            }
-            default: {
-                return { error: 'Interface parameter must be either ws or http. Received ' + interface }
-            }
-        }
-
-        return await testConnection()
-
-        async function testConnection() {
-            let accounts = await web3.eth.getAccounts()
-            if (web3.currentProvider.connected === false) {
-                return { error: 'Connection to ' + key + ' could not be established.' }
-            } else {
-                web3Map.set(key, web3)
-                return web3
-            }
-        }
-    }
-}

Client/webSocketsServer.js

@@ -1,109 +0,0 @@
-exports.newWebSocketsInterface = function newWebSocketsInterface(EVENT_SERVER) {
-
-    const MODULE = "Web Sockets Interface"
-    const LOG_INFO = false
-
-    let thisObject = {
-        initialize: initialize,
-        finalize: finalize,
-        run: run
-    }
-
-    const WEB_SOCKET = require('ws')
-    let socketServer
-    let port = global.env.WEB_SOCKETS_INTERFACE_PORT  
-
-    return thisObject
-
-    function finalize() {
-
-    }
-
-    function initialize() {
-
-    }
-
-    function run() {
-       setUpWebSocketServer()
-    }
-
-    function setUpWebSocketServer() {
-        try {
-            socketServer = new WEB_SOCKET.Server({ port: port })
-
-            socketServer.on('connection', onConnection)
-
-            function onConnection(socket) {
-
-                let lastNonce = -1
-                if (LOG_INFO === true) {
-                    console.log('New Websocket Connection.')
-                }
-
-                socket.on('message', onMenssage)
-
-                function onMenssage(message){
-
-                    try {
-                        if (LOG_INFO === true) {
-                            console.log('Message Received: ' + message.substring(0, 1000))
-                        }
-
-                        let messageArray = message.split('|*|')
-
-                        let origin = messageArray[0]
-                        let nonce = messageArray[1]
-                        let messageToEventServer = messageArray[2]
-
-                        if (origin === 'Web Browser') {
-                            if (isNaN(nonce) || nonce === "") {
-                                console.log('[ERROR] Client -> Web Sockets Interface -> run -> setUpWebSocketServer -> Nonce is not a Number. message = ' + message.substring(0, 1000))
-                                console.log('[ERROR] Client -> Web Sockets Interface -> run -> setUpWebSocketServer -> Nonce is not a Number. nonce = ' + nonce)
-                                return
-                            }
-
-                            if (nonce === "1") { // this happens once the browser is restarted, and the server is running since a previous session.
-                                lastNonce = 0
-                            }
-
-                            if (Number(nonce) < Number(lastNonce)) {
-                                console.log('[ERROR] Client -> Web Sockets Interface -> run -> setUpWebSocketServer -> Nonce received is less than Last Nonce. message = ' + message.substring(0, 1000))
-                                console.log('[ERROR] Client -> Web Sockets Interface -> run -> setUpWebSocketServer -> Nonce received is less than Last Nonce. nonce = ' + nonce)
-                                console.log('[ERROR] Client -> Web Sockets Interface -> run -> setUpWebSocketServer -> Nonce received is less than Last Nonce. lastNonce = ' + lastNonce)
-                                return
-                            }
-
-                            lastNonce = nonce
-
-                            try {
-                                let jsonCheck = JSON.parse(messageToEventServer)
-                            } catch (err) {
-                                console.log('[ERROR] Client -> Web Sockets Interface -> run -> setUpWebSocketServer -> Message received from the browser is not a valid JSON. message = ' + message.substring(0, 1000))
-                                console.log('[ERROR] Client -> Web Sockets Interface -> run -> setUpWebSocketServer -> Message received from the browser is not a valid JSON. messageToEventServer = ' + messageToEventServer)
-                                return
-                            }
-
-                            let acknowledgeMessage = {
-                                action: 'Acknowledge',
-                                nonce: nonce
-                            }
-
-                            socket.send(JSON.stringify(acknowledgeMessage))
-                        }
-
-
-                        EVENT_SERVER.onMessage(messageToEventServer, onResponse)
-
-                        function onResponse(message) {
-                            socket.send(message)
-                        }
-                    } catch (err) {
-                        console.log('[ERROR] Client -> Web Sockets Interface -> run -> setUpWebSocketServer -> Nonce received is less than Last Nonce. err = ' + err.stack)
-                    }
-                }
-            }
-        } catch (err) {
-            console.log('[ERROR] Client -> Web Sockets Interface -> run -> setUpWebSocketServer -> err.message = ' + err.message.substring(0, 1000))
-        }
-    }
-}

Desktop/DesktopApp.js

@@ -0,0 +1,78 @@
+exports.newDesktopApp = function newDesktopApp() {
+
+    let thisObject = {
+        userProfiles: undefined,
+        p2pNetworkClient: undefined,
+        p2pNetwork: undefined,
+        p2pNetworkPeers: undefined,
+        webSocketsInterface: undefined,
+        webAppInterface: undefined,
+        p2pNetworkInterface: undefined,
+        socialGraph: undefined,
+        run: run
+    }
+
+    DK.desktopApp = thisObject
+
+    return thisObject
+
+    async function run() {
+
+        await setupNetwork()
+        await setupServices()
+
+        async function setupNetwork() {
+            /*
+            We set up ourselves as a Network Client.
+            */
+            thisObject.p2pNetworkClient = SA.projects.network.modules.p2pNetworkClient.newNetworkModulesP2PNetworkClient()
+            await thisObject.p2pNetworkClient.initialize()
+            /*
+            We will read all user profiles plugins and get from there our network identity.
+            */
+            thisObject.userProfiles = SA.projects.network.modules.userProfiles.newNetworkModulesUserProfiles()
+            await thisObject.userProfiles.initialize(global.env.DESKTOP_APP_SIGNING_ACCOUNT, thisObject.p2pNetworkClient)
+            /*
+            We set up the P2P Network.
+            */
+            thisObject.p2pNetwork = SA.projects.network.modules.p2pNetwork.newNetworkModulesP2PNetwork()
+            await thisObject.p2pNetwork.initialize('Network Client')
+            /*
+            Set up the connections to network nodes.
+            */
+            thisObject.p2pNetworkPeers = SA.projects.network.modules.p2pNetworkPeers.newNetworkModulesP2PNetworkPeers()
+            await thisObject.p2pNetworkPeers.initialize(
+                'Network Client',
+                thisObject.p2pNetworkClient,
+                thisObject.p2pNetwork,
+                global.env.DESKTOP_APP_MAX_OUTGOING_PEERS
+            )
+        }
+
+        async function setupServices() {
+            /*
+            This is where we will process all the messages comming from our web app.
+            */
+            thisObject.webAppInterface = DK.projects.socialTrading.modules.webAppInterface.newSocialTradingModulesWebAppInterface()
+            /*
+            This is where we will process all the events comming from the p2p network.
+            */
+            thisObject.p2pNetworkInterface = DK.projects.socialTrading.modules.p2pNetworkInterface.newSocialTradingModulesP2PNetworkInterface()
+            /*
+            This is the Personal Social Graph for the user running this App.
+            */
+            thisObject.socialGraph = DK.projects.socialTrading.modules.socialGraph.newSocialTradingModulesSocialGraph()
+            await thisObject.socialGraph.initialize()
+            /* 
+            These are the Network Interfaces by which the Web App interacts with this Desktop Client.
+            */
+            thisObject.webSocketsInterface = DK.projects.socialTrading.modules.webSocketsInterface.newDesktopModulesWebSocketsInterface()
+            thisObject.webSocketsInterface.initialize()
+            console.log('Desktop Client Web Sockets Interface ......................................... Listening at port ' + JSON.parse(DK.desktopApp.p2pNetworkClient.node.config).webSocketsPort)
+
+            thisObject.httpInterface = DK.projects.socialTrading.modules.httpInterface.newDesktopModulesHttpInterface()
+            thisObject.httpInterface.initialize()
+            console.log('Desktop Client Http Interface ................................................ Listening at port ' + JSON.parse(DK.desktopApp.p2pNetworkClient.node.config).webPort)
+        }
+    }
+}

Desktop/UI/Globals.js

@@ -0,0 +1,17 @@
+/* Root object*/
+/* Root objects*/
+let UI = {
+    projects: {},
+    schemas: { projectSchema: undefined },
+    environment: undefined,
+    clientNode: undefined,
+    webApp: undefined
+}
+
+let SA = { projects: {} }
+/*
+We will use this to load functions originally intended for Nodejs
+*/
+let exports = {}
+
+

Desktop/UI/WebApp.js

@@ -0,0 +1,417 @@
+function newWebApp() {
+    /*
+    In it's current state of development, the Web App only has one module. 
+
+    Everything is being coded here until some structure emerges. 
+    */
+    let thisObject = {
+        messageReceived: messageReceived, 
+        initialize: initialize,
+        finalize: finalize
+    }
+
+    return thisObject
+
+    function finalize() {
+
+    }
+
+    async function initialize() {
+        try {
+            setupRootObject(UI, 'UI')
+            setupRootObject(SA, 'SA')
+            await UI.projects.socialTrading.modules.webSocketsWebAppClient.initialize()
+            loadWUserProfileTimeline()
+            loadWhoToFollow()
+            setupEventHandlers()
+        } catch (err) {
+            console.log('[ERROR] initialize -> err.stack = ' + err.stack)
+        }
+    }
+
+    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]
+            rootObject.projects[projectDefinition.propertyName] = {}
+            let projectInstance = rootObject.projects[projectDefinition.propertyName]
+
+            projectInstance.utilities = {}
+            projectInstance.globals = {}
+            projectInstance.functionLibraries = {}
+            projectInstance.modules = {}
+
+            if (projectDefinition[rootObjectName] === undefined) { continue }
+
+            /* Set up Globals of this Project */
+            if (projectDefinition[rootObjectName].globals !== undefined) {
+                for (let j = 0; j < projectDefinition[rootObjectName].globals.length; j++) {
+                    let globalDefinition = projectDefinition[rootObjectName].globals[j]
+
+                    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[rootObjectName].utilities !== undefined) {
+                for (let j = 0; j < projectDefinition[rootObjectName].utilities.length; j++) {
+                    let utilityDefinition = projectDefinition[rootObjectName].utilities[j]
+
+                    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[rootObjectName].functionLibraries !== undefined) {
+                for (let j = 0; j < projectDefinition[rootObjectName].functionLibraries.length; j++) {
+                    let functionLibraryDefinition = projectDefinition[rootObjectName].functionLibraries[j]
+
+                    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[rootObjectName].modules !== undefined) {
+                for (let j = 0; j < projectDefinition[rootObjectName].modules.length; j++) {
+                    let functionLibraryDefinition = projectDefinition[rootObjectName].modules[j]
+
+                    if (exports[functionLibraryDefinition.functionName] === undefined) {
+                        projectInstance.modules[functionLibraryDefinition.propertyName] = eval(functionLibraryDefinition.functionName + '()')
+                    } else {
+                        projectInstance.modules[functionLibraryDefinition.propertyName] = eval('exports.' + functionLibraryDefinition.functionName + '()')
+                    }
+                }
+            }
+        }
+    }
+
+    async function loadWUserProfileTimeline() {
+        let queryMessage = {
+            queryType: SA.projects.socialTrading.globals.queryTypes.EVENTS,
+            emitterUserProfileId: undefined,
+            initialIndex: SA.projects.socialTrading.globals.queryConstants.INITIAL_INDEX_LAST,
+            amountRequested: 100,
+            direction: SA.projects.socialTrading.globals.queryConstants.DIRECTION_PAST
+        }
+
+        let query = {
+            requestType: 'Query',
+            queryMessage: JSON.stringify(queryMessage)
+        }
+
+        await UI.projects.socialTrading.modules.webSocketsWebAppClient.sendMessage(
+            JSON.stringify(query)
+        )
+            .then(addToContentDiv)
+            .catch(onError)
+
+        function onError(errorMessage) {
+            console.log('[ERROR] Query not executed. ' + errorMessage)
+            console.log('[ERROR] query = ' + JSON.stringify(query))
+        }
+
+        function addToContentDiv(events) {
+            try {
+                let contentDiv = document.getElementById('content-div')
+                /*
+                Delete al current content.
+                */
+                while (contentDiv.childNodes.length > 4) {
+                    let childToRemove = contentDiv.childNodes[contentDiv.childNodes.length - 1]
+                    contentDiv.removeChild(childToRemove)
+                }
+                /*
+                Render the timeline.
+                */
+                for (let i = 0; i < events.length; i++) {
+                    let event = events[i]
+
+                    let postDiv = document.createElement("div")
+                    postDiv.setAttribute("class", "post-div")
+                    let textNode
+
+                    switch (event.eventType) {
+                        case SA.projects.socialTrading.globals.eventTypes.NEW_USER_POST: {
+                            textNode = document.createTextNode(event.emitterUserProfile.userProfileHandle + " POSTED " + event.postText)
+                            break
+                        }
+                        case SA.projects.socialTrading.globals.eventTypes.FOLLOW_USER_PROFILE: {
+                            textNode = document.createTextNode(event.emitterUserProfile.userProfileHandle + " FOLLOWED " + event.targetUserProfile.userProfileHandle)
+                            break
+                        }
+                        case SA.projects.socialTrading.globals.eventTypes.UNFOLLOW_USER_PROFILE: {
+                            textNode = document.createTextNode(event.emitterUserProfile.userProfileHandle + " UNFOLLOWED " + event.targetUserProfile.userProfileHandle)
+                            break
+                        }
+                    }
+
+                    postDiv.appendChild(textNode)
+                    contentDiv.appendChild(postDiv)
+                }
+            }
+            catch (err) {
+                console.log('[ERROR] err.stack = ' + err.stack)
+            }
+        }
+    }
+
+    async function loadWhoToFollow() {
+        let queryMessage = {
+            queryType: SA.projects.socialTrading.globals.queryTypes.UNFOLLOWED_USER_PROFILES,
+            emitterUserProfileId: undefined,
+            initialIndex: SA.projects.socialTrading.globals.queryConstants.INITIAL_INDEX_FIRST,
+            amountRequested: 3,
+            direction: SA.projects.socialTrading.globals.queryConstants.DIRECTION_UP
+        }
+
+        let query = {
+            requestType: 'Query',
+            queryMessage: JSON.stringify(queryMessage)
+        }
+
+        await UI.projects.socialTrading.modules.webSocketsWebAppClient.sendMessage(
+            JSON.stringify(query)
+        )
+            .then(addWhoToFollowTable)
+            .catch(onError)
+
+        function onError(errorMessage) {
+            console.log('[ERROR] Query not executed. ' + errorMessage)
+            console.log('[ERROR] query = ' + JSON.stringify(query))
+        }
+
+        function addWhoToFollowTable(profiles) {
+
+            let contextCell = document.getElementById('who-to-follow-cell')
+            let table = document.createElement("table")
+            let tblBody = document.createElement("tbody")
+
+            for (let i = 0; i < profiles.length; i++) {
+                let profile = profiles[i]
+                let row = document.createElement("tr")
+
+                let cell = document.createElement("td")
+                addProfileToFollowTable(cell, profile)
+                row.appendChild(cell)
+
+                tblBody.appendChild(row)
+            }
+
+            table.appendChild(tblBody)
+            contextCell.appendChild(table)
+            table.setAttribute("class", "who-to-follow-table")
+
+            function addProfileToFollowTable(htmlElement, profile) {
+                let table = document.createElement("table")
+                let tblBody = document.createElement("tbody")
+
+                let row = document.createElement("tr")
+
+                {
+                    let cell = document.createElement("td")
+                    let textNode = document.createTextNode('Profile Picture')
+                    cell.appendChild(textNode)
+                    row.appendChild(cell)
+                }
+                {
+                    let cell = document.createElement("td")
+                    let textNode = document.createTextNode(profile.userProfileHandle)
+                    cell.appendChild(textNode)
+                    row.appendChild(cell)
+                }
+                {
+                    let cell = document.createElement("td")
+                    let span = document.createElement("span")
+                    let button = document.createElement("button")
+                    let text = document.createTextNode('Follow')
+
+                    span.setAttribute("id", "profile-to-follow-span-" + profile.userProfileId)
+                    button.setAttribute("id", "profile-to-follow-button-" + profile.userProfileId)
+                    button.name = 'Follow Profile'
+                    button.userProfileId = profile.userProfileId
+
+                    span.setAttribute("class", "profile-to-follow-span")
+                    button.setAttribute("class", "profile-to-follow-button")
+
+                    button.appendChild(text)
+                    span.appendChild(button)
+                    cell.appendChild(span)
+                    row.appendChild(cell)
+                }
+
+                tblBody.appendChild(row)
+
+                table.appendChild(tblBody)
+                htmlElement.appendChild(table)
+                table.setAttribute("class", "profile-to-follow-table")
+            }
+        }
+    }
+
+    function setupEventHandlers() {
+        /*
+        Add events to process button clicks , and mouseWheel.
+        */
+        document.addEventListener("click", onClick)
+        document.addEventListener('mousewheel', onMouseWheel, false)
+
+        async function onClick(event) {
+
+            if (event.target && event.target.nodeName === "BUTTON") {
+                switch (event.target.name) {
+                    case 'New Post': {
+                        let textArea = document.getElementById("new-post-text-area")
+                        await sendNewPostEvent(
+                            textArea.value
+                        )
+                            .then(updateTextArea)
+                            .catch(onError)
+
+                        function updateTextArea() {
+                            textArea.value = ""
+                        }
+                        break
+                    }
+                    case 'Follow Profile': {
+                        await sendTargetUserProfileEvent(
+                            event.target.userProfileId,
+                            SA.projects.socialTrading.globals.eventTypes.FOLLOW_USER_PROFILE
+                        )
+                            .then(updateButton)
+                            .catch(onError)
+
+                        function updateButton() {
+                            let span = document.getElementById('profile-to-follow-span-' + event.target.userProfileId)
+                            let button = document.getElementById('profile-to-follow-button-' + event.target.userProfileId)
+                            span.setAttribute("class", "profile-to-unfollow-span")
+                            button.setAttribute("class", "profile-to-unfollow-button")
+                            button.name = 'Unfollow Profile'
+                        }
+                        break
+                    }
+                    case 'Unfollow Profile': {
+                        await sendTargetUserProfileEvent(
+                            event.target.userProfileId,
+                            SA.projects.socialTrading.globals.eventTypes.UNFOLLOW_USER_PROFILE
+                        )
+                            .then(updateButton)
+                            .catch(onError)
+
+                        function updateButton() {
+                            let span = document.getElementById('profile-to-follow-span-' + event.target.userProfileId)
+                            let button = document.getElementById('profile-to-follow-button-' + event.target.userProfileId)
+                            span.setAttribute("class", "profile-to-follow-span")
+                            button.setAttribute("class", "profile-to-follow-button")
+                            button.name = 'Follow Profile'
+                        }
+                        break
+                    }
+                }
+            }
+
+            /*
+            Error Handling
+            */
+            function onError(errorMessage) {
+                console.log('[ERROR] Click event failed. ' + errorMessage)
+            }
+        }
+
+        function onMouseWheel(event) {
+            let scrollDiv = document.getElementById("scroll-div")
+            scrollDiv.scrollTop = scrollDiv.scrollTop + event.deltaY
+        }
+    }
+
+    async function sendTargetUserProfileEvent(
+        userProfileId,
+        eventType
+    ) {
+
+        return new Promise((resolve, reject) => { asyncCall(resolve, reject) })
+
+        async function asyncCall(resolve, reject) {
+            let eventMessage
+            let event
+
+            eventMessage = {
+                eventType: eventType,
+                eventId: SA.projects.foundations.utilities.miscellaneousFunctions.genereteUniqueId(),
+                targetUserProfileId: userProfileId,
+                timestamp: (new Date()).valueOf()
+            }
+
+            event = {
+                requestType: 'Event',
+                eventMessage: JSON.stringify(eventMessage)
+            }
+
+            await UI.projects.socialTrading.modules.webSocketsWebAppClient.sendMessage(
+                JSON.stringify(event)
+            )
+                .then(resolve)
+                .catch(onError)
+
+            function onError(errorMessage) {
+                console.log('[ERROR] Event not executed. ' + errorMessage)
+                console.log('[ERROR] event = ' + JSON.stringify(event))
+                reject(errorMessage)
+            }
+        }
+    }
+
+    async function sendNewPostEvent(
+        postText
+    ) {
+
+        return new Promise((resolve, reject) => { asyncCall(resolve, reject) })
+
+        async function asyncCall(resolve, reject) {
+            let eventMessage
+            let event
+
+            eventMessage = {
+                eventType: SA.projects.socialTrading.globals.eventTypes.NEW_USER_POST,
+                eventId: SA.projects.foundations.utilities.miscellaneousFunctions.genereteUniqueId(),
+                postText: postText,
+                timestamp: (new Date()).valueOf()
+            }
+
+            event = {
+                requestType: 'Event',
+                eventMessage: JSON.stringify(eventMessage)
+            }
+
+            await UI.projects.socialTrading.modules.webSocketsWebAppClient.sendMessage(
+                JSON.stringify(event)
+            )
+                .then(resolve)
+                .catch(onError)
+
+            function onError(errorMessage) {
+                console.log('[ERROR] Event not executed. ' + errorMessage)
+                console.log('[ERROR] event = ' + JSON.stringify(event))
+                reject(errorMessage)
+            }
+        }
+    }
+
+    function messageReceived(message) {
+        window.alert(message)
+    }
+}

Desktop/UI/WebAppLoader.js

@@ -0,0 +1,118 @@
+
+function newWebAppLoader() {
+
+    let thisObject = {
+        loadModules: loadModules
+    }
+
+    return thisObject
+
+    async function loadModules() {
+        try {
+            let modulesArray = [
+                'WebDebugLog.js',
+                'WebApp.js'
+            ]
+
+            for (let i = 0; i < UI.schemas.projectSchema.length; i++) {
+                let project = UI.schemas.projectSchema[i]
+
+                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)
+                        }
+                    }
+                }
+
+                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()
+
+            function downloadIncludedFiles() {
+
+                let downloadedCounter = 0
+
+                for (let i = 0; i < modulesArray.length; i++) {
+                    let path = modulesArray[i]
+
+                    REQUIREJS([path], onRequired)
+
+                    function onRequired(pModule) {
+                        try {
+
+                            downloadedCounter++
+
+                            if (downloadedCounter === modulesArray.length) {
+                                setTimeout(() => {
+                                    UI.webApp = newWebApp()
+                                    UI.webApp.initialize()
+                                }, 500)
+
+                            }
+                        } catch (err) {
+                            console.log('[ERROR] loadModules -> onRequired -> err = ' + err.stack)
+                        }
+                    }
+                }
+            }
+
+        } catch (err) {
+            console.log('[ERROR] loadModules -> err = ' + err.stack)
+        }
+    }
+}
+

Desktop/UI/WebAppPreLoader.js

@@ -0,0 +1,111 @@
+
+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)) {
+        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)
+    }
+
+    loadGlobals()
+
+    function loadGlobals() {
+        let path = "Globals.js"
+        REQUIREJS([path], onRequired)
+
+        function onRequired(pModule) {
+            setupEnvironment()
+        }
+    }
+
+    function setupEnvironment() {
+        httpRequest(undefined, 'Environment', onResponse)
+
+        function onResponse(err, file) {
+            UI.environment = JSON.parse(file)
+            setupClientNode()
+        }
+    }
+
+    function setupClientNode() {
+        httpRequest(undefined, 'ClientNode', onResponse)
+
+        function onResponse(err, file) {
+            UI.clientNode = JSON.parse(file)
+            setupProjectsSchema()
+        }
+    }
+
+    function setupProjectsSchema() {
+        httpRequest(undefined, 'ProjectsSchema', onResponse)
+
+        function onResponse(err, file) {
+            UI.schemas.projectSchema = JSON.parse(file)
+            loadModules()
+        }
+    }
+
+    function loadModules() {
+        let path = "WebAppLoader.js"
+        REQUIREJS([path], onRequired)
+
+        function onRequired(pModule) {
+            let APP_LOADER_MODULE = newWebAppLoader()
+            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(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)
+
+            }
+            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("[ERROR] callServer -> err.message = " + err.message) }
+            callBackFunction({ result: "Fail", message: err.message })
+        }
+    }
+}
+
+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]
+    }
+}

Desktop/WebServer/css/main.css

@@ -0,0 +1,309 @@
+/* latin */
+@font-face {
+    font-family: 'Saira';
+    font-style: normal;
+    font-weight: 300;
+    src: local('Saira Light'), local('Saira-Light'), url(Fonts/Saira.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+  }
+  /* latin */
+  @font-face {
+    font-family: 'Saira Condensed';
+    font-style: normal;
+    font-weight: 300;
+    src: local('Saira Condensed Light'), local('SairaCondensed-Light'), url(Fonts/Saira-Condensed.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+  }
+  
+  @font-face {
+    font-family: segoeui;
+    src: url(Fonts/segoeui.woff) format('woff');
+    font-weight: normal;
+    font-style: normal;
+  }
+  
+  .body{
+    overflow-y: hidden;
+    overflow-x: hidden;
+  }
+
+  .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: transparent;    
+    border-width: 0px;
+  }
+
+  .static-div {
+    position: fixed;
+    top:0px; 
+    left:18%;
+    width: 100%;
+    height: 100%;
+    padding: 0; 
+    margin: 0;
+    color: #000;
+    background:transparent;
+    border-width: 0px;
+    border-collapse: collapse;
+  }
+
+  .content-div {
+    position:relative; 
+    vertical-align: top;
+    height: 100%;
+    width: 30%;
+    left: 31.2%;
+    color: #000;
+    border-color: blue;
+    background-color:transparent;
+    border-width: 1px;
+  }
+
+  .post-placeholder {
+    vertical-align: top;
+    height: 50px;
+    width: 100%;
+    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;
+  }
+
+  .new-post-div {
+    vertical-align: top;
+    height: 300px;
+    width: 100%;
+    color: #000;
+    border-color: blue;
+    background-color: transparent;
+    border-width: 0px;
+  }
+
+  .page-table {
+    top:0px; 
+    left:18%;
+    width: 64%;
+    height: 100%;
+    padding: 0; 
+    margin: 0;
+    color: #000;
+    background:transparent;
+    border-width: 0px;
+    border-collapse: collapse;
+  }
+
+  .left-column {
+    position:relative; 
+    top:0px; 
+    width: 20%;
+    height: 100%;
+    padding: 0; 
+    margin: 0;
+    color: #000;
+    border-width: 0px;
+  }
+
+  .middle-column {
+    position:relative; 
+    top:0px; 
+    width: 50%;
+    height: 100%;
+    padding: 0; 
+    margin: 0;
+    color: #000;
+    border-width: 0px;
+  }
+
+  .right-column {
+    position:relative; 
+    top:0px; 
+    left:0px;
+    width: 30%;
+    height: 100%;
+    padding: 0; 
+    margin: 0;
+    color: #000;
+    border-width: 0px;
+  }
+
+  .left-table {
+    position:relative; 
+    width: 100%;
+    height: 100%;
+    padding: 0; 
+    margin: 0;
+    color: #000;
+    border-width: 0px;
+    border-collapse: collapse;
+  }
+
+  .logo-cell {
+    vertical-align: top;
+    width: 100%;
+    height: 70px;
+    padding: 0; 
+    margin: 0;
+    color: #000;
+    border-width: 0px;
+  }
+
+  .menu-cell {
+    vertical-align: top;
+    width: 100%;
+    padding: 0; 
+    margin: 0;
+    color: #000;
+    border-width: 0px;
+  }
+
+  .profile-cell {
+    vertical-align: bottom;
+    width: 100%;
+    height: 50px;
+    padding: 0; 
+    margin: 0;
+    color: #000;
+    border-width: 0px;
+  }
+
+  .middle-table {
+    position:relative; 
+    width: 100%;
+    height: 100%;
+    padding: 0; 
+    margin: 0;
+    color: #000;
+    border-width: 0px;
+    border-collapse: collapse;
+  }
+
+  .content-title-cell {
+    vertical-align: top;
+    width: 100%;
+    height: 50px;
+    padding: 0; 
+    margin: 0;
+    color: #000;
+    border-width: 0px;
+    background-color: #ffffff;    
+  }
+
+  .content-cell {
+    vertical-align: top;
+    width: 100%;
+    padding: 0; 
+    margin: 0;
+    color: #000;
+    border-width: 0px;
+  }
+
+  .right-table {
+    position:relative; 
+    width: 100%;
+    height: 100%;
+    padding: 0; 
+    margin: 0;
+    color: #000;
+    border-width: 0px;
+    border-collapse: collapse;
+  }
+
+  .search-cell {
+    vertical-align: top;
+    width: 100%;
+    height: 50px;
+    padding: 0; 
+    margin: 0;
+    color: #000;
+    border-width: 0px;
+  }
+
+  .context-cell {
+    vertical-align: top;
+    width: 100%;
+    padding: 0; 
+    margin: 0;
+    color: #000;
+    border-width: 0px;
+    background:transparent;
+  }
+
+  .menu-table {
+    position:relative; 
+    width: 100%;
+    height: 65%;
+    padding: 0; 
+    margin: 0;
+    color: #000;
+    border-width: 0px;
+    border-collapse: collapse;
+  }
+
+  .menu-item-cell {
+    vertical-align: top;
+    width: 100%;
+    height: 50px;
+    padding: 0; 
+    margin: 0;
+    color: #000;
+    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;
+  }
+
+  .profile-to-follow-table {
+    position:relative; 
+    width: 100%;
+    height: 30%;
+    padding: 0; 
+    margin: 0;
+    color: #000;
+    border-width: 0px;
+    border-collapse: collapse;
+  }
+
+  .profile-to-follow-span {
+    float: right;
+  }
+
+  .profile-to-follow-button {
+    float: right;
+    background-color: green;
+  }
+
+  .profile-to-unfollow-span {
+    float: right;
+  }
+
+  .profile-to-unfollow-button {
+    float: right;
+    background-color: red;
+  }

Desktop/WebServer/index.html

@@ -0,0 +1,164 @@
+<html lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <title>Superalgos Desktop</title>
+    <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="WebAppPreLoader.js"></script>
+
+    <script type="text/javascript">
+        function loadApp() {
+            // Prevent click-jacking
+            try {
+                if (window == window.top || window.chrome && chrome.app && chrome.app.window) {
+                    document.documentElement.style.display = 'block'
+                } else {
+                    top.location = self.location
+                }
+            } catch (e) { console.error('CJ protection', e) }
+
+            try {
+                loadSuperalgos()
+            } catch (err) {
+                console.log("[ERROR] UI can not be started. Please check that WebServer is running.", err);
+            }
+        }
+
+        function onResize() {
+
+        }
+    </script>
+</head>
+
+<body id="body" onload="loadApp()" onresize="onResize()" class="body">
+
+    <div id="scroll-div" class="scroll-div">
+        <div id="static-div" class="static-div">
+        <table id="page-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">
+                            </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">
+                                <table class="context-table">
+                                    <tr>
+                                        <td>Who to follow</td>
+                                    </tr>
+                                    <tr>
+                                        <td id="who-to-follow-cell">
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>Show more</td>
+                                    </tr>
+                                </table>
+                            </td>
+                        </tr>
+                    </table>
+                </td>
+            </tr>
+        </table>
+        </div>>
+        <div id="content-div" class="content-div">
+            <div id="post-placeholder" class="post-placeholder">
+                Placeholder
+            </div>
+            <div id="new-post-div" class="new-post-div">
+                <table>
+                    <tr>
+                        <td>Profile Pic</td>
+                        <td>
+                            <table>
+                                <tr>
+                                    <td>
+                                        <textarea id="new-post-text-area">Type your post here...</textarea>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>Permissions</td>
+                                </tr>
+                                <tr>
+                                    <td>Tool Bar <button name="New Post">POST</button></td>
+                                </tr>
+                            </table>
+                        </td>
+                    </tr>
+                </table>
+            </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>
+</body>
+
+</html>

DesktopRoot.js

@@ -0,0 +1,78 @@
+exports.newDesktopRoot = function newDesktopRoot() {
+    /*
+    This module represents the execution root of the Desktop App.
+    We use this module that is outside the Desktop folder to 
+    load all node dependencies and get them ready to the actual App.
+    */
+    let thisObject = {
+        run: run
+    }
+
+    return thisObject
+
+    async function run(debugSettings) {
+        /* 
+        The DK object is accessible everywhere at the Superalgos Desktop App.
+        It provides access to all modules built for this App.
+        */
+        global.DK = {}
+        /* 
+        The SA object is accessible everywhere at the Superalgos Desktop App.
+        It provides access to all modules built for Superalgos in general.
+        */
+        global.SA = {}
+        /* Load Environment Variables */
+        let ENVIRONMENT = require('./Environment.js');
+        let ENVIRONMENT_MODULE = ENVIRONMENT.newEnvironment()
+        global.env = ENVIRONMENT_MODULE
+
+        if (debugSettings !== undefined && debugSettings.DESKTOP_APP_SIGNING_ACCOUNT !== undefined) {
+            global.env.DESKTOP_APP_SIGNING_ACCOUNT = debugSettings.DESKTOP_APP_SIGNING_ACCOUNT
+        }
+        /*
+        First thing is to load the project schema file.
+        */
+        global.PROJECTS_SCHEMA = require(global.env.PATH_TO_PROJECT_SCHEMA)
+        /* 
+        Setting up the modules that will be available, defined at the Project Schema file. 
+        */
+        let MULTI_PROJECT = require('./MultiProject.js');
+        let MULTI_PROJECT_MODULE = MULTI_PROJECT.newMultiProject()
+        MULTI_PROJECT_MODULE.initialize(DK, 'DK')
+        MULTI_PROJECT_MODULE.initialize(SA, 'SA')
+        /*
+        Setting up external dependencies.
+        */
+        SA.nodeModules = {
+            fs: require('fs'),
+            util: require('util'),
+            path: require('path'),
+            web3: require('web3'),
+            ws: require('ws'),
+            open: require('open'),
+            http: require('http'),
+            octokit: require("@octokit/rest"),
+            simpleGit: require('simple-git'),
+            nodeFetch: require('node-fetch')
+        }
+        /*
+        Setting up Secrets.
+        */
+        SA.secrets = {
+            array: require('./My-Secrets/Secrets.json').secrets,
+            map: new Map()
+        }
+        for (let i = 0; i < SA.secrets.array.length; i++) {
+            let secret = SA.secrets.array[i]
+            SA.secrets.map.set (secret.signingAccountChildCodeName, secret)
+        }
+
+        run()
+
+        async function run() {
+            DK.app = require('./Desktop/DesktopApp.js').newDesktopApp()
+            await DK.app.run()
+            console.log('Superalgos Desktop App is Running!')
+        }
+    }
+}

Docker/Dockerfile

@@ -1,25 +1,16 @@
-FROM python:3-slim
-ENV NODE_VERSION=node_16.x
-ENV PYTHONUNBUFFERED 1
-RUN apt-get update \
-    && apt-get install -y curl gnupg lsb-release build-essential \
-    && curl -fsSL https://deb.nodesource.com/gpgkey/nodesource.gpg.key | apt-key add - \
-    && DISTRO="$(lsb_release -s -c)" \
-    && echo "deb https://deb.nodesource.com/$NODE_VERSION $DISTRO main" | tee /etc/apt/sources.list.d/nodesource.list \
-    && echo "deb-src https://deb.nodesource.com/$NODE_VERSION $DISTRO main" | tee -a /etc/apt/sources.list.d/nodesource.list \
-    && apt-get update \
-    && apt-get install -y nodejs \
-    && apt-get clean \
-    && rm -rf /var/lib/apt/lists/*
+FROM node:16-alpine
 WORKDIR /app
 COPY . .
-RUN mkdir -p Data-Storage Log-Files My-Workspaces \
-    && groupadd superalgos \
-    && useradd --no-log-init -m -g superalgos superalgos \
-    && chown -R superalgos:superalgos /app
+RUN apk add --no-cache --virtual .build-deps make g++ \
+    && apk add --no-cache python3 \
+    && if [ "$(uname -m)" = "x86_64" ]; then node setup noShortcuts tensorflow; else node setup noShortcuts; fi \
+    && mkdir -p ./Platform/My-Data-Storage ./Platform/My-Log-Files ./Platform/My-Workspaces \
+    && addgroup superalgos \
+    && adduser --disabled-password --no-create-home --ingroup superalgos superalgos \
+    && chown -R superalgos:superalgos /app \
+    && apk del .build-deps
 USER superalgos
-RUN node setup
 EXPOSE 34248
 EXPOSE 18041
-VOLUME ["Data-Storage", "Log-Files", "My-Workspaces"]
-ENTRYPOINT ["node", "run", "noBrowser"]
+VOLUME ["/app/Platform/My-Data-Storage", "/app/Platform/My-Log-Files", "/app/Platform/My-Workspaces"]
+ENTRYPOINT ["node", "platform", "noBrowser"]

Docker/README.md

@@ -0,0 +1,273 @@
+# Superalgos Docker Guide
+
+## Table of Contents
+
+- [Introduction](#introduction)
+- [Installation](#installation)
+  - [Mac OS](#mac-os)
+  - [Windows](#windows)
+  - [Linux and BSD](#linux-and-bsd)
+- [Running Superalgos](#running-superalgos)
+  - [Using Docker-Compose](#using-docker-compose)
+- [Docker Best Practices](#docker-best-practices)
+- [Docker Development Best Practices](#docker-development-best-practices)
+  - [Dockerfile Best Practices](#dockerfile-best-practices)
+  - [Twelve Factor App](#twelve-factor-app)
+
+## Introduction
+
+This walk through is broken up into to parts: a quick-start guide to running [Superalgos](https://github.com/Superalgos/Superalgos) with Docker and a deeper, more theoretical dive into containers with the hopes of explaining some of the design decisions.
+
+[Superalgos](https://github.com/Superalgos/Superalgos), at its core, is a web application which also means it can be deployed inside a container like many other web applications. One of the leading platforms for operating containers is Docker. Docker can run on many different operating systems and compute platforms. The containers provide an easy, fast, repeatable, and secure way to deploy and distribute applications. While it doesn't take much experience to run containers or Docker, there are some basics that any user should learn in order to use the technology effectively.
+
+Before getting started, be aware that Docker is not the originally intended method of running the [Superalgos](https://github.com/Superalgos/Superalgos) application and as such there are some drawbacks to doing so. Namely, you won't be able contribute back to the project or configure your Governance profile. We'll discuss this more later. Therefore, you should only consider using the Docker container for production deployments.
+
+It is also worth noting that [Superalgos](https://github.com/Superalgos/Superalgos) is very resource intense so it is best to get acquainted with the software by running it on a fast computer with a good amount of RAM as opposed to a tiny, slow Raspberry Pi. But, once you are ready to run a production deployment, then a more economical server is preferred.
+
+Docker container images are hosted on `ghcr`. You can browse the containers in the [Packages section of the code repository](https://github.com/users/Superalgos/packages/container/package/superalgos).
+
+> **Note:** The container and the application are still under heavy development and testing. Please join the [Superalgos SysAdmins Group](https://t.me/superalgossysadmins) to discuss any issues you may run into.
+
+## Installation
+
+First, Docker Desktop needs to be installed on a Mac or Windows computer in order to run the containers. Linux and BSD users will need Docker Engine. Docker-compose is also recommended and it should be included with Docker Desktop, but it may need to be installed separately.
+
+### Mac OS
+
+Docker can be downloaded from the Docker Store following the [directions in the official Docker Docs](https://docs.docker.com/desktop/mac/install/). It can also be installed from the command line using Homebrew.
+
+```shell
+brew cask install docker
+brew install docker-compose
+```
+
+Then, make sure Docker Desktop is running. An easy way to check is to push `Cmd + space` then type `docker.app` in the search bar. You should also see the little whale icon in the top menu bar near the clock.
+
+### Windows
+
+Windows requires a few more steps than Mac OS, but it can also be downloaded from the Docker Store following the [directions in the official Docker Docs](https://docs.docker.com/desktop/windows/install/). It can also be installed from the command line using Chocolatey.
+
+```shell
+choco install docker-desktop
+```
+
+Docker should automatically start after installation. If you don't see the whale icon in the tray by the clock, then find `Docker` in the start menu.
+
+### Linux and BSD
+
+On Linux and BSD systems, Docker can be installed using the preferred package manager. [Step by step instructions for many different distributions](https://docs.docker.com/engine/install/debian/) of Linux can be found in the official Docker Docs. Since [Superalgos](https://github.com/Superalgos/Superalgos) runs well on Raspberry Pi 4 single-board computers, I'm going to illustrate the commands necessary to run [Superalgos](https://github.com/Superalgos/Superalgos) on the Raspbian Linux distribution.
+
+```shell
+# install the requirements
+sudo apt-get update
+sudo apt-get install \
+    apt-transport-https \
+    ca-certificates \
+    curl \
+    gnupg \
+    lsb-release
+
+# add the gpg keys to verify the packages
+curl -fsSL https://download.docker.com/linux/debian/gpg | sudo gpg --dearmor -o /usr/share/keyrings/docker-archive-keyring.gpg
+
+# configure the official repository
+echo \
+  "deb [arch=arm64 signed-by=/usr/share/keyrings/docker-archive-keyring.gpg] https://download.docker.com/linux/debian \
+  $(lsb_release -cs) stable" | sudo tee /etc/apt/sources.list.d/docker.list > /dev/null
+
+# install docker engine
+sudo apt-get update
+sudo apt-get install docker-ce docker-ce-cli containerd.io docker-compose
+```
+
+Docker should automatically start when it is done installing. You can check its status with `systemctl status docker`. To make things easier, ensure your user is added to the `docker` group. Type `id` at the command prompt and you should see something like `groups=...999(docker)`. If you don't see it listed, you can add yourself with `sudo usermod -a -G docker <username>`.
+
+## Running Superalgos
+
+Now that we have Docker installed and running, we can run the container. The option `--rm` will remove the instance of the container when it is exited.
+
+```shell
+docker run --rm ghcr.io/superalgos/superalgos:latest
+```
+
+You'll see some messages showing the container being downloaded and then some messages from the application itself showing that it is starting up and ready to accept connections. We'll stop the container now and add in a few more options so make it more useful, so press `ctrl + c` to exit.
+
+We'll need to expose some ports so we can actually connect to it from our browser. Also, we'll want to create a few directories on our host file system so we can save, or persist, data between container reboots.
+
+- `-d` to run the container daemonized, in the background
+- `-p` to map ports to the host system to allow connections
+- `-v` to mount local directories inside the container to persist data
+- `--name` to assign a name to the container for easier reference
+
+```shell
+# create the data directories
+mkdir -p Data-Storage Log-Files My-Workspaces
+
+# run the container with the extra options
+docker run \
+  -d \
+  --rm \
+  --name superalgos \
+  --user $(id -u):$(id -g) \
+  -p 18041:18041 \
+  -p 34248:34248 \
+  -v $(pwd)/Data-Storage:/app/Platform/Data-Storage \
+  -v $(pwd)/Log-Files:/app/Platform/Log-Files \
+  -v $(pwd)/My-Workspaces:/app/Platform/My-Workspaces \
+  ghcr.io/superalgos/superalgos:latest
+```
+
+You can check the status of the container with `docker ps -a` and view the logs with `docker logs superalgos`.
+
+Note that you will see one error in the log output informing you that `git` is not installed. This is intentional and is not required for the bot to function properly.
+
+Now you can open your browser and load the application front end. Try loading `http://localhost:34248` if you are on the same computer that is running the container, otherwise use the host ip, for example `http://192.168.1.10:34248`.
+
+If you want to stop the container, you can run `docker stop superalgos`. When you want to upgrade the container, use:
+
+```shell
+docker pull ghcr.io/superalgos/superalgos:latest
+docker stop superalgos
+docker run \
+  -d \
+  --rm \
+  --name superalgos \
+  --user $(id -u):$(id -g) \
+  -p 18041:18041 \
+  -p 34248:34248 \
+  -v $(pwd)/Data-Storage:/app/Platform/Data-Storage \
+  -v $(pwd)/Log-Files:/app/Platform/Log-Files \
+  -v $(pwd)/My-Workspaces:/app/Platform/My-Workspaces \
+  ghcr.io/superalgos/superalgos:latest
+```
+
+Let's stop the container for now (`docker stop superalgos`) and we'll run it again using `docker-compose`.
+
+Continue reading the [Docker Command Line documentation](https://docs.docker.com/engine/reference/commandline/cli/) for more details.
+
+### Using Docker-Compose
+
+Docker-compose is a wrapper for the Docker API which makes it a little easier to maintain a declarative configuration for an application instead of using the direct command line commands. There is a sample docker-compose configuration included in the [Superalgos](https://github.com/Superalgos/Superalgos) which you can as the basis for your own configuration.
+
+Let's download the sample and edit it. If you don't use `vim`, change that command for your preferred editor.
+
+```shell
+wget https://raw.githubusercontent.com/Superalgos/Superalgos/master/Docker/docker-compose.yml
+vim docker-compose.yml
+```
+
+Now, let's change some of the settings:
+
+```yaml
+version: "3"
+services:
+  superalgos:
+    image: ghcr.io/superalgos/superalgos:latest
+    command: ["minMemo"]
+    user: "$UID:$GID"
+    ports:
+      - '34248:34248'
+      - '18041:18041'
+    volumes:
+      - ./Data-Storage:/app/Platform/Data-Storage
+      - ./Log-Files:/app/Platform/Log-Files
+      - ./My-Workspaces:/app/Platform/My-Workspaces
+    restart: on-failure
+```
+
+You can see we have the same ports and volumes mapped. We also get a few extra settings like `command`, `environment`, and `restart`.
+
+- `command` adds an extra setting to the main startup, so the application ends up running with the full command `node platform noBrowser minMemo`. The base of that command is defined as the `ENTRYPOINT` in the `Dockerfile` that builds the container.
+- `user` defines the UID and GID the container should run as so that the data can be persisted with the correct permissions in the Data-Storage, Log-Files, and My-Workspaces directories that we created on the host. If you leave this out, the container will use the built in `superalgos` user which has `uid: 1001` and `gid: 1001`.  Instead of using variables, you could also hard-code these UID and GID numbers into the configuration.
+- `restart` tells Docker to restart the container if an error occurs.
+
+Save the file and exit the editor. If you are using `vim`, hit escape and then type `:wq!` or press `shift + Z + Z` (two capital Z's).
+
+Now, start the container with `docker-compose up`. This will start the container in the foreground and you'll connect to the log output. Hit `ctrl + c` to exit. Going forward, you'll want to add the `-d` option to start the container and keep it running in the background.
+
+```shell
+# some preliminary configuration to set up the persistent data directories
+mkdir -p Data-Storage Log-Files My-Workspaces
+export UID=$(id -u)
+export GID=$(id -g)
+
+# run the container in the background
+docker-compose up -d
+```
+
+Now you have several `docker-compose` commands at your disposal to interact with the container:
+
+- `docker-compose ps` to see details of the container
+- `docker-compose logs` to see the logs
+- `docker-compose down` to stop and remove the instance of the container
+- `docker-compose pull` to pull the container, or a new version of the `latest` tag
+
+Putting some of those concepts together, you can keep the running container up to date with this one-liner:
+
+```shell
+docker-compose pull && docker-compose down && docker-compose up -d
+```
+
+Explore the full [Docker Compose documentation](https://docs.docker.com/compose/) for more information.
+
+## Docker Best Practices
+
+As with any technology, there are lots of ways of doing things. A lot of them will give the same end result, but some may have fewer steps, or be more secure, or be more maintainable. That is where "best practices" come in. They aren't there to necessarily tell you what to do and what not to do, but they are there to help guide you in the right direction. A lot of times, they help you avoid making architectural mistakes that could come back and bite you further down the road.
+
+One general best practice when running a production deployment is to avoid breaking changes by pinning to specific container tags. The `shasum hash` and the `release` tags are the best to use. These will generally ensure you are always running the same code and it will only upgrade when configured to do so.  The other tags will change which code they are pointing to more frequently and without notice.
+
+- `latest` : the absolute latest build
+- `master` : the latest master branch build
+- `develop` : the latest develop branch build
+- `<shasum hash>` : a specific git commit hash
+- `<release>` : corresponds with a Github Release (git tag), i.e. `beta-10`
+
+## Docker Development Best Practices
+
+Docker has many advantages which can aid in every step from development through production deployment. There are some useful tips located directly in the [Docker documentation](https://docs.docker.com/develop/dev-best-practices/). Concisely, they are to keep the build images small, a few tips on when and how to persist data, and to use CI/CD for testing and deployment. All of these tips are used in one way or another as a part of the [Superalgos](https://github.com/Superalgos/Superalgos) project.
+
+- Use a minimal base image and multi-stage build. Superalgos is currently using an [alpine](https://www.alpinelinux.org/) base image but [distroless](https://github.com/GoogleContainerTools/distroless) is becoming more common and some times using a base image like [python-slim](https://hub.docker.com/_/python) is the bast that can be achieved.
+- The images are quite large (around 2 GB in size), unfortunately, because the codebase itself is large. We've recently put in a lot of effort to make these images as small as possible.
+- The images are built automatically using Github Actions when pull requests are merged.
+- With the correct configuration, data, like data mine and trading bot information, is persisted to the host using volume mounts
+
+### Dockerfile Best Practices
+
+Docker maintains a list of [Dockerfile best practices](https://docs.docker.com/develop/develop-images/dockerfile_best-practices/) in their main documentation. These tips dictate many of the decisions around the Superalgos Dockerfile. Some of the tips that are used by [Superalgos](https://github.com/Superalgos/Superalgos) are listed below.
+
+- Use `.dockerignore` to prevent unwanted data from entering the container. This keeps the container small but also enhances security to prevent secrets from leaking into a container by accident.
+- Don't install unnecessary packages. In lieu of multi-stage builds, build caches and build dependencies are removed before finalizing the container. Only packages that are necessary for the execution of the application are installed. This is why `git` is not present.
+- Minimize the number of layers. Many `RUN` commands are combined into one using `&&` in order to reduce the number of layers.
+- Sort multiline arguments. This mostly enhances readability and maintainability.
+- Leverage build cache. When testing locally, several of the tips above help leverage the build cache and speed up build times.
+
+### Twelve Factor App
+
+[Superalgos](https://github.com/Superalgos/Superalgos) is a web app but it was originally designed to be run on a local workstation or server on a trusted network. However, I don't think it would be prudent to talk about Docker best practices without mentioning the [Twelve Factor App](https://12factor.net/) manifesto. Over time, [Superalgos](https://github.com/Superalgos/Superalgos) itself may iterate and implement more and more of these principles as more people get involved and more people deploy production environments.
+
+The Twelve Factors:
+
+- Codebase: One codebase tracked in revision control, many deploys
+  - Superalgos utilizes one GitHub repository
+- Dependencies: Explicitly declare and isolate dependencies
+  - Superalgos is a node.js app and uses npm to track and install dependencies
+- Config: Store config in the environment
+  - Superalgos does not use environment variables the moment for configuration. Options are passed on the command line at run time. Other configuration is hard coded into the Workspaces.
+- Backing services: Treat backing services as attached resources
+  - Superalgos connects to external services via API calls over HTTP (TCP)
+- Build, release, run: Strictly separate build and run stages
+  - Superalgos is deployed by end users in their own local environments
+- Processes: Execute the app as one or more stateless processes
+  - Superalgos is one application
+- Port binding: Export services via port binding
+  - Superalgos exposes an HTTP frontend port and a Websockets backend port (TCP)
+- Concurrency: Scale out via the process model
+  - Superalgos can be clustered but the front end and backend do not necessarily scale out independently from each other
+- Disposability: Maximize robustness with fast startup and graceful shutdown
+  - Superalgos is not stateless in that the data files must be persisted to disk. Also, Superalgos cannot run behind a load balancer and have requests randomly distributed to different backend servers.
+- Dev/prod parity: Keep development, staging, and production as similar as possible
+  - Superalgos doesn't have its own production environment but the container makes it easy to ensure development environments are the same as what a user will see when they deploy it for themselves in their own production environment.
+- Logs: Treat logs as event streams
+  - Superalgos sends its own application logs to standard out. The trading mine logs are sent to flat files (persisted through volume mounts)
+- Admin processes: Run admin/management tasks as one-off processes
+  - Superalgos does not have any admin or management tasks outside of what is used to create the container at build time.

Docker/docker-compose.yml

@@ -4,13 +4,14 @@ services:
     build: 
       context: ..
       dockerfile: ./Docker/Dockerfile
-    image: superalgos
+    image: ghcr.io/superalgos/superalgos:latest
     command: ["minMemo"]
+    user: "$UID:$GID"
     ports:
       - '34248:34248'
       - '18041:18041'
     volumes:
-      - ../Data-Storage:/app/Data-Storage
-      - ../Log-Files:/app/Log-Files
-      - ../My-Workspaces:/app/My-Workspaces
+      - ../Platform/My-Data-Storage:/app/Platform/My-Data-Storage
+      - ../Platform/My-Log-Files:/app/Platform/My-Log-Files
+      - ../Platform/My-Workspaces:/app/Platform/My-Workspaces
     restart: on-failure

Environment.js

@@ -1,20 +1,48 @@
+const path = require("path")
+
+if (process.env.PACKAGED_PATH) {
+    basePath = process.env.PACKAGED_PATH
+} else {
+    basePath = __dirname
+}
 exports.newEnvironment = function () {
 
     let thisObject = {
+        DEMO_MODE: false,
+        BASE_PATH: basePath,
         WEB_SERVER_URL: 'localhost',
-        WEB_SOCKETS_INTERFACE_PORT: 18041,
-        HTTP_INTERFACE_PORT: 34248,
-        PATH_TO_TASK_SERVER: './TaskServer',
-        PATH_TO_DATA_STORAGE: './Data-Storage',
-        PATH_TO_PROJECTS: './Projects',
-        PATH_TO_LOG_FILES: './Log-Files',
-        PATH_TO_PROJECTS_REQUIRED: '../Projects',
-        PATH_TO_UI: './UI',
-        PATH_TO_DATA_FILES: './UI/Data-Files/src',
-        PATH_TO_CLIENT: './Client/',
-        PATH_TO_DEFAULT_WORKSPACE: './Projects/Superalgos/Plugins/Workspaces',
-        PATH_TO_MY_WORKSPACES: './My-Workspaces',
-        PATH_TO_FONTS: './Client/WebServer/Fonts'
+        PLATFORM_WEB_SOCKETS_INTERFACE_PORT: 18041,
+        NETWORK_WEB_SOCKETS_INTERFACE_PORT: 17041,
+        DESKTOP_WEB_SOCKETS_INTERFACE_PORT: 16041,
+        DESKTOP_WEB_SOCKETS_INTERFACE_HOST: 'localhost',
+        PLATFORM_HTTP_INTERFACE_PORT: 34248,
+        DESKTOP_HTTP_INTERFACE_PORT: 33248,
+        NETWORK_HTTP_INTERFACE_PORT: 31248,
+        PATH_TO_DATA_STORAGE: path.join(basePath, './Platform/My-Data-Storage'),
+        PATH_TO_PROJECTS: path.join(basePath, './Projects'),
+        PATH_TO_LOG_FILES: path.join(basePath, './Platform/My-Log-Files'),
+        PATH_TO_PROJECTS_REQUIRED: path.join(basePath, './Projects'),
+        PATH_TO_PROJECT_SCHEMA: path.join(basePath, './Projects/ProjectsSchema.json'),
+        PATH_TO_PLATFORM: path.join(basePath, './Platform'),
+        PATH_TO_DESKTOP: './Desktop',
+        PATH_TO_DEFAULT_WORKSPACE: path.join(basePath, './Projects/Foundations/Plugins/Workspaces'),
+        PATH_TO_MY_WORKSPACES: path.join(basePath, './Platform/My-Workspaces'),
+        PATH_TO_FONTS: path.join(basePath, './Platform/WebServer/Fonts'),
+        DESKTOP_APP_SIGNING_ACCOUNT: 'Social-Trading-Desktop-App-1',
+        DESKTOP_APP_MAX_OUTGOING_PEERS: 1,
+        MOBILE_APP_SIGNING_ACCOUNT: 'Social-Trading-Mobile-App-1',
+        SERVER_APP_SIGNING_ACCOUNT: 'Social-Trading-Server-App-1',
+        PLATFORM_APP_SIGNING_ACCOUNT: 'Algo-Traders-Platform-1',
+        P2P_NETWORK_NODE_SIGNING_ACCOUNT: 'P2P-Network-Node-1',
+        P2P_NETWORK_NODE_MAX_INCOMING_CLIENTS: 1,
+        P2P_NETWORK_NODE_MAX_INCOMING_PEERS: 2,
+        P2P_NETWORK_NODE_MAX_OUTGOING_PEERS: 2
+    }
+
+    if (process.env.DATA_PATH) {
+        thisObject.PATH_TO_DATA_STORAGE = path.join(process.env.DATA_PATH, '/Superalgos_Data/My-Data-Storage')
+        thisObject.PATH_TO_LOG_FILES = path.join(process.env.DATA_PATH, '/Superalgos_Data/My-Log-Files')
+        thisObject.PATH_TO_MY_WORKSPACES = path.join(process.env.DATA_PATH, '/Superalgos_Data/My-Workspaces')
     }
 
     return thisObject

Launch-Scripts/create-shortcut.js

@@ -1,6 +1,6 @@
 const path     = require("path");
 const fs       = require("fs");
-const { exec } = require("child_process");
+const { exec, execSync } = require("child_process");
 const os       = require("os"); 
 
 // Get the name of the main directory
@@ -49,7 +49,7 @@ if (os.platform() == "win32") {
     let version = os.version();
     if (version.includes("Ubuntu")) {
         // Paths and Icon for Ubuntu shortcuts
-        let icon = path.join( __dirname,"..", "/Projects/Superalgos/Icons/superalgos.png");
+        let icon = path.join( __dirname,"..", "/Projects/Foundations/Icons/superalgos.png");
 
         // Create .desktop shortcut file
         fs.writeFileSync( `${name}.desktop`, 
@@ -92,7 +92,45 @@ if (os.platform() == "win32") {
    
 // Mac Shortcuts
 } else if (os.platform() == "darwin") {
-    console.log( "Automatic shortcut creation is not yet supported on Mac.  If you would like to see this feature add, message @harrellbm on telegram or discord to ask how you can help!")
+    const icon = path.join( __dirname,"/superalgos.ico");
+    const createShortcutCommand = `chmod +x ${name}.command & cp ${name}.command ~/Desktop/${name}.command`
+    const installFileIconcommand = `npm install fileicon`;
+    const changeIconCommand = `./node_modules/fileicon/bin/fileicon set ~/Desktop/${name}.command ./Launch-Scripts/superalgos.ico`
+    const unInstallFileIconcommand = `npm uninstall fileicon`;
+    
+    try {
+        // Create .desktop shortcut file
+            fs.writeFileSync( `${name}.command`, 
+            `#!/bin/sh
+            cd ${__dirname}
+            cd ..
+            node run
+            "$SHELL"`,
+        );
+
+        // Place shortcut in proper folders
+        execSync( createShortcutCommand,{ timeout: 30000})
+
+        // Remove temporary .command file
+        fs.unlinkSync( `${name}.command` )
+        
+        //Install fileicon utility 
+        execSync(installFileIconcommand, {stdio: 'inherit', timeout: 30000});
+
+        //change Icon
+        execSync(changeIconCommand, {stdio: 'inherit', timeout: 30000});
+
+        //Un-Install fileicon utility 
+        execSync(unInstallFileIconcommand, {stdio: 'inherit', timeout: 30000});
+    } catch (error) {
+        console.log('');
+        console.log("There was an error installing a shortcut: ");
+        console.log('');
+        console.log( error );
+        return;
+    }
+
+    console.log("Shortcuts added successfully!");
 
 // Misc Operating System
 } else {

Launch-Scripts/launch-linux-mac.sh

@@ -1,4 +1,4 @@
 #!/bin/sh
 cd .. 
-node run 
+node platform 
 "$SHELL"

Launch-Scripts/launch-windows.bat

@@ -1,3 +1,3 @@
 cd /d %~dp0
 cd ..
-cmd /k "node run"
+cmd /k "node platform"

Launch-Scripts/system-check.js

@@ -0,0 +1,69 @@
+const { execSync } = require("child_process");
+const os       = require("os"); 
+
+// Minimum versions required 
+const npmNeededVersion = '5'
+const nodeNeededVersion = '12'
+const gitNeededVersion = '2'
+
+function systemCheck () {
+    try {
+        
+        // Gather Installed Versions of Node, NPM and Git
+        const npmVersionRaw = execSync( "npm -v",{ encoding: 'utf8', timeout: 30000 })
+        const nodeVersionRaw = execSync( "node -v",{ encoding: 'utf8',timeout: 30000 })
+        const gitVersionRaw = execSync( "git --version",{ encoding: 'utf8',timeout: 30000 })
+        const npmVersion = npmVersionRaw.trim().split('.')
+        const nodeVersion = nodeVersionRaw.trim().substring(1).split('.')
+        const gitVersion = gitVersionRaw.trim().split(' ')[2].split('.')
+
+        // Make sure update version of npm is installed
+        if ( npmVersion[0] < npmNeededVersion ) {
+            console.log('');
+            console.log("ERROR: the version of npm you have installed is out of date. Please update your installation of npm and try again.");
+            console.log('');
+            process.exit();
+        }
+        
+        // Make sure update version of node is installed 
+        if ( nodeVersion[0] < nodeNeededVersion ) {
+            console.log('');
+            console.log("ERROR: the version of node you have installed is out of date. Please update your installation of node and try again.");
+            console.log('');
+            process.exit();
+        }
+
+        // Make sure updated version of git is installed
+        if ( gitVersion[0] < gitNeededVersion ) {
+            console.log('');
+            console.log("ERROR: the version of git you have installed is out of date. Please update your installation of git and try again.");
+            console.log('');
+            process.exit();
+        }
+
+        // Check windows system
+        if (os.platform() == "win32") {
+
+            // Verify C:\Windows\System32 is on the windows PATH 
+            const path = execSync( "echo %PATH%",{ encoding: 'utf8',timeout: 30000 })
+            let check = path.includes('System32')
+            if ( check === false ) {
+                console.log('');
+                console.log("ERROR: it appears C:\\Windows\\System32 is missing from your PATH.  Please add to your path and try again.");
+                console.log('');
+                process.exit();
+            }
+
+        }
+    
+    } catch (error) {
+        console.log('');
+        console.log("There was an error with your system: ");
+        console.log('');
+        console.log( error );
+        return;
+    }
+
+};
+
+module.exports = systemCheck

MultiProject.js

@@ -0,0 +1,116 @@
+exports.newMultiProject = function () {
+
+    let thisObject = {
+        initialize: initialize
+    }
+
+    return thisObject;
+
+    function initialize(rootObject, rootObjectName) {
+        /*
+        Here we will setup the rootObject object, with all the
+        projects and modules that will have inside.
+        */
+        rootObject.projects = {}
+
+        for (let i = 0; i < PROJECTS_SCHEMA.length; i++) {
+            let projectDefinition = PROJECTS_SCHEMA[i]
+            global[rootObjectName].projects[projectDefinition.propertyName] = {}
+            let projectInstance = global[rootObjectName].projects[projectDefinition.propertyName]
+
+            projectInstance.utilities = {}
+            projectInstance.globals = {}
+            projectInstance.functionLibraries = {}
+            projectInstance.modules = {}
+            projectInstance.taskModules = {}
+            projectInstance.processModules = {}
+            projectInstance.botModules = {}
+
+            if (projectDefinition[rootObjectName] === undefined) { continue }
+
+            /* Set up Utilities of this Project */
+            if (projectDefinition[rootObjectName].utilities !== undefined) {
+                for (let j = 0; j < projectDefinition[rootObjectName].utilities.length; j++) {
+                    let utilityDefinition = projectDefinition[rootObjectName].utilities[j]
+                    let path = global.env.PATH_TO_PROJECTS_REQUIRED + '/' + projectDefinition.name + '/' + rootObjectName + '/' + 'Utilities' + '/' + utilityDefinition.fileName
+
+                    let requiredObject = require(path)
+                    let requiredFunction = requiredObject[utilityDefinition.functionName]
+                    projectInstance.utilities[utilityDefinition.propertyName] = requiredFunction.call()
+                }
+            }
+
+            /* Set up Globals of this Project */
+            if (projectDefinition[rootObjectName].globals !== undefined) {
+                for (let j = 0; j < projectDefinition[rootObjectName].globals.length; j++) {
+                    let globalDefinition = projectDefinition[rootObjectName].globals[j]
+                    let path = global.env.PATH_TO_PROJECTS_REQUIRED + '/' + projectDefinition.name + '/' + rootObjectName + '/' + 'Globals' + '/' + globalDefinition.fileName
+
+                    let requiredObject = require(path)
+                    let requiredFunction = requiredObject[globalDefinition.functionName]
+                    projectInstance.globals[globalDefinition.propertyName] = requiredFunction.call()
+                }
+            }
+
+            /* Set up Function Libraries of this Project */
+            if (projectDefinition[rootObjectName].functionLibraries !== undefined) {
+                for (let j = 0; j < projectDefinition[rootObjectName].functionLibraries.length; j++) {
+                    let functionLibraryDefinition = projectDefinition[rootObjectName].functionLibraries[j]
+                    let path = global.env.PATH_TO_PROJECTS_REQUIRED + '/' + projectDefinition.name + '/' + rootObjectName + '/' + 'Function-Libraries' + '/' + functionLibraryDefinition.fileName
+
+                    let requiredObject = require(path)
+                    let requiredFunction = requiredObject[functionLibraryDefinition.functionName]
+                    projectInstance.functionLibraries[functionLibraryDefinition.propertyName] = requiredFunction.call()
+                }
+            }
+
+            /*
+            From here we will require and get the modules, but without instantiating thisObject. 
+            */
+
+            /* Set up  Modules for this Project */
+            if (projectDefinition[rootObjectName].modules !== undefined) {
+                for (let j = 0; j < projectDefinition[rootObjectName].modules.length; j++) {
+                    let taskModuleDefinition = projectDefinition[rootObjectName].modules[j]
+                    let path = global.env.PATH_TO_PROJECTS_REQUIRED + '/' + projectDefinition.name + '/' + rootObjectName + '/' + 'Modules' + '/' + taskModuleDefinition.fileName
+
+                    let requiredObject = require(path)
+                    projectInstance.modules[taskModuleDefinition.propertyName] = requiredObject
+                }
+            }
+
+            /* Set up Task Modules for this Project */
+            if (projectDefinition[rootObjectName].taskModules !== undefined) {
+                for (let j = 0; j < projectDefinition[rootObjectName].taskModules.length; j++) {
+                    let taskModuleDefinition = projectDefinition[rootObjectName].taskModules[j]
+                    let path = global.env.PATH_TO_PROJECTS_REQUIRED + '/' + projectDefinition.name + '/' + rootObjectName + '/' + 'Task-Modules' + '/' + taskModuleDefinition.fileName
+
+                    let requiredObject = require(path)
+                    projectInstance.taskModules[taskModuleDefinition.propertyName] = requiredObject
+                }
+            }
+
+            /* Set up Process Modules for this Project */
+            if (projectDefinition[rootObjectName].processModules !== undefined) {
+                for (let j = 0; j < projectDefinition[rootObjectName].processModules.length; j++) {
+                    let processModuleDefinition = projectDefinition[rootObjectName].processModules[j]
+                    let path = global.env.PATH_TO_PROJECTS_REQUIRED + '/' + projectDefinition.name + '/' + rootObjectName + '/' + 'Process-Modules' + '/' + processModuleDefinition.fileName
+
+                    let requiredObject = require(path)
+                    projectInstance.processModules[processModuleDefinition.propertyName] = requiredObject
+                }
+            }
+
+            /* Set up Bot Modules for this Project */
+            if (projectDefinition[rootObjectName].botModules !== undefined) {
+                for (let j = 0; j < projectDefinition[rootObjectName].botModules.length; j++) {
+                    let botModuleDefinition = projectDefinition[rootObjectName].botModules[j]
+                    let path = global.env.PATH_TO_PROJECTS_REQUIRED + '/' + projectDefinition.name + '/' + rootObjectName + '/' + 'Bot-Modules' + '/' + botModuleDefinition.folderName + '/' + botModuleDefinition.fileName
+
+                    let requiredObject = require(path)
+                    projectInstance.botModules[botModuleDefinition.propertyName] = requiredObject
+                }
+            }
+        }
+    }
+}

Network/NetwokNode.js

@@ -0,0 +1,77 @@
+exports.newNetworkNode = function newNetworkNode() {
+
+    let thisObject = {
+        userProfiles: undefined,
+        p2pNetwork: undefined,
+        p2pNetworkPeers: undefined,
+        p2pNetworkNode: undefined,
+        webSocketsInterface: undefined,
+        httpInterface: undefined,
+        socialGraphService: undefined,
+        storage: undefined,
+        run: run
+    }
+
+    NT.networkNode = thisObject
+
+    return thisObject
+
+    async function run() {
+
+        await setupNetwork()
+        await setupServices()
+
+        async function setupNetwork() {
+            /*
+            We set up ourselves as a Network Node.
+            */
+            thisObject.p2pNetworkNode = SA.projects.network.modules.p2pNetworkNode.newNetworkModulesP2PNetworkNode()
+            await thisObject.p2pNetworkNode.initialize()
+            /*
+            We will read all user profiles plugins and get from there our network identity.
+            */
+            thisObject.userProfiles = SA.projects.network.modules.userProfiles.newNetworkModulesUserProfiles()
+            await thisObject.userProfiles.initialize(global.env.P2P_NETWORK_NODE_SIGNING_ACCOUNT, thisObject.p2pNetworkNode)
+            /*
+            Let's discover who is at the p2p network.
+            */
+            thisObject.p2pNetwork = SA.projects.network.modules.p2pNetwork.newNetworkModulesP2PNetwork()
+            await thisObject.p2pNetwork.initialize('Network Peer')
+            /*
+            Set up the connections to network nodes.
+            */
+            thisObject.p2pNetworkPeers = SA.projects.network.modules.p2pNetworkPeers.newNetworkModulesP2PNetworkPeers()
+            await thisObject.p2pNetworkPeers.initialize(
+                'Network Peer',
+                thisObject.p2pNetworkNode,
+                thisObject.p2pNetwork,
+                global.env.P2P_NETWORK_NODE_MAX_OUTGOING_PEERS
+            )
+        }
+
+        async function setupServices() {
+            /*
+            The Social Graph Service is the first and for now, the only service this Network Node provides.
+            */
+            thisObject.socialGraphService = NT.projects.socialTrading.modules.socialGraph.newNetworkModulesSocialGraph()
+            await thisObject.socialGraphService.initialize()
+            /*
+            The Sotrage deals with persisting the Social Graph.
+            */
+            thisObject.storage = NT.projects.socialTrading.modules.storage.newSocialTradingModulesStorage()
+            thisObject.storage.initialize()
+            /*
+            Other Network Nodes and Client Apps will communicate with this Network Node via it's Websocket Interface.
+            */
+            thisObject.webSocketsInterface = NT.projects.network.modules.webSocketsInterface.newNetworkModulesWebSocketsInterface()
+            thisObject.webSocketsInterface.initialize()
+            console.log('Network Node Web Sockets Interface ........................................... Listening at port ' + JSON.parse(NT.networkNode.p2pNetworkNode.node.config).webSocketsPort)
+            /*
+            Other Network Nodes and Client Apps will communicate with this Network Node via it's HTTP Interface.
+            */
+            thisObject.httpInterface = NT.projects.network.modules.httpInterface.newNetworkModulesHttpInterface()
+            thisObject.httpInterface.initialize()
+            console.log('Network Node Http Interface .................................................. Listening at port ' + JSON.parse(NT.networkNode.p2pNetworkNode.node.config).webPort)
+        }
+    }
+}

NetworkRoot.js

@@ -0,0 +1,73 @@
+exports.newNetworkRoot = function newNetworkRoot() {
+    /*
+    This module represents the execution root of the Network Node.
+    We use this module that is outside the Network folder to 
+    load all node dependencies and get them ready to the actual node.
+    */
+    let thisObject = {
+        run: run
+    }
+
+    return thisObject
+
+    async function run(debugSettings) {
+        /* 
+        The NT object is accessible everywhere at the Superalgos Network.
+        It provides access to all modules built for this Network.
+        */
+        global.NT = {}
+        /* 
+        The SA object is accessible everywhere at the Superalgos Network.
+        It provides access to all modules built for Superalgos in general.
+        */
+        global.SA = {}
+        /* Load Environment Variables */
+        let ENVIRONMENT = require('./Environment.js');
+        let ENVIRONMENT_MODULE = ENVIRONMENT.newEnvironment()
+        global.env = ENVIRONMENT_MODULE
+
+        if (debugSettings !== undefined && debugSettings.P2P_NETWORK_NODE_SIGNING_ACCOUNT !== undefined) {
+            global.env.P2P_NETWORK_NODE_SIGNING_ACCOUNT = debugSettings.P2P_NETWORK_NODE_SIGNING_ACCOUNT
+        }
+        /*
+        First thing is to load the project schema file.
+        */
+        global.PROJECTS_SCHEMA = require(global.env.PATH_TO_PROJECT_SCHEMA)
+        /* 
+        Setting up the modules that will be available, defined at the Project Schema file. 
+        */
+        let MULTI_PROJECT = require('./MultiProject.js');
+        let MULTI_PROJECT_MODULE = MULTI_PROJECT.newMultiProject()
+        MULTI_PROJECT_MODULE.initialize(NT, 'NT')
+        MULTI_PROJECT_MODULE.initialize(SA, 'SA')
+        /*
+        Setting up external dependencies.
+        */
+        SA.nodeModules = {
+            fs: require('fs'),
+            path: require('path'),
+            util: require('util'),
+            http: require('http'),            
+            nodeFetch: require('node-fetch'),
+            web3: require('web3'),
+            ws: require('ws'),
+            simpleGit: require('simple-git')
+        }
+        /*
+        Setting up Secrets.
+        */
+        SA.secrets = {
+            array: require('./My-Secrets/Secrets.json').secrets,
+            map: new Map()
+        }
+        for (let i = 0; i < SA.secrets.array.length; i++) {
+            let secret = SA.secrets.array[i]
+            SA.secrets.map.set(secret.signingAccountChildCodeName, secret)
+        }
+
+        NT.app = require('./Network/NetwokNode.js').newNetworkNode()
+        NT.app.run()
+
+        console.log('Superalgos Network is Running.')
+    }
+}

Platform/Client/eventServer.js

@@ -1,8 +1,5 @@
 exports.newEventServer = function newEventServer() {
 
-    const MODULE = "Events Server"
-    const LOG_INFO = false
-
     let thisObject = {
         initialize: initialize,
         finalize: finalize,
@@ -37,7 +34,7 @@
                     if (eventHandler === undefined) {
                         /*
                         We will only create event handlers which were not created before. Remember that someone trying to listen events
-                        at an event handler that does not exist, will create that eventhandler, so it is possible that the emitter
+                        at an event handler that does not exist, will create that event handler, so it is possible that the emitter
                         when trying to create the event handler in fact was late and the event handler is already there if the listener
                         arrived here first. An event handler created with this method is not destroyed if there are no listeners or they
                         all leave.
@@ -53,8 +50,8 @@
                     let eventHandler = eventHandlers.get(command.eventHandlerName)
                     if (eventHandler !== undefined) {
                         /*
-                        We will only delete event handlers which have noone listening, allowing a listener to continue listening even
-                        when the event emitter is gone, asuming that it could come back at some point in time and resume emitting.
+                        We will only delete event handlers which have no one listening, allowing a listener to continue listening even
+                        when the event emitter is gone, assuming that it could come back at some point in time and resume emitting.
                         */
                         if (eventHandler.listeners.length === 0) {
                             eventHandlers.delete(command.eventHandlerName)
@@ -71,8 +68,8 @@
                     if (eventHandler === undefined) {
                         /*
                         We will create event handlers which were not created before if a listener tries to listen to a handler that does not
-                        exist before the emitter comes and create it. This is to aviod syncronization problems and also problems with emitters life
-                        cycles with higher frecuency that the ones of listeners. Created in this way, event handlers are marked for deletion if
+                        exist before the emitter comes and create it. This is to avoid synchronization problems and also problems with emitters life
+                        cycles with higher frequency that the ones of listeners. Created in this way, event handlers are marked for deletion if
                         all listeners stop listening at one point in time.
                         */
                         eventHandler = newEventHandler()
@@ -107,7 +104,7 @@
 
                     if (eventHandler === undefined) {
 
-                        /* If the event handler does not exist anymore, then there is no need to perform further actiions.  */
+                        /* If the event handler does not exist anymore, then there is no need to perform further actions.  */
                         sendResponse(global.DEFAULT_OK_RESPONSE)
                         return
                     }
@@ -115,7 +112,7 @@
                     eventHandler.stopListening(command.eventHandlerName, command.eventType, command.callerId, command.eventSubscriptionId)
 
                     /*
-                    We check here if there are no more listeners and the event handler original emmiter is also gone, then we need to delete
+                    We check here if there are no more listeners and the event handler original emitter is also gone, then we need to delete
                     this event handlers since chances are that is not needed anymore.
                     */
                     if (eventHandler.listeners.length === 0 && eventHandler.deleteWhenAllListenersAreGone === true) {
@@ -133,7 +130,7 @@
                         eventHandler = newEventHandler()
                         eventHandlers.set(command.eventHandlerName, eventHandler)
 
-                        /* No matter if it is the listener or the emiter the one that acts first, if an event handler does not exist we just create it acan keep it there. */
+                        /* No matter if it is the listener or the emitter the one that acts first, if an event handler does not exist we just create it and keep it there. */
 
                     }
                     //console.log("[INFO] Client -> Events Server -> Raising Event " + command.eventHandlerName + " " + command.eventType)
@@ -166,7 +163,7 @@
         let thisObject = {
             name: undefined,                            // This is for debugging purposes only.
             deleteWhenAllListenersAreGone: false,
-            listeners: [],                              // Here we store all the functions we will call when an event is raiseed.
+            listeners: [],                              // Here we store all the functions we will call when an event is raised.
             listenToEvent: listenToEvent,
             stopListening: stopListening,
             raiseEvent: raiseEvent,
@@ -184,7 +181,7 @@
 
             /*
             We can not allow to have the exact same listener more than once. In case that we find a listener trying to listen again, the first record will
-            be deleted and we are just going to consider the last one comming in.
+            be deleted and we are just going to consider the last one coming in.
             */
             for (let i = 0; i < thisObject.listeners.length; i++) {
                 if (eventHandlerName === thisObject.listeners[i][0] && eventType === thisObject.listeners[i][1] && callerId === thisObject.listeners[i][2]) {

Platform/Client/githubServer.js

@@ -0,0 +1,833 @@
+exports.newGithubServer = function newGithubServer() {
+
+    let thisObject = {
+        getGithubStars: getGithubStars,
+        getGithubWatchers: getGithubWatchers,
+        getGithubForks: getGithubForks,
+        mergePullRequests: mergePullRequests,
+        initialize: initialize,
+        finalize: finalize,
+        run: run
+    }
+
+    const GITHUB_API_WAITING_TIME = 250
+    return thisObject
+
+    function finalize() {
+
+    }
+
+    function initialize() {
+
+    }
+
+    function run() {
+
+    }
+
+    async function getGithubStars(repository, username, token) {
+        return await getGithubUsernames('activity', 'listStargazersForRepo', repository, username, token)
+    }
+
+    async function getGithubWatchers(repository, username, token) {
+        return await getGithubUsernames('activity', 'listWatchersForRepo', repository, username, token)
+    }
+
+    async function getGithubForks(repository, username, token) {
+        return await getGithubUsernames('repos', 'listForks', repository, username, token)
+    }
+
+    async function mergePullRequests(commitMessage, username, token) {
+        return await mergeGithubPullRequests(commitMessage, username, token)
+    }
+
+    async function getGithubUsernames(endpoint, method, repository, username, token) {
+        try {
+
+            repository = unescape(repository)
+            username = unescape(username)
+            token = unescape(token)
+            let error
+            let githubListArray = []
+
+            return await getRepoInfo()
+
+            async function getRepoInfo() {
+                await doGithub()
+                if (error !== undefined) {
+
+                    let docs = {
+                        project: 'Governance',
+                        category: 'Topic',
+                        type: 'Gov Error - Get Repository Information',
+                        anchor: undefined,
+                        placeholder: {}
+                    }
+
+                    return respondWithDocsObject(docs, error)
+                }
+
+                return {
+                    result: global.DEFAULT_OK_RESPONSE.result,
+                    githubListArray: githubListArray
+                }
+            }
+
+            async function doGithub() {
+
+                const { Octokit } = SA.nodeModules.octokit
+
+                const octokit = new Octokit({
+                    auth: token,
+                    userAgent: 'Superalgos ' + SA.version
+                })
+                await getList()
+
+                async function getList() {
+                    const repo = repository
+                    const owner = 'Superalgos'
+                    const per_page = 100 // Max
+                    let page = 0
+                    let lastPage = false
+
+                    while (lastPage === false) {
+                        try {
+                            page++
+                            await PL.projects.foundations.utilities.asyncFunctions.sleep(GITHUB_API_WAITING_TIME)
+                            let listResponse = await octokit[endpoint][method]({
+                                owner,
+                                repo,
+                                per_page,
+                                page
+                            });
+
+                            if (listResponse.data.length < 100) {
+                                lastPage = true
+                            }
+
+                            for (let i = 0; i < listResponse.data.length; i++) {
+                                let listItem = listResponse.data[i]
+                                let githubUsername
+                                switch (endpoint) {
+                                    case 'activity': {
+                                        githubUsername = listItem.login
+                                        break
+                                    }
+                                    case 'repos': {
+                                        githubUsername = listItem.owner.login
+                                        break
+                                    }
+                                }
+                                //console.log(listItem)
+
+                                githubListArray.push(githubUsername)
+                            }
+                            console.log('[INFO] Github Server -> getRepoInfo -> doGithub -> getList -> ' + method + ' Page = ' + page)
+                            console.log('[INFO] Github Server -> getRepoInfo -> doGithub -> getList -> ' + method + ' Received = ' + listResponse.data.length)
+
+                        } catch (err) {
+                            console.log(err)
+
+                            if (err.stack.indexOf('last page') >= 0) {
+                                return
+                            } else {
+                                console.log('[ERROR] Github Server -> getRepoInfo -> doGithub -> getList ->Method call produced an error.')
+                                console.log('[ERROR] Github Server -> getRepoInfo -> doGithub -> getList ->err.stack = ' + err.stack)
+                                console.log('[ERROR] Github Server -> getRepoInfo -> doGithub -> getList ->repository = ' + repository)
+                                console.log('[ERROR] Github Server -> getRepoInfo -> doGithub -> getList ->username = ' + username)
+                                console.log('[ERROR] Github Server -> getRepoInfo -> doGithub -> getList ->token starts with = ' + token.substring(0, 10) + '...')
+                                console.log('[ERROR] Github Server -> getRepoInfo -> doGithub -> getList ->token ends with = ' + '...' + token.substring(token.length - 10))
+                                error = err
+                                return
+                            }
+                        }
+                    }
+                }
+            }
+
+        } catch (err) {
+            console.log('[ERROR] Github Server -> getRepoInfo -> Method call produced an error.')
+            console.log('[ERROR] Github Server -> getRepoInfo -> err.stack = ' + err.stack)
+            console.log('[ERROR] Github Server -> getRepoInfo -> repository = ' + repository)
+            console.log('[ERROR] Github Server -> getRepoInfo -> username = ' + username)
+            console.log('[ERROR] Github Server -> getRepoInfo -> token starts with = ' + token.substring(0, 10) + '...')
+            console.log('[ERROR] Github Server -> getRepoInfo -> token ends with = ' + '...' + token.substring(token.length - 10))
+
+            let error = {
+                result: 'Fail Because',
+                message: err.message,
+                stack: err.stack
+            }
+            return error
+        }
+    }
+
+    async function mergeGithubPullRequests(commitMessage, username, token) {
+        try {
+            commitMessage = unescape(commitMessage)
+            username = unescape(username)
+            token = unescape(token)
+            const repository = 'Superalgos'
+
+            /* Unsavping # */
+            for (let i = 0; i < 10; i++) {
+                commitMessage = commitMessage.replace('_SLASH_', '/')
+                commitMessage = commitMessage.replace('_HASHTAG_', '#')
+            }
+
+            let error
+            let githubPrListArray = []
+
+            return await processOpenPullRequests()
+
+            async function processOpenPullRequests() {
+                await doGithub()
+                if (error !== undefined) {
+
+                    let docs = {
+                        project: 'Governance',
+                        category: 'Topic',
+                        type: 'Gov Error - Pull Requests Not Processed',
+                        anchor: undefined,
+                        placeholder: {}
+                    }
+
+                    return respondWithDocsObject(docs, error)
+                }
+
+                return {
+                    result: global.DEFAULT_OK_RESPONSE.result
+                }
+            }
+
+            async function doGithub() {
+                try {
+                    const repo = repository
+                    const owner = 'Superalgos'
+                    const { Octokit } = SA.nodeModules.octokit
+                    const octokit = new Octokit({
+                        auth: token,
+                        userAgent: 'Superalgos ' + SA.version
+                    })
+                    await getPrList()
+                    await mergePrs()
+                    await closePrsToMaster()
+
+                    async function getPrList() {
+
+                        const per_page = 100 // Max
+                        let page = 0
+                        let lastPage = false
+
+                        while (lastPage === false) {
+                            try {
+                                page++
+
+                                await PL.projects.foundations.utilities.asyncFunctions.sleep(GITHUB_API_WAITING_TIME)
+
+                                let listResponse = await octokit.rest.pulls.list({
+                                    owner: owner,
+                                    repo: repo,
+                                    state: 'open',
+                                    head: 'develop',
+                                    base: 'develop',
+                                    sort: undefined,
+                                    direction: undefined,
+                                    per_page: per_page,
+                                    page: page
+                                });
+
+                                if (listResponse.data.length < 100) {
+                                    lastPage = true
+                                }
+                                console.log('[INFO] Github Server -> mergeGithubPullRequests -> doGithub -> getPrList -> Receiving Page = ' + page)
+                                for (let i = 0; i < listResponse.data.length; i++) {
+                                    let pullRequest = listResponse.data[i]
+                                    console.log('[INFO] Github Server -> mergeGithubPullRequests -> doGithub -> getPrList -> Pull Request "' + pullRequest.title + '" found and added to the list to validate. ')
+                                    githubPrListArray.push(pullRequest)
+                                }
+                                console.log('[INFO] Github Server -> mergeGithubPullRequests -> doGithub -> getPrList -> Received = ' + listResponse.data.length)
+
+                            } catch (err) {
+                                console.log(err)
+
+                                if (err.stack.indexOf('last page') >= 0) {
+                                    return
+                                } else {
+                                    console.log('[ERROR] Github Server -> mergeGithubPullRequests -> doGithub -> getPrList ->Method call produced an error.')
+                                    console.log('[ERROR] Github Server -> mergeGithubPullRequests -> doGithub -> getPrList ->err.stack = ' + err.stack)
+                                    console.log('[ERROR] Github Server -> mergeGithubPullRequests -> doGithub -> getPrList ->repository = ' + repository)
+                                    console.log('[ERROR] Github Server -> mergeGithubPullRequests -> doGithub -> getPrList ->username = ' + username)
+                                    console.log('[ERROR] Github Server -> mergeGithubPullRequests -> doGithub -> getPrList ->token starts with = ' + token.substring(0, 10) + '...')
+                                    console.log('[ERROR] Github Server -> mergeGithubPullRequests -> doGithub -> getPrList ->token ends with = ' + '...' + token.substring(token.length - 10))
+                                    error = err
+                                    return
+                                }
+                            }
+                        }
+                    }
+
+                    async function mergePrs() {
+                        /*
+                        In order to automatically merge a PRs we will run several validations first.
+                        We want to automate specifically the merging of Profile File changes at the
+                        Governance System done by the same Github user name that matches the profile
+                        changed. We will also not do the merge if there are more than one file at the 
+                        PR. 
+
+                        We will go through the list of open PRs and run the validations at each one of them.
+                        */
+                        console.log('[INFO] Github Server -> mergeGithubPullRequests -> Ready to Validate ' + githubPrListArray.length + ' pull requests. ')
+
+                        for (let i = 0; i < githubPrListArray.length; i++) {
+                            let pullRequest = githubPrListArray[i]
+                            /*
+                            Lets get the files changed at this Pull Request.
+                            */
+                            await PL.projects.foundations.utilities.asyncFunctions.sleep(GITHUB_API_WAITING_TIME)
+                            let listResponse = await octokit.rest.pulls.listFiles({
+                                owner: owner,
+                                repo: repo,
+                                pull_number: pullRequest.number
+                            });
+                            let filesChanged = listResponse.data
+                            let fileContentUrl  // URL to the only file at the PR
+                            let fileContent     // File content of the only file at the PR
+                            let userProfile     // User Profile Object
+                            let githubUsername  // The Github user name of who is submitting the Pull Request
+                            let mergeResponse   // The response received from the call to Github to merge the Pull Request
+
+                            if (await validatePrHasMoreThanOneFile() === false) { continue }
+                            if (await validateFileNameEqualsGithubUsername() === false) { continue }
+                            if (await validateFileChangedIsUserProfile() === false) { continue }
+                            if (await validateMessageSignedIsGithubUsername() === false) { continue }
+                            if (await validateMessageSignedHashIsSignatureHash() === false) { continue }
+                            if (await validateUserProfileNodeNameEqualsGithubUsername() === false) { continue }
+                            if (await validateUserProfileIdDoesNotBelongtoAnotherUserProfile() === false) { continue }
+                            if (await validateUserProfileBlockchainAccountDoesNotBelongtoAnotherUserProfile() === false) { continue }
+                            if (await validateUserProfileSigningAccountsDoesNotBelongtoAnotherUserProfile() === false) { continue }
+
+                            if (await mergePullRequest() === false) {
+                                console.log('[WARN] Github Server -> mergeGithubPullRequests -> Merge Failed -> Pull Request "' + pullRequest.title + '" not merged because Github could not merge it. -> mergeResponse.message = ' + mergeResponse.data.message)
+                            } else {
+                                console.log('[INFO] Github Server -> mergeGithubPullRequests -> Merge Succeed -> Pull Request "' + pullRequest.title + '" successfully merged. -> mergeResponse.message = ' + mergeResponse.data.message)
+                                await PL.projects.foundations.utilities.asyncFunctions.sleep(GITHUB_API_WAITING_TIME)
+                                await octokit.rest.issues.createComment({
+                                    owner: owner,
+                                    repo: repo,
+                                    issue_number: pullRequest.number,
+                                    body: 'This Pull Request was automatically merged by the Superalgos Governance System because it was detected that the Github User " ' + githubUsername + '" who submitted it, modified its own User Profile Plugin File and nothing else but that file. All validations were successful.'
+                                });
+                            }
+
+                            async function validatePrHasMoreThanOneFile() {
+                                /*
+                                Validation #1: If the PR has more than one file, then we will not automatically
+                                merge it.
+                                */
+                                if (filesChanged.length !== 1) {
+                                    console.log('[INFO] Github Server -> mergeGithubPullRequests -> Validation #1 Failed -> Pull Request "' + pullRequest.title + '" not merged because it contains more than 1 file. -> fileCount = ' + filesChanged.length)
+                                    /*
+                                    We will close PRs that contains any User Profile file together with other files in the same Pull Request.
+                                    This will avoid manual merges to include User Profile files.
+                                    */
+                                    for (let j = 0; j < filesChanged.length; j++) {
+                                        let pullRequestFile = filesChanged[j]
+                                        let fileContentUrl = pullRequestFile.raw_url
+                                        if (fileContentUrl.indexOf('Governance/Plugins/User-Profiles') >= 0) {
+                                            await PL.projects.foundations.utilities.asyncFunctions.sleep(GITHUB_API_WAITING_TIME)
+                                            await octokit.rest.issues.createComment({
+                                                owner: owner,
+                                                repo: repo,
+                                                issue_number: pullRequest.number,
+                                                body: 'This Pull Request could not be automatically merged and was closed by the Superalgos Governance System because it was detected that a User Profile file... \n\n' + fileContentUrl + '\n\n...was submitted together with  ' + (filesChanged.length - 1) + ' other file/s. User Profiles files as per the Governance System rules, must be the only file present at a Pull Request in order to pass all the validations and be automatically merged. \n\n If you intentionally submitted the extra files, the way to get your work merged is by first removing your User Profile file from the Plugins folder at your local installation and executing an app.contribute again. Then wait until the PR is merged (manually reviewed) and after that you put your User Profile file again and create a new PR only with that file with an app.contribute. That last PR should be merged automatically.'
+                                            });
+
+                                            await PL.projects.foundations.utilities.asyncFunctions.sleep(GITHUB_API_WAITING_TIME)
+                                            await octokit.rest.pulls.update({
+                                                owner: owner,
+                                                repo: repo,
+                                                pull_number: pullRequest.number,
+                                                state: 'closed'
+                                            });
+                                            break
+                                        }
+                                    }
+                                    return false
+                                }
+                            }
+
+                            async function validateFileNameEqualsGithubUsername() {
+                                /*
+                                Validation #2: File Name must be the same to the Github Username of the PR owner.
+                                */
+                                let pullRequestFile = filesChanged[0]
+                                fileContentUrl = pullRequestFile.raw_url
+
+                                if (fileContentUrl.indexOf('Governance/Plugins/User-Profiles') < 0) {
+                                    /*
+                                    If it is not a user profile then there is no need to auto merge.
+                                    */
+                                    console.log('[INFO] Github Server -> mergeGithubPullRequests -> Validation #2 Failed -> Pull Request "' + pullRequest.title + '" not merged because the file modified at the Pull Request is not a User Profile file. -> fileContentUrl = ' + fileContentUrl)
+                                    return false
+                                }
+
+                                let splittedURL = fileContentUrl.split('/')
+                                let fileName = splittedURL[splittedURL.length - 1]
+                                let splittedFileName = fileName.split('.')
+                                fileName = splittedFileName[0]
+                                githubUsername = pullRequest.user.login
+
+                                if (githubUsername.toLowerCase() !== fileName.toLowerCase()) {
+                                    console.log('[INFO] Github Server -> mergeGithubPullRequests -> Validation #2 Failed -> Pull Request "' + pullRequest.title + '" not merged because the Github Username is not equal to the File Name. -> Github Username = ' + githubUsername + '-> fileName = ' + fileName)
+
+                                    await PL.projects.foundations.utilities.asyncFunctions.sleep(GITHUB_API_WAITING_TIME)
+                                    await octokit.rest.issues.createComment({
+                                        owner: owner,
+                                        repo: repo,
+                                        issue_number: pullRequest.number,
+                                        body: 'This Pull Request could not be automatically merged and was closed by the Superalgos Governance System because it was detected that the Github User "' + githubUsername + '" who submitted it, is not equal to the name of the User Profile Plugin File.\n\n File Name = "' + fileName + '"'
+                                    });
+
+                                    await PL.projects.foundations.utilities.asyncFunctions.sleep(GITHUB_API_WAITING_TIME)
+                                    await octokit.rest.pulls.update({
+                                        owner: owner,
+                                        repo: repo,
+                                        pull_number: pullRequest.number,
+                                        state: 'closed'
+                                    });
+                                    return false
+                                }
+                            }
+
+                            async function validateFileChangedIsUserProfile() {
+                                /*
+                                Validation #3: The file changed at the PR is a User Profile.
+                                */
+                                await PL.projects.foundations.utilities.asyncFunctions.sleep(GITHUB_API_WAITING_TIME)
+                                fileContent = await PL.projects.foundations.utilities.webAccess.fetchAPIDataFile(fileContentUrl)
+                                userProfile = JSON.parse(fileContent)
+
+                                if (userProfile.type !== 'User Profile') {
+                                    console.log('[INFO] Github Server -> mergeGithubPullRequests -> Validation #3 Failed -> Pull Request "' + pullRequest.title + '" not merged because the file modified is not a User Profile. -> Type = ' + userProfile.type)
+                                    return false
+                                }
+                            }
+
+                            async function validateMessageSignedIsGithubUsername() {
+                                /*
+                                Validation #4: The message signed at the config is not the Github Username.
+                                */
+                                let config = JSON.parse(userProfile.config)
+                                let messageSigned = config.signature.message
+                                if (messageSigned.toLowerCase() !== githubUsername.toLowerCase()) {
+                                    console.log('[INFO] Github Server -> mergeGithubPullRequests -> Validation #4 Failed -> Pull Request "' + pullRequest.title + '" not merged because the Github Username is not equal to the Message Signed at the User Profile. -> Github Username = ' + githubUsername + '-> messageSigned = ' + messageSigned)
+
+                                    await PL.projects.foundations.utilities.asyncFunctions.sleep(GITHUB_API_WAITING_TIME)
+                                    await octokit.rest.issues.createComment({
+                                        owner: owner,
+                                        repo: repo,
+                                        issue_number: pullRequest.number,
+                                        body: 'This Pull Request could not be automatically merged and was closed by the Superalgos Governance System because it was detected that the Github User "' + githubUsername + '" who submitted it, is not equal to the Message Signed at the User Profile.\n\n Message Signed = "' + messageSigned + '"'
+                                    });
+
+                                    await PL.projects.foundations.utilities.asyncFunctions.sleep(GITHUB_API_WAITING_TIME)
+                                    await octokit.rest.pulls.update({
+                                        owner: owner,
+                                        repo: repo,
+                                        pull_number: pullRequest.number,
+                                        state: 'closed'
+                                    });
+                                    return false
+                                }
+                            }
+
+                            async function validateMessageSignedHashIsSignatureHash() {
+                                /*
+                                Validation #5: The message signed has is equal to the signature messageHash.
+                                */
+                                let config = JSON.parse(userProfile.config)
+
+                                let serverResponse = await PL.servers.WEB3_SERVER.hashData(
+                                    config.signature.message
+                                )
+                                let messageSignedHash = serverResponse.hash
+                                let signatureHash = config.signature.messageHash
+
+                                if (messageSignedHash !== signatureHash) {
+                                    console.log('[INFO] Github Server -> mergeGithubPullRequests -> Validation #5 Failed -> Pull Request "' + pullRequest.title + '" not merged because the Message Signed Hash is not equal to the the Signature Hash. -> messageSignedHash = ' + messageSignedHash + '-> signatureHash = ' + signatureHash)
+
+                                    await PL.projects.foundations.utilities.asyncFunctions.sleep(GITHUB_API_WAITING_TIME)
+                                    await octokit.rest.issues.createComment({
+                                        owner: owner,
+                                        repo: repo,
+                                        issue_number: pullRequest.number,
+                                        body: 'This Pull Request could not be automatically merged and was closed by the Superalgos Governance System because the Message Signed Hash is not equal to the the Signature Hash.\n\n messageSignedHash = "' + messageSignedHash + '"\n\n signatureHash = "' + signatureHash + '"'
+                                    });
+
+                                    await PL.projects.foundations.utilities.asyncFunctions.sleep(GITHUB_API_WAITING_TIME)
+                                    await octokit.rest.pulls.update({
+                                        owner: owner,
+                                        repo: repo,
+                                        pull_number: pullRequest.number,
+                                        state: 'closed'
+                                    });
+                                    return false
+                                }
+                            }
+
+                            async function validateUserProfileNodeNameEqualsGithubUsername() {
+                                /*
+                                Validation #6: The name of the User Profile node is not the Github Username.
+                                */
+                                if (userProfile.name.toLowerCase() !== githubUsername.toLowerCase()) {
+                                    console.log('[INFO] Github Server -> mergeGithubPullRequests -> Validation #6 Failed -> Pull Request "' + pullRequest.title + '" not merged because the Github Username is not equal to the User Profile node\'s name. -> Github Username = ' + githubUsername + '-> userProfile.name = ' + userProfile.name)
+
+                                    await PL.projects.foundations.utilities.asyncFunctions.sleep(GITHUB_API_WAITING_TIME)
+                                    await octokit.rest.issues.createComment({
+                                        owner: owner,
+                                        repo: repo,
+                                        issue_number: pullRequest.number,
+                                        body: 'This Pull Request could not be automatically merged and was closed by the Superalgos Governance System because it was detected that the Github User "' + githubUsername + '" who submitted it, is not equal to the User Profile node\'s name.\n\n User Profile Name = "' + userProfile.name + '"'
+                                    });
+
+                                    await PL.projects.foundations.utilities.asyncFunctions.sleep(GITHUB_API_WAITING_TIME)
+                                    await octokit.rest.pulls.update({
+                                        owner: owner,
+                                        repo: repo,
+                                        pull_number: pullRequest.number,
+                                        state: 'closed'
+                                    });
+                                    return false
+                                }
+                            }
+
+                            async function validateUserProfileIdDoesNotBelongtoAnotherUserProfile() {
+                                /*
+                                Validation #7: The id of the User Profile can not be the id of an already existing User Profile
+                                unless the existing one belongs to the same Github username.
+                                */
+                                let userProfileIdMap = new Map()
+                                let pluginFileNames = await SA.projects.communityPlugins.utilities.plugins.getPluginFileNames(
+                                    'Governance',
+                                    'User-Profiles'
+                                )
+                                for (let i = 0; i < pluginFileNames.length; i++) {
+                                    let pluginFileName = pluginFileNames[i]
+
+                                    let pluginFileContent = await SA.projects.communityPlugins.utilities.plugins.getPluginFileContent(
+                                        'Governance',
+                                        'User-Profiles',
+                                        pluginFileName
+                                    )
+
+                                    let otherUserProfile = JSON.parse(pluginFileContent)
+                                    userProfileIdMap.set(otherUserProfile.id, otherUserProfile.name)
+                                }
+
+                                let testUserProfile = userProfileIdMap.get(userProfile.id)
+                                if (testUserProfile === undefined) { return true }
+                                if (testUserProfile !== userProfile.name) {
+
+                                    console.log('[INFO] Github Server -> mergeGithubPullRequests -> Validation #7 Failed -> Pull Request "' + pullRequest.title + '" not merged because the User Profile Id already exists and belongs to another User Profile on record. -> Profile Id = ' + userProfile.id + '-> User Profile with the same Id = ' + testUserProfile)
+
+                                    await PL.projects.foundations.utilities.asyncFunctions.sleep(GITHUB_API_WAITING_TIME)
+                                    await octokit.rest.issues.createComment({
+                                        owner: owner,
+                                        repo: repo,
+                                        issue_number: pullRequest.number,
+                                        body: 'This Pull Request could not be automatically merged and was closed by the Superalgos Governance System because the User Profile Id already exists and belongs to another User Profile on record. \n\nUser Profile Id = "' + userProfile.id + '" \n\n User Profile with the same Id = "' + testUserProfile + '"'
+                                    });
+
+                                    await PL.projects.foundations.utilities.asyncFunctions.sleep(GITHUB_API_WAITING_TIME)
+                                    await octokit.rest.pulls.update({
+                                        owner: owner,
+                                        repo: repo,
+                                        pull_number: pullRequest.number,
+                                        state: 'closed'
+                                    });
+                                    return false
+                                }
+                            }
+
+                            async function validateUserProfileBlockchainAccountDoesNotBelongtoAnotherUserProfile() {
+                                try {
+                                    /*
+                                    Validation #8 The blockchain account of the User Profile can not be the 
+                                    blockchain account of an already existing User Profile
+                                    unless the existing one belongs to the same Github username.
+                                    */
+                                    let userProfileIdMap = new Map()
+                                    let pluginFileNames = await SA.projects.communityPlugins.utilities.plugins.getPluginFileNames(
+                                        'Governance',
+                                        'User-Profiles'
+                                    )
+                                    for (let i = 0; i < pluginFileNames.length; i++) {
+                                        let pluginFileName = pluginFileNames[i]
+                                        let pluginFileContent = await SA.projects.communityPlugins.utilities.plugins.getPluginFileContent(
+                                            'Governance',
+                                            'User-Profiles',
+                                            pluginFileName
+                                        )
+
+                                        let otherUserProfile = JSON.parse(pluginFileContent)
+
+                                        let config = JSON.parse(otherUserProfile.config)
+                                        let messageSigned = JSON.stringify(config.signature)
+                                        let serverResponse = await PL.servers.WEB3_SERVER.recoverAddress(
+                                            messageSigned
+                                        )
+                                        userProfileIdMap.set(serverResponse.address, otherUserProfile.name)
+                                    }
+
+                                    let config = JSON.parse(userProfile.config)
+                                    let messageSigned = JSON.stringify(config.signature)
+                                    let serverResponse = await PL.servers.WEB3_SERVER.recoverAddress(
+                                        messageSigned
+                                    )
+
+                                    let testUserProfile = userProfileIdMap.get(serverResponse.address)
+                                    if (testUserProfile === undefined) { return true }
+                                    if (testUserProfile !== userProfile.name) {
+
+                                        console.log('[INFO] Github Server -> mergeGithubPullRequests -> Validation #8 Failed -> Pull Request "' + pullRequest.title + '" not merged because the User Profile Blockchain Account already exists and belongs to another User Profile on record. -> Profile Blockchain Account = ' + serverResponse.address + '-> User Profile with the same Blockchain Account = ' + testUserProfile)
+
+                                        await PL.projects.foundations.utilities.asyncFunctions.sleep(GITHUB_API_WAITING_TIME)
+                                        await octokit.rest.issues.createComment({
+                                            owner: owner,
+                                            repo: repo,
+                                            issue_number: pullRequest.number,
+                                            body: 'This Pull Request could not be automatically merged and was closed by the Superalgos Governance System because the User Profile Blockchain Account already exists and belongs to another User Profile on record. \n\nUser Profile Blockchain Account = "' + serverResponse.address + '" \n\n User Profile with the same Blockchain Account = "' + testUserProfile + '"'
+                                        });
+
+                                        await PL.projects.foundations.utilities.asyncFunctions.sleep(GITHUB_API_WAITING_TIME)
+                                        await octokit.rest.pulls.update({
+                                            owner: owner,
+                                            repo: repo,
+                                            pull_number: pullRequest.number,
+                                            state: 'closed'
+                                        });
+                                        return false
+                                    }
+                                } catch (err) {
+                                    console.log(err.stack)
+                                }
+                            }
+
+                            async function validateUserProfileSigningAccountsDoesNotBelongtoAnotherUserProfile() {
+                                try {
+
+                                    if (userProfile.signingAccounts === undefined) { return true }
+
+                                    for (let i = 0; i < userProfile.signingAccounts.signingAccounts.length; i++) {
+                                        let signingAccount = userProfile.signingAccounts.signingAccounts[i]
+                                        let config = JSON.parse(signingAccount.config)
+                                        /*
+                                        Validation #9 Signing accounts of the User Profile 
+                                        must have a signature of the same Github username of the User Profile.
+                                        */
+                                        let messageSigned = config.signature.message
+
+                                        if (messageSigned.toLowerCase() !== githubUsername.toLowerCase()) {
+                                            console.log('[INFO] Github Server -> mergeGithubPullRequests -> Validation #9 Failed -> Pull Request "' + pullRequest.title + '" not merged because the Signing Account ' + signingAccount.name + ' has not signed the current Github User Account, but something else. -> messageSigned = ' + messageSigned + '-> githubUsername = ' + githubUsername)
+
+                                            await PL.projects.foundations.utilities.asyncFunctions.sleep(GITHUB_API_WAITING_TIME)
+                                            await octokit.rest.issues.createComment({
+                                                owner: owner,
+                                                repo: repo,
+                                                issue_number: pullRequest.number,
+                                                body: 'This Pull Request could not be automatically merged and was closed by the Superalgos Governance System because the Signing Account "' + signingAccount.name + '" has not signed the current Github User Account, but something else. \n\n messageSigned = "' + messageSigned + '" \n\n githubUsername = "' + githubUsername + '"'
+                                            });
+
+                                            await PL.projects.foundations.utilities.asyncFunctions.sleep(GITHUB_API_WAITING_TIME)
+                                            await octokit.rest.pulls.update({
+                                                owner: owner,
+                                                repo: repo,
+                                                pull_number: pullRequest.number,
+                                                state: 'closed'
+                                            });
+                                            return false
+                                        }
+                                        /*
+                                        Validation #10: The message signed has is equal to the signature messageHash.
+                                        */
+                                        let serverResponse = await PL.servers.WEB3_SERVER.hashData(
+                                            config.signature.message
+                                        )
+                                        let messageSignedHash = serverResponse.hash
+                                        let signatureHash = config.signature.messageHash
+
+                                        if (messageSignedHash !== signatureHash) {
+                                            console.log('[INFO] Github Server -> mergeGithubPullRequests -> Validation #10 Failed -> Pull Request "' + pullRequest.title + '" not merged because the Message Signed Hash is not equal to the the Signature Hash. -> messageSignedHash = ' + messageSignedHash + '-> signatureHash = ' + signatureHash)
+
+                                            await PL.projects.foundations.utilities.asyncFunctions.sleep(GITHUB_API_WAITING_TIME)
+                                            await octokit.rest.issues.createComment({
+                                                owner: owner,
+                                                repo: repo,
+                                                issue_number: pullRequest.number,
+                                                body: 'This Pull Request could not be automatically merged and was closed by the Superalgos Governance System because the Message Signed Hash is not equal to the the Signature Hash.\n\n messageSignedHash = "' + messageSignedHash + '"\n\n signatureHash = "' + signatureHash + '"'
+                                            });
+
+                                            await PL.projects.foundations.utilities.asyncFunctions.sleep(GITHUB_API_WAITING_TIME)
+                                            await octokit.rest.pulls.update({
+                                                owner: owner,
+                                                repo: repo,
+                                                pull_number: pullRequest.number,
+                                                state: 'closed'
+                                            });
+                                            return false
+                                        }
+                                    }
+
+                                    return true
+                                } catch (err) {
+                                    console.log(err.stack)
+                                }
+                            }
+
+                            async function mergePullRequest() {
+                                /*
+                                All validations passed, we will proceed an merge this Pull Request.
+                                */
+                                await PL.projects.foundations.utilities.asyncFunctions.sleep(GITHUB_API_WAITING_TIME)
+                                mergeResponse = await octokit.rest.pulls.merge({
+                                    owner: owner,
+                                    repo: repo,
+                                    pull_number: pullRequest.number,
+                                    commit_title: 'Changes in User Profile done by Profile Owner ' + githubUsername + ' automatically merged by Superalgos.'
+                                });
+                                return mergeResponse.data.merged
+                            }
+                        }
+                    }
+
+                    async function closePrsToMaster() {
+
+                        let githubPrListMaster = []
+                        const per_page = 100 // Max
+                        let page = 0
+
+                        try {
+                            page++
+
+                            await PL.projects.foundations.utilities.asyncFunctions.sleep(GITHUB_API_WAITING_TIME)
+
+                            let listResponse = await octokit.rest.pulls.list({
+                                owner: owner,
+                                repo: repo,
+                                state: 'open',
+                                head: undefined,
+                                base: 'master',
+                                sort: undefined,
+                                direction: undefined,
+                                per_page: per_page,
+                                page: page
+                            });
+
+                            if (listResponse.data.length < 100) {
+                                lastPage = true
+                            }
+                            console.log('[INFO] Github Server -> mergeGithubPullRequests -> doGithub -> closePrsToMaster -> Receiving Page = ' + page)
+                            for (let i = 0; i < listResponse.data.length; i++) {
+                                let pullRequest = listResponse.data[i]
+                                console.log('[INFO] Github Server -> mergeGithubPullRequests -> doGithub -> closePrsToMaster -> Pull Request "' + pullRequest.title + '" found and added to the list to validate. ')
+                                githubPrListMaster.push(pullRequest)
+                            }
+                            console.log('[INFO] Github Server -> mergeGithubPullRequests -> doGithub -> closePrsToMaster -> Received = ' + listResponse.data.length)
+
+                            for (let i = 0; i < githubPrListMaster.length; i++) {
+                                let pullRequest = githubPrListMaster[i]
+
+                                await PL.projects.foundations.utilities.asyncFunctions.sleep(GITHUB_API_WAITING_TIME)
+                                await octokit.rest.issues.createComment({
+                                    owner: owner,
+                                    repo: repo,
+                                    issue_number: pullRequest.number,
+                                    body: 'Hi, this is the Superalgos Governance System taking notice that you have submitted a pull request directly to the master branch.\n\nThanks for submitting a PR to the Superalgos Project. We value every contribution and everyone is welcome to send PRs. Unfortunately we are not merging pull requests directly into the master branch. Consider resubmitting to the develop branch instead. For your convenience, you can switch branches from within the app, at the footer of the Docs tab. \n\n I will close this pull request now and look forward for your next contribution either to the develop branch or any other branch available for this purpose.'
+                                });
+
+                                await PL.projects.foundations.utilities.asyncFunctions.sleep(GITHUB_API_WAITING_TIME)
+                                await octokit.rest.pulls.update({
+                                    owner: owner,
+                                    repo: repo,
+                                    pull_number: pullRequest.number,
+                                    state: 'closed'
+                                });
+                            }
+
+                        } catch (err) {
+                            console.log(err)
+
+                            if (err.stack.indexOf('last page') >= 0) {
+                                return
+                            } else {
+                                console.log('[ERROR] Github Server -> mergeGithubPullRequests -> doGithub -> closePrsToMaster ->Method call produced an error.')
+                                console.log('[ERROR] Github Server -> mergeGithubPullRequests -> doGithub -> closePrsToMaster ->err.stack = ' + err.stack)
+                                console.log('[ERROR] Github Server -> mergeGithubPullRequests -> doGithub -> closePrsToMaster ->repository = ' + repository)
+                                console.log('[ERROR] Github Server -> mergeGithubPullRequests -> doGithub -> closePrsToMaster ->username = ' + username)
+                                console.log('[ERROR] Github Server -> mergeGithubPullRequests -> doGithub -> closePrsToMaster ->token starts with = ' + token.substring(0, 10) + '...')
+                                console.log('[ERROR] Github Server -> mergeGithubPullRequests -> doGithub -> closePrsToMaster ->token ends with = ' + '...' + token.substring(token.length - 10))
+                                error = err
+                                return
+                            }
+                        }
+
+                    }
+
+                } catch (err) {
+                    if (err === undefined) { return }
+                    console.log('[ERROR] Github Server -> mergeGithubPullRequests -> doGithub -> err.stack = ' + err.stack)
+                }
+            }
+
+        } catch (err) {
+            console.log('[ERROR] Github Server -> mergeGithubPullRequests -> Method call produced an error.')
+            console.log('[ERROR] Github Server -> mergeGithubPullRequests -> err.stack = ' + err.stack)
+            console.log('[ERROR] Github Server -> mergeGithubPullRequests -> repository = ' + repository)
+            console.log('[ERROR] Github Server -> mergeGithubPullRequests -> username = ' + username)
+            console.log('[ERROR] Github Server -> mergeGithubPullRequests -> token starts with = ' + token.substring(0, 10) + '...')
+            console.log('[ERROR] Github Server -> mergeGithubPullRequests -> token ends with = ' + '...' + token.substring(token.length - 10))
+
+            let error = {
+                result: 'Fail Because',
+                message: err.message,
+                stack: err.stack
+            }
+            return error
+        }
+    }
+
+    function respondWithDocsObject(docs, error) {
+
+        if (error.message !== undefined) {
+            docs.placeholder.errorMessage = {
+                style: 'Error',
+                text: error.message
+            }
+        }
+        if (error.stack !== undefined) {
+            docs.placeholder.errorStack = {
+                style: 'Javascript',
+                text: error.stack
+            }
+        }
+        if (error.code !== undefined) {
+            docs.placeholder.errorCode = {
+                style: 'Json',
+                text: error.code
+            }
+        }
+
+        docs.placeholder.errorDetails = {
+            style: 'Json',
+            text: JSON.stringify(error, undefined, 4)
+        }
+
+        let customResponse = {
+            result: global.CUSTOM_FAIL_RESPONSE.result,
+            docs: docs
+        }
+
+        return customResponse
+    }
+}

Platform/Client/taskManagerServer.js

@@ -1,4 +1,4 @@
-exports.newTaskManagerServer = function newTaskManagerServer(WEB_SOCKETS_INTERFACE, EVENT_SERVER) {
+exports.newTaskManagerServer = function newTaskManagerServer() {
 
     let thisObject = {
         initialize: initialize,
@@ -63,9 +63,9 @@
             //console.log('[INFO] Client -> Task Manager Server -> runTask -> Task Name = ' + message.event.taskName)
             //console.log('[INFO] Client -> Task Manager Server -> runTask -> Task Id = ' + message.event.taskId) 
 
-            let path = global.env.PATH_TO_TASK_SERVER + '/Task.js'
+            let path = global.env.BASE_PATH + '/TaskServerRoot.js'
 
-            /* Workarround to avoid having the same debug port at the forked process which makes it crash. */
+            /* Workaround to avoid having the same debug port at the forked process which makes it crash. */
             for (let i = 0; i < process.execArgv.length; i++) {
                 let argument = process.execArgv[i]
                 if (argument.indexOf('--inspect') > -1) {
@@ -94,7 +94,7 @@
                 console.log(`[ERROR] Client -> Task Manager Server -> runTask -> Task Server exited with error ${err}`)
                 tasksMap.delete(task.id)
             })
-            /* If the Tast Server stops, we remove it from our task map */
+            /* If the Task Server stops, we remove it from our task map */
             task.childProcess.on('close', (code, signal) => {
                 //console.log('[INFO] Client -> Task Manager Server -> runTask -> Task Terminated. -> Task Name = ' + task.name)
                 //console.log('[INFO] Client -> Task Manager Server -> runTask -> Task Terminated. -> Task Id = ' + task.id)
@@ -190,7 +190,7 @@
 
 
         function finalize() {
-            /* Before disconnecting we will forze all eventListeners to stop listening. */
+            /* Before disconnecting we will force all eventListeners to stop listening. */
             const eventListenersArray = [...eventListeners.values()]
             for (let i = 0; i < eventListenersArray.length; i++) {
                 let handler = eventListenersArray[i]
@@ -263,7 +263,7 @@
                     responseWaiters.set(command.callerId, responseCallBack)
                 }
 
-                EVENT_SERVER.onMessage(JSON.stringify(command), thisObject.onMessage)
+                PL.servers.EVENT_SERVER.onMessage(JSON.stringify(command), thisObject.onMessage)
             } catch (err) {
                 console.log('[ERROR] Client -> Task Manager Server -> sendCommand -> Error Sending Command to Events Server -> command = ' + JSON.stringify(command))
                 console.log('[ERROR] Client -> Task Manager Server -> sendCommand -> Error Sending Command to Events Server -> error = ' + err.stack)

Platform/Client/web3Server.js

@@ -0,0 +1,413 @@
+exports.newWeb3Server = function newWeb3Server() {
+
+    const MODULE = "Web3 Server"
+
+    let thisObject = {
+        getNetworkClientStatus: getNetworkClientStatus,
+        createWalletAccount: createWalletAccount,
+        getUserWalletBalance: getUserWalletBalance,
+        getWalletBalances: getWalletBalances,
+        signData: signData,
+        hashData: hashData,
+        recoverAddress: recoverAddress,
+        mnemonicToPrivateKey: mnemonicToPrivateKey,
+        payContributors: payContributors,
+        initialize: initialize,
+        finalize: finalize,
+        run: run
+    }
+
+    const Web3 = SA.nodeModules.web3
+    let web3Map = new Map()
+
+    return thisObject
+
+    function finalize() {
+        web3Map = undefined
+    }
+
+    function initialize() {
+
+    }
+
+    function run() {
+
+    }
+
+    async function getNetworkClientStatus(host, port, interface) {
+        let key = 'host (' + host + ') at port (' + port + ') via interface (' + interface + ')'
+
+        try {
+
+            let web3 = web3Map.get(key)
+
+            if (web3 === undefined) {
+                /* This means that we never got connected to this client before */
+                let web3 = await connectToClient(key, host, port, interface)
+                if (web3.error !== undefined) {
+                    return web3
+                }
+                return await returnStatus(web3)
+            } else {
+                return await returnStatus(web3)
+            }
+
+            async function returnStatus(web3) {
+
+                let status = {}
+                status.isSyncing = await web3.eth.isSyncing()
+                status.chainId = await web3.eth.getChainId()
+                status.currentBlockNumber = await web3.eth.getBlockNumber()
+                status.result = 'Ok'
+                return status
+            }
+        } catch (err) {
+            return { error: 'Could not connect to ' + key + '. ' + err.stack + '.' }
+        }
+    }
+
+    async function createWalletAccount(entropy) {
+        try {
+
+            let web3 = new Web3()
+            let account = web3.eth.accounts.create()
+
+            return {
+                address: account.address,
+                privateKey: account.privateKey,
+                result: 'Ok'
+            }
+
+        } catch (err) {
+            return { error: 'Could not create the account. ' + err.stack }
+        }
+    }
+
+    async function getUserWalletBalance(walletAddress, contractAddress) {
+
+        const bscUri = 'https://bsc-dataseed.binance.org/'
+        const web3 = new Web3(bscUri)
+
+        let balance
+
+        let ABI = [{ "constant": true, "inputs": [], "name": "name", "outputs": [{ "name": "", "type": "string" }], "payable": false, "stateMutability": "view", "type": "function" }, { "constant": false, "inputs": [{ "name": "_spender", "type": "address" }, { "name": "_value", "type": "uint256" }], "name": "approve", "outputs": [{ "name": "", "type": "bool" }], "payable": false, "stateMutability": "nonpayable", "type": "function" }, { "constant": true, "inputs": [], "name": "totalSupply", "outputs": [{ "name": "", "type": "uint256" }], "payable": false, "stateMutability": "view", "type": "function" }, { "constant": false, "inputs": [{ "name": "_from", "type": "address" }, { "name": "_to", "type": "address" }, { "name": "_value", "type": "uint256" }], "name": "transferFrom", "outputs": [{ "name": "", "type": "bool" }], "payable": false, "stateMutability": "nonpayable", "type": "function" }, { "constant": true, "inputs": [], "name": "decimals", "outputs": [{ "name": "", "type": "uint256" }], "payable": false, "stateMutability": "view", "type": "function" }, { "constant": false, "inputs": [], "name": "unpause", "outputs": [], "payable": false, "stateMutability": "nonpayable", "type": "function" }, { "constant": false, "inputs": [{ "name": "account", "type": "address" }, { "name": "amount", "type": "uint256" }], "name": "mint", "outputs": [], "payable": false, "stateMutability": "nonpayable", "type": "function" }, { "constant": false, "inputs": [{ "name": "_value", "type": "uint256" }], "name": "burn", "outputs": [], "payable": false, "stateMutability": "nonpayable", "type": "function" }, { "constant": true, "inputs": [], "name": "paused", "outputs": [{ "name": "", "type": "bool" }], "payable": false, "stateMutability": "view", "type": "function" }, { "constant": false, "inputs": [{ "name": "_spender", "type": "address" }, { "name": "_subtractedValue", "type": "uint256" }], "name": "decreaseApproval", "outputs": [{ "name": "success", "type": "bool" }], "payable": false, "stateMutability": "nonpayable", "type": "function" }, { "constant": true, "inputs": [{ "name": "_owner", "type": "address" }], "name": "balanceOf", "outputs": [{ "name": "balance", "type": "uint256" }], "payable": false, "stateMutability": "view", "type": "function" }, { "constant": false, "inputs": [{ "name": "listAddress", "type": "address" }, { "name": "isBlackListed", "type": "bool" }], "name": "blackListAddress", "outputs": [{ "name": "success", "type": "bool" }], "payable": false, "stateMutability": "nonpayable", "type": "function" }, { "constant": false, "inputs": [], "name": "pause", "outputs": [], "payable": false, "stateMutability": "nonpayable", "type": "function" }, { "constant": true, "inputs": [], "name": "owner", "outputs": [{ "name": "", "type": "address" }], "payable": false, "stateMutability": "view", "type": "function" }, { "constant": true, "inputs": [], "name": "symbol", "outputs": [{ "name": "", "type": "string" }], "payable": false, "stateMutability": "view", "type": "function" }, { "constant": false, "inputs": [{ "name": "_to", "type": "address" }, { "name": "_value", "type": "uint256" }], "name": "transfer", "outputs": [{ "name": "", "type": "bool" }], "payable": false, "stateMutability": "nonpayable", "type": "function" }, { "constant": false, "inputs": [{ "name": "_spender", "type": "address" }, { "name": "_addedValue", "type": "uint256" }], "name": "increaseApproval", "outputs": [{ "name": "success", "type": "bool" }], "payable": false, "stateMutability": "nonpayable", "type": "function" }, { "constant": true, "inputs": [{ "name": "_owner", "type": "address" }, { "name": "_spender", "type": "address" }], "name": "allowance", "outputs": [{ "name": "", "type": "uint256" }], "payable": false, "stateMutability": "view", "type": "function" }, { "constant": false, "inputs": [{ "name": "newOwner", "type": "address" }], "name": "transferOwnership", "outputs": [], "payable": false, "stateMutability": "nonpayable", "type": "function" }, { "inputs": [{ "name": "_name", "type": "string" }, { "name": "_symbol", "type": "string" }, { "name": "_decimals", "type": "uint256" }, { "name": "_supply", "type": "uint256" }, { "name": "tokenOwner", "type": "address" }], "payable": false, "stateMutability": "nonpayable", "type": "constructor" }, { "anonymous": false, "inputs": [{ "indexed": true, "name": "from", "type": "address" }, { "indexed": true, "name": "to", "type": "address" }, { "indexed": false, "name": "value", "type": "uint256" }], "name": "Mint", "type": "event" }, { "anonymous": false, "inputs": [{ "indexed": true, "name": "burner", "type": "address" }, { "indexed": false, "name": "value", "type": "uint256" }], "name": "Burn", "type": "event" }, { "anonymous": false, "inputs": [], "name": "Pause", "type": "event" }, { "anonymous": false, "inputs": [], "name": "Unpause", "type": "event" }, { "anonymous": false, "inputs": [{ "indexed": true, "name": "previousOwner", "type": "address" }, { "indexed": true, "name": "newOwner", "tLine truncated
+
+        const contractInst = new web3.eth.Contract(ABI, contractAddress)
+
+        async function getBalance() {
+            balance = await contractInst.methods.balanceOf(walletAddress).call().then(result => web3.utils.fromWei(result, 'ether'))
+            return balance
+        }
+
+        await getBalance()
+
+        return {
+            walletAddress: walletAddress,
+            balance: balance,
+            result: 'Ok'
+        }
+    }
+
+    async function getWalletBalances(host, port, interface, walletDefinition) {
+        let key = 'host (' + host + ') at port (' + port + ') via interface (' + interface + ')'
+
+        try {
+
+            let web3 = web3Map.get(key)
+
+            if (web3 === undefined) {
+                /* This means that we never got connected to this client before */
+                let web3 = await connectToClient(key, host, port, interface)
+                if (web3.error !== undefined) {
+                    return web3
+                }
+                return await returnAccountBalances(web3)
+            } else {
+                return await returnAccountBalances(web3)
+            }
+
+            async function returnAccountBalances(web3) {
+
+                let responseData = {}
+                for (let i = 0; i < walletDefinition.walletAccounts.length; i++) {
+                    let walletAccount = walletDefinition.walletAccounts[i]
+
+                    if (walletAccount.ethBalance !== undefined) {
+                        try {
+                            walletAccount.ethBalance.value = await web3.eth.getBalance(walletAccount.config.address)
+                        } catch (err) {
+                            if (err.message.indexOf('Provided address') >= 0) {
+                                walletAccount.error = 'Invalid configured address.'
+                            } else {
+                                walletAccount.error = err.message
+                            }
+                        }
+                    }
+
+                    for (let j = 0; j < walletAccount.tokenBalances.length; j++) {
+                        let tokenBalance = walletAccount.tokenBalances[j]
+
+                        if (tokenBalance.referenceParent === undefined) { continue }
+                        if (tokenBalance.referenceParent.parentNode === undefined) { continue }
+                        if (tokenBalance.referenceParent.smartContracts === undefined) { continue }
+
+                        if (tokenBalance.referenceParent.config.codeName === undefined) {
+                            tokenBalance.error = 'Reference Parent without config.codeName defined.'
+                            continue
+                        }
+
+                        if (tokenBalance.referenceParent.smartContracts.config.address === undefined) {
+                            tokenBalance.error = 'Reference Parent Smart Contract without config.address defined.'
+                            continue
+                        }
+
+                        let tokenContractAddress = tokenBalance.referenceParent.smartContracts.config.address
+                        // The minimum ABI to get ERC20 Token balance
+                        let minABI = [
+                            // balanceOf
+                            {
+                                "constant": true,
+                                "inputs": [{ "name": "_owner", "type": "address" }],
+                                "name": "balanceOf",
+                                "outputs": [{ "name": "balance", "type": "uint256" }],
+                                "type": "function"
+                            },
+                            // decimals
+                            {
+                                "constant": true,
+                                "inputs": [],
+                                "name": "decimals",
+                                "outputs": [{ "name": "", "type": "uint8" }],
+                                "type": "function"
+                            }
+                        ];
+
+                        let contract = new web3.eth.Contract(minABI, tokenContractAddress);
+
+                        try {
+                            tokenBalance.value = await contract.methods.balanceOf(walletAccount.config.address).call()
+                        } catch (err) {
+                            if (err.message.indexOf('Provided address') >= 0) {
+                                walletAccount.error = 'Invalid configured address.'
+                            } else {
+                                walletAccount.error = err.message
+                            }
+                        }
+                    }
+                }
+
+                responseData.result = 'Ok'
+                responseData.walletDefinition = walletDefinition
+                return responseData
+            }
+        } catch (err) {
+            return { error: 'Could not connect to ' + key + '. ' + err.stack + '.' }
+        }
+    }
+
+    async function connectToClient(key, host, port, interface) {
+        let web3
+        switch (interface) {
+            case 'ws': {
+                web3 = new Web3('ws://' + host + ':' + port + '');
+                break
+            }
+            case 'http': {
+                web3 = new Web3('http://' + host + ':' + port + '');
+                break
+            }
+            default: {
+                return { error: 'Interface parameter must be either ws or http. Received ' + interface }
+            }
+        }
+
+        return await testConnection()
+
+        async function testConnection() {
+            let accounts = await web3.eth.getAccounts()
+            if (web3.currentProvider.connected === false) {
+                return { error: 'Connection to ' + key + ' could not be established.' }
+            } else {
+                web3Map.set(key, web3)
+                return web3
+            }
+        }
+    }
+
+    async function signData(privateKey, data) {
+        try {
+
+            let web3 = new Web3()
+            let signature = web3.eth.accounts.sign(data, privateKey)
+
+            return {
+                signature: signature,
+                result: 'Ok'
+            }
+
+        } catch (err) {
+            return { error: 'Could not sign the data. ' + err.stack }
+        }
+    }
+
+    async function hashData(data) {
+        try {
+
+            let web3 = new Web3()
+            let hash = web3.eth.accounts.hashMessage(data)
+
+            return {
+                hash: hash,
+                result: 'Ok'
+            }
+
+        } catch (err) {
+            return { error: 'Could not hash the data. ' + err.stack }
+        }
+    }
+
+    async function recoverAddress(signature) {
+        try {
+            let signatureObject = JSON.parse(signature)
+            let web3 = new Web3()
+            let address = web3.eth.accounts.recover(signatureObject)
+
+            return {
+                address: address,
+                result: 'Ok'
+            }
+
+        } catch (err) {
+            return { error: 'Could not recover address. ' + err.stack }
+        }
+    }
+
+    async function mnemonicToPrivateKey(mnemonic) {
+        try {
+            const ethers = SA.nodeModules.ethers
+            let wallet = ethers.Wallet.fromMnemonic(mnemonic)
+
+            if (wallet.privateKey !== undefined) {
+                return {
+                    address: wallet.address,
+                    privateKey: wallet.privateKey,
+                    result: 'Ok'
+                }
+            } else {
+                return {
+                    address: undefined,
+                    privateKey: undefined,
+                    result: 'Fail'
+                }
+            }
+
+        } catch (err) {
+            return { error: 'Could not convert to Private Key. ' + err.stack }
+        }
+    }
+
+    async function payContributors(contractAddress, contractAbi, paymentsArray, mnemonic) {
+        try {
+            let response = await mnemonicToPrivateKey(mnemonic)
+            let privateKey = response.privateKey
+
+            console.log('----------------------------------------------------------------------------------------------')
+            console.log('PAYING CONTRIBUTORS')
+            console.log('----------------------------------------------------------------------------------------------')
+
+            for (let i = 0; i < paymentsArray.length; i++) {
+                await PL.projects.foundations.utilities.asyncFunctions.sleep(15000)
+                let payment = paymentsArray[i]
+                await sendTokens(
+                    i + 1,
+                    payment.userProfile,
+                    payment.from,
+                    payment.to,
+                    payment.amount
+                )
+            }
+
+            async function sendTokens(number, userProfile, fromAddress, toAddress, tokenAmount) {
+                try {
+
+                    tokenAmount = Math.trunc(tokenAmount / 1000000000000000000)
+
+                    console.log('')
+                    console.log('---------------------------------------------------------------------------------------------------------------------------------------------------')
+                    console.log(' Payment # ' + number + ' - User Profile: ' + userProfile + ' - SA Tokens Amount: ' + parseFloat(tokenAmount).toLocaleString('en') + ' - Address: ' + toAddress)
+                    console.log('---------------------------------------------------------------------------------------------------------------------------------------------------')
+                    console.log('')
+
+                    if (tokenAmount === 0) {
+                        console.log('No need to send a transaction in this case.')
+                        return
+                    }
+
+                    const Tx = SA.nodeModules.ethereumjsTx.Transaction;
+                    const web3 = new Web3(new Web3.providers.HttpProvider('https://bsc-dataseed.binance.org/'))
+                    /*
+                    Token Amount
+                    */
+
+                    tokenAmount = web3.utils.toWei(tokenAmount.toString(), 'ether')
+                    var amountBigNumber = web3.utils.toBN(tokenAmount)
+
+                    //const amount = web3.utils.toHex(tokenAmount)
+                    if (privateKey === undefined) { privateKey = 'No Privete Key - Just Testing' }
+                    privateKey = privateKey.replace('0x', '')
+                    const privateKeyBuffer = Buffer.from(privateKey, 'hex')
+                    const contractAbiObject = JSON.parse(contractAbi)
+                    const contract = new web3.eth.Contract(contractAbiObject, contractAddress, { from: fromAddress })
+                    const Common = SA.nodeModules.ethereumjsCommon.default
+                    const BSC_FORK = Common.forCustomChain(
+                        'mainnet',
+                        {
+                            name: 'Binance Smart Chain Mainnet',
+                            networkId: 56,
+                            chainId: 56,
+                            url: 'https://bsc-dataseed.binance.org/'
+                        },
+                        'istanbul',
+                    );
+
+                    const nonce = await web3.eth.getTransactionCount(fromAddress);
+                    console.log('Nonce:', nonce)
+
+                    const rawTransaction = {
+                        "from": fromAddress,
+                        "gasPrice": web3.utils.toHex(5000000000),
+                        "gasLimit": web3.utils.toHex(210000),
+                        "to": contractAddress, "value": "0x0",
+                        "data": contract.methods.transfer(toAddress, amountBigNumber).encodeABI(),
+                        "nonce": web3.utils.toHex(nonce)
+                    };
+
+                    const transaction = new Tx(rawTransaction, { 'common': BSC_FORK })
+                    transaction.sign(privateKeyBuffer)
+
+                    console.log('Transaction:', rawTransaction)
+                    let result
+
+                    result = await web3.eth.sendSignedTransaction('0x' + transaction.serialize().toString('hex'))
+                        .catch(err => {
+                            console.log('[ERROR] sendSignedTransaction -> err =' + JSON.stringify(err))
+                        })
+
+                    console.log('Result:', result)
+                    return result
+                } catch (err) {
+                    console.log('[ERROR] web3Server -> sendTokens -> err.stack = ' + err.stack)
+                }
+            }
+
+            return {
+                address: wallet.address,
+                privateKey: wallet.privateKey,
+                result: 'Ok'
+            }
+
+        } catch (err) {
+            return { error: 'Could not convert to Private Key. ' + err.stack }
+        }
+    }
+}

Platform/Client/webSocketsInterface.js

@@ -0,0 +1,133 @@
+exports.newWebSocketsInterface = function newWebSocketsInterface() {
+
+    const LOG_INFO = false
+
+    let thisObject = {
+        initialize: initialize,
+        finalize: finalize
+    }
+
+    const WEB_SOCKET = SA.nodeModules.ws
+    let socketServer
+    let port = global.env.PLATFORM_WEB_SOCKETS_INTERFACE_PORT
+
+    return thisObject
+
+    function finalize() {
+        socketServer = undefined
+    }
+
+    function initialize() {
+        setUpWebSocketServer()
+    }
+
+    function setUpWebSocketServer() {
+        try {
+            socketServer = new WEB_SOCKET.Server({ port: port })
+
+            socketServer.on('connection', onConnection)
+
+            function onConnection(socket) {
+
+                let lastNonce = -1
+                if (LOG_INFO === true) {
+                    console.log('New Websocket Connection.')
+                }
+
+                socket.on('message', onMenssage)
+
+                function onMenssage(message) {
+
+                    try {
+                        if (global.env.DEMO_MODE === true) {
+                            /*
+                            In DEMO MODE we will accept Task / Sessions Running or Stopping if you are requesting this from localhost only.
+                            */
+                            if (socket._socket.remoteAddress !== "::1") {
+                                if (
+                                    message.toString().indexOf('"eventType":"Run Task"') >= 0
+                                    ||
+                                    message.toString().indexOf('"eventType":"Stop Task"') >= 0
+                                    ||
+                                    message.toString().indexOf('"eventType":"Run Trading Session"') >= 0
+                                    ||
+                                    message.toString().indexOf('"eventType":"Stop Trading Session"') >= 0
+                                    ||
+                                    message.toString().indexOf('"eventType":"Resume Trading Session"') >= 0
+                                    ||
+                                    message.toString().indexOf('"eventType":"Run Learning Session"') >= 0
+                                    ||
+                                    message.toString().indexOf('"eventType":"Stop Learning Session"') >= 0
+                                    ||
+                                    message.toString().indexOf('"eventType":"Resume Learning Session"') >= 0
+                                ) {
+                                    console.log('Trying to execute a Task while in DEMO MODE. Some hacking has taken place!')
+                                    console.log('Hacker IP Address is: ' + socket._socket.remoteAddress)
+                                    return
+                                }
+                            }
+                        }
+
+                        if (LOG_INFO === true) {
+                            console.log('Message Received: ' + message.toString().substring(0, 10000))
+                        }
+
+                        let messageArray = message.toString().split('|*|')
+
+                        let origin = messageArray[0]
+                        let nonce = messageArray[1]
+                        let messageToEventServer = messageArray[2]
+
+                        if (origin === 'Web Browser') {
+                            if (isNaN(nonce) || nonce === "") {
+                                console.log('[ERROR] Client -> Web Sockets Interface -> run -> setUpWebSocketServer -> Nonce is not a Number. message = ' + message.substring(0, 1000))
+                                console.log('[ERROR] Client -> Web Sockets Interface -> run -> setUpWebSocketServer -> Nonce is not a Number. nonce = ' + nonce)
+                                return
+                            }
+
+                            if (nonce === "1") { // this happens once the browser is restarted, and the server is running since a previous session.
+                                lastNonce = 0
+                            }
+
+                            if (Number(nonce) < Number(lastNonce)) {
+                                console.log('[ERROR] Client -> Web Sockets Interface -> run -> setUpWebSocketServer -> Nonce received is less than Last Nonce. message = ' + message.substring(0, 1000))
+                                console.log('[ERROR] Client -> Web Sockets Interface -> run -> setUpWebSocketServer -> Nonce received is less than Last Nonce. nonce = ' + nonce)
+                                console.log('[ERROR] Client -> Web Sockets Interface -> run -> setUpWebSocketServer -> Nonce received is less than Last Nonce. lastNonce = ' + lastNonce)
+                                return
+                            }
+
+                            lastNonce = nonce
+
+                            try {
+                                JSON.parse(messageToEventServer)
+                            } catch (err) {
+                                console.log('[ERROR] Client -> Web Sockets Interface -> run -> setUpWebSocketServer -> Message received from the browser is not a valid JSON. message = ' + message.substring(0, 1000))
+                                console.log('[ERROR] Client -> Web Sockets Interface -> run -> setUpWebSocketServer -> Message received from the browser is not a valid JSON. messageToEventServer = ' + messageToEventServer)
+                                return
+                            }
+
+                            let acknowledgeMessage = {
+                                action: 'Acknowledge',
+                                nonce: nonce
+                            }
+
+                            socket.send(JSON.stringify(acknowledgeMessage))
+                        }
+
+
+                        PL.servers.EVENT_SERVER.onMessage(messageToEventServer, onResponse)
+
+                        function onResponse(message) {
+                            socket.send(message)
+                        }
+                    } catch (err) {
+                        console.log('[ERROR] Client -> Web Sockets Interface -> run -> setUpWebSocketServer -> Nonce received is less than Last Nonce. err = ' + err.stack)
+                    }
+                }
+            }
+        } catch (err) {
+            console.log('[ERROR] Client -> Web Sockets Interface -> run -> setUpWebSocketServer -> err.message = ' + err.message)
+            console.log('[ERROR] Client -> Web Sockets Interface -> run -> setUpWebSocketServer -> err.message = ' + err.stack)
+        }
+    }
+}

Platform/PlatformApp.js

@@ -0,0 +1,165 @@
+exports.newPlatformApp = function newPlatformApp() {
+
+    let thisObject = {
+        run: run
+    }
+
+    return thisObject
+
+    async function run(initialWorkspace) {
+
+        process.on('uncaughtException', function (err) {
+            if (err.message && err.message.indexOf("EADDRINUSE") > 0) {
+                console.log("The Superalgos Platform Client cannot be started. Reason: the port configured migth be being used by another application, or Superalgos Platform Client might be already running.")
+                return
+            }
+            console.log('[ERROR] Platform App -> uncaughtException -> err.message = ' + err.message)
+            console.log('[ERROR] Platform App -> uncaughtException -> err.stack = ' + err.stack)
+            console.log('[ERROR] Platform App -> uncaughtException -> err = ' + err)
+            process.exit(1)
+        })
+
+        process.on('unhandledRejection', (reason, p) => {
+            // Signal user that a necessary node module is missing
+            if (reason.code == 'MODULE_NOT_FOUND') {
+                console.log("[ERROR] Dependency library not found. Please try running the 'node setup' command and then restart the Superalgos Platform Client.")
+                console.log('[ERROR] Platform App -> reason = ' + JSON.stringify(reason))
+                process.exit(1)
+            }
+            console.log('[ERROR] Platform App -> unhandledRejection -> reason = ' + JSON.stringify(reason))
+            console.log('[ERROR] Platform App -> unhandledRejection -> p = ' + JSON.stringify(p))
+            process.exit(1)
+        })
+        try {
+            /* Callbacks default responses. */
+
+            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'
+            }
+
+            /* Servers */
+            let WEB_SERVER = require('./Client/webServer.js')
+            let DATA_FILE_SERVER = require('./Client/dataFileServer.js')
+            let PROJECT_FILE_SERVER = require('./Client/projectFileServer.js')
+            let UI_FILE_SERVER = require('./Client/uiFileServer.js')
+            let PLUGIN_SERVER = require('./Client/pluginServer.js')
+            let EVENT_SERVER = require('./Client/eventServer.js')
+            let TASK_MANAGER_SERVER = require('./Client/taskManagerServer.js')
+            let CCXT_SERVER = require('./Client/ccxtServer.js')
+            let WEB3_SERVER = require('./Client/web3Server.js')
+            let GITHUB_SERVER = require('./Client/githubServer.js')
+
+            /* Network Interfaces */
+            let WEB_SOCKETS_INTERFACE = require('./Client/webSocketsInterface.js')
+            let HTTP_INTERFACE = require('./Client/httpInterface.js')
+            /*
+            Setting up servers running inside this Client.
+            */
+            PL.servers = {}
+            console.log('SUPERALGOS PLATFORM CLIENT SERVERS:')
+            console.log('')
+
+            PL.servers.WEB_SERVER = WEB_SERVER.newWebServer()
+            PL.servers.WEB_SERVER.initialize()
+            PL.servers.WEB_SERVER.run()
+            console.log('Web Server .................................................. Started')
+
+            PL.servers.UI_FILE_SERVER = UI_FILE_SERVER.newUIFileServer()
+            PL.servers.UI_FILE_SERVER.initialize()
+            PL.servers.UI_FILE_SERVER.run()
+            console.log('UI File Server .............................................. Started')
+
+            PL.servers.PROJECT_FILE_SERVER = PROJECT_FILE_SERVER.newProjectFileServer()
+            PL.servers.PROJECT_FILE_SERVER.initialize()
+            PL.servers.PROJECT_FILE_SERVER.run()
+            console.log('Project File Server ......................................... Started')
+
+            PL.servers.PLUGIN_SERVER = PLUGIN_SERVER.newPluginServer()
+            PL.servers.PLUGIN_SERVER.initialize()
+            PL.servers.PLUGIN_SERVER.run()
+            console.log('Plugin Server ............................................... Started')
+
+            PL.servers.DATA_FILE_SERVER = DATA_FILE_SERVER.newDataFileServer()
+            PL.servers.DATA_FILE_SERVER.initialize()
+            PL.servers.DATA_FILE_SERVER.run()
+            console.log('Data File Server ............................................ Started')
+
+            PL.servers.EVENT_SERVER = EVENT_SERVER.newEventServer()
+            PL.servers.EVENT_SERVER.initialize()
+            PL.servers.EVENT_SERVER.run()
+            console.log('Events Server ............................................... Started')
+
+            TASK_MANAGER_SERVER = TASK_MANAGER_SERVER.newTaskManagerServer()
+            TASK_MANAGER_SERVER.initialize()
+            TASK_MANAGER_SERVER.run()
+            console.log('Task Manager Server ......................................... Started')
+
+            PL.servers.CCXT_SERVER = CCXT_SERVER.newCCXTServer()
+            PL.servers.CCXT_SERVER.initialize()
+            PL.servers.CCXT_SERVER.run()
+            console.log('CCXT Server ................................................. Started')
+
+            PL.servers.WEB3_SERVER = WEB3_SERVER.newWeb3Server()
+            PL.servers.WEB3_SERVER.initialize()
+            PL.servers.WEB3_SERVER.run()
+            console.log('WEB3 Server ................................................. Started')
+
+            PL.servers.GITHUB_SERVER = GITHUB_SERVER.newGithubServer()
+            PL.servers.GITHUB_SERVER.initialize()
+            PL.servers.GITHUB_SERVER.run()
+            console.log('Github Server ............................................... Started')
+
+            console.log('')
+            console.log('SUPERALGOS PLATFORM CLIENT INTERFACES:')
+            console.log('')
+            WEB_SOCKETS_INTERFACE = WEB_SOCKETS_INTERFACE.newWebSocketsInterface()
+            WEB_SOCKETS_INTERFACE.initialize()
+            console.log('Web Sockets Interface ....................................... Listening at port ' + global.env.PLATFORM_WEB_SOCKETS_INTERFACE_PORT)
+
+            HTTP_INTERFACE = HTTP_INTERFACE.newHttpInterface()
+            HTTP_INTERFACE.initialize(initialWorkspace)
+            console.log('Http Interface .............................................. Listening at port ' + global.env.PLATFORM_HTTP_INTERFACE_PORT)
+
+            console.log('')
+            console.log("You are running Superalgos Platform " + SA.version)
+            console.log('')
+            console.log("What's new? These are the main new features in this version:")
+            console.log('')
+            console.log('Governance System ........................................... Automates the distribution of SA Tokens and allow users to vote on the direction of the project.')
+            console.log('TensorFlow Integration ...................................... Allows creating and training ML models and use them in trading strategies.')
+            console.log('')
+            console.log("What's next? This is the current development pipeline:")
+            console.log('')
+            console.log('Superalgos P2P Network ...................................... Will allow algo-traders to share trading signals with Superalgos users consuming these signals via a mobile app.')
+            console.log('Real-time Trading Signals ................................... Will allow users to emit trading signals and be rewarded with SA Tokens.')
+            console.log('Superalgos Mobile ........................................... Will allow users to consume trading signals for free and autonomously execute trades from their mobile phones.')
+            console.log('Portfolio Manager ........................................... Will allow a Portfolio Manager bot to supervize Trading Bots deciding where and when to increase or decrease their position sizes.]')
+
+            console.log('')
+
+        } catch (err) {
+            console.log('[ERROR] Platform App -> Error = ' + err.stack)
+        }
+    }
+}

Platform/UI/Animation.js

@@ -116,23 +116,23 @@ function newAnimation() {
                 for (const [key, timeConsumed] of performanceMap.entries()) {
                     row++
                     let labelToPrint = key + '   ' + timeConsumed.toFixed(4)
-                    UI.projects.superalgos.utilities.drawPrint.printLabel(labelToPrint, 10,undefined, undefined,  100 + row * 30, 1, 20, UI_COLOR.RED, 'Left')
+                    UI.projects.foundations.utilities.drawPrint.printLabel(labelToPrint, 10,undefined, undefined,  100 + row * 30, 1, 20, UI_COLOR.RED, 'Left')
                     let percentage = timeConsumed * 100 / totalTimeConsumed
                     labelToPrint = key + '   ' + percentage.toFixed(1) + '%'
-                    UI.projects.superalgos.utilities.drawPrint.printLabel(labelToPrint, 300, undefined, undefined, 100 + row * 30, 1, 20, UI_COLOR.RED, 'Left')
+                    UI.projects.foundations.utilities.drawPrint.printLabel(labelToPrint, 300, undefined, undefined, 100 + row * 30, 1, 20, UI_COLOR.RED, 'Left')
                 }
 
                 /* Other Variables */
                 row++
-                UI.projects.superalgos.utilities.drawPrint.printLabel(DEBUG.variable1, 300, undefined, undefined, 100 + row * 30, 1, 20, UI_COLOR.RED, 'Left')
+                UI.projects.foundations.utilities.drawPrint.printLabel(DEBUG.variable1, 300, undefined, undefined, 100 + row * 30, 1, 20, UI_COLOR.RED, 'Left')
                 row++
-                UI.projects.superalgos.utilities.drawPrint.printLabel(DEBUG.variable2, 300, undefined, undefined, 100 + row * 30, 1, 20, UI_COLOR.RED, 'Left')
+                UI.projects.foundations.utilities.drawPrint.printLabel(DEBUG.variable2, 300, undefined, undefined, 100 + row * 30, 1, 20, UI_COLOR.RED, 'Left')
                 row++
-                UI.projects.superalgos.utilities.drawPrint.printLabel(DEBUG.variable3, 300, undefined, undefined, 100 + row * 30, 1, 20, UI_COLOR.RED, 'Left')
+                UI.projects.foundations.utilities.drawPrint.printLabel(DEBUG.variable3, 300, undefined, undefined, 100 + row * 30, 1, 20, UI_COLOR.RED, 'Left')
                 row++
-                UI.projects.superalgos.utilities.drawPrint.printLabel(DEBUG.variable4, 300, undefined, undefined, 100 + row * 30, 1, 20, UI_COLOR.RED, 'Left')
+                UI.projects.foundations.utilities.drawPrint.printLabel(DEBUG.variable4, 300, undefined, undefined, 100 + row * 30, 1, 20, UI_COLOR.RED, 'Left')
                 row++
-                UI.projects.superalgos.utilities.drawPrint.printLabel('Animation Frame Per Seconds: ' + ANIMATION_FRAME_PER_SECONDS, 300, undefined, undefined, 100 + row * 30, 1, 20, UI_COLOR.RED, 'Left')
+                UI.projects.foundations.utilities.drawPrint.printLabel('Animation Frame Per Seconds: ' + ANIMATION_FRAME_PER_SECONDS, 300, undefined, undefined, 100 + row * 30, 1, 20, UI_COLOR.RED, 'Left')
             }
 
             /* Video Recording */
@@ -144,17 +144,17 @@ function newAnimation() {
             /* Panorama Recording */
             if (ARE_WE_RECORDING_A_MARKET_PANORAMA === true) {
                 if (PANORAMA_WAS_PANNED === true) {
-                    UI.projects.superalgos.utilities.download.addToMarketPanorama()
+                    UI.projects.foundations.utilities.download.addToMarketPanorama()
                     PANORAMA_WAS_PANNED = false
                 }
             }
 
-            /* We request the next frame to be drawn, and stablishing a loop */
+            /* We request the next frame to be drawn, and establish a loop */
 
             /* Use this code for full animation speed. */
             animationLoopHandle = window.requestAnimationFrame(animationLoop)
 
-            /* Use this code for max 10 frames per second animation speed, if the app is consumming too much of your CPU.  */
+            /* Use this code for max 10 frames per second animation speed, if the app is consuming too much of your CPU.  */
             /*
             setTimeout(nextLoop, 100)
             function nextLoop () {

Platform/UI/AppLoader.js

@@ -1,11 +1,10 @@
 let postLoader
 
 function newAppLoader() {
-    const MODULE_NAME = 'App Loader'
     const INFO_LOG = false
     const ERROR_LOG = true
     const logger = newWebDebugLog()
-    
+
 
     let thisObject = {
         loadModules: loadModules
@@ -64,16 +63,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)
+
+                        let project = item[0]
+                        let fileName = item[1]
+                        urlArray.push('Projects' + '/' + project + '/' + 'UI' + '/' + 'Function-Libraries' + '/' + fileName)
                     }
 
                     modulesArray = modulesArray.concat(urlArray)
                     utilities()
                 }
-            }    
+            }
 
             function utilities() {
                 let url = 'ListUtilitiesFiles'
@@ -84,16 +83,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)
+
+                        let project = item[0]
+                        let fileName = item[1]
+                        urlArray.push('Projects' + '/' + project + '/' + 'UI' + '/' + 'Utilities' + '/' + fileName)
                     }
 
                     modulesArray = modulesArray.concat(urlArray)
                     globals()
                 }
-            } 
+            }
 
             function globals() {
                 let url = 'ListGlobalFiles'
@@ -104,16 +103,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)
+
+                        let project = item[0]
+                        let fileName = item[1]
+                        urlArray.push('Projects' + '/' + project + '/' + 'UI' + '/' + 'Globals' + '/' + fileName)
                     }
 
                     modulesArray = modulesArray.concat(urlArray)
                     spaces()
                 }
-            } 
+            }
 
             function spaces() {
                 let url = 'ListSpaceFiles'
@@ -138,7 +137,7 @@ function newAppLoader() {
 
                 for (let i = 0; i < modulesArray.length; i++) {
                     let path = modulesArray[i]
-
+              
                     REQUIREJS([path], onRequired)
 
                     if (INFO_LOG === true) { logger.write('[INFO] loadModules -> Module Requested.') }
@@ -177,13 +176,13 @@ function newAppLoader() {
 
     function defaultPlotters() {
         return [
-            'Plotters/Superalgos/Candles/Plotters-Candles-Volumes/Candles.js',
-            'Plotters/Superalgos/Candles/Plotters-Candles-Volumes/CandlePanel.js',
-            'Plotters/Superalgos/Candles/Plotters-Candles-Volumes/Volumes.js',
-            'Plotters/Superalgos/Candles/Plotters-Candles-Volumes/VolumePanel.js',
-            'Plotters/Superalgos/Bollinger/Plotters-Bollinger-Bands/BollingerBands.js',
-            'Plotters/Superalgos/Bollinger/Plotters-Bollinger-Bands/BollingerBandsPanel.js',
-            'Plotters/Superalgos/Bollinger/Plotters-Bollinger-Bands/PercentageBandwidth.js'
+            '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'
         ]
     }
 }

Platform/UI/AppPostLoader.js

@@ -4,7 +4,7 @@ function newAppPostLoader() {
     const MODULE_NAME = 'Post Loader'
     const ERROR_LOG = true
     const logger = newWebDebugLog()
-    
+
 
     let thisObject = {
         start: start
@@ -14,12 +14,18 @@ function newAppPostLoader() {
 
     function start() {
         try {
-            /* Moving PROJECTS_ARRAY to the global variable */
-            PROJECTS_ARRAY = window.PROJECTS
-            window.PROJECTS = undefined
 
-            setBrowserEvents()
-            setupProjectsSchema()
+            // autoSaveWhenClosingTheBrowser()
+            setupEnvironment()
+
+            function setupEnvironment() {
+                httpRequest(undefined, 'Environment', onResponse)
+
+                function onResponse(err, file) {
+                    UI.environment = JSON.parse(file)
+                    setupProjectsSchema()
+                }
+            }
 
             function setupProjectsSchema() {
                 httpRequest(undefined, 'ProjectsSchema', onResponse)
@@ -35,8 +41,8 @@ function newAppPostLoader() {
                 let totalWebServerCalls = 0
                 let webServerResponses = 0
 
-                for (let i = 0; i < PROJECTS_ARRAY.length; i++) {
-                    let project = PROJECTS_ARRAY[i]
+                for (let i = 0; i < PROJECTS_SCHEMA.length; i++) {
+                    let project = PROJECTS_SCHEMA[i].name
                     let schemas = {
                         array: {
                             appSchema: [],
@@ -213,7 +219,7 @@ function newAppPostLoader() {
         }
     }
 
-    function setBrowserEvents() {
+    function autoSaveWhenClosingTheBrowser() {
         window.onbeforeunload = saveWorkspace
 
         /* handles backspace and refresh(F5) from keyboard */
@@ -229,7 +235,7 @@ function newAppPostLoader() {
         window.addEventListener('keydown', window.manageBackRefresh)
 
         function saveWorkspace() {
-            UI.projects.superalgos.spaces.designSpace.workspace.save()
+            UI.projects.foundations.spaces.designSpace.workspace.save()
         }
     }
 }

Platform/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 functionality 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 immediately 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 })
+        }
+    }
+}

Platform/UI/Canvas.js

@@ -50,12 +50,13 @@ function newCanvas() {
 
     function finalize() {
         try {
-            UI.projects.superalgos.spaces.tutorialSpace.finalize()
-            UI.projects.superalgos.spaces.docsSpace.finalize()
+            UI.projects.education.spaces.tutorialSpace.finalize()
+            UI.projects.education.spaces.docsSpace.finalize()
             //thisObject.chatSpace.finalize()
-            UI.projects.superalgos.spaces.sideSpace.finalize()
-            UI.projects.superalgos.spaces.chartingSpace.finalize()
-            UI.projects.superalgos.spaces.floatingSpace.finalize()
+            UI.projects.foundations.spaces.sideSpace.finalize()
+            UI.projects.foundations.spaces.chartingSpace.finalize()
+            UI.projects.foundations.spaces.floatingSpace.finalize()
+            UI.projects.foundations.spaces.codeEditorSpace.finalize()
             thisObject.shorcutNumbers = undefined
 
             if (browserCanvas.removeEventListener) {
@@ -86,7 +87,7 @@ function newCanvas() {
         }
     }
 
-    function initialize() {
+    async function initialize() {
         try {
 
             browserResized()
@@ -121,6 +122,8 @@ function newCanvas() {
                 let spaceAnimationDrawMap = new Map()
                 let spaceDefinitionDrawMap = new Map()
 
+                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++) {
@@ -170,7 +173,7 @@ function newCanvas() {
                         spaceDefinitionDrawMap.set(spaceDefinition.animationDrawIndex, spaceDefinition)
                     }
 
-                    /* Build the maps that defines the secuence of execution of different events. */
+                    /* Build the maps that defines the sequence of execution of different events. */
                     if (spaceDefinition.onMouseWheelIndex !== undefined) {
                         projectInstance.events.onMouseWheelMap.set(spaceDefinition.onMouseWheelIndex, spaceInstance)
                     }
@@ -189,7 +192,7 @@ function newCanvas() {
                 for (let j = 0; j < projectDefinition.UI.spaces.length; j++) {
                     let spaceInstance = spaceInitializationMap.get(j)
                     if (spaceInstance !== undefined) {
-                        spaceInstance.initialize()
+                        await spaceInstance.initialize()
                     }
                 }
 
@@ -318,12 +321,12 @@ function newCanvas() {
                     break
                 }
                 case 118: { //  F7
-                    UI.projects.superalgos.utilities.download.downloadPanorama('Superalgos.Market.Panorama')
+                    UI.projects.foundations.utilities.download.downloadPanorama('Superalgos.Market.Panorama')
                     return
                     break
                 }
                 case 119: { //  F8
-                    UI.projects.superalgos.utilities.download.downloadCanvas('Superalgos.Image.Capture', browserCanvas)
+                    UI.projects.foundations.utilities.download.downloadCanvas('Superalgos.Image.Capture', browserCanvas)
                     return
                     break
                 }
@@ -367,11 +370,11 @@ function newCanvas() {
     }
 
     async function onKeyDown(event) {
-        if (UI.projects.superalgos.spaces.designSpace.workspace === undefined) { return }
+        if (UI.projects.foundations.spaces.designSpace.workspace === undefined) { return }
 
         if (EDITOR_ON_FOCUS === true) {
             /*
-             We will fordward the event to whoever is 
+             We will forward the event to whoever is
              controlling the editor.
             */
             if (window.editorController !== undefined) {
@@ -380,20 +383,25 @@ function newCanvas() {
             return
         }
         /* When the Docs is Visible, we do not process key down events of the Designer Space. */
-        if (UI.projects.superalgos.spaces.docsSpace.isVisible === true) {
+        if (UI.projects.education !== undefined && UI.projects.education.spaces.docsSpace.isVisible === true) {
             return
         }
+        /* When the Code Editor is Visible, we do not process key down events of the Designer Space. */
+        if (UI.projects.foundations.spaces.codeEditorSpace.isVisible === true) {
+            return
+        }
+
         thisObject.mouse.event = event
         thisObject.mouse.action = 'key down'
 
         checkMediaRecording(event)
 
-        event.x = thisObject.mouse.position.x 
-        event.y = thisObject.mouse.position.y 
+        event.x = thisObject.mouse.position.x
+        event.y = thisObject.mouse.position.y
 
-        UI.projects.superalgos.spaces.chartingSpace.onKeyPressed(event)
+        UI.projects.foundations.spaces.chartingSpace.onKeyPressed(event)
 
-        /* Shourcuts to Menu Items */
+        /* Shortcuts to Menu Items */
         if ((event.keyCode >= 48 && event.keyCode <= 57)) {
             let number = event.key
             if (MENU_ITEM_ON_FOCUS !== undefined) {
@@ -411,37 +419,92 @@ function newCanvas() {
             }
         }
 
-        if (event.key === 'Escape' && UI.projects.superalgos.spaces.floatingSpace.inMapMode === true) {
-            UI.projects.superalgos.spaces.floatingSpace.exitMapMode()
+        if (event.key === 'Escape' && UI.projects.foundations.spaces.floatingSpace.inMapMode === true) {
+            UI.projects.foundations.spaces.floatingSpace.exitMapMode()
         }
 
-        if (event.shiftKey === true && (event.ctrlKey === true || event.metaKey === true) && (event.key === 'M' || event.key === 'm')) {
-            UI.projects.superalgos.spaces.floatingSpace.toggleMapMode()
+        if (
+            event.shiftKey === true &&
+            (event.ctrlKey === true || event.metaKey === true) &&
+            (event.key === UI.projects.foundations.spaces.floatingSpace.settings.shortcuts.toggleMapMode || event.key === UI.projects.foundations.spaces.floatingSpace.settings.shortcuts.toggleMapMode.toLowerCase())
+        ) {
+            UI.projects.foundations.spaces.floatingSpace.toggleMapMode()
             event.preventDefault()
             return
         }
 
-        if (event.shiftKey === true && (event.ctrlKey === true || event.metaKey === true) && (event.key === 'R' || event.key === 'r')) {
-            UI.projects.superalgos.spaces.floatingSpace.toggleDrawReferenceLines()
+        if (
+            event.shiftKey === true &&
+            (event.ctrlKey === true || event.metaKey === true) &&
+            (event.key === UI.projects.foundations.spaces.floatingSpace.settings.shortcuts.toggleDrawRelationshipLines || event.key === UI.projects.foundations.spaces.floatingSpace.settings.shortcuts.toggleDrawRelationshipLines.toLowerCase())
+        ) {
+            UI.projects.foundations.spaces.floatingSpace.toggleDrawReferenceLines()
             event.preventDefault()
             return
         }
 
-        if (event.shiftKey === true && (event.ctrlKey === true || event.metaKey === true) && (event.key === 'C' || event.key === 'c')) {
-            UI.projects.superalgos.spaces.floatingSpace.toggleDrawChainLines()
+        if (
+            event.shiftKey === true &&
+            (event.ctrlKey === true || event.metaKey === true) &&
+            (event.key === UI.projects.foundations.spaces.floatingSpace.settings.shortcuts.toggleDrawParentLines || event.key === UI.projects.foundations.spaces.floatingSpace.settings.shortcuts.toggleDrawParentLines.toLowerCase())
+        ) {
+            UI.projects.foundations.spaces.floatingSpace.toggleDrawChainLines()
             event.preventDefault()
             return
         }
 
-        if (event.shiftKey === true && (event.ctrlKey === true || event.metaKey === true) && (event.key === 'S' || event.key === 's')) {
-            UI.projects.superalgos.spaces.designSpace.workspace.save()
+        if (
+            event.shiftKey === true &&
+            (event.ctrlKey === true || event.metaKey === true) &&
+            (event.key === UI.projects.foundations.spaces.floatingSpace.settings.shortcuts.saveWorkspace || event.key === UI.projects.foundations.spaces.floatingSpace.settings.shortcuts.saveWorkspace.toLowerCase())
+        ) {
+            UI.projects.foundations.spaces.designSpace.workspace.save()
             if (event.preventDefault !== undefined) {
                 event.preventDefault()
             }
             return
         }
 
-        let nodeOnFocus = await UI.projects.superalgos.spaces.designSpace.workspace.getNodeThatIsOnFocus()
+        if (
+            event.shiftKey === true &&
+            (event.ctrlKey === true || event.metaKey === true) &&
+            (event.key === UI.projects.foundations.spaces.floatingSpace.settings.shortcuts.saveFloatingObjectToBeMoved || event.key === UI.projects.foundations.spaces.floatingSpace.settings.shortcuts.saveFloatingObjectToBeMoved.toLowerCase())
+
+        ) {
+            UI.projects.foundations.spaces.floatingSpace.saveFloatingObjectToBeMoved()
+            if (event.preventDefault !== undefined) {
+                event.preventDefault()
+            }
+            return
+        }
+
+        if (
+            event.shiftKey === true &&
+            (event.ctrlKey === true || event.metaKey === true) &&
+            (event.key === UI.projects.foundations.spaces.floatingSpace.settings.shortcuts.moveSavedFloatingObjectToMouse || event.key === UI.projects.foundations.spaces.floatingSpace.settings.shortcuts.moveSavedFloatingObjectToMouse.toLowerCase())
+
+        ) {
+            UI.projects.foundations.spaces.floatingSpace.moveSavedFloatingObjectToMouse(thisObject.mouse.position)
+            if (event.preventDefault !== undefined) {
+                event.preventDefault()
+            }
+            return
+        }
+
+        if (
+            event.shiftKey === true &&
+            (event.ctrlKey === true || event.metaKey === true) &&
+            (event.key === UI.projects.foundations.spaces.floatingSpace.settings.shortcuts.rescueFloatingObjectToMouse || event.key === UI.projects.foundations.spaces.floatingSpace.settings.shortcuts.rescueFloatingObjectToMouse.toLowerCase())
+
+        ) {
+            UI.projects.foundations.spaces.floatingSpace.rescueFloatingObjectToMouse(thisObject.mouse.position)
+            if (event.preventDefault !== undefined) {
+                event.preventDefault()
+            }
+            return
+        }
+
+        let nodeOnFocus = await UI.projects.foundations.spaces.designSpace.workspace.getNodeThatIsOnFocus()
         if (nodeOnFocus !== undefined) {
             if (nodeOnFocus.payload.uiObject.codeEditor !== undefined) {
                 if (nodeOnFocus.payload.uiObject.codeEditor.visible === true) {
@@ -458,6 +521,11 @@ function newCanvas() {
                     return
                 }
             }
+            if (nodeOnFocus.payload.uiObject.listSelector !== undefined) {
+                if (nodeOnFocus.payload.uiObject.listSelector.visible === true) {
+                    return
+                }
+            }
             if (nodeOnFocus.payload.uiObject.conditionEditor !== undefined) {
                 if (nodeOnFocus.payload.uiObject.conditionEditor.visible === true) {
                     return
@@ -492,55 +560,55 @@ function newCanvas() {
         }
 
         if (event.shiftKey === true && (event.ctrlKey === true || event.metaKey === true) && event.code === 'ArrowUp') {
-            UI.projects.superalgos.spaces.cockpitSpace.toTop()
+            UI.projects.foundations.spaces.cockpitSpace.toTop()
             event.preventDefault()
             return
         }
 
         if (event.shiftKey === true && (event.ctrlKey === true || event.metaKey === true) && event.code === 'ArrowDown') {
-            UI.projects.superalgos.spaces.cockpitSpace.toBottom()
+            UI.projects.foundations.spaces.cockpitSpace.toBottom()
             event.preventDefault()
             return
         }
 
         if (event.shiftKey === true && (event.ctrlKey === true || event.metaKey === true) && event.code === 'ArrowLeft') {
-            UI.projects.superalgos.spaces.cockpitSpace.moveUp()
+            UI.projects.foundations.spaces.cockpitSpace.moveUp()
             event.preventDefault()
             return
         }
 
         if (event.shiftKey === true && (event.ctrlKey === true || event.metaKey === true) && event.code === 'ArrowRight') {
-            UI.projects.superalgos.spaces.cockpitSpace.moveDown()
+            UI.projects.foundations.spaces.cockpitSpace.moveDown()
             event.preventDefault()
             return
         }
 
         if (event.shiftKey === true && (event.ctrlKey === false && event.metaKey === false) && event.code === 'ArrowLeft') {
-            UI.projects.superalgos.spaces.chartingSpace.oneScreenLeft()
+            UI.projects.foundations.spaces.chartingSpace.oneScreenLeft()
             event.preventDefault()
             return
         }
 
         if (event.shiftKey === true && (event.ctrlKey === false && event.metaKey === false) && event.code === 'ArrowRight') {
-            UI.projects.superalgos.spaces.chartingSpace.oneScreenRight()
+            UI.projects.foundations.spaces.chartingSpace.oneScreenRight()
             event.preventDefault()
             return
         }
 
         if (event.shiftKey === true && (event.ctrlKey === false && event.metaKey === false) && event.code === 'ArrowUp') {
-            UI.projects.superalgos.spaces.chartingSpace.oneScreenUp()
+            UI.projects.foundations.spaces.chartingSpace.oneScreenUp()
             event.preventDefault()
             return
         }
 
         if (event.shiftKey === true && (event.ctrlKey === false && event.metaKey === false) && event.code === 'ArrowDown') {
-            UI.projects.superalgos.spaces.chartingSpace.oneScreenDown()
+            UI.projects.foundations.spaces.chartingSpace.oneScreenDown()
             event.preventDefault()
             return
         }
 
         if ((event.ctrlKey === true || event.metaKey === true) && event.shiftKey === false && event.code === 'ArrowLeft') {
-            let displaceVector = UI.projects.superalgos.spaces.floatingSpace.oneScreenLeft()
+            let displaceVector = UI.projects.foundations.spaces.floatingSpace.oneScreenLeft()
             if (displaceVector !== undefined) {
                 dragVector.downX = dragVector.downX + displaceVector.x
                 dragVector.downY = dragVector.downY + displaceVector.y
@@ -551,7 +619,7 @@ function newCanvas() {
         }
 
         if ((event.ctrlKey === true || event.metaKey === true) && event.shiftKey === false && event.code === 'ArrowRight') {
-            let displaceVector = UI.projects.superalgos.spaces.floatingSpace.oneScreenRight()
+            let displaceVector = UI.projects.foundations.spaces.floatingSpace.oneScreenRight()
             if (displaceVector !== undefined) {
                 dragVector.downX = dragVector.downX + displaceVector.x
                 dragVector.downY = dragVector.downY + displaceVector.y
@@ -562,7 +630,7 @@ function newCanvas() {
         }
 
         if ((event.ctrlKey === true || event.metaKey === true) && event.shiftKey === false && event.code === 'ArrowUp') {
-            let displaceVector = UI.projects.superalgos.spaces.floatingSpace.oneScreenUp()
+            let displaceVector = UI.projects.foundations.spaces.floatingSpace.oneScreenUp()
             if (displaceVector !== undefined) {
                 dragVector.downX = dragVector.downX + displaceVector.x
                 dragVector.downY = dragVector.downY + displaceVector.y
@@ -573,7 +641,7 @@ function newCanvas() {
         }
 
         if ((event.ctrlKey === true || event.metaKey === true) && event.shiftKey === false && event.code === 'ArrowDown') {
-            let displaceVector = UI.projects.superalgos.spaces.floatingSpace.oneScreenDown()
+            let displaceVector = UI.projects.foundations.spaces.floatingSpace.oneScreenDown()
             if (displaceVector !== undefined) {
                 dragVector.downX = dragVector.downX + displaceVector.x
                 dragVector.downY = dragVector.downY + displaceVector.y
@@ -593,9 +661,9 @@ function newCanvas() {
         if ((event.ctrlKey === true || event.metaKey === true) && event.altKey === true) {
             /* Shortcuts to nodes */
             if ((event.keyCode >= 48 && event.keyCode <= 57) || (event.keyCode >= 65 && event.keyCode <= 90)) {
-                /* From here we prevent the default behaviour. Putting it earlier prevents imput box and text area to receive keystrokes */
+                /* From here we prevent the default behaviour. Putting it earlier prevents input box and text area to receive keystrokes */
                 event.preventDefault()
-                let nodeUsingThisKey = await UI.projects.superalgos.spaces.designSpace.workspace.getNodeByShortcutKey(event.key)
+                let nodeUsingThisKey = await UI.projects.foundations.spaces.designSpace.workspace.getNodeByShortcutKey(event.key)
 
                 if (nodeUsingThisKey !== undefined) {
                     if (nodeOnFocus !== undefined) {
@@ -611,7 +679,7 @@ function newCanvas() {
                             nodeOnFocus.payload.uiObject.setValue('Shortcut Key: Ctrl + Alt + ' + event.key)
                         }
                     } else {
-                        UI.projects.superalgos.spaces.floatingSpace.positionAtNode(nodeUsingThisKey)
+                        UI.projects.foundations.spaces.floatingSpace.positionAtNode(nodeUsingThisKey)
                     }
                     return
                 } else {
@@ -635,7 +703,7 @@ function newCanvas() {
         try {
             event.preventDefault()
             event.stopPropagation()
-            UI.projects.superalgos.spaces.cockpitSpace.toTop()
+            UI.projects.foundations.spaces.cockpitSpace.toTop()
         } catch (err) {
             if (ERROR_LOG === true) { logger.write('[ERROR] onDragEnter -> err = ' + err.stack) }
         }
@@ -679,7 +747,7 @@ function newCanvas() {
                         x: event.x,
                         y: event.y
                     }
-                    UI.projects.superalgos.spaces.designSpace.workspace.spawn(reader.result, mousePosition)
+                    UI.projects.foundations.spaces.designSpace.workspace.spawn(reader.result, mousePosition)
                 }
             }
         } catch (err) {
@@ -714,13 +782,20 @@ function newCanvas() {
             /*
             We will go through all the spaces defined at the project schema for each project
             and we are going to query each space to see if they have the container that is at
-            the mouse position. We will order firt the spaces by the sequence order defined
+            the mouse position. We will order first the spaces by the sequence order defined
             at the project schema specifically for this mouse event.
+
+            The order of the projects for events evaluations has intentionally been inverted,
+            because the latest project is drawn the last, on top of the others, that means that
+            events should belong to the last first.
             */
-            for (let i = 0; i < PROJECTS_SCHEMA.length; i++) {
+            for (let i = PROJECTS_SCHEMA.length - 1; i >= 0; i--) {
                 let projectDefinition = PROJECTS_SCHEMA[i]
                 let projectInstance = UI.projects[projectDefinition.propertyName]
+                if (projectInstance === undefined) { continue }
 
+                if (projectDefinition.UI === undefined) { continue }
+                if (projectDefinition.UI.spaces === undefined) { continue }
                 for (let j = 0; j < projectDefinition.UI.spaces.length; j++) {
                     let spaceInstance = projectInstance.events.onMouseDownMap.get(j)
                     if (spaceInstance === undefined) { continue }
@@ -817,13 +892,20 @@ function newCanvas() {
             /*
             We will go through all the spaces defined at the project schema for each project
             and we are going to query each space to see if they have the container that is at
-            the mouse position. We will order firt the spaces by the sequence order defined
+            the mouse position. We will order first the spaces by the sequence order defined
             at the project schema specifically for this mouse event.
+
+            The order of the projects for events evaluations has intentionally been inverted,
+            because the latest project is drawn the last, on top of the others, that means that
+            events should belong to the last first.
             */
-            for (let i = 0; i < PROJECTS_SCHEMA.length; i++) {
+            for (let i = PROJECTS_SCHEMA.length - 1; i >= 0; i--) {
                 let projectDefinition = PROJECTS_SCHEMA[i]
                 let projectInstance = UI.projects[projectDefinition.propertyName]
+                if (projectInstance === undefined) { continue }
 
+                if (projectDefinition.UI === undefined) { continue }
+                if (projectDefinition.UI.spaces === undefined) { continue }
                 for (let j = 0; j < projectDefinition.UI.spaces.length; j++) {
                     let spaceInstance = projectInstance.events.onMouseClickMap.get(j)
                     if (spaceInstance === undefined) { continue }
@@ -870,14 +952,14 @@ function newCanvas() {
             point.x = event.pageX
             point.y = event.pageY - CURRENT_TOP_MARGIN
 
-            if (UI.projects.superalgos.spaces.chartingSpace.viewport !== undefined) {
-                UI.projects.superalgos.spaces.chartingSpace.viewport.mousePosition.x = point.x
-                UI.projects.superalgos.spaces.chartingSpace.viewport.mousePosition.y = point.y
+            if (UI.projects.foundations.spaces.chartingSpace.viewport !== undefined) {
+                UI.projects.foundations.spaces.chartingSpace.viewport.mousePosition.x = point.x
+                UI.projects.foundations.spaces.chartingSpace.viewport.mousePosition.y = point.y
             }
 
             if (containerDragStarted === true || floatingObjectDragStarted === true || viewPortBeingDragged === true) {
                 if (floatingObjectDragStarted === true) {
-                    let targetContainer = UI.projects.superalgos.spaces.floatingSpace.getContainer(point)
+                    let targetContainer = UI.projects.foundations.spaces.floatingSpace.getContainer(point)
                     if (targetContainer !== undefined) {
                         if (targetContainer.id !== containerBeingDragged.id) {
                             containerBeingDragged.eventHandler.raiseEvent('onDragFinished', point)
@@ -921,20 +1003,27 @@ function newCanvas() {
                 return
             }
 
-            /* Then we check who is the current object underneeth the mounse. */
+            /* Then we check who is the current object underneath the mouse. */
 
             let container
 
             /*
             We will go through all the spaces defined at the project schema for each project
             and we are going to query each space to see if they have the container that is at
-            the mouse position. We will order firt the spaces by the sequence order defined
+            the mouse position. We will order first the spaces by the sequence order defined
             at the project schema specifically for this mouse event.
+
+            The order of the projects for events evaluations has intentionally been inverted,
+            because the latest project is drawn the last, on top of the others, that means that
+            events should belong to the last first.
             */
-            for (let i = 0; i < PROJECTS_SCHEMA.length; i++) {
+            for (let i = PROJECTS_SCHEMA.length - 1; i >= 0; i--) {
                 let projectDefinition = PROJECTS_SCHEMA[i]
                 let projectInstance = UI.projects[projectDefinition.propertyName]
+                if (projectInstance === undefined) { continue }
 
+                if (projectDefinition.UI === undefined) { continue }
+                if (projectDefinition.UI.spaces === undefined) { continue }
                 for (let j = 0; j < projectDefinition.UI.spaces.length; j++) {
                     let spaceInstance = projectInstance.events.onMouseOverMap.get(j)
                     if (spaceInstance === undefined) { continue }
@@ -985,13 +1074,20 @@ function newCanvas() {
             /*
             We will go through all the spaces defined at the project schema for each project
             and we are going to query each space to see if they have the container that is at
-            the mouse position. We will order firt the spaces by the sequence order defined
+            the mouse position. We will order first the spaces by the sequence order defined
             at the project schema specifically for this mouse event.
+
+            The order of the projects for events evaluations has intentionally been inverted,
+            because the latest project is drawn the last, on top of the others, that means that
+            events should belong to the last first.
             */
-            for (let i = 0; i < PROJECTS_SCHEMA.length; i++) {
+            for (let i = PROJECTS_SCHEMA.length - 1; i >= 0; i--) {
                 let projectDefinition = PROJECTS_SCHEMA[i]
                 let projectInstance = UI.projects[projectDefinition.propertyName]
+                if (projectInstance === undefined) { continue }
 
+                if (projectDefinition.UI === undefined) { continue }
+                if (projectDefinition.UI.spaces === undefined) { continue }
                 for (let j = 0; j < projectDefinition.UI.spaces.length; j++) {
                     let spaceInstance = projectInstance.events.onMouseWheelMap.get(j)
                     if (spaceInstance === undefined) { continue }
@@ -1061,7 +1157,7 @@ function newCanvas() {
                         y: dragVector.upY - dragVector.downY
                     }
 
-                    UI.projects.superalgos.spaces.chartingSpace.viewport.displace(displaceVector)
+                    UI.projects.foundations.spaces.chartingSpace.viewport.displace(displaceVector)
                 }
                 if (containerDragStarted) {
                     if (containerBeingDragged !== undefined) {
@@ -1072,7 +1168,7 @@ function newCanvas() {
                             }
 
                             let downNoZoom
-                            downNoZoom = UI.projects.superalgos.spaces.chartingSpace.viewport.unTransformThisPoint(downCopy)
+                            downNoZoom = UI.projects.foundations.spaces.chartingSpace.viewport.unTransformThisPoint(downCopy)
 
                             let upCopy = {
                                 x: dragVector.upX,
@@ -1080,7 +1176,7 @@ function newCanvas() {
                             }
 
                             let upNoZoom
-                            upNoZoom = UI.projects.superalgos.spaces.chartingSpace.viewport.unTransformThisPoint(upCopy)
+                            upNoZoom = UI.projects.foundations.spaces.chartingSpace.viewport.unTransformThisPoint(upCopy)
 
                             displaceVector = {
                                 x: upNoZoom.x - downNoZoom.x,

Platform/UI/Data-Files/DailyFiles.js

@@ -45,7 +45,7 @@ function newDailyFiles() {
     }
   }
 
-  function initialize(pMine, pBot, pSession, pProduct, pDataset, pExchange, pMarket, pDatetime, pTimeFrame, pHost, pPort, pEventsServerClient, callBackFunction) {
+  function initialize(pMine, pBot, pSession, pProduct, pDataset, pExchange, pMarket, pDatetime, pTimeFrame, pHost, pPort, pEventsServerClient, callBackFunction, scheme='http') {
     try {
       callBackWhenFileReceived = callBackFunction
 
@@ -55,7 +55,7 @@ function newDailyFiles() {
       let timeFrames
 
       fileCloud = newFileCloud()
-      fileCloud.initialize(pBot, pHost, pPort)
+      fileCloud.initialize(pBot, pHost, pPort, scheme)
 
       /* Config Validations */
       if (pDataset.config.validTimeFrames === undefined) {

Platform/UI/Data-Files/FileCloud.js

@@ -17,8 +17,8 @@ function newFileCloud () {
   let fileStorage
   return thisObject
 
-  function initialize (pBot, pHost, pPort) {
-    fileStorage = newFileStorage(pHost, pPort)
+  function initialize (pBot, pHost, pPort, scheme='http') {
+    fileStorage = newFileStorage(pHost, pPort, scheme)
   }
 
   function getFile (pMine, pBot, pSession, pProduct, pDataset, pExchange, pMarket, ptimeFrameLabel, pDatetime, pSequence, pDataRange, pTimeFrames, callBackFunction) {
@@ -77,7 +77,7 @@ function newFileCloud () {
           }
 
           if (fileName === undefined) {
-            logger.write('[ERROR] getFile -> getFileRecursively -> Inconsistant data. Check the following: ')
+            logger.write('[ERROR] getFile -> getFileRecursively -> Inconsistent data. Check the following: ')
             logger.write('[ERROR] getFile -> getFileRecursively -> pMine = ' + JSON.stringify(pMine))
             logger.write('[ERROR] getFile -> getFileRecursively -> pBot = ' + JSON.stringify(pBot))
             logger.write('[ERROR] getFile -> getFileRecursively -> pDataset = ' + JSON.stringify(pDataset))
@@ -85,7 +85,7 @@ function newFileCloud () {
             logger.write('[ERROR] getFile -> getFileRecursively -> pMarket = ' + JSON.stringify(pMarket))
             logger.write('[ERROR] getFile -> getFileRecursively -> ptimeFrameLabel = ' + JSON.stringify(ptimeFrameLabel))
 
-            throw ('Inconsistant data received.')
+            throw ('Inconsistent data received.')
           }
 
           if (pMarket !== undefined) {
@@ -152,7 +152,7 @@ function newFileCloud () {
 
                 if (ERROR_LOG === true) { logger.write('[ERROR] getFile -> getFileRecursively -> onFileReceived -> filePath = ' + filePath) }
                 if (ERROR_LOG === true) { logger.write('[ERROR] getFile -> getFileRecursively -> onFileReceived -> fileName = ' + fileName) }
-                if (ERROR_LOG === true) { logger.write('[ERROR] getFile -> getFileRecursively -> onFileReceived -> Unexpected Error Ocurred.') }
+                if (ERROR_LOG === true) { logger.write('[ERROR] getFile -> getFileRecursively -> onFileReceived -> Unexpected Error Occurred.') }
                 if (ERROR_LOG === true) { logger.write('[ERROR] getFile -> getFileRecursively -> onFileReceived -> err = ' + err.stack) }
                 if (ERROR_LOG === true) { logger.write('[ERROR] getFile -> getFileRecursively -> onFileReceived -> text = ' + text) }
                 if (ERROR_LOG === true) { logger.write('[ERROR] getFile -> getFileRecursively -> onFileReceived -> response = ' + response) }

Platform/UI/Data-Files/FileCursor.js

@@ -195,7 +195,7 @@ function newFileCursor() {
       /*
 
       We are implementing here an algorithm designed to save bandwidth, memory and processing power at the browser.
-      We say there is a saving mode where the cursor is running at a minimum size. When the end user aproaches the time period the cursor
+      We say there is a saving mode where the cursor is running at a minimum size. When the end user approaches the time period the cursor
       is set, then it should exit the saving mode and go to its actual size.
 
       To do this we are going to measure the distance from the Time Frame received to the one the cursors was initialized with.
@@ -427,7 +427,7 @@ function newFileCursor() {
           let targetDate = new Date(cursorDate)
           targetDate.setUTCDate(targetDate.getUTCDate() + j)
 
-          /* Small algorith to allow load first the current date, then alternate between the most forwad and the most backwards ones. */
+          /* Small algorithm to allow load first the current date, then alternate between the most forward and the most backwards ones. */
           if (j === 0) { j++ } else {
             if (j < 0) {
               j = -j

Platform/UI/Data-Files/FileStorage.js

@@ -0,0 +1,82 @@
+function newFileStorage(host, port, scheme='http') {
+  const MODULE_NAME = 'File Storage'
+  const INFO_LOG = false
+  const logger = newWebDebugLog()
+
+
+  const MAX_RETRY = 2
+  let currentRetry = 0
+
+  const recoverableErrors = [
+    'SOCKETTIMEDOUT',
+    'TIMEDOUT',
+    'CONNRESET',
+    'CONNREFUSED',
+    'NOTFOUND',
+    'ENOTFOUND',
+    'ECONNREFUSED',
+    'CONNREFUSED',
+    'NOTFOUND',
+    'ESOCKETTIMEDOUT',
+    'ECONNRESET',
+    'ETIMEDOUT',
+    'EAI_AGAIN'
+  ]
+
+  let thisObject = {
+    getFileFromHost: getFileFromHost
+  }
+
+  return thisObject
+
+  async function getFileFromHost(filePath, callBackFunction, pathComplete) {
+    try {
+      if (INFO_LOG === true) { logger.write('[INFO] getFileFromHost -> Entering function.') }
+
+      let folder = ''
+      if (pathComplete === false || pathComplete === undefined) {
+        folder = 'Storage/'
+      }
+      let url
+
+      if (host !== undefined && port !== undefined) {
+        url = scheme + '://' + host + ':' + port + '/' + folder + filePath
+      } else {
+        url = folder + filePath
+      }
+
+      /* Escaping # since it breaks the URL */
+      url = url.replaceAll('#', '_HASHTAG_')
+
+      httpRequest(undefined, url, (response, fileContent) => {
+        if (response.result === GLOBAL.DEFAULT_OK_RESPONSE.result) {
+          callBackFunction(GLOBAL.DEFAULT_OK_RESPONSE, fileContent)
+        } else {
+          callBackFunction(response)
+        }
+      })
+    } catch (err) {
+      if (verifyRetry(err.code) && currentRetry < MAX_RETRY) {
+        currentRetry++
+        if (INFO_LOG === true) { console.log('[INFO] getTextFile -> Retrying connection to the server because received error: ' + err.code + '. Retry #: ' + currentRetry) }
+        getFileFromHost(filePath, callBackFunction)
+      } else if (err.message === 'Request aborted') {
+        let err = { code: 'The specified key does not exist.' }
+        callBackFunction(err)
+      } else {
+        console.log('Error getting the file from the server:', err)
+        callBackFunction(GLOBAL.DEFAULT_FAIL_RESPONSE)
+      }
+    }
+  }
+
+  function verifyRetry(errorCode) {
+    for (let i = 0; i < recoverableErrors.length; i++) {
+      const error = recoverableErrors[i]
+      if (error === errorCode) {
+        return true
+      }
+    }
+    return false
+  }
+}

Platform/UI/Data-Files/MarketFiles.js

@@ -80,7 +80,8 @@ function newMarketFiles() {
     pHost,
     pPort,
     pEventsServerClient,
-    callBackFunction) {
+    callBackFunction,
+    scheme='http') {
     try {
       let timeFrames
 
@@ -94,7 +95,7 @@ function newMarketFiles() {
       eventsServerClient = pEventsServerClient
 
       fileCloud = newFileCloud()
-      fileCloud.initialize(pBot, pHost, pPort)
+      fileCloud.initialize(pBot, pHost, pPort, scheme)
 
       /* Some Validations */
       if (dataset.config.validTimeFrames === undefined) {

Platform/UI/EventHandler.js

@@ -8,7 +8,7 @@ function newEventHandler() {
         finalize: finalize
     }
 
-    let eventHandlers = []        // Here we store all the functions we will call when an event is raiseed.
+    let eventHandlers = []        // Here we store all the functions we will call when an event is raised.
 
     return thisObject
 

Platform/UI/EventsServerClient.js

@@ -1,5 +1,5 @@
 
-function newEventsServerClient(networkNode) {
+function newEventsServerClient(lanNetworkNode) {
     /* Web Sockets Connection */
 
     const MODULE_NAME = 'System Event Handler'
@@ -192,19 +192,19 @@ function newEventsServerClient(networkNode) {
 
         if (thisObject.isConnected() !== true) {
             if (lastTryToReconnectDatetime !== undefined) {
-                if (networkNode !== undefined) {
-                    if (networkNode.payload !== undefined) {
-                        if (networkNode.payload.uiObject !== undefined) {
-                            networkNode.payload.uiObject.setErrorMessage('Failed to Connect to Superalgos Client via WebSockets. Retrying in 1 minute. Check at this node config if the host property has the IP address of the computer running Superalgos Client.')
+                if (lanNetworkNode !== undefined) {
+                    if (lanNetworkNode.payload !== undefined) {
+                        if (lanNetworkNode.payload.uiObject !== undefined) {
+                            lanNetworkNode.payload.uiObject.setErrorMessage('Failed to Connect to Superalgos Platform Client via WebSockets. Retrying in 1 minute. Check at this node config if the host property has the IP address of the computer running Superalgos Platform Client.')
                         }
                     }
                 }
             }
         } else {
-            if (networkNode !== undefined) {
-                if (networkNode.payload !== undefined) {
-                    if (networkNode.payload.uiObject !== undefined) {
-                        networkNode.payload.uiObject.setStatus('Connected to Superalgos Client via WebSockets.')
+            if (lanNetworkNode !== undefined) {
+                if (lanNetworkNode.payload !== undefined) {
+                    if (lanNetworkNode.payload.uiObject !== undefined) {
+                        lanNetworkNode.payload.uiObject.setStatus('Connected to Superalgos Platform Client via WebSockets.')
                         retryCommandsPhysics()
                     }
                 }
@@ -218,20 +218,21 @@ function newEventsServerClient(networkNode) {
         try {
             let host
             let port
-            /* At this point the node does not have the payload property yet, that is why we have to do this manually */
+            let extwsurl
             try {
-                let config = JSON.parse(networkNode.config)
+                let config = JSON.parse(lanNetworkNode.config)
                 host = config.host
                 port = config.webSocketsPort
+                extwsurl = config.webSocketsExternalURL
 
-                /* Check if we really have to stablish the connection. */
+                /* Check if we really have to establish the connection. */
                 if (config.autoConnect === false) { return }
             } catch (err) {
-                networkNode.payload.uiObject.setErrorMessage(
+                lanNetworkNode.payload.uiObject.setErrorMessage(
                     'Bad configuration. Invalid JSON Format.',
                     undefined,
                     {
-                        project: 'Superalgos',
+                        project: 'Foundations',
                         category: 'Topic',
                         type: 'UI Websockets Error - Bad Configuration',
                         anchor: 'Invalid JSON Format'
@@ -241,11 +242,11 @@ function newEventsServerClient(networkNode) {
             }
 
             if (host === undefined) {
-                networkNode.payload.uiObject.setErrorMessage(
+                lanNetworkNode.payload.uiObject.setErrorMessage(
                     'Bad configuration. Host Property Not Found.',
                     undefined,
                     {
-                        project: 'Superalgos',
+                        project: 'Foundations',
                         category: 'Topic',
                         type: 'UI Websockets Error - Bad Configuration',
                         anchor: 'Host Property Not Found'
@@ -255,11 +256,11 @@ function newEventsServerClient(networkNode) {
             }
 
             if (port === undefined) {
-                networkNode.payload.uiObject.setErrorMessage(
+                lanNetworkNode.payload.uiObject.setErrorMessage(
                     'Bad configuration. WebSocketsPort Property Not Found.',
                     undefined,
                     {
-                        project: 'Superalgos',
+                        project: 'Foundations',
                         category: 'Topic',
                         type: 'UI Websockets Error - Bad Configuration',
                         anchor: 'WebSocketsPort Property Not Found'
@@ -268,8 +269,12 @@ function newEventsServerClient(networkNode) {
                 return
             }
 
-            const WEB_SOCKETS_URL = 'ws://' + host + ':' + port + ''
+            let wsurl = 'ws://' + host + ':' + port + ''
+            if (extwsurl !== undefined) {
+            	wsurl = extwsurl
+	    } 
 
+            const WEB_SOCKETS_URL = wsurl
             WEB_SOCKETS_CONNECTION = new WebSocket(WEB_SOCKETS_URL)
             WEB_SOCKETS_CONNECTION.onerror = error => {
                 console.log('WebSocket error:' + JSON.stringify(error))
@@ -280,7 +285,7 @@ function newEventsServerClient(networkNode) {
                 }
             }
             WEB_SOCKETS_CONNECTION.onmessage = e => {
-                // console.log('Websoked Message Received: ' + e.data)
+                // console.log('WEB_SOCKET Message Received: ' + e.data)
 
                 let message = JSON.parse(e.data)
 

Platform/UI/Frame.js

@@ -6,7 +6,7 @@ function newFrame() {
     let thisObject = {
         type: 'Rectangle',
         containerName: '',                  // This is for debugging purposes only.
-        parentFrame: undefined,             // Here we store the parent cointainer zoom object.
+        parentFrame: undefined,             // Here we store the parent container zoom object.
         radius: 0,
         offset: undefined,
         position: undefined,
@@ -53,7 +53,7 @@ function newFrame() {
     }
 
     function isInViewPort() {
-        /* This function is usefull to know if the object who has this frame is currently appearing at least in part at the UI.projects.superalgos.spaces.chartingSpace.viewport */
+        /* This function is useful to know if the object who has this frame is currently appearing at least in part at the UI.projects.foundations.spaces.chartingSpace.viewport */
 
         point1 = {
             x: 0,
@@ -67,10 +67,10 @@ function newFrame() {
 
         /* Now the transformations. */
 
-        point1 = UI.projects.superalgos.utilities.coordinateTransformations.transformThisPoint(point1, thisObject.container)
-        point3 = UI.projects.superalgos.utilities.coordinateTransformations.transformThisPoint(point3, thisObject.container)
+        point1 = UI.projects.foundations.utilities.coordinateTransformations.transformThisPoint(point1, thisObject.container)
+        point3 = UI.projects.foundations.utilities.coordinateTransformations.transformThisPoint(point3, thisObject.container)
 
-        if (point1.x < UI.projects.superalgos.spaces.chartingSpace.viewport.visibleArea.topRight.x && point1.y < UI.projects.superalgos.spaces.chartingSpace.viewport.visibleArea.bottomRight.y && point3.x > UI.projects.superalgos.spaces.chartingSpace.viewport.visibleArea.bottomLeft.x && point3.y > UI.projects.superalgos.spaces.chartingSpace.viewport.visibleArea.topLeft.y) {
+        if (point1.x < UI.projects.foundations.spaces.chartingSpace.viewport.visibleArea.topRight.x && point1.y < UI.projects.foundations.spaces.chartingSpace.viewport.visibleArea.bottomRight.y && point3.x > UI.projects.foundations.spaces.chartingSpace.viewport.visibleArea.bottomLeft.x && point3.y > UI.projects.foundations.spaces.chartingSpace.viewport.visibleArea.topLeft.y) {
             return true
         } else {
             return false
@@ -78,7 +78,7 @@ function newFrame() {
     }
 
     function isCenterInViewPort() {
-        /* This function is usefull to know if the object who has this frame is currently appearing at least in part at the UI.projects.superalgos.spaces.chartingSpace.viewport */
+        /* This function is useful to know if the object who has this frame is currently appearing at least in part at the UI.projects.foundations.spaces.chartingSpace.viewport */
 
         point1 = {
             x: thisObject.width * 40 / 100,
@@ -92,10 +92,10 @@ function newFrame() {
 
         /* Now the transformations. */
 
-        point1 = UI.projects.superalgos.utilities.coordinateTransformations.transformThisPoint(point1, thisObject.container)
-        point3 = UI.projects.superalgos.utilities.coordinateTransformations.transformThisPoint(point3, thisObject.container)
+        point1 = UI.projects.foundations.utilities.coordinateTransformations.transformThisPoint(point1, thisObject.container)
+        point3 = UI.projects.foundations.utilities.coordinateTransformations.transformThisPoint(point3, thisObject.container)
 
-        if (point1.x < UI.projects.superalgos.spaces.chartingSpace.viewport.visibleArea.topRight.x && point1.y < UI.projects.superalgos.spaces.chartingSpace.viewport.visibleArea.bottomRight.y && point3.x > UI.projects.superalgos.spaces.chartingSpace.viewport.visibleArea.bottomLeft.x && point3.y > UI.projects.superalgos.spaces.chartingSpace.viewport.visibleArea.topLeft.y) {
+        if (point1.x < UI.projects.foundations.spaces.chartingSpace.viewport.visibleArea.topRight.x && point1.y < UI.projects.foundations.spaces.chartingSpace.viewport.visibleArea.bottomRight.y && point3.x > UI.projects.foundations.spaces.chartingSpace.viewport.visibleArea.bottomLeft.x && point3.y > UI.projects.foundations.spaces.chartingSpace.viewport.visibleArea.topLeft.y) {
             return true
         } else {
             return false
@@ -187,8 +187,8 @@ function newFrame() {
     }
 
     function isThisPointHere(point, outsideViewPort, dontTransform, padding) {
-        // The second parameter is usefull when you want to check a point that you already know is outside the viewport.
-        // The padding is a distance to the borders of the container. Can be either negative (outside, to increase the cointainer size) or positive (inside to decrease the cointainer size)
+        // The second parameter is useful when you want to check a point that you already know is outside the viewport.
+        // The padding is a distance to the borders of the container. Can be either negative (outside, to increase the container size) or positive (inside to decrease the cointainer size)
 
         if (padding === undefined) { padding = 0 }
 
@@ -199,16 +199,16 @@ function newFrame() {
         }
 
         /* The point received is on the screen coordinates system, which already has zoom and displacement applied. We need to remove the zoom and displacement
-        in order to have the point on the containers coordinate system and be able to compare it with its dimmensions. */
+        in order to have the point on the containers coordinate system and be able to compare it with its dimensions. */
         if (dontTransform === false || dontTransform === undefined) {
             if (outsideViewPort === true) {
                 checkPoint = thisObject.container.frame.unframeThisPoint(checkPoint)
             } else {
-                checkPoint = UI.projects.superalgos.utilities.coordinateTransformations.unTransformThisPoint(checkPoint, thisObject.container)
+                checkPoint = UI.projects.foundations.utilities.coordinateTransformations.unTransformThisPoint(checkPoint, thisObject.container)
             }
         }
 
-        /* Now we check if the resulting point is whin the current Frame. */
+        /* Now we check if the resulting point is within the current Frame. */
         if (isNaN(checkPoint.x) || isNaN(checkPoint.y)) { return false }
         if (thisObject.type === 'Circle') {
             let distance = Math.sqrt(Math.pow(thisObject.position.x - checkPoint.x, 2) + Math.pow(thisObject.position.y - checkPoint.y, 2))
@@ -244,7 +244,7 @@ function newFrame() {
             thisPoint = thisObject.parentFrame.frameThisPoint(thisPoint)
         }
 
-        /* Now we check if the resulting point is whin the current Frame. */
+        /* Now we check if the resulting point is within the current Frame. */
 
         if (thisObject.type === 'Circle') {
             let distance = Math.sqrt(Math.pow(thisPoint.x - checkPoint.x, 2) + Math.pow(thisPoint.y - checkPoint.y, 2))
@@ -290,7 +290,7 @@ function newFrame() {
             fitFunction: fitFunction
         }
 
-        UI.projects.superalgos.utilities.drawPrint.roundedCornersBackground(params)
+        UI.projects.foundations.utilities.drawPrint.roundedCornersBackground(params)
 
         titleBarPoint1 = {
             x: 0,
@@ -388,10 +388,10 @@ function newFrame() {
         }
 
         /* Now the transformations. */
-        point1 = UI.projects.superalgos.utilities.coordinateTransformations.transformThisPoint(point1, thisObject.container)
-        point2 = UI.projects.superalgos.utilities.coordinateTransformations.transformThisPoint(point2, thisObject.container)
-        point3 = UI.projects.superalgos.utilities.coordinateTransformations.transformThisPoint(point3, thisObject.container)
-        point4 = UI.projects.superalgos.utilities.coordinateTransformations.transformThisPoint(point4, thisObject.container)
+        point1 = UI.projects.foundations.utilities.coordinateTransformations.transformThisPoint(point1, thisObject.container)
+        point2 = UI.projects.foundations.utilities.coordinateTransformations.transformThisPoint(point2, thisObject.container)
+        point3 = UI.projects.foundations.utilities.coordinateTransformations.transformThisPoint(point3, thisObject.container)
+        point4 = UI.projects.foundations.utilities.coordinateTransformations.transformThisPoint(point4, thisObject.container)
 
         if (fitFunction !== undefined) {
             point1 = fitFunction(point1)
@@ -437,8 +437,8 @@ function newFrame() {
                         y: j
                     }
 
-                    point1 = UI.projects.superalgos.utilities.coordinateTransformations.transformThisPoint(point1, thisObject.container)
-                    point2 = UI.projects.superalgos.utilities.coordinateTransformations.transformThisPoint(point2, thisObject.container)
+                    point1 = UI.projects.foundations.utilities.coordinateTransformations.transformThisPoint(point1, thisObject.container)
+                    point2 = UI.projects.foundations.utilities.coordinateTransformations.transformThisPoint(point2, thisObject.container)
 
                     if (fitFunction !== undefined) {
                         point1 = fitFunction(point1)
@@ -459,8 +459,8 @@ function newFrame() {
                     y: thisObject.height
                 }
 
-                point3 = UI.projects.superalgos.utilities.coordinateTransformations.transformThisPoint(point3, thisObject.container)
-                point4 = UI.projects.superalgos.utilities.coordinateTransformations.transformThisPoint(point4, thisObject.container)
+                point3 = UI.projects.foundations.utilities.coordinateTransformations.transformThisPoint(point3, thisObject.container)
+                point4 = UI.projects.foundations.utilities.coordinateTransformations.transformThisPoint(point4, thisObject.container)
 
                 if (fitFunction !== undefined) {
                     point3 = fitFunction(point3)
@@ -495,8 +495,8 @@ function newFrame() {
                     y: j
                 }
 
-                point1 = UI.projects.superalgos.utilities.coordinateTransformations.transformThisPoint(point1, thisObject.container)
-                point2 = UI.projects.superalgos.utilities.coordinateTransformations.transformThisPoint(point2, thisObject.container)
+                point1 = UI.projects.foundations.utilities.coordinateTransformations.transformThisPoint(point1, thisObject.container)
+                point2 = UI.projects.foundations.utilities.coordinateTransformations.transformThisPoint(point2, thisObject.container)
 
                 if (fitFunction !== undefined) {
                     point1 = fitFunction(point1)
@@ -517,8 +517,8 @@ function newFrame() {
                 y: thisObject.height
             }
 
-            point3 = UI.projects.superalgos.utilities.coordinateTransformations.transformThisPoint(point3, thisObject.container)
-            point4 = UI.projects.superalgos.utilities.coordinateTransformations.transformThisPoint(point4, thisObject.container)
+            point3 = UI.projects.foundations.utilities.coordinateTransformations.transformThisPoint(point3, thisObject.container)
+            point4 = UI.projects.foundations.utilities.coordinateTransformations.transformThisPoint(point4, thisObject.container)
 
             if (fitFunction !== undefined) {
                 point3 = fitFunction(point3)

Platform/UI/Globals.js

@@ -0,0 +1,271 @@
+/* Global Constants */
+
+let canvas
+let PROJECTS_SCHEMA
+let SCHEMAS_BY_PROJECT = new Map()
+/* New Root object*/
+let UI = {
+    projects: {},
+    environment: {}
+}
+
+/* User Interface Colors */
+const UI_COLOR = {
+    DARK: "48, 48, 54",
+    LIGHT: "234, 226, 222",
+    GREY: "150, 150, 150",
+    LIGHT_GREY: "247, 247, 247",
+    WHITE: "255, 255, 255",
+    BLACK: "0, 0, 0",
+    GOLDEN_ORANGE: "240, 162, 2",
+    RUSTED_RED: "204, 88, 53",
+    GREEN: "188, 214, 67",
+    RED: "223, 70, 60",
+    PATINATED_TURQUOISE: "27,153,139",
+    TITANIUM_YELLOW: "244,228,9",
+    MANGANESE_PURPLE: "91,80,122",
+    TURQUOISE: "74,207,217",
+    DARK_TURQUOISE: "2,149,170",
+    ORANGE_WEB: "252,163,17",
+    OXFORD_BLUE: "20,33,61",
+    BYZANTINE_PINK: "181,23,158",
+    TRUE_PURPLE: "114,9,183",
+    ULTRAMARINE_BLUE: "67,97,238",
+    OCEAN_GREEN: "116,198,157",
+    BOTTLE_GREEN: "45,106,79",
+    WINDSOR_TAN: "153,88,42",
+    CAMEL_TAN: "187,148,87",
+    PERSIAN_PLUM: "111,29,27",
+    APPLE_GREEN: "128,185,24",
+    MIDNIGHT_GREEN: "6,90,96",
+    RED_ORANGE: "255,72,0",
+    CARIBBEAN_GREEN: "59,206,172",
+    SILVER: "191,192,192",
+    NEON_GREEN: "15,252,31",
+    PINK: "255,77,78",
+    TENKAN_GREEN: "43,117,55",
+    TENKAN_ORANGE: "233,100,34",
+    SKY_BLUE: "133,206,255",
+    MDA_PURPLE: "126,71,255",
+    PERSIAN_GREEN: "27,153,139",
+    CYBER_GRAPE: "98,84,160",
+    TRUE_GREEN: "0,225,0",
+    TRUE_RED: "255,0,0",
+    TRUE_YELLOW: "255,255,0",
+    TRUE_BLUE: "0,0,255",
+    BROWN: "121,58,21",
+    JUNGLE_GREEN: "50,175,162",
+    LIGHT_PINK: "254,180,200",
+    JUNGLE_LIGHT: "165,223,210",
+    TRUE_ORANGE: "255,160,10"
+};
+
+/* User Interface Fonts */
+const UI_FONT = {
+    PRIMARY: "Saira Condensed",
+    SECONDARY: "Source Code Pro"
+};
+
+const MAC_AMOUNT_FACTOR = 5
+const IS_MAC = navigator.platform.toUpperCase().indexOf('MAC') >= 0
+const MAC_ZOOM_SENSITIVITY = 5
+const MAC_SCROLL_SENSITIVITY = 20
+const MAC_MOUSE_WHEEL_INFINITE_SCROLL_THRESHOLD= 120
+
+const DEBUG = {}
+
+let FONT_ASPECT_RATIO = 0.32;
+let ANIMATION_FRAME_PER_SECONDS
+
+let DISABLE_BROWSER_RESIZE_EVENT = false
+
+const GET_CONTAINER_PURPOSE = {
+    MOUSE_OVER: 1,
+    MOUSE_WHEEL: 2,
+    MOUSE_CLICK: 3,
+    DRAGGING: 4
+}
+
+const ANGLE_TO_PARENT = {
+    NOT_FIXED: 0,
+    RANGE_360: 1,
+    RANGE_180: 2,
+    RANGE_90: 3,
+    RANGE_45: 4
+}
+
+const DISTANCE_TO_PARENT = {
+    NOT_FIXED: 0,
+    PARENT_025X: 1,
+    PARENT_050X: 2,
+    PARENT_100X: 3,
+    PARENT_150X: 4,
+    PARENT_200X: 5
+}
+
+const ARRANGEMENT_STYLE = {
+    CONCAVE: 0,
+    CONVEX: 1,
+    VERTICAL_RIGHT: 2,
+    VERTICAL_LEFT: 3,
+    HORIZONTAL_BOTTOM: 4,
+    HORIZONTAL_TOP: 5
+}
+
+/* User Interface Panels */
+
+const UI_PANEL = {
+    WIDTH: {
+        SMALL: 100,
+        NORMAL: 150,
+        MEDIUM: 200,
+        LARGE: 250,
+        X_LARGE: 350
+    },
+    HEIGHT: {
+        SMALL: 65,
+        MEDIUM: 90,
+        NORMAL: 300,
+        LARGE: 450
+    }
+};
+
+
+let marketTimeFramesArray =
+    '[' +
+    '[' + 24 * 60 * 60 * 1000 + ',' + '"24-hs"' + ']' + ',' +
+    '[' + 12 * 60 * 60 * 1000 + ',' + '"12-hs"' + ']' + ',' +
+    '[' + 8 * 60 * 60 * 1000 + ',' + '"08-hs"' + ']' + ',' +
+    '[' + 6 * 60 * 60 * 1000 + ',' + '"06-hs"' + ']' + ',' +
+    '[' + 4 * 60 * 60 * 1000 + ',' + '"04-hs"' + ']' + ',' +
+    '[' + 3 * 60 * 60 * 1000 + ',' + '"03-hs"' + ']' + ',' +
+    '[' + 2 * 60 * 60 * 1000 + ',' + '"02-hs"' + ']' + ',' +
+    '[' + 1 * 60 * 60 * 1000 + ',' + '"01-hs"' + ']' + ']';
+
+marketTimeFramesArray = JSON.parse(marketTimeFramesArray);
+
+let dailyTimeFramesArray =
+    '[' +
+    '[' + 45 * 60 * 1000 + ',' + '"45-min"' + ']' + ',' +
+    '[' + 40 * 60 * 1000 + ',' + '"40-min"' + ']' + ',' +
+    '[' + 30 * 60 * 1000 + ',' + '"30-min"' + ']' + ',' +
+    '[' + 20 * 60 * 1000 + ',' + '"20-min"' + ']' + ',' +
+    '[' + 15 * 60 * 1000 + ',' + '"15-min"' + ']' + ',' +
+    '[' + 10 * 60 * 1000 + ',' + '"10-min"' + ']' + ',' +
+    '[' + 05 * 60 * 1000 + ',' + '"05-min"' + ']' + ',' +
+    '[' + 04 * 60 * 1000 + ',' + '"04-min"' + ']' + ',' +
+    '[' + 03 * 60 * 1000 + ',' + '"03-min"' + ']' + ',' +
+    '[' + 02 * 60 * 1000 + ',' + '"02-min"' + ']' + ',' +
+    '[' + 01 * 60 * 1000 + ',' + '"01-min"' + ']' + ']';
+
+dailyTimeFramesArray = JSON.parse(dailyTimeFramesArray);
+
+let SHOW_ANIMATION_PERFORMACE = false;
+let MENU_ITEM_ON_FOCUS
+let EDITOR_ON_FOCUS
+
+let testUser = window.localStorage.getItem("test_user")
+let LOGGED_IN_USER_LOCAL_STORAGE_KEY
+let LOGGED_IN_ACCESS_TOKEN_LOCAL_STORAGE_KEY
+
+if (testUser !== null) {
+    LOGGED_IN_USER_LOCAL_STORAGE_KEY = "test_user"
+    LOGGED_IN_ACCESS_TOKEN_LOCAL_STORAGE_KEY = "test_access_token"
+} else {
+    LOGGED_IN_USER_LOCAL_STORAGE_KEY = "user"
+    LOGGED_IN_ACCESS_TOKEN_LOCAL_STORAGE_KEY = "access_token"
+}
+
+const MAX_DEFAULT_RATE_SCALE_VALUE = 35000; // This is needed to know the scale of the market time line.
+
+const WIDHTER_VOLUME_BAR_BASE_FACTOR = 2.5;
+const LESS_WIDHTER_VOLUME_BAR_TOP_FACTOR = 1 / 4;
+
+const ONE_DAY_IN_MILISECONDS = 24 * 60 * 60 * 1000;
+const _12_HOURS_IN_MILISECONDS = 12 * 60 * 60 * 1000;
+const _8_HOURS_IN_MILISECONDS = 8 * 60 * 60 * 1000;
+const _6_HOURS_IN_MILISECONDS = 6 * 60 * 60 * 1000;
+const _4_HOURS_IN_MILISECONDS = 4 * 60 * 60 * 1000;
+const _3_HOURS_IN_MILISECONDS = 3 * 60 * 60 * 1000;
+const _2_HOURS_IN_MILISECONDS = 2 * 60 * 60 * 1000;
+const _1_HOUR_IN_MILISECONDS = 1 * 60 * 60 * 1000;
+
+const _45_MINUTES_IN_MILISECONDS = 45 * 60 * 1000;
+const _40_MINUTES_IN_MILISECONDS = 40 * 60 * 1000;
+const _30_MINUTES_IN_MILISECONDS = 30 * 60 * 1000;
+const _20_MINUTES_IN_MILISECONDS = 20 * 60 * 1000;
+const _15_MINUTES_IN_MILISECONDS = 15 * 60 * 1000;
+const _10_MINUTES_IN_MILISECONDS = 10 * 60 * 1000;
+const _5_MINUTES_IN_MILISECONDS = 5 * 60 * 1000;
+const _4_MINUTES_IN_MILISECONDS = 4 * 60 * 1000;
+const _3_MINUTES_IN_MILISECONDS = 3 * 60 * 1000;
+const _2_MINUTES_IN_MILISECONDS = 2 * 60 * 1000;
+const _1_MINUTE_IN_MILISECONDS = 1 * 60 * 1000;
+
+
+
+let NEW_SESSION_INITIAL_DATE = new Date();  // This value will be overwritten at the UI.projects.foundations.spaces.chartingSpace.viewport.initialize if the user had a previous session with this same browser.
+let INITIAL_ZOOM_LEVEL = -28.25       // This is the zoom level at the view port in which the APP starts.
+let INITIAL_TIME_PERIOD = ONE_DAY_IN_MILISECONDS  // This value will be overwritten at the UI.projects.foundations.spaces.chartingSpace.viewport.initialize if the user had a previous session with this same browser.
+let VERY_LARGE_NUMBER = 100000000000000
+
+const TOP_MARGIN = 0
+let CURRENT_TOP_MARGIN = TOP_MARGIN
+let AT_FULL_SCREEN_MODE = false
+
+let maxDate = new Date();
+maxDate.setMilliseconds(0);
+maxDate.setDate(maxDate.getDate() + 365 * 1);  // We might have charts that projects data into the future.
+
+const MIN_PLOTABLE_DATE = new Date(2015, 0, 1, 0, 0, 0);
+const MAX_PLOTABLE_DATE = maxDate;
+
+const TOP_SPACE_HEIGHT = 40
+const COCKPIT_SPACE_HEIGHT = 40;
+const SIDE_PANEL_WIDTH = 350
+let COCKPIT_SPACE_POSITION = browserCanvas.height - COCKPIT_SPACE_HEIGHT
+
+const LAYER_STATUS = {
+    ON: 'on',
+    LOADING: 'loading',
+    OFF: 'off'
+};
+
+let spawnPosition // this is used in several places.
+
+/* Here we list the valid Time Frames: */
+
+const PERIOD_24_HS = "24-hs";
+const PERIOD_12_HS = "12-hs";
+const PERIOD_06_HS = "06-hs";
+const PERIOD_03_HS = "03-hs";
+const PERIOD_01_HS = "01-hs";
+const PERIOD_30_MIN = "30-min";
+const PERIOD_10_MIN = "10-min";
+const PERIOD_05_MIN = "05-min";
+const PERIOD_01_MIN = "01-min";
+
+/*
+We define here the size of the chartingSpace. It has to bee enough big in order to accommodate all the charts we expect to display in this space.
+*/
+
+const TIME_MACHINE_WIDTH = 8;
+const TIME_MACHINE_HEIGHT = 8;
+
+let mediaRecorder // to downloadText canvas animation as a mediaRecorder
+let marketPanoramaCanvas
+let ARE_WE_RECORDING_A_VIDEO = false
+let ARE_WE_RECORDING_A_MARKET_PANORAMA = false
+let PANORAMA_WAS_PANNED = false
+let CURRENT_PANORAMA_POSITION = 0
+
+let CAN_SPACES_DRAW = false // This global variable regulates when spaces can or can not draw their contents.
+
+const codeEditorType = {
+    CODE: "code",
+    CONFIG: "config"
+}
+
+function toRadians(angle) {
+    return angle * (Math.PI / 180);
+}

Platform/UI/ProductStorage.js

@@ -8,7 +8,7 @@ function newProductStorage(name) {
     /*
 
     This object will initialize children objects that will end up loading the data of each set defined at each product of the bot received at initialization.
-    Once all the underlaying objects are fully initialized it will callback.
+    Once all the underlying objects are fully initialized it will callback.
 
     At the same time it will raise an event for each underlaying file being loaded, so that the UI can reflect the progress to the end user.
 
@@ -74,7 +74,7 @@ function newProductStorage(name) {
         }
     }
 
-    function initialize(mine, bot, session, product, exchange, market, pDatetime, pTimeFrame, host, port, eventsServerClient, callBackFunction) {
+    function initialize(mine, bot, session, product, exchange, market, pDatetime, pTimeFrame, host, port, eventsServerClient, callBackFunction, scheme='http') {
         try {
             datetime = pDatetime
             timeFrame = pTimeFrame
@@ -90,7 +90,7 @@ function newProductStorage(name) {
                         dataSetsToLoad++
 
                         let marketFiles = newMarketFiles()
-                        marketFiles.initialize(mine, bot, session, product, dataset, exchange, market, host, port, eventsServerClient, onMarketFileReady)
+                        marketFiles.initialize(mine, bot, session, product, dataset, exchange, market, host, port, eventsServerClient, onMarketFileReady, scheme)
                         thisObject.marketFiles.push(marketFiles)
                     }
                         break
@@ -99,7 +99,7 @@ function newProductStorage(name) {
                         dataSetsToLoad++
 
                         let dailyFiles = newDailyFiles()
-                        dailyFiles.initialize(mine, bot, session, product, dataset, exchange, market, pDatetime, pTimeFrame, host, port, eventsServerClient, onDailyFileReady)
+                        dailyFiles.initialize(mine, bot, session, product, dataset, exchange, market, pDatetime, pTimeFrame, host, port, eventsServerClient, onDailyFileReady, scheme)
                         thisObject.dailyFiles.push(dailyFiles)
                     }
                         break
@@ -108,7 +108,7 @@ function newProductStorage(name) {
                         dataSetsToLoad++
 
                         let singleFile = newSingleFile()
-                        singleFile.initialize(mine, bot, session, product, dataset, exchange, market, host, port, eventsServerClient, onSingleFileReady)
+                        singleFile.initialize(mine, bot, session, product, dataset, exchange, market, host, port, eventsServerClient, onSingleFileReady, scheme)
                         thisObject.singleFile.push(singleFile)
                     }
                         break
@@ -117,7 +117,7 @@ function newProductStorage(name) {
                         dataSetsToLoad++
 
                         let fileSequences = newFileSequence()
-                        fileSequences.initialize(mine, bot, session, product, dataset, exchange, market, host, port, eventsServerClient, onFileSequenceReady)
+                        fileSequences.initialize(mine, bot, session, product, dataset, exchange, market, host, port, eventsServerClient, onFileSequenceReady, scheme)
                         thisObject.fileSequences.push(fileSequences)
                     }
                         break

Platform/UI/Utilities.js

@@ -0,0 +1,156 @@
+function getSchemaDocument(node, project) {
+  if (node === null || node === undefined) {
+    console.log('[ERROR] Can not get the schema document of a null or undefined node ')
+    return
+  }
+  if (project === undefined) { project = node.project }
+
+  let APP_SCHEMA = SCHEMAS_BY_PROJECT.get(project)
+  if (APP_SCHEMA !== undefined) {
+
+    let schemaDocument = SCHEMAS_BY_PROJECT.get(project).map.appSchema.get(node.type)
+    /*
+    As of today, we are still splitting the codebase into multiple projects and there are Menu Actions which do not
+    have a well defined relatedUIObjectProject. There are a few techniques in place to try to guess it, but 
+    even those can fail. For that reason, we will temporally see if we can find the schema document at any of the 
+    available projects.
+
+    TODO: We need to explicitly declare the project of a relatedUIObject in order to avoid potential name collision
+    between nodes belonging to more than one project.
+    */
+
+    if (schemaDocument === undefined) {
+      for (let j = 0; j < PROJECTS_SCHEMA.length; j++) {
+        let project = PROJECTS_SCHEMA[j].name
+        schemaDocument = SCHEMAS_BY_PROJECT.get(project).map.appSchema.get(node.type)
+        if (schemaDocument !== undefined) {
+          break
+        }
+      }
+    }
+
+    return schemaDocument
+  } else {
+    console.log('[ERROR] Could not get APP Schema for project ' + node.project)
+  }
+}
+
+function dynamicDecimals(value, minDecimals) {
+  if (minDecimals === undefined) {
+    minDecimals = 0
+  }
+  let decimals = 0
+  if (value < 1) { decimals = 3 } else if (value < 10) { decimals = 2 } else if (value < 100) { decimals = 1 } else if (Math.abs(Math.trunc(value * 10)) < 1) { decimals = 4 } else if (Math.abs(Math.trunc(value * 100)) < 1) { decimals = 5 } else if (Math.abs(Math.trunc(value * 1000)) < 1) { decimals = 6 } else if (Math.abs(Math.trunc(value * 10000)) < 1) { decimals = 7 } else if (Math.abs(Math.trunc(value * 100000)) < 1) { decimals = 8 } else if (Math.abs(Math.trunc(value * 1000000)) < 1) { decimals = 9 } else if (Math.abs(Math.trunc(value * 10000000)) < 1) { decimals = 10 } else if (Math.abs(Math.trunc(value * 100000000000)) < 1) { value = 0; decimals = 0 }
+
+  if (decimals < minDecimals) { decimals = minDecimals }
+
+  let returnValue = Number(value).toFixed(decimals)
+  return returnValue
+}
+
+function convertTimeFrameToName(pTimeFrame) {
+  for (let i = 0; i < dailyTimeFramesArray.length; i++) {
+    let period = dailyTimeFramesArray[i]
+    if (period[0] === pTimeFrame) {
+      return period[1]
+    }
+  }
+
+  for (let i = 0; i < marketTimeFramesArray.length; i++) {
+    let period = marketTimeFramesArray[i]
+    if (period[0] === pTimeFrame) {
+      return period[1]
+    }
+  }
+}
+
+function nextPorwerOf10(number) {
+  for (let i = -10; i <= 10; i++) {
+    if (number < Math.pow(10, i)) {
+      return Math.pow(10, i)
+    }
+  }
+}
+
+function pad(str, max) {
+  str = str.toString()
+  return str.length < max ? pad('0' + str, max) : str
+}
+
+function moveToUserPosition(container, currentDate, currentRate, coordinateSystem, ignoreX, ignoreY, mousePosition, fitFunction) {
+  let targetPoint = {
+    x: currentDate.valueOf(),
+    y: currentRate
+  }
+
+  /* Put this point in the coordinate system of the UI.projects.foundations.spaces.chartingSpace.viewport */
+  targetPoint = coordinateSystem.transformThisPoint(targetPoint)
+  targetPoint = UI.projects.foundations.utilities.coordinateTransformations.transformThisPoint(targetPoint, container)
+
+  let displaceVector
+
+  let targetNoZoom = UI.projects.foundations.spaces.chartingSpace.viewport.unTransformThisPoint(targetPoint)
+  let mouseNoZoom = UI.projects.foundations.spaces.chartingSpace.viewport.unTransformThisPoint(mousePosition)
+
+  displaceVector = {
+    x: mouseNoZoom.x - targetNoZoom.x,
+    y: mouseNoZoom.y - targetNoZoom.y
+  }
+
+  if (ignoreX) { displaceVector.x = 0 }
+  if (ignoreY) { displaceVector.y = 0 }
+
+  container.displace(displaceVector)
+}
+
+function removeTime(datetime) {
+  if (datetime === undefined) { return }
+
+  let dateOnly = new Date(Math.trunc(datetime.valueOf() / ONE_DAY_IN_MILISECONDS) * ONE_DAY_IN_MILISECONDS)
+
+  return dateOnly
+}
+
+function newUniqueId() {
+  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+    var r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8)
+    return v.toString(16)
+  })
+}
+
+function splitTextIntoPhrases(text, wordsPerLine) {
+  try {
+    if (text.split === undefined) {
+      return []
+    }
+    let splittedLabel = text.split(' ')
+    let phrases = []
+    let phrase = ''
+    let wordCount = 0
+    for (let i = 0; i < splittedLabel.length; i++) {
+      phrase = phrase + splittedLabel[i]
+      wordCount++
+
+      if (i < splittedLabel.length - 1 && wordCount < wordsPerLine) {
+        phrase = phrase + ' '
+      }
+      if (wordCount >= wordsPerLine) {
+        phrases.push(phrase)
+        phrase = ''
+        wordCount = 0
+      }
+    }
+    if (wordCount > 0) {
+      phrases.push(phrase)
+    }
+    return phrases
+  } catch (err) {
+    console.log(err.stack)
+    return []
+  }
+}
+
+function getTextWidth(text) {
+  var metrics = browserCanvasContext.measureText(text)
+  return metrics.width
+}

Platform/UI/VideoRecorder.js

@@ -0,0 +1,218 @@
+function newVideoRecorder() {
+    let thisObject = {
+        recordCanvas: recordCanvas,
+        physics: physics
+    }
+    let lastAction
+    let wheelAnimationCounter = 0
+    let lastWheelPointerIcon
+    return thisObject
+
+    function physics() {
+        wheelAnimationCounter--
+        if (wheelAnimationCounter < 0) {
+            wheelAnimationCounter = 0
+        }
+    }
+
+    function recordCanvas() {
+        {
+            const DISTANCE_BETWEEN_ICONS = 35
+            const ICON_SIZES = 50
+
+            let mousePointerIcon = UI.projects.foundations.spaces.designSpace.getIconByProjectAndName( 'Foundations', 'mouse-pointer')
+            let draggingIcon = UI.projects.foundations.spaces.designSpace.getIconByProjectAndName( 'Foundations', 'hand-drag')
+
+            let leftClickIcon = UI.projects.foundations.spaces.designSpace.getIconByProjectAndName( 'Foundations', 'mouse-left-click')
+            let rightClickIcon = UI.projects.foundations.spaces.designSpace.getIconByProjectAndName( 'Foundations', 'mouse-right-click')
+            let wheelClickIcon = UI.projects.foundations.spaces.designSpace.getIconByProjectAndName( 'Foundations', 'mouse-wheel-click')
+
+            let imagePosition
+            let buttonPressedIcon
+
+            if (canvas.mouse.action === 'key down' && lastAction === 'dragging') {
+                canvas.mouse.action = 'dragging'
+            }
+            switch (canvas.mouse.action) {
+                case 'moving': {
+                    pointerIcon = mousePointerIcon
+                    break
+                }
+                case 'dragging': {
+                    pointerIcon = draggingIcon
+                    break
+                }
+                case 'wheel': {
+                    wheelAnimationCounter = 25
+                    if (canvas.mouse.event.delta > 0) {
+                        pointerIcon = UI.projects.foundations.spaces.designSpace.getIconByProjectAndName( 'Foundations', 'mouse-wheel-up')
+                        lastWheelPointerIcon = pointerIcon
+                    } else {
+                        pointerIcon = UI.projects.foundations.spaces.designSpace.getIconByProjectAndName( 'Foundations', 'mouse-wheel-down')
+                        lastWheelPointerIcon = pointerIcon
+                    }
+
+                    break
+                }
+                case 'key down': {
+                    if (wheelAnimationCounter > 0) {
+                        pointerIcon = lastWheelPointerIcon
+                    } else {
+                        pointerIcon = mousePointerIcon
+                    }
+                    let key = canvas.mouse.event.key
+                    if (key === undefined) { break }
+                    switch (key.toLowerCase()) {
+                        case 'escape':
+                            {
+                                pointerIcon = UI.projects.foundations.spaces.designSpace.getIconByProjectAndName( 'Foundations', 'key-m')
+                                break
+                            }
+                        case 'm':
+                            {
+                                pointerIcon = UI.projects.foundations.spaces.designSpace.getIconByProjectAndName( 'Foundations', 'key-m')
+                                break
+                            }
+                        case 'a':
+                            {
+                                pointerIcon = UI.projects.foundations.spaces.designSpace.getIconByProjectAndName( 'Foundations', 'key-a')
+                                break
+                            }
+                        case 'r':
+                            {
+                                pointerIcon = UI.projects.foundations.spaces.designSpace.getIconByProjectAndName( 'Foundations', 'key-r')
+                                break
+                            }
+                        case 'c':
+                            {
+                                pointerIcon = UI.projects.foundations.spaces.designSpace.getIconByProjectAndName( 'Foundations', 'key-r')
+                                break
+                            }
+                    }
+                    break
+                }
+                case 'key up': {
+                    pointerIcon = mousePointerIcon
+                    break
+                }
+            }
+
+            lastAction = canvas.mouse.action
+
+            imagePosition = {
+                x: canvas.mouse.position.x,
+                y: canvas.mouse.position.y
+            }
+            drawMousePointer(pointerIcon, imagePosition, ICON_SIZES)
+
+            switch (canvas.mouse.event.buttons) {
+                case 0: {
+                    buttonPressedIcon = undefined
+                    break
+                }
+                case 1: {
+                    buttonPressedIcon = leftClickIcon
+                    break
+                }
+                case 2: {
+                    buttonPressedIcon = rightClickIcon
+                    break
+                }
+                case 3: {
+                    buttonPressedIcon = undefined
+                    break
+                }
+                case 4: {
+                    buttonPressedIcon = wheelClickIcon
+                    break
+                }
+            }
+
+            let firstRow = DISTANCE_BETWEEN_ICONS * 1 + ICON_SIZES * 1
+            let secondRow = DISTANCE_BETWEEN_ICONS * 1 + ICON_SIZES * 2
+            let icon
+
+            imagePosition = {
+                x: canvas.mouse.position.x + DISTANCE_BETWEEN_ICONS * 2,
+                y: canvas.mouse.position.y
+            }
+            drawMousePointer(buttonPressedIcon, imagePosition, ICON_SIZES)
+
+            if (canvas.mouse.event.shiftKey === true) {
+                icon = UI.projects.foundations.spaces.designSpace.getIconByProjectAndName( 'Foundations', 'key-shift')
+                imagePosition = {
+                    x: canvas.mouse.position.x - DISTANCE_BETWEEN_ICONS * 3,
+                    y: canvas.mouse.position.y + firstRow
+                }
+                drawMousePointer(icon, imagePosition, ICON_SIZES)
+            }
+
+            if (canvas.mouse.event.ctrlKey === true || canvas.mouse.event.metaKey === true) {
+                icon = UI.projects.foundations.spaces.designSpace.getIconByProjectAndName( 'Foundations', 'key-ctrl')
+                imagePosition = {
+                    x: canvas.mouse.position.x - DISTANCE_BETWEEN_ICONS * 3,
+                    y: canvas.mouse.position.y + secondRow
+                }
+                drawMousePointer(icon, imagePosition, ICON_SIZES)
+            }
+
+            if (canvas.mouse.event.altKey === true) {
+                icon = UI.projects.foundations.spaces.designSpace.getIconByProjectAndName( 'Foundations', 'key-alt')
+                imagePosition = {
+                    x: canvas.mouse.position.x + DISTANCE_BETWEEN_ICONS * 3 + ICON_SIZES * 0,
+                    y: canvas.mouse.position.y + secondRow
+                }
+                drawMousePointer(icon, imagePosition, ICON_SIZES)
+            }
+
+            if (canvas.mouse.event.code === 'ArrowUp') {
+                icon = UI.projects.foundations.spaces.designSpace.getIconByProjectAndName( 'Foundations', 'key-up')
+                imagePosition = {
+                    x: canvas.mouse.position.x - 0,
+                    y: canvas.mouse.position.y + firstRow
+                }
+                drawMousePointer(icon, imagePosition, ICON_SIZES)
+            }
+
+            if (canvas.mouse.event.code === 'ArrowDown') {
+                icon = UI.projects.foundations.spaces.designSpace.getIconByProjectAndName( 'Foundations', 'key-down')
+                imagePosition = {
+                    x: canvas.mouse.position.x - 0,
+                    y: canvas.mouse.position.y + secondRow
+                }
+                drawMousePointer(icon, imagePosition, ICON_SIZES)
+            }
+
+            if (canvas.mouse.event.code === 'ArrowLeft') {
+                icon = UI.projects.foundations.spaces.designSpace.getIconByProjectAndName( 'Foundations', 'key-left')
+                imagePosition = {
+                    x: canvas.mouse.position.x - DISTANCE_BETWEEN_ICONS * 0 - ICON_SIZES * 1,
+                    y: canvas.mouse.position.y + secondRow
+                }
+                drawMousePointer(icon, imagePosition, ICON_SIZES)
+            }
+
+            if (canvas.mouse.event.code === 'ArrowRight') {
+                icon = UI.projects.foundations.spaces.designSpace.getIconByProjectAndName( 'Foundations', 'key-right')
+                imagePosition = {
+                    x: canvas.mouse.position.x + DISTANCE_BETWEEN_ICONS * 0 + ICON_SIZES * 1,
+                    y: canvas.mouse.position.y + secondRow
+                }
+                drawMousePointer(icon, imagePosition, ICON_SIZES)
+            }
+
+            function drawMousePointer(icon, imagePosition, imageSize) {
+                if (icon !== undefined) {
+                    if (icon.canDrawIcon === true) {
+                        browserCanvasContext.drawImage(
+                            icon, imagePosition.x,
+                            imagePosition.y,
+                            imageSize,
+                            imageSize)
+                    }
+                }
+            }
+            mediaRecorder.capture(browserCanvas)
+        }
+    }
+}

Platform/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)
+    }
+}