skild 0.10.8 → 0.10.10

package/dist/index.js

@@ -86,10 +86,31 @@ var logger = {
 };
 
 // src/utils/interactive-select.ts
-import { checkbox } from "@inquirer/prompts";
 import readline from "readline";
 import chalk2 from "chalk";
 import { PLATFORMS } from "@skild/core";
+function buildSkillTree(skills) {
+  const allNode = createTreeNode("all", "All Skills", 1, false);
+  for (let i = 0; i < skills.length; i++) {
+    const relPath = skills[i].relPath;
+    const parts = relPath === "." ? ["."] : relPath.split("/").filter(Boolean);
+    allNode.leafIndices.push(i);
+    let current = allNode;
+    for (let d = 0; d < parts.length; d++) {
+      const part = parts[d];
+      const nodeId = parts.slice(0, d + 1).join("/");
+      let child = current.children.find((c2) => c2.name === part);
+      if (!child) {
+        child = createTreeNode(nodeId, part, d + 2, d === parts.length - 1);
+        current.children.push(child);
+      }
+      child.leafIndices.push(i);
+      current = child;
+    }
+  }
+  collapseIntermediateNodes(allNode);
+  return wrapWithRoot(allNode);
+}
 function buildSyncTree(choices) {
   const root = createTreeNode("root", "All targets", 1, false);
   const platforms = /* @__PURE__ */ new Map();
@@ -123,12 +144,56 @@ function buildPlatformTree(items) {
   }
   return wrapWithRoot(allNode);
 }
+function buildTreeFromSkillNodes(nodes, totalSkills) {
+  const allNode = createTreeNode("all", "All Skills", 1, false);
+  const attach = (node, depth) => {
+    const treeNode = createTreeNode(
+      node.id,
+      node.label,
+      depth,
+      Boolean(node.skillIndex != null && (!node.children || node.children.length === 0)),
+      node.skillIndex != null ? [node.skillIndex] : []
+    );
+    if (node.children?.length) {
+      for (const child of node.children) {
+        const childNode = attach(child, depth + 1);
+        treeNode.children.push(childNode);
+        treeNode.leafIndices.push(...childNode.leafIndices);
+      }
+    }
+    return treeNode;
+  };
+  for (const node of nodes) {
+    const childNode = attach(node, 2);
+    allNode.children.push(childNode);
+    allNode.leafIndices.push(...childNode.leafIndices);
+  }
+  if (allNode.leafIndices.length === 0 && totalSkills > 0) {
+    for (let i = 0; i < totalSkills; i++) allNode.leafIndices.push(i);
+  }
+  return wrapWithRoot(allNode);
+}
 function createTreeNode(id, name, depth, isLeaf, leafIndices = []) {
   return { id, name, depth, children: [], leafIndices, isLeaf };
 }
 function wrapWithRoot(allNode) {
   return { id: "", name: ".", depth: 0, children: [allNode], leafIndices: [...allNode.leafIndices], isLeaf: false };
 }
