editor_js 0.2.5 → 0.3.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 1de09c85ab73ff0164d695a0b170165a5a6b7bdf35502ff3ff3605bb90afae9a
-  data.tar.gz: 56f37b0e08caccc9dbc916a50be42744e0de254d02e2e18d9f0997e14e1f3009
+  metadata.gz: 8a00ab346b57a44f9fd23bcdca062aa86f0cee25326a5db5e810d193129498a7
+  data.tar.gz: 3e96bc0177d267807ad49915cd2eebb312bb29789931da69ed71cdb58f48dedc
 SHA512:
-  metadata.gz: 77bd3498bc09f45f2051582752c943df50b43e4bce3bc254ee9f3f320d0766a9832b67feefdbf87ffcb2eedc16bdac2e8ec894b04eaf1e01b339e59adf136fab
-  data.tar.gz: 86b780237ff28a8fa9d127e0375abc0b4e19a02145a02260b571908ec4ec4347e29c274df67c6e691b47d4cc4bd193be0b62a4e5ffab6f2450988350bd7ad717
+  metadata.gz: e65a5f80e1e92a752d39c01a1b72d869d597e12aa541f7790c08d84f3ba84d543f39d74a5758d3a2d54eef8fde9fb32bd8ee90b4a0e5949f044946e27945841a
+  data.tar.gz: af6f3ec9825b66dcadabfb05872de9dcc366be87382997dc468dacdf0da9132e4ca02028ffc307c841ae124a948d72ad42546103db7682caee0c5981ea6e6c21

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    editor_js (0.2.5)
+    editor_js (0.3.5)
       actionview (>= 4)
       activesupport (>= 4)
       coderay (~> 1.1, >= 1.1.2)
@@ -13,42 +13,42 @@ PATH
 GEM
   remote: https://rubygems.org/
   specs:
-    actionview (6.0.2.1)
-      activesupport (= 6.0.2.1)
+    actionview (6.0.3.2)
+      activesupport (= 6.0.3.2)
       builder (~> 3.1)
       erubi (~> 1.4)
       rails-dom-testing (~> 2.0)
       rails-html-sanitizer (~> 1.1, >= 1.2.0)
-    activesupport (6.0.2.1)
+    activesupport (6.0.3.2)
       concurrent-ruby (~> 1.0, >= 1.0.2)
       i18n (>= 0.7, < 2)
       minitest (~> 5.1)
       tzinfo (~> 1.1)
-      zeitwerk (~> 2.2)
+      zeitwerk (~> 2.2, >= 2.2.2)
     addressable (2.7.0)
       public_suffix (>= 2.0.2, < 5.0)
     ast (2.4.0)
     builder (3.2.4)
     coderay (1.1.2)
-    concurrent-ruby (1.1.5)
-    crass (1.0.5)
+    concurrent-ruby (1.1.6)
+    crass (1.0.6)
     diff-lcs (1.3)
     docile (1.3.2)
     erubi (1.9.0)
     htmlentities (4.3.4)
-    i18n (1.7.0)
+    i18n (1.8.3)
       concurrent-ruby (~> 1.0)
     jaro_winkler (1.5.4)
     json (2.3.0)
     json-schema (2.8.1)
       addressable (>= 2.4)
-    loofah (2.4.0)
+    loofah (2.6.0)
       crass (~> 1.0.2)
       nokogiri (>= 1.5.9)
     method_source (0.9.2)
     mini_portile2 (2.4.0)
-    minitest (5.13.0)
-    nokogiri (1.10.7)
+    minitest (5.14.1)
+    nokogiri (1.10.10)
       mini_portile2 (~> 2.4.0)
     nokogumbo (2.0.2)
       nokogiri (~> 1.8, >= 1.8.4)
@@ -58,14 +58,14 @@ GEM
     pry (0.12.2)
       coderay (~> 1.1.0)
       method_source (~> 0.9.0)
