view_component-styles 0.2.0 → 0.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 284d24a7b4c34148fbd09a1c7bf826b6feba1a7f90dce99742b7718fdf3f2f97
-  data.tar.gz: 9de7fce7e7eb437b8d7ab82882ef131aeb125fdbd882edcb9374ffd84f523544
+  metadata.gz: c6a33a7dc4b487fd3566dd11be4bbe7b1835eff2f96890e11368c2385b3c4cfe
+  data.tar.gz: c97a2f170ec893938667211616d95427f8a575a6a7ea75696c63478020568468
 SHA512:
-  metadata.gz: 7ee52704df578a1d265451260cbd61d05f6214d0adedf11e7ad1d9049b64d42cfc417839e0f6001163d144327f11d4cd95506ffcb01de4b7fb42b30f96f2c5b4
-  data.tar.gz: 64788007b403748829cab0e2b1e901cbbc837ac06ead5dd7252a0dda57691665d435c83ca3bd709a1ed3d90277f148ccfe020860aea394e7518045ac10fc963e
+  metadata.gz: c31abd5e53f570a6e803e3325e3ae52a72931ac685ab237f7d7ce07260f2895fe5315f04ae058e5ea67fdcb31b973a075c5f9ecd7f22ecc0a42bfd8b8539731e
+  data.tar.gz: ca8b913acecfa92c9f7ec5bf7381d6cf276729dd5fe3ab6511b1a69c35c621e4ebd2b23b6cdcdedfdd57cc81d1901c0452eec23a100ecb45047c73f37cfec296

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    view_component-styles (0.2.0)
+    view_component-styles (0.3.0)
       rails (>= 5)
 
 GEM

data/README.md

@@ -24,7 +24,7 @@ Or install it yourself as:
 
 ```ruby
 class ApplicationComponent < ViewComponent::Base
-  include ViewComponent::Styles::Component
+  extend ViewComponent::Styles::Component
 end
 ```
 ```ruby
@@ -72,13 +72,9 @@ At this point you're all set up! Whenever a component is included in a view that
 styles will be aggregated into a single stylesheet and then loaded right into the layout. From here, they can be
 rendered regularly or picked up by premailer for inlining.
 
-Note that in order to properly configure the asset pipeline in Rails in order to be compatible with this gem, you may
+Note that in order to properly configure the asset pipeline in Rails to compile component stylesheets, you may
 need to add the following configuration:
 
-`application.rb`
-```ruby
-config.assets.paths << Rails.root.join('app', 'components')
-```
 `assets/config/manifest.js`
 ```
 //= link_tree ../../components .css

data/lib/view_component/styles/component.rb

@@ -3,10 +3,6 @@
 module ViewComponent
   module Styles
     module Component
-      include ViewComponent::Styles::Helper
-
-      # @param path [String]
-      # @return [Boolean]
       def asset_exists?(path)
         if Rails.configuration.assets.compile
           # Dynamic compilation
@@ -17,14 +13,29 @@ module ViewComponent
         end
       end
 
-      # @return [void]
-      def before_render
-        singleton_stylesheet_link_tag(component_stylesheet_name) if asset_exists?(component_stylesheet_name)
+      def component_stylesheet_name
+        "#{name.underscore}.css"
       end
 
-      # @return [String]
-      def component_stylesheet_name
-        "#{self.class.name.underscore}.css"
+      def inherited(subclass)
+        super
+        subclass.include(ViewComponent::Styles::Helper)
+
+        component_stylesheet_name = subclass.component_stylesheet_name
+        return unless asset_exists?(component_stylesheet_name)
+
+        subclass.prepend(Module.new.tap do |m|
+          m.class_eval(<<-RUBY, __FILE__, __LINE__ + 1)
+            # def before_render
+            #   super
+            #   singleton_stylesheet_link_tag("example")
+            # end
+            def before_render
+              super
+              singleton_stylesheet_link_tag(#{component_stylesheet_name.inspect})
+            end
+          RUBY
+        end)
       end
     end
   end

data/lib/view_component/styles/version.rb

@@ -2,6 +2,6 @@
 
 module ViewComponent
   module Styles
-    VERSION = '0.2.0'
+    VERSION = '0.3.0'
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: view_component-styles
 version: !ruby/object:Gem::Version
-  version: 0.2.0
+  version: 0.3.0
 platform: ruby
 authors:
 - Ryan Taylor
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2022-06-10 00:00:00.000000000 Z
+date: 2022-06-15 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails