improve lagginess in scroll

qortal-ui-plugins/plugins/core/components/ChatPage.js

@@ -1319,7 +1319,6 @@ class ChatPage extends LitElement {
                     name: name ? name : undefined
                   }
                 } catch (error) {
-                    console.log(error)
                 }
         
                 return memberItem
@@ -1328,7 +1327,6 @@ class ChatPage extends LitElement {
             this.groupMembers = membersWithName
             this.pageNumber = this.pageNumber + 1
         } catch (error) {
-          console.error(error)
         }
     }
 
@@ -1506,7 +1504,6 @@ class ChatPage extends LitElement {
                 this.userFoundModalOpen = true;
             } catch (error) {
                 this.loading = false;
-                console.error(error);
                 let err4string = get("chatpage.cchange35");
                 parentEpml.request('showSnackBar', `${err4string}`)
             }
@@ -1535,7 +1532,6 @@ class ChatPage extends LitElement {
             const stringifyMessageObject = JSON.stringify(message);
             this.sendMessage(stringifyMessageObject, undefined, '', true)
         } catch (error) {
-            console.log({error});
         }
     }
 
@@ -1638,7 +1634,6 @@ class ChatPage extends LitElement {
                         name: name ? name : undefined
                       }
                     } catch (error) {
-                        console.log(error)
                     }
             
                     return memberItem
@@ -1653,7 +1648,6 @@ class ChatPage extends LitElement {
                         name: name ? name : undefined
                       }
                     } catch (error) {
-                        console.log(error)
                     }
             
                     return memberItem
@@ -1663,7 +1657,6 @@ class ChatPage extends LitElement {
                 this.groupMembers = membersWithName
                 this.groupInfo = getGroupInfo
             } catch (error) {
-                console.error(error)
             }
         }
         
@@ -1716,10 +1709,10 @@ class ChatPage extends LitElement {
 
      
         if (changedProperties && changedProperties.has('isLoading')) {
-            if (this.isLoading === true && this.currentEditor === '_chatEditorDOM') {
+            if (this.isLoading === true && this.currentEditor === '_chatEditorDOM' && this.editor && this.editor.setEditable) {
                 this.editor.setEditable(false)
             }
-            if (this.isLoading === false && this.currentEditor === '_chatEditorDOM') {
+            if (this.isLoading === false && this.currentEditor === '_chatEditorDOM' && this.editor &&  this.editor.setEditable) {
                 this.editor.setEditable(true)
             }
         }
@@ -2432,7 +2425,6 @@ class ChatPage extends LitElement {
                         this._publicKey.hasPubKey = false
                     }
                 } catch (error) {
-                    console.error(error);
                 }
 
                 if(!hasPublicKey || !this._publicKey.hasPubKey){

qortal-ui-plugins/plugins/core/components/ChatScroller.js

@@ -466,7 +466,6 @@ class MessageTemplate extends LitElement {
                 const parsedMsg =  JSON.parse(repliedToData.decodedMessage);
                 repliedToData.decodedMessage = parsedMsg;
             } catch (error) {
-                console.error(error);
             }
             
         }
@@ -856,7 +855,6 @@ class ChatMenu extends LitElement {
             this.setForwardProperties(stringifyMessageObject)
            
         } catch (error) {
-            console.log({error})
         }
     }
     render() {
@@ -874,7 +872,6 @@ class ChatMenu extends LitElement {
                         this.setToggledMessage(this.originalMessage)
                         this.emojiPicker.togglePicker(e.target)
                     } catch (error) {
-                        console.log({error})
                     }
                     
                     }}

qortal-ui-plugins/plugins/core/messaging/q-chat/q-chat.src.js

@@ -1,5 +1,9 @@
 import { LitElement, html, css } from 'lit';
 import { render } from 'lit/html.js';
