alchemy_cms 7.3.4 → 7.4.0

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

@@ -4,6 +4,7 @@
   data-element-name="<%= element.name %>"
   class="<%= element.css_classes.join(" ") %>"
   <%= element.compact? ? "compact" : nil %>
+  <%= local_assigns[:created] ? "created" : nil %>
   <%= element.fixed? ? "fixed" : nil %>
 >
   <% unless element.fixed? %>
@@ -68,6 +69,7 @@
   <% if element.nestable_elements.any? %>
     <div class="nestable-elements">
       <%= content_tag :div,
+        id: "element_#{element.id}_nested_elements",
         class: "nested-elements", data: {
           'droppable-elements' => element.nestable_elements.join(' '),
           'element-name' => element.name

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

@@ -3,18 +3,20 @@
     <%= Alchemy.t(:no_more_elements_to_add) %>
   <% end %>
 <%- else -%>
-  <%= alchemy_form_for [:admin, @element] do |form| %>
-    <%= form.hidden_field :page_version_id %>
-    <%= form.input :name,
-      label: Alchemy.t(:element_of_type),
-      collection: elements_for_select(@elements),
-      prompt: Alchemy.t(:select_element),
-      selected: (@elements.first if @elements.count == 1),
-      input_html: {is: 'alchemy-select', autofocus: true} %>
-    <% if @elements.count == 1 %>
-      <%= form.hidden_field :name, value: @elements.first[:name] %>
-    <% end %>
-    <%= form.hidden_field :parent_element_id, value: @parent_element.try(:id) %>
-    <%= form.submit Alchemy.t(:add) %>
+  <%= turbo_frame_tag @element do %>
+    <%= alchemy_form_for [:admin, @element], remote: false do |form| %>
+      <%= form.hidden_field :page_version_id %>
+      <%= form.input :name,
+        label: Alchemy.t(:element_of_type),
+        collection: elements_for_select(@elements),
+        prompt: Alchemy.t(:select_element),
+        selected: (@elements.first if @elements.count == 1),
+        input_html: {is: 'alchemy-select', autofocus: true} %>
+      <% if @elements.count == 1 %>
+        <%= form.hidden_field :name, value: @elements.first[:name] %>
+      <% end %>
+      <%= form.hidden_field :parent_element_id, value: @parent_element.try(:id) %>
+      <%= form.submit Alchemy.t(:add) %>
+    <%- end -%>
   <%- end -%>
 <%- end -%>

data/app/views/alchemy/admin/elements/create.turbo_stream.erb

@@ -0,0 +1,34 @@
+<% opts = {
+  partial: "alchemy/admin/elements/element",
+  locals: {
+    element: Alchemy::ElementEditor.new(@element),
+    created: true
+  }
+} %>
+
+<% if @element.fixed? %>
+  <% target = "fixed_element_#{@element.id}" %>
+<% elsif @element.parent_element %>
+  <% target = "element_#{@element.parent_element_id}_nested_elements" %>
+<% else %>
+  <% target = "main-content-elements" %>
+<% end %>
+
+<%- if @cut_element_id -%>
+  <%= turbo_stream.remove "element_#{@cut_element_id}" %>
+<% end %>
+
+<% if @insert_at_top %>
+  <%= turbo_stream.prepend target, **opts %>
+<% else %>
+  <%= turbo_stream.append target, **opts %>
+<% end %>
+
+<%= turbo_stream.replace "clipboard_button",
+  partial: "alchemy/admin/elements/clipboard_button" %>
+
+<alchemy-growl>
+  <%= Alchemy.t(:successfully_added_element) %>
+</alchemy-growl>
+
+<alchemy-action name="closeCurrentDialog"></alchemy-action>

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

@@ -1,4 +1,5 @@
 <%= turbo_frame_tag "alchemy_elements_window" do %>
+  <alchemy-elements-window-handle></alchemy-elements-window-handle>
   <alchemy-elements-window>
     <div class="elements-window-toolbar">
       <%= render Alchemy::Admin::ToolbarButton.new(
@@ -12,20 +13,7 @@
         },
         if_permitted_to: [:create, Alchemy::Element]
       ) %>
