[READ-ONLY] Mirror of https://github.com/bombshell-dev/clack. Effortlessly build beautiful command-line apps
bomb.sh/docs/clack/basics/getting-started/
cli
command-line
command-line-app
node
prompt
prompts
chore: style fixes
Christian Preston
(Aug 15, 2023, 10:30 AM EDT)
e365d606
55e2f5da
+29
-24
+29
-24
packages/prompts/src/index.ts
+29
-24
packages/prompts/src/index.ts
···
102
102
: i + 1 === ar.length
103
103
? options?.endSymbol ?? defaultSymbol
104
104
: options?.newLineSymbol ?? defaultSymbol;
105
-
const wrappedLine = options?.lineWrapper ? options.lineWrapper(line) : line;
105
+
106
+
// only format the line without the leading space.
107
+
const wrappedLine = options?.lineWrapper ? ' ' + options.lineWrapper(line.slice(1)) : line;
106
108
const fullLine = wrappedLine;
107
109
return `${symbol} ${fullLine}`;
108
110
})
···
161
163
].join('\n');
162
164
default:
163
165
return [
164
-
color.gray(S_BAR),
165
-
formatTextWithMaxWidth(opts.message, {
166
-
initialSymbol: symbol(this.state),
167
-
defaultSymbol: color.cyan(S_BAR),
168
-
}),
166
+
title,
169
167
formatTextWithMaxWidth(value, {
170
168
defaultSymbol: color.cyan(S_BAR),
171
-
endSymbol: color.cyan(S_BAR_END),
169
+
endSymbol: color.cyan(S_BAR),
172
170
}),
171
+
color.cyan(S_BAR_END),
173
172
].join('\n');
174
173
}
175
174
},
···
203
202
defaultSymbol: color.yellow(S_BAR),
204
203
}),
205
204
formatTextWithMaxWidth(this.error, {
206
-
defaultSymbol: color.yellow(S_BAR),
207
-
endSymbol: color.yellow(S_BAR_END),
205
+
defaultSymbol: color.yellow(S_BAR_END),
208
206
lineWrapper: color.yellow,
209
-
}),
207
+
})
210
208
].join('\n');
211
209
case 'submit':
212
210
return [title, formatTextWithMaxWidth(masked, { lineWrapper: color.dim })].join('\n');
···
226
224
}),
227
225
formatTextWithMaxWidth(value, {
228
226
defaultSymbol: color.cyan(S_BAR),
229
-
endSymbol: color.cyan(S_BAR_END),
230
227
}),
228
+
color.cyan(S_BAR_END),
231
229
].join('\n');
232
230
}
233
231
},
···
371
369
.slice(slidingWindowLocation, slidingWindowLocation + maxItems)
372
370
.map((option, i, arr) => {
373
371
if (i === 0 && shouldRenderTopEllipsis) {
374
-
return color.dim('...');
372
+
return formatTextWithMaxWidth(color.dim('...'), {
373
+
defaultSymbol: color.cyan(S_BAR),
374
+
});
375
375
} else if (i === arr.length - 1 && shouldRenderBottomEllipsis) {
376
-
return color.dim('...');
376
+
return [
377
+
formatTextWithMaxWidth(color.dim('...'), {
378
+
defaultSymbol: color.cyan(S_BAR),
379
+
}),
380
+
color.cyan(S_BAR_END)
381
+
].join('\n');
377
382
} else {
378
383
return formatTextWithMaxWidth(
379
384
opt(option, i + slidingWindowLocation === this.cursor ? 'active' : 'inactive'),
···
510
515
case 'cancel': {
511
516
const label = this.options
512
517
.filter(({ value }) => this.value.includes(value))
518
+
.map((option) => opt(option, 'cancelled'))
513
519
.join(color.dim(', '));
520
+
514
521
return [
515
522
title,
516
-
formatTextWithMaxWidth(label ?? '', {
517
-
lineWrapper: (line) => color.strikethrough(color.dim(line)),
518
-
}),
523
+
formatTextWithMaxWidth(label ?? ''),
519
524
].join('\n');
520
525
}
521
526
case 'error': {
527
+
const errMsg = this.error.split('\n').map((ln, i) => (i === 0 ? color.yellow(ln) : ln))
528
+
522
529
return [
523
530
title,
524
531
this.options
525
532
.map((option, i) => {
526
533
const selected = this.value.includes(option.value);
527
534
const active = i === this.cursor;
528
-
let line = '';
535
+
let line = opt(option, active ? 'active' : 'inactive');
529
536
if (active && selected) {
530
537
line = opt(option, 'active-selected');
531
538
} else if (selected) {
532
539
line = opt(option, 'selected');
533
-
} else {
534
-
line = opt(option, active ? 'active' : 'inactive');
535
540
}
541
+
536
542
return formatTextWithMaxWidth(line, {
537
543
defaultSymbol: color.yellow(S_BAR),
538
544
});
539
545
})
540
546
.join('\n'),
541
-
formatTextWithMaxWidth(this.error, {
542
-
defaultSymbol: color.yellow(S_BAR),
543
-
lineWrapper: color.yellow,
544
-
endSymbol: color.yellow(S_BAR_END),
545
-
}),
547
+
formatTextWithMaxWidth(errMsg.join('\n'), {
548
+
defaultSymbol: color.yellow(S_BAR_END),
549
+
endSymbol: color.hidden('-'),
550
+
})
546
551
].join('\n');
547
552
}
548
553
default: {