git-push-time 1.0.3 → 1.1.0

package/lib/ui.js

@@ -2,11 +2,11 @@ import chalk from "chalk";
 import stringWidth from "string-width";
 
 /**
- * Tự động tính toán chiều rộng card linh hoạt theo Terminal (64 - 78 ký tự)
+ * Tự động tính toán chiều rộng card linh hoạt theo Terminal (68 - 80 ký tự)
  */
-function getW() {
-  const cols = process.stdout.columns || 70;
-  return Math.min(78, Math.max(64, cols - 4));
+export function getW() {
+  const cols = process.stdout.columns || 72;
+  return Math.min(80, Math.max(66, cols - 4));
 }
 
 function hexToRgb(hex) {
@@ -40,13 +40,13 @@ export function multiGradient(
     .join("");
 }
 
-function pad(str, len) {
+export function pad(str, len) {
   const vLen = stringWidth(str);
   if (vLen >= len) return str;
   return str + " ".repeat(len - vLen);
 }
 
-function truncateVisual(str, maxLen) {
+export function truncateVisual(str, maxLen) {
   if (stringWidth(str) <= maxLen) return str;
   let res = "";
   for (const ch of str) {
@@ -59,10 +59,10 @@ function truncateVisual(str, maxLen) {
 }
 
 /* ==========================================================================
-   HEAVY-DUTY BOX ENGINE (Bo góc mềm & Căn lề chuẩn mực)
+   BOX ENGINE CHUẨN (Bo góc mềm & Căn lề pixel-perfect)
    ========================================================================== */
 
-function boxTop(title = "", borderColor = chalk.hex("#334155")) {
+export function boxTop(title = "", borderColor = chalk.hex("#334155")) {
   const W = getW();
   if (!title) return borderColor("╭" + "─".repeat(W - 2) + "╮");
 
@@ -76,27 +76,32 @@ function boxTop(title = "", borderColor = chalk.hex("#334155")) {
   );
 }
 
-function boxBottom(borderColor = chalk.hex("#334155")) {
+export function boxBottom(borderColor = chalk.hex("#334155")) {
   const W = getW();
   return borderColor("╰" + "─".repeat(W - 2) + "╯");
 }
 
-function boxRow(content = "", borderColor = chalk.hex("#334155")) {
+export function boxRow(content = "", borderColor = chalk.hex("#334155")) {
   const W = getW();
   return borderColor("│ ") + pad(content, W - 4) + borderColor(" │");
 }
 
+export function boxDivider(borderColor = chalk.hex("#334155")) {
+  const W = getW();
+  return borderColor("├" + "─".repeat(W - 2) + "┤");
+}
+
 /**
  * Hàng Key-Value có đường nối bằng dấu chấm ․ ․ ․
  */
-function boxKvDot(
+export function boxKvDot(
   label,
   value,
-  labelWidth = 14,
+  labelWidth = 16,
   borderColor = chalk.hex("#334155"),
 ) {
   const W = getW();
-  const maxValWidth = W - 6 - labelWidth;
+  const maxValWidth = Math.max(10, W - 6 - labelWidth);
   const truncatedVal = truncateVisual(value, maxValWidth);
   const valWidth = stringWidth(truncatedVal);
 
@@ -108,13 +113,13 @@ function boxKvDot(
 }
 
 /* ==========================================================================
-   PUBLIC INTERFACE COMPONENTS
+   PUBLIC INTERFACE & BANNER
    ========================================================================== */
 
 /**
- * Banner ASCII Neon Glow — ấn tượng bằng gradient + badge pill, không dùng emoji.
-  */
-export function printBanner(version = "1.0.0") {
+ * Banner DevTools sắc nét, hiện đại
+ */
+export function printBanner(version = "1.1.0") {
   const ascii = [
     "   ____ _ _    ____            _       _____ _                 ",
     "  / ___(_) |_  |  _ \\ _   _ ___| |__   |_   _(_)_ __ ___   ___  ",
@@ -124,23 +129,45 @@ export function printBanner(version = "1.0.0") {
   ];
 
   console.log("");
-  const colors = ["#A855F7", "#6366F1", "#38BDF8", "#34D399"];
+  const colors = ["#818CF8", "#38BDF8", "#34D399", "#A7F3D0"];
   ascii.forEach((l) => console.log(multiGradient(l, colors)));
 
   const badgeVer = chalk.bgHex("#1E1B4B").hex("#818CF8").bold(` v${version} `);
-  const badgeSpeed = chalk.bgHex("#064E3B").hex("#34D399").bold(" SIÊU TỐC ");
-  const badgeShield = chalk
-    .bgHex("#0284C7")
-    .hex("#E0F2FE")
-    .bold(" SECRET SHIELD ");
+  const badgeGit = chalk.bgHex("#064E3B").hex("#34D399").bold(" SMART GIT ");
+  const badgeHub = chalk.bgHex("#4338CA").hex("#C7D2FE").bold(" GITHUB SYNC ");
+  const badgeShield = chalk.bgHex("#0F172A").hex("#38BDF8").bold(" SECRET SHIELD ");
   const badgeDate = chalk.bgHex("#78350F").hex("#FDE047").bold(" BACKDATE ");
 
-  console.log(`\n  ${badgeVer} ${badgeSpeed} ${badgeShield} ${badgeDate}\n`);
+  console.log(`\n  ${badgeVer} ${badgeGit} ${badgeHub} ${badgeShield} ${badgeDate}\n`);
+}
+
+/**
+ * Hiển thị Dashboard trạng thái ngắn gọn ở đầu menu
+ */
+export function printDashboardStatus({ targetDir = process.cwd(), currentBranch = 'main', githubUser = null }) {
+  const border = chalk.hex("#1E293B");
+  const W = getW();
+
+  const dirName = truncateVisual(targetDir, 32);
+  const branchText = chalk.hex("#38BDF8").bold(currentBranch);
+  
+  let ghStatusText;
+  if (githubUser) {
+    ghStatusText = chalk.hex("#34D399").bold(`@${githubUser.login}`) + chalk.hex("#64748B")(' (Đã kết nối)');
+  } else {
+    ghStatusText = chalk.hex("#94A3B8")('Chưa kết nối') + chalk.hex("#64748B")(' [chọn mục GITHUB để login]');
+  }
+
+  console.log(boxTop(chalk.hex("#475569")(" [ TRẠNG THÁI ] "), border));
+  console.log(boxKvDot("Thư mục", chalk.hex("#F8FAFC")(dirName), 14, border));
+  console.log(boxKvDot("Nhánh (Branch)", branchText, 14, border));
+  console.log(boxKvDot("GitHub Account", ghStatusText, 14, border));
+  console.log(boxBottom(border));
 }
 
 /**
- * Tiêu đề phân đoạn — ấn tượng bằng chữ in hoa + gạch nối, không dùng icon.
-  */
+ * Tiêu đề phân đoạn với điểm nhấn màu sắc
+ */
 export function printSection(title) {
   const W = getW();
   const clean = String(title || "").toUpperCase();
@@ -153,7 +180,7 @@ export function printSection(title) {
 }
 
 /**
- * Pill Step Badge
+ * Pill Step Badge (Ví dụ: 1/6)
  */
 export function stepLabel(current, total, text) {
   const pill = chalk
@@ -164,7 +191,7 @@ export function stepLabel(current, total, text) {
 }
 
 /**
- * Bảng tóm tắt thông tin trước khi Push — ấn tượng bằng chữ in hoa + pill màu.
+ * Bảng tóm tắt thông tin trước khi Push
  */
 export function printSummary({
   repoUrl,
@@ -176,7 +203,7 @@ export function printSummary({
 }) {
   const border = chalk.hex("#475569");
   const title = chalk.bold.bgHex("#4338CA").hex("#FFFFFF")(
-    " THÔNG TIN ĐẨY DỰ ÁN ",
+    " XÁC NHẬN THÔNG TIN ĐẨY DỰ ÁN ",
   );
 
   console.log("");
@@ -184,34 +211,34 @@ export function printSummary({
 
   if (sourceDir) {
     console.log(
-      boxKvDot("Folder", chalk.hex("#34D399")(sourceDir), 14, border),
+      boxKvDot("Thư mục nguồn", chalk.hex("#34D399")(sourceDir), 16, border),
     );
   }
   console.log(
     boxKvDot(
-      "Repository",
+      "Git Repository",
       chalk.hex("#38BDF8").underline(repoUrl),
-      14,
+      16,
       border,
     ),
   );
   console.log(
-    boxKvDot("Message", chalk.hex("#FBBF24").bold(commitMsg), 14, border),
+    boxKvDot("Commit Message", chalk.hex("#FBBF24").bold(commitMsg), 16, border),
   );
   console.log(
-    boxKvDot("Thời gian", chalk.hex("#C084FC")(dateDisplay), 14, border),
+    boxKvDot("Thời gian", chalk.hex("#C084FC")(dateDisplay), 16, border),
   );
 
   const branchPill = chalk
     .bgHex("#065F46")
     .hex("#6EE7B7")
     .bold(` ${branch} `);
-  console.log(boxKvDot("Branch", branchPill, 14, border));
+  console.log(boxKvDot("Nhánh đẩy lên", branchPill, 16, border));
 
   const forceText = force
     ? chalk.bgHex("#991B1B").hex("#FCA5A5").bold(" BẬT (--force) [!] ")
-    : chalk.hex("#64748B")("Tắt (an toàn)");
-  console.log(boxKvDot("Force Push", forceText, 14, border));
+    : chalk.hex("#64748B")("Tắt (chế độ an toàn)");
+  console.log(boxKvDot("Ghi đè (Force)", forceText, 16, border));
 
   console.log(boxBottom(border));
 }
@@ -226,7 +253,104 @@ export function printTargetDir(dir = "") {
 }
 
 /**
- * Cảnh báo Folder lồng trong Repo cha — style chữ + viền hổ phách.
+ * Hiển thị thẻ Profile thông tin tài khoản GitHub
+ */
+export function printGitHubProfile(user, source = '') {
+  const border = chalk.hex("#4F46E5");
+  const title = chalk.bold.bgHex("#4F46E5").hex("#FFFFFF")(
+    " TÀI KHOẢN GITHUB KẾT NỐI ",
+  );
+
+  console.log("");
+  console.log(boxTop(title, border));
+
+  console.log(
+    boxKvDot("Username", chalk.hex("#38BDF8").bold(`@${user.login}`), 16, border)
+  );
+  if (user.name) {
+    console.log(boxKvDot("Tên hiển thị", chalk.hex("#F8FAFC")(user.name), 16, border));
+  }
+  if (user.email) {
+    console.log(boxKvDot("Email", chalk.hex("#94A3B8")(user.email), 16, border));
+  }
+  if (user.bio) {
+    console.log(boxKvDot("Tiểu sử", chalk.hex("#CBD5E1")(truncateVisual(user.bio, 40)), 16, border));
+  }
+
+  const repoStats = `${user.public_repos || 0} public  •  ${user.total_private_repos || 0} private`;
+  console.log(boxKvDot("Repositories", chalk.hex("#34D399").bold(repoStats), 16, border));
+  
+  if (source) {
+    const srcDesc = source === 'gh-cli' ? 'GitHub CLI (gh)' : source === 'env' ? 'Biến môi trường' : 'Lưu trữ cá nhân';
+    console.log(boxKvDot("Nguồn xác thực", chalk.hex("#A78BFA")(srcDesc), 16, border));
+  }
+
+  console.log(boxDivider(border));
+  console.log(boxRow(chalk.hex("#64748B")(`» Trang cá nhân: ${user.html_url}`), border));
+  console.log(boxBottom(border));
+  console.log("");
+}
+
+/**
+ * Hiển thị mã xác thực GitHub Device Flow cho người dùng
+ */
+export function printDeviceCodePrompt({ userCode, verificationUri }) {
+  const border = chalk.hex("#6366F1");
+  const title = chalk.bold.bgHex("#4F46E5").hex("#FFFFFF")(
+    " GITHUB OAUTH / DEVICE FLOW ",
+  );
+
+  console.log("");
+  console.log(boxTop(title, border));
+  console.log(boxRow("", border));
+  console.log(boxRow(chalk.hex("#F8FAFC").bold("Bước 1: Mở trình duyệt và truy cập liên kết:"), border));
+  console.log(boxRow(chalk.hex("#38BDF8").bold.underline(`  ${verificationUri}`), border));
+  console.log(boxRow("", border));
+  console.log(boxRow(chalk.hex("#F8FAFC").bold("Bước 2: Nhập mã xác nhận (User Code):"), border));
+  
+  const codeBox = chalk.bgHex("#1E1B4B").hex("#A5B4FC").bold(`    >>>  ${userCode}  <<<    `);
+  console.log(boxRow(`  ${codeBox}`, border));
+  console.log(boxRow("", border));
+  console.log(boxRow(chalk.hex("#94A3B8")("» Hệ thống đang tự động mở trình duyệt cho bạn..."), border));
+  console.log(boxRow(chalk.hex("#64748B")("» Nhấn Authorize trên trình duyệt để hoàn tất."), border));
+  console.log(boxBottom(border));
+  console.log("");
+}
+
+/**
+ * Hiển thị thông báo sau khi tạo repository GitHub mới thành công
+ */
+export function printRepoCreatedBox(repo) {
+  const border = chalk.hex("#059669");
+  const title = chalk.bold.bgHex("#10B981").hex("#064E3B")(
+    " TẠO REPOSITORY GITHUB THÀNH CÔNG! ",
+  );
+
+  console.log("");
+  console.log(boxTop(title, border));
+  console.log(boxRow("", border));
+
+  const visibilityPill = repo.isPrivate
+    ? chalk.bgHex("#7F1D1D").hex("#FCA5A5").bold(" PRIVATE ")
+    : chalk.bgHex("#065F46").hex("#6EE7B7").bold(" PUBLIC ");
+
+  console.log(boxKvDot("Tên Repo", chalk.hex("#F8FAFC").bold(repo.fullName || repo.name), 14, border));
+  console.log(boxKvDot("Quyền riêng tư", visibilityPill, 14, border));
+  if (repo.description) {
+    console.log(boxKvDot("Mô tả", chalk.hex("#CBD5E1")(truncateVisual(repo.description, 42)), 14, border));
+  }
+  console.log(boxKvDot("HTTPS Clone", chalk.hex("#38BDF8").underline(repo.cloneUrl), 14, border));
+  console.log(boxKvDot("SSH Clone", chalk.hex("#A78BFA")(repo.sshUrl), 14, border));
+
+  console.log(boxRow("", border));
+  console.log(boxDivider(border));
+  console.log(boxRow(chalk.hex("#6EE7B7")(`» Xem trên GitHub: ${repo.htmlUrl}`), border));
+  console.log(boxBottom(border));
+  console.log("");
+}
+
+/**
+ * Cảnh báo Folder lồng trong Repo cha
  */
 export function printNestedRepoWarning({ targetDir = "", topLevel = "" } = {}) {
   const border = chalk.hex("#D97706");
@@ -269,7 +393,7 @@ export function printNestedRepoWarning({ targetDir = "", topLevel = "" } = {}) {
 }
 
 /**
- * Cảnh báo Secret nhạy cảm với cấu trúc cây (Tree View) — không dùng emoji.
+ * Cảnh báo Secret nhạy cảm
  */
 export function printPrePushSecretWarning({ riskyFiles = [], findings = [] }) {
   const border = chalk.hex("#D97706");
@@ -294,9 +418,8 @@ export function printPrePushSecretWarning({ riskyFiles = [], findings = [] }) {
       boxRow(chalk.bold.hex("#F8FAFC")("File cấu hình nguy cơ:"), border),
     );
     const showFiles = riskyFiles.slice(0, 4);
-    showFiles.forEach((f, idx) => {
-      const isLast = idx === showFiles.length - 1 && findings.length === 0;
-      const tree = chalk.hex("#64748B")(isLast ? "  +- " : "  +- ");
+    showFiles.forEach((f) => {
+      const tree = chalk.hex("#64748B")("  +- ");
       console.log(
         boxRow(tree + chalk.hex("#FCD34D")(truncateVisual(f, 46)), border),
       );
@@ -322,7 +445,7 @@ export function printPrePushSecretWarning({ riskyFiles = [], findings = [] }) {
     const showFindings = findings.slice(0, 4);
     showFindings.forEach((f, idx) => {
       const isLast = idx === showFindings.length - 1;
-      const tree = chalk.hex("#64748B")(isLast ? "  +- " : "  +- ");
+      const tree = chalk.hex("#64748B")("  +- ");
       const loc = truncateVisual(`${f.file}:${f.line}`, 26);
       console.log(
         boxRow(
@@ -356,7 +479,7 @@ export function printPrePushSecretWarning({ riskyFiles = [], findings = [] }) {
   console.log(
     boxRow(
       chalk.hex("#34D399")(
-        'Gợi ý: Chọn "Tự động fix" để gỡ file + .gitignore',
+        'Gợi ý: Chọn "Tự động fix" để gỡ file + .gitignore an toàn',
       ),
       border,
     ),
@@ -365,7 +488,7 @@ export function printPrePushSecretWarning({ riskyFiles = [], findings = [] }) {
 }
 
 /**
- * Cảnh báo Push bị chặn bởi GitHub Push Protection — style chữ in hoa.
+ * Cảnh báo Push bị chặn bởi GitHub Push Protection (GH013)
  */
 export function printSecretBlockedBox(rawMessage, details = {}) {
   const border = chalk.hex("#E11D48");
@@ -418,7 +541,7 @@ export function printSecretBlockedBox(rawMessage, details = {}) {
   console.log(
     boxRow(
       chalk.hex("#38BDF8")(
-        "  [2] Chạy: git-push-time fix để tự động gỡ & squash commit",
+        "  [2] Dùng tool tự động gỡ file & squash làm sạch commit",
       ),
       border,
     ),
@@ -431,12 +554,6 @@ export function printSecretBlockedBox(rawMessage, details = {}) {
       border,
     ),
   );
-  console.log(
-    boxRow(
-      chalk.hex("#94A3B8")("  [4] Sau đó chạy lại tool để đẩy code lên"),
-      border,
-    ),
-  );
 
   console.log(boxBottom(border));
 
@@ -455,7 +572,7 @@ export function printSecretBlockedBox(rawMessage, details = {}) {
 }
 
 /**
- * Card Thông báo Thành công — ấn tượng bằng viền xanh + chữ in hoa.
+ * Card Thông báo Thành công sau khi Push
  */
 export function printSuccessBox({ branch, repoUrl }) {
   const border = chalk.hex("#059669");
@@ -484,7 +601,7 @@ export function printSuccessBox({ branch, repoUrl }) {
   console.log(boxRow("", border));
   console.log(
     boxRow(
-      chalk.hex("#64748B")("» Kiểm tra lịch sử commit: git log -1 --stat"),
+      chalk.hex("#64748B")("» Xem lịch sử commit: git log -1 --stat"),
       border,
     ),
   );
@@ -545,7 +662,7 @@ export function printGitMissing() {
   printErrorBox(
     "CHƯA CÀI ĐẶT GIT",
     [
-      "Không tìm thấy Git trên hệ thống.",
+      "Không tìm thấy Git trên hệ thống máy tính của bạn.",
       "Vui lòng tải và cài đặt Git để tiếp tục!",
     ],
     "Tải ngay tại: https://git-scm.com/downloads",
@@ -584,19 +701,19 @@ export function printAuthFailedBox(message = "") {
   );
   console.log(
     boxRow(
-      chalk.hex("#E2E8F0")("  [1] gh auth login          (Nếu dùng GitHub CLI)"),
+      chalk.hex("#E2E8F0")("  [1] Chạy tính năng GITHUB trong tool để kết nối tài khoản"),
       border,
     ),
   );
   console.log(
     boxRow(
-      chalk.hex("#E2E8F0")("  [2] Tạo Personal Access Token mới rồi push lại"),
+      chalk.hex("#E2E8F0")("  [2] Dùng lệnh gh: gh auth login"),
       border,
     ),
   );
   console.log(
     boxRow(
-      chalk.hex("#94A3B8")("  [3] Sử dụng SSH: git@github.com:user/repo.git"),
+      chalk.hex("#94A3B8")("  [3] Sử dụng SSH URL: git@github.com:user/repo.git"),
       border,
     ),
   );
@@ -634,7 +751,7 @@ export function printNonFastForwardBox(message = "", branch = "main") {
   console.log(
     boxRow(
       chalk.hex("#38BDF8")(
-        `  » Chạy: git pull --rebase origin ${branch} rồi push lại`,
+        `  » Bạn có thể chọn Pull (rebase) rồi push lại ngay trong tool`,
       ),
       border,
     ),
@@ -694,13 +811,13 @@ export function printFixResult({
 export function printFooter() {
   console.log(chalk.hex("#334155")("  ─── » ───"));
   console.log(
-    chalk.hex("#64748B")("  » Mẹo: Dùng ") +
-      chalk.hex("#38BDF8").bold("git-push-time -y --fix") +
-      chalk.hex("#64748B")(" để tự động hóa 100%."),
+    chalk.hex("#64748B")("  » Mẹo: Chạy ") +
+      chalk.hex("#38BDF8").bold("git-push-time --help") +
+      chalk.hex("#64748B")(" để xem toàn bộ danh sách lệnh và phím tắt."),
   );
   console.log(
     chalk.hex("#475569")(
-      "  » Docs: https://github.com — Chúc bạn làm việc hiệu quả!\n",
+      "  » GitHub CLI & Push Time — Chúc bạn làm việc hiệu quả!\n",
     ),
   );
 }
@@ -716,13 +833,12 @@ export function styleCliHelp(program) {
   program.addHelpText(
     "after",
     `
-${chalk.hex("#334155")("─── » Ví dụ nhanh ───")}
-  ${chalk.hex("#34D399")("$")} ${chalk.white('git-push-time -r https://github.com/user/repo.git -m "Init" -d "-2d" -y')}
-  ${chalk.hex("#34D399")("$")} ${chalk.white("git-push-time fix")}
+${chalk.hex("#334155")("─── » Ví dụ phổ biến ───")}
+  ${chalk.hex("#34D399")("$")} ${chalk.white('git-push-time')}                           # Mở menu điều khiển tương tác trực quan
+  ${chalk.hex("#34D399")("$")} ${chalk.white('git-push-time github create')}            # Tạo nhanh repo mới trên GitHub
+  ${chalk.hex("#34D399")("$")} ${chalk.white('git-push-time -r <repo-url> -d "-2d" -y')} # Push tự động lùi 2 ngày
+  ${chalk.hex("#34D399")("$")} ${chalk.white('git-push-time fix')}                      # Quét & gỡ sạch secret
+  ${chalk.hex("#34D399")("$")} ${chalk.white('git-push-time pull')}                     # Cập nhật code mới từ remote
 `,
   );
 }
-
-export function line(char = "─") {
-  return chalk.hex("#334155")(char.repeat(getW()));
-}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "git-push-time",
-  "version": "1.0.3",
+  "version": "1.1.0",
   "description": "CLI tool to push project to Git with custom repo URL and custom commit timestamp",
   "main": "bin/index.js",
   "type": "module",