element_component 0.1.0 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: de4f0a64912afadf91c8b8abe4e9a59e02a3f1d3635e1fada9b7dab402af582a
-  data.tar.gz: 558200b3523fafcf340c6826b8686e49daee2933bb6185c2fa23f5e358bc1bd4
+  metadata.gz: d0f12674a760bdf815e6ae25fccbadb96032dacc122eca06c9ad7335b91fe226
+  data.tar.gz: d912a66d464b5f0ead36c41faa7e20d12b5bbd56871f3112b922e11a9bc83aa9
 SHA512:
-  metadata.gz: ecdecdf70440d27aa7dfd99c211178d1d41d684576ca5d9e20501862a405daa23de78022cf5463eb83443e4fee5332682fe35865246236c0fa14fdeae218c8ae
-  data.tar.gz: 84e453f91412f03a78409a59b6076d5b2c3e5620b9c3be509d354bcd82009b33fcccddf5d4b0eb9c610292914871b1151208495f263833b0ad9867793c36d899
+  metadata.gz: 25affca2d6a9f235d515060f943ebff6901fc2590f89a0b9782f4c43ce9f3d143cbcb8a2be976db48478328fbcdc903ba401bbeaa98901564f8f8f5f05f249a5
+  data.tar.gz: 19e19dccf1862858c47520a4afa3f0bf8aa364461dda3f30243c1d0400a49cdbb8a283c7aba3975a6cbb439d2f8aa7cf8cea5691663183cdc23c4237afbc5dc4

data/.rubocop.yml

@@ -0,0 +1,20 @@
+# Mude para a versão de Ruby a ser utilizada e inclua aqui outros arquivos que
+# você considera importante que o RuboCop não execute como: node_modules, etc..
+AllCops:
+ TargetRubyVersion: 3.1.2
+ Exclude:
+   - 'bin/**/*'
+
+Documentation:
+ Enabled: false
+
+Style/FrozenStringLiteralComment:
+ Enabled: false
+
+Metrics/MethodLength:
+  Enabled: false
+Metrics/AbcSize:
+  Enabled: false
+
+Metrics/BlockLength:
+ ExcludedMethods: ['describe', 'context', 'feature', 'scenario', 'let']

data/Gemfile

@@ -9,4 +9,3 @@ gem 'debug'
 gem 'rake', '~> 13.0'
 gem 'rspec', '~> 3.0'
 gem 'rubocop'
-gem 'simplecov', require: false, group: :test

data/Gemfile.lock

@@ -11,7 +11,6 @@ GEM
       irb (>= 1.3.6)
       reline (>= 0.2.7)
     diff-lcs (1.5.0)
-    docile (1.4.0)
     io-console (0.5.11)
     irb (1.4.1)
       reline (>= 0.3.0)
@@ -49,12 +48,6 @@ GEM
     rubocop-ast (1.17.0)
       parser (>= 3.1.1.0)
     ruby-progressbar (1.11.0)
-    simplecov (0.21.2)
-      docile (~> 1.1)
-      simplecov-html (~> 0.11)
-      simplecov_json_formatter (~> 0.1)
-    simplecov-html (0.12.3)
-    simplecov_json_formatter (0.1.4)
     unicode-display_width (2.1.0)
 
 PLATFORMS
@@ -67,7 +60,6 @@ DEPENDENCIES
   rake (~> 13.0)
   rspec (~> 3.0)
   rubocop
-  simplecov
 
 BUNDLED WITH
    2.1.2

data/README.md

@@ -1,8 +1,6 @@
 # ElementComponent
 
-Welcome to your new gem! In this directory, you'll find the files you need to be able to package up your Ruby library into a gem. Put your Ruby code in the file `lib/element_component`. To experiment with that code, run `bin/console` for an interactive prompt.
-
-TODO: Delete this and the text above, and describe your gem
+Build html
 
 ## Installation
 
