Fix browser tests?

Author: wojtekmaj

app/composables/npm/usePackage.ts

@@ -12,7 +12,10 @@ const RECENT_VERSIONS_COUNT = 5
  * - Including only: 5 most recent versions + one version per dist-tag + requested version
  * - Stripping unnecessary fields from version objects
  */
-function transformPackument(pkg: Packument, requestedVersion?: string | null): SlimPackument {
+export function transformPackument(
+  pkg: Packument,
+  requestedVersion?: string | null,
+): SlimPackument {
   // Get versions pointed to by dist-tags
   const distTagVersions = new Set(Object.values(pkg['dist-tags'] ?? {}))
 
@@ -53,7 +56,9 @@ function transformPackument(pkg: Packument, requestedVersion?: string | null): S
         }
       }
       filteredVersions[v] = {
-        ...((version?.dist as { attestations?: unknown }) ? { hasProvenance: true } : {}),
+        ...((version?.dist as { attestations?: unknown } | undefined)?.attestations
+          ? { hasProvenance: true }
+          : {}),
         version: version.version,
         deprecated: version.deprecated,
         tags: version.tags as string[],

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

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import type {
   NpmVersionDist,
+  PackageVersionInfo,
   PackumentVersion,
   ProvenanceDetails,
   ReadmeResponse,
@@ -13,7 +14,6 @@ import { areUrlsEquivalent } from '#shared/utils/url'
 import { isEditableElement } from '~/utils/input'
 import { formatBytes } from '~/utils/formatters'
 import { getDependencyCount } from '~/utils/npm/dependency-count'
-import { fetchAllPackageVersions } from '~/utils/npm/api'
 import { detectPublishSecurityDowngradeForVersion } from '~/utils/publish-security'
 import { NuxtLink } from '#components'
 import { useModal } from '~/composables/useModal'
@@ -126,15 +126,6 @@ const {
   error: versionError,
 } = await useResolvedVersion(packageName, requestedVersion)
 
-const { data: allVersionMetadata } = useLazyAsyncData(
-  () => `package:version-meta:${packageName.value}`,
-  () => fetchAllPackageVersions(packageName.value),
-  {
-    default: () => [],
-    server: false,
-  },
-)
-
 if (
   versionStatus.value === 'error' &&
   versionError.value?.statusCode &&
@@ -154,6 +145,16 @@ const {
   error,
 } = usePackage(packageName, resolvedVersion.value ?? requestedVersion.value)
 const displayVersion = computed(() => pkg.value?.requestedVersion ?? null)
+const versionSecurityMetadata = computed<PackageVersionInfo[]>(() => {
+  if (!pkg.value) return []
+
+  return Object.entries(pkg.value.versions).map(([version, metadata]) => ({
+    version,
+    time: pkg.value?.time?.[version],
+    hasProvenance: !!metadata.hasProvenance,
+    deprecated: metadata.deprecated,
+  }))
+})
 
 // Process package description
 const pkgDescription = useMarkdown(() => ({
@@ -239,7 +240,7 @@ const deprecationNoticeMessage = useMarkdown(() => ({
 const publishSecurityDowngrade = computed(() => {
   const currentVersion = displayVersion.value?.version
   if (!currentVersion) return null
-  return detectPublishSecurityDowngradeForVersion(allVersionMetadata.value ?? [], currentVersion)
+  return detectPublishSecurityDowngradeForVersion(versionSecurityMetadata.value, currentVersion)
 })
 
 const installVersionOverride = computed(() => {