panda-editor 0.5.0 → 0.8.2

data/lib/panda/editor/html_to_editor_js_converter.rb

@@ -0,0 +1,159 @@
+# frozen_string_literal: true
+
+require "nokogiri"
+
+module Panda
+  module Editor
+    # Converts HTML to EditorJS format
+    # Parses HTML and converts it to EditorJS blocks
+    class HtmlToEditorJsConverter
+      def self.convert(html)
+        new(html).convert
+      end
+
+      def initialize(html)
+        @html = html
+        @blocks = []
+      end
+
+      def convert
+        doc = Nokogiri::HTML.fragment(@html)
+
+        doc.children.each do |node|
+          block = node_to_block(node)
+          @blocks << block if block
+        end
+
+        {
+          time: Time.now.to_i * 1000,
+          blocks: @blocks,
+          version: "2.28.0"
+        }
+      end
+
+      private
+
+      def node_to_block(node)
+        return nil if node.text? && node.text.strip.empty?
+
+        case node.name
+        when "h1", "h2", "h3", "h4", "h5", "h6"
+          header_block(node)
+        when "p"
+          paragraph_block(node)
+        when "ul", "ol"
+          list_block(node)
+        when "blockquote"
+          quote_block(node)
+        when "pre"
+          code_block(node)
+        when "table"
+          table_block(node)
+        when "hr"
+          delimiter_block
+        when "text"
+          # Handle text nodes that aren't wrapped in tags
+          text = node.text.strip
+          text.empty? ? nil : paragraph_block_from_text(text)
+        else
+          # For any other node, try to extract text content
+          text = node.text.strip
+          text.empty? ? nil : paragraph_block_from_text(text)
+        end
+      end
+
+      def header_block(node)
+        level = node.name[1].to_i
+        {
+          type: "header",
+          data: {
+            text: node.inner_html.strip,
+            level: level
+          }
+        }
+      end
+
+      def paragraph_block(node)
+        text = node.inner_html.strip
+        return nil if text.empty?
+
+        {
+          type: "paragraph",
+          data: {
+            text: text
+          }
+        }
+      end
+
+      def paragraph_block_from_text(text)
+        {
+          type: "paragraph",
+          data: {
+            text: text
+          }
+        }
+      end
+
+      def list_block(node)
+        style = (node.name == "ol") ? "ordered" : "unordered"
+        items = node.css("li").map { |li| li.inner_html.strip }
+
+        {
+          type: "list",
+          data: {
+            style: style,
+            items: items
+          }
+        }
+      end
+
+      def quote_block(node)
+        {
+          type: "quote",
+          data: {
+            text: node.inner_html.strip,
+            caption: "",
+            alignment: "left"
+          }
+        }
+      end
+
+      def code_block(node)
+        code = node.css("code").first
+        text = code ? code.text : node.text
+
+        {
+          type: "code",
+          data: {
+            code: text
+          }
+        }
+      end
+
+      def table_block(node)
+        content = []
+
+        # Process table rows
+        node.css("tr").each do |row|
+          cells = row.css("th, td").map { |cell| cell.inner_html.strip }
+          content << cells
+        end
+
+        {
+          type: "table",
+          data: {
+            withHeadings: node.css("thead").any? || node.css("th").any?,
+            content: content
+          }
+        }
+      end
+
+      def delimiter_block
+        {
+          type: "delimiter",
+          data: {}
+        }
+      end
+    end
+  end
+end

data/lib/panda/editor/markdown_to_editor_js_converter.rb

@@ -0,0 +1,50 @@
+# frozen_string_literal: true
+
+require "redcarpet"
+
+module Panda
+  module Editor
+    # Converts Markdown to EditorJS format
+    # Uses Redcarpet to parse markdown to HTML, then converts HTML to EditorJS blocks
+    class MarkdownToEditorJsConverter
+      def self.convert(markdown)
+        new(markdown).convert
+      end
+
+      def initialize(markdown)
+        @markdown = markdown
+      end
+
+      def convert
+        # Step 1: Convert Markdown to HTML using Redcarpet
+        html = markdown_to_html
+
+        # Step 2: Convert HTML to EditorJS using existing converter
+        Panda::Editor::HtmlToEditorJsConverter.convert(html)
+      end
+
+      private
+
+      def markdown_to_html
+        renderer = Redcarpet::Render::HTML.new(
+          hard_wrap: true,
+          link_attributes: {rel: "noopener noreferrer"}
+        )
+
+        markdown_processor = Redcarpet::Markdown.new(
+          renderer,
+          autolink: true,
+          tables: true,
+          fenced_code_blocks: true,
+          strikethrough: true,
+          superscript: true,
+          footnotes: true,
+          no_intra_emphasis: true,
+          space_after_headers: true
+        )
+
+        markdown_processor.render(@markdown)
+      end
+    end
+  end
+end

