chore: bump module + sync

Author: harlan-zw

app/components/OgImage/BlogPost.takumi.vue

@@ -13,23 +13,24 @@ const {
 
 const formattedDate = computed(() => {
   if (!date) return ''
-  try {
-    return new Date(date).toLocaleDateString('en-US', {
-      year: 'numeric',
-      month: 'short',
-      day: 'numeric',
-    })
-  } catch {
-    return date
-  }
+  const parsed = new Date(date)
+  if (Number.isNaN(parsed.getTime())) return date
+
+  return parsed.toLocaleDateString('en-US', {
+    year: 'numeric',
+    month: 'short',
+    day: 'numeric',
+    timeZone: 'UTC',
+  })
 })
 
 const MAX_VISIBLE_AUTHORS = 2
 
 const getInitials = (name: string) =>
   name
-    .split(' ')
-    .map(n => n[0])
+    .trim()
+    .split(/\s+/)
+    .map(part => part[0] ?? '')
     .join('')
     .toUpperCase()
     .slice(0, 2)

app/components/OgImage/Package.takumi.vue

@@ -17,6 +17,26 @@ import type { JsDelivrFileNode } from '#shared/types'
 import { joinURL } from 'ufo'
 import { smoothPath, useCharts } from '~/composables/useCharts'
 
+const REPO_PROVIDER_ICONS: Record<string, string> = {
+  github: 'i-simple-icons:github',
+  gitlab: 'i-simple-icons:gitlab',
+  bitbucket: 'i-simple-icons:bitbucket',
+  codeberg: 'i-simple-icons:codeberg',
+  gitea: 'i-simple-icons:gitea',
+  forgejo: 'i-simple-icons:forgejo',
+  gitee: 'i-simple-icons:gitee',
+  sourcehut: 'i-simple-icons:sourcehut',
+  tangled: 'i-custom:tangled',
+  radicle: 'i-lucide:network',
+}
+
+function sortJsDelivrNodes(nodes: JsDelivrFileNode[]) {
+  return [...nodes].sort((a, b) => {
+    if (a.type !== b.type) return a.type === 'directory' ? -1 : 1
+    return a.name.localeCompare(b.name)
+  })
+}
+
 const { name, version, variant } = defineProps<{
   name: string
   version: string | null
@@ -55,6 +75,10 @@ const repositoryUrl = computed(() => {
 })
 
 const { repoRef, stars, refresh: refreshRepoMeta } = useRepoMeta(repositoryUrl)
+const repoProviderIcon = computed(() => {
+  const provider = repoRef.value?.provider
+  return provider ? (REPO_PROVIDER_ICONS[provider] ?? 'i-lucide:code') : 'i-lucide:code'
+})
 
 const formattedStars = computed(() => (stars.value > 0 ? compactFormat.format(stars.value) : ''))
 
@@ -104,22 +128,15 @@ async function fetchCodeTree() {
   // Call jsDelivr directly — $fetch to internal API can deadlock in OG image island context
   const resp = await $fetch<{ files: JsDelivrFileNode[] }>(
     `https://data.jsdelivr.com/v1/packages/npm/${name}@${ver}`,
+    { timeout: 3000 },
   ).catch(() => null)
   if (!resp?.files) return
 
   const rows: TreeRow[] = []
   const MAX_ROWS = 25
 
-  // Sort: directories first, then files, alphabetical within each group
-  function sorted(nodes: JsDelivrFileNode[]) {
-    return [...nodes].sort((a, b) => {
-      if (a.type !== b.type) return a.type === 'directory' ? -1 : 1
-      return a.name.localeCompare(b.name)
-    })
-  }
-
   function walk(nodes: JsDelivrFileNode[], depth: number) {
-    for (const node of sorted(nodes)) {
+    for (const node of sortJsDelivrNodes(nodes)) {
       if (rows.length >= MAX_ROWS) return
       rows.push({ name: node.name, depth, isDir: node.type === 'directory' })
       if (node.files) walk(node.files, depth + 1)
@@ -275,7 +292,7 @@ const sparklineSrc = computed(() => {
       <div class="flex flex-col gap-3 text-4xl text-fg-muted">
         <div v-if="repositoryUrl" class="flex items-center gap-2">
           <div
-            class="i-simple-icons:github shrink-0 text-fg-muted"
+            :class="[repoProviderIcon, 'shrink-0 text-fg-muted']"
             style="width: 24px; height: 24px"
           />
           <span v-if="repoRef" class="max-w-[500px]" style="text-overflow: ellipsis">

app/components/OgImage/Page.takumi.vue

@@ -10,7 +10,7 @@ const { title, description } = defineProps<{
     <div class="px-15 py-12 flex flex-col justify-center gap-12 h-full">
       <OgBrand :height="48" />
 
-      <div class="flex flex-col max-w-full gap-3">
+      <div v-if="title" class="flex flex-col max-w-full gap-3">
         <div
           class="lg:text-7xl text-5xl tracking-tighter font-mono leading-none"
           :style="{ lineClamp: 1, textOverflow: 'ellipsis' }"

app/components/OgImage/Profile.takumi.vue

@@ -17,8 +17,9 @@ const {
 
 const getInitials = (name: string) =>
   name
-    .split(' ')
-    .map(n => n[0])
+    .trim()
+    .split(/\s+/)
+    .map(part => part[0] ?? '')
     .join('')
     .toUpperCase()
     .slice(0, 2)

app/composables/useCharts.ts

@@ -66,12 +66,15 @@ function mergeDailyPoints(points: DailyRawPoint[]): DailyRawPoint[] {
     .map(([day, value]) => ({ day, value }))
 }
 
+function roundToHundredths(value: number): number {
+  return Math.round(value * 100) / 100
+}
+
 /** Catmull-Rom monotone cubic spline — same algorithm as vue-data-ui's smoothPath for OG Images */
 export function smoothPath(pts: { x: number; y: number }[]): string {
   if (pts.length < 2) return '0,0'
   const n = pts.length - 1
-  const r = (v: number) => Math.round(v * 100) / 100
-  const out = [`${r(pts[0]!.x)},${r(pts[0]!.y)}`]
+  const out = [`${roundToHundredths(pts[0]!.x)},${roundToHundredths(pts[0]!.y)}`]
   const dx: number[] = []
   const dy: number[] = []
   const m: number[] = []
@@ -96,7 +99,7 @@ export function smoothPath(pts: { x: number; y: number }[]): string {
       y1 = pts[i + 1]!.y
     const seg = x1 - x0
     out.push(
-      `C ${r(x0 + seg / 3)},${r(y0 + (t[i]! * seg) / 3)} ${r(x1 - seg / 3)},${r(y1 - (t[i + 1]! * seg) / 3)} ${r(x1)},${r(y1)}`,
+      `C ${roundToHundredths(x0 + seg / 3)},${roundToHundredths(y0 + (t[i]! * seg) / 3)} ${roundToHundredths(x1 - seg / 3)},${roundToHundredths(y1 - (t[i + 1]! * seg) / 3)} ${roundToHundredths(x1)},${roundToHundredths(y1)}`,
     )
   }
 

modules/runtime/server/cache.ts

@@ -193,6 +193,7 @@ function getMockForUrl(url: string): MockResult | null {
     if (rangeMatch?.[1] && rangeMatch[2]) {
       const [startDate, endDate] = rangeMatch[1].split(':')
       const packageName = rangeMatch[2]
+      if (!startDate || !endDate) return null
       // Simple hash seeded by package name for deterministic but varied curves
       let h = 0
       for (const c of packageName) h = ((h << 5) - h + c.charCodeAt(0)) | 0
@@ -208,20 +209,24 @@ function getMockForUrl(url: string): MockResult | null {
       const weekendDip = 0.3 + ((s >> 16) % 40) / 100 // 0.30 .. 0.70
 
       const downloads: { day: string; downloads: number }[] = []
-      const start = new Date(startDate!)
-      const end = new Date(endDate!)
-      for (let d = new Date(start); d <= end; d.setUTCDate(d.getUTCDate() + 1)) {
-        const day = d.toISOString().slice(0, 10)
+      const start = new Date(startDate)
+      const end = new Date(endDate)
+      if (Number.isNaN(start.getTime()) || Number.isNaN(end.getTime())) return null
+
+      const cursor = new Date(start)
+      while (cursor.getTime() <= end.getTime()) {
+        const day = cursor.toISOString().slice(0, 10)
         const i = downloads.length
         const trend = 1 + trendSlope * i
         const wave = Math.sin((i * 2 * Math.PI) / wavePeriod) * waveAmp
         const noise = Math.sin(i * 7 + s) * 0.05
-        const dow = d.getUTCDay()
+        const dow = cursor.getUTCDay()
         const weekend = dow === 0 || dow === 6 ? 1 - weekendDip : 1
         downloads.push({
           day,
           downloads: Math.max(0, Math.round(base * trend * (1 + wave + noise) * weekend)),
         })
+        cursor.setUTCDate(cursor.getUTCDate() + 1)
       }
       return { data: { downloads, start: startDate, end: endDate, package: packageName } }
     }

package.json

@@ -91,7 +91,7 @@
     "marked": "18.0.0",
     "module-replacements": "2.11.0",
     "nuxt": "4.3.1",
-    "nuxt-og-image": "6.3.10",
+    "nuxt-og-image": "^6.4.3",
     "ofetch": "1.5.1",
     "ohash": "2.0.11",
     "perfect-debounce": "2.1.0",