use slugs

lib/memex_web/live/note_live/form_component.ex

@@ -37,10 +37,10 @@ defmodule MemexWeb.NoteLive.FormComponent do
          note_params
        ) do
     case Notes.update_note(note, note_params, current_user) do
-      {:ok, %{title: title}} ->
+      {:ok, %{slug: slug}} ->
         {:noreply,
          socket
-         |> put_flash(:info, gettext("%{title} saved", title: title))
+         |> put_flash(:info, gettext("%{slug} saved", slug: slug))
          |> push_navigate(to: return_to)}
 
       {:error, %Ecto.Changeset{} = changeset} ->
@@ -54,10 +54,10 @@ defmodule MemexWeb.NoteLive.FormComponent do
          note_params
        ) do
     case Notes.create_note(note_params, current_user) do
-      {:ok, %{title: title}} ->
+      {:ok, %{slug: slug}} ->
         {:noreply,
          socket
-         |> put_flash(:info, gettext("%{title} created", title: title))
+         |> put_flash(:info, gettext("%{slug} created", slug: slug))
          |> push_navigate(to: return_to)}
 
       {:error, %Ecto.Changeset{} = changeset} ->

lib/memex_web/live/note_live/form_component.html.heex

@@ -9,11 +9,11 @@
     phx-debounce="300"
     class="flex flex-col justify-start items-stretch space-y-4"
   >
-    <%= text_input(f, :title,
+    <%= text_input(f, :slug,
       class: "input input-primary",
-      placeholder: gettext("title")
+      placeholder: gettext("slug")
     ) %>
-    <%= error_tag(f, :title) %>
+    <%= error_tag(f, :slug) %>
 
     <%= textarea(f, :content,
       id: "note-form-content",

lib/memex_web/live/note_live/index.ex

@@ -16,11 +16,11 @@ defmodule MemexWeb.NoteLive.Index do
     {:noreply, apply_action(socket, live_action, params)}
   end
 
-  defp apply_action(%{assigns: %{current_user: current_user}} = socket, :edit, %{"id" => id}) do
-    %{title: title} = note = Notes.get_note!(id, current_user)
+  defp apply_action(%{assigns: %{current_user: current_user}} = socket, :edit, %{"slug" => slug}) do
+    %{slug: slug} = note = Notes.get_note_by_slug(slug, current_user)
 
     socket
-    |> assign(page_title: gettext("edit %{title}", title: title))
+    |> assign(page_title: gettext("edit %{slug}", slug: slug))
     |> assign(note: note)
   end
 
@@ -49,12 +49,12 @@ defmodule MemexWeb.NoteLive.Index do
   @impl true
   def handle_event("delete", %{"id" => id}, %{assigns: %{current_user: current_user}} = socket) do
     note = Notes.get_note!(id, current_user)
-    {:ok, %{title: title}} = Notes.delete_note(note, current_user)
+    {:ok, %{slug: slug}} = Notes.delete_note(note, current_user)
 
     socket =
       socket
       |> assign(notes: Notes.list_notes(current_user))
-      |> put_flash(:info, gettext("%{title} deleted", title: title))
+      |> put_flash(:info, gettext("%{slug} deleted", slug: slug))
 
     {:noreply, socket}
   end

lib/memex_web/live/note_live/index.html.heex

@@ -32,7 +32,7 @@
       <:actions :let={note}>
         <%= if is_owner?(note, @current_user) do %>
           <.link
-            patch={Routes.note_index_path(@socket, :edit, note)}
+            patch={Routes.note_index_path(@socket, :edit, note.slug)}
             data-qa={"note-edit-#{note.id}"}
           >
             <%= dgettext("actions", "edit") %>

lib/memex_web/live/note_live/show.ex

@@ -10,11 +10,15 @@ defmodule MemexWeb.NoteLive.Show do
 
   @impl true
   def handle_params(
-        %{"id" => id},
+        %{"slug" => slug},
         _,
         %{assigns: %{live_action: live_action, current_user: current_user}} = socket
       ) do
-    note = Notes.get_note!(id, current_user)
+    note =
+      case Notes.get_note_by_slug(slug, current_user) do
+        nil -> raise MemexWeb.NotFoundError, gettext("%{slug} could not be found", slug: slug)
+        note -> note
+      end
 
     socket =
       socket
@@ -30,18 +34,18 @@ defmodule MemexWeb.NoteLive.Show do
         _params,
         %{assigns: %{note: note, current_user: current_user}} = socket
       ) do
-    {:ok, %{title: title}} = Notes.delete_note(note, current_user)
+    {:ok, %{slug: slug}} = Notes.delete_note(note, current_user)
 
     socket =
       socket
-      |> put_flash(:info, gettext("%{title} deleted", title: title))
+      |> put_flash(:info, gettext("%{slug} deleted", slug: slug))
       |> push_navigate(to: Routes.note_index_path(Endpoint, :index))
 
     {:noreply, socket}
   end
 
-  defp page_title(:show, %{title: title}), do: title
-  defp page_title(:edit, %{title: title}), do: gettext("edit %{title}", title: title)
+  defp page_title(:show, %{slug: slug}), do: slug
+  defp page_title(:edit, %{slug: slug}), do: gettext("edit %{slug}", slug: slug)
 
   @spec is_owner_or_admin?(Note.t(), User.t()) :: boolean()
   defp is_owner_or_admin?(%{user_id: user_id}, %{id: user_id}), do: true

lib/memex_web/live/note_live/show.html.heex

@@ -1,6 +1,6 @@
 <div class="mx-auto flex flex-col justify-center items-stretch space-y-4 max-w-3xl">
   <h1 class="text-xl">
-    <%= @note.title %>
+    <%= @note.slug %>
   </h1>
 
   <p><%= if @note.tags, do: @note.tags |> Enum.join(", ") %></p>
@@ -23,7 +23,7 @@
       <%= dgettext("actions", "back") %>
     </.link>
     <%= if is_owner?(@note, @current_user) do %>
-      <.link class="btn btn-primary" patch={Routes.note_show_path(@socket, :edit, @note)}>
+      <.link class="btn btn-primary" patch={Routes.note_show_path(@socket, :edit, @note.slug)}>
         <%= dgettext("actions", "edit") %>
       </.link>
     <% end %>
@@ -42,7 +42,7 @@
 </div>
 
 <%= if @live_action in [:edit] do %>
-  <.modal return_to={Routes.note_show_path(@socket, :show, @note)}>
+  <.modal return_to={Routes.note_show_path(@socket, :show, @note.slug)}>
     <.live_component
       module={MemexWeb.NoteLive.FormComponent}
       id={@note.id}
@@ -50,7 +50,7 @@
       title={@page_title}
       action={@live_action}
       note={@note}
-      return_to={Routes.note_show_path(@socket, :show, @note)}
+      return_to={Routes.note_show_path(@socket, :show, @note.slug)}
     />
   </.modal>
 <% end %>