data/lib/panda/editor/renderer.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-require 'sanitize'
+require "sanitize"
 
 module Panda
   module Editor
@@ -20,10 +20,10 @@ module Panda
       end
 
       def render
-        return '' if content.nil? || content == {}
-        return content.to_s unless content.is_a?(Hash) && content['blocks'].is_a?(Array)
+        return "" if content.nil? || content == {}
+        return content.to_s unless content.is_a?(Hash) && content["blocks"].is_a?(Array)
 
-        rendered = content['blocks'].map do |block|
+        rendered = content["blocks"].map do |block|
           render_block(block)
         end.join("\n")
 
@@ -35,36 +35,36 @@ module Panda
           rendered = [rendered, sources_section].join("\n")
         end
 
-        rendered.presence || ''
+        rendered.presence || ""
       end
 
       def section(blocks)
-        return '' if blocks.nil? || blocks.empty?
+        return "" if blocks.nil? || blocks.empty?
 
-        content = { 'blocks' => blocks }
+        content = {"blocks" => blocks}
         rendered = self.class.new(content, options).render
 
         "<section class=\"content-section\">#{rendered}</section>"
       end
 
       def article(blocks, title: nil)
-        return '' if blocks.nil? || blocks.empty?
+        return "" if blocks.nil? || blocks.empty?
 
-        content = { 'blocks' => blocks }
+        content = {"blocks" => blocks}
         rendered = self.class.new(content, options).render
 
         [
-          '<article>',
-          (title ? "<h1>#{title}</h1>" : ''),
+          "<article>",
+          (title ? "<h1>#{title}</h1>" : ""),
           rendered,
-          '</article>'
+          "</article>"
         ].join("\n")
       end
 
       private
 
       def validate_html(html)
-        return '' if html.blank?
+        return "" if html.blank?
 
         begin
           # For quote blocks, only allow specific content
@@ -73,35 +73,35 @@ module Panda
             valid_content = '<figure class="text-left"><blockquote><p>Valid HTML</p></blockquote><figcaption>Valid caption</figcaption></figure>'
             return html if html.strip == valid_content.strip
 
-            return ''
+            return ""
           end
 
           # For other HTML, use sanitize
           config = Sanitize::Config::RELAXED.dup
           config[:elements] += %w[figure figcaption blockquote pre code mention math]
           config[:attributes].merge!({
-                                       'figure' => ['class'],
-                                       'blockquote' => ['class'],
-                                       'p' => ['class'],
-                                       'figcaption' => ['class']
-                                     })
+            "figure" => ["class"],
+            "blockquote" => ["class"],
+            "p" => ["class"],
+            "figcaption" => ["class"]
+          })
 
           sanitized = Sanitize.fragment(html, config)
-          sanitized == html ? html : ''
-        rescue StandardError => e
+          (sanitized == html) ? html : ""
+        rescue => e
           Rails.logger.error("HTML validation error: #{e.message}")
-          ''
+          ""
         end
       end
 
       def render_block_with_cache(block)
         # Don't cache blocks with footnotes - they need to register with the footnote registry
-        if block['data']['footnotes'].present?
+        if block["data"]["footnotes"].present?
           renderer = renderer_for(block)
           return renderer.render
         end
 
-        cache_key = "editor_js_block/#{block['type']}/#{Digest::MD5.hexdigest(block['data'].to_json)}"
+        cache_key = "editor_js_block/#{block["type"]}/#{Digest::MD5.hexdigest(block["data"].to_json)}"
 
         cache_store.fetch(cache_key) do
           renderer = renderer_for(block)
