ruby_cms 0.2.1.1 → 1.0.0

data/app/helpers/ruby_cms/settings_helper.rb

@@ -1,172 +0,0 @@
-# frozen_string_literal: true
-
-module RubyCms
-  module SettingsHelper
-    TAB_CONFIG = {
-      "general" => { icon: "🏠", fallback_label: "General" },
-      "navigation" => { icon: "🧭", fallback_label: "Navigation" },
-      "pagination" => { icon: "📄", fallback_label: "Pagination" },
-      "analytics" => { icon: "📈", fallback_label: "Analytics" },
-      "dashboard" => { icon: "🗂️", fallback_label: "Dashboard" },
-      "content" => { icon: "🧱", fallback_label: "Content" }
-    }.freeze
-
-    def settings_tab_config(category)
-      TAB_CONFIG[category.to_s] || { icon: "⚙️", fallback_label: category.to_s.humanize }
-    end
-
-    def settings_tab_label(category)
-      cfg = settings_tab_config(category)
-      t("ruby_cms.admin.settings.categories.#{category}.label", default: cfg[:fallback_label])
-    end
-
-    def settings_tab_description(category)
-      t("ruby_cms.admin.settings.categories.#{category}.description", default: "")
-    end
-
-    def setting_label(entry)
-      key = entry.key.to_s
-
-      # Keep familiar labels for nav and pagination keys.
-      key = key.delete_prefix("nav_show_")
-      key = key.delete_suffix("_per_page")
-
-      key.tr("_", " ").humanize
-    end
-
-    # SVG path fragment for a nav item (matches sidebar), or nil.
-    def settings_nav_visibility_icon(entry)
-      key_str = entry.key.to_s
-      return nil unless key_str.start_with?("nav_show_")
-
-      nav_key = key_str.delete_prefix("nav_show_")
-      item = RubyCms.nav_registry.find {|e| e[:key].to_s == nav_key }
-      item&.dig(:icon)
-    end
-
-    def render_setting_field(entry:, value:, tab:)
-      case entry.type.to_sym
-      when :integer
-        render_integer_setting_field(entry:, value:, tab:)
-      when :boolean
-        render_boolean_setting_field(entry:, value:, tab:)
-      when :json
-        render_json_setting_field(entry:, value:, tab:)
-      else
-        render_string_setting_field(entry:, value:, tab:)
-      end
-    end
-
-    private
-
-    def input_base_classes
-      "w-full h-9 rounded-lg border border-border bg-background px-3 text-sm text-foreground " \
-        "shadow-sm focus:outline-none focus:ring-2 focus:ring-primary/20"
-    end
-
-    def textarea_base_classes
-      "w-full rounded-lg border border-border bg-background px-3 py-2 text-sm text-foreground " \
-        "shadow-sm focus:outline-none focus:ring-2 focus:ring-primary/20"
-    end
-
-    def render_integer_setting_field(entry:, value:, tab:)
-      min, max = integer_bounds_for(entry)
-
-      number_field_tag(
-        "preferences[#{entry.key}]",
-        value,
-        id: setting_input_id(entry),
-        class: input_base_classes,
-        min: min,
-        max: max,
-        data: autosave_data(entry.key, tab)
-      )
-    end
-
-    def render_boolean_setting_field(entry:, value:, tab:)
-      checked = ActiveModel::Type::Boolean.new.cast(value)
-      input_id = setting_input_id(entry)
-
-      hidden = hidden_field_tag("preferences[#{entry.key}]", "false")
-      checkbox = check_box_tag(
-        "preferences[#{entry.key}]",
-        "true",
-        checked,
-        id: input_id,
-        class: "peer sr-only",
-        data: autosave_data(entry.key, tab)
-      )
-
-      track = content_tag(:label, "", for: input_id,
-                                      class: "relative inline-flex h-6 w-11 shrink-0 cursor-pointer rounded-full " \
-                                             "border-2 border-transparent bg-input transition-colors " \
-                                             "peer-checked:bg-primary " \
-                                             "peer-focus-visible:outline-none peer-focus-visible:ring-2 peer-focus-visible:ring-ring " \
-                                             "peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-background")
-
-      thumb = content_tag(:span, "",
-                          class: "pointer-events-none absolute left-[3px] top-1/2 -translate-y-1/2 h-5 w-5 rounded-full " \
-                                 "bg-background shadow-lg ring-0 transition-transform " \
-                                 "translate-x-0 peer-checked:translate-x-5")
-
-      content_tag(:div, class: "relative inline-flex items-center shrink-0") do
-        safe_join([hidden, checkbox, track, thumb])
-      end
-    end
-
-    def render_json_setting_field(entry:, value:, tab:)
-      formatted = if value.kind_of?(Hash) || value.kind_of?(Array)
-                    JSON.pretty_generate(value)
-                  else
-                    value.to_s
-                  end
-
-      text_area_tag(
-        "preferences[#{entry.key}]",
-        formatted,
-        id: setting_input_id(entry),
-        class: textarea_base_classes,
-        rows: 4,
-        data: autosave_data(entry.key, tab)
-      )
-    end
-
-    def render_string_setting_field(entry:, value:, tab:)
-      text_field_tag(
-        "preferences[#{entry.key}]",
-        value,
-        id: setting_input_id(entry),
-        class: input_base_classes,
-        data: autosave_data(entry.key, tab)
-      )
-    end
-
-    def autosave_data(key, tab)
-      {
-        controller: "ruby-cms--auto-save-preference",
-        action: "change->ruby-cms--auto-save-preference#save",
-        ruby_cms__auto_save_preference_preference_key_value: key.to_s,
-        ruby_cms__auto_save_preference_settings_url_value: ruby_cms_admin_settings_path,
-        ruby_cms__auto_save_preference_tab_value: tab.to_s
-      }
-    end
-
-    def setting_input_id(entry)
-      "pref_#{entry.key}"
-    end
-
-    def integer_bounds_for(entry)
-      key = entry.key.to_s
-
-      if key.end_with?("_per_page")
-        min = RubyCms::Settings.get(:pagination_min_per_page, default: 5).to_i
-        max = RubyCms::Settings.get(:pagination_max_per_page, default: 200).to_i
-        return [min, [max, min].max]
-      end
-
-      [nil, nil]
-    rescue StandardError
-      [nil, nil]
-    end
-  end
-end

