panda-cms 0.10.0 → 0.10.3

data/app/views/panda/cms/admin/pages/edit.html.erb

@@ -1,32 +1,150 @@
 <%= render Panda::Core::Admin::ContainerComponent.new(full_height: true) do |component| %>
-  <% component.heading(text: "#{page.title}", level: 1) %>
+  <% component.heading(text: "#{page.title}", level: 1, meta: (link_to page.path, target: "_blank", class: "text-black/60 hover:text-black/80 inline-flex items-center gap-x-1" do
+    raw("#{page.path}<i class='fa-solid fa-arrow-up-right-from-square text-xs ml-1'></i>")
+  end)) do |h| %>
+    <% h.button(text: "Page Details", action: :secondary, as_button: true, size: :regular, id: "open-page-details", icon: "gear", data: { action: "click->toggle#toggle touch->toggle#toggle" }) %>
+    <% h.button(text: "Save Changes", action: :save, href: "#", size: :regular, id: "saveEditableButton", icon: "check") %>
+  <% end %>
   <% component.with_slideover(title: "Page Details") do %>
-    <%= panda_cms_form_with model: page, url: admin_cms_page_path, method: :put do |f| %>
-      <%= f.text_field :title %>
-      <%= f.text_field :template, value: template.name, readonly: true, class: "read-only:bg-gray-100" %>
+    <% parent_seo_data = page.parent ? {
+      seoTitle: page.parent.seo_title,
+      seoDescription: page.parent.seo_description,
+      seoKeywords: page.parent.seo_keywords,
+      canonicalUrl: page.parent.canonical_url,
+      ogTitle: page.parent.og_title,
+      ogDescription: page.parent.og_description,
+      ogType: page.parent.og_type
+    }.to_json : '{}' %>
+    <% ai_generation_url = begin
+         admin_cms_pro_ai_generate_seo_path(page.id)
+       rescue NoMethodError
+         nil
+       end %>
+    <%= panda_cms_form_with model: page, url: admin_cms_page_path, method: :put, id: "page-form", data: {
+      controller: "page-form",
+      page_form_parent_seo_data_value: parent_seo_data,
+      page_form_page_id_value: page.id,
+      page_form_ai_generation_url_value: ai_generation_url
+    } do |f| %>
+      <%= f.text_field :title, { data: { page_form_target: "pageTitle" } } %>
+      <%= f.text_field :template, value: template.name, readonly: true %>
       <%= f.select :status, options_for_select([["Active", "active"], ["Draft", "draft"], ["Hidden", "hidden"], ["Archived", "archived"]], selected: page.status) %>
       <% if page.page_type.in?(["system", "posts"]) %>
-        <%= f.text_field :page_type, value: page.page_type.humanize, readonly: true, class: "read-only:bg-gray-100" %>
+        <%= f.text_field :page_type, value: page.page_type.humanize, readonly: true %>
       <% else %>
-        <%= f.select :page_type, options_for_select([["Active", "standard"], ["Hidden", "hidden"], ["Code", "code"]], selected: page.page_type) %>
+        <%= f.select :page_type, options_for_select([["Standard", "standard"], ["Hidden", "hidden"], ["Code", "code"]], selected: page.page_type) %>
+      <% end %>
+
+      <%= f.section_heading "SEO Settings" %>
+
+      <% if defined?(Panda::CMS::Pro) && ai_generation_url.present? %>
+        <div class="mb-4">
+          <%= render Panda::Core::Admin::ButtonComponent.new(
+            text: "Generate With AI",
+            action: :save,
+            icon: "wand-magic-sparkles",
+            size: :regular,
+            as_button: true,
+            data: {
+              action: "click->page-form#generateSeoWithAI",
+              page_form_target: "generateButton"
+            }
+          ) %>
+          <p class="mt-1 text-xs text-gray-500 dark:text-gray-400">Uses AI to analyze page content and generate optimized SEO fields.</p>
+        </div>
       <% end %>
