@kitlangton/ghui 0.2.1 → 0.3.2

package/src/services/MockGitHubService.ts

@@ -1,181 +0,0 @@
-import { Effect, Layer } from "effect"
-import type { CheckItem, CreatePullRequestCommentInput, Mergeable, PullRequestConversationItem, PullRequestItem, PullRequestLabel, PullRequestMergeInfo, PullRequestPage, PullRequestQueueMode, PullRequestReviewComment, ReviewStatus } from "../domain.js"
-import { GitHubService } from "./GitHubService.js"
-
-export interface MockOptions {
-	readonly prCount: number
-	readonly repoCount?: number
-	readonly username?: string
-	readonly seed?: number
-}
-
-const REVIEW_CYCLE: readonly ReviewStatus[] = ["approved", "changes", "review", "none", "draft"]
-const MERGEABLE_CYCLE: readonly Mergeable[] = ["mergeable", "conflicting", "unknown"]
-
-const synthCheckSummary = (passed: number, total: number): Pick<PullRequestItem, "checkStatus" | "checkSummary" | "checks"> => {
-	const checks: readonly CheckItem[] = Array.from({ length: total }, (_, index) => ({
-		name: `check-${index}`,
-		status: "completed",
-		conclusion: index < passed ? "success" : "failure",
-	}))
-	if (total === 0) return { checkStatus: "none", checkSummary: null, checks: [] }
-	if (passed === total) return { checkStatus: "passing", checkSummary: `${passed}/${total}`, checks }
-	return { checkStatus: "failing", checkSummary: `${passed}/${total}`, checks }
-}
-
-const synthLabels = (index: number): readonly PullRequestLabel[] => {
-	if (index % 5 === 0) return [{ name: "bug", color: "#d73a4a" }]
-	if (index % 7 === 0) return [{ name: "enhancement", color: "#a2eeef" }, { name: "tests", color: "#0e8a16" }]
-	return []
-}
-
-const buildPullRequest = (index: number, options: Required<MockOptions>): PullRequestItem => {
-	const repoIndex = index % options.repoCount
-	const repository = `mock-org/repo-${repoIndex}`
-	const number = 1000 + index
-	const total = 8 + (index % 5)
-	const passed = total - (index % 3 === 0 ? 1 : 0)
-	const review = REVIEW_CYCLE[index % REVIEW_CYCLE.length]!
-	const createdAt = new Date(Date.now() - index * 86_400_000)
-
-	return {
-		repository,
-		author: options.username,
-		headRefOid: `deadbeef${index.toString(16).padStart(8, "0")}`,
-		number,
-		title: `Mock PR ${number}: example change ${index}`,
-		body: `This is mock pull request #${number}.\n\nLine A.\nLine B.`,
-		labels: synthLabels(index),
-		additions: 10 + index,
-		deletions: 5 + (index % 11),
-		changedFiles: 1 + (index % 7),
-		state: "open",
-		reviewStatus: review,
-		...synthCheckSummary(passed, total),
-		autoMergeEnabled: index % 11 === 0,
-		detailLoaded: true,
-		createdAt,
-		closedAt: null,
-		url: `https://github.com/${repository}/pull/${number}`,
-	}
-}
-
-export const buildMockPullRequests = (options: MockOptions): readonly PullRequestItem[] => {
-	const resolved: Required<MockOptions> = {
-		prCount: options.prCount,
-		repoCount: options.repoCount ?? 4,
-		username: options.username ?? "mock-user",
-		seed: options.seed ?? 0,
-	}
-	return Array.from({ length: resolved.prCount }, (_, index) => buildPullRequest(index, resolved))
-}
-
-const filterByView = (mode: PullRequestQueueMode, repository: string | null, source: readonly PullRequestItem[]) => {
-	if (mode === "repository") return repository ? source.filter((item) => item.repository === repository) : []
-	return source
-}
-
-const pageItems = (source: readonly PullRequestItem[], cursor: string | null, pageSize: number): PullRequestPage => {
-	const start = cursor ? Number.parseInt(cursor, 10) : 0
-	const safeStart = Number.isFinite(start) && start >= 0 ? start : 0
-	const safePageSize = Math.max(1, Math.min(100, pageSize))
-	const end = Math.min(source.length, safeStart + safePageSize)
-	return {
-		items: source.slice(safeStart, end),
-		endCursor: end > safeStart ? String(end) : null,
-		hasNextPage: end < source.length,
-	}
-}
-
-const mockDiff = `diff --git a/src/mockDiff.ts b/src/mockDiff.ts
---- a/src/mockDiff.ts
-+++ b/src/mockDiff.ts
-@@ -1,6 +1,6 @@
- export const before = true
--const oldOne = 1
-+const newOne = 1
--  sameName()
-+	sameName()
--const oldTwo = 2
-+const newTwo = 2
- export const after = true`
-
-export const MockGitHubService = {
-	layer: (options: MockOptions) => {
-		const items = buildMockPullRequests(options)
-		const username = options.username ?? "mock-user"
-		const summaryItems = items.map((item) => ({
-			...item,
-			body: "",
-			labels: [],
-			additions: 0,
-			deletions: 0,
-			changedFiles: 0,
-			detailLoaded: false,
-		} satisfies PullRequestItem))
-		const findPullRequest = (repository: string, number: number) => items.find((item) => item.repository === repository && item.number === number) ?? items[0]!
-		const conversationItems = (repository: string, number: number): readonly PullRequestConversationItem[] => [
-			{
-				_tag: "comment",
-				id: `mock-comment:${repository}:${number}:1`,
-				author: "mock-reviewer",
-				body: `Top-level discussion for #${number}. This should appear after the summary with its own separator.`,
-				createdAt: new Date(Date.now() - 3_600_000),
-				url: null,
-			},
-			{
-				_tag: "review-comment",
-				id: `mock-review:${repository}:${number}:1`,
-				author: "mock-reviewer",
-				body: "Inline review comment rendered in the same conversation stream.",
-				createdAt: new Date(Date.now() - 1_800_000),
-				url: null,
-				path: "src/App.tsx",
-				line: 42,
-				side: "RIGHT",
-			},
-		]
-
-		return Layer.succeed(
-			GitHubService,
-			GitHubService.of({
-				listOpenPullRequests: (mode: PullRequestQueueMode, repository: string | null) => Effect.succeed(filterByView(mode, repository, summaryItems)),
-				listOpenPullRequestPage: (input) => Effect.succeed(pageItems(filterByView(input.mode, input.repository, summaryItems), input.cursor, input.pageSize)),
-				listOpenPullRequestDetails: (mode: PullRequestQueueMode, repository: string | null) => Effect.succeed(filterByView(mode, repository, items)),
-				getPullRequestDetails: (repository, number) => Effect.succeed(findPullRequest(repository, number)),
-				getAuthenticatedUser: () => Effect.succeed(username),
-				getPullRequestDiff: (_repo, _number) => Effect.succeed(mockDiff),
-				listPullRequestComments: (_repo, _number) => Effect.succeed([] as readonly PullRequestReviewComment[]),
-				listPullRequestConversation: (repository, number) => Effect.succeed(conversationItems(repository, number)),
-				getPullRequestMergeInfo: (repository, number) => Effect.succeed({
-					repository,
-					number,
-					title: `Mock PR ${number}`,
-					state: "open",
-					isDraft: false,
-					mergeable: MERGEABLE_CYCLE[number % MERGEABLE_CYCLE.length]!,
-					reviewStatus: "approved",
-					checkStatus: "passing",
-					checkSummary: "10/10",
-					autoMergeEnabled: false,
-				} satisfies PullRequestMergeInfo),
-				mergePullRequest: () => Effect.void,
-				closePullRequest: () => Effect.void,
-				createPullRequestComment: (input: CreatePullRequestCommentInput) => Effect.succeed({
-					id: `mock:${Date.now()}`,
-					path: input.path,
-					line: input.line,
-					side: input.side,
-					author: username,
-					body: input.body,
-					createdAt: new Date(),
-					url: null,
-				} satisfies PullRequestReviewComment),
-				toggleDraftStatus: () => Effect.void,
-				listRepoLabels: () => Effect.succeed([]),
-				addPullRequestLabel: () => Effect.void,
-				removePullRequestLabel: () => Effect.void,
-			}),
-		)
-	},
-}

