lazyreview 0.1.4

package/src/models/index.ts

@@ -0,0 +1,12 @@
+export type { AppError } from './errors'
+export { GitHubError, AuthError, ConfigError, NetworkError } from './errors'
+
+export { User } from './user'
+export { PullRequest, Label, BranchRef } from './pull-request'
+export { Comment } from './comment'
+export { Review } from './review'
+export { FileChange } from './file-change'
+export { Commit, CommitDetails, CommitAuthor } from './commit'
+
+export type { Diff, FileDiff, Hunk, DiffLine } from './diff'
+export { parseDiffPatch } from './diff'

package/src/models/pull-request.ts

@@ -0,0 +1,40 @@
+import { Schema as S } from 'effect'
+import { User } from './user'
+
+export class Label extends S.Class<Label>('Label')({
+  id: S.Number,
+  name: S.String,
+  color: S.String,
+  description: S.optionalWith(S.NullOr(S.String), { default: () => null }),
+}) {}
+
+export class BranchRef extends S.Class<BranchRef>('BranchRef')({
+  ref: S.optionalWith(S.String, { default: () => '' }),
+  sha: S.optionalWith(S.String, { default: () => '' }),
+  label: S.optional(S.String),
+}) {}
+
+export class PullRequest extends S.Class<PullRequest>('PullRequest')({
+  id: S.Number,
+  number: S.Number,
+  title: S.String,
+  body: S.optionalWith(S.NullOr(S.String), { default: () => null }),
+  state: S.Literal('open', 'closed'),
+  draft: S.optionalWith(S.Boolean, { default: () => false }),
+  merged: S.optionalWith(S.Boolean, { default: () => false }),
+  user: User,
+  labels: S.optionalWith(S.Array(Label), { default: () => [] }),
+  created_at: S.String,
+  updated_at: S.String,
+  merged_at: S.optionalWith(S.NullOr(S.String), { default: () => null }),
+  closed_at: S.optionalWith(S.NullOr(S.String), { default: () => null }),
+  html_url: S.String,
+  head: S.optionalWith(BranchRef, { default: () => new BranchRef({ ref: '', sha: '' }) }),
+  base: S.optionalWith(BranchRef, { default: () => new BranchRef({ ref: '', sha: '' }) }),
+  additions: S.optionalWith(S.Number, { default: () => 0 }),
+  deletions: S.optionalWith(S.Number, { default: () => 0 }),
+  changed_files: S.optionalWith(S.Number, { default: () => 0 }),
+  comments: S.optionalWith(S.Number, { default: () => 0 }),
+  review_comments: S.optionalWith(S.Number, { default: () => 0 }),
+  requested_reviewers: S.optionalWith(S.Array(User), { default: () => [] }),
+}) {}

package/src/models/review.ts

@@ -0,0 +1,17 @@
+import { Schema as S } from 'effect'
+import { User } from './user'
+
+export class Review extends S.Class<Review>('Review')({
+  id: S.Number,
+  user: User,
+  body: S.optionalWith(S.NullOr(S.String), { default: () => null }),
+  state: S.Literal(
+    'APPROVED',
+    'CHANGES_REQUESTED',
+    'COMMENTED',
+    'DISMISSED',
+    'PENDING',
+  ),
+  submitted_at: S.optionalWith(S.NullOr(S.String), { default: () => null }),
+  html_url: S.String,
+}) {}

package/src/models/user.ts

@@ -0,0 +1,9 @@
+import { Schema as S } from 'effect'
+
+export class User extends S.Class<User>('User')({
+  login: S.String,
+  id: S.Number,
+  avatar_url: S.String,
+  html_url: S.String,
+  type: S.optionalWith(S.String, { default: () => 'User' }),
+}) {}

package/src/screens/InvolvedScreen.tsx

