diff --git a/.eslintrc.js b/.eslintrc.js
index b5f4385f..4d8c6e77 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -2,6 +2,7 @@
 module.exports = {
 	'env': {
 		'browser': true,
+		'es2020': true,
 		'es6': true
 	},
 	'extends': [
@@ -33,6 +34,7 @@ module.exports = {
 		'__version_major__': false,
 		'__version_minor__': false,
 		'__version_patch__': false,
+		'__version_build__': false,
 		'__version_prerelease__': false,
 		'__extension__': false,
 		'FrankerFaceZ': false
@@ -70,7 +72,6 @@ module.exports = {
 		'no-useless-concat': ['warn'],
 		'no-useless-return': ['warn'],
 		'no-void': ['error'],
-		'no-warning-comments': ['warn'],
 		'no-with': ['error'],
 		'radix': ['error'],
 		'require-await': ['warn'],
@@ -121,9 +122,12 @@ module.exports = {
 			'tab'
 		],
 		'vue/valid-template-root': 'off',
+		'vue/multi-word-component-names': 'off',
 		'vue/max-attributes-per-line': 'off',
 		'vue/require-prop-types': 'off',
 		'vue/require-default-prop': 'off',
+		'vue/no-mutating-props': 'off', // TODO: all these
+		'vue/prop-name-casing': 'off', // TODO: do we need this?
 		'vue/html-closing-bracket-newline': [
 			'error',
 			{
@@ -157,4 +161,4 @@ module.exports = {
 		'react/jsx-uses-react': 'error',
 		'react/jsx-wrap-multilines': 'error'
 	}
-};
\ No newline at end of file
+};
diff --git a/src/entry_ext.js b/src/entry_ext.js
index 586f3f75..2f53b534 100644
--- a/src/entry_ext.js
+++ b/src/entry_ext.js
@@ -64,7 +64,7 @@
 	}
 
 	function handleMessage(id, payload) {
-		const port = connection.get(id);
+		const port = connections.get(id);
 		if ( port ) {
 			port.postMessage(payload);
 		}
@@ -88,7 +88,7 @@
 
 
 	// Let the extension send messages to the page directly.
-	browser.runtime.onMessage.addListener((msg, sender) => {
+	browser.runtime.onMessage.addListener(msg => {
 		if (msg?.type === 'ffz_to_page')
 			window.postMessage(msg.data, '*');
 
@@ -97,7 +97,7 @@
 
 	// Now, inject our script into the page context.
 	const HOST = location.hostname,
-		SERVER = browser.runtime.getURL("web"),
+		SERVER = browser.runtime.getURL('web'),
 		script = document.createElement('script');
 
 	let FLAVOR =
diff --git a/src/esbridge.js b/src/esbridge.js
index 922f2a67..e955e555 100644
--- a/src/esbridge.js
+++ b/src/esbridge.js
@@ -32,7 +32,7 @@ class FFZESBridge {
 
 		window.addEventListener('message', this.onWindowMessage);
 
-		document.addEventListener('readystatechange', event => {
+		document.addEventListener('readystatechange', () => {
 			if ( document.documentElement )
 				document.documentElement.dataset.ffzEsbridge = true;
 		});
@@ -55,7 +55,7 @@ class FFZESBridge {
 				msg,
 				location.origin,
 				transfer ? (Array.isArray(transfer) ? transfer : [transfer]) : undefined
-				);
+			);
 		} catch(err) {
 			this.log.error('Error sending message to window.', err, msg, transfer);
 		}
@@ -63,21 +63,21 @@ class FFZESBridge {
 
 	onWindowMessage(event) {
 		if ( event.origin !== location.origin )
-		return;
+			return;
 
 		const msg = event.data,
-		id = msg?.id,
-		type = msg?.ffz_esb_type;
+			id = msg?.id,
+			type = msg?.ffz_esb_type;
 
 		if ( ! type )
-		return;
+			return;
 
 		this.log.info('Received Message from Page', type, id, msg);
 
 		if ( type === 'init' ) {
 			this.received_init = true;
 			if ( this.active )
-			this.runtimeHeartbeat();
+				this.runtimeHeartbeat();
 		}
 
 		this.runtimeSend(msg);
@@ -89,7 +89,7 @@ class FFZESBridge {
 
 	runtimeOpen() {
 		if ( this.active )
-		return Promise.resolve();
+			return Promise.resolve();
 
 		this.log.info('Connecting to worker.');
 
@@ -99,7 +99,7 @@ class FFZESBridge {
 		this.port.onDisconnect.addListener(this.onRuntimeDisconnect);
 
 		if ( this.received_init )
-		this.runtimeHeartbeat();
+			this.runtimeHeartbeat();
 	}
 
 	onRuntimeMessage(msg) {
@@ -118,27 +118,27 @@ class FFZESBridge {
 
 	runtimeHeartbeat() {
 		if ( this._heartbeat )
-		return;
+			return;
 
 		this._heartbeat = setInterval(() => {
 			if ( this.active )
-			this.runtimeSend('heartbeat');
+				this.runtimeSend('heartbeat');
 		}, 30000);
 	}
 
 	runtimeSend(msg) {
 		if ( typeof msg === 'string' )
-		msg = {ffz_esb_type: msg};
+			msg = {ffz_esb_type: msg};
 
 		if ( ! this.active )
 		// We need to create our port.
-		this.runtimeOpen();
+			this.runtimeOpen();
 
 		// Send the message, knowing we have an open port.
 		this.port.postMessage(msg);
 	}
 
-};
+}
 
 FFZESBridge.Logger = Logger;
 
@@ -151,7 +151,7 @@ const VER = FFZESBridge.version_info = Object.freeze({
 	build: __version_build__,
 	hash: __webpack_hash__,
 	toString: () =>
-	`${VER.major}.${VER.minor}.${VER.revision}${VER.extra || ''}${VER.build ? `+${VER.build}` : ''}`
+		`${VER.major}.${VER.minor}.${VER.revision}${VER.extra || ''}${VER.build ? `+${VER.build}` : ''}`
 });
 
 window.FFZESBridge = FFZESBridge;
diff --git a/src/i18n.js b/src/i18n.js
index da625c59..ec7ef683 100644
--- a/src/i18n.js
+++ b/src/i18n.js
@@ -187,7 +187,7 @@ export default class TranslationManager extends Module {
 				},
 				data: () => {
 					const out = [], now = new Date;
-					for (const [key, fmt] of Object.entries(this._.formats.date)) {
+					for (const [key] of Object.entries(this._.formats.date)) {
 						out.push({
 							value: key, title: `${this.formatDate(now, key)} (${key})`
 						})
@@ -217,7 +217,7 @@ export default class TranslationManager extends Module {
 				},
 				data: () => {
 					const out = [], now = new Date;
-					for (const [key,fmt] of Object.entries(this._.formats.time)) {
+					for (const [key] of Object.entries(this._.formats.time)) {
 						out.push({
 							value: key, title: `${this.formatTime(now, key)} (${key})`
 						})
@@ -247,7 +247,7 @@ export default class TranslationManager extends Module {
 				},
 				data: () => {
 					const out = [], now = new Date;
-					for (const [key,fmt] of Object.entries(this._.formats.datetime)) {
+					for (const [key] of Object.entries(this._.formats.datetime)) {
 						out.push({
 							value: key, title: `${this.formatDateTime(now, key)} (${key})`
 						})
diff --git a/src/modules/chat/actions/actions.jsx b/src/modules/chat/actions/actions.jsx
index 4e0012ee..1e979863 100644
--- a/src/modules/chat/actions/actions.jsx
+++ b/src/modules/chat/actions/actions.jsx
@@ -27,7 +27,7 @@ export default class Actions extends Module {
 		this.actions = {};
 		this.renderers = {};
 
-		this.filterAction = (x) => x.appearance &&
+		this.filterAction = x => x.appearance &&
 			this.renderers[x.appearance.type] &&
 			(! this.renderers[x.appearance.type].load || this.renderers[x.appearance.type].load(x.appearance)) &&
 			(! x.action || this.actions[x.action]);
@@ -802,7 +802,7 @@ export default class Actions extends Module {
 		if ( u ) {
 			u.moderator = line.props.isCurrentUserModerator;
 			u.staff = line.props.isCurrentUserStaff;
-			u.reply_mode = this.parent.context.get('chat.replies.style'),
+			u.reply_mode = this.parent.context.get('chat.replies.style');
 			u.can_reply = can_reply;
 		}
 
diff --git a/src/modules/chat/actions/components/edit-chat.vue b/src/modules/chat/actions/components/edit-chat.vue
index da13a63c..c2beedda 100644
--- a/src/modules/chat/actions/components/edit-chat.vue
+++ b/src/modules/chat/actions/components/edit-chat.vue
@@ -61,7 +61,6 @@
 					{{ t('setting.actions.chat.target-incompatible', 'Note: This is not compatible with pasting a message into chat, and will not function if that is enabled.') }}
 				</div>
 			</div>
-
 		</div>
 	</div>
 </template>
diff --git a/src/modules/chat/actions/components/edit-profile.vue b/src/modules/chat/actions/components/edit-profile.vue
index e2e7bf4c..1c3f7dac 100644
--- a/src/modules/chat/actions/components/edit-profile.vue
+++ b/src/modules/chat/actions/components/edit-profile.vue
@@ -15,7 +15,9 @@
 					v-for="profile in profiles"
 					:key="profile.value"
 					:value="profile.value"
-				>{{ profile.i18n_key ? t(profile.i18n_key, profile.name) : profile.name }}</option>
+				>
+					{{ profile.i18n_key ? t(profile.i18n_key, profile.name) : profile.name }}
+				</option>
 			</select>
 		</div>
 	</div>
diff --git a/src/modules/chat/actions/types.jsx b/src/modules/chat/actions/types.jsx
index c50ad17e..06decd29 100644
--- a/src/modules/chat/actions/types.jsx
+++ b/src/modules/chat/actions/types.jsx
@@ -40,7 +40,7 @@ export const pin = {
 	},
 
 	hidden(data, message, current_room, current_user, mod_icons, instance) {
-		let line = instance;
+		const line = instance;
 
 		if ( ! line )
 			return true;
@@ -549,7 +549,8 @@ export const mod = {
 		return this.i18n.t('chat.actions.mod.tooltip', 'Mod {user.login}', {user: data.user});
 	},
 
-	hidden(data, message, current_room, current_user, mod_icons, instance) {
+	// can accept (data, message, current_room, current_user, mod_icons, instance)
+	hidden(data, message, current_room, current_user) {
 		// You cannot mod mods.
 		if ( message.user.type === 'mod' )
 			return true;
@@ -584,7 +585,8 @@ export const unmod = {
 		return this.i18n.t('chat.actions.unmod.tooltip', 'Un-Mod {user.login}', {user: data.user});
 	},
 
-	hidden(data, message, current_room, current_user, mod_icons, instance) {
+	// can accept (data, message, current_room, current_user, mod_icons, instance)
+	hidden(data, message, current_room, current_user) {
 		// You can only un-mod mods.
 		if ( message.user.type !== 'mod' )
 			return true;
diff --git a/src/modules/chat/badges.jsx b/src/modules/chat/badges.jsx
index 4f0dc3b6..eb39d517 100644
--- a/src/modules/chat/badges.jsx
+++ b/src/modules/chat/badges.jsx
@@ -657,7 +657,7 @@ export default class Badges extends Module {
 
 				const existing = this.badges[badge_id];
 				if ( existing && existing.addon !== addon_id )
-					module.log.warn('[DEV-CHECK] Removed un-owned badge with chat.badges.removeBadge():', key, ' owner:', existing.addon ?? 'ffz');
+					module.log.warn('[DEV-CHECK] Removed un-owned badge with chat.badges.removeBadge():', badge_id, ' owner:', existing.addon ?? 'ffz');
 
 				return this.removeBadge(badge_id, ...args);
 			};
@@ -739,10 +739,10 @@ export default class Badges extends Module {
 		}
 
 		return {
-			room_id: room_id,
-			room_login: room_login,
-			user_id: user_id,
-			user_login: user_login,
+			room_id,
+			room_login,
+			user_id,
+			user_login,
 			data
 		};
 	}
@@ -1279,11 +1279,11 @@ export default class Badges extends Module {
 								return;
 
 							if ( d.lifetime )
-								return '\n' + this.i18n.t('badges.subwoofer.lifetime', 'Lifetime Subwoofer');
+								return `\n${  this.i18n.t('badges.subwoofer.lifetime', 'Lifetime Subwoofer')}`;
 
-							return '\n' + this.i18n.t('badges.subwoofer.months', '({count, plural, one {# Month} other {# Months}})', {
+							return `\n${  this.i18n.t('badges.subwoofer.months', '({count, plural, one {# Month} other {# Months}})', {
 								count: d.months
-							});
+							})}`;
 						})
 				};
 			}
diff --git a/src/modules/chat/components/chat-line.vue b/src/modules/chat/components/chat-line.vue
index c46b4584..615cf393 100644
--- a/src/modules/chat/components/chat-line.vue
+++ b/src/modules/chat/components/chat-line.vue
@@ -1,5 +1,4 @@
 <template>
-
 </template>
 
 <script>
diff --git a/src/modules/chat/emotes.js b/src/modules/chat/emotes.js
index 2e482459..05d638ae 100644
--- a/src/modules/chat/emotes.js
+++ b/src/modules/chat/emotes.js
@@ -81,10 +81,9 @@ function appearLeaveToKeyframes(source, multi = 1, offset = 0, has_var = false)
 
 	for(const line of source) {
 		const pct = (line[0] * multi) + offset;
-
-		let vr, tx, scale, ty;
-		vr = has_var ? `var(--ffz-effect-transforms) ` : '';
-		tx = line[1] === 0 ? '' : `translateX(${line[1]}px) `;
+		const vr = has_var ? `var(--ffz-effect-transforms) ` : '';
+		const tx = line[1] === 0 ? '' : `translateX(${line[1]}px) `;
+		let scale, ty;
 
 		if ( line.length === 4 ) {
 			scale = `scale(${line[2]})`;
@@ -639,7 +638,7 @@ export default class Emotes extends Module {
 		const overrides = {},
 			warnings = {};
 
-		overrides.addFilter = (filter) => {
+		overrides.addFilter = filter => {
 			if ( filter )
 				filter.__source = addon_id;
 
@@ -648,7 +647,7 @@ export default class Emotes extends Module {
 
 		overrides.setProvider = (provider, data) => {
 			if ( is_dev && ! id_checker.test(provider) )
-					module.log.warn('[DEV-CHECK] Call to emotes.setProvider did not include addon ID in provider:', provider);
+				module.log.warn('[DEV-CHECK] Call to emotes.setProvider did not include addon ID in provider:', provider);
 
 			if ( data )
 				data.__source = addon_id;
@@ -707,7 +706,7 @@ export default class Emotes extends Module {
 		}
 
 		if ( is_dev ) {
-			overrides.removeFilter = (filter) => {
+			overrides.removeFilter = filter => {
 				let type;
 				if ( typeof filter === 'string' ) type = filter;
 				else type = filter.type;
@@ -1073,7 +1072,7 @@ export default class Emotes extends Module {
 			return;
 
 		// Get the current channel.
-		let room_id = this.parent.context.get('context.channelID'),
+		const room_id = this.parent.context.get('context.channelID'),
 			room_login = this.parent.context.get('context.channel');
 
 		// And now get the current user's available emote sets.
@@ -1168,7 +1167,8 @@ export default class Emotes extends Module {
 		if ( ! this.parent.context.get('chat.effects.enable') )
 			return null;
 
-		let filter, transformOrigin, transform, animation, animations = [];
+		const animations = [];
+		let filter, transformOrigin, transform, animation;
 
 		for(const input of this.activeEffectStyles) {
 			if ( (flags & input.flags) !== input.flags )
@@ -2184,7 +2184,7 @@ export default class Emotes extends Module {
 	}
 
 
-	processEmote(emote, set_id) {
+	static processEmote(emote, set_id) {
 		if ( ! emote.id || ! emote.name || ! emote.urls )
 			return null;
 
@@ -2269,9 +2269,9 @@ export default class Emotes extends Module {
 		if ( ! set )
 			throw new Error(`Invalid emote set "${set_id}"`);
 
-		let processed = this.processEmote(emote, set_id);
+		const processed = this.constructor.processEmote(emote, set_id);
 		if ( ! processed )
-			throw new Error("Invalid emote data object.");
+			throw new Error('Invalid emote data object.');
 
 		const is_disabled = this.shouldFilterEmote(processed, set, set_id);
 
@@ -2284,7 +2284,7 @@ export default class Emotes extends Module {
 		// 6. Old emote disabled. New emote disabled.
 
 		// Are we removing a disabled emote?
-		let removed = set.disabled_emotes[processed.id];
+		const removed = set.disabled_emotes[processed.id];
 		if ( removed ) {
 			delete set.disabled_emotes[processed.id];
 			set.disabled_count--;
@@ -2456,7 +2456,7 @@ export default class Emotes extends Module {
 		const bad_emotes = [];
 
 		for(const emote of ems) {
-			let processed = this.processEmote(emote, set_id);
+			const processed = this.constructor.processEmote(emote, set_id);
 			if ( ! processed ) {
 				bad_emotes.push(emote);
 				continue;
@@ -2554,7 +2554,7 @@ export default class Emotes extends Module {
 		}
 
 		if ( emote.modifier && emote.mask?.[1] ) {
-			output = (output || '') + `.modified-emote[data-modifiers~="${emote.id}"] > .chat-line__message--emote {
+			output = `${output || ''  }.modified-emote[data-modifiers~="${emote.id}"] > .chat-line__message--emote {
 	-webkit-mask-image: url("${emote.mask[1]}");
 	-webkit-mask-position: center center;
 }`
diff --git a/src/modules/chat/index.js b/src/modules/chat/index.js
index acf0e900..7b8a350c 100644
--- a/src/modules/chat/index.js
+++ b/src/modules/chat/index.js
@@ -134,9 +134,7 @@ export default class Chat extends Module {
 		});*/
 
 		this.settings.add('debug.link-resolver.source', {
-			process: (ctx, val) => {
-				return LINK_DATA_HOSTS[val] ?? LINK_DATA_HOSTS.Production;
-			},
+			process: (ctx, val) => LINK_DATA_HOSTS[val] ?? LINK_DATA_HOSTS.Production,
 
 			default: null,
 			ui: {
@@ -1404,17 +1402,17 @@ export default class Chat extends Module {
 			user_ids: 'Please use getUser()'
 		}, true);
 
-		overrides.iterateUsers = function*() {
+		overrides.iterateUsers = function *() {
 			for(const user of this.iterateUsers())
 				yield new Proxy(user, user_proxy);
 		}
 
-		overrides.iterateRooms = function*() {
+		overrides.iterateRooms = function *() {
 			for(const room of this.iterateRooms())
 				yield new Proxy(room, room_proxy);
 		}
 
-		overrides.iterateAllRoomsAndUsers = function*() {
+		overrides.iterateAllRoomsAndUsers = function *() {
 			for(const thing of this.iterateAllRoomsAndUsers())
 				yield new Proxy(thing, (thing instanceof Room)
 					? room_proxy
@@ -1463,13 +1461,13 @@ export default class Chat extends Module {
 
 		if ( is_dev ) {
 			overrides.getUser = (...args) => {
-				let result = this.getUser(...args);
+				const result = this.getUser(...args);
 				if ( result )
 					return new Proxy(result, user_proxy);
 			}
 
 			overrides.getRoom = (...args) => {
-				let result = this.getRoom(...args);
+				const result = this.getRoom(...args);
 				if ( result )
 					return new Proxy(result, room_proxy);
 			}
@@ -1551,7 +1549,7 @@ export default class Chat extends Module {
 			if ( has(LINK_PROVIDERS, key) )
 				this.addLinkProvider(LINK_PROVIDERS[key]);
 
-		this.on('chat:reload-data', flags => {
+		this.on('chat:reload-data', () => {
 			for(const room of this.iterateRooms())
 				room.load_data();
 		});
@@ -1567,7 +1565,7 @@ export default class Chat extends Module {
 
 		this.triggered_reload = false;
 
-		this.on('chat:ffz-command:reload', event => {
+		this.on('chat:ffz-command:reload', () => {
 			if ( this.triggered_reload )
 				return;
 
@@ -1579,7 +1577,7 @@ export default class Chat extends Module {
 			this.emit('chat:reload-data');
 		});
 
-		this.on('load_tracker:complete:chat-data', (list) => {
+		this.on('load_tracker:complete:chat-data', list => {
 			if ( this.triggered_reload ) {
 				const sc = this.resolve('site.chat');
 				if ( sc?.addNotice )
@@ -1649,7 +1647,7 @@ export default class Chat extends Module {
 
 					result.then(value => {
 						// If something is already running, don't override it.
-						let info = this._link_info[url];
+						const info = this._link_info[url];
 						if ( info )
 							return;
 
@@ -2599,7 +2597,7 @@ export default class Chat extends Module {
 				emote = emote_set?.emotes?.[token.id];
 
 			if ( emote ) {
-				let urls = (animated ? emote.animated : null) ?? emote.urls;
+				const urls = (animated ? emote.animated : null) ?? emote.urls;
 				let pair = getBiggestImage(urls);
 				if (! pair )
 					return null;
@@ -2873,7 +2871,7 @@ export default class Chat extends Module {
 	}
 
 
-	onProviderChange(key, value) {
+	onProviderChange(key) {
 		if ( key !== 'agreed-tos' && key !== 'declined-tos' )
 			return;
 
diff --git a/src/modules/chat/link_providers.js b/src/modules/chat/link_providers.js
index 83fe54ac..530d249d 100644
--- a/src/modules/chat/link_providers.js
+++ b/src/modules/chat/link_providers.js
@@ -76,7 +76,7 @@ export const Clip = {
 		if ( ! clip || ! clip.broadcaster )
 			return null;
 
-			const game = clip.game,
+		const game = clip.game,
 			game_display = game && game.displayName;
 
 		let user = {
@@ -359,9 +359,7 @@ export const Video = {
 		if ( ! result || ! result.data || ! result.data.video || ! result.data.video.owner )
 			return null;
 
-		const video = result.data.video,
-			game = video.game,
-			game_display = game && game.displayName;
+		const video = result.data.video;
 
 		const fragments = {
 			title: video.title,
@@ -406,7 +404,7 @@ export const Video = {
 				}
 			};
 
-		let length = video.lengthSeconds;
+		const length = video.lengthSeconds;
 
 		return {
 			v: 5,
@@ -483,7 +481,7 @@ export const Video = {
 							type: 'icon',
 							name: 'twitch'
 						},
-						" Twitch • ",
+						' Twitch • ',
 						{
 							type: 'format',
 							format: 'datetime',
diff --git a/src/modules/chat/room.js b/src/modules/chat/room.js
index 236f27fd..9e0f57f1 100644
--- a/src/modules/chat/room.js
+++ b/src/modules/chat/room.js
@@ -93,7 +93,7 @@ export default class Room {
 			this.manager.room_ids[this._id] = null;
 	}
 
-0
+	0
 	merge(other) {
 		if ( ! this.login && other.login )
 			this.login = other.login;
@@ -176,10 +176,11 @@ export default class Room {
 
 
 
+	/* TODO: This
 	_unloadAddon(addon_id) {
-		// TODO: This
 		return 0;
 	}
+	*/
 
 
 	get id() {
diff --git a/src/modules/chat/tokenizers.jsx b/src/modules/chat/tokenizers.jsx
index de509c7d..ce4768f0 100644
--- a/src/modules/chat/tokenizers.jsx
+++ b/src/modules/chat/tokenizers.jsx
@@ -23,7 +23,7 @@ const SHRINK_X = MODIFIER_FLAGS.ShrinkX,
 const EMOTE_CLASS = 'chat-image chat-line__message--emote',
 	//WHITESPACE = /^\s*$/,
 	//LINK_REGEX = /([^\w@#%\-+=:~])?((?:(https?:\/\/)?(?:[\w@#%\-+=:~]+\.)+[a-z]{2,6}(?:\/[\w./@#%&()\-+=:?~]*)?))([^\w./@#%&()\-+=:?~]|\s|$)/g,
-	NEW_LINK_REGEX = /(?:(https?:\/\/)?((?:[\w#%\-+=:~]+\.)+[a-z]{2,10}(?:\/[\w./#%&@()\-+=:?~]*[^\s\.!,?])?))/g,
+	NEW_LINK_REGEX = /(?:(https?:\/\/)?((?:[\w#%\-+=:~]+\.)+[a-z]{2,10}(?:\/[\w./#%&@()\-+=:?~]*[^\s.!,?])?))/g,
 	//OLD_NEW_LINK_REGEX = /(?:(https?:\/\/)?((?:[\w#%\-+=:~]+\.)+[a-z]{2,10}(?:\/[\w./#%&@()\-+=:?~]*)?))/g,
 	//MENTION_REGEX = /([^\w@#%\-+=:~])?(@([^\u0000-\u007F]+|\w+)+)([^\w./@#%&()\-+=:?~]|\s|$)/g; // eslint-disable-line no-control-regex
 	MENTION_REGEX = /^(['"*([{<\\/]*)(@)((?:[^\u0000-\u007F]|[\w-])+)(?:\b|$)/; // eslint-disable-line no-control-regex
@@ -322,81 +322,6 @@ export const Replies = {
 // Mentions
 // ============================================================================
 
-function mention_processAll(tokens, msg, user, color_mentions) {
-	const can_highlight_user = user && user.login && user.login == msg.user.login && ! this.context.get('chat.filtering.process-own'),
-		priority = this.context.get('chat.filtering.mention-priority');
-
-	let login, display, mentionable = false;
-	if ( user && user.login && ! can_highlight_user ) {
-		login = user.login.toLowerCase();
-		display = user.displayName && user.displayName.toLowerCase();
-		if ( display === login )
-			display = null;
-
-		mentionable = true;
-	}
-
-	const out = [];
-	for(const token of tokens) {
-		if ( token.type !== 'text' ) {
-			out.push(token);
-			continue;
-		}
-
-		let text = [];
-
-		for(const segment of token.text.split(/ +/)) {
-			const match = /^(@?)(\S+?)(?:\b|$)/.exec(segment);
-			if ( match ) {
-				let recipient = match[2],
-					has_at = match[1] === '@',
-					mentioned = false;
-
-				const rlower = recipient ? recipient.toLowerCase() : '',
-					color = this.color_cache ? this.color_cache.get(rlower) : null;
-
-				if ( rlower === login || rlower === display )
-					mentioned = true;
-
-				if ( ! has_at && ! color && ! mentioned ) {
-					text.push(segment);
-
-				} else {
-					// If we have pending text, join it together.
-					if ( text.length )  {
-						out.push({
-							type: 'text',
-							text: `${text.join(' ')} `
-						});
-						text = [];
-					}
-
-					out.push({
-						type: 'mention',
-						text: match[0],
-						me: mentioned,
-						color: color_mentions ? color : null,
-						recipient: rlower
-					});
-
-					if ( mentioned )
-						this.applyHighlight(msg, priority, null, 'mention', true);
-
-					// Push the remaining text from the token.
-					text.push(segment.substr(match[0].length));
-				}
-
-			} else
-				text.push(segment);
-		}
-
-		if ( text.length > 1 || (text.length === 1 && text[0] !== '') )
-			out.push({type: 'text', text: text.join(' ')})
-	}
-
-	return out;
-}
-
 export const Mentions = {
 	type: 'mention',
 	priority: 0,
@@ -434,7 +359,7 @@ export const Mentions = {
 			color_mentions = this.context.get('chat.filtering.color-mentions');
 
 		if ( all_mentions )
-			return mention_processAll.call(this, tokens, msg, user, color_mentions);
+			return this.processAll(tokens, msg, user, color_mentions);
 
 		const can_highlight_user = user && user.login && user.login == msg.user.login && ! this.context.get('chat.filtering.process-own'),
 			priority = this.context.get('chat.filtering.mention-priority');
@@ -510,6 +435,79 @@ export const Mentions = {
 				out.push({type: 'text', text: text.join(' ')})
 		}
 
+		return out;
+	},
+
+	processAll(tokens, msg, user, color_mentions) {
+		const can_highlight_user = user && user.login && user.login == msg.user.login && ! this.context.get('chat.filtering.process-own'),
+			priority = this.context.get('chat.filtering.mention-priority');
+
+		let login, display = false;
+		if ( user && user.login && ! can_highlight_user ) {
+			login = user.login.toLowerCase();
+			display = user.displayName && user.displayName.toLowerCase();
+			if ( display === login )
+				display = null;
+		}
+
+		const out = [];
+		for(const token of tokens) {
+			if ( token.type !== 'text' ) {
+				out.push(token);
+				continue;
+			}
+
+			let text = [];
+
+			for(const segment of token.text.split(/ +/)) {
+				const match = /^(@?)(\S+?)(?:\b|$)/.exec(segment);
+				if ( match ) {
+					const recipient = match[2],
+						has_at = match[1] === '@';
+					let mentioned = false;
+
+					const rlower = recipient ? recipient.toLowerCase() : '',
+						color = this.color_cache ? this.color_cache.get(rlower) : null;
+
+					if ( rlower === login || rlower === display )
+						mentioned = true;
+
+					if ( ! has_at && ! color && ! mentioned ) {
+						text.push(segment);
+
+					} else {
+						// If we have pending text, join it together.
+						if ( text.length )  {
+							out.push({
+								type: 'text',
+								text: `${text.join(' ')} `
+							});
+							text = [];
+						}
+
+						out.push({
+							type: 'mention',
+							text: match[0],
+							me: mentioned,
+							color: color_mentions ? color : null,
+							recipient: rlower
+						});
+
+						if ( mentioned )
+							this.applyHighlight(msg, priority, null, 'mention', true);
+
+						// Push the remaining text from the token.
+						text.push(segment.substr(match[0].length));
+					}
+
+				} else
+					text.push(segment);
+			}
+
+			if ( text.length > 1 || (text.length === 1 && text[0] !== '') )
+				out.push({type: 'text', text: text.join(' ')})
+		}
+
 		return out;
 	}
 }
@@ -1312,13 +1310,13 @@ export const AddonEmotes = {
 			hoverSrcSet = big ? token.animSrcSet2 : token.animSrcSet;
 		}
 
-		let style = undefined, outerStyle = undefined;
+		let style, outerStyle;
 		const mods = token.modifiers || [], ml = mods.length,
 			effects = token.modifier_flags,
 			is_big = (token.big && ! token.can_big && token.height);
 
 		let as_bg = (this.emotes.activeAsBackgroundMask & effects) !== 0;
-		let no_wide = (this.emotes.activeNoWideMask & effects) !== 0;
+		const no_wide = (this.emotes.activeNoWideMask & effects) !== 0;
 
 		if ( no_wide || effects || ml ) {
 			// We need to calculate the size of the emote and the biggest
@@ -1620,19 +1618,19 @@ export const AddonEmotes = {
 
 					const target = this.emotes.getTargetEmote();
 
-					let style = {
+					const style = {
 						width: (target.width ?? 28) * 2,
 						height: (target.height ?? 28) * 2
 					};
 
-					let outerStyle = {
+					const outerStyle = {
 						width: style.width,
 						height: style.height
 					};
 
 
-					let as_bg = (this.emotes.activeAsBackgroundMask & effects) !== 0;
-					let no_wide = (this.emotes.activeNoWideMask & effects) !== 0;
+					const as_bg = (this.emotes.activeAsBackgroundMask & effects) !== 0;
+					const no_wide = (this.emotes.activeNoWideMask & effects) !== 0;
 
 					let changed = false;
 
@@ -1696,6 +1694,7 @@ export const AddonEmotes = {
 					}
 
 					// Whip up a special preview.
+					/* eslint-disable indent -- disagrees with react/jsx-indent-props */
 					preview = (<div class="ffz-effect-tip">
 						<img
 							src={target.src}
@@ -1713,20 +1712,21 @@ export const AddonEmotes = {
 						>
 							{as_bg
 								? <div
-									class={`${EMOTE_CLASS} ffz--pointer-events ffz-tooltip ffz-emote`}
-									style={style}
+										class={`${EMOTE_CLASS} ffz--pointer-events ffz-tooltip ffz-emote`}
+										style={style}
 								/>
 								: <img
-									class={`${EMOTE_CLASS} ffz--pointer-events ffz-tooltip ffz-emote`}
-									src={target.src}
-									srcSet={target.srcSet}
-									style={style}
-									height={style ? undefined : `${target.height * 2}px`}
-									onLoad={tip.update}
+										class={`${EMOTE_CLASS} ffz--pointer-events ffz-tooltip ffz-emote`}
+										src={target.src}
+										srcSet={target.srcSet}
+										style={style}
+										height={style ? undefined : `${target.height * 2}px`}
+										onLoad={tip.update}
 								/>
 							}
 						</div>
 					</div>);
+					/* eslint-enable indent */
 				}
 			}
 
@@ -1861,10 +1861,10 @@ export const AddonEmotes = {
 
 							last_token.modifiers.push(
 								Object.assign({
-										big,
-										anim
-									},
-									emote.token
+									big,
+									anim
+								},
+								emote.token
 								)
 							);
 						}
@@ -2010,7 +2010,7 @@ export const Emoji = {
 			}
 
 			const text = replace ?
-				token.text.replace(JOINER_REPLACEMENT, "\u200d") :
+				token.text.replace(JOINER_REPLACEMENT, '\u200d') :
 				token.text;
 
 			splitter.lastIndex = 0;
diff --git a/src/modules/emote_card/components/card.vue b/src/modules/emote_card/components/card.vue
index 0d28a2fd..411168c9 100644
--- a/src/modules/emote_card/components/card.vue
+++ b/src/modules/emote_card/components/card.vue
@@ -94,10 +94,12 @@
 						@click="toggleFavorite"
 					>
 						<span class="tw-button-icon__icon">
-							<figure :class="{
-								'ffz-i-star': isFavorite,
-								'ffz-i-star-empty': ! isFavorite
-							}" />
+							<figure
+								:class="{
+									'ffz-i-star': isFavorite,
+									'ffz-i-star-empty': ! isFavorite
+								}"
+							/>
 						</span>
 					</button>
 					<div class="tw-flex tw-flex-column tw-align-self-start">
@@ -175,20 +177,20 @@
 		<ReportForm
 			v-if="reporting"
 			:emote="emote"
-			:getFFZ="getFFZ"
+			:get-f-f-z="getFFZ"
 			@close="close"
 		/>
 		<component
-			v-if="! reporting && loaded && hasBody"
 			:is="bodyComponent"
+			v-if="! reporting && loaded && hasBody"
 			:emote="emote"
-			:getFFZ="getFFZ"
+			:get-f-f-z="getFFZ"
 			@close="close"
 		/>
 		<Modifiers
 			v-if="! reporting && raw_modifiers && raw_modifiers.length"
 			:raw_modifiers="raw_modifiers"
-			:getFFZ="getFFZ"
+			:get-f-f-z="getFFZ"
 		/>
 	</div>
 </template>
@@ -352,13 +354,13 @@ export default {
 
 			if ( entry.type === 'report-ffz' )
 				this.reporting = true;
-				this.$nextTick(() => this.handleResize());
+			this.$nextTick(() => this.handleResize());
 
 			if ( entry.type === 'report-twitch' ) {
 				if ( this.reportTwitchEmote(this.emote.id, this.emote.channel_id) )
 					this.close();
 
-				return;
+				
 			}
 		},
 
@@ -371,7 +373,7 @@ export default {
 				parent = document.body;
 
 			const box = el.getBoundingClientRect();
-			let pbox = parent.getBoundingClientRect();
+			const pbox = parent.getBoundingClientRect();
 
 			if ( box.top < pbox.top ) {
 				el.style.top = `${el.offsetTop + (pbox.top - box.top)}px`;
diff --git a/src/modules/emote_card/components/manage-ffz-collection.vue b/src/modules/emote_card/components/manage-ffz-collection.vue
index f7a809ac..bd328546 100644
--- a/src/modules/emote_card/components/manage-ffz-collection.vue
+++ b/src/modules/emote_card/components/manage-ffz-collection.vue
@@ -19,7 +19,7 @@
 				<img
 					class="tw-block tw-image tw-image-avatar"
 					:src="image"
-				/>
+				>
 			</figure>
 			<div class="tw-flex-grow-1">
 				{{ collection.title }}
@@ -161,11 +161,11 @@ export default {
 					throw new Error('collection at limit');
 
 				const resp = await fetch(url, {
-						method: 'PUT',
-						headers: {
-							Authorization: `Bearer ${token}`
-						}
-					}).then(r => r.ok ? r.json() : null);
+					method: 'PUT',
+					headers: {
+						Authorization: `Bearer ${token}`
+					}
+				}).then(r => r.ok ? r.json() : null);
 
 				this.isInCollection = true;
 
diff --git a/src/modules/emote_card/components/manage-ffz.vue b/src/modules/emote_card/components/manage-ffz.vue
index 972e5d77..59fdcd28 100644
--- a/src/modules/emote_card/components/manage-ffz.vue
+++ b/src/modules/emote_card/components/manage-ffz.vue
@@ -36,12 +36,12 @@
 				{{ t('emote-card.error', 'There was an error loading data.') }}
 			</div>
 			<CollectionEntry
-				v-else
 				v-for="collection in collections"
+				v-else
 				:key="collection.id"
 				:collection="collection"
 				:emote="emote"
-				:getFFZ="getFFZ"
+				:get-f-f-z="getFFZ"
 				:initial="presence.includes(collection.id)"
 			/>
 		</simplebar>
diff --git a/src/modules/emote_card/components/modifiers.vue b/src/modules/emote_card/components/modifiers.vue
index 90ee5648..bef6383d 100644
--- a/src/modules/emote_card/components/modifiers.vue
+++ b/src/modules/emote_card/components/modifiers.vue
@@ -19,8 +19,8 @@
 			/>
 		</div>
 		<div
-			v-if="expanded"
 			v-for="(mod, idx) in modifiers"
+			v-if="expanded"
 			:key="idx"
 			class="tw-pd-05 tw-flex tw-align-items-center tw-border-t"
 		>
@@ -48,7 +48,9 @@
 				</figure>
 			</div>
 			<div class="tw-align-left tw-flex-grow-1 tw-ellipsis tw-mg-x-1">
-				<h4 class="tw-inline" :title="mod.name">{{ mod.name }}</h4>
+				<h4 class="tw-inline" :title="mod.name">
+					{{ mod.name }}
+				</h4>
 				<p
 					v-if="mod.source"
 					class="tw-c-text-alt-2 tw-font-size-6"
diff --git a/src/modules/emote_card/components/report-form.vue b/src/modules/emote_card/components/report-form.vue
index 2c841b28..d6d4ef57 100644
--- a/src/modules/emote_card/components/report-form.vue
+++ b/src/modules/emote_card/components/report-form.vue
@@ -48,7 +48,9 @@
 					phrase="emote-card.report-details"
 					default="You are reporting this emote for {reason}. Please enter any additional details below:"
 				>
-					<template #reason><code>{{ category.i18n ? t(category.i18n, category.title, category) : category.title }}</code></template>
+					<template #reason>
+						<code>{{ category.i18n ? t(category.i18n, category.title, category) : category.title }}</code>
+					</template>
 				</t-list>
 			</p>
 
@@ -88,12 +90,12 @@
 				>
 					<input
 						:id="'report$' + id + '$reason$' + idx"
-						:name="'report-reasons$' + id"
 						v-model="pendingCategory"
+						:name="'report-reasons$' + id"
 						:value="reason"
 						type="radio"
 						class="ffz-radio__input"
-					/>
+					>
 					<label
 						:for="'report$' + id + '$reason$' + idx"
 						class="tw-block ffz-radio__label tw-pd-r-1 tw-pd-y-1"
@@ -117,7 +119,6 @@
 					</span>
 				</button>
 			</div>
-
 		</template>
 	</section>
 </template>
@@ -155,7 +156,7 @@ export default {
 
 	data() {
 		return {
-			REASONS: REASONS,
+			REASONS,
 			id: id++,
 			message: '',
 			pendingCategory: null,
diff --git a/src/modules/emote_card/components/twitch-body.vue b/src/modules/emote_card/components/twitch-body.vue
index 64ecb2ac..cf3a3b88 100644
--- a/src/modules/emote_card/components/twitch-body.vue
+++ b/src/modules/emote_card/components/twitch-body.vue
@@ -16,7 +16,6 @@
 				<figure class="ffz-emote-card__live-indicator tw-mg-r-05" />
 				{{ t('emote-card.live', 'LIVE') }}
 			</div>
-
 		</section>
 		<template v-if="isSubscriptionEmote">
 			<p v-if="emote.unlocked">
@@ -75,7 +74,7 @@
 				:data-title="extra.name"
 				class="ffz-tooltip"
 			>
-				<img :src="extra.src" :srcset="extra.srcSet" :alt="extra.name" />
+				<img :src="extra.src" :srcset="extra.srcSet" :alt="extra.name">
 			</div>
 		</div>
 		<div v-if="emote.channel_id" class="tw-mg-t-1 tw-flex">
diff --git a/src/modules/emote_card/index.jsx b/src/modules/emote_card/index.jsx
index 86fb24fe..2ba9caf5 100644
--- a/src/modules/emote_card/index.jsx
+++ b/src/modules/emote_card/index.jsx
@@ -213,7 +213,7 @@ export default class EmoteCard extends Module {
 				}
 
 				source = this.i18n.t('emote-card.sub', 'Tier {tier} Sub Emote ({source})', {
-					tier: tier,
+					tier,
 					source: data.owner?.displayName || data.owner?.login
 				});
 
@@ -287,12 +287,12 @@ export default class EmoteCard extends Module {
 
 				// Check if we can actually submit a report.
 				if ( this.canReportTwitch() )
-				out.more.push({
-					type: 'report-twitch',
-					title_i18n: 'emote-card.report',
-					title: 'Report Emote',
-					icon: 'ffz-i-flag'
-				});
+					out.more.push({
+						type: 'report-twitch',
+						title_i18n: 'emote-card.report',
+						title: 'Report Emote',
+						icon: 'ffz-i-flag'
+					});
 			}
 
 			if ( data.bitsBadgeTierSummary?.threshold ) {
@@ -511,7 +511,7 @@ export default class EmoteCard extends Module {
 				props: {
 					raw_emote: deep_copy(emote),
 					raw_modifiers: modifiers,
-					data: data,
+					data,
 
 					getFFZ: () => this,
 					reportTwitchEmote: (...args) => this.reportTwitchEmote(...args),
diff --git a/src/modules/link_card/components/card.vue b/src/modules/link_card/components/card.vue
index 8bf27783..9423c67c 100644
--- a/src/modules/link_card/components/card.vue
+++ b/src/modules/link_card/components/card.vue
@@ -145,13 +145,13 @@
 			<ManageFFZ
 				v-if="active_tab === 'manage' && ffzEmote"
 				:emote="ffzEmote"
-				:getFFZ="getFFZ"
+				:get-f-f-z="getFFZ"
 				:no-header="true"
 			/>
 		</keep-alive>
 		<div
-			class="tw-c-background-base tw-pd-05"
 			v-if="active_tab === 'urls'"
+			class="tw-c-background-base tw-pd-05"
 		>
 			<table v-if="embed && embed.urls && embed.urls.length">
 				<tbody
@@ -159,7 +159,9 @@
 					:key="idx"
 				>
 					<tr>
-						<td class="tw-c-text-alt-2">{{ tNumber(idx + 1) }}.</td>
+						<td class="tw-c-text-alt-2">
+							{{ tNumber(idx + 1) }}.
+						</td>
 						<td class="tw-pd-x-05 tw-word-break-all">
 							<a
 								:data-url="url.url"
@@ -180,8 +182,8 @@
 								class="ffz-pill"
 							>{{ t('link-card.shortened', 'shortened') }}</span>
 							<span
-								v-if="url.flags"
 								v-for="flag in url.flags"
+								v-if="url.flags"
 								class="ffz-pill ffz-pill--live"
 							>{{ flag }}</span>
 						</td>
diff --git a/src/modules/link_card/index.jsx b/src/modules/link_card/index.jsx
index a2491c38..45b2f460 100644
--- a/src/modules/link_card/index.jsx
+++ b/src/modules/link_card/index.jsx
@@ -6,7 +6,6 @@
 
 import { createElement } from 'utilities/dom';
 import { getDialogNextZ } from 'utilities/dialog';
-import { deep_copy } from 'utilities/object';
 
 import Module from 'utilities/module';
 
@@ -88,7 +87,7 @@ export default class LinkCard extends Module {
 
 				out.push(createElement('span', url.host));
 
-				let suffix = url.toString().slice(url.origin.length);
+				const suffix = url.toString().slice(url.origin.length);
 
 				if ( suffix.length && suffix !== '/' )
 					out.push(createElement('span', {
@@ -112,7 +111,7 @@ export default class LinkCard extends Module {
 			return;
 		}
 
-		let pos_x = event ? event.clientX : window.innerWidth / 2,
+		const pos_x = event ? event.clientX : window.innerWidth / 2,
 			pos_y = event ? event.clientY + 15 : window.innerHeight / 2;
 
 		/*if ( this.last_card ) {
@@ -150,7 +149,7 @@ export default class LinkCard extends Module {
 			render: h => h('link-card', {
 				props: {
 					url: link,
-					data: data,
+					data,
 
 					use_dest: this.settings.get('link-cards.use-destination'),
 
@@ -197,4 +196,4 @@ export default class LinkCard extends Module {
 
 		return child;
 	}
-}
\ No newline at end of file
+}
diff --git a/src/modules/main_menu/components/action-editor.vue b/src/modules/main_menu/components/action-editor.vue
index 6d85a8e9..717fc7af 100644
--- a/src/modules/main_menu/components/action-editor.vue
+++ b/src/modules/main_menu/components/action-editor.vue
@@ -827,7 +827,7 @@ export default {
 		},
 
 		maybeDynamic(data) {
-			let ap = data.appearance;
+			const ap = data.appearance;
 			if (ap?.type === 'dynamic') {
 				const act = this.action_def,
 					ffz = this.vuectx.getFFZ(),
diff --git a/src/modules/main_menu/components/changelog.vue b/src/modules/main_menu/components/changelog.vue
index a00af932..ac0eed85 100644
--- a/src/modules/main_menu/components/changelog.vue
+++ b/src/modules/main_menu/components/changelog.vue
@@ -149,20 +149,16 @@
 
 import {get} from 'utilities/object';
 
-const TITLE_MATCH = /^(.+?)?\s*v?(\d+\.\d+\.\d+(?:\-[a-z0-9-]+)?)$/i,
+const TITLE_MATCH = /^(.+?)?\s*v?(\d+\.\d+\.\d+(?:-[a-z0-9-]+)?)$/i,
 	SETTING_REGEX = /\]\(~([^)]+)\)/g,
 	CHANGE_REGEX = /^\*\s*([^:]+?):\s*(.+)$/i,
 	ISSUE_REGEX = /(^|\s)#(\d+)\b/g;
 
 
 function linkify(text, repo) {
-	text = text.replace(SETTING_REGEX, (_, link) => {
-		return `](~${link})`
-	});
+	text = text.replace(SETTING_REGEX, (_, link) => `](~${link})`);
 
-	return text.replace(ISSUE_REGEX, (_, space, number) => {
-		return `${space}[#${number}](https://github.com/FrankerFaceZ/${repo}/issues/${number})`;
-	});
+	return text.replace(ISSUE_REGEX, (_, space, number) => `${space}[#${number}](https://github.com/FrankerFaceZ/${repo}/issues/${number})`);
 }
 
 
@@ -190,13 +186,13 @@ export default {
 				old_commit = this.t('home.changelog.nonversioned', 'Non-Versioned Commit');
 
 			for(const commit of this.commits) {
-				const input = commit.commit.message;
+				const input = commit.commit.message,
+					sections = {};
 				let title = old_commit,
 					title_nav = null,
 					icon = null,
 					version = null,
 					author = null,
-					sections = {},
 					description = [];
 
 				if ( /\bskiplog\b/i.test(input) && ! this.nonversion )
@@ -248,7 +244,7 @@ export default {
 					description = lines;
 				}
 
-				let message = description.join('\n').trim();
+				const message = description.join('\n').trim();
 
 				const segments = [];
 
@@ -388,4 +384,4 @@ export default {
 		}
 	}
 }
-</script>
\ No newline at end of file
+</script>
diff --git a/src/modules/main_menu/components/chat-actions.vue b/src/modules/main_menu/components/chat-actions.vue
index a6b2a008..9aade6de 100644
--- a/src/modules/main_menu/components/chat-actions.vue
+++ b/src/modules/main_menu/components/chat-actions.vue
@@ -296,7 +296,7 @@
 											:act="maybeDynamic(preset)"
 											:process-color="color"
 											:renderers="data.renderers"
-											/>
+										/>
 									</div>
 								</button>
 							</template>
@@ -794,7 +794,7 @@ export default {
 		},
 
 		maybeDynamic(data) {
-			let ap = data.appearance;
+			const ap = data.appearance;
 			if (ap?.type === 'dynamic') {
 				const act = this.data.actions[data.action],
 					ffz = this.context.getFFZ(),
diff --git a/src/modules/main_menu/components/chat-tester.vue b/src/modules/main_menu/components/chat-tester.vue
index 0d1e321f..e5bf765f 100644
--- a/src/modules/main_menu/components/chat-tester.vue
+++ b/src/modules/main_menu/components/chat-tester.vue
@@ -36,7 +36,7 @@
 					class="tw-block tw-font-size-6 tw-full-width ffz-textarea ffz-mg-t-1p"
 					@blur="updateMessage"
 					@input="onMessageChange"
-				/>
+				>
 				<textarea
 					ref="message"
 					class="tw-block tw-font-size-6 tw-full-width ffz-textarea ffz-mg-t-1p tw-border-bottom-left-radius-medium tw-border-bottom-right-radius-medium"
@@ -151,17 +151,25 @@
 				{{ tTime(item.timestamp, 'HH:mm:ss') }}
 			</time>
 			<div v-if="item.pubsub" class="tw-flex-grow-1">
-				<div class="tw-mg-b-05 tw-border-b tw-pd-b-05">{{ item.topic }}</div>
+				<div class="tw-mg-b-05 tw-border-b tw-pd-b-05">
+					{{ item.topic }}
+				</div>
 				<div v-html="highlightJson(item.data)" />
 			</div>
 			<div v-else-if="item.chat" class="tw-flex-grow-1">
 				<div v-if="item.tags" class="ffz-ct--tags">
-					@<template v-for="(tag, key) in item.tags"><span class="ffz-ct--tag">{{ key }}</span>=<span class="ffz-ct--tag-value">{{ tag }}</span>;</template>
+					@<template v-for="(tag, key) in item.tags">
+						<span class="ffz-ct--tag">{{ key }}</span>=<span class="ffz-ct--tag-value">{{ tag }}</span>;
+					</template>
 				</div>
 				<div class="ffz-ct--prefix">
-					<template v-if="item.prefix">:<span v-if="item.user" class="ffz-ct--user">{{ item.user }}</span><span class="ffz-ct--prefix">{{ item.prefix }}</span></template>
+					<template v-if="item.prefix">
+						:<span v-if="item.user" class="ffz-ct--user">{{ item.user }}</span><span class="ffz-ct--prefix">{{ item.prefix }}</span>
+					</template>
 					<span class="ffz-ct--command">{{ item.command }}</span>
-					<template v-if="item.channel">#<span class="ffz-ct--channel">{{ item.channel }}</span></template>
+					<template v-if="item.channel">
+						#<span class="ffz-ct--channel">{{ item.channel }}</span>
+					</template>
 				</div>
 				<div v-if="item.last_param" class="ffz-ct--params">
 					<span v-for="para in item.params" class="ffz-ct--param">{{ para }}</span>
@@ -212,8 +220,8 @@ const IGNORE_COMMANDS = [
 
 let LOADED_SAMPLES = [
 	{
-		"name": "Ping",
-		"data": "PING :tmi.twitch.tv"
+		'name': 'Ping',
+		'data': 'PING :tmi.twitch.tv'
 	}
 ];
 
@@ -228,7 +236,7 @@ export default {
 		const message = state?.ffz_ct_message ?? samples[0].data;
 		const topic = state?.ffz_ct_topic ?? samples[0].topic ?? '';
 
-		let is_custom = true;
+		const is_custom = true;
 		/*for(const item of samples) {
 			if ( ! item.topic )
 				item.topic = '';
@@ -384,7 +392,7 @@ export default {
 			if ( conn.ws )
 				conn.ws.onmessage = conn.onSocketMessage;
 
-			this.addLog("Started capturing chat.");
+			this.addLog('Started capturing chat.');
 
 			this.listening_chat = true;
 		},
@@ -400,7 +408,7 @@ export default {
 			if ( conn.ws )
 				conn.ws.onmessage = conn.onSocketMessage;
 
-			this.addLog("Stopped capturing chat.");
+			this.addLog('Stopped capturing chat.');
 
 			this.listening_chat = false;
 		},
@@ -451,7 +459,7 @@ export default {
 				return;
 
 			this.chat.on('site.subpump:pubsub-message', this.handlePubsub, this);
-			this.addLog("Started capturing PubSub.");
+			this.addLog('Started capturing PubSub.');
 
 			this.listening_pubsub = true;
 		},
@@ -461,7 +469,7 @@ export default {
 				return;
 
 			this.chat.off('site.subpump:pubsub-message', this.handlePubsub, this);
-			this.addLog("Stopped capturing PubSub.");
+			this.addLog('Stopped capturing PubSub.');
 
 			this.listening_pubsub = false;
 		},
@@ -589,7 +597,7 @@ export default {
 					data = JSON.parse(this.message);
 				} catch(err) {
 					console.error(err);
-					alert("Unable to parse message.");
+					alert('Unable to parse message.'); // eslint-disable-line no-alert -- this is a dev tool
 					return;
 				}
 
@@ -612,7 +620,7 @@ export default {
 
 				} catch (err) {
 					console.error(err);
-					alert("Unable to parse message.");
+					alert('Unable to parse message.'); // eslint-disable-line no-alert -- this is a dev tool
 					return;
 				}
 			}
diff --git a/src/modules/main_menu/components/emote-priorities.vue b/src/modules/main_menu/components/emote-priorities.vue
index 58f78d3d..3f391cb9 100644
--- a/src/modules/main_menu/components/emote-priorities.vue
+++ b/src/modules/main_menu/components/emote-priorities.vue
@@ -56,17 +56,19 @@
 						<img
 							:src="provider.icon"
 							class="tw-image"
-						/>
+						>
 					</div>
 					<div>
 						<h4 v-if="! provider.name">
 							{{ t('emote-source.unknown', 'Unknown ({id})', provider) }}
 						</h4>
-						<h4 v-else>{{
-							provider.i18n_key
-								? t(provider.i18n_key, provider.name, provider)
-								: provider.name
-						}}</h4>
+						<h4 v-else>
+							{{
+								provider.i18n_key
+									? t(provider.i18n_key, provider.name, provider)
+									: provider.name
+							}}
+						</h4>
 						<div v-if="provider.description">
 							{{ provider.desc_i18n_key ? t(provider.desc_i18n_key, provider.description, provider) : provider.description }}
 						</div>
@@ -81,9 +83,6 @@
 
 import settingMixin from '../setting-mixin';
 import Sortable from 'sortablejs';
-import { deep_copy } from 'utilities/object';
-
-let last_id = 0;
 
 export default {
 	mixins: [settingMixin],
diff --git a/src/modules/main_menu/components/filter-rule-editor.vue b/src/modules/main_menu/components/filter-rule-editor.vue
index 36d0f437..3d5f10fc 100644
--- a/src/modules/main_menu/components/filter-rule-editor.vue
+++ b/src/modules/main_menu/components/filter-rule-editor.vue
@@ -8,8 +8,8 @@
 			{{ t('setting.filters.missing', 'This rule of type "{type}" cannot be loaded. It may be from an add-on that is not loaded.', {type: editing && editing.type}) }}
 		</div>
 		<component
-			v-else
 			:is="component"
+			v-else
 			v-model="editing"
 			:type="type"
 			:filters="filters"
diff --git a/src/modules/main_menu/components/home-page.vue b/src/modules/main_menu/components/home-page.vue
index 4bf58fdb..e6972568 100644
--- a/src/modules/main_menu/components/home-page.vue
+++ b/src/modules/main_menu/components/home-page.vue
@@ -213,9 +213,6 @@
 
 import HOME_MD from '../home.md';
 
-import {createElement as e} from 'utilities/dom';
-import { EXTENSION } from 'utilities/constants';
-
 export default {
 	props: ['item', 'context'],
 
diff --git a/src/modules/main_menu/components/link-tester.vue b/src/modules/main_menu/components/link-tester.vue
index c0d878f3..64823776 100644
--- a/src/modules/main_menu/components/link-tester.vue
+++ b/src/modules/main_menu/components/link-tester.vue
@@ -212,7 +212,7 @@
 						<h1 class="tw-mg-5 ffz-i-zreknarf loading" />
 					</div>
 					<code v-else-if="typeof raw_data === 'string'">{{ raw_data }}</code>
-					<code v-else v-html="highlightJson(raw_data, true)"></code>
+					<code v-else v-html="highlightJson(raw_data, true)" />
 				</div>
 			</div>
 		</div>
diff --git a/src/modules/main_menu/components/main-menu.vue b/src/modules/main_menu/components/main-menu.vue
index 7c2b919b..d6ff0d6a 100644
--- a/src/modules/main_menu/components/main-menu.vue
+++ b/src/modules/main_menu/components/main-menu.vue
@@ -147,7 +147,7 @@ export default {
 			let query = this.query.toLowerCase();
 
 			let flags = new Set;
-			query = query.replace(/(?<=^|\s)@(\S+)(?:\s+|$)/g, (match, flag, index) => {
+			query = query.replace(/(?<=^|\s)@(\S+)(?:\s+|$)/g, (match, flag) => {
 				if ( VALID_FLAGS.includes(flag) ) {
 					flags.add(flag);
 					return '';
@@ -349,4 +349,4 @@ export default {
 		}
 	}
 }
-</script>
\ No newline at end of file
+</script>
diff --git a/src/modules/main_menu/components/profile-editor.vue b/src/modules/main_menu/components/profile-editor.vue
index 7faec92d..5c660dc0 100644
--- a/src/modules/main_menu/components/profile-editor.vue
+++ b/src/modules/main_menu/components/profile-editor.vue
@@ -100,8 +100,8 @@
 				<input
 					id="ffz:editor:name"
 					ref="name"
-					:disabled="isEphemeral"
 					v-model="name"
+					:disabled="isEphemeral"
 					class="tw-full-width tw-border-radius-medium tw-font-size-6 tw-pd-x-1 tw-pd-y-05 ffz-input"
 				>
 			</div>
@@ -114,8 +114,8 @@
 				<textarea
 					id="ffz:editor:description"
 					ref="desc"
-					:disabled="isEphemeral"
 					v-model="desc"
+					:disabled="isEphemeral"
 					class="tw-full-width tw-border-radius-medium tw-font-size-6 tw-pd-x-1 tw-pd-y-05 ffz-input"
 				/>
 			</div>
@@ -129,8 +129,8 @@
 					<key-picker
 						id="ffz:editor:hotkey"
 						ref="hotkey"
-						:disabled="isEphemeral"
 						v-model="hotkey"
+						:disabled="isEphemeral"
 					/>
 				</div>
 
diff --git a/src/modules/main_menu/components/profile-manager.vue b/src/modules/main_menu/components/profile-manager.vue
index 4828f2be..262e89da 100644
--- a/src/modules/main_menu/components/profile-manager.vue
+++ b/src/modules/main_menu/components/profile-manager.vue
@@ -541,7 +541,7 @@ export default {
 			prof.update({
 				i18n_key: undefined,
 				desc_i18n_key: undefined,
-				description: `${prof.description ? prof.description + '\n' : ''}${this.t('setting.backup-restore.imported-at', 'Imported at {now,datetime}.', {now: new Date})}`
+				description: `${prof.description ? `${prof.description  }\n` : ''}${this.t('setting.backup-restore.imported-at', 'Imported at {now,datetime}.', {now: new Date})}`
 			});
 
 			let i = 0;
diff --git a/src/modules/main_menu/components/profile-selector.vue b/src/modules/main_menu/components/profile-selector.vue
index d56ec0ff..aba5b815 100644
--- a/src/modules/main_menu/components/profile-selector.vue
+++ b/src/modules/main_menu/components/profile-selector.vue
@@ -132,7 +132,7 @@ export default {
 			if (!scroller || ! window.ffzSimplebar || scroller.SimpleBar)
 				return;
 
-			new ffzSimplebar(scroller, ffzSimplebar.getElOptions(scroller));
+			new window.ffzSimplebar(scroller, window.ffzSimplebar.getElOptions(scroller));
 		},
 
 		openConfigure() {
@@ -268,4 +268,4 @@ export default {
 	}
 }
 
-</script>
\ No newline at end of file
+</script>
diff --git a/src/modules/main_menu/components/rich-feed.vue b/src/modules/main_menu/components/rich-feed.vue
index 78f483db..6218fd5f 100644
--- a/src/modules/main_menu/components/rich-feed.vue
+++ b/src/modules/main_menu/components/rich-feed.vue
@@ -11,8 +11,6 @@
 
 <script>
 
-import { maybe_call } from 'utilities/object';
-
 export default {
 	components: {
 		'chat-rich': async () => {
diff --git a/src/modules/main_menu/components/setting-filter-editor.vue b/src/modules/main_menu/components/setting-filter-editor.vue
index c53138cd..836e3aef 100644
--- a/src/modules/main_menu/components/setting-filter-editor.vue
+++ b/src/modules/main_menu/components/setting-filter-editor.vue
@@ -58,7 +58,6 @@
 					{{ t('setting.filter.add-default-tip', 'Add all of the default values to this profile.') }}
 				</span>
 			</button>
-
 		</div>
 
 		<filter-editor
@@ -68,7 +67,6 @@
 			:preview="preview"
 			@input="onInput"
 		/>
-
 	</div>
 </template>
 
diff --git a/src/modules/main_menu/components/socket-info.vue b/src/modules/main_menu/components/socket-info.vue
index e769342a..09c91d5b 100644
--- a/src/modules/main_menu/components/socket-info.vue
+++ b/src/modules/main_menu/components/socket-info.vue
@@ -42,12 +42,16 @@
 		<div v-if="page == 'versions'">
 			<table>
 				<thead class="tw-border-b tw-pd-b-05 tw-mg-b-05 tw-strong">
-					<th class="tw-pd-r-1">{{ t('socket.info.version', 'Version') }}</th>
+					<th class="tw-pd-r-1">
+						{{ t('socket.info.version', 'Version') }}
+					</th>
 					<th>{{ t('socket.info.count', 'Count') }}</th>
 				</thead>
 				<tbody>
 					<tr v-for="entry in version_list" :key="entry[0]">
-						<td class="tw-pd-r-1">{{ entry[0] }}</td>
+						<td class="tw-pd-r-1">
+							{{ entry[0] }}
+						</td>
 						<td>{{ tNumber(entry[1]) }}</td>
 					</tr>
 				</tbody>
@@ -56,12 +60,16 @@
 		<div v-if="page == 'commands'">
 			<table>
 				<thead class="tw-border-b tw-pd-b-05 tw-mg-b-05 tw-strong">
-					<th class="tw-pd-r-1">{{ t('socket.info.command', 'Command') }}</th>
+					<th class="tw-pd-r-1">
+						{{ t('socket.info.command', 'Command') }}
+					</th>
 					<th>{{ t('socket.info.count', 'Count') }}</th>
 				</thead>
 				<tbody>
 					<tr v-for="entry in command_list" :key="entry[0]">
-						<td class="tw-pd-r-1">{{ entry[0] }}</td>
+						<td class="tw-pd-r-1">
+							{{ entry[0] }}
+						</td>
 						<td>{{ tNumber(entry[1]) }}</td>
 					</tr>
 				</tbody>
diff --git a/src/modules/main_menu/components/tag-list-editor.vue b/src/modules/main_menu/components/tag-list-editor.vue
index 1e3849d0..2deaeced 100644
--- a/src/modules/main_menu/components/tag-list-editor.vue
+++ b/src/modules/main_menu/components/tag-list-editor.vue
@@ -59,7 +59,6 @@
 <script>
 
 import SettingMixin from '../setting-mixin';
-import {deep_copy} from 'utilities/object';
 
 let last_id = 0;
 
@@ -114,7 +113,7 @@ export default {
 			}
 		},
 
-		handleLink(i) {
+		handleLink(i) { // eslint-disable-line no-unused-vars
 			//this.router.navigate('dir-game-index', {gameName: i});
 		},
 
@@ -131,4 +130,4 @@ export default {
 	}
 }
 
-</script>
\ No newline at end of file
+</script>
diff --git a/src/modules/main_menu/components/tooltip-tos.vue b/src/modules/main_menu/components/tooltip-tos.vue
index 0e4c519d..86e57764 100644
--- a/src/modules/main_menu/components/tooltip-tos.vue
+++ b/src/modules/main_menu/components/tooltip-tos.vue
@@ -7,8 +7,8 @@
 		</div>
 		<template v-else>
 			<button
-				@click="accept"
 				class="tw-button tw-mg-b-05"
+				@click="accept"
 			>
 				<span class="tw-button__text">
 					{{ acceptText }}
@@ -16,8 +16,8 @@
 			</button>
 			<button
 				v-if="! declined"
-				@click="reject"
 				class="tw-button tw-button--text tw-block"
+				@click="reject"
 			>
 				<span class="tw-button__text">
 					{{ t('tooltip.decline-tos', 'I do not accept.') }}
@@ -33,7 +33,6 @@
 <script>
 
 import ProviderMixin from '../provider-mixin';
-import { deep_copy } from 'utilities/object';
 
 let last_id = 0;
 
diff --git a/src/modules/main_menu/index.js b/src/modules/main_menu/index.js
index 42c64ff8..20d343f2 100644
--- a/src/modules/main_menu/index.js
+++ b/src/modules/main_menu/index.js
@@ -1186,7 +1186,9 @@ export default class MainMenu extends Module {
 				key = params?.get('ffz-settings');
 			current = key && settings.keys[key];
 			if ( ! current )
-				restored = false;
+				restored = false; // eslint-disable-line no-unused-vars
+			// TODO: `restored` isn't used after this, but we go through
+			// a lot of effort to set it; do we need to?
 		}
 		if ( ! current )
 			current = this.has_update ?
diff --git a/src/modules/translation_ui/components/i18n-entry.vue b/src/modules/translation_ui/components/i18n-entry.vue
index d5673457..65319aff 100644
--- a/src/modules/translation_ui/components/i18n-entry.vue
+++ b/src/modules/translation_ui/components/i18n-entry.vue
@@ -30,11 +30,15 @@
 			</div>
 			<div class="ffz--i18n-sub-entry tw-mg-l-05 tw-flex-grow-1">
 				<div v-if="error && ! open">
-					<div class="tw-strong">{{ t('i18n.ui.error', 'Error') }}</div>
+					<div class="tw-strong">
+						{{ t('i18n.ui.error', 'Error') }}
+					</div>
 					<code class="tw-font-size-7 tw-c-text-alt-2">{{ error }}</code>
 				</div>
 				<div v-if="source">
-					<div class="tw-strong">{{ t('i18n.ui.source', 'Source') }}</div>
+					<div class="tw-strong">
+						{{ t('i18n.ui.source', 'Source') }}
+					</div>
 					<div
 						v-for="(line, idx) in source"
 						:key="idx"
@@ -50,7 +54,9 @@
 					</div>
 				</div>
 				<div v-if="context_str && ! open">
-					<div class="tw-strong">{{ t('i18n.ui.context', 'Context') }}</div>
+					<div class="tw-strong">
+						{{ t('i18n.ui.context', 'Context') }}
+					</div>
 					<code class="tw-font-size-7 tw-c-text-alt-2">{{ context_str }}</code>
 				</div>
 			</div>
@@ -196,7 +202,7 @@ export default {
 				out = [];
 
 			for(const line of lines) {
-				const match = /^(?:(.*?) \()?(\/[^:\)]+):(\d+):(\d+)\)?$/.exec(line);
+				const match = /^(?:(.*?) \()?(\/[^:)]+):(\d+):(\d+)\)?$/.exec(line);
 				if ( match )
 					out.push([
 						match[1] || '???',
@@ -328,4 +334,4 @@ export default {
 	}
 }
 
-</script>
\ No newline at end of file
+</script>
diff --git a/src/modules/translation_ui/components/translation-ui.vue b/src/modules/translation_ui/components/translation-ui.vue
index edb1adea..ad5a45a4 100644
--- a/src/modules/translation_ui/components/translation-ui.vue
+++ b/src/modules/translation_ui/components/translation-ui.vue
@@ -4,7 +4,9 @@
 		class="ffz-dialog tw-elevation-3 tw-c-background-alt tw-c-text-base tw-border tw-flex tw-flex-nowrap tw-flex-column"
 	>
 		<header class="tw-c-background-base tw-full-width tw-align-items-center tw-flex tw-flex-nowrap" @dblclick="resize">
-			<h3 class="ffz-i-zreknarf ffz-i-pd-1">{{ t('i18n.ui.title', 'Translation Tester') }}</h3>
+			<h3 class="ffz-i-zreknarf ffz-i-pd-1">
+				{{ t('i18n.ui.title', 'Translation Tester') }}
+			</h3>
 			<div class="tw-flex-grow-1 tw-pd-x-2">
 				<div class="tw-search-input">
 					<label for="ffz-main-menu.search" class="tw-hide-accessible">{{ t('i18n.ui.search', 'Search Strings') }}</label>
@@ -230,7 +232,7 @@ import displace from 'displacejs';
 import Parser from '@ffz/icu-msgparser';
 import { saveAs } from 'file-saver';
 
-import { deep_equals, deep_copy, sleep } from 'utilities/object';
+import { deep_equals, deep_copy } from 'utilities/object';
 
 const parser = new Parser();
 const PER_PAGE = 20;
@@ -549,4 +551,4 @@ export default {
 		},
 	}
 }
-</script>
\ No newline at end of file
+</script>
diff --git a/src/modules/viewer_cards/card.vue b/src/modules/viewer_cards/card.vue
index e6204ecf..9ac8b019 100644
--- a/src/modules/viewer_cards/card.vue
+++ b/src/modules/viewer_cards/card.vue
@@ -120,7 +120,7 @@
 					:channel="channel"
 					:user="user"
 					:self="self"
-					:getFFZ="getFFZ"
+					:get-f-f-z="getFFZ"
 					@close="close"
 				/>
 			</keep-alive>
diff --git a/src/modules/viewer_cards/components/stats.vue b/src/modules/viewer_cards/components/stats.vue
index 9f60eeef..724177b2 100644
--- a/src/modules/viewer_cards/components/stats.vue
+++ b/src/modules/viewer_cards/components/stats.vue
@@ -1,7 +1,5 @@
 <template>
-	<div>
-
-	</div>
+	<div />
 </template>
 
 <script>
diff --git a/src/raven.js b/src/raven.js
index c9a76cdc..057016c1 100644
--- a/src/raven.js
+++ b/src/raven.js
@@ -1,7 +1,5 @@
 'use strict';
 
-/* global FrankerFaceZ: false */
-
 // ============================================================================
 // Raven Logging
 // ============================================================================
diff --git a/src/settings/components/monitor.vue b/src/settings/components/monitor.vue
index b35278cc..8dcd69a8 100644
--- a/src/settings/components/monitor.vue
+++ b/src/settings/components/monitor.vue
@@ -42,10 +42,6 @@ export default {
 		}
 	},
 
-	created() {
-		this.detectMonitors();
-	},
-
 	watch: {
 		selected() {
 			if ( ! this.ready || ! this.selected )
@@ -62,6 +58,10 @@ export default {
 		}
 	},
 
+	created() {
+		this.detectMonitors();
+	},
+
 	methods: {
 		async detectMonitors() {
 			let data;
diff --git a/src/sites/base.js b/src/sites/base.js
index 9f936fad..b11de1df 100644
--- a/src/sites/base.js
+++ b/src/sites/base.js
@@ -1,6 +1,6 @@
 'use strict';
 
-import Module, { GenericModule } from 'utilities/module';
+import Module from 'utilities/module';
 
 let last_site = 0;
 let last_call = 0;
@@ -42,7 +42,7 @@ export default class BaseSite extends Module {
 		if ( this._reactDom )
 			return this._reactDom;
 
-		let reactDom = this.resolve('site.web_munch')?.getModule?.('react-dom');
+		const reactDom = this.resolve('site.web_munch')?.getModule?.('react-dom');
 		if ( reactDom?.createPortal )
 			return this._reactDom = reactDom;
 	}
diff --git a/src/sites/clips/theme.js b/src/sites/clips/theme.js
index 423c87c7..661756fb 100644
--- a/src/sites/clips/theme.js
+++ b/src/sites/clips/theme.js
@@ -5,7 +5,6 @@
 // ============================================================================
 
 import Module from 'utilities/module';
-import {createElement} from 'utilities/dom';
 import {Color} from 'utilities/color';
 
 //import THEME_CSS from 'site/styles/theme.scss';
@@ -412,7 +411,7 @@ export default class ThemeEngine extends Module {
 			this.css_tweaks.delete('accent-normal');
 	}
 
-	toggleNormalizer(enable) { // eslint-disable-line class-methods-use-this
+	toggleNormalizer(enable) { // eslint-disable-line class-methods-use-this, no-unused-vars
 		// Intentionally disabled~
 		/*if ( ! this._normalizer ) {
 			if ( ! enable )
@@ -461,4 +460,4 @@ export default class ThemeEngine extends Module {
 		this.updateCSS();
 		this.updateFont();
 	}
-}
\ No newline at end of file
+}
diff --git a/src/sites/player/metadata.jsx b/src/sites/player/metadata.jsx
index a8ed6042..cbf1fb3e 100644
--- a/src/sites/player/metadata.jsx
+++ b/src/sites/player/metadata.jsx
@@ -644,7 +644,7 @@ export default class Metadata extends Module {
 				if ( order != null )
 					el.style.order = order;
 
-				let subcontainer = container;
+				const subcontainer = container;
 
 				/*if ( button )
 					subcontainer = container.querySelector('.tw-flex:last-child') || container;
diff --git a/src/sites/shared/player.jsx b/src/sites/shared/player.jsx
index 7e318fb7..9277d491 100644
--- a/src/sites/shared/player.jsx
+++ b/src/sites/shared/player.jsx
@@ -633,7 +633,7 @@ export default class PlayerBase extends Module {
 			default: false,
 			ui: {
 				path: 'Player > General >> Playback',
-				title: "Pause/Unpause the player by clicking.",
+				title: 'Pause/Unpause the player by clicking.',
 				component: 'setting-check-box'
 			}
 		});
@@ -1418,7 +1418,6 @@ export default class PlayerBase extends Module {
 		else {
 			input = cont.querySelector('input');
 			fill = cont.querySelector('.ffz--gain-value');
-			tipcont = cont.querySelector('.ffz-il-tooltip');
 			tip = cont.querySelector('.ffz-il-tooltip .ffz--p-tip');
 			extra = cont.querySelector('.ffz-il-tooltip .ffz--p-value');
 		}
@@ -1550,7 +1549,7 @@ export default class PlayerBase extends Module {
 					this.replaceVideoElement(player, video);
 				}
 			} catch(err) {
-				t.log.error('Error while handling player load.', err);
+				this.log.error('Error while handling player load.', err);
 			}
 
 			return player._ffz_load(...args);
@@ -1769,7 +1768,7 @@ export default class PlayerBase extends Module {
 				try {
 					ctx.addEventListener('statechange', evt);
 					ctx.resume();
-				} catch(err) { }
+				} catch(err) { null }
 
 				return;
 			}
@@ -2058,7 +2057,7 @@ export default class PlayerBase extends Module {
 
 		if ( ! cont ) {
 			// We need the native clip button, so we can dispatch a click.
-			const on_click = e => {
+			const on_click = () => {
 				const native = getNativeClipButton(container);
 				if (native)
 					native.click();
@@ -2188,7 +2187,8 @@ export default class PlayerBase extends Module {
 	addErrorResetButton(inst, tries = 0) {
 		const outer = inst.props.containerRef || this.fine.getChildNode(inst),
 			container = outer && outer.querySelector('.content-overlay-gate'),
-			has_reset = this.settings.get('player.button.reset');
+			has_reset = this.settings.get('player.button.reset'),
+			t = this;
 
 		if ( ! container ) {
 			if ( ! has_reset )
@@ -2384,7 +2384,7 @@ export default class PlayerBase extends Module {
 	}
 
 
-	getUptime(inst) {
+	getUptime() {
 		// TODO: Support multiple instances.
 		const source = this.getData(),
 			user = source?.props?.data?.user;
diff --git a/src/sites/twitch-twilight/modules/channel.jsx b/src/sites/twitch-twilight/modules/channel.jsx
index 1a3553cc..1768ef62 100644
--- a/src/sites/twitch-twilight/modules/channel.jsx
+++ b/src/sites/twitch-twilight/modules/channel.jsx
@@ -521,7 +521,7 @@ export default class Channel extends Module {
 					// is actually a static string.
 					if ( typeof c === 'string' && /^[0-9,.]+$/.test(c) ) {
 						try {
-							const val = parseInt(c.replace(/[\.,]+/, ''), 10);
+							const val = parseInt(c.replace(/[.,]+/, ''), 10);
 							if ( ! isNaN(val) && isFinite(val) && val > 0 )
 								return val;
 						} catch(err) { /* no-op */ }
diff --git a/src/sites/twitch-twilight/modules/chat/emote_menu.jsx b/src/sites/twitch-twilight/modules/chat/emote_menu.jsx
index 2219296b..a92339e9 100644
--- a/src/sites/twitch-twilight/modules/chat/emote_menu.jsx
+++ b/src/sites/twitch-twilight/modules/chat/emote_menu.jsx
@@ -462,9 +462,9 @@ export default class EmoteMenu extends Module {
 				this._ffz_no_scan = false;
 
 				if ( ! this.props ||
-					 this.props.emotePickerSource === 'bits-rewards' ||
-					 ! has(this.props, 'channelID') ||
-					 ! t.chat.context.get('chat.emote-menu.enabled')
+					this.props.emotePickerSource === 'bits-rewards' ||
+					! has(this.props, 'channelID') ||
+					! t.chat.context.get('chat.emote-menu.enabled')
 				) {
 					return old_render.call(this);
 				}
@@ -980,8 +980,8 @@ export default class EmoteMenu extends Module {
 				if ( ! data.all_locked || ! data.locks )
 					return null;
 
-				let lock = data.locks[this.state.unlocked],
-					locks = Object.values(data.locks).filter(x => x.id !== 'cheer'),
+				let lock = data.locks[this.state.unlocked];
+				const locks = Object.values(data.locks).filter(x => x.id !== 'cheer'),
 					has_ffz = locks.filter(x => x.is_ffz).length > 0;
 
 				if ( ! lock && data.locks.length === 1 )
@@ -1792,11 +1792,11 @@ export default class EmoteMenu extends Module {
 				const state = Object.assign({}, old_state),
 
 					data = state.set_data || {},
-					modifiers = state.emote_modifiers = {},
 					channel = state.channel_sets = [],
 					all = state.all_sets = [],
 					effects = state.effect_sets = [],
 					favorites = state.favorites = [];
+					state.emote_modifiers = {};
 
 				// If we're still loading, don't set any data.
 				if ( props.loading || props.error || state.loading )
@@ -2344,8 +2344,8 @@ export default class EmoteMenu extends Module {
 				}
 
 				let wants_resub_info = false,
-					wants_plan_info = false,
 					has_new_effects = false;
+				const wants_plan_info = false;
 
 				const unlocked_effects = [...t.settings.provider.get('unlocked-effects', [])];
 
@@ -2395,7 +2395,7 @@ export default class EmoteMenu extends Module {
 							section.emotes.sort(sort_emotes);
 
 							if ( use_effect_tab && ! effects.includes(section) && section.has_effects ) {
-								has_new_effects = this.checkNewEffects(section.emotes, unlocked_effects) || has_new_effects;
+								has_new_effects = this.constructor.checkNewEffects(section.emotes, unlocked_effects) || has_new_effects;
 								effects.push(section);
 							} else if ( ! all.includes(section) )
 								all.push(section);
@@ -2414,7 +2414,7 @@ export default class EmoteMenu extends Module {
 							section.emotes.sort(sort_emotes);
 
 							if ( use_effect_tab && ! effects.includes(section) && section.has_effects ) {
-								has_new_effects = this.checkNewEffects(section.emotes, unlocked_effects) || has_new_effects;
+								has_new_effects = this.constructor.checkNewEffects(section.emotes, unlocked_effects) || has_new_effects;
 								effects.push(section);
 
 							} else if ( ! all.includes(section) )
@@ -2454,7 +2454,7 @@ export default class EmoteMenu extends Module {
 			}
 
 
-			checkNewEffects(emotes, unlocked) {
+			static checkNewEffects(emotes, unlocked) {
 				let added = false;
 				for(const emote of emotes) {
 					if ( emote && ! emote.locked && emote.id && emote.provider === 'ffz' && ! unlocked.includes(emote.id) ) {
@@ -2491,8 +2491,8 @@ export default class EmoteMenu extends Module {
 
 					title = (provider === 'ffz-main' || emote_set.title_is_channel)
 						? source_name
-								? t.i18n.t('emote-menu.source-set', '{channel}\'s Emotes', {channel: source_name})
-								: t.i18n.t('emote-menu.main-set', 'Channel Emotes')
+							? t.i18n.t('emote-menu.source-set', '{channel}\'s Emotes', {channel: source_name})
+							: t.i18n.t('emote-menu.main-set', 'Channel Emotes')
 						: (emote_set.title || t.i18n.t('emote-menu.unknown-set', `Set #{set_id}`, {set_id: emote_set.id}));
 
 				let sort_key = pdata && pdata.sort_key || emote_set.sort;
@@ -2572,7 +2572,7 @@ export default class EmoteMenu extends Module {
 								effect_prefix: emote.modifier ? emote.modifier_prefix : false,
 								name: emote.name,
 								favorite: is_fav,
-								locked: locked,
+								locked,
 								hidden: known_hidden.includes(emote.id),
 								height: emote.height,
 								width: emote.width
@@ -2696,7 +2696,7 @@ export default class EmoteMenu extends Module {
 				if ( ! loading )
 					this.loadedOnce = true;
 
-				let tab, sets, is_emoji, is_favs, is_effect;
+				let tab, sets, is_emoji, is_favs;
 
 				if ( no_tabs ) {
 					sets = [
@@ -2714,7 +2714,6 @@ export default class EmoteMenu extends Module {
 
 					is_emoji = tab === 'emoji';
 					is_favs = tab === 'fav';
-					is_effect = tab === 'effect';
 
 					switch(tab) {
 						case 'fav':
diff --git a/src/sites/twitch-twilight/modules/chat/index.js b/src/sites/twitch-twilight/modules/chat/index.js
index 2daacfad..9aa5e5b4 100644
--- a/src/sites/twitch-twilight/modules/chat/index.js
+++ b/src/sites/twitch-twilight/modules/chat/index.js
@@ -163,31 +163,31 @@ const INLINE_CALLOUT_TYPES = {
 };
 
 const CALLOUT_TYPES = {
-	"AppointedModerator": "appointed-moderator",
-	"BitsBadgeTier": "bits-badge-tier",
-	"BitsPowerUps": "bits-power-ups",
-	"ClipLiveNudge": "clip-live-nudge",
-	"CommunityMoment": "community-moment",
-	"CommunityPointsRewards": "community-points-rewards",
-	"CosmicAbyss": "cosmic-abyss",
-	"CreatorAnniversaries": "creator-anniversaries",
-	"Drop": "drop",
-	"EarnedSubBadge": "earned-sub-badge",
-	"FavoritedGuestCollab": "favorited-guest-collab",
-	"GiftBadgeExpiration": "gift-badge-expiration",
-	"GiftBadgeRestored": "gift-badge-restored",
-	"GiftBundleUpSell": "gift-bundle-up-sell",
-	"HypeTrainRewards": "hype-train-rewards",
-	"LapsedBitsUser": "lapsed-bits-user",
-	"PartnerPlusUpSellNudge": "partner-plus-up-sell-nudge",
-	"ReplyByKeyboard": "reply-by-keyboard",
-	"RequestToJoinAccepted": "request-to-join-accepted",
-	"STPromo": "st-promo",
-	"ShareResub": "share-resub",
-	"SubtemberPromoBits": "subtember-promo-bits",
-	"ThankSubGifter": "thank-sub-gifter",
-	"TurnOffAnimatedEmotes": "turn-off-animated-emotes",
-	"WalletDrop": "wallet-drop"
+	'AppointedModerator': 'appointed-moderator',
+	'BitsBadgeTier': 'bits-badge-tier',
+	'BitsPowerUps': 'bits-power-ups',
+	'ClipLiveNudge': 'clip-live-nudge',
+	'CommunityMoment': 'community-moment',
+	'CommunityPointsRewards': 'community-points-rewards',
+	'CosmicAbyss': 'cosmic-abyss',
+	'CreatorAnniversaries': 'creator-anniversaries',
+	'Drop': 'drop',
+	'EarnedSubBadge': 'earned-sub-badge',
+	'FavoritedGuestCollab': 'favorited-guest-collab',
+	'GiftBadgeExpiration': 'gift-badge-expiration',
+	'GiftBadgeRestored': 'gift-badge-restored',
+	'GiftBundleUpSell': 'gift-bundle-up-sell',
+	'HypeTrainRewards': 'hype-train-rewards',
+	'LapsedBitsUser': 'lapsed-bits-user',
+	'PartnerPlusUpSellNudge': 'partner-plus-up-sell-nudge',
+	'ReplyByKeyboard': 'reply-by-keyboard',
+	'RequestToJoinAccepted': 'request-to-join-accepted',
+	'STPromo': 'st-promo',
+	'ShareResub': 'share-resub',
+	'SubtemberPromoBits': 'subtember-promo-bits',
+	'ThankSubGifter': 'thank-sub-gifter',
+	'TurnOffAnimatedEmotes': 'turn-off-animated-emotes',
+	'WalletDrop': 'wallet-drop'
 };
 
 const UNBLOCKABLE_CALLOUTS = [];
@@ -628,7 +628,7 @@ export default class ChatHook extends Module {
 			default: true,
 			ui: {
 				path: 'Chat > Appearance >> Community',
-				title: 'Allow the \"Chat seems active.\" clip suggestion to be displayed in chat.',
+				title: 'Allow the "Chat seems active." clip suggestion to be displayed in chat.',
 				component: 'setting-check-box'
 			}
 		});
@@ -1372,7 +1372,8 @@ export default class ChatHook extends Module {
 		});
 
 		this.on('chat:pre-send-message', e => {
-			const msg = e.message,
+			const t = this,
+				msg = e.message,
 				inst = e._inst;
 
 			if ( ! /^\/reconnect ?/i.test(msg) )
@@ -1641,7 +1642,7 @@ export default class ChatHook extends Module {
 							return;
 
 						t.insertChannelPointMessage(msg);
-						return;
+
 
 					} catch(err) {
 						t.log.error('Error handling reward event:', err);
@@ -1849,7 +1850,7 @@ export default class ChatHook extends Module {
 
 		let rewardID;
 		if (isAutomaticReward)
-			rewardID = `${inst.props.channelID}:${data.reward.reward_type}`;
+			rewardID = `${service.props.channelID}:${data.reward.reward_type}`;
 		else
 			rewardID = data.reward.id;
 
@@ -1910,7 +1911,7 @@ export default class ChatHook extends Module {
 			return true;
 
 		if ( type === 'megacheer_emote_recipient' &&
-			! t.chat.context.get('chat.bits.show-rewards')
+			! this.chat.context.get('chat.bits.show-rewards')
 		)
 			return true;
 
@@ -2001,7 +2002,7 @@ export default class ChatHook extends Module {
 		const event = inst.props?.event?.callout?.contextMenuProps?.event ?? inst.props?.event,
 			type = event?.type;
 
-		if ( type !== 'drop' || inst._ffz_clicking || ! this.chat.context.get("chat.drops.auto-rewards") )
+		if ( type !== 'drop' || inst._ffz_clicking || ! this.chat.context.get('chat.drops.auto-rewards') )
 			return;
 
 		//console.warn('autoClickDrop', event, inst);
@@ -2021,7 +2022,7 @@ export default class ChatHook extends Module {
 			const event = inst.props?.event?.callout?.contextMenuProps?.event ?? inst.props?.event,
 				type = event?.type;
 
-			if ( type !== 'drop' || ! this.chat.context.get("chat.drops.auto-rewards") )
+			if ( type !== 'drop' || ! this.chat.context.get('chat.drops.auto-rewards') )
 				return;
 
 			btn.click();
@@ -3317,7 +3318,7 @@ export default class ChatHook extends Module {
 									id: out.id,
 									displayName: out.user.userDisplayName,
 									login: out.user.userLogin,
-									reward: reward,
+									reward,
 									message: out,
 									userID: out.user.userID,
 									animationID: e.animationID,
@@ -3662,7 +3663,7 @@ export default class ChatHook extends Module {
 				let count = 0;
 				if (bd) {
 					for(const entry of bd.values()) {
-						for(const _ of entry.values()) {
+						for(const _ of entry.values()) { // eslint-disable-line no-unused-vars
 							count++;
 						}
 					}
diff --git a/src/sites/twitch-twilight/modules/chat/input.jsx b/src/sites/twitch-twilight/modules/chat/input.jsx
index d995d40b..0617cf02 100644
--- a/src/sites/twitch-twilight/modules/chat/input.jsx
+++ b/src/sites/twitch-twilight/modules/chat/input.jsx
@@ -7,7 +7,7 @@
 import Module from 'utilities/module';
 import { findReactFragment } from 'utilities/dom';
 
-import { SourcedSet, getTwitchEmoteSrcSet } from 'utilities/object';
+import { getTwitchEmoteSrcSet } from 'utilities/object';
 import { TWITCH_POINTS_SETS, TWITCH_GLOBAL_SETS, TWITCH_PRIME_SETS, KNOWN_CODES, REPLACEMENTS, REPLACEMENT_BASE, KEYS } from 'utilities/constants';
 
 import Twilight from 'site';
@@ -355,7 +355,7 @@ export default class Input extends Module {
 		this.ChatInput.on('mount', this.overrideChatInput, this);
 
 		this.ChatInput.on('mount', this.installPreviewObserver, this);
-		this.ChatInput.on('unmount', this.removePreviewObserver, this);
+		this.ChatInput.on('unmount', this.constructor.removePreviewObserver, this);
 
 		this.EmoteSuggestions.on('mount', this.overrideEmoteMatcher, this);
 		this.MentionSuggestions.on('mount', this.overrideMentionMatcher, this);
@@ -461,9 +461,12 @@ export default class Input extends Module {
 				this.updatePreview(inst, target);
 		}*/
 
-		for(const target of node.querySelectorAll?.('img.chat-line__message--emote')) {
-			if ( target && (target.dataset.ffzId || target.src.startsWith('https://static-cdn.jtvnw.net/emoticons/v2/__FFZ__')) )
-				this.updatePreview(inst, target);
+		const img = node.querySelectorAll?.('img.chat-line__message--emote');
+		if ( img !== undefined ) {
+			for(const target of img) {
+				if ( target && (target.dataset.ffzId || target.src.startsWith('https://static-cdn.jtvnw.net/emoticons/v2/__FFZ__')) )
+					this.updatePreview(inst, target);
+			}
 		}
 	}
 
@@ -539,7 +542,7 @@ export default class Input extends Module {
 		evt.stopImmediatePropagation();
 	}
 
-	removePreviewObserver(inst) {
+	static removePreviewObserver(inst) {
 		if ( inst._ffz_preview_observer ) {
 			inst._ffz_preview_observer.disconnect();
 			inst._ffz_preview_observer = null;
@@ -580,8 +583,8 @@ export default class Input extends Module {
 				this.props.emotes.splice(idx, 1, data);
 			else if ( idx !== -1 && ! data )
 				this.props.emotes.splice(idx, 1);
-			else
-				return;
+			// else
+			// 	return;
 
 			// TODO: Somehow update other React state to deal with our
 			// injected changes. Making a shallow copy of the array
@@ -864,7 +867,7 @@ export default class Input extends Module {
 			createElement = React?.createElement;
 
 		if ( createElement )
-			inst.renderCommandSuggestion = function(cmd, input) {
+			inst.renderCommandSuggestion = function(cmd) {
 				const args = Array.isArray(cmd?.commandArgs)
 					? cmd.commandArgs.map(arg => (<div class={`tw-mg-r-05${arg.isRequired ? '' : ' tw-c-text-alt'}`}>[{arg.name}]</div>))
 					: null;
@@ -911,8 +914,6 @@ export default class Input extends Module {
 			if ( ! set || ! set.emotes )
 				continue;
 
-			const source = set.source || 'ffz';
-
 			for(const emote of Object.values(set.emotes)) {
 				if ( ! emote || ! emote.id || ! emote.name || added_emotes.has(emote.name) )
 					continue;
@@ -1184,7 +1185,7 @@ export default class Input extends Module {
 		for(const emote of emotes) {
 			const match_type = inst.doesEmoteMatchTerm(emote, search);
 			if (match_type < emoteMatchingType)
-					continue;
+				continue;
 
 			const element = {
 				current: input,
diff --git a/src/sites/twitch-twilight/modules/chat/line.js b/src/sites/twitch-twilight/modules/chat/line.js
index c2382f74..6e4ba5e7 100644
--- a/src/sites/twitch-twilight/modules/chat/line.js
+++ b/src/sites/twitch-twilight/modules/chat/line.js
@@ -12,7 +12,7 @@ import { has } from 'utilities/object';
 import { KEYS, RERENDER_SETTINGS, UPDATE_BADGE_SETTINGS, UPDATE_TOKEN_SETTINGS } from 'utilities/constants';
 import { print_duration } from 'utilities/time';
 
-import { getRewardTitle, getRewardCost, isGiantEmoteReward, doesRewardCostBits, isMessageEffect } from './points';
+import { getRewardTitle, getRewardCost, isGiantEmoteReward, doesRewardCostBits } from './points';
 import awaitMD, {getMD} from 'utilities/markdown';
 
 const SUB_TIERS = {
@@ -41,9 +41,7 @@ export default class ChatLine extends Module {
 		this.line_types = {};
 
 		this.line_types.unknown = {
-			renderNotice: (msg, current_user, room, inst, e) => {
-				return `Unknown message type: ${msg.ffz_type}`
-			}
+			renderNotice: msg => `Unknown message type: ${msg.ffz_type}`
 		};
 
 		this.line_types.notice = {
@@ -179,19 +177,17 @@ export default class ChatLine extends Module {
 		};
 
 		this.line_types.cheer = {
-			renderNotice: (msg, current_user, room, inst, e) => {
-				return this.i18n.tList(
-					'chat.bits-message',
-					'Cheered {count, plural, one {# Bit} other {# Bits}}',
-					{
-						count: msg.bits || 0
-					}
-				);
-			}
+			renderNotice: msg => this.i18n.tList(
+				'chat.bits-message',
+				'Cheered {count, plural, one {# Bit} other {# Bits}}',
+				{
+					count: msg.bits || 0
+				}
+			)
 		};
 
 		this.line_types.points = {
-			getClass: (msg) => {
+			getClass: msg => {
 				const highlight = msg.ffz_reward_highlight && this.chat.context.get('chat.points.allow-highlight') === 2;
 
 				return `ffz--points-line tw-pd-l-1 tw-pd-r-2 ${highlight ? 'ffz-custom-color ffz--points-highlight' : ''}`;
@@ -1099,7 +1095,7 @@ other {# messages were deleted by a moderator.}
 								hl_position === 1
 									? 'ffz-highlight-tags__above'
 									: 'tw-mg-r-05'
-								}`
+							}`
 						}, highlight_tags);
 					else
 						highlight_tags = null;
@@ -1173,7 +1169,7 @@ other {# messages were deleted by a moderator.}
 											className: 'tw-font-size-8 tw-mg-t-05'
 										}, t.i18n.t('chat.sent-from-source', 'Sent from {source}', {source: source.displayName ?? source.login}))
 										: null
-									]
+								]
 								)
 							]
 							: want_source_tip
diff --git a/src/sites/twitch-twilight/modules/chat/scroller.js b/src/sites/twitch-twilight/modules/chat/scroller.js
index 28baa649..da4968c5 100644
--- a/src/sites/twitch-twilight/modules/chat/scroller.js
+++ b/src/sites/twitch-twilight/modules/chat/scroller.js
@@ -729,7 +729,7 @@ export default class Scroller extends Module {
 
 
 	cleanMessages(el) {
-		const react = ffz.site.fine.getReactInstance(el);
+		const react = window.ffz.site.fine.getReactInstance(el);
 
 		// Make sure we have the right thing.
 		if (!react || !Array.isArray(react.child?.memoizedProps))
diff --git a/src/sites/twitch-twilight/modules/directory/index.jsx b/src/sites/twitch-twilight/modules/directory/index.jsx
index 0e8e6ab1..2f39d6ba 100644
--- a/src/sites/twitch-twilight/modules/directory/index.jsx
+++ b/src/sites/twitch-twilight/modules/directory/index.jsx
@@ -671,9 +671,9 @@ export default class Directory extends Module {
 
 	clearCard(el, for_exp = false) {
 		this.clearUptime(el);
-		this.clearFlags(el);
+		this.constructor.clearFlags(el);
 
-		const cont = this._getTopRightContainer(el, for_exp);
+		const cont = this.constructor._getTopRightContainer(el, for_exp);
 		if ( cont )
 			cont.remove();
 
@@ -851,16 +851,16 @@ export default class Directory extends Module {
 
 	updateFlags(el, for_exp = false) {
 		if ( ! document.contains(el) )
-			return this.clearFlags(el);
+			return this.constructor.clearFlags(el);
 
 		const setting = this.settings.get('directory.show-flags');
 
 		if ( ! setting || ! el._ffz_flags?.length )
-			return this.clearFlags(el);
+			return this.constructor.clearFlags(el);
 
-		const container = this._getTopRightContainer(el, true, for_exp);
+		const container = this.constructor._getTopRightContainer(el, true, for_exp);
 		if ( ! container )
-			return this.clearFlags(el);
+			return this.constructor.clearFlags(el);
 
 		if ( ! el.ffz_flags_el )
 			container.appendChild(el.ffz_flags_el = (<div class="tw-mg-y-05 ffz-flags-element tw-relative ffz-il-tooltip__container">
@@ -873,12 +873,12 @@ export default class Directory extends Module {
 		else if ( ! el.contains(el.ffz_flags_el) )
 			container.appendChild(el.ffz_flags_el);
 
-		el.ffz_flags_tt.textContent = this.i18n.t('metadata.flags.tooltip', 'Intended for certain audiences. May contain:')
-			+ '\n\n'
-			+ el._ffz_flags.map(x => x.localizedName).join('\n');
+		el.ffz_flags_tt.textContent = `${this.i18n.t('metadata.flags.tooltip', 'Intended for certain audiences. May contain:')
+		}\n\n${
+			el._ffz_flags.map(x => x.localizedName).join('\n')}`;
 	}
 
-	clearFlags(el) {
+	static clearFlags(el) {
 		if ( el.ffz_flags_el ) {
 			el.ffz_flags_el.remove();
 			el.ffz_flags_tt = null;
@@ -887,7 +887,7 @@ export default class Directory extends Module {
 	}
 
 
-	_getTopRightContainer(el, should_create = true, for_exp = false) {
+	static _getTopRightContainer(el, should_create = true, for_exp = false) {
 		let cont = el._ffz_top_right ?? el.querySelector('.ffz-top-right');
 		if ( cont || ! should_create )
 			return cont;
@@ -916,7 +916,7 @@ export default class Directory extends Module {
 			return this.clearUptime(el);
 
 		const setting = this.settings.get('directory.uptime'),
-			container = this._getTopRightContainer(el, setting > 0, for_exp);
+			container = this.constructor._getTopRightContainer(el, setting > 0, for_exp);
 
 		//const container = el.querySelector('a[data-a-target="preview-card-image-link"] > div'),
 		//	setting = this.settings.get('directory.uptime');
diff --git a/src/sites/twitch-twilight/modules/layout.js b/src/sites/twitch-twilight/modules/layout.js
index 77325f43..0f854bb3 100644
--- a/src/sites/twitch-twilight/modules/layout.js
+++ b/src/sites/twitch-twilight/modules/layout.js
@@ -6,7 +6,7 @@ import { IS_FIREFOX } from 'src/utilities/constants';
 // ============================================================================
 
 import Module from 'utilities/module';
-import {debounce, has} from 'utilities/object';
+import {debounce} from 'utilities/object';
 
 const PORTRAIT_ROUTES = ['user', 'video', 'user-video', 'user-clip', 'user-videos', 'user-clips', 'user-collections', 'user-events', 'user-followers', 'user-following'];
 const MINIMAL_ROUTES = ['popout', 'embed-chat', 'dash-chat'];
@@ -127,7 +127,7 @@ export default class Layout extends Module {
 				const ratio = size.width / size.height;
 				return ratio <= ctx.get('layout.portrait-threshold');
 			},
-			changed: () => this.updatePortraitMode()
+			// changed: () => this.updatePortraitMode()
 		});
 
 		this.settings.add('layout.inject-portrait', {
@@ -184,7 +184,7 @@ export default class Layout extends Module {
 				// TODO: Calculate this based on the expected player height.
 				return true;
 			},
-			changed: () => this.updatePortraitMode()
+			// changed: () => this.updatePortraitMode()
 		});
 
 		this.settings.add('layout.portrait-extra-height', {
@@ -241,7 +241,7 @@ export default class Layout extends Module {
 	onEnable() {
 		document.body.classList.toggle('ffz--portrait-invert', this.settings.get('layout.portrait-invert'));
 
-		this.on(':update-nav', this.updateNavLinks, this);
+		// this.on(':update-nav', this.updateNavLinks, this);
 		this.on(':resize', this.handleResize, this);
 
 		this.settings.getChanges('layout.portrait-min-chat', val => this.css_tweaks.toggle('portrait-chat', val));
@@ -440,11 +440,11 @@ export default class Layout extends Module {
 		}
 	}*/
 
-	updateNavLinks() {
-
-	}
-
-	updatePortraitMode() {
-
-	}
+	// updateNavLinks() {
+	//
+	// }
+	//
+	// updatePortraitMode() {
+	//
+	// }
 }
diff --git a/src/sites/twitch-twilight/modules/mod-view.jsx b/src/sites/twitch-twilight/modules/mod-view.jsx
index 2df4398b..a933cb8d 100644
--- a/src/sites/twitch-twilight/modules/mod-view.jsx
+++ b/src/sites/twitch-twilight/modules/mod-view.jsx
@@ -105,7 +105,7 @@ export default class ModView extends Module {
 		const root = this.fine.getReactInstance(el);
 
 		let channel = null;
-		let node = this.fine.searchNode(root, n => {
+		this.fine.searchNode(root, n => {
 			let i = 0;
 			let state = n.memoizedState;
 			while(state != null && channel == null && i < 50) {
diff --git a/src/sites/twitch-twilight/modules/player.jsx b/src/sites/twitch-twilight/modules/player.jsx
index b2a6c2d2..9e9df309 100644
--- a/src/sites/twitch-twilight/modules/player.jsx
+++ b/src/sites/twitch-twilight/modules/player.jsx
@@ -202,8 +202,8 @@ export default class Player extends PlayerBase {
 			}
 		});
 
-		this.PlayerSource.on('mount', this.checkCarousel, this);
-		this.PlayerSource.on('update', this.checkCarousel, this);
+		// this.PlayerSource.on('mount', this.checkCarousel, this);
+		// this.PlayerSource.on('update', this.checkCarousel, this);
 	}
 
 	maybeOpenChat() {
@@ -220,24 +220,24 @@ export default class Player extends PlayerBase {
 	}
 
 
-	checkCarousel(inst) {
-		/*if ( this.settings.get('channel.hosting.enable') )
-			return;
-
-		if ( inst.props?.playerType === 'channel_home_carousel' ) {
-			if ( inst.props.content?.hostChannel === inst._ffz_cached_login )
-				return;
-
-			inst._ffz_cached_login = inst.props.content?.hostChannel;
-			if ( ! inst._ffz_cached_login )
-				return;
-
-			const player = inst.props.mediaPlayerInstance,
-				events = inst.props.playerEvents;
-
-			this.stopPlayer(player, events, inst);
-		}*/
-	}
+	// checkCarousel(inst) {
+	// 	/*if ( this.settings.get('channel.hosting.enable') )
+	// 		return;
+	//
+	// 	if ( inst.props?.playerType === 'channel_home_carousel' ) {
+	// 		if ( inst.props.content?.hostChannel === inst._ffz_cached_login )
+	// 			return;
+	//
+	// 		inst._ffz_cached_login = inst.props.content?.hostChannel;
+	// 		if ( ! inst._ffz_cached_login )
+	// 			return;
+	//
+	// 		const player = inst.props.mediaPlayerInstance,
+	// 			events = inst.props.playerEvents;
+	//
+	// 		this.stopPlayer(player, events, inst);
+	// 	}*/
+	// }
 
 
 	getData() {
@@ -275,18 +275,18 @@ export default class Player extends PlayerBase {
 	 * @memberof Player
 	 * @returns {void}
 	 */
-	repositionPlayer() {
-		// TODO: New implementation that works.
-	}
-
-	updateSquadContext() {
-		this.settings.updateContext({
-			squad_bar: this.hasSquadBar
-		});
-	}
-
-	get hasSquadBar() {
-		// TODO: New implementation that works.
-		return false;
-	}
+	// repositionPlayer() {
+	// 	// TODO: New implementation that works.
+	// }
+	//
+	// updateSquadContext() {
+	// 	this.settings.updateContext({
+	// 		squad_bar: this.hasSquadBar
+	// 	});
+	// }
+	//
+	// get hasSquadBar() {
+	// 	// TODO: New implementation that works.
+	// 	return false;
+	// }
 }
diff --git a/src/sites/twitch-twilight/modules/video_chat/index.jsx b/src/sites/twitch-twilight/modules/video_chat/index.jsx
index 8030cbec..c5349f50 100644
--- a/src/sites/twitch-twilight/modules/video_chat/index.jsx
+++ b/src/sites/twitch-twilight/modules/video_chat/index.jsx
@@ -4,7 +4,7 @@
 // Video Chat Hooks
 // ============================================================================
 
-import {get, has} from 'utilities/object';
+import {get} from 'utilities/object';
 import {print_duration} from 'utilities/time';
 //import {ClickOutside} from 'utilities/dom';
 import {formatBitsConfig} from '../chat';
@@ -183,23 +183,23 @@ export default class VideoChatHook extends Module {
 				}
 			}
 
-			render() {
-				//if ( ! t.VideoChatMenu._class )
-					return null;
-
-				/*return (<div class={`tw-flex-shrink-0 video-chat__message-menu${this.state.force ? ' video-chat__message-menu--force-visible' : ''}`}>
-					<t.VideoChatMenu._class
-						context={this.props.context}
-						isCurrentUserModerator={this.props.isCurrentUserModerator}
-						isExpandedLayout={this.props.isExpandedLayout}
-						onBanUserClick={this.onBanUser}
-						onClose={this.onClose}
-						onDeleteCommentClick={this.onDeleteComment}
-						onOpen={this.onOpen}
-						onReplyClick={this.props.onReplyClick}
-					/>
-				</div>);*/
-			}
+			// render() {
+			// 	//if ( ! t.VideoChatMenu._class )
+			// 	return null;
+			//
+			// 	/*return (<div class={`tw-flex-shrink-0 video-chat__message-menu${this.state.force ? ' video-chat__message-menu--force-visible' : ''}`}>
+			// 		<t.VideoChatMenu._class
+			// 			context={this.props.context}
+			// 			isCurrentUserModerator={this.props.isCurrentUserModerator}
+			// 			isExpandedLayout={this.props.isExpandedLayout}
+			// 			onBanUserClick={this.onBanUser}
+			// 			onClose={this.onClose}
+			// 			onDeleteCommentClick={this.onDeleteComment}
+			// 			onOpen={this.onOpen}
+			// 			onReplyClick={this.props.onReplyClick}
+			// 		/>
+			// 	</div>);*/
+			// }
 		}
 
 		this.VideoChatLine.ready(cls => {
diff --git a/src/socket.js b/src/socket.js
index cf4f9c6b..90fbc3f2 100644
--- a/src/socket.js
+++ b/src/socket.js
@@ -125,14 +125,14 @@ export default class SocketClient extends Module {
 	}
 
 
-	onEnable() {
-		// We don't connect anymore.
-		// For now, stop connecting to the sockets for people using the
-		// API links experiment.
-		//if ( this.experiments.getAssignment('api_links') )
-		//	return;
-		//this.connect();
-	}
+	// onEnable() {
+	// 	We don't connect anymore.
+	// 	For now, stop connecting to the sockets for people using the
+	// 	API links experiment.
+	// 	if ( this.experiments.getAssignment('api_links') )
+	// 	return;
+	// 	this.connect();
+	// }
 	onDisable() { this.disconnect() }
 
 
diff --git a/src/std-components/emote-picker.vue b/src/std-components/emote-picker.vue
index c6f38e19..773f215b 100644
--- a/src/std-components/emote-picker.vue
+++ b/src/std-components/emote-picker.vue
@@ -5,7 +5,7 @@
 			<div class="tw-relative">
 				<div class="tw-absolute tw-align-items-center tw-c-text-alt-2 tw-flex tw-full-height ffz-input__icon tw-justify-content-center tw-left-0 tw-top-0 tw-z-default">
 					<figure class="tw-mg-y-05 tw-mg-x-05">
-						<img class="ffz-preview-emote" v-if="val.src" :src="val.src" />
+						<img v-if="val.src" class="ffz-preview-emote" :src="val.src">
 					</figure>
 				</div>
 				<input
@@ -24,7 +24,7 @@
 					@focus="onFocus"
 					@blur="onBlur"
 					@keydown.escape="open = false"
-				/>
+				>
 				<button
 					v-if="clearable"
 					class="tw-absolute tw-right-0 tw-top-0 tw-button tw-button--text ffz-il-tooltip__container"
@@ -65,7 +65,7 @@
 							@blur="onBlur"
 						>
 							<figure :class="`tw-mg-y-05 tw-mg-x-1`">
-								<img :src="i.src" />
+								<img :src="i.src">
 							</figure>
 						</div>
 					</div>
@@ -232,7 +232,7 @@ export default {
 				id: val.id,
 				name: val.name,
 				src: val.src
-			},
+			};
 			this.$emit('input', this.val);
 			if ( close )
 				this.open = false;
@@ -256,4 +256,4 @@ export default {
 	}
 }
 
-</script>
\ No newline at end of file
+</script>
diff --git a/src/std-components/simplebar.vue b/src/std-components/simplebar.vue
index efe15e08..bf76eb53 100644
--- a/src/std-components/simplebar.vue
+++ b/src/std-components/simplebar.vue
@@ -33,10 +33,10 @@ export default {
 
 	mounted() {
 		const scroller = this.$refs.scroller;
-		if (!scroller || ! window.ffzSimplebar || scroller.SimpleBar)
+		if (!scroller || !window.ffzSimplebar || scroller.SimpleBar)
 			return;
 
-		new ffzSimplebar(scroller, ffzSimplebar.getElOptions(scroller));
+		new window.ffzSimplebar(scroller, window.ffzSimplebar.getElOptions(scroller));
 	},
 
 	methods: {
@@ -52,4 +52,4 @@ export default {
 	}
 }
 
-</script>
\ No newline at end of file
+</script>
diff --git a/src/std-components/tab-container.vue b/src/std-components/tab-container.vue
index f62cdef7..77782e6a 100644
--- a/src/std-components/tab-container.vue
+++ b/src/std-components/tab-container.vue
@@ -87,7 +87,7 @@ export default {
 				return [];
 
 			//if ( ! this.context.matches_only )
-				return this.item.tabs;
+			return this.item.tabs;
 
 			//return this.item.tabs.filter(tab => this.shouldShow(tab));
 		},
diff --git a/src/utilities/custom_denoflare_mqtt.js b/src/utilities/custom_denoflare_mqtt.js
index fabafab7..a50eeb39 100644
--- a/src/utilities/custom_denoflare_mqtt.js
+++ b/src/utilities/custom_denoflare_mqtt.js
@@ -3,770 +3,1043 @@
 // better use of promise return values in general.
 
 // bytes.ts
-var _Bytes = class _Bytes {
+const _Bytes = class _Bytes {
 	constructor(bytes) {
-	  this._bytes = bytes;
-	  this.length = bytes.length;
+		this._bytes = bytes;
+		this.length = bytes.length;
 	}
 	array() {
-	  return this._bytes;
+		return this._bytes;
 	}
 	async sha1() {
-	  const hash = await cryptoSubtle().digest("SHA-1", this._bytes);
-	  return new _Bytes(new Uint8Array(hash));
+		const hash = await cryptoSubtle().digest('SHA-1', this._bytes);
+		return new _Bytes(new Uint8Array(hash));
 	}
 	concat(other) {
-	  const rt = new Uint8Array(this.length + other.length);
-	  rt.set(this._bytes);
-	  rt.set(other._bytes, this.length);
-	  return new _Bytes(rt);
+		const rt = new Uint8Array(this.length + other.length);
+		rt.set(this._bytes);
+		rt.set(other._bytes, this.length);
+		return new _Bytes(rt);
 	}
 	async gitSha1Hex() {
-	  return (await _Bytes.ofUtf8(`blob ${this.length}\0`).concat(this).sha1()).hex();
+		return (
+			await _Bytes.ofUtf8(`blob ${this.length}\0`).concat(this).sha1()
+		).hex();
 	}
 	async hmacSha1(key) {
-	  const cryptoKey = await cryptoSubtle().importKey("raw", key._bytes, { name: "HMAC", hash: "SHA-1" }, true, ["sign"]);
-	  const sig = await cryptoSubtle().sign("HMAC", cryptoKey, this._bytes);
-	  return new _Bytes(new Uint8Array(sig));
+		const cryptoKey = await cryptoSubtle().importKey(
+			'raw',
+			key._bytes,
+			{ name: 'HMAC', hash: 'SHA-1' },
+			true,
+			['sign'],
+		);
+		const sig = await cryptoSubtle().sign('HMAC', cryptoKey, this._bytes);
+		return new _Bytes(new Uint8Array(sig));
 	}
 	async sha256() {
-	  const hash = await cryptoSubtle().digest("SHA-256", this._bytes);
-	  return new _Bytes(new Uint8Array(hash));
+		const hash = await cryptoSubtle().digest('SHA-256', this._bytes);
+		return new _Bytes(new Uint8Array(hash));
 	}
 	async hmacSha256(key) {
-	  const cryptoKey = await cryptoSubtle().importKey("raw", key._bytes, { name: "HMAC", hash: "SHA-256" }, true, ["sign"]);
-	  const sig = await cryptoSubtle().sign("HMAC", cryptoKey, this._bytes);
-	  return new _Bytes(new Uint8Array(sig));
+		const cryptoKey = await cryptoSubtle().importKey(
+			'raw',
+			key._bytes,
+			{ name: 'HMAC', hash: 'SHA-256' },
+			true,
+			['sign'],
+		);
+		const sig = await cryptoSubtle().sign('HMAC', cryptoKey, this._bytes);
+		return new _Bytes(new Uint8Array(sig));
 	}
 	hex() {
-	  const a = Array.from(this._bytes);
-	  return a.map((b) => b.toString(16).padStart(2, "0")).join("");
+		const a = Array.from(this._bytes);
+		return a.map(b => b.toString(16).padStart(2, '0')).join('');
 	}
 	static ofHex(hex2) {
-	  if (hex2 === "") {
-		return _Bytes.EMPTY;
-	  }
-	  return new _Bytes(new Uint8Array(hex2.match(/.{1,2}/g).map((byte) => parseInt(byte, 16))));
+		if (hex2 === '') {
+			return _Bytes.EMPTY;
+		}
+		return new _Bytes(
+			new Uint8Array(
+				hex2.match(/.{1,2}/g).map(byte => parseInt(byte, 16)),
+			),
+		);
 	}
 	utf8() {
-	  return new TextDecoder().decode(this._bytes);
+		return new TextDecoder().decode(this._bytes);
 	}
 	static ofUtf8(str) {
-	  return new _Bytes(new TextEncoder().encode(str));
+		return new _Bytes(new TextEncoder().encode(str));
 	}
 	base64() {
-	  return base64Encode(this._bytes);
+		return base64Encode(this._bytes);
 	}
 	static ofBase64(base64, opts = { urlSafe: false }) {
-	  return new _Bytes(base64Decode(base64, opts.urlSafe));
+		return new _Bytes(base64Decode(base64, opts.urlSafe));
 	}
 	static async ofStream(stream) {
-	  const chunks = [];
-	  for await (const chunk of stream) {
-		chunks.push(chunk);
-	  }
-	  const len = chunks.reduce((prev, current) => prev + current.length, 0);
-	  const rt = new Uint8Array(len);
-	  let offset = 0;
-	  for (const chunk of chunks) {
-		rt.set(chunk, offset);
-		offset += chunk.length;
-	  }
-	  return new _Bytes(rt);
+		const chunks = [];
+		for await (const chunk of stream) {
+			chunks.push(chunk);
+		}
+		const len = chunks.reduce((prev, current) => prev + current.length, 0);
+		const rt = new Uint8Array(len);
+		let offset = 0;
+		for (const chunk of chunks) {
+			rt.set(chunk, offset);
+			offset += chunk.length;
+		}
+		return new _Bytes(rt);
 	}
 	static formatSize(sizeInBytes) {
-	  const sign = sizeInBytes < 0 ? "-" : "";
-	  let size = Math.abs(sizeInBytes);
-	  if (size < 1024)
-		return `${sign}${size}bytes`;
-	  size = size / 1024;
-	  if (size < 1024)
-		return `${sign}${roundToOneDecimal(size)}kb`;
-	  size = size / 1024;
-	  return `${sign}${roundToOneDecimal(size)}mb`;
+		const sign = sizeInBytes < 0 ? '-' : '';
+		let size = Math.abs(sizeInBytes);
+		if (size < 1024) return `${sign}${size}bytes`;
+		size = size / 1024;
+		if (size < 1024) return `${sign}${roundToOneDecimal(size)}kb`;
+		size = size / 1024;
+		return `${sign}${roundToOneDecimal(size)}mb`;
 	}
-  };
-  _Bytes.EMPTY = new _Bytes(new Uint8Array(0));
-  var Bytes = _Bytes;
-  function roundToOneDecimal(value) {
+};
+_Bytes.EMPTY = new _Bytes(new Uint8Array(0));
+const Bytes = _Bytes;
+function roundToOneDecimal(value) {
 	return Math.round(value * 10) / 10;
-  }
-  function base64Encode(buf) {
-	let string = "";
-	buf.forEach(
-	  (byte) => {
+}
+function base64Encode(buf) {
+	let string = '';
+	buf.forEach(byte => {
 		string += String.fromCharCode(byte);
-	  }
-	);
+	});
 	return btoa(string);
-  }
-  function base64Decode(str, urlSafe) {
-	if (urlSafe)
-	  str = str.replace(/_/g, "/").replace(/-/g, "+");
+}
+function base64Decode(str, urlSafe) {
+	if (urlSafe) str = str.replace(/_/g, '/').replace(/-/g, '+');
 	str = atob(str);
-	const length = str.length, buf = new ArrayBuffer(length), bufView = new Uint8Array(buf);
+	const length = str.length,
+		buf = new ArrayBuffer(length),
+		bufView = new Uint8Array(buf);
 	for (let i = 0; i < length; i++) {
-	  bufView[i] = str.charCodeAt(i);
+		bufView[i] = str.charCodeAt(i);
 	}
 	return bufView;
-  }
-  function cryptoSubtle() {
+}
+function cryptoSubtle() {
 	return crypto.subtle;
-  }
+}
 
-  // check.ts
-  function checkEqual(name, value, expected) {
+// check.ts
+function checkEqual(name, value, expected) {
 	if (value !== expected)
-	  throw new Error(`Bad ${name}: expected ${expected}, found ${value}`);
-  }
-  function check(name, value, isValid) {
-	const valid = typeof isValid === "boolean" && isValid || typeof isValid === "function" && isValid(value);
-	if (!valid)
-	  throw new Error(`Bad ${name}: ${value}`);
-  }
+		throw new Error(`Bad ${name}: expected ${expected}, found ${value}`);
+}
+function check(name, value, isValid) {
+	const valid =
+		(typeof isValid === 'boolean' && isValid) ||
+		(typeof isValid === 'function' && isValid(value));
+	if (!valid) throw new Error(`Bad ${name}: ${value}`);
+}
 
-  // mqtt/mqtt.ts
-  var Mqtt = class {
-  };
-  /** Enable debug-level logging throughout MqttClient and its dependencies. */
-  Mqtt.DEBUG = false;
-  function encodeVariableByteInteger(value) {
+// mqtt/mqtt.ts
+const Mqtt = class {};
+const encoder = new TextEncoder(),
+	decoder = new TextDecoder();
+/* Enable debug-level logging throughout MqttClient and its dependencies. */
+Mqtt.DEBUG = false;
+function encodeVariableByteInteger(value) {
 	const rt = [];
 	do {
-	  let encodedByte = value % 128;
-	  value = Math.floor(value / 128);
-	  if (value > 0) {
-		encodedByte = encodedByte | 128;
-	  }
-	  rt.push(encodedByte);
+		let encodedByte = value % 128;
+		value = Math.floor(value / 128);
+		if (value > 0) {
+			encodedByte = encodedByte | 128;
+		}
+		rt.push(encodedByte);
 	} while (value > 0);
 	return rt;
-  }
-  function decodeVariableByteInteger(buffer, startIndex) {
+}
+function decodeVariableByteInteger(buffer, startIndex) {
 	let i = startIndex;
 	let encodedByte = 0;
 	let value = 0;
 	let multiplier = 1;
 	do {
-	  encodedByte = buffer[i++];
-	  value += (encodedByte & 127) * multiplier;
-	  if (multiplier > 128 * 128 * 128)
-		throw Error("malformed length");
-	  multiplier *= 128;
+		encodedByte = buffer[i++];
+		value += (encodedByte & 127) * multiplier;
+		if (multiplier > 128 * 128 * 128) throw Error('malformed length');
+		multiplier *= 128;
 	} while ((encodedByte & 128) != 0);
 	return { value, bytesUsed: i - startIndex };
-  }
-  function encodeUtf8(value) {
+}
+function encodeUtf8(value) {
 	const arr = encoder.encode(value);
 	if (arr.length > 65535)
-	  throw new Error("the maximum size of a UTF-8 Encoded String is 65,535 bytes.");
+		throw new Error(
+			'the maximum size of a UTF-8 Encoded String is 65,535 bytes.',
+		);
 	const lengthBytes = [arr.length >> 8, arr.length & 255];
 	return [...lengthBytes, ...arr];
-  }
-  function decodeUtf8(buffer, startIndex) {
+}
+function decodeUtf8(buffer, startIndex) {
 	const length = (buffer[startIndex] << 8) + buffer[startIndex + 1];
 	const bytes = buffer.slice(startIndex + 2, startIndex + 2 + length);
 	const text = decoder.decode(bytes);
 	return { text, bytesUsed: length + 2 };
-  }
-  function hex(bytes) {
-	return new Bytes(bytes instanceof Uint8Array ? bytes : new Uint8Array(bytes)).hex();
-  }
-  var encoder = new TextEncoder();
-  var decoder = new TextDecoder();
+}
+function hex(bytes) {
+	return new Bytes(
+		bytes instanceof Uint8Array ? bytes : new Uint8Array(bytes),
+	).hex();
+}
 
-  // mqtt/mqtt_messages.ts
-  function readMessage(reader) {
+const Reader = class {
+	constructor(bytes, offset) {
+		this.bytes = bytes;
+		this.view = new DataView(bytes.buffer, offset);
+		this.position = offset;
+	}
+	remaining() {
+		return this.bytes.length - this.position;
+	}
+	readUint8() {
+		this.ensureCapacity(1);
+		return this.view.getUint8(this.position++);
+	}
+	readUint32() {
+		this.ensureCapacity(4);
+		const rt = this.view.getUint32(this.position);
+		this.position += 4;
+		return rt;
+	}
+	readUint16() {
+		this.ensureCapacity(2);
+		const rt = this.view.getUint16(this.position);
+		this.position += 2;
+		return rt;
+	}
+	readVariableByteInteger() {
+		this.ensureCapacity(1);
+		const { value, bytesUsed } = decodeVariableByteInteger(
+			this.bytes,
+			this.position,
+		);
+		this.position += bytesUsed;
+		return value;
+	}
+	readUtf8() {
+		this.ensureCapacity(2);
+		const { text, bytesUsed } = decodeUtf8(this.bytes, this.position);
+		this.position += bytesUsed;
+		return text;
+	}
+	readBytes(length) {
+		this.ensureCapacity(length);
+		const rt = this.bytes.slice(this.position, this.position + length);
+		this.position += length;
+		return rt;
+	}
+	//
+	ensureCapacity(length) {
+		const remaining = this.remaining();
+		if (remaining < length)
+			throw new Error(
+				`reader needs ${length} bytes, has ${remaining} remaining`,
+			);
+	}
+};
+
+// mqtt/mqtt_messages.ts
+
+// constants
+const CONNECT = 1,
+	CONNACK = 2,
+	PUBLISH = 3,
+	SUBSCRIBE = 8,
+	SUBACK = 9,
+	UNSUBSCRIBE = 10,
+	UNSUBACK = 11,
+	PINGREQ = 12,
+	PINGRESP = 13,
+	DISCONNECT = 14,
+	EMPTY_BYTES = new Uint8Array(0),
+	CONNACK_REASONS = {
+		// 3.2.2.2 Connect Reason Code
+		0: ['Success', 'The Connection is accepted.'],
+		128: [
+			'Unspecified error',
+			'The Server does not wish to reveal the reason for the failure, or none of the other Reason Codes apply.',
+		],
+		129: [
+			'Malformed Packet',
+			'Data within the CONNECT packet could not be correctly parsed.',
+		],
+		130: [
+			'Protocol Error',
+			'Data in the CONNECT packet does not conform to this specification.',
+		],
+		131: [
+			'Implementation specific error',
+			'The CONNECT is valid but is not accepted by this Server.',
+		],
+		132: [
+			'Unsupported Protocol Version',
+			'The Server does not support the version of the MQTT protocol requested by the Client.',
+		],
+		133: [
+			'Client Identifier not valid',
+			'The Client Identifier is a valid string but is not allowed by the Server.',
+		],
+		134: [
+			'Bad User Name or Password',
+			'The Server does not accept the User Name or Password specified by the Client',
+		],
+		135: ['Not authorized', 'The Client is not authorized to connect.'],
+		136: ['Server unavailable', 'The MQTT Server is not available.'],
+		137: ['Server busy', 'The Server is busy. Try again later.'],
+		138: [
+			'Banned',
+			'This Client has been banned by administrative action. Contact the server administrator.',
+		],
+		140: [
+			'Bad authentication method',
+			'The authentication method is not supported or does not match the authentication method currently in use.',
+		],
+		144: [
+			'Topic Name invalid',
+			'The Will Topic Name is not malformed, but is not accepted by this Server.',
+		],
+		149: [
+			'Packet too large',
+			'The CONNECT packet exceeded the maximum permissible size.',
+		],
+		151: [
+			'Quota exceeded',
+			'An implementation or administrative imposed limit has been exceeded.',
+		],
+		153: [
+			'Payload format invalid',
+			'The Will Payload does not match the specified Payload Format Indicator.',
+		],
+		154: [
+			'Retain not supported',
+			'The Server does not support retained messages, and Will Retain was set to 1.',
+		],
+		155: [
+			'QoS not supported',
+			'The Server does not support the QoS set in Will QoS.',
+		],
+		156: [
+			'Use another server',
+			'The Client should temporarily use another server.',
+		],
+		157: [
+			'Server moved',
+			'The Client should permanently use another server.',
+		],
+		159: [
+			'Connection rate exceeded',
+			'The connection rate limit has been exceeded.',
+		],
+	},
+	DISCONNECT_REASONS = {
+		// 3.14.2.1 Disconnect Reason Code
+		0: [
+			'Normal disconnection',
+			'Close the connection normally. Do not send the Will Message.',
+		],
+		4: [
+			'Disconnect with Will Message',
+			'The Client wishes to disconnect but requires that the Server also publishes its Will Message.',
+		],
+		128: [
+			'Unspecified error',
+			'The Connection is closed but the sender either does not wish to reveal the reason, or none of the other Reason Codes apply.',
+		],
+		129: [
+			'Malformed Packet',
+			'The received packet does not conform to this specification.',
+		],
+		130: [
+			'Protocol Error',
+			'An unexpected or out of order packet was received.',
+		],
+		131: [
+			'Implementation specific error',
+			'The packet received is valid but cannot be processed by this implementation.',
+		],
+		135: ['Not authorized', 'The request is not authorized.'],
+		137: [
+			'Server busy',
+			'The Server is busy and cannot continue processing requests from this Client.',
+		],
+		139: ['Server shutting down', 'The Server is shutting down.'],
+		141: [
+			'Keep Alive timeout',
+			'The Connection is closed because no packet has been received for 1.5 times the Keepalive time.',
+		],
+		142: [
+			'Session taken over',
+			'Another Connection using the same ClientID has connected causing this Connection to be closed.',
+		],
+		143: [
+			'Topic Filter invalid',
+			'The Topic Filter is correctly formed, but is not accepted by this Sever.',
+		],
+		144: [
+			'Topic Name invalid',
+			'The Topic Name is correctly formed, but is not accepted by this Client or Server.',
+		],
+		147: [
+			'Receive Maximum exceeded',
+			'The Client or Server has received more than Receive Maximum publication for which it has not sent PUBACK or PUBCOMP.',
+		],
+		148: [
+			'Topic Alias invalid',
+			'The Client or Server has received a PUBLISH packet containing a Topic Alias which is greater than the Maximum Topic Alias it sent in the CONNECT or CONNACK packet.',
+		],
+		149: [
+			'Packet too large',
+			'The packet size is greater than Maximum Packet Size for this Client or Server.',
+		],
+		150: ['Message rate too high', 'The received data rate is too high.'],
+		151: [
+			'Quota exceeded',
+			'An implementation or administrative imposed limit has been exceeded.',
+		],
+		152: [
+			'Administrative action',
+			'The Connection is closed due to an administrative action.',
+		],
+		153: [
+			'Payload format invalid',
+			'The payload format does not match the one specified by the Payload Format Indicator.',
+		],
+		154: [
+			'Retain not supported',
+			'The Server has does not support retained messages.',
+		],
+		155: [
+			'QoS not supported',
+			'The Client specified a QoS greater than the QoS specified in a Maximum QoS in the CONNACK.',
+		],
+		156: [
+			'Use another server',
+			'The Client should temporarily change its Server.',
+		],
+		157: [
+			'Server moved',
+			'The Server is moved and the Client should permanently change its server location.',
+		],
+		158: [
+			'Shared Subscriptions not supported',
+			'The Server does not support Shared Subscriptions.',
+		],
+		159: [
+			'Connection rate exceeded',
+			'This connection is closed because the connection rate is too high.',
+		],
+		160: [
+			'Maximum connect time',
+			'The maximum connection time authorized for this connection has been exceeded.',
+		],
+		161: [
+			'Subscription Identifiers not supported',
+			'The Server does not support Subscription Identifiers; the subscription is not accepted.',
+		],
+		162: [
+			'Wildcard Subscriptions not supported',
+			'The Server does not support Wildcard Subscriptions; the subscription is not accepted.',
+		],
+	},
+	SUBACK_REASONS = {
+		// 3.9.3 SUBACK Payload
+		0: [
+			'Granted QoS 0',
+			'The subscription is accepted and the maximum QoS sent will be QoS 0. This might be a lower QoS than was requested.',
+		],
+		1: [
+			'Granted QoS 1',
+			'The subscription is accepted and the maximum QoS sent will be QoS 1. This might be a lower QoS than was requested.',
+		],
+		2: [
+			'Granted QoS 2',
+			'The subscription is accepted and any received QoS will be sent to this subscription.',
+		],
+		128: [
+			'Unspecified error',
+			'The subscription is not accepted and the Server either does not wish to reveal the reason or none of the other Reason Codes apply.',
+		],
+		131: [
+			'Implementation specific error',
+			'The SUBSCRIBE is valid but the Server does not accept it.',
+		],
+		135: [
+			'Not authorized',
+			'The Client is not authorized to make this subscription.',
+		],
+		143: [
+			'Topic Filter invalid',
+			'The Topic Filter is correctly formed but is not allowed for this Client.',
+		],
+		145: [
+			'Packet Identifier in use',
+			'The specified Packet Identifier is already in use.',
+		],
+		151: [
+			'Quota exceeded',
+			'An implementation or administrative imposed limit has been exceeded.',
+		],
+		158: [
+			'Shared Subscriptions not supported',
+			'The Server does not support Shared Subscriptions for this Client.',
+		],
+		161: [
+			'Subscription Identifiers not supported',
+			'The Server does not support Subscription Identifiers; the subscription is not accepted.',
+		],
+		162: [
+			'Wildcard Subscriptions not supported',
+			'The Server does not support Wildcard Subscriptions; the subscription is not accepted.',
+		],
+	},
+	UNSUBACK_REASONS = {
+		0: ['Success', 'The subscription is deleted.'],
+		17: [
+			'No subscription existed',
+			'No matching Topic Filter is being used by the Client.',
+		],
+		128: [
+			'Unspecified error',
+			'The unsubscribe could not be completed and the Server either does not wish to reveal the reason or none of the other Reason Codes apply.',
+		],
+		131: [
+			'Implementation specific error',
+			'The UNSUBSCRIBE is valid but the Server does not accept it.',
+		],
+		135: ['Not authorized', 'The Client is not authorized to unsubscribe.'],
+		143: [
+			'Topic Filter invalid',
+			'The Topic Filter is correctly formed but is not allowed for this Client.',
+		],
+		145: [
+			'Packet Identifier in use',
+			'The specified Packet Identifier is already in use.',
+		],
+	};
+
+function readMessage(reader) {
 	const { DEBUG } = Mqtt;
-	if (reader.remaining() < 2)
-	  return { needsMoreBytes: 2 };
+	if (reader.remaining() < 2) return { needsMoreBytes: 2 };
 	const first = reader.readUint8();
 	const controlPacketType = first >> 4;
 	const controlPacketFlags = first & 15;
 	const remainingLength = reader.readVariableByteInteger();
 	if (reader.remaining() < remainingLength)
-	  return { needsMoreBytes: remainingLength };
+		return { needsMoreBytes: remainingLength };
 	const remainingBytes = reader.readBytes(remainingLength);
 	if (DEBUG)
-	  console.log(`readMessage: ${hex([first, ...encodeVariableByteInteger(remainingLength), ...remainingBytes])}`);
+		console.log(
+			`readMessage: ${hex([first, ...encodeVariableByteInteger(remainingLength), ...remainingBytes])}`,
+		);
 	const messageReader = new Reader(remainingBytes, 0);
 	if (controlPacketType === CONNACK)
-	  return readConnack(messageReader, controlPacketFlags);
+		return readConnack(messageReader, controlPacketFlags);
 	if (controlPacketType === PUBLISH)
-	  return readPublish(messageReader, controlPacketFlags);
+		return readPublish(messageReader, controlPacketFlags);
 	if (controlPacketType === SUBACK)
-	  return readSuback(messageReader, controlPacketFlags);
+		return readSuback(messageReader, controlPacketFlags);
 	if (controlPacketType === UNSUBACK)
-	  return readUnsuback(messageReader, controlPacketFlags);
+		return readUnsuback(messageReader, controlPacketFlags);
 	if (controlPacketType === PINGRESP)
-	  return readPingresp(messageReader, controlPacketFlags);
+		return readPingresp(messageReader, controlPacketFlags);
 	if (controlPacketType === DISCONNECT)
-	  return readDisconnect(messageReader, controlPacketFlags, remainingLength);
-	throw new Error(`readMessage: Unsupported controlPacketType: ${controlPacketType}`);
-  }
-  function encodeMessage(message) {
-	if (message.type === CONNECT)
-	  return encodeConnect(message);
-	if (message.type === PUBLISH)
-	  return encodePublish(message);
-	if (message.type === SUBSCRIBE)
-	  return encodeSubscribe(message);
-	if (message.type === UNSUBSCRIBE)
-	  return encodeUnsubscribe(message);
-	if (message.type === PINGREQ)
-	  return encodePingreq(message);
-	if (message.type === DISCONNECT)
-	  return encodeDisconnect(message);
-	throw new Error(`encodeMessage: Unsupported controlPacketType: ${message.type}`);
-  }
-  function computeControlPacketTypeName(type) {
-	if (type === CONNECT)
-	  return "CONNECT";
-	if (type === CONNACK)
-	  return "CONNACK";
-	if (type === PUBLISH)
-	  return "PUBLISH";
-	if (type === SUBSCRIBE)
-	  return "SUBSCRIBE";
-	if (type === SUBACK)
-	  return "SUBACK";
-	if (type === UNSUBSCRIBE)
-	  return "UNSUBSCRIBE";
-	if (type === UNSUBACK)
-	  return "UNSUBACK";
-	if (type === PINGREQ)
-	  return "PINGREQ";
-	if (type === PINGRESP)
-	  return "PINGRESP";
-	if (type === DISCONNECT)
-	  return "DISCONNECT";
-	throw new Error(`computeControlPacketTypeName: Unsupported controlPacketType: ${type}`);
-  }
-  var CONNECT = 1;
-  function encodeConnect(message) {
+		return readDisconnect(
+			messageReader,
+			controlPacketFlags,
+			remainingLength,
+		);
+	throw new Error(
+		`readMessage: Unsupported controlPacketType: ${controlPacketType}`,
+	);
+}
+function encodeMessage(message) {
+	if (message.type === CONNECT) return encodeConnect(message);
+	if (message.type === PUBLISH) return encodePublish(message);
+	if (message.type === SUBSCRIBE) return encodeSubscribe(message);
+	if (message.type === UNSUBSCRIBE) return encodeUnsubscribe(message);
+	if (message.type === PINGREQ) return encodePingreq(message);
+	if (message.type === DISCONNECT) return encodeDisconnect(message);
+	throw new Error(
+		`encodeMessage: Unsupported controlPacketType: ${message.type}`,
+	);
+}
+function computeControlPacketTypeName(type) {
+	if (type === CONNECT) return 'CONNECT';
+	if (type === CONNACK) return 'CONNACK';
+	if (type === PUBLISH) return 'PUBLISH';
+	if (type === SUBSCRIBE) return 'SUBSCRIBE';
+	if (type === SUBACK) return 'SUBACK';
+	if (type === UNSUBSCRIBE) return 'UNSUBSCRIBE';
+	if (type === UNSUBACK) return 'UNSUBACK';
+	if (type === PINGREQ) return 'PINGREQ';
+	if (type === PINGRESP) return 'PINGRESP';
+	if (type === DISCONNECT) return 'DISCONNECT';
+	throw new Error(
+		`computeControlPacketTypeName: Unsupported controlPacketType: ${type}`,
+	);
+}
+function encodeConnect(message) {
 	const { type, keepAlive, clientId, username, password, clean } = message;
-	const connectFlags = (username ? 1 : 0) << 7 | 1 << 6 | (clean ? 1 : 0) << 1;
+	const connectFlags =
+		((username ? 1 : 0) << 7) | (1 << 6) | ((clean ? 1 : 0) << 1);
 	const variableHeader = [
-	  ...encodeUtf8("MQTT"),
-	  // protocol name
-	  5,
-	  // protocol version
-	  connectFlags,
-	  ...encodeUint16(keepAlive),
-	  ...encodeVariableByteInteger(0)
-	  // properties = none
+		...encodeUtf8('MQTT'),
+		// protocol name
+		5,
+		// protocol version
+		connectFlags,
+		...encodeUint16(keepAlive),
+		...encodeVariableByteInteger(0),
+		// properties = none
 	];
 	const payload = [
-	  ...encodeUtf8(clientId),
-	  ...username ? encodeUtf8(username) : [],
-	  ...encodeUtf8(password)
+		...encodeUtf8(clientId),
+		...(username ? encodeUtf8(username) : []),
+		...encodeUtf8(password),
 	];
 	return encodePacket(type, { variableHeader, payload });
-  }
-  var CONNACK = 2;
-  function readConnack(reader, controlPacketFlags) {
+}
+function readConnack(reader) {
 	const { DEBUG } = Mqtt;
+	// controlPacketFlags is the 2nd positional argument to readConnack
 	//checkEqual("controlPacketFlags", controlPacketFlags, 0);
 	const connectAcknowledgeFlags = reader.readUint8();
 	const sessionPresent = (connectAcknowledgeFlags & 1) === 1;
 	const connectAcknowledgeFlagsReserved = connectAcknowledgeFlags & 254;
-	if (DEBUG)
-	  console.log({ sessionPresent, connectAcknowledgeFlagsReserved });
-	checkEqual("connectAcknowledgeFlagsReserved", connectAcknowledgeFlagsReserved, 0);
+	if (DEBUG) console.log({ sessionPresent, connectAcknowledgeFlagsReserved });
+	checkEqual(
+		'connectAcknowledgeFlagsReserved',
+		connectAcknowledgeFlagsReserved,
+		0,
+	);
 	let rt = { type: CONNACK, sessionPresent };
 	rt = { ...rt, reason: readReason(reader, CONNACK_REASONS) };
 	if (reader.remaining() > 0) {
-	  readProperties(reader, (propertyId) => {
-		if (propertyId === 17) {
-		  const sessionExpiryInterval = reader.readUint32();
-		  if (DEBUG)
-			console.log({ sessionExpiryInterval });
-		  rt = { ...rt, sessionExpiryInterval };
-		} else if (propertyId === 36) {
-		  const maximumQos = reader.readUint8();
-		  if (DEBUG)
-			console.log({ maximumQos });
-		  check("maximumQos", maximumQos, maximumQos === 0 || maximumQos === 1);
-		  rt = { ...rt, maximumQos };
-		} else if (propertyId === 37) {
-		  rt = { ...rt, retainAvailable: readBooleanProperty("retainAvailable", reader) };
-		} else if (propertyId === 39) {
-		  const maximumPacketSize = reader.readUint32();
-		  if (DEBUG)
-			console.log({ maximumPacketSize });
-		  rt = { ...rt, maximumPacketSize };
-		} else if (propertyId === 33) {
-			const receiveMaximum = reader.readUint16();
-			if (DEBUG)
-				console.log({ receiveMaximum });
-			rt = { ...rt, receiveMaximum };
-		} else if (propertyId === 34) {
-		  const topicAliasMaximum = reader.readUint16();
-		  if (DEBUG)
-			console.log({ topicAliasMaximum });
-		  rt = { ...rt, topicAliasMaximum };
-		} else if (propertyId === 40) {
-		  rt = { ...rt, wildcardSubscriptionAvailable: readBooleanProperty("wildcardSubscriptionAvailable", reader) };
-		} else if (propertyId === 41) {
-		  rt = { ...rt, subscriptionIdentifiersAvailable: readBooleanProperty("subscriptionIdentifiersAvailable", reader) };
-		} else if (propertyId === 42) {
-		  rt = { ...rt, sharedSubscriptionAvailable: readBooleanProperty("sharedSubscriptionAvailable", reader) };
-		} else if (propertyId === 19) {
-		  const serverKeepAlive = reader.readUint16();
-		  if (DEBUG)
-			console.log({ serverKeepAlive });
-		  rt = { ...rt, serverKeepAlive };
-		} else if (propertyId === 18) {
-		  const assignedClientIdentifier = reader.readUtf8();
-		  if (DEBUG)
-			console.log({ assignedClientIdentifier });
-		  rt = { ...rt, assignedClientIdentifier };
-		} else {
-		  throw new Error(`Unsupported propertyId: ${propertyId}`);
-		}
-	  });
+		readProperties(reader, propertyId => {
+			if (propertyId === 17) {
+				const sessionExpiryInterval = reader.readUint32();
+				if (DEBUG) console.log({ sessionExpiryInterval });
+				rt = { ...rt, sessionExpiryInterval };
+			} else if (propertyId === 36) {
+				const maximumQos = reader.readUint8();
+				if (DEBUG) console.log({ maximumQos });
+				check(
+					'maximumQos',
+					maximumQos,
+					maximumQos === 0 || maximumQos === 1,
+				);
+				rt = { ...rt, maximumQos };
+			} else if (propertyId === 37) {
+				rt = {
+					...rt,
+					retainAvailable: readBooleanProperty(
+						'retainAvailable',
+						reader,
+					),
+				};
+			} else if (propertyId === 39) {
+				const maximumPacketSize = reader.readUint32();
+				if (DEBUG) console.log({ maximumPacketSize });
+				rt = { ...rt, maximumPacketSize };
+			} else if (propertyId === 33) {
+				const receiveMaximum = reader.readUint16();
+				if (DEBUG) console.log({ receiveMaximum });
+				rt = { ...rt, receiveMaximum };
+			} else if (propertyId === 34) {
+				const topicAliasMaximum = reader.readUint16();
+				if (DEBUG) console.log({ topicAliasMaximum });
+				rt = { ...rt, topicAliasMaximum };
+			} else if (propertyId === 40) {
+				rt = {
+					...rt,
+					wildcardSubscriptionAvailable: readBooleanProperty(
+						'wildcardSubscriptionAvailable',
+						reader,
+					),
+				};
+			} else if (propertyId === 41) {
+				rt = {
+					...rt,
+					subscriptionIdentifiersAvailable: readBooleanProperty(
+						'subscriptionIdentifiersAvailable',
+						reader,
+					),
+				};
+			} else if (propertyId === 42) {
+				rt = {
+					...rt,
+					sharedSubscriptionAvailable: readBooleanProperty(
+						'sharedSubscriptionAvailable',
+						reader,
+					),
+				};
+			} else if (propertyId === 19) {
+				const serverKeepAlive = reader.readUint16();
+				if (DEBUG) console.log({ serverKeepAlive });
+				rt = { ...rt, serverKeepAlive };
+			} else if (propertyId === 18) {
+				const assignedClientIdentifier = reader.readUtf8();
+				if (DEBUG) console.log({ assignedClientIdentifier });
+				rt = { ...rt, assignedClientIdentifier };
+			} else {
+				throw new Error(`Unsupported propertyId: ${propertyId}`);
+			}
+		});
 	}
-	checkEqual("remaining", reader.remaining(), 0);
+	checkEqual('remaining', reader.remaining(), 0);
 	return rt;
-  }
-  var CONNACK_REASONS = {
-	// 3.2.2.2 Connect Reason Code
-	0: ["Success", "The Connection is accepted."],
-	128: ["Unspecified error", "The Server does not wish to reveal the reason for the failure, or none of the other Reason Codes apply."],
-	129: ["Malformed Packet", "Data within the CONNECT packet could not be correctly parsed."],
-	130: ["Protocol Error", "Data in the CONNECT packet does not conform to this specification."],
-	131: ["Implementation specific error", "The CONNECT is valid but is not accepted by this Server."],
-	132: ["Unsupported Protocol Version", "The Server does not support the version of the MQTT protocol requested by the Client."],
-	133: ["Client Identifier not valid", "The Client Identifier is a valid string but is not allowed by the Server."],
-	134: ["Bad User Name or Password", "The Server does not accept the User Name or Password specified by the Client"],
-	135: ["Not authorized", "The Client is not authorized to connect."],
-	136: ["Server unavailable", "The MQTT Server is not available."],
-	137: ["Server busy", "The Server is busy. Try again later."],
-	138: ["Banned", "This Client has been banned by administrative action. Contact the server administrator."],
-	140: ["Bad authentication method", "The authentication method is not supported or does not match the authentication method currently in use."],
-	144: ["Topic Name invalid", "The Will Topic Name is not malformed, but is not accepted by this Server."],
-	149: ["Packet too large", "The CONNECT packet exceeded the maximum permissible size."],
-	151: ["Quota exceeded", "An implementation or administrative imposed limit has been exceeded."],
-	153: ["Payload format invalid", "The Will Payload does not match the specified Payload Format Indicator."],
-	154: ["Retain not supported", "The Server does not support retained messages, and Will Retain was set to 1."],
-	155: ["QoS not supported", "The Server does not support the QoS set in Will QoS."],
-	156: ["Use another server", "The Client should temporarily use another server."],
-	157: ["Server moved", "The Client should permanently use another server."],
-	159: ["Connection rate exceeded", "The connection rate limit has been exceeded."]
-  };
-  var PUBLISH = 3;
-  function readPublish(reader, controlPacketFlags) {
+}
+function readPublish(reader, controlPacketFlags) {
 	const { DEBUG } = Mqtt;
 	//checkEqual("controlPacketFlags", controlPacketFlags, 0);
 	const dup = (controlPacketFlags & 8) === 8;
 	const qosLevel = (controlPacketFlags & 6) >> 1;
 	const retain = (controlPacketFlags & 1) === 1;
-	if (DEBUG)
-	  console.log({ dup, qosLevel, retain });
+	if (DEBUG) console.log({ dup, qosLevel, retain });
 	if (qosLevel !== 0 && qosLevel !== 1 && qosLevel !== 2)
-	  throw new Error(`Bad qosLevel: ${qosLevel}`);
+		throw new Error(`Bad qosLevel: ${qosLevel}`);
 	const topic = reader.readUtf8();
-	let rt = { type: PUBLISH, dup, qosLevel, retain, topic, payload: EMPTY_BYTES };
+	let rt = {
+		type: PUBLISH,
+		dup,
+		qosLevel,
+		retain,
+		topic,
+		payload: EMPTY_BYTES,
+	};
 	if (qosLevel === 1 || qosLevel === 2) {
-	  rt = { ...rt, packetId: reader.readUint16() };
+		rt = { ...rt, packetId: reader.readUint16() };
 	}
-	readProperties(reader, (propertyId) => {
-	  if (propertyId === 1) {
-		const payloadFormatIndicator = reader.readUint8();
-		if (DEBUG)
-		  console.log({ payloadFormatIndicator });
-		check("payloadFormatIndicator", payloadFormatIndicator, payloadFormatIndicator === 0 || payloadFormatIndicator === 1);
-		rt = { ...rt, payloadFormatIndicator };
-	  } else if (propertyId === 3) {
-		const contentType = reader.readUtf8();
-		if (DEBUG)
-		  console.log({ contentType });
-		rt = { ...rt, contentType };
-	  } else {
-		throw new Error(`Unsupported propertyId: ${propertyId}`);
-	  }
+	readProperties(reader, propertyId => {
+		if (propertyId === 1) {
+			const payloadFormatIndicator = reader.readUint8();
+			if (DEBUG) console.log({ payloadFormatIndicator });
+			check(
+				'payloadFormatIndicator',
+				payloadFormatIndicator,
+				payloadFormatIndicator === 0 || payloadFormatIndicator === 1,
+			);
+			rt = { ...rt, payloadFormatIndicator };
+		} else if (propertyId === 3) {
+			const contentType = reader.readUtf8();
+			if (DEBUG) console.log({ contentType });
+			rt = { ...rt, contentType };
+		} else {
+			throw new Error(`Unsupported propertyId: ${propertyId}`);
+		}
 	});
 	rt = { ...rt, payload: reader.readBytes(reader.remaining()) };
 	return rt;
-  }
-  function encodePublish(message) {
-	const { payloadFormatIndicator, topic, payload, type, dup, qosLevel, retain, packetId, contentType } = message;
+}
+function encodePublish(message) {
+	const {
+		payloadFormatIndicator,
+		topic,
+		payload,
+		type,
+		dup,
+		qosLevel,
+		retain,
+		packetId,
+		contentType,
+	} = message;
 	if (qosLevel === 1 || qosLevel === 2) {
-	  if (packetId === void 0)
-		throw new Error(`Missing packetId: required with qosLevel ${qosLevel}`);
+		if (packetId === undefined)
+			throw new Error(
+				`Missing packetId: required with qosLevel ${qosLevel}`,
+			);
 	} else if (qosLevel === 0) {
-	  if (packetId !== void 0)
-		throw new Error(`Bad packetId: not applicable with qosLevel 0`);
+		if (packetId !== undefined)
+			throw new Error(`Bad packetId: not applicable with qosLevel 0`);
 	} else {
-	  throw new Error(`Bad qosLevel: ${qosLevel}`);
+		throw new Error(`Bad qosLevel: ${qosLevel}`);
 	}
-	const controlPacketFlags = (dup ? 1 << 3 : 0) | qosLevel % 4 << 1 | (retain ? 1 : 0);
+	const controlPacketFlags =
+		(dup ? 1 << 3 : 0) | (qosLevel % 4 << 1) | (retain ? 1 : 0);
 	const properties = [
-	  ...payloadFormatIndicator === void 0 ? [] : [1, payloadFormatIndicator],
-	  // 3.3.2.3.2 Payload Format Indicator
-	  ...contentType === void 0 ? [] : [3, ...encodeUtf8(contentType)]
-	  // 3.3.2.3.9 Content Type
+		...(payloadFormatIndicator === undefined
+			? []
+			: [1, payloadFormatIndicator]),
+		// 3.3.2.3.2 Payload Format Indicator
+		...(contentType === undefined ? [] : [3, ...encodeUtf8(contentType)]),
+		// 3.3.2.3.9 Content Type
 	];
 	const variableHeader = [
-	  ...encodeUtf8(topic),
-	  ...packetId === void 0 ? [] : encodeUint16(packetId),
-	  ...encodeVariableByteInteger(properties.length),
-	  ...properties
+		...encodeUtf8(topic),
+		...(packetId === undefined ? [] : encodeUint16(packetId)),
+		...encodeVariableByteInteger(properties.length),
+		...properties,
 	];
 	return encodePacket(type, { controlPacketFlags, variableHeader, payload });
-  }
-  var SUBSCRIBE = 8;
-  function encodeSubscribe(message) {
+}
+function encodeSubscribe(message) {
 	const { type, packetId, subscriptions } = message;
 	const controlPacketFlags = 2;
 	const variableHeader = [
-	  ...encodeUint16(packetId),
-	  ...encodeVariableByteInteger(0)
-	  // properties = none
+		...encodeUint16(packetId),
+		...encodeVariableByteInteger(0),
+		// properties = none
 	];
-	const payload = subscriptions.flatMap((v) => [
-	  ...encodeUtf8(v.topicFilter),
-	  0
-	  /* qos 0, no no-local, no retain as published, retain handling = Send retained messages at the time of the subscribe */
+	const payload = subscriptions.flatMap(v => [
+		...encodeUtf8(v.topicFilter),
+		0,
+		/* qos 0, no no-local, no retain as published, retain handling = Send retained messages at the time of the subscribe */
 	]);
 	return encodePacket(type, { controlPacketFlags, variableHeader, payload });
-  }
-  var SUBACK = 9;
-  function readSuback(reader, controlPacketFlags) {
-	checkEqual("controlPacketFlags", controlPacketFlags, 0);
+}
+function readSuback(reader, controlPacketFlags) {
+	checkEqual('controlPacketFlags', controlPacketFlags, 0);
 	const packetId = reader.readUint16();
 	const rt = { type: SUBACK, packetId, reasons: [] };
-	readProperties(reader, (propertyId) => {
-	  throw new Error(`Unsupported propertyId: ${propertyId}`);
+	readProperties(reader, propertyId => {
+		throw new Error(`Unsupported propertyId: ${propertyId}`);
 	});
 	while (reader.remaining() > 0) {
-	  rt.reasons.push(readReason(reader, SUBACK_REASONS));
+		rt.reasons.push(readReason(reader, SUBACK_REASONS));
 	}
 	return rt;
-  }
-  var SUBACK_REASONS = {
-	// 3.9.3 SUBACK Payload
-	0: ["Granted QoS 0", "The subscription is accepted and the maximum QoS sent will be QoS 0. This might be a lower QoS than was requested."],
-	1: ["Granted QoS 1", "The subscription is accepted and the maximum QoS sent will be QoS 1. This might be a lower QoS than was requested."],
-	2: ["Granted QoS 2", "The subscription is accepted and any received QoS will be sent to this subscription."],
-	128: ["Unspecified error", "The subscription is not accepted and the Server either does not wish to reveal the reason or none of the other Reason Codes apply."],
-	131: ["Implementation specific error", "The SUBSCRIBE is valid but the Server does not accept it."],
-	135: ["Not authorized", "The Client is not authorized to make this subscription."],
-	143: ["Topic Filter invalid", "The Topic Filter is correctly formed but is not allowed for this Client."],
-	145: ["Packet Identifier in use", "The specified Packet Identifier is already in use."],
-	151: ["Quota exceeded", "An implementation or administrative imposed limit has been exceeded."],
-	158: ["Shared Subscriptions not supported", "The Server does not support Shared Subscriptions for this Client."],
-	161: ["Subscription Identifiers not supported", "The Server does not support Subscription Identifiers; the subscription is not accepted."],
-	162: ["Wildcard Subscriptions not supported", "The Server does not support Wildcard Subscriptions; the subscription is not accepted."]
-  };
-  var UNSUBSCRIBE = 10;
-  function encodeUnsubscribe(message) {
+}
+function encodeUnsubscribe(message) {
 	const { type, packetId, unsubscriptions } = message;
 	const variableHeader = [
-	  ...encodeUint16(packetId),
-	  ...encodeVariableByteInteger(0)
-	  // properties = none
+		...encodeUint16(packetId),
+		...encodeVariableByteInteger(0),
+		// properties = none
 	];
-	const payload = unsubscriptions.flatMap((v) => [...encodeUtf8(v.topicFilter)]);
+	const payload = unsubscriptions.flatMap(v => [
+		...encodeUtf8(v.topicFilter),
+	]);
 	return encodePacket(type, { variableHeader, payload });
-  }
-  var UNSUBACK = 11;
-  function readUnsuback(reader, controlPacketFlags) {
-	checkEqual("controlPacketFlags", controlPacketFlags, 0);
+}
+function readUnsuback(reader, controlPacketFlags) {
+	checkEqual('controlPacketFlags', controlPacketFlags, 0);
 	const packetId = reader.readUint16();
 	const rt = { type: UNSUBACK, packetId, reasons: [] };
-	readProperties(reader, (propertyId) => {
-	  throw new Error(`Unsupported propertyId: ${propertyId}`);
+	readProperties(reader, propertyId => {
+		throw new Error(`Unsupported propertyId: ${propertyId}`);
 	});
 	while (reader.remaining() > 0) {
-	  rt.reasons.push(readReason(reader, UNSUBACK_REASONS));
+		rt.reasons.push(readReason(reader, UNSUBACK_REASONS));
 	}
 	return rt;
-  }
-  var UNSUBACK_REASONS = {
-	0: ["Success", "The subscription is deleted."],
-	17: ["No subscription existed", "No matching Topic Filter is being used by the Client."],
-	128: ["Unspecified error", "The unsubscribe could not be completed and the Server either does not wish to reveal the reason or none of the other Reason Codes apply."],
-	131: ["Implementation specific error", "The UNSUBSCRIBE is valid but the Server does not accept it."],
-	135: ["Not authorized", "The Client is not authorized to unsubscribe."],
-	143: ["Topic Filter invalid", "The Topic Filter is correctly formed but is not allowed for this Client."],
-	145: ["Packet Identifier in use", "The specified Packet Identifier is already in use."]
-  };
-  var PINGREQ = 12;
-  function encodePingreq(message) {
+}
+function encodePingreq(message) {
 	const { type } = message;
 	return encodePacket(type);
-  }
-  var PINGRESP = 13;
-  function readPingresp(reader, controlPacketFlags) {
-	checkEqual("controlPacketFlags", controlPacketFlags, 0);
-	checkEqual("remaining", reader.remaining(), 0);
+}
+function readPingresp(reader, controlPacketFlags) {
+	checkEqual('controlPacketFlags', controlPacketFlags, 0);
+	checkEqual('remaining', reader.remaining(), 0);
 	return { type: PINGRESP };
-  }
-  var DISCONNECT = 14;
-  function readDisconnect(reader, controlPacketFlags, remainingLength) {
-	checkEqual("controlPacketFlags", controlPacketFlags, 0);
+}
+function readDisconnect(reader, controlPacketFlags, remainingLength) {
+	checkEqual('controlPacketFlags', controlPacketFlags, 0);
 	let rt = { type: DISCONNECT };
 	if (remainingLength > 0) {
-	  rt = { ...rt, reason: readReason(reader, DISCONNECT_REASONS) };
+		rt = { ...rt, reason: readReason(reader, DISCONNECT_REASONS) };
 	}
 	if (remainingLength > 1) {
-	  readProperties(reader, (propertyId) => {
-		throw new Error(`Unsupported propertyId: ${propertyId}`);
-	  });
+		readProperties(reader, propertyId => {
+			throw new Error(`Unsupported propertyId: ${propertyId}`);
+		});
 	}
-	checkEqual("remaining", reader.remaining(), 0);
+	checkEqual('remaining', reader.remaining(), 0);
 	return rt;
-  }
-  var DISCONNECT_REASONS = {
-	// 3.14.2.1 Disconnect Reason Code
-	0: ["Normal disconnection", "Close the connection normally. Do not send the Will Message."],
-	4: ["Disconnect with Will Message", "The Client wishes to disconnect but requires that the Server also publishes its Will Message."],
-	128: ["Unspecified error", "The Connection is closed but the sender either does not wish to reveal the reason, or none of the other Reason Codes apply."],
-	129: ["Malformed Packet", "The received packet does not conform to this specification."],
-	130: ["Protocol Error", "An unexpected or out of order packet was received."],
-	131: ["Implementation specific error", "The packet received is valid but cannot be processed by this implementation."],
-	135: ["Not authorized", "The request is not authorized."],
-	137: ["Server busy", "The Server is busy and cannot continue processing requests from this Client."],
-	139: ["Server shutting down", "The Server is shutting down."],
-	141: ["Keep Alive timeout", "The Connection is closed because no packet has been received for 1.5 times the Keepalive time."],
-	142: ["Session taken over", "Another Connection using the same ClientID has connected causing this Connection to be closed."],
-	143: ["Topic Filter invalid", "The Topic Filter is correctly formed, but is not accepted by this Sever."],
-	144: ["Topic Name invalid", "The Topic Name is correctly formed, but is not accepted by this Client or Server."],
-	147: ["Receive Maximum exceeded", "The Client or Server has received more than Receive Maximum publication for which it has not sent PUBACK or PUBCOMP."],
-	148: ["Topic Alias invalid", "The Client or Server has received a PUBLISH packet containing a Topic Alias which is greater than the Maximum Topic Alias it sent in the CONNECT or CONNACK packet."],
-	149: ["Packet too large", "The packet size is greater than Maximum Packet Size for this Client or Server."],
-	150: ["Message rate too high", "The received data rate is too high."],
-	151: ["Quota exceeded", "An implementation or administrative imposed limit has been exceeded."],
-	152: ["Administrative action", "The Connection is closed due to an administrative action."],
-	153: ["Payload format invalid", "The payload format does not match the one specified by the Payload Format Indicator."],
-	154: ["Retain not supported", "The Server has does not support retained messages."],
-	155: ["QoS not supported", "The Client specified a QoS greater than the QoS specified in a Maximum QoS in the CONNACK."],
-	156: ["Use another server", "The Client should temporarily change its Server."],
-	157: ["Server moved", "The Server is moved and the Client should permanently change its server location."],
-	158: ["Shared Subscriptions not supported", "The Server does not support Shared Subscriptions."],
-	159: ["Connection rate exceeded", "This connection is closed because the connection rate is too high."],
-	160: ["Maximum connect time", "The maximum connection time authorized for this connection has been exceeded."],
-	161: ["Subscription Identifiers not supported", "The Server does not support Subscription Identifiers; the subscription is not accepted."],
-	162: ["Wildcard Subscriptions not supported", "The Server does not support Wildcard Subscriptions; the subscription is not accepted."]
-  };
-  function encodeDisconnect(message) {
+}
+function encodeDisconnect(message) {
 	const { type, reason } = message;
 	const reasonCode = reason?.code ?? 0;
-	const variableHeader = [
-	  reasonCode
-	];
+	const variableHeader = [reasonCode];
 	return encodePacket(type, { variableHeader });
-  }
-  function readReason(reader, table) {
+}
+function readReason(reader, table) {
 	const { DEBUG } = Mqtt;
 	const code = reader.readUint8();
-	const [name, description] = table[code] ?? [void 0, void 0];
+	const [name, description] = table[code] ?? [undefined, undefined];
 	const reason = { code, name, description };
-	if (DEBUG)
-	  console.log({ reason });
+	if (DEBUG) console.log({ reason });
 	return reason;
-  }
-  var EMPTY_BYTES = new Uint8Array(0);
-  function readProperties(reader, handler) {
+}
+function readProperties(reader, handler) {
 	const { DEBUG } = Mqtt;
 	const propertiesLength = reader.readVariableByteInteger();
-	if (DEBUG)
-	  console.log({ propertiesLength });
+	if (DEBUG) console.log({ propertiesLength });
 	const propertiesEnd = reader.position + propertiesLength;
 	while (reader.position < propertiesEnd) {
-	  const propertyId = reader.readVariableByteInteger();
-	  if (DEBUG)
-		console.log({ propertyId });
-	  handler(propertyId);
+		const propertyId = reader.readVariableByteInteger();
+		if (DEBUG) console.log({ propertyId });
+		handler(propertyId);
 	}
-  }
-  function readBooleanProperty(name, reader) {
+}
+function readBooleanProperty(name, reader) {
 	const { DEBUG } = Mqtt;
 	const value = reader.readUint8();
-	if (DEBUG)
-	  console.log(Object.fromEntries([[name, value]]));
+	if (DEBUG) console.log(Object.fromEntries([[name, value]]));
 	check(name, value, value === 0 || value === 1);
 	return value === 1;
-  }
-  function encodeUint16(value) {
+}
+function encodeUint16(value) {
 	const buffer = new ArrayBuffer(2);
 	const view = new DataView(buffer);
 	view.setUint16(0, value);
 	return new Uint8Array(buffer);
-  }
-  function encodePacket(controlPacketType, opts = {}) {
+}
+function encodePacket(controlPacketType, opts = {}) {
 	const { DEBUG } = Mqtt;
 	const { controlPacketFlags = 0, variableHeader = [], payload = [] } = opts;
 	const remainingLength = variableHeader.length + payload.length;
 	if (DEBUG)
-	  console.log({ remainingLength, variableHeaderLength: variableHeader.length, payloadLength: payload.length });
-	const fixedHeader = [controlPacketType << 4 | controlPacketFlags, ...encodeVariableByteInteger(remainingLength)];
-	if (DEBUG)
-	  console.log(`fixedHeader: ${hex(fixedHeader)}`);
-	if (DEBUG)
-	  console.log(`variableHeader: ${hex(variableHeader)}`);
-	if (DEBUG)
-	  console.log(`payload: ${hex(payload)}`);
-	const packet = new Uint8Array([...fixedHeader, ...variableHeader, ...payload]);
-	if (DEBUG)
-	  console.log(`packet: ${hex(packet)}`);
+		console.log({
+			remainingLength,
+			variableHeaderLength: variableHeader.length,
+			payloadLength: payload.length,
+		});
+	const fixedHeader = [
+		(controlPacketType << 4) | controlPacketFlags,
+		...encodeVariableByteInteger(remainingLength),
+	];
+	if (DEBUG) console.log(`fixedHeader: ${hex(fixedHeader)}`);
+	if (DEBUG) console.log(`variableHeader: ${hex(variableHeader)}`);
+	if (DEBUG) console.log(`payload: ${hex(payload)}`);
+	const packet = new Uint8Array([
+		...fixedHeader,
+		...variableHeader,
+		...payload,
+	]);
+	if (DEBUG) console.log(`packet: ${hex(packet)}`);
 	return packet;
-  }
-  var Reader = class {
-	constructor(bytes, offset) {
-	  this.bytes = bytes;
-	  this.view = new DataView(bytes.buffer, offset);
-	  this.position = offset;
-	}
-	remaining() {
-	  return this.bytes.length - this.position;
-	}
-	readUint8() {
-	  this.ensureCapacity(1);
-	  return this.view.getUint8(this.position++);
-	}
-	readUint32() {
-	  this.ensureCapacity(4);
-	  const rt = this.view.getUint32(this.position);
-	  this.position += 4;
-	  return rt;
-	}
-	readUint16() {
-	  this.ensureCapacity(2);
-	  const rt = this.view.getUint16(this.position);
-	  this.position += 2;
-	  return rt;
-	}
-	readVariableByteInteger() {
-	  this.ensureCapacity(1);
-	  const { value, bytesUsed } = decodeVariableByteInteger(this.bytes, this.position);
-	  this.position += bytesUsed;
-	  return value;
-	}
-	readUtf8() {
-	  this.ensureCapacity(2);
-	  const { text, bytesUsed } = decodeUtf8(this.bytes, this.position);
-	  this.position += bytesUsed;
-	  return text;
-	}
-	readBytes(length) {
-	  this.ensureCapacity(length);
-	  const rt = this.bytes.slice(this.position, this.position + length);
-	  this.position += length;
-	  return rt;
-	}
-	//
-	ensureCapacity(length) {
-	  const remaining = this.remaining();
-	  if (remaining < length)
-		throw new Error(`reader needs ${length} bytes, has ${remaining} remaining`);
-	}
-  };
-
-  // mqtt/web_socket_connection.ts
-  var WebSocketConnection = class _WebSocketConnection {
+}
+// mqtt/web_socket_connection.ts
+const WebSocketConnection = class _WebSocketConnection {
 	constructor(ws) {
-	  this.onRead = () => {
-	  };
-	  const { DEBUG } = Mqtt;
-	  this.ws = ws;
-	  this.completionPromise = new Promise((resolve, reject) => {
-		ws.addEventListener("close", (event) => {
-		  if (DEBUG)
-			console.log("ws close", event, JSON.stringify(event));
-		  resolve();
+		this.onRead = () => {};
+		const { DEBUG } = Mqtt;
+		this.ws = ws;
+		this.completionPromise = new Promise((resolve, reject) => {
+			ws.addEventListener('close', event => {
+				if (DEBUG)
+					console.log('ws close', event, JSON.stringify(event));
+				resolve();
+			});
+			ws.addEventListener('error', event => {
+				if (DEBUG) console.log('ws error', event);
+				reject(event.message ?? event);
+			});
 		});
-		ws.addEventListener("error", (event) => {
-		  if (DEBUG)
-			console.log("ws error", event);
-		  reject(event.message ?? event);
+		ws.addEventListener('message', async event => {
+			if (DEBUG) console.log('ws message', typeof event.data, event.data);
+			if (event.data instanceof Blob) {
+				const bytes = new Uint8Array(await event.data.arrayBuffer());
+				this.onRead(bytes);
+			} else if (event.data instanceof Uint8Array) {
+				let bytes = event.data;
+				if (bytes.constructor.name === 'Buffer') {
+					bytes = new Uint8Array(
+						bytes.buffer.slice(
+							bytes.byteOffset,
+							bytes.byteOffset + bytes.byteLength,
+						),
+					);
+				}
+				this.onRead(bytes);
+			} else if (event.data instanceof ArrayBuffer) {
+				const bytes = new Uint8Array(event.data);
+				this.onRead(bytes);
+			} else {
+				throw new Error(
+					`Unsupported event.data: ${event.data.constructor.name}`,
+				);
+			}
+		});
+		ws.addEventListener('open', event => {
+			if (DEBUG) console.log('ws open', event);
 		});
-	  });
-	  ws.addEventListener("message", async (event) => {
-		if (DEBUG)
-		  console.log("ws message", typeof event.data, event.data);
-		if (event.data instanceof Blob) {
-		  const bytes = new Uint8Array(await event.data.arrayBuffer());
-		  this.onRead(bytes);
-		} else if (event.data instanceof Uint8Array) {
-		  let bytes = event.data;
-		  if (bytes.constructor.name === "Buffer") {
-			bytes = new Uint8Array(bytes.buffer.slice(bytes.byteOffset, bytes.byteOffset + bytes.byteLength));
-		  }
-		  this.onRead(bytes);
-		} else if (event.data instanceof ArrayBuffer) {
-		  const bytes = new Uint8Array(event.data);
-		  this.onRead(bytes);
-		} else {
-		  throw new Error(`Unsupported event.data: ${event.data.constructor.name}`);
-		}
-	  });
-	  ws.addEventListener("open", (event) => {
-		if (DEBUG)
-		  console.log("ws open", event);
-	  });
 	}
 	static async create(opts) {
-	  const { DEBUG } = Mqtt;
-	  const { hostname, port, pathname } = opts;
-	  if ("accept" in WebSocket.prototype) {
-		if (DEBUG)
-		  console.log("Found WebSocket.accept, using Cloudflare workaround");
-		if (port !== 443)
-		  throw new Error(`Cloudflare Workers only support outgoing WebSocket requests on port 443 (https)`);
-		const url2 = `https://${hostname}${port ? `:${port}` : ''}${pathname ?? ''}`;
-		if (DEBUG)
-		  console.log(`Fetching ${url2}`);
-		const resp = await fetch(url2, { headers: { upgrade: "websocket" } });
-		const { webSocket } = resp;
-		if (typeof webSocket !== "object")
-		  throw new Error(`Cloudflare fetch response for upgrade request returned no WebSocket`);
-		if (DEBUG)
-		  console.log("Calling WebSocket.accept()");
-		webSocket.accept();
-		if (DEBUG)
-		  console.log("Accepted!");
-		return new _WebSocketConnection(webSocket);
-	  }
-	  const url = `wss://${hostname}${port ? `:${port}` : ''}${pathname ?? ''}`;
-	  const ws = new WebSocket(url, "mqtt");
-	  if (DEBUG)
-		console.log(`new WebSocket('${url}', 'mqtt')`);
-	  return new Promise((resolve, reject) => {
-		let resolved = false;
-		ws.addEventListener("open", (event) => {
-		  if (resolved)
-			return;
-		  if (DEBUG)
-			console.log("ws open", event);
-		  resolved = true;
-		  resolve(new _WebSocketConnection(ws));
+		const { DEBUG } = Mqtt;
+		const { hostname, port, pathname } = opts;
+		if ('accept' in WebSocket.prototype) {
+			if (DEBUG)
+				console.log(
+					'Found WebSocket.accept, using Cloudflare workaround',
+				);
+			if (port !== 443)
+				throw new Error(
+					`Cloudflare Workers only support outgoing WebSocket requests on port 443 (https)`,
+				);
+			const url2 = `https://${hostname}${port ? `:${port}` : ''}${pathname ?? ''}`;
+			if (DEBUG) console.log(`Fetching ${url2}`);
+			const resp = await fetch(url2, {
+				headers: { upgrade: 'websocket' },
+			});
+			const { webSocket } = resp;
+			if (typeof webSocket !== 'object')
+				throw new Error(
+					`Cloudflare fetch response for upgrade request returned no WebSocket`,
+				);
+			if (DEBUG) console.log('Calling WebSocket.accept()');
+			webSocket.accept();
+			if (DEBUG) console.log('Accepted!');
+			return new _WebSocketConnection(webSocket);
+		}
+		const url = `wss://${hostname}${port ? `:${port}` : ''}${pathname ?? ''}`;
+		const ws = new WebSocket(url, 'mqtt');
+		if (DEBUG) console.log(`new WebSocket('${url}', 'mqtt')`);
+		return new Promise((resolve, reject) => {
+			let resolved = false;
+			ws.addEventListener('open', event => {
+				if (resolved) return;
+				if (DEBUG) console.log('ws open', event);
+				resolved = true;
+				resolve(new _WebSocketConnection(ws));
+			});
+			ws.addEventListener('error', event => {
+				if (resolved) return;
+				if (DEBUG) console.log('ws error', event);
+				resolved = true;
+				reject(event);
+			});
 		});
-		ws.addEventListener("error", (event) => {
-		  if (resolved)
-			return;
-		  if (DEBUG)
-			console.log("ws error", event);
-		  resolved = true;
-		  reject(event);
-		});
-	  });
 	}
 	write(bytes) {
-	  this.ws.send(bytes);
-	  return Promise.resolve(bytes.length);
+		this.ws.send(bytes);
+		return Promise.resolve(bytes.length);
 	}
 	close() {
-	  this.ws.close();
+		this.ws.close();
 	}
-  };
+};
 
-  // mqtt/mqtt_client.ts
-  var DEFAULT_KEEP_ALIVE_SECONDS = 10;
-  var MAX_PACKET_IDS = 256 * 256;
-  var _MqttClient = class _MqttClient {
-	/**
+// mqtt/mqtt_client.ts
+const DEFAULT_KEEP_ALIVE_SECONDS = 10;
+const MAX_PACKET_IDS = 256 * 256;
+const Signal = class {
+	constructor() {
+		this.promise = new Promise((resolve, reject) => {
+			this.resolve_ = resolve;
+			this.reject_ = reject;
+		});
+	}
+	resolve(value) {
+		this.resolve_(value);
+	}
+	reject(reason) {
+		this.reject_(reason);
+	}
+};
+const _MqttClient = class _MqttClient {
+	/*
 	 * Creates a new MqttClient.
 	 *
 	 * - `hostname`: MQTT endpoint hostname.  e.g. my-broker.my-namespace.cloudflarepubsub.com
@@ -777,60 +1050,61 @@ var _Bytes = class _Bytes {
 	 * Once created, call `connect` to connect.
 	 */
 	constructor(opts) {
-	  /** @internal */
-	  this.obtainedPacketIds = [];
-	  /** @internal */
-	  this.pendingSubscribes = {};
-	  /** @internal */
-	  this.pendingUnsubscribes = {};
-	  /** @internal */
-	  this.savedBytes = [];
-	  /** @internal */
-	  this.pingTimeout = 0;
-	  /** @internal */
-	  this.keepAliveSeconds = DEFAULT_KEEP_ALIVE_SECONDS;
-	  /** @internal */
-	  this.lastSentMessageTime = 0;
-	  /** @internal */
-	  this.receivedDisconnect = false;
-	  /** @internal */
-	  this.nextPacketId = 1;
-	  const { hostname, port, pathname, protocol, maxMessagesPerSecond } = opts;
-	  this.hostname = hostname;
-	  this.port = port;
-	  this.pathname = pathname;
-	  this.protocol = protocol;
-	  this.maxMessagesPerSecond = maxMessagesPerSecond;
+		/* @internal */
+		this.obtainedPacketIds = [];
+		/* @internal */
+		this.pendingSubscribes = {};
+		/* @internal */
+		this.pendingUnsubscribes = {};
+		/* @internal */
+		this.savedBytes = [];
+		/* @internal */
+		this.pingTimeout = 0;
+		/* @internal */
+		this.keepAliveSeconds = DEFAULT_KEEP_ALIVE_SECONDS;
+		/* @internal */
+		this.lastSentMessageTime = 0;
+		/* @internal */
+		this.receivedDisconnect = false;
+		/* @internal */
+		this.nextPacketId = 1;
+		const { hostname, port, pathname, protocol, maxMessagesPerSecond } =
+			opts;
+		this.hostname = hostname;
+		this.port = port;
+		this.pathname = pathname;
+		this.protocol = protocol;
+		this.maxMessagesPerSecond = maxMessagesPerSecond;
 	}
-	/**
+	/*
 	 * Returns the session client id negotiated during initial connection.
 	 *
 	 * This will be the one provided explicitiy in `connect`, unless the server assigns one when it acknowledges the connection.
-	*/
+	 */
 	get clientId() {
-	  return this.clientIdInternal;
+		return this.clientIdInternal;
 	}
-	/**
+	/*
 	 * Returns the session keep-alive negotiated during initial connection.
 	 *
 	 * MqttClient will automatically send underlying MQTT pings on this interval.
 	 */
 	get keepAlive() {
-	  return this.keepAliveSeconds;
+		return this.keepAliveSeconds;
 	}
-	/**
+	/*
 	 * When connected, resolves when the underlying connection is closed.
 	 *
 	 * Useful to await when wanting to listen "forever" to a subscription without exiting your program.
 	 */
 	completion() {
-	  return this.connectionCompletion ?? Promise.resolve();
+		return this.connectionCompletion ?? Promise.resolve();
 	}
-	/** Returns whether or not this client is connected. */
+	/* Returns whether or not this client is connected. */
 	connected() {
-	  return this.connection !== void 0;
+		return this.connection !== undefined;
 	}
-	/**
+	/*
 	 * Connect and authenticate with the server.
 	 *
 	 * Resolves when the server acknowledges a successful connection, otherwise rejects.
@@ -841,47 +1115,71 @@ var _Bytes = class _Bytes {
 	 * - `keepAlive`: Desired keep-alive, in seconds.  Note the server can override this, the resolved value is available in `keepAlive` once connected.
 	 */
 	async connect(opts) {
-	  const { DEBUG } = Mqtt;
-	  const { clientId = "", username, password, keepAlive = DEFAULT_KEEP_ALIVE_SECONDS, clean = false } = opts;
-	  const { protocol, hostname, port, pathname } = this;
-	  if (!this.connection) {
-		this.connection = await _MqttClient.protocolHandlers[protocol]({ hostname, port, pathname });
-		this.connection.onRead = (bytes) => {
-		  this.processBytes(bytes);
-		};
-		this.connectionCompletion = this.connection.completionPromise.then(() => {
-		  if (DEBUG)
-			console.log("read loop done");
-		  this.clearPing();
-		  this.connection = void 0;
-		  if (this.pendingConnect) {
-			this.pendingConnect.reject("Connect failed, connection closed");
-			this.pendingConnect = void 0;
-		  }
-		}, (e) => {
-		  console.log(`unhandled read loop error: ${e.stack || e}`);
-		  this.clearPing();
+		const { DEBUG } = Mqtt;
+		const {
+			clientId = '',
+			username,
+			password,
+			keepAlive = DEFAULT_KEEP_ALIVE_SECONDS,
+			clean = false,
+		} = opts;
+		const { protocol, hostname, port, pathname } = this;
+		if (!this.connection) {
+			this.connection = await _MqttClient.protocolHandlers[protocol]({
+				hostname,
+				port,
+				pathname,
+			});
+			this.connection.onRead = bytes => {
+				this.processBytes(bytes);
+			};
+			this.connectionCompletion = this.connection.completionPromise.then(
+				() => {
+					if (DEBUG) console.log('read loop done');
+					this.clearPing();
+					this.connection = undefined;
+					if (this.pendingConnect) {
+						this.pendingConnect.reject(
+							'Connect failed, connection closed',
+						);
+						this.pendingConnect = undefined;
+					}
+				},
+				e => {
+					console.log(`unhandled read loop error: ${e.stack || e}`);
+					this.clearPing();
+				},
+			);
+		}
+		this.pendingConnect = new Signal();
+		this.keepAliveSeconds = keepAlive;
+		this.clientIdInternal = clientId;
+		await this.sendMessage({
+			type: CONNECT,
+			clientId,
+			username,
+			password,
+			keepAlive,
+			clean,
 		});
-	  }
-	  this.pendingConnect = new Signal();
-	  this.keepAliveSeconds = keepAlive;
-	  this.clientIdInternal = clientId;
-	  await this.sendMessage({ type: CONNECT, clientId, username, password, keepAlive, clean });
-	  return this.pendingConnect.promise;
+		return this.pendingConnect.promise;
 	}
-	/**
+	/*
 	 * Disconnect from the server.
 	 *
 	 * Resolves after the disconnect request is sent.
 	 */
 	async disconnect() {
-	  await this.sendMessage({ type: DISCONNECT, reason: {
-		code: 0
-		/* normal disconnection */
-	  } });
-	  this.connection = void 0;
+		await this.sendMessage({
+			type: DISCONNECT,
+			reason: {
+				code: 0,
+				/* normal disconnection */
+			},
+		});
+		this.connection = undefined;
 	}
-	/**
+	/*
 	 * Send a message for a given topic.
 	 *
 	 * - `topic`: Required name of the topic on which the post the message.
@@ -889,12 +1187,24 @@ var _Bytes = class _Bytes {
 	 * - `contentType`: Optional MIME type of the payload.
 	 */
 	async publish(opts) {
-	  const { topic, payload: inputPayload, contentType } = opts;
-	  const payloadFormatIndicator = typeof inputPayload === "string" ? 1 : 0;
-	  const payload = typeof inputPayload === "string" ? Bytes.ofUtf8(inputPayload).array() : inputPayload;
-	  await this.sendMessage({ type: PUBLISH, dup: false, qosLevel: 0, retain: false, topic, payload, payloadFormatIndicator, contentType });
+		const { topic, payload: inputPayload, contentType } = opts;
+		const payloadFormatIndicator = typeof inputPayload === 'string' ? 1 : 0;
+		const payload =
+			typeof inputPayload === 'string'
+				? Bytes.ofUtf8(inputPayload).array()
+				: inputPayload;
+		await this.sendMessage({
+			type: PUBLISH,
+			dup: false,
+			qosLevel: 0,
+			retain: false,
+			topic,
+			payload,
+			payloadFormatIndicator,
+			contentType,
+		});
 	}
-	/**
+	/*
 	 * Subscribe to receive messages for a given topic.
 	 *
 	 * Resolves when the subscription is acknowledged by the server, else rejects.
@@ -904,15 +1214,17 @@ var _Bytes = class _Bytes {
 	 * - `topicFilter`: Topic name to listen to.
 	 */
 	async subscribe(opts) {
-	  const topicFilter = opts.topicFilter ?? opts;
-	  const packetId = this.obtainPacketId();
-	  const subscriptions = Array.isArray(topicFilter) ? topicFilter.map((filter) => ({ topicFilter: filter })) : [{ topicFilter }];
-	  const signal = new Signal();
-	  this.pendingSubscribes[packetId] = signal;
-	  await this.sendMessage({ type: SUBSCRIBE, packetId, subscriptions });
-	  return signal.promise;
+		const topicFilter = opts.topicFilter ?? opts;
+		const packetId = this.obtainPacketId();
+		const subscriptions = Array.isArray(topicFilter)
+			? topicFilter.map(filter => ({ topicFilter: filter }))
+			: [{ topicFilter }];
+		const signal = new Signal();
+		this.pendingSubscribes[packetId] = signal;
+		await this.sendMessage({ type: SUBSCRIBE, packetId, subscriptions });
+		return signal.promise;
 	}
-	/**
+	/*
 	 * Unsubscribe from messages for a given topic.
 	 *
 	 * Resolves when the unsubscribe is acknowledged by the server, else rejects.
@@ -920,184 +1232,193 @@ var _Bytes = class _Bytes {
 	 * - `topicFilter:` Topic name to stop listening to
 	 */
 	async unsubscribe(opts) {
-	  const topicFilter = opts.topicFilter ?? opts;
-	  const packetId = this.obtainPacketId();
-	  const unsubscriptions = Array.isArray(topicFilter) ? topicFilter.map((filter) => ({ topicFilter: filter })) : [{ topicFilter }];
-	  const signal = new Signal();
-	  this.pendingUnsubscribes[packetId] = signal;
-	  await this.sendMessage({ type: UNSUBSCRIBE, packetId, unsubscriptions });
-	  return signal.promise;
+		const topicFilter = opts.topicFilter ?? opts;
+		const packetId = this.obtainPacketId();
+		const unsubscriptions = Array.isArray(topicFilter)
+			? topicFilter.map(filter => ({ topicFilter: filter }))
+			: [{ topicFilter }];
+		const signal = new Signal();
+		this.pendingUnsubscribes[packetId] = signal;
+		await this.sendMessage({
+			type: UNSUBSCRIBE,
+			packetId,
+			unsubscriptions,
+		});
+		return signal.promise;
 	}
 	//
-	/** @internal */
+	/* @internal */
 	async ping() {
-	  await this.sendMessage({ type: PINGREQ });
+		await this.sendMessage({ type: PINGREQ });
 	}
-	/** @internal */
+	/* @internal */
 	obtainPacketId() {
-	  const { DEBUG } = Mqtt;
-	  const { nextPacketId, obtainedPacketIds } = this;
-	  for (let i = 0; i < MAX_PACKET_IDS; i++) {
-		const candidate = (nextPacketId + i) % MAX_PACKET_IDS;
-		if (candidate !== 0 && !obtainedPacketIds.includes(candidate)) {
-		  obtainedPacketIds.push(candidate);
-		  if (DEBUG)
-			console.log(`Obtained packetId: ${candidate}`);
-		  this.nextPacketId = (candidate + 1) % MAX_PACKET_IDS;
-		  return candidate;
+		const { DEBUG } = Mqtt;
+		const { nextPacketId, obtainedPacketIds } = this;
+		for (let i = 0; i < MAX_PACKET_IDS; i++) {
+			const candidate = (nextPacketId + i) % MAX_PACKET_IDS;
+			if (candidate !== 0 && !obtainedPacketIds.includes(candidate)) {
+				obtainedPacketIds.push(candidate);
+				if (DEBUG) console.log(`Obtained packetId: ${candidate}`);
+				this.nextPacketId = (candidate + 1) % MAX_PACKET_IDS;
+				return candidate;
+			}
 		}
-	  }
-	  throw new Error(`obtainPacketId: Unable to obtain a packet id`);
+		throw new Error(`obtainPacketId: Unable to obtain a packet id`);
 	}
-	/** @internal */
+	/* @internal */
 	releasePacketId(packetId) {
-	  const { DEBUG } = Mqtt;
-	  const { obtainedPacketIds } = this;
-	  if (packetId < 1 || packetId >= MAX_PACKET_IDS)
-		throw new Error(`releasePacketId: Bad packetId: ${packetId}`);
-	  const i = obtainedPacketIds.indexOf(packetId);
-	  if (i < 0)
-		throw new Error(`releasePacketId: Unobtained packetId: ${packetId}`);
-	  obtainedPacketIds.splice(i, 1);
-	  if (DEBUG)
-		console.log(`Released packetId: ${packetId}`);
+		const { DEBUG } = Mqtt;
+		const { obtainedPacketIds } = this;
+		if (packetId < 1 || packetId >= MAX_PACKET_IDS)
+			throw new Error(`releasePacketId: Bad packetId: ${packetId}`);
+		const i = obtainedPacketIds.indexOf(packetId);
+		if (i < 0)
+			throw new Error(
+				`releasePacketId: Unobtained packetId: ${packetId}`,
+			);
+		obtainedPacketIds.splice(i, 1);
+		if (DEBUG) console.log(`Released packetId: ${packetId}`);
 	}
-	/** @internal */
+	/* @internal */
 	processBytes(bytes) {
-	  const { DEBUG } = Mqtt;
-	  if (this.savedBytes.length > 0) {
-		bytes = new Uint8Array([...this.savedBytes, ...bytes]);
-		this.savedBytes.splice(0);
-	  }
-	  if (DEBUG)
-		console.log("processBytes", bytes.length + " bytes");
-	  if (DEBUG)
-		console.log(hex(bytes));
-	  const reader = new Reader(bytes, 0);
-	  while (reader.remaining() > 0) {
-		const start = reader.position;
-		const message = readMessage(reader);
-		if ("needsMoreBytes" in message) {
-		  this.savedBytes.push(...bytes.slice(start));
-		  return;
+		const { DEBUG } = Mqtt;
+		if (this.savedBytes.length > 0) {
+			bytes = new Uint8Array([...this.savedBytes, ...bytes]);
+			this.savedBytes.splice(0);
 		}
-		if (message.type === CONNACK) {
-		  if (this.pendingConnect) {
-			if ((message.reason?.code ?? 0) < 128) {
-			  this.clientIdInternal = message.assignedClientIdentifier ?? this.clientIdInternal;
-			  this.keepAliveSeconds = message.serverKeepAlive ?? this.keepAliveSeconds;
-			  this.reschedulePing();
-			  this.pendingConnect.resolve(message);
-			} else {
-			  this.pendingConnect.reject(JSON.stringify(message.reason));
+		if (DEBUG) console.log('processBytes', `${bytes.length} bytes`);
+		if (DEBUG) console.log(hex(bytes));
+		const reader = new Reader(bytes, 0);
+		while (reader.remaining() > 0) {
+			const start = reader.position;
+			const message = readMessage(reader);
+			if ('needsMoreBytes' in message) {
+				this.savedBytes.push(...bytes.slice(start));
+				return;
 			}
-			this.pendingConnect = void 0;
-		  }
-		} else if (message.type === DISCONNECT) {
-		  this.receivedDisconnect = true;
-		  if (this.connection) {
-			this.connection.close();
-			this.connection = void 0;
-		  }
-		} else if (message.type === SUBACK) {
-		  const { packetId, reasons } = message;
-		  this.releasePacketId(packetId);
-		  const signal = this.pendingSubscribes[packetId];
-		  if (signal) {
-			if (reasons.some((v) => v.code >= 128)) {
-			  signal.reject(JSON.stringify(reasons));
+			if (message.type === CONNACK) {
+				if (this.pendingConnect) {
+					if ((message.reason?.code ?? 0) < 128) {
+						this.clientIdInternal =
+							message.assignedClientIdentifier ??
+							this.clientIdInternal;
+						this.keepAliveSeconds =
+							message.serverKeepAlive ?? this.keepAliveSeconds;
+						this.reschedulePing();
+						this.pendingConnect.resolve(message);
+					} else {
+						this.pendingConnect.reject(
+							JSON.stringify(message.reason),
+						);
+					}
+					this.pendingConnect = undefined;
+				}
+			} else if (message.type === DISCONNECT) {
+				this.receivedDisconnect = true;
+				if (this.connection) {
+					this.connection.close();
+					this.connection = undefined;
+				}
+			} else if (message.type === SUBACK) {
+				const { packetId, reasons } = message;
+				this.releasePacketId(packetId);
+				const signal = this.pendingSubscribes[packetId];
+				if (signal) {
+					if (reasons.some(v => v.code >= 128)) {
+						signal.reject(JSON.stringify(reasons));
+					} else {
+						signal.resolve(message);
+					}
+					delete this.pendingSubscribes[packetId];
+				}
+			} else if (message.type === UNSUBACK) {
+				const { packetId, reasons } = message;
+				this.releasePacketId(packetId);
+				const signal = this.pendingUnsubscribes[packetId];
+				if (signal) {
+					if (reasons.some(v => v.code >= 128)) {
+						signal.reject(message);
+					} else {
+						signal.resolve(message);
+					}
+					delete this.pendingUnsubscribes[packetId];
+				}
+			// } else if (message.type === PINGRESP) {
+			} else if (message.type === PUBLISH) {
+				const {
+					topic,
+					payload: messagePayload,
+					payloadFormatIndicator,
+					contentType,
+				} = message;
+				const payload =
+					payloadFormatIndicator === 1
+						? new Bytes(messagePayload).utf8()
+						: messagePayload;
+				if (this.onReceive)
+					this.onReceive({ topic, payload, contentType });
 			} else {
-			  signal.resolve(message);
+				throw new Error(
+					`processPacket: Unsupported message type: ${message}`,
+				);
 			}
-			delete this.pendingSubscribes[packetId];
-		  }
-		} else if (message.type === UNSUBACK) {
-		  const { packetId, reasons } = message;
-		  this.releasePacketId(packetId);
-		  const signal = this.pendingUnsubscribes[packetId];
-		  if (signal) {
-			if (reasons.some((v) => v.code >= 128)) {
-			  signal.reject(message);
-			} else {
-			  signal.resolve(message);
-			}
-			delete this.pendingUnsubscribes[packetId];
-		  }
-		} else if (message.type === PINGRESP) {
-		} else if (message.type === PUBLISH) {
-		  const { topic, payload: messagePayload, payloadFormatIndicator, contentType } = message;
-		  const payload = payloadFormatIndicator === 1 ? new Bytes(messagePayload).utf8() : messagePayload;
-		  if (this.onReceive)
-			this.onReceive({ topic, payload, contentType });
-		} else {
-		  throw new Error(`processPacket: Unsupported message type: ${message}`);
+			if (this.onMqttMessage) this.onMqttMessage(message);
 		}
-		if (this.onMqttMessage)
-		  this.onMqttMessage(message);
-	  }
-	  checkEqual("reader.remaining", reader.remaining(), 0);
+		checkEqual('reader.remaining', reader.remaining(), 0);
 	}
-	/** @internal */
+	/* @internal */
 	clearPing() {
-	  clearTimeout(this.pingTimeout);
+		clearTimeout(this.pingTimeout);
 	}
-	/** @internal */
+	/* @internal */
 	reschedulePing() {
-	  this.clearPing();
-	  this.pingTimeout = setTimeout(async () => {
-		await this.ping();
-		this.reschedulePing();
-	  }, this.keepAliveSeconds * 1e3);
+		this.clearPing();
+		this.pingTimeout = setTimeout(async () => {
+			await this.ping();
+			this.reschedulePing();
+		}, this.keepAliveSeconds * 1e3);
 	}
-	/** @internal */
+	/* @internal */
 	async sendMessage(message) {
-	  const { DEBUG } = Mqtt;
-	  const { connection, maxMessagesPerSecond } = this;
-	  const diff = Date.now() - this.lastSentMessageTime;
-	  const intervalMillis = 1e3 / (maxMessagesPerSecond ?? 1);
-	  const waitMillis = maxMessagesPerSecond !== void 0 && diff < intervalMillis ? intervalMillis - diff : 0;
-	  if (DEBUG)
-		console.log(`Sending ${computeControlPacketTypeName(message.type)}${waitMillis > 0 ? ` (waiting ${waitMillis}ms)` : ""}`);
-	  if (waitMillis > 0)
-		await sleep(waitMillis);
-	  if (this.receivedDisconnect)
-		throw new Error(`sendMessage: received disconnect`);
-	  if (!connection)
-		throw new Error(`sendMessage: no connection`);
-	  await connection.write(encodeMessage(message));
-	  this.lastSentMessageTime = Date.now();
+		const { DEBUG } = Mqtt;
+		const { connection, maxMessagesPerSecond } = this;
+		const diff = Date.now() - this.lastSentMessageTime;
+		const intervalMillis = 1e3 / (maxMessagesPerSecond ?? 1);
+		const waitMillis =
+			maxMessagesPerSecond !== undefined && diff < intervalMillis
+				? intervalMillis - diff
+				: 0;
+		if (DEBUG)
+			console.log(
+				`Sending ${computeControlPacketTypeName(message.type)}${waitMillis > 0 ? ` (waiting ${waitMillis}ms)` : ''}`,
+			);
+		if (waitMillis > 0) await sleep(waitMillis);
+		if (this.receivedDisconnect)
+			throw new Error(`sendMessage: received disconnect`);
+		if (!connection) throw new Error(`sendMessage: no connection`);
+		await connection.write(encodeMessage(message));
+		this.lastSentMessageTime = Date.now();
 	}
-  };
-  /**
-   * Register a custom implementation for one of the supported protocols.
-   *
-   * e.g. you could write your own 'mqtts' TCP implementation for Node and plug it in here.
-   */
-  _MqttClient.protocolHandlers = {
-	"mqtts": () => {
-	  throw new Error(`The 'mqtts' protocol is not supported in this environment`);
+};
+/*
+ * Register a custom implementation for one of the supported protocols.
+ *
+ * e.g. you could write your own 'mqtts' TCP implementation for Node and plug it in here.
+ */
+_MqttClient.protocolHandlers = {
+	mqtts: () => {
+		throw new Error(
+			`The 'mqtts' protocol is not supported in this environment`,
+		);
 	},
-	"wss": WebSocketConnection.create
-  };
-  var MqttClient = _MqttClient;
-  function sleep(ms) {
-	return new Promise((resolve) => setTimeout(resolve, ms));
-  }
-  var Signal = class {
-	constructor() {
-	  this.promise = new Promise((resolve, reject) => {
-		this.resolve_ = resolve;
-		this.reject_ = reject;
-	  });
-	}
-	resolve(value) {
-	  this.resolve_(value);
-	}
-	reject(reason) {
-	  this.reject_(reason);
-	}
-  };
-  export {
+	wss: WebSocketConnection.create,
+};
+const MqttClient = _MqttClient;
+function sleep(ms) {
+	return new Promise(resolve => setTimeout(resolve, ms));
+}
+export {
 	CONNACK,
 	CONNECT,
 	DISCONNECT,
@@ -1110,5 +1431,5 @@ var _Bytes = class _Bytes {
 	SUBSCRIBE,
 	UNSUBACK,
 	UNSUBSCRIBE,
-	computeControlPacketTypeName
-  };
+	computeControlPacketTypeName,
+};
diff --git a/src/utilities/rich_tokens.js b/src/utilities/rich_tokens.js
index ed888965..f1c34382 100644
--- a/src/utilities/rich_tokens.js
+++ b/src/utilities/rich_tokens.js
@@ -550,9 +550,9 @@ TOKEN_TYPES.gallery = function(token, createElement, ctx) {
 	if ( ! Array.isArray(token.items) || ! token.items.length )
 		return null;
 
-	let first_column = [],
-		second_column = [],
-		first = true,
+	const first_column = [],
+		second_column = [];
+	let first = true,
 		i = 0;
 
 	for(const item of token.items) {
@@ -673,7 +673,7 @@ function header_vue(token, h, ctx) {
 			background = renderWithCapture(token.background, h, ctx, token.markdown).content;
 	}
 
-	let subtok = resolveToken(token.sub_logo, ctx);
+	const subtok = resolveToken(token.sub_logo, ctx);
 	if ( ! token.compact && subtok && canShowImage(subtok, ctx) ) {
 		const aspect = subtok.aspect;
 
@@ -848,7 +848,7 @@ function header_normal(token, createElement, ctx) {
 			background = renderWithCapture(token.background, createElement, ctx, token.markdown).content;
 	}
 
-	let subtok = resolveToken(token.sub_logo, ctx);
+	const subtok = resolveToken(token.sub_logo, ctx);
 	if ( ! token.compact && subtok && canShowImage(subtok, ctx) ) {
 		const aspect = subtok.aspect;
 
@@ -1124,7 +1124,7 @@ function findMatchingLocale(locale, list) {
 	}
 
 	// What about partials?
-	let prefixed = `${locale.toLowerCase()}-`;
+	const prefixed = `${locale.toLowerCase()}-`;
 	for(const item of list) {
 		if ( item.toLowerCase().startsWith(prefixed) )
 			return item;
@@ -1141,7 +1141,7 @@ TOKEN_TYPES.i18n_select = function(token, createElement, ctx) {
 
 	// What locale and choices do we have.
 	const choices = token.choices || {};
-	let locale = ctx.i18n?.locale ?? 'en';
+	const locale = ctx.i18n?.locale ?? 'en';
 
 	// Try to find a valid match, or use the default.
 	let selected = findMatchingLocale(locale, Object.keys(choices));
@@ -1182,7 +1182,7 @@ TOKEN_TYPES.link = function(token, createElement, ctx) {
 		klass.push(`ffz-link--inherit`);
 
 	if ( ctx.vue ) {
-		let on = {};
+		const on = {};
 		if ( ctx.link_click_handler )
 			on.click = ctx.link_click_handler;
 
@@ -1317,8 +1317,8 @@ TOKEN_TYPES.player = function(token, createElement, ctx) {
 	const style = {};
 
 	const aspect = token.active_aspect ?? token.aspect;
-		if ( aspect )
-			style.aspectRatio = aspect;
+	if ( aspect )
+		style.aspectRatio = aspect;
 
 	if ( ctx.vue )
 		return createElement(token.audio ? 'audio' : 'video', {