@gregoriusrippenstein/node-red-contrib-introspection 0.5.7 → 0.5.9

package/README.md

@@ -49,6 +49,16 @@ Disappointments:
 
 Clicking on a node will highlight that node in the workspace. The nodes shown are across all flows and tabs. 
 
+### Obfuscate
+
+![img](https://cdn.openmindmap.org/content/1706184273430_Screen_Shot_2024-01-25_at_13.04.17.png)
+
+Sidebar for visually obfuscating flows:
+
+![img](https://cdn.openmindmap.org/content/1706183691592_obsfucate3.gif)
+
+The plugin replaces the name with the node Id, resets the nodes info content to empty and moves all nodes to the same location. The intention is to having a *working* flow but not an *understandable* flow. The generated flow is meant to be only usable and not modifiable nor maintainable.
+
 ## Palette Nodes
 
 ### Sink & Seeker

package/nodes/60-client-code.js

@@ -1,4 +1,6 @@
 module.exports = function(RED) {
+  let UglifyJS = require('uglify-js')
+
   function ClientCodeFunctionality(config) {
     RED.nodes.createNode(this,config);
 
@@ -26,27 +28,26 @@ module.exports = function(RED) {
   RED.nodes.registerType("ClientCode", ClientCodeFunctionality);
 
   RED.httpAdmin.post("/ClientCode/:id",
-                     RED.auth.needsPermission("ClientCode.write"),
-                     (req,res) => {
-                       var node = RED.nodes.getNode(req.params.id);
-                       if (node != null) {
-                         try {
-                           if (req.body && node.type == "ClientCode" ) {
-                             node.send(req.body);
-                             res.sendStatus(200);
-                           } else {
-                             res.sendStatus(404);
-                           }
-                         } catch(err) {
-                           res.sendStatus(500);
-                           node.error("ClientCode: Submission failed: " +
-                                      err.toString())
-                         }
-                       } else {
-                         res.sendStatus(404);
-                       }
-                     });
-
+    RED.auth.needsPermission("ClientCode.write"),
+    (req,res) => {
+      var node = RED.nodes.getNode(req.params.id);
+      if (node != null) {
+        try {
+          if (req.body && node.type == "ClientCode" ) {
+            node.send(req.body);
+            res.sendStatus(200);
+          } else {
+            res.sendStatus(404);
+          }
+        } catch(err) {
+          res.sendStatus(500);
+          node.error("ClientCode: Submission failed: " +
+                    err.toString())
+        }
+      } else {
+        res.sendStatus(404);
+      }
+    });
 
   RED.httpAdmin.post("/ClientCode/:id/status",
     RED.auth.needsPermission("ClientCode.write"),
@@ -70,4 +71,43 @@ module.exports = function(RED) {
       }
     });
 
+  RED.httpAdmin.post("/ClientCode/:id/ugify",
+    RED.auth.needsPermission("ClientCode.write"),
+    (req, res) => {
+      var node = RED.nodes.getNode(req.params.id);
+      if (node != null) {
+        try {
+          if (req.body ) {
+            req.body.nodes.forEach( n => {
+
+              if ( n.format == "javascript") { 
+                /* this handles PkgFile nodes and template nodes */
+                let result = UglifyJS.minify(n.template, req.body.cfg)
+                if ( result.code && !result.error) {               
+                  n.template = result.code
+                }
+              }
+
+              if (n.type == "function") {
+                let result = UglifyJS.minify(n.func, req.body.cfg)
+                if (result.code && !result.error) {
+                  n.func = result.code
+                }
+              }
+            })
+            res.status(200).send(req.body.nodes);
+          } else {
+            res.sendStatus(404);
+          }
+        } catch (err) {
+          res.sendStatus(500);
+          node.error("ClientCode: Submission failed: " +
+            err.toString())
+        }
+      } else {
+        res.sendStatus(404);
+      }
+    });
+
+
 }

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "@gregoriusrippenstein/node-red-contrib-introspection",
-  "version": "0.5.7",
+  "version": "0.5.9",
   "dependencies": {
-    "got": "^13"
+    "got": "^13",
+    "uglify-js": "^3.17.4"
   },
 
   "keywords": [

package/plugins/sidebar.html

@@ -2,7 +2,7 @@
 (function() {
    var globalRefToSvgData;
 
-   function getFlowDataFromCurrentWorkspace(e){var e=e||RED.workspaces.active(),o=RED.nodes.groups(e),e=(o=(o=o.concat(RED.nodes.junctions(e))).concat(RED.nodes.filterNodes({z:e})),RED.nodes.eachConfig(function(e){e.z===RED.workspaces.active()&&!1===e._def.hasUsers&&o.push(e)}),RED.nodes.workspace(e)||RED.nodes.subflow(e));return o.unshift(e),RED.nodes.createExportableNodeSet(o)}function openImportDialog(e){RED.clipboard.import();let o=e;setTimeout(()=>{$("#red-ui-clipboard-dialog-import-text").val(JSON.stringify(o)).trigger("paste")},300)}
+   let obfuscateHelpers={getFlowDataFromCurrentWorkspace:e=>{var e=e||RED.workspaces.active(),o=RED.nodes.groups(e),e=(o=(o=o.concat(RED.nodes.junctions(e))).concat(RED.nodes.filterNodes({z:e})),RED.nodes.eachConfig(function(e){e.z===RED.workspaces.active()&&!1===e._def.hasUsers&&o.push(e)}),RED.nodes.workspace(e)||RED.nodes.subflow(e));return o.unshift(e),RED.nodes.createExportableNodeSet(o)},openImportDialog:e=>{RED.clipboard.import();let o=e;setTimeout(()=>{$("#red-ui-clipboard-dialog-import-text").val(JSON.stringify(o)).trigger("paste")},300)}};function obfuscatieCurrentFlow(o){let t=obfuscateHelpers.getFlowDataFromCurrentWorkspace();t=t.filter(e=>"group"!=e.type);let r={},a=[];console.log("CFG",o),t.forEach(e=>{r[e.id]=e,o.name&&(e.name=e.id),o.info&&(e.info=""),o.position&&(e.x=150,e.y=150),!o.javascript||"javascript"!=e.format&&"function"!=e.type||a.push(e)}),0<a.length?$.ajax({url:"ClientCode/"+a[0].id+"/ugify",type:"POST",contentType:"application/json; charset=utf-8",data:JSON.stringify({nodes:a,cfg:{parse:{},compress:{},mangle:{reserved:["$","export","require"]},output:null,sourceMap:null,nameCache:null,toplevel:!1,warnings:!1}}),success:function(e){e.forEach(e=>{var o=r[e.id];"function"==o.type?o.func=e.func:"javascript"==o.format&&(o.template=e.template)}),obfuscateHelpers.openImportDialog(t)},error:function(e,o,t){RED.notify("ClientCode Communcation Failure: "+n.id+": "+o,{type:"error",timeout:3e3})}}):obfuscateHelpers.openImportDialog(t)}
    
    function setupTreelist(){var e=collectOrphans();if(0==e.length){RED.notify("No Orphans Found",{type:"warning",timeout:2e3});try{$("#node-input-orphan-target-container-div").treeList("empty")}catch(e){}}else{try{$("#node-input-orphan-target-container-div").treeList("empty")}catch(e){$("#node-input-orphan-target-container-div").css({width:"100%",height:"calc(100%)"}).treeList({multi:!1}).on("treelistitemmouseover",function(e,t){t.node&&t.node.z==RED.workspaces.active()&&(RED.view.reveal(t.node.id,!0),RED.view.redraw())}).on("treelistitemmouseout",function(e,t){}).on("treelistselect",function(e,t){t.node&&(RED.workspaces.show(t.node.z,!1,!1,!0),RED.view.reveal(t.node.id,!0),RED.view.redraw())}).on("treelistconfirm",function(e,t){var n;t.node&&(n=t.node.id,setTimeout(()=>{var e=RED.nodes.node(n);e&&(RED.view.reveal(e.id),RED.view.select(e.id),RED.editor.edit(e)),n==RED.workspaces.active()&&RED.workspaces.edit()},50))}),$("#node-input-orphan-target-filter").show();var n=$("#node-input-orphan-target-filter").searchBox({style:"compact",delay:300,change:function(){var e,t=$(this).val().trim().toLowerCase();""===t?($("#node-input-orphan-target-container-div").treeList("filter",null),n.searchBox("count","")):(e=$("#node-input-orphan-target-container-div").treeList("filter",function(e){return-1<e.label.toLowerCase().indexOf(t)||-1<e.node.type.toLowerCase().indexOf(t)}),n.searchBox("count",e+" / "+$("#node-input-orphan-target-container-div").treeList("data").length))}})}$("#node-input-orphan-target-container-div").treeList("data",e.sort((e,t)=>e.node.z>t.node.z))}}function collectOrphans(){const t=new Set;var n=[],i=(RED.nodes.eachLink(e=>{t.add(e.source),t.add(e.target)}),RED.nodes.eachNode(e=>{t.has(e)||n.push(e)}),[]),r={};return n.forEach(function(e){var t=RED.nodes.getType(e.type);if(t){var n=t.label,n=("function"==typeof n?n.call(e):n)||"",o=e.type;if(0===o.indexOf("subflow:"))return}t&&n||(n=e.type),r[e.id]={node:e,label:n,sublabel:o,selected:!1,checkbox:!1},i.push(r[e.id])}),i}
    
@@ -57,19 +57,13 @@
       
       $('#node-input-obfuscation-generate-btn').on("click", function (e) {
          if ( e ) { e.preventDefault() }
-
-         let nodes = getFlowDataFromCurrentWorkspace()
-
-         nodes.forEach( (n) => {
-            n.name = n.id;
-            n.info = ""
-            n.x = 150
-            n.y = 150
-         })
          
-         nodes = nodes.filter( n => { return n.type != "group"})
-
-         openImportDialog(nodes)
+         obfuscatieCurrentFlow({
+            name: $('#node-input-obfuscate-name').is(":checked"),
+            info: $('#node-input-obfuscate-info').is(":checked"),
+            position: $('#node-input-obfuscate-position').is(":checked"),
+            javascript: $('#node-input-obfuscate-javascript').is(":checked"),
+         })
       })
 
       $('#node-screenshot-capture-btn').on("click", function (e) {
@@ -124,6 +118,10 @@
    .col-100.no-label .red-ui-typedInput-container {
    width: 100% !important;
    }
+   .w-30 {
+      width: 30% !important;
+      margin-left: 10px;
+   }
 </style>
 
 <!-- The html for the right sidebar plugin screen -->
@@ -175,6 +173,7 @@
       </div>
 
       <div id="func-introspection-tab-obfuscation" style="display:none; min-height: calc(100%);">
+
          <div class="form-row">
             <div class="col-100">
                <div class="form-row node-input-target-row" style="margin-left: 10px; margin-top: 30px">
@@ -183,7 +182,39 @@
                </div>
             </div>
          </div>
-      </div>
+
+         <div class="form-row col-100">
+            <label for="node-input-obfuscate-name" class="w-30">
+               <i class="fa fa-tag"></i>
+               <span>Obfuscate Name?</span>
+            </label>
+            <input type="checkbox" checked=checked id="node-input-obfuscate-name"
+                     style="display:inline-block; width:15px; vertical-align:baseline;">
+         </div>
+         <div class="form-row">
+            <label for="node-input-obfuscate-position" class="w-30">
+                        <i class="fa fa-map-pin"></i>
+                        <span>Obfuscate Position?</span>
+            </label>
+            <input type="checkbox" checked=checked id="node-input-obfuscate-position"
+                   style="display:inline-block; width:15px; vertical-align:baseline;">
+         </div>
+         <div class="form-row">
+            <label for="node-input-obfuscate-info" class="w-30">
+                        <i class="fa fa-info"></i>
+                        <span>Obfuscate Info?</span>
+            </label>
+            <input type="checkbox" checked=checked id="node-input-obfuscate-info"
+                              style="display:inline-block; width:15px; vertical-align:baseline;">
+         </div>
+         <div class="form-row">
+            <label for="node-input-obfuscate-javascript" class="w-30">
+                        <i class="fa fa-code"></i>
+                        <span>Obfuscate Javascript?</span>
+            </label>         
+            <input type="checkbox" checked=checked id="node-input-obfuscate-javascript"
+                              style="display:inline-block; width:15px; vertical-align:baseline;">
+         </div>
    </div>
 
 </script>