@gregoriusrippenstein/node-red-contrib-introspection 0.4.5 → 0.5.0

package/nodes/20-orphans.html

@@ -1,183 +0,0 @@
-<script type="text/javascript">
-  RED.nodes.registerType('Orphans',{
-    color: '#e5e4ef',
-    icon: "font-awesome/fa-support",
-    category: 'introspection',
-    paletteLabel: "Orphans",
-    defaults: {
-      name: {
-        value:"",
-      },
-    },
-    inputs:0,
-    outputs:0,
-
-    label: function() {
-      return (this.name || this._def.paletteLabel);
-    },
-
-    labelStyle: function() {
-      return this.name?"node_label_italic":"";
-    },
-
-    oneditprepare: function() {
-      var node = 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-orphan-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-orphan-target-container-div").css({
-        width: "100%",
-        height: "100%"
-      }).treeList(
-        {
-          multi:true
-        }
-      ).on("treelistitemmouseover", function(e, item) {
-        if ( item.node ) {
-          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();
-        }
-      }).on("treelistitemmouseout", function(e, item) {
-        if ( item.node ) {
-          item.node.highlighted = false;
-          item.node.dirty = true;
-          RED.view.redraw();
-        }
-      }).on('treelistselect', function(event, item) {
-        if ( item.node ) {
-          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();
-          RED.tray.close();
-        }
-      });
-
-      /* ***************
-       * code taken from
-       *   https://discourse.nodered.org/t/search-for-orphan-nodes/77783/3
-       */
-      const connectedNodes = new Set()
-      var candidateNodes = [];
-
-      // Iterate over all links, add the nodes to the 'connected' set
-      RED.nodes.eachLink(link => { connectedNodes.add(link.source); connectedNodes.add(link.target) })
-      // Iterate over all nodes, add any not in the connected set to the disconnected set
-      RED.nodes.eachNode(node => { if (!connectedNodes.has(node)) candidateNodes.push(node) })
-      /************ done code borrowing ************/
-
-      var items = [];
-      var nodeItemMap = {};
-
-      candidateNodes.forEach(function(n) {
-        if (n.id === node.id) {
-          return;
-        }
-
-        var nodeDef = RED.nodes.getType(n.type);
-        var label;
-        var sublabel;
-
-        if (nodeDef) {
-          var l = nodeDef.label;
-          label = (typeof l === "function" ? l.call(n) : l)||"";
-          sublabel = n.type;
-
-          if (sublabel.indexOf("subflow:") === 0) {
-            return;
-
-            var subflowId = sublabel.substring(8);
-            var subflow = RED.nodes.subflow(subflowId);
-            sublabel = "subflow : "+subflow.name;
-          }
-        }
-
-        if (!nodeDef || !label) {
-          label = n.type;
-        }
-        nodeItemMap[n.id] = {
-          node: n,
-          label: label,
-          sublabel: sublabel,
-          selected: false,
-          checkbox: false
-        };
-        items.push(nodeItemMap[n.id]);
-      });
-
-      dirList.treeList('data',items);
-
-      $("#node-input-back-home-but").on("click", function(e) {
-        e.preventDefault();
-        var nde = RED.nodes.node(node.id);
-        if ( nde ) {
-          RED.workspaces.show(nde.z,false,false,true);
-          nde.highlighted = true;
-          nde.dirty = true;
-          RED.view.reveal(nde.id,true)
-          RED.view.redraw();
-          RED.tray.close();
-        }
-      });
-    },
-
-    oneditsave: function() {
-    },
-
-    oneditresize: function(size) {
-      this._resize();
-    }
-
-  });
-</script>
-
-<script type="text/html" data-template-name="Orphans">
-  <div class="form-row node-input-target-row">
-    <button id="node-input-back-home-but"
-            class="red-ui-button">Back Home</button>
-  </div>
-
-  <div class="form-row node-input-target-row node-input-target-list-row" style="position: relative; min-height: 100px">
-    <div style="position: absolute; top: -30px; right: 0;"><input type="text" id="node-input-orphan-target-filter"></div>
-    <div id="node-input-orphan-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>
-
-</script>
-
-<script type="text/html" data-help-name="Orphans">
-  <p>Orphan node shows all other nodes that are orphans, that is not connected to anything else either input nor output.</p>
-</script>