-      <%= f.submit "Save" %>
+
+      <% unless page.parent_id.nil? %>
+        <%= f.check_box :inherit_seo, {
+          label: "Inherit SEO from parent page",
+          data: {
+            page_form_target: "inheritCheckbox"
+          },
+          "data-action": "change->page-form#toggleInherit"
+        } %>
+      <% end %>
+
+      <div class="space-y-4">
+        <%= f.text_field :seo_title, {
+          meta: "Max 70 characters. Leave blank to use page title.",
+          max_length: 70,
+          data: { page_form_target: "seoTitle" }
+        } %>
+        <%= f.text_area :seo_description, {
+          rows: 3,
+          meta: "Max 160 characters. Shown in search results.",
+          max_length: 160,
+          data: { page_form_target: "seoDescription" }
+        } %>
+        <%= f.text_field :seo_keywords, {
+          meta: "Comma-separated keywords for search engines.",
+          data: { page_form_target: "seoKeywords" }
+        } %>
+        <%= f.radio_button_group :seo_index_mode,
+            [["Visible to search engines", "visible"], ["Hidden from search engines", "invisible"]],
+            { meta: "Control how search engines index this page." } %>
+        <%= f.text_field :canonical_url, {
+          meta: "Optional. Full URL to the canonical version of this page.",
+          data: { page_form_target: "canonicalUrl" }
+        } %>
+      </div>
+
+      <%= f.section_heading "Social Sharing" %>
+
+      <div class="space-y-4">
+        <%= f.text_field :og_title, {
+          label: "Social Media Title",
+          meta: "Max 60 characters. Leave blank to use SEO title.",
+          max_length: 60,
+          data: { page_form_target: "ogTitle" }
+        } %>
+        <%= f.text_area :og_description, {
+          label: "Social Media Description",
+          rows: 2,
+          meta: "Max 200 characters. Used on Facebook, LinkedIn, Twitter.",
+          max_length: 200,
+          data: { page_form_target: "ogDescription" }
+        } %>
+        <%= f.select :og_type,
+            options_for_select(
+              [["Website", "website"], ["Article", "article"], ["Profile", "profile"], ["Video", "video"], ["Book", "book"]],
+              selected: page.og_type
+            ),
+            { label: "Content Type" },
+            { data: { page_form_target: "ogType" } } %>
+        <%= f.file_field :og_image, {
+          label: "Social Media Image",
+          meta: "Recommended: 1200×630px (1.91:1 ratio). Used on Facebook, LinkedIn, Twitter.",
+          accept: "image/png,image/jpeg,image/jpg,image/webp",
+          with_cropper: true,
+          aspect_ratio: 1.91,
+          min_width: 1200,
+          min_height: 630
+        } %>
+        <% if page.og_image.attached? %>
+          <div class="mt-2">
+            <%= image_tag page.og_image.variant(:og_share), class: "max-w-xs rounded border border-gray-300" %>
+          </div>
+        <% end %>
+      </div>
     <% end %>
   <% end %>
-  <div id="successMessage" class="hidden">
+  <% component.with_footer do %>
+    <button type="button" data-action="click->toggle#toggle touch->toggle#toggle" class="inline-flex items-center gap-x-1.5 rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-xs inset-ring inset-ring-gray-300 hover:bg-gray-50 cursor-pointer dark:bg-white/10 dark:text-gray-100 dark:shadow-none dark:inset-ring-white/5 dark:hover:bg-white/20">
+      <i class="fa-solid fa-xmark"></i> Cancel
+    </button>
+    <button type="submit" form="page-form" class="inline-flex items-center gap-x-1.5 justify-center rounded-md bg-mid px-3 py-2 text-sm font-semibold text-white shadow-xs hover:bg-mid/80 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-mid cursor-pointer dark:shadow-none">
+      <i class="fa-solid fa-check"></i> Save
+    </button>
+  <% end %>
+
+  <%= content_tag :div, id: "successMessage", class: "hidden fixed top-4 right-4 z-50" do %>
     <%= render Panda::Core::Admin::FlashMessageComponent.new(kind: :success, message: "This page was successfully updated!", temporary: false) %>
