diff --git a/eslint.config.cjs b/eslint.config.cjs
index 343b0508231..92bdc286c07 100644
--- a/eslint.config.cjs
+++ b/eslint.config.cjs
@@ -28,7 +28,7 @@ module.exports = [
     ],
   },
 
-  // Configuration for build and config files (CommonJS) - MUST come before js.configs.recommended
+  // Configuration for build and config files (CommonJS)
   {
     files: [
       "webpack.config.js",
@@ -50,7 +50,7 @@ module.exports = [
     },
   },
 
-  // Configuration for Vite config files (ES modules) - MUST come before js.configs.recommended
+  // Configuration for Vite config files (ES modules)
   {
     files: [
       "openlibrary/components/vite.config.mjs",
@@ -68,7 +68,7 @@ module.exports = [
     },
   },
 
-  // Configuration for Storybook preview files (ES modules) - MUST come before js.configs.recommended
+  // Configuration for Storybook preview files (ES modules)
   {
     files: ["stories/.storybook/preview.js"],
     languageOptions: {
@@ -89,7 +89,7 @@ module.exports = [
   // Vue plugin configuration
   ...vuePlugin.configs["flat/recommended"],
 
-  // Base configuration for all JS/Vue files (except config and build files)
+  // Base configuration for all JS/Vue files
   {
     files: ["**/*.js", "**/*.vue"],
     plugins: {
@@ -135,6 +135,12 @@ module.exports = [
       "quote-props": ["error", "as-needed"],
       "keyword-spacing": ["error", { before: true, after: true }],
       "key-spacing": ["error", { mode: "strict" }],
+
+      // GLOBALLY ENFORCED FORMATTING RULES
+      "semi": ["error", "always"],
+      "space-before-function-paren": ["error", "never"],
+      "comma-spacing": ["error", { "before": false, "after": true }],
+
       "vue/no-mutating-props": "off",
       "vue/multi-word-component-names": [
         "error",
@@ -142,7 +148,7 @@ module.exports = [
           ignores: ["Bookshelf", "Shelf"],
         },
       ],
-      // jQuery deprecated rules (from plugin:no-jquery/deprecated)
+      // jQuery deprecated rules
       "no-jquery/no-box-model": "warn",
       "no-jquery/no-browser": "warn",
       "no-jquery/no-live": "warn",
@@ -222,4 +228,82 @@ module.exports = [
       },
     },
   },
+
+  // TEMPORARY EXEMPTIONS: Turn off new formatting rules for files locked in active PRs
+  {
+    files: [
+      "openlibrary/components/BarcodeScanner.vue",
+      "openlibrary/components/BarcodeScanner/components/LazyBookCard.vue",
+      "openlibrary/components/BarcodeScanner/utils/classes.js",
+      "openlibrary/components/BulkSearch.vue",
+      "openlibrary/components/BulkSearch/components/BookCard.vue",
+      "openlibrary/components/BulkSearch/components/BulkSearchControls.vue",
+      "openlibrary/components/BulkSearch/components/MatchRow.vue",
+      "openlibrary/components/BulkSearch/components/MatchTable.vue",
+      "openlibrary/components/BulkSearch/components/NoBookCard.vue",
+      "openlibrary/components/BulkSearch/utils/classes.js",
+      "openlibrary/components/BulkSearch/utils/searchUtils.js",
+      "openlibrary/components/HelloWorld.vue",
+      "openlibrary/components/IdentifiersInput.vue",
+      "openlibrary/components/IdentifiersInput/utils/utils.js",
+      "openlibrary/components/LibraryExplorer.vue",
+      "openlibrary/components/LibraryExplorer/components/BookCover3D.vue",
+      "openlibrary/components/LibraryExplorer/components/BookRoom.vue",
+      "openlibrary/components/LibraryExplorer/components/BooksCarousel.vue",
+      "openlibrary/components/LibraryExplorer/components/CSSBox.vue",
+      "openlibrary/components/LibraryExplorer/components/ClassSlider.vue",
+      "openlibrary/components/LibraryExplorer/components/DemoA.vue",
+      "openlibrary/components/LibraryExplorer/components/FlatBookCover.vue",
+      "openlibrary/components/LibraryExplorer/components/LibraryToolbar.vue",
+      "openlibrary/components/LibraryExplorer/components/OLCarousel.vue",
+      "openlibrary/components/LibraryExplorer/components/Shelf.vue",
+      "openlibrary/components/LibraryExplorer/components/ShelfIndex.vue",
+      "openlibrary/components/LibraryExplorer/components/ShelfLabel.vue",
+      "openlibrary/components/LibraryExplorer/components/ShelfProgressBar.vue",
+      "openlibrary/components/LibraryExplorer/utils.js",
+      "openlibrary/components/LibraryExplorer/utils/lcc.js",
+      "openlibrary/components/MergeUI/MergeTable.vue",
+      "openlibrary/components/MergeUI/utils.js",
+      "openlibrary/components/ObservationForm/ObservationService.js",
+      "openlibrary/components/ObservationForm/Utils.js",
+      "openlibrary/components/lit/OLChip.js",
+      "openlibrary/components/lit/OLChipGroup.js",
+      "openlibrary/components/lit/OLReadMore.js",
+      "openlibrary/components/lit/OlPagination.js",
+      "openlibrary/components/lit/OlPopover.js",
+      "openlibrary/components/rollupInputCore.js",
+      "openlibrary/plugins/openlibrary/js/Browser.js",
+      "openlibrary/plugins/openlibrary/js/SearchBar.js",
+      "openlibrary/plugins/openlibrary/js/SearchPage.js",
+      "openlibrary/plugins/openlibrary/js/SearchUtils.js",
+      "openlibrary/plugins/openlibrary/js/Toast.js",
+      "openlibrary/plugins/openlibrary/js/add-book.js",
+      "openlibrary/plugins/openlibrary/js/add_provider.js",
+      "openlibrary/plugins/openlibrary/js/admin.js",
+      "openlibrary/plugins/openlibrary/js/affiliate-links.js",
+      "openlibrary/plugins/openlibrary/js/autocomplete.js",
+      "openlibrary/plugins/openlibrary/js/banner/index.js",
+      "openlibrary/plugins/openlibrary/js/bulk-tagger/BulkTagger.js",
+      "openlibrary/plugins/openlibrary/js/carousel/Carousel.js",
+      "openlibrary/plugins/openlibrary/js/carousel/index.js",
+      "openlibrary/plugins/openlibrary/js/dialog.js",
+      "openlibrary/plugins/openlibrary/js/edit.js",
+      "openlibrary/plugins/openlibrary/js/goodreads_import.js",
+      "openlibrary/plugins/openlibrary/js/i18n.js",
+      "openlibrary/plugins/openlibrary/js/ile/index.js",
+      "openlibrary/plugins/openlibrary/js/ile/utils/SelectionManager/SelectionManager.js",
+      "openlibrary/plugins/openlibrary/js/markdown-editor/index.js",
+      "openlibrary/plugins/openlibrary/js/merge-request-table/MergeRequestService.js",
+      "openlibrary/plugins/openlibrary/js/merge.js",
+      "openlibrary/plugins/openlibrary/js/modals/index.js",
+      "openlibrary/plugins/openlibrary/js/my-books/MyBooksDropper/ReadingLogForms.js",
+      "openlibrary/plugins/openlibrary/js/password-toggle.js",
+      "openlibrary/plugins/openlibrary/js/service-worker-init.js"
+    ],
+    rules: {
+      "semi": "off",
+      "space-before-function-paren": "off",
+      "comma-spacing": "off"
+    }
+  }
 ];
diff --git a/openlibrary/components/BulkSearch/utils/samples.js b/openlibrary/components/BulkSearch/utils/samples.js
index e9c08adddf5..1d5f9531a85 100644
--- a/openlibrary/components/BulkSearch/utils/samples.js
+++ b/openlibrary/components/BulkSearch/utils/samples.js
@@ -19,4 +19,4 @@ export const sampleData = [
         source: 'https://en.wikipedia.org/wiki/Bibliography_of_the_Holocaust#Historical_studies',
         text: 'Bauer, Yehuda (1994). Jews for Sale? Nazi-Jewish Negotiations 1933-1945. Yale University Press. ISBN 0-300-06852-2.\nBerenbaum, Michael (1990). A Mosaic of Victims: Non-Jews Persecuted and Murdered by the Nazis.\nBergen, Doris (2009). War and Genocide: Concise History of the Holocaust.\nBlack, Edwin (2010). The Farhud: The Arab-Nazi Alliance in the Holocaust. Dialog Press. ISBN 0-914153-14-5.\nBraham, Randolph (1994) [1981]. The Politics of Genocide: The Holocaust in Hungary. Columbia University Press. ISBN 0-88033-247-6.\nBraham, Randolph (2011). The Auschwitz Reports and the Holocaust in Hungary. Columbia University Press.\nChalmers, Beverley (2015). Birth, Sex and Abuse: Women\'s Voices Under Nazi Rule. Grosvenor House Publishing Ltd. ISBN 1781483531.\nDavies, Norman; Lukas, Richard C. (2001) [1996]. Forgotten Holocaust: The Poles Under German Occupation.\nDean, Martin (2008). Robbing the Jews: The Confiscation of Jewish Property in the Holocaust. Cambridge University Press.\nEvans, Suzanne (2004). Forgotten Crimes: The Holocaust and People with Disabilities.\nFriedländer, Saul (1998). The Years of Persecution: Nazi Germany and the Jews, 1933-1939. Vol. 1.\nGrau, Gunter; Shoppmann, Claudia (1995). The Hidden Holocaust?: Gay and Lesbian Persecution in Germany 1933-45.\nHedgepeth, Sonja; Saidel, Rochelle (2010). Sexual Violence against Jewish Women during the Holocaust.\nPeukert, Detlev (1994). "The Genesis of the \'Final Solution\' from the Spirit of Science". In Thomas Childers; Jane Caplan (eds.). Reevaluating the Third Reich. New York: Holmes & Meier. pp. 234–252. ISBN 0-8419-1178-9.\nRees, Laurence (2017). The Holocaust: A New History. London: Viking Press. ISBN 978-1610398442.\nAméry, Jean (1980). At the Mind\'s Limits: Contemplations by a Survivor on Auschwitz and its Realities.\nBlitz Konig, Nanette (2018). Holocaust Memoirs of a Bergen-Belsen Survivor and Classmate of Anne Frank. Amsterdam Publishers. ISBN 9789492371614.\nDittman, Anita (2005). Trapped in Hitler\'s Hell. ISBN 0-9721512-8-1.\nGerrard, Mady. Full Circle. KLPM. ISBN 978-0955865008.\nKogon, Eugen (1974). Der SS-Staat. Das System der deutschen Konzentrationslager (in German).\nRittner, Carol; Roth, John K. (1998). Different Voices: Women and the Holocaust.\nStojka, Ceija (1988). We Live in Seclusion: The Memories of a Romni.\nSteinberg, Manny (2014). Outcry: Holocaust Memoirs. Amsterdam Publishers. ISBN 978-9-082103137.\nWetzler, Alfréd (2007). Escape from Hell: The True Story of the Auschwitz Protocol. Berghahn Books.\nWinter, Walter (2004). Winter Time: Memoirs of a German Sinto who Survived Auschwitz.\nCzech, Danuta (1999). Auschwitz Chronicle: 1939-1945.\nDean, Martin (1999). Collaboration in the Holocaust: Crimes of the Local Police in Belorussia and Ukraine.\nFings, Karola; Kenrick, Donald, eds. (1999). The Gypsies During the Second World War.\nHogan, David J.; Aretha, David, eds. (2000). The Holocaust Chronicle: A History in Words and Pictures. Lincolnwood, IL: Publications International.\nPressac, Jean-Claude (1989). Auschwitz: Technique and operation of the gas chambers.\nAgamben, Giorgio (1999). Remnants of Auschwitz: The Witness and the Archive.\nBloxham, Donald (2009). The Final Solution: A Genocide.\nLawson, Tom (2010). Debates on the Holocaust. University of Manchester Press.\nLeff, Laurel (2005). Buried By The Times: The Holocaust And America\'s Most Important Newspaper. Cambridge University Press. ISBN 0-521-81287-9.\nMason, Timothy. "Intention and Explanation: A Current Controversy about the Interpretation of National Socialism". In Marrus, Michael R. (ed.). The Nazi Holocaust Part 3, The "Final Solution": The Implementation of Mass Murder. Vol. 1. Westpoint, CT: Mecler. pp. 3–20.\nNiewyk, Donald L. (1992). Holocaust: Problems & Perspective of Interpretation.'
     }
-]
+];
diff --git a/openlibrary/components/MergeUI.vue b/openlibrary/components/MergeUI.vue
index ff56fcd9913..0a0ced8c1c8 100644
--- a/openlibrary/components/MergeUI.vue
+++ b/openlibrary/components/MergeUI.vue
@@ -52,13 +52,13 @@
 </template>
 
 <script>
-import MergeTable from './MergeUI/MergeTable.vue'
+import MergeTable from './MergeUI/MergeTable.vue';
 import { do_merge, update_merge_request, createMergeRequest, DEFAULT_EDITION_LIMIT } from './MergeUI/utils.js';
 
-const DO_MERGE = 'Do Merge'
-const REQUEST_MERGE = 'Request Merge'
-const LOADING = 'Loading...'
-const SAVING = 'Saving...'
+const DO_MERGE = 'Do Merge';
+const REQUEST_MERGE = 'Request Merge';
+const LOADING = 'Loading...';
+const SAVING = 'Saving...';
 
 export default {
     name: 'App',
@@ -88,7 +88,7 @@ export default {
             mergeOutput: null,
             show_diffs: false,
             comment: ''
-        }
+        };
     },
     computed: {
         olids() {
@@ -101,19 +101,19 @@ export default {
         },
 
         isSuperLibrarian() {
-            return this.canmerge === 'true'
+            return this.canmerge === 'true';
         },
 
         isDisabled() {
-            return this.mergeStatus !== DO_MERGE && this.mergeStatus !== REQUEST_MERGE
+            return this.mergeStatus !== DO_MERGE && this.mergeStatus !== REQUEST_MERGE;
         },
 
         showRejectButton() {
-            return this.mrid && this.isSuperLibrarian
+            return this.mrid && this.isSuperLibrarian;
         }
     },
     mounted() {
-        const readyCta = this.isSuperLibrarian ? DO_MERGE : REQUEST_MERGE
+        const readyCta = this.isSuperLibrarian ? DO_MERGE : REQUEST_MERGE;
         this.$watch(
             '$refs.mergeTable.merge',
             (new_value) => {
@@ -141,10 +141,10 @@ export default {
                     }
                     this.mergeOutput = await r.json();
                     if (this.mrid) {
-                        await update_merge_request(this.mrid, 'approve', this.comment)
+                        await update_merge_request(this.mrid, 'approve', this.comment);
                     } else {
-                        const workIds = [master.key].concat(Array.from(dupes, item => item.key))
-                        await createMergeRequest(workIds)
+                        const workIds = [master.key].concat(Array.from(dupes, item => item.key));
+                        await createMergeRequest(workIds);
                     }
                 } catch (e) {
                     this.mergeOutput = e.message;
@@ -153,25 +153,25 @@ export default {
                 }
             } else {
                 // Create a new merge request with "pending" status
-                const workIds = [master.key].concat(Array.from(dupes, item => item.key))
-                const splitKey = master.key.split('/')
-                const primaryRecord = splitKey[splitKey.length - 1]
+                const workIds = [master.key].concat(Array.from(dupes, item => item.key));
+                const splitKey = master.key.split('/');
+                const primaryRecord = splitKey[splitKey.length - 1];
                 await createMergeRequest(workIds, primaryRecord, 'create-pending', this.comment)
                     .then(response => response.json())
                     .then(data => {
                         if (data.status === 'ok') {
                             // Redirect to merge table on success:
-                            window.location.replace(`/merges#mrid-${data.id}`)
+                            window.location.replace(`/merges#mrid-${data.id}`);
                         }
-                    })
+                    });
             }
             this.mergeStatus = 'Done';
         },
 
         async rejectMerge() {
             try {
-                await update_merge_request(this.mrid, 'decline', this.comment)
-                this.mergeOutput = 'Merge request closed'
+                await update_merge_request(this.mrid, 'decline', this.comment);
+                this.mergeOutput = 'Merge request closed';
             } catch (e) {
                 this.mergeOutput = e.message;
                 throw e;
@@ -179,7 +179,7 @@ export default {
             this.mergeStatus = 'Reject Merge';
         }
     }
-}
+};
 </script>
 
 <style>
diff --git a/openlibrary/components/MergeUI/AuthorRoleTable.vue b/openlibrary/components/MergeUI/AuthorRoleTable.vue
index a057644f017..11123d90e15 100644
--- a/openlibrary/components/MergeUI/AuthorRoleTable.vue
+++ b/openlibrary/components/MergeUI/AuthorRoleTable.vue
@@ -58,5 +58,5 @@ export default {
             return _.uniq(_.flatMap(this.roles, Object.keys)).sort();
         }
     }
-}
+};
 </script>
diff --git a/openlibrary/components/MergeUI/ExcerptsTable.vue b/openlibrary/components/MergeUI/ExcerptsTable.vue
index 013f3ad0f0c..ea3309dabc3 100644
--- a/openlibrary/components/MergeUI/ExcerptsTable.vue
+++ b/openlibrary/components/MergeUI/ExcerptsTable.vue
@@ -41,5 +41,5 @@ export default {
             return _.uniq(_.flatMap(this.excerpts, Object.keys));
         }
     }
-}
+};
 </script>
diff --git a/openlibrary/components/MergeUI/TextDiff.vue b/openlibrary/components/MergeUI/TextDiff.vue
index 91773141e6b..b5c60bf340d 100644
--- a/openlibrary/components/MergeUI/TextDiff.vue
+++ b/openlibrary/components/MergeUI/TextDiff.vue
@@ -33,7 +33,7 @@ export default {
             return fn[this.resolution](this.left, this.right);
         }
     }
-}
+};
 </script>
 
 <style scoped>
diff --git a/openlibrary/components/ObservationForm.vue b/openlibrary/components/ObservationForm.vue
index 30754a9ba6a..67762001b55 100644
--- a/openlibrary/components/ObservationForm.vue
+++ b/openlibrary/components/ObservationForm.vue
@@ -30,11 +30,11 @@
 </template>
 
 <script>
-import CategorySelector from './ObservationForm/components/CategorySelector.vue'
-import SavedTags from './ObservationForm/components/SavedTags.vue'
-import ValueCard from './ObservationForm/components/ValueCard.vue'
+import CategorySelector from './ObservationForm/components/CategorySelector.vue';
+import SavedTags from './ObservationForm/components/SavedTags.vue';
+import ValueCard from './ObservationForm/components/ValueCard.vue';
 
-import { decodeAndParseJSON, resizeColorbox } from './ObservationForm/Utils'
+import { decodeAndParseJSON, resizeColorbox } from './ObservationForm/Utils';
 
 export default {
     name: 'ObservationForm',
@@ -113,7 +113,7 @@ export default {
              * An array containing all book tag types and values.
              */
             observationsArray: null,
-        }
+        };
     },
     computed: {
         /**
@@ -125,7 +125,7 @@ export default {
             if (this.selectedObservation) {
                 return this.selectedObservation.id;
             }
-            return null
+            return null;
         }
     },
     created: function() {
@@ -138,11 +138,11 @@ export default {
             resizeColorbox();
         });
 
-        this.observer.observe(this.$refs.form)
+        this.observer.observe(this.$refs.form);
     },
     beforeUnmount: function() {
         if (this.observer) {
-            this.observer.disconnect()
+            this.observer.disconnect();
         }
     },
     methods: {
@@ -152,7 +152,7 @@ export default {
          * @param {Object | null} observation The new selected observation, or `null` if no type is selected.
          */
         updateSelected: function(observation) {
-            this.selectedObservation = observation
+            this.selectedObservation = observation;
         },
         /**
          * Randomly sets a selected observation.
@@ -162,7 +162,7 @@ export default {
             this.selectedObservation = this.observationsArray[randomNumber % this.observationsArray.length];
         }
     }
-}
+};
 </script>
 
 <style scoped>
diff --git a/openlibrary/components/ObservationForm/components/CardBody.vue b/openlibrary/components/ObservationForm/components/CardBody.vue
index d268713cc92..5af5981134a 100644
--- a/openlibrary/components/ObservationForm/components/CardBody.vue
+++ b/openlibrary/components/ObservationForm/components/CardBody.vue
@@ -14,9 +14,9 @@
 </template>
 
 <script>
-import OLChip from './OLChip.vue'
+import OLChip from './OLChip.vue';
 
-import { updateObservation } from '../ObservationService'
+import { updateObservation } from '../ObservationService';
 
 export default {
     name: 'CardBody',
@@ -82,7 +82,7 @@ export default {
          * Returns an array of all of this book tag type's currently selected values.
          */
         selectedValues: function() {
-            return this.allSelectedValues[this.type]?.length ? this.allSelectedValues[this.type] : []
+            return this.allSelectedValues[this.type]?.length ? this.allSelectedValues[this.type] : [];
         }
     },
     methods: {
@@ -95,18 +95,18 @@ export default {
          * @param {String} text The text that the updated chip is displaying.
          */
         updateSelected: function(isSelected, text) {
-            let updatedValues = this.allSelectedValues[this.type] ? this.allSelectedValues[this.type] : []
+            let updatedValues = this.allSelectedValues[this.type] ? this.allSelectedValues[this.type] : [];
 
             if (isSelected) {
                 if (this.multiSelect) {
-                    updatedValues.push(text)
+                    updatedValues.push(text);
                     updateObservation('add', this.type, text, this.workKey, this.username)
                         .catch(() => {
                             updatedValues.pop();
                         })
                         .finally(() => {
                             this.allSelectedValues[this.type] = updatedValues;
-                        })
+                        });
                 } else {
                     if (updatedValues.length) {
                         let deleteSuccessful = false;
@@ -118,13 +118,13 @@ export default {
                                 if (deleteSuccessful) {
                                     updateObservation('add', this.type, text, this.workKey, this.username)
                                         .then(() => {
-                                            updatedValues = [text]
+                                            updatedValues = [text];
                                         })
                                         .finally(() => {
                                             this.allSelectedValues[this.type] = updatedValues;
-                                        })
+                                        });
                                 }
-                            })
+                            });
                     }
                 }
             } else {
@@ -133,11 +133,11 @@ export default {
                 updateObservation('delete', this.type, text, this.workKey, this.username)
                     .catch(() => {
                         updatedValues.push(text);
-                    })
+                    });
             }
         }
     }
-}
+};
 </script>
 
 <style scoped>
diff --git a/openlibrary/components/ObservationForm/components/CardHeader.vue b/openlibrary/components/ObservationForm/components/CardHeader.vue
index 4fb3262e8bf..091553b6459 100644
--- a/openlibrary/components/ObservationForm/components/CardHeader.vue
+++ b/openlibrary/components/ObservationForm/components/CardHeader.vue
@@ -18,7 +18,7 @@ export default {
             required: true
         }
     },
-}
+};
 </script>
 
 <style scoped>
diff --git a/openlibrary/components/ObservationForm/components/CategorySelector.vue b/openlibrary/components/ObservationForm/components/CategorySelector.vue
index b9e541ac529..b0345a3f70e 100644
--- a/openlibrary/components/ObservationForm/components/CategorySelector.vue
+++ b/openlibrary/components/ObservationForm/components/CategorySelector.vue
@@ -27,7 +27,7 @@
 </template>
 
 <script>
-import OLChip from './OLChip.vue'
+import OLChip from './OLChip.vue';
 
 export default {
     name: 'CategorySelector',
@@ -82,7 +82,7 @@ export default {
              * @type {number | null}
              */
             selectedId: this.initialSelectedId,
-        }
+        };
     },
     methods: {
         /**
@@ -97,14 +97,14 @@ export default {
                 for (let i = 0; i < this.observationsArray.length; ++i) {
                     if (this.observationsArray[i].label === text) {
                         this.selectedId = this.observationsArray[i].id;
-                        this.$emit('update-selected', this.observationsArray[i])
+                        this.$emit('update-selected', this.observationsArray[i]);
                     }
                 }
             } else {
                 this.selectedId = null;
 
                 // Set ObservationForm's selected observation to null
-                this.$emit('update-selected', null)
+                this.$emit('update-selected', null);
             }
         },
         /**
@@ -113,7 +113,7 @@ export default {
          * @param {number} id A chip's id.
          */
         isSelected: function(id) {
-            return this.selectedId === id
+            return this.selectedId === id;
         },
         /**
          * Returns an HTML code denoting what symbol to display in a book tag type chip.
@@ -131,7 +131,7 @@ export default {
             return '&bull;';
         }
     }
-}
+};
 </script>
 
 <style scoped>
diff --git a/openlibrary/components/ObservationForm/components/OLChip.vue b/openlibrary/components/ObservationForm/components/OLChip.vue
index e5f58967a2e..fc9e8a963d2 100644
--- a/openlibrary/components/ObservationForm/components/OLChip.vue
+++ b/openlibrary/components/ObservationForm/components/OLChip.vue
@@ -59,7 +59,7 @@ export default {
              * @type {boolean}
              */
             isSelected: this.selected
-        }
+        };
     },
     computed: {
         /**
@@ -72,8 +72,8 @@ export default {
         }
     },
     watch: {
-        selected (newValue) {
-            this.isSelected = newValue
+        selected(newValue) {
+            this.isSelected = newValue;
         }
     },
     methods: {
@@ -88,7 +88,7 @@ export default {
              * @property {boolean} isSelected Selected status of this chip.
              * @property {String} text Main text displayed by this chip.
              */
-            this.$emit('update-selected', this.isSelected, this.text)
+            this.$emit('update-selected', this.isSelected, this.text);
         },
         /**
          * Toggles the state of `isSelected`
@@ -97,7 +97,7 @@ export default {
             this.isSelected = !this.isSelected;
         }
     }
-}
+};
 </script>
 
 <style scoped>
diff --git a/openlibrary/components/ObservationForm/components/SavedTags.vue b/openlibrary/components/ObservationForm/components/SavedTags.vue
index 0d023c3d1a5..04c90bb5d62 100644
--- a/openlibrary/components/ObservationForm/components/SavedTags.vue
+++ b/openlibrary/components/ObservationForm/components/SavedTags.vue
@@ -38,9 +38,9 @@
 </template>
 
 <script>
-import OLChip from './OLChip.vue'
+import OLChip from './OLChip.vue';
 
-import { updateObservation } from '../ObservationService'
+import { updateObservation } from '../ObservationService';
 
 
 export default {
@@ -94,7 +94,7 @@ export default {
              * @type {Object}
              */
             classLists: {}
-        }
+        };
     },
     computed: {
         /**
@@ -105,7 +105,7 @@ export default {
 
             for (const type in this.allSelectedValues) {
                 for (const value of this.allSelectedValues[type]) {
-                    results.push(`${type}: ${value}`)
+                    results.push(`${type}: ${value}`);
                 }
             }
 
@@ -119,7 +119,7 @@ export default {
          * @param {String} chipText The text of the selected tag chip, in the form "<type>: <value>"
          */
         removeItem: function(chipText) {
-            const [type, value] = chipText.split(': ')
+            const [type, value] = chipText.split(': ');
 
             const valueIndex = this.allSelectedValues[type].indexOf(value);
             const valueArr = this.allSelectedValues[type];
@@ -131,9 +131,9 @@ export default {
                 })
                 .finally(() => {
                     if (valueArr.length === 0) {
-                        delete this.allSelectedValues[type]
+                        delete this.allSelectedValues[type];
                     }
-                })
+                });
 
             // Remove hover class:
             this.removeHoverClass(chipText);
@@ -152,7 +152,7 @@ export default {
          * @param {String} value The chip's key.
          */
         removeHoverClass: function(value) {
-            this.classLists[value] = ''
+            this.classLists[value] = '';
         },
         /**
          * Returns the class list string for the chip with the given key.
@@ -161,10 +161,10 @@ export default {
          * @returns The chip's class list string.
          */
         getClassList: function(value) {
-            return this.classLists[value] ? this.classLists[value] : ''
+            return this.classLists[value] ? this.classLists[value] : '';
         }
     }
-}
+};
 </script>
 
 <style scoped>
diff --git a/openlibrary/components/ObservationForm/components/ValueCard.vue b/openlibrary/components/ObservationForm/components/ValueCard.vue
index 3a9ca41a81f..c569458edcb 100644
--- a/openlibrary/components/ObservationForm/components/ValueCard.vue
+++ b/openlibrary/components/ObservationForm/components/ValueCard.vue
@@ -16,7 +16,7 @@
 </template>
 
 <script>
-import CardBody from './CardBody.vue'
+import CardBody from './CardBody.vue';
 import CardHeader from './CardHeader.vue';
 
 export default {
@@ -94,7 +94,7 @@ export default {
             required: true
         }
     },
-}
+};
 </script>
 
 <style scoped>
diff --git a/openlibrary/components/dev/vite.config.js b/openlibrary/components/dev/vite.config.js
index ea39d477e95..33b433e4f2c 100644
--- a/openlibrary/components/dev/vite.config.js
+++ b/openlibrary/components/dev/vite.config.js
@@ -2,10 +2,10 @@
 This is the config used for the dev server ala `npm run serve`
 This does not effect production builds
 */
-import { defineConfig } from 'vite'
-import vue from '@vitejs/plugin-vue'
+import { defineConfig } from 'vite';
+import vue from '@vitejs/plugin-vue';
 
 // https://vite.dev/config/
 export default defineConfig({
     plugins: [vue()],
-})
+});
diff --git a/openlibrary/plugins/openlibrary/js/book-page-lists.js b/openlibrary/plugins/openlibrary/js/book-page-lists.js
index eb16d7c0bf8..48ea0fd5ff3 100644
--- a/openlibrary/plugins/openlibrary/js/book-page-lists.js
+++ b/openlibrary/plugins/openlibrary/js/book-page-lists.js
@@ -1,5 +1,5 @@
-import { buildPartialsUrl } from './utils'
-import { initAsyncFollowing } from './following'
+import { buildPartialsUrl } from './utils';
+import { initAsyncFollowing } from './following';
 
 /**
  * Initializes lazy-loading the "Lists" section of Open Library book pages.
@@ -8,56 +8,56 @@ import { initAsyncFollowing } from './following'
  */
 export function initListsSection(elem) {
     // Show loading indicator
-    const loadingIndicator = elem.querySelector('.loadingIndicator')
-    loadingIndicator.classList.remove('hidden')
+    const loadingIndicator = elem.querySelector('.loadingIndicator');
+    loadingIndicator.classList.remove('hidden');
 
-    const ids = JSON.parse(elem.dataset.ids)
+    const ids = JSON.parse(elem.dataset.ids);
 
     const intersectionObserver = new IntersectionObserver((entries) => {
         entries.forEach(entry => {
             if (entry.isIntersecting) {
                 // Unregister intersection listener
-                intersectionObserver.unobserve(entries[0].target)
+                intersectionObserver.unobserve(entries[0].target);
                 fetchPartials(ids.work, ids.edition)
                     .then((resp) => {
                         // Check response code, continue if not 4XX or 5XX
-                        return resp.json()
+                        return resp.json();
                     })
                     .then((data) => {
                         // Replace loading indicator with partials
-                        const listSection = loadingIndicator.parentElement
-                        const fragment = document.createDocumentFragment()
+                        const listSection = loadingIndicator.parentElement;
+                        const fragment = document.createDocumentFragment();
 
                         for (const htmlString of data.partials) {
-                            const template = document.createElement('template')
-                            template.innerHTML = htmlString
-                            fragment.append(...template.content.childNodes)
+                            const template = document.createElement('template');
+                            template.innerHTML = htmlString;
+                            fragment.append(...template.content.childNodes);
                         }
 
-                        listSection.replaceChildren(fragment)
+                        listSection.replaceChildren(fragment);
 
                         // Show "See All" link
                         if (data.hasLists) {
-                            const showAllLink = elem.querySelector('.lists-heading a')
+                            const showAllLink = elem.querySelector('.lists-heading a');
                             if (showAllLink) {
-                                showAllLink.classList.remove('hidden')
+                                showAllLink.classList.remove('hidden');
                             }
                         }
                         // Initialize private buttons after content is loaded
-                        initPrivateButtonsAfterLoad(listSection)
+                        initPrivateButtonsAfterLoad(listSection);
 
                         const followForms = listSection.querySelectorAll('.follow-form');
-                        initAsyncFollowing(followForms)
-                    })
+                        initAsyncFollowing(followForms);
+                    });
             }
-        })
+        });
     }, {
         root: null,
         rootMargin: '200px',
         threshold: 0
-    })
+    });
 
-    intersectionObserver.observe(elem)
+    intersectionObserver.observe(elem);
 }
 
 /**
@@ -65,22 +65,22 @@ export function initListsSection(elem) {
  * @param {HTMLElement} container - The container that now has the loaded content
  */
 function initPrivateButtonsAfterLoad(container) {
-    const privateButtons = container.querySelectorAll('.list-follow-card__private-button')
+    const privateButtons = container.querySelectorAll('.list-follow-card__private-button');
     if (privateButtons.length > 0) {
         import(/* webpackChunkName: "private-buttons" */ './private-button')
             .then(module => {
-                module.initPrivateButtons(privateButtons)
-            })
+                module.initPrivateButtons(privateButtons);
+            });
     }
 }
 
 async function fetchPartials(workId, editionId) {
-    const params = {}
+    const params = {};
     if (workId) {
-        params.workId = workId
+        params.workId = workId;
     }
     if (editionId) {
-        params.editionId = editionId
+        params.editionId = editionId;
     }
 
     return fetch(buildPartialsUrl('BPListsSection', params));
diff --git a/openlibrary/plugins/openlibrary/js/bulk-tagger/BulkTagger/MenuOption.js b/openlibrary/plugins/openlibrary/js/bulk-tagger/BulkTagger/MenuOption.js
index a2280150267..d0af1c9a38b 100644
--- a/openlibrary/plugins/openlibrary/js/bulk-tagger/BulkTagger/MenuOption.js
+++ b/openlibrary/plugins/openlibrary/js/bulk-tagger/BulkTagger/MenuOption.js
@@ -7,7 +7,7 @@ const classTypeSuffixes = {
     subject_places: '--place',
     subject_times: '--time',
     collections: '--collection'
-}
+};
 
 /**
  * @typedef OptionState
@@ -25,7 +25,7 @@ export const MenuOptionState = {
     NONE_TAGGED: 0,
     SOME_TAGGED: 1,
     ALL_TAGGED: 2,
-}
+};
 
 export class MenuOption {
 
@@ -46,7 +46,7 @@ export class MenuOption {
          * @member {HTMLElement}
          * @see {initialize}
          */
-        this.rootElement
+        this.rootElement;
 
         /**
          * Copy of the tag which is represented by this menu option.
@@ -54,7 +54,7 @@ export class MenuOption {
          * @member {Tag}
          * @readonly
          */
-        this.tag = tag
+        this.tag = tag;
 
         /**
          * Represents the amount of selected works that share this tag.
@@ -64,14 +64,14 @@ export class MenuOption {
          *
          * @member {OptionState}
          */
-        this.optionState = optionState
+        this.optionState = optionState;
 
         /**
          * Tracks number of selected works which have this tag.
          *
          * @member {Number}
          */
-        this.taggedWorksCount = taggedWorksCount
+        this.taggedWorksCount = taggedWorksCount;
     }
 
     /**
@@ -81,7 +81,7 @@ export class MenuOption {
      * this menu option
      */
     initialize() {
-        this.createMenuOption()
+        this.createMenuOption();
     }
 
     /**
@@ -91,37 +91,37 @@ export class MenuOption {
      * attached to the DOM, and does not yet have any attached event handlers.
      */
     createMenuOption() {
-        const parentElem = document.createElement('div')
-        parentElem.classList.add('selected-tag')
+        const parentElem = document.createElement('div');
+        parentElem.classList.add('selected-tag');
 
-        let bemSuffix = ''
+        let bemSuffix = '';
         switch (this.optionState) {
         case MenuOptionState.NONE_TAGGED:
-            bemSuffix = 'none-tagged'
-            break
+            bemSuffix = 'none-tagged';
+            break;
         case MenuOptionState.SOME_TAGGED:
-            bemSuffix = 'some-tagged'
-            break
+            bemSuffix = 'some-tagged';
+            break;
         case MenuOptionState.ALL_TAGGED:
-            bemSuffix = 'all-tagged'
-            break
+            bemSuffix = 'all-tagged';
+            break;
         }
 
         const markup = `<span class="selected-tag__status selected-tag__status--${bemSuffix}"></span>
             <span class="selected-tag__name">${this.tag.tagName}</span>
             <span class="selected-tag__type-container">
                 <span class="selected-tag__type selected-tag__type${classTypeSuffixes[this.tag.tagType]}">${this.tag.displayType}</span>
-            </span>`
+            </span>`;
 
-        parentElem.innerHTML = markup
-        this.rootElement = parentElem
+        parentElem.innerHTML = markup;
+        this.rootElement = parentElem;
     }
 
     /**
      * Removes this MenuOption from the DOM.
      */
     remove() {
-        this.rootElement.remove()
+        this.rootElement.remove();
     }
 
     /**
@@ -136,27 +136,27 @@ export class MenuOption {
      */
     updateMenuOptionState(menuOptionState) {
         if (this.rootElement) {  // `rootElement` not set until `initialize` is called
-            this.optionState = menuOptionState
-            const statusIndicator = this.rootElement.querySelector('.selected-tag__status')
+            this.optionState = menuOptionState;
+            const statusIndicator = this.rootElement.querySelector('.selected-tag__status');
             switch (menuOptionState) {
             case MenuOptionState.NONE_TAGGED:
-                statusIndicator.classList.remove('selected-tag__status--all-tagged', 'selected-tag__status--some-tagged')
-                statusIndicator.classList.add('selected-tag__status--none-tagged')
+                statusIndicator.classList.remove('selected-tag__status--all-tagged', 'selected-tag__status--some-tagged');
+                statusIndicator.classList.add('selected-tag__status--none-tagged');
                 break;
             case MenuOptionState.SOME_TAGGED:
-                statusIndicator.classList.remove('selected-tag__status--all-tagged', 'selected-tag__status--none-tagged')
-                statusIndicator.classList.add('selected-tag__status--some-tagged')
+                statusIndicator.classList.remove('selected-tag__status--all-tagged', 'selected-tag__status--none-tagged');
+                statusIndicator.classList.add('selected-tag__status--some-tagged');
                 break;
             case MenuOptionState.ALL_TAGGED:
-                statusIndicator.classList.remove('selected-tag__status--none-tagged', 'selected-tag__status--some-tagged')
-                statusIndicator.classList.add('selected-tag__status--all-tagged')
+                statusIndicator.classList.remove('selected-tag__status--none-tagged', 'selected-tag__status--some-tagged');
+                statusIndicator.classList.add('selected-tag__status--all-tagged');
                 break;
             default:
                 // XXX : `optionState` is now incorrect
-                throw new Error('Unexpected value passed for menu option state.')
+                throw new Error('Unexpected value passed for menu option state.');
             }
         } else {
-            throw new Error('MenuOption must be initialized before state can be updated.')
+            throw new Error('MenuOption must be initialized before state can be updated.');
         }
     }
 
@@ -166,15 +166,15 @@ export class MenuOption {
      * Fires an `option-hidden` event when this is called.
      */
     hide() {
-        this.rootElement.classList.add('hidden')
-        this.rootElement.dispatchEvent(new CustomEvent('option-hidden'))
+        this.rootElement.classList.add('hidden');
+        this.rootElement.dispatchEvent(new CustomEvent('option-hidden'));
     }
 
     /**
      * Shows this menu option.
      */
     show() {
-        this.rootElement.classList.remove('hidden')
+        this.rootElement.classList.remove('hidden');
     }
 
     /**
diff --git a/openlibrary/plugins/openlibrary/js/bulk-tagger/BulkTagger/SortedMenuOptionContainer.js b/openlibrary/plugins/openlibrary/js/bulk-tagger/BulkTagger/SortedMenuOptionContainer.js
index 22ebcb29908..5e94e437d5d 100644
--- a/openlibrary/plugins/openlibrary/js/bulk-tagger/BulkTagger/SortedMenuOptionContainer.js
+++ b/openlibrary/plugins/openlibrary/js/bulk-tagger/BulkTagger/SortedMenuOptionContainer.js
@@ -19,8 +19,8 @@ export class SortedMenuOptionContainer {
      * @param {HTMLElement} element The container
      */
     constructor(element) {
-        this.rootElement = element
-        this.sortedMenuOptions = []
+        this.rootElement = element;
+        this.sortedMenuOptions = [];
     }
 
     /**
@@ -30,9 +30,9 @@ export class SortedMenuOptionContainer {
      */
     add(...menuOptions) {
         for (const option of menuOptions) {
-            const index = this.findIndex(option)
-            this.sortedMenuOptions.splice(index, 0, option)
-            this.updateViewOnAdd(option, index)
+            const index = this.findIndex(option);
+            this.sortedMenuOptions.splice(index, 0, option);
+            this.updateViewOnAdd(option, index);
         }
     }
 
@@ -44,10 +44,10 @@ export class SortedMenuOptionContainer {
      */
     updateViewOnAdd(menuOption, index) {
         if (index === 0) {
-            this.rootElement.prepend(menuOption.rootElement)
+            this.rootElement.prepend(menuOption.rootElement);
         } else {
-            const sibling = this.rootElement.children[index - 1]
-            sibling.insertAdjacentElement('afterend', menuOption.rootElement)
+            const sibling = this.rootElement.children[index - 1];
+            sibling.insertAdjacentElement('afterend', menuOption.rootElement);
         }
     }
 
@@ -58,9 +58,9 @@ export class SortedMenuOptionContainer {
      */
     remove(...menuOptions) {
         for (const option of menuOptions) {
-            const index = this.findIndex(option)
-            const removed = this.sortedMenuOptions.splice(index, 1)
-            removed.forEach((option) => option.remove())
+            const index = this.findIndex(option);
+            const removed = this.sortedMenuOptions.splice(index, 1);
+            removed.forEach((option) => option.remove());
         }
     }
 
@@ -72,25 +72,25 @@ export class SortedMenuOptionContainer {
      * @returns {Number} Index where the given menu option should be inserted.
      */
     findIndex(menuOption) {
-        let index = 0
+        let index = 0;
 
         // XXX : Binary search?
         while (index < this.sortedMenuOptions.length) {
-            const currentMenuOption = this.sortedMenuOptions[index]
+            const currentMenuOption = this.sortedMenuOptions[index];
 
             if (currentMenuOption.tag.tagName.toLowerCase() === menuOption.tag.tagName.toLowerCase()) {
                 // Compare types
                 if (currentMenuOption.tag.tagType.toLowerCase() >= menuOption.tag.tagType.toLowerCase()) {
-                    return index
+                    return index;
                 }
             }
             else if (currentMenuOption.tag.tagName.toLowerCase() > menuOption.tag.tagName.toLowerCase()) {
-                return index
+                return index;
             }
-            ++index
+            ++index;
         }
 
-        return index
+        return index;
     }
 
     /**
@@ -100,7 +100,7 @@ export class SortedMenuOptionContainer {
      * @returns {boolean} `true` if a matching menu option exists in this container
      */
     contains(menuOption) {
-        return this.sortedMenuOptions.some((option) => menuOption.tag.equals(option.tag))
+        return this.sortedMenuOptions.some((option) => menuOption.tag.equals(option.tag));
     }
 
     /**
@@ -110,7 +110,7 @@ export class SortedMenuOptionContainer {
      * @returns {boolean} `true` if a menu option which represents the given tag is in this container.
      */
     containsOptionWithTag(tag) {
-        return this.sortedMenuOptions.some((option) => tag.equals(option.tag))
+        return this.sortedMenuOptions.some((option) => tag.equals(option.tag));
     }
 
     /**
@@ -120,7 +120,7 @@ export class SortedMenuOptionContainer {
      * @returns {MenuOption|undefined} The first matching menu option, or `undefined` if none were found.
      */
     findByTag(tag) {
-        return this.sortedMenuOptions.find((option) => tag.equals(option.tag))
+        return this.sortedMenuOptions.find((option) => tag.equals(option.tag));
     }
 
     /**
@@ -128,8 +128,8 @@ export class SortedMenuOptionContainer {
      */
     clear() {
         while (this.sortedMenuOptions.length > 0) {
-            this.sortedMenuOptions.pop()
+            this.sortedMenuOptions.pop();
         }
-        this.rootElement.innerHTML = ''
+        this.rootElement.innerHTML = '';
     }
 }
diff --git a/openlibrary/plugins/openlibrary/js/bulk-tagger/index.js b/openlibrary/plugins/openlibrary/js/bulk-tagger/index.js
index 6da43278fd3..4c7ef444a73 100644
--- a/openlibrary/plugins/openlibrary/js/bulk-tagger/index.js
+++ b/openlibrary/plugins/openlibrary/js/bulk-tagger/index.js
@@ -36,5 +36,5 @@ export function renderBulkTagger() {
         <div class="submit-tags-section">
             <button type="submit" class="bulk-tagging-submit cta-btn cta-btn--primary" disabled>Submit</button>
         </div>
-    </form>`
+    </form>`;
 }
diff --git a/openlibrary/plugins/openlibrary/js/bulk-tagger/models/Tag.js b/openlibrary/plugins/openlibrary/js/bulk-tagger/models/Tag.js
index aa3bb1887b3..363db838d8e 100644
--- a/openlibrary/plugins/openlibrary/js/bulk-tagger/models/Tag.js
+++ b/openlibrary/plugins/openlibrary/js/bulk-tagger/models/Tag.js
@@ -8,7 +8,7 @@ const displayTypeMapping = {
     subject_places: 'place',
     subject_times: 'time',
     collections: 'collection',
-}
+};
 
 /**
  * Maps UI-ready subject types to their corresponding
@@ -20,7 +20,7 @@ export const subjectTypeMapping = {
     place: 'subject_places',
     time: 'subject_times',
     collection: 'collections'
-}
+};
 
 /**
  * Compare function for determining the order of two tags.
@@ -34,24 +34,24 @@ export const subjectTypeMapping = {
  * @see {Array.sort}
  */
 export function compare(tagA, tagB) {
-    const lowerA = createComparableTag(tagA)
-    const lowerB = createComparableTag(tagB)
+    const lowerA = createComparableTag(tagA);
+    const lowerB = createComparableTag(tagB);
 
     if (lowerA.tagName < lowerB.tagName) {
-        return -1
+        return -1;
     }
     else if (lowerA.tagName > lowerB.tagName) {
-        return 1
+        return 1;
     } else {
         if (lowerA.tagType < lowerB.tagType) {
-            return -1
+            return -1;
         }
         else if (lowerA.tagType > lowerB.tagtype) {
-            return 1
+            return 1;
         }
     }
 
-    return 0
+    return 0;
 }
 
 /**
@@ -68,7 +68,7 @@ function createComparableTag(tag) {
     return {
         tagName: tag.tagName.toLowerCase(),
         tagType: tag.tagType.toLowerCase()
-    }
+    };
 }
 
 /**
@@ -92,11 +92,11 @@ export class Tag {
      */
     constructor(tagName, tagType = null, displayType = null) {
         if (!(tagType || displayType)) {
-            throw new Error('Tag must have at least one type')
+            throw new Error('Tag must have at least one type');
         }
-        this.tagName = tagName
-        this.tagType = tagType || this.convertToType(displayType)
-        this.displayType = displayType || this.convertToDisplayType(tagType)
+        this.tagName = tagName;
+        this.tagType = tagType || this.convertToType(displayType);
+        this.displayType = displayType || this.convertToDisplayType(tagType);
     }
 
     /**
@@ -108,11 +108,11 @@ export class Tag {
      * @throws Will throw an error if the given type is unrecognized.
      */
     convertToType(displayType) {
-        const result = subjectTypeMapping[displayType]
+        const result = subjectTypeMapping[displayType];
         if (!result) {
-            throw new Error('Unrecognized `displayType` value')
+            throw new Error('Unrecognized `displayType` value');
         }
-        return result
+        return result;
     }
 
     /**
@@ -124,11 +124,11 @@ export class Tag {
      * @throws Will throw an error if the given type is unrecognized
      */
     convertToDisplayType(tagType) {
-        const result = displayTypeMapping[tagType]
+        const result = displayTypeMapping[tagType];
         if (!result) {
-            throw new Error('Unrecognized `tagType` value')
+            throw new Error('Unrecognized `tagType` value');
         }
-        return result
+        return result;
     }
 
     /**
@@ -141,9 +141,9 @@ export class Tag {
      * @returns `true` if the given tag is considered equivalent to this tag.
      */
     equals(tag) {
-        const lowerSelf = createComparableTag(this)
-        const lowerTag = createComparableTag(tag)
+        const lowerSelf = createComparableTag(this);
+        const lowerTag = createComparableTag(tag);
 
-        return lowerSelf.tagName === lowerTag.tagName && lowerSelf.tagType === lowerTag.tagType
+        return lowerSelf.tagName === lowerTag.tagName && lowerSelf.tagType === lowerTag.tagType;
     }
 }
diff --git a/openlibrary/plugins/openlibrary/js/clampers.js b/openlibrary/plugins/openlibrary/js/clampers.js
index 26e1faadd65..b170551f1be 100644
--- a/openlibrary/plugins/openlibrary/js/clampers.js
+++ b/openlibrary/plugins/openlibrary/js/clampers.js
@@ -18,14 +18,14 @@ export function initClampers(clampers) {
                     return;
                 }
 
-                clamper.style.display = clamper.style.display === '-webkit-box' || clamper.style.display === '' ? 'unset' : '-webkit-box'
+                clamper.style.display = clamper.style.display === '-webkit-box' || clamper.style.display === '' ? 'unset' : '-webkit-box';
 
                 if (clamper.getAttribute('data-before') === '\u25BE ') {
-                    clamper.setAttribute('data-before', '\u25B8 ')
+                    clamper.setAttribute('data-before', '\u25B8 ');
                 } else {
-                    clamper.setAttribute('data-before', '\u25BE ')
+                    clamper.setAttribute('data-before', '\u25BE ');
                 }
-            })
+            });
         }
     }
 }
diff --git a/openlibrary/plugins/openlibrary/js/compact-title/index.js b/openlibrary/plugins/openlibrary/js/compact-title/index.js
index cbf8d1b7e0b..1ee3c7f14c6 100644
--- a/openlibrary/plugins/openlibrary/js/compact-title/index.js
+++ b/openlibrary/plugins/openlibrary/js/compact-title/index.js
@@ -26,12 +26,12 @@ let mainTitleElem;
  * @param {HTMLElement} title The compact title component
  */
 export function initCompactTitle(navbar, title) {
-    mainTitleElem = document.querySelector('.work-title-and-author.desktop .work-title')
+    mainTitleElem = document.querySelector('.work-title-and-author.desktop .work-title');
     // Show compact title on page reload:
     onScroll(navbar, title);
     // And update on scroll
     window.addEventListener('scroll', function() {
-        onScroll(navbar, title)
+        onScroll(navbar, title);
     });
 }
 
@@ -45,36 +45,36 @@ export function initCompactTitle(navbar, title) {
  * @param {HTMLElement} title The compact title component
  */
 function onScroll(navbar, title) {
-    const compactTitleBounds = title.getBoundingClientRect()
-    const navbarBounds = navbar.getBoundingClientRect()
-    const mainTitleBounds = mainTitleElem.getBoundingClientRect()
+    const compactTitleBounds = title.getBoundingClientRect();
+    const navbarBounds = navbar.getBoundingClientRect();
+    const mainTitleBounds = mainTitleElem.getBoundingClientRect();
     if (mainTitleBounds.bottom < navbarBounds.bottom) {  // The main title is off-screen
         if (!navbar.classList.contains('sticky--lowest')) {  // Compact title not displayed
             // Display compact title
-            title.classList.remove('hidden')
+            title.classList.remove('hidden');
             // Animate navbar
             $(navbar).addClass('nav-bar-wrapper--slidedown')
                 .one('animationend', () => {
-                    $(navbar).addClass('sticky--lowest')
-                    $(navbar).removeClass('nav-bar-wrapper--slidedown')
+                    $(navbar).addClass('sticky--lowest');
+                    $(navbar).removeClass('nav-bar-wrapper--slidedown');
                     // Ensure correct nav item is selected after compact title slides in:
-                    updateSelectedNavItem()
-                })
+                    updateSelectedNavItem();
+                });
         } else {
             if (navbarBounds.top < compactTitleBounds.bottom) {  // We've scrolled to the bottom of the container, and the navbar is unstuck
-                title.classList.add('hidden')
+                title.classList.add('hidden');
             } else {
-                title.classList.remove('hidden')
+                title.classList.remove('hidden');
             }
         }
     } else {  // At least some of the main title is below the navbar
         if (!title.classList.contains('hidden')) {
-            title.classList.add('hidden')
+            title.classList.add('hidden');
             $(navbar).addClass('nav-bar-wrapper--slideup')
                 .one('animationend', () => {
-                    $(navbar).removeClass('sticky--lowest')
-                    $(navbar).removeClass('nav-bar-wrapper--slideup')
-                })
+                    $(navbar).removeClass('sticky--lowest');
+                    $(navbar).removeClass('nav-bar-wrapper--slideup');
+                });
         }
     }
 }
diff --git a/openlibrary/plugins/openlibrary/js/covers.js b/openlibrary/plugins/openlibrary/js/covers.js
index c208baa4bfc..6a6b339ce21 100644
--- a/openlibrary/plugins/openlibrary/js/covers.js
+++ b/openlibrary/plugins/openlibrary/js/covers.js
@@ -18,21 +18,21 @@ export function initCoversChange() {
     // Add iframes lazily when the popup is loaded.
     // This avoids fetching the iframes along with main page.
     $('.coverPop')
-        .on('click', function () {
+        .on('click', function() {
             // clear the content of #imagesAdd and #imagesManage before adding new
             $('.imagesAdd').html('');
             $('.imagesManage').html('');
             if (doc_type_key === '/type/work') {
                 $('.imagesAdd').prepend('<div class="throbber"><h3>$_("Searching for covers")</h3></div>');
             }
-            setTimeout(function () {
+            setTimeout(function() {
                 // add iframe to add images
                 add_iframe('.imagesAdd', add_url);
                 // add iframe to manage images
                 add_iframe('.imagesManage', manage_url);
             }, 0);
         })
-        .on('cbox_cleanup', function () {
+        .on('cbox_cleanup', function() {
             $('.imagesAdd').html('');
             $('.imagesManage').html('');
         });
@@ -131,9 +131,9 @@ async function pasteImage() {
             const blob = await item.getType(mimeType);
             const image = document.createElement('img');
             image.src = URL.createObjectURL(blob);
-            image.alt = ''
-            const imageContainer = document.querySelector('.image-container')
-            imageContainer.replaceChildren(image)
+            image.alt = '';
+            const imageContainer = document.querySelector('.image-container');
+            imageContainer.replaceChildren(image);
 
             // Update the global formData with the new image blob
             formData = new FormData();
@@ -148,7 +148,7 @@ async function pasteImage() {
 
             // Show the upload button
             const uploadButton = document.getElementById('uploadButtonPaste');
-            uploadButton.classList.remove('hidden')
+            uploadButton.classList.remove('hidden');
 
             return formData;
         }
@@ -162,9 +162,9 @@ export function initPasteForm(coverForm) {
     const pasteButton = coverForm.querySelector('#pasteButton');
     let formData = null;
 
-    pasteButton.addEventListener('click', async () => {
+    pasteButton.addEventListener('click', async() => {
         formData = await pasteImage(coverForm);
-        pasteButton.textContent = 'Change Image'
+        pasteButton.textContent = 'Change Image';
     });
 
     coverForm.addEventListener('submit', (event) => {
diff --git a/openlibrary/plugins/openlibrary/js/dropper/Dropper.js b/openlibrary/plugins/openlibrary/js/dropper/Dropper.js
index e2caa919f1e..d9eaccf44fa 100644
--- a/openlibrary/plugins/openlibrary/js/dropper/Dropper.js
+++ b/openlibrary/plugins/openlibrary/js/dropper/Dropper.js
@@ -35,7 +35,7 @@ export class Dropper {
          *
          * @member {HTMLElement}
          */
-        this.dropper = dropper
+        this.dropper = dropper;
 
         /**
          * jQuery object containing the root element of the dropper.
@@ -46,7 +46,7 @@ export class Dropper {
          *
          * @member {JQuery<HTMLElement>}
          */
-        this.$dropper = $(dropper)
+        this.$dropper = $(dropper);
 
         /**
          * Reference to the affordance that, when clicked, toggles
@@ -54,14 +54,14 @@ export class Dropper {
          *
          * @member {HTMLElement}
          */
-        this.dropClick = dropper.querySelector('.generic-dropper__dropclick')
+        this.dropClick = dropper.querySelector('.generic-dropper__dropclick');
 
         /**
          * Tracks the current "Open" state of this dropper.
          *
          * @member {boolean}
          */
-        this.isDropperOpen = dropper.classList.contains('generic-dropper-wrapper--active')
+        this.isDropperOpen = dropper.classList.contains('generic-dropper-wrapper--active');
 
         /**
          * Tracks whether this dropper is disabled.
@@ -70,7 +70,7 @@ export class Dropper {
          *
          * @member {boolean}
          */
-        this.isDropperDisabled = dropper.classList.contains('generic-dropper--disabled')
+        this.isDropperDisabled = dropper.classList.contains('generic-dropper--disabled');
     }
 
     /**
@@ -78,8 +78,8 @@ export class Dropper {
      */
     initialize() {
         this.dropClick.addEventListener('click', () => {
-            this.toggleDropper()
-        })
+            this.toggleDropper();
+        });
     }
 
     /**
@@ -120,14 +120,14 @@ export class Dropper {
             this.onDisabledClick();
         } else {
             this.$dropper.find('.generic-dropper__dropdown').slideToggle(25);
-            this.$dropper.find('.arrow').toggleClass('up')
-            this.$dropper.toggleClass('generic-dropper-wrapper--active')
-            this.isDropperOpen = !this.isDropperOpen
+            this.$dropper.find('.arrow').toggleClass('up');
+            this.$dropper.toggleClass('generic-dropper-wrapper--active');
+            this.isDropperOpen = !this.isDropperOpen;
 
             if (this.isDropperOpen) {
-                this.onOpen()
+                this.onOpen();
             } else {
-                this.onClose()
+                this.onClose();
             }
         }
     }
@@ -144,12 +144,12 @@ export class Dropper {
         if (this.isDropperDisabled) {
             this.onDisabledClick();
         } else {
-            this.$dropper.find('.generic-dropper__dropdown').slideUp(25)
+            this.$dropper.find('.generic-dropper__dropdown').slideUp(25);
             this.$dropper.find('.arrow').removeClass('up');
-            this.$dropper.removeClass('generic-dropper-wrapper--active')
-            this.isDropperOpen = false
+            this.$dropper.removeClass('generic-dropper-wrapper--active');
+            this.isDropperOpen = false;
 
-            this.onClose()
+            this.onClose();
         }
     }
 }
diff --git a/openlibrary/plugins/openlibrary/js/dropper/index.js b/openlibrary/plugins/openlibrary/js/dropper/index.js
index 62ff4c52c59..a6070d178f9 100644
--- a/openlibrary/plugins/openlibrary/js/dropper/index.js
+++ b/openlibrary/plugins/openlibrary/js/dropper/index.js
@@ -4,7 +4,7 @@ import { debounce } from '../nonjquery_utils';
  * Holds references to each dropper on a page.
  * @type {Array<HTMLElement>}
  */
-const droppers = []
+const droppers = [];
 
 /**
  * Adds expand and collapse functionality to our droppers.
@@ -13,24 +13,24 @@ const droppers = []
  */
 export function initDroppers(dropperElements) {
     for (const dropper of dropperElements) {
-        droppers.push(dropper)
+        droppers.push(dropper);
 
         $(dropper).on('click', '.dropclick', debounce(function() {
             $(this).next('.dropdown').slideToggle(25);
             $(this).parent().next('.dropdown').slideToggle(25);
             $(this).parent().find('.arrow').toggleClass('up');
-        }, 300, false))
+        }, 300, false));
 
         $(dropper).on('click', '.dropper__close', debounce(function() {
-            closeDropper($(dropper))
-        }, 300, false))
+            closeDropper($(dropper));
+        }, 300, false));
     }
 
     // Close any open dropdown list if the user clicks outside of component:
     $(document).on('click', function(event) {
         for (const dropper of droppers) {
             if (!dropper.contains(event.target)) {
-                closeDropper($(dropper))
+                closeDropper($(dropper));
             }
         }
     });
@@ -42,9 +42,9 @@ export function initDroppers(dropperElements) {
  */
 function closeDropper($container) {
     $container.find('.dropdown').slideUp(25);  // Legacy droppers
-    $container.find('.generic-dropper__dropdown').slideUp(25)  // New generic droppers
+    $container.find('.generic-dropper__dropdown').slideUp(25);  // New generic droppers
     $container.find('.arrow').removeClass('up');
-    $container.removeClass('generic-dropper-wrapper--active')
+    $container.removeClass('generic-dropper-wrapper--active');
 }
 
 /**
@@ -57,13 +57,13 @@ function closeDropper($container) {
  * @param {NodeList<HTMLElement>} dropperElements
  */
 export function initGenericDroppers(dropperElements) {
-    const genericDroppers = Array.from(dropperElements)
+    const genericDroppers = Array.from(dropperElements);
 
     // Close any open dropdown if the user clicks outside of component:
     $(document).on('click', function(event) {
         for (const dropper of genericDroppers) {
             if (!dropper.contains(event.target)) {
-                closeDropper($(dropper))
+                closeDropper($(dropper));
             }
         }
     });
diff --git a/openlibrary/plugins/openlibrary/js/edition-nav-bar/EditionNavBar.js b/openlibrary/plugins/openlibrary/js/edition-nav-bar/EditionNavBar.js
index f83406c7cf2..ccd143fdbc4 100644
--- a/openlibrary/plugins/openlibrary/js/edition-nav-bar/EditionNavBar.js
+++ b/openlibrary/plugins/openlibrary/js/edition-nav-bar/EditionNavBar.js
@@ -13,39 +13,39 @@ export default class EdtionNavBar {
          * Reference to the parent element of the navbar.
          * @type {HTMLElement}
          */
-        this.navbarWrapper = navbarWrapper
+        this.navbarWrapper = navbarWrapper;
         /**
          * The navbar
          * @type {HTMLElement}
          */
-        this.navbarElem = navbarWrapper.querySelector('.work-menu')
+        this.navbarElem = navbarWrapper.querySelector('.work-menu');
         /**
          * The mobile-only navigation arrow. Not guaranteed to exist.
          * @type {HTMLElement|null}
          */
-        this.navArrowLeft = navbarWrapper.querySelector('.nav-arrow-left')
+        this.navArrowLeft = navbarWrapper.querySelector('.nav-arrow-left');
         /**
          * The mobile-only navigation arrow. Not guaranteed to exist.
          * @type {HTMLElement|null}
          */
-        this.navArrowRight = navbarWrapper.querySelector('.nav-arrow-right')
+        this.navArrowRight = navbarWrapper.querySelector('.nav-arrow-right');
         /**
          * References each nav item in this navbar.
          * @type {Array<HTMLLIElement>}
          */
-        this.navItems = Array.from(this.navbarElem.querySelectorAll('li'))
+        this.navItems = Array.from(this.navbarElem.querySelectorAll('li'));
         /**
          * Index of the currently selected nav item.
          * @type {number}
          */
-        this.selectedIndex = 0
+        this.selectedIndex = 0;
         /**
          * The nav items' target anchor elements.
          * @type {HTMLAnchorElement}
          */
-        this.targetAnchors = []
+        this.targetAnchors = [];
 
-        this.initialize()
+        this.initialize();
     }
 
     /**
@@ -55,16 +55,16 @@ export default class EdtionNavBar {
         // Add click listeners to navbar items:
         for (let i = 0; i < this.navItems.length; ++i) {
             this.navItems[i].addEventListener('click', () => {
-                this.selectedIndex = i
-                this.selectElement(this.navItems[i])
-            })
+                this.selectedIndex = i;
+                this.selectElement(this.navItems[i]);
+            });
 
             // Add this nav item's target anchor to array:
-            this.targetAnchors.push(document.getElementById(this.navItems[i].children[0].hash.substring(1)))
+            this.targetAnchors.push(document.getElementById(this.navItems[i].children[0].hash.substring(1)));
 
             // Set selectedIndex to the correct value:
             if (this.navItems[i].classList.contains('selected')) {
-                this.selectedIndex = i
+                this.selectedIndex = i;
             }
         }
 
@@ -72,26 +72,26 @@ export default class EdtionNavBar {
         if (this.navArrowLeft) {
             this.navArrowLeft.addEventListener('click', () => {
                 if (this.selectedIndex > 0) {
-                    --this.selectedIndex
-                    this.navItems[this.selectedIndex].children[0].click()
+                    --this.selectedIndex;
+                    this.navItems[this.selectedIndex].children[0].click();
                 }
-            })
+            });
         }
 
         if (this.navArrowRight) {
             this.navArrowRight.addEventListener('click', () => {
                 if (this.selectedIndex < this.navItems.length - 1) {
                     // Simulate click on the next nav item:
-                    ++this.selectedIndex
-                    this.navItems[this.selectedIndex].children[0].click()
+                    ++this.selectedIndex;
+                    this.navItems[this.selectedIndex].children[0].click();
                 }
-            })
+            });
         }
 
         // Add scroll listener for position-aware nav item selection
         document.addEventListener('scroll', () => {
-            this.updateSelected()
-        })
+            this.updateSelected();
+        });
     }
 
     /**
@@ -99,16 +99,16 @@ export default class EdtionNavBar {
      * nav item.
      */
     updateSelected() {
-        const navbarHeight = this.navbarWrapper.getBoundingClientRect().height
+        const navbarHeight = this.navbarWrapper.getBoundingClientRect().height;
         if (navbarHeight > 0) {
-            let i = this.navItems.length
+            let i = this.navItems.length;
             // 10 is for a little bit of padding
             while (--i > 0 && this.navbarWrapper.offsetTop + navbarHeight < (this.targetAnchors[i].offsetTop - 10)) {
                 // Do nothing
             }
             if (i !== this.selectedIndex) {
-                this.selectedIndex = i
-                this.selectElement(this.navItems[i])
+                this.selectedIndex = i;
+                this.selectElement(this.navItems[i]);
             }
         }
     }
@@ -126,7 +126,7 @@ export default class EdtionNavBar {
         this.navbarElem.scrollTo({
             left: selectedItem.offsetLeft - (this.navbarElem.clientWidth - selectedItem.offsetWidth) / 2,
             behavior: 'instant'
-        })
+        });
     }
 
     /**
@@ -139,9 +139,9 @@ export default class EdtionNavBar {
      */
     selectElement(selectedElem) {
         for (const li of this.navItems) {
-            li.classList.remove('selected')
+            li.classList.remove('selected');
         }
-        selectedElem.classList.add('selected')
-        this.scrollNavbar(selectedElem)
+        selectedElem.classList.add('selected');
+        this.scrollNavbar(selectedElem);
     }
 }
diff --git a/openlibrary/plugins/openlibrary/js/edition-nav-bar/index.js b/openlibrary/plugins/openlibrary/js/edition-nav-bar/index.js
index dcccf4c477c..1342027e6d2 100644
--- a/openlibrary/plugins/openlibrary/js/edition-nav-bar/index.js
+++ b/openlibrary/plugins/openlibrary/js/edition-nav-bar/index.js
@@ -4,7 +4,7 @@ import EdtionNavBar from './EditionNavBar';
  * Holds references to each book page navbar.
  * @type {Array<EditionNavBar>}
  */
-const navbars = []
+const navbars = [];
 
 /**
  * Initializes and stores references to each book page navbar.
@@ -13,8 +13,8 @@ const navbars = []
  */
 export function initNavbars(navbarWrappers) {
     for (const wrapper of navbarWrappers) {
-        const navbar = new EdtionNavBar(wrapper)
-        navbars.push(navbar)
+        const navbar = new EdtionNavBar(wrapper);
+        navbars.push(navbar);
     }
 }
 
@@ -28,6 +28,6 @@ export function initNavbars(navbarWrappers) {
  */
 export function updateSelectedNavItem() {
     for (const navbar of navbars) {
-        navbar.updateSelected()
+        navbar.updateSelected();
     }
 }
diff --git a/openlibrary/plugins/openlibrary/js/editions-table/index.js b/openlibrary/plugins/openlibrary/js/editions-table/index.js
index 8b297e90999..ad19d4f6dcb 100755
--- a/openlibrary/plugins/openlibrary/js/editions-table/index.js
+++ b/openlibrary/plugins/openlibrary/js/editions-table/index.js
@@ -13,20 +13,20 @@ export function initEditionsTable() {
     }
     $('#editions th.title').on('mouseover', function(){
         if ($(this).hasClass('sorting_asc')) {
-            $(this).attr('title','Sort latest to earliest');
+            $(this).attr('title', 'Sort latest to earliest');
         } else if ($(this).hasClass('sorting_desc')) {
-            $(this).attr('title','Sort earliest to latest');
+            $(this).attr('title', 'Sort earliest to latest');
         } else {
-            $(this).attr('title','Sort by publish date');
+            $(this).attr('title', 'Sort by publish date');
         }
     });
     $('#editions th.read').on('mouseover', function(){
         if ($(this).hasClass('sorting_asc')) {
-            $(this).attr('title','Push readable versions to the bottom');
+            $(this).attr('title', 'Push readable versions to the bottom');
         } else if ($(this).hasClass('sorting_desc')) {
-            $(this).attr('title','Sort by editions to read');
+            $(this).attr('title', 'Sort by editions to read');
         } else {
-            $(this).attr('title','Available to read');
+            $(this).attr('title', 'Available to read');
         }
     });
 
@@ -42,7 +42,7 @@ export function initEditionsTable() {
 
     $('#editions th.read span').html('&nbsp;&uarr;');
     $('#editions th').on('mouseup', function() {
-        toggleSorting(this)
+        toggleSorting(this);
     });
 
     $('#editions').on('length.dt', function(e, settings, length) {
@@ -53,13 +53,13 @@ export function initEditionsTable() {
         if (e.key === 'Enter') {
             toggleSorting(this);
         }
-    })
+    });
 
     rowCount = $('#editions tbody tr').length;
     if (rowCount < 4) {
         $('#editions').DataTable({
-            aoColumns: [{sType: 'html'},null],
-            order: [ [1,'asc'] ],
+            aoColumns: [{sType: 'html'}, null],
+            order: [ [1, 'asc'] ],
             bPaginate: false,
             bInfo: false,
             bFilter: false,
@@ -69,8 +69,8 @@ export function initEditionsTable() {
     } else {
         currentLength = Number(localStorage.getItem(LS_RESULTS_LENGTH_KEY));
         $('#editions').DataTable({
-            aoColumns: [{sType: 'html'},null],
-            order: [ [1,'asc'] ],
+            aoColumns: [{sType: 'html'}, null],
+            order: [ [1, 'asc'] ],
             lengthMenu: [ [3, 10, 25, 50, 100, -1], [3, 10, 25, 50, 100, 'All'] ],
             bPaginate: true,
             bInfo: true,
@@ -81,14 +81,14 @@ export function initEditionsTable() {
             pageLength: currentLength ? currentLength : DEFAULT_LENGTH,
             drawCallback: function() {
                 if ($('#ile-toolbar')) {
-                    const editionStorage = JSON.parse(sessionStorage.getItem('ile-items'))['edition']
+                    const editionStorage = JSON.parse(sessionStorage.getItem('ile-items'))['edition'];
                     const matchEdition = (string) => {
-                        return string.match(/OL[0-9]+[a-zA-Z]/)
-                    }
+                        return string.match(/OL[0-9]+[a-zA-Z]/);
+                    };
                     for (const el of $('.ile-selected')) {
                         const anchor = el.getElementsByTagName('a');
                         if (anchor.length) {
-                            const edIdentifier = matchEdition(anchor[0].getAttribute('href'))
+                            const edIdentifier = matchEdition(anchor[0].getAttribute('href'));
                             if (!editionStorage.includes(edIdentifier[0])) {
                                 el.classList.remove('ile-selected');
                             }
@@ -105,6 +105,6 @@ export function initEditionsTable() {
                     }
                 }
             }
-        })
+        });
     }
 }
diff --git a/openlibrary/plugins/openlibrary/js/following.js b/openlibrary/plugins/openlibrary/js/following.js
index 0930da0acbf..fdeae520f22 100644
--- a/openlibrary/plugins/openlibrary/js/following.js
+++ b/openlibrary/plugins/openlibrary/js/following.js
@@ -2,7 +2,7 @@ import { PersistentToast } from './Toast';
 
 export async function initAsyncFollowing(followForms) {
     followForms.forEach(form => {
-        form.addEventListener('submit', async (e) => {
+        form.addEventListener('submit', async(e) => {
             e.preventDefault();
             const url = form.action;
             const formData = new FormData(form);
diff --git a/openlibrary/plugins/openlibrary/js/fulltext-search-suggestion.js b/openlibrary/plugins/openlibrary/js/fulltext-search-suggestion.js
index 1ac759942b1..5bcf7c8236a 100644
--- a/openlibrary/plugins/openlibrary/js/fulltext-search-suggestion.js
+++ b/openlibrary/plugins/openlibrary/js/fulltext-search-suggestion.js
@@ -1,55 +1,55 @@
-import { buildPartialsUrl } from './utils'
+import { buildPartialsUrl } from './utils';
 
 export function initFulltextSearchSuggestion(fulltextSearchSuggestion) {
-    const isLoading = showLoadingIndicators(fulltextSearchSuggestion)
+    const isLoading = showLoadingIndicators(fulltextSearchSuggestion);
     if (isLoading) {
-        const query = fulltextSearchSuggestion.dataset.query
-        getPartials(fulltextSearchSuggestion, query)
+        const query = fulltextSearchSuggestion.dataset.query;
+        getPartials(fulltextSearchSuggestion, query);
     }
 }
 
 function showLoadingIndicators(fulltextSearchSuggestion) {
-    let isLoading = false
-    const loadingIndicator = fulltextSearchSuggestion.querySelector('.loadingIndicator')
+    let isLoading = false;
+    const loadingIndicator = fulltextSearchSuggestion.querySelector('.loadingIndicator');
     if (loadingIndicator) {
-        isLoading = true
-        loadingIndicator.classList.remove('hidden')
+        isLoading = true;
+        loadingIndicator.classList.remove('hidden');
     }
-    return isLoading
+    return isLoading;
 }
 async function getPartials(fulltextSearchSuggestion, query) {
     return fetch(buildPartialsUrl('FulltextSearchSuggestion', {data: query}))
         .then((resp) => {
             if (resp.status !== 200) {
-                throw new Error(`Failed to fetch partials. Status code: ${resp.status}`)
+                throw new Error(`Failed to fetch partials. Status code: ${resp.status}`);
             }
-            return resp.json()
+            return resp.json();
         })
         .then((data) => {
-            fulltextSearchSuggestion.innerHTML += data['partials']
+            fulltextSearchSuggestion.innerHTML += data['partials'];
             const loadingIndicator = fulltextSearchSuggestion.querySelector('.loadingIndicator');
             if (loadingIndicator) {
-                loadingIndicator.classList.add('hidden')
+                loadingIndicator.classList.add('hidden');
             }
         })
         .catch(() => {
-            const loadingIndicator = fulltextSearchSuggestion.querySelector('.loadingIndicator')
+            const loadingIndicator = fulltextSearchSuggestion.querySelector('.loadingIndicator');
             if (loadingIndicator) {
-                loadingIndicator.classList.add('hidden')
+                loadingIndicator.classList.add('hidden');
             }
-            const existingRetryAffordance = fulltextSearchSuggestion.querySelector('.fulltext-suggestions__retry')
+            const existingRetryAffordance = fulltextSearchSuggestion.querySelector('.fulltext-suggestions__retry');
             if (existingRetryAffordance) {
-                existingRetryAffordance.classList.remove('hidden')
+                existingRetryAffordance.classList.remove('hidden');
             } else {
-                fulltextSearchSuggestion.insertAdjacentHTML('afterbegin', renderRetryLink())
-                const retryAffordance = fulltextSearchSuggestion.querySelector('.fulltext-suggestions__retry')
+                fulltextSearchSuggestion.insertAdjacentHTML('afterbegin', renderRetryLink());
+                const retryAffordance = fulltextSearchSuggestion.querySelector('.fulltext-suggestions__retry');
                 retryAffordance.addEventListener('click', () => {
-                    retryAffordance.classList.add('hidden')
-                    getPartials(fulltextSearchSuggestion, query)
-                })
+                    retryAffordance.classList.add('hidden');
+                    getPartials(fulltextSearchSuggestion, query);
+                });
             }
 
-        })
+        });
 }
 
 /**
@@ -58,5 +58,5 @@ async function getPartials(fulltextSearchSuggestion, query) {
  * @returns {string} HTML for a retry link.
  */
 function renderRetryLink() {
-    return '<span class="fulltext-suggestions__retry">Failed to fetch fulltext search suggestions. <a href="javascript:;">Retry?</a></span>'
+    return '<span class="fulltext-suggestions__retry">Failed to fetch fulltext search suggestions. <a href="javascript:;">Retry?</a></span>';
 }
diff --git a/openlibrary/plugins/openlibrary/js/go-back-links.js b/openlibrary/plugins/openlibrary/js/go-back-links.js
index 9a02f46bd3b..831f781b7f1 100644
--- a/openlibrary/plugins/openlibrary/js/go-back-links.js
+++ b/openlibrary/plugins/openlibrary/js/go-back-links.js
@@ -8,10 +8,10 @@ export function initGoBackLinks(goBackLinks) {
     for (const link of goBackLinks) {
         link.addEventListener('click', () => {
             if (history.length > 2) {
-                history.go(-1)
+                history.go(-1);
             } else {
-                window.location.href='/'
+                window.location.href='/';
             }
-        })
+        });
     }
 }
diff --git a/openlibrary/plugins/openlibrary/js/graphs/plot.js b/openlibrary/plugins/openlibrary/js/graphs/plot.js
index b4034a2ea39..ba3df306062 100644
--- a/openlibrary/plugins/openlibrary/js/graphs/plot.js
+++ b/openlibrary/plugins/openlibrary/js/graphs/plot.js
@@ -68,7 +68,7 @@ export function loadEditionsGraph() {
         }).appendTo('body').fadeIn(200);
     }
     previousPoint = null;
-    placeholder.bind('plothover', function (event, pos, item) {
+    placeholder.bind('plothover', function(event, pos, item) {
         var x, y;
         $('#x').text(pos.x.toFixed(0));
         $('#y').text(pos.y.toFixed(0));
@@ -93,21 +93,21 @@ export function loadEditionsGraph() {
         }
     });
 
-    placeholder.bind('plotclick', function (event, pos, item) {
+    placeholder.bind('plotclick', function(event, pos, item) {
 
         if (item) {
             plot.unhighlight();
             const yearFrom = item.datapoint[0].toFixed(0);
             applyDateFilter(yearFrom, yearFrom);
 
-            plot.highlight(item.series,item.datapoint);
+            plot.highlight(item.series, item.datapoint);
         }
         else {
             plot.unhighlight();
         }
     });
 
-    placeholder.bind('plotselected', function (event, ranges) {
+    placeholder.bind('plotselected', function(event, ranges) {
         plot = $.plot(placeholder, data,
             $.extend(true, {}, options, {
                 xaxis: { min: ranges.xaxis.from, max: ranges.xaxis.to },
@@ -220,7 +220,7 @@ export function plot_tooltip_graph(node, data, tooltip_message, color='#748d36')
             boxShadow: '1px 1px 1px #000'
         }).appendTo('body').fadeIn(200);
     }
-    node.bind('plothover', function (event, pos, item) {
+    node.bind('plothover', function(event, pos, item) {
         var date, milli, x, y;
         $('#x').text(pos.x);
         $('#y').text(pos.y.toFixed(0));
diff --git a/openlibrary/plugins/openlibrary/js/ia_thirdparty_logins.js b/openlibrary/plugins/openlibrary/js/ia_thirdparty_logins.js
index ede17d1940c..e9eab127859 100644
--- a/openlibrary/plugins/openlibrary/js/ia_thirdparty_logins.js
+++ b/openlibrary/plugins/openlibrary/js/ia_thirdparty_logins.js
@@ -17,14 +17,14 @@ export function initMessageEventListener(element) {
             if (e.data.height) element.style.height = `${e.data.height}px`;
         }
         else if (e.data.type === 's3-keys') {
-            const s3AccessInput = document.querySelector('#access')
-            const s3SecretInput = document.querySelector('#secret')
-            s3AccessInput.value = e.data.s3.access
-            s3SecretInput.value = e.data.s3.secret
+            const s3AccessInput = document.querySelector('#access');
+            const s3SecretInput = document.querySelector('#secret');
+            s3AccessInput.value = e.data.s3.access;
+            s3SecretInput.value = e.data.s3.secret;
 
-            const loginForm = document.querySelector('#register')
-            loginForm.action = '/account/login'
-            loginForm.submit()
+            const loginForm = document.querySelector('#register');
+            loginForm.action = '/account/login';
+            loginForm.submit();
         }
     }
 
diff --git a/openlibrary/plugins/openlibrary/js/idValidation.js b/openlibrary/plugins/openlibrary/js/idValidation.js
index 23b9532fa42..c7b7343a29d 100644
--- a/openlibrary/plugins/openlibrary/js/idValidation.js
+++ b/openlibrary/plugins/openlibrary/js/idValidation.js
@@ -84,7 +84,7 @@ export function parseLccn(lccn) {
         .replace(/[/]+.*$/, '');
 
     // splitting at hyphen and padding the right hand value with zeros up to 6 characters
-    const groups = parsed.match(/(.+)-+([0-9]+)/)
+    const groups = parsed.match(/(.+)-+([0-9]+)/);
     if (groups && groups.length === 3) {
         return groups[1] + groups[2].padStart(6, '0');
     }
diff --git a/openlibrary/plugins/openlibrary/js/ile/utils/ol.js b/openlibrary/plugins/openlibrary/js/ile/utils/ol.js
index 2727cc5faed..44333f2bd20 100644
--- a/openlibrary/plugins/openlibrary/js/ile/utils/ol.js
+++ b/openlibrary/plugins/openlibrary/js/ile/utils/ol.js
@@ -45,7 +45,7 @@ export async function move_to_author(work_ids, old_author, new_author) {
             record._comment = 'move to correct author';
             const r = await fetch(url, { method: 'PUT', body: JSON.stringify(record) });
             // eslint-disable-next-line no-console
-            console.log(`moved ${olid}; ${r.status}`)
+            console.log(`moved ${olid}; ${r.status}`);
         } else {
             // eslint-disable-next-line no-console
             console.warn(`${old_author} not in ${url}!`);
diff --git a/openlibrary/plugins/openlibrary/js/index.js b/openlibrary/plugins/openlibrary/js/index.js
index 1a262393ba0..cf222b78fb8 100644
--- a/openlibrary/plugins/openlibrary/js/index.js
+++ b/openlibrary/plugins/openlibrary/js/index.js
@@ -2,7 +2,7 @@ import 'jquery';
 import { exposeGlobally } from './jsdef';
 import initAnalytics from './ol.analytics';
 import init from './ol.js';
-import initServiceWorker from './service-worker-init.js'
+import initServiceWorker from './service-worker-init.js';
 import '../../../../static/css/js-all.css';
 // polyfill Promise support for IE11
 import Promise from 'promise-polyfill';
@@ -24,7 +24,7 @@ initServiceWorker();
 initAnalytics();
 
 // Initialise some things
-jQuery(function () {
+jQuery(function() {
     // conditionally load polyfill for <details> tags (IE11)
     // See http://diveintohtml5.info/everything.html#details
     if (!('open' in document.createElement('details'))) {
@@ -157,7 +157,7 @@ jQuery(function () {
     }
 
     // conditionally load for type changing input
-    const typeChanger = document.getElementById('type.key')
+    const typeChanger = document.getElementById('type.key');
     if (typeChanger) {
         import(/* webpackChunkName: "type-changer" */ './type_changer.js')
             .then(module => module.initTypeChanger(typeChanger));
@@ -197,21 +197,21 @@ jQuery(function () {
     }
 
     // Enable any carousels in the page
-    const carouselElements = document.querySelectorAll('.carousel--progressively-enhanced')
+    const carouselElements = document.querySelectorAll('.carousel--progressively-enhanced');
     if (carouselElements.length) {
         import(/* webpackChunkName: "carousel" */ './carousel')
             .then((module) => {
-                module.initialzeCarousels(carouselElements)
-            })
+                module.initialzeCarousels(carouselElements);
+            });
     }
     if ($('script[type="text/json+graph"]').length > 0) {
         import(/* webpackChunkName: "graphs" */ './graphs')
             .then((module) => module.init());
     }
 
-    const readingLogCharts = document.querySelector('.readinglog-charts')
+    const readingLogCharts = document.querySelector('.readinglog-charts');
     if (readingLogCharts) {
-        const readingLogConfig = JSON.parse(readingLogCharts.dataset.config)
+        const readingLogConfig = JSON.parse(readingLogCharts.dataset.config);
         import(/* webpackChunkName: "readinglog-stats" */ './readinglog_stats')
             .then(module => module.init(readingLogConfig));
     }
@@ -230,7 +230,7 @@ jQuery(function () {
     }
 
     // Disable data export buttons on form submit
-    const patronImportForms = document.querySelectorAll('.patron-export-form')
+    const patronImportForms = document.querySelectorAll('.patron-export-form');
     if (patronImportForms.length) {
         import(/* webpackChunkName: "patron-exports" */ './patron_exports')
             .then(module => module.initPatronExportForms(patronImportForms));
@@ -253,7 +253,7 @@ jQuery(function () {
                     module.addNotesPageButtonListeners();
                 }
                 if ($shareModalLinks.length) {
-                    module.initShareModal($shareModalLinks)
+                    module.initShareModal($shareModalLinks);
                 }
             });
     }
@@ -288,13 +288,13 @@ jQuery(function () {
     }
 
     if (document.getElementById('autofill-dev-credentials')) {
-        document.getElementById('username').value = 'openlibrary@example.com'
-        document.getElementById('password').value = 'admin123'
-        document.getElementById('remember').checked = true
+        document.getElementById('username').value = 'openlibrary@example.com';
+        document.getElementById('password').value = 'admin123';
+        document.getElementById('remember').checked = true;
     }
-    const anonymizationButton = document.querySelector('.account-anonymization-button')
-    const adminLinks = document.getElementById('adminLinks')
-    const confirmButtons = document.querySelectorAll('.do-confirm')
+    const anonymizationButton = document.querySelector('.account-anonymization-button');
+    const adminLinks = document.getElementById('adminLinks');
+    const confirmButtons = document.querySelectorAll('.do-confirm');
     if (adminLinks || anonymizationButton || confirmButtons.length) {
         import(/* webpackChunkName: "admin" */ './admin')
             .then(module => {
@@ -315,7 +315,7 @@ jQuery(function () {
             .then((module) => module.initOfflineBanner());
     }
 
-    const searchFacets = document.getElementById('searchFacets')
+    const searchFacets = document.getElementById('searchFacets');
     if (searchFacets) {
         import(/* webpackChunkName: "search" */ './search')
             .then((module) => module.initSearchFacets(searchFacets));
@@ -330,20 +330,20 @@ jQuery(function () {
                 // Handle pencil clicks
                 document.querySelectorAll('.edit-subject-btn').forEach(btn => {
                     btn.addEventListener('click', (e) => {
-                        e.preventDefault()
-                        const workOlid = btn.dataset.workOlid
+                        e.preventDefault();
+                        const workOlid = btn.dataset.workOlid;
                         if (!window.ILE.selectionManager.selectedItems.work.includes(workOlid)) {
-                            window.ILE.selectionManager.addSelectedItem(workOlid)
-                            window.ILE.selectionManager.updateToolbar()
+                            window.ILE.selectionManager.addSelectedItem(workOlid);
+                            window.ILE.selectionManager.updateToolbar();
                         }
-                        window.ILE.updateAndShowBulkTagger([workOlid], true)
-                    })
-                })
-            })
+                        window.ILE.updateAndShowBulkTagger([workOlid], true);
+                    });
+                });
+            });
         // Import ile then the datatable to apply clickable classes to all listed editions
         if (document.getElementsByClassName('editions-table--progressively-enhanced').length) {
             import(/* webpackChunkName: "editions-table" */ './editions-table')
-                .then(module => module.initEditionsTable())
+                .then(module => module.initEditionsTable());
         }
     }
     // conditionally load functionality based on what's in the page
@@ -361,74 +361,74 @@ jQuery(function () {
         $('#cboxSlideshow').attr({'aria-label': 'Slideshow button', 'aria-hidden': 'true'});
     }
 
-    const droppers = document.querySelectorAll('.dropper')
-    const genericDroppers = document.querySelectorAll('.generic-dropper-wrapper')
+    const droppers = document.querySelectorAll('.dropper');
+    const genericDroppers = document.querySelectorAll('.generic-dropper-wrapper');
     if (droppers.length || genericDroppers.length) {
         import(/* webpackChunkName: "droppers" */ './dropper')
             .then((module) => {
-                module.initDroppers(droppers)
-                module.initGenericDroppers(genericDroppers)
-            })
+                module.initDroppers(droppers);
+                module.initGenericDroppers(genericDroppers);
+            });
     }
 
     // My Books Droppers (includes New List Form and Reading Check-Ins):
-    const myBooksDroppers = document.querySelectorAll('.my-books-dropper')
+    const myBooksDroppers = document.querySelectorAll('.my-books-dropper');
     if (myBooksDroppers.length) {
-        const actionableListShowcases = document.querySelectorAll('.actionable-item')
+        const actionableListShowcases = document.querySelectorAll('.actionable-item');
 
         import(/* webpackChunkName: "my-books" */ './my-books')
             .then((module) => {
-                module.initMyBooksAffordances(myBooksDroppers, actionableListShowcases)
-            })
+                module.initMyBooksAffordances(myBooksDroppers, actionableListShowcases);
+            });
     }
 
     // TODO: Make these selectors a consistent interface
     const $dialogs = $('.dialog--open,.dialog--close,#noMaster,#confirmMerge,#leave-waitinglist-dialog,#bookPreview');
     if ($dialogs.length) {
         import(/* webpackChunkName: "dialog" */ './dialog')
-            .then(module => module.initDialogs())
+            .then(module => module.initDialogs());
     }
 
     const nativeDialogs = document.querySelectorAll('.native-dialog');
     if (nativeDialogs.length) {
         import(/* webpackChunkName: "native-dialog" */ './native-dialog')
-            .then(module => module.initDialogs(nativeDialogs))
+            .then(module => module.initDialogs(nativeDialogs));
     }
 
     // Yearly reading goal functionality
-    const setGoalLinks = document.querySelectorAll('.set-reading-goal-link')
-    const goalEditLinks = document.querySelectorAll('.edit-reading-goal-link')
-    const goalSubmitButtons = document.querySelectorAll('.reading-goal-submit-button')
-    const yearElements = document.querySelectorAll('.use-local-year')
+    const setGoalLinks = document.querySelectorAll('.set-reading-goal-link');
+    const goalEditLinks = document.querySelectorAll('.edit-reading-goal-link');
+    const goalSubmitButtons = document.querySelectorAll('.reading-goal-submit-button');
+    const yearElements = document.querySelectorAll('.use-local-year');
     if (setGoalLinks.length || goalEditLinks.length || goalSubmitButtons.length || yearElements.length) {
         import(/* webpackChunkName: "reading-goals" */ './reading-goals')
             .then((module) => {
                 if (setGoalLinks.length) {
-                    module.initYearlyGoalPrompt(setGoalLinks)
+                    module.initYearlyGoalPrompt(setGoalLinks);
                 }
                 if (goalEditLinks.length) {
-                    module.initGoalEditLinks(goalEditLinks)
+                    module.initGoalEditLinks(goalEditLinks);
                 }
                 if (goalSubmitButtons.length) {
-                    module.initGoalSubmitButtons(goalSubmitButtons)
+                    module.initGoalSubmitButtons(goalSubmitButtons);
                 }
                 if (yearElements.length) {
-                    module.displayLocalYear(yearElements)
+                    module.displayLocalYear(yearElements);
                 }
-            })
+            });
     }
 
-    $(document).on('click', '.slide-toggle', function () {
+    $(document).on('click', '.slide-toggle', function() {
         $(`#${$(this).attr('aria-controls')}`).slideToggle();
     });
 
-    $('#wikiselect').on('focus', function(){$(this).trigger('select');})
+    $('#wikiselect').on('focus', function(){$(this).trigger('select');});
 
-    $('.hamburger-component .mask-menu').on('click', function () {
+    $('.hamburger-component .mask-menu').on('click', function() {
         $('details[open]').not(this).removeAttr('open');
     });
 
-    $('.header-dropdown').on('keydown', function (event) {
+    $('.header-dropdown').on('keydown', function(event) {
         if (event.key === 'Escape') {
             $('.header-dropdown > details[open]').removeAttr('open');
         }
@@ -441,7 +441,7 @@ jQuery(function () {
     });
 
     // Open one dropdown at a time.
-    $(document).on('click', function (event) {
+    $(document).on('click', function(event) {
         const $openMenus = $('.header-dropdown details[open]').parents('.header-dropdown');
         $openMenus
             .filter((_, menu) => !$(event.target).closest(menu).length)
@@ -450,67 +450,67 @@ jQuery(function () {
     });
 
     // Prevent default star rating behavior:
-    const ratingForms = document.querySelectorAll('.star-rating-form')
+    const ratingForms = document.querySelectorAll('.star-rating-form');
     if (ratingForms.length) {
         import(/* webpackChunkName: "star-ratings" */'./star-ratings')
             .then((module) => module.initRatingHandlers(ratingForms));
     }
 
     // Book page navbar initialization:
-    const navbarWrappers = document.querySelectorAll('.nav-bar-wrapper')
+    const navbarWrappers = document.querySelectorAll('.nav-bar-wrapper');
     if (navbarWrappers.length) {
         // Add JS for book page navbar:
         import(/* webpackChunkName: "nav-bar" */ './edition-nav-bar')
             .then((module) => {
-                module.initNavbars(navbarWrappers)
+                module.initNavbars(navbarWrappers);
             });
         // Add sticky title component animations to desktop views:
         import(/* webpackChunkName: "compact-title" */ './compact-title')
             .then((module) => {
-                const compactTitle = document.querySelector('.compact-title')
-                const desktopNavbar = [...navbarWrappers].find(elem => elem.classList.contains('desktop-only'))
-                module.initCompactTitle(desktopNavbar, compactTitle)
-            })
+                const compactTitle = document.querySelector('.compact-title');
+                const desktopNavbar = [...navbarWrappers].find(elem => elem.classList.contains('desktop-only'));
+                module.initCompactTitle(desktopNavbar, compactTitle);
+            });
     }
 
     // Add functionality for librarian merge request table:
-    const librarianQueue = document.querySelector('.librarian-queue-wrapper')
+    const librarianQueue = document.querySelector('.librarian-queue-wrapper');
 
     if (librarianQueue) {
         import(/* webpackChunkName: "merge-request-table" */'./merge-request-table')
             .then(module => {
-                module.initLibrarianQueue(librarianQueue)
-            })
+                module.initLibrarianQueue(librarianQueue);
+            });
     }
 
     // Add functionality to the team page for filtering members:
-    const teamCards = document.querySelector('.teamCards_container')
+    const teamCards = document.querySelector('.teamCards_container');
     if (teamCards) {
         import(/* webpackChunkName "team" */ './team')
             .then(module => {
                 module.initTeamFilter();
-            })
+            });
     }
 
     // Add new providers in edit edition view:
-    const addProviderRowLink = document.querySelector('#add-new-provider-row')
+    const addProviderRowLink = document.querySelector('#add-new-provider-row');
     if (addProviderRowLink) {
         import(/* webpackChunkName "add-provider-link" */ './add_provider')
-            .then(module => module.initAddProviderRowLink(addProviderRowLink))
+            .then(module => module.initAddProviderRowLink(addProviderRowLink));
     }
 
 
     // Allow banner announcements to be dismissed by logged-in users:
-    const banners = document.querySelectorAll('.page-banner--dismissable')
+    const banners = document.querySelectorAll('.page-banner--dismissable');
     if (banners.length) {
         import(/* webpackChunkName: "dismissible-banner" */ './banner')
-            .then(module => module.initDismissibleBanners(banners))
+            .then(module => module.initDismissibleBanners(banners));
     }
 
-    const returnForms = document.querySelectorAll('.return-form')
+    const returnForms = document.querySelectorAll('.return-form');
     if (returnForms.length) {
         import(/* webpackChunkName: "return-form" */ './return-form')
-            .then(module => module.initReturnForms(returnForms))
+            .then(module => module.initReturnForms(returnForms));
     }
 
     const crumbs = document.querySelectorAll('.crumb select');
@@ -538,59 +538,59 @@ jQuery(function () {
     }
 
     // Password visibility toggle:
-    const passwordVisibilityToggle = document.querySelector('.password-visibility-toggle')
+    const passwordVisibilityToggle = document.querySelector('.password-visibility-toggle');
     if (passwordVisibilityToggle) {
         import(/* webpackChunkName: "password-visibility-toggle" */ './password-toggle')
-            .then(module => module.initPasswordToggling(passwordVisibilityToggle))
+            .then(module => module.initPasswordToggling(passwordVisibilityToggle));
     }
 
     // Affiliate links:
-    const affiliateLinksSection = document.querySelectorAll('.affiliate-links-section')
+    const affiliateLinksSection = document.querySelectorAll('.affiliate-links-section');
     if (affiliateLinksSection.length) {
         import(/* webpackChunkName: "affiliate-links" */ './affiliate-links')
-            .then(module => module.initAffiliateLinks(affiliateLinksSection))
+            .then(module => module.initAffiliateLinks(affiliateLinksSection));
     }
 
     // Fulltext search box:
-    const  fulltextSearchSuggestion = document.querySelector('#fulltext-search-suggestion')
+    const  fulltextSearchSuggestion = document.querySelector('#fulltext-search-suggestion');
     if (fulltextSearchSuggestion) {
         import(/* webpackChunkName: "fulltext-search-suggestion" */ './fulltext-search-suggestion')
-            .then(module => module.initFulltextSearchSuggestion(fulltextSearchSuggestion))
+            .then(module => module.initFulltextSearchSuggestion(fulltextSearchSuggestion));
     }
 
     // Go back redirect:
-    const backLinks = document.querySelectorAll('.go-back-link')
+    const backLinks = document.querySelectorAll('.go-back-link');
     if (backLinks.length) {
         import (/* webpackChunkName: "go-back-links" */ './go-back-links')
-            .then(module => module.initGoBackLinks(backLinks))
+            .then(module => module.initGoBackLinks(backLinks));
     }
 
     // Lazy-load book page lists section
-    const listSection = document.querySelector('.lists-section')
+    const listSection = document.querySelector('.lists-section');
     if (listSection) {
         import(/* webpackChunkName: "book-page-lists" */ './book-page-lists')
-            .then(module => module.initListsSection(listSection))
+            .then(module => module.initListsSection(listSection));
     }
 
     // Initialize follow forms lazily
     const followForms = document.querySelectorAll('.follow-form');
     if (followForms.length) {
         import(/* webpackChunkName: "following" */ './following')
-            .then(module => module.initAsyncFollowing(followForms))
+            .then(module => module.initAsyncFollowing(followForms));
     }
 
     // Generalized carousel lazy-loading
-    const lazyCarousels = document.querySelectorAll('.lazy-carousel')
+    const lazyCarousels = document.querySelectorAll('.lazy-carousel');
     if (lazyCarousels.length) {
         import(/* webpackChunkName: "lazy-carousels" */ './lazy-carousel')
-            .then(module => module.initLazyCarousel(lazyCarousels))
+            .then(module => module.initLazyCarousel(lazyCarousels));
     }
 
     // Librarian Dashboard
-    const librarianDashboard = document.querySelector('.librarian-dashboard')
+    const librarianDashboard = document.querySelector('.librarian-dashboard');
     if (librarianDashboard) {
         import(/* webpackChunkName: "librarian-dashboard" */ './librarian-dashboard')
-            .then(module => module.initLibrarianDashboard(librarianDashboard))
+            .then(module => module.initLibrarianDashboard(librarianDashboard));
     }
 
     // List books
@@ -600,9 +600,9 @@ jQuery(function () {
     }
 
     // Stats page login counts
-    const monthlyLoginStats = document.querySelector('.monthly-login-counts')
+    const monthlyLoginStats = document.querySelector('.monthly-login-counts');
     if (monthlyLoginStats) {
         import(/* webpackChunkName: "stats" */ './stats')
-            .then(module => module.initUniqueLoginCounts(monthlyLoginStats))
+            .then(module => module.initUniqueLoginCounts(monthlyLoginStats));
     }
 });
diff --git a/openlibrary/plugins/openlibrary/js/interstitial.js b/openlibrary/plugins/openlibrary/js/interstitial.js
index 43542b622da..a7fbc577c9c 100644
--- a/openlibrary/plugins/openlibrary/js/interstitial.js
+++ b/openlibrary/plugins/openlibrary/js/interstitial.js
@@ -1,21 +1,21 @@
 export function initInterstitial(elem) {
-    let seconds = elem.dataset.wait
-    const url = elem.dataset.url
-    const timerElement = elem.querySelector('#timer')
+    let seconds = elem.dataset.wait;
+    const url = elem.dataset.url;
+    const timerElement = elem.querySelector('#timer');
     const countdown = setInterval(() => {
-        seconds--
-        timerElement.textContent = seconds
+        seconds--;
+        timerElement.textContent = seconds;
         if (seconds === 0) {
-            clearInterval(countdown)
-            window.location.href = url
+            clearInterval(countdown);
+            window.location.href = url;
         }
-    }, 1000) // 1 second interval
+    }, 1000); // 1 second interval
 
     // Add cancel button handler
     const cancelButton = elem.querySelector('.close-window');
     if (cancelButton) {
         cancelButton.addEventListener('click', () => {
-            window.close()
+            window.close();
         });
     }
 }
diff --git a/openlibrary/plugins/openlibrary/js/isbnOverride.js b/openlibrary/plugins/openlibrary/js/isbnOverride.js
index 23b4bf80b56..9a92f6da138 100644
--- a/openlibrary/plugins/openlibrary/js/isbnOverride.js
+++ b/openlibrary/plugins/openlibrary/js/isbnOverride.js
@@ -9,7 +9,7 @@
  */
 export const isbnOverride = {
     data: null,
-    set(isbnData) { this.data = isbnData },
-    get() { return this.data },
-    clear() { this.data = null },
-}
+    set(isbnData) { this.data = isbnData; },
+    get() { return this.data; },
+    clear() { this.data = null; },
+};
diff --git a/openlibrary/plugins/openlibrary/js/jquery.repeat.js b/openlibrary/plugins/openlibrary/js/jquery.repeat.js
index 5e83377fd68..824ffd0f637 100644
--- a/openlibrary/plugins/openlibrary/js/jquery.repeat.js
+++ b/openlibrary/plugins/openlibrary/js/jquery.repeat.js
@@ -1,5 +1,5 @@
-import Template from './template'
-import { isbnOverride } from '../../openlibrary/js/isbnOverride'
+import Template from './template';
+import { isbnOverride } from '../../openlibrary/js/isbnOverride';
 
 /**
  * jquery repeat: jquery plugin to handle repetitive inputs in a form.
@@ -20,7 +20,7 @@ export function init() {
             form: $(`${id}-form`),
             display: $(`${id}-display`),
             template: $(`${id}-template`)
-        }
+        };
 
         function createTemplate(selector) {
             code = $(selector).html()
@@ -110,5 +110,5 @@ export function init() {
         // Click handlers should apply to newly created add/remove selectors
         $(document).on('click', addSelector, onAdd);
         $(document).on('click', removeSelector, onRemove);
-    }
+    };
 }
diff --git a/openlibrary/plugins/openlibrary/js/jsdef.js b/openlibrary/plugins/openlibrary/js/jsdef.js
index df0f7fda1bd..ed238867945 100644
--- a/openlibrary/plugins/openlibrary/js/jsdef.js
+++ b/openlibrary/plugins/openlibrary/js/jsdef.js
@@ -88,7 +88,7 @@ ForLoop.prototype.next = function() {
 
     this.revindex0 = this.length - i;
     this.revindex = this.length - i + 1;
-}
+};
 
 // used in plugins/upstream/jsdef.py
 export function foreach(seq, parent_loop, callback) {
diff --git a/openlibrary/plugins/openlibrary/js/lazy-carousel.js b/openlibrary/plugins/openlibrary/js/lazy-carousel.js
index 603b10715e8..5eed57e3bdd 100644
--- a/openlibrary/plugins/openlibrary/js/lazy-carousel.js
+++ b/openlibrary/plugins/openlibrary/js/lazy-carousel.js
@@ -13,19 +13,19 @@ export function initLazyCarousel(elems) {
         root: null,
         rootMargin: '200px',
         threshold: 0
-    })
+    });
 
     elems.forEach(elem => {
         // Observe element for intersections
-        intersectionObserver.observe(elem)
+        intersectionObserver.observe(elem);
 
         // Add retry listener
-        const retryElem = elem.querySelector('.retry-btn')
+        const retryElem = elem.querySelector('.retry-btn');
         retryElem.addEventListener('click', (e) => {
-            e.preventDefault()
+            e.preventDefault();
             handleRetry(elem);
-        })
-    })
+        });
+    });
 }
 
 /**
@@ -35,7 +35,7 @@ export function initLazyCarousel(elems) {
  * @returns {Promise<Response>}
  */
 async function fetchPartials(data) {
-    return fetch(buildPartialsUrl('LazyCarousel', {...data}))
+    return fetch(buildPartialsUrl('LazyCarousel', {...data}));
 }
 
 /**
@@ -50,21 +50,21 @@ async function fetchPartials(data) {
  * @param target {HTMLElement} A placeholder element for a carousel
  */
 function doFetchAndUpdate(target) {
-    const config = JSON.parse(target.dataset.config)
-    const loadingIndicator = target.querySelector('.loadingIndicator')
+    const config = JSON.parse(target.dataset.config);
+    const loadingIndicator = target.querySelector('.loadingIndicator');
 
     fetchPartials(config)
         .then(resp => {
             if (!resp.ok) {
-                throw new Error('Failed to fetch partials from server')
+                throw new Error('Failed to fetch partials from server');
             }
-            return resp.json()
+            return resp.json();
         })
         .then(data => {
-            const newElem = document.createElement('div')
-            newElem.innerHTML = data.partials.trim()
-            const carouselElements = newElem.querySelectorAll('.carousel--progressively-enhanced')
-            loadingIndicator.classList.add('hidden')
+            const newElem = document.createElement('div');
+            newElem.innerHTML = data.partials.trim();
+            const carouselElements = newElem.querySelectorAll('.carousel--progressively-enhanced');
+            loadingIndicator.classList.add('hidden');
 
             if (carouselElements.length === 0 && config.fallback) {
                 // No results, disable filters
@@ -77,16 +77,16 @@ function doFetchAndUpdate(target) {
 
                 target.querySelector('.lazy-carousel-fallback').classList.remove('hidden');
             } else {
-                target.parentNode.insertBefore(newElem, target)
-                target.remove()
-                initialzeCarousels(carouselElements)
+                target.parentNode.insertBefore(newElem, target);
+                target.remove();
+                initialzeCarousels(carouselElements);
             }
         })
         .catch(() => {
             loadingIndicator.classList.add('hidden');
-            const retryElem = target.querySelector('.lazy-carousel-retry')
-            retryElem.classList.remove('hidden')
-        })
+            const retryElem = target.querySelector('.lazy-carousel-retry');
+            retryElem.classList.remove('hidden');
+        });
 }
 
 /**
@@ -96,13 +96,13 @@ function doFetchAndUpdate(target) {
  * @param target {Element}
  */
 function handleRetry(target) {
-    target.querySelector('.loadingIndicator').classList.remove('hidden')
-    target.querySelector('.lazy-carousel-retry').classList.add('hidden')
-    const carouselFallbackElem = target.querySelector('.lazy-carousel-fallback')
+    target.querySelector('.loadingIndicator').classList.remove('hidden');
+    target.querySelector('.lazy-carousel-retry').classList.add('hidden');
+    const carouselFallbackElem = target.querySelector('.lazy-carousel-fallback');
     if (carouselFallbackElem) {
-        carouselFallbackElem.classList.add('hidden')
+        carouselFallbackElem.classList.add('hidden');
     }
-    doFetchAndUpdate(target)
+    doFetchAndUpdate(target);
 }
 
 /**
@@ -116,9 +116,9 @@ function handleRetry(target) {
 function intersectionCallback(entries, observer) {
     entries.forEach(entry => {
         if (entry.isIntersecting) {
-            const target = entry.target
-            observer.unobserve(target)
-            doFetchAndUpdate(target)
+            const target = entry.target;
+            observer.unobserve(target);
+            doFetchAndUpdate(target);
         }
-    })
+    });
 }
diff --git a/openlibrary/plugins/openlibrary/js/librarian-dashboard/index.js b/openlibrary/plugins/openlibrary/js/librarian-dashboard/index.js
index 73bb92ba585..2d62daf4021 100644
--- a/openlibrary/plugins/openlibrary/js/librarian-dashboard/index.js
+++ b/openlibrary/plugins/openlibrary/js/librarian-dashboard/index.js
@@ -9,11 +9,11 @@ let i18nStrings;
  * @param {HTMLDetailsElement} rootElement
  */
 export function initLibrarianDashboard(rootElement) {
-    i18nStrings = JSON.parse(rootElement.dataset.i18n)
-    const table = rootElement.querySelector('.dq-table')
+    i18nStrings = JSON.parse(rootElement.dataset.i18n);
+    const table = rootElement.querySelector('.dq-table');
     rootElement.addEventListener('click', () => {
-        populateTable(table)
-    }, {once: true})
+        populateTable(table);
+    }, {once: true});
 }
 
 /**
@@ -23,10 +23,10 @@ export function initLibrarianDashboard(rootElement) {
  * @returns {Promise<void>}
  */
 async function populateTable(table) {
-    const bookCount = Number(table.dataset.totalBooks)
-    const rows = table.querySelectorAll('.dq-table__row')
+    const bookCount = Number(table.dataset.totalBooks);
+    const rows = table.querySelectorAll('.dq-table__row');
 
-    await Promise.all([...rows].map(row => updateRow(row, bookCount)))
+    await Promise.all([...rows].map(row => updateRow(row, bookCount)));
 }
 
 /**
@@ -37,44 +37,44 @@ async function populateTable(table) {
  * @returns {Promise<void>}
  */
 async function updateRow(row, totalCount) {
-    const queryFragment = row.dataset.queryFragment
-    const apiUrl = buildUrl(queryFragment, false)
-    const searchPageUrl = buildUrl(queryFragment)
+    const queryFragment = row.dataset.queryFragment;
+    const apiUrl = buildUrl(queryFragment, false);
+    const searchPageUrl = buildUrl(queryFragment);
 
     // Make query
     const data = await fetch(apiUrl)
         .then((resp) => {
             if (!resp.ok) {
-                throw new Error(`Data quality response status : ${resp.status}`)
+                throw new Error(`Data quality response status : ${resp.status}`);
             }
-            return resp.json()
+            return resp.json();
         })
         .catch(() => {
             return null;
-        })
+        });
 
     // Render status cell markup
-    let newCellMarkup
+    let newCellMarkup;
     if (data === null) {
-        newCellMarkup = renderErrorCell(searchPageUrl)
+        newCellMarkup = renderErrorCell(searchPageUrl);
     } else {
-        newCellMarkup = renderResultsCells(data, totalCount, searchPageUrl)
+        newCellMarkup = renderResultsCells(data, totalCount, searchPageUrl);
     }
 
     // Include retry affordance, regardless of result
-    newCellMarkup += renderRetryCell()
+    newCellMarkup += renderRetryCell();
 
-    replaceStatusCells(row, newCellMarkup)
+    replaceStatusCells(row, newCellMarkup);
 
     // Add listener to retry affordance
-    const retryAffordance = row.querySelector('.dqs-run-again')
+    const retryAffordance = row.querySelector('.dqs-run-again');
     retryAffordance.addEventListener('click', () => {
         // Update view to "pending"
-        replaceStatusCells(row, renderPendingCell())
+        replaceStatusCells(row, renderPendingCell());
 
         // Retry query
-        updateRow(row, totalCount)
-    })
+        updateRow(row, totalCount);
+    });
 }
 
 /**
@@ -84,12 +84,12 @@ async function updateRow(row, totalCount) {
  * @param {boolean} forUi
  */
 function buildUrl(queryFragment, forUi = true) {
-    const match = window.location.pathname.match(/authors\/(OL\d+A)/)
-    const queryParamString = match ? `?q=author_key:${match[1]}` : window.location.search
+    const match = window.location.pathname.match(/authors\/(OL\d+A)/);
+    const queryParamString = match ? `?q=author_key:${match[1]}` : window.location.search;
 
-    const params = new URLSearchParams(queryParamString)
-    params.set('q', `${params.get('q')} ${queryFragment}`)
-    return `/search${forUi ? '' : '.json'}?${params.toString()}`
+    const params = new URLSearchParams(queryParamString);
+    params.set('q', `${params.get('q')} ${queryFragment}`);
+    return `/search${forUi ? '' : '.json'}?${params.toString()}`;
 }
 
 /**
@@ -99,14 +99,14 @@ function buildUrl(queryFragment, forUi = true) {
  * @param {string} newCellMarkup Markup for the new status cells
  */
 function replaceStatusCells(row, newCellMarkup) {
-    const statusCells = row.querySelectorAll('td:not(.dq-table__criterion-cell)')
+    const statusCells = row.querySelectorAll('td:not(.dq-table__criterion-cell)');
     for (const cell of statusCells) {
-        cell.remove()
+        cell.remove();
     }
 
-    const template = document.createElement('template')
-    template.innerHTML = newCellMarkup
-    row.append(...template.content.children)
+    const template = document.createElement('template');
+    template.innerHTML = newCellMarkup;
+    row.append(...template.content.children);
 }
 
 /**
@@ -119,8 +119,8 @@ function replaceStatusCells(row, newCellMarkup) {
  * @returns {string} HTML string
  */
 function renderResultsCells(results, totalCount, failingHref) {
-    const numFound = results.numFound
-    const percentage = Math.floor(((totalCount - numFound) / totalCount) * 100)
+    const numFound = results.numFound;
+    const percentage = Math.floor(((totalCount - numFound) / totalCount) * 100);
 
     return `<td class="dq-table__results-cell">
         <meter title="${numFound} of ${totalCount}" min="0" max="100" value="${percentage}"></meter>
@@ -128,7 +128,7 @@ function renderResultsCells(results, totalCount, failingHref) {
     </td>
     <td style="text-align:right">
         <a href="${failingHref}">${numFound} ${i18nStrings['failing']}</a>
-    </td>`
+    </td>`;
 }
 
 /**
@@ -141,7 +141,7 @@ function renderRetryCell() {
         <button class="dqs-run-again">
             ${i18nStrings['reload']}
         </button>
-    </td>`
+    </td>`;
 }
 
 /**
@@ -153,7 +153,7 @@ function renderRetryCell() {
 function renderErrorCell(href) {
     return `<td colspan="2">
         <a href="${href}">${i18nStrings['error']}</a>
-    </td>`
+    </td>`;
 }
 
 /**
@@ -162,5 +162,5 @@ function renderErrorCell(href) {
  * @returns {string}
  */
 function renderPendingCell() {
-    return `<td colspan="3">${i18nStrings['loading']}</td>`
+    return `<td colspan="3">${i18nStrings['loading']}</td>`;
 }
diff --git a/openlibrary/plugins/openlibrary/js/lists/ListViewBody.js b/openlibrary/plugins/openlibrary/js/lists/ListViewBody.js
index 44e77eb245a..d626b6ca0cc 100644
--- a/openlibrary/plugins/openlibrary/js/lists/ListViewBody.js
+++ b/openlibrary/plugins/openlibrary/js/lists/ListViewBody.js
@@ -40,7 +40,7 @@ if (itemsWithDeleteSeed.length) {
  */
 function remove_seed(list_key, seed, success) {
     if (seed[0] === '/') {
-        seed = {key: seed}
+        seed = {key: seed};
     }
 
     $.ajax({
diff --git a/openlibrary/plugins/openlibrary/js/lists/ShowcaseItem.js b/openlibrary/plugins/openlibrary/js/lists/ShowcaseItem.js
index f20a633ec3c..2c522e21077 100644
--- a/openlibrary/plugins/openlibrary/js/lists/ShowcaseItem.js
+++ b/openlibrary/plugins/openlibrary/js/lists/ShowcaseItem.js
@@ -1,8 +1,8 @@
 /**
  * @module lists/ShowcaseItem.js
  */
-import { removeItem } from './ListService'
-import myBooksStore from '../my-books/store'
+import { removeItem } from './ListService';
+import myBooksStore from '../my-books/store';
 
 /**
  * Represents an actionable list showcase item.
@@ -37,59 +37,59 @@ export class ShowcaseItem {
          * Reference to the root element of this component.
          * @member {HTMLElement}
          */
-        this.showcaseElem = showcaseElem
+        this.showcaseElem = showcaseElem;
 
         /**
          * `true` if this object represents the active lists showcase.
          * @member {boolean}
          */
-        this.isActiveShowcase = showcaseElem.parentElement.classList.contains('already-lists')
+        this.isActiveShowcase = showcaseElem.parentElement.classList.contains('already-lists');
 
         /**
          * Reference to the affordance which removes an item from this list.
          * @member {HTMLElement}
          */
-        this.removeFromListAffordance = showcaseElem.querySelector('.remove-from-list')
+        this.removeFromListAffordance = showcaseElem.querySelector('.remove-from-list');
 
         /**
          * Unique identifier for the showcased list.
          * @member {string}
          */
-        this.listKey = this.removeFromListAffordance.dataset.listKey
+        this.listKey = this.removeFromListAffordance.dataset.listKey;
 
         /**
          * Unique identifier for the showcased list member.
          * @member {string}
          */
-        this.seedKey = showcaseElem.querySelector('input[name=seed-key]').value
+        this.seedKey = showcaseElem.querySelector('input[name=seed-key]').value;
 
         /**
          * The list item's type.
          * @member {'subject'|'edition'|'work'|'author'}
          */
-        this.type = showcaseElem.querySelector('input[name=seed-type]').value
+        this.type = showcaseElem.querySelector('input[name=seed-type]').value;
 
         /**
          * `true` if this list item is a subject.
          * @member {boolean}
          */
-        this.isSubject = this.type === 'subject'
+        this.isSubject = this.type === 'subject';
 
         /**
          * `true` if this list item is a work
          * @member {boolean}
          */
-        this.isWork = !this.isSubject && this.seedKey.slice(-1) === 'W'
+        this.isWork = !this.isSubject && this.seedKey.slice(-1) === 'W';
 
         /**
          * `POST` request-ready representation of the list's seed key.
          * @member {string|object}
          */
-        this.seed
+        this.seed;
         if (this.isSubject) {
-            this.seed = this.seedKey
+            this.seed = this.seedKey;
         } else {
-            this.seed = { key: this.seedKey }
+            this.seed = { key: this.seedKey };
         }
     }
 
@@ -99,9 +99,9 @@ export class ShowcaseItem {
      */
     initialize() {
         this.removeFromListAffordance.addEventListener('click', (event) => {
-            event.preventDefault()
-            this.removeShowcaseItem()
-        })
+            event.preventDefault();
+            this.removeShowcaseItem();
+        });
     }
 
     /**
@@ -114,24 +114,24 @@ export class ShowcaseItem {
         await removeItem(this.listKey, this.seed)
             .then(response => response.json())
             .then(() => {
-                const showcases = myBooksStore.getShowcases()
+                const showcases = myBooksStore.getShowcases();
 
                 // Remove self:
-                this.removeSelf()
+                this.removeSelf();
 
                 // Remove other showcase items that are associated with the list and seed key:
                 for (const showcase of showcases) {
                     if (showcase.isShowcaseForListAndSeed(this.listKey, this.seedKey)) {
-                        showcase.removeSelf()
+                        showcase.removeSelf();
                     }
                 }
 
                 // Update droppers:
-                const droppers = myBooksStore.getDroppers()
+                const droppers = myBooksStore.getDroppers();
                 for (const dropper of droppers) {
-                    dropper.readingLists.updateViewAfterModifyingList(this.listKey, this.isWork, false)
+                    dropper.readingLists.updateViewAfterModifyingList(this.listKey, this.isWork, false);
                 }
-            })
+            });
     }
 
     /**
@@ -141,11 +141,11 @@ export class ShowcaseItem {
      * upon success.
      */
     removeSelf() {
-        const showcases = myBooksStore.getShowcases()
-        const thisIndex = showcases.indexOf(this)
+        const showcases = myBooksStore.getShowcases();
+        const thisIndex = showcases.indexOf(this);
         if (thisIndex >= 0) {
-            this.showcaseElem.remove()
-            showcases.splice(thisIndex, 1)
+            this.showcaseElem.remove();
+            showcases.splice(thisIndex, 1);
         }
     }
 
@@ -164,15 +164,15 @@ export class ShowcaseItem {
         if (this.isActiveShowcase) {
             if (showWorks) {
                 if (this.isWork) {
-                    this.showcaseElem.classList.remove('hidden')
+                    this.showcaseElem.classList.remove('hidden');
                 } else {
-                    this.showcaseElem.classList.add('hidden')
+                    this.showcaseElem.classList.add('hidden');
                 }
             } else {
                 if (this.isWork) {
-                    this.showcaseElem.classList.add('hidden')
+                    this.showcaseElem.classList.add('hidden');
                 } else {
-                    this.showcaseElem.classList.remove('hidden')
+                    this.showcaseElem.classList.remove('hidden');
                 }
             }
         }
@@ -186,7 +186,7 @@ export class ShowcaseItem {
      * @return {boolean} `true` if the given keys match this item's keys
      */
     isShowcaseForListAndSeed(listKey, seedKey) {
-        return (this.listKey === listKey) && (this.seedKey === seedKey)
+        return (this.listKey === listKey) && (this.seedKey === seedKey);
     }
 }
 
@@ -195,9 +195,9 @@ export class ShowcaseItem {
  * showcase items.
  * @type {Record<string, string>}
  */
-let i18nStrings
+let i18nStrings;
 
-const DEFAULT_COVER_URL = '/images/icons/avatar_book-sm.png'
+const DEFAULT_COVER_URL = '/images/icons/avatar_book-sm.png';
 
 /**
  * Returns the inferred type of the given seed key.
@@ -208,16 +208,16 @@ const DEFAULT_COVER_URL = '/images/icons/avatar_book-sm.png'
 function getSeedType(seed) {
     // XXX : validate input?
     if (seed[0] !== '/') {
-        return 'subject'
+        return 'subject';
     }
     if (seed.endsWith('M')) {
-        return 'edition'
+        return 'edition';
     }
     if (seed.endsWith('W')) {
-        return 'work'
+        return 'work';
     }
     if (seed.endsWith('A')) {
-        return 'author'
+        return 'author';
     }
 }
 
@@ -235,13 +235,13 @@ function getSeedType(seed) {
  */
 export function createActiveShowcaseItem(listKey, seedKey, listTitle, coverUrl = DEFAULT_COVER_URL) {
     if (!i18nStrings) {
-        const i18nInput = document.querySelector('input[name=list-i18n-strings]')
-        i18nStrings = JSON.parse(i18nInput.value)
+        const i18nInput = document.querySelector('input[name=list-i18n-strings]');
+        i18nStrings = JSON.parse(i18nInput.value);
     }
 
-    const splitKey = listKey.split('/')
-    const userKey = `/${splitKey[1]}/${splitKey[2]}`
-    const seedType = getSeedType(seedKey)
+    const splitKey = listKey.split('/');
+    const userKey = `/${splitKey[1]}/${splitKey[2]}`;
+    const seedType = getSeedType(seedKey);
 
     const itemMarkUp = `<span class="image">
                 <a href="${listKey}"><img src="${coverUrl}" alt="${i18nStrings['cover_of']}${listTitle}" title="${i18nStrings['cover_of']}${listTitle}"/></a>
@@ -255,14 +255,14 @@ export function createActiveShowcaseItem(listKey, seedKey, listTitle, coverUrl =
                     <a href="${listKey}" class="remove-from-list red smaller arial plain" data-list-key="${listKey}" title="${i18nStrings['remove_from_list']}">[X]</a>
                 </span>
                 <span class="owner">${i18nStrings['from']} <a href="${userKey}">${i18nStrings['you']}</a></span>
-            </span>`
+            </span>`;
 
-    const li = document.createElement('li')
-    li.classList.add('actionable-item')
-    li.dataset.listKey = listKey
-    li.innerHTML = itemMarkUp
+    const li = document.createElement('li');
+    li.classList.add('actionable-item');
+    li.dataset.listKey = listKey;
+    li.innerHTML = itemMarkUp;
 
-    return li
+    return li;
 }
 
 /**
@@ -277,7 +277,7 @@ export function createActiveShowcaseItem(listKey, seedKey, listTitle, coverUrl =
  */
 export function toggleActiveShowcaseItems(showWorksOnly) {
     for (const item of myBooksStore.getShowcases()) {
-        item.toggleVisibility(showWorksOnly)
+        item.toggleVisibility(showWorksOnly);
     }
 }
 
@@ -297,15 +297,15 @@ export function toggleActiveShowcaseItems(showWorksOnly) {
  * @param {string} [coverUrl]
  */
 export function attachNewActiveShowcaseItem(listKey, seedKey, listTitle, coverUrl = DEFAULT_COVER_URL) {
-    const activeListsShowcase = document.querySelector('.already-lists')
+    const activeListsShowcase = document.querySelector('.already-lists');
 
     if (activeListsShowcase) {
-        const li = createActiveShowcaseItem(listKey, seedKey, listTitle, coverUrl)
-        activeListsShowcase.appendChild(li)
+        const li = createActiveShowcaseItem(listKey, seedKey, listTitle, coverUrl);
+        activeListsShowcase.appendChild(li);
 
-        const showcase = new ShowcaseItem(li)
-        showcase.initialize()
+        const showcase = new ShowcaseItem(li);
+        showcase.initialize();
 
-        myBooksStore.getShowcases().push(showcase)
+        myBooksStore.getShowcases().push(showcase);
     }
 }
diff --git a/openlibrary/plugins/openlibrary/js/merge-request-table/MergeRequestTable.js b/openlibrary/plugins/openlibrary/js/merge-request-table/MergeRequestTable.js
index 7e850020557..198101c4ac4 100644
--- a/openlibrary/plugins/openlibrary/js/merge-request-table/MergeRequestTable.js
+++ b/openlibrary/plugins/openlibrary/js/merge-request-table/MergeRequestTable.js
@@ -5,8 +5,8 @@
  * @module merge-request-table/MergeRequestTable
  */
 
-import TableHeader from './MergeRequestTable/TableHeader'
-import { setI18nStrings, TableRow } from './MergeRequestTable/TableRow'
+import TableHeader from './MergeRequestTable/TableHeader';
+import { setI18nStrings, TableRow } from './MergeRequestTable/TableRow';
 
 /**
  * Class representing the librarian request table.
@@ -26,27 +26,27 @@ export default class MergeRequestTable {
          *
          * @param {string}
          */
-        this.username = mergeRequestTable.dataset.username
+        this.username = mergeRequestTable.dataset.username;
 
-        const localizedStrings = JSON.parse(mergeRequestTable.dataset.i18n)
-        setI18nStrings(localizedStrings)
+        const localizedStrings = JSON.parse(mergeRequestTable.dataset.i18n);
+        setI18nStrings(localizedStrings);
 
         /**
          * Reference to this table's header.
          *
          * @param {HTMLElement}
          */
-        this.tableHeader = new TableHeader(mergeRequestTable.querySelector('.table-header'))
+        this.tableHeader = new TableHeader(mergeRequestTable.querySelector('.table-header'));
 
         /**
          * References to each row in the table.
          *
          * @param {Array<TableRow>}
          */
-        this.tableRows = []
-        const rowElements = mergeRequestTable.querySelectorAll('.mr-table-row')
+        this.tableRows = [];
+        const rowElements = mergeRequestTable.querySelectorAll('.mr-table-row');
         for (const elem of rowElements) {
-            this.tableRows.push(new TableRow(elem, this.username))
+            this.tableRows.push(new TableRow(elem, this.username));
         }
     }
 
@@ -54,8 +54,8 @@ export default class MergeRequestTable {
      * Hydrates the librarian request table.
      */
     initialize() {
-        this.tableHeader.initialize()
-        document.addEventListener('click', (event) => this.tableHeader.closeMenusIfClickOutside(event))
-        this.tableRows.forEach(elem => elem.initialize())
+        this.tableHeader.initialize();
+        document.addEventListener('click', (event) => this.tableHeader.closeMenusIfClickOutside(event));
+        this.tableRows.forEach(elem => elem.initialize());
     }
 }
diff --git a/openlibrary/plugins/openlibrary/js/merge-request-table/MergeRequestTable/TableHeader.js b/openlibrary/plugins/openlibrary/js/merge-request-table/MergeRequestTable/TableHeader.js
index 39be68c2b3d..fc44a161bec 100644
--- a/openlibrary/plugins/openlibrary/js/merge-request-table/MergeRequestTable/TableHeader.js
+++ b/openlibrary/plugins/openlibrary/js/merge-request-table/MergeRequestTable/TableHeader.js
@@ -27,33 +27,33 @@ export default class TableHeader {
          *
          * @param {NodeList<HTMLElement>}
          */
-        this.dropMenuButtons = tableHeader.querySelectorAll('.mr-dropdown')
+        this.dropMenuButtons = tableHeader.querySelectorAll('.mr-dropdown');
         /**
          * References each drop-down filter option menu.
          *
          * @param {NodeList<HTMLElement>}
          */
-        this.dropMenus = tableHeader.querySelectorAll('.mr-dropdown-menu')
+        this.dropMenus = tableHeader.querySelectorAll('.mr-dropdown-menu');
         /**
          * References each drop-down menu "X" affordance, which closes
          * the appropriate drop-down menu.
          *
          * @param{NodeList<HTMLElement>}
          */
-        this.closeButtons = tableHeader.querySelectorAll('.dropdown-close')
+        this.closeButtons = tableHeader.querySelectorAll('.dropdown-close');
         /**
          * References each text input filter.
          *
          * @param{NodeList<HTMLElement>}
          */
-        this.searchInputs = tableHeader.querySelectorAll('.filter')
+        this.searchInputs = tableHeader.querySelectorAll('.filter');
     }
 
     /**
      * Hydrates the table header affordances.
      */
     initialize() {
-        this.initFilters()
+        this.initFilters();
     }
 
     /**
@@ -66,8 +66,8 @@ export default class TableHeader {
         // prevent closing of menu on bubbling unless click menuButton itself
         if (event.target.id === menuButtonId) {
             // close other open menus, then toggle selected menu
-            this.closeOtherMenus(menuButtonId)
-            event.target.firstElementChild.classList.toggle('hidden')
+            this.closeOtherMenus(menuButtonId);
+            event.target.firstElementChild.classList.toggle('hidden');
         }
     }
 
@@ -79,9 +79,9 @@ export default class TableHeader {
     closeOtherMenus(menuButtonId) {
         this.dropMenuButtons.forEach((menuButton) => {
             if (menuButton.id !== menuButtonId) {
-                menuButton.firstElementChild.classList.add('hidden')
+                menuButton.firstElementChild.classList.add('hidden');
             }
-        })
+        });
     }
 
     /**
@@ -90,13 +90,13 @@ export default class TableHeader {
      * @param {Event} event
      */
     filterMenuItems(event) {
-        const input = document.getElementById(event.target.id)
-        const filter = input.value.toUpperCase()
-        const menu = input.closest('.mr-dropdown-menu')
-        const items = menu.getElementsByClassName('dropdown-item')
+        const input = document.getElementById(event.target.id);
+        const filter = input.value.toUpperCase();
+        const menu = input.closest('.mr-dropdown-menu');
+        const items = menu.getElementsByClassName('dropdown-item');
         // skip first item in menu
         for (let i=1; i < items.length; i++) {
-            const text = items[i].textContent
+            const text = items[i].textContent;
             items[i].classList.toggle('hidden', text.toUpperCase().indexOf(filter) === -1);
         }
     }
@@ -109,11 +109,11 @@ export default class TableHeader {
      */
     closeMenusIfClickOutside(event) {
         const menusClicked = Array.from(this.dropMenuButtons).filter((menuButton) => {
-            return menuButton.contains(event.target)
-        })
+            return menuButton.contains(event.target);
+        });
         // want to preserve clicking in a menu, i.e. when filtering for users
         if (!menusClicked.length) {
-            this.dropMenus.forEach((menu) => menu.classList.add('hidden'))
+            this.dropMenus.forEach((menu) => menu.classList.add('hidden'));
         }
     }
 
@@ -124,16 +124,16 @@ export default class TableHeader {
     initFilters() {
         this.dropMenuButtons.forEach((menuButton) => {
             menuButton.addEventListener('click', (event) => {
-                this.toggleAMenuWhileClosingOthers(event, menuButton.id)
-            })
-        })
+                this.toggleAMenuWhileClosingOthers(event, menuButton.id);
+            });
+        });
         this.closeButtons.forEach((button) => {
             button.addEventListener('click', (event) => {
-                event.target.closest('.mr-dropdown-menu').classList.toggle('hidden')
-            })
-        })
+                event.target.closest('.mr-dropdown-menu').classList.toggle('hidden');
+            });
+        });
         this.searchInputs.forEach((input) => {
-            input.addEventListener('keyup', (event) => this.filterMenuItems(event))
-        })
+            input.addEventListener('keyup', (event) => this.filterMenuItems(event));
+        });
     }
 }
diff --git a/openlibrary/plugins/openlibrary/js/merge-request-table/MergeRequestTable/TableRow.js b/openlibrary/plugins/openlibrary/js/merge-request-table/MergeRequestTable/TableRow.js
index b78e5988c56..77a90956c81 100644
--- a/openlibrary/plugins/openlibrary/js/merge-request-table/MergeRequestTable/TableRow.js
+++ b/openlibrary/plugins/openlibrary/js/merge-request-table/MergeRequestTable/TableRow.js
@@ -4,8 +4,8 @@
  * @module merge-request-table/MergeRequestTable/TableRow
  */
 
-import { claimRequest, commentOnRequest, declineRequest, unassignRequest } from '../MergeRequestService'
-import { FadingToast } from '../../Toast'
+import { claimRequest, commentOnRequest, declineRequest, unassignRequest } from '../MergeRequestService';
+import { FadingToast } from '../../Toast';
 
 let i18nStrings;
 
@@ -40,61 +40,61 @@ export class TableRow {
          *
          * @param {HTMLElement}
          */
-        this.row = row
+        this.row = row;
         /**
          * `username` of authenticated patron, or '' if unauthenticated.
          *
          * @param {HTMLElement}
          */
-        this.username = username
+        this.username = username;
         /**
          * Unique identifier for this row.
          *
          * @param {Number}
          */
-        this.mrid = row.dataset.mrid
+        this.mrid = row.dataset.mrid;
         /**
          * Button used to toggle the full comments display's visibility.
          *
          * @param {HTMLElement}
          */
-        this.toggleCommentButton = row.querySelector('.mr-comment-toggle__comment-expand')
+        this.toggleCommentButton = row.querySelector('.mr-comment-toggle__comment-expand');
         /**
          * Element which displays this row's comment count.
          *
          * @param {HTMLElement}
          */
-        this.commentCountDisplay = row.querySelector('.mr-comment-toggle__comment-count')
+        this.commentCountDisplay = row.querySelector('.mr-comment-toggle__comment-count');
         /**
          * Element displaying the most recent comment on this request.
          *
          * @param {HTMLElement}
          */
-        this.commentPreview = row.querySelector('.mr-details__comment-preview')
+        this.commentPreview = row.querySelector('.mr-details__comment-preview');
         /**
          * Hidden comments display. Also contains reply inputs, if rendered.
          *
          * @param {HTMLElement}
          */
-        this.fullCommentsPanel = row.querySelector('.comment-panel')
+        this.fullCommentsPanel = row.querySelector('.comment-panel');
         /**
          * Element that displays all of the comments for this request.
          *
          * @param {HTMLElement}
          */
-        this.commentsDisplay = this.fullCommentsPanel.querySelector('.comment-panel__comment-display')
+        this.commentsDisplay = this.fullCommentsPanel.querySelector('.comment-panel__comment-display');
         /**
          * The comment text input.
          *
          * @param {HTMLElement|null}
          */
-        this.commentReplyInput = this.fullCommentsPanel.querySelector('.comment-panel__reply-input')
+        this.commentReplyInput = this.fullCommentsPanel.querySelector('.comment-panel__reply-input');
         /**
          * The comment reply button.
          *
          * @param {HTMLElement|null}
          */
-        this.replyButton = this.fullCommentsPanel.querySelector('.comment-panel__reply-btn')
+        this.replyButton = this.fullCommentsPanel.querySelector('.comment-panel__reply-btn');
         /**
          * Affordance which allows one to close their own request.
          *
@@ -102,47 +102,47 @@ export class TableRow {
          *
          * @param {HTMLElement|null}
          */
-        this.closeRequestButton = this.row.querySelector('.mr-close-link')
+        this.closeRequestButton = this.row.querySelector('.mr-close-link');
         /**
          * Button used by super-librarians to claim a request.
          *
          * @param {HTMLElement}
          */
-        this.reviewButton = this.row.querySelector('.mr-review-actions__review-btn')
+        this.reviewButton = this.row.querySelector('.mr-review-actions__review-btn');
         /**
          * Reference to root element of the assignee display.
          *
          * @param {HTMLElement}
          */
-        this.assigneeElement = this.row.querySelector('.mr-review-actions__assignee')
+        this.assigneeElement = this.row.querySelector('.mr-review-actions__assignee');
         /**
          * Assignee display element which displays the assignee's name.
          *
          * @param {HTMLElement}
          */
-        this.assigneeLabel = this.row.querySelector('.mr-review-actions__assignee-name')
+        this.assigneeLabel = this.row.querySelector('.mr-review-actions__assignee-name');
         /**
          * Element that unassignees the current reviewer when clicked.
          *
          * @param {HTMLElement}
          */
-        this.unassignReviewerButton = this.row.querySelector('.mr-review-actions__unassign')
+        this.unassignReviewerButton = this.row.querySelector('.mr-review-actions__unassign');
     }
 
     /**
      * Hydrates interactive elements in this row.
      */
     initialize() {
-        this.toggleCommentButton.addEventListener('click', () => this.toggleComments())
+        this.toggleCommentButton.addEventListener('click', () => this.toggleComments());
         if (this.closeRequestButton) {
-            this.closeRequestButton.addEventListener('click', () => this.closeRequest())
+            this.closeRequestButton.addEventListener('click', () => this.closeRequest());
         }
         if (this.replyButton && this.commentReplyInput) {
-            this.replyButton.addEventListener('click', () => this.addComment())
+            this.replyButton.addEventListener('click', () => this.addComment());
         }
-        this.reviewButton.addEventListener('click', () => this.claimRequest())
+        this.reviewButton.addEventListener('click', () => this.claimRequest());
         if (this.unassignReviewerButton) {
-            this.unassignReviewerButton.addEventListener('click', () => this.unassignReviewer())
+            this.unassignReviewerButton.addEventListener('click', () => this.unassignReviewer());
         }
     }
 
@@ -154,8 +154,8 @@ export class TableRow {
      * each element's visibility.
      */
     toggleComments() {
-        this.commentPreview.classList.toggle('hidden')
-        this.fullCommentsPanel.classList.toggle('hidden')
+        this.commentPreview.classList.toggle('hidden');
+        this.fullCommentsPanel.classList.toggle('hidden');
 
         // Add depressed effect to toggle button:
         this.toggleCommentButton.classList.toggle('mr-comment-toggle__comment-expand--active');
@@ -166,19 +166,19 @@ export class TableRow {
      * row from the DOM.
      */
     async closeRequest() {
-        const comment = prompt(i18nStrings['close_request_comment_prompt'])
+        const comment = prompt(i18nStrings['close_request_comment_prompt']);
         if (comment !== null) {  // Comment will be `null` if "Cancel" button pressed
             await declineRequest(this.mrid, comment)
                 .then(result => result.json())
                 .then(data => {
                     if (data.status === 'ok') {
-                        this.row.parentElement.removeChild(this.row)
+                        this.row.parentElement.removeChild(this.row);
                     }
                 })
                 .catch(e => {
                     // XXX : toast?
-                    throw e
-                })
+                    throw e;
+                });
         }
     }
 
@@ -188,21 +188,21 @@ export class TableRow {
      * Updates the view on success.
      */
     async addComment() {
-        const comment = this.commentReplyInput.value.trim()
+        const comment = this.commentReplyInput.value.trim();
         if (comment) {
             await commentOnRequest(this.mrid, comment)
                 .then(result => result.json())
                 .then(data => {
                     if (data.status === 'ok') {
-                        this.updateCommentViews(comment)
-                        this.commentReplyInput.value = ''
+                        this.updateCommentViews(comment);
+                        this.commentReplyInput.value = '';
                     } else {
-                        new FadingToast(i18nStrings['comment_submission_failure_message']).show()
+                        new FadingToast(i18nStrings['comment_submission_failure_message']).show();
                     }
                 })
                 .catch(e => {
-                    throw e
-                })
+                    throw e;
+                });
         }
     }
 
@@ -216,23 +216,23 @@ export class TableRow {
      * @param {string} comment The newly added comment.
      */
     updateCommentViews(comment) {
-        const escapedComment = document.createTextNode(comment)
+        const escapedComment = document.createTextNode(comment);
 
         // Update preview:
-        this.commentPreview.innerText = escapedComment.textContent
+        this.commentPreview.innerText = escapedComment.textContent;
 
         // Update full display:
-        const newComment = document.createElement('div')
-        newComment.classList.add('comment-panel__comment')
-        newComment.innerHTML = `<span class="commenter">@${this.username}</span> `
-        newComment.appendChild(escapedComment)
+        const newComment = document.createElement('div');
+        newComment.classList.add('comment-panel__comment');
+        newComment.innerHTML = `<span class="commenter">@${this.username}</span> `;
+        newComment.appendChild(escapedComment);
 
-        this.commentsDisplay.appendChild(newComment)
-        this.commentsDisplay.scrollTop = this.commentsDisplay.scrollHeight
+        this.commentsDisplay.appendChild(newComment);
+        this.commentsDisplay.scrollTop = this.commentsDisplay.scrollHeight;
 
         // Update comment count:
-        const count = Number(this.commentCountDisplay.innerText) + 1
-        this.commentCountDisplay.innerText = count
+        const count = Number(this.commentCountDisplay.innerText) + 1;
+        this.commentCountDisplay.innerText = count;
     }
 
     /**
@@ -245,11 +245,11 @@ export class TableRow {
             .then(result => result.json())
             .then(data => {
                 if (data.status === 'ok') {
-                    this.assigneeLabel.innerText = `@${this.username}`
-                    this.assigneeElement.classList.remove('hidden')
-                    this.reviewButton.classList.add('hidden')
+                    this.assigneeLabel.innerText = `@${this.username}`;
+                    this.assigneeElement.classList.remove('hidden');
+                    this.reviewButton.classList.add('hidden');
                 }
-            })
+            });
     }
 
     /**
@@ -262,9 +262,9 @@ export class TableRow {
             .then(result => result.json())
             .then(data => {
                 if (data.status === 'ok') {
-                    this.assigneeElement.classList.add('hidden')
-                    this.reviewButton.classList.remove('hidden')
+                    this.assigneeElement.classList.add('hidden');
+                    this.reviewButton.classList.remove('hidden');
                 }
-            })
+            });
     }
 }
diff --git a/openlibrary/plugins/openlibrary/js/merge-request-table/index.js b/openlibrary/plugins/openlibrary/js/merge-request-table/index.js
index a98cff2c265..0b710fb9fc4 100644
--- a/openlibrary/plugins/openlibrary/js/merge-request-table/index.js
+++ b/openlibrary/plugins/openlibrary/js/merge-request-table/index.js
@@ -6,6 +6,6 @@ import MergeRequestTable from './MergeRequestTable';
  * @param {HTMLElement} elem Reference to the queue's root element.
  */
 export function initLibrarianQueue(elem) {
-    const librarianQueue = new MergeRequestTable(elem)
-    librarianQueue.initialize()
+    const librarianQueue = new MergeRequestTable(elem);
+    librarianQueue.initialize();
 }
diff --git a/openlibrary/plugins/openlibrary/js/my-books/CreateListForm.js b/openlibrary/plugins/openlibrary/js/my-books/CreateListForm.js
index 89660d454c7..76947bfe26f 100644
--- a/openlibrary/plugins/openlibrary/js/my-books/CreateListForm.js
+++ b/openlibrary/plugins/openlibrary/js/my-books/CreateListForm.js
@@ -4,10 +4,10 @@
  * @module my-books/CreateListForm.js
  */
 import 'jquery-colorbox';
-import myBooksStore from './store'
-import { websafe } from '../jsdef'
-import { createList } from '../lists/ListService'
-import { attachNewActiveShowcaseItem } from '../lists/ShowcaseItem'
+import myBooksStore from './store';
+import { websafe } from '../jsdef';
+import { createList } from '../lists/ListService';
+import { attachNewActiveShowcaseItem } from '../lists/ShowcaseItem';
 
 /**
  * Represents the list creation form displayed when a patron
@@ -34,24 +34,24 @@ export class CreateListForm {
          *
          * @member {HTMLElement}
          */
-        this.createListButton = form.querySelector('#create-list-button')
+        this.createListButton = form.querySelector('#create-list-button');
 
         /**
          * References the form's list title input field.
          *
          * @member {HTMLElement}
          */
-        this.listTitleInput = form.querySelector('#list_label')
+        this.listTitleInput = form.querySelector('#list_label');
 
         /**
          * References the form's list description input field.
          *
          * @member {HTMLElement}
          */
-        this.listDescriptionInput = form.querySelector('#list_desc')
+        this.listDescriptionInput = form.querySelector('#list_desc');
 
         // Clear form on page refresh:
-        this.resetForm()
+        this.resetForm();
     }
 
     /**
@@ -59,9 +59,9 @@ export class CreateListForm {
      */
     initialize() {
         this.createListButton.addEventListener('click', (event) =>{
-            event.preventDefault()
-            this.createNewList()
-        })
+            event.preventDefault();
+            this.createNewList();
+        });
     }
 
     /**
@@ -81,35 +81,35 @@ export class CreateListForm {
      */
     async createNewList() {
         // Construct seed object for first list item:
-        const listTitle = websafe(this.listTitleInput.value)
-        const listDescription = websafe(this.listDescriptionInput.value)
+        const listTitle = websafe(this.listTitleInput.value);
+        const listDescription = websafe(this.listDescriptionInput.value);
 
-        const openDropper = myBooksStore.getOpenDropper()
-        const seed = openDropper.readingLists.getSeed()
+        const openDropper = myBooksStore.getOpenDropper();
+        const seed = openDropper.readingLists.getSeed();
 
         const postData = {
             name: listTitle,
             description: listDescription,
             seeds: [seed]
-        }
+        };
 
         // Call list creation service with seed object:
         await createList(myBooksStore.getUserKey(), postData)
             .then(response => response.json())
             .then((data) => {
                 // Update active lists showcase:
-                attachNewActiveShowcaseItem(data['key'], seed, listTitle, data['key'])
+                attachNewActiveShowcaseItem(data['key'], seed, listTitle, data['key']);
 
                 // Update all droppers with new list data
-                this.updateDroppersOnListCreation(data['key'], listTitle, data['key'])
+                this.updateDroppersOnListCreation(data['key'], listTitle, data['key']);
 
                 // Clear list creation form fields, nullify seed
-                this.resetForm()
+                this.resetForm();
             })
             .finally(() => {
                 // Close the modal
-                $.colorbox.close()
-            })
+                $.colorbox.close();
+            });
     }
 
     /**
@@ -119,12 +119,12 @@ export class CreateListForm {
      * @param {string} listTitle Title of the new list
      */
     updateDroppersOnListCreation(listKey, listTitle, coverUrl) {
-        const droppers = myBooksStore.getDroppers()
-        const openDropper = myBooksStore.getOpenDropper()
+        const droppers = myBooksStore.getDroppers();
+        const openDropper = myBooksStore.getOpenDropper();
 
         for (const dropper of droppers) {
-            const isActive = dropper === openDropper
-            dropper.readingLists.onListCreationSuccess(listKey, listTitle, isActive, coverUrl)
+            const isActive = dropper === openDropper;
+            dropper.readingLists.onListCreationSuccess(listKey, listTitle, isActive, coverUrl);
         }
     }
 
@@ -132,7 +132,7 @@ export class CreateListForm {
      * Clears the list title and desciption fields in the form.
      */
     resetForm() {
-        this.listTitleInput.value = ''
-        this.listDescriptionInput.value = ''
+        this.listTitleInput.value = '';
+        this.listDescriptionInput.value = '';
     }
 }
diff --git a/openlibrary/plugins/openlibrary/js/my-books/MyBooksDropper.js b/openlibrary/plugins/openlibrary/js/my-books/MyBooksDropper.js
index d01ec785bbe..7fd568b7c0c 100644
--- a/openlibrary/plugins/openlibrary/js/my-books/MyBooksDropper.js
+++ b/openlibrary/plugins/openlibrary/js/my-books/MyBooksDropper.js
@@ -2,12 +2,12 @@
  * Defines functionality related to Open Library's My Books dropper components.
  * @module my-books/MyBooksDropper
  */
-import myBooksStore from './store'
-import { CheckInComponents } from './MyBooksDropper/CheckInComponents'
-import { ReadingLists } from './MyBooksDropper/ReadingLists'
-import {ReadingLogForms, ReadingLogShelves} from './MyBooksDropper/ReadingLogForms'
-import { Dropper } from '../dropper/Dropper'
-import { removeChildren } from '../utils'
+import myBooksStore from './store';
+import { CheckInComponents } from './MyBooksDropper/CheckInComponents';
+import { ReadingLists } from './MyBooksDropper/ReadingLists';
+import {ReadingLogForms, ReadingLogShelves} from './MyBooksDropper/ReadingLogForms';
+import { Dropper } from '../dropper/Dropper';
+import { removeChildren } from '../utils';
 
 /**
  * Represents a single My Books Dropper.
@@ -33,18 +33,18 @@ export class MyBooksDropper extends Dropper {
      * @param {HTMLElement} dropper
      */
     constructor(dropper) {
-        super(dropper)
+        super(dropper);
 
         const dropperActionCallbacks = {
             closeDropper: this.closeDropper.bind(this),
             toggleDropper: this.toggleDropper.bind(this)
-        }
+        };
 
         /**
          * Reference to this dropper's list content.
          * @member {ReadingLists}
          */
-        this.readingLists = new ReadingLists(dropper, dropperActionCallbacks)
+        this.readingLists = new ReadingLists(dropper, dropperActionCallbacks);
 
         /**
          * Reference to the dropper's list loading indicator.
@@ -52,49 +52,49 @@ export class MyBooksDropper extends Dropper {
          * This is only rendered when the patron is logged in.
          * @member {HTMLElement|null}
          */
-        this.loadingIndicator = dropper.querySelector('.list-loading-indicator')
+        this.loadingIndicator = dropper.querySelector('.list-loading-indicator');
 
         /**
          * Reference to the interval ID of the animation `setInterval` call.
          * @member {NodeJS.Timer|undefined}
          */
-        this.loadingAnimationId
+        this.loadingAnimationId;
 
         /**
          * The work key associated with this dropper, if any.
          *
          * @member {string|undefined}
          */
-        this.workKey = this.dropper.dataset.workKey
+        this.workKey = this.dropper.dataset.workKey;
 
-        const splitKey = this.workKey ? this.workKey.split('/') : ['']
-        const workOlid = splitKey[splitKey.length - 1]
+        const splitKey = this.workKey ? this.workKey.split('/') : [''];
+        const workOlid = splitKey[splitKey.length - 1];
 
         /**
          * @type {CheckInComponents|null}
          */
-        this.checkInComponents = workOlid ? new CheckInComponents(document.querySelector(`#check-in-container-${workOlid}`)) : null
+        this.checkInComponents = workOlid ? new CheckInComponents(document.querySelector(`#check-in-container-${workOlid}`)) : null;
 
         /**
          * References this dropper's reading log buttons.
          * @member {ReadingLogForms}
          */
-        this.readingLogForms = new ReadingLogForms(dropper, this.checkInComponents, dropperActionCallbacks)
+        this.readingLogForms = new ReadingLogForms(dropper, this.checkInComponents, dropperActionCallbacks);
     }
 
     /**
      * Hydrates dropper contents and loads patron's lists.
      */
     initialize() {
-        super.initialize()
+        super.initialize();
 
-        this.readingLogForms.initialize()
-        this.readingLists.initialize()
+        this.readingLogForms.initialize();
+        this.readingLists.initialize();
         if (this.checkInComponents) {
-            this.checkInComponents.initialize()
+            this.checkInComponents.initialize();
         }
 
-        this.loadingAnimationId = this.initLoadingAnimation(this.dropper.querySelector('.loading-ellipsis'))
+        this.loadingAnimationId = this.initLoadingAnimation(this.dropper.querySelector('.loading-ellipsis'));
     }
 
     /**
@@ -104,17 +104,17 @@ export class MyBooksDropper extends Dropper {
      * @returns {NodeJS.Timer}
      */
     initLoadingAnimation(loadingIndicator) {
-        let count = 0
+        let count = 0;
         const intervalId = setInterval(function() {
-            let ellipsis = ''
+            let ellipsis = '';
             for (let i = 0; i < count % 4; ++i) {
-                ellipsis += '.'
+                ellipsis += '.';
             }
-            loadingIndicator.innerText = ellipsis
-            ++count
-        }, 1500)
+            loadingIndicator.innerText = ellipsis;
+            ++count;
+        }, 1500);
 
-        return intervalId
+        return intervalId;
     }
 
     /**
@@ -124,8 +124,8 @@ export class MyBooksDropper extends Dropper {
      * @param {string} partialHtml
      */
     updateReadingLists(partialHtml) {
-        clearInterval(this.loadingAnimationId)
-        this.replaceLoadingIndicators(this.loadingIndicator, partialHtml)
+        clearInterval(this.loadingAnimationId);
+        this.replaceLoadingIndicators(this.loadingIndicator, partialHtml);
     }
 
     /**
@@ -138,11 +138,11 @@ export class MyBooksDropper extends Dropper {
      * @returns {Array<string>}
      */
     getSeedKeys() {
-        const results = [this.readingLists.seedKey]
+        const results = [this.readingLists.seedKey];
         if (this.readingLists.workKey) {
-            results.push(this.readingLists.workKey)
+            results.push(this.readingLists.workKey);
         }
-        return results
+        return results;
     }
 
     /**
@@ -159,14 +159,14 @@ export class MyBooksDropper extends Dropper {
      * @param {ListPartials} partials
      */
     replaceLoadingIndicators(dropperListsPlaceholder, partialHTML) {
-        const dropperParent = dropperListsPlaceholder ? dropperListsPlaceholder.parentElement : null
+        const dropperParent = dropperListsPlaceholder ? dropperListsPlaceholder.parentElement : null;
 
         if (dropperParent) {
-            removeChildren(dropperParent)
-            dropperParent.insertAdjacentHTML('afterbegin', partialHTML)
+            removeChildren(dropperParent);
+            dropperParent.insertAdjacentHTML('afterbegin', partialHTML);
 
-            const anchors = this.dropper.querySelectorAll('.modify-list')
-            this.readingLists.initModifyListAffordances(anchors)
+            const anchors = this.dropper.querySelectorAll('.modify-list');
+            this.readingLists.initModifyListAffordances(anchors);
         }
     }
 
@@ -180,15 +180,15 @@ export class MyBooksDropper extends Dropper {
      * @param shelf {ReadingLogShelf}
      */
     updateShelfDisplay(shelf) {
-        this.readingLogForms.updateActivatedStatus(true)
-        this.readingLogForms.updatePrimaryBookshelfId(Number(shelf))
-        this.readingLogForms.updatePrimaryButtonText(this.readingLogForms.getDisplayString(shelf))
+        this.readingLogForms.updateActivatedStatus(true);
+        this.readingLogForms.updatePrimaryBookshelfId(Number(shelf));
+        this.readingLogForms.updatePrimaryButtonText(this.readingLogForms.getDisplayString(shelf));
 
         if (this.checkInComponents) {
             if (!this.checkInComponents.hasReadDate() && shelf === ReadingLogShelves.ALREADY_READ) {
-                this.checkInComponents.showCheckInDisplay()
+                this.checkInComponents.showCheckInDisplay();
             } else {
-                this.checkInComponents.hideCheckInPrompt()
+                this.checkInComponents.hideCheckInPrompt();
             }
         }
     }
@@ -200,7 +200,7 @@ export class MyBooksDropper extends Dropper {
      * @override
      */
     onOpen() {
-        myBooksStore.setOpenDropper(this)
+        myBooksStore.setOpenDropper(this);
     }
 
     /**
@@ -211,6 +211,6 @@ export class MyBooksDropper extends Dropper {
      * @override
      */
     onDisabledClick() {
-        window.location = `/account/login?redirect=${location.pathname}`
+        window.location = `/account/login?redirect=${location.pathname}`;
     }
 }
diff --git a/openlibrary/plugins/openlibrary/js/my-books/MyBooksDropper/CheckInComponents.js b/openlibrary/plugins/openlibrary/js/my-books/MyBooksDropper/CheckInComponents.js
index c7318194397..55956db9868 100644
--- a/openlibrary/plugins/openlibrary/js/my-books/MyBooksDropper/CheckInComponents.js
+++ b/openlibrary/plugins/openlibrary/js/my-books/MyBooksDropper/CheckInComponents.js
@@ -3,7 +3,7 @@
  * @module my-books/MyBooksDropper/CheckInComponents
  */
 import { initDialogClosers } from '../../dialog';
-import { PersistentToast } from '../../Toast'
+import { PersistentToast } from '../../Toast';
 
 /**
  * Array of days for each month, listed in order starting with January.
@@ -12,7 +12,7 @@ import { PersistentToast } from '../../Toast'
  * @readonly
  * @type {array<number>}
  */
-const DAYS_IN_MONTH = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]
+const DAYS_IN_MONTH = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
 
 /**
  * Determines if the given year is a leap year.
@@ -21,7 +21,7 @@ const DAYS_IN_MONTH = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]
  * @returns `true` if the given year is a leap year.
  */
 function isLeapYear(year) {
-    return year % 4 === 0 && (year % 100 !== 0 || year % 400 === 0)
+    return year % 4 === 0 && (year % 100 !== 0 || year % 400 === 0);
 }
 
 /**
@@ -45,7 +45,7 @@ export class CheckInComponents {
         // the patron is unauthenticated, or if the dropper
         // is for an orphaned edition.
         if (!checkInContainer) {
-            return
+            return;
         }
 
         /**
@@ -58,19 +58,19 @@ export class CheckInComponents {
         /**
          * @type {ReadDateConfig}
          */
-        this.config = JSON.parse(checkInContainer.dataset.config)
+        this.config = JSON.parse(checkInContainer.dataset.config);
 
-        const checkInPromptElem = checkInContainer.querySelector('.check-in-prompt')
+        const checkInPromptElem = checkInContainer.querySelector('.check-in-prompt');
         /**
          * @type {CheckInPrompt}
          */
-        this.checkInPrompt = new CheckInPrompt(checkInPromptElem)
+        this.checkInPrompt = new CheckInPrompt(checkInPromptElem);
 
-        const checkInDisplayElem = checkInContainer.querySelector('.last-read-date')
+        const checkInDisplayElem = checkInContainer.querySelector('.last-read-date');
         /**
          * @type {CheckInDisplay}
          */
-        this.checkInDisplay = new CheckInDisplay(checkInDisplayElem)
+        this.checkInDisplay = new CheckInDisplay(checkInDisplayElem);
 
         /**
          * References element that will be displayed in last read date form modal.
@@ -78,93 +78,93 @@ export class CheckInComponents {
          *
          * @type {HTMLElement|undefined}
          */
-        this.modalContent = undefined
+        this.modalContent = undefined;
 
         /**
          * @type {CheckInForm|undefined}
          */
-        this.checkInForm = undefined
+        this.checkInForm = undefined;
     }
 
     initialize() {
-        this.checkInPrompt.initialize()
+        this.checkInPrompt.initialize();
         this.checkInPrompt.getRootElement().addEventListener('submit-check-in', (event) => {
-            const year = event.detail.year
-            const month = event.detail.month
-            const day = event.detail.day
+            const year = event.detail.year;
+            const month = event.detail.month;
+            const day = event.detail.day;
 
-            const eventData = this.prepareEventRequest(year, month, day)
+            const eventData = this.prepareEventRequest(year, month, day);
             this.postCheckIn(eventData, this.checkInForm.getFormAction())
                 .then((resp) => {
                     if (!resp.ok) {
-                        throw Error(`Check-in request failed. Status: ${resp.status}`)
+                        throw Error(`Check-in request failed. Status: ${resp.status}`);
                     }
-                    this.updateDateAndShowDisplay(year, month, day)
+                    this.updateDateAndShowDisplay(year, month, day);
                 })
                 .catch(() => {
-                    new PersistentToast('Failed to submit check-in.  Please try again in a few moments.').show()
-                })
-        })
+                    new PersistentToast('Failed to submit check-in.  Please try again in a few moments.').show();
+                });
+        });
 
-        let hiddenModalContentContainer = document.querySelector('#hidden-modal-content-container')
+        let hiddenModalContentContainer = document.querySelector('#hidden-modal-content-container');
         if (!hiddenModalContentContainer) {
-            hiddenModalContentContainer = document.createElement('div')
-            hiddenModalContentContainer.classList.add('hidden')
-            hiddenModalContentContainer.id = 'hidden-modal-content-container'
-            document.body.appendChild(hiddenModalContentContainer)
+            hiddenModalContentContainer = document.createElement('div');
+            hiddenModalContentContainer.classList.add('hidden');
+            hiddenModalContentContainer.id = 'hidden-modal-content-container';
+            document.body.appendChild(hiddenModalContentContainer);
         }
 
-        const modalContent = this.createModalContentFromTemplate()
-        hiddenModalContentContainer.appendChild(modalContent)
+        const modalContent = this.createModalContentFromTemplate();
+        hiddenModalContentContainer.appendChild(modalContent);
 
-        this.modalContent = hiddenModalContentContainer.querySelector(`#modal-content-${this.config.workOlid}`)
+        this.modalContent = hiddenModalContentContainer.querySelector(`#modal-content-${this.config.workOlid}`);
 
-        const formElem = this.modalContent.querySelector('form')
-        this.checkInForm = new CheckInForm(formElem, this.config.workOlid, this.config.editionKey || '', this.config.lastReadDate || '', this.config.eventId)
-        this.checkInForm.initialize()
+        const formElem = this.modalContent.querySelector('form');
+        this.checkInForm = new CheckInForm(formElem, this.config.workOlid, this.config.editionKey || '', this.config.lastReadDate || '', this.config.eventId);
+        this.checkInForm.initialize();
         this.checkInForm.getRootElement().addEventListener('delete-check-in', () => {
             this.deleteCheckIn(this.checkInForm.getEventId())
                 .then(resp => {
                     if (!resp.ok) {
-                        throw Error(`Check-in delete request failed. Status: ${resp.status}`)
+                        throw Error(`Check-in delete request failed. Status: ${resp.status}`);
                     }
 
-                    this.checkInForm.resetForm()
-                    this.checkInDisplay.hide()
-                    this.checkInPrompt.show()
+                    this.checkInForm.resetForm();
+                    this.checkInDisplay.hide();
+                    this.checkInPrompt.show();
                 })
                 .catch(() => {
                     // TODO : Use localized strings
-                    new PersistentToast('Failed to delete check-in.  Please try again in a few moments.').show()
+                    new PersistentToast('Failed to delete check-in.  Please try again in a few moments.').show();
                 })
                 .finally(() => {
-                    this.closeModal()
-                })
-        })
+                    this.closeModal();
+                });
+        });
         this.checkInForm.getRootElement().addEventListener('submit-check-in', (event) => {
-            const year = event.detail.year
-            const month = event.detail.month
-            const day = event.detail.day
+            const year = event.detail.year;
+            const month = event.detail.month;
+            const day = event.detail.day;
 
-            const eventData = this.prepareEventRequest(year, month, day)
+            const eventData = this.prepareEventRequest(year, month, day);
             this.postCheckIn(eventData, this.checkInForm.getFormAction())
                 .then((resp) => {
                     if (!resp.ok) {
-                        throw Error(`Check-in request failed. Status: ${resp.status}`)
+                        throw Error(`Check-in request failed. Status: ${resp.status}`);
                     }
-                    this.updateDateAndShowDisplay(year, month, day)
+                    this.updateDateAndShowDisplay(year, month, day);
                 })
                 .catch(() => {
                     // TODO : Use localized strings
-                    new PersistentToast('Failed to submit check-in.  Please try again in a few moments.').show()
+                    new PersistentToast('Failed to submit check-in.  Please try again in a few moments.').show();
                 })
                 .finally(() => {
-                    this.closeModal()
-                })
-        })
+                    this.closeModal();
+                });
+        });
 
-        const closeModalElements = this.modalContent.querySelectorAll('.dialog--close')
-        initDialogClosers(closeModalElements)
+        const closeModalElements = this.modalContent.querySelectorAll('.dialog--close');
+        initDialogClosers(closeModalElements);
     }
 
     /**
@@ -173,13 +173,13 @@ export class CheckInComponents {
      * @returns {HTMLElement}
      */
     createModalContentFromTemplate() {
-        const templateElem = document.createElement('template')
-        const modalContentTemplate = document.querySelector('#check-in-form-modal')
-        templateElem.innerHTML = modalContentTemplate.outerHTML
-        const modalContent = templateElem.content.firstElementChild
-        modalContent.id = `modal-content-${this.config.workOlid}`
+        const templateElem = document.createElement('template');
+        const modalContentTemplate = document.querySelector('#check-in-form-modal');
+        templateElem.innerHTML = modalContentTemplate.outerHTML;
+        const modalContent = templateElem.content.firstElementChild;
+        modalContent.id = `modal-content-${this.config.workOlid}`;
 
-        return modalContent
+        return modalContent;
     }
 
     /**
@@ -191,22 +191,22 @@ export class CheckInComponents {
      */
     updateDateAndShowDisplay(year, month = null, day = null) {
         // Update last read date display
-        let dateString = String(year)
+        let dateString = String(year);
         if (month) {
-            dateString += `-${String(month).padStart(2, '0')}`
+            dateString += `-${String(month).padStart(2, '0')}`;
             if (day) {
-                dateString += `-${String(day).padStart(2, '0')}`
+                dateString += `-${String(day).padStart(2, '0')}`;
             }
         }
-        this.checkInDisplay.updateDateDisplay(dateString)
+        this.checkInDisplay.updateDateDisplay(dateString);
 
         // Update component visibility
-        this.checkInPrompt.hide()
-        this.checkInDisplay.show()
+        this.checkInPrompt.hide();
+        this.checkInDisplay.show();
 
         // Update submission form
-        this.checkInForm.updateSelectedDate(year, month, day)
-        this.checkInForm.showDeleteButton()
+        this.checkInForm.updateSelectedDate(year, month, day);
+        this.checkInForm.showDeleteButton();
 
     }
 
@@ -234,7 +234,7 @@ export class CheckInComponents {
                 accept: 'application/json'
             },
             body: JSON.stringify(eventData)
-        })
+        });
     }
 
     /**
@@ -246,7 +246,7 @@ export class CheckInComponents {
     async deleteCheckIn(eventId) {
         return fetch(`/check-ins/${eventId}`, {
             method: 'DELETE'
-        })
+        });
     }
 
     /**
@@ -259,10 +259,10 @@ export class CheckInComponents {
      */
     prepareEventRequest(year, month = null, day = null) {
         //  Get event id
-        const eventId = this.checkInForm.getEventId()
+        const eventId = this.checkInForm.getEventId();
 
         // Get event type
-        const eventType = this.checkInForm.getEventType()
+        const eventType = this.checkInForm.getEventType();
 
         const eventRequest = {
             event_id: eventId ? Number(eventId) : null,
@@ -270,14 +270,14 @@ export class CheckInComponents {
             year: year,
             month: month,
             day: day
-        }
+        };
 
-        const editionKey = this.checkInForm.getEditionKey() || null
+        const editionKey = this.checkInForm.getEditionKey() || null;
         if (editionKey) {
-            eventRequest.edition_key = editionKey
+            eventRequest.edition_key = editionKey;
         }
 
-        return eventRequest
+        return eventRequest;
     }
 
     /**
@@ -286,49 +286,49 @@ export class CheckInComponents {
      * @returns {boolean}
      */
     hasReadDate() {
-        return !this.checkInDisplay.getRootElement().classList.contains('hidden')
+        return !this.checkInDisplay.getRootElement().classList.contains('hidden');
     }
 
     /**
      * Resets the check-in form.
      */
     resetForm() {
-        this.checkInForm.resetForm()
+        this.checkInForm.resetForm();
     }
 
     /**
      * Show the check-in display.
      */
     showCheckInDisplay() {
-        this.checkInDisplay.show()
+        this.checkInDisplay.show();
     }
 
     /**
      * Hide the check-in display.
      */
     hideCheckInDisplay() {
-        this.checkInDisplay.hide()
+        this.checkInDisplay.hide();
     }
 
     /**
      * Show the check-in prompt.
      */
     showCheckInPrompt() {
-        this.checkInPrompt.show()
+        this.checkInPrompt.show();
     }
 
     /**
      * Hide the check-in prompt.
      */
     hideCheckInPrompt() {
-        this.checkInPrompt.hide()
+        this.checkInPrompt.hide();
     }
 
     /**
      * Closes the opened `colorbox` modal.
      */
     closeModal() {
-        $.colorbox.close()
+        $.colorbox.close();
     }
 }
 
@@ -343,28 +343,28 @@ class CheckInPrompt {
      * @param {HTMLElement} checkInPrompt
      */
     constructor(checkInPrompt) {
-        this.rootElem = checkInPrompt
+        this.rootElem = checkInPrompt;
     }
 
     initialize() {
-        const yearLink = this.rootElem.querySelector('.prompt-current-year')
+        const yearLink = this.rootElem.querySelector('.prompt-current-year');
         yearLink.addEventListener('click', () => {
             // Get the current year
-            const year = new Date().getFullYear()
+            const year = new Date().getFullYear();
 
-            this.dispatchCheckInSubmission(year)
-        })
+            this.dispatchCheckInSubmission(year);
+        });
 
-        const todayLink = this.rootElem.querySelector('.prompt-today')
+        const todayLink = this.rootElem.querySelector('.prompt-today');
         todayLink.addEventListener('click', () => {
             // Get today's date
-            const now = new Date()
-            const year = now.getFullYear()
-            const month = now.getMonth() + 1
-            const day =  now.getDate()
+            const now = new Date();
+            const year = now.getFullYear();
+            const month = now.getMonth() + 1;
+            const day =  now.getDate();
 
-            this.dispatchCheckInSubmission(year, month, day)
-        })
+            this.dispatchCheckInSubmission(year, month, day);
+        });
     }
 
     /**
@@ -381,22 +381,22 @@ class CheckInPrompt {
                 month: month,
                 day: day
             }
-        })
-        this.rootElem.dispatchEvent(submitEvent)
+        });
+        this.rootElem.dispatchEvent(submitEvent);
     }
 
     /**
      * Hides this check-in prompt.
      */
     hide() {
-        this.rootElem.classList.add('hidden')
+        this.rootElem.classList.add('hidden');
     }
 
     /**
      * Shows this check-in prompt.
      */
     show() {
-        this.rootElem.classList.remove('hidden')
+        this.rootElem.classList.remove('hidden');
     }
 
     /**
@@ -404,7 +404,7 @@ class CheckInPrompt {
      * @returns {HTMLElement}
      */
     getRootElement() {
-        return this.rootElem
+        return this.rootElem;
     }
 }
 
@@ -418,8 +418,8 @@ class CheckInDisplay {
      * @param {HTMLElement} checkInDisplay
      */
     constructor(checkInDisplay) {
-        this.rootElem = checkInDisplay
-        this.dateDisplayElem = this.rootElem.querySelector('.check-in-date')
+        this.rootElem = checkInDisplay;
+        this.dateDisplayElem = this.rootElem.querySelector('.check-in-date');
     }
 
     /**
@@ -428,28 +428,28 @@ class CheckInDisplay {
      * @param {string} date
      */
     updateDateDisplay(date) {
-        this.dateDisplayElem.textContent = date
+        this.dateDisplayElem.textContent = date;
     }
 
     /**
      * Hides this date display.
      */
     hide() {
-        this.rootElem.classList.add('hidden')
+        this.rootElem.classList.add('hidden');
     }
 
     /**
      * Shows this date display.
      */
     show() {
-        this.rootElem.classList.remove('hidden')
+        this.rootElem.classList.remove('hidden');
     }
 
     /**
      * @returns {HTMLElement}
      */
     getRootElement() {
-        return this.rootElem
+        return this.rootElem;
     }
 }
 
@@ -472,151 +472,151 @@ export class CheckInForm {
      * @param {number|null} eventId
      */
     constructor(formElem, workOlid, editionKey = null, lastReadDate = null, eventId = null) {
-        this.rootElem = formElem
-        this.workOlid = workOlid
-        this.editionKey = editionKey
-        this.lastReadDate = lastReadDate
-        this.eventId = eventId
+        this.rootElem = formElem;
+        this.workOlid = workOlid;
+        this.editionKey = editionKey;
+        this.lastReadDate = lastReadDate;
+        this.eventId = eventId;
 
         /**
          * Reference to hidden `event_type` form input.
          *
          * @type {HTMLInputElement|undefined}
          */
-        this.eventTypeInput = this.rootElem.querySelector('input[name=event_type]')
+        this.eventTypeInput = this.rootElem.querySelector('input[name=event_type]');
 
         /**
          * Reference to hidden `event_id` form input.
          *
          * @type {HTMLInputElement|undefined}
          */
-        this.eventIdInput = this.rootElem.querySelector('input[name=event_id]')
+        this.eventIdInput = this.rootElem.querySelector('input[name=event_id]');
 
         /**
          * Reference to hidden `edition_key` form input.
          *
          * @type {HTMLInputElement}
          */
-        this.editionKeyInput = this.rootElem.querySelector('input[name=edition_key]')
+        this.editionKeyInput = this.rootElem.querySelector('input[name=edition_key]');
 
         /**
          * Reference to the form's year `select` element.
          *
          * @type {HTMLSelectElement}
          */
-        this.yearSelect = this.rootElem.querySelector('select[name=year]')
+        this.yearSelect = this.rootElem.querySelector('select[name=year]');
 
         /**
          * Reference to the form's month `select` element.
          *
          * @type {HTMLSelectElement}
          */
-        this.monthSelect = this.rootElem.querySelector('select[name=month]')
+        this.monthSelect = this.rootElem.querySelector('select[name=month]');
 
         /**
          * Reference to the form's day `select` element.
          *
          * @type {HTMLSelectElement}
          */
-        this.daySelect = this.rootElem.querySelector('select[name=day]')
+        this.daySelect = this.rootElem.querySelector('select[name=day]');
 
         /**
          * Reference to the form's submit button.
          * @type {HTMLButtonElement}
          */
-        this.submitButton = this.rootElem.querySelector('.check-in__submit-btn')
+        this.submitButton = this.rootElem.querySelector('.check-in__submit-btn');
 
         /**
          * Reference to the form's delete button.
          *
          * @type {HTMLButtonElement}
          */
-        this.deleteButton = this.rootElem.querySelector('.check-in__delete-btn')
+        this.deleteButton = this.rootElem.querySelector('.check-in__delete-btn');
     }
 
     initialize() {
         // Set form's action
-        this.rootElem.action = `/works/${this.workOlid}/check-ins.json`
+        this.rootElem.action = `/works/${this.workOlid}/check-ins.json`;
         // Set form's event ID
         if (this.eventId) {
-            this.setEventId(this.eventId)
-            this.showDeleteButton()
+            this.setEventId(this.eventId);
+            this.showDeleteButton();
         }
         // Set form's edition_key
         if (this.editionKey) {
-            this.editionKeyInput.value = this.editionKey
+            this.editionKeyInput.value = this.editionKey;
         }
         // Set date select elements to the last read date
-        const [yearString, monthString, dayString] = this.lastReadDate ? this.lastReadDate.split('-') : [null, null, null]
-        this.updateSelectedDate(Number(yearString), Number(monthString), Number(dayString))
+        const [yearString, monthString, dayString] = this.lastReadDate ? this.lastReadDate.split('-') : [null, null, null];
+        this.updateSelectedDate(Number(yearString), Number(monthString), Number(dayString));
 
         // Update form for new years day
         const currentYear = new Date().getFullYear();
-        const hiddenYear = this.yearSelect.querySelector('.show-if-local-year')
+        const hiddenYear = this.yearSelect.querySelector('.show-if-local-year');
         // The year select element has a hidden option for next year.  This
         // option is shown on 1 January if the client's local year is different
         // from the server's local year.
         if (Number(hiddenYear.value) === currentYear) {
-            hiddenYear.classList.remove('hidden')
+            hiddenYear.classList.remove('hidden');
         }
 
         // Associate labels with select elements
-        const yearLabel = this.rootElem.querySelector('.check-in__year-label')
-        const yearSelectId = `year-select-${this.workOlid}`
-        this.yearSelect.id = yearSelectId
-        yearLabel.htmlFor = yearSelectId
+        const yearLabel = this.rootElem.querySelector('.check-in__year-label');
+        const yearSelectId = `year-select-${this.workOlid}`;
+        this.yearSelect.id = yearSelectId;
+        yearLabel.htmlFor = yearSelectId;
 
-        const monthLabel = this.rootElem.querySelector('.check-in__month-label')
-        const monthSelectId = `month-select-${this.workOlid}`
-        this.monthSelect.id = monthSelectId
-        monthLabel.htmlFor = monthSelectId
+        const monthLabel = this.rootElem.querySelector('.check-in__month-label');
+        const monthSelectId = `month-select-${this.workOlid}`;
+        this.monthSelect.id = monthSelectId;
+        monthLabel.htmlFor = monthSelectId;
 
-        const dayLabel = this.rootElem.querySelector('.check-in__day-label')
-        const daySelectId = `day-select-${this.workOlid}`
-        this.daySelect.id = daySelectId
-        dayLabel.htmlFor = daySelectId
+        const dayLabel = this.rootElem.querySelector('.check-in__day-label');
+        const daySelectId = `day-select-${this.workOlid}`;
+        this.daySelect.id = daySelectId;
+        dayLabel.htmlFor = daySelectId;
 
         // Add listeners to form elements:
         this.yearSelect.addEventListener('change', () => {
-            this.onDateSelectionChange()
-        })
+            this.onDateSelectionChange();
+        });
         this.monthSelect.addEventListener('change', () => {
-            this.onDateSelectionChange()
-        })
+            this.onDateSelectionChange();
+        });
         this.deleteButton.addEventListener('click', (event) => {
-            event.preventDefault()
-            const deleteEvent = new CustomEvent('delete-check-in')
-            this.rootElem.dispatchEvent(deleteEvent)
-        })
+            event.preventDefault();
+            const deleteEvent = new CustomEvent('delete-check-in');
+            this.rootElem.dispatchEvent(deleteEvent);
+        });
         this.submitButton.addEventListener('click', (event) => {
-            event.preventDefault()
+            event.preventDefault();
             const submitEvent = new CustomEvent('submit-check-in', {
                 detail: {
                     year: this.getSelectedYear(),
                     month: this.getSelectedMonth(),
                     day: this.getSelectedDay()
                 }
-            })
-            this.rootElem.dispatchEvent(submitEvent)
-        })
-        const todayLink = this.rootElem.querySelector('.check-in__today')
+            });
+            this.rootElem.dispatchEvent(submitEvent);
+        });
+        const todayLink = this.rootElem.querySelector('.check-in__today');
         todayLink.addEventListener('click', () => {
             // Get today's date
-            const now = new Date()
-            const year = now.getFullYear()
-            const month = now.getMonth() + 1
-            const day =  now.getDate()
+            const now = new Date();
+            const year = now.getFullYear();
+            const month = now.getMonth() + 1;
+            const day =  now.getDate();
 
-            this.updateSelectedDate(year, month, day)
-        })
+            this.updateSelectedDate(year, month, day);
+        });
     }
 
     /**
      * Gets currently selected date, then updates the form.
      */
     onDateSelectionChange() {
-        const year = this.yearSelect.selectedIndex ? Number(this.yearSelect.value) : null
-        this.updateSelectedDate(year, this.monthSelect.selectedIndex, this.daySelect.selectedIndex)
+        const year = this.yearSelect.selectedIndex ? Number(this.yearSelect.value) : null;
+        this.updateSelectedDate(year, this.monthSelect.selectedIndex, this.daySelect.selectedIndex);
     }
 
     /**
@@ -628,41 +628,41 @@ export class CheckInForm {
      */
     updateSelectedDate(year = null, month = null, day = null) {
         if (!month) {
-            day = null
+            day = null;
         }
         if (!year) {
-            month = null
-            day = null
+            month = null;
+            day = null;
         }
 
         if (year) {
-            this.yearSelect.value = year || ''
-            this.monthSelect.disabled = false
-            this.submitButton.disabled = false
+            this.yearSelect.value = year || '';
+            this.monthSelect.disabled = false;
+            this.submitButton.disabled = false;
         } else {
-            this.yearSelect.selectedIndex = 0
-            this.monthSelect.disabled = true
-            this.submitButton.disabled = true
+            this.yearSelect.selectedIndex = 0;
+            this.monthSelect.disabled = true;
+            this.submitButton.disabled = true;
         }
         if (month) {
-            this.monthSelect.value = month || ''
-            this.daySelect.disabled = false
+            this.monthSelect.value = month || '';
+            this.daySelect.disabled = false;
 
             // Update daySelect options for month/leap year
-            let daysInMonth = DAYS_IN_MONTH[month - 1]
+            let daysInMonth = DAYS_IN_MONTH[month - 1];
             if (month === 2 && isLeapYear(year)) {
-                ++daysInMonth
+                ++daysInMonth;
             }
-            this.updateDayOptions(daysInMonth)
+            this.updateDayOptions(daysInMonth);
         } else {
-            this.monthSelect.selectedIndex = 0
-            this.daySelect.disabled = true
+            this.monthSelect.selectedIndex = 0;
+            this.daySelect.disabled = true;
         }
         if (day) {
-            const daysInMonth = DAYS_IN_MONTH[this.monthSelect.selectedIndex - 1]
-            this.daySelect.selectedIndex = day > daysInMonth ? 0 : day
+            const daysInMonth = DAYS_IN_MONTH[this.monthSelect.selectedIndex - 1];
+            this.daySelect.selectedIndex = day > daysInMonth ? 0 : day;
         } else {
-            this.daySelect.selectedIndex = 0
+            this.daySelect.selectedIndex = 0;
         }
     }
 
@@ -674,9 +674,9 @@ export class CheckInForm {
     updateDayOptions(daysInMonth) {
         for (let i = 0; i < this.daySelect.options.length; ++i) {
             if (i <= daysInMonth) {
-                this.daySelect.options[i].classList.remove('hidden')
+                this.daySelect.options[i].classList.remove('hidden');
             } else {
-                this.daySelect.options[i].classList.add('hidden')
+                this.daySelect.options[i].classList.add('hidden');
             }
         }
     }
@@ -688,23 +688,23 @@ export class CheckInForm {
      * resets the date select elements to their default values.
      */
     resetForm() {
-        this.setEventId('')
-        this.updateSelectedDate()
-        this.hideDeleteButton()
+        this.setEventId('');
+        this.updateSelectedDate();
+        this.hideDeleteButton();
     }
 
     /**
      * Shows this form's delete button.
      */
     showDeleteButton() {
-        this.deleteButton.classList.remove('invisible')
+        this.deleteButton.classList.remove('invisible');
     }
 
     /**
      * Hides this form's delete button.
      */
     hideDeleteButton() {
-        this.deleteButton.classList.add('invisible')
+        this.deleteButton.classList.add('invisible');
     }
 
     /**
@@ -713,7 +713,7 @@ export class CheckInForm {
      * @returns {number|null} The selected year, or `null` if none selected
      */
     getSelectedYear() {
-        return this.yearSelect.selectedIndex ? Number(this.yearSelect.value) : null
+        return this.yearSelect.selectedIndex ? Number(this.yearSelect.value) : null;
     }
 
     /**
@@ -722,7 +722,7 @@ export class CheckInForm {
      * @returns {number|null} The selected month, or `null` if none selected
      */
     getSelectedMonth() {
-        return this.monthSelect.selectedIndex || null
+        return this.monthSelect.selectedIndex || null;
     }
 
     /**
@@ -731,7 +731,7 @@ export class CheckInForm {
      * @returns {number|null} The selected day, or `null` if none selected
      */
     getSelectedDay() {
-        return this.daySelect.selectedIndex || null
+        return this.daySelect.selectedIndex || null;
     }
 
     /**
@@ -740,7 +740,7 @@ export class CheckInForm {
      * @returns {string}
      */
     getEventId() {
-        return this.eventIdInput.value
+        return this.eventIdInput.value;
     }
 
     /**
@@ -749,7 +749,7 @@ export class CheckInForm {
      * @param value
      */
     setEventId(value) {
-        this.eventIdInput.value = value
+        this.eventIdInput.value = value;
     }
 
     /**
@@ -758,7 +758,7 @@ export class CheckInForm {
      * @returns {string}
      */
     getEventType() {
-        return this.eventTypeInput.value
+        return this.eventTypeInput.value;
     }
 
     /**
@@ -767,7 +767,7 @@ export class CheckInForm {
      * @returns {string}
      */
     getEditionKey() {
-        return this.editionKeyInput.value
+        return this.editionKeyInput.value;
     }
 
     /**
@@ -776,7 +776,7 @@ export class CheckInForm {
      * @returns {string}
      */
     getFormAction() {
-        return this.rootElem.action
+        return this.rootElem.action;
     }
 
     /**
@@ -785,6 +785,6 @@ export class CheckInForm {
      * @returns {HTMLFormElement}
      */
     getRootElement() {
-        return this.rootElem
+        return this.rootElem;
     }
 }
diff --git a/openlibrary/plugins/openlibrary/js/my-books/MyBooksDropper/ReadingLists.js b/openlibrary/plugins/openlibrary/js/my-books/MyBooksDropper/ReadingLists.js
index c4ebbf1b2ed..aa89a84a6d6 100644
--- a/openlibrary/plugins/openlibrary/js/my-books/MyBooksDropper/ReadingLists.js
+++ b/openlibrary/plugins/openlibrary/js/my-books/MyBooksDropper/ReadingLists.js
@@ -3,13 +3,13 @@
  * @module my-books/MyBooksDropper/ReadingLists
  */
 import 'jquery-colorbox';
-import myBooksStore from '../store'
+import myBooksStore from '../store';
 
-import { addItem, removeItem } from '../../lists/ListService'
-import { attachNewActiveShowcaseItem, toggleActiveShowcaseItems } from '../../lists/ShowcaseItem'
-import { FadingToast } from '../../Toast'
+import { addItem, removeItem } from '../../lists/ListService';
+import { attachNewActiveShowcaseItem, toggleActiveShowcaseItems } from '../../lists/ShowcaseItem';
+import { FadingToast } from '../../Toast';
 
-const DEFAULT_COVER_URL = '/images/icons/avatar_book-sm.png'
+const DEFAULT_COVER_URL = '/images/icons/avatar_book-sm.png';
 
 /**
  * Represents a single My Books dropper's list affordances, and defines their
@@ -28,17 +28,17 @@ export class ReadingLists {
          *
          * @member {HTMLElement}
          */
-        this.dropper = dropper
+        this.dropper = dropper;
 
         /**
          * Reference to the "Use work" checkbox.
          *
          * @member {HTMLElement|null}
          */
-        this.workCheckBox = dropper.querySelector('.work-checkbox')
+        this.workCheckBox = dropper.querySelector('.work-checkbox');
         if (this.workCheckBox) {
             // Uncheck "Use work" checkbox on page refresh
-            this.workCheckBox.checked = false
+            this.workCheckBox.checked = false;
         }
 
         /**
@@ -46,14 +46,14 @@ export class ReadingLists {
          *
          * @member {HTMLElement}
          */
-        this.dropperListsElement = dropper.querySelector('.my-lists')
+        this.dropperListsElement = dropper.querySelector('.my-lists');
 
         /**
          * Key of the document that will be added to or removed from a list.
          *
          * @member {string}
          */
-        this.seedKey = this.dropperListsElement.dataset.seedKey
+        this.seedKey = this.dropperListsElement.dataset.seedKey;
 
         /**
          * Key of the work associated with this dropper. Will be an empty
@@ -61,14 +61,14 @@ export class ReadingLists {
          *
          * @member {string}
          */
-        this.workKey = this.dropperListsElement.dataset.workKey
+        this.workKey = this.dropperListsElement.dataset.workKey;
 
         /**
          * The patron's user key.
          *
          * @member {string}
          */
-        this.userKey = this.dropperListsElement.dataset.userKey
+        this.userKey = this.dropperListsElement.dataset.userKey;
 
         /**
          * Stores information about a single list.
@@ -86,26 +86,26 @@ export class ReadingLists {
          *
          * @member {Record<string, ActiveListData>}
          */
-        this.patronLists = {}
+        this.patronLists = {};
     }
 
     /**
      * Adds functionality to all of the dropper's list affordances.
      */
     initialize() {
-        this.initModifyListAffordances(this.dropper.querySelectorAll('.modify-list'))
+        this.initModifyListAffordances(this.dropper.querySelectorAll('.modify-list'));
 
-        const openListModalButton = this.dropper.querySelector('.create-new-list')
+        const openListModalButton = this.dropper.querySelector('.create-new-list');
 
         if (openListModalButton) {
-            this.addOpenListModalClickListener(openListModalButton)
+            this.addOpenListModalClickListener(openListModalButton);
         }
 
         if (this.workCheckBox) {
             this.workCheckBox.addEventListener('click', () => {
-                this.updateListDisplays()
-                toggleActiveShowcaseItems(this.workCheckBox.checked)
-            })
+                this.updateListDisplays();
+                toggleActiveShowcaseItems(this.workCheckBox.checked);
+            });
         }
     }
 
@@ -113,14 +113,14 @@ export class ReadingLists {
      * Updates dropdown list affordances when an update occurs.
      */
     updateListDisplays() {
-        const isWorkSelected = this.workCheckBox && this.workCheckBox.checked
+        const isWorkSelected = this.workCheckBox && this.workCheckBox.checked;
         for (const key of Object.keys(this.patronLists)) {
-            const listData = this.patronLists[key]
+            const listData = this.patronLists[key];
 
             if (isWorkSelected) {
-                this.toggleDisplayedType(listData.workOnList, key)
+                this.toggleDisplayedType(listData.workOnList, key);
             } else {
-                this.toggleDisplayedType(listData.itemOnList, key)
+                this.toggleDisplayedType(listData.itemOnList, key);
             }
         }
     }
@@ -136,12 +136,12 @@ export class ReadingLists {
      * @param {string} listKey Unique identifier for a list
      */
     toggleDisplayedType(isListMember, listKey) {
-        const listData = this.patronLists[listKey]
+        const listData = this.patronLists[listKey];
 
         if (isListMember) {
-            listData.dropperListAffordance.classList.add('list--active')
+            listData.dropperListAffordance.classList.add('list--active');
         } else {
-            listData.dropperListAffordance.classList.remove('list--active')
+            listData.dropperListAffordance.classList.remove('list--active');
         }
     }
 
@@ -155,45 +155,45 @@ export class ReadingLists {
      */
     initModifyListAffordances(modifyListElements) {
         for (const elem of modifyListElements) {
-            const listItemKeys = elem.dataset.listItems
-            const listKey = elem.dataset.listKey
-            const itemOnList = listItemKeys.includes(this.seedKey)
-            const elemParent = elem.parentElement
+            const listItemKeys = elem.dataset.listItems;
+            const listKey = elem.dataset.listKey;
+            const itemOnList = listItemKeys.includes(this.seedKey);
+            const elemParent = elem.parentElement;
 
             this.patronLists[listKey] = {
                 title: elem.innerText,
                 coverUrl: elem.dataset.listCoverUrl,
                 itemOnList: itemOnList,
                 dropperListAffordance: elemParent,  // The .list element
-            }
+            };
             if (!this.patronLists[listKey].coverUrl) {
-                this.patronLists[listKey].coverUrl = DEFAULT_COVER_URL
+                this.patronLists[listKey].coverUrl = DEFAULT_COVER_URL;
             }
             if (this.workCheckBox) {
                 // Check for work key membership:
-                const workOnList = listItemKeys.includes(this.workKey)
-                this.patronLists[listKey].workOnList = workOnList
+                const workOnList = listItemKeys.includes(this.workKey);
+                this.patronLists[listKey].workOnList = workOnList;
 
                 if (this.workCheckBox.checked) {
                     if (workOnList) {
-                        elemParent.classList.add('list--active')
+                        elemParent.classList.add('list--active');
                     }
                 } else {
                     if (itemOnList) {
-                        elemParent.classList.add('list--active')
+                        elemParent.classList.add('list--active');
                     }
                 }
             } else {
                 if (itemOnList) {
-                    elemParent.classList.add('list--active')
+                    elemParent.classList.add('list--active');
                 }
             }
 
             elem.addEventListener('click', (event) => {
-                event.preventDefault()
-                const isAddingItem = !this.patronLists[listKey].dropperListAffordance.classList.contains('list--active')
-                this.modifyList(listKey, isAddingItem)
-            })
+                event.preventDefault();
+                const isAddingItem = !this.patronLists[listKey].dropperListAffordance.classList.contains('list--active');
+                this.modifyList(listKey, isAddingItem);
+            });
         }
     }
 
@@ -205,56 +205,56 @@ export class ReadingLists {
      * @param {boolean} isAddingItem `true` if an item is being added to a list
      */
     async modifyList(listKey, isAddingItem) {
-        let seed
-        const isWork = this.workCheckBox && this.workCheckBox.checked
+        let seed;
+        const isWork = this.workCheckBox && this.workCheckBox.checked;
 
         // Seed will be a string if its type is 'subject'
-        const isSubjectSeed = this.seedKey[0] !== '/'
+        const isSubjectSeed = this.seedKey[0] !== '/';
 
         if (isWork) {
-            seed = { key: this.workKey }
+            seed = { key: this.workKey };
         } else if (isSubjectSeed) {
-            seed = this.seedKey
+            seed = this.seedKey;
         } else {
-            seed = { key: this.seedKey }
+            seed = { key: this.seedKey };
         }
 
-        const makeChange = isAddingItem ? addItem : removeItem
-        this.patronLists[listKey].dropperListAffordance.classList.remove('list--active')
-        this.patronLists[listKey].dropperListAffordance.classList.add('list--pending')
+        const makeChange = isAddingItem ? addItem : removeItem;
+        this.patronLists[listKey].dropperListAffordance.classList.remove('list--active');
+        this.patronLists[listKey].dropperListAffordance.classList.add('list--pending');
 
         await makeChange(listKey, seed)
             .then((response) => {
                 if (response.status >= 400) {
-                    throw new Error('List update failed')
+                    throw new Error('List update failed');
                 }
-                response.json()
+                response.json();
             })
             .then(() => {
-                this.updateViewAfterModifyingList(listKey, isWork, isAddingItem)
+                this.updateViewAfterModifyingList(listKey, isWork, isAddingItem);
 
-                const seedKey = isWork ? this.workKey : this.seedKey
+                const seedKey = isWork ? this.workKey : this.seedKey;
                 if (isAddingItem) {
                     // make new active showcase item
-                    const listTitle = this.patronLists[listKey].title
-                    attachNewActiveShowcaseItem(listKey, seedKey, listTitle, this.patronLists[listKey].coverUrl)
+                    const listTitle = this.patronLists[listKey].title;
+                    attachNewActiveShowcaseItem(listKey, seedKey, listTitle, this.patronLists[listKey].coverUrl);
                 } else {
                     // remove existing showcase items
-                    const showcases = myBooksStore.getShowcases()
-                    const matchingShowcases = showcases.filter((item) => item.listKey === listKey && item.seedKey === seedKey)
+                    const showcases = myBooksStore.getShowcases();
+                    const matchingShowcases = showcases.filter((item) => item.listKey === listKey && item.seedKey === seedKey);
                     for (const item of matchingShowcases) {
-                        item.removeSelf()
+                        item.removeSelf();
                     }
                 }
             })
             .catch(() => {
                 if (!isAddingItem) {
                     // Replace check mark if patron was removing an item from a list
-                    this.patronLists[listKey].dropperListAffordance.classList.add('list--active')
+                    this.patronLists[listKey].dropperListAffordance.classList.add('list--active');
                 }
-                new FadingToast('Could not update list.  Please try again later.').show()
+                new FadingToast('Could not update list.  Please try again later.').show();
             })
-            .finally(() => this.patronLists[listKey].dropperListAffordance.classList.remove('list--pending'))
+            .finally(() => this.patronLists[listKey].dropperListAffordance.classList.remove('list--pending'));
     }
 
     /**
@@ -267,12 +267,12 @@ export class ReadingLists {
      */
     updateViewAfterModifyingList(listKey, isWork, wasItemAdded) {
         if (isWork) {
-            this.patronLists[listKey].workOnList = wasItemAdded
+            this.patronLists[listKey].workOnList = wasItemAdded;
         } else {
-            this.patronLists[listKey].itemOnList = wasItemAdded
+            this.patronLists[listKey].itemOnList = wasItemAdded;
         }
 
-        this.updateListDisplays()
+        this.updateListDisplays();
     }
 
     /**
@@ -285,14 +285,14 @@ export class ReadingLists {
      */
     addOpenListModalClickListener(openListModalButton) {
         openListModalButton.addEventListener('click', (event) => {
-            event.preventDefault()
+            event.preventDefault();
 
             $.colorbox({
                 inline: true,
                 opacity: '0.5',
                 href: '#addList'
-            })
-        })
+            });
+        });
     }
 
     /**
@@ -306,21 +306,21 @@ export class ReadingLists {
      * @param {string} coverUrl URL for the list's cover image
      */
     onListCreationSuccess(listKey, listTitle, isActive, coverUrl) {
-        const dropperListAffordance = this.createDropdownListAffordance(listKey, listTitle, isActive)
+        const dropperListAffordance = this.createDropdownListAffordance(listKey, listTitle, isActive);
 
         this.patronLists[listKey] = {
             title: listTitle,
             coverUrl: coverUrl,
             dropperListAffordance: dropperListAffordance
-        }
+        };
 
         if (isActive) {
             if (this.workCheckBox && this.workCheckBox.checked) {
-                this.patronLists[listKey].itemOnList = false
-                this.patronLists[listKey].workOnList = true
+                this.patronLists[listKey].itemOnList = false;
+                this.patronLists[listKey].workOnList = true;
             } else {
-                this.patronLists[listKey].itemOnList = true
-                this.patronLists[listKey].workOnList = false
+                this.patronLists[listKey].itemOnList = true;
+                this.patronLists[listKey].workOnList = false;
             }
         }
     }
@@ -336,23 +336,23 @@ export class ReadingLists {
     createDropdownListAffordance(listKey, listTitle, isActive) {
         const itemMarkUp = `<span class="list__status-indicator"></span>
         <a href="${listKey}" class="modify-list dropper__close" data-list-cover-url="${listKey}" data-list-key="${listKey}">${listTitle}</a>
-        `
-        const p = document.createElement('p')
-        p.classList.add('list')
+        `;
+        const p = document.createElement('p');
+        p.classList.add('list');
         if (isActive) {
-            p.classList.add('list--active')
+            p.classList.add('list--active');
         }
-        p.innerHTML = itemMarkUp
-        this.dropperListsElement.appendChild(p)
-        const listAffordance = p.querySelector('.modify-list')
+        p.innerHTML = itemMarkUp;
+        this.dropperListsElement.appendChild(p);
+        const listAffordance = p.querySelector('.modify-list');
 
         listAffordance.addEventListener('click', (event) => {
-            event.preventDefault()
-            const isAddingItem = !this.patronLists[listKey].dropperListAffordance.classList.contains('list--active')
-            this.modifyList(listKey, isAddingItem)
-        })
+            event.preventDefault();
+            const isAddingItem = !this.patronLists[listKey].dropperListAffordance.classList.contains('list--active');
+            this.modifyList(listKey, isAddingItem);
+        });
 
-        return p
+        return p;
     }
 
     /**
@@ -363,9 +363,9 @@ export class ReadingLists {
     getSeed() {
         if (this.workCheckBox && this.workCheckBox.checked) {
             // seed is the work key:
-            return this.workKey
+            return this.workKey;
         }
 
-        return this.seedKey
+        return this.seedKey;
     }
 }
diff --git a/openlibrary/plugins/openlibrary/js/my-books/index.js b/openlibrary/plugins/openlibrary/js/my-books/index.js
index 1640be09742..1534af56ddb 100644
--- a/openlibrary/plugins/openlibrary/js/my-books/index.js
+++ b/openlibrary/plugins/openlibrary/js/my-books/index.js
@@ -1,88 +1,88 @@
-import { CreateListForm } from './CreateListForm'
-import { MyBooksDropper } from './MyBooksDropper'
-import myBooksStore from './store'
-import { getListPartials } from '../lists/ListService'
-import { ShowcaseItem, createActiveShowcaseItem, toggleActiveShowcaseItems } from '../lists/ShowcaseItem'
-import { removeChildren } from '../utils'
+import { CreateListForm } from './CreateListForm';
+import { MyBooksDropper } from './MyBooksDropper';
+import myBooksStore from './store';
+import { getListPartials } from '../lists/ListService';
+import { ShowcaseItem, createActiveShowcaseItem, toggleActiveShowcaseItems } from '../lists/ShowcaseItem';
+import { removeChildren } from '../utils';
 
 // XXX : jsdoc
 // XXX : decompose
 export function initMyBooksAffordances(dropperElements, showcaseElements) {
-    const showcases = []
+    const showcases = [];
     for (const elem of showcaseElements) {
-        const showcase = new ShowcaseItem(elem)
-        showcase.initialize()
+        const showcase = new ShowcaseItem(elem);
+        showcase.initialize();
 
-        showcases.push(showcase)
+        showcases.push(showcase);
     }
 
-    myBooksStore.setShowcases(showcases)
+    myBooksStore.setShowcases(showcases);
 
-    const form = document.querySelector('#create-list-form')
-    const createListForm = new CreateListForm(form)
-    createListForm.initialize()
+    const form = document.querySelector('#create-list-form');
+    const createListForm = new CreateListForm(form);
+    createListForm.initialize();
 
-    const droppers = []
-    const seedKeys = []
+    const droppers = [];
+    const seedKeys = [];
     for (const dropper of dropperElements) {
-        const myBooksDropper = new MyBooksDropper(dropper)
-        myBooksDropper.initialize()
+        const myBooksDropper = new MyBooksDropper(dropper);
+        myBooksDropper.initialize();
 
-        droppers.push(myBooksDropper)
-        seedKeys.push(...myBooksDropper.getSeedKeys())
+        droppers.push(myBooksDropper);
+        seedKeys.push(...myBooksDropper.getSeedKeys());
     }
 
     // Remove duplicate keys:
-    const seedKeySet = new Set(seedKeys)
+    const seedKeySet = new Set(seedKeys);
 
     // Get user key from first Dropper and add to store:
-    const userKey = droppers[0].readingLists.userKey
-    myBooksStore.setUserKey(userKey)
-    myBooksStore.setDroppers(droppers)
+    const userKey = droppers[0].readingLists.userKey;
+    myBooksStore.setUserKey(userKey);
+    myBooksStore.setDroppers(droppers);
 
     getListPartials()
         .then(response => response.json())
         .then((data) => {
             // XXX : convert this block to one or two function calls
-            const listData = data.listData
-            const activeShowcaseItems = []
+            const listData = data.listData;
+            const activeShowcaseItems = [];
             for (const listKey in listData) {
                 // Check for matches between seed keys and list members
                 // If match, create new active showcase item
 
                 for (const seedKey of listData[listKey].members) {
                     if (seedKeySet.has(seedKey)) {
-                        const key = listData[listKey].members[0]
-                        const coverID = key.slice(key.indexOf('OL'))
-                        const cover = `https://covers.openlibrary.org/b/olid/${coverID}-S.jpg`
+                        const key = listData[listKey].members[0];
+                        const coverID = key.slice(key.indexOf('OL'));
+                        const cover = `https://covers.openlibrary.org/b/olid/${coverID}-S.jpg`;
 
-                        activeShowcaseItems.push(createActiveShowcaseItem(listKey, seedKey, listData[listKey].listName, cover))
+                        activeShowcaseItems.push(createActiveShowcaseItem(listKey, seedKey, listData[listKey].listName, cover));
                     }
                 }
             }
 
-            const activeListsShowcaseElem = document.querySelector('.already-lists')
+            const activeListsShowcaseElem = document.querySelector('.already-lists');
 
             if (activeListsShowcaseElem) {
                 // Remove the loading indicator:
-                removeChildren(activeListsShowcaseElem)
+                removeChildren(activeListsShowcaseElem);
 
                 for (const li of activeShowcaseItems) {
-                    activeListsShowcaseElem.appendChild(li)
+                    activeListsShowcaseElem.appendChild(li);
 
-                    const showcase = new ShowcaseItem(li)
-                    showcase.initialize()
+                    const showcase = new ShowcaseItem(li);
+                    showcase.initialize();
 
-                    showcases.push(showcase)
+                    showcases.push(showcase);
                 }
-                toggleActiveShowcaseItems(false)
+                toggleActiveShowcaseItems(false);
             }
 
             // Update dropper content:
             for (const dropper of droppers) {
-                dropper.updateReadingLists(data['dropper'])
+                dropper.updateReadingLists(data['dropper']);
             }
-        })
+        });
 }
 
 /**
@@ -93,6 +93,6 @@ export function initMyBooksAffordances(dropperElements, showcaseElements) {
  */
 export function findDropperForWork(workKey) {
     return myBooksStore.getDroppers().find(dropper => {
-        return workKey === dropper.workKey
-    })
+        return workKey === dropper.workKey;
+    });
 }
diff --git a/openlibrary/plugins/openlibrary/js/my-books/store/index.js b/openlibrary/plugins/openlibrary/js/my-books/store/index.js
index a867b9f7659..9a520d0de25 100644
--- a/openlibrary/plugins/openlibrary/js/my-books/store/index.js
+++ b/openlibrary/plugins/openlibrary/js/my-books/store/index.js
@@ -17,67 +17,67 @@ class MyBooksStore {
             showcases: [],
             userkey: '',
             openDropper: null
-        }
+        };
     }
 
     /**
      * @returns {Array<MyBooksDropper>}
      */
     getDroppers() {
-        return this._store.droppers
+        return this._store.droppers;
     }
 
     /**
      * @param {Array<MyBooksDropper>} droppers
      */
     setDroppers(droppers) {
-        this._store.droppers = droppers
+        this._store.droppers = droppers;
     }
 
     /**
      * @returns {Array<ShowcaseItem>}
      */
     getShowcases() {
-        return this._store.showcases
+        return this._store.showcases;
     }
 
     /**
      * @param {Array<ShowcaseItem>} showcases
      */
     setShowcases(showcases) {
-        this._store.showcases = showcases
+        this._store.showcases = showcases;
     }
 
     /**
      * @returns {string}
      */
     getUserKey() {
-        return this._store.userKey
+        return this._store.userKey;
     }
 
     /**
      * @param {string} userKey
      */
     setUserKey(userKey) {
-        this._store.userKey = userKey
+        this._store.userKey = userKey;
     }
 
     /**
      * @returns {MyBooksDropper}
      */
     getOpenDropper() {
-        return this._store.openDropper
+        return this._store.openDropper;
     }
 
     /**
      * @param {MyBooksDropper} dropper
      */
     setOpenDropper(dropper) {
-        this._store.openDropper = dropper
+        this._store.openDropper = dropper;
     }
 }
 
-const myBooksStore = new MyBooksStore()
-Object.freeze(myBooksStore)
+const myBooksStore = new MyBooksStore();
+Object.freeze(myBooksStore);
 
-export default myBooksStore
+export default myBooksStore;
diff --git a/openlibrary/plugins/openlibrary/js/native-dialog/index.js b/openlibrary/plugins/openlibrary/js/native-dialog/index.js
index dffbd21ff6a..a6c7ed9c45a 100644
--- a/openlibrary/plugins/openlibrary/js/native-dialog/index.js
+++ b/openlibrary/plugins/openlibrary/js/native-dialog/index.js
@@ -13,16 +13,16 @@ export function initDialogs(elems) {
             // Event target exclusions needed for FireFox, which sets mouse positions to zero on
             // <select> and <option> clicks
             if (isOutOfBounds(event, elem) && event.target.nodeName !== 'SELECT' && event.target.nodeName !== 'OPTION') {
-                elem.close()
+                elem.close();
             }
-        })
+        });
         elem.addEventListener('close-dialog', function() {
-            elem.close()
-        })
-        const closeIcon = elem.querySelector('.native-dialog--close')
+            elem.close();
+        });
+        const closeIcon = elem.querySelector('.native-dialog--close');
         closeIcon.addEventListener('click', function() {
-            elem.close()
-        })
+            elem.close();
+        });
     }
 }
 
@@ -34,7 +34,7 @@ export function initDialogs(elems) {
  * @returns `true` if the click was out of bounds.
  */
 function isOutOfBounds(event, dialog) {
-    const rect = dialog.getBoundingClientRect()
+    const rect = dialog.getBoundingClientRect();
     return (
         event.clientX < rect.left ||
         event.clientX > rect.right ||
diff --git a/openlibrary/plugins/openlibrary/js/ol.analytics.js b/openlibrary/plugins/openlibrary/js/ol.analytics.js
index e9f4e1c820a..19490624f17 100644
--- a/openlibrary/plugins/openlibrary/js/ol.analytics.js
+++ b/openlibrary/plugins/openlibrary/js/ol.analytics.js
@@ -24,7 +24,7 @@ export default function initAnalytics() {
                 loadtime: (endTime.getTime() - startTime.getTime()),
                 cache_bust: Math.random()
             });
-        }
+        };
 
         vs = window.archive_analytics.get_data_packets();
         for (i in vs) {
diff --git a/openlibrary/plugins/openlibrary/js/ol.js b/openlibrary/plugins/openlibrary/js/ol.js
index 92b42878f22..3341ef10ad9 100644
--- a/openlibrary/plugins/openlibrary/js/ol.js
+++ b/openlibrary/plugins/openlibrary/js/ol.js
@@ -45,7 +45,7 @@ export function initBorrowAndReadLinks() {
 }
 
 export function initWebsiteTranslationOptions() {
-    $('.locale-options li a').on('click', function (event) {
+    $('.locale-options li a').on('click', function(event) {
         event.preventDefault();
         const locale = $(this).data('lang-id');
         setValueInCookie('HTTP_LANG', locale);
diff --git a/openlibrary/plugins/openlibrary/js/partner_ol_lib.js b/openlibrary/plugins/openlibrary/js/partner_ol_lib.js
index 5748aedfd32..13504c8c311 100644
--- a/openlibrary/plugins/openlibrary/js/partner_ol_lib.js
+++ b/openlibrary/plugins/openlibrary/js/partner_ol_lib.js
@@ -10,7 +10,7 @@ function getIsbnToElementMap(container) {
         if (isbnMatches) {
             isbnElementMap[isbnMatches[0]] = e;
         }
-    })
+    });
     return isbnElementMap;
 }
 
@@ -48,26 +48,26 @@ async function getAvailabilityDataFromOpenLibrary(isbnList) {
  * });
  */
 async function addOpenLibraryButtons(options) {
-    const {bookContainer, selectorToPlaceBtnIn, textOnBtn} = options
+    const {bookContainer, selectorToPlaceBtnIn, textOnBtn} = options;
     if (bookContainer === undefined) {
         throw Error(
             'book container must be specified in options for open library buttons to populate!'
-        )
+        );
     }
     const foundIsbnElementsMap = getIsbnToElementMap(bookContainer);
-    const availabilityResults = await getAvailabilityDataFromOpenLibrary(Object.keys(foundIsbnElementsMap))
+    const availabilityResults = await getAvailabilityDataFromOpenLibrary(Object.keys(foundIsbnElementsMap));
     Object.keys(foundIsbnElementsMap).map((isbn) => {
-        const availability = availabilityResults[isbn]
+        const availability = availabilityResults[isbn];
         if (availability && availability.status !== 'error') {
-            const e = foundIsbnElementsMap[isbn]
+            const e = foundIsbnElementsMap[isbn];
             const buttons = selectorToPlaceBtnIn ? e.querySelector(selectorToPlaceBtnIn) : e;
-            const openLibraryBtnLink = document.createElement('a')
-            openLibraryBtnLink.href = `https://openlibrary.org/works/${availability.openlibrary_work}`
-            openLibraryBtnLink.text = textOnBtn || 'Open Library'
-            openLibraryBtnLink.classList.add('openlibrary-btn')
+            const openLibraryBtnLink = document.createElement('a');
+            openLibraryBtnLink.href = `https://openlibrary.org/works/${availability.openlibrary_work}`;
+            openLibraryBtnLink.text = textOnBtn || 'Open Library';
+            openLibraryBtnLink.classList.add('openlibrary-btn');
             buttons.append(openLibraryBtnLink);
         }
-    })
+    });
 }
 
 // Expose globally so clients can use this method
diff --git a/openlibrary/plugins/openlibrary/js/patron_exports.js b/openlibrary/plugins/openlibrary/js/patron_exports.js
index 9315fa07ba4..7d9638ff88f 100644
--- a/openlibrary/plugins/openlibrary/js/patron_exports.js
+++ b/openlibrary/plugins/openlibrary/js/patron_exports.js
@@ -18,9 +18,9 @@ function disableButton(buttonElement) {
  */
 export function initPatronExportForms(elems) {
     elems.forEach((form) => {
-        const submitButton = form.querySelector('input[type=submit]')
+        const submitButton = form.querySelector('input[type=submit]');
         form.addEventListener('submit', () => {
             disableButton(submitButton);
-        })
-    })
+        });
+    });
 }
diff --git a/openlibrary/plugins/openlibrary/js/private-button.js b/openlibrary/plugins/openlibrary/js/private-button.js
index 4ba965a02b7..bae7b6af1b0 100644
--- a/openlibrary/plugins/openlibrary/js/private-button.js
+++ b/openlibrary/plugins/openlibrary/js/private-button.js
@@ -1,4 +1,4 @@
-import { FadingToast } from './Toast'
+import { FadingToast } from './Toast';
 
 export function initPrivateButtons(buttons) {
     buttons.forEach(button => {
diff --git a/openlibrary/plugins/openlibrary/js/reading-goals/index.js b/openlibrary/plugins/openlibrary/js/reading-goals/index.js
index f992a545132..e243d6913a2 100644
--- a/openlibrary/plugins/openlibrary/js/reading-goals/index.js
+++ b/openlibrary/plugins/openlibrary/js/reading-goals/index.js
@@ -1,5 +1,5 @@
-import { initDialogs } from '../native-dialog'
-import { buildPartialsUrl } from '../utils'
+import { initDialogs } from '../native-dialog';
+import { buildPartialsUrl } from '../utils';
 
 /**
  * Adds listener to open reading goal modal.
@@ -9,7 +9,7 @@ import { buildPartialsUrl } from '../utils'
 export function initYearlyGoalPrompt(links) {
     for (const link of links) {
         if (!link.classList.contains('goal-set')) {
-            link.addEventListener('click', onYearlyGoalClick)
+            link.addEventListener('click', onYearlyGoalClick);
         }
     }
 }
@@ -18,8 +18,8 @@ export function initYearlyGoalPrompt(links) {
  * Finds and shows the yearly goal modal.
  */
 function onYearlyGoalClick() {
-    const yearlyGoalModal = document.querySelector('#yearly-goal-modal')
-    yearlyGoalModal.showModal()
+    const yearlyGoalModal = document.querySelector('#yearly-goal-modal');
+    yearlyGoalModal.showModal();
 }
 
 /**
@@ -34,11 +34,11 @@ function onYearlyGoalClick() {
  * @param {HTMLCollection<HTMLElement>} elems ELements which display only the current year
  */
 export function displayLocalYear(elems) {
-    const localYear = new Date().getFullYear()
+    const localYear = new Date().getFullYear();
     for (const elem of elems) {
-        const serverYear = Number(elem.dataset.serverYear)
+        const serverYear = Number(elem.dataset.serverYear);
         if (localYear !== serverYear) {
-            elem.textContent = localYear
+            elem.textContent = localYear;
         }
     }
 }
@@ -50,9 +50,9 @@ export function displayLocalYear(elems) {
  */
 export function initGoalEditLinks(editLinks) {
     for (const link of editLinks) {
-        const parent = link.closest('.reading-goal-progress')
-        const modal = parent.querySelector('dialog')
-        addGoalEditClickListener(link, modal)
+        const parent = link.closest('.reading-goal-progress');
+        const modal = parent.querySelector('dialog');
+        addGoalEditClickListener(link, modal);
     }
 }
 
@@ -66,8 +66,8 @@ export function initGoalEditLinks(editLinks) {
  */
 function addGoalEditClickListener(editLink, modal) {
     editLink.addEventListener('click', function() {
-        modal.showModal()
-    })
+        modal.showModal();
+    });
 }
 
 /**
@@ -78,7 +78,7 @@ function addGoalEditClickListener(editLink, modal) {
  */
 export function initGoalSubmitButtons(submitButtons) {
     for (const button of submitButtons) {
-        addGoalSubmissionListener(button)
+        addGoalSubmissionListener(button);
     }
 }
 
@@ -91,15 +91,15 @@ export function initGoalSubmitButtons(submitButtons) {
  */
 function addGoalSubmissionListener(submitButton) {
     submitButton.addEventListener('click', function(event) {
-        event.preventDefault()
+        event.preventDefault();
 
-        const form = submitButton.closest('form')
+        const form = submitButton.closest('form');
 
         if (!form.checkValidity()) {
-            form.reportValidity()
-            throw new Error('Form invalid')
+            form.reportValidity();
+            throw new Error('Form invalid');
         }
-        const formData = new FormData(form)
+        const formData = new FormData(form);
 
         fetch(form.action, {
             method: 'POST',
@@ -110,48 +110,48 @@ function addGoalSubmissionListener(submitButton) {
         })
             .then((response) => {
                 if (!response.ok) {
-                    throw new Error('Failed to set reading goal')
+                    throw new Error('Failed to set reading goal');
                 }
-                const modal = form.closest('dialog')
+                const modal = form.closest('dialog');
                 if (modal) {
-                    modal.close()
+                    modal.close();
                 }
 
-                const yearlyGoalSections = document.querySelectorAll('.yearly-goal-section')
+                const yearlyGoalSections = document.querySelectorAll('.yearly-goal-section');
                 if (formData.get('is_update')) {  // Progress component exists on page
                     yearlyGoalSections.forEach((yearlyGoalSection) => {
-                        const goalInput = form.querySelector('input[name=goal]')
-                        const isDeleted = Number(goalInput.value) === 0
+                        const goalInput = form.querySelector('input[name=goal]');
+                        const isDeleted = Number(goalInput.value) === 0;
 
                         if (isDeleted) {
-                            const chipGroup = yearlyGoalSection.querySelector('.chip-group')
-                            const goalContainer = yearlyGoalSection.querySelector('#reading-goal-container')
+                            const chipGroup = yearlyGoalSection.querySelector('.chip-group');
+                            const goalContainer = yearlyGoalSection.querySelector('#reading-goal-container');
                             if (chipGroup) {
-                                chipGroup.classList.remove('hidden')
+                                chipGroup.classList.remove('hidden');
                             }
                             if (goalContainer) {
-                                goalContainer.remove()
+                                goalContainer.remove();
                             }
                             // Restore "Set reading goal" link hidden when goal was first set
-                            const setGoalLink = yearlyGoalSection.querySelector('.set-reading-goal-link')
+                            const setGoalLink = yearlyGoalSection.querySelector('.set-reading-goal-link');
                             if (setGoalLink) {
-                                setGoalLink.classList.remove('hidden')
+                                setGoalLink.classList.remove('hidden');
                             }
                         } else {
-                            const progressComponent = modal.closest('.reading-goal-progress')
-                            updateProgressComponent(progressComponent, Number(formData.get('goal')))
+                            const progressComponent = modal.closest('.reading-goal-progress');
+                            updateProgressComponent(progressComponent, Number(formData.get('goal')));
                         }
-                    })
+                    });
                 } else {
-                    const goalYear = formData.get('year')
-                    fetchProgressAndUpdateViews(yearlyGoalSections, goalYear)
-                    const banner = document.querySelector('.page-banner-mybooks')
+                    const goalYear = formData.get('year');
+                    fetchProgressAndUpdateViews(yearlyGoalSections, goalYear);
+                    const banner = document.querySelector('.page-banner-mybooks');
                     if (banner) {
-                        banner.remove()
+                        banner.remove();
                     }
                 }
-            })
-    })
+            });
+    });
 }
 
 /**
@@ -163,15 +163,15 @@ function addGoalSubmissionListener(submitButton) {
  */
 function updateProgressComponent(elem, goal) {
     // Calculate new percentage:
-    const booksReadSpan = elem.querySelector('.reading-goal-progress__books-read')
-    const booksRead = Number(booksReadSpan.textContent)
-    const percentComplete = Math.floor((booksRead / goal) * 100)
+    const booksReadSpan = elem.querySelector('.reading-goal-progress__books-read');
+    const booksRead = Number(booksReadSpan.textContent);
+    const percentComplete = Math.floor((booksRead / goal) * 100);
 
     // Update view:
-    const goalSpan = elem.querySelector('.reading-goal-progress__goal')
-    const completedBar = elem.querySelector('.reading-goal-progress__completed')
-    goalSpan.textContent = goal
-    completedBar.style.width = `${Math.min(100, percentComplete)}%`
+    const goalSpan = elem.querySelector('.reading-goal-progress__goal');
+    const completedBar = elem.querySelector('.reading-goal-progress__completed');
+    goalSpan.textContent = goal;
+    completedBar.style.width = `${Math.min(100, percentComplete)}%`;
 }
 
 /**
@@ -187,35 +187,35 @@ function fetchProgressAndUpdateViews(yearlyGoalElems, goalYear) {
     fetch(buildPartialsUrl('ReadingGoalProgress', {year: goalYear}))
         .then((response) => {
             if (!response.ok) {
-                throw new Error('Failed to fetch progress element')
+                throw new Error('Failed to fetch progress element');
             }
-            return response.json()
+            return response.json();
         })
         .then(function(data) {
-            const html = data['partials']
+            const html = data['partials'];
             yearlyGoalElems.forEach((yearlyGoalElem) => {
-                const progress = document.createElement('SPAN')
-                progress.id = 'reading-goal-container'
-                progress.innerHTML = html
-                yearlyGoalElem.appendChild(progress)
+                const progress = document.createElement('SPAN');
+                progress.id = 'reading-goal-container';
+                progress.innerHTML = html;
+                yearlyGoalElem.appendChild(progress);
 
                 const link = yearlyGoalElem.querySelector('.set-reading-goal-link');
                 if (link) {
                     if (link.classList.contains('li-title-desktop')) {
                         // Remove click listener in mobile views
-                        link.removeEventListener('click', onYearlyGoalClick)
+                        link.removeEventListener('click', onYearlyGoalClick);
                     } else {
                         // Hide desktop "set 20XX reading goal" link
                         link.classList.add('hidden');
                     }
                 }
 
-                const progressEditLink = progress.querySelector('.edit-reading-goal-link')
-                const updateModal = progress.querySelector('dialog')
-                initDialogs([updateModal])
-                addGoalEditClickListener(progressEditLink, updateModal)
-                const submitButton = updateModal.querySelector('.reading-goal-submit-button')
-                addGoalSubmissionListener(submitButton)
-            })
-        })
+                const progressEditLink = progress.querySelector('.edit-reading-goal-link');
+                const updateModal = progress.querySelector('dialog');
+                initDialogs([updateModal]);
+                addGoalEditClickListener(progressEditLink, updateModal);
+                const submitButton = updateModal.querySelector('.reading-goal-submit-button');
+                addGoalSubmissionListener(submitButton);
+            });
+        });
 }
diff --git a/openlibrary/plugins/openlibrary/js/readinglog_stats.js b/openlibrary/plugins/openlibrary/js/readinglog_stats.js
index c3e1f33714d..8ba61b38c85 100644
--- a/openlibrary/plugins/openlibrary/js/readinglog_stats.js
+++ b/openlibrary/plugins/openlibrary/js/readinglog_stats.js
@@ -178,7 +178,7 @@ export function init(config) {
                             bindings
                                 .filter(x => x[name])
                                 .map(x => ({ [name]: x[name], [`${name}Label`]: x[`${name}Label`] })),
-                            x => x[name].value)
+                            x => x[name].value);
                         record[name] = deduped.map(x => x[name]);
                         record[`${name}Label`] = deduped.map(x => x[`${name}Label`]);
                     } else {
diff --git a/openlibrary/plugins/openlibrary/js/return-form/index.js b/openlibrary/plugins/openlibrary/js/return-form/index.js
index 50b083737dd..ade5d8a1a45 100644
--- a/openlibrary/plugins/openlibrary/js/return-form/index.js
+++ b/openlibrary/plugins/openlibrary/js/return-form/index.js
@@ -6,11 +6,11 @@
  */
 export function initReturnForms(returnForms) {
     for (const form of returnForms) {
-        const i18nStrings = JSON.parse(form.dataset.i18n)
+        const i18nStrings = JSON.parse(form.dataset.i18n);
         form.addEventListener('submit', (event) => {
             if (!confirm(i18nStrings['confirm_return'])) {
                 event.preventDefault();
             }
-        })
+        });
     }
 }
diff --git a/openlibrary/plugins/openlibrary/js/search.js b/openlibrary/plugins/openlibrary/js/search.js
index 6e11db26415..23f92ed9dc6 100644
--- a/openlibrary/plugins/openlibrary/js/search.js
+++ b/openlibrary/plugins/openlibrary/js/search.js
@@ -12,9 +12,9 @@ import { buildPartialsUrl } from './utils';
  * @param {Number} facet_inc number of hidden facets to be displayed
  */
 export function more(header, start_facet_count, facet_inc) {
-    const facetEntry = `div.${header} div.facetEntry`
-    const shown = $(`${facetEntry}:not(:hidden)`).length
-    const total = $(facetEntry).length
+    const facetEntry = `div.${header} div.facetEntry`;
+    const shown = $(`${facetEntry}:not(:hidden)`).length;
+    const total = $(facetEntry).length;
     if (shown === start_facet_count) {
         $(`#${header}_less`).show();
         $(`#${header}_bull`).show();
@@ -34,9 +34,9 @@ export function more(header, start_facet_count, facet_inc) {
  * @param {Number} facet_inc number of displayed facets to be hidden
  */
 export function less(header, start_facet_count, facet_inc) {
-    const facetEntry = `div.${header} div.facetEntry`
-    const shown = $(`${facetEntry}:not(:hidden)`).length
-    const total = $(facetEntry).length
+    const facetEntry = `div.${header} div.facetEntry`;
+    const shown = $(`${facetEntry}:not(:hidden)`).length;
+    const total = $(facetEntry).length;
     const increment_extra = (shown - start_facet_count) % facet_inc;
     const facet_dec = (increment_extra === 0) ? facet_inc:increment_extra;
     const next_shown = Math.max(start_facet_count, shown - facet_dec);
@@ -65,30 +65,30 @@ export function less(header, start_facet_count, facet_inc) {
  * @param {HTMLElement} facetsElem Root element of the search facets sidebar component
  */
 export async function initSearchFacets(facetsElem) {
-    const asyncLoad = facetsElem.dataset.asyncLoad
+    const asyncLoad = facetsElem.dataset.asyncLoad;
 
     if (asyncLoad) {
-        const param = JSON.parse(facetsElem.dataset.param)
+        const param = JSON.parse(facetsElem.dataset.param);
         await whenVisible(facetsElem);
 
         fetchPartials(param)
             .then((data) => {
                 if (data.activeFacets) {
-                    const activeFacetsElem = createElementFromMarkup(data.activeFacets)
-                    const activeFacetsContainer = document.querySelector('.selected-search-facets-container')
-                    activeFacetsContainer.replaceChildren(activeFacetsElem)
+                    const activeFacetsElem = createElementFromMarkup(data.activeFacets);
+                    const activeFacetsContainer = document.querySelector('.selected-search-facets-container');
+                    activeFacetsContainer.replaceChildren(activeFacetsElem);
                 }
-                const newFacetsElem = createElementFromMarkup(data.sidebar)
-                facetsElem.replaceWith(newFacetsElem)
-                hydrateFacets()
+                const newFacetsElem = createElementFromMarkup(data.sidebar);
+                facetsElem.replaceWith(newFacetsElem);
+                hydrateFacets();
 
-                document.title = data.title
+                document.title = data.title;
             })
             .catch(() => {
                 // XXX : Handle case where `/partials` response is not `2XX` here
-            })
+            });
     } else {
-        hydrateFacets()
+        hydrateFacets();
     }
 }
 
@@ -132,15 +132,15 @@ function fetchPartials(param) {
         param: param,
         path: location.pathname,
         query: location.search
-    }
+    };
 
     return fetch(buildPartialsUrl('SearchFacets', {data: JSON.stringify(data)}))
         .then((resp) => {
             if (!resp.ok) {
-                throw new Error(`Failed to fetch partials. Status code: ${resp.status}`)
+                throw new Error(`Failed to fetch partials. Status code: ${resp.status}`);
             }
-            return resp.json()
-        })
+            return resp.json();
+        });
 }
 
 /**
@@ -153,9 +153,9 @@ function fetchPartials(param) {
  * @returns {HTMLElement}
  */
 function createElementFromMarkup(markup) {
-    const template = document.createElement('template')
-    template.innerHTML = markup
-    return template.content.children[0]
+    const template = document.createElement('template');
+    template.innerHTML = markup;
+    return template.content.children[0];
 }
 
 
@@ -172,21 +172,21 @@ async function whenVisible(elem, options = {}) {
             (entries, observer) => {
                 entries.forEach(entry => {
                     if (!entry.isIntersecting) {
-                        return
+                        return;
                     }
 
                     // Stop observing once the element is visible
-                    observer.unobserve(entry.target)
-                    observer.disconnect()
-                    resolve()
-                })
+                    observer.unobserve(entry.target);
+                    observer.disconnect();
+                    resolve();
+                });
             },
             Object.assign({
                 root: null,
                 rootMargin: '200px',
                 threshold: 0
             }, options)
-        )
+        );
 
         intersectionObserver.observe(elem);
     });
diff --git a/openlibrary/plugins/openlibrary/js/service-worker-matchers.js b/openlibrary/plugins/openlibrary/js/service-worker-matchers.js
index 672e6fa4c5a..09205f144f2 100644
--- a/openlibrary/plugins/openlibrary/js/service-worker-matchers.js
+++ b/openlibrary/plugins/openlibrary/js/service-worker-matchers.js
@@ -9,7 +9,7 @@ It is in a is a separate file to avoid this error when writing tests:
 
 export function matchMiscFiles({ url }) {
     const miscFiles = ['/favicon.ico', '/static/manifest.json', '/cdn/archive.org/athena.js',
-        '/cdn/archive.org/donate.js']
+        '/cdn/archive.org/donate.js'];
     return miscFiles.includes(url.pathname);
 }
 
@@ -30,7 +30,7 @@ export function matchStaticImages({ url }) {
 
 export function matchStaticBuild({ url }) {
     const regex = /^\/static\/build\/.*(\.js|\.css)/;
-    const localhost = url.origin.includes('localhost')
+    const localhost = url.origin.includes('localhost');
     return !localhost && regex.test(url.pathname);
 }
 
diff --git a/openlibrary/plugins/openlibrary/js/service-worker.js b/openlibrary/plugins/openlibrary/js/service-worker.js
index 8c3e992c191..b182481a147 100644
--- a/openlibrary/plugins/openlibrary/js/service-worker.js
+++ b/openlibrary/plugins/openlibrary/js/service-worker.js
@@ -70,7 +70,7 @@ registerRoute(
             cacheableResponses
         ],
     })
-)
+);
 
 registerRoute(
     matchSmallMediumCovers,
diff --git a/openlibrary/plugins/openlibrary/js/signup.js b/openlibrary/plugins/openlibrary/js/signup.js
index fb0b7b5e821..5bbb3947450 100644
--- a/openlibrary/plugins/openlibrary/js/signup.js
+++ b/openlibrary/plugins/openlibrary/js/signup.js
@@ -3,9 +3,9 @@ import { debounce } from './nonjquery_utils.js';
 export function initSignupForm() {
     const signupForm = document.querySelector('form[name=signup]');
     const submitBtn = document.querySelector('button[name=signup]');
-    const rpdCheckbox = document.querySelector('#pd-request')
-    const pdaSelectorContainer = document.querySelector('#pda-selector')
-    const pdaSelector = document.querySelector('#pd_program')
+    const rpdCheckbox = document.querySelector('#pd-request');
+    const pdaSelectorContainer = document.querySelector('#pda-selector');
+    const pdaSelector = document.querySelector('#pd_program');
     const i18nStrings = JSON.parse(signupForm.dataset.i18n);
     const emailLoadingIcon = $('.ol-signup-form__input--emailAddr .ol-signup-form__icon--loading');
     const usernameLoadingIcon = $('.ol-signup-form__input--username .ol-signup-form__icon--loading');
@@ -24,13 +24,13 @@ export function initSignupForm() {
     function submitCreateAccountForm() {
         signupForm.submit();
     }
-    window.submitCreateAccountForm = submitCreateAccountForm
+    window.submitCreateAccountForm = submitCreateAccountForm;
 
     // Checks whether reportValidity exists for cross-browser compatibility
     // Includes invalid input count to account for checks not covered by reportValidity
     $(signupForm).on('submit', function(e) {
         e.preventDefault();
-        validatePDSelection()
+        validatePDSelection();
         const numInvalidInputs = signupForm.querySelectorAll('.invalid').length;
         const isFormattingValid = !signupForm.reportValidity || signupForm.reportValidity();
         if (numInvalidInputs === 0 && isFormattingValid && window.grecaptcha) {
@@ -41,7 +41,7 @@ export function initSignupForm() {
 
     $('#username').on('keyup', function(){
         const value = $(this).val();
-        $('#userUrl').addClass('darkgreen').text(value).css('font-weight','700');
+        $('#userUrl').addClass('darkgreen').text(value).css('font-weight', '700');
     });
 
     /**
@@ -160,17 +160,17 @@ export function initSignupForm() {
 
     function validatePDSelection() {
         if (!rpdCheckbox.checked) {
-            clearError('#pd_program', '#pd_programMessage')
+            clearError('#pd_program', '#pd_programMessage');
             pdaSelector.setAttribute('aria-invalid', 'false');
-            return
+            return;
         }
         if (pdaSelector.value === '') {
-            renderError('#pd_program', '#pd_programMessage', i18nStrings['missing_pda_err'])
+            renderError('#pd_program', '#pd_programMessage', i18nStrings['missing_pda_err']);
             pdaSelector.setAttribute('aria-invalid', 'true');
-            return
+            return;
         }
 
-        clearError('#pd_program', '#pd_programMessage')
+        clearError('#pd_program', '#pd_programMessage');
         pdaSelector.setAttribute('aria-invalid', 'false');
     }
 
@@ -188,7 +188,7 @@ export function initSignupForm() {
         }
     }
 
-    const $nonCheckboxInputs = $('form[name=signup] input:not([type="checkbox"])')
+    const $nonCheckboxInputs = $('form[name=signup] input:not([type="checkbox"])');
 
     // Validates input fields already marked as invalid on value change
     $nonCheckboxInputs.on('input', debounce(function(){
@@ -206,28 +206,28 @@ export function initSignupForm() {
 
     // Validates the print-disability authority selection when the selection changes
     $('form[name=signup] select').on('change', function() {
-        validatePDSelection()
-    })
+        validatePDSelection();
+    });
 
     function updateSelectorVisibility() {
         if (rpdCheckbox.checked) {
-            pdaSelectorContainer.classList.remove('hidden')
-            rpdCheckbox.setAttribute('aria-expanded','true')
-            pdaSelectorContainer.setAttribute('aria-hidden','false')
-            pdaSelector.setAttribute('aria-required', 'true')
+            pdaSelectorContainer.classList.remove('hidden');
+            rpdCheckbox.setAttribute('aria-expanded', 'true');
+            pdaSelectorContainer.setAttribute('aria-hidden', 'false');
+            pdaSelector.setAttribute('aria-required', 'true');
         } else {
-            pdaSelectorContainer.classList.add('hidden')
-            rpdCheckbox.setAttribute('aria-expanded','false')
-            pdaSelectorContainer.setAttribute('aria-hidden','true')
-            pdaSelector.setAttribute('aria-required', 'false')
+            pdaSelectorContainer.classList.add('hidden');
+            rpdCheckbox.setAttribute('aria-expanded', 'false');
+            pdaSelectorContainer.setAttribute('aria-hidden', 'true');
+            pdaSelector.setAttribute('aria-required', 'false');
         }
     }
 
-    rpdCheckbox.addEventListener('change', updateSelectorVisibility)
+    rpdCheckbox.addEventListener('change', updateSelectorVisibility);
 
     // On page reload, display PD program options and validate selection
-    updateSelectorVisibility()
-    validatePDSelection()
+    updateSelectorVisibility();
+    validatePDSelection();
 }
 
 export function initLoginForm() {
@@ -236,5 +236,5 @@ export function initLoginForm() {
 
     loginForm.on('submit', () => {
         $('button[type=submit]').prop('disabled', true).text(loadingText);
-    })
+    });
 }
diff --git a/openlibrary/plugins/openlibrary/js/star-ratings/index.js b/openlibrary/plugins/openlibrary/js/star-ratings/index.js
index 08356d3935e..6ae9c46db00 100644
--- a/openlibrary/plugins/openlibrary/js/star-ratings/index.js
+++ b/openlibrary/plugins/openlibrary/js/star-ratings/index.js
@@ -6,7 +6,7 @@ export function initRatingHandlers(ratingForms) {
     for (const form of ratingForms) {
         form.addEventListener('submit', function(e) {
             handleRatingSubmission(e, form);
-        })
+        });
     }
 }
 
@@ -19,8 +19,8 @@ function handleRatingSubmission(event, form) {
         const formData = new FormData(form);
         let rating;
         if (event.submitter.value) {
-            rating = Number(event.submitter.value)
-            formData.append('rating', event.submitter.value)
+            rating = Number(event.submitter.value);
+            formData.append('rating', event.submitter.value);
         }
 
         // Make AJAX call
@@ -36,7 +36,7 @@ function handleRatingSubmission(event, form) {
                     throw new Error('You must be logged in to rate books');
                 }
                 if (!response.ok) {
-                    throw new Error('Ratings update failed')
+                    throw new Error('Ratings update failed');
                 }
                 // Update view to deselect all stars
                 form.querySelectorAll('.star-selected').forEach((elem) => {
@@ -44,7 +44,7 @@ function handleRatingSubmission(event, form) {
                     if (elem.hasAttribute('property')) {
                         elem.removeAttribute('property');
                     }
-                })
+                });
 
                 const clearButton = form.querySelector('.star-messaging');
                 if (rating) {  // A rating was added or updated
@@ -53,14 +53,14 @@ function handleRatingSubmission(event, form) {
                     form.querySelectorAll(`.star-${rating}`).forEach((elem) => {
                         elem.classList.add('star-selected');
                         if (elem.tagName === 'LABEL') {
-                            elem.setAttribute('property', 'ratingValue')
+                            elem.setAttribute('property', 'ratingValue');
                         }
-                    })
+                    });
 
                     // Find dropper that is associated with this star rating affordance:
-                    const dropper = findDropperForWork(form.dataset.workKey)
+                    const dropper = findDropperForWork(form.dataset.workKey);
                     if (dropper) {
-                        dropper.updateShelfDisplay(ReadingLogShelves.ALREADY_READ)
+                        dropper.updateShelfDisplay(ReadingLogShelves.ALREADY_READ);
                     }
                 } else {  // A rating was deleted
                     clearButton.classList.add('hidden');
@@ -68,6 +68,6 @@ function handleRatingSubmission(event, form) {
             })
             .catch((error) => {
                 new FadingToast(error.message).show();
-            })
+            });
     }
 }
diff --git a/openlibrary/plugins/openlibrary/js/stats/index.js b/openlibrary/plugins/openlibrary/js/stats/index.js
index b68b22d021a..6e9ac877a7a 100644
--- a/openlibrary/plugins/openlibrary/js/stats/index.js
+++ b/openlibrary/plugins/openlibrary/js/stats/index.js
@@ -6,22 +6,22 @@
  * @see /openlibrary/templates/admin/index.html
  */
 export async function initUniqueLoginCounts(containerElem) {
-    const loadingIndicator = containerElem.querySelector('.loadingIndicator')
-    const i18nStrings = JSON.parse(containerElem.dataset.i18n)
+    const loadingIndicator = containerElem.querySelector('.loadingIndicator');
+    const i18nStrings = JSON.parse(containerElem.dataset.i18n);
 
     const counts = await fetchCounts()
         .then((resp) => {
             if (resp.status !== 200) {
-                throw new Error(`Failed to fetch partials. Status code: ${resp.status}`)
+                throw new Error(`Failed to fetch partials. Status code: ${resp.status}`);
             }
-            return resp.json()
-        })
+            return resp.json();
+        });
 
-    const countDiv = document.createElement('DIV')
-    countDiv.innerHTML = i18nStrings.uniqueLoginsCopy
-    const countSpan = countDiv.querySelector('.login-counts')
-    countSpan.textContent = counts.loginCount
-    loadingIndicator.replaceWith(countDiv)
+    const countDiv = document.createElement('DIV');
+    countDiv.innerHTML = i18nStrings.uniqueLoginsCopy;
+    const countSpan = countDiv.querySelector('.login-counts');
+    countSpan.textContent = counts.loginCount;
+    loadingIndicator.replaceWith(countDiv);
 }
 
 /**
@@ -31,5 +31,5 @@ export async function initUniqueLoginCounts(containerElem) {
  * @see `monthly_logins` class in /openlibrary/plugins/openlibrary/api.py
  */
 async function fetchCounts() {
-    return fetch('/api/monthly_logins.json')
+    return fetch('/api/monthly_logins.json');
 }
diff --git a/openlibrary/plugins/openlibrary/js/utils.js b/openlibrary/plugins/openlibrary/js/utils.js
index 423cdcfa4bd..e7704006126 100644
--- a/openlibrary/plugins/openlibrary/js/utils.js
+++ b/openlibrary/plugins/openlibrary/js/utils.js
@@ -38,7 +38,7 @@ export function removeChildren(...elements) {
     for (const elem of elements) {
         if (elem) {
             while (elem.firstChild) {
-                elem.removeChild(elem.firstChild)
+                elem.removeChild(elem.firstChild);
             }
         }
     }
diff --git a/openlibrary/plugins/openlibrary/js/waitlist.js b/openlibrary/plugins/openlibrary/js/waitlist.js
index 1fb8d17c5b1..a48a15e940b 100644
--- a/openlibrary/plugins/openlibrary/js/waitlist.js
+++ b/openlibrary/plugins/openlibrary/js/waitlist.js
@@ -8,7 +8,7 @@ import 'jquery-ui/ui/widgets/dialog';
 export function initLeaveWaitlist(leaveWaitlistLinks) {
     for (const link of leaveWaitlistLinks) {
         link.addEventListener('click', () => {
-            const $link = $(link)
+            const $link = $(link);
             const title = $link.parents('tr').find('.book').text();
             $('#leave-waitinglist-dialog strong').text(title);
             // We remove the hidden class here because otherwise it flashes for a moment on page load
@@ -16,6 +16,6 @@ export function initLeaveWaitlist(leaveWaitlistLinks) {
             $('#leave-waitinglist-dialog')
                 .data('origin', $link)
                 .dialog('open');
-        })
+        });
     }
 }
diff --git a/stories/.storybook/main.js b/stories/.storybook/main.js
index 36475e47e22..f60a24987a5 100644
--- a/stories/.storybook/main.js
+++ b/stories/.storybook/main.js
@@ -1,7 +1,7 @@
 const webpackConfig = require('../../webpack.config');
 
 module.exports = {
-    webpackFinal: async (config) => {
+    webpackFinal: async(config) => {
         config.module.rules = config.module.rules.concat(
             webpackConfig.module.rules
         );
@@ -21,4 +21,4 @@ module.exports = {
     addons: [
         '@storybook/addon-essentials'
     ],
-}
+};
diff --git a/stories/.storybook/preview.js b/stories/.storybook/preview.js
index 2eaf63f831e..85cd3d12a8e 100644
--- a/stories/.storybook/preview.js
+++ b/stories/.storybook/preview.js
@@ -1,4 +1,4 @@
 
 export const parameters = {
     actions: { argTypesRegex: '^on[A-Z].*' },
-}
+};
diff --git a/stories/Button.stories.js b/stories/Button.stories.js
index 9e77fab571d..51584dcf128 100644
--- a/stories/Button.stories.js
+++ b/stories/Button.stories.js
@@ -7,60 +7,60 @@ export default {
 
 const ButtonTemplate = (buttonType, text, badgeCount=null) => `<div class="cta-btn${ButtonTypes[buttonType]}">${text}${badgeCount ? BadgeTemplate(badgeCount) : ''}</div>`;
 
-const BadgeTemplate = (badgeCount) => ` <span class="cta-btn__badge">${badgeCount}</span>`
+const BadgeTemplate = (badgeCount) => ` <span class="cta-btn__badge">${badgeCount}</span>`;
 
 const ButtonTypes = {
     default: '',
     unavailable: ' cta-btn--unavailable',
     available: ' cta-btn--available',
     preview: ' cta-btn--shell cta-btn--preview'
-}
+};
 
-export const CtaBtn = () => ButtonTemplate('default','Leave waitlist');
+export const CtaBtn = () => ButtonTemplate('default', 'Leave waitlist');
 CtaBtn.parameters = {
     docs: {
         source: {
             code: ButtonTemplate('default', 'Leave waitlist')
         }
     }
-}
+};
 
-export const CtaBtnUnavailable = () => ButtonTemplate('unavailable','Join waitlist');
+export const CtaBtnUnavailable = () => ButtonTemplate('unavailable', 'Join waitlist');
 CtaBtnUnavailable.parameters = {
     docs: {
         source: {
             code: ButtonTemplate('unavailable', 'Join waitlist')
         }
     }
-}
+};
 
-export const CtaBtnAvailable = () => ButtonTemplate('available','Borrow');
+export const CtaBtnAvailable = () => ButtonTemplate('available', 'Borrow');
 CtaBtnAvailable.parameters = {
     docs: {
         source: {
             code: ButtonTemplate('available', 'Borrow')
         }
     }
-}
+};
 
-export const CtaBtnPreview = () => ButtonTemplate('preview','Preview');
+export const CtaBtnPreview = () => ButtonTemplate('preview', 'Preview');
 CtaBtnPreview.parameters = {
     docs: {
         source: {
             code: ButtonTemplate('preview', 'Preview')
         }
     }
-}
+};
 
 export const CtaBtnWithBadge = () =>
-    ButtonTemplate('unavailable','Join waiting list',4);
+    ButtonTemplate('unavailable', 'Join waiting list', 4);
 CtaBtnWithBadge.parameters = {
     docs: {
         source: {
             code: ButtonTemplate('unavailable', 'Join waiting list', 4)
         }
     }
-}
+};
 
 export const CtaBtnGroup = () => `<div class="cta-button-group">
 <a href="/borrow/ia/sevenhabitsofhi00cove?ref=ol" title="Borrow ebook from Internet Archive" id="borrow_ebook" data-ol-link-track="CTAClick|Borrow" class="cta-btn cta-btn--available">Borrow</a>
diff --git a/tests/unit/js/Browser.test.js b/tests/unit/js/Browser.test.js
index ac5e84f51ed..eb02c2b2d6f 100644
--- a/tests/unit/js/Browser.test.js
+++ b/tests/unit/js/Browser.test.js
@@ -22,7 +22,7 @@ describe('removeURLParameter', () => {
     test('URL with multiple occurences of param', () => {
         expect(fn('http://foo.com?x=3&x=4&x=5', 'x')).toBe('http://foo.com');
         expect(fn('http://foo.com?x=3&x=4&z=5', 'x')).toBe('http://foo.com?z=5');
-    })
+    });
 });
 
 describe('getJsonFromUrl', () => {
diff --git a/tests/unit/js/SearchBar.test.js b/tests/unit/js/SearchBar.test.js
index e52be87166a..65f6edb9c68 100644
--- a/tests/unit/js/SearchBar.test.js
+++ b/tests/unit/js/SearchBar.test.js
@@ -78,7 +78,7 @@ describe('SearchBar', () => {
         });
 
         test('Special inputs are added to the form on submit', () => {
-            const spy = sinon.spy(SearchUtils, 'addModeInputsToForm')
+            const spy = sinon.spy(SearchUtils, 'addModeInputsToForm');
             sb.submitForm();
             expect(spy.callCount).toBe(1);
         });
diff --git a/tests/unit/js/SelectionManager.test.js b/tests/unit/js/SelectionManager.test.js
index 6331ed9d5f4..a0eec67b6d6 100644
--- a/tests/unit/js/SelectionManager.test.js
+++ b/tests/unit/js/SelectionManager.test.js
@@ -15,7 +15,7 @@ function createTestElementsForProcessClick() {
 
     listItem.appendChild(bookTitle);
 
-    return {listItem,link};
+    return {listItem, link};
 }
 
 function setupSelectionManager() {
@@ -55,7 +55,7 @@ describe('SelectionManager', () => {
 
     test('processClick - clicking on a link or button', () => {
         const sm = setupSelectionManager();
-        const { listItem,link } = createTestElementsForProcessClick();
+        const { listItem, link } = createTestElementsForProcessClick();
 
         link.addEventListener('click', () => {
             sm.processClick({ target: link, currentTarget: listItem });
diff --git a/tests/unit/js/autocomplete.test.js b/tests/unit/js/autocomplete.test.js
index 65774407426..c3621c1df51 100644
--- a/tests/unit/js/autocomplete.test.js
+++ b/tests/unit/js/autocomplete.test.js
@@ -18,7 +18,7 @@ describe('highlight', () => {
             const highlightedText = highlight(test[0], test[1]);
             expect(highlightedText).toStrictEqual(test[2]);
         });
-    })
+    });
 });
 
 
@@ -62,5 +62,5 @@ describe('mapApiResultsToAutocompleteSuggestions', () => {
                 value: 'Add new item'
             }
         );
-    })
+    });
 });
diff --git a/tests/unit/js/droppers.test.js b/tests/unit/js/droppers.test.js
index 620ef58e70d..1cec462798d 100644
--- a/tests/unit/js/droppers.test.js
+++ b/tests/unit/js/droppers.test.js
@@ -1,7 +1,7 @@
 import sinon from 'sinon';
 import { initDroppers, initGenericDroppers } from '../../../openlibrary/plugins/openlibrary/js/dropper';
-import { Dropper } from '../../../openlibrary/plugins/openlibrary/js/dropper/Dropper'
-import { legacyBookDropperMarkup, openDropperMarkup, closedDropperMarkup, disabledDropperMarkup } from './sample-html/dropper-test-data'
+import { Dropper } from '../../../openlibrary/plugins/openlibrary/js/dropper/Dropper';
+import { legacyBookDropperMarkup, openDropperMarkup, closedDropperMarkup, disabledDropperMarkup } from './sample-html/dropper-test-data';
 import * as nonjquery_utils from '../../../openlibrary/plugins/openlibrary/js/nonjquery_utils.js';
 
 
@@ -30,276 +30,276 @@ describe('initDroppers', () => {
 describe('Generic Droppers', () => {
     test('Clicking dropclick element toggles the dropper', () => {
         // Setup
-        document.body.innerHTML = closedDropperMarkup
-        const wrapper = document.querySelector('.generic-dropper-wrapper')
-        const dropper = new Dropper(wrapper)
-        dropper.initialize()
+        document.body.innerHTML = closedDropperMarkup;
+        const wrapper = document.querySelector('.generic-dropper-wrapper');
+        const dropper = new Dropper(wrapper);
+        dropper.initialize();
 
-        const dropClick = document.querySelector('.generic-dropper__dropclick')
-        const arrow = dropClick.querySelector('.arrow')
+        const dropClick = document.querySelector('.generic-dropper__dropclick');
+        const arrow = dropClick.querySelector('.arrow');
 
         // Dropper should be closed at the start
-        expect(arrow.classList.contains('up')).toBe(false)
-        expect(wrapper.classList.contains('dropper-wrapper--active')).toBe(false)
+        expect(arrow.classList.contains('up')).toBe(false);
+        expect(wrapper.classList.contains('dropper-wrapper--active')).toBe(false);
 
         // Open dropper
-        dropClick.click()
-        expect(arrow.classList.contains('up')).toBe(true)
-        expect(wrapper.classList.contains('generic-dropper-wrapper--active')).toBe(true)
+        dropClick.click();
+        expect(arrow.classList.contains('up')).toBe(true);
+        expect(wrapper.classList.contains('generic-dropper-wrapper--active')).toBe(true);
 
         // Close dropper
-        dropClick.click()
-        expect(arrow.classList.contains('up')).toBe(false)
-        expect(wrapper.classList.contains('generic-dropper-wrapper--active')).toBe(false)
-    })
+        dropClick.click();
+        expect(arrow.classList.contains('up')).toBe(false);
+        expect(wrapper.classList.contains('generic-dropper-wrapper--active')).toBe(false);
+    });
 
     test('Opened droppers close if they are not the target of a click', () => {
         // Setup
-        document.body.innerHTML = openDropperMarkup.concat(openDropperMarkup, openDropperMarkup)
-        const wrappers = document.querySelectorAll('.generic-dropper-wrapper')
-        initGenericDroppers(wrappers)
+        document.body.innerHTML = openDropperMarkup.concat(openDropperMarkup, openDropperMarkup);
+        const wrappers = document.querySelectorAll('.generic-dropper-wrapper');
+        initGenericDroppers(wrappers);
 
 
         // Ensure that all three droppers are open
-        expect(wrappers.length).toBe(3)
+        expect(wrappers.length).toBe(3);
         for (const wrapper of wrappers) {
-            const arrow = wrapper.querySelector('.arrow')
-            expect(wrapper.classList.contains('generic-dropper-wrapper--active')).toBe(true)
-            expect(arrow.classList.contains('up')).toBe(true)
+            const arrow = wrapper.querySelector('.arrow');
+            expect(wrapper.classList.contains('generic-dropper-wrapper--active')).toBe(true);
+            expect(arrow.classList.contains('up')).toBe(true);
         }
 
         // After clicking the dropdown content of the first dropper:
-        const dropdownContent = wrappers[0].querySelector('.generic-dropper__dropdown')
-        dropdownContent.click()
+        const dropdownContent = wrappers[0].querySelector('.generic-dropper__dropdown');
+        dropdownContent.click();
 
         // First dropper should be open
-        expect(wrappers[0].classList.contains('generic-dropper-wrapper--active')).toBe(true)
-        expect(wrappers[0].querySelector('.arrow').classList.contains('up')).toBe(true)
+        expect(wrappers[0].classList.contains('generic-dropper-wrapper--active')).toBe(true);
+        expect(wrappers[0].querySelector('.arrow').classList.contains('up')).toBe(true);
 
         // ...while other droppers should be closed
         for (let i = 1; i < wrappers.length; ++i) {
-            const arrow = wrappers[i].querySelector('.arrow')
-            expect(wrappers[i].classList.contains('generic-dropper-wrapper--active')).toBe(false)
-            expect(arrow.classList.contains('up')).toBe(false)
+            const arrow = wrappers[i].querySelector('.arrow');
+            expect(wrappers[i].classList.contains('generic-dropper-wrapper--active')).toBe(false);
+            expect(arrow.classList.contains('up')).toBe(false);
         }
-    })
+    });
 
     test('Disabled droppers cannot be opened nor closed', () => {
-        document.body.innerHTML = disabledDropperMarkup
-        const wrapper = document.querySelector('.generic-dropper-wrapper')
-        const dropper = new Dropper(wrapper)
-        dropper.initialize()
-        const dropclick = wrapper.querySelector('.generic-dropper__dropclick')
-        const arrow = wrapper.querySelector('.arrow')
+        document.body.innerHTML = disabledDropperMarkup;
+        const wrapper = document.querySelector('.generic-dropper-wrapper');
+        const dropper = new Dropper(wrapper);
+        dropper.initialize();
+        const dropclick = wrapper.querySelector('.generic-dropper__dropclick');
+        const arrow = wrapper.querySelector('.arrow');
 
         // Sanity checks
-        expect(wrapper.classList.contains('generic-dropper--disabled')).toBe(true)
-        expect(wrapper.classList.contains('generic-dropper-wrapper--active')).toBe(false)
-        expect(arrow.classList.contains('up')).toBe(false)
+        expect(wrapper.classList.contains('generic-dropper--disabled')).toBe(true);
+        expect(wrapper.classList.contains('generic-dropper-wrapper--active')).toBe(false);
+        expect(arrow.classList.contains('up')).toBe(false);
 
         // Click on the dropclick:
-        dropclick.click()
+        dropclick.click();
 
-        expect(wrapper.classList.contains('generic-dropper-wrapper--active')).toBe(false)
-        expect(arrow.classList.contains('up')).toBe(false)
-    })
-})
+        expect(wrapper.classList.contains('generic-dropper-wrapper--active')).toBe(false);
+        expect(arrow.classList.contains('up')).toBe(false);
+    });
+});
 
 describe('Dropper.js class', () => {
     test('Dropper references set correctly on instantiation', () => {
-        document.body.innerHTML = closedDropperMarkup
-        const wrapper = document.querySelector('.generic-dropper-wrapper')
-        const dropper = new Dropper(wrapper)
+        document.body.innerHTML = closedDropperMarkup;
+        const wrapper = document.querySelector('.generic-dropper-wrapper');
+        const dropper = new Dropper(wrapper);
 
         // Reference to component root stored
-        expect(dropper.dropper === wrapper).toBe(true)
+        expect(dropper.dropper === wrapper).toBe(true);
 
         // Dropclick reference stored
-        const dropClick = wrapper.querySelector('.generic-dropper__dropclick')
-        expect(dropper.dropClick === dropClick).toBe(true)
+        const dropClick = wrapper.querySelector('.generic-dropper__dropclick');
+        expect(dropper.dropClick === dropClick).toBe(true);
 
         // Dropper is closed
-        expect(dropper.isDropperOpen).toBe(false)
+        expect(dropper.isDropperOpen).toBe(false);
 
         // This dropper is not disabled
-        expect(dropper.isDropperDisabled).toBe(false)
-    })
+        expect(dropper.isDropperDisabled).toBe(false);
+    });
 
     it('is not functional until initialize() is called', () => {
-        document.body.innerHTML = closedDropperMarkup
-        const wrapper = document.querySelector('.generic-dropper-wrapper')
-        const dropClick = wrapper.querySelector('.generic-dropper__dropclick')
-        const arrow = wrapper.querySelector('.arrow')
+        document.body.innerHTML = closedDropperMarkup;
+        const wrapper = document.querySelector('.generic-dropper-wrapper');
+        const dropClick = wrapper.querySelector('.generic-dropper__dropclick');
+        const arrow = wrapper.querySelector('.arrow');
 
-        const dropper = new Dropper(wrapper)
-        const spy = jest.spyOn(dropper, 'toggleDropper')
+        const dropper = new Dropper(wrapper);
+        const spy = jest.spyOn(dropper, 'toggleDropper');
 
         // Dropper should be closed initially:
-        expect(wrapper.classList.contains('generic-dropper-wrapper--active')).toBe(false)
-        expect(arrow.classList.contains('up')).toBe(false)
+        expect(wrapper.classList.contains('generic-dropper-wrapper--active')).toBe(false);
+        expect(arrow.classList.contains('up')).toBe(false);
 
         // Clicking should not do anything yet:
-        dropClick.click()
-        expect(wrapper.classList.contains('generic-dropper-wrapper--active')).toBe(false)
-        expect(arrow.classList.contains('up')).toBe(false)
-        expect(spy).not.toHaveBeenCalled()
+        dropClick.click();
+        expect(wrapper.classList.contains('generic-dropper-wrapper--active')).toBe(false);
+        expect(arrow.classList.contains('up')).toBe(false);
+        expect(spy).not.toHaveBeenCalled();
 
         // Test again after initialization:
-        dropper.initialize()
-        dropClick.click()
-        expect(wrapper.classList.contains('generic-dropper-wrapper--active')).toBe(true)
-        expect(arrow.classList.contains('up')).toBe(true)
-        expect(spy).toHaveBeenCalled()
+        dropper.initialize();
+        dropClick.click();
+        expect(wrapper.classList.contains('generic-dropper-wrapper--active')).toBe(true);
+        expect(arrow.classList.contains('up')).toBe(true);
+        expect(spy).toHaveBeenCalled();
 
-        jest.restoreAllMocks()
-    })
+        jest.restoreAllMocks();
+    });
 
     it('can be closed if not disabled', () => {
-        document.body.innerHTML = openDropperMarkup
-        const wrapper = document.querySelector('.generic-dropper-wrapper')
-        const arrow = wrapper.querySelector('.arrow')
+        document.body.innerHTML = openDropperMarkup;
+        const wrapper = document.querySelector('.generic-dropper-wrapper');
+        const arrow = wrapper.querySelector('.arrow');
 
-        const dropper = new Dropper(wrapper)
-        dropper.initialize()
+        const dropper = new Dropper(wrapper);
+        dropper.initialize();
 
         // Check initial state:
-        expect(dropper.isDropperDisabled).toBe(false)
-        expect(dropper.isDropperOpen).toBe(true)
-        expect(wrapper.classList.contains('generic-dropper-wrapper--active')).toBe(true)
-        expect(arrow.classList.contains('up')).toBe(true)
+        expect(dropper.isDropperDisabled).toBe(false);
+        expect(dropper.isDropperOpen).toBe(true);
+        expect(wrapper.classList.contains('generic-dropper-wrapper--active')).toBe(true);
+        expect(arrow.classList.contains('up')).toBe(true);
 
         // Check again after closing:
-        dropper.closeDropper()
-        expect(dropper.isDropperOpen).toBe(false)
-        expect(wrapper.classList.contains('generic-dropper-wrapper--active')).toBe(false)
-        expect(arrow.classList.contains('up')).toBe(false)
-    })
+        dropper.closeDropper();
+        expect(dropper.isDropperOpen).toBe(false);
+        expect(wrapper.classList.contains('generic-dropper-wrapper--active')).toBe(false);
+        expect(arrow.classList.contains('up')).toBe(false);
+    });
 
     it('can be toggled if not disabled', () => {
-        document.body.innerHTML = closedDropperMarkup
-        const wrapper = document.querySelector('.generic-dropper-wrapper')
-        const arrow = wrapper.querySelector('.arrow')
+        document.body.innerHTML = closedDropperMarkup;
+        const wrapper = document.querySelector('.generic-dropper-wrapper');
+        const arrow = wrapper.querySelector('.arrow');
 
-        const dropper = new Dropper(wrapper)
-        dropper.initialize()
+        const dropper = new Dropper(wrapper);
+        dropper.initialize();
 
         // Check initial state:
-        expect(dropper.isDropperDisabled).toBe(false)
-        expect(dropper.isDropperOpen).toBe(false)
-        expect(wrapper.classList.contains('generic-dropper-wrapper--active')).toBe(false)
-        expect(arrow.classList.contains('up')).toBe(false)
+        expect(dropper.isDropperDisabled).toBe(false);
+        expect(dropper.isDropperOpen).toBe(false);
+        expect(wrapper.classList.contains('generic-dropper-wrapper--active')).toBe(false);
+        expect(arrow.classList.contains('up')).toBe(false);
 
         // Check after toggling open:
-        dropper.toggleDropper()
-        expect(dropper.isDropperOpen).toBe(true)
-        expect(wrapper.classList.contains('generic-dropper-wrapper--active')).toBe(true)
-        expect(arrow.classList.contains('up')).toBe(true)
+        dropper.toggleDropper();
+        expect(dropper.isDropperOpen).toBe(true);
+        expect(wrapper.classList.contains('generic-dropper-wrapper--active')).toBe(true);
+        expect(arrow.classList.contains('up')).toBe(true);
 
         // Check after toggling once more:
-        dropper.toggleDropper()
-        expect(dropper.isDropperOpen).toBe(false)
-        expect(wrapper.classList.contains('generic-dropper-wrapper--active')).toBe(false)
-        expect(arrow.classList.contains('up')).toBe(false)
-    })
+        dropper.toggleDropper();
+        expect(dropper.isDropperOpen).toBe(false);
+        expect(wrapper.classList.contains('generic-dropper-wrapper--active')).toBe(false);
+        expect(arrow.classList.contains('up')).toBe(false);
+    });
 
     it('cannot be opened while disabled', () => {
-        document.body.innerHTML = disabledDropperMarkup
-        const wrapper = document.querySelector('.generic-dropper-wrapper')
-        const dropper = new Dropper(wrapper)
-        dropper.initialize()
-        const arrow = wrapper.querySelector('.arrow')
+        document.body.innerHTML = disabledDropperMarkup;
+        const wrapper = document.querySelector('.generic-dropper-wrapper');
+        const dropper = new Dropper(wrapper);
+        dropper.initialize();
+        const arrow = wrapper.querySelector('.arrow');
 
         // Check initial state:
-        expect(dropper.isDropperDisabled).toBe(true)
-        expect(arrow.classList.contains('up')).toBe(false)
-        expect(wrapper.classList.contains('generic-dropper-wrapper--active')).toBe(false)
+        expect(dropper.isDropperDisabled).toBe(true);
+        expect(arrow.classList.contains('up')).toBe(false);
+        expect(wrapper.classList.contains('generic-dropper-wrapper--active')).toBe(false);
 
         // Check state after toggling:
-        dropper.toggleDropper()
-        expect(arrow.classList.contains('up')).toBe(false)
-        expect(wrapper.classList.contains('generic-dropper-wrapper--active')).toBe(false)
-    })
+        dropper.toggleDropper();
+        expect(arrow.classList.contains('up')).toBe(false);
+        expect(wrapper.classList.contains('generic-dropper-wrapper--active')).toBe(false);
+    });
 
     describe('Dropper event methods', () => {
         afterEach(() => {
-            jest.clearAllMocks()
-        })
+            jest.clearAllMocks();
+        });
 
         it('calls `onDisabledClick()` when dropper is clicked while disabled', () => {
-            document.body.innerHTML = disabledDropperMarkup
-            const wrapper = document.querySelector('.generic-dropper-wrapper')
-            const dropper = new Dropper(wrapper)
-            dropper.initialize()
+            document.body.innerHTML = disabledDropperMarkup;
+            const wrapper = document.querySelector('.generic-dropper-wrapper');
+            const dropper = new Dropper(wrapper);
+            dropper.initialize();
 
-            const onDisabledClickFn = jest.spyOn(dropper, 'onDisabledClick')
+            const onDisabledClickFn = jest.spyOn(dropper, 'onDisabledClick');
 
             // Check initial state:
-            expect(dropper.isDropperDisabled).toBe(true)
-            expect(onDisabledClickFn).not.toHaveBeenCalled()
+            expect(dropper.isDropperDisabled).toBe(true);
+            expect(onDisabledClickFn).not.toHaveBeenCalled();
 
             // Check state after toggling:
-            dropper.toggleDropper()
-            expect(dropper.isDropperDisabled).toBe(true)
-            expect(onDisabledClickFn).toHaveBeenCalledTimes(1)
+            dropper.toggleDropper();
+            expect(dropper.isDropperDisabled).toBe(true);
+            expect(onDisabledClickFn).toHaveBeenCalledTimes(1);
 
             // Check state after closing:
-            dropper.closeDropper()
-            expect(dropper.isDropperDisabled).toBe(true)
-            expect(onDisabledClickFn).toHaveBeenCalledTimes(2)
-        })
+            dropper.closeDropper();
+            expect(dropper.isDropperDisabled).toBe(true);
+            expect(onDisabledClickFn).toHaveBeenCalledTimes(2);
+        });
 
         it('calls `onClose()` when active dropper is closed', () => {
-            document.body.innerHTML = openDropperMarkup
-            const wrapper = document.querySelector('.generic-dropper-wrapper')
-            const dropper = new Dropper(wrapper)
-            dropper.initialize()
+            document.body.innerHTML = openDropperMarkup;
+            const wrapper = document.querySelector('.generic-dropper-wrapper');
+            const dropper = new Dropper(wrapper);
+            dropper.initialize();
 
-            const onCloseFn = jest.spyOn(dropper, 'onClose')
+            const onCloseFn = jest.spyOn(dropper, 'onClose');
 
             // Check initial state:
-            expect(dropper.isDropperOpen).toBe(true)
-            expect(onCloseFn).not.toHaveBeenCalled()
+            expect(dropper.isDropperOpen).toBe(true);
+            expect(onCloseFn).not.toHaveBeenCalled();
 
             // Check state after closing:
-            dropper.closeDropper()
-            expect(dropper.isDropperOpen).toBe(false)
-            expect(onCloseFn).toHaveBeenCalledTimes(1)
+            dropper.closeDropper();
+            expect(dropper.isDropperOpen).toBe(false);
+            expect(onCloseFn).toHaveBeenCalledTimes(1);
 
             // Check state after toggling open then closed:
-            dropper.toggleDropper()
-            expect(dropper.isDropperOpen).toBe(true)
-            expect(onCloseFn).toHaveBeenCalledTimes(1) // Should not be called when dropper is closed
+            dropper.toggleDropper();
+            expect(dropper.isDropperOpen).toBe(true);
+            expect(onCloseFn).toHaveBeenCalledTimes(1); // Should not be called when dropper is closed
 
-            dropper.toggleDropper()
-            expect(dropper.isDropperOpen).toBe(false)
-            expect(onCloseFn).toHaveBeenCalledTimes(2)
-        })
+            dropper.toggleDropper();
+            expect(dropper.isDropperOpen).toBe(false);
+            expect(onCloseFn).toHaveBeenCalledTimes(2);
+        });
 
         test('toggling dropper results in correct event method being called', () => {
-            document.body.innerHTML = closedDropperMarkup
-            const wrapper = document.querySelector('.generic-dropper-wrapper')
-            const dropper = new Dropper(wrapper)
-            dropper.initialize()
+            document.body.innerHTML = closedDropperMarkup;
+            const wrapper = document.querySelector('.generic-dropper-wrapper');
+            const dropper = new Dropper(wrapper);
+            dropper.initialize();
 
-            const onCloseFn = jest.spyOn(dropper, 'onClose')
-            const onOpenFn = jest.spyOn(dropper, 'onOpen')
+            const onCloseFn = jest.spyOn(dropper, 'onClose');
+            const onOpenFn = jest.spyOn(dropper, 'onOpen');
 
             // Check initial state:
-            expect(dropper.isDropperOpen).toBe(false)
-            expect(onCloseFn).not.toHaveBeenCalled()
-            expect(onOpenFn).not.toHaveBeenCalled()
+            expect(dropper.isDropperOpen).toBe(false);
+            expect(onCloseFn).not.toHaveBeenCalled();
+            expect(onOpenFn).not.toHaveBeenCalled();
 
             // Check after toggling open:
-            dropper.toggleDropper()
-            expect(dropper.isDropperOpen).toBe(true)
-            expect(onCloseFn).toHaveBeenCalledTimes(0)
-            expect(onOpenFn).toHaveBeenCalledTimes(1)
+            dropper.toggleDropper();
+            expect(dropper.isDropperOpen).toBe(true);
+            expect(onCloseFn).toHaveBeenCalledTimes(0);
+            expect(onOpenFn).toHaveBeenCalledTimes(1);
 
             // Check after toggling closed:
-            dropper.toggleDropper()
-            expect(dropper.isDropperOpen).toBe(false)
-            expect(onCloseFn).toHaveBeenCalledTimes(1)
-            expect(onOpenFn).toHaveBeenCalledTimes(1)
-        })
-    })
-})
+            dropper.toggleDropper();
+            expect(dropper.isDropperOpen).toBe(false);
+            expect(onCloseFn).toHaveBeenCalledTimes(1);
+            expect(onOpenFn).toHaveBeenCalledTimes(1);
+        });
+    });
+});
diff --git a/tests/unit/js/editionsEditPage.test.js b/tests/unit/js/editionsEditPage.test.js
index d8cf34f61a1..1dda06e0541 100644
--- a/tests/unit/js/editionsEditPage.test.js
+++ b/tests/unit/js/editionsEditPage.test.js
@@ -36,7 +36,7 @@ beforeEach(() => {
     $(document.body).html(testData.editionIdentifiersSample);
     $('#identifiers').repeat({
         vars: {prefix: 'edition--'},
-        validate: function(data) {return validateIdentifiers(data)},
+        validate: function(data) {return validateIdentifiers(data);},
     });
 });
 
@@ -84,7 +84,7 @@ describe('initIdentifierValidation', () => {
         $('#do-not-add-isbn').trigger('click');
         expect($('.repeat-item').length).toBe(5);
         const cssDisplay = $('#id-errors').css('display');
-        expect(cssDisplay).toEqual('none')
+        expect(cssDisplay).toEqual('none');
     });
 
     it('does NOT add a duplicate ISBN 10', () => {
@@ -102,7 +102,7 @@ describe('initIdentifierValidation', () => {
         $('#id-value').val('09- 8478---2869  ');
         $('.repeat-add').trigger('click');
         expect($('.repeat-item').length).toBe(6);
-    })
+    });
 
     it('does count identical stripped and unstripped ISBN 10s as the same ISBN', () => {
         $('#select-id').val('isbn_10');
@@ -149,7 +149,7 @@ describe('initIdentifierValidation', () => {
         $('#do-not-add-isbn').trigger('click');
         expect($('.repeat-item').length).toBe(5);
         const cssDisplay = $('#id-errors').css('display');
-        expect(cssDisplay).toEqual('none')
+        expect(cssDisplay).toEqual('none');
     });
 
     it('does NOT add a duplicate ISBN 13', () => {
@@ -167,7 +167,7 @@ describe('initIdentifierValidation', () => {
         $('#id-value').val('978-16172--95 980  ');
         $('.repeat-add').trigger('click');
         expect($('.repeat-item').length).toBe(6);
-    })
+    });
 
     it('does count identical stripped and unstripped ISBN 13s as the same ISBN', () => {
         $('#select-id').val('isbn_13');
@@ -209,7 +209,7 @@ describe('initIdentifierValidation', () => {
         $('#id-value').val(' 75-425165//r75');
         $('.repeat-add').trigger('click');
         expect($('.repeat-item').length).toBe(6);
-    })
+    });
 
     it('does count identical normalized and non-normalized LCCNs as the same LCCN', () => {
         $('#select-id').val('lccn');
diff --git a/tests/unit/js/html-test-data.js b/tests/unit/js/html-test-data.js
index 3548c53842c..9aec3a671fc 100644
--- a/tests/unit/js/html-test-data.js
+++ b/tests/unit/js/html-test-data.js
@@ -100,7 +100,7 @@ export const clamperSample = `
           <a>orphans</a>
           <a>fantasy fiction</a>
           <a>England in fiction</a>
-      </span>`
+      </span>`;
 
 export const readClassification = `
 <fieldset class="major" id="classifications" data-config="{&quot;Please select a classification.&quot;: &quot;Please select a classification.&quot;, &quot;You need to give a value to CLASS.&quot;: &quot;You need to give a value to CLASS.&quot;}">
@@ -193,4 +193,4 @@ export const readClassification = `
         </div>
     </div>
 </fieldset>
-`
+`;
diff --git a/tests/unit/js/idValidation.test.js b/tests/unit/js/idValidation.test.js
index 82fa3364745..9819b39b515 100644
--- a/tests/unit/js/idValidation.test.js
+++ b/tests/unit/js/idValidation.test.js
@@ -15,7 +15,7 @@ describe('parseIsbn', () => {
     it('correctly parses ISBN 13 with dashes', () => {
         expect(parseIsbn('978-0-553-38168-9')).toBe('9780553381689');
     });
-})
+});
 
 // testing from examples listed here:
 // https://www.loc.gov/marc/lccn-namespace.html
@@ -44,7 +44,7 @@ describe('parseLccn', () => {
     it('correctly parses LCCN example 8', () => {
         expect(parseLccn(' 79139101 /AC/r932')).toBe('79139101');
     });
-})
+});
 
 describe('isChecksumValidIsbn10', () => {
     it('returns true with valid ISBN 10 (X check character)', () => {
@@ -60,7 +60,7 @@ describe('isChecksumValidIsbn10', () => {
     it('returns false with an invalid ISBN 10', () => {
         expect(isChecksumValidIsbn10('1234567890')).toBe(false);
     });
-})
+});
 
 describe('isChecksumValidIsbn13', () => {
     it('returns true with valid ISBN 13 (check 1)', () => {
@@ -76,7 +76,7 @@ describe('isChecksumValidIsbn13', () => {
     it('returns false with an invalid ISBN 13 (check 2)', () => {
         expect(isChecksumValidIsbn13('9790000000000')).toBe(false);
     });
-})
+});
 
 describe('isFormatValidIsbn10', () => {
     it('returns true with valid ISBN 10 (X check character)', () => {
@@ -92,7 +92,7 @@ describe('isFormatValidIsbn10', () => {
     it('returns false with blank value', () => {
         expect(isFormatValidIsbn10('')).toBe(false);
     });
-})
+});
 
 describe('isFormatValidIsbn13', () => {
     it('returns true with valid ISBN 13', () => {
@@ -108,7 +108,7 @@ describe('isFormatValidIsbn13', () => {
     it('returns false with invalis ISBN 13 (non-numeric)', () => {
         expect(isFormatValidIsbn13('979a430918002')).toBe(false);
     });
-})
+});
 
 // testing from examples listed here:
 // https://www.loc.gov/marc/lccn-namespace.html
@@ -154,4 +154,4 @@ describe('isValidLccn', () => {
     it('returns false for LCCN of length 13', () => {
         expect(isValidLccn('1250000000003')).toBe(false);
     });
-})
+});
diff --git a/tests/unit/js/jquery.repeat.test.js b/tests/unit/js/jquery.repeat.test.js
index 94f3d3a86a7..dd7cb9787dd 100644
--- a/tests/unit/js/jquery.repeat.test.js
+++ b/tests/unit/js/jquery.repeat.test.js
@@ -30,7 +30,7 @@ test('identifiers of repeated elements are never the same.', () => {
     $('#id-value').text('fo4rzdaHDAwC');
     $('.repeat-add').trigger('click');
     expect($('.repeat-item').length).toBe(6);
-    $('#identifiers--3 .repeat-remove').trigger('click')
+    $('#identifiers--3 .repeat-remove').trigger('click');
     expect($('.repeat-item').length).toBe(5);
     $('#select-id').val('goodreads');
     $('#id-value').text('44415839');
diff --git a/tests/unit/js/jsdef.test.js b/tests/unit/js/jsdef.test.js
index f1f69ed93ae..87cd8f64962 100644
--- a/tests/unit/js/jsdef.test.js
+++ b/tests/unit/js/jsdef.test.js
@@ -21,13 +21,13 @@ test('jsdef: foreach', () => {
     const listToLoop = [1, 2, 3];
     expect.assertions(1);
     return new Promise((resolve) => {
-        foreach(listToLoop, loop, function () {
+        foreach(listToLoop, loop, function() {
             called += 1;
             if (called === 3) {
                 expect(called).toBe(3);
                 resolve();
             }
-        })
+        });
     });
 });
 
diff --git a/tests/unit/js/lists.test.js b/tests/unit/js/lists.test.js
index 7e76994b28d..fc59f4977af 100644
--- a/tests/unit/js/lists.test.js
+++ b/tests/unit/js/lists.test.js
@@ -1,165 +1,165 @@
 import { createActiveShowcaseItem, ShowcaseItem } from '../../../openlibrary/plugins/openlibrary/js/lists/ShowcaseItem.js';
-import { CreateListForm } from '../../../openlibrary/plugins/openlibrary/js/my-books/CreateListForm.js'
-import { listCreationForm, filledListCreationForm, showcaseI18nInput, subjectShowcase, authorShowcase, workShowcase, editionShowcase, activeListShowcase, listsSectionShowcase } from './sample-html/lists-test-data'
+import { CreateListForm } from '../../../openlibrary/plugins/openlibrary/js/my-books/CreateListForm.js';
+import { listCreationForm, filledListCreationForm, showcaseI18nInput, subjectShowcase, authorShowcase, workShowcase, editionShowcase, activeListShowcase, listsSectionShowcase } from './sample-html/lists-test-data';
 
 describe('CreateListForm class tests', () => {
     test('CreateListForm fields correctly set', () => {
-        document.body.innerHTML = listCreationForm
-        const formElem = document.querySelector('form')
-        const listForm = new CreateListForm(formElem)
+        document.body.innerHTML = listCreationForm;
+        const formElem = document.querySelector('form');
+        const listForm = new CreateListForm(formElem);
 
-        const createListButton = document.querySelector('#create-list-button')
-        expect(listForm.createListButton === createListButton).toBe(true)
+        const createListButton = document.querySelector('#create-list-button');
+        expect(listForm.createListButton === createListButton).toBe(true);
 
-        const listTitleInput = document.querySelector('#list_label')
-        expect(listForm.listTitleInput === listTitleInput).toBe(true)
+        const listTitleInput = document.querySelector('#list_label');
+        expect(listForm.listTitleInput === listTitleInput).toBe(true);
 
-        const listDescriptionInput = document.querySelector('#list_desc')
-        expect(listForm.listDescriptionInput === listDescriptionInput).toBe(true)
-    })
+        const listDescriptionInput = document.querySelector('#list_desc');
+        expect(listForm.listDescriptionInput === listDescriptionInput).toBe(true);
+    });
 
     test('`resetForm()` clears a filled form', () => {
-        document.body.innerHTML = listCreationForm
-        const formElem = document.querySelector('form')
-        const listForm = new CreateListForm(formElem)
+        document.body.innerHTML = listCreationForm;
+        const formElem = document.querySelector('form');
+        const listForm = new CreateListForm(formElem);
 
         // Initial checks
-        expect(listForm.listTitleInput.value).not.toBeTruthy()
-        expect(listForm.listDescriptionInput.value).not.toBeTruthy()
+        expect(listForm.listTitleInput.value).not.toBeTruthy();
+        expect(listForm.listDescriptionInput.value).not.toBeTruthy();
 
         // After setting input values
-        listForm.listTitleInput.value = 'New List'
-        listForm.listDescriptionInput.value = 'My new list.'
-        expect(listForm.listTitleInput.value).toBeTruthy()
-        expect(listForm.listDescriptionInput.value).toBeTruthy()
+        listForm.listTitleInput.value = 'New List';
+        listForm.listDescriptionInput.value = 'My new list.';
+        expect(listForm.listTitleInput.value).toBeTruthy();
+        expect(listForm.listDescriptionInput.value).toBeTruthy();
 
         // After clearing the form:
-        listForm.resetForm()
-        expect(listForm.listTitleInput.value).not.toBeTruthy()
-        expect(listForm.listDescriptionInput.value).not.toBeTruthy()
-    })
+        listForm.resetForm();
+        expect(listForm.listTitleInput.value).not.toBeTruthy();
+        expect(listForm.listDescriptionInput.value).not.toBeTruthy();
+    });
 
     it('should have empty inputs after instantiation', () => {
-        document.body.innerHTML = filledListCreationForm
-        const formElem = document.querySelector('form')
-        const titleInput = formElem.querySelector('#list_label')
-        const descriptionInput = formElem.querySelector('#list_desc')
+        document.body.innerHTML = filledListCreationForm;
+        const formElem = document.querySelector('form');
+        const titleInput = formElem.querySelector('#list_label');
+        const descriptionInput = formElem.querySelector('#list_desc');
 
         // Form is initially filled
-        expect(titleInput.value).toBeTruthy()
-        expect(descriptionInput.value).toBeTruthy()
+        expect(titleInput.value).toBeTruthy();
+        expect(descriptionInput.value).toBeTruthy();
 
         // Creating new CreateListForm should clear the form
         // eslint-disable-next-line no-unused-vars
-        const listForm = new CreateListForm(formElem)
-        expect(titleInput.value).not.toBeTruthy()
-        expect(descriptionInput.value).not.toBeTruthy()
-    })
-})
+        const listForm = new CreateListForm(formElem);
+        expect(titleInput.value).not.toBeTruthy();
+        expect(descriptionInput.value).not.toBeTruthy();
+    });
+});
 
 describe('createActiveShowcaseItem() tests', () => {
     test('createActiveShowcaseItem() results are as expected', () => {
-        document.body.innerHTML = showcaseI18nInput
-        const listKey = '/people/openlibrary/lists/OL1L'
-        const seedKey = '/books/OL3421846M'
-        const listTitle = 'My First List'
-        const coverUrl = '/images/icons/avatar_book-sm.png'
+        document.body.innerHTML = showcaseI18nInput;
+        const listKey = '/people/openlibrary/lists/OL1L';
+        const seedKey = '/books/OL3421846M';
+        const listTitle = 'My First List';
+        const coverUrl = '/images/icons/avatar_book-sm.png';
 
-        const li = createActiveShowcaseItem(listKey, seedKey, listTitle, coverUrl)
-        const anchors = li.querySelectorAll('a')
-        const [imageLink, titleLink, removeLink] = anchors
-        const inputs = li.querySelectorAll('input')
-        const [titleInput, seedKeyInput, seedTypeInput] = inputs
+        const li = createActiveShowcaseItem(listKey, seedKey, listTitle, coverUrl);
+        const anchors = li.querySelectorAll('a');
+        const [imageLink, titleLink, removeLink] = anchors;
+        const inputs = li.querySelectorAll('input');
+        const [titleInput, seedKeyInput, seedTypeInput] = inputs;
 
 
         // Must have `actionable-item` class
-        expect(li.classList.contains('actionable-item')).toBe(true)
+        expect(li.classList.contains('actionable-item')).toBe(true);
 
         // List key has been set
-        expect(removeLink.dataset.listKey === listKey).toBe(true)
-        expect(imageLink.href.endsWith(listKey)).toBe(true)
-        expect(titleLink.href.endsWith(listKey)).toBe(true)
-        expect(removeLink.href.endsWith(listKey)).toBe(true)
+        expect(removeLink.dataset.listKey === listKey).toBe(true);
+        expect(imageLink.href.endsWith(listKey)).toBe(true);
+        expect(titleLink.href.endsWith(listKey)).toBe(true);
+        expect(removeLink.href.endsWith(listKey)).toBe(true);
 
         // Seed key has been set
-        expect(seedKeyInput.value === seedKey).toBe(true)
-        expect(seedTypeInput.value === 'edition').toBe(true)
+        expect(seedKeyInput.value === seedKey).toBe(true);
+        expect(seedTypeInput.value === 'edition').toBe(true);
 
         // List title has been set
-        expect(titleLink.dataset.listTitle === listTitle).toBe(true)
-        expect(titleLink.textContent === listTitle).toBe(true)
-        expect(titleInput.value === listTitle).toBe(true)
+        expect(titleLink.dataset.listTitle === listTitle).toBe(true);
+        expect(titleLink.textContent === listTitle).toBe(true);
+        expect(titleInput.value === listTitle).toBe(true);
 
         // Cover URL has been set
-        expect(imageLink.children[0].src.endsWith(coverUrl)).toBe(true)
-    })
+        expect(imageLink.children[0].src.endsWith(coverUrl)).toBe(true);
+    });
 
     test('createActiveShowcaseItem() sets the correct seed type', () => {
-        const listKey = '/people/openlibrary/lists/OL1L'
-        const listTitle = 'My First List'
-        const coverUrl = '/images/icons/avatar_book-sm.png'
+        const listKey = '/people/openlibrary/lists/OL1L';
+        const listTitle = 'My First List';
+        const coverUrl = '/images/icons/avatar_book-sm.png';
 
-        const editionKey = '/books/OL3421846M'
-        const workKey = '/works/OL54120W'
-        const authorKey = '/authors/OL18319A'
-        const subjectKey = 'quotations'
-        const bogusKey = '/bogus/OL38475839B'
+        const editionKey = '/books/OL3421846M';
+        const workKey = '/works/OL54120W';
+        const authorKey = '/authors/OL18319A';
+        const subjectKey = 'quotations';
+        const bogusKey = '/bogus/OL38475839B';
 
-        const editionItem = createActiveShowcaseItem(listKey, editionKey, listTitle, coverUrl)
-        expect(editionItem.querySelector('input[name=seed-type]').value).toBe('edition')
+        const editionItem = createActiveShowcaseItem(listKey, editionKey, listTitle, coverUrl);
+        expect(editionItem.querySelector('input[name=seed-type]').value).toBe('edition');
 
-        const workItem = createActiveShowcaseItem(listKey, workKey, listTitle, coverUrl)
-        expect(workItem.querySelector('input[name=seed-type]').value).toBe('work')
+        const workItem = createActiveShowcaseItem(listKey, workKey, listTitle, coverUrl);
+        expect(workItem.querySelector('input[name=seed-type]').value).toBe('work');
 
-        const authorItem = createActiveShowcaseItem(listKey, authorKey, listTitle, coverUrl)
-        expect(authorItem.querySelector('input[name=seed-type]').value).toBe('author')
+        const authorItem = createActiveShowcaseItem(listKey, authorKey, listTitle, coverUrl);
+        expect(authorItem.querySelector('input[name=seed-type]').value).toBe('author');
 
-        const subjectItem = createActiveShowcaseItem(listKey, subjectKey, listTitle, coverUrl)
-        expect(subjectItem.querySelector('input[name=seed-type]').value).toBe('subject')
+        const subjectItem = createActiveShowcaseItem(listKey, subjectKey, listTitle, coverUrl);
+        expect(subjectItem.querySelector('input[name=seed-type]').value).toBe('subject');
 
-        const bogusItem = createActiveShowcaseItem(listKey, bogusKey, listTitle, coverUrl)
-        expect(bogusItem.querySelector('input[name=seed-type]').value).toBe('undefined')
-    })
+        const bogusItem = createActiveShowcaseItem(listKey, bogusKey, listTitle, coverUrl);
+        expect(bogusItem.querySelector('input[name=seed-type]').value).toBe('undefined');
+    });
 
     it('sets the correct default value for `coverUrl`', () => {
-        document.body.innerHTML = showcaseI18nInput
-        const listKey = '/people/openlibrary/lists/OL1L'
-        const seedKey = '/books/OL3421846M'
-        const listTitle = 'My First List'
+        document.body.innerHTML = showcaseI18nInput;
+        const listKey = '/people/openlibrary/lists/OL1L';
+        const seedKey = '/books/OL3421846M';
+        const listTitle = 'My First List';
 
-        const li = createActiveShowcaseItem(listKey, seedKey, listTitle)
-        const coverImage = li.querySelector('img')
+        const li = createActiveShowcaseItem(listKey, seedKey, listTitle);
+        const coverImage = li.querySelector('img');
 
-        const expectedCoverUrl = '/images/icons/avatar_book-sm.png'
-        expect(coverImage.src.endsWith(expectedCoverUrl)).toBe(true)
-    })
-})
+        const expectedCoverUrl = '/images/icons/avatar_book-sm.png';
+        expect(coverImage.src.endsWith(expectedCoverUrl)).toBe(true);
+    });
+});
 
 describe('ShowcaseItem class tests', () => {
     test('ShowcaseItem fields correctly set', () => {
-        document.body.innerHTML = activeListShowcase
-        const showcaseElem = document.querySelector('.actionable-item')
-        const showcase = new ShowcaseItem(showcaseElem)
-        const removeAffordance = showcaseElem.querySelector('.remove-from-list')
-
-        expect(showcase.showcaseElem === showcaseElem).toBe(true)
-        expect(showcase.isActiveShowcase).toBe(true)
-        expect(showcase.removeFromListAffordance === removeAffordance).toBe(true)
-        expect(showcase.listKey === '/people/openlibrary/lists/OL1L').toBe(true)
-        expect(showcase.seedKey === '/works/OL54120W').toBe(true)
-        expect(showcase.type).toBe('work')
-        expect(showcase.seed).toMatchObject({key: '/works/OL54120W'})
-    })
+        document.body.innerHTML = activeListShowcase;
+        const showcaseElem = document.querySelector('.actionable-item');
+        const showcase = new ShowcaseItem(showcaseElem);
+        const removeAffordance = showcaseElem.querySelector('.remove-from-list');
+
+        expect(showcase.showcaseElem === showcaseElem).toBe(true);
+        expect(showcase.isActiveShowcase).toBe(true);
+        expect(showcase.removeFromListAffordance === removeAffordance).toBe(true);
+        expect(showcase.listKey === '/people/openlibrary/lists/OL1L').toBe(true);
+        expect(showcase.seedKey === '/works/OL54120W').toBe(true);
+        expect(showcase.type).toBe('work');
+        expect(showcase.seed).toMatchObject({key: '/works/OL54120W'});
+    });
 
     it('correctly infers if it is an active showcase', () => {
-        document.body.innerHTML = activeListShowcase + listsSectionShowcase
-        const [activeShowcaseElem, otherShowcaseElem] = document.querySelectorAll('.actionable-item')
-        const activeShowcase = new ShowcaseItem(activeShowcaseElem)
-        const otherShowcase = new ShowcaseItem(otherShowcaseElem)
+        document.body.innerHTML = activeListShowcase + listsSectionShowcase;
+        const [activeShowcaseElem, otherShowcaseElem] = document.querySelectorAll('.actionable-item');
+        const activeShowcase = new ShowcaseItem(activeShowcaseElem);
+        const otherShowcase = new ShowcaseItem(otherShowcaseElem);
 
-        expect(activeShowcase.isActiveShowcase).toBe(true)
-        expect(otherShowcase.isActiveShowcase).toBe(false)
-    })
+        expect(activeShowcase.isActiveShowcase).toBe(true);
+        expect(otherShowcase.isActiveShowcase).toBe(false);
+    });
 
     describe('Seed type inference', () => {
         const cases = [
@@ -167,29 +167,29 @@ describe('ShowcaseItem class tests', () => {
             {markup: authorShowcase, expectedType: 'author', expectedIsWorkValue: false, expectedIsSubjectValue: false},
             {markup: workShowcase, expectedType: 'work', expectedIsWorkValue: true, expectedIsSubjectValue: false},
             {markup: editionShowcase, expectedType: 'edition', expectedIsWorkValue: false, expectedIsSubjectValue: false}
-        ]
+        ];
 
         test.each(cases)('Type is $expectedType', ({markup, expectedType}) => {
-            document.body.innerHTML = markup
-            const showcaseElem = document.querySelector('.actionable-item')
-            const showcase = new ShowcaseItem(showcaseElem)
-            expect(showcase.type).toBe(expectedType)
-        })
+            document.body.innerHTML = markup;
+            const showcaseElem = document.querySelector('.actionable-item');
+            const showcase = new ShowcaseItem(showcaseElem);
+            expect(showcase.type).toBe(expectedType);
+        });
 
         test.each(cases)('`isWork` value expected to be $expectedIsWorkValue', ({markup, expectedIsWorkValue}) => {
-            document.body.innerHTML = markup
-            const showcaseElem = document.querySelector('.actionable-item')
-            const showcase = new ShowcaseItem(showcaseElem)
-            expect(showcase.isWork).toBe(expectedIsWorkValue)
-        })
+            document.body.innerHTML = markup;
+            const showcaseElem = document.querySelector('.actionable-item');
+            const showcase = new ShowcaseItem(showcaseElem);
+            expect(showcase.isWork).toBe(expectedIsWorkValue);
+        });
 
         test.each(cases)('`isSubject` value expected to be $expectedIsSubjectValue', ({markup, expectedIsSubjectValue}) => {
-            document.body.innerHTML = markup
-            const showcaseElem = document.querySelector('.actionable-item')
-            const showcase = new ShowcaseItem(showcaseElem)
-            expect(showcase.isSubject).toBe(expectedIsSubjectValue)
-        })
-    })
+            document.body.innerHTML = markup;
+            const showcaseElem = document.querySelector('.actionable-item');
+            const showcase = new ShowcaseItem(showcaseElem);
+            expect(showcase.isSubject).toBe(expectedIsSubjectValue);
+        });
+    });
 
     // XXX : test : removeSelf() fails safely when myBooksStore has not been created?
-})
+});
diff --git a/tests/unit/js/my-books.test.js b/tests/unit/js/my-books.test.js
index 037d0e9ffb1..4130f33c511 100644
--- a/tests/unit/js/my-books.test.js
+++ b/tests/unit/js/my-books.test.js
@@ -1,151 +1,151 @@
-import { listCreationForm } from './sample-html/lists-test-data'
-import { checkInForm } from './sample-html/checkIns-test-data'
-import { CreateListForm } from '../../../openlibrary/plugins/openlibrary/js/my-books/CreateListForm'
-import { CheckInForm } from '../../../openlibrary/plugins/openlibrary/js/my-books/MyBooksDropper/CheckInComponents'
+import { listCreationForm } from './sample-html/lists-test-data';
+import { checkInForm } from './sample-html/checkIns-test-data';
+import { CreateListForm } from '../../../openlibrary/plugins/openlibrary/js/my-books/CreateListForm';
+import { CheckInForm } from '../../../openlibrary/plugins/openlibrary/js/my-books/MyBooksDropper/CheckInComponents';
 
 jest.mock('jquery-ui/ui/widgets/dialog', () => {});
 
 describe('CreateListForm.js class', () => {
-    let form
-    let formElem
+    let form;
+    let formElem;
 
     beforeEach(() => {
-        document.body.innerHTML = listCreationForm
-        formElem = document.querySelector('form')
-        form = new CreateListForm(formElem)
-    })
+        document.body.innerHTML = listCreationForm;
+        formElem = document.querySelector('form');
+        form = new CreateListForm(formElem);
+    });
 
     test('References are set correctly', () => {
-        const createListButton = formElem.querySelector('#create-list-button')
-        const nameInput = formElem.querySelector('#list_label')
-        const descriptionInput = formElem.querySelector('#list_desc')
+        const createListButton = formElem.querySelector('#create-list-button');
+        const nameInput = formElem.querySelector('#list_label');
+        const descriptionInput = formElem.querySelector('#list_desc');
 
-        expect(createListButton === form.createListButton).toBe(true)
-        expect(nameInput === form.listTitleInput).toBe(true)
-        expect(descriptionInput === form.listDescriptionInput).toBe(true)
-    })
+        expect(createListButton === form.createListButton).toBe(true);
+        expect(nameInput === form.listTitleInput).toBe(true);
+        expect(descriptionInput === form.listDescriptionInput).toBe(true);
+    });
 
     it('it clears the form after a resetForm() call', () => {
-        const nameInput = document.querySelector('#list_label')
-        const descriptionInput = document.querySelector('#list_desc')
+        const nameInput = document.querySelector('#list_label');
+        const descriptionInput = document.querySelector('#list_desc');
 
         // Form should be empty initially
-        expect(nameInput.value.length).toBe(0)
-        expect(descriptionInput.value.length).toBe(0)
+        expect(nameInput.value.length).toBe(0);
+        expect(descriptionInput.value.length).toBe(0);
 
         // Add values to each input
-        nameInput.value = 'My New List'
-        descriptionInput.value = 'The best list ever'
-        expect(nameInput.value.length).toBeGreaterThan(0)
-        expect(descriptionInput.value.length).toBeGreaterThan(0)
+        nameInput.value = 'My New List';
+        descriptionInput.value = 'The best list ever';
+        expect(nameInput.value.length).toBeGreaterThan(0);
+        expect(descriptionInput.value.length).toBeGreaterThan(0);
 
         // After clearing the form
-        form.resetForm()
-        expect(nameInput.value.length).toBe(0)
-        expect(descriptionInput.value.length).toBe(0)
-    })
-})
+        form.resetForm();
+        expect(nameInput.value.length).toBe(0);
+        expect(descriptionInput.value.length).toBe(0);
+    });
+});
 
 describe('CheckInForm class', () => {
-    let formElem = undefined
-    let submitButton = undefined
-    let yearSelect = undefined
-    let monthSelect = undefined
-    let daySelect = undefined
+    let formElem = undefined;
+    let submitButton = undefined;
+    let yearSelect = undefined;
+    let monthSelect = undefined;
+    let daySelect = undefined;
 
-    const workOlid = 'OL123W'
-    const editionKey = '/books/OL456M'
+    const workOlid = 'OL123W';
+    const editionKey = '/books/OL456M';
 
 
 
     beforeEach(() => {
-        document.body.innerHTML = checkInForm
-        formElem = document.querySelector('form')
-        submitButton = document.querySelector('.check-in__submit-btn')
-        yearSelect = document.querySelector('select[name=year]')
-        monthSelect = document.querySelector('select[name=month]')
-        daySelect = document.querySelector('select[name=day]')
-    })
+        document.body.innerHTML = checkInForm;
+        formElem = document.querySelector('form');
+        submitButton = document.querySelector('.check-in__submit-btn');
+        yearSelect = document.querySelector('select[name=year]');
+        monthSelect = document.querySelector('select[name=month]');
+        daySelect = document.querySelector('select[name=day]');
+    });
 
     test('Submit button, month select, and day select are initially disabled when read date is absent', () => {
-        const form = new CheckInForm(formElem, workOlid, editionKey)
-        form.initialize()
-        expect(submitButton.disabled).toBe(true)
-        expect(monthSelect.disabled).toBe(true)
-        expect(daySelect.disabled).toBe(true)
+        const form = new CheckInForm(formElem, workOlid, editionKey);
+        form.initialize();
+        expect(submitButton.disabled).toBe(true);
+        expect(monthSelect.disabled).toBe(true);
+        expect(daySelect.disabled).toBe(true);
 
-        expect(yearSelect.disabled).toBe(false)
-        expect(yearSelect.value).toBe('')
-    })
+        expect(yearSelect.disabled).toBe(false);
+        expect(yearSelect.value).toBe('');
+    });
 
     it('Sets correct values and enables selects and submit button', () => {
-        const form = new CheckInForm(formElem, workOlid, editionKey)
-        form.initialize()
-        form.updateSelectedDate(2022, 1, 31)
-        expect(submitButton.disabled).toBe(false)
-        expect(monthSelect.disabled).toBe(false)
-        expect(daySelect.disabled).toBe(false)
-
-        expect(yearSelect.value).toBe('2022')
-        expect(monthSelect.value).toBe('1')
-        expect(daySelect.value).toBe('31')
-    })
+        const form = new CheckInForm(formElem, workOlid, editionKey);
+        form.initialize();
+        form.updateSelectedDate(2022, 1, 31);
+        expect(submitButton.disabled).toBe(false);
+        expect(monthSelect.disabled).toBe(false);
+        expect(daySelect.disabled).toBe(false);
+
+        expect(yearSelect.value).toBe('2022');
+        expect(monthSelect.value).toBe('1');
+        expect(daySelect.value).toBe('31');
+    });
 
     it('Hides impossible day options', () => {
-        const form = new CheckInForm(formElem, workOlid, editionKey)
-        form.initialize()
-        form.updateSelectedDate(2022, 2, 20)
+        const form = new CheckInForm(formElem, workOlid, editionKey);
+        form.initialize();
+        form.updateSelectedDate(2022, 2, 20);
 
         // The 28th day should be visible:
-        expect(daySelect.options[28].classList.contains('hidden')).toBe(false)
+        expect(daySelect.options[28].classList.contains('hidden')).toBe(false);
 
         // Subsequent days should not be visible
-        expect(daySelect.options[29].classList.contains('hidden')).toBe(true)
-        expect(daySelect.options[30].classList.contains('hidden')).toBe(true)
-        expect(daySelect.options[31].classList.contains('hidden')).toBe(true)
-    })
+        expect(daySelect.options[29].classList.contains('hidden')).toBe(true);
+        expect(daySelect.options[30].classList.contains('hidden')).toBe(true);
+        expect(daySelect.options[31].classList.contains('hidden')).toBe(true);
+    });
 
     it('Shows 29 days in February when there is a leap year', () => {
-        const form = new CheckInForm(formElem, workOlid, editionKey)
-        form.initialize()
-        form.updateSelectedDate(2020, 2, 1)
+        const form = new CheckInForm(formElem, workOlid, editionKey);
+        form.initialize();
+        form.updateSelectedDate(2020, 2, 1);
 
-        expect(daySelect.options[29].classList.contains('hidden')).toBe(false)
-        expect(daySelect.options[30].classList.contains('hidden')).toBe(true)
-        expect(daySelect.options[31].classList.contains('hidden')).toBe(true)
-    })
+        expect(daySelect.options[29].classList.contains('hidden')).toBe(false);
+        expect(daySelect.options[30].classList.contains('hidden')).toBe(true);
+        expect(daySelect.options[31].classList.contains('hidden')).toBe(true);
+    });
 
     it('Associates labels with select elements during initialization', () => {
-        const form = new CheckInForm(formElem, workOlid, editionKey)
+        const form = new CheckInForm(formElem, workOlid, editionKey);
 
         // Get reference to each label:
-        const yearLabel = formElem.querySelector('.check-in__year-label')
-        const monthLabel = formElem.querySelector('.check-in__month-label')
-        const dayLabel = formElem.querySelector('.check-in__day-label')
+        const yearLabel = formElem.querySelector('.check-in__year-label');
+        const monthLabel = formElem.querySelector('.check-in__month-label');
+        const dayLabel = formElem.querySelector('.check-in__day-label');
 
         // Verify labels have no `for` initially:
-        expect(yearLabel.htmlFor).toBe('')
-        expect(monthLabel.htmlFor).toBe('')
-        expect(dayLabel.htmlFor).toBe('')
+        expect(yearLabel.htmlFor).toBe('');
+        expect(monthLabel.htmlFor).toBe('');
+        expect(dayLabel.htmlFor).toBe('');
 
         // Verify select elements have no `id` initially:
-        expect(yearSelect.id).toBe('')
-        expect(monthSelect.id).toBe('')
-        expect(daySelect.id).toBe('')
+        expect(yearSelect.id).toBe('');
+        expect(monthSelect.id).toBe('');
+        expect(daySelect.id).toBe('');
 
         // Verify labels associated with selects after initialization:
-        form.initialize()
+        form.initialize();
 
-        const expectedYearId = `year-select-${workOlid}`
-        const expectedMonthId = `month-select-${workOlid}`
-        const expectedDayId = `day-select-${workOlid}`
+        const expectedYearId = `year-select-${workOlid}`;
+        const expectedMonthId = `month-select-${workOlid}`;
+        const expectedDayId = `day-select-${workOlid}`;
 
-        expect(yearLabel.htmlFor).toBe(expectedYearId)
-        expect(monthLabel.htmlFor).toBe(expectedMonthId)
-        expect(dayLabel.htmlFor).toBe(expectedDayId)
+        expect(yearLabel.htmlFor).toBe(expectedYearId);
+        expect(monthLabel.htmlFor).toBe(expectedMonthId);
+        expect(dayLabel.htmlFor).toBe(expectedDayId);
 
-        expect(yearSelect.id).toBe(expectedYearId)
-        expect(monthSelect.id).toBe(expectedMonthId)
-        expect(daySelect.id).toBe(expectedDayId)
-    })
-})
+        expect(yearSelect.id).toBe(expectedYearId);
+        expect(monthSelect.id).toBe(expectedMonthId);
+        expect(daySelect.id).toBe(expectedDayId);
+    });
+});
diff --git a/tests/unit/js/python.test.js b/tests/unit/js/python.test.js
index f645cb0d064..3ccb2c308a5 100644
--- a/tests/unit/js/python.test.js
+++ b/tests/unit/js/python.test.js
@@ -4,7 +4,7 @@ test('commify', () => {
     expect(commify('5443232')).toBe('5,443,232');
     expect(commify('50')).toBe('50');
     expect(commify('5000')).toBe('5,000');
-    expect(commify(['1','2','3','45'])).toBe('1,2,3,45');
+    expect(commify(['1', '2', '3', '45'])).toBe('1,2,3,45');
     expect(commify([1, 20, 3])).toBe('1,20,3');
 });
 
diff --git a/tests/unit/js/sample-html/checkIns-test-data.js b/tests/unit/js/sample-html/checkIns-test-data.js
index f2ab53499a1..a653c1b4db1 100644
--- a/tests/unit/js/sample-html/checkIns-test-data.js
+++ b/tests/unit/js/sample-html/checkIns-test-data.js
@@ -83,4 +83,4 @@ export const checkInForm = `
     </span>
   </form>
 </div>
-`
+`;
diff --git a/tests/unit/js/sample-html/dropper-test-data.js b/tests/unit/js/sample-html/dropper-test-data.js
index 584c186269e..23ded486df3 100644
--- a/tests/unit/js/sample-html/dropper-test-data.js
+++ b/tests/unit/js/sample-html/dropper-test-data.js
@@ -5,25 +5,25 @@ export const legacyBookDropperMarkup = `
             <div class="arrow arrow-unactivated"></div>
         </a>
     </div>
-`
+`;
 
-export const openDropperMarkup = generateDropperMarkup(true)
+export const openDropperMarkup = generateDropperMarkup(true);
 
-export const closedDropperMarkup = generateDropperMarkup(false)
+export const closedDropperMarkup = generateDropperMarkup(false);
 
-export const disabledDropperMarkup = generateDropperMarkup(false, true)
+export const disabledDropperMarkup = generateDropperMarkup(false, true);
 
 function generateDropperMarkup(isDropperOpen, isDropperDisabled = false) {
-    let wrapperClasses = 'generic-dropper-wrapper'
-    let arrowClasses = 'arrow'
+    let wrapperClasses = 'generic-dropper-wrapper';
+    let arrowClasses = 'arrow';
 
     if (isDropperOpen) {
-        wrapperClasses += ' generic-dropper-wrapper--active'
-        arrowClasses += ' up'
+        wrapperClasses += ' generic-dropper-wrapper--active';
+        arrowClasses += ' up';
     }
 
     if (isDropperDisabled) {
-        wrapperClasses += ' generic-dropper--disabled'
+        wrapperClasses += ' generic-dropper--disabled';
     }
 
     return `
@@ -42,5 +42,5 @@ function generateDropperMarkup(isDropperOpen, isDropperDisabled = false) {
           </div>
         </div>
       </div>
-    `
+    `;
 }
diff --git a/tests/unit/js/sample-html/lists-test-data.js b/tests/unit/js/sample-html/lists-test-data.js
index d27076f3627..4cdf36b2983 100644
--- a/tests/unit/js/sample-html/lists-test-data.js
+++ b/tests/unit/js/sample-html/lists-test-data.js
@@ -1,6 +1,6 @@
 function createListFormMarkup(isFilled) {
-    const listName = isFilled ? 'My New List' : ''
-    const listDescription = isFilled ? 'A list for all of my books' : ''
+    const listName = isFilled ? 'My New List' : '';
+    const listDescription = isFilled ? 'A list for all of my books' : '';
 
     return `
       <form method="post" class="floatform" name="new-list" id="new-list">
@@ -28,15 +28,15 @@ function createListFormMarkup(isFilled) {
           </div>
       </div>
       </form>
-    `
+    `;
 }
 
-export const listCreationForm = createListFormMarkup(false)
-export const filledListCreationForm = createListFormMarkup(true)
+export const listCreationForm = createListFormMarkup(false);
+export const filledListCreationForm = createListFormMarkup(true);
 
-export const showcaseI18nInput = '<input type="hidden" name="list-i18n-strings" value="{&quot;cover_of&quot;: &quot;Cover of: &quot;, &quot;see_this_list&quot;: &quot;See this list&quot;, &quot;remove_from_list&quot;: &quot;Remove from your list?&quot;, &quot;from&quot;: &quot;from&quot;, &quot;you&quot;: &quot;You&quot;}"></input>'
+export const showcaseI18nInput = '<input type="hidden" name="list-i18n-strings" value="{&quot;cover_of&quot;: &quot;Cover of: &quot;, &quot;see_this_list&quot;: &quot;See this list&quot;, &quot;remove_from_list&quot;: &quot;Remove from your list?&quot;, &quot;from&quot;: &quot;from&quot;, &quot;you&quot;: &quot;You&quot;}"></input>';
 
-const DEFAULT_COVER_URL = '/images/icons/avatar_book-sm.png'
+const DEFAULT_COVER_URL = '/images/icons/avatar_book-sm.png';
 
 /**
  * @typedef {Object} ShowcaseDetails
@@ -52,10 +52,10 @@ const DEFAULT_COVER_URL = '/images/icons/avatar_book-sm.png'
  * @param {Array<ShowcaseDetails>} showcaseData
  */
 function createShowcaseMarkup(isActiveShowcase, showcaseData) {
-    const listId = isActiveShowcase ? 'already-lists' : 'list-lists'
-    const listClasses = 'listLists'.concat(isActiveShowcase ? ' already-lists' : '')
+    const listId = isActiveShowcase ? 'already-lists' : 'list-lists';
+    const listClasses = 'listLists'.concat(isActiveShowcase ? ' already-lists' : '');
 
-    let showcaseMarkup = ''
+    let showcaseMarkup = '';
 
     for (const data of showcaseData) {
         showcaseMarkup += `<li class="actionable-item">
@@ -74,13 +74,13 @@ function createShowcaseMarkup(isActiveShowcase, showcaseData) {
                 <span class="owner">from <a href="${data.listOwner}">You</a></span>
             </span>
         </li>
-        `
+        `;
     }
 
     return `<ul id="${listId}" class="${listClasses}">
             ${showcaseMarkup}
         </ul>
-        `
+        `;
 }
 
 export const showcaseDetailsData = [
@@ -119,12 +119,12 @@ export const showcaseDetailsData = [
         listOwner: '/people/openlibrary',
         seedType: 'subject'
     },
-]
+];
 
-export const multipleShowcasesOnPage = createShowcaseMarkup(true, [showcaseDetailsData[0], showcaseDetailsData[2]]) + createShowcaseMarkup(false, [showcaseDetailsData[0], showcaseDetailsData[1]])
-export const activeListShowcase = createShowcaseMarkup(true, [showcaseDetailsData[0]])
-export const listsSectionShowcase = createShowcaseMarkup(false, [showcaseDetailsData[0]])
-export const subjectShowcase = createShowcaseMarkup(false, [showcaseDetailsData[4]])
-export const authorShowcase = createShowcaseMarkup(false, [showcaseDetailsData[3]])
-export const workShowcase = createShowcaseMarkup(false, [showcaseDetailsData[0]])
-export const editionShowcase = createShowcaseMarkup(false, [showcaseDetailsData[1]])
+export const multipleShowcasesOnPage = createShowcaseMarkup(true, [showcaseDetailsData[0], showcaseDetailsData[2]]) + createShowcaseMarkup(false, [showcaseDetailsData[0], showcaseDetailsData[1]]);
+export const activeListShowcase = createShowcaseMarkup(true, [showcaseDetailsData[0]]);
+export const listsSectionShowcase = createShowcaseMarkup(false, [showcaseDetailsData[0]]);
+export const subjectShowcase = createShowcaseMarkup(false, [showcaseDetailsData[4]]);
+export const authorShowcase = createShowcaseMarkup(false, [showcaseDetailsData[3]]);
+export const workShowcase = createShowcaseMarkup(false, [showcaseDetailsData[0]]);
+export const editionShowcase = createShowcaseMarkup(false, [showcaseDetailsData[1]]);
diff --git a/tests/unit/js/sample-html/utils-test-data.js b/tests/unit/js/sample-html/utils-test-data.js
index bc49363c86f..8426b2551e0 100644
--- a/tests/unit/js/sample-html/utils-test-data.js
+++ b/tests/unit/js/sample-html/utils-test-data.js
@@ -1,17 +1,17 @@
 // removeChildren() test data:
 
 // Single element, no children
-export const childlessElem = '<div class="remove-tests"></div>'
+export const childlessElem = '<div class="remove-tests"></div>';
 
 // Single element, multiple children
 export const multiChildElem = `<div class="remove-tests">
   <div>Child one</div>
   <div>Child two</div>
-</div>`
+</div>`;
 
 // Single element, child with children
 export const elemWithDescendants = `<div class="remove-tests">
   <div>
     <div>Ancestor</div>
   </div>
-</div>`
+</div>`;
diff --git a/tests/unit/js/search.test.js b/tests/unit/js/search.test.js
index b06dc134641..58285498249 100644
--- a/tests/unit/js/search.test.js
+++ b/tests/unit/js/search.test.js
@@ -15,7 +15,7 @@ function createSearchFacets(totalFacet = 2, visibleFacet = 2, minVisibleFacet =
         <div class="facet test">
             <h4 class="facetHead">Facet Label</h4>
         </div>
-    `
+    `;
 
     const divTestFacet = divSearchFacets.querySelector('div.test');
     for (let i = 0; i < totalFacet; i++) {
diff --git a/tests/unit/js/service-worker-matchers.test.js b/tests/unit/js/service-worker-matchers.test.js
index 93765655ce3..a21ae924d50 100644
--- a/tests/unit/js/service-worker-matchers.test.js
+++ b/tests/unit/js/service-worker-matchers.test.js
@@ -3,7 +3,7 @@ import { matchMiscFiles, matchSmallMediumCovers, matchLargeCovers, matchStaticIm
 
 // Helper function to create a URL object
 function _u(url) {
-    return { url: new URL(url) }
+    return { url: new URL(url) };
 }
 // Group related tests together
 describe('URL Matchers', () => {
diff --git a/tests/unit/js/signup.test.js b/tests/unit/js/signup.test.js
index de61b41b07e..941f90ca377 100644
--- a/tests/unit/js/signup.test.js
+++ b/tests/unit/js/signup.test.js
@@ -26,7 +26,7 @@ beforeEach(() => {
 });
 
 describe('Email tests', () => {
-    let emailLabel, emailField
+    let emailLabel, emailField;
 
     beforeEach(() => {
         // call the function
@@ -35,7 +35,7 @@ describe('Email tests', () => {
         //declare the elements
         emailLabel = document.querySelector('label[for="emailAddr"]');
         emailField = document.getElementById('emailAddr');
-    })
+    });
 
     test('validateEmail should update elements correctly on success', () => {
         // set the email value
@@ -99,7 +99,7 @@ describe('Email tests', () => {
 });
 
 describe('Username tests', () => {
-    let usernameLabel, usernameField
+    let usernameLabel, usernameField;
 
     beforeEach(() => {
         // call the function
@@ -108,7 +108,7 @@ describe('Username tests', () => {
         //declare the elements
         usernameLabel = document.querySelector('label[for="username"]');
         usernameField = document.getElementById('username');
-    })
+    });
 
     test('validateUsername should update elements correctly on success', () => {
         // set the username value
@@ -161,7 +161,7 @@ describe('Username tests', () => {
 
 
 describe('Password tests', () => {
-    let passwordLabel, passwordField
+    let passwordLabel, passwordField;
 
     beforeEach(() => {
         // call the function
@@ -170,7 +170,7 @@ describe('Password tests', () => {
         //declare the elements
         passwordLabel = document.querySelector('label[for="password"]');
         passwordField = document.getElementById('password');
-    })
+    });
 
     test('validatePassword should update elements correctly on success', () => {
         // set the password value
@@ -228,16 +228,16 @@ describe('Print disability tests', () => {
         initSignupForm();
 
         checkbox = document.querySelector('#pd-request');
-        selector = document.querySelector('#pda-selector')
-    })
+        selector = document.querySelector('#pda-selector');
+    });
 
     test('Qualifying authority selector only visible when PD checkbox is checked', () => {
-        checkbox.checked = false
+        checkbox.checked = false;
         checkbox.dispatchEvent(new Event('change', { bubbles: true }));
         expect(selector.classList.contains('hidden')).toBe(true);
 
-        checkbox.checked = true
+        checkbox.checked = true;
         checkbox.dispatchEvent(new Event('change', { bubbles: true }));
         expect(selector.classList.contains('hidden')).toBe(false);
-    })
-})
+    });
+});
diff --git a/tests/unit/js/utils.test.js b/tests/unit/js/utils.test.js
index b9205bfdfd4..f3a7204fe7d 100644
--- a/tests/unit/js/utils.test.js
+++ b/tests/unit/js/utils.test.js
@@ -3,63 +3,63 @@ import { removeChildren } from '../../../openlibrary/plugins/openlibrary/js/util
 
 describe('`removeChildren()` tests', () => {
     it('changes nothing if element has no children', () => {
-        document.body.innerHTML = childlessElem
-        const elem = document.querySelector('.remove-tests')
-        const clonedElem = elem.cloneNode(true)
+        document.body.innerHTML = childlessElem;
+        const elem = document.querySelector('.remove-tests');
+        const clonedElem = elem.cloneNode(true);
 
         // Initial checks
-        expect(elem.childElementCount).toBe(0)
-        expect(elem.isEqualNode(clonedElem)).toBe(true)
+        expect(elem.childElementCount).toBe(0);
+        expect(elem.isEqualNode(clonedElem)).toBe(true);
 
         // Element should be unchanged after function call
-        removeChildren(elem)
-        expect(elem.childElementCount).toBe(0)
-        expect(elem.isEqualNode(clonedElem)).toBe(true)
-    })
+        removeChildren(elem);
+        expect(elem.childElementCount).toBe(0);
+        expect(elem.isEqualNode(clonedElem)).toBe(true);
+    });
 
     it('removes all of an element\'s children', () => {
-        document.body.innerHTML = multiChildElem
-        const elem = document.querySelector('.remove-tests')
-        const clonedElem = elem.cloneNode(true)
+        document.body.innerHTML = multiChildElem;
+        const elem = document.querySelector('.remove-tests');
+        const clonedElem = elem.cloneNode(true);
 
         // Initial checks
-        expect(elem.childElementCount).toBe(2)
-        expect(elem.isEqualNode(clonedElem)).toBe(true)
+        expect(elem.childElementCount).toBe(2);
+        expect(elem.isEqualNode(clonedElem)).toBe(true);
 
         // After removing children
-        removeChildren(elem)
-        expect(elem.childElementCount).toBe(0)
-        expect(elem.isEqualNode(clonedElem)).toBe(false)
-    })
+        removeChildren(elem);
+        expect(elem.childElementCount).toBe(0);
+        expect(elem.isEqualNode(clonedElem)).toBe(false);
+    });
 
     it('removes children if they have children of their own', () => {
-        document.body.innerHTML = elemWithDescendants
-        const elem = document.querySelector('.remove-tests')
-        const clonedElem = elem.cloneNode(true)
+        document.body.innerHTML = elemWithDescendants;
+        const elem = document.querySelector('.remove-tests');
+        const clonedElem = elem.cloneNode(true);
 
         // Inital checks
-        expect(elem.childElementCount).toBe(1)
-        expect(elem.children[0].childElementCount).toBe(1)
-        expect(elem.isEqualNode(clonedElem)).toBe(true)
+        expect(elem.childElementCount).toBe(1);
+        expect(elem.children[0].childElementCount).toBe(1);
+        expect(elem.isEqualNode(clonedElem)).toBe(true);
 
         // After removing children
-        removeChildren(elem)
-        expect(elem.childElementCount).toBe(0)
-        expect(elem.isEqualNode(clonedElem)).toBe(false)
-    })
+        removeChildren(elem);
+        expect(elem.childElementCount).toBe(0);
+        expect(elem.isEqualNode(clonedElem)).toBe(false);
+    });
 
     it('handles multiple parameters correctly', () => {
-        document.body.innerHTML = elemWithDescendants + multiChildElem
-        const elems = document.querySelectorAll('.remove-tests')
+        document.body.innerHTML = elemWithDescendants + multiChildElem;
+        const elems = document.querySelectorAll('.remove-tests');
 
         // Initial checks:
-        expect(elems.length).toBe(2)
-        expect(elems[0].childElementCount).toBe(1)
-        expect(elems[1].childElementCount).toBe(2)
+        expect(elems.length).toBe(2);
+        expect(elems[0].childElementCount).toBe(1);
+        expect(elems[1].childElementCount).toBe(2);
 
         // After removing children:
-        removeChildren(...elems)
-        expect(elems[0].childElementCount).toBe(0)
-        expect(elems[1].childElementCount).toBe(0)
-    })
-})
+        removeChildren(...elems);
+        expect(elems[0].childElementCount).toBe(0);
+        expect(elems[1].childElementCount).toBe(0);
+    });
+});