Expose more things on window.FrankerFaceZ.utilities. Fix a bug with JavaScript driven layout elements when the FFZ menu is fullscreened by not hiding those elements, only making them invisible and putting FFZ content on top.

src/main.js

@@ -95,7 +95,7 @@ class FrankerFaceZ extends Module {
 FrankerFaceZ.Logger = Logger;
 
 const VER = FrankerFaceZ.version_info = {
-	major: 4, minor: 0, revision: 0, extra: '-beta1',
+	major: 4, minor: 0, revision: 0, extra: '-beta1.1',
 	build: __webpack_hash__,
 	toString: () =>
 		`${VER.major}.${VER.minor}.${VER.revision}${VER.extra || ''}${DEBUG ? '-dev' : ''}`
@@ -105,7 +105,13 @@ const VER = FrankerFaceZ.version_info = {
 FrankerFaceZ.utilities = {
 	dom: require('utilities/dom'),
 	color: require('utilities/color'),
-	events: require('utilities/events')
+	events: require('utilities/events'),
+	module: require('utilities/module'),
+	constants: require('utilities/constants'),
+	logging: require('utilities/logging'),
+	object: require('utilities/object'),
+	time: require('utilities/time'),
+	tooltip: require('utilities/tooltip')
 }
 
 

src/sites/twitch-twilight/styles/main_menu.scss

@@ -18,7 +18,10 @@
 	}
 
 	&.maximized {
-		position: unset !important;
+		position: absolute;
+		top: 0 !important;
+		left: 0 !important;
+
 		width: 100%;
 		height: 100%;
 
@@ -46,5 +49,5 @@
 
 
 .ffz-has-menu > :not(.ffz-main-menu) {
-	display: none !important
+	visibility: hidden;
 }

src/utilities/events.js

@@ -210,7 +210,7 @@ export class EventEmitter {
 EventEmitter.Detach = Detach;
 
 
-export default class HierarchicalEventEmitter extends EventEmitter {
+export class HierarchicalEventEmitter extends EventEmitter {
 	constructor(name, parent) {
 		super();
 
@@ -311,3 +311,5 @@ export default class HierarchicalEventEmitter extends EventEmitter {
 		});
 	}
 }
+
+export default HierarchicalEventEmitter;

src/utilities/module.js

@@ -26,7 +26,7 @@ export const State = {
 }
 
 
-export default class Module extends EventEmitter {
+export class Module extends EventEmitter {
 	constructor(name, parent) {
 		if ( ! parent && name instanceof Module ) {
 			parent = name;
@@ -547,6 +547,7 @@ export class SiteModule extends Module {
 	}
 }
 
+export default Module;
 
 
 // ============================================================================

src/utilities/tooltip.js

@@ -32,7 +32,7 @@ export const DefaultOptions = {
 // Tooltip Class
 // ============================================================================
 
-export default class Tooltip {
+export class Tooltip {
 	constructor(parent, cls, options) {
 		if ( typeof parent === 'string' )
 			parent = document.querySelector(parent);
@@ -291,6 +291,8 @@ export default class Tooltip {
 	}
 }
 
+export default Tooltip;
+
 
 // Function Intentionally Left Blank
 function noop() { }

src/utilities/vue.js

@@ -9,7 +9,7 @@ import Module from 'utilities/module';
 import {has} from 'utilities/object';
 
 
-export default class Vue extends Module {
+export class Vue extends Module {
 	constructor(...args) {
 		super(...args);
 		this._components = {};
@@ -97,3 +97,5 @@ export default class Vue extends Module {
 		});
 	}
 }
+
+export default Vue;