esm-styles 0.3.6 → 0.3.7

package/dist/lib/build.js

@@ -6,6 +6,7 @@ import path from 'node:path';
 import fs from 'node:fs/promises';
 // import { inspect } from 'node:util'
 import _ from 'lodash';
+import CleanCSS from 'clean-css';
 export async function build(configPath = 'esm-styles.config.js') {
     // --- Supporting module generation ---
     // Debug: log mergedSets and sets
@@ -177,7 +178,7 @@ export async function build(configPath = 'esm-styles.config.js') {
     // Track output files for each floor
     const floorFiles = [];
     for (const floor of floors) {
-        const { source, layer, outputPath: floorOutputPath } = floor;
+        const { source, layer, outputPath: floorOutputPath, minify } = floor;
         const inputFile = path.join(sourcePath, `${source}${suffix}`);
         // Use floor's outputPath if provided, otherwise use default
         const floorOutputDir = floorOutputPath
@@ -201,6 +202,10 @@ export async function build(configPath = 'esm-styles.config.js') {
             }
             wrappedCss = `${comment}@layer ${layer} {\n${css}\n}`;
         }
+        // if floor should be minified, minify wrappedCss string
+        if (minify) {
+            wrappedCss = new CleanCSS().minify(wrappedCss).styles;
+        }
         await fs.writeFile(outputFile, wrappedCss, 'utf8');
         // Calculate relative path from default output directory for imports
         const relativePath = floorOutputPath

package/doc/usage-guide.md

@@ -351,6 +351,7 @@ floors: [
   { source: 'layout', layer: 'layout' },
   { source: 'utilities' }, // No layer wrapper
   { source: 'overrides', outputPath: 'special' }, // Custom output path
+  { source: 'minified', minify: true }, // Minify CSS file
 ]
 ```
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "esm-styles",
-  "version": "0.3.6",
+  "version": "0.3.7",
   "description": "A library for working with ESM styles",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -35,6 +35,7 @@
     "watch": "dist/watch.js"
   },
   "devDependencies": {
+    "@types/clean-css": "^4.2.11",
     "@types/jest": "^29.5.14",
     "@types/js-beautify": "^1.14.3",
     "@types/lodash": "^4.17.16",
@@ -49,6 +50,7 @@
     "typescript": "^5.8.3"
   },
   "dependencies": {
+    "clean-css": "^5.3.3",
     "js-beautify": "^1.15.4"
   },
   "repository": {