erb_component 0.1.5 → 0.2.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 9e48ccbfc0ce46abcce8ecedab8dd8b56e64254b242ba52e919429c4aba0e362
-  data.tar.gz: c976659b689ad129f06160d1423af4f4ad168209af878c81cf647f4c0257b9b8
+  metadata.gz: 5de384cea9f470c6f868504164cac3c5f3699e7abb745834510770958463fde8
+  data.tar.gz: 59b2b4bcaed9977ddd6b37a7666cc6ccc6ce7119d2a1a6eea34ef0032842b59f
 SHA512:
-  metadata.gz: df51f06dd8f67c0dbeacbee4267de9107268b29b4b7bfbedaae273774924940d5c3f5de767e8c31e9fa2f6157a0d5dae80e363ca9cabaff62dbeaabbc233b190
-  data.tar.gz: 0b54f5577b6ee16e915dd33cd0931d950bd8726a59091c0e2dc471cc327b3af4df4eb3f88fe968a6ad61c32ca9467e4b7dabbd492f3a9c93255d74ca185d03d9
+  metadata.gz: 0d34289d0b204ba847d9bbdd6467d1dd7fcc10d923703ba8a8d7252718d2093ced3b002888da2f71b45c739842c1d16d55e8bc94accccd49b31a2fd788c1995b
+  data.tar.gz: 69c1cc17b40e3b38e4d58733e6b1e5971953166d50d47446152f3d23375f1b93ab825f4274258d57b95bd4b41407cde9aaa74a02b021f1c7eaa6c842cc63a3e2

data/.gitattributes

@@ -0,0 +1 @@
+* text=auto eol=lf

data/.gitignore

@@ -6,3 +6,5 @@
 /pkg/
 /spec/reports/
 /tmp/
+
+.idea

data/.rspec

@@ -0,0 +1 @@
+--require spec_helper

data/Gemfile.lock

@@ -0,0 +1,74 @@
+PATH
+  remote: .
+  specs:
+    erb_component (0.2.1)
+
+GEM
+  remote: https://rubygems.org/
+  specs:
+    actionview (6.1.3.2)
+      activesupport (= 6.1.3.2)
+      builder (~> 3.1)
+      erubi (~> 1.4)
+      rails-dom-testing (~> 2.0)
+      rails-html-sanitizer (~> 1.1, >= 1.2.0)
+    activesupport (6.1.3.2)
+      concurrent-ruby (~> 1.0, >= 1.0.2)
+      i18n (>= 1.6, < 2)
+      minitest (>= 5.1)
+      tzinfo (~> 2.0)
+      zeitwerk (~> 2.3)
+    builder (3.2.4)
+    coderay (1.1.3)
+    concurrent-ruby (1.1.8)
+    crass (1.0.6)
+    diff-lcs (1.4.4)
+    erubi (1.10.0)
+    i18n (1.8.10)
+      concurrent-ruby (~> 1.0)
+    loofah (2.9.1)
+      crass (~> 1.0.2)
+      nokogiri (>= 1.5.9)
+    method_source (1.0.0)
+    minitest (5.14.4)
+    nokogiri (1.11.4-x86_64-linux)
+      racc (~> 1.4)
+    pry (0.14.1)
+      coderay (~> 1.1)
+      method_source (~> 1.0)
+    racc (1.5.2)
+    rails-dom-testing (2.0.3)
+      activesupport (>= 4.2.0)
+      nokogiri (>= 1.6)
+    rails-html-sanitizer (1.3.0)
+      loofah (~> 2.3)
+    rake (12.3.3)
+    rspec (3.10.0)
+      rspec-core (~> 3.10.0)
+      rspec-expectations (~> 3.10.0)
+      rspec-mocks (~> 3.10.0)
+    rspec-core (3.10.1)
+      rspec-support (~> 3.10.0)
+    rspec-expectations (3.10.1)
+      diff-lcs (>= 1.2.0, < 2.0)
+      rspec-support (~> 3.10.0)
+    rspec-mocks (3.10.2)
+      diff-lcs (>= 1.2.0, < 2.0)
+      rspec-support (~> 3.10.0)
+    rspec-support (3.10.2)
+    tzinfo (2.0.4)
+      concurrent-ruby (~> 1.0)
+    zeitwerk (2.4.2)
+
+PLATFORMS
+  x86_64-linux
+
+DEPENDENCIES
+  actionview
+  erb_component!
+  pry (~> 0.14)
+  rake (~> 12.0)
+  rspec (~> 3.5)
+
+BUNDLED WITH
+   2.2.3

data/README.md

@@ -1,8 +1,10 @@
 # ErbComponent
 
