Add Simple Icons to search

Author: royalicing

lib/components_guide/application.ex

@@ -27,8 +27,12 @@ defmodule ComponentsGuide.Application do
         start: {Cachex, :start_link, [:content_cache, []]}
       },
       %{
-        id: :research_spec_cache,
-        start: {Cachex, :start_link, [:research_spec_cache, []]}
+        id: ComponentsGuide.Research.Source.cache_name(),
+        start: {Cachex, :start_link, [ComponentsGuide.Research.Source.cache_name(), []]}
+      },
+      %{
+        id: ComponentsGuide.Research.Static.Sources.cache_name(),
+        start: {Cachex, :start_link, [ComponentsGuide.Research.Static.Sources.cache_name(), []]}
       },
       {Redix, {redis_url_string, [name: :redix_cache]}}
       # ComponentsGuide.Worker

lib/components_guide/research/source.ex

@@ -6,6 +6,8 @@ defmodule ComponentsGuide.Research.Source do
 
   @cache_name :research_spec_cache
 
+  def cache_name(), do: @cache_name
+
   defp read_cache(key) do
     if @cache_enabled do
       tuple = {:ok, value} = Cachex.get(@cache_name, key)

lib/components_guide/research/static.ex

@@ -1,4 +1,6 @@
 defmodule ComponentsGuide.Research.Static do
+  alias ComponentsGuide.Fetch
+
   @http_statuses_list [
     {101, "Switching Protocols", ""},
     {200, "OK", ""},
@@ -338,6 +340,50 @@ defmodule ComponentsGuide.Research.Static do
               ]
               |> MapSet.new()
 
+  defmodule Sources do
+    @cache_enabled true
+    @cache_name :static_sources_cache
+
+    def cache_name(), do: @cache_name
+
+    defp read_cache(key) do
+      if @cache_enabled do
+        {:ok, value} = Cachex.get(@cache_name, key)
+        value
+      else
+        nil
+      end
+    end
+
+    defp write_cache(key, value) do
+      if @cache_enabled do
+        Cachex.put(@cache_name, key, value)
+      end
+    end
+
+    def fetch_simple_icon_names() do
+      url = "https://unpkg.com/browse/simple-icons@8.5.0/icons/"
+
+      case cached = read_cache(url) do
+        nil ->
+          link_els =
+            Fetch.get!(url).body
+            |> Floki.parse_document!()
+            |> Floki.find("table tbody td a")
+
+          names = for {"a", _attrs, [text]} <- link_els, text != "..", do: text
+          names = MapSet.new(names)
+          write_cache(url, names)
+          names
+
+        names ->
+          names
+      end
+    end
+  end
+
+  @simple_icons ComponentsGuide.Research.Static.Sources.fetch_simple_icon_names()
+
   @aliases %{
     "redirect" => ["301", "302"],
     "invalid" => ["412", "422"],
@@ -348,7 +394,8 @@ defmodule ComponentsGuide.Research.Static do
     [
       search_for(:http_status, query),
       search_for(:rfc, query),
-      search_for(:super_tiny_icon, query)
+      search_for(:super_tiny_icon, query),
+      search_for(:simple_icons, query)
     ]
     |> List.flatten()
   end
@@ -395,7 +442,31 @@ defmodule ComponentsGuide.Research.Static do
              url: "https://cdn.jsdelivr.net/npm/super-tiny-icons@0.4.0/images/svg/#{query}.svg",
              urls: [
                "https://cdn.jsdelivr.net/npm/super-tiny-icons@0.4.0/images/svg/#{query}.svg",
-               "https://unpkg.com/super-tiny-icons@0.4.0/images/svg/#{query}.svg",
+               "https://unpkg.com/super-tiny-icons@0.4.0/images/svg/#{query}.svg"
+             ]
+           }}
+        ]
+
+      false ->
+        []
+    end
+  end
+
+  defp search_for(:simple_icons, query) when is_binary(query) do
+    query = query |> String.downcase() |> String.trim()
+    names = ComponentsGuide.Research.Static.Sources.fetch_simple_icon_names()
+    # names = @simple_icons
+
+    case MapSet.member?(names, query <> ".svg") do
+      true ->
+        [
+          {:simple_icon,
+           %{
+             name: query,
+             url: "https://cdn.jsdelivr.net/npm/simple-icons@8.5.0/icons/#{query}.svg",
+             urls: [
+               "https://cdn.jsdelivr.net/npm/simple-icons@8.5.0/icons/#{query}.svg",
+               "https://unpkg.com/simple-icons@8.5.0/icons/#{query}.svg"
              ]
            }}
         ]

lib/components_guide_web/controllers/research_controller.ex

@@ -247,7 +247,7 @@ defmodule ComponentsGuideWeb.ResearchView do
       ~H"""
       <article class="relative mb-4 flex flex-col gap-4 p-4 text-xl text-white bg-violet-900/25 border border-violet-900 rounded shadow-lg">
         <h3 class="pr-16 text-2xl"><%= render_slot(@title) %></h3>
-        <a href={@source_url} class="hover:underline absolute top-0 right-0 mt-4 mr-4 text-sm opacity-75"><%= @source %></a>
+        <a href={@source_url} class="hover:underline absolute top-0 right-0 mt-4 mr-4 py-1 px-3 text-sm opacity-75 bg-white/10 rounded-full"><%= @source %></a>
         <%= render_slot(@inner_block) %>
       </article>
       """
@@ -431,8 +431,8 @@ defmodule ComponentsGuideWeb.ResearchView do
   def super_tiny_icon(%{name: _, url: _, urls: _} = assigns) do
     ~H"""
     <.card source="Super Tiny Icons" source_url="https://www.supertinyicons.org/">
-      <:title><%= "#{@name |> String.capitalize()} Icon" %></:title>
-      <div class="flex flex-row space-x-4">
+      <:title><%= "#{@name |> String.capitalize()} icon" %></:title>
+      <div class="flex flex-row space-x-8">
         <img src={@url} width={80} height={80}>
         <.description_list>
           <:item title="URL" data={for(url <- @urls, do: link(url, to: url))} />
@@ -445,6 +445,23 @@ defmodule ComponentsGuideWeb.ResearchView do
     """
   end
 
+  def simple_icon(%{name: _, url: _, urls: _} = assigns) do
+    ~H"""
+    <.card source="Simple Icons" source_url="https://simpleicons.org">
+      <:title><%= "#{@name |> String.capitalize()} icon" %></:title>
+      <div class="flex flex-row items-center space-x-8">
+        <img src={@url} width={80} height={80} class="bg-white max-h-max p-2">
+        <.description_list>
+          <:item title="URL" data={for(url <- @urls, do: link(url, to: url))} />
+          <:item title="Size">
+            <%= client_include("/~/content-length?" <> URI.encode_query(url: @url), "loading…") %>
+          </:item>
+        </.description_list>
+      </div>
+    </.card>
+    """
+  end
+
   def render_static({type, info}) do
     case type do
       :http_status ->
@@ -457,6 +474,9 @@ defmodule ComponentsGuideWeb.ResearchView do
 
       :super_tiny_icon ->
         super_tiny_icon(info)
+
+      :simple_icon ->
+        simple_icon(info)
     end
   end