IMP: Markdown support (#23)

lib/planner_web.ex

@@ -38,6 +38,9 @@ defmodule PlannerWeb do
       import Phoenix.Controller, only: [get_flash: 1, get_flash: 2, view_module: 1]
       import Phoenix.LiveView.Helpers
 
+      # Internal View Utils
+      import PlannerWeb.Util
+
       # Include shared imports and aliases for views
       unquote(view_helpers())
     end

lib/planner_web/templates/task/index.html.eex

@@ -19,7 +19,7 @@
               </div>
             <% end %>
             <%= link to: Routes.task_path(@conn, :show, task.id), class: "has-text-black" do %>
-              <%= task.value %>
+              <%= md_to_html task.value %>
             <% end %>
           </td>
         </tr>

lib/planner_web/templates/task/show.html.eex

@@ -6,9 +6,9 @@
     </div>
   <% end %>
 
-  <p class="mb-5">
-    <%= @task.value %>
-  </p>
+  <div class="mb-5">
+    <%= md_to_html @task.value %>
+  </div>
 
   <div class="tags">
     <span class="tag is-light">updated: <%= @task.updated_at %></span>

lib/planner_web/views/util.ex

@@ -0,0 +1,10 @@
+defmodule PlannerWeb.Util do
+  import Phoenix.HTML
+  alias Earmark.Options
+
+  def md_to_html(md_text) do
+    md_text
+    |> Earmark.as_html!(%Options{smartypants: false})
+    |> raw
+  end
+end

mix.exs

@@ -36,6 +36,7 @@ defmodule Planner.MixProject do
       {:bcrypt_elixir, "~> 2.0"},
       {:phoenix, "~> 1.5.1"},
       {:phoenix_ecto, "~> 4.1"},
+      {:earmark, "~> 1.4.5"},
       {:ecto_sql, "~> 3.4"},
       {:postgrex, ">= 0.0.0"},
       {:phoenix_html, "~> 2.11"},

mix.lock

@@ -6,6 +6,7 @@
   "cowlib": {:hex, :cowlib, "2.9.1", "61a6c7c50cf07fdd24b2f45b89500bb93b6686579b069a89f88cb211e1125c78", [:rebar3], [], "hexpm", "e4175dc240a70d996156160891e1c62238ede1729e45740bdd38064dad476170"},
   "db_connection": {:hex, :db_connection, "2.2.2", "3bbca41b199e1598245b716248964926303b5d4609ff065125ce98bcd368939e", [:mix], [{:connection, "~> 1.0.2", [hex: :connection, repo: "hexpm", optional: false]}], "hexpm", "642af240d8a8affb93b4ba5a6fcd2bbcbdc327e1a524b825d383711536f8070c"},
   "decimal": {:hex, :decimal, "1.8.1", "a4ef3f5f3428bdbc0d35374029ffcf4ede8533536fa79896dd450168d9acdf3c", [:mix], [], "hexpm", "3cb154b00225ac687f6cbd4acc4b7960027c757a5152b369923ead9ddbca7aec"},
+  "earmark": {:hex, :earmark, "1.4.5", "62ffd3bd7722fb7a7b1ecd2419ea0b458c356e7168c1f5d65caf09b4fbdd13c8", [:mix], [], "hexpm", "b7d0e6263d83dc27141a523467799a685965bf8b13b6743413f19a7079843f4f"},
   "ecto": {:hex, :ecto, "3.4.4", "a2c881e80dc756d648197ae0d936216c0308370332c5e77a2325a10293eef845", [:mix], [{:decimal, "~> 1.6 or ~> 2.0", [hex: :decimal, repo: "hexpm", optional: false]}, {:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: true]}, {:telemetry, "~> 0.4", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "cc4bd3ad62abc3b21fb629f0f7a3dab23a192fca837d257dd08449fba7373561"},
   "ecto_sql": {:hex, :ecto_sql, "3.4.4", "d28bac2d420f708993baed522054870086fd45016a9d09bb2cd521b9c48d32ea", [:mix], [{:db_connection, "~> 2.2", [hex: :db_connection, repo: "hexpm", optional: false]}, {:ecto, "~> 3.4.3", [hex: :ecto, repo: "hexpm", optional: false]}, {:myxql, "~> 0.3.0 or ~> 0.4.0", [hex: :myxql, repo: "hexpm", optional: true]}, {:postgrex, "~> 0.15.0", [hex: :postgrex, repo: "hexpm", optional: true]}, {:tds, "~> 2.1.0", [hex: :tds, repo: "hexpm", optional: true]}, {:telemetry, "~> 0.4.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "edb49af715dd72f213b66adfd0f668a43c17ed510b5d9ac7528569b23af57fe8"},
   "elixir_make": {:hex, :elixir_make, "0.6.0", "38349f3e29aff4864352084fc736fa7fa0f2995a819a737554f7ebd28b85aaab", [:mix], [], "hexpm", "d522695b93b7f0b4c0fcb2dfe73a6b905b1c301226a5a55cb42e5b14d509e050"},