package/nodes/20-orphans.js

@@ -1,17 +0,0 @@
-module.exports = function(RED) {
-  function OrphanFunctionality(config) {
-    RED.nodes.createNode(this,config);
-
-    var node = this;
-    var cfg = config;
-
-    node.on('close', function() {
-      node.status({});
-    });
-
-    node.on("input",function(msg, send, done) {
-      send(msg);
-    });
-  }
-  RED.nodes.registerType("Orphans", OrphanFunctionality);
-}

package/nodes/25-ismobile.html

@@ -1,49 +0,0 @@
-<script type="text/javascript">
-  RED.nodes.registerType('IsMobile',{
-    color: '#e5e4ef',
-    icon: "font-awesome/fa-mobile",
-    category: 'introspection',
-    defaults: {
-      name: {
-        value:"",
-      },
-    },
-    inputs:0,
-    outputs:0,
-
-    label: function() {
-      return (this.name || this._def.paletteLabel);
-    },
-
-    labelStyle: function() {
-      return this.name?"node_label_italic":"";
-    },
-
-    onpaletteadd: () => {
-      setTimeout( function() {
-        RED.sidebar.info.show()
-      }, 1000);
-
-      if ( (RED.utils.getBrowserInfo().mobile > 0) ||
-           window.matchMedia('only screen and (max-width: 890px)').matches ) {
-
-        setTimeout( function() {
-          // taken from https://discourse.nodered.org/t/togglepalette-v-togglesidebar/78169/3
-          RED.actions.invoke("core:toggle-palette", false)
-          RED.actions.invoke("core:toggle-sidebar", false)
-        }, 1400);
-      }
-    },
-  });
-</script>
-
-<script type="text/html" data-template-name="IsMobile">
-    <div class="form-row">
-        <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
-        <input type="text" id="node-input-name" placeholder="Name">
-    </div>
-</script>
-
-<script type="text/html" data-help-name="IsMobile">
-    <p>A palette-only node, this does not get included in any flow. This node hides the palette bar and the sidebar on mobile devices. If not required, disable the node in the palette manager.</p>
-</script>

package/nodes/25-ismobile.js

@@ -1,17 +0,0 @@
-module.exports = function(RED) {
-  function IsMobileFunctionality(config) {
-    RED.nodes.createNode(this,config);
-
-    var node = this;
-    var cfg = config;
-
-    node.on('close', function() {
-      node.status({});
-    });
-
-    node.on("input",function(msg, send, done) {
-      send(msg);
-    });
-  }
-  RED.nodes.registerType("IsMobile", IsMobileFunctionality);
-}

package/nodes/30-navigator.html

@@ -1,77 +0,0 @@
-<script type="text/javascript">
-  RED.nodes.registerType('Navigator',{
-    color: '#e5e4ef',
-    icon: "font-awesome/fa-crosshairs",
-    category: 'introspection',
-    defaults: {
-      name: { value:"", },
-    },
-    inputs:0,
-    outputs:0,
-
-    label: function() {
-      return (this.name || this._def.paletteLabel);
-    },
-
-    labelStyle: function() {
-      return this.name?"node_label_italic":"";
-    },
-
-    onpaletteadd: () => {
-      var nodeId = window.location.hash.match(/\/n\/([^\/]{16})(\/edit)?/);
-
-      // RED.nodes is not initialised at this point, so there is no way to
-      // check whether the nodeId really does exist, so we assume that nodeId
-      // will be eventually addded to a workspace.
-      if ( nodeId ) {
-        var hndlr = (node) => {
-          if ( node.id == nodeId[1] ) {
-            setTimeout( function() {
-              var nde = RED.nodes.node(nodeId[1]);
-              RED.workspaces.show(nde.z,false,false,true);
-
-              if ( nodeId[2] == "/edit" ) {
-                RED.editor.edit(nde);
-              }
-
-              RED.view.reveal(nodeId[1],true);
-            }, 1012);
-            RED.events.off("nodes:add", hndlr);
-          }
-        };
-        RED.events.on("nodes:add", hndlr);
-      }
-
-      // Highlight an entire path.
-      var pathIds = window.location.hash.match(/\/p\/((.{16},?)+)/);
-      if ( pathIds ) {
-        var nodeIds = [];
-        pathIds[1].split(",").forEach( function(ndeId) {
-          if ( ndeId.trim() != "" ) { nodeIds.push( ndeId.trim() ) }
-        });
-
-        var hndlr = (stst) => {
-          if ( stst.state == "start" ) {
-            setTimeout( () => {
-              RED.workspaces.show(RED.nodes.node(nodeIds[0]).z,false,false,true);
-              RED.view.selectNodes({ selected: nodeIds });
-            }, 321);
-            RED.events.off("runtime-state", hndlr);
-          }
-        };
-        RED.events.on("runtime-state", hndlr);
-      }
-    },
-  });
-</script>
-
-<script type="text/html" data-template-name="Navigator">
-    <div class="form-row">
-        <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
-        <input type="text" id="node-input-name" placeholder="Name">
-    </div>
-</script>
-
-<script type="text/html" data-help-name="Navigator">
-  <p>A palette-only node, this does not get included in any flow. This node ensures that nodes are focused on when the url contains `/n/[nodeid]`. If not required, disable the node in the palette manager.</p>
-</script>

