@dacsar/prview 1.0.1 → 1.1.0

package/dist/cli.js

@@ -48727,7 +48727,49 @@ var COL = {
   reviewee: 12,
   reviewer: 12
 };
-var FIXED_COLS_WIDTH = 92;
+var BASE_WIDTH = 7;
+var OPTIONAL_WIDTH = {
+  repo: COL.repo + 1,
+  // 18 + separator
+  status: COL.status + 2,
+  // 12 + separator + marginLeft
+  diff: COL.diff + 2,
+  elapsed: COL.elapsed + 2,
+  author: COL.reviewee + 2,
+  reviewer: COL.reviewer + 2
+};
+var DROP_ORDER = [
+  "reviewer",
+  "author",
+  "repo",
+  "diff",
+  "elapsed",
+  "status"
+];
+var MIN_TITLE_WIDTH = 20;
+function computeColumnLayout(columns) {
+  const visible = new Set(
+    Object.keys(OPTIONAL_WIDTH)
+  );
+  const fixed = () => {
+    let width = BASE_WIDTH;
+    for (const col of visible) width += OPTIONAL_WIDTH[col];
+    return width;
+  };
+  for (const col of DROP_ORDER) {
+    if (columns - fixed() >= MIN_TITLE_WIDTH) break;
+    visible.delete(col);
+  }
+  return {
+    showRepo: visible.has("repo"),
+    showStatus: visible.has("status"),
+    showDiff: visible.has("diff"),
+    showElapsed: visible.has("elapsed"),
+    showAuthor: visible.has("author"),
+    showReviewer: visible.has("reviewer"),
+    titleWidth: Math.max(10, columns - fixed())
+  };
+}
 
 // src/utils/format-time.ts
 function formatElapsedTime(createdAt) {
@@ -48790,7 +48832,15 @@ var import_jsx_runtime3 = __toESM(require_jsx_runtime(), 1);
 function PrRow({ pr, isSelected }) {
   const { stdout } = use_stdout_default();
   const columns = stdout?.columns ?? 120;
-  const titleWidth = Math.max(10, columns - FIXED_COLS_WIDTH);
+  const {
+    showRepo,
+    showStatus,
+    showDiff,
+    showElapsed,
+    showAuthor,
+    showReviewer,
+    titleWidth
+  } = computeColumnLayout(columns);
   const timeColor = getTimeColor(pr.createdAt);
   const elapsed = formatElapsedTime(pr.createdAt);
   const icon = getTimeIcon(pr.createdAt);
@@ -48805,36 +48855,48 @@ function PrRow({ pr, isSelected }) {
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Box_default, { backgroundColor: isSelected ? "#333333" : void 0, children: [
     /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { color: isSelected ? "red" : void 0, children: isSelected ? ">" : " " }),
     /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Box_default, { width: COL.icon, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { color: timeColor, wrap: "truncate", children: ` ${icon} ` }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Box_default, { width: COL.repo, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Text, { dimColor: !isSelected, color: selColor, wrap: "truncate", children: [
-      repoShort,
-      "#",
-      pr.number
-    ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { dimColor: true, children: "|" }),
+    showRepo && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Box_default, { width: COL.repo, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Text, { dimColor: !isSelected, color: selColor, wrap: "truncate", children: [
+        repoShort,
+        "#",
+        pr.number
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { dimColor: true, children: "|" })
+    ] }),
     /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Box_default, { width: titleWidth, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { bold: isSelected, color: selColor, wrap: "truncate", children: pr.title }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { dimColor: true, children: "|" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Box_default, { width: COL.status, marginLeft: 1, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(StatusBadge, { decision: pr.reviewDecision, isDraft: pr.isDraft }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { dimColor: true, children: "|" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Box_default, { width: COL.diff, marginLeft: 1, justifyContent: "flex-end", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Text, { color: "green", children: [
-        "+",
-        pr.additions
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { children: " " }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Text, { color: "red", children: [
-        "-",
-        pr.deletions
-      ] })
+    showStatus && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { dimColor: true, children: "|" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Box_default, { width: COL.status, marginLeft: 1, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(StatusBadge, { decision: pr.reviewDecision, isDraft: pr.isDraft }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { dimColor: true, children: "|" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Box_default, { width: COL.elapsed, marginLeft: 1, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { color: timeColor, children: elapsed }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { dimColor: true, children: "|" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Box_default, { width: COL.reviewee, marginLeft: 1, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Text, { dimColor: true, wrap: "truncate", children: [
-      "@",
-      pr.author
-    ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { dimColor: true, children: "|" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Box_default, { width: COL.reviewer, marginLeft: 1, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { dimColor: true, wrap: "truncate", children: reviewerText }) })
+    showDiff && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { dimColor: true, children: "|" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Box_default, { width: COL.diff, marginLeft: 1, justifyContent: "flex-end", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Text, { wrap: "truncate", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Text, { color: "green", children: [
+          "+",
+          pr.additions
+        ] }),
+        " ",
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Text, { color: "red", children: [
+          "-",
+          pr.deletions
+        ] })
+      ] }) })
+    ] }),
+    showElapsed && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { dimColor: true, children: "|" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Box_default, { width: COL.elapsed, marginLeft: 1, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { color: timeColor, wrap: "truncate", children: elapsed }) })
+    ] }),
+    showAuthor && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { dimColor: true, children: "|" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Box_default, { width: COL.reviewee, marginLeft: 1, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Text, { dimColor: true, wrap: "truncate", children: [
+        "@",
+        pr.author
+      ] }) })
+    ] }),
+    showReviewer && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { dimColor: true, children: "|" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Box_default, { width: COL.reviewer, marginLeft: 1, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { dimColor: true, wrap: "truncate", children: reviewerText }) })
+    ] })
   ] });
 }
 