data/app/javascript/controllers/ruby_cms/content_block_history_controller.js

@@ -1,91 +0,0 @@
-import { Controller } from "@hotwired/stimulus"
-
-export default class extends Controller {
-    static targets = ["panel", "list"]
-    static values = {
-        contentBlockId: Number
-    }
-
-    connect() {
-        this.isOpen = false
-    }
-
-    async toggle() {
-        if (this.isOpen) {
-            this.close()
-        } else {
-            await this.open()
-        }
-    }
-
-    async open() {
-        if (!this.contentBlockIdValue) return
-
-        try {
-            const response = await fetch(
-                `/admin/content_blocks/${this.contentBlockIdValue}/versions.json`,
-                { headers: { "Accept": "application/json" } }
-            )
-            if (!response.ok) throw new Error("Failed to fetch versions")
-
-            const versions = await response.json()
-            this.renderVersions(versions)
-            this.panelTarget.classList.remove("hidden")
-            this.isOpen = true
-        } catch (error) {
-            console.error("Error loading version history:", error)
-        }
-    }
-
-    close() {
-        this.panelTarget.classList.add("hidden")
-        this.isOpen = false
-    }
-
-    renderVersions(versions) {
-        if (!versions.length) {
-            this.listTarget.innerHTML = '<p class="text-sm text-muted-foreground p-3">Geen versies gevonden.</p>'
-            return
-        }
-
-        this.listTarget.innerHTML = versions.map(v => `
-      <div class="flex items-center justify-between p-3 border-b border-border/40 last:border-0">
-        <div>
-          <span class="text-xs font-medium">v${v.version_number}</span>
-          <span class="text-xs text-muted-foreground ml-1">${v.event}</span>
-          <span class="text-xs text-muted-foreground ml-2">${v.user}</span>
-          <span class="text-xs text-muted-foreground ml-2">${v.created_at}</span>
-        </div>
-        <button data-action="click->ruby-cms--content-block-history#rollback"
-                data-version-id="${v.id}"
-                class="text-xs text-primary hover:underline">
-          Herstel
-        </button>
-      </div>
-    `).join("")
-    }
-
-    async rollback(event) {
-        const versionId = event.currentTarget.dataset.versionId
-        if (!confirm("Weet je zeker dat je deze versie wilt herstellen?")) return
-
-        try {
-            const response = await fetch(
-                `/admin/content_blocks/${this.contentBlockIdValue}/versions/${versionId}/rollback`,
-                {
-                    method: "POST",
-                    headers: {
-                        "X-CSRF-Token": document.querySelector('meta[name="csrf-token"]').content,
-                        "Accept": "application/json"
-                    }
-                }
-            )
-            if (!response.ok) throw new Error("Rollback failed")
-
-            window.location.reload()
-        } catch (error) {
-            console.error("Rollback error:", error)
-            alert("Rollback mislukt")
-        }
-    }
-}

