paggio 0.2.3 → 0.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
-SHA1:
-  metadata.gz: 3a11d9925363cd6d0477a1b04cb820aa31b7d312
-  data.tar.gz: 5a0240a9f6e6ac843d69e182b081ffcd53233852
+SHA256:
+  metadata.gz: 2fefeb82ee3a488498bd68beb67ff153d799ed90d0048ab6431548af06bae9b3
+  data.tar.gz: b4dad7ad19b3976bb1b92fab92cde617338e4d6e02a777891ed04199bb7a5695
 SHA512:
-  metadata.gz: 906b709105eee61adf45ff4d672125b2d9c14223833a1d92558c30f6a9eff2fc0f05ed5f370175f1ee09935618751d4b0aa1264f9e9d3eeeac8143cabdbe3963
-  data.tar.gz: ea71aca4f89688852800f4af745297a2e3d714367fb8aa23b080b448b28d19003e008f074559a9743c8947e86ccbea792acaca7cb82b31b78359bf013bc7e6c0
+  metadata.gz: 8e8004f7ba60ad66eae1d64f1be17766f544459aa87b0876bffe3cef9c17997b6dfb16ae96192c33ead174efb146f9b2827245aa3f144b188296bfbb1f95f81a
+  data.tar.gz: f37fab29e7fa8404c2f6adec4b711b3a4b644b691fe40065711501e28b12e9369e7e8a370f6174d45bef8cc233c3ab7683cf2b571b55a92220f53f277120b20f

data/.github/workflows/build.yml

@@ -0,0 +1,29 @@
+name: Tests
+on:
+  push:
+    branches:
+      - master
+      - "*-stable"
+      - "*/ci-check"
+  pull_request:
+
+jobs:
+  tests:
+    name: Tests
+    strategy:
+      fail-fast: false
+      matrix:
+        ruby: [2.6, 2.7, 3.0]
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v2
+
+      - name: Setup Ruby
+        uses: ruby/setup-ruby@v1
+        with:
+          ruby-version: ${{ matrix.ruby }}
+          bundler-cache: true
+
+      - name: Run tests
+        run: bundle exec rake

data/.rspec

@@ -0,0 +1,2 @@
+--format documentation
+--color

data/Gemfile

@@ -0,0 +1,5 @@
+source 'https://rubygems.org'
+gemspec
+
+gem 'rake'
+gem 'rspec'

data/Gemfile.lock

@@ -0,0 +1,29 @@
+PATH
+  remote: .
+  specs:
+    paggio (0.3.0)
+
+GEM
+  remote: https://rubygems.org/
+  specs:
+    diff-lcs (1.2.5)
+    rake (10.1.1)
+    rspec (2.14.1)
+      rspec-core (~> 2.14.0)
+      rspec-expectations (~> 2.14.0)
+      rspec-mocks (~> 2.14.0)
+    rspec-core (2.14.8)
+    rspec-expectations (2.14.5)
+      diff-lcs (>= 1.1.3, < 2.0)
+    rspec-mocks (2.14.6)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  paggio!
+  rake
+  rspec
+
+BUNDLED WITH
+   2.1.4

data/Rakefile

@@ -1,16 +1,10 @@
 #! /usr/bin/env ruby
-require 'rake'
 
-task :default => [:install, :test]
+require 'bundler/setup'
+require 'bundler/gem_tasks'
+require 'rake'
 
-task :install do
-	sh 'gem install --no-force rspec'
-	sh 'gem build *.gemspec'
-	sh 'gem install *.gem'
-end
+require "rspec/core/rake_task"
+RSpec::Core::RakeTask.new(:rspec)
 
-task :test do
-	FileUtils.cd 'spec' do
-		sh 'rspec css_spec.rb --backtrace --color --format doc'
-	end
-end
+task :default => :rspec

data/lib/paggio/css/animation.rb

@@ -0,0 +1,54 @@
+#--
+#            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
+#                    Version 2, December 2004
+#
+#            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
+#   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
+#
+#  0. You just DO WHAT THE FUCK YOU WANT TO.
+#++
+
+class Paggio; class CSS < BasicObject
+
+class Animation < BasicObject
+  class Step < BasicObject
+    attr_reader :value
+
+    def initialize(value)
+      @value      = value
+      @definition = Definition.new
+    end
+
+    def method_missing(*args, &block)
+      @definition.__send__(*args, &block)
+    end
+  end
+
+  attr_reader :name, :steps
+
+  def initialize(name)
+    @name  = name
+    @steps = []
+  end
+
+  def step(value, &block)
+    @steps << Step.new(value)
+    block.call
+  end
+
+  def from(value, &block)
+    @steps << Step.new(0.%)
+    block.call
+  end
+
+  def to(value, &block)
+    @steps << Step.new(100.%)
+    block.call
+  end
+
+  def method_missing(*args, &block)
+    @steps.last.__send__(*args, &block)
+  end
+end
+
+end; end

