alchemy_cms 7.0.0.pre.a → 7.0.0.pre.c

data/app/services/alchemy/tag_validations.rb

@@ -11,7 +11,7 @@ module Alchemy
     end
 
     def call
-      klass.validates :name, presence: true, uniqueness: { case_sensitive: true }
+      klass.validates :name, presence: true, uniqueness: {case_sensitive: true}
     end
 
     private

data/app/views/alchemy/_menubar.html.erb

@@ -1,5 +1,5 @@
 <% if !@preview_mode && @page && can?(:edit_content, @page) %>
-  <div id="alchemy_menubar" style="display: none" data-turbolinks="false">
+  <div id="alchemy_menubar" style="display: none" data-turbo="false">
     <ul>
       <li><%= link_to Alchemy.t(:to_alchemy), alchemy.admin_dashboard_url %></li>
       <li><%= link_to Alchemy.t(:edit_page), alchemy.edit_admin_page_url(@page) %></li>

data/app/views/alchemy/admin/attachments/_replace_button.html.erb

@@ -17,7 +17,7 @@
       selector: '#replace_<%= dom_id(object) %>',
       file_types: '<%= file_types.join("|") %>',
       complete: function() {
-        Turbolinks.visit('<%= redirect_url.html_safe %>');
+        Turbo.visit('<%= redirect_url.html_safe %>');
       }
     };
     Alchemy.Uploader(options);

data/app/views/alchemy/admin/attachments/destroy.js.erb

@@ -1 +1 @@
-Turbolinks.visit('<%= @url %>');
+Turbo.visit('<%= @url %>');

data/app/views/alchemy/admin/elements/_element.html.erb

@@ -56,6 +56,9 @@
     <% end %>
   <% end %>
 
+  <%# We need to render nested elements even if the element is folded,
+      because we need the element present in the DOM for the feature
+      "click element in the preview => load and expand element editor". %>
   <% if element.nestable_elements.any? %>
     <div class="nestable-elements">
       <%= content_tag :div,

data/app/views/alchemy/admin/nodes/index.html.erb

@@ -42,6 +42,8 @@
   <% end %>
 </div>
 
-<script>
-  Alchemy.NodeTree()
+<script type="module">
+  import NodeTree from "alchemy_admin/node_tree"
+
+  NodeTree()
 </script>

data/app/views/alchemy/admin/pages/_page_layout_filter.html.erb

@@ -23,7 +23,7 @@
     $("#page_layout").on("change", function(e) {
       var url = "<%= alchemy.admin_pages_path(search_filter_params.except(:page_layout, :page).merge(view: "list")) %>";
       delimiter = url.match(/\?/) ? "&" : "?";
-      Turbolinks.visit(url + delimiter + "page_layout=" + encodeURIComponent($(this).val()));
+      Turbo.visit(url + delimiter + "page_layout=" + encodeURIComponent($(this).val()));
     });
   });
 </script>

data/app/views/alchemy/admin/pages/edit.html.erb

@@ -81,7 +81,7 @@
               host: @page.site.host == "*" ? request.host : @page.site.host,
             ),
             title: Alchemy.t("Visit page"),
-            data: { turbolinks: false },
+            data: { turbo: false },
             target: "_blank",
             class: 'icon_button' do %>
           <%= render_icon('external-link-alt') %>
@@ -138,17 +138,13 @@
 <% end %>
 
 <% content_for :javascripts do %>
-<% if Alchemy::Tinymce.custom_configs_present?(@page) %>
-  <%= render 'tinymce_custom_config' %>
-<% end %>
 
 <% content_for :javascript_includes do %>
-  <meta name="turbolinks-cache-control" content="no-cache">
+  <meta name="turbo-cache-control" content="no-cache">
 <% end %>
 
 <script type="text/javascript" charset="utf-8">
