j1-template 2022.2.2 → 2022.3.1

data/assets/themes/j1/adapter/js/nbinteract.js

@@ -83,6 +83,9 @@ j1.adapter.nbinteract = (function (j1, window) {
   var moduleOptions   = {};
   var moduleSettings  = {};
   var message         = {};
+  var flags            = {
+    checkURL:   false
+  };
   var spinnerOpts     = {                                                       // (default) options for a spinner
     lines:      13,                                                             // number of lines to draw
     length:     38,                                                             // length of each line
@@ -107,7 +110,8 @@ j1.adapter.nbinteract = (function (j1, window) {
   var nbiContentModalInfoID       = 'nbiModalInfoBody';                         // ID of the content (messages) for the INFO modal
   var nbiContentModalSuccessID    = 'nbiModalSuccessBody';                      // ID of the content (messages) for the SUCCESS modal
   var nbiContentModalErrorID      = 'nbiModalErrorBody';                        // ID of the content (messages) for the SUCCESS modal
-  var nbiModalInfoID              = '#' + 'nbiModalTopInfo';                    // ID of the SUCCESS modal
+  var nbiModalTopInfo             = '#' + 'nbiModalTopInfo';                    // ID of the TopInfo modal
+  var nbiModalTRInfo              = '#' + 'nbiModalTRInfo';                     // ID of the TRInfo modal
   var nbiModalSuccessID           = '#' + 'nbiModalTRSuccess';                  // ID of the SUCCESS modal
   var nbiModalErrorID             = '#' + 'nbiModalTLDanger';                   // ID of the ERROR modal
   var nbinteract_prepared         = false;                                      // switch to indicate if ???
@@ -187,11 +191,13 @@ j1.adapter.nbinteract = (function (j1, window) {
       // run a spinner to indicate activity of 'nbInteract' if enabled
       // -------------------------------------------------------------------
       $(document).ready(function() {
+
         if (nbiIndicateNbiActivity && !spinnerStarted) {
           spinnerStarted = true;
           target  = document.getElementById('content');
           spinner = new Spinner(spinnerOpts).spin(target);
         }
+
       });
 
       // -----------------------------------------------------------------------
@@ -219,32 +225,128 @@ j1.adapter.nbinteract = (function (j1, window) {
       var scriptMathjax       = document.createElement('script');
       var scriptMathjaxConfig = document.createElement('script');
 
+      // Loading MathJax from a CDN
+      //
       scriptMathjax.setAttribute('src','//cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/latest.js?config=TeX-AMS_HTML');
 
+      // create/load MathJax configuration settings
+      //
       scriptMathjaxConfig.setAttribute('type','text/x-mathjax-config');
       scriptMathjaxConfig.innerHTML = `
         MathJax.Hub.Config({
             tex2jax: {
-                inlineMath: [ ['$','$'], ["\\(","\\)"] ],
-                displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
-                processEscapes: true,
-                processEnvironments: true,
-                processClass: "mathjax",
-                ignoreClass: "nomathjax"
+              // inlineMath, displayMath
+              // ---------------------------------------------------------------
+              // TeX 'delimiters'. By default, the tex2jax preprocessor
+              // definesthe LaTeX math delimiters, which are \(...\) for
+              // 'in-line' math, and \[...\] for 'displayed' equations.
+              // It also defines the TeX delimiters $$...$$ for displayed
+              // equations, but it does not define $...$ as in-line math
+              // delimiters. That is because dollar signs appear too often
+              // in non-mathematical settings, which could cause some text
+              // to be treated as mathematics unexpectedly. For example,
+              // with single-dollar delimiters, 'the cost is $2.50' for the
+              // first one, and '$2.00' for each additional one would cause
+              // the phrase '2.50 for the first one' to be treated as
+              // mathematics since it falls between dollar signs. For this
+              // reason, if you want to use single-dollars for in-line math
+              // mode, you must enable that explicitly.
+              //
+              inlineMath: [ ['$','$'], ["\\(","\\)  "] ],
+              displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
+
+              // processEscapes
+              // ---------------------------------------------------------------
+              // When 'processEscapes' set to true, you may use \$ to
+              // representa literal dollar sign, rather than using it as
+              // a math delimiter. When false, \$ will not be altered,
+              // and the dollar sign may be considered part of a math
+              // delimiter. Typically this is set to 'true' if you enable
+              // the $ ... $ in-line delimiters, so you can type \$ and
+              // tex2jax will convert it to a regular dollar sign in the
+              // rendered document.
+              //
+              processEscapes: true,
+
+              // processEnvironments
+              // ---------------------------------------------------------------
+              // When 'processEnvironments' true, tex2jax looks not only
+              // for the in-line and display math delimiters, but also for
+              // LaTeX environments (\begin{something}...\end{something})
+              // and marks them forprocessing by MathJax. When false, LaTeX
+              // environments will not be processed outside of math mode.
+              //
+              processEnvironments: false,
+
+              // skipTags
+              // ---------------------------------------------------------------
+              // The array 'skipTags' lists the names of the tags whose
+              // contents should NOT be processed by tex2jax.
+              //
+              skipTags: ["script","noscript","style","textarea","pre","code"],
+
+              // processClass, ignoreClass
+              // ---------------------------------------------------------------
+              // These are the (CSS) classes name used to mark elements whose
+              // contents should or should NOT be processed by tex2jax.
+              //
+              processClass: "mathjax",
+              ignoreClass: "nomathjax"
             },
-            // jadams, 2022-04-22, NOTE: 'MathJax_Display' overloaded by
-            // THEME CSS. Unclear how to configure 'HTML-CSS' correctly.
+
+            // displayAlign
+            // -----------------------------------------------------------------
+            // Align (displayMath) equations left-sided in code and all
+            // markdown cells.
             //
-            // Center justify equations in code and markdown cells. Elsewhere
-            // we use CSS to left justify single line equations in code cells.
-            displayAlign: 'center',
-            "HTML-CSS": {
-                styles: {'.MathJax_Display': {
-                  "margin": 0,
-                }},
-                linebreaks: { automatic: true }
-            }
+            displayAlign: 'left',
+
+            // preview
+            // -----------------------------------------------------------------
+            // Controls whether tex2jax inserts 'MathJax_Preview' spans to
+            // make a preview available, and what preview to use, when it
+            // locates in-line or display mathematics in the page. The default
+            // is 'TeX', which means use the TeX code as the preview (which
+            // will be visible until it is processed by MathJax). Set to
+            // 'none' to prevent previews from being inserted.
+            //
+            preview: "TeX",
+
+            // CommonHTML, HTML-CSS, and SVG output processors
+            // -----------------------------------------------------------------
+            // The CommonHTML, HTML-CSS, and SVG output processors implement
+            // most of the MathML3 automatic line-breaking specification.
+            // Since line-breaking takes extra processing and so can slow
+            // down the mathematical output, it is off by default
+            //
+            CommonHTML: { linebreaks: { automatic: false } },
+            "HTML-CSS": { linebreaks: { automatic: false } },
+                   SVG: { linebreaks: { automatic: false } }
+        });
+
+        // Use Jax renderer 'CommonHTML' for default
+        //
+        MathJax.Hub.Register.StartupHook("End Jax",function () {
+          var BROWSER = MathJax.Hub.Browser;
+          var jax = "CommonHTML";
+          if (BROWSER.hasMathPlayer) jax = "NativeMML";
+          return MathJax.Hub.setRenderer(jax);
         });
+
+        // Register a message MessageHook
+        // ---------------------------------------------------------------------
+        // MathJax.Hub.Register.MessageHook("New Math", function (message) {
+        //   var script = MathJax.Hub.getJaxFor(message[1]).SourceElement();
+        //   var j1_message = {};
+        //   j1_message.type    = 'command';
+        //   j1_message.action  = 'mathjax';
+        //   j1_message.text    = message[1];
+        //   this.j1.sendMessage('MathJax.Hub.MessageHook', 'j1.adapter.nbinteract', j1_message);
+        //   // console.error('nbinteract, Hub - New Math: ' + message[1]);
+        // });
+
+        // ---------------------------------------------------------------------
+        // END config
       `;
 
       // add Mathjax resources
@@ -277,6 +379,7 @@ j1.adapter.nbinteract = (function (j1, window) {
               xhr_data:           textbook.xhr_data,
               xhr_data_path:      textbook.xhr_data_path,
               use_mathjax:        textbook.use_mathjax,
+              translate_mathjax:  textbook.translate_mathjax,
               altair_cleanups:    textbook.altair_cleanups,
               buttonStyles:       settings.button_styles,
             });
@@ -293,98 +396,124 @@ j1.adapter.nbinteract = (function (j1, window) {
     // controlled by nbinteract_prepared.
     // -------------------------------------------------------------------------
     interactNbiTextbooks: function (options) {
+      var state;
       var textbook = options;
 
       // initialize state flag
       _this.setState('started');
       logger.debug('\n' + 'state: ' + _this.getState());
 
+      // check if the Binder Service is available
+      //
+      _this.checkURL(options.baseUrl, flags);
+
       var log_text = '\n' + 'nbinteract is being initialized';
       logger.info(log_text);
 
-      // var nbiButtonsFound = document.querySelectorAll('.js-nbinteract-widget')
-
-      {% comment %} initialize nbinteract per textbook
-      {% assign textbook_spec     = item.textbook.spec %}
-      {% assign textbook_baseUrl  = item.textbook.baseUrl %}
-      {% assign textbook_provider = item.textbook.provider %}
-      -------------------------------------------------------------------------- {% endcomment %}
-      {% for item in nbinteract_options.textbooks %} {% if item.textbook.enabled %}
-      {% assign textbook_id       = item.textbook.id %}
-
-      if ($('#{{textbook_id}}').length) {
-        var dependencies_met_nb_loaded = setInterval(function() {
-          if ($('#{{textbook_id}}').attr('data-nb-textbook') == 'loaded') {
-
-            var nbiButtonsFound = document.querySelectorAll('.js-nbinteract-widget').length
-            if (nbiIndicateNbiActivity && nbiButtonsFound == 1) {
-              var log_text = '\n' + 'non-nbi textbook found, skip NBI initialization for: {{textbook_id}}';
-              logger.warn(log_text);
-              spinner.stop();
-            }
-
-            if(!nbinteract_prepared && nbiButtonsFound > 1) {
-              logText = '\n' + 'jupyter kernel is being generated ...';
-              logger.info(logText);
+      var dependencies_met_binder_responsive = setInterval(function() {
+        state = _this.getState();
+        if (state == 'finished_checks') {
+          clearInterval(dependencies_met_binder_responsive);
+          if (flags.checkURL) {
+            {% comment %} initialize nbinteract per textbook
+            {% assign textbook_spec     = item.textbook.spec %}
+            {% assign textbook_baseUrl  = item.textbook.baseUrl %}
+            {% assign textbook_provider = item.textbook.provider %}
+            -------------------------------------------------------------------------- {% endcomment %}
+            {% for item in nbinteract_options.textbooks %} {% if item.textbook.enabled %}
+            {% assign textbook_id       = item.textbook.id %}
+
+            if ($('#{{textbook_id}}').length) {
+              var dependencies_met_nb_loaded = setInterval(function() {
+                if ($('#{{textbook_id}}').attr('data-nb-textbook') == 'loaded') {
+
+                  var nbiButtonsFound = document.querySelectorAll('.js-nbinteract-widget').length
+                  if (nbiIndicateNbiActivity && nbiButtonsFound == 1) {
+                    var log_text = '\n' + 'non-nbi textbook found, skip NBI initialization for: {{textbook_id}}';
+                    logger.warn(log_text);
+                    spinner.stop();
+                  }
 
-              // create nbInteract (core) instance
-              //
-              coreLogger = log4javascript.getLogger('nbinteract.core');
-              interact = new NbInteract({
-                spec:     options.spec,
-                baseUrl:  options.baseUrl,
-                provider: options.provider,
-                logger:   coreLogger,
-                j1API:    j1,
-              });
-
-              // generate a jupyter kernel via BinderHub
-              interact.prepare();
-              nbinteract_prepared = true;
-
-              // issue an error if the NBI (init) button never removed by
-              // nbInteract-core (util or manager)
-              // TODO:  The 'timeout' condition should be replaced
-              //        state-based triggered from nbInteract-core.
-              //
-              window.setTimeout(function() {
-                var nbiButtonState = _this.getNbiButtonState();
-                if (nbiButtonState) {
-                  // button NOT removed
-                  logger.warn('NBI initialialization failed on textbook: {{textbook_id}}');
-                  // hide the info modal
-                  $(nbiModalSuccessID).modal('hide');
-
-                  // show the error modal
-                  $(nbiModalSuccessID).on('hidden.bs.modal', function () {
-                    if ($(nbiModalErrorID).is(':hidden')) {
-                      var messageErrorUL = document.getElementById(nbiModalErrorMessagesID);
-                      _this.appendModalMessage(messageErrorUL, 'NBI initialialization failed for textbook: {{textbook_id}}')
-                      $(nbiModalErrorID).modal('show');
-
-                      // auto-close the error modal
-                      if (nbiModalAutoClose) {
-                        window.setTimeout(function() {
-                          $(nbiModalErrorID).modal('hide');
-                        }, nbiModalAutoCloseDelay);
+                  if(!nbinteract_prepared && nbiButtonsFound > 1) {
+                    logText = '\n' + 'jupyter kernel is being generated ...';
+                    logger.info(logText);
+
+                    // create nbInteract (core) instance
+                    //
+                    coreLogger = log4javascript.getLogger('nbinteract.core');
+                    interact = new NbInteract({
+                      spec:     options.spec,
+                      baseUrl:  options.baseUrl,
+                      provider: options.provider,
+                      logger:   coreLogger,
+                      j1API:    j1,
+                    });
+
+                    // generate a jupyter kernel via BinderHub
+                    interact.prepare();
+                    nbinteract_prepared = true;
+
+                    // issue an error if the NBI (init) button never removed by
+                    // nbInteract-core (util or manager)
+                    // TODO:  The 'timeout' condition should be replaced
+                    //        state-based triggered from nbInteract-core.
+                    //
+                    window.setTimeout(function() {
+                      var nbiButtonState = _this.getNbiButtonState();
+                      if (nbiButtonState) {
+                        // button NOT removed
+                        logger.warn('NBI initialialization failed on textbook: {{textbook_id}}');
+                        // hide the info modal
+                        $(nbiModalSuccessID).modal('hide');
+
+                        // show the error modal
+                        $(nbiModalSuccessID).on('hidden.bs.modal', function () {
+                          if ($(nbiModalErrorID).is(':hidden')) {
+                            var messageErrorUL = document.getElementById(nbiModalErrorMessagesID);
+                            _this.appendModalMessage(messageErrorUL, 'NBI initialialization failed for textbook: {{textbook_id}}')
+                            $(nbiModalErrorID).modal('show');
+
+                            // auto-close the error modal
+                            if (nbiModalAutoClose) {
+                              window.setTimeout(function() {
+                                $(nbiModalErrorID).modal('hide');
+                              }, nbiModalAutoCloseDelay);
+                            }
+                          }
+                        });
+                      } else {
+                        // button removed
+                        logger.info('NBI initialized successfully.');
                       }
-                    }
-                  });
-                } else {
-                  // button removed
-                  logger.info('NBI initialized successfully.');
-                }
-              }, nbiInitTimeout);
+                    }, nbiInitTimeout);
 
+                  }
+
+                  clearInterval(dependencies_met_nb_loaded);
+                } // END dependencies_met_nb_loaded
+              }, 25);
+              return;
+            }
+            // END textbook_id: {{ textbook_id }}
+            {% endif %} {% endfor %}
+          } else {
+            spinner.stop();
+            var modaBodyText = `
+              The <i>Binder Service</i> is currently not available or is overloaded.
+              All interactive components on the page are <b>not</b> available.
+              You can reload the page or re-open later again.
+            `;
+            logger.error('\n', 'Binder access: failed');
+            if ($(nbiModalTRInfo).is(':hidden')) {
+              document.getElementById('nbiModalTRInfoBody').innerHTML = modaBodyText;
+              $(nbiModalTRInfo).modal('show');
             }
+            clearInterval(dependencies_met_binder_responsive);
+          }
+
+        }
+      }, 25);  // END dependencies_met_binder_responsive
 
-            clearInterval(dependencies_met_nb_loaded);
-          } // END dependencies_met_nb_loaded
-        }, 25);
-        return;
-      }
-      // END textbook_id: {{ textbook_id }}
-      {% endif %} {% endfor %}
     },
 
     // -------------------------------------------------------------------------
@@ -393,11 +522,16 @@ j1.adapter.nbinteract = (function (j1, window) {
     // (e.g. <div>) specified by xhr_container_id, xhr_data_path
     // -------------------------------------------------------------------------
     loadTextbookHTML: function (options) {
-      var html_data_path    = options.xhr_data_path + '/' + options.xhr_data;
-      var id                = options.xhr_container_id;
-      var mathjaxEnabled    = options.use_mathjax;
-      var cleanupAltair     = options.altair_cleanups;
-      var $selector         = $('#' + id);
+      var html_data_path      = options.xhr_data_path + '/' + options.xhr_data;
+      var id                  = options.xhr_container_id;
+      var mathjaxEnabled      = options.use_mathjax ? options.use_mathjax : false;
+      var mathjaxTranslate    = options.translate_mathjax ? options.translate_mathjax : false;
+      var cleanupAltair       = options.altair_cleanups ? options.altair_cleanups : false;
+      var isPageRendered      = false;
+      var $selector           = $('#' + id);
+      var allID;
+      var allMathJaxSpan;
+      var allMathJaxElement;
       var logText;
 
       var cb_load_closure = function(id, mathjaxFlag) {
@@ -446,7 +580,6 @@ j1.adapter.nbinteract = (function (j1, window) {
             //
             if (cleanupAltair) {
 
-
               var reUnderscores = new RegExp(/_/, 'g');
               var reMultipleSpaces = new RegExp(/\s+/, 'g');
               var reMultipleSpacesStart = new RegExp(/^\s+/, 'g');
@@ -457,16 +590,15 @@ j1.adapter.nbinteract = (function (j1, window) {
               var newContent;
               var newContentWritten = false;
               var isWidget;
-              var isPageRendered = false;
               var outputDiv;
               var childNodes;
               var clientHeight;
               var lastWidget = false;
-              var allID = document.querySelectorAll('*[id^="altair-viz"]');
 
-              // check/wait for ALL widgets in the page are rendered (by JS)
+              // check/wait for ALL Altair widgets in the page are rendered (by JS)
               // if rendering finished, flag 'isPageRendered' is set to 'true'
               //
+              allID = document.querySelectorAll('*[id^="altair-viz"]');
               for (var l = 0; l < allID.length; l++) {
                 outputDiv = document.getElementById(allID[l].id);
                 var dependencies_met_page_rendered = setInterval(function() {
@@ -505,7 +637,7 @@ j1.adapter.nbinteract = (function (j1, window) {
                   clearInterval(dependencies_met_widgets_updated);
                 }
               }, 25);  // END interval
-            } // END if cleanupAltair
+            } // END if cleanup Altair
 
             // disable MathJax for all HTML 'output_wrapper' elements
             //
@@ -514,29 +646,56 @@ j1.adapter.nbinteract = (function (j1, window) {
                 x.className += ' nomathjax';
               }
             });
+
             // make all 'image' elements responsive (BS@4)
             //
             var images = document.getElementsByTagName('img');;
             [...images].forEach(function(x) {
               if (!x.className.includes('img-fluid')) {
-                x.className += 'img-fluid';
+                x.className += ' img-fluid';
               }
             });
 
-            // NOTE: DISABLED. Doesn't work that way. The class 'nbinteract-hide_in'
-            // is used in combination with hidden code cells as well!
+            // disable for now
             //
-            // Remove all childs in a element having the class 'nbinteract-hide_in'
-            // document.querySelectorAll('.nbinteract-hide_in').forEach(el => el.remove());
+            mathjaxTranslate = true
+
+            // disable translation on MathJax containers
+            // -----------------------------------------------------------------
+            if (mathjaxEnabled && !mathjaxTranslate) {
+
+              var dependencies_met_mathjax_available = setInterval(function() {
+                // document.getElementsByClassName('MJXc-display');
+                // document.querySelectorAll('*[id^="MathJax-Element"]');
+                // allMathJaxSpan = document.querySelectorAll('*[id^="MathJax-Element"]');
+                // allMathJaxSpan = document.querySelectorAll('*[id^="MathJax-Element-"]');
+                // allMathJaxSpan = document.getElementsByClassName('mjx-chtml');
+                allMathJaxSpan = document.querySelectorAll('*[id$="-Frame"]');
+
+                if (allMathJaxSpan.length) {
+                  // var lastElm = document.getElementById(allMathJaxSpan[allMathJaxSpan.length-1].id);
+                  var dependencies_met_mathjax_rendered = setInterval(function() {
+                    // var isProcessing = lastElm.classList.contains('MathJax_Processing');
+                    var mj_state = j1.adapter.nbinteract.getState()
+                    if (mj_state == 'mathjax_finished') {
+                      allMathJaxSpan = document.querySelectorAll('*[id$="-Frame"]');
+                      for (var l = 0; l < allMathJaxSpan.length; l++) {
+                        // outputDiv = document.getElementById(allMathJaxSpan[l].id);
+                        outputDiv = allMathJaxSpan[l];
+                        logger.error('\n' + 'element: ' + outputDiv.id  );
+                        // outputDiv.classList.remove('MJXc-processing');
+                        outputDiv.classList.add('notranslate');
+                      }
+                      clearInterval(dependencies_met_mathjax_rendered);
+                    }
+                  }, 25);  // END interval dependencies_met_mathjax_rendered
+                  clearInterval(dependencies_met_mathjax_available);
+                };
+              }, 25);  // END interval dependencies_met_mathjax_available
 
-            // Adding class on input_area NOT needed. This element contains
-            // and 'highlight' element that is processed for 'notranslate'
-            // in adapter rouge.js already
-            //
-            // var input_area = document.getElementsByClassName('input_area');
-            // [...input_area].forEach(x => x.className += " notranslate");
+            } // END // disable translation on MathJax
 
-            // cleanup headlines in textbook HTML and add an id used by toccer
+            // rewrite headlines in textbook HTML, add an id used by toccer
             //
             $selector.find('h1').replaceWith( function() {
               // return '<h1 id="' + $(this)[0].id.replace(/\$/g, '') + '">' + $(this).text().slice(0,-1) + '</h1>';
@@ -687,6 +846,45 @@ j1.adapter.nbinteract = (function (j1, window) {
           </div>
         </div>
       `
+
+      const nbiModalTRInfo = `
+        <div id="nbiModalTRInfo"
+          class="modal fade right"
+          tabindex="-1"
+          role="dialog"
+          aria-labelledby="myModalLabel" aria-hidden="true"
+          data-bs-keyboard="false"
+          data-bs-backdrop="static">
+          <div class="modal-dialog modal-dialog-scrollable modal-side-2x modal-top-right modal-notify modal-success" role="document">
+            <!-- Content -->
+            <div class="modal-content">
+              <!-- Header -->
+              <div class="modal-header">
+                <p class="lead">Information</p>
+                <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
+                  <i class="mdi mdi-close mdi-dark mdi-48px"></i>
+                </button>
+              </div>
+              <!-- Icon -->
+              <div class="text-center">
+                <i class="mdi mdi-10x mdi-information-variant mdi-spin md-green mb-1"></i>
+              </div>
+              <!-- Body -->
+              <div id="nbiModalTRInfoBody" class="modal-body">
+                <div>
+                  <p> Placeholder </p>
+                </div>
+              </div>
+              <!-- Footer -->
+              <div class="modal-footer justify-content-center">
+                <a type="button" class="btn btn-primary" data-bs-dismiss="modal">OK, thanks</a>
+              </div>
+            </div>
+            <!-- END Content -->
+          </div>
+        </div>
+      `
+
       const nbiModalTRSuccess = `
         <div id="nbiModalTRSuccess"
           class="modal fade right"
@@ -700,7 +898,7 @@ j1.adapter.nbinteract = (function (j1, window) {
             <div class="modal-content">
               <!-- Header -->
               <div class="modal-header">
-                <p class="lead">Info - NbInteract</p>
+                <p class="lead">NBI - Information</p>
                 <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                   <i class="mdi mdi-close mdi-dark mdi-48px"></i>
                 </button>
@@ -725,6 +923,7 @@ j1.adapter.nbinteract = (function (j1, window) {
           </div>
         </div>
       `
+
       const nbiModalTLDanger = `
         <div id="nbiModalTLDanger"
           class="modal fade left"
@@ -738,7 +937,7 @@ j1.adapter.nbinteract = (function (j1, window) {
             <div id="nbiModalErrorBody" class="modal-content">
               <!--Header-->
               <div class="modal-header">
-                <p class="lead">Error - NbInteract</p>
+                <p class="lead">NBI - Error</p>
                 <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                   <i class="mdi mdi-close mdi-dark mdi-48px"></i>
                 </button>
@@ -769,6 +968,12 @@ j1.adapter.nbinteract = (function (j1, window) {
       nbiModal.innerHTML      = nbiModalTopInfo;
       document.body.appendChild(nbiModal);
 
+      nbiModal                = document.createElement('div');
+      nbiModal.id             = 'nbi-modal-info';
+      nbiModal.className      = 'nbi-modal';
+      nbiModal.innerHTML      = nbiModalTRInfo;
+      document.body.appendChild(nbiModal);
+
       nbiModal                = document.createElement('div');
       nbiModal.id             = 'nbi-modal-success';
       nbiModal.className      = 'nbi-modal';
@@ -791,6 +996,7 @@ j1.adapter.nbinteract = (function (j1, window) {
       var json_message      = JSON.stringify(message, undefined, 2);
       var messageSuccessUL  = document.getElementById(nbiModalSuccessMessagesID);
       var messageErrorUL    = document.getElementById(nbiModalErrorMessagesID);
+      var isUpdated = false;
       var message;
 
       logText = '\n' + 'received message from ' + sender + ': ' + json_message;
@@ -823,6 +1029,30 @@ j1.adapter.nbinteract = (function (j1, window) {
 
       } // END message command/nbi_init_finished
 
+      if (message.type === 'command' && message.action === 'mathjax') {
+        logger.error('\n' + 'New Math, ID: ' + message.text);
+
+        MathJax.Hub.Startup.signal.Interest(function (message) {
+          logger.error("Startup: " + message)
+          // if (message.contains('End')) {
+          //   logger.error("Startup: " + message)
+          // }
+        });
+
+        var dependencies_met_mathjax_rendered = setInterval(function() {
+          var elm = document.getElementById('MathJax-Element-6' + '-Frame');
+          var isProcessing = (elm.classList.contains('MJXc-processing') || elm.classList.contains('MJXc-processed')) ? true : false;
+          if (!isProcessing && !isUpdated) {
+            isUpdated = true;
+            elm.classList.add('notranslate');
+            logger.error('\n' + 'New Math, ID: ' + message.text);
+            //clearInterval(dependencies_met_mathjax_rendered);
+          }
+          clearInterval(dependencies_met_mathjax_rendered);
+        }, 25);  // END interval dependencies_met_mathjax_rendered
+
+      } // END message command/nbi_init_finished
+
       // -----------------------------------------------------------------------
       //  command|info
       //
@@ -943,6 +1173,22 @@ j1.adapter.nbinteract = (function (j1, window) {
       return _this.state;
     }, // END getState
 
+    // -------------------------------------------------------------------------
+    // getState()
+    // Returns the current (processing) state of the module
+    // -------------------------------------------------------------------------
+    checkURL: function (uri, flags) {
+      _this.setState('process_checks');
+      $.get(uri).done(function () {
+        _this.setState('finished_checks');
+        flags.checkURL = true;
+        return true;
+      }).fail(function () {
+        _this.setState('finished_checks');
+        flags.checkURL = false;
+      });
+
+    }, // END checkURL
     // -------------------------------------------------------------------------
     // appendModalMessage()
     // Appends a message to given (NBI) modal