panda-cms 0.7.5 → 0.8.0

data/app/controllers/panda/cms/admin/my_profile_controller.rb

@@ -1,44 +0,0 @@
-# frozen_string_literal: true
-
-module Panda
-  module CMS
-    module Admin
-      class MyProfileController < ApplicationController
-        before_action :set_initial_breadcrumb, only: %i[edit update]
-        before_action :authenticate_admin_user!
-
-        # Shows the edit form for the current user's profile
-        # @type GET
-        # @return void
-        def edit
-          render :edit, locals: {user: current_user}
-        end
-
-        # Updates the current user's profile
-        # @type PATCH/PUT
-        # @return void
-        def update
-          if current_user.update(user_params)
-            flash[:success] = "Your profile has been updated successfully."
-            redirect_to edit_admin_my_profile_path
-          else
-            render :edit, locals: {user: current_user}, status: :unprocessable_entity
-          end
-        end
-
-        private
-
-        def set_initial_breadcrumb
-          add_breadcrumb "My Profile", edit_admin_my_profile_path
-        end
-
-        # Only allow a list of trusted parameters through
-        # @type private
-        # @return ActionController::StrongParameters
-        def user_params
-          params.require(:user).permit(:firstname, :lastname, :email, :current_theme)
-        end
-      end
-    end
-  end
-end

data/app/controllers/panda/cms/admin/sessions_controller.rb

@@ -1,92 +0,0 @@
-# frozen_string_literal: true
-
-module Panda
-  module CMS
-    module Admin
-      class SessionsController < ApplicationController
-        layout "panda/cms/public"
-
-        def new
-          @providers = Panda::CMS.config.authentication.select { |_, v| v[:enabled] && !v[:hidden] }.keys
-        end
-
-        def create
-          user_info = request.env.dig("omniauth.auth", "info")
-          provider = params[:provider].to_sym
-
-          unless Panda::CMS.config.authentication.dig(provider, :enabled)
-            Rails.logger.error "Authentication provider '#{provider}' is not enabled"
-            redirect_to admin_login_path, flash: {error: t("panda.cms.admin.sessions.create.error")}
-            return
-          end
-
-          user = Panda::CMS::User.find_by(email: user_info["email"])
-
-          if !user && Panda::CMS.config.authentication.dig(provider, :create_account_on_first_login)
-            create_as_admin = Panda::CMS.config.authentication.dig(provider, :create_as_admin)
-
-            # Always create the first user as admin, regardless of what our settings look like
-            # else we can't ever really login. :)
-            create_as_admin = true if !create_as_admin && Panda::CMS::User.count.zero?
-
-            if user_info["first_name"] && user_info["last_name"]
-              firstname = user_info["first_name"]
-              lastname = user_info["last_name"]
-            elsif user_info["name"]
-              firstname, lastname = user_info["name"].split(" ", 2)
-            end
-
-            user = User.find_or_create_by(
-              email: user_info["email"]
-            ) do |u|
-              u.firstname = firstname
-              u.lastname = lastname
-              u.admin = create_as_admin
-              u.image_url = user_info["image"]
-            end
-          end
-
-          if user.nil?
-            # User can't be found with this email address
-            Rails.logger.error "User does not exist: #{user_info["email"]}"
-            redirect_to admin_login_path, flash: {error: t("panda.cms.admin.sessions.create.error")}
-            return
-          end
-
-          unless user.admin?
-            # User can't be found with this email address or can't login
-            Rails.logger.error "User ID #{user.id} attempted admin login, is not admin."
-            redirect_to admin_login_path, flash: {error: t("panda.cms.admin.sessions.create.error")}
-            return
-          end
-
-          session[:user_id] = user.id
-          Panda::CMS::Current.user = user
-
-          redirect_path = request.env["omniauth.origin"] || admin_dashboard_path
-          redirect_to redirect_path, flash: {success: t("panda.cms.admin.sessions.create.success")}
-        rescue ::OmniAuth::Strategies::OAuth2::CallbackError => e
-          Rails.logger.error "OAuth2 login callback error: #{e.message}"
-          redirect_to admin_login_path, flash: {error: t("panda.cms.admin.sessions.create.error")}
-        rescue ::OAuth2::Error => e
-          Rails.logger.error "OAuth2 login error: #{e.message}"
-          redirect_to admin_login_path, flash: {error: t("panda.cms.admin.sessions.create.error")}
-        rescue => e
-          Rails.logger.error "Unknown login error: #{e.message}"
-          redirect_to admin_login_path, flash: {error: t("panda.cms.admin.sessions.create.error")}
-        end
-
-        def failure
-          Rails.logger.error "Login failure: #{params[:message]} from #{params[:origin]} using #{params[:strategy]}"
-          redirect_to admin_login_path, flash: {error: t("panda.cms.admin.sessions.create.error")}
-        end
-
-        def destroy
-          Panda::CMS::Current.user = nil
-          session[:user_id] = nil
-          redirect_to admin_login_path, flash: {success: t("panda.cms.admin.sessions.destroy.success")}
-        end
-      end
-    end
-  end
-end

