panda_cms 0.5.10 → 0.6.1

data/app/lib/panda_cms/editor_js/blocks/alert.rb

@@ -0,0 +1,32 @@
+module PandaCms
+  module EditorJs
+    module Blocks
+      class Alert < Base
+        def render
+          message = sanitize(data["message"])
+          type = data["type"] || "primary"
+
+          html_safe(
+            "<div class=\"#{alert_classes(type)} p-4 mb-4 rounded-lg\">" \
+              "#{message}" \
+            "</div>"
+          )
+        end
+
+        private
+
+        def alert_classes(type)
+          case type
+          when "primary" then "bg-blue-100 text-blue-800"
+          when "secondary" then "bg-gray-100 text-gray-800"
+          when "success" then "bg-green-100 text-green-800"
+          when "danger" then "bg-red-100 text-red-800"
+          when "warning" then "bg-yellow-100 text-yellow-800"
+          when "info" then "bg-indigo-100 text-indigo-800"
+          else "bg-blue-100 text-blue-800"
+          end
+        end
+      end
+    end
+  end
+end

data/app/lib/panda_cms/editor_js/blocks/base.rb

@@ -0,0 +1,28 @@
+module PandaCms
+  module EditorJs
+    module Blocks
+      class Base
+        attr_reader :data, :options
+
+        def initialize(data, options = {})
+          @data = data
+          @options = options
+        end
+
+        def render
+          ""
+        end
+
+        private
+
+        def sanitize(text)
+          Rails::Html::SafeListSanitizer.new.sanitize(text, tags: %w[b i u a code])
+        end
+
+        def html_safe(text)
+          text.to_s.html_safe
+        end
+      end
+    end
+  end
+end

data/app/lib/panda_cms/editor_js/blocks/header.rb

@@ -0,0 +1,13 @@
+module PandaCms
+  module EditorJs
+    module Blocks
+      class Header < Base
+        def render
+          content = sanitize(data["text"])
+          level = data["level"] || 2
+          html_safe("<h#{level}>#{content}</h#{level}>")
+        end
+      end
+    end
+  end
+end

data/app/lib/panda_cms/editor_js/blocks/image.rb

@@ -0,0 +1,34 @@
+module PandaCms
+  module EditorJs
+    module Blocks
+      class Image < Base
+        def render
+          url = data["url"]
+          caption = sanitize(data["caption"])
+          with_border = data["withBorder"]
+          with_background = data["withBackground"]
+          stretched = data["stretched"]
+
+          css_classes = ["prose"]
+          css_classes << "border" if with_border
+          css_classes << "bg-gray-100" if with_background
+          css_classes << "w-full" if stretched
+
+          html_safe(<<~HTML)
+            <figure class="#{css_classes.join(" ")}">
+              <img src="#{url}" alt="#{caption}" />
+              #{caption_element(caption)}
+            </figure>
+          HTML
+        end
+
+        private
+
+        def caption_element(caption)
+          return "" if caption.blank?
+          "<figcaption>#{caption}</figcaption>"
+        end
+      end
+    end
+  end
+end

data/app/lib/panda_cms/editor_js/blocks/list.rb

@@ -0,0 +1,30 @@
+module PandaCms
+  module EditorJs
+    module Blocks
+      class List < Base
+        def render
+          list_type = (data["style"] == "ordered") ? "ol" : "ul"
+          html_safe(
+            "<#{list_type}>" \
+            "#{render_items(data["items"])}" \
+            "</#{list_type}>"
+          )
+        end
+
+        private
+
+        def render_items(items)
+          items.map do |item|
+            content = item.is_a?(Hash) ? item["content"] : item
+            nested = (item.is_a?(Hash) && item["items"].present?) ? render_nested(item["items"]) : ""
+            "<li>#{sanitize(content)}#{nested}</li>"
+          end.join
+        end
+
+        def render_nested(items)
+          self.class.new({"items" => items, "style" => data["style"]}).render
+        end
+      end
+    end
+  end
+end

data/app/lib/panda_cms/editor_js/blocks/paragraph.rb

