@dacsar/prview 1.0.0

package/dist/components/filter-bar.d.ts

@@ -0,0 +1,7 @@
+type Props = {
+    isActive: boolean;
+    filter: string;
+    onFilterChange: (value: string) => void;
+};
+export declare function FilterBar({ isActive, filter, onFilterChange }: Props): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/filter-bar.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import { TextInput } from '@inkjs/ui';
+export function FilterBar({ isActive, filter, onFilterChange }) {
+    if (!isActive && !filter) {
+        return null;
+    }
+    return (_jsxs(Box, { paddingX: 1, children: [_jsx(Text, { color: "yellow", children: "/" }), isActive ? (_jsx(TextInput, { defaultValue: filter, onChange: onFilterChange, placeholder: "Filter by title, repo, author, reviewer..." })) : (_jsxs(Text, { dimColor: true, children: [" ", filter] }))] }));
+}

package/dist/components/header.d.ts

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

package/dist/components/header.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+export function Header() {
+    return (_jsx(Box, { borderStyle: "round", borderColor: "cyan", paddingX: 1, justifyContent: "center", children: _jsx(Text, { bold: true, color: "cyan", children: "PR Checker" }) }));
+}

package/dist/components/help-bar.d.ts

@@ -0,0 +1,5 @@
+type Props = {
+    isFilterMode: boolean;
+};
+export declare function HelpBar({ isFilterMode }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/help-bar.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+export function HelpBar({ isFilterMode }) {
+    if (isFilterMode) {
+        return (_jsx(Box, { paddingX: 1, borderStyle: "single", borderColor: "gray", borderTop: true, borderBottom: false, borderLeft: false, borderRight: false, children: _jsxs(Text, { dimColor: true, children: [_jsx(Text, { bold: true, children: "Esc" }), " cancel filter"] }) }));
+    }
+    return (_jsxs(Box, { paddingX: 1, gap: 2, borderStyle: "single", borderColor: "gray", borderTop: true, borderBottom: false, borderLeft: false, borderRight: false, children: [_jsxs(Text, { dimColor: true, children: [_jsx(Text, { bold: true, children: "Tab" }), " switch"] }), _jsxs(Text, { dimColor: true, children: [_jsx(Text, { bold: true, children: "j/k" }), " move"] }), _jsxs(Text, { dimColor: true, children: [_jsx(Text, { bold: true, children: "Enter" }), " open"] }), _jsxs(Text, { dimColor: true, children: [_jsx(Text, { bold: true, children: "/" }), " filter"] }), _jsxs(Text, { dimColor: true, children: [_jsx(Text, { bold: true, children: "s" }), " sort"] }), _jsxs(Text, { dimColor: true, children: [_jsx(Text, { bold: true, children: "r" }), " refresh"] }), _jsxs(Text, { dimColor: true, children: [_jsx(Text, { bold: true, children: "q" }), " quit"] })] }));
+}

package/dist/components/loading.d.ts

@@ -0,0 +1,5 @@
+type Props = {
+    error: string | null;
+};
+export declare function Loading({ error }: Props): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/loading.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from 'ink';
+import { Spinner } from '@inkjs/ui';
+export function Loading({ error }) {
+    if (error) {
+        return null;
+    }
+    return (_jsx(Box, { paddingX: 2, paddingY: 1, children: _jsx(Spinner, { label: "Fetching pull requests..." }) }));
+}

package/dist/components/pr-row.d.ts

@@ -0,0 +1,7 @@
+import type { PullRequest } from '../types.js';
+type Props = {
+    pr: PullRequest;
+    isSelected: boolean;
+};
+export declare function PrRow({ pr, isSelected }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/pr-row.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import { formatElapsedTime, getTimeColor } from '../utils/format-time.js';
+import { StatusBadge } from './status-badge.js';
+export function PrRow({ pr, isSelected }) {
+    const timeColor = getTimeColor(pr.createdAt);
+    const elapsed = formatElapsedTime(pr.createdAt);
+    const repoShort = pr.repository.split('/')[1] ?? pr.repository;
+    return (_jsxs(Box, { children: [_jsx(Text, { bold: isSelected, color: isSelected ? 'cyan' : undefined, children: isSelected ? '▸ ' : '  ' }), _jsx(Box, { width: 20, children: _jsxs(Text, { dimColor: true, wrap: "truncate", children: [repoShort, "#", pr.number] }) }), _jsx(Box, { flexGrow: 1, marginRight: 1, children: _jsx(Text, { bold: isSelected, wrap: "truncate", children: pr.title }) }), _jsx(Box, { width: 10, children: _jsx(StatusBadge, { decision: pr.reviewDecision, isDraft: pr.isDraft }) }), _jsx(Box, { width: 8, justifyContent: "flex-end", children: _jsxs(Text, { color: "green", children: ["+", pr.additions] }) }), _jsx(Box, { width: 8, justifyContent: "flex-end", children: _jsxs(Text, { color: "red", children: ["-", pr.deletions] }) }), _jsx(Box, { width: 6, justifyContent: "flex-end", marginLeft: 1, children: _jsxs(Text, { dimColor: true, children: ["@", pr.author] }) }), _jsx(Box, { width: 10, justifyContent: "flex-end", marginLeft: 1, children: _jsx(Text, { color: timeColor, children: elapsed }) })] }));
+}

package/dist/components/pr-table.d.ts

@@ -0,0 +1,7 @@
+import type { PullRequest } from '../types.js';
+type Props = {
+    prs: PullRequest[];
+    selectedIndex: number;
+};
+export declare function PrTable({ prs, selectedIndex }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/pr-table.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import { PrRow } from './pr-row.js';
+export function PrTable({ prs, selectedIndex }) {
+    if (prs.length === 0) {
+        return (_jsx(Box, { paddingX: 2, paddingY: 1, children: _jsx(Text, { dimColor: true, children: "No pull requests found." }) }));
+    }
+    return (_jsx(Box, { flexDirection: "column", paddingX: 1, children: prs.map((pr, index) => (_jsx(PrRow, { pr: pr, isSelected: index === selectedIndex }, pr.url))) }));
+}

package/dist/components/status-badge.d.ts

@@ -0,0 +1,7 @@
+import type { ReviewDecision } from '../types.js';
+type Props = {
+    decision: ReviewDecision;
+    isDraft: boolean;
+};
+export declare function StatusBadge({ decision, isDraft }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/status-badge.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from 'ink';
+export function StatusBadge({ decision, isDraft }) {
+    if (isDraft) {
+        return _jsx(Text, { color: "gray", children: " DRAFT " });
+    }
+    switch (decision) {
+        case 'APPROVED': {
+            return _jsx(Text, { color: "green", children: " APPROVED " });
+        }
+        case 'CHANGES_REQUESTED': {
+            return _jsx(Text, { color: "red", children: " CHANGES " });
+        }
+        case 'REVIEW_REQUIRED': {
+            return _jsx(Text, { color: "yellow", children: " PENDING " });
+        }
+        default: {
+            return _jsx(Text, { color: "yellow", children: " PENDING " });
+        }
+    }
+}

package/dist/components/tab-bar.d.ts

@@ -0,0 +1,8 @@
+import type { Tab } from '../types.js';
+type Props = {
+    activeTab: Tab;
+    reviewCount: number;
+    myCount: number;
+};
+export declare function TabBar({ activeTab, reviewCount, myCount }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/tab-bar.js

@@ -0,0 +1,6 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+export function TabBar({ activeTab, reviewCount, myCount }) {
+    const isReview = activeTab === 'review-requested';
+    return (_jsxs(Box, { gap: 2, paddingX: 1, children: [_jsxs(Text, { bold: isReview, color: isReview ? 'cyan' : undefined, dimColor: !isReview, children: [isReview ? '▸ ' : '  ', "Review Requested (", reviewCount, ")"] }), _jsxs(Text, { bold: !isReview, color: !isReview ? 'magenta' : undefined, dimColor: isReview, children: [!isReview ? '▸ ' : '  ', "My PRs (", myCount, ")"] })] }));
+}

package/dist/hooks/use-filter-sort.d.ts

@@ -0,0 +1,2 @@
+import type { PullRequest, SortState } from '../types.js';
+export declare function useFilterSort(prs: PullRequest[], filter: string, sort: SortState): PullRequest[];

package/dist/hooks/use-filter-sort.js

@@ -0,0 +1,24 @@
+import { useMemo } from 'react';
+export function useFilterSort(prs, filter, sort) {
+    return useMemo(() => {
+        let result = prs;
+        if (filter) {
+            const lower = filter.toLowerCase();
+            result = result.filter(pr => pr.title.toLowerCase().includes(lower)
+                || pr.repository.toLowerCase().includes(lower)
+                || pr.author.toLowerCase().includes(lower)
+                || pr.reviewers.some(r => r.login.toLowerCase().includes(lower)));
+        }
+        const sorted = [...result].sort((a, b) => {
+            if (sort.key === 'title') {
+                return a.title.localeCompare(b.title);
+            }
+            // Sort by time (createdAt)
+            return (new Date(a.createdAt).getTime() - new Date(b.createdAt).getTime());
+        });
+        if (sort.direction === 'desc') {
+            sorted.reverse();
+        }
+        return sorted;
+    }, [prs, filter, sort]);
+}

package/dist/hooks/use-pull-requests.d.ts

@@ -0,0 +1,10 @@
+import type { PullRequest } from '../types.js';
+type UsePullRequestsResult = {
+    reviewRequested: PullRequest[];
+    myPRs: PullRequest[];
+    loading: boolean;
+    error: string | null;
+    refresh: () => void;
+};
+export declare function usePullRequests(): UsePullRequestsResult;
+export {};

package/dist/hooks/use-pull-requests.js

@@ -0,0 +1,38 @@
+import { useState, useEffect, useCallback } from 'react';
+import { fetchReviewRequested, fetchMyPRs } from '../utils/fetch-prs.js';
+const REFRESH_INTERVAL = 60000;
+export function usePullRequests() {
+    const [reviewRequested, setReviewRequested] = useState([]);
+    const [myPRs, setMyPRs] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
+    const load = useCallback(async () => {
+        setLoading(true);
+        setError(null);
+        try {
+            const [rr, my] = await Promise.all([
+                fetchReviewRequested(),
+                fetchMyPRs(),
+            ]);
+            setReviewRequested(rr);
+            setMyPRs(my);
+        }
+        catch (err) {
+            const message = err instanceof Error ? err.message : 'Unknown error';
+            setError(message);
+        }
+        finally {
+            setLoading(false);
+        }
+    }, []);
+    useEffect(() => {
+        void load();
+        const timer = setInterval(() => {
+            void load();
+        }, REFRESH_INTERVAL);
+        return () => {
+            clearInterval(timer);
+        };
+    }, [load]);
+    return { reviewRequested, myPRs, loading, error, refresh: load };
+}

package/dist/types.d.ts

@@ -0,0 +1,32 @@
+export type ReviewDecision = 'APPROVED' | 'CHANGES_REQUESTED' | 'REVIEW_REQUIRED' | '';
+export type ReviewState = 'APPROVED' | 'CHANGES_REQUESTED' | 'COMMENTED' | 'PENDING' | 'DISMISSED';
+export type Reviewer = {
+    login: string;
+    state: ReviewState;
+};
+export type Label = {
+    name: string;
+    color: string;
+};
+export type PullRequest = {
+    number: number;
+    title: string;
+    url: string;
+    createdAt: string;
+    repository: string;
+    author: string;
+    reviewers: Reviewer[];
+    reviewDecision: ReviewDecision;
+    isDraft: boolean;
+    additions: number;
+    deletions: number;
+    labels: Label[];
+    branch: string;
+};
+export type Tab = 'review-requested' | 'my-prs';
+export type SortKey = 'title' | 'time';
+export type SortDirection = 'asc' | 'desc';
+export type SortState = {
+    key: SortKey;
+    direction: SortDirection;
+};

package/dist/types.js

@@ -0,0 +1 @@
+export {};

package/dist/utils/fetch-prs.d.ts

@@ -0,0 +1,4 @@
+import type { PullRequest } from '../types.js';
+export declare function checkAuth(): Promise<boolean>;
+export declare function fetchReviewRequested(): Promise<PullRequest[]>;
+export declare function fetchMyPRs(): Promise<PullRequest[]>;

package/dist/utils/fetch-prs.js

@@ -0,0 +1,127 @@
+import { execFile } from 'node:child_process';
+const QUERY = `
+query($q: String!) {
+  search(query: $q, type: ISSUE, first: 50) {
+    nodes {
+      ... on PullRequest {
+        number
+        title
+        url
+        createdAt
+        isDraft
+        additions
+        deletions
+        headRefName
+        reviewDecision
+        author {
+          login
+        }
+        repository {
+          nameWithOwner
+        }
+        labels(first: 10) {
+          nodes {
+            name
+            color
+          }
+        }
+        latestReviews(first: 10) {
+          nodes {
+            author {
+              login
+            }
+            state
+          }
+        }
+        reviewRequests(first: 10) {
+          nodes {
+            requestedReviewer {
+              ... on User {
+                login
+              }
+              ... on Team {
+                name
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+`;
+function parseNode(node) {
+    const reviewers = [];
+    for (const review of node.latestReviews.nodes) {
+        if (review.author) {
+            reviewers.push({
+                login: review.author.login,
+                state: review.state,
+            });
+        }
+    }
+    for (const request of node.reviewRequests.nodes) {
+        const login = request.requestedReviewer?.login ?? request.requestedReviewer?.name;
+        if (login && !reviewers.some(r => r.login === login)) {
+            reviewers.push({ login, state: 'PENDING' });
+        }
+    }
+    const labels = node.labels.nodes.map(l => ({
+        name: l.name,
+        color: l.color,
+    }));
+    return {
+        number: node.number,
+        title: node.title,
+        url: node.url,
+        createdAt: node.createdAt,
+        repository: node.repository.nameWithOwner,
+        author: node.author?.login ?? 'unknown',
+        reviewers,
+        reviewDecision: node.reviewDecision ?? '',
+        isDraft: node.isDraft,
+        additions: node.additions,
+        deletions: node.deletions,
+        labels,
+        branch: node.headRefName,
+    };
+}
+function runGh(args, stdin) {
+    return new Promise((resolve, reject) => {
+        const child = execFile('gh', args, { maxBuffer: 10 * 1024 * 1024 }, (error, stdout) => {
+            if (error) {
+                reject(error);
+                return;
+            }
+            resolve(stdout);
+        });
+        if (stdin && child.stdin) {
+            child.stdin.write(stdin);
+            child.stdin.end();
+        }
+    });
+}
+function runGraphQL(searchQuery) {
+    const body = JSON.stringify({
+        query: QUERY,
+        variables: { q: searchQuery },
+    });
+    return runGh(['api', 'graphql', '--input', '-'], body).then(result => JSON.parse(result));
+}
+export async function checkAuth() {
+    try {
+        await runGh(['auth', 'status']);
+        return true;
+    }
+    catch {
+        return false;
+    }
+}
+export async function fetchReviewRequested() {
+    const json = await runGraphQL('is:pr is:open review-requested:@me');
+    return json.data.search.nodes.map(node => parseNode(node));
+}
+export async function fetchMyPRs() {
+    const json = await runGraphQL('is:pr is:open author:@me');
+    return json.data.search.nodes.map(node => parseNode(node));
+}

package/dist/utils/format-time.d.ts

@@ -0,0 +1,3 @@
+export type TimeColor = 'red' | 'yellow' | 'green';
+export declare function formatElapsedTime(createdAt: string): string;
+export declare function getTimeColor(createdAt: string): TimeColor;

package/dist/utils/format-time.js

@@ -0,0 +1,27 @@
+export function formatElapsedTime(createdAt) {
+    const now = Date.now();
+    const created = new Date(createdAt).getTime();
+    const diffMs = now - created;
+    const minutes = Math.floor(diffMs / (1000 * 60));
+    const hours = Math.floor(minutes / 60);
+    const days = Math.floor(hours / 24);
+    if (days > 0) {
+        return `${String(days)}d ago`;
+    }
+    if (hours > 0) {
+        return `${String(hours)}h ago`;
+    }
+    return `${String(minutes)}m ago`;
+}
+export function getTimeColor(createdAt) {
+    const now = Date.now();
+    const created = new Date(createdAt).getTime();
+    const diffHours = (now - created) / (1000 * 60 * 60);
+    if (diffHours > 48) {
+        return 'red';
+    }
+    if (diffHours > 24) {
+        return 'yellow';
+    }
+    return 'green';
+}

package/dist/utils/open-url.d.ts

@@ -0,0 +1 @@
+export declare function openUrl(url: string): void;

package/dist/utils/open-url.js

@@ -0,0 +1,6 @@
+import { execFile } from 'node:child_process';
+export function openUrl(url) {
+    execFile('open', [url], () => {
+        // Silently fail — user can copy URL from the table
+    });
+}

package/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "@dacsar/prview",
+  "version": "1.0.0",
+  "description": "TUI tool to check PRs across repositories",
+  "type": "module",
+  "bin": {
+    "pv": "./dist/cli.js"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "node build.mjs",
+    "dev": "node build.mjs --watch",
+    "start": "node dist/cli.js",
+    "check": "biome check src/",
+    "check:fix": "biome check --write src/",
+    "prepublishOnly": "npm run build"
+  },
+  "dependencies": {
+    "@inkjs/ui": "^2.0.0",
+    "ink": "^6.0.0",
+    "meow": "^13.0.0",
+    "react": "^19.0.0"
+  },
+  "devDependencies": {
+    "@biomejs/biome": "2.4.6",
+    "@sindresorhus/tsconfig": "^3.0.1",
+    "@types/node": "^25.3.2",
+    "@types/react": "^19.0.0",
+    "esbuild": "^0.27.3",
+    "typescript": "^5.7.0"
+  }
+}