data/app/javascript/controllers/ruby_cms/index.js

@@ -1,117 +0,0 @@
-// RubyCms Stimulus Controllers
-// This file exports all controllers for registration in the host application
-
-import VisualEditorController from "ruby_cms/visual_editor_controller";
-import PagePreviewController from "ruby_cms/page_preview_controller";
-import MobileMenuController from "ruby_cms/mobile_menu_controller";
-import FlashMessagesController from "ruby_cms/flash_messages_controller";
-import BulkActionTableController from "ruby_cms/bulk_action_table_controller";
-import ToggleController from "ruby_cms/toggle_controller";
-import LocaleTabsController from "ruby_cms/locale_tabs_controller";
-import ClickableRowController from "ruby_cms/clickable_row_controller";
-import AutoSavePreferenceController from "ruby_cms/auto_save_preference_controller";
-import NavOrderSortableController from "ruby_cms/nav_order_sortable_controller";
-import ContentBlockHistoryController from "ruby_cms/content_block_history_controller";
-import AdminCommandsController from "ruby_cms/admin_commands_controller";
-
-
-export {
-  VisualEditorController,
-  PagePreviewController,
-  MobileMenuController,
-  FlashMessagesController,
-  BulkActionTableController,
-  ToggleController,
-  LocaleTabsController,
-  ClickableRowController,
-  AutoSavePreferenceController,
-  NavOrderSortableController,
-  ContentBlockHistoryController,
-  AdminCommandsController,
-};
-
-// Helper function to register all RubyCms controllers with a Stimulus application
-const registeredApplications = new WeakSet();
-
-export function registerRubyCmsControllers(application) {
-  if (!application || typeof application.register !== "function") return;
-  if (registeredApplications.has(application)) return;
-
-  application.register("ruby-cms--visual-editor", VisualEditorController);
-  application.register("ruby-cms--page-preview", PagePreviewController);
-  application.register("ruby-cms--mobile-menu", MobileMenuController);
-  application.register("ruby-cms--flash-messages", FlashMessagesController);
-  application.register(
-    "ruby-cms--bulk-action-table",
-    BulkActionTableController,
-  );
-  application.register("ruby-cms--toggle", ToggleController);
-  application.register("ruby-cms--locale-tabs", LocaleTabsController);
-  application.register("ruby-cms--content-block-history", ContentBlockHistoryController);
-  application.register("ruby-cms--admin-commands", AdminCommandsController);
-  application.register("clickable-row", ClickableRowController);
-  application.register(
-    "ruby-cms--auto-save-preference",
-    AutoSavePreferenceController,
-  );
-  application.register(
-    "ruby-cms--nav-order-sortable",
-    NavOrderSortableController,
-  );
-  registeredApplications.add(application);
-}
-
-// Auto-register controllers when this module is imported
-// Works with Rails 7+ importmap setup where Stimulus is loaded via @hotwired/stimulus
-if (typeof window !== "undefined") {
-  let registered = false;
-
-  const registerControllers = (app) => {
-    if (registered || !app || typeof app.register !== "function") return false;
-    registerRubyCmsControllers(app);
-    registered = true;
-    return true;
-  };
-
-  // Try to get Stimulus from the standard Rails 7+ location
-  const tryRegister = () => {
-    // Check window.Stimulus (standard Rails 7+ pattern with @hotwired/stimulus-loading)
-    if (window.Stimulus) {
-      return registerControllers(window.Stimulus);
-    }
-    // Fallback: check for application export
-    if (window.application) {
-      return registerControllers(window.application);
-    }
-    return false;
-  };
-
-  // Try immediately
-  if (!tryRegister()) {
-    // Wait for turbo:load which fires after Stimulus is initialized
-    const onTurboLoad = () => {
-      if (tryRegister()) {
-        document.removeEventListener("turbo:load", onTurboLoad);
-      }
-    };
-    document.addEventListener("turbo:load", onTurboLoad);
-
-    // Also try on DOMContentLoaded as fallback
-    const onDOMReady = () => {
-      setTimeout(() => {
-        if (tryRegister()) {
-          document.removeEventListener("DOMContentLoaded", onDOMReady);
-        }
-      }, 50);
-    };
-
-    if (document.readyState === "loading") {
-      document.addEventListener("DOMContentLoaded", onDOMReady);
-    } else {
-      // DOM already loaded, try after a short delay
-      setTimeout(tryRegister, 50);
-      setTimeout(tryRegister, 200);
-      setTimeout(tryRegister, 500);
-    }
-  }
-}

data/app/javascript/controllers/ruby_cms/mobile_menu_controller.js

@@ -1,55 +0,0 @@
-import { Controller } from "@hotwired/stimulus"
-
-// Connects to data-controller="ruby-cms--mobile-menu"
-export default class extends Controller {
-  static targets = ["sidebar", "overlay"]
-
-  connect() {
-    // Close menu when clicking outside (only on mobile)
-    if (window.innerWidth < 1024) {
-      document.addEventListener("click", this.handleOutsideClick.bind(this))
-    }
-  }
-
-  disconnect() {
-    document.removeEventListener("click", this.handleOutsideClick.bind(this))
-  }
-
-  toggle() {
-    const isOpen = this.hasSidebarTarget && this.sidebarTarget.classList.contains("translate-x-0")
-    isOpen ? this.close() : this.open()
-  }
-
-  close() {
-    if (this.hasSidebarTarget) {
-      this.sidebarTarget.classList.remove("translate-x-0")
-      this.sidebarTarget.classList.add("-translate-x-full")
-    }
-    if (this.hasOverlayTarget) {
-      this.overlayTarget.classList.add("hidden")
-    }
-  }
-
-  open() {
-    if (this.hasSidebarTarget) {
-      this.sidebarTarget.classList.remove("-translate-x-full")
-      this.sidebarTarget.classList.add("translate-x-0")
-    }
-    if (this.hasOverlayTarget) {
-      this.overlayTarget.classList.remove("hidden")
-    }
-  }
-
-  handleOutsideClick(event) {
-    if (!this.hasSidebarTarget || !this.sidebarTarget.classList.contains("translate-x-0")) {
-      return
-    }
-
-    // Don't close if clicking inside sidebar or toggle button
-    if (this.sidebarTarget.contains(event.target) || this.element.contains(event.target)) {
-      return
-    }
-
-    this.close()
-  }
-}

