@kitlangton/ghui 0.3.0 → 0.3.2

package/src/ui/commentEditor.ts

@@ -1,126 +0,0 @@
-export interface CommentEditorValue {
-	readonly body: string
-	readonly cursor: number
-}
-
-export interface CommentEditorLine {
-	readonly text: string
-	readonly start: number
-	readonly end: number
-}
-
-export const clampCursor = (body: string, cursor: number) => Math.max(0, Math.min(cursor, body.length))
-
-export const commentEditorLines = (body: string): readonly CommentEditorLine[] => body.split("\n").reduce<CommentEditorLine[]>((ranges, text) => {
-	const start = ranges.length === 0 ? 0 : ranges[ranges.length - 1]!.end + 1
-	ranges.push({ text, start, end: start + text.length })
-	return ranges
-}, [])
-
-export const cursorLineIndexForLines = (lines: readonly CommentEditorLine[], cursor: number) =>
-	Math.max(0, lines.findIndex((line, index) => cursor <= line.end || index === lines.length - 1))
-
-export const cursorLineIndex = (body: string, cursor: number) => {
-	const lines = commentEditorLines(body)
-	const safeCursor = clampCursor(body, cursor)
-	return cursorLineIndexForLines(lines, safeCursor)
-}
-
-export const lineStartAt = (body: string, cursor: number) => body.lastIndexOf("\n", Math.max(0, clampCursor(body, cursor) - 1)) + 1
-
-export const lineEndAt = (body: string, cursor: number) => {
-	const end = body.indexOf("\n", clampCursor(body, cursor))
-	return end === -1 ? body.length : end
-}
-
-const previousWordStart = (body: string, cursor: number) => {
-	let index = clampCursor(body, cursor)
-	while (index > 0 && /\s/.test(body[index - 1]!)) index--
-	while (index > 0 && !/\s/.test(body[index - 1]!)) index--
-	return index
-}
-
-const nextWordEnd = (body: string, cursor: number) => {
-	let index = clampCursor(body, cursor)
-	while (index < body.length && /\s/.test(body[index]!)) index++
-	while (index < body.length && !/\s/.test(body[index]!)) index++
-	return index
-}
-
-const replaceRange = (state: CommentEditorValue, start: number, end: number, text = ""): CommentEditorValue => ({
-	body: `${state.body.slice(0, start)}${text}${state.body.slice(end)}`,
-	cursor: start + text.length,
-})
-
-export const insertText = (state: CommentEditorValue, text: string): CommentEditorValue =>
-	replaceRange(state, clampCursor(state.body, state.cursor), clampCursor(state.body, state.cursor), text)
-
-export const moveLeft = (state: CommentEditorValue): CommentEditorValue => ({
-	...state,
-	cursor: Math.max(0, clampCursor(state.body, state.cursor) - 1),
-})
-
-export const moveRight = (state: CommentEditorValue): CommentEditorValue => ({
-	...state,
-	cursor: Math.min(state.body.length, clampCursor(state.body, state.cursor) + 1),
-})
-
-export const moveLineStart = (state: CommentEditorValue): CommentEditorValue => ({
-	...state,
-	cursor: lineStartAt(state.body, state.cursor),
-})
-
-export const moveLineEnd = (state: CommentEditorValue): CommentEditorValue => ({
-	...state,
-	cursor: lineEndAt(state.body, state.cursor),
-})
-
-export const moveWordBackward = (state: CommentEditorValue): CommentEditorValue => ({
-	...state,
-	cursor: previousWordStart(state.body, state.cursor),
-})
-
-export const moveWordForward = (state: CommentEditorValue): CommentEditorValue => ({
-	...state,
-	cursor: nextWordEnd(state.body, state.cursor),
-})
-
-export const moveVertically = (state: CommentEditorValue, delta: number): CommentEditorValue => {
-	const lines = commentEditorLines(state.body)
-	const safeCursor = clampCursor(state.body, state.cursor)
-	const currentLineIndex = cursorLineIndexForLines(lines, safeCursor)
-	const currentLine = lines[currentLineIndex] ?? { text: state.body, start: 0, end: state.body.length }
-	const targetLine = lines[Math.max(0, Math.min(lines.length - 1, currentLineIndex + delta))] ?? currentLine
-	const column = safeCursor - currentLine.start
-	return { ...state, cursor: Math.min(targetLine.end, targetLine.start + column) }
-}
-
-export const backspace = (state: CommentEditorValue): CommentEditorValue => {
-	const cursor = clampCursor(state.body, state.cursor)
-	return cursor === 0 ? { ...state, cursor } : replaceRange({ ...state, cursor }, cursor - 1, cursor)
-}
-
-export const deleteForward = (state: CommentEditorValue): CommentEditorValue => {
-	const cursor = clampCursor(state.body, state.cursor)
-	return cursor >= state.body.length ? { ...state, cursor } : replaceRange({ ...state, cursor }, cursor, cursor + 1)
-}
-
-export const deleteWordBackward = (state: CommentEditorValue): CommentEditorValue => {
-	const cursor = clampCursor(state.body, state.cursor)
-	return replaceRange({ ...state, cursor }, previousWordStart(state.body, cursor), cursor)
-}
-
-export const deleteWordForward = (state: CommentEditorValue): CommentEditorValue => {
-	const cursor = clampCursor(state.body, state.cursor)
-	return replaceRange({ ...state, cursor }, cursor, nextWordEnd(state.body, cursor))
-}
-
-export const deleteToLineStart = (state: CommentEditorValue): CommentEditorValue => {
-	const cursor = clampCursor(state.body, state.cursor)
-	return replaceRange({ ...state, cursor }, lineStartAt(state.body, cursor), cursor)
-}
-
-export const deleteToLineEnd = (state: CommentEditorValue): CommentEditorValue => {
-	const cursor = clampCursor(state.body, state.cursor)
-	return replaceRange({ ...state, cursor }, cursor, lineEndAt(state.body, cursor))
-}

