komponent 2.2.0 → 3.0.0.beta1

data/lib/generators/komponent/templates/styleguide/components/header/komponent_header.js

@@ -0,0 +1 @@
+import "./komponent_header.css";

data/lib/generators/komponent/templates/styleguide/components/header/komponent_header_component.rb

@@ -0,0 +1,5 @@
+# frozen_string_literal: true
+
+module KomponentHeaderComponent
+  extend ComponentHelper
+end

data/lib/generators/komponent/templates/styleguide/components/index.js

@@ -0,0 +1,4 @@
+import "components/komponent/container/komponent_container";
+import "components/komponent/footer/komponent_footer";
+import "components/komponent/header/komponent_header";
+import "components/komponent/sidebar/komponent_sidebar";

data/lib/generators/komponent/templates/styleguide/components/sidebar/_komponent_sidebar.html.erb

@@ -0,0 +1,10 @@
+<div class="komponent-sidebar">
+  <div class="komponent-sidebar-title">Components</div>
+  <ul class="komponent-sidebar-items">
+    <%- components.each do |_k, component| %>
+      <li class="komponent-sidebar-item">
+        <%= link_to_unless_current component.title, styleguide_path(id: component.id) %>
+      </li>
+    <% end %>
+  </ul>
+</div>

data/lib/generators/komponent/templates/styleguide/components/sidebar/komponent_sidebar.css

@@ -0,0 +1,43 @@
+/* stylelint-disable value-list-comma-newline-after */
+
+.komponent-sidebar {
+  background-color: #dbe1f3;
+  bottom: 0;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
+    Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  left: 0;
+  overflow: auto;
+  padding: 20px;
+  position: absolute;
+  top: 60px;
+  width: 240px;
+
+  &-title {
+    color: #0038ea;
+    font-size: 14px;
+    font-weight: bold;
+    letter-spacing: 1px;
+    margin: 0 0 20px;
+    text-transform: uppercase;
+  }
+
+  &-items {
+    font-size: 14px;
+    letter-spacing: 0;
+    line-height: 1.25;
+    list-style: none;
+    margin: 0 0 30px;
+    padding: 0;
+  }
+
+  &-item {
+    margin: 0 0 5px;
+  }
+
+  a {
+    color: #333;
+    text-decoration: none;
+  }
+}
+
+/* stylelint-enable */

data/lib/generators/komponent/templates/styleguide/components/sidebar/komponent_sidebar.js

@@ -0,0 +1 @@
+import "./komponent_sidebar.css";

data/lib/generators/komponent/templates/styleguide/components/sidebar/komponent_sidebar_component.rb

@@ -0,0 +1,5 @@
+# frozen_string_literal: true
+
+module KomponentSidebarComponent
+  extend ComponentHelper
+end

data/lib/generators/komponent/templates/styleguide/packs/komponent.js

@@ -0,0 +1,2 @@
+import 'components';
+import 'components/komponent';

data/lib/generators/komponent/utils.rb

@@ -0,0 +1,49 @@
+# frozen_string_literal: true
+
+module Komponent
+  module Generators
+    module Utils
+      protected
+
+      def rails_configuration
+        Rails.application.config
+      end
+
+      def app_generators
+        rails_configuration.app_generators
+      end
+
+      def template_engine
+        app_generators.rails[:template_engine] || :erb
+      end
+
+      def default_path
+        rails_configuration.komponent.root
+      end
+
+      def relative_path_from_rails
+        default_path.relative_path_from(Rails.root)
+      end
+
+      def komponent_root_directory
+        default_path
+      end
+
+      def komponent_configuration
+        {
+          stimulus: nil,
+          locale: nil,
+          examples: nil,
+        }.merge(app_generators.komponent)
+      end
+
+      def components_directory
+        Rails.root.join(komponent_root_directory, 'components')
+      end
+
+      def komponent_already_installed?
+        File.directory?(relative_path_from_rails)
+      end
+    end
+  end
+end

data/lib/komponent.rb

@@ -1,7 +1,7 @@
 # frozen_string_literal: true
 
-require "komponent/version"
+require 'komponent/version'
 
 module Komponent
-  require 'komponent/railtie' if defined?(Rails)
+  require 'komponent/engine' if defined?(Rails)
 end

