+5

.changeset/loud-bugs-move.md

Reviewed

··· 1 1 + --- 2 2 + '@clack/prompts': minor 3 3 + --- 4 4 + 5 5 + added a new method called `spinner.message(msg: string)`

+2 -1

examples/basic/package.json

Reviewed

··· 9 9 "picocolors": "^1.0.0" 10 10 }, 11 11 "scripts": { 12 12 - "start": "jiti ./index.ts" 12 12 + "start": "jiti ./index.ts", 13 13 + "spinner": "jiti ./spinner.ts" 13 14 }, 14 15 "devDependencies": { 15 16 "jiti": "^1.17.0"

+22

examples/basic/spinner.ts

Reviewed

··· 1 1 + import * as p from '@clack/prompts'; 2 2 + 3 3 + p.intro('spinner start...'); 4 4 + 5 5 + const spin = p.spinner(); 6 6 + const total = 10000; 7 7 + let progress = 0; 8 8 + spin.start(); 9 9 + 10 10 + new Promise((resolve) => { 11 11 + const timer = setInterval(() => { 12 12 + progress = Math.min(total, progress + 100); 13 13 + if (progress >= total) { 14 14 + clearInterval(timer); 15 15 + resolve(true); 16 16 + } 17 17 + spin.message(`Loading packages [${progress}/${total}]`); // <=== 18 18 + }, 100); 19 19 + }).then(() => { 20 20 + spin.stop(`Done`); 21 21 + p.outro('spinner stop...'); 22 22 + });

+8 -2

packages/prompts/src/index.ts

Reviewed

··· 640 640 export const spinner = () => { 641 641 let unblock: () => void; 642 642 let loop: NodeJS.Timer; 643 643 + let message = ''; 643 644 const delay = unicode ? 80 : 120; 644 645 return { 645 645 - start(message = '') { 646 646 + start(msg = '') { 647 647 + this.message(msg); 646 648 message = message.replace(/\.?\.?\.$/, ''); 647 649 unblock = block(); 648 650 process.stdout.write(`${color.gray(S_BAR)}\n${color.magenta('○')} ${message}\n`); ··· 660 662 dot = dot === frames.length ? 0 : dot + 0.125; 661 663 }, delay); 662 664 }, 663 663 - stop(message = '') { 665 665 + message(msg = '') { 666 666 + message = msg ?? message; 667 667 + }, 668 668 + stop(msg = '') { 669 669 + this.message(msg); 664 670 process.stdout.write(cursor.move(-999, -2)); 665 671 process.stdout.write(erase.down(2)); 666 672 clearInterval(loop);