Add research page

Author: RoyalIcing

Makefile

@@ -10,3 +10,6 @@ install_assets:
 
 dev:
 	iex -S mix phx.server
+
+clean:
+	rm -rf ./_build

apps/components_guide/lib/components_guide/http_client.ex

@@ -0,0 +1,7 @@
+defmodule ComponentsGuide.HTTPClient do
+  use Tesla #, only: [:get]
+
+  plug Tesla.Middleware.FollowRedirects, max_redirects: 3
+  plug Tesla.Middleware.Timeout, timeout: 30_000
+
+end

apps/components_guide/mix.exs

@@ -39,7 +39,8 @@ defmodule ComponentsGuide.MixProject do
       {:cachex, "~> 3.1"},
       {:ecto, "~> 3.1.4"},
       {:httpotion, "~> 3.1.0"},
-      {:jason, "~> 1.0"}
+      {:jason, "~> 1.0"},
+      {:tesla, "~> 1.3.0"},
     ]
   end
 

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

@@ -0,0 +1,30 @@
+defmodule ComponentsGuideWeb.ResearchController do
+  use ComponentsGuideWeb, :controller
+
+  alias ComponentsGuide.HTTPClient
+
+  def index(conn, %{"q" => query}) do
+    query = query |> String.trim()
+
+    case query do
+      "" ->
+        render(conn, "empty.html")
+
+      query ->
+        results = load_results(query)
+        render(conn, "index.html", %{query: query, results: results})
+    end
+  end
+
+  def index(conn, _params) do
+    index(conn, %{"q" => ""})
+  end
+
+  defp load_results(query) when is_binary(query) do
+    url = "https://html.spec.whatwg.org/"
+    result = HTTPClient.get(url)
+    {:ok, response} = result
+    html = response.body
+    html
+  end
+end

apps/components_guide_web/lib/components_guide_web/router.ex

@@ -19,6 +19,8 @@ defmodule ComponentsGuideWeb.Router do
 
     get "/", LandingController, :index
 
+    get "/research", ResearchController, :index
+
     get "/concepts", ConceptsController, :index
 
     get "/links", LinksController, :index

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

@@ -0,0 +1,13 @@
+<header class="text-white">
+  <section class="container px-6 pt-12 pb-12">
+    <h2 class="mx-auto max-w-4xl text-5xl text-center font-bold leading-tight text-shadow">
+      <%= "Research 🔍 specs and implementations" %>
+    </h2>
+  </section>
+</header>
+
+<div class="bg-white py-16">
+  <div class="container px-6">
+    <h1>No query</h1>
+  </div>
+</div>

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

@@ -0,0 +1,17 @@
+<header class="text-white">
+  <section class="container px-6 pt-12 pb-12">
+    <h2 class="mx-auto max-w-4xl text-5xl text-center font-bold leading-tight text-shadow">
+      <%= "Research 🔍 specs and implementations" %>
+    </h2>
+  </section>
+</header>
+
+<div class="bg-white py-16">
+  <div class="container px-6">
+    <h1>
+      Results for
+      <strong><%= @query %></strong>:
+    </h1>
+    <%= @results %>
+  </div>
+</div>

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

@@ -0,0 +1,9 @@
+defmodule ComponentsGuideWeb.ResearchView do
+  use ComponentsGuideWeb, :view
+
+  def results(query) do
+    ~E"""
+    Content!
+    """
+  end
+end

mix.lock

@@ -25,5 +25,6 @@
   "plug_crypto": {:hex, :plug_crypto, "1.0.0", "18e49317d3fa343f24620ed22795ec29d4a5e602d52d1513ccea0b07d8ea7d4d", [:mix], [], "hexpm", "73c1682f0e414cfb5d9b95c8e8cd6ffcfdae699e3b05e1db744e58b7be857759"},
   "ranch": {:hex, :ranch, "1.7.1", "6b1fab51b49196860b733a49c07604465a47bdb78aa10c1c16a3d199f7f8c881", [:rebar3], [], "hexpm", "451d8527787df716d99dc36162fca05934915db0b6141bbdac2ea8d3c7afc7d7"},
   "sleeplocks": {:hex, :sleeplocks, "1.1.1", "3d462a0639a6ef36cc75d6038b7393ae537ab394641beb59830a1b8271faeed3", [:rebar3], [], "hexpm", "84ee37aeff4d0d92b290fff986d6a95ac5eedf9b383fadfd1d88e9b84a1c02e1"},
+  "tesla": {:hex, :tesla, "1.3.3", "26ae98627af5c406584aa6755ab5fc96315d70d69a24dd7f8369cfcb75094a45", [:mix], [{:castore, "~> 0.1", [hex: :castore, repo: "hexpm", optional: true]}, {:exjsx, ">= 3.0.0", [hex: :exjsx, repo: "hexpm", optional: true]}, {:fuse, "~> 2.4", [hex: :fuse, repo: "hexpm", optional: true]}, {:gun, "~> 1.3", [hex: :gun, repo: "hexpm", optional: true]}, {:hackney, "~> 1.6", [hex: :hackney, repo: "hexpm", optional: true]}, {:ibrowse, "~> 4.4.0", [hex: :ibrowse, repo: "hexpm", optional: true]}, {:jason, ">= 1.0.0", [hex: :jason, repo: "hexpm", optional: true]}, {:mime, "~> 1.0", [hex: :mime, repo: "hexpm", optional: false]}, {:mint, "~> 1.0", [hex: :mint, repo: "hexpm", optional: true]}, {:poison, ">= 1.0.0", [hex: :poison, repo: "hexpm", optional: true]}, {:telemetry, "~> 0.4", [hex: :telemetry, repo: "hexpm", optional: true]}], "hexpm", "2648f1c276102f9250299e0b7b57f3071c67827349d9173f34c281756a1b124c"},
   "unsafe": {:hex, :unsafe, "1.0.1", "a27e1874f72ee49312e0a9ec2e0b27924214a05e3ddac90e91727bc76f8613d8", [:mix], [], "hexpm", "6c7729a2d214806450d29766abc2afaa7a2cbecf415be64f36a6691afebb50e5"},
 }