package/src/themeStore.ts

@@ -1,60 +0,0 @@
-import { mkdir } from "node:fs/promises"
-import { homedir } from "node:os"
-import { dirname, join } from "node:path"
-import { Effect, Schema } from "effect"
-import { isThemeId, type ThemeId } from "./ui/colors.js"
-import { DiffWhitespaceMode } from "./ui/diff.js"
-
-interface StoredConfig {
-	readonly theme?: unknown
-	readonly diffWhitespaceMode?: unknown
-}
-
-const configDirectory = () => {
-	if (process.env.GHUI_CONFIG_DIR) return process.env.GHUI_CONFIG_DIR
-	if (process.env.XDG_CONFIG_HOME) return join(process.env.XDG_CONFIG_HOME, "ghui")
-	if (process.platform === "win32" && process.env.APPDATA) return join(process.env.APPDATA, "ghui")
-	return join(homedir(), ".config", "ghui")
-}
-
-export const configPath = () => join(configDirectory(), "config.json")
-
-const parseConfig = (text: string): StoredConfig => {
-	const value = JSON.parse(text) as unknown
-	return value && typeof value === "object" ? value : {}
-}
-
-const readStoredConfig = async () => {
-	const file = Bun.file(configPath())
-	return await file.exists() ? parseConfig(await file.text()) : {}
-}
-
-const writeStoredConfig = async (config: StoredConfig) => {
-	const path = configPath()
-	await mkdir(dirname(path), { recursive: true })
-	await Bun.write(path, `${JSON.stringify(config, null, "\t")}\n`)
-}
-
-export const loadStoredThemeId: Effect.Effect<ThemeId> = Effect.catchCause(Effect.tryPromise(async () => {
-	const config = await readStoredConfig()
-	return isThemeId(config.theme) ? config.theme : "ghui"
-}), () => Effect.succeed("ghui" satisfies ThemeId))
-
-export const loadStoredDiffWhitespaceMode: Effect.Effect<DiffWhitespaceMode> = Effect.catchCause(Effect.tryPromise(async () => {
-	const config = await readStoredConfig()
-	return Schema.is(DiffWhitespaceMode)(config.diffWhitespaceMode) ? config.diffWhitespaceMode : "ignore"
-}), () => Effect.succeed("ignore" satisfies DiffWhitespaceMode))
-
-export const saveStoredThemeId = (theme: ThemeId): Effect.Effect<void> => Effect.tryPromise(async () => {
-	const config = await readStoredConfig()
-	if (config.theme === theme) return
-
-	await writeStoredConfig({ ...config, theme })
-})
-
-export const saveStoredDiffWhitespaceMode = (diffWhitespaceMode: DiffWhitespaceMode): Effect.Effect<void> => Effect.tryPromise(async () => {
-	const config = await readStoredConfig()
-	if (config.diffWhitespaceMode === diffWhitespaceMode) return
-
-	await writeStoredConfig({ ...config, diffWhitespaceMode })
-})

