lite-component 1.0.8 → 1.0.9

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 42c871c9d4d37bbc347dc56f867e94cb7b0f79cdca1d59d19178b53efb0f5ac3
-  data.tar.gz: 5344d77cc6ba9ca376de5109a1705482438ab41c249e4c94c674e6d51b0f4468
+  metadata.gz: fb7847b78bc4df9d5b25648f75500cc44b25f618a3c94a7d9ef63f300b5895dd
+  data.tar.gz: 92803d6916eaec8cea78e52ec90d3ff7fe9c8e84c28bb7c15cb9f6894e3c8d57
 SHA512:
-  metadata.gz: 30378e2f2adc971d9254c7b861b83c1e0f6dcc088113fd5e48980ec99171659492b0c9400e6257719eb91b05bea0a0ea0f779ca7441d671b68a5b148372e04c4
-  data.tar.gz: 3665e9afb7967818478bb7a8591e76c1eedf5ef70f07da03e2779322b99ab52dcfcfd930814eb31b46d78e10a349022cfb5716db68b9edbcc40b7ce6da48ac95
+  metadata.gz: ee11120c0cd193aacadfe3dfe67a4da98e92937c53cee918a8e84795acddeedc5b157aa7563262bdfa5dfdb14e9b170894e653b5839893e76ae3daaa00238ec9
+  data.tar.gz: 4ab99d6a718dcafa47fdd390456a1b175d6a0d845f65b130caa0aab723f4b13a590f1da9bd7e6d483d0dacf2b2b08ab7939b1dd532b2ddb9af043441a42f9e58

data/CHANGELOG.md

@@ -6,6 +6,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [1.0.9] - 2020-01-08
+### Added
+- Added block support to yield other components
+### Changed
+- Changed how the helper generated the component
+
 ## [1.0.8] - 2019-12-26
 ### Added
 - Added `c` local variable to access the component

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    lite-component (1.0.8)
+    lite-component (1.0.9)
       actionview
 
 GEM
@@ -39,7 +39,7 @@ GEM
     generator_spec (0.9.4)
       activesupport (>= 3.0.0)
       railties (>= 3.0.0)
-    i18n (1.7.0)
+    i18n (1.7.1)
       concurrent-ruby (~> 1.0)
     jaro_winkler (1.5.4)
     loofah (2.4.0)
@@ -51,7 +51,7 @@ GEM
     nokogiri (1.10.7)
       mini_portile2 (~> 2.4.0)
     parallel (1.19.1)
-    parser (2.7.0.0)
+    parser (2.7.0.2)
       ast (~> 2.4.0)
     rack (2.0.8)
     rack-test (1.1.0)
@@ -73,19 +73,19 @@ GEM
       rspec-core (~> 3.9.0)
       rspec-expectations (~> 3.9.0)
       rspec-mocks (~> 3.9.0)
-    rspec-core (3.9.0)
-      rspec-support (~> 3.9.0)
+    rspec-core (3.9.1)
+      rspec-support (~> 3.9.1)
     rspec-expectations (3.9.0)
       diff-lcs (>= 1.2.0, < 2.0)
       rspec-support (~> 3.9.0)
-    rspec-mocks (3.9.0)
+    rspec-mocks (3.9.1)
       diff-lcs (>= 1.2.0, < 2.0)
       rspec-support (~> 3.9.0)
-    rspec-support (3.9.0)
-    rubocop (0.78.0)
+    rspec-support (3.9.2)
+    rubocop (0.79.0)
       jaro_winkler (~> 1.5.1)
       parallel (~> 1.10)
-      parser (>= 2.6)
+      parser (>= 2.7.0.1)
       rainbow (>= 2.2.2, < 4.0)
       ruby-progressbar (~> 1.7)
       unicode-display_width (>= 1.4.0, < 1.7)

data/README.md

