From 4f7cd07d58d5a44bb7f59cd37fa81647f89a0fa6 Mon Sep 17 00:00:00 2001
From: Pyrrhic <nefalt2@gmail.com>
Date: Sun, 15 Nov 2020 01:47:15 -0600
Subject: [PATCH 1/2] Add the ability to filter text from game names

---
 .../main_menu/components/basic-terms.vue      | 11 ++++++++-
 .../main_menu/components/term-editor.vue      |  7 +++++-
 .../modules/directory/game.jsx                | 12 +++++++++-
 .../modules/directory/index.jsx               | 13 +++++++++++
 src/sites/twitch-twilight/modules/layout.js   | 23 +++++++++++++++----
 5 files changed, 58 insertions(+), 8 deletions(-)

diff --git a/src/modules/main_menu/components/basic-terms.vue b/src/modules/main_menu/components/basic-terms.vue
index 6e065103..a3c3961e 100644
--- a/src/modules/main_menu/components/basic-terms.vue
+++ b/src/modules/main_menu/components/basic-terms.vue
@@ -6,6 +6,7 @@
 			:words="item.words"
 			:removable="item.removable"
 			:adding="true"
+			:text_only="item.text_only"
 			@save="new_term"
 		/>
 		<div v-if="! val.length || val.length === 1 && hasInheritance" class="tw-mg-t-05 tw-c-text-alt-2 tw-font-size-4 tw-align-center tw-c-text-alt-2 tw-pd-05">
@@ -19,6 +20,7 @@
 				:colored="item.colored"
 				:words="item.words"
 				:removable="item.removable"
+				:text_only="item.text_only"
 				@remove="remove(term)"
 				@save="save(term, $event)"
 			/>