@@ -0,0 +1,161 @@
+import React, { useState } from 'react'
+import { Box, Text, useInput } from 'ink'
+import { useTheme } from '../theme/index'
+import { useInvolvedPRs } from '../hooks/useGitHub'
+import { useListNavigation } from '../hooks/useListNavigation'
+import { usePagination } from '../hooks/usePagination'
+import { useFilter } from '../hooks/useFilter'
+import { PRListItem } from '../components/pr/PRListItem'
+import { EmptyState } from '../components/common/EmptyState'
+import { LoadingIndicator } from '../components/common/LoadingIndicator'
+import { PaginationBar } from '../components/common/PaginationBar'
+import { FilterModal } from '../components/common/FilterModal'
+import { SortModal } from '../components/common/SortModal'
+import type { PullRequest } from '../models/pull-request'
+
+interface InvolvedScreenProps {
+  readonly onSelect: (pr: PullRequest) => void
+}
+
+export function InvolvedScreen({
+  onSelect,
+}: InvolvedScreenProps): React.ReactElement {
+  const theme = useTheme()
+  const { data: prs = [], isLoading, error } = useInvolvedPRs()
+  const [showFilter, setShowFilter] = useState(false)
+  const [showSort, setShowSort] = useState(false)
+
+  const {
+    filter,
+    filteredItems,
+    setSearch,
+    setRepo,
+    setAuthor,
+    setLabel,
+    setSortBy,
+    toggleSortDirection,
+    clearFilters,
+    hasActiveFilters,
+    availableRepos,
+    availableAuthors,
+    availableLabels,
+  } = useFilter(prs)
+
+  const {
+    currentPage,
+    totalPages,
+    pageItems,
+    hasNextPage,
+    hasPrevPage,
+    nextPage,
+    prevPage,
+    startIndex,
+    endIndex,
+  } = usePagination(filteredItems, { pageSize: 18 })
+
+  const { selectedIndex } = useListNavigation({
+    itemCount: pageItems.length,
+    viewportHeight: pageItems.length,
+    isActive: !showFilter && !showSort,
+  })
+
+  useInput(
+    (input, key) => {
+      if (key.return && pageItems[selectedIndex]) {
+        onSelect(pageItems[selectedIndex])
+      } else if (input === 'n' && hasNextPage) {
+        nextPage()
+      } else if (input === 'p' && hasPrevPage) {
+        prevPage()
+      } else if (input === '/') {
+        setShowFilter(true)
+      } else if (input === 's') {
+        setShowSort(true)
+      }
+    },
+    { isActive: !showFilter && !showSort },
+  )
+
+  if (isLoading && prs.length === 0) {
+    return <LoadingIndicator message="Loading involved PRs..." />
+  }
+
+  if (error) {
+    return (
+      <Box flexDirection="column" padding={1}>
+        <Text color={theme.colors.error}>Error: {String(error)}</Text>
+      </Box>
+    )
+  }
+
+  if (prs.length === 0) {
+    return <EmptyState message="No pull requests you're involved in" />
+  }
+
+  return (
+    <Box flexDirection="column" flexGrow={1}>
+      <Box paddingX={1} justifyContent="space-between">
+        <Box gap={2}>
+          <Text color={theme.colors.accent} bold>
+            Involved Pull Requests
+          </Text>
+          {hasActiveFilters && (
+            <Text color={theme.colors.warning}>(filtered)</Text>
+          )}
+          <Text color={theme.colors.muted}>/ filter s sort</Text>
+        </Box>
+        <PaginationBar
+          currentPage={currentPage}
+          totalPages={totalPages}
+          totalItems={filteredItems.length}
+          startIndex={startIndex}
+          endIndex={endIndex}
+          hasNextPage={hasNextPage}
+          hasPrevPage={hasPrevPage}
+        />
+      </Box>
+      <Box flexDirection="column">
+        {pageItems.length === 0 ? (
+          <Box padding={1}>
+            <Text color={theme.colors.muted}>
+              No PRs match the current filters
+            </Text>
+          </Box>
+        ) : (
+          pageItems.map((pr, index) => (
+            <PRListItem
+              key={pr.id}
+              item={pr}
+              isFocus={index === selectedIndex}
+            />
+          ))
+        )}
+      </Box>
+      {showFilter && (
+        <FilterModal
+          filter={filter}
+          availableRepos={availableRepos}
+          availableAuthors={availableAuthors}
+          availableLabels={availableLabels}
+          onSearchChange={setSearch}
+          onRepoChange={setRepo}
+          onAuthorChange={setAuthor}
+          onLabelChange={setLabel}
+          onSortChange={setSortBy}
+          onSortDirectionToggle={toggleSortDirection}
+          onClear={clearFilters}
+          onClose={() => setShowFilter(false)}
+        />
+      )}
+      {showSort && (
+        <SortModal
+          currentSort={filter.sortBy}
+          sortDirection={filter.sortDirection}
+          onSortChange={setSortBy}
+          onSortDirectionToggle={toggleSortDirection}
+          onClose={() => setShowSort(false)}
+        />
+      )}
+    </Box>
+  )
+}

