spark-component 1.0.0.pre.alpha

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: e80ca22fbbdff560a6bf1c412bd44ddda40621249e0a88da79a7c689cfe96374
+  data.tar.gz: eb224b7a35ba9d5e638aa34b6100a33a796922edff6dccd158a2952553e82360
+SHA512:
+  metadata.gz: 1dcfa28c2753d30bcd99b8999122be6f9001be34aa2d2e0efafdb8bd3c57edc8165826a454c9c7d166e2817fc397d072e84d4f082ad994ac05d863f05aaa9ea2
+  data.tar.gz: 673702ead1f88344bf279a0eb507c61a3e49fce8ad3b5153839bf83198a7ad166d898ead08dc5d4117cfd26b9ae7b8e33d44b4c4b7f65eab03c71ef95d8e7653

data/.gitignore

@@ -0,0 +1,8 @@
+/.bundle/
+/.yardoc
+/_yardoc/
+/coverage/
+/doc/
+/pkg/
+/spec/reports/
+/tmp/

data/.rubocop.yml

@@ -0,0 +1,55 @@
+AllCops:
+  TargetRubyVersion: 2.6.3
+
+Metrics/LineLength:
+  Max: 120
+
+Metrics/MethodLength:
+  Max: 20
+
+Metrics/CyclomaticComplexity:
+  Max: 10
+
+Metrics/PerceivedComplexity:
+  Max: 10
+
+Metrics/AbcSize:
+  Max: 20
+
+Metrics/BlockLength:
+  Exclude:
+    - 'test/**/*.rb'
+
+Metrics/ClassLength:
+  Exclude:
+    - 'test/**/*.rb'
+    - 'lib/spark_components/element.rb'
+
+Layout/TrailingBlankLines:
+  EnforcedStyle: final_blank_line
+
+Naming/VariableNumber:
+  EnforcedStyle: snake_case
+
+Style/Documentation:
+  Enabled: false
+
+Style/ClassAndModuleChildren:
+  Exclude:
+    - 'test/tmp/app/components/baz/foobar_component.rb'
+
+Style/IfUnlessModifier:
+  Enabled: false
+
+Style/MixinUsage:
+  Exclude:
+    - 'test/dummy/bin/setup'
+    - 'test/dummy/bin/update'
+
+Style/StringLiterals:
+  EnforcedStyle: double_quotes
+
+Style/FrozenStringLiteralComment:
+  Exclude:
+    - 'test/**/*.rb'
+

data/CODE_OF_CONDUCT.md