-  </div>
-  <div id="errorMessage" class="hidden">
+  <% end %>
+
+  <%= content_tag :div, id: "errorMessage", class: "hidden fixed top-4 right-4 z-50" do %>
     <%= render Panda::Core::Admin::FlashMessageComponent.new(kind: :error, message: "There was an error updating this page.", temporary: false) %>
-  </div>
-  <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="flex justify-end">
-      <%= render Panda::Core::Admin::ButtonComponent.new(text: "Save Changes", action: :save, icon: "check", link: "#", size: :regular, id: "saveEditableButton") %>
-    </div>
-  </div>
+  <% end %>
 
   <%= content_tag :iframe, nil,
       src: "#{page.path}?embed_id=#{page.id}",
@@ -37,6 +155,81 @@
         controller: "editor-iframe",
         editor_iframe_page_id_value: @page.id,
         editor_iframe_admin_path_value: "#{admin_cms_dashboard_url}",
-        editor_iframe_autosave_value: false
+        editor_iframe_autosave_value: false,
+        editor_iframe_assets_value: panda_cms_injectable_assets
       } %>
+
+  <%# Vanilla JS character counters - works independently of Stimulus %>
+  <script type="text/javascript">
+    (function() {
+      function initCharacterCounters() {
+        var fieldConfigs = [
+          { selector: '[data-page-form-target="seoTitle"]', max: 70, label: 'SEO Title' },
+          { selector: '[data-page-form-target="seoDescription"]', max: 160, label: 'SEO Description' },
+          { selector: '[data-page-form-target="ogTitle"]', max: 60, label: 'Social Media Title' },
+          { selector: '[data-page-form-target="ogDescription"]', max: 200, label: 'Social Media Description' }
+        ];
+
+        fieldConfigs.forEach(function(config) {
+          var field = document.querySelector(config.selector);
+          if (!field) return;
+
+          createCharacterCounter(field, config.max);
+          field.addEventListener('input', function() {
+            updateCharacterCounter(field, config.max);
+          });
+        });
+      }
+
+      function createCharacterCounter(field, maxLength) {
+        var container = field.closest('.panda-core-field-container');
+        if (!container) return;
+
+        var counter = container.querySelector('.character-counter');
+        if (!counter) {
+          counter = document.createElement('div');
+          counter.className = 'character-counter text-xs mt-1 text-gray-500 dark:text-gray-400';
+
+          var errorMsg = container.querySelector('.text-red-600');
+          if (errorMsg) {
+            errorMsg.parentNode.insertBefore(counter, errorMsg);
+          } else {
+            container.appendChild(counter);
+          }
+        }
+
+        updateCharacterCounter(field, maxLength);
+      }
+
+      function updateCharacterCounter(field, maxLength) {
+        var container = field.closest('.panda-core-field-container');
+        if (!container) return;
+
+        var counter = container.querySelector('.character-counter');
+        if (!counter) return;
+
+        var currentLength = field.value.length;
+        var remaining = maxLength - currentLength;
+
+        counter.textContent = currentLength + ' / ' + maxLength + ' characters';
+
+        counter.className = 'character-counter text-xs mt-1';
+
+        if (remaining < 0) {
+          counter.className += ' text-red-600 dark:text-red-400 font-semibold';
+          counter.textContent += ' (' + Math.abs(remaining) + ' over limit)';
+        } else if (remaining < 10) {
+          counter.className += ' text-yellow-600 dark:text-yellow-400';
+        } else {
+          counter.className += ' text-gray-500 dark:text-gray-400';
+        }
+      }
+
+      if (document.readyState === 'loading') {
+        document.addEventListener('DOMContentLoaded', initCharacterCounters);
+      } else {
+        initCharacterCounters();
+      }
+    })();
+  </script>
 <% end %>

data/app/views/panda/cms/admin/pages/index.html.erb

