chore: lint stuff, for some reason

Author: dylanarmstrong

chess.js

@@ -7,58 +7,89 @@
 // @run-at       document-body
 // @supportURL   https://github.com/dylanarmstrong/userscripts/issues
 // @updateURL    https://raw.githubusercontent.com/dylanarmstrong/userscripts/main/chess.js
-// @version      1
+// @version      2
 // ==/UserScript==
 
 /**
  * Add button to analyze games on lichess after games.
  */
-
-(function() {
+(function main() {
+  // eslint-disable-next-line prefer-const
   let timer;
 
   const getLink = async () => {
     const gameId = new URL(location.href).pathname.split('/').at(-1);
-    const playerName = document.querySelector('#notifications-request').getAttribute('username');
+    const playerName = document
+      .querySelector('#notifications-request')
+      .getAttribute('username');
 
-    const gameUrl = await fetch(`https://api.chess.com/pub/player/${playerName}/games/archives`)
-      .then(r => r.json())
-      .then(j => j.archives.at(-1));
+    const gameUrl = await fetch(
+      `https://api.chess.com/pub/player/${playerName}/games/archives`,
+    )
+      .then((r) => r.json())
+      .then((index) => index.archives.at(-1));
 
     const { pgn } = await fetch(gameUrl)
-          .then(r => r.json())
-          .then(j => j.games.find((game) => game.url.endsWith(gameId)));
-    
-    const { url } = await fetch(
-      'https://lichess.org/api/import',
-      {
-        body: `pgn=${encodeURIComponent(pgn)}`,
-        headers: {
-          'accept': 'application/json',
-          'content-type': 'application/x-www-form-urlencoded;charset=UTF-8',
-        },
-        method: 'post',
+      .then((r) => r.json())
+      .then((index) => index.games.find((game) => game.url.endsWith(gameId)));
+
+    const { url } = await fetch('https://lichess.org/api/import', {
+      body: `pgn=${encodeURIComponent(pgn)}`,
+      headers: {
+        accept: 'application/json',
+        'content-type': 'application/x-www-form-urlencoded;charset=UTF-8',
       },
-    ).then(r => r.json());
+      method: 'post',
+    }).then((r) => r.json());
 
     return url;
   };
 
-  const addLink = async (e) => {
-    const { currentTarget } = e;
+  const addLink = async (event) => {
+    const { currentTarget } = event;
     currentTarget.removeEventListener('click', addLink);
 
-    currentTarget.textContent = 'Loading...'
+    currentTarget.textContent = 'Loading...';
     const url = await getLink();
     currentTarget.textContent = 'Lichess Review';
     currentTarget.href = url;
     currentTarget.click();
   };
 
+  const getElement = () => {
+    const element = document.querySelector('#__lichess__');
+    if (element) {
+      element.remove();
+    }
+
+    const link = document.createElement('a');
+    link.id = '__lichess__';
+
+    link.style['-moz-user-select'] = 'auto';
+    link.style['-webkit-user-select'] = 'auto';
+
+    link.style.alignItems = 'center';
+    link.style.display = 'flex';
+    link.style.height = '100%';
+    link.style.justifyContent = 'center';
+    link.style.pointerEvents = 'auto';
+    link.style.userSelect = 'auto';
+    link.style.width = '100%';
+
+    link.classList.add('game-over-review-button-label');
+    link.textContent = 'Lichess Review';
+    link.rel = 'noopener noreferrer';
+    link.target = '_blank';
+
+    return link;
+  };
+
   const loop = async () => {
-    const gameOver = document.querySelector('.game-over-review-button-component');
+    const gameOver = document.querySelector(
+      '.game-over-review-button-component',
+    );
     if (gameOver) {
-      window.clearInterval(timer);
+      globalThis.clearInterval(timer);
 
       const element = gameOver.cloneNode(true);
 
@@ -68,22 +99,7 @@
         oldButton.classList.add('cc-button-secondary');
       }
 
-      const link = document.createElement('a');
-      link.style['-moz-user-select'] = 'auto';
-      link.style['-webkit-user-select'] = 'auto';
-
-      link.style.alignItems = 'center';
-      link.style.display = 'flex';
-      link.style.height = '100%';
-      link.style.justifyContent = 'center';
-      link.style.pointerEvents = 'auto';
-      link.style.userSelect = 'auto';
-      link.style.width = '100%';
-
-      link.classList.add('game-over-review-button-label');
-      link.textContent = 'Lichess Review';
-      link.rel = 'noopener noreferrer';
-      link.target = '_blank';
+      const link = getElement();
 
       link.addEventListener('click', addLink);
 
@@ -92,9 +108,9 @@
         element.querySelector('.game-over-review-button-label'),
       );
 
-      gameOver.insertAdjacentElement('beforebegin', element);
+      gameOver.before(element);
     }
   };
 
-  timer = window.setInterval(loop, 500);
+  timer = globalThis.setInterval(loop, 500);
 })();

eslint.config.js

@@ -0,0 +1,13 @@
+import eslint from '@dylanarmstrong/eslint-config';
+import globals from 'globals';
+
+export default [
+  ...eslint,
+  {
+    languageOptions: {
+      globals: {
+        ...globals.browser,
+      },
+    },
+  },
+];

package.json

@@ -0,0 +1,14 @@
+{
+  "devDependencies": {
+    "@dylanarmstrong/eslint-config": "^0.7.1",
+    "eslint": "^9.18.0",
+    "eslint-config-prettier": "^10.0.1",
+    "eslint-plugin-unicorn": "^56.0.1",
+    "globals": "^15.14.0",
+    "prettier": "^3.4.2"
+  },
+  "scripts": {
+    "lint": "prettier --write --single-quote --trailing-comma=all --ignore-unknown . && eslint --fix *.js"
+  },
+  "type": "module"
+}