package/src/screens/MyPRsScreen.tsx

@@ -0,0 +1,161 @@
+import React, { useState } from 'react'
+import { Box, Text, useInput } from 'ink'
+import { useTheme } from '../theme/index'
+import { useMyPRs } from '../hooks/useGitHub'
+import { useListNavigation } from '../hooks/useListNavigation'
+import { usePagination } from '../hooks/usePagination'
+import { useFilter } from '../hooks/useFilter'
+import { PRListItem } from '../components/pr/PRListItem'
+import { EmptyState } from '../components/common/EmptyState'
+import { LoadingIndicator } from '../components/common/LoadingIndicator'
+import { PaginationBar } from '../components/common/PaginationBar'
+import { FilterModal } from '../components/common/FilterModal'
+import { SortModal } from '../components/common/SortModal'
+import type { PullRequest } from '../models/pull-request'
+
+interface MyPRsScreenProps {
+  readonly onSelect: (pr: PullRequest) => void
+}
+
+export function MyPRsScreen({
+  onSelect,
+}: MyPRsScreenProps): React.ReactElement {
+  const theme = useTheme()
+  const { data: prs = [], isLoading, error } = useMyPRs()
+  const [showFilter, setShowFilter] = useState(false)
+  const [showSort, setShowSort] = useState(false)
+
+  const {
+    filter,
+    filteredItems,
+    setSearch,
+    setRepo,
+    setAuthor,
+    setLabel,
+    setSortBy,
+    toggleSortDirection,
+    clearFilters,
+    hasActiveFilters,
+    availableRepos,
+    availableAuthors,
+    availableLabels,
+  } = useFilter(prs)
+
+  const {
+    currentPage,
+    totalPages,
+    pageItems,
+    hasNextPage,
+    hasPrevPage,
+    nextPage,
+    prevPage,
+    startIndex,
+    endIndex,
+  } = usePagination(filteredItems, { pageSize: 18 })
+
+  const { selectedIndex } = useListNavigation({
+    itemCount: pageItems.length,
+    viewportHeight: pageItems.length,
+    isActive: !showFilter && !showSort,
+  })
+
+  useInput(
+    (input, key) => {
+      if (key.return && pageItems[selectedIndex]) {
+        onSelect(pageItems[selectedIndex])
+      } else if (input === 'n' && hasNextPage) {
+        nextPage()
+      } else if (input === 'p' && hasPrevPage) {
+        prevPage()
+      } else if (input === '/') {
+        setShowFilter(true)
+      } else if (input === 's') {
+        setShowSort(true)
+      }
+    },
+    { isActive: !showFilter && !showSort },
+  )
+
+  if (isLoading && prs.length === 0) {
+    return <LoadingIndicator message="Loading your PRs..." />
+  }
+
+  if (error) {
+    return (
+      <Box flexDirection="column" padding={1}>
+        <Text color={theme.colors.error}>Error: {String(error)}</Text>
+      </Box>
+    )
+  }
+
+  if (prs.length === 0) {
+    return <EmptyState message="You have no open pull requests" />
+  }
+
+  return (
+    <Box flexDirection="column" flexGrow={1}>
+      <Box paddingX={1} justifyContent="space-between">
+        <Box gap={2}>
+          <Text color={theme.colors.accent} bold>
+            My Pull Requests
+          </Text>
+          {hasActiveFilters && (
+            <Text color={theme.colors.warning}>(filtered)</Text>
+          )}
+          <Text color={theme.colors.muted}>/ filter s sort</Text>
+        </Box>
+        <PaginationBar
+          currentPage={currentPage}
+          totalPages={totalPages}
+          totalItems={filteredItems.length}
+          startIndex={startIndex}
+          endIndex={endIndex}
+          hasNextPage={hasNextPage}
+          hasPrevPage={hasPrevPage}
+        />
+      </Box>
+      <Box flexDirection="column">
+        {pageItems.length === 0 ? (
+          <Box padding={1}>
+            <Text color={theme.colors.muted}>
+              No PRs match the current filters
+            </Text>
+          </Box>
+        ) : (
+          pageItems.map((pr, index) => (
+            <PRListItem
+              key={pr.id}
+              item={pr}
+              isFocus={index === selectedIndex}
+            />
+          ))
+        )}
+      </Box>
+      {showFilter && (
+        <FilterModal
+          filter={filter}
+          availableRepos={availableRepos}
+          availableAuthors={availableAuthors}
+          availableLabels={availableLabels}
+          onSearchChange={setSearch}
+          onRepoChange={setRepo}
+          onAuthorChange={setAuthor}
+          onLabelChange={setLabel}
+          onSortChange={setSortBy}
+          onSortDirectionToggle={toggleSortDirection}
+          onClear={clearFilters}
+          onClose={() => setShowFilter(false)}
+        />
+      )}
+      {showSort && (
+        <SortModal
+          currentSort={filter.sortBy}
+          sortDirection={filter.sortDirection}
+          onSortChange={setSortBy}
+          onSortDirectionToggle={toggleSortDirection}
+          onClose={() => setShowSort(false)}
+        />
+      )}
+    </Box>
+  )
+}