data/lib/paggio/css/definition.rb

@@ -35,10 +35,40 @@ class Definition < BasicObject
     Gradient.new(*args)
   end
 
-  def url(arg)
-    "url(#{arg.inspect})"
+  def url(value)
+    "url(#{value.to_s.inspect})"
   end
 
+  %w[blur brightness rotate contrast grayscale invert opacity saturate sepia].each {|name|
+    define_method name do |value|
+      "#{name}(#{value})"
+    end
+  }
+
+  def rgb(r, g, b)
+    "rgb(#{r}, #{g}, #{b}, #{a})"
+  end
+
+  def rgba(r, g, b, a)
+    "rgba(#{r}, #{g}, #{b}, #{a})"
+  end
+
+  %w[scale skew translate].each {|name|
+    define_method name do |a, b = nil|
+      if b
+        "#{name}(#{a}, #{b})"
+      else
+        "#{name}(#{a})"
+      end
+    end
+  }
+
+  %w[translateX translateY translateZ rotateX rotateY rotateZ skewX skewY scaleX scaleY].each {|name|
+    define_method name do |value|
+      "#{name}(#{value})"
+    end
+  }
+
   def background(*args)
     if Gradient === args.first
       if args.length > 1
@@ -67,6 +97,15 @@ class Definition < BasicObject
 
       options.each {|name, value|
         case name
+        when :top, :bottom, :left, :right
+          if ::Hash === value
+            value.each {|n, v|
+              style "border-#{name}-#{n}", v
+            }
+          else
+            style "border-#{name}", value
+          end
+
         when :radius
           if ::Hash === value
             value.each {|horizontal, value|
@@ -134,14 +173,58 @@ class Definition < BasicObject
     style 'filter', "alpha(opacity=#{(value * 100).to_i})"
   end
 
+  def animation(*args)
+    if Hash === args.first
+      if args.length == 1
+        options = args.first
+      end
+
+      options.each {|name, value|
+        style "-webkit-animation-#{name}", value
+        style "animation-#{name}", value
+      }
+    else
+      style 'animation', args
+      style '-webkit-animation', args
+    end
+  end
+
+  def transition(*args)
+    style 'transition', args
+    style '-webkit-transition', args
+    style '-moz-transition', args
+  end
+
+  def user_select(*args)
+    style 'user-select', args
+    style '-webkit-user-select', args
+    style '-moz-user-select', args
+    style '-ms-user-select', args
+  end
+
+  def transform(*args)
+    style 'transform', args
+    style '-webkit-transform', args
+    style '-moz-transform', args
+    style '-ms-transform', args
+    style '-o-transform', args
+  end
+
+  def filter(*args)
+    style 'filter', args
+    style '-webkit-filter', args
+    style '-moz-filter', args
+    style '-ms-filter', args
+    style '-o-filter', args
+  end
+
   def method_missing(name, *args, &block)
-    name      = name.to_s
-    important = name.end_with? ?!
-    name      = name[0 .. -2] if important
+    name = name.to_s
 
-    @important = true if important
+    if name.end_with? ?!
+      name = name[0 .. -2]
 
-    if important && respond_to?(name)
+      @important = true
       __send__ name, *args, &block
       @important = false
 

data/lib/paggio/css/font.rb

@@ -0,0 +1,28 @@
+#--
+#            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
+#                    Version 2, December 2004
+#
+#            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
+#   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
+#
+#  0. You just DO WHAT THE FUCK YOU WANT TO.
+#++
+
+class Paggio; class CSS < BasicObject
+
+class Font < BasicObject
+  attr_reader :name
+
+  def initialize(name)
+    @name       = name
+    @definition = Definition.new
+
+    font family: name
+  end
+
+  def method_missing(*args, &block)
+    @definition.__send__(*args, &block)
+  end
+end
+
+end; end

data/lib/paggio/css/rule.rb

@@ -0,0 +1,27 @@
+#--
+#            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
+#                    Version 2, December 2004
+#
+#            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
+#   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
+#
+#  0. You just DO WHAT THE FUCK YOU WANT TO.
+#++
+
+class Paggio; class CSS < BasicObject
+
+class Rule < BasicObject
+  attr_reader :selector, :media
+
+  def initialize(selector, media)
+    @selector   = selector
+    @media      = media
+    @definition = Definition.new
+  end
+
+  def method_missing(*args, &block)
+    @definition.__send__(*args, &block)
+  end
+end
+
+end; end

data/lib/paggio/css/unit.rb

@@ -11,6 +11,7 @@
 class Paggio; class CSS < BasicObject
 
 class Unit
+  TYPES      = %w[em ex ch rem vh vw vmin vmax px mm cm in pt pc s deg].map(&:to_sym)
   COMPATIBLE = %w[in pt mm cm px pc].map(&:to_sym)
 
   attr_reader :type, :number
@@ -25,6 +26,18 @@ class Unit
   end
 
   def ==(other)
+    unless Unit === other
+      unless other.respond_to? :to_u
+        raise TypeError, "no implicit conversion of #{other.class} into Unit"
+      end
+
+      other = other.to_u
+    end
+
+    unless Unit === other
+      other = Unit.new(other, @type)
+    end
+
     @number == convert(other, @type)
   end
 
@@ -38,7 +51,7 @@ class Unit
     [@number, @type].hash
   end
 
-  %w[em ex ch rem vh vw vmin vmax px mm cm in pt pc].map(&:to_sym).each {|name|
+  TYPES.each {|name|
     define_method name do
       Unit.new(convert(self, name), name)
     end
@@ -113,7 +126,7 @@ class Unit
   end
 
   def to_s
-    "#{@number}#{@type}"
+    "#@number#@type"
   end
 
   alias to_str to_s
@@ -152,7 +165,7 @@ end
 end; end
 
 class Numeric
-  %w[em ex ch rem vh vw vmin vmax px mm cm in pt pc].map(&:to_sym).each {|name|
+  Paggio::CSS::Unit::TYPES.each {|name|
     define_method name do
       Paggio::CSS::Unit.new(self, name)
     end

data/lib/paggio/css.rb

@@ -11,12 +11,13 @@
 require 'paggio/css/unit'
 require 'paggio/css/color'
 require 'paggio/css/definition'
+require 'paggio/css/rule'
+require 'paggio/css/font'
+require 'paggio/css/animation'
 
 class Paggio
 
 class CSS < BasicObject
-  Rule = ::Struct.new(:selector, :definition)
-
   def self.selector(list)
     result = ''
 
@@ -35,20 +36,29 @@ class CSS < BasicObject
     end
   end
 
-  attr_reader :rules
+  attr_reader :rules, :media, :fonts, :animations
 
-  def initialize(&block)
+  def initialize(defer: false, &block)
     ::Kernel.raise ::ArgumentError, 'no block given' unless block
 
-    @selector = []
-    @current  = []
-    @rules    = []
+    @selector   = []
+    @current    = []
+    @rules      = []
+    @fonts      = []
+    @animations = []
+    
+    @block      = block
+
+    build! unless defer
+  end
 
-    if block.arity == 0
-      instance_exec(&block)
+  def build!(force_call: false)
+    if !force_call && @block.arity == 0
+      instance_exec(&@block)
     else
-      block.call(self)
+      @block.call(self)
     end
+    @block = nil
   end
 
   def rule(*names, &block)
@@ -60,19 +70,49 @@ class CSS < BasicObject
 
     names.each {|name|
       @selector << name
-      @current  << Rule.new(CSS.selector(@selector), Definition.new)
+      @current  << Rule.new(CSS.selector(@selector), @media)
 
-      block.call(self)
+      block.call
 
       @selector.pop
       @rules << @current.pop
     }
   end
 
+  def media(query, *args, &block)
+    if block
+      old, @media = @media, query
+      block.call
+      @media = old
+    else
+      method_missing(:media, query, *args)
+    end
+  end
+
+  def font(name, *args, &block)
+    if block
+      @current << Font.new(name)
+      block.call
+      @fonts << @current.pop
+    else
+      method_missing(:font, name, *args)
+    end
+  end
+
+  def animation(name, *args, &block)
+    if block
+      @current << Animation.new(name)
+      block.call
+      @animations << @current.pop
+    else
+      method_missing(:animation, name, *args)
+    end
+  end
+
   # this is needed because the methods inside the rule blocks are actually
   # called on the CSS object
-  def method_missing(name, *args, &block)
-    @current.last.definition.__send__(name, *args, &block)
+  def method_missing(*args, &block)
+    @current.last.__send__(*args, &block)
   end
 end
 

data/lib/paggio/formatter.rb

@@ -78,11 +78,21 @@ class Formatter
 
   def indent(&block)
     if indent?
-      @options[:indent][:level] += 1
-      block.call
-      @options[:indent][:level] -= 1
+      if block
+        @options[:indent][:level] += 1
+        block.call
+        @options[:indent][:level] -= 1
+      else
+        @options[:indent][:level] += 1
+      end
     else
-      block.call
+      block.call if block
+    end
+  end
+
+  def deindent
+    if indent?
+      @options[:indent][:level] -= 1
     end
   end
 
@@ -140,6 +150,11 @@ Formatter.for HTML::Element do |f, item|
     f.print "<#{name} #{attrs.join(' ')}>"
   end
 
+  next if %w[
+    area base br col embed hr img input keygen link
+    menuitem meta param source track wbr
+  ].include?(name.to_s.downcase)
+
   f.indent {
     if inner = item.instance_eval { @inner_html }
       f.print inner
@@ -166,17 +181,55 @@ Formatter.for HTML::Element do |f, item|
   f.print "</#{name}>"
 end
 
+Formatter.for CSS::Definition::Style do |f, style|
+  f.print "#{style.name}: #{style.value}#{' !important' if style.important};"
+end
+
 Formatter.for CSS do |f, item|
+  item.fonts.each {|font|
+    f.print '@font-face {'
+    f.indent {
+      font.each {|style|
+        f.format style
+      }
+    }
+    f.print '}'
+  }
+
+  item.animations.each {|animation|
+    ['', '-webkit-', '-moz-', '-o-'].each {|platform|
+      f.print "@#{platform}keyframes #{animation.name} {"
+      animation.steps.each {|step|
+        f.print "#{step.value} {"
+        step.each {|style|
+          f.format style
+        }
+        f.print '}'
+      }
+      f.print '}'
+    }
+  }
+
   item.rules.reverse.each {|rule|
-    next if rule.definition.empty?
+    next if rule.empty?
+
+    if m = rule.media
+      f.print "@media #{m} {"
+      f.indent
+    end
 
     f.print "#{rule.selector} {"
     f.indent {
-      rule.definition.each {|style|
-        f.print "#{style.name}: #{style.value}#{' !important' if style.important};"
+      rule.each {|style|
+        f.format style
       }
     }
     f.print '}'
+
+    if rule.media
+      f.print '}'
+      f.deindent
+    end
   }
 end
 

data/lib/paggio/html/element/a.rb

@@ -27,7 +27,7 @@ class A < self
     media: :media,
   }.each {|name, attribute|
     defhelper name do |value|
-      @attributes[attribute] = value.to_s
+      @attributes[name] = value.to_s
     end
   }
 

data/lib/paggio/html/element/base.rb

@@ -17,7 +17,7 @@ class Base < self
     target: :target,
   }.each {|name, attribute|
     defhelper name do |value|
-      @attributes[attribute] = value.to_s
+      @attributes[name] = value.to_s
     end
   }
 end

data/lib/paggio/html/element/button.rb

@@ -22,7 +22,7 @@ class Button < self
     target:   :formtarget,
   }.each {|name, attributes|
     defhelper name do |value|
-      @attributes[attribute] = value.to_s
+      @attributes[name] = value.to_s
     end
   }
 

data/lib/paggio/html/element/canvas.rb

@@ -15,7 +15,7 @@ class Canvas < self
     height: :height
   }.each {|name, attribute|
     defhelper name do |value|
-      @attributes[attribute] = value.to_s
+      @attributes[name] = value.to_s
     end
   }
 end

data/lib/paggio/html/element/embed.rb

@@ -0,0 +1,24 @@
+#--
+#            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
+#                    Version 2, December 2004
+#
+#            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
+#   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
+#
+#  0. You just DO WHAT THE FUCK YOU WANT TO.
+#++
+
+class Paggio; class HTML < BasicObject; class Element < BasicObject
+
+class Embed < self
+  { type:   :type,
+    height: :height,
+    width:  :width
+  }.each {|name, attribute|
+    defhelper name do |value|
+      @attributes[name] = value
+    end
+  }
+end
+
+end; end; end

data/lib/paggio/html/element/img.rb

@@ -23,7 +23,7 @@ class Img < self
     map: :usemap,
   }.each {|name, attribute|
     defhelper name do |value|
-      @attributes[attribute] = value.to_s
+      @attributes[name] = value.to_s
     end
   }
 

data/lib/paggio/html/element/input.rb

@@ -18,9 +18,10 @@ class Input < self
     place_holder: :placeholder,
     read_only:    :readonly,
     required:     :required,
+    limit:        :maxlength
   }.each {|name, attribute|
     defhelper name do |value|
-      @attributes[attribute] = value
+      @attributes[name] = value
     end
   }
 end

data/lib/paggio/html/element/link.rb

@@ -0,0 +1,20 @@
+class Paggio; class HTML < BasicObject; class Element < BasicObject
+
+class Link < self
+  { cross_origin: :crossorigin,
+
+    href:      :href,
+    href_lang: :hreflang,
+
+    media: :media,
+    rel:   :rel,
+    sizes: :sizes,
+    type:  :type,
+  }.each {|name, attribute|
+    defhelper name do |value|
+      @attributes[name] = value.to_s
+    end
+  }
+end
+
+end; end; end

data/lib/paggio/html/element/object.rb

@@ -0,0 +1,27 @@
+#--
+#            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
+#                    Version 2, December 2004
+#
+#            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
+#   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
+#
+#  0. You just DO WHAT THE FUCK YOU WANT TO.
+#++
+
+class Paggio; class HTML < BasicObject; class Element < BasicObject
+
+class Object < self
+  { type: :type,
+    data: :data,
+    name: :name,
+
+    height: :height,
+    width:  :width
+  }.each {|name, attribute|
+    defhelper name do |value|
+      @attributes[name] = value
+    end
+  }
+end
+
+end; end; end

data/lib/paggio/html/element/optgroup.rb

@@ -0,0 +1,24 @@
+#--
+#            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
+#                    Version 2, December 2004
+#
+#            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
+#   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
+#
+#  0. You just DO WHAT THE FUCK YOU WANT TO.
+#++
+
+class Paggio; class HTML < BasicObject; class Element < BasicObject
+
+class Optgroup < self
+  %w[label value].each {|name|
+    defhelper name do |value|
+      @attributes[name] = value
+    end
+  }
+
+  defhelper! :disabled
+  defhelper! :selected
+end
+
+end; end; end

data/lib/paggio/html/element/option.rb

@@ -0,0 +1,24 @@
+#--
+#            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
+#                    Version 2, December 2004
+#
+#            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
+#   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
+#
+#  0. You just DO WHAT THE FUCK YOU WANT TO.
+#++
+
+class Paggio; class HTML < BasicObject; class Element < BasicObject
+
+class Option < self
+  %w[label value].each {|name|
+    defhelper name do |value|
+      @attributes[name] = value
+    end
+  }
+
+  defhelper! :disabled
+  defhelper! :selected
+end
+
+end; end; end

data/lib/paggio/html/element/select.rb

@@ -0,0 +1,25 @@
+#--
+#            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
+#                    Version 2, December 2004
+#
+#            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
+#   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
+#
+#  0. You just DO WHAT THE FUCK YOU WANT TO.
+#++
+
+class Paggio; class HTML < BasicObject; class Element < BasicObject
+
+class Select < self
+  %w[form name size].each {|name|
+    defhelper name do |value|
+      @attributes[name] = value
+    end
+  }
+
+  defhelper! :auto_focus, :autofocus
+  defhelper! :disabled
+  defhelper! :required
+end
+
+end; end; end

data/lib/paggio/html/element.rb

@@ -13,8 +13,14 @@ require 'paggio/html/element/base'
 require 'paggio/html/element/blockquote'
 require 'paggio/html/element/button'
 require 'paggio/html/element/canvas'
+require 'paggio/html/element/embed'
 require 'paggio/html/element/img'
 require 'paggio/html/element/input'
+require 'paggio/html/element/link'
+require 'paggio/html/element/object'
+require 'paggio/html/element/option'
+require 'paggio/html/element/optgroup'
+require 'paggio/html/element/select'
 require 'paggio/html/element/td'
 
 class Paggio; class HTML < BasicObject
@@ -25,7 +31,7 @@ class Element < BasicObject
 
     const = name.capitalize
 
-    if const_defined?(const)
+    if !const.to_s.include?('-') && const_defined?(const)
       const_get(const).new(owner, name, attributes)
     else
       super
@@ -51,15 +57,20 @@ class Element < BasicObject
   end
 
   def method_missing(name, content = nil, &block)
-    if content
-      self << ::Paggio::Utils.heredoc(content.to_s)
-    end
-
     if name.to_s.end_with? ?!
       @attributes[:id] = name[0 .. -2]
     else
-      @last = name
-      @class_names.push(name)
+      @class_names << name
+    end
+
+    if ::Hash === content
+      if content.has_key?(:class) || content.has_key?(:classes)
+        @class_names.unshift(*(content.delete(:class).to_s.split | content.delete(:classes).to_a))
+      end
+
+      ::Paggio::Utils.deep_merge!(@attributes, content)
+    elsif content
+      self >> content
     end
 
     @owner.extend!(self, &block) if block
@@ -68,10 +79,9 @@ class Element < BasicObject
   end
 
   def [](*names)
-    return unless @last
-
-    @class_names.pop
-    @class_names.push([@last, *names].join('-'))
+    if last = @class_names.pop
+      @class_names << [last, *names].join('-')
+    end
 
     self
   end
@@ -82,6 +92,23 @@ class Element < BasicObject
     self
   end
 
+  def >>(content)
+    self << ::Paggio::Utils.heredoc(content.to_s)
+    self
+  end
+
+  defhelper :style do |hash|
+    @attributes[:style] = hash.map {|name, value|
+      "#{name}: #{value}"
+    }.join(';')
+  end
+
+  defhelper :data do |hash|
+    hash.each {|name, value|
+      @attributes["data-#{name}"] = value.to_s
+    }
+  end
+
   def inspect
     if @children.empty?
       "#<HTML::Element(#{@name.upcase})>"

data/lib/paggio/html.rb

@@ -8,7 +8,6 @@
 #  0. You just DO WHAT THE FUCK YOU WANT TO.
 #++
 
-
 require 'paggio/html/helpers'
 require 'paggio/html/element'
 
@@ -17,24 +16,31 @@ class Paggio
 class HTML < BasicObject
   attr_reader :version
 
-  def initialize(version = 5, &block)
+  def initialize(version = 5, defer: false, &block)
     ::Kernel.raise ::ArgumentError, 'no block given' unless block
 
     @version = version
     @roots   = []
     @current = nil
 
-    if block.arity == 0
-      instance_exec(&block)
-    else
-      block.call(self)
-    end
+    @block = block
+
+    build! unless defer
   end
 
   def <<(what)
     (@current || @roots) << what
   end
 
+  def build!(force_call: false)
+    if !force_call && @block.arity == 0
+      instance_exec(&@block)
+    else
+      @block.call(self)
+    end
+    @block = nil
+  end
+
   def root!
     @roots.first
   end
@@ -65,6 +71,11 @@ class HTML < BasicObject
     @roots.each(&block)
   end
 
+  def text(*fragments, &block)
+    fragments << yield if block
+    fragments.each { |fragment| self << fragment }
+  end
+
   def method_missing(name, *args, &block)
     if name.to_s.end_with? ?!
       return super
@@ -93,6 +104,9 @@ class HTML < BasicObject
     element
   end
 
+  # Support for custom elements
+  alias e method_missing
+
   def inspect
     if @roots.empty?
       "#<HTML(#@version)>"

data/paggio.gemspec

@@ -1,11 +1,12 @@
 Gem::Specification.new {|s|
-	s.name         = 'paggio'
-	s.version      = '0.2.3'
-	s.author       = 'meh.'
-	s.email        = 'meh@schizofreni.co'
-	s.homepage     = 'http://github.com/meh/paggio'
-	s.platform     = Gem::Platform::RUBY
-	s.summary      = 'Ruby, HTML and CSS at war.'
+	s.name     = 'paggio'
+	s.version  = '0.3.0'
+	s.author   = 'meh.'
+	s.email    = 'meh@schizofreni.co'
+	s.homepage = 'http://github.com/opal/paggio'
+	s.platform = Gem::Platform::RUBY
+	s.summary  = 'Ruby, HTML and CSS at war.'
+	s.license  = 'WTFPL'
 
 	s.files         = `git ls-files`.split("\n")
 	s.executables   = `git ls-files -- bin/*`.split("\n").map { |f| File.basename(f) }

data/spec/css_spec.rb

@@ -8,7 +8,7 @@ describe Paggio::CSS do
       end
     end
 
-    css.to_s.should == "#lol {\n\tcolor: black;\n}\n"
+    expect(css.to_s).to eq("#lol {\n\tcolor: black;\n}\n")
   end
 
   it 'builds border-radius correctly' do
@@ -18,7 +18,7 @@ describe Paggio::CSS do
       end
     end
 
-    css.to_s.should == "#lol {\n\t-moz-border-radius: 5px;\n\t-webkit-border-radius: 5px;\n\tborder-radius: 5px;\n}\n"
+    expect(css.to_s).to eq("#lol {\n\t-moz-border-radius: 5px;\n\t-webkit-border-radius: 5px;\n\tborder-radius: 5px;\n}\n")
 
     css = Paggio.css do
       rule '#lol' do
@@ -26,7 +26,7 @@ describe Paggio::CSS do
       end
     end
 
-    css.to_s.should == "#lol {\n\t-moz-border-radius-topleft: 5px;\n\t-webkit-border-top-left-radius: 5px;\n\tborder-top-left-radius: 5px;\n}\n"
+    expect(css.to_s).to eq("#lol {\n\t-moz-border-radius-topleft: 5px;\n\t-webkit-border-top-left-radius: 5px;\n\tborder-top-left-radius: 5px;\n}\n")
   end
 
   it 'builds box-shadow correctly' do
@@ -36,6 +36,20 @@ describe Paggio::CSS do
       end
     end
 
-    css.to_s.should == "#lol {\n\t-moz-box-shadow: 0 0 5px black;\n\t-webkit-box-shadow: 0 0 5px black;\n\tbox-shadow: 0 0 5px black;\n}\n"
+    expect(css.to_s).to eq("#lol {\n\t-moz-box-shadow: 0 0 5px black;\n\t-webkit-box-shadow: 0 0 5px black;\n\tbox-shadow: 0 0 5px black;\n}\n")
+  end
+
+  it 'builds @font-face' do
+    css = Paggio.css do
+      font 'hue' do
+        src url('test')
+      end
+    end
+
+    expect(css.to_s).to eq("@font-face {\n\tfont-family: hue;\n\tsrc: url(\"test\");\n}\n")
+  end
+
+  it 'builds @keyframes' do
+
   end
 end

data/spec/html_spec.rb

@@ -0,0 +1,185 @@
+require 'paggio'
+
+describe Paggio::HTML do
+  it 'builds an element' do
+    html = Paggio.html! do
+      div
+    end
+
+    expect(html.to_s).to eq("<div>\n</div>\n")
+  end
+
+  it 'builds an element with text content' do
+    html = Paggio.html! do
+      div "foo bar"
+    end
+
+    expect(html.to_s).to eq("<div>\n\tfoo bar\n</div>\n")
+
+    html = Paggio.html! do
+      div do
+        "foo bar"
+      end
+    end
+
+    expect(html.to_s).to eq("<div>\n\tfoo bar\n</div>\n")
+  end
+
+  it 'builds an element with attributes' do
+    html = Paggio.html! do
+      div class: :wut
+    end
+
+    expect(html.to_s).to eq("<div class=\"wut\">\n</div>\n")
+  end
+
+  it 'builds deeper trees' do
+    html = Paggio.html! do
+      div do
+        span do
+          "wut"
+        end
+      end
+    end
+
+    expect(html.to_s).to eq("<div>\n\t<span>\n\t\twut\n\t</span>\n</div>\n")
+  end
+
+  it 'sets classes with methods' do
+    html = Paggio.html! do
+      div.nice.element
+    end
+
+    expect(html.to_s).to eq("<div class=\"nice element\">\n</div>\n")
+  end
+
+  it 'nests when setting classes' do
+    html = Paggio.html! do
+      div.nice.element do
+        span.nicer 'lol'
+      end
+    end
+
+    expect(html.to_s).to eq("<div class=\"nice element\">\n\t<span class=\"nicer\">\n\t\tlol\n\t</span>\n</div>\n")
+  end
+
+  it 'joins class name properly' do
+    html = Paggio.html! do
+      i.icon[:legal]
+    end
+
+    expect(html.to_s).to eq("<i class=\"icon-legal\">\n</i>\n")
+
+    html = Paggio.html! do
+      i.icon.icon[:legal, :shmegal]
+    end
+
+    expect(html.to_s).to eq("<i class=\"icon icon-legal-shmegal\">\n</i>\n")
+  end
+
+  it 'sets the id' do
+    html = Paggio.html! do
+      div.omg!
+    end
+
+    expect(html.to_s).to eq("<div id=\"omg\">\n</div>\n")
+  end
+
+  it 'chains ids and classes' do
+    html = Paggio.html! do
+      div.omg!.wut
+    end
+
+    expect(html.to_s).to eq("<div id=\"omg\" class=\"wut\">\n</div>\n")
+  end
+
+  it 'chains ids and attributes' do
+    html = Paggio.html! do
+      div.omg! class: :wut
+    end
+
+    expect(html.to_s).to eq("<div id=\"omg\" class=\"wut\">\n</div>\n")
+  end
+
+  it 'chains classes and attributes' do
+    html = Paggio.html! do
+      div.wut width: 80
+    end
+
+    expect(html.to_s).to eq("<div width=\"80\" class=\"wut\">\n</div>\n")
+  end
+
+  it 'overrides with id from attributes' do
+    html = Paggio.html! do
+      div.omg! id: 'ikr'
+    end
+
+    expect(html.to_s).to eq("<div id=\"ikr\">\n</div>\n")
+    expect(html.to_s).not_to eq("<div id=\"omg\">\n</div>\n")
+  end
+
+  it 'coalesces classes from attributes' do
+    html = Paggio.html! do
+      div.wut class: 'rofl'
+    end
+
+    expect(html.to_s).to eq("<div class=\"rofl wut\">\n</div>\n")
+    expect(html.to_s).not_to eq("<div class=\"wut\" class=\"rofl\">n")
+
+    html = Paggio.html! do
+      div.wut class: 'rofl idk'
+    end
+
+    expect(html.to_s).to eq("<div class=\"rofl idk wut\">\n</div>\n")
+    expect(html.to_s).not_to eq("<div class=\"wut\" class=\"rofl idk\">n")
+  end
+
+  it 'coalesces multiple classes from attributes' do
+    html = Paggio.html! do
+      div.wut classes: %w[rofl idk]
+    end
+
+    expect(html.to_s).to eq("<div class=\"rofl idk wut\">\n</div>\n")
+    expect(html.to_s).not_to eq("<div class=\"wut\" classes=\"[&quot;rofl&quot;, &quot;idk&quot;]\">\n</div>\n")
+  end
+
+  it 'joins class name properly with class attributes' do
+    html = Paggio.html! do
+      i.icon(class: 'illegal')[:legal]
+    end
+
+    expect(html.to_s).to eq("<i class=\"illegal icon-legal\">\n</i>\n")
+  end
+
+  it 'allows for defered build' do
+    html = Paggio::HTML.new(defer: true) do
+      div
+    end
+    expect(html.roots!.length).to eq(0)
+
+    html.build!
+    expect(html.roots!.length).to eq(1)
+  end
+
+  it 'allows for custom elements' do
+    html = Paggio.html! do
+      e('custom-element').test.test!
+    end
+
+    expect(html.to_s).to eq("<custom-element id=\"test\" class=\"test\">\n</custom-element>\n")
+  end
+
+  it 'supports text nodes' do
+    html = Paggio.html! do
+      div {
+        text "test"
+        text { "test" }
+        text "test"
+        div
+        text "test"
+      }
+    end
+
+    expect(html.to_s).to eq("<div>\n\ttest\n\ttest\n\ttest\n\t<div>\n\t</div>\n\ttest\n</div>\n")
+  end
+end

metadata

@@ -1,28 +1,35 @@
 --- !ruby/object:Gem::Specification
 name: paggio
 version: !ruby/object:Gem::Version
-  version: 0.2.3
+  version: 0.3.0
 platform: ruby
 authors:
 - meh.
-autorequire: 
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2014-01-02 00:00:00.000000000 Z
+date: 2021-11-17 00:00:00.000000000 Z
 dependencies: []
-description: 
+description:
 email: meh@schizofreni.co
 executables: []
 extensions: []
 extra_rdoc_files: []
 files:
+- ".github/workflows/build.yml"
+- ".rspec"
 - ".travis.yml"
+- Gemfile
+- Gemfile.lock
 - README.md
 - Rakefile
 - lib/paggio.rb
 - lib/paggio/css.rb
+- lib/paggio/css/animation.rb
 - lib/paggio/css/color.rb
 - lib/paggio/css/definition.rb
+- lib/paggio/css/font.rb
+- lib/paggio/css/rule.rb
 - lib/paggio/css/unit.rb
 - lib/paggio/formatter.rb
 - lib/paggio/html.rb
@@ -32,8 +39,14 @@ files:
 - lib/paggio/html/element/blockquote.rb
 - lib/paggio/html/element/button.rb
 - lib/paggio/html/element/canvas.rb
+- lib/paggio/html/element/embed.rb
 - lib/paggio/html/element/img.rb
 - lib/paggio/html/element/input.rb
+- lib/paggio/html/element/link.rb
+- lib/paggio/html/element/object.rb
+- lib/paggio/html/element/optgroup.rb
+- lib/paggio/html/element/option.rb
+- lib/paggio/html/element/select.rb
 - lib/paggio/html/element/td.rb
 - lib/paggio/html/helpers.rb
 - lib/paggio/markdown.rb
@@ -42,10 +55,12 @@ files:
 - lib/paggio/utils.rb
 - paggio.gemspec
 - spec/css_spec.rb
-homepage: http://github.com/meh/paggio
-licenses: []
+- spec/html_spec.rb
+homepage: http://github.com/opal/paggio
+licenses:
+- WTFPL
 metadata: {}
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -60,10 +75,10 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubyforge_project: 
-rubygems_version: 2.1.5
-signing_key: 
+rubygems_version: 3.2.22
+signing_key:
 specification_version: 4
 summary: Ruby, HTML and CSS at war.
 test_files:
 - spec/css_spec.rb
+- spec/html_spec.rb