@ecopages/postcss-processor 0.2.0-alpha.19 → 0.2.0-alpha.20

package/CHANGELOG.md

@@ -13,6 +13,7 @@ All notable changes to `@ecopages/postcss-processor` are documented here.
 ### Bug Fixes
 
 - Fixed runtime PostCSS config loading and stylesheet rebuilds for Tailwind-driven template changes.
+
 - Fixed direct stylesheet processing and preset output so Tailwind v4 preserves injected references and nested BEM selectors.
 
 ### Tests

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ecopages/postcss-processor",
-  "version": "0.2.0-alpha.19",
+  "version": "0.2.0-alpha.20",
   "description": "Postcss processor, transform string or postcss file to css",
   "keywords": [
     "postcss",
@@ -17,7 +17,7 @@
     "directory": "packages/processors/postcss-processor"
   },
   "dependencies": {
-    "@ecopages/file-system": "0.2.0-alpha.19",
+    "@ecopages/file-system": "0.2.0-alpha.20",
     "@ecopages/logger": "^0.2.3",
     "autoprefixer": "^10.4.0",
     "browserslist": "^4.28.1",
@@ -27,7 +27,7 @@
     "postcss-nested": "^7.0.2"
   },
   "peerDependencies": {
-    "@ecopages/core": "0.2.0-alpha.19",
+    "@ecopages/core": "0.2.0-alpha.20",
     "@tailwindcss/postcss": ">=4",
     "tailwindcss": ">=3"
   },

package/src/plugin.d.ts

@@ -26,6 +26,13 @@ export interface PostCssProcessorPluginConfig {
      * Regex filter to match files to process
      */
     filter?: RegExp;
+    /**
+     * CSS entry files to rebuild when a non-CSS dependency changes.
+     *
+     * Use this when the processor watches template or script files that affect a
+     * known stylesheet entry, such as a Tailwind reference file.
+     */
+    dependencyEntryPaths?: string[];
     /**
      * Function to transform the contents of the file.
      * It can be handy to add a custom header or footer to the file.
@@ -106,6 +113,8 @@ export declare class PostCssProcessorPlugin extends Processor<PostCssProcessorPl
     private refreshConfiguredPlugins;
     private enqueueWatchTask;
     private getTrackedCssFiles;
+    private getTrackedCssEntryFiles;
+    private getDependencyEntryFiles;
     private handleDependencyChange;
     constructor(config?: Omit<ProcessorConfig<PostCssProcessorPluginConfig>, 'name' | 'description'>);
     /**

package/src/plugin.js

@@ -184,11 +184,24 @@ class PostCssProcessorPlugin extends Processor {
       (filePath) => this.matchesFileFilter(filePath) && fileSystem.exists(filePath)
     );
   }
+  getTrackedCssEntryFiles() {
+    const importedCssFiles = new Set(this.cssDependencyMap.keys());
+    return this.getTrackedCssFiles().filter((filePath) => !importedCssFiles.has(filePath));
+  }
+  getDependencyEntryFiles() {
+    const configuredEntryPaths = this.options?.dependencyEntryPaths;
+    if (!configuredEntryPaths || configuredEntryPaths.length === 0) {
+      return this.getTrackedCssEntryFiles();
+    }
+    return configuredEntryPaths.filter(
+      (filePath) => this.matchesFileFilter(filePath) && fileSystem.exists(filePath)
+    );
+  }
   async handleDependencyChange(bridge) {
     if (!this.context) {
       return;
     }
-    const cssFiles = this.getTrackedCssFiles();
+    const cssFiles = this.getDependencyEntryFiles();
     if (cssFiles.length === 0) {
       return;
     }

package/src/presets/tailwind-v4.js

@@ -22,6 +22,7 @@ function tailwindV4Preset(options) {
     cssnano: () => cssnano()
   };
   return {
+    dependencyEntryPaths: [referencePath],
     /**
      * Instantiate the initial plugin list for the active processor instance.
      * Fresh instances can later be recreated from `pluginFactories`.