Convert staffhider to TypeScript

assets/js/staffhider.js

@@ -1,17 +0,0 @@
-/**
- * StaffHider
- *
- * Hide staff elements if enabled in the settings.
- */
-
-import { $$ } from './utils/dom';
-
-function hideStaffTools() {
-  if (window.booru.hideStaffTools === 'true') {
-    $$('.js-staff-action').forEach(el => {
-      el.classList.add('hidden');
-    });
-  }
-}
-
-export { hideStaffTools };

assets/js/staffhider.ts

@@ -0,0 +1,13 @@
+/**
+ * StaffHider
+ *
+ * Hide staff elements if enabled in the settings.
+ */
+
+import { $$, hideEl } from './utils/dom';
+
+export function hideStaffTools() {
+  if (window.booru.hideStaffTools === 'true') {
+    $$<HTMLElement>('.js-staff-action').forEach(el => hideEl(el));
+  }
+}

assets/types/booru-object.d.ts

@@ -65,6 +65,10 @@ interface BooruObject {
   spoileredFilter: AstMatcher;
   tagsVersion: number;
   interactions: Interaction[];
+  /**
+   * Indicates whether sensitive staff-only info should be hidden or not.
+   */
+  hideStaffTools: string;
 }
 
 declare global {