feat: add markdown output support for package pages

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

@@ -344,8 +344,14 @@ const canonicalUrl = computed(() => {
   return requestedVersion.value ? `${base}/v/${requestedVersion.value}` : base
 })
 
+// Markdown alternate URL for AI/LLM consumption
+const markdownUrl = computed(() => `${canonicalUrl.value}.md`)
+
 useHead({
-  link: [{ rel: 'canonical', href: canonicalUrl }],
+  link: [
+    { rel: 'canonical', href: canonicalUrl },
+    { rel: 'alternate', type: 'text/markdown', href: markdownUrl },
+  ],
 })
 
 useSeoMeta({

nuxt.config.ts

@@ -77,6 +77,7 @@ export default defineNuxtConfig({
     '/': { prerender: true },
     '/opensearch.xml': { isr: true },
     '/**': { isr: 60 },
+    '/*.md': { isr: 60 },
     '/package/**': { isr: 60 },
     '/search': { isr: false, cache: false },
     // static pages

server/middleware/markdown.ts

@@ -0,0 +1,255 @@
+import { generatePackageMarkdown } from '../utils/markdown'
+import * as v from 'valibot'
+import { PackageRouteParamsSchema } from '#shared/schemas/package'
+import {
+  CACHE_MAX_AGE_ONE_HOUR,
+  NPM_MISSING_README_SENTINEL,
+  ERROR_NPM_FETCH_FAILED,
+} from '#shared/utils/constants'
+import { parseRepositoryInfo } from '#shared/utils/git-providers'
+
+const NPM_API = 'https://api.npmjs.org'
+
+const standardReadmeFilenames = [
+  'README.md',
+  'readme.md',
+  'Readme.md',
+  'README',
+  'readme',
+  'README.markdown',
+  'readme.markdown',
+]
+
+const standardReadmePattern = /^readme(\.md|\.markdown)?$/i
+
+function encodePackageName(name: string): string {
+  if (name.startsWith('@')) {
+    return `@${encodeURIComponent(name.slice(1))}`
+  }
+  return encodeURIComponent(name)
+}
+
+async function fetchReadmeFromJsdelivr(
+  packageName: string,
+  readmeFilenames: string[],
+  version?: string,
+): Promise<string | null> {
+  const versionSuffix = version ? `@${version}` : ''
+
+  for (const filename of readmeFilenames) {
+    try {
+      const url = `https://cdn.jsdelivr.net/npm/${packageName}${versionSuffix}/${filename}`
+      const response = await fetch(url)
+      if (response.ok) {
+        return await response.text()
+      }
+    } catch {
+      // Try next filename
+    }
+  }
+
+  return null
+}
+
+async function fetchWeeklyDownloads(packageName: string): Promise<{ downloads: number } | null> {
+  try {
+    const encodedName = encodePackageName(packageName)
+    return await $fetch<{ downloads: number }>(
+      `${NPM_API}/downloads/point/last-week/${encodedName}`,
+    )
+  } catch {
+    return null
+  }
+}
+
+async function fetchDownloadRange(
+  packageName: string,
+  weeks: number = 12,
+): Promise<Array<{ day: string; downloads: number }> | null> {
+  try {
+    const encodedName = encodePackageName(packageName)
+    const today = new Date()
+    const end = new Date(
+      Date.UTC(today.getUTCFullYear(), today.getUTCMonth(), today.getUTCDate() - 1),
+    )
+    const start = new Date(end)
+    start.setUTCDate(start.getUTCDate() - weeks * 7 + 1)
+
+    const startStr = start.toISOString().split('T')[0]
+    const endStr = end.toISOString().split('T')[0]
+
+    const response = await $fetch<{
+      downloads: Array<{ day: string; downloads: number }>
+    }>(`${NPM_API}/downloads/range/${startStr}:${endStr}/${encodedName}`)
+
+    return response.downloads
+  } catch {
+    return null
+  }
+}
+
+function isStandardReadme(filename: string | undefined): boolean {
+  return !!filename && standardReadmePattern.test(filename)
+}
+
+function parsePackageParamsFromPath(path: string): {
+  rawPackageName: string
+  rawVersion: string | undefined
+} {
+  const segments = path.slice(1).split('/').filter(Boolean)
+
+  if (segments.length === 0) {
+    return { rawPackageName: '', rawVersion: undefined }
+  }
+
+  const vIndex = segments.indexOf('v')
+
+  if (vIndex !== -1 && vIndex < segments.length - 1) {
+    return {
+      rawPackageName: segments.slice(0, vIndex).join('/'),
+      rawVersion: segments.slice(vIndex + 1).join('/'),
+    }
+  }
+
+  const fullPath = segments.join('/')
+  const versionMatch = fullPath.match(/^(@[^/]+\/[^@]+|[^@]+)@(.+)$/)
+  if (versionMatch) {
+    const [, packageName, version] = versionMatch as [string, string, string]
+    return {
+      rawPackageName: packageName,
+      rawVersion: version,
+    }
+  }
+
+  return {
+    rawPackageName: fullPath,
+    rawVersion: undefined,
+  }
+}
+
+async function handleMarkdownRequest(packagePath: string): Promise<string> {
+  const { rawPackageName, rawVersion } = parsePackageParamsFromPath(packagePath)
+
+  if (!rawPackageName) {
+    throw createError({
+      statusCode: 404,
+      statusMessage: 'Package not found',
+    })
+  }
+
+  const { packageName, version } = v.parse(PackageRouteParamsSchema, {
+    packageName: rawPackageName,
+    version: rawVersion,
+  })
+
+  const packageData = await fetchNpmPackage(packageName)
+
+  let targetVersion = version
+  if (!targetVersion) {
+    targetVersion = packageData['dist-tags']?.latest
+  }
+
+  if (!targetVersion) {
+    throw createError({
+      statusCode: 404,
+      statusMessage: 'Package version not found',
+    })
+  }
+
+  const versionData = packageData.versions[targetVersion]
+  if (!versionData) {
+    throw createError({
+      statusCode: 404,
+      statusMessage: 'Package version not found',
+    })
+  }
+
+  let readmeContent: string | undefined
+
+  if (version) {
+    readmeContent = versionData.readme
+  } else {
+    readmeContent = packageData.readme
+  }
+
+  const readmeFilename = version ? versionData.readmeFilename : packageData.readmeFilename
+  const hasValidNpmReadme = readmeContent && readmeContent !== NPM_MISSING_README_SENTINEL
+
+  if (!hasValidNpmReadme || !isStandardReadme(readmeFilename)) {
+    const jsdelivrReadme = await fetchReadmeFromJsdelivr(
+      packageName,
+      standardReadmeFilenames,
+      targetVersion,
+    )
+    if (jsdelivrReadme) {
+      readmeContent = jsdelivrReadme
+    }
+  }
+
+  const [weeklyDownloadsData, dailyDownloads] = await Promise.all([
+    fetchWeeklyDownloads(packageName),
+    fetchDownloadRange(packageName, 12),
+  ])
+
+  const repoInfo = parseRepositoryInfo(packageData.repository)
+
+  return generatePackageMarkdown({
+    pkg: packageData,
+    version: versionData,
+    readme: readmeContent && readmeContent !== NPM_MISSING_README_SENTINEL ? readmeContent : null,
+    weeklyDownloads: weeklyDownloadsData?.downloads,
+    dailyDownloads: dailyDownloads ?? undefined,
+    repoInfo,
+  })
+}
+
+/** Handle .md suffix and Accept: text/markdown header requests */
+export default defineEventHandler(async event => {
+  const url = getRequestURL(event)
+  const path = url.pathname
+
+  if (
+    path.startsWith('/api/') ||
+    path.startsWith('/_') ||
+    path.startsWith('/__') ||
+    path === '/search' ||
+    path.startsWith('/search') ||
+    path.startsWith('/code/') ||
+    path === '/' ||
+    path === '/.md'
+  ) {
+    return
+  }
+
+  const isMarkdownPath = path.endsWith('.md') && path.length > 3
+  const acceptHeader = getHeader(event, 'accept') ?? ''
+  const wantsMarkdown = acceptHeader.includes('text/markdown')
+
+  if (!isMarkdownPath && !wantsMarkdown) {
+    return
+  }
+
+  const packagePath = isMarkdownPath ? path.slice(0, -3) : path
+
+  try {
+    const markdown = await handleMarkdownRequest(packagePath)
+
+    setHeader(event, 'Content-Type', 'text/markdown; charset=utf-8')
+    setHeader(
+      event,
+      'Cache-Control',
+      `public, max-age=${CACHE_MAX_AGE_ONE_HOUR}, stale-while-revalidate`,
+    )
+
+    return markdown
+  } catch (error: unknown) {
+    if (error && typeof error === 'object' && 'statusCode' in error) {
+      throw error
+    }
+
+    throw createError({
+      statusCode: 502,
+      statusMessage: ERROR_NPM_FETCH_FAILED,
+    })
+  }
+})