Rename and update Tailwind incremental fix plugin to PostCSS incremental fix, expand detection to CSS partials, and update associated tests and tasks.

liberaldev · liberaldev · commit c045c89339ef · 2026-01-01T12:27:58.000+09:00
diff --git a/Rakefile b/Rakefile
@@ -14,7 +14,7 @@ CONFIG = "_config.yml"
 task default: [:build]
 
 desc "Run tests (test-linter, lint, build)"
-task test: %i[test-news-plugin test-html-lang-plugin test-tailwind-incremental-fix-plugin test-linter lint build]
+task test: %i[test-news-plugin test-html-lang-plugin test-postcss-incremental-fix-plugin test-linter lint build]
 
 desc "Build the Jekyll site"
 task :build do
@@ -139,9 +139,9 @@ Rake::TestTask.new(:"test-html-lang-plugin") do |t|
 end
 
 require "rake/testtask"
-Rake::TestTask.new(:"test-tailwind-incremental-fix-plugin") do |t|
-  t.description = "Run tests for the Tailwind incremental fix plugin"
+Rake::TestTask.new(:"test-postcss-incremental-fix-plugin") do |t|
+  t.description = "Run tests for the PostCSS incremental fix plugin"
   t.libs = ["test"]
-  t.test_files = FileList['test/test_plugin_tailwind_incremental_fix.rb']
+  t.test_files = FileList['test/test_plugin_postcss_incremental_fix.rb']
   t.verbose = true
-end
+end
diff --git a/_plugins/postcss_incremental_fix.rb b/_plugins/postcss_incremental_fix.rb
@@ -1,4 +1,6 @@
-# Regenerate CSS only when HTML/Markdown files change
+# Regenerate CSS when HTML/Markdown files or imported CSS partials change
+# Detects changes in content files and CSS partials (e.g., _components/*.css, _variables.css)
+# to trigger PostCSS rebuild via jekyll-postcss-v2 plugin
 
 module Jekyll
   module PostcssTrigger
@@ -22,8 +24,8 @@ class << self
   # Skip if CSS was already touched in this build
   next if Jekyll::PostcssTrigger.css_touched
 
-  # Check if any HTML/Markdown files have changed
-  content_patterns = %w[_layouts/**/*.html _includes/**/*.html *.html *.md */**/*.html */**/*.md]
+  # Check if any HTML/Markdown files or included CSS files have changed
+  content_patterns = %w[_layouts/**/*.html _includes/**/*.html *.html *.md */**/*.html */**/*.md stylesheets/**/_*.css stylesheets/_*/**/*.css]
 
   html_changed = false
   last_check = Jekyll::PostcssTrigger.last_check_time
diff --git a/test/test_plugin_postcss_incremental_fix.rb b/test/test_plugin_postcss_incremental_fix.rb
@@ -4,7 +4,7 @@
 require "jekyll"
 require "fileutils"
 require "time"
-require_relative "../_plugins/tailwind_incremental_fix"
+require_relative "../_plugins/postcss_incremental_fix"
 
 describe Jekyll::PostcssTrigger do
   before do
@@ -37,7 +37,7 @@
     end
   end
 
-  describe "integration:  HTML change triggers CSS rebuild" do
+  describe "integration: HTML change triggers CSS rebuild" do
     before do
       chdir_tempdir
       create_file("stylesheets/main.css", "/* css */")
@@ -61,7 +61,7 @@
 
       Jekyll::Hooks.trigger :site, :post_read, @site
 
-      _(Jekyll::PostcssTrigger. last_check_time).wont_be_nil
+      _(Jekyll::PostcssTrigger.last_check_time).wont_be_nil
       _(Jekyll::PostcssTrigger.css_touched).must_equal false
     end
 
@@ -71,13 +71,13 @@
 
       # First build - establish baseline
       Jekyll::Hooks.trigger :site, :post_read, @site
-      first_check_time = Jekyll::PostcssTrigger. last_check_time
+      first_check_time = Jekyll::PostcssTrigger.last_check_time
 
       sleep 0.2
 
       # NOW modify HTML file (after first build)
       create_file("index.html", "<html>modified</html>")
-      css_original_mtime = File. mtime("stylesheets/main.css")
+      css_original_mtime = File.mtime("stylesheets/main.css")
 
       sleep 0.1
 
@@ -90,7 +90,7 @@
 
     it "touches CSS when markdown file changes" do
       # Create markdown file first
-      create_file("about. md", "# About Page")
+      create_file("about.md", "# About Page")
 
       # First build
       Jekyll::Hooks.trigger :site, :post_read, @site
@@ -110,6 +110,50 @@
       _(File.mtime("stylesheets/main.css") > css_original_mtime).must_equal true
     end
 
+    it "touches CSS when CSS partial (e.g. _variables.css) changes" do
+      # Create CSS partial first
+      create_file("stylesheets/_variables.css", ":root { --color: red; }")
+
+      # First build
+      Jekyll::Hooks.trigger :site, :post_read, @site
+
+      sleep 0.2
+
+      # Modify CSS partial
+      create_file("stylesheets/_variables.css", ":root { --color: blue; }")
+      css_original_mtime = File.mtime("stylesheets/main.css")
+
+      sleep 0.1
+
+      # Second build
+      Jekyll::Hooks.trigger :site, :post_read, @site
+
+      _(Jekyll::PostcssTrigger.css_touched).must_equal true
+      _(File.mtime("stylesheets/main.css") > css_original_mtime).must_equal true
+    end
+
+    it "touches CSS when CSS file in sub-directory (e.g. _components/*.css) changes" do
+      # Create CSS file in sub-directory first
+      create_file("stylesheets/_components/base.css", ".btn { color: red; }")
+
+      # First build
+      Jekyll::Hooks.trigger :site, :post_read, @site
+
+      sleep 0.2
+
+      # Modify CSS file in sub-directory
+      create_file("stylesheets/_components/base.css", ".btn { color: blue; }")
+      css_original_mtime = File.mtime("stylesheets/main.css")
+
+      sleep 0.1
+
+      # Second build
+      Jekyll::Hooks.trigger :site, :post_read, @site
+
+      _(Jekyll::PostcssTrigger.css_touched).must_equal true
+      _(File.mtime("stylesheets/main.css") > css_original_mtime).must_equal true
+    end
+
     it "touches CSS when layout file changes" do
       # Create layout file first
       create_file("_layouts/default.html", "<html>{{ content }}</html>")
