@gregoriusrippenstein/node-red-contrib-introspection 0.9.7 → 0.9.8

package/nodes/05-seeker.html

@@ -1,287 +1,28 @@
 <script type="text/javascript">
-  RED.nodes.registerType('Seeker',{
-    color: '#e5e4ef',
-    icon: "font-awesome/fa-ship",
-    category: 'introspection',
-    paletteLabel: "Seeker",
-    defaults: {
-      name: {
-        value:"",
-      },
-    },
-    inputs:0,
-    outputs:1,
-
-    label: function() {
-      return (this.name || this._def.paletteLabel);
-    },
-
-    labelStyle: function() {
-      return this.name?"node_label_italic":"";
-    },
-
-    oneditprepare: function() {
-      var that = this;
-
-      this._resize = function() {
-        var rows = $("#dialog-form>div:not(.node-input-target-list-row)");
-        var height = $("#dialog-form").height();
-        for (var i=0;i<rows.length;i++) {
-          height -= $(rows[i]).outerHeight(true);
-        }
-        var editorRow = $("#dialog-form>div.node-input-target-list-row");
-        editorRow.css("height",height+"px");
-      };
-
-      var search = $("#node-input-seeker-target-filter").searchBox({
-        style: "compact",
-        delay: 300,
-        change: function() {
-          var val = $(this).val().trim().toLowerCase();
-          if (val === "") {
-            dirList.treeList("filter", null);
-            search.searchBox("count","");
-          } else {
-            var count = dirList.treeList("filter", function(item) {
-              return item.label.toLowerCase().indexOf(val) > -1 || item.node.type.toLowerCase().indexOf(val) > -1
-            });
-            search.searchBox("count",count+" / "+items.length);
-          }
-        }
-      });
-
-      var dirList = $("#node-input-seeker-target-container-div").css({
-        width: "100%",
-        height: "100%"
-      }).treeList({
-        multi:true
-      }).on("treelistitemmouseover", function(e, item) {
-        if ( item.node) {
-          if ( item.children) {
-            item.node.highlighted = true;
-            item.node.dirty = true;
-            item.children.forEach( function(n) {
-              n.node.highlighted = true;
-              n.node.dirty = true;
-            });
-          } else {
-            item.node.highlighted = true;
-            item.node.dirty = true;
-          }
-          RED.view.redraw();
-        }
-      }).on("treelistitemmouseout", function(e, item) {
-
-        if ( item.node ) {
-          if ( item.children ) {
-            item.node.highlighted = false;
-            item.node.dirty = true;
-            item.children.forEach( function(n) {
-              n.node.highlighted = false;
-              n.node.dirty = true;
-            });
-          } else {
-            item.node.highlighted = false;
-            item.node.dirty = true;
-          }
-          RED.view.redraw();
-        }
-      }).on('treelistselect', function(event, item) {
-        if ( item.node ) {
-          if ( item.children) {
-            var preselected = item.children.map(function(n) {
-              return n.node.id
-            });
-
-            RED.tray.hide();
-            RED.view.selectNodes({
-              selected: preselected,
-              onselect: function(selection) {
-                RED.tray.show();
-              },
-              oncancel: function() {
-                RED.tray.show();
-              }
-            });
-
-          } else {
-            RED.workspaces.show(item.node.z,false,false,true);
-            item.node.highlighted = true;
-            item.node.dirty = true;
-            RED.view.reveal(item.node.id,true)
-          }
-
-          RED.view.redraw();
-        }
-      });
-
-      var nodePaths = [];
-
-      var traverse = function( node, nodeIds ) {
-        if ( nodeIds.indexOf(node.id) < 0 ) {
-
-          switch( node.type ) {
-
-          case "link call":
-              RED.nodes.getNodeLinks(node).forEach( function(l) {
-                traverse( l.target, [...nodeIds, node.id] );
-              });
-
-              node.links.forEach( function(lnkNdeId) {
-                var dNode = RED.nodes.node(lnkNdeId);
-                if ( !dNode ) { return }
-
-                traverse( dNode, [...nodeIds, node.id] );
-              });
-              
-              break;
-
-          case "link out":
-              node.links.forEach( function(lnkNdeId) {
-                var dNode = RED.nodes.node(lnkNdeId);
-                if ( !dNode ) { return }
-
-                traverse( dNode, [...nodeIds, node.id] );
-              });
-              break;
-
-          case "Sink":
-            nodePaths.push(nodeIds);
-            break;
-
-          default:
-            RED.nodes.getNodeLinks(node).forEach( function(l) {
-              traverse( l.target, [...nodeIds, node.id] );
-            })
-          }
-        }
-      };
-
-      RED.nodes.getNodeLinks(that).forEach( function(l) {
-        traverse(l.target, [])
-      });
-
-      var items = [];
-      var nodeItemMap = {};
-
-      var listOfNodes = function(nodePaths) {
-        var lenNodePaths = nodePaths.length;
-        if ( lenNodePaths > 25 ) {
-          var rdmIdx = Math.floor( Math.random() * lenNodePaths );
-          /* Avoid duplication by taking a random range of 25 nodes */
-          return [...nodePaths, ...nodePaths.slice(0,30)].slice(
-            rdmIdx, rdmIdx + 25
-          )
-        } else {
-          return nodePaths;
-        }
-      }
-
-      listOfNodes(nodePaths).forEach( function (path) {
-        var n = RED.nodes.node(path[0]);
-
-        var nodeDef = RED.nodes.getType(n.type);
-        var label;
-        var sublabel = "Nodes: " + path.length;
-
-        if (nodeDef) {
-          var l = nodeDef.label;
-          label = (typeof l === "function" ? l.call(n) : l)||"";
-
-          if (sublabel.indexOf("subflow:") === 0) {
-            return;
-          }
-        }
-
-        if (!nodeDef || !label) {
-          label = n.type;
-        }
-
-        var children = [];
-
-        path.forEach( function(nId) {
-          var nde = RED.nodes.node(nId);
-
-          /* junctions can be undefined */
-          if ( nde === undefined ) { return }
-
-          var ndeDef = RED.nodes.getType(nde.type);
-          var labelStr = nde.type;
-
-          if ( ndeDef ) {
-            labelStr = (typeof ndeDef.label === "function" ?
-                        ndeDef.label.call(nde) : ndeDef.label) || nde.type ||"";
-          }
-
-          children.push(
-            {
-              "label":    labelStr,
-              "node":     nde,
-              "sublabel": nde.type
-            }
-          )
-        });
-
-        nodeItemMap[n.id] = {
-          node: n,
-          label: label,
-          sublabel: sublabel,
-          selected: false,
-          checkbox: false,
-          children: children
-        };
-        items.push(nodeItemMap[n.id]);
-      });
-
-      dirList.treeList('data',items);
-
-      $("#node-input-seeker-target-select").on("click", function(e) {
-        e.preventDefault();
-        var preselected = dirList.treeList('selected').map(function(n) {
-          return n.node.id
-        });
-
-        RED.tray.hide();
-        RED.view.selectNodes({
-          selected: preselected,
-          onselect: function(selection) {
-            RED.tray.show();
-          },
-          oncancel: function() {
-            RED.tray.show();
-          },
-          filter: function(n) {
-            return n.id !== that.id;
-          }
-        });
-      })
-    },
-
-    oneditsave: function() {
-    },
-
-    oneditresize: function(size) {
-      this._resize();
-    }
-
-});
+RED.nodes.registerType("Seeker",{color:"#e5e4ef",icon:"font-awesome/fa-ship",category:"introspection",paletteLabel:"Seeker",defaults:{name:{value:""}},inputs:0,outputs:1,label:function(){return this.name||this._def.paletteLabel},labelStyle:function(){return this.name?"node_label_italic":""},oneditprepare:function(){var t=this,o=$("#node-input-seeker-target-filter").searchBox({style:"compact",delay:300,change:function(){let t=$(this).val().trim().toLowerCase();var e,n=$("#node-input-seeker-target-container-div").treeList("data");""===t?($("#node-input-seeker-target-container-div").treeList("filter",null),o.searchBox("count","")):(e=$("#node-input-seeker-target-container-div").treeList("filter",function(e){return-1<e._label.toLowerCase().indexOf(t)||-1<e.node.type.toLowerCase().indexOf(t)||e.sublabel.toLowerCase().indexOf(t)}),o.searchBox("count",e+" / "+n.length))}});$("#node-input-seeker-target-container-div").css({width:"100%",height:"95%"}).treeList({multi:!1}).on("treelistitemmouseover",function(e,t){}).on("treelistitemmouseout",function(e,t){}).on("treelistconfirm",function(e,t){t.node&&!t.children&&(RED.view.reveal(t.node.id),RED.view.select(t.node.id),setTimeout(()=>{RED.editor.edit(t.node)},100))}).on("treelistselect",function(e,t){var n;t.node&&(t.children?(n=t.children.filter(e=>e.node.z==RED.workspaces.active()).map(e=>e.node.id),RED.tray.hide(),RED.view.selectNodes({selected:n,onselect:()=>{RED.tray.show()},oncancel:()=>{RED.tray.show()}})):(RED.workspaces.show(t.node.z,!1,!1,!0),RED.view.reveal(t.node.id,!0),RED.view.redraw()))});let e=e=>{var t=RED.nodes.node(e[e.length-1]);let n=[];return e.forEach(function(e){var t,e=RED.nodes.node(e);void 0!==e&&(t=RED.nodes.workspace(e.z)||RED.nodes.subflow(e.z),n.push({label:"",_label:RED.utils.getNodeLabel(e),node:e,sublabel:t&&RED.utils.getNodeLabel(t)||e.z,icon:RED.utils.createNodeIcon(e,!0)}))}),{node:t,label:RED.utils.getNodeLabel(t),_label:RED.utils.getNodeLabel(t),_pathlen:e.length,sublabel:"Length: "+e.length,selected:!1,checkbox:!1,children:n}};var i=function(t,n){if(n.indexOf(t.id)<0)switch(t.type){case"link call":RED.nodes.getNodeLinks(t).forEach(e=>{i(e.target,[...n,t.id])}),t.links.forEach(function(e){e=RED.nodes.node(e);e&&i(e,[...n,t.id])});break;case"link out":t.links.forEach(function(e){e=RED.nodes.node(e);e&&i(e,[...n,t.id])});break;case"Sink":n.push(t.id),window._introSpectionSeekerStack=[e(n),...window._introSpectionSeekerStack];break;default:RED.nodes.getNodeLinks(t).forEach(e=>{i(e.target,[...n,t.id])})}};$("#node-input-seeker-start-but").on("click",e=>{e&&e.preventDefault(),$("#node-input-seeker-start-but").prop("disabled",!0),$("#node-input-seeker-totalPaths").html(""),$("#node-input-seeker-spinner").show(),window._introSpectionSeekerStack=[],setTimeout(()=>{RED.nodes.getNodeLinks(t).forEach(e=>{i(e.target,[t.id])}),$("#node-input-seeker-start-but").prop("disabled",!1),$("#node-input-seeker-totalPaths").html(window._introSpectionSeekerStack.length),$("#node-input-seeker-spinner").hide(),$("#node-input-seeker-target-container-div").treeList("data",window._introSpectionSeekerStack.sort((e,t)=>e._pathlen<t._pathlen?-1:1)),delete window._introSpectionSeekerStack},500)})},oneditsave:function(){},oneditresize:function(e){for(var t=$("#dialog-form>div:not(.node-input-target-list-row)"),n=$("#dialog-form").height(),o=0;o<t.length;o++)n-=$(t[o]).outerHeight(!0);$("#dialog-form>div.node-input-target-list-row").css("height",n+"px")}});
 </script>
 
 <script type="text/html" data-template-name="Seeker">
 