+import { passiveSupport } from 'passive-events-support/src/utils'
+passiveSupport({
+    events: ['touchstart']
+  })
 import { Epml } from '../../../../epml.js';
 import { use, get, translate, translateUnsafeHTML, registerTranslateConfig } from 'lit-translate';
 import { qchatStyles } from './q-chat-css.src.js'
@@ -163,6 +167,7 @@ class Chat extends LitElement {
     }
 
     render() {
+        console.log('q-chat update')
         return html`
             <div class="container clearfix">
                 <div class="people-list" id="people-list">
@@ -389,26 +394,7 @@ class Chat extends LitElement {
 
         this.shadowRoot.getElementById('messageBox').addEventListener('keydown', stopKeyEventPropagation);
 
-        // let typingTimer;                
-        // let doneTypingInterval = 3000;  
      
-        // //on keyup, start the countdown
-        // nameInput.addEventListener('keyup', () => {
-        //     clearTimeout(typingTimer);
-        //     if (nameInput.value) {
-        //         console.log("typing started!");
-        //         typingTimer = setTimeout(this.userSearch, doneTypingInterval);
-        //     }
-        // });
-
-        const getDataFromURL = () => {
-            let tempUrl = document.location.href
-            let splitedUrl = decodeURI(tempUrl).split('?')
-            let urlData = splitedUrl[1]
-            if (urlData !== undefined) {
-                this.chatId = urlData
-            }
-        }
 
         const runFunctionsAfterPageLoad = () => {
             // Functions to exec after render while waiting for page info...
@@ -526,7 +512,6 @@ class Chat extends LitElement {
             }
             this.userFoundModalOpen = true;
         } catch (error) {
-            console.error(error);
             let err4string = get("chatpage.cchange35");
             parentEpml.request('showSnackBar', `${err4string}`)
         }
@@ -767,7 +752,6 @@ class Chat extends LitElement {
             })
             this.groupInvites = pendingGroupInvites;
         } catch (error) {
-            console.error(error);
             let err4string = get("chatpage.cchange61");
             parentEpml.request('showSnackBar', `${err4string}`)
         }
@@ -876,9 +860,10 @@ class Chat extends LitElement {
     }
 
     setChatHeads(chatObj) {
-
+        const chatObjGroups = Array.isArray(chatObj.groups) ? chatObj.groups  : [];
-        let groupList = chatObj.groups.map(group => group.groupId === 0 ? { groupId: group.groupId, url: `group/${group.groupId}`, groupName: "Qortal General Chat", timestamp: group.timestamp === undefined ? 2 : group.timestamp } : { ...group, timestamp: group.timestamp === undefined ? 1 : group.timestamp, url: `group/${group.groupId}` })
+        const chatObjDirect = Array.isArray(chatObj.direct) ? chatObj.direct : [];
-        let directList = chatObj.direct.map(dc => {
+        let groupList = chatObjGroups.map(group => group.groupId === 0 ? { groupId: group.groupId, url: `group/${group.groupId}`, groupName: "Qortal General Chat", timestamp: group.timestamp === undefined ? 2 : group.timestamp } : { ...group, timestamp: group.timestamp === undefined ? 1 : group.timestamp, url: `group/${group.groupId}` })
+        let directList = chatObjDirect.map(dc => {
             return { ...dc, url: `direct/${dc.address}` }
         })
         const compareNames = (a, b) => {

qortal-ui-plugins/plugins/utils/replace-messages-edited.js

@@ -31,7 +31,6 @@ export const replaceMessagesEdited = async ({
 				}
 			}
 		} catch (error) {
-			console.log(error)
 		}
 
 		return msgItem
@@ -42,7 +41,6 @@ export const replaceMessagesEdited = async ({
 		try {
 			parsedMessageObj = JSON.parse(msg.decodedMessage)
 		} catch (error) {
-            console.log('error')
 			return msg
 		}
 		let msgItem = msg
@@ -98,7 +96,6 @@ export const replaceMessagesEdited = async ({
 				}
 			}
 		} catch (error) {
-			console.log(error)
 		}
 
 		return msgItem