@@ -0,0 +1,74 @@
+# Contributor Covenant Code of Conduct
+
+## Our Pledge
+
+In the interest of fostering an open and welcoming environment, we as
+contributors and maintainers pledge to making participation in our project and
+our community a harassment-free experience for everyone, regardless of age, body
+size, disability, ethnicity, gender identity and expression, level of experience,
+nationality, personal appearance, race, religion, or sexual identity and
+orientation.
+
+## Our Standards
+
+Examples of behavior that contributes to creating a positive environment
+include:
+
+* Using welcoming and inclusive language
+* Being respectful of differing viewpoints and experiences
+* Gracefully accepting constructive criticism
+* Focusing on what is best for the community
+* Showing empathy towards other community members
+
+Examples of unacceptable behavior by participants include:
+
+* The use of sexualized language or imagery and unwelcome sexual attention or
+advances
+* Trolling, insulting/derogatory comments, and personal or political attacks
+* Public or private harassment
+* Publishing others' private information, such as a physical or electronic
+  address, without explicit permission
+* Other conduct which could reasonably be considered inappropriate in a
+  professional setting
+
+## Our Responsibilities
+
+Project maintainers are responsible for clarifying the standards of acceptable
+behavior and are expected to take appropriate and fair corrective action in
+response to any instances of unacceptable behavior.
+
+Project maintainers have the right and responsibility to remove, edit, or
+reject comments, commits, code, wiki edits, issues, and other contributions
+that are not aligned to this Code of Conduct, or to ban temporarily or
+permanently any contributor for other behaviors that they deem inappropriate,
+threatening, offensive, or harmful.
+
+## Scope
+
+This Code of Conduct applies both within project spaces and in public spaces
+when an individual is representing the project or its community. Examples of
+representing a project or community include using an official project e-mail
+address, posting via an official social media account, or acting as an appointed
+representative at an online or offline event. Representation of a project may be
+further defined and clarified by project maintainers.
+
+## Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be
+reported by contacting the project team at brandon@imathis.com. All
+complaints will be reviewed and investigated and will result in a response that
+is deemed necessary and appropriate to the circumstances. The project team is
+obligated to maintain confidentiality with regard to the reporter of an incident.
+Further details of specific enforcement policies may be posted separately.
+
+Project maintainers who do not follow or enforce the Code of Conduct in good
+faith may face temporary or permanent repercussions as determined by other
+members of the project's leadership.
+
+## Attribution
+
+This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4,
+available at [http://contributor-covenant.org/version/1/4][version]
+
+[homepage]: http://contributor-covenant.org
+[version]: http://contributor-covenant.org/version/1/4/

data/Gemfile

@@ -0,0 +1,7 @@
+source "https://rubygems.org"
+
+# Specify your gem's dependencies in spark-component.gemspec
+gemspec
+
+gem "pry-byebug", group: %i[development test]
+gem "rails", "~> 6.0.0"

data/Gemfile.lock

@@ -0,0 +1,179 @@
+PATH
+  remote: .
+  specs:
+    spark-component (1.0.0.pre.alpha)
+
+GEM
+  remote: https://rubygems.org/
+  specs:
+    actioncable (6.0.1)
+      actionpack (= 6.0.1)
+      nio4r (~> 2.0)
+      websocket-driver (>= 0.6.1)
+    actionmailbox (6.0.1)
+      actionpack (= 6.0.1)
+      activejob (= 6.0.1)
+      activerecord (= 6.0.1)
+      activestorage (= 6.0.1)
+      activesupport (= 6.0.1)
+      mail (>= 2.7.1)
+    actionmailer (6.0.1)
+      actionpack (= 6.0.1)
+      actionview (= 6.0.1)
+      activejob (= 6.0.1)
+      mail (~> 2.5, >= 2.5.4)
+      rails-dom-testing (~> 2.0)
+    actionpack (6.0.1)
+      actionview (= 6.0.1)
+      activesupport (= 6.0.1)
+      rack (~> 2.0)
+      rack-test (>= 0.6.3)
+      rails-dom-testing (~> 2.0)
+      rails-html-sanitizer (~> 1.0, >= 1.2.0)
+    actiontext (6.0.1)
+      actionpack (= 6.0.1)
+      activerecord (= 6.0.1)
+      activestorage (= 6.0.1)
+      activesupport (= 6.0.1)
+      nokogiri (>= 1.8.5)
+    actionview (6.0.1)
+      activesupport (= 6.0.1)
+      builder (~> 3.1)
+      erubi (~> 1.4)
+      rails-dom-testing (~> 2.0)
+      rails-html-sanitizer (~> 1.1, >= 1.2.0)
+    actionview-component (1.4.0)
+    activejob (6.0.1)
+      activesupport (= 6.0.1)
+      globalid (>= 0.3.6)
+    activemodel (6.0.1)
+      activesupport (= 6.0.1)
+    activerecord (6.0.1)
+      activemodel (= 6.0.1)
+      activesupport (= 6.0.1)
+    activestorage (6.0.1)
+      actionpack (= 6.0.1)
+      activejob (= 6.0.1)
+      activerecord (= 6.0.1)
+      marcel (~> 0.3.1)
+    activesupport (6.0.1)
+      concurrent-ruby (~> 1.0, >= 1.0.2)
+      i18n (>= 0.7, < 2)
+      minitest (~> 5.1)
+      tzinfo (~> 1.1)
+      zeitwerk (~> 2.2)
+    ast (2.4.0)
+    builder (3.2.3)
+    byebug (11.0.1)
+    coderay (1.1.2)
+    concurrent-ruby (1.1.5)
+    crass (1.0.5)
+    erubi (1.9.0)
+    globalid (0.4.2)
+      activesupport (>= 4.2.0)
+    i18n (1.7.0)
+      concurrent-ruby (~> 1.0)
+    jaro_winkler (1.5.3)
+    loofah (2.3.1)
+      crass (~> 1.0.2)
+      nokogiri (>= 1.5.9)
+    mail (2.7.1)
+      mini_mime (>= 0.1.1)
+    marcel (0.3.3)
+      mimemagic (~> 0.3.2)
+    memory_profiler (0.9.14)
+    method_source (0.9.2)
+    mimemagic (0.3.3)
+    mini_mime (1.0.2)
+    mini_portile2 (2.4.0)
+    minitest (5.1.0)
+    nio4r (2.5.2)
+    nokogiri (1.10.5)
+      mini_portile2 (~> 2.4.0)
+    parallel (1.18.0)
+    parser (2.6.3.0)
+      ast (~> 2.4.0)
+    pry (0.12.2)
+      coderay (~> 1.1.0)
+      method_source (~> 0.9.0)
+    pry-byebug (3.7.0)
+      byebug (~> 11.0)
+      pry (~> 0.10)
+    rack (2.0.7)
+    rack-test (1.1.0)
+      rack (>= 1.0, < 3)
+    rails (6.0.1)
+      actioncable (= 6.0.1)
+      actionmailbox (= 6.0.1)
+      actionmailer (= 6.0.1)
+      actionpack (= 6.0.1)
+      actiontext (= 6.0.1)
+      actionview (= 6.0.1)
+      activejob (= 6.0.1)
+      activemodel (= 6.0.1)
+      activerecord (= 6.0.1)
+      activestorage (= 6.0.1)
+      activesupport (= 6.0.1)
+      bundler (>= 1.3.0)
+      railties (= 6.0.1)
+      sprockets-rails (>= 2.0.0)
+    rails-dom-testing (2.0.3)
+      activesupport (>= 4.2.0)
+      nokogiri (>= 1.6)
+    rails-html-sanitizer (1.3.0)
+      loofah (~> 2.3)
+    railties (6.0.1)
+      actionpack (= 6.0.1)
+      activesupport (= 6.0.1)
+      method_source
+      rake (>= 0.8.7)
+      thor (>= 0.20.3, < 2.0)
+    rainbow (3.0.0)
+    rake (10.5.0)
+    rubocop (0.74.0)
+      jaro_winkler (~> 1.5.1)
+      parallel (~> 1.10)
+      parser (>= 2.6)
+      rainbow (>= 2.2.2, < 4.0)
+      ruby-progressbar (~> 1.7)
+      unicode-display_width (>= 1.4.0, < 1.7)
+    ruby-progressbar (1.10.1)
+    slim (4.0.1)
+      temple (>= 0.7.6, < 0.9)
+      tilt (>= 2.0.6, < 2.1)
+    sprockets (4.0.0)
+      concurrent-ruby (~> 1.0)
+      rack (> 1, < 3)
+    sprockets-rails (3.2.1)
+      actionpack (>= 4.0)
+      activesupport (>= 4.0)
+      sprockets (>= 3.0.0)
+    temple (0.8.2)
+    thor (0.20.3)
+    thread_safe (0.3.6)
+    tilt (2.0.10)
+    tzinfo (1.2.5)
+      thread_safe (~> 0.1)
+    unicode-display_width (1.6.0)
+    websocket-driver (0.7.1)
+      websocket-extensions (>= 0.1.0)
+    websocket-extensions (0.1.4)
+    zeitwerk (2.2.1)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  actionview-component
+  bundler (~> 2.0)
+  memory_profiler
+  minitest (= 5.1.0)
+  pry-byebug
+  rails (~> 6.0.0)
+  rake (~> 10.0)
+  rubocop
+  slim
+  spark-component!
+
+BUNDLED WITH
+   2.0.2

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2019 Brandon Mathis
+
+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,43 @@
+# Spark::Component
+
+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/spark/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 'spark-component'
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install spark-component
+
+## Usage
+
+TODO: Write usage instructions here
+
+## Development
+
+After checking out the repo, run `bin/setup` to install dependencies. 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 tags, 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/imathis/spark-component. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
+
+## License
+
+The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
+
+## Code of Conduct
+
+Everyone interacting in the Spark::Component project’s codebases, issue trackers, chat rooms and mailing lists is expected to follow the [code of conduct](https://github.com/imathis/spark-component/blob/master/CODE_OF_CONDUCT.md).

data/Rakefile

@@ -0,0 +1,16 @@
+# frozen_string_literal: true
+
+require "bundler/gem_tasks"
+require "rake/testtask"
+
+Rake::TestTask.new(:test) do |t|
+  t.libs = %w(lib test)
+  t.pattern = 'test/**/*_test.rb'
+end
+
+Rake::TestTask.new(:bench) do |t|
+  t.libs = %w(lib test)
+  t.pattern = 'test/**/*_benchmark.rb'
+end
+
+task default: :test

data/bin/console

@@ -0,0 +1,14 @@
+#!/usr/bin/env ruby
+
+require "bundler/setup"
+require "spark/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/spark/component/attr.rb

@@ -0,0 +1,42 @@
+# frozen_string_literal: true
+
+module Spark
+  module Component
+    class Attr < Hash
+      def initialize(*args, prefix: nil)
+        super(*args)
+        @prefix = prefix
+      end
+
+      def add(hash)
+        return self if hash.nil? || hash.keys.empty?
+
+        dasherize_keys(hash)
+        merge!(hash)
+        self
+      end
+
+      # Output all attributes as [prefix-]name="value"
+      def to_s
+        each_with_object([]) do |(name, value), array|
+          if value.is_a?(Component::Attr)
+            # Flatten nested hashs and inject them unless empty
+            value = value.to_s
+            array << value unless value.empty?
+          else
+            name = [@prefix, name].compact.join("-").gsub(/[\W_]+/, "-")
+            array << %(#{name}="#{value}") unless value.nil?
+          end
+        end.sort.join(" ")
+      end
+
+      private
+
+      def dasherize_keys(hash)
+        hash.merge!(hash.keys.each_with_object({}) do |key, obj|
+          obj[key.to_s.gsub(/[\W_]+/, "-")] = hash.delete(key) if key.to_s.include?("_")
+        end)
+      end
+    end
+  end
+end

data/lib/spark/component/attribute.rb

@@ -0,0 +1,197 @@
+# frozen_string_literal: true
+
+require "spark/component/tag_attr"
+
+# Allows components to easily manage their attributes
+#
+#  # Example component usage:
+#
+#    class SomeClass
+#      include Spark::Component::Attribute
+#
+#      # Set a :label attribute, and a :size attribute with default value :large
+#      attribute :label, { size: :large }
+#
+#      def inialize(attributes = nil)
+#        initialize_attributes(attributes)
+#      end
+#    end
+#
+#  # When initialized like:
+#
+#    some_instance = SomeClass.new(label: "Test")
+#
+#  The Class's instance will now have access to
+#
+#    @label => "Test"
+#    @size  => :large
+#
+#  And will define access methods:
+#
+#    some_instance.attribute_label
+#    some_instance.attribute_size
+#
+#  Attributes can also be accessed with a helper method
+#
+#    some_instance.attr(:label)
+#    some_instance.attr(:size)
+#
+#  Extending a class will extend its attributes and their defaults.
+#
+#  This supports a common set of base attributes such as id, class, data, aria, and html.
+#  The html attribute is meant to allow for passing along unaccounted for tag attributes.
+#
+module Spark
+  module Component
+    BASE_ATTRIBUTES = {
+      id: nil,
+      class: nil,
+      data: {},
+      aria: {},
+      html: {}
+    }.freeze
+
+    module Attribute
+      # All components and elements will support these attributes
+
+      def self.included(base)
+        base.extend(ClassMethods)
+      end
+
+      # Assign instance variables for attributes defined by the class
+      def initialize_attributes(attrs = nil)
+        attrs ||= {}
+
+        self.class.attributes.each do |name, default|
+          value = attrs[name] || (!default.nil? ? default : nil)
+          if set?(value)
+            instance_variable_set(:"@#{name}", value)
+            attributes[name] = value
+          end
+        end
+      end
+
+      def attr(name)
+        instance_variable_get(:"@#{name}")
+      end
+
+      def attributes
+        @attributes ||= {}
+      end
+
+      # Accepts an array of instance variables and returns
+      # a hash of variables with their values, if they are set.
+      #
+      # Example:
+      #   @a = 1
+      #   @b = nil
+      #
+      #   attr_hash(:a, :b, :c) => { a: 1 }
+      #
+      # Example use case:
+      #
+      # tag.div(data: attr_hash(:remote, :method)) { ... }
+      #
+      def attr_hash(*args)
+        args.each_with_object({}) do |name, obj|
+          val = instance_variable_get(:"@#{name}")
+          obj[name] = val unless val.nil?
+        end
+      end
+
+      # Initialize tag attributes from BASE_ATTRIBUTES
+      #
+      # If a component or element has arguments defined as base attributes
+      # they will automatically be added to the tag_attrs
+      def tag_attrs
+        @tag_attrs ||= TagAttr.new.add attr_hash(*BASE_ATTRIBUTES.keys)
+      end
+
+      # Easy reference a tag's classname
+      def classname
+        tag_attrs.classname
+      end
+
+      # Easy reference a tag's data attributes
+      def data
+        tag_attrs.data
+      end
+
+      # Easy reference a tag's aria attributes
+      def aria
+        tag_attrs.aria
+      end
+
+      private
+
+      # Help filter out attributes with blank values.
+      # Not using `blank?` to avoid Rails requirement
+      # and because `false` is a valid value.
+      def set?(value)
+        !(value.nil? || value.respond_to?(:empty?) && value.empty?)
+      end
+
+      module ClassMethods
+        def attributes
+          @attributes ||= Spark::Component::BASE_ATTRIBUTES.dup
+        end
+
+        # Sets attributes, accepts an array of keys, pass a hash to set default values
+        #
+        # Examples:
+        #   - attribute(:foo, :bar, :baz)               => { foo: nil, bar: nil, baz: nil }
+        #   - attribute(:foo, :bar, { baz: true })      => { foo: nil, bar: nil, baz: true }
+        #   - attribute(foo: true, bar: true, baz: nil) => { foo: true, bar: true, baz: nil }
+        #
+        def attribute(*args)
+          args.each do |arg|
+            if arg.is_a?(::Hash)
+              arg.each do |key, value|
+                set_attribute(key.to_sym, default: value)
+              end
+            else
+              set_attribute(arg.to_sym)
+            end
+          end
+        end
+
+        # A namespaced passthrough for validating attributes
+        #
+        # Option: `choices` - easily validate against an array
+        #   Essentially a simplification of `inclusion` for attributes.
+        #
+        # Examples:
+        #   - validates_attr(:size, choices: %i[small medium large])
+        #   - validates_attr(:size, choices: SIZES, allow_blank: true)
+        #
+        def validates_attr(name, options = {})
+          name = :"attribute_#{name}"
+
+          if (choices = options.delete(:choices))
+            supported_choices = choices.map { |c| c.is_a?(String) ? c.to_sym : c.to_s }.concat(choices)
+
+            choices = choices.map(&:inspect).to_sentence(last_word_connector: ", or ")
+            message = "\"%<value>s\" is not valid. Options include: #{choices}."
+
+            options.merge!(inclusion: { in: supported_choices, message: message })
+          end
+
+          validates(name, options)
+        end
+
+        private
+
+        # Store attributes and define methods for validation
+        def set_attribute(name, default: nil)
+          attributes[name] = default
+
+          # Define a method to access attribute to support validation
+          # Namespace attribute methods to prevent collision with methods or elements
+          define_method(:"attribute_#{name}") do
+            instance_variable_get(:"@#{name}")
+          end
+        end
+      end
+    end
+  end
+end

data/lib/spark/component/classname.rb

@@ -0,0 +1,56 @@
+# frozen_string_literal: true
+
+module Spark
+  module Component
+    class Classname < Array
+      def initialize(*args, base: nil, &block)
+        super(args, &block)
+        self.base = base unless base.nil?
+        @base_set = !base.nil?
+      end
+
+      # Many elements have a base class which defines core utlitiy
+      # This classname may serve as a root for other element classnames
+      # and should be distincly accessible
+      #
+      # For example:
+      #   classes = Classname.new
+      #   classes.base = 'nav__item'
+      #   now generate a wrapper: "#{classes.base}__wrapper"
+      #
+      # Ensure base class is the first element in the classes array.
+      #
+      def base=(klass)
+        return if klass.nil? || klass.empty?
+
+        if @base_set
+          self[0] = klass
+        else
+          unshift klass
+          @base_set = true
+        end
+
+        uniq!
+      end
+
+      def base
+        first if @base_set
+      end
+
+      def add(*args)
+        push(*args.flatten.uniq.reject { |a| a.nil? || include?(a) })
+        self
+      end
+
+      def join_base(name, separator = "-")
+        raise(StandardError, "Base class not defined for `join_base(#{name}, …)`") if base.nil?
+
+        [base, name].join(separator)
+      end
+
+      def to_s
+        join(" ")
+      end
+    end
+  end
+end

data/lib/spark/component/element.rb

@@ -0,0 +1,233 @@
+# frozen_string_literal: true
+
+require "spark/component/attribute"
+
+module Spark
+  module Component
+    module Element
+      class Error < StandardError; end
+
+      def self.included(base)
+        base.include(Spark::Component::Attribute)
+        base.extend(Spark::Component::Element::ClassMethods)
+
+        %i[_parent _block view_context].each do |name|
+          base.define_method(:"#{name}=") { |val| instance_variable_set(:"@#{name}", val) }
+          base.define_method(:"#{name}")  { instance_variable_get(:"@#{name}") }
+        end
+      end
+
+      def initialize(attributes = nil)
+        initialize_attributes(attributes)
+        initialize_elements
+        super
+      end
+
+      def render_self
+        return @content unless @content.nil?
+
+        @content = render_block(view_context, &_block)
+        validate! if defined?(ActiveModel::Validations)
+        @content
+      end
+
+      def render_block(view, &block)
+        block_given? ? view.capture(self, &block) : nil
+      end
+
+      def yield
+        render_self
+      end
+
+      private
+
+      # Create instance variables for each element
+      def initialize_elements
+        self.class.elements.each do |name, options|
+          if (plural_name = options[:multiple])
+
+            # Setting an empty array allows us to enumerate
+            # without needing to check for presence first.
+            set_element_variable(plural_name, [])
+          else
+            set_element_variable(name, nil)
+          end
+        end
+      end
+
+      # Simplify accessing namespaced element instance variables
+      def set_element_variable(name, value)
+        instance_variable_set(:"@element_#{name}", value)
+      end
+
+      # Simplify accessing namespaced element instance variables
+      def get_element_variable(name)
+        instance_variable_get(:"@element_#{name}")
+      end
+
+      # Override the default value for an element's attribute(s)
+      def set_element_attr_default(element, attrs = {})
+        element_attr_default[element] = attrs
+      end
+
+      def element_attr_default
+        @element_attr_default ||= {}
+      end
+
+      # Merge user defined attributes with the overriden attributes of an element
+      def merge_element_attr_default(name, attributes)
+        attrs = element_attr_default[name]
+        attributes = attrs.merge(attributes || {}) unless attrs.nil? || attrs.empty?
+        attributes
+      end
+
+      module ClassMethods
+        def inherited(child)
+          child.elements.replace(elements.merge(child.elements))
+          child.attributes.replace(attributes.merge(child.attributes))
+        end
+
+        def elements
+          @elements ||= {}
+        end
+
+        # Class method for adding elements
+        #
+        # Options:
+        #
+        #   name: Symbol
+        #
+        #     Create a method for interacting with an element
+        #     This name cannot be the same as another instance method
+        #
+        #   multiple: Boolean (default: false)
+        #
+        #     Defining `multiple: true` causes elements to be injected
+        #     into an array. A pluralized method is created to access
+        #     each element instance.
+        #
+        #     For example, `element(:item, multiple: true)` will create
+        #     an `:items` method and each time an item is executed, its
+        #     instance will be added to items.
+        #
+        #   component: Class
+        #
+        #     By default all elements include Element and extend its class methods
+        #     Passing a class like `component: Nav::Item` will extend that component
+        #     adding Element, Attributes, TagAttr and render methods.
+        #
+        #   &config: Block
+        #
+        #     When defining a method, you may pass an optional block to
+        #     configure attributes, nested elements, or even define methods.
+        #
+        def element(name, multiple: false, component: nil, &config)
+          plural_name = name.to_s.pluralize.to_sym if multiple
+          klass = extend_class(component, &config)
+          elements[name] = { multiple: plural_name }
+
+          define_element(name: name, plural: plural_name, multiple: multiple, klass: klass)
+        end
+
+        # Element method will create a new element instance, or if no
+        # attributes or block is passed it will return the instance
+        # defined for that element.
+        #
+        # For example when rendering a component, passing attributes or a
+        # block will create a new instance of that element.
+        #
+        #   # Some view (Slim)
+        #   = render(Nav) do |nav|
+        #     - nav.item(href: "#url") { "link text" }
+        #
+        # Then when referencing the element in the component's template it
+        # the method will return the instance. Call yield to output an
+        # elemnet's block
+        #
+        #   # Nav template (Slim)
+        #   nav
+        #     - items.each do |item|
+        #       a href=item.href
+        #         = item.yield
+        #
+        def define_element(name:, plural:, multiple:,  klass:)
+          define_method_if_able(name) do |attributes = nil, &block|
+            return get_element_variable(multiple ? plural : name) unless block || attributes
+
+            attributes = merge_element_attr_default(name, attributes)
+
+            element = klass.new(attributes)
+            element._parent = self
+            element._block = block
+            element.view_context = view_context
+
+            # If element supports multiple instances, inject instance
+            # into array for later enumeration
+            if multiple
+              get_element_variable(plural) << element
+            else
+              set_element_variable(name, element)
+            end
+          end
+
+          return if !multiple || name == plural
+
+          # Define a pluralized method name to access enumerable element instances.
+          define_method_if_able(plural) do
+            get_element_variable(plural)
+          end
+        end
+
+        private
+
+        # If an element extends a component, extend that component's class and include the necessary modules
+        def extend_class(component, &config)
+          base = Class.new(component || Spark::Component::Element::Base, &config)
+          define_model_name(base) if defined?(ActiveModel)
+
+          return base unless component
+
+          # Allow element to reference its source component
+          base.define_singleton_method(:source_component) { component }
+
+          # Override component when used as an element
+          base.include(Spark::Component::Integration::Element) if defined?(Spark::Component::Integration)
+
+          base
+        end
+
+        # ActiveModel validations require a model_name. This helps connect new classes to their proper model names.
+        def define_model_name(klass)
+          klass.define_singleton_method(:model_name) do
+            # try the current class, the parent class, or default to Spark::Component
+            named_klass = [self.class, superclass, Spark::Component].reject { |k| k == Class }.first
+            ActiveModel::Name.new(named_klass)
+          end
+        end
+
+        # Prevent an element method from overwriting an existing method
+        def define_method_if_able(method_name, &block)
+          # Select instance methods but not those which are intance methods received by extending a class
+          methods = (instance_methods - superclass.instance_methods(false))
+
+          if methods.include?(method_name.to_sym)
+            raise(Element::Error, "Method '#{method_name}' already exists.")
+          end
+
+          define_method(method_name, &block)
+        end
+      end
+
+      # Base class for non-component elements
+      class Base
+        include ActiveModel::Validations if defined?(ActiveModel)
+        include Spark::Component::Element
+
+        def initialize(attributes)
+          initialize_attributes(attributes)
+          initialize_elements
+        end
+      end
+    end
+  end
+end

data/lib/spark/component/integration/action_view_component.rb

@@ -0,0 +1,66 @@
+# frozen_string_literal: true
+
+module Spark
+  module Component
+    module Integration
+      def self.base_class
+        ActionView::Component::Base
+      end
+
+      def self.included(base)
+        base.extend(ClassMethods)
+      end
+
+      # Override ActionView::Components::Base `render_in`
+      # This is only necessary in order to pass `self` as a block parameter
+      def render_in(view_context, &block)
+        self.class.compile
+        @view_context = view_context
+        @view_renderer ||= view_context.view_renderer
+        @lookup_context ||= view_context.lookup_context
+        @view_flow ||= view_context.view_flow
+        @virtual_path ||= virtual_path
+
+        # Pass self as a block parameter
+        @content = render_block(view_context, &block) if block_given?
+        validate!
+        call
+      end
+
+      def render_self
+        render_in(view_context, &_block)
+      end
+
+      # Override class methods for components
+      module ClassMethods
+        # Override source_location to allow a component to uses the superclass's template
+        def inherit_template
+          define_singleton_method(:source_location) { superclass.source_location }
+        end
+
+        # Use a template from a specific class
+        def use_template(klass)
+          define_singleton_method(:source_location) { klass.source_location }
+        end
+      end
+
+      module Element
+        def self.included(base)
+          base.extend(ClassMethods)
+        end
+
+        # Override class methods when component is used as an element
+        module ClassMethods
+          # This is used to force components to define an initialize method
+          # Overriding it means elements can defer to the original component's initialize method
+          def ensure_initializer_defined; end
+
+          # Allows elements to use component's original tempalte file.
+          def source_location
+            source_component.source_location
+          end
+        end
+      end
+    end
+  end
+end

data/lib/spark/component/tag_attr.rb

@@ -0,0 +1,44 @@
+# frozen_string_literal: true
+
+require "spark/component/attr"
+require "spark/component/classname"
+
+module Spark
+  module Component
+    class TagAttr < Component::Attr
+      def add(hash)
+        return self if hash.nil? || hash.keys.empty?
+
+        # Extract keys for special properties
+        extracted = {
+          aria: hash.delete(:aria),
+          data: hash.delete(:data),
+          classname: hash.delete(:class)
+        }
+
+        # If extracted values exist, add to tag
+        extracted.each do |method, val|
+          send(method).add(val) unless val.nil? || val.empty?
+        end
+
+        # Add html using recursion, this ensures that nested data, aria, or class
+        # attributes are properly merged as the right data types
+        add(hash.delete(:html))
+
+        super(hash)
+      end
+
+      def aria(*args)
+        self[:aria] ||= Component::Attr.new(*args, prefix: :aria)
+      end
+
+      def data(*args)
+        self[:data] ||= Component::Attr.new(*args, prefix: :data)
+      end
+
+      def classname(*args, base: nil)
+        self[:class] ||= Component::Classname.new(*args, base: base)
+      end
+    end
+  end
+end

data/lib/spark/component/version.rb

@@ -0,0 +1,7 @@
+# frozen_string_literal: true
+
+module Spark
+  module Component
+    VERSION = "1.0.0-alpha".freeze
+  end
+end

data/lib/spark/component.rb

@@ -0,0 +1,20 @@
+require "spark/component/version"
+require "spark/component/element"
+
+if defined?(ActionView::Component::Base)
+  require "spark/component/integration/action_view_component"
+end
+
+module Spark
+  module Component
+    def self.included(base)
+      base.include Spark::Component::Element unless base < Spark::Component::Element
+
+      # If an Integration is defeind include its modules if the component extends
+      # the defined base class
+      return unless defined?(Spark::Component::Integration)
+
+      base.include(Spark::Component::Integration) if base < Spark::Component::Integration.base_class
+    end
+  end
+end

data/spark-component.gemspec

@@ -0,0 +1,38 @@
+lib = File.expand_path("lib", __dir__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require "spark/component/version"
+
+Gem::Specification.new do |spec|
+  spec.name          = "spark-component"
+  spec.version       = Spark::Component::VERSION
+  spec.authors       = ["Brandon Mathis"]
+  spec.email         = ["brandon@imathis.com"]
+
+  spec.summary       = %q{Add a Spark of awesome to your ActionView Component.}
+  spec.homepage      = "https://github.com/spark-engine/component"
+  spec.license       = "MIT"
+
+  spec.metadata["allowed_push_host"] = "https://rubygems.org"
+
+  spec.metadata["homepage_uri"] = spec.homepage
+  spec.metadata["source_code_uri"] = "https://github.com/spark-engine/component"
+  spec.metadata["changelog_uri"] = "https://github.com/spark-engine/component/blob/master/CHANGELOG.md"
+
+  # Specify which files should be added to the gem when it is released.
+  # The `git ls-files -z` loads the files in the RubyGem that have been added into git.
+  spec.files         = Dir.chdir(File.expand_path('..', __FILE__)) do
+    `git ls-files -z`.split("\x0").reject { |f| f.match(%r{^(test|spec|features)/}) }
+  end
+
+  spec.bindir        = "exe"
+  spec.executables   = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
+  spec.require_paths = ["lib"]
+
+  spec.add_development_dependency "bundler", "~> 2.0"
+  spec.add_development_dependency "actionview-component"
+  spec.add_development_dependency "memory_profiler"
+  spec.add_development_dependency "minitest", "= 5.1.0"
+  spec.add_development_dependency "rake", "~> 10.0"
+  spec.add_development_dependency "rubocop"
+  spec.add_development_dependency "slim"
+end

metadata

@@ -0,0 +1,165 @@
+--- !ruby/object:Gem::Specification
+name: spark-component
+version: !ruby/object:Gem::Version
+  version: 1.0.0.pre.alpha
+platform: ruby
+authors:
+- Brandon Mathis
+autorequire: 
+bindir: exe
+cert_chain: []
+date: 2019-11-13 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.0'
+- !ruby/object:Gem::Dependency
+  name: actionview-component
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: memory_profiler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: minitest
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '='
+      - !ruby/object:Gem::Version
+        version: 5.1.0
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '='
+      - !ruby/object:Gem::Version
+        version: 5.1.0
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+- !ruby/object:Gem::Dependency
+  name: rubocop
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: slim
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+description: 
+email:
+- brandon@imathis.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- ".rubocop.yml"
+- CHANGELOG.md
+- CODE_OF_CONDUCT.md
+- Gemfile
+- Gemfile.lock
+- LICENSE.txt
+- README.md
+- Rakefile
+- bin/console
+- bin/setup
+- lib/spark/component.rb
+- lib/spark/component/attr.rb
+- lib/spark/component/attribute.rb
+- lib/spark/component/classname.rb
+- lib/spark/component/element.rb
+- lib/spark/component/integration/action_view_component.rb
+- lib/spark/component/tag_attr.rb
+- lib/spark/component/version.rb
+- spark-component.gemspec
+homepage: https://github.com/spark-engine/component
+licenses:
+- MIT
+metadata:
+  allowed_push_host: https://rubygems.org
+  homepage_uri: https://github.com/spark-engine/component
+  source_code_uri: https://github.com/spark-engine/component
+  changelog_uri: https://github.com/spark-engine/component/blob/master/CHANGELOG.md
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">"
+    - !ruby/object:Gem::Version
+      version: 1.3.1
+requirements: []
+rubygems_version: 3.0.3
+signing_key: 
+specification_version: 4
+summary: Add a Spark of awesome to your ActionView Component.
+test_files: []