Extract release with tracks component

2025-05-09 20:49:12 +01:00
parent 755af1d97e
commit 95167b2113
5 changed files with 182 additions and 148 deletions
@@ -0,0 +1,156 @@
+defmodule MusicLibraryWeb.ReleaseComponent do
+  use MusicLibraryWeb, :live_component
+  use Gettext, backend: MusicLibraryWeb.Gettext
+
+  import MusicLibraryWeb.RecordComponents,
+    only: [
+      format_duration: 1
+    ]
+
+  alias MusicLibrary.ScrobbleActivity
+
+  @impl true
+  def mount(socket) do
+    {:ok,
+     socket
+     |> assign(:can_scrobble?, ScrobbleActivity.can_scrobble?())
+     |> assign(:release_with_tracks, nil)}
+  end
+
+  @impl true
+  def render(assigns) do
+    ~H"""
+    <div>
+      <Fluxon.Components.Sheet.sheet
+        :if={@record.selected_release_id}
+        id={@sheet_id}
+        placement="right"
+        on_open={JS.push("load_release_with_tracks", target: @myself)}
+      >
+        <div class="mt-6 flex justify-between items-center gap-4">
+          <h3 class="text-lg font-semibold text-zinc-700 dark:text-zinc-300">{gettext("Tracks")}</h3>
+          <Fluxon.Components.Button.button
+            :if={@can_scrobble?}
+            size="xs"
+            phx-click="scrobble_release"
+            phx-target={@myself}
+            phx-disable-with={gettext("Scrobbling...")}
+          >
+            {gettext("Scrobble to Last.fm")}
+          </Fluxon.Components.Button.button>
+          <Fluxon.Components.Button.button
+            :if={!@can_scrobble?}
+            as="link"
+            size="xs"
+            href={LastFm.auth_url()}
+          >
+            {gettext("Connect your Last.fm account")}
+          </Fluxon.Components.Button.button>
+        </div>
+
+        <div :if={@release_with_tracks} class="space-y-4 mt-4">
+          <.async_result :let={release_with_tracks} assign={@release_with_tracks}>
+            <:loading>
+              <span class="sr-only">{gettext("Loading release with tracks")}</span>
+              <Fluxon.Components.Loading.loading />
+            </:loading>
+            <:failed :let={_failure}>
+              <div class="mt-4 text-sm leading-5 text-zinc-500 dark:text-zinc-400">
+                <.icon
+                  name="hero-exclamation-triangle"
+                  class="-mt-1 mr-1 h-5 w-5"
+                  aria-hidden="true"
+                  data-slot="icon"
+                />
+                {gettext("Error loading tracks")}
+              </div>
+            </:failed>
+            <div :for={medium <- release_with_tracks.media} class="space-y-4">
+              <h4
+                :if={MusicBrainz.Release.media_count(release_with_tracks) > 1}
+                class="text-sm font-semibold text-zinc-700 dark:text-zinc-300"
+              >
+                {medium_title(medium)}
+              </h4>
+              <ul id={"disc-#{medium.number}"} class="w-full table table-auto">
+                <li
+                  :for={track <- medium.tracks}
+                  class="contents leading-5 text-zinc-700 dark:text-zinc-300 list-none"
+                >
+                  <div class="table-row">
+                    <span class="table-cell text-xs text-right pr-1">{track.position}</span>
+                    <span class="table-cell text-xs font-medium leading-8">{track.title}</span>
+                    <span class="table-cell text-xs text-right pl-2">
+                      {track.length && format_duration(track.length)}
+                    </span>
+                  </div>
+                  <div :if={release_with_tracks.artists !== track.artists} class="table-row text-xs">
+                    <span class="table-cell" />
+                    <span class="table-cell">
+                      {Enum.map_join(track.artists, ", ", fn artist -> artist.name end)}
+                    </span>
+                  </div>
+                </li>
+              </ul>
+              <Fluxon.Components.Separator.separator />
+              <p class="text-xs text-right text-zinc-700 dark:text-zinc-300">
+                {medium_duration(medium)}
+              </p>
+            </div>
+          </.async_result>
+        </div>
+      </Fluxon.Components.Sheet.sheet>
+    </div>
+    """
+  end
+
+  @impl true
+  def handle_event("load_release_with_tracks", _params, socket) do
+    selected_release_id = socket.assigns.record.selected_release_id
+
+    {:noreply,
+     socket
+     |> assign_async(:release_with_tracks, fn ->
+       with {:ok, release} <- MusicBrainz.get_release(selected_release_id) do
+         {:ok, %{release_with_tracks: MusicBrainz.Release.from_api_response(release)}}
+       end
+     end)}
+  end
+
+  def handle_event("scrobble_release", _params, socket) do
+    release_with_tracks_async_result =
+      socket.assigns.release_with_tracks
+
+    if release_with_tracks =
+         release_with_tracks_async_result && release_with_tracks_async_result.result do
+      case ScrobbleActivity.scrobble(release_with_tracks, finished_at: DateTime.utc_now()) do
+        {:ok, _} ->
+          {:noreply,
+           socket
+           |> put_flash(:info, gettext("Release scrobbled successfully"))}
+
+        {:error, reason} ->
+          {:noreply,
+           socket
+           |> put_flash(
+             :error,
+             gettext("Error scrobbling release") <> "," <> inspect(reason)
+           )}
+      end
+    end
+  end
+
+  defp medium_duration(medium) do
+    medium
+    |> MusicBrainz.Release.medium_duration()
+    |> format_duration()
+  end
+
+  defp medium_title(medium) do
+    if medium.title !== "" do
+      medium.title
+    else
+      gettext("Disc %{no}", %{no: medium.number})
+    end
+  end
+end