+function collapseIntermediateNodes(allNode) {
+  while (allNode.children.length === 1 && !allNode.children[0].isLeaf && allNode.children[0].children.length > 0) {
+    const singleChild = allNode.children[0];
+    for (const grandchild of singleChild.children) {
+      adjustDepth(grandchild, -1);
+    }
+    allNode.children = singleChild.children;
+  }
+}
+function adjustDepth(node, delta) {
+  node.depth += delta;
+  for (const child of node.children) {
+    adjustDepth(child, delta);
+  }
+}
 function flattenTree(root) {
   const result = [];
   function walk(node) {
@@ -150,23 +215,26 @@ function getNodeSelection(node, selected) {
   else if (selectedCount > 0) state = "partial";
   return { state, selectedCount };
 }
-function createRenderer(title, subtitle, flatNodes, selected, getCursor, formatNode) {
+function createRenderer(title, subtitle, flatNodes, selected, getCursor, getViewOffset, viewHeight, formatNode) {
   function renderContent() {
     const lines = [];
     lines.push(chalk2.bold.cyan(title));
     lines.push(chalk2.dim(subtitle));
     lines.push("");
     const cursor = getCursor();
-    for (let i = 0; i < flatNodes.length; i++) {
+    const offset = getViewOffset();
+    const end = Math.min(flatNodes.length, offset + viewHeight);
+    for (let i = offset; i < end; i++) {
       const node = flatNodes[i];
       const selection = getNodeSelection(node, selected);
       lines.push(formatNode(node, selection, i === cursor));
     }
-    lines.push("");
+    lines.push(chalk2.dim(`
+Showing ${end - offset}/${flatNodes.length} (offset ${offset + 1})`));
     return lines;
   }
   function getLineCount() {
-    return 4 + flatNodes.length;
+    return 4 + Math.min(viewHeight, flatNodes.length);
   }
   return { renderContent, getLineCount };
 }
@@ -186,6 +254,9 @@ async function interactiveTreeSelect(items, options) {
   const root = buildTree(items);
   const flatNodes = flattenTree(root);
   if (flatNodes.length === 0) return null;
+  const stdout = process.stdout;
+  const rows = typeof stdout.rows === "number" ? stdout.rows : 24;
+  const viewHeight = Math.max(5, rows - 5);
   const selected = /* @__PURE__ */ new Set();
   if (defaultSelected) {
     for (const idx of defaultSelected) selected.add(idx);
@@ -193,8 +264,8 @@ async function interactiveTreeSelect(items, options) {
     for (let i = 0; i < items.length; i++) selected.add(i);
   }
   let cursor = 0;
+  let viewOffset = 0;
   const stdin = process.stdin;
-  const stdout = process.stdout;
   if (!stdin.isTTY || !stdout.isTTY) {
     return defaultAll ? Array.from(selected) : null;
   }
@@ -206,7 +277,16 @@ async function interactiveTreeSelect(items, options) {
   if (useAltScreen) {
     stdout.write("\x1B[?1049h");
   }
-  const renderer = createRenderer(title, subtitle, flatNodes, selected, () => cursor, formatNode);
+  const renderer = createRenderer(
+    title,
+    subtitle,
+    flatNodes,
+    selected,
+    () => cursor,
+    () => viewOffset,
+    viewHeight,
+    formatNode
+  );
   writeToTerminal(stdout, renderer.renderContent());
   return new Promise((resolve) => {
     function cleanup(clear = false) {
@@ -254,11 +334,13 @@ async function interactiveTreeSelect(items, options) {
       }
       if (key.name === "up") {
         cursor = (cursor - 1 + flatNodes.length) % flatNodes.length;
+        if (cursor < viewOffset) viewOffset = cursor;
         rerender();
         return;
       }
       if (key.name === "down") {
         cursor = (cursor + 1) % flatNodes.length;
+        if (cursor >= viewOffset + viewHeight) viewOffset = cursor - viewHeight + 1;
         rerender();
         return;
       }
@@ -289,7 +371,7 @@ function formatTreeNode(node, selection, isCursor, options = {}) {
   const { state, selectedCount } = selection;
   const totalCount = node.leafIndices.length;
   const indent = "  ".repeat(node.depth - 1);
-  const checkbox2 = state === "all" ? chalk2.green("\u25CF") : state === "partial" ? chalk2.yellow("\u25D0") : chalk2.dim("\u25CB");
+  const checkbox = state === "all" ? chalk2.green("\u25CF") : state === "partial" ? chalk2.yellow("\u25D0") : chalk2.dim("\u25CB");
   const name = isCursor ? chalk2.cyan.underline(node.name) : node.name;
   const cursorMark = isCursor ? chalk2.cyan("\u203A ") : "  ";
   let count = "";
@@ -301,13 +383,21 @@ function formatTreeNode(node, selection, isCursor, options = {}) {
   if (isCursor && totalCount > 0) {
     hint = state === "all" ? chalk2.dim(" \u2190 Space to deselect") : chalk2.dim(" \u2190 Space to select");
   }
-  return `${cursorMark}${indent}${checkbox2} ${name}${count}${suffix}${hint}`;
+  return `${cursorMark}${indent}${checkbox} ${name}${count}${suffix}${hint}`;
 }
 function truncateDescription(value, maxLen) {
   const trimmed = value.trim();
   if (trimmed.length <= maxLen) return trimmed;
   return `${trimmed.slice(0, maxLen - 3).trimEnd()}...`;
 }
+function getSkillDescriptionSuffix(skills, node, isCursor) {
+  if (!isCursor || !node.isLeaf || node.leafIndices.length !== 1) return "";
+  const skill = skills[node.leafIndices[0]];
+  if (!skill?.description) return "";
+  const description = truncateDescription(skill.description, 72);
+  if (!description) return "";
+  return chalk2.dim(` - ${description}`);
+}
 function getPlatformDisplay(platform) {
   return PLATFORM_DISPLAY[platform] || platform;
 }
@@ -322,25 +412,33 @@ async function promptSkillsInteractive(skills, options = {}) {
     const isFullyInstalled = hasInstalledCheck && installedOnTargets.length === targetPlatforms.length;
     if (options.defaultAll !== false && !isFullyInstalled) defaultSelected.add(i);
   }
-  const choices = skills.map((skill, i) => {
-    const base = skill.relPath === "." ? skill.suggestedSource : skill.relPath;
-    const desc = skill.description ? ` - ${truncateDescription(skill.description, 72)}` : "";
-    let installedSuffix = "";
-    if (skill.installedPlatforms?.length) {
-      installedSuffix = targetPlatforms.length > 0 && skill.installedPlatforms.length === targetPlatforms.length ? " [installed]" : ` [installed on ${skill.installedPlatforms.length}]`;
-    }
-    return {
-      name: `${base}${installedSuffix ? chalk2.dim(installedSuffix) : ""}${desc ? chalk2.dim(desc) : ""}`,
-      value: i,
-      checked: defaultSelected.has(i)
-    };
-  });
-  const selectedIndices = await checkbox({
-    message: "Select skills to install",
-    choices,
-    loop: false,
-    pageSize: Math.min(20, choices.length)
+  const selectedIndices = await interactiveTreeSelect(skills, {
+    title: "Select skills to install",
+    subtitle: "\u2191\u2193 navigate \u2022 Space toggle \u2022 Enter confirm",
+    buildTree: buildSkillTree,
+    formatNode: (node, selection, isCursor) => {
+      let installedSuffix = "";
+      if (node.isLeaf && node.leafIndices.length === 1) {
+        const skill = skills[node.leafIndices[0]];
+        if (skill?.installedPlatforms?.length) {
+          if (skill.installedPlatforms.length === targetPlatforms.length && targetPlatforms.length > 0) {
+            installedSuffix = chalk2.dim(" [installed]");
+          } else if (skill.installedPlatforms.length > 0) {
+            installedSuffix = chalk2.dim(` [installed on ${skill.installedPlatforms.length}]`);
+          }
+        }
+      }
+      const descriptionSuffix = getSkillDescriptionSuffix(skills, node, isCursor);
+      const formatted = formatTreeNode(node, selection, isCursor, { suffix: `${installedSuffix}${descriptionSuffix}` });
+      if (isCursor && installedSuffix && selection.state !== "all") {
+        return formatted.replace("\u2190 Space to select", "\u2190 Space to reinstall");
+      }
+      return formatted;
+    },
+    defaultAll: false,
+    defaultSelected
   });
+  if (!selectedIndices) return null;
   const selectedSkills = selectedIndices.map((i) => skills[i]);
   const names = selectedSkills.map((s) => s.relPath === "." ? s.suggestedSource : s.relPath);
   console.log(chalk2.green(`
@@ -378,26 +476,17 @@ async function promptSyncTargetsInteractive(choices) {
   return selected;
 }
 async function promptSkillsTreeInteractive(skills, tree, options = {}) {
-  if (skills.length === 0) return null;
-  const defaultSelected = /* @__PURE__ */ new Set();
-  if (options.defaultAll !== false) {
-    for (let i = 0; i < skills.length; i++) defaultSelected.add(i);
-  }
-  const choices = skills.map((skill, i) => {
-    const label = skill.displayName || skill.relPath || skill.suggestedSource;
-    const desc = skill.description ? ` - ${truncateDescription(skill.description, 72)}` : "";
-    return {
-      name: `${label}${desc ? chalk2.dim(desc) : ""}`,
-      value: i,
-      checked: defaultSelected.has(i)
-    };
-  });
-  const selectedIndices = await checkbox({
-    message: "Select skills",
-    choices,
-    loop: false,
-    pageSize: Math.min(20, choices.length)
+  const selectedIndices = await interactiveTreeSelect(skills, {
+    title: "Select skills from markdown",
+    subtitle: "\u2191\u2193 navigate \u2022 Space toggle \u2022 Enter confirm",
+    buildTree: () => buildTreeFromSkillNodes(tree, skills.length),
+    formatNode: (node, selection, isCursor) => {
+      const descriptionSuffix = getSkillDescriptionSuffix(skills, node, isCursor);
+      return formatTreeNode(node, selection, isCursor, { suffix: descriptionSuffix });
+    },
+    defaultAll: options.defaultAll !== false
   });
+  if (!selectedIndices) return null;
   const selectedSkills = selectedIndices.map((i) => skills[i]);
   const names = selectedSkills.map((s) => s.displayName || s.relPath || s.suggestedSource);
   console.log(chalk2.green(`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "skild",
-  "version": "0.10.8",
+  "version": "0.10.10",
   "description": "The npm for Agent Skills — Discover, install, manage, and publish AI Agent Skills with ease.",
   "type": "module",
   "main": "./dist/index.js",