Make caniuse spec match more results

Author: RoyalIcing

apps/components_guide/lib/components_guide/research/spec.ex

@@ -10,6 +10,7 @@ defmodule ComponentsGuide.Research.Spec do
   def search_for(:npm_downloads_last_month, query) when is_binary(query) do
     query = String.trim(query)
     url = "https://api.npmjs.org/downloads/point/last-month/#{query}"
+
     case Source.json_at(url) do
       {:ok, %{"downloads" => downloads_count, "package" => name}} ->
         %{downloads_count: downloads_count, name: name}
@@ -65,22 +66,13 @@ defmodule ComponentsGuide.Research.Spec do
 
     table = data["data"]
 
-    if false do
-      keys = Map.keys(table)
-      inspect(keys)
-    else
-      matching_keywords =
-        table
-        |> Enum.flat_map(fn {key, value} ->
-          case value["keywords"] |> String.contains?(query) do
-            true -> [value]
-            false -> []
-          end
-        end)
-
-      # table["documenthead"] |> inspect()
-      matching_keywords
-    end
+    table
+    |> Stream.filter(fn {_key, value} ->
+      value["keywords"] |> String.contains?(query) ||
+        value["title"] |> String.downcase() |> String.contains?(query) ||
+        value["description"] |> String.downcase() |> String.contains?(query)
+    end)
+    |> Enum.map(fn {_key, value} -> value end)
   end
 
   defp process_search_for(:wai_aria_practices, query, {:ok, document}) when is_binary(query) do

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

@@ -160,19 +160,19 @@ defmodule ComponentsGuideWeb.ResearchController do
           :dl,
           [
             content_tag(:dt, "Description", class: "font-bold"),
-            content_tag(:dd, "#{description}"),
+            content_tag(:dd, "#{description}", class: "text-base"),
             case notes do
               "" ->
                 []
 
               notes ->
                 [
                   content_tag(:dt, "Notes", class: "font-bold"),
-                  content_tag(:dd, "#{notes}")
+                  content_tag(:dd, "#{notes}", class: "text-base")
                 ]
             end,
             content_tag(:dt, "Internet Explorer", class: "font-bold"),
-            content_tag(:dd, "#{inspect(stats["ie"])}")
+            content_tag(:dd, "#{inspect(stats["ie"])}", class: "text-sm")
             # content_tag(:dd, "#{inspect(item)}")
           ],
           class: "grid grid-flow-col gap-4",
@@ -260,9 +260,9 @@ defmodule ComponentsGuideWeb.ResearchController do
     # ComponentsGuide.Research.Source.clear_cache()
     [
       static(query),
+      caniuse(query),
       bundlephobia(query),
       npm_downloads(query),
-      caniuse(query),
       html_spec(query),
       aria_practices(query),
       html_aria(query)

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

@@ -1,6 +1,8 @@
 <%
 heading = "Research 🔍 specs and implementations"
 heading = "Search across Can I Use, BundlePhobia, RFCs, W3 & WhatWG specs"
+search_url = fn (q) -> "?" <> URI.encode_query(q: q) end
+search_link = fn (q) -> link(q, to: search_url.(q)) end
 %>
 
 <header class="text-white bg-gray-900">
@@ -43,6 +45,18 @@ heading = "Search across Can I Use, BundlePhobia, RFCs, W3 & WhatWG specs"
           <li><%= link("wonka", to: "?q=wonka") %>
         </ul>
       </dd>
+      <dt>Features</dt>
+      <dd>
+        <ul class="list-none flex flex-wrap italic" style="--link-padding: 0.75em">
+          <li><%= search_link.("CSS Variables") %>
+          <li><%= search_link.("Generators") %>
+          <li><%= search_link.("Template Literals") %>
+          <li><%= search_link.("Proxy") %>
+          <li><%= search_link.("CSS Grid") %>
+          <li><%= search_link.("Dynamic Import") %>
+          <li><%= search_link.("BigInt") %>
+        </ul>
+      </dd>
       <dt>Specs</dt>
       <dd>
         <ul class="list-none flex flex-wrap italic" style="--link-padding: 0.75em">