added tsconfig.json
This commit is contained in:
parent
1e5a81d9ec
commit
c6d17398c7
12 changed files with 36 additions and 51 deletions
|
@ -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
|
||||
|
||||
|
|
15
tsconfig.json
Normal file
15
tsconfig.json
Normal file
|
@ -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"
|
||||
],
|
||||
}
|
|
@ -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
|
1
web/static/backup.js.map
Normal file
1
web/static/backup.js.map
Normal file
|
@ -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"}
|
|
@ -19,3 +19,4 @@ function initOnChange() {
|
|||
fileInput.onchange = fileOnChange;
|
||||
}
|
||||
document.addEventListener('DOMContentLoaded', initOnChange, false);
|
||||
//# sourceMappingURL=create.js.map
|
1
web/static/create.js.map
Normal file
1
web/static/create.js.map
Normal file
|
@ -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"}
|
|
@ -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
|
1
web/static/diagram.js.map
Normal file
1
web/static/diagram.js.map
Normal file
File diff suppressed because one or more lines are too long
|
@ -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
|
1
web/static/edit.js.map
Normal file
1
web/static/edit.js.map
Normal file
File diff suppressed because one or more lines are too long
|
@ -0,0 +1 @@
|
|||
//# sourceMappingURL=script.js.map
|
1
web/static/script.js.map
Normal file
1
web/static/script.js.map
Normal file
|
@ -0,0 +1 @@
|
|||
{"version":3,"file":"script.js","sourceRoot":"","sources":["script.ts"],"names":[],"mappings":""}
|
Loading…
Add table
Reference in a new issue