@@ -0,0 +1,13 @@
+module PandaCms
+  module EditorJs
+    module Blocks
+      class Paragraph < Base
+        def render
+          content = sanitize(data["text"])
+          return "" if content.blank?
+          html_safe("<p>#{content}</p>")
+        end
+      end
+    end
+  end
+end

data/app/lib/panda_cms/editor_js/blocks/quote.rb

@@ -0,0 +1,27 @@
+module PandaCms
+  module EditorJs
+    module Blocks
+      class Quote < Base
+        def render
+          text = sanitize(data["text"])
+          caption = sanitize(data["caption"])
+          alignment = data["alignment"] || "left"
+
+          html_safe(
+            "<figure class=\"text-#{alignment}\">" \
+              "<blockquote><p>#{text}</p></blockquote>" \
+              "#{caption_element(caption)}" \
+            "</figure>"
+          )
+        end
+
+        private
+
+        def caption_element(caption)
+          return "" if caption.blank?
+          "<figcaption>#{caption}</figcaption>"
+        end
+      end
+    end
+  end
+end

data/app/lib/panda_cms/editor_js/blocks/table.rb

@@ -0,0 +1,48 @@
+module PandaCms
+  module EditorJs
+    module Blocks
+      class Table < Base
+        def render
+          content = data["content"]
+          with_headings = data["withHeadings"]
+
+          html_safe(<<~HTML)
+            <div class="overflow-x-auto">
+              <table class="min-w-full">
+                #{render_rows(content, with_headings)}
+              </table>
+            </div>
+          HTML
+        end
+
+        private
+
+        def render_rows(content, with_headings)
+          rows = []
+          index = 0
+
+          while index < content.length
+            rows << if index == 0 && with_headings
+              render_header_row(content[index])
+            else
+              render_data_row(content[index])
+            end
+            index += 1
+          end
+
+          rows.join("\n")
+        end
+
+        def render_header_row(row)
+          cells = row.map { |cell| "<th>#{sanitize(cell)}</th>" }
+          "<tr>#{cells.join}</tr>"
+        end
+
+        def render_data_row(row)
+          cells = row.map { |cell| "<td>#{sanitize(cell)}</td>" }
+          "<tr>#{cells.join}</tr>"
+        end
+      end
+    end
+  end
+end

data/app/lib/panda_cms/editor_js/renderer.rb

