@gregoriusrippenstein/node-red-contrib-nodedev 0.5.9 → 0.6.0

package/nodes/templates/tmplsidebar.html

@@ -59,9 +59,7 @@
    }
 
    // Add your plugin as a new tabsheet in the right sidebar AFTER the flow editor is completely started
-   var initialiseConfigNodeOnce = () => {
-      RED.events.off('runtime-state', initialiseConfigNodeOnce);
-
+   var registerPluginOnAdd = () => {
       // The html content of the sidebar has been specified below as a data-template, from where it can be loaded:
       var content = $($('script[type="text/x-red"][data-template-name="{{ node.name }}"]').i18n().html());
     
@@ -144,8 +142,6 @@
       });
       {{/node.hasbutton}}
 
-      // At startup load your config node data into the plugin sidebar html elements
-      $("#node-input-data").val(globalYourConfigNode.data);
 
       // When the user has entered new data in the sidebar, then store it into the config node
       $("#node-input-data").on("change", function() {
@@ -159,8 +155,18 @@
             RED.nodes.dirty(true);
          }
       })
+
+      // anything that requires the config node goes here.
+      let fillInSidebarForm = () => {
+         RED.events.off('runtime-state', fillInSidebarForm )
+
+         // At startup load your config node data into the plugin sidebar html elements
+         $("#node-input-data").val(globalYourConfigNode.data);
+      }
+      RED.events.on('runtime-state', fillInSidebarForm )
    };
-   RED.events.on('runtime-state', initialiseConfigNodeOnce);
+
+   RED.plugins.registerPlugin("{{ node.name }}-sidebar-plugin", { onadd: registerPluginOnAdd });
 })();
 </script>
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name" : "@gregoriusrippenstein/node-red-contrib-nodedev",
-  "version": "0.5.9",
+  "version": "0.6.0",
   "dependencies": {
     "pako":          "^2.1.0",
     "tar-stream":    "^3.1.6",

package/plugins/node-factory-sidebar.html

@@ -133,9 +133,7 @@
    }
 
    // Add your plugin as a new tabsheet in the right sidebar AFTER the flow editor is completely started
-   var initialiseConfigNodeOnce = () => {
-      RED.events.off('runtime-state', initialiseConfigNodeOnce);
-
+   var initialiseSideBarForm = () => {
       // The html content of the sidebar has been specified below as a data-template, from where it can be loaded:
       var content = $($('script[type="text/x-red"][data-template-name="NodeFactorySidebar"]').i18n().html());
     
@@ -178,8 +176,6 @@
             label: 'Options'
       });
 
-      ensureYourConfigNodeExists();
-
       /*
          ************ Package importer handlers
       */
@@ -201,8 +197,7 @@
            // RED.nodes.dirty(true);
          }
       })
-      $("#node-input-nodefactorysidebar-package-version").val(globalYourConfigNode.pkgversion);
-
+      
       $("#node-input-nodefactorysidebar-package-name").on("change", function() {
         ensureYourConfigNodeExists();
 
@@ -213,7 +208,6 @@
            // RED.nodes.dirty(true);
         }
       })
-      $("#node-input-nodefactorysidebar-package-name").val(globalYourConfigNode.pkgname);
 
       $("#node-input-nodefactorysidebar-package-registry").on("change", function() {
         ensureYourConfigNodeExists();
@@ -225,8 +219,7 @@
            // RED.nodes.dirty(true);
         }
       })
-      $("#node-input-nodefactorysidebar-package-registry").val(globalYourConfigNode.pkgregistry);
-
+      
       /*
       ************* OTP generator handlers
       */
@@ -236,10 +229,6 @@
          typeField: "#node-input-nodedev-sidebar-otp-secretType"
       });
 
-      $("#node-input-nodedev-sidebar-otp-secret").typedInput( 'value', globalYourConfigNode.secret || globalYourConfigNode._def.defaults.secret.value );
-      $("#node-input-nodedev-sidebar-otp-secret").typedInput( 'type', globalYourConfigNode.secretType || globalYourConfigNode._def.defaults.secretType.value);
-
-
       $("#node-input-nodedev-sidebar-otp-secret").on('change', () => {
          ensureYourConfigNodeExists();
          
@@ -257,14 +246,6 @@
          }
       })
 