data/app/javascript/panda/cms/controllers/theme_form_controller.js

@@ -1,25 +0,0 @@
-import { Controller } from "@hotwired/stimulus";
-
-// Connects to data-controller="theme-form"
-export default class extends Controller {
-  connect() {
-    // Ensure submit button is enabled on connect
-    this.enableSubmitButton();
-  }
-
-  updateTheme(event) {
-    const newTheme = event.target.value;
-    document.documentElement.dataset.theme = newTheme;
-  }
-
-  enableSubmitButton() {
-    // Find the submit button in the form and ensure it's enabled
-    const form = this.element;
-    if (form) {
-      const submitButton = form.querySelector('input[type="submit"], button[type="submit"]');
-      if (submitButton) {
-        submitButton.disabled = false;
-      }
-    }
-  }
-}

data/app/javascript/panda/cms/editor/css_extractor.js

@@ -1,80 +0,0 @@
-export class CSSExtractor {
-  /**
-   * Extracts CSS rules from within a specific selector and transforms them for EditorJS
-   * @param {string} css - The CSS content to parse
-   * @returns {string} The extracted and transformed CSS rules
-   */
-  static extractStyles(css) {
-    const rules = []
-    let inComponents = false
-    let inContentRule = false
-    let braceCount = 0
-    let currentRule = ''
-
-    // Split CSS into lines and process each line
-    const lines = css.split('\n')
-
-    for (const line of lines) {
-      const trimmedLine = line.trim()
-
-      // Check if we're entering components layer
-      if (trimmedLine === '@layer components {') {
-        inComponents = true
-        continue
-      }
-
-      // Only process lines within components layer
-      if (!inComponents) continue
-
-      // If we find the .content selector
-      if (!inContentRule && trimmedLine.startsWith('.content')) {
-        inContentRule = true
-        braceCount++
-        // Transform the selector for EditorJS
-        currentRule = '.codex-editor__redactor .ce-block .ce-block__content'
-        if (trimmedLine.includes('{')) {
-          currentRule += ' {'
-        }
-        continue
-      }
-
-      // If we're inside a content rule
-      if (inContentRule) {
-        // Transform selectors for EditorJS
-        let transformedLine = line
-          .replace(/\.content\s+/g, '.codex-editor__redactor .ce-block .ce-block__content ')
-          .replace(/\bh1\b(?![-_])/g, 'h1.ce-header')
-          .replace(/\bh2\b(?![-_])/g, 'h2.ce-header')
-          .replace(/\bh3\b(?![-_])/g, 'h3.ce-header')
-          .replace(/\bul\b(?![-_])/g, 'ul.cdx-list')
-          .replace(/\bol\b(?![-_])/g, 'ol.cdx-list')
-          .replace(/\bli\b(?![-_])/g, 'li.cdx-list__item')
-          .replace(/\bblockquote\b(?![-_])/g, '.cdx-quote')
-
-        currentRule += '\n' + transformedLine
-
-        // Count braces to handle nested rules
-        braceCount += (trimmedLine.match(/{/g) || []).length
-        braceCount -= (trimmedLine.match(/}/g) || []).length
-
-        // If braces are balanced, we've found the end of the rule
-        if (braceCount === 0) {
-          rules.push(currentRule)
-          inContentRule = false
-          currentRule = ''
-        }
-      }
-    }
-
-    return rules.join('\n\n')
-  }
-
-  /**
-   * Gets all styles from a stylesheet that apply to the editor
-   * @param {string} css - The CSS content to parse
-   * @returns {string} The extracted CSS rules
-   */
-  static getEditorStyles(css) {
-    return this.extractStyles(css)
-  }
-}

data/app/javascript/panda/cms/editor/editor_js_config.js

