alchemy_cms 7.1.7 → 7.2.0.rc1

data/app/components/alchemy/admin/attachment_select.rb

@@ -0,0 +1,39 @@
+module Alchemy
+  module Admin
+    class AttachmentSelect < ViewComponent::Base
+      delegate :alchemy, to: :helpers
+
+      def initialize(attachment = nil, url: nil, placeholder: Alchemy.t("Please choose"), query_params: nil)
+        @attachment = attachment
+        @url = url
+        @placeholder = placeholder
+        @query_params = query_params
+      end
+
+      def call
+        content_tag("alchemy-attachment-select", content, attributes)
+      end
+
+      private
+
+      def attributes
+        options = {
+          "allow-clear": true,
+          placeholder: @placeholder,
+          url: @url || alchemy.api_attachments_path
+        }
+
+        if @query_params
+          options[:"query-params"] = @query_params.to_json
+        end
+
+        if @attachment
+          selection = ActiveModelSerializers::SerializableResource.new(@attachment)
+          options[:selection] = selection.to_json
+        end
+
+        options
+      end
+    end
+  end
+end

data/app/components/alchemy/admin/icon.rb

@@ -0,0 +1,72 @@
+module Alchemy
+  module Admin
+    # Render a Remix icon
+    #
+    class Icon < ViewComponent::Base
+      attr_reader :icon_name, :style, :size, :css_class
+
+      # @param icon_name [String] icon name
+      # @option options - style: fill [String] icon style. line or fill. Pass false for no style.
+      # @option options - size: nil [String] icon size
+      # @option options - class: nil [String] css class
+      def initialize(icon_name, options = {})
+        @icon_name = icon_name
+        @style = options[:style].nil? ? "line" : options[:style]
+        @size = options[:size]
+        @css_class = options[:class]
+      end
+
+      def call
+        content_tag("alchemy-icon", nil, name: ri_icon, size: size, "icon-style": ri_style, class: css_class)
+      end
+
+      private
+
+      # Returns the Remix icon name for given icon name
+      #
+      # @return [String] The Remix icon class
+      def ri_icon
+        case icon_name.to_s
+        when "minus", "remove", "delete"
+          "delete-bin-2"
+        when "plus"
+          "add"
+        when "copy"
+          "file-copy"
+        when "download"
+          "download-2"
+        when "upload"
+          "upload-2"
+        when "exclamation"
+          "alert"
+        when "info-circle", "info"
+          "information"
+        when "times"
+          "close"
+        when "tag"
+          "price-tag-3"
+        when "cog"
+          "settings-3"
+        else
+          icon_name
+        end
+      end
+
+      # Returns the Remix icon style for given style
+      #
+      # @return [String] The RemixIcon style
+      def ri_style
+        return "none" if style == false
+
+        case style.to_s
+        when "solid", "fill"
+          "fill"
+        when "line", "regular"
+          "line"
+        else
+          style
+        end
+      end
+    end
+  end
+end

data/app/components/alchemy/admin/link_dialog/anchor_tab.rb

@@ -0,0 +1,41 @@
+# frozen_string_literal: true
+
+module Alchemy
+  module Admin
+    module LinkDialog
+      class AnchorTab < BaseTab
+        def title
+          Alchemy.t("link_overlay_tab_label.anchor")
+        end
+
+        def self.panel_name
+          :anchor
+        end
+
+        def fields
+          [
+            dom_id_select,
+            title_input
+          ]
+        end
+
+        def message
+          render_message(:info, content_tag("p", Alchemy.t(:anchor_link_headline)))
+        end
+
+        private
+
+        def dom_id_select
+          label = label_tag("anchor_link", Alchemy.t(:anchor), class: "control-label")
+          options = [[Alchemy.t("None"), ""]]
+          options += [[@url, @url]] if is_selected? && @url
+
+          select = select_tag(:anchor_link, options_for_select(options, @url), is: "alchemy-select")
+          select_component = content_tag("alchemy-dom-id-preview-select", select)
+
+          content_tag("div", label + select_component, class: "input select")
+        end
+      end
+    end
+  end
+end

data/app/components/alchemy/admin/link_dialog/base_tab.rb

