From 8c32ef33020b17438f439712b50d3a02369aad50 Mon Sep 17 00:00:00 2001
From: RandomityGuy <31925790+RandomityGuy@users.noreply.github.com>
Date: Wed, 3 Jul 2024 23:05:18 +0530
Subject: [PATCH] finally the offset feature for HtmlText, making features of
 player count and readyness ez

---
 data/ui/mp/play/play_d.png   | Bin 3363 -> 3841 bytes
 data/ui/mp/play/play_h.png   | Bin 3346 -> 3784 bytes
 data/ui/mp/play/play_i.png   | Bin 2661 -> 3545 bytes
 data/ui/mp/play/play_n.png   | Bin 3328 -> 3845 bytes
 src/gui/GuiMLText.hx         |   1 -
 src/gui/GuiMLTextListCtrl.hx |   2 +-
 src/gui/HtmlText.hx          | 904 +++++++++++++++++++++++++++++++++++
 src/gui/JoinServerGui.hx     |   5 +-
 src/gui/MPPlayMissionGui.hx  |  11 +-
 9 files changed, 915 insertions(+), 8 deletions(-)
 create mode 100644 src/gui/HtmlText.hx

diff --git a/data/ui/mp/play/play_d.png b/data/ui/mp/play/play_d.png
index 2cbca65a01f8b5dec178eed1d5fa5ba3e8a18b9e..623b70c0b1e4874a8a5014c479d89937590ec272 100644
GIT binary patch
literal 3841
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
DPaI5h

literal 3363
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

diff --git a/data/ui/mp/play/play_h.png b/data/ui/mp/play/play_h.png
index 651b4bff2b9a004bd684f7d1a5b02d7b2a6f7f47..6aa4d4aaf01c5b8294e5a87d9aeb1fd0fe9270dc 100644
GIT binary patch
literal 3784
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

literal 3346
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

diff --git a/data/ui/mp/play/play_i.png b/data/ui/mp/play/play_i.png
index cd6785a5952229623346cc4b47e0057f7a5271c6..92022e8cb666034d91ad77c99b7dfd0e88d9db5a 100644
GIT binary patch
literal 3545
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
TQxl~=00000NkvXXu0mjfAV}H$

literal 2661
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
T0+=M!00000NkvXXu0mjf;@AnX

diff --git a/data/ui/mp/play/play_n.png b/data/ui/mp/play/play_n.png
index 90199da50d6d50a189d86ec5ed4facf19df69446..8d41feeb61789f9f6e31d4f46c0dced8c60fb72b 100644
GIT binary patch
literal 3845
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
Hu0mjfOde}h

literal 3328
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
KMNUMnLSTZvc~H6l

diff --git a/src/gui/GuiMLText.hx b/src/gui/GuiMLText.hx
index 9ff8ddea..1def69c9 100644
--- a/src/gui/GuiMLText.hx
+++ b/src/gui/GuiMLText.hx
@@ -7,7 +7,6 @@ import h2d.Bitmap;
 import h3d.Engine;
 import h3d.Vector;
 import gui.GuiText.Justification;
-import h2d.HtmlText;
 import h2d.Scene;
 import hxd.res.BitmapFont;
 import h2d.Text;
diff --git a/src/gui/GuiMLTextListCtrl.hx b/src/gui/GuiMLTextListCtrl.hx
index 6db54cce..99ec72e6 100644
--- a/src/gui/GuiMLTextListCtrl.hx
+++ b/src/gui/GuiMLTextListCtrl.hx
@@ -1,7 +1,6 @@
 package gui;
 
 import h2d.filter.Filter;
-import h2d.HtmlText;
 import h2d.Flow;
 import h3d.Engine;
 import h2d.Tile;