package/src/ui/CommandPalette.tsx

@@ -1,216 +0,0 @@
-import { TextAttributes, type MouseEvent } from "@opentui/core"
-import { useEffect, useMemo, useState } from "react"
-import type { AppCommand } from "../commands.js"
-import { clampCommandIndex } from "../commands.js"
-import { colors } from "./colors.js"
-import { scrollTopForVisibleLine } from "./diff.js"
-import { centerCell, Divider, Filler, fitCell, HintRow, ModalFrame, PaddedRow, PlainLine, standardModalDims, TextLine, trimCell } from "./primitives.js"
-
-const scopeLabels = {
-	Global: "App",
-	View: "View",
-	"Pull request": "Pull Request",
-	Diff: "Diff",
-	Navigation: "Navigation",
-	System: "System",
-} as const satisfies Record<AppCommand["scope"], string>
-
-export type CommandPaletteRow =
-	| { readonly _tag: "section"; readonly scope: AppCommand["scope"] }
-	| { readonly _tag: "spacer" }
-	| { readonly _tag: "command"; readonly command: AppCommand; readonly commandIndex: number }
-
-export const buildCommandPaletteRows = (commands: readonly AppCommand[]): readonly CommandPaletteRow[] => {
-	const rows: CommandPaletteRow[] = []
-	let previousScope: AppCommand["scope"] | null = null
-	for (let commandIndex = 0; commandIndex < commands.length; commandIndex++) {
-		const command = commands[commandIndex]!
-		if (command.scope !== previousScope) {
-			if (previousScope !== null) rows.push({ _tag: "spacer" })
-			rows.push({ _tag: "section", scope: command.scope })
-			previousScope = command.scope
-		}
-		rows.push({ _tag: "command", command, commandIndex })
-	}
-	return rows
-}
-
-export const commandPaletteSelectedRowIndex = (rows: readonly CommandPaletteRow[], selectedCommandIndex: number) =>
-	Math.max(0, rows.findIndex((row) => row._tag === "command" && row.commandIndex === selectedCommandIndex))
-
-export const commandPaletteScrollTop = ({
-	current,
-	rowsLength,
-	listHeight,
-	selectedRowIndex,
-}: {
-	readonly current: number
-	readonly rowsLength: number
-	readonly listHeight: number
-	readonly selectedRowIndex: number
-}) => {
-	if (rowsLength <= listHeight) return 0
-	const maxScrollTop = Math.max(0, rowsLength - listHeight)
-	const clampScrollTop = (value: number) => Math.max(0, Math.min(value, maxScrollTop))
-	return clampScrollTop(scrollTopForVisibleLine(current, listHeight, selectedRowIndex, 0))
-}
-
-export const commandPaletteClampScrollTop = (rowsLength: number, listHeight: number, value: number) =>
-	Math.max(0, Math.min(value, Math.max(0, rowsLength - listHeight)))
-
-export const CommandPalette = ({
-	commands,
-	query,
-	selectedIndex,
-	modalWidth,
-	modalHeight,
-	offsetLeft,
-	offsetTop,
-	onSelectCommandIndex,
-	onRunCommand,
-}: {
-	commands: readonly AppCommand[]
-	query: string
-	selectedIndex: number
-	modalWidth: number
-	modalHeight: number
-	offsetLeft: number
-	offsetTop: number
-	onSelectCommandIndex: (index: number) => void
-	onRunCommand: (command: AppCommand) => void
-}) => {
-	const { innerWidth, contentWidth, rowWidth } = standardModalDims(modalWidth, modalHeight)
-	const listHeight = Math.max(1, modalHeight - 6)
-	const clampedIndex = clampCommandIndex(selectedIndex, commands)
-	const [scrollTop, setScrollTop] = useState(0)
-	const rows = useMemo(() => buildCommandPaletteRows(commands), [commands])
-	const selectedRowIndex = commandPaletteSelectedRowIndex(rows, clampedIndex)
-	const visibleRows = rows.slice(scrollTop, scrollTop + listHeight)
-	const bottomPaddingRows = Math.max(0, listHeight - visibleRows.length)
-	const countText = commands.length === 1 ? "1 command" : `${commands.length} commands`
-	const placeholder = "Search"
-	const titleText = "Commands"
-	const headerGap = 1
-	const headerDivider = "│"
-	const searchGap = 1
-	const dividerColumn = 1 + titleText.length + headerGap
-	const searchStart = titleText.length + headerGap + headerDivider.length + searchGap
-	const countGap = countText.length > 0 ? 2 : 0
-	const searchWidth = Math.max(1, contentWidth - searchStart - countGap - countText.length)
-	const queryText = trimCell(query, Math.max(0, searchWidth - 1))
-	const queryPadding = Math.max(0, searchWidth - queryText.length - 1)
-	const caretFg = colors.background === "transparent" ? colors.text : colors.background
-	const emptyTopRows = Math.max(0, Math.floor((listHeight - 1) / 2))
-	const emptyBottomRows = Math.max(0, listHeight - emptyTopRows - 1)
-	const runCommandOnMouseDown = (command: AppCommand) => (event: MouseEvent) => {
-		if (event.button !== 0) return
-		event.preventDefault()
-		event.stopPropagation()
-		onRunCommand(command)
-	}
-	const selectCommandOnMouse = (commandIndex: number) => (event: MouseEvent) => {
-		onSelectCommandIndex(commandIndex)
-		event.stopPropagation()
-	}
-	const handleMouseScroll = (event: MouseEvent) => {
-		if (!event.scroll || rows.length <= listHeight) return
-		const delta = Math.max(1, Math.ceil(event.scroll.delta))
-		const direction = event.scroll.direction === "down" || event.scroll.direction === "right" ? 1 : -1
-		setScrollTop((current) => commandPaletteClampScrollTop(rows.length, listHeight, current + direction * delta))
-		event.preventDefault()
-		event.stopPropagation()
-	}
-	const content = rows.length === 0 ? (
-		<>
-			<Filler rows={emptyTopRows} prefix="top" />
-			<PlainLine text={centerCell("No matching command", rowWidth)} fg={colors.muted} />
-			<Filler rows={emptyBottomRows} prefix="bottom" />
-		</>
-	) : (
-		<>
-			{visibleRows.map((row, index) => {
-				const rowIndex = scrollTop + index
-				if (row._tag === "spacer") {
-					return <PlainLine key={`spacer-${rowIndex}`} text="" />
-				}
-				if (row._tag === "section") {
-					return <PlainLine key={`section-${row.scope}-${rowIndex}`} text={fitCell(`  ${scopeLabels[row.scope].toUpperCase()}`, rowWidth)} fg={colors.muted} />
-				}
-
-				const { command, commandIndex } = row
-				const isSelected = commandIndex === clampedIndex
-				const shortcut = command.shortcut ? trimCell(command.shortcut, 16) : ""
-				const shortcutWidth = shortcut.length === 0 ? 0 : Math.min(18, Math.max(6, shortcut.length + 1))
-				const trailingPadding = shortcut.length === 0 ? 0 : 1
-				// Layout: "▸ " (2) + title + "  " (2) + subtitle + filler + shortcut + " " (1)
-				const SELECTOR_WIDTH = 2
-				const titleAvailable = Math.max(8, rowWidth - SELECTOR_WIDTH - shortcutWidth - trailingPadding)
-				const titleText = trimCell(command.title, Math.min(titleAvailable, 36))
-				const subtitleSpace = Math.max(0, titleAvailable - titleText.length - 2)
-				const subtitleText = command.subtitle && subtitleSpace > 4 ? trimCell(command.subtitle, subtitleSpace) : ""
-				const fillerWidth = Math.max(0, titleAvailable - titleText.length - (subtitleText ? 2 + subtitleText.length : 0))
-
-				return (
-					<box key={command.id} height={1} onMouseDown={runCommandOnMouseDown(command)} onMouseMove={selectCommandOnMouse(commandIndex)} onMouseOver={selectCommandOnMouse(commandIndex)}>
-						<TextLine width={rowWidth} bg={isSelected ? colors.selectedBg : undefined} fg={isSelected ? colors.selectedText : colors.text}>
-							<span fg={isSelected ? colors.accent : colors.muted}>{isSelected ? "▸" : " "}</span>
-							<span> </span>
-							{isSelected ? <span attributes={TextAttributes.BOLD}>{titleText}</span> : <span>{titleText}</span>}
-							{subtitleText ? <span fg={colors.muted}>{`  ${subtitleText}`}</span> : null}
-							{fillerWidth > 0 ? <span>{" ".repeat(fillerWidth)}</span> : null}
-							{shortcutWidth > 0 ? <span fg={colors.muted}>{fitCell(shortcut, shortcutWidth, "right")}</span> : null}
-							{trailingPadding > 0 ? <span> </span> : null}
-						</TextLine>
-					</box>
-				)
-			})}
-			<Filler rows={bottomPaddingRows} prefix="pad" />
-		</>
-	)
-	useEffect(() => {
-		setScrollTop((current) => commandPaletteScrollTop({ current, rowsLength: rows.length, listHeight, selectedRowIndex }))
-	}, [listHeight, rows.length, selectedRowIndex])
-	return (
-		<ModalFrame
-			left={offsetLeft}
-			top={offsetTop}
-			width={modalWidth}
-			height={modalHeight}
-			junctionRows={[1, modalHeight - 4]}
-			topJunctionColumns={[dividerColumn]}
-		>
-			<PaddedRow>
-				<TextLine>
-					<span fg={colors.accent} attributes={TextAttributes.BOLD}>{titleText}</span>
-					<span>{" ".repeat(headerGap)}</span>
-					<span fg={colors.separator}>{headerDivider}</span>
-					<span>{" ".repeat(searchGap)}</span>
-					{query.length > 0 ? (
-						<>
-							<span fg={colors.text}>{queryText}</span>
-							<span bg={colors.muted} fg={caretFg}> </span>
-							{queryPadding > 0 ? <span>{" ".repeat(queryPadding)}</span> : null}
-						</>
-					) : (
-						<>
-							<span bg={colors.muted} fg={caretFg}>{placeholder[0]}</span>
-							<span fg={colors.muted}>{fitCell(placeholder.slice(1), Math.max(0, searchWidth - 1))}</span>
-						</>
-					)}
-					{countText.length > 0 && searchWidth > placeholder.length ? (
-						<>
-							<span>{" ".repeat(countGap)}</span>
-							<span fg={colors.muted}>{countText}</span>
-						</>
-					) : null}
-				</TextLine>
-			</PaddedRow>
-			<Divider width={innerWidth} junctionAt={dividerColumn} junctionChar="┴" />
-			<box height={listHeight} flexDirection="column" onMouseScroll={handleMouseScroll}>{content}</box>
-			<Divider width={innerWidth} />
-			<PaddedRow>
-				<HintRow items={[{ key: "↑↓", label: "select" }, { key: "enter", label: "run" }, { key: "ctrl-u", label: "clear" }, { key: "ctrl-w", label: "word" }, { key: "esc", label: "close" }]} />
-			</PaddedRow>
-		</ModalFrame>
-	)
-}