@gregoriusrippenstein/node-red-contrib-nodedev 0.1.7 → 0.1.8

package/README.md

@@ -62,10 +62,14 @@ Since all this happens in the browser, there is no leaving Node-RED, making it m
 ### Artifacts
 
 - [Flow that maintains](https://flowhub.org/f/b92be5062203ff69) this codebase
-- [GitHub repo](https://flows.nodered.org/node/@gregoriusrippenstein/node-red-contrib-nodedev)
+- [GitHub repo](https://github.com/gorenje/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)
 
+### Similar Projects
+
+- [node-maker](https://github.com/steveorevo/node-maker) which helps to make UI components for nodes in Node-RED.
+
 ### Outlook
 
 Wherever the road shall lead, there it will go.

package/nodes/10-node-factory.js

@@ -226,16 +226,22 @@ module.exports = function (RED) {
     function createSimpleNodeDefintions(msg,node) {
         var htmlPath = path.join(__dirname, 'templates', 'tmpl.html');
         var jsPath = path.join(__dirname, 'templates', 'tmpl.js');
+        var localeJsonPath = path.join(__dirname, 'templates', 'locale', 'en-US', 'tmpl.json')
+        var localeHtmlPath = path.join(__dirname, 'templates', 'locale', 'en-US', 'tmpl.html')
 
         var content = {};
 
         var promises = [
             handleTemplate(msg, node, fs.readFileSync(htmlPath, 'utf8')).then((c) => { content["html"] = c }),
             handleTemplate(msg, node, fs.readFileSync(jsPath, 'utf8')).then((c) => { content["jasc"] = c }),
+            handleTemplate(msg, node, fs.readFileSync(localeJsonPath, 'utf8')).then((c) => { content["ljsn"] = c }),
+            handleTemplate(msg, node, fs.readFileSync(localeHtmlPath, 'utf8')).then((c) => { content["lhtm"] = c }),
         ];
 
         return Promise.all(promises).then(() => {
             var secondId = RED.util.generateId();
+            var thirdId = RED.util.generateId();
+            var fourthId = RED.util.generateId();
 
             return [{
                 id: RED.util.generateId(),
@@ -250,7 +256,6 @@ module.exports = function (RED) {
                 y: 50,
                 wires: [[secondId]]
             },
-
             {
                 id: secondId,
                 type: "PkgFile",
@@ -262,8 +267,35 @@ module.exports = function (RED) {
                 output: "str",
                 x: 100,
                 y: 100,
+                wires: [[thirdId]]
+            },
+            {
+                id: thirdId,
+                type: "PkgFile",
+                name: "Locale: " + msg.node.name + ".json",
+                filename: "nodes/locales/en-US/" + msg.node.namelwr + ".json",
+                template: content["ljsn"],
+                syntax: "mustache",
+                format: "json",
+                output: "str",
+                x: 120,
+                y: 150,
+                wires: [[fourthId]]
+            },
+            {
+                id: fourthId,
+                type: "PkgFile",
+                name: "Locale: " + msg.node.name + ".html",
+                filename: "nodes/locales/en-US/" + msg.node.namelwr + ".html",
+                template: content["lhtm"],
+                syntax: "mustache",
+                format: "html",
+                output: "str",
+                x: 120,
+                y: 200,
                 wires: [[]]
-            }]
+            }
+            ]
         })
     }
 

package/nodes/templates/locale/en-US/tmpl.html

@@ -0,0 +1,4 @@
+<script type="text/html" data-help-name="{{ node.name }}">
+  <p>{{{ node.summary }}}</p>
+  {{{ node.description }}}
+</script>

package/nodes/templates/locale/en-US/tmpl.json

@@ -0,0 +1,24 @@
+{
+  "{{ node.name }}": {
+{{#node.bak2frtcomm}}
+      "notify": {
+         "commfrombackend": "Backend sent something to the frontend - check browser console.",
+         "msgfrombackend": "message from backend"
+  {{ #node.frt2bakcomm }}
+      },
+  {{ /node.frt2bakcomm }}
+  {{ ^node.frt2bakcomm }}
+      }
+  {{ /node.frt2bakcomm }}
+{{/node.bak2frtcomm}}
+
+{{ #node.frt2bakcomm }}
+      "notifyf2b": {
+          "submissionfailed": "submission failed",
+          "buttonpressed": "button pressed on frontend",
+          "success": "Successfully sent something to the backend"
+      }
+{{ /node.frt2bakcomm }}
+
+  }
+}

package/nodes/templates/tmpl.html

@@ -15,7 +15,7 @@
         }),
 
         success: function (resp) {
-          RED.notify("Successfully sent something to the backend", {
+          RED.notify( RED._("{{ node.name}}.notifyf2b.success"), {
             type: "warning",
             id: "{{node.name}}",
             timeout: 2000
@@ -84,7 +84,7 @@
       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.", {
+        RED.notify(RED._("{{ node.name}}.notify.commfrombackend"), {
             type: "success",
             id: "{{node.name}}",
             timeout: 2000
@@ -125,7 +125,7 @@
 
         {{ #node.frt2bakcomm }}
         var that = this;
-        sendToBackend(that, {"payload": "button pressed on frontend"})
+        sendToBackend(that, {"payload": RED._("{{ node.name}}.notifyf2b.buttonpressed")})
         {{ /node.frt2bakcomm }}
 
         /* here goes the button code to be executed on click */
@@ -138,13 +138,8 @@
 </script>
 
 <script type="text/html" data-template-name="{{ node.name }}">
-    <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="{{ node.name }}">
-  <p>{{{ node.summary }}}</p>
-  {{{ node.description }}}
+  <div class="form-row">
+    <label for="node-input-name"><i class="fa fa-tag"></i> <span data-i18n="node-red:common.label.name"></span></label>
+    <input type="text" id="node-input-name" data-i18n="[placeholder]node-red:common.label.name">
+  </div>
 </script>

package/nodes/templates/tmpl.js

@@ -14,8 +14,8 @@ module.exports = function(RED) {
       {{#node.bak2frtcomm}}
         RED.comms.publish("{{node.name}}:message-from-backend",
                RED.util.encodeObject({
-                    ...msg,
-                    "data": "message from backend",
+                  ...msg,
+                  "data": RED._("{{ node.name}}.notify.msgfrombackend"),
                 })
         );
       {{/node.bak2frtcomm}}
@@ -49,7 +49,7 @@ module.exports = function(RED) {
         } catch (err) {
           console.error(err);
           res.status(500).send(err.toString());
-          node.error("{{ node.name }}: Submission failed: " + err.toString())
+          node.error("{{ node.name }}: " + RED._("{{ node.name }}.notifyf2b.submissionfailed") + ": " + err.toString())
         }
       } else {
         res.sendStatus(404);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name" : "@gregoriusrippenstein/node-red-contrib-nodedev",
-  "version": "0.1.7",
+  "version": "0.1.8",
   "dependencies": {
     "pako":          "latest",
     "tar-stream":    "latest",