@@ -262,6 +262,36 @@ class AlertComponent < Lite::Component::Base
 end
 ```
 
+To add components as part of another component build a `block` and `yield` it in the component's view.
+
+```erb
+<%# app/views/components/_sidebar.html.erb %>
+
+<div class="sidebar">
+  <%= component("sidebar/navigation", locals: { class_name: "js-nav-links" }) do |c| %>
+    <% c.add("sidebar/navigation/link", locals: { text: "Link: 1", path: "/home", active: false }) %>
+    <% c.add("sidebar/navigation/link", locals: { text: "Link: 2", path: "/about", active: true }) %>
+    <% c.add("sidebar/navigation/link", locals: { text: "Link: 3", path: "/help", active: false }) do |n_c| %>
+      <% n_c.add("sidebar/something", locals: { test: "something" }) %>
+    <% end %>
+  <% end %>
+</div>
+```
+
+```erb
+<%# app/views/components/sidebar/_navigation.html.erb %>
+
+<div class="sidebar-navigation">
+  <%= c.yield %>
+</div>
+```
+
+```erb
+<%# app/views/components/sidebar/navigation/_link.html.erb %>
+
+<%= link_to(text, path, class: ("active" if l.active)) %>
+```
+
 ## 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.

data/app/helpers/lite/component/component_helper.rb

@@ -4,9 +4,9 @@ module Lite
   module Component
     module ComponentHelper
 
-      def component(name, options = {})
-        name = name.component_path if name.respond_to?(:component_path)
-        "#{name}_component".classify.constantize.render(self, options)
+      def component(name, options = {}, &block)
+        klass = Lite::Component::Base.build(name)
+        klass.render(self, options, &block)
       end
 
     end

data/lib/lite/component/base.rb

@@ -7,13 +7,20 @@ module Lite
       include ActionView::Context
       include ActionView::Helpers
 
+      attr_accessor :components
       attr_reader :context, :options
       attr_writer :iteration
 
-      def initialize(context, options = {})
+      # rubocop:disable Lint/UnusedMethodArgument
+      def initialize(context, options = {}, &block)
         @context = context
         @options = default_options.deep_merge(options)
+
+        @components = []
+
+        yield(self) if block_given?
       end
+      # rubocop:enable Lint/UnusedMethodArgument
 
       alias helpers context
       alias c context
@@ -21,6 +28,12 @@ module Lite
 
       class << self
 
+        def build(name)
+          return name if name.respond_to?(:component_path)
+
+          "#{name}_component".classify.constantize
+        end
+
         def component_name
           component_path.split('/').last
         end
@@ -29,13 +42,17 @@ module Lite
           name.underscore.sub('_component', '')
         end
 
-        def render(context, options = {})
-          klass = new(context, options)
+        def render(context, options = {}, &block)
+          klass = new(context, options, &block)
           klass.render
         end
 
       end
 
+      def add(name, options = {}, &block)
+        components << [name, options, block]
+      end
+
       def iteration
         @iteration ||= Lite::Component::Iteration.new(1, 0)
       end
@@ -67,6 +84,10 @@ module Lite
         "components/#{self.class.component_path}"
       end
 
+      def yield
+        context.safe_join(yield_content)
+      end
+
       private
 
       def default_options
@@ -82,6 +103,13 @@ module Lite
         }
       end
 
+      def yield_content
+        components.map do |name, options, block|
+          klass = self.class.build(name)
+          klass.render(context, options, &block)
+        end
+      end
+
     end
   end
 end

data/lib/lite/component/version.rb

@@ -3,7 +3,7 @@
 module Lite
   module Component
 
-    VERSION ||= '1.0.8'
+    VERSION ||= '1.0.9'
 
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: lite-component
 version: !ruby/object:Gem::Version
-  version: 1.0.8
+  version: 1.0.9
 platform: ruby
 authors:
 - Juan Gomez
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2019-12-26 00:00:00.000000000 Z
+date: 2020-01-08 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionview
@@ -191,7 +191,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.1.1
+rubygems_version: 3.1.2
 signing_key: 
 specification_version: 4
 summary: Generate component from collections of data points