+  <div class="form-row">
+    <label for="node-input-name"><i class="fa fa-tag"></i> <span data-i18n="common.label.name">Name</span></label>
+    <input type="text" id="node-input-name" placeholder="Name">
+  </div>
+
   <div class="form-row node-input-target-row">
-    <button id="node-input-seeker-target-select" class="red-ui-button">Show Selected</button>
+    <button id="node-input-seeker-start-but" class="red-ui-button"><span><i class="fa fa-refresh"></i> Find Pathways</span></button>
   </div>
 
-  <div class="form-row node-input-target-row node-input-target-list-row" style="position: relative; min-height: 100px">
+  <div class="form-row node-input-target-row node-input-target-list-row" style="margin-top: 40px; position: relative; min-height: 100px">
     <div style="position: absolute; top: -30px; right: 0;"><input type="text" id="node-input-seeker-target-filter"></div>
 
     <div id="node-input-seeker-target-container-div"></div>
   </div>
 
-  <div class="form-row">
-    <label for="node-input-name"><i class="fa fa-tag"></i> <span data-i18n="common.label.name">Name</span></label>
-    <input type="text" id="node-input-name" placeholder="Name">
+  <div class="form-row" style="margin-top: -40px;">
+    <label style="float: right;">Total Paths: 
+        <span id="node-input-seeker-totalPaths"></span><img class='hide' id="node-input-seeker-spinner" src='red/images/spin.svg'/>
+    </label>
   </div>
 
 </script>

