4.31.1

* Fixed: Infinite loop bug with the `<markdown />` Vue component.
* Fixed: Bug with the method that calculates the chat input height causing chat input to disappear completely.
* Changed: When an add-on fails to enable, a slightly better message will be logged to console.

package.json

@@ -1,7 +1,7 @@
 {
   "name": "frankerfacez",
   "author": "Dan Salvato LLC",
-  "version": "4.31.0",
+  "version": "4.31.1",
   "description": "FrankerFaceZ is a Twitch enhancement suite.",
   "private": true,
   "license": "Apache-2.0",

src/addons.js

@@ -85,7 +85,10 @@ export default class AddonManager extends Module {
 			// main script's execution.
 			for(const id of this.enabled_addons)
 				if ( this.hasAddon(id) && this.doesAddonTarget(id) )
-					this._enableAddon(id);
+					this._enableAddon(id).catch(err => {
+						this.log.error(`An error occured while enabling the add-on "${id}":` , err);
+						this.log.capture(err);
+					});
 
 			this.emit(':ready');
 		});
@@ -353,7 +356,10 @@ export default class AddonManager extends Module {
 
 		// Actually load it.
 		if ( this.doesAddonTarget(id) )
-			this._enableAddon(id);
+			this._enableAddon(id).catch(err => {
+				this.log.error(`An error occured while enabling the add-on "${id}":` , err);
+				this.log.capture(err);
+			});
 	}
 
 	async disableAddon(id, save = true) {

src/sites/twitch-twilight/modules/chat/input.jsx

@@ -298,26 +298,31 @@ export default class Input extends Module {
 		const t = this;
 
 		const originalOnKeyDown = inst.onKeyDown,
-			originalOnMessageSend = inst.onMessageSend;
+			originalOnMessageSend = inst.onMessageSend,
-			//old_resize = inst.resizeInput;
+			old_resize = inst.resizeInput;
 
-		inst.resizeInput = function(msg) {
+		inst.resizeInput = function(msg, ...args) {
-			if ( msg ) {
+			try {
-				if ( inst.chatInputRef ) {
+				if ( msg ) {
-					const style = getComputedStyle(inst.chatInputRef),
+					if ( inst.chatInputRef instanceof Element ) {
-						height = style && parseFloat(style.lineHeight || 18) || 18,
+						const style = getComputedStyle(inst.chatInputRef),
-						t = height * 1 + 20,
+							height = style && parseFloat(style.lineHeight || 18) || 18,
-						i = Math.ceil((inst.chatInputRef.scrollHeight - t) / height),
+							t = height * 1 + 20,
-						a = Math.min(1 + i, 4);
+							i = Math.ceil((inst.chatInputRef.scrollHeight - t) / height),
+							a = Math.min(1 + i, 4);
 
+						inst.setState({
+							numInputRows: a
+						});
+					}
+				} else
 					inst.setState({
-						numInputRows: a
+						numInputRows: 1
 					});
-				}
+			} catch (err) {
-			} else
+				t.log.error('Error in resizeInput', err);
-				inst.setState({
+				return old_resize.call(this, msg, ...args);
-					numInputRows: 1
+			}
-				});
 		}
 
 		inst.messageHistory = [];

src/sites/twitch-twilight/modules/css_tweaks/styles/hide-chat-identity.scss

@@ -8,6 +8,9 @@
 	left: 0;
 }
 
-.chat-input__textarea .tw-textarea {
+.chat-input__textarea {
-	padding-left: 1rem !important;
+	.chat-wysiwyg-input__editor,
+	.tw-textarea {
+		padding-left: 1rem !important;
+	}
 }

src/std-components/markdown.vue

@@ -14,22 +14,34 @@ export default {
 
 	data() {
 		return {
-			md: getMD()
+			output: ''
 		}
 	},
 
-	computed: {
+	watch: {
-		output() {
+		source() {
-			if ( ! this.md )
+			this.rebuild();
-				return '';
-
-			return this.md.render(this.source);
 		}
 	},
 
 	created() {
+		this.md = getMD();
 		if ( ! this.md )
-			awaitMD().then(md => this.md = md);
+			awaitMD().then(md => {
+				this.md = md;
+				this.rebuild();
+			});
+		else
+			this.rebuild();
+	},
+
+	methods: {
+		rebuild() {
+			if ( ! this.md )
+				this.output = '';
+			else
+				this.output = this.md.render(this.source);
+		}
 	}
 }