scss-variable-extractor 1.5.1 → 1.5.3

package/README.md

@@ -342,7 +342,8 @@ npx scss-extract migrate-bootstrap ./src --custom-utilities ./src/utilities.scss
 - `[src]` - Source directory to scan (optional, auto-detected from angular.json)
 
 **Options:**
-- `--custom-utilities <path>` - Path for custom utilities file (default: `./src/utilities.scss`)
+- `--custom-utilities <path>` - Path for custom utilities file (default: `./src/styles/utilities.scss`)
+- `--no-custom-utilities` - Skip creating custom utility classes
 - `--dry-run` - Preview changes without modifying files
 - `--angular-json <path>` - Path to angular.json file
 - `--project <name>` - Specify which project to use
@@ -408,7 +409,13 @@ npx scss-extract migrate-bootstrap --dry-run
 # 3. Apply migration
 npx scss-extract migrate-bootstrap
 
-# 4. Review changes and test components
+# 4. Apply migration with custom utilities path
+npx scss-extract migrate-bootstrap --custom-utilities ./custom/utilities.scss
+
+# 5. Skip utilities generation
+npx scss-extract migrate-bootstrap --no-custom-utilities
+
+# 6. Review changes and test components
 # Manual review of generated utilities.scss and component templates
 ```
 
@@ -701,6 +708,18 @@ MIT License - see [LICENSE](./LICENSE) file for details
 
 ## Changelog
 
+### 1.5.3 (2026-02-12)
+
+- **Fixed:** `migrate-bootstrap` now actually detects Bootstrap classes and generates utilities
+- **Fixed:** Invalid CSS ("Manual migration required") no longer added to utilities.scss
+- **Enhanced:** Utility classes are now properly added to customUtilitiesSet during migration
+- **Improved:** Component migrations are tracked and reported
+
+### 1.5.2 (2026-02-12)
+
+- **Fixed:** `migrate-bootstrap` command option renamed from `--utilities` to `--custom-utilities` to work with `--no-custom-utilities`
+- **Fixed:** Default utilities path corrected to `./src/styles/utilities.scss`
+
 ### 1.5.1 (2026-02-12)
 
 - **Enhanced:** HTML class detection now handles spaces around `=` (e.g., `class = "py-3"`)

package/bin/cli.js

@@ -481,7 +481,7 @@ program
   .command('migrate-bootstrap')
   .description('Migrate Bootstrap classes to Angular Material MDC-based styles')
   .argument('[src]', 'Source directory to scan (optional if using angular.json)')
-  .option('--utilities <path>', 'Path to custom utilities file', './src/styles/utilities.scss')
+  .option('--custom-utilities <path>', 'Path to custom utilities file', './src/styles/utilities.scss')
   .option('--no-custom-utilities', 'Skip creating custom utility classes')
   .option('--no-remove-imports', 'Keep Bootstrap imports')
   .option('--dry-run', 'Preview changes without modifying files')
@@ -512,7 +512,7 @@ program
       }
       
       console.log(chalk.gray(`Scanning: ${config.src}`));
-      console.log(chalk.gray(`Utilities output: ${options.utilities}\n`));
+      console.log(chalk.gray(`Utilities output: ${options.customUtilities || './src/styles/utilities.scss'}\n`));
       
       // Scan files - look for SCSS, HTML, and TS files
       const allFiles = await scanTemplateFiles(config.src, config.ignore);
@@ -521,7 +521,7 @@ program
       // Migrate Bootstrap
       const results = migrateBootstrapToMaterial(allFiles, {
         createCustomUtilities: options.customUtilities !== false,
-        customUtilitiesPath: options.utilities,
+        customUtilitiesPath: options.customUtilities || './src/styles/utilities.scss',
         removeBootstrapImports: options.removeImports !== false,
         dryRun: options.dryRun
       });
@@ -545,7 +545,7 @@ program
       }
       
       if (results.customUtilities.length > 0) {
-        console.log(chalk.cyan(`✓ Generated ${results.customUtilities.length} custom utility class(es) in ${options.utilities}\n`));
+        console.log(chalk.cyan(`✓ Generated ${results.customUtilities.length} custom utility class(es) in ${options.customUtilities || './src/styles/utilities.scss'}\n`));
       }
       
       if (results.componentMigrations.length > 0) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "scss-variable-extractor",
-  "version": "1.5.1",
+  "version": "1.5.3",
   "description": "Analyzes Angular SCSS files and extracts repeated hardcoded values into reusable variables",
   "bin": {
     "scss-extract": "./bin/cli.js"

package/src/bootstrap-migrator.js

@@ -418,6 +418,33 @@ function migrateFileBootstrap(content, filePath, options) {
   let modified = false;
   const { customUtilitiesSet, removeBootstrapImports } = options;
 
+  // Detect Bootstrap classes in this file first
+  const detected = detectBootstrapInFile(content, filePath);
+  
+  // Add utility classes to the set for custom utilities generation
+  if (customUtilitiesSet && detected.classes.length > 0) {
+    detected.classes.forEach(classInfo => {
+      if (classInfo.type === 'utility' && classInfo.mapping.needsCustom) {
+        const className = classInfo.class;
+        const css = classInfo.mapping.custom;
+        // Only add valid CSS (not warnings like "Manual migration required")
+        if (css && !css.includes('Manual') && !css.includes('Use CSS Grid')) {
+          customUtilitiesSet.add(`.${className} { ${css} }`);
+        }
+      }
+      
+      // Track component migrations
+      if (classInfo.type === 'component') {
+        componentMigrations.push({
+          class: classInfo.class,
+          material: classInfo.mapping.material,
+          line: classInfo.line,
+          file: filePath
+        });
+      }
+    });
+  }
+
   // Remove Bootstrap imports
   if (removeBootstrapImports) {
     const bootstrapImportRegex = /@import\s+['"].*bootstrap.*['"];?\s*\n?/gi;