Improve html aria spec search

Author: RoyalIcing

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

@@ -40,12 +40,48 @@ defmodule ComponentsGuide.Research.Spec do
     url = "https://www.w3.org/TR/html-aria/"
     {:ok, document} = Source.html_document_at(url)
 
-    document
-    |> Floki.find(
-      "#document-conformance-requirements-for-use-of-aria-attributes-in-html table tbody tr"
-    )
-    # |> Floki.find("#id-#{query}")
-    |> Floki.raw_html()
+    html_elements =
+      document
+      |> Floki.find(
+        "#document-conformance-requirements-for-use-of-aria-attributes-in-html table tbody"
+      )
+      |> Floki.find("tr")
+
+    # |> Floki.find("[id*='#{query}']")
+    # |> Floki.find("tr:fl-contains('#{query}')")
+
+    html_elements =
+      Enum.filter(html_elements, fn
+        el = {"tr", _attrs, _children} ->
+          Floki.text(el) |> String.contains?(query)
+
+        _ ->
+          false
+      end)
+
+    # html_elements =
+    #   Floki.traverse_and_update(html_elements, fn
+    #     el = {"tr", _attrs, _children} ->
+    #       case Floki.text(el) |> String.contains?(query) do
+    #         true -> el
+    #         false -> nil
+    #       end
+
+    #     el ->
+    #       el
+    #   end)
+
+    results =
+      Enum.map(html_elements, fn el ->
+        html_feature = Floki.find(el, "td:first-of-type")
+        implicit_semantics = Floki.find(el, "td:nth-of-type(2)")
+
+        %{
+          heading: html_feature |> Floki.text(),
+          implicit_semantics: implicit_semantics |> Floki.text(),
+          html: el
+        }
+      end)
   end
 
   def search_for(:wai_aria_practices, query) when is_binary(query) do

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

@@ -72,6 +72,9 @@ defmodule ComponentsGuideWeb.ResearchController do
       %{"error" => %{"code" => "PackageNotFoundError"}} ->
         content_tag(:p, "Not found")
 
+      %{"error" => _} ->
+        []
+
       other ->
         inspect(other)
     end
@@ -132,6 +135,24 @@ defmodule ComponentsGuideWeb.ResearchController do
     end
   end
 
+  defp html_aria(query) do
+    case Spec.search_for(:html_aria_spec, query) do
+      results ->
+        Enum.map(results, fn %{heading: heading, implicit_semantics: implicit_semantics} ->
+          Section.card([
+            content_tag(:h3, heading, class: "text-2xl"),
+            content_tag(
+              :dl,
+              [
+                content_tag(:dt, "Implicit semantics", class: "font-bold"),
+                content_tag(:dd, "#{implicit_semantics}")
+              ]
+            )
+          ])
+        end)
+    end
+  end
+
   defp load_results(query) when is_binary(query) do
     # ComponentsGuide.Research.Source.clear_cache()
     [
@@ -153,7 +174,7 @@ defmodule ComponentsGuideWeb.ResearchController do
       ]),
       content_tag(:article, [
         h2("HTML ARIA"),
-        Spec.search_for(:html_aria_spec, query) |> present_results()
+        html_aria(query)
       ])
     ]
   end

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

@@ -14,7 +14,7 @@
           <li><%= link("button", to: "?q=button") %>
           <li><%= link("contentinfo", to: "?q=contentinfo") %>
           <li><%= link("dialog", to: "?q=dialog") %>
-          <li><%= link("menuitem", to: "?q=menuitem") %>
+          <li><%= link("menu", to: "?q=menu") %>
         </ul>
       </dd>
       <dt>Third-party</dt>