package/nodes/30-navigator.js

@@ -1,17 +0,0 @@
-module.exports = function(RED) {
-  function NavigatorFunctionality(config) {
-    RED.nodes.createNode(this,config);
-
-    var node = this;
-    var cfg = config;
-
-    node.on('close', function() {
-      node.status({});
-    });
-
-    node.on("input",function(msg, send, done) {
-      send(msg);
-    });
-  }
-  RED.nodes.registerType("Navigator", NavigatorFunctionality);
-}

package/nodes/40-drawsvg.html

@@ -1,51 +0,0 @@
-<script type="text/javascript">
-  RED.comms.subscribe("introspect:drawsvg", (event,data) => {
-    if ( data.msg == "svgdata" ) {
-      var version = RED.settings.version.split(".");
-
-      if ( version[0] == "3" && version[1] == "0" ) {
-        $($($('svg')[0]).find('> g > g > g')[2]).append(
-          data.payload
-        );
-      }
-
-      if ( version[0] == "3" && version[1] == "1" ) {
-        $($($('svg[width=8000]')[0]).find('> g > g > g')[2]).append(
-          data.payload
-        );
-      }
-    }
-  });
-
-  RED.nodes.registerType('DrawSVG',{
-    color: '#e5e4ef',
-    icon: "font-awesome/fa-image",
-    category: 'introspection',
-    defaults: {
-      name: {
-        value:"",
-      },
-    },
-    inputs:1,
-    outputs:0,
-
-    label: function() {
-      return (this.name || this._def.paletteLabel);
-    },
-
-    labelStyle: function() {
-      return this.name?"node_label_italic":"";
-    },
-  });
-</script>
-
-<script type="text/html" data-template-name="DrawSVG">
-    <div class="form-row">
-        <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
-        <input type="text" id="node-input-name" placeholder="Name">
-    </div>
-</script>
-
-<script type="text/html" data-help-name="DrawSVG">
-  <p>Draw the given SVG onto the workspace placing it between the grid and the nodes and their connections. To remove the image, reload the workspace. Doing a deploy will completely ignore any image added to the workspace.</p>
-</script>

package/nodes/40-drawsvg.js

@@ -1,25 +0,0 @@
-module.exports = function(RED) {
-  function DrawSVGFunctionality(config) {
-    RED.nodes.createNode(this,config);
-
-    var node = this;
-    var cfg = config;
-
-    node.on('close', function() {
-      node.status({});
-    });
-
-    node.on("input", function(msg, send, done) {
-      RED.comms.publish("introspect:drawsvg", RED.util.encodeObject({
-        payload: msg.payload,
-        msg: "svgdata",
-      }));
-
-      node.status({ fill: "green", shape: "dot", text: "SVG Data sent" });
-      setTimeout( () => { node.status({}) }, 1432 );
-
-      send(msg);
-    });
-  }
-  RED.nodes.registerType("DrawSVG", DrawSVGFunctionality);
-}