Allow to toggle the highlight

package.json

@@ -1,6 +1,6 @@
 {
   "name": "unity-answers-anonymous",
-  "version": "0.4.0",
+  "version": "1.0.0",
   "description": "Userscript to replace $$anonymous$$ tokens on Unity Answers.",
   "license": "MIT",
   "author": "murphyne",

rollup.conf.js

@@ -3,7 +3,7 @@ import virtual from '@rollup/plugin-virtual';
 let bannerText = `
 // ==UserScript==
 // @name         Eliminate $$anonymous$$
-// @version      0.4.0
+// @version      1.0.0
 // @description  Replace $$anonymous$$ on Unity Answers!
 // @license      MIT
 // @author       murphyne
@@ -12,6 +12,9 @@ let bannerText = `
 // @updateUrl    https://github.com/murphyne/unity-answers-anonymous/releases/latest/download/no-anonymous.meta.js
 // @downloadUrl  https://github.com/murphyne/unity-answers-anonymous/releases/latest/download/no-anonymous.user.js
 // @grant        GM_addStyle
+// @grant        GM_registerMenuCommand
+// @grant        GM_getValue
+// @grant        GM_setValue
 // ==/UserScript==
 `;
 

src/index.js

@@ -1,7 +1,7 @@
 export function eliminateAnonymous () {
   'use strict';
 
-  GM_addStyle(`
+  const cssStyle = `
     span.anonymous {
       -moz-text-decoration-line: underline;
       -moz-text-decoration-style: dotted;
@@ -15,7 +15,38 @@ export function eliminateAnonymous () {
       text-decoration-thickness: 1px;
       text-decoration-skip-ink: none;
     }
-  `);
+  `;
+
+  function Config(key, defaultValue) {
+    this.key = key;
+    this.defaultValue = defaultValue;
+
+    Object.defineProperty(this, "value", {
+      get() {
+        return GM_getValue(this.key, defaultValue);
+      },
+      set(value) {
+        GM_setValue(this.key, value);
+      },
+    });
+  }
+
+  let isHighlightEnabled = new Config("isHighlightEnabled", true);
+
+  let style = {
+    styleElement: null,
+    set enabled(value) {
+      if (value) { this.styleElement = GM_addStyle(cssStyle); }
+      else { this.styleElement?.remove(); }
+    }
+  };
+
+  GM_registerMenuCommand('Toggle the highlight', function toggleHighlight () {
+    isHighlightEnabled.value = !isHighlightEnabled.value;
+    style.enabled = isHighlightEnabled.value;
+  });
+
+  style.enabled = isHighlightEnabled.value;
 
   var replacements = [
     [ /(\$\$anonymous\$\$onoBehaviour)/g, "MonoBehaviour" ],