@@ -0,0 +1,75 @@
+# frozen_string_literal: true
+
+module Alchemy
+  module Admin
+    module LinkDialog
+      class BaseTab < ViewComponent::Base
+        include BaseHelper
+
+        attr_reader :url, :link_title, :link_target
+
+        erb_template <<~ERB
+          <sl-tab slot="nav" panel="overlay_tab_<%= panel_name %>_link"<%= is_selected? ? ' active' : '' %>><%= title %></sl-tab>
+          <sl-tab-panel name="overlay_tab_<%= panel_name %>_link">
+            <form data-link-form-type="<%= panel_name %>">
+              <%= message %>
+              <% fields.each do |field| %>
+                <%= field %>
+              <% end %>
+              <div class="submit">
+                <%= button_tag(Alchemy.t(:apply)) %>
+              </div>
+            </form>
+          </sl-tab-panel>
+        ERB
+
+        def initialize(url, is_selected: false, link_title: "", link_target: nil)
+          @url = url
+          @is_selected = is_selected
+          @link_title = link_title
+          @link_target = link_target
+        end
+
+        def is_selected?
+          @is_selected
+        end
+
+        def title
+          raise ArgumentError, "The tab needs to have a title"
+        end
+
+        def self.panel_name
+          raise ArgumentError, "The tab needs to have a panel name"
+        end
+
+        def fields
+          []
+        end
+
+        def message
+          ""
+        end
+
+        private
+
+        def panel_name
+          self.class.panel_name
+        end
+
+        def title_input
+          input_name = "#{panel_name}_link_title"
+          label = label_tag(input_name, Alchemy.t(:link_title), class: "control-label")
+          input = text_field_tag input_name, @link_title, class: "link_title"
+          content_tag("div", label + input, class: "input text")
+        end
+
+        def target_select
+          select_name = "#{panel_name}_link_target"
+          label = label_tag(select_name, Alchemy.t("Open Link in"), class: "control-label")
+          select = select_tag(select_name, options_for_select(Alchemy::Page.link_target_options, @link_target), class: "link_target")
+          content_tag("div", label + select, class: "input select")
+        end
+      end
+    end
+  end
+end

data/app/components/alchemy/admin/link_dialog/external_tab.rb

@@ -0,0 +1,42 @@
+# frozen_string_literal: true
+
+module Alchemy
+  module Admin
+    module LinkDialog
+      class ExternalTab < BaseTab
+        def title
+          Alchemy.t("link_overlay_tab_label.external")
+        end
+
+        def self.panel_name
+          :external
+        end
+
+        def fields
+          [
+            url_input,
+            title_input,
+            target_select
+          ]
+        end
+
+        def message
+          main_message = content_tag("h3", Alchemy.t(:enter_external_link)) +
+            content_tag("p", Alchemy.t(:external_link_notice_1)) +
+            content_tag("p", Alchemy.t(:external_link_notice_2))
+
+          render_message(:info, main_message) +
+            content_tag("div", content_tag("ul"), id: "errors", class: "errors")
+        end
+
+        private
+
+        def url_input
+          label = label_tag("external_link", "URL", class: "control-label")
+          input = text_field_tag "external_link", is_selected? ? @url : ""
+          content_tag("div", label + input, class: "input text")
+        end
+      end
+    end
+  end
+end

data/app/components/alchemy/admin/link_dialog/file_tab.rb

@@ -0,0 +1,45 @@
+# frozen_string_literal: true
+
+module Alchemy
+  module Admin
+    module LinkDialog
+      class FileTab < BaseTab
+        delegate :alchemy, to: :helpers
+
+        def title
+          Alchemy.t("link_overlay_tab_label.file")
+        end
+
+        def self.panel_name
+          :file
+        end
+
+        def fields
+          [
+            attachment_select,
+            title_input,
+            target_select
+          ]
+        end
+
+        def message
+          render_message(:info, content_tag("h3", Alchemy.t(:choose_file_to_link)))
+        end
+
+        private
+
+        def attachment
+          id = url&.match(/attachment\/(?<id>\d+)\/download/)&.captures
+          @_attachment ||= Alchemy::Attachment.find_by(id: id)
+        end
+
+        def attachment_select
+          label = label_tag("file_link", Alchemy.t(:file), class: "control-label")
+          input = text_field_tag("file_link", attachment && url, id: "file_link")
+          select = render Alchemy::Admin::AttachmentSelect.new(attachment).with_content(input)
+          content_tag("div", label + select, class: "input select")
+        end
+      end
+    end
+  end
+end