@@ -0,0 +1,120 @@
+module PandaCms
+  module EditorJs
+    class Renderer
+      attr_reader :content, :options, :custom_renderers, :cache_store
+
+      def initialize(content, options = {})
+        @content = content
+        @options = options
+        @custom_renderers = options.delete(:custom_renderers) || {}
+        @cache_store = options.delete(:cache_store) || Rails.cache
+        @validate_html = options.delete(:validate_html) || false
+      end
+
+      def render
+        return "" if content.nil? || !content.is_a?(Hash) || !content["blocks"]
+
+        blocks = remove_empty_paragraphs(content["blocks"])
+        rendered = blocks.map { |block| render_block_with_cache(block) }.join("\n")
+
+        @validate_html ? validate_html(rendered) : rendered
+      end
+
+      def section(blocks)
+        "<section class=\"content-section\">#{render_blocks(blocks)}</section>"
+      end
+
+      def article(blocks, title: nil)
+        content = []
+        content << "<h1>#{title}</h1>" if title
+        content << render_blocks(blocks)
+        "<article>#{content.join("\n")}</article>"
+      end
+
+      private
+
+      def render_blocks(blocks)
+        blocks.map { |block| render_block_with_cache(block) }.join("\n")
+      end
+
+      def validate_html(html)
+        # First check if we have matching numbers of opening and closing tags
+        opening_tags = html.scan(/<([a-z]+)[^>]*>/i)
+        closing_tags = html.scan(/<\/([a-z]+)>/i)
+
+        # Early return if tag counts don't match
+        return "" unless opening_tags.length == closing_tags.length
+
+        # Check tag order and nesting
+        stack = []
+        tag_pattern = /<\/?([a-z]+)[^>]*>/i
+        position = 0
+
+        while (match = html[position..].match(tag_pattern))
+          tag_name = match[1].downcase
+          is_closing = match[0].start_with?("</")
+
+          if is_closing
+            return "" if stack.pop != tag_name
+          else
+            stack.push(tag_name)
+          end
+
+          position += match.begin(0) + match[0].length
+        end
+
+        stack.empty? ? html : ""
+      end
+
+      def render_block_with_cache(block)
+        return "" if @validate_html && has_invalid_html?(block["data"])
+
+        cache_key = "editor_js_block/#{block["type"]}/#{Digest::MD5.hexdigest(block["data"].to_json)}"
+        cache_store.fetch(cache_key) do
+          renderer_for(block).render
+        end
+      end
+
+      def remove_empty_paragraphs(blocks)
+        blocks.reject do |block|
+          block["type"] == "paragraph" &&
+            block["data"]["text"].blank? &&
+            (blocks.last == block || next_block_is_empty?(blocks, block))
+        end
+      end
+
+      def next_block_is_empty?(blocks, current_block)
+        current_index = blocks.index(current_block)
+        next_block = blocks[current_index + 1]
+        next_block && next_block["type"] == "paragraph" && next_block["data"]["text"].blank?
+      end
+
+      def renderer_for(block)
+        if custom_renderers[block["type"]]
+          custom_renderers[block["type"]].new(block["data"], options)
+        else
+          default_renderer_for(block)
+        end
+      end
+
+      def default_renderer_for(block)
+        renderer_class = "PandaCms::EditorJs::Blocks::#{block["type"].classify}".constantize
+        renderer_class.new(block["data"], options)
+      rescue NameError
+        PandaCms::EditorJs::Blocks::Base.new(block["data"], options)
+      end
+
+      private
+
+      def has_invalid_html?(data)
+        data.values.any? do |value|
+          next unless value.is_a?(String)
+          opening_tags = value.scan(/<([a-z]+)[^>]*>/i)
+          closing_tags = value.scan(/<\/([a-z]+)>/i)
+          opening_tags.length != closing_tags.length ||
+            opening_tags.map(&:first) != closing_tags.map(&:first)
+        end
+      end
+    end
+  end
+end

data/app/lib/panda_cms/slug.rb

@@ -5,7 +5,7 @@ module PandaCms
     #
     # @param string [String] The provided string to turn into a slug
     # @return string Generated slug
-    # @see text_field_update_controller.js should also implement this logic
+    # @see slug_controller.js should also implement this logic
     def self.generate(string)
       # Trim whitespace and downcase the string
       string = string.to_s.strip.downcase

data/app/models/panda_cms/block.rb

@@ -16,12 +16,12 @@ module PandaCms
       plain_text: "plain_text",
       rich_text: "rich_text",
       iframe: "iframe",
-      list: "list"
+      list: "list",
+      code: "code"
       # image: "image",
       # video: "video",
       # audio: "audio",
       # file: "file",
-      # code: "code",
       # iframe: "iframe",
       # quote: "quote",
       # list: "list"

data/app/models/panda_cms/block_content.rb

@@ -1,5 +1,3 @@
-require "redcarpet"
-
 module PandaCms
   class BlockContent < ApplicationRecord
     self.table_name = "panda_cms_block_contents"
@@ -12,5 +10,17 @@ module PandaCms
     belongs_to :block, foreign_key: :panda_cms_block_id, class_name: "PandaCms::Block", inverse_of: :block_contents, optional: false
 
     validates :block, presence: true, uniqueness: {scope: :page}
+
+    before_save :generate_cache
+
+    private
+
+    def generate_cache
+      self.cached_content = if content.is_a?(Hash) && content.dig("source") == "editorJS"
+        EditorJs::Renderer.new(content).render
+      else
+        content
+      end
+    end
   end
 end

data/app/models/panda_cms/page.rb