@@ -110,28 +110,28 @@ module Panda
       end
 
       def renderer_for(block)
-        if custom_renderers[block['type']]
-          custom_renderers[block['type']].new(block['data'], options)
+        if custom_renderers[block["type"]]
+          custom_renderers[block["type"]].new(block["data"], options)
         else
           default_renderer_for(block)
         end
       end
 
       def default_renderer_for(block)
-        renderer_class = "Panda::Editor::Blocks::#{block['type'].classify}".constantize
-        renderer_class.new(block['data'], options)
+        renderer_class = "Panda::Editor::Blocks::#{block["type"].classify}".constantize
+        renderer_class.new(block["data"], options)
       rescue NameError
-        Panda::Editor::Blocks::Base.new(block['data'], options)
+        Panda::Editor::Blocks::Base.new(block["data"], options)
       end
 
       def remove_empty_paragraphs(blocks)
         blocks.reject do |block|
-          block['type'] == 'paragraph' && block['data']['text'].blank?
+          block["type"] == "paragraph" && block["data"]["text"].blank?
         end
       end
 
       def empty_paragraph?(block)
-        block['type'] == 'paragraph' && block['data']['text'].blank?
+        block["type"] == "paragraph" && block["data"]["text"].blank?
       end
 
       def render_block(block)

data/lib/panda/editor/version.rb

@@ -2,6 +2,6 @@
 
 module Panda
   module Editor
-    VERSION = '0.5.0'
+    VERSION = "0.8.2"
   end
 end

data/lib/panda/editor.rb

@@ -1,13 +1,15 @@
 # frozen_string_literal: true
 
-require 'dry-configurable'
-require_relative 'editor/version'
-require_relative 'editor/engine'
+require "dry-configurable"
+require_relative "editor/version"
+require_relative "editor/engine"
 
 module Panda
   module Editor
     extend Dry::Configurable
 
+    mattr_accessor :importmap
+
     # EditorJS configuration
     setting :editor_js_tools, default: []
     setting :editor_js_tool_config, default: {}
@@ -17,20 +19,22 @@ module Panda
 
     class Error < StandardError; end
 
-    # Autoload components
-    autoload :Renderer, 'panda/editor/renderer'
-    autoload :Content, 'panda/editor/content'
-    autoload :FootnoteRegistry, 'panda/editor/footnote_registry'
+    # Require components
+    require_relative "editor/renderer"
+    require_relative "editor/content"
+    require_relative "editor/footnote_registry"
+    require_relative "editor/markdown_to_editor_js_converter"
+    require_relative "editor/html_to_editor_js_converter"
 
     module Blocks
-      autoload :Base, 'panda/editor/blocks/base'
-      autoload :Alert, 'panda/editor/blocks/alert'
-      autoload :Header, 'panda/editor/blocks/header'
-      autoload :Image, 'panda/editor/blocks/image'
-      autoload :List, 'panda/editor/blocks/list'
-      autoload :Paragraph, 'panda/editor/blocks/paragraph'
-      autoload :Quote, 'panda/editor/blocks/quote'
-      autoload :Table, 'panda/editor/blocks/table'
+      autoload :Base, "panda/editor/blocks/base"
+      autoload :Alert, "panda/editor/blocks/alert"
+      autoload :Header, "panda/editor/blocks/header"
+      autoload :Image, "panda/editor/blocks/image"
+      autoload :List, "panda/editor/blocks/list"
+      autoload :Paragraph, "panda/editor/blocks/paragraph"
+      autoload :Quote, "panda/editor/blocks/quote"
+      autoload :Table, "panda/editor/blocks/table"
     end
   end
 end

data/lib/panda-editor.rb

@@ -0,0 +1,5 @@
+# frozen_string_literal: true
+
+require "panda/editor/version"
+require "panda/editor/engine"
+require "panda/editor"

data/lib/tasks/assets.rake

@@ -2,14 +2,14 @@
 
 namespace :panda_editor do
   namespace :assets do
-    desc 'Compile Panda Editor assets for production'
+    desc "Compile Panda Editor assets for production"
     task compile: :environment do
-      require 'fileutils'
+      require "fileutils"
 
-      puts 'Compiling Panda Editor assets...'
+      puts "Compiling Panda Editor assets..."
 
       # Create temporary directory for assets
