cwl-svg - npm Package Compare versions

Comparing version 0.0.24 to 0.0.25

demo.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+var loaded = require("/Users/ivanbatic/Documents/CWL/Whole Genome Analysis - BWA + GATK 2.3.9-Lite (with Metrics).json");
+var models_1 = require("cwlts/models");
 require("./assets/styles/style.scss");
-var models_1 = require("cwlts/models");
 var workflow_1 = require("./graph/workflow");
-var loaded = require("/Users/ivanbatic/Documents/CWL/Whole Genome Analysis - BWA + GATK 2.3.9-Lite (with Metrics).json");
 var wf = models_1.WorkflowFactory.from(loaded);
+var workflow = new workflow_1.Workflow(new Snap("#svg"), wf);
+setTimeout(function () {
+    console.log("Change label");
+    wf.steps[5].label = "Hello Batke";
+}, 2000);
 console.log("Model", wf);
-var workflow = new workflow_1.Workflow(new Snap("#svg"), wf);
 //# sourceMappingURL=demo.js.map

graph/graph-node.js

@@ -55,3 +55,3 @@ "use strict";
             .reduce(function (acc, tpl) { return acc + tpl; }, "");
-        return "\n            <g tabindex=\"-1\" class=\"node " + dataModel.id + " " + nodeTypeClass + "\"\n               data-connection-id=\"" + dataModel.connectionId + "\"\n               transform=\"matrix(1, 0, 0, 1, " + x + ", " + y + ")\"\n               data-id=\"" + dataModel.id + "\">\n        \n                <g class=\"drag-handle\" transform=\"matrix(1, 0, 0, 1, 0, 0)\">\n                    <circle cx=\"0\" cy=\"0\" r=\"" + GraphNode.radius + "\" class=\"outer\"></circle>\n                    <circle cx=\"0\" cy=\"0\" r=\"" + GraphNode.radius * .75 + "\" class=\"inner\"></circle>\n                </g>\n                <text transform=\"matrix(1,0,0,1,0," + (GraphNode.radius + 30) + ")\" class=\"label\">" + (dataModel.label || dataModel.id) + "</text>\n                " + inputPortTemplates + "\n                " + outputPortTemplates + "\n            </g>\n        ";
+        return "\n            <g tabindex=\"-1\" class=\"node " + dataModel.id + " " + nodeTypeClass + "\"\n               data-connection-id=\"" + dataModel.connectionId + "\"\n               transform=\"matrix(1, 0, 0, 1, " + x + ", " + y + ")\"\n               data-id=\"" + dataModel.id + "\">\n        \n                <g class=\"drag-handle\" transform=\"matrix(1, 0, 0, 1, 0, 0)\">\n                    <circle cx=\"0\" cy=\"0\" r=\"" + GraphNode.radius + "\" class=\"outer\"></circle>\n                    <circle cx=\"0\" cy=\"0\" r=\"" + GraphNode.radius * .75 + "\" class=\"inner\"></circle>\n                </g>\n                <text transform=\"matrix(1,0,0,1,0," + (GraphNode.radius + 30) + ")\" class=\"title label\">" + (dataModel.label || dataModel.id) + "</text>\n                " + inputPortTemplates + "\n                " + outputPortTemplates + "\n            </g>\n        ";
     };
@@ -58,0 +58,0 @@ GraphNode.prototype.draw = function () {

graph/workflow.js

@@ -69,3 +69,2 @@ "use strict";
         console.time("Event Listeners");
-        this.addEventListeners(this.paper.node);
         console.timeEnd("Event Listeners");
@@ -111,2 +110,3 @@ }
         });
+        this.addEventListeners(this.paper.node);
         this.workflow.setAttribute("transform", oldTransform);
@@ -121,2 +121,8 @@ this.command("workflow.scale", this.scale);
         var _this = this;
+        this.model.on("step.change", function (change) {
+            var title = _this.workflow.querySelector(".node.step." + change.connectionId + " .title");
+            if (title) {
+                title.textContent = change.label;
+            }
+        });
         /**
@@ -123,0 +129,0 @@ * @name app.create.input

package.json

@@ -10,9 +10,10 @@ {
   "description": "A library for generating an interactive SVG visualization of CWL workflows",
-  "version": "0.0.24",
+  "version": "0.0.25",
   "dependencies": {
     "core-js": "^2.4.1",
+    "cwlts": "^1.12.3",
     "snapsvg-cjs": "0.0.4"
   },
   "peerDependencies": {
-    "cwlts": "^1.11.37"
+    "cwlts": "^1.12.3"
   },
@@ -33,2 +34,2 @@ "devDependencies": {
   }
-}
+}

utils/dom-events.js

@@ -72,4 +72,4 @@ "use strict";
             }
-            var dx = event.screenX - lastMove.screenX;
-            var dy = event.screenY - lastMove.screenY;
+            var dx = ev.screenX - lastMove.screenX;
+            var dy = ev.screenY - lastMove.screenY;
             moveEventCount++;
@@ -130,11 +130,9 @@ if (moveEventCount === threshold && typeof start === "function") {
     DomEvents.prototype.detachAll = function () {
-        var _this = this;
-        this.handlers.forEach(function (root) {
-            var _loop_1 = function (eventType) {
-                root[eventType].forEach(function (handler) {
-                    root.removeEventListener(eventType, handler);
-                });
+        this.handlers.forEach(function (handlers, listenerRoot) {
+            console.log("Detaching handlers", handlers, "from key");
+            var _loop_1 = function (eventName) {
+                handlers[eventName].forEach(function (handler) { return listenerRoot.removeEventListener(eventName, handler); });
             };
-            for (var eventType in _this.handlers[root]) {
-                _loop_1(eventType);
+            for (var eventName in handlers) {
+                _loop_1(eventName);
             }
@@ -141,0 +139,0 @@ });

No alert changes

Improved metrics

Total package byte prevSize

135126

increased by0.65%

Lines of code

1608

increased by0.5%

Worsened metrics

Dependency count

4

increased by33.33%

Dependency changes

• + Addedcwlts@^1.12.3