refactor: create useSearch and extract npm logic

Author: danielroe

app/components/Compare/PackageSelector.vue

@@ -14,8 +14,8 @@ const maxPackages = computed(() => props.max ?? 4)
 const inputValue = shallowRef('')
 const isInputFocused = shallowRef(false)
 
-// Use the shared npm search composable
-const { data: searchData, status } = useNpmSearch(inputValue, { size: 15 })
+// Use the shared search composable (supports both npm and Algolia providers)
+const { data: searchData, status } = useSearch(inputValue, { size: 15 })
 
 const isSearching = computed(() => status.value === 'pending')
 

app/composables/npm/search-utils.ts

@@ -0,0 +1,42 @@
+import type { NpmSearchResponse, NpmSearchResult, MinimalPackument } from '#shared/types'
+
+/**
+ * Convert packument to search result format for display
+ */
+export function packumentToSearchResult(
+  pkg: MinimalPackument,
+  weeklyDownloads?: number,
+): NpmSearchResult {
+  let latestVersion = ''
+  if (pkg['dist-tags']) {
+    latestVersion = pkg['dist-tags'].latest || Object.values(pkg['dist-tags'])[0] || ''
+  }
+  const modified = pkg.time.modified || pkg.time[latestVersion] || ''
+
+  return {
+    package: {
+      name: pkg.name,
+      version: latestVersion,
+      description: pkg.description,
+      keywords: pkg.keywords,
+      date: pkg.time[latestVersion] || modified,
+      links: {
+        npm: `https://www.npmjs.com/package/${pkg.name}`,
+      },
+      maintainers: pkg.maintainers,
+    },
+    score: { final: 0, detail: { quality: 0, popularity: 0, maintenance: 0 } },
+    searchScore: 0,
+    downloads: weeklyDownloads !== undefined ? { weekly: weeklyDownloads } : undefined,
+    updated: pkg.time[latestVersion] || modified,
+  }
+}
+
+export function emptySearchResponse(): NpmSearchResponse {
+  return {
+    objects: [],
+    total: 0,
+    isStale: false,
+    time: new Date().toISOString(),
+  }
+}