view_component-styles 0.1.0 → 0.3.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: c7047860194ebfc08bea90c9306a4881d7282ed708e20cb5cb45c7cfce0e0fa3
-  data.tar.gz: 5995e1a0e94a23889483380d4ae26abbf25ce4632dc5008fd7d7cc1b3287f2de
+  metadata.gz: 8c19c45ab4f50ebd413bcd10894e4188ac21f1a1fba71c2b24cb6eed5c6e18f6
+  data.tar.gz: 9424e24d3b752daab5de1898972ca837df926bc6009269bddab49e7623650e8d
 SHA512:
-  metadata.gz: f546a36658662db1cc7aa20283965da3477be5ee20f01b0cbac6c34cfac2ada1068e389356d7efa602c5a9cca8653438750859e75077766a1edca89e1694b76b
-  data.tar.gz: 206c6ab35a36db08b0baef9b4bcae2c5a5ceaa7e9b1bdbe8fe26d55ed4466a10a02360b2b56cfe26d1e0d8897ed29531be99a7cdb500a46c0419740cfabaad95
+  metadata.gz: c6cee3a710358397dfe2613611b3444f0f53acab1a5656b7282ed81df3b15da3f29533e257eaaeed8c5bde252a2fae329c45a87eb3585c7dafe8fe07c7eb0b53
+  data.tar.gz: 937eaa25905d6b06b1b963bf6de282abd49a282735f5da436de50e0e7f193bada4cb489f3c2f1b27b08c74853fd530689cf88301d60204e1e8277c08268b5e13

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    view_component-styles (0.1.0)
+    view_component-styles (0.3.1)
       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,6 +72,14 @@ 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 to compile component stylesheets, you may
+need to add the following configuration:
+
+`assets/config/manifest.js`
+```
+//= link_tree ../../components .css
+```
+
 ## 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/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,30 @@ 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
+
+        subclass.prepend(Module.new.tap do |m|
+          m.class_eval(<<-RUBY, __FILE__, __LINE__ + 1)
+            # def before_render
+            #   super
+            #   return unless self.class.asset_exists?("example")
+            #   singleton_stylesheet_link_tag("example")
+            # end
+            def before_render
+              super
+              return unless self.class.asset_exists?(#{component_stylesheet_name.inspect})
+              singleton_stylesheet_link_tag(#{component_stylesheet_name.inspect})
+            end
+          RUBY
+        end)
       end
     end
   end

data/lib/view_component/styles/engine.rb

@@ -0,0 +1,11 @@
+# frozen_string_literal: true
+
+module ViewComponent
+  module Styles
+    class Engine < Rails::Engine
+      initializer 'view_component-styles.assets.paths' do |app|
+        config.assets.paths << app.root.join('app', 'components')
+      end
+    end
+  end
+end

data/lib/view_component/styles/version.rb

@@ -2,6 +2,6 @@
 
 module ViewComponent
   module Styles
-    VERSION = '0.1.0'
+    VERSION = '0.3.1'
   end
 end

data/lib/view_component/styles.rb

@@ -1,5 +1,6 @@
 # frozen_string_literal: true
 
+require 'view_component/styles/engine'
 require 'view_component/styles/version'
 
 module ViewComponent

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: view_component-styles
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.3.1
 platform: ruby
 authors:
 - Ryan Taylor
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2022-06-09 00:00:00.000000000 Z
+date: 2022-06-15 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -44,6 +44,7 @@ files:
 - lib/view_component/styles.rb
 - lib/view_component/styles/component.rb
 - lib/view_component/styles/controller.rb
+- lib/view_component/styles/engine.rb
 - lib/view_component/styles/helper.rb
 - lib/view_component/styles/version.rb
 - view_component-styles.gemspec