Merge pull request #31 from kachick/achivements-highlights

Hide "Achivements" and "Highlights"

CONTRIBUTING.md

@@ -22,10 +22,20 @@ Available tasks:
 ```console
 > deno task build
 ...
-Built to out/depop-0.0.0.12.zip:
+Built to out/depop-0.0.0.13.zip:
 ...
 ```
 
+## How to struggle with CSS selector?
+
+In the Chrome Developer Tools, type the following in the console.
+
+```javascript
+document.querySelectorAll("div:has(> h2 a[href$='?tab=achievements'])");
+```
+
+Then expand the `NodeList(2)`, and hover to them, chrome tells us where the element is.
+
 ## Release
 
 1. Bump version in [manifest file](manifest.json)

README.md

@@ -2,7 +2,7 @@
 
 [![CI](https://github.com/kachick/depop/actions/workflows/ci.yml/badge.svg?branch=main)](https://github.com/kachick/depop/actions/workflows/ci.yml?query=event%3Apush++)
 
-A Chrome Extension to hide stars, followers and watchers in GitHub
+A Chrome Extension to hide stars, followers, watchers, sponsors, and other stats on GitHub
 
 ![Screen Shot](assets/screenshot-overview.png)
 
@@ -25,16 +25,18 @@ Some features can be hidden by enabling them on the [Options page](https://devel
 
 ![Screen Shot](assets/screenshot-options.png)
 
-## Covered GitHub features
+## Suppressable GitHub stats
 
 - User
 - Repository index
 - Repository detail
 - Pinned Repositories
 - "Explore repositories" and/or the stars
 - Sponsors
+- Achievements # 0.0.0.13+
+- Highlights # 0.0.0.13+
 
-### Covered third party features
+### Suppressable third party stats
 
 - [GitHub Readme Stats](https://github.com/anuraghazra/github-readme-stats)
 

manifest.json

@@ -1,7 +1,7 @@
 {
   "name": "depop",
   "description": "Hide stars, followers and watchers in GitHub",
-  "version": "0.0.0.12",
+  "version": "0.0.0.13",
   "manifest_version": 3,
   "homepage_url": "https://github.com/kachick/depop",
   "permissions": [

src/main.ts

@@ -38,3 +38,16 @@ chrome.storage.sync.get([
     }
   }
 });
+
+const highlightsH2Node = document.evaluate(
+  '/html/body//div[@class=\'Layout-sidebar\']//h2[text()=\'Highlights\']',
+  document,
+  null,
+  XPathResult.FIRST_ORDERED_NODE_TYPE,
+  null,
+).singleNodeValue;
+
+const highlightsComponent = highlightsH2Node?.parentElement;
+if (highlightsComponent) {
+  hide(highlightsComponent);
+}

static/style.css

@@ -14,6 +14,7 @@ a:has(> img[data-canonical-src^='https://github-readme-stats.vercel.app/api?'])
 }
 
 li:has(> a[href$='/followers']),
+div:has(> h2 a[href$='?tab=achievements']),
 div[aria-label='Explore repositories'] div:has(> svg[aria-label='star']) {
   display: none !important;
 }