-    public_suffix (4.0.1)
+    public_suffix (4.0.5)
     rails-dom-testing (2.0.3)
       activesupport (>= 4.2.0)
       nokogiri (>= 1.6)
     rails-html-sanitizer (1.3.0)
       loofah (~> 2.3)
     rainbow (3.0.0)
-    rake (10.5.0)
+    rake (13.0.1)
     redcarpet (3.5.0)
     rspec (3.9.0)
       rspec-core (~> 3.9.0)
@@ -88,7 +88,7 @@ GEM
       ruby-progressbar (~> 1.7)
       unicode-display_width (>= 1.4.0, < 1.7)
     ruby-progressbar (1.10.1)
-    sanitize (5.1.0)
+    sanitize (5.2.1)
       crass (~> 1.0.2)
       nokogiri (>= 1.8.0)
       nokogumbo (~> 2.0)
@@ -98,10 +98,10 @@ GEM
       simplecov-html (~> 0.10.0)
     simplecov-html (0.10.2)
     thread_safe (0.3.6)
-    tzinfo (1.2.6)
+    tzinfo (1.2.7)
       thread_safe (~> 0.1)
     unicode-display_width (1.6.0)
-    zeitwerk (2.2.2)
+    zeitwerk (2.3.1)
 
 PLATFORMS
   ruby
@@ -110,10 +110,10 @@ DEPENDENCIES
   bundler (~> 2.0)
   editor_js!
   pry (~> 0.12.2)
-  rake (~> 10.0)
+  rake (~> 13.0)
   rspec (~> 3.0)
   rubocop (~> 0.77.0)
   simplecov (~> 0.17.1)
 
 BUNDLED WITH
-   2.0.2
+   2.1.4

data/editor_js.gemspec

@@ -33,6 +33,6 @@ Gem::Specification.new do |spec|
   spec.add_dependency 'redcarpet', '~> 3.5'
   spec.add_dependency 'coderay', '~> 1.1', '>= 1.1.2'
   spec.add_development_dependency "bundler", "~> 2.0"
-  spec.add_development_dependency "rake", "~> 10.0"
+  spec.add_development_dependency "rake", "~> 13.0"
   spec.add_development_dependency "rspec", "~> 3.0"
 end

data/lib/editor_js.rb

@@ -23,7 +23,9 @@ require 'editor_js/blocks/markdown_block'
 require 'editor_js/blocks/paragraph_block'
 require 'editor_js/blocks/qiniu_image_block'
 require 'editor_js/blocks/quote_block'
+require 'editor_js/blocks/warning_block.rb'
 require 'editor_js/blocks/table_block'
+require 'editor_js/blocks/attaches_block'
 require 'editor_js/document'
 
 module EditorJs

data/lib/editor_js/blocks/attaches_block.rb

