Add Ingredients::AudioView component

app/components/alchemy/ingredients/audio_view.rb

@@ -0,0 +1,37 @@
+module Alchemy
+  module Ingredients
+    class AudioView < BaseView
+      def call
+        content_tag(:audio, **html_options) do
+          tag(:source, src: src, type: type)
+        end
+      end
+
+      def render?
+        !!ingredient.attachment
+      end
+
+      private
+
+      def src
+        alchemy.show_attachment_path(
+          ingredient.attachment,
+          format: ingredient.attachment.suffix
+        )
+      end
+
+      def type
+        ingredient.attachment.file_mime_type
+      end
+
+      def html_options
+        {
+          controls: ingredient.controls,
+          autoplay: ingredient.autoplay,
+          loop: ingredient.loop,
+          muted: ingredient.muted
+        }
+      end
+    end
+  end
+end

app/components/alchemy/ingredients/base_view.rb

@@ -0,0 +1,14 @@
+module Alchemy
+  module Ingredients
+    class BaseView < ViewComponent::Base
+      attr_reader :ingredient, :html_options
+
+      delegate :alchemy, to: :helpers
+
+      def initialize(ingredient, html_options: {})
+        @ingredient = ingredient
+        @html_options = html_options
+      end
+    end
+  end
+end

app/views/alchemy/ingredients/_audio_view.html.erb

@@ -1,14 +1 @@
-<%- if audio_view.attachment -%>
-  <%= content_tag :audio,
-      controls: audio_view.controls,
-      autoplay: audio_view.autoplay,
-      loop: audio_view.loop,
-      muted: audio_view.muted do %>
-    <%= tag :source,
-      src: alchemy.show_attachment_path(
-        audio_view.attachment,
-        format: audio_view.attachment.suffix
-      ),
-      type: audio_view.attachment.file_mime_type %>
-  <% end %>
-<%- end -%>
+<%= render Alchemy::Ingredients::AudioView.new(audio_view) -%>