cskit-cli 1.0.33 → 1.0.36

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cskit-cli",
-  "version": "1.0.33",
+  "version": "1.0.36",
   "description": "Content Suite Kit CLI - Download and manage CSK skills from private repository",
   "main": "src/index.js",
   "bin": {

package/src/commands/init.js

@@ -457,15 +457,14 @@ async function initCommand(options) {
     process.exit(1);
   }
 
-  timeline.complete(0, 'OK');
-
   // Check existing installation
   const manifest = loadManifest(projectDir);
   const isUpdate = manifest.version !== null;
 
   if (isUpdate) {
-    console.log(chalk.dim(`  Current: ${manifest.version} (${formatDate(manifest.installedAt)})\n`));
+    timeline.addChild(0, `Current: ${manifest.version}`, 'info');
   }
+  timeline.complete(0, 'OK');
 
   // Get available versions
   const releases = await getAllReleases(token);
@@ -483,6 +482,7 @@ async function initCommand(options) {
     choices.push({ name: chalk.dim('main branch (dev)'), value: 'main' });
 
     timeline.pause(); // Pause before prompt
+    console.log('');  // One blank line before prompt
     const answer = await inquirer.prompt([{
       type: 'list',
       name: 'version',
@@ -496,7 +496,7 @@ async function initCommand(options) {
     selectedVersion = latest.tag;
   }
 
-  console.log(chalk.dim(`  Installing: ${selectedVersion}\n`));
+  console.log(`  ${chalk.dim('Installing:')} ${selectedVersion}\n`);
 
   // Step 2: Download zip
   timeline.start(1);
@@ -551,27 +551,46 @@ async function initCommand(options) {
   // Step 5: Confirm changes
   timeline.start(4);
 
+  // Tree connector symbols
+  const pipe = chalk.dim('│');
+  const branch = chalk.dim('├──');
+  const corner = chalk.dim('└──');
+
   // Show files that will be changed
   if (changes.update.length > 0) {
-    console.log(chalk.yellow('\n  Files to be updated (will overwrite):\n'));
-    for (const file of changes.update.slice(0, 15)) {
-      console.log(chalk.yellow(`    ! ${file.target}`));
+    console.log(`\n  ${pipe}`);
+    console.log(`  ${branch} ${chalk.yellow('Files to be updated (will overwrite):')}`);
+
+    const showFiles = changes.update.slice(0, 15);
+    const hasMore = changes.update.length > 15;
+
+    for (let i = 0; i < showFiles.length; i++) {
+      const isLast = i === showFiles.length - 1 && !hasMore;
+      const prefix = isLast ? corner : branch;
+      console.log(`  ${pipe}   ${prefix} ${chalk.yellow('!')} ${showFiles[i].target}`);
     }
-    if (changes.update.length > 15) {
-      console.log(chalk.dim(`    ... and ${changes.update.length - 15} more\n`));
+    if (hasMore) {
+      console.log(`  ${pipe}   ${corner} ${chalk.dim(`... and ${changes.update.length - 15} more`)}`);
     }
-    console.log('');
+    console.log(`  ${pipe}`);
   }
 
   if (changes.new.length > 0) {
-    console.log(chalk.green('  New files to be created:\n'));
-    for (const file of changes.new.slice(0, 10)) {
-      console.log(chalk.green(`    + ${file.target}`));
+    console.log(`\n  ${pipe}`);
+    console.log(`  ${branch} ${chalk.green('New files to be created:')}`);
+
+    const showFiles = changes.new.slice(0, 10);
+    const hasMore = changes.new.length > 10;
+
+    for (let i = 0; i < showFiles.length; i++) {
+      const isLast = i === showFiles.length - 1 && !hasMore;
+      const prefix = isLast ? corner : branch;
+      console.log(`  ${pipe}   ${prefix} ${chalk.green('+')} ${showFiles[i].target}`);
     }
-    if (changes.new.length > 10) {
-      console.log(chalk.dim(`    ... and ${changes.new.length - 10} more\n`));
+    if (hasMore) {
+      console.log(`  ${pipe}   ${corner} ${chalk.dim(`... and ${changes.new.length - 10} more`)}`);
     }
-    console.log('');
+    console.log(`  ${pipe}`);
   }
 
   // Confirm
@@ -694,19 +713,27 @@ async function initCommand(options) {
       return;
     }
 
-    // Show what needs to be installed/updated
-    console.log(chalk.cyan('\n  Packages to install/update:\n'));
-    for (const pkg of allToInstall.slice(0, 10)) {
+    // Show what needs to be installed/updated with tree connector
+    console.log(`\n  ${pipe}`);
+    console.log(`  ${branch} ${chalk.cyan('Packages to install/update:')}`);
+
+    const showPkgs = allToInstall.slice(0, 10);
+    const hasMore = allToInstall.length > 10;
+
+    for (let i = 0; i < showPkgs.length; i++) {
+      const pkg = showPkgs[i];
+      const isLast = i === showPkgs.length - 1 && !hasMore;
+      const prefix = isLast ? corner : branch;
       if (pkg.current) {
-        console.log(`    ~ ${pkg.name}: ${pkg.current} → ${pkg.required}`);
+        console.log(`  ${pipe}   ${prefix} ${chalk.blue('~')} ${pkg.name}: ${pkg.current} → ${pkg.required}`);
       } else {
-        console.log(`    + ${pkg.name}: ${pkg.required || 'latest'}`);
+        console.log(`  ${pipe}   ${prefix} ${chalk.green('+')} ${pkg.name}: ${pkg.required || 'latest'}`);
       }
     }
-    if (allToInstall.length > 10) {
-      console.log(chalk.dim(`    ... and ${allToInstall.length - 10} more`));
+    if (hasMore) {
+      console.log(`  ${pipe}   ${corner} ${chalk.dim(`... and ${allToInstall.length - 10} more`)}`);
     }
-    console.log('');
+    console.log(`  ${pipe}`);
 
     timeline.pause();
     const { confirmPkgs } = await inquirer.prompt([{

package/src/commands/update.js

@@ -26,6 +26,16 @@ function compareVersions(a, b) {
   return 0;
 }
 
+/**
+ * Pad text to fixed width (ignoring ANSI codes)
+ */
+function padText(text, width) {
+  // Strip ANSI codes to get visible length
+  const visible = text.replace(/\x1b\[[0-9;]*m/g, '');
+  const padding = Math.max(0, width - visible.length);
+  return text + ' '.repeat(padding);
+}
+
 /**
  * Main update command handler
  */
@@ -33,10 +43,12 @@ async function updateCommand() {
   console.log(chalk.cyan('\n  CSK CLI - Update\n'));
 
   const currentVersion = pkg.version;
+  const boxWidth = 37;  // Inner width between │ and │
 
   // Show version info box
-  console.log(chalk.dim('  ┌─────────────────────────────────────┐'));
-  console.log(chalk.dim('  │') + ` Current version: ${chalk.yellow('v' + currentVersion)}`.padEnd(46) + chalk.dim('│'));
+  console.log(chalk.dim('  ┌' + '─'.repeat(boxWidth) + '┐'));
+  const currentLine = ` Current: ${chalk.yellow('v' + currentVersion)}`;
+  console.log(chalk.dim('  │') + padText(currentLine, boxWidth) + chalk.dim('│'));
 
   const spinner = ora({ text: 'Checking npm registry...', indent: 2 }).start();
 
@@ -48,8 +60,9 @@ async function updateCommand() {
     }).trim();
 
     spinner.stop();
-    console.log(chalk.dim('  │') + ` Latest version:  ${chalk.green('v' + latestVersion)}`.padEnd(46) + chalk.dim('│'));
-    console.log(chalk.dim('  └─────────────────────────────────────┘\n'));
+    const latestLine = ` Latest:  ${chalk.green('v' + latestVersion)}`;
+    console.log(chalk.dim('  │') + padText(latestLine, boxWidth) + chalk.dim('│'));
+    console.log(chalk.dim('  └' + '─'.repeat(boxWidth) + '┘\n'));
 
     const comparison = compareVersions(currentVersion, latestVersion);
 
@@ -77,15 +90,17 @@ async function updateCommand() {
 
     // Show summary
     console.log('');
-    console.log(chalk.dim('  ┌─────────────────────────────────────┐'));
-    console.log(chalk.dim('  │') + ` ${chalk.red('v' + currentVersion)} → ${chalk.green('v' + latestVersion)}`.padEnd(55) + chalk.dim('│'));
-    console.log(chalk.dim('  └─────────────────────────────────────┘'));
+    console.log(chalk.dim('  ┌' + '─'.repeat(boxWidth) + '┐'));
+    const summaryLine = ` ${chalk.red('v' + currentVersion)} → ${chalk.green('v' + latestVersion)}`;
+    console.log(chalk.dim('  │') + padText(summaryLine, boxWidth) + chalk.dim('│'));
+    console.log(chalk.dim('  └' + '─'.repeat(boxWidth) + '┘'));
     console.log(chalk.dim('\n  Run `cskit init` to update project files.\n'));
 
   } catch (error) {
     spinner.stop();
-    console.log(chalk.dim('  │') + ` Latest version:  ${chalk.red('(unavailable)')}`.padEnd(46) + chalk.dim('│'));
-    console.log(chalk.dim('  └─────────────────────────────────────┘\n'));
+    const errorLine = ` Latest:  ${chalk.red('(unavailable)')}`;
+    console.log(chalk.dim('  │') + padText(errorLine, boxWidth) + chalk.dim('│'));
+    console.log(chalk.dim('  └' + '─'.repeat(boxWidth) + '┘\n'));
 
     if (error.message.includes('npm view') || error.message.includes('404')) {
       console.log(chalk.red('  ✗ Could not check for updates'));