@@ -35,7 +37,14 @@ let last_id = 0;
 
 export default {
 	mixins: [SettingMixin],
-	props: ['item', 'context'],
+	props: {
+		item: Object,
+		context: Object,
+		text_only: {
+			type: Boolean,
+			default: false
+		}
+	},
 
 	data() {
 		return {
diff --git a/src/modules/main_menu/components/term-editor.vue b/src/modules/main_menu/components/term-editor.vue
index 330f5d6c..789b8d9f 100644
--- a/src/modules/main_menu/components/term-editor.vue
+++ b/src/modules/main_menu/components/term-editor.vue
@@ -35,7 +35,7 @@
 					</figure>
 				</div>
 			</div>
-			<div class="tw-flex-shrink-0 tw-mg-x-05">
+			<div v-if="! text_only" class="tw-flex-shrink-0 tw-mg-x-05">
 				<span v-if="! editing">{{ term_type }}</span>
 				<select
 					v-else
@@ -56,6 +56,7 @@
 					</option>
 				</select>
 			</div>
+			<div v-else class="tw-mg-r-1" />
 			<div v-if="removable" class="tw-flex-shrink-0 tw-mg-r-05 tw-relative tw-tooltip-wrapper">
 				<button
 					v-if="editing"
@@ -160,6 +161,10 @@ export default {
 		adding: {
 			type: Boolean,
 			default: false
+		},
+		text_only: {
+			type: Boolean,
+			default: false
 		}
 	},
 
diff --git a/src/sites/twitch-twilight/modules/directory/game.jsx b/src/sites/twitch-twilight/modules/directory/game.jsx
index c93ed242..bd8ed4c0 100644
--- a/src/sites/twitch-twilight/modules/directory/game.jsx
+++ b/src/sites/twitch-twilight/modules/directory/game.jsx
@@ -38,6 +38,16 @@ export default class Game extends SiteModule {
 			default: [],
 			onUIChange: () => this.parent.updateCards()
 		});
+
+		this.settings.addUI('directory.game.filtered-text', {
+			ui: {
+				path: 'Directory > Categories >> Filtered Text',
+				component: 'basic-terms',
+				text_only: true,
+				onUIChange: () => this.parent.updateCards()
+			},
+			default: [],
+		});
 	}
 
 	onEnable() {
@@ -51,7 +61,7 @@ export default class Game extends SiteModule {
 		});
 
 		this.settings.provider.on('changed', key => {
-			if ( key === 'directory.game.blocked-games' || key === 'directory.game.hidden-thumbnails' ) {
+			if ( key === 'directory.game.blocked-games' || key === 'directory.game.hidden-thumbnails' || key === 'directory.game.filtered-text' ) {
 				this.parent.updateCards();
 
 				for(const inst of this.GameHeader.instances)
diff --git a/src/sites/twitch-twilight/modules/directory/index.jsx b/src/sites/twitch-twilight/modules/directory/index.jsx
index bb64fe9a..d4310bbc 100644
--- a/src/sites/twitch-twilight/modules/directory/index.jsx
+++ b/src/sites/twitch-twilight/modules/directory/index.jsx
@@ -336,6 +336,19 @@ export default class Directory extends SiteModule {
 
 		let bad_tag = false;
 
+		if (typeof game === 'string' || game instanceof String) {
+			const filtered_text = this.settings.profile(0).get('directory.game.filtered-text', []);
+			filtered_text.forEach(text => {
+				text = text.v.v;
+				if (game.includes(text)) {
+					const matchingElement = document.evaluate(`.//*[text()="${game}"]`, el, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
+					if (matchingElement) {
+						matchingElement.innerText = game.replaceAll(text, "");;
+					}
+				}
+			});
+		}
+
 		el.classList.toggle('ffz-hide-thumbnail', this.settings.provider.get('directory.game.hidden-thumbnails', []).includes(game));
 		el.dataset.ffzType = props.streamType;
 
diff --git a/src/sites/twitch-twilight/modules/layout.js b/src/sites/twitch-twilight/modules/layout.js
index ca793934..5d83e38d 100644
--- a/src/sites/twitch-twilight/modules/layout.js
+++ b/src/sites/twitch-twilight/modules/layout.js
@@ -201,7 +201,7 @@ export default class Layout extends Module {
 
 		this.on('site.directory:update-cards', () => {
 			for(const inst of this.SideBarChannels.instances)
-				this.updateCardClass(inst);
+				this.updateCard(inst);
 		});
 
 		this.ResizeDetector.ready(() => {
@@ -213,11 +213,11 @@ export default class Layout extends Module {
 
 		this.SideBarChannels.ready((cls, instances) => {
 			for(const inst of instances)
-				this.updateCardClass(inst);
+				this.updateCard(inst);
 		});
 
-		this.SideBarChannels.on('mount', this.updateCardClass, this);
-		this.SideBarChannels.on('update', this.updateCardClass, this);
+		this.SideBarChannels.on('mount', this.updateCard, this);
+		this.SideBarChannels.on('update', this.updateCard, this);
 
 		/*const t = this;
 		this.RightColumn.ready((cls, instances) => {
@@ -291,7 +291,7 @@ export default class Layout extends Module {
 		return this.settings.get('layout.is-minimal')
 	}
 
-	updateCardClass(inst) {
+	updateCard(inst) {
 		const node = this.fine.getChildNode(inst);
 
 		if ( node ) {
@@ -304,6 +304,19 @@ export default class Layout extends Module {
 
 			const game = inst.props?.tooltipContent?.props?.gameName || inst.props?.metadataLeft?.props?.activity?.stream?.game?.name || inst.props?.metadataLeft;
 			node.classList.toggle('tw-hide', this.settings.provider.get('directory.game.blocked-games', []).includes(game));
+
+			if (typeof game === 'string' || game instanceof String) {
+				const filtered_text = this.settings.profile(0).get('directory.game.filtered-text', []);
+				filtered_text.forEach(text => {
+					text = text.v.v;
+					if (game.includes(text)) {
+						const matchingElement = document.evaluate(`.//*[text()="${game}"]`, node, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
+						if (matchingElement) {
+							matchingElement.innerText = game.replaceAll(text, "");;
+						}
+					}
+				});
+			}
 		}
 	}
 

From 271de2b341a74d8db4d9264803f8a0553ab2f659 Mon Sep 17 00:00:00 2001
From: Pyrrhic <nefalt2@gmail.com>
Date: Sun, 15 Nov 2020 02:18:33 -0600
Subject: [PATCH 2/2] Fix lint errors

---
 src/modules/main_menu/components/basic-terms.vue      | 6 +++---
 src/modules/main_menu/components/term-editor.vue      | 4 ++--
 src/sites/twitch-twilight/modules/directory/game.jsx  | 2 +-
 src/sites/twitch-twilight/modules/directory/index.jsx | 2 +-
 src/sites/twitch-twilight/modules/layout.js           | 2 +-
 5 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/modules/main_menu/components/basic-terms.vue b/src/modules/main_menu/components/basic-terms.vue
index a3c3961e..8dc1b782 100644
--- a/src/modules/main_menu/components/basic-terms.vue
+++ b/src/modules/main_menu/components/basic-terms.vue
@@ -6,7 +6,7 @@
 			:words="item.words"
 			:removable="item.removable"
 			:adding="true"
-			:text_only="item.text_only"
+			:text-only="item.textOnly"
 			@save="new_term"
 		/>
 		<div v-if="! val.length || val.length === 1 && hasInheritance" class="tw-mg-t-05 tw-c-text-alt-2 tw-font-size-4 tw-align-center tw-c-text-alt-2 tw-pd-05">
@@ -20,7 +20,7 @@
 				:colored="item.colored"
 				:words="item.words"
 				:removable="item.removable"
-				:text_only="item.text_only"
+				:text-only="item.textOnly"
 				@remove="remove(term)"
 				@save="save(term, $event)"
 			/>
@@ -40,7 +40,7 @@ export default {
 	props: {
 		item: Object,
 		context: Object,
-		text_only: {
+		textOnly: {
 			type: Boolean,
 			default: false
 		}
diff --git a/src/modules/main_menu/components/term-editor.vue b/src/modules/main_menu/components/term-editor.vue
index 789b8d9f..756facb7 100644
--- a/src/modules/main_menu/components/term-editor.vue
+++ b/src/modules/main_menu/components/term-editor.vue
@@ -35,7 +35,7 @@
 					</figure>
 				</div>
 			</div>
-			<div v-if="! text_only" class="tw-flex-shrink-0 tw-mg-x-05">
+			<div v-if="! textOnly" class="tw-flex-shrink-0 tw-mg-x-05">
 				<span v-if="! editing">{{ term_type }}</span>
 				<select
 					v-else
@@ -162,7 +162,7 @@ export default {
 			type: Boolean,
 			default: false
 		},
-		text_only: {
+		textOnly: {
 			type: Boolean,
 			default: false
 		}
diff --git a/src/sites/twitch-twilight/modules/directory/game.jsx b/src/sites/twitch-twilight/modules/directory/game.jsx
index bd8ed4c0..e98d54f2 100644
--- a/src/sites/twitch-twilight/modules/directory/game.jsx
+++ b/src/sites/twitch-twilight/modules/directory/game.jsx
@@ -43,7 +43,7 @@ export default class Game extends SiteModule {
 			ui: {
 				path: 'Directory > Categories >> Filtered Text',
 				component: 'basic-terms',
-				text_only: true,
+				textOnly: true,
 				onUIChange: () => this.parent.updateCards()
 			},
 			default: [],
diff --git a/src/sites/twitch-twilight/modules/directory/index.jsx b/src/sites/twitch-twilight/modules/directory/index.jsx
index d4310bbc..7678a537 100644
--- a/src/sites/twitch-twilight/modules/directory/index.jsx
+++ b/src/sites/twitch-twilight/modules/directory/index.jsx
@@ -343,7 +343,7 @@ export default class Directory extends SiteModule {
 				if (game.includes(text)) {
 					const matchingElement = document.evaluate(`.//*[text()="${game}"]`, el, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
 					if (matchingElement) {
-						matchingElement.innerText = game.replaceAll(text, "");;
+						matchingElement.innerText = game.replaceAll(text, '');
 					}
 				}
 			});
diff --git a/src/sites/twitch-twilight/modules/layout.js b/src/sites/twitch-twilight/modules/layout.js
index 5d83e38d..4e5f322d 100644
--- a/src/sites/twitch-twilight/modules/layout.js
+++ b/src/sites/twitch-twilight/modules/layout.js
@@ -312,7 +312,7 @@ export default class Layout extends Module {
 					if (game.includes(text)) {
 						const matchingElement = document.evaluate(`.//*[text()="${game}"]`, node, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
 						if (matchingElement) {
-							matchingElement.innerText = game.replaceAll(text, "");;
+							matchingElement.innerText = game.replaceAll(text, '');
 						}
 					}
 				});