@@ -22,18 +20,17 @@ Or install it yourself as:
 
 ## Usage
 
-TODO: Write usage instructions here
-
-## Development
-
-After checking out the repo, run `bin/setup` to install dependencies. Then, run `rake spec` to run the tests. You can also run `bin/console` for an interactive prompt that will allow you to experiment.
-
-To install this gem onto your local machine, run `bundle exec rake install`. To release a new version, update the version number in `version.rb`, and then run `bundle exec rake release`, which will create a git tag for the version, push git commits and the created tag, and push the `.gem` file to [rubygems.org](https://rubygems.org).
-
-## Contributing
+```
+maker = El::Maker.new
+form = maker.form(attribute: { class: 'has-background-color', method: 'GET', action: '/', turbo: false }) do |form|
+  input = maker.input(attribute: { type: 'text', name: 'email', value: nil })
+  form.add_content input
 
-Bug reports and pull requests are welcome on GitHub at https://github.com/[USERNAME]/element_component.
+  button = maker.button(content: 'Save', attribute: { type: 'submit'})
+  div    = maker.div(content: button, attribute: { class: 'buttons' })
 
-## License
+  form.add_content div
+end
 
-The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
+puts form.build
+```

data/lib/element_component/core/element.rb

@@ -3,23 +3,23 @@
 module El
   # represent the element base
   class Element
-    attr_reader :element, :attributes, :components
+    attr_reader :element, :attributes, :contents
 
-    def initialize(element, contents: [], attributes: {}, closing_tag: true)
+    def initialize(element, content: [], attribute: {}, closing_tag: true)
       @element = element
       @closing_tag = closing_tag
+      @objects = []
 
       reset_attributes!
       reset_contents!
-      reset_components!
 
-      contents.each do |content|
+      if content.is_a? Array
+        content.each { |item| add_content item }
+      else
         add_content content
       end
 
-      attributes.each_key do |attribute_key|
-        add_attribute attribute_key, attributes[attribute_key]
-      end
+      attribute.each_key { |key| add_attribute key, attribute[key] }
     end
 
     def add_content(content, reset: false)
@@ -29,16 +29,6 @@ module El
       content
     end
 
-    def add_component(identifier, component)
-      identifier = identifier.to_sym
-      @components.store identifier, component
-    end
-
-    def get_component(identifier)
-      identifier = identifier.to_sym
-      @components.fetch identifier
-    end
-
     def add_attribute(attribute, value, reset: false)
       attribute = attribute.to_sym
 
@@ -67,34 +57,23 @@ module El
       @attributes = {}
     end
 
-    def reset_components!
-      @components = {}
-    end
-
     def build
-      partial = open_tag
+      html = "<#{@element}"
+      html << (mount_attributes.empty? ? '>' : " #{mount_attributes}>")
 
-      @contents.each do |content|
-        partial << (content.is_a?(Element) ? content.build : content.to_s)
-      end
+      html << mount_content
 
-      partial << close_tag if @closing_tag
-      partial
+      html << "</#{@element}>" if @closing_tag
     end
 
     private
 
-    def open_tag
-      partial = "<#{@element}"
-      @attributes.to_a.inject(partial) do |acc, attr|
-        acc << " #{attr[0].to_sym}=\"#{attr[1].join(' ')}\""
-      end
-
-      partial << '>'
+    def mount_attributes
+      @attributes.map { |attr| "#{attr[0].to_sym}=\"#{attr[1].join(' ')}\"" }.join(' ')
     end
 
-    def close_tag
-      "</#{@element}>"
+    def mount_content
+      @contents.map { |content| content.is_a?(Element) ? content.build : content.to_s }.join
     end
   end
 end

data/lib/element_component/core/maker.rb

@@ -0,0 +1,9 @@
+module El
+  class Maker
+    def method_missing(method, **args, &block)
+      new_element = El::Element.new(method.to_s.gsub('_', '-'), **args)
+      block.call new_element if block_given?
+      new_element
+    end
+  end
+end

data/lib/element_component/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module ElementComponent
-  VERSION = '0.1.0'
+  VERSION = '0.2.0'
 end

data/lib/element_component.rb

@@ -3,36 +3,8 @@
 # Core elements
 require_relative 'element_component/version'
 require_relative 'element_component/core/element'
-require_relative 'element_component/core/input'
-require_relative 'element_component/core/form'
-require_relative 'element_component/core/nav'
-require_relative 'element_component/core/a'
-require_relative 'element_component/core/article'
-require_relative 'element_component/core/li'
-require_relative 'element_component/core/ul'
-require_relative 'element_component/core/span'
-require_relative 'element_component/core/table'
-require_relative 'element_component/core/tr'
-require_relative 'element_component/core/th'
-require_relative 'element_component/core/td'
-require_relative 'element_component/core/aside'
-
-# Bulma components
-require_relative 'element_component/bulma/pagination'
-require_relative 'element_component/bulma/menu'
-
-# Tailwind components
+require_relative 'element_component/core/maker'
 
 module El
   class Error < StandardError; end
 end
-
-module Bulma
-  class Error < StandardError; end
-
-  CDN = 'https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css'
-end
-
-module Tailwind
-  class Error < StandardError; end
-end

metadata

@@ -1,16 +1,16 @@
 --- !ruby/object:Gem::Specification
 name: element_component
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.2.0
 platform: ruby
 authors:
 - João Paulo Correia
-autorequire:
+autorequire: 
 bindir: exe
 cert_chain: []
-date: 2023-03-14 00:00:00.000000000 Z
+date: 2023-10-26 00:00:00.000000000 Z
 dependencies: []
-description:
+description: 
 email:
 - joaopaulocorreia1010@gmail.com
 executables: []
@@ -18,6 +18,7 @@ extensions: []
 extra_rdoc_files: []
 files:
 - ".rspec"
+- ".rubocop.yml"
 - Gemfile
 - Gemfile.lock
 - LICENSE.txt
@@ -26,32 +27,14 @@ files:
 - bin/console
 - bin/setup
 - lib/element_component.rb
-- lib/element_component/bulma/datagrid.rb
-- lib/element_component/bulma/menu.rb
-- lib/element_component/bulma/pagination.rb
-- lib/element_component/core/a.rb
-- lib/element_component/core/article.rb
-- lib/element_component/core/aside.rb
 - lib/element_component/core/element.rb
-- lib/element_component/core/form.rb
-- lib/element_component/core/input.rb
-- lib/element_component/core/li.rb
-- lib/element_component/core/nav.rb
-- lib/element_component/core/span.rb
-- lib/element_component/core/table.rb
-- lib/element_component/core/tbody.rb
-- lib/element_component/core/td.rb
-- lib/element_component/core/tfoot.rb
-- lib/element_component/core/th.rb
-- lib/element_component/core/thead.rb
-- lib/element_component/core/tr.rb
-- lib/element_component/core/ul.rb
+- lib/element_component/core/maker.rb
 - lib/element_component/version.rb
-homepage:
+homepage: 
 licenses:
 - MIT
 metadata: {}
-post_install_message:
+post_install_message: 
 rdoc_options: []
 require_paths:
 - lib
@@ -66,8 +49,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.3.7
-signing_key:
+rubygems_version: 3.4.10
+signing_key: 
 specification_version: 4
 summary: Element Component
 test_files: []

data/lib/element_component/bulma/datagrid.rb

@@ -1,9 +0,0 @@
-# frozen_string_literal: true
-
-module Bulma
-  class Datagrid < El::Element
-    def initialize()
-      super('div')
-    end
-  end
-end

data/lib/element_component/bulma/menu.rb

@@ -1,26 +0,0 @@
-# frozen_string_literal: true
-
-module Bulma
-  class Menu < El::Aside
-    def initialize
-      super()
-
-      menu_label = El::Element.new('p')
-      menu_label.add_content 'General'
-
-      menu_list = El::Ul.new
-      menu_item = menu_list.add_content El::Li.new
-      menu_link = El::A.new contents: ['Dashboard']
-      menu_item.add_content menu_link 
-
-      add_content menu_label.build
-      add_content menu_list.build
-
-      menu_label.add_content 'Administration', reset: true
-      add_content menu_label.build
-
-      menu_link.add_content 'Team Settings', reset: true
-      add_content menu_list.build
-    end
-  end
-end

data/lib/element_component/bulma/pagination.rb

@@ -1,101 +0,0 @@
-# frozen_string_literal: true
-
-module Bulma
-  class Pagination < El::Nav
-    attr_reader :url, :current_page, :first_page, :last_page
-
-    def initialize(url:, current_page:, first_page: 1, last_page:)
-      super()
-
-      @url, @current_page, @first_page, @last_page = url, current_page, first_page, last_page
-
-      add_attribute :class, 'pagination'
-      add_attribute :role, 'navigation'
-      add_attribute 'aria_label', 'pagination'
-
-      add_content previous_link
-      add_content next_link
-
-      # adds first link to list
-      li = list.add_content El::Li.new
-      li.add_content make_link(first_page)
-
-      # adds separator
-      list.add_content El::Li.new(contents: [separator])
-
-      # adds the center links
-      if current_page > first_page
-        li = list.add_content El::Li.new
-        li.add_content make_link(current_page - 1)
-      end
-
-      li = list.add_content El::Li.new
-      li.add_content make_link(current_page)
-
-      if current_page < last_page
-        li = list.add_content El::Li.new
-        li.add_content make_link(current_page + 1)
-      end
-
-      # adds separator
-      list.add_content El::Li.new(contents: [separator])
-
-      # adds last link to list
-      li = El::Li.new
-      li.add_content make_link(last_page)
-      list.add_content li.build
-
-      add_content list
-    end
-
-    private
-
-    def make_link(page_number)
-      link = El::A.new
-
-      link.add_attribute 'arial-label', "Go to page #{page_number}"
-      link.add_attribute :href, "#{url}?page=#{page_number}"
-      link.add_attribute :class, 'pagination-link'
-      link.add_attribute :class, 'is-current' if page_number == current_page
-      link.add_content page_number
-
-      link
-    end
-
-    def list
-      @list ||= El::Ul.new attributes: { class: 'pagination-list' }
-    end
-
-    def separator
-      @separator ||= El::Span.new attributes: { class: 'pagination-ellipsis' }, contents: ['&hellip;']
-    end
-
-    def previous_link
-      link = El::A.new
-      link.add_attribute :class, 'pagination-previous'
-      link.add_content 'Previous'
-
-      if current_page > first_page
-        link.add_attribute :href, "#{url}?page=#{current_page - 1}"
-      else
-        link.add_attribute :class, 'is-disabled'
-      end
-
-      link
-    end
-
-    def next_link
-      link = El::A.new
-      link.add_attribute :class, 'pagination-next'
-      link.add_content 'Next'
-
-      if current_page < last_page
-        link.add_attribute :href, "#{url}?page=#{current_page + 1}"
-      else
-        link.add_attribute :class, 'is-disabled'
-      end
-
-      link
-    end
-  end
-end

data/lib/element_component/core/a.rb

@@ -1,10 +0,0 @@
-# frozen_string_literal: true
-
-module El
-  # represent the link tag
-  class A < Element
-    def initialize(**options)
-      super('a', **options)
-    end
-  end
-end

data/lib/element_component/core/article.rb

@@ -1,10 +0,0 @@
-# frozen_string_literal: true
-
-module El
-  # represent the article tag
-  class Article < Element
-    def initialize
-      super('article', closing_tag: true)
-    end
-  end
-end

data/lib/element_component/core/aside.rb

@@ -1,10 +0,0 @@
-# frozen_string_literal: true
-
-module El
-  # represent the aside tag
-  class Aside < Element
-    def initialize(**options)
-      super('aside', **options)
-    end
-  end
-end

data/lib/element_component/core/form.rb

@@ -1,13 +0,0 @@
-# frozen_string_literal: true
-
-module El
-  # represent the form tag
-  class Form < Element
-    def initialize(method: 'POST', action: '/')
-      super('form', closing_tag: true)
-
-      add_attribute(:method, method)
-      add_attribute(:action, action)
-    end
-  end
-end

data/lib/element_component/core/input.rb

@@ -1,12 +0,0 @@
-# frozen_string_literal: true
-
-module El
-  # represent the input tag
-  class Input < Element
-    def initialize(type: 'text')
-      super('input', closing_tag: false)
-
-      add_attribute(:type, type)
-    end
-  end
-end

data/lib/element_component/core/li.rb

@@ -1,10 +0,0 @@
-# frozen_string_literal: true
-
-module El
-  # represent the li tag
-  class Li < Element
-    def initialize(**options)
-      super('li', **options)
-    end
-  end
-end

data/lib/element_component/core/nav.rb

@@ -1,10 +0,0 @@
-# frozen_string_literal: true
-
-module El
-  # represent the nav tag
-  class Nav < Element
-    def initialize(**options)
-      super('nav', **options)
-    end
-  end
-end

data/lib/element_component/core/span.rb

@@ -1,10 +0,0 @@
-# frozen_string_literal: true
-
-module El
-  # represent the span tag
-  class Span < Element
-    def initialize(**options)
-      super('span', **options)
-    end
-  end
-end

data/lib/element_component/core/table.rb

@@ -1,10 +0,0 @@
-# frozen_string_literal: true
-
-module El
-  # represent the table tag
-  class Table < Element
-    def initialize
-      super('table', closing_tag: true)
-    end
-  end
-end

data/lib/element_component/core/tbody.rb

@@ -1,10 +0,0 @@
-# frozen_string_literal: true
-
-module El
-  # represent the tbody tag
-  class Tbody < Element
-    def initialize(**options)
-      super('tbody', **options)
-    end
-  end
-end

data/lib/element_component/core/td.rb

@@ -1,10 +0,0 @@
-# frozen_string_literal: true
-
-module El
-  # represent the td tag
-  class Td < Element
-    def initialize
-      super('td', closing_tag: true)
-    end
-  end
-end

data/lib/element_component/core/tfoot.rb

@@ -1,10 +0,0 @@
-# frozen_string_literal: true
-
-module El
-  # represent the Tfoot tag
-  class Tfoot < Element
-    def initialize(**options)
-      super('tfoot', **options)
-    end
-  end
-end

data/lib/element_component/core/th.rb

@@ -1,10 +0,0 @@
-# frozen_string_literal: true
-
-module El
-  # represent the th tag
-  class Th < Element
-    def initialize
-      super('th', closing_tag: true)
-    end
-  end
-end

data/lib/element_component/core/thead.rb

@@ -1,10 +0,0 @@
-# frozen_string_literal: true
-
-module El
-  # represent the Thead tag
-  class Thead < Element
-    def initialize(**options)
-      super('thead', **options)
-    end
-  end
-end

data/lib/element_component/core/tr.rb

@@ -1,10 +0,0 @@
-# frozen_string_literal: true
-
-module El
-  # represent the tr tag
-  class Tr < Element
-    def initialize
-      super('tr', closing_tag: true)
-    end
-  end
-end

data/lib/element_component/core/ul.rb

@@ -1,10 +0,0 @@
-# frozen_string_literal: true
-
-module El
-  # represent the ul tag
-  class Ul < Element
-    def initialize(**options)
-      super('ul', **options)
-    end
-  end
-end