data/lib/komponent/component.rb

@@ -0,0 +1,55 @@
+# frozen_string_literal: true
+
+module Komponent
+  class Component
+    class << self
+      def all
+        component_dirs = components_root.join('*/**/')
+
+        components = {}
+
+        # TODO: list only components directories
+        # use ComponentPathResolver?
+        Dir.glob(component_dirs).sort.each do |component_dir|
+          component_path = Pathname.new(component_dir).relative_path_from(components_root).to_s
+
+          next unless File.exist?(components_root.join(component_path)
+            .join("#{File.basename(component_path)}_component.rb"))
+
+          components[component_path] = Component.new(component_path)
+        end
+
+        components
+      end
+
+      def find(id)
+        components = all
+
+        raise Exception, "Component with ID=#{id} not found" unless components.keys.include? id
+        components.fetch(id)
+      end
+
+      def components_root
+        @components_root ||= Rails.application.config.komponent.root.join('components')
+      end
+    end
+
+    attr_reader :id
+
+    def initialize(id)
+      @id = id
+    end
+
+    def title
+      id.titleize
+    end
+
+    def path
+      Komponent::ComponentPathResolver.new.resolve(@id)
+    end
+
+    def examples_view
+      "components/#{id}/examples"
+    end
+  end
+end

data/lib/komponent/component_path_resolver.rb

@@ -17,6 +17,12 @@ module Komponent
       root_path.join(*component_name)
     end
 
+    def component_paths
+      komponent_configuration.component_paths.map do |path|
+        Pathname.new(path)
+      end
+    end
+
     protected
 
     def path_has_component?(path, component_name)
@@ -27,12 +33,6 @@ module Komponent
       File.exist?(file_name)
     end
 
-    def component_paths
-      komponent_configuration.component_paths.map do |path|
-        Pathname.new(path)
-      end
-    end
-
     def komponent_configuration
       app_configuration.komponent
     end

data/lib/komponent/component_renderer.rb

@@ -7,10 +7,11 @@ module Komponent
     attr_accessor :output_buffer
     attr_reader :context
 
-    def initialize(controller)
+    def initialize(controller, view_flow = nil)
       @context = controller.view_context.dup
       @view_renderer = @context.view_renderer = @context.view_renderer.dup
       @lookup_context = @view_renderer.lookup_context = @view_renderer.lookup_context.dup
+      @view_flow = view_flow
     end
 
     def render(component, locals = {}, options = {}, &block)
@@ -40,6 +41,7 @@ module Komponent
       require_dependency(component_module_path)
       component_module = "#{component_name}_component".camelize.constantize
 
+      @context.view_flow = @view_flow if @view_flow
       @context.class_eval { prepend component_module }
       @context.class_eval { prepend Komponent::Translation }
 

data/lib/komponent/{railtie.rb → engine.rb}

@@ -4,10 +4,17 @@ require 'webpacker'
 require 'komponent/component_helper'
 require 'komponent/component_path_resolver'
 require 'komponent/component_renderer'
+require 'komponent/component'
 require 'komponent/translation'
 
 module Komponent
-  class Railtie < Rails::Railtie
+  class Engine < Rails::Engine
+    isolate_namespace Komponent
+
+    rake_tasks do
+      load 'komponent/rails/tasks/komponent.rake'
+    end
+
     config.komponent = ActiveSupport::OrderedOptions.new
     config.komponent.root = nil
     config.komponent.component_paths = []
@@ -22,6 +29,9 @@ module Komponent
       app.config.komponent.component_paths.prepend(
         app.config.komponent.root.join("components")
       )
+      app.config.komponent.component_paths.append(
+        Komponent::Engine.root.join('frontend/components')
+      )
 
       ActiveSupport.on_load :action_view do
         require 'komponent/komponent_helper'
@@ -34,5 +44,15 @@ module Komponent
         )
       end
     end
+
+    initializer "my_engine.action_dispatch" do |app|
+      ActiveSupport.on_load :action_controller do
+        ActionController::Base.prepend_view_path Komponent::Engine.root.join("frontend")
+      end
+    end
+
+    initializer 'komponent.autoload', before: :set_autoload_paths do |app|
+      app.config.autoload_paths << Komponent::Engine.root.join('frontend')
+    end
   end
 end

