feat: add github stars, issues and created at to comparison page

app/composables/useFacetSelection.ts

@@ -122,6 +122,27 @@ export function useFacetSelection(queryParam = 'facets') {
         chartable: false,
         chartable_scatter: false,
       },
+      githubStars: {
+        label: t(`compare.facets.items.githubStars.label`),
+        description: t(`compare.facets.items.githubStars.description`),
+        chartable: true,
+        chartable_scatter: true,
+        formatter: v => compactNumberFormatter.value.format(v),
+      },
+      githubIssues: {
+        label: t(`compare.facets.items.githubIssues.label`),
+        description: t(`compare.facets.items.githubIssues.description`),
+        chartable: true,
+        chartable_scatter: true,
+        formatter: v => compactNumberFormatter.value.format(v),
+      },
+      createdAt: {
+        label: t(`compare.facets.items.createdAt.label`),
+        description: t(`compare.facets.items.createdAt.description`),
+        chartable: false,
+        chartable_scatter: false,
+        formatter: v => new Date(v).toLocaleDateString(),
+      },
     }),
   )
 

app/composables/usePackageComparison.ts

@@ -44,8 +44,14 @@ export interface PackageComparisonData {
      * but a maintainer was removed last week, this would show the '3 years ago' time.
      */
     lastUpdated?: string
+    /** Creation date of the package (ISO 8601 date-time string) */
+    createdAt?: string
     engines?: { node?: string; npm?: string }
     deprecated?: string
+    github?: {
+      stars?: number
+      issues?: number
+    }
   }
   /** Whether this is a binary-only package (CLI without library entry points) */
   isBinaryOnly?: boolean
