Update: reverse and reduce states for opacity bookmarklet toggle

Author: asieduernest12

src/Background/index.js

@@ -9,29 +9,28 @@ const { getPrefs, defaultPrefs } = Preferences.init({
   getOrigin: async () => TabHelper.getTabOrigin(),
 });
 
-const listener = (request, sender) =>
-  new Promise((res, _) => {
-    switch (request.message) {
-      case 'storePrefs': {
-        res(StorageHelper.storePrefs(request.action, request.data));
-        break;
-      }
-      case 'retrievePrefs': {
-        res(StorageHelper.retrievePrefs(request.action));
-        break;
-      }
-      case 'setIconBadgeText': {
-        TabHelper.getActiveTab().then((tab) => {
-          chrome.browserAction.setBadgeText({ text: request.data, tabId: tab.id });
-          res(true);
-        });
-        break;
-      }
-      default:
-        res(false);
-        break;
+const listener = (request, sender) => new Promise((res, _) => {
+  switch (request.message) {
+    case 'storePrefs': {
+      res(StorageHelper.storePrefs(request.action, request.data));
+      break;
     }
-  });
+    case 'retrievePrefs': {
+      res(StorageHelper.retrievePrefs(request.action));
+      break;
+    }
+    case 'setIconBadgeText': {
+      TabHelper.getActiveTab().then((tab) => {
+        chrome.browserAction.setBadgeText({ text: request.data, tabId: tab.id });
+        res(true);
+      });
+      break;
+    }
+    default:
+      res(false);
+      break;
+  }
+});
 
 const commandListener = async (command) => {
   Logger.logInfo('commmand fired', command);

src/Bookmarklet/esbuild.js

@@ -25,7 +25,6 @@ build({
       <a href='javascript:${outputScript.replace('ACTION_TO_FIRE', 'fireSaccadesIntervalTransition')};' aria-role="button" aria-description="toggle saccades interval">Toggle SaccadesInterval</a>
       <a href='javascript:${outputScript.replace('ACTION_TO_FIRE', 'fireSaccadesColorTransition')};' aria-role="button" aria-description="toggle saccades color">Toggle SaccadesColor</a>
       <a href='javascript:${outputScript.replace('ACTION_TO_FIRE', 'fireFixationStemOpacityTransition')};' aria-role="button" aria-description="toggle fixation stem opacity">Toggle FixationStemOpacity</a>
-      <br>
       <p>Drag any of the links above onto your bookmark bar to save it as a bookmarklet which works on any site just like the full extension</p>
       
   `,

src/Bookmarklet/index.js

@@ -22,7 +22,10 @@ function writeAttributesToDom() {
     document.body.getAttribute('saccades-color') ?? saccadesColor,
   );
 
-  document.body.setAttribute('fixation-stem-opacity', document.body.getAttribute('fixation-stem-opacity') ?? fixationStemOpacity);
+  document.body.setAttribute(
+    'fixation-stem-opacity',
+    document.body.getAttribute('fixation-stem-opacity') ?? fixationStemOpacity,
+  );
 }
 
 writeAttributesToDom();
@@ -58,13 +61,11 @@ const stateTransitions = {
     ['dark-100', ''],
   ],
   'fixation-stem-opacity': [
-    [null, '20'],
-    [0, 20],
-    [20, 40],
-    [40, 60],
-    [60, 80],
-    [80, 100],
-    [100, 0],
+    [null, '100'],
+    [0, 100],
+    [100, 80],
+    [80, 40],
+    [40, 0],
   ],
 };