@chat21/chat21-ionic 3.0.55-RC15 → 3.0.55-RC22

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # chat21-ionic ver 3.0
 
+### 3.0.55-RC22
+- Fixes the bug: if the chat is open in multiple browser tabs when the user log in the 'goOnline' method is activated several times
+- Manages the message displayed in the conversation list when the sender sends a file (replace the markdown string with the string "sent an attachment")
+- Fixes the bug: if the chat is open in multiple browser tabs when the user logs out, the conversation list remains visible
+- Displays the "loading bubble" while uploading an image
+
+### 3.0.55-RC21
+- Fixes the bug: if the chat is open in more than one browser tab, not all of them reconnect when the user accesses one of them
+
+### 3.0.55-RC20
+- Improve the method that solves the bug: if the chat is open on more than one tab, the previous ones disconnect
+- Displays the message "sent an image" when the sender sends an image
+- Removes the "setTimeout" set on the onStorageChanged event
+
+### 3.0.55-RC19
+- Fixes the bug: opening the "conversations info" side panel for support type conversations causes the chat to log out
+
+### 3.0.55-RC18
+- Fixes the bug: if the chat is open on more than one tab, the previous ones logging out
+
+### 3.0.55-RC16
+- Removes the image name displayed at the bottom of the image
+- Removes the adaptation of the image caption width to the image size
+
 ### 3.0.55-RC15
 - Fixes the bug: "ion-spinner" throws an error when the chat is offline
 - Fixes the bug: in the component "info-group-component" if groupDetail is not defined throws the error "Cannot read hasOwnProperty of undefined"

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chat21/chat21-ionic",
-    "version": "3.0.55-RC15",
+    "version": "3.0.55-RC22",
     "author": "Tiledesk SRL",
     "homepage": "https://ionicframework.com/",
     "scripts": {

package/src/app/app.component.ts

@@ -56,6 +56,10 @@ import { TiledeskService } from './services/tiledesk/tiledesk.service';
 import { NetworkService } from './services/network-service/network.service';
 import * as PACKAGE from 'package.json';
 
+import { Subject } from 'rxjs';
+import { filter, takeUntil } from 'rxjs/operators'
+// import { filter } from 'rxjs/operators';
+
 @Component({
   selector: 'app-root',
   templateUrl: 'app.component.html',
@@ -94,6 +98,8 @@ export class AppComponent implements OnInit {
   public missingConnectionToast: any
   public executedInitializeAppByWatchConnection: boolean = false;
   private version: string;
+  private unsubscribe$: Subject<any> = new Subject<any>();
+  private isOnline: boolean = false;
 
   constructor(
     private platform: Platform,
@@ -146,18 +152,16 @@ export class AppComponent implements OnInit {
   ngOnInit() {
     this.logger.log('[APP-COMP] HELLO ngOnInit !!!!!!!')
     this.logger.info('[APP-COMP] ngOnInit -->', this.route.snapshot.params);
-
-    this.initializeApp();
-
+    this.initializeApp('oninit');
   }
 
 
+
   /** */
-  initializeApp() {
+  initializeApp(calledby: string) {
+    this.logger.info('[APP-COMP] - initializeApp !!! CALLED-BY: ', calledby);
 
-    this.logger.log('[APP-COMP] - watchToConnectionStatus - initializeApp');
-    this.logger.log('[APP-COMP] HELLO initializeApp !!!!!!!')
-    this.logger.info('[APP-COMP] appconfig platform is cordova: ', this.platform.is('cordova'))
+    this.logger.log('[APP-COMP] appconfig platform is cordova: ', this.platform.is('cordova'))
 
     if (!this.platform.is('cordova')) {
       this.splashScreen.show();
@@ -220,9 +224,22 @@ export class AppComponent implements OnInit {
       // Watch to network status
       // ---------------------------------------
       this.watchToConnectionStatus();
+      // this.listenToUserIsSignedIn();
     });
   }
 
+  // listenToUserIsSignedIn() {
+  //   this.tiledeskAuthService.isOnline$
+  //     .pipe(filter((isOnline) => isOnline !== null))
+  //     .subscribe((isOnline: any) => {
+  //       console.log('[APP-COMP] user isOnline: ', isOnline);
+
+  //       // if (isOnline === false) {
+  //       //   this.events.publish('profileInfoButtonClick:logout', true);
+  //       // }
+  //     });
+  // }
+
 
 
   watchToConnectionStatus() {
@@ -249,7 +266,7 @@ export class AppComponent implements OnInit {
               if (elemIonNavchildNodes.length === 0) {
                 this.logger.log('[APP-COMP] - watchToConnectionStatus - elemIonNavchildNodes  HERE YES', elemIonNavchildNodes);
 
-                this.initializeApp();
+                this.initializeApp('checkinternet');
                 this.executedInitializeAppByWatchConnection = true;
               }
             }, 2000);
@@ -263,7 +280,7 @@ export class AppComponent implements OnInit {
               const childElementCount = elemIonRouterOutlet.childElementCount;
               this.logger.log('[APP-COMP] - watchToConnectionStatus - mobile * childElementCount *', childElementCount)
               if (childElementCount === 1) {
-                this.initializeApp();
+                this.initializeApp('checkinternet');
                 this.executedInitializeAppByWatchConnection = true;
               }
             }, 2000);
@@ -276,29 +293,6 @@ export class AppComponent implements OnInit {
     });
   }
 
-  // checkInternetFunc() {
-  //   if (!window || !navigator || !('onLine' in navigator)) return;
-
-  //   this.appIsOnline$ = Observable.create(observer => {
-  //     observer.next(true);
-  //   }).pipe(mapTo(true));
-
-  //   if (this.platform.is('cordova')) {
-  //     // on Device - when platform is cordova
-  //     this.appIsOnline$ = merge(
-  //       this.network.onConnect().pipe(mapTo(true)),
-  //       this.network.onDisconnect().pipe(mapTo(false))
-  //     );
-  //   } else {
-  //     // on Browser - when platform is Browser
-  //     this.appIsOnline$ = merge(
-  //       of(navigator.onLine),
-  //       fromEvent(window, 'online').pipe(mapTo(true)),
-  //       fromEvent(window, 'offline').pipe(mapTo(false))
-  //     );
-  //   }
-  //   return this.appIsOnline$
-  // }
 
   getRouteParamsAndSetLoggerConfig() {
     const appconfig = this.appConfigProvider.getConfig();
@@ -314,30 +308,6 @@ export class AppComponent implements OnInit {
     });
   }
 
-  async presentMissingConnectionToast() {
-    this.missingConnectionToast = await this.toastController.create({
-      // header: '<ion-icon name="bicycle"></ion-icon>' + this.toastMsgWaitingForNetwork,
-      message: '<ion-spinner class="spinner-middle"></ion-spinner>  <span part="message-text" class="waiting-for-network-msg">&nbsp;&nbsp; Waiting for network</span> ',
-      position: 'top',
-      cssClass: 'missing-connection-toast',
-      // buttons: [
-      //   {
-      //     text: this.toastMsgCloseToast,
-      //     role: 'cancel',
-
-      //   }
-      // ]
-    });
-    await this.missingConnectionToast.present()
-
-    // const { role } = await toast.onDidDismiss();
-    // console.log('onDidDismiss resolved with role', role);
-  }
-
-  async dismissMissingConnectionToast() {
-    this.missingConnectionToast = await this.toastController.dismiss()
-  }
-
 
   translateToastMsgs() {
     this.translate.get('AnErrorOccurredWhileUnsubscribingFromNotifications')
@@ -359,6 +329,7 @@ export class AppComponent implements OnInit {
   /**------- AUTHENTICATION FUNCTIONS --> START <--- +*/
   private initAuthentication() {
     const tiledeskToken = this.appStorageService.getItem('tiledeskToken')
+    this.logger.log('[APP-COMP] >>> INIT-AUTHENTICATION !!! ')
     this.logger.log('[APP-COMP] >>> initAuthentication tiledeskToken ', tiledeskToken)
 
     const currentUser = JSON.parse(this.appStorageService.getItem('currentUser'));
@@ -367,6 +338,7 @@ export class AppComponent implements OnInit {
       this.logger.log('[APP-COMP] >>> initAuthentication I LOG IN WITH A TOKEN EXISTING IN THE LOCAL STORAGE OR WITH A TOKEN PASSED IN THE URL PARAMETERS <<<')
 
       this.tiledeskAuthService.signInWithCustomToken(tiledeskToken).then(user => {
+        this.logger.log('[APP-COMP] >>> initAuthentication user ', user)
         this.messagingAuthService.createCustomToken(tiledeskToken)
       }).catch(error => { this.logger.error('[APP-COMP] initAuthentication SIGNINWITHCUSTOMTOKEN error::' + error) })
 
@@ -393,7 +365,7 @@ export class AppComponent implements OnInit {
 
   authenticate() {
     let token = this.appStorageService.getItem('tiledeskToken');
-    this.logger.debug('[APP-COMP] ***** authenticate - stored token *****', token);
+    this.logger.info('[APP-COMP] ***** authenticate - stored token *****', token);
     if (!token) {
       this.goOffLine()
     }
@@ -407,13 +379,17 @@ export class AppComponent implements OnInit {
    * @param user
    */
   goOnLine = () => {
+    this.isOnline = true;
+    this.logger.info('initialize FROM [APP-COMP] - [APP-COMP] - GO ONLINE isOnline ', this.isOnline);
+
+
     clearTimeout(this.timeModalLogin);
     const tiledeskToken = this.tiledeskAuthService.getTiledeskToken();
     const currentUser = this.tiledeskAuthService.getCurrentUser();
     // this.logger.printDebug('APP-COMP - goOnLine****', currentUser);
     this.logger.log('[APP-COMP] - goOnLine****', currentUser);
     this.chatManager.setTiledeskToken(tiledeskToken);
-
+    this.chatManager.setCurrentUser(currentUser);
     // ----------------------------------------------
     // PUSH NOTIFICATIONS
     // ----------------------------------------------
@@ -424,7 +400,7 @@ export class AppComponent implements OnInit {
         this.notificationsService.getNotificationPermissionAndSaveToken(currentUser.uid);
       }
 
-      this.chatManager.setCurrentUser(currentUser);
+
       this.presenceService.setPresence(currentUser.uid);
       this.initConversationsHandler(currentUser.uid);
       this.initArchivedConversationsHandler(currentUser.uid);
@@ -443,6 +419,7 @@ export class AppComponent implements OnInit {
 
   goOffLine = () => {
     this.logger.log('[APP-COMP] ************** goOffLine:', this.authModal);
+    this.isOnline = false;
     // this.conversationsHandlerService.conversations = [];
 
     this.chatManager.setTiledeskToken(null);
@@ -458,6 +435,10 @@ export class AppComponent implements OnInit {
         this.hadBeenCalledOpenModal = true
       }
     }, 1000);
+
+    // this.unsubscribe$.next();
+    // this.unsubscribe$.complete();
+
   }
   /**------- AUTHENTICATION FUNCTIONS --> END <--- +*/
   /***************************************************+*/
@@ -592,47 +573,35 @@ export class AppComponent implements OnInit {
 
 
   // BEGIN SUBSCRIPTIONS //
-  /** */
+  /**      .pipe(
+        takeUntil(this.unsubscribe$)
+      ) */
   initSubscriptions() {
-    const that = this;
-
-    this.messagingAuthService.BSAuthStateChanged.subscribe((state: any) => {
-      this.logger.log('[APP-COMP] ***** BSAuthStateChanged ***** state', state);
-      if (state && state === AUTH_STATE_ONLINE) {
-        const user = that.tiledeskAuthService.getCurrentUser();
-        that.goOnLine();
-      } else if (state === AUTH_STATE_OFFLINE) {
-        // that.goOffLine();
-        that.authenticate() //se c'è un tiledeskToken salvato, allora aspetta, altrimenti vai offline
-      }
-    });
-
-    // this.authService.BSSignOut.subscribe((data: any) => {
-    //   this.logger.debug('***** BSSignOut *****', data);
-    //   if (data) {
-    //     that.presenceService.removePresence();
-    //   }
-    // });
-
-
-    // this.currentUserService.BScurrentUser.subscribe((currentUser: any) => {
-    //   this.logger.debug('***** app comp BScurrentUser *****', currentUser);
-    //   if (currentUser) {
-    //     that.chatManager.setCurrentUser(currentUser);
-    //   }
-    // });
+    this.logger.log('initialize FROM [APP-COMP] - initSubscriptions');
+  
+  
+    this.messagingAuthService.BSAuthStateChanged
+      .pipe(takeUntil(this.unsubscribe$))
+      .pipe(filter((state) => state !== null))
+      .subscribe((state: any) => {
+        this.logger.info('initialize FROM [APP-COMP] - [APP-COMP] ***** BSAuthStateChanged  state', state);
+        this.logger.info('initialize FROM [APP-COMP] - [APP-COMP] ***** BSAuthStateChanged  isOnline', this.isOnline);
+        if (state && state === AUTH_STATE_ONLINE) {
+          const user = this.tiledeskAuthService.getCurrentUser();
+          if (this.isOnline === false) {
+            this.goOnLine();
+          }
+        } else if (state === AUTH_STATE_OFFLINE) {
+          // that.goOffLine();
+          this.authenticate() //se c'è un tiledeskToken salvato, allora aspetta, altrimenti vai offline
+        }
+      }, error => {
+        this.logger.error('initialize FROM [APP-COMP] - [APP-COMP] ***** BSAuthStateChanged * error * ', error)
+      }, () => {
+        this.logger.log('initialize FROM [APP-COMP] - [APP-COMP] ***** BSAuthStateChanged *** complete *** ')
+      });
 
 
-    // this.events.subscribe('go-off-line', this.goOffLine);
-    // this.events.subscribe('go-on-line', this.goOnLine);
-    // this.events.subscribe('sign-in', this.signIn);
-    // dopo il login quando ho completato il profilo utente corrente
-    // this.events.subscribe('loaded-current-user', null);
-    // this.events.subscribe('firebase-sign-in-with-custom-token', this.firebaseSignInWithCustomToken);
-    // this.events.subscribe('firebase-create-user-with-email-and-password', this.firebaseCreateUserWithEmailAndPassword);
-    // this.events.subscribe('firebase-current-user-delete', this.firebaseCurrentUserDelete);
-    // this.events.subscribe('firebase-send-password-reset-email', this.firebaseSendPasswordResetEmail);
-    // this.events.subscribe('firebase-sign-out', this.firebaseSignOut);
     this.events.subscribe('uidConvSelected:changed', this.subscribeChangedConversationSelected);
     this.events.subscribe('profileInfoButtonClick:logout', this.subscribeProfileInfoButtonLogOut);
 
@@ -677,6 +646,7 @@ export class AppComponent implements OnInit {
     //   this.removePresenceAndLogout()
     // }
 
+
     if (hasClickedLogout === true) {
       // ----------------------------------------------
       // PUSH NOTIFICATIONS
@@ -691,7 +661,7 @@ export class AppComponent implements OnInit {
             that.removePresenceAndLogout();
           } else {
             that.removePresenceAndLogout();
-            that.presentToast();
+            // that.presentToast();
           }
         })
       }
@@ -782,7 +752,7 @@ export class AppComponent implements OnInit {
     const keys = ['YOU'];
     const translationMap = this.translateService.translateLanguage(keys);
 
-    this.logger.debug('[APP-COMP] initConversationsHandler ------------->', userId, this.tenant);
+    this.logger.log('[APP-COMP] initConversationsHandler ------------->', userId, this.tenant);
     // 1 - init chatConversationsHandler and  archviedConversationsHandler
     this.conversationsHandlerService.initialize(this.tenant, userId, translationMap);
 
@@ -791,7 +761,7 @@ export class AppComponent implements OnInit {
       this.logger.log('[APP-COMP]-CONVS- INIT CONV')
 
       const conversations = this.conversationsHandlerService.conversations;
-      this.logger.log('[APP-COMP]-CONVS - INIT CONV CONVS', conversations)
+      this.logger.info('initialize FROM [APP-COMP] - [APP-COMP]-CONVS - INIT CONV CONVS', conversations)
 
       // this.logger.printDebug('SubscribeToConversations (convs-list-page) - conversations')
       if (!conversations || conversations.length === 0) {
@@ -850,24 +820,35 @@ export class AppComponent implements OnInit {
     }
   }
 
+  // Storage event not firing: This won't work on the same page that is making the changes
+  // https://stackoverflow.com/questions/35865481/storage-event-not-firing
+  // https://developer.mozilla.org/en-US/docs/Web/API/Window/storage_event
   @HostListener('window:storage', ['$event'])
   onStorageChanged(event: any) {
-    console.log('[APP-COMP] - onStorageChanged tiledeskToken', this.appStorageService.getItem('tiledeskToken'))
+
+    if (event.key !== 'chat_sv5__tiledeskToken') {
+      return;
+    }
+
     if (this.appStorageService.getItem('tiledeskToken') === null) {
+      this.logger.log('[APP-COMP] - onStorageChanged tiledeskToken is null - RUN LOGOUT')
       this.tiledeskAuthService.logOut()
       this.messagingAuthService.logout();
+      this.events.publish('profileInfoButtonClick:logout', true);
     }
     else {
-      setTimeout(() => {
-        const currentUser = this.tiledeskAuthService.getCurrentUser();
-        if (currentUser) {
-          console.log('[APP-COMP] - onStorageChanged currentUser', currentUser)
-        } else {
-          this.initializeApp()
-        }
-      }, 1000);
+      const currentUser = this.tiledeskAuthService.getCurrentUser();
 
+      if (!currentUser && this.appStorageService.getItem('tiledeskToken') !== null) {
+        this.logger.log('[APP-COMP] - onStorageChanged currentUser', currentUser)
+        // console.log('[APP-COMP] - onStorageChanged wentOnline 2', this.wentOnline)
+
+        this.initializeApp('onstoragechanged');
+
+      }
     }
   }
 
+
+
 }

package/src/app/chatlib/conversation-detail/conversation-content/conversation-content.component.ts

@@ -117,7 +117,8 @@ export class ConversationContentComponent implements OnInit {
   listenToUploadFileProgress() {
     this.uploadService.BSStateUpload.subscribe((data: any) => {
       this.logger.log('[CONV-CONTENT-W] BSStateUpload', data);
-      if (data && data.type.startsWith("application")) {
+      // && data.type.startsWith("application")
+      if (data ) {
         data.upload === 100 || isNaN(data.upload) ? this.showUploadProgress = false : this.showUploadProgress = true
         this.uploadProgress = data.upload
         this.fileType = 'file'

package/src/app/chatlib/conversation-detail/ion-conversation-detail/ion-conversation-detail.component.html

@@ -119,8 +119,10 @@
       </chat-message-attachment>
     </div>
   </div>
+  <!-- (fileType === 'file' && uploadProgress !== 100)  -->
 
-  <div *ngIf="(fileType === 'file' && uploadProgress !== 100)" class="msg_container base_sent"
+  <!-- uploadProgress -> {{ uploadProgress }} -->
+  <div *ngIf="uploadProgress !== 100" class="msg_container base_sent"
     style="margin-right: 20px;">
     <div class="messages msg_sent">
       <div class="spinner">

package/src/app/chatlib/conversation-detail/ion-conversation-detail/ion-conversation-detail.component.ts

@@ -22,7 +22,7 @@ export class IonConversationDetailComponent extends ConversationContentComponent
   @Output() onAddUploadingBubble = new EventEmitter<boolean>();
  
 
-  public uploadProgress: number
+  public uploadProgress: number = 100
   public fileType: any
 
   isMine = isMine;
@@ -45,10 +45,12 @@ export class IonConversationDetailComponent extends ConversationContentComponent
     public uploadService: UploadService
   ) {
     super(cdref, uploadService)
-    this.listenToUploadFileProgress()
+   
   }
 
-  ngOnInit() { }
+  ngOnInit() { 
+  this.listenToUploadFileProgress()
+  }
 
   listenToUploadFileProgress() {
     this.logger.log('[CONVS-DETAIL][ION-CONVS-DETAIL] FIREBASE-UPLOAD - calling BSStateUpload ');
@@ -65,14 +67,14 @@ export class IonConversationDetailComponent extends ConversationContentComponent
           this.uploadProgress = 100
         }
         // if (data.type.startsWith("application")) {
-        if (!data.type.startsWith("image")) {
+        // if (!data.type.startsWith("image")) {
          
-          this.fileType = 'file'
+          // this.fileType = 'file'
 
           this.addUploadingBubblePlaceholder(true)
 
-          this.logger.log('[CONVS-DETAIL][ION-CONVS-DETAIL] FIREBASE-UPLOAD - BSStateUpload this.fileType', this.fileType);
-        }
+          // this.logger.log('[CONVS-DETAIL][ION-CONVS-DETAIL] FIREBASE-UPLOAD - BSStateUpload this.fileType', this.fileType);
+        // }
       }
     });
   }

package/src/app/chatlib/conversation-detail/message/image/image.component.scss

@@ -9,8 +9,9 @@ img {
 }
 
 .isLoadingImage {
-    position: relative;
-    top: 6px;
+    // position: relative;
+    // top: 6px;
+    display:none
 }
 
 .loader {

package/src/app/chatlib/conversation-detail/message/image/image.component.ts

@@ -32,7 +32,7 @@ export class ImageComponent implements OnInit {
   }
   getBrowserLanguageAndTranslateTooltipMsg() {
     var userLang = navigator.language;
-    console.log('Image COMP - userLang ', userLang)
+    // console.log('Image COMP - userLang ', userLang)
     if (userLang === 'en') {
       this.tooltipMessage = "Click to download"
     } else {

package/src/app/chatlib/conversation-detail/message/text/text.component.html

@@ -1,6 +1,5 @@
-<!-- [ngStyle] = "{ 'width': media_width +'px'  }" -->
-<!-- {'background-image': !item.featured ? 'url(\'images/img1.png\')' : 'url(\'images/img2.png\')'}"> -->
-<p  #messageEl class="message_innerhtml marked" [ngStyle] = "{ 'width': message.type === 'image' ? media_width +'px' : ''  }" 
+<!-- [ngStyle] = "{ 'width': message.type === 'image' ? media_width +'px' : ''  }" -->
+<p  #messageEl class="message_innerhtml marked"  
     [innerHTML]="printMessage(text, messageEl, this) | htmlEntiesEncode  | marked"
     [ngStyle]="{'color': '$'+ color }">
 </p>

package/src/app/pages/contacts-directory/contacts-directory.page.ts

@@ -89,7 +89,7 @@ export class ContactsDirectoryPage implements OnInit {
       this.logger.log('[CONTACT-DIRECTORY-PAGE] DSHBRD STORED USER: ', user);
       if (user.token) {
         token = user.token;
-        console.log('[CONTACTS-DIRECTORY] DSHBRD STORED USER > TOKEN: ', user.token);
+        this.logger.log('[CONTACTS-DIRECTORY] DSHBRD STORED USER > TOKEN: ', user.token);
       }
     }
     return token;

package/src/app/pages/conversation-detail/conversation-detail.page.ts

@@ -204,7 +204,7 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
 
     this.networkService.checkInternetFunc().subscribe(isOnline => {
       this.checkInternet = isOnline
-      console.log('[CONVS-LIST-PAGE] - watchToConnectionStatus - isOnline', this.checkInternet)
+      // console.log('[CONVS-LIST-PAGE] - watchToConnectionStatus - isOnline', this.checkInternet)
 
       // checking internet connection
       if (this.checkInternet == true) {
@@ -627,20 +627,20 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
         // msg = ![file-image-placehoder](./assets/images/file-alt-solid.png) + [${metadata.name}](${metadata.src})
         msg = `[${metadata.name}](${metadata.src})`
       }
-    } else if (type === 'image') {
-      if (msg) {
-        // msg = msg + '<br>' + 'File: ' + metadata.src;
-        msg = metadata.name + '\n' + msg
+    }
+    
+    // else if (type === 'image') {
+    //   if (msg) {
+    //     // msg = msg + '<br>' + 'File: ' + metadata.src;
+    //     msg = metadata.name + '\n' + msg
 
-      } else {
+    //   } else {
   
-        msg = metadata.name
-      }
+    //     msg = metadata.name
+    //   }
+ 
+    // }
  
-    }
-    //     <a href="/images/myw3schoolsimage.jpg" download>
-    //   <img src="/images/myw3schoolsimage.jpg" alt="W3Schools" width="104" height="142">
-    // </a>
 
     (metadata) ? metadata = metadata : metadata = '';
     this.logger.log('[CONVS-DETAIL] - SEND MESSAGE msg: ', msg, ' - messages: ', this.messages, ' - loggedUser: ', this.loggedUser);

package/src/app/pages/conversations-list/conversations-list.page.html

@@ -12,7 +12,7 @@
   </app-option-header>
 </ion-header>
 
-<ion-content class="list-avatar-page" appScrollbarTheme>
+<ion-content #ioncontentconvlist class="list-avatar-page" appScrollbarTheme>
 
   <div id="scrollbar2">
     <ion-list>

package/src/app/pages/conversations-list/conversations-list.page.ts

@@ -1,6 +1,6 @@
 import { ArchivedConversationsHandlerService } from 'src/chat21-core/providers/abstract/archivedconversations-handler.service';
-import { Component, OnInit } from '@angular/core';
-import { ModalController } from '@ionic/angular';
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { IonContent, ModalController } from '@ionic/angular';
 import { ActivatedRoute, Router, NavigationExtras } from '@angular/router';
 // config
 import { environment } from '../../../environments/environment';
@@ -39,6 +39,7 @@ import { LoggerInstance } from 'src/chat21-core/providers/logger/loggerInstance'
   styleUrls: ['./conversations-list.page.scss'],
 })
 export class ConversationListPage implements OnInit {
+  @ViewChild('ioncontentconvlist', { static: false }) ionContentConvList: IonContent;
   private subscriptions: Array<string>;
   public tenant: string;
   public loggedUserUid: string;
@@ -60,7 +61,7 @@ export class ConversationListPage implements OnInit {
 
   public conversationType = 'active'
   headerTitle: string;
- 
+
 
   constructor(
     private router: Router,
@@ -199,8 +200,8 @@ export class ConversationListPage implements OnInit {
 
   listenToLogoutEvent() {
     this.events.subscribe('profileInfoButtonClick:logout', (hasclickedlogout) => {
-      this.logger.log('[CONVS-LIST-PAGE] - listenToLogoutEvent - hasclickedlogout', hasclickedlogout);
-
+      this.logger.info('[CONVS-LIST-PAGE] - listenToLogoutEvent - hasclickedlogout', hasclickedlogout);
+      this.conversations = []
       this.conversationsHandlerService.conversations = [];
       this.uidConvSelected = null;
 
@@ -245,7 +246,7 @@ export class ConversationListPage implements OnInit {
     // });
 
     this.conversationsHandlerService.conversationAdded.subscribe((conversation: ConversationModel) => {
-      this.logger.log('[CONVS-LIST-PAGE] ***** conversationsAdded *****', conversation);
+      // this.logger.log('[CONVS-LIST-PAGE] ***** conversationsAdded *****', conversation);
       // that.conversationsChanged(conversations);
       if (conversation) {
         this.onImageLoaded(conversation)
@@ -254,7 +255,7 @@ export class ConversationListPage implements OnInit {
     });
 
     this.conversationsHandlerService.conversationChanged.subscribe((conversation: ConversationModel) => {
-      this.logger.log('[CONVS-LIST-PAGE] ***** subscribeConversationChanged *****', conversation);
+      // this.logger.log('[CONVS-LIST-PAGE] ***** subscribeConversationChanged *****', conversation);
       // that.conversationsChanged(conversations)
       if (conversation) {
         this.onImageLoaded(conversation)
@@ -423,13 +424,15 @@ export class ConversationListPage implements OnInit {
     this.logger.log('[CONVS-LIST-PAGE] tenant:: ' + this.tenant);
     if (this.route.component['name'] !== "ConversationListPage") {
 
-      const IDConv = this.route.snapshot.firstChild.paramMap.get('IDConv');
-      this.logger.log('[CONVS-LIST-PAGE] conversationWith 2: ', IDConv);
-      if (IDConv) {
-        this.setUidConvSelected(IDConv);
-      } else {
+      if (this.route && this.route.snapshot && this.route.snapshot.firstChild) {
+        const IDConv = this.route.snapshot.firstChild.paramMap.get('IDConv');
+        this.logger.log('[CONVS-LIST-PAGE] conversationWith 2: ', IDConv);
+        if (IDConv) {
+          this.setUidConvSelected(IDConv);
+        } else {
 
-        this.logger.log('[CONVS-LIST-PAGE] conversationWith 2 (else): ', IDConv);
+          this.logger.log('[CONVS-LIST-PAGE] conversationWith 2 (else): ', IDConv);
+        }
       }
     }
   }
@@ -490,7 +493,12 @@ export class ConversationListPage implements OnInit {
   }
 
   onConversationLoaded(conversation: ConversationModel) {
-    // this.logger.log('[CONVS-LIST-PAGE] onConversationLoaded ', conversation)
+    this.logger.log('[CONVS-LIST-PAGE] onConversationLoaded ', conversation)
+    this.logger.log('[CONVS-LIST-PAGE] onConversationLoaded is new? ', conversation.is_new)
+    // if (conversation.is_new === false) {
+    //   this.ionContentConvList.scrollToTop(0);
+    // }
+
     const keys = ['YOU', 'SENT_AN_IMAGE', 'SENT_AN_ATTACHMENT'];
     const translationMap = this.translateService.translateLanguage(keys);
     // Fixes the bug: if a snippet of code is pasted and sent it is not displayed correctly in the convesations list
@@ -515,14 +523,41 @@ export class ConversationListPage implements OnInit {
           conversation.last_message_text = translationMap.get('YOU') + ': ' + SENT_AN_IMAGE;
 
         } else if (conversation.type === "file") {
-          this.logger.log('[CONVS-LIST-PAGE] HAS SENT FILE')
+          // this.logger.log('[CONVS-LIST-PAGE] HAS SENT FILE')
           const SENT_AN_ATTACHMENT = conversation['last_message_text'] = translationMap.get('SENT_AN_ATTACHMENT')
           conversation.last_message_text = translationMap.get('YOU') + ': ' + SENT_AN_ATTACHMENT;
         }
-      } 
+      } else {
+        if (conversation.type === "image") {
+
+          // this.logger.log('[CONVS-LIST-PAGE] HAS SENT AN IMAGE');
+          // this.logger.log("[CONVS-LIST-PAGE] translationMap.get('YOU')")
+          const SENT_AN_IMAGE = conversation['last_message_text'] = translationMap.get('SENT_AN_IMAGE')
+
+          conversation.last_message_text = SENT_AN_IMAGE;
+
+        }
+        else if (conversation.type === "file") {
+          // this.logger.log('[CONVS-LIST-PAGE] HAS SENT FILE')
+          const SENT_AN_ATTACHMENT = conversation['last_message_text'] = translationMap.get('SENT_AN_ATTACHMENT')
+          conversation.last_message_text = SENT_AN_ATTACHMENT;
+
+        }
+      }
     }
   }
 
+  // isMarkdownLink(last_message_text) {
+  //   this.logger.log('[CONVS-LIST-PAGE] isMarkdownLink 1')
+  //   var regex = /^(^|[\n\r])\s*1\.\s.*\s+1\.\s$/
+  //   let matchRegex = false
+  //   if (regex.test(last_message_text)) { 
+  //     this.logger.log('[CONVS-LIST-PAGE] isMarkdownLink 2')
+  //     matchRegex = true
+  //     return matchRegex
+  //   }
+  // }
+
 
   navigateByUrl(converationType: string, uidConvSelected: string) {
     this.logger.log('[CONVS-LIST-PAGE] navigateByUrl uidConvSelected: ', uidConvSelected);
@@ -652,11 +687,11 @@ export class ConversationListPage implements OnInit {
 
     }, () => {
       this.logger.log('[INFO-CONTENT-COMP] - GET PROJECTID BY CONV RECIPIENT * COMPLETE *');
-     
+
     });
   }
 
-  archiveSupportGroupConv(tiledeskToken, project_id,conversationId) {
+  archiveSupportGroupConv(tiledeskToken, project_id, conversationId) {
     this.logger.log('[CONVS-LIST-PAGE] - onCloseConversation projectId: ', project_id)
     this.tiledeskService.closeSupportGroup(tiledeskToken, project_id, conversationId).subscribe(res => {
 

package/src/app/services/nav-proxy.service.ts

@@ -52,7 +52,7 @@ export class NavProxyService {
 
     // !!!! SEEMS NOT USED
     pushSidebar(page: any, pageName: string, navExtra?) {
-      console.log('push2:', pageName, 'navExtra():', navExtra, 'this.sidebarNav', this.sidebarNav);
+      this.logger.log('push2:', pageName, 'navExtra():', navExtra, 'this.sidebarNav', this.sidebarNav);
       if (checkPlatformIsMobile()) {
         this.router.navigate([pageName], navExtra);
       } else {
@@ -64,7 +64,7 @@ export class NavProxyService {
 
    // !!!! SEEMS NOT USED
   closePage(pageName: string) {
-    console.log('closePage:', pageName, 'checkPlatformIsMobile():', checkPlatformIsMobile());
+    this.logger.log('closePage:', pageName, 'checkPlatformIsMobile():', checkPlatformIsMobile());
     if (checkPlatformIsMobile()) {
       const navigationExtras: NavigationExtras = {
         state: {

package/src/chat-config-pre-test.json

@@ -25,6 +25,6 @@
     },
     "apiUrl": "https://tiledesk-server-pre.herokuapp.com/",
     "baseImageUrl": "https://firebasestorage.googleapis.com/v0/b/",
-    "dashboardUrl": "https://support-pre.tiledesk.com/dashboard/"
+    "dashboardUrl": "http://localhost:4204/"
 }
 

package/src/chat21-core/providers/chat-manager.ts

@@ -17,7 +17,6 @@ import { LoggerService } from './abstract/logger.service';
 import { LoggerInstance } from './logger/loggerInstance';
 
 
-
 @Injectable({ providedIn: 'root' })
 
 export class ChatManager {
@@ -58,6 +57,7 @@ export class ChatManager {
    * setTiledeskToken
    */
   public setTiledeskToken(tiledeskToken: string) {
+    this.logger.info('initialize FROM [APP-COMP] - [CHAT MANAGER] - initialize -> firebaseConfig tenant ', this.tenant);
     this.tiledeskToken = tiledeskToken;
   }
 
@@ -72,6 +72,7 @@ export class ChatManager {
    * setCurrentUser
    */
   public setCurrentUser(currentUser: UserModel) {
+    this.logger.info('initialize FROM [APP-COMP] - [CHAT MANAGER] setCurrentUser currentUser ', currentUser)
     this.currentUser = currentUser;
   }
 

package/src/chat21-core/providers/firebase/firebase-archivedconversations-handler.ts

@@ -64,7 +64,7 @@ export class FirebaseArchivedConversationsHandler extends ArchivedConversationsH
      * inizializzo conversations handler
      */
     initialize(tenant: string, userId: string, translationMap: Map<string, string>) {
-        this.logger.info('[FIREBASEArchivedConversationsHandlerSERVICE] tenant ', tenant, ' - userId: ', userId, ' - translationMap: ', translationMap)
+        this.logger.info('[initialize FROM [APP-COMP] - FIREBASEArchivedConversationsHandlerSERVICE] tenant ', tenant, ' - userId: ', userId, ' - translationMap: ', translationMap)
         this.tenant = tenant;
         this.loggedUserId = userId;
         this.translationMap = translationMap;

package/src/chat21-core/providers/firebase/firebase-auth-service.ts

@@ -88,7 +88,7 @@ export class FirebaseAuthService extends MessagingAuthService {
     //     this.onAuthStateChanged();
     //   }
     // }) 
-    this.checkInternetConnection()
+    // this.checkInternetConnection()
 
     this.onAuthStateChanged();
   }
@@ -179,12 +179,15 @@ export class FirebaseAuthService extends MessagingAuthService {
   onAuthStateChanged() {
     const that = this;
     firebase.auth().onAuthStateChanged(user => {
-      this.logger.log('[FIREBASEAuthSERVICE] onAuthStateChanged', user)
+      this.logger.log('initialize FROM [APP-COMP] - [FIREBASEAuthSERVICE] onAuthStateChanged', user)
       if (!user) {
         this.logger.log('[FIREBASEAuthSERVICE] 1 - PASSO OFFLINE AL CHAT MANAGER')
+        // this.logger.info('initialize FROM [APP-COMP] - [APP-COMP] - [FIREBASEAuthSERVICE] onAuthStateChanged user ', user)
+       
         that.BSAuthStateChanged.next('offline');
       } else {
         this.logger.log('[FIREBASEAuthSERVICE] 2 - PASSO ONLINE AL CHAT MANAGER')
+        // this.logger.info('initialize FROM [APP-COMP] - [APP-COMP] - [FIREBASEAuthSERVICE] onAuthStateChanged user ', user)
         that.BSAuthStateChanged.next('online');
       }
     });
@@ -217,7 +220,8 @@ export class FirebaseAuthService extends MessagingAuthService {
       }
     }
     return firebase.auth().setPersistence(firebasePersistence).then(async () => {
-      return firebase.auth().signInWithCustomToken(token).then(async () => {
+      return firebase.auth().signInWithCustomToken(token).then(async (user) => {
+        
         // that.firebaseSignInWithCustomToken.next(response);
       }).catch((error) => {
         that.logger.error('[FIREBASEAuthSERVICE] signInFirebaseWithCustomToken Error: ', error);
@@ -317,6 +321,7 @@ export class FirebaseAuthService extends MessagingAuthService {
 
   logout() {
     this.logger.log('[FIREBASEAuthSERVICE] logout');
+    this.BSAuthStateChanged.next(null);
     // cancello token firebase dal local storage e da firebase
     // dovrebbe scattare l'evento authchangeStat
     this.signOut();

package/src/chat21-core/providers/firebase/firebase-notifications.ts

@@ -63,10 +63,10 @@ export class FirebaseNotifications extends NotificationsService {
 
     getNotificationPermissionAndSaveToken(currentUserUid) {
         // this.tenant = this.getTenant();
-        this.logger.log('[FIREBASE-NOTIFICATIONS] calling requestPermission - tenant ', this.tenant)
-        this.logger.log('[FIREBASE-NOTIFICATIONS] calling requestPermission - currentUserUid ', currentUserUid)
+        this.logger.log('initialize FROM [APP-COMP] - [FIREBASE-NOTIFICATIONS] calling requestPermission - tenant ', this.tenant, ' currentUserUid ', currentUserUid)
+        // this.logger.log('[FIREBASE-NOTIFICATIONS] calling requestPermission - currentUserUid ', currentUserUid)
         this.userId = currentUserUid;
-        // Service Worker explicit registration to explicitly define sw location at a path
+        // Service Worker explicit registration to explicitly define sw location at a path,
         // const swRegistration = async () => {
         //     try {
         //         await navigator.serviceWorker.register('http://localhost:8101/firebase-messaging-sw.js');
@@ -76,9 +76,9 @@ export class FirebaseNotifications extends NotificationsService {
         // }
 
 
-      
+
         if (firebase.messaging.isSupported()) {
-            const messaging = firebase.messaging(); 
+            const messaging = firebase.messaging();
             // messaging.requestPermission()
             Notification.requestPermission().then((permission) => {
                 if (permission === 'granted') {
@@ -158,38 +158,43 @@ export class FirebaseNotifications extends NotificationsService {
     removeNotificationsInstance(callback: (string) => void) {
         var self = this;
         firebase.auth().onAuthStateChanged(function (user) {
+
             if (user) {
-                self.logger.debug('[FIREBASE-NOTIFICATIONS] - User is signed in. ', user)
+                self.logger.debug('[FIREBASE-NOTIFICATIONS] - FB User is signed in. ', user)
+
+                self.logger.log('[FIREBASE-NOTIFICATIONS] >>>> removeNotificationsInstance > this.userId', self.userId);
+                self.logger.log('[FIREBASE-NOTIFICATIONS] >>>> removeNotificationsInstance > FCMcurrentToken', self.FCMcurrentToken);
+                // this.logger.log('[FIREBASE-NOTIFICATIONS] >>>> removeNotificationsInstance > this.tenant', this.tenant);
+
 
             } else {
-                self.logger.debug('[FIREBASE-NOTIFICATIONS] - No user is signed in. ', user)
+                self.logger.debug('[FIREBASE-NOTIFICATIONS] - No FB user is signed in. ', user)
             }
         });
 
-        this.logger.log('[FIREBASE-NOTIFICATIONS] >>>> removeNotificationsInstance > this.userId', this.userId);
-        this.logger.log('[FIREBASE-NOTIFICATIONS] >>>> removeNotificationsInstance > FCMcurrentToken', this.FCMcurrentToken);
-        // this.logger.log('[FIREBASE-NOTIFICATIONS] >>>> removeNotificationsInstance > this.tenant', this.tenant);
-        const urlNodeFirebase = '/apps/' + this.tenant
-        const connectionsRefinstancesId = urlNodeFirebase + '/users/' + this.userId + '/instances/'
-        this.logger.log('[FIREBASE-NOTIFICATIONS] >>>> connectionsRefinstancesId ', connectionsRefinstancesId);
+        const urlNodeFirebase = '/apps/' + self.tenant
+        const connectionsRefinstancesId = urlNodeFirebase + '/users/' + self.userId + '/instances/'
+        self.logger.log('[FIREBASE-NOTIFICATIONS] >>>> connectionsRefinstancesId ', connectionsRefinstancesId);
         let connectionsRefURL = '';
         if (connectionsRefinstancesId) {
-            connectionsRefURL = connectionsRefinstancesId + this.FCMcurrentToken;
+            connectionsRefURL = connectionsRefinstancesId + self.FCMcurrentToken;
             const connectionsRef = firebase.database().ref().child(connectionsRefURL);
-            this.logger.log('[FIREBASE-NOTIFICATIONS] >>>> connectionsRef ', connectionsRef);
-            this.logger.log('[FIREBASE-NOTIFICATIONS] >>>> connectionsRef url ', connectionsRefURL);
+            self.logger.log('[FIREBASE-NOTIFICATIONS] >>>> connectionsRef ', connectionsRef);
+            self.logger.log('[FIREBASE-NOTIFICATIONS] >>>> connectionsRef url ', connectionsRefURL);
             connectionsRef.off()
             connectionsRef.remove()
                 .then(() => {
-                    this.logger.log("[FIREBASE-NOTIFICATIONS] >>>> removeNotificationsInstance > Remove succeeded.")
+                    self.logger.log("[FIREBASE-NOTIFICATIONS] >>>> removeNotificationsInstance > Remove succeeded.")
                     callback('success')
                 }).catch((error) => {
-                    this.logger.error("[FIREBASE-NOTIFICATIONS] >>>> removeNotificationsInstance Remove failed: " + error.message)
+                    self.logger.error("[FIREBASE-NOTIFICATIONS] >>>> removeNotificationsInstance Remove failed: " + error.message)
                     callback('error')
                 }).finally(() => {
-                    this.logger.log('[FIREBASE-NOTIFICATIONS] COMPLETED');
+                    self.logger.log('[FIREBASE-NOTIFICATIONS] COMPLETED');
                 })
         }
+
+
     }
 
     // removeNotificationsInstance() {

package/src/chat21-core/providers/firebase/firebase-presence.service.ts

@@ -129,6 +129,7 @@ export class FirebasePresenceService extends PresenceService {
    * @param userid
    */
   public setPresence(userid: string): void {
+    this.logger.info('initialize FROM [APP-COMP] - [FIREBASEPresenceSERVICE] - SET PRESENCE userid ', userid) 
     this.onlineConnectionsRef = this.referenceOnlineForUser(userid);
     this.lastOnlineConnectionsRef = this.referenceLastOnlineForUser(userid);
     const connectedRefURL = '/.info/connected';

package/src/chat21-core/providers/tiledesk/tiledesk-auth.service.ts

@@ -5,12 +5,16 @@ import { UserModel } from 'src/chat21-core/models/user';
 import { avatarPlaceholder, getColorBck } from 'src/chat21-core/utils/utils-user';
 import { AppStorageService } from '../abstract/app-storage.service';
 import { LoggerInstance } from '../logger/loggerInstance';
+// import { BehaviorSubject } from 'rxjs';
+// import { EventsService } from 'src/app/services/events-service';
+
 
 @Injectable({
   providedIn: 'root'
 })
 export class TiledeskAuthService {
 
+  // public isOnline$: BehaviorSubject<boolean> = new BehaviorSubject<boolean>(null);
   // private persistence: string;
   public SERVER_BASE_URL: string;
 
@@ -22,9 +26,12 @@ export class TiledeskAuthService {
   private tiledeskToken: string;
   private currentUser: UserModel;
   private logger: LoggerService = LoggerInstance.getInstance()
-  
-  constructor(public http: HttpClient,
-              public appStorage: AppStorageService) { }
+
+  constructor(
+    public http: HttpClient,
+    public appStorage: AppStorageService,
+    // private events: EventsService,
+    ) { }
 
 
   initialize(serverBaseUrl: string) {
@@ -57,7 +64,8 @@ export class TiledeskAuthService {
         if (data['success'] && data['token']) {
           that.tiledeskToken = data['token'];
           that.createCompleteUser(data['user']);
-          that.appStorage.setItem('tiledeskToken', that.tiledeskToken);
+          // that.appStorage.setItem('tiledeskToken', that.tiledeskToken);
+          this.checkAndSetInStorageTiledeskToken(that.tiledeskToken)
           resolve(that.tiledeskToken)
         }
       }, (error) => {
@@ -86,7 +94,8 @@ export class TiledeskAuthService {
         if (data['success'] && data['token']) {
           that.tiledeskToken = data['token'];
           that.createCompleteUser(data['user']);
-          that.appStorage.setItem('tiledeskToken', that.tiledeskToken);
+          // that.appStorage.setItem('tiledeskToken', that.tiledeskToken);
+          this.checkAndSetInStorageTiledeskToken(that.tiledeskToken)
           resolve(that.tiledeskToken)
         }
       }, (error) => {
@@ -111,7 +120,9 @@ export class TiledeskAuthService {
         if (data['success'] && data['token']) {
           that.tiledeskToken = data['token'];
           that.createCompleteUser(data['user']);
-          that.appStorage.setItem('tiledeskToken', that.tiledeskToken); // salvarlo esternamente nell'app.component
+
+          // that.appStorage.setItem('tiledeskToken', that.tiledeskToken); // salvarlo esternamente nell'app.component
+          this.checkAndSetInStorageTiledeskToken(that.tiledeskToken)
           resolve(this.currentUser)
         }
       }, (error) => {
@@ -120,11 +131,13 @@ export class TiledeskAuthService {
     });
   }
 
-  logOut(){
-    this.logger.debug('[TILEDESK-AUTH] logOut()')
+  logOut() {
+    this.logger.log('[TILEDESK-AUTH] - LOGOUT')
     this.appStorage.removeItem('tiledeskToken')
     this.appStorage.removeItem('currentUser')
     this.setCurrentUser(null);
+    // this.isOnline$.next(false) 
+    
   }
 
 
@@ -150,13 +163,29 @@ export class TiledeskAuthService {
       member.fullname = fullname;
       member.avatar = avatar;
       member.color = color;
-      this.currentUser = member; 
-      this.logger.debug('[TILEDESK-AUTH] - createCompleteUser member ', member)
+      this.currentUser = member;
+      this.logger.log('[TILEDESK-AUTH] - createCompleteUser member ', member);
       this.appStorage.setItem('currentUser', JSON.stringify(this.currentUser));
+      // this.isOnline$.next(true) 
     } catch (err) {
-      this.logger.error('[TILEDESK-AUTH]- createCompleteUser ERR ', err) 
+      this.logger.error('[TILEDESK-AUTH]- createCompleteUser ERR ', err)
+    }
+  }
+
+
+  private checkAndSetInStorageTiledeskToken(tiledeskToken) {
+    this.logger.log('[TILEDESK-AUTH] - checkAndSetInStorageTiledeskToken tiledeskToken from request', tiledeskToken)
+    const storedTiledeskToken = this.appStorage.getItem('tiledeskToken');
+    this.logger.log('[TILEDESK-AUTH] - checkAndSetInStorageTiledeskToken storedTiledeskToken ', storedTiledeskToken)
+    if (!storedTiledeskToken) {
+      this.logger.log('[TILEDESK-AUTH] - checkAndSetInStorageTiledeskToken TOKEN DOES NOT EXIST - RUN SET ')
+      this.appStorage.setItem('tiledeskToken', tiledeskToken);
+    } else if (storedTiledeskToken && storedTiledeskToken !== tiledeskToken) {
+      this.logger.log('[TILEDESK-AUTH] - checkAndSetInStorageTiledeskToken STORED-TOKEN EXIST BUT IS != FROM TOKEN - RUN SET ')
+      this.appStorage.setItem('tiledeskToken', tiledeskToken);
+    } else if (storedTiledeskToken && storedTiledeskToken === tiledeskToken){
+      this.logger.log('[TILEDESK-AUTH] - checkAndSetInStorageTiledeskToken STORED-TOKEN EXIST AND IS = TO TOKEN ')
     }
-    
   }
 
 

package/src/index.html

@@ -30,7 +30,7 @@
     // console.log("index.html Hey script watchToConnectionAtStartUp! ");
     // // ononline version
     window.ononline = (event) => {
-      console.log("index.html You are now connected to the network.");
+      // console.log("index.html You are now connected to the network.");
     };
 
     // // onoffline version