🔖 Release version 2.2.1

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "ttv-lol-pro",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "ttv-lol-pro",
-      "version": "2.2.0",
+      "version": "2.2.1",
       "license": "GPL-3.0",
       "dependencies": {
         "bowser": "^2.11.0",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ttv-lol-pro",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "description": "TTV LOL PRO removes most livestream ads from Twitch.",
   "@parcel/bundler-default": {
     "minBundles": 10000000,

src/manifest.chromium.json

@@ -2,7 +2,7 @@
   "manifest_version": 3,
   "name": "TTV LOL PRO",
   "description": "TTV LOL PRO removes most livestream ads from Twitch.",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "background": {
     "service_worker": "background/background.ts",
     "type": "module"

src/manifest.firefox.json

@@ -2,7 +2,7 @@
   "manifest_version": 2,
   "name": "TTV LOL PRO",
   "description": "TTV LOL PRO removes most livestream ads from Twitch.",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "background": {
     "scripts": ["background/background.ts"],
     "persistent": false

src/options/page.html

@@ -92,6 +92,7 @@
               <label for="anonymous-mode-checkbox">
                 Redact my passport information
               </label>
+              <span class="tag">Recommended</span>
               <br />
               <small>
                 Watch streams as if you were logged out. This option removes

src/page/getFetch.ts

@@ -28,7 +28,7 @@ export function getFetch(options: FetchOptions): typeof fetch {
   if (options.shouldWaitForStore) {
     setTimeout(() => {
       options.shouldWaitForStore = false;
-    }, 3000);
+    }, 5000);
   }
 
   return async function fetch(
@@ -87,15 +87,35 @@ export function getFetch(options: FetchOptions): typeof fetch {
         console.debug(
           "[TTV LOL PRO] 🥅 Caught GraphQL PlaybackAccessToken_Template request. Flagging…"
         );
+
         while (options.shouldWaitForStore) await sleep(100);
-        if (options.state?.anonymousMode) {
+        let graphQlBody = null;
-          console.log("[TTV LOL PRO] ❓ Acting as anonymous user");
+        try {
-          setHeaderToMap(headersMap, "Authorization", "undefined");
+          graphQlBody = JSON.parse(requestBody);
-          removeHeaderFromMap(headersMap, "Client-Session-Id");
+        } catch {}
-          removeHeaderFromMap(headersMap, "Client-Version");
+        const channelName = graphQlBody?.variables?.login as string | undefined;
-          setHeaderToMap(headersMap, "Device-ID", generateRandomString(32));
+        const whitelistedChannelsLower = options.state?.whitelistedChannels.map(
-          removeHeaderFromMap(headersMap, "Sec-GPC");
+          channel => channel.toLowerCase()
-          removeHeaderFromMap(headersMap, "X-Device-Id");
+        );
+        const isWhitelisted =
+          channelName != null &&
+          whitelistedChannelsLower != null &&
+          whitelistedChannelsLower.includes(channelName.toLowerCase());
+
+        if (options.state?.anonymousMode === true) {
+          if (!isWhitelisted) {
+            console.log("[TTV LOL PRO] 🕵️ Anonymous mode is enabled.");
+            setHeaderToMap(headersMap, "Authorization", "undefined");
+            removeHeaderFromMap(headersMap, "Client-Session-Id");
+            removeHeaderFromMap(headersMap, "Client-Version");
+            setHeaderToMap(headersMap, "Device-ID", generateRandomString(32));
+            removeHeaderFromMap(headersMap, "Sec-GPC");
+            removeHeaderFromMap(headersMap, "X-Device-Id");
+          } else {
+            console.log(
+              "[TTV LOL PRO] 🕵️✋ Anonymous mode is enabled but channel is whitelisted."
+            );
+          }
         }
         flagRequest(headersMap);
       } else if (