data/app/components/alchemy/admin/link_dialog/internal_tab.rb

@@ -0,0 +1,84 @@
+# frozen_string_literal: true
+
+module Alchemy
+  module Admin
+    module LinkDialog
+      class InternalTab < BaseTab
+        PAGE_URL_PATTERN = /\/(?<locale>[a-z]{2})?(?<slash>\/)?(?<urlname>.*)/
+
+        def title
+          Alchemy.t("link_overlay_tab_label.internal")
+        end
+
+        def self.panel_name
+          :internal
+        end
+
+        def fields
+          [
+            page_select,
+            dom_id_select,
+            title_input,
+            target_select
+          ]
+        end
+
+        def message
+          main_message = content_tag("h3", Alchemy.t(:internal_link_headline)) +
+            content_tag("p", Alchemy.t(:internal_link_page_elements_explanation))
+          render_message(:info, main_message)
+        end
+
+        private
+
+        ##
+        # transform url into a URI object
+        #
+        # encode the uri and parse it again to prevent exceptions if the Url is in the wrong format
+        # @return [URI,nil]
+        def uri
+          @_uri ||= @url ? URI(@url.strip) : nil
+        end
+
+        def page
+          @_page ||= if uri&.path == "/"
+            Alchemy::Current.site.default_language.root_page
+          elsif uri
+            Alchemy::Page.find_by(page_attributes)
+          end
+        end
+
+        def page_attributes
+          locale, _slash, urlname = uri.path.match(PAGE_URL_PATTERN)&.captures
+
+          if locale && urlname.present?
+            {language_code: locale, urlname: urlname}
+          elsif locale
+            {language_code: locale, language_root: true}
+          else
+            {urlname: urlname}
+          end
+        end
+
+        def page_select
+          label = label_tag("internal_link", Alchemy.t(:page), class: "control-label")
+          input = text_field_tag("internal_link", page && uri, id: "internal_link")
+          page_select = render Alchemy::Admin::PageSelect.new(page, allow_clear: true).with_content(input)
+          content_tag("div", label + page_select, class: "input select")
+        end
+
+        def dom_id_select
+          fragment = "##{uri.fragment}" if uri&.fragment
+          label = label_tag("element_anchor", Alchemy.t(:anchor), class: "control-label")
+          options = [[page.nil? ? Alchemy.t("Select a page first") : Alchemy.t("None"), ""]]
+          options += [[fragment, fragment]] if page && fragment
+
+          select = select_tag("element_anchor", options_for_select(options, fragment), is: "alchemy-select", disabled: page.nil?)
+          select_component = content_tag("alchemy-dom-id-api-select", select, {page: page&.id})
+
+          content_tag("div", label + select_component, class: "input select")
+        end
+      end
+    end
+  end
+end

data/app/components/alchemy/admin/link_dialog/tabs.rb

@@ -0,0 +1,33 @@
+# frozen_string_literal: true
+
+module Alchemy
+  module Admin
+    module LinkDialog
+      class Tabs < ViewComponent::Base
+        erb_template <<~ERB
+          <sl-tab-group id="overlay_tabs">
+            <% tabs.each do |tab| %>
+              <%= render tab.new(@url, is_selected: is_selected?(tab), link_title: @link_title, link_target: @link_target) %>
+            <% end %>
+          </sl-tab-group>
+        ERB
+
+        def initialize(**options)
+          options.symbolize_keys!
+          @url = options[:url]
+          @selected_tab = options[:selected_tab]
+          @link_title = options[:link_title]
+          @link_target = options[:link_target]
+        end
+
+        def is_selected?(tab)
+          @selected_tab&.to_sym == tab.panel_name
+        end
+
+        def tabs
+          Alchemy.link_dialog_tabs
+        end
+      end
+    end
+  end
+end

