@dacsar/prview 1.0.0

package/README.md

@@ -0,0 +1,67 @@
+# prview
+
+A terminal dashboard for your GitHub pull requests.
+
+`prview` lets you monitor pull requests across all your GitHub repositories from a single TUI, powered by React and Ink.
+
+## Features
+
+- View pull requests across multiple repositories in one place
+- Two tabs: **Review Requested** and **My PRs**
+- Real-time filtering and sorting
+- Auto-refresh every 60 seconds
+- Status badges (Approved, Changes Requested, Draft, etc.)
+- Press Enter to open a PR in your browser
+
+## Prerequisites
+
+[GitHub CLI](https://cli.github.com/) (`gh`) must be installed and authenticated:
+
+```sh
+gh auth login
+```
+
+## Installation
+
+```sh
+npm install -g @dacsar/prview
+```
+
+## Usage
+
+```sh
+pv
+```
+
+## Keybindings
+
+| Key | Action |
+| --- | --- |
+| `Tab` | Switch between Review Requested / My PRs |
+| `j` / `Down` | Move selection down |
+| `k` / `Up` | Move selection up |
+| `Enter` | Open selected PR in browser |
+| `/` | Enter filter mode |
+| `Esc` | Exit filter mode / Clear filter |
+| `r` | Refresh |
+| `q` | Quit |
+
+## Tech Stack
+
+- [React](https://react.dev/) + [Ink](https://github.com/vadimdemedes/ink) — Terminal UI
+- [TypeScript](https://www.typescriptlang.org/)
+- [esbuild](https://esbuild.github.io/) — Bundler
+- [Biome](https://biomejs.dev/) — Linter & Formatter
+
+## Development
+
+```sh
+git clone https://github.com/your-username/prview.git
+cd prview
+make setup
+npm run dev
+```
+
+## License
+
+MIT

package/dist/app.d.ts

@@ -0,0 +1 @@
+export declare function App(): import("react/jsx-runtime").JSX.Element;

package/dist/app.js

@@ -0,0 +1,81 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from 'react';
+import { Box, Text, useApp, useInput } from 'ink';
+import { usePullRequests } from './hooks/use-pull-requests.js';
+import { useFilterSort } from './hooks/use-filter-sort.js';
+import { openUrl } from './utils/open-url.js';
+import { TabBar } from './components/tab-bar.js';
+import { PrTable } from './components/pr-table.js';
+import { FilterBar } from './components/filter-bar.js';
+import { HelpBar } from './components/help-bar.js';
+import { Loading } from './components/loading.js';
+export function App() {
+    const { exit } = useApp();
+    const { reviewRequested, myPRs, loading, error, refresh } = usePullRequests();
+    const [activeTab, setActiveTab] = useState('review-requested');
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    const [filter, setFilter] = useState('');
+    const [isFilterMode, setIsFilterMode] = useState(false);
+    const [sort, setSort] = useState({ key: 'time', direction: 'desc' });
+    const currentPRs = activeTab === 'review-requested' ? reviewRequested : myPRs;
+    const filteredPRs = useFilterSort(currentPRs, filter, sort);
+    const clampIndex = useCallback((index) => Math.max(0, Math.min(index, filteredPRs.length - 1)), [filteredPRs.length]);
+    useInput((_input, key) => {
+        if (key.escape) {
+            setIsFilterMode(false);
+            return;
+        }
+    }, { isActive: isFilterMode });
+    useInput((input, key) => {
+        if (input === 'q') {
+            exit();
+            return;
+        }
+        if (key.tab) {
+            setActiveTab(prev => prev === 'review-requested' ? 'my-prs' : 'review-requested');
+            setSelectedIndex(0);
+            return;
+        }
+        if (input === 'j' || key.downArrow) {
+            setSelectedIndex(prev => clampIndex(prev + 1));
+            return;
+        }
+        if (input === 'k' || key.upArrow) {
+            setSelectedIndex(prev => clampIndex(prev - 1));
+            return;
+        }
+        if (key.return) {
+            const pr = filteredPRs[selectedIndex];
+            if (pr) {
+                openUrl(pr.url);
+            }
+            return;
+        }
+        if (input === 's') {
+            setSort(prev => {
+                if (prev.key === 'title') {
+                    return { key: 'time', direction: prev.direction };
+                }
+                if (prev.key === 'time' && prev.direction === 'desc') {
+                    return { key: 'time', direction: 'asc' };
+                }
+                return { key: 'title', direction: 'asc' };
+            });
+            return;
+        }
+        if (input === '/') {
+            setIsFilterMode(true);
+            return;
+        }
+        if (key.escape) {
+            setFilter('');
+            setIsFilterMode(false);
+            return;
+        }
+        if (input === 'r') {
+            refresh();
+            return;
+        }
+    }, { isActive: !isFilterMode });
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(TabBar, { activeTab: activeTab, reviewCount: reviewRequested.length, myCount: myPRs.length }), error && (_jsx(Box, { paddingX: 2, children: _jsxs(Text, { color: "red", children: ["Error: ", error] }) })), loading && filteredPRs.length === 0 ? (_jsx(Loading, { error: error })) : (_jsx(PrTable, { prs: filteredPRs, selectedIndex: selectedIndex })), _jsx(FilterBar, { isActive: isFilterMode, filter: filter, onFilterChange: setFilter }), _jsx(Box, { paddingX: 1, children: _jsxs(Text, { dimColor: true, children: ["Sort: ", sort.key, " (", sort.direction, ")"] }) }), _jsx(HelpBar, { isFilterMode: isFilterMode })] }));
+}

package/dist/cli.d.ts

@@ -0,0 +1,2 @@
+#!/usr/bin/env -S node --no-warnings
+export {};