-
-  $(function() {
+  $(document).one('turbo:load', function() {
     $('#unlock_page_form, #publish_page_form').on('submit', function(event) {
       var not_dirty = Alchemy.checkPageDirtyness(this);
       if (!not_dirty) Alchemy.pleaseWaitOverlay(false);

data/app/views/alchemy/admin/pages/index.html.erb

@@ -1,5 +1,5 @@
 <% content_for :javascript_includes do %>
-  <meta name="turbolinks-cache-control" content="no-cache">
+  <meta name="turbo-cache-control" content="no-cache">
 <% end %>
 
 <% content_for :toolbar do %>

data/app/views/alchemy/admin/pages/update.js.erb

@@ -18,18 +18,24 @@
 <% else -%>
 
   if (page) {
-    var page_html = "<%= j render('page', page: @page) %>".replace(/__ID__/g, "<%= @page.id %>");;
-    var compiler = Handlebars.compile(page_html);
-    var tree = <%== @tree.to_json %>;
-    page.outerHTML = compiler(tree.pages[0]);
+
+    <% if @page.layoutpage %>
+       page.outerHTML = "<%= j render('alchemy/admin/layoutpages/layoutpage', layoutpage: @page) %>"
+    <% else %>
+       const page_html = "<%= j render('page', page: @page) %>".replace(/__ID__/g, "<%= @page.id %>");
+       const compiler = Handlebars.compile(page_html);
+       const tree = <%== @tree.to_json %>;
+       page.outerHTML = compiler(tree.pages[0]);
+    <% end %>
+
     Alchemy.growl("<%= j @notice %>");
     Alchemy.closeCurrentDialog();
   } else {
-    document.addEventListener('turbolinks:load', function () {
+    document.addEventListener('turbo:load', function () {
       Alchemy.growl("<%= j @notice %>");
     }, { once: true })
     Alchemy.closeCurrentDialog(function() {
-      Turbolinks.visit(location.toString(), { action: "replace" });
+      Turbo.visit(location.toString(), { action: "replace" });
     });
   }
 

data/app/views/alchemy/admin/pictures/_infos.html.erb

@@ -34,7 +34,7 @@
                   <li class="<%= cycle('even', 'odd') %>">
                     <% page_link = link_to element.display_name_with_preview_text,
                                    edit_admin_page_path(page, anchor: "element_#{element.id}") %>
-                    <% ingredients = picture_ingredients.collect(&:translated_role).to_sentence %>
+                    <% ingredients = picture_ingredients.map { |p| Alchemy::IngredientEditor.new(p).translated_role }.to_sentence %>
                     <% if element.public? %>
                       <%= render_icon('window-maximize', style: 'regular') %>
                     <% else %>

data/app/views/alchemy/admin/resources/_filter_bar.html.erb

@@ -19,7 +19,7 @@
       if ($this.data('remote') === true) {
         $.get(path, params.toString(), null, 'script');
       } else {
-        Turbolinks.visit(path + '?' + params.toString());
+        Turbo.visit(path + '?' + params.toString());
       }
       return false;
     });

data/app/views/alchemy/admin/styleguide/index.html.erb

@@ -3,7 +3,7 @@
 <% end %>
 
 <% content_for :javascript_includes do %>
-  <meta name="turbolinks-cache-control" content="no-cache">
+  <meta name="turbo-cache-control" content="no-cache">
 <% end %>
 
 <% content_for(:toolbar) do %>

data/app/views/alchemy/admin/uploader/_button.html.erb

@@ -27,7 +27,7 @@
       <% if local_assigns[:in_dialog] %>
         $.get(url, null, null, 'script');
       <% else %>
-        Turbolinks.visit(url);
+        Turbo.visit(url);
       <% end %>
       }
     };

data/app/views/alchemy/base/permission_denied.js.erb

@@ -1,3 +1,3 @@
 Alchemy.closeCurrentDialog(function() {
-  Turbolinks.visit('<%= Alchemy.login_path %>');
+  Turbo.visit('<%= Alchemy.login_path %>');
 });

data/app/views/alchemy/base/redirect.js.erb

@@ -1,7 +1,7 @@
 (function() {
   var dialog = Alchemy.currentDialog();
   var callback = function() {
-    Turbolinks.visit('<%= url_for(@redirect_url) %>');
+    Turbo.visit('<%= url_for(@redirect_url) %>');
   };
   if (dialog) {
     Alchemy.closeCurrentDialog(callback);

data/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 audio_view.as_view_component -%>

data/app/views/alchemy/ingredients/_boolean_view.html.erb

@@ -1 +1 @@
-<%= Alchemy.t(boolean_view.value, scope: "ingredient_values.boolean") unless boolean_view.value.nil? -%>
+<%= render boolean_view.as_view_component -%>

data/app/views/alchemy/ingredients/_datetime_view.html.erb

@@ -1,9 +1,3 @@
-<%- date_format = datetime_view.settings_value(:date_format,
-  local_assigns.fetch(:options, {})) -%>
-<%- if datetime_view.value.present? -%>
-<%- if date_format == 'rfc822' -%>
-<%= datetime_view.value.to_s(:rfc822) %>
-<%- else -%>
-<%= l(datetime_view.value, format: date_format) %>
-<%- end -%>
-<%- end -%>
+<%= render datetime_view.as_view_component(
+  **local_assigns.slice(:options)
+) -%>

data/app/views/alchemy/ingredients/_file_view.html.erb

@@ -1,17 +1,4 @@
-<%- if attachment = file_view.attachment -%>
-<%- html_options = local_assigns.fetch(:html_options, {}) -%>
-<%= link_to(
-  file_view.link_text.presence ||
-    file_view.settings_value(:link_text, local_assigns.fetch(:options, {})) ||
-    attachment.name,
-  attachment.url(
-    download: true,
-    name: attachment.slug,
-    format: attachment.suffix
-  ),
-  {
-    class: file_view.css_class.presence,
-    title: file_view.title.presence
-  }.merge(html_options)
+<%= render file_view.as_view_component(
+  **local_assigns.slice(:options),
+  **local_assigns.slice(:html_options)
 ) -%>
-<%- end -%>

data/app/views/alchemy/ingredients/_headline_view.html.erb

@@ -1,10 +1,4 @@
-<%- html_options = local_assigns.fetch(:html_options, {}) -%>
-
-<%= content_tag "h#{headline_view.level}",
-    headline_view.value,
-    id: headline_view.dom_id.presence,
-    class: [
-      headline_view.size ? "h#{headline_view.size}" : nil,
-      html_options[:class]
-    ]
-%>
+<%= render headline_view.as_view_component(
+  **local_assigns.slice(:options),
+  **local_assigns.slice(:html_options)
+) -%>

data/app/views/alchemy/ingredients/_html_view.html.erb

@@ -1 +1 @@
-<%= raw html_view.value -%>
+<%= render html_view.as_view_component -%>

data/app/views/alchemy/ingredients/_link_view.html.erb

@@ -1,9 +1,4 @@
-<%- if link_view.value.present? -%>
-<%- html_options = {
-  target: link_view.link_target == "blank" ? "_blank" : nil
-}.merge(local_assigns.fetch(:html_options, {})) -%>
-<%= link_to(link_view.value, html_options) do -%>
-<%= link_view.settings_value(:text, local_assigns.fetch(:options, {})) ||
-  link_view.value -%>
-<%- end -%>
-<%- end -%>
+<%= render link_view.as_view_component(
+  **local_assigns.slice(:options),
+  **local_assigns.slice(:html_options)
+) -%>

data/app/views/alchemy/ingredients/_node_view.html.erb

@@ -1 +1 @@
-<%= render node_view.node if node_view.node %>
+<%= render node_view.as_view_component -%>

data/app/views/alchemy/ingredients/_page_view.html.erb

@@ -1,4 +1 @@
-<% page = page_view.page %>
-<% if page %>
-<%= link_to page.name, alchemy.show_page_path(urlname: page.urlname) %>
-<% end %>
+<%= render page_view.as_view_component -%>

data/app/views/alchemy/ingredients/_picture_view.html.erb

@@ -1,5 +1,4 @@
-<%= Alchemy::PictureView.new(
-  picture_view,
-  local_assigns[:options],
-  local_assigns[:html_options]
-).render %>
+<%= render picture_view.as_view_component(
+  **local_assigns.slice(:options),
+  **local_assigns.slice(:html_options)
+) -%>

data/app/views/alchemy/ingredients/_richtext_editor.html.erb

@@ -5,8 +5,17 @@
     <%= ingredient_label(richtext_editor) %>
     <div class="tinymce_container">
       <%= f.text_area :value,
-        class: richtext_editor.tinymce_class_name,
-        id: "tinymce_#{richtext_editor.id}" %>
+        class: "has_tinymce",
+        id: richtext_editor.element_id %>
     </div>
   <% end %>
+  <% if richtext_editor.has_custom_tinymce_config? %>
+    <script type="text/javascript" charset="utf-8">
+      Alchemy.Tinymce.setCustomConfig("<%= richtext_editor.element_id %>", {
+        <% richtext_editor.custom_tinymce_config.each do |k, v| %>
+        <%= k %>: <%== v.to_json %>,
+        <% end %>
+      });
+    </script>
+  <% end %>
 <% end %>

data/app/views/alchemy/ingredients/_richtext_view.html.erb

@@ -1,3 +1,3 @@
-<%- options = local_assigns.fetch(:options, {}) -%>
-<%- plain_text = !!richtext_view.settings_value(:plain_text, options) -%>
-<%= raw richtext_view.public_send(plain_text ? :stripped_body : :value) -%>
+<%= render richtext_view.as_view_component(
+  **local_assigns.slice(:options)
+) -%>

data/app/views/alchemy/ingredients/_select_view.html.erb

@@ -1 +1 @@
-<%= select_view.value %>
+<%= render select_view.as_view_component -%>

data/app/views/alchemy/ingredients/_text_view.html.erb

@@ -1,20 +1,4 @@
-<%- options = local_assigns.fetch(:options, {}) -%>
-<%- html_options = local_assigns.fetch(:html_options, {}) -%>
-<%- if text_view.link.blank? || text_view.settings_value(:disable_link, options) -%>
-  <%- if text_view.dom_id.present? -%>
-    <%= content_tag :a, text_view.value, id: text_view.dom_id %>
-  <% else %>
-    <%= text_view.value -%>
-  <%- end -%>
-<%- else -%>
-  <%= link_to(
-    text_view.value,
-    url_for(text_view.link),
-    {
-      id: text_view.dom_id.presence,
-      title: text_view.link_title,
-      target: (text_view.link_target == "blank" ? "_blank" : nil),
-      'data-link-target' => text_view.link_target
-    }.merge(html_options)
+<%= render text_view.as_view_component(
+  **local_assigns.slice(:options),
+  **local_assigns.slice(:html_options)
 ) -%>
-<%- end -%>

data/app/views/alchemy/ingredients/_video_view.html.erb

@@ -1,18 +1,3 @@
-<%- if video_view.attachment -%>
-  <%= content_tag :video,
-    controls: video_view.controls,
-    autoplay: video_view.autoplay,
-    loop: video_view.loop,
-    muted: video_view.muted,
-    playsinline: video_view.playsinline,
-    preload: video_view.preload.presence,
-    width: video_view.width.presence,
-    height: video_view.height.presence do %>
-    <%= tag :source,
-      src: alchemy.show_attachment_path(
-        video_view.attachment,
-        format: video_view.attachment.suffix
-      ),
-      type: video_view.attachment.file_mime_type %>
-  <% end %>
-<%- end -%>
+<%= render video_view.as_view_component(
+  **local_assigns.slice(:html_options)
+) -%>

data/app/views/alchemy/ingredients/shared/_link_tools.html.erb

@@ -5,6 +5,7 @@
     onclick: 'new Alchemy.LinkDialog(this).open(); return false;',
     class: "icon_button#{ingredient_editor.linked? ? ' linked' : ''} link-ingredient",
     "data-parent-selector": "[data-ingredient-id='#{ingredient_editor.id}']",
+    "data-language-id": ingredient_editor.page&.language_id,
     title: Alchemy.t(:place_link),
     id: "edit_link_#{ingredient_editor.id}"
   ) %>

data/app/views/alchemy/ingredients/shared/_picture_tools.html.erb

@@ -34,6 +34,7 @@
   class: picture_editor.linked? ? "linked" : nil,
   title: Alchemy.t(:link_image),
   "data-parent-selector": "[data-ingredient-id='#{picture_editor.id}']",
+  "data-language-id": picture_editor.page&.language_id,
   id: "edit_link_#{picture_editor.id}"
 } do %>
   <span class="disabled" tabindex="-1"><%= render_icon(:link) %></span>

data/app/views/layouts/alchemy/admin.html.erb

@@ -7,8 +7,8 @@
     <link rel="shortcut icon" href="<%= asset_path('alchemy/favicon.ico') %>">
     <%= csrf_meta_tag %>
     <meta name="robots" content="noindex">
-    <%= stylesheet_link_tag('alchemy/admin/all', media: 'screen', 'data-turbolinks-track' => true) %>
-    <%= stylesheet_link_tag('alchemy/print', media: 'print', 'data-turbolinks-track' => true) %>
+    <%= stylesheet_link_tag('alchemy/admin/all', media: 'screen', 'data-turbo-track' => true) %>
+    <%= stylesheet_link_tag('alchemy/print', media: 'print', 'data-turbo-track' => true) %>
     <%= yield :stylesheets %>
     <script>
       // Global Alchemy JavaScript object.
@@ -25,22 +25,16 @@
       // Store regular expression for external link url matching.
       Alchemy.link_url_regexp = <%= link_url_regexp.inspect %>;
       // Holds the default Alchemy TinyMCE configuration
-      Alchemy.Tinymce = {
-        defaults: {
-          plugins: '<%= Alchemy::Tinymce.plugins.join(',') %>',
-          <% Alchemy::Tinymce.init.each do |k, v| %>
-          <%= k %>: <%== v.to_json %>,
-          <% end %>
-        }
+      Alchemy.TinymceDefaults = {
+        plugins: '<%= Alchemy::Tinymce.plugins.join(',') %>',
+        <% Alchemy::Tinymce.init.each do |k, v| %>
+        <%= k %>: <%== v.to_json %>,
+        <% end %>
       };
     </script>
     <%= render 'alchemy/admin/partials/routes' %>
-    <%= javascript_include_tag('alchemy/admin/all', 'data-turbolinks-track' => true) %>
-    <% if respond_to?(:javascript_pack_tag) %>
-      <%= javascript_pack_tag('alchemy/admin', 'data-turbolinks-track' => true, defer: true) %>
-    <% else %>
-      <%= javascript_include_tag('alchemy_admin', 'data-turbolinks-track' => true, defer: true) %>
-    <% end %>
+    <%= javascript_include_tag('alchemy/admin/all', 'data-turbo-track' => true) %>
+    <%= javascript_importmap_tags("alchemy_admin", importmap: Alchemy.importmap) %>
     <%= yield :javascript_includes %>
   </head>
   <%= content_tag :body, id: 'alchemy', class: alchemy_body_class do %>

data/bin/importmap

@@ -0,0 +1,4 @@
+#!/usr/bin/env ruby
+
+require_relative "../spec/dummy/config/application"
+require "importmap/commands"

data/bin/setup

@@ -0,0 +1,28 @@
+#!/usr/bin/env ruby
+require "fileutils"
+
+# path to dummy application root.
+APP_ROOT = File.expand_path("../spec/dummy", __dir__)
+
+# path to alchemy gem
+GEM_ROOT = File.expand_path("../", __dir__)
+
+def system!(*args)
+  system(*args) || abort("\n== Command #{args} failed ==")
+end
+
+FileUtils.chdir GEM_ROOT do
+  system! "gem install bundler --conservative"
+  system("bundle check") || system!("bundle install")
+end
+
+FileUtils.chdir APP_ROOT do
+  puts "\n== Installing Alchemy into dummy app =="
+  system!("bin/rails g alchemy:install --skip --skip-demo-files --auto-accept")
+
+  puts "\n== Removing old logs and tempfiles =="
+  system! "bin/rails log:clear tmp:clear"
+end
+
+puts "\n== Alchemy is ready 🎉 =="
+puts "Start server by typing:\n\n  bin/start"

data/bin/start

@@ -0,0 +1,17 @@
+#!/usr/bin/env ruby
+require "fileutils"
+
+# path to dummy application root.
+APP_ROOT = File.expand_path("../spec/dummy", __dir__)
+
+# path to alchemy gem
+GEM_ROOT = File.expand_path("../", __dir__)
+
+def system!(*args)
+  system(*args) || abort("\n== Command #{args} failed ==")
+end
+
+FileUtils.chdir APP_ROOT do
+  puts "\n== Starting dummy app =="
+  system! "bin/rails server"
+end

data/config/brakeman.ignore

@@ -80,29 +80,6 @@
       ],
       "note": ""
     },
-    {
-      "warning_type": "Command Injection",
-      "warning_code": 14,
-      "fingerprint": "6addfcb9d23d2d6f699f2f3542169744ff749dc4d0a97f8ac783ab92593e1d84",
-      "check_name": "Execute",
-      "message": "Possible command injection",
-      "file": "lib/alchemy/upgrader.rb",
-      "line": 33,
-      "link": "https://brakemanscanner.org/docs/warning_types/command_injection/",
-      "code": "`yarn add @alchemy_cms/admin@~#{Alchemy.version}`",
-      "render_path": null,
-      "location": {
-        "type": "method",
-        "class": "Alchemy::Upgrader",
-        "method": "update_npm_package"
-      },
-      "user_input": "Alchemy.version",
-      "confidence": "Medium",
-      "cwe_id": [
-        77
-      ],
-      "note": "The alchemy version is safe"
-    },
     {
       "warning_type": "Cross-Site Scripting",
       "warning_code": 4,
@@ -227,29 +204,6 @@
       ],
       "note": ""
     },
-    {
-      "warning_type": "Command Injection",
-      "warning_code": 14,
-      "fingerprint": "98ca8e77026312eaa7eec15ce26bfe45aa8dd0fcd38e4cff104cb9dffbde1733",
-      "check_name": "Execute",
-      "message": "Possible command injection",
-      "file": "lib/alchemy/upgrader.rb",
-      "line": 31,
-      "link": "https://brakemanscanner.org/docs/warning_types/command_injection/",
-      "code": "`bin/importmap pin @alchemy_cms/admin@~#{Alchemy.version}`",
-      "render_path": null,
-      "location": {
-        "type": "method",
-        "class": "Alchemy::Upgrader",
-        "method": "update_npm_package"
-      },
-      "user_input": "Alchemy.version",
-      "confidence": "Medium",
-      "cwe_id": [
-        77
-      ],
-      "note": ""
-    },
     {
       "warning_type": "File Access",
       "warning_code": 16,

data/config/importmap.rb

@@ -0,0 +1,8 @@
+pin "flatpickr", to: "https://ga.jspm.io/npm:flatpickr@4.6.13/dist/esm/index.js", preload: true
+pin "lodash-es/debounce", to: "https://ga.jspm.io/npm:lodash-es@4.17.21/debounce.js", preload: true
+pin "lodash-es/max", to: "https://ga.jspm.io/npm:lodash-es@4.17.21/max.js", preload: true
+pin "sortablejs", to: "https://ga.jspm.io/npm:sortablejs@1.15.0/modular/sortable.esm.js", preload: true
+pin "@hotwired/turbo-rails", to: "turbo.min.js", preload: true
+
+pin "alchemy_admin", to: "alchemy_admin.js", preload: true
+pin_all_from File.expand_path("../app/javascript/alchemy_admin", __dir__), under: "alchemy_admin"

data/config/initializers/assets.rb

@@ -1,3 +1,4 @@
 # frozen_string_literal: true
+
 # Add Alchemy assets for precompiling
 Rails.application.config.assets.precompile << "alchemy_manifest.js"

data/config/initializers/dragonfly.rb

@@ -1,4 +1,5 @@
 # frozen_string_literal: true
+
 require "dragonfly_svg"
 require "alchemy/dragonfly/processors/crop_resize"
 require "alchemy/dragonfly/processors/auto_orient"

data/config/initializers/mime_types.rb

@@ -1,2 +1,3 @@
 # frozen_string_literal: true
+
 Mime::Type.register "image/svg+xml", :svg

data/config/initializers/mini_profiler.rb

@@ -1,4 +1,5 @@
 # frozen_string_literal: true
+
 begin
   require "rack-mini-profiler"
   Rack::MiniProfiler.config.position = "right"

data/config/initializers/simple_form.rb

@@ -1,4 +1,5 @@
 # frozen_string_literal: true
+
 #
 # Uncomment this and change the path if necessary to include your own
 # components.
@@ -57,8 +58,8 @@ SimpleForm.setup do |config|
     ## Inputs
     # b.use :input, class: 'input', error_class: 'is-invalid'
     b.use :label_input
-    b.use :error, wrap_with: { tag: :small, class: :error }
-    b.use :hint,  wrap_with: { tag: :small, class: :hint }
+    b.use :error, wrap_with: {tag: :small, class: :error}
+    b.use :hint, wrap_with: {tag: :small, class: :hint}
 
     ## full_messages_for
     # If you want to display the full error message for the attribute, you can

data/config/locales/alchemy.en.yml

@@ -125,6 +125,7 @@ en:
             last_upload: Last upload only
             recent: Recently uploaded only
             without_tag: Without tag
+            deletable: Not linked by file content
       attachment:
         by_file_type:
           name: File Type
@@ -136,7 +137,6 @@ en:
             last_upload: Last upload only
             recent: Recently uploaded only
             without_tag: Without tag
-            deletable: Not linked by file content
 
     # === Translations for ingredient validations
     # Used when a user did not enter (correct) values to the ingredient field.