@@ -1,6 +1,6 @@
 <%= render Panda::Core::Admin::ContainerComponent.new do |component| %>
   <% component.heading(text: "Pages", level: 1) do |heading| %>
-    <% heading.button(action: :add, text: "Add Page", link: new_admin_cms_page_path) %>
+    <% heading.button(action: :add, text: "Add Page", href: new_admin_cms_page_path) %>
   <% end %>
 
   <% if root_page %>
@@ -9,7 +9,7 @@
         <% table.column("Name") do |page| %>
           <div class="flex items-start" data-tree-target="row" data-page-id="<%= page.id %>" data-level="<%= page.level %>" data-parent-id="<%= page.parent_id %>">
             <div class="flex-1 min-w-0">
-              <% # Add indentation for nested levels %>
+              <%# Add indentation for nested levels %>
               <% indent_class = case page.level
                  when 0 then ""
                  when 1 then "ml-4"
@@ -19,10 +19,10 @@
               <div class="flex items-start <%= indent_class %>">
                 <div class="flex-1 min-w-0">
                   <div class="flex items-center gap-2">
-                    <% # Chevron/icon section %>
+                    <%# Chevron/icon section %>
                     <% if page.children_count > 0 %>
                       <% if page.level > 0 %>
-                        <% # Non-root pages with children: show chevron button only %>
+                        <%# Non-root pages with children: show chevron button only %>
                         <button type="button"
                                 class="text-xs text-gray-500 hover:text-gray-700 focus:outline-none focus:ring-2 focus:ring-primary rounded px-1 w-4 flex items-center justify-center"
                                 data-tree-target="toggle"
@@ -31,11 +31,11 @@
                           <i class="fa-solid fa-chevron-right"></i>
                         </button>
                       <% else %>
-                        <% # Root page (Home): show folder icon %>
+                        <%# Root page (Home): show folder icon %>
                         <i class="fa-solid fa-folder text-gray-500 mr-2"></i>
                       <% end %>
                     <% else %>
-                      <% # Leaf pages: show file icon %>
+                      <%# Leaf pages: show file icon %>
                       <i class="fa-solid fa-file text-gray-400 mr-2"></i>
                     <% end %>
                     <%= link_to page.title, edit_admin_cms_page_path(page), class: "font-medium hover:text-primary #{page.children_count > 0 && page.level > 0 ? 'ml-2' : ''}" %>

data/app/views/panda/cms/admin/posts/_form.html.erb

@@ -4,15 +4,15 @@
   <div data-controller="slug" data-slug-add-date-prefix-value="true">
     <%= f.text_field :title,
         data: {
-          "slug-target": "input_text",
-          action: "focusout->slug#generatePath"
-        } %>
+          "slug-target": "input_text"
+        },
+        "data-action": "focusout->slug#generatePath" %>
     <%= f.text_field :slug,
         data: {
           "slug-target": "output_text"
         } %>
   </div>
-  <%= f.select :author_id, Panda::Core::User.admin.map { |u| [u.name, u.id] } %>
+  <%= f.select :author_id, Panda::Core::User.admins.map { |u| [u.name, u.id] } %>
   <%= f.datetime_field :published_at %>
   <%= f.select :status, options_for_select([["Active", "active"], ["Draft", "draft"], ["Hidden", "hidden"], ["Archived", "archived"]], selected: post.status) %>
 
@@ -22,16 +22,55 @@
     <%= f.hidden_field :content,
         data: {
           editor_form_target: "hiddenField",
-          initial_content: editor_content_for(post, local_assigns[:preserved_content]),
-          action: "change->editor-form#handleContentChange"
-        } %>
+          initial_content: editor_content_for(post, local_assigns[:preserved_content])
+        },
+        "data-action": "change->editor-form#handleContentChange" %>
     <div id="<%= editor_id %>"
          data-editor-form-target="editorContainer"
          class="max-w-full block bg-white pt-1 mb-4 mt-2 border border-mid rounded-md min-h-[300px]">
     </div>
   </div>
 
