skild 0.10.1 → 0.10.2

package/dist/index.js

@@ -1698,8 +1698,22 @@ import chalk5 from "chalk";
 import { PLATFORMS as PLATFORMS3, listAllSkills, listSkills as listSkills2 } from "@skild/core";
 
 // src/utils/table-utils.ts
+import stringWidth from "string-width";
 import chalk4 from "chalk";
-var BOX_CHARS = {
+var BORDERS = {
+  rounded: {
+    topLeft: "\u256D",
+    topRight: "\u256E",
+    bottomLeft: "\u2570",
+    bottomRight: "\u256F",
+    horizontal: "\u2500",
+    vertical: "\u2502",
+    teeDown: "\u252C",
+    teeUp: "\u2534",
+    teeRight: "\u251C",
+    teeLeft: "\u2524",
+    cross: "\u253C"
+  },
   single: {
     topLeft: "\u250C",
     topRight: "\u2510",
@@ -1707,11 +1721,11 @@ var BOX_CHARS = {
     bottomRight: "\u2518",
     horizontal: "\u2500",
     vertical: "\u2502",
-    cross: "\u253C",
     teeDown: "\u252C",
     teeUp: "\u2534",
     teeRight: "\u251C",
-    teeLeft: "\u2524"
+    teeLeft: "\u2524",
+    cross: "\u253C"
   },
   double: {
     topLeft: "\u2554",
@@ -1720,115 +1734,131 @@ var BOX_CHARS = {
     bottomRight: "\u255D",
     horizontal: "\u2550",
     vertical: "\u2551",
-    cross: "\u256C",
     teeDown: "\u2566",
     teeUp: "\u2569",
     teeRight: "\u2560",
-    teeLeft: "\u2563"
-  },
-  rounded: {
-    topLeft: "\u256D",
-    topRight: "\u256E",
-    bottomLeft: "\u2570",
-    bottomRight: "\u256F",
-    horizontal: "\u2500",
-    vertical: "\u2502",
-    cross: "\u253C",
-    teeDown: "\u252C",
-    teeUp: "\u2534",
-    teeRight: "\u251C",
-    teeLeft: "\u2524"
+    teeLeft: "\u2563",
+    cross: "\u256C"
   }
 };
-function visibleLength(str) {
-  return str.replace(/\u001b\[\d+m/g, "").length;
+function getWidth(str) {
+  return stringWidth(str);
 }
-function padString(str, width, align = "left") {
-  const visible = visibleLength(str);
-  const padding = Math.max(0, width - visible);
+function pad(str, targetWidth, align = "left") {
+  const currentWidth = getWidth(str);
+  const padding = Math.max(0, targetWidth - currentWidth);
+  if (padding === 0) return str;
   if (align === "center") {
-    const leftPad = Math.floor(padding / 2);
-    const rightPad = padding - leftPad;
-    return " ".repeat(leftPad) + str + " ".repeat(rightPad);
-  } else if (align === "right") {
+    const left = Math.floor(padding / 2);
+    const right = padding - left;
+    return " ".repeat(left) + str + " ".repeat(right);
+  }
+  if (align === "right") {
     return " ".repeat(padding) + str;
-  } else {
-    return str + " ".repeat(padding);
   }
-}
-function truncateString(str, maxWidth) {
-  const visible = visibleLength(str);
-  if (visible <= maxWidth) return str;
-  const plain = str.replace(/\u001b\[\d+m/g, "");
-  return plain.slice(0, maxWidth - 1) + "\u2026";
-}
-function renderBorder(columns, chars, type) {
-  const left = type === "top" ? chars.topLeft : type === "bottom" ? chars.bottomLeft : chars.teeRight;
-  const right = type === "top" ? chars.topRight : type === "bottom" ? chars.bottomRight : chars.teeLeft;
-  const junction = type === "top" ? chars.teeDown : type === "bottom" ? chars.teeUp : chars.cross;
-  const segments = columns.map((col) => chars.horizontal.repeat(col.width + 2));
+  return str + " ".repeat(padding);
+}
+function truncate(str, maxWidth) {
+  if (getWidth(str) <= maxWidth) return str;
+  const plain = str.replace(/\u001b\[[0-9;]*m/g, "");
+  let result = "";
+  let width = 0;
+  for (const char of plain) {
+    const charWidth = stringWidth(char);
+    if (width + charWidth + 1 > maxWidth) break;
+    result += char;
+    width += charWidth;
+  }
+  return result + "\u2026";
+}
+function renderBorder(columns, chars, position, cellPadding) {
+  const left = position === "top" ? chars.topLeft : position === "bottom" ? chars.bottomLeft : chars.teeRight;
+  const right = position === "top" ? chars.topRight : position === "bottom" ? chars.bottomRight : chars.teeLeft;
+  const junction = position === "top" ? chars.teeDown : position === "bottom" ? chars.teeUp : chars.cross;
+  const segments = columns.map(
+    (col) => chars.horizontal.repeat(col.width + cellPadding * 2)
+  );
   return left + segments.join(junction) + right;
 }
-function renderRow(cells, columns, chars) {
-  const paddedCells = cells.map((cell, i) => {
-    const col = columns[i];
-    if (!col) return "";
-    const truncated = truncateString(cell, col.width);
-    return " " + padString(truncated, col.width, col.align || "left") + " ";
+function renderRow(cells, columns, chars, cellPadding) {
+  const paddingStr = " ".repeat(cellPadding);
+  const formattedCells = columns.map((col, i) => {
+    const content = cells[i] ?? "";
+    const truncated = getWidth(content) > col.width ? truncate(content, col.width) : content;
+    const padded = pad(truncated, col.width, col.align);
+    return paddingStr + padded + paddingStr;
   });
-  return chars.vertical + paddedCells.join(chars.vertical) + chars.vertical;
+  return chars.vertical + formattedCells.join(chars.vertical) + chars.vertical;
 }
-function renderTable(options) {
-  const { columns, rows, borderStyle = "rounded" } = options;
-  const chars = BOX_CHARS[borderStyle];
+function renderTable(config) {
+  const { columns, rows, border = "rounded", cellPadding = 1 } = config;
+  const chars = BORDERS[border];
   const lines = [];
-  lines.push(renderBorder(columns, chars, "top"));
+  lines.push(renderBorder(columns, chars, "top", cellPadding));
   const headerCells = columns.map((col) => chalk4.bold(col.header));
-  lines.push(renderRow(headerCells, columns, chars));
-  lines.push(renderBorder(columns, chars, "middle"));
-  for (let i = 0; i < rows.length; i++) {
-    const row = rows[i];
+  lines.push(renderRow(headerCells, columns, chars, cellPadding));
+  lines.push(renderBorder(columns, chars, "middle", cellPadding));
+  for (const row of rows) {
     if (row.style === "separator") {
-      lines.push(renderBorder(columns, chars, "middle"));
-    } else if (row.style === "header") {
-      const cells = row.cells.map((cell) => chalk4.bold(cell));
-      lines.push(renderRow(cells, columns, chars));
+      lines.push(renderBorder(columns, chars, "middle", cellPadding));
+    } else if (row.style === "section") {
+      const sectionCells = row.cells.map(
+        (cell, i) => i === 0 ? chalk4.bold(cell) : cell
+      );
+      lines.push(renderRow(sectionCells, columns, chars, cellPadding));
     } else {
-      lines.push(renderRow(row.cells, columns, chars));
+      lines.push(renderRow(row.cells, columns, chars, cellPadding));
     }
   }
-  lines.push(renderBorder(columns, chars, "bottom"));
+  lines.push(renderBorder(columns, chars, "bottom", cellPadding));
   return lines.join("\n");
 }
-var TableBuilder = class {
+var Table = class {
   columns = [];
   rows = [];
   borderStyle = "rounded";
-  addColumn(header, width, align) {
+  padding = 1;
+  /** Add a column definition. */
+  column(header, width, align = "left") {
     this.columns.push({ header, width, align });
     return this;
   }
-  addRow(cells, style) {
-    this.rows.push({ cells, style });
+  /** Add a normal data row. */
+  row(cells) {
+    this.rows.push({ cells, style: "normal" });
     return this;
   }
-  addSeparator() {
-    this.rows.push({ cells: [], style: "separator" });
+  /** Add a section header row (first cell is emphasized). */
+  section(title, ...rest) {
+    const cells = [title, ...rest];
+    while (cells.length < this.columns.length) {
+      cells.push("");
+    }
+    this.rows.push({ cells, style: "section" });
     return this;
   }
-  addHeaderRow(cells) {
-    this.rows.push({ cells, style: "header" });
+  /** Add a horizontal separator line. */
+  separator() {
+    this.rows.push({ cells: [], style: "separator" });
     return this;
   }
-  setBorderStyle(style) {
+  /** Set border style. */
+  border(style) {
     this.borderStyle = style;
     return this;
   }
+  /** Set cell padding. */
+  cellPadding(padding) {
+    this.padding = padding;
+    return this;
+  }
+  /** Render the table to a string. */
   render() {
     return renderTable({
       columns: this.columns,
       rows: this.rows,
-      borderStyle: this.borderStyle
+      border: this.borderStyle,
+      cellPadding: this.padding
     });
   }
 };
@@ -1839,7 +1869,7 @@ var PLATFORM_ABBREV = {
   codex: "Codex",
   copilot: "Copilot",
   cursor: "Cursor",
-  antigravity: "Antigrav",
+  antigravity: "Antigravity",
   opencode: "OpenCode",
   windsurf: "Windsurf"
 };
@@ -1903,21 +1933,19 @@ function renderTableView(allSkills, scope, options) {
   }
   const matrix = buildSkillMatrix(allSkills);
   const activePlatforms = PLATFORMS3.filter((p) => allSkills.some((s) => s.platform === p));
-  const table = new TableBuilder();
-  table.addColumn("Skill", 30, "left");
+  const table = new Table();
+  table.column("Skill", 30, "left");
   for (const platform of activePlatforms) {
-    table.addColumn(PLATFORM_ABBREV[platform] || platform, 9, "center");
+    table.column(PLATFORM_ABBREV[platform] || platform, 11, "center");
   }
   const skillsets = matrix.filter((r) => r.isSkillset && r.indent === 0);
-  const skillsetDeps = matrix.filter((r) => r.indent > 0);
   const regular = matrix.filter((r) => !r.isSkillset && !r.isDependency && r.indent === 0);
   if (skillsets.length > 0) {
-    const sectionHeader = [`${chalk5.bold("\u{1F4E6} SKILLSETS")} ${chalk5.dim(`(${skillsets.length})`)}`, ...activePlatforms.map(() => "")];
-    table.addHeaderRow(sectionHeader);
+    table.section(`\u{1F4E6} SKILLSETS ${chalk5.dim(`(${skillsets.length})`)}`);
     for (const row of skillsets) {
       const nameCell = chalk5.cyan(row.displayName);
       const statusCells = activePlatforms.map((p) => renderStatusIcon(row.platforms.get(p)));
-      table.addRow([nameCell, ...statusCells]);
+      table.row([nameCell, ...statusCells]);
       if (options.verbose && row.dependencies) {
         const deps = matrix.filter((r) => r.indent > 0 && row.dependencies?.includes(r.name));
         for (const dep of deps) {
@@ -1926,19 +1954,18 @@ function renderTableView(allSkills, scope, options) {
             const status = dep.platforms.get(p);
             return status?.installed ? chalk5.dim("\u2022") : chalk5.dim("-");
           });
-          table.addRow([depName, ...depStatus]);
+          table.row([depName, ...depStatus]);
         }
       }
     }
   }
   if (regular.length > 0) {
-    if (skillsets.length > 0) table.addSeparator();
-    const sectionHeader = [`${chalk5.bold("\u26A1 SKILLS")} ${chalk5.dim(`(${regular.length})`)}`, ...activePlatforms.map(() => "")];
-    table.addHeaderRow(sectionHeader);
+    if (skillsets.length > 0) table.separator();
+    table.section(`\u26A1 SKILLS ${chalk5.dim(`(${regular.length})`)}`);
     for (const row of regular) {
       const nameCell = chalk5.cyan(row.displayName);
       const statusCells = activePlatforms.map((p) => renderStatusIcon(row.platforms.get(p)));
-      table.addRow([nameCell, ...statusCells]);
+      table.row([nameCell, ...statusCells]);
     }
   }
   console.log("");
@@ -1947,6 +1974,17 @@ function renderTableView(allSkills, scope, options) {
   const totalInstalls = allSkills.length;
   console.log("");
   console.log(chalk5.dim(`Summary: ${totalSkills} unique skill${totalSkills === 1 ? "" : "s"}, ${totalInstalls} total installation${totalInstalls === 1 ? "" : "s"} across ${activePlatforms.length} platform${activePlatforms.length === 1 ? "" : "s"} (${scope})`));
+  if (activePlatforms.length > 1) {
+    const unsyncedSkills = regular.filter((row) => {
+      const installedCount = activePlatforms.filter((p) => row.platforms.get(p)?.installed).length;
+      return installedCount > 0 && installedCount < activePlatforms.length;
+    });
+    if (unsyncedSkills.length > 0) {
+      console.log("");
+      console.log(chalk5.yellow(`\u{1F4A1} ${unsyncedSkills.length} skill${unsyncedSkills.length === 1 ? "" : "s"} not synced across all platforms.`));
+      console.log(chalk5.dim(`   Run ${chalk5.cyan("skild sync")} to sync skills across platforms.`));
+    }
+  }
   console.log("");
 }
 async function list(options = {}) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "skild",
-  "version": "0.10.1",
+  "version": "0.10.2",
   "description": "The npm for Agent Skills — Discover, install, manage, and publish AI Agent Skills with ease.",
   "type": "module",
   "main": "./dist/index.js",
@@ -35,13 +35,15 @@
   "dependencies": {
     "@inquirer/prompts": "^8.2.0",
     "chalk": "^5.3.0",
+    "cli-table3": "^0.6.5",
     "commander": "^12.1.0",
     "mdast-util-to-string": "^4.0.0",
     "ora": "^8.0.1",
     "remark-parse": "^11.0.0",
+    "string-width": "^8.1.0",
     "tar": "^7.4.3",
     "unified": "^11.0.4",
-    "@skild/core": "^0.10.1"
+    "@skild/core": "^0.10.2"
   },
   "devDependencies": {
     "@types/mdast": "^4.0.4",