@public-ui/kolibri-cli 4.0.3 → 4.0.4-rc.0

package/dist/generate-scss/index.js

@@ -1,7 +1,12 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = default_1;
 const components_1 = require("@public-ui/components");
+const fs_1 = __importDefault(require("fs"));
+const path_1 = __importDefault(require("path"));
 const scss_1 = require("typed-bem/scss");
 /**
  * This function is used to register the scss generator command.
@@ -11,8 +16,50 @@ function default_1(program) {
     program
         .command('generate-scss')
         .description('Generate SCSS files with BEM selectors for KoliBri components (experimental).')
-        .action(() => {
-        (0, scss_1.generateBemScssFile)(components_1.BEM_ALERT, 'alert');
-        (0, scss_1.generateBemScssFile)(components_1.BEM_ICON, 'icon');
+        .argument('<components...>', 'Component names to generate (e.g., alert icon)')
+        .option('-o, --output <path>', 'Output directory for generated SCSS files', 'src/components')
+        .action((components, options) => {
+        // Use provided output path relative to current working directory
+        const outputDir = path_1.default.resolve(process.cwd(), options.output);
+        // Create output directory if it doesn't exist
+        if (!fs_1.default.existsSync(outputDir)) {
+            fs_1.default.mkdirSync(outputDir, { recursive: true });
+        }
+        console.log(`📂 Generating SCSS files in: ${outputDir}`);
+        // Change to output directory for generation
+        const originalCwd = process.cwd();
+        process.chdir(outputDir);
+        try {
+            // Generate SCSS for each requested component
+            for (const component of components) {
+                const componentKey = `kol-${component}`;
+                // Filter out skeleton and click-button
+                if (component === 'skeleton' || component === 'click-button') {
+                    console.warn(`⚠️  Component '${component}' is not available for generation.`);
+                    continue;
+                }
+                if (!components_1.BEM[componentKey]) {
+                    const availableComponents = Object.keys(components_1.BEM)
+                        .filter((key) => !key.includes('skeleton') && !key.includes('click-button'))
+                        .join(', ');
+                    console.warn(`⚠️  Component '${component}' not found in BEM registry. Available: ${availableComponents}`);
+                    continue;
+                }
+                // Generate SCSS with fixed kol-theme-component layer
+                (0, scss_1.generateBemScssFile)({
+                    [componentKey]: components_1.BEM[componentKey],
+                }, component, { layer: 'kol-theme-component' });
+                console.log(`✅ Generated ${component}.scss`);
+            }
+            console.log(`\n🎯 Generated with CSS layer: @layer kol-theme-component`);
+            console.log(`\n💡 Next steps:`);
+            console.log(`   1. Review generated files in ${options.output}/`);
+            console.log(`   2. Add your CSS styles to the BEM selectors`);
+            console.log(`   3. Build your theme to include the styled components`);
+        }
+        finally {
+            // Restore original working directory
+            process.chdir(originalCwd);
+        }
     });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@public-ui/kolibri-cli",
-  "version": "4.0.3",
+  "version": "4.0.4-rc.0",
   "license": "EUPL-1.2",
   "homepage": "https://public-ui.github.io",
   "repository": {
@@ -30,26 +30,26 @@
     "prettier-plugin-organize-imports": "4.3.0",
     "semver": "7.7.4",
     "typed-bem": "1.0.2",
-    "@public-ui/components": "4.0.3"
+    "@public-ui/components": "4.0.4-rc.0"
   },
   "devDependencies": {
-    "@eslint/js": "9.39.2",
-    "@types/node": "25.2.1",
+    "@eslint/js": "9.39.3",
+    "@types/node": "25.3.0",
     "@types/semver": "7.7.1",
-    "@typescript-eslint/eslint-plugin": "8.54.0",
-    "@typescript-eslint/parser": "8.54.0",
+    "@typescript-eslint/eslint-plugin": "8.56.1",
+    "@typescript-eslint/parser": "8.56.1",
     "cross-env": "10.1.0",
-    "eslint": "9.39.2",
+    "eslint": "9.39.3",
     "eslint-plugin-html": "8.1.4",
     "eslint-plugin-json": "4.0.1",
     "eslint-plugin-jsx-a11y": "6.10.2",
     "eslint-plugin-react": "7.37.5",
-    "knip": "5.83.1",
+    "knip": "5.85.0",
     "mocha": "11.7.5",
-    "nodemon": "3.1.11",
+    "nodemon": "3.1.14",
     "ts-node": "10.9.2",
     "typescript": "5.9.3",
-    "@public-ui/components": "4.0.3"
+    "@public-ui/components": "4.0.4-rc.0"
   },
   "engines": {
     "node": ">=22"