refactor: remove npms (#2155)

Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
Co-authored-by: James Garbutt <43081j@users.noreply.github.com>
Co-authored-by: Willow (GHOST) <git@willow.sh>

Author: 4 people

app/components/ColumnPicker.vue

@@ -49,10 +49,6 @@ const columnLabels = computed(() => ({
   updated: $t('filters.columns.published'),
   maintainers: $t('filters.columns.maintainers'),
   keywords: $t('filters.columns.keywords'),
-  qualityScore: $t('filters.columns.quality_score'),
-  popularityScore: $t('filters.columns.popularity_score'),
-  maintenanceScore: $t('filters.columns.maintenance_score'),
-  combinedScore: $t('filters.columns.combined_score'),
   security: $t('filters.columns.security'),
   selection: $t('filters.columns.selection'),
 }))

app/components/Package/ListToolbar.vue

@@ -102,10 +102,6 @@ const sortKeyLabelKeys = computed<Record<SortKey, string>>(() => ({
   'downloads-year': t('filters.sort.downloads_year'),
   'updated': t('filters.sort.published'),
   'name': t('filters.sort.name'),
-  'quality': t('filters.sort.quality'),
-  'popularity': t('filters.sort.popularity'),
-  'maintenance': t('filters.sort.maintenance'),
-  'score': t('filters.sort.score'),
 }))
 
 function getSortKeyLabelKey(key: SortKey): string {

app/components/Package/Table.vue

@@ -37,21 +37,13 @@ const columnToSortKey: Record<string, SortKey> = {
   name: 'name',
   downloads: 'downloads-week',
   updated: 'updated',
-  qualityScore: 'quality',
-  popularityScore: 'popularity',
-  maintenanceScore: 'maintenance',
-  combinedScore: 'score',
 }
 
 // Default direction for each column
 const columnDefaultDirection: Record<string, 'asc' | 'desc'> = {
   name: 'asc',
   downloads: 'desc',
   updated: 'desc',
-  qualityScore: 'desc',
-  popularityScore: 'desc',
-  maintenanceScore: 'desc',
-  combinedScore: 'desc',
 }
 
 function isColumnSorted(id: string): boolean {
@@ -97,10 +89,6 @@ const columnLabels = computed(() => ({
   updated: t('filters.columns.published'),
   maintainers: t('filters.columns.maintainers'),
   keywords: t('filters.columns.keywords'),
-  qualityScore: t('filters.columns.quality_score'),
-  popularityScore: t('filters.columns.popularity_score'),
-  maintenanceScore: t('filters.columns.maintenance_score'),
-  combinedScore: t('filters.columns.combined_score'),
   security: t('filters.columns.security'),
   selection: t('filters.columns.selection'),
 }))
@@ -264,38 +252,6 @@ function getColumnLabel(id: ColumnId): string {
             {{ getColumnLabel('keywords') }}
           </th>
 
-          <th
-            v-if="isColumnVisible('qualityScore')"
-            scope="col"
-            class="py-3 px-3 text-xs text-start text-fg-muted font-mono font-medium uppercase tracking-wider whitespace-nowrap select-none text-end"
-          >
-            {{ getColumnLabel('qualityScore') }}
-          </th>
-
-          <th
-            v-if="isColumnVisible('popularityScore')"
-            scope="col"
-            class="py-3 px-3 text-xs text-start text-fg-muted font-mono font-medium uppercase tracking-wider whitespace-nowrap select-none text-end"
-          >
-            {{ getColumnLabel('popularityScore') }}
-          </th>
-
-          <th
-            v-if="isColumnVisible('maintenanceScore')"
-            scope="col"
-            class="py-3 px-3 text-xs text-start text-fg-muted font-mono font-medium uppercase tracking-wider whitespace-nowrap select-none text-end"
-          >
-            {{ getColumnLabel('maintenanceScore') }}
-          </th>
-
-          <th
-            v-if="isColumnVisible('combinedScore')"
-            scope="col"
-            class="py-3 px-3 text-xs text-start text-fg-muted font-mono font-medium uppercase tracking-wider whitespace-nowrap select-none text-end"
-          >
-            {{ getColumnLabel('combinedScore') }}
-          </th>
-
           <th
             v-if="isColumnVisible('security')"
             scope="col"

app/components/Package/TableRow.vue

@@ -14,19 +14,13 @@ const emit = defineEmits<{
 }>()
 
 const pkg = computed(() => props.result.package)
-const score = computed(() => props.result.score)
 
 const updatedDate = computed(() => props.result.package.date)
 const { isPackageSelected, togglePackageSelection, canSelectMore } = usePackageSelection()
 const isSelected = computed<boolean>(() => {
   return isPackageSelected(props.result.package.name)
 })
 
-function formatScore(value?: number): string {
-  if (value === undefined || value === 0) return '-'
-  return Math.round(value * 100).toString()
-}
-
 function isColumnVisible(id: string): boolean {
   return props.columns.find(c => c.id === id)?.visible ?? false
 }
@@ -163,38 +157,6 @@ const compactNumberFormatter = useCompactNumberFormatter()
       <span v-else class="text-fg-subtle">-</span>
     </td>
 
-    <!-- Quality Score -->
-    <td
-      v-if="isColumnVisible('qualityScore')"
-      class="py-2 px-3 font-mono text-xs text-fg-muted text-end tabular-nums"
-    >
-      {{ formatScore(score?.detail?.quality) }}
-    </td>
-
-    <!-- Popularity Score -->
-    <td
-      v-if="isColumnVisible('popularityScore')"
-      class="py-2 px-3 font-mono text-xs text-fg-muted text-end tabular-nums"
-    >
-      {{ formatScore(score?.detail?.popularity) }}
-    </td>
-
-    <!-- Maintenance Score -->
-    <td
-      v-if="isColumnVisible('maintenanceScore')"
-      class="py-2 px-3 font-mono text-xs text-fg-muted text-end tabular-nums"
-    >
-      {{ formatScore(score?.detail?.maintenance) }}
-    </td>
-
-    <!-- Combined Score -->
-    <td
-      v-if="isColumnVisible('combinedScore')"
-      class="py-2 px-3 font-mono text-xs text-fg-muted text-end tabular-nums"
-    >
-      {{ formatScore(score?.final) }}
-    </td>
-
     <!-- Security -->
     <td v-if="isColumnVisible('security')" class="py-2 px-3">
       <span v-if="result.flags?.insecure" class="text-syntax-kw">

app/composables/npm/search-utils.ts

@@ -11,7 +11,6 @@ export function metaToSearchResult(meta: PackageMetaResponse): NpmSearchResult {
       author: meta.author,
       maintainers: meta.maintainers,
     },
-    score: { final: 0, detail: { quality: 0, popularity: 0, maintenance: 0 } },
     searchScore: 0,
     downloads: meta.weeklyDownloads !== undefined ? { weekly: meta.weeklyDownloads } : undefined,
     updated: meta.date,

app/composables/npm/useAlgoliaSearch.ts

@@ -91,14 +91,6 @@ function hitToSearchResult(hit: AlgoliaHit): NpmSearchResult {
           }))
         : [],
     },
-    score: {
-      final: 0,
-      detail: {
-        quality: hit.popular ? 1 : 0,
-        popularity: hit.downloadsRatio,
-        maintenance: 0,
-      },
-    },
     searchScore: 0,
     downloads: {
       weekly: Math.round(hit.downloadsLast30Days / 4.3),

app/composables/useStructuredFilters.ts

@@ -332,18 +332,6 @@ export function useStructuredFilters(options: UseStructuredFiltersOptions) {
       case 'name':
         diff = a.package.name.localeCompare(b.package.name)
         break
-      case 'quality':
-        diff = (a.score?.detail?.quality ?? 0) - (b.score?.detail?.quality ?? 0)
-        break
-      case 'popularity':
-        diff = (a.score?.detail?.popularity ?? 0) - (b.score?.detail?.popularity ?? 0)
-        break
-      case 'maintenance':
-        diff = (a.score?.detail?.maintenance ?? 0) - (b.score?.detail?.maintenance ?? 0)
-        break
-      case 'score':
-        diff = (a.score?.final ?? 0) - (b.score?.final ?? 0)
-        break
       case 'relevance':
         // Relevance preserves server order (already sorted by search relevance)
         diff = 0

app/pages/search.vue

@@ -134,10 +134,6 @@ const ALL_SORT_KEYS: SortKey[] = [
   'downloads-year',
   'updated',
   'name',
-  'quality',
-  'popularity',
-  'maintenance',
-  'score',
 ]
 
 // Disable sort keys the current provider can't meaningfully sort by

docs/content/2.guide/6.badges.md

@@ -27,10 +27,6 @@ npmx.dev offers many different SVG badges with stats about any package via its A
 - **types**: Indicates if TypeScript types are included. :img{src="https://img.shields.io/badge/%233b82f6-3b82f6" class="inline align-middle h-5 w-14"} / :img{src="https://img.shields.io/badge/%2364748b-64748b" class="inline align-middle h-5 w-14"}
 - **maintainers**: Displays the total count of package maintainers. :img{src="https://img.shields.io/badge/%2306b6d4-06b6d4" class="inline align-middle h-5 w-14"}
 - **deprecated**: Shows if the package is active or deprecated. :img{src="https://img.shields.io/badge/%2322c55e-22c55e" class="inline align-middle h-5 w-14"} / :img{src="https://img.shields.io/badge/%23ef4444-ef4444" class="inline align-middle h-5 w-14"}
-- **quality**: NPMS.io quality score based on linting and tests. :img{src="https://img.shields.io/badge/%23a855f7-a855f7" class="inline align-middle h-5 w-14"}
-- **popularity**: NPMS.io popularity score based on downloads and stars. :img{src="https://img.shields.io/badge/%2306b6d4-06b6d4" class="inline align-middle h-5 w-14"}
-- **maintenance**: NPMS.io maintenance score based on activity. :img{src="https://img.shields.io/badge/%23eab308-eab308" class="inline align-middle h-5 w-14"}
-- **score**: The overall NPMS.io combined score. :img{src="https://img.shields.io/badge/%233b82f6-3b82f6" class="inline align-middle h-5 w-14"}
 - **name**: Simple badge displaying the package name. :img{src="https://img.shields.io/badge/%2364748b-64748b" class="inline align-middle h-5 w-14"}
 
 ## Examples
@@ -55,10 +51,6 @@ npmx.dev offers many different SVG badges with stats about any package via its A
 # Specific Version
 
 [![Open on npmx.dev](https://npmx.dev/api/registry/badge/version/react/v/18.0.0)](https://npmx.dev/package/react)
-
-# Quality Score
-
-[![Open on npmx.dev](https://npmx.dev/api/registry/badge/quality/pinia)](https://npmx.dev/package/pinia)
 ```
 
 ## Customization Parameters

docs/shared/utils/badges.ts

@@ -15,10 +15,6 @@ export const BADGE_TYPES = Object.freeze([
   'types',
   'maintainers',
   'deprecated',
-  'quality',
-  'popularity',
-  'maintenance',
-  'score',
   'name',
 ] as const)