fix: show correct dependencies count

app/composables/usePackageComparison.ts

@@ -8,16 +8,20 @@ import type {
 import { encodePackageName } from '#shared/utils/npm'
 import type { PackageAnalysisResponse } from './usePackageAnalysis'
 import { isBinaryOnlyPackage } from '#shared/utils/binary-detection'
+import { getDependencyCount } from '~/utils/npm/dependency-count'
 
 export interface PackageComparisonData {
   package: ComparisonPackage
   downloads?: number
   /** Package's own unpacked size (from dist.unpackedSize) */
   packageSize?: number
+  /** Direct dependencies count */
+  directDeps: number
   /** Install size data (fetched lazily) */
   installSize?: {
     selfSize: number
     totalSize: number
+    /** Total dependency count */
     dependencyCount: number
   }
   analysis?: PackageAnalysisResponse
@@ -109,6 +113,9 @@ export function usePackageComparison(packageNames: MaybeRefOrGetter<string[]>) {
               ),
             ])
 
+            const pkg = usePackage(name, latestVersion)
+            const requestedVersion = pkg.data.value?.requestedVersion
+
             const versionData = pkgData.versions[latestVersion]
             const packageSize = versionData?.dist?.unpackedSize
 
@@ -139,6 +146,7 @@ export function usePackageComparison(packageNames: MaybeRefOrGetter<string[]>) {
               },
               downloads: downloads?.downloads,
               packageSize,
+              directDeps: getDependencyCount(requestedVersion ?? null),
               installSize: undefined, // Will be filled in second pass
               analysis: analysis ?? undefined,
               vulnerabilities: {
@@ -360,12 +368,12 @@ function computeFacetValue(
       }
 
     case 'dependencies':
-      if (!data.installSize) return null
-      const depCount = data.installSize.dependencyCount
+      if (!data.directDeps) return null
+      const depCount = data.directDeps
       return {
         raw: depCount,
         display: String(depCount),
-        status: depCount > 50 ? 'warning' : 'neutral',
+        status: depCount > 10 ? 'warning' : 'neutral',
       }
 
     case 'deprecated':
@@ -380,7 +388,13 @@ function computeFacetValue(
 
     // Coming soon facets
     case 'totalDependencies':
-      return null
+      if (!data.installSize) return null
+      const totalDepCount = data.installSize.dependencyCount
+      return {
+        raw: totalDepCount,
+        display: String(totalDepCount),
+        status: totalDepCount > 50 ? 'warning' : 'neutral',
+      }
 
     default:
       return null

app/pages/package/[...package].vue

@@ -11,6 +11,7 @@ import { joinURL } from 'ufo'
 import { areUrlsEquivalent } from '#shared/utils/url'
 import { isEditableElement } from '~/utils/input'
 import { formatBytes } from '~/utils/formatters'
+import { getDependencyCount } from '~/utils/npm/dependency-count'
 import { NuxtLink } from '#components'
 import { useModal } from '~/composables/useModal'
 import { useAtproto } from '~/composables/atproto/useAtproto'
@@ -300,11 +301,6 @@ function normalizeGitUrl(url: string): string {
     .replace(/^git@github\.com:/, 'https://github.com/')
 }
 
-function getDependencyCount(version: PackumentVersion | null): number {
-  if (!version?.dependencies) return 0
-  return Object.keys(version.dependencies).length
-}
-
 // Check if a version has provenance/attestations
 // The dist object may have attestations that aren't in the base type
 function hasProvenance(version: PackumentVersion | null): boolean {

app/utils/npm/dependency-count.ts

@@ -0,0 +1,6 @@
+import type { PackumentVersion } from '#shared/types'
+
+export function getDependencyCount(version: PackumentVersion | null): number {
+  if (!version?.dependencies) return 0
+  return Object.keys(version.dependencies).length
+}

shared/types/comparison.ts

@@ -41,7 +41,6 @@ export const FACET_INFO: Record<ComparisonFacet, Omit<FacetInfo, 'id'>> = {
   },
   totalDependencies: {
     category: 'performance',
-    comingSoon: true,
   },
   // Health
   downloads: {