@@ -18,15 +18,21 @@ module PandaCms
     has_many :menu_items, foreign_key: :panda_cms_page_id, class_name: "PandaCms::MenuItem", inverse_of: :page
     has_many :menus, through: :menu_items
     has_many :menus_of_parent, through: :parent, source: :menus
-    has_one :page_menu, foreign_key: :panda_cms_menu_id, class_name: "PandaCms::Menu", inverse_of: :start_page
+    has_one :page_menu, foreign_key: :start_page_id, class_name: "PandaCms::Menu"
 
     validates :title, presence: true
+
     validates :path,
       presence: true,
       uniqueness: true,
       format: {with: /\A\/.*\z/, message: "must start with a forward slash"}
-    validates :parent, presence: true, unless: -> { path == "/" }
-    validates :panda_cms_template_id, presence: true
+
+    validates :parent,
+      presence: true,
+      unless: -> { path == "/" }
+
+    validates :panda_cms_template_id,
+      presence: true
 
     scope :ordered, -> { order(:lft) }
 

data/app/models/panda_cms/post.rb

@@ -44,7 +44,7 @@ module PandaCms
     end
 
     def path
-      "/" + PandaCms.posts[:prefix] + slug.to_s
+      "/" + PandaCms.config.posts[:prefix] + slug.to_s
     end
 
     def formatted_slug

data/app/models/panda_cms/template.rb

@@ -24,9 +24,11 @@ module PandaCms
     validate :validate_template_file_exists
 
     # Scopes
-    scope :ordered, -> { order(:sort_order) }
     scope :available, -> { where("max_uses IS NULL OR (pages_count < max_uses)") }
-    scope :most_used, -> { order(pages_count: :desc).first }
+
+    def self.default
+      find_by(file_path: "layouts/page") || first
+    end
 
     # Generate missing blocks for all templates
     # @return [void]

data/app/models/panda_cms/user.rb

@@ -2,7 +2,9 @@ module PandaCms
   class User < ApplicationRecord
     validates :firstname, presence: true
     validates :lastname, presence: true
-    validates :email, presence: true, uniqueness: {case_sensitive: true}
+    validates :email, presence: true, uniqueness: true
+
+    before_save :downcase_email
 
     def is_admin?
       admin
@@ -15,5 +17,11 @@ module PandaCms
     def self.for_select_list(scope = :all, order = {firstname: :asc, lastname: :asc})
       PandaCms::User.send(scope).order(order).map { |u| [u.name, u.id] }
     end
+
+    private
+
+    def downcase_email
+      self.email = email.to_s.downcase
+    end
   end
 end

data/app/views/panda_cms/admin/dashboard/show.html.erb

@@ -1,10 +1,12 @@
-<%= render PandaCms::Admin::ContainerComponent.new do |container| %>
-  <% container.with_heading(text: "Dashboard", level: 1) do |heading| %>
-    <% heading.with_button(action: :add, text: "Add Page", link: new_admin_page_path) %>
+<div class="" data-controller="dashboard">
+  <%= render PandaCms::Admin::ContainerComponent.new do |container| %>
+    <% container.with_heading(text: "Dashboard", level: 1) do |heading| %>
+      <% heading.with_button(action: :add, text: "Add Page", link: new_admin_page_path) %>
+    <% end %>
+    <dl class="grid grid-cols-1 gap-5 mt-5 sm:grid-cols-3">
+      <%= render PandaCms::Admin::StatisticsComponent.new(metric: "Views Today", value: PandaCms::Visit.group_by_day(:visited_at, last: 1).count.values.first) %>
+      <%= render PandaCms::Admin::StatisticsComponent.new(metric: "Views Last Week", value: PandaCms::Visit.group_by_week(:visited_at, last: 1).count.values.first) %>
+      <%= render PandaCms::Admin::StatisticsComponent.new(metric: "Views Last Month", value: PandaCms::Visit.group_by_month(:visited_at, last: 1).count.values.first) %>
+    </dl>
   <% end %>
