ht-skills 0.1.5 → 0.1.6

package/lib/cli.js

@@ -374,7 +374,7 @@ function formatTargetsNote(installTargets, colorize = (text) => text) {
     .join("\n");
 }
 
-function formatSearchResult(item, { index = 0, colorize = (text) => text, width = 100 } = {}) {
+function formatSearchResult(item, { index = 0, colorize = (text) => text, width = 80 } = {}) {
   const ordinal = `${index + 1}.`;
   const slugPart = `${item.slug}@${item.latestVersion}`;
   const namePart = normalizeInlineText(item.name || "");
@@ -397,6 +397,27 @@ function formatSearchResult(item, { index = 0, colorize = (text) => text, width
   return `${renderedPrefix}${separator}${renderedDescription}`;
 }
 
+function formatSearchCard(item, { index = 0, colorize = (text) => text, width = 80 } = {}) {
+  const ordinal = `${index + 1}.`;
+  const slugPart = `${item.slug}@${item.latestVersion}`;
+  const namePart = normalizeInlineText(item.name || "");
+  const descriptionPart = normalizeInlineText(item.description || "");
+  const innerWidth = Math.max(36, width - 4);
+  const top = `┌${"─".repeat(innerWidth + 2)}┐`;
+  const bottom = `└${"─".repeat(innerWidth + 2)}┘`;
+
+  const line1Label = `${ordinal} skill: `;
+  const line2Label = "description: ";
+  const line1Text = truncateText(`${slugPart}${namePart ? ` (${namePart})` : ""}`, Math.max(8, innerWidth - line1Label.length));
+  const line2Text = truncateText(descriptionPart || "-", Math.max(8, innerWidth - line2Label.length));
+  const line1Plain = `${line1Label}${line1Text}`;
+  const line2Plain = `${line2Label}${line2Text}`;
+
+  const line1 = `│ ${colorize(line1Label, "muted")}${colorize(line1Text, "accent")}${" ".repeat(Math.max(0, innerWidth - line1Plain.length))} │`;
+  const line2 = `│ ${colorize(line2Label, "muted")}${line2Text}${" ".repeat(Math.max(0, innerWidth - line2Plain.length))} │`;
+  return [top, line1, line2, bottom].join("\n");
+}
+
 function printFallbackIntro({ registry, slug, version, skillName, skillDescription, installTargets }, log = console.log) {
   log("");
   log("ht-skills");
@@ -465,13 +486,11 @@ function createUiColorizer(pc) {
 
 function formatSearchOption(item, { width = 100 } = {}) {
   const slugPart = `${item.slug}@${item.latestVersion}`;
-  const namePart = normalizeInlineText(item.name || "");
-  const label = truncateText(namePart && namePart !== item.slug ? `${slugPart}  ${namePart}` : slugPart, width);
-  const hint = truncateText(item.description || "", Math.max(24, Math.floor(width * 0.55)));
+  const label = truncateText(slugPart, width);
   return {
     value: `${item.slug}@${item.latestVersion}`,
     label,
-    hint: hint || undefined,
+    hint: "",
   };
 }
 
@@ -584,6 +603,15 @@ async function cmdSearch(flags, deps = {}) {
   }
 
   if (ui) {
+    const lineWidth = Math.max(44, Math.min(outputWidth - 6, 88));
+    // eslint-disable-next-line no-console
+    console.log(data.items.map((item, index) => formatSearchCard(item, {
+      index,
+      colorize,
+      width: lineWidth,
+    })).join("\n"));
+    // eslint-disable-next-line no-console
+    console.log("");
     const optionWidth = Math.max(36, outputWidth - 10);
     const selectedSpec = await ui.select({
       message: "Choose a skill to install",
@@ -611,7 +639,7 @@ async function cmdSearch(flags, deps = {}) {
   const reservedWidth = 4;
   const lineWidth = Math.max(24, outputWidth - reservedWidth);
   for (const [index, item] of data.items.entries()) {
-    log(formatSearchResult(item, {
+    log(formatSearchCard(item, {
       index,
       colorize,
       width: lineWidth,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ht-skills",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "description": "CLI for installing and submitting skills from HT Skills Marketplace.",
   "type": "commonjs",
   "bin": {