@@ -115,12 +121,13 @@ export function usePackageComparison(packageNames: MaybeRefOrGetter<string[]>) {
           try {
             // Fetch basic package info first (required)
             const { data: pkgData } = await $npmRegistry<Packument>(`/${encodePackageName(name)}`)
-
             const latestVersion = pkgData['dist-tags']?.latest
             if (!latestVersion) return null
 
             // Fetch fast additional data in parallel (optional - failures are ok)
-            const [downloads, analysis, vulns, likes] = await Promise.all([
+            const repoInfo = parseRepositoryInfo(pkgData.repository)
+            const isGitHub = repoInfo?.provider === 'github'
+            const [downloads, analysis, vulns, likes, ghStars, ghIssues] = await Promise.all([
               $fetch<{ downloads: number }>(
                 `https://api.npmjs.org/downloads/point/last-week/${encodePackageName(name)}`,
               ).catch(() => null),
@@ -133,6 +140,20 @@ export function usePackageComparison(packageNames: MaybeRefOrGetter<string[]>) {
               $fetch<PackageLikes>(`/api/social/likes/${encodePackageName(name)}`).catch(
                 () => null,
               ),
+              isGitHub
+                ? $fetch<{ repo: { stars: number } }>(
+                    `https://ungh.cc/repos/${repoInfo.owner}/${repoInfo.repo}`,
+                  )
+                    .then(res => (typeof res?.repo?.stars === 'number' ? res.repo.stars : null))
+                    .catch(() => null)
+                : Promise.resolve(null),
+              isGitHub
+                ? $fetch<{ issues: number | null }>(
+                    `/api/github/issues/${repoInfo.owner}/${repoInfo.repo}`,
+                  )
+                    .then(res => (typeof res?.issues === 'number' ? res.issues : null))
+                    .catch(() => null)
+                : Promise.resolve(null),
             ])
             const versionData = pkgData.versions[latestVersion]
             const packageSize = versionData?.dist?.unpackedSize
@@ -179,8 +200,13 @@ export function usePackageComparison(packageNames: MaybeRefOrGetter<string[]>) {
                 // Use version-specific publish time, NOT time.modified (which can be
                 // updated by metadata changes like maintainer additions)
                 lastUpdated: pkgData.time?.[latestVersion],
+                createdAt: pkgData.time?.created,
                 engines: analysis?.engines,
                 deprecated: versionData?.deprecated,
+                github: {
+                  stars: ghStars ?? undefined,
+                  issues: ghIssues ?? undefined,
+                },
               },
               isBinaryOnly: isBinary,
               totalLikes: likes?.totalLikes,
@@ -252,6 +278,7 @@ export function usePackageComparison(packageNames: MaybeRefOrGetter<string[]>) {
 
     return packagesData.value.map(pkg => {
       if (!pkg) return null
+
       return computeFacetValue(
         facet,
         pkg,
@@ -538,6 +565,33 @@ function computeFacetValue(
         status: totalDepCount > 50 ? 'warning' : 'neutral',
       }
     }
+    case 'githubStars': {
+      const stars = data.metadata?.github?.stars
+      if (stars == null) return null
+      return {
+        raw: stars,
+        display: formatCompactNumber(stars),
+        status: 'neutral',
+      }
+    }
+    case 'githubIssues': {
+      const issues = data.metadata?.github?.issues
+      if (issues == null) return null
+      return {
+        raw: issues,
+        display: formatCompactNumber(issues),
+        status: 'neutral',
+      }
+    }
+    case 'createdAt': {
+      const createdAt = data.metadata?.createdAt
+      if (!createdAt) return null
+      return {
+        raw: createdAt,
+        display: createdAt,
+        type: 'date',
+      }
+    }
     default: {
       return null
     }

app/utils/compare-scatter-chart.ts

@@ -72,6 +72,16 @@ function getNumericFacetValue(
     case 'lastUpdated':
       return toFreshnessScore(packageData.metadata?.lastUpdated)
 
+    case 'githubStars':
+      return isFiniteNumber(packageData.metadata?.github?.stars)
+        ? packageData.metadata.github.stars
+        : null
+
+    case 'githubIssues':
+      return isFiniteNumber(packageData.metadata?.github?.issues)
+        ? packageData.metadata.github.issues
+        : null
+
     default:
       return null
   }

i18n/locales/en.json

@@ -1325,6 +1325,18 @@
         "vulnerabilities": {
           "label": "Vulnerabilities",
           "description": "Known security vulnerabilities"
+        },
+        "githubStars": {
+          "label": "GitHub Stars",
+          "description": "Number of stars on the GitHub repository"
+        },
+        "githubIssues": {
+          "label": "GitHub Issues",
+          "description": "Number of issues on the GitHub repository"
+        },
+        "createdAt": {
+          "label": "Created At",
+          "description": "When the package was created"
         }
       },
       "values": {

i18n/schema.json

@@ -3981,6 +3981,42 @@
                     }
                   },
                   "additionalProperties": false
+                },
+                "githubStars": {
+                  "type": "object",
+                  "properties": {
+                    "label": {
+                      "type": "string"
+                    },
+                    "description": {
+                      "type": "string"
+                    }
+                  },
+                  "additionalProperties": false
+                },
+                "githubIssues": {
+                  "type": "object",
+                  "properties": {
+                    "label": {
+                      "type": "string"
+                    },
+                    "description": {
+                      "type": "string"
+                    }
+                  },
+                  "additionalProperties": false
+                },
+                "createdAt": {
+                  "type": "object",
+                  "properties": {
+                    "label": {
+                      "type": "string"
+                    },
+                    "description": {
+                      "type": "string"
+                    }
+                  },
+                  "additionalProperties": false
                 }
               },
               "additionalProperties": false

server/api/github/issues/[owner]/[repo].get.ts

@@ -0,0 +1,90 @@
+import { setTimeout } from 'node:timers/promises'
+import { CACHE_MAX_AGE_ONE_HOUR } from '#shared/utils/constants'
+
+const GITHUB_HEADERS = {
+  'Accept': 'application/vnd.github.v3+json',
+  'User-Agent': 'npmx',
+  'X-GitHub-Api-Version': '2022-11-28',
+} as const
+
+interface GitHubSearchResponse {
+  total_count: number
+}
+
+export interface GithubIssueCountResponse {
+  owner: string
+  repo: string
+  issues: number | null
+}
+
+export default defineCachedEventHandler(
+  async (event): Promise<GithubIssueCountResponse> => {
+    const owner = getRouterParam(event, 'owner')
+    const repo = getRouterParam(event, 'repo')
+
+    if (!owner || !repo) {
+      throw createError({
+        statusCode: 400,
+        statusMessage: 'Owner and repo are required parameters.',
+      })
+    }
+
+    const query = `repo:${owner}/${repo} is:issue is:open`
+    const url = `https://api.github.com/search/issues?q=${encodeURIComponent(query)}&per_page=1`
+
+    const maxAttempts = 3
+    let delayMs = 1000
+
+    for (let attempt = 0; attempt < maxAttempts; attempt += 1) {
+      try {
+        const response = await $fetch.raw<GitHubSearchResponse>(url, {
+          headers: GITHUB_HEADERS,
+          timeout: 10000,
+        })
+
+        if (response.status === 200) {
+          return {
+            owner,
+            repo,
+            issues:
+              typeof response._data?.total_count === 'number' ? response._data.total_count : null,
+          }
+        }
+
+        if (response.status === 202) {
+          if (attempt === maxAttempts - 1) break
+          await setTimeout(delayMs)
+          delayMs = Math.min(delayMs * 2, 16_000)
+          continue
+        }
+
+        break
+      } catch (error: any) {
+        if (attempt === maxAttempts - 1) {
+          throw createError({
+            statusCode: error.response?.status || 500,
+            statusMessage:
+              error.response?._data?.message || 'Failed to fetch issue count from GitHub',
+          })
+        }
+        await setTimeout(delayMs)
+        delayMs = Math.min(delayMs * 2, 16_000)
+      }
+    }
+
+    throw createError({
+      statusCode: 500,
+      statusMessage: 'Failed to fetch issue count from GitHub after retries',
+    })
+  },
+  {
+    maxAge: CACHE_MAX_AGE_ONE_HOUR,
+    swr: true,
+    name: 'github-issue-count',
+    getKey: event => {
+      const owner = getRouterParam(event, 'owner')
+      const repo = getRouterParam(event, 'repo')
+      return `${owner}/${repo}`
+    },
+  },
+)

shared/types/comparison.ts

@@ -17,6 +17,9 @@ export type ComparisonFacet =
   | 'totalDependencies'
   | 'deprecated'
   | 'totalLikes'
+  | 'githubStars'
+  | 'githubIssues'
+  | 'createdAt'
 
 /** Facet metadata for UI display */
 export interface FacetInfo {
@@ -56,6 +59,15 @@ export const FACET_INFO: Record<ComparisonFacet, Omit<FacetInfo, 'id'>> = {
   deprecated: {
     category: 'health',
   },
+  githubStars: {
+    category: 'health',
+  },
+  githubIssues: {
+    category: 'health',
+  },
+  createdAt: {
+    category: 'health',
+  },
   // Compatibility
   engines: {
     category: 'compatibility',

test/nuxt/components/compare/FacetSelector.spec.ts

@@ -32,6 +32,9 @@ const facetLabels: Record<ComparisonFacet, { label: string; description: string
   },
   deprecated: { label: 'Deprecated?', description: 'Whether the package is deprecated' },
   totalLikes: { label: 'Likes', description: 'Number of likes' },
+  githubStars: { label: 'GitHub Stars', description: 'Number of GitHub stars' },
+  githubIssues: { label: 'GitHub Issues', description: 'Number of open GitHub issues' },
+  createdAt: { label: 'Created', description: 'When the package was first created' },
 }
 
 const categoryLabels: Record<string, string> = {