Hello world!
-Number of presses: <%= @counter %>
- + + + + + + +
+
+
+
+
+
+<.pagination page={@page} total_pages={@total_pages} />
diff --git a/lib/error_tracker/web/live/show.ex b/lib/error_tracker/web/live/show.ex
new file mode 100644
index 0000000..564b6a1
--- /dev/null
+++ b/lib/error_tracker/web/live/show.ex
@@ -0,0 +1,117 @@
+defmodule ErrorTracker.Web.Live.Show do
+ @moduledoc false
+ use ErrorTracker.Web, :live_view
+
+ import Ecto.Query
+
+ alias ErrorTracker.Error
+ alias ErrorTracker.Occurrence
+ alias ErrorTracker.Repo
+
+ @occurrences_to_navigate 50
+
+ @impl Phoenix.LiveView
+ def mount(%{"id" => id}, _session, socket) do
+ error = Repo.get!(Error, id)
+ {:ok, assign(socket, error: error, app: Application.fetch_env!(:error_tracker, :application))}
+ end
+
+ @impl Phoenix.LiveView
+ def handle_params(%{"occurrence_id" => occurrence_id}, _uri, socket) do
+ occurrence =
+ socket.assigns.error
+ |> Ecto.assoc(:occurrences)
+ |> Repo.get!(occurrence_id)
+
+ socket =
+ socket
+ |> assign(:occurrence, occurrence)
+ |> load_related_occurrences()
+
+ {:noreply, socket}
+ end
+
+ def handle_params(_, _uri, socket) do
+ [occurrence] =
+ socket.assigns.error
+ |> Ecto.assoc(:occurrences)
+ |> order_by([o], desc: o.id)
+ |> limit(1)
+ |> Repo.all()
+
+ socket =
+ socket
+ |> assign(:occurrence, occurrence)
+ |> load_related_occurrences()
+
+ {:noreply, socket}
+ end
+
+ @impl Phoenix.LiveView
+ def handle_event("occurrence_navigation", %{"occurrence_id" => id}, socket) do
+ {:noreply,
+ push_patch(socket,
+ to: occurrence_path(socket.assigns, %Occurrence{error_id: socket.assigns.error.id, id: id})
+ )}
+ end
+
+ @impl Phoenix.LiveView
+ def handle_event("resolve", _params, socket) do
+ {:ok, updated_error} = ErrorTracker.resolve(socket.assigns.error)
+
+ {:noreply, assign(socket, :error, updated_error)}
+ end
+
+ @impl Phoenix.LiveView
+ def handle_event("unresolve", _params, socket) do
+ {:ok, updated_error} = ErrorTracker.unresolve(socket.assigns.error)
+
+ {:noreply, assign(socket, :error, updated_error)}
+ end
+
+ defp load_related_occurrences(socket) do
+ current_occurrence = socket.assigns.occurrence
+ base_query = Ecto.assoc(socket.assigns.error, :occurrences)
+
+ half_limit = floor(@occurrences_to_navigate / 2)
+
+ previous_occurrences_query = where(base_query, [o], o.id < ^current_occurrence.id)
+ next_occurrences_query = where(base_query, [o], o.id > ^current_occurrence.id)
+ previous_count = Repo.aggregate(previous_occurrences_query, :count)
+ next_count = Repo.aggregate(next_occurrences_query, :count)
+
+ {previous_limit, next_limit} =
+ cond do
+ previous_count < half_limit and next_count < half_limit ->
+ {previous_count, next_count}
+
+ previous_count < half_limit ->
+ {previous_count, @occurrences_to_navigate - previous_count - 1}
+
+ next_count < half_limit ->
+ {@occurrences_to_navigate - next_count - 1, next_count}
+
+ true ->
+ {half_limit, half_limit}
+ end
+
+ occurrences =
+ [
+ related_occurrences(next_occurrences_query, next_limit),
+ current_occurrence,
+ related_occurrences(previous_occurrences_query, previous_limit)
+ ]
+ |> List.flatten()
+ |> Enum.reverse()
+
+ assign(socket, :occurrences, occurrences)
+ end
+
+ defp related_occurrences(query, num_results) do
+ query
+ |> order_by([o], desc: o.id)
+ |> select([:id, :error_id, :inserted_at])
+ |> limit(^num_results)
+ |> Repo.all()
+ end
+end
diff --git a/lib/error_tracker/web/live/show.html.heex b/lib/error_tracker/web/live/show.html.heex
new file mode 100644
index 0000000..c01f7c4
--- /dev/null
+++ b/lib/error_tracker/web/live/show.html.heex
@@ -0,0 +1,101 @@
+| Error | +Last occurrence | +Status | ++ |
|---|---|---|---|
|
+ <.link navigate={error_path(assigns, error)}>
+ (<%= sanitize_module(error.kind) %>) <%= error.reason %>
+
+
+ <%= sanitize_module(error.source_function) %>
+ |
+ + <%= format_datetime(error.last_occurrence_at) %> + | ++ <.badge :if={error.status == :resolved} color={:green}>Resolved + <.badge :if={error.status == :unresolved} color={:red}>Unresolved + | ++ <.button + :if={error.status == :unresolved} + phx-click="resolve" + phx-value-error_id={error.id} + > + Resolve + + + <.button + :if={error.status == :resolved} + phx-click="unresolve" + phx-value-error_id={error.id} + > + Unresolve + + | +
+ <.button type="link" href={dashboard_path(assigns)}>Back to the dashboard
+
+
+
+
+
++ Error #<%= @error.id %> @ <%= format_datetime(@occurrence.inserted_at) %> +
++ (<%= sanitize_module(@error.kind) %>) <%= @error.reason + |> String.replace("\n", " ") + |> String.trim() %> +
+
+
diff --git a/lib/error_tracker/web/router.ex b/lib/error_tracker/web/router.ex
index 52136df..8254b34 100644
--- a/lib/error_tracker/web/router.ex
+++ b/lib/error_tracker/web/router.ex
@@ -7,7 +7,7 @@ defmodule ErrorTracker.Web.Router do
It requires a path in which you are going to serve the web interface.
"""
defmacro error_tracker_dashboard(path, opts \\ []) do
- {session_name, session_opts} = parse_options(opts)
+ {session_name, session_opts} = parse_options(opts, path)
quote do
scope unquote(path), alias: false, as: false do
@@ -15,14 +15,20 @@ defmodule ErrorTracker.Web.Router do
live_session unquote(session_name), unquote(session_opts) do
live "/", ErrorTracker.Web.Live.Dashboard, :index, as: unquote(session_name)
+ live "/:id", ErrorTracker.Web.Live.Show, :show, as: unquote(session_name)
+ live "/:id/:occurrence_id", ErrorTracker.Web.Live.Show, :show, as: unquote(session_name)
end
end
end
end
@doc false
- def parse_options(opts) do
- on_mount = Keyword.get(opts, :on_mount, [])
+ def parse_options(opts, path) do
+ custom_on_mount = Keyword.get(opts, :on_mount, [])
+
+ on_mount =
+ [{ErrorTracker.Web.Hooks.SetAssigns, {:set_dashboard_path, path}}] ++ custom_on_mount
+
session_name = Keyword.get(opts, :as, :error_tracker_dashboard)
session_opts = [
diff --git a/lib/error_tracker/web/router/routes.ex b/lib/error_tracker/web/router/routes.ex
new file mode 100644
index 0000000..5945b42
--- /dev/null
+++ b/lib/error_tracker/web/router/routes.ex
@@ -0,0 +1,24 @@
+defmodule ErrorTracker.Web.Router.Routes do
+ @moduledoc """
+ Module used to generate dashboard routes.
+ """
+
+ alias ErrorTracker.Error
+ alias ErrorTracker.Occurrence
+
+ @doc """
+ Returns the dashboard path
+ """
+ def dashboard_path(%{dashboard_path: dashboard_path}), do: dashboard_path
+
+ @doc """
+ Returns the path to see the details of an error
+ """
+ def error_path(assigns, %Error{id: id}), do: dashboard_path(assigns) <> "/#{id}"
+
+ @doc """
+ Returns the path to see the details of an occurrence
+ """
+ def occurrence_path(assigns, %Occurrence{id: id, error_id: error_id}),
+ do: dashboard_path(assigns) <> "/#{error_id}/#{id}"
+end
diff --git a/mix.exs b/mix.exs
index 38a3fe7..f40688d 100644
--- a/mix.exs
+++ b/mix.exs
@@ -47,6 +47,7 @@ defmodule ErrorTracker.MixProject do
{:ecto, "~> 3.11"},
{:jason, "~> 1.1"},
{:phoenix_live_view, "~> 0.19 or ~> 1.0"},
+ {:phoenix_ecto, "~> 4.6"},
{:plug, "~> 1.10"},
{:postgrex, ">= 0.0.0"},
# Dev dependencies
diff --git a/mix.lock b/mix.lock
index 0f48b67..61237f0 100644
--- a/mix.lock
+++ b/mix.lock
@@ -20,6 +20,7 @@
"mime": {:hex, :mime, "2.0.5", "dc34c8efd439abe6ae0343edbb8556f4d63f178594894720607772a041b04b02", [:mix], [], "hexpm", "da0d64a365c45bc9935cc5c8a7fc5e49a0e0f9932a761c55d6c52b142780a05c"},
"nimble_parsec": {:hex, :nimble_parsec, "1.4.0", "51f9b613ea62cfa97b25ccc2c1b4216e81df970acd8e16e8d1bdc58fef21370d", [:mix], [], "hexpm", "9c565862810fb383e9838c1dd2d7d2c437b3d13b267414ba6af33e50d2d1cf28"},
"phoenix": {:hex, :phoenix, "1.7.12", "1cc589e0eab99f593a8aa38ec45f15d25297dd6187ee801c8de8947090b5a9d3", [:mix], [{:castore, ">= 0.0.0", [hex: :castore, repo: "hexpm", optional: false]}, {:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: true]}, {:phoenix_pubsub, "~> 2.1", [hex: :phoenix_pubsub, repo: "hexpm", optional: false]}, {:phoenix_template, "~> 1.0", [hex: :phoenix_template, repo: "hexpm", optional: false]}, {:phoenix_view, "~> 2.0", [hex: :phoenix_view, repo: "hexpm", optional: true]}, {:plug, "~> 1.14", [hex: :plug, repo: "hexpm", optional: false]}, {:plug_cowboy, "~> 2.7", [hex: :plug_cowboy, repo: "hexpm", optional: true]}, {:plug_crypto, "~> 1.2 or ~> 2.0", [hex: :plug_crypto, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}, {:websock_adapter, "~> 0.5.3", [hex: :websock_adapter, repo: "hexpm", optional: false]}], "hexpm", "d646192fbade9f485b01bc9920c139bfdd19d0f8df3d73fd8eaf2dfbe0d2837c"},
+ "phoenix_ecto": {:hex, :phoenix_ecto, "4.6.2", "3b83b24ab5a2eb071a20372f740d7118767c272db386831b2e77638c4dcc606d", [:mix], [{:ecto, "~> 3.5", [hex: :ecto, repo: "hexpm", optional: false]}, {:phoenix_html, "~> 2.14.2 or ~> 3.0 or ~> 4.1", [hex: :phoenix_html, repo: "hexpm", optional: true]}, {:plug, "~> 1.9", [hex: :plug, repo: "hexpm", optional: false]}, {:postgrex, "~> 0.16 or ~> 1.0", [hex: :postgrex, repo: "hexpm", optional: true]}], "hexpm", "3f94d025f59de86be00f5f8c5dd7b5965a3298458d21ab1c328488be3b5fcd59"},
"phoenix_html": {:hex, :phoenix_html, "4.1.1", "4c064fd3873d12ebb1388425a8f2a19348cef56e7289e1998e2d2fa758aa982e", [:mix], [], "hexpm", "f2f2df5a72bc9a2f510b21497fd7d2b86d932ec0598f0210fed4114adc546c6f"},
"phoenix_live_reload": {:hex, :phoenix_live_reload, "1.5.3", "f2161c207fda0e4fb55165f650f7f8db23f02b29e3bff00ff7ef161d6ac1f09d", [:mix], [{:file_system, "~> 0.3 or ~> 1.0", [hex: :file_system, repo: "hexpm", optional: false]}, {:phoenix, "~> 1.4", [hex: :phoenix, repo: "hexpm", optional: false]}], "hexpm", "b4ec9cd73cb01ff1bd1cac92e045d13e7030330b74164297d1aee3907b54803c"},
"phoenix_live_view": {:hex, :phoenix_live_view, "0.20.14", "70fa101aa0539e81bed4238777498f6215e9dda3461bdaa067cad6908110c364", [:mix], [{:floki, "~> 0.36", [hex: :floki, repo: "hexpm", optional: true]}, {:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: true]}, {:phoenix, "~> 1.6.15 or ~> 1.7.0", [hex: :phoenix, repo: "hexpm", optional: false]}, {:phoenix_html, "~> 3.3 or ~> 4.0", [hex: :phoenix_html, repo: "hexpm", optional: false]}, {:phoenix_template, "~> 1.0", [hex: :phoenix_template, repo: "hexpm", optional: false]}, {:phoenix_view, "~> 2.0", [hex: :phoenix_view, repo: "hexpm", optional: true]}, {:plug, "~> 1.15", [hex: :plug, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4.2 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "82f6d006c5264f979ed5eb75593d808bbe39020f20df2e78426f4f2d570e2402"},
+ <.section title="Full message">
+
+
+ <%= @error.reason %>+ + + <.section title="Source"> +
+ <%= sanitize_module(@error.source_function) %> + <%= @error.source_line %>+ + + <.section title="Stacktrace"> +
+
+
+
+
+
+
+ <.section title="Context">
+
+
+
+
+ (<%= line.application || @app %>) |
+
+ <%= "#{sanitize_module(line.module)}.#{line.function}/#{line.arity}" %>
+ <%= "#{line.file}.#{line.line}" %>
+ |
+
<%= Jason.encode!(@occurrence.context, pretty: true) %>+ +
+ <.section title="Occurrence">
+
+
+
+ <.section title="Error kind">
+
+<%= sanitize_module(@error.kind) %>+ + + <.section title="Last seen"> +
<%= format_datetime(@error.last_occurrence_at) %>+ + + <.section title="Status" title_class="mb-3"> + <.badge :if={@error.status == :resolved} color={:green}>Resolved + <.badge :if={@error.status == :unresolved} color={:red}>Unresolved + + + <.section> + <.button :if={@error.status == :unresolved} phx-click="resolve"> + Mark as resolved + + + <.button :if={@error.status == :resolved} phx-click="unresolve"> + Mark as unresolved + + +