Generate component stylesheet file with preferred stylesheet engine

features/component_generator/base.feature

@@ -0,0 +1,58 @@
+Feature: Component generator - Base
+
+  Scenario: Component
+    Given I run `rails new my_app --skip-spring`
+    And I cd to "my_app"
+    And I append to "Gemfile" with:
+    """
+    gem 'webpacker', '~> 3.0'
+    gem 'komponent', path: '../../..'
+    """
+    When I run `bundle install`
+    And I run `rails webpacker:install`
+    And I run `rails generate komponent:install`
+    And I run `rails generate component AwesomeButton`
+    And I cd to "frontend/components"
+    Then the following files should exist:
+      | awesome_button/_awesome_button.html.erb     |
+      | awesome_button/awesome_button.scss          |
+      | awesome_button/awesome_button.js            |
+      | awesome_button/awesome_button_component.rb  |
+    And the file named "index.js" should contain:
+    """
+    import "components/awesome_button/awesome_button";
+    """
+
+  Scenario: Component with namespaces
+    Given I run `rails new my_app --skip-spring`
+    And I cd to "my_app"
+    And I append to "Gemfile" with:
+    """
+    gem 'webpacker', '~> 3.0'
+    gem 'komponent', path: '../../..'
+    """
+    When I run `bundle install`
+    And I run `rails webpacker:install`
+    And I run `rails generate komponent:install`
+    And I run `rails generate component admin/sub_admin/AwesomeButton`
+    And I cd to "frontend/components"
+    Then the following files should exist:
+      | admin/index.js                                                             |
+      | admin/sub_admin/index.js                                                   |
+      | admin/sub_admin/awesome_button/_awesome_button.html.erb                    |
+      | admin/sub_admin/awesome_button/awesome_button.scss                         |
+      | admin/sub_admin/awesome_button/awesome_button.js                           |
+      | admin/sub_admin/awesome_button/admin_sub_admin_awesome_button_component.rb |
+    And the file named "index.js" should contain:
+    """
+    import "components/admin";
+    """
+    And the file named "admin/index.js" should contain:
+    """
+    import "components/admin/sub_admin";
+    """
+    And the file named "admin/sub_admin/index.js" should contain:
+    """
+    import "components/admin/sub_admin/awesome_button/awesome_button";
+    """
+

features/component_generator/locale.feature

@@ -0,0 +1,38 @@
+Feature: Component generator - Locale option
+
+  Scenario: Component with `--locale` option
+    Given I run `rails new my_app --skip-spring`
+    And I cd to "my_app"
+    And I append to "Gemfile" with:
+    """
+    gem 'webpacker', '~> 3.0'
+    gem 'komponent', path: '../../..'
+    """
+    When I run `bundle install`
+    And I run `rails webpacker:install`
+    And I run `rails generate komponent:install`
+    And I run `rails generate component AwesomeButton --locale`
+    And I cd to "frontend/components"
+    Then a file named "awesome_button/awesome_button.en.yml" should exist
+
+  Scenario: Component with `--locale` option and additional `fr` locale
+    Given I run `rails new my_app --skip-spring`
+    And I cd to "my_app"
+    And I append to "Gemfile" with:
+    """
+    gem 'webpacker', '~> 3.0'
+    gem 'komponent', path: '../../..'
+    """
+    And a file named "config/initializers/custom_configuration.rb" with:
+    """
+    Rails.application.config.i18n.available_locales = [:en, :fr]
+    """
+    When I run `bundle install`
+    And I run `rails webpacker:install`
+    And I run `rails generate komponent:install`
+    And I run `rails generate component AwesomeButton --locale`
+    And I cd to "frontend/components/awesome_button"
+    Then the following files should exist:
+      | awesome_button.en.yml |
+      | awesome_button.fr.yml |
+

features/component_generator/stylesheet_engine.feature

