Merge pull request #7 from imnotacoder-eeeee/main

Fixed multi-line with my beta fix, and normalized colors to match master

src/main.ino

@@ -555,18 +555,31 @@ int calculateLinesRequired(String message) {
     int linesRequired = 1;
     int lineWidth = 0;
 
-    for (char c : message) {
+    for (unsigned int i = 0; i < message.length(); i++) {
-        lineWidth += tft.textWidth(String(c));
+        char c = message[i];
-        if (lineWidth > SCREEN_WIDTH) {
+        if (c == '\x03') {
-            linesRequired++;
+            // Skip color code sequences from calculate instead of render to solve nick overlay issue
-            lineWidth = tft.textWidth(String(c));
+            while (i < message.length() && (isdigit(message[i + 1]) || message[i + 1] == ',')) {
+                i++;
+                if (isdigit(message[i + 1])) {
+                    i++;
+                }
+                if (message[i] == ',' && isdigit(message[i + 1])) {
+                    i++;
+                }
+            }
+        } else if (c != '\x02' && c != '\x0F' && c != '\x1F') { // Ignore other formatting codes as they are not as prevalent
+            lineWidth += tft.textWidth(String(c));
+            if (lineWidth > SCREEN_WIDTH) {
+                linesRequired++;
+                lineWidth = tft.textWidth(String(c));
+            }
         }
     }
 
     return linesRequired;
 }
 
-
 void displayCenteredText(String text) {
     tft.fillScreen(TFT_BLACK);
     tft.setTextDatum(MC_DATUM);
@@ -872,6 +885,25 @@ void displayLines() {
     tft.fillRect(0, STATUS_BAR_HEIGHT, SCREEN_WIDTH, SCREEN_HEIGHT - STATUS_BAR_HEIGHT - INPUT_LINE_HEIGHT, TFT_BLACK);
 
     int cursorY = STATUS_BAR_HEIGHT;
+    int totalLinesHeight = 0;
+    std::vector<int> lineHeights;
+
+    // Calculate total height needed for all lines
+    for (const String& line : lines) {
+        int lineHeight = calculateLinesRequired(line) * CHAR_HEIGHT;
+        lineHeights.push_back(lineHeight);
+        totalLinesHeight += lineHeight;
+    }
+
+    // Remove lines from the top if they exceed the screen height
+    while (totalLinesHeight > SCREEN_HEIGHT - STATUS_BAR_HEIGHT - INPUT_LINE_HEIGHT) {
+        totalLinesHeight -= lineHeights.front();
+        lines.erase(lines.begin());
+        mentions.erase(mentions.begin());
+        lineHeights.erase(lineHeights.begin());
+    }
+
+    // Render each line
     for (size_t i = 0; i < lines.size(); ++i) {
         const String& line = lines[i];
         bool mention = mentions[i];