j1-template 2023.9.2 → 2023.10.1

data/lib/starter_web/_plugins/asciidoctor/iconify-icon-inline.rb

@@ -7,7 +7,7 @@
 #
 # Copyright (C) 2023 Juergen Adams
 #
-# J1 Theme is licensed under the MIT License.
+# J1 Template is licensed under the MIT License.
 # See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE.md
 #
 # ------------------------------------------------------------------------------
@@ -22,12 +22,15 @@ Asciidoctor::Extensions.register do
     default_attrs 'size' => '1x', 'modifier' => ''
 
     def process parent, target, attributes
-      doc = parent.document
-      size_class = (size = attributes['size']) ? %(#{size}) : nil
-      modifier_class = (modifier = attributes['modifier']) ? %(#{modifier}) : nil
-      icon_name = target.tr '_', '-'
+
+      doc             = parent.document
+      size_class      = (size = attributes['size']) ? %(#{size}) : nil
+      modifier_class  = (modifier = attributes['modifier']) ? %(#{modifier}) : nil
+      icon_name       = target.tr '_', '-'
+
       %(<span class="iconify iconify-#{size_class} #{modifier}" data-icon="#{icon_name}" data-inline="false"></span>)
     end
   end
+
   inline_macro IconifyIconInlineMacro
 end

data/lib/starter_web/_plugins/asciidoctor/lightbox-block.rb

@@ -7,7 +7,7 @@
 #
 # Copyright (C) 2023 Juergen Adams
 #
-# J1 Theme is licensed under the MIT License.
+# J1 Template is licensed under the MIT License.
 # For details, see: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE.md
 #
 # ------------------------------------------------------------------------------
@@ -21,7 +21,7 @@
 # Example:
 #
 #  .The image block title
-#  lightbox::lightbox-example[300, "pages/roundtrip/100_present_images/image-1.jpg, description 1, pages/roundtrip/100_present_images/image-2.jpg, description 2" ]
+#  lightbox::lightbox-example[450, "assets/images/modules/gallery/old_times/image_01.jpg, description 1, assets/images/modules/gallery/old_times/image_02.jpg, description 2" ]
 #
 # ------------------------------------------------------------------------------
 include Asciidoctor
@@ -35,48 +35,54 @@ Asciidoctor::Extensions.register do
     use_dsl
 
     named :lightbox
-    name_positional_attributes 'size', 'image_data', 'group'
-    default_attrs 'size' => 800
+    name_positional_attributes 'size', 'image_data', 'group', 'role'
+    default_attributes 'size' => 800,
+                        'role' => 'mt-3 mb-3'
 
-    def process parent, target, attrs
+    def process parent, target, attributes
 
       html_block    = Builder::XmlMarkup.new(:indent => 2)
       imagesdir     = parent.attr 'imagesdir'
-      images_hash   = Hash[*attrs['image_data'].split(',')]
+      images_hash   = Hash[*attributes['image_data'].split(',')]
 
-      title_html    = (attrs.has_key? 'title') ? %(<div class="lightbox-title">#{attrs['title']}</div>\n) : nil
-      role          = (attrs.has_key? 'role') ? role : ''
-      grouped       = (attrs.has_key? 'group') ? true : false
-
-      # {attrs['role']}
+      title_html    = (attributes.has_key? 'title') ? %(<div class="lightbox-title">#{attributes['title']}</div>\n) : nil
+      role          = (attributes.has_key? 'role') ? role : ''
+      grouped       = (attributes.has_key? 'group') ? true : false
 
       if grouped
-        html_block.div(:class=>"content #{attrs['role']}", :style=>"margin-bottom: 1.75rem;") {
+        html_block.div(:class=>"content", :style=>"margin-bottom: 1.75rem;") {
           images_hash.each do |i,d|
             image = i.strip
             descr = d.strip
             html_block.a(:class=>"notoc link-no-decoration",:href=>"#{imagesdir}/#{image}", :"data-lightbox"=>"lb-#{target}", :"data-title"=>"#{descr}"){
-              html_block.img(:class=>"img-fluid", :src=>"#{imagesdir}/#{image}", :alt=>"#{attrs['title']}", :width=>"#{attrs['size']}")
+              html_block.img(:class=>"img-fluid", :src=>"#{imagesdir}/#{image}", :alt=>"#{attributes['title']}", :width=>"#{attributes['size']}")
             }
           end
         }
       else
-        html_block.div(:class=>"content #{attrs['role']}", :style=>"margin-bottom: 1.75rem;") {
+        html_block.div(:class=>"content", :style=>"margin-bottom: 1.75rem;") {
           images_hash.each do |i,d|
             image = i.strip
             descr = d.strip
             html_block.a(:class=>"notoc link-no-decoration", :href=>"#{imagesdir}/#{image}", :"data-lightbox"=>"#{image}", :"data-title"=>"#{descr}"){
-              html_block.img(:class=>"img-fluid", :src=>"#{imagesdir}/#{image}", :alt=>"#{attrs['title']}", :width=>"#{attrs['size']}")
+              html_block.img(:class=>"img-fluid", :src=>"#{imagesdir}/#{image}", :alt=>"#{attributes['title']}", :width=>"#{attributes['size']}")
             }
           end
         }
       end
-      content = html_block.target! # See: https://stackoverflow.com/questions/4961609/extra-to-s-when-using-builder-to-generate-xml
 
-      html = %(#{title_html} <div id="lb-#{target}" class="lightbox-block imageblock"> #{content} </div>)
+      # See: https://stackoverflow.com/questions/4961609/extra-to-s-when-using-builder-to-generate-xml
+      content = html_block.target!
+      html    = %(
+        <div class="#{attributes['role']}">
+          #{title_html}
+          <div id="lb-#{target}" class="lightbox-block imageblock"> #{content} </div>
+        </div>
+      )
 
-      create_pass_block parent, html, attrs, subs: nil
+      create_pass_block parent, html, attributes, subs: nil
     end
   end
+
   block_macro LightboxBlockMacro
 end

data/lib/starter_web/_plugins/asciidoctor/lorem_inline.rb

@@ -8,7 +8,7 @@
 # Copyright (C) 2023 Juergen Adams
 # Copyright (C) 2022 Travis Dunn
 #
-# J1 Theme is licensed under the MIT License.
+# J1 Template is licensed under the MIT License.
 # See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE.md
 # Lorem adapted from Frank
 # Frank is licensed under the MIT License.
@@ -86,9 +86,10 @@ Asciidoctor::Extensions.register do
     end
 
     def email(replacement = nil)
-      delimiters = [ '_', '-', '' ]
-      domains = %w(gmail.com yahoo.com hotmail.com email.com live.com me.com mac.com aol.com fastmail.com mail.com)
-      username = name.gsub(/[^\w]/, delimiters[rand(delimiters.size)])
+      delimiters  = [ '_', '-', '' ]
+      domains     = %w(gmail.com yahoo.com hotmail.com email.com live.com me.com mac.com aol.com fastmail.com mail.com)
+      username    = name.gsub(/[^\w]/, delimiters[rand(delimiters.size)])
+
       "#{username}@#{domains[rand(domains.size)]}".downcase
     end
 

data/lib/starter_web/_plugins/asciidoctor/masonry-block.rb

@@ -7,7 +7,7 @@
 #
 # Copyright (C) 2023 Juergen Adams
 #
-# J1 Theme is licensed under the MIT License.
+# J1 Template is licensed under the MIT License.
 # See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE.md
 #
 # ------------------------------------------------------------------------------
@@ -35,15 +35,21 @@ Asciidoctor::Extensions.register do
 
     named :masonry
     name_positional_attributes 'role'
+    default_attributes 'role' => 'mt-3 mb-3'
 
-    def process parent, target, attrs
-      title_html  = (attrs.has_key? 'title') ? %(<div class="masonry-title">#{attrs['title']}</div>\n) : nil
-      html = %(#{title_html} <div id="#{target}_parent" class="masonry masonry-parent #{attrs['role']}"></div>)
-      create_pass_block parent, html, attrs, subs: nil
-    end
+    def process parent, target, attributes
+
+      title_html  = (attributes.has_key? 'title') ? %(<div class="masonry-title">#{attributes['title']}</div>\n) : nil
+      html        = %(
+        <div class="#{attributes['role']}">
+          #{title_html}
+          <div id="#{target}_parent" class="masonry masonry-parent"></div>
+        </div>
+      )
 
+      create_pass_block parent, html, attributes, subs: nil
+    end
   end
 
   block_macro MasonryBlockMacro
-
 end

data/lib/starter_web/_plugins/asciidoctor/masterslider-block.rb

@@ -7,7 +7,7 @@
 #
 # Copyright (C) 2023 Juergen Adams
 #
-# J1 Theme is licensed under the MIT License.
+# J1 Template is licensed under the MIT License.
 # See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE.md
 #
 # ------------------------------------------------------------------------------
@@ -34,15 +34,21 @@ Asciidoctor::Extensions.register do
 
     named :masterslider
     name_positional_attributes 'role'
+    default_attrs 'role' => 'mt-3 mb-3'
 
-    def process parent, target, attrs
+    def process parent, target, attributes
 
-      title_html  = (attrs.has_key? 'title') ? %(<div class="carousel-title">#{attrs['title']}</div>\n) : nil
-      html = %(#{title_html} <div id="p_#{target}" class="slider master-slider-parent #{attrs['role']}"></div>)
-      create_pass_block parent, html, attrs, subs: nil
+      title_html  = (attributes.has_key? 'title') ? %(<div class="carousel-title">#{attributes['title']}</div>\n) : nil
+      html        = %(
+        <div class="#{attributes['role']}">
+          #{title_html}
+          <div id="p_#{target}" class="slider master-slider-parent"></div>
+        </div>
+      )
+
+      create_pass_block parent, html, attributes, subs: nil
     end
   end
 
   block_macro MasterSliderBlockMacro
-
 end

data/lib/starter_web/_plugins/asciidoctor/mdi-icon-inline.rb

@@ -7,7 +7,7 @@
 #
 # Copyright (C) 2023 Juergen Adams
 #
-# J1 Theme is licensed under the MIT License.
+# J1 Template is licensed under the MIT License.
 # See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE.md
 #
 # ------------------------------------------------------------------------------
@@ -29,5 +29,6 @@ Asciidoctor::Extensions.register do
       %(<i class="mdi #{size_class} #{modifier} mdi-#{icon_name}"></i>)
     end
   end
+
   inline_macro MdiIconInlineMacro
 end

data/lib/starter_web/_plugins/asciidoctor/mdib-icon-inline.rb

@@ -7,7 +7,7 @@
 #
 # Copyright (C) 2023 Juergen Adams
 #
-# J1 Theme is licensed under the MIT License.
+# J1 Template is licensed under the MIT License.
 # See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE.md
 #
 # ------------------------------------------------------------------------------
@@ -39,5 +39,6 @@ Asciidoctor::Extensions.register do
       %(<i class="mdib #{size_class} #{modifier} mdib-#{icon_name}"></i>)
     end
   end
+
   inline_macro MdibIconInlineMacro
 end

data/lib/starter_web/_plugins/asciidoctor/mdil-icon-inline.rb

@@ -7,7 +7,7 @@
 #
 # Copyright (C) 2023 Juergen Adams
 #
-# J1 Theme is licensed under the MIT License.
+# J1 Template is licensed under the MIT License.
 # See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE.md
 #
 # ------------------------------------------------------------------------------
@@ -39,5 +39,6 @@ Asciidoctor::Extensions.register do
       %(<i class="mdil #{size_class} #{modifier} mdil-#{icon_name}"></i>)
     end
   end
+
   inline_macro MdilIconInlineMacro
 end

data/lib/starter_web/_plugins/asciidoctor/panel.rb

@@ -7,7 +7,7 @@
 #
 # Copyright (C) 2023 Juergen Adams
 #
-# J1 Theme is licensed under the MIT License.
+# J1 Template is licensed under the MIT License.
 # See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE.md
 #
 # ------------------------------------------------------------------------------
@@ -31,13 +31,17 @@ Asciidoctor::Extensions.register do
 
     named :panel
     name_positional_attributes 'role'
+    default_attributes 'role' => 'mt-3 mb-3'
 
-    def process parent, target, attrs
-      html = %(<div id="#{target}" class="#{attrs['role']}"></div>)
-      create_pass_block parent, html, attrs, subs: nil
+    def process parent, target, attributes
+
+      html = %(
+        <div id="#{target}" class="#{attributes['role']}"></div>
+      )
+
+      create_pass_block parent, html, attributes, subs: nil
     end
   end
 
   block_macro J1BlockMacro
-
 end

data/lib/starter_web/_plugins/asciidoctor/placeholder-inline.rb

@@ -7,7 +7,7 @@
 #
 # Copyright (C) 2023 Juergen Adams
 #
-# J1 Theme is licensed under the MIT License.
+# J1 Template is licensed under the MIT License.
 # See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE.md
 #
 # ------------------------------------------------------------------------------
@@ -32,13 +32,14 @@ Asciidoctor::Extensions.register do
     default_attrs 'size' => '300x300', 'modifier' => ''
 
     def process parent, target, attributes
+
       doc = parent.document
       size_class = (size = attributes['size']) ? %(mdil-#{size}) : nil
       modifier_class = (modifier = attributes['modifier']) ? %(#{modifier}) : nil
-#     %(<i class="#{size} #{modifier}"></i>)
-      %("http://placehold.it/#{size}/#{modifier}")
 
+      %("http://placehold.it/#{size}/#{modifier}")
     end
   end
+
   inline_macro PlaceholderInlineMacro
 end

data/lib/starter_web/_plugins/asciidoctor/range-slider-block.rb

@@ -7,7 +7,7 @@
 #
 # Copyright (C) 2023 Juergen Adams
 #
-# J1 Theme is licensed under the MIT License.
+# J1 Template is licensed under the MIT License.
 # See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE.md
 #
 # ------------------------------------------------------------------------------
@@ -31,14 +31,19 @@ Asciidoctor::Extensions.register do
 
     named :range_slider
     name_positional_attributes 'role'
-    default_attrs 'role' => ''
+    default_attributes 'role' => ''
 
-    def process parent, target, attrs
-      html = %(<div id="#{target}" class="range-slider speak2me-ignore #{attrs['role']}"></div>)
-      create_pass_block parent, html, attrs, subs: nil
+    def process parent, target, attributes
+
+      html = %(
+        <div class="#{attributes['role']}">
+          <div id="#{target}" class="range-slider speak2me-ignore"></div>
+        </div>
+      )
+
+      create_pass_block parent, html, attributes, subs: nil
     end
   end
 
   block_macro SliderBlockMacro
-
 end

data/lib/starter_web/_plugins/asciidoctor/shout-block.rb

@@ -7,7 +7,7 @@
 #
 # Copyright (C) 2023 Juergen Adams
 #
-# J1 Theme is licensed under the MIT License.
+# J1 Template is licensed under the MIT License.
 # See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE.md
 #
 # ------------------------------------------------------------------------------
@@ -27,8 +27,6 @@ PeriodRx = /\.(?= |$)/
 Asciidoctor::Extensions.register do
 
   class ShoutBlock < Extensions::BlockProcessor
-#    PeriodRx = /\.(?= |$)/
-
     use_dsl
 
     named :shout
@@ -36,12 +34,13 @@ Asciidoctor::Extensions.register do
     name_positional_attributes 'vol'
     parse_content_as :simple
 
-    def process parent, reader, attrs
-      volume = ((attrs.delete 'vol') || 1).to_i
-      create_paragraph parent, (reader.lines.map {|l| l.upcase.gsub PeriodRx, '!' * volume }), attrs
+    def process parent, reader, attributes
+
+      volume = ((attributes.delete 'vol') || 1).to_i
+      create_paragraph parent, (reader.lines.map {|l| l.upcase.gsub PeriodRx, '!' * volume }), attributes
+
     end
   end
 
   block ShoutBlock
-
 end

data/lib/starter_web/_plugins/asciidoctor/slick-block.rb

@@ -7,7 +7,7 @@
 #
 # Copyright (C) 2023 Juergen Adams
 #
-# J1 Theme is licensed under the MIT License.
+# J1 Template is licensed under the MIT License.
 # See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE.md
 #
 # ------------------------------------------------------------------------------
@@ -35,15 +35,21 @@ Asciidoctor::Extensions.register do
 
     named :slick
     name_positional_attributes 'role'
+    default_attrs 'role' => 'mt-3 mb-3'
 
-    def process parent, target, attrs
+    def process parent, target, attributes
 
-      title_html  = (attrs.has_key? 'title') ? %(<div class="carousel-title">#{attrs['title']}</div>\n) : nil
-      html = %(#{title_html} <div id="#{target}_parent" class="slider slider-parent #{attrs['role']}"></div>)
-      create_pass_block parent, html, attrs, subs: nil
+      title_html  = (attributes.has_key? 'title') ? %(<div class="carousel-title">#{attributes['title']}</div>\n) : nil
+      html        = %(
+        <div class="#{attributes['role']}">
+          #{title_html}
+          <div id="#{target}_parent" class="slider slider-parent"></div>
+        </div>
+      )
+
+      create_pass_block parent, html, attributes, subs: nil
     end
   end
 
   block_macro SlickBlockMacro
-
 end

data/lib/starter_web/_plugins/asciidoctor/textbook-block.rb

@@ -7,7 +7,7 @@
 #
 # Copyright (C) 2023 Juergen Adams
 #
-# J1 Theme is licensed under the MIT License.
+# J1 Template is licensed under the MIT License.
 # See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE.md
 #
 # ------------------------------------------------------------------------------
@@ -33,13 +33,17 @@ Asciidoctor::Extensions.register do
 
     named :textbook
     name_positional_attributes 'role'
+    default_attributes 'role' => 'mt-3 mb-3'
 
-    def process parent, target, attrs
-      html = %(<div id="#{target}" class="nb-textbook speak2me-ignore #{attrs['role']}" data-nb-textbook="initial"></div>)
-      create_pass_block parent, html, attrs, subs: nil
+    def process parent, target, attributes
+
+      html = %(
+        <div id="#{target}" class="nb-textbook speak2me-ignore #{attributes['role']}" data-nb-textbook="initial"></div>
+      )
+
+      create_pass_block parent, html, attributes, subs: nil
     end
   end
 
   block_macro NbiBlockMacro
-
 end

data/lib/starter_web/_plugins/asciidoctor/twitter-emoji-inline.rb

@@ -7,7 +7,7 @@
 #
 # Copyright (C) 2023 Juergen Adams
 #
-# J1 Theme is licensed under the MIT License.
+# J1 Template is licensed under the MIT License.
 # See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE.md
 #
 # ------------------------------------------------------------------------------
@@ -25,13 +25,16 @@ Asciidoctor::Extensions.register do
     default_attrs 'size' => '1x', 'modifier' => ''
 
     def process parent, target, attributes
+
       doc = parent.document
       # Use twemoji only
       size_class = (size = attributes['size']) ? %(twa-#{size}) : nil
       modifier_class = (modifier = attributes['modifier']) ? %(twa-#{modifier}) : nil
       emoji_name = target.tr '_', '-'
       %(<i class="twa #{size_class} twa-#{emoji_name} twa-#{modifier}"></i>)
+
     end
   end
+
   inline_macro EmojiInlineMacro
 end

data/lib/starter_web/_plugins/asciidoctor/video-block.rb

@@ -0,0 +1,65 @@
+# ------------------------------------------------------------------------------
+# ~/_plugins/asciidoctor-extensions/video-block.rb
+# Asciidoctor extension for local J1 HTML5 Video
+#
+# Product/Info:
+# https://jekyll.one
+#
+# Copyright (C) 2023 Juergen Adams
+#
+# J1 Template is licensed under the MIT License.
+# See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE.md
+#
+# ------------------------------------------------------------------------------
+require 'asciidoctor/extensions' unless RUBY_ENGINE == 'opal'
+include Asciidoctor
+
+# ------------------------------------------------------------------------------
+# A block macro that embeds a local video into the output document
+#
+# Usage:
+#
+#   video::video_path[poster="full_image_path" role="CSS classes"]
+#
+# Example:
+#
+#   .Video title
+#   video::/assets/videos/gallery/html5/video2.mp4[poster="/assets/videos/gallery/video2-poster.jpg" role="mt-5 mb-5"]
+#
+# ------------------------------------------------------------------------------
+
+Asciidoctor::Extensions.register do
+
+  class VideoBlockMacro < Extensions::BlockMacroProcessor
+    use_dsl
+
+    named :video
+    name_positional_attributes 'poster', 'role'
+    default_attrs 'poster' => '/assets/images/icons/videojs/videojs-poster.png',
+                  'role' => 'mt-3 mb-3'
+
+    def process parent, target, attributes
+
+      chars         = [('a'..'z'), ('A'..'Z'), ('0'..'9')].map(&:to_a).flatten
+      video_id      = (0...11).map { chars[rand(chars.length)] }.join
+
+      title_html    = (attributes.has_key? 'title') ? %(<div class="video-title">#{attributes['title']}</div>\n) : nil
+      poster_image  = (poster = attributes['poster']) ? %(#{poster}) : nil
+
+      html = %(
+        <div class="html5-player #{attributes['role']}">
+          #{title_html}
+          <video
+            id="#{video_id}"
+            width="640" height="360"
+            poster="#{poster_image}"
+            aria-label="#{attributes['title']}"
+          ></video>
+        </div>
+      )
+      create_pass_block parent, html, attributes, subs: nil
+    end
+  end
+
+  block_macro VideoBlockMacro
+end

data/lib/starter_web/_plugins/asciidoctor/videojs-block.rb

@@ -0,0 +1,82 @@
+# ------------------------------------------------------------------------------
+# ~/_plugins/asciidoctor-extensions/video-block.rb
+# Asciidoctor extension for local J1 HTML5 Video
+#
+# Product/Info:
+# https://jekyll.one
+#
+# Copyright (C) 2023 Juergen Adams
+#
+# J1 Template is licensed under the MIT License.
+# See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE.md
+#
+# ------------------------------------------------------------------------------
+require 'asciidoctor/extensions' unless RUBY_ENGINE == 'opal'
+include Asciidoctor
+
+# ------------------------------------------------------------------------------
+# A block macro that embeds a local video into the output document
+#
+# Usage:
+#
+#   video::video_path[poster="full_image_path" theme="vjs_theme_name" role="CSS classes"]
+#
+# Example:
+#
+#   .Video title
+#   video::nV8UZJNBY6Y[poster="/assets/images/icons/videojs/videojs-poster.png" theme="city" role="mt-5 mb-5"]
+#
+# ------------------------------------------------------------------------------
+# See:
+# https://www.tutorialspoint.com/creating-a-responsive-video-player-using-video-js
+# ------------------------------------------------------------------------------
+
+Asciidoctor::Extensions.register do
+
+  class VideoJSBlockMacro < Extensions::BlockMacroProcessor
+    use_dsl
+
+    named :videojs
+    name_positional_attributes 'poster', 'theme', 'role'
+    default_attrs 'poster' => '/assets/images/icons/videojs/videojs-poster.png',
+                  'theme' => 'uno',
+                  'role' => 'mt-3 mb-3'
+
+    def process parent, target, attributes
+
+      chars         = [('a'..'z'), ('A'..'Z'), ('0'..'9')].map(&:to_a).flatten
+      video_id      = (0...11).map { chars[rand(chars.length)] }.join
+
+      title_html    = (attributes.has_key? 'title') ? %(<div class="video-title">#{attributes['title']}</div>\n) : nil
+      poster_image  = (poster = attributes['poster']) ? %(#{poster}) : nil
+      theme_name    = (theme  = attributes['theme'])  ? %(#{theme}) : nil
+
+      html = %(
+        <div class="videojs-player #{attributes['role']}">
+          #{title_html}
+          <video
+            id="#{video_id}"
+            class="video-js vjs-theme-#{theme_name}"
+            controls
+            width="640" height="360"
+            poster="#{poster_image}"
+            aria-label="#{attributes['title']}"
+            data-setup='{
+              "fluid" : true,
+              "sources": [{
+                "type": "video/mp4",
+                "src": "#{target}"
+              }],
+              "controlBar": {
+                "pictureInPictureToggle": false
+              }
+            }'
+          > </video>
+        </div>
+      )
+      create_pass_block parent, html, attributes, subs: nil
+    end
+  end
+
+  block_macro VideoJSBlockMacro
+end