panda_cms 0.5.0

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

@@ -0,0 +1,58 @@
+<%= render PandaCms::Admin::ContainerComponent.new do |component| %>
+  <% component.with_heading(text: "Edit Menu", level: 1) %>
+
+  <%= panda_cms_form_with model: @menu, url: admin_menu_path, method: :put do |form| %>
+    <%= form.text_field :name %>
+
+    <% if @menu.kind == "static" %>
+    <div data-controller="nested-form" data-nested-form-wrapper-selector-value=".nested-form-wrapper">
+      <template data-nested-form-target="template">
+        <%= form.fields_for :menu_items, PandaCms::MenuItem.new, child_index: "NEW_RECORD" do |item| %>
+          <%= render "menu_item_fields", form: item %>
+        <% end %>
+      </template>
+
+      <% if @menu.menu_items.count > 0 %>
+        <%= form.fields_for :menu_items, @menu.menu_items.sort_by(&:lft) do |item| %>
+          <%= render "menu_item_fields", form: item %>
+        <% end %>
+      <% end %>
+
+      <div data-nested-form-target="target"></div>
+
+      <%= render PandaCms::Admin::ButtonComponent.new(text: "Add Menu Item", action: :add, data: {action: "nested-form#add"}, size: :small) %>
+    </div>
+    <% else %>
+    <table class="-mx-3 min-w-full divide-y divide-gray-300">
+      <thead>
+        <tr>
+          <th scope="col" class="py-3.5 px-3 text-sm font-semibold text-left text-gray-900">Text</th>
+          <th scope="col" class="py-3.5 px-3 text-sm font-semibold text-left text-gray-900">Page</th>
+          <th scope="col" class="py-3.5 px-3 text-sm font-semibold text-left text-gray-900">External Link</th>
+        </tr>
+      </thead>
+      <tbody class="bg-white divide-y divide-gray-200">
+        <% @menu.menu_items.root.self_and_descendants.each do |menu_item| %>
+        <tr>
+          <td class="py-5 pr-3 pl-3 text-sm whitespace-nowrap">
+            <div class="flex items-center">
+              <div class="<%= table_indent(menu_item) %>">
+                <div class="font-medium text-gray-900"><%= menu_item.text %></div>
+              </div>
+            </div>
+          </td>
+          <td class="py-5 px-3 text-sm text-gray-500 whitespace-nowrap">
+            <div class="text-gray-900"><%= menu_item.page.title %></div>
+          </td>
+          <td class="py-5 px-3 text-sm text-gray-500 whitespace-nowrap">
+            <div class="text-gray-900"><%= menu_item.external_url %></div>
+          </td>
+        </tr>
+        <% end %>
+      </tbody>
+    </table>
+    <% end %>
+
+    <%= form.button %>
+  <% end %>
+<% end %>

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

@@ -0,0 +1,10 @@
+<%= 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(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) } %>
+  <% end %>
+<% end %>

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

@@ -0,0 +1,5 @@
+<%= render PandaCms::Admin::ContainerComponent.new do |component| %>
+  <% component.with_heading(text: "Add Menu", level: 1) do |heading| %>
+  <% end %>
+  <%= render "form", menu: @menu %>
+<% end %>

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

@@ -0,0 +1,26 @@
+<%= 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" %>
+    <% 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>
+<% end %>

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

@@ -0,0 +1,16 @@
+<%= render PandaCms::Admin::ContainerComponent.new do |component| %>
+  <% component.with_heading(text: "Pages", level: 1) do |heading| %>
+    <% heading.with_button(action: :add, text: "Add Page", link: new_admin_page_path) %>
+  <% end %>
+
+  <%= render PandaCms::Admin::TableComponent.new(rows: root_page.self_and_descendants) do |table| %>
+    <% table.column("Name") do |page| %>
+      <div class="<%= table_indent(page) %>">
+        <%= link_to page.title, edit_admin_page_path(page), class: "block h-full w-full" %>
+        <span class="block text-xs text-black/60"><%= page.path %></span>
+      </div>
+    <% end %>
+    <% table.column("Status") { |page| render PandaCms::Admin::TagComponent.new(status: page.status) } %>
+    <% table.column("Last Updated") { |page| render PandaCms::Admin::UserActivityComponent.new(whodunnit_to: page)} %>
+  <% end %>
+<% end %>

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

@@ -0,0 +1,16 @@
+<%= 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" } } %>
+      <%= f.collection_select :panda_cms_template_id, PandaCms::Template.available, :id, :name %>
+      <%= f.button %>
+    </div>
+  <% end %>
+<% end %>

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

@@ -0,0 +1 @@
+Show page

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

@@ -0,0 +1,16 @@
+<%= render PandaCms::Admin::ContainerComponent.new do |component| %>
+  <% component.with_heading(text: "Posts", level: 1) do |heading| %>
+  <% end %>
+
+  <%= render PandaCms::Admin::TableComponent.new(rows: posts) do |table| %>
+    <% table.column("Title") do |post| %>
+      <div class="">
+        <%= link_to post.title, edit_admin_post_path(post), class: "block h-full w-full" %>
+        <span class="block text-xs text-black/60"><%= post.path %></span>
+      </div>
+    <% end %>
+    <% table.column("Status") { |post| render PandaCms::Admin::TagComponent.new(status: post.status) } %>
+    <% table.column("Last Updated") { |post| render PandaCms::Admin::UserActivityComponent.new(whodunnit_to: post)} %>
+  <% end %>
+
+<% end %>

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

@@ -0,0 +1,18 @@
+<div class="flex flex-col justify-center py-12 px-6 min-h-full text-center lg:px-8">
+  <div class="text-center sm:mx-auto sm:w-full sm:max-w-sm">
+    <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 %>
+        <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>
+          <%= t("panda_cms.authentication.sign_in_with", provider: t("panda_cms.authentication.providers.#{provider}")) %>
+        </button>
+      <% end %>
+    </div>
+  <% end %>
+</div>

data/app/views/panda_cms/admin/settings/bulk_editor/new.html.erb

@@ -0,0 +1,68 @@
+<%= render PandaCms::Admin::ContainerComponent.new do |component| %>
+  <% component.with_heading(text: "Bulk Editor", level: 1) %>
+
+  <% if @debug && @debug[:error].any? %>
+  <div class="p-4 mb-4 bg-red-50 rounded-md">
+    <div class="flex">
+      <div class="flex-shrink-0">
+        <i class="text-xl text-red-600 fa-sharp-duotone fa-solid fa-circle-exclamation"></i>
+      </div>
+      <div class="ml-3">
+        <h3 class="text-base font-medium text-red-700">Errors:</h3>
+        <div class="mt-2 text-sm text-red-700">
+          <ul role="list" class="pl-5 list-disc">
+            <% @debug[:error].each do |error| %>
+              <li><%= error %></li>
+            <% end %>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </div>
+  <% end %>
+
+  <% if @debug && @debug[:warning].any? %>
+  <div class="p-4 mb-4 bg-yellow-50 rounded-md">
+    <div class="flex">
+      <div class="flex-shrink-0">
+        <i class="text-xl text-yellow-600 fa-duotone fa-solid fa-triangle-exclamation"></i>
+      </div>
+      <div class="ml-3">
+        <h3 class="text-base font-medium text-yellow-700">Warnings:</h3>
+        <div class="mt-2 text-sm text-yellow-700">
+          <ul role="list" class="pl-5 list-disc">
+            <% @debug[:warning].each do |warning| %>
+              <li><%= warning %></li>
+            <% end %>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </div>
+  <% end %>
+
+  <% if @debug && @debug[:success].any? %>
+  <div class="p-4 mb-4 bg-green-50 rounded-md">
+    <div class="flex">
+      <div class="flex-shrink-0">
+        <i class="text-xl text-green-600 fa-duotone fa-solid fa-circle-check"></i>
+      </div>
+      <div class="ml-3">
+        <h3 class="text-base font-medium text-green-700">Updates:</h3>
+        <div class="mt-2 text-sm text-green-700">
+          <ul role="list" class="pl-5 list-disc">
+            <% @debug[:success].each do |success| %>
+              <li><%= success %></li>
+            <% end %>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </div>
+  <% end %>
+
+  <%= panda_cms_form_with method: :post do |form| %>
+    <%= form.text_area :site_content, value: @json_data, cols: 70, rows: 10, class: "block font-mono w-full" %>
+    <%= form.button "Update" %>
+  <% end %>
+<% end %>

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