-  <dl class="grid grid-cols-1 gap-5 mt-5 sm:grid-cols-3">
-    <%= render PandaCms::Admin::StatisticsComponent.new(metric: "Views Today", value: PandaCms::Visit.group_by_day(:visited_at, last: 1).count.values.first) %>
-    <%= render PandaCms::Admin::StatisticsComponent.new(metric: "Views Last Week", value: PandaCms::Visit.group_by_week(:visited_at, last: 1).count.values.first) %>
-    <%= render PandaCms::Admin::StatisticsComponent.new(metric: "Views Last Month", value: PandaCms::Visit.group_by_month(:visited_at, last: 1).count.values.first) %>
-  </dl>
-<% end %>
+</div>

data/app/views/panda_cms/admin/forms/new.html.erb

@@ -1,14 +1,13 @@
 <%= render PandaCms::Admin::ContainerComponent.new do |component| %>
   <% component.with_heading(text: "Add Page", level: 1) do |heading| %>
   <% end %>
-
   <%= panda_cms_form_with model: page, url: admin_pages_path, method: :post do |f| %>
-  <% options = nested_set_options(PandaCms::Page, page) { |i| "#{"-" * i.level} #{i.title} (#{i.path})" } %>
-    <div data-controller="text-field-update">
-      <input type="hidden" value="<%= PandaCms::Current.root %>" data-text-field-update-target="existing_root">
-      <%= f.select :parent_id, options, {}, { "data-text-field-update-target": "input_select", "data-action": "change->text-field-update#setPrePath" } %>
-      <%= f.text_field :title, { data: { "text-field-update-target": "input_text", action: "focusout->text-field-update#generatePath" } } %>
-      <%= f.text_field :path, { data: { prefix: PandaCms::Current.root, "text-field-update-target": "output_text" } } %>
+    <% options = nested_set_options(PandaCms::Page, page) { |i| "#{"-" * i.level} #{i.title} (#{i.path})" } %>
+    <div data-controller="slug">
+      <input type="hidden" value="<%= PandaCms::Current.root %>" data-slug-target="existing_root">
+      <%= f.select :parent_id, options, {}, { "data-slug-target": "input_select", "data-action": "change->slug#setPrePath" } %>
+      <%= f.text_field :title, { data: { "slug-target": "input_text", action: "focusout->slug#generatePath" } } %>
+      <%= f.text_field :path, { data: { prefix: PandaCms::Current.root, "slug-target": "output_text" } } %>
       <%= f.collection_select :panda_cms_template_id, PandaCms::Template.available, :id, :name %>
       <%= f.button %>
     </div>

data/app/views/panda_cms/admin/menus/index.html.erb

@@ -1,8 +1,6 @@
 <%= render PandaCms::Admin::ContainerComponent.new do |component| %>
   <% component.with_heading(text: "Menus", level: 1) do |heading| %>
-    <% heading.with_button(action: :add, text: "Add Menu", link: new_admin_menu_path) %>
   <% end %>
-
   <%= render PandaCms::Admin::TableComponent.new(term: "menu", rows: menus) do |table| %>
     <% table.column("Name") { |menu| link_to menu.name, edit_admin_menu_path(menu) } %>
     <% table.column("Kind") { |menu| render PandaCms::Admin::TagComponent.new(status: :active, text: menu.kind.titleize) } %>

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

@@ -1,26 +1,29 @@
 <%= render PandaCms::Admin::ContainerComponent.new do |component| %>
   <% component.with_heading(text: "#{page.title}", level: 1) %>
-
   <% component.with_slideover(title: "Page Details") do %>
     <%= panda_cms_form_with model: page, url: admin_page_path, method: :put do |f| %>
