‼️ v2.4.0 (#155)

* 🆙 Update dependencies

* 🐛 Fix CSS selectors

* ‼️ v2.4.0

.eslintrc.json

@@ -6,8 +6,12 @@
     "es6": true,
     "node": true
   },
-  "plugins": ["github"],
-  "extends": ["plugin:github/recommended"],
+  "plugins": [
+    "github"
+  ],
+  "extends": [
+    "plugin:github/recommended"
+  ],
   "globals": {
     "chrome": "readonly",
     "document": "readonly",
@@ -17,8 +21,11 @@
     "camelcase": [
       "error",
       {
-        "allow": ["per_page"]
+        "allow": [
+          "per_page"
+        ]
       }
-    ]
+    ],
+    "import/no-commonjs": "off"
   }
-}
+}

.prettierignore

@@ -0,0 +1,3 @@
+build/
+dist/
+package-lock.json

.prettierrc.cjs

@@ -0,0 +1,4 @@
+module.exports = {
+  ...require('eslint-plugin-github/prettier.config'),
+  printWidth: 80
+}

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stoe/github-helper",
-  "version": "2.3.0",
+  "version": "2.4.0",
   "description": "A browser extension to do things on github.com",
   "keywords": [],
   "author": {
@@ -15,7 +15,7 @@
     "npm": ">=7"
   },
   "scripts": {
-    "build": "webpack --config webpack.config.js",
+    "build": "webpack --config webpack.config.cjs",
     "pretest": "npx eslint-config-prettier .eslintrc.json",
     "test": "eslint ."
   },
@@ -27,9 +27,9 @@
     "archiver": "^5.3.0",
     "copy-webpack-plugin": "^6.4.0, <7",
     "crx": "^5.0.1",
-    "eslint": "^7.32.0",
+    "eslint": "^7.32.0, <8",
     "eslint-config-prettier": "^8.3.0",
-    "eslint-plugin-github": "^4.1.3",
+    "eslint-plugin-github": "^4.3.2",
     "file-loader": "^6.2.0",
     "html-loader": "^1.3.2, <2",
     "remove-files-webpack-plugin": "^1.4.5",

src/css/style.scss

@@ -1,32 +1,5 @@
-.markdown-body .team-mention.highlight,
-.timeline-comment:not(.current-user) .team-mention.highlight,
-.timeline-entry .member-mention.highlight,
-.timeline-entry .team-mention.highlight {
-    background-color: var(--color-bg-info-inverse) !important;
-    border-radius: 2px;
-    // margin-left: -2px;
-    // margin-right: -2px;
-    padding: 0 2px;
-}
-
-.timeline-comment.highlight:not(.current-user),
-.timeline-entry.highlight {
-  border-color: var(--color-highlight-text) !important;
-}
-
-.timeline-comment.highlight:not(.current-user):before,
-.timeline-entry.highlight .comment-header:before {
-  border-right-color: var(--color-highlight-text) !important;
-}
-
-html[data-color-mode='light'] {
-  .timeline-comment.highlight:not(.current-user),
-  .timeline-entry.highlight {
-    border-color: var(--color-bg-warning-inverse) !important;
-  }
-
-  .timeline-comment.highlight:not(.current-user):before,
-  .timeline-entry.highlight .comment-header:before {
-    border-right-color: var(--color-bg-warning-inverse) !important;
+.timeline-comment:not(.current-user) {
+  &.gh-helper-highlight {
+    border-color: var(--color-user-mention-fg) !important;
   }
 }

src/highlighter.js

@@ -46,8 +46,8 @@ class GitHubHighlighter {
   highlight() {
     for (const m of this.mentions()) {
       try {
-        m.classList.add('highlight')
-        m.closest('.timeline-comment, .timeline-entry').classList.add('highlight')
+        m.classList.add('gh-helper-highlight')
+        m.closest('.timeline-comment').classList.add('gh-helper-highlight')
       } catch (err) {
         // eslint-disable-next-line no-console
         console.warn(err)

src/manifest.json

@@ -2,8 +2,8 @@
   "manifest_version": 2,
   "name": "github-helper",
   "description": "A browser extension to do things on github.com",
-  "version": "2.3.0",
-  "version_name": "2.3.0",
+  "version": "2.4.0",
+  "version_name": "2.4.0",
 
   "icons": {
     "16": "icons/status16.png",

src/options.js

@@ -19,6 +19,7 @@
       () => {
         const status = document.getElementById('status')
 
+        // eslint-disable-next-line i18n-text/no-en
         status.textContent = 'Options saved.'
 
         return setTimeout(() => {