proscenium 0.12.0-x86_64-linux → 0.14.0-x86_64-linux

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 8b1f55f355634fb97a5426b2c4c7cac21138cd0d92d3644d767f7865746fc1c6
-  data.tar.gz: a8ff6d75ba6e92654b1cd0f6d71e59bc976cb0194ae79c787e409defe78184cb
+  metadata.gz: f281037e1d5e5f6de59ff20fbcd096f95d090dea7dbc6cc3e42eb24422a38ce7
+  data.tar.gz: c84fac841c7d589f062e1c88bd644e837404beb2bcfed9383abcc7a39f20f6cb
 SHA512:
-  metadata.gz: 65cd3db84bd43ec4cf43437fbee1de74bb58f58a8b945a38aa23008bc5b8abfaca26b6763dbd51930f43903ab53077b17e9f575944de3e472d98b16e1604c13b
-  data.tar.gz: 1b24eaadcb999f60851b4c53c7285b067b63764b8cc62f5fcc9f98a8f930c4adc9f628f4763f0dbefcc08abefa078bac08dc84fc088bb88c576a2bc60ca1e6cf
+  metadata.gz: 7617352ab1427d0e31f8241c01320de6eebd031508f87e5cc11efdfaae5e4f7109c75f0577e83f565bd034762e15518ea818ac9e34c524373debcaee6c9b8a2c
+  data.tar.gz: 9e0f026f6245187b146579d39a2d087dcd8a4662d61187fa6dc630aaae2a5355f0e1abe97ec09371cd65709f7978b4c74461c7a711a3ae06c9a25bf841852340

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-linux
 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