benflux-ui 0.1.2 → 0.1.3

package/dist/bin/benflux-ui.js

@@ -28,11 +28,11 @@ var import_commander = require("commander");
 var import_picocolors5 = __toESM(require("picocolors"));
 
 // src/commands/init.ts
-var import_path2 = __toESM(require("path"));
 var clack = __toESM(require("@clack/prompts"));
-var import_picocolors = __toESM(require("picocolors"));
-var import_fs_extra2 = __toESM(require("fs-extra"));
 var import_execa = require("execa");
+var import_fs_extra2 = __toESM(require("fs-extra"));
+var import_path2 = __toESM(require("path"));
+var import_picocolors = __toESM(require("picocolors"));
 
 // src/utils/detect-framework.ts
 var import_path = __toESM(require("path"));
@@ -815,26 +815,23 @@ async function addCommand(components, options) {
   const defaultDir = options.path ?? await getComponentsPath(cwd);
   let selectedComponents = components;
   if (selectedComponents.length === 0) {
-    const categories = [...new Set(REGISTRY.map((c) => c.category))];
-    const category = await clack2.select({
-      message: "Select component category:",
-      options: [
-        { label: "All components", value: "all" },
-        ...categories.map((c) => ({
-          label: c.charAt(0).toUpperCase() + c.slice(1),
-          value: c
-        }))
-      ]
-    });
-    if (clack2.isCancel(category)) {
-      clack2.cancel("Cancelled.");
-      process.exit(0);
-    }
-    const componentOptions = category === "all" ? REGISTRY : REGISTRY.filter((c) => c.category === category);
+    const categoryLabel = {
+      layout: "Layout",
+      inputs: "Inputs",
+      navigation: "Navigation",
+      feedback: "Feedback",
+      "data-display": "Data Display",
+      ai: "AI",
+      wow: "WOW Effects"
+    };
+    const sorted = [...REGISTRY].sort(
+      (a, b) => a.category === b.category ? a.name.localeCompare(b.name) : a.category.localeCompare(b.category)
+    );
     const selected = await clack2.multiselect({
-      message: "Select components to add:",
-      options: componentOptions.map((c) => ({
-        label: `${c.name} \u2014 ${c.description}`,
+      message: "Which components would you like to add?",
+      options: sorted.map((c) => ({
+        label: c.name,
+        hint: `${categoryLabel[c.category] ?? c.category} \u2014 ${c.description}`,
         value: c.name
       }))
     });

package/dist/index.js

@@ -46,11 +46,11 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 
 // src/commands/init.ts
-var import_path2 = __toESM(require("path"));
 var clack = __toESM(require("@clack/prompts"));
-var import_picocolors = __toESM(require("picocolors"));
-var import_fs_extra2 = __toESM(require("fs-extra"));
 var import_execa = require("execa");
+var import_fs_extra2 = __toESM(require("fs-extra"));
+var import_path2 = __toESM(require("path"));
+var import_picocolors = __toESM(require("picocolors"));
 
 // src/utils/detect-framework.ts
 var import_path = __toESM(require("path"));
@@ -842,26 +842,23 @@ async function addCommand(components, options) {
   const defaultDir = options.path ?? await getComponentsPath(cwd);
   let selectedComponents = components;
   if (selectedComponents.length === 0) {
-    const categories = [...new Set(REGISTRY.map((c) => c.category))];
-    const category = await clack2.select({
-      message: "Select component category:",
-      options: [
-        { label: "All components", value: "all" },
-        ...categories.map((c) => ({
-          label: c.charAt(0).toUpperCase() + c.slice(1),
-          value: c
-        }))
-      ]
-    });
-    if (clack2.isCancel(category)) {
-      clack2.cancel("Cancelled.");
-      process.exit(0);
-    }
-    const componentOptions = category === "all" ? REGISTRY : REGISTRY.filter((c) => c.category === category);
+    const categoryLabel = {
+      layout: "Layout",
+      inputs: "Inputs",
+      navigation: "Navigation",
+      feedback: "Feedback",
+      "data-display": "Data Display",
+      ai: "AI",
+      wow: "WOW Effects"
+    };
+    const sorted = [...REGISTRY].sort(
+      (a, b) => a.category === b.category ? a.name.localeCompare(b.name) : a.category.localeCompare(b.category)
+    );
     const selected = await clack2.multiselect({
-      message: "Select components to add:",
-      options: componentOptions.map((c) => ({
-        label: `${c.name} \u2014 ${c.description}`,
+      message: "Which components would you like to add?",
+      options: sorted.map((c) => ({
+        label: c.name,
+        hint: `${categoryLabel[c.category] ?? c.category} \u2014 ${c.description}`,
         value: c.name
       }))
     });

package/dist/index.mjs

@@ -1,9 +1,9 @@
 // src/commands/init.ts
-import path2 from "path";
 import * as clack from "@clack/prompts";
-import pc from "picocolors";
-import fs2 from "fs-extra";
 import { execa } from "execa";
+import fs2 from "fs-extra";
+import path2 from "path";
+import pc from "picocolors";
 
 // src/utils/detect-framework.ts
 import path from "path";
@@ -795,26 +795,23 @@ async function addCommand(components, options) {
   const defaultDir = options.path ?? await getComponentsPath(cwd);
   let selectedComponents = components;
   if (selectedComponents.length === 0) {
-    const categories = [...new Set(REGISTRY.map((c) => c.category))];
-    const category = await clack2.select({
-      message: "Select component category:",
-      options: [
-        { label: "All components", value: "all" },
-        ...categories.map((c) => ({
-          label: c.charAt(0).toUpperCase() + c.slice(1),
-          value: c
-        }))
-      ]
-    });
-    if (clack2.isCancel(category)) {
-      clack2.cancel("Cancelled.");
-      process.exit(0);
-    }
-    const componentOptions = category === "all" ? REGISTRY : REGISTRY.filter((c) => c.category === category);
+    const categoryLabel = {
+      layout: "Layout",
+      inputs: "Inputs",
+      navigation: "Navigation",
+      feedback: "Feedback",
+      "data-display": "Data Display",
+      ai: "AI",
+      wow: "WOW Effects"
+    };
+    const sorted = [...REGISTRY].sort(
+      (a, b) => a.category === b.category ? a.name.localeCompare(b.name) : a.category.localeCompare(b.category)
+    );
     const selected = await clack2.multiselect({
-      message: "Select components to add:",
-      options: componentOptions.map((c) => ({
-        label: `${c.name} \u2014 ${c.description}`,
+      message: "Which components would you like to add?",
+      options: sorted.map((c) => ({
+        label: c.name,
+        hint: `${categoryLabel[c.category] ?? c.category} \u2014 ${c.description}`,
         value: c.name
       }))
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "benflux-ui",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "CLI for adding Benflux UI components to your project",
   "keywords": [
     "benflux-ui",