-      <%= render Alchemy::Admin::ToolbarButton.new(
-        url: alchemy.admin_clipboard_path(remarkable_type: "elements"),
-        label: Alchemy.t("Show clipboard"),
-        icon: :clipboard,
-        icon_style: clipboard_empty?("elements") ? "line" : "fill",
-        dialog_options: {
-          title: Alchemy.t("Clipboard"),
-          size: "400x305"
-        },
-        link_options: {
-          id: "clipboard_button"
-        },
-        if_permitted_to: [:index, :alchemy_admin_clipboard]
-      ) %>
+      <%= render "alchemy/admin/elements/clipboard_button" %>
       <sl-tooltip content="<%= Alchemy.t("Collapse all elements") %>" placement="top-end" class="right">
         <button id="collapse-all-elements-button" class="icon_button">
           <alchemy-icon name="contract-up-down"></alchemy-icon>
@@ -53,7 +41,7 @@
           <%= render @elements.map { |element| Alchemy::ElementEditor.new(element) } %>
         </sl-tab-panel>
         <% @fixed_elements.each do |element| %>
-          <sl-tab-panel name="fixed-element-<%= element.id %>" style="--padding: 0" class="scrollable-elements">
+          <sl-tab-panel id="fixed_element_<%= element.id %>" name="fixed-element-<%= element.id %>" style="--padding: 0" class="scrollable-elements">
             <%= render Alchemy::ElementEditor.new(element) %>
           </sl-tab-panel>
         <% end %>

data/app/views/alchemy/admin/ingredients/_picture_fields.html.erb

@@ -1,6 +1,6 @@
 <%= f.input :caption, as: ingredient.settings[:caption_as_textarea] ? 'text' : 'string' %>
 <%= f.input :title %>
-<%= f.input :alt_tag, as: :text, placeholder: ingredient.alt_text(language: @language) %>
+<%= f.input :alt_tag, as: :text, placeholder: ingredient.alt_text(language: @language), input_html: {rows: 4} %>
 <%- if ingredient.settings[:sizes].present? && ingredient.settings[:srcset].blank? -%>
   <%= f.input :render_size,
     collection: [

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

@@ -1,7 +1,9 @@
-<%= alchemy_form_for [:admin, @page], url: alchemy.admin_layoutpage_path(@page), class: 'edit_page' do |f| %>
-  <%= f.input :name, autofocus: true %>
-  <%= render Alchemy::Admin::TagsAutocomplete.new do %>
-    <%= f.input :tag_list, input_html: { value: f.object.tag_list.join(",") } %>
+<%= turbo_frame_tag @page do %>
+  <%= alchemy_form_for [:admin, @page], url: alchemy.admin_layoutpage_path(@page), class: 'edit_page', remote: false do |f| %>
+    <%= f.input :name, autofocus: true %>
+    <%= render Alchemy::Admin::TagsAutocomplete.new do %>
+      <%= f.input :tag_list, input_html: { value: f.object.tag_list.join(",") } %>
+    <% end %>
+    <%= f.submit Alchemy.t(:save) %>
   <% end %>
-  <%= f.submit Alchemy.t(:save) %>
 <% end %>

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

@@ -27,7 +27,7 @@
   <%= f.submit button_label %>
 <% end %>
 
-<script>
+<script type="module">
   const nodeName = document.getElementById("node_name")
   const nodeUrl = document.getElementById("node_url")
   const form = document.getElementById("node_form")

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

@@ -1,4 +1,4 @@
-<div class="page_status_and_name" id="page_<%= current_page.id %>_status">
+<div class="page_status_and_name" id="locked_page_<%= current_page.id %>">
   <%= render 'alchemy/admin/pages/page_infos', page: current_page %>
   <%= render 'alchemy/admin/pages/page_status', page: current_page %>
 </div>

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

@@ -1,55 +1,58 @@
-<%= alchemy_form_for [:admin, @page], class: 'edit_page' do |f| %>
-  <% unless @page.language_root? || @page.layoutpage %>
-    <%= render Alchemy::Admin::PageSelect.new(@page.parent) do %>
-      <%= f.input :parent_id, required: true %>
+<%= turbo_frame_tag @page do %>
+  <%= alchemy_form_for [:admin, @page], class: 'edit_page', remote: false do |f| %>
+    <% unless @page.language_root? || @page.layoutpage %>
+      <%= render Alchemy::Admin::PageSelect.new(@page.parent) do %>
+        <%= f.input :parent_id, required: true %>
+      <% end %>
     <% end %>
-  <% end %>
 
-  <div class="input check_boxes">
-    <label class="control-label"><%= Alchemy.t(:page_status) %></label>
-    <div class="control_group">
-      <%= render 'alchemy/admin/pages/publication_fields' %>
-      <%= page_status_checkbox(@page, :restricted) %>
-      <% if configuration(:sitemap)['show_flag'] %>
-        <%= page_status_checkbox(@page, :sitemap) %>
-      <% end %>
+    <div class="input check_boxes">
+      <label class="control-label"><%= Alchemy.t(:page_status) %></label>
+      <div class="control_group">
+        <%= render 'alchemy/admin/pages/publication_fields' %>
+        <%= page_status_checkbox(@page, :restricted) %>
+        <% if configuration(:sitemap)['show_flag'] %>
+          <%= page_status_checkbox(@page, :sitemap) %>
+        <% end %>
+      </div>
     </div>
-  </div>
 
-  <%= f.input :name, autofocus: true %>
-  <%= f.input :urlname, as: 'string', input_html: {value: @page.slug}, label: Alchemy::Page.human_attribute_name(:slug) %>
-  <alchemy-char-counter max-chars="60">
-    <%= f.input :title %>
-  </alchemy-char-counter>
+    <%= f.input :name, autofocus: true %>
+    <%= f.input :urlname, as: 'string', input_html: {value: @page.slug}, label: Alchemy::Page.human_attribute_name(:slug) %>
+    <alchemy-char-counter max-chars="60">
+      <%= f.input :title %>
+    </alchemy-char-counter>
+
+    <% if Alchemy.enable_searchable %>
+      <div class="input check_boxes">
+        <label class="control-label"><%= Alchemy.t(:fulltext_search) %></label>
+        <div class="control_group">
+          <%= page_status_checkbox(@page, :searchable) %>
+        </div>
+      </div>
+    <% end %>
 
-  <% if Alchemy.enable_searchable %>
     <div class="input check_boxes">
-      <label class="control-label"><%= Alchemy.t(:fulltext_search) %></label>
+      <label class="control-label"><%= Alchemy.t(:search_engines) %></label>
       <div class="control_group">
-        <%= page_status_checkbox(@page, :searchable) %>
+        <%= page_status_checkbox(@page, :robot_index) %>
+        <%= page_status_checkbox(@page, :robot_follow) %>
       </div>
     </div>
-  <% end %>
 
-  <div class="input check_boxes">
-    <label class="control-label"><%= Alchemy.t(:search_engines) %></label>
-    <div class="control_group">
-      <%= page_status_checkbox(@page, :robot_index) %>
-      <%= page_status_checkbox(@page, :robot_follow) %>
-    </div>
-  </div>
+    <alchemy-char-counter max-chars="160">
+      <%= f.input :meta_description, as: 'text' %>
+    </alchemy-char-counter>
 
-  <alchemy-char-counter max-chars="160">
-    <%= f.input :meta_description, as: 'text' %>
-  </alchemy-char-counter>
+    <%= f.input :meta_keywords,
+      as: 'text',
+      hint: Alchemy.t('pages.update.comma_seperated') %>
 
-  <%= f.input :meta_keywords,
-    as: 'text',
-    hint: Alchemy.t('pages.update.comma_seperated') %>
+    <%= render Alchemy::Admin::TagsAutocomplete.new do %>
+      <%= f.input :tag_list, input_html: { value: f.object.tag_list.join(",") } %>
+    <% end %>
 
-  <%= render Alchemy::Admin::TagsAutocomplete.new do %>
-    <%= f.input :tag_list, input_html: { value: f.object.tag_list.join(",") } %>
+    <%= hidden_field_tag :view, params[:view] %>
+    <%= f.submit Alchemy.t(:save) %>
   <% end %>
-
-  <%= f.submit Alchemy.t(:save) %>
 <% end %>

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

@@ -1,4 +1,4 @@
-<% if @page == locked_page %>
+<% if action_name == "edit" && @page == locked_page %>
   <%= render 'alchemy/admin/pages/current_page', current_page: @page %>
 <% else %>
   <div class="locked_page wide" id="locked_page_<%= locked_page.id %>">

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

@@ -19,7 +19,7 @@
   </label>
 </div>
 
-<script type="text/javascript">
+<script type="module">
   $(function() {
     $("#page_layout").on("change", function(e) {
       var url = "<%= alchemy.admin_pages_path(search_filter_params.except(:page_layout, :page).merge(view: "list")) %>";

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

@@ -19,7 +19,7 @@
   {{/each}}
 </script>
 
-<script type="text/javascript">
+<script type="module">
  $(function() {
    Alchemy.currentSitemap = new Alchemy.Sitemap({
      url: '<%= alchemy.tree_admin_pages_path %>',

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

@@ -67,7 +67,7 @@
   <% table.with_action :configure, Alchemy.t(:edit_page_properties) do |page| %>
     <%= link_to_dialog(
           render_icon(:cog),
-          alchemy.configure_admin_page_path(page),
+          alchemy.configure_admin_page_path(page, view: "list"),
           {
             title: Alchemy.t(:edit_page_properties),
             size: '450x680'
@@ -91,7 +91,7 @@
 <% end %>
 
 
-<script type="text/javascript">
+<script type="module">
   $(function() {
     Alchemy.PagePublicationFields();
   });

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

@@ -144,7 +144,7 @@
 <% end %>
 
 <% content_for :javascripts do %>
-<script type="text/javascript" charset="utf-8">
+<script type="module">
   $(document).one('turbo:load', function() {
     $('#unlock_page_form, #publish_page_form').on('submit', function(event) {
       var not_dirty = Alchemy.checkPageDirtyness(this);

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

@@ -0,0 +1,39 @@
+<alchemy-growl><%= @notice %></alchemy-action>
+<alchemy-action name="closeCurrentDialog"></alchemy-action>
+
+<% if @while_page_edit -%>
+  <%= turbo_stream.replace "locked_page_#{@page.id}" do %>
+    <%= render("alchemy/admin/pages/current_page", current_page: @page) %>
+  <% end %>
+  <alchemy-action name="reloadPreview"></alchemy-action>
+<% else %>
+  <%= turbo_stream.replace "locked_page_#{@page.id}" do %>
+    <%= render("alchemy/admin/pages/locked_page", locked_page: @page) %>
+  <% end %>
+
+  <% if @view == "list" %>
+    <turbo-stream action="refresh"></turbo-stream>
+  <% elsif @page.parent_id != @old_parent_id -%>
+    <%= turbo_stream.append "sitemap" do %>
+      <script type="module">
+        Alchemy.currentSitemap.load(<%= @page.get_language_root.id %>);
+      </script>
+    <% end %>
+  <% else -%>
+    <% if @page.layoutpage %>
+      <%= turbo_stream.replace "page_#{@page.id}" do %>
+        <%= render("alchemy/admin/layoutpages/layoutpage", layoutpage: @page) %>
+      <% end %>
+    <% else %>
+      <%= turbo_stream.append "sitemap" do %>
+        <script type="module">
+          const page = document.getElementById('page_<%= @page.id %>');
+          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]);
+        </script>
+      <% end %>
+    <% end %>
+  <% end -%>
+<% end %>

data/app/views/alchemy/admin/partials/_main_navigation_entry.html.erb

@@ -6,10 +6,9 @@
       <% elsif navigation["inline_image"] %>
         <%== navigation["inline_image"] %>
       <% elsif navigation["icon"] %>
-        <%# Cannot use the render_icon helper, because the navigation["icon"] includes the style %>
-        <svg class="icon">
-          <use href="<%= asset_path("remixicon.symbol.svg") %>#ri-<%= navigation["icon"] %>" />
-        </svg>
+        <%= content_tag :"alchemy-icon", nil,
+          name: navigation["icon"],
+          "icon-style": navigation["icon-style"] %>
       <% else %>
         <%= render_icon :table %>
       <% end %>

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

@@ -21,9 +21,11 @@
 <script type="module">
   const select = document.querySelector("#language_id")
 
-  select.addEventListener("change", () => {
-    const url = new URL(select.dataset.url)
-    url.searchParams.set("language_id", select.value)
-    Turbo.visit(url, { frame: "picture_descriptions" })
-  })
+  if (select) {
+    select.addEventListener("change", () => {
+      const url = new URL(select.dataset.url)
+      url.searchParams.set("language_id", select.value)
+      Turbo.visit(url, { frame: "picture_descriptions" })
+    })
+  }
 </script>

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

@@ -86,16 +86,20 @@
 </div>
 
 <% content_for :javascripts do %>
-  <script type="text/javascript" charset="utf-8">
-    $(function() {
-      Alchemy.pictureSelector();
-      $('#picture_archive').on("click", ".thumbnail_background", function(event) {
-        var url = $(this).attr('href');
-        var overlay = new Alchemy.ImageOverlay(url);
-        overlay.open();
-        event.preventDefault();
-        return false;
+  <script type="module">
+    import ImageOverlay from "alchemy_admin/image_overlay";
+    import pictureSelector from "alchemy_admin/picture_selector";
+    import { on } from "alchemy_admin/utils/events";
+
+    pictureSelector();
+    on("click", "#picture_archive", ".thumbnail_background", (event) => {
+      const url = event.target.closest("a")?.href;
+      const overlay = new ImageOverlay(url, {
+        size: `${window.innerWidth}x${window.innerHeight}`,
+        padding: false
       });
+      overlay.open();
+      event.preventDefault();
     });
   </script>
 <% end %>

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

@@ -2,7 +2,7 @@
   <%= render partial: "filter", collection: resource_filters_for_select %>
 </div>
 
-<script type="text/javascript">
+<script type="module">
   $(function() {
     $('select', '#filter_bar').on('change', function(e) {
       var $this = $(this);

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

@@ -5,15 +5,17 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title><%= render_alchemy_title %></title>
     <link rel="shortcut icon" href="<%= asset_path('alchemy/favicon.ico') %>">
+    <link rel="preload" href="<%= asset_path("remixicon.symbol.svg") %>" as="image" type="<%= Mime::Type.lookup_by_extension(:svg) %>" crossorigin>
     <%= csrf_meta_tag %>
     <meta name="robots" content="noindex">
-    <meta name="alchemy-icon-sprite" content="<%= asset_path("remixicon.symbol.svg") %>">
     <meta name="turbo-prefetch" content="false">
     <meta name="turbo-cache-control" content="no-cache">
     <%= stylesheet_link_tag('alchemy/custom-properties', media: 'screen', 'data-turbo-track' => true) %>
     <%= stylesheet_link_tag('alchemy/admin', media: 'screen', 'data-turbo-track' => true) %>
     <%= stylesheet_link_tag('alchemy/admin/print', media: 'print', 'data-turbo-track' => true) %>
-    <%= stylesheet_link_tag('alchemy/admin/custom', 'data-turbo-track' => true) %>
+    <% Alchemy.admin_stylesheets.each do |stylesheet| %>
+      <%= stylesheet_link_tag(stylesheet, 'data-turbo-track' => true) %>
+    <% end %>
     <%= yield :stylesheets %>
     <script>
       // Global Alchemy JavaScript object.
@@ -32,7 +34,9 @@
     <% end %>
     <%= yield :javascript_includes %>
   </head>
-  <%= content_tag :body, id: 'alchemy', class: alchemy_body_class + ["alchemy-light"] do %>
+  <%= content_tag :body, id: 'alchemy',
+    class: alchemy_body_class + ["alchemy-light"],
+    style: cookies["alchemy-elements-window-width"] && "--elements-window-width: #{cookies["alchemy-elements-window-width"]}px" do %>
     <noscript>
       <h1><%= Alchemy.t(:javascript_disabled_headline) %></h1>
       <p><%= Alchemy.t(:javascript_disabled_text) %></p>
@@ -89,7 +93,7 @@
     <div id="main_content">
       <%= yield %>
     </div>
-    <script>
+    <script type="module">
       // Setting the correct locale for select2 dropdown replacement.
       $.extend($.fn.select2.defaults, $.fn.select2.locales['<%= ::I18n.locale %>']);
     </script>

data/bundles/tinymce.js

@@ -3,6 +3,7 @@ import tinymce from "tinymce"
 
 /* Default icons are required. After that, import custom icons if applicable */
 import "tinymce/icons/default"
+import "tinymce/icons/remixicons"
 
 /* Required TinyMCE components */
 import "tinymce/themes/silver"
@@ -16,5 +17,6 @@ import "tinymce/plugins/directionality"
 import "tinymce/plugins/fullscreen"
 import "tinymce/plugins/link"
 import "tinymce/plugins/lists"
+import "tinymce/plugins/alchemy_link"
 
 export default tinymce

data/config/alchemy/config.yml

@@ -199,9 +199,9 @@ link_target_options: [blank]
 #   validates_format_of :url, with: Alchemy::Config.get('format_matchers')['url']
 #
 format_matchers:
-  email: !ruby/regexp '/\A[^@\s]+@([^@\s]+\.)+[^@\s]+\z/'
-  url: !ruby/regexp '/\A[a-z0-9]+([\-\.]{1}[a-z0-9]+)*\.[a-z]{2,5}(:[0-9]{1,5})?(\/.*)?\z/ix'
-  link_url: !ruby/regexp '/^(tel:|mailto:|\/|[a-z]+:\/\/)/'
+  email: !ruby/regexp /\A[^@\s]+@([^@\s]+\.)+[^@\s]+\z/
+  url: !ruby/regexp /\A[a-z0-9]+([\-\.]{1}[a-z0-9]+)*\.[a-z]{2,5}(:[0-9]{1,5})?(\/.*)?\z/ix
+  link_url: !ruby/regexp /^(tel:|mailto:|\/|[a-z]+:\/\/)/
 
 # The layout used for rendering the +alchemy/admin/pages#show+ action.
 admin_page_preview_layout: application

data/config/alchemy/modules.yml

@@ -7,7 +7,7 @@
     name: Home
     controller: "/alchemy/admin/dashboard"
     action: index
-    icon: home-2-line
+    icon: home-2
 
 - name: pages
   engine_name: alchemy
@@ -16,7 +16,7 @@
     name: "modules.pages"
     controller: "/alchemy/admin/pages"
     action: index
-    icon: pages-line
+    icon: pages
     sub_navigation:
       - name: "modules.pages"
         controller: "/alchemy/admin/pages"
@@ -35,7 +35,7 @@
     name: "modules.menus"
     controller: "/alchemy/admin/nodes"
     action: index
-    icon: menu-2-line
+    icon: menu-2
 
 - name: languages
   engine_name: alchemy
@@ -45,6 +45,7 @@
     controller: "/alchemy/admin/languages"
     action: index
     icon: translate-2
+    icon-style: none
 
 - name: sites
   engine_name: alchemy
@@ -53,7 +54,7 @@
     name: "modules.sites"
     controller: "/alchemy/admin/sites"
     action: index
-    icon: global-line
+    icon: global
 
 - name: tags
   engine_name: alchemy
@@ -62,7 +63,7 @@
     name: "modules.tags"
     controller: "/alchemy/admin/tags"
     action: index
-    icon: price-tag-3-line
+    icon: price-tag-3
 
 - name: archive
   engine_name: alchemy
@@ -71,7 +72,7 @@
     controller: "/alchemy/admin/pictures"
     action: index
     name: "modules.library"
-    icon: archive-drawer-line
+    icon: archive-drawer
     sub_navigation:
       - name: "modules.pictures"
         controller: "/alchemy/admin/pictures"

data/config/importmap.rb

@@ -1,7 +1,11 @@
 pin "@ungap/custom-elements", to: "ungap-custom-elements.min.js", preload: true # @1.3.0
 pin "clipboard", to: "clipboard.min.js", preload: true
+pin "cropperjs", to: "cropperjs.min.js", preload: true
 pin "flatpickr", to: "flatpickr.min.js", preload: true # @4.6.13
+pin "handlebars", to: "handlebars.min.js", preload: true # @4.7.8
+pin "jquery", to: "jquery.min.js", preload: true
 pin "keymaster", to: "keymaster.min.js", preload: true
+pin "select2", to: "select2.min.js", preload: true
 pin "sortablejs", to: "sortable.min.js", preload: true # @1.15.1
 pin "@hotwired/turbo-rails", to: "turbo.min.js", preload: true
 pin "shoelace", to: "shoelace.min.js", preload: true

data/config/routes.rb

@@ -88,7 +88,7 @@ Alchemy::Engine.routes.draw do
       end
     end
 
-    resource :clipboard, only: :index, controller: "clipboard" do
+    resource :clipboard, only: [], controller: "clipboard" do
       collection do
         get :index
         delete :clear

data/lib/alchemy/engine.rb

@@ -20,6 +20,12 @@ module Alchemy
       NonStupidDigestAssets.whitelist += [/^tinymce\//]
     end
 
+    initializer "alchemy.admin_stylesheets" do |app|
+      Alchemy.admin_stylesheets.each do |stylesheet|
+        app.config.assets.precompile << stylesheet
+      end
+    end
+
     initializer "alchemy.importmap" do |app|
       watch_paths = []