@@ -1,306 +0,0 @@
-export const EDITOR_JS_RESOURCES = [
-  "https://cdn.jsdelivr.net/npm/@editorjs/editorjs@2.28.2",
-  "https://cdn.jsdelivr.net/npm/@editorjs/paragraph@2.11.3",
-  "https://cdn.jsdelivr.net/npm/@editorjs/header@2.8.1",
-  "https://cdn.jsdelivr.net/npm/@editorjs/nested-list@1.4.2",
-  "https://cdn.jsdelivr.net/npm/@editorjs/quote@2.6.0",
-  "https://cdn.jsdelivr.net/npm/@editorjs/simple-image@1.6.0",
-  "https://cdn.jsdelivr.net/npm/@editorjs/table@2.3.0",
-  "https://cdn.jsdelivr.net/npm/@editorjs/embed@2.7.0"
-]
-
-// Allow applications to add their own resources
-if (window.PANDA_CMS_EDITOR_JS_RESOURCES) {
-  EDITOR_JS_RESOURCES.push(...window.PANDA_CMS_EDITOR_JS_RESOURCES)
-}
-
-export const EDITOR_JS_CSS = `
-  .codex-editor {
-    position: relative;
-  }
-  .codex-editor::before {
-    content: '';
-    position: absolute;
-    left: 0;
-    top: 0;
-    bottom: 0;
-    width: 65px;
-    margin-right: 5px;
-    background-color: #f9fafb;
-    border-right: 2px dashed #e5e7eb;
-    z-index: 0;
-  }
-  .ce-block {
-    padding-left: 70px;
-    position: relative;
-    min-height: 40px;
-    margin: 0;
-    padding-bottom: 1em;
-  }
-  .ce-block__content {
-    position: relative;
-    max-width: none;
-    margin: 0;
-  }
-  .ce-paragraph {
-    padding: 0;
-    line-height: 1.6;
-    min-height: 1.6em;
-    margin: 0;
-  }
-  /* Override inherited heading styles */
-  .ce-header h1,
-  .ce-header h2,
-  .ce-header h3,
-  .ce-header h4,
-  .ce-header h5,
-  .ce-header h6 {
-    margin: 0;
-    padding: 0;
-    line-height: 1.6;
-    font-weight: 600;
-  }
-  .ce-header h1 { font-size: 2em; }
-  .ce-header h2 { font-size: 1.5em; }
-  .ce-header h3 { font-size: 1.17em; }
-  .ce-header h4 { font-size: 1em; }
-  .ce-header h5 { font-size: 0.83em; }
-  .ce-header h6 { font-size: 0.67em; }
-
-  .codex-editor__redactor {
-    padding-bottom: 150px !important;
-    min-height: 100px !important;
-  }
-  /* Base toolbar styles */
-  .ce-toolbar {
-    left: 0 !important;
-    right: auto !important;
-    background: none !important;
-    position: absolute !important;
-    width: 65px !important;
-    height: 40px !important;
-    display: flex !important;
-    align-items: center !important;
-    justify-content: flex-start !important;
-    padding: 0 !important;
-    margin-left: -70px !important;
-    margin-top: -5px !important;
-    opacity: 1 !important;
-    visibility: visible !important;
-    pointer-events: all !important;
-    z-index: 2 !important;
-  }
-  /* Ensure toolbar is visible for all blocks */
-  .ce-block .ce-toolbar {
-    display: flex !important;
-    opacity: 1 !important;
-    visibility: visible !important;
-  }
-  .ce-toolbar__content {
-    max-width: none;
-    left: 70px !important;
-    display: flex !important;
-    position: relative !important;
-  }
-  .ce-toolbar__actions {
-    position: relative !important;
-    left: 5px !important;
-    opacity: 1 !important;
-    visibility: visible !important;
-    background: transparent !important;
-    z-index: 2;
-    display: flex !important;
-    align-items: center !important;
-    gap: 5px !important;
-    height: 40px !important;
-    padding: 0 !important;
-  }
-  .ce-toolbar__plus {
-    position: relative !important;
-    left: 0px !important;
-    opacity: 1 !important;
-    visibility: visible !important;
-    background: transparent !important;
-    border: none !important;
-    z-index: 2;
-    display: block !important;
-  }
-  .ce-toolbar__settings-btn {
-    position: relative !important;
-    left: -10px !important;
-    opacity: 1 !important;
-    visibility: visible !important;
-    background: transparent !important;
-    border: none !important;
-    z-index: 2;
-    display: block !important;
-  }
-  /* Style the search input */
-  .ce-popover__search {
-    padding-left: 3px !important;
-  }
-  .ce-popover__search input {
-    outline: none !important;
-    box-shadow: none !important;
-    border: none !important;
-  }
-  .ce-popover__search input::placeholder {
-    content: 'Search';
-  }
-  /* Ensure popups still work */
-  .ce-popover {
-    z-index: 4;
-  }
-  .ce-inline-toolbar {
-    z-index: 3;
-  }
-  /* Override any hiding behavior */
-  .ce-toolbar--closed,
-  .ce-toolbar--opened,
-  .ce-toolbar--showed {
-    display: flex !important;
-    opacity: 1 !important;
-    visibility: visible !important;
-  }
-  /* Force toolbar to show on every block */
-  .ce-block:not(:focus):not(:hover) .ce-toolbar,
-  .ce-block--selected .ce-toolbar,
-  .ce-block--focused .ce-toolbar,
-  .ce-block--hover .ce-toolbar {
-    opacity: 1 !important;
-    visibility: visible !important;
-    display: flex !important;
-  }
-
-  /* Ensure last block has bottom spacing */
-  .ce-block:last-child {
-    padding-bottom: 2em;
-  }
-
-  /* Reset all block type margins */
-  .ce-header,
-  .ce-paragraph,
-  .ce-quote,
-  .ce-list {
-    margin: 0 !important;
-    padding: 0 !important;
-  }
-`
-
-export const getEditorConfig = (elementId, previousData, doc = document) => {
-  // Validate holder element exists
-  const holder = doc.getElementById(elementId)
-  if (!holder) {
-    throw new Error(`Editor holder element ${elementId} not found`)
-  }
-
-  // Get the correct window context
-  const win = doc.defaultView || window
-
-  // Ensure we have a clean holder element
-  holder.innerHTML = ""
-
-  const config = {
-    holder: elementId,
-    data: previousData || {},
-    placeholder: 'Click the + button to add content...',
-    inlineToolbar: true,
-    onChange: () => {
-      // Ensure the editor is properly initialized before handling changes
-      if (holder && holder.querySelector('.codex-editor')) {
-        const event = new Event('editor:change', { bubbles: true })
-        holder.dispatchEvent(event)
-      }
-    },
-    i18n: {
-      toolbar: {
-        filter: {
-          placeholder: 'Search'
-        }
-      }
-    },
-    tools: {
-      header: {
-        class: win.Header,
-        inlineToolbar: true,
-        config: {
-          placeholder: 'Enter a header',
-          levels: [1, 2, 3, 4, 5, 6],
-          defaultLevel: 2
-        }
-      },
-      paragraph: {
-        class: win.Paragraph,
-        inlineToolbar: true,
-        config: {
-          placeholder: 'Start writing or press Tab to add content...'
-        }
-      },
-      list: {
-        class: win.NestedList,
-        inlineToolbar: true,
-        config: {
-          defaultStyle: 'unordered',
-          enableLineBreaks: true
-        }
-      },
-      quote: {
-        class: win.Quote,
-        inlineToolbar: true,
-        config: {
-          quotePlaceholder: 'Enter a quote',
-          captionPlaceholder: 'Quote\'s author'
-        }
-      },
-      image: {
-        class: win.SimpleImage,
-        inlineToolbar: true,
-        config: {
-          placeholder: 'Paste an image URL...'
-        }
-      },
-      table: {
-        class: win.Table,
-        inlineToolbar: true,
-        config: {
-          rows: 2,
-          cols: 2
-        }
-      },
-      embed: {
-        class: win.Embed,
-        inlineToolbar: true,
-        config: {
-          services: {
-            youtube: true,
-            vimeo: true
-          }
-        }
-      }
-    }
-  }
-
-  // Remove any undefined tools from the config
-  config.tools = Object.fromEntries(
-    Object.entries(config.tools)
-      .filter(([_, value]) => value?.class !== undefined)
-      .map(([name, tool]) => {
-        if (!tool.class) {
-          throw new Error(`Tool ${name} has no class defined`)
-        }
-        return [name, tool]
-      })
-  )
-
-  // Allow applications to customize the config through Ruby
-  if (window.PANDA_CMS_EDITOR_JS_CONFIG) {
-    Object.assign(config.tools, window.PANDA_CMS_EDITOR_JS_CONFIG)
-  }
-
-  // Allow applications to customize the config through JavaScript
-  if (typeof window.customizeEditorJS === 'function') {
-    window.customizeEditorJS(config)
-  }
-
-  return config
-}