@@ -0,0 +1,112 @@
+# frozen_string_literal: true
+
+module EditorJs
+  module Blocks
+    # attaches block
+    class AttachesBlock < Base
+      include ActiveSupport::NumberHelper
+
+      def schema
+        YAML.safe_load(<<~YAML)
+          type: object
+          additionalProperties: false
+          properties:
+            file:
+              type: object
+              additionalProperties: false
+              properties:
+                url:
+                  type: string
+                name:
+                  type: string
+                type:
+                  type: string
+                size:
+                  type: number
+            title:
+              type: string
+          required:
+          - file
+        YAML
+      end
+
+      EXTENSIONS = {
+        'doc' => '#3e74da',
+        'docx' => '#3e74da',
+        'odt' => '#3e74da',
+        'pdf' => '#d47373',
+        'rtf' => '#656ecd',
+        'tex' => '#5a5a5b',
+        'txt' => '#5a5a5b',
+        'pptx' => '#e07066',
+        'ppt' => '#e07066',
+        'mp3' => '#eab456',
+        'mp4' => '#f676a6',
+        'xls' => '#3f9e64',
+        'html' => '#2988f0',
+        'htm' => '#2988f0',
+        'png' => '#f676a6',
+        'jpg' => '#f67676',
+        'jpeg' => '#f67676',
+        'gif' => '#f6af76',
+        'zip' => '#4f566f',
+        'rar' => '#4f566f',
+        'exe' => '#e26f6f',
+        'svg' => '#bf5252',
+        'key' => '#e07066',
+        'sketch' => '#df821c',
+        'ai' => '#df821c',
+        'psd' => '#388ae5',
+        'dmg' => '#e26f6f',
+        'json' => '#2988f0',
+        'csv' => '#3f9e64'
+      }
+
+      ICONS = {
+        file_icon: '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="40"><path d="M17 0l15 14V3v34a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V3a3 3 0 0 1 3-3h20-6zm0 2H3a1 1 0 0 0-1 1v34a1 1 0 0 0 1 1h26a1 1 0 0 0 1-1V14H17V2zm2 10h7.926L19 4.602V12z"></path></svg>',
+        custom_file_icon: '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="40"><g fill="#A8ACB8" fill-rule="evenodd"><path fill-rule="nonzero" d="M17 0l15 14V3v34a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V3a3 3 0 0 1 3-3h20-6zm0 2H3a1 1 0 0 0-1 1v34a1 1 0 0 0 1 1h26a1 1 0 0 0 1-1V14H17V2zm2 10h7.926L19 4.602V12z"></path><path d="M7 22h18v2H7zm0 4h18v2H7zm0 4h18v2H7z"></path></g></svg>',
+        download_icon: '<svg xmlns="http://www.w3.org/2000/svg" width="17pt" height="17pt" viewBox="0 0 17 17"><path d="M9.457 8.945V2.848A.959.959 0 0 0 8.5 1.89a.959.959 0 0 0-.957.957v6.097L4.488 5.891a.952.952 0 0 0-1.351 0 .952.952 0 0 0 0 1.351l4.687 4.688a.955.955 0 0 0 1.352 0l4.687-4.688a.952.952 0 0 0 0-1.351.952.952 0 0 0-1.351 0zM3.59 14.937h9.82a.953.953 0 0 0 .953-.957.952.952 0 0 0-.953-.953H3.59a.952.952 0 0 0-.953.953c0 .532.425.957.953.957zm0 0" fill-rule="evenodd"></path></svg>'
+      }
+
+      def render(_options = {})
+        file_info = data['file']
+        title = data['title']
+        extension = file_info['name']&.split('.')&.last
+        extension = '' unless EXTENSIONS.key?(extension)
+
+        content_tag :div, class: css_name do
+          html_str = content_tag :div, class: "#{css_name}__file-icon", data: {extension: extension}, style: "color: #{EXTENSIONS[extension]};" do
+            (EXTENSIONS[extension] ? ICONS[:file_icon] : ICONS[:custom_file_icon]).html_safe
+          end
+
+          html_str += content_tag :div, class: "#{css_name}__file-info" do
+            [
+              content_tag(:div, title, class: "#{css_name}__title"),
+              content_tag(:div, number_to_human_size(file_info['size']), class: "#{css_name}__size")
+            ].join().html_safe
+          end
+
+          html_str += content_tag :a, class: "#{css_name}__download-button", href: file_info['url'], target: '_blank', rel: 'nofollow noindex noreferrer' do
+            ICONS[:download_icon].html_safe
+          end
+          html_str.html_safe
+        end
+      end
+
+      def sanitize!
+        data['title'] = Sanitize.fragment(data['title'], remove_contents: true).strip
+        file_info = data['file'] || {}
+        file_info.each do |key, val|
+          break if key == 'size'
+
+          file_info[key] = Sanitize.fragment(val, remove_contents: true).strip
+        end
+        data['file'] = file_info
+      end
+
+      def plain
+        decode_html data['title'].strip
+      end
+    end
+  end
+end

data/lib/editor_js/blocks/checklist_block.rb

