view_component-scoped_styles 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 43108a25040819bdeee257cd43228632e8de7822b24e96d675625208ff5f1544
+  data.tar.gz: 1023d48e94469ea2db73b971eb0c09440bdfb18167aea8abb461cb45e5bc6ed5
+SHA512:
+  metadata.gz: e40669a1884ae189bc18edcf04cad923e210875078095d6fd7238b3dd9ff061172253f8c6dd86632ee207cd3e1ae108bf04d1dac1866daedd948c078e0a95e50
+  data.tar.gz: 6f67241201f8e8452e8eec7e316ff4a1259496347bc62f58dc6b2a7739557dc3df7f4e69ce75cc1041843dcd5d95d9a3cc40d590d7108c917f3850ae630e89e0

data/README.md

@@ -0,0 +1,226 @@
+# ViewComponent::ScopedStyles
+
+Scoped, colocated CSS for [ViewComponent](https://viewcomponent.org/).
+
+Avoids collisions by rewriting class selectors to stable, content-derived names.
+
+E.g. `.button` becomes `.c-a1b2c3d4`
+
+## Table of Contents
+
+- [ViewComponent::ScopedStyles](#viewcomponentscopedstyles)
+  - [Table of Contents](#table-of-contents)
+  - [Installation](#installation)
+  - [Usage](#usage)
+    - [1. Using a sidecar stylesheet](#1-using-a-sidecar-stylesheet)
+    - [2. Using a styles block in the component](#2-using-a-styles-block-in-the-component)
+    - [Referencing classes](#referencing-classes)
+    - [Using the scoped CSS](#using-the-scoped-css)
+  - [Configuration](#configuration)
+  - [Related projects](#related-projects)
+  - [Development](#development)
+  - [Contributing](#contributing)
+  - [License](#license)
+  - [Code of Conduct](#code-of-conduct)
+
+## Installation
+
+Install the gem and add to the application's Gemfile by executing:
+
+```bash
+bundle add view_component-scoped_styles
+```
+
+Or add it to the Gemfile manually:
+
+```ruby
+gem "view_component-scoped_styles"
+```
+
+If bundler is not being used to manage dependencies, install the gem by executing:
+
+```bash
+gem install view_component-scoped_styles
+```
+
+## Usage
+
+Include the module in any component class you would like to use with scoped CSS.
+
+```ruby
+class ExampleComponent < ViewComponent::Base
+  include ViewComponent::ScopedStyles
+end
+```
+
+CSS can be written in two ways:
+
+### 1. Using a sidecar stylesheet
+
+Learn more about sidecar [here](https://viewcomponent.org/guide/generators.html#place-the-view-in-a-sidecar-directory).
+
+```bash
+bin/rails generate view_component:component Example title --sidecar
+
+      create  app/components/example_component.rb
+      invoke  test_unit
+      create    test/components/example_component_test.rb
+      invoke  erb
+      create    app/components/example_component/example_component.html.erb
+
+```
+
+Then add a matching stylesheet in the sidecar directory:
+
+```css
+/* app/components/example_component/example_component.css */
+
+.component {
+  position: relative;
+}
+```
+
+### 2. Using a styles block in the component
+
+```ruby
+# app/components/example_component.rb
+
+class ExampleComponent < ViewComponent::Base
+  include ViewComponent::ScopedStyles
+
+  styles do
+    <<~CSS
+      .component {
+        position: relative;
+      }
+    CSS
+  end
+end
+```
+
+**NB:** Using a styles block will take precedence over a sidecar stylesheet.
+
+### Referencing classes
+
+Use the `component_class` helper inside component templates to refer to the scoped CSS classes:
+
+```erb
+<div class="<%= component_class %>">
+  My component content
+</div>
+```
+
+The default selector is `.component` but you can change this by defining `component_css_class` in your component:
+
+```ruby
+class ExampleComponent < ViewComponent::Base
+  include ViewComponent::ScopedStyles
+
+  component_css_class "example"
+
+  styles do
+    <<~CSS
+      .example {
+        position: relative;
+      }
+    CSS
+  end
+end
+```
+
+`component_class` takes an optional string argument to reference other classes in the CSS:
+
+```ruby
+class ExampleComponent < ViewComponent::Base
+  include ViewComponent::ScopedStyles
+
+  component_css_class "example"
+
+  styles do
+    <<~CSS
+      .example {
+        position: relative;
+      }
+
+      .inner {
+        position: absolute;
+      }
+    CSS
+  end
+end
+```
+
+```erb
+<div class="<%= component_class %>">
+  My component content
+
+  <div class="<%= component_class("inner") %>">
+    Inner content
+  </div>
+</div>
+```
+
+### Using the scoped CSS
+
+All scoped CSS will be compiled into `app/assets/stylesheets/components.scoped.css`.
+
+You should import this stylesheet within your app:
+
+```css
+/* app/assets/stylesheets/application.css */
+
+@import url("./components.scoped.css");
+```
+
+## Configuration
+
+Run the install generator in your Rails app:
+
+```bash
+bin/rails generate view_component:scoped_styles:install
+```
+
+That creates `config/initializers/view_component_scoped_styles.rb` with the same defaults as `ViewComponent::ScopedStyles::Configuration`.
+
+Or create the initializer manually:
+
+```ruby
+ViewComponent::ScopedStyles.configure do |config|
+  # Where ViewComponent classes live (relative to Rails.root). Default: "app/components"
+  config.components_path = File.join("app", "components")
+
+  # Optional @layer name for components.scoped.css (e.g. "components"). Default: nil.
+  config.components_layer = nil
+end
+```
+
+| Option | Default | Description |
+| --- | --- | --- |
+| `components_path` | `"app/components"` | Where ViewComponent classes live, relative to `Rails.root`. |
+| `components_layer` | `nil` | When set, wraps generated CSS in `@layer <name> { ... }` for cascade control. |
+
+## Related projects
+
+This gem was heavily inspired by Partials Fx, and indeed takes its foundations from it, modified to work with ViewComponent instead.
+
+- https://github.com/Rails-Designer/partials_fx
+- https://github.com/aileron-inc/view_component_scoped_css
+- https://github.com/amkisko/style_capsule.rb
+
+## Development
+
+After checking out the repo, run `bin/setup` to install dependencies. Then, run `rake spec` to run the tests.
+
+To install this gem onto your local machine, run `bundle exec rake install`. To release a new version, update the version number in `version.rb`, and then run `bundle exec rake release`, which will create a git tag for the version, push git commits and the created tag, and push the `.gem` file to [rubygems.org](https://rubygems.org).
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at https://github.com/chrise86/view_component-scoped_styles. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [code of conduct](https://github.com/chrise86/view_component-scoped_styles/blob/master/CODE_OF_CONDUCT.md).
+
+## License
+
+The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
+
+## Code of Conduct
+
+Everyone interacting in the ViewComponent::ScopedStyles project's codebases, issue trackers, chat rooms and mailing lists is expected to follow the [code of conduct](https://github.com/chrise86/view_component-scoped_styles/blob/master/CODE_OF_CONDUCT.md).

data/Rakefile

@@ -0,0 +1,12 @@
+# frozen_string_literal: true
+
+require "bundler/gem_tasks"
+require "rspec/core/rake_task"
+
+RSpec::Core::RakeTask.new(:spec)
+
+require "rubocop/rake_task"
+
+RuboCop::RakeTask.new
+
+task default: %i[spec rubocop]

data/lib/generators/view_component/scoped_styles/install_generator.rb

@@ -0,0 +1,40 @@
+# frozen_string_literal: true
+
+require "view_component/scoped_styles/configuration"
+require "rails/generators"
+
+module ViewComponent
+  module ScopedStyles
+    module Generators
+      # Installs +config/initializers/view_component_scoped_styles.rb+ with defaults
+      # from {ViewComponent::ScopedStyles::Configuration}.
+      #
+      #   bin/rails generate view_component:scoped_styles:install
+      class InstallGenerator < Rails::Generators::Base
+        source_root File.expand_path("templates", __dir__)
+
+        desc "Creates a ViewComponent::ScopedStyles initializer with default configuration"
+
+        def copy_initializer
+          template "view_component_scoped_styles.rb.tt",
+            "config/initializers/view_component_scoped_styles.rb"
+        end
+
+        private
+
+        def configuration_defaults
+          @configuration_defaults ||= Configuration.new
+        end
+
+        def components_path_expression
+          segments = Pathname(configuration_defaults.components_path).each_filename.to_a
+          "File.join(#{segments.map { |segment| %("#{segment}") }.join(", ")})"
+        end
+
+        def components_layer_value
+          configuration_defaults.components_layer.inspect
+        end
+      end
+    end
+  end
+end

data/lib/generators/view_component/scoped_styles/templates/view_component_scoped_styles.rb.tt

@@ -0,0 +1,9 @@
+# frozen_string_literal: true
+
+ViewComponent::ScopedStyles.configure do |config|
+  # Where ViewComponent classes live (relative to Rails.root). Default: "app/components"
+  config.components_path = <%= components_path_expression %>
+
+  # Optional @layer name for components.scoped.css (e.g. "components"). Default: nil.
+  config.components_layer = <%= components_layer_value %>
+end

data/lib/view_component/scoped_styles/concern.rb

@@ -0,0 +1,163 @@
+# frozen_string_literal: true
+
+module ViewComponent
+  module ScopedStyles
+    extend ActiveSupport::Concern
+
+    CACHED_VARIABLES = %i[@component_styles @component_id @component_class_map].freeze
+    CLASS_SELECTOR_PATTERN = /\.([a-zA-Z_][\w-]*)\b/
+
+    # Default root class for +component_class+ when it matches a selector in the CSS.
+    COMPONENT_CSS_CLASS = "component".freeze
+
+    class_methods do
+      # Sets which CSS class is the root for +component_class+ (no argument).
+      # Also triggers style registration when Rails is loaded (registration also
+      # runs via the Railtie for all styled components).
+      #
+      # All class selectors are rewritten to scoped names in +components.scoped.css+.
+      # The primary class uses an id from the full stylesheet (e.g. +.icon+ → +.c-99d08d5a+);
+      # other classes get per-class ids (e.g. +.input-box+ → +.c-a1b2c3d4+).
+      #
+      # Call with a name when the root is not +.component+ (the default).
+      #
+      # Clears cached generated styles when +name+ changes …
+      #
+      # @param name [String, nil] selector name without a leading dot (e.g. +"icon"+)
+      def component_css_class(name = nil)
+        if name
+          const_set(:COMPONENT_CSS_CLASS, name)
+          clear_component_style_cache
+        end
+        register_styles_if_rails_loaded
+      end
+
+      # Returns processed CSS with scoped class selectors, or +nil+ if none.
+      def component_styles
+        return @component_styles if defined?(@component_styles)
+        return nil unless @styles_block || has_stylesheet?
+
+        generate_component_styles
+      end
+
+      # Writes this component's processed styles to the bundled or host stylesheet.
+      def register_styles
+        return unless @styles_block || has_stylesheet?
+
+        Stylist.register(self)
+      end
+
+      # +true+ when a sidecar +.css+ file exists for this component.
+      def has_stylesheet?
+        stylesheet_path && File.exist?(stylesheet_path)
+      end
+
+      def styles(&block)
+        @styles_block = block
+        register_styles_if_rails_loaded
+      end
+
+      private
+
+      def stylesheet_path
+        return @stylesheet_path if defined?(@stylesheet_path)
+
+        @stylesheet_path = sidecar_files(["css"]).first
+      end
+
+      def register_styles_if_rails_loaded
+        return unless defined?(Rails) && Rails.root
+        return unless defined?(Rails::Server) # only web server boot path
+
+        register_styles
+      end
+
+      def generate_component_styles
+        styles_content = generate_styles_content
+        css_classes = extract_css_classes(styles_content)
+        primary_class = primary_css_class(css_classes)
+
+        @component_id = generate_component_id(styles_content)
+        @component_class_map = build_component_class_map(styles_content, css_classes, primary_class)
+        @component_styles = replace_css_classes(styles_content, @component_class_map)
+      end
+
+      def generate_styles_content
+        @styles_block ? @styles_block.call : File.read(stylesheet_path)
+      end
+
+      def extract_css_classes(styles_content)
+        styles_content.scan(CLASS_SELECTOR_PATTERN).flatten.uniq
+      end
+
+      def primary_css_class(css_classes)
+        configured = self::COMPONENT_CSS_CLASS.delete_prefix(".")
+        css_classes.include?(configured) ? configured : css_classes.first
+      end
+
+      def build_component_class_map(styles_content, css_classes, primary_class)
+        css_classes.index_with do |css_class|
+          if css_class == primary_class
+            @component_id
+          else
+            generate_scoped_class_id(styles_content, css_class)
+          end
+        end
+      end
+
+      def replace_css_classes(styles_content, class_map)
+        class_map.keys.sort_by(&:length).reverse.reduce(styles_content) do |content, css_class|
+          content.gsub(/\.#{Regexp.escape(css_class)}\b/, ".#{class_map[css_class]}")
+        end
+      end
+
+      def generate_component_id(styles_content)
+        hash = Digest::MD5.hexdigest(styles_content)[0..7]
+
+        "c-#{hash}"
+      end
+
+      def generate_scoped_class_id(styles_content, css_class)
+        hash = Digest::MD5.hexdigest("#{styles_content}:#{css_class}")[0..7]
+
+        "c-#{hash}"
+      end
+
+      def clear_component_style_cache
+        CACHED_VARIABLES.each do |ivar|
+          remove_instance_variable(ivar) if instance_variable_defined?(ivar)
+        end
+      end
+    end
+
+    # Scoped CSS class for a selector (e.g. +"c-99d08d5a"+).
+    #
+    # With no argument, returns the scoped root class ({COMPONENT_CSS_CLASS} when it
+    # appears in the CSS, otherwise the first class in the stylesheet).
+    #
+    # @param name [String, Symbol] CSS class without a leading dot (e.g. +"input-box"+)
+    def component_class(name = nil)
+      return nil unless component_has_styles? || component_has_stylesheet?
+
+      self.class.component_styles
+
+      if name
+        class_map = self.class.instance_variable_get(:@component_class_map)
+        class_map[name.to_s.delete_prefix(".")]
+      else
+        self.class.instance_variable_get(:@component_id)
+      end
+    end
+
+    private
+
+    def component_has_stylesheet?
+      self.class.has_stylesheet?
+    end
+
+    def component_has_styles?
+      self.class.instance_variable_defined?(:@styles_block) &&
+        self.class.instance_variable_get(:@styles_block)
+    end
+  end
+end

data/lib/view_component/scoped_styles/configuration.rb

@@ -0,0 +1,49 @@
+# frozen_string_literal: true
+
+module ViewComponent
+  module ScopedStyles
+    # Global settings for ViewComponent::ScopedStyles.
+    #
+    # Configure in an initializer:
+    #
+    #   ViewComponent::ScopedStyles.configure do |config|
+    #     config.components_path = File.join("app", "view_components")
+    #     config.components_layer = "components"
+    #   end
+    class Configuration
+      # Directory where ViewComponent classes live, relative to {Rails.root}.
+      #
+      # @return [String] default: +"app/components"+
+      attr_accessor :components_path
+
+      # Optional CSS cascade layer name for generated styles in
+      # +app/assets/stylesheets/components.scoped.css+.
+      #
+      # When set, the bundled stylesheet is wrapped in +@layer <name> { ... }+ so
+      # you can control specificity relative to other layers in your app.
+      #
+      # @return [String, nil] default: +nil+ (no layer wrapper)
+      attr_accessor :components_layer
+
+      def initialize
+        @components_path = File.join("app", "components")
+        @components_layer = nil
+      end
+    end
+
+    class << self
+      # Returns the global configuration object, creating it on first access.
+      #
+      # @return [Configuration]
+      def configuration
+        @configuration ||= Configuration.new
+      end
+
+      # Yields the global configuration for block-style setup.
+      #
+      # @yieldparam config [Configuration]
+      # @return [void]
+      def configure = yield(configuration)
+    end
+  end
+end

data/lib/view_component/scoped_styles/railtie.rb

@@ -0,0 +1,38 @@
+# frozen_string_literal: true
+
+require "rails/railtie"
+
+module ViewComponent
+  module ScopedStyles
+    class Railtie < Rails::Railtie
+      config.after_initialize do
+        ViewComponent::ScopedStyles::Railtie.load_and_register_components
+      end
+
+      if Rails.env.development?
+        config.to_prepare do
+          ViewComponent::ScopedStyles::Railtie.register_components
+        end
+      end
+
+      class << self
+        def component_path
+          Rails.root.join("app/components/**/*.rb")
+        end
+
+        def load_and_register_components
+          Dir[component_path].each { require_dependency _1 }
+
+          register_components
+        end
+
+        def register_components
+          ObjectSpace
+            .each_object(Class)
+            .select { _1.ancestors.include?(ViewComponent::ScopedStyles) }
+            .each(&:register_styles)
+        end
+      end
+    end
+  end
+end

data/lib/view_component/scoped_styles/stylist/writer.rb

@@ -0,0 +1,100 @@
+# frozen_string_literal: true
+
+module ViewComponent
+  module ScopedStyles
+    class Stylist
+      class Writer
+        def self.print(component_class)
+          new.print!(component_class)
+        end
+
+        def print!(component_class)
+          component_name = component_class.name
+          component_class.instance_variable_get(:@component_id)
+          styles = component_class.component_styles
+
+          ensure_stylesheet_exists!
+
+          update_stylesheet_with(component_name, styles)
+        end
+
+        private
+
+        def ensure_stylesheet_exists!
+          return if File.exist?(stylesheet_path)
+
+          FileUtils.mkdir_p(File.dirname(stylesheet_path))
+          File.write(stylesheet_path, initial_content)
+        end
+
+        def update_stylesheet_with(component_name, styles)
+          content = File.read(stylesheet_path)
+          updated_content = merge_styles_into(content, component_name, styles)
+
+          write_atomically(updated_content)
+
+          notify_asset_pipeline!
+        end
+
+        def merge_styles_into(content, component_name, styles)
+          wrapped_styles = wrap_with(component_name, styles)
+          pattern = style_pattern_for(component_name)
+
+          if content.match?(pattern)
+            content.gsub(pattern, wrapped_styles.strip)
+          else
+            append_styles_to(content, wrapped_styles)
+          end
+        end
+
+        def write_atomically(content)
+          if ViewComponent::ScopedStyles.configuration.components_layer
+            content = content.rstrip + "\n}\n"
+          end
+
+          temp_file = generate_temp_file_name
+
+          File.write(temp_file, content)
+          FileUtils.mv(temp_file, stylesheet_path)
+        end
+
+        # Multiple Rails processes can boot concurrently (e.g. web + jobs),
+        # so each writer needs its own temp file to avoid rename races.
+        def generate_temp_file_name
+          "#{stylesheet_path}.#{Process.pid}.#{Thread.current.object_id}.#{Process.clock_gettime(Process::CLOCK_MONOTONIC, :nanosecond)}.tmp"
+        end
+
+        def notify_asset_pipeline! = FileUtils.touch(stylesheet_path)
+
+        def wrap_with(component_name, styles)
+          start_marker = "/* #{component_name} */\n"
+          end_marker = "/* /#{component_name} */"
+
+          "#{start_marker}#{styles}#{end_marker}"
+        end
+
+        def style_pattern_for(component_name)
+          /\/\* #{Regexp.escape(component_name)} \*\/\n.*?\/\* \/#{Regexp.escape(component_name)} \*\//m
+        end
+
+        def append_styles_to(content, wrapped_styles)
+          [content.chomp, wrapped_styles, "\n"].join("\n")
+        end
+
+        def initial_content
+          content = "/* Generated by ViewComponent::ScopedStyles - Do not edit manually */\n"
+
+          if (layer = ViewComponent::ScopedStyles.configuration.components_layer)
+            content += "@layer #{layer} {\n"
+          end
+
+          content
+        end
+
+        def stylesheet_path
+          @stylesheet_path ||= Rails.root.join("app/assets/stylesheets/components.scoped.css")
+        end
+      end
+    end
+  end
+end

data/lib/view_component/scoped_styles/stylist.rb

@@ -0,0 +1,20 @@
+# frozen_string_literal: true
+
+require "view_component/scoped_styles/stylist/writer"
+
+module ViewComponent
+  module ScopedStyles
+    class Stylist
+      def self.register(component_class)
+        return if unstyled?(component_class)
+
+        Writer.print(component_class)
+      end
+
+      private_class_method def self.unstyled?(component_class)
+        !component_class.component_styles &&
+          !component_class.instance_variable_get(:@component_id)
+      end
+    end
+  end
+end

data/lib/view_component/scoped_styles/version.rb

@@ -0,0 +1,7 @@
+# frozen_string_literal: true
+
+module ViewComponent
+  module ScopedStyles
+    VERSION = "0.1.0"
+  end
+end

data/lib/view_component/scoped_styles.rb

@@ -0,0 +1,13 @@
+# frozen_string_literal: true
+
+require_relative "scoped_styles/version"
+require_relative "scoped_styles/configuration"
+require "active_support/concern"
+require_relative "scoped_styles/concern"
+require_relative "scoped_styles/stylist"
+require_relative "scoped_styles/railtie"
+
+module ViewComponent
+  module ScopedStyles
+  end
+end

metadata

@@ -0,0 +1,147 @@
+--- !ruby/object:Gem::Specification
+name: view_component-scoped_styles
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Chris Edwards
+bindir: bin
+cert_chain: []
+date: 1980-01-02 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '7.0'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '9'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '7.0'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '9'
+- !ruby/object:Gem::Dependency
+  name: view_component
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '3.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '3.0'
+- !ruby/object:Gem::Dependency
+  name: rubocop
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: rubocop-rails-omakase
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: rspec
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '13.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '13.0'
+description: Rewrites ViewComponent component styles to content-derived class names,
+  bundles them into a single stylesheet, and provides helpers to use those classes
+  in templates.
+email:
+- chris@chrise.net
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- README.md
+- Rakefile
+- lib/generators/view_component/scoped_styles/install_generator.rb
+- lib/generators/view_component/scoped_styles/templates/view_component_scoped_styles.rb.tt
+- lib/view_component/scoped_styles.rb
+- lib/view_component/scoped_styles/concern.rb
+- lib/view_component/scoped_styles/configuration.rb
+- lib/view_component/scoped_styles/railtie.rb
+- lib/view_component/scoped_styles/stylist.rb
+- lib/view_component/scoped_styles/stylist/writer.rb
+- lib/view_component/scoped_styles/version.rb
+homepage: https://github.com/chrise86/view_component-scoped_styles
+licenses:
+- MIT
+metadata:
+  homepage_uri: https://github.com/chrise86/view_component-scoped_styles
+  source_code_uri: https://github.com/chrise86/view_component-scoped_styles
+  changelog_uri: https://github.com/chrise86/view_component-scoped_styles/blob/main/CHANGELOG.md
+  rubygems_mfa_required: 'true'
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: 3.2.0
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 4.0.3
+specification_version: 4
+summary: Scoped, colocated CSS for ViewComponent components.
+test_files: []