element_component 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: de4f0a64912afadf91c8b8abe4e9a59e02a3f1d3635e1fada9b7dab402af582a
+  data.tar.gz: 558200b3523fafcf340c6826b8686e49daee2933bb6185c2fa23f5e358bc1bd4
+SHA512:
+  metadata.gz: ecdecdf70440d27aa7dfd99c211178d1d41d684576ca5d9e20501862a405daa23de78022cf5463eb83443e4fee5332682fe35865246236c0fa14fdeae218c8ae
+  data.tar.gz: 84e453f91412f03a78409a59b6076d5b2c3e5620b9c3be509d354bcd82009b33fcccddf5d4b0eb9c610292914871b1151208495f263833b0ad9867793c36d899

data/.rspec

@@ -0,0 +1,3 @@
+--format documentation
+--require spec_helper
+--color

data/Gemfile

@@ -0,0 +1,12 @@
+# frozen_string_literal: true
+
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in element_component.gemspec
+gemspec
+
+gem 'debug'
+gem 'rake', '~> 13.0'
+gem 'rspec', '~> 3.0'
+gem 'rubocop'
+gem 'simplecov', require: false, group: :test

data/Gemfile.lock

@@ -0,0 +1,73 @@
+PATH
+  remote: .
+  specs:
+    element_component (0.1.0)
+
+GEM
+  remote: https://rubygems.org/
+  specs:
+    ast (2.4.2)
+    debug (1.5.0)
+      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)
+    parallel (1.22.1)
+    parser (3.1.2.0)
+      ast (~> 2.4.1)
+    rainbow (3.1.1)
+    rake (13.0.6)
+    regexp_parser (2.3.1)
+    reline (0.3.1)
+      io-console (~> 0.5)
+    rexml (3.2.5)
+    rspec (3.11.0)
+      rspec-core (~> 3.11.0)
+      rspec-expectations (~> 3.11.0)
+      rspec-mocks (~> 3.11.0)
+    rspec-core (3.11.0)
+      rspec-support (~> 3.11.0)
+    rspec-expectations (3.11.0)
+      diff-lcs (>= 1.2.0, < 2.0)
+      rspec-support (~> 3.11.0)
+    rspec-mocks (3.11.1)
+      diff-lcs (>= 1.2.0, < 2.0)
+      rspec-support (~> 3.11.0)
+    rspec-support (3.11.0)
+    rubocop (1.28.2)
+      parallel (~> 1.10)
+      parser (>= 3.1.0.0)
+      rainbow (>= 2.2.2, < 4.0)
+      regexp_parser (>= 1.8, < 3.0)
+      rexml
+      rubocop-ast (>= 1.17.0, < 2.0)
+      ruby-progressbar (~> 1.7)
+      unicode-display_width (>= 1.4.0, < 3.0)
+    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
+  ruby
+  x86_64-linux
+
+DEPENDENCIES
+  debug
+  element_component!
+  rake (~> 13.0)
+  rspec (~> 3.0)
+  rubocop
+  simplecov
+
+BUNDLED WITH
+   2.1.2

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2021 TODO: Write your name
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/README.md

@@ -0,0 +1,39 @@
+# 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
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'element_component'
+```
+
+And then execute:
+
+    $ bundle install
+
+Or install it yourself as:
+
+    $ gem install element_component
+
+## 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
+
+Bug reports and pull requests are welcome on GitHub at https://github.com/[USERNAME]/element_component.
+
+## License
+
+The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).

data/Rakefile

@@ -0,0 +1,8 @@
+# frozen_string_literal: true
+
+require 'bundler/gem_tasks'
+require 'rspec/core/rake_task'
+
+RSpec::Core::RakeTask.new(:spec)
+
+task default: :spec

data/bin/console

@@ -0,0 +1,15 @@
+#!/usr/bin/env ruby
+# frozen_string_literal: true
+
+require 'bundler/setup'
+require 'element_component'
+
+# You can add fixtures and/or initialization code here to make experimenting
+# with your gem easier. You can also use a different console, if you like.
+
+# (If you use this, don't forget to add pry to your Gemfile!)
+# require "pry"
+# Pry.start
+
+require 'irb'
+IRB.start(__FILE__)

data/bin/setup

@@ -0,0 +1,8 @@
+#!/usr/bin/env bash
+set -euo pipefail
+IFS=$'\n\t'
+set -vx
+
+bundle install
+
+# Do any other automated setup that you need to do here

data/lib/element_component/bulma/datagrid.rb

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

data/lib/element_component/bulma/menu.rb

@@ -0,0 +1,26 @@
+# 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

@@ -0,0 +1,101 @@
+# 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

@@ -0,0 +1,10 @@
+# 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

@@ -0,0 +1,10 @@
+# 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

@@ -0,0 +1,10 @@
+# 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/element.rb

@@ -0,0 +1,100 @@
+# frozen_string_literal: true
+
+module El
+  # represent the element base
+  class Element
+    attr_reader :element, :attributes, :components
+
+    def initialize(element, contents: [], attributes: {}, closing_tag: true)
+      @element = element
+      @closing_tag = closing_tag
+
+      reset_attributes!
+      reset_contents!
+      reset_components!
+
+      contents.each do |content|
+        add_content content
+      end
+
+      attributes.each_key do |attribute_key|
+        add_attribute attribute_key, attributes[attribute_key]
+      end
+    end
+
+    def add_content(content, reset: false)
+      reset_contents! if reset
+      @contents.push(content)
+
+      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
+
+      @attributes.delete attribute if reset
+
+      return @attributes[attribute].push(value) if @attributes.key?(attribute)
+
+      @attributes[attribute] = [value]
+    end
+
+    def remove_attribute!(attribute)
+      attribute = attribute.to_sym
+      @attributes = @attributes.except(attribute)
+    end
+
+    def remove_attribute_value(attribute, value)
+      attribute = attribute.to_sym
+      attributes[attribute].delete(value)
+    end
+
+    def reset_contents!
+      @contents = []
+    end
+
+    def reset_attributes!
+      @attributes = {}
+    end
+
+    def reset_components!
+      @components = {}
+    end
+
+    def build
+      partial = open_tag
+
+      @contents.each do |content|
+        partial << (content.is_a?(Element) ? content.build : content.to_s)
+      end
+
+      partial << close_tag if @closing_tag
+      partial
+    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 << '>'
+    end
+
+    def close_tag
+      "</#{@element}>"
+    end
+  end
+end

data/lib/element_component/core/form.rb

@@ -0,0 +1,13 @@
+# 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

@@ -0,0 +1,12 @@
+# 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

@@ -0,0 +1,10 @@
+# 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

@@ -0,0 +1,10 @@
+# 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

@@ -0,0 +1,10 @@
+# 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

@@ -0,0 +1,10 @@
+# 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

@@ -0,0 +1,10 @@
+# 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

@@ -0,0 +1,10 @@
+# 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

@@ -0,0 +1,10 @@
+# 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

@@ -0,0 +1,10 @@
+# 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

@@ -0,0 +1,10 @@
+# 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

@@ -0,0 +1,10 @@
+# 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

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

data/lib/element_component/version.rb

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

data/lib/element_component.rb

@@ -0,0 +1,38 @@
+# frozen_string_literal: true
+
+# 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
+
+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

@@ -0,0 +1,73 @@
+--- !ruby/object:Gem::Specification
+name: element_component
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- João Paulo Correia
+autorequire:
+bindir: exe
+cert_chain: []
+date: 2023-03-14 00:00:00.000000000 Z
+dependencies: []
+description:
+email:
+- joaopaulocorreia1010@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".rspec"
+- Gemfile
+- Gemfile.lock
+- LICENSE.txt
+- README.md
+- Rakefile
+- 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/version.rb
+homepage:
+licenses:
+- MIT
+metadata: {}
+post_install_message:
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: 2.6.0
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.3.7
+signing_key:
+specification_version: 4
+summary: Element Component
+test_files: []