@@ -48865,6 +48927,28 @@ function PrTable({ prs, selectedIndex, maxRows }) {
 
 // src/components/status-bar.tsx
 var import_jsx_runtime5 = __toESM(require_jsx_runtime(), 1);
+var HINTS = [
+  { key: "Tab", label: "switch", keep: 6 },
+  { key: "j/k", label: "move", keep: 3 },
+  { key: "Enter", label: "open", keep: 2 },
+  { key: "y", label: "copy", keep: 4 },
+  { key: "/", label: "filter", keep: 5 },
+  { key: "r", label: "refresh", keep: 7 },
+  { key: "q", label: "quit", keep: 1 }
+];
+var hintWidth = (h) => h.key.length + 1 + h.label.length;
+function visibleHints(budget) {
+  const byPriority = [...HINTS].sort((a, b) => a.keep - b.keep);
+  const shown = /* @__PURE__ */ new Set();
+  let used = 0;
+  for (const h of byPriority) {
+    const width = hintWidth(h) + (shown.size > 0 ? 1 : 0);
+    if (used + width > budget) break;
+    used += width;
+    shown.add(h.key);
+  }
+  return HINTS.filter((h) => shown.has(h.key));
+}
 function StatusBar({
   isFilterActive,
   filter,
@@ -48873,10 +48957,15 @@ function StatusBar({
   reviewCount,
   myCount,
   isFilterMode,
-  loading
+  loading,
+  copiedMessage
 }) {
+  const { stdout } = use_stdout_default();
+  const columns = stdout?.columns ?? 80;
   const isReview = activeTab === "review-requested";
   const tabLabel = isReview ? `To Review (${reviewCount})` : `My PRs (${myCount})`;
+  const reserved = 2 + tabLabel.length + (loading ? 13 : 0) + 2;
+  const hints = visibleHints(columns - reserved);
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
     Box_default,
     {
@@ -48889,7 +48978,10 @@ function StatusBar({
       paddingX: 1,
       justifyContent: "space-between",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Box_default, { children: isFilterActive || filter ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Box_default, { children: copiedMessage ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { color: "green", children: [
+          "\u2713 ",
+          copiedMessage
+        ] }) : isFilterActive || filter ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "yellow", children: "/" }),
           isFilterActive ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
             TextInput,
@@ -48910,38 +49002,11 @@ function StatusBar({
           /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "gray", children: "Esc" }),
           " ",
           /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { dimColor: true, children: "cancel" })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "white", children: "Tab" }),
-            " ",
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { dimColor: true, children: "switch" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "white", children: "j/k" }),
-            " ",
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { dimColor: true, children: "move" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "white", children: "Enter" }),
-            " ",
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { dimColor: true, children: "open" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "white", children: "/" }),
-            " ",
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { dimColor: true, children: "filter" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "white", children: "r" }),
-            " ",
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { dimColor: true, children: "refresh" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "white", children: "q" }),
-            " ",
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { dimColor: true, children: "quit" })
-          ] })
-        ] }) })
+        ] }) : hints.map((h) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "white", children: h.key }),
+          " ",
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { dimColor: true, children: h.label })
+        ] }, h.key)) })
       ]
     }
   );