@@ -0,0 +1,19 @@
+<%= render PandaCms::Admin::ContainerComponent.new do |component| %>
+  <% component.with_heading(text: "Settings", level: 1) %>
+
+  <a href="https://api.instagram.com/oauth/authorize?client_id=1149927569456763&redirect_uri=http://localhost:3000/admin/integrations/instagram/callback&scope=user_profile,user_media">Login to Instagram</a>
+
+  <%= render PandaCms::Admin::PanelComponent.new do |panel| %>
+    <% panel.with_heading(text: "System Status") %>
+
+    <p class="text-base leading-loose"><i class="mr-2 text-active fa fa-check-circle"></i> <span class="font-medium">Panda CMS:</span> v<%= PandaCms::VERSION %></p>
+    <p class="text-base leading-loose"><i class="mr-2 text-active fa fa-check-circle"></i> <span class="font-medium">Rails:</span> v<%= Rails.version %></p>
+    <p class="text-base leading-loose"><i class="mr-2 text-active fa fa-check-circle"></i> <span class="font-medium">Ruby:</span> v<%= RUBY_VERSION %></p>
+    <p class="text-base leading-loose"><i class="mr-2 text-active fa fa-check-circle"></i> <span class="font-medium">Environment:</span> <%= Rails.env.titleize %></p>
+  <% end %>
+
+  <div class="text-center mt-6 space-y-2">
+    <p class="text-sm font-semibold">🐼 Panda CMS version: <%= PandaCms::VERSION %></p>
+    <p class="text-sm">&copy; <%= Date.current.year %> Panda Software Limited. All rights reserved.</p>
+  </div>
+<% end %>

data/app/views/panda_cms/admin/shared/_breadcrumbs.html.erb

@@ -0,0 +1,28 @@
+<% breadcrumb_styles = "text-black/60 hover:text-black/80" %>
+
+<div class="flex mt-1 -mb-1">
+  <nav aria-label="Breadcrumb" id="panda-breadcrumbs" class="grow">
+    <ol role="list" class="px-4 w-full sm:px-6">
+      <li class="inline-block">
+        <a href="/admin" class="<%= breadcrumb_styles %>">
+          <i class="fa fa-regular fa-house"></i>
+          <span class="sr-only">Home</span>
+        </a>
+      </li>
+      <% breadcrumbs.each do |crumb| %>
+        <li class="inline-block">
+          <i class="fa fa-regular fa-chevron-right font-light <%= breadcrumb_styles %> py-5 px-2"></i>
+          <a href="<%= crumb.path %>" class="text-sm font-normal <%= breadcrumb_styles %>"><%= crumb.name %></a>
+        </li>
+      <% end %>
+    </ol>
+  </nav>
+
+  <% if content_for :sidebar %>
+    <div class="pt-4 pr-8 text-black/80" tabindex="-1">
+      <a href="#" id="slideover-toggle" data-action="click->toggle#toggle touch->toggle#toggle" class="text-sm font-light">
+        <i class="mr-1 fa-light fa-gear"></i> <%= yield :sidebar_title %>
+      </a>
+    </div>
+  <% end %>
+</div>

data/app/views/panda_cms/admin/shared/_flash.html.erb

@@ -0,0 +1,5 @@
+<% if flash.any? %>
+  <% flash.each do |kind, message| %>
+    <%= render PandaCms::Admin::FlashMessageComponent.new(kind: kind, message: message) %>
+  <% end %>
+<% end %>

data/app/views/panda_cms/admin/shared/_sidebar.html.erb