data/lib/komponent/komponent_helper.rb

@@ -1,10 +1,13 @@
 # frozen_string_literal: true
 
+require 'komponent/component'
+
 module KomponentHelper
   def component(component_name, locals = {}, options = {}, &block)
     captured_block = proc { |args| capture(args, &block) } if block_given?
     Komponent::ComponentRenderer.new(
       controller,
+      view_flow || (view && view.view_flow),
     ).render(
       component_name,
       locals,
@@ -13,4 +16,30 @@ module KomponentHelper
     )
   end
   alias :c :component
+
+  def components
+    Komponent::Component.all
+  end
+
+  def component_with_doc(component_name, locals = {}, options = {}, &block)
+    captured_output = component(component_name, locals, options, &block)
+
+    captured_doc = capture do
+      content_tag :pre, class: "komponent-code" do
+        content_tag :code do
+          "= component \"#{component_name}\"" + (locals.present? ? ", #{pretty_locals(locals)}" : "")
+        end
+      end
+    end
+
+    captured_output + captured_doc
+  end
+  alias :cdoc :component_with_doc
+
+  private
+
+  def pretty_locals(locals)
+    return nil if locals.blank?
+    JSON.pretty_generate(locals).gsub(/^(\s+)"(\w+)":/, "\\1\\2:")
+  end
 end

data/lib/komponent/rails/tasks/komponent.rake

@@ -0,0 +1,12 @@
+# frozen_string_literal: true
+
+task stats: 'komponent:statsetup'
+
+namespace :komponent do
+  task :statsetup => :environment do
+    require 'rails/code_statistics'
+    Rails.application.config.komponent.component_paths.each do |path|
+      ::STATS_DIRECTORIES << ['Components', path]
+    end
+  end
+end

data/lib/komponent/translation.rb

@@ -5,12 +5,16 @@ module Komponent
     def translate(key, options = {})
       virtual_path = @virtual_path
 
-      is_component = key.to_s.first == "." and
+      is_component = key.to_s.first == "." &&
         virtual_path =~ /^components/
 
       if is_component
-        path = virtual_path.match(/^components\/.+\/_(.+)/)[1]
-        path += "_component"
+        matches = virtual_path.match(/^components\/(?<folders>.+)\/_(?<view_name>.+)/)
+        folders, view_name = matches['folders'], matches['view_name']
+
+        component_name = folders.gsub('/', '_')
+        path = path(component_name, view_name)
+
         defaults = [:"#{path}#{key}"]
         defaults << options[:default] if options[:default]
         options[:default] = defaults.flatten
@@ -20,5 +24,13 @@ module Komponent
       super(key, options)
     end
     alias :t :translate
+
+    private
+
+    def path(component_name, view_name)
+      path = "#{component_name}_component"
+      path += ".#{view_name}" if view_name != component_name # partial scope
+      path
+    end
   end
 end

data/lib/komponent/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Komponent
-  VERSION = "2.2.0"
+  VERSION = "3.0.0.beta1"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: komponent
 version: !ruby/object:Gem::Version
-  version: 2.2.0
+  version: 3.0.0.beta1
 platform: ruby
 authors:
 - Ouvrages
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2018-07-03 00:00:00.000000000 Z
+date: 2019-02-28 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionview
@@ -16,42 +16,42 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: '4.2'
+        version: '5.0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: '4.2'
+        version: '5.0'
 - !ruby/object:Gem::Dependency
   name: activesupport
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: '4.2'
+        version: '5.0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: '4.2'
+        version: '5.0'
 - !ruby/object:Gem::Dependency
   name: railties
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: '4.2'
+        version: '5.0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: '4.2'
+        version: '5.0'
 - !ruby/object:Gem::Dependency
   name: webpacker
   requirement: !ruby/object:Gem::Requirement
@@ -66,20 +66,34 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: 3.0.0
+- !ruby/object:Gem::Dependency
+  name: appraisal
+  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: bundler
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '1.15'
+        version: 2.0.1
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '1.15'
+        version: 2.0.1
 description: An opinionated way of organizing front-end code in Ruby on Rails, based
   on components
 email:
@@ -88,26 +102,33 @@ executables: []
 extensions: []
 extra_rdoc_files: []
 files:
+- ".editorconfig"
 - ".gitignore"
 - ".rubocop.yml"
 - ".simplecov"
 - ".travis.yml"
+- Appraisals
 - CHANGELOG.md
 - CODE_OF_CONDUCT.md
 - Gemfile
 - LICENSE.txt
 - README.md
 - Rakefile
+- app/controllers/komponent/styleguide_controller.rb
+- app/views/komponent/styleguide/index.html.erb
+- app/views/komponent/styleguide/missing_template.html.erb
+- app/views/komponent/styleguide/show.html.erb
+- app/views/layouts/komponent.html.erb
 - bin/console
 - bin/setup
-- gemfiles/Gemfile-rails.4.2.x
-- gemfiles/Gemfile-rails.5.0.x
-- gemfiles/Gemfile-rails.5.1.x
-- gemfiles/Gemfile-rails.5.2.x
+- config/routes.rb
 - komponent.gemspec
 - lib/generators/component/USAGE
 - lib/generators/component/component_generator.rb
 - lib/generators/component/templates/css.erb
+- lib/generators/component/templates/examples.html.erb.erb
+- lib/generators/component/templates/examples.html.haml.erb
+- lib/generators/component/templates/examples.html.slim.erb
 - lib/generators/component/templates/js.erb
 - lib/generators/component/templates/locale.erb
 - lib/generators/component/templates/rb.erb
@@ -120,13 +141,36 @@ files:
 - lib/generators/component/templates/view.html.erb.erb
 - lib/generators/component/templates/view.html.haml.erb
 - lib/generators/component/templates/view.html.slim.erb
+- lib/generators/komponent/examples_generator.rb
 - lib/generators/komponent/install_generator.rb
+- lib/generators/komponent/styleguide_generator.rb
+- lib/generators/komponent/templates/styleguide/components/container/_komponent_container.html.erb
+- lib/generators/komponent/templates/styleguide/components/container/komponent_container.css
+- lib/generators/komponent/templates/styleguide/components/container/komponent_container.js
+- lib/generators/komponent/templates/styleguide/components/container/komponent_container_component.rb
+- lib/generators/komponent/templates/styleguide/components/footer/_komponent_footer.html.erb
+- lib/generators/komponent/templates/styleguide/components/footer/komponent_footer.css
+- lib/generators/komponent/templates/styleguide/components/footer/komponent_footer.js
+- lib/generators/komponent/templates/styleguide/components/footer/komponent_footer_component.rb
+- lib/generators/komponent/templates/styleguide/components/header/_komponent_header.html.erb
+- lib/generators/komponent/templates/styleguide/components/header/komponent_header.css
+- lib/generators/komponent/templates/styleguide/components/header/komponent_header.js
+- lib/generators/komponent/templates/styleguide/components/header/komponent_header_component.rb
+- lib/generators/komponent/templates/styleguide/components/index.js
+- lib/generators/komponent/templates/styleguide/components/sidebar/_komponent_sidebar.html.erb
+- lib/generators/komponent/templates/styleguide/components/sidebar/komponent_sidebar.css
+- lib/generators/komponent/templates/styleguide/components/sidebar/komponent_sidebar.js
+- lib/generators/komponent/templates/styleguide/components/sidebar/komponent_sidebar_component.rb
+- lib/generators/komponent/templates/styleguide/packs/komponent.js
+- lib/generators/komponent/utils.rb
 - lib/komponent.rb
+- lib/komponent/component.rb
 - lib/komponent/component_helper.rb
 - lib/komponent/component_path_resolver.rb
 - lib/komponent/component_renderer.rb
+- lib/komponent/engine.rb
 - lib/komponent/komponent_helper.rb
-- lib/komponent/railtie.rb
+- lib/komponent/rails/tasks/komponent.rake
 - lib/komponent/translation.rb
 - lib/komponent/version.rb
 - logo.svg
@@ -149,12 +193,12 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: 2.2.0
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">="
+  - - ">"
     - !ruby/object:Gem::Version
-      version: '0'
+      version: 1.3.1
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.6.13
+rubygems_version: 2.7.7
 signing_key: 
 specification_version: 4
 summary: An opinionated way of organizing front-end code in Ruby on Rails, based on