@@ -0,0 +1,70 @@
+Feature: Component generator - Stylesheet engine
+
+  Scenario: Component with `scss` stylesheet engine
+    Given I run `rails new my_app --skip-spring`
+    And I cd to "my_app"
+    And I append to "Gemfile" with:
+    """
+    gem 'webpacker', '~> 3.0'
+    gem 'komponent', path: '../../..'
+    """
+    When I run `bundle install`
+    And I run `rails webpacker:install`
+    And I run `rails generate komponent:install`
+    And I run `rails generate component AwesomeButton`
+    And I cd to "frontend/components/awesome_button"
+    Then a file named "awesome_button.scss" should exist
+
+  Scenario: Component with `sass` stylesheet engine set in `generators.stylesheet_engine`
+    Given I run `rails new my_app --skip-spring`
+    And I cd to "my_app"
+    And I append to "Gemfile" with:
+    """
+    gem 'webpacker', '~> 3.0'
+    gem 'komponent', path: '../../..'
+    """
+    And a file named "config/initializers/custom_configuration.rb" with:
+    """
+    Rails.application.config.generators.stylesheet_engine = :sass
+    """
+    When I run `bundle install`
+    And I run `rails webpacker:install`
+    And I run `rails generate komponent:install`
+    And I run `rails generate component AwesomeButton`
+    And I cd to "frontend/components/awesome_button"
+    Then a file named "awesome_button.scss" should exist
+
+  Scenario: Component with `sass` stylesheet engine set in `sass.preferred syntax`
+    Given I run `rails new my_app --skip-spring`
+    And I cd to "my_app"
+    And I append to "Gemfile" with:
+    """
+    gem 'webpacker', '~> 3.0'
+    gem 'komponent', path: '../../..'
+    """
+    And a file named "config/initializers/custom_configuration.rb" with:
+    """
+    Rails.application.config.sass.preferred_syntax = :sass
+    """
+    When I run `bundle install`
+    And I run `rails webpacker:install`
+    And I run `rails generate komponent:install`
+    And I run `rails generate component AwesomeButton`
+    And I cd to "frontend/components/awesome_button"
+    Then a file named "awesome_button.sass" should exist
+
+  Scenario: Component with `css` stylesheet engine
+    Given I run `rails new my_app --skip-spring`
+    And I cd to "my_app"
+    And I append to "Gemfile" with:
+    """
+    gem 'webpacker', '~> 3.0'
+    gem 'komponent', path: '../../..'
+    """
+    And I remove "sass-rails" gem
+    When I run `bundle install`
+    And I run `rails webpacker:install`
+    And I run `rails generate komponent:install`
+    And I run `rails generate component AwesomeButton`
+    And I cd to "frontend/components/awesome_button"
+    Then a file named "awesome_button.css" should exist

features/component_generator/template_engine.feature

@@ -0,0 +1,48 @@
+Feature: Component generator - Template engine
+
+  Scenario: Component with `erb` template engine
+    Given I run `rails new my_app --skip-spring`
+    And I cd to "my_app"
+    And I append to "Gemfile" with:
+    """
+    gem 'webpacker', '~> 3.0'
+    gem 'komponent', path: '../../..'
+    """
+    When I run `bundle install`
+    And I run `rails webpacker:install`
+    And I run `rails generate komponent:install`
+    And I run `rails generate component AwesomeButton`
+    And I cd to "frontend/components/awesome_button"
+    Then a file named "_awesome_button.html.erb" should exist
+
+  Scenario: Component with `haml` template engine
+    Given I run `rails new my_app --skip-spring`
+    And I cd to "my_app"
+    And I append to "Gemfile" with:
+    """
+    gem 'haml-rails'
+    gem 'webpacker', '~> 3.0'
+    gem 'komponent', path: '../../..'
+    """
+    When I run `bundle install`
+    And I run `rails webpacker:install`
+    And I run `rails generate komponent:install`
+    And I run `rails generate component AwesomeButton`
+    And I cd to "frontend/components/awesome_button"
+    Then a file named "_awesome_button.html.haml" should exist
+
+  Scenario: Component with `slim` template engine
+    Given I run `rails new my_app --skip-spring`
+    And I cd to "my_app"
+    And I append to "Gemfile" with:
+    """
+    gem 'slim-rails'
+    gem 'webpacker', '~> 3.0'
+    gem 'komponent', path: '../../..'
+    """
+    When I run `bundle install`
+    And I run `rails webpacker:install`
+    And I run `rails generate komponent:install`
+    And I run `rails generate component AwesomeButton`
+    And I cd to "frontend/components/awesome_button"
+    Then a file named "_awesome_button.html.slim" should exist

features/step_definitions/base.rb

@@ -0,0 +1,14 @@
+Given("I remove {string} gem") do |gem_name|
+  file_name = "Gemfile"
+  file_name = expand_path(file_name)
+
+  tmp = Tempfile.new
+
+  File.foreach(file_name) do |line|
+    tmp.puts(line) unless /#{gem_name}/ =~ line
+  end
+
+  tmp.close
+  FileUtils.mv(tmp.path, file_name)
+  tmp.unlink
+end

lib/generators/component/component_generator.rb

@@ -8,7 +8,7 @@ def create_view_file
   end
 
   def create_css_file
-    template "css.erb", component_path + "#{component_name}.css"
+    template "#{stylesheet_engine}.erb", component_path + "#{component_name}.#{stylesheet_engine}"
   end
 
   def create_js_file
@@ -87,10 +87,28 @@ def component_name
   end
 
   def template_engine
-    Rails.application.config.app_generators.rails[:template_engine] || :erb
+    app_generators.rails[:template_engine] || :erb
+ end
+
+  def stylesheet_engine
+    if sass = rails_configuration.try(:sass)
+      sass[:preferred_syntax]
+    else
+      :css
+    end
   end
 
   def locale?
     options[:locale]
   end
+
+  private
+
+  def rails_configuration
+    Rails.application.config
+  end
+
+  def app_generators
+    rails_configuration.app_generators
+  end
 end

lib/generators/component/templates/sass.erb

@@ -0,0 +1 @@
+.<%= component_class_name %>

lib/generators/component/templates/scss.erb

@@ -0,0 +1 @@
+.<%= component_class_name %> {}