Web Server Integration

WebServer/AppPreLoader.js

@@ -0,0 +1,174 @@
+
+/* 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;
+    const ERROR_LOG = true;
+
+    if (INFO_LOG === true) { console.log(spacePad(MODULE_NAME, 50) + " : " + "[INFO] loadSuperalgos -> Entering function."); }
+
+    /* The first thing to do here is to add the canvas where all the action is going to happen. */
+
+
+    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: ' + 800 + 'px;' +
+        'height: ' + 600 + 'px'
+
+    let textAreaDiv = document.getElementById('textAreaDiv');
+    textAreaDiv.appendChild(textArea);
+    textAreaDiv.style = 'position:fixed; top:' + -1500 + 'px; left:' + 500 + 'px; z-index:10; '
+
+    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);
+
+
+    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 - window.canvasApp.topMargin;
+    browserCanvas.style.border = "none";
+
+    browserCanvas.style.top = window.canvasApp.topMargin + 'px';
+
+
+
+    loadDebugModule();
+
+    function loadDebugModule() {
+
+        try {
+            if (INFO_LOG === true) { console.log(spacePad(MODULE_NAME, 50) + " : " + "[INFO] loadDebugModule -> Entering function."); }
+
+            let path = window.canvasApp.urlPrefix + "WebDebugLog.js";
+
+            REQUIREJS([path], onRequired);
+
+            function onRequired(pModule) {
+
+                if (INFO_LOG === true) { console.log(spacePad(MODULE_NAME, 50) + " : " + "[INFO] " + path + " downloaded."); }
+
+                loadModules();
+
+            }
+        }
+        catch (err) {
+            console.log(spacePad(MODULE_NAME, 50) + " : " + "[ERROR]  loadDebugModule --> " + path + " --> err = " + err.stack);
+        }
+    }
+
+    /* And Finally, we start loading all the scripts we will inmediatelly need. */
+
+    function loadModules() {
+
+        try {
+
+            if (INFO_LOG === true) { console.log(spacePad(MODULE_NAME, 50) + " : " + "[INFO] loadModules -> Entering function."); }
+
+            let path = window.canvasApp.urlPrefix + "WebServer/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();
+
+            }
+        }
+        catch (err) {
+            console.log(spacePad(MODULE_NAME, 50) + " : " + "[ERROR]  loadModules --> " + path + " --> err = " + err.stack);
+        }
+    }
+}
+
+function callServer(pContentToSend, pPath, callBackFunction) {
+    let xhttp = new XMLHttpRequest();
+    xhttp.onreadystatechange = function () {
+        if (this.readyState === 4 && this.status === 200) {
+            callBackFunction(GLOBAL.DEFAULT_OK_RESPONSE, xhttp.responseText);
+            return;
+        } else if (this.readyState === 4 && this.status === 404) {
+            callBackFunction({ result: "Fail", message: xhttp.responseText.trim(), code: xhttp.responseText.trim() });
+            return;
+        }
+    };
+
+    if (pContentToSend === undefined) {
+        xhttp.open("GET", pPath, true);
+        xhttp.send();
+    } else {
+        try {
+            let blob = new Blob([pContentToSend], { type: 'text/plain' });
+            xhttp.open("POST", pPath, true);
+            xhttp.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 })
+        }
+    }
+}