Files
tolaria/src/hooks/useAIChat.ts
lucaronin 8cb382e3a3 fix: resolve React hooks/compiler ESLint errors
- Wrap ref assignments in useEffect to fix refs-during-render in
  useTabManagement, useKeyboardNavigation, and Editor
- Rewrite useAppKeyboard to define keyMap inside useEffect, eliminating
  ref access during render
- Add eslint-disable for react-hooks/set-state-in-effect on legitimate
  dialog reset patterns (CommitDialog, CreateNoteDialog, CreateTypeDialog,
  QuickOpenPalette, AIChatPanel, useVaultLoader)
- Add eslint-disable for react-hooks/static-components on icon lookups
  (NoteItem, NoteList PinnedCard) — stateless icon components from a
  static map
- Add eslint-disable for react-hooks/purity on Date.now() in
  NoteItem TrashDateLine — intentionally memoized on trashedAt
- Remove unused `model` param from buildSystemPrompt (ai-chat.ts) and
  update callers
- Fix exhaustive-deps: suppress vault object dep in App.tsx git history
  effect (vault object is unstable, loadGitHistory is the real dep)
- Remove unused `modifiedFiles` from useNoteListData params and caller
- Add missing `ref` to Sidebar useOutsideClick deps

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-22 14:06:51 +01:00

109 lines
3.8 KiB
TypeScript

/**
* Custom hook encapsulating AI chat state and message handling.
*/
import { useState, useCallback, useRef } from 'react'
import type { VaultEntry } from '../types'
import {
type ChatMessage, nextMessageId, getApiKey,
buildSystemPrompt, streamChat,
} from '../utils/ai-chat'
import { countWords } from '../utils/wikilinks'
function generateMockResponse(message: string, entry: VaultEntry | null, content: string): string {
const title = entry?.title ?? 'Untitled'
const words = countWords(content)
const lower = message.toLowerCase()
if (lower.includes('summarize')) {
return `This note is about **${title}**. It contains ${words} words covering the main concepts documented in your vault.`
}
if (lower.includes('expand')) {
return `Here are some ways to expand this note:\n\n1. Add more detail to the introduction\n2. Include related examples\n3. Connect it to your quarterly goals\n4. Add a summary section at the end`
}
if (lower.includes('grammar')) {
return `I reviewed the document for grammar issues. The writing looks clean overall — no major errors found.`
}
return `Based on **${title}**, I can help with analysis, summarization, or expansion. What would you like to focus on?`
}
export function useAIChat(
entry: VaultEntry | null,
allContent: Record<string, string>,
contextNotes: VaultEntry[],
model: string,
) {
const [messages, setMessages] = useState<ChatMessage[]>([])
const [isStreaming, setIsStreaming] = useState(false)
const [streamingContent, setStreamingContent] = useState('')
const abortRef = useRef(false)
const sendMessage = useCallback((text: string) => {
if (!text.trim() || isStreaming) return
const userMsg: ChatMessage = { role: 'user', content: text.trim(), id: nextMessageId() }
setMessages(prev => [...prev, userMsg])
setIsStreaming(true)
setStreamingContent('')
abortRef.current = false
const allMessages = [...messages, userMsg].map(m => ({ role: m.role, content: m.content }))
const hasApiKey = !!getApiKey()
if (!hasApiKey) {
const content = entry ? (allContent[entry.path] ?? '') : ''
setTimeout(() => {
if (abortRef.current) return
const response = generateMockResponse(text, entry, content)
setMessages(prev => [...prev, { role: 'assistant', content: response, id: nextMessageId() }])
setIsStreaming(false)
}, 800)
return
}
const { prompt: systemPrompt } = buildSystemPrompt(contextNotes, allContent)
let accumulated = ''
const onChunk = (chunk: string) => {
if (abortRef.current) return
accumulated += chunk
setStreamingContent(accumulated)
}
const onDone = () => {
if (abortRef.current) return
setMessages(prev => [...prev, { role: 'assistant', content: accumulated, id: nextMessageId() }])
setStreamingContent('')
setIsStreaming(false)
}
const onError = (error: string) => {
if (abortRef.current) return
setMessages(prev => [...prev, { role: 'assistant', content: `Error: ${error}`, id: nextMessageId() }])
setStreamingContent('')
setIsStreaming(false)
}
streamChat(allMessages, systemPrompt, model, onChunk, onDone, onError)
}, [isStreaming, entry, allContent, contextNotes, model, messages])
const clearConversation = useCallback(() => {
abortRef.current = true
setMessages([])
setIsStreaming(false)
setStreamingContent('')
}, [])
const retryMessage = useCallback((msgIndex: number) => {
const userMsgIndex = msgIndex - 1
if (userMsgIndex < 0) return
const userMsg = messages[userMsgIndex]
if (userMsg.role !== 'user') return
setMessages(prev => prev.slice(0, msgIndex))
sendMessage(userMsg.content)
}, [messages, sendMessage])
return { messages, isStreaming, streamingContent, sendMessage, clearConversation, retryMessage }
}