package/src/ui/comments.tsx

@@ -1,143 +0,0 @@
-import { TextAttributes } from "@opentui/core"
-import { formatRelativeDate } from "../date.js"
-import type { DiffCommentSide } from "../domain.js"
-import { colors } from "./colors.js"
-import { fitCell, TextLine } from "./primitives.js"
-
-export interface CommentSegment {
-	readonly text: string
-	readonly fg: string
-	readonly bold?: boolean
-}
-
-export interface CommentDisplayLine {
-	readonly key: string
-	readonly segments: readonly CommentSegment[]
-}
-
-export interface CommentDisplayItem {
-	readonly id: string
-	readonly author: string
-	readonly body: string
-	readonly createdAt: Date | null
-	readonly side?: DiffCommentSide | null
-}
-
-export const commentCountText = (count: number) => count === 1 ? "1 comment" : `${count} comments`
-
-export const commentSideColor = (side: DiffCommentSide | null | undefined) =>
-	side === "LEFT" ? colors.status.failing : side === "RIGHT" ? colors.status.passing : colors.count
-
-const commentTimestamp = (date: Date | null) => {
-	if (!date) return ""
-	const ageMs = Date.now() - date.getTime()
-	const minuteMs = 60_000
-	const hourMs = 60 * minuteMs
-	if (ageMs < minuteMs) return "just now"
-	if (ageMs < hourMs) return `${Math.max(1, Math.floor(ageMs / minuteMs))}m ago`
-	if (ageMs < 24 * hourMs) return `${Math.max(1, Math.floor(ageMs / hourMs))}h ago`
-	return formatRelativeDate(date)
-}
-
-const inlineCommentSegments = (text: string, fg = colors.text): readonly CommentSegment[] =>
-	text.split(/(`[^`]+`)/g).filter((part) => part.length > 0).map((part) =>
-		part.startsWith("`") && part.endsWith("`")
-			? { text: part.slice(1, -1), fg: colors.inlineCode }
-			: { text: part, fg },
-	)
-
-const wrapCommentText = (body: string, width: number) => {
-	const safeWidth = Math.max(1, width)
-	const lines = body.trim().length === 0 ? ["(empty comment)"] : body.replace(/\r/g, "").trim().split("\n")
-	return lines.flatMap((line) => {
-		const trimmed = line.trim()
-		if (trimmed.length === 0) return []
-		const wrapped: string[] = []
-		for (let index = 0; index < trimmed.length; index += safeWidth) {
-			wrapped.push(trimmed.slice(index, index + safeWidth))
-		}
-		return wrapped
-	})
-}
-
-const appendMetaGroup = (segments: CommentSegment[], group: readonly CommentSegment[]) => {
-	if (group.length === 0) return
-	segments.push({ text: " · ", fg: colors.muted }, ...group)
-}
-
-export const commentMetaSegments = ({
-	item,
-	markerLabel,
-	groups = [],
-}: {
-	readonly item: CommentDisplayItem
-	readonly markerLabel?: string | null | undefined
-	readonly groups?: readonly (readonly CommentSegment[])[] | undefined
-}): readonly CommentSegment[] => {
-	const sideColor = commentSideColor(item.side)
-	const timestamp = commentTimestamp(item.createdAt)
-	const segments: CommentSegment[] = [
-		{ text: "•", fg: colors.count, bold: true },
-		...(markerLabel ? [{ text: ` ${markerLabel}`, fg: sideColor, bold: true }] : []),
-		{ text: " ", fg: colors.muted },
-		{ text: item.author, fg: colors.count, bold: true },
-	]
-	if (timestamp) appendMetaGroup(segments, [{ text: timestamp, fg: colors.muted }])
-	for (const group of groups) appendMetaGroup(segments, group)
-	return segments
-}
-
-export const commentBodyRows = ({
-	keyPrefix,
-	body,
-	width,
-}: {
-	readonly keyPrefix: string
-	readonly body: string
-	readonly width: number
-}): readonly CommentDisplayLine[] =>
-	wrapCommentText(body, Math.max(1, width - 2)).map((line, index) => ({
-		key: `${keyPrefix}:body:${index}`,
-		segments: [
-			{ text: "│ ", fg: colors.muted },
-			...inlineCommentSegments(line),
-		],
-	}))
-
-export const commentDisplayRows = ({
-	item,
-	width,
-	markerLabel,
-	groups,
-}: {
-	readonly item: CommentDisplayItem
-	readonly width: number
-	readonly markerLabel?: string | null | undefined
-	readonly groups?: readonly (readonly CommentSegment[])[] | undefined
-}): readonly CommentDisplayLine[] => [
-	{ key: `${item.id}:meta`, segments: commentMetaSegments({ item, markerLabel, groups }) },
-	...commentBodyRows({ keyPrefix: item.id, body: item.body, width }),
-]
-
-export const firstCommentBodyLine = (body: string) => {
-	const text = body.trim().length > 0 ? body : "(empty comment)"
-	const newlineIndex = text.indexOf("\n")
-	return (newlineIndex >= 0 ? text.slice(0, newlineIndex) : text).trim() || "(empty comment)"
-}
-
-export const CommentSegmentsLine = ({ segments }: { segments: readonly CommentSegment[] }) => (
-	<TextLine>
-		{segments.map((segment, index) => segment.bold ? (
-			<span key={index} fg={segment.fg} attributes={TextAttributes.BOLD}>{segment.text}</span>
-		) : (
-			<span key={index} fg={segment.fg}>{segment.text}</span>
-		))}
-	</TextLine>
-)
-
-export const CommentBodyLine = ({ body, width }: { body: string; width: number }) => (
-	<CommentSegmentsLine segments={[
-		{ text: "│ ", fg: colors.muted },
-		{ text: fitCell(firstCommentBodyLine(body), Math.max(1, width - 2)), fg: colors.text },
-	]} />
-)