-        <%= f.text_field :title, class: "block w-full rounded-md border-0 p-2 text-gray-900 ring-1 ring-inset ring-mid placeholder:text-gray-300 focus:ring-1 focus:ring-inset focus:ring-dark sm:text-sm sm:leading-6 hover:pointer" %>
-
-        <%= f.text_field :template, value: template.name,  readonly: true, class: "read-only:bg-gray-100 block w-full rounded-md border-0 p-2 text-gray-900 ring-1 ring-inset ring-mid placeholder:text-gray-300 focus:ring-1 focus:ring-inset focus:ring-dark sm:text-sm sm:leading-6 hover:pointer" %>
-
-        <%= f.select :status, options_for_select([["Active", "active"], ["Draft", "draft"], ["Hidden", "hidden"], ["Archived", "archived"]], selected: page.status), {}, class: "block w-full rounded-md border-0 py-1.5 pl-3 pr-10 text-gray-900 ring-1 ring-inset ring-mid focus:ring-1 focus:ring-inset focus:ring-dark sm:text-sm sm:leading-6 hover:pointer" %>
-
-        <%= f.submit "Save" %>
+      <%= f.text_field :title, class: "block w-full rounded-md border-0 p-2 text-gray-900 ring-1 ring-inset ring-mid placeholder:text-gray-300 focus:ring-1 focus:ring-inset focus:ring-dark sm:text-sm sm:leading-6 hover:pointer" %>
+      <%= f.text_field :template, value: template.name,  readonly: true, class: "read-only:bg-gray-100 block w-full rounded-md border-0 p-2 text-gray-900 ring-1 ring-inset ring-mid placeholder:text-gray-300 focus:ring-1 focus:ring-inset focus:ring-dark sm:text-sm sm:leading-6 hover:pointer" %>
+      <%= f.select :status, options_for_select([["Active", "active"], ["Draft", "draft"], ["Hidden", "hidden"], ["Archived", "archived"]], selected: page.status), {}, class: "block w-full rounded-md border-0 py-1.5 pl-3 pr-10 text-gray-900 ring-1 ring-inset ring-mid focus:ring-1 focus:ring-inset focus:ring-dark sm:text-sm sm:leading-6 hover:pointer" %>
+      <%= f.submit "Save" %>
     <% end %>
   <% end %>
-
-  <a class="block mb-2 -mt-4 text-sm text-black/60" target="_blank" href="<%= @page.path %>"><%= @page.path %> <i class="ml-2 fa-solid fa-arrow-up-right-from-square"></i></a>
-
-  <iframe id="editablePageFrame" src="<%= page.path %>?embed_id=<%= page.id %>" class="p-0 m-0 w-full h-full border border-slate-200"></iframe>
-
-  <script src="/panda-cms-assets/javascripts/embed/editable.js"></script>
-  <script>
-    document.addEventListener("DOMContentLoaded", function() {
-      const editable = new EditableController("<%= page.id %>", document.getElementById("editablePageFrame"));
-    });
-  </script>
+  <div class="grid grid-cols-2 mb-4 -mt-5">
+    <div>
+      <a class="inline-block mb-2 text-sm text-black/60" target="_blank" href="<%= @page.path %>"><%= @page.path %> <i class="ml-2 fa-solid fa-arrow-up-right-from-square"></i></a>
+    </div>
+    <div class="relative -mt-5">
+      <span class="absolute right-0"><%= render PandaCms::Admin::ButtonComponent.new(text: "Save Changes", action: :save_inactive, icon: "check", link: "#", size: :regular, id: "saveEditableButton") %></span>
+    </div>
+  </div>
+  <%= content_tag :iframe, nil,
+      src: "#{page.path}?embed_id=#{page.id}",
+      class: "p-0 m-0 w-full h-full border border-slate-200",
+      id: "editablePageFrame",
+      data: {
+        controller: "editor",
+        editor_page_id_value: @page.id,
+        editor_admin_path_value: "#{admin_dashboard_url}",
+        editor_autosave_value: false
+      } %>
 <% end %>

data/app/views/panda_cms/admin/pages/new.html.erb

@@ -1,14 +1,13 @@
 <%= render PandaCms::Admin::ContainerComponent.new do |component| %>
   <% component.with_heading(text: "Add Page", level: 1) do |heading| %>
   <% end %>
-
   <%= panda_cms_form_with model: page, url: admin_pages_path, method: :post do |f| %>
