@dualbox/editor 1.0.61 → 1.0.63

package/js/dist/GraphEditor.min.js

@@ -17125,7 +17125,7 @@ class History {
         this.states = []; // all states, save as json diffs
 
         this._holdSaving = false; // if true, save() will have no effect
-        this.maxStates = 5; // to be changed accordingly
+        this.maxStates = 100; // to be changed accordingly
 
         this.current = -1;
         this.lastState = null;
@@ -17160,6 +17160,7 @@ class History {
         this.states = [];
         this.current = -1;
         this.origin = origin;
+        this.lastState = origin;
     }
 
     getState(n) {
@@ -17174,26 +17175,27 @@ class History {
         return this.getState(this.current);
     }
 
+    clone(o) {
+        return JSON.parse(JSON.stringify(o));
+    }
+
     save() {
         if (!this._holdSaving) {
-            console.time('state saved');
-            var previousState = this.lastState ? this.lastState : this.origin;
-            var diff = patcher.diff(this.lastState, this.m.data);
-            this.lastState = lodash.cloneDeep(this.m.data);
-            this.pushState(diff);
-            this.current++;
-            console.timeEnd("state saved");
-            return lodash.cloneDeep(diff);
+            var currentAppClone = this.clone(this.m.data);
+            var diff = patcher.diff(this.lastState, currentAppClone);
+            if (diff) {
+                this.lastState = currentAppClone;
+                this.pushState(diff);
+                this.current++;
+                return this.clone(diff);
+            }
         }
     }
 
     undo() {
         if (this.current >= 0) {
-            console.time('undo');
             patcher.unpatch(this.lastState, this.states[this.current]);
-            this.m.data = lodash.cloneDeep(this.lastState);
-            //this.setState(this.current);
-            console.timeEnd('undo');
+            this.m.data = this.clone(this.lastState);
         }
 
         if (this.current >= 0) {
@@ -17207,10 +17209,8 @@ class History {
         }
 
         if (this.current >= 0) {
-            console.time('redo');
             patcher.patch(this.lastState, this.states[this.current]);
-            this.m.data = lodash.cloneDeep(this.lastState);
-            console.timeEnd('undo');
+            this.m.data = this.clone(this.lastState);
         }
     }
 
@@ -42633,6 +42633,7 @@ class GraphModel {
             // Pointer that changes when we view/edit metanodes
             // All methodes are relative to this pointer, so we just need to change it
             // to enter/exit a metanode
+            // Path to the current metanode. Use this.getCurrentMetanode() to resolve it
             app: null,
 
             // Array of pointers to manage navigation between metanodes
@@ -42642,14 +42643,14 @@ class GraphModel {
             // w[2] = view state (result of zoomer.saveState())
             windows: null
         };
-        this.data.app = this.data.root;
+        this.data.app = null;
         this.data.windows = [
-            [this.e.rootAppName, this.data.app]
+            [this.e.rootAppName, null]
         ];
 
         // An object to save/restore different states of this.data (ctrl-z/ctrl-y)
         this.history = new History(this);
-        this.history.setOrigin(lodash.cloneDeep(this.data));
+        this.history.setOrigin(lodash.cloneDeep(this.data.root));
 
         this.inputPrefix = "in-";
         this.outputPrefix = "out-";
@@ -42666,14 +42667,14 @@ class GraphModel {
         this.check(json);
 
         this.data.root = json;
-        this.data.app = this.data.root; // reset ptr
+        this.data.app = null; // reset ptr
         this.data.windows = [
-            [this.e.rootAppName, this.data.app]
+            [this.e.rootAppName, null]
         ];
 
         await this.addNativeTypes();
 
-        this.history.setOrigin(lodash.cloneDeep(this.data));
+        this.history.setOrigin(lodash.cloneDeep(this.data.root));
     }
 
     addNativeTypes() {
@@ -42717,7 +42718,11 @@ class GraphModel {
     }
 
     getCurrentMetanode() {
-        return this.data.app;
+        if (this.data.app === null) {
+            return this.data.root
+        } else {
+            return lodash.get(this.data.root, this.data.app);
+        }
     }
 
     getCurrentMetanodeName() {
@@ -42791,10 +42796,6 @@ class GraphModel {
         return this.data.windows;
     }
 
-    getCurrentWindow() {
-        return this.data.app;
-    }
-
     getPanels() {
         return lodash.keys(this.data.root.interface);
     }
@@ -42865,20 +42866,20 @@ class GraphModel {
      *   Json security methods
      */
     ensure(field) {
-        this.data.app[field] = this.data.app[field] || {};
+        this.getCurrentMetanode()[field] = this.getCurrentMetanode()[field] || {};
     }
 
     /**
      *   Metanodes navigation
      */
     enterMetanode(id, viewState) {
-        var node = this.data.app.modules[id];
+        var node = this.getCurrentMetanode().modules[id];
         if (!node) {
             throw "couldn't find node " + id;
         }
 
         var name = node.module;
-        var metanode = this.data.app.metanodes[name];
+        var metanode = this.getCurrentMetanode().metanodes[name];
         if (!metanode) {
             throw "couldn't find definition for metanode " + name;
         }
@@ -42887,7 +42888,7 @@ class GraphModel {
         this.data.windows[this.data.windows.length - 1][2] = viewState;
 
         // switch to the next window
-        this.data.app = metanode;
+        this.data.app = ["metanodes", name];
         this.data.windows.push([name, metanode]);
         this.save();
     }
@@ -42897,7 +42898,7 @@ class GraphModel {
      */
     addMetanode(name, def) {
         this.ensure('metanodes');
-        this.data.app.metanodes[name] = def;
+        this.getCurrentMetanode().metanodes[name] = def;
     }
 
     addInput(name, type, desc) {
@@ -42906,7 +42907,7 @@ class GraphModel {
             "desc": desc
         };
         this.ensure('input');
-        this.data.app.input[name] = input;
+        this.getCurrentMetanode().input[name] = input;
         this.save();
         return input;
     }
@@ -42917,13 +42918,13 @@ class GraphModel {
             "desc": desc
         };
         this.ensure('output');
-        this.data.app.output[name] = output;
+        this.getCurrentMetanode().output[name] = output;
         this.save();
         return output;
     }
 
     hasMetanode(name) {
-        return idx_1(this.data, o => o.app.metanodes[name]) !== undefined;
+        return lodash.get(this.getCurrentMetanode(), ["metanodes", name]) !== undefined;
     }
 
     isRootApp(app) {
@@ -42933,7 +42934,7 @@ class GraphModel {
     getMetanodeInstances(app) {
         // first identify metanode name
         var metanodeName = null;
-        lodash.each(this.data.app.metanodes, (metanode, name) => {
+        lodash.each(this.getCurrentMetanode().metanodes, (metanode, name) => {
             if (app == metanode) {
                 metanodeName = name;
                 return false;
@@ -42941,7 +42942,7 @@ class GraphModel {
         });
 
         var instances = [];
-        lodash.each(this.data.app.modules, (json, id) => {
+        lodash.each(this.getCurrentMetanode().modules, (json, id) => {
             if (json.module == metanodeName) {
                 instances.push(this.getNode(id));
             }
@@ -42960,24 +42961,24 @@ class GraphModel {
         };
         if (utils.isModule(pkg.name)) {
             this.ensure('modules');
-            if (this.data.app.modules[id]) {
+            if (this.getCurrentMetanode().modules[id]) {
                 console.error('Could not add module ' + id + ': already exists');
                 return false;
             }
-            var node = this.data.app.modules[id] = desc;
+            var node = this.getCurrentMetanode().modules[id] = desc;
         } else if (utils.isUI(pkg.name)) {
             this.ensure('ui');
-            if (this.data.app.ui[id]) {
+            if (this.getCurrentMetanode().ui[id]) {
                 console.error('Could not add ui ' + id + ': already exists');
                 return false;
             }
-            var node = this.data.app.ui[id] = desc;
+            var node = this.getCurrentMetanode().ui[id] = desc;
         } else {
             // may be a metanode
-            var nodeDef = idx_1(this.data.app, o => o.metanodes[pkg.name]);
+            var nodeDef = idx_1(this.getCurrentMetanode(), o => o.metanodes[pkg.name]);
             if (nodeDef) {
                 this.ensure('modules');
-                var node = this.data.app.modules[id] = desc;
+                var node = this.getCurrentMetanode().modules[id] = desc;
                 return node;
             } else {
                 throw pkg.name + " is not module or ui, can't add node !";
@@ -43019,11 +43020,11 @@ class GraphModel {
         switch (type) {
             case "module":
                 this.ensure('modules');
-                this.data.app.modules[id] = def;
+                this.getCurrentMetanode().modules[id] = def;
                 break;
             case "ui":
                 this.ensure('ui');
-                this.data.app.ui[id] = def;
+                this.getCurrentMetanode().ui[id] = def;
                 break;
             default:
                 throw type + " is not module or ui, error";
@@ -43069,7 +43070,7 @@ class GraphModel {
     // check if metanode def is used by at least 1 module
     isMetanodeUsed(name) {
         var stillUsed = false;
-        lodash.each(this.data.app.modules, (n) => {
+        lodash.each(this.getCurrentMetanode().modules, (n) => {
             if (n.module === name) {
                 stillUsed = true;
                 return false; // eol
@@ -43107,25 +43108,25 @@ class GraphModel {
         var keys = null;
         switch (type) {
             case "input":
-                keys = lodash.keys(this.data.app.input);
+                keys = lodash.keys(this.getCurrentMetanode().input);
                 keys = lodash.map(keys, k => this.inputPrefix + k);
                 break;
             case "output":
-                keys = lodash.keys(this.data.app.output);
+                keys = lodash.keys(this.getCurrentMetanode().output);
                 keys = lodash.map(keys, k => this.outputPrefix + k);
                 break;
             case "modules":
-                keys = lodash.keys(this.data.app.modules);
+                keys = lodash.keys(this.getCurrentMetanode().modules);
                 break;
             case "ui":
-                keys = lodash.keys(this.data.app.ui);
+                keys = lodash.keys(this.getCurrentMetanode().ui);
                 break;
             default:
                 if (type === undefined) {
-                    keys = [].concat(lodash.map(lodash.keys(this.data.app.input), k => this.inputPrefix + k))
-                        .concat(lodash.map(lodash.keys(this.data.app.output), k => this.outputPrefix + k))
-                        .concat(lodash.keys(this.data.app.modules))
-                        .concat(lodash.keys(this.data.app.ui));
+                    keys = [].concat(lodash.map(lodash.keys(this.getCurrentMetanode().input), k => this.inputPrefix + k))
+                        .concat(lodash.map(lodash.keys(this.getCurrentMetanode().output), k => this.outputPrefix + k))
+                        .concat(lodash.keys(this.getCurrentMetanode().modules))
+                        .concat(lodash.keys(this.getCurrentMetanode().ui));
                 } else {
                     throw new Error('unknown node type: ' + type);
                 }
@@ -43231,7 +43232,7 @@ class GraphModel {
 class GraphNode {
     constructor(m, id, example = false) {
         this.m = m;
-        this.app = this.m.data.app;
+        this.app = this.m.getCurrentMetanode();
         this.id = id;
         this.uniqId = this.m.getCurrentMetanodePath() + '->' + this.id;
 
@@ -43489,6 +43490,7 @@ class GraphNode {
     setInputDefaultValue(inputName, val) {
         this.def.defaultInputs = this.def.defaultInputs || {};
         this.def.defaultInputs[inputName] = val;
+        this.m.save();
     }
 
     hasDefaultValue(inputName) {
@@ -43563,6 +43565,7 @@ class GraphNode {
     setAttributeValue(attrName, val) {
         this.def.attr = this.def.attr || {};
         this.def.attr[attrName] = val;
+        this.m.save();
     }
 
     // only if this.isUI() == true
@@ -43595,7 +43598,6 @@ class GraphNode {
                 return this.setAttributeValue(name, val);
             }
         }
-        this.m.save();
     }
 
     deleteVal(srcType, name) {
@@ -43674,6 +43676,7 @@ class GraphNode {
         this.def.loops[0]["iterators"][input] = 1;
 
         this.addLoopToDefaultValue(input);
+        this.m.save();
     }
 
     unsetIterator(input) {
@@ -43682,6 +43685,7 @@ class GraphNode {
         if (lodash.isEmpty(this.def.loops[0])) delete this.def.loops;
 
         this.removeLoopFromDefaultValue(input);
+        this.m.save();
     }
 
     // "array-ise" the default value of the input to match the iterator on it
@@ -43707,6 +43711,7 @@ class GraphNode {
         this.def.loops[0] = this.def.loops[0] || {};
         this.def.loops[0]["feedback"] = this.def.loops[0]["feedback"] || {};
         this.def.loops[0]["feedback"][output] = input;
+        this.m.save();
     }
 
     unsetFeedback(output) {
@@ -43714,6 +43719,7 @@ class GraphNode {
         if (lodash.isEmpty(this.def.loops[0]["feedback"])) delete this.def.loops[0]["feedback"];
         if (lodash.isEmpty(this.def.loops[0])) delete this.def.loops[0];
         if (lodash.isEmpty(this.def.loops)) delete this.def.loops;
+        this.m.save();
     }
 
     isMetanode() {
@@ -43773,10 +43779,12 @@ class GraphNode {
 
     setCache(b) {
         this.def.cache = b;
+        this.m.save();
     }
 
     setParallel(b) {
         this.def.parallel = b;
+        this.m.save();
     }
 
     getInputsNames() {
@@ -43929,6 +43937,7 @@ class GraphNode {
         this.def.graph.in = this.def.graph.in || {};
         this.def.graph.in.visible = this.def.graph.in.visible || {};
         this.def.graph.in.visible[inputName] = b;
+        this.m.save();
     }
 
     setOutputVisibility(outputName, b) {
@@ -43936,6 +43945,7 @@ class GraphNode {
         this.def.graph.out = this.def.graph.out || {};
         this.def.graph.out.visible = this.def.graph.out.visible || {};
         this.def.graph.out.visible[outputName] = b;
+        this.m.save();
     }
 
     // return true if the node has an input link to the node given in id
@@ -44048,10 +44058,10 @@ class GraphNode {
         var collectInputLinks = (def, id) => collectLinks(def, this.m.inputPrefix + id);
         var collectOutputLinks = (def, id) => collectLinks(def, this.m.outputPrefix + id);
 
-        lodash.each(this.m.data.app.modules, collectLinks);
-        lodash.each(this.m.data.app.ui, collectLinks);
-        lodash.each(this.m.data.app.input, collectInputLinks);
-        lodash.each(this.m.data.app.output, collectOutputLinks);
+        lodash.each(this.m.getCurrentMetanode().modules, collectLinks);
+        lodash.each(this.m.getCurrentMetanode().ui, collectLinks);
+        lodash.each(this.m.getCurrentMetanode().input, collectInputLinks);
+        lodash.each(this.m.getCurrentMetanode().output, collectOutputLinks);
         return links;
     }
 
@@ -44066,7 +44076,7 @@ class GraphNode {
                 }
             });
         };
-        lodash.each(this.m.data.app.ui, collectEvents);
+        lodash.each(this.m.getCurrentMetanode().ui, collectEvents);
         return events;
     }
 
@@ -44181,8 +44191,11 @@ class GraphNode {
     // pos: { top: Integer, left: Integer }
     setPosition(pos) {
         this.def.graph = this.def.graph || {};
-        this.def.graph.position = pos;
-        this.m.save();
+        var curPos = this.def.graph.position;
+        if (!curPos || curPos.top != pos.top || curPos.left != pos.left) {
+            this.def.graph.position = pos;
+            this.m.save();
+        }
     }
 
     getPosition() {
@@ -44764,6 +44777,7 @@ class DataLink {
         }
 
         this.setDef(connection);
+        this.m.save();
     }
 
     // remove the connection from the app
@@ -44774,6 +44788,7 @@ class DataLink {
         } else {
             delete targetNode.def.links[this.targetInput];
         }
+        this.m.save();
     }
 }
 
@@ -44837,6 +44852,7 @@ class EventLink {
             "node": this.targetId,
             "event": this.eventName
         });
+        this.m.save();
     }
 
     detach() {
@@ -44844,6 +44860,7 @@ class EventLink {
         lodash.remove(n.def.events, (evt) => {
             return evt.node === this.targetId && evt.event === this.eventName;
         });
+        this.m.save();
     }
 
     // splitted link: add a step between pos1 and pos2
@@ -44904,6 +44921,7 @@ class EventLink {
 
 class Application {
     constructor(m, json, name, readOnly = false) {
+        this.m = m;
         this.json = readOnly ? lodash.cloneDeep(json) : json;
         this.name = name;
     }
@@ -44914,6 +44932,7 @@ class Application {
 
     setDescription(desc) {
         this.json.description = desc;
+        this.m.save();
     }
 
     getInputsNames() {
@@ -44961,6 +44980,7 @@ class Application {
     setEventDescription(name, desc) {
         this.ensureEvent(name);
         this.json.events[name].desc = desc;
+        this.m.save();
     }
 
     getEventIn(name) {
@@ -44973,19 +44993,23 @@ class Application {
 
     removeAppEvent(name) {
         delete this.json.events[name];
+        this.m.save();
     }
 
     renameAppEvent(oldName, newName) {
         this.json.events[newName] = this.json.events[oldName];
         delete this.json.events[oldName];
+        this.m.save();
     }
 
     removeAppInEvent(name, index) {
         this.json.events[name].in.splice(index, 1);
+        this.m.save();
     }
 
     removeAppOutEvent(name) {
         delete this.json.events[name].out;
+        this.m.save();
     }
 
     addSubEvent(name, nodeName, evtName) {
@@ -44995,11 +45019,13 @@ class Application {
             "node": nodeName,
             "event": evtName
         });
+        this.m.save();
     }
 
     addCallback(name) {
         // get the first node
         lodash.set(this.json.events, [name, "out"], {});
+        this.m.save();
     }
 
     setCallback(name, nodeId, eventName) {
@@ -45007,12 +45033,14 @@ class Application {
             node: nodeId,
             event: eventName,
         });
+        this.m.save();
     }
 
     addAppEvent(name) {
         this.json.events[name] = {
             "in": []
         };
+        this.m.save();
     }
 }
 
@@ -87834,11 +87862,11 @@ class Merger {
             this._bindOutputs();
 
             // 5. Our metanode definition is ready, add it to the app
-            this.m.data.app.metanodes = this.m.data.app.metanodes || {};
-            this.m.data.app.metanodes[metaboxName] = this.def;
+            this.m.getCurrentMetanode().metanodes = this.m.getCurrentMetanode().metanodes || {};
+            this.m.getCurrentMetanode().metanodes[metaboxName] = this.def;
 
             // 6. Create a new node from this def
-            this.m.data.app.modules[this.id] = {
+            this.m.getCurrentMetanode().modules[this.id] = {
                 "module": metaboxName,
                 "version": "*",
                 "graph": {
@@ -88022,13 +88050,13 @@ class Merger {
             }
 
             // move the node module definition (preserving the links between metabox's node)
-            this.def.modules[node.id] = this.m.data.app.modules[node.id];
-            delete this.m.data.app.modules[node.id];
+            this.def.modules[node.id] = this.m.getCurrentMetanode().modules[node.id];
+            delete this.m.getCurrentMetanode().modules[node.id];
 
             if (node.isMetanode()) {
                 // if the metanode isn't still in use in the main app, remove def from here
                 if (!this.m.isMetanodeUsed(node.def.module)) {
-                    delete this.m.data.app.metanodes[node.def.module];
+                    delete this.m.getCurrentMetanode().metanodes[node.def.module];
                 }
             }
         });
@@ -88160,8 +88188,7 @@ class GraphController {
                     this.v.repaint();
                 }
             });
-        }
-        else {
+        } else {
             var options = {};
             lodash.each(this.m.getPanels(), (name) => options[name] = name);
 
@@ -88194,7 +88221,16 @@ class GraphController {
             var pkg = this.e.packages[packageName];
             if (pkg) {
                 // first, add node in the model
-                var nodeInfo = this.m.addNode(id, pkg);
+                // batch it so add node + set position is 1 history change only
+                var nodeInfo;
+                this.m.batch(() => {
+                    nodeInfo = this.m.addNode(id, pkg);
+                    if (nodeInfo && pos) {
+                        var node = this.m.getNode(nodeInfo.id);
+                        node.setPosition(pos);
+                    }
+                });
+
                 if (nodeInfo) {
                     if (pos) {
                         var node = this.m.getNode(nodeInfo.id);
@@ -88211,8 +88247,7 @@ class GraphController {
                         this.registerNodeToInterface(id);
                     }
                 }
-            }
-            else {
+            } else {
                 console.error('Package ' + packageName + ' not found');
             }
         });
@@ -88222,8 +88257,7 @@ class GraphController {
     addNewMetabox(name, json = {}, pos) {
         if (this.m.hasMetanode(name)) {
             sweetalert2_all("Can't add metabox", "metabox with name '" + name + "' already exists.", "error");
-        }
-        else {
+        } else {
             // add metabox def
             this.m.addMetanode(name, json);
 
@@ -88234,7 +88268,7 @@ class GraphController {
                 "name": name,
                 "version": "*"
             });
-            if( pos ) {
+            if (pos) {
                 var n = this.m.getNode(id);
                 n.setPosition(pos);
             }
@@ -88270,8 +88304,7 @@ class GraphController {
         // if it's an UI, we need to register it to a panel
         if (type === "ui") {
             this.registerNodeToInterface(newId); // will repaint
-        }
-        else {
+        } else {
             this.v.repaint();
         }
     }
@@ -88281,8 +88314,7 @@ class GraphController {
         if (node.isInputConnected(input) && !visible) {
             sweetalert2_all('Not yet', 'Please remove all connections to this input before changing its visibility', 'error');
             return false;
-        }
-        else {
+        } else {
             node.setInputVisibility(input, visible);
             this.v.repaint();
             return true;
@@ -88294,8 +88326,7 @@ class GraphController {
         if (node.isOutputConnected(output) && !visible) {
             sweetalert2_all('Not yet', 'Please remove all connections to this output before changing its visibility', 'error');
             return false;
-        }
-        else {
+        } else {
             node.setOutputVisibility(output, visible);
             this.v.repaint();
             return true;
@@ -88343,12 +88374,10 @@ class GraphController {
             if (type == "input") {
                 oldId = this.m.inputPrefix + oldId;
                 newId = this.m.inputPrefix + newId;
-            }
-            else if (type == "output") {
+            } else if (type == "output") {
                 oldId = this.m.outputPrefix + oldId;
                 newId = this.m.outputPrefix + newId;
-            }
-            else {
+            } else {
                 if (newId.startsWith(this.m.inputPrefix) ||
                     newId.startsWith(this.m.outputPrefix)) {
                     sweetalert2_all('Breaking convention', 'Only input boxes and output boxes can have a name that starts with "' + this.m.inputPrefix + '" or "' + this.m.outputPrefix + '".', "error");
@@ -88389,12 +88418,10 @@ class GraphController {
             var eventName = id.split('-')[id.split('-').length - 1];
             var def = this.m.getCurrentApp().getEventIn(eventName)[index];
             def[prop] = val;
-        }
-        else if (id.startsWith("#application-events-out")) {
+        } else if (id.startsWith("#application-events-out")) {
             var def = this.m.getCurrentApp().getEventOut();
             def[prop] = val;
-        }
-        else {
+        } else {
             var def = this.m.getNode(id).getEvent(index);
             def[prop] = val;
             this.m.getNode(id).setEvent(index, def);
@@ -88478,35 +88505,32 @@ class GraphController {
         var nodeIndex = -1;
         var eventIndex = -1;
 
-        var iterateToNextEvent = function () {
+        var iterateToNextEvent = function() {
             if (eventIndex + 1 < eventNames.length) {
                 eventIndex++;
                 eventName = eventNames[eventIndex];
                 return eventName;
-            }
-            else {
+            } else {
                 return null;
             }
         };
 
-        var iterateToNextNode = function () {
+        var iterateToNextNode = function() {
             if (nodeIndex + 1 < nodes.length) {
                 nodeIndex++;
                 node = nodes[nodeIndex];
                 eventNames = node.getEventsNames();
                 if (eventNames.length !== 0) {
                     return node;
-                }
-                else {
+                } else {
                     return iterateToNextNode();
                 }
-            }
-            else {
+            } else {
                 return null;
             }
         };
 
-        var iterate = function () {
+        var iterate = function() {
             var n, e;
             e = iterateToNextEvent();
             if (e === null) n = iterateToNextNode();
@@ -88537,8 +88561,7 @@ class GraphController {
         if (node != null) {
             var evtName = node.getEventsNames()[0];
             this.m.getCurrentApp().addSubEvent(name, node.getGraphId(), evtName);
-        }
-        else {
+        } else {
             this.m.getCurrentApp().addSubEvent(name, null, null);
         }
         this.v.setMainMenu();
@@ -88557,7 +88580,7 @@ class GraphController {
     addInput(name, type, desc, pos) {
         var input = this.m.addInput(name, type, desc);
         if (pos) {
-            var node = this.m.getNode("in-"+name);
+            var node = this.m.getNode("in-" + name);
             node.setPosition(pos);
         }
         this.v.repaint();
@@ -88566,7 +88589,7 @@ class GraphController {
     addOutput(name, type, desc, pos) {
         var output = this.m.addOutput(name, type, desc);
         if (pos) {
-            var node = this.m.getNode("out-"+name);
+            var node = this.m.getNode("out-" + name);
             node.setPosition(pos);
         }
         this.v.repaint();
@@ -88578,8 +88601,7 @@ class GraphController {
             confirmButtonText: 'Next &rarr;',
             showCancelButton: true,
             progressSteps: ['1', '2']
-        }).queue([
-            {
+        }).queue([{
                 input: 'text',
                 title: 'Enter the input name',
             },
@@ -88616,8 +88638,7 @@ class GraphController {
             confirmButtonText: 'Next &rarr;',
             showCancelButton: true,
             progressSteps: ['1', '2']
-        }).queue([
-            {
+        }).queue([{
                 input: 'text',
                 title: 'Enter the output name',
             },
@@ -88657,7 +88678,7 @@ class GraphController {
 
     unsetIterator(id, input) {
         var node = this.m.getNode(id);
-        node.detachInput(input);  // this connection is invalid now
+        node.detachInput(input); // this connection is invalid now
         node.unsetIterator(input);
         this.v.repaint();
     }
@@ -88788,8 +88809,7 @@ class GraphController {
             confirmButtonText: 'Next &rarr;',
             showCancelButton: true,
             progressSteps: ['1', '2']
-        }).queue([
-            {
+        }).queue([{
                 input: 'text',
                 title: 'Enter the metabox name',
             },