-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/erb_component`. To experiment with that code, run `bin/console` for an interactive prompt.
+Why not have view components and write them in OOP style? It hides complexity. DRYes views.
 
-TODO: Delete this and the text above, and describe your gem
+**FEEL FREE TO OPEN AN ISSUE OR HAVE SOME DISCUSSION**.
+
+**USE WITH CAUTION!** This is more like an experiment.
 
 ## Installation
 
@@ -22,17 +24,132 @@ Or install it yourself as:
 
 ## Usage
 
-TODO: Write usage instructions here
+### Easiest example
+
+It's important to define `template` method
+```ruby
+class ImgTag < ErbComponent
+  attr_reader :src
+
+  # req is Rack::Request or ActionDispatch::Request (for Rails)
+  def initialize(req, opts)
+    @src = opts[:src]
+    super
+  end
+
+  def template
+    <<ERB
+<img src="<%= src %>" />
+ERB
+  end
+end
+
+# Somewhere in views:
+url = "https://upload.wikimedia.org/wikipedia/commons/thumb/7/73/Ruby_logo.svg/1920px-Ruby_logo.svg.png" 
+ImgTag.(request, src: url) # or ImgTag.new(request, src: url).call
+# => "<img src=\"https://upload.wikimedia.org/wikipedia/commons/thumb/7/73/Ruby_logo.svg/1920px-Ruby_logo.svg.png\" />\n"
+```
+
+### You can use more elegant Rails content_tag
 
-## Development
+```ruby
+class ImgContentTag < ErbComponent
+  attr_reader :src
+
+  def initialize(req, opts)
+    @src = opts[:src]
+    super
+  end
+
+  def template
+    content_tag :img, nil, src: src
+  end
+end
+```
+
+### More advanced nested example
 
-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.
+Here `TabNavs.(request, tab_list: %w(overview photos contact accommodations))` will generate Bootstrap's tab navigation, like here: https://getbootstrap.com/docs/5.0/components/navs-tabs/
+```ruby
+class TabNavs < ErbComponent
+  attr_reader :tab_list
+
+  def initialize(req, tab_list:)
+    @tab_list = tab_list
+    super
+  end
+
+  def template
+    <<ERB
+<ul class="nav nav-tabs" id="myTab" role="tablist">
+  <%= tab_list_rendered %>
+</ul>
+ERB
+  end
+
+  def tab_list_rendered
+    active_found = false
+    opts = tab_list.map do |i|
+      if params[:active_tab] == i
+        active_found = true
+        {target: i, active: true}
+      else
+        {target: i, active: false}
+      end
+    end
+
+    opts[0][:active] = true unless active_found
+
+    opts.map do |i|
+      NavItem.(req, **i)
+    end.join("\n")
+  end
+end
+
+class NavItem < ErbComponent
+  attr_reader :target
+
+  def initialize(req_params, active: false, target:)
+    @req_params = req_params
+    @active = active
+    @target = target
+    super
+  end
+
+  def template
+    <<ERB
+  <li class="nav-item" role="presentation">
+    <button class="<%= button_class %>" id="<%= id %>" data-bs-toggle="tab" data-bs-target="#<%= target %>" type="button" role="tab" aria-controls="<%= target %>" aria-selected="true">
+      <%= tab_name %>
+    </button>
+  </li>
+ERB
+  end
+
+  def id
+    "#{target}-tab"
+  end
+
+  def tab_name
+    target.humanize
+  end
+
+  def button_class
+    res = "nav-link"
+    res += " active" if active?
+    res
+  end
+
+  def active?
+    @active
+  end
+end
+```
 
-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/[USERNAME]/erb_component.
+Bug reports and pull requests are welcome on GitHub at https://github.com/arthurkarganyan/erb_component.
 
 
 ## License

data/erb_component.gemspec

@@ -1,3 +1,5 @@
+# frozen_string_literal: true
+
 require_relative "lib/erb_component/version"
 
 Gem::Specification.new do |spec|
@@ -22,7 +24,8 @@ Gem::Specification.new do |spec|
   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.add_development_dependency "rspec", "~> 3.5"
+  spec.add_development_dependency "pry", "~> 0.14"
+  spec.add_development_dependency "actionview"
   spec.require_paths = ["lib"]
 end

data/lib/erb_component.rb

@@ -1,3 +1,2 @@
 require "erb_component/version"
-
-autoload :ErbComponent, "erb_component/erb_component"
+require "erb_component/erb_component"

data/lib/erb_component/erb_component.rb

@@ -1,63 +1,67 @@
 require "erb_component/version"
+require "erb_component/req_tools"
 require 'erb'
 
 class ErbComponent
+  include ReqTools
+  if defined? ActionView::Helpers::TagHelper
+    include ActionView::Helpers::TagHelper
+  end
+
   class Error < StandardError;
   end
 
   attr_reader :req, :parent
 
-  def initialize(req)
+  def initialize(req, opts = {})
     @req = req
-    @parent = self.class.superclass == ErbComponent ? nil : self.class.superclass.new(req)
+    @template = opts[:template]
+    begin
+      @parent = self.class.superclass == ErbComponent ? nil : self.class.superclass.new(req)
+      if @parent && !(parent.template['{{VIEW}}'] || parent.template['{{view}}'])
+        @parent = parent.parent
+      end
+    rescue ArgumentError
+    end
   end
 
-  def path
-    @req.path
+  def render
+    str = ERB.new(template).result(binding)
+    res = if parent
+            parent.render.gsub("{{VIEW}}", str).gsub("{{view}}", str)
+          else
+            str
+          end
+    if res.respond_to? :html_safe
+      res.html_safe
+    else
+      res
+    end
   end
 
-  def params
-    @req.params
+  def self.call(req, opts = {})
+    new(req, **opts).render
   end
 
-  def render
-    str = ERB.new(template).result(binding)
-    parent ? parent.render.gsub("{{VIEW}}", str).gsub("{{view}}", str) : str
+  def call
+    self.render
+  end
+
+  def self.current_file=(file)
+    @current_file = file
   end
 
-  def self.render(opts = {})
-    new(opts).render
+  def self.current_file
+    @current_file
   end
 
   def template_file_path
-    @template_file_path ||= begin
-      file_name = "#{self.class.name.underscore}.erb"
-      if File.exists? "components/#{file_name}"
-        return "components/#{file_name}"
-      elsif File.exists? "pages/#{file_name}"
-        return "pages/#{file_name}"
-      else
-        nil
-      end
-    end
+    self.class.current_file.gsub('.rb', '.erb')
   end
 
   def template
-    if template_file_path
-      File.read template_file_path
-    end
+    return @template if @template
+    return File.read(template_file_path) if template_file_path
     fail "not found: #{template_file_path}"
   end
-
-  def method_missing(m, *args, &block)
-    m = m.to_s
-    str = Kernel.const_defined?("#{self.class}::#{m}") ? "#{self.class}::#{m}" : m
-    clazz = Kernel.const_get(str)
-    opts = {path: path, params: params}
-    opts.merge!(args[0]) if args.size > 0
-    component = clazz.new(opts)
-    component.render
-  rescue
-    super
-  end
 end

data/lib/erb_component/req_tools.rb

@@ -0,0 +1,50 @@
+module ReqTools
+  def path
+    @req.path
+  end
+
+  def path_hash
+    @path_hash ||= begin
+      split = path.split('/')
+      split.shift
+
+      res = {}
+      split.size.times do |i|
+        if split[i].to_i.to_s == split[i]
+          res[split[i - 1].singularize + "_id"] = split[i]
+        end
+      end
+      if res.respond_to? :with_indifferent_access
+        res.with_indifferent_access
+      else
+        res
+      end
+    end
+  end
+
+  def params
+    @params ||= begin
+      res = @req.params
+      res.merge!(JSON.parse(req.body.read)) if req.post? || req.put? || req.patch?
+      res.merge!(path_hash)
+      if res.respond_to? :with_indifferent_access
+        res.with_indifferent_access
+      else
+        res
+      end
+    end
+  end
+
+  def method_missing(m, *args, &block)
+    return super unless m.to_s[0].upcase == m.to_s[0]
+    m = m.to_s
+    str = Kernel.const_defined?("#{self.class}::#{m}") ? "#{self.class}::#{m}" : m
+    clazz = Kernel.const_get(str)
+    if args.size > 0
+      component = clazz.new(req, *args)
+    else
+      component = clazz.new(req)
+    end
+    component.render
+  end
+end

data/lib/erb_component/version.rb

@@ -1,3 +1,3 @@
 class ErbComponent
-  VERSION = "0.1.5"
+  VERSION = "0.2.1"
 end

metadata

@@ -1,15 +1,57 @@
 --- !ruby/object:Gem::Specification
 name: erb_component
 version: !ruby/object:Gem::Version
-  version: 0.1.5
+  version: 0.2.1
 platform: ruby
 authors:
 - Arthur Karganyan
-autorequire: 
-bindir: exe
+autorequire:
+bindir: bin
 cert_chain: []
-date: 2019-11-20 00:00:00.000000000 Z
-dependencies: []
+date: 2021-05-16 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: rspec
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.5'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.5'
+- !ruby/object:Gem::Dependency
+  name: pry
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.14'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.14'
+- !ruby/object:Gem::Dependency
+  name: actionview
+  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: React-style front-end components but for ERB?
 email:
 - arthur.karganyan@gmail.com
@@ -17,15 +59,18 @@ executables: []
 extensions: []
 extra_rdoc_files: []
 files:
+- ".gitattributes"
 - ".gitignore"
+- ".rspec"
 - Gemfile
+- Gemfile.lock
 - LICENSE.txt
 - README.md
 - Rakefile
-- bin/erb_component
 - erb_component.gemspec
 - lib/erb_component.rb
 - lib/erb_component/erb_component.rb
+- lib/erb_component/req_tools.rb
 - lib/erb_component/version.rb
 homepage: https://github.com/arthurkarganyan/erb_component
 licenses:
@@ -34,7 +79,7 @@ metadata:
   allowed_push_host: https://rubygems.org
   homepage_uri: https://github.com/arthurkarganyan/erb_component
   source_code_uri: https://github.com/arthurkarganyan/erb_component
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -49,9 +94,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubyforge_project: 
-rubygems_version: 2.7.6
-signing_key: 
+rubygems_version: 3.2.3
+signing_key:
 specification_version: 4
 summary: React-style front-end components but for ERB?
 test_files: []

data/bin/erb_component

@@ -1,14 +0,0 @@
-#!/usr/bin/env ruby
-
-require "bundler/setup"
-require "erb_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__)