package/src/screens/PRDetailScreen.tsx

@@ -0,0 +1,88 @@
+import React, { useState } from 'react'
+import { Box, useInput, useStdout } from 'ink'
+import { Match } from 'effect'
+import { usePRFiles, usePRComments, usePRReviews, usePRCommits } from '../hooks/useGitHub'
+import { PRHeader } from '../components/pr/PRHeader'
+import { PRTabs } from '../components/pr/PRTabs'
+import { FilesTab } from '../components/pr/FilesTab'
+import { ConversationsTab } from '../components/pr/ConversationsTab'
+import { CommitsTab } from '../components/pr/CommitsTab'
+import { LoadingIndicator } from '../components/common/LoadingIndicator'
+import type { PullRequest } from '../models/pull-request'
+
+interface PRDetailScreenProps {
+  readonly pr: PullRequest
+  readonly owner: string
+  readonly repo: string
+  readonly onBack: () => void
+}
+
+const PR_DETAIL_RESERVED_LINES = 12
+
+export function PRDetailScreen({
+  pr,
+  owner,
+  repo,
+  onBack,
+}: PRDetailScreenProps): React.ReactElement {
+  const { stdout } = useStdout()
+  const [currentTab, setCurrentTab] = useState(0)
+  const contentHeight = Math.max(1, (stdout?.rows ?? 24) - PR_DETAIL_RESERVED_LINES)
+
+  // Fetch all PR data
+  const { data: files = [], isLoading: filesLoading } = usePRFiles(owner, repo, pr.number)
+  const { data: comments = [], isLoading: commentsLoading } = usePRComments(owner, repo, pr.number)
+  const { data: reviews = [], isLoading: reviewsLoading } = usePRReviews(owner, repo, pr.number)
+  const { data: commits = [], isLoading: commitsLoading } = usePRCommits(owner, repo, pr.number)
+
+  const isLoading = filesLoading || commentsLoading || reviewsLoading || commitsLoading
+
+  useInput((input, key) => {
+    if (input === '1') {
+      setCurrentTab(0)
+    } else if (input === '2') {
+      setCurrentTab(1)
+    } else if (input === '3') {
+      setCurrentTab(2)
+    } else if (input === 'q' || key.escape) {
+      onBack()
+    }
+  })
+
+  const renderTabContent = (): React.ReactElement => {
+    if (isLoading) {
+      return <LoadingIndicator message="Loading PR details..." />
+    }
+
+    return Match.value(currentTab).pipe(
+      Match.when(0, () => (
+        <ConversationsTab
+          pr={pr}
+          comments={comments}
+          reviews={reviews}
+          isActive={true}
+        />
+      )),
+      Match.when(1, () => <CommitsTab commits={commits} isActive={true} />),
+      Match.when(2, () => <FilesTab files={files} isActive={true} />),
+      Match.orElse(() => (
+        <ConversationsTab
+          pr={pr}
+          comments={comments}
+          reviews={reviews}
+          isActive={true}
+        />
+      ))
+    )
+  }
+
+  return (
+    <Box flexDirection="column" flexGrow={1}>
+      <PRHeader pr={pr} />
+      <PRTabs activeIndex={currentTab} onChange={setCurrentTab} />
+      <Box height={contentHeight} overflow="hidden" flexDirection="column">
+        {renderTabContent()}
+      </Box>
+    </Box>
+  )
+}