-      tmp_dir = Rails.root.join('tmp', 'panda_editor_assets')
+      tmp_dir = Rails.root.join("tmp", "panda_editor_assets")
       FileUtils.mkdir_p(tmp_dir)
 
       # Get version from gem
@@ -22,51 +22,51 @@ namespace :panda_editor do
       compile_css(tmp_dir, version)
 
       # Copy to public directory
-      public_dir = Rails.root.join('public', 'panda-editor-assets')
+      public_dir = Rails.root.join("public", "panda-editor-assets")
       FileUtils.mkdir_p(public_dir)
-      FileUtils.cp_r(Dir.glob(tmp_dir.join('*')), public_dir)
+      FileUtils.cp_r(Dir.glob(tmp_dir.join("*")), public_dir)
 
-      puts '✅ Assets compiled successfully'
+      puts "✅ Assets compiled successfully"
     end
 
-    desc 'Download Panda Editor assets from GitHub'
+    desc "Download Panda Editor assets from GitHub"
     task download: :environment do
-      require 'panda/editor/asset_loader'
+      require "panda/editor/asset_loader"
 
-      puts 'Downloading Panda Editor assets from GitHub...'
+      puts "Downloading Panda Editor assets from GitHub..."
       Panda::Editor::AssetLoader.send(:download_assets_from_github)
-      puts '✅ Assets downloaded successfully'
+      puts "✅ Assets downloaded successfully"
     end
 
-    desc 'Upload compiled assets to GitHub release'
+    desc "Upload compiled assets to GitHub release"
     task upload: :environment do
-      require 'net/http'
-      require 'json'
+      require "net/http"
+      require "json"
 
-      puts 'Uploading Panda Editor assets to GitHub release...'
+      puts "Uploading Panda Editor assets to GitHub release..."
 
       # This task would be run in CI to upload compiled assets
       # to the GitHub release when a new version is tagged
 
-      version = ENV['GITHUB_REF_NAME'] || "v#{Panda::Editor::VERSION}"
-      token = ENV['GITHUB_TOKEN']
+      version = ENV["GITHUB_REF_NAME"] || "v#{Panda::Editor::VERSION}"
+      token = ENV["GITHUB_TOKEN"]
 
       unless token
-        puts '❌ GITHUB_TOKEN environment variable required'
+        puts "❌ GITHUB_TOKEN environment variable required"
         exit 1
       end
 
       # Find compiled assets
-      assets_dir = Rails.root.join('public', 'panda-editor-assets')
-      js_file = Dir.glob(assets_dir.join('panda-editor-*.js')).first
-      css_file = Dir.glob(assets_dir.join('panda-editor-*.css')).first
+      assets_dir = Rails.root.join("public", "panda-editor-assets")
+      js_file = Dir.glob(assets_dir.join("panda-editor-*.js")).first
+      css_file = Dir.glob(assets_dir.join("panda-editor-*.css")).first
 
       if js_file && css_file
         upload_to_release(js_file, version, token)
         upload_to_release(css_file, version, token)
-        puts '✅ Assets uploaded successfully'
+        puts "✅ Assets uploaded successfully"
       else
-        puts '❌ Compiled assets not found'
+        puts "❌ Compiled assets not found"
         exit 1
       end
     end
@@ -74,9 +74,9 @@ namespace :panda_editor do
     private
 
     def compile_javascript(tmp_dir, version)
-      puts '  Compiling JavaScript...'
+      puts "  Compiling JavaScript..."
 
-      js_files = Dir.glob(Panda::Editor::Engine.root.join('app/javascript/panda/editor/**/*.js'))
+      js_files = Dir.glob(Panda::Editor::Engine.root.join("app/javascript/panda/editor/**/*.js"))
 
       output = js_files.map { |file| File.read(file) }.join("\n\n")
 
@@ -88,9 +88,9 @@ namespace :panda_editor do
     end
 
     def compile_css(tmp_dir, version)
-      puts '  Compiling CSS...'
+      puts "  Compiling CSS..."
 