package/nodes/10-sink.html

@@ -1,25 +1,5 @@
 <script type="text/javascript">
-  RED.nodes.registerType('Sink',{
-    color: '#e5e4ef',
-    icon: "font-awesome/fa-anchor",
-    category: 'introspection',
-    paletteLabel: "Sink",
-    defaults: {
-      name: {
-        value:"",
-      },
-    },
-    inputs:1,
-    outputs:0,
-
-    label: function() {
-      return (this.name || this._def.paletteLabel);
-    },
-
-    labelStyle: function() {
-      return this.name?"node_label_italic":"";
-    },
-});
+RED.nodes.registerType("Sink",{color:"#e5e4ef",icon:"font-awesome/fa-anchor",category:"introspection",paletteLabel:"Sink",defaults:{name:{value:""}},inputs:1,outputs:0,label:function(){return this.name||this._def.paletteLabel},labelStyle:function(){return this.name?"node_label_italic":""},oneditprepare:function(){var t=this;let i=1;var o=$("#node-input-sink-target-filter").searchBox({style:"compact",delay:300,change:function(){let t=$(this).val().trim().toLowerCase();var e,n=$("#node-input-sink-target-container-div").treeList("data");""===t?($("#node-input-sink-target-container-div").treeList("filter",null),o.searchBox("count","")):(e=$("#node-input-sink-target-container-div").treeList("filter",function(e){return-1<e._label.toLowerCase().indexOf(t)||-1<e.node.type.toLowerCase().indexOf(t)||e.sublabel.toLowerCase().indexOf(t)}),o.searchBox("count",e+" / "+n.length))}});$("#node-input-sink-target-container-div").css({width:"100%",height:"95%"}).treeList({multi:!1}).on("treelistitemmouseover",function(e,t){}).on("treelistitemmouseout",function(e,t){}).on("treelistconfirm",function(e,t){t.node&&!t.children&&(RED.view.reveal(t.node.id),RED.view.select(t.node.id),setTimeout(()=>{RED.editor.edit(t.node)},100))}).on("treelistselect",function(e,t){var n;t.node&&(t.children?(n=t.children.filter(e=>e.node.z==RED.workspaces.active()).map(e=>e.node.id),RED.tray.hide(),RED.view.selectNodes({selected:n,onselect:()=>{RED.tray.show()},oncancel:()=>{RED.tray.show()}})):(RED.workspaces.show(t.node.z,!1,!1,!0),RED.view.reveal(t.node.id,!0),RED.view.redraw()))});let e=e=>{var t=RED.nodes.node(e[e.length-1]);let n=[];return e.forEach(function(e){var t,e=RED.nodes.node(e);void 0!==e&&(t=RED.nodes.workspace(e.z)||RED.nodes.subflow(e.z),n.push({label:"",_label:RED.utils.getNodeLabel(e),node:e,sublabel:t&&RED.utils.getNodeLabel(t)||e.z,icon:RED.utils.createNodeIcon(e,!0)}))}),{node:t,label:RED.utils.getNodeLabel(t),_label:RED.utils.getNodeLabel(t),_pathlen:e.length,sublabel:"Length: "+e.length,selected:!1,checkbox:!1,children:n}};var s=function(t,n){if(n.indexOf(t.id)<0)switch(t.type){case"link in":t.links.forEach(function(e){e=RED.nodes.node(e);e&&s(e,[...n,t.id])});break;case"Seeker":n.push(t.id),window._introSpectionsinkStack=[e(n),...window._introSpectionsinkStack];break;default:RED.nodes.getNodeLinks(t,i).forEach(e=>{s(e.source,[...n,t.id])})}};$("#node-input-sink-start-but").on("click",e=>{e&&e.preventDefault(),$("#node-input-sink-start-but").prop("disabled",!0),$("#node-input-sink-totalPaths").html(""),$("#node-input-sink-spinner").show(),window._introSpectionsinkStack=[],setTimeout(()=>{RED.nodes.getNodeLinks(t,i).forEach(e=>{s(e.source,[t.id])}),$("#node-input-sink-start-but").prop("disabled",!1),$("#node-input-sink-totalPaths").html(window._introSpectionsinkStack.length),$("#node-input-sink-spinner").hide(),$("#node-input-sink-target-container-div").treeList("data",window._introSpectionsinkStack.sort((e,t)=>e._pathlen<t._pathlen?-1:1)),delete window._introSpectionsinkStack},500)})},oneditsave:function(){},oneditresize:function(e){for(var t=$("#dialog-form>div:not(.node-input-target-list-row)"),n=$("#dialog-form").height(),i=0;i<t.length;i++)n-=$(t[i]).outerHeight(!0);$("#dialog-form>div.node-input-target-list-row").css("height",n+"px")}});
 </script>
 
 <script type="text/html" data-template-name="Sink">
