Extract credits handling and CSS styles to separate modules

Start to establish a bit of separation and organisation.

1 files changed, 2 insertions, 77 deletions

diff --git a/src/index.ts b/src/index.ts
index b8fcf0f..8c24c2a 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,80 +1,5 @@
-function with_player (callback) {
-	var interval = setInterval(
-		function() {
-			var player = document.querySelector('.NFPlayer.nf-player-container');
-
-			if (player) {
-				clearInterval(interval);
-
-				callback(player);
-			}
-		},
-		1000
-	);
-}
-
-function init_mutation_observer (player) {
-	var observer = new MutationObserver(function(mutation_list) {
-		for (var i = 0; i < mutation_list.length; i++) {
-			var mutation = mutation_list[i];
-			var player = mutation.target as HTMLElement;
-
-			if (player.classList.contains('postplay')) {
-				player.classList.remove('postplay');
-
-				// Activate player controls.
-				player.click();
-
-				// TODO: Change .active to .inactive
-				// mutation.target.classList.replace('active', 'inactive'); // Didn't work
-				// Remove .can-resume: Removes white border on hover
-				// PlayerControlsNeo__bottom-controls PlayerControlsNeo__bottom-controls--faded
-				// PlayerControlsNeo__layout PlayerControlsNeo__layout--active
-				// PlayerControlsNeo__layout PlayerControlsNeo__layout--inactive
-
-				// document.querySelector('.PlayerControlsNeo__bottom-controls')
-				// 	.classList
-				// 	.add('PlayerControlsNeo__bottom-controls--faded');
-
-				document.querySelector('.PlayerControlsNeo__layout.PlayerControlsNeo__layout--active')
-					.classList
-					.replace(
-						'PlayerControlsNeo__layout--active',
-						'PlayerControlsNeo__layout--inactive'
-					);
-
-				// .OriginalsPostPlay-BackgroundTrailer .BackToBrowse
-
-				return;
-			}
-		}
-	});
-
-	observer.observe(
-		player,
-		{
-			attributeFilter: ['class'],
-			attributeOldValue: true
-		}
-	);
-}
-
-function styles () {
-	var style = document.createElement('style');
-	var stylesheet = style.sheet as CSSStyleSheet;
-
-	document.head.appendChild(style);
-
-	stylesheet.insertRule(
-		'.OriginalsPostPlay-BackgroundTrailer .BackToBrowse { visibility: hidden; }',
-		stylesheet.cssRules.length
-	);
-
-	stylesheet.insertRule(
-		'.player-view-childrens { visibility: hidden; }',
-		stylesheet.cssRules.length
-	);
-}
+import { init_mutation_observer, with_player } from './fullscreen_credits';
+import { styles } from './styles';
 
 
 with_player(function(player) {