package/src/screens/PRListScreen.tsx

@@ -0,0 +1,96 @@
+import React, { useEffect, useRef } from 'react'
+import { Box, Text, useInput, useStdout } from 'ink'
+import { ScrollList, type ScrollListRef } from 'ink-scroll-list'
+import { useTheme } from '../theme/index'
+import { useGitHub } from '../hooks/useGitHub'
+import { useListNavigation } from '../hooks/useListNavigation'
+import { PRListItem } from '../components/pr/PRListItem'
+import { EmptyState } from '../components/common/EmptyState'
+import { LoadingIndicator } from '../components/common/LoadingIndicator'
+import type { PullRequest } from '../models/pull-request'
+
+interface PRListScreenProps {
+  readonly owner: string
+  readonly repo: string
+  readonly onSelect: (pr: PullRequest) => void
+}
+
+export function PRListScreen({
+  owner,
+  repo,
+  onSelect,
+}: PRListScreenProps): React.ReactElement {
+  const theme = useTheme()
+  const { stdout } = useStdout()
+  const { prs, loading, error, fetchPRs } = useGitHub()
+
+  useEffect(() => {
+    fetchPRs(owner, repo)
+  }, [owner, repo, fetchPRs])
+
+  const listRef = useRef<ScrollListRef>(null)
+  const viewportHeight = Math.max(1, (stdout?.rows ?? 24) - 6)
+  const { selectedIndex } = useListNavigation({
+    itemCount: prs.length,
+    viewportHeight,
+    isActive: true,
+  })
+
+  useEffect(() => {
+    const handleResize = (): void => listRef.current?.remeasure()
+    stdout?.on('resize', handleResize)
+    return () => {
+      stdout?.off('resize', handleResize)
+    }
+  }, [stdout])
+
+  useInput((input, key) => {
+    if (key.return && prs[selectedIndex]) {
+      onSelect(prs[selectedIndex])
+    }
+  })
+
+  if (loading && prs.length === 0) {
+    return <LoadingIndicator message="Loading pull requests..." />
+  }
+
+  if (error) {
+    return (
+      <Box flexDirection="column" padding={1}>
+        <Text color={theme.colors.error}>Error: {error}</Text>
+      </Box>
+    )
+  }
+
+  if (prs.length === 0) {
+    return (
+      <EmptyState message="No pull requests found" hint={`${owner}/${repo}`} />
+    )
+  }
+
+  return (
+    <Box flexDirection="column" flexGrow={1}>
+      <Box paddingX={1}>
+        <Text color={theme.colors.accent} bold>
+          Pull Requests
+        </Text>
+        <Text color={theme.colors.muted}> ({prs.length})</Text>
+        <Text color={theme.colors.muted}>
+          {' '}
+          - {owner}/{repo}
+        </Text>
+      </Box>
+      <Box flexDirection="column" overflow="hidden" height={viewportHeight}>
+        <ScrollList ref={listRef} selectedIndex={selectedIndex} scrollAlignment="auto">
+          {prs.map((pr, index) => (
+            <PRListItem
+              key={pr.id}
+              item={pr}
+              isFocus={index === selectedIndex}
+            />
+          ))}
+        </ScrollList>
+      </Box>
+    </Box>
+  )
+}