data/app/javascript/controllers/ruby_cms/nav_order_sortable_controller.js

@@ -1,192 +0,0 @@
-import { Controller } from "@hotwired/stimulus"
-
-// Makes the nav order list sortable via native HTML5 drag and drop.
-// Shows a blue indicator line for drop position; supports dropping at the top.
-export default class extends Controller {
-  static values = {
-    settingsUrl: { type: String, default: "/admin/settings/nav_order" }
-  }
-
-  connect() {
-    this.list = this.element
-    this.items = () => Array.from(this.list.querySelectorAll("[draggable='true']"))
-    this.boundDragstart = this.dragstart.bind(this)
-    this.boundDragend = this.dragend.bind(this)
-    this.boundDragover = this.dragover.bind(this)
-    this.boundDrop = this.drop.bind(this)
-    this.boundDragleave = this.dragleave.bind(this)
-    this.boundListDragover = this.listDragover.bind(this)
-    this.boundListDrop = this.listDrop.bind(this)
-    this.list.addEventListener("dragover", this.boundListDragover)
-    this.list.addEventListener("drop", this.boundListDrop)
-    this.list.addEventListener("dragleave", this.boundDragleave)
-    this.items().forEach((item) => {
-      item.addEventListener("dragstart", this.boundDragstart)
-      item.addEventListener("dragend", this.boundDragend)
-      item.addEventListener("dragover", this.boundDragover)
-      item.addEventListener("dragleave", this.boundDragleave)
-      item.addEventListener("drop", this.boundDrop)
-    })
-  }
-
-  disconnect() {
-    this.removeIndicator()
-    this.list.removeEventListener("dragover", this.boundListDragover)
-    this.list.removeEventListener("drop", this.boundListDrop)
-    this.list.removeEventListener("dragleave", this.boundDragleave)
-    this.items().forEach((item) => {
-      item.removeEventListener("dragstart", this.boundDragstart)
-      item.removeEventListener("dragend", this.boundDragend)
-      item.removeEventListener("dragover", this.boundDragover)
-      item.removeEventListener("dragleave", this.boundDragleave)
-      item.removeEventListener("drop", this.boundDrop)
-    })
-  }
-
-  getIndicator() {
-    if (!this._indicator) {
-      this._indicator = document.createElement("div")
-      this._indicator.setAttribute("data-nav-order-indicator", "")
-      this._indicator.className = "h-0.5 w-full bg-blue-500 flex-shrink-0 pointer-events-none"
-      this._indicator.setAttribute("aria-hidden", "true")
-    }
-    return this._indicator
-  }
-
-  removeIndicator() {
-    this._indicator?.remove()
-    this._indicator = null
-    this.dropIndex = null
-    this.items().forEach((item) => item.classList.remove("ring-2", "ring-inset", "ring-blue-400"))
-  }
-
-  placeIndicator(insertIndex) {
-    const items = this.items()
-    if (insertIndex < 0 || insertIndex > items.length) return
-    const indicator = this.getIndicator()
-    if (insertIndex === 0) {
-      this.list.insertBefore(indicator, items[0])
-    } else {
-      this.list.insertBefore(indicator, items[insertIndex])
-    }
-    this.dropIndex = insertIndex
-  }
-
-  dragleave(e) {
-    // Only remove ring from items; indicator stays until drop/dragend or leave list
-    if (e.currentTarget.getAttribute("draggable") === "true") {
-      e.currentTarget.classList.remove("ring-2", "ring-inset", "ring-blue-400")
-    }
-    const list = this.list
-    const related = e.relatedTarget
-    if (!related || !list.contains(related)) {
-      this.removeIndicator()
-    }
-  }
-
-  dragstart(e) {
-    this.dragged = e.currentTarget
-    e.dataTransfer.effectAllowed = "move"
-    e.dataTransfer.setData("text/html", e.currentTarget.innerHTML)
-    e.currentTarget.classList.add("opacity-50")
-  }
-
-  dragend(e) {
-    e.currentTarget.classList.remove("opacity-50")
-    this.dragged = null
-    this.removeIndicator()
-    this.saveOrder()
-  }
-
-  listDragover(e) {
-    if (!this.dragged) return
-    e.preventDefault()
-    e.dataTransfer.dropEffect = "move"
-    const items = this.items()
-    const first = items[0]
-    if (!first) return
-    const firstRect = first.getBoundingClientRect()
-    if (e.clientY < firstRect.top + firstRect.height / 2) {
-      this.placeIndicator(0)
-    }
-  }
-
-  listDrop(e) {
-    e.preventDefault()
-    if (!this.dragged || this.dropIndex == null) return
-    const items = this.items()
-    const insertBefore = items[this.dropIndex]
-    if (insertBefore && insertBefore !== this.dragged) {
-      this.list.insertBefore(this.dragged, insertBefore)
-    } else if (!insertBefore) {
-      this.list.appendChild(this.dragged)
-    }
-    this.removeIndicator()
-    this.saveOrder()
-  }
-
-  dragover(e) {
-    e.preventDefault()
-    e.dataTransfer.dropEffect = "move"
-    const target = e.currentTarget
-    if (target === this.dragged) return
-    const items = this.items()
-    const index = items.indexOf(target)
-    if (index === -1) return
-    const rect = target.getBoundingClientRect()
-    const mid = rect.top + rect.height / 2
-    const insertIndex = e.clientY < mid ? index : index + 1
-    this.placeIndicator(insertIndex)
-  }
-
-  drop(e) {
-    e.preventDefault()
-    if (!this.dragged || this.dragged === e.currentTarget) return
-    const items = this.items()
-    const insertBefore = this.dropIndex != null ? items[this.dropIndex] : e.currentTarget.nextElementSibling
-    if (insertBefore && insertBefore !== this.dragged) {
-      this.list.insertBefore(this.dragged, insertBefore)
-    } else if (!insertBefore) {
-      this.list.appendChild(this.dragged)
-    }
-    this.removeIndicator()
-    this.saveOrder()
-  }
-
-  saveOrder() {
-    const form = this.element.closest("form")
-    if (!form) return
-    const mainList = form.querySelector("[data-list-type='main']")
-    const bottomList = form.querySelector("[data-list-type='bottom']")
-    const mainOrder = mainList ? Array.from(mainList.querySelectorAll("input[name='nav_order_main[]']")).map((i) => i.value) : []
-    const bottomOrder = bottomList ? Array.from(bottomList.querySelectorAll("input[name='nav_order_bottom[]']")).map((i) => i.value) : []
-    const url = this.settingsUrlValue || "/admin/settings/nav_order"
-    const csrf = document.querySelector('meta[name="csrf-token"]')
-    fetch(url, {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-        "X-CSRF-Token": csrf ? csrf.content : "",
-        Accept: "application/json"
-      },
-      body: JSON.stringify({
-        tab: "navigation",
-        nav_order_main: mainOrder,
-        nav_order_bottom: bottomOrder
-      })
-    })
-      .then((res) => (res.ok ? res.json() : Promise.reject(res)))
-      .then(() => this.showToast("Order saved.", "success"))
-      .catch(() => this.showToast("Failed to save order.", "error"))
-  }
-
-  showToast(message, type = "info") {
-    const toast = document.createElement("div")
-    toast.className = `fixed top-4 right-4 z-50 rounded-lg px-4 py-2.5 text-sm font-medium text-white shadow-lg ${
-      type === "success" ? "bg-emerald-600" : type === "error" ? "bg-red-600" : "bg-gray-800"
-    }`
-    toast.textContent = message
-    document.body.appendChild(toast)
-    setTimeout(() => toast.remove(), 2500)
-  }
-}