@@ -27,6 +7,24 @@
     <label for="node-input-name"><i class="fa fa-tag"></i> <span data-i18n="common.label.name">Name</span></label>
     <input type="text" id="node-input-name" placeholder="Name">
   </div>
+
+  <div class="form-row node-input-target-row">
+    <button id="node-input-sink-start-but" class="red-ui-button"><i class="fa fa-refresh"></i> Find Pathways</button>
+  </div>
+
+  <div class="form-row node-input-target-row node-input-target-list-row" style="margin-top: 40px; position: relative; min-height: 100px">
+    <div style="position: absolute; top: -30px; right: 0;"><input type="text" id="node-input-sink-target-filter"></div>
+
+    <div id="node-input-sink-target-container-div"></div>
+  </div>
+
+  <div class="form-row" style="margin-top: -40px;">
+    <label style="float: right;">Total Paths: 
+        <span id="node-input-sink-totalPaths"></span><img id="node-input-sink-spinner" class="hide" src='red/images/spin.svg'/>
+    </label>
+  </div>
+
+
 </script>
 
 <script type="text/html" data-help-name="Sink">

package/nodes/60-client-code.html

@@ -14,7 +14,7 @@ function handleClientCodeFrontend(event,data){var doSend,doStatus,doError,nodeid
         value:"",
       },
       clientcode: {
-        value: ""
+        value: "node.send(msg)"
       },
       format: {
         value: "javascript"

package/nodes/icons/swap-inject-to-change.svg

@@ -0,0 +1 @@
+<svg width="40" height="60" viewBox="0, 0, 40, 60" xmlns="http://www.w3.org/2000/svg"><g fill="rgb(136, 136, 136)"><path d="M12.787 26.432L9.5 18.003h-4.5v-5h8l2.286 6.286m5.357 14.286l3.357 8.428h4v-8l7 10.5-7 10.5v-8h-7.5l-2.357-6.286"/><path d="M13.001 47.003l10.857-29h4.143v8l7-10.5-7-10.5v8h-7.5l-11 29h-4.5v5z"/></g></svg>

package/nodes/icons/switch-inject-to-change.svg

@@ -0,0 +1 @@
+<svg width="40" height="60" viewBox="0, 0, 40, 60" xmlns="http://www.w3.org/2000/svg"><path d="M5.001 27.006v6l10.12-.014 3.023 7.728 2.357 6.286h7.5v8l7-10.5-7-10.5v8h-4l-3.357-8.429c-.475-1.267-.93-2.435-1.295-3.601l4.51-11.97H28v8l7-10.5-7-10.5v8h-7.5L15.098 27z" fill="rgb(136, 136, 136)" stroke="none"/></svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gregoriusrippenstein/node-red-contrib-introspection",
-  "version": "0.9.7",
+  "version": "0.9.8",
   "dependencies": {
     "got": "^13",
     "uglify-js": "^3.17.4",

package/plugins/sidebar.html

@@ -304,7 +304,18 @@
    .ml-30 {
       margin-left: 30px !important;
    }
-
+   .icon-button {
+      height: 24px;
+      width: 18px;
+      display: inline-block;
+      background-size: 100% 100%;
+      top: 4px;
+      position: relative;
+   }
+   .icon-button-text {
+      position: relative;
+      top: -4px;
+   }
 </style>
 
 <!-- The html for the right sidebar plugin screen -->
@@ -374,7 +385,7 @@
          <button id="node-input-orphan-clear-workspace-btn"
                      class="red-ui-button">Clear dots</button>
          <button id="node-input-transform-inject-to-change-btn"
-                     class="red-ui-button"><i class="fa fa-retweet"></i> Inj-&gt;Chg</button>
+                     class="red-ui-button"><i class='icon-button' style="background-image: url('icons/@gregoriusrippenstein/node-red-contrib-introspection/swap-inject-to-change.svg');"></i><span class='icon-button-text'>Inj-&gt;Chg</span></button>
          <button id="node-input-statistics-btn"
                     class="red-ui-button"><i class="fa fa-pie-chart"></i> Stats</button>
       </div>