cskit-cli 1.0.34 → 1.0.37

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cskit-cli",
-  "version": "1.0.34",
+  "version": "1.0.37",
   "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);

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,7 @@ async function updateCommand() {
   console.log(chalk.cyan('\n  CSK CLI - Update\n'));
 
   const currentVersion = pkg.version;
-
-  // Show version info box
-  console.log(chalk.dim('  ┌─────────────────────────────────────┐'));
-  console.log(chalk.dim('  │') + ` Current version: ${chalk.yellow('v' + currentVersion)}`.padEnd(46) + chalk.dim('│'));
+  const boxWidth = 37;  // Inner width between │ and │
 
   const spinner = ora({ text: 'Checking npm registry...', indent: 2 }).start();
 
@@ -48,8 +55,14 @@ 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'));
+
+    // Show version info box (after spinner completes)
+    console.log(chalk.dim('  ┌' + '─'.repeat(boxWidth) + '┐'));
+    const currentLine = ` Current: ${chalk.yellow('v' + currentVersion)}`;
+    console.log(chalk.dim('  │') + padText(currentLine, boxWidth) + chalk.dim('│'));
+    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,22 @@ 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'));
+
+    // Show error box
+    console.log(chalk.dim('  ┌' + '─'.repeat(boxWidth) + '┐'));
+    const currentLine = ` Current: ${chalk.yellow('v' + currentVersion)}`;
+    console.log(chalk.dim('  │') + padText(currentLine, boxWidth) + chalk.dim('│'));
+    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'));