feat(overview): make weekly downloads more readable (#545)

clemgbld · web-flow · commit f7e51167cdd4 · 2025-07-30T16:32:38.000+02:00
diff --git a/public/components/package/pannels/overview/overview.js b/public/components/package/pannels/overview/overview.js
@@ -182,7 +182,9 @@ export class Overview {
     } = await fetch(`/downloads/${name.replaceAll("/", "%2F")}`)
       .then((value) => value.json());
 
-    document.querySelector("#npm-stats .weekly-downloads").textContent = downloads ?? "N/A";
+    const numberFormat = new Intl.NumberFormat();
+
+    document.querySelector("#npm-stats .weekly-downloads").textContent = downloads ? numberFormat.format(downloads) : "N/A";
     document.querySelector("#npm-stats .weekly-traffic").textContent = downloads ? prettyBytes(downloads * size) : "N/A";
   }
 

Original file line number	Diff line number	Diff line change
`@@ -182,7 +182,9 @@ export class Overview {`
`182`	`182`	} = await fetch(`/downloads/${name.replaceAll("/", "%2F")}`)
`183`	`183`	`.then((value) => value.json());`
`184`	`184`
`185`		`- document.querySelector("#npm-stats .weekly-downloads").textContent = downloads ?? "N/A";`
	`185`	`+ const numberFormat = new Intl.NumberFormat();`
	`186`	`+`
	`187`	`+ document.querySelector("#npm-stats .weekly-downloads").textContent = downloads ? numberFormat.format(downloads) : "N/A";`
`186`	`188`	`document.querySelector("#npm-stats .weekly-traffic").textContent = downloads ? prettyBytes(downloads * size) : "N/A";`
`187`	`189`	`}`
`188`	`190`