-      css_files = Dir.glob(Panda::Editor::Engine.root.join('app/assets/stylesheets/panda/editor/**/*.css'))
+      css_files = Dir.glob(Panda::Editor::Engine.root.join("app/assets/stylesheets/panda/editor/**/*.css"))
 
       output = css_files.map { |file| File.read(file) }.join("\n\n")
 

data/mise.toml

@@ -0,0 +1,2 @@
+[tools]
+ruby = "4.0.0"

data/panda-editor.gemspec

@@ -1,43 +1,45 @@
 # frozen_string_literal: true
 
-require_relative 'lib/panda/editor/version'
+require_relative "lib/panda/editor/version"
 
 Gem::Specification.new do |spec|
-  spec.name = 'panda-editor'
+  spec.name = "panda-editor"
   spec.version = Panda::Editor::VERSION
-  spec.authors = ['Otaina Limited', 'James Inman']
-  spec.email = ['james@otaina.co.uk']
+  spec.authors = ["Otaina Limited", "James Inman"]
+  spec.email = ["james@otaina.co.uk"]
 
-  spec.summary = 'EditorJS integration for Rails applications'
-  spec.description = 'A modular, extensible rich text editor using EditorJS for Rails applications. Extracted from Panda CMS.'
-  spec.homepage = 'https://github.com/tastybamboo/panda-editor'
-  spec.license = 'BSD-3-Clause'
-  spec.required_ruby_version = '>= 3.2.0'
+  spec.summary = "EditorJS integration for Rails applications"
+  spec.description = "A modular, extensible rich text editor using EditorJS for Rails applications. Extracted from Panda CMS."
+  spec.homepage = "https://github.com/tastybamboo/panda-editor"
+  spec.license = "BSD-3-Clause"
+  spec.required_ruby_version = ">= 3.2.0"
 
-  spec.metadata['allowed_push_host'] = 'https://rubygems.org'
-  spec.metadata['homepage_uri'] = spec.homepage
-  spec.metadata['source_code_uri'] = 'https://github.com/tastybamboo/panda-editor'
-  spec.metadata['changelog_uri'] = 'https://github.com/tastybamboo/panda-editor/blob/main/CHANGELOG.md'
+  spec.metadata["allowed_push_host"] = "https://rubygems.org"
+  spec.metadata["homepage_uri"] = spec.homepage
+  spec.metadata["source_code_uri"] = "https://github.com/tastybamboo/panda-editor"
+  spec.metadata["changelog_uri"] = "https://github.com/tastybamboo/panda-editor/blob/main/CHANGELOG.md"
 
   spec.files = Dir.chdir(__dir__) do
     `git ls-files -z`.split("\x0").reject do |f|
       (File.expand_path(f) == __FILE__) ||
         f.start_with?(*%w[bin/ test/ spec/ features/ .git .github appveyor Gemfile]) ||
-        f.end_with?('.gem')
+        f.end_with?(".gem")
     end
   end
-  spec.bindir = 'exe'
+  spec.bindir = "exe"
   spec.executables = spec.files.grep(%r{\Aexe/}) { |f| File.basename(f) }
-  spec.require_paths = ['lib']
+  spec.require_paths = ["lib"]
 
   # Rails dependencies
-  spec.add_dependency 'dry-configurable', '~> 1.0'
-  spec.add_dependency 'rails', '>= 7.1'
-  spec.add_dependency 'redcarpet', '~> 3.6'
-  spec.add_dependency 'sanitize', '~> 6.0'
+  spec.add_dependency "dry-configurable", "~> 1.0"
+  spec.add_dependency "nokogiri", "~> 1.15"
+  spec.add_dependency "panda-core" # Must load before panda-editor for ModuleRegistry
+  spec.add_dependency "rails", ">= 7.1"
+  spec.add_dependency "redcarpet", "~> 3.6"
+  spec.add_dependency "sanitize", "~> 6.0"
 
   # Development dependencies
-  spec.add_development_dependency 'factory_bot_rails', '~> 6.2'
-  spec.add_development_dependency 'rspec-rails', '~> 6.0'
-  spec.add_development_dependency 'standard', '>= 1.35.1'
+  spec.add_development_dependency "factory_bot_rails", "~> 6.2"
+  spec.add_development_dependency "rspec-rails", "~> 6.0"
+  spec.add_development_dependency "standard", ">= 1.35.1"
 end