feat: distinguish between network and infra... failure

conference.js

             // the app. Both the errors above are unrecoverable from the library
             // perspective.
             room.leave().then(() => connection.disconnect());
-            APP.UI.showPageReloadOverlay(err);
+            APP.UI.showPageReloadOverlay(
+                false /* not a network type of failure */, err);
             break;
 
         case ConferenceErrors.CONFERENCE_MAX_USERS:
      */
     _bindConnectionFailedHandler (connection) {
         const handler = function (error, errMsg) {
-            if (ConnectionErrors.OTHER_ERROR === error) {
+            if (ConnectionErrors.OTHER_ERROR === error ||
+                ConnectionErrors.SERVER_ERROR === error) {
                 // - item-not-found
                 // - connection dropped(closed by Strophe unexpectedly
                 //   possible due too many transport errors)
+                const isNetworkFailure
+                    = error !== ConnectionErrors.SERVER_ERROR;
                 logger.error("XMPP connection error: " + errMsg);
                 APP.UI.showPageReloadOverlay(
+                    isNetworkFailure,
                     "xmpp-conn-dropped:" + errMsg);
                 connection.removeEventListener(
                     ConnectionEvents.CONNECTION_FAILED, handler);

logging_config.js

 // Logging configuration
 var loggingConfig = { // eslint-disable-line no-unused-vars
     //default log level for the app and lib-jitsi-meet
-    //defaultLogLevel: 'trace',
+    defaultLogLevel: 'trace',
     // Option to disable LogCollector (which stores the logs on CallStats)
     //disableLogCollector: true,
-    // Examples:
-    //'modules/version/ComponentsVersions.js': 'info',
-    //'modules/xmpp/ChatRoom.js': 'log'
+    // Logging level adjustments for verbose modules:
+    'modules/xmpp/strophe.util.js': 'log'
 };

modules/UI/UI.js

  * Notify the user that the video conferencing service is badly broken and
  * the page should be reloaded.
  *
+ * @param {boolean} isNetworkFailure <tt>true</tt> indicates that it's caused by
+ * network related failure or <tt>false</tt> when it's the infrastructure.
  * @param {string} a label string identifying the reason for the page reload
  * which will be included in details of the log event.
  */
-UI.showPageReloadOverlay = function (reason) {
+UI.showPageReloadOverlay = function (isNetworkFailure, reason) {
     // Reload the page after 10 - 30 seconds
-    PageReloadOverlay.show(10 + RandomUtil.randomInt(0, 20), reason);
+    PageReloadOverlay.show(
+        10 + RandomUtil.randomInt(0, 20), isNetworkFailure, reason);
 };
 
 /**

modules/UI/reload_overlay/PageReloadOverlay.js

      *
      * @param {number} timeoutSeconds how many seconds before the conference
      * reload will happen.
+     * @param {boolean} isNetworkFailure <tt>true</tt> indicates that it's
+     * caused by network related failure or <tt>false</tt> when it's
+     * the infrastructure.
      * @param {string} reason a label string identifying the reason for the page
      * reload which will be included in details of the log event
      */
-    show(timeoutSeconds, reason) {
+    show(timeoutSeconds, isNetworkFailure, reason) {
 
         if (!overlay) {
             overlay = new PageReloadOverlayImpl(timeoutSeconds);