@@ -0,0 +1,45 @@
+<nav class="flex flex-col flex-1">
+  <ul role="list" class="flex flex-col flex-1">
+    <a class="block p-0 mt-4 mb-4 ml-2 text-xl font-medium text-white"><%= PandaCms.title %></a>
+
+    <% [
+      { path: admin_dashboard_path, text: "Dashboard", icon: "fa-house", matcher: :exact },
+      { path: admin_pages_path, text: "Pages", icon: "fa-page", matcher: :starts_with },
+      { path: admin_posts_path, text: "Posts", icon: "fa-notebook", matcher: :starts_with },
+      { path: admin_forms_path, text: "Forms", icon: "fa-cabinet-filing", matcher: :starts_with },
+      { path: admin_menus_path, text: "Menus", icon: "fa-list-dropdown", matcher: :starts_with },
+      { path: admin_settings_path, text: "Settings", icon: "fa-cog", matcher: :starts_with },
+    ].each do |link| %>
+    <li>
+      <%= link_to link[:path], class: "#{active_link?(link[:path], match: link[:matcher]) ? selected_nav_highlight_colour_classes(request) : nav_highlight_colour_classes(request)}" do %>
+        <span class="text-center"><i class="fa-regular <%= link[:icon] %> text-xl fa-fw"></i></span>
+        <span class="mt-1"><%= link[:text] %></span>
+      <% end %>
+    </li>
+    <% end %>
+    <li>
+      <%= button_to admin_logout_path, method: :delete, data: { turbo: false }, class: nav_highlight_colour_classes(request) + " w-full" do %>
+        <span class="text-center"><i class="text-xl fa-regular fa-door-open fa-fw"></i></span>
+        <span class="mt-1">Sign Out</span>
+      <% end %>
+    </li>
+
+    <li class="mt-auto">
+      <%= button_to '#', data: { turbo: false }, class: nav_highlight_colour_classes(request) + " w-full" do %>
+        <% if !current_user.image_url.empty? %>
+        <span class="text-center"><img src="<%= current_user.image_url %>" class="w-auto h-7 rounded-full"></span>
+        <% else %>
+        <span class="text-center"><i class="text-xl fa-regular fa-circle-user fa-fw"></i></span>
+        <% end %>
+
+        <span class="mt-0.5"><%= current_user.firstname %> <%= current_user.lastname %></span>
+      <% end %>
+    </li>
+
+    <li class="">
+      <img src="/panda-cms-assets/panda-nav.png" class="inline py-2 mr-1 ml-0.5 w-auto h-14">
+      <span class="text-xs text-white">v<%= PandaCms::VERSION %> | <span class="font-semibold">License:</span> Perpetual</span>
+      <a class="absolute right-0 mt-4 mr-5 text-lg text-white lg:hidden" href="#" data-action="click->panda-cms-menu#toggle touch->panda-cms-menu#toggle"><i class="mr-2 text-white fa-sharp fa-solid fa-bars"></i> Menu</a>
+    </li>
+  </ul>
+</nav>

data/app/views/panda_cms/form_mailer/notification_email.html.erb

@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
+  </head>
+  <body>
+    <% @submission_data.each do |field, value| %>
+    <p><strong><%= field %>:</strong> <%= value %></p>
+    <% end %>
+  </body>
+</html>

data/app/views/panda_cms/shared/_favicons.html.erb

@@ -0,0 +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">
+  <meta name="msapplication-TileColor" content="#b91d47">
+  <meta name="msapplication-config" content="/panda-cms-assets/favicons/browserconfig.xml">
+  <meta name="theme-color" content="#ffffff">

data/app/views/panda_cms/shared/_footer.html.erb

@@ -0,0 +1,2 @@
+</body>
+</html>

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

@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html data-theme="default" class="<%= html_class ||= "" %>">
+<head>
+  <title>Panda CMS</title>
+  <%= csrf_meta_tags %>
+  <%= csp_meta_tag %>
+  <script src="https://kit.fontawesome.com/7835d81e75.js" crossorigin="anonymous"></script>
+  <script async src="https://ga.jspm.io/npm:es-module-shims@1.10.0/dist/es-module-shims.js" crossorigin="anonymous"></script>
+  <%= stylesheet_link_tag "panda_cms", "data-turbo-track": "reload" %>
+  <%= javascript_importmap_tags "panda_cms/base" %>
+  <%= render "panda_cms/shared/favicons" %>
+</head>
+
+<body class="overflow-hidden h-full">
+  <%= render "panda_cms/admin/shared/flash" %>

data/config/importmap.rb

@@ -0,0 +1,9 @@
+pin "@hotwired/stimulus", to: "https://ga.jspm.io/npm:stimulus@3.2.2/dist/stimulus.js"
+pin "@hotwired/stimulus-loading", to: "/panda-cms-assets/javascripts/vendor/stimulus-loading.js" # 3.2.2
+
+pin "panda_cms/vendor/stimulus-components-rails-nested-form", to: "/panda-cms-assets/javascripts/vendor/stimulus-components-rails-nested-form.js", preload: false
+pin "panda_cms/vendor/tailwindcss-stimulus-components", to: "/panda-cms-assets/javascripts/vendor/tailwindcss-stimulus-components.js", preload: false
+pin "panda_cms/controllers/menu_controller", to: "/panda-cms-assets/javascripts/controllers/menu_controller.js", preload: false
+pin "panda_cms/controllers/text_field_update_controller", to: "/panda-cms-assets/javascripts/controllers/text_field_update_controller.js", preload: false
+pin "panda_cms/embed/editable", to: "/panda-cms-assets/javascripts/embed/editable.js", preload: false
+pin "panda_cms/base", to: "/panda-cms-assets/javascripts/base.js", preload: false

data/config/initializers/panda_cms/form_errors.rb

