feat: compare by likes

Author: Sukiiu

app/composables/usePackageComparison.ts

@@ -44,6 +44,8 @@ export interface PackageComparisonData {
   }
   /** Whether this is a binary-only package (CLI without library entry points) */
   isBinaryOnly?: boolean
+  /** Total likes from atproto */
+  totalLikes: number
 }
 
 /**
@@ -104,16 +106,19 @@ export function usePackageComparison(packageNames: MaybeRefOrGetter<string[]>) {
             if (!latestVersion) return null
 
             // Fetch fast additional data in parallel (optional - failures are ok)
-            const [downloads, analysis, vulns] = await Promise.all([
+            const [downloads, analysis, vulns, likes] = await Promise.all([
               $fetch<{ downloads: number }>(
                 `https://api.npmjs.org/downloads/point/last-week/${encodePackageName(name)}`,
               ).catch(() => null),
               $fetch<PackageAnalysisResponse>(`/api/registry/analysis/${name}`).catch(() => null),
               $fetch<VulnerabilityTreeResult>(`/api/registry/vulnerabilities/${name}`).catch(
                 () => null,
               ),
+              $fetch<PackageLikes>(`/api/social/likes/${name}`).catch(() => ({
+                totalLikes: 0,
+                userHasLiked: false,
+              })),
             ])
-
             const versionData = pkgData.versions[latestVersion]
             const packageSize = versionData?.dist?.unpackedSize
 
@@ -160,6 +165,7 @@ export function usePackageComparison(packageNames: MaybeRefOrGetter<string[]>) {
                 deprecated: versionData?.deprecated,
               },
               isBinaryOnly: isBinary,
+              totalLikes: likes.totalLikes,
             }
           } catch {
             return null
@@ -384,6 +390,14 @@ function computeFacetValue(
         status: isDeprecated ? 'bad' : 'good',
       }
     }
+    case 'totalLikes': {
+      if (data.totalLikes === undefined) return null
+      return {
+        raw: data.totalLikes,
+        display: formatCompactNumber(data.totalLikes),
+        status: 'neutral',
+      }
+    }
     // Coming soon facets
     case 'totalDependencies': {
       if (!data.installSize) return null

i18n/locales/en.json

@@ -935,6 +935,9 @@
         "vulnerabilities": {
           "label": "Vulnerabilities",
           "description": "Known security vulnerabilities"
+        },
+        "totalLikes": {
+          "label": "Likes"
         }
       },
       "values": {

lunaria/files/en-GB.json

@@ -935,6 +935,9 @@
         "vulnerabilities": {
           "label": "Vulnerabilities",
           "description": "Known security vulnerabilities"
+        },
+        "totalLikes": {
+          "label": "Likes"
         }
       },
       "values": {

lunaria/files/en-US.json

@@ -935,6 +935,9 @@
         "vulnerabilities": {
           "label": "Vulnerabilities",
           "description": "Known security vulnerabilities"
+        },
+        "totalLikes": {
+          "label": "Likes"
         }
       },
       "values": {

shared/types/comparison.ts

@@ -16,6 +16,7 @@ export type ComparisonFacet =
   | 'dependencies'
   | 'totalDependencies'
   | 'deprecated'
+  | 'totalLikes'
 
 /** Facet metadata for UI display */
 export interface FacetInfo {
@@ -52,6 +53,9 @@ export const FACET_INFO: Record<ComparisonFacet, Omit<FacetInfo, 'id'>> = {
   deprecated: {
     category: 'health',
   },
+  totalLikes: {
+    category: 'health',
+  },
   // Compatibility
   engines: {
     category: 'compatibility',