update default password mask

bombshell-dev · Feb 22, 2023 · cc11917 · cc11917
1 parent 6609d01
commit cc11917
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/.changeset/mean-pots-check.md b/.changeset/mean-pots-check.md
@@ -0,0 +1,5 @@
+---
+'@clack/prompts': patch
+---
+
+Update default `password` mask
diff --git a/examples/basic/index.ts b/examples/basic/index.ts
@@ -23,7 +23,6 @@ async function main() {
 			password: () =>
 				p.password({
 					message: 'Provide a password',
-					mask: '🧹',
 					validate: (value) => {
 						if (!value) return 'Please enter a password.';
 						if (value.length < 5) return 'Password should have at least 5 characters.';

diff --git a/packages/prompts/src/index.ts b/packages/prompts/src/index.ts
@@ -31,6 +31,7 @@ const S_RADIO_INACTIVE = s('○', ' ');
 const S_CHECKBOX_ACTIVE = s('◻', '[•]');
 const S_CHECKBOX_SELECTED = s('◼', '[+]');
 const S_CHECKBOX_INACTIVE = s('◻', '[ ]');
+const S_PASSWORD_MASK = s('▪', '•');
 
 const S_BAR_H = s('─', '-');
 const S_CORNER_TOP_RIGHT = s('╮', '+');
@@ -97,7 +98,7 @@ export interface PasswordOptions {
 export const password = (opts: PasswordOptions) => {
 	return new PasswordPrompt({
 		validate: opts.validate,
-		mask: opts.mask,
+		mask: opts.mask ?? S_PASSWORD_MASK,
 		render() {
 			const title = `${color.gray(S_BAR)}\n${symbol(this.state)}  ${opts.message}\n`;
 			const value = this.valueWithCursor;