feat: add withGuide option

.changeset/tall-keys-allow.md

@@ -0,0 +1,6 @@
+---
+"@clack/prompts": patch
+"@clack/core": patch
+---
+
+Add a new `withBorder` option to all prompts to disable the default clack border

packages/core/tsconfig.json

@@ -1,4 +1,4 @@
 {
   "extends": "../../tsconfig.json",
-  "include": ["src"]
+  "include": ["src", "test"]
 }

packages/prompts/src/box.ts

@@ -35,7 +35,6 @@ export interface BoxOptions extends CommonOptions {
 	titlePadding?: number;
 	contentPadding?: number;
 	rounded?: boolean;
-	includePrefix?: boolean;
 	formatBorder?: (text: string) => string;
 }
 
@@ -68,7 +67,7 @@ export const box = (message = '', title = '', opts?: BoxOptions) => {
 	const titlePadding = opts?.titlePadding ?? 1;
 	const contentPadding = opts?.contentPadding ?? 2;
 	const width = opts?.width === undefined || opts.width === 'auto' ? 1 : Math.min(1, opts.width);
-	const linePrefix = opts?.includePrefix ? `${S_BAR} ` : '';
+	const linePrefix = opts?.withBorder === false ? '' : `${S_BAR} `;
 	const formatBorder = opts?.formatBorder ?? defaultFormatBorder;
 	const symbols = (opts?.rounded ? roundedSymbols : squareSymbols).map(formatBorder);
 	const hSymbol = formatBorder(S_BAR_H);

packages/prompts/src/common.ts

@@ -57,4 +57,5 @@ export interface CommonOptions {
 	input?: Readable;
 	output?: Writable;
 	signal?: AbortSignal;
+	withBorder?: boolean;
 }

packages/prompts/src/log.ts

@@ -23,25 +23,32 @@ export const log = {
 			secondarySymbol = color.gray(S_BAR),
 			output = process.stdout,
 			spacing = 1,
+			withBorder,
 		}: LogMessageOptions = {}
 	) => {
 		const parts: string[] = [];
+		const isStandalone = withBorder === false;
+		const spacingString = isStandalone ? '' : secondarySymbol;
+		const prefix = isStandalone ? '' : `${symbol}  `;
+		const secondaryPrefix = isStandalone ? '' : `${secondarySymbol}  `;
+
 		for (let i = 0; i < spacing; i++) {
-			parts.push(`${secondarySymbol}`);
+			parts.push(spacingString);
 		}
+
 		const messageParts = Array.isArray(message) ? message : message.split('\n');
 		if (messageParts.length > 0) {
 			const [firstLine, ...lines] = messageParts;
 			if (firstLine.length > 0) {
-				parts.push(`${symbol}  ${firstLine}`);
+				parts.push(`${prefix}${firstLine}`);
 			} else {
-				parts.push(symbol);
+				parts.push(isStandalone ? '' : symbol);
 			}
 			for (const ln of lines) {
 				if (ln.length > 0) {
-					parts.push(`${secondarySymbol}  ${ln}`);
+					parts.push(`${secondaryPrefix}${ln}`);
 				} else {
-					parts.push(secondarySymbol);
+					parts.push(isStandalone ? '' : secondarySymbol);
 				}
 			}
 		}

packages/prompts/src/text.ts

@@ -20,7 +20,9 @@ export const text = (opts: TextOptions) => {
 		signal: opts.signal,
 		input: opts.input,
 		render() {
-			const title = `${color.gray(S_BAR)}\n${symbol(this.state)}  ${opts.message}\n`;
+			const withBorder = opts.withBorder !== false;
+			const titlePrefix = withBorder ? `${color.gray(S_BAR)}\n${symbol(this.state)}  ` : '';
+			const title = `${titlePrefix}${opts.message}\n`;
 			const placeholder = opts.placeholder
 				? color.inverse(opts.placeholder[0]) + color.dim(opts.placeholder.slice(1))
 				: color.inverse(color.hidden('_'));
@@ -30,20 +32,26 @@ export const text = (opts: TextOptions) => {
 			switch (this.state) {
 				case 'error': {
 					const errorText = this.error ? `  ${color.yellow(this.error)}` : '';
-					return `${title.trim()}\n${color.yellow(S_BAR)}  ${userInput}\n${color.yellow(
-						S_BAR_END
-					)}${errorText}\n`;
+					const errorPrefix = withBorder ? `${color.yellow(S_BAR)}  ` : '';
+					const errorPrefixEnd = withBorder ? color.yellow(S_BAR_END) : '';
+					return `${title.trim()}\n${errorPrefix}${userInput}\n${errorPrefixEnd}${errorText}\n`;
 				}
 				case 'submit': {
 					const valueText = value ? `  ${color.dim(value)}` : '';
-					return `${title}${color.gray(S_BAR)}${valueText}`;
+					const submitPrefix = withBorder ? color.gray(S_BAR) : '';
+					return `${title}${submitPrefix}${valueText}`;
 				}
 				case 'cancel': {
 					const valueText = value ? `  ${color.strikethrough(color.dim(value))}` : '';
-					return `${title}${color.gray(S_BAR)}${valueText}${value.trim() ? `\n${color.gray(S_BAR)}` : ''}`;
+					const cancelPrefix = withBorder ? color.gray(S_BAR) : '';
+					return `${title}${cancelPrefix}${valueText}${value.trim() ? `\n${cancelPrefix}` : ''}`;
+				}
+				default: {
+					const defaultPrefix = withBorder ? `${color.cyan(S_BAR)}  ` : '';
+					const defaultPrefixEnd = withBorder ? color.cyan(S_BAR_END) : '';
+					color.cyan(S_BAR_END);
+					return `${title}${defaultPrefix}${userInput}\n${defaultPrefixEnd}\n`;
 				}
-				default:
-					return `${title}${color.cyan(S_BAR)}  ${userInput}\n${color.cyan(S_BAR_END)}\n`;
 			}
 		},
 	}).prompt() as Promise<string | symbol>;