@gregoriusrippenstein/node-red-contrib-nodedev 0.0.9 → 0.1.0

package/README.md

@@ -45,6 +45,14 @@ Normally when developing nodes for Node-RED, a restart is necessary to flush old
 
 Since all this happens in the browser, there is no leaving Node-RED, making it more efficient to test and modify nodes. Renaming of packages can be done automagically as demonstrated by the [flow](https://flowhub.org/f/b92be5062203ff69) that maintains these nodes.
 
+### Artifacts
+
+- [Flow that maintains](https://flowhub.org/f/b92be5062203ff69) this codebase
+- [GitHub repo](https://flows.nodered.org/node/@gregoriusrippenstein/node-red-contrib-nodedev)
+- [NPMjs node package](https://www.npmjs.com/package/@gregoriusrippenstein/node-red-contrib-nodedev)
+- [Node-RED node package](https://flows.nodered.org/node/@gregoriusrippenstein/node-red-contrib-nodedev)
+
 ### Outlook
 
 Wherever the road shall lead, there it will go.
+

package/nodes/05-node-dev-ops.html

@@ -0,0 +1,286 @@
+<script type="text/javascript">
+  (function(){
+  
+    function sendToBackend(node,data = {}) {
+
+      $.ajax({
+        url:         "NodeDevOps/" + node.id,
+        type:        "POST",
+        contentType: "application/json; charset=utf-8",
+
+        data: JSON.stringify(data),
+
+        success: function (resp) {
+          RED.notify("Node Developer Operation trigger", {
+            type: "success",
+            id: "NodeDevOps",
+            timeout: 2000
+          });
+        },
+
+        error: function (jqXHR, textStatus, errorThrown) {
+          if (jqXHR.status == 404) {
+            RED.notify("Node has not yet been deployed, please deploy.", "error");
+          } else if (jqXHR.status == 405) {
+            RED.notify("Not Allowed.", "error");
+          } else if (jqXHR.status == 500) {
+            RED.notify(node._("common.notification.error", {
+              message: node._("inject.errors.failed")
+            }), "error");
+          } else if (jqXHR.status == 0) {
+            RED.notify(node._("common.notification.error", {
+              message: node._("common.notification.errors.no-response")
+            }), "error");
+          } else {
+            RED.notify(node._("common.notification.error", {
+              message: node._("common.notification.errors.unexpected", {
+                status: jqXHR.status, message: textStatus }) }), "error");
+          }
+        }
+      });
+    }
+  
+  RED.nodes.registerType('NodeDevOps',{
+    color: '#e5e4ef',
+    icon: "font-awesome/fa-terminal",
+    category: 'nodedev',
+    defaults: {
+      name: { value:"" },
+
+      pname: { value: "", required: true },
+      pversion: { value: "", required: true },
+
+      noderedinstall: { value: false },
+      randompackagename: { value: false },
+
+      gitcommit: { value: false },
+      gitcheckforchange: { value: false },
+      githubowner: { value: ""},
+      githubrepo: { value: ""},
+      githubbranch: { value: "main"},
+      githubauthor: { value: ""},
+      githubauthoremail: { value: "" },
+      githubmessage: { value: "" },
+
+      npmpublish: { value: false },
+      npmunpublish: { value: false },
+      npmotp: { value: ""},
+    },
+
+    inputs: 0,
+    outputs: 1,
+
+    label: function() {
+      return (this.name || this._def.paletteLabel);
+    },
+
+    labelStyle: function() {
+      return this.name?"node_label_italic":"";
+    },
+
+    onpaletteadd: function() {
+    },
+
+    oneditprepare: function() {
+
+     $('#node-input-noderedinstall').on('change', () => {
+          if ( $('#node-input-noderedinstall').is(":checked") ) {
+              $("#noderedinstall-options").animate({opacity: 'show', height: 'show'}, 450);
+          } else {
+              $("#noderedinstall-options").animate({opacity: 'hide', height: 'hide'}, 450);
+          }
+     });
+
+     $('#node-input-gitcommit').on('change', () => {
+          if ( $('#node-input-gitcommit').is(":checked") ) {
+              $("#github-options").animate({opacity: 'show', height: 'show'}, 450);
+              $("#gitcommit-options").animate({opacity: 'show', height: 'show'}, 450);
+              $('#node-input-gitcheckforchange').prop('checked',false)
+          } else {
+              $("#gitcommit-options").animate({opacity: 'hide', height: 'hide'}, 450);
+              if ( !$('#node-input-gitcheckforchange').is(":checked") ) {
+                $("#github-options").animate({opacity: 'hide', height: 'hide'}, 450);
+              }
+          }
+     });
+
+     $('#node-input-gitcheckforchange').on('change', () => {
+          if ( $('#node-input-gitcheckforchange').is(":checked") ) {
+              $("#github-options").animate({opacity: 'show', height: 'show'}, 450);
+              $("#gitcommit-options").animate({opacity: 'hide', height: 'hide'}, 450);
+              $('#node-input-gitcommit').prop('checked',false)
+          } else {
+            if ( !$('#node-input-gitcommit').is(":checked") ) {
+              $("#github-options").animate({opacity: 'hide', height: 'hide'}, 450);
+              $("#gitcommit-options").animate({opacity: 'hide', height: 'hide'}, 450);
+            }
+          }
+     });
+
+     $('#node-input-npmpublish').on('change', () => {
+          if ( $('#node-input-npmpublish').is(":checked") ) {
+              $("#npmpublish-options").animate({opacity: 'show', height: 'show'}, 450);
+              $('#node-input-npmunpublish').prop('checked',false)
+          } else {
+            if ( !$('#node-input-npmunpublish').is(":checked") ) {
+              $("#npmpublish-options").animate({opacity: 'hide', height: 'hide'}, 450);
+            }
+          }
+     });
+
+     $('#node-input-npmunpublish').on('change', () => {
+          if ( $('#node-input-npmunpublish').is(":checked") ) {
+              $("#npmpublish-options").animate({opacity: 'show', height: 'show'}, 450);
+              $('#node-input-npmpublish').prop('checked',false)
+          } else {
+            if ( !$('#node-input-npmpublish').is(":checked") ) {
+              $("#npmpublish-options").animate({opacity: 'hide', height: 'hide'}, 450);
+            }
+          }
+     });
+
+    },
+
+    oneditcancel: function() {
+    },
+
+    oneditsave: function() {
+    },
+
+    onpaletteremove: function() {
+    },
+
+
+    button: {
+      enabled: function() {
+        return !this.changed
+      },
+
+      onclick: function () {
+        if (this.changed) {
+          return RED.notify(RED._("notification.warning", {
+            message: RED._("notification.warnings.undeployedChanges")
+          }), "warning");
+        }
+
+        var that = this;
+        var data = {}
+
+        Object.keys(that._def.defaults).forEach( kname => {
+          data[kname] = that[kname]
+        })
+        
+        sendToBackend(that, data)
+      }
+    },
+
+  });
+})();
+</script>
+
+<script type="text/html" data-template-name="NodeDevOps">
+  <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>
+
+  <hr/>
+  
+  <div class="form-row">
+    <label for="node-input-pname" style="min-width: 150px;"><i class="fa fa-tag"></i> Package Name</label>
+    <input type="text" id="node-input-pname" placeholder="@username/node-red-contrib-somename"/>
+  </div>
+
+  <div class="form-row">
+    <label for="node-input-pversion" style="min-width: 150px;"><i class="fa fa-tag"></i> Package Version</label>
+    <input type="text" id="node-input-pversion" placeholder="0.0.1"/>
+  </div>
+  
+  <hr/>
+
+  <div class="form-row">
+    <label for="node-input-noderedinstall" style="min-width: 120px;">
+              <span>Install locally?</span>
+          </label>
+    <input type="checkbox" id="node-input-noderedinstall" style="display:inline-block; width:15px; vertical-align:baseline;">
+  </div>
+  
+  <div id="noderedinstall-options">
+    <div class="form-row">
+      <label for="node-input-randompackagename" style="min-width: 180px;">
+                <span>Randomise Package Name?</span>
+            </label>
+      <input type="checkbox" id="node-input-randompackagename" style="display:inline-block; width:15px; vertical-align:baseline;">
+    </div>
+  </div>
+
+  <hr/>
+  <div class="form-row">
+    <label for="node-input-npmpublish" style="min-width: 120px;">
+         <span>NPMjs: Publish</span>
+    </label>
+    <input type="checkbox" id="node-input-npmpublish" style="display:inline-block; width:15px; vertical-align:baseline;">
+    <label for="node-input-npmunpublish" style="margin-left: 30px; min-width: 100px;">
+           <span>Unpublish</span>
+    </label>
+    <input type="checkbox" id="node-input-npmunpublish" style="display:inline-block; width:15px; vertical-align:baseline;">
+  </div>
+
+  <div id="npmpublish-options">
+    <div class="form-row">
+      <label for="node-input-npmotp" style="min-width: 150px;"><i class="fa fa-tag"></i> One Time Password</label>
+      <input type="text" id="node-input-npmotp" placeholder="111999"/>
+    </div>
+  </div>
+
+  <hr />
+  <div class="form-row">
+      <label for="node-input-gitcommit" style="min-width: 120px;">
+               <span>GitHub: Commit?</span>
+      </label>
+    <input type="checkbox" id="node-input-gitcommit" style="display:inline-block; width:15px; vertical-align:baseline;">
+    <label for="node-input-gitcheckforchange" style="margin-left: 30px; min-width: 100px;">
+                <span>What changed?</span>
+     </label>
+     <input type="checkbox" id="node-input-gitcheckforchange" style="display:inline-block; width:15px; vertical-align:baseline;">
+  </div>
+
+
+  <div id="github-options">
+    <div class="form-row">
+      <label for="node-input-githubowner" style="min-width: 150px;"><i class="fa fa-tag"></i> GitHub Username</label>
+      <input type="text" id="node-input-githubowner" placeholder="username"/>
+    </div>
+    <div class="form-row">
+       <label for="node-input-githubrepo" style="min-width: 150px;"><i class="fa fa-tag"></i> Repository</label>
+       <input type="text" id="node-input-githubrepo" placeholder=""/>
+    </div>
+    <div class="form-row">
+       <label for="node-input-githubbranch" style="min-width: 150px;"><i class="fa fa-tag"></i> Branch</label>
+       <input type="text" id="node-input-githubbranch" placeholder="main"/>
+    </div>
+  </div>
+
+  <div id="gitcommit-options">
+    <div class="form-row">
+      <label for="node-input-githubmessage" style="min-width: 150px;"><i class="fa fa-tag"></i> Commit Message</label>
+      <input type="text" id="node-input-githubmessage" placeholder="Initial Commit"/>
+    </div>
+    <div class="form-row">
+      <label for="node-input-githubauthor" style="min-width: 150px;"><i class="fa fa-tag"></i> Author Name</label>
+      <input type="text" id="node-input-githubauthor" placeholder="Joe Blog"/>
+    </div>
+    <div class="form-row">
+      <label for="node-input-githubauthoremail" style="min-width: 150px;"><i class="fa fa-tag"></i> Author Email</label>
+      <input type="text" id="node-input-githubauthoremail" placeholder="joe@spreads-the.love"/>
+    </div>
+  </div>
+</script>
+
+<script type="text/html" data-help-name="NodeDevOps">
+  <p>NodeDevOps is the operations node that controals what happens with the package.</p>
+  Possible actions that can happen are GitHub commits and diffs, NPM publish or unpublish and installing the package
+  locally for local testing.
+
+  Local installations can be uninstalled so that changes can tested and modified quickly.
+</script>

package/nodes/05-node-dev-ops.js

@@ -0,0 +1,51 @@
+module.exports = function (RED) {
+    function NodeDevOpsFunctionality(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) {
+            msg.commit_message = msg.githubmessage;
+            
+            if (msg.randompackagename) {
+                msg.pname += Math.random().toString().substring(2)
+            }
+
+            if (msg.randompackagename && (msg.gitcommit || msg.npmpublish || msg.npmunpublish) ) {
+                done("Cannot randomise package and perform GitHub or NPM operation", msg)
+                return
+            }
+            send(msg);
+            done();
+        });
+    }
+
+    RED.nodes.registerType("NodeDevOps", NodeDevOpsFunctionality);
+
+    RED.httpAdmin.post("/NodeDevOps/:id",
+        RED.auth.needsPermission("NodeDevOps.write"),
+        (req, res) => {
+            var node = RED.nodes.getNode(req.params.id);
+            if (node != null) {
+                try {
+                    if (req.body && node.type == "NodeDevOps") {                        
+                        node.receive(req.body);
+                        res.status(200).send({ status: "ok" })
+                    } else {
+                        res.sendStatus(404);
+                    }
+                } catch (err) {
+                    console.error(err);
+                    res.status(500).send(err.toString());
+                    node.error("NodeDevOps: Submission failed: " + err.toString())
+                }
+            } else {
+                res.sendStatus(404);
+            }
+        });
+}

package/nodes/10-node-factory.html

@@ -62,6 +62,26 @@
         </div>
     </div>
 
+    <div class="form-row">
+        <label for="node-input-frt2bakcomm" style="min-width: 250px;">
+                <span>Frontend to Backend communication?</span>
+            </label>
+        <input type="checkbox" id="node-input-frt2bakcomm" style="display:inline-block; width:15px; vertical-align:baseline;">
+    </div>
+
+    <div class="form-row">
+        <label for="node-input-bak2frtcomm" style="min-width: 250px;">
+                <span>Backend to Frontend communication?</span>
+            </label>
+        <input type="checkbox" id="node-input-bak2frtcomm" style="display:inline-block; width:15px; vertical-align:baseline;">
+    </div>
+
+    <div class="form-row">
+        <label for="node-input-createmanifest" style="min-width: 250px;">
+                <span>Create manifest?</span>
+            </label>
+        <input type="checkbox" id="node-input-createmanifest" style="display:inline-block; width:15px; vertical-align:baseline;">
+    </div>
 
     <div class="form-row">
         <button id="node-input-generate-tmplnodes-but"
@@ -96,14 +116,19 @@
         */
         data["summary"]     = node.editorSummary.getValue();
         data["description"] = node.editorDesc.getValue();
-        data["hasbutton"]   = $('#node-input-hasbutton').is(":checked");
-        data["hasinput"]    = $('#node-input-hasinput').is(":checked");
+        
         data["color"]       = $('#node-input-colour').val();
         data["icon"]        = $('#red-ui-editor-node-icon').val();
         data["name"]        = $('#node-input-nodename').val();
         data["outputcount"] = $('#node-input-outputcount').val();
         data["category"]    = $('#node-input-category').val();
 
+        data["hasbutton"]      = $('#node-input-hasbutton').is(":checked");
+        data["hasinput"]       = $('#node-input-hasinput').is(":checked");
+        data["bak2frtcomm"]    = $('#node-input-bak2frtcomm').is(":checked");
+        data["frt2bakcomm"]    = $('#node-input-frt2bakcomm').is(":checked");
+        data["createmanifest"] = $('#node-input-createmanifest').is(":checked");
+        
         data["__task"]      = "generate_from_templates";
                 
         $.ajax({
@@ -118,7 +143,7 @@
             success: function (resp) {
                 $('#node-dialog-ok').trigger('click');
 
-                RED.notify("Data sent", {
+                RED.notify("Preparing Node...", {
                     type: "warning",
                     timeout: 2000
                 });
@@ -161,7 +186,10 @@
             category: { value: "" },
             summary: { value: ""},
             description: { value: ""},
-            icon: { value: "font-awesome/fa-industry" }
+            icon: { value: "font-awesome/fa-industry" },
+            frt2bakcomm: { value: false },
+            bak2frtcomm: { value: false },
+            createmanifest: { value: false }
         },
         inputs: 1,
         outputs: 1,
@@ -300,6 +328,9 @@
             delete this.editorDesc;
         },
 
+        onpaletteremove: function() {
+        },
+
         oneditresize: function (size) {
         },
     });

package/nodes/10-node-factory.js

@@ -9,6 +9,13 @@ module.exports = function (RED) {
     var streamx = require('streamx');
     var pakoGzip = require('pako');
 
+    var spcRepDict = {
+        "ocb2": "{{",
+        "ocb3": "{{{",
+        "ccb3": "}}}",
+        "ccb2": "}}"
+    };
+
     function extractTokens(tokens, set) {
         set = set || new Set();
         tokens.forEach(function (token) {
@@ -42,6 +49,14 @@ module.exports = function (RED) {
         return undefined;
     }
 
+    function parseIntern(key) {
+        var match = /^__\.(.+)$/.exec(key);
+        if (match) {
+            return match[1];
+        }
+        return undefined;
+    }
+
     /**
      * Custom Mustache Context capable to collect message property and node
      * flow and global context
@@ -72,6 +87,11 @@ module.exports = function (RED) {
                 return value;
             }
 
+            var spcRep = parseIntern(name)
+            if ( spcRep ) {
+                return spcRepDict[spcRep] || ("UNFOUND - " + spcRep);
+            }
+
             // try env
             if (parseEnv(name)) {
                 return this.cachedContextTokens[name];
@@ -88,6 +108,7 @@ module.exports = function (RED) {
                     return this.cachedContextTokens[name];
                 }
             }
+            
             return '';
         }
         catch (err) {
@@ -160,11 +181,7 @@ module.exports = function (RED) {
             output: "str",
             x: 100,
             y: 50,
-            wires: [
-                [
-                    secondId
-                ]
-            ]
+            wires: [[secondId]]
         })
 
         allNodes.push({
@@ -178,15 +195,84 @@ module.exports = function (RED) {
             output: "str",
             x: 100,
             y: 100,
-            wires: [
-                [
-                ]
-            ]
+            wires: [[]]
         })
 
         return allNodes;
     }
 
+    function createManifestFiles(msg, node, nodeDefinitions) {
+        /* ASSUMPTION: assume the .js file is defined first and 
+        then the .html file in the node definitions */
+
+        var packageJsonPath = path.join(__dirname, 'templates', 'tmplpackage.json');
+        var readmePath = path.join(__dirname, 'templates', 'tmplreadme.md');
+        var licensePath = path.join(__dirname, 'templates', 'tmpllicense');
+
+        var pkjsTmpl = fs.readFileSync(packageJsonPath, 'utf8');
+        var rdmeTmpl = fs.readFileSync(readmePath, 'utf8');
+        var lcnsTmpl = fs.readFileSync(licensePath, 'utf8');
+
+        spcRepDict["nodestanza"] = " \"" + msg.node.name.toLowerCase() + "\": \"" + nodeDefinitions[0].filename + "\""
+
+        var content = {};
+
+        var promises = [
+            handleTemplate(msg, node, pkjsTmpl).then((c) => { content["pkjs"] = c }),
+            handleTemplate(msg, node, rdmeTmpl).then((c) => { content["rdme"] = c }),
+            handleTemplate(msg, node, lcnsTmpl).then((c) => { content["lcns"] = c }),
+        ];
+
+        return Promise.all(promises).then( () => {
+            var secondId = RED.util.generateId();
+            var thirdId = RED.util.generateId();
+
+            nodeDefinitions.push({
+                id: RED.util.generateId(),
+                type: "PkgFile",
+                name: "LICENSE",
+                filename: "LICENSE",
+                template: content["lcns"],
+                syntax: "mustache",
+                format: "text",
+                output: "str",
+                x: 100,
+                y: -100,
+                wires: [[ secondId ]]
+            })
+
+            nodeDefinitions.push({
+                id: secondId,
+                type: "PkgFile",
+                name: "README.md",
+                filename: "README.md",
+                template: content["rdme"],
+                syntax: "mustache",
+                format: "markdown",
+                output: "str",
+                x: 100,
+                y: -50,
+                wires: [[thirdId]]
+            })
+
+            nodeDefinitions.push({
+                id: thirdId,
+                type: "PkgFile",
+                name: "package.json",
+                filename: "package.json",
+                template: content["pkjs"],
+                syntax: "mustache",
+                format: "json",
+                output: "str",
+                x: 100,
+                y: 0,
+                wires: [[nodeDefinitions[0].id]]
+            })
+
+            return nodeDefinitions;
+        })
+    }
+
     function NodeFactoryFunctionality(config) {
         RED.nodes.createNode(this, config);
 
@@ -208,22 +294,47 @@ module.exports = function (RED) {
 
                     handleTemplate(msg, node, jsonTmpl).then(function (data) {
                         var jsData = data;
+
                         handleTemplate(msg, node, htmlTmpl).then(function (data) {
-                            var nodeImpStr = JSON.stringify(convertToPkgFileNodes(msg, jsData, data));
-
-                            send({ payload: nodeImpStr })
-
-                            RED.comms.publish(
-                                "nodedev:perform-autoimport-nodes",
-                                RED.util.encodeObject({
-                                    msg: "autoimport",
-                                    payload: nodeImpStr,
-                                    topic: msg.topic,
-                                    nodeid: node.id,
-                                    _msg: msg
+                            var nodeDef = convertToPkgFileNodes(msg, jsData, data)
+
+                            if (msg.node.createmanifest ) {
+                                /* create the package.json, readme and license files */
+                                createManifestFiles(msg, node, nodeDef).then( (data) => {
+                                    var nodeImpStr = JSON.stringify(data);
+
+                                    send({ payload: nodeImpStr })
+
+                                    RED.comms.publish(
+                                        "nodedev:perform-autoimport-nodes",
+                                        RED.util.encodeObject({
+                                            msg: "autoimport",
+                                            payload: nodeImpStr,
+                                            topic: msg.topic,
+                                            nodeid: node.id,
+                                            _msg: msg
+                                        })
+                                    );
+                                }).catch( (err) => {
+                                    msg.error = err
+                                    done(err.message, msg)
                                 })
-                            );
-
+                            } else {
+                                var nodeImpStr = JSON.stringify(nodeDef);
+
+                                send({ payload: nodeImpStr })
+
+                                RED.comms.publish(
+                                    "nodedev:perform-autoimport-nodes",
+                                    RED.util.encodeObject({
+                                        msg: "autoimport",
+                                        payload: nodeImpStr,
+                                        topic: msg.topic,
+                                        nodeid: node.id,
+                                        _msg: msg
+                                    })
+                                );
+                            }
                             done()
                         }).catch((err) => {
                             msg.error = err

package/nodes/30-npm-tarball.html

@@ -9,7 +9,7 @@
         },
         inputs: 1,
         outputs: 1,
-        icon: "font-awesome/fa-birthday-cake",
+        icon: "font-awesome/fa-archive",
         label: function() {
             return this.name || this._def.paletteLabel;
         },

package/nodes/50-npm-publish.js

@@ -43,7 +43,7 @@ module.exports = function (RED) {
                 var userscope = manifest.name.split("/")[0];
                 opts[userscope + ":registry"] = "https://registry.npmjs.org"
 
-                if (cfg.action == "publish") {
+                if (msg.npmpublish || cfg.action == "publish") {
                     libpub.publish(
                         manifest, tarball, opts
                     ).then((data) => {
@@ -54,19 +54,19 @@ module.exports = function (RED) {
                         msg.error = exp;
                         done("publish failed", msg)
                     })
-                }
-
-                if (cfg.action == "unpublish") {
-                    libpub.unpublish(
-                        manifest.name, opts
-                    ).then((data) => {
-                        msg.payload = JSON.stringify(data);
-                        send(msg)
-                        done()
-                    }).catch((exp) => {
-                        msg.error = exp;
-                        done("publish failed", msg)
-                    })
+                } else {
+                    if (msg.npmunpublish || cfg.action == "unpublish") {
+                        libpub.unpublish(
+                            manifest.name, opts
+                        ).then((data) => {
+                            msg.payload = JSON.stringify(data);
+                            send(msg)
+                            done()
+                        }).catch((exp) => {
+                            msg.error = exp;
+                            done("unpublish failed", msg)
+                        })
+                    }
                 }
             })
         });

package/nodes/templates/tmpl.html

@@ -1,5 +1,49 @@
 <script type="text/javascript">
 (function(){
+  
+{{ #node.frt2bakcomm }}
+    function sendToBackend(node,data = {}) {
+
+      $.ajax({
+        url:         "{{ node.name }}/" + node.id,
+        type:        "POST",
+        contentType: "application/json; charset=utf-8",
+
+        data: JSON.stringify({
+          ...data,
+          hello:  "world",
+        }),
+
+        success: function (resp) {
+          RED.notify("Successfully sent something to the backend", {
+            type: "warning",
+            id: "{{node.name}}",
+            timeout: 2000
+          });
+        },
+
+        error: function (jqXHR, textStatus, errorThrown) {
+          if (jqXHR.status == 404) {
+            RED.notify("Node has not yet been deployed, please deploy.", "error");
+          } else if (jqXHR.status == 405) {
+            RED.notify("Not Allowed.", "error");
+          } else if (jqXHR.status == 500) {
+            RED.notify(node._("common.notification.error", {
+              message: node._("inject.errors.failed")
+            }), "error");
+          } else if (jqXHR.status == 0) {
+            RED.notify(node._("common.notification.error", {
+              message: node._("common.notification.errors.no-response")
+            }), "error");
+          } else {
+            RED.notify(node._("common.notification.error", {
+              message: node._("common.notification.errors.unexpected", {
+                status: jqXHR.status, message: textStatus }) }), "error");
+          }
+        }
+      });
+    }
+{{ /node.frt2bakcomm }}
 
   function frontendSupportFunction() {
   }
@@ -36,6 +80,18 @@
     },
 
     onpaletteadd: function() {
+      {{#node.bak2frtcomm}}
+      this.messageFromBackendHandler = (topic,dataobj) => {
+        console.log( "here goes the code for handling a message from the backend", topic, dataobj);
+
+        RED.notify("Backend sent something to the frontend - check browser console.", {
+            type: "success",
+            id: "{{node.name}}",
+            timeout: 2000
+        });
+      };
+      RED.comms.subscribe('{{node.name}}:message-from-backend',this.messageFromBackendHandler);
+      {{/node.bak2frtcomm}}
     },
 
     oneditprepare: function() {
@@ -47,6 +103,13 @@
     oneditsave: function() {
     },
 
+    onpaletteremove: function() {
+      {{#node.bak2frtcomm}}
+      RED.comms.unsubscribe('{{node.name}}:message-from-backend',this.messageFromBackendHandler);
+      {{/node.bak2frtcomm}}
+    },
+
+
     {{#node.hasbutton}}
     button: {
       enabled: function() {
@@ -59,6 +122,13 @@
             message: RED._("notification.warnings.undeployedChanges")
           }), "warning");
         }
+
+        {{ #node.frt2bakcomm }}
+        var that = this;
+        sendToBackend(that, {"payload": "button pressed on frontend"})
+        {{ /node.frt2bakcomm }}
+
+        /* here goes the button code to be executed on click */
       }
     },
     {{/node.hasbutton}}

package/nodes/templates/tmpl.js

@@ -9,10 +9,51 @@ module.exports = function(RED) {
       node.status({});
     });
 
+    /* msg handler, in this case pass the message on unchanged */
     node.on("input", function(msg, send, done) {
+      {{#node.bak2frtcomm}}
+        RED.comms.publish("{{node.name}}:message-from-backend",
+               RED.util.encodeObject({
+                    ...msg,
+                    "data": "message from backend",
+                })
+        );
+      {{/node.bak2frtcomm}}
         send(msg);
         done();
     });
   }
+
   RED.nodes.registerType("{{ node.name }}", {{ node.name }}Functionality);
+
+{{ #node.frt2bakcomm }}
+  RED.httpAdmin.post("/{{ node.name }}/:id",
+    RED.auth.needsPermission("{{ node.name }}.write"),
+    (req, res) => {
+      var node = RED.nodes.getNode(req.params.id);
+      if (node != null) {
+        try {
+          if (req.body && node.type == "{{ node.name }}") {
+              /* here goes the code for handling a request from the frontend */
+
+              /* this sends the request to the input handler above */
+              node.receive(req.body);
+
+              /* this tells the frontend that all went well */
+              res.status(200).send({
+                "status": "ok"
+              })
+          } else {
+            res.sendStatus(404);
+          }
+        } catch (err) {
+          console.error(err);
+          res.status(500).send(err.toString());
+          node.error("{{ node.name }}: Submission failed: " + err.toString())
+        }
+      } else {
+        res.sendStatus(404);
+      }
+    });
+  {{/node.frt2bakcomm}}
 }

package/nodes/templates/tmpllicense

@@ -0,0 +1,4 @@
+# LICENSE
+
+License texts comes here.
+

package/nodes/templates/tmplpackage.json

@@ -0,0 +1,33 @@
+{
+  "name" : "{{__.ocb3}} pname {{__.ccb3}}",
+  "version": "{{__.ocb2}} pversion {{__.ccb2}}",
+  "dependencies": {
+  },
+
+  "keywords": [
+    "node-red"
+  ],
+
+  "homepage": "https://github.com/{{__.ocb2}} githubowner {{__.ccb2}}/{{__.ocb2}} githubrepo {{__.ccb2}}#readme",
+  "license": "Don't do evil.",
+  "author": "Joe Blog <joe.blog@spreads-the.love>",
+  "engines": {
+    "node": ">=14"
+  },
+
+  "node-red" : {
+    "version": ">=3.0.0",
+    "nodes": {
+      {{{__.nodestanza}}}
+    }
+  },
+
+  "description": "Description of what these nodes do.",
+  "repository": {
+    "type": "github",
+    "url": "git+https://github.com/{{__.ocb2}} githubowner {{__.ccb2}}/{{__.ocb2}} githubrepo {{__.ccb2}}.git"
+  },
+  "bugs": {
+    "url": "https://github.com/{{__.ocb2}} githubowner {{__.ccb2}}/{{__.ocb2}} githubrepo {{__.ccb2}}"
+  }
+}

package/nodes/templates/tmplreadme.md

@@ -0,0 +1,4 @@
+# {{ node.name }}
+
+Describe what the package does here.
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name" : "@gregoriusrippenstein/node-red-contrib-nodedev",
-  "version": "0.0.9",
+  "version": "0.1.0",
   "dependencies": {
     "pako":          "latest",
     "tar-stream":    "latest",
@@ -13,7 +13,7 @@
     "node-red", "node development", "introspection", "bootstrapping", "recursion"
   ],
 
-  "homepage": "https://github.com/gorenje/node-red-contrib-nodedev",
+  "homepage": "https://github.com/gorenje/node-red-contrib-nodedev#README.md",
   "license": "Don't do evil.",
   "author": "Gerrit Riessen <does.anyone@spread-the.love> (https://spread-the.love)",
   "engines": {
@@ -23,6 +23,7 @@
   "node-red" : {
     "version": ">=3.0.0",
     "nodes": {
+      "nodedevops":     "nodes/05-node-dev-ops.js",
       "nodefactory":    "nodes/10-node-factory.js",
       "pkgfile":        "nodes/20-pkg-file.js",
       "npmtarball":     "nodes/30-npm-tarball.js",