-  <% options = nested_set_options(PandaCms::Page, page) { |i| "#{"-" * i.level} #{i.title} (#{i.path})" } %>
-    <div data-controller="text-field-update">
-      <input type="hidden" value="<%= PandaCms::Current.root %>" data-text-field-update-target="existing_root">
-      <%= f.select :parent_id, options, {}, { "data-text-field-update-target": "input_select", "data-action": "change->text-field-update#setPrePath" } %>
-      <%= f.text_field :title, { data: { "text-field-update-target": "input_text", action: "focusout->text-field-update#generatePath" } } %>
-      <%= f.text_field :path, { meta: t(".path.meta"), data: { prefix: PandaCms::Current.root, "text-field-update-target": "output_text" } } %>
+    <% options = nested_set_options(PandaCms::Page, page) { |i| "#{"-" * i.level} #{i.title} (#{i.path})" } %>
+    <div data-controller="slug">
+      <input type="hidden" value="<%= PandaCms::Current.root %>" data-slug-target="existing_root">
+      <%= f.select :parent_id, options, {}, { "data-slug-target": "input_select", "data-action": "change->slug#setPrePath" } %>
+      <%= f.text_field :title, { data: { "slug-target": "input_text", action: "focusout->slug#generatePath" } } %>
+      <%= f.text_field :path, { meta: t(".path.meta"), data: { prefix: PandaCms::Current.root, "slug-target": "output_text" } } %>
       <%= f.collection_select :panda_cms_template_id, PandaCms::Template.available, :id, :name %>
       <%= f.button %>
     </div>

data/app/views/panda_cms/admin/posts/_form.html.erb

@@ -1,8 +1,8 @@
 <%= panda_cms_form_with model: post, url: url do |f| %>
-  <div data-controller="text-field-update">
-    <input type="hidden" value="<%= PandaCms::Current.root %>" data-text-field-update-target="existing_root">
-    <%= f.text_field :title, { required: true, data: { "text-field-update-target": "input_text", action: "focusout->text-field-update#generatePath" } } %>
-    <%= f.text_field :slug, { required: true, data: { prefix: PandaCms::Current.root + "/#{PandaCms.posts[:prefix]}", "text-field-update-target": "output_text" } } %>
+  <div data-controller="slug">
+    <input type="hidden" value="<%= PandaCms::Current.root %>" data-slug-target="existing_root">
+    <%= f.text_field :title, { required: true, data: { "slug-target": "input_text", action: "focusout->slug#generatePath" } } %>
+    <%= f.text_field :slug, { required: true, data: { prefix: PandaCms::Current.root + "/#{PandaCms.config.posts[:prefix]}", "slug-target": "output_text" } } %>
     <%= f.select :user_id, PandaCms::User.for_select_list %>
     <%= f.datetime_field :published_at, { required: true } %>
     <%= f.select :status, PandaCms::Post.statuses.keys.map { |status| [status.humanize, status] } %>

data/app/views/panda_cms/admin/sessions/new.html.erb

@@ -3,10 +3,9 @@
     <img src="/panda-cms-assets/panda-nav.png" class="py-2 mx-auto w-auto h-32">
     <h2 class="mt-10 mb-6 text-2xl font-bold text-center text-white"><%= t("panda_cms.admin.sessions.new.title") %></h2>
   </div>
-
   <% @providers.each do |provider| %>
     <div class="mt-4 text-center sm:mx-auto sm:w-full sm:max-w-sm">
-      <%= form_tag "#{PandaCms.admin_path}/auth/#{provider}", method: "post", data: {turbo: false} do %>
+      <%= form_tag "#{PandaCms.root_path}/auth/#{provider}", method: "post", data: {turbo: false} do %>
         <input type="hidden" name="redirect_uri" value="<%= admin_login_callback_url(provider: provider) %>">
         <button type="submit" id="button-sign-in-<%= provider %>" class="inline-flex gap-x-2 items-center py-2.5 px-3.5 mx-auto mb-4 bg-white rounded-md border min-w-56 border-neutral-400">
           <i class="fa-brands fa-<%= provider %> text-xl mr-1"></i>