git-push-time 1.1.1 → 1.1.2

package/lib/prompt-helpers.js

@@ -1,62 +1,194 @@
-import { input, select } from '@inquirer/prompts';
-
-export const BACK = '__back__';
-export const BACK_TOKENS = new Set(['..', '/back', '<<']);
-
-export function isBackInput(v) {
-  return BACK_TOKENS.has(String(v || '').trim());
-}
-
-/**
- * Prompt select có sẵn lựa chọn « Quay lại
- * @param {object} params
- * @returns {Promise<any>}
- */
-export async function selectWithBack({ message, choices, pageSize, ...rest }) {
-  const hasBack = (choices || []).some((c) => c && c.value === BACK);
-  const finalChoices = hasBack
-    ? choices
-    : [
-        ...choices,
-        { name: '« Quay lại (bước trước)', value: BACK, description: 'Về bước trước / menu chính' }
-      ];
-  return await select({
-    message,
-    choices: finalChoices,
-    pageSize: pageSize || Math.min(12, finalChoices.length + 2),
-    ...rest
-  });
-}
-
-/**
- * Prompt input có hướng dẫn gõ ".." để quay lại
- * @param {object} params
- * @returns {Promise<string>}
- */
-export async function inputWithBack({ message, validate, ...rest }) {
-  const hinted = `${message}  [gõ ".." để quay lại]`;
-  const wrappedValidate = (val) => {
-    if (isBackInput(val)) return true;
-    if (validate) return validate(val);
-    return true;
-  };
-  const val = await input({ message: hinted, validate: wrappedValidate, ...rest });
-  if (isBackInput(val)) return BACK;
-  return val;
-}
-
-/**
- * Hỏi Tiếp tục / Quay lại menu / Thoát sau mỗi tác vụ hoặc khi gặp lỗi.
- * @param {string} message
- * @returns {Promise<'continue' | 'back' | 'exit'>}
- */
-export async function promptContinueOrBack(message = 'Bạn muốn tiếp tục hay quay lại?') {
-  return await select({
-    message,
-    choices: [
-      { name: 'Tiếp tục', value: 'continue', description: 'Đi tiếp bước kế tiếp' },
-      { name: 'Quay lại bảng điều khiển', value: 'back', description: 'Về màn hình chọn hành động' },
-      { name: 'Thoát', value: 'exit', description: 'Dừng, không làm gì' }
-    ]
-  });
-}
+import { input, select } from '@inquirer/prompts';
+import chalk from 'chalk';
+import { boxTopLeft, boxRow, boxBottom, getW, truncateVisual } from './ui.js';
+
+export const BACK = '__back__';
+export const BACK_TOKENS = new Set(['..', '/back', '<<']);
+
+const BORDER = chalk.hex('#6366F1');
+const ACCENT = chalk.hex('#38BDF8');
+const DIM = chalk.hex('#64748B');
+const HINT = chalk.hex('#94A3B8');
+
+export function isBackInput(v) {
+  return BACK_TOKENS.has(String(v || '').trim());
+}
+
+function cleanTitle(t) {
+  return String(t ?? '').trim();
+}
+
+function printOpenHeader(title, hintLines = []) {
+  console.log('');
+  console.log(boxTopLeft(chalk.bold.hex('#F8FAFC')(cleanTitle(title)), BORDER));
+  for (const h of hintLines) {
+    if (!h) continue;
+    console.log(boxRow(HINT(truncateVisual(String(h), getW() - 6)), BORDER));
+  }
+}
+
+function printCloseWithAnswer(label, value) {
+  const W = getW();
+  const answer = value === BACK || value === undefined
+    ? chalk.hex('#FCD34D')('« Quay lại')
+    : chalk.hex('#34D399').bold(truncateVisual(String(value ?? ''), Math.max(10, W - 14)));
+  console.log(
+    boxRow(
+      `${chalk.hex('#34D399')('✓')} ${chalk.hex('#CBD5E1')(truncateVisual(cleanTitle(label), Math.max(8, W - 30)) + ':')} ${answer}`,
+      BORDER,
+    ),
+  );
+  console.log(boxBottom(BORDER));
+}
+
+function printClosePlain() {
+  console.log(boxBottom(BORDER));
+}
+
+function shortChoiceName(choices, value) {
+  try {
+    const found = (choices || []).find((c) => c && c.value === value);
+    if (!found) return String(value ?? '');
+    // name có thể chứa màu chalk -> strip bằng cách lấy raw rồi cắt
+    return String(found.short || found.name || found.value || '').replace(/\u001b\[[0-9;]*m/g, '');
+  } catch {
+    return String(value ?? '');
+  }
+}
+
+const baseInputTheme = {
+  prefix: { idle: '', done: '' },
+  style: {
+    message: (t) => t,
+    answer: (t) => chalk.hex('#34D399').bold(t),
+    defaultAnswer: (t) => DIM(`(${t})`),
+    error: (t) => chalk.hex('#FDA4AF')(`  x ${t}`),
+    help: (t) => DIM(t),
+    highlight: (t) => chalk.hex('#38BDF8').bold(t),
+  },
+};
+
+const baseSelectTheme = {
+  prefix: { idle: '', done: '' },
+  icon: { cursor: chalk.hex('#38BDF8').bold('❯ ') },
+  style: {
+    message: (t) => t,
+    answer: (t) => chalk.hex('#34D399').bold(t),
+    error: (t) => chalk.hex('#FDA4AF')(`  x ${t}`),
+    help: (t) => DIM(t),
+    highlight: (t) => chalk.hex('#38BDF8').bold(t),
+    description: (t) => DIM(t),
+  },
+};
+
+function promptLine(label) {
+  // Dòng nhập liệu mang viền trái │ để thị giác nằm gọn trong khung
+  // đang mở phía trên (boxTop) và sẽ đóng (boxBottom) sau khi xong.
+  return `${BORDER('│')} ${ACCENT('❯')} ${chalk.whiteBright(cleanTitle(label))}`;
+}
+
+/**
+ * Select nằm TRONG khung: header mở -> choices -> footer đóng + đáp án.
+ */
+export async function selectBox({ message, choices, hint, pageSize, ...rest }) {
+  const { clearPromptOnDone: _ignore, theme: customTheme, ...cfg } = rest;
+  const hintLines = hint ? (Array.isArray(hint) ? hint : [hint]) : [];
+  printOpenHeader(message, hintLines);
+
+  let value;
+  try {
+    value = await select(
+      {
+        message: promptLine('Chọn'),
+        choices,
+        pageSize: pageSize || Math.min(12, (choices || []).length + 2),
+        theme: { ...baseSelectTheme, ...(customTheme || {}) },
+        ...cfg,
+      },
+      { clearPromptOnDone: true },
+    );
+  } catch (e) {
+    printClosePlain();
+    throw e;
+  }
+  printCloseWithAnswer(message, shortChoiceName(choices, value));
+  return value;
+}
+
+/**
+ * Prompt select có sẵn lựa chọn « Quay lại (nằm trong khung).
+ */
+export async function selectWithBack({ message, choices, hint, pageSize, ...rest }) {
+  const hasBack = (choices || []).some((c) => c && c.value === BACK);
+  const finalChoices = hasBack
+    ? choices
+    : [
+        ...choices,
+        { name: '« Quay lại (bước trước)', value: BACK, description: 'Về bước trước / menu chính' }
+      ];
+  const backHint = hint ?? '↑↓ di chuyển · Enter chọn · chọn « Quay lại để lùi bước';
+  return await selectBox({ message, choices: finalChoices, hint: backHint, pageSize, ...rest });
+}
+
+/**
+ * Prompt input nằm TRONG khung: header mở -> ô gõ (│ › ...) -> footer + đáp án.
+ */
+export async function inputBox({ message, promptLabel = 'Nhập', hint, default: def, validate, ...rest }) {
+  const { clearPromptOnDone: _ignore, theme: customTheme, ...cfg } = rest;
+  const hintLines = [];
+  if (hint) hintLines.push(...(Array.isArray(hint) ? hint : [hint]));
+  if (def) hintLines.push(`Mặc định: ${def}`);
+  printOpenHeader(message, hintLines);
+
+  const wrappedValidate = (val) => {
+    if (isBackInput(val)) return true;
+    if (validate) return validate(val);
+    return true;
+  };
+
+  let val;
+  try {
+    val = await input(
+      {
+        message: promptLine(promptLabel),
+        default: def,
+        validate: wrappedValidate,
+        theme: { ...baseInputTheme, ...(customTheme || {}) },
+        ...cfg,
+      },
+      { clearPromptOnDone: true },
+    );
+  } catch (e) {
+    printClosePlain();
+    throw e;
+  }
+  if (isBackInput(val)) {
+    printCloseWithAnswer(message, BACK);
+    return BACK;
+  }
+  printCloseWithAnswer(message, val || def || '');
+  return val;
+}
+
+/**
+ * Prompt input có hướng dẫn gõ ".." để quay lại (nằm trong khung).
+ */
+export async function inputWithBack({ message, hint, validate, ...rest }) {
+  const backHint = hint ?? 'Gõ ".." để quay lại bước trước';
+  return await inputBox({ message, hint: backHint, validate, ...rest });
+}
+
+/**
+ * Hỏi Tiếp tục / Quay lại menu / Thoát (nằm trong khung).
+ */
+export async function promptContinueOrBack(message = 'Bạn muốn tiếp tục hay quay lại?') {
+  return await selectBox({
+    message,
+    hint: 'Chọn bước tiếp theo',
+    choices: [
+      { name: 'Tiếp tục', value: 'continue', description: 'Đi tiếp bước kế tiếp' },
+      { name: 'Quay lại bảng điều khiển', value: 'back', description: 'Về màn hình chọn hành động' },
+      { name: 'Thoát', value: 'exit', description: 'Dừng, không làm gì' }
+    ],
+  });
+}