From 009b1452b9252a82c461ec4aca91fb181b62877d Mon Sep 17 00:00:00 2001
From: ArgoWizbang <argowizbang@gmail.com>
Date: Sat, 15 Feb 2025 19:24:46 -0500
Subject: [PATCH] Mass Ban Tool 1.0.1

* Fixed: Add-on not running properly in the browser extension version of FFZ when the add-on was already enabled before loading the mod view page
---
 src/mass-ban-tool/index.jsx     | 61 +++++++++++++++++++++++----------
 src/mass-ban-tool/manifest.json |  4 +--
 2 files changed, 44 insertions(+), 21 deletions(-)

diff --git a/src/mass-ban-tool/index.jsx b/src/mass-ban-tool/index.jsx
index e65dd70..d56b535 100644
--- a/src/mass-ban-tool/index.jsx
+++ b/src/mass-ban-tool/index.jsx
@@ -18,6 +18,7 @@ class MassBanTool extends Addon {
 		this.toolIsRunning = false;
 
 		this.inject( 'site.chat' );
+		this.inject( 'site.fine' );
 	}
 
 	buildMassBanToolModal() {
@@ -166,9 +167,11 @@ class MassBanTool extends Addon {
 	}
 
 	checkForModView() {
-		this.modViewContainer = document.querySelector( '.modview-dock > div:last-child' );
+		this.modBar = this.fine.define( 'mod-view-bar' );
+
+		if ( this.modBar ) {
+			this.reactModBar();
 
-		if ( this.modViewContainer ) {
 			return true;	
 		}
 
@@ -185,28 +188,48 @@ class MassBanTool extends Addon {
 		}
 	}
 
-	insertModViewButton() {
-		this.modViewBtn  =( <div class="tw-relative tw-mg-b-1" onClick={ () => this.insertmassBanToolModal() }>
-			<div id="ffz-mass-ban-tool-btn" class="tw-inline-flex tw-relative ffz-il-tooltip__container">
-				<button class="tw-align-items-center tw-align-middle tw-border-bottom-left-radius-medium tw-border-bottom-right-radius-medium tw-border-top-left-radius-medium tw-border-top-right-radius-medium tw-button-icon ffz-core-button ffz-core-button--border tw-inline-flex tw-interactive tw-justify-content-center tw-overflow-hidden tw-relative">
-						<div class="tw-align-items-center tw-flex tw-flex-grow-0">
-							<span class="tw-button-icon__icon">
-								<figure class="ffz-i-block"></figure>
-							</span>
-						</div>
-				</button>
+	reactModBar() {
+		this.modBar.ready( () => { this.update(); } );
+		this.modBar.on( 'mount', this.insertModViewButton, this );
+		this.modBar.on( 'update', this.insertModViewButton, this );
+	}
 
-				<div class="ffz-il-tooltip ffz-il-tooltip--up ffz-il-tooltip--align-left">Mass Ban Tool</div>
-			</div>
-		</div> );
+	update() {
+		requestAnimationFrame( () => {
+			for ( const inst of this.modBar.instances ) {
+				this.insertModViewButton( inst );
+			}
+		} );
+	}
 
-		// Insert mod view button
-		this.modViewContainer.insertBefore( this.modViewBtn, document.getElementsByClassName( 'ffz-mod-view-button' )[0].nextElementSibling );
+	insertModViewButton( inst, modBarContainer, _is_sunlight ) {
+		const root = this.fine.getChildNode( inst );
+
+		if ( inst?.childContext && ! root.contains( this.modViewBtn ) ) {
+			this.modBarContainer = root && root.querySelector('.modview-dock > div:last-child');
+
+			this.modViewBtn  = ( <div class="tw-relative tw-mg-b-1" onClick={ () => this.insertmassBanToolModal() }>
+				<div id="ffz-mass-ban-tool-btn" class="tw-inline-flex tw-relative ffz-il-tooltip__container">
+					<button class="tw-align-items-center tw-align-middle tw-border-bottom-left-radius-medium tw-border-bottom-right-radius-medium tw-border-top-left-radius-medium tw-border-top-right-radius-medium tw-button-icon ffz-core-button ffz-core-button--border tw-inline-flex tw-interactive tw-justify-content-center tw-overflow-hidden tw-relative">
+							<div class="tw-align-items-center tw-flex tw-flex-grow-0">
+								<span class="tw-button-icon__icon">
+									<figure class="ffz-i-block"></figure>
+								</span>
+							</div>
+					</button>
+
+					<div class="ffz-il-tooltip ffz-il-tooltip--up ffz-il-tooltip--align-left">Mass Ban Tool</div>
+				</div>
+			</div> );
+
+			// Insert mod view button
+			this.modBarContainer.insertBefore( this.modViewBtn, this.modBarContainer.lastElementChild );
+		}
 	}
 
 	removeModViewButton() {
-		if ( this.modViewContainer.contains( this.modViewBtn ) ) {
-			this.modViewContainer.removeChild( this.modViewBtn );
+		if ( this.modBarContainer.contains( this.modViewBtn ) ) {
+			this.modBarContainer.removeChild( this.modViewBtn );
 		}
 	}
 
diff --git a/src/mass-ban-tool/manifest.json b/src/mass-ban-tool/manifest.json
index 3fc47f4..b585331 100644
--- a/src/mass-ban-tool/manifest.json
+++ b/src/mass-ban-tool/manifest.json
@@ -1,12 +1,12 @@
 {
 	"enabled": true,
 	"requires": [],
-	"version": "1.0.0",
+	"version": "1.0.1",
 	"short_name": "MassBanTool",
 	"name": "Mass Ban Tool",
 	"author": "ArgoWizbang",
 	"description": "A tool for mass banning/unbanning users via mod view in channels that you moderate or own.\n\nThe button to open the tool can be found in the mod dock on the bottom left section of the mod view page.",
 	"website": "https://argowizbang.com/ffz-add-on/mass-ban-tool/",
 	"created": "2025-01-31T05:34:58.994Z",
-	"updated": "2025-02-03T22:52:21.851Z"
+	"updated": "2025-02-16T00:24:48.096Z"
 }
\ No newline at end of file