proscenium 0.12.0-x86_64-darwin → 0.14.0-x86_64-darwin

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 76d85fd732a66d80f8104ef66fbf03a77e81b9e68e45ccad767d0b8d3f814c3f
-  data.tar.gz: a47fd7886d8dd72b2efa104e77419ab20dec6a5c218efbca80bb5dfed42cc5d2
+  metadata.gz: 7266323f1f1f5120430ed43f1169343d711e61694986e08033c26bb2c50ca61e
+  data.tar.gz: 32974f861da0870f1a38d5b7e5777988592372447c8a6a48b3a4d954a2765983
 SHA512:
-  metadata.gz: cdf1abe3a0fee2178852ae24b685fb5c92db0c269460884f92d0c40ae634c2fdc4e1a8b7f412d86f8fc2bf660709a2f8776e21c7d97c52335deea7a001a41797
-  data.tar.gz: 54520808bdc76b4e3efa6e696e7eefcdbfae9610564820adbdeef781972bf6b37dc4181642d3e696a781c22f114c046582b1a95389f3bfc391dc1f8a3c11b551
+  metadata.gz: 6e84a7553307fc8dc133c2afb4b2d3996166159e5c4aee783bb87a45d0ecb09af314f1fde21a356155ad2fa172a10d05f7b47d5581f740dd9466a57497a53ca4
+  data.tar.gz: 6d0ceac47b5adf44e3f0072f76b2184697329d5aaa9a95ee2fcb306514f8f009bf0838c9931937209039cb72c9ae4f65fb937e3ab1780bcdbebc5ec57db4a332

data/README.md

@@ -552,6 +552,13 @@ css_module 'mypackage/button@big_button'
 # => "big_button"
 ```
 
+`css_module` also accepts a `path` keyword argument, which allows you to specify the path to the CSS
+file. Note that this will use the given path for all class names passed to that instance of `css_module`.
+
+```ruby
+css_module :my_module_name, path: Rails.root.join('app/components/button.css')
+```
+
 #### In your JavaScript
 
 Importing a CSS module from JS will automatically append the stylesheet to the document's head. And the result of the import will be an object of CSS class to module names.

data/lib/proscenium/css_module/transformer.rb

@@ -69,11 +69,13 @@ module Proscenium
       resolved_path = Resolver.resolve(path.to_s)
       digest = Importer.import(resolved_path)
 
+      transformed_path = ''
+      transformed_path = "__#{resolved_path[1..].gsub(%r{[/\.]}, '-')}" if Rails.env.development?
       transformed_name = name.to_s
       transformed_name = if transformed_name.start_with?('_')
-                           "_#{transformed_name[1..]}-#{digest}"
+                           "_#{transformed_name[1..]}-#{digest}#{transformed_path}"
                          else
-                           "#{transformed_name}-#{digest}"
+                           "#{transformed_name}-#{digest}#{transformed_path}"
                          end
 
       [transformed_name, resolved_path]

data/lib/proscenium/css_module.rb

@@ -18,16 +18,20 @@ module Proscenium::CssModule
   # Accepts one or more CSS class names, and transforms them into CSS module names.
   #
   # @param name [String,Symbol,Array<String,Symbol>]
+  # @param path [Pathname] the path to the CSS module file to use for the transformation.
   # @return [String] the transformed CSS module names concatenated as a string.
-  def css_module(*names)
-    cssm.class_names(*names, require_prefix: false).map { |name, _| name }.join(' ')
+  def css_module(*names, path: nil)
+    transformer = path.nil? ? cssm : Transformer.new(path)
+    transformer.class_names(*names, require_prefix: false).map { |name, _| name }.join(' ')
   end
 
   # @param name [String,Symbol,Array<String,Symbol>]
+  # @param path [Pathname] the path to the CSS file to use for the transformation.
   # @return [String] the transformed CSS module names concatenated as a string.
-  def class_names(*names)
+  def class_names(*names, path: nil)
     names = names.flatten.compact
-    cssm.class_names(*names).map { |name, _| name }.join(' ') unless names.empty?
+    transformer = path.nil? ? cssm : Transformer.new(path)
+    transformer.class_names(*names).map { |name, _| name }.join(' ') unless names.empty?
   end
 
   private

data/lib/proscenium/helper.rb

@@ -20,11 +20,24 @@ module Proscenium
     #
     # @see CssModule::Transformer#class_names
     # @param name [String,Symbol,Array<String,Symbol>]
-    def css_module(*names)
-      path = Pathname.new(@lookup_context.find(@virtual_path).identifier).sub_ext('')
-      CssModule::Transformer.new(path).class_names(*names, require_prefix: false).map do |name, _|
-        name
-      end.join(' ')
+    # @param path [Pathname] the path to the CSS module file to use for the transformation.
+    # @return [String] the transformed CSS module names concatenated as a string.
+    def css_module(*names, path: nil)
+      path ||= Pathname.new(@lookup_context.find(@virtual_path).identifier).sub_ext('')
+      CssModule::Transformer.new(path).class_names(*names, require_prefix: false)
+                            .map { |name, _| name }.join(' ')
+    end
+
+    # @param name [String,Symbol,Array<String,Symbol>]
+    # @param path [Pathname] the path to the CSS file to use for the transformation.
+    # @return [String] the transformed CSS module names concatenated as a string.
+    def class_names(*names, path: nil)
+      names = names.flatten.compact
+
+      return if names.empty?
+
+      path ||= Pathname.new(@lookup_context.find(@virtual_path).identifier).sub_ext('')
+      CssModule::Transformer.new(path).class_names(*names).map { |name, _| name }.join(' ')
     end
 
     def include_stylesheets(**options)

data/lib/proscenium/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Proscenium
-  VERSION = '0.12.0'
+  VERSION = '0.14.0'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: proscenium
 version: !ruby/object:Gem::Version
-  version: 0.12.0
+  version: 0.14.0
 platform: x86_64-darwin
 authors:
 - Joel Moss
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-11-10 00:00:00.000000000 Z
+date: 2023-11-17 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: activesupport
@@ -149,7 +149,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.4.21
+rubygems_version: 3.4.22
 signing_key:
 specification_version: 4
 summary: The engine powering your Rails frontend