data/app/components/alchemy/admin/list_filter.rb

@@ -0,0 +1,42 @@
+module Alchemy
+  module Admin
+    # Creates a live filter for lists of DOM items.
+    #
+    # The items must have a html +name+ attribute that holds the filterable value.
+    #
+    # == Example
+    #
+    # Given a list of items:
+    #
+    #   <%= render Alchemy::Admin::ListFilter.new('#products .product') %>
+    #
+    #   <ul id="products">
+    #     <li class="product" name="kat litter">Kat Litter</li>
+    #     <li class="product" name="milk">Milk</li>
+    #   </ul>
+    #
+    # @param [String] items_selector - A CSS selector string that represents the items to filter
+    # @param [String] name_attribute - A name that represents the attribute on the items to get filtered by
+    #
+    class ListFilter < ViewComponent::Base
+      erb_template <<~ERB
+        <alchemy-list-filter items-selector="<%= items_selector %>" name-attribute="<%= name_attribute %>">
+          <input type="text" class="js_filter_field" />
+          <alchemy-icon name="search"></alchemy-icon>
+          <button type="button" class="js_filter_field_clear icon_button">
+            <alchemy-icon name="close" size="1x"></alchemy-icon>
+          </button>
+        </alchemy-list-filter>
+      ERB
+
+      def initialize(items_selector, name_attribute: "name")
+        @items_selector = items_selector
+        @name_attribute = name_attribute
+      end
+
+      private
+
+      attr_reader :items_selector, :name_attribute
+    end
+  end
+end

data/app/components/alchemy/admin/message.rb

@@ -0,0 +1,19 @@
+module Alchemy
+  module Admin
+    class Message < ViewComponent::Base
+      attr_reader :message, :type, :dismissable
+
+      erb_template <<~ERB
+        <alchemy-message type="<%= type %>"<%= dismissable ? ' dismissable' : '' %>>
+          <%= message || content %>
+        </alchemy-message>
+      ERB
+
+      def initialize(message = nil, type: :info, dismissable: false)
+        @message = message
+        @dismissable = dismissable
+        @type = type
+      end
+    end
+  end
+end

data/app/components/alchemy/admin/tags_autocomplete.rb

@@ -0,0 +1,25 @@
+module Alchemy
+  module Admin
+    class TagsAutocomplete < ViewComponent::Base
+      delegate :alchemy, to: :helpers
+
+      def initialize(additional_class: nil)
+        @additional_class = additional_class
+      end
+
+      def call
+        content_tag("alchemy-tags-autocomplete", content, attributes)
+      end
+
+      private
+
+      def attributes
+        {
+          placeholder: Alchemy.t(:search_tag),
+          url: alchemy.autocomplete_admin_tags_path,
+          class: @additional_class
+        }
+      end
+    end
+  end
+end

data/app/components/alchemy/admin/toolbar_button.rb

@@ -0,0 +1,111 @@
+module Alchemy
+  module Admin
+    # Renders a toolbar button for the Alchemy toolbar
+    #
+    # == Example
+    #
+    #   <%= render Alchemy::Admin::ToolbarButton.new(
+    #     url: new_resource_path,
+    #     icon: :plus,
+    #     label: 'Create Resource',
+    #     hotkey: 'alt+n',
+    #     dialog_options: {
+    #       title: 'Create Resource',
+    #       size: "430x400"
+    #     },
+    #     if_permitted_to: [:create, resource_model]
+    #   ) %>
+    #
+    # @param [String] :url
+    #   Url for link.
+    # @param [String] :icon
+    #   Icon name. See https://remixicon.com for available icons.
+    # @param [String] :label
+    #   Text for button tooltip.
+    # @param [String] :hotkey
+    #   Keyboard shortcut for this button. I.E +alt-n+
+    # @param [Hash] :dialog_options
+    #   Overlay options. See link_to_dialog helper.
+    # @param [Array] :if_permitted_to ([:action, :controller])
+    #   Check permission for button. Exactly how you defined the permission in your +authorization_rules.rb+. Defaults to controller and action from button url.
+    # @param [Boolean] :skip_permission_check (false)
+    #   Skip the permission check. NOT RECOMMENDED!
+    #
+    class ToolbarButton < ViewComponent::Base
+      erb_template <<-ERB
+        <div class="toolbar_button">
+          <sl-tooltip content="<%= label %>" placement="<%= tooltip_placement %>">
+            <%= link_to(render_icon(icon, style: icon_style), url, {
+              class: css_classes,
+              "data-dialog-options" => dialog ? dialog_options.to_json : nil,
+              "data-alchemy-hotkey" => hotkey,
+              :is => dialog ? "alchemy-dialog-link" : nil
+            }.merge(link_options)) %>
+          </sl-tooltip>
+        </div>
+      ERB
+
+      delegate :can?, :link_to, :link_to_dialog, :render_icon, to: :helpers
+
+      attr_reader :url,
+        :icon,
+        :label,
+        :hotkey,
+        :dialog,
+        :dialog_options,
+        :skip_permission_check,
+        :if_permitted_to,
+        :active,
+        :link_options,
+        :icon_style,
+        :tooltip_placement
+
+      def initialize(
+        url:,
+        icon:,
+        label:,
+        hotkey: nil,
+        title: nil,
+        dialog: true,
+        dialog_options: {},
+        skip_permission_check: false,
+        if_permitted_to: [],
+        active: false,
+        link_options: {},
+        icon_style: "line",
+        tooltip_placement: "top-start"
+      )
+        @url = url
+        @icon = icon
+        @label = label
+        @hotkey = hotkey
+        @dialog = dialog
+        @dialog_options = dialog_options
+        @skip_permission_check = skip_permission_check
+        @if_permitted_to = if_permitted_to
+        @active = active
+        @link_options = link_options
+        @icon_style = icon_style
+        @tooltip_placement = tooltip_placement
+      end
+
+      def render?
+        skip_permission_check || can?(*permission_options)
+      end
+
+      private
+
+      def css_classes = ["icon_button", active && "active"].compact
+
+      def permission_options = if_permitted_to.presence || permissions_from_url
+
+      def permissions_from_url
+        action_controller = url.gsub(/\A\//, "").split("/")
+        [
+          action_controller.last.to_sym,
+          action_controller[0..action_controller.length - 2].join("_").to_sym
+        ]
+      end
+    end
+  end
+end

data/app/components/alchemy/ingredients/link_view.rb

@@ -12,13 +12,7 @@ module Alchemy
       end
 
       def call
-        link_to(link_text, value, {target: link_target}.merge(html_options)).html_safe
-      end
-
-      private
-
-      def link_target
-        (ingredient.link_target == "blank") ? "_blank" : nil
+        link_to(link_text, value, {target: ingredient.link_target.presence}.merge(html_options)).html_safe
       end
     end
   end

data/app/components/alchemy/ingredients/picture_view.rb

@@ -65,7 +65,7 @@ module Alchemy
       def caption
         return unless show_caption?
 
-        @_caption ||= content_tag(:figcaption, ingredient.caption)
+        @_caption ||= content_tag(:figcaption, ingredient.caption.html_safe)
       end
 
       def src
@@ -101,7 +101,7 @@ module Alchemy
       end
 
       def alt_text
-        ingredient.alt_tag.presence || html_options.delete(:alt) || ingredient.picture.name&.humanize
+        html_options.delete(:alt) || ingredient.alt_text
       end
     end
   end

data/app/components/alchemy/ingredients/text_view.rb

@@ -21,8 +21,7 @@ module Alchemy
           link_to(value, url_for(link), {
             id: dom_id.presence,
             title: link_title,
-            target: ((link_target == "blank") ? "_blank" : nil),
-            data: {link_target: link_target}
+            target: link_target
           }.merge(html_options))
         end.html_safe
       end

data/app/controllers/alchemy/admin/base_controller.rb

@@ -33,7 +33,7 @@ module Alchemy
 
       # Disable layout rendering for xhr requests.
       def set_layout
-        request.xhr? ? false : "alchemy/admin"
+        (request.xhr? || turbo_frame_request?) ? false : "alchemy/admin"
       end
 
       # Handles exceptions