scss-variable-extractor 1.5.2 → 1.5.3

package/README.md

@@ -708,6 +708,13 @@ 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`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "scss-variable-extractor",
-  "version": "1.5.2",
+  "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;