storyblok-richtext-renderer 0.0.5 → 0.0.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 96eba1d749133206e8768a6c9528c4635f2868e2f6d461a863f3c98006ea2d64
-  data.tar.gz: fbd427b3f00e8298614f4671f6c5397189bfbc5728cc23e8bb4aa8e7c82a36dc
+  metadata.gz: 1bd667e62ab735283652c282968f376195914598e6ec6eb55a839a6a80f836bf
+  data.tar.gz: 3bed9652f7f9eeedca3eedeaec2113286bf34e54e89bdbe142193be46fb3c950
 SHA512:
-  metadata.gz: 5ffe34e0ff0d9ac6b86dd029b3b2881b343f4a5db9be0829ad3e1fb68fd570cd511c7a1f98ce71d46fa771129c012fb4ac8bd605ee18cd134017e41adbc4736c
-  data.tar.gz: 68cabb69cfa002d3e22b079da76c31bfe4db12b283edd521cb777c78c04875a56cce35bcc2c079ffc96b8a50b50bcade084116e350fad19d6a09b62db74a4b45
+  metadata.gz: ccd700dde808fff8168c2454aec3567e8163b33cb2ec97ad7f625aaca671fb9e234d45f3fdc02423949f6de031744e173c9b31417f2d9bc5ace599f9ddebb62f
+  data.tar.gz: 4a3cdb496f897df411159e1108ad1a957d52d1201efec70d597e375a7cfa899483667c38be8067ffb1dce44d2994ebfdef9008bc2fb1988c42d7b3a3f5e43748

data/README.md

@@ -19,6 +19,12 @@ renderer.render({'type' => 'doc', 'content' => [{'type' => 'paragraph', 'content
 # -> <p>Good</p>
 ```
 
+### Run all tests
+
+```bash
+rspec spec/richtext_spec.rb 
+```
+
 ### License
 
 This project is open-sourced software licensed under the [MIT license](http://opensource.org/licenses/MIT)

data/lib/storyblok/richtext/html_renderer/marks/italic.rb

@@ -3,7 +3,7 @@ module Storyblok::Richtext
     class Italic < Mark
 
       def matching
-        @node['type'] === 'italic'
+        ['italic', 'i', 'em'].include?(@node['type'])
       end
 
       def tag

data/lib/storyblok/richtext/html_renderer/marks/link.rb

@@ -7,9 +7,15 @@ module Storyblok::Richtext
       end
 
       def tag
+        attrs = @node['attrs']
+
+        if attrs['anchor'].is_a?(String) and !attrs['anchor'].empty?
+          attrs['href'] = "#{attrs['href']}##{attrs['anchor']}"
+        end
+
         [{
           tag: "a",
-          attrs: @node['attrs'].slice('href', 'target')
+          attrs: attrs.slice('href', 'target')
         }]
       end
     end

data/lib/storyblok/richtext/version.rb

@@ -1,6 +1,6 @@
 module Storyblok
   module Richtext
     # Gem Version
-    VERSION = '0.0.5'
+    VERSION = '0.0.6'
   end
 end

data/spec/richtext_spec.rb

@@ -17,12 +17,167 @@ describe 'richtext' do
                 'class' => 'red'
               }
             }
+          ],
+        },
+        {
+          'type' => 'paragraph',
+          'content' => [
+            {
+              'type' => 'text',
+              'marks' => [
+                {
+                  'type' => 'i'
+                }
+              ],
+              'text' => 'Italic'
+            }
+          ]
+        },
+        {
+          'type' => 'paragraph',
+          'content' => [
+            {
+              'type' => 'text',
+              'marks' => [
+                {
+                  'type' => 'em'
+                }
+              ],
+              'text' => 'Italic too'
+            }
+          ]
+        }
+      ]
+    }
+
+    renderer = Storyblok::Richtext::HtmlRenderer.new
+    expect(renderer.render(doc)).to eq('<span class="red">red text</span><p><i>Italic</i></p><p><i>Italic too</i></p>')
+  end
+end
+
+describe 'richtext' do
+  it 'horizontal_rule to generate hr tag' do
+    doc = {
+      'type' => 'doc',
+      'content' => [
+        {
+          'type' => 'horizontal_rule'
+        }
+      ]
+    }
+
+    renderer = Storyblok::Richtext::HtmlRenderer.new
+    expect(renderer.render(doc)).to eq('<hr />')
+  end
+end
+
+describe 'richtext' do
+  it 'hard_break to generate br tag' do
+    doc = {
+      'type' => 'doc',
+      'content' => [
+        {
+          'type' => 'hard_break'
+        }
+      ]
+    }
+
+    renderer = Storyblok::Richtext::HtmlRenderer.new
+    expect(renderer.render(doc)).to eq('<br />')
+  end
+end
+
+describe 'richtext' do
+  it 'image to generate img tag' do
+    doc = {
+      'type' => 'doc',
+      'content' => [
+        {
+          'type' => 'image',
+          'attrs' => {
+            'src' => 'https://asset'
+          }
+        }
+      ]
+    }
+
+    renderer = Storyblok::Richtext::HtmlRenderer.new
+    expect(renderer.render(doc)).to eq('<img src="https://asset" />')
+  end
+end
+
+describe 'richtext' do
+  it 'link to generate a tag' do
+    doc = {
+      'type' => 'doc',
+      'content' => [
+        {
+          'text' => 'link text',
+          'type' => 'text',
+          'marks' => [
+            {
+              'type' => 'link',
+              'attrs' => {
+                'href' => '/link',
+                'target' => '_blank',
+                'uuid' => '300aeadc-c82d-4529-9484-f3f8f09cf9f5'
+              }
+            }
           ]
         }
       ]
     }
 
     renderer = Storyblok::Richtext::HtmlRenderer.new
-    expect(renderer.render(doc)).to eq('<span class="red">red text</span>')
+    expect(renderer.render(doc)).to eq('<a href="/link" target="_blank">link text</a>')
+  end
+end
+
+describe 'richtext' do
+  it 'code_block to generate a pre and code tag' do
+    doc = {
+      'type' => 'doc',
+      'content' => [
+        {
+          'type' => 'code_block',
+          'attrs' => {},
+          'content' => [{
+            'text' => 'code',
+            'type' => 'text'
+          }]
+        }
+      ]
+    }
+
+    renderer = Storyblok::Richtext::HtmlRenderer.new
+    expect(renderer.render(doc)).to eq('<pre><code>code</code></pre>')
+  end
+end
+
+describe 'richtext' do
+  it 'anchor links test' do
+    doc = {
+      'type' => 'doc',
+      'content' => [
+      {
+        'text' => 'link text',
+        'type' => 'text',
+        'marks' => [
+          {
+            'type' => 'link',
+            'attrs' => {
+              'href' => '/link',
+              'target' => '_blank',
+              'uuid' => '300aeadc-c82d-4529-9484-f3f8f09cf9f5',
+              'anchor' => 'anchor-text'
+            }
+          }
+        ]
+      }
+    ]
+    }
+
+    renderer = Storyblok::Richtext::HtmlRenderer.new
+    expect(renderer.render(doc)).to eq('<a href="/link#anchor-text" target="_blank">link text</a>')
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: storyblok-richtext-renderer
 version: !ruby/object:Gem::Version
-  version: 0.0.5
+  version: 0.0.6
 platform: ruby
 authors:
 - Storyblok (Alexander Feiglstorfer)
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-10-02 00:00:00.000000000 Z
+date: 2020-05-14 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler