[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
fix(prompts): Fix dots loader in spinner (#309)
+240
-1
+5
.changeset/tall-cows-fold.md
+5
.changeset/tall-cows-fold.md
+2
-1
packages/prompts/src/spinner.ts
+2
-1
packages/prompts/src/spinner.ts
···
128
128
}
129
129
130
130
frameIndex = frameIndex + 1 < frames.length ? frameIndex + 1 : 0;
131
-
indicatorTimer = indicatorTimer < frames.length ? indicatorTimer + 0.125 : 0;
131
+
// indicator increase by 1 every 8 frames
132
+
indicatorTimer = indicatorTimer < 4 ? indicatorTimer + 0.125 : 0;
132
133
}, delay);
133
134
};
134
135
+219
packages/prompts/test/__snapshots__/spinner.test.ts.snap
+219
packages/prompts/test/__snapshots__/spinner.test.ts.snap
···
46
46
]
47
47
`;
48
48
49
+
exports[`spinner (isCI = false) > indicator customization > custom frames with lots of frame have consistent ellipsis display 1`] = `
50
+
[
51
+
"<cursor.hide>",
52
+
"[90m│[39m
53
+
",
54
+
"[35m0[39m ",
55
+
"<cursor.backward count=999>",
56
+
"<erase.down>",
57
+
"[35m1[39m ",
58
+
"<cursor.backward count=999>",
59
+
"<erase.down>",
60
+
"[35m2[39m ",
61
+
"<cursor.backward count=999>",
62
+
"<erase.down>",
63
+
"[35m3[39m ",
64
+
"<cursor.backward count=999>",
65
+
"<erase.down>",
66
+
"[35m4[39m ",
67
+
"<cursor.backward count=999>",
68
+
"<erase.down>",
69
+
"[35m5[39m ",
70
+
"<cursor.backward count=999>",
71
+
"<erase.down>",
72
+
"[35m6[39m ",
73
+
"<cursor.backward count=999>",
74
+
"<erase.down>",
75
+
"[35m7[39m ",
76
+
"<cursor.backward count=999>",
77
+
"<erase.down>",
78
+
"[35m8[39m .",
79
+
"<cursor.backward count=999>",
80
+
"<erase.down>",
81
+
"[35m9[39m .",
82
+
"<cursor.backward count=999>",
83
+
"<erase.down>",
84
+
"[35m0[39m .",
85
+
"<cursor.backward count=999>",
86
+
"<erase.down>",
87
+
"[35m1[39m .",
88
+
"<cursor.backward count=999>",
89
+
"<erase.down>",
90
+
"[35m2[39m .",
91
+
"<cursor.backward count=999>",
92
+
"<erase.down>",
93
+
"[35m3[39m .",
94
+
"<cursor.backward count=999>",
95
+
"<erase.down>",
96
+
"[35m4[39m .",
97
+
"<cursor.backward count=999>",
98
+
"<erase.down>",
99
+
"[35m5[39m .",
100
+
"<cursor.backward count=999>",
101
+
"<erase.down>",
102
+
"[35m6[39m ..",
103
+
"<cursor.backward count=999>",
104
+
"<erase.down>",
105
+
"[35m7[39m ..",
106
+
"<cursor.backward count=999>",
107
+
"<erase.down>",
108
+
"[35m8[39m ..",
109
+
"<cursor.backward count=999>",
110
+
"<erase.down>",
111
+
"[35m9[39m ..",
112
+
"<cursor.backward count=999>",
113
+
"<erase.down>",
114
+
"[35m0[39m ..",
115
+
"<cursor.backward count=999>",
116
+
"<erase.down>",
117
+
"[35m1[39m ..",
118
+
"<cursor.backward count=999>",
119
+
"<erase.down>",
120
+
"[35m2[39m ..",
121
+
"<cursor.backward count=999>",
122
+
"<erase.down>",
123
+
"[35m3[39m ..",
124
+
"<cursor.backward count=999>",
125
+
"<erase.down>",
126
+
"[35m4[39m ...",
127
+
"<cursor.backward count=999>",
128
+
"<erase.down>",
129
+
"[35m5[39m ...",
130
+
"<cursor.backward count=999>",
131
+
"<erase.down>",
132
+
"[35m6[39m ...",
133
+
"<cursor.backward count=999>",
134
+
"<erase.down>",
135
+
"[35m7[39m ...",
136
+
"<cursor.backward count=999>",
137
+
"<erase.down>",
138
+
"[35m8[39m ...",
139
+
"<cursor.backward count=999>",
140
+
"<erase.down>",
141
+
"[35m9[39m ...",
142
+
"<cursor.backward count=999>",
143
+
"<erase.down>",
144
+
"[35m0[39m ...",
145
+
"<cursor.backward count=999>",
146
+
"<erase.down>",
147
+
"[35m1[39m ...",
148
+
"<cursor.backward count=999>",
149
+
"<erase.down>",
150
+
"[35m2[39m ...",
151
+
"<cursor.backward count=999>",
152
+
"<erase.down>",
153
+
"[35m3[39m ",
154
+
"<cursor.backward count=999>",
155
+
"<erase.down>",
156
+
"[35m4[39m ",
157
+
"<cursor.backward count=999>",
158
+
"<erase.down>",
159
+
"[35m5[39m ",
160
+
"<cursor.backward count=999>",
161
+
"<erase.down>",
162
+
"[35m6[39m ",
163
+
"<cursor.backward count=999>",
164
+
"<erase.down>",
165
+
"[35m7[39m ",
166
+
"<cursor.backward count=999>",
167
+
"<erase.down>",
168
+
"[35m8[39m ",
169
+
"<cursor.backward count=999>",
170
+
"<erase.down>",
171
+
"[35m9[39m ",
172
+
"<cursor.backward count=999>",
173
+
"<erase.down>",
174
+
"[35m0[39m ",
175
+
"<cursor.backward count=999>",
176
+
"<erase.down>",
177
+
"[35m1[39m .",
178
+
"<cursor.backward count=999>",
179
+
"<erase.down>",
180
+
"[35m2[39m .",
181
+
"<cursor.backward count=999>",
182
+
"<erase.down>",
183
+
"[35m3[39m .",
184
+
"<cursor.backward count=999>",
185
+
"<erase.down>",
186
+
"[35m4[39m .",
187
+
"<cursor.backward count=999>",
188
+
"<erase.down>",
189
+
"[35m5[39m .",
190
+
"<cursor.backward count=999>",
191
+
"<erase.down>",
192
+
"[35m6[39m .",
193
+
"<cursor.backward count=999>",
194
+
"<erase.down>",
195
+
"[35m7[39m .",
196
+
"<cursor.backward count=999>",
197
+
"<erase.down>",
198
+
"[35m8[39m .",
199
+
"<cursor.backward count=999>",
200
+
"<erase.down>",
201
+
"[35m9[39m ..",
202
+
"<cursor.backward count=999>",
203
+
"<erase.down>",
204
+
"[35m0[39m ..",
205
+
"<cursor.backward count=999>",
206
+
"<erase.down>",
207
+
"[35m1[39m ..",
208
+
"<cursor.backward count=999>",
209
+
"<erase.down>",
210
+
"[35m2[39m ..",
211
+
"<cursor.backward count=999>",
212
+
"<erase.down>",
213
+
"[35m3[39m ..",
214
+
"<cursor.backward count=999>",
215
+
"<erase.down>",
216
+
"[35m4[39m ..",
217
+
"<cursor.backward count=999>",
218
+
"<erase.down>",
219
+
"[35m5[39m ..",
220
+
"<cursor.backward count=999>",
221
+
"<erase.down>",
222
+
"[35m6[39m ..",
223
+
"<cursor.backward count=999>",
224
+
"<erase.down>",
225
+
"[35m7[39m ...",
226
+
"<cursor.backward count=999>",
227
+
"<erase.down>",
228
+
"[35m8[39m ...",
229
+
"<cursor.backward count=999>",
230
+
"<erase.down>",
231
+
"[35m9[39m ...",
232
+
"<cursor.backward count=999>",
233
+
"<erase.down>",
234
+
"[35m0[39m ...",
235
+
"<cursor.backward count=999>",
236
+
"<erase.down>",
237
+
"[35m1[39m ...",
238
+
"<cursor.backward count=999>",
239
+
"<erase.down>",
240
+
"[35m2[39m ...",
241
+
"<cursor.backward count=999>",
242
+
"<erase.down>",
243
+
"[35m3[39m ...",
244
+
"<cursor.backward count=999>",
245
+
"<erase.down>",
246
+
"[32m◇[39m
247
+
",
248
+
"<cursor.show>",
249
+
]
250
+
`;
251
+
49
252
exports[`spinner (isCI = false) > message > sets message for next frame 1`] = `
50
253
[
51
254
"<cursor.hide>",
···
283
486
"[90m│[39m
284
487
",
285
488
"[35m🐴[39m ...",
489
+
"
490
+
",
491
+
"<cursor.backward count=999>",
492
+
"<erase.down>",
493
+
"[32m◇[39m
494
+
",
495
+
"<cursor.show>",
496
+
]
497
+
`;
498
+
499
+
exports[`spinner (isCI = true) > indicator customization > custom frames with lots of frame have consistent ellipsis display 1`] = `
500
+
[
501
+
"<cursor.hide>",
502
+
"[90m│[39m
503
+
",
504
+
"[35m0[39m ...",
286
505
"
287
506
",
288
507
"<cursor.backward count=999>",
+14
packages/prompts/test/spinner.test.ts
+14
packages/prompts/test/spinner.test.ts
···
173
173
expect(output.buffer).toMatchSnapshot();
174
174
});
175
175
176
+
test('custom frames with lots of frame have consistent ellipsis display', () => {
177
+
const result = prompts.spinner({ output, frames: Object.keys(Array(10).fill(0)) });
178
+
179
+
result.start();
180
+
181
+
for (let i = 0; i < 64; i++) {
182
+
vi.advanceTimersByTime(80);
183
+
}
184
+
185
+
result.stop();
186
+
187
+
expect(output.buffer).toMatchSnapshot();
188
+
});
189
+
176
190
test('custom delay', () => {
177
191
const result = prompts.spinner({ output, delay: 200 });
178
192