@@ -0,0 +1,38 @@
+ActionView::Base.field_error_proc = proc do |html_tag, instance|
+  html = ""
+  form_fields = %w[input select textarea trix-editor label].join(", ")
+  error_class = "text-red-600 dark:text-red-500 bg-red-50 border-red-500 border-1 box-shadow-red-500 focus:ring-red-500 focus:border-red-500 dark:bg-red-900 dark:border-red-500 dark:focus:ring-red-500 dark:focus:border-red-500"
+  message_class = "block w-full text-sm font-bold p-0 m-0 mt-1 text-red-700"
+  autofocused = false
+
+  Nokogiri::HTML::DocumentFragment.parse(html_tag).css(form_fields).each do |element|
+    if form_fields.include?(element.node_name)
+      if !autofocused
+        # element.attribute("autofocus", "true")
+        autofocused = true
+      end
+
+      message = "#{instance.object.class.human_attribute_name(instance.send(:sanitized_method_name))} "
+      message += if instance.error_message.respond_to?(:each)
+        "#{instance.error_message.uniq.to_sentence}."
+      else
+        "#{instance.error_message}."
+      end
+
+      if element.node_name.eql?("label")
+        html = element.to_s
+      else
+        element.add_class(error_class)
+        html = if element.get_attribute("data-prefix")
+          "#{element}</div><div class=\"#{message_class}\">#{message}"
+        elsif element.get_attribute("type") != "checkbox"
+          "#{element}<div class=\"#{message_class}\">#{message}</div>"
+        else
+          element.to_s
+        end
+      end
+    end
+  end
+
+  html.html_safe
+end

data/config/initializers/panda_cms/healthcheck_log_silencer.rb

@@ -0,0 +1,11 @@
+require "silencer/rails/logger"
+
+# Don't log requests to the healthcheck endpoint
+Rails.application.configure do
+  config.middleware.swap(
+    Rails::Rack::Logger,
+    Silencer::Logger,
+    config.log_tags,
+    silence: ["/up"]
+  )
+end

data/config/initializers/panda_cms.rb

@@ -0,0 +1,52 @@
+# Base URL
+PandaCms.url = "http://localhost:3000"
+# The main title of your website
+# The default is "Demo Site"
+PandaCms.title = "Demo Site"
+# The path to the administration panel, which must start with a /
+# The default is "/admin"
+PandaCms.admin_path = "/admin"
+# Is login required to access the site?
+PandaCms.require_login_to_view = false
+# Authentication providers
+PandaCms.authentication = {
+  microsoft: {
+    enabled: false,
+    # Setup at the following URL:
+    # https://portal.azure.com/#view/Microsoft_AAD_RegisteredApps/ApplicationsListBlade
+    client_id: Rails.application.credentials.dig(:microsoft, :client_id),
+    client_secret: Rails.application.credentials.dig(:microsoft, :client_secret),
+    # Don't change this or the sky will fall on your head
+    # https://github.com/synth/omniauth-microsoft_graph/tree/main?tab=readme-ov-file#domain-verification
+    skip_domain_verification: false,
+    # If your application is single-tenanted, replace "common" with your tenant (directory) ID
+    # from https://portal.azure.com/#settings/directory, otherwise you'll likely want to leave
+    # these settings unchanged
+    client_options: {
+      site: "https://login.microsoftonline.com/",
+      token_url: "common/oauth2/v2.0/token",
+      authorize_url: "common/oauth2/v2.0/authorize"
+    },
+    # If you assign specific users or groups, you will likely want to set this to true to enable
+    # auto-provisioning
+    create_account_on_first_login: true,
+    redirect_uri: Rails.application.credentials.dig(:microsoft, :redirect_uri)
+  },
+  google: {
+    enabled: false,
+    create_account_on_first_login: true,
+    create_admin_account_on_first_login: false,
+    redirect_uri: Rails.application.credentials.dig(:google, :redirect_uri)
+  },
+  github: {
+    enabled: true,
+    create_account_on_first_login: true,
+    create_admin_account_on_first_login: false,
+    redirect_uri: Rails.application.credentials.dig(:github, :redirect_uri)
+  }
+}
+# Blog
+PandaCms.posts = {
+  enabled: true,
+  prefix: "blog"
+}

data/config/locales/en.yml