@@ -49130,10 +49195,18 @@ function usePullRequests() {
   return { reviewRequested, myPRs, loading, error, refresh: load };
 }
 
-// src/utils/open-url.ts
+// src/utils/copy-to-clipboard.ts
 import { execFile as execFile2 } from "node:child_process";
+function copyToClipboard(text) {
+  const child = execFile2("pbcopy", () => {
+  });
+  child.stdin?.end(text);
+}
+
+// src/utils/open-url.ts
+import { execFile as execFile3 } from "node:child_process";
 function openUrl(url2) {
-  execFile2("open", [url2], () => {
+  execFile3("open", [url2], () => {
   });
 }
 
@@ -49148,8 +49221,29 @@ function App2() {
   const [selectedIndex, setSelectedIndex] = (0, import_react62.useState)(0);
   const [filter, setFilter] = (0, import_react62.useState)("");
   const [isFilterMode, setIsFilterMode] = (0, import_react62.useState)(false);
+  const [copiedMessage, setCopiedMessage] = (0, import_react62.useState)("");
+  const copiedTimer = (0, import_react62.useRef)(null);
+  const notifyCopied = (0, import_react62.useCallback)(() => {
+    setCopiedMessage("Copied URL to clipboard");
+    if (copiedTimer.current) {
+      clearTimeout(copiedTimer.current);
+    }
+    copiedTimer.current = setTimeout(() => setCopiedMessage(""), 2e3);
+  }, []);
   const currentPRs = activeTab === "review-requested" ? reviewRequested : myPRs;
   const filteredPRs = useFilterSort(currentPRs, filter);
+  const [, setResizeTick] = (0, import_react62.useState)(0);
+  (0, import_react62.useEffect)(() => {
+    if (!stdout) return;
+    const onResize = () => {
+      stdout.write("\x1B[2J\x1B[H");
+      setResizeTick((n) => n + 1);
+    };
+    stdout.on("resize", onResize);
+    return () => {
+      stdout.off("resize", onResize);
+    };
+  }, [stdout]);
   const clampIndex = (0, import_react62.useCallback)(
     (index) => Math.max(0, Math.min(index, filteredPRs.length - 1)),
     [filteredPRs.length]
@@ -49191,6 +49285,14 @@ function App2() {
         }
         return;
       }
+      if (input === "y") {
+        const pr = filteredPRs[selectedIndex];
+        if (pr) {
+          copyToClipboard(pr.url);
+          notifyCopied();
+        }
+        return;
+      }
       if (input === "/") {
         setIsFilterMode(true);
         return;
@@ -49241,7 +49343,8 @@ function App2() {
         reviewCount: reviewRequested.length,
         myCount: myPRs.length,
         isFilterMode,
-        loading
+        loading,
+        copiedMessage
       }
     )
   ] });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dacsar/prview",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "description": "TUI tool to check PRs across repositories",
   "repository": {
     "type": "git",