-      $('#node-input-nodedev-sidebar-otp-otptype').val(globalYourConfigNode.otptype || globalYourConfigNode._def.defaults.otptype.value)
-      $('#node-input-nodedev-sidebar-otp-algorithm').val(globalYourConfigNode.algorithm || globalYourConfigNode._def.defaults.algorithm.value)
-      $('#node-input-nodedev-sidebar-otp-issuer').val(globalYourConfigNode.issuer || globalYourConfigNode._def.defaults.issuer.value)
-      $('#node-input-nodedev-sidebar-otp-label').val(globalYourConfigNode.otplabel || globalYourConfigNode._def.defaults.otplabel.value)
-      $('#node-input-nodedev-sidebar-otp-digits').val(globalYourConfigNode.digits || globalYourConfigNode._def.defaults.digits.value)
-      $('#node-input-nodedev-sidebar-otp-period').val(globalYourConfigNode.period || globalYourConfigNode._def.defaults.period.value)
-      $('#node-input-nodedev-sidebar-otp-counter').val(globalYourConfigNode.counter || globalYourConfigNode._def.defaults.counter.value)
-
       $('#node-input-nodedev-sidebar-otp-otptype').on('change', () => {
          ensureYourConfigNodeExists();
          let val =  $('#node-input-nodedev-sidebar-otp-otptype').val()
@@ -343,9 +324,30 @@
             $('#node-input-nodedev-sidebar-otp').val(resp.data.otp)
          })
       })
+
+      let fillInSiderBarForm = () => {
+         RED.events.off('runtime-state', fillInSiderBarForm);
+         ensureYourConfigNodeExists();
+
+         $("#node-input-nodefactorysidebar-package-registry").val(globalYourConfigNode.pkgregistry);
+         $("#node-input-nodefactorysidebar-package-name").val(globalYourConfigNode.pkgname);
+         $("#node-input-nodedev-sidebar-otp-secret").typedInput( 'value', globalYourConfigNode.secret || globalYourConfigNode._def.defaults.secret.value );
+         $("#node-input-nodedev-sidebar-otp-secret").typedInput( 'type', globalYourConfigNode.secretType || globalYourConfigNode._def.defaults.secretType.value);
+
+         $('#node-input-nodedev-sidebar-otp-otptype').val(globalYourConfigNode.otptype || globalYourConfigNode._def.defaults.otptype.value)
+         $('#node-input-nodedev-sidebar-otp-algorithm').val(globalYourConfigNode.algorithm || globalYourConfigNode._def.defaults.algorithm.value)
+         $('#node-input-nodedev-sidebar-otp-issuer').val(globalYourConfigNode.issuer || globalYourConfigNode._def.defaults.issuer.value)
+         $('#node-input-nodedev-sidebar-otp-label').val(globalYourConfigNode.otplabel || globalYourConfigNode._def.defaults.otplabel.value)
+         $('#node-input-nodedev-sidebar-otp-digits').val(globalYourConfigNode.digits || globalYourConfigNode._def.defaults.digits.value)
+         $('#node-input-nodedev-sidebar-otp-period').val(globalYourConfigNode.period || globalYourConfigNode._def.defaults.period.value)
+         $('#node-input-nodedev-sidebar-otp-counter').val(globalYourConfigNode.counter || globalYourConfigNode._def.defaults.counter.value)
+
+         $("#node-input-nodefactorysidebar-package-version").val(globalYourConfigNode.pkgversion);
+      }
+      RED.events.on('runtime-state', fillInSiderBarForm);
    };
 
-   RED.events.on('runtime-state', initialiseConfigNodeOnce);
+   RED.plugins.registerPlugin("nodedev-sidebar-plugin", { onadd: initialiseSideBarForm });
 })();
 </script>