cleanup and tests added for ci/cd

Autoloader.js

@@ -15,8 +15,8 @@ import { AssetManager } from './Asset/AssetManager.js';
  */
     export const Autoloader = {};
 
-Autoloader.loaded = [];
+Autoloader.loaded      = [];
-Autoloader.namespaced = [];
+Autoloader.namespaced  = [];
 Autoloader.assetLoader = new AssetManager();
 
 /**

Chart/CandlestickChart.js

@@ -49,7 +49,7 @@
             }
         };
 
-        this.chart.grid    = {
+        this.chart.grid = {
             x: {
                 visible: true
             },
@@ -57,6 +57,7 @@
                 visible: true
             }
         };
+
         this.chart.subtype = 'candlestick';
     };
 
@@ -105,7 +106,7 @@
             .attr("y", function(d) { return y(Math.max(d.open, d.close)); })
             .attr("height", function(d) { return Math.max(1, y(Math.min(d.open, d.close)) - y(Math.max(d.open, d.close)));})
             .attr("width", function(d) { return 0.5 * mm; })
-            .attr("fill",function(d) { return d.open > d.close ? "red" : "green" ;});
+            .attr("fill",function(d) { return d.open > d.close ? "red" : "green"; });
         } else {
             let datapoint = svg.selectAll("rect")
             .data(this.chart.dataset[0].points)
@@ -116,14 +117,14 @@
             .attr("y", function(d) {return y(d.open);})
             .attr("height", function(d) { return 1;})
             .attr("width", function(d) { return 0.25 * mm / 2; })
-            .attr("fill",function(d) { return d.open > d.close ? "red" : "green" ;});
+            .attr("fill",function(d) { return d.open > d.close ? "red" : "green"; });
 
             datapoint.append("svg:rect")
             .attr("x", function(d) { return x(d.x); })
             .attr("y", function(d) {return y(d.close);})
             .attr("height", function(d) { return 1;})
             .attr("width", function(d) { return 0.25 * mm / 2; })
-            .attr("fill",function(d) { return d.open > d.close ? "red" : "green" ;});
+            .attr("fill",function(d) { return d.open > d.close ? "red" : "green"; });
         }
 
         svg.selectAll("line.stem")

Chart/ChartAbstract.js

@@ -413,9 +413,9 @@
 
             if (!this.defined.text.footer) {
                 this.position.footer.top = temp.node().getBoundingClientRect().height;
-                this.margin.bottom += temp.node().getBoundingClientRect().height + 10;
+                this.margin.bottom      += temp.node().getBoundingClientRect().height + 10;
                 this.defined.text.footer = true;
-                this.shouldRedraw = true;
+                this.shouldRedraw        = true;
             }
         }
     };

Chart/ColumnChart.js

@@ -189,7 +189,7 @@
                 {
                     return x(d.x) + x.rangeBand() / self.chart.dataset.length * j;
                 })
-                .attr("width", x.rangeBand() /self.chart.dataset.length)
+                .attr("width", x.rangeBand() / self.chart.dataset.length)
                 .transition()
                 .attr("y", function (d)
                 {

Chart/PieChart.js

@@ -75,7 +75,7 @@
             - Math.max(this.chart.margin.right + this.chart.margin.left,
                 this.chart.margin.top + this.chart.margin.bottom)
             ),
-            innerRadius = radius - radius*self.chart.dataSettings.style.strokewidth,
+            innerRadius = radius - radius * self.chart.dataSettings.style.strokewidth,
             arc         = d3.svg.arc()
                 .outerRadius(function() { return radius; })
                 .innerRadius(function() { return innerRadius; });

Chart/PyramidChart.js

@@ -53,6 +53,7 @@
                 visible: true
             }
         };
+
         this.chart.subtype = 'waterfall';
     };
 
@@ -136,7 +137,7 @@
             .tickFormat("");
 
         x.domain(this.chart.dataset[0].points.map(function(d) { return d.name; }));
-        y.domain([0, d3.max(this.chart.dataset[0].points, function(d) { return d.y*1.05; })]);
+        y.domain([0, d3.max(this.chart.dataset[0].points, function(d) { return d.y * 1.05; })]);
 
         svg = this.chart.chartSelect.append("svg")
             .attr("width", this.chart.dimension.width)

Chart/ScatterplotChart.js

@@ -54,6 +54,7 @@
                 visible: true
             }
         };
+
         this.chart.subtype = 'scatterplot';
     };
 

Event/EventManager.js

@@ -103,11 +103,11 @@ export class EventManager {
     {
         if (this.callbacks.hasOwnProperty(group)) {
             return this.triggerSingleEvent(group, id, data);
-        }
+        }p
 
         const allGroups = Object.keys(this.callbacks),
-            regex = new RegExp(group),
+            regex       = new RegExp(group),
-            length = allGroups.length;
+            length      = allGroups.length;
 
         let result = false;
 

Model/Action/Dom/GetValue.js

@@ -11,7 +11,7 @@ export function domGetValue (action, callback, id)
 {
     "use strict";
 
-    const e = action.base === 'self' ? (action.selector === '' || typeof action.selector === 'undefined' ? [document.getElementById(id)] : document.getElementById(id).querySelectorAll(action.selector)) : document.querySelectorAll(action.selector);
+    const e   = action.base === 'self' ? (action.selector === '' || typeof action.selector === 'undefined' ? [document.getElementById(id)] : document.getElementById(id).querySelectorAll(action.selector)) : document.querySelectorAll(action.selector);
     let value = {};
 
     for (let i in e) {

Socket/Client/Client.js

@@ -2,12 +2,13 @@
     "use strict";
 
     jsOMS.Client = function (ip, port, protocol) {
-        this.port = port;
+        this.port       = port;
-        this.ip = ip;
+        this.ip         = ip;
-        this.protocol = protocol;
+        this.protocol   = protocol;
         this.connection = null;
-        this.messages = [];
+        this.messages   = [];
     };
+
     jsOMS.Client.prototype.setMessage = function(id, callback) {
         this.messages[id] = callback;
     };
@@ -25,7 +26,7 @@
     };
 
     jsOMS.Client.prototype.connect = function() {
-        var self = this;
+        var self        = this;
         this.connection = new WebSocket(this.ip, this.protocol);
 
         this.connection.onmessage = function(event) {

Spreadsheet/Cell.js

@@ -14,8 +14,8 @@
 
     jsOMS.Spreadsheet.Cell = function(id, raw)
     {
-        this.id = id;
+        this.id         = id;
-        this.raw = raw;
+        this.raw        = raw;
         this.formatting = raw.formatting;
     };
 }(window.jsOMS = window.jsOMS || {}));

UI/Component/AdvancedInput.js

@@ -122,7 +122,7 @@ export class AdvancedInput {
     remoteCallback(self, data)
     {
         console.log(data);
-        data = JSON.parse(data.response)[0];
+        data             = JSON.parse(data.response)[0];
         const dataLength = data.length;
 
         console.table(data);

UI/Component/AdvancedSelect.js

@@ -27,16 +27,16 @@ export class AdvancedSelect {
      * @since 1.0.0
      */
     constructor(e) {
-        this.id = e.id;
+        this.id              = e.id;
         this.selectComponent = e;
-        this.selectField = this.selectComponent.getElementsByClassName('input')[0];
+        this.selectField     = this.selectComponent.getElementsByClassName('input')[0];
         this.dropdownElement = document.getElementById(this.id + '-dropdown');
-        this.tagElement = document.getElementById(this.id + '-tags');
+        this.tagElement      = document.getElementById(this.id + '-tags');
-        this.dataList = this.dropdownElement.getElementsByTagName('table')[0];
+        this.dataList        = this.dropdownElement.getElementsByTagName('table')[0];
-        this.dataListBody = this.dataList.getElementsByTagName('tbody')[0];
+        this.dataListBody    = this.dataList.getElementsByTagName('tbody')[0];
-        this.dataTpl = document.getElementById(this.id + '-rowElement');
+        this.dataTpl         = document.getElementById(this.id + '-rowElement');
-        this.tagTpl = this.tagElement.getElementsByTagName('template')[0];
+        this.tagTpl          = this.tagElement.getElementsByTagName('template')[0];
-        this.src = this.selectField.getAttribute('data-src');
+        this.src             = this.selectField.getAttribute('data-src');
 
         const self = this;
         this.selectField.addEventListener('focusout', function (e) {
@@ -128,7 +128,7 @@ export class AdvancedSelect {
      */
     remoteCallback(self, data) {
         console.log(data);
-        data = JSON.parse(data.response)[0];
+        data             = JSON.parse(data.response)[0];
         const dataLength = data.length;
 
         console.table(data);
@@ -141,8 +141,8 @@ export class AdvancedSelect {
 
             for (let i = 0; i < dataLength; ++i) {
                 // set readable value
-                const newRow = self.dataTpl.content.cloneNode(true);
+                const newRow    = self.dataTpl.content.cloneNode(true);
-                let fields = newRow.querySelectorAll('[data-tpl-text]');
+                let fields      = newRow.querySelectorAll('[data-tpl-text]');
                 let fieldLength = fields.length;
 
                 for (let j = 0; j < fieldLength; ++j) {
@@ -154,7 +154,7 @@ export class AdvancedSelect {
                 }
 
                 // set internal value
-                fields = newRow.querySelectorAll('[data-tpl-value]');
+                fields      = newRow.querySelectorAll('[data-tpl-value]');
                 fieldLength = fields.length;
 
                 for (let j = 0; j < fieldLength; ++j) {
@@ -249,10 +249,10 @@ export class AdvancedSelect {
             const newTag = self.tagTpl.content.cloneNode(true);
 
             // set internal value
-            let fields = newTag.querySelectorAll('[data-tpl-value]');
+            let fields      = newTag.querySelectorAll('[data-tpl-value]');
             let fieldLength = fields.length;
-            let uuid = '';
+            let uuid        = '';
-            let value = '';
+            let value       = '';
 
             for (let j = 0; j < fieldLength; ++j) {
                 value = document.activeElement.querySelectorAll('[data-tpl-value="' + fields[j].getAttribute('data-tpl-value') + '"]')[0].getAttribute('data-value');
@@ -270,7 +270,7 @@ export class AdvancedSelect {
             newTag.firstElementChild.setAttribute('data-tpl-uuid', uuid);
 
             // set readable text
-            fields = newTag.querySelectorAll('[data-tpl-text]');
+            fields      = newTag.querySelectorAll('[data-tpl-text]');
             fieldLength = fields.length;
 
             for (let j = 0; j < fieldLength; ++j) {

UI/Component/Form.js

@@ -141,19 +141,19 @@ export class Form {
         }
 
         const removable = this.forms[id].getRemove();
-        length = removable === null ? 0 : removable.length;
+        length          = removable === null ? 0 : removable.length;
         for (let i = 0; i < length; ++i) {
             this.bindRemovable(removable[i], id);
         }
 
         const addable = this.forms[id].getAdd();
-        length = addable === null ? 0 : addable.length;
+        length        = addable === null ? 0 : addable.length;
         for (let i = 0; i < length; ++i) {
             this.bindAddInline(addable[i], id);
         }
 
         const save = this.forms[id].getSave();
-        length = save === null ? 0 : save.length;
+        length     = save === null ? 0 : save.length;
         for (let i = 0; i < length; ++i) {
             this.bindSaveInline(save[i], id);
         }
@@ -163,19 +163,19 @@ export class Form {
         }
 
         const cancel = this.forms[id].getCancel();
-        length = cancel === null ? 0 : cancel.length;
+        length       = cancel === null ? 0 : cancel.length;
         for (let i = 0; i < length; ++i) {
             this.bindCancelInline(cancel[i], id);
         }
 
         const update = this.forms[id].getUpdate();
-        length = update === null ? 0 : update.length;
+        length       = update === null ? 0 : update.length;
         for (let i = 0; i < length; ++i) {
             this.bindUpdatable(update[i], id);
         }
 
         const imgPreviews = this.forms[id].getImagePreviews();
-        length = imgPreviews === null ? 0 : imgPreviews.length;
+        length            = imgPreviews === null ? 0 : imgPreviews.length;
         for (let i = 0; i < length; ++i) {
             this.bindImagePreview(imgPreviews[i], id);
         }
@@ -196,9 +196,9 @@ export class Form {
 
         imageUpload.addEventListener('change', function () {
             const formElement = document.getElementById(id);
-            const preview = formElement.querySelector('img#preview-' + imageUpload.getAttribute('name'));
+            const preview     = formElement.querySelector('img#preview-' + imageUpload.getAttribute('name'));
 
-            preview.src = window.URL.createObjectURL(imageUpload.files[0]);
+            preview.src    = window.URL.createObjectURL(imageUpload.files[0]);
             preview.onload = function () {
                 window.URL.revokeObjectURL(this.src);
             }
@@ -322,9 +322,9 @@ export class Form {
             console.log(xhr.response);
 
             try {
-                const o            = JSON.parse(xhr.response)[0],
+                const o           = JSON.parse(xhr.response)[0],
-                    response       = new Response(o);
+                    response      = new Response(o);
-                let successInject  = null;
+                let successInject = null;
 
                 if ((successInject = form.getSuccess()) !== null) {
                     successInject(response);
@@ -396,18 +396,18 @@ export class Form {
 
         this.app.uiManager.getFormManager().get(createForm).injectSubmit(function () {
             const formElement = document.getElementById(id);
-            const subMain = formElement.getAttribute('data-ui-content').charAt(0) === '#'
+            const subMain     = formElement.getAttribute('data-ui-content').charAt(0) === '#'
                 ? document.querySelector(formElement.getAttribute('data-ui-content'))
                 : formElement.querySelector(formElement.getAttribute('data-ui-content'));
 
             // todo: [0/1] is no longer working because of arbitrary templates for inline editing
-            const newEle  = subMain.getElementsByTagName('template')[0].content.cloneNode(true);
+            const newEle = subMain.getElementsByTagName('template')[0].content.cloneNode(true);
 
             // set internal value
-            let fields = newEle.querySelectorAll('[data-tpl-value]');
+            let fields      = newEle.querySelectorAll('[data-tpl-value]');
             let fieldLength = fields.length;
-            let uuid = '';
+            let uuid        = '';
-            let value = '';
+            let value       = '';
 
             for (let j = 0; j < fieldLength; ++j) {
                 value = document.querySelectorAll(
@@ -429,7 +429,7 @@ export class Form {
             newEle.firstElementChild.setAttribute('data-tpl-uuid', uuid);
 
             // set readable text
-            fields = newEle.querySelectorAll('[data-tpl-text]');
+            fields      = newEle.querySelectorAll('[data-tpl-text]');
             fieldLength = fields.length;
 
             for (let j = 0; j < fieldLength; ++j) {
@@ -472,16 +472,16 @@ export class Form {
 
         createForm.addEventListener('click', function () {
             const formElement = document.getElementById(id);
-            const subMain = formElement.getAttribute('data-ui-content').charAt(0) === '#'
+            const subMain     = formElement.getAttribute('data-ui-content').charAt(0) === '#'
                 ? document.querySelector(formElement.getAttribute('data-ui-content'))
                 : formElement.querySelector(formElement.getAttribute('data-ui-content'));
 
             // todo: [0/1] is no longer working because of arbitrary templates for inline editing
-            const newEle  = subMain.getElementsByTagName('template')[1].content.cloneNode(true);
+            const newEle = subMain.getElementsByTagName('template')[1].content.cloneNode(true);
-            const eleId = 'f' + Math.random().toString(36).substring(7);
+            const eleId  = 'f' + Math.random().toString(36).substring(7);
             // todo: check if random id doesn't already exist
 
-            newEle.firstElementChild.id = eleId;
+            newEle.firstElementChild.id                                 = eleId;
             newEle.firstElementChild.getElementsByTagName('form')[0].id = eleId + '-form';
 
             const fields = newEle.firstElementChild.querySelectorAll('[data-form="' + id + '"]');
@@ -575,7 +575,7 @@ export class Form {
                 values = values.concat(
                         parents[i].hasAttribute('data-tpl-value') ? parents[i] : Array.prototype.slice.call(parents[i].querySelectorAll('[data-tpl-value]'))
                     );
-                text = text.concat(
+                text   = text.concat(
                         parents[i].hasAttribute('data-tpl-text') ? parents[i] : Array.prototype.slice.call(parents[i].querySelectorAll('[data-tpl-text]'))
                     );
 
@@ -668,13 +668,13 @@ export class Form {
             jsOMS.addClass(this, 'hidden');
 
             const saveButtons = self.forms[id].getSave();
-            length = saveButtons.length;
+            length            = saveButtons.length;
             for (let i = 0; i < length; ++i) {
                 jsOMS.removeClass(saveButtons[i], 'hidden');
             }
 
             const cancelButtons = self.forms[id].getCancel();
-            length = cancelButtons.length;
+            length              = cancelButtons.length;
             for (let i = 0; i < length; ++i) {
                 jsOMS.removeClass(cancelButtons[i], 'hidden');
             }
@@ -717,21 +717,21 @@ export class Form {
         const self = this;
 
         save.addEventListener('click', function () {
-            const formElement = document.getElementById(id);
+            const formElement    = document.getElementById(id);
-            const parentsTpl = [];
+            const parentsTpl     = [];
             const parentsContent = [];
-            const selectors = formElement.getAttribute('data-ui-element').split(','),
+            const selectors      = formElement.getAttribute('data-ui-element').split(','),
-                selectorLength = selectors.length;
+                selectorLength   = selectors.length;
 
             let values = [];
-            let text = [];
+            let text   = [];
 
             for (let i = 0; i < selectorLength; ++i) {
                 // todo: similar logic is in updatable Inline and probably in External... pull out?
                 // this handles selectors such as 'ancestor > child/or/sibling' and many more
                 // todo: maybe move this to the library as an advanced ancestor function?
                 let selector = selectors[i].trim(' ').split(' ');
-                let closest = selector[0].trim();
+                let closest  = selector[0].trim();
 
                 // template elements
                 let subSelector = '';
@@ -747,8 +747,8 @@ export class Form {
                 );
 
                 // content elements
-                selector = selectors[i].trim(' ').split(' ');
+                selector    = selectors[i].trim(' ').split(' ');
-                closest = selector[0].trim();
+                closest     = selector[0].trim();
                 subSelector = '';
                 if (selector.length !== 0) {
                     selector.shift();
@@ -764,7 +764,7 @@ export class Form {
                 values = values.concat(
                     parentsTpl[i].hasAttribute('data-tpl-value') ? parentsTpl[i] : Array.prototype.slice.call(parentsTpl[i].querySelectorAll('[data-tpl-value]'))
                 );
-                text = text.concat(
+                text   = text.concat(
                     parentsTpl[i].hasAttribute('data-tpl-text') ? parentsTpl[i] : Array.prototype.slice.call(parentsTpl[i].querySelectorAll('[data-tpl-text]'))
                 );
             }
@@ -818,13 +818,13 @@ export class Form {
      */
     removeEditTemplate(ele, id)
     {
-        const formElement = document.getElementById(id);
+        const formElement  = document.getElementById(id);
-        const selectors = formElement.getAttribute('data-ui-element').split(','),
+        const selectors    = formElement.getAttribute('data-ui-element').split(','),
             selectorLength = selectors.length;
 
         for (let i = 0; i < selectorLength; ++i) {
             let selector = selectors[i].trim(' ').split(' ');
-            let closest = selector[0].trim();
+            let closest  = selector[0].trim();
 
             let subSelector = '';
             if (selector.length !== 0) {
@@ -832,8 +832,8 @@ export class Form {
                 subSelector = selector.join(' ').trim();
             }
 
-            let content = selector.length === 0 ? ele.closest(closest) : ele.closest(closest).querySelector(subSelector);
+            let content    = selector.length === 0 ? ele.closest(closest) : ele.closest(closest).querySelector(subSelector);
-            const tpls = content.parentNode.querySelectorAll('[data-marker=tpl]'),
+            const tpls     = content.parentNode.querySelectorAll('[data-marker=tpl]'),
                 tplsLength = tpls.length;
 
             for (let j = 0; j < tplsLength; ++j) {
@@ -845,19 +845,19 @@ export class Form {
         }
 
         const saveButtons = this.forms[id].getSave();
-        let length = saveButtons.length;
+        let length        = saveButtons.length;
         for (let i = 0; i < length; ++i) {
             jsOMS.addClass(saveButtons[i], 'hidden');
         }
 
         const cancelButtons = this.forms[id].getCancel();
-        length = cancelButtons.length;
+        length              = cancelButtons.length;
         for (let i = 0; i < length; ++i) {
             jsOMS.addClass(cancelButtons[i], 'hidden');
         }
 
         const update = this.forms[id].getUpdate();
-        length = update === null ? 0 : update.length;
+        length       = update === null ? 0 : update.length;
         for (let i = 0; i < length; ++i) {
             jsOMS.removeClass(update[i], 'hidden');
         }
@@ -879,13 +879,13 @@ export class Form {
 
         update.addEventListener('click', function () {
             const formElement = document.getElementById(id);
-            const parent = this.closest(formElement.getAttribute('data-ui-element'));
+            const parent      = this.closest(formElement.getAttribute('data-ui-element'));
-            const formId = formElement.getAttribute('data-ui-form');
+            const formId      = formElement.getAttribute('data-ui-form');
-            const values = parent.querySelectorAll('[data-tpl-value]');
+            const values      = parent.querySelectorAll('[data-tpl-value]');
-            const text = parent.querySelectorAll('[data-tpl-text]');
+            const text        = parent.querySelectorAll('[data-tpl-text]');
 
             const fields = document.getElementById(formId).querySelectorAll('[data-form="' + id + '"]');
-            let length = fields.length;
+            let length   = fields.length;
 
             for (let i = 0; i < length; ++i) {
                 fields[i].setAttribute('data-form', eleId);

UI/Component/Tab.js

@@ -38,8 +38,8 @@ export class Tab {
                 this.bindElement(e);
             }
         } else {
-            const tabs = document.getElementsByClassName('tabview'),
+            const tabs   = document.getElementsByClassName('tabview');
-            length = !tabs ? 0 : tabs.length;
+            const length = !tabs ? 0 : tabs.length;
 
             for (let i = 0; i < length; ++i) {
                 this.bindElement(tabs[i]);
@@ -59,7 +59,7 @@ export class Tab {
     bindElement (e)
     {
         const nodes = e.querySelectorAll('.tab-links li'),
-            length = nodes.length;
+            length  = nodes.length;
 
         for (let i = 0; i < length; ++i) {
             nodes[i].addEventListener('click', function (evt)
@@ -122,7 +122,7 @@ export class Tab {
     {
         const fragmentString = window.location.href.includes('#') ? Http.parseUrl(window.location.href).fragment : '';
         const fragments      = fragmentString.split(','),
-            fragLength = fragments.length;
+            fragLength       = fragments.length;
 
         if (fragLength > 0 && fragmentString !== '') {
             for (let i = 0; i < fragLength; ++i) {

UI/Component/Table.js

@@ -19,7 +19,7 @@ export class Table {
      */
     constructor(app)
     {
-        this.app    = app;
+        this.app = app;
 
         /** @var {Object <string, TableView>} */
         this.tables = {};

UI/GeneralUI.js

@@ -113,7 +113,7 @@ export class GeneralUI {
      */
     bindInput (e)
     {
-        e = e !== null ? [e] : document.getElementsByClassName('advancedInput');
+        e            = e !== null ? [e] : document.getElementsByClassName('advancedInput');
         const length = e.length;
 
         for (let i = 0; i < length; ++i) {

Uri/UriFactory.js

@@ -146,7 +146,7 @@ export class UriFactory {
 
         // unique fragments
         const fragments = url.match(/\#[a-zA-Z0-9\-,]+/g),
-            fragLength = fragments !== null ? fragments.length : 0;
+            fragLength  = fragments !== null ? fragments.length : 0;
 
         for (let i = 0; i < fragLength - 1; ++i) {
             // remove all from old url

Utils/Debug.js

@@ -1,18 +1,18 @@
-var visited = [];
+var visited            = [];
-var findings = {};
+var findings           = {};
-var cssSelectors = {},
+var cssSelectors       = {},
     cssSelectorsLength = 0;
-const cssFiles = ['http://127.0.0.1/cssOMS/styles.css'];
+const cssFiles         = ['http://127.0.0.1/cssOMS/styles.css'];
-const cssFilesLength = cssFiles.length;
+const cssFilesLength   = cssFiles.length;
-const domain = window.location.hostname;
+const domain           = window.location.hostname;
-const pageLimit = 10;
+const pageLimit        = 10;
 
-var cssRequest = new XMLHttpRequest();
+var cssRequest                = new XMLHttpRequest();
 cssRequest.onreadystatechange = function()
 {
     if (cssRequest.readyState == 4 && cssRequest.status == 200) {
-        const cssText = this.responseText;
+        const cssText    = this.responseText;
-        const result = cssText.match(/[a-zA-Z0-9\ :>~\.\"'#,\[\]=\-\(\)\*]+{/g),
+        const result     = cssText.match(/[a-zA-Z0-9\ :>~\.\"'#,\[\]=\-\(\)\*]+{/g),
             resultLength = result.length;
 
         for (let i = 1; i < resultLength; ++i) {
@@ -41,7 +41,7 @@ validatePage = function(url)
     findings[url] = {};
 
     // web request
-    var webRequest = new XMLHttpRequest();
+    var webRequest                = new XMLHttpRequest();
     webRequest.onreadystatechange = function()
     {
         if (webRequest.readyState == 4 && webRequest.status == 200) {
@@ -51,45 +51,45 @@ validatePage = function(url)
             document.close();
 
             // analyze img alt attribute
-            let imgAlt = document.querySelectorAll('img:not([alt]), img[alt=""], img[alt=" "]');
+            let imgAlt               = document.querySelectorAll('img:not([alt]), img[alt=""], img[alt=" "]');
             findings[url]['img_alt'] = imgAlt.length;
 
             // analyze img src
-            let imgSrc = document.querySelectorAll('img:not([src]), img[src=""], img[src=" "]');
+            let imgSrc               = document.querySelectorAll('img:not([src]), img[src=""], img[src=" "]');
             findings[url]['img_src'] = imgSrc.length;
 
             // analyze empty link
-            let aHref = document.querySelectorAll('a:not([alt]), a[href=""], a[href=" "], a[href="#"]');
+            let aHref                   = document.querySelectorAll('a:not([alt]), a[href=""], a[href=" "], a[href="#"]');
             findings[url]['href_empty'] = aHref.length;
 
             // analyze inline on* function
-            let onFunction = document.querySelectorAll('[onafterprint], [onbeforeprint], [onbeforeunload], [onerror], [onhaschange], [onload], [onmessage], [onoffline], [ononline], [onpagehide], [onpageshow], [onpopstate], [onredo], [onresize], [onstorage], [onundo], [onunload], [onblur], [onchage], [oncontextmenu], [onfocus], [onformchange], [onforminput], [oninput], [oninvalid], [onreset], [onselect], [onsubmit], [onkeydown], [onkeypress], [onkeyup], [onclick], [ondblclick], [ondrag], [ondragend], [ondragenter], [ondragleave], [ondragover], [ondragstart], [ondrop], [onmousedown], [onmousemove], [onmouseout], [onmouseover], [onmouseup], [onmousewheel], [onscroll], [onabort], [oncanplay], [oncanplaythrough], [ondurationchange], [onemptied], [onended], [onerror], [onloadeddata], [onloadedmetadata], [onloadstart], [onpause], [onplay], [onplaying], [onprogress], [onratechange], [onreadystatechange], [onseeked], [onseeking], [onstalled], [onsuspend], [ontimeupdate], [onvolumechange], [onwaiting]');
+            let onFunction         = document.querySelectorAll('[onafterprint], [onbeforeprint], [onbeforeunload], [onerror], [onhaschange], [onload], [onmessage], [onoffline], [ononline], [onpagehide], [onpageshow], [onpopstate], [onredo], [onresize], [onstorage], [onundo], [onunload], [onblur], [onchage], [oncontextmenu], [onfocus], [onformchange], [onforminput], [oninput], [oninvalid], [onreset], [onselect], [onsubmit], [onkeydown], [onkeypress], [onkeyup], [onclick], [ondblclick], [ondrag], [ondragend], [ondragenter], [ondragleave], [ondragover], [ondragstart], [ondrop], [onmousedown], [onmousemove], [onmouseout], [onmouseover], [onmouseup], [onmousewheel], [onscroll], [onabort], [oncanplay], [oncanplaythrough], [ondurationchange], [onemptied], [onended], [onerror], [onloadeddata], [onloadedmetadata], [onloadstart], [onpause], [onplay], [onplaying], [onprogress], [onratechange], [onreadystatechange], [onseeked], [onseeking], [onstalled], [onsuspend], [ontimeupdate], [onvolumechange], [onwaiting]');
             findings[url]['js_on'] = onFunction.length;
 
             // analyze missing form element attributes
-            let formElements = document.querySelectorAll('input:not([id]), input[type=""], select:not([id]), textarea:not([id]), label:not([for]), label[for=""], label[for=" "], input:not([name]), select:not([name]), textarea:not([name]), form:not([id]), form:not([action]), form[action=""], form[action=" "], form[action="#"]');
+            let formElements               = document.querySelectorAll('input:not([id]), input[type=""], select:not([id]), textarea:not([id]), label:not([for]), label[for=""], label[for=" "], input:not([name]), select:not([name]), textarea:not([name]), form:not([id]), form:not([action]), form[action=""], form[action=" "], form[action="#"]');
             findings[url]['form_elements'] = formElements.length;
 
             // analyze invalid container-children relationship (e.g. empty containers, invalid children)
-            let invalidContainerChildren = document.querySelectorAll(':not(tr) > td, :not(tr) > th, colgroup *:not(col), :not(colgroup) > col, tr > :not(td):not(th), optgroup > :not(option), :not(select) > option, :not(fieldset) > legend, select > :not(option):not(optgroup), :not(select):not(optgroup) > option, table > *:not(thead):not(tfoot):not(tbody):not(tr):not(colgroup):not(caption)');
+            let invalidContainerChildren                = document.querySelectorAll(':not(tr) > td, :not(tr) > th, colgroup *:not(col), :not(colgroup) > col, tr > :not(td):not(th), optgroup > :not(option), :not(select) > option, :not(fieldset) > legend, select > :not(option):not(optgroup), :not(select):not(optgroup) > option, table > *:not(thead):not(tfoot):not(tbody):not(tr):not(colgroup):not(caption)');
             findings[url]['invalid_container_children'] = invalidContainerChildren.length;
 
             // has inline styles
-            let hasInlineStyles = document.querySelectorAll('*[style]');
+            let hasInlineStyles            = document.querySelectorAll('*[style]');
             findings[url]['form_elements'] = hasInlineStyles.length;
 
             // analyze css usage
             let cssFound;
             for (let i in cssSelectors) {
                 try {
-                    cssFound = document.querySelectorAll(i.replace(/:hover|:active/gi, ''));
+                    cssFound        = document.querySelectorAll(i.replace(/:hover|:active/gi, ''));
                     cssSelectors[i] = cssFound === null ? 0 : cssFound.length
                 } catch (e) {}
             }
 
             // check other pages
-            let links = document.querySelectorAll('a'),
+            let links      = document.querySelectorAll('a'),
-                    linkLength = links.length;
+                linkLength = links.length;
 
             for (let i = 0; i < linkLength; ++i) {
                 if (visited.includes(links[i].href) ||

Utils/StringUtils.js

@@ -96,8 +96,8 @@
             return (str.length + 1);
         }
 
-        let n    = 0,
+        let n   = 0,
-            pos  = 0;
+            pos = 0;
 
         while (true) {
             pos = str.indexOf(substr, pos);

Utils/UiUtils.js

@@ -52,7 +52,7 @@
             event.eventName = eventName;
             element.dispatchEvent(event);
         } else {
-            event = document.createEventObject();
+            event           = document.createEventObject();
             event.eventName = eventName;
             event.eventType = eventName;
             element.fireEvent(event.eventType, event);

Utils/oLib.js

@@ -32,7 +32,7 @@
             event.eventName = eventName;
             element.dispatchEvent(event);
         } else {
-            event = document.createEventObject();
+            event           = document.createEventObject();
             event.eventName = eventName;
             event.eventType = eventName;
             element.fireEvent(event.eventType, event);

Views/TableView.js

@@ -40,7 +40,7 @@ export class TableView {
     serialize()
     {
         const table = document.getElementById(this.id);
-        let data = {
+        let data    = {
             caption: null,
             header: [],
             rows: []
@@ -48,20 +48,20 @@ export class TableView {
 
         data.caption = table.getElementsByTagName('caption')[0].innerText;
 
-        const header = table.querySelectorAll('thead tr td, thead tr th'),
+        const header     = table.querySelectorAll('thead tr td, thead tr th'),
             headerLength = header.length;
 
         for (let i = 0; i < headerLength; ++i) {
             data.header.push(header[i].innerText);
         }
 
-        const rows = table.querySelectorAll('tbody tr'),
+        const rows     = table.querySelectorAll('tbody tr'),
             rowsLength = rows.length;
 
         for (let i = 0; i < rowsLength; ++i) {
             data.rows[i] = [];
 
-            const columns = rows[i].querySelectorAll('td, th'),
+            const columns    = rows[i].querySelectorAll('td, th'),
                 columnLength = columns.length;
 
             for (let j = 0; j < columnLength; ++j) {