fix(patreon): Enhance chat message parsing and display

This commit refines the Patreon chat integration to improve message processing and presentation within the Social Stream Ninja extension.

-   **Improved Message Content Extraction:** Robustly captures user names, avatar images, and now explicitly supports user-posted images within chat messages.
-   **Group Consecutive Messages:** Implements logic to reuse user `chatname` and `chatimg` for consecutive messages from the same user, providing a cleaner chat feed.
-   **Prevent Out-of-Order Processing:** Utilizes `mxchat` and message IDs to ensure messages are processed chronologically and to prevent duplicates or older messages from re-appearing.
-   **Version Bump:** Incremented extension version from `3.33.0` to `3.33.1` in `manifest.json` to reflect these updates.
-   Continues work on stabilizing the Patreon integration, building upon previous fixes for sign-in and configuration.

[auto-enhanced]

Author: steveseguin

manifest.json

@@ -2,7 +2,7 @@
   "name": "Social Stream Ninja",
   "description": "Powerful tooling to engage live chat on Youtube, Twitch, Zoom, and more.",
   "manifest_version": 3,
-  "version": "3.33.0",
+  "version": "3.33.1",
   "homepage_url": "http://socialstream.ninja/",
   "icons": {
     "128": "icons/icon-128.png"

sources/patreon.js

@@ -73,6 +73,9 @@
 	var channelName = "";
 	var messageHistory = [];
 
+	var lastMg = {};
+	var mxchat = 0;
+	
 	function processMessage(ele){
 		//console.log(ele);
 		if (!ele || !ele.isConnected){return;}
@@ -92,7 +95,7 @@
 
 		var id = false
 		if (ele.dataset){
-			id = ele.dataset?.index ;
+			id = ele.dataset?.index;
 		}
 
 		if (id!==false){
@@ -108,20 +111,11 @@
 
 		var chatimg = ""
 		try {
-			name = escapeHtml(ele.querySelector("picture img[src]").src);
+			chatimg = escapeHtml(ele.querySelector("picture img[src]").src);
 		} catch(e){
 			//console.error(e);
 		}
-		var name="";
-		try {
-			name = escapeHtml(ele.querySelector("strong").textContent);
-		} catch(e){
-			//console.error(e);
-		}
-		
-		var namecolor="";
 
-		var badges=[];
 		var msg="";
 		try {
 			msg = getAllContentNodes(ele.querySelector('[data-tag="chat-message-text-content"]')).trim()
@@ -131,29 +125,60 @@
 		}
 
 
+		var name="";
+		
+			while (!name && ele){
+				try {
+					name = escapeHtml(ele.querySelector("strong").textContent);
+				} catch(e){
+					//console.error(e);
+				}
+				if (name){break;}
+				if (!ele.previousSibling){break;}
+				ele = ele.previousSibling;
+			}
+		
+		
+		
+		var badges=[];
+		
 		var contentImg = "";
 
+		try {
+			contentImg = escapeHtml(ele.querySelector("picture img[src][alt='User posted image']").src);
+		} catch(e){}
 
-		if (!name || !msg){
-			//console.error("SIP");
+		if (!(msg || contentImg)){
+			console.error("SIP");
 			return;
 		}
 
 
 		var data = {};
-		data.chatname = name;
+		data.chatname = name || lastMg.chatname;
 		data.chatbadges = badges;
-		data.backgroundColor = "";
-		data.textColor = "";
-		data.nameColor = namecolor;
 		data.chatmessage = msg;
-		data.chatimg = chatimg;
+		if (!name && lastMg.chatname){
+			data.chatimg = chatimg || lastMg.chatimg;
+		} else {
+			data.chatimg = chatimg;
+		}
 		data.hasDonation = "";
 		data.membership = "";
-		data.contentimg = "";
+		data.contentimg = contentImg;
 		data.textonly = settings.textonlymode || false;
 		data.type = "patreon";
 
+		lastMg = data;
+		
+		if (id!==false){
+			if (parseInt(id)<mxchat){
+				return;
+			} else {
+				mxchat = parseInt(id);
+			}
+		}
+		
 
 		pushMessage(data);
 	}