@@ -2,6 +2,7 @@
 
 module EditorJs
   module Blocks
+    # checklist block
     class ChecklistBlock < Base
       def schema
         YAML.safe_load(<<~YAML)
@@ -28,16 +29,33 @@ module EditorJs
           data['items'].map do |item|
             content_tag(:div, class: css_name('__warrper')) do
               html_str = content_tag(:input, nil, type: 'checkbox', disabled: true, checked: item['checked'])
-              html_str += content_tag(:label, item['text'])
+              html_str += content_tag(:label, item['text'].html_safe)
               html_str.html_safe
             end.html_safe
           end.join.html_safe
         end
       end
 
+      def safe_tags
+        {
+          'b' => nil,
+          'i' => nil,
+          'u' => ['class'],
+          'del' => ['class'],
+          'a' => ['href'],
+          'mark' => ['class'],
+          'code' => ['class']
+        }
+      end
+
       def sanitize!
         data['items'].each do |item|
-          item['text'] = Sanitize.fragment(item['text'], remove_contents: true).strip
+          item['text'] = Sanitize.fragment(
+            item['text'],
+            elements: safe_tags.keys,
+            attributes: safe_tags.select { |_k, v| v },
+            remove_contents: true
+          )
         end
       end
 

data/lib/editor_js/blocks/code_block.rb

@@ -2,6 +2,7 @@
 
 module EditorJs
   module Blocks
+    # code block
     class CodeBlock < Base
       def schema
         YAML.safe_load(<<~YAML)

data/lib/editor_js/blocks/delimiter_block.rb

@@ -2,6 +2,7 @@
 
 module EditorJs
   module Blocks
+    # delimiter block
     class DelimiterBlock < Base
       def schema
         YAML.safe_load(<<~YAML)

data/lib/editor_js/blocks/embed_block.rb

@@ -2,6 +2,7 @@
 
 module EditorJs
   module Blocks
+    # embed block
     class EmbedBlock < Base
       def schema
         YAML.safe_load(<<~YAML)

data/lib/editor_js/blocks/header_block.rb

@@ -2,6 +2,7 @@
 
 module EditorJs
   module Blocks
+    # header_block
     class HeaderBlock < Base
       def schema
         YAML.safe_load(<<~YAML)
@@ -13,6 +14,12 @@ module EditorJs
             level:
               type: number
               enum: [1,2,3,4,5,6]
+            alignment:
+              type: string
+              enum:
+                - align-left
+                - align-center
+                - align-right
           required:
           - text
           - level
@@ -20,7 +27,15 @@ module EditorJs
       end
 
       def render(_options = {})
-        content_tag(:"h#{data['level']}", data['text'].html_safe, class: css_name)
+        alignment = data['alignment']
+        class_name_str = css_name
+        if alignment.present?
+          class_name_str = [
+            class_name_str,
+            css_name("__#{alignment}")
+          ].join(' ')
+        end
+        content_tag(:"h#{data['level']}", data['text'].html_safe, class: class_name_str)
       end
 
       def sanitize!

data/lib/editor_js/blocks/image_block.rb

@@ -2,6 +2,7 @@
 
 module EditorJs
   module Blocks
+    # image block
     class ImageBlock < Base
       def schema
         YAML.safe_load(<<~YAML)

data/lib/editor_js/blocks/list_block.rb

@@ -2,6 +2,7 @@
 
 module EditorJs
   module Blocks
+    # list block
     class ListBlock < Base
       def schema
         YAML.safe_load(<<~YAML)
@@ -29,20 +30,24 @@ module EditorJs
         end
       end
 
