j1_template 2019.4.7 → 2019.4.8

data/lib/starter_web/assets/themes/j1/adapter/js/octokit.app_only.js

@@ -0,0 +1,433 @@
+---
+regenerate:                             false
+---
+
+{% capture cache %}
+
+{% comment %}
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/adapter/js/octokit.js
+ # Liquid template to adapt GH WebHooks Core functions
+ #
+ # Product/Info:
+ # https://jekyll.one
+ # Copyright (C) 2019 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # For details, see https://jekyll.one
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #  {{ liquid_var | debug }}
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Liquid procedures
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% comment %} Set global settings
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign environment       = site.environment %}
+{% assign template_version  = site.version %}
+
+{% comment %} Process YML config data
+================================================================================ {% endcomment %}
+
+{% comment %} Set config files
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign site_config       = site %}
+{% assign template_config   = site.data.template_settings %}
+{% assign blocks            = site.data.blocks %}
+{% assign modules           = site.data.modules %}
+
+{% comment %} Set config data
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign webhook_defaults = modules.defaults.webhook.defaults %}
+{% assign webhook_settings = modules.webhook.settings %}
+
+{% comment %} Set config options
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign webhook_options  = webhook_defaults | merge: webhook_settings %}
+
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/adapter/js/octokit.js
+ # J1 Adapter for GH WebHooks
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2019 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # For details, see https://jekyll.one
+ # -----------------------------------------------------------------------------
+ # Adapter generated: {{site.time}}
+ # -----------------------------------------------------------------------------
+*/
+'use strict';
+
+{% comment %} Main
+-------------------------------------------------------------------------------- {% endcomment %}
+j1.adapter['octokit'] = (function (j1, window) {
+
+  {% comment %} Global variables
+  ------------------------------------------------------------------------------ {% endcomment %}
+  var environment   = '{{environment}}'; // Set environment
+  var state         = 'not_started';
+  var moduleOptions = {};
+  var logger;
+  var logText;
+  var _this;
+  var json_data;
+  var success;
+
+  // ---------------------------------------------------------------------------
+  // Main object
+  // ---------------------------------------------------------------------------
+  return {
+
+    // -------------------------------------------------------------------------
+    // Initializer
+    // -------------------------------------------------------------------------
+    init: function () {
+
+      {% comment %} Set global variables
+      -------------------------------------------------------------------------- {% endcomment %}
+      _this   = j1.adapter.octokit;
+      logger  = log4javascript.getLogger('j1.adapter.octokit');
+
+      {% comment %} Load module config from yml data
+      -------------------------------------------------------------------------- {% endcomment %}
+      // Load  module DEFAULTS|CONFIG
+      moduleOptions = $.extend({}, {{webhook_options | replace: '=>', ':' | replace: 'nil', '""'}});
+
+      if ( moduleOptions.enabled ) {
+        {% comment %} Inialize WebHooks if page (j1) is FULLY initialized
+        ------------------------------------------------------------------------ {% endcomment %}
+        var appDetected       = j1.getMode() === 'app' ? true : false;
+        var authClientEnabled = j1.authClientEnabled();
+
+        {% comment %} Deferred (AJAX) data load
+        -------------------------------------------------------------------- {% endcomment %}
+        if ( (appDetected && authClientEnabled) || environment === 'development' || environment === 'test' ) {
+          logger.info('WebHooks allowed. Run initialization');
+
+          // Set|Log status
+          state = 'initialize';
+          logger.info('state: ' + state);
+          logger.info('Module is being initialized');
+
+          // Load webhook modals
+          $.when( j1.xhrLoadData('j1.adapter.octokit', moduleOptions))
+          .then (function (success) {
+            if (success) {
+              {% comment %} Run initializers if webhook modals LOADED
+              ------------------------------------------------------------------ {% endcomment %}
+              var dataLoaded = setInterval(function() {
+                if ( j1.adapter.octokit.getState() == 'finished') {
+                  // clear interval checking
+                  clearInterval(dataLoaded);
+                  logger.info('Loading modal HTML data finished');
+                  // Run initializers        
+                  j1.core.octokit.init(moduleOptions);
+                  j1.adapter.octokit.eventHandler(moduleOptions);
+                }
+              }, 25); // END 'dataLoaded'
+            } else {
+              logger.error('Loading modal HTML data failed');
+              state = j1.adapter.octokit.getState();
+              logger.info('state: ' + state);
+            }
+          });
+        } else {
+          logger.info('WebHooks not allowed. Check environmental settings');
+        }
+
+        return true;
+      } else {
+        logger.info('WebHooks disabled. Initialization skipped');
+        return false;
+      } // END if moduleOptions.enabled
+
+    }, // END init
+
+    // -------------------------------------------------------------------------
+    // EventHandler for J1 Octotokit client
+    // Manage button click events for all BS Modals
+    // See: https://www.nickang.com/add-event-listener-for-loop-problem-in-javascript/
+    // -------------------------------------------------------------------------
+    eventHandler: function ( options ) {
+      var message = {};
+      var logText;
+      var json_message;
+
+      logText = 'eventHandler: register events';
+      logger.debug(logText);
+
+      var modalButtons = document.querySelectorAll('a.btn');
+      if (modalButtons == 0) {
+        logger.warn('eventHandler: no modal buttons found to register');
+      }
+
+      // Register button click events for WebHook modals
+      // -------------------------------------------------------------------
+      modalButtons.forEach( function(button, index) {
+        button.addEventListener( 'click', function(e) {
+
+          // acceptGitPullButton
+          // ---------------------------------------------------------------
+          if (this.id === 'acceptGitPullButton') {
+            logger.info('User clicked acceptGitPullButton');
+
+            $.when( j1.xhrAPI('http://localhost:41001/git?request=pull') )
+              .then( function ( response ) {
+                json_message = JSON.stringify(response, undefined, 2);
+
+                logText = 'Response received: ' + json_message;
+                logger.info(logText);
+              
+                if ( response.status === 'success' ) {                
+                  $('#gitPullSuccess').find('.pull-message').html(response.response);
+                  $('#gitPullSuccess').modal('show');
+                }
+
+            });
+
+            // false == prevent further event propagation (bubble up) 
+            // like preventDefault()                
+            return false;
+          }
+
+          // declineGitPullButton
+          // ---------------------------------------------------------------
+          if (this.id === 'declineGitPullButton') {
+            logger.info('User clicked declineGitPullButton');
+        
+            return false;
+          }
+
+          // acceptGitPullButton
+          // ---------------------------------------------------------------
+          if (this.id === 'acceptGitPullButton') {
+            logger.info('User clicked acceptGitPullButton');
+
+            // if ( options.git.pull.enabled ) {
+            //   // Send commit message (silent mode)
+            //   // -------------------------------------------------------------
+            //   message.type    = 'command'
+            //   message.action  = 'pull'
+            //   message.text    = 'Run Git pull'
+            // 
+            //   j1.sendMessage( 'j1.adapter.octokit', 'j1.core.octokit', message );
+            // }
+
+            return false;
+          };
+
+          // requestFailedOkButton
+          // ---------------------------------------------------------------
+          if (this.id === 'requestFailedOkButton') {
+            logger.info('User clicked requestFailedOkButton');
+
+            return false;
+          }
+
+        });
+      });
+
+
+      // Register pre/post events for modal 'webhookCommitDetected'
+      // -------------------------------------------------------------------
+      $(document).on('shown.bs.modal','#webhookCommitDetected',
+        function (e) {
+          logger.info('Display webhookCommitDetected');
+
+          // Autohide modal if configured
+          if ( options.commit_detection.modal_commit_detected.autohide) {
+            var modalTimeOut = setInterval(function() {
+              $('#webhookCommitDetected').modal('hide');
+              logger.info('Hide modal on timeout');
+              // clear interval checking
+              clearInterval(modalTimeOut);
+            }, options.commit_detection.modal_commit_detected.autohidden);
+          }
+
+      }); // END shown modal 'webhookCommitDetected'
+
+      $(document).on('hide.bs.modal','#webhookCommitDetected',
+        function (e) {
+          logger.info('Closed webhookCommitDetected');
+      }); // END hide modal 'webhookCommitDetected'
+
+
+      // Register pre/post events for modal 'gitPullSuccess'
+      // -------------------------------------------------------------------
+      $(document).on('shown.bs.modal','#gitPullSuccess', 
+        function () {
+          logger.info('Display gitPullSuccess');
+
+          // Autohide modal if configured
+          if ( options.commit_detection.modal_pull_response.autohide) {
+            var modalTimeOut = setInterval(function() {
+              $('#gitPullSuccess').modal('hide');
+              logger.info('Hide modal on timeout');
+              // clear interval checking
+              clearInterval(modalTimeOut);
+            }, options.commit_detection.modal_pull_response.autohidden);
+          }
+
+      }); // END shown modal 'gitPullSuccess'
+
+      $(document).on('hidden.bs.modal','#gitPullSuccess', 
+        function () {    
+                      
+          logger.info('Post processing on gitPullSuccess');
+
+          if ( options.utility_server.npm_client.enabled ) {
+            if ( options.utility_server.npm_client.built.execute ) {
+            // Send commit message (silent mode)
+            // -------------------------------------------------------------
+            message.type    = 'command'
+            message.action  = 'built'
+            message.text    = 'Run NPM built'              
+            j1.sendMessage( 'j1.adapter.octokit', 'j1.core.octokit', message );
+          }
+        }
+
+      }); // END hidden modal 'gitPullSuccess'
+
+      // Register pre/post events for modal 'npmScriptSuccess'
+      // -------------------------------------------------------------------
+      $(document).on('shown.bs.modal','#npmScriptSuccess', 
+        function () {
+          logger.info('Display npmScriptSuccess');
+
+          // Autohide modal if configured
+          if ( options.commit_detection.modal_pull_response.autohide) {
+            var modalTimeOut = setInterval(function() {
+              $('#npmScriptSuccess').modal('hide');
+              logger.info('Hide modal on timeout');
+              // clear interval checking
+              clearInterval(modalTimeOut);
+            }, options.commit_detection.modal_pull_response.autohidden);
+          }
+
+      }); // END shown modal 'npmScriptSuccess'
+
+      $(document).on('hidden.bs.modal','#npmScriptSuccess', 
+        function () {                              
+          logger.info('Post processing on npmScriptSuccess');
+      }); // END hidden modal 'npmScriptSuccess'
+
+      logText = 'eventHandler: events registered';
+      logger.debug(logText);
+
+      return true;
+    }, // END eventHandler
+
+    // -------------------------------------------------------------------------
+    // messageHandler
+    // Manage messages send from other J1 modules
+    // -------------------------------------------------------------------------
+    messageHandler: function ( sender, message ) {  
+      var json_message = JSON.stringify(message, undefined, 2);  
+  
+      logText = 'Received message from ' + sender + ': ' + json_message;
+      logger.debug(logText);
+
+      // -----------------------------------------------------------------------
+      //  Process commands|actions
+      // -----------------------------------------------------------------------
+
+      // -----------------------------------------------------------------------
+      //  Command message (action), type 'module_initialized'
+      if ( message.type === 'command' && message.action === 'module_initialized' ) {
+        _this.setState('finished');
+        logger.info(message.text);
+      }
+
+      // -----------------------------------------------------------------------
+      //  Command message (action), type (Git) 'pull'
+      if ( message.type === 'command' && message.action === 'pull' ) {
+        var url = 'http://localhost:41001/git?request=pull';
+
+        logText = 'Processing message from ' + sender + ', type: ' + message.type + ', action: ' + message.action;
+        logger.info(logText);
+
+        $.when( j1.xhrAPI(url) )
+          .then( function( response ) {
+            json_message = JSON.stringify(response, undefined, 2);
+
+            logText = 'Response from xhrAPI received: ' + json_message;
+            logger.info(logText);
+
+            if ( response.status === 'success' ) {                 
+              $('#gitPullSuccess').find('.pull-message').html(response.response);
+              $('#gitPullSuccess').modal('show');
+            }
+
+            if ( response.status === 'failed' ) {                 
+              $('#requestFailed').find('.pull-message').html(response.response + response.error);
+              $('#requestFailed').modal('show');
+            }
+        });
+      } // ENDIF message action 'pull'
+
+      // -----------------------------------------------------------------------
+      //  Process command message (action), type (NPM) 'built'
+      if ( message.type === 'command' && message.action === 'built' ) {
+        //var url = 'http://localhost:41001/npm?request=get_version';
+        var url = 'http://localhost:41001/npm?request=rebuilt';
+
+        logText = 'Processing message from ' + sender + ', type: ' + message.type + ', action: ' + message.action;
+        logger.info(logText);
+
+        $.when( j1.xhrAPI(url) )
+          .then( function( response ) {
+            json_message = JSON.stringify(response, undefined, 2);
+
+            logText = 'Response from xhrAPI received: ' + json_message;
+            logger.info(logText);
+                          
+            if ( response.status === 'success' ) {                 
+              $('#npmScriptSuccess').find('.pull-message').html(response.response);
+              $('#npmScriptSuccess').modal('show');
+            }
+
+            if ( response.status === 'failed' ) {                 
+              $('#requestFailed').find('.pull-message').html(response.response + response.error);
+              $('#requestFailed').modal('show');
+            }
+
+        });
+      } // END message action 'pull'
+
+      //
+      // Place handling of other command|action here
+      //
+
+      return true;
+    }, // END messageHandler
+
+    // -------------------------------------------------------------------------
+    //  Set the current (processing) state of the module
+    // -------------------------------------------------------------------------
+    setState: function ( stat ) {
+      state = stat;
+    }, // END setState
+
+    // -------------------------------------------------------------------------
+    //  Returns the current (processing) state of the module
+    // -------------------------------------------------------------------------
+    getState: function () {
+      return state;
+    } // END state
+
+  }; // END return
+
+})(j1, window);
+
+{% endcapture %}
+
+{{ cache | strip_empty_lines }}
+{% assign cache = nil %}