@@ -84,6 +83,7 @@ class GuiMLTextListCtrl extends GuiControl {
 			tobj.lineHeightMode = TextOnly;
 			tobj.text = text;
 			tobj.textColor = 0;
+
 			if (dropShadow != null)
 				tobj.dropShadow = dropShadow;
 			textObjs.push(tobj);
diff --git a/src/gui/HtmlText.hx b/src/gui/HtmlText.hx
new file mode 100644
index 00000000..4ad0763d
--- /dev/null
+++ b/src/gui/HtmlText.hx
@@ -0,0 +1,904 @@
+package gui;
+
+import h2d.Bitmap;
+import h2d.TileGroup;
+import h2d.Font;
+import h2d.Tile;
+import h2d.RenderContext;
+import h2d.Interactive;
+import h2d.Object;
+import h2d.Text;
+
+/**
+	The `HtmlText` line height calculation rules.
+**/
+enum LineHeightMode {
+	/**
+		Accurate line height calculations. Each line will adjust it's height according to it's contents.
+	**/
+	Accurate;
+
+	/**
+		Only text adjusts line heights, and `<img>` tags do not affect it (partial legacy behavior).
+	**/
+	TextOnly;
+
+	/**
+		Legacy line height mode. When used, line heights remain constant based on `Text.font` variable.
+	**/
+	Constant;
+}
+
+/**
+	`HtmlText` img tag vertical alignment rules.
+**/
+enum ImageVerticalAlign {
+	/**
+		Align images along the top of the text line.
+	**/
+	Top;
+
+	/**
+		Align images to sit on the base line of the text.
+	**/
+	Bottom;
+
+	/**
+		Align images to the middle between the top of the text line its base line.
+	**/
+	Middle;
+}
+
+/**
+	A simple HTML text renderer.
+
+	See the [Text](https://github.com/HeapsIO/heaps/wiki/Text) section of the manual for more details and a list of the supported HTML tags.
+**/
+class HtmlText extends Text {
+	/**
+		A default method HtmlText uses to load images for `<img>` tag. See `HtmlText.loadImage` for details.
+	**/
+	public static dynamic function defaultLoadImage(url:String):h2d.Tile {
+		return null;
+	}
+
+	/**
+		A default method HtmlText uses to load fonts for `<font>` tags with `face` attribute. See `HtmlText.loadFont` for details.
+	**/
+	public static dynamic function defaultLoadFont(name:String):h2d.Font {
+		return null;
+	}
+
+	/**
+		A default method HtmlText uses to format assigned text. See `HtmlText.formatText` for details.
+	**/
+	public static dynamic function defaultFormatText(text:String):String {
+		return text;
+	}
+
+	/**
+		When enabled, condenses extra spaces (carriage-return, line-feed, tabulation and space character) to one space.
+		If not set, uncondensed whitespace is left as is, as well as line-breaks.
+	**/
+	public var condenseWhite(default, set):Bool = true;
+
+	/**
+		The spacing after `<img>` tags in pixels.
+	**/
+	public var imageSpacing(default, set):Float = 1;
+
+	/**
+		Line height calculation mode controls how much space lines take up vertically.
+		Changing mode to `Constant` restores the legacy behavior of HtmlText.
+	**/
+	public var lineHeightMode(default, set):LineHeightMode = Accurate;
+
+	/**
+		Vertical alignment of the images in `<img>` tag relative to the text.
+	**/
+	public var imageVerticalAlign(default, set):ImageVerticalAlign = Bottom;
+
+	var elements:Array<Object> = [];
+	var xPos:Float;
+	var yPos:Float;
+	var xMax:Float;
+	var xMin:Float;
+	var textXml:Xml;
+	var sizePos:Int;
+	var dropMatrix:h3d.shader.ColorMatrix;
+	var prevChar:Int;
+	var newLine:Bool;
+	var aHrefs:Array<String>;
+	var aInteractive:Interactive;
+
+	override function draw(ctx:RenderContext) {
+		if (dropShadow != null) {
+			var oldX = absX, oldY = absY;
+			absX += dropShadow.dx * matA + dropShadow.dy * matC;
+			absY += dropShadow.dx * matB + dropShadow.dy * matD;
+			if (dropMatrix == null) {
+				dropMatrix = new h3d.shader.ColorMatrix();
+				addShader(dropMatrix);
+			}
+			dropMatrix.enabled = true;
+			var m = dropMatrix.matrix;
+			m.zero();
+			m._41 = ((dropShadow.color >> 16) & 0xFF) / 255;
+			m._42 = ((dropShadow.color >> 8) & 0xFF) / 255;
+			m._43 = (dropShadow.color & 0xFF) / 255;
+			m._44 = dropShadow.alpha;
+			for (e in elements) {
+				if (e is TileGroup)
+					@:privateAccess (cast(e, TileGroup)).drawWith(ctx, this);
+			}
+			@:privateAccess glyphs.drawWith(ctx, this);
+			dropMatrix.enabled = false;
+			absX = oldX;
+			absY = oldY;
+		} else {
+			removeShader(dropMatrix);
+			dropMatrix = null;
+		}
+		@:privateAccess glyphs.drawWith(ctx, this);
+	}
+
+	override function getShader<T:hxsl.Shader>(stype:Class<T>):T {
+		if (shaders != null)
+			for (s in shaders) {
+				var c = Std.downcast(s, h3d.shader.ColorMatrix);
+				if (c != null && !c.enabled)
+					continue;
+				var s = hxd.impl.Api.downcast(s, stype);
+				if (s != null)
+					return s;
+			}
+		return null;
+	}
+
+	/**
+		Method that should return an `h2d.Tile` instance for `<img>` tags. By default calls `HtmlText.defaultLoadImage` method.
+
+		HtmlText does not cache tile instances.
+		Due to internal structure, method should be deterministic and always return same Tile on consequent calls with same `url` input.
+		@param url A value contained in `src` attribute.
+	**/
+	public dynamic function loadImage(url:String):Tile {
+		return defaultLoadImage(url);
+	}
+
+	/**
+		Method that should return an `h2d.Font` instance for `<font>` tags with `face` attribute. By default calls `HtmlText.defaultLoadFont` method.
+
+		HtmlText does not cache font instances and it's recommended to perform said caching from outside.
+		Due to internal structure, method should be deterministic and always return same Font instance on consequent calls with same `name` input.
+		@param name A value contained in `face` attribute.
+		@returns Method should return loaded font instance or `null`. If `null` is returned - currently active font is used.
+	**/
+	public dynamic function loadFont(name:String):Font {
+		var f = defaultLoadFont(name);
+		if (f == null)
+			return this.font;
+		else
+			return f;
+	}
+
+	/**
+		Called on a <a> tag click
+	**/
+	public dynamic function onHyperlink(url:String):Void {}
+
+	/**
+		Called when text is assigned, allowing to process arbitrary text to a valid XHTML.
+	**/
+	public dynamic function formatText(text:String):String {
+		return defaultFormatText(text);
+	}
+
+	override function set_text(t:String) {
+		super.set_text(formatText(t));
+		return t;
+	}
+
+	function parseText(text:String) {
+		return try Xml.parse(text) catch (e:Dynamic) throw "Could not parse " + text + " (" + e + ")";
+	}
+
+	inline function makeLineInfo(width:Float, height:Float, baseLine:Float):LineInfo {
+		return {width: width, height: height, baseLine: baseLine};
+	}
+
+	override function validateText() {
+		textXml = parseText(text);
+		validateNodes(textXml);
+	}
+
+	function validateNodes(xml:Xml) {
+		switch (xml.nodeType) {
+			case Element:
+				var nodeName = xml.nodeName.toLowerCase();
+				switch (nodeName) {
+					case "img":
+						loadImage(xml.get("src"));
+					case "font":
+						if (xml.exists("face")) {
+							loadFont(xml.get("face"));
+						}
+					case "b", "bold":
+						loadFont("bold");
+					case "i", "italic":
+						loadFont("italic");
+				}
+				for (child in xml)
+					validateNodes(child);
+			case Document:
+				for (child in xml)
+					validateNodes(child);
+			default:
+		}
+	}
+
+	override function initGlyphs(text:String, rebuild = true) {
+		if (rebuild) {
+			glyphs.clear();
+			for (e in elements)
+				e.remove();
+			elements = [];
+		}
+		glyphs.setDefaultColor(textColor);
+
+		var doc:Xml;
+		if (textXml == null) {
+			doc = parseText(text);
+		} else {
+			doc = textXml;
+		}
+
+		yPos = 0;
+		xMax = 0;
+		xMin = Math.POSITIVE_INFINITY;
+		sizePos = 0;
+		calcYMin = 0;
+
+		var metrics:Array<LineInfo> = [makeLineInfo(0, font.lineHeight, font.baseLine)];
+		prevChar = -1;
+		newLine = true;
+		var splitNode:SplitNode = {
+			node: null,
+			pos: 0,
+			font: font,
+			prevChar: -1,
+			width: 0,
+			height: 0,
+			baseLine: 0
+		};
+		for (e in doc)
+			buildSizes(e, font, metrics, splitNode);
+
+		var max = 0.;
+		for (info in metrics) {
+			if (info.width > max)
+				max = info.width;
+		}
+		calcWidth = max;
+
+		prevChar = -1;
+		newLine = true;
+		nextLine(textAlign, metrics[0].width);
+		for (e in doc)
+			addNode(e, font, textAlign, rebuild, metrics);
+
+		if (xPos > xMax)
+			xMax = xPos;
+
+		textXml = null;
+
+		var y = yPos;
+		calcXMin = xMin;
+		calcWidth = xMax - xMin;
+		calcHeight = y + metrics[sizePos].height;
+		calcSizeHeight = y + metrics[sizePos].baseLine; // (font.baseLine > 0 ? font.baseLine : font.lineHeight);
+		calcDone = true;
+		if (rebuild)
+			needsRebuild = false;
+	}
+
+	function buildSizes(e:Xml, font:Font, metrics:Array<LineInfo>, splitNode:SplitNode) {
+		function wordSplit() {
+			var fnt = splitNode.font;
+			var str = splitNode.node.nodeValue;
+			var info = metrics[metrics.length - 1];
+			var w = info.width;
+			var cc = str.charCodeAt(splitNode.pos);
+			// Restore line metrics to ones before split.
+			// Potential bug: `Text<split> [Image] text<split>text` - third line will use metrics as if image is present in the line.
+			info.width = splitNode.width;
+			info.height = splitNode.height;
+			info.baseLine = splitNode.baseLine;
+			var char = fnt.getChar(cc);
+			if (lineBreak && fnt.charset.isSpace(cc)) {
+				// Space characters are converted to \n
+				w -= (splitNode.width + letterSpacing + char.width + char.getKerningOffset(splitNode.prevChar));
+				splitNode.node.nodeValue = str.substr(0, splitNode.pos) + "\n" + str.substr(splitNode.pos + 1);
+			} else {
+				w -= (splitNode.width + letterSpacing + char.getKerningOffset(splitNode.prevChar));
+				splitNode.node.nodeValue = str.substr(0, splitNode.pos + 1) + "\n" + str.substr(splitNode.pos + 1);
+			}
+			splitNode.node = null;
+			return w;
+		}
+		inline function lineFont() {
+			return lineHeightMode == Constant ? this.font : font;
+		}
+		if (e.nodeType == Xml.Element) {
+			inline function makeLineBreak() {
+				var fontInfo = lineFont();
+				metrics.push(makeLineInfo(0, fontInfo.lineHeight, fontInfo.baseLine));
+				splitNode.node = null;
+				newLine = true;
+				prevChar = -1;
+			}
+
+			var nodeName = e.nodeName.toLowerCase();
+			switch (nodeName) {
+				case "p":
+					if (!newLine) {
+						makeLineBreak();
+					}
+				case "br":
+					makeLineBreak();
+				case "img":
+					// TODO: Support width/height attributes
+					// Support max-width/max-height attributes (downscale)
+					// Support min-width/min-height attributes (upscale)
+					var i:Tile = loadImage(e.get("src"));
+					if (i == null)
+						i = Tile.fromColor(0xFF00FF, 8, 8);
+
+					var size = metrics[metrics.length - 1].width + i.width + imageSpacing;
+					if (realMaxWidth >= 0 && size > realMaxWidth && metrics[metrics.length - 1].width > 0) {
+						if (splitNode.node != null) {
+							size = wordSplit() + i.width + imageSpacing;
+							var info = metrics[metrics.length - 1];
+							// Bug: height/baseLine may be innacurate in case of sizeA sizeB<split>sizeA where sizeB is larger.
+							switch (lineHeightMode) {
+								case Accurate:
+									var grow = i.height - i.dy - info.baseLine;
+									var h = info.height;
+									var bl = info.baseLine;
+									if (grow > 0) {
+										h += grow;
+										bl += grow;
+									}
+									metrics.push(makeLineInfo(size, Math.max(h, bl + i.dy), bl));
+								default:
+									metrics.push(makeLineInfo(size, info.height, info.baseLine));
+							}
+						}
+					} else {
+						var info = metrics[metrics.length - 1];
+						info.width = size;
+						if (lineHeightMode == Accurate) {
+							var grow = i.height - i.dy - info.baseLine;
+							if (grow > 0) {
+								switch (imageVerticalAlign) {
+									case Top:
+										info.height += grow;
+									case Bottom:
+										info.baseLine += grow;
+										info.height += grow;
+									case Middle:
+										info.height += grow;
+										info.baseLine += Std.int(grow / 2);
+								}
+							}
+							grow = info.baseLine + i.dy;
+							if (info.height < grow)
+								info.height = grow;
+						}
+					}
+					newLine = false;
+					prevChar = -1;
+				case "font":
+					for (a in e.attributes()) {
+						var v = e.get(a);
+						switch (a.toLowerCase()) {
+							case "face": font = loadFont(v);
+							default:
+						}
+					}
+				case "b", "bold":
+					font = loadFont("bold");
+				case "i", "italic":
+					font = loadFont("italic");
+				default:
+			}
+			for (child in e)
+				buildSizes(child, font, metrics, splitNode);
+			switch (nodeName) {
+				case "p":
+					if (!newLine) {
+						makeLineBreak();
+					}
+				default:
+			}
+		} else if (e.nodeValue.length != 0) {
+			newLine = false;
+			var text = htmlToText(e.nodeValue);
+			var fontInfo = lineFont();
+			var info:LineInfo = metrics.pop();
+			var leftMargin = info.width;
+			var maxWidth = realMaxWidth < 0 ? Math.POSITIVE_INFINITY : realMaxWidth;
+			var textSplit = [], restPos = 0;
+			var x = leftMargin;
+			var breakChars = 0;
+			for (i in 0...text.length) {
+				var cc = text.charCodeAt(i);
+				var g = font.getChar(cc);
+				var newline = cc == '\n'.code;
+				var esize = g.width + g.getKerningOffset(prevChar);
+				var nc = text.charCodeAt(i + 1);
+				if (font.charset.isBreakChar(cc) && (nc == null || !font.charset.isComplementChar(nc))) {
+					// Case: Very first word in text makes the line too long hence we want to start it off on a new line.
+					if (x > maxWidth && textSplit.length == 0 && splitNode.node != null) {
+						metrics.push(makeLineInfo(x, info.height, info.baseLine));
+						x = wordSplit();
+					}
+
+					var size = x + esize + letterSpacing;
+					var k = i + 1, max = text.length;
+					var prevChar = cc;
+					while (size <= maxWidth && k < max) {
+						var cc = text.charCodeAt(k++);
+						if (lineBreak && (font.charset.isSpace(cc) || cc == '\n'.code))
+							break;
+						var e = font.getChar(cc);
+						size += e.width + letterSpacing + e.getKerningOffset(prevChar);
+						prevChar = cc;
+						var nc = text.charCodeAt(k);
+						if (font.charset.isBreakChar(cc) && (nc == null || !font.charset.isComplementChar(nc)))
+							break;
+					}
+					// Avoid empty line when last char causes line-break while being CJK
+					if (lineBreak && size > maxWidth && i != max - 1) {
+						// Next word will reach maxWidth
+						newline = true;
+						if (font.charset.isSpace(cc)) {
+							textSplit.push(text.substr(restPos, i - restPos));
+							g = null;
+						} else {
+							textSplit.push(text.substr(restPos, i + 1 - restPos));
+							breakChars++;
+						}
+						splitNode.node = null;
+						restPos = i + 1;
+					} else {
+						splitNode.node = e;
+						splitNode.pos = i + breakChars;
+						splitNode.prevChar = this.prevChar;
+						splitNode.width = x;
+						splitNode.height = info.height;
+						splitNode.baseLine = info.baseLine;
+						splitNode.font = font;
+					}
+				}
+				if (g != null && cc != '\n'.code)
+					x += esize + letterSpacing;
+				if (newline) {
+					metrics.push(makeLineInfo(x, info.height, info.baseLine));
+					info.height = fontInfo.lineHeight;
+					info.baseLine = fontInfo.baseLine;
+					x = 0;
+					prevChar = -1;
+					newLine = true;
+				} else {
+					prevChar = cc;
+					newLine = false;
+				}
+			}
+
+			if (restPos < text.length) {
+				if (x > maxWidth) {
+					if (splitNode.node != null && splitNode.node != e) {
+						metrics.push(makeLineInfo(x, info.height, info.baseLine));
+						x = wordSplit();
+					}
+				}
+				textSplit.push(text.substr(restPos));
+				metrics.push(makeLineInfo(x, info.height, info.baseLine));
+			}
+
+			if (newLine || metrics.length == 0) {
+				metrics.push(makeLineInfo(0, fontInfo.lineHeight, fontInfo.baseLine));
+				textSplit.push("");
+			}
+			// Save node value
+			e.nodeValue = textSplit.join("\n");
+		}
+	}
+
+	static var REG_SPACES = ~/[\r\n\t ]+/g;
+
+	function htmlToText(t:String) {
+		if (condenseWhite)
+			t = REG_SPACES.replace(t, " ");
+		return t;
+	}
+
+	inline function nextLine(align:Align, size:Float) {
+		switch (align) {
+			case Left:
+				xPos = 0;
+				if (xMin > 0)
+					xMin = 0;
+			case Right, Center, MultilineCenter, MultilineRight:
+				var max = if (align == MultilineCenter || align == MultilineRight) hxd.Math.ceil(calcWidth) else
+					calcWidth < 0 ? 0 : hxd.Math.ceil(realMaxWidth);
+				var k = align == Center || align == MultilineCenter ? 0.5 : 1;
+				xPos = Math.ffloor((max - size) * k);
+				if (xPos < xMin)
+					xMin = xPos;
+		}
+	}
+
+	override function splitText(text:String):String {
+		if (realMaxWidth < 0)
+			return text;
+		yPos = 0;
+		xMax = 0;
+		sizePos = 0;
+		calcYMin = 0;
+
+		var doc = parseText(text);
+
+		/*
+			This might require a global refactoring at some point.
+			We would need a way to somehow build an AST from the XML representation
+			with all sizes and word breaks so analysis is much more easy.
+		 */
+
+		var splitNode:SplitNode = {
+			node: null,
+			font: font,
+			width: 0,
+			height: 0,
+			baseLine: 0,
+			pos: 0,
+			prevChar: -1
+		};
+		var metrics = [makeLineInfo(0, font.lineHeight, font.baseLine)];
+		prevChar = -1;
+		newLine = true;
+
+		for (e in doc)
+			buildSizes(e, font, metrics, splitNode);
+		xMax = 0;
+		function addBreaks(e:Xml) {
+			if (e.nodeType == Xml.Element) {
+				for (x in e)
+					addBreaks(x);
+			} else {
+				var text = e.nodeValue;
+				var startI = 0;
+				var index = Lambda.indexOf(e.parent, e);
+				for (i in 0...text.length) {
+					if (text.charCodeAt(i) == '\n'.code) {
+						var pre = text.substring(startI, i);
+						if (pre != "")
+							e.parent.insertChild(Xml.createPCData(pre), index++);
+						e.parent.insertChild(Xml.createElement("br"), index++);
+						startI = i + 1;
+					}
+				}
+				if (startI < text.length) {
+					e.nodeValue = text.substr(startI);
+				} else {
+					e.parent.removeChild(e);
+				}
+			}
+		}
+		for (d in doc)
+			addBreaks(d);
+		return doc.toString();
+	}
+
+	override function getTextProgress(text:String, progress:Float):String {
+		if (progress >= text.length)
+			return text;
+		var doc = parseText(text);
+		function progressRec(e:Xml) {
+			if (progress <= 0) {
+				e.parent.removeChild(e);
+				return;
+			}
+			if (e.nodeType == Xml.Element) {
+				for (x in [for (x in e) x])
+					progressRec(x);
+			} else {
+				var text = htmlToText(e.nodeValue);
+				var len = text.length;
+				if (len > progress) {
+					text = text.substr(0, Std.int(progress));
+					e.nodeValue = text;
+				}
+				progress -= len;
+			}
+		}
+		for (x in [for (x in doc) x])
+			progressRec(x);
+		return doc.toString();
+	}
+
+	function addNode(e:Xml, font:Font, align:Align, rebuild:Bool, metrics:Array<LineInfo>) {
+		inline function createInteractive() {
+			if (aHrefs == null || aHrefs.length == 0)
+				return;
+			aInteractive = new Interactive(0, metrics[sizePos].height, this);
+			var href = aHrefs[aHrefs.length - 1];
+			aInteractive.onClick = function(event) {
+				onHyperlink(href);
+			}
+			aInteractive.x = xPos;
+			aInteractive.y = yPos;
+			elements.push(aInteractive);
+		}
+
+		inline function finalizeInteractive() {
+			if (aInteractive != null) {
+				aInteractive.width = xPos - aInteractive.x;
+				aInteractive = null;
+			}
+		}
+
+		inline function makeLineBreak() {
+			finalizeInteractive();
+			if (xPos > xMax)
+				xMax = xPos;
+			yPos += metrics[sizePos].height + lineSpacing;
+			nextLine(align, metrics[++sizePos].width);
+			createInteractive();
+		}
+		if (e.nodeType == Xml.Element) {
+			var prevColor = null, prevGlyphs = null;
+			var oldAlign = align;
+			var nodeName = e.nodeName.toLowerCase();
+			inline function setFont(v:String) {
+				font = loadFont(v);
+				if (prevGlyphs == null)
+					prevGlyphs = glyphs;
+				var prev = glyphs;
+				glyphs = new TileGroup(font == null ? null : font.tile, this);
+				if (font != null) {
+					switch (font.type) {
+						case SignedDistanceField(channel, alphaCutoff, smoothing):
+							var shader = new h3d.shader.SignedDistanceField();
+							shader.channel = channel;
+							shader.alphaCutoff = alphaCutoff;
+							shader.smoothing = smoothing;
+							shader.autoSmoothing = smoothing == -1;
+							glyphs.smooth = this.smooth;
+							glyphs.addShader(shader);
+						default:
+					}
+				}
+				@:privateAccess glyphs.curColor.load(prev.curColor);
+				elements.push(glyphs);
+			}
+			switch (nodeName) {
+				case "font":
+					for (a in e.attributes()) {
+						var v = e.get(a);
+						switch (a.toLowerCase()) {
+							case "color":
+								if (prevColor == null)
+									prevColor = @:privateAccess glyphs.curColor.clone();
+								if (v.charCodeAt(0) == '#'.code && v.length == 4)
+									v = "#" + v.charAt(1) + v.charAt(1) + v.charAt(2) + v.charAt(2) + v.charAt(3) + v.charAt(3);
+								glyphs.setDefaultColor(Std.parseInt("0x" + v.substr(1)));
+							case "opacity":
+								if (prevColor == null)
+									prevColor = @:privateAccess glyphs.curColor.clone();
+								@:privateAccess glyphs.curColor.a *= Std.parseFloat(v);
+							case "face":
+								setFont(v);
+							default:
+						}
+					}
+				case "p":
+					for (a in e.attributes()) {
+						switch (a.toLowerCase()) {
+							case "align":
+								var v = e.get(a);
+								if (v != null) switch (v.toLowerCase()) {
+									case "left":
+										align = Left;
+									case "center":
+										align = Center;
+									case "right":
+										align = Right;
+									case "multiline-center":
+										align = MultilineCenter;
+									case "multiline-right":
+										align = MultilineRight;
+										// ?justify
+								}
+							default:
+						}
+					}
+					if (!newLine) {
+						makeLineBreak();
+						newLine = true;
+						prevChar = -1;
+					} else {
+						nextLine(align, metrics[sizePos].width);
+					}
+				case "offset":
+					for (a in e.attributes()) {
+						switch (a.toLowerCase()) {
+							case "value":
+								var v = e.get(a);
+								if (v != null) xPos = Std.parseFloat(v);
+							default:
+						}
+					}
+				// nextLine(align, metrics[sizePos].width);
+
+				case "b", "bold":
+					setFont("bold");
+				case "i", "italic":
+					setFont("italic");
+				case "br":
+					makeLineBreak();
+					newLine = true;
+					prevChar = -1;
+				case "img":
+					var i:Tile = loadImage(e.get("src"));
+					if (i == null)
+						i = Tile.fromColor(0xFF00FF, 8, 8);
+					var py = yPos;
+					switch (imageVerticalAlign) {
+						case Bottom:
+							py += metrics[sizePos].baseLine - i.height;
+						case Middle:
+							py += metrics[sizePos].baseLine - i.height / 2;
+						case Top:
+					}
+					if (py + i.dy < calcYMin)
+						calcYMin = py + i.dy;
+					if (rebuild) {
+						var b = new Bitmap(i, this);
+						b.x = xPos;
+						b.y = py;
+						elements.push(b);
+					}
+					newLine = false;
+					prevChar = -1;
+					xPos += i.width + imageSpacing;
+				case "a":
+					if (e.exists("href")) {
+						finalizeInteractive();
+						if (aHrefs == null)
+							aHrefs = [];
+						aHrefs.push(e.get("href"));
+						createInteractive();
+					}
+				default:
+			}
+			for (child in e)
+				addNode(child, font, align, rebuild, metrics);
+			align = oldAlign;
+			switch (nodeName) {
+				case "p":
+					if (newLine) {
+						nextLine(align, metrics[sizePos].width);
+					} else if (sizePos < metrics.length - 2 || metrics[sizePos + 1].width != 0) {
+						// Condition avoid extra empty line if <p> was the last tag.
+						makeLineBreak();
+						newLine = true;
+						prevChar = -1;
+					}
+				case "a":
+					if (aHrefs.length > 0) {
+						finalizeInteractive();
+						aHrefs.pop();
+						createInteractive();
+					}
+				default:
+			}
+			if (prevGlyphs != null)
+				glyphs = prevGlyphs;
+			if (prevColor != null)
+				@:privateAccess glyphs.curColor.load(prevColor);
+		} else if (e.nodeValue.length != 0) {
+			newLine = false;
+			var t = e.nodeValue;
+			var dy = metrics[sizePos].baseLine - font.baseLine;
+			for (i in 0...t.length) {
+				var cc = t.charCodeAt(i);
+				if (cc == "\n".code) {
+					makeLineBreak();
+					dy = metrics[sizePos].baseLine - font.baseLine;
+					prevChar = -1;
+					continue;
+				} else {
+					var fc = font.getChar(cc);
+					if (fc != null) {
+						xPos += fc.getKerningOffset(prevChar);
+						if (rebuild)
+							glyphs.add(xPos, yPos + dy, fc.t);
+						if (yPos == 0 && fc.t.dy + dy < calcYMin)
+							calcYMin = fc.t.dy + dy;
+						xPos += fc.width + letterSpacing;
+					}
+					prevChar = cc;
+				}
+			}
+		}
+	}
+
+	function set_imageSpacing(s) {
+		if (imageSpacing == s)
+			return s;
+		imageSpacing = s;
+		rebuild();
+		return s;
+	}
+
+	override function set_textColor(c) {
+		if (this.textColor == c)
+			return c;
+		this.textColor = c;
+		rebuild();
+		return c;
+	}
+
+	function set_condenseWhite(value:Bool) {
+		if (this.condenseWhite != value) {
+			this.condenseWhite = value;
+			rebuild();
+		}
+		return value;
+	}
+
+	function set_imageVerticalAlign(align) {
+		if (this.imageVerticalAlign != align) {
+			this.imageVerticalAlign = align;
+			rebuild();
+		}
+		return align;
+	}
+
+	function set_lineHeightMode(v) {
+		if (this.lineHeightMode != v) {
+			this.lineHeightMode = v;
+			rebuild();
+		}
+		return v;
+	}
+
+	override function getBoundsRec(relativeTo:Object, out:h2d.col.Bounds, forSize:Bool) {
+		if (forSize)
+			for (i in elements)
+				if (hxd.impl.Api.isOfType(i, h2d.Bitmap))
+					i.visible = false;
+		super.getBoundsRec(relativeTo, out, forSize);
+		if (forSize)
+			for (i in elements)
+				i.visible = true;
+	}
+}
+
+private typedef LineInfo = {
+	var width:Float;
+	var height:Float;
+	var baseLine:Float;
+}
+
+private typedef SplitNode = {
+	var node:Xml;
+	var prevChar:Int;
+	var pos:Int;
+	var width:Float;
+	var height:Float;
+	var baseLine:Float;
+	var font:h2d.Font;
+}
diff --git a/src/gui/JoinServerGui.hx b/src/gui/JoinServerGui.hx
index f7d4132e..f174f3e5 100644
--- a/src/gui/JoinServerGui.hx
+++ b/src/gui/JoinServerGui.hx
@@ -196,7 +196,8 @@ class JoinServerGui extends GuiImage {
 		var platformToString = ["unknown", "pc", "mac", "web", "android"];
 
 		function updateServerListDisplay() {
-			serverDisplays = ourServerList.map(x -> '<img src="${platformToString[x.platform]}"></img><font color="#FFFFFF">${x.name}</font>');
+			serverDisplays = ourServerList.map(x ->
+				'<img src="${platformToString[x.platform]}"></img><font color="#FFFFFF">${x.name} <offset value="${400 * Settings.uiScale}">${x.players}/${x.maxPlayers}</offset></font>');
 			serverList.setTexts(serverDisplays);
 		}
 
@@ -324,7 +325,7 @@ class JoinServerGui extends GuiImage {
 			alpha: 0.5,
 			color: 0
 		};
-		listTitle.text.text = "  Server Name";
+		listTitle.text.text = "  Server Name                                                              Players";
 		window.addChild(listTitle);
 
 		this.addChild(window);
diff --git a/src/gui/MPPlayMissionGui.hx b/src/gui/MPPlayMissionGui.hx
index ba99bcaa..09285f29 100644
--- a/src/gui/MPPlayMissionGui.hx
+++ b/src/gui/MPPlayMissionGui.hx
@@ -677,26 +677,29 @@ class MPPlayMissionGui extends GuiImage {
 		if (Net.isHost) {
 			playerListArr.push({
 				name: Settings.highscoreName,
-				platform: Net.getPlatform()
+				platform: Net.getPlatform(),
+				ready: Net.lobbyHostReady
 			});
 		}
 		if (Net.isClient) {
 			playerListArr.push({
 				name: Settings.highscoreName,
-				platform: Net.getPlatform()
+				platform: Net.getPlatform(),
+				ready: Net.lobbyClientReady
 			});
 		}
 		if (Net.clientIdMap != null) {
 			for (c => v in Net.clientIdMap) {
 				playerListArr.push({
 					name: v.name,
-					platform: v.platform
+					platform: v.platform,
+					ready: v.lobbyReady
 				});
 			}
 		}
 
 		var playerListCompiled = playerListArr.map(player ->
-			'<img src="${platformToString(player.platform)}"></img><font color="#FFFFFF">${player.name}</font>');
+			'<img src="${platformToString(player.platform)}"></img><font color="#FFFFFF">${player.name}<offset value="${220 * Settings.uiScale}">${player.ready ? "Ready" : ""}</offset></font>');
 		playerListCtrl.setTexts(playerListCompiled);
 
 		// if (!showingCustoms)