chaincss 1.13.0 → 1.13.2

package/README.md

@@ -2,11 +2,13 @@
 
 [![npm version](https://img.shields.io/npm/v/chaincss)](https://www.npmjs.com/package/chaincss)
 [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
-
 [![Live Demo](https://img.shields.io/badge/demo-live-brightgreen)](https://chaincss.dev)
 
 > Chainable CSS-in-JS with build-time compilation, atomic CSS, and zero-runtime options
 
+> **Note:** The previous package `@melcanz85/chaincss` is no longer supported.  
+> **Please install `chaincss` instead:** `npm install chaincss`
+
 ##  Features
 
 ### Core Styling Features

package/node/chaincss.js

@@ -387,7 +387,7 @@ const processor = async (inputFile, outputFile) => {
           stats: chain.atomicStats
         };
         fs.writeFileSync(mapJsonPath, JSON.stringify(mapData, null, 2), 'utf8');
-        console.log(`✅ Class map: ${mapJsonPath}`);
+        console.log(` Class map: ${mapJsonPath}`);
         
         // Write JS module for easy import
         const jsPath = path.join(outputDir, 'global.classes.js');
@@ -404,7 +404,7 @@ export const getClass = (selector) => classMap[selector] || '';
 export default classMap;
 `;
         fs.writeFileSync(jsPath, jsContent, 'utf8');
-        console.log(`✅ JS module: ${jsPath}`);
+        console.log(` JS module: ${jsPath}`);
         
         // Write TypeScript definitions
         const dtsPath = path.join(outputDir, 'global.classes.d.ts');
@@ -419,7 +419,7 @@ declare const _default: Record<string, string>;
 export default _default;
 `;
         fs.writeFileSync(dtsPath, dtsContent, 'utf8');
-        console.log(`✅ TypeScript definitions: ${dtsPath}`);
+        console.log(` TypeScript definitions: ${dtsPath}`);
         
         // Update manifest
         const manifestPath = path.join(outputDir, 'chaincss-manifest.json');
@@ -442,7 +442,7 @@ export default _default;
         };
         
         fs.writeFileSync(manifestPath, JSON.stringify(manifest, null, 2), 'utf8');
-        console.log(`✅ Manifest: ${manifestPath}`);
+        console.log(` Manifest: ${manifestPath}`);
       }
     }
   } catch (err) {

package/node/prefixer.js

@@ -40,7 +40,7 @@ class ChainCSSPrefixer {
   determineMode() {
     if (this.config.mode === 'full' && !this.hasAutoprefixer) {
       console.warn('⚠️ Full mode requested but autoprefixer not installed. Falling back to lightweight mode.');
-      console.warn('   To use full mode: npm install autoprefixer postcss caniuse-db browserslist\n');
+      console.warn('   To use full mode install this devDenpendecies: "npm install -D autoprefixer postcss caniuse-db browserslist"\n');
       return 'lightweight';
     }
     if (this.config.mode === 'lightweight') {

package/node/strVal.js

@@ -25,18 +25,81 @@ Usage:
   chaincss <inputFile> <outputFile> [options]
 
 Options:
-  --watch               Watch for changes
+  --watch               Watch for changes and auto-recompile
   --no-prefix          Disable automatic prefixing
   --prefixer-mode <mode> Set prefixer mode (auto|lightweight|full)
   --browsers <list>    Browser support list (comma-separated)
   --no-source-map      Disable source maps
   --source-map-inline  Use inline source maps
+  
+  # Atomic CSS Optimization
+  --atomic              Enable atomic CSS optimization
+  --threshold <number>  Minimum usage count for atomic classes (default: 3)
+  --atomic-naming <type> Atomic class naming (hash|readable) (default: hash)
+  --no-atomic-cache     Disable atomic CSS cache
+  
+  # Performance & Debug
+  --verbose             Enable verbose logging
+  --debug               Enable debug mode with detailed output
+  --tree-shake          Remove unused CSS classes (dead code elimination)
+  
+  # Output Control
+  --minify              Minify CSS output (default: true in production)
+  --no-minify           Disable CSS minification
+  --out-dir <dir>       Output directory (default: same as outputFile dir)
+  --manifest            Generate build manifest file
+  
+  # Configuration
+  --config <path>       Path to config file (default: chaincss.config.cjs)
+  --no-config           Ignore config file, use CLI options only
+  
+  # Theme Validation
+  --validate-themes     Validate theme contracts during build
+  
+  # Help
+  --help, -h            Show this help message
+  --version, -v         Show version number
 
 Examples:
+  # Basic compilation
   chaincss style.jcss style.css
+  
+  # Watch mode for development
   chaincss style.jcss style.css --watch
-  chaincss style.jcss style.css --browsers ">5%,last 2 versions"
+  
+  # Atomic CSS optimization
+  chaincss style.jcss style.css --atomic
+  
+  # With custom threshold for atomic classes
+  chaincss style.jcss style.css --atomic --threshold 5
+  
+  # Full production build with all optimizations
+  chaincss style.jcss style.css --atomic --minify --tree-shake --source-map
+  
+  # Custom browser support
+  chaincss style.jcss style.css --browsers "> 1%, last 2 versions, not dead"
+  
+  # Full autoprefixer mode
+  chaincss style.jcss style.css --prefixer-mode full
+  
+  # Validate themes during build
+  chaincss style.jcss style.css --validate-themes
+  
+  # Debug mode with verbose output
+  chaincss style.jcss style.css --debug --verbose
+  
+  # Disable prefixing (for modern browsers only)
   chaincss style.jcss style.css --no-prefix
+  
+  # With custom config file
+  chaincss style.jcss style.css --config ./my-chaincss.config.cjs
+
+Notes:
+  - Atomic CSS optimization reduces CSS size by reusing common style patterns
+  - Tree shaking removes unused CSS classes from final bundle
+  - Theme validation ensures all themes have required tokens
+  - Use --watch during development for instant updates
+  - Use --atomic --minify --tree-shake for production builds
     `
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "chaincss",
-  "version": "1.13.0",
+  "version": "1.13.2",
   "description": "Chainable CSS-in-JS with build-time compilation, atomic CSS, and zero-runtime options",
   "keywords": [
     "css",