feat: update downloads title desc and translate zh-CN/zh-TW

app/pages/package/[[org]]/[name]/versions.vue

@@ -119,8 +119,8 @@ const groupDownloadsMap = computed(() => {
   return map
 })
 
-function getDownloadsAriaLabel(downloads: number): string {
-  return `${numberFormatter.value.format(downloads)} ${t('package.downloads.title')}`
+function getDownloadsAriaLabel(downloads: number, version: string): string {
+  return `${numberFormatter.value.format(downloads)} ${t('package.downloads.version_distribution_title', { version })}`
 }
 
 // ─── Phase 2: full metadata (fired automatically after phase 1 completes) ────
@@ -377,9 +377,19 @@ const flatItems = computed<FlatItem[]>(() => {
             <span
               v-if="getVersionDownloads(latestTagRow!.version)"
               class="w-28 grid grid-flow-col auto-cols-max items-center gap-1 text-xs text-fg-muted tabular-nums justify-end"
-              :aria-label="getDownloadsAriaLabel(getVersionDownloads(latestTagRow!.version)!)"
+              :aria-label="
+                getDownloadsAriaLabel(
+                  getVersionDownloads(latestTagRow!.version)!,
+                  latestTagRow!.version,
+                )
+              "
               dir="ltr"
-              :title="getDownloadsAriaLabel(getVersionDownloads(latestTagRow!.version)!)"
+              :title="
+                getDownloadsAriaLabel(
+                  getVersionDownloads(latestTagRow!.version)!,
+                  latestTagRow!.version,
+                )
+              "
             >
               <span>{{ numberFormatter.format(getVersionDownloads(latestTagRow!.version)!) }}</span>
               <span class="i-lucide:chart-line" aria-hidden="true"></span>
@@ -446,9 +456,9 @@ const flatItems = computed<FlatItem[]>(() => {
             <span
               v-if="getVersionDownloads(row.version)"
               class="w-28 grid grid-flow-col auto-cols-max items-center justify-end gap-1 text-xs text-fg-muted tabular-nums shrink-0 relative z-10"
-              :aria-label="getDownloadsAriaLabel(getVersionDownloads(row.version)!)"
+              :aria-label="getDownloadsAriaLabel(getVersionDownloads(row.version)!, row.version)"
               dir="ltr"
-              :title="getDownloadsAriaLabel(getVersionDownloads(row.version)!)"
+              :title="getDownloadsAriaLabel(getVersionDownloads(row.version)!, row.version)"
             >
               <span>{{ numberFormatter.format(getVersionDownloads(row.version)!) }}</span>
               <span class="i-lucide:chart-line" aria-hidden="true"></span>
@@ -536,9 +546,13 @@ const flatItems = computed<FlatItem[]>(() => {
                     <span
                       v-if="groupDownloadsMap.has(item.groupKey)"
                       class="ms-auto w-28 grid grid-flow-col auto-cols-max items-center justify-end gap-1 text-xs text-fg-muted tabular-nums shrink-0"
-                      :aria-label="getDownloadsAriaLabel(groupDownloadsMap.get(item.groupKey)!)"
+                      :aria-label="
+                        getDownloadsAriaLabel(groupDownloadsMap.get(item.groupKey)!, item.label)
+                      "
                       dir="ltr"
-                      :title="getDownloadsAriaLabel(groupDownloadsMap.get(item.groupKey)!)"
+                      :title="
+                        getDownloadsAriaLabel(groupDownloadsMap.get(item.groupKey)!, item.label)
+                      "
                     >
                       <span>{{
                         numberFormatter.format(groupDownloadsMap.get(item.groupKey)!)
@@ -627,8 +641,12 @@ const flatItems = computed<FlatItem[]>(() => {
                       <span
                         v-if="getVersionDownloads(item.version)"
                         class="w-28 grid grid-flow-col auto-cols-max items-center justify-end gap-1 text-xs text-fg-muted tabular-nums shrink-0 relative z-10"
-                        :aria-label="getDownloadsAriaLabel(getVersionDownloads(item.version)!)"
-                        :title="getDownloadsAriaLabel(getVersionDownloads(item.version)!)"
+                        :aria-label="
+                          getDownloadsAriaLabel(getVersionDownloads(item.version)!, item.version)
+                        "
+                        :title="
+                          getDownloadsAriaLabel(getVersionDownloads(item.version)!, item.version)
+                        "
                         dir="ltr"
                       >
                         <span>{{
@@ -676,9 +694,13 @@ const flatItems = computed<FlatItem[]>(() => {
                   <span
                     v-if="groupDownloadsMap.has(item.groupKey)"
                     class="ms-auto w-28 grid grid-flow-col auto-cols-max items-center justify-end gap-1 text-xs text-fg-muted tabular-nums shrink-0"
-                    :aria-label="getDownloadsAriaLabel(groupDownloadsMap.get(item.groupKey)!)"
+                    :aria-label="
+                      getDownloadsAriaLabel(groupDownloadsMap.get(item.groupKey)!, item.label)
+                    "
                     dir="ltr"
-                    :title="getDownloadsAriaLabel(groupDownloadsMap.get(item.groupKey)!)"
+                    :title="
+                      getDownloadsAriaLabel(groupDownloadsMap.get(item.groupKey)!, item.label)
+                    "
                   >
                     <span>{{ numberFormatter.format(groupDownloadsMap.get(item.groupKey)!) }}</span>
                     <span class="i-lucide:chart-line" aria-hidden="true"></span>

i18n/locales/cs-CZ.json

@@ -380,6 +380,7 @@
       "size": "Velikost instalace se zvýšila o {percent} (větší o {size})",
       "deps": "{count} další závislostí"
     },
+    "size_decrease": {},
     "replacement": {
       "title": "Možná tuto závislost nepotřebujete.",
       "native": "Tento balíček lze nahradit {replacement}, dostupné od Node {nodeVersion}.",
@@ -557,6 +558,11 @@
       "current_tags": "Aktuální značky",
       "no_match_filter": "Žádné verze neodpovídají {filter}"
     },
+    "timeline": {
+      "chart": {
+        "copy_alt": {}
+      }
+    },
     "dependencies": {
       "title": "Závislosti ({count})",
       "list_label": "Závislosti balíčku",
@@ -759,6 +765,9 @@
       "tarball": "Stáhnout Tarball jako .tar.gz"
     }
   },
+  "leaderboard": {
+    "likes": {}
+  },
   "connector": {
     "modal": {
       "title": "Lokální konektor",
@@ -1236,6 +1245,9 @@
       "packages_selected": "Vybrané balíčky: {count}/{max}.",
       "add_hint": "Přidejte alespoň 2 balíčky ke srovnání."
     },
+    "scatter_chart": {
+      "copy_alt": {}
+    },
     "no_dependency": {
       "label": "(Žádná závislost)",
       "typeahead_title": "Co by udělal James?",
@@ -1314,7 +1326,10 @@
         "vulnerabilities": {
           "label": "Zranitelnosti",
           "description": "Známé bezpečnostní zranitelnosti"
-        }
+        },
+        "githubStars": {},
+        "githubIssues": {},
+        "createdAt": {}
       },
       "values": {
         "any": "Jakékoliv",

i18n/locales/de.json

@@ -379,6 +379,7 @@
       "size": "Installationsgröße um {percent} gestiegen ({size} größer)",
       "deps": "{count} zusätzliche Abhängigkeiten"
     },
+    "size_decrease": {},
     "replacement": {
       "title": "Du brauchst diese Abhängigkeit vielleicht nicht.",
       "native": "Dies kann durch {replacement} ersetzt werden, verfügbar seit Node {nodeVersion}.",
@@ -556,6 +557,11 @@
       "current_tags": "Aktuelle Tags",
       "no_match_filter": "Keine Versionen entsprechen {filter}"
     },
+    "timeline": {
+      "chart": {
+        "copy_alt": {}
+      }
+    },
     "dependencies": {
       "title": "Abhängigkeit ({count}) | Abhängigkeiten ({count})",
       "list_label": "Paketabhängigkeiten",
@@ -758,6 +764,9 @@
       "tarball": "Tarball als .tar.gz herunterladen"
     }
   },
+  "leaderboard": {
+    "likes": {}
+  },
   "connector": {
     "modal": {
       "title": "Lokaler Connector",
@@ -1316,7 +1325,10 @@
         "vulnerabilities": {
           "label": "Sicherheitslücken",
           "description": "Bekannte Sicherheitsrisiken"
-        }
+        },
+        "githubStars": {},
+        "githubIssues": {},
+        "createdAt": {}
       },
       "values": {
         "any": "Beliebig",

i18n/locales/en.json

@@ -8,8 +8,8 @@
   },
   "built_at": "built {0}",
   "alt_logo": "npmx logo",
-  "tagline": "a fast, modern browser for the npm registry",
-  "non_affiliation_disclaimer": "not affiliated with npm, Inc.",
+  "tagline": "A fast, modern browser for the npm registry",
+  "non_affiliation_disclaimer": "Not affiliated with npm, Inc.",
   "trademark_disclaimer": "npm is a registered trademark of npm, Inc. This site is not affiliated with npm, Inc.",
   "footer": {
     "about": "about",
@@ -50,15 +50,15 @@
   },
   "search": {
     "label": "Search npm packages",
-    "placeholder": "search packages...",
+    "placeholder": "Search packages...",
     "button": "search",
     "searching": "Searching...",
     "found_packages": "No packages found | Found 1 package | Found {count} packages",
     "found_packages_sorted": "No results found | Sorting top {count} result | Sorting top {count} results",
     "updating": "(updating...)",
     "no_results": "No packages found for \"{query}\"",
     "rate_limited": "Hit npm rate limit, try again in a moment",
-    "title": "search",
+    "title": "Search",
     "title_search": "search: {search}",
     "title_packages": "search packages",
     "meta_description": "Search results for '{search}'",
@@ -84,14 +84,14 @@
     "instant_search_advisory": "{label} {state} — {action}"
   },
   "command_palette": {
-    "title": "command palette",
+    "title": "Command palette",
     "quick_actions": "jump to...",
     "subtitle": "navigate across npmx and switch settings quickly",
     "subtitle_languages": "choose a language or help improve translations",
     "instructions": "Type to filter commands. Use the arrow keys to move through results and Enter to run a command.",
     "input_label": "Command palette search",
     "results_label": "Command results",
-    "placeholder": "type a command...",
+    "placeholder": "Type a command...",
     "back": "Back",
     "empty": "No matching commands",
     "empty_search_hint": "Press Enter to search for \"{query}\".",
@@ -204,7 +204,7 @@
   },
   "blog": {
     "title": "Blog",
-    "heading": "blog",
+    "heading": "Blog",
     "meta_description": "Insights and updates from the npmx community",
     "author": {
       "view_profile": "View {name}'s profile on Bluesky"
@@ -229,8 +229,8 @@
     }
   },
   "settings": {
-    "title": "settings",
-    "tagline": "customize your npmx experience",
+    "title": "Settings",
+    "tagline": "Customize your npmx experience",
     "meta_description": "Customize your npmx.dev experience with theme, language, and display preferences.",
     "sections": {
       "appearance": "Appearance",
@@ -708,6 +708,7 @@
     },
     "downloads": {
       "title": "Weekly Downloads",
+      "version_distribution_title": "weekly downloads for version {version}",
       "community_distribution": "View community adoption distribution",
       "subtitle": "Across all versions",
       "sparkline_nav_hint": "Use ← →"
@@ -828,7 +829,7 @@
       "copied": "Copied",
       "paste_token": "Then paste the token below to connect:",
       "token_label": "Token",
-      "token_placeholder": "paste token here...",
+      "token_placeholder": "Paste token here...",
       "advanced": "Advanced options",
       "port_label": "Port",
       "warning": "WARNING",
@@ -844,7 +845,7 @@
       "clear_all": "clear all",
       "refresh": "Refresh operations",
       "empty": "No operations queued",
-      "empty_hint": "Add operations from package or org pages",
+      "empty_hint": "Add operations from package or organization pages",
       "active_label": "Active operations",
       "otp_required": "OTP required",
       "otp_prompt": "Enter OTP to continue",
@@ -945,7 +946,7 @@
     "page": {
       "packages_title": "Packages",
       "no_packages": "No public packages found for",
-      "no_packages_hint": "This user may not exist or has no public packages.",
+      "no_packages_hint": "This user may not exist, or has no public packages.",
       "failed_to_load": "Failed to load user packages",
       "no_match": "No packages match \"{query}\"",
       "filter_placeholder": "Filter {count} package... | Filter {count} packages..."
@@ -1143,7 +1144,7 @@
   },
   "about": {
     "title": "About",
-    "heading": "about",
+    "heading": "About",
     "meta_description": "npmx is a fast, modern browser for the npm registry. A great UX/DX for exploring npm packages.",
     "what_we_are": {
       "title": "What we are",
@@ -1494,7 +1495,7 @@
     }
   },
   "privacy_policy": {
-    "title": "privacy policy",
+    "title": "Privacy policy",
     "last_updated": "Last updated: {date}",
     "welcome": "Welcome to {app}. We are committed to protecting your privacy. This policy explains what data we collect, how we use it, and your rights regarding your information.",
     "cookies": {
@@ -1574,7 +1575,7 @@
     }
   },
   "a11y": {
-    "title": "accessibility",
+    "title": "Accessibility",
     "footer_title": "a11y",
     "welcome": "We want {app} to be usable by as many people as possible.",
     "approach": {
@@ -1604,7 +1605,7 @@
     }
   },
   "translation_status": {
-    "title": "translation status",
+    "title": "Translation status",
     "generated_at": "Generation date: {date}",
     "welcome": "If you're interested in helping us to translate {npmx} into one of the languages listed below, you've come to the right place! This auto-updating page always lists all the content that could use your help right now.",
     "p1": "We use {lang} as the default language, with a total of {count}. If you'd like to help add translations, locate the language in {bylang} and expand the details.",

i18n/locales/es.json

@@ -76,6 +76,23 @@
     "instant_search_turn_off": "desactivar",
     "instant_search_advisory": "{label} {state} — {action}"
   },
+  "command_palette": {
+    "state": {},
+    "groups": {},
+    "actions": {},
+    "connections": {},
+    "navigation": {},
+    "links": {},
+    "package_links": {},
+    "theme": {},
+    "package": {},
+    "package_actions": {},
+    "code": {},
+    "diff": {},
+    "version": {},
+    "status": {},
+    "announcements": {}
+  },
   "nav": {
     "main_navigation": "Principal",
     "popular_packages": "Paquetes populares",
@@ -265,6 +282,7 @@
       "size": "El tamaño de instalación aumentó un {percent} ({size} más grande)",
       "deps": "{count} dependencias más"
     },
+    "size_decrease": {},
     "replacement": {
       "title": "Es posible que no necesite esta dependencia.",
       "native": "Esto se puede reemplazar con {replacement}, disponible desde Node {nodeVersion}.",
@@ -442,6 +460,11 @@
       "current_tags": "Etiquetas actuales",
       "no_match_filter": "Ninguna versión coincide con {filter}"
     },
+    "timeline": {
+      "chart": {
+        "copy_alt": {}
+      }
+    },
     "dependencies": {
       "title": "Dependencias ({count})",
       "list_label": "Dependencias del paquete",
@@ -644,6 +667,9 @@
       "tarball": "Descargar Tarball como .tar.gz"
     }
   },
+  "leaderboard": {
+    "likes": {}
+  },
   "connector": {
     "modal": {
       "title": "Conector Local",
@@ -1117,6 +1143,9 @@
       "packages_selected": "{count}/{max} paquetes seleccionados.",
       "add_hint": "Añade al menos 2 paquetes para comparar."
     },
+    "scatter_chart": {
+      "copy_alt": {}
+    },
     "no_dependency": {
       "label": "(Sin dependencia)",
       "typeahead_title": "¿Qué haría James?",
@@ -1195,7 +1224,10 @@
         "vulnerabilities": {
           "label": "Vulnerabilidades",
           "description": "Vulnerabilidades de seguridad conocidas"
-        }
+        },
+        "githubStars": {},
+        "githubIssues": {},
+        "createdAt": {}
       },
       "values": {
         "any": "Cualquiera",