@@ -0,0 +1,29 @@
+en:
+  activerecord:
+    attributes:
+      panda_cms/page:
+        title: Title
+        path: Path
+        panda_cms_template_id: Template
+      panda_cms/menu:
+        name: Menu Name
+      panda_cms/menu_item:
+        text: Menu Item
+        external_url: External URL
+        panda_cms_page_id: Page
+  panda_cms:
+    authentication:
+      sign_in_with: Sign in with %{provider}
+      providers:
+        github: GitHub
+        google: Google
+        microsoft: Microsoft 365
+    admin:
+      sessions:
+        create:
+          error: There was an error logging you in. Please check your login details and try again, or contact support.
+          success: You are logged in!
+        destroy:
+          success: You have been logged out!
+        new:
+          title: Sign in to your account

data/config/routes.rb

@@ -0,0 +1,43 @@
+require_relative "../app/constraints/panda_cms/admin_constraint"
+
+PandaCms::Engine.routes.draw do
+  constraints PandaCms::AdminConstraint.new(&:present?) do
+    namespace PandaCms.admin_path_symbol.to_sym, as: :admin, module: :admin do
+      resources :files
+      resources :forms, only: %i[index show]
+      resources :menus
+      resources :pages do
+        resources :block_contents, only: %i[update]
+      end
+      resources :posts
+
+      get "settings", to: "settings#index"
+      namespace :settings, as: :settings do
+        get "bulk_editor", to: "bulk_editor#new"
+        post "bulk_editor", to: "bulk_editor#create"
+      end
+    end
+
+    get PandaCms.admin_path, to: "admin/dashboard#show", as: :admin_dashboard
+  end
+
+  ### PUBLIC ROUTES ###
+
+  # Authentication routes
+  get PandaCms.admin_path, to: "admin/sessions#new", as: :admin_login
+  # Get and post options here are for OmniAuth coming back in, not going out
+  match "#{PandaCms.admin_path}/auth/:provider/callback", to: "admin/sessions#create", as: :admin_login_callback, via: %i[get post]
+  match "#{PandaCms.admin_path}/auth/failure", to: "admin/sessions#failure", as: :admin_login_failure, via: %i[get post]
+  # OmniAuth additionally adds a GET route for "#{PandaCms.admin_path}/auth/:provider" but doesn't name it
+  delete PandaCms.admin_path, to: "admin/sessions#destroy", as: :admin_logout
+
+  if PandaCms.posts
+    # TODO: Allow multiple types of post in future
+    get PandaCms.posts[:prefix], to: "posts#index", as: :posts
+    get "#{PandaCms.posts[:prefix]}/:slug", to: "posts#show", as: :post
+  end
+
+  ### APPENDED ROUTES ###
+
+  # See lib/panda_cms/engine.rb
+end

data/config/tailwind.config.js

@@ -0,0 +1,35 @@
+module.exports = {
+  content: {
+    relative: true,
+    files: [
+      "../public/*.html",
+      "../app/views/**/*.html.erb",
+      "../app/components/panda_cms/**/*.html.erb",
+      "../app/components/panda_cms/**/*.rb",
+      "../app/helpers/panda_cms/**/*.rb",
+      "../app/javascript/panda_cms/**/*.js",
+      "../vendor/javascript/**/*.js",
+    ],
+  },
+  theme: {
+    colors: {
+      transparent: "transparent",
+      current: "currentColor",
+      white: "rgb(var(--color-white) / <alpha-value>)",
+      black: "rgb(var(--color-black) / <alpha-value>)",
+      light: "rgb(var(--color-light) / <alpha-value>)",
+      mid: "rgb(var(--color-mid) / <alpha-value>)",
+      dark: "rgb(var(--color-dark) / <alpha-value>)",
+      highlight: "rgb(var(--color-highlight) / <alpha-value>)",
+      active: "rgb(var(--color-active) / <alpha-value>)",
+      warning: "rgb(var(--color-warning) / <alpha-value>)",
+      error: "rgb(var(--color-error) / <alpha-value>)",
+    },
+  },
+  plugins: [
+    require("@tailwindcss/forms"),
+    require("@tailwindcss/aspect-ratio"),
+    require("@tailwindcss/typography"),
+    require("@tailwindcss/container-queries"),
+  ],
+};

data/config/tailwind.embed.config.js

@@ -0,0 +1,20 @@
+module.exports = {
+  content: [
+    "./app/helpers/**/*.rb",
+    "./app/components/**/*.rb",
+    "./app/components/**/*.html.erb",
+  ],
+  theme: {
+    extend: {
+      colors: {
+        panda: {
+          light: "#86a9db",
+          dark: "#404c5c",
+          alternate: "#ea565d"
+        }
+      }
+    },
+  },
+  plugins: [],
+  prefix: "panda-cms-"
+}