4.20.76

* Fixed: Color picker for chat filtering opening up and going out of view. (Can still go *down* out of view, but it's a start.)
* Fixed: Square Avatar and hide LIVE indicator not working on the channel page.
* Fixed: Modify `webmunch` and `switchboard` to better handle the latest webpack update, adding checks to make sure we don't accidentally break state by requiring an unloaded module.

src/clips.js

@@ -0,0 +1,157 @@
+'use strict';
+
+import dayjs from 'dayjs';
+import RavenLogger from './raven';
+
+import Logger from 'utilities/logging';
+import Module from 'utilities/module';
+
+import {DEBUG} from 'utilities/constants';
+import {timeout} from 'utilities/object';
+
+import SettingsManager from './settings/index';
+import AddonManager from './addons';
+import ExperimentManager from './experiments';
+import {TranslationManager} from './i18n';
+
+import Site from './sites/clips';
+import Tooltips from 'src/modules/tooltips';
+import Chat from 'src/modules/chat';
+
+class FrankerFaceZ extends Module {
+	constructor() {
+		super();
+		const start_time = performance.now(),
+			VER = FrankerFaceZ.version_info;
+
+		FrankerFaceZ.instance = this;
+
+		this.flavor = 'clips';
+		this.name = 'ffz_clips';
+		this.__state = 0;
+		this.__modules.core = this;
+
+		// ========================================================================
+		// Error Reporting and Logging
+		// ========================================================================
+
+		this.inject('raven', RavenLogger);
+
+		this.log = new Logger(null, null, null, this.raven);
+		this.log.label = 'FFZClips';
+		this.log.init = true;
+
+		this.core_log = this.log.get('core');
+
+		this.log.info(`FrankerFaceZ Standalone Clips v${VER} (build ${VER.build}${VER.commit ? ` - commit ${VER.commit}` : ''})`);
+
+
+		// ========================================================================
+		// Core Systems
+		// ========================================================================
+
+		this.inject('settings', SettingsManager);
+		this.inject('experiments', ExperimentManager);
+		this.inject('i18n', TranslationManager);
+		this.inject('site', Site);
+		this.inject('addons', AddonManager);
+
+		// ========================================================================
+		// Startup
+		// ========================================================================
+
+		this.inject('tooltips', Tooltips);
+		this.register('chat', Chat);
+
+		this.enable().then(() => {
+			const duration = performance.now() - start_time;
+			this.core_log.info(`Initialization complete in ${duration.toFixed(5)}ms.`);
+			this.log.init = false;
+		}).catch(err => {
+			this.core_log.error(`An error occurred during initialization.`, err);
+			this.log.init = false;
+		});
+	}
+
+	static get() {
+		return FrankerFaceZ.instance;
+	}
+
+	// ========================================================================
+	// Generate Log
+	// ========================================================================
+
+	async generateLog() {
+		const promises = [];
+		for(const key in this.__modules) { // eslint-disable-line guard-for-in
+			const module = this.__modules[key];
+			if ( module instanceof Module && module.generateLog && module != this )
+				promises.push((async () => {
+					try {
+						return [
+							key,
+							await timeout(Promise.resolve(module.generateLog()), 5000)
+						];
+					} catch(err) {
+						return [
+							key,
+							`Error: ${err}`
+						]
+					}
+				})());
+		}
+
+		const out = await Promise.all(promises);
+
+		if ( this.log.captured_init && this.log.captured_init.length > 0 ) {
+			const logs = [];
+			for(const msg of this.log.captured_init) {
+				const time = dayjs(msg.time).locale('en').format('H:mm:ss');
+				logs.push(`[${time}] ${msg.level} | ${msg.category || 'core'}: ${msg.message}`);
+			}
+
+			out.unshift(['initialization', logs.join('\n')]);
+		}
+
+		return out.map(x => `${x[0]}
+-------------------------------------------------------------------------------
+${typeof x[1] === 'string' ? x[1] : JSON.stringify(x[1], null, 4)}`).join('\n\n');
+	}
+}
+
+
+FrankerFaceZ.Logger = Logger;
+
+const VER = FrankerFaceZ.version_info = {
+	major: __version_major__,
+	minor: __version_minor__,
+	revision: __version_patch__,
+	extra: __version_prerelease__?.length && __version_prerelease__[0],
+	commit: __git_commit__,
+	build: __webpack_hash__,
+	toString: () =>
+		`${VER.major}.${VER.minor}.${VER.revision}${VER.extra || ''}${DEBUG ? '-dev' : ''}`
+}
+
+// We don't support addons in the player right now, so
+FrankerFaceZ.utilities = {
+	addon: require('utilities/addon'),
+	color: require('utilities/color'),
+	constants: require('utilities/constants'),
+	dom: require('utilities/dom'),
+	events: require('utilities/events'),
+	//fontAwesome: require('utilities/font-awesome'),
+	//graphql: require('utilities/graphql'),
+	logging: require('utilities/logging'),
+	module: require('utilities/module'),
+	object: require('utilities/object'),
+	time: require('utilities/time'),
+	tooltip: require('utilities/tooltip'),
+	i18n: require('utilities/translation-core'),
+	dayjs: require('dayjs'),
+	popper: require('popper.js').default
+}
+
+
+window.FrankerFaceZ = FrankerFaceZ;
+window.ffz = new FrankerFaceZ();