-      def sanitize!
-        safe_tags = {
+      def safe_tags
+        {
           'b' => nil,
           'i' => nil,
+          'u' => ['class'],
+          'del' => ['class'],
           'a' => ['href'],
           'mark' => ['class'],
           'code' => ['class']
         }
+      end
 
+      def sanitize!
         data['items'] = data['items'].map do |text|
           Sanitize.fragment(
             text,
             elements: safe_tags.keys,
-            attributes: safe_tags.select {|k, v| v},
+            attributes: safe_tags.select { |_k, v| v },
             remove_contents: true
           )
         end

data/lib/editor_js/blocks/markdown_block.rb

@@ -2,6 +2,7 @@
 
 module EditorJs
   module Blocks
+    # markdown block
     class MarkdownBlock < Base
       class HTMLwithCodeRay < Redcarpet::Render::HTML
         def block_code(code, language)

data/lib/editor_js/blocks/paragraph_block.rb

@@ -2,6 +2,7 @@
 
 module EditorJs
   module Blocks
+    # paragraph block
     class ParagraphBlock < Base
       def schema
         YAML.safe_load(<<~YAML)
@@ -10,26 +11,44 @@ module EditorJs
           properties:
             text:
               type: string
+            alignment:
+              type: string
+              enum:
+                - align-left
+                - align-center
+                - align-right
         YAML
       end
 
       def render(_options = {})
-        content_tag(:div, class: css_name) { data['text'].html_safe }
+        alignment = data['alignment']
+        class_name_str = css_name
+        if alignment.present?
+          class_name_str = [
+            class_name_str,
+            css_name("__#{alignment}")
+          ].join(' ')
+        end
+        content_tag(:div, class: class_name_str) { data['text'].html_safe }
       end
 
-      def sanitize!
-        safe_tags = {
+      def safe_tags
+        {
           'b' => nil,
           'i' => nil,
+          'u' => ['class'],
+          'del' => ['class'],
           'a' => ['href'],
           'mark' => ['class'],
           'code' => ['class']
         }
+      end
 
+      def sanitize!
         data['text'] = Sanitize.fragment(
           data['text'],
           elements: safe_tags.keys,
-          attributes: safe_tags.select {|k, v| v},
+          attributes: safe_tags.select { |_k, v| v },
           remove_contents: true
         )
       end

data/lib/editor_js/blocks/qiniu_image_block.rb

@@ -2,6 +2,7 @@
 
 module EditorJs
   module Blocks
+    # qiniu image block
     class QiniuImageBlock < ImageBlock
     end
   end

data/lib/editor_js/blocks/quote_block.rb

@@ -2,6 +2,7 @@
 
 module EditorJs
   module Blocks
+    # quote block
     class QuoteBlock < Base
       def schema
         YAML.safe_load(<<~YAML)
@@ -28,21 +29,25 @@ module EditorJs
         end
       end
 
-      def sanitize!
-        safe_tags = {
+      def safe_tags
+        {
           'b' => nil,
           'i' => nil,
+          'u' => ['class'],
+          'del' => ['class'],
           'a' => ['href'],
           'mark' => ['class'],
           'code' => ['class'],
           'br' => nil
         }
+      end
 
-        %w(text caption).each do |key|
+      def sanitize!
+        %w[text caption].each do |key|
           data[key] = Sanitize.fragment(
             data[key],
             elements: safe_tags.keys,
-            attributes: safe_tags.select {|k, v| v},
+            attributes: safe_tags.select { |_k, v| v },
             remove_contents: false
           )
         end

data/lib/editor_js/blocks/table_block.rb

@@ -2,6 +2,7 @@
 
 module EditorJs
   module Blocks
+    # table block
     class TableBlock < Base
       def schema
         YAML.safe_load(<<~YAML)
@@ -29,16 +30,35 @@ module EditorJs
         end
       end
 
+      def safe_tags
+        {
+          'b' => nil,
+          'i' => nil,
+          'u' => ['class'],
+          'del' => ['class'],
+          'a' => ['href'],
+          'mark' => ['class'],
+          'code' => ['class'],
+          'br' => nil
+        }
+      end
+
       def sanitize!
         data['content'] = data['content'].map do |row|
-          row = (row || []).map do |cell_value|
-            Sanitize.fragment(cell_value, remove_contents: true)
+          (row || []).map do |cell_value|
+            Sanitize.fragment(
+              cell_value,
+              elements: safe_tags.keys,
+              attributes: safe_tags.select { |_k, v| v },
+              remove_contents: false
+            )
           end
         end
       end
 
       def plain
-        decode_html data['content'].flatten.join(', ').gsub(/(, )+/, ', ')
+        str = data['content'].flatten.join(', ')
+        decode_html Sanitize.fragment(str).gsub(/(, )+/, ', ').strip
       end
     end
   end

data/lib/editor_js/blocks/warning_block.rb

@@ -0,0 +1,61 @@
+# frozen_string_literal: true
+
+module EditorJs
+  module Blocks
+    # warning block
+    class WarningBlock < Base
+      def schema
+        YAML.safe_load(<<~YAML)
+          type: object
+          additionalProperties: false
+          properties:
+            title:
+              type: string
+            message:
+              type: string
+        YAML
+      end
+
+      def render(_options = {})
+        title = data['title'].html_safe
+        message = data['message'].html_safe
+
+        content_tag :div, class: css_name do
+          html_str = content_tag :div, title, class: "#{css_name}__title"
+          html_str << content_tag(:div, message, class: "#{css_name}__message")
+        end
+      end
+
+      def safe_tags
+        {
+          'b' => nil,
+          'i' => nil,
+          'u' => ['class'],
+          'del' => ['class'],
+          'a' => ['href'],
+          'mark' => ['class'],
+          'code' => ['class']
+        }
+      end
+
+      def sanitize!
+        %w[title message].each do |key|
+          data[key] = Sanitize.fragment(
+            data[key],
+            elements: safe_tags.keys,
+            attributes: safe_tags.select { |_k, v| v },
+            remove_contents: false
+          )
+        end
+      end
+
+      def plain
+        string = [
+          Sanitize.fragment(data['title']).strip,
+          Sanitize.fragment(data['message']).strip
+        ].join(', ')
+        decode_html(string)
+      end
+    end
+  end
+end

data/lib/editor_js/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module EditorJs
-  VERSION = '0.2.5'
+  VERSION = '0.3.5'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: editor_js
 version: !ruby/object:Gem::Version
-  version: 0.2.5
+  version: 0.3.5
 platform: ruby
 authors:
 - xiaohui
-autorequire: 
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2020-02-28 00:00:00.000000000 Z
+date: 2020-09-14 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionview
@@ -140,14 +140,14 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '10.0'
+        version: '13.0'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '10.0'
+        version: '13.0'
 - !ruby/object:Gem::Dependency
   name: rspec
   requirement: !ruby/object:Gem::Requirement
@@ -182,6 +182,7 @@ files:
 - bin/setup
 - editor_js.gemspec
 - lib/editor_js.rb
+- lib/editor_js/blocks/attaches_block.rb
 - lib/editor_js/blocks/base.rb
 - lib/editor_js/blocks/checklist_block.rb
 - lib/editor_js/blocks/code_block.rb
@@ -195,6 +196,7 @@ files:
 - lib/editor_js/blocks/qiniu_image_block.rb
 - lib/editor_js/blocks/quote_block.rb
 - lib/editor_js/blocks/table_block.rb
+- lib/editor_js/blocks/warning_block.rb
 - lib/editor_js/document.rb
 - lib/editor_js/version.rb
 homepage: https://github.com/xiaohui-zhangxh/editor_js
@@ -204,7 +206,7 @@ metadata:
   homepage_uri: https://github.com/xiaohui-zhangxh/editor_js
   source_code_uri: https://github.com/xiaohui-zhangxh/editor_js
   changelog_uri: https://github.com/xiaohui-zhangxh/editor_js
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -219,8 +221,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.0.6
-signing_key: 
+rubygems_version: 3.0.8
+signing_key:
 specification_version: 4
 summary: Ruby gem for editorjs.io text editor
 test_files: []