feat: add a toggleable Trending link to the home sidebar

src/_locales/en/messages.json

@@ -37,6 +37,10 @@
   "groupRepository": { "message": "Repository" },
   "groupProfile": { "message": "Profile" },
 
+  "featTrendingLinkName": { "message": "Trending Link" },
+  "featTrendingLinkDesc": {
+    "message": "Add a Trending shortcut below Feed in the home sidebar."
+  },
   "featBetterTopReposName": { "message": "Better Top Repositories" },
   "featBetterTopReposDesc": {
     "message": "Auto-expand the \"Top repositories\" list and pin your favorite repos to the top."

src/_locales/zh_CN/messages.json

@@ -37,6 +37,10 @@
   "groupRepository": { "message": "仓库" },
   "groupProfile": { "message": "用户" },
 
+  "featTrendingLinkName": { "message": "Trending 入口" },
+  "featTrendingLinkDesc": {
+    "message": "在首页侧栏的 Feed 下方添加 Trending 快捷入口。"
+  },
   "featBetterTopReposName": { "message": "增强的热门仓库" },
   "featBetterTopReposDesc": {
     "message": "自动展开「热门仓库」列表，并将你喜爱的仓库置顶。"

src/_locales/zh_TW/messages.json

@@ -37,6 +37,10 @@
   "groupRepository": { "message": "儲存庫" },
   "groupProfile": { "message": "使用者" },
 
+  "featTrendingLinkName": { "message": "Trending 入口" },
+  "featTrendingLinkDesc": {
+    "message": "在首頁側欄的 Feed 下方加入 Trending 快捷入口。"
+  },
   "featBetterTopReposName": { "message": "增強的熱門儲存庫" },
   "featBetterTopReposDesc": {
     "message": "自動展開「熱門儲存庫」清單，並將你喜愛的儲存庫置頂。"

src/content.ts

@@ -28,6 +28,7 @@ import { injectPRCollapseExpand } from "./features/pr-collapse-expand";
 import { injectContributorCard, cleanupContributorCard } from "./features/contributor-card";
 import { reserveInfoRowSkeletons } from "./lib/info-row-skeleton";
 import { applyPageMarker } from "./lib/page-marker";
+import { injectTrendingLink } from "./features/trending-link";
 
 const FEATURE_KEYS = [
   "feature-pr-branch-names",
@@ -42,6 +43,7 @@ const FEATURE_KEYS = [
   "feature-commit-tags",
   "feature-commit-diff-stats",
   "feature-better-top-repos",
+  "feature-trending-link",
   "feature-watch-fork-star-popup",
   "feature-pr-collapse-expand",
   "feature-contributor-card",
@@ -63,6 +65,7 @@ const FEATURE_CLASSES: Record<FeatureKey, string[]> = {
   "feature-commit-tags": ["better-github-commit-tag"],
   "feature-commit-diff-stats": ["better-github-commit-diff-stats", "bg-skeleton-pill--commit-diff"],
   "feature-better-top-repos": [],
+  "feature-trending-link": ["better-github-trending-nav"],
   "feature-watch-fork-star-popup": ["bg-wfs-popup"],
   "feature-pr-collapse-expand": ["better-github-toggle-tree", "better-github-collapse-expand"],
   "feature-contributor-card": ["better-github-contributor-card"],
@@ -149,6 +152,9 @@ function injectFeature(key: FeatureKey): void {
     case "feature-better-top-repos":
       injectBetterTopRepos();
       break;
+    case "feature-trending-link":
+      injectTrendingLink();
+      break;
     case "feature-watch-fork-star-popup":
       injectWatchForkStarPopup();
       break;

src/features/trending-link.ts

@@ -0,0 +1,16 @@
+const TRENDING_ICON = `<svg aria-hidden="true" class="octicon octicon-graph" fill="currentColor" width="16" height="16" viewBox="0 0 16 16"><path d="M1.5 1.75V13.5h13.75a.75.75 0 0 1 0 1.5H.75a.75.75 0 0 1-.75-.75V1.75a.75.75 0 0 1 1.5 0Zm14.28 2.53-5.25 5.25a.75.75 0 0 1-1.06 0L7 7.06 4.28 9.78a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042l3.25-3.25a.75.75 0 0 1 1.06 0L10 7.94l4.72-4.72a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042Z"/></svg>`;
+
+export function injectTrendingLink(): void {
+  if (location.pathname !== "/") return;
+
+  const feedItem = document.querySelector('.feed-left-sidebar a[href="/feed"]')?.closest("li");
+  if (feedItem && !document.querySelector(".better-github-trending-nav")) {
+    const item = document.createElement("li");
+    item.className = "ActionListItem better-github-trending-nav";
+    item.innerHTML = `<a href="/trending" class="ActionListContent ActionListContent--visual16">
+      <span class="ActionListItem-visual ActionListItem-visual--leading">${TRENDING_ICON}</span>
+      <span class="ActionListItem-label">Trending</span>
+    </a>`;
+    feedItem.after(item);
+  }
+}

src/options.test.ts

@@ -13,6 +13,7 @@ const FEATURE_KEYS = [
   "feature-commit-tags",
   "feature-commit-diff-stats",
   "feature-better-top-repos",
+  "feature-trending-link",
   "feature-watch-fork-star-popup",
   "feature-pr-collapse-expand",
   "feature-contributor-card",

src/options.ts

@@ -37,6 +37,7 @@ const FEATURE_KEYS = [
   "feature-commit-tags",
   "feature-commit-diff-stats",
   "feature-better-top-repos",
+  "feature-trending-link",
   "feature-watch-fork-star-popup",
   "feature-pr-collapse-expand",
   "feature-contributor-card",

static/options.html

@@ -561,6 +561,18 @@ <h2 class="brand-title" data-i18n="settingsTitle">Settings</h2>
             <span class="slider"></span>
           </label>
         </li>
+        <li class="feature-item">
+          <div class="feature-info">
+            <div class="feature-name" data-i18n="featTrendingLinkName">Trending Link</div>
+            <div class="feature-desc" data-i18n="featTrendingLinkDesc">
+              Add a Trending shortcut below Feed in the home sidebar.
+            </div>
+          </div>
+          <label class="toggle">
+            <input type="checkbox" id="feature-trending-link" checked />
+            <span class="slider"></span>
+          </label>
+        </li>
       </ul>
     </details>