added tsconfig.json

README.md

@@ -661,7 +661,7 @@ Or if you have [Air](https://github.com/cosmtrek/air) set up, just:
 
 ## type script compilation
 
-`tsc static/*.ts --lib es2020,dom --target ES5 --watch --downlevelIteration`
+`tsc --watch`
 
 # Dependencies
 

tsconfig.json

@@ -0,0 +1,15 @@
+{
+    "compilerOptions": {
+        "module": "CommonJS",
+        "target": "ES5",
+        "lib": ["ES2020", "dom"],
+        "noImplicitAny": false,
+        "removeComments": true,
+        "preserveConstEnums": true,
+        "sourceMap": true,
+        "downlevelIteration": true
+    },
+    "include": [
+        "web/static/*.ts"
+    ],
+}

web/static/backup.js

@@ -1,4 +1,3 @@
-// @ts-ignore
 var urlPrefix = getURLPrefix();
 function testSubmit() {
     var form = document.getElementById("uploadForm");
@@ -17,3 +16,4 @@ function initUploadSubmit() {
     restoreSubmitInput.onclick = restoreSubmit;
 }
 document.addEventListener('DOMContentLoaded', initUploadSubmit, false);
+//# sourceMappingURL=backup.js.map

web/static/backup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backup.js","sourceRoot":"","sources":["backup.ts"],"names":[],"mappings":"AACA,IAAI,SAAS,GAAG,YAAY,EAAE,CAAC;AAC/B,SAAS,UAAU;IACf,IAAI,IAAI,GAAG,QAAQ,CAAC,cAAc,CAAC,YAAY,CAAoB,CAAC;IACpE,IAAI,CAAC,MAAM,GAAG,SAAS,GAAG,aAAa,CAAC;IACxC,IAAI,CAAC,MAAM,EAAE,CAAC;AAClB,CAAC;AAED,SAAS,aAAa;IAClB,IAAI,IAAI,GAAG,QAAQ,CAAC,cAAc,CAAC,YAAY,CAAoB,CAAC;IACpE,IAAI,CAAC,MAAM,GAAG,SAAS,GAAG,gBAAgB,CAAC;IAC3C,IAAI,CAAC,MAAM,EAAE,CAAC;AAClB,CAAC;AAED,SAAS,gBAAgB;IACrB,IAAI,eAAe,GAAG,QAAQ,CAAC,cAAc,CAAC,YAAY,CAAqB,CAAC;IAChF,eAAe,CAAC,OAAO,GAAG,UAAU,CAAC;IAErC,IAAI,kBAAkB,GAAG,QAAQ,CAAC,cAAc,CAAC,eAAe,CAAqB,CAAC;IACtF,kBAAkB,CAAC,OAAO,GAAG,aAAa,CAAC;AAC/C,CAAC;AAED,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,gBAAgB,EAAE,KAAK,CAAC,CAAC"}

web/static/create.js

@@ -19,3 +19,4 @@ function initOnChange() {
     fileInput.onchange = fileOnChange;
 }
 document.addEventListener('DOMContentLoaded', initOnChange, false);
+//# sourceMappingURL=create.js.map

web/static/create.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create.js","sourceRoot":"","sources":["create.ts"],"names":[],"mappings":"AAAA,SAAS,WAAW;IAChB,IAAI,QAAQ,GAAG,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAqB,CAAC;IAClE,IAAI,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAC;QAC1B,IAAI,aAAa,GAAG,QAAQ,CAAC,cAAc,CAAC,UAAU,CAAqB,CAAC;QAC5E,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;KAChC;AACL,CAAC;AAED,SAAS,YAAY;IACjB,IAAI,SAAS,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAqB,CAAC;IACpE,IAAI,SAAS,CAAC,KAAK,KAAK,IAAI,EAAC;QACzB,IAAI,cAAc,GAAG,QAAQ,CAAC,cAAc,CAAC,WAAW,CAAqB,CAAC;QAC9E,cAAc,CAAC,OAAO,GAAG,IAAI,CAAC;KACjC;AACL,CAAC;AAED,SAAS,YAAY;IACjB,IAAI,QAAQ,GAAG,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAqB,CAAC;IAClE,QAAQ,CAAC,QAAQ,GAAG,WAAW,CAAC;IAEhC,IAAI,SAAS,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAqB,CAAC;IACpE,SAAS,CAAC,QAAQ,GAAG,YAAY,CAAC;AACtC,CAAC;AAED,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC"}

web/static/diagram.js

@@ -22,7 +22,7 @@ var __values = (this && this.__values) || function(o) {
     };
     throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
 };
-var CanvasObject = /** @class */ (function () {
+var CanvasObject = (function () {
     function CanvasObject(x, y, width, height) {
         this.x = x;
         this.y = y;
@@ -47,7 +47,7 @@ var CanvasObject = /** @class */ (function () {
     };
     return CanvasObject;
 }());
-var Button = /** @class */ (function (_super) {
+var Button = (function (_super) {
     __extends(Button, _super);
     function Button(x, y, label, ctx, callback, node) {
         var _this = _super.call(this, x, y, 0, 0) || this;
@@ -84,7 +84,7 @@ var circleTopRadians = Math.PI / 2;
 var circleRightRadians = (Math.PI * 3) / 2;
 var circleBottomRadians = Math.PI + (Math.PI * 3);
 var circleLeftRadians = Math.PI;
-var NodeIO = /** @class */ (function (_super) {
+var NodeIO = (function (_super) {
     __extends(NodeIO, _super);
     function NodeIO(node, input) {
         var _this = _super.call(this, 0, 0, 0, 0) || this;
@@ -129,7 +129,7 @@ var NodeIO = /** @class */ (function (_super) {
     };
     return NodeIO;
 }(CanvasObject));
-var NodeConnection = /** @class */ (function (_super) {
+var NodeConnection = (function (_super) {
     __extends(NodeConnection, _super);
     function NodeConnection(output, input) {
         var _this = _super.call(this, 0, 0, 0, 0) || this;
@@ -187,7 +187,7 @@ var NodeConnection = /** @class */ (function (_super) {
     };
     return NodeConnection;
 }(CanvasObject));
-var NewConnection = /** @class */ (function (_super) {
+var NewConnection = (function (_super) {
     __extends(NewConnection, _super);
     function NewConnection(output) {
         var _this = _super.call(this, 0, 0, 0, 0) || this;
@@ -255,7 +255,7 @@ var NewConnection = /** @class */ (function (_super) {
     };
     return NewConnection;
 }(CanvasObject));
-var DiagramNode = /** @class */ (function (_super) {
+var DiagramNode = (function (_super) {
     __extends(DiagramNode, _super);
     function DiagramNode(id, x, y, label, meta, ctx, results, logs) {
         if (meta === void 0) { meta = {}; }
@@ -354,10 +354,8 @@ var DiagramNode = /** @class */ (function (_super) {
         ctx.strokeRect(ms.offset.x + this.x, ms.offset.y + this.y, this.width, this.height);
     };
     DiagramNode.prototype.fixType = function () {
-        // @ts-ignore
         this.type = this.meta.type;
         if (["math", "condition"].indexOf(this.type) >= 0) {
-            // @ts-ignore
             this.type = this.meta.var1;
         }
     };
@@ -377,7 +375,6 @@ var DiagramNode = /** @class */ (function (_super) {
         return this.pointNearNode(p) && (_super.prototype.pointInObject.call(this, p) || this.input.pointInObject(p) || this.output.pointInObject(p));
     };
     DiagramNode.prototype.pointNearNode = function (p) {
-        // including the input/output circles
         if (p.x < this.x - this.input.radius) {
             return false;
         }
@@ -419,7 +416,7 @@ function diagramOnWheel(ev) {
 function diagramOnContext(ev) {
     ev.preventDefault();
 }
-var Point = /** @class */ (function () {
+var Point = (function () {
     function Point(x, y) {
         if (x === void 0) { x = 0; }
         if (y === void 0) { y = 0; }
@@ -430,7 +427,7 @@ var Point = /** @class */ (function () {
     }
     return Point;
 }());
-var MouseState = /** @class */ (function () {
+var MouseState = (function () {
     function MouseState() {
         this.canvas = new Point();
         this.absCanvas = new Point();
@@ -446,7 +443,7 @@ var MouseState = /** @class */ (function () {
     }
     return MouseState;
 }());
-var Diagrams = /** @class */ (function () {
+var Diagrams = (function () {
     function Diagrams(canvasId, editNodeCallback, deleteNodeCallback) {
         if (editNodeCallback === void 0) { editNodeCallback = function () { }; }
         if (deleteNodeCallback === void 0) { deleteNodeCallback = function () { }; }
@@ -724,13 +721,12 @@ var Diagrams = /** @class */ (function () {
     Diagrams.prototype.fillParent = function () {
         this.canvas.width = this.canvas.clientWidth;
         this.canvas.height = this.canvas.clientHeight;
-        //this.draw();
     };
     return Diagrams;
 }());
-// http://www.independent-software.com/determining-coordinates-on-a-html-canvas-bezier-curve.html
 function getBezierXY(t, sx, sy, cp1x, cp1y, cp2x, cp2y, ex, ey) {
     return new Point(Math.pow(1 - t, 3) * sx + 3 * t * Math.pow(1 - t, 2) * cp1x
         + 3 * t * t * (1 - t) * cp2x + t * t * t * ex, Math.pow(1 - t, 3) * sy + 3 * t * Math.pow(1 - t, 2) * cp1y
         + 3 * t * t * (1 - t) * cp2y + t * t * t * ey);
 }
+//# sourceMappingURL=diagram.js.map

web/static/edit.js

@@ -29,14 +29,10 @@ var __spread = (this && this.__spread) || function () {
     for (var ar = [], i = 0; i < arguments.length; i++) ar = ar.concat(__read(arguments[i]));
     return ar;
 };
-// @ts-ignore
 var urlPrefix = getURLPrefix();
 function onTypeChange(node) {
     var e_1, _a, e_2, _b;
     if (node === void 0) { node = null; }
-    // onTypeChange handles changing of the type of a DiagramNode while editing or creating a new Node
-    // It removes all input elements and each case is responsible for adding the input it needs
-    // @ts-ignore
     var urlPrefix = getURLPrefix();
     var select = document.getElementById("typeInput");
     var type = select.value;
@@ -52,9 +48,7 @@ function onTypeChange(node) {
     var var1Value = "";
     var var2Value = "";
     if (node != null) {
-        // @ts-ignore
         var1Value = node.meta.var1;
-        // @ts-ignore
         var2Value = node.meta.var2;
     }
     switch (type) {
@@ -493,7 +487,6 @@ function onTypeChange(node) {
             var2Input.id = "var2Input";
             var2Input.classList.add("form-control");
             try {
-                // @ts-ignore
                 for (var notifiers_1 = __values(notifiers), notifiers_1_1 = notifiers_1.next(); !notifiers_1_1.done; notifiers_1_1 = notifiers_1.next()) {
                     var notifier = notifiers_1_1.value;
                     if (notifier == "") {
@@ -599,7 +592,6 @@ function onTypeChange(node) {
             }
             var1Input_1.rows = 10;
             var1Div.appendChild(var1Input_1);
-            // dev copy link
             var devCopyA_1 = document.createElement('a');
             var results = node == null ? [] : node.results;
             var luaScript_1 = "inputs = {\"" + results.join('","') + "\"}\noutputs = {}\n\n " + var1Input_1.value;
@@ -642,7 +634,6 @@ function onTypeChange(node) {
                 snippetDiv.appendChild(gap);
             };
             try {
-                // add snippets
                 for (var luaSnippets_1 = __values(luaSnippets), luaSnippets_1_1 = luaSnippets_1.next(); !luaSnippets_1_1.done; luaSnippets_1_1 = luaSnippets_1.next()) {
                     var _c = __read(luaSnippets_1_1.value, 2), name_1 = _c[0], snippet = _c[1];
                     _loop_1(name_1, snippet);
@@ -671,7 +662,6 @@ function onTypeChange(node) {
 }
 function onMathChange(node) {
     if (node === void 0) { node = null; }
-    // onMatchChange handles the changing of the inputs when type == math
     var var1Input = document.getElementById("var1Input");
     var var1Label = document.getElementById("var1Label");
     var var2Input = document.getElementById("var2Input");
@@ -679,7 +669,6 @@ function onMathChange(node) {
     var var3Label = document.getElementById("var3Label");
     var var2Value = "";
     if (node != null) {
-        // @ts-ignore
         var2Value = node.meta.var2;
     }
     if (var1Input.value == "round") {
@@ -698,7 +687,6 @@ function onMathChange(node) {
 function onConditionChange(node) {
     var e_3, _a;
     if (node === void 0) { node = null; }
-    // onConditionChange handles the changing of the inputs when type == condition
     var var1Input = document.getElementById("var1Input");
     var var1Label = document.getElementById("var1Label");
     var var1Div = document.getElementById("var1Div");
@@ -711,10 +699,8 @@ function onConditionChange(node) {
     var var1Value = "";
     var var2Value = "";
     if (node != null) {
-        // @ts-ignore
         var1Value = node.meta.var1;
         var1Input.value = var1Value;
-        // @ts-ignore
         var2Value = node.meta.var2;
     }
     else {
@@ -779,7 +765,6 @@ function onConditionChange(node) {
     }
 }
 function onBrowserlessChange(node) {
-    // onBrowserlessChange handles the changing of the inputs when type == browserless
     if (node === void 0) { node = null; }
     var var1Input = document.getElementById("var1Input");
     var var1Label = document.getElementById("var1Label");
@@ -794,10 +779,8 @@ function onBrowserlessChange(node) {
     var var1Value = "";
     var var2Value = "";
     if (node != null) {
-        // @ts-ignore
         var1Value = node.meta.var1;
         var1Input.value = var1Value;
-        // @ts-ignore
         var2Value = node.meta.var2;
     }
     else {
@@ -883,7 +866,6 @@ function onBrowserlessChange(node) {
     }
 }
 function onSubmitNewFilter() {
-    // onSubmitNewFilter collects all the values from the input elements, and calls _diagram.addNode() with it
     var nameInput = document.getElementById("nameInput");
     var name = nameInput.value;
     var selectType = document.getElementById("typeInput");
@@ -898,15 +880,11 @@ function onSubmitNewFilter() {
 }
 function editNode(node) {
     var e_4, _a, e_5, _b;
-    // editNode resets the edit/new Node modal to reflect the values of 'node'
     var addFilterButton = document.getElementById("filterButton");
     addFilterButton.click();
     var name = node.label;
-    // @ts-ignore
     var type = node.meta.type;
-    // @ts-ignore
     var var1 = node.meta.var1;
-    // @ts-ignore
     var var2 = node.meta.var2;
     if (var2 === undefined) {
         var2 = "";
@@ -988,7 +966,6 @@ function editNode(node) {
     submitButton.onclick = function () { submitEditNode(node); };
 }
 function deleteNode(node) {
-    // deleteNode deletes a node from _diagram and removes all connections to/from it
     _diagram.nodes.delete(node.id);
     for (var i = 0; i < _diagram.connections.length; i++) {
         var connection = _diagram.connections[i];
@@ -1001,17 +978,13 @@ function deleteNode(node) {
     }
 }
 function submitEditNode(node) {
-    // submitEditNode saves the changes to the input elements to the underlying node
     var nameInput = document.getElementById("nameInput");
     node.label = nameInput.value;
     var selectType = document.getElementById("typeInput");
-    // @ts-ignore
     node.meta.type = selectType.value;
     var var1Input = document.getElementById("var1Input");
-    // @ts-ignore
     node.meta.var1 = var1Input.value;
     var var2Input = document.getElementById("var2Input");
-    // @ts-ignore
     node.meta.var2 = var2Input.value;
     node.fixType();
     node.resize(_diagram.ctx);
@@ -1021,7 +994,6 @@ function submitEditNode(node) {
 }
 function saveWatch() {
     var e_6, _a, e_7, _b;
-    // saveWatch collects all the state (nodes/connections), turns it into JSON and submits it through a hidden form
     var watchIdInput = document.getElementById("watch_id");
     var watchId = Number(watchIdInput.value);
     var filters = new Array();
@@ -1034,11 +1006,8 @@ function saveWatch() {
                 filter_name: filter.label,
                 x: Math.round(filter.x),
                 y: Math.round(filter.y),
-                // @ts-ignore
                 filter_type: filter.meta.type,
-                // @ts-ignore
                 var1: filter.meta.var1,
-                // @ts-ignore
                 var2: filter.meta.var2,
             });
         }
@@ -1078,7 +1047,6 @@ function saveWatch() {
     saveWatchForm.submit();
 }
 function addFilterButtonClicked() {
-    // addFilterButtonClicked opens up the new/edit filter modal and empties it
     var submitButton = document.getElementById("submitFilterButton");
     submitButton.onclick = onSubmitNewFilter;
     submitButton.innerHTML = "Add Filter";
@@ -1089,7 +1057,6 @@ function addFilterButtonClicked() {
     onTypeChange();
 }
 function pageInit() {
-    // pageInit sets all the onclick/onchange trigger events
     var select = document.getElementById("typeInput");
     select.onchange = function () { onTypeChange(); };
     var addFilterButton = document.getElementById("filterButton");
@@ -1101,10 +1068,9 @@ function pageInit() {
 }
 document.addEventListener('DOMContentLoaded', pageInit, false);
 function clearCache() {
-    // POSTs to cache/clear and reloads if clearing the cache was succesful
     var confirmed = confirm("Do you want to clear the URL cache?");
     if (!confirmed) {
-        return; // do nothing
+        return;
     }
     var data = new URLSearchParams();
     fetch(urlPrefix + "cache/clear", {
@@ -1123,3 +1089,4 @@ function clearCacheButtonInit() {
     clearCacheButton.onclick = clearCache;
 }
 document.addEventListener('DOMContentLoaded', clearCacheButtonInit, false);
+//# sourceMappingURL=edit.js.map

web/static/script.js

@@ -0,0 +1 @@
+//# sourceMappingURL=script.js.map

web/static/script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"script.js","sourceRoot":"","sources":["script.ts"],"names":[],"mappings":""}