Format download count as e.g. 4M

Author: RoyalIcing

apps/components_guide_web/lib/components_guide_web/controllers/research_controller.ex

@@ -108,7 +108,7 @@ defmodule ComponentsGuideWeb.ResearchController do
               :dl,
               [
                 content_tag(:dt, "Monthly downloads", class: "text-base font-bold"),
-                content_tag(:dd, "#{downloads_count}")
+                content_tag(:dd, View.humanize_count(downloads_count))
               ]
             )
           ])

apps/components_guide_web/lib/components_guide_web/templates/research/index.html.eex

@@ -31,6 +31,7 @@
         <ul class="list-none flex flex-wrap italic" style="--links-padding: 0.75em">
           <li><%= link("react-dom", to: "?q=react-dom") %>
           <li><%= link("preact", to: "?q=preact") %>
+          <li><%= link("vue", to: "?q=vue") %>
         </ul>
       </dd>
       <dt>Concepts</dt>

apps/components_guide_web/lib/components_guide_web/views/research_view.ex

@@ -22,4 +22,18 @@ defmodule ComponentsGuideWeb.ResearchView do
   def humanize_bytes(count) when is_integer(count) do
     "#{count} B"
   end
+
+  def humanize_count(count) when count >= 1_000_000 do
+    formatted = count / 1_000_000
+    "#{float_to_string(formatted, decimals: 1)}M"
+  end
+
+  def humanize_count(count) when count >= 1000 do
+    formatted = count / 1000
+    "#{float_to_string(formatted, decimals: 1)}K"
+  end
+
+  def humanize_count(count) when is_integer(count) do
+    "#{count}"
+  end
 end

apps/components_guide_web/test/collected_live_web/views/research_view_test.exs

@@ -4,40 +4,62 @@ defmodule ComponentsGuideWeb.ResearchViewTest do
   alias ComponentsGuideWeb.ResearchView, as: Subject
 
   describe "humanize_bytes/1" do
-    defp subject(count) do
-      Subject.humanize_bytes(count)
-    end
-
     test "0" do
-      assert subject(0) == "0 B"
+      assert Subject.humanize_bytes(0) == "0 B"
     end
 
     test "1" do
-      assert subject(1) == "1 B"
+      assert Subject.humanize_bytes(1) == "1 B"
     end
 
     test "1023" do
-      assert subject(1023) == "1023 B"
+      assert Subject.humanize_bytes(1023) == "1023 B"
     end
 
     test "1024" do
-      assert subject(1024) == "1.0 kB"
+      assert Subject.humanize_bytes(1024) == "1.0 kB"
     end
 
     test "1025" do
-      assert subject(1025) == "1.0 kB"
+      assert Subject.humanize_bytes(1025) == "1.0 kB"
     end
 
     test "1_000_000" do
-      assert subject(1_000_000) == "976.6 kB"
+      assert Subject.humanize_bytes(1_000_000) == "976.6 kB"
     end
 
     test "1_048_575" do
-      assert subject(1_048_575) == "1024.0 kB"
+      assert Subject.humanize_bytes(1_048_575) == "1024.0 kB"
     end
 
     test "1_048_576" do
-      assert subject(1_048_576) == "1.0 mB"
+      assert Subject.humanize_bytes(1_048_576) == "1.0 mB"
+    end
+  end
+
+  describe "humanize_count/1" do
+    test "0" do
+      assert Subject.humanize_count(0) == "0"
+    end
+
+    test "1" do
+      assert Subject.humanize_count(1) == "1"
+    end
+
+    test "999" do
+      assert Subject.humanize_count(999) == "999"
+    end
+
+    test "1000" do
+      assert Subject.humanize_count(1000) == "1.0K"
+    end
+
+    test "10,000" do
+      assert Subject.humanize_count(10_000) == "10.0K"
+    end
+
+    test "1,000,000" do
+      assert Subject.humanize_count(1_000_000) == "1.0M"
     end
   end
 end