4.20.22

This release implements a massive change to how link tool-tips and embeds work. They might act up a bit while we get the new back-end installed and tweaked.

* Added: Options to use custom formats for dates and times, under `Appearance > Localization`.
* Added: Options to change the colors of tool-tips.
* Changed: Completely rewrite how link information is formatted together with a complete rewrite of the link information service.
* Changed: The FFZ Control Center now remembers you previously open settings if you reload the page.
* Fixed: Update chat lines when i18n data loads.
* Fixed: i18n not correctly formatting certain numbers.
* Fixed: Theater mode automatically enabling on user home pages. (Closes #866)
* Fixed: Theater metadata overlapping chat with Swap Sidebars enabled. (Closes #835)
* API Added: New icons: `location`, `link`, and `volume-off`
* API Fixed: `createElement` not properly handling `<video>` related attributes.

src/utilities/object.js

@@ -540,6 +540,51 @@ export function glob_to_regex(input) {
 }
 
 
+/**
+ * Truncate a string. Tries to intelligently break the string in white-space
+ * if possible, without back-tracking. The returned string can be up to
+ * `ellipsis.length + target + overage` characters long.
+ * @param {String} str The string to truncate.
+ * @param {Number} target The target length for the result
+ * @param {Number} overage Accept up to this many additional characters for a better result
+ * @param {String} [ellipsis='…'] The string to append when truncating
+ * @param {Boolean} [break_line=true] If true, attempt to break at the first LF
+ * @param {Boolean} [trim=true] If true, runs trim() on the string before truncating
+ * @returns {String} The truncated string
+ */
+export function truncate(str, target = 100, overage = 15, ellipsis = '…', break_line = true, trim = true) {
+	if ( ! str || ! str.length )
+		return str;
+
+	if ( trim )
+		str = str.trim();
+
+	let idx = break_line ? str.indexOf('\n') : -1;
+	if ( idx === -1 || idx > target )
+		idx = target;
+
+	if ( str.length <= idx )
+		return str;
+
+	let out = str.slice(0, idx).trimRight();
+	if ( overage > 0 && out.length >= idx ) {
+		let next_space = str.slice(idx).search(/\s+/);
+		if ( next_space === -1 && overage + idx > str.length )
+			next_space = str.length - idx;
+
+		if ( next_space !== -1 && next_space <= overage ) {
+			if ( str.length <= (idx + next_space) )
+				return str;
+
+			out = str.slice(0, idx + next_space);
+		}
+	}
+
+	return out + ellipsis;
+}
+
+
+
 export class SourcedSet {
 	constructor() {
 		this._cache = [];