-  <%= f.submit post.persisted? ? "Update Post" : "Create Post",
+  <%= f.section_heading "SEO Settings" %>
+
+  <div class="space-y-4">
+    <%= f.text_field :seo_title, { meta: "Max 70 characters. Leave blank to use post title." } %>
+    <%= f.text_area :seo_description, { rows: 3, meta: "Max 160 characters. Leave blank to use post excerpt." } %>
+    <%= f.text_field :seo_keywords, { meta: "Comma-separated keywords for search engines." } %>
+    <%= f.radio_button_group :seo_index_mode,
+        [["Visible to search engines", "visible"], ["Hidden from search engines", "invisible"]],
+        { meta: "Control how search engines index this post." } %>
+    <%= f.text_field :canonical_url, { meta: "Optional. Full URL to the canonical version of this post." } %>
+  </div>
+
+  <%= f.section_heading "Social Sharing" %>
+
+  <div class="space-y-4">
+    <%= f.text_field :og_title, { label: "Social Media Title", meta: "Max 60 characters. Leave blank to use SEO title." } %>
+    <%= f.text_area :og_description, { label: "Social Media Description", rows: 2, meta: "Max 200 characters. Used on Facebook, LinkedIn, Twitter." } %>
+    <%= f.select :og_type,
+        options_for_select(
+          [["Website", "website"], ["Article", "article"], ["Profile", "profile"], ["Video", "video"], ["Book", "book"]],
+          selected: post.og_type
+        ),
+        { label: "Content Type" } %>
+    <%= f.file_field :og_image, {
+      label: "Social Media Image",
+      meta: "Recommended: 1200×630px (1.91:1 ratio). Used on Facebook, LinkedIn, Twitter.",
+      accept: "image/png,image/jpeg,image/jpg,image/webp",
+      with_cropper: true,
+      aspect_ratio: 1.91,
+      min_width: 1200,
+      min_height: 630
+    } %>
+    <% if f.object.present? && f.object.persisted? && f.object.og_image.attached? %>
+      <div class="mt-2">
+        <%= image_tag f.object.og_image.variant(:og_share), class: "max-w-xs rounded border border-gray-300" %>
+      </div>
+    <% end %>
+  </div>
+
+  <%= f.submit f.object.persisted? ? "Update Post" : "Create Post",
       class: "btn btn-primary",
       data: {
         disable_with: "Saving...",

data/app/views/panda/cms/admin/posts/edit.html.erb

@@ -1,6 +1,6 @@
 <%= render Panda::Core::Admin::ContainerComponent.new do |component| %>
   <% component.heading(text: post.title, level: 1) do |heading| %>
-    <% heading.button(action: :view, text: "View Post", link: post_path(post.admin_param)) %>
+    <% heading.button(action: :view, text: "View Post", href: post_path(post.admin_param)) %>
   <% end %>
 
   <%= render "form", post: post, url: admin_cms_post_path(post.admin_param), method: :patch %>

data/app/views/panda/cms/admin/posts/index.html.erb

@@ -1,6 +1,6 @@
 <%= render Panda::Core::Admin::ContainerComponent.new do |component| %>
   <% component.heading(text: "Posts", level: 1, icon: "fa-solid fa-newspaper") do |heading| %>
-    <% heading.button(action: :add, text: "Add Post", link: new_admin_cms_post_path) %>
+    <% heading.button(action: :add, text: "Add Post", href: new_admin_cms_post_path) %>
   <% end %>
 
   <%= render Panda::Core::Admin::TableComponent.new(term: "post", rows: posts, icon: "fa-solid fa-newspaper") do |table| %>
@@ -12,9 +12,9 @@
         </span>
       </div>
     <% end %>
-    <% table.column("Status") { |post| render Panda::Core::Admin::TagComponent.new(status: post.status) } %>
-    <% table.column("Published") { |post| render Panda::CMS::Admin::UserActivityComponent.new(at: post.published_at, user: post.author)} %>
-    <% table.column("Last Updated") { |post| render Panda::CMS::Admin::UserActivityComponent.new(at: post.updated_at)} %>
+    <% table.column("Status") { |post| render Panda::Core::Admin::TagComponent.new(status: post.status.to_sym) } %>
+    <% table.column("Published") { |post| render Panda::Core::Admin::UserActivityComponent.new(at: post.published_at, user: post.author)} %>
+    <% table.column("Last Updated") { |post| render Panda::Core::Admin::UserActivityComponent.new(at: post.updated_at)} %>
   <% end %>
 
 <% end %>

data/app/views/panda/cms/shared/_favicons.html.erb

@@ -1,9 +1,9 @@
-  <link rel="apple-touch-icon" sizes="180x180" href="/panda-cms-assets/favicons/apple-touch-icon.png">
-  <link rel="icon" type="image/png" sizes="32x32" href="/panda-cms-assets/favicons/favicon-32x32.png">
-  <link rel="icon" type="image/png" sizes="16x16" href="/panda-cms-assets/favicons/favicon-16x16.png">
-  <link rel="manifest" href="/panda-cms-assets/favicons/site.webmanifest">
-  <link rel="mask-icon" href="/panda-cms-assets/favicons/safari-pinned-tab.svg" color="#5bbad5">
-  <link rel="shortcut icon" href="/panda-cms-assets/favicons/favicon.ico">
+  <link rel="apple-touch-icon" sizes="180x180" href="/panda-core-assets/favicons/apple-touch-icon.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="/panda-core-assets/favicons/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="/panda-core-assets/favicons/favicon-16x16.png">
+  <link rel="manifest" href="/panda-core-assets/favicons/site.webmanifest">
+  <link rel="mask-icon" href="/panda-core-assets/favicons/safari-pinned-tab.svg" color="#5bbad5">
+  <link rel="shortcut icon" href="/panda-core-assets/favicons/favicon.ico">
   <meta name="msapplication-TileColor" content="#b91d47">
-  <meta name="msapplication-config" content="/panda-cms-assets/favicons/browserconfig.xml">
+  <meta name="msapplication-config" content="/panda-core-assets/favicons/browserconfig.xml">
   <meta name="theme-color" content="#ffffff">

data/app/views/shared/_header.html.erb

@@ -2,10 +2,7 @@
 <html>
 <head>
   <title>Panda CMS Page</title>
-  <% if params[:embed_id].present? %>
-    <!-- Include Panda CMS assets for editor functionality when in edit mode -->
-    <%= panda_cms_complete_assets %>
-  <% end %>
+  <!-- CMS assets are automatically injected by editor_iframe_controller when in edit mode -->
 </head>
 <body>
 <h1>Test Header</h1>

data/config/brakeman.ignore

@@ -0,0 +1,38 @@
+{
+  "ignored_warnings": [
+    {
+      "warning_type": "Dynamic Render Path",
+      "warning_code": 15,
+      "fingerprint": "cbd974174800cbaa06ad90971544cdfb087e88c17ca6ca42d5e9b7e2f62f544f",
+      "check_name": "Render",
+      "message": "Render path contains parameter value",
+      "file": "app/views/panda/cms/admin/menus/edit.html.erb",
+      "line": 5,
+      "link": "https://brakemanscanner.org/docs/warning_types/dynamic_render_path/",
+      "code": "render(action => Panda::Core::Admin::FormErrorComponent.new(:model => Panda::CMS::Menu.find(params[:id])), { :locals => ({ :\"panda::core::admin::formerrorcomponent\" => Panda::Core::Admin::FormErrorComponent.new(:model => Panda::CMS::Menu.find(params[:id])) }) })",
+      "render_path": [
+        {
+          "type": "controller",
+          "class": "Panda::CMS::Admin::MenusController",
+          "method": "edit",
+          "line": 39,
+          "file": "app/controllers/panda/cms/admin/menus_controller.rb",
+          "rendered": {
+            "name": "panda/cms/admin/menus/edit",
+            "file": "app/views/panda/cms/admin/menus/edit.html.erb"
+          }
+        }
+      ],
+      "location": {
+        "type": "template",
+        "template": "panda/cms/admin/menus/edit"
+      },
+      "user_input": "params[:id]",
+      "confidence": "Weak",
+      "cwe_id": [22],
+      "note": "False positive: The component class is hardcoded (Panda::Core::Admin::FormErrorComponent), not dynamically determined. The model parameter is validated through Rails' find method and only used as data to pass to the component, not to determine the rendering path."
+    }
+  ],
+  "updated": "2025-11-09 00:00:00 +0000",
+  "brakeman_version": "7.1.1"
+}

data/config/importmap.rb

@@ -2,12 +2,13 @@
 
 # Base dependencies are now in panda-core (Stimulus, Turbo, Font Awesome, etc.)
 # This file only contains CMS-specific pins
+# NOTE: Paths must be absolute (starting with /) because Rack::Static serves
+# from /panda/cms/, not from asset pipeline /assets/
 
-pin "application_panda_cms", to: "panda/cms/application_panda_cms.js", preload: true
-pin "@hotwired/stimulus-loading", to: "panda/cms/stimulus-loading.js", preload: true
-pin "@editorjs/editorjs", to: "panda/cms/editor/editorjs.js" # @2.30.6
+pin "panda/cms/application", to: "/panda/cms/application.js", preload: true
+pin "@hotwired/stimulus-loading", to: "/panda/cms/stimulus-loading.js", preload: true
+pin "@editorjs/editorjs", to: "/panda/cms/editor/editorjs.js" # @2.30.6
 
 # Pin the controllers directory
-pin "controllers", to: "panda/cms/controllers/index.js"
-pin_all_from Panda::CMS::Engine.root.join("app/javascript/panda/cms/controllers"), under: "controllers"
-pin_all_from Panda::CMS::Engine.root.join("app/javascript/panda/cms/editor"), under: "editor"
+pin "panda/cms/controllers/index", to: "/panda/cms/controllers/index.js"
+pin_all_from Panda::CMS::Engine.root.join("app/javascript/panda/cms/controllers"), under: "controllers", to: "/panda/cms/controllers"

data/config/initializers/groupdate.rb

@@ -0,0 +1,5 @@
+# frozen_string_literal: true
+
+# Load the groupdate gem to enable time-series grouping on ActiveRecord models
+# This provides methods like group_by_day, group_by_week, group_by_month
+require "groupdate"

data/config/locales/en.yml

@@ -29,6 +29,17 @@ en:
         title: Title
         path: URL
         panda_cms_template_id: Template
+        page_type: Page Type
+        seo_title: SEO Title
+        seo_description: SEO Description
+        seo_keywords: SEO Keywords
+        seo_index_mode: Search Engine Visibility
+        canonical_url: Canonical URL
+        og_title: OpenGraph Title
+        og_description: OpenGraph Description
+        og_type: OpenGraph Type
+        og_image: OpenGraph Image
+        inherit_seo: Inherit Settings
       panda/cms/post:
         title: Title
         slug: URL
@@ -36,6 +47,15 @@ en:
         user_id: Author
         published_at: Published At
         post_content: Content
+        seo_title: SEO Title
+        seo_description: SEO Description
+        seo_keywords: SEO Keywords
+        seo_index_mode: Search Engine Visibility
+        canonical_url: Canonical URL
+        og_title: OpenGraph Title
+        og_description: OpenGraph Description
+        og_type: OpenGraph Type
+        og_image: OpenGraph Image
         statuses:
           active: Active
           draft: Draft
@@ -48,7 +68,27 @@ en:
         external_url: External URL
         panda/cms_page_id: Page
       panda/cms/user:
-        firstname: First Name
-        lastname: Last Name
+        name: Name
         email: Email Address
         current_theme: Theme
+    enums:
+      panda/cms/page:
+        seo_index_mode:
+          visible: Visible to search engines
+          invisible: Hidden from search engines
+        og_type:
+          website: Website
+          article: Article
+          profile: Profile
+          video: Video
+          book: Book
+      panda/cms/post:
+        seo_index_mode:
+          visible: Visible to search engines
+          invisible: Hidden from search engines
+        og_type:
+          website: Website
+          article: Article
+          profile: Profile
+          video: Video
+          book: Book

data/config/routes.rb

@@ -10,7 +10,7 @@ Panda::CMS::Engine.routes.draw do
 
     namespace admin_path.delete_prefix("/").to_sym, path: "#{admin_path}/cms", as: :admin_cms, module: :admin do
       resources :files
-      resources :forms, only: %i[index show]
+      resources :forms
       resources :menus
       resources :pages do
         resources :block_contents, only: %i[update]

data/db/migrate/20240315125421_add_nested_sets_to_panda_cms_pages.rb

@@ -2,18 +2,8 @@
 
 class AddNestedSetsToPandaCMSPages < ActiveRecord::Migration[7.1]
   def self.up
-    Panda::CMS::Page.where(parent_id: 0).update_all(parent_id: nil)
     add_column :panda_cms_pages, :lft, :integer
     add_column :panda_cms_pages, :rgt, :integer
-
-    # This is necessary to update :lft and :rgt columns
-    Panda::CMS::Page.reset_column_information
-
-    # Only rebuild if there are existing pages
-    # On fresh installs, there won't be any pages yet
-    if Panda::CMS::Page.any?
-      Panda::CMS::Page.rebuild!
-    end
   end
 
   def self.down

data/db/migrate/20240316230706_add_nested_to_panda_cms_menu_items.rb

@@ -11,16 +11,10 @@ class AddNestedToPandaCMSMenuItems < ActiveRecord::Migration[7.1]
     add_index :panda_cms_menu_items, :lft
     add_index :panda_cms_menu_items, :rgt
 
-    Panda::CMS::MenuItem.reset_column_information
-    Panda::CMS::MenuItem.rebuild!
-
     # Update pages whilst we're at it
     add_column :panda_cms_pages, :depth, :integer
     add_column :panda_cms_pages, :children_count, :integer, null: false, default: 0
     add_index :panda_cms_pages, :lft
     add_index :panda_cms_pages, :rgt
-
-    Panda::CMS::Page.reset_column_information
-    Panda::CMS::Page.rebuild!
   end
 end

data/db/migrate/20240317230622_create_panda_cms_visits.rb

@@ -8,7 +8,7 @@ class CreatePandaCMSVisits < ActiveRecord::Migration[7.1]
 
       t.references :panda_cms_page, null: true, foreign_key: true, type: :uuid
       t.references :panda_cms_redirect, null: true, foreign_key: true, type: :uuid
-      t.references :panda_cms_user, null: true, foreign_key: true, type: :uuid
+      t.references :panda_core_user, null: true, foreign_key: true, type: :uuid
       t.timestamps
     end
   end

data/db/migrate/20240805121123_create_panda_cms_posts.rb

@@ -17,7 +17,7 @@ class CreatePandaCMSPosts < ActiveRecord::Migration[7.1]
       t.text :content
       t.datetime :published_at
       t.references :post_tag, type: :uuid, null: false, foreign_key: {to_table: :panda_cms_post_tags}
-      t.references :user, type: :uuid, null: false, foreign_key: {to_table: :panda_cms_users}
+      t.references :user, type: :uuid, null: false, foreign_key: {to_table: :panda_core_users}
       t.timestamps
       t.index :slug, unique: true
     end

data/db/migrate/20240806112735_fix_panda_cms_visits_column_names.rb

@@ -5,7 +5,7 @@ class FixPandaCMSVisitsColumnNames < ActiveRecord::Migration[7.1]
     change_table :panda_cms_visits do |t|
       t.rename :panda_cms_page_id, :page_id
       t.rename :panda_cms_redirect_id, :redirect_id
-      t.rename :panda_cms_user_id, :user_id
+      t.rename :panda_core_user_id, :user_id
       t.string :referrer, null: true
       t.datetime :visited_at
       t.string :url, null: true