alchemy_cms 7.2.5 → 7.3.0

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

@@ -1,30 +1,95 @@
-<table class="list">
-  <thead>
-    <tr>
-      <th class="icon"></th>
-      <th class="string name">
-        <%= sort_link [:alchemy, @query],
-          "name",
-          Alchemy::Page.human_attribute_name(:name),
-          default_order: "asc" %>
-      </th>
-      <th><%= Alchemy::Page.human_attribute_name(:urlname) %></th>
-      <th><%= Alchemy::Page.human_attribute_name(:page_type) %></th>
-      <th><%= Alchemy::Page.human_attribute_name(:tag_list) %></th>
-      <th>
-        <%= sort_link [:alchemy, @query],
-          :updated_at,
-          Alchemy::Page.human_attribute_name(:updated_at),
-          default_order: "desc" %>
-      </th>
-      <th class="status right"><%= Alchemy::Page.human_attribute_name(:status) %></th>
-      <th class="tools"></th>
-    </tr>
-  </thead>
-  <tbody>
-    <%= render partial: "table_row", collection: @pages, as: "page" %>
-  </tbody>
-</table>
+<%= render Alchemy::Admin::Resource::Table.new(@pages, query: @query, search_filter_params: search_filter_params) do |table| %>
+  <% table.column :icon, header: "" do |page| %>
+    <% if can?(:edit_content, page) %>
+      <% if page.locked? %>
+        <sl-tooltip class="like-hint-tooltip" content="<%= Alchemy.t("This page is locked", name: page.locker_name) %>" placement="bottom-start">
+          <%= render_icon "file-edit", size: "xl" %>
+        </sl-tooltip>
+      <% else %>
+        <%= render_icon "file-edit", size: "xl" %>
+      <% end %>
+    <% else %>
+      <sl-tooltip class="like-hint-tooltip" content="<%= Alchemy.t("Your user role does not allow you to edit this page") %>" placement="bottom-start">
+        <%= render_icon "file-forbid", size: "xl" %>
+      </sl-tooltip>
+    <% end %>
+  <% end %>
+  <% table.column :name, sortable: true do |page| %>
+    <%= link_to_if(
+          can?(:edit_content, page),
+          page.name,
+          alchemy.edit_admin_page_path(page),
+          title: Alchemy.t(:edit_page),
+        ) { content_tag(:span, page.name) } -%>
+  <% end %>
+  <% table.column :url_path, header: Alchemy::Page.human_attribute_name(:urlname) %>
+  <% table.column :page_type do |page| %>
+    <%= Alchemy.t(page.page_layout, scope: "page_layout_names", default: page.page_layout.to_s.humanize) %>
+  <% end %>
+  <% table.column :tag_list, class_name: "tags" do |page| %>
+    <% page.tag_list.each do |tag| %>
+      <%= content_tag(:span, tag, class: "tag") %>
+    <% end %>
+  <% end %>
+  <% table.column :updated_at, sortable: true %>
+  <% table.column :status, class_name: :right do |page| %>
+    <% if page.locked? %>
+      <span class="page_status locked">
+        <%= render_icon(:edit, size: "1x") %>
+        <%= page.status_title(:locked) %>
+      </span>
+    <% end %>
+    <% if page.restricted? %>
+      <span class="page_status">
+        <%= render_icon(:lock, size: "1x") %>
+        <%= page.status_title(:restricted) %>
+      </span>
+    <% end %>
+    <% unless page.public? %>
+      <span class="page_status">
+        <%= render_icon("cloud-off", size: "1x") %>
+        <%= page.status_title(:public) %>
+      </span>
+    <% end %>
+  <% end %>
+
+  <% table.with_action :info, Alchemy.t(:page_infos) do |page| %>
+    <%= link_to_dialog(
+          render_icon('info-circle'),
+          alchemy.info_admin_page_path(page),
+          {
+            title: Alchemy.t(:page_infos),
+            size: '520x290'
+          },
+          class: "icon_button"
+        ) %>
+  <% end %>
+  <% table.with_action :configure, Alchemy.t(:edit_page_properties) do |page| %>
+    <%= link_to_dialog(
+          render_icon(:cog),
+          alchemy.configure_admin_page_path(page),
+          {
+            title: Alchemy.t(:edit_page_properties),
+            size: '450x680'
+          },
+          class: "icon_button"
+        ) -%>
+  <% end %>
+  <% table.with_action :copy, Alchemy.t(:copy_page) do |page| %>
+    <%= link_to(
+          render_icon(:copy),
+          alchemy.insert_admin_clipboard_path(
+            remarkable_type: :pages,
+            remarkable_id: page.id,
+          ),
+          remote: true,
+          method: :post,
+          class: "icon_button"
+        ) %>
+  <% end %>
+  <% table.delete_button tooltip: Alchemy.t(:delete_page), confirm_message: Alchemy.t(:confirm_to_delete_page) %>
+<% end %>
+
 
 <script type="text/javascript">
   $(function() {

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

@@ -94,10 +94,12 @@
   <% end %>
   <div class="toolbar_spacer"></div>
   <div class="select_with_label">
-    <label><%= Alchemy.t(:preview_size) %></label>
-    <%= select_tag 'preview_size',
-      preview_sizes_for_select,
-      class: 'medium', is: 'alchemy-select' %>
+    <sl-tooltip content="<%= Alchemy.t(:preview_size) %>" placement="top-start">
+      <%= render_icon(:computer) %>
+      <%= select_tag "preview_size",
+        options_for_select(preview_sizes_for_select),
+        include_blank: Alchemy.t("auto", scope: "preview_sizes") %>
+    </sl-tooltip>
   </div>
   <div class="toolbar_spacer"></div>
   <% if @preview_urls.many? %>
@@ -129,10 +131,6 @@
 </div>
 <% end %>
 
-<% content_for :javascript_includes do %>
-  <meta name="turbo-cache-control" content="no-cache">
-<% end %>
-
 <iframe
   url="<%= @preview_url %>"
   id="alchemy_preview_window"

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

@@ -1,7 +1,3 @@
-<% content_for :javascript_includes do %>
-  <meta name="turbo-cache-control" content="no-cache">
-<% end %>
-
 <% content_for :toolbar do %>
   <%= render "alchemy/admin/pages/toolbar" %>
 <% end %>

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

@@ -1,14 +1,16 @@
-<%= alchemy_form_for [:admin, @picture] do |f| %>
-  <%= f.input :name %>
-  <%= render "picture_description_field", f: f %>
-  <%= render Alchemy::Admin::TagsAutocomplete.new(additional_class: "input") do %>
-    <%= f.label :tag_list %>
-    <%= f.text_field :tag_list, value: f.object.tag_list.join(",") %>
-    <small class="hint"><%= Alchemy.t('Please seperate the tags with commata') %></small>
+<%= turbo_frame_tag(@picture) do %>
+  <%= alchemy_form_for [:admin, @picture] do |f| %>
+    <%= f.input :name %>
+    <%= render "picture_description_field", f: f %>
+    <%= render Alchemy::Admin::TagsAutocomplete.new(additional_class: "input") do %>
+      <%= f.label :tag_list %>
+      <%= f.text_field :tag_list, value: f.object.tag_list.join(",") %>
+      <small class="hint"><%= Alchemy.t('Please seperate the tags with commata') %></small>
+    <% end %>
+    <%= hidden_field_tag :q, search_filter_params[:q] %>
+    <%= hidden_field_tag :size, @size %>
+    <%= hidden_field_tag :tagged_with, search_filter_params[:tagged_with] %>
+    <%= hidden_field_tag :filter, search_filter_params[:filter] %>
+    <%= f.submit Alchemy.t(:save) %>
   <% end %>
-  <%= hidden_field_tag :q, search_filter_params[:q] %>
-  <%= hidden_field_tag :size, @size %>
-  <%= hidden_field_tag :tagged_with, search_filter_params[:tagged_with] %>
-  <%= hidden_field_tag :filter, search_filter_params[:filter] %>
-  <%= f.submit Alchemy.t(:save) %>
 <% end %>

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

@@ -89,17 +89,7 @@
   <script type="text/javascript" charset="utf-8">
     $(function() {
       Alchemy.pictureSelector();
-      $('#select_all_pictures').on('click', function(e) {
-        $(this).toggleClass("active")
-        $('.picture_tool.select :checkbox')
-          .prop('checked', function(_i, val) { return !val })
-          .closest(".picture_thumbnail")
-          .toggleClass("active");
-        e.preventDefault;
-        $(".selected_item_tools").toggleClass("hidden")
-        return false;
-      });
-      $('.thumbnail_background').on("click", function(event) {
+      $('#picture_archive').on("click", ".thumbnail_background", function(event) {
         var url = $(this).attr('href');
         var overlay = new Alchemy.ImageOverlay(url);
         overlay.open();

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

@@ -0,0 +1,6 @@
+<alchemy-growl type=<%= @message[:type] %>>
+  <%= @message[:body] %>
+</alchemy-growl>
+<%= turbo_stream.replace("picture_#{@picture.id}") do %>
+  <%= render "picture", picture: @picture %>
+<% end %>

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

@@ -0,0 +1,3 @@
+<%= render Alchemy::Admin::Resource::Table.new(resources_instance_variable, query: @query, search_filter_params: search_filter_params, icon: local_assigns[:icon]) %>
+
+<%= paginate resources_instance_variable, scope: resource_url_proxy, theme: 'alchemy' %>

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

@@ -1,3 +1,5 @@
+<% Alchemy::Deprecation.warn "The `alchemy/admin/resources/_table` partial is deprecated. Please `render 'alchemy/admin/resources/_resource_table'` instead and update it to your needs." %>
+
 <% if resources_instance_variable.any? %>
 <table class="list" id="<%= resource_handler.resources_name %>_list">
   <thead>

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

@@ -29,7 +29,7 @@
 
 <div id="archive_all" class="resources-table-wrapper<%= ' with_tag_filter' if resource_has_tags || resource_has_filters %>">
   <%= render 'alchemy/admin/resources/table_header' %>
-  <%= render 'table' %>
+  <%= render 'resource_table' %>
 
   <% if resource_has_tags || resource_has_filters %>
     <div id="library_sidebar">

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

@@ -22,7 +22,7 @@
 <div id="archive_all" class="resources-table-wrapper">
   <% if @sites.any? %>
     <%= render 'alchemy/admin/resources/table_header' %>
-    <%= render 'table', icon: "global" %>
+    <%= render 'alchemy/admin/resources/resource_table', icon: "global" %>
   <% elsif search_filter_params[:q].present? %>
     <%= render_message { Alchemy.t('Nothing found') } %>
   <% else %>

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

@@ -2,10 +2,6 @@
   <%= "Styleguide" %>
 <% end %>
 
-<% content_for :javascript_includes do %>
-  <meta name="turbo-cache-control" content="no-cache">
-<% end %>
-
 <% content_for(:toolbar) do %>
   <%= render Alchemy::Admin::ToolbarButton.new(
     icon: :info,

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

@@ -21,20 +21,21 @@
   <%= render 'alchemy/admin/resources/table_header' %>
   <% if @tags.any? %>
 
-  <table class="list">
-    <thead>
-      <tr>
-        <th class="icon"></th>
-        <th class="name"><%= sort_link(@query, :name) %></th>
-        <th style="width: 15%"><%= Gutentag::Tag.human_attribute_name(:taggings_types) %></th>
-        <th class="count"><%= sort_link(@query, :taggings_count) %></th>
-        <th class="tools"></th>
-      </tr>
-    </thead>
-    <tbody>
-      <%= render partial: 'tag', collection: @tags %>
-    </tbody>
-  </table>
+    <%= render Alchemy::Admin::Resource::Table.new(@tags, query: @query, search_filter_params: search_filter_params) do |table| %>
+      <% table.icon_column "tag" %>
+      <% table.column :name, sortable: true %>
+      <% table.column :taggings_types do |tag| %>
+        <% tag.taggings.collect(&:taggable).compact.uniq(&:class).each do |taggable| %>
+          <span class="label">
+            <%= taggable.class.model_name.human %>
+          </span>
+        <% end %>
+      <% end %>
+      <% table.column :taggings_count, sortable: true, class_name: "count" %>
+
+      <% table.delete_button tooltip: Alchemy.t(:delete_tag), confirm_message: Alchemy.t(:do_you_really_want_to_delete_this_tag?) %>
+      <% table.edit_button tooltip: Alchemy.t(:edit_tag), dialog_size: "360x410" %>
+    <% end %>
 
   <%= paginate @tags, theme: 'alchemy' %>
 

data/app/views/alchemy/base/403.html.erb

@@ -0,0 +1,6 @@
+<%= turbo_frame_tag request.headers["Turbo-Frame"] do %>
+  <%= render_message(:warning) do %>
+    <h1><%= Alchemy.t("You are not authorized.") %></h1>
+    <p><%= Alchemy.t("Your current user role is not permitted to access this resource.") %></p>
+  <% end %>
+<% end %>

data/app/views/alchemy/base/500.html.erb

@@ -12,16 +12,18 @@
 
 <% content_for(:alchemy_body_class) { 'error' } %>
 
-<%= render_message(:error) do %>
-  <h1><%= Alchemy.t('An error happened') %></h1>
-  <h2>
-    <%= @error.class %>
-    <%= @notice %>
-  </h2>
-  <details>
-    <summary><%= Alchemy.t('Show error details') %></summary>
-    <% @trace.each do |line| %>
-      <%= line %><br>
-    <% end %>
-  </details>
+<%= turbo_frame_tag request.headers["Turbo-Frame"] do %>
+  <%= render_message(:error) do %>
+    <h1><%= Alchemy.t('An error happened') %></h1>
+    <h2>
+      <%= @error.class %>
+      <%= @notice %>
+    </h2>
+    <details>
+      <summary><%= Alchemy.t('Show error details') %></summary>
+      <% @trace.each do |line| %>
+        <%= line %><br>
+      <% end %>
+    </details>
+  <% end %>
 <% end %>

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

@@ -3,16 +3,18 @@
   data: datetime_editor.data_attributes do %>
   <%= element_form.fields_for(:ingredients, datetime_editor.ingredient) do |f| %>
     <%= ingredient_label(datetime_editor) %>
-    <%= alchemy_datepicker(
-      datetime_editor, :value, {
-        name: datetime_editor.form_field_name,
-        id: datetime_editor.form_field_id,
-        value: datetime_editor.value,
-        type: datetime_editor.settings[:input_type]
-      }
-    ) %>
+    <div class="input-field">
+      <%= alchemy_datepicker(
+        datetime_editor, :value, {
+          name: datetime_editor.form_field_name,
+          id: datetime_editor.form_field_id,
+          value: datetime_editor.value,
+          type: datetime_editor.settings[:input_type]
+        }
+      ) %>
+      <label for="<%= datetime_editor.form_field_id %>" class="ingredient-date--label">
+        <%= render_icon "calendar" %>
+      </label>
+    </div>
   <% end %>
-  <label for="<%= datetime_editor.form_field_id %>" class="ingredient-date--label">
-    <%= render_icon "calendar" %>
-  </label>
 <% end %>

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

@@ -6,32 +6,39 @@
   data: headline_editor.data_attributes do %>
   <%= element_form.fields_for(:ingredients, headline_editor.ingredient) do |f| %>
     <%= ingredient_label(headline_editor) %>
-    <%= f.text_field :value, id: headline_editor.form_field_id %>
 
-    <% if headline_editor.settings[:anchor] %>
-      <%= render "alchemy/ingredients/shared/anchor", ingredient_editor: headline_editor %>
-    <% end %>
+    <div class="input-field">
+      <%= f.text_field :value,
+        minlength: headline_editor.length_validation&.fetch(:minimum, nil),
+        maxlength: headline_editor.length_validation&.fetch(:maximum, nil),
+        required: headline_editor.presence_validation?,
+        pattern: headline_editor.format_validation,
+        id: headline_editor.form_field_id %>
+      <% if headline_editor.settings[:anchor] %>
+        <%= render "alchemy/ingredients/shared/anchor", ingredient_editor: headline_editor %>
+      <% end %>
 
-    <div class="input-addon right<%= " second" if has_size_select %>">
-      <sl-tooltip content="<%= f.object.class.human_attribute_name(:level) %>">
-        <%= f.select :level,
-          options_for_select(headline_editor.level_options, headline_editor.level),
-          {},
-          {
-            class: "custom-select",
-            disabled: !has_level_select
-          } %>
-      </sl-tooltip>
-    </div>
-
-    <% if has_size_select %>
-      <div class="input-addon right">
-        <sl-tooltip content="<%= f.object.class.human_attribute_name(:size) %>">
-          <%= f.select :size, options_for_select(headline_editor.size_options, headline_editor.size),
+      <div class="input-addon right<%= " second" if has_size_select %>">
+        <sl-tooltip content="<%= f.object.class.human_attribute_name(:level) %>">
+          <%= f.select :level,
+            options_for_select(headline_editor.level_options, headline_editor.level),
             {},
-            { class: "custom-select" } %>
+            {
+              class: "custom-select",
+              disabled: !has_level_select
+            } %>
         </sl-tooltip>
       </div>
-    <% end %>
+
+      <% if has_size_select %>
+        <div class="input-addon right">
+          <sl-tooltip content="<%= f.object.class.human_attribute_name(:size) %>">
+            <%= f.select :size, options_for_select(headline_editor.size_options, headline_editor.size),
+              {},
+              { class: "custom-select" } %>
+          </sl-tooltip>
+        </div>
+      <% end %>
+    </div>
   <% end %>
 <% end %>

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

@@ -3,18 +3,24 @@
   data: link_editor.data_attributes do %>
   <%= element_form.fields_for(:ingredients, link_editor.ingredient) do |f| %>
     <%= ingredient_label(link_editor) %>
-    <%= f.text_field :value,
-      class: "thin_border text_with_icon readonly",
-      id: link_editor.form_field_id,
-      "data-link-value": true,
-      readonly: true,
-      tabindex: -1
-    %>
-    <%= f.hidden_field :link_title, "data-link-title": true, id: nil %>
-    <%= f.hidden_field :link_class_name, "data-link-class": true, id: nil %>
-    <%= f.hidden_field :link_target, "data-link-target": true, id: nil %>
+    <div class="input-field">
+      <%= f.text_field :value,
+        class: "thin_border text_with_icon readonly",
+        id: link_editor.form_field_id,
+        "data-link-value": true,
+        minlength: link_editor.length_validation&.fetch(:minimum, nil),
+        maxlength: link_editor.length_validation&.fetch(:maximum, nil),
+        required: link_editor.presence_validation?,
+        pattern: link_editor.format_validation,
+        readonly: true,
+        tabindex: -1
+      %>
+      <%= f.hidden_field :link_title, "data-link-title": true, id: nil %>
+      <%= f.hidden_field :link_class_name, "data-link-class": true, id: nil %>
+      <%= f.hidden_field :link_target, "data-link-target": true, id: nil %>
+      <%= render "alchemy/ingredients/shared/link_tools", ingredient_editor: link_editor, wrapper_class: "ingredient_link_buttons" %>
+    </div>
   <% end %>
-  <%= render "alchemy/ingredients/shared/link_tools", ingredient_editor: link_editor, wrapper_class: "ingredient_link_buttons" %>
 <% end %>
 
 <script>

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

@@ -7,6 +7,7 @@
       <%= f.text_field :page_id,
         value: page_editor.page&.id,
         id: page_editor.form_field_id(:page_id),
+        required: page_editor.presence_validation?,
         class: 'full_width' %>
       <% end %>
     <% end %>

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

@@ -32,10 +32,9 @@
         </div>
       </div>
       <%- if picture_editor.css_class.present? -%>
-        <div class="picture_ingredient_css_class">
-          <%= Alchemy.t("alchemy.picture_ingredients.css_classes.#{picture_editor.css_class}",
-            default: picture_editor.css_class.camelcase) %>
-        </div>
+        <%= render "alchemy/ingredients/shared/picture_css_class", {
+          css_class: picture_editor.css_class
+        } %>
       <%- end -%>
       <div class="edit_images_bottom">
         <%= render "alchemy/ingredients/shared/picture_tools", {

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

@@ -6,7 +6,11 @@
 
     <%- custom_tinymce_config = richtext_editor.custom_tinymce_config.inject({}) { |obj, (k, v)| obj[k.to_s.dasherize] = v.to_json; obj} %>
     <%= content_tag("alchemy-tinymce", custom_tinymce_config) do %>
-      <%= f.text_area :value, id: richtext_editor.form_field_id(:value) %>
+      <%= f.text_area :value,
+        minlength: richtext_editor.length_validation&.fetch(:minimum, nil),
+        maxlength: richtext_editor.length_validation&.fetch(:maximum, nil),
+        required: richtext_editor.presence_validation?,
+        id: richtext_editor.form_field_id(:value) %>
     <% end %>
   <% end %>
 <% end %>

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

@@ -24,7 +24,8 @@
       <%= f.select :value, options_tags, {}, {
         id: select_editor.form_field_id,
         class: ["ingredient-editor-select"],
-        is: "alchemy-select"
+        is: "alchemy-select",
+        required: select_editor.presence_validation?
       } %>
     <% end %>
   <% end %>

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

@@ -5,19 +5,25 @@
   ], data: text_editor.data_attributes do %>
   <%= element_form.fields_for(:ingredients, text_editor.ingredient) do |f| %>
     <%= ingredient_label(text_editor) %>
-    <%= f.text_field :value,
-      class: text_editor.settings[:linkable] ? "text_with_icon" : "",
-      id: text_editor.form_field_id,
-      type: text_editor.settings[:input_type] || "text" %>
-    <% if text_editor.settings[:anchor] %>
-      <%= render "alchemy/ingredients/shared/anchor", ingredient_editor: text_editor %>
-    <% end %>
-    <% if text_editor.settings[:linkable] %>
-      <%= f.hidden_field :link, "data-link-value": true, id: nil %>
-      <%= f.hidden_field :link_title, "data-link-title": true, id: nil %>
-      <%= f.hidden_field :link_class_name, "data-link-class": true, id: nil %>
-      <%= f.hidden_field :link_target, "data-link-target": true, id: nil %>
-      <%= render "alchemy/ingredients/shared/link_tools", ingredient_editor: text_editor, wrapper_class: "ingredient_link_buttons" %>
-    <% end %>
+    <div class="input-field">
+      <%= f.text_field :value,
+        class: text_editor.settings[:linkable] ? "text_with_icon" : "",
+        id: text_editor.form_field_id,
+        minlength: text_editor.length_validation&.fetch(:minimum, nil),
+        maxlength: text_editor.length_validation&.fetch(:maximum, nil),
+        required: text_editor.presence_validation?,
+        pattern: text_editor.format_validation,
+        type: text_editor.settings[:input_type] || "text" %>
+      <% if text_editor.settings[:anchor] %>
+        <%= render "alchemy/ingredients/shared/anchor", ingredient_editor: text_editor %>
+      <% end %>
+      <% if text_editor.settings[:linkable] %>
+        <%= f.hidden_field :link, "data-link-value": true, id: nil %>
+        <%= f.hidden_field :link_title, "data-link-title": true, id: nil %>
+        <%= f.hidden_field :link_class_name, "data-link-class": true, id: nil %>
+        <%= f.hidden_field :link_target, "data-link-target": true, id: nil %>
+        <%= render "alchemy/ingredients/shared/link_tools", ingredient_editor: text_editor, wrapper_class: "ingredient_link_buttons" %>
+      <% end %>
+    </div>
   <% end %>
 <% end %>

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

@@ -0,0 +1,6 @@
+<div class="picture_ingredient_css_class">
+  <%= render_icon "pencil-ruler-2", style: "line", size: "1x" %>
+  <%= Alchemy.t(css_class,
+    scope: "picture_ingredients.css_classes",
+    default: css_class.camelcase) %>
+</div>

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

@@ -9,8 +9,10 @@
     <meta name="robots" content="noindex">
     <meta name="alchemy-icon-sprite" content="<%= asset_path("remixicon.symbol.svg") %>">
     <meta name="turbo-prefetch" content="false">
-    <%= stylesheet_link_tag('alchemy/admin/all', media: 'screen', 'data-turbo-track' => true) %>
-    <%= stylesheet_link_tag('alchemy/print', media: 'print', 'data-turbo-track' => true) %>
+    <meta name="turbo-cache-control" content="no-cache">
+    <%= 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) %>
     <%= yield :stylesheets %>
     <script>
       // Global Alchemy JavaScript object.

data/bin/setup

@@ -14,6 +14,8 @@ end
 FileUtils.chdir GEM_ROOT do
   system! "gem install bundler --conservative"
   system("bundle check") || system!("bundle install")
+  system("bun -v &> /dev/null") || system!("curl -fsSL https://bun.sh/install | bash")
+  system!("bun install")
 end
 
 FileUtils.chdir APP_ROOT do

data/bin/start

@@ -13,5 +13,5 @@ end
 
 FileUtils.chdir APP_ROOT do
   puts "\n== Starting dummy app =="
-  system! "bin/rails server"
+  system! "bin/dev"
 end

data/config/alchemy/config.yml

@@ -205,3 +205,12 @@ format_matchers:
 
 # The layout used for rendering the +alchemy/admin/pages#show+ action.
 admin_page_preview_layout: application
+
+# The sizes for the preview size select in the page editor.
+page_preview